/* =======================================================
    Fulfill PORTAL CSS STYLES
    Version 1.6, Updated December 2003
   =======================================================
*/   

/* PAGE BACKGROUNDS */
/* background color for the header at the very top section of the page  */

.HeadBg 
{
    background-color: white;
}

/* background color for the content panes of the pages--changes all 3 panes to same color */

Body
{
    background-color: white; 
}

/*Bold is normal + Bold*/
.Bold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold; 
    color: Black;
}

/* PAGE BANNER--VERY TOP SECTION OF PAGE */

.SiteLink 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
}   

/* hyperlink style for the site links (at the extreme top-right of header section) */

A.SiteLink:link 
{
    text-decoration: none;
    color: White;
}

A.SiteLink:visited  
{
    text-decoration: none;
    color:#eeeeee;
}

A.SiteLink:active   
{
    text-decoration: none;
    color:#eeeeee;
}

A.SiteLink:hover    
{
    text-decoration: underline;
    color:white;
}

/* style for separator "|" between site links at very top section of page */

.Accent
{
    color: white;
    font-weight: bold;
}

/* text and background styles for the site links (at extreme top-right of header -- includes Tagline info) */

.TopBanner
{
	background-color: #0A2864;
    height: 22px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: white;
}

/* MAIN TABS */
/* PLEASE NOTE: If you have graphics populating the main Tab fields, you will not be able to change the background colors here */

/* background, graphics and border colors for a selected tab */

.TabHeight
{
	height: 31px;
}

.SelectedTab 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    font-weight: bold
}

.TabBg 
{
    border-color: white;
}

.TabLeftTopSel
{
	background-image: url('PortalImages/sel_top_left.gif');
	width: 6px;
	height: 6px
}
.TabLeftMiddleSel
{
	background-image: url('PortalImages/sel_middle_left.gif');
	width: 6px;
	height: 19px
}
.TabRightTopSel
{
	background-image: url('PortalImages/sel_top_right.gif');
	width: 6px;
	height: 6px
}
.TabCenterTopSel
{
	background-image: url('PortalImages/sel_top_center.gif');
	/* width: 60px; */
	height: 6px
}

.TabCenterMiddleSel
{
	background-image: url('PortalImages/sel_bg.gif');
	/* width: 60px; */
	height: 6px;
	text-align: center
}
.TabRightMiddleSel
{
	background-image: url('PortalImages/sel_middle_right.gif');
	width: 6px;
	height: 19px
}
.TabRightBottomSel
{
	background-image: url('PortalImages/sel_bottom_right.gif');
	width: 6px;
	height: 6px
}

.TabLeftBottomSel
{
	background-image: url('PortalImages/sel_bottom_left.gif');
	width: 6px;
	height: 6px
}

/* hyperlink style to determine how a selected tab appears on page */ 

A.SelectedTab:link    
{
    text-decoration: none;
    color: white;
}

/* hyperlink style to determine how a link should appear on a tab after it has been visited */ 

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

/* hyperlink style to determine how a link should appear on a tab when clicked or selected */ 

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

/* hyperlink style to determine how a link should appear on a tab when the cursor of the mouse*/
/* is in a suspended position above the link */ 

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

/* background and border colors for a UNselected tab */

.OtherTabsBg 
{
    border-color: white;  
}
/* text style for the unselected tab */

.OtherTabs 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: yellow;
    text-decoration: none;
    font-weight: bold;
}

/* UNselected Tabs*/

.TabLeftTop
{
	background-image: url('PortalImages/unsel_top_left.gif');
	width: 6px;
	height: 6px
}
.TabLeftMiddle
{
	background-image: url('PortalImages/unsel_middle_left.gif');
	width: 6px;
	height: 19px
}
.TabRightTop
{
	background-image: url('PortalImages/unsel_top_right.gif');
	width: 6px;
	height: 6px
}
.TabCenterTop
{
	background-image: url('PortalImages/unsel_top_center.gif');
	/* width: 60px; */
	height: 6px
}

.TabCenterMiddle
{
	background-image: url('PortalImages/unsel_bg.gif');
	/* width: 60px; */
	height: 6px;
	text-align: center
}
.TabRightMiddle
{
	background-image: url('PortalImages/unsel_middle_right.gif');
	width: 6px;
	height: 19px
}
.TabRightBottom
{
	background-image: url('PortalImages/unsel_bottom_right.gif');
	width: 6px;
	height: 6px
}

.TabLeftBottom
{
	background-image: url('PortalImages/unsel_bottom_left.gif');
	width: 6px;
	height: 6px
}

/* hyperlink style to determine how an unselected tab appears on page */

A.OtherTabs:link    
{
    text-decoration: none;
    color: white;
}

/* hyperlink style to determine how a link should appear on a tab after it has been visited */

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

/* hyperlink style to determine how a link should appear on a tab when clicked or selected */

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

/* hyperlink style to determine how a link should appear on a tab when the cursor of the mouse*/
/* is in a suspended position above the link */

A.OtherTabs:hover   
{
    text-decoration: underline;
    color: white;
}
 
 /* SUB-tab section*/
 
  /*Center-aligns text on sub tabs*/
 
 .SubTabMiddle
{
	text-align: center;
}
/* background and border colors for the selected sub-tab */

.SubTabBg 
{
    background-color: white;
    border-color: black;
    border-width: thick;
}
/* text style and distance between links for the selected sub-tab */
/* changed margin-left and right from 10px to 0px for CC issues */
/* 13386 and 13500 */

.SelectedSubTab 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
}

/* background and border colors for the UNselected sub-tabs */

.OtherSubTabsBg 
{
    background-color: #0A2864;
    border-color: black;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: white;
}

/* text style for the UNselected sub-tabs */

.OtherSubTabs 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* hyperlink style to determine how an UNselected sub-tab appears on page */

A.OtherSubTabs:link    
{
    text-decoration: none;
    color: white;
}

/* hyperlink style to determine how a link should appear on a sub-tab after it has been visited */

A.OtherSubTabs:visited 
{
    text-decoration: none;
    color: white;
}

/* hyperlink style to determine how a  should appear on a sub-tab when clicked or selected */

A.OtherSubTabs:active  
{
    text-decoration: none;
    color: white;
}

/* hyper style to determine how a link should appear on a sub-tab when the cursor of the mouse*/
/* is in a suspended position above the link */

A.OtherSubTabs:hover   
{
    text-decoration: underline;
}

/*LightSubTab and LightSubTabSel are for lighter shaded module-based tabs. ("Sel" is for selected.) */

.LightSubTab
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: tahoma;
	background-color: #B9D2E1;
	text-decoration: none;
}

.LightSubTabSel
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: tahoma;
	background-color: #092762;
	text-decoration: none;
}

/* styles for VERTICAL menu --Section is for Main tabs and Item is for Sub Tab*/

.vMenuSection
{
	vertical-align: sub;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	height: 10px;
	color: DarkGray;
}

.vMenuSectionImage
{
	width: 34px;
	background-color:#F7F0E0;
}

A.vMenuSection:link
{
	color: Black;
}

A.vMenuSection:visited   
{
    text-decoration: none;
    color: Black;
}

A.vMenuSection:active    
{
    text-decoration: none;
    /*color: white;*/
}

A.vMenuSection:hover 
{
    text-decoration:underline;
    /*color:white;*/
}

.vMenuItem
{
	background-color:#F7F0E0;
	font-family: tahoma;
	font-size: 11px;
}

A.vMenuItem:link
{
	color: Black;
}

A.vMenuItem:visited   
{
    text-decoration: none;
    color: Gray;
}

A.vMenuItem:active    
{
    text-decoration: none;
    /*color: white;*/
}

A.vMenuItem:hover 
{
    text-decoration: underline;
    color: Black;
}

/* LEFT-PANE-SPECIFIC: Pane 1 */
/* Table border style */

.LPTable1	
{
	border-color: #50648C;
	border-width: 2px;
	border-collapse: collapse;
	background-color: #F7F0E0;
	border-style: solid;
}

/*Content-Pane Specific: Pane 2--It is commented out until ready to use.  */
/* Table border style */
/*
.CPTable1	
{
	border-color: #50648C;
	border-width: 2px;
	border-collapse: collapse;
	background-color: #F7F0E0;
	border-style: solid;
}
*/

/*Right-Pane Specific: Pane 3--It is commented out until ready to use. */
/* Table Border Style */
/*
.RPTable1	
{
	border-color: #50648C;
	border-width: 2px;
	border-collapse: collapse;
	background-color: #F7F0E0;
	border-style: solid;
}
*/
.CalendarBusy
{
	border-width: thin;
	border-color: Black;
}

/* MODULE-SPECIFIC */

/* text style for reading messages in Discussion Threads */ 
   
.Message    
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* text style of item titles by Announcements and events */

.ItemTitle    
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0799D5;
}

/* MODULES */
/* text style for module titles in module head row */

.Head   
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  13px;
    font-weight: bold;
    color: white;
}

.ModuleHeadRow
{
	background-color: #50648C;
}

/* text style of items on edit and admin pages --example--change color then click add link */

.SubHead    
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
    color: black;
}

/* module title text style used instead of Head for Login module */

.SubSubHead 
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
    color: darkblue;
}

/* text style for edit links on modules--be careful--the calendar links are on white bkgrnd */

.CommandButton     
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    cursor: hand;
}
    
/* hyperlink style for edit links on modules */

A.CommandButton:link 
{
    text-decoration: underline;
    color: darkred;
}

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

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

A.CommandButton:hover    
{
    text-decoration: underline;
    color: red;
}
 
/* text style used for most text rendered by modules and text on Admin tab and sub-tabs */

.Normal
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: normal; 
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */

.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: red;
}

.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/* paragraph spacing */
.pgraphbottom
{
	margin-bottom: 2;
}
.pgraphtop
{
	margin-top: 2;
}

/* GENERAL */

/* Head Row (bar across box)*/

HR 
{
    color: DarkBlue;
    height: 3pt;
    text-align:left;
}

H1  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

H2  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  16px;
    font-weight: bold;
}

H3  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

H4  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

H5, DT  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
}

H6  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
}

TFOOT, THEAD    
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #0A2864;
}

TH  
{
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: darkred;
}

A:link  
{
    text-decoration: none;
    color: darkred;
}

A:visited   
{
    text-decoration: none;
    color: darkred;
}

A:active    
{
    text-decoration: none;
    color: darkred;
}

A:hover 
{
    text-decoration: underline;
}

SMALL   
{
    font-size: 8px;
}

BIG 
{
    font-size: 14px;
}

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


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

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

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

OL LI   
{
    list-style-type: decimal;
}

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

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

/* text and background-color for portal footer */

.footer
{
	font-weight: bold;
	font-size: 8pt;
	width: 100%;
	color: white;
	font-family: tahoma;
	height: 20px;
	background-color: #50648c;
	text-align: center;
	text-decoration: none;
}

/*BorderedDark put a dark border around a table (also similar to the way the admin section looks).*/

.BorderedDark
{
	border-color: #0A2864;
	border-style: solid;
	border-width: 2px;
	color: white;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}

.BorderedLight
{
	border-color: #DCDCDC;
	border-style: solid;
	border-width: 2px;
}

/*ShadedBG puts the light colored background in a table (similar to the way the admin section looks).*/
.ShadedBG
{
	background-color: #DDDDDD;
}

DIV
{
	border-color: #285096;
	/* border-color: #3C3C96; */
}

DIV.DataTable
{
	overflow: auto;
	text-align: left;
	border-color: #3C3C96;
}

DIV.errorMessage
{
	width: 750px;
	border: thin solid;
	border-color: #C8D2E1;
	padding: 10px;
	background-color: #EEEEEE;
	font-weight: bold;
}

FORM
{
	margin: 0;
	padding: 0;
	border: 0px none;
}

IMG.Corner
{
	border: 0px none;
	margin: 0;
	vertical-align: top
}

INPUT, SELECT, OPTION, BUTTON
{
	font-size: 8pt;
}

TABLE
{
	border-color: #285096;
	/* border-color: #3C3C96; */
}

TD, TH
{
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
	border-color: #285096;
	/* border-color: #3C3C96; */
}

/* Styles for Admin Tab*/


.sectionHead
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-indent: 5px;
	line-height: 18px;
	font-family: tahoma;
	background-color: #52658C;
}

.sectionHeadDark
{
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-indent: 5px;
	line-height: 18px;
	font-family: tahoma;
	background-color: #082863;
}

.sectionBoldText
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: Tahoma;
}

.sxHR 
{
    color: #52658C;
    height: 1pt;
    text-align:left;
}

.sxDialogBottom
{
	background-color: #D7D7D7;
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: tahoma;
}