/* Table of Contents:

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


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


		/*html, body, table, td, tr, div, ul, li, input, textarea, select, option, span, a  {}
		h1 {font-size:1.8em; color:#000000; font-weight:lighter; padding:0.3em 0 0.3em 0; margin-top:1em; width:100%; border-bottom: 1px solid #cccccc; margin-bottom:0.7em;}
		h2 {font-size:1.5em; color:#000000;  font-weight:lighter; padding:0.3em 0 0.3em 0; margin-top:0em; width:98%; border-bottom: 1px solid #cccccc; margin-bottom:0.4em;}
		p { width:98%; display:block; padding-bottom:1em; line-height:1.4em;}
 
 		html, input, select, textarea, em {font-size:0.70em; font-family: verdana,helvetica,sans-serif; color:#666;}
		input, select, textarea {font-size:100%;}
		strong {font-weight: bold;}

		a:link { color: gray; } 
		a:visited { color: gray; } 
		a:hover { color: green; }
		a:focus { background-color: Red; color: White; } 
		a:active { color: gray; }

		fieldset li{ clear:both;} 
		fieldset {border: 1px solid #ccc; margin: 1.0em 0; width: 98%; display: block; padding-bottom: 1em;}
		fieldset ul { padding: 2em 0em 2em 0em;}
		fieldset label {width: 11em; margin: 0.3em 0.5em 0em 0em; text-align: right; float: left; clear: none; display: block; line-height: 1.2em;}
		fieldset em {width: 13.2em; 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;}*/
		
		/* IE6 png fix */
		/* img, div {behavior: url("../_CSS/iepngfix.htc");} */

/* 2. Eclipse WI2 Styles
--------------------------------------------------------------------------------------- */		
             		 
    /* login details & login form */
	
		#ewi2_styles_login_details {background:#333333; color:#ffffff; text-align:right; float:right; position:absolute; padding:0.5em; top:0.2em; right:0.2em;}
		#ewi2_styles_login_details a {color:#ffffff;}
		#ewi2_styles_login_details a:hover {color: gray;}
		
		#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;}
		
		
	/* fix top of page problem */	
		.ewi2_styles_top_of_page {float: left;} 

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

		/*  Columns */
		.ewi2_styles_1_coll_ul { clear:both; margin-bottom:1px;}
		.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 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:#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 {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;}
		
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear: both;}
		.ewi2_styles_1_coll_buttons_ul ul {width: 99%;}
		.ewi2_styles_1_coll_buttons_ul li {float: left; margin: 1em 0.5em 1em 0;}
		 /* 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;  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;}
		
        /* 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 {width: 97%;}
        .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: 97%;}
        .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: 97%;}
        .ewi2_styles_welcome div {padding:1em 1em 1em 6em;}

		.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; background:#f3f3f3; padding:1em; text-decoration: none !important;}
        .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:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:ACTIVE {display: block; text-decoration: none; background:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:VISITED {display: block; text-decoration: none; background:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_action_required:HOVER {display: block; text-decoration: underline; background:#faf4bf; padding:1em;}
		
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:LINK {display: block; text-decoration: none; background:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:ACTIVE {display: block; text-decoration: none; background:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:VISITED {display: block; text-decoration: none; background:#dbd27c; padding:1em;}
		.ewi2_styles_welcome li	a.ewi2_styles_final_approval:HOVER {display: block; text-decoration: underline; background:#faf4bf; 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; line-height:1.5em; clear: right;}
        .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;}
		
			
	/* edit/manage password page */		
	    #ewi2_styles_forgotpassword {}
	    #ewi2_styles_changepassword {margin-top: 3em;}
	
        
	/* 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 { background:#316ac5; padding:0.6em; display: block; color:#fff;}
        
        .ewi2_styles_multiselect_search2 {background:#f1f1f1; padding-top: 1em; overflow:auto; width: 33em; height: 9em;}
        .ewi2_styles_multiselect_search2 label {width: 310px; padding-left:3em; text-align:left; margin-top: -0.6em; vertical-align: middle; line-height: 1.2em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -350px; text-align:left; margin-top: -0.6em; vertical-align: text-top; border: none;}
        .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: 25em; margin-top:1em; margin-bottom:1em; padding: 0.4em; margin-left: 11em;}
        
        
    /* CV upload form layout */
        .ewi2_styles_uploadbox {float: left; width: 55%; margin: 1em 0 1em 0;}
        .ewi2_styles_uploadbox ul {float: left; margin-bottom: 1em;}
        .ewi2_styles_uploadbox label {width: 7em; float: left; clear: none; padding: 0.5em;}
        .ewi2_styles_cvlinks {float: right; background: #e5e5e5; padding: 0.5em; width: 40%; margin: 1em 0 1em 0; clear: right;}
        
        
    /* 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; 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 {clear:both; color:#fff; background:#999999; width:98%; padding:1%; text-align:right;}
        .ewi2_styles_nojavaorderby select {margin: 0em; padding:0em;}
        .ewi2_styles_nojavaorderby input  {margin: 0em; padding:0em;}
        
    /* Quick Apply CV Upload */
        .ewi2_styles_quickapp_cvupload {float: left;}
        
        
    /* Job Search Control */
        #ewi2_styles_jobsearch {}
        #ewi2_styles_jobsearch fieldset {border: none;}
        #ewi2_styles_jobsearch ul {border: solid 1px #ececec; margin: 1.5em 1.5em 0 1.5em;}
		#ewi2_styles_jobsearch label {clear: both; width: 8em; text-align: left;} 
        .ewi2_styles_jobsearch_submit {padding-top: 0.5em;}
        .ewi2_styles_jobsearch_submit input {color: #ffffff; background: #4e4e4e; float: right; border: solid 1px #2c2e91;}
        
    /* Job Links */  
      
        #ewi2_styles_joblinks li {border-bottom: 1px solid #ccc; padding:0.6em 0em; width:98%; }
        
    /* 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:0px 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;}
        
        
    /* 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: '';}
        
        .ewi2_styles_candidate_description {clear:both; width:100%; padding:0.5em 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;}
		#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;}*/