/* Table of Contents:

	1. Website Styles
	2. Eclipse WI2 Styles
	3. Navigation
*/


/* 1. Website Styles
--------------------------------------------------------------------------------------- */

		body {font-family: "Trebuchet MS"; font-size: 0.75em; color: #747376; line-height: 1.3em; margin: 0; text-align: center;}
	    h1 {font-size: 1.5em; color: #747376; padding-bottom: 0.4em; border-bottom: solid 1px #154C72; width: 100%; margin: 0.2em 0 0.5em 0; font-weight: bold;}
	    h3 {color: #747376; font-size: 1.2em; margin-bottom: 1em; font-weight: bold; width: 98%; background: #f1f1f1; padding: 1%; font-style: italic;}
	    p {text-align: left; font-weight: bold; margin-bottom: 1.5em;}
	    ul {list-style: none;}
	    address {font-size: 0.9em; font-style: normal;} 
	    strong {font-weight: bold; color: #154C72;}
	    blockquote {padding: 0 1em 1em 1em; font-style: italic;}
    	
	    a:link {color: #000000; text-decoration: none;}
	    a:visited {color: #000000; text-decoration: none;}
	    a:hover {color: #000000; text-decoration: underline;}
	    a:active {color: #000000; text-decoration: none;}
    	
	    input, select {border: solid 1px black; font-size: 100%; font-family: "Trebuchet MS"; background: white;}
	    fieldset {background: #f1f1f1; margin: 1em 0 1em 0; padding-bottom: 1em; border-top: solid 1px #a4a3a8; border-bottom: solid 1px #a4a3a8;}
	    legend {display: none;}
	    fieldset ul {padding: 2em 0em 1em 0em;}
	    fieldset ul li {clear: both;}
	    fieldset ul li label {width: 11em; margin: 0.3em 1em 0em 0em; text-align: right; float: left; clear: none; display: block;}
		
		/* IE6 png fix */
		/* img, div {behavior: url("../_CSS/iepngfix.htc");} */

/* 2. Eclipse WI2 Styles
--------------------------------------------------------------------------------------- */		
             
    /* prompt */   
		 /* reset */
		#shaded_prompt input, label, div, checkbox{ margin:0em; padding:0em;}
		
		#shaded_prompt { display:table; width:25em;}
		#shaded_prompt .ewi2_skin_button {margin-right:10px; margin:0px;}
		
		#shaded_background_wrapper {position:absolute; top:0px; left:0px; bottom:0; width:100%; margin:auto; z-index:10; height:100%;}            		       
		#shaded_background {Z-INDEX: -10; WIDTH: 100%; margin:0em; POSITION:fixed; top:0; left:0; HEIGHT: 100%;}
        
		#background_form_wrapper {Z-INDEX: 10; POSITION:fixed;}
		#backgroundform {z-index:15; background:#fff; border-top:solid #000 3px; border-bottom:solid #000 3px; width:25em;  padding:3em; margin-left:20%; margin-top:-8%;}                
		
		#shaded_prompt .ewi2_skin_success_label {background: 25% 25%; padding-left:40px; padding-top:17px;}
		#shaded_prompt_ie6 {display:none;}
			 
    /* login details & login form */
	
		#ewi2_styles_login_details {background: url(../sharedimages/strapline_bg.png); color: #ffffff; text-align: right; float: right; position: relative; padding: 0.5em; margin: -25em 1.2em 0 0;}
		#ewi2_styles_login_details a {color:#ffffff;}
		#ewi2_styles_login_details a:hover {color: #ffffff;}
		
		#ewi2_styles_loginform {width: 15em; border: solid 1px black;}
		#ewi2_styles_loginform fieldset ul {margin: 0 0 0 0.5em; padding:0; float:left;}
		#ewi2_styles_loginform fieldset ul li {clear: both;}
		#ewi2_styles_loginform fieldset ul li label {width: 5em;}
		#ewi2_styles_loginform fieldset ul li input {float: left; clear: both;}

	/* unordered lists <ul> & <li> */

		/*  Columns */
		.ewi2_styles_1_coll_ul { margin-bottom:1em;}
		.ewi2_styles_1_coll_ul ul { margin:0; padding:0; float:left;}
		.ewi2_styles_1_coll_ul ul {line-height:2.4em; width:99%; float:left; margin:0em;}
		.ewi2_styles_1_coll_ul li {clear:left; border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
		.ewi2_styles_1_coll_ul ul li div {line-height:2.4em; width: 11em; margin: 0em 0.5em 0em 0em; padding-right: 0.5em; text-align: right; float: left; background:#f1f1f1; font-weight: bold;}
		
		.ewi2_styles_1_coll_ul ul li span { display:block; display:table; display:inline-block; clear:right;}
		
		.ewi2_styles_2_coll_ul ul { margin:0; padding:0em; float:left;}
		.ewi2_styles_2_coll_ul ul {line-height:2.4em; width:49%; float:left;}
		.ewi2_styles_2_coll_ul ul li {clear: left; border-bottom: 1px solid #fff;}
		.ewi2_styles_2_coll_ul ul li div { height:100%; display:block; clear:left; line-height:2.4em; width: 11em; margin: 0em 0.5em 0em 0em; padding-right: 0.5em; text-align: right; float: left; background:#f1f1f1; font-weight: bold;}
		
		.ewi2_styles_2_coll_ul ul li span { display:block; display:table; display:inline-block; clear:right;}		
		
		.ewi2_styles_3_coll_ul {width:30%; float:left; margin-right:0.5em; margin-left:1em; clear:right;}
		.ewi2_styles_3_coll_ul label {text-align:left; margin-left:0em;}
		
		.ewi2_styles_vacancy_description {padding: 1em 0 1em 0; float: left; position: relative;}
		.ewi2_styles_vacancy_description p {margin-top: 1em;}
		 
		/*  Timesheet columns */
		.ewi2_styles_timesheet_coll_ul {}
		.ewi2_styles_timesheet_coll_ul ul {line-height:2.4em; width:49%; float:left;}
		.ewi2_styles_timesheet_coll_ul ul li label {line-height:2.4em; width: 11em; margin-right: 0.5em; text-align: right !important;  float: left; background:#f3f3f3; padding:0;}
		.ewi2_styles_timesheet_coll_ul ul li span {float:left; line-height:2.4em;}
		
		.ewi2_styles_timesheet_status_key_title {padding: 2%; float: left; clear: both; background:#e5e5e5; width:96%;}
		.ewi2_styles_timesheet_status_key {padding: 2%; float: left; clear: both; background:#f3f3f3; width:96%;}
		.ewi2_styles_timesheet_status_key ul li {padding-bottom: 0.3em;}
		.ewi2_styles_expenses_ul {line-height: 2em;}
		.ewi2_styles_expenses_ul li span {float: left; margin-right: 0.5em;}
		
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear:both; padding: 1em 0 0 0;}
		.ewi2_styles_1_coll_buttons_ul ul {line-height:2.4em; width:99%; float:left; margin-bottom:0.1em;}
		.ewi2_styles_1_coll_buttons_ul li {float:left;}
		.ewi2_styles_1_coll_buttons_ul ul li div {line-height:2.4em; width: 11em; margin-right: 0.5em; text-align: right; float: left; background:#f3f3f3; padding-right: 0.5em;}
		 /*
		 .ewi2_styles_1_coll_buttons_ul input { background:red; color:#fff; float:right;}
		  Text */
		.ewi2_styles_text_ul input { margin-bottom:0em; padding-left:0.5em;}
		.ewi2_styles_text_ul {clear:both; background:#999999; color:#ffffff; height:1.2em; margin: 0.5em 0 0.2em 0; padding: 0.5em 0 0.5em 0; width: 100%;}		
		.ewi2_styles_text_ul li {float:left; padding-left:0.5em;}
		.ewi2_styles_text_ul li strong {color: White;}
		.ewi2_styles_text_ul div {padding-left:0.5em; color:#ffffff; margin-top:-0.2em;}
		
        /* image icons, preceeeding text */
        .ewi2_styles_icons_ul  {float: left; width: 100%;}
        .ewi2_styles_icons_ul ul {float: left; width: 98%}
        
        .ewi2_styles_icons_ul li {float: left; width: 100%;  border: 1px #ccc solid; background:#f3f3f3; margin-bottom:1em;}
        .ewi2_styles_icons_col_1 {float: left; width:3%; padding:2%;}
        .ewi2_styles_icons_col_2 {float: left; width:86%; padding:2%;}
        
        
        /* javascript error */
        .ewi2_styles_javascript_message ul { padding: 10px 0px;} 
        .ewi2_styles_javascript_message li { padding-left:15px; line-height:18px;}
                
        
    /* 48% div */    
    
        .ewi2_styles_2_coll_div {float: left; width: 48%;}
        
    /* welcome & timesheets screen */
         
          /* welcome headers */
        .ewi2_styles_welcome_header {float: left; width: 98%;}
        .ewi2_styles_welcome_header ul {width: 50%; float:left; clear:right; line-height:1.5em;}
        .ewi2_styles_welcome_header li {border: 1px solid #fff; background:#a4a3a8; color:#ffffff; padding:0.2em;}               
                                             
        .ewi2_styles_welcome_header_fullwidth {float: left; width: 98%;}
        .ewi2_styles_welcome_header_fullwidth ul {width: 100%; clear:right; float:left; line-height:1.5em;}
        .ewi2_styles_welcome_header_fullwidth li {border: 1px solid #fff; background:#a4a3a8; color:#ffffff; padding:0.2em;}                             
                
         /* welcome boxes */
        .ewi2_styles_welcome {float: left; width: 98%;}
        .ewi2_styles_welcome div {padding:2em 2em 2em 7em;}

		.ewi2_styles_welcome li {border: 1px solid #e5e5e5; margin: 1em 0.2em; background-position:1em 1em; color: gray;}       
        .ewi2_styles_welcome li a {display: block; text-decoration: none; background:#f3f3f3; padding:0em; border: solid 1em #f3f3f3; margin: -1em;}
        .ewi2_styles_welcome li a:hover {background: #e7e7e7; border: solid 1em #e7e7e7;}
        .ewi2_styles_welcome li a em {display: block; font-size:90%;}
        
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:LINK {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:ACTIVE {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:VISITED {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:HOVER {display: block; text-decoration: none; background:#e0fee0; padding:1em; border: none;}
		
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:LINK {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:ACTIVE {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:VISITED {display: block; text-decoration: none; background:#ccffcc; padding:1em; border: none;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:HOVER {display: block; text-decoration: none; background:#e0fee0; padding:1em; border: none;}
        
        .ewi2_styles_welcome_title {font-size:1.2em; font-weight:bold; text-decoration: underline; display: block;}
        .ewi2_styles_welcome ul {list-style-type: none; width: 50%; float:left; clear:right; line-height:1.5em;}
        .ewi2_styles_welcome ul.fullwidth {width: 100%;}
                       
        /* welcome images */
        /*Note: quote urls like url("../eclipseimages/jobsearch.gif"), not like url("/eclipseimages/jobsearch.gif")*/
        /* Safer for virtual directories */
			/* candidate */ 
			.ewi2_styles_welcome_jobsearch {background:url("../eclipseimages/jobsearch.png") no-repeat;}
			.ewi2_styles_welcome_savedsearch {background:url("../eclipseimages/savedsearch.png") no-repeat;}
			.ewi2_styles_welcome_viewalljobs {background:url("../eclipseimages/viewalljobs.png") no-repeat;}
			.ewi2_styles_welcome_shortlist {background:url("../eclipseimages/shortlist.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_editprofile {background:url("../eclipseimages/editdetails.gif") no-repeat; min-height: 6em;}        
			.ewi2_styles_welcome_editdetails {background:url("../eclipseimages/editdetails.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_editcv {background:url("../eclipseimages/editcv.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_editskills {background:url("../eclipseimages/editskills.png") no-repeat; min-height: 6em;}     
			.ewi2_styles_welcome_editpassword {background:url("../eclipseimages/password.png") no-repeat; min-height: 6em;}     
			.ewi2_styles_welcome_locations {background:url("../eclipseimages/locations.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_employmenthistory {background:url("../eclipseimages/employmenthistory.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_viewtimesheets {background:url("../eclipseimages/viewtimesheets.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_searchtimesheets {background:url("../eclipseimages/searchtimesheets.png") no-repeat;}        
        
			/* client */
			.ewi2_styles_welcome_cli_action {background:url("../eclipseimages/timeactionsrequired.png") no-repeat;}
			.ewi2_styles_welcome_cli_final {background:url("../eclipseimages/timefinal.png") no-repeat;}
			.ewi2_styles_welcome_cli_timesheets {background:url("../eclipseimages/timemain.png") no-repeat;}
			.ewi2_styles_welcome_cli_search_timesheets {background:url("../eclipseimages/searchtimesheets.png") no-repeat;}
			
			.ewi2_styles_welcome_cli_companydetails {background:url("../eclipseimages/editcompany.png") no-repeat;}
			.ewi2_styles_welcome_cli_editjobs {background:url("../eclipseimages/editjobs.png") no-repeat;}
			.ewi2_styles_welcome_cli_searchcandidates {background:url("../eclipseimages/searchcandidate.png") no-repeat;}
			.ewi2_styles_welcome_cli_password {background:url("../eclipseimages/password.png") no-repeat;}
			
			/* agency */
			.ewi2_styles_welcome_agency_action {background:url("../eclipseimages/timeactionsrequired.png") no-repeat;}
			.ewi2_styles_welcome_agency_final {background:url("../eclipseimages/timefinal.png") no-repeat;}
			.ewi2_styles_welcome_agency_search_timesheets {background:url("../eclipseimages/searchtimesheets.png") no-repeat;}
			
			
        
	/* multi select position fix */
	
	    /* checkboxlist flow: <span><label></label><input /><br> ... </span> */
		.ewi2_styles_multiselect_search {border: 1px solid #cccccc; margin-bottom: 0.5em; float: left; display: block; width: 34em;}
        .ewi2_styles_multiselect_search1 {margin:0.4em; background:#ffffff;}
        .ewi2_styles_multiselect_none_available {padding:0.6em; display: block;}
        
        .ewi2_styles_multiselect_search2 {background:#fff; padding-top: 1em; overflow:auto; width: 33em; height: 9em;}
        .ewi2_styles_multiselect_search2 label {width: 26em; padding-left:3em; text-align:left; margin-top: -0.3em; vertical-align: middle; line-height: 1.3em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -29em; text-align:left; margin-top: -0.3em; vertical-align: text-top; border: none; background:#fff;}
        .ewi2_styles_multiselect_numberselected {margin-top: 0.3em; width: auto; float: left; padding-left: 0.3em;}
        .ewi2_styles_multiselect_selectall {margin-top: 0.3em; text-align: right; padding-right: 0.3em;}
        
        
    /* Calendar control containing div */
        .ewi2_styles_jscalendar_container {margin-bottom: 1em; padding-bottom:1em;}
        .ewi2_styles_jscalendar_highlight_li {background: #ccc; padding-top:0.5em;}
        
        
    /* Login help div label */
        .ewi2_styles_login_help {border: solid 1px #ccc; background: #f3f3f3; width: 25em; margin-top:1em; margin-bottom:1em; padding: 0.4em; margin-left: 11em;}
        .ewi2_styles_terms_help {border: solid 1px #ccc; background: #f3f3f3; padding: 0.4em; margin: 1em 0 1em 0;}
        
    /* CV upload form layout */
        .ewi2_styles_uploadbox {padding: 1em; padding: 0px; padding-bottom: 1em;}
        .ewi2_styles_uploadbox ul {margin: 0.5em 0.5em 0 0.5em; padding: 0;}
        .ewi2_styles_uploadbox ul li {margin: 0; padding: 0;}
        .ewi2_styles_cvlinks {padding: 0.5em 0.5em 0.5em 8em; width: 65%; margin: 5%; background: #e5e5e5 url("../../eclipseimages/editcv.png") no-repeat 1em 1em; }
        .ewi2_styles_cvlinks ul {line-height: 1.5em; margin: 0;}
        
        
    /* Saved Searches link on search jobs page */
        .ewi2_styles_savedsearch_link {margin-left: 11.5em;}
        
        
    /* Search results page num text */
        .ewi2_styles_numofpages {text-align: center; padding: 1em;}
        
        
    /* Search results Disabled Javascript Buttons */
        .ewi2_styles_nojavabuttons {text-align: center; padding: 1em;}
        .ewi2_styles_nojavabuttons label {text-align: center; margin-left: 1em;}
        .ewi2_styles_nojavabuttons select {width:11.5em; margin: 0em 0.5em 0.1em 0em;}
        .ewi2_styles_nojavaorderby {text-align: right; float: right;}
        .ewi2_styles_nojavaorderby label {text-align: right; float: left; margin: 0.5em 0.5em;}
        .ewi2_styles_nojavaorderby input {margin-left: 0.5em;}
        
        
    /* Quick Apply CV Upload */
        .ewi2_styles_quickapp_cvupload {float: left;}
        
        
    /* Job Search Control */
        #ewi2_styles_jobsearch {}
        /* minus values are used to cancel out global fieldset margin/padding properties */
        #ewi2_styles_jobsearch fieldset {margin: -2em 0 -2em 0; padding: 0 0 -1em 0; background: transparent; border: none;}
        #ewi2_styles_jobsearch fieldset ul {}
        #ewi2_styles_jobsearch fieldset ul li {padding: -2em 0em -1em 0em;}
        #ewi2_styles_jobsearch fieldset ul li.ewi2_styles_jobsearch_submit {float: right; display: block; padding-right: 1.5em;}
        
        
    /* Accesibility Issues */
        /* hidden "skip to content" link for screen readers */
        .ewi2_styles_skiptocontent {position: absolute; left: -100em; z-index: 10;}
        .ewi2_styles_skiptocontent:focus {left: 0em; top: 0em; background: red; padding: 0.8em; color: White;}
        .ewi2_styles_contentanchor {position: absolute; left: -100em;}
        
        /* hidden text */
        .ewi2_styles_hiddentext {position: absolute; left: -100em; top: -100em;}
        
        /* Logout window message */
		#ewi2_styles_loggedout_window {z-index: 15; float: left; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5;}
		#ewi2_styles_loggedout_window_inner {border: solid 2px black; background: white; float: left; position: absolute; left: 50%; margin:50px 0 0 -200px; height: 200px; width: 400px; z-index: 16;}
		#ewi2_styles_loggedout_window_inner h1 {margin: 1em 0 1em 0.5em; width: 95%;}
		#ewi2_styles_loggedout_window_inner p {margin: 1em;}
        
        
    /* Sitemap list
        HTML flow: <div><ul><li><a></a></li><li> ... </li></ul></div> (lists are embedded and surrounded by an additional ASP-NET div) */
        #ewi2_styles_sitemap div ul {list-style: disc inside;}
        #ewi2_styles_sitemap ul {margin: 0 0 0.5em 1.2em;}
        #ewi2_styles_sitemap li {margin: 0.2em 0 0.2em 0; padding: 0.1em;}
        #ewi2_styles_sitemap li:before {content: '';}
        
    /* edit/manage password page */		
	    #ewi2_styles_forgotpassword {}
	    #ewi2_styles_changepassword {margin-top: 4em;}
	    
	    
	/* terms and conditions div */
		#ewi2_styles_termsofuse {display: block; margin-bottom: 1em;}
		#ewi2_styles_termsofuse input {margin-bottom: 0em;}
                
/* 3.  Navigation
--------------------------------------------------------------------------------------- */

	/* Main Navigation */
	
		#ewi2_styles_maintabs {float:left; width:100%; background:#e5e5e5; line-height:normal; border-bottom:1px solid #cccccc;}
		#ewi2_styles_maintabs ul {margin:0; padding:10px 10px 0 20%; list-style:none;}
		#ewi2_styles_maintabs li {display:inline; margin:0; padding:0;}
		#ewi2_styles_maintabs a {float:left; background:url("../eclipseimages/tableftD.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}

		#ewi2_styles_maintabs a span {float:left; display:block; background:url("../eclipseimages/tabrightD.gif") no-repeat right top;padding:5px 15px 4px 6px;}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#ewi2_styles_maintabs a span {float:none;}
		/* End IE5-Mac hack */
		#ewi2_styles_maintabs a:hover span {color:#47ad3d;}#tabsD a:hover {background-position:0% -42px;}
		#ewi2_styles_maintabs a:hover span {background-position:100% -42px;}  
		      
	/* Secondary Navigation */
	
		.ewi2_styles_secondarymenu { position:relative; margin-top:20px;}
		.ewi2_styles_secondarymenu ul {list-style-type: none; width: 90%;} 
		.ewi2_styles_secondarymenu li {border: 1px solid #e5e5e5; background:#f3f3f3; text-align:right; border-width: 1px 0; margin: 5px 0;}
		.ewi2_styles_secondarymenu li a { display: block; padding: 5px; text-decoration: none;}
		.ewi2_styles_secondarymenu li a:hover { display: block; background:#e7e7e7; padding: 5px;text-decoration: none;}
		.ewi2_styles_secondarymenu_selected {}