/* THIS MUST GO FIRST: CLIENT SPECIFIC */

/****************************************************************
* Standard CSS Reset
****************************************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
ul, ol {list-style-image:none; list-style-position:outside; list-style-type:none;}
table { *border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; vertical-align:bottom; }
input,textarea { margin: 0; }
a { outline: none; } /* Removes Firefox imposed outline */
#container div, #container ul, #container ol { 	zoom: 1; } /* mitigate IE haslayout issues */


/****************************************************************
* Global site-wide layout styles
****************************************************************/

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#808080;
}

#outerwrap {
	background: transparent url(/images/main-bg.gif) repeat-y top center;
}

#wrapper {
	background: transparent url(/images/footer-bg.gif) no-repeat bottom center;
}

#logo-header {
  padding-left: 9px;
}

#content {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 31px;
	position:relative;
/*	z-index:0;*/

}

a {color:#55B74C; text-decoration:none;}
p {font-size:1.2em; color:#707070;}
h1 {padding-bottom:.5em; margin-bottom:.5em; font-size:1.6em;}
h3 {color:#0F602D; font-size:1.2em;}
h4 {margin:.5em 0; color:#0F602D; font-size:1.1em;}
h5 {color:#0F602D;}
dl dt {font-weight:bold; font-size:1.2em;}
dl dd {font-size:1.2em;}

/****************************************************************
* Breadcrumb
****************************************************************/

#breadcrumb {
	margin:10px 10px 10px 10px;
	width:960px;
	list-style: none;
	font-size: 1.2em;
  	background: url(/images/breadcrumb-bg.gif) repeat-y -970px 0;
	color: #fff;
}
#breadcrumbwrapper {
	background: url(/images/breadcrumb-bg.gif) no-repeat 0 0;
	padding-top: 7px;
}
#breadcrumb ul {
	padding: 0 20px 9px;
  	background: url(/images/breadcrumb-bg.gif) no-repeat -1940px 100%;
  	zoom: 1;
}

#breadcrumb li {
  float: left;
  display: inline;
  margin-right: 6px;
  background: url(/images/arrow_breadcrumb.gif) no-repeat 0px 6px;
  padding-left:16px;
  font-weight:normal;
  padding-top: 2px;
}

#breadcrumb .intro {
  width: auto;
  font-weight: bold;
  padding-left: 0;
  background:none;
}

#breadcrumb li.first {
  background: none;
  padding-left: 7px;
}

#breadcrumb li.active {
  font-weight:bold;
}

#breadcrumb li a,
#breadcrumb li a:link,
#breadcrumb li a:visited {
  color: #fff;
  text-decoration: none;
 }

#breadcrumb li a:hover,
#breadcrumb li a:active {
  text-decoration: underline;
  background-color: transparent;
}

/****************************************************************
* Footer
****************************************************************/

#footer {
  	background: url(/images/breadcrumb-bg.gif) repeat-y -970px 0;
	clear:both;
	font-size:1.2em;
	margin:20px 10px 0;
	overflow:hidden;
	width:960px;
}
#footerinner {
	background: url(/images/breadcrumb-bg.gif) no-repeat 0 0;
	padding-top: 10px;
}

ul#footerlinks {
  	background: url(/images/breadcrumb-bg.gif) no-repeat -1940px 100%;
	padding: 0 10px 10px;
  	position: relative;
  	zoom:1;
}

ul#footerlinks li {
	display: inline;
	float:left;
	background: url(/images/footer_links_divider.gif) no-repeat 0px 3px;
	padding-left: 9px;
	padding-right: 5px;
}

ul#footerlinks li.footerfirstitem {
	background: none;
}
ul#footerlinks li.builtby {
	background:none;
	float:right;
	display:inline;
	padding-right: 10px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}
#footercontent {
	padding: 20px 10px 0;
}

/****************************************************************
* Typography
****************************************************************/

h2, h3, h4 { font-weight: bold; }

h1 { font-size: 2em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin: 0.5em 0; }
h3 { font-size: 1.3em; margin: 0.5em 0; }
h4 { font-size: 1em; margin: 1em 0 0.5em 0; }


/* Setup the default input or textarea states */
textarea, input, select { 
	font-family:arial; font-size:1em; color: 666;
}
textarea, input.text {
	border: 1px solid #C2C2C2; padding:2px; width: 275px;
}
p {
	margin-bottom:10px;
}

/****************************************************************
* CLEAR FLOATS
****************************************************************/
#pagebody:after, #breadcrumb ul:after, #footer ul:after,
#productdetailscontainer:after,
div.formsection .lookupaction:after,
.addbookfrm .addlist:after,
.deliveryaddress .addlist:after,
div.signinforms:after,
div.petreadonlylabels:after,
div.petreadonly:after,
div.petupdate:after, div.petadd:after, .productdetails div.share:after, .sqpmedsentryform div.heading:after, .sqpmedsentryform div.petfields:after,
div.action:after,
.formsectioninner:after { /* Hack for float clear in FF */
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}




/* NOW WE CAN SPECIFY STYLES HERE */
/* JOB-BOARD SPECIFIC */
#kaonixCell { margin-left: 20px; margin-right: 20px; }
#kaonixCell h1, #kaonixCell h2, #kaonixCell h3, #kaonixCell p { margin-bottom: 10px; margin-top: 10px; }
#kaonixCell td { font-size: 12px; padding-bottom: 5px; }

#kaonixCell ul li { padding-bottom: 20px; list-style: disc inside; font-size: 12px; }
#kaonixCell ul li ul li { padding-bottom: 20px; margin-left: 10px; }
#kaonixCell ul .liNoPadding { padding-bottom: 0px; }

.datatable { padding: 0px; border-collapse: collapse; width: 100%; }
.dataheader { padding-top: 3px; padding-right: 3px;  text-align: left; vertical-align: top; font-family: 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; }

div#maplocation { width: 550px; height: 325px; border: 1px black solid; }