/* structure */
html { overflow-y: scroll;  font-family: 'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color: #444; line-height: 1.33; font-size: 80%; background: #f5f5f5; }
body { min-width: 1130px; }
body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.6); z-index: 100; }

.section { background: #fff; padding: 2em 0 4em 0; }
.wrapper { width: 1100px; margin: 0 auto; }
.main { width: 760px; float: left; }
.aside { width: 300px; float: left; margin: 0 40px 0 0; }
	.wide .main { width: 100%; }
	.wide .aside { display: none; }

/* type */

h2 { margin: 0 0 1em 0; line-height: 1.1; /*color: #4F731D;*/ }
	.home h2 { margin-bottom: .25em; }
	/* Release Date (appears under H1) */
	h2 .subTitle, .release { font-size: 70%; }
	h3 .release { font-size: 80%; font-weight: normal; }
h4 { margin: 0; }
p { margin: 0 0 1.2em 0; }
a { color: #2774B3; }
a:hover, a:focus { color: #5499D2; }
.main a:visited, .main .fancyList a:visited span, .main .actionList a:visited .title { color: #513751; }
pre {font-size: 110%;}
/* misc */
ul { list-style: url("../i/bullet.gif"); margin: 0 0 1.2em 0; }
ul ul { margin-top: .2em; }
ul li { margin-bottom: .6em; }
ol ol { margin-top: .2em; }
ol li { margin-bottom: .6em; }
dl { margin-top: 0; }
hr { padding: 0; margin: 1em 0; border: none; border-top: 1px solid #c1c1c1; }

.extlink { padding-left: .2em;}
.actionList a.extlink {
    display: none;
}
.to_top { text-align: right; font-size: 94%; border-bottom: medium double #d6d6d6; margin-bottom: 2em; }
.to_top a { display: inline-block; zoom: 1; *display: inline; padding: 0 0 .25em 1em; text-decoration: none; }
.to_top a:hover, .to_top a:focus { }

.grayBtn { background: #fcfcfc url("../i/grad.png") 0 .65em repeat-x; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff; color: #333!important; text-shadow: 0 1px 0 rgba(255,255,255,.7); padding: .2em 1em; text-decoration: none; margin: 0; }
.grayBtn span { padding-right: 1em; background: url("../i/arrow-btn-orange.png") right 55% no-repeat; }
.grayBtn:hover { background: #fcfcfc; color: #333; }

.greenBtn { background: #478400 url("../i/grad.png") bottom repeat-x; border: 1px solid #627640; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff; color: #fff!important; text-shadow: 0 1px 0 rgba(0,0,0,.7); padding: .2em 1em; text-decoration: none; margin: 0; }
.greenBtn span { padding-right: 1em; background: url("../i/arrow-btn-white.png") right 55% no-repeat; }
.greenBtn:hover { background: #478400; color: #fff; }

/* Clearfix */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/* Blue Info Box */
.info { display: block; padding: .5em 1em .5em 1.4em; margin: 0 0 2em 1em; border: 1px dashed #c1e1ee; background: #f5fcfe; color: #333; position: relative; zoom: 1; }
.info:before { content: '';	height: 14px; width: 14px; position: absolute; top: 6px; left: -7px; background: url("/images/icn_info.jpg") no-repeat; }

/* NCI Banner */

.banner h1 {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.nciBanner { 
	color: #fff; 
	text-align: right; 
	font: .85em/1 Verdana, Helvetica, "Trebuchet MS", Arial, sans-serif; 
	overflow: visible; 
	vertical-align: middle; 
}

.seerLogo {
    display: inline-block;
    line-height: 0;
    max-width: 616px;
	max-height:52px;
    padding: 23px 23px 27px 0;
    width: 80%;
}

.seerLogo > img {
    width: 100%;
}

.nciBanner a { color: #fff; text-decoration: none; }
.nciBanner a:hover, .nciBanner a:focus { text-decoration: underline; }
.nciBanner img { float: left; }
.nciBanner span { display: block; padding-top: .9em; }
#skip, #skip:hover, #skip:visited { position: absolute; top: -20em; right: 44%; padding: .7em 1.5em; font-weight: bold; border: 2px solid #ccc; border-top: none; border-radius: 0 0 3px 3px; transition: all .2s ease-in-out; }
#skip:active, #skip:focus { position: absolute; top: 0; color: #a90101; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.7); }

/* responsive explorer styles for banner*/

.col-m-9 .seerLogo {
    padding: 0;
}

.col-m-9 .seerLogo > img {
    padding: 23px 23px 27px 0;
}

/* Header */
.headerWrap { background: #fff url("../i/clouds.jpg") bottom repeat-x; }

.glossary .headerWrap { 
	background: #fff;
    border-bottom: 4px double #eee; 
}
.header { background: url("../i/hdr_repeat.png") bottom repeat-x; padding-bottom: .3em; }
.banner {  
	background:#fff;
}

.banner h1 { width: 80%; margin: 0; padding: 0; float: left; }
.banner h1 a { display: inline-block; text-decoration: none; color: #142c68; font-size: .8em; line-height: .9; font-weight: normal; letter-spacing: .001em; }
.banner h1 img { float: left; width: 66px; margin-right: .4em; }
.banner h1 .title { float: left; padding: .7em 0 0 0; }
.banner h1 span { color: #3674AE; font-size: .7em; }

.search { 
	width: 20%; 
	margin-top: 2em; 
	float: right; 
}
.search label { 
	display: block;
    padding-bottom: 0.2em;
    position: absolute;
    text-indent: -5000px;
    top: -5000px; 
}

#searchsite {
    padding: 5px;
	margin: 3% 1% 2.5% 3%;
	width:73%
}

/*responsive style adjustment for the data explorer*/
.col-m-3 #searchsite {
	width:80%;	
}

.search .greenBtn {
    position: absolute;
    top: 6.5px;
	right:5px;
	padding: 0.45em;
}

.search > form {
    background: #eee;
	border:1px solid #ccc;
	border-left:4px solid #447f00;
	position:relative;
}

.crumbs { background: url("../i/bread_repeat.png") top repeat-x; margin-top: 1.3em; padding: .6em 0 .3em 0; }
.crumbs .home { vertical-align: bottom; }
.crumbs .home img { vertical-align: middle; padding-bottom: 2px; }
.crumbs .arrow { margin: 0 .2em; }
.crumbs a { text-decoration: none; }
.crumbs a:hover, .crumbs a:focus { text-decoration: underline; }

/* Navigation */
.nav { background: #142c68; position: relative; z-index: 10; /*IE 7 z-index issue */ font-size: 105%; }
.nav a { color: #fff; }
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav li { float: left; margin: 0; padding: 0; }
.nav .statistics { width: 414px; position: relative; border-left: none; }
	.nav .topCap { height: 5px; width: 100%; background: #007FB0; border-radius: 4px 4px 0 0; position: absolute; left: 0; bottom: 100%; }
	.nav .bottomCap { height: 5px; width: 100%; background: #007FB0; border-radius: 0 0 4px 4px; position: absolute; left: 0; top: 100%; }
.nav .resources { width: 193px; }
.nav .registrars { width: 271px; }
.nav .about { width: 222px; }

.nav li .wrap { border-left: 1px solid #688792; padding: 0 1em; }
.nav li .label { font-size: 115%; }
	
.nav li > a { display: block; padding: .65em 0; text-decoration: none; }
	.nav .statistics > a { padding: 0.5em 1em .3em 1em; }
	.nav .statistics > ul > li > a { padding: .25em 0; text-align: center; }
	
.nav li > a:hover, .nav li > a:focus { background: #007FB0; }
.nav li > a:hover .wrap, .nav li > a:focus .wrap { border-left: 1px solid #007FB0; }
	.nav .statistics:hover > a, .nav .statistics:focus > a { background: #007FB0; }
	.nav .statistics:hover ul li.flyout-alt, .nav .statistics:focus ul li.flyout-alt { background: #00598A;}
	
.nav li > a span { display: block; font-size: 97%; line-height: 1.2; }

.nav .statistics li.summaries { width: 39%; }
.nav .statistics li.interactive { width: 35%; }
	li.interactive .sub { border-left: 1px solid #688792; border-right: 1px solid #688792; }
.nav .statistics li.publications { width: 26%; }
.nav .statistics li a span.sub { font-size: 1em; }

/* current page highlighting */
body.stats .nav li.statistics, body.summaries .nav li.summaries, body.interactive .nav li.interactive, body.publications .nav li.publications, body.about .nav li.about, body.resources .nav li.resources, body.registrars .nav li.registrars { background: #007FB0!important; }
	/* when on the Statistics landing page, we need to make it mimic the hover state so this additional css is needed */
	body.stats .nav li.statistics li.flyout-alt { background: #00598A;}

.nav .statistics > a.activated { background-color: #007FB0; }
.nav .statistics ul.activated { background-color: #00598A; }

.flyout-alt { position: relative; }
.flyout-content { display: none; position: absolute; top: 100%; left: 0; z-index: 9999; text-align: left; width: 45em; border: .5em solid #dfdfdf; padding: 1em; background: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.4); }
	li.summaries .flyout-content { width: 60em; }
	li.interactive .flyout-content { width: 54em; }
	li.registrars .flyout-content { width: 40em;  }
	li.resources .flyout-content { width: 40em; }
	li.registrars .flyout-content, li.about .flyout-content { left: auto; right: 0; }
.flyout-content a { color: #2774B3; display: inline; padding: 0; margin: 0; }
.flyout-content li { width: 100%; text-align: left!important; }
.flyout-alt:hover > .flyout-content { display: block; }
.flyout-alt:hover > a { background: #007FB0; }

.col-one, .col-two, .col-three { float: left; }
.col-one .title, .col-two .title, .col-three .title { font-size: 1.1em; }

li.summaries .col-one { width: 63%; margin-right: 3%; padding-right: 3.5%; border-right: 1px solid #ccc; }
li.summaries .col-two { width: 30%; }

li.interactive .col-one { width: 45%; margin-right: 3%; padding-right: 3.5%; border-right: 1px solid #ccc; }
li.interactive .col-two { width: 48%; }

li.publications .col-one { width: 33%; margin-right: 3%; padding-right: 3.5%; border-right: 1px solid #ccc; }
li.publications .col-two { width: 60%; }

li.resources .col-one { width: 40%; margin-right: 2.5%; }
li.resources .col-two { width: 54%; padding-left: 2.5%; border-left: 1px solid #ccc; }

li.registrars .col-one { width: 53%; margin-right: 3%; padding-right: 3.5%; border-right: 1px solid #ccc; }
li.registrars .col-two { width: 40%; }

li.about .col-one { width: 57%; padding-right: 3.5%; border-right: 1px solid #ccc; }
li.about .col-two { width: 36%; margin-left: 3%; }

.nav .subNav { margin: 0 0 .8em 0; padding: 0; }
.nav .subNav li { margin: 0; padding: 0 0 .4em .5em; float: none; }
.nav .subNav li a { text-decoration: underline; display: block; padding: .2em .5em; border-radius: 3px; margin: 0 .5em 0 -.5em; }
.nav .subNav li a:hover { background: #2774B3; color: #fff; text-decoration: none; }
.nav .flyout-content p { margin-bottom: 1em; padding-left: .5em; }
.nav .flyout-content .title {
	font-weight: bold;
	border: 1px solid #efefef;
	border-left: 2px solid #be2646;
	color: #142C68;
	margin: 0 0 .2em 0;
	padding: .1em .5em .05em;
	border-radius: 0 3px 3px 0;
	background: #f7f7f7;
	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	display: block;
}
.nav .flyout-content .title .normal { font-weight: normal; font-size: .9em; }

.flyout-content .navBtn { display: block; background: #fcfcfc url("../i/grad.png") 0 .65em repeat-x; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 1px 0 #fff; color: #333!important; text-shadow: 0 1px 0 rgba(255,255,255,.7); padding: .35em 1em; text-decoration: none; margin: 0 0 0 -.5em; }
.flyout-content .navBtn span { padding-right: 1em; background: url("../i/arrow-btn-orange.png") right 55% no-repeat; }
.flyout-content .navBtn:hover { background: #fff6ee; color: #333; border: 1px solid #fe7e0c; }

/* hover intent */
.nav .show .flyout-content { display: block; }
.nav .with-js .flyout-content {	display: none !important; }


/* Footer */
.footer { text-align: center; padding: 2em 0 3em; background: url("../i/ftr_repeat.gif") top repeat-x; }
.twitter img { margin-bottom: 1.2em; }
	.twitter:hover { opacity: .9; }
.linkList { white-space: pre; }

/* Left Nav */
.leftNav, .utilities, .dyk-tile { border: 1px solid #d6d6d6; border-bottom: none; margin-bottom: 2em; }
	.dyk-tile { margin-bottom: 0; }
.leftNav a, .utilities a { text-decoration: none; display: block; padding-right: 1em; }
	.dyk-tile a { text-decoration: none; }
	.dyk-tile .player { width: 273px; margin: 10px auto 10px auto; background: url("../i/dyk-tile.jpg"); }
		.dyk-tile .player a { display: block; text-align: center; height: 83px; border: 1px solid #d6d6d6; }
		.dyk-tile .player a:hover img, .dyk-tile .player a:focus img { opacity: 1; }
			.dyk-tile .player img { margin-top: 15px; opacity: .9; }
	.dyk-tile p { padding: 0 15px 10px 15px; border-bottom: 1px solid #d6d6d6; }
.leftNav a:hover, .leftNav a:focus, .utilities a:hover, .utilities a:focus { text-decoration: underline; }
.leftNav a.active { color: #588312; background: url("../i/nav_active.png") 98% center no-repeat; }
.leftNav h4, .utilities h4, .dyk-tile h4 { background: #f8fafa; font-size: 1em; margin: 0; padding: .35em .8em; border-bottom: 1px solid #d6d6d6; }
/* target the first level in the navigation */
.leftNav > ul, .utilities ul, .dyk-tile ul { margin: 0; padding: 0; list-style: none; }
.leftNav > ul > li, .utilities ul li, .dyk-tile ul li { border-bottom: 1px solid #d6d6d6; margin: 0; padding: .3em 0 .3em 1.8em; }
/* target all the children/2nd/3rd/4th lvl */
.leftNav ul ul { margin: 0 0 0 1em; padding: 0; }
.leftNav ul ul li { margin: 0; padding: .1em 0; }

.js .leftNav .expand { position: relative; }
	/* 2nd level toggle needs some extra trickery to get past the default/non-js css for other lists */
	.js .leftNav li .expand { padding-left: 1.8em; margin-left: -1.8em; }
.js .blockTog { position: absolute; left: 3px; float: left; display: block; width: 11px; height: 9px; content: ""; background: url("/i/nav_toggle.jpg") 4px 4px no-repeat; padding: 4px; }
.js .leftNav .close { background-position: 4px -47px!important; }

.utilities a { display: inline-block; zoom: 1; *display: inline; padding-left: 2em; background: url("../i/sprite-tools.jpg") 0 3px no-repeat; }
	a#print { background-position: 0 -58px; }
	a#glossary { background-position: 0 -119px; }
	
/* MODAL */
.ui-widget { font-family: inherit!important; }
.ui-widget-overlay { background: #333333!important; opacity: 0.75!important; }
.modal { display: none; max-width: 700px; background: #fff!important; }
.js .modal { display: block; }
.modal-factBox { text-align: center; }
.modal-factBox p { text-align: left; font-size: .85em; display: block; margin-top: 1em; padding: .5em 1em; background: #fdf5d7; border: 1px solid #f5e9bd; border-radius: 3px; position: relative; text-shadow: 0 1px 0 #fff; }
.modal-factBox p:after, .modal-factBox p:before {content: ' '; height: 0;	position: absolute; width: 0; border: solid transparent; bottom: 100%; left: 50%; }
.modal-factBox p:after { border-width: 10px; border-bottom-color: #fdf5d7; margin-left: -10px;}
.modal-factBox p:before { border-width: 12px; border-bottom-color: #f5e9bd; margin-left: -12px; }
.ui-widget-header { background-color: #397CAE!important; }

	/* Email This Page */
	#emailForm label { display: inline-block; }
	#emailForm label span { color: #CD4848; font-weight: normal; font-style: italic; font-size: 90%;}
	.errorMessage { color: #EE5555; text-shadow: 0 1px 0 rgba(255,255,255,.6); text-transform: capitalize; font-size: 90%; padding: 0 .5em; margin-left: 10px; border: 1px solid #EE5555; background: #fdeded; border-radius: 3px; position: relative; }
	.errorMessage:after { content: ' '; height: 0; position: absolute; width: 0; border: 6px solid transparent; bottom: 50%; right: 100%; border-right-color: #EE5555; margin-bottom: -6px; }
	.errorField { background: #fff8ab; }
	.hpField { left: -200%; position: absolute; top: -200%; }