@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";

.email, .password {
  width: 90px;
}

body { background: #dcdcdc url(/images/html_bg.png) center top no-repeat;}

.clear {clear: both; }

/* Page
-------------------------------------------------------------- */

#page { background: url(/images/page_bg.png) center top no-repeat; border-top: 3px solid #d21c12; }


/* Header
-------------------------------------------------------------- */

#header { 
	margin: 0 auto; 
	width: 960px; 
	clear: both;
}

#header .logo { float: left; }

#header .login { float: right; background: #d21c12 url(/images/login_bg.gif) bottom left repeat-x; width:700px; height:47px; }
#header .login div.leftCorner { background: url(/images/login_btm_left_cnr.gif) bottom left no-repeat; padding-left: 17px; width:auto; height:inherit; }
#header .login div.leftCorner div.rightCorner { background: url(/images/login_btm_right_cnr.gif) bottom right no-repeat; padding-right: 17px; padding-bottom: 0px; width:auto; height:44px; }

#header .login div.leftCorner p.login-help-text { 
	background: url(/images/login_help_text.gif) top left no-repeat; 
	float: left; 
	width: 201px; 
	height: 24px; 
	margin: 7px 14px 0 0; 
	padding: 0; 
}

#header .login div.leftCorner p.login-help-text span { display: none; }
#header .login a { color: #fff; }
#header .login td { 
	border:none; 
	padding: 0; 
	padding-right: 5px;
	color: #ffffff;
	white-space: nowrap;
	vertical-align: middle;
}

#header .login a#myProfileLink {
	background: url(/images/myProfileButton.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 28px;
	margin-top: 5px;
}

#header .rememberMe  {
	padding-top: 2px;
}

#header .rememberMe input {
}

#header .rememberMe label {
	padding-left: 5px;
}

#header table {
	margin: 0;
}

#header .tabs { 
	float: right; 
	margin: 0;
	margin-top: 16px;
	margin-bottom: 16px;
}

ul.tabs li { 
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-left: 19px;
}

/* Clearing floats without extra markup  */
ul.tabs { display: inline-block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

#header .tabs a { 
	color: #454950; 
	font-size: 1.5em; 
	line-height: 31px;
	padding: 0;
	padding-right: 19px; 
	text-decoration: none; 
	text-transform: uppercase; 
	height: 31px; 
	float: left; 
	display: block; 
}

#header .tabs a:hover { color: #d21c12; }

#header .tabs li.current { background: url(../images/header_tab_current_left.gif) top left no-repeat; }

#header .tabs li.current a { 
	background: url(../images/header_tab_current_right.gif) top right no-repeat; 
	color: #d21c12; 
}

#registrationTable .registrationHeader {
	background:#D21C12 url(/images/login_bg.gif) repeat-x scroll left bottom;
	COLOR: #FFFFFF;
}

#registrationTable .registrationHeader h2 {
	color: #ffffff;
	margin: 8px;
	margin-left: 0;
}

#registrationTable .registrationLockState {
	padding: 4px 10px 4px 10px;
}
 
 #studentRegistrationTable  {
	padding: 23px;
 }

 .validatorList { text-align:center; } 
 .validatorList ul {display:none;}
 
#registrationTable .registrationSubHeader { background-color: #E6E6E6; }
#registrationTable td { padding: 4px; padding-left: 20px; border:none; } 
#registrationTable {width:100%;}
.regText { 
	text-align: right; vertical-align:top; 
	font-size:1.2em;
}
#ethnicityRadioGroup td { width:auto; }
#registrationTable label {
	padding-left: 4px;
	font-size:1.2em;
}
.rightColLabel { margin:20px; }
#termsAndConditions { overflow:auto; height:200px; padding:5px; border:solid 1px; }
.preferredMethodOfContactRow { display:none; }

/* Skills maintenence
-------------------------------------------------------------- */
#skillsTable td {width:100px;}



/* Staff Change Password
-------------------------------------------------------------- */
#staffChangePasswordContent #employerAutoComplete {display:none;}
#staffChangePasswordContent #studentAutoComplete {display:none;}
#staffChangePasswordContent #staffChangePassword {display:none;}
#staffChangePasswordContent #changePasswordControl {display:none;}

/* Job details
-------------------------------------------------------------- */
.boldText { font-weight:bold; } 
#jobRefNumber h5, #jobRefNumber p, #jobRefNumber h4   { text-align:center; }
#jobRefNumber { border:solid 1px; padding-top:6px; margin-top:22px; margin-left:8px; background-color: #DDDDDD; }

/* Profile pages
-------------------------------------------------------------- */
.profileMenu {margin-left:4px;}
.profileMenu #userDetails {padding:8px; margin:8px;line-height: 18px; color: #ffffff;}
.profileMenu #studentSummary,
.profileMenu #employerSummary,
.profileMenu #employerOptions,
.profileMenu #jobOptions,
.profileMenu #studentOptions,
.profileMenu #reports,
.profileMenu #staffOptions
{
    border-bottom:solid 1px #ffffff; padding:7px; margin:8px;
}

/* Staff Profile
--------------------------------------------------------------- */

#profileContent .ac_input,
#jobDetails .ac_input
 {
	width: 320px;
	text-align: left;
}

#JumpMenu { 
	
}

.ac_level1
{
    font-size: 14px;
    font-weight: bold;
    color:#CC0000;
    padding-bottom: 4px;
}

.ac_level2
{
    font-size: 14px;
    padding-bottom: 2px;
}

.ac_level3
{
    font-size: 12px;
    padding-bottom: 2px;
}

.ac_level4
{
    font-size: 12px;
    font-style: italic;
    padding-bottom: 2px;
}


/* Body
-------------------------------------------------------------- */
#body { margin: 0 auto; padding-bottom: 20px; width: 960px; background: url(../images/body_bg.gif) top left repeat-y; color: #454950; clear: both; }

#body .banner { 
	background: url(../images/body_top_bg.gif) top left no-repeat; 
	padding: 20px 0 0 20px; 
	position: relative; 
}

#body .banner h2 { background: url(../images/horz_dotted_line.gif) bottom left repeat-x; margin: 15px 23px 0 0; padding-bottom: 15px; }
#body .banner a.sign-up { position: absolute; right: 23px; }

#body .box { 
	float: left; 
	font-size: 1.1em; 
	display: inline;
}

#body .welcome { 
	background: url(../images/welcome_box_bg.jpg) top left no-repeat; 
	color: #fff; 
	margin-left: 20px; 
}

#body .welcome .introduction { 
	background: url(../images/welcome_to_student_job_search_text.gif) 14px 20px no-repeat; 
	height: 235px; 
	width: 225px;
}

#body .welcome h2 { display: none;}
#body .welcome ul { padding-top: 75px; padding-bottom: 0; margin-bottom: 0; margin-top: 0; margin-left: 30px; list-style-image:url(../images/bullet_white.gif);  }
#body .employers, #body .students, #body .vacancies { width: 225px; border-left: 1px solid #cdcdcd; }
#body .employers .introduction, #body .students .introduction, #body .vacancies .introduction { padding: 0 10px; margin: 10px 0 0 0; }
#body .employers h5, #body .students h5, #body .vacancies h5 { color: #c00; }
#body .employers p, #body .students p { text-align: center; margin-bottom: 0; }
#body .vacancies p { margin-bottom: 0; }
#body .left { margin-left: 20px; }

#body .search-panel, #body .vacancies { 
	float: right; 
	display: inline;
	margin-right: 12px;
}

#body .pagination { border-top: 1px dotted #ccc; margin: 20px 23px 20px 20px; padding: 10px 250px 0 0; clear: both; }
#body .pagination .tabs { font-size: 1.2em; line-height: 1em; font-weight: bold; float: right; }
#body .pagination .tabs li { padding: 2px 3px; }
#body .pagination .tabs a, #body .pagination .tabs li.previous, #body .pagination .tabs li.next { font-weight: normal; }
#body .pagination .tabs li.next a { border-left: 1px solid #ccc; padding-left:6px; padding-right: 8px; margin-left:2px; background: url(../images/arrow_red_right.gif) right no-repeat; }
#body .pagination .tabs li.previous a { border-right: 1px solid #ccc; padding-left: 8px; padding-right:6px; margin-right:2px; background: url(../images/arrow_red_left.gif) left no-repeat; }

#left-col { float: left; width: 184px; padding: 0; line-height: 1em; margin-top: 20px;}
#left-col .sub-nav { background: url(../images/left_col_bg.gif) top left repeat-y; }
#left-col .sub-nav h3 { background: url(../images/left_col_bg_top.gif) top left no-repeat; padding: 20px 0 6px 14px; text-transform: uppercase; font-weight: normal; letter-spacing: -1px; }
#left-col .sub-nav ul { background: url(../images/left_col_bg_btm.gif) bottom left no-repeat; margin: 0; list-style-type: none; list-style-image: none; font-size: 1.2em; padding-bottom: 100px; }
#left-col .sub-nav a { background: url(../images/sidenav_arrow.gif) 12px 12px no-repeat; display:block; padding: 14px 10px 14px 32px; color: #454950; }
#left-col .sub-nav a:hover { background: url(../images/sidenav_arrow_current.gif) 12px 12px no-repeat; text-decoration: none; color: #000; }
#left-col .sub-nav ul li.current a { background: #e6e6e6 url(../images/sidenav_arrow_current.gif) 12px 12px no-repeat; color: #000; }
#left-col .advert { width: 165px; margin: 20px 0 20px 19px; }

#mid-col { margin: 20px 332px 0 207px; }
#mid-col p, #mid-col ul, #mid-col ol, #mid-col dl { font-size: 1.2em; }
#mid-col .introduction p { font-size: 1.4em; }
#mid-col .search-result { padding: 2em 1.5em; }
#mid-col .search-result p { margin: 0; }
#mid-col .shade { background: #e6e6e6; }
#mid-col .search-result h5 { color: #c00; }
#mid-col .search-result a.login { color: #4481af; float: right; }
#mid-col table { width: 100%; }

#right-col { float: right; margin: 20px 0 0 0; width: 239px; }
#right-col h3 { color: #888; }
#right-col ul, #right-col ol { color: #888; }
#right-col ul a { color: #555; }

#right-col .search-panel, #body .search-panel { background: #ed3229 url(../images/search_panel_bg.gif) top left repeat-y; }

#right-col .search-panel div.sform, #body .search-panel div.sform { 
	background: url(../images/search_panel_btm_bg.gif) bottom left no-repeat; 
	width: 227px;
}

#right-col .search-panel .fieldset, #body .search-panel .fieldset {
	background: url(../images/search_panel_top_bg.gif) top left no-repeat;
}

#right-col .search-panel p.adv-search, #body .search-panel  p.adv-search { 
	background: url(../images/find_a_job_heading.gif) bottom left no-repeat; text-align: right; line-height: 1em; padding: 1.3em 0 0 0; margin-bottom: 1em; 
}
#right-col .search-panel p.adv-search a, #body .search-panel  p.adv-search a { color: #fff; }

#right-col .search-panel .fieldset.jobToJob { 
	background: url(../images/jumpMenuBottom.gif) bottom left no-repeat; 
	height: 100px;
}

.jobToJob h3 {
	background:transparent url(../images/jumpToJob.gif) no-repeat scroll left top;
	line-height:1em;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	margin-bottom: 8px;
}

div.sform .jobToJob  p {
	margin-top: 1em;
}

.jobToJob input {
	width: 98%;
}

#left-col .profileMenu { 
	color: #ffffff; 
	background: #8C8C8C url(../images/left_panel_bg.gif) top left repeat-y; 
	width:160px;
	margin-left: 23px;

}

/*#left-col .profileMenu #studentOptions, #left-col .profileMenu #employerDetails 
{
    font-size:1.2em;
}*/

.listOptions
{
    font-size:1.2em;
}


#left-col .profileMenu div.top {
	background:transparent url(../images/left_panel_top_bg.gif) no-repeat scroll left top;
}

#left-col .profileMenu div.bottom {
	background:transparent url(../images/left_panel_btm_bg.gif) no-repeat scroll left bottom;
	padding-top:8px;
}

#left-col .profileMenu.staff { 
	background: #ED3229 url(../images/left_panel_bg_grey.gif) top left repeat-y; 
	color: #ffffff; 
	font-size:1.2em;
}

#left-col .profileMenu.staff div.top {
	background:transparent url(../images/left_panel_top_bg_grey.gif) no-repeat scroll left top;
}

#left-col .profileMenu.staff div.bottom {
	background:transparent url(../images/left_panel_btm_bg_grey.gif) no-repeat scroll left bottom;
}

#left-col ul {
	list-style-image:url(../images/bullet_white.gif);
	margin-left: 8px;
	margin-right: 8px;
	list-style-position:inside;
}

#left-col .profileMenu .bottom div ul {
	margin-left: 0;
	margin-right: 0;
}

#left-col ul li {
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: solid 1px #ffffff;
}

#left-col .profileMenu .bottom div ul li {
	padding-left: 0;
	border: none;
}

#left-col a {
	color: #ffffff;
}


.businessAddress { display:none; }
.employerAddress { display:none; } 
#businessAddressTable { display:none; }
#employerAddressTable { display:none; }
.jobLocationAddress { display:none; }

.payRangeSelected {display: none; }
.fixedPayRateSelected { display:none; }
/*.homeAddress { display:none; }*/
/*.termAddress { display:none; }*/


/* Footer
-------------------------------------------------------------- */
#footer { margin: 0 auto 50px auto; padding-top:19px; width: 960px; background: url(../images/body_btm_bg.gif) top left no-repeat; line-height: 1.1em; }
#footer .banner { margin-bottom: 1.2em; }
#footer .tabs { background: url(../images/footer_contact.gif) top right no-repeat; height: 1.2em;}
#footer .tabs li { color: #818488; padding: 0 .6em 0 0; }
#footer .tabs a { padding: 0 0 0 .6em; color: #818488; text-decoration: none; border-left:1px solid #aaa; }
#footer .tabs a:hover { text-decoration: underline; }
#footer .quiet { display:none; }



/* Autocomplete
-------------------------------------------------------------- */
.ac_input {
	width: 200px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url('/images/indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#skills, #addSkills {
	width: 50%;
	margin: 23px;
	float: left;
	clear: both;
}

#skills table#skillsTable {
	width: 100%;
}

#skills table#skillsTable th {
	background:#D21C12 url(/images/login_bg.gif) repeat-x scroll left bottom;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	font-size: 12px;
}

#jobs th {
	background:#D21C12 url(/images/login_bg.gif) repeat-x scroll left bottom;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	font-size: 12px;
}

#skills table#skillsTable td {
	padding: 4px;
	vertical-align: middle;
}

#skills table#skillsTable td.right {
	text-align: right;
}

#addSkills select {
	width: 49% !important;
}

#skills p, #addSkills p {
	margin-top:1.4em;
	margin-right: 4px;
}

span.success   {
	padding: 8px;
	padding-left: 32px;
	margin-bottom: 10px;
	color: #000000;
	border: solid 1px #8AD66A;
	background: #E0FFD3 no-repeat 8px 8px url(/images/tick.gif);
	display: block;
}

span.error  {
	padding: 8px;
	padding-left: 32px;
	margin-bottom: 10px;
	color: #000000;
	border: solid 1px #E47E7A;
	background: #FFE4E3 no-repeat 8px 8px url(/images/exception.gif);
	display: block;
}

span.information  {
	padding: 8px;
	padding-left: 32px;
	margin-bottom: 10px;
	color: #000000;
	border: solid 1px #7AA6D5;
	background: #E3F1FE no-repeat 8px 8px url(/images/info.gif);
	display: block;
}



.ui-dropdownchecklist
{
	height: 20px;
	border: 1px solid #ddd;
	border-right: 0;
	background: #fff url(/images/dropdown.png) no-repeat center right;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active
{
	background-image: url(/images/dropdown_hover.png); 
	border-color: #5794bf;
}

.ui-dropdownchecklist-text
{
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-right: 17px; /* background dropdown.png image */
	padding-left: 6px;
}

.ui-dropdownchecklist,
.ui-dropdownchecklist-text
{
    width: 390px;
}

.ui-dropdownchecklist-dropcontainer
{
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item
{
	padding-left: 6px;
}

.ui-dropdownchecklist-item-hover
{
	background-color: #39f;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
	color: #fff;
}

.ui-dropdownchecklist-group
{
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent
{
	padding-left: 20px;
}

#studentSummary p, #studentSummary ul li, #employerSummary p, #userDetails p {
	color: #ffffff;
}

#userDetails h5{
	color: #ffffff;
}

#employerDetails h6, #studentSummary h6, #employerSummary h6, #userDetails h6{
	border-bottom: #ffffff solid 1px;
	color: #ffffff;
	margin-top: 8px;
}

#employerDetails.summary h6, #studentSummary.summary h6, #employerSummary.summary h6{
    border-bottom: #000000 solid 1px;
	color: #454950;
}

#employerDetails.summary , #studentSummary.summary , #employerSummary.summary {
    font-size: 9pt;
}

#employerDetails.summary .text, #studentSummary.summary .text, #employerSummary.summary .text{
    font-weight: bold;
}

#studentSummary.summary  p, #studentSummary.summary  ul li, #employerSummary.summary  p{
	color: #454950;
}


#updateECM {
	margin-bottom: 24px;
}

#header .login td.forgotPasswordLink {
	white-space: normal;
}

.login h6 {
	color: #000000;
}

#header .login td.loginInstruction {
	vertical-align: top;
}

#header .login td.rememberMe input {
	margin: 0;
}

#recentlyUsed ul {
	font-size: 1.2em;
}

.rectangleAd {
	float: right;
	margin-right: 12px;
	clear: right;
}