/* =======================================================
    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-IMAGE: URL('Images\stoneheader.gif'); 
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-POSITION: bottom center; 
	BACKGROUND-COLOR:#EBD7AA;
}

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

Body 
{
	BACKGROUND-COLOR:#EBD7AA;
}
.Bold
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold; 
    color: #0030ff;
}

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

/* text and background styles for the site links (at extreme top-right of header -- includes Tagline info) */
.TopBanner 
{
	FONT-WEIGHT: BOLD; 
	COLOR: white; 
	BACKGROUND-COLOR:#EBD7AA; 
	BACKGROUND-IMAGE: URL('Images\topheaderbg.jpg'); 
	BACKGROUND-POSITION: bottom center; 
	VERTICLE-ALIGN:middle; 
	TEXT-ALIGN:left; 
	HEIGHT: 10px;
}
.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;
}

/* 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 and border colors for a selected tab */
.TabHeight
{
	height: 130px;
}
.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
}

/******************************************/
.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
}

/**********************************************/

.TabBg 
{
    border-color: #F96302;
}

/* background and border colors for the unselected tabs */

.OtherTabsBg 
{
    border-color: NONE;  
}

/* text style for a selected tab */

.SelectedTab 
{
	FONT-WEIGHT: BOLD; 
	COLOR: FF8200;
}

/* 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;
}

/* text style for the unselected tab */

.OtherTabs 
{
	FONT-WEIGHT: BOLD; 
	TEXT-DECORATION: NONE; 
	COLOR: YELLOW;
}

/* 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;
}

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

.OtherSubTabsBg 
{
    background-color: #103603;
    border-color: black;
    margin-top: 0px;    
}

/* text style and distance between links for the selected sub-tab */

.SelectedSubTab 
{
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: black; 
	FONT-WEIGHT: bold; 
	MARGIN-LEFT CENTER: 2px; 
	MARGIN-LEFT CENTER: 3px;
}

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

.OtherSubTabs 
{
	FONT-FAMILY: Verdana, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	COLOR: #F96302; 
	TEXT-DECORATION: none; 
	FONT-WEIGHT: bold; 
	MARGIN-LEFT CENTER: 2px; 
	MARGIN-LEFT CENTER: 3px;
}

/* 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: #eeeeee;
}

/* 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;
}
    

.BorderedDark
{
	border-color: #103603;
	border-style: solid;
	border-width: 2px;
	color: white;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
}
/* LEFT-PANE-SPECIFIC */
/* Table border style for the outer table (TABLE1) */

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

/*Right-Pane Specific: Pane 3--It is commented out until ready to use. */
/* Table Border Style */
/*
.RPTable1	
{
	border-color: NONE;
	border-width: 2px;
	border-collapse: collapse;
	background-color: NONE;
	border-style: solid;
}
*/
.vMenuSection
{
	font-size: 8pt;
	vertical-align: sub;
	font-family: Arial;
	/*height: 12px;*/
	vertical-align:sub;
}

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

A.vMenuSection:link
{
	color:white;
}

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

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

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

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

A.vMenuItem:link
{
	color:White;
}

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

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

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

/* 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: #1C6105;
}

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

.Head   
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  15px;
    font-weight: bold;
    color: #F96302;
}

.ModuleHeadRow
{
	background-color: #NONE;
}

/* 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: #103603;
}

/* 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 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; 
}

/* 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;
}


/* 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: 12px;
    font-weight: normal;
}
    
/* hyperlink style for edit links on modules */

A.CommandButton:link 
{
    text-decoration: underline;
    color: #0A3200;
}

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

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

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

/* GENERAL */

/* Head Row (bar across box)*/

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

H1  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #0A3200;
}

H2  
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight: normal;
    color: #0A3200;
}

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

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

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

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

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

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

A:link  
{
    text-decoration: none;
    color: #0A3200;
}

A:visited   
{
    text-decoration: none;
    color: #0A3200;
}

A:active    
{
    text-decoration: none;
    color: #0A3200;
}

A:hover 
{
    text-decoration: underline;
    color: green;
}

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: #NONE;
	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: EBD7AA;
	/* border-color: #3C3C96; */
}

TD, TH
{
	font-size: 8pt;
	font-family: Verdana,Arial,sans-serif;
	border-color: #666666;
	/* 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;
}