/* Table of Contents:

	1. Website Styles
	2. Eclipse WI2 Styles
*/


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

		html, body, table, td, tr, div, ul, li, input, textarea, select, option, span, a  {}
		p { width:98%; display:block; padding-bottom:1em; line-height:1.4em;}

 		html, input, select, textarea, em { font: .75em/1.2 arial, verdana, sans-serif;}
		input, select, textarea {font-size:100%;}

		fieldset li{ clear:both;} 
		fieldset {border: none; margin: 0; width: 98%; display: block;}
		fieldset ul { padding: 2em 0em 0em 0em;}
		fieldset label {width: 12em; margin: 0.3em 0.5em 0em 0em; text-align: right; float: left; clear: none; display: block; line-height: 1.2em;}

		legend {display: none;}
		
		
		
		/* generic styles */
		.ewi2_styles_padding {padding-top: 0.5em; padding-bottom: 0.5em;}

/* 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 */
	
		#ewi2_styles_login_details_position {top: 117px; left: 50%; position: absolute;}
		#ewi2_styles_login_details {background:#716f7f; color:#ffffff; text-align:right; height: 1.5em; width: 450px;}
		#ewi2_styles_login_details a {color:#a2afc7;}
		#ewi2_styles_login_details a:hover {text-decoration: underline;}

	/* 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:#f3f3f3;}
		.ewi2_styles_1_coll_ul ul li p {line-height:2.4em;  width: 33em; clear:right; margin: 0em 0.5em 0em 0em; padding-right: 0.5em; text-align: left; float: left;}
		.ewi2_styles_1_coll_ul ul li em {line-height:1.3em; font-size:100%;}
				
		.ewi2_styles_1_coll_ul ul li span {display: block; float: left; clear: right; width: 32em;}
		
		.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;}		
		
		.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:94%; font-weight:bold;}
		.ewi2_styles_timesheet_status_key {padding: 2%; float: left; clear: both; background:#f3f3f3; width:94%;}
		.ewi2_styles_timesheet_status_key ul li {padding-bottom: 0.3em;}
		.ewi2_styles_expenses_ul {line-height: 2em; margin-top:-1.5em;}
		.ewi2_styles_expenses_ul li {padding-left:0.5em;}
		.ewi2_styles_expenses_ul li label {float: left;}
		.ewi2_styles_expenses_ul input {margin-bottom:0em;}
		.ewi2_styles_expenses_ul span {}
		.ewi2_styles_expenses_ul textarea {margin-left: 0.5em;}
		
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear:both; display:block;}
		.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;}
		 
		/*  Text */
		.ewi2_styles_text_ul input { margin-bottom:0em; padding-left:0.5em;}
		.ewi2_styles_text_ul {clear:both; background:#999999; font-size:95%; color:#ffffff; min-height:1.2em; margin: 0.5em 0 0.5em 0; padding:0.5em 0 1em 0; 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:0em;}		
		
		
        /* 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 */
         
         /* expenses */
         
         .ewi2_styles_expenses_ul {padding-bottom:1.8em; padding-top:0.8em}
         
          /* 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:#808080; 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:#808080; color:#ffffff; padding:0.2em;}                             
                
         /* welcome boxes */
        .ewi2_styles_welcome {float: left; width: 98%;}
        .ewi2_styles_welcome div {padding-left:6em; margin:1em;}

		.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:1em;}
        .ewi2_styles_welcome li a:hover {background: #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;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:ACTIVE {display: block; text-decoration: none; background:#ccffcc; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:VISITED {display: block; text-decoration: none; background:#ccffcc; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:HOVER {display: block; text-decoration: none; background:#e0fee0; padding:1em;}
		
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:LINK {display: block; text-decoration: none; background:#ccffcc; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:ACTIVE {display: block; text-decoration: none; background:#ccffcc; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:VISITED {display: block; text-decoration: none; background:#ccffcc; padding:1em;}
		.ewi2_styles_welcome 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: 100%; float:left; clear:both; 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_viewalljobs {background:url("../eclipseimages/viewalljobs.png") no-repeat;}
			.ewi2_styles_welcome_shortlist {background:url("../eclipseimages/shortlist.png") no-repeat;}        
			.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_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/searchcandidates.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;}
        .ewi2_styles_multiselect_search1 {margin:0.4em; background:#dedede;}
		.ewi2_styles_multiselect_none_available { background:#316ac5; padding:0.6em; display: block; color:#fff; width: 24.8em;}
		
        .ewi2_styles_multiselect_search2 {background:#f3f3f3; padding-top: 1em; overflow:auto; width: 26em; height: 9em;}
        .ewi2_styles_multiselect_search2 label {width: 21em; padding-left:2em; text-align:left; margin-top: -0.6em; vertical-align: middle; line-height: 1.2em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -23.3em; text-align:left; margin-top: -0.7em; 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;}

    /* 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;}
        
    /* Login help div label */
        .ewi2_styles_login_help {border: solid 1px #ccc; background: #f3f3f3; width: 20em; padding: 0.4em; margin-left: 12.3em; margin-top:0.5em;}
        
        
    /* CV upload form layout */
        .ewi2_styles_uploadbox {float: left;}
        .ewi2_styles_uploadbox ul {margin: 0em; padding:0em;}
        .ewi2_styles_uploadbox label {margin-left: -1.5em; padding:0em;}
        .ewi2_styles_cvlinks {float: left; margin-top:2em; background: #f3f3f3; border: 1px solid #ccc; padding: 1em; width:98%;}
        
        .ewi2_styles_cvlinks_cv {background:url("../eclipseimages/editcv.gif") no-repeat;float:left;  width:80px; height:80px;}
        .ewi2_styles_cvlinks_text { float:left; margin-left:0px; margin-top:10px;}
        .ewi2_styles_cvlinks ul {line-height: 1.5em; margin: -1em 0 1em 0;}
        
    /* Saved Searches link on search jobs page */
        .ewi2_styles_savedsearch_link {margin-left: 12.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 1em;}
        .ewi2_styles_nojavaorderby {text-align: right; float: right;}
        .ewi2_styles_nojavaorderby label {text-align: right; vertical-align: baseline; margin-top: 0.8em;}
        .ewi2_styles_nojavaorderby input {margin-left: 0.5em; vertical-align: baseline;}
        
    /* Quick Apply CV Upload */
        .ewi2_styles_quickapp_cvupload {float:left; width:25em; padding-top:0em; position:relative;}
        .ewi2_styles_quickapp_cvupload input { margin-top:-3.5em; padding-top:0em;}
        .ewi2_styles_quickapp_cvupload span { padding:0em; margin:0em; width:10px;}
        
    /* 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;}