/*
	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;
        }

        #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-image: url(/Images/Gray_Stats_box_bg.gif)  repeat-x;
    }

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 lef;
      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;
    }

ul.disc li {
	list-style-position:inside;
	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;
    }
    
    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;
}