/* Table of Contents:
	1. Generic Styles
	2. Styles for ASP.NET controls

1. Generic Styles
--------------------------------------------------------------------------------------- */

		/* not sure what this is for - leave it in for now
		.check input, .button {margin-left: 18em;}
		.check label, .radio label {width: auto; margin-right: 0; text-align: left; float: none;}
		*/
		
		.ewi2_skin_input {width: 25em; border: 1px solid #ccc; padding-left: 0.5em; margin-bottom: 1em;}
		.ewi2_skin_textarea {margin-bottom: 1em; padding-left: 0.5em; border: 1px solid #ccc;}
		.ewi2_skin_select {margin-bottom: 1em; padding-left: 0.5em; border: 1px solid #ccc;}
		.ewi2_skin_checkbox {}
		.ewi2_skin_button {margin-right: 1em; margin-bottom:1em; cursor:pointer; color:red; font-weight:bold;}		


/* 2. Styles for ASP.NET controls
--------------------------------------------------------------------------------------- */

/* bold, italic, underline */
.ewi2_skin_boldtext {font-weight: bold;}
.ewi2_skin_italictext {font-style: italic;}
.ewi2_skin_underlinetext {text-transform: uppercase;}

/* calendar */
.ewi2_skin_calendar td {background: #f0f0f0; border: 1px solid #ccc; text-align: center;}
.ewi2_skin_dayheadercalendar {border:0; background: #666666; color: #ffffff;}
.ewi2_skin_calendaricon {margin-top: -0.7em;}

/* dropdown list */
.ewi2_skin_dropdownlistcalendar {margin-right: 0.5em;}
.ewi2_skin_dropdowncalender_timespacer {vertical-align: top;}
.ewi2_skin_dropdownlist_timesheet {margin-bottom: 0em;}

/* button */
.ewi2_skin_button_hidden {width: 0em; height: 0em; left: -100em; position: absolute;}
.ewi2_skin_gv_rightbutton {padding-right: 0.5em;  text-align: right; position: relative;}

/* errors */
.ewi2_skin_error {background: #fff6bf url(../eclipseimages/error.gif) center no-repeat; background-position: 15px 50%; text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; margin: 1em 2% 1em 0em;} 
.ewi2_skin_error_label  {background: #fff6bf url(../eclipseimages/error.gif) center no-repeat; background-position: 15px 50%; text-align: left;  border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324;  float: left; margin-bottom: 1em; padding: 5px 0px 5px 50px;  position: relative; width: 680px; color: Red;}
.ewi2_skin_success_label {background: #ccffcc url(../eclipseimages/success.gif) center no-repeat; background-position: 15px 50%; text-align: left;  border-top: 2px solid #66cc66; border-bottom: 2px solid #66cc66;  float: left; margin-bottom: 1em; padding: 5px 0px 5px 50px;  position: relative; width: 680px; color: green;}
.ewi2_skin_info_label {background: #dbd7fe url(../eclipseimages/information.png) center no-repeat; background-position: 15px 50%; text-align: left;  border-top: 2px solid #6666cc; border-bottom: 2px solid #6666cc;  float: left; margin-bottom: 1em; padding: 5px 0px 5px 50px;  position: relative; width: 680px; color: blue;}
.ewi2_skin_clientpasswordrecovery {width: 84%; background: white url(../eclipseimages/information.png)  5px 50% no-repeat !important; display: block; padding: 5px 20px 5px 45px; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.ewi2_skin_error_li_fail {border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; padding-top: 10px; background: #fff6bf;  color: Red; margin-bottom: 0.2em;}
.ewi2_skin_error_li_pass {}
.ewi2_skin_timesheetsummary {background: #ccffcc url(../eclipseimages/success.gif) center no-repeat; background-position: 5px 10%; /* x-pos y-pos */ text-align: left; border-top: 2px solid #66cc66; border-bottom: 2px solid #66cc66;  float:left; margin-bottom: 1em; padding: 5px 0px 5px 50px;  position: relative; width: 680px; color: green; clear: both;}
.ewi2_skin_timesheetsummary_message {color: red; font-weight: bold; display: block; clear: both;}

.ewi2_skin_server_error_wrapper { padding:1em;}
.ewi2_skin_server_error_wrapper .redtext { color:red;}
.ewi2_skin_server_error {line-height: 1.3em; font-size:1.2em; font-weight:bold; padding:0em; margin-top:-1em;}


/* gridview */
	#ewi2_skin_gridview_wrapper {width: 100%; clear: both;}
	
	
	/* gridview generic */
		.ewi2_skin_gridview input {margin: 0em; padding: 0em;}
		.ewi2_skin_gridview label {margin: 0em; padding: 0em;}
		.ewi2_skin_gridview {width: 100%; margin-bottom: 0em; line-height: 2em; border: solid 1px #f0f0f0;}

		.ewi2_skin_gridview td, th {padding:0.5em;}
		.ewi2_skin_gridview_width {width: 100%; display: block; float:left; clear:both;}

		.ewi2_skin_gridview_footerStyle{background: #e5e5e5;}
		.ewi2_skin_gridview_headerstyle {background: red; color: #fff; font-weight:bold;}
		.ewi2_skin_gridview_headerstyle a {color: #fff; font-weight:bold;}
		.ewi2_skin_gridview_rowStyle_standard {background: #fff;}
		.ewi2_skin_gridview_rowStyle {background: #f0f0f0;}
		.ewi2_skin_gridview_rowStyle_Pending {color: Green;}
		.ewi2_skin_gridview_rowStyle_Processed {color: #c5b900;}/* dark shade of yellow */
		.ewi2_skin_gridview_rowStyle_Rejected {color: Red;}
		.ewi2_skin_gridview_rowStyle_Authorised {color: Black;}
		.ewi2_skin_gridview_rowStyle_Invoiced {color: Black;}
		
	/* gridview hover state */
		.ewi2_skin_gridview_row-over {background:#e5e5e5; color:red;}
		.ewi2_skin_gridview_row-over a {color:red;}
		.ewi2_skin_gridview_header-over {background:#880000;}			

	/* gridview timesheet */
		.ewi2_skin_timesheetpending_color {color: Green;}
		.ewi2_skin_timesheetprocessed_color {color: #c5b900;}/* dark shade of yellow */
		.ewi2_skin_timesheetrejected_color {color: Red;}
		.ewi2_skin_timesheetauthorised_color {color: Black;}
		.ewi2_skin_timesheetinvoiced_color {color: Black;}

	/* gridview paging */
		.ewi2_skin_gridview_pagerStyle {display: block; text-align: center; margin-top: 1em; line-height: 1em; padding: 0.5em; margin-left: -0.8em; width: 100%;}
		.ewi2_skin_gridview_pagerStyle span {background: red; color:#fff;  padding: 10px;}

		.ewi2_skin_gridview_pagerStyle a:link  {background: #f0f0f0; color: #333333; padding: 10px;}
		.ewi2_skin_gridview_pagerStyle a:visited {background: #f0f0f0; color: #333333; padding: 10px;}
		.ewi2_skin_gridview_pagerStyle a:hover {background: #e5e5e5; color: #333333; padding: 10px;}
		.ewi2_skin_gridview_pagerStyle a:active {background: #f0f0f0; color: #333333; padding: 10px;}

	/* gridview hot jobs */
		.ewi2_skin_gridview_hotjobs {margin-bottom: 0.5em;} /* div */
		.ewi2_skin_gridview_hotjobs_apply {float: right; position:absolute; right:0em;} /* div */
		.ewi2_skin_gridview_hotjobs_h2 { color:#000; float:left; padding-right:0.5em; padding-top:0.5em; font-size:1em; text-transform:capitalize; font-weight:normal; font-family:Verdana; border:0px; line-height:normal;} /* h2 */
		.ewi2_skin_gridview_hotjobs_salary_label {float:left; padding-top:0.5em; padding-right:0.5em;} /* span */
		.ewi2_skin_gridview_hotjobs_salary {float:left; padding-right:0.5em; padding-top:0.5em;} /* span */
		.ewi2_skin_gridview_hotjobs_perhour {float:left; padding-right:0.5em; padding-top:0.5em;} /* span */
		.ewi2_skin_gridview_hotjobs_address {float:left; padding-right:0.5em; padding-top:0.5em;} /* address */
		.ewi2_skin_gridview_hotjobs_employer {display: block; padding: 0.5em 0 0.5em 0; font-weight: bold;}/* span */
		.ewi2_skin_gridview_hotjobs_description {} /* p */
		.ewi2_skin_gridview_hotjobs_readmore {} /* a */
		.ewi2_skin_gridview_hotjobs_nohotjobs {margin: 0em; padding:0em; width: 90%; padding-top:0.4em; background:#333333; color:#fff;} /* div */
		
		
            /* top hot jobs  */
                
            #ewi2_skin_gridview_headercontent_search_hotjobs {width:520px; height:20px;   color:#fff; padding-bottom:10px; text-align:right; float:right; margin-top:30px; margin-right:10px;}     
				#ewi2_skin_gridview_headercontent_search_hotjobs span {font-family:Arial Black; font-size:25px; letter-spacing:-2px;}
  				#ewi2_skin_gridview_headercontent_search_hotjobs p { text-align:right; font-size:1.6em;}
  				#ewi2_skin_gridview_headercontent_search_hotjobs p em { color:#e6f3fb; font-size:1em; font-style:normal;}

	/* gridview column width */
		
		.ewi2_skin_gridview_width_hiddencol {width: 0%; display:none;}
		
		/* Candidates*/
								
			/* gridview column width - candidate vacancies / saved searches / vacancy shortlist */
			.ewi2_skin_gridview_width_vacsearch_col1, .ewi2_skin_gridview_width_savedsearch_col1, .ewi2_skin_gridview_width_shortlist_col1 {width: 35%; border-left:1px solid #fff; border-bottom:1px solid #fff;}
				.ewi2_skin_gridview_width_vacsearch_col1 a { font-weight:bold;}
				
				
			.ewi2_skin_gridview_width_vacsearch_col2, .ewi2_skin_gridview_width_savedsearch_col2, .ewi2_skin_gridview_width_shortlist_col2 {width: 30%; border-left:1px solid #fff; border-bottom:1px solid #fff;}
			.ewi2_skin_gridview_width_vacsearch_col3, .ewi2_skin_gridview_width_savedsearch_col3, .ewi2_skin_gridview_width_shortlist_col3 {width: 20%; text-align: right; border-left:1px solid #fff; border-bottom:1px solid #fff;}
			.ewi2_skin_gridview_width_vacsearch_col4, .ewi2_skin_gridview_width_savedsearch_col4, .ewi2_skin_gridview_width_shortlist_col4 {width: 15%; border-left:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff;}

			/* gridview column width - candidate timesheets */
			.ewi2_skin_gridview_width_cantimesheets_col1 {width: 34%;}
			.ewi2_skin_gridview_width_cantimesheets_col2 {width: 33%;}
			.ewi2_skin_gridview_width_cantimesheets_col3 {width: 33%;}
			
			/* gridview column width - candidate employment history */
			.ewi2_skin_gridview_width_employmenthistory_col1 {width: 30%;}
			.ewi2_skin_gridview_width_employmenthistory_col2 {width: 30%;}
			.ewi2_skin_gridview_width_employmenthistory_col3 {width: 30%;}
			.ewi2_skin_gridview_width_employmenthistory_col4 {width: 10%;}

			/* gridview column width - candidate contracts */
			.ewi2_skin_gridview_width_contracts_col1 {width: 15%;}
			.ewi2_skin_gridview_width_contracts_col2 {width: 33%;}
			.ewi2_skin_gridview_width_contracts_col3 {width: 33%;}
			.ewi2_skin_gridview_width_contracts_col4 {width: 19%;}
						
		/* Clients*/
		
			/* gridview column width - client vacancies */
			.ewi2_skin_gridview_width_clivacancies_col1 {width: 15%;}
			.ewi2_skin_gridview_width_clivacancies_col2 {width: 20%;}
			.ewi2_skin_gridview_width_clivacancies_col3 {width: 20%;}
			.ewi2_skin_gridview_width_clivacancies_col4 {width: 15%;}
			.ewi2_skin_gridview_width_clivacancies_col5 {width: 15%;}
			.ewi2_skin_gridview_width_clivacancies_col6 {width: 15%;}

			/* gridview column width - client timesheets */
			.ewi2_skin_gridview_width_clitimesheets_col1 {width: 10%;}
			.ewi2_skin_gridview_width_clitimesheets_col2 {width: 15%;}
			.ewi2_skin_gridview_width_clitimesheets_col3 {width: 25%;}
			.ewi2_skin_gridview_width_clitimesheets_col4 {width: 15%;}
			.ewi2_skin_gridview_width_clitimesheets_col5 {width: 20%;}
			.ewi2_skin_gridview_width_clitimesheets_col6 {width: 15%;}

			/* gridview column width - client search candidates */
			.ewi2_skin_gridview_width_clicansearch_col1 {width: 15%;}
			.ewi2_skin_gridview_width_clicansearch_col2 {width: 33%;}
			.ewi2_skin_gridview_width_clicansearch_col3 {width: 33%;}
			.ewi2_skin_gridview_width_clicansearch_col4 {width: 19%;}
			
		/* CMS */
		
			/* gridview column width - edit category */
			.ewi2_skin_gridview_width_editcategory_col1 {width: 45%; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_editcategory_col2 {width: 20%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_editcategory_col3 {width: 10%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_editcategory_col4 {width: 10%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_editcategory_col5 {width: 15%; text-align: center; border-left:1px #fff solid;}
	
			/* gridview column width - page list */
			.ewi2_skin_gridview_width_pagelist_col1 {width: 43%; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_pagelist_col2 {width: 17%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_pagelist_col3 {width: 10%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_pagelist_col4 {width: 15%; text-align: center; border-left:1px #fff solid;}
			.ewi2_skin_gridview_width_pagelist_col5 {width: 15%; text-align: center; border-left:1px #fff solid;}


/* Help Me Login Questionmark */
.ewi2_skin_login_help {margin-top: 0.7em;}

/* Job Description hidden textbox label */
.ewi2_skin_jobdescription_textbox {width: 24em; background-color: White; display: block; float: left;}

/* label sitting right of text box (eg. Salary must be 25000) */
.ewi2_skin_rightoftextbox_text {vertical-align: top;}