/* Layout */
#topNav ul.leftBlock li {width:91px;}
#topNav ul.rightBlock li{ width:210px;}

.content h4 {font-style:italic;}

/* General Classes */
/* Product Icons */
.productList .healthConditions {background:url('/images/icons/products/health.png') 0 0 no-repeat;}
.productList .medicationResponse {background:url('/images/icons/products/drug.png') 0 0 no-repeat;}
.productList .carrierStatus {background:url('/images/icons/products/carrier.png') 0 0 no-repeat;}
.productList .ancestry {background:url('/images/icons/products/ancestry.png') 0 0 no-repeat;}
.productList .totalHealth {background:url('/images/icons/products/total.png') 0 0 no-repeat;}
.productList .combo {background:url('/images/icons/products/combo.png') 0 0 no-repeat;}

/* Modules */
/* Intro block */
#intro .sideBar {padding-top:180px; text-align:center;}

/* What gets tested section */
#whatTested {padding:0;}

/* Slide Show */
#slideShow {color:#666; position:relative; margin:56px auto 30px;}
#slideShow .top {height:25px; width:100%; background:url('/images/modules/slideshow/hor_module_top.png') 0 0 no-repeat;}
#slideShow .bottom {height:25px; width:100%; background:url('/images/modules/slideshow/hor_module_bottom.png') 0 0 no-repeat;}
#slideShow .c {background:url('/images/modules/slideshow/hor_module_bg.png') 0 0 repeat-y;}
#slideShow .select {position:absolute; bottom:15px; left:0; width:100%}
#slideShow .select span {cursor:pointer;}
#slideShow .select span.left {margin-right:5px;}
#slideShow .select span.right {margin-left:5px;}
#slideShow .select a, #slideShow .select span  {border:1px solid #999; background-color:#eee; padding:3px 4px; margin:0 2px; font-size:11px; color:#999; text-decoration:none;}
#slideShow .select a:hover, #slideShow .select span:hover {color:#3d5f86; border:1px solid #3d5f86;}
#slideShow a.active, #slideShow span:active {color:#3d5f86; background-color:#ddd; border-color:#3d5f86;}
#slideShow .select span.inactive, #slideShow .select span.inactive:hover, #slideShow .select span.inactive:active {cursor:default; color:#bbb; border-color:#ccc;}

#slideShow h2 {margin-top:0; text-transform:uppercase; color:#444; font-size:24px; margin-bottom:20px;}
#slideShow #ssContainer {width:760px; min-height:210px; overflow:hidden; position:relative; top:-30px; left:68px;}
#slideShow ul {list-style-type:none; margin:0; padding:0; width:10000px;}
#slideShow ul li {margin:0; padding:0; width:515px; float:left; position:relative; padding:0 0 14px 245px;}
#slideShow ul li img {position:absolute; top:0; left:0; display:block; padding:0 10px 5px; background:url('/images/modules/slideshow/hor_module_dropshadow.png') center 213px no-repeat;;}
#slideShow dl {padding:48px 0 28px 0; min-height:130px;}
#slideShow dd {margin:0;}

#slideShow span.blockNav {display:block; position:absolute; height:52px; width:27px; cursor:pointer; top:50%;  margin-top:-26px;}
#slideShow #ssLeftNav {left:20px; background:url('/images/modules/slideshow/hor_module_left.png') 0 0 no-repeat;}
#slideShow #ssRightNav {right:20px; background:url('/images/modules/slideshow/hor_module_right.png') 0 0 no-repeat;}
#slideShow #ssLeftNav.inactive, #slideShow #ssRightNav.inactive {opacity:.4; cursor:default;}

/* Empower Somebody */
#empowerYou {clear:both; padding:0 0 20px 320px; min-height:171px; background:url('/images/modules/empower/empower.png') 60px bottom no-repeat; position:relative;}
#empowerYou h4 {color:#ce5e10;}
#empowerYou span.contact {display:block; position:absolute; bottom:20px; left:320px; padding-top:12px;}

/* Using Your Kit */
#usingYourKit ul {padding:0; margin-bottom:60px; list-style-type:none; clear:both;}
#usingYourKit ul li {width:170px; margin-right:12px; float:left; position:relative; cursor:pointer;}
#usingYourKit ul li img {border:3px solid #ccc;}
#usingYourKit ul li:hover img, #usingYourKit ul li.open img {border:3px solid #86b53f; opacity:.8;}
/* Disable hover when there's no slide action */
#usingYourKit ul.empty li {cursor:default;}
#usingYourKit ul.empty li:hover img, #usingYourKit ul.empty li.open img {border:3px solid #ccc; opacity:1;}
#usingYourKit ul li span {color:#ce5e10;}
#usingYourKit ul li.last {margin:0;}
#usingYourKit ul li span.arrow {background:url('/images/icons/down.png') right center no-repeat; padding-left:8px;}
#usingYourKit ul li span.open {background:url('/images/icons/up.png') right center no-repeat !important;}
#usingYourKit ul#steps p {margin:0; z-index:100; background-color:#fff; position:absolute; top:163px; display:none; left:0; padding:0 10px 10px; line-height:17px; border-left:1px solid #ddd; border-bottom:1px solid #bbb; border-right:1px solid #bbb;}

/* Qualifications */
#quals {list-style-type:none; padding:0;}
#quals li {float:left; padding-left:72px; width:340px; margin-bottom:30px;}
#quals li.left {margin-right:60px; clear:left;}
#quals strong {color:#444;}

#quals #science {background:url('/images/modules/qualifications/ss_helix.jpg') 0 0 no-repeat;}
#quals #counseling {background:url('/images/modules/qualifications/ss_phone.jpg') 0 0 no-repeat;}
#quals #security {background:url('/images/modules/qualifications/ss_secure.png') 0 0 no-repeat;}
#quals #harvard {background:url('/images/modules/qualifications/ss_harvard.jpg') 0 0 no-repeat;}

/* Report Previews */
#report {height:450px; position:relative;  margin:0;}
#report ul {text-align:right; list-style-type:none; width:260px; padding:0;}
#report strong {color:#ce5e10; display:block; font-style:italic;}
#report li.copy {position:relative; z-index:9;}
#report img {position:absolute; top:-15px; right:-31px; z-index:1; }

/* Ohh Snap! Images for the previews */
#report .medication-response li {padding:45px 0;}
#report .carrier-status li {padding:45px 0;}
#report .health-conditions li {padding:74px 0 0;}
#report .ancestry li {padding:8px 0 0px;}

/* Itemized List of Products */
#reportsList {list-style-type:none; margin-bottom:40px; padding:0;}
#reportsList li {margin-bottom:25px; padding-left:100px; min-height:80px;}

/* Genetic Counseling */
#gcContactTog {display:block; width:44px; height:205px; text-indent:-9999px; margin-top:-103px; overflow:hidden; z-index:99px; position:fixed; top:50%; right:0; background:url('/images/widgets/gc-contact/gc_button.png') 0 0 no-repeat;}

#gcContact {width:434px;}
#gcContact .content {padding:25px 30px; background-color:#e8e8e8;}
#gcContact strong {display:block;}
#gcContact p {font-size:14px;}
#gcContact input[type="text"], #gcContact textarea {margin-bottom:20px; width:100%;}
#gcContact #gcCancel {color:#666; display:block; padding-top:5px; margin-right:20px;}
#gcContact #gcCancel:hover {color:#444;}
#gcContact #gcErrors, #gcContact li {display:none;}
#gcContact #gcErrors.active, #gcContact li.active {display:block;}

/* Widgets and Utilities */
/* Blue Frame CTA */
.highlight {text-align:center; margin:-15px auto 70px; width:290px; height:81px; padding-top:25px; background:url('/images/layout/order_report_highlight.png') 0 0 no-repeat;}

/* Quote */
.quote {margin:40px auto 0; width:250px;}
.quote p {font-style:italic; font-size:14px; font-family: Georgia, Times, Times New Roman, serif;}
.quote strong {font-size:15px;}

/* Infographic */
.infographic {margin-bottom:25px;}
.infographic p {margin:8px auto 15px; padding:0 30px 8px; width:390px; border-bottom:1px solid #ddd; text-alight:center; font-size:11px; font-family: Georgia, Times, Times New Roman, serif;}

/* Lists that go 2 across */
.fullList h4 {color:#ce5e10;margin-bottom:20px;}
.fullList ul {margin:0 0 30px; width:100%; padding-left:16px;}
.fullList ul li {width:225px; float:left; margin:20px 0 0 10px;}


/* Sections and Pages */
/* Login */
#loginForm {width:400px;}
#loginForm dl {padding:20px 0;}

/* Reset Passwork */
#resetPassword .resetForm {width:400px;}
#resetPassword .resetForm h3 {text-transform:none; font-size:22px; font-weight:bold; color:#333; margin:0;}
#resetPassword .resetForm input {width:200px;}
#resetPassword .resetForm label {display:block; font-size:12px; color:#666; font-weight:bold;}
#resetPassword .resetForm p.sub {margin:25px 0 0; padding-top:15px; border-top:1px solid #E2E2E2;}
#resetPassword .left {margin-right:55px; width:400px;}

/* The actual reset form */
#resetForm fieldset {border:0; padding:0; margin-bottom:20px;}
#resetForm fieldset ul {list-style-type:none; padding:0;}
#resetForm fieldset ul li {float:left; margin-right:15px; position:relative;}
#resetForm fieldset label {display:block; font-size:11px; line-height:12px;}
#resetForm .hint {margin-top:10px;}

/* About Us */
/* FAQ */
#faq dt {font-weight:bold; font-size:14px;}

/* Management */
#management dl {margin-bottom:50px; padding:0;} 
#management dt {float:left; clear:left; width:184px;}
#management dd {margin: 0 0 0 0px; padding:0 0 10px 0;}
#management dd.name {font-weight:bold; font-size:16px; line-height:16px;}

/* News */
#news .newsBlock, #pr .newsBlock {float:left; width:400px;}
#news div.left, #pr div.left {padding-right:20px; clear:both;}
#news div.right, #pr div.right {padding-left:20px; text-align:left;}

/* PR */
#pr .content ul {padding:5px 0 5px 15px; list-style-type:none;}
#pr .message {color:#E88;font-weight:bold;}
#pr div.breakOut {padding-top:20px; padding-bottom:20px;}

/* Year navigation */
#releaseYears {list-style-type:none; margin-right:15px;}
#releaseYears .thisYear {text-decoration:none; font-weight:bold;}
#releaseYears .nextYear {color:#BBBBBB;}
#releaseYears li {float:left; width:3.5em;}

/* Release links */
.release {clear:both; padding:15px 5px;}
.release:hover {background-color:#ddeeff;}
.release a {color:#666666; display:block; text-decoration:none;}
.release .releaseDate {float:left; font-weight:bold; line-height:1em; padding:5px 7px 0 0; width:30px;}
.release .releaseDate strong {font-size:135%;}
.release .releaseTitle {margin:0 0 0 30px; width:570px;}

/* Full Releases */
.fullRelease div {margin:10px 0;}
.fullRelease .releaseDate {font-size:130%; margin:20px 0;}
.fullRelease .releaseTitle, .fullRelease .releaseDate {font-size:115%; font-weight:bold; text-transform:uppercase;}

/* Jobs */
#jobListings, .breakOut {margin:25px 30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0 20px; width:600px;}
#jobListings dt {margin-bottom:10px; font-weight:bold; font-size:18px; color:#444; margin-top:30px;}
#jobListings dd {line-height:21px; padding:0; margin-bottom:30px;}

/* DNA Reports */
/* Main Page */
#ourReportsIntro div.sideBar {padding-top:10px;}

#productBlocks {min-height:300px; width:800px;}
#productBlocks dl {height:150px; padding-left:100px;}
#productBlocks dl.left {clear:left;}
#productBlocks a {display:block;}

#genotyping .parallelList ul {padding-left:16px;}
#genotyping .parallelList ul li {margin-bottom:8px;}

#inTheNews .video {margin-right:30px;}

/* Ancestry */
.maternalPaternal {padding:0 0 0 140px;}
#mpMale {background:transparent url(/images/icons/icon_male.png) no-repeat scroll 40px 5px;}
#mpFemale {background:transparent url(/images/icons/icon_female.png) no-repeat scroll 40px 5px;}

/* Full List of Conditions */
.conditionBlock {width:440px; margin-bottom:30px; margin-bottom:50px;}
ul.actions {list-style-type:none; width:255px; margin:20px auto 0;}
ul.actions li {float:left;}
ul.actions li.learnMore {margin-left:5px; padding-top:5px;}

.conditionTable {border-left:1px solid #ccc; border-top:1px solid #ccc; }
.conditionTable th {text-align:left; color:#444;}
.conditionTable th, .conditionTable td {padding:2px 0 2px 3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.conditionTable thead th {padding-right:5px; background-color:#ddd;}
.conditionTable tbody th {width:220px; font-weight:normal; font-size:11px;}
.conditionTable tr.odd th, .conditionTable tr.odd td {background-color:#eee;}
.conditionTable td {text-align:center; vertical-align:top; color:green; font-weight:bold;}