/* ================================
    CSS STYLES - DEFAULT
    v4.0, 09/2010
   ================================
*/


/* ### Page Header BEGINS ### */
/* Background color for the header at the top of the page  */
.HeadBg {
	background-color: #121212;
	background-image: url(images/navbarBottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.headLogo {
	background-image: url(images/headerBg.gif);
	background-repeat: repeat-x;
	background-position: 461px 0px;
	color: White;
	font-weight: bold;
	padding-right: 30px;
}
.searchInput {
	height: 17px;
	width: 140px; 
	font-size: 11px;
	border: solid 1px #323232; 
	padding-left: 4px;
	padding-top: 2px; 
	padding-bottom: 0px;
	background: #222222;
	color: #F1F1F1;
	margin-bottom: 20px;
	margin-left: 5px;
}
.searchBtn {
	text-align: center; 
	color: #121212;
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 4px;
	/*border: solid 1px #908E8E ? */
	height: 22px;
	margin-bottom: 20px;
	cursor: pointer;
}
/* Style for the text of the site title - not visible by default */
.SiteTitle {
}
.Welcome { 
	font-size: 11px;
	font-weight: normal;
	color: #787878;
} 
/* Text style for the site links (at extreme top-right of header) */
.SiteLink {
	font-size: 11px;
	font-weight: bold;
}   
/* Hyperlink style for the site links */
A.SiteLink:link {
	text-decoration: none;
	color: #787878;
}
A.SiteLink:visited {
	text-decoration: none;
	color: #787878;
}
A.SiteLink:hover {
	text-decoration: underline;
	color: #787878;
}
/* 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 {
	background-color: white;
	margin-top: 0px;
}
.tableMain { 
	height: 100%;
	/*background-image: url(images/pageBg.gif); */
	background-repeat: repeat-y;
	background-position: center top;
 }
.tableContent {
	background-color: white;
	height: 350px;
}
/* LEFT Column Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-image: url(images/navBg.gif);
	border-right: 0px solid #DDDDDD;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* LEFT Column */
#tdLeftPane {
	background-image: url(images/leftpaneBg.gif);
	background-repeat: no-repeat;
	background-position: 0px -165px;
	border-right: 0px solid #DDDDDD;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 25px;
	padding-bottom: 0px;
	/*width: 0%;*/
}
/* LEFT Column Content - "padding" adjusts spacing between columns & around content */
td#LeftPane {
	border-right: 0px solid #DDDDDD;
	padding-left: 30px;
	padding-right: 25px ; /* 25px */
	padding-top: 10px;
	padding-bottom: 10px;
	width: 250px; display: block ;
}
/* MIDDLE Column - "padding" adjusts spacing between columns & around content */
#ContentPane {
	padding-left: 20px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom: 20px; 
	width: 100%; 
}
/* RIGHT Column - "padding" adjusts spacing between columns & around content */
#RightPane {
	background-image: url(/images/rightpaneBg.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	border-left: 0px solid #DDDDDD;
	padding-left: 0px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom: 20px;
	height: 450px;
}
/* ### Page Background ENDS ### */

/* ### Main Site Navigation BEGINS - Left & Top, Left Only, or Top Only navigation styles ### */
#Header_trNav {
	background-image: url(/images/navBg.gif);
	background-repeat: repeat-x;
	background-position: left 0px;
}
td.navbar {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: top;
	height: 46px;
}
/* Background/border colors for the selected page */
.PageBg, .OtherPagesBg {
	background-image: url(/images/navDivider.gif);
}
.PageBg {
	background-repeat: no-repeat;
	background-position: right center;
	height: 46px;
}
/* Background/border colors for the unselected pages */
.OtherPagesBg {
	background-repeat: no-repeat;
	background-position: right center;
	height: 46px;
}
/* Text style for the selected page */
.SelectedPage {
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer;
	vertical-align: top;
}
/* Text style for the selected page */
a.SelectedPage:link {
	text-decoration: none;
	color: white;
}
a.SelectedPage:visited {
	text-decoration: none;
	color: white;
}
a.SelectedPage:hover {
	text-decoration: underline;
	color: #0000FF;
}
/* Text style for the selected page SUBLINKS*/
.SubLinks {
	font-weight: normal;
	margin-left: 15px;
}
/* Text style for the unselected pages */
.OtherPages {
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer ;
	vertical-align: top;
}
/* Hyperlink styles of the unselected pages */
A.OtherPages:link {
	text-decoration: none;
	color: white;
}
A.OtherPages:visited {
	text-decoration: none;
	color: white;
}
A.OtherPages:hover {
	text-decoration: underline;
	color: #0000FF;
}
/* ### 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: 11px;
	font-weight: bold;
} 
/* Menu Item - 1st level main navigation */
.MI, .MIO {
	color: white;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer;
	vertical-align: top;
	height: 20px;
	width: ;
}
/* Menu Item Over - 1st level main navigation OnMouseOver */
.MIO {
	text-decoration: underline;
	color: #0000FF;
	cursor: pointer;
}
/* Sub Menu Item - 1st level of subnavigation for 1st row of main navigation */
.SMI  {
	background-color: #181818;
	color: #D28B10;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* Sub Menu Item Over - 1st level of subnavigation for 1st row of main navigation OnMouseOver */
.SMIO  {
	background-color: black;
	color: #D28B10;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
/* Flyout & Top Only left border image */
#Header_ctl02_M1i1 {
	background-image: url(/images/navDivider.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;	
}
.nl {
	width: 15px;
}
.nr {
	background-image: url(/images/navDivider.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 46px; 
	width: 16px;
}
/* Sub Nav Right arrow - additional subnavigation indicator */
td.snr {
	width: 8px;
	padding-right: 2px;
}
td.snr img {
	background-image: url(/images/subnavArrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	/*text-align: right;*/
}
/* ### Main Site Navigation ENDS - Top Dropdown or Left Flyout styles only ### */

/* ### Page Footer BEGINS ### */
.Footer {
	background-color: black;		
	background-image: url(/images/footerBg.gif);
	background-repeat: no-repeat;
	height: 75px;
}
.Footer td {
	color: #787878;
	font-size: 10px;
}
.Footer a:link, .Footer a:visited, .Footer a:hover,
.white_link a:link, .white_link a:visited, .white_link a:hover {
	color: #FFFFFF; 
	word-spacing: 5px;
	text-decoration: none;
	padding: 5px;
	z-index: 10;
}
.Footer a:hover,
.white_link a:hover {
	color: #989898;  
	text-decoration: underline;
}
/* ### Page Footer ENDS ### */


/* ### GENERAL ### */
/* Module Titles */
.Head {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: black;
}
.Head .Gray {
	color: #727273;
	font-weight: normal;
}
/* Subtitles on content-edit and Admin pages */
.SubHead {
	font-weight: bold;
	color: black;
}
/* 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;
}
/* Text style used for most text rendered by modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Trebuchet MS, Geneva, Arial, Helvetica;
	font-size: 12px;
}
#LeftPane .Normal, #LeftPane P, #LeftPane LI, #LeftPane TD {
	color: #989898;
	font-size: 11px;
}
#LeftPane table.arrowLinks {
	position: relative;
	left: -15px;
}
.arrowLinks a:link, .arrowLinks a:visited, .arrowLinks a:hover {
	font-size: 12px;
	color: black;
	padding-left: 3px;
	text-decoration: none;
}
.arrowLinks a:hover {
	color: blue;
	text-decoration: underline;
}
#RightPane .Normal, #RightPane P, #RightPane LI, #RightPane TD {
	color: #989898;
	font-size: 11px;
}
SPAN.smallCaps
	{font-size: 80%;}
SPAN.smallCaps2
	{font-size: 70%;}
/* Error Message style */
.NormalRed {
	font-weight: bold;
	color: red;
}
.NormalBold
	{font-weight: bold;}
/* Button styles */
.btnGrayMulti, .btnBlueMulti {
	font-size: 16px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	text-align: center;
	width: 258px;
	font-weight: bold;
	cursor: pointer;
}
.btnGrayMulti {
	color: #141647;
	background-image: url(/uploads/btnGrayMulti.gif);
	background-position: 0px top;
	height: 67px;
	vertical-align: top;
	padding-top: 17px;
}
.btnBlueMulti {
	color: white;
	background-image: url(/uploads/btnBlueMulti.gif);
	background-position: 0px bottom;
	height: 69px;
	vertical-align: bottom;
	padding-bottom: 17px;
}
/* Text style for command links used for editing content and site administration */
.CommandButton 	{
	font-size: 11px;
}  
/* Hyperlink style for buttons and link buttons used in the portal Admin pages */
A.CommandButton:link {
	text-decoration: underline;
	color: #0000FF;
}
A.CommandButton:visited {
	text-decoration: underline;
	color: #0000FF;
}
A.CommandButton:hover {
	text-decoration: underline;
	color: #BBBBBB;
}
/* Content links: We normally use the underline (some exceptions are Main Navigation */
A:link {
	text-decoration: underline;
	color: black;
}
A:visited {
	text-decoration: underline;
	color: black;
}
A:hover {
	text-decoration: underline;
	color: #0000FF;
}
A IMG {
	border: none;
}
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: 1pt;
	text-align: left;
}
.pnlContent
	{text-align: left;}
td#LeftPane div.pnlContent {
	width: 200px; 
	display: block;
}
TFOOT, THEAD {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: black;
}
/* table header row */
.row0 {
	font-weight: bold;
	background-color: #EEEEEE;
	vertical-align: bottom;
}
/* table data ODD rows */
.row1
	{background-color: white}
/* table data EVEN rows */
.row2
	{background-color: #EEEEEE}
/* ### GENERAL END ### */

/* portfolio table header row */
.portfolio td.row0 {
	font-weight: bold;
	background-color: #d28b10;
	vertical-align: bottom;
}
/* portfolio table data ODD # rows */
.portfolio td.row1 {
	background-color: white;
}
/* portfolio table data EVEN # rows */
.portfolio td.row2 {
	background-color: #EEEEEE;
}
.portfolio a {
	color: #d28b10; 
	font-weight: bold;
}
.portfolio a:hover {
	color: #01069b;
	font-weight: bold;
}
.portfolio p {
	color: #01069b;
/*	font-style: italic; */
}
img.thumbnail {
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
img.polaroid {
	margin: -5px 0 0 -5px !important;
	padding: 10px 24px 32px 17px !important;
	background: url('/uploads/profileBg.jpg') 0 0 no-repeat;
}

/* ### Account Login text BEGINS ### */
td.AccountLogin
	{color: blue;}
/* Sign In & Register links - to override the default link settings */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin 
	{text-decoration: underline;}
/* ### Account Login text ENDS ### */


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

/* ### MODULE: Bread Crumbs styles BEGIN ### */
.BreadCrumbs, A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover    {
}
/* ### 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: #000066;
	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:  #000066;}
/* 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: #000066;}
.CalendarMain .CalendarText, .CalendarMain a:link.CalendarText, .CalendarMain a:visited.CalendarText, .Time 
	{font-size: 10px;
	color: #000066;
	text-decoration: none;}
.CalendarMain a:hover.CalendarText 
	{text-decoration: underline;}
.Time 
	{font-size: 10px;
	color: black;
	text-transform: lowercase;}		/* uppercase */
/* 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: #000066;}
.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: #000066;
	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: Custom Table styles BEGIN ### */
.CTHeader {
	font-weight: bold;
	background: white;
}
tr.CTItem td, tr.CTAlternating td, tr.CTSelected td {
}

.CTItem {
	background: white;
	color: black;
}
.CTAlternating {
	background: #eeeeee;
	color: black;
}
/* ### MODULE: Custom Table styles END ### */

/* ### MODULE: DateTime styles BEGIN ### */
.datetime {
	font-size: 14px;
	color: #000066;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	padding-left: 40px;
}
/* MODULE: DateTime styles END */

/* MODULE: "Directory" styles BEGIN */
/* "DIR-Alpha User" & "DIR-Locations" styles */
div.dir_loctbl,
div.dir_user {
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 10px;
}
.dir_loc_r1 td, 
.dir_loctbl table td, 
.dir_user table td,
.DirUserDisp, 
tr.dir_user_r1 td { 
/*	background-color: #93A070; */
	background-color: #CCC;
	vertical-align: middle;
}
.dir_user_title, .dir_user_dept {
	font-size: 16px;
	font-weight: bold;
}
.dir_user_dept {
	font-style: italic;
}
.dir_loctbl table, 
.dir_user table,
tr.dir_loc_r0 td, 
tr.dir_user_r0 td {
	background-color: #03093C;
}
.dir_loctbl table, 
.dir_user table, 
div.dir_loctbl,
div.dir_user {
	width: 480px;
}
.dir_loctbl table td,
.dir_user table td {
	padding: 3px;
}
.dir_loc_r0 td, 
.dir_user_r0 td {
	color: #FFFFFF; 
	font-size: 14px; 
	font-weight: bold;
	font-style: italic; 
}
.dir_loc_r1 td {
	width: 50%;
}
.DirUserDisp {
	width: 70%;
}
.dir_search td {
	font-size: 11px;
	white-space: nowrap;
}
/* "DIR-Alpha User" & "DIR-Locations" styles END */
/* "Branch Directory" styles BEGIN */
.bdirSm {
	font-size: 9pt;
	vertical-align: top;
}
/* "Branch Directory" styles END */
/* MODULE: "Directory" styles END */

/* MODULE: "FileDex 2" styles BEGIN */
#fd2_menuTree {
	margin-top: 3px;
	float: left;
	padding: 10px 10px 10px 0px;
}
#fd2_menuTree_inner {
	width: 100%;
}
#fd2_menuTree ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
#fd2_menuTree li {
	padding: 0px;
	margin-left: 20px;
	list-style: none;
}
#fd2_menuTree a {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: blue;
}
#fd2_menuTree a:hover {
	color: #717171;
}
ul.treeViewRoot li {
 	line-height: 20px; 
	list-style: none;
}
.tv_e, .tv_c {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
	padding: 0px;
}
.tv_n {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
	padding: 0px;
	background-image: url(/images/folder.gif);
}
.tv_e 	{background-image: url(/images/folderplus.gif);}
.tv_c 	{background-image: url(/images/folderopen.gif);}
#fd2_actions {
	margin-top: 15px;
	margin-left: 5px;
	float: left;
	padding: 10px;
	white-space: nowrap;
}
#fd2_menu, #fd2_folder, #fd2_Access {
	padding: 5px;
}
#fd2_files {
	margin-top: 15px;
	margin-left: 5px;
	float: left;
	padding: 0px;
}
#fd2_files a, a:focus, a:hover, a:active {
	color: blue;
	text-decoration: underline;
}
#fd2_files a:hover {
	color: #717171;
}
.fd2_btn {
	width: 75px;
}
.fd2_img {
	border-width: 0px;
	vertical-align: text-bottom;
}
#fd2_actions {
	line-height: 15px;
	margin-left: 5px;
	padding-left: 5px;
}
.fd2_modalBackground {
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.fd2_modalContainer {
	width: 500px;
	border: 1px solid black;
	padding: 10px 10px 10px 10px;
	background-color: white;
}
/* "ctl03" styles BEGIN (Data Security FileDex) */
#ctl03_lblFolderName {
	color: red;
}
#ctl03_gvFiles table, 
#ctl03_gvFiles td, 
#ctl03_gvFiles a {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#ctl03_pnlMenu {
	margin-left: 0px;
	padding-left: 0px;
}
#ctl03_lblActionMessage {
	color: blue;
	font-weight: bold;
}
/* Other Actions button styles */
#ctl03_btnMComments,
#ctl03_btnMUpload,
#ctl03_btnMEmail,
#ctl03_btnMFolder,
#ctl03_btnMAccess,
#ctl03_btnMViewLogs { }
/* "ctl03" styles END (Data Security FileDex) */

/* "ctl05" styles BEGIN (Customer Care Online Help Docs FileDex) */
#ctl05_lblFolderName {
	color: red;
}
#ctl05_gvFiles table, 
#ctl05_gvFiles td, 
#ctl05_gvFiles a {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#ctl05_pnlMenu {
	margin-left: 0px;
	padding-left: 0px;
}
#ctl05_lblActionMessage {
	color: blue;
	font-weight: bold;
}
/* "ctl05" styles END (Customer Care Online Help Docs FileDex) */
/* MODULE: "FileDex 2" styles END */

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

/* ### MODULE: Link-Dropdown styles BEGIN ### */
.DDLLinksTitle {
	font-weight: bold;
	color: black;
}
/* ### MODULE: Link-Dropdown styles END ### */

/* ### MODULE: Mail Center styles BEGIN ### */
/* 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 0 1px 0;
	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;
}
/* Modal Popup styles END */

/* Popup styles BEGIN */
.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;
}
/* Popup styles END */
/* Mail Center content styles BEGIN */
.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 white;
	padding: 0 0 0 0;
	cursor: pointer;
	margin: 0 0 0 0;
}
table.vContact td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1 1 1 1;
	cursor: pointer;
	margin: 1 1 1 1;
}
table.vList td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1 1 1 1;
	cursor: pointer;
	margin: 1 1 1 1;
}
.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;
}
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: 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
	{ }
.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: black;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	color: white; 
	vertical-align: bottom;
}
.DGtableFooter 
	{background: black;}
/* 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 DATA GRID 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 CELL styles BEGIN - custom (per data grid file) */
/* DATA GRID CELL styles END - custom (per data grid file) */
/* ### MODULE: XML Data Grid styles END ### */

/* Lightbox styles BEGIN */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img {
	width: auto; 
	height: auto;
}
#lightbox a img { 
	border: none; 
}
#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}
#imageContainer{ 
	padding: 10px; 
}
#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}
#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}
#hoverNav a { 
	outline: none;
}
/* background-image code tricks IE into showing hover */ 
#prevLink, #nextLink {
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA);   
	display: block; 
}
#prevLink {
	left: 0; 
	float: left;
}
#nextLink { 
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(/uploads/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(/uploads/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
/*	overflow: auto; */
	width: 100%;
}
#imageData {
	padding: 0 10px;
	color: #666; 
}
#imageData #imageDetails {
	width: 70%; 
	float: left; 
	text-align: left; 
}
#imageData #caption {
	font-weight: bold;
}
#imageData #numberDisplay {
	display: block;
	clear: left; 
	padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em; 
	outline: none;
}
#overlay {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 101%!important; 
	height: 99%!important; 
	background-color: #000;
	z-index: 90; 
}
#gallery {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#gallery img {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 3px;
}
#gallery a img {
	border: 1px solid #BBB;
}
/* Lightbox styles END */

/* Carousel/Lightbox styles BEGIN */
#title-text {
	padding: 20px 20px 0; 
	color: #d28b10;
	font: bold 16px 'MS Trebuchet', Verdana, sans-serif; 
}
#alt-text {
	padding: 0 20px;
	color: #fff;
	font: bold 12px 'MS Trebuchet', Verdana, sans-serif; 
}
a img.cloudcarousel {
	border: none;
}
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {
	background: #fff url(/uploads/loading.gif) no-repeat center;
}
#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {
	left: 0;
}
#lbPrevLink:hover {
	background: transparent url(/uploads/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
	right: 0;
}
#lbNextLink:hover {
	background: transparent url(/uploads/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/uploads/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber {
	margin-right: 71px;
}
#lbCaption {
	font-weight: bold;
}
/* Carousel/Lightbox styles END */