/* 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  {}
		body {background: #e7e0ce; color: #3E4244;}
		h1 {font: normal 175% verdana, tahoma, arial, sans-serif; padding:0.3em 0 0.3em 0;}
		h2 {margin: 0px; padding: 0px 10px 4px 10px; font-size: 140%; color: #3E4244; font-weight: normal;}
        h3 {margin: 0px; padding: 0px 10px 4px 10px; font-size: 140%; color: #3E4244; font-weight: normal;}
		p {padding-bottom: 24px; line-height: 20px; margin: 0;}
		

 		html, input, select, textarea, em {font-size:0.70em; font-family: verdana,arial,sans-serif;}
		input, select, textarea {font-size:100%;}
		strong {font-weight: bold;}

		a:link {color: #2780F9; text-decoration: none;}
		a:visited {color: #2780F9; text-decoration: none;}
		a:hover {color: #3E4244; background-color: #F1F4F5; text-decoration: none;}
		a:focus {background-color: #d4e186; color: black; text-decoration: none;}
		a:active {color: #2780F9; text-decoration: none;}

		fieldset li {list-style: none; clear:both; margin: 0;} 
		fieldset {border: 1px solid #ccc; margin: 0.5em 0; width: 98%; display: block; padding-bottom: 1em;}
		fieldset ul {padding: 2em 0em 2em 0em; list-style: none;}
		fieldset label {width: 15em; 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; background:#f8f5ee; margin-left:2em; padding:0em 0.2em 0em 0.2em;}
*/
		/* IE6 png fix */
		/* img, div {behavior: url("../_CSS/iepngfix.htc");} */

.small_paragraph {padding-bottom: 2px; line-height: 20px; margin: 0;}


/* 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; 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 {color:#3E4244; text-align:right; padding:0.5em; margin-bottom:-2.5em;}
		#ewi2_styles_login_details a {color:#3E4244;}
		#ewi2_styles_login_details a:hover {text-decoration: underline;}
		
		#ewi2_styles_loginform {width: 12em; padding: 0em; margin-left:10px;}
		#ewi2_styles_loginform fieldset {margin: 0; padding: 0; border: none; padding-bottom:0.3em;}
		#ewi2_styles_loginform fieldset legend {display: none;}
		#ewi2_styles_loginform fieldset ul {margin: 0; padding: 0;}
		#ewi2_styles_loginform fieldset ul li {margin: 0 0 1em 0; padding: 0; clear:both;}
		#ewi2_styles_loginform fieldset ul li label {width: 5em;}
		#ewi2_styles_loginform fieldset ul li input {padding:0em;  margin:0em; margin-top:0.5em;}
        #ewi2_styles_loginform input.ewi2_skin_button {float: right;}
        
	/* unordered lists <ul> & <li> */
	
	    .ewi2_styles_liststyle li {list-style: none;}

		/*  Columns */
		.ewi2_styles_1_coll_ul {margin-bottom:1em; list-style: none;}
		.ewi2_styles_1_coll_ul ul {margin:0; padding:0; float:left; line-height:1.4em; width:99%; float:left; margin:0em;}
		.ewi2_styles_1_coll_ul li {clear:left; list-style: none;}
		.ewi2_styles_1_coll_ul ul li div {line-height:1.4em; width: 11em; margin: 0em 0.5em 0em 0em; padding-right: 0.5em; text-align: right; float: left; font-weight:bold;}
		.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; line-height:2.4em; width:49%; float:left; list-style: none;}
		.ewi2_styles_2_coll_ul ul li {clear: left; border-bottom: 1px solid #f8f5ee; list-style: none;}
		.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:#e7e0ce;}
		.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; list-style: none;}
		.ewi2_styles_timesheet_coll_ul ul li span {float:left; line-height:2.4em; list-style: none;}
		
		.ewi2_styles_timesheet_status_key_title {padding: 2%; float: left; clear: both; background:#e7e0ce; width:96%;}
		.ewi2_styles_timesheet_status_key {padding: 2%; float: left; clear: both; background:#e7e0ce; width:96%;}
		.ewi2_styles_timesheet_status_key ul li {padding-bottom: 0.3em; list-style: none;}
		.ewi2_styles_expenses_ul {line-height: 2em; color: #3E4244;}
		
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear:both;}
		.ewi2_styles_1_coll_buttons_ul ul {line-height:2.4em; width:99%; float:left; margin-bottom:0.1em; list-style: none;}
		.ewi2_styles_1_coll_buttons_ul li {float:left; list-style: none;}
		.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; color:#3E4244; height:1.2em; 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-right:0.5em; list-style: none;}
		.ewi2_styles_text_ul div {color:#3E4244; 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%;}
        
        #ewi2_styles_changepassword_form {margin-top: 4em;}
        
        /* 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 {float: left; width: 98%;}
        .ewi2_styles_welcome_header ul {width: 50%; float:left; clear:right; line-height:1.5em; list-style: none;}
        .ewi2_styles_welcome_header li {border: 1px solid #f8f5ee; background:#e7e0ce; color:#3E4244; padding:0.2em; list-style: none;}               
                                             
        .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; list-style: none;}
        .ewi2_styles_welcome_header_fullwidth li {border: 1px solid #f8f5ee; background:#e7e0ce; color:#3E4244; padding:0.2em; list-style: none;}                             
                
         /* welcome boxes */
        .ewi2_styles_welcome {float: left; width: 100%; margin-left:-13px;}
        .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; list-style: none;}       
        .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: 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_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_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; min-height: 6em;}
			.ewi2_styles_welcome_cli_search_timesheets {background:url("../eclipseimages/searchtimesheets.png") no-repeat; min-height: 6em;}
			
			.ewi2_styles_welcome_cli_companydetails {background:url("../eclipseimages/editcompany.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_cli_editjobs {background:url("../eclipseimages/editjobs.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_cli_searchcandidates {background:url("../eclipseimages/searchcandidate.png") no-repeat; min-height: 6em;}
			.ewi2_styles_welcome_cli_password {background:url("../eclipseimages/password.png") no-repeat; min-height: 6em;}
			
			/* 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; background:#fff;}
        .ewi2_styles_multiselect_search1 {margin:0.4em; background:#f8f5ee;}
        .ewi2_styles_multiselect_none_available {background:#e7e0ce; padding:0.6em; display: block; color:#3E4244;}
        
        .ewi2_styles_multiselect_search2 {background:#e7e0ce; padding-top: 1em; overflow:auto; width: 25em; height: 9em;}        
        .ewi2_styles_multiselect_search2 label {width: 18em; padding-left:3em; text-align:left; margin-top: 0.5em; vertical-align: middle; line-height: 1.2em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -21em; text-align:left; margin-top: 0.5em; 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: #d4e186; 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;}
        .ewi2_styles_uploadbox ul {padding: 0em; margin-top:-1em;}
        .ewi2_styles_cvlinks {float:left; width:100%; background: #e7e0ce; padding: 0.5em; padding-top:2em;}
        .ewi2_styles_cvlinks ul {line-height: 1.5em; margin: -1.5em 0 -1.5em 0;}
        
    /* 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; 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 0em;}
        .ewi2_styles_nojavaorderby {text-align: right; float: right;}
        .ewi2_styles_nojavaorderby label {text-align: right; float: left; margin: 0.5em 0.5em;}
        .ewi2_styles_nojavaorderby input {margin-left: 0.5em;}
        
    /* Quick Apply CV Upload */
        .ewi2_styles_quickapp_cvupload {float: left;}
        
    /* Job Search Control */
		
        #ewi2_styles_jobsearch {width: 19em; margin: 0; padding: 0;}
        #ewi2_styles_jobsearch fieldset {border: none;}
        #ewi2_styles_jobsearch fieldset legend {display: none;}
        #ewi2_styles_jobsearch fieldset ul {margin: 0; padding: 0; width: 100%; padding-top:1em;}
        #ewi2_styles_jobsearch fieldset ul li {margin: 0; padding: 0 0 1em 0; float: left; width: 100%; height: 35px;}
        #ewi2_styles_jobsearch fieldset ul li div {margin: 0; padding: 0;}
        #ewi2_styles_jobsearch fieldset ul li label {float: left; clear: both; width: 18em; text-align: left;}
        
        #ewi2_styles_jobsearch fieldset ul li select {float: left; width: 18em;}
        
        .ewi2_styles_jobsearch_submit input {font-size:14px; width:70px; margin-right:5px; float:right;}
                
    /* 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;}
        
        /* 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 #d4e186; background: white; float: left; position: absolute; left: 50%; margin:10px 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;}
		#ewi2_styles_loggedout_window_inner p a {color: #2780F9; text-decoration: none;}
        
        /* 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 {background: #f8f5ee; position:relative; margin-top:20px;}
		.ewi2_styles_secondarymenu ul {list-style-type: none; width: 90%;} 
		.ewi2_styles_secondarymenu li {list-style-type: none; 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:#d4e186; padding: 5px; text-decoration: none;}
		.ewi2_styles_secondarymenu_selected {background:#d4e186;}