/* THIS MUST GO FIRST: CLIENT SPECIFIC */
/* CSS RESET */
/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Typo */


body { 
	background-image: url(/images/bg.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 65%;
	line-height: 1.3;
}

strong { 
	font-weight: bold;
}

p, ul {
	font-size: 1.4em;
	color: #4c3d31;
	margin-bottom: 20px;
	line-height: 1.2
}

p.small {font-size: 1.2em;}

h1 {
	font-size: 2.0em;
	color: #4c3d31;
	margin: 10px 0 15px 0;
	font-weight: bold;
}

h2 {
	font-size: 2em;
	color: #4c3d31;
	margin: 10px 0 25px 0;
	font-weight: bold;
}

h3 {
	font-size: 1.6em;
	color: #4c3d31;
	margin: 10px 0 25px 0;
}

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

a:hover {
	color: #3a1300
}

.rightcol li {
	background-position: left 5px;
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	list-style-position: outside;
	padding-left: 30px;
	margin-bottom: 15px
}


/*  Layout  */

.container {
	width: 980px;
	margin: 0 auto 0 auto;
}

#page {
	width: 100%;
	clear: both;
	background-image: url(/images/page.jpg);
	float: left;
	padding: 0 0 15px 0;
}

.leftcol {
	float: left;
	width: 350px;
}

.leftcol .inner {
	padding: 0 0 0 50px;
}

#footer .leftcol {
	width: 700px;
}

.leftcol .inner p, .leftcol .inner h2 {
	margin: 0 40px 15px 20px;
}

.rightcol {
	float: right;
	width: 560px;
}

.rightcol .inner {
	padding: 0 70px 0 0;
}

#subsection {
	background-image: url(/images/subsection.gif);
	background-position: center top;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	padding: 30px 0 0 0;
	width: 100%;
}

#footer {
	background-image: url(/images/footer.jpg);
	clear: both;
	width: 100%;
	float: left;
}

#footer p {
	color: #d0c2b1;
	margin-bottom: 8px;
}

#footer em {
	color: #f0e7e0;
	font-style: normal;
}

#footer a:link, #footer a:visited {
	color: #f0e7e0;
}

#footer a:hover {
	color: #ffffff;
}

#footer .container {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/images/footertop.jpg);
	padding-top: 70px
}

#footer p.copyright {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align: right;
	font-size: 1em;
	margin: 20px 82px 20px 0;
	clear: both;
}

#footer #sociallinks {
	float: right;
	width: 200px;
	padding-right: 72px;
}

#footer #sociallinks a {
	float: right;
	margin: 0 10px 0 0;
}

#footer #recwebs {
	font-size: 1em;
	margin: 40px 0 0 20px;
}

#footer .leftcol .inner {
	padding-left: 35px;
}

/* Bits */

#chat {
	background-image: url(/images/chat.gif);
	width: 312px;
	height: 39px;
	display: block;
	text-indent: -10000px;
	margin-left: -15px;
}

#logo {
	position: relative;
	margin: 5px 0 50px -20px
}

#homelinks {
	margin: 0 0 20px 0;
}

#homelinks .last {
	margin: 0 0 0 115px;
}

#headhome {
	width: 445px;
	height: 70px;
	background-image: url(/images/heading-home.gif);
	display: block;
	text-indent: -10000px;
}


#homeflash {
	margin-bottom: 40px;
}

#homejobboards {
	margin-top: 0px;
}

#subheadhome {
	background-image: url(/images/subheading-home.gif);
	background-repeat: no-repeat;
	width: 281px;
	height: 20px;
	text-indent: -10000px;
	display: block;
}

#subheadfooter {
	background-image: url(/images/subheading-footer.gif);
	background-repeat: no-repeat;
	width: 201px;
	height: 56px;
	text-indent: -10000px;
	display: block;
	margin-top: -15px;
}

p.last {
	background-position: 0 2px;
	background-repeat: no-repeat;
	background-image: url(/images/subnav.gif);
	padding-left: 30px;
	margin-top: 40px;
	display: block;
}

#subnav {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/images/subnavbg.gif);
	padding: 11px 0 0 0;
	width: 290px;
}

#subnav a {
	padding: 10px 10px 10px 25px;
	display: block;
}

#subnav a:hover, #subnav a.this {
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/images/subnavhover.gif);
}

#subnav a.this {
	color: #4c3d31;
	background-image: url(/images/subnavhilight.gif)
}

#subnav li ul  {
	font-size: 1em;
	margin-bottom: 0;
}

#subnav li ul li a {
	padding-left: 55px;

}


	blockquote p {
	text-align: left;
	font-style: italic;
	padding: 0px 0 4px 0;
	margin-bottom: 0;
	}
	blockquote span p {
		font-size: 1.2em;
		display: block;
		margin-bottom: 20px;
	}
		

#reclogos img {
	margin: 0 26px 10px  0;
}

#reclogossml img {
	margin: 22px 20px 5px 0;
}

#reclogos {margin-bottom: 20px;}

#chatbox {margin: 5px 0 40px 0;}

.panelportr {background-image: url(/images/panel-bg.jpg)}

.panellandsc {background-image: url(/images/panel-bg-landsc.jpg)}

.panel {background-position: center top; background-repeat: no-repeat; ; float: left; width: 100%; margin: 0 0 20px 0; padding-bottom: 5px;} 

.panelportr img {float: left; margin: 16px 40px 16px 35px;}

.panellandsc img {float: left; margin: 31px 23px 33px 21px;}

.panel h3 {margin: 20px 15px 5px 0;}

.panel p {margin: 10px 15px 10px 0;}

#jobs-widget-holder-holder {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/images/subnavbg.jpg);
	padding: 11px 0 15px 0;
	width: 290px;
	margin: 0 0 20px 0;
}

#jobs-widget-holder, #jobs-widget-holder-holder h3 {
	padding: 0 26px; 
}

#jobs-widget-holder-holder h3 {margin-bottom: 10px; font-weight: bold;}

#jobs-widget-list li p {
	font-size: 0.8em;
}

#jobs-widget-list h4 {
	font-size: 1em; margin-bottom: 4px;
}

#jobs-widget-list,
  #jobs-widget-list li h4,
  #jobs-widget-list li p   { padding:0; margin:0; }
  #jobs-widget-list li     { list-style:none; margin-bottom:8px; }

#jobs-widget-link {
	font-size: 1.4em; 	background-position: 0 2px;
	background-repeat: no-repeat;
	background-image: url(/images/subnav.gif);
	padding-left: 20px;
	margin-top: 20px;
	display: block;
}

.title p {
	color: #993300; margin-top: 40px;
}

.listoptions {
	font-size: 1.1em;
	text-align: right;
	margin-top: 40px;
}

.rightcol ul.buttonlinks li {
	float: left;
	width: 223px;
	height: 106px;
	padding: 0;
	background-image: url(/images/buttonlinkbg.jpg);
	display: block;

}

.rightcol ul.buttonlinks li a {
	padding: 50px 30px 0 30px;
	float: left;
}

.rightcol ul.buttonlinks li.double a {
	padding: 40px 30px 0 30px;
	float: left;
}


#testimonials {
	float: right;
	margin-top: -320px;
	margin-right: 50px;
	z-index: 1;
	position: relative;
}

.button-contactNextHire {
	position: relative;
	float: right;
	margin-top: -80px;
	margin-right: -20px;
}


/* Navigation */

#nav {
	background-color: #fff;
}

#nav ul {
	margin: 0px;
}

#nav li {
	list-style-type: none;
	float: left;
}

#nav li a {
	background-image: url(/images/nav.jpg);
	display: block;
	height: 85px;
	text-indent: -10000px;
	outline: none; 
}

#nav1 a {width: 95px}
#nav2 a {width: 138px}
#nav3 a {width: 140px}
#nav4 a {width: 109px}
#nav5 a {width: 116px}
#nav6 a {width: 117px}
#nav7 a {width: 110px}
#nav8 a {width: 155px}

#nav1 a:link, #nav1 a:visited { background-position: -0px 0; }
#nav2 a:link, #nav2 a:visited { background-position: -95px 0; }
#nav3 a:link, #nav3 a:visited { background-position: -233px 0; }
#nav4 a:link, #nav4 a:visited { background-position: -373px 0; }
#nav5 a:link, #nav5 a:visited { background-position: -482px 0; }
#nav6 a:link, #nav6 a:visited { background-position: -598px 0; }
#nav7 a:link, #nav7 a:visited { background-position: -715px 0; }
#nav8 a:link, #nav8 a:visited { background-position: -825px 0; }

#nav1 a.this, #nav1 a:hover { background-position: -0px -90px; }
#nav2 a.this, #nav2 a:hover { background-position: -95px -90px; }
#nav3 a.this, #nav3 a:hover { background-position: -233px -90px; }
#nav4 a.this, #nav4 a:hover { background-position: -373px -90px; }
#nav5 a.this, #nav5 a:hover { background-position: -482px -90px; }
#nav6 a.this, #nav6 a:hover { background-position: -598px -90px; }
#nav7 a.this, #nav7 a:hover { background-position: -715px -90px; }
#nav8 a.this, #nav8 a:hover { background-position: -825px -90px; }

#nav li .drop {
	display: none; font-size: 1em
}

#nav li:hover .drop {
	display: block;
	z-index:10;
	position:absolute;
	margin-top: -23px;
	width: 200px;
}

#nav li .drop li {
	float: inherit;
}

#nav li .drop a {
	background-image: url(/images/navbg.gif);
	text-indent: 0;
	height: 30px;
	background-color: #802216;
	color: #edd5b2;
	width: 200px;
	padding: 10px 10px 0px 15px;
	margin: 0;
}

#nav li .drop a:hover {
	background-image: none;
	text-indent: 0;
	height: 30px;
	background-color: #b98173;
	color: #fff;
}

/* page titles */

.pagetitle {
	margin: 0 0 35px 0;
	text-indent: -9999px;
	display: block;
	height: 240px;
	width: 478px;
	background-repeat: no-repeat;
} 


/* NOW WE CAN SPECIFY STYLES HERE */
/* JOB-BOARD FUNCTIONALITY FOR THE SPECIFIC CLIENT */
#kaonixCell {margin-left: 70px; margin-right: 60px; }
#kaonixCell h1, #kaonixCell h2, #kaonixCell h3 {font-style: normal; font-weight: bold; color: #4c3d31; font-size: 2em; margin: 10px 0 25px 0; }
#kaonixCell p {color: #4c3d31; font-size: 1.5em; }
#kaonixCell td, #kaonixCell th {color: #4c3d31; font-size: 1.5em; }
#kaonixCell ul li ul li { font-size: 0.7em; }

/* Search Box */
#search-box {
  margin-top: 50px; width: 500px; text-align: center;
}

#search-box input {
  background: transparent url(/images/bg-search.png) 0 0 no-repeat; font-size:1.6em; width:276px; height:40px; border:none; padding:6px 10px 6px 10px; color:#444;
}

#search-box input:focus, #search-box input:hover {
  background: transparent url(/images/bg-search.png) -296px 0 no-repeat;
}

/* Free Job Button */
#free-job-button {
  width: 500px; text-align: center;
}

/* Tag Cloud */
#tag-cloud-holder {
  width: 500px; text-align: center; padding: 10px; margin-right: 60px; float: right;
}

#tag-cloud-holder a {
  position: block; padding: 5px;
}

.tag-cloud-smallest {
  font-size: xx-small;
}

.tag-cloud-small {
  font-size: small;
}

.tag-cloud-medium {
  font-size: medium;
}

.tag-cloud-large {
  font-size: large;
}

.tag-cloud-largest {
  font-size: xx-large;
}

/* Category List */
#category-list-holder {
  width: 225px; text-align: left; padding: 10px; margin-top: 40px; background-color: #ccccff; float: right; clear: right;
}

#category-list-holder h4 {
  padding: 0; margin: 0;
}

#category-list-holder ul li {
  padding: 0; margin: 0;
}

/* Latest Vacancies List */
#latest-vacancies-holder {
  width: 600px;
}

#latest-vacancies-holder table {
  padding: 0; border-collapse: collapse; width: 100%;
}

#latest-vacancies-holder table td {
  padding: 5px; border-bottom: 1px solid #cccccc; color: #999999;
}

#latest-vacancies-holder table td em {
  font-style: normal; color: #333333;
}

/* Recently Viewed List */
#recently-viewed-holder {
  width: 200px; float: right; padding: 10px; margin-top: 40px; display: block;
}

#recently-viewed-holder h4 {
  font-size: medium; color: #999999;
}

#recently-viewed-holder ul {
  padding: 0; margin: 0;
}

#recently-viewed-holder ul li {
  background: none; list-style: none; padding: 3px; margin: 0; font-size: small;
}

/* RSS */
#rss-list-holder ul li {
}

/* Widget - main styles now defined up top! */
pre {
  width: 500px; padding: 5px; background-color: #ffffcc; font-family: Courier New; overflow: auto; border: 1px black solid;
}

/* JOB-BOARD SPECIFIC */
.datatable { padding: 0px; border-collapse: collapse; width: 100%; }
.dataheader { padding-top: 3px; padding-right: 3px; border-bottom: 1px solid #cccccc; text-align: left; vertical-align: top; color:#000000; font-size: medium; }
.datacell { padding-top: 3px; padding-right: 3px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; vertical-align: top; }
.datacellmiddle { padding-top: 3px; padding-right: 3px; vertical-align: top; }

tr.oddRow { background-color: #eeeeee; }

.formtable { width: 625px; }
.labelcell { vertical-align: top; font-weight: bold; }
.fieldcell { vertical-align: top; }
.fielddividercell { vertical-align: top; border-bottom: 1px solid #cccccc; }
.dividercell { line-height: 10px; border: 0px; border-top: 1px solid #cccccc; }

.questiontable { padding: 0px; border-collapse: collapse; width: 100%; }
.questionlabel { padding-top: 0px; }
.subquestionlabel { padding-top: 25px; }

.required { font-weight: bold; color: Red; }
.small { font-weight: normal; margin: 5px; font-size: small; }
.redbold { font-weight: bold; color: Red; }
.errormessage { background-color: #ffcccc; }

.headeralignleft { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; font-style : normal; font-weight : bold; color : #000000; text-align : left; }
.mycvtop { font-weight : bold; font-size : 111px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-bottom; text-align : right; background-color : #FFFFCC; }
.mycvheaderlarge { font-weight : bold; font-size : 111px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: bottom; text-align : left; }
.mycvheaderbld { font-weight : bold; font-size : 14px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadermed { font-weight : normal; font-size : 14px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvheadersmlrt { font-weight : bold; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvhdrsmlltnorm { font-weight : normal; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvhdrsmlrtnorm { font-weight : normal; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : right; }
.mycvheadersmllt { font-weight : bold; font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; vertical-align: text-top; text-align : left; }
.mycvtextjust { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; font-style : normal; font-weight : normal; text-align: justify; vertical-align: text-top; }
.mycvtext { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 11px; font-style : normal; font-weight : normal; text-align: right; vertical-align: text-top; }
.mycvpage { font-family :Verdana,Arial,Helvetica,sans-serif; font-size : 10px; background-color : #999999; margin-left : 0; margin-right : 0; margin-top : 0; margin-bottom : 0; margin : 0; padding-left : 0; padding-right : 0; padding-top : 0; padding-bottom : 0; padding : 0; }
.whitetext { font-size : 10px; font-family :Verdana,Arial,Helvetica,sans-serif; font-style : normal; color : #ffffff; text-align : justify; }