/* 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: #5b5b5b; color: Black; padding-right: 1%; color: #FFF; }
		
			.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: right; margin-right: 10px; }

		.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; overflow-x: hidden; }
        
        .ewi2_styles_multiselect_search2 label { width: 340px; padding-left: 30px; text-align: left; vertical-align: middle; line-height: 1.2em; }

        .ewi2_styles_multiselect_search2 input { margin-left: -380px; text-align: left; vertical-align: text-top; }

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

        .ewi2_styles_multiselect_search .ewi2_skin_checkbox { display: block; clear: both; padding-bottom: 4px; }
  
        .ewi2_styles_multiselect_search .ewi2_skin_checkbox label { padding-top: 3px; float: left; }
  
        .ewi2_styles_multiselect_search br { display: none; }
  
    /* 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: #666; }

	    #ewi2_styles_login_details a:hover { color: #000; }
	  
	    
	/* Job Search Control */
		#ewi2_styles_jobsearch { width: 480px; float: left; }

		#ewi2_styles_jobsearch fieldset { padding: 0; border: none; float: left; width: 480px; }

		#ewi2_styles_jobsearch fieldset legend { display: none; }

		#ewi2_styles_jobsearch ul{ display: inline; clear: none; width: 500px; }

		#ewi2_styles_jobsearch ul li { display: inline; clear: none; width: 170px; }

		#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: 150px; text-align: left; padding-right: 0px; float: left; }

		#ewi2_styles_jobsearch .ewi2_styles_jobsearch_submit{ width: 100px; margin-top: 18px; }

        
    /* 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; }
		
		/* Job seekers new custom page */
		#job-seekers-custom-page {padding:0; margin: 0; width: 100%; overflow: hidden; clear: both;}
		#job-seekers-custom-page h1 { font-size: 1.2em; font-weight: bold; padding: 0; margin: 0;}
		#job-seekers-custom-page p {margin:0; padding:0;}
		#job-seekers-custom-page .info-panel { overflow:hidden; border: 1px solid #C0C8CB; padding:25px 10px 10px 20px; margin: 10px 0 0 0;}
		#job-seekers-custom-page .info-panel ul {padding: 0; margin:20px 0 0 10px;}
		#job-seekers-custom-page .info-panel ul h5 {padding: 0; margin:0; font-weight: bold;		}
		#job-seekers-custom-page .info-panel ul img {padding: 0 0 0 15px; margin:0;}
		#job-seekers-custom-page .info-panel ul p { margin:0; font-size: .9em;}
		#job-seekers-custom-page .info-panel ul li { float:left; padding: 0 10px 0 0; margin:0; list-style: none; width: 110px;	}
		#job-seekers-custom-page .info-panel ul li.shortlisting {width: 155px; padding: 0 10px 0 5px;	}
		#job-seekers-custom-page .info-panel .btn-register { margin: 15px 15px 15px 0; float: right; clear:both;	}
		/* Back button */
		.back-button {float:right;background-color:#626262;width:90px;clear:both;color:#fff;border:0;}
		.back-button.bottom-margin {margin:0 0 10px;}
		.spacer{ position: relative; margin: 0; padding: 0; clear: both; width: auto; font-size: 1px; line-height: 1px; height: 1px; }
		.back-link a {color:#4D7486;float:right;clear:both;}
		.back-link a:hover { text-decoration: none !important;}