body {font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; background-repeat:repeat; color: #666;}
#container {width:794px; position:relative; z-index:0; font-size:90%; margin-top: 10px;	margin-right: auto;	margin-left: auto; margin-bottom: 40px;}

/* List Styles */
#boxcopy ul{display:block; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 25px;}
#boxcopy ul li{font-weight:normal; list-style: none; background-image: url(images/hr-tick2.png); background-repeat: no-repeat; background-position: 0px 7px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; padding-top: 0;	padding-right: 0; padding-bottom: 0; padding-left: 15px;}
#rightcontent ul{ display:block; padding-top: 0px; padding-right: 11px; padding-bottom: 0px; padding-left: 0px;}
#rightcontent ul li{ font-weight:normal; list-style: none; background-image: url(images/green-tick.png); background-repeat: no-repeat; background-position: 0px 4px; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; line-height: 25px;padding-top: 0;	padding-right: 0; padding-bottom: 0; padding-left: 20px;}
#stop ul li{ font-weight:normal; list-style: none; background-image: url(images/stop_orange.png); background-repeat: no-repeat;	background-position: 0px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 25px; padding-top: 0;	padding-right: 0; padding-bottom: 0; padding-left: 20px;}
ol li{ padding-bottom:10px;}

/* Text & Link Styles */
p {margin-bottom:1em;}
a {color : #666; outline : none; overflow : hidden;}
a:hover {color : #666;}
h1 {color : #f15604;font-size:21px; line-height: 5px;}
.power {color:#fff;} 
h2, h3, h4, h5, h6  { color : #9abf0f;font-size: 120%;	line-height: 17px; padding-bottom: 15px;}
h1.flow{ line-height:20px;}
.highlight {color: #94BA02;	font-weight: bold;}
#logowrap{float:left;padding-top: 45px; padding-left: 45px;}
.orange { color:#9abf0f; font-weight: bold;}
#right a, #right a:hover {color:#f15604;}

/* Image Styles */
* img {border: 0;}
.leftboximage{ padding-left: 23px;}
.topdots { height:15px;	background-image: url(images/dot_line.gif);	background-repeat: repeat-x; background-position: bottom; margin-right: 45px;	margin-left: 45px;}

/* Header Styles*/
#header{width: auto; height: 184px;	background-image: url(images/hr-heder-bg.jpg); background-repeat: no-repeat; background-position: top;}
.headlinks { color:#666666;	font-size: 12px; line-height: 20px;}
#login {float: right; position: absolute; left: 544px; top: 45px; width: 212px; text-align: left; height: 17px;}
#nav {float: right;	padding-top: 150px;	padding-right: 40px;}
.subhead {color : #333333;font-size: 110%;line-height: 4px;}
 
/* Main Body Styles*/
#content {clear: both;height: 100%;	background-image: url(images/hr-sides-bg.jpg);background-repeat: repeat;padding-bottom: 10px;}		
.main {float: right; position: absolute; left: 384px; top: 440px; width: 304px; color:#FFFFFF; line-height: 20px;}
.main h1{color:#fafafa; line-height: 16px;}
.clearit {clear: both;}

/* Left Content divs & styles */
#left { width: 255px; float: left; height: 100%; padding-top: 15px;	margin-left: 40px;}


#topbox {background-image: url(images/hr-left-side-box-top.jpg);background-repeat: no-repeat; background-position: top;	height: 42px;}
#sidebox{ background-image: url(images/hr-left-side-box-sides.jpg);	background-repeat: repeat;}
#botbox{background-image: url(images/hr-left-side-box-bot.jpg); background-repeat: no-repeat; background-position: bottom; height: 32px;}
.boxcopy{ padding-left: 23px; padding-right: 35px;}
#boxcopy{padding-right: 20px;}

/* Right Content divs */
#right {width: 470px; float: right;	padding-top: 40px;}
#rightcontent{ padding-right: 50px;	padding-left: 15px;}

/* Footer Styles */	
#footer { width: 100%; position: relative; background-position: bottom; height: 30px; text-align: center; font-size: 9px;line-height: 20px; background-repeat: no-repeat; background-image: url(images/hr-footer-bg.jpg); padding-bottom: 10px;}
#botnav {width: 100%;position: relative; height: 100%; text-align: center; font-size: 9px; line-height: 10px; padding-top: 30px; padding-bottom: 30px;}	
.divide {height:6px; margin-right: 15px; margin-left: 15px;}


/*Contact Search form styles */
.cssform p{	width: 250px; clear: left; margin: 0; padding-left: 155px; height: 1%; padding-top: 10px; padding-right: 0; padding-bottom: 8px; border-top-width: 1px;	border-top-style: dotted; border-top-color: gray;}
.cssform label{	font-weight: bold; float: left;	margin-left: -155px; /*width of left column*/width: 155px;}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/width: 180px;}
.cssform textarea{width: 250px;height: 150px;}
.formnotes{	color:#f15604; padding-bottom: 10px;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{margin-left: 3px;}




#kaonixCell p, #kaonixCell td {font-size: 12px;}
#kaonixCell a { color: #f15604; }
#kaonixCell a:hover { color: #666; }

/* NOW WE CAN SPECIFY STYLES HERE */
/* JOB-BOARD SPECIFIC */
#kaonixCell ul li { padding-bottom: 20px; font-size: 1em; }
#kaonixCell ul li ul li { padding-bottom: 20px; font-size: 1em; }
#kaonixCell ul .liNoPadding { padding-bottom: 0px; font-size: 1em; }

.datatable { width: 100%; padding: 0px; border-collapse: collapse; }
.dataheader { padding-top: 3px; padding-right: 3px; border-bottom: 3px solid #9abf0f; text-align: left; vertical-align: top; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color:#666; }
.datacell { padding-top: 3px; padding-right: 3px; padding-bottom: 10px; border-bottom: 1px solid #9abf0f; vertical-align: top; }
.datacellmiddle { padding-top: 3px; padding-right: 3px; vertical-align: top; }

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

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

.required { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: Red; }
.small { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; margin: 5px; }
.redbold { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: Red; }
.errormessage { background-color: #ffcccc; color: #000000 !important; }

.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; }