body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Arial, sans serif;
	font-size: 11px;
	color: #000
}

img {
	border: 0px
}

form {
	margin: 0px;
	padding: 0px
}

select, input, textarea {
	font-family: Verdana;
	font-size: 11px;
	vertical-align: middle
}

a, a:visited {
	color: #FF6531;
	text-decoration: none;
}

a:hover {
	color: #FF6531;
	text-decoration: underline
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	margin: 0;
	padding: 0
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0
}


/* ------------------------------------ Clear Styles ------------------------------------ */

.clear {
	clear: both;
	line-height: 0px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ------------------------------------ Framework Styles ------------------------------------ */

h1#siteName {
	z-index: 10;
	position: absolute;
	left: 16px;
	top: 14px;
	display: block;
	width: 285px;
	height: 54px;
	background: #fff url(../Images/tech-logo.gif) no-repeat; 	
}

h1#siteName a {
	display: block;
	width: 285px;
	height: 54px
}

	h1#siteName a span {
		display: none
	}

#topBanner {
	z-index: 20;
	position: absolute;
	left:333px;
	top:14px;
/*	left: -483px;
	top:0px;*/
}

#rightBanner {
	z-index: 30;
	position: absolute;
	left: 812px;
	top: 10px;
}

#contentContainer {
	z-index: 40;
	position: absolute;
	left: 14px;
	top: 84px;
	display: block;
	clear: both;
	width: 785px;
	background-color: #000
}

#contentContainer #contentTop {
	position: relative;
	display: block;
	clear: both;
	width: 785px;
	height: 13px;
	background: #fff url(../Images/topcorners.gif) no-repeat; 
}

#contentContainer #content {
	display: block;
	float: left;
	width: 631px;
	min-height: 530px;
	background-color: #fff
}

	/* min-height hack */ 
	#contentContainer #content .prop {
		height: 530px;
		float: right;
		width: 1px
 	 }

	#contentContainer #content .push {
   		clear: both;
   		height: 1px;
    	overflow: hidden
  	}

#contentContainer #contentBottom {	
	position: relative;
	display: block;
	clear: both;
	width: 785px;
	height: 13px;
	background: #fff url(../Images/bottomcorners.gif) no-repeat; 
}

#menu {
	display: block;
	float: left;
	width: 149px;
	background-color: #000;
	margin: 73px 0 0 0
}

#footer {
}

#footer #footerBanner {
	clear: both;
	display: block;
	width: 785px;
	height: 99px;
	background: #fff url(../Images/footer-bgimage.gif) no-repeat;
	text-align: center;
	margin: 0;
	padding-top: 4px;
	border-top: 1px solid #fff; 
}

#copyright {
	background-color: #fff;
	font-size: 10px;
	overflow: auto;
	padding: 0 0 0 10px;
	color: #9C9A9C
}

	#copyright a {
		color: #9C9A9C
	}

#copyright div {
	float: right;
	background-color: #fff
}

#copyright h2 {
	display: none
}
	
	#copyright ul#subNav {
		display: inline;
		float: right;
		margin: 0 10px 0 0;
		padding: 0;
		list-style-type: none
	}
	
	#copyright ul#subNav li {
		display: inline;
		border-right: solid 1px #9C9A9C;
		padding-right: 5px;
		padding-left: 5px
	}

	#copyright ul#subNav li.firstItem {
		display: inline;
		border-right: none;
		padding-right: 5px;
		border-right: solid 1px #9C9A9C;
		padding-left: 0
	}
	
	#copyright ul#subNav li.lastItem {
		display: inline;
		border-right: none;
		padding-right: 0;
		padding-left: 5px
	}
	
#loggedIn {
	float: right;
	display: inline;
	margin: -20px 10px 0 0;
	color: #fff
}

#loggedIn a {
	color: #fff;
	font-weight: bold;
}

/* ------------------------------------ Menu Styles ------------------------------------ */

#menu h3 {
	display: none
}

#menu #menuLinks {
	font-size: 10px;
}

	#menu #menuLinks ul {
		margin: 0;
		padding: 0;
		list-style-type: none
	}

	#menu #menuLinks ul li {
		display: block;
		margin: 0;
		background: #313031 url(../Images/menuarrow01.gif) no-repeat;
		border-top: 1px solid #fff;
		padding: 8px 0 7px 20px;
	}

	#menu #menuLinks ul li#bottomLink {
		border-bottom: solid 1px #fff
	}

	#menu #menuLinks ul li a {
		color: #fff
	}
	
	#menu #menuLinks ul li a:hover {
		text-decoration: none;
		color: #FF6531;	
	}

	#menu #menuLinks ul li ul {
		display: block;
		clear: both;
		margin: 8px 0 -7px -20px;
		padding: 0;
		list-style-type: none
	}

	#menu #menuLinks ul li ul li {
		display: block;
		margin: 0;
		background: #9C9A9C url(../Images/menuarrow02.gif) no-repeat;
		border-top: 1px solid #fff;
		padding: 8px 0 7px 20px
	}

	#menu #menuLinks ul li ul li a {
		color: #313031
	}

	#menu #menuLinks ul li ul li a:hover {
		color: #fff
	}

	#menu #menuLinks ul li a.highLighted {
		color: #FF6531
	}	
	
	#menu #menuLinks ul li ul li a.highLighted {
		color: #fff
	}


/* ------------------------------------ Content Styles ------------------------------------ */

#contentContainer #content div.indent {
	display: block;
	overflow: auto;
	width: 621px;
	margin: 0 0 0 5px
}

#contentContainer #content h1#jobsTitle {
	width: 621px;
	height: 25px;
	background: #FF6531 url(../Images/h1bg.gif) no-repeat;
	color: #fff
}

#contentContainer #content h1#jobsTitle span {
	display: block;
	margin: 0;
	padding: 5px 0 5px 10px
}

#contentContainer #content div.indent p.intro {
	margin: 10px;
	padding: 0;
}

#contentContainer #content div.indentListing p.intro {
	margin: 10px;
	padding: 0;
}

/* ------------------------------------ Home Styles ------------------------------------ */

#formPromoJobsContainer {
	display: block;
	float: left;
	width: 459px;
	overflow: auto;
	background: #fff url(../images/allbg.gif) repeat-y; 
}

#formPromoJobsContainer #bottomImage {
	display: block;
	clear: both;
	height: 8px;
	width: 459px;
	font-size: 1px;
	background: #fff url(../images/homebottom-corners.gif) no-repeat; 
}

#formPromoContainer {
	display: block;
	float: left;
	width: 246px
}

/* Search Form */

#homeSearchForm {
	display: block;
	background-color: #D6DFE7;
	width: 246px;
	padding: 0 0 20px 0;
	overflow: auto;
	border-bottom: solid 2px #fff;
}

#homeSearchForm h2#jobSearchTitle {
	display: block;
	width: 246px;
	height: 25px;
	background: #fff url(../images/jobsearch-txtheader.gif) no-repeat; 
}

#homeSearchForm h2#jobSearchTitle span {
	display: none
}

#homeSearchForm .formElement {
	clear: both;
	overflow: auto;
	padding: 0;
	margin: 10px 0 5px 10px
}

#homeSearchForm .formElement span {
	display: block;
	/*margin: 10px 0 5px 10px*/
}

.formElement {
	clear: both;
	overflow: auto;
	padding: 0;
	margin: 10px 0 5px 0px
}

.formElement span {
	display: block;
	/*margin: 10px 0 5px 10px*/
}

.formElement p {
	margin: 0;
	padding: 0
}

#homeSearchForm label {
	display: block;
	font-size: 11px;
	margin-bottom: 2px
}

	label.mandatory {
		background: url(../images/mandatory.gif) no-repeat right 3px;
		
	}

#homeSearchForm select {
	display: block;
	margin: 0;
	padding: 0;
	float: left
}

select.textBox {
	width: 210px
}

input.textBoxShort {
	width: 155px;
	float: left;
	border: solid 1px #313031
}

textarea.textBox {
	width: 204px;
	border: solid 1px #313031
}

#calbnt1 {
	display: block;
	margin: 0 0 0 10px;
	float: left
}

#homeSearchForm .multiple .textBox
{	
	width: auto
}

input.textBox {
	width: 205px;
	border: solid 1px #313031
}

#homeSearchForm #searchButtonHome {
	float: left;
	margin: 10px 10px 0 10px;
}

#homeSearchForm #clearButton {
	float: left;
	margin: 10px 0 0 0;
}

.RedText {
	color: red
}

/* Promo Blocks */

#homePromo {
	display: block;
	clear: both;
	width: 246px;
	overflow: auto
}

#homePromo h1#addProfile a, #homePromo h1#jobsByEmail a {
	color: #000;
	text-decoration: none
}

#homePromo a {
	color: #000
}

#homePromo h1#addProfile {
	margin: 10px 0 2px 10px;
	font-size: 16px;
	text-transform: lowercase
}

#homePromo h1#jobsByEmail {
	margin: 10px 0 2px 10px;
	font-size: 16px;
	text-transform: lowercase
}

#homePromo span {
	display: block;
	margin: 0 10px 10px 10px
}

#homePromo .divider {
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: #BBC5CD url(../images/divider.gif) repeat-x; 
}

/* Home Jobs Listing */

#homeJobs {
	display: block;
	width: 211px;
	margin: 0 0 0 2px;
	float: left
}

#homeJobs p {
	margin: 0 10px 0 10px;
	padding: 0
}

#homeJobs h3 {
	margin: 10px 0 0 10px;
	padding: 0
}

#homeJobs p img {
	margin: 5px 0 0 0
}

#homeJobs a {	
	color: #000
}

#homeJobs h2#jobOfWeekTitle {
	display: block;
	width: 211px;
	height: 25px;
	background: #fff url(../images/jobofweek-txtheader.gif) no-repeat; 
}

#homeJobs h2#jobOfWeekTitle span {
	display: none
}

#homeJobs .divider02 {
	display: block;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: #E2E8ED url(../images/divider02.gif) repeat-x;
	margin: 10px 0 0 0
}

#homeJobs h2#latestJobsTitle {
	display: block;
	width: 78px;
	height: 10px;
	background: #fff url('../images/latestjobs-txtheader.gif') no-repeat;
	margin: 10px 0 10px 10px
}

#homeJobs h2#latestJobsTitle span {
	display: none
}

/* Features Agencies Listing */

#featuredAgencies {
	display: inline;
	float: left;
	width: 130px;
	margin: 0 0 0 20px
}

#featuredAgencies h3 {
	font-size: 10px;
}

#featuredAgencies img {
	margin: 5px 0 0 0;
	padding: 0
}

#featuredAgencies .more {
	display: block;
	margin: 0 5px 15px 0;
	float: right
}

/* ------------------------------------ Listing Styles ------------------------------------ */


#contentContainer #content div.indentListing {
	display: block;
	overflow: auto;
	background-color: #EFEFEF;
	width: 621px;
	margin: 0 0 0 5px
}


	#contentContainer #content div.indentListing p {
		/*margin: 10px;*/
		padding: 0;
	}

	#greyCorners {
		display: block;
		clear: both;
		width: 621px;
		font-size: 1px;
		height: 6px;
		background: #fff url(../images/greybg-corners.gif) no-repeat
	}

#content div.indentListing h2#subHeader {
	margin: 10px 0 10px 10px;
	font-size: 16px
}

#searchDetails {
	margin: 10px 0 0 10px;
	font-size: 11px
}

#searchDetails ul {
	margin: 5px 0 5px 0;
	padding: 0px;
	list-style-type: none
}

#searchDetails ul li span {
	font-weight: bold;
	display: block;
	float: left;
	width: 140px
}

#searchDetails ul li {
	margin: 0;
	padding: 2px 0 0 0;
}

#jobList {
	display: inline;
	width: 459px;
	margin: 0 0 0 10px;
	float: left
}

#emailMeJobsTop {
	display: block;
	width: 180px;
	font-weight: bold;
	font-size: 10px;
	margin: 5px 0 0 0
}

.standardJob {
	display: block;
	padding: 0;
	margin: 0 0 15px 0
}

.standardJob span {
	display: block;
	padding: 4px 0 0 0
}

.standardJob span a {
	font-weight: bold
}

.standardJob img {
	float: right;
	padding: 0 0 0 3px
}

#jobList h3.jobTitle {
	display: block;
	margin: 20px 0 0 0;
	height: 15px;
	border-top: dashed 1px #9C9A9C
}

#jobList h3.jobTitle span a {
	font-weight: bold
}

.jobSummary {
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 0;
}

.jobSummary li {
	margin: 2px 0 0 0;
}

.jobSummary span {
	font-weight: bold;
	display: block;
	float: left;
	margin: -4px 0 0 0;
	width: 140px
}

/* Paging */

.pagination {
	display: block;
	margin: 15px 0 0 0;
	padding: 5px 0 5px 0;
	text-align: right;
	font-size: 10px;
	border-top: dashed 1px #9C9A9C;
	border-bottom: dashed 1px #9C9A9C
}

.pagination a {
	font-weight: bold
}

ul.listingOptions {
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none
}

ul.listingOptions li {
	display: inline;
	border-right: 1px solid #9C9A9C;
	margin: 0 0 0 4px;
	padding: 0 4px 0 0
}

ul.listingOptions li.lastItem {
	border-right: none
}

ul.listingOptions li.firstItem {
	margin: -4px 0 0 0
}

/* ------------------------------------ Detail Styles ------------------------------------ */

#jobDetail {
	display: block;
	width: 601px;
	margin: 10px 0 10px 10px;
	overflow: auto;
	clear: both
}

#jobDetail p {
	margin: 0;
	padding: 0
}

h3#jobDescriptionTitle {
	display: block;
	margin: 15px 10px 0 10px;
	padding: 5px 0 0 0;
	height: 20px;
	border-top: dashed 1px #9C9A9C;
	border-bottom: dashed 1px #9C9A9C;
	color: #464646;
	text-transform: uppercase
}

h2#apply {
	display: inline;
	float: right;
	width: 103px;
	height: 22px;
	background: #fff url(../images/btn-apply.gif) no-repeat;
	margin: 30px 30px 0 0
}

h2#apply a {
	display: block;
	width: 103px;
	height: 22px
}

h2#apply a span {
	display: none
}

#recruiterImage {
	clear: both;
	margin: 10px 0 0 10px
}

/* Job Detail Footer Menu Styles */


#jobDetailFooter {
	display: block;
	clear: both;
	font-size: 10px;
	border-top: dashed 1px #9C9A9C;
	margin: 0 10px 20px 10px;
	padding: 6px 0 0 6px
}

#jobDetailFooter a {
	font-weight: bold
}

	#jobDetailFooter h2 {
		display: none
	}
	
	#jobDetailFooter ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none
	}
	
	#jobDetailFooter ul li {
		display: inline;
		border-right: solid 1px #9C9A9C;
		padding-right: 5px;
		padding-left: 5px
	}

	#jobDetailFooter ul li.firstItem {
		display: inline;
		border-right: none;
		padding-right: 5px;
		border-right: solid 1px #9C9A9C;
		padding-left: 0
	}
	
	#jobDetailFooter ul li.lastItem {
		display: inline;
		border-right: none;
		padding-right: 0;
		padding-left: 5px
	}


/* ------------------------------------ Application Styles ------------------------------------ */

#centredForm {
	background-color: #D6DFE7;
	display: block;
	width: 599px;
	margin: 20px 0 0 10px
}

#centredForm #centredFormTop {
	display: block;
	width: 599px;
	height: 9px;
	font-size: 1px;
	background: #fff url(../images/formtop-bg.gif) no-repeat; 
}

#centredForm #centredFormBottom {
	display: block;
	width: 599px;
	height: 9px;
	font-size: 1px;
	background: #fff url(../images/formbottom-bg.gif) no-repeat; 
}

#centredForm form {
	border: 0;
	padding: 0 0 20px 0;
	margin: 0 0 0 80px;
	clear: both
}

#centredForm label {
	display: block;
	float: left;
	width: 120px;
	padding: 0 0 0 2px;
	clear: both
}

#centredForm #searchButton {
	float: left;
	margin: 10px 10px 0 13px
}

#centredForm select.textBox {
	width: 210px
}

#centredForm p.checkbox, #centredForm p.other, #centredForm p.labelless {
	display: block;
	margin: 0 0 0 120px;
	width: 200px
}

#centredForm .checkbox label {
	width: 170px;
	float: right
}

#centredForm p.checkbox1 {
	display: block;
	margin: 0 0 0 120px;
	width: 320px
}

#centredForm .checkbox1 label {
	width: 290px;
	float: right
}

.fileUpload {
	border: solid 1px #313031
}

#centredForm .multiple span {
	display: block;
	width: 220px
}

#centredForm .multiple span label, #centredForm .multiple span input {
	display: inline;
	float: none
}

#centredForm .multiple .textBox {
	width: auto
}

#centredForm #submitButton {
	float: left;
	margin: 10px 0 0 126px;
}

#centredForm #clearButton {
	float: left;
	margin: 10px 0 0 10px;
}

/* ------------------------------------ Agency Listing Styles ------------------------------------ */

#aZ {
	display: block;
	clear: both;
	font-size: 12px;
	border-top: dashed 1px #9C9A9C;
	border-bottom: dashed 1px #9C9A9C;
	margin: 10px
}

#aZ a {
	font-weight: bold;
	line-height: 24px
}

#agencySearch {
	display: block;
	clear: both;
	width: 599px;
	height: 132px;
	margin: 10px;
	background: #fff url(../images/agencysearch-bg.gif) no-repeat; 
}

#agencySearch form {
	border: 0;
	padding: 0;
	margin: 0;
	clear: both
}

#agencySearch select {
	width: 180px
}

#agencySearch label {
	display: block;
	padding: 0 0 2px 0;
	clear: both
}

#agencySearch form .formElement {
	display: block;
	float: left;
	overflow: visible;
	clear: none;
	padding: 0;
	margin: 0
}

#agencySearch form .formElement span {
	display: block;
	margin: 10px 0 0 13px
}


#agencySearch #searchButton {
	float: left;
	clear: both;
	margin: 10px 10px 0 13px
}

#agencyList {
	display: inline;
	width: 459px;
	margin: 0 0 0 10px;
	float: left
}

#agencyList h3.agencyTitle {
	display: block;
	margin: 0 0 0 0;
	height: 15px;
	border-top: dashed 1px #9C9A9C
}

#agencyList h3.agencyTitleFirst {
	display: block;
	margin: 10px 0 0 0;
	height: 15px
}

.standardAgency {
	clear: both;
	display: block;
	padding: 0;
	overflow: auto;
	margin: 0 0 10px 0
}

.standardAgency span {
	display: block;
	padding: 4px 0 0 0
}

.standardAgency span a {
	font-weight: bold
}

.standardAgency img {
	float: right;
	clear: both;
	overflow: auto;
	padding: 0 0 0 3px;
	margin: 7px 0 0 0
}


/* ------------------------------------ Agency Detail Styles ------------------------------------ */

h2#header {
	font-size: 13px;
	text-transform: uppercase;
	color: #9C9A9C;
	border-bottom: dashed 1px #9C9A9C;
	padding: 0 0 4px 0;
	margin: 10px 10px 0 10px
}

h3.agencyExtraTitle {
	display: block;
	margin: 15px 10px 0 10px;
	padding: 5px 0 0 0;
	height: 20px;
	border-top: dashed 1px #9C9A9C;
	border-bottom: dashed 1px #9C9A9C;
	color: #464646;
	text-transform: uppercase
}

.listExtras {
	margin: 5px 0 10px 10px;
	padding: 0;
	font-weight: bold;
	list-style-type: none
}

.listExtras li {
	margin: 2px 0 0 0
}


/* ------------------------------------ Candidate Profile Styles ------------------------------------ */


h2.formTitle {
	margin: 15px 0 0 0; 
	padding: 0
}

#RemoveProfileButton {
	float: left;
	margin: 10px 0 0 10px
}


/* ------------------------------------ Email to a Friend Styles ------------------------------------ */

#EmailToAFriend {
}

/* ------------------------------------ Add Email Alert Styles ------------------------------------ */

#EmailAlertList 
{
	display: block;
	margin: 10px;
	width: 570px
}

#EmailAlertList caption {
	background-color: #313031;
	text-align: left;
	font-weight: bold;
	color: #fff;
	width: 570px;
	padding: 5px
}

#EmailAlertList th 
{
	text-align: left;
	padding: 3px 0 4px 5px;
	margin: 0 10px 0 10px;
	border-bottom: solid 1px #313031;
	width: 570px
}

#EmailAlertList td 
{
	padding: 3px 0 4px 5px;
	margin: 0 10px 0 10px;
	border-bottom: solid 1px #313031
}

#emailAlertsSubmitButton
{
	margin: 0 0 0 -70px
}

/* ------------------------------------ How it works text styling ------------------------------------ */

#howItWorksTitle {
	display: block;
	margin: 0 10px 0 10px;
	font-weight: bold;
	cursor: hand
}

#howItWorks {
	display: block;
	margin: 5px 10px 0 10px
}

/* ------------------------------------ Advanced Search ------------------------------------ */

#jobSearch #searchButton {
	float: left;
	clear: both;
	margin: 10px 0 0 120px;
}

/* ------------------------------------ Application Success Page Styling ------------------------------------ */

#addProfile {
	display: block;
	font-size: 12px;
	margin: 10px 0 0 10px;
}

.addProfileTitle {
	font-weight: bold;
	font-size: 16px;
}

#addProfile a, #addProfile a:hover {
	color: Black;
}

#jobsByEmail {
	display: block;
	font-size: 12px;
	margin: 10px 10px 0 10px;
}

.jobsByEmailTitle {
	font-weight: bold;
	font-size: 16px;
}

#jobsByEmail a, #jobsByEmail a:hover {
	color: Black;
}