/* =======================================
    CSS STYLES FOR PORTAL - Winslow Rides
    v3.0, 03/2004
   =======================================
*/

/* ____________ PAGE HEADER ________________________ */

.HeadBg {
	background-color: #FFF;
}
.SiteTitle {
	color: #FFF;
	font: bold 20px Verdana Bold, Helvetica, sans-serif;
}
#Header_WelcomeMessage, .welcome {
	color:  #01015C ; 
	font: normal 11px Arial, Verdana, sans-serif;
}

/* Site Links at extreme top-right of header */
.SiteLink {
	font: normal 11px Arial, Verdana, sans-serif;
}
A.SiteLink:link, A.SiteLink:visited {
	color: #01015C;
	text-decoration: none;
}
A.SiteLink:hover {
	color: #DDD;
	text-decoration: underline;
}
/* Separator between Site Links */
.Accent {
	color: #BBB;
	font-weight: bold;
}
/* ____________ END PAGE HEADER ____________________ */

/* ____________ PAGE BACKGROUND ________________________ */

Body {
	background-color: #FFF;
}
/* LEFT Pane Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-color: ;
	border-right: 0 solid #DDD;
	padding: 10px 0 10px 5px;
}
/* LEFT Pane */
#tdLeftPane, #tdLeftPane2 {
	background-color: #01015C;
	border-right: 0 solid #DDD;
	padding: 10px 0;
}
/* LEFT Pane Content - "padding" adjusts spacing between columns & around content */
#LeftPane {
	border-right: 0 solid #DDD;
	padding: 10px 0 10px 5px;
}
/* CENTER Pane - "padding" adjusts spacing between columns & around content */
#ContentPane {
	padding: 10px 5px 10px 10px;
}
/* RIGHT Pane - "padding" adjusts spacing between columns & around content */
#RightPane {
	background-color: #FFF;
	border-left: 0 solid #DDD;
	padding: 10px 5px;
}
/* ____________ END PAGE BACKGROUND ____________________ */

/* ____________ PAGE FOOTER ____________________________ */

.Footer {
	font-size: 11px;
}
/* ____________ END PAGE FOOTER ________________________ */

/* ____________ ACCOUNT LOGIN __________________________ */

.AccountLogin {
	color: #FFF;
}   
/* Sign In & Register links */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	color:  #FFF;
	text-decoration: underline;
}
/* ____________ END ACCOUNT LOGIN ______________________ */

/* ____________ MAIN NAVIGATION ________________________ */

/* Left & Top, Left Only, Top Only Navigation styles BEGIN */
/* Background/border colors for the selected page */
.PageBg {
	background-color: ;
	border-color: ;
}
/* Selected Page styles */
.SelectedPage {
	padding-top: 2px;
	padding-bottom: 2px;
	font: normal 9pt Arial, Verdana, sans-serif;
}
A.SelectedPage:link, A.SelectedPage:visited {
	color: #FFF;
	text-decoration: none;
}
A.SelectedPage:hover {
	color: #EEE;
	text-decoration: underline;
}
.SubLinks {
	margin-left: 15px;
	font-weight: normal;
}

/* Unselected Page styles */
.OtherPagesBg {
	background-color: ;
	border-color: ;
}
.OtherPages {
	padding-top: 2px;
	padding-bottom: 2px;
	font: normal 9pt Arial, Verdana, sans-serif;
	text-decoration: none;
}
A.OtherPages:link, A.OtherPages:visited {
	color: #FFF;
	text-decoration: none;
}
A.OtherPages:hover {
	color: #DDD;
	text-decoration: underline;
}
/* Left & Top, Left Only, Top Only Navigation styles END */

/* Top Dropdown, Left Flyout Navigation styles BEGIN */
/* Menu Item styles */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
}
/* "Menu Item" - 1st level main navigation */
.MI {
	padding: 1px 1px 3px 1px;
	background-color: #01015C;
	color: #FFF;
	cursor: pointer;
}
/* "Menu Item OnMousover" - 1st level main navigation */
.MIO {
	padding: 1px 1px 3px 1px;
	background-color: #01015C;
	color: #A7A6C5;
	text-decoration: ;
	cursor: pointer;
}
/* "Sub Menu Item" - 2nd+ levels of navigation */
.SMI {
	padding: 1px 3px 3px 3px;
	background-color: #01015C;
	color: #FFF;
	border: 1px solid #01015C;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}
/* "Sub Menu Item OnMouseover" - 2nd+ levels of navigation */
.SMIO {
	padding: 1px 3px 3px 3px;
	background-color: #FFF;	
	color: #01015C;
	border: 1px solid #01015C;
	text-decoration: ;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	cursor: pointer;
}
/* Top Dropdown, Left Flyout Navigation styles END */
/* ____________ END MAIN NAVIGATION ____________________ */

/* ____________ GENERAL ________________________________ */

/* Module Title */
.Head {
	color: #010141;
	font: italic bold 20px "Times New Roman", Arial, Verdana, Helvetica, sans-serif;
}
/* Subtitles on content-edit and admin pages */
.SubHead{
	color: #01015C;
	font-weight: bold;
}
/* Module Title style used instead of "Head" for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg */
.SubSubHead {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
}
/* Default text style used by most modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}
.NormalRed {color: red;font-weight: bold;}	/* Error Message */
.NormalBold {font-weight: bold;}


/* Default link and Command Button styles */
.CommandButton {
	font-size: 11px;
}
A.CommandButton:link, A.CommandButton:visited {
	color: #01015C;
	text-decoration: underline;
}
A.CommandButton:hover {
	color: #BBB;
	text-decoration: underline;
}
A:link, A:visited {
	color: #01015C;
	text-decoration: underline;
}
A:hover {
	color: #AAA;
	text-decoration: underline;
}

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

/* Unordered (bulleted) list styles */
UL LI {list-style-type: disc;}
UL LI LI {list-style-type: circle;}
UL LI LI LI {list-style-type: square;}

/* Ordered (numbered) 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 {
	height: 1px;
	background-color: #DDD;
	border: 1px solid #DDD;
	color: #DDD;
	text-align: left;
}

TFOOT, THEAD {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: ;
	color: #01015C;
}

.pnlContent {
	text-align: left;
}
/* ____________ END GENERAL ____________________________ */

/* ____________ MODULE-SPECIFIC ________________________ */

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

/* MODULE: "Bread Crumbs" styles BEGIN */
.BreadCrumbs {
	font-size: ;
}
A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover {
	color: ;
}
/* 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 */
.CalendarMain .CalendarTitle td {
	background-color: ;
	color: #000066;
	font-size: 10pt;
	font-weight: bold;
}
/* Listing All Months and Small Calendar */
.CalendarMonths .CalendarTitle td, .CalendarSmall .CalendarTitle td {
	background-color: #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
/* Main Calendar Title Bar - Previous/Next Links */
.PreviousNext A {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}
/* Small Calendar Title Bar - listing all months */
.CalendarSmall td.PreviousNext A, .CalendarMonths td.PreviousNext A {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
/* Main Calendar Details - Day-Of-The-Week labels (Mon, Tues, etc.) and other title bars */
.CalendarMain .DayHeaderStyle, .CalendarSmall .DayHeaderStyle, .DateDetail .row0, .ItemDetail .row0, .SearchResults .row0 {
	background-color: #000066;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
/* Main Calendar text styles - overrides all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarMain .TodayDayStyle, .CalendarMain .DayStyle, .CalendarMain .WeekendDayStyle {
	color: #000066;
	font-size: 10px;
	font-weight: bold;
}
.CalendarMain .CalendarText, .CalendarMain a.CalendarText:link, .CalendarMain a.CalendarText:visited, .Time {
	color: #000066;
	font-size: 10px;
	text-decoration: none;
}
.CalendarMain a.CalendarText:hover {
	text-decoration: underline;
}
.Time {
	color: #000000;
	font-size: 10px;
	text-transform: lowercase;	/* uppercase */
}
/* DayStyle class - used when date for this month is NOT the selected date */
.CalendarMain .DayStyle, .CalendarSmall .DayStyle {
	background-color: #FFFFFF;
	font-size: 11px;
}
/* TodayDayStyle class - used when today is NOT the selected date, regardless of which month is displayed */
.CalendarMain .TodayDayStyle, .CalendarSmall .TodayDayStyle {
	background-color: #EEEEEE;
	font-size: 11px;
}
.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 {
	background-color: #CCCCCC;
	font-size: 11px;
}
/* OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.CalendarMain .OtherMonthDayStyle, .CalendarSmall td.OtherMonthDayStyle {
	background-color: #BBBBBB;
	color: #000000;
	font-size: 11px;
}
.CalendarSmall td, .DNavCalendar td {
	height: 22px;
	font-size: 11px;
}
.CalendarSmall, .CalendarMonths {
	padding-top: 0;
	border: 1px solid #DDDDDD;
}
.CalendarMonths td {
	background-color: #FFFFFF;
	font-size: ;
	font-weight: bold;
}
.CalendarDescription {
	color: #000066;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.DateDetail .ItemName, .SearchResults .ItemName {
	color: ;
	font-weight: bold;
}
.DateDetail .CalendarName, .SearchResults .CalendarName {
	font-style: italic;
}
.DateDetail td {
	font-size: ;
}
/* Date Detail ODD rows */
.DateDetail td.row1 {
	background-color: #FFFFFF;
}
/* Date Detail EVEN rows */
.DateDetail td.row2 {
	background-color: #EEEEEE;
}
.ItemDetail td {
	background-color: #FFFFFF;
	font-size: ;
}
.ItemDetail .DSubHead, .DSubHead {
	color: #000066;
	font-weight: bold;
}
/* Indent Date details & Search Result details */
div.DetailIndent {
	margin-left: 10px;
}
.CalendarSearch {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
.CalendarSearch input button {
	background-color: #888888;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-weight: bold;
}
/* Calendar Search Results */
.SearchResults .row0 td, .SearchResults .row1 td, .SearchResults .row2 td {
	padding: 2px;
	font-size: 12px;
}
.SearchResults .row1 {
	background-color: #FFFFFF;
	color: #000000;
}
.SearchResults .row2 {
	background-color: #EEEEEE;
	color: #000000;
}
.SearchFooter {
	background-color: #CCCCCC;
	color: #000000;
}
/* Hide extra cells in the Date Details table(s) */
.hidden {
	visibility: hidden;
	display: none;
}
/* MODULE: "Calendar" styles END */

/* MODULE: "Custom Table" styles BEGIN */
.CTHeader {
	background-color: #FFF;
	font-size: ;
	font-weight: bold;
}
.CTItem, .CTAlternating, .CTSelected {
	font-size: ;
}
.CTItem {
	background-color: #FFF;
	color: #000;
}
.CTAlternating {
	background-color: #EEE;
	color: #000;
}
/* MODULE: "Custom Table" styles END */

/* MODULE: "Date/Time" styles BEGIN */
.datetime {
	color: #01015C;
	font: ;
	line-height: ;
}
/* MODULE: "Date/Time" styles END */

/* MODULE: "Link with Image" styles BEGIN */
/* Button spacing */
.LinkWImageSpacing {
	padding-top: 2px;
}
/* Left End of "Link with Image" buttons */
.LinkWImageLeft {
	width: 7px;
	height: 23px;
	padding: 0;
	background: url(images/buttonBgLeft.gif) no-repeat;
}
/* Middle section of "Link with Image" buttons */
td.LinkWImage {
	width: 120px;
	padding: 2px 0 4px 0;
	background: url(images/buttonBg.gif) repeat-x;
	text-align: center;
	cursor: pointer;
}
A.LinkWImage {
	font: bold 11px Verdana, Arial, sans-serif;
	text-transform: uppercase;
	line-height: 12px;
}
A:link.LinkWImage, A:visited.LinkWImage {
	color: #FFF;
	text-decoration: none;
}
A:hover.LinkWImage {
	color: #DDD;
	text-decoration: underline;
}
/* Right End of "Link with Image" buttons */
.LinkWImageRight {
	width: 7px;
	height: 23px;
	padding: 0;
	background: url(images/buttonBgRight.gif) no-repeat;
}
/* MODULE: "Link with Image" styles END */

/* MODULE: "Photobox" styles BEGIN */
#lightbox {
	position: absolute;
	left: 0; 
	width: 100%; 
	text-align: center; 
	line-height: 0;
	z-index: 100; 
}
#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;
}
#imageContainer>#hoverNav {
	left: 0;
}
#hoverNav A {
	outline: none;
}
#prevLink, #nextLink {
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block;
}
#prevLink {
	left: 0; 
	float: left;
}
#nextLink {
	right: 0; 
	float: right;
}
#prevLink:hover, #prevLink:visited:hover {
	background: url(../Modules/PhotoBox/images/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
	background: url(../Modules/PhotoBox/images/nextlabel.gif) right 15% no-repeat;
}
#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; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000;
}
a img {
	border: none;
}
.photoModuleSettings {
	font-family: Arial, sans-serif;
}
/* MODULE: "Photobox" styles END */

/* MODULE: "Search" styles BEGIN */
/* "highlight" class formats the word(s) searched in the search results */
.highlight {
	color: #000;
	font-weight: bold;
}
A.resultLink:link, A.resultLink:visited, A.resultLink:hover {
	color: ;
}
.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 (link) inside the Header 

Row; both are needed */
.DGtableHeader, .DGtableHeader A {
	background: #01015C;
	color: #FFF;
	font: bold 11pt Arial, sans-serif;
	vertical-align: bottom;
}
.DGtableFooter {
	background-color: #01015C;
}
/* Data Rows - can be formatted so that every other row uses different formatting */
.DGrowOdd {
	background-color: #EEE; 
	vertical-align: top;
}
.DGrowEven {
	background-color: #FFF; 
	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 # 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:  Repeat Steps 1-4 for each column formatting you wish to override in your Data Grid */
.DG#filename {
	width: 75px;
	background-color: ;
	color: #000;
	font-size: 8pt;
	text-align: left;
}
/* Data Grid "Cell Template" styles END */
/* Data Grid "Cell Styles" (custom per data grid file) BEGIN */
/* Data Grid "Cell Styles" (custom per data grid file) END */
/* MODULE: "XML Data Grid" styles END */

/* ____________ END MODULE-SPECIFIC ____________________ */