/*
	Filename: Style.css
	
	Description: Common style for all brands

	=GENERAL
	=HEADER
	=TOP_NAV
	=BODY
	=BODY_LEFT 
	=BODY_RIGHT
	=FOOTER
	=HTML
	=HTML_LINKS
	=HTML_IMGS 	
	=TABLES
    =GRIDS	
	=FORMS
	=DOCUMENT_LIBRARY
	=WIDGETS
	=MAP
	=JOB_DETAILS 
	=HELP
	=PAGE_SPECIFIC

*/

/*********************** 
		=GENERAL
************************/

#doc2
{
	border: solid 1px #BBB;
	background-image: url(/Images/site_BG_gradient.gif);
	background-repeat: repeat-x;
}

/***********************
		=HEADER
************************/
#hd
{
	margin: 10px;
}

div#LogoImage
{
	float: left;
	margin-bottom: 6px;
}

div#Login
{
	float: right;
	width: 230px;
	line-height: 20px;
}

/*********************** 
	=TOP_NAV
************************/

#TopNavigation
{
	background: url(/Images/Nav_sel_grad.gif) repeat-x center;
	clear: both;
	font-weight: bold;
	width: 100%;
}

#TopNavigation .current
{
	background: url(/Images/Nav_unselected.gif) repeat-x;
}

#TopNavigationLeft 
{
	background: url(/Images/Nav_left_crnr_sel.gif) no-repeat center left;
	height: 34px;
}

#TopNavigationLeft .select
{
	background: url(/Images/Nav_left_crnr_sel.gif) no-repeat center left;
	height: 34px;
}

#TopNavigationLeft .unselect
{
	background: url(/Images/Nav_left_crnr_unsel.gif) no-repeat center left;
	height: 34px;
}


#TopNavigationRight
{
	background: url(/Images/Nav_rght_crner_sel.gif) no-repeat center right;
	height: 34px;
}

#TopNavigationBody
{
	padding-left: 5px;
}

ul#Menu li
{
	float: left;
	height: 34px;
}

ul#Menu li.current a
{
	color: #4A4D4A;
	font-weight: bold;
}

ul#Menu a
{
	display: block;
	font-family: Verdana;
	font-size: 10pt;
	padding: 10px 10px 0;
	text-decoration: none;
}

ul#Menu a.TopNav
{
	color: #FFFFFF;
	margin-bottom: 10px;
}

div.SubMenu
{
	background: url(/Images/Nav_top_sub_top.gif) no-repeat center top;
	display: block;
	left: -999em; /*instead of display: none we use left: -999em to propel the sub-menu out of view and then left: auto (rather than left: 0) to bring it back  */
	padding-top: 9px;
	position: absolute;
	width: 212px;
	z-index: 10;
	margin: -3px 0 0 -1px;
}

div.SubMenu ul li
{
	clear: left;
	background: none;
	width: 100%;
}

div.SubMenu a
{
	color: #1e5095;
}

div.SubMenuMiddle
{
	background: url(/Images/Nav_top_sub_middle.gif) repeat-y center center;
	min-height: 100%; /* Needs to be set for Firefox; Works in IE without this property */
	display: table;
	width: 212px;
}

div.SubMenuBottom
{
	background: url(/Images/Nav_top_sub_btm.gif) no-repeat center bottom;
	display: block;
	height: 8px;
}

/* Search input in the top navigation */
div#Search
{
	float: right;
	margin-right: 10px;
	margin-top: 7px;
}

div#Search .SearchLeft
{
	background: url('/Images/search_field_left.png') no-repeat 0 0;
	float: left;
	width: 16px;
	height: 19px;
}

div#Search .SearchRight
{
	background: url('/Images/search_field_right.png') no-repeat 0 0;
	float: left;
	width: 10px;
	height: 19px;
}

div#Search .SearchMiddle input
{
	background-image: url(/Images/search_field_repeat.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: Transparent;
	border: 0;
	color: #555555;
	float: left;
	font-size: 11px;
	height: 19px;
	padding: 3px 0 0 0;
	width: 150px;
}

/***********************
		=BODY
************************/

/* Used on private pages */
div.BodyPrivate
{
	clear: both;
	margin: 0 10px;
}

/*Used on public pages*/
div.BodyPublic
{
	background-image: url(/Images/Welcome_bg_gradient.gif);
	background-repeat: repeat-x;
	clear: both;
	padding: 10px;
}


#ApplicationTipsContainer
{
	width: 100%;
}

#ApplicationTips
{
	line-height: 34px;
	position: relative;
	width: auto;
	margin-bottom: 10px;
}

#ApplicationTipsLeft
{
	background: url(/Images/Nav_left_crnr_unsel.gif) no-repeat center left;
	height: 34px;
	padding-left: 5px;
}

#ApplicationTipsRight
{
	background: url(/Images/Nav_rght_crner.gif) no-repeat center right;
	height: 34px;
	float: right;
	padding-right: 20px;
}

#ApplicationTipsBody
{
	background: url(/Images/Nav_unselected.gif) repeat-x;
	padding: 0 20px 0 10px;
}



div.BoxContent
{
	padding: 6px;
}

div.stats-large
{
	background: url(/Images/Gray_Stats_box_bg.gif) repeat-x 0 0;
}

div.stats
{
	background: url(/Images/Gray_Stats_box_bg.gif) repeat-x;
	width: 210px;
}

div.stats_right
{
	background: url(/Images/Stats_box_right.gif) no-repeat top right;
	height: 9px;
}

div.stats_left
{
	background: url(/Images/Stats_box_left.gif) no-repeat top left;
	height: 9px;
}

div.stats_content
{
	border-left: solid 2px #DFDFDF;
	border-right: solid 2px #DFDFDF;
	border-bottom: solid 2px #DFDFDF;
	padding: 10px;
}

/***********************
		=BODY_LEFT
************************/

.BaseWidgetTitle_middle
{
	clear: both;
}

div.TagLine
{
	background-color: #EDEDED;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	color: Black;
	height: 23px;
	margin: 0;
	width: 100%;
}

div.TagLineText
{
	font-size: 9pt;
	font-weight: bold;
	padding: 5px 0 0 10px;
}

.ShowMore
{
	float: right;
}

.togged
{
	margin: 10px 0 0;
	padding: 0 10px;
	width: 95%;
}


/***********************
		=BODY_RIGHT
************************/
#Banners
{
	padding: 0 10px;
	margin: 10px auto;
}

#Banners table
{
	position: relative;
}

/***********************
		=SERVICE_TEAM
************************/
div#ServiceTeamContainer
{
	margin-top: 9px;
}

a.ContactFormToggler
{
	cursor: pointer;
}

div#CurrentContact img.LeftScroll
{
	cursor: pointer;
	position: absolute;
	top: 90px;
}

div#ServiceTeamContainer div.BannerTitle
{
	color: #000000;
	font-size: 11pt;
	font-weight: bold;
	height: 20px;
	padding: 10px;
}

div.MemberProfile h6
{
	color: White;
	font-weight: bold;
	height: 1em;
	margin-left: 10px;
	position: relative;
	top: -52px;
	width: 102px;
}

div.MemberProfile img, div.item img
{
	width: 158px;
}

div#CurrentContact
{
	height: 208px;
}

div#CurrentContact .MemberProfileInfo
{
	top: 90px;
}

div#CurrentContact div.MemberProfile
{
	border: solid 1px #BBBBBB;
	border-top: none;
	height: 170px;
	margin: 0 9px 9px 9px;
	width: 158px;
}

#CloseServiceTeam
{
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}

div#ServiceTeamPanel div.MemberProfile
{
	border: solid 1px #BBBBBB;
	border-top: none;
	height: 170px;
	margin: 0 9px 9px 0;
	width: 158px;
}

div.MemberProfile div.MemberProfileInfo
{
	padding: 0 9px;
	position: absolute;
	top: 56px;
	width: 138px;
}

div.MemberProfile div.MemberProfileInfo ul
{
	height: 80px;
}

div.MemberProfile div.MemberProfile li
{
	line-height: 16px;
}

div.MemberProfile div.MemberProfileInfo a.ContactFormToggler
{
	margin-left: 15px;
}

div.items
{
	height: 180px;
	margin-left: 9px;
}

/* single item */

div.items div.item
{
	float: left;
	height: 180px;
}

/* navigator */
div.navi
{
	position: absolute;
	top: 90px; *z-index:10;
}

/* items inside navigator */
div.navi span
{
	cursor: pointer;
	height: 55px;
	width: 9px;
}

div.navi span.left
{
	background: transparent url(/Images/ST_box_expanded_left_side2.gif) no-repeat scroll 0 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

div.navi span.right
{
	background: transparent url(/Images/ST_right_side_box2.gif) no-repeat scroll 0 0;
	left: 677px;
	position: absolute;
	z-index: 1;
}

.ServiceTeamOverlay
{
	background-color: White;
	height: 222px;
	left: -507px;
	position: absolute;
	top: -9px;
	width: 685px;
	z-index: 2;
}

.modalOverlay
{
	background-color: #000;
	display: block;
	filter: alpha(opacity=50);
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}

.modalOverlayContainer
{
	display: block;
	position: relative;
	z-index: 10;
}

.HelpYouWith
{
	background-color: #1D5095;
	border: solid 1px #AAAAAA;
	display: none;
	top: -55px;
	left: 0;
	padding: 5px 0;
	position: relative;
	width: 180px;
}

.HelpYourWithTitle
{
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px;
}

.HelpYourWithContent
{
	background-color: #FFFFFF;
	padding: 10px;
}

ul.TeamMemberInfo, div.HelpYouWithList ul li
{
	font-size: 9pt;
}

#ContactForm
{
	border: solid 1px #BBBBBB;
	direction: ltr;
	height: 170px;
	margin: 0 9px;
	padding: 0 9px;
}

img#CloseContactForm
{
	cursor: pointer;
	position: absolute;
	right: 10px;
}

* html, * html body
{
	height: 100%;
}

* html .modalOverlay
{
	filter: alpha(opacity=50);
	height: 2000px; /* Hack for IE6 where height:100% does not go all the way across he window*/
	width: 2000px; /* Same */
	position: absolute;
	overflow: visible;
	opacity: 0.5;
}

* html .MemberProfile
{
	border: solid 1px #BBBBBB;
	border-top: none;
	height: 170px;
	margin: 0 9px 9px;
	overflow: hidden;
	width: 158px;
}

* html .HelpYouWith
{
	background-color: #1D5095;
	border: solid 1px #AAAAAA;
	display: none;
	top: -50px;
	left: 0;
	padding: 5px 0;
	position: relative;
	width: 156px;
	height: 50px;
	overflow: scroll;
}

* html .HelpYourWithTitle
{
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 5px;
}

* html .HelpYourWithContent
{
	background-color: #FFFFFF;
	padding: 10px 5px;
}

/***********************
		=FOOTER
************************/

div#ft
{
	margin: 10px 16px;
}

div#FooterNav
{
	border-top: solid 1px #DFDFDF;
	font-weight: bold;
	line-height: 30px;
}

div#FooterSubNav
{
	border-top: solid 1px #DFDFDF;
	clear: left;
	overflow: auto;
	padding-bottom: 20px;
}

div#FooterSubNav ul li
{
	line-height: 24px;
}

div#FooterNav li, #FooterSubNav ul
{
	float: left;
	width: 170px;
	margin-left: 5px;
}

#BottomLinks
{
	clear: both;
	float: right;
	font-weight: bold;
	color: #1e5095;
}


/***********************
		=HTML
************************/

h2
{
	font-size: 13pt;
}

h3
{
	font-weight: bold;
}

h4
{
	background-color: #d8d8d8;
	font-weight: bold;
	height: 20px;
	margin: 16px 0;
	padding: 6px 12px 0 6px;
}

h5
{
	border-bottom: solid 1px #DDD;
	font-weight: bold;
	height: 20px;
	margin: 16px 0;
}

ul.bulleted
{
	background-color: Transparent;
}

ul.bulleted li
{
	background-color: Transparent;
	background-image: url(/Images/bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

ol
{
	margin-left: 26px;
}

ol li
{
	list-style-type: decimal;
}

ul.spaced li, ol.spaced li
{
	margin: 8px 0 8px 20px;
}

ul.disc li
{
	list-style-position: outside;
	list-style-type: disc;
}

strong, .Bold
{
	font-weight: bold;
}

label.Small
{
	font-size: 9pt;
}

/***********************
		=HTML_LINKS
************************/

a
{
	color: #1e5095;
	text-decoration: none;
}

a:hover
{
	color: #1e5095;
	text-decoration: underline;
}

a.Bold
{
	color: #1e5095;
	font-weight: bold;
	text-decoration: none;
}

a:hover.Bold
{
	color: #1e5095;
	font-weight: bold;
	text-decoration: underline;
}

a.togger
{
	color: #1e5095;
	font-family: Arial;
	font-size: 10pt;
	text-decoration: none;
}

a.togger:hover
{
	text-decoration: underline;
	cursor: pointer;
}

#BottomLinks a
{
	padding: 0 10px;
}

/***********************
		=HTML_IMGS
************************/

img.separator
{
	display: block;
	margin: auto;
}

img.block
{
	display: block;
}

/***********************
		=TABLES
************************/

.odd
{
	background-color: #DFDFDF;
}

.even
{
	background-color: White;
}

table.tablesorter
{
	background-image: url(/Images/Table_header_gradient_sort.gif) repeat-x center top;
	border: solid 1px #DFDFDF;
	border-collapse: collapse;
	border-right: hidden;
	clear: right;
	font-size: 9pt;
	margin-bottom: 5px;
	width: 100%;
}

table.tablesorter th
{
	background-image: url(/Images/Table_header_gradient.jpg);
	background-repeat: repeat-x;
	color: Black;
	font-weight: bold;
	height: 30px;
	padding: 0 15px;
	text-align: center;
}

table.tablesorter th.headerSortUp
{
	background-image: url(/Images/table_sort_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 90% 48%;
}

table.tablesorter th.headerSortDown
{
	background-image: url(/Images/table_sort_arrow_dwn.gif);
	background-repeat: no-repeat;
	background-position: 90% 52%;
}

table.tablesorter .headerSort
{
	background-image: url(/Images/Table_header_gradient_sort.gif);
	background-repeat: repeat-x;
	height: 30px;
	width: 100%;
}

table.tablesorter td
{
	border-right: solid 1px #DFDFDF;
	padding: 4px 0;
	text-align: center;
}

table.tablesorter .header
{
	color: #1e5095;
	cursor: pointer;
}

table.grid
{
	border: solid 1px #DFDFDF;
	border-collapse: collapse;
	margin-bottom: 5px;
	table-layout: fixed;
	width: 100%;
}

table.grid th
{
	background: url(/Images/Table_header_gradient.jpg) repeat-x center top;
	color: black;
	font-weight: bold;
	height: 30px;
	padding: 0 0 0 5px;
}

table.grid tr
{
	border-bottom: solid 1px #DFDFDF;
	height: 30px;
}

table.grid tr.highlight
{
	font-weight: bold;
}

table.grid td
{
	padding: 0 0 0 5px;
}

table.form td
{
	padding: 4px 6px;
}

table.form select, textarea
{
	font-family: Arial;
	font-size: 9pt;
	border: solid 1px #CCC;
}

div.tablesorterfilter
{
	background-color: #CCCCCC;
	padding: 4px 6px;
}



/***********************
		=GRIDS
************************/
.JobsGrid_DataCell1
{
	padding: 0px 0px 0px 0px;
	width: 350px;
	text-align: left;
}

.JobsGrid_DataCell2
{
	padding: 0;
	width: 80px;
	text-align: center;
}

.JobsGrid_Label
{
	font-weight: bold;
}

.JobsGridText
{
	padding: 0 10px 0 10;
}

.JobsGrid_NoteTitle
{
	font-size: 12px;
	font-weight: bold;
	background-color: gainsboro;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}

.JobsGrid_NoteTextBox
{
	width: 100%;
	height: 100px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.JobCart_Confirmation
{
	font-size: 10pt;
	font-family: Arial;
	margin-top: 10px;
	background-color: #faf6f3;
	padding-bottom: 10px;
	padding-top: 10px;
}

/***********************
		=FORMS
************************/

input + label
{
	padding: 0 6px;
}

.Searchbox
{
	background: url(/Images/icon_search.gif) no-repeat left;
	border: solid 0px #FFFFFF;
	font-weight: normal;
	text-indent: 1em;
	width: 130px;
}

.Watermarked
{
	background-color: #FFFFFF;
	color: #0F0F0F;
}

.required
{
	color: Red;
}

.Validation
{
	color: Red;
}




/********************************
	=DOCUMENT_LIBRARY 
*********************************/

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#MySplitter
{
	height: 550px;
	width: 720px; /* No padding allowed */
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#LeftPane
{
	padding: 4px;
	overflow: auto;
	width: 50%; /* optional, initial splitbar position */
	min-width: 200px; /* optional */ /* No margin or border allowed */
}

/*
 * Right-side element of the splitter.
 */
#RightPane
{
	padding: 4px;
	min-width: 100px;
	overflow: auto; /* No margin or border allowed */
}

/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */

#MySplitter .vsplitbar
{
	width: 6px;
	background: #DDDDDD url(/Images/vgrabber.gif) no-repeat center;
}

#MySplitter .vsplitbar.active, #MySplitter .vsplitbar:hover
{
	background: #BBBBBB url(/Images/vgrabber.gif) no-repeat center;
}

.HelpContent
{
	background-color: White;
	border: solid 1px #BBBBBB;
	color: Black;
	font-size: 10pt;
	left: auto;
	margin: 0 0 0 454px;
	position: absolute;
	width: 280px;
	z-index: 10;
}

.HelpText
{
	font-weight: normal;
	max-height: 250px;
	margin: 0 0 10px 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 10px;
}

img.Help
{
	float: right;
	padding-right: 10px;
}

ul.Legend li
{
	float: left;
	height: 2em;
	margin: 0 8px 0 0;
}


/*********************************
* Filter / Search Control Styles *
**********************************/
div.JobControls_Search_Title
{
	height: 20px;
	font-size: 10pt;
	color: #cc6600;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
}

div.tablesorterPager
{
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
div.tablesorterPager span
{
	padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev
{
	width: auto;
	margin-right: 10px;
}
div.tablesorterPager input.next
{
	width: auto;
	margin-left: 10px;
}
div.tablesorterPager input
{
	font-size: 9px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
	vertical-align: top;
}


/**************************
	=WIDGETS
**************************/

.Widget
{
	border: solid 1px grey;
}

div.WidgetBody
{
	background-color: #FFFFFF;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	color: Black;
	width: 100% - 2;
}

div.LargeWidgetBody
{
	background-color: #FFFFFF;
	border-left: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	color: Black;
	padding: 10px 20px;
	width: 100% - 2;
}



div.RequirementsStatusContainer
{
	float: left;
	padding: 10px 5px 10px 2px;
	width: 210px;
}

.Req
{
	border: solid 1px orange;
	float: left;
	width: 100px;
}

a:link.Medium
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
a:visited.Medium
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
a:active.Medium
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
a:hover.Medium
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: underline;
}

.JobSearch
{
	background-color: #FFFFFF;
	margin-bottom: 8px;
	padding: 0px 0px 0px 0px;
}

/*********************** 
		=MAP
************************/

.LocalSearchOptions
{
	padding: 5px 0;
}

.LocalSearchOptions img
{
	display: none;
}

.LocalAreaSearch_CheckBoxes
{
	float: right;
	padding: 12px 0 0 0;
	width: 110px;
}

.LocalAreaSearch_CheckBoxes div
{
	padding: 0 0 6px 0;
}

.MapMarkerLabel
{
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
}

.MapMarkerLabelLarge
{
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
}

.MapsPopupBoldData
{
	font-weight: bold;
	color: #D06006;
}

.MapsInputPanel
{
	min-height: 16px;
	padding: 0px 0px 0px 10px;
}

A:link.MapLinkSelected
{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	cursor: default;
}
A:visited.MapLinkSelected
{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	cursor: default;
}
A:active.MapLinkSelected
{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	cursor: default;
}
A:hover.MapLinkSelected
{
	color: #000000;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
	cursor: default;
}

A:link.MapLinkNotSelected
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
A:visited.MapLinkNotSelected
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
A:active.MapLinkNotSelected
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
A:hover.MapLinkNotSelected
{
	color: #1e5095;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: underline;
}

div.MapCanvasPartial
{
	width: 460px;
	height: 450px;
	float: left;
}

div.MapCanvasFull
{
	width: 100%;
	height: 400px;
	border-top: solid 1px #e0dfe3;
	border-bottom: solid 1px #e0dfe3;
}

div.MapCanvasFull_Hidden
{
	width: 100%;
	visibility: hidden;
}

div.DirectionsVisible
{
	border: solid 1px #EFEFEF;
	float: left;
	font-size: 9pt;
	min-height: 450px;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	width: 220px;
}

.Warning
{
	padding: 5px;
	color: Red;
}

.Warning div
{
	color: #000000;
	font-weight: bold;
}

.Warning .DidYouMean
{
	border: solid 1px red;
	padding: 10px;
}

.DidYouMean
{
	padding: 5px 10px;
}

.SampleAddress
{
	color: #646464;
	font-size: 8pt;
}

.MapLocationName
{
	font-weight: bold;
	font-size: 9pt;
	color: #C6801D;
	padding-left: 10px;
}

div.StaticMapContainer
{
	float: left;
	padding: 10px;
	width: 480px;
}

div.InteractiveMap_GetDirections div.Content
{
	padding: 10px;
}

/****************************
	=JOB_DETAILS
*****************************/
.JobDetail_Title
{
	font-size: 18px;
	color: #693255;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Arial;
	float: left;
}

.JobDetail_Label
{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
	background-color: #693255;
}

.JobDetail_Value
{
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	font-size: 12px;
	color: #513F3C;
}

.JobDetail_Value li
{
	font-family: arail;
	font-size: 9pt;
	list-style-image: url(/Images/phs/bullet.gif);
}

.JobDetail_Container
{
	padding: 10px 10px 10px 10px;
	text-align: left;
}

/* Job Cart */
.JobCart_Warning
{
	color: red;
	font-size: 10pt;
	font-family: Arial;
	line-height: 25pt;
}

.JobCart_NoteTitle
{
	font-size: 12px;
	font-weight: bold;
	background-color: gainsboro;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 20px;
}

.JobCart_NoteTextBox
{
	width: 100%;
	height: 120px;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

.JobCart_NoteSubmit
{
	padding: 10px 0 0 0;
	text-align: right;
}

.Location_Label
{
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

.Location_Value
{
	width: 600px;
}

.content_grouping
{
	background-color: #FAF6F3;
	padding-right: 6px;
	padding-left: 6px;
}

.content_grouping h2
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 0px;
}

.JobDetail_AddJob_ConfirmationMessage
{
	color: Red;
}

.MessageDisplayControl
{
	padding: 0px 0px 10px 0px;
}

.JobDetail_AddJob_ErrorMessage
{
	color: Red;
}

.JobDetail_Page
{
	width: 100%;
}

/*********************** 
		=HELP
************************/

A.expandspot
{
	color: #008000;
	cursor: hand;
	font-style: italic;
	text-decoration: none;
}
SPAN.expandtext
{
	font-style: italic;
	font-weight: normal;
	color: #ff0000;
}
A.dropspot
{
	cursor: hand;
	color: #008000;
	font-style: italic;
	text-decoration: none;
}
A.glossterm
{
	color: #800000;
	cursor: hand;
	font-style: italic;
	text-decoration: none;
}
SPAN.glosstext
{
	font-style: italic;
	font-weight: normal;
	color: #0000ff;
}
OL, UL
{
	margin-top: 0px;
	margin-bottom: 0px;
}
P.Bullet1
{
	font-size: 8pt;
	list-style: disc;
	margin-top: 8pt;
	margin-bottom: 0pt;
	margin-left: 18pt;
	margin-right: 18pt;
}
LI.P-Bullet1
{
	font-size: 8pt;
	list-style: disc;
}

P.Bullet2
{
	font-size: 8pt;
	margin-top: 4pt;
	margin-bottom: 4pt;
	margin-left: 36pt;
	margin-right: 36pt;
}
LI.P-Bullet2
{
	font-size: 8pt;
}

P.SmallNormal
{
	font-size: 8pt;
	margin-bottom: 0pt;
	margin-top: 12pt;
}
LI.P-SmallNormal
{
	font-size: 8pt;
}

P.SmallNormalIndent
{
	font-size: 8pt;
	margin-bottom: 0pt;
	margin-left: 18pt;
	margin-right: 18pt;
	margin-top: 12pt;
}
LI.P-SmallNormalIndent
{
	font-size: 8pt;
}

P.PopUpSmallNormalIndent
{
	font-size: 8pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	margin-right: 0pt;
	margin-top: 0pt;
}
LI.P-PopUpSmallNormalIndent
{
	font-size: 8pt;
}

P.PopUpBullet1
{
	font-size: 8pt;
	list-style: disc;
	margin-top: 8pt;
	margin-bottom: 0pt;
	margin-left: 18pt;
	margin-right: 18pt;
}
LI.P-PopUpBullet1
{
	font-size: 8pt;
	list-style: disc;
}

P.PopUpSmallNormalIndent2
{
	font-size: 8pt;
	margin-bottom: 0pt;
	margin-right: 0pt;
	margin-left: 0pt;
	margin-top: 24pt;
}
LI.P-PopUpSmallNormalIndent2
{
	font-size: 8pt;
}


/* PAGE SPECIFIC */

/* MY HOME */

#ctl00_PrimaryColumn_Annoucement
{
	margin: 20px 0;
}

/* EDU */

#EduInfoStats
{
	float: right;
}

/* UPDATE PROGRESS */
.updProgress
{
	text-align: center;
	background-color: #EBE7E6;
	filter: alpha(opacity=70);
	opacity: 0.7;
	border: Solid 1px #705B56;
}


#TermsOfUse
{
	overflow: scroll;
	height: 400px;
}

div.RequirementStatusCount
{
	float: left;
	font-weight: bold;
	padding-right: 12px;
	text-align: right;
	width: 15px;
}

.Hidden
{
	display: none;
}

.Visible
{
	display: block;
}

.ThinBorder
{
	border: solid 1px #AAAAAA;
}

.MediumBorder
{
	border: solid 2px #DDDDDD;
}

input.checkbox
{
	margin: 10px;
	padding: 10px;
}

div.GridNavigation
{
	float: right;
	padding-right: 30px;
	margin: 10px 0;
}

div.GridTitle
{
	border-top: solid 1px #BDBDBD;
	clear: both;
	color: #1e5095;
	height: 22px;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	width: 100%;
}

.ModalWindow
{
	display: none;
	height: 500px;
	left: 0px;
	position: absolute;
	width: 100%;
	z-index: 100;
}

.Block
{
	margin: 6px 0;
}


/***********************
		=E_TIMECARD
************************/

table.eTimecard, table#PayPeriodSummary
{
	font-size: 8pt;
}

table.eTimecard th
{
	font-weight: bold;
}

table.eTimecard thead tr.eTimecardTitle th
{
	padding: 0 2px;
	font-size: 10pt;
	text-align: center;
}

table.eTimecard thead tr.eTimecardSubTitle
{
	font-size: 9pt;
	text-align: left;
}

table.eTimecard th, table.eTimecard td
{
	padding: 2px;
}

table.eTimecard tbody td
{
	text-align: center;
}

table.eTimecard .Separator
{
	border-left: dotted 1px #666666;
}
table.eTimecard .Space
{
	padding: 0 4px;
}

.Highlight
{
	background-color: #CCCCCC;
	border: solid 1px #666666;
	display: -moz-inline-block;
	display: inline-block;
	height: 15px;
	margin: 0 1px;
	padding: 2px 0;
	text-align: center;
	vertical-align: top;
	width: 28px;
}

.HighlightDate
{
	background-color: #CCCCCC;
	border: solid 1px #666666;
	padding: 2px;
	text-align: center;
	height: 15px;
	margin: 1px 2px;
}

input[punchtype]
{
	border: 1px solid #66BBBB;
	padding: 2px;
	text-align: center;
	width: 20px;
}

table.eTimecard input[readonly]
{
	background-color: #CCCCCC;
	border: solid 1px #55BBBB;
	padding: 2px 0;
	text-align: center;
}

select.SpecialPayInstruction, select.SpecialPayInstruction + input
{
	font-size: 8pt;
}

.CallBackCol, .OnCallCol
{
	display: none;
}


/*TODO: Put this class in the theme folders*/

table#etcWrapper
{
	border: solid 1px #CCCCCC;
	background-color: white;
}

table#etcWrapper tbody
{
	display: none;
}

table#etcWrapper > tbody > tr > td
{
	padding: 5px 10px 0 10px;
}

div#SpecialPayReasons div
{
	margin: 6px 0;
	display: none;
}

#eTimeCardModalBox
{
	background-color: #444444;
	border: solid 4px #000000;
	color: White;
	font-weight: bold;
	font-size: 22px;
	left: 50%;
	margin-left: -300px;
	padding: 10px;
	position: absolute;
	width: 600px;
	top: 200px;
}

#ctl00_PrimaryColumn_eTimecard1_eTimeCardMessage.MessageInfo
{
	background-color: #FFC473;
	font-size: 13px;
	margin-bottom: 10px;
	width: 60%;
	padding: 10px;
}

ul.ValidationList li
{
	padding: 4px 0;
}

span.ValidationDay
{
	font-weight: bold;
}

.MessageError
{
	background-color: #FF3737;
	padding: 10px;
}


#ctl00_PrimaryColumn_eTimecard1_eTimeCardMessage
{
	background-color: #E9E9EF;
	font-size: 13px;
	margin-bottom: 10px;
	width: 60%;
}

#eTimeCardMessageTitle
{
	background-color: Red;
	color: White;
	font-weight: bold;
	padding: 3px 6px;
}

#ctl00_PrimaryColumn_eTimecard1_eTimeCardMessage ul
{
	padding: 6px;
}

#ctl00_PrimaryColumn_eTimecard1_eTimeCardMessage ul li li
{
	margin-left: 20px;
}

.adp_logo
{
	margin-left: 10px;
	margin-right: 10px;
}

div.Right
{
	float: right;
}


.AddShift, .DeleteShift
{
	cursor: pointer;
}

th.ChargeNurseCol, th.OnCallCol, th.CallBackCol, th.ChargeNurseColDefault, th.OnCallColDefault, th.CallBackColDefault
{
	border-top: solid 1px black;
}

.Invisible
{
	visibility: hidden;
}

td.ChargeNurseCol input
{
	margin: 0 4px;
}

.PrintTimeCardNote
{
	float: right;
}