/* ================================
    CSS STYLES FOR PORTAL 
    v4.0, 04/2007
   ================================
*/   


/* Page Header BEGINS */
/* ### background color for the header at the top of the page  */
.HeadBg {
	background-color: white ;
	background-image: url(images/headerBg.gif);
	background-repeat: repeat-x; height: 115px ; 
}
/* ### style for the text of the site title */
.SiteTitle {
                font-family: Verdana Bold, Helvetica, sans-serif;
                font-size: 20px;
                font-weight: bold;
                color: #000000 ;
}
.Welcome { 
	font-weight: normal ;
                color: #212121 ;
} 

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

TD.SiteLink    {
	padding-right:  30px ;
	padding-top:  30px ;
}
.SiteLink, A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
                color: #686868 ;
	font-size:  ;
	font-weight: normal ;
	text-decoration:  none ;
	padding-top: 8px ;
	padding-left: 5px ;
}
A.SiteLink:hover    {
	text-decoration:  none ;
                color: #02471D ;
}
/* ### style for separator between site links */
.Accent {
	color: #BBBBBB ;
	font-weight:  bold ;
}
#trAdmin td, #trAdmin select {
	font-size: 10px;
	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 {
	background-color:  #FFFFFF ;
}
.tableMain {
	border: 1px solid #BBBBBB ;
	height:  ;
	background-image : url(images/pageBg.jpg);
	background-position : center;
}
td.fccBanner {
	background-color:  #FFFFFF ;
	padding-top: 7px ;
	padding-bottom: 2px ;
	padding-left: 0px ;
	padding-right: 0px ;
	display:  ;
}
.ContentBg {
	padding: 10px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
}
.tableContent {
	background-color : white;
}
/* 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: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 0% ;
}
/* ### LEFT Column Content - "padding" adjusts spacing between columns & around content */
#LeftPane {
	border-right: 0px solid #DDDDDD ;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}
#LeftPane HR {
                display: none ;
}

/* ### MIDDLE Column - "padding" adjusts spacing between columns & around content */
#ContentPane {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 21px;
	padding-bottom: 10px;
}
/* ### RIGHT Column - "padding" adjusts spacing between columns & around content */
#RightPane {
	border-left: 0px solid #DDDDDD ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 20px;
	padding-bottom: 10px;
}
/* Page Background ENDS */

/* Main Site Navigation BEGINS - for Left & Top, Left Only or Top Only navigation styles */
/* ### background color for behind the "Top" navigation style  */
#Header_trNav td {
	line-height: 23px ;
}
.navBar {
	padding-right: 30px ;
}
/* ### BACKGROUND / BORDER colors for the selected (.PageBg) & unselected (.OtherPagesBg) page */
td.PageBg, td.OtherPagesBg {
	cursor: pointer ;
	border: 1px solid #cddbd3 ;
	border-bottom: 0px solid #cddbd3 ;
	text-align: center; 
                height: 12px ; 
                padding-top: 0px ; 
                padding-bottom: 0px ;
}
.PageBg  {
	background-color : #FFFFFF ;
}
.OtherPagesBg  {
	background-color : #E1E9E4 ;
}
/*td.OtherPagesBg :HOVER {
	background-color : #FFFFFF ;
} */
/* ### TEXT styles for the ".SelectedPage" & unselected (.OtherPages)*/
a.SelectedPage, a.OtherPages  {
	font-size: 10pt ;
	font-weight: normal ;
	white-space: nowrap; 
}
.SelectedPage, a.SelectedPage:link, a.SelectedPage:visited  {
	color: #000000 ;
	text-decoration:  none ;  
}
a.SelectedPage:hover {
	text-decoration:  underline ;
	color: white ; 
}
/* ### 12/20/02 added SubLinks */
/* ### text style for the selected page SUB LINKS*/
.SubLinks {
	font-weight: normal ;
	margin-left:  15px ;
	color:  #02471d ;
}
/* ### text style for the unselected pages */
.OtherPages, A.OtherPages:link, A.OtherPages:visited  {
	color: #000000 ;
	text-decoration:  none ; 
}
A.OtherPages:hover   {
	text-decoration:  underline ;
	color: #000000 ; 
}
/* Main Site Navigation ENDS */

/* Main Site Navigation 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;
}
/* ### "Menu Item" (.MI) & "Menu Item Over" (.MIO) - 1st level main navigation */
.MI td, .MIO td  {
	font-size: 10pt;
	font-weight: normal ;
	color: #000000 ;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	padding-right: 6px;
	cursor: pointer ;
	border-top: 1px solid #cddbd3 ; 
	border-bottom: 0px solid #cddbd3 ;cell-spacing: 5px ;
}
.MI td {
	background-color : #E1E9E4 ;
}
.MIO td {
	background-color : #FFFFFF ;
}
/* LEFT end of ".MI" & ".MIO" buttons */
td.nl {
	background-color:  transparent  ;
	padding: 0px ;
	cursor: hand ;
	background-image: none ;
	width: 1px ; 	 
	border: 0px ; 
	border-right: 1px solid #cddbd3 ; 
}
/* RIGHT end of ".MI" & ".MIO" buttons */
td.nr {
	background-color:  transparent  ;
	padding: 0px ;
	cursor: hand ;
	background-image: none ;
	width: 1px ;  	 
	border: 0px ; 
	border-left: 1px solid #cddbd3 ; 
}

td.snr  {
	background-image: url(images/subnavArrow.gif) ;
	background-repeat: no-repeat ;
	background-position: RIGHT center ;
	width: 1px ; 
}
table#Header__ctl3_M1g1 {
	cellspacing: 3px ;
}
/* ### "Sub Menu Item"  & Sub Menu Item Over" (OnMouseOver) - 1st level of subnavigation for 1st row of main navigation  */
/* ### "Sub Menu / FlyDOWN / FlyOUT" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
.SMI, .SMIO  {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 5px;
	border-left: 0px solid #cddbd3 ;
	border-top:  1px solid #cddbd3 ;
	border-right:  0px solid #cddbd3 ;
	border-bottom: 0px solid #cddbd3 ;
	cursor: pointer ;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95; 
	FILTER: alpha(opacity=95);
}
/* ### "Sub Menu Item" - 1st level of subnavigation for 1st & 2nd row of main navigation  */
.SMI  {
	background-color: #E1E9E4 ;
	color: #02471d ;
}
/* ### "Sub Menu Item Over" - OnMouseOver  */
.SMIO  {
	background-color: #FFFFFF ;	
	color: #02471d ;
}
/* Main Site Navigation 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 BEGINS */
td.Footer {
	color: #212121 ;
	padding-top:0px;
	border-width:0px;
}
.Footer,.footerLinks, .footerLinks a, .copyright {	
	text-align:center;
	font-size: 10px;
	margin: 0px ;
}
td.footerLinks {
	background-color: #565656;
	border-top:1px solid #02471d ;
	text-align: center;
	height: 70px ;
	vertical-align : middle;
}
.footerLinks, .footerLinks a:link, .footerLinks a:visited, .footerLinks a:hover {
	color: #BBBBBB ;
	vertical-align: top ;
	padding: 5px ;
	text-decoration: none ;
	white-space : nowrap;
}
.footerLinks a:hover {
	text-decoration: NONE ;
	color: #CDDBD3 ;
}
.copyright {
	color: #898989 ;
}
/* Page Footer ENDS */


/* GENERAL */
/* ### style for module titles */
.Head   {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:0px;
	padding-top:18px;
	font-size:  21px ;
	font-weight: normal;
	color: #02471d ;
}
#RightPane .Head   {
	font-size: 16px;
	color: #212121;
	font-weight: bold  ;
}
/* ### style of subtitles on content-edit and admin pages */
.SubHead    {
	font-weight:  bold ;
	color:  #000000 ;
}
/* ### module title style used instead of "Head" for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg */
.SubSubHead {
	font-weight:  bold ;
	color: black ;
}
/* ### text style used for most text rendered by modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px ;
}

/* ###  "#ContentPane" text style used for most text rendered by modules */
#ContentPane .Normal, #ContentPane P {
	/*line-height: 24px ;
	margin-top: 20px ;
	margin-bottom: 5px ;
	white-space : normal; */
}
/* ### Error Message style */
.NormalRed {
	font-weight: bold ;
	color: red ;
}
.NormalBold {
	font-weight: bold ;
}
TFOOT, THEAD    {
	color:  #000000  ;
}

/* ### text style for command links used for editing content and site admininstration */
.CommandButton, A.CommandButton:link , A.CommandButton:visited, A.CommandButton:hover    {
	text-decoration:  underline ; 
	font-size: 12px ;
}
    
/* ### content links: We normally use the underline (some exceptions are Main Navigation */
A:link, A:visited, A:hover   {
	text-decoration:  underline ;
	color: #02471d  ;
}
A:hover {
	text-decoration:  none ;
	color:  #02471d  ;
}

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

/* ### UN-Ordered list styles */
UL LI   {
	list-style-type:  square ;
}
UL LI LI    {
	list-style-type:  disc ;
}
UL LI LI LI {
	list-style-type:  circle ;
}
/* ### Ordered list styles */
OL LI   {
	list-style-type:  decimal ;
}

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

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

HR {
	color: #DDDDDD ;
	height:  1pt ;
	text-align:  left;
}

/* MODULE-SPECIFIC */
/* MODULE:  Announcements, Events, Same Page Bookmarks - style of item titles  */
.ItemTitle    {
	font-weight:  bold ;
	color:  #000000 ;
	padding-left: 20px ;
}
/* MODULE:  "Bread Crumbs" text link styles BEGIN */
.BreadCrumbs, A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover {
	padding-left: 10px ;
	padding-right: 10px ;
	font-size: 12px ;
}
#s1_Title1_t1  {
	Display: none ; 
}
/* use the Display: none ;  property to hide the Breadcrumbs on FCredit site */
.trBreadCrumbs td, .trBreadCrumbs div.pnlContent  {
	Display: display ; 
}
img.BreadCrumbsBorder  {
	padding-bottom: 0px;
	background-image : url(images/breadcrumbsBorder.jpg);
	background-position : center ;
}
.trBreadCrumbs div.pnlContent  {
	padding-top: 1px ;
	padding-bottom: 1px ;
	height: 21px ;
	border-bottom: 1px solid #989898 ;
}
.trBreadCrumbs hr, table#bc1_Title1_t1  {
	display: none ;
}
/* MODULE:  "Bread Crumbs" text link styles END */

/* MODULE:  "Custom Tables" text link styles BEGIN */
.CTHeader {
	font-weight: bold ;
	background: white ;
}

.CTItem, .CTAlternating, .CTSelected {
}
.CTItem  {
	background: white ;
	color: black ;
}
.CTAlternating {
	background: #eeeeee ;
	color: black ;
}
/* MODULE:  "Custom Tables" text link styles END */

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

/* ### MODULE:  "Calendar" BEGINS */
/* MAIN Calendar classes - Large Monthly Calendar, Date Details and Search Results */
.CalendarMain, .DateDetail, .ItemDetail, .SearchResults {
	background: #EEEEEE;		/* border color */
}
/* Calendars - Title bar formatting */
.CalendarMain .CalendarTitle td {
	background: ;
	font-size: 10pt;
	color: 02471D;
	font-weight: bold;
}
/* Listing All Months and Small Calendar */
.CalendarMonths .CalendarTitle td, .CalendarSmall .CalendarTitle td {
	background: #eeeeee;
	font-size: 13px;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
}
/* MAIN Calendar title bar formatting */
.PreviousNext a {
	font-size:  10pt ;
	color: black;
	font-weight: bold ;
}
/* SMALL Calendar title bar formatting - listing all Months */
.CalendarSmall td.PreviousNext a, .CalendarMonths td.PreviousNext a {
	font-size: 11px;
	color: black;
	font-weight: bold;
}
/* MAIN Calendar details - DayHeaderStyle class - for Day-Of-The-Week labels (Mon, Tues, etc.) and other title bars */
.CalendarMain .DayHeaderStyle, .CalendarSmall .DayHeaderStyle, .DateDetail .row0, .ItemDetail .row0, .SearchResults .row0 {
	font-size: 11px;
	color: white;
	font-weight: bold;
	background:  #02471D;
}
/* MAIN Calendar Text class - will override all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarMain .TodayDayStyle, .CalendarMain .DayStyle, .CalendarMain .WeekendDayStyle {
	font-size: 10px ;
	font-weight: bold;
	color: #02471D;
}
.CalendarMain .CalendarText, .CalendarMain a:link.CalendarText, .CalendarMain a:visited.CalendarText, .Time {
	font-size: 10px;
	color: #02471D;
	text-decoration: none;
}
.CalendarMain a:hover.CalendarText {
	text-decoration: underline;
}
.Time {
                font-size: 10px;
                color: black;
                text-transform: lowercase;    	/* uppercase */
}
/* ### TodayDayStyle class - used when today is NOT the selected date regardless of which month is displayed */
.TodayDayStyle { 
	font-size: 11px ;
	background: white;
}
/* TodayDayStyle class - used when today is NOT the selected date regardless of which month is displayed */
.CalendarMain .TodayDayStyle, .CalendarSmall .TodayDayStyle { 
	font-size: 11px ;
	background: #eeeeee;
}
.CalendarSmall .TodayDayStyle {
	font-weight: bold ;
}
/* SelectedDayStyle class - used when day for this month IS the selected date, background color is not defined here */
.CalendarSmall .SelectedDayStyle { 
	font-size: 11px ;
	font-weight: bold ;
}
/* WeekendDayStyle class - define background color to override the "Calendar" style for Weekend days */
.CalendarMain .WeekendDayStyle, .CalendarSmall .WeekendDayStyle {
	font-size: 11px ;
	background: #cccccc;
}
/* OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.CalendarMain .OtherMonthDayStyle, .CalendarSmall td.OtherMonthDayStyle {
	font-size: 11px ;
	color: black;
	background: #bbbbbb;
}
.CalendarSmall td, .DNavCalendar td {
	font-size: 11px;
	height: 22px;
}
.CalendarSmall, .CalendarMonths {
	border: 1px solid #DDDDDD;
	padding-top: 0px;
}
.CalendarMonths td {
	font-size: ;
	font-weight: bold;
	background: white;
}
.CalendarDescription {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #02471D;
}
.DateDetail .ItemName, .SearchResults .ItemName {
	font-weight: bold;
	color: ;
}
.DateDetail .CalendarName, .SearchResults .CalendarName {
	font-style: italic;
}
.DateDetail td {
	font-size: ;
}
/* Date Detail ODD rows */
.DateDetail td.row1 {
	background-color: white;
}
/* Date Detail EVEN rows */
.DateDetail td.row2 {
	background-color: #EEEEEE;
}
.ItemDetail td {
	font-size: ;
	background: white;
}
.ItemDetail .DSubHead, .DSubHead {
	color: black;
	font-weight: bold;
}
/* Indent Date Details & Search Result details */
	div.DetailIndent {
	margin-left: 10px;
}

/* ### Calendar Search textbox  NOTE: This section has been commented out ### */
/*   .CalendarSearch {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
     } */
/*   .CalendarSearch input.button {
	background: #888888 ;
	border: 1px solid black ;
	color: white ;
	font-weight: bold ;
     } */

/* Calendar Search Results */
.SearchResults .row0 td, .SearchResults .row1 td, .SearchResults .row2 td {
	font-size: 12px;
	padding: 2px;
}
.SearchResults .row1 {
	color: black;
	background: white;
}
.SearchResults .row2 {
	color: black;
	background: #EEEEEE;
}
.SearchFooter {
	color: black;
	background: #CCCCCC;
}
/* hide extra cells in the Date Details table(s) */
.hidden {
	visibility: hidden;
	display: none;
}
/* ### MODULE:  "Calendar" ENDS */
/* 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:  #000000 ;
	font-size:  11pt ;
	font-style:  normal ;
	font-weight:  bold ;
	color:  white ; 
	vertical-align: bottom ;
}
.DGtableFooter {
	background:  #000000 ;
}
/* ### 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 {
	font-size: 8pt ;
	color: Black ;
	text-align: left ;
	background-color:  ;
	width: 75px ;
}
/* ### Data Grid "Cell TEMPLATE" styles END ### */

/* ### Data Grid custom (per data grid file) "Cell styles" BEGIN ### */



/* ### Data Grid custom (per data grid file) "Cell" styles END ### */
/* MODULE:   "XML Data Grid" styles END*/

/* MODULE:  "Search" page styles BEGIN */
/* ### "hightlight" class will format the word(s) searched in the search results */
.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" page styles END */

.pnlContent {
                text-align: left;
}
#LeftPane .pnlContent {	
	width: 135px ;
}