.home .main { width: 500px; float: left; }
.home .aside { width: 550px; border: none; float: left; margin: 0 0 0 50px; }
/* two column */
.columnLeft { width: 47.5%; float: left; }
.columnRight { width: 47.5%; margin-left: 5%; float: left; }

hr.dotted { border-top: 1px dotted #c1c1c1; margin: .5em 0; }
hr.double { border-top: medium double #c1c1c1; margin: 2em 0; }

/* Misc */
.smaller { font-size: 96%; color: #666; }
.center { text-align: center; }
.right { float: right; margin: 0 0 2em 2em; }
.pub { padding-left: 1.5em; border-left: 5px solid #efefef; position: relative; }
.pub:after { display: block; width: 0; height: 0; position: absolute; top: 50%; left: 0; border: 10px solid transparent; border-left-color: #efefef; content: ""; margin-top: -10px; }

label { display: block; padding-bottom: .2em; }

.pdf, .smallPrint { font-size: 96%; color: #767676; }
.indent { margin-left: 2.5em; }
span.required { color: #C36; font-size: .9em; }
span.ssfrequired { color: #C36; font-size: .9em; }
.xspacing  {margin: 1em 0; }

/* link list with "pop", i.e. /statistics/summaries.html */
.actionList { list-style: none; margin-top: 2em; padding-left: 10px; text-shadow: 0 1px 0 #fff; }
.actionList li .highlight { display: block; padding: .5em .8em .5em 2.7em; background: url("../i/arrow-circle.png") 10px 7px no-repeat; border-radius: 5px; text-decoration: none; border: 1px solid #fff; color: #333; }
.actionList li .highlight:hover, .actionList li .highlight:focus { background: #f9ffff url("../i/arrow-circle.png") 10px -144px no-repeat; border: 1px solid #b7d099; }
.actionList .title { display: block; font-size: 1.1em; margin-bottom: .4em; border-bottom: 1px dashed #b7d099; color: #2774B3; }

.accessibleHidden { position: absolute; clip: rect(1px 1px 1px 1px); /* for IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; overflow: hidden; }

/* Home */
.logo {
    float: left;
	padding: 2.5em 1.2em 0.8em 0;
}

.ie-logo-desk {
    display: block;
}

.ie-logo-mob, .ie-logo-tab {
    display: none;
}

.tagline { padding: 2.5em 0 .8em 0; float: left; width: 51%; font-size: 108%; text-shadow: 0 1px 0 rgba(255,255,255,.5); line-height: 1.4; }
.tagline .slogan { font-size: 1.35em; text-transform: uppercase; margin-bottom: .6em; line-height: 1.07; }
	.slogan span { color: #4D7AA4; }
	
.dyknow { 
	margin-left: 4%;  
	float: left;  
	position: relative; 
	margin-top:2.5em;
}

.dyknowWrap { 
	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 1em;
    position: relative;
    width: 290px; 
}

.dyknowWrap::before {
    border-left: 7px solid #e3eed7;
    content: "";
    height: 95%;
    left: -8px;
    position: absolute;
    top: 5px;
	box-shadow: -1px 0 0 #b7d099, -1px 1px 0 #b7d099,-1px -1px 0 #b7d099, 0 -1px 0 #b7d099, 0 1px 0 #b7d099;
}

.dyknowWrap::after {
    border-right: 7px solid #e3eed7;
    content: "";
    height: 95%;
    position: absolute;
    right: -8px;
    top: 5px;
	box-shadow: 1px 0 0 #b7d099, 1px 1px 0 #b7d099, 1px -1px 0 #b7d099, 0 -1px 0 #b7d099, 0 1px 0 #b7d099;
}

.dyknow strong { display: block; font-size: 1.1em; border-bottom: double medium #dfdfdf; }
.dyknow p { margin-bottom: .3em; font-size: 98%; }
.dyknow a { display: inline-block; zoom: 1; *display: inline; margin-top: .4em; }
.dyknow .fa-play-circle-o {
	font-size:1.5em;
	color:#be2646;
	padding-right:5px;
	vertical-align: middle;
}

.dyknow a:hover, .dyknow a:focus { text-decoration: underline; }
	
.fancyList { list-style: none; margin: 0 0 2em 0; padding: 0; line-height: 1.1; text-shadow: 0 1px 0 #fff; }
.fancyList li { margin: 0; padding: 0; border-bottom: 1px solid #dcdcdc; }
.fancyList a { line-height: 1.2; display: block; color: #333; text-decoration: none; padding: .4em 1em .4em .6em; margin: .1em 0; position:relative;}

.fancyList a:after {
	content: "\f061";
	font-family:FontAwesome;	
	right:5px;
    position:absolute;
    top:30%;
	color:#be2646;
	transition: all .3s ease-in-out;
}

.fancyList a:hover:after, .fancyList a:focus:after {
	transition: all .3s ease-in-out;	
	right:0;
}

.fancyList a span { color: #2774B3; font-size: 1.15em; display: block; text-decoration: underline; }
	
	.long-a {
		position: relative;
	}
	
	.fancyList .long-a .extlink {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		left: 105px;
		position: absolute;
		top: 18px;
	}
	
	.long-a span {
		margin-right: 18px;
	}

.news { list-style: url("../i/orange-bullet.png"); border-bottom: 1px solid #dcdcdc; padding-left: 2em; margin-bottom: .3em; }
.news li { margin-bottom: .75em; }

.bigForm { border: 1px solid #b7d099; background: #e3eed7; padding: .75em; margin-bottom: 2em; }
.bigForm h2 { border-bottom: none; background: url("../i/border-bottom-grn.jpg") bottom repeat-x; padding-bottom: .2em; }
.bigForm select { width: 85%; margin-right: 0; font-size: 1.3em; padding: .13em; }
.bigForm select:hover { cursor: pointer; }
.bigForm input { width: 13%; font-size: 1.2em; }

.biblio { background: url("../i/biblio-books.jpg") right bottom no-repeat; padding: 0 9em 2em 0; margin-top: 3em; }

/* Tables */
table { margin-bottom: 1.2em; width: 100%; }
th, td { border: 1px solid #e1e1e1; padding: .3em; }

	/* long description tables on factsheets */
	.longDesc { margin: 2em auto; width: 90%; }
	.longDesc p { text-align: right; }
	.longDesc table { text-align: center; }
	
	/* registries - /registries/ */
	.regTable { width: 60%; }

	/* DATA TABLES - reused CSS from old site */
	.caption_center { font-weight: bold; margin-bottom: 1em; }
	.table_caption { font-weight: bold; text-align: left; margin-bottom: 6px; }
	.mainhead { background-color: #0B5171; color: #FFFFFF; font-weight: bold; text-align: center; }
	.mainhead a { color: #FFF; }
	.secthead { background-color: #EEF3F7; font-weight: bold; text-align: left; }
	.numeric_data { text-align: right; }
	.secthead_center { background-color: #EEF3F7; font-weight: bold; text-align: center; }
	table.smalltext td, table.smalltext th {  }
	.rowhead { background-color: #FFFFFF; text-align: left;	vertical-align: text-top; }
	.secthead2 { font-weight: bold; background-color: #00768a; text-align: left; color: #FFF; }
	.secthead_center { font-weight: bold; background-color: #EEF3F7; text-align: center; }
	.secthead2_center { font-weight: bold; background-color: #00768a; text-align: center; color: #FFF; }
	.secthead2_base { font-weight: bold; background-color: #00768a; color: #FFF; }
	.cell { text-align: center; }
	.left_indent { padding-left: 13px; }	
	.left_indent_l2 { padding-left: 22px; }
	.left_indent_l3 { padding-left: 29px; }
	.footnote { margin: 0; padding: 0; }
	.recodeTop { vertical-align: top; }

	/* Site recode and COD Recode  */
	.recodeboldcolorlarge { font-size: 10px; font-weight: bold; background-color: #A1C6DA; text-align: center; }
	.recodeboldcolorsmall { font-size: 9px; font-weight: bold; background-color: #D7E7EF; text-align: left; }
	.recodeplain { font-size :9px; font-weight: normal; text-align: left; }
	.recodecolorsmall { font-size: 9px; font-weight: normal; background-color: #D7E7EF; text-align: left; }
	.recodefootnote { font-size: 10px; font-weight: bold; color: #CC0000; text-decoration: none; }
	.recodecolor { font-size: 10px; background-color: #D7E7EF; }
	/* end reused CSS */

/* Fact Sheet Section Toggle Bars */
.factSheet h3 { position: relative; font-weight: normal; background: #f5f6f6; font-size: 1.2em; margin-bottom: 1em; text-shadow: 0 1px 0 #fff; border: 1px solid #dce6e6; border-radius: 3px; }
.factSheet h3 span { display: block; padding: .5em; }
.factSheet h3 em { display: none; position: absolute; right: 1em; top: .5em; padding: .3em 2em .3em 0; background: url("../i/toggle.png") right 3px no-repeat; font-style: normal; font-size: 82%; color: #333; }
	.js .factSheet h3 em { display: block; }
	.factSheet h3 .open em { background: url("../i/toggle.png") right -79px no-repeat; }
.factSheet h3 a { display: block; text-decoration: none; transition: background .3s ease-in-out; border: 1px solid #dce6e6; }
.factSheet h3 a:hover { background: #FFC; transition: background .3s ease-in-out; cursor: pointer; }
.factSheet .toggleReveal { padding: 0 0 2em 0;  }
.factSheet h4 { font-size: 1.4em; margin: 1.2em 0 .6em 0; font-weight: normal; border-bottom: 1px dashed #dfdfdf; padding-left: .65em; background: url("../i/arrow_hdr.gif") left 5px no-repeat; }

.js .factSheet { position: relative; padding-top: 15px; }
.superTog { display: none; position: absolute; right: 0; top: -21px; font-size: .9em; }
	.js .superTog { display: block; }
.superTog a { display: inline-block; *display: inline; zoom: 1; text-decoration: none; padding: 2px 10px; background: #f6f6f6; border-radius: 0 0 2px 2px; border: 1px solid #dce6e6; border-top: none; transition: background .3s ease-in-out; }
	.superTog a:hover, .superTog a:focus { background: #FFC; transition: background .3s ease-in-out; }

/* Fact Sheet Sections Shared Styles */
.factSheet .col1, .factSheet .col2, .factSheet .col3 { float: left; }

/* default stat */
.statBox { border: 1px solid #d9dbdb; background: #f8fafa; border-radius: 5px;  }
	.statWrap .statBox { background: #fff; }
.statBox p { background: #588020; color: #fff; padding: .5em; margin: 0; border-bottom: 1px solid #d9dbdb; border-radius: 5px 5px 0 0; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-weight: bold; }
.statBox strong { display: block; font-size: 3em; color: #528011; padding: .3em 0; text-shadow: 0 1px 0 #fff; letter-spacing: -.03em; }
.statBox span { display: block; border-top: 1px solid #d9dbdb; padding: .5em 0; text-shadow: 0 1px 0 #fff; }
	/* survive stat */
	.statSurv p { background: #b2d284; color: #2d4c01; text-shadow: none; }
	.statSurv strong { color: #2d4c01; }
	/* death stat */
	.statDie p { background: #2d4c01; }
	.statDie strong { color: #2d4c01; }

/* Large Gray Wrapper Box */
.statWrap { border: 1px solid #dcdcdc; border-radius: 5px; background: #f8fafa; margin-bottom: 1em; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.statWrap .title { background: #ebebeb; display: block; border-radius: 5px 5px 0 0; font-size: 1.2em; padding: .5em; position: relative; }
	.statWrap .title a { font-size: .7em; position: absolute; right: 1em; top: 1em; color: #166CB3; }
.top-statWrap { padding: 1.5em .5em; }
.statWrap .whiteBox { background: #fff; border: 1px solid #dedede; border-radius: 4px; padding: 1em; }
.statWrap .footnote { padding: .5em 1em; margin: 0; font-size: 96%;  line-height: 1.1; border-top: 1px solid #dcdcdc; }

/* Introduction / Overview */
.glance-factSheet { margin-bottom: 2em; }
.glance-factSheet .col1 { width: 27.5%; }
.glance-factSheet .col2 { width: 49.5%; padding: 0 1.25%; text-align: center; position: relative; }
.glance-factSheet .col3 { width: 20.4%; text-align: center; }

.overlay { color: #fff!important; text-decoration: none; display: block; }
.overlay div { position: absolute; width: 352px; height: 180px; border: 1px solid #2774B3; left: -999em; top: 0; background: url("../i/opac.png"); border-radius: 6px; vertical-align: middle; line-height: 180px; }
.overlay strong { padding: .3em 1em .3em 2.6em; background: #2774B3 url("../i/icn-magnify.png") 1em center no-repeat; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.4); }
	.overlay:hover div, .overlay:focus div { left: 21px; zoom: 1; cursor: pointer; }

.pillBox { margin: 0 0 .5em 0; padding: 0; list-style: none; border: 1px solid #d9dbdb; background: #f8fafa; border-radius: 5px; text-align: right; color: #2d4c01; letter-spacing: .01; }
.pillBox li { margin: 0; padding: 0 .3em 0 0; font-size: 1.2em; line-height: 2.45; }
.pillBox .top { border-bottom: 1px solid #d9dbdb; }
.pillBox .top span { border-radius: 5px 0 0 0; }
.pillBox .new, .pillBox .death { float: left; text-align: left; display: block; width: 90px; text-shadow: 0 1px 0 #fff;  padding: .5em; line-height: 1.1; font-size: 78%; border-radius: 0 0 0 5px; }
.pillBox .new { background: #bbda8e; border-right: 1px solid #bbda8e; text-shadow: 0 1px 0 rgba(255,255,255,.5);  }
.pillBox .death { background: #2d4c01; border-right: 1px solid #2d4c01; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.4);  }

.figure { float: right; margin: 0 0 1em 2em; font-size: 96%; width: 25em; }
.figure img { border: 1px solid #d9dbdb; border-radius: 3px; }
.note { padding: 1em 1em 0 1em;  font-style: italic; border: double medium #ccc; font-size: 98%; }

/* Survival Statistics */
.people-factSheet .col1 { width: 70%; padding: 0 2% 0 4%; background: url("../i/factsheets/bracket.jpg") 94% center no-repeat; }
.people-factSheet .col2 { width: 21%; text-align: center; padding-top: 1.2em; }

.survival-factSheet .col1 { width: 50%; margin: 0 1% 0 1%; text-align: center; }
.survival-factSheet .col2 { width: 47%; margin: 0 1% 0 0; text-align: center; }
	.survival-factSheet img.graph { margin: .5em 0 0 0; }
.survival-factSheet .whiteBox { padding-bottom: 0; min-height: 230px; }
.survival-factSheet ul { list-style: none; text-align: left; float: right; width: 132px; font-size: 96%; line-height: 1.1; letter-spacing: .01em; margin: 0; padding: 1em 0; }
.survival-factSheet li { margin-bottom: .6em; padding-left: 1.4em; position: relative; }
.survival-factSheet li img { position: absolute; left: -.2em; top: 0; }

/* Numbers of New Cases and Deaths */
.common-factSheet .col1, .whogets-factSheet .col1 { width: 70%; margin-right: 4%; }
.common-factSheet .col2, .whogets-factSheet .col2 { width: 25%; margin-right: 1%; text-align: center; margin-top: 3em; }
table.common { width: 100%; }
table.common td, table.common th { padding: .3em 1em; text-align: left; }
table.common th { background: none; color: #444; border: none; text-shadow: none; }
table.common thead tr { border-bottom: 2px solid #e1e1e1; vertical-align: bottom; }
table.common .bordered { border: 1px solid #e1e1e1; border-top: none; }
table.common tbody { border: 1px solid #e1e1e1; background: #fff; }
table.common tbody td { border: 1px solid #e1e1e1; border-left: none; }
table.common .rank { border-right: none; text-align: right; padding: 0.3em 0 .3em .3em; }
table.common .selected { background: #FFC; font-weight: bold; }

.whogets-factSheet .col1 { width: 70%; margin: 0 2.5%; }
.whogets-factSheet .col2 { width: 20%; margin: 0 2.5%; text-align: center; margin-top: 2em; }

.bar-factSheet .topcap { height: 4px; width: 686px; margin: 3em auto 0; position: relative; overflow: visible; background: url("../i/factsheets/bargraph_topcap.jpg") center no-repeat; }
.bar-factSheet .topcap img { position: absolute; top: -37px; }
	img.male { left: 100px; } img.female { right: 100px; }
.bar-factSheet .bottomcap { height: 4px; width: 686px; margin: 0 auto; background: url("../i/factsheets/bargraph_bottomcap.jpg") center no-repeat; }
.bar-factSheet ul { margin: 0 auto; width: 646px; padding: 20px 20px 0 20px; list-style: none; list-style-image: none; text-align: center; background: url("../i/factsheets/bargraph_repeat.jpg") center repeat-y; }
.bar-factSheet li { padding: .5em 0; margin: 0; border-bottom: 1px solid #dcdcdc; line-height: 2; }
	.bar-factSheet li.last { border: none; }
.bar-factSheet li img, .bar-factSheet li span, .bar-factSheet li em { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.bar-factSheet li span.label { width: 144px; line-height: 1; }
.bar-factSheet li span { width: 246px; }
.bar-factSheet li em { width: 246px; color: #787272; }

.trends-factSheet .top-statWrap { text-align: center; }
.trends-factSheet img { margin-left: 5em; }
table.trends { width: 96%; margin: 0 auto; text-align: center; }
table.trends th { background: #4f6228; color: #fff; text-shadow: none; }

.factSheet td, .factSheet th { background: #fff; }
/* End Fact Sheet */

/* Aside Figures */
.sidebar { width: 230px; float: right; margin: 0 0 2em 2em; border: 4px solid #eceeee; background: #f8fafa; padding: 1em; font-size: 98%;}
.sidebar .title { font-weight: bold; font-size: 1.1em; margin-bottom: .5em; }
.sidebar ul { padding: 0 0 0 20px; }
.sidebar hr { border-color: #eceeee; border-width: 4px; }
.sidebar .thumb { border-radius: 3px; border: 1px solid #eceeee; padding: 3px; background: #fff; margin: .5em 0 1em; }
a.videocast { background: url("/graphics/video_icon.gif") left 2px no-repeat; height: 18px; padding-left: 23px; padding-top: 2px; }

.video-right {
    float: left;
    margin-left: 2%;
    width: 48%;
}

.video-right > p {
    background: #f8fafa;
    padding: 2% 5%;
}

.video-right iframe {
	width:100%;	
}

.video-left {
    float: left;
    width: 50%;
}

/* HEME Quiz Styles */
.quizQuestion { color: #339; font-weight: bold; }
.quizAnswer { padding-left: 2em; }
.quizAnswerIndicator { padding-left: 2em; }
.quizAnswerCorrect { color: blue; }
.quizAnswerIncorrect { color: #e20000; }
.maskLink { text-decoration: none; cursor: text; }
.emphasistext { font-weight: bold; background-color: #FFC; padding: 2px; border: thin solid #333; }

#quizOnCorrect { padding: 10px; border-color: #bcbcbc; }
#quizOnCorrect label.firstName { float: left; width: 12em; position: relative; }
#quizOnCorrect label.firstName input { position: absolute; }
#quizOnCorrect label.lastName { display: block; margin-left: 13em; }
#quizOnCorrect #certificateBtn { margin-right: 1em; }

/* Stat Facts Alphabetical List */
.alphaList .letter { font-weight: normal; border-bottom: 1px solid #B7D099; display: block; font-size: 1.2em; text-shadow: 0 1px 0 rgba(255,255,255,.55); }
.alphaList .letter span { display: inline-block; background: #E3EED7; border: 1px solid #B7D099; border-radius: 0 8px 0 0; border-bottom: none; padding: .1em .5em 0 .4em; min-width: .75em; text-align: center; }
.alphaList ul { margin: 0.7em 0 2em; padding-left: 1.75em; }
.alphaList ul ul { margin-bottom: 0; }

/* three column */
.alphaList .col-one, .alphaList .col-two, .alphaList .col-three { width: 29%; float: left; }
.alphaList .col-two { margin: 0 6.5%; }

/* Forms */
#CommentForm input, textarea { margin-bottom: 0.2em; }
#CommentForm textarea { display: block; }
#CommentForm #btnSubmit { margin-top: 1em; }
#CommentForm #cc_self { margin-right: 0.5em; }
.ssfform fieldset label { display: inline; }
.ssfform #btnSubmit { margin-top: 1em; }
	/* Used primarily to hide form field labels off-screen */
	.offscreen { position: fixed; top: -1000em; left: -2000em; }

/* PubSearch */
#ps-help-btn { margin-bottom: 5px; float: right; }
form.pubsearch { float: left; width: 100%; margin-bottom: 1em; }
.ps-box { border: 1px solid #0B5171; padding: 8px; position: relative; border-radius: 0 0 2px 2px; }
.ps-title { color: white; background-color: #0B5171; padding: 3px 0 2px 8px; margin: 0; font-size: 14px; clear: both; text-shadow: 0 -1px 0 rgba(0,0,0,.6); letter-spacing: .02em; border-radius: 2px 2px 0 0; }
form.pubsearch fieldset { margin: 0 0 8px 0; padding: 0 0 8px 0; border: 0; border-bottom: 1px dashed #ccc; }
form.pubsearch label { display: block; font-weight: bold; }
form.pubsearch legend { padding: 0 0 3px 0; font-weight: bold; }
form.pubsearch .date label { font-weight: normal; display: inline; vertical-align: text-bottom; }
form.pubsearch input[type=button], form.pubsearch input[type=submit], form.pubsearch input[type=reset] { margin: 0.3em 0; }
.date div { float: left; margin-right: 25px; }
.entries label { float: left; margin-right: 10px; font-weight: normal; }
/* .pubsearch .last { border: 0; margin-bottom: 0; } */
table.pubsearch-results th, table.pubsearch-results td { border: 0; }

/* /seerstat/databases/breast.imputed.status/ */
.graphWrapper { border: 1px solid #D2D2D2; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); padding: 3px; text-align: center; margin-bottom: 2em; }
.graphWrapper h4 { background: #E3EED7; border: 1px solid #B7D099; border-radius: 3px; color: #333; font-size: 12px; letter-spacing: 0.02em; margin: 0 0 6px; padding: 2px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); }

/* /popdata/impact_rates_intercensal.html, /popdata/decade_issues.html, /statistics/video/ */
#selectWrapperGraph, #selectWrapperHisto, #selectWrapperDYK { background: #E3EED7; padding: 8px 12px; border: 1px solid #B7D099; border-bottom: none; border-radius: 3px 3px 0 0; }
#selectWrapperGraph label, #selectWrapperHisto label, #selectWrapperDYK label { display: inline; }
#graphContainer, #histoContainer, #dykContainer { background: #fff; border: 1px solid #B7D099; margin: 0 0 2em; list-style: none; padding: 0; }
#graphContainer li, #histoContainer li { text-align: center; }
#graphContainer li img, #histoContainer li img { background: #fff; margin-top: 1em; }
#graphContainer li p, #histoContainer li p { text-shadow: 0 1px 0 rgba(255,255,255,.75); background: #E3EED7; border: 1px solid #B7D099; border-radius: 3px; text-align: left; margin: 0 auto 1.5em; padding: .5em 1em; position: relative; display: block; width: 70%; }
#graphContainer li p:after, #histoContainer li p:after, #dykContainer li p:after { content: ' '; height: 0; position: absolute; width: 0;	border: 10px solid transparent; border-bottom-color: #E3EED7; bottom: 100%; left: 50%; margin-left: -10px; }
#graphContainer li p:before, #histoContainer li p:before, #dykContainer li p:before { content: ' '; height: 0; position: absolute; width: 0; border: 12px solid transparent; border-bottom-color: #B7D099; bottom: 100%; left: 50%; margin-left: -12px; }

#dykContainer li { text-align: center; margin-bottom: 0; }
#dykContainer li h3 { margin: 1.5em 0 0 0; }
#dykContainer li iframe { margin-top: 1em; border: 1px solid #ccc; }
#dykContainer li p { text-shadow: 0 1px 0 rgba(255,255,255,.75); background: #E3EED7; border: 1px solid #B7D099; border-radius: 3px; width: 70%; text-align: left; margin: 1em auto; padding: .5em 1em; position: relative; display: block; }

/* togs, i.e. /manuals/2013/appendixc.html */
#code_manual ul { margin: 0; padding: 0; }
#code_manual ul li { margin: 5px 0 5px 20px; padding: 0; }
#code_manual h4 { font-size: 1.1em; display: inline; font-weight: normal; }
#code_manual li.plusMinus { height: 100%; list-style: none; position: relative; }
#code_manual div.hitarea { background: url("/toolbox/images/plus.gif") center no-repeat; }
#code_manual div.active { background: url("/toolbox/images/minus.gif") center no-repeat; }
#code_manual div.hitarea { cursor: pointer; display: block; height: 16px; left: -18px; position: absolute; top: 1px; width: 16px; }
#code_manual ul.expandingList li a.folder { text-decoration: none; }

#ss-databases a.h3 { font-weight: bold; }
#ss-databases a.h3:hover { font-weight: bold; }
#ss-databases li.h3 { margin-bottom: 10px; }
#ss-databases ul { list-style: disc; margin: 0; padding-left: 0; }
#ss-databases ul li { margin: 4px 0 4px 30px; padding: 0; }
#ss-databases li.plusMinus { height: 100%; list-style: none; position: relative; }
#ss-databases div.hitarea { background: url("/toolbox/images/plus.gif") center no-repeat; }
#ss-databases div.active { background: url("/toolbox/images/minus.gif") center no-repeat; }
#ss-databases div.hitarea { cursor: pointer; display: block; height: 16px; left: -20px; position: absolute; top: 0; width: 16px; }
#ss-databases .listInsert { display: list-item; list-style: circle; margin: 5px 0 5px 20px; }

/* SEER Explorer CTA */
.explorer-cta { background: #f6f6f6 url("/i/explorer-bg.jpg") bottom right no-repeat; border: 4px solid #e5e5e5; }
.explorer-cta h3 { color: #fff; background: #142c68; font-size: 1.1em; font-weight: normal; }
.explorer-cta h3 span { display: inline-block; background: #007fb0; position: relative; padding: 7px .75em; margin-right: .65em; }
.explorer-cta h3 span:after { content: ''; position: absolute; height: 0; width: 0; border: 6px solid transparent; border-left-color: #007fb0; top: 50%; left: 100%; margin-top: -6px; }
.explorer-cta .cta-wrap { padding: .5em 1em 3em 1em; }

/* Interactive Tools, Fast Stats/Explorer Emphasize */
.emphasize { background: #f8fafa; border: 4px solid #eceeee; padding: 1em; margin: 0 0 1em 0; }
.emphasize li { float: left; width: 46.5%; margin: 0; padding: 0 0 0 3%; border-left: 2px solid #eceeee; }
.emphasize li:first-child { padding: 0 3% 0 0; border-left: none; border-right: 2px solid #eceeee; }
.emphasize .title { position: relative; }
.emphasize .title span { position: absolute; right: 0; top: -2px; display: inline-block; font-size: .9em; color: #fff; background: green; padding: 0 1.5em; text-shadow: none; border-radius: 3px; letter-spacing: .05em; font-weight: normal; }

/* SEER Explorer Help */
.help-wrap { background: #f8fafa; border: 4px solid #eceeee; margin: 0 0 1em; padding: 1em; }
.help-wrap img { max-width: 100%; }
.help-figure { text-align: center; margin: 1em auto 3em auto; }
.help-figure img { border: 1px solid #ddd; background: #fff; padding: .2em; }
.help-figure p { font-size: .98em; color: #666; font-style: italic; width: 55%; margin: 0 auto; margin-top: .5em; padding: 0 2em .75em 2em; border-bottom: 1px dotted #ccc; }