/* ===============================================
    CSS STYLES FOR FCCServices.com - DEFAULT
    v4.0, 12/2009
   ===============================================
*/

/* ### PAGE HEADER styles BEGIN */
/* Header Background */
.HeadBg {
	background-color: #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	padding: 0px 0px 0px 0px;
}
.HeadBg img {
	margin: 1px 0px 6px 1px;
}
.Welcome {
	font-size: 8pt;
	font-weight: normal;
	color: #8A1F03;
}
/* Site Links styles (at extreme top-right of header) */
div#SiteLinks {
	width: 840px;
	float: center;
}
td.SiteLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-right: 12px;
}
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	text-decoration: none; 
	color: #000000;
}
A.SiteLink:hover {
	text-decoration: underline;
}
/* Separator between site links */
.Accent {
	color: #BBBBBB;
	font-weight: normal;
}
/* Admin Configuration Bar */
#trAdmin td, 
#trAdmin select {
	font-size: 10px;
	white-space: nowrap;
}
#trAdmin A:link {
	text-decoration: underline;
	color: #8a1f03;
}
/* ### PAGE HEADER styles END */

/* ### PAGE BACKGROUND styles BEGIN */
/* Background color for the content part of the pages; images in the background display in module "design view" & should be defined in page template */
Body {
	background-color: white; 
	margin: 0px;
}
table.mainTable {
	border-left: 20px solid #8A1F03;
	height: 100%;
	width: 840px;
	margin-bottom: 0px;
}
td.contentTable {
	height: 100%;
}
/* LEFT Pane Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-color: white;
	border-right: 0px solid #DDDDDD;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* LEFT Pane */
#tdLeftPane {
	background-color: white;
	border-right: 0px solid #DDDDDD;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}
/* LEFT Pane Content */
#LeftPane {
	border-right: 0px solid #DDDDDD;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
}
/* CENTER Pane */
td#ContentPane {
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: 100%;
}
/* RIGHT Pane */
#RightPane {
	background-color: white;
	border-left: 0px solid #DDDDDD;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 23px;
}
/* ### PAGE BACKGROUND styles END */

/* ### MAIN SITE NAVIGATION styles BEGIN - Left & Top, Left Only, Top Only */
#Header_trNav {
	background-color: #FFFFFF;
	padding: 0px;
}
td.tdNav div { }
.tdNav table {
	width: 100%;
}
/* Unselected Page background/border styles */
.OtherPagesBg table {
	background-color: #E5B53B;
	vertical-align: middle;
}
.OtherPagesBg table:link,
.OtherPagesBg table:visited {
	vertical-align: middle;
	background-position: top right;
}
/* Selected Page background/border styles */
.PageBg table, 
.PageBg table:hover {
	background-color: #8A1F03;
}
.PageBg table, 
.OtherPagesBg table {
	position: relative;
}
td.SelectedPage, 
td.OtherPages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	padding: 0px 2px 0px 1px;
	text-align: center;
	white-space: nowrap;
}
a.SelectedPage:link, 
a.SelectedPage:visited, 
a.SelectedPage:hover {
	text-decoration: none;
	color: white;
}
a.SelectedPage:hover {
	text-decoration: underline;
}
/* Selected Page Sublinks styles */
.SubLinks {
	font-weight: normal;
	margin-left: 15px;
}
/* Unselected Page styles */
.OtherPages {
	text-decoration: none;
}
a.OtherPages:link, 
a.OtherPages:visited, 
a.OtherPages:hover {
	text-decoration: none;
	color: white;
}
a.OtherPages:hover {
	text-decoration: underline;
}
/* ### MAIN SITE NAVIGATION styles END - Left & Top, Left Only, Top Only */

/* ### MAIN SITE NAVIGATION styles BEGIN - Top Dropdown, Left Flyout */
/* Menu Font */
.MI, .MIO, .SMI, .SMIO, 
table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* Menu Item - 1st level main navigation */
.MI, .MIO {
	text-align: center; 
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* 1st level navigation  */
.MI div.M1,
.MI div.M2, 
.MI div.M3, 
.MI div.M4, 
.MI div.M5, 
.MI div.M6, 
.MI div.M7, 
.MI div.M8 {
	background: url(images/navBg.jpg) no-repeat top center;
	color: #000000;
}
.MI TD, .MIO TD,
div.M1,
div.M2, 
div.M3, 
div.M4, 
div.M5, 
div.M6, 
div.M7,
div.M8 {
	font-weight: bold;
	text-decoration: none;
	padding: 2px 3px 0px 3px ;
	margin: 0px 0px 0px 0px;
	cursor: hand;
	height: 27px; 
	width: 114px;
	white-space: nowrap;
	display: block; 
}
/* 1st level navigation - OnMouseOver */
.MIO, 
.MIO div.M1, 
.MIO div.M2, 
.MIO div.M3, 
.MIO div.M4, 
.MIO div.M5, 
.MIO div.M6, 
.MIO div.M7,
.MIO div.M8 {
	background: url(images/navBgS.jpg) no-repeat top center;
	color: #FFFFFF;
}
/* Sub Menu styles  */
#Header_ctl02_M1subgs table, #Header_ctl02_M* td {
     border: 0px solid #8A1F03 ; display: block ; /* for FIREFOX ???? */
}
/* Sub Menu Item - 1st level of subnavigation for 1st row of main navigation  */
.SMI { 
	background-color: #FFE293;
	color: #8A1F03; }
/* Sub Menu Item Over (OnMouseOver) - 1st level of subnavigation for 1st row of main navigation */
.SMIO {
	background-color: #C5C5C4;
	color: #000000; }
     

/* #Header_ctl02_M1subgs td.SMI,#Header_ctl02_M1subgs td.SMIO */
td.SMI, td.SMIO {
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
	border: 1px solid #8A1F03 ;
	display: block ;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* 2nd level Flydown/Flyout arrow */
.snr { }
/* ### MAIN SITE NAVIGATION styles END - Top Dropdown, Left Flyout */

/* ### STATIC LINKS styles BEGIN (below main navigation, located in Right Pane) */
table.staticLinks {
	margin: 0px ; 
	position: absolute ; 
	z-index: 4 ; 
	width:  840px ; 
	align: right ; 
}
.staticLinks td {
	background-color: #C5C5C4;
	border-left: 2px solid #8A1F03;
	border-top: 1px solid #8A1F03;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	white-space: nowrap;
	width: 14.25%;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
}
.staticLinks a:link, 
.staticLinks a:visited, 
.staticLinks a:hover {
	color: #000000;
	text-decoration: none;
}
.staticLinks a:hover {
	text-decoration: underline;
}
td.staticLinksLeft {
	border-left: 0px solid #8A1F03;
}
/* ### STATIC LINKS styles END */

/* ### PAGE FOOTER styles BEGIN */
td.Footer {
	background-color: #E5B53B; 
	height: 20px; 
}
.Footer td {
	background-color: ; 
	padding: 3px;
	font-size: 9px; 
	color: white;
}
.FooterWhiteBg {
	background-color: #FFFFFF; 
	height: 20px; 
}
.FooterWhiteBg td {
	font-size: 10px; 
	padding-left: 15px;
}
td.copyright, 
td.copyright a {
	color: white;
	padding-left: 15px; 

}
td.footText {
	text-align: right;
	font-style: italic;
	color: #ffffff; 
}
td.footText a:link, 
td.footText a:visited,
td.footText a:hover {
	text-align: right;
	padding-right: 15px;
	font-style: italic;
	color: #8a1f03; 
	text-decoration: underline;
}
td.footText a:hover {
	text-decoration: none;
}
/* ### PAGE FOOTER styles END */

/* ### ACCOUNT LOGIN styles BEGIN */
.AccountLogin {
	color: black;
}
/* Sign In & Register links - to override default link settings */
a:link.AccountLogin, 
a:visited.AccountLogin, 
a:hover.AccountLogin {
	color: #8a1f03;
	text-decoration: underline;
}
/* ### ACCOUNT LOGIN styles END */


/* ### GENERAL styles BEGIN */
/* Module Title styles */
.contentTable, 
#HeadImageBg {
	background-color: white;
}
td#HeadImageBg,
td#HeadImageBg img {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}
.Head {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #8A1F03;
	padding-bottom: 15px;
	display: block;
}
/* Style of subtitles on content-edit and admin pages */
.SubHead {
	font-size: ;
	font-weight: bold;
	color: #8A1F03;
}
/* Module Title style used instead of .Head (for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg) */
.SubSubHead {
	font-size: 10pt;
	font-weight: bold;
	color: black;
}
/* Default Text styles - used by most modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
/* Error Message style */
.NormalRed {
	font-weight: bold;
	color: red;
}
/* Bold text style */
.NormalBold {
	font-weight: bold;
}
/* Default link and Command Button styles */
A:link, 
A:visited, 
A:hover {
	text-decoration: underline;
	color: #8A1F03;
}
A:hover {
	color: #666666;
}
A.CommandButton:link, 
A.CommandButton:visited, 
A.CommandButton:hover {
	text-decoration: underline;
	color: #8A1F03;
}
A.CommandButton:hover {
	color: #666666;
}
.CommandButton {
	font-size: 11px;
}
BLOCKQUOTE, PRE 
	{font-family: Lucida Console, monospace;}
/* Unordered list styles */
UL LI {
	list-style-type: disc;
}
UL LI LI {
	list-style-type: circle;
}
UL LI LI LI {
	list-style-type: square;
}
/* 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;
}
/* Horizontal Rule styles */
HR  {
	color: #DDDDDD;
	height: 1px; 
	border: 0px ; 
	text-align: left;
}
/* Default table styles */
TFOOT, THEAD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: ;
	color: #8A1F03;
}
.row0 {
	font-weight: bold;
	background-color: #EEEEEE;
	vertical-align:  bottom;
}
/* ODD rows */
.row1 {
	background-color: white;
}
/* EVEN rows */
.row2 {
	background-color: #EEEEEE;
}
.tbright {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
}
/* Default content pane alignment styles */
.pnlContent {
	text-align: left;
}     
#ContentPane div.pnlContent {
	height: 100%; 
}
#RightPane div.pnlContent {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	height: 9px;
}
/* ### GENERAL styles END */

/* "Our People" Page styles BEGIN */
.tblOurPeople {
	border: 0px solid #e5b53b;
	margin: 0px;
	padding: 0px;
	width: 180px;
	table-layout: fixed;
	z-index: -1;
}
.tblOurPeopleBg {
	background-image: url(/uploads/goldBg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
.tblOurPeopleHdr,
.tblOurPeopleRow,
.tblOurPeopleRow_Selected {
	height: 20px;
	margin: 0px;
	padding: 5px;
}
.tblOurPeopleHdr {
	height: 24px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.tblOurPeopleRow_Selected {
	background-color: #ffe293;
	font-weight: bold;
}
#ourPeopleLinks { }
a.ourPeopleLinks, 
a.ourPeopleLinks:active, 
a.ourPeopleLinks:visited, 
a.ourPeopleLinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a1f03;
	text-decoration: none;
}
a.ourPeopleLinks:hover {
	text-decoration: underline;
}
/* "Our People" Page styles END */



/* ### MODULE-SPECIFIC styles BEGIN */
/* MODULE: "Admin Search" styles BEGIN */
.adminSearch_row0 TD, 
.adminSearch_row0 TH, 
.adminSearch_row1 TD, 
.adminSearch_row2 TD {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	border-spacing: 1px;
	border-left: 0px solid #ddf;
	border-right: 0px solid #669;
	border-bottom: 0px solid #669;
	padding: 3px;
	margin: 0px; 
}
.adminSearch_row0 {
	font-weight: bold; 
	color: #000;
	vertical-align: bottom;
}
.adminSearch_row1 {
	color: #fff; 
	background: #77d; 
}
.adminSearch_row2 {
	color: #fff; 
	background: #99f; 
}
.adminSearch_row0 a:hover, 
.adminSearch_row1 a:hover, 
.adminSearch_row2 a:hover 
	{color: #dde;}
.adminSearch_head {
	font-size: 9pt; 
	font-weight: bold;
	color: #000;
}
/* Admin Search "Module Type" styles START */
.adminSearch_table1 TD, 
.adminSearch_table2 TD {
	height: 10px;
	padding: 0px;
}
.adminSearch_table1 .NormalBold, 
.adminSearch_table2 .NormalBold 
	{color: #000;}
/* Admin Search "Module Type" styles END */
/* Admin Search "Roles" styles START */
.adminSearch_title {
	font-size: 9pt; 
	font-weight: bold;
}
.adminSearch_empty TD {
	font-size: 8pt; 
	color: red;
}
/* Admin Search "Roles" styles END */
/* Admin Search "Pages" styles - Reorder List START */
.reorderListDemo {
	list-style: none; 
	list-style-type: none; 
	text-align: left;
}
.reorderListDemo LI {
	list-style: none; 
	margin: 2px;
}
.reorderListDemo LI A 
	{font-weight: bold;}
dragHandle {
	width: 10px; 
	height: 15px; 
	cursor: row-resize; 
	border: outset thin white;
}
.callbackStyle 
	{border: thin black inset;}
.callbackStyle table {
	background-color: #F5F5F5;
	color: black;
}
.reorderCue {
	border: dashed thin black; 
	width: 100%; 
	height: 25px;
}
.itemArea {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1em; 
	text-align: left;
}
/* Admin Search "Pages" styles - Reorder List END */
/* Admin Search "Pages" styles - AutoComplete START */
.autocomplete_completionListElement {  
	visibility: hidden;
	margin: 0em!important;
	background-color: white;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	text-align: left; 
	list-style-type: none;
	list-style-image: none;
	padding: 0;
}
/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
	background-color: #99f;
	color: black;
	padding: 1px;
	text-align: left; 
	list-style-type: none;
	padding: 0;
	cursor: hand; 
}
/* AutoComplete item */
.autocomplete_listItem {
	background-color: white;
	color: windowtext;
	padding: 1px;
	text-align: left; 
	list-style-type: none;
	padding: 0;
	cursor: hand; 
}
/* Admin Search "Pages" styles - AutoComplete END */
/* MODULE: "Admin Search" styles END */

/* MODULE: "Announcements" styles BEGIN */
.ItemTitle {
	font-weight: bold;
	color: #8a1f03;
}
/* MODULE: "Announcements" styles END */

/* MODULE: "Bread Crumbs" styles BEGIN */
.BreadCrumbs, 
A.BreadCrumbs:link, 
A.BreadCrumbs:visited, 
A.BreadCrumbs:hover {
	font-size: ; 
	color: ;
}
A.BreadCrumbs div { display: inline; font-weight: normal ; text-decoration: underline ; }
/* MODULE: "Bread Crumbs" styles END */

/* MODULE: "Calendar" styles BEGIN */
/* 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: #8a1f03;
	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: 12px;
	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: 12px;
	color: white;
	font-weight: bold;
	background: #8a1f03;
}
/* 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: #8a1f03;}
.CalendarMain .CalendarText, 
.CalendarMain a:link.CalendarText, 
.CalendarMain a:visited.CalendarText {
	font-size: 10px;
	color: #8a1f03;
	text-decoration: none;
}
.CalendarMain a:hover.CalendarText {
	text-decoration: underline;
}
.Time {
	font-size: 10px;
	color: black;
	text-transform: lowercase;	/* uppercase */
	text-decoration: none;
}
/* DayStyle class - used when date for this month is NOT the selected date */
.CalendarMain .DayStyle, 
.CalendarSmall .DayStyle {
	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: #8a1f03;
}
.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: #8a1f03;
	font-weight: bold;
}
/* Indent Date Details & Search Result details */
div.DetailIndent 
	{margin-left: 10px;}
.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" styles END */

/* MODULE: "Calendar Links" styles BEGIN */
.CalLink {
	font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	font-style: ;
	color: #8a1f03;
}
.CalLinkD {
	font-size: 12px;
	font-family: ;
	font-weight: ;
	font-style: ;
	color: ;
}
/* MODULE: "Calendar Links" styles END */

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

/* MODULE: "DateTime" styles BEGIN */
.datetime {
	font-size: ;
	color: #8a1f03;
	font-weight: ;
	line-height: ;
}
/* MODULE: "DateTime" styles END */

/* MODULE: "HTML Tabs" and "Tabbed Pointer" styles BEGIN */
div.TabDetails {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 100%;
	padding: 5px;
	vertical-align: top;
	display: none;
}
.TabHeader {
	background-image: url(/uploads/TabBg.jpg);
	background-repeat: no-repeat;
	background-position: 1px -1px;
	border-top: 0px solid #989898;
	border-right: 0px solid #989898;
	border-bottom: 1px solid #989898;
	border-left: 0px solid #989898;
	color: #000000;
	height: 26px;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
}
.TabHeaderSL {
	background-image: url(/uploads/TabBgS.jpg);
	background-repeat: no-repeat;
	background-position: 1px top;
	border-top: 0px solid #989898;
	border-right: 0px solid #989898;
	border-bottom: 0px solid #989898;
	border-left: 0px solid #989898;
	color: #000000;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	cursor: hand;
}
.TabHeader span.CommandButton {
	background-image: url(/uploads/TabR.jpg);
	background-repeat: no-repeat;
	background-position: right -1px;
	height: 27px;
	padding-top: 0px;
	display: block;
}
.TabHeaderSL span.CommandButton {
	background-image: url(/uploads/TabRS.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 27px;
	padding-top: 2px;
	display: block;
}
.tI {
	background: url(/uploads/TabC.jpg) repeat-x bottom center;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	text-decoration: none;
	height: 20px;
	padding: 2px 5px 0px 5px;
}
.tI a {
	text-decoration: none;
}
.tSI {
	background: url(/uploads/TabCS.jpg) repeat-x bottom center;
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
	height: 22px;
	padding: 0px 5px 0px 5px;
}
.tl {
	width: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.tr {
	width: 0px;
	padding: 0px;
	vertical-align: bottom;
}
.tabPH {
	border: 1px solid #000000;
	padding: 5px;
}
/* MODULE: "HTML Tabs" and "Tabbed Pointer" styles END */

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

/* MODULE: "Links Plus" styles BEGIN */
.javaTips {
	background-color: #ABB3D9;
	/* background-image: ;*/
	border-color: #414F90;
	border-width: 2px;
	border-style: ridge;
	color: black;
	font-family: Verdana;
	font-size: 8px;
	font-weight: normal;
	text-align: left;
	padding: 3px;
	width: 150px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* MODULE: "Links Plus" styles END */

/* ### Mail Center Modal Popup styles BEGIN ### */
.modalBackground {
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: gray;
	padding: 3px;
	width: 500px;
}
.text, .text td {	
	font-size: 11px;
	color: #333333;
}	
.button, button {
	border: 1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	background-position: top;
	background-color: white;
	height: 18px;
	width: 60px;
	vertical-align: middle;
}
.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 1000;
	background: repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	width: 150px;
}
.ContextMenuBreak {
	margin: 1px 1px 1px 32px;
	padding: 0;
	height: 1px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem {
	margin: 1px 0px 1px 0px;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 2px 9px 2px 16px;
	white-space: nowrap;
	font-weight: normal;
	font-size: 8pt;
}
a.ContextMenuItem-Selected {
	font-weight: bold;
}
a.ContextMenuItem:hover {
	background-color: #FFE6A0;
	color: black;
	border: 1px solid #D2B47A;
	padding: 1px 9px 1px 15px;
}
.dropImage {
	background-color: #FAFAFA;
	position: relative;
	vertical-align: bottom;
}
/* Mail Center Popup styles */
.popupControl {
	background-color: #EEEEEE; 
	position: static;
	visibility: hidden;
	text-align: left;
	/*display: none;*/
	border-style: solid;
	border-color: #233040;
	border-width: 2px;
	padding: 15px 5px 5px 5px;
	width: 300px;
}
/* Mail Center module styles */
.grdName {
	white-space: nowrap; 
	background-color: LightGrey; 
	font-weight: bold;
	border: none 0px black;
	width: 100%;
}
.grdListName {
	white-space: nowrap; 
	font-weight: bold;
	border: none 0px black;
	width: 100%;
}
.grdListDel {
	white-space: nowrap; 
	vertical-align: middle;
	font-weight: bold;
	width: 13px;
	border: none 0px black;
}
.grdDel {
	white-space: nowrap; 
	vertical-align: middle;
	font-weight: bold;
	width: 13px;
	border: none 0px black;
	background-color: LightGrey; 
}
A.viewEmail:link, A.viewEmail:visited, A.viewEmail:hover {
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
A.viewContact:link, A.viewContact:visited, A.viewContact:hover {
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
.emailCenter {
	white-space: nowrap;
	text-decoration: none;
	color: black;
	width: 100%;
}
.emailSubject {
	color: #003399;
	text-decoration: underline;
}
.emailDelete {
	white-space: nowrap; 
	vertical-align: middle;
	width: 13px;
}
table.vEmail td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px black;
	padding: 0px 0px 0px 0px;
	cursor: hand;
	margin: 0px 0px 0px 0px;
}
table.vContact td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1px 1px 1px 1px;
	cursor: hand;
	margin: 1px 1px 1px 1px;
}
table.vList td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1px 1px 1px 1px;
	cursor: hand;
	margin: 1px 1px 1px 1px;
}
.cntTitle {
	white-space: nowrap; 
	vertical-align: top;
	font-weight: bold;
	font-size: 9pt;
}
.cntTxt {
	vertical-align: top;
	font-weight: normal;
	color: #808080;
	font-size: 9pt;
}
#divPane2 {
	position: relative;
	z-index: 1;
}
#divPane3 {
	position: relative;
	z-index: 1;
}
#progressDiv {
	background-color: #E0E0E0;
	filter: alpha(opacity=50);
	moz-opacity: .50;
	opacity: .50;
	height: 95%;
	width: 95%;
	position: absolute;
	z-index: 2;
}
#progressDiv2 {
	height: 100px;
	color: black;
	font-weight: bold;
	width: 200px;
	background-color: white;
	vertical-align: middle;
	text-align: center;
	top: 25%;
	left: 20%;
	position: absolute;
	z-index: 3;
}
table.mailTable {
	background: #c3daf9;
	height: 300px;
}
table.mailTable td.cell {
	border: solid 1px #002d96;
	vertical-align: top;
	background: white;
}
div.cellHeader {
	height: 28px;
	background: #033893 repeat-x;
	cursor: default;
}
div.cellHeader div {
	color: white;
	font: bold 16px Arial, Verdana, Sans-serif;
	padding-top: 4px;
	margin-left: 2px;
}
.wrapCell {
	font-size: 1px;
}
/*#MessageBody {
	border: solid 1px black;
	background: white;
	font: normal 11px Arial, Verdana, Sans-serif;
	height: 95%;
	padding: 4px;
	overflow: auto;
}*/
table.messagesGrid {
	font: normal 11px Arial, Verdana, Sans-serif;
	color: black;
}
table.messagesGrid td {
	border-bottom: solid 1px #eae9e1;
}
table.messagesGrid td span {
	color: #808080;
}
tr.gridHeader {
	background: #ece9d8;
	font: normal 11px Arial, Verdana, Sans-serif;
	padding: 3px 0px;
}
tr.gridHeader td {
	border-bottom: solid 3px #d2cfbe;
	border-top: solid 1px #d4d0c8;
	cursor: default;
}
/* MODULE: "Mail Center" styles END */

/* MODULE: "RSS Reader" styles BEGIN */
.rssTitle {
	color: #000088;
	font-size: 12pt;
	font-weight: bold;
}
a.rssTitle:link,
a.rssTitle:visited,
a.rssTitle:hover {
	text-decoration: underline;
	color: #000088;
}
.rssTop {
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #7777CC;
	background-color: #E5ECF9;
	font-size: 7pt;
	font-weight: normal;
}
.rssEditDiv {
	background-color: #E5ECF9;
	font-size: 7pt;
	font-weight: normal;
}
/* MODULE: "RSS Reader" styles END */

/* MODULE: "Search" styles BEGIN */
/* '.highlight' 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 
	{color: ;}
.resultTitle 
	{font-weight: bold;}
.resultType 
	{color: #6687A6;}
.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: #8a1f03;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: white;
	vertical-align: bottom;
}
.DGtableFooter 
	{background: #002951;}
/* Data Rows - can be formatted so that every 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 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 # symbol 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:  Repeat 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 "Cell Styles" (per data grid file) BEGIN */
/* Data Grid "Cell Styles" (per data grid file) END */
/* MODULE: "XML Data Grid" styles END */

/* START - AJAX TAB CONTAINER */
/* XP IE7 theme - Backgrounds */
.tabxp .ajax__tab_header			
	{ background:url(images/tab-line.gif) repeat-x bottom; }
.tabxp .ajax__tab_outer
	{ background:url(images/tab-right.gif) no-repeat right; }
.tabxp .ajax__tab_inner
	{ background:url(images/tab-left.gif) no-repeat; }
.tabxp .ajax__tab_tab
	{ background:url(images/tab.gif) repeat-x; }
.tabxp .ajax__tab_hover .ajax__tab_outer
	{ background:url(images/tab-hover-right.gif) no-repeat right; }
.tabxp .ajax__tab_hover .ajax__tab_inner
             { background:url(images/tab-hover-left.gif) no-repeat; }
.tabxp .ajax__tab_hover .ajax__tab_tab
	{ background:url(images/tab-hover.gif) repeat-x; }
.tabxp .ajax__tab_active .ajax__tab_outer
	{ background:url(images/tab-active-right.gif) no-repeat right; }
.tabxp .ajax__tab_active .ajax__tab_inner
	{ background:url(images/tab-active-left.gif) no-repeat; }
.tabxp .ajax__tab_active .ajax__tab_tab
	{ background:url(images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.tabxp .ajax__tab_header	{ font-family:verdana,tahoma,helvetica;font-size:11px; }
.tabxp .ajax__tab_outer	{ height:29px; padding-right:3px; }
.tabxp .ajax__tab_inner	{ padding-left:3px; }
.tabxp .ajax__tab_tab	{ padding:8px 40px;margin:0; }
.tabxp .ajax__tab_body	{ font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff; }
/* END - AJAX TAB CONTAINER */