/* HAYS - -------ADAM CROWLEY------- - GRANARY ASSOCIATES ARCHITECTURE styles */

body { font-family: Verdana, Helvetica, sans-serif; font-size: 0.7em; color: #e8e8e8; text-align: center; padding: 0; margin: 0; background: #002823 url(images/bodyBg.gif) top center repeat-x;}

 
a:link, a:visited { color: #ff9900; }
a:hover, a:focus { color: #FFFFFF; }

p { margin: 0 0 1em 0;  }
li { margin-bottom: 0.5em; }
.red { color: #CC0000; }
.clearer { clear: both; }
.spacer { height: 2em; }


#container { width: 762px; text-align: left; margin: auto; }
#header { padding-bottom: 1px; }
#header h1 { display: none; }

/*#content { background:url(images/aboutBg.jpg); height: 330px; }*/
#content { background:url(images/oppBg.jpg) no-repeat; }
#content.opp { background:url(images/oppBg.jpg) no-repeat;; }

#nav { width: 181px; float: left; padding-left: 1px; padding-top: 60px; }
#nav ul { padding: 0; margin: 0; list-style: none; }
#nav li { margin: 0; padding: 0; width: 180px;  }
#nav span { display: none; }

#nav a.about { display: block; width: 180px; background-image:url(images/aboutBtn.png); _background-image:url(images/aboutBtn.gif); height: 36px; margin: 0;}
#nav a.about:hover, #nav a.about:focus { background-position: 0 -36px; }
#nav li.aboutActive{  display: block; width: 180px; background-image:url(images/aboutBtn.png); _background-image:url(images/aboutBtn.gif); height: 36px; background-position: 0 -72px; }

#nav a.loc { display: block; width: 180px; background-image:url(images/locBtn.png); _background-image:url(images/locBtn.gif); height: 36px; margin: 0;}
#nav a.loc:hover, #nav a.loc:focus { background-position: 0 -36px; }
#nav li.locActive{  display: block; width: 180px; background-image:url(images/locBtn.png); _background-image:url(images/locBtn.gif); height: 36px; background-position: 0 -72px; }

#nav a.opps { display: block; width: 180px; background-image:url(images/oppsBtn.png); _background-image:url(images/oppsBtn.gif); height: 37px; _height: 38px;}
#nav a.opps:hover, #nav a.opps:focus { background-position: 0 -37px; }
#nav li.oppsActive{  display: block; width: 180px; background-image:url(images/oppsBtn.png); _background-image:url(images/oppsBtn.gif); height: 37px; _height: 38px; background-position: 0 -74px;}


#text { padding: 20px; padding-right: 21px; margin-left: 182px; }

#scrollbar-demo { overflow:auto; height:230px; line-height: 1.4em; } 
#innerScroll { padding-right: 20px; padding-bottom: 20px; }
.scrollBar .bar{
	width:15px;
	height:1px;
}

/* up and down buttons 
.scrollBar .button{
	width:18px;
	height:18px;
	background-color:#8f1700;
	border:1px solid #CCCCCC;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}
*/
.scrollBar .scrollable{
	cursor:pointer;
	background: url(images/black.png); _background:#000000;
	border: #CCCCCC solid 1px;
	background-repeat:repeat;
}


.scrollBar .knob{
background:url(images/red.png);
_background: #560e00;
	border: solid #CCCCCC;
	border-width: 1px 0;
	margin-top: -1px;
}

.scrollBar .active{
	background: #8f1700;
	}

#bottomImages { margin-top: 20px; }
#bottomImages img { border: #CCCCCC solid 1px; margin-right: 28px; float: left; }
#bottomImages img.right { margin: 0; }

#bottomContent { margin-top: 1px; background:url(images/footerBg.jpg) top left no-repeat; padding-bottom:100px; }


h2 span { display: none; }
h2 { margin: 0 0 14px 0; padding: 0; height: 16px; }
h2.about { background: url(images/aboutUsTitle.gif) no-repeat; }
h2.opp { background: url(images/oppTitle.gif) no-repeat; }
h2.loc { background: url(images/locTitle.gif) no-repeat; }

h3 { color: #fdbf61; line-height: 1.4em; font-size: 1.2em; margin: 0em 0 1em 0; }
h3 span { color: #ff9900; font-size: 0.8em; }
h3.thankYou { font-size: 2.5em; font-weight: normal; line-height: 1em; margin-bottom: 0.6em; }
h3.thankYou span { font-weight: bold; font-size: 0.6em; }
h4 { font-size: 1em; margin: 0 0 0.5em 0; color: #ffdfaf; }
h4.locHeader { color: #ff9900; }

a.apply { font-size: bold; background: #631808;; border: #CCCCCC solid 1px; padding: 5px 10px 6px 10px; text-decoration: none; }
a.apply:hover, a.apply:focus { border: #FFFFFF solid 1px; background: #8f1700; }


#footer {
	font-family:Arial, Helvetica, sans-serif;
	width: 760px;
	margin:0 auto;
	padding:21px 0;
	position:relative;
}

#innerFooter {
	font-size: 0.8em;
	color: #ffffff;
}
#innerFooter .pipe { margin: 0 2px 0 5px; font-size: 1.2em; color: #FFFFFF; border-left:#ffffff solid 1px; }
#innerFooter a {  text-decoration: none; }
#innerFooter a:hover, #innerFooter a:focus { text-decoration: underline;  }
#innerFooter a img {
	border: none;
	float: left;
	position: relative;
	margin-right: 22px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 9px;
}
.haysfooterlogo  {float: left; width: 180px; height: 21px; padding: 0px 21px 0px 0px; margin: 0px;
background-image: url(http://www.hays.com/jobs/styleapps/hayslogo/micrositefooter/hays-white.png); 
	_background-image: url(http://www.hays.com/jobs/styleapps/hayslogo/micrositefooter/hays-white.gif); 
	background-position: left; background-repeat: no-repeat;}

/* SHARE */
.share {
	height:15px;
	width:170px;
	float:right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0;
	margin-right: 10px;
}


#applyform { border:0; margin: 0; padding:10px; text-align: right; width: 420px; background:url(images/green.png); _background: none; border: #62736d solid 1px; }
#applyform form { margin: 0; padding: 0; }
#applyform fieldset { border: 0; padding: 0; margin: 0; }
#applyform label { vertical-align: top; display: block; float: left; padding-top: 0.3em; }
#applyform ol { list-style: none; margin: 0; padding: 0; }
#applyform li { list-style: none; margin: 0; padding: 7px 0 7px 0; border-bottom: #000000 solid 1px; border-top: #62736d solid 1px; }
#applyform input { width: 300px; padding: 2px; font-size: small; font-family: Verdana, sans-serif;  }
#applyform input.radio { width: auto; margin-right: 2em; }
#applyform input.Submit { width: 10em; color: #000000; font-weight: bold;  }
#applyform textarea { width: 300px; padding: 2px; font-size: small; font-family: Verdana, sans-serif; }
#applyform .border { border: #CCCCCC solid 1px;  }
#applyform file { width: 250px; padding: 2px; font-size: small; font-family: Verdana, sans-serif; border: #CCCCCC solid 1px; }
#applyform li.startinput { border-top: none; padding-top: 0; }
#applyform li.submitinput { padding-top: 2em; }
#applyform li.endinput { border-bottom: none; padding-bottom: 0; color: #c11933; }
#applyform p { margin: 0; }



.Micro { margin-top: 10px; border-collapse: collapse; }
tr.MicroHeader { padding: 5px; text-align: left; background: #4B284A; color: #FFFFFF; }
tr.MicroItem { padding: 7px; background: none; text-align: left; border: none; }
tr.MicroAltItem { padding: 7px; background:url(images/blockQuote.png); _background: #cdc6c9; text-align: left; border: none; }


.details { background:#ddecf7; padding: 1em; border: #98cbff 1px dotted; margin: 0 180px 1em 2em; }

.Micro th, .Micro td { padding: 7px; border: #222222 solid 1px; }

#jobdetails {  }

#jobdetails a { font-weight: bold; margin-top: 1em; text-decoration: none; padding: 7px 13px; background: #622028 url(images/jobA.gif) repeat-x; border: #4d2a4c solid 2px; line-height: 2em; color: #FFFFFF;}
#jobdetails a:hover, #jobdetails a:focus { background: #6b4069 url(images/jobA.gif) repeat-x 0 -412px; border: #150e15 solid 2px; }

#jobdetails .title { color: #666666; font-size: 1.4em; line-height: 1.4em; margin-top: 0em; }