/*
Main Style Sheet for Kin-Tec
*/

body {
  font-family: Arial, Sans-Serif;
  background:rgb(255,255,255) url(../../background-gradient.gif) bottom left repeat-x;
  background-attachment:fixed;
  margin: 0;
  font-size:80%;
  color:#222;
}

a{color:rgb(1,57,116);text-decoration:none;}
a:hover{color:rgb(59,155,226);}
img{border-width:0}

div#container {
	width:990px;
	margin:0px auto;
	background-color:#fff;
	position:relative;
}

div#container div#headerLogoTelNum {
	padding:10px 0 5px 0;
	height:54px;
	background-color:#fff;
	text-align:center;
}

div#container div#headerLogoTelNum div#left {
	float:left;
	margin-left:10px;
	background-image:url(../../Header-Logo.gif);
	background-repeat:no-repeat;
	height:54px;
	width:259px;
}

div#container div#headerLogoTelNum div#left a {
	display:block;
	height:54px;
	width:259px;
}

div#container div#headerLogoTelNum div#right {
	float:right;
	margin-right:4px;
	padding-top:10px;
	height:44px;
	width:220px;
	vertical-align:middle;
}

div#container div#headerLogoTelNum .swf {
	margin-top:10px;
}

div.headerMenu {
	font-size:10px;
	color:rgb(1,57,116);
	font-weight:bold;
	text-align:center;
}
div.headerMenu DIV { display:inline; }

div.headerMenu a, div.headerMenu a:visited {
	color:rgb(1,57,116);
	text-decoration:none;
	padding:0px 2px;
}

div.headerMenu a:hover {
	text-decoration:underline;
}

div#headerGraphicsSearchPanel {
	margin:0;
}

div#headerGraphicsSearchPanel div#graphics {
	width:737px;
	height:191px;
	float:left;
	background-image:url(../../Header-Graphic.jpg);
	background-repeat:no-repeat;
}

div#headerGraphicsSearchPanel div#searchPanelPlaceHolder {
	width:251px;
	height:191px;
	float:right;
	background-image:url(../../Header-Search-Panel-Gradient.gif);
	background-repeat:no-repeat;
}

div#searchPanel {
	position:absolute;z-index:10;
	top:107px;
	left:770px;
	width:185px;
	font-size:10px;
	color:#fff;
}

div#searchPanel label {
	display:block;
	padding-top:4px;
}

div#searchPanel select {
	font-size:10px;
	width:180px;
}

div#searchPanel div#jobType {
	margin-top:4px;
}

div#searchPanel div#jobType input {
	display:inline-block;
}

div#searchPanel div#jobType label {
	display:inline;
	font-size:9px;
}

div#searchPanel a {
	height:14px;
	width:59px;
	background-image:url(../../Header-Search-Panel-Submit.gif);
	display:block;
	margin:4px 0px 0px 120px;
}

div.mainMenu {
	height:30px;
	width:990px;
	background:rgb(1,57,116) url(../../main-menu-background.gif);
	font-size:14px;
	text-align:center;
	line-height:30px;
	color:#fff;
	margin-top:2px;
}

div.mainMenu a, div.mainMenu a:visited {
	color:#fff;
	text-decoration:none;
	padding:0px 10px;
}

div.mainMenu a:hover
{
	/*text-decoration:underline;*/
	color: #000080;
	color: #00005f;
}

div.mainMenu a.selected {
	color:#ff0;
}

div.clearFix {
	clear: both;
}

div.content {
	position:relative;
	padding:0 257px;
	text-align:justify;
	line-height:150%;
	min-height:450px;
	margin-top:10px;
	_height:450px; /* IE hack */
}
div.narrow { padding:0 257px; }
div.wide { padding:0 20px; }

div#leftCol {
	position:absolute;
	top:0px; left:10px;
	width:227px;
}

div#rightCol {
	position:absolute;
	top:0px; right:10px;
	width:227px;
}

div.content IMG { float:right;clear:right;margin:0 0 10px 10px; }
div.content IMG.normal, div.content A.normal IMG, 
div#leftCol IMG, div#rightCol IMG { float:none;clear:none;margin:0; }

h1,.h1,h2,.h2,h3,.h3,.section_title{
	color:rgb(59,155,226);font-weight:normal;
	line-height:normal;
}
h1,.h1,.section_title{font-size:140%;border-bottom:1px dashed rgb(59,155,226);margin-bottom:10px;padding-bottom:10px;}
h2,.h2{font-size:120%}
h3,.h3{font-size:110%}

div#container div#dashed {
	border-top:dashed 1px rgb(59,155,226);
	margin:0 20px;
}

hr.dashed {
	border-style:dashed;
	border-width:1px 0 0 0; height:1px;
	border-color:rgb(59,155,226); color:rgb(59,155,226);
	width:100%; margin:20px 0;
}

div#roundedBottom {
	height:16px;
	width:990px;
	margin:0px auto;
}

div#roundedBottom div#rb-left {
	/*background-image: url(../../rounded-bottom-left.png);*/
	height: 16px;
	width: 16px;
	float: left;
}

div#roundedBottom div#rb-middle {
	background-color: #fff;
	height: 16px;
	width: 958px;
	float: left;
}

div#roundedBottom div#rb-right {
	/*background-image: url(../../rounded-bottom-right.png);*/
	height: 16px;
	width: 16px;
	float: left;
}

div.footerMenu {
	width:990px;
	margin:10px auto;
	text-align:center;
	font-size:10px;
	color:#fff;
}

div.footerMenu a, div.footerMenu a:visited {
	color:#fff;
	text-decoration:none;
	padding:0px 6px;
}

div.footerMenu a:hover {
	text-decoration:underline;
}

div.footerMenu span {
	color:rgb(59,155,226);
	padding-left:6px;
}

div#leftCol, div#rightCol
{
	font-size:90%;
	color:rgb(1,57,116);
	text-align:left;
	line-height:normal;
}

div#leftCol div.short, div#rightCol div.short,
div#leftCol div.long, div#rightCol div.long {
	background:#B3C2D7 url(../../SideColumn/gradient-long.gif) bottom repeat-x;
	margin:0 10px 10px 10px;
	padding:10px;
}
div#leftCol div.short, div#rightCol div.short {
	background:#B9C7DB url(../../SideColumn/gradient-short.gif) bottom repeat-x;
}

ul.flat {
	margin:0;padding:0;
	list-style-type:none;
	line-height:150%;
}
ul.flat a.selected {
	color:rgb(59,155,226);
}

.txt {
	font-family: Arial, Sans-Serif;
	border:1px solid #888;
}
.error {
	color:#f00;
	border-color:#f00;
}

div#breadcrumb{
	margin:10px 0;
	color:#888;
	font-size:90%;
}

/* == Jobs Scroller == */
DIV#jobsScroller {
  position:relative;
  overflow:hidden;
  height:160px;
  width:186px;
  background-position:50% -66px !important; /* fix for IE */
}
DIV.jobsScrollerItem {
  position:absolute;
  top:180px;
  left:5px;
  height:165px;
  width:186px;
}
.latestJob {border-bottom:1px dashed #fff}
.latestJob .title {font-weight:bold;font-size:110%}
.latestJob .salary {}
.latestJob .location {font-style:italic;color:#222}
.latestJob .desc {color:#222}
.latestJob A.more {color:rgb(59,155,226)}

/* == Pagination == */
DIV#pagingNavigator { text-align:center; /*width:100%;*/ font-size:12px; }
DIV#pageXOfX { color:rgb(59,155,226); font-weight:bold; }
DIV#pagingNavigator DIV#links { padding:10px 0px; }
DIV#pagingNavigator A { margin:0px 5px; }
DIV#pagingNavigator A.pageNavDisabled { color:#ccc; }

/* == Job Search Results == */
DIV.job span.right {
	float:right;
	white-space:nowrap;
}
DIV.jobs hr, DIV.paging {margin:10px 0}

DIV.otherDisciplinesInIndustry A {
	padding-right:20px;
}

/* == Validators == */
DIV.validator LI, SPAN.validator, .required_field_indicator {
	font-weight:bold;
	font-size:14px;
	color:#f00;
}

DIV.validatorLarge, DIV.validatorLarge LI, SPAN.validatorLarge {
	font-weight:bold;
	font-size:18px;
	color:#f00;
	text-align:left;
}

DIV.validatorLarge, DIV.validatorLarge LI {
	font-size:16px;
}

DIV.validatorLarge UL {
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 20px;
}

/* == Request a call back == */
FIELDSET {border:0;padding:0;margin:1em 0 0 0}

/* == Some printer friendliness == */
@media print
{
	div#leftCol,div#rightCol,div#headerGraphicsSearchPanel,div.mainMenu,div#roundedBottom,
	div#headerLogoTelNum .swf,
	.noPrint {display:none}
	div.narrow {padding:0}
	div#container,div.footerMenu {width:100%}
}