/* Table of Contents:

	1. Website Styles - styles must be taken out if used in an external stylesheet 
	2. Global Eclipse WI2 Styles
	3. Accesibility Issues & Browser Fixes
	4. Eclipse WI2 Styles specific to certain pages
	5. Navigation - used for standard eclipse wi navigation
	6. UserControls
*/

/* 1. Website Styles - styles must be taken out if used in an external stylesheet 
--------------------------------------------------------------------------------------- */
		
		/* Removed */
		

/* 2. Global Eclipse WI2 Styles
--------------------------------------------------------------------------------------- */		
                          
	/* unordered lists <ul> & <li> */

		/*  Columns */
		
			/*  1 */
			.ewi2_styles_1_coll_ul {float: left; clear: both; width: 100%; margin-top: 1em;}
			.ewi2_styles_1_coll_ul ul {margin: 0; padding: 0; float: left; line-height: 2.4em; width: 100%;}
			.ewi2_styles_1_coll_ul ul li {float: left; clear: left; border-bottom: 1px solid #fff; border-top: 1px solid #fff; width: 100%;}
			.ewi2_styles_1_coll_ul ul li div {width: 19%; text-align: right; float: left; background: #ccc; color: Black; padding-right: 1%; border-right: solid 2px red;}		
			.ewi2_styles_1_coll_ul ul li span {float: left; display: block; clear: right; width: 78%; padding-left: 1%;}		
			/*  2 */
			.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: #f3f3f3;}		
			.ewi2_styles_2_coll_ul ul li span {display: block; display: table; display: inline-block; clear: right;}		
							 		        
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear: both; float: left; width: 100%;}
		.ewi2_styles_1_coll_buttons_ul ul {width: 99%; margin-bottom: 0em; margin-top: 0.5em;}
		.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;}
		                 
	/* multi select positioning */
	    /* checkboxlist flow: <span><label></label><input /><br> ... </span> */
		.ewi2_styles_multiselect_search {border: 1px solid #cccccc; margin-bottom: 0.5em; float: left; display: block;}
        .ewi2_styles_multiselect_search1 {margin: 0.4em; background: #ffffff; width: 33em;}
        .ewi2_styles_multiselect_none_available {background: #316ac5; padding: 0.6em; display: block; color: #fff;}
		
        .ewi2_styles_multiselect_search2 {background: #f3f3f3; padding-top: 0.4em; overflow: auto; width: 33em; height: 9em;}        
        .ewi2_styles_multiselect_search2 label {width: 340px; padding-left: 30px; text-align: left; vertical-align: middle; line-height: 1.2em; padding-top: 1px;}
        .ewi2_styles_multiselect_search2 input {margin-left: -380px; text-align: left; }
        .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;}
                
    /* Calendar control containing div */
        .ewi2_styles_jscalendar_container {margin-bottom: 1em; padding-bottom: 1em;}
        .ewi2_styles_jscalendar_highlight_li {background: #e5e5e5; padding-top: 0.5em;}
        
    /* Search results page num text */
        .ewi2_styles_numofpages {text-align: center; padding: 1em;}
        
    /* Search results number of results per page */
        .ewi2_styles_numresults_ingridview {color:#fff; background: #999999; text-align: right; width: 98%; padding: 1%;}
        .ewi2_styles_numresults_ingridview label {}
        .ewi2_styles_numresults_ingridview select {margin: 0em; padding: 0em;}
        .ewi2_styles_numresults_ingridview input {margin: 0 0 0 0.5em; padding: 0;}
                
    /* Search results Disabled Javascript Buttons */
        .ewi2_styles_nojavabuttons {text-align: center; clear: both; color: #fff; background: #999999; width: 99%; padding: 0.5%;}
        .ewi2_styles_nojavabuttons label {}        
        .ewi2_styles_nojavabuttons select {margin: 0em; padding: 0em; width: 5em;}  
        .ewi2_styles_nojavabuttons input {margin: 0em; padding: 0em;}  
        
        .ewi2_styles_nojavaorderby {color:#fff; background: #999999; padding: 1%; text-align: right; width: 98%;}
        .ewi2_styles_nojavaorderby select {margin: 0em; padding: 0em;}
        .ewi2_styles_nojavaorderby input {margin: 0em; padding: 0em;}    
                
/* 3. Accesibility Issues & Browser Fixes 
--------------------------------------------------------------------------------------- */        
        
        /* 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;} 
        
        /* fix top of page problem */	
		.ewi2_styles_top_of_page {float: left;}
		
		/* 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%; top: 0; margin:100px 0 0 -200px; height: 200px; width: 400px; z-index: 16;}
		#ewi2_styles_loggedout_window_inner h1 {border: none; color: Black; margin: 1em 0 1em 0.5em; border-bottom: solid 1px gray; width: 95%;}
		#ewi2_styles_loggedout_window_inner p {margin: 1em;}
                        
/* 4. Eclipse WI2 Styles specific to certain pages
--------------------------------------------------------------------------------------- */	

    /* welcome & timesheets screen */
         
         /* welcome boxes */
        .ewi2_styles_welcome {float: left; width: 100%;}
        .ewi2_styles_welcome ul li div {padding: 1em 1em 1em 6em;}

		.ewi2_styles_welcome ul li {border: 1px solid #ccc; margin-top: 1em; background-position: 1em 1em; color: #333333;}       
        .ewi2_styles_welcome ul li a {display: block; text-decoration: none; background: #e5e5e5; padding: 1em; color: #333333; border-left: solid 2px #e5e5e5;}
        .ewi2_styles_welcome ul li a:hover {background: #999999; color: White; border-left: solid 2px #999999;}
        .ewi2_styles_welcome ul li a:focus {background: #999999; color: White; border-left: solid 2px red;}
        .ewi2_styles_welcome ul li a:active {background: #999999; color: White; border-left: solid 2px red;}
        .ewi2_styles_welcome ul li a em {display: block; font-size: 90%;}  
        
		.ewi2_styles_welcome ul li a.ewi2_styles_action_required:LINK {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_action_required:ACTIVE {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_action_required:VISITED {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_action_required:HOVER {display: block; text-decoration: none; background: #e0fee0; padding: 1em;}
		
		.ewi2_styles_welcome ul li a.ewi2_styles_final_approval:LINK {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_final_approval:ACTIVE {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_final_approval:VISITED {display: block; text-decoration: none; background: #ccffcc; padding: 1em;}
		.ewi2_styles_welcome ul li a.ewi2_styles_final_approval:HOVER {display: block; text-decoration: none; background: #e0fee0; padding: 1em;}
        
        .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_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;}
		

    /* Timesheets Section */

		/*  NOT CURRENTLY IN USE Timesheets this is for the timesheets  section in between submissions. */
			#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;}

		/*  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 {clear: both; background: #e5e5e5; width: 96%; padding: 1%; margin-top: 1em;}
			.ewi2_styles_timesheet_status_key {clear: both; background: #f3f3f3; width: 96%; padding: 1%; margin-bottom: 1em;}
			.ewi2_styles_timesheet_status_key ul li {padding-bottom: 0.3em;}
			
			.ewi2_styles_expenses_ul {background: #999999; color: #ffffff; width: 98%; padding: 1%;}
			.ewi2_styles_expenses_ul li {margin-bottom: 0.5em;}
			.ewi2_styles_expenses_ul input {padding: 0; margin: 0;}
			.ewi2_styles_expenses_ul label {float: left; clear: both; margin-right: 0.5em;}
			.ewi2_styles_expenses_description {}
			
			.ewi2_styles_tsh_reject_ul {margin-top: 0.5em;}
			.ewi2_styles_tsh_reject_ul label {display: block; clear: both; margin: 0.5em 0 0.5em 0;}

		/* Timesheets Overtime Rates  */
			.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;  padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;}		
			.ewi2_styles_text_ul li {float: left; padding-left: 0.5em;}
			.ewi2_styles_text_ul div {padding-left: 0.5em; color: #ffffff; margin-top: -0.2em;}
			
    /* CV upload form layout */
        .ewi2_styles_uploadbox {float: left; width: 100%; display: block; clear: both; margin-bottom: 1em;}
        .ewi2_styles_cvlinks {background: #e5e5e5; clear: both; width: 96%; margin: 0 1% 0 1%; padding: 1%; line-height: 1.5em; height: 4em;}
        .ewi2_styles_cvlinks ul {float: left;}
        .ewi2_styles_cvlinks ul li {float: left; clear: both;}
        
	/* Reg details CV Upload */
		.ewi2_styles_regdetails_cvupload {padding: 0;}
		.ewi2_styles_regdetails_cvupload li ul {padding: 0;}
    
    /* Quick Apply CV Upload */
        #ewi2_styles_quickapp_cvupload {float: left; background:#e5e5e5; width:100%;}
        
    /* edit/manage password page */		
	    #ewi2_styles_forgotpassword {float: left; margin-bottom: 2em; clear: both; width: 100%;}
	    #ewi2_styles_changepassword {}

    /* Saved Searches link on search jobs page */
        .ewi2_styles_savedsearch_link {margin-left: 16em;}
          
     /* Clients Candidates Search */
     .ewi2_styles_candidate_description {clear: both; width: 100%; padding: 0.5em 0em;}

    /* Login help div label */
        .ewi2_styles_login_help {border: solid 1px #ccc; background: #e5e5e5; width: 24em; margin: 1em 0 1em 16em; padding: 0.4em; color: #333;}
                  
	/* Candidate Vacancies */
		.ewi2_styles_vacancy_description {padding: 1em 0 1em 0; float: left; position: relative; width:98%;}
		.ewi2_styles_vacancy_description p {margin-top: 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: '';}
        /* Jobs list on sitemap */
        #ewi2_styles_sitemap ul {list-style: disc inside;}
        #ewi2_styles_sitemap ul li div.ewi2_skin_gridview_hotjobs {display: inline;}
        #ewi2_styles_sitemap ul li h2 {display: inline; padding: 0; margin: 0;}
        #ewi2_styles_sitemap ul li div.ewi2_skin_gridview_hotjobs_divide {display: none;}
                        
/* 5.  Navigation - used for standard eclipse wi navigation
--------------------------------------------------------------------------------------- */

				
/* 6.  UserControls
--------------------------------------------------------------------------------------- */
    
    /* Logged in as Label */
        #ewi2_styles_login_details {text-align: right; display: inline;}
	    #ewi2_styles_login_details a {color: #ffffff;}
	    #ewi2_styles_login_details a:hover {background: red;}	  
	    
	/* Job Search Control */
		#ewi2_styles_jobsearch {width: 740px; float:right; margin-top:20px;}
		#ewi2_styles_jobsearch fieldset {padding: 0; border: none;}
		#ewi2_styles_jobsearch fieldset legend {display: none;}
		#ewi2_styles_jobsearch ul li {display: inline; clear: none; width: auto;}
		#ewi2_styles_jobsearch ul li input {margin-left: 0.5em;}
		#ewi2_styles_jobsearch ul li input:hover {background: #666;}
		#ewi2_styles_jobsearch ul li input:active {background: #666;}
		#ewi2_styles_jobsearch ul li input:focus {background: #666;}
		#ewi2_styles_jobsearch ul li label {width: auto; text-align: left; padding-right: 0px; float: left;}
        
    /* Job Links */  
		#ewi2_styles_joblinks_industries, #ewi2_styles_joblinks_locations {overflow: hidden; }
        #ewi2_styles_joblinks_industries li, #ewi2_styles_joblinks_locations li {display: inline;}
                
    /* Candidate Login form */
		#ewi2_styles_candidate_loginform {}
		#ewi2_styles_candidate_loginform fieldset {width: 15em; border: none;}
		#ewi2_styles_candidate_loginform fieldset legend {display: none;}
		#ewi2_styles_candidate_loginform fieldset ul {margin: 0; padding: 0; float: left;}
		#ewi2_styles_candidate_loginform fieldset ul li {clear: both; line-height: 1.3em;}
		#ewi2_styles_candidate_loginform fieldset ul li label {width: 5em;}
		#ewi2_styles_candidate_loginform_loginbutton {float: left; clear: both;}
		#ewi2_styles_candidate_loginform_regbutton {float: left; clear: both;}
		#ewi2_styles_candidate_loginform_reglink {float: left; clear: both;}
		
		
	/* Client Login form */
		#ewi2_styles_client_loginform {}
		#ewi2_styles_client_loginform fieldset {width: 15em; border: none;}
		#ewi2_styles_client_loginform fieldset legend {display: none;}
		#ewi2_styles_client_loginform fieldset ul {margin: 0; padding: 0; float: left;}
		#ewi2_styles_client_loginform fieldset ul li {clear: both; line-height: 1.3em;}
		#ewi2_styles_client_loginform fieldset ul li label {width: 5em;}
		#ewi2_styles_client_loginform_loginbutton {float: left; clear: both;}
		#ewi2_styles_client_loginform_regbutton {float: left; clear: both;}
		#ewi2_styles_client_loginform_reglink {float: left; clear: both;}