/* ================================
    CSS STYLES FOR Clark and Bradshaw Portal
   ================================
*/ 

/* PAGE BACKGROUND */
/* background color for the logo header section */
.HeadBg {
    background-color: #CDC8C4;   /*f9f9f9*/
}

/* BODY BACKGROUND */
/* background color for the non-content part of the site (left and right margins) */
Body
{
    background-color: #ffffff;
    /* or use the Body Background dropdown in Admin Settings to select a background image (see the Admin Guide) */
    	
	/* scrollbar colors*/
	scrollbar-base-color: cccccc;
	scrollbar-track-color: F9F9F9;
	scrollbar-face-color: D7CCC1;
	scrollbar-highlight-color: cccccc;
	scrollbar-3dlight-color: 666666;
	scrollbar-darkshadow-color: cccccc;
	scrollbar-shadow-color: 000000;
	scrollbar-arrow-color: 000000;
   
}

/* background color for the date row (located directly beneath the navigation menu row) */
.TabBg {
    /*background-color: #efefef;*/
    background-image: url(designs/gradient.jpg); background-repeat: repeat;    
}



/* background colors for the panes, leave commented if you dont want to apply any colors to the panes */
.LeftPane {
	/* background-color: white; */
             background-image: url(designs/C5BEB4_filler.gif); background-repeat: repeat;
}

.ContentPane {
	/* background-color: white; */
             background-image: url(designs/D3CEC8_filler.gif); background-repeat: repeat;
}

.RightPane {
	/* background-color: white; */
             background-image: url(designs/D3CEC8_filler.gif); background-repeat: repeat;
}

/* background color for the bottom footer row (located directly beneath the copyright row) */
.AltFooter{
    background-color: #AFA393;
}


/* Navigation Menu styles */

/* background color of the navigation menu row and footer row */
.DNN_MenuContainer 
{
                background-image: url(designs/nav_menu_bkgd.jpg);background-repeat:no-repeat;
                border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
                padding-right: 14px;
                /*text-align: center;*/
}
/* height of the navigation menu; do not change this value! */
.DNN_MenuBar 
{
             height:20;
             /*text-align: center;*/
}
/* font specs of the navigation menu items (mouse-off mode) */
.DNN_MenuItem 
{
	color: #333333; /*665f56*/
	font-family: Arial, sans serif;
             font-size: 11pt;
	font-weight: 400;
	font-style: normal;
             font-variant: small-caps;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
             /* do not modify this value! */
	height:20;
 }
.DNN_SubMenu
/* the background color of submenu items (mouse-off) */ 
{
	z-index: 1000;
	background-color: #AEA292;/*B9AFA3*/
	border-bottom: #000000 0px solid;
	border-left: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	/* do not modify this value! */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
}
.DNN_MenuIcon 
/* the background color of the admin menu icons */
{
	/* note: background-color should be same as the DNN_SubMenu */
	background-color: #AEA292;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
	/* do not modify these 2 values! */
	width: 1;
	height: 18;
}
/* font specs/background of navigation menu items (mouse-over mode) */
.DNN_MenuItemSel 
{
	/* mouse-over highlight color */
	background-color: #000000; /*EFEFEF*/
	/* mouse-over font specs */
	font-family: Arial, sans serif;
	font-size: 11pt;
	font-weight: 400;
	font-style: normal;
             font-variant: small-caps;
	color: #FFFFFF;
	border-left: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;
	border-right: #000000 0px solid;
             height:20;		
}
.DNN_MenuArrow 
/* do not modify this class! */
{
	font-family: webdings;
	font-size: 0pt;
	border-right: #000000 0px solid;
	border-bottom: #000000 0px solid;
	border-top: #000000 0px solid;}
		
/* End Navigation Menu styles */


/* Date */
.SelectedTab {
    font-weight: 400;
    font-size: 8pt;
    color: #999999;
    font-family: Arial, sans serif;
    text-decoration: none;
    line-height: 200%;
}

/* Username Link */
A.SelectedTab:link {
    text-decoration: none;
    color: blue;
}

A.SelectedTab:visited {
    text-decoration: none;
    color: blue;
}

A.SelectedTab:active {
    text-decoration: none;
    color: blue;
}

A.SelectedTab:hover {
    text-decoration: underline;
    color: blue;
}

/* Support, Logoff links */
.OtherTabs {
    font-weight: 500;
    font-size: 8pt;
    color: #ffffff;
    font-family: Arial, sans serif;
    text-decoration: none;
    /* do not modify this value! */
    height:20;
    line-height: 200%;
}
    
A.OtherTabs:link {
    text-decoration: none;
    color: #ffffff;
}

A.OtherTabs:visited {
    text-decoration: none;
    color: #ffffff;
}

A.OtherTabs:active {
    text-decoration: none;
    color: blue;
}

A.OtherTabs:hover {
    text-decoration: underline;
    color: blue;
}


/* text style for the copyright text */
.copyrightText {
    font-weight: 500;
    font-size: 9pt;
    color: #666666;
    font-family: Arial, sans serif;
    text-decoration: none;
    line-height: 200%;
}

/* hyperlink styles for the footer text */
A.footerText:link 
{
    font-family: Arial, sans serif;
    font-size: 8pt;
    text-decoration: none;
    color: #333333;
    line-height: 200%;
}

A.footerText:visited  
{
    font-family: Arial, sans serif;
    font-size: 8pt;
    text-decoration: none;
    color: #333333;
    line-height: 200%;
}

A.footerText:active   
{
    font-family: Arial, sans serif;
    font-size: 8pt;
    text-decoration: none;
    color: #333333;
    line-height: 200%;
}

A.footerText:hover    
{
    font-family: Arial, sans serif;
    font-size: 8pt;
    text-decoration: underline;
    color: blue;
    line-height: 200%;
}


/* GENERAL STYLES */

/* module title */
.Head   {
    font-family: Arial, sans serif;
    font-size: 16px;
    color: #333333;
font-weight: 600;
font-style: normal;
font-variant: small-caps;
}

/* item descriptions on all edit tab/module pages and also all admin menu pages */
.SubHead    {
    font-family: Arial, sans serif;
    font-size: 12px;
    font-weight: bold;
    color: #003366;
}

/* module title style used instead of Head style for compact rendering */
.SubSubHead {
    font-family: Arial, sans serif;
    font-size: 12px;
    font-weight: bold;
    color: black;
}

/* text styles used by the modules;
note: place the FTB Style beside any style in this css that you want to display in the HTML Editor's STYLE dropdown list.
*/

/* the default content text */
.Normal /*FTB Style*/
{
    font-family: Arial, sans serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #333333;
}

.HomePageText /*FTB Style*/
{
    font-family: Arial, sans serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #333333;
}

.CBText /*FTB Style*/
{
    font-family: Arial, sans serif;
    font-size: 13px;
    font-variant: small-caps;
    font-weight: 500;
    font-style: normal;
    color: #333333;
}

/* text style used for textboxes */
.NormalTextBox
{
    font-family: Arial, sans serif;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    color: #333333;
}

.NormalRed /*FTB Style*/
{
    font-family: Arial, sans serif;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #ff0000
}

.NormalBold /*FTB Style*/
{
    font-family: Arial, sans serif;
    font-size: 14px;
    font-style: normal;
    color: #333333;
font-weight: bold;
}

.Heading /*FTB Style*/ 
{
    font-family: Arial, sans serif;
    font-size: 15px;
font-weight: bold;
    font-style: normal;
    color: #444444;
}

/* Link styles */
A:link  {
    text-decoration: underline;
    color: #0033ff;
}

A:visited   {
    text-decoration: underline;
    color: #0033ff;
}

A:active    {
    text-decoration: underline;
    color: #0033ff;
}

A:hover {
    text-decoration: underline;
    color: #ff0000;
}


/* text style for buttons and links used by forms */
.CommandButtonForm {
    font-family: Arial, sans serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: underline;
    color: blue;
}
A.CommandButtonForm:link {
	text-decoration: underline;
	color: blue;
}
A.CommandButtonForm:visited {
	text-decoration: underline;
	color: blue;
}
A.CommandButtonForm:active {
	text-decoration: underline;
	color: red;
}
A.CommandButtonForm:hover {
	text-decoration: none;
	color: red;
}

/* hyperlink styles for buttons and links used in admin mode (e.g. Edit Tab Settings, Update, Add, Edit, etc.) */
.CommandButton     {
    font-family: Arial, sans serif;
    font-size: 13px;
    font-weight: normal;
}
    
A.CommandButton:link {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration: underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration: underline;
    color: #ff0000;
}

   
/* GENERIC STYLES*/
H1  {
    font-family: Arial, sans serif;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H2  {
    font-family: Arial, sans serif;
    font-size: 20px;
    font-weight: normal;
    color: #666644;
}

H3  {
    font-family: Arial, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H4  {
    font-family: Arial, sans serif;
    font-size: 12px;
    font-weight: normal;
    color: #003366;
}

H5, DT  {
    font-family: Arial, sans serif;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

H6  {
    font-family: Arial, sans serif;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Arial, sans serif;
    font-size: 13px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Arial, sans serif;
    font-size: 13px;
    font-weight: bold;
    color: #003366;
}

SMALL   {
    font-size: 8px;
}

BIG {
    font-size: 14px;
}

BLOCKQUOTE, PRE {
    font-family: Lucida Console, monospace;
}

/* Unordered Lists */
UL LI   {
    list-style-type: square ;
}

UL LI LI    {
    list-style-type: disc;
}

UL LI LI LI {
    list-style-type: circle;
}

/* Ordered Lists */
OL LI   {
    list-style-type: decimal;
}

OL OL LI    {
    list-style-type: lower-alpha;
}

OL OL OL LI {
    list-style-type: lower-roman;
}

/* Horizontal Rule */
HR {
    color: dimgrey;
    height: 1pt;
    text-align: left
}


/* MODULE SPECIFIC STYLES */

/* text style for messages in Discussion Module*/    
.Message    {
    font-family: Arial, sans serif;
    font-size: 13px;
    font-weight: normal;
    background-color: #eeeeee
}   

/* style of item titles for Announcements Module */
.ItemTitle    {
    font-family: Arial, sans serif;
    font-size: 14px;
    font-weight: bold;
    color: #004E00;
}

/* styles used by the Users Online Module */ 

/* Style used for default non-selected tabs */
.TabDefault { font-family: Arial, sans serif; font-size: 12px; font-weight: bold; padding-left: 20px; background-color: #e7e7e7; margin-left: 10px; margin-right: 10px; border-bottom: solid 1px black; }

/* Style used for the selected tab */
.TabSelected { font-family: Arial, sans serif; font-size: 12px; font-weight: bold; background-color: #ffffff; border: 1px solid #000000;  border-bottom: none; padding-left: 20px; }

/* Style used for seperating the tabs */
.TabSeparator { background-color: #ffffff; border-bottom: 1px solid #000000; width: 5px; }

/* Style used for messaging central table */
.TabPage { border: solid 1px black; border-top: none; }

.PMSOtherCellTop { border-bottom: 1px #D2D2D2 solid; padding: 6px; background-color: whitesmoke; }

.PMSOtherCellBottom { border-top: 1px #D2D2D2 solid; padding: 6px; background-color: whitesmoke; }

.PMSHeaderCell { font-family: Arial, sans serif; font-size: 11px; color: black; font-weight: bold; padding: 5px; background-color: #ffffcc }

.PMSCell { font-family: Arial, sans serif; font-size: 11px; color: black; padding: 5px; }

.PMSCellAlternate { font-family: Arial, sans serif; font-size: 11px; color: black; padding: 5px; background-color: #dddddd;}



/*Datagrid styles by LB*/

.DataGrid
{
font-family: Arial, sans serif;
font-size: 12px;
font-weight: normal;
line-height: 20px 	
}

.HeaderItemStyle
{	
font-family: Arial, sans serif;
font-size: 12px;
font-weight: Bold;
color: #ffffff;
background-color: #000000;
border-style: none ; 
border-color: White; 
border-width: thin;
}
  
.AlternatingItemStyle
{  
background-color :#efefef;
border-style : none ; 
border-color : #efefef; 
}

.ItemStyle
{
background-color : #cccccc;
border-style : none ; 
border-color : #cccccc; 
border-width :thin;
}

/* Folder Filer Styles */
.FFSubHeader
{
	font-weight: bold;
	font-size: 8pt;	
	color: #4455aa;
	font-family: Arial, sans serif;	
}
.FFTitle
{
	font-weight: bold;
	font-size: 14pt;
	color: #ffffff;
	font-family: Arial, sans serif;
	text-decoration: none;
}
.FFItem
{
	font-size: 7pt;
	color: "Black";
	background-color: #EEEEEE; 
	font-family: Arial, sans serif;	
}
.FFAltItem
{
	font-size: 7pt;
	color: "Black";
	background-color: "Gainsboro"; 
	font-family: Arial, sans serif;	
}
.FFEditItem
{
	font-size: 7pt;
	color: "Black";
	background-color: #AAAAFF; 
	font-family: Arial, sans serif;	
}
.FFRow
{
	font-size: 7pt;
	color: #4455aa;
	font-family: Arial, sans serif;	
}
.FFLink  
{
    font-size: 10pt;
    text-decoration:    none;
    font-family: Arial, sans serif;
    color:  #000000;
}
/* end Folder Filer Styles */



/* styles for the Photo gallery DHTML Tooltip Popups */
.ContextHelp_Link {
	FONT-SIZE: 9pt; CURSOR: hand; COLOR: #003366; FONT-FAMILY: Arial, sans serif; TEXT-DECORATION: underline
}
.ContextHelp_Image {
	CURSOR: hand;
	CURSOR: pointer
}
.ContextHelp_Div {
	DISPLAY: none; Z-INDEX: 1000; FILTER: revealTrans(duration=0.45,transition=12)
}
.ContextHelp_Content {
	BORDER-RIGHT: #000000 5px solid; BORDER-TOP: #000000 5px solid; BORDER-BOTTOM-COLOR: #000000; VERTICAL-ALIGN: top; BORDER-LEFT: #000000 5px solid; WIDTH: 360px; BACKGROUND-COLOR: #ffffff
}
.ContextHelp_Title {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, sans serif
}
.ContextHelp_Desc {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, sans serif
}

/* Styles for Blog Module */
.blogContainer{
	padding: 0px;
}
.blogDate{
	font-size: 12px;
	font-family: Verdana;	
	font-weight: bold;
	border-width: 1px;
	color: #efefef;
	border-style: Solid;
	border-color: #000066;
	background-color: #000066;
}

.BlogTitle   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight: bold;
    color: #003366;
}

.blogseperator {
	background-color: #EEEEEE;
	height: 2px;
}

.blogTime {
	font-size: 10px;
	font-family: Verdana;	
	font-weight: bold;
}

.blogFooter {
	font-size: 10px;
	font-family: Verdana;
	font-style: italic;
	text-align: right;
}