/* Table of Contents:

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

		/* IE6 png fix */
		img, div { behavior: url("../../../../../../../_CSS/iepngfix.htc") }  

/* 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;}
 		em {font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;}
		input, select, textarea {font-size:100%;}
		select:focus {background-color: #000; color:#fff;}
		input:focus {background-color: #000; color:#fff;}
		textarea:focus {background-color: #dcdcdc;}
		                       
/*
		a:link { color: gray; } 
		a:visited { color: gray; } 
		a:hover { color: green; } 
		a:active { color: gray; }
*/
		fieldset {background:#232323;}
		fieldset li{ clear:both;} 
		fieldset {border: none; margin: 0; width: 100%; display: block;}
		fieldset ul { padding: 2em 0em 0em 0em; background:#232323;}
		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 {text-transform: uppercase; font-size: 0.8em; color: #666; background:#fff; margin-left:2em; padding:0em 0.2em 0em 0.2em; display: none;}
		  

/* 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 { background:#333333; color:#ffffff; text-align:right; float:right; position:absolute; padding:0.5em; top:0.2em; right:0.2em;}

	/* 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 #333333; border-top: 1px solid #333333;}
		.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:#232323;}
		.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; 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:#232323;}
		
		.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;}
		 
		/*  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:#232323; padding:0;}
		.ewi2_styles_timesheet_coll_ul ul li span {float:left; line-height:2.4em;}
		
		 /*  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:#232323; padding-right: 0.5em;}
		 
		.ewi2_styles_jobsearch_submit input {margin-top:-0.6em; background:#000; padding-left: 5px; margin-left: 75px; border: solid 1px black; color:#f47320; width:170px; text-align:left;}		 
		.ewi2_styles_jobsearch_submit { background:#232323; margin-bottom:0px; padding-bottom:0px;}		 
		/*  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-left:0em; margin-top:0.5em; margin-bottom:0.2em; padding-top: 0.5em; padding-bottom:0.5em; width:98%;}		
		.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:#232323; 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 #333333; margin: 1em 0.2em; background-position:1em 1em; color: gray;}       
        .ewi2_styles_welcome li a {display: block; text-decoration: none; background:#232323; padding:1em;}
        .ewi2_styles_welcome li a:hover {background: #000; color:#ffffff;}
        .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_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;}
			.ewi2_styles_welcome_editcv {background:url("../eclipseimages/editcv.png") no-repeat;}
			.ewi2_styles_welcome_editskills {background:url("../eclipseimages/editskills.png") no-repeat;}     
			.ewi2_styles_welcome_locations {background:url("../eclipseimages/locations.png") no-repeat;}        
			.ewi2_styles_welcome_viewtimesheets {background:url("../eclipseimages/viewtimesheets.png") no-repeat;}
			.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 #232323; margin-bottom: 0.5em; float: left; display: block;}
        .ewi2_styles_multiselect_search1 {margin:0.4em; background:#333333;}
		.ewi2_styles_multiselect_none_available { background:#f47320; padding:0.6em; display: block; color:#fff;}
		
        .ewi2_styles_multiselect_search2 {background:#333333; 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.5em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -23.3em; text-align:left; margin-top: -0.7em; vertical-align: text-top;}
        .ewi2_styles_multiselect_selectall {margin-top: 0.3em; text-align: right;}
        
        
    /* Calendar control containing div */
        .ewi2_styles_timesheet_calendar_container {float: left; margin: 5em 0 0 25.5em; background: #3492da; padding: 0.7em; position: absolute;}
        .ewi2_styles_timesheet_calendar_highlight_li {background: #3492da;}
        .ewi2_styles_vacancies_calendar_container {float: left; margin: 0 0 1em 0;}
        
    /* Login help div label */
        .ewi2_styles_login_help {border: solid 1px #ccc; background: #232323; width: 20em; padding: 0.4em; margin-left: 12.3em; margin-top:0.5em;}
        
        
    /* CV upload form layout */
        .ewi2_styles_uploadbox {float: left; background: #232323; width:100%; padding-top:2em; margin-bottom:-3em;}
        .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: #000; border: 0px solid #ccc; width:96%; padding: 2%;}
        
        .ewi2_styles_cvlinks_cv {background:url("../eclipseimages/editcv.png") no-repeat;float:left;  width:80px; height:80px; position:relative;}
        .ewi2_styles_cvlinks_text { float:left; margin-left:0px; clear:right; width:400px; position:relative; background: #000;}
        .ewi2_styles_cvlinks_text ul {background: #000;}
        
        
        .ewi2_styles_cvlinks ul {line-height: 1.5em; margin: -1em 0 1em 0;}
        
    /* Search results page num text */
        .ewi2_styles_numofpages {text-align: center; padding: 1em; width:100%;}
        
    /* 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;}
      
        
    /* Job Search Control */
        .ewi2_styles_jobsearch ul {margin-top: -0.5em;}
        .ewi2_styles_jobsearch ul li {padding-bottom: 0.4em;}
        .ewi2_styles_jobsearch { background:#232323; display:block; height:162px;}
        
    /* 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; width:200px;}
        .ewi2_styles_skiptocontent:focus {left: 0em; top: 0em; background: red; padding: 0.8em; color: White; width:200px;}
        
		.ewi2_styles_skiptocontent a:link { color: #ffffff; text-decoration:none; padding-bottom:2px;} 
		.ewi2_styles_skiptocontent a:visited { color: #ffffff; text-decoration:none;} 
		.ewi2_styles_skiptocontent a:hover { color: gray; text-decoration:none;} 
		.ewi2_styles_skiptocontent a:active { color: #ffffff; text-decoration:none;}        
        
        .ewi2_styles_contentanchor {position: absolute; left: -100em;}
        
        /* hidden text */
        .ewi2_styles_hiddentext {position: absolute; left: -100em; top: -100em;}
                
/* 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:#232323; 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 {background:#000000;}