/* ================================
    CSS STYLES FOR PORTAL 
    v4.0, 12/2008
   ================================
*/   


/* Page Header BEGINS */
/* ### background color for the header at the top of the page  */
.HeadBg {
    background-color: #000000 ;
}
.Welcome { 
	font-weight: normal ;
} 
/* ### text style for the site links (at extreme top-right of header) */
.SiteLink, A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	font-size: 11px ;
	font-weight: bold ;
	text-decoration:  none ;
}
A.SiteLink:hover    {
	text-decoration:  underline ;
}
/* ### style for separator between site links */
.Accent {
	color: #BBBBBB ;
	font-weight:  bold ;
}
#trAdmin td, #trAdmin select {
	font-size: 11px;
	white-space: nowrap;
}
/* Page Header ENDS */

/* Page Background BEGINS */
/* ### background color for the content part of the pages; IMAGES in the background will display in module "design view" & should be defined in page template */
Body {
	margin: 0px ;
}
.tableMain {	
}
.tableContent {	
	background-color:  ;
}
.blackRow td {
	background-color: #000000;
	color: white;
	font-weight: bold; height: 20px ;
	padding: 3px;
	/*padding-top: 6px;
	padding-bottom: 3px;*/
	white-space: nowrap;
	vertical-align: middle;
}
/* 3/4/04 Styles added to replace column spacing in default.aspx & give admins more flexibility (works in IE 6.0 & NN 7.1) */
/* ### LEFT Column Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	border-right: 0px solid #DDDDDD ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* ### LEFT Column */
#tdLeftPane {
	border-right: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px; 
                width: 0% ;
}
/* ### LEFT Column Content - "padding" adjusts spacing between columns & around content */
#LeftPane {
	background-color: #3E5490 ;
	border-right: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 220px; 
                display: block;
	border-right: #38498F 2px solid; 
	border-top: #7994cb 0px solid; 
	border-left: #38498F 2px solid; 
	border-bottom: #000000 4px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
/* ### MIDDLE Column - "padding" adjusts spacing between columns & around content */
#ContentPane {
	background-color: #FFFFFF ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px; 
                height: 300px ;
	border-right: #38498F 2px solid; 
	border-top: #7994cb 0px solid; 
	border-left: #38498F 2px solid; 
	border-bottom: #000000 4px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
/* ### RIGHT Column - "padding" adjusts spacing between columns & around content */
#RightPane {
	background-color: #FFFFFF ;
	border-left: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Page Background ENDS */

/* MAIN NAVIGATION text styles BEGIN - for Left & Top, Left Only or Top Only navigation styles */
#Header_trNav {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(images/gradient_DkBlue.jpg);
	background-repeat: repeat-x; 
                height: 40px ;
}
/* ### BACKGROUND / BORDER colors for the selected (.PageBg) & unselected (.OtherPagesBg) page */
.PageBg, OtherPagesBg {
                background-color: white;
                border-color: white;
}
/* ### TEXT styles for the ".SelectedPage" & unselected (.OtherPages)*/
.SelectedPage, .OtherPages  {
	font-size: 9pt ;
	font-weight: normal ;
	padding-top: 2px ;
	padding-bottom: 2px ;
}
.SelectedPage, a.SelectedPage:link, a.SelectedPage:visited  {
	color: #FFFFFF ;
                text-decoration: none;
}
a.SelectedPage:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #7994CB;
	background-image: url(images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: -3px center;
}
/* ### 12/20/02 added SubLinks */
/* ### text style for the selected page SUB LINKS*/
.SubLinks {
	font-weight: normal;
	margin-left:  15px ;
}
/* ### text style for the unselected pages */
.OtherPages, A.OtherPages:link, A.OtherPages:visited  {
	color: #FFFFFF ;
                text-decoration:    none;
}
A.OtherPages:hover   {
	text-decoration: underline;
	color: #FFFFFF;
	background-color: #7994CB;
	background-image: url(images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: -3px center;
}
/* MAIN NAVIGATION text styles END */

/* MAIN NAVIGATION text styles BEGINS (Top DROPDOWN or Left FLYOUT styles only) */
/* ### Menu FONT */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-size: 10pt;
	font-weight: bold;
	font-family: Tahoma;
}
/* ### "Menu Item" (.MI) & "Menu Item Over" (.MIO) - 1st level main navigation */
.MI, .MIO  {
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 8px;
	cursor: hand;
}
.MI, .MIO  {
	color: #FFFFFF;
}
/* ### "Menu Item Over" - 1st level main navigation - OnMouseOver */
.MIO {
	text-decoration: ;
	background-color: #7994CB;
	background-image: url(images/navArrow.gif);
	background-repeat: no-repeat;
	background-position: -3px center;
}
/* ### "Sub Menu / FlyDOWN / FlyOUT" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
.SMI, .SMIO  {
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	border-left: 1px solid #C1D2EE ;
	border-top:  1px solid #C1D2EE ;
	border-right:  1px solid #C1D2EE ;
	border-bottom: 1px solid #C1D2EE ;
	cursor:hand;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0; 
	FILTER: alpha(opacity=100);
}
/* ### "Sub Menu Item" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
.SMI  {
	background-color: #C1D2EE ;
	color: #000000 ;
}
/* ### "Sub Menu Item Over" - OnMouseOver  */
.SMIO  {
	text-decoration:    ;
	background-color: #7994cb ;	
	color: #000000 ;
}
div#Header_ctl02_M1subgs {
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;
}
/*  */

/* LEFT end of ".MI" & ".MIO" buttons */
.nl { }
/* RIGHT end of ".MI" & ".MIO" buttons */
.nr { }
/* FLYDOWN / OUT level 2+ menu indicator */
.snr  { }
/* MAIN NAVIGATION text styles ENDS (Top DROPDOWN or Left FLYOUT styles only) */

/* Login Box Text BEGINS */
.AccountLogin {
	color: Black ;
}
/* ### Signin & Register links - to override the default link settings */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
                text-decoration: underline;
}
/* Login Box Text ENDS */

/* PAGE FOOTER styles BEGIN*/
TD.Footer {
	background-image: url(images/gradient_DkBlue.jpg);
	background-repeat: repeat-x;
	height: 41px;
	text-align: center;
}
.Footer TD, .copyright, .Footer a {
	font-size: 11px;
	color: #BEC9E9;
	font-weight: bold;
}
.Footer a:link, .Footer a:visited  {
                text-decoration: none; 
                color: #BEC9E9;
}
a.Footer:hover {
                text-decoration: underline;
}
/* PAGE FOOTER styles END*/


/* GENERAL */
/* ### style for module titles */
table.Head   {
	background-image: url(images/gradient_LtBlue.jpg);
	background-repeat: repeat-x;
	height: 35px ;
}
.Head   {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000; 
                padding: 5px ;
}
/* ### style of subtitles on content-edit and admin pages */
.SubHead    {
                font-weight: bold;
	color: #BEC9E9; 
                font-size: 12pt ;
}
/* ### module title style used instead of "Head" for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg */
.SubSubHead {
                font-weight: bold;
}

/* Default text styles used for most text rendered by modules */
P, LI, TD, .Normal, .NormalTextBox, .Message, input, textarea {
                font-family: Verdana, Helvetica, sans-serif;  /*Garamond, */
                font-size: 11px; 
                color: #000080 ;
}
#tdLeftPane P, #tdLeftPane td, #tdLeftPane .Normal {
	color: #FFFFFF ;
}
/* ### Error Message style */
.NormalRed {
                font-weight: bold;
                color: red;
}
.NormalBold {
                font-weight: bold;
}

#tdLeftPane BIG {
	color: #BEC9E9;
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
}
TFOOT, THEAD    {
	color: #000080 ;
}

/* CONTENT LINK formatting BEGINS */
A:link, A:visited  {
                text-decoration: underline;
	color: #000080;
}
A:hover {
                text-decoration: underline;
	color: #FF0000 ;
}

/* ### text style for command links used for editing content and site admininstration */
.CommandButton, A.CommandButton:link, A.CommandButton:visited     {
	font-size: 11px ;
	color: #000080 ;
                text-decoration: underline;
}
A.CommandButton:hover    {
	color: #BBBBBB ;
}
/* CONTENT LINK formatting ENDS */

BLOCKQUOTE, PRE {
                font-family:  Lucida Console, monospace;
}
/* ### UN-Ordered lists  "list-style-type" options:  square, disc, circle   */
UL LI   {list-style-type:   ;}
UL LI LI   { }
UL LI LI LI { }
/* ### Ordered list "list-style-type" options:  decimal, lower-alpha, lower-roman  */
OL LI   {list-style-type:   ;}
OL OL LI  { }
OL OL OL LI { }
HR {
	color: #DDDDDD ;
	height:  1pt ;
	text-align:  left;
}
.pnlContent {
                text-align: left; padding: 7px ; padding-left: 15px ; padding-right: 15px ;
}
#LeftPane .pnlContent {
                text-align: left; padding: 7px ;
}

.row0  {
                font-weight:bold;
                background-color: #EEEEEE ;
                vertical-align:  bottom ;
}
/* table data ODD # rows */
.row1 {
	background-color: #FFFFFF ;
}
/* table data EVEN # rows */
.row2 {
	background-color: #EEEEEE ;
}


/* MODULE-SPECIFIC styles */
/* MODULE:  "Announcements, Indexed Content" styles BEGIN */
.ItemTitle    {
                font-weight: bold;
	color:  #000080 ;
}
/* MODULE:  "Announcements, Indexed Content" styles END */


/* MODULE:  "Bread Crumbs" text link styles BEGIN */
.BreadCrumbs table.Head {
	display: none;
}
.BreadCrumbs, A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover  {
	color: #BEC9E9 ;
	text-decoration: none;
}
A.BreadCrumbs:hover  {
	color: #000080 ;
}
td.BreadCrumbs, .BreadCrumbs div.pnlContent {
	text-align: center;
	width: 100%;
}
/* MODULE:  "Bread Crumbs" text link styles END */
    
/* MODULE:  "Calendar" styles BEGIN */
/* ### CalendarTitle class - Calendar title bar formatting */
.CalendarTitle td {
	color: #000080 ;
                font-weight: bold;
}
 /* ### CalendarText class - will override all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarText {
	font-size: 10px;
	color: #000080 ;
}
 /* ### DayHeaderStyle class - for Day-Of-The-Week labels (Mon, Tues, etc.) */
.DayHeaderStyle {
	color: WHITE;
	font-weight: bold;
	background : black;
}
/* ### TodayDayStyle class - used when today is NOT the selected date regardless of which month is displayed */
.TodayDayStyle { 
                font-size: 11px;
	background : #DDDDDD;
 }
/* ### DayStyle class - used when date for this month is NOT the selected date */
.DayStyle { 
                font-size: 11px;
	background : white;
 }
/* ### SelectedDayStyle class - used when day for this month IS the selected date, background color is not defined here */
.SelectedDayStyle { 
                font-size: 11px;
                font-weight: bold;
 }
/* ### WeekendDayStyle class - define background color to override the "Calendar" style for Weekend days  */
.WeekendDayStyle {
	font-size: 11px;
	background:  #DDDDDD ;
}
/* ### OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.OtherMonthDayStyle { 
                font-size: 11px;
	background : #eeeeee;
 }
/* MODULE:  "Calendar" styles END */

/* MODULE:  "Custom Tables" text link styles BEGIN */
.CTHeader {
	font-size:  ;
                font-weight: bold;
                background: white;
}
tr.CTItem td, tr.CTAlternating td, tr.CTSelected td {
	font-size: ;
	color: black ;
}
.CTItem  {
	background: white ;
}
.CTAlternating {
	background: #eeeeee ;
}
/* MODULE:  "Custom Tables" text link styles END */

/* MODULE:  "Date/Time" styles BEGIN */
td.datetime {
	color: #BEC9E9 ;
                font-weight: bold; 
}
/* MODULE:  "Date/Time" styles END */

/* MODULE:  "Links-Dropdown" styles BEGIN */
.DDLLinksTitle {
                font-weight: bold;
	color: #000080 ;
}
/* MODULE:  "Links-Dropdown" styles END */

/* MODULE:  "Links Plus" styles BEGINS */
/* ### BUTTON SPACING - spacing between buttons */
.LinkWImageSpacing {
	padding-top: 2px ;
}
/* ### LEFT end of "Links Plus" buttons */
/* ### NOTE:  background images can be uploaded to the server using a Documents module */
.LinkWImageLeft, .LinkWImageRight {
	padding: 0px ;
	background-repeat: no-repeat ;
	width: 7px ;
	height: 23px ;
}
.LinkWImageLeft {
	background-image: url(uploads/buttonBgLeft.gif) ;
}
/* ### RIGHT end of "Link with Image" buttons */
.LinkWImageRight {
	background-image: url(uploads/buttonBgRight.gif) ;
}
/* ### MIDDLE section of "Link with Image" buttons */
td.LinkWImage  {
	padding-top: 2px ;
	padding-bottom: 4px ;
	padding-left: 0px ;
	padding-right: 0px ;
	cursor: hand ;
	background-image: url(uploads/buttonBg.gif) ;
	background-repeat: repeat-x ;
	width: 120px ;
	text-align: center ; 
}
.LinkWImage, a:link.LinkWImage, a:visited.LinkWImage  {
	font-family: Verdana ;
	font-size: 11px ;
	color: #FFFFFF ;
	text-decoration: none ;
	line-height: 10px ;
	font-weight: bold ;
	text-transform: uppercase ;
}
a:hover.LinkWImage  {
	color: #DDDDDD ;
	text-decoration: underline ;
}
/* MODULE:  "Links Plus" styles ENDS */

/* MODULE:  "Search" page styles BEGIN */
/* ### "highlight" class will format the word(s) searched in the search results */
td.headSearch {
	white-space: nowrap;
	text-align: right; padding-right: 5px ;
}
SPAN.search {
	color: #FFFFFF;
}
.highlight {
	font-weight : bold;
	color: Black;
}
A.resultLink:link, A.resultLink:visited, A.resultLink:hover  {
}
.resultTitle {
	font-weight: bold;
}
.resultType {
	color: Silver;
}
.resultNone {
	color: Red;
}
/* MODULE:  "Search" styles END */

/* MODULE:  "XML Data Grid" styles BEGIN */
/* ## Data Grid "Row styles" BEGIN ## */
/* ## HEADER & FOOTER rows  -  NOTE - the class "DGtableHeader" includes formatting for the sortable column header (anchor/link) inside the Header row, both are needed */
.DGtableHeader, .DGtableHeader a {
	background:  #000080 ;
	font-style : normal;
	font-weight : bold;
	color:  white ; 
	vertical-align: bottom ;
}
.DGtableFooter {
	background:  #000080 ;
}
/* ### DATA rows - can be formatted so that ever other row uses different formatting */
.DGrowOdd {
	background:  #EEEEEE ; 
	vertical-align: top ;
}
.DGrowEven {
	background : white;
	vertical-align: top ;
}
/* ## Data Grid "Row styles" END ## */

/* ### Data Grid "Cell TEMPLATE" styles BEGIN - Use these classes if  you wish to override the "Row Styles" above with different styles per column ### */
/* STEP 1:  Copy the ".DG#filename" class (including the brackets and everything in between) to the "Cell Styles" section(below)  */
/* STEP 2:  Modify the # sign to correspond to the columns in the Data Grid:  0 = first column, 1 = second column, etc.  */
/* STEP 3:  Modify the word "filename" in the class to match the actual filename for the Data Grid  */
/* STEP 4:  Modify the other properties in the class as desired  */
/* STEP 5:  Do  Steps 1-4 for each column formatting you wish to override in your Data Grid  */
.DG#filename {
	text-align : left;
	width: 75px;
}
/* ### Data Grid "Cell TEMPLATE" styles END ### */

/* ### Data Grid custom (per data grid file) "Cell styles" BEGIN ### */
.DG0DianesDG {
	font-size: 8pt;
	font-weight: ;
	color: Black;
	text-align : left;
	text-decoration:none;
	background-color: ;
	width: 75px;
}
/* ### Data Grid custom (per data grid file) "Cell" styles END ### */
/* MODULE:  "XML Data Grid" styles END*/