/* Main CSS file for new Taproot site - to include public site, intranet/online community, staff tools, etc.
Additional anticipated CSS files needed:
1. print.css (print styles for all pages)
2. ie.css and/or ie6.css / ie7.css (to keep css valid and css worksarounds for older browsers separate)
3. intranet.css - possibly a temp file using old styles to get layout passable while intranet markup is cleaned up after launch.

*/


/***** GLOBAL STYLES *****/
* {margin: 0;padding: 0;}
body {background-color: #FFFFFF;color: #555555; font-family: Arial, sans-serif;font-size: 100%;}
a img, img {border: 0;}
.padding {padding: 10px;}
a.arrow {text-transform: uppercase;padding-right: 10px; background: url("/images/icons/yellow_arrow.png") no-repeat right center;}
a.arrow-left {text-transform: uppercase;padding-left: 10px; background: url("/images/icons/yellow_arrow_left.png") no-repeat left center;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: underline;}
a:active, a:focus {outline:0 none;}
.align-right {text-align: right;}
#content a {color:#555555;text-decoration: underline;}
#content a:hover, #content a:focus {color:blue;}
#wrapper {width: 902px;margin: 0 auto;}
#main-box {border: 1px solid #CCCCCC; border-top: 0;padding: 15px 20px 0;min-width:0;}
.left-float {float:left;}
.right-float {float:right;}
.image-left {float:left;padding-right:10px;padding-bottom:10px;}
.image-right {float:right;padding-left:10px;padding-bottom:10px;}
.clearb {clear: both;}
/* Hide content visually, but make it available to screen reader users */
.offscreen {position:absolute;top:auto;left:-9999em;height:1px;width:1px;overflow:hidden;}
#old-browser {background-color: #000000; color: #FFC425; text-align: center; padding: 1em;font-weight: bold;font-size: 75%;}
#old-browser a {color: #FFC425; text-decoration:underline;}

/***** HEADER ******/
#header {border-bottom: 2px solid #999999; padding-bottom: 25px; padding-bottom:15px;margin-bottom:7px;position:relative;min-width: 0;z-index: 25;}
#logo {float: left; width: 210px;}
/*for the "Welcome, Jon" text and any associated links:*/
#welcome {position:absolute;top:0;right:0;right:6px;font-size:.75em;text-align:right;width:623px;}
#welcome a {text-decoration:underline;}

/*Main menu */
#menuwrapper {background-color: #FFFFFF;width: 623px;width:587px;float: right;margin-top: 30px;position:relative;z-index: 10;}
#nav1 li#signin, #nav1 li#signout {width: 69px;text-align:right;width:67px;}
#nav1 li#signin a, #nav1 li#signout a {border-right: 0;}
#nav1, #nav1 ul { list-style: none; margin: 0px; padding: 0px; }
#nav1 ul {position: absolute;top: auto; display: none;border: 1px solid #CCCCCC; border-top:0;padding: 5px 0;margin-left: -1px;background-color: #FFFFFF;z-index: 5;}

#nav1 li#my ul {left:0px;}
body.pbc #menuwrapper, body.staff #menuwrapper, body.npo #menuwrapper {width:484px;width:630px;}
body.pbc #nav1 li#get ul, body.staff #nav1 li#get ul, body.npo #nav1 li#get ul, #nav1 li#give ul {left:130px;}
body.pbc #nav1 li#give ul, body.staff #nav1 li#give ul, body.npo #nav1 li#give ul, #nav1 li#lead ul {left:260px;}
body.pbc #nav1 li#lead ul, body.staff #nav1 li#lead ul, body.npo #nav1 li#lead ul, #nav1 li#about ul {left:390px;}
body.pbc #nav1 li#about ul, body.staff #nav1 li#about ul, body.npo #nav1 li#about ul  {left:520px;}
body.pbc #nav1 li#about, body.staff #nav1 li#about, body.npo #nav1 li#about {text-align:right;width:94px;width:109px;border-right:1px solid #FFFFFF;}
body.pbc #nav1 li#about a, body.staff #nav1 li#about a, body.npo #nav1 li#about a {padding-right:5px;border-right:0;}
body.pbc #nav1 li#about li, body.staff #nav1 li#about li, body.npo #nav1 li#about li  {text-align: left;width:109px;} 

#nav1 li { width: 137px; width:139px;width:130px;margin-left: -1px; margin-left:0;float: left; text-align:center;}
#nav1 li li { width:136px; width:138px;width:134px;width:129px;margin-left: 0px;margin-top: -1px; margin-top:0; margin-bottom: 0px;float: none; position: relative; text-align: left;}
#nav1 a { display: block; margin: 0px; text-decoration: none; color: #555555;font-family:arial, sans-serif;font-size: .875em;}
#nav1 li a { border-right:1px solid #CCCCCC;}
#nav1 li a:hover, #nav1 li a:focus, #nav1 li a:active { color: #FFC425;}
#nav1 li li a {border: 0;padding: 3px 5px 4px 27px;font-size: .75em;}	
#nav1 li, #nav1 li.menuparent { background-color: #FFFFFF;}
#nav1 li:hover, 
#nav1 li.menuparenth, 
#nav1 li.menuactiveh { background-color: #FFFFFF;border-left: 1px solid #CCCCCC;margin-left: -1px;}
body.pbc #nav1 li#about:hover, body.staff #nav1 li#about:hover, body.npo #nav1 li#about:hover {border-right:1px solid #CCCCCC;}
#nav1 ul, #nav1 li:hover ul, #nav1 li.menuparenth ul {display: none;}
#nav1 li:hover ul, #nav1 li.menuparenth ul, #nav1 li.show ul  {display: block;}
#nav1 li.js ul {display: none !important;}
/* Keep these to make IE work properly */
#nav1 li li {float: left; clear: both; }
#nav1 li li a { height: 1%; }

/* 2nd level nav */
#nav2 {border-bottom: 1px solid #bfbfbf;padding-left: 10px;}
#nav2 h2 {float:left;padding-right: .5em;font-size:1.375em;font-weight: normal;*margin-top:.1em;}
#nav2 h2 a {text-decoration: none;}
#nav2 ul {list-style-type: none;*margin-bottom:-7px;}
#nav2 li {float:left;border:1px solid #E9E9E9;border-bottom:0;border-top:0;font-size: .75em;position:relative;top:1px;margin-right:-1px;}
#nav2 li a {color: #555555;display:block;padding:.5em .583em .917em;}
#nav2 li.active {border-top: 1px solid #e9e9e9;}
#nav2 li.active a {background-color:#FBFBFB;}

/* 3rd level nav */
#nav3 {background-color: #FBFBFB; border-bottom: 1px dotted #CCCCCC;}
#nav3 ul {list-style:none;padding-left:10px;}
#nav3 li {font-size:.75em;float:left;padding:1em .5em 1em .8333em;background: url("/images/icons/yellow_bullet.png") no-repeat left center;}
#nav3 li:first-child {padding-left:0;background: none;}
#nav3 li a {color:#555555;}

/*4th level nav*/
#nav4 {margin-bottom:25px;border:1px solid #CCCCCC;padding:2px 10px;}
#nav4 ul {list-style: none;}
#nav4 li {border-bottom:1px solid #CCCCCC;padding:5px 0 5px 3px;}
#nav4 li.active {font-weight:bold;background-color: #F0F0F0;}
#nav4 li.last {border-bottom:0;}
#nav4 ul a {padding-left:12px;background: url("/images/icons/yellow_arrow.png") left .15em no-repeat;color:#555555;text-decoration: none;display:block;}
#nav4 ul a:hover {text-decoration:underline;}

/******* MAIN CONTENT ******/
#content-wrapper {padding:15px 10px 0px;font-size: 75%;background-color: #FBFBFB;clear:both;}
#content-wrapper div.left {float:left;}
#content-wrapper div.right {float:right;}
#content-wrapper div.full {width:100%;float:none;}
#content, #sidebar {padding-bottom:80px;background-color: #FBFBFB;}
#content {width:560px;}
#sidebar {width:257px;}
#content ul {margin-left:2em;line-height: 1.5;list-style: none;margin-left:1.25em;margin-top:1.5em;margin-top:1em;margin-bottom:1em; }
#content ul ul {margin-top:.5em;margin-bottom:.5em;}
#content li {margin-bottom:.5em;}
#content ul li {background: url("/images/icons/yellow_bullet.png") left .25em no-repeat;padding-left:.75em;}
#content ul ul li {background-image: url("/images/icons/gray_bullet.png");}
#content h1 {text-transform: uppercase;font-size: 2em;background-color: #FBFBFB;margin-bottom:-.25em;}
#content h1 + img {margin-top:1em;}
#content h2 {border-bottom: 1px solid #555555;margin-top:1.2em;text-transform: uppercase;font-size:1.333em;margin-top:1.5em;margin-bottom:-.5em;}
#content h3, #content h2.alternate-heading  {text-transform: uppercase;font-size: 1.2em;margin-top: 1.2em;margin-top:1.5em;margin-bottom: -.75em;border-bottom:0;}
#content h4, #content h3.alternate-heading {font-weight:bold;font-size:1em;text-transform: none;color:#555555;margin-bottom:-1em;margin-top:1em;}
#content p {margin-top:.5em;line-height:1.5;margin-bottom: 1em;margin-top:1em;}
#content p.next {text-transform: uppercase;text-align:right;margin-top:4em;font-size:1.3em;font-weight: bold;}
#content p.next a {text-decoration: none;padding-right:10px;background: url("/images/icons/yellow_arrow.png") no-repeat right center;}
#content p.next a:hover {text-decoration:underline;color:#555555;}
#content .byline {font-size:.917em;}
#content a.arrow {text-decoration:none;}
#content a.arrow:hover {text-decoration: underline;color:#555555;}
#content a.arrow-left {text-decoration:none;}
#content a.arrow-left:hover {text-decoration: underline;color:#555555;}
h3.toggle a, h2.toggle a {text-decoration: none;padding-left:15px;}
h3.toggle a:hover, h3.toggle a:focus {text-decoration: underline;}
.arrow-horizontal {background: url("/images/icons/yellow_arrow_sq.png") left .25em no-repeat;}
.arrow-vertical {background: url("/images/icons/yellow_arrow_sq_down.png") left .25em no-repeat;} 
dl {line-height: 1.5;margin:1em 0 0 1em;}
dt {font-weight:bold;margin-bottom:.2em;}
dd {margin:.1em 0 1.5em 15px;}
.show-hide-all-wrapper {display:none;}


/* Forms */
#content fieldset {border:0;width:100%;position:relative;background-color:#FFFFFF;margin-bottom:2em;}
#content legend {float:left;font-size:1.833em;background-color: #f4f4f4;padding:.1em 0; text-indent: .25em;border:1px solid #CCCCCC;*position:relative;*left:-10px;}
#content legend span {display:block;width:560px;}
#content-wrapper .full legend span {width:840px;}
#content label {display: -moz-inline-block;display: -moz-inline-box;display: inline-block;width: 10.9em;color: #000000; color:#555555; font-weight: bold;}
#content form ol {margin:0;padding:0;width:560px;border:1px solid #CCCCCC;border-top:0;clear:both;}
#content-wrapper .full form ol {width:840px;}
#content form ol li {list-style: none;padding: 9px 9px 9px 15px;margin: 0;}
#content ul#instructions {list-style:none;margin-left:1em;}
#content ul#instructions li {font-weight: bold;font-style: italic;background:none;}
#content ul#instructions li.left {float:left;}
#content ul#instructions li.right {text-align: right;float:none;}
form .active {background-color:#FFFFBB;background-color:#FFC425;color:#000000;}
form .field-comment {margin-left:.5em;font-size: .917em;}
form img.info {margin:0 0 -2px 5px;}
li.submit, div.submit {text-align:right;}

/***** FEATURE AREA *****/
#top-content {padding: 10px 10px 15px;border-bottom: 1px dashed #DEDEDE;background-color: #FBFBFB;}
#top-content .left, #top-content.right {min-height: 335px;}
.feature-button {position:absolute;bottom:0;right:0;}
.onehalf {width: 405px;position:relative;height:335px;}
.twothirds {width:550px;}
.onethird {width:275px;}
#top-content .quotewrap {border:1px solid #E7E7E7;height:333px;width:273px;position:relative;background-color:#FFFFFF;}
#top-content .quote {height:333px;margin:1px;background: url("/images/icons/quote_start_white.png") 15px 40px no-repeat;}
#top-content .quote p {margin-top:0;line-height: 1.4;font-size:1.3em;padding:45px 50px 0 50px;}
#top-content .quote .quote-text {margin-top:0;background: url("/images/icons/quote_end_white.png") 225px bottom no-repeat;}
#top-content .quote .attribute {text-transform:uppercase;margin-top:1em;font-size:.917em;background:none;padding-top:0;}
/*#top-content ul {font-size: .75em;margin-left: 2em;line-height: 1.5;}*/
#top-content ul {font-size:.75em;margin-left:2em;line-height: 1.5;list-style-image: url("/images/icons/yellow_bullet.png");list-style: none;margin-left:1.25em;}
#top-content li {margin-bottom:.5em;background: url("/images/icons/yellow_bullet.png") left .25em no-repeat;padding-left:.75em;}
#top-content ul a {text-decoration: underline;color: #555555;}
#top-content ul a:hover, ul a:focus {color:blue;}
#top-content .startq {background: url("/images/icons/quote_start_white.png") no-repeat;width:29px;height:24px;position:absolute;top:37px;left:18px;}
#top-content .endq {background: url("/images/icons/quote_end_white.png");width:29px;height:24px;position:absolute;bottom:123px;right: 33px;}
#top-content .more {margin-top:2.5em;margin-left:50px;}
#top-content .intro {color:#979797;font-size: 1.375em;line-height: 1.1;margin-top:1em;}
#top-content .intro span {text-transform: uppercase;font-weight: normal;font-size: 1.3em;line-height: 1.15;}
/* Fix Firefox 3.6/Mac Flash positioning bug - make sure all flash elements affected by bug have id="flash" on their <object> element */
#flash, x:-moz-any-link, x:default { position:relative; left:-0.5px;top:-0.5px; }
body.home #flash, x:-moz-any-link, x:default {top:-.3px;}
#flash p {text-align:center;margin-top:2em;}
#flash img {margin-top:.5em;}

/* Tweaks for the design of the "Give" section */
body.give #top-content .intro, body.give #top-content ul {padding-left:15px;}
body.give #top-content ul {margin-top:2em;}

/*Homepage main feature*/
.feature-scroll {position:relative;overflow:hidden;width:550px;height:335px;float:left;}
body.home .feature-scroll {width:860px;padding-bottom:10px;}
.feature-scroll .items {width:20000em;position:absolute;clear:both;}
.feature-scroll img {float:left;background-color:#fff;width:550px;height:335px;}
body.home .feature-scroll img {width:860px;}
a.slider-nav {background:url("/images/icons/slider_nav.png") no-repeat;display:block;width:29px;height: 54px;float:left;cursor:pointer;font-size:1px;}
a#scroll-next {position:absolute; z-index:1;top:140px;right:0;background-position: 0px 0px; clear:right;display:none;}
a#scroll-next:hover { background-position:-58px 0px; }
a#scroll-next:active { background-position:-58px 0px; } 
a#scroll-prev {position:absolute; z-index:1; background-position: 0px -54px; left:0;top:140px;display:none;} 
a#scroll-prev:hover { background-position:-58px -54px; }
a#scroll-prev:active { background-position:-58px -54px; }
#homeFeature div.scroll {float:left;background-color:#000;width:860px;height:335px;text-align:center;}

/*Homepage secondary highlights*/
#highlights {min-height: 140px; color: #FFFFFF; font-size: .75em;}
#highlights p {margin-top:.5em;}
#highlights a {color: #FFFFFF;}
#higlights a:hover {text-decoration: underline;}
#box1 {float: left;background-color: #009999; width: 208px; margin-right: 10px; min-height: 140px; margin-bottom: 10px;}
#box2 {float: left;background-color: #0099cc; width: 208px; margin-right: 10px; min-height: 140px; margin-bottom: 10px;}
#box3 {float: left;width: 414px; border: 5px solid #FFC425; min-height: 130px; color: #555555; margin-bottom: 10px;}
#box1 img, #box2 img {float: left; padding-right: 10px;}
#box1 h2, #box2 h2, #box3 h2 {font-size: 1.25em; text-transform: uppercase;}
#box3-left {width: 160px;padding: 16px 40px 0 30px;float: left;}
#box3-right {width: 160px; padding-top:16px; float:left;}
#box3-right a, #box3-left a {color: #555555;}

/* Lead pro bono marketplace */
body.lead #content img.logo {margin: 1.25em 1em;}
.marketplace #chart-wrapper {width:750px;background-color: #FFFFFF;border:1px solid #CCCCCC;margin:.75em auto 0;padding:20px 30px;}
.marketplace h3 {color:#666666;text-transform: uppercase;font-size:1em;}
.supply {width:140px;float:left;}
.marketplace p.subhead {color:#666666;font-weight:bold;text-transform: uppercase;margin-top:1.5em;font-size:.8125em;line-height: 1.3;}
#top-content .marketplace ul li.active a {background-color: #F58025;color:#FFFFFF;text-decoration: none;}
body.lead #top-content h1 {font-size:1.75em;text-transform: uppercase;color:#F58025;}
.marketplace p {color:#555555;font-size: .75em;line-height: 1.5;margin-top:.25em;}
#top-content .marketplace ul {margin-top: 1em;line-height: 1.5;list-style-type: none;font-size:.75em;width:120px;list-style: none;margin-left:0;}
#top-content .marketplace ul a {margin-bottom: .5em;padding-left:.25em;display:block;}
#top-content .marketplace ul a:hover, #top-content .marketplace ul a:focus {text-decoration: none;background-color:#FFC425;color:#000000;}
#top-content .marketplace li {background:none;padding-left: 0;margin-bottom:0;}
.marketplace .arrow {float:left;width:40px;margin-top:40px;}
.distribution {float:left;width:116px;}
#top-content .distribution p.subhead {margin-top:2.9em;}
.distribution ul {margin-top:2.5em;}
.market {float:left;width:252px;}
.market h3 {margin-left:1em;}
#top-content .marketplace .market ul {background-color: #F58205;width:230px;color:#FFFFFF;padding:.5em 0;}
#top-content .market li {margin-bottom:.166em;padding-left:15px;background: url("/images/icons/white_arrow.png") 5px center no-repeat;list-style: none;}
.demand {float:left;width:115px;}


/***** SIDEBAR ******/
#sidebar div {background-color: #FFFFFF;}
#sidebar .grey {border: 1px solid #CCCCCC;padding:10px;margin-bottom: 25px;}
#sidebar h4 {margin-bottom:.4167em;font-size:2em;color:#808080;text-transform: capitalize;}
#sidebar h4 span {text-transform: lowercase;}
#sidebar h5 {text-transform: uppercase;font-size:1.167em; color: #656565; margin-top:1.1em; margin-bottom:-.5em; }
#sidebar p {margin-top:.75em;}
#sidebar img.multiple {margin-top: 60px;}
#sidebar img.logo {float:left;padding:.75em .75em 3em 0;}
#sidebar h5 {clear:both;}
#sidebar .yellow {border:10px solid #FFC425;margin-bottom:25px;padding-bottom:10px;}
#sidebar .yellow img, #sidebar .yellow object {margin:1px;}
#sidebar .yellow h5, #sidebar .yellow p {padding-left:.5em;padding-right:.5em;}
#sidebar a {text-decoration:underline;}
#sidebar a.arrow {text-decoration: none;color:#555555;}
#sidebar a.arrow:hover, #sidebar a.arrow:focus {text-decoration: underline;}
#sidebar .button-container {margin-bottom: 10px;}
#sidebar .yellow img.pdf-icon {margin:0 0 -1px 0;}


/******FOOTER******/
/*Strategic Partners logos*/
#strategic-partners {clear: both;border-top: 2px solid #999999;position: relative;}
#strategic-partners h3 {font-size: .875em; text-transform: uppercase; font-weight: normal;float:left;padding-top:2.7em;}
#strategic-partners h3 a, #strategic-partners h3 a.visited {color: #555555;}
#strategic-partners h3 a:hover {text-decoration: none; border-bottom: 1px solid #555555;}
#strategic-partners img {float:right;padding:1.8125em 0 1.8125em 50px;}

/*Footer links, icons, and text*/
#footer {border-bottom: 1px solid #CCCCCC; margin-bottom: 1em;font-size: .75em;position: relative;}
#footer-nav {width:40%;float:left;padding: 1.67em 0;}
#footer-nav ul {color: #FFC425;margin-left: 1.67em;list-style-type: none;background-color:green;}
#footer-nav li {float:left;padding-right: .5em;padding-left: .8333em;background: url("/images/icons/yellow_bullet.png") no-repeat left center;}
#footer-nav li:first-child {background: none; padding-left: 0;}
#footer-nav a {color: #555555; text-decoration: none;}
#footer-nav a:hover {text-decoration: underline;}
#footer-right {float:right; width:40%;text-align: right;padding: 1.67em 7.75em 1.67em 0;}
#footer-right img#linkedin {position:absolute; right: 66px; top: 18px;}
#footer-right img#facebook {position:absolute; right: 43px; top: 18px;}
#footer-right img#twitter {position:absolute; right: 20px; top: 18px;}

/****** SECTION-SPECIFIC COLORS ******/
/* Get */
body.get #nav2 h2,
body.get #nav2 h2 a,
body.get li#get a.top,
body.get #nav2 li.active a,
body.get #nav3 li.active a,
body.get #content h1,
body.get #content h2,
body.get #content h2 a,
body.get #content h3,
body.get #content legend,
body.get .intro span {color: #00B1B0;}
body.get #content h2 {border-bottom-color: #00B1B0;}

/* Give */
body.give #nav2 h2,
body.give #nav2 h2 a,
body.give li#give a.top,
body.give #nav2 li.active a,
body.give #nav3 li.active a,
body.give #content h1,
body.give #content h2,
body.give #content h2 a,
body.give #content h3,
body.give #content legend,
body.give .intro span {color: #DEB408;}
body.give #content h2 {border-bottom-color: #DEB408;}

/* Lead */
body.lead #nav2 h2,
body.lead #nav2 h2 a,
body.lead li#lead a.top,
body.lead #nav2 li.active a,
body.lead #nav3 li.active a,
body.lead #content h1,
body.lead #content h2,
body.lead #content h2 a,
body.lead #content h3,
body.lead #content legend,
body.lead .intro span {color: #F58025;}
body.lead #content h2 {border-bottom-color: #F58025;}
body.lead #top-content .quote {background-color:#F58025;color:#FFFFFF;}
body.lead table.taproot td.highlight {background-color: #F58025;}


/* About */
body.about #nav2 h2,
body.about #nav2 h2 a,
body.about li#about a.top,
body.about #nav2 li.active a,
body.about #nav3 li.active a,
body.about #content h1,
body.about #content h2,
body.about #content h2 a,
body.about #content h3,
body.about #content h3 a,
body.about #content legend,
body.about .intro span {color: #00A5D9;}
body.about #content h2 {border-bottom-color: #00A5D9;}
body.about #top-content .quote {background-color: #00A5D9;color:#FFFFFF;}
body.about #top-content .quote a {color: #FFFFFF;}

/* My */
body.my #nav2 h2,
body.my #nav2 h2 a,
body.my li#my a.top,
body.my #nav2 li.active a,
body.my #nav3 li.active a,
body.my #content h1,
body.my #content h2,
body.my #content h3,
body.my #content legend,
body.my .intro span {color: #FFC425;}
body.my #content h2 {border-bottom-color: #FFC425;}

/* Default */
body.default #nav2 h2,
body.default #nav2 h2 a,
body.default #content h1,
body.default #content h2,
body.default #content h2 a,
body.default #content h3,
body.default #content h3 a,
body.default #content legend {color: #FFC425;}
body.default #content h2 {border-bottom-color: #FFC425;}

/* Sign in */
body.signin #nav2 h2,
body.signin #nav2 h2 a,
body.signin li#signin a.top,
body.signin #content h1,
body.signin #content h2,
body.signin #content h2 a,
body.signin #content h3,
body.signin #content h3 a,
body.signin #content legend {color: #FFC425;}
body.signin #content h2 {border-bottom-color: #FFC425;}


/* Keep hover color yellow for top nav items */
body.get li#get a.top:hover,
body.give li#give a.top:hover,
body.lead li#lead a.top:hover,
body.about li#about a.top:hover,
body.my li#my a.top:hover {color: #FFC425;}

/* Keep alternate h3 grey */
body.get #content h3.alternate-heading,
body.give #content h3.alternate-heading,
body.lead #content h3.alternate-heading,
body.about #content h3.alternate-heading,
body.my #content h3.alternate-heading {color:#555555;}

/**** OVERLAY EFFECTS *****/
.overlay {display:none;z-index:10000;color:#FFFFFF;background-color:#333;width:675px;padding:2em;min-height:200px;border:1px solid #666;}
/*-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}*/
#content .overlay a {color:#dddddd;}
.overlay .close {background-image:url("/images/icons/close2.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

/* Profiles */
.profile {margin-top:1.5em;}
.profile-facts {background-color:#FFFFFF;padding:10px;;min-height: 150px;}
.profile-facts img {float:left;margin-right: 10px;}
#content .profile-facts .first {margin-top:0;}

/* Expand/collapse areas */
a.toggle-link {display:block;padding-left:15px;}

/* Tables */
table.taproot {background-color:#FFFFFF;border-spacing: 1px;margin-top: 1em;}
table.taproot td, table.taproot th {padding:1em 1.5em;}
table.taproot th {text-transform:uppercase;background-color:#FFC425;color:#555555;text-align:left;font-size:1.1em;}
table.taproot th.row-header {background-color:inherit;color: inherit;font-size: 1em;}
table.taproot tr.even {background-color: #DDDDDD;}
table.taproot tr.even td {color:#444444;}
table.taproot tr.highlight {font-weight:bold;}

table.normal-padding td, table.normal-padding th {padding:0.3em;}

.green, #sidebar div.green {background-color: #00B1B0; color: #FFFFFF;padding:10px;}
#sidebar .green h4, .green a, .green h5 {color:#FFFFFF;}
#sidebar .green a.arrow {color:#FFFFFF;}

#top-content .yellow {border: 10px solid #FFC425;padding:10px;margin-bottom:10px;}
#top-content .yellow, #top-content .green {font-size:.75em;}
#top-content h4 {font-size:1.3em; text-transform: uppercase;}
#top-content .yellow a:visited {color:#555555;}
#top-content p {margin-top:.75em;margin-bottom:.75em;}
#top-content p.mission-hit {position:absolute;bottom:5px;right:10px;width:50%;font-size: 1.167em;}
/*#top-content p.mission-hit-attribute {margin-top:0;text-align: right;}*/

table.pbc-community-stats {margin-left:20px;margin-top:1em;margin-bottom:.5em;}
table.pbc-community-stats td {padding-bottom:.15em;}
table.pbc-community-stats td.figure {font-size:1.2em;width:35%;}
.prompt-next {text-align: right;}
.grey a.arrow {color:#555555;}
.grey a.arrow-left {color:#555555;}
#content h2.no-top-margin {margin-top:0;}
#content h2.normal-bottom-margin {margin-bottom:0.3em;}

.callout-quote {float:right;width:200px;margin-bottom:10px;padding-left:35px;background: #FBFBFB url("/images/icons/quote_start_grey.png") left top no-repeat;margin-right:-250px;}
#content .callout-quote p.quote, #sidebar .callout-quote p.quote {font-weight:bold;font-size:1.3em;margin-top:0;padding-top:.25em;padding-right:35px;margin-right:-35px;background: #FBFBFB url("/images/icons/quote_end_grey.png") right bottom no-repeat;}
.callout-quote p.quote_byline {text-align:right;text-transform: uppercase;color:#333333;}
.callout-quote p.quote_byline span {text-transform: none;}
#sidebar .callout-quote {float:none;margin-right:0;margin-top:1.5em; background-color: #FBFBFB;}

/* Iframes */
iframe.show-border {border: 1px solid #aaaaaa;}
body.iframe #wrapper {width:550px;} 
body.iframe #content {width:530px;}
body.iframe #content {padding-bottom:0;height:420px;position: relative;}
body.iframe #content h2 {margin-top:0;}
body.iframe #content h2 {color:#FFC425;border-bottom-color: #FFC425;}
body.iframe h3 {color:#FFC425;}
#iframe-nav {position:absolute;bottom:6px;left:0;}
#iframe-nav a {font-size:1.2em;text-decoration:none;padding:.25em .5em;border:2px solid #ccc;margin-right:.75em;}
#iframe-nav a.active {background-color:#FFC245;border-color: #FFC425;}
#iframe-nav a:hover {background-color:#CCCCCC;color:#FFFFFF;border-color:#CCCCCC;}
body.iframe img#next_btn {position:absolute;bottom:0;right:0;}
#iframe-sidebar {margin-top:1em;width:40%;}
#iframe-sidebar h3 {margin-top:0;color:#FFFFFF;}
#iframe-sidebar div {margin-bottom:15px;padding-bottom:5px;}
#iframe-sidebar ul {margin-bottom:0;}
#iframe-sidebar .grey {background-color: #888888;color:#FFFFFF;padding:10px;}


#content table.logos {margin-top:2em;}
#content table.logos td {padding: 1em 0;vertical-align: middle;}
#content table.logos td.img {width:145px;}
.partner_logo {float:left;width:170px;margin-right:15px;margin-top:30px;height:50px;text-align:center;vertical-align: middle;font-weight: bold;}
#content .partner_logo a {text-decoration:none;}

.estimated-value {margin-bottom:25px;text-transform:uppercase;}
.estimated-value p {font-size:1.3em;}

#sidebar .sponsor {margin:25px 0;}
#content p.more-top-margin {margin-top:3em;}


/* Skills questionnaire */
.skills_question_group {
	font-size: 11pt;
	font-weight: bold;
	color: #444444;
	font-style: italic;
	margin-bottom: 3px;
}

.skill_heading
{
	font-size: 8pt;
}