/* 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

	~~~~ Notes ~~~~~~~~~~~~~~~~~
	z-index order:
		page content:			layer 1 (no z-index specified)
		login details:			layer 2 (z-index: 5)
		header image:			layer 3 (z-index: 10) (ewi2_layout.css)
		skip to content:		layer 5 (z-index: 15)
		logout transparent div: layer 5 (z-index: 20)
		logout message:			layer 6 (z-index: 21)


 1. Website Styles - styles must be taken out if used in an external stylesheet 
---------------------------------------------------------------------------------------
		
		flow > headercontent_search_hotjobs / ul / li / ewi2_skin_gridview_hotjobs / h2 / ewi2_skin_gridview_hotjobs_h2 */
		
		
		body {background:#000 url("/eclipseimages/background.jpg") top center no-repeat; font-size:1.2em; color:#333; font-family:Arial, verdana, helvetica; }
		
		h1 {font-size: 1.3em; text-transform:uppercase; color: #333; font-weight:bold; font-family:Arial, verdana, helvetica; padding: 0.3em 0 0.3em 0; width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 0.7em;}
		/* h1 for image/flash */
		.ewi2_sytles_main_h1_description { color:#000; position:absolute; top:-1000px;}		
		h2 {font-size: 1.3em; text-transform:uppercase; color: #000; font-weight:bold; font-family:Arial; padding: 0.3em 0 0.3em 0; width: 100%; border-bottom: 1px solid #cccccc; margin-bottom: 0.7em;}
		h3 {font-size: 1em; color: #333;  font-weight: lighter; padding: 0.3em 0 0.3em 0; margin-top: 0em; width: 100%; margin-bottom: 0.4em;}
		
		p {width: 100%; display: block; padding-bottom: 1em; line-height: 1.8em;}
 
 		pre, html, input, select, textarea, em {font-size: 0.70em; font-family: verdana, helvetica, sans-serif; color: #666; white-space:normal;}
		input, select, textarea {font-size: 100%;}
		strong {font-weight: bold;}
		small { font-size:80%;}
		.margin-top { margin-top:10px;}
	
		
		a:link {color: #333333;}
		a:visited {color: #666666;}
		a:hover {color: #999999; cursor:pointer;}
		a:active {color: #333333;}

		fieldset li{clear:both;} 
		fieldset {border: 1px solid #ccc; margin: 1.0em 0; width: 100%; 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. Global Eclipse WI2 Styles
--------------------------------------------------------------------------------------- */		
                          
	/* unordered lists <ul> & <li> */

		.ewi2_styles_vert_spacing { padding-bottom:1em;} 

		/*  Columns */
		
			/*  1 */
			.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: 100%; 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 { width: 11em; margin: 0em 0.5em 0em 0em; padding-right: 0.5em; text-align: right; float: left; background: #f0f0f0;}		
			.ewi2_styles_1_coll_ul ul li span {display: block; clear: right; width: 55em;}		
			.ewi2_styles_1_coll_ul ul li em { color:red; width:11em; text-align:right; float:right; padding:0; margin-top:-10px; display:block;}
			/*  2 */
			.ewi2_styles_2_coll_ul ul {margin: 0; padding: 0em; float: left;}
			.ewi2_styles_2_coll_ul ul {line-height: 2.4em; width: 50%; 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: #f0f0f0;}		
			.ewi2_styles_2_coll_ul ul li span {display: block; display: table; display:block; clear: right;}		
			.ewi2_styles_2_coll_ul ul li em { color:red; width:11em; text-align:right; float:right; padding:0; margin-top:-10px; display:block;}
			
							 		        
		 /*  Buttons */
		.ewi2_styles_1_coll_buttons_ul {clear: both; margin-top: 0.5em; float:left;}
		.ewi2_styles_1_coll_buttons_ul ul {width: 740px; margin-bottom: 0em; float:left;}
		.ewi2_styles_1_coll_buttons_ul li { display:inline;}
		.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: #f0f0f0; 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: #f0f0f0; padding-top: 0.4em; overflow: auto; width: 33em; height: 9em;}        
        .ewi2_styles_multiselect_search2 label {width: 25em; padding-left: 3em; text-align: left;  vertical-align: middle; line-height: 1.2em;}
        .ewi2_styles_multiselect_search2 input {margin-left: -28em; 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_contact {margin-left:150px;}
        .ewi2_styles_multiselect_contact strong { color:Red;}
        .ewi2_styles_multiselect_contact em { color:#ccc; text-transform:uppercase; font-size:1em; padding-bottom:0.5em; font-weight:bold; text-align:left;}
        
        
        
        .ewi2_styles_multiselect_contact ul {width:200px; float:left; background:#6e6e6e; color:#fff; padding:5px; margin:10px 0px 20px 0px;}
        .ewi2_styles_multiselect_contact li {width:220px;}
		.ewi2_styles_multiselect_contact li span {float:left;}
		.ewi2_styles_multiselect_contact li input {width:auto; float:left;}
		.ewi2_styles_multiselect_contact li label {float:left; text-align:left; padding-left:10px;}
		
		/*
		.ewi2_styles_multiselect_contact span {width:auto; float:left;}
		.ewi2_styles_multiselect_contact label { width:auto; float:left;}
                
    /* 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;  padding: 10px;  margin:0px 2px;  text-align: right; width: 767px; clear:both;}
        
        
        .ewi2_styles_numresults_ingridview select {margin: 0em; padding: 0em;}
        .ewi2_styles_numresults_ingridview input {margin: 0em; padding: 0em;}
                
    /* 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;}   
        
      /* login / register Buttons */  
        #ewi2_styles_loginform_loginbutton {width:auto; float:left;} 
        #ewi2_styles_loginform_regbutton {width:auto; float:left;}        
        #ewi2_styles_loginform .ewi2_skin_error_li_fail { background:none; border:0; color:red; padding:0; margin:0;}
        
			 /* required for two forms on the same page */
			/* candidate login */
			#ewi2_styles_loginform_candidate .ewi2_skin_error_li_fail { background:none; border:0; color:red; padding:0; margin:0;}
			#ewi2_styles_loginform_loginbutton_candidate  {width:auto; float:left;} 
			#ewi2_styles_loginform_regbutton_candidate {width:auto; float:left;}
			/* client login */
			#ewi2_styles_loginform_client .ewi2_skin_error_li_fail { background:none; border:0; color:red; padding:0; margin:0;}
			#ewi2_styles_loginform_loginbutton_client {width:auto; float:left;} 
			#ewi2_styles_loginform_regbutton_client {width:auto; float:left;}        
                
/* 3. Accesibility Issues & Browser Fixes 
--------------------------------------------------------------------------------------- */        
        
        /* hidden "skip to content" link for screen readers */
        .ewi2_styles_skiptocontent {position: absolute; left: -100em; z-index: 15;}
        .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;}
		

                        
/* 4. Eclipse WI2 Styles specific to certain pages
--------------------------------------------------------------------------------------- */	

	/* Home Page */
	
		.ewi2_styles_testimonials strong { color:Red;}

	/* Slideshow Live Websites */
	
		#slideshow_wrapper { background:#e5e5e5; border-top:#999999 1px solid;  border-bottom:#999999 1px solid; width:100%;}
		#slideshow * { margin: 0; padding: 0; }
		#slideshow {  position: relative; margin-left:0px; margin-top:20px; width:720px; height:450px; margin-left:20px;}
		#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
		#slideshow #loading {  display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }

		#slideshow #pictures { background: url('../App_Themes/ewi2/Images/SiteMaster/websites/bg.jpg') no-repeat; width: 550px; height: 433px; left: 0; overflow: hidden;}
		#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
		#slideshow #menu { list-style-type: none; width: 166px; height: 413px; right: 0; padding-top: 0px;}

		#slideshow #menu li { display: block; z-index: 1000; position: relative; height:30px; margin-left:10px;}
		#slideshow #menu li a { display: block; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; line-height: 14px; vertical-align: middle; }
		
		#slideshow #menu li.current a {padding: 5px 0 5px 28px; line-height: 18px; }
		#slideshow #menu li.current a:focus { background:none; color:Red;}
		#slideshow #menu li.background { background: url('../App_Themes/ewi2/Images/SiteMaster/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }	


		
    /* welcome & timesheets screen */         
         
         /* welcome boxes */
        .ewi2_styles_welcome {float: left; width: 100%;}
        .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; text-decoration: none; background: #f0f0f0; 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_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;}
		
			/* CMS */ 
			.ewi2_styles_welcome_cms_1 {background: url("../eclipseimages/viewalljobs.png") no-repeat;}
			.ewi2_styles_welcome_cms_2 {background: url("../eclipseimages/cms2.png") no-repeat;}
			.ewi2_styles_welcome_cms_3 {background: url("../eclipseimages/cms3.png") no-repeat;}		
			
			/* CMS Hides formmating for thumbnail */
			.ewi2_styles_2_coll_ul ul li .CuteEditorFrameContainer {position:absolute; left:-1000px;}
			.ewi2_styles_2_coll_ul ul li .CuteEditorFrame {position:absolute; left:-1000px;}			
			.ewi2_styles_2_coll_ul ul li .CuteEditorTextArea {position:absolute; left:-1000px;}	
			
			
			.ewi2_styles_imagespacing div { padding:0; margin:0;}	
			
				
			.ewi2_styles_2_coll_ul ul li .CuteEditorToolBarContainer  { float:left; position:relative; width:30px; height:40px;  left:-100px; margin-top:0px; padding:0;}	
			.ewi2_styles_2_coll_ul .ewi2_styles_imagespacing img { margin-top:12px;}			

    /* Timesheets Section */

		/*  Timesheet columns */
			.ewi2_styles_timesheet_coll_ul {}
			.ewi2_styles_timesheet_coll_ul ul {line-height:2.4em; width:50%; 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: #f0f0f0; 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: 98%; padding: 1%; margin-top: 1em;}
			.ewi2_styles_timesheet_status_key {clear: both; background: #f0f0f0; width: 98%; 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;}
        .ewi2_styles_cvlinks {float: right; margin: 2em; background: #e5e5e5; padding: 0.5em;}
        .ewi2_styles_cvlinks ul {line-height: 1.5em; margin-top: 0em;}
        
	/* 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 {}
	    #ewi2_styles_changepassword {margin-top: 0em;}

    /* Saved Searches link on search jobs page */
        .ewi2_styles_savedsearch_link {margin-left: 11.5em;}
          
     /* 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: #f0f0f0; width: 25em; margin-top: 1em; margin-bottom: 1em; padding: 0.4em; margin-left: 11em;}
                  
	/* Candidate Vacancies */
		.ewi2_styles_vacancy_description {padding: 1em 0 1em 0; float: left; position: relative; width:100%;}
		.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 ul li ul {border-bottom:solid 1px #fff; padding-bottom:1em; padding-top:1em; line-height:normal; line-height:1.5em;}
        #ewi2_styles_sitemap div ul {list-style: disc inside; color:#666666;}
        #ewi2_styles_sitemap ul {margin: 0;}
        #ewi2_styles_sitemap li {margin: 0; padding: 0;}
        #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;}
        
        #ewi2_styles_sitemap ul li {padding-left:2em;}
        
         
        
	/* News Section */
	
		/* Featured Article */
		#ewi2_styles_news_featuredarticles {float: left; background: #333333; border-bottom:4px solid red; padding: 1%; width: 98%;}
		#ewi2_styles_news_featuredarticles img {float:left; clear:left; width:145px; border:1px solid #666666; height:181px; margin-right:1em;} /* image with fixed width */
		#ewi2_styles_news_featuredarticles h2 {border:0px; clear:none; font-size:1.5em; width:auto; font-weight:normal; margin-bottom:0;}	/* main header */
			#ewi2_styles_news_featuredarticles h2 a:link  {cursor:pointer; color:#fff; font-weight:bold;} /* main header */
			#ewi2_styles_news_featuredarticles h2 a:visited  {cursor:pointer; color:#fff; font-weight:bold;} /* main header */
			#ewi2_styles_news_featuredarticles h2 a:hover {cursor:pointer; color:#ccc; font-weight:bold;} /* main header */
			
		#ewi2_styles_news_featuredarticles p {font-size:0.8em; margin:0; width:auto; color:#999999; padding: 0em 0 0.8em 0;} /* date */
		#ewi2_styles_news_featuredarticles h3 {padding-bottom:1.5em; color:#ccc; width:auto; font-weight:normal; font-size:120%; line-height:normal;} /* news snippet */
		#ewi2_styles_news_featuredarticles h4 {width:auto; font-weight:normal;} /* link to category */
			#ewi2_styles_news_featuredarticles h4 a:link {color: #ccc;}
			#ewi2_styles_news_featuredarticles h4 a:visited {color: #ccc;}
			#ewi2_styles_news_featuredarticles h4 a:hover {color: #fff; cursor:pointer;}
			
				
		
		/* Category Lists */
		
		.ewi2_styles_news_categorylayout ul {width: 100%; padding:0; float: left; clear: both; margin: 1em 0 1em 0;}
		.ewi2_styles_news_categorylayout ul li {float: left; height: 12em; width: 366px;  border:1px solid #eee; clear: none; padding:10px; margin: 0.5em 4px 1em 0%; color:#ccc;}
		
		.ewi2_styles_news_categorylayout h2 a {}
		.ewi2_styles_news_categorylayout h3 {font-size:1.2em; font-weight:bold; padding:0; margin:0; width:auto; text-transform:uppercase;} /* main header */
		.ewi2_styles_news_categorylayout p {font-size:0.8em; color:Red; padding: 0.4em 0 0.8em 0;} /* date */
		.ewi2_styles_news_categorylayout img {float: left; clear: none; margin-right: 0.5em;} /* thumbnail image */
		.ewi2_styles_news_categorylayout h4 {font-size:1em; line-height:1.2em; color:#808080; width:auto; font-weight:normal;} /* news snippet */
		.ewi2_styles_news_categorylayout h5 {width:100%; float:left; font-size:1em; padding:0.5em 0em; line-height:1.2em; color:#808080;}  /* category label */
		.ewi2_styles_news_categorylayout h5 a {width:auto; font-weight:normal;}
		
		/* Main News Article */
		#ewi2_styles_news_featured_article {float: left; display: block; clear: both; margin-bottom: 1em; width: 75%;}
		#ewi2_styles_news_featured_article h2 {border: none; padding:0 0 0.2em 0; margin:0;} /* category title */
		#ewi2_styles_news_featured_article h3 {color:#808080; padding:0 0 1em 0;} /* article date */
		#ewi2_styles_news_featured_article_body {float: left; clear: none; width: 100%;}
		
		/* Detailed News Article */
		.ewi2_styles_news_article_width_related_links {float: left; margin-right: 10px;}
		.ewi2_styles_news_article_width_no_related_links {float: left; width: 100%;}
		#ewi2_styles_news_article {float: left; margin-bottom: 1em;}
		#ewi2_styles_news_article h2 {border: none; width:auto; padding:0 0 0.2em 0; margin:0; font-size:1em; color:Red;} /* category title */
		#ewi2_styles_news_article h3 {color:#808080; width:auto; padding:0 0 1em 0;} /* article date */
		#ewi2_styles_news_article_body {}
		
		/* Related Article Links */
		#ewi2_styles_news_related_articles {float: right; width: 160px; display:block; background: #eee; border-top:4px solid red; padding: 10px;}
		#ewi2_styles_news_related_articles h5 {font-size: 110%; font-weight: bold; padding-bottom: 0.5em;}
		#ewi2_styles_news_related_articles ul {padding: 0; margin: 0; float: left; width: 100%;}
		#ewi2_styles_news_related_articles ul li {padding: 0; margin: 0; float: left; padding-bottom: 1.5em; line-height: 1.2em; width: 100%;}
		#ewi2_styles_news_related_articles ul li a {}
                         
/* 5.  Navigation - used for standard eclipse wi navigation
--------------------------------------------------------------------------------------- */

        /* 1 tab */
	        .ewi2_styles_tab {display: none;}
	        .ewi2_styles_show {display: block !important;}
	        .ewi2_styles_tab-label {float: left; padding:10px; margin: 0 1px 0 0; background: #333333; position: relative; top: 0px; border-top: #880000 4px solid;}
	        .ewi2_styles_tab-label a { color:#fff; text-decoration:none;}
	        .ewi2_styles_tab-label a:visited { color:#fff;}
	        .ewi2_styles_active a { color:#000;}
	        .ewi2_styles_active a:visited { color:#000;}		        	        
	        .ewi2_styles_active {background: #fff;border-bottom: #fff; border-top:red 4px solid;}
	        .ewi2_styles_tab-body {clear: both; margin: 0;background: #fff; padding:10px;}
        	
        /* 2 tab */
	        .ewi2_styles_tab2 {display: none;}
	        .ewi2_styles_show2 {display: block !important;}
	        .ewi2_styles_tab2-label2 {float: left; padding:10px; margin: 0 1px 0 0; background: #333333; position: relative; top: 0px; border-top: #880000 4px solid;}	        
	        .ewi2_styles_tab2-label2 a { color:#fff; text-decoration:none;}
	        .ewi2_styles_tab2-label2 a:visited  { color:#fff;}
	        .ewi2_styles_active2 a { color:#000;}	        
	        .ewi2_styles_active2 a:visited { color:#000;}	        
	        
	        .ewi2_styles_active2 {background: #fff;border-bottom: #fff; border-top:red 4px solid;}
	        .ewi2_styles_tab2-body2 {clear: both; margin: 0;background: #fff; padding:10px;}


        /* 3 tab */
	        .ewi2_styles_tab3 {display: none;}	           	        
	        .ewi2_styles_show3 {display: block !important;}
	        .ewi2_styles_tab3-label3 {float: left; padding:10px; margin: 0 1px 0 0; background: #333333; position: relative; top: 0px; border-top: #880000 4px solid;}
	        .ewi2_styles_tab3-label3 a {color:#fff; text-decoration:none;}
	        .ewi2_styles_tab3-label3 a:visited  {color:#fff;}
	        .ewi2_styles_active3 a {color:#000;}
	        .ewi2_styles_active3 a:visited {color:#000;}
	        .ewi2_styles_active3 {background: #f0f0f0; border-bottom: #fff; border-top:red 4px solid;}
	        .ewi2_styles_tab3-body3 {clear: both; margin:0px 10px 0 10px; width: 438px; padding-top:10px;}

	/* Main Navigation */
		#ewi2_styles_maintabs {float: left; width: 100%; line-height: normal;}
		#ewi2_styles_maintabs ul {margin: 0; padding: 2px 10px 0 1%; list-style: none; margin-top:0px;}
		#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; color:#fff; font-size:1em;}
		#ewi2_styles_maintabs a span {float: left; display: block; background: url("../eclipseimages/tabrightD.gif") no-repeat right top; padding: 10px 20px 10px 15px;}

		#ewi2_styles_maintabs a:hover span {color: #fff; cursor:pointer;} 
		#ewi2_styles_maintabs a:hover {background-position: 0% -42px;}
		#ewi2_styles_maintabs a:hover span {background-position: 100% -42px;}  
		
		/* selected */
		#ewi2_styles_maintabs .ewi2_styles_selected a {background: url("../eclipseimages/tableftD_selected.gif") no-repeat left top; color: #000;}
		#ewi2_styles_maintabs .ewi2_styles_selected a span {background: url("../eclipseimages/tabrightD_selected.gif") no-repeat right top; color: #000;}
		#ewi2_styles_maintabs .ewi2_styles_selected a:hover span {background: url("../eclipseimages/tabrightD_selected.gif") no-repeat right top; color: #000;}
		
				
		.ewi2_styles_maintabs_secondary ul {display:block; clear:both; width:970px; padding:5px; padding-top:15px; margin:0px 10px 0px 10px; height:15px;}
			.ewi2_styles_maintabs_secondary .aboutus {background:  url("/images/navbak.gif") no-repeat;}
			.ewi2_styles_maintabs_secondary .eclipse {background:  url("/images/secondmenu_eclipse.gif") no-repeat;}
			.ewi2_styles_maintabs_secondary .aboutustext { background:red; margin-top:10px;}
			
		.ewi2_styles_maintabs_secondary li { float:left;  padding-right:0px;}
		.ewi2_styles_maintabs_secondary a { font-size:11px; margin-left:8px; color:#fff; padding:5px 5px 5px 15px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url("/images/secondmenu.gif") no-repeat;}
		.ewi2_styles_maintabs_secondary .choose { background:#fff; padding:2px; font-size:11px; margin-top:-1px; color:Red;}
			      
	/* 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: #f0f0f0;  border-width: 1px 0; margin: 5px 0;}
		.ewi2_styles_secondarymenu li a {display: block; padding: 5px; text-decoration: none;text-align: right;}
		.ewi2_styles_secondarymenu li a:hover {display: block; color: #ccc; background: #333333; padding: 5px; text-decoration: none;}
		.ewi2_styles_secondarymenu li .ewi2_styles_secondarymenu_selected {background: #333333; color: #ccc;}
	
	/* Product Features */
		.ewi2_styles_productfeatures {position:relative; margin-top:0px;}
		.ewi2_styles_productfeatures ul {list-style-type: none; width: 100%;} 
		.ewi2_styles_productfeatures li {border-bottom: 1px solid #e5e5e5; text-align: right; border-width: 1px 0;}
		.ewi2_styles_productfeatures li a {display: block; color:Red; padding: 5px 5px 10px 25px; background:url("/images/listitem_1.gif") no-repeat;  text-decoration: none;}
		.ewi2_styles_productfeatures li a:hover {display: block; color: #fff; background:url("/images/listitem_2.gif") no-repeat; padding: 5px 5px 10px 25px;  text-decoration: none;}
		.ewi2_styles_productfeatures li .ewi2_styles_secondarymenu_selected {background: #333333; color: #ccc;}
	
		
				
/* 6.  UserControls
--------------------------------------------------------------------------------------- */
    
    /* Ajax please wait */
		.ewi2_styles_please_wait {position:absolute; top:40%; left:40%; background:#fff; border:solid 1px #999999; padding:20px; width:100px;}
		
		
    /* Logged in as Label */
        #ewi2_styles_login_details { color: #999999;  text-align: right;  position: absolute; padding: 0.5em; top: 0px; right: 0em; z-index: 5;}
	    #ewi2_styles_login_details a {color: #ffffff;}
	    #ewi2_styles_login_details a:hover {color: gray;}	  
	    
	    
	/* Job Search Control */
        #ewi2_styles_jobsearch {margin: 0em; padding: 0em; text-align: left; border: 0px;}
		#ewi2_styles_jobsearch ul li {text-align:left;}
		#ewi2_styles_jobsearch label {padding: 0em; margin: 0em; float: left; position: relative; width: 8em; padding-right: 0.2em;}
        #ewi2_styles_jobsearch fieldset {border:0px;}        
        .ewi2_styles_jobsearch_submit {margin-left:8em; float: left; display: inline;}
        .ewi2_styles_jobsearch_advancedsearchlink {float: left; clear: none;}
        
	/* Mulitple Job Search Control */
		/* All Locations */
		#ewi2_styles_jobsearch_alllocations {margin: 0em; padding: 0em; text-align: left; border: 0px;}
		#ewi2_styles_jobsearch_alllocations ul {padding:0em;}
		#ewi2_styles_jobsearch_alllocations ul li {text-align:left;}
		#ewi2_styles_jobsearch_alllocations label {padding: 0em; margin: 0em; float: left; position: relative; width: 8em; padding-right: 0.2em;}
		#ewi2_styles_jobsearch_alllocations fieldset {border:0px;}

		/* Fixed Locations */
		#ewi2_styles_jobsearch_fixedlocations {margin: 0em; padding: 0em; text-align: left; border: 0px;}
		#ewi2_styles_jobsearch_fixedlocations ul { padding:0em;}
		#ewi2_styles_jobsearch_fixedlocations ul li {text-align:left;}
		#ewi2_styles_jobsearch_fixedlocations label {padding: 0em; margin: 0em; float: left; position: relative; width: 8em; padding-right: 0.2em;}
		#ewi2_styles_jobsearch_fixedlocations fieldset {border:0px;}  
				
				
    /* Job Links */  
		#ewi2_styles_joblinks_industries, #ewi2_styles_joblinks_discipline, #ewi2_styles_joblinks_locations {height:510px; overflow:auto; width:230px;}
		#ewi2_styles_joblinks_locations li, #ewi2_styles_joblinks li, #ewi2_styles_joblinks_industries li, #ewi2_styles_joblinks_discipline li {padding: 0.6em 0em; width:90%;}
       
                
    /* 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;}
		
		
	/* Hot Jobs */
		#ewi2_styles_hotjobs { background:#fff; clear:both;}
		#ewi2_styles_hotjobs ul li div a{ margin:0; padding:0;}
	    #ewi2_styles_hotjobs ul {float: left; height: 200px; width: 92%;}
        #ewi2_styles_hotjobs li {width: 92%;}
        #ewi2_styles_hotjobs .ewi2_skin_gridview_hotjobs_nohotjobs {background: white;}
        
        
    /* News Category Links */
		#ewi2_styles_newscatlinks {}
		#ewi2_styles_newscatlinks_nolinks {}
		
		
	/* Latest News */
		#ewi2_styles_latest_news {width:418px; margin:10px;}
		#ewi2_styles_latest_news a { font-weight:bold;}
		#ewi2_styles_latest_news ul li {padding-bottom: 1em;}
		#ewi2_styles_latest_news ul li h3 {font-size: 120%; border: none; margin-bottom: 0; width: 343px; margin-left:75px; display: block;  padding-bottom: 0.5em;} /* headline*/
		#ewi2_styles_latest_news ul li h4 {font-size: 100%; border: none; margin-bottom: 0; width: 343px; margin-left:75px;  display: block;  padding-bottom: 0.5em;  font-weight:normal; color:red;} /* category */
		#ewi2_styles_latest_news ul li h5 { display:none; font-size: 85%; font-weight: bold; float: left; clear:left; width: 100px; position:absolute; left:0px; margin-top:-37px; text-align:right; color:red; font-weight:normal;} /* date */		
		#ewi2_styles_latest_news p {font-size: 85%; padding:0px; margin:0px; font-weight: bold; float: left; clear:left; width: 100px; position:absolute; left:10px; margin-top:-37px; color:red; font-weight:normal;} /* date */		
			#ewi2_styles_latest_news .ewi2_styles_latest_date { font-size:20px; width:50px; border:1px solid #ccc; border-top:solid red 4px; background:#fff; font-family:Georgia;  text-align:center;} /* date */
			.ewi2_styles_latest_year {font-size:20px; width:50px; color:#000; clear:left; display:none; font-family:Georgia; margin-top:-10px; padding:0; text-align:center;} /* year */
			.ewi2_styles_latest_day { font-size:20px; width:50px; color:#000; clear:left; display:block; font-family:Georgia; margin-top:-10px; padding:0; text-align:center;} /* day */
		#ewi2_styles_latest_news ul li h6 {font-size: 100%; line-height:18px; border: none; margin-bottom: 0; width: 343px; margin-left:75px;  display: block; border-bottom:1px solid #ccc;  padding-bottom: 0.5em; font-weight:normal;} /* short description */
		#ewi2_styles_latest_news ul li h7 {} /* read more link */
		
	/* Main Text */
		#ewi2_styles_main_text {width:418px; margin:10px;}		
		
	/* Logout window message */
		#ewi2_styles_loggedout_window {z-index: 200; float: left; position: absolute; left: 0 !important; top: 0 !important; width: 100%; height: 100%; background: url(../eclipseimages/1x1-75transparent.png);}
		#ewi2_styles_loggedout_window_inner {border: solid 2px black; background: white; float: left; position: absolute; left: 50%; margin:200px 0 0 -200px; height: 200px; width: 400px; z-index: 201;}
		#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;}