/*****
CSS Screen Media Document for Hyrain
*****/

/**********************************
Initial Classes / Hacks
**********************************/

* {padding:0;margin:0;}

/* mac hide\*/
html, body {height:100%;}
/* end hide */

img {border:0;padding:0;margin:0;}

a, a:link, a:visited, a:active {
	color:#1562ff;
	text-decoration:none;
}
a:hover {color:#1562ff;}

h1 {font-size:19px;color:#FFF;font-weight:normal;padding-left:23px;padding-top:3px;}
h2 {font-size:1.4em;color:#454a52;font-weight:bold;padding:0;margin:0;}
h3 {font-size:1.1em;color:#636265;font-weight:bold;padding:0;margin:0;}
ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}

.error {
  border: solid 1px red;
  background: #fdd;
  color: black;
  font-weight: bold;
  margin: 1em;
  padding: .5em;
}

.hr {height:0;font-size:0;padding:0;margin:0;border-top:1px solid #BEC0C2;}
.floatL {float:left}
.floatR {float:right}
.clear {clear:both;}
.clearL {clear:left}
.clearR {clear:right}
.normal {font-weight:normal;}

/***********
 Holly Hack
************/
/* hide from IE-mac \*/
* html .holly {height: 1%;}
/* end hide */

/*********
clearfix -- a div containing floats will clear itself
http://www.positioniseverything.net/easyclearing.html
********/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**************
Main Template
**************/

body {
   background:#5B6066 url(/images/common/bg_bottom_small.jpg);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: xx-small; /* for earlier ie */
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: x-small;
   font-style: normal;
   font-weight: normal;
   color:#000000;
}
#siteWrapGrey {
	position:relative;
	width:975px;
	margin:0px 0 0 15px;
	height:100%;
}
#siteWrap {
	position:relative;
	width:100%;
	margin: 0px 0 0 0px;
	background:#FFF;
}
#header_bg {
	background: transparent url(/images/common/top_bg_bg.jpg) left top repeat-x;
	width:100%;
	position:relative;
	height:182px;

}
#header {
	position:relative;
	height:182px;
	width:975px;
	background:transparent url(/images/common/topBG.jpg) left top no-repeat;
}
#header a {
	position:absolute;
	height:17px;
	text-indent: -999em;
}
.splash #header {
	display:none;
}
#header a:hover, #header a.on {
	background-position:-999em;
	background-repeat:no-repeat;
	background-image:url(/images/spacer.gif);
}

ul#topNav {
	position:absolute;
	top:106px;
	left:298px;
	height:43px;
	width:450px;
	margin:0;
	padding:0;
}
.splash ul#topNav {
	display:none;
}
ul#topNav li {
	position:absolute;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}

li#news {
   left:374px;
}
li#news a {
   background:url(/images/common/nav_news_off.jpg) no-repeat;
   width:76px;
   height:43px;
}
li#faq {
   left:374px;
}
li#faq a {
   background:url(/images/common/nav_faq_off.jpg) no-repeat;
   width:76px;
   height:43px;
}
li#ContactUs {
   left:282px;
}
li#ContactUs a {
   background:url(/images/common/nav_contact_off.jpg) no-repeat;
   width:92px;
   height:43px;
}
li#AboutUs {
   left:186px;
}
li#AboutUs a {
   background:url(/images/common/nav_about_off.jpg) no-repeat;
   width:96px;
   height:43px;
}
li#gallery {
   left:97px;
}
li#gallery a {
   background:url(/images/common/nav_gallery_off.jpg) no-repeat;
   width:89px;
   height:43px;
}
li#products {
   left:0px;
}
li#products a {
   background:url(/images/common/nav_products_off.jpg) no-repeat;
   width:97px;
   height:43px;
}


#content {
	height:400px;/*min-height for ie*/
	margin:0px 0 0 140px;
	padding:0 0 0 3px;
	width:825px;
}
div>#content {height:auto;min-height:400px;} /*for mozilla based browsers and iemac*/

.splash #content {
	background:none;
} 
.splash #siteWrapGrey {
	background:none;
}

#main_bg {
	background: #FFF url(/images/common/main_bg.jpg) left bottom repeat-x;

}

#contentWrap {
	float:left;
	width:100%;
	padding:0;
	margin:0;

}

#center_wide {
	position:relative;
	float:left;
	width:880px;
	margin-top:0px;
	text-align:left;
}

#center {
	position:relative;
	float:left;
	width:605px;
	margin-top:0px;
	text-align:left;
}

#center a {
	color:#1562ff;;
}

#center ul, #center ol {
	margin-left:15px;
}

#center p {
	font-size:12px;
	padding:5px 0px 7px 7px;
}
#left {
	position:relative;
	width:140px;
	margin-left:-143px;
	float:left;
	background: url(/images/common/leftBG.jpg) top repeat-x;
	height:284px;
}
#left p {
	padding:0 10px;
}
#left #leftnav li.on a {color:#FF8A00;}
#leftBox {

}
#leftBox img {
	
	padding:2px 0 2px 3px;
}
#leftnav {
	font-size:1.1em;
	margin-left:25px;
	font-weight:bold;
}
#leftnav a {color:#7F8592;}
#leftnav a:hover {color:#FF8A00;}
#leftnav li {
	list-style:none;
	padding-bottom:6px;
	margin:0;
}
/*lnavFoot actually resides as last element in div#content*/

#right {display:none;}
.III  #right {
	display:block;
	position:relative;
	width:202px;
	float:left;
	margin-top:0px;
}
#right p {padding-left:35px;}
#right img {float:right;}
#rightBox {
	width:189px;
	float:left;
	margin-left:10px;
	margin-top:6px;
}

#rightBox a {
	color:#1562ff;;
	font-size:10px;
	text-decoration:underline;
}
#rightBoxHeader {
	padding:4px 10px 10px 10px;
	font-size:13px;
	color:#fff;
}
#rightBox img {
	padding:4px 0 4px 0;
}

#rightBoxFooter {
	background: transparent url(/images/common/bottom_rightBG.gif) bottom no-repeat;
	padding-bottom:20px;
}
#survey {
	width:189px;
	float:left;
	margin-left:10px;
	margin-top:6px;
}
#survey h5{
	font-size:16px;
}

#rightImage {
	position:relative;
	width:260px;
	height:400px;
	margin-left:0px;
}
#right dl {
	margin:5px 10px 0px 10px;
	font-size:12px;
}
#right dd {
	padding-top:4px;
	font-weight:bold;
}
#right dt {
	background: url(/images/common/lineBG.gif) bottom repeat-x;
	padding-bottom:7px; 		
}

#centerHeader {
	display:block;
	position:relative;
	width:605px;
	height:30px;
	top:0px;
	margin-bottom:1px;
}

.home #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.products #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.products_detail #centerHeader {width:100%;background:url(/images/common/long_bar.gif) left top no-repeat;}
.gallery #centerHeader {width:100%;background:url(/images/common/long_bar.gif) left top no-repeat;}
.AboutUs #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.ContactUs #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.faq #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.term #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.basketball #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}
.fabrics_1 #centerHeader {background:url(/images/common/long_bar.gif) left top no-repeat;}
.gallery #centerHeader {background:url(/images/common/long_bar.gif) left top no-repeat;}
.sizing #centerHeader {background:url(/images/common/short_bar.gif) left top no-repeat;}

.copy_red { color:#9F0900;font-weight:bold;}
.yellow_font { color:#FFCC00;}

.jobSearch .rightLink {background:url(/images/rt_images/tryOurChair.gif) right top no-repeat;width:179px;height:356px;}
.jobSearch .rightLink:hover {background:url(/images/rt_images/tryOurChair_on.gif) right top no-repeat;}

#gallery_image  {
	margin:5px 5px 0px 5px;
	width:150px;
	display:block;
	float:left;
}

#gallery_image  img {
	margin-bottom:5px;
	border:1px solid grey;
}

#item_grid  {
	margin:5px 15px 20px 0px;
	width:150px;
	display:block;
	float:left;
}

#item_grid  img {
	margin-bottom:5px;
	border:1px solid #C0C0C0;
}

#gallery_display dd {
	padding-top:4px;
	font-weight:bold;
	float:left;
	width:150px;
border:1px solid red;
}
#gallery_display dt {
	padding-bottom:7px;
	 		
}

#footer {
	width:970px;
	margin:0 0 0 4px;
	clear:both;
	color:#000;
	background: url(/images/common/lineBG.gif) top repeat-x;
	padding-top: 12px; 
}
#footer a {color:#B40A00;}
#footer a:hover {color:#B40A00;}
#footer_copy { 
	color:#FFF;
	padding-top:5px; 
}
#footer_copy a {color:#FFF;}
#splashFooter {
   width:100%;
   margin-top:20px;
	margin-left:24px;
   clear:both;
   color:#979797;
}
.bodyImage {
	padding:0;
	border:0;
	margin-left:0;
}
a.bodyButton {
	display:block;
	text-indent:-999em;
}
a#quickTourLink {
	width:185px;
	height:55px;
	background:url(/images/buttons/button_tour.jpg) left top no-repeat;
	float:left;
}
a#liveDemoLink {
	width:129px;
	height:55px;
	background:url(/images/buttons/button_demo.jpg) left top no-repeat;
	margin-left:10px;
	float:left;
}
a#contactMeLink {
	width:96px;
	height:35px;	
	background:url(/images/buttons/Contact_Me.jpg) left top no-repeat;
}
a#overviewPDFLink {
	width:251px;
	height:35px;
	background:url(/images/buttons/OnDemand_Overview.jpg) left top no-repeat;
}
a#brochureLink {
	width:248px;
	height:35px;
	background:url(/images/buttons/OnDemand_Brochure.jpg) left top no-repeat;
}
a#workForHyrianLink {
	width:126px;
	height:35px;
	background:url(/images/buttons/Work_For_Hyrian.jpg) left top no-repeat;
}
a#MNrecuiters {
	width:115px;
	height:35px;
	margin-top:10px;
	background:url(/images/buttons/Click_Here.gif) left top no-repeat;
}
a#findOutMore {
	width:115px;
	height:35px;
	margin-top:10px;
	background:url(/images/buttons/FindOutMore.jpg) left top no-repeat;
}
a#searchJobs {
	width:101px;
	height:35px;
	margin-top:10px;
	background:url(/images/buttons/JobSearch.jpg) left top no-repeat;
}
/*************
Headers
*************/
.header {
	position:absolute;
	top:-80px;
	left:-19px;
	width:704px;
	height:55px;
	text-indent:-999em;
	background-color:#ECEDEF;
}
h1#header_OurProcess {background:#ECEDEF url(/images/headers/Hyrian_Process.gif) top left no-repeat;}
h1#header_jobSearch {background:#ECEDEF url(/images/headers/Hyrian_JobSearch.gif) top left no-repeat;}
h1#header_jobSearchClient {background:#ECEDEF url(/images/headers/Hyrian_JobSearchClient.gif) top left no-repeat;}
h1#header_contactUs {background:#ECEDEF url(/images/headers/Hyrian_ContactUs.gif) top left no-repeat;}
h1#header_contest {background:#ECEDEF url(/images/headers/contest_header.gif) top left no-repeat;}
h1#header_login {background:#ECEDEF url(/images/headers/Login.gif) top left no-repeat;}
h1#header_ourServices {background:#ECEDEF url(/images/headers/Hyrian_Services.gif) top left no-repeat;}
h1#header_register {background:#ECEDEF url(/images/headers/Register.gif) top left no-repeat;}
h1#header_knowledge {background:#ECEDEF url(/images/headers/Hyrian_KnowledgeCenter.gif) top left no-repeat;}
h1#header_about {background:#ECEDEF url(/images/headers/Hyrian_AboutUs.gif) top left no-repeat;}
h1#header_clientAccess {background:#ECEDEF url(/images/headers/Hyrian_ClientAccess.gif) top left no-repeat;}
h1#header_why {background:#ECEDEF url(/images/headers/Hyrian_WhyOnDemand2.gif) top left no-repeat;}

.corner {
	height:55px;
	background:url(/images/corner.gif) bottom right no-repeat;
}

/***********
Splash Page
***********/
#splash {
	position:relative;
	width:666px;
	height:279px;
	top:-20px;
	background:url(/images/splash.gif) left top no-repeat;
}
div>#splash {height:auto;min-height:279px;}
#splash p {
	padding-left:205px;
	padding-top:155px;
	color:#000;
	font-size:1.1em;
}
#splashMenu {
	position:relative;
	width:598px;
	height:150px;
	margin-top:10px;
	background:url(/images/splashMenuBg.gif) left top no-repeat;
}
#splashMenu a {
	position:absolute;
	top:61px;
	display:block;
	height:79px;
	width:200px;
}
a#splashLink_OnDemand {
	background:url(/images/splash_onDemand.gif) left top no-repeat;
}
a#splashLink_OnDemand:hover {background-position:-999em;}
a#splashLink_Enterprise {
	background:url(/images/splash_enterprise.gif) left top no-repeat;
	left:211px;
}
a#splashLink_Enterprise:hover {background-position:-999em;}
a#splashLink_Applicant {
	background:url(/images/splash_jobSearch.gif) left top no-repeat;
	left:427px;
}
a#splashLink_Applicant:hover {background-position:-999em;}

/*******************
On Demand Home Page
*******************/
#flashContainer {
	position:relative;
	width:600px;
	height:400px;
}
/************
CMS
************/
dl#cmsDL {
	padding-top:7px;
	width:300px;
}

dl#cmsDL dd {
	padding-bottom:10px;
}

ul#cmsUL li {
	display:block;
	position:relative;
/*	float:left;*/
	width:300px;
	padding-bottom:10px;
}

/************
Login Page
************/
.login #content {
	width:450px;
}
ul#loginUL li {
	display:block;
	position:relative;
	float:left;
	width:200px;
	padding-bottom:10px;
}
#newHiresSelect {
	width:60px;
}
.radio {
	position:relative;
	top:2px;
}
/********************
News and Events Page
********************/
#newsEvents {
margin:0;
}
#news_list {
	margin:0;
}
#newsEvents dl {
	position:relative;
	width:48%;
	float:left;
}
dl#events_list {
	margin-left:1%;
}
#newsEvents dl dt {
	color:#717073;
	font-weight:bold;
	margin-top:10px;
}
#newsEvents dl dt a {
	text-decoration:none;
}
ul.errors, ul.error {
	border:1px solid red;
	padding:10px;
	margin:10px;
	background:#EFE0E0;
}
.errors li, .error li {
	color:red;
	margin-left:20px;
	font-weight:normal;
	font-size:1.3em;
}
/**************
Case Studies
*************/
dl#caseStudies {
	margin-top:20px;
}
dl#caseStudies dt {
	color:#717073;
	font-weight:bold;
	font-size:1.1em;
	margin-top:15px;
}
dl#caseStudies dd {
	color:#AA2527;
	font-weight:bold;
	font-size:1.1em;
}
.CaseStudies #center li {
	margin-left:20px;
	padding-top:5px;
}
.NewsAndEvents h4 {
	font-style:italic;
	font-size:1em;
	font-weight:bold;
}
/***********
FAQs
**********/
.faq ol {
	margin-bottom:25px;
}
.faq ol li {
	padding: 4px 0;
	font-weight:bold;
	margin-left:15px;
}
body>.faq ol li {
	margin-left:10px;
}
.faq dl {
	margin-top:0px;
}
.faq dl dt {
	font-weight:bold;
	padding: 25px 0 10px 0;
}
/*************
for popup
*************/
#showimage {
   position:absolute;
   visibility:hidden;
   border: 1px solid gray;
   z-index: 1000;
   background:#333;
}

#dragbar {
   background-color: #EFEFEF;
/*   min-width: 550px; NS6 style to overcome bug*/
   padding-top: 3px;
   padding-bottom: 3px;
}

#dragbar #closetext {
   font-weight: bold;
   margin-right: 18px;
   color: #097780;
}
.candidateSourcing #center .enlarge {
	position:relative;
	display:block;
	left:355px;
	margin-top:-22px;
	color:#7F8592;
}
.candidateSourcing #center .enlarge:hover {
	color:#FF8A00;
}
.candidateScreening #content .enlarge {
	position:relative;
	display:block;
	left:357px;
	margin-top:-20px;
	color:#7F8592;
}
.candidateScreening #center .enlarge:hover {
	color:#FF8A00;
}
/***************/
.CaseStudies a#pdfImage,
.CaseStudy a#pdfImage,
.overview a#pdfImage,
.brochure a#pdfImage {
	display:block;
	position:absolute;
	left:800px;
	margin-top:20px;
	width:88px;
	height:31px;
	background:url(/images/get_adobe_reader.gif) left top no-repeat;
}
.sup {
	font-size:.6em;
}
#workforlinks {
	position:relative;
	display:block;
	width:280px;
	height:79px;
	background:url(/images/buttons/workForLinks2.gif) left top no-repeat;
	margin-top:20px;
	text-indent:-999em;
	left:-15px;
}
noscript img {position:absolute;}
#spotlight_tag {position:absolute;}
a.contactUs {
	position:relative;
	display:block;
	width:177px;
	height:20px;
	background:url(/images/buttons/contactUs.gif) left top no-repeat;
	text-indent:-999em;
}
#wDetail {
	background:#E3E6EB;
	height:452px;
	margin-left: auto;
        margin-right: auto;
	text-align:center;
}
#wDetail h1 {
	color:#000;
	text-align:left;
}
#wDetail img {
	border:1px solid #CCC;
}
#TB_closeWindowButton {
	float:right;
}

#logo {
	width:154px;
	height:112px;
	position:absolute;
	top:35px;
	left:126px;
}
#logo a {
	width:154px;
	height:112px;
}
#prod_desc_1 {
	text-align: left;
	width:50%;
	float:left;
	padding-left:23px;
}
#prod_desc_2 {
	text-align: left;
	width:40%;
	float:left;
}