/*OVERALL PAGE STYLING*/ 

/*clear out everything for browser diffs*/
* {
  padding: 0;
  margin: 0;
}

.uk_site {
position:absolute;
left:-70px;
top:10px;
}

html {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #333333;
  height: 100%;
}

body {
  background-image: url('images/bg.gif');
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  text-align: center;
  height: 100%;
}

a:hover { color: #990000; }
a:visited { color:#880000; }

td {
  padding: 3px;
}

/*this is a hack that allows the page in Firefox to go to 100%*/
html>body #container {
  height:auto
}

#container {
  background-image: url(images/blank.gif);
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  width:885px;
  position: relative;
  min-height: 100%; /*this is a hack that allows the page in Firefox to go to 100%*/
  height: 100%;
}

/*centering ends*/

.content_short {
  padding: 0px 18px 20px 20px;
  height: 100%;
  BACKGROUND: url(images/main.gif) no-repeat top left #FFFFFF;
  position:relative;
  top:3px;
  *top:-5px;
  min-height:656px;
}

.content {
  padding: 0px 18px 20px 20px;
  height: 100%;
  BACKGROUND: url(images/main_long.gif) no-repeat top left #FFFFFF;
  position:relative; 
  top:3px;
  *top:-5px;
  min-height:656px;
}

.footer {
  color: #333333;
  font-size: 11px;
  text-align: center;
  position:absolute; bottom:0px; left:0px;
  width:100%;
}

.search_box {
 height: 100px;
 width:620px;
 float:left;
 overflow:hidden;
 position:relative;
 top:5px;
 *top:25px;
  padding-top:33px;
 *padding-top:37px;
 padding-left: 140px;
 background: url('images/bg_silver.jpg') top left no-repeat;
 z-index:10;
  }
  
.search_image {
 position:relative;
 top:6px;
 *top:0px;
 }
 
  
/*HEADING*/

/*for whatever reason  I can't clear out the margin below the image (when the heading was just an image), this is the only way currently margin-bottom: -6px;*/
#header {
  height: 138px;
  background-image: url('images/bg.gif');
}


#header img {
  margin: 0 0 0 20px;
}
/*NAVIGATION ===============================*/

/*the main links inside the horzontal nav bar*/
#nav_link {
  margin-left: 20px;
}

#nav2 {
  float:left;
  margin-bottom:13px;
  *margin-bottom:0px;
  font-size: 12px;
  font-weight: 600;
  background: url('images/blank.gif');
  height:32px; position:relative; z-index:50;
  top:1px;
  height:28px;
  font-family: arial, sans-serif;
  width:100%;
}


#nav2 ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#nav2 li{
display:inline;
margin:0;
padding:0;
}

#nav2 a{
float:left;
background:url(images/head_l.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;

}

#nav2 a span{
float:left;
display:block;
background:url(images/head_r.gif) no-repeat right top;
padding: 5px 13px 3px 3px;
font-weight:bold;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav2 a span {float:none;}
/* End IE5-Mac hack */

#nav2 a:hover span {
color: #66FFFF;
}

#nav2 a.current{ /*Selected Tab style*/
background-position:0 -57px; /*Shift background image up to start of 2nd tab image*/
}

#nav2 a.current span{ /*Selected Tab style*/
background-position:100% -57px; /*Shift background image up to start of 2nd tab image*/
color: #003377;
}

#nav2 a.current:hover span{ /*Selected Tab style*/
color: #FFFFFF;
}

#nav2 a:hover{ /*onMouseover style*/
background-position:0% -29px; /*Shift background image up to start of 2nd tab image*/
}

#nav2 a:hover span{ /*onMouseover style*/
background-position:100% -29px; /*Shift background image up to start of 2nd tab image*/
}

.cart {
position:absolute; left:560px;
*top:2px;
overflow:hidden;
height:28px;
}


/*==========END NAVIGATION=========*/




/*CHOOSE BUTTON =====================*/
#switcher {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; RIGHT: 0px; BACKGROUND: url(images/switcher.png) no-repeat center bottom; PADDING-BOTTOM: 10px;  POSITION: absolute; TOP: -6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; width:190px; margin-right:0px;
	}

#switcher A, A:hover #first{
	COLOR: #000; TEXT-DECORATION: none;
}

#switcher A #second{
	color:green; font-size:9pt; TEXT-DECORATION: none;
}
#switcher A:hover #second {
	COLOR: green; FONT-STYLE: italic; TEXT-DECORATION: underline
}
#switcher #first {
	font-size:9pt; FONT-WEIGHT: bold; MARGIN-BOTTOM: -5px;
}
#second {
	MARGIN-BOTTOM: 5px;
}



/* Sidebar ============================*/
.side_head {
height: 24px; width:144px; position:relative; top:-2px; padding-top:6px; background: url(images/bg_header.gif) top left; color:#FFFFFF; font-weight:bold; font-family: arial, helvetica, sans serif; font-size:10pt;
margin-left:4px;
*margin-left:0px;
}

.side_head_l {
height: 24px; width:4px; min-width:4px; float:left; background: url(images/bg_header_mid.png) top left; 
}

.side_head_r {
height: 24px; width:4px; min-width:4px; float:right; background: url(images/bg_header_mid.png) top right; 
}

.side_box {
background: url(images/bg_header_mid.png) top center;
  float: right;
  width: 152px;
  clear: right;
  font-size: 11px;
  position:relative;
  top:20px; 
}

.side_content{
width:140px;
padding-left:10px;
padding-top:3px;
}

.side_bottom{
background: url(images/bg_header_bottom.png) bottom center no-repeat;
width:152px;
position:relative;
top:5px;
padding-bottom:10px;
}

/*SUMMARY SIDEBAR*/


#coupon_box, #ssl{
  margin-top: 20px;
}

#ssl {
  border: none;
  text-align: center;
  padding: 5px;
}

#summary p, #coupon_box p, #action p{
  line-height: 12px;
  margin: 5px;
}

#summary h3, #coupon_box h3, #ssl h3, #sidebar h3 {
  margin-top: 0px;
  margin-bottom: 10px;
}

#prices {
  width: 130px;
}

/*FORM BUTTONS AND STYLES ================================================================================*/

<!--
a.buttons:link, a.buttons:active, a.buttons:visited
{background: url('images/btn_link_normal.gif'); height:26px; border: 1px solid #777777; padding-left: 4px; padding-right: 4px; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration:none; padding-top:-2px; padding-bottom:2px; font-family: arial, sans-serif;}
-->

<!--
a.buttons:hover
{background: url('images/btn_link_hover.gif'); letter-spacing: 1px; height:26px; border: 1px solid #777777; padding-left: 4px; padding-right: 4px; font-size: 8pt; color: #FFFFFF; font-weight: bold; padding-top:-2px; padding-bottom:2px; font-family: arial, sans-serif;}
-->


<!--  
input[type=text]  {
        background: #D6DDE3 url('../images/inputbg.jpg') top left;
	font-size : 9pt;
	height: 14px;
	font-family : verdana, arial, helvetica, sans-serif;
	color : #035988;
	padding-left: 3px; padding-top: 4px; padding-bottom: 1px;
	border: 1px solid #999999;
}
-->

<!--
input[type=password]  {
  background: #D6DDE3 url('../images/inputbg.jpg') top left;
	font-size : 9pt;
	height: 14px;
	 
	font-family : courier, arial, helvetica, sans-serif;
	color : #035988;
	padding-left: 3px; padding-top: 2px; padding-bottom: 3px;
	border: 1px solid #999999;
}
-->

<!--
.buttons
{background: url('images/btn_normal.gif'); letter-spacing: 1px; height:20px; border: 1px solid #777777; padding-left: 7px; padding-right: 7px; font-size: 9pt; color: #FFFFFF; font-weight: bold; font-family: arial, helvetica, sans serif; padding-bottom:5px;
*height:24px;
*padding-bottom:0px;
}
-->

<!--
.buttons:hover
{background: url('images/btn_hover.gif'); letter-spacing: 1px;  height:20px; border: 1px solid #777777; padding-left: 7px; padding-right: 7px; font-size: 9pt; color: #FFFFFF; font-weight: bold; font-family: arial, helvetica, sans serif; padding-bottom:5px;
*height:24px;
*padding-bottom:0px;
}
-->

<!--
input[type=submit], input[type=button]
{background: url('images/btn_normal.gif'); letter-spacing: 1px; height:20px; border: 1px solid #777777; padding-left: 7px; padding-right: 7px; font-size: 9pt; color: #FFFFFF; font-weight: bold; font-family: arial, helvetica, sans serif; padding-bottom:5px;
*height:24px;
*padding-bottom:0px;
}
-->

<!--
input:hover[type=submit], input:hover[type=button]
{background: url('images/btn_hover.gif'); letter-spacing: 1px;  height:20px; border: 1px solid #777777; padding-left: 7px; padding-right: 7px; font-size: 9pt; color: #FFFFFF; font-weight: bold; font-family: arial, helvetica, sans serif; padding-bottom:5px;
*height:24px;
*padding-bottom:0px;
}
-->

.down_5 {
position:relative;
top:5px;
}

.right_align {
position:absolute;
left: 330px;
}

.subhead
{	width: 600px; height:36px;
    background: url('images/subhead_bg.gif') top left; background-repeat: no-repeat;
	vertical-align:center; padding-top: 13px;
	_padding-left: 13px; padding-left: 8px;
	position:relative; left: -4px; top:13px;
	font-size:12pt; font-weight:bold;
	font-family: century gothic, verdana, arial, sans-serif;
}

.sub_line
{	width: 700px; height:1px;
    position:relative; left: 0px;
	background-color: #74B5E0;
}

.bullet_arrow {
	color:#555555;
	font-family: arial, helvetica, sans-serif;
	font-size:9pt;
	line-height:80%;
	position:relative;
	left:15px;
	*left:5px;
    * line-height:22px;
	list-style-image: url('images/bullet_arrow.gif');}

/*highlighting for resumes*/

.highlight { 
	background: #FFFF33;
	color:#006699;
}

.highlight0 {
  background-color: #FFFF66; /*yellow*/
}

.highlight1 {
  background-color: #A0FFFF; /*blue*/
}

.highlight2 {
  background-color: #99FF99; /*green*/
}

.highlight3 {
  background-color: #FF9999; /*peach*/
}

.highlight4 {
  background-color: #FF66FF; /*pink*/
}

.highlight5 {
  background-color: #BBBBFF; /*purple*/
}

.emphasis, #confirm {
border: 1px solid #b0e3f6;
	background: #effbff url(images/bg_blue.gif) repeat-x 0 0;
	padding:5px;
	font-weight: bold;
	color: #003399;
	font-size:10pt;
	width: 500px;
	position:relative;
	top:10px;
	 margin-top:20px;
 *margin-top:15px;
 *margin-bottom:5px;
    }
	
	

/*resume stats sidebar*/
.update_date {
  margin-top: -5px;
}

.test {
  background-color: blue;
  color: white;
}

.cta {
  width:90%;
  padding: 10px;
  border: 1px dashed #CCCCCC;
  margin-bottom: 16px;
}

.loud_cta {
  font-size: 14px;
  font-weight: bold;
}

.cta h2 {
  margin-top: 0;
}

.cta img {
  float: left;
  margin: 0 30px 0 0;
}

img.boot {
  float: right;
  margin: 0 0 0 10px;
}

hr {
  border: 1px solid #CCCCCC;
}

/*on find candidates page*/
#sort_bar {
  font-size: 10px;
  /*line-height: 16px;*/
}


.post_res{
  background-color: #E6E6E6;
  border-top: 1px solid #CCCCCC;
  font-size: 11px;
  position:relative;
  left:12px;
  margin-bottom: 10px;
  padding: 1px 10px 1px 10px;
width:90%; border-bottom: 1px solid #CCCCCC;
}

.history_text{
  font-size: 11px;
}

/*CSS for the view of find jobs*/
.j_accent, .j_no_accent {
  font-size: 11px;
  padding: 1px 10px 1px 10px;
}

.j_accent {
  background-color: #E6E6E6;
}

/*CSS for the view of find candidates*/
.c_accent, .c_no_accent {
  border-top: 1px solid #CCCCCC;
  font-size: 11px;
  margin-bottom: 10px;
}

.c_accent td, .c_no_accent td {
  width: 170px;
}

/*this is for saved jobs, saved candidates (anything tabular)*/
.accent {
  background-color: #CCCCCC;
}

/*for registration pages step 1 of 2*/
.accent_color {
  color: #990000;
  }
  

/*this controls the job seeker/candidate? link on top right*/
.right, .manage_job_checkbox {
  text-align: right;
  float: right;
}

.manage_job_checkbox {
  margin-top: 0;
}


.red {
  color: red;
  weight: bold;
}

/*for zoom_candidate.php: text styling for not specified candidate fields*/
span.not_specified {
  font-style: italic;
  color: #999999;
}

/*for zoom_candidate.php: text styling for confidential candidate fields*/
span.confidential {
  color: #CE4121;
}

/*
border: 1px solid #CCCCCC;
*/

.hard2read {
  margin-top: 50px;
  font-size: 11px;
  font-family: courier;
}

/*this is for email job, email candidate to friend*/
p.example_email {
  font-family: "courier new";
  font-size: 11px;
  line-height: 16px;

  width: 450px;
  padding: 10px;
  background-color: #CCCCCC;
  
}


.subtle {
  color: #CCCCCC
}


#sidebar, #search_suggestion { /*for quotes and other extraneous info . . .that sort of thing*/
  float: right;
  padding: 10px;
  width: 150px;
  clear: right;
  font-size: 11px;
  line-height: 16px;
  margin-top: 0px;
  *margin-top: 25px;
  margin-left:20px;
  position:relative;
  z-index: 40;
  
}

.move_sidebar {
position:relative; 
top:-105px;
*top:-120px;
}

#search_suggestion {
  height: 140px;
}

#order {
  margin-right: 190px;
  height: 100%;
}

#product { /*the graphic of the picture*/
  float: left;
  width: 210px;
  height: 185px;
  margin: 0px 0 0 0;
  text-align: center;
  padding-right: 15px;
}

#popup { /*when you open in a new window (pop up) this is the width of that box (not be be confused w/ the width of the actual pop window)*/
  width: 350px;
}


#success{
  padding: 0 8px 0 8px;
  margin-bottom: 10px;
  width: 500px;
  border: 1px solid green;
  background-color: red;
}


/*STRUCTURE*/

textarea {
  padding: 2px;
  line-height: 15px;
}

/*color for the headings*/

h1, h2, h3 {
  font-family: century gothic, arial, sans-serif;
}


h1 {
  margin: 20px 0px 20px 0px;
  font-size: 20px;
}

h2 {
  margin: 16px 0px 16px 0px;
  font-size: 16px;
}

h3 {
  margin: 14px 0px 14px 0px;
  font-size: 14px;
}

/*LISTS*/

ul, ol {
  margin: 0 0 16px 30px;
}

ul {
  list-style-type: square;
}

#sidebar li {
  margin: 0 0 8px -16px;
}


ul.boolean li {
  font-family: courier;
  color: #CE4121;
}

ul.boolean li p {
  font: 12px/20px helvetica, verdana, arial, helvetica, sans-serif;
  color: #333333;
}
  

/*end*/

/*active job posting acknowledgement on manage_job|candidate.php; "saved" candidate confirmation on zoom_candidate|job.php*/
.active {
  color: green;
}

/*hidden job posting acknowledgement on manage_job.php*/
span.hidden {
  color: red;
}

fieldset.manage_job {
  margin-bottom: 20px;
  border: 1px solid #CCCCCC;
  padding: 10px;
}

p {
  margin: 16px 0px 16px 0;
}

p.verification {
  margin-left: 0px;
  line-height: 16px;
}

h3.verification {
  margin-bottom: 0px;
}


fieldset.short h3 {
  font-size: 12px;
  margin: 0px;
}

#sidebar p.book_links {
  padding-left: 0;
}

.error { /*for the price emphasis, color from amazon thanks to Firefoxes DOM inspector*/
  color: #990000;
}

.for_company {
  font-size: 12px;
  font-weight: normal;
}

.no_emphasis { /*copyright in footer*/
  color: #CCCCCC;
}

.question {
  font-weight: bold;
}

.answer {
}

.center {
  text-align: center;
}

/*for summary prices*/
.align {
  text-align: right;
}

.small_text {
  font-size: 10px;
}

.normal_text, .price, .promo_price {
}

.promo_price {
  color: green;
}

.price {
  text-decoration: line-through;

}

/*from verification page, to get the links next to the headings*/
.heading_note {
  font-size: 10px;
}

a img {
  border: none;
}

/*explicitly state "p" so that imgages are not styled using these styles . . . do this till you find the image workaround (problem was that image links were getting styled)*/
a:link, #pagination a:visited, #sort_bar a:visited {
  color: #336699;
}

/*for zoom_candidate.php: text styling for no_access candidate fields*/
span.no_access, a:hover {
  color: #CE4121;
}

/*TABLES*/

table {
  margin-bottom: 10px;
}

search_result {
  }

table th a {
  color: #336699;
}

table.zoom th {
  text-align: left;
}

td, th {
  padding-right: 5px;
}


.convert {
  text-transform:capitalize;
}

input.manage_candidate_submit {
  display: inline;
  text-align: right;
  
}

table.manage_candidate {
  font-size: 11px;
}




#cc_guarantee {
  float: right;
  width: 170px;
  font-size: 11px;
  line-height: 14px;
  margin: 0px;
}

/*END*/

/*FORMS (global)*/

fieldset {
  border: none;
}

input.submit {
  margin-top: 15px;
}

input.clear {
  font-family: courier;
  width: 340px;
}

.field_note {
  margin: -2px 0 0px 10px;
  font-size: 10px;
  line-height: 12px;
}



label, input.text, select, textarea {
  margin-bottom: 5px;
}

input {
  padding-left: 2px;
}


/*GUI for Searching Jobs, Login, searching candidates*/

fieldset.short {
  border: 1px solid #CCCCCC;
  padding: 15px;
  width: 450px;
  background-color:#F5F5F5;
}

fieldset.short label {
  text-align: right;
  width: 95px; /*this is the "right margin" for the start of any input.search boxes*/
  padding-right: 8px;
}

fieldset.short input.text, fieldset.short label {
  display: block;
  float: left;
}

fieldset.short input.submit {
  margin: 10px 0 0 102px;
}

fieldset.short p.field_note {
  margin-left: 103px;
}

fieldset.short p.show_all {
  font-size:10px;
  margin-left: 150px;
  display: inline;
}

/*END*/

/*GUI for Registration, Change Password*/

fieldset.long {
  border: 1px solid #CCCCCC;
  padding: 15px;
  width:90%;
  background-color:#F5F5F5;
}

fieldset.long label {
  text-align: right;
  width: 140px; /*this is the "right margin" for the start of any input.search boxes*/
  padding-right: 8px;
}

fieldset.long input, fieldset.long label {
  display: block;
  float: left;
}

fieldset.long p.field_note {
  margin-left: 150px;
}

fieldset.long label.checkbox, fieldset.long label.radio {
  width: auto;
  text-align: left;
  margin: -2px 0 0 8px;
}

fieldset.long div.radio, fieldset.long div.checkbox {
  margin-left: 150px;
}

fieldset.long div.radio p {
  margin-bottom: 3px;
}

fieldset.long input.submit {
  margin: 10px 0 0 150px;
}

/*for the phone extension*/
fieldset.long input.side {
  margin: 0px;
}

fieldset.long label.side {
  text-align: left;
  width: 15px;
  padding: 0 4px 0 8px;
}


/*END*/

option { /* for selection/dropdown boxes . . . so the words don't get cut off*/
  padding: 0 5px 0 3px;
}

p.submit_note {
  margin-top: 5px;
  font-size:11px;
}

p.author, p.title, p.logo {
  text-align: right;
  margin: 0px;
}

p.author {
  margin-top: -10px;
  font-weight: bold;
}

p.mission {
  border: 1px solid #CCCCCC;
  text-align: center;
  color: #990000;
  padding: 10px;
}

.testimonial, .quote {
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin: 12px 0 12px 0;
}

.quote {
  background-color: #CCCCCC;
}

input.submit_summary {
  margin: 0;
}

input.contact_submit {
  margin-left: 98px;
}

/*shouldn't apply a global br update, make a special class w/in the forms pages*/
br.after_field {
  clear: left;
}

  /*GRAPHICS*/

.body_graphic {
  float: left;
  margin: 7px 14px 0 0px;
}

img.our_pics {
  margin: 5px 10px 10px 0;
  float: left;
}

/*testimonials page*/

testimonial img {
  text-align: right;
}

img.card {
  margin-left: 148px;
}

img.home_image {
  float: right;
  margin: 10px;
}
a:link.no_emphasis, .no_emphasis{
  color: #999999;
  font-size: 10px;
  text-align: center;
}

/*pagination links*/
.easy_click_text {
  font-weight: bold;
  font-size: 14px;
}