/* THIS MUST GO FIRST: CLIENT SPECIFIC */
/* Generic styles */
body {
  margin: 0; padding: 0; background-color: #d8d9db;
}

* {
  font-family: sans-serif; font-size: 12px;
}

h1, h2, h3 {
  color: #e31937; font-size: 22px;
}

a {
  color: #e31937;
}

a:hover {
  text-decoration: none;
}

a img {
  border: 0;
}

.clearall {
  clear: both;
}

/* Top level containers */
#page {
  width: 100%; text-align: center; padding: 0; margin: 0;
}

#container {
  width: 950px; margin-left: auto; margin-right: auto; padding: 20px; text-align: left; background-color: #ffffff;
}

/* Header */
#header {
  border-bottom: 3px solid #e31937;
}

#header #logo {
  float: left;
}

#header #contact {
  float: right; text-align: right; color: #000000; width: 345px;
}

#header #contact ul {
  list-style: none;
}

#header #contact ul #telephone {
  font-size: 20px;
}

#header #contact ul #telephone big {
  font-size: 30px;
}

#header #contact ul #email {
  font-size: 18px; padding-bottom: 15px;
}

#header #contact ul #email a {
  color: #000000; text-decoration: none; font-size: 18px;
}

#header #contact ul #address {
  font-size: 11px; padding-left: 30px; height: 22px; line-height: 25px; background: url(/images/square.jpg) left center no-repeat; 
}

/* Content */
#content {
  padding-top: 20px;
}

#content #menu-left {
  float: left; 
}

#content #menu-left ul {
  list-style: none; margin: 0; padding: 0; 
}

#content #menu-left ul li {
  padding-top:5px; margin-bottom: 7px; text-align: center; width: 205px; height: 24px; text-transform: uppercase;
  background-image: url(/images/menu-black.jpg); background-repeat: no-repeat;  background-color: #ffffff;
}

#content #menu-left ul li.selectedMenu{
  padding-top:5px; margin-bottom: 7px; text-align: center; width: 205px; height: 24px; text-transform: uppercase;
  background-image: url(/images/menu-red.jpg); background-repeat: no-repeat;  background-color: #ffffff;
}

#content #menu-left ul li a {
  color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;
}

#content #menu-top ul {
  list-style: none; display: inline;
}

#content #menu-top ul li {
  padding-top:5px; float: left; margin-right: 10px; text-align: center; width: 205px; height: 24px; text-transform: uppercase;
  background-image: url(/images/menu-black.jpg); background-repeat: no-repeat;  background-color: #ffffff;margin-bottom: 5px;
}

#content #menu-top ul li.selectedMenu{
  padding-top:5px; float: left; margin-right: 10px; text-align: center; width: 205px; height: 24px; text-transform: uppercase;
  background-image: url(/images/menu-red.jpg); background-repeat: no-repeat;  background-color: #ffffff;
}

#content #menu-top ul li a {
  color: #ffffff; text-decoration: none; font-weight: bold; font-size:14px;
}

#content #menu-right {
  float: right;
}

#content #menu-right .menu-right-top {
  background: #e31937 url(/images/menu-right-top-red.jpg) no-repeat; width: 284px; margin-bottom: 20px;
}

#content #menu-right .menu-right-top .menu-right-content {
  padding-top: 15px; padding-left: 5px; padding-right: 10px; padding-bottom: 0px; color: #ffffff; min-height: 50px; font-size:15px;
}

#content #menu-right .menu-right-bottom {
  background: #e31937 url(/images/menu-right-bottom-red.jpg) no-repeat; width: 284px; font-size: 10px; height: 18px;
}

#content #splash {
  float: right; padding-right: 15px;
}

#kaonixCell {
   clear: left;padding-top: 10px;
}

/* Job search */
#job-search {
	background-image: url(/images/smalllogo.jpg); background-repeat: no-repeat;  background-position: 220px 10px;
}

#job-search .header  {
  color: #ffffff; padding-bottom: 5px; padding-top: 8px; font-size: 20px; font-weight:bold;
}

#job-search a {
  color: #ffffff; text-decoration: none;  font-size:16px;
}

#job-search .fieldset-fullwidth {
  float: left; width: 100%; padding-bottom: 10px;
}

#job-search .fieldset-halfwidth {
  float: left; width: 45%; padding-bottom: 10px;
}


#job-search label {
  font-weight: bold; display: block;
}

/* Upload CV */
#upload-cv {
  background-image: url(/images/smalllogo.jpg); background-repeat: no-repeat;  background-position: 220px 10px;
}

#upload-cv .header  {
  color: #ffffff; padding-bottom: 5px; padding-top: 8px; 
}

#upload-cv a {
  color: #ffffff; text-decoration: none; font-size:16px;  font-weight:bold;
}

.bolder{
  font-size:18px; font-weight:bold;
}

/* Office Locations */
#office-locations {
  text-align: center; font-weight: bold; font-size:16px; 
}

/* Footer */
#footer {
  width: 100%; text-align: center; clear: both;
}

#footer a {
  color: #999999;
}

#footer #powered-by {
  float: right;
}

#footer #powered-by a {
  font-size: 11px;
}

#footer #menu {
  width: 500px; margin-left: auto; margin-right: auto;
}

#footer #menu ul {
  list-style: none;
}

#footer #menu ul li {
  float: left; list-style-type: none; display: block; padding-left: 20px; padding-right: 20px;
}

/* NOW WE CAN SPECIFY STYLES HERE */
/* JOB-BOARD SPECIFIC */
#kaonixCell ul li { padding-bottom: 20px; font-size: 1em; list-style-image: url(/images/bulletpoint.jpg);}
#kaonixCell ul li ul li { padding-bottom: 20px; font-size: 1em; }
#kaonixCell ul .liNoPadding { padding-bottom: 0px; font-size: 1em; }

.datatable { padding: 0px; border-collapse: collapse; width: 100%; }
.dataheader { padding-top: 3px; padding-right: 3px; border-bottom: 3px solid #cccccc; text-align: left; vertical-align: top; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color:#000000; }
.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; }

.formtable { width: 100%; }
.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-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; }

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