/**
* 
* edgerecruits.com
* styles for screen
* stuart sillitoe / pulse8 2008
* 
** 
* 
* colours
* background			eaecec
* footer tail off		e7e9e9
* 
* color (blue)			19505a
* color (blue) lighter	5A8188
* color even lighter 	8eadb3
* 
* color (pink)			dc1c4b
* color (pink) lighter	e8869e
* 
* 
**/




/* main fonts, sizings, and structure */
.clear
{
clear:both;
}


html
{
background:#e7e9e9;
}
body
{
margin:0;
padding:0;
font-family:verdana, sans-serif;
font-size:0.8em;
background:#e7e9e9;
background:#f00;
color:#19505a;
text-align:center /* ie to center the wrapperWrap */
}



#wrapperWrap
{
}
#wrapper
{
background:#ced3d3 url('../img/layout/bgContentWrap.png') repeat-y center top;
}



#header, 
#content, 
#navigation, 
#footer, 
#footerNavigation
{
width:936px;
margin:0 auto;
text-align:left;
position:relative;
}





#headerWrap
{
height:181px;
background:#fff url('../img/layout/bgHeader.png') repeat left top;
}

#header #edgeRecruitsNumber
{
position:absolute;
left:0;
top:100px;
}
#header #edgeRecruitsNumber img
{
display:block;
margin:0 0 1em 0;
}
#header #edgeRecruitsNumber a:link,
#header #edgeRecruitsNumber a:visited
{
text-transform:uppercase;
font-weight:bold;
color:#dc1c4b;
}


#header #edgeRecruitsNumber span#theNumber
{
display:none;
}



#navigationWrap
{
background:#dc1c4b url('../img/layout/bgNavigationWrap.png') repeat-x left top;
border-top:1px solid #fff;
}
#navigation
{
padding:0.5em 0;
list-style-type:none;
}
#navigation li
{
display:inline;
}
#navigation li a:link,
#navigation li a:visited
{
color:#fff;
text-decoration:none;
margin:0;
padding:0.5em 0.5em;
}
#navigation li a:hover,
#navigation li a.current:link,
#navigation li a.current:visited,
#subNavigation li a:hover, 
#subNavigation li a.current:link,
#subNavigation li a.current:visited
{
background:#19505a;
}




#subNavigationWrap
{
background:#19505a url('../img/layout/bgSubNav.png') repeat-y center top;
color:#fff;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
font-size:0.85em;
}
#subNavigation
{
width:936px;
margin:0 auto;
padding:0.5em 0;
list-style-type:none;
text-align:left;
}
#subNavigation li
{
display:inline;
margin:0;
}
#subNavigation li a:link,
#subNavigation li a:visited
{
color:#fff;
text-decoration:none;
padding:0.5em 0.75em;
}







#contentWrap
{
}
#content
{
padding:2em 0;
}









#footerWrap
{
border-top:1px solid #19505a;
background:#e7e9e9 url('../img/layout/bgFooterWrap.png') repeat-x center top;
}
#footerNavigation
{
padding:1em 0;
list-style-type:none;
}
#footerNavigation li
{
display:inline;
margin:0 1em 0 0;
padding:0 1em 0 0;
border-right:1px solid #19505a;
}
#footerNavigation li.end
{
border:0;
}

#footerNavigation li a:link,
#footerNavigation li a:visited
{
color:#dc1c4b;
text-decoration:none;
}
#footer 
{
font-size:0.8em;
padding:0 0 2em 0;
color:#5A8188;
color:#19505a;
}

/* * end layout / structure * */
















/* *** start layout elements *** */
.boxFull
{
}
.boxFullBorder
{
border:6px solid #fff;
}

.boxHalf
{
float:left;
width:464px;
/*height: 535px;*/
overflow: hidden;
}
.boxHalfBorder
{
float:left;
width:452px;
border:6px solid #fff;
position:relative;
}

.boxQuarter
{
width:228px;
}
.boxQuarterBorder
{
width:216px;
border:6px solid #fff;
}

.boxEighth
{
width:110px;
}
.boxEighthBorder
{
width:98px;
border:6px solid #fff;
}

.boxThreeQuarter
{
width:700px;
}
.boxThreeQuarterBorder
{
width:688px;
border:6px solid #fff;
}


img.fillWidth
{
display:block;
width:100%;
}

/*
.boxQuarterBorder img, 
.boxQuarter img
{
display:block;
width:100%;
}
*/



.left
{
float:left;
}
.right
{
float:right;
}

.marginTop
{
margin-top:8px;
}
.marginRight
{
margin-right:8px;
}
.marginBottom
{
margin-bottom:8px;
}
.marginLeft
{
margin-left:8px;
}

.clear, .clearBoth
{
clear:both;
}
.clearLeft
{
clear:left;
}
.clearRight
{
clear:right;
}


.fillWhite
{
background:#fff;
}
.fillBlack
{
background:#000;
}
.fillLight
{
background:#dc1c4b;
color:#fff;
}
.fillDark
{
background:#19505a;
color:#fff;
}
.fillLight a:link,
.fillLight a:visited
{
color:#fff;
text-decoration:none;
}
.fillDark a:link,
.fillDark a:visited
{
color:#dc1c4b;
text-decoration:none;
}
.textLight
{
color:#dc1c4b;
}
.textLighter
{
color:#e8869e;
color:#f896ae;
}
.textDark
{
color:#19505a;
}


.boxInner /* inside all boxWhatevers */
{
margin:1em;
}
.boxInnerRightPad
{
margin-right:2em;
}
.boxInnerBottomPad
{
margin-bottom:2em;
}
.boxInnerLeftPad
{
margin-left:2em;
}
.boxInnerTopPad
{
margin-top:2em;
}

input #submit_quickJobSearch {
	width: 100%;
}

.centerContents
{
text-align:center;
}

.border
{
border:6px solid #fff;
}


.error
{
color:#a00;
}
.success
{
color:#0a0;
}

.fixed200
{
width:200px;
}







/* *** start normal tag reformatting *** */
h1 /* #header h1 */
{
position:absolute;
right:0px;
top:0;
margin:0;
padding:127px 0 0 0;
font-size:0.7em;
width:85px;
height:0;
overflow:hidden;
background:url('../img/logos/edgerecruits.png') no-repeat right top;
color:#ccc;
}

h2
{
margin:0;
padding:0 0 1em 0;
color:#dc1c4b;
font-weight:normal;
font-size:1.6em;
}
h2 span
{
color:#19505a;
}

h3
{
font-size:1.2em;
line-height:1.4em;
}

h4
{
font-size:1.1em;
margin:0;
padding:0;
}

h5
{
font-size:0.9em;
color:#dc1c4b;
}
h5 a:link,
h5 a:visited
{
color:#dc1c4b;
text-decoration:none;
}




/*  force all content links to underline on hover */
body #content a:hover
{
text-decoration:underline;
}




/* forms layouts */
form label
{
clear:left;
float:left;
width:140px;
margin:0 0 1em 0;
}

form input, 
form select, 
form textarea
{
float:left;
margin:0 0 1em 0;
font-family:verdana, sans-serif;
font-size:0.85em;
width:210px;
border:1px solid #999;
}
form select
{
width:195px;
margin:0 0 1em 0;
}
form input.autowidth
{
width:auto;
}
form .inputWrap
{
float:left;
width:65%;
margin:0 0 1em 0;
color:#777;
}
form .inputWrap input
{
clear:left;
vertical-align:middle;
margin:0 0.5em 0 0;
}


form#jobsearchform
{
font-size:0.85em;
}



#content ul
{
list-style-type:none;
color:#19505a;
margin:2em 1em;
padding:0;
}
#content ul li
{
background:url('../img/bullets/bulletArrowWhiteRight.png') no-repeat left 0.5em;
display:block;
padding:0 0 0 1em;
}
#content ul li a:link,
#content ul li a:visited
{
color:#19505a;
text-decoration:none;
}


a.more:link,
a.more:visited
{
background:url('../img/bullets/bulletArrowLightRight.png') no-repeat left 60%;
padding:0 0 0 1em;
color:#dc1c4b;
text-decoration:none;
}
a.back:link,
a.back:visited
{
background:url('../img/bullets/bulletArrowLightLeft.png') no-repeat left 60%;
padding:0 0 0 1em;
color:#dc1c4b;
text-decoration:none;
}

a img
{
border:0;
}


a:link,
a:visited
{
color:#dc1c4b;
}

dl
{
}
dt
{
}
dd
{
margin:0 0 1em 3em;
}



/* * end normal tags * */









/* *** some nice buttons *** */
.button, 
a.button:link,
a.button:visited
{
background:#dc1c4b;
color:#fff;
padding:0.5em 1em;
font-size:0.9em;
font-weight:bold;
text-decoration:none;
border:0;
}
a.button:hover
{
background:#dc1c4b;
background:#cc0c3b;
}

/* * end nice buttons * */


/** homepage additional styles */

#indexFeaturedJobs{
	overflow:hidden;
}

#indexFeaturedJobs ul{
	font-size: 85%;
}

#indexFeaturedJobs ul li {
	margin-top: 5px;
	list-style-image:url(../img/bullets/bulletArrowWhiteRight.png)
}


#indexProfileBanner{
	min-height: 228px;
}


/*Job Bid CSS*/

#jobbid_right_bar {
	float:right;
	width: 200px;
	float: right;
}

#jobbid_logo {
	margin-bottom: 25px;
	width: 220px;
}

#jobbid_login {
	float:right;
	width: 196px;
	padding: 20px 10px 20px 10px;
	border:6px solid #fff;
	margin-bottom: 28px;
}

#jobbid_right_bar h2
{
margin:0;
padding: 0;
color:#dc1c4b;
font-weight:normal;
font-size:1.4em;
}

#jobbid_login form {
	margin-top: 20px;
}

#jobbid_login form input {
	width: 190px;
}

#jobbid_login form label {
	margin: 0 0 0.5em 0;
}

#jobbid_login form input {
	width: auto;
}

p.jobbid_news {
	width: 700px;
}

.jobbid_news_title {
	color: #dc1c4b;
	margin:0;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
}

p.jobbid_news a {
	text-decoration: none;
}

p.jobbid_news a:hover {
	text-decoration: underline;
}

#jobbid_temp_staff {
	width: 308px;
	border: 6px solid #fff;
	float: left;
	height: 162px;
	padding: 10px;
}

#jobbid_temp_work {
	width: 308px;
	border: 6px solid #fff;
	float: right;
	height: 162px;
	padding: 10px;
}

#jobbid_right_bar #indexFeaturedEmployer {
	text-align: center;
	height: 220px;
	
}

#jobbid_boxes {
	width: 700px;
}

#jobbid_boxes h2 {
	width: 200px;
	padding: 10px 0 0 0;
	margin: 0;
}

/*from hidden by default*/

#jobbid_form {
	display: none;
}

#jobbid_boxes form label {
	padding-left: 10px;
	width: 100px;
}

.jobbid_small_logo {
	float: right;
	width: 64px;
	height: 40px;
	margin: 15px 15px 0 0;
}

#how_it_works {
	clear: both;
	width: 700px;
}

#how_it_works h2 {
	padding: 0;
}

#jobbid_news_container {
	width: 700px;
	height: 114px;
	overflow: auto;
}

/*U Select CSS*/

#uselect_right_bar {
	float:right;
	width: 200px;
	float: right;
}

#uselect_logo {
	float: left;
	width: 160px;
	height: 120px;
	padding-top: 30px;
}

#uselect_content {
	width: 700px;
}

#uselect_content h2 {
	margin: 0;
	padding: 0;
}

#uselect_heading {
	padding-top: 50px;
}

#uselect_fee {
	float: right;
	width: 75px;
}

#uselect_login {
	float:right;
	width: 196px;
	padding: 20px 10px 20px 10px;
	border:6px solid #fff;
	margin-bottom: 5px;
}

#uselect_more_staff {
	float:right;
	width: 196px;
	padding: 20px 10px 20px 10px;
	border:6px solid #fff;
	margin-bottom: 8px;
}

#uselect_more_staff ul li{
	list-style-type: none;
	margin-left: -20px;
	background: none;
	color: #dc1c4b;
	margin-bottom: 8px;
}

#uselect_interest {
	margin: 30px 0 0 0;
	padding: 15px;
	border:6px solid #fff;
	overflow:hidden;
}

p.uselect_news {
	width: 450px;
}

.uselect_news_title {
	color: #dc1c4b;
	margin:0;
	padding: 0;
	font-weight: normal;
	font-size: 90%;
}

#interest_form {
	clear: both;
	margin: 20px 0 0 0;
}

.form_block {
	width: 180px;
	float: left;
	margin: 10px;
}

#interest_form form label {
	width: 100px;
	float: left;
}

#interest_form form input {
	width: 180px;
	float: left;
}

#interest_submit.button {
	margin-top: -5px;
}

#uselect_reg_logo {
	width:41px;
	float: right;
}

#uselect_right_bar h2
{
margin:0;
padding: 0;
color:#dc1c4b;
font-weight:normal;
font-size:1.4em;
}

#uselect_how_it_works {
	width: 450px;
	float: left;
}

#uselect_news_container {
	width: 400px;
	float: left;
	padding-top: 20px;
	padding-left: 30px;
}

#uselect_how_it_works h2 {
	padding: 0 0 0 20px;
	margin: 20px 0 0 0;
}

#uselect_how_it_works ul li{
	margin: 0 0 5px 0;
}

#jobbid_right_bar #indexFeaturedEmployer {
	text-align: center;
	height: 220px;
}

#uselect_login form {
	margin-top: 20px;
}

#uselect_login form input {
	width: 190px;
}

#uselect_login form label {
	margin: 0 0 0.5em 0;
}

#uselect_login form input {
	width: auto;
}

#uselect_how_it_works ul li a{
	text-decoration: underline !important;
	color: #DC1C4B !important;
}

#uselect_how_it_works ul li a:hover{
	text-decoration: none;
}


#uselect_register {
	margin: 30px 0 0 0;
	padding: 15px;
	border:6px solid #fff;
	overflow:hidden;
}

#uselect_register_form h2 {
	clear: both;
	float: left;
	margin-left: 10px;
}

#uselect_register_form label {
	margin: 0 0 0 20px;
	font-weight: bold;
	width: 160px;
}

#uselect_register_form .indented_form_row label {
	font-weight: normal;
	margin: 0 0 0 0;
}



/* *** employer sub pages *** */

#content #employerInPageNavigation
{
clear:both;
margin:0 0 8px 0;
padding:0;
list-style-type:none;
background:#dc1c4b;
font-size:0.9em;
}
#content #employerInPageNavigation li
{
display:inline;
padding:0;
background:none;
}
#wrapper #employerInPageNavigation li a:link,
#wrapper #employerInPageNavigation li a:visited
{
background:#dc1c4b;
color:#fff;
text-decoration:none;
padding:0.7em 1em;
}
#wrapper #employerInPageNavigation li a:hover, 
#wrapper #employerInPageNavigation li a.currentTab:link,
#wrapper #employerInPageNavigation li a.currentTab:hover
{
color:#dc1c4b;
background:#fff;
}





/* form control */
#formControlWrap
{
background:#dc1c4b;
border:1px solid #dc1c4b;
margin:0 0 2em 0;
}
#formControlWrap #formControlPrevious
{
background:url('../img/bullets/bulletArrowWhiteLeft.png') no-repeat left 55%;
margin:0 0 0 1em;
}
#formControlWrap #formControlNext
{
background:url('../img/bullets/bulletArrowWhiteRight.png') no-repeat right 55%;
margin:0 1em 0 0;
}
#formControlWrap a:link,
#formControlWrap a:visited
{
color:#fff;
padding:0.5em;
margin: 0 0.5em;
display:block;
text-decoration:none;
}



fieldset
{
border:6px solid #fff;
padding:1em;
margin:0;
}
legend
{
color:#dc1c4b;
font-size:1.2em;
padding:0;
margin:0;
}





table.formTable
{
}
table.formTable td,
table.formTable th
{
vertical-align:top;
text-align:left;
}

table.formTable input
{
margin:0;
}





#showSearchPane:link,
#showSearchPane:visited
{
color:#fff;
padding:0.5em;
font-size:0.85em;
margin:-2.7em 0 0 0;
text-decoration:none;
background:#19505a url('../img/bullets/bulletArrowWhiteRight.png') no-repeat 1em 55%;
padding:0.5em 1em 0.5em 2em;
display:none;
}



#pageList
{
display:inline;
}

#pageList a:link,
#pageList a:visited
{
color:#dc1c4b;
margin:0 0.1em;
padding:0 0.1em;
text-decoration:none;
}
#pageList a:hover
{
background:#dc1c4b;
color:#fff;
text-decoration:none !important;
}
#pageList a.currentJobSearchResultPage:link,
#pageList a.currentJobSearchResultPage:visited
{
background:#19505a;
color:#fff;
}





#promoteYourselfList
{
color:#dc1c4b;
}
#promoteYourselfList li
{
margin:0 0 1em 0;
}




#video_request object
{
border:6px solid #fff;
}

.blue {
	color: #19505a;
}

.pink {
	color: #dc1c4b;
}

input.small_input {
	width: 90px;
	margin-right: 25px;
	text-align: left;
}


#uselect_register_form textarea {
	width: 500px;
}

.indented_form_row {
	margin-left: 180px;
	padding-bottom: 30px;
}

.indented_col {
	width: 300px;
	float: left;
}

#uselect_register_form .indented_col label {
	width: 200px;
}

#uselect_register_form .button {
	clear: left;
	width: 500px;
	margin-left: 0;
	margin-top: 30px;
}

.radio input{
	border: none;
}

.check input {
	border: none;
}

.indented_col input {
	width: 30px;
}

.uselect_form_row {
	margin-bottom: 10px;
}


#duration_row {
	display: none;
}

#form_info {
	width: auto;
	padding: 10px 10px 10px 10px;
	border:6px solid #fff;
	margin-bottom: 10px;
}

#credits_table {
	border: solid thin #19505a;
	
}

#credits_table td {
	padding: 3px 10px 3px 20px;
	border: solid thin #19505a;
	border-collapse: collapse;
}

input#tob {
	float: none;
	width: 50px;
}
