/* -------------------------------------------
Main style sheet for E4S Employer Accounts
created: April 2007
author: Brett Chaney
website: http://www.dreamscapestudios.co.uk
------------------------------------------- */
/************************************** basic elements **************************************/
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #000; 
	background: #fff; 
	margin: 0px; 
	text-align: center;
}
form {
	margin: 0; 
}
a {
	color: #002583; 
	text-decoration: underline;
}
p {
	font-size: 1.0em;
	margin: 6px 17px 14px 17px;
}
img {
	border: 0;
}
input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	height: 1.12em; 
}
input.wide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	height: 1.1em;
	width: 20em;
}
input.submitStyle {
	padding-top: 1px;
	margin:0pt 10px;
	vertical-align:middle;
	border:0pt none;
	height:auto;
	width:auto;	
}
.blackText {
	color: #000;
}
.smallText {
	font-size: 0.9em;
}
.smallText2 {
	font-size: 0.6em;
}
.largeText {
	font-size: 1.2em;
}
.largeText a {
	color: #000;
}
.largeText2 {
	color: #000;
	font-size: 1.6em;
}
.clear {
	clear: both;
	height: 1%;
}
.greenText {
	color: #0a7808;
}
.largeBlueText {
	color: #062165;
	font-size: 2.0em;
}
.largeBlueText2 {
	color: #062165;
	font-size: 2.0em;
	vertical-align: middle;
}
.redText {
	color: #dd0000;
}
.redAsterix {
	color: #dd0000;
	font-size: 1.1em;
}
.paddingLeft {
	padding-left: 17px;
}
.vertAlignMid {
	vertical-align: middle;
}
.noBold {
	font-weight: normal;
}
/************************************** pure css popup styles **************************************/
a.info {
    position: relative;
    z-index: 24; 
    color: #000;
}
a.info:hover {
	z-index: 25; 
	background-color: #ffcb98;
}
a.info span {
	display: none;
}
a.info:hover span { 
    display: block;
    position: absolute;
    top: 1.7em; 
	left: -22.6em; 
	width: 30em;
    border: 1px solid #ff7e00;
    background-color: #fdd7b2; 
	color:#000;
	padding: 8px;
    text-align: left;
	text-decoration: none;
}
/************************************** layout divs **************************************/
#container {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}
#container #header {
	width: 965px;
	height: 95px;
	margin-top: 17px;
	text-align: left;
	background: url(http://www.e4s.co.uk/images/employer/header-bg.gif) no-repeat top right;
	padding: 0 0 0 25px;
}
#container #leftSide {
	float: left;
	width: 159px;
}
#container #content {
	float: left;
	width: 831px;
	background: url(http://www.e4s.co.uk/images/employer/content-bg.gif) repeat-y;
}
/************************************** basket divs **************************************/
#leftSide #basket {
	background: url(http://www.e4s.co.uk/images/employer/your-basket-bg.gif) repeat-y; 
	width: 151px;
}
#leftSide #basket p {
	text-align: center;
	width: 120px;
	margin: 20px auto;
}
#leftSide #basket #yourBasket {
	background: url(http://www.e4s.co.uk/images/employer/your-basket.gif) no-repeat;
	height: 30px;
}
#leftSide #basket #bot {
	background: url(http://www.e4s.co.uk/images/employer/your-basket-bot.gif) no-repeat;
	height: 5px;
	font-size: 1px;
}
/************************************** navigation divs **************************************/
#leftSide #navigation {
	width: 151px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: url(http://www.e4s.co.uk/images/employer/nav-bg.gif) repeat-y;
	border-bottom: 2px solid #002583;
	margin-top: 8px;
	margin-bottom: 8px;
}
#leftSide #navigation #navigationHome {
	background: url(http://www.e4s.co.uk/images/employer/nav-home.gif) top no-repeat;
	height: 29px;
}
#leftSide #navigation .navtitle {
	background: #002583;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	text-align: left;
	padding: 3px 0 3px 10px;
	margin-bottom: 1px;
	
}
#leftSide #navigation .navlink {
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	padding: 1px;
	text-align: left;
	padding: 0;
	margin-bottom: 1px;
	margin-left: 1px;
}
													
#leftSide #navigation .navlink a {
	display: block;
	background-color: #2f87cf;
	color: #fff;
	text-decoration: none;
	width: 140px;
	border-right: 1px solid #002583;
	padding: 3px 0 3px 9px;
	}
					
#leftSide #navigation .navlink a:hover {
	background-color: #015ba5;
	color: #fff;
}
#leftSide #navigation .navlink a.over {
	display: block;
	background-color: #015ba5;
	color: #fff;
	text-decoration: none;
	width: 140px;
	border-right: 1px solid #002583;
	padding: 3px 0 3px 9px;
}
/************************************** content divs **************************************/
#content #contentTop {
	background: url(http://www.e4s.co.uk/images/employer/content-top.gif) repeat-y; 
	height: 8px;
	font-size: 1px;
}
#content #contentTop2 {
	background: url(http://www.e4s.co.uk/images/employer/content-top2.gif) no-repeat; 
	height: 45px;
}
#content #contentTop2 img {
	float: left;
}
#content #contentTop2 h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 54px;
	padding: 15px 0 0 0;
}
#content h1 {
	color: #002583;
	font-size: 1.5em;
	margin: 25px 17px;
	font-weight: normal;
}
#content .
 {
	border: 1px solid #ff7e00;
	background: url(http://www.e4s.co.uk/images/employer/info-box-icon.gif) left top no-repeat #ffcb98;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
}
#content .infoBox {
	border: 1px solid #ff7e00;
	background: url(http://www.e4s.co.uk/images/employer/info-box-icon.gif) left top no-repeat #ffcb98;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
}
#content .infoBox a {
	color: #000;
}
#content .infoBox h1 {
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	margin: 16px 0px 0px 50px;
}
#content .infoBox p {
	margin: 16px 13px 14px 13px;
}
#content .infoBox2 {
	border: 1px solid #ff7e00;
	background: url(http://www.e4s.co.uk/images/employer/icon-orange-i.gif) 15px 12px no-repeat #ffcb98;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
	width: 797px;
}
#content .infoBox2 ul {
	margin: 6px 0 6px 90px;
	padding: 0;
}
#content .infoBox2 li {
	padding: 2px 0;
}
#content .infoBox3 {
	border: 1px solid #ff7e00;
	background: url(http://www.e4s.co.uk/images/employer/icon-orange-i.gif) 15px 12px no-repeat #ffcb98;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
	width: 797px;
}
#content .infoBox3 ul {
	margin: 6px 0 6px 90px;
	padding: 0;
}
#content .infoBox3 li {
	padding: 2px 0;
} 
#content .greenBox5 {
	border: 1px solid #097307;
	background: url(http://www.e4s.co.uk/images/employer/green-box-icon.gif) 15px 12px no-repeat #bdf4bc;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
	width: 797px;
	
}
#content .greenBox5 ul {
	margin: 6px 0 6px 90px;
	padding: 0;	
}
#content .greenBox5 li {
	padding: 2px 0;
} 
#content .greenBox5 img {
	vertical-align: middle;
	padding: 7px 22px 7px 30px;
}
#content .greenBox5 img.check {
	padding: 4px 10px;
}
#content .greenBox5 p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content .greenBox5 p.text2 {
	padding: 10px 10px;
	font-size: 1.1em;
}
#content .pagenation {
	margin: 0 17px;
	width: 790px;
	clear: both;
	text-align: right;
	font-size: 0.9em;
}
#content .pagenation a {
	color: #000;
}
#content .borderBlue {
	border-bottom: 1px solid #6a9fca;
}
#content .arrow {
	margin: 94px 0 0 0;
	float: left;
}
#content .breadCrumb {
	border: 1px solid #002583;
	background: #c8deef;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
	width: 465px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 14px;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
#content .breadCrumb img {
	vertical-align: middle;
	margin: auto 2px auto 14px;
}
#content .breadCrumb img.tick {
	margin-top: -5px;
}
#content .accountBalance {
	background: url(http://www.e4s.co.uk/images/employer/acc-balance-bg.gif) repeat-y;
	float: left;
	margin: 0 auto 14px 17px;
	display: inline;
	width: 290px;
}
#content .accountBalance p{
	margin: 10px 0;
	text-align: center;
	font-size: 1.3em;
}
#content .accountBalance #top {
	background: url(http://www.e4s.co.uk/images/employer/acc-balance-top.gif) no-repeat;
	height: 6px;
	font-size: 0;
}
#content .accountBalance #bot {
	background: url(http://www.e4s.co.uk/images/employer/acc-balance-bot.gif) no-repeat;
	height: 6px;
	font-size: 0;
}
#content #studentJob {
	background: url(http://www.e4s.co.uk/images/employer/student-job-bg.gif) repeat-y;
	width: 316px;
	color: #fff;
	margin-bottom: 8px;
}
#content #studentJob #top {
	background: url(http://www.e4s.co.uk/images/employer/student-job-top.gif) no-repeat;
	width: 316px;
	height: 43px;
}
#content #studentJob #top h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 100px;
	padding: 16px 0 0 0;
}
#content #studentJob #bot {
	background: url(http://www.e4s.co.uk/images/employer/student-job-bot.gif) no-repeat;
	width: 316px;
	height: 7px;
	font-size: 0;
}
#content #internship {
	background: url(http://www.e4s.co.uk/images/employer/internships-bg.gif) no-repeat;
	width: 316px;
	color: #fff;
	height: 43px;
	margin-bottom: 8px;
}
#content #internship h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 60px;
	padding: 14px 0 0 0;
}
#content #graduate {
	background: url(http://www.e4s.co.uk/images/employer/graduates-bg.gif) no-repeat;
	width: 316px;
	color: #fff;
	height: 43px;
}
#content #graduate h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 60px;
	padding: 14px 0 0 0;
}
#content .buttons {
	width: 587px;
	text-align: center;
	margin-left: 17px;
	clear: both;
}
#content .buttons img {
	margin: 0 10px;
	vertical-align: middle;
}
#content .buttons img.submitStyle {
	padding-top: 1px;
}
#content #payBalance {
	float: left;
	margin-top: 12px;
}
#content #payBalance a {
	color: #000;
}
#content #payBalance img {
	vertical-align: middle;
	margin: auto 6px auto 14px;
}
#content #saveDetails {
	width: 797px;
	margin-left: 17px;
	clear: both; 
	margin-bottom: 14px;
}
#content #saveDetails img {
	vertical-align: middle;
	padding-right: 4px;
}
#content select.dropDown {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 170px;
}
#content select.dropDownbig {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 170px;
}
#content select.dropDownmed {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 75px;
}
#content select.dropDownyear {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 55px;
}
#content select.dropDownsmall {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 80px;
 }
/************************************** table styles **************************************/
#content table.orangeBox {
	border: 1px solid #ff7e00;
	background: #ffcb98;
	width: 797px;
	margin: 0 auto 14px 17px;
}
#content table.orangeBox img {
	vertical-align: middle;
	padding: 7px 22px 7px 54px;
}
#content table.orangeBox p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.greenBox {
	border: 1px solid #097307;
	background: #bdf4bc;
	width: 797px;
	margin: 0 auto 14px 17px;
}
#content table.greenBox img {
	vertical-align: middle;
	padding: 7px 22px 7px 25px;
}
#content table.greenBox img.check {
	padding: 4px 10px;
}
#content table.greenBox p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.greenBox p.text2 {
	padding: 10px 10px;
	font-size: 1.1em;
}
#content table.greenBox2 {
	border: 1px solid #097307;
	background: url(http://www.e4s.co.uk/images/employer/icon-instructions.gif) 12px 9px no-repeat #bdf4bc;
	width: 476px;
	float: left;
	margin-left: 17px;
	margin-bottom: 14px;
	display: inline;
}
#content table.greenBox2 ol {
	margin: 8px 10px 10px 37px;
	padding: 0;
}
#content table.greenBox2 li {
	padding: 2px 0;
	font-weight: bold;
}
#content table.greenBox2 h1 {
	padding: 0;
	margin: 16px 30px 6px 51px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
#content table.greenBox3 {
	border: 1px solid #097307;
	background: url(http://www.e4s.co.uk/images/employer/icon-summary.gif) 12px 9px no-repeat #bdf4bc;
	width: 476px;
	float: left;
	margin-left: 17px;
	margin-bottom: 14px;
	display: inline;
}
#content table.greenBox3 ol {
	margin: 8px 10px 10px 37px;
	padding: 0;
}
#content table.greenBox3 li {
	padding: 2px 0;
	font-weight: bold;
}
#content table.greenBox3 h1 {
	padding: 0;
	margin: 16px 30px 6px 51px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
#content table.greenBox4 {
	border: 1px solid #097307;
	background: url(http://www.e4s.co.uk/images/employer/green-box-icon.gif) 15px 12px no-repeat #bdf4bc;
	float: right;
	margin: 0 17px 14px 0;
	display: inline;
	width: 797px;
	
}
#content table.greenBox4 ul {
	margin: 6px 0 6px 90px;
	padding: 0;	
}
#content table.greenBox4 li {
	padding: 2px 0;
} 
#content table.greenBox4 img {
	vertical-align: middle;
	padding: 7px 22px 7px 30px;
}
#content table.greenBox4 img.check {
	padding: 4px 10px;
}
#content table.greenBox4 p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.greenBox4 p.text2 {
	padding: 10px 10px;
	font-size: 1.1em;
}
#content table.redBox {
	border: 1px solid #d20000;
	background: #f4c6c6;
	width: 797px;
	margin: 0 auto 14px 17px;
}
#content table.redBox img {
	vertical-align: middle;
	padding: 7px 22px 7px 10px;
}
#content table.redBox p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.redBox1 {
	border: 1px solid #d20000;
	background: #f4c6c6;
	width: 797px;
	margin: 0 auto 14px 17px;
}
#content table.redBox1 img {
	vertical-align: middle;
	padding: 7px 22px 7px 40px;
}
#content table.redBox1 p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.redBox2 {
	border: 1px solid #d20000;
	background: url(http://www.e4s.co.uk/images/employer/red-box-icon.gif) 15px 12px no-repeat #f4c6c6;
	
	margin: 0 17px 14px 0;
	display: inline;
	width: 797px;
	
}
#content table.redBox2 ul {
	margin: 6px 0 6px 90px;
	padding: 0;	
}
#content table.redBox2 li {
	padding: 2px 0;
} 
#content table.redBox2 img {
	vertical-align: middle;
	padding: 7px 22px 7px 30px;
}
#content table.redBox2 img.check {
	padding: 4px 10px;
}
#content table.redBox2 p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
#content table.redBox2 p.text2 {
	padding: 10px 10px;
	font-size: 1.1em;
}
#content table.basicTable {
	margin: 10px 0 0 17px;
	float: left;
	_display: inline;
}
#content table.basicTable select {
	font-size: 0.9em;
}
#content table.basicTable input {
	font-size: 0.9em;
}
#content table.table1 {
	border: 1px solid #002583;
	margin: 0 0 14px 17px;
	background: #c8deef;
	float: left;
	_display: inline;
}
#content table.table1 tr.header {
	height: 44px;
	background: url(http://www.e4s.co.uk/images/employer/table-header-bg.gif) repeat-x;
}
#content table.table1 tr .noheaderIcon {
	height: 44px;
}
#content table.table1 tr .noheaderIcon h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 18px;
	padding: 14px 0 0 0;
}
#content table.table1 tr .headerIcon {
	height: 44px;
}
#content table.table1 tr .headerIcon img {
	float: left;
}
#content table.table1 tr .headerIcon h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 14px 0 0 0;
}
#content table.table1 td img.listArrow {
	margin-left: 20px;
}
#content table.table1 td img#homeCC {
	vertical-align: middle;
	margin-left: 15px;
}
#content table.table1 td img#homeCalculator {
	vertical-align: middle;
	margin-left: 12px;
}
#content table.table1 .formFile {
	font-size: 1.0em;
	height: auto;
}
#content table.table1 textarea {
	height: 190px;
	width: 540px;
}
#content table.table1 textarea.qualifications {
	height: 80px;
	width: 540px;
}
#content table.table1 textarea.contact {
	height: 80px;
	width: 200px;
}
#content table.table1 select.select1 {
	font-size: 0.9em;
	height: 72px;
}
#content table.table2 {
	border: 1px solid #002583;
	margin: 10px 0 10px 17px;
	background: #c8deef;
	float: left;
	_display: inline;
}
#content table.table2 td.header {
	background: url(http://www.e4s.co.uk/images/employer/table-header-bg.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 14px 4px 6px 4px;
}
#content table.table2 td.header2 {
	background: url(http://www.e4s.co.uk/images/employer/table-header-bg2.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 15px 4px 8px 4px;
}
#content table.table2 td.green {
	border-top: 1px solid #74c674;
	background: #d5eed5;
	color: #000;
	padding: 4px 4px;
}
#content table.table2 td.green2 {
	border-top: 1px solid #74c674;
	border-bottom: 1px solid #74c674;
	background: #d5eed5;
	color: #000;
	padding: 8px 4px;
	font-weight: bold;
}
#content table.table2 td.green2b {
	border-top: 1px solid #74c674;
	border-bottom: 1px solid #74c674;
	background: #d5eed5;
	color: #000;
	padding: 4px 4px;
	font-weight: bold;
}
#content table.table2 td.green3 {
	background: #d5eed5;
	color: #000;
	padding: 4px 4px;
}
#content table.table2 td.white {
	border-top: 1px solid #6a9fca;
	background: #fff;
	font-size: 1%;
}
#content table.table2 td.white2 {
	border-top: 1px solid #6a9fca;
	background: #fff;
	color: #000;
	padding: 4px 4px;
}
#content table.table2 td.white3 {
	background: #fff;
	color: #000;
	padding: 4px 4px;
}
#content table.table2 td.blue {
	background: #015ba5;
	padding: 4px 4px;
	color: #fff;
}
#content table.table2 td.blue2 {
	border-top: 1px solid #6a9fca;
	background: #dfecf6;
	padding: 4px 4px;
}
#content table.table2 td.blue3 {
	border-top: 1px solid #6a9fca;
	background: #c8deef;
	padding: 8px 4px;
}
#content table.table2 td.blue4 {
	border-top: 2px solid #002583;
	background: #c8deef;
	padding: 4px 4px;
}
#content table.table2 td.blue5 {
	background: #c8deef;
	padding: 4px 4px;
}
#content table.table2 tr .noheaderIcon {
	height: 44px;
}
#content table.table2 tr .noheaderIcon h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 18px;
	padding: 14px 0 0 0;
}
#content table.table2 tr .headerIcon {
	height: 44px;
}
#content table.table2 tr .headerIcon img {
	float: left;
}
#content table.table2 tr .headerIcon h1 {
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 0 54px;
	padding: 14px 0 0 0;
}
/************************************** content footer divs **************************************/
#content #emptySpace {
	clear: both;
	height: 30px;
}
#content #contentFooter {
	border-bottom: 1px solid #002583;
}
#content #contentFooter2 {
	background: url(http://www.e4s.co.uk/images/employer/footer-bg.gif) repeat-x top;
	width: 796px;
	margin-left: 18px;
	text-align: center;
	padding: 6px 0;
	font-size: 0.8em;
}
.submitbutton { width:84px; height:20px;}
#registrationmain { overflow:auto;}
#logindivleft { width:325px; float:left;}
#regdivright { width:505px; float:right;}
#content table.newredBox {border: 1px solid #d20000; background: #f4c6c6; width: 300px; margin: 0 auto 14px 17px;}
#content .textField {
	border: 1px solid #748dcb;
	background: #fff;
	font-size: 10px;
	padding: 1px;
	width: 168px;
}
#content table.redBox5 {
	border: 1px solid #d20000;
	background: #f4c6c6;
	width: 797px;
	margin: 0 auto 14px 17px;
}
#content table.redBox5 img {
	vertical-align: middle;
	padding: 7px 7px 7px 40px;
}
#content table.redBox5 p {
	padding: 10px 50px 10px 0;
	margin: 0;
}
/************************************** loginbox divs **************************************/
#leftSide #loginbox {
	background: url(http://www.e4s.co.uk/images/employer/loginbox-bg.gif) repeat-y; 
	width: 151px;
}
#leftSide #loginbox p {
	text-align: center;
	width: 120px;
	margin: 10px auto;
}
#leftSide #loginbox a 
{
color:#000000;
text-decoration:none;
}
#leftSide #loginbox #yourLogin {
	background: url(http://www.e4s.co.uk/images/employer/loginbox.gif) no-repeat;
	height: 30px;
}
#leftSide #loginbox #bot {
	background: url(http://www.e4s.co.uk/images/employer/loginbox-bot.gif) no-repeat;
	height: 5px;
	font-size: 1px;
}

.imageButton {
	border: 0px;
}