/*
Theme Name: QHR Technologies
Theme URI: http://www.qhrtechnologies.com/
Description: Custom theme for the QHR Technologies Website.
Version: 1.0
Author: Joshua Trusz
Author URI: http://www.trusz.com/

*/

a {border:0; outline:none;}
html, body { height:100%; width:100%; margin:0; font-family: Arial, Verdana, sans-serif; text-align: center;font-size: 125%; background: #f0f0f0; }
body {font-size: 50%; color:#333;}
#container { width:100%; height:auto; display: table; padding: 0; text-align: center;}
#content{width:945px;  margin: 0 auto; text-align: left; position: relative; }
#header{padding:0px;margin:20px 0 30px 0}
#mainContent{margin:0; padding:0;}

/* ========================= font styles =========================*/

p {font-size: 1.15em; color:#333; line-height: 20px; text-align: left;}
.standardText {font-size: 1.15em; color:#333; line-height: 20px; text-align: left;}

h1{font-size:2.0em; color: #1877b5;font-weight: normal; margin:0; padding:0;  text-align: left;}
h2{font-size:2.0em; padding:0; margin:0; font-weight: normal; color:#fff; }
h3{font-size:1.6em; color: #1877b5; padding:0; margin:0;font-weight: normal; }
h4{font-size:2.0em; color: #333;font-weight: normal; padding:0; margin:0 0 0px 0;}
h5{font-size:2.0em; color: #333;font-weight: normal; padding:0; margin:0 0 15px 0;}

li {font-size: 11px;line-height:20px; color:#333;}

a, a:link, a:visited {color:#1877b5; text-decoration: none; }
a:hover{text-decoration: underline; color:#009bda}
.headerText {color:#1877b5}

.floatIcon{float:left; padding:0 5px 0 0; margin:-15px 0 0px 0;}
#clear {clear:both}
#clearStuff {clear:both}

/* =========================  home =========================*/

#container { padding: 0px 0 0 0; margin:20px 0 0 0px;}
#homeMainArea {width:946px; height:324px; margin:0px 0 40px 0;}
#homeMainContent {padding:55px 0 0 0; margin:0px 0 0 25px; width:450px; text-align: left;}

#homeSubArea {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #aeaeae; background-color: #f6f6f6; width:315px; -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); margin:0px 0 30px 0; padding-top: 20px; overflow: auto;float: right; background-image: url(images/bg_contentPanel.gif); background-repeat: repeat-x;position: relative; z-index: 50;}

#homeSubArea2 {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #aeaeae; background-color: #f6f6f6; width:623px; -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); margin:0px 0 30px 0; padding-top: 20px; overflow: auto;float: left; background-image: url(images//bg_contentPanel.gif); background-repeat: repeat-x; position: relative;z-index: 60; }

#home_container1 {float: left; width: 280px; padding: 0; margin: 10px 5px 40px 15px; border-right: #aeaeae solid thin;}
#home_container2{float: left; width: 280px; padding: 0; margin: 10px 5px 40px 10px;}

#homeImg1 {float:left; margin: 0 0 40px 0;}
#homeImg2 {float:right; margin: 1px 0 40px 0;}
#homeContentBlock {width:283px; float:left; padding:15px;   }
#homeContentBlockEnd {width:283px; border-right:none; float:right; padding:0;  }
#homeContentBlock image{align:center}
#homeContentBlock a {text-align: left; font-size: 1.1em}
#homeProductsTitle
 {float:left;
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
background-color: #1877b5; width:150px; text-align: center; color:#fff; font-size: 1.3em; height:20px; position: absolute; z-index: 40; padding: 10px; margin-top:-30px
}

#homeNewsTitle {float:right;
-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px;
-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
background-color: #1877b5; width:150px; text-align: center; color:#fff; font-size: 1.3em; height:20px; position: absolute; z-index: 45; padding: 10px; margin:-30px 0 0 630px;
}



/* =========================  sub =========================*/

#subContainer {padding: 80px 0 0 0; margin:20px 0 0 0px; overflow: hidden}

#subHeaderArea {width:947px; height:220px; background-image: url(images/bg_generic.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderSubsidiaries {width:947px; height:220px; background-image: url(images/bg_subsidiaries.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderCareers {width:947px; height:220px; background-image: url(images/bg_careers.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderNews {width:947px; height:220px; background-image: url(images/bg_news.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderContact {width:947px; height:220px; background-image: url(images/bg_contact.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderFinancials {width:947px; height:220px; background-image: url(images/bg_financials.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderHistory {width:947px; height:220px; background-image: url(images/bg_history.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderLeadership {width:947px; height:220px; background-image: url(images/bg_leadership.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderStock {width:947px; height:220px; background-image: url(images/bg_stock.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}
#subHeaderCompany {width:947px; height:220px; background-image: url(images/bg_company.jpg); background-repeat: no-repeat; margin:-70px 0 20px 0}

#subHeaderContent {padding:50px 0 0 0; margin:0px 0 0 25px; width:500px;}
#subHeaderContent p {color:#fff; text-align: left; font-size: 1.4em}


.historyDate{float:left; width:100px; font-weight: bold}
.historyContent{float:left;}
#historyLeft{float:left; width:70px;font-weight: bold}
#historyRight{float:right; width:550px}

#map{margin:30px 0 0 300px; position: absolute;}

.floatLeft{float:left;}
.floatRight{float:right;}
#halfPageColumn {width:420px;}

#subArea {overflow: hidden;}
#subArea h1, #subArea h2 {color:#000;}
#subLeft {width:235px; float:left;}
#subRight {width:670px; float:right;}
#subFull {width:100%;}
.content {padding:30px 20px 10px 20px; }
h4.subLeadership{color:#076b91;font-size: 18px; margin-top: 20px; margin-bottom: 10px;}

h3.subRight {color:#1877b5; font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-bottom: 15px; margin-top: -5px;}
h4.subRight {color:#1877b5; font-size: 16px; font-weight: bold; letter-spacing: 1px;}

#subMenu {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #aeaeae; background-color: #cecece; width:235px; -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 3px; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); margin:0 0 10px 2px; background-image: url(images/bg_contentPanelHeader.gif); background-repeat: repeat-x;}

#subMenu ol {margin:-20px 0 0 0; padding:0;}
#subMenu li{list-style: none; margin:0 0 0 -40px; padding:5px 10px 5px 20px; border-top:solid 1px #fff; border-bottom: solid 1px #ccc; line-height: 18px}
#subMenu li.page_item{list-style: none; margin:0 0 0 -40px; padding:5px 10px 5px 20px; border-top:solid 1px #fff; border-bottom: solid 1px #ccc; line-height: 18px}
#subMenu a {color:#333; font-size:1.0em}
#subMenu a:hover {text-decoration: none; color:#009bda}
#subMenu p {font-size: 1.0em}

#menuHeader{height:33px; padding:7px 10px 0px 20px; font-size: 1.4em; color:#fff; margin:0 0 -15px 0 }

#breadCrumb{display: none; padding:10px 0 0 15px; margin:0 0 -20px 0px; _margin: 0 0 -10px 0; background:url(images/bg_breadCrumb.gif) no-repeat; _background:url(images/bg_breadCrumb_ie.gif) no-repeat; width:670px;  height:32px;}

#breadCrumb a:link, 
#breadCrumb a:visited,
#breadCrumb a:active, {color: #666;text-decoration: none; font-size: 1.2em}
#breadCrumb a:hover, {color: #009bda;text-decoration: none;}
#breadCrumb span {width: 9px; padding:11px 8px 15px 0px; margin: 0px 8px 16px 10px; position: relative; overflow: hidden; background: url(images/img_breadcrumb_seperator.gif) no-repeat;}

.pdfLink{margin:0 0 10px 10px}
#msImg1 {margin: 30px 0 60px 20px}
#msImg2 {margin: 60px 0 40px 20px}

#careerImg1 {margin: 30px 0 70px 20px}
#careerImg2 {margin: 30px 0 70px 30px}

#mediavd {margin: 30px 0 0 0}
p.mediavd {font-size: 12px;margin: -30px 0 50px 0;}

p.mediavdcompany {font-size: 12px;margin: -30px 0 10px 0;}

#companyImg1 {margin: 5px 0 20px 20px}
#companyImg2 {margin: 30px 0 0 20px}

#divImg1 {margin: 10px 0 10px 30px}
#divImg2 {margin: 20px 0 290px 15px}
#divImg3 {margin: 30px 0 360px 5px}
#divImg4 {margin: 30px 0 10px 10px}

#leadershipBlock{margin:0 0 20px 0}
#leadershipBlock p, #leadershipBlock h3 {margin: 0 0 0 120px}
#content h1 {margin:20px 0 20px 0}
#content h4 {margin:0px 0 5px 0}
#content h5 {margin:-20px 0 15px 0}
#content a {font-size: 1.1em}

#leadershipBlock img{float:left; padding:1px; border: none;}
#separator {background-image: url(images/separator.gif); background-repeat: repeat-x; margin:10px 0px; height:10px;}
#separator2 {background-image: url(images/separator.gif); background-repeat: repeat-x; margin:30px 0px; height:10px;}

#leadershipFloat{width:490px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #cccccc; background-color: #fff; text-align: left; padding:10px; margin:10px 0 10px 115px; background-image: url(images/bg_leadership.gif); background-repeat: repeat-x}
#leadershipFloatLeft{float:left; margin:0 20px 0 0}
#leadershipFloatRight{}
#leadershipFloat p{margin:0;}


#floatGraph {width:446px; height:350px; position: absolute; top:450px; left:500px;}

#contactButtonFloat {float:right; position:absolute; top:500px; left:670px;}
#emailButtonFloat {float:right; position:absolute; top:350px; left:700px;}
.blue {color:#076b91; font-weight:bold; font-size: 14px;}

.lightBlue {background-color: #92b4d2; color:#fff;}
.darkBlue {background-color: #537bb2; color:#fff;}
.revenueTable {font-size: 1em;}

.financialsTitle {width:200px; font-size: 1.3em; float:left;}
.PDFlink{background-image: url(images/icon_pdf.gif); background-repeat: no-repeat; padding:0 0 0 20px; width:120px; height:25px; float:left;}


/* ========================= main navigation =========================*/

#stockInfo {float:right; width:170px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #fff; background-color: #fff; padding:20px 5px 5px 5px; margin:-60px 0 0 0 }

#logo {height:65px; width:142px; float:left;}
#topNav {height:43px; width:734px; margin: 12px 0 0 0; float:right;}

#nav {background-image: url("images/topNav.gif"); background-repeat: no-repeat; padding:0; height:43px; width:733px; margin:0px}
#nav span {display: none;}
#nav li, #nav a {display:block; height:43px;}
#nav li {float:left; list-style:none; display:inline;}

#topNav #home {width:98px;}
#topNav #company {width:87px;}
#topNav #subsidiaries {width:86px;}
#topNav #investors {width:148px;}
#topNav #news {width:114px;}
#topNav #careers {width:83px;}
#topNav #contact {width:113px;}

/* OVER STATES*/
#topNav #home a:hover {background:url("images/topNav.gif") 0px -43px no-repeat; }
#topNav #company a:hover {background:url("images/topNav.gif") -98px -43px no-repeat; }
#topNav #subsidiaries a:hover {background:url("images/topNav.gif") -185px -43px no-repeat; }
#topNav #investors a:hover {background:url("images/topNav.gif") -271px -43px no-repeat; }
#topNav #news a:hover {background:url("images/topNav.gif") -420px -43px no-repeat; }
#topNav #careers a:hover {background:url("images/topNav.gif") -533px -43px no-repeat; }
#topNav #contact a:hover {background:url("images/topNav.gif") -616px -43px no-repeat; }

/* ON STATES*/
#topNav.home #home a {background:url("images/topNav.gif") 0px -86px no-repeat; }
#topNav.company #company a {background:url("images/topNav.gif") -98px -86px no-repeat; }
#topNav.subsidiaries #subsidiaries a {background:url("images/topNav.gif") -185px -86px no-repeat; }
#topNav.investors #investors a {background:url("images/topNav.gif") -271px -86px no-repeat; }
#topNav.news #news a {background:url("images/topNav.gif") -420px -86px no-repeat; }
#topNav.careers #careers a {background:url("images/topNav.gif") -533px -86px no-repeat; }
#topNav.contact #contact a {background:url("images/topNav.gif") -616px -86px no-repeat; }


/* =========================  careers =========================*/

#jobPosting						{margin:0 0 20px 0; overflow: auto}
#jobLeft						{float:left; width:200px; padding:40px 0 0 0 }
#jobRight						{float:right; width:430px;}

/* =========================  footer =========================*/

#footer {width:945px; height:50px; text-align: center; margin:20px 0 20px 0; font-size: 1.0em; border-top:solid 1px #aeaeae; border-bottom:solid 1px #aeaeae; padding:15px 0 0 0;color:#959595; }

#footerLeft{float:left;  margin:0; padding:0;}
#footerRight{float:right; margin:0; padding:0; }
#footerCenter{float: left; padding-left: 60px;}
#footer p {font-size: 0.7em; margin:0;}
#footer a{font-size:1.0em}
img.footer1{ padding-left: 20px; padding-right: 20px; margin-top: -13px;}

#footernav {font-size: 10px; color: #959595; text-align: center; margin: -5px 0 5px 0;}

#footernav a {color:#959595; font-size:1.0em}
#footernav a:hover {text-decoration: none; color:#009bda}

/* ========================= form formatting =========================*/


.inputError {
	BORDER-RIGHT: #cc3333 1px solid;	BORDER-TOP: #cc3333 1px solid;	BORDER-LEFT: #cc3333 1px solid;	BORDER-BOTTOM: #cc3333 1px solid;	COLOR: #cc3333;	BACKGROUND-COLOR: #FFFFD7;	margin:0px;	padding:2px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;width:315px;}
	
.inputNormal {
	BORDER-RIGHT: #999 1px solid;	BORDER-TOP: #999 1px solid;	BORDER-LEFT: #999 1px solid;	BORDER-BOTTOM: #999 1px solid;	COLOR: #333;
	BACKGROUND-COLOR: #efefef;	width:315px;	margin:0px;	padding:2px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}
	
.innerError {
	BORDER-RIGHT: #cc3333 1px solid;	BORDER-TOP: #cc3333 1px solid;	MARGIN: 0 0 10px 0;	BORDER-LEFT: #cc3333 1px solid;	BORDER-BOTTOM: #cc3333 1px solid;
	COLOR: #ff0000;	padding:5px;	width:310px;}

.submitClass { background: #175799; color:#fff; padding:10px; border:none; }
.submitClass:hover { background: #387ec5; color:#fff; padding:10px; border:none; }
.success{font-weight: bold; color:#339900}

.required email {width:150px;}



#roundedCorners {width:100%; margin:0 0 20px 0; background:#f5f5f5 url(images/roundedLeftside.gif) repeat-y left top;}
.roundedTop {width:100%;height:34px;background:url(images/roundedTop.gif) no-repeat left top; margin: -1px 0 0 0; _margin:0;}
.roundedTop span {display:block; position:relative; height:34px; background:url(images/roundedTop-right.gif) no-repeat right top; color:#ffffff; padding:10px 0 0 8px; _padding:12px 0 -20px 8px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 -30px 0;}
.roundedCenterContent {position:relative; background:url(images/roundedRightside.gif) repeat-y right top; padding:5px 15px 1px 15px; _padding:5px 12px 1px 15px; margin:0; text-align:left; }
.roundedCenterContentHelp {position:relative; background:url(images/roundedRightside.gif) repeat-y right top; padding:15px 15px 1px 15px; _padding:5px 12px 1px 15px; margin:0; text-align:center; }
.roundedCenterContentHelp p{color:#0072cf; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.roundedCenterContent p{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px;}
.roundedBottom {height:11px; background:url(images/roundedBottom.gif) no-repeat left bottom; margin:0;}
.roundedBottom span {display:block; position:relative; height:11px; margin:0;_margin: 0 0 -8px 0; background:url(images/roundedBottom-right.gif) no-repeat right top;}



.page_item a {

}
 
.page_item a:hover {

}

.current_page_item {
background-color: #bbc8d5;
background-image: url(images/bg_subnav.gif);
color:#ffffff;
}
 
.current_page_item a, .current_page_item a:hover {
background-color: #bbc8d5;
background-image: url(images/bg_subnav.gif);
color:#ffffff;
}