/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/
.mod:after,
div#columnHolder:after,
ul#chicletLinks:after,
div#subCol div.badges:after,
div#subCol div.sideList ul.sideListLinks:after,
div#bottomNav:after,
div.doubleWide:after,
div.articleHeader:after,
div#articleContent:after,
div#viralLinks:after,
div#bottomPromoArea:after,
div.thumbSlider:after,
ul#flairBar:after,
div.overlay ul#shareLinks:after,
div#mainNav:after,
div#inDepthFeature:after,
div#slideshowContent:after,
div#slideshowCopy:before,
form#searchFilters:after,
div.searchPag:after,
div.listRow:after,
div.categoryHeader ul:before,
.contentList li:after,
.contentList.citizenScienceList dd:after,
div#mainNav li div.subNav:after,
div#mainNav li div.subNav ul:after,
.magazineSubNav:after,
.floatHolder:after,
div#homeTop div.primaryCol:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/*- LOCALLY HOSTED FONTS
----------------------------------------------------------------------*/
/*
@font-face {
font-family: "Brunel-for-Titles";
src: url("../../fonts/53a8cf2e-6421-4292-852f-a282ba53459d-2");
src: local("../../fonts/BrunelTextWeb-Bold"),
    url("../../fonts/53a8cf2e-6421-4292-852f-a282ba53459d-3") format("woff"),
    url("../../fonts/53a8cf2e-6421-4292-852f-a282ba53459d-1")
format("truetype"),
    url("../../fonts/53a8cf2e-6421-4292-852f-a282ba53459d-4#web") format("svg");
font-style: normal;
font-weight: bold;
}
*/
@font-face {
font-family: "Brunel-for-Titles-Italic";
src: url("../../fonts/fa6d24a6-1d5e-4f78-b333-2178c511c6d8-2");
src: local("../../fonts/BrunelTextWeb-BoldItalic"),
    url("../../fonts/fa6d24a6-1d5e-4f78-b333-2178c511c6d8-3") format("woff"),
    url("../../fonts/fa6d24a6-1d5e-4f78-b333-2178c511c6d8-1")
format("truetype"),
    url("../../fonts/fa6d24a6-1d5e-4f78-b333-2178c511c6d8-4#web") format("svg");
font-style: italic;
font-weight: bold;
}
/*
@font-face {
font-family: "Prelude";
src: url("../../fonts/bf15443a-6bf6-4af1-8887-d46d68cbb4b6-2");
src: local("../../fonts/PreludeWGL Medium"),
    url("../../fonts/bf15443a-6bf6-4af1-8887-d46d68cbb4b6-3") format("woff"),
    url("../../fonts/bf15443a-6bf6-4af1-8887-d46d68cbb4b6-1")
format("truetype"),
    url("../../fonts/bf15443a-6bf6-4af1-8887-d46d68cbb4b6-4#web") format("svg");
font-style: normal;
font-weight: normal;
}


@font-face {
font-family: "PreludeItalic";
src: url("../../fonts/009944d4-635e-4ffa-9503-a0450d78370d-2");
src: local("../../fonts/PreludeWGL Medium Italic"),
    url("../../fonts/009944d4-635e-4ffa-9503-a0450d78370d-3") format("woff"),
    url("../../fonts/009944d4-635e-4ffa-9503-a0450d78370d-1")
format("truetype"),
    url("../../fonts/009944d4-635e-4ffa-9503-a0450d78370d-4#web") format("svg");
font-style: italic;
font-weight: normal;
}


@font-face {
font-family: "PreludeBold";
src: url("../../fonts/3739f210-118f-4d28-be3f-86746b0e6aa8-2");
src: local("../../fonts/PreludeWGL Bold"),
    url("../../fonts/3739f210-118f-4d28-be3f-86746b0e6aa8-3") format("woff"),
    url("../../fonts/3739f210-118f-4d28-be3f-86746b0e6aa8-1")
format("truetype"),
    url("../../fonts/3739f210-118f-4d28-be3f-86746b0e6aa8-4#web") format("svg");
font-style: normal;
font-weight: bold;
}

@font-face {
font-family: "PreludeBoldItalic";
src: url("../../fonts/3471f0ca-6e33-4f17-adfb-b84c8d2f1e62-2");
src: local("../../fonts/PreludeWGL Bold Italic"),
    url("../../fonts/3471f0ca-6e33-4f17-adfb-b84c8d2f1e62-3") format("woff"),
    url("../../fonts/3471f0ca-6e33-4f17-adfb-b84c8d2f1e62-1")
format("truetype"),
    url("../../fonts/3471f0ca-6e33-4f17-adfb-b84c8d2f1e62-4#web") format("svg");
font-style: italic;
font-weight: bold;
}
*/

/*- em in Title
----------------------------------------------------------------------


h3 em, h3 a em {
font-family: Brunel-for-Titles-Italic;
}
h1 em, h1 a em {
font-family: Brunel-for-Titles-Italic;
}
h2 em, h2 a em {
font-family: Brunel-for-Titles-Italic;
}
h4 em, h4 a em {
font-family: Brunel-for-Titles-Italic;
}
*/

/*-  BASE STYLES
----------------------------------------------------------------------*/
body {
	/* background: #fff; */
	color: #222;
font: normal 14px georgia, times, serif;
margin: 0;
padding: 0;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom left;
}

.hideMe {
display: none;
}

abbr,
acronym {
cursor: help;
}

input[type="text"],
input[type="search"],
input[type="email"],
textarea {
border: 1px solid #7C7C7C;
border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}

input[type="search"],
input[type="email"] {
color: #333333;
}

input.invisible {
border: 0;
width: 136px;
padding: 0;
}

a {
color: #19437c;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.smallIcon {
font-size: 14px;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
text-decoration: none ! important;
line-height: 16px;
}
	a.smallIcon span {
font-size: 12px;
}
a.rssLink {
background: url(../../images/chiclets/rss_16.gif) 0 0 no-repeat;
margin-right: 4px;
padding-left: 20px;
}
a.itunesLink {
background: url(../../images/chiclets/apple_16.gif) 0 0 no-repeat;
margin-right: 4px;
padding-left: 20px;
}

.go_red {
color: #d1423d;
}

div.hiddenFields {
height: 0;
overflow: hidden;
}

.moreLink {
white-space: nowrap;
color: #19437c;
word-spacing: 0;
cursor: pointer;
}
/* this may or may not be an A tag (preferably not) */
.moreLink span.linkArrow {
color: #d1423d;
}
.moreLink span:hover {
text-decoration: underline;
}

a.moreLink {
white-space: normal;
}

div.userAlert {
margin: 0 0 18px;
padding: 6px;
font: normal 14px Prelude, arial, sans-serif;
background: #ffffd7;
border: 1px solid #ffff00;
}
div.userAlert a {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}

span.reccy {
margin: 0 8px 0 0;
}
span.reccy span.reccyInner {
margin-right: 2px;
padding: 0 0 0 14px;
font: normal 12px/15px Prelude, arial, sans-serif;
background: url(../../images/flair/reccy.gif) 0 0 no-repeat;
cursor: pointer;
}
span.reccy span.reccyInner:hover {
text-decoration: underline;
}
span.reccy.recommended span.reccyInner {
color: #999;
background-image: url(../../images/flair/reccy_grey.gif);
}
span.reccy.recommended span.reccyInner:hover {
background-color: transparent;
cursor: default;
}
/* go ahead and remove this line if you end up adding a "remove recommendation" function */
	
	span.reccyDisplay {
margin-right: 8px;
padding-left: 14px;
font: normal 12px Prelude, arial, sans-serif;
background: url(../../images/flair/reccy.gif) 0 0 no-repeat;
}

a.tinyCommentCount {
padding: 0 0 0 13px;
font-family: Prelude, arial, sans-serif;
color: #222;
background: url(../../images/icon_comment_tiny.gif) 0 2px no-repeat;
}
a.tinyCommentCount:hover {
color: #19437c;
}


div#recommend {
position: absolute;
top: 50%;
left: 50%;
width: 100px
}

p.metaClump,
	p.metaClump * {
font-size: 11px;
line-height: 18px;
}
		
a.issueButton {
display: block;
float: left;
width: 101px;
margin: 0 5px 6px 0;
color: #222;
font: bold 12px/28px PreludeBold, arial, sans-serif;
text-align: center;
border: 1px solid #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff url(../../images/bg_button.png) bottom repeat-x;
}

div#bigCoverModule {
padding: 6px;
background: #f1f1f1;
}
div#bigCoverModule img {
display: block;
margin-bottom: 6px;
}
div#bigCoverModule a.issueButton {
float: none;
width: auto;
margin-right: 0;
font-size: 14px;
}

div#leaderboard {
padding: 6px 0;
background: #222222;
text-align: center;
}
div#leaderboard div,
	div#leaderboard iframe,
	div#leaderboard img,
	div#leaderboard embed,
	div#leaderboard object {
display: block;
margin: 0 auto;
}

.fff {
background: #fff;
}
a.issueButton.redButton {
color: #fff;
border-color: #841d19;
background: #e7625b url(../../images/bg_button_red.gif) bottom repeat-x;
}

span.tagline,
span.byline,
span.datestamp,
a.tinyCommentCount,
a.contentType {
padding-right: 5px;
white-space: nowrap;
font-family: arial, sans-serif;
}

span.tagline {
font-family: Prelude, arial, sans-serif;
}

span.byline {
white-space: normal;
}
a.contentType {
color: #d1423d;
}

.projectTitle {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
color: #d1423d;
}

div#columnHolder {
  display: block;
  clear: both;
  min-height: 513px;
  width: 960px;
  margin: 0px auto 0px;
  background: #fff;
  position: relative;
}

div#mainCol {
float: left;
position: relative;
width: 606px;
}
div#mainCol.mainColNew {
float: left;
width: 592px;
}


div.doubleWide,
div.tripleWide {
margin-bottom: 30px;
}
div#mainCol.topic div.doubleWide {
padding-top: 12px;
}

    div.doubleWide div.primaryCol {
position: relative;
float: left;
width: 366px;
}
    div.doubleWide.reverse div.primaryCol {
float: right;
}
    div.tripleWide div.primaryCol {
position: relative;
float: left;
width: 196px;
}
    div#columnHolder.ProductsSvcs div.tripleWide div.primaryCol {
width: 296px;
}
    
    div.doubleWide div.secondaryCol {
float: right;
width: 222px;
}
    div.doubleWide.reverse div.secondaryCol {
float: left;
}
    div.tripleWide div.secondaryCol,
    div.tripleWide div.tertiaryCol {
float: right;
width: 196px;
}
    div#columnHolder.ProductsSvcs div.tripleWide div.secondaryCol ,
    div#columnHolder.ProductsSvcs div.tripleWide div.tertiaryCol {
width: 296px;
margin-left: 26px;
}

    div.tripleWide div.secondaryCol {
margin-right: 9px;
}
    
    div.linkList {
padding: 11px 11px 8px;
border: 1px solid #d0d0d0;
}
        /* div.doubleWide div.primaryCol div.linkList {
border: 0;
}
*/
    
    div.doubleWide h2,
    div.tripleWide h2 {
margin-top: 25px;
padding: 6px 0;
font: bold 18px/18px PreludeBold, arial, sans-serif;
border-top: 1px solid #909090;
}
    
    div#subCol.subColNew h2.new {
margin-top: 25px;
padding: 6px 0;
border-bottom: 1px dotted #909090;
border-top: 1px solid #909090;
}
        div.doubleWide h2:first-child, div#subCol.subColNew h2:first-child.new,
        div.tripleWide h2:first-child {
margin-top: 0;
}
    
    div.doubleWide h3.typeTitle,
    div.tripleWide h3.typeTitle {
margin-top: 20px;
padding: 6px 0;
font: bold 14px/14px PreludeBold, arial, sans-serif;
}
        div.doubleWide h2 + h3.typeTitle,
        div.tripleWide h2 + h3.typeTitle {
margin-top: 0;
border-top: 1px dotted #b2b2b2;
}
        
    div.doubleWide h3.blogTitle,
    div.tripleWide h3.blogTitle {
font: bold 12px/18px PreludeBold, arial, sans-serif;
}
        div.doubleWide h3.blogTitle a,
        div.tripleWide h3.blogTitle a {
color: #222;
}
    
    div.doubleWide span.packageName,
    div.tripleWide span.packageName {
padding-right: 5px;
font: bold 12px/12px PreludeBold, arial, sans-serif;
}
    
    div.doubleWide p.dek,
    div.tripleWide p.dek {
line-height: 18px;
}

/* --- TSA Slider --- */
div.doubleWide div#feature_list {
height: 260px;
overflow: hidden;
position: relative;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
	div.doubleWide div#homeHeader {
border-top: 6px solid #222222;
height: 49px;
}
	div.doubleWide div#homeHeader h2.sliderTop {
height: 49px;
border-top: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 30px;
padding: 15px 0 0 8px;
position: relative;
background: url('/images/global_elements/agendaTopBG.gif') repeat-x;
			*line-height: 33px; *padding-top: 10px;
}
	div.doubleWide div#homeHeader h2.sliderTop span {
position: absolute;
top: 21;
right: 8px;
font-size: 13px;
font-weight: normal
}
	div.doubleWide div#homeHeader h2.sliderTop span img {
padding-bottom: 3px
}
	div.doubleWide div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
}
	div.doubleWide ul#tabs {
left: 0;
z-index: 2;
width: 230px;
}
	div.doubleWide ul#tabs li {
font-size: 14px;
border-left: 1px solid #cccccc;
}
	div.doubleWide ul#tabs li a {
display: block;
padding: 10px 21px 10px 10px;
outline: none;
height: 45px;
background: url('/images/global_elements/grayBgTopBorder.gif') no-repeat;
}
	
		div.doubleWide ul#tabs li a h3 {
height: 50px
}
	
		div.doubleWide ul#tabs li a:hover {
text-decoration: underline;
}
	div.doubleWide ul#tabs li a.current {
background: url('/images/global_elements/agenda-tab-arrow.png') no-repeat;
color: #000000;
}
	div.doubleWide ul#output {
right: 0;
width: 365px;
height: 260px;
position: relative;
border-top: 1px dotted #cccccc;
}
	div.doubleWide ul#output li {
position: absolute;
width: 365px;
height: 260px;
}
	div.doubleWide ul#output li a {
z-index: 1;
}
	div.doubleWide ul#output li span.details {
position: absolute;
bottom: 0;
left: 0;
padding: 6px 12px 8px 12px;
width: 345px;
background: transparent url(/images/patches/white80pct.png);
background: rgba(255, 255, 255, .8)
}
	
		div.doubleWide ul#output li span.details a {
font-weight: bold;
font-size: 18px;
display: block;
}
	div.doubleWide ul#output li span.details span, div.doubleWide ul#output li span.details span a {
font: 12px/13px Prelude, arial, sans-serif !important;
display: block
}
	div.doubleWide ul#output li span.details span a {
display: inherit
}
	
		div.doubleWide ul#output li img {
border: none;
width: 365px;
height: 260px;
}
	div.doubleWide ul#output li a:hover.details span {
text-decoration: none !important;
}

.basicList {
font: normal 12px/18px Prelude, arial, sans-serif;
list-style: none !important;
padding-left: 0 !important
}
.basicList li {
margin: 0 0 8px;
padding: 7px 0 0;
border-top: 1px dotted #b2b2b2;
}
.basicList li:first-child {
padding-top: 0;
border-top: 0;
}

.contentList {
position: relative;
font: normal 12px/18px georgia, serif;
}
.contentList li, #online p {
margin: 0 0 8px;
padding: 7px 6px 0 0;
border-top: 1px dotted #b2b2b2;
}
.contentList li.noborder {
border-top: 0;
padding-bottom: .5em !important
}
.contentList li.noborder h4 {
font-family: georgia,serif !important;
line-height: 18px !important
}
.contentList li span.eyebrow {
display: block;
margin-bottom: 0;
font-size: 11px;
font-family: arial, sans-serif;
}
	.contentList li span.eyebrow a {
color: #222;
}
	.contentList li span.eyebrow a.contentType {
color: #d1423d;
}
.contentList li a.thumb {
position: relative;
display: block;
float: left;
width: 48px;
height: 48px;
margin: 4px 9px 6px 0;
background-position: center center;
background-repeat: no-repeat;
}
	.contentList.departmentList h3 {
font-weight: normal
}
	.contentList.departmentList li {
border-top: 0;
}
	.contentList.departmentList li:first-child {
border-top: 1px dotted #b2b2b2;
}
	
		li.linkList h3 {
margin-bottom: 6px;
}
	.contentList li a.thumb img {
max-width: 48px;
max-height: 48px;
}
	.contentList li.issueThumb a.thumb img {
max-width: 96px;
max-height: 127px;
}
	.contentList li a.thumb img.videoThumb {
position: absolute;
top: 50%;
left: 50%;
margin: -12px 0 0 -12px;
opacity: .7;
}
		.contentList li a.thumb:hover img.videoThumb {
opacity: 1;
}
.contentList li p {
}
	.contentList li.issueThumb h3,
		.contentList li.issueThumb p {
margin-left: 108px ! important;
}
	.contentList li.issueThumb p.issueButtons {
margin-top: 10px;
}
.contentList li span.deptTitle {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif
}
	.contentList li span.deptTitle a {
color: #000
}
.contentList li span.source {
font-size: 10px;
text-transform: uppercase;
color: #444;
}
.contentList li span.datestamp {
font: normal 11px arial, sans-serif;
}
.contentList li span.podcastTitle {
font: normal 11px Prelude, arial, sans-serif;
color: #d1423d;
}
.contentList li.moreLink {
position: absolute;
top: -21px;
right: 5px;
border: 0;
padding: 0;
margin: 0;
font-size: 12px;
font-family: Prelude, arial, sans-serif;
}
	.contentList li.moreLink a span.linkArrow {
color: #d1423d;
}
	
		div#videoHome ul.videoActive li.moreLink {
top: -267px;
}
.contentList.largeType,
	.contentList.largeType p.dek {
font-size: 14px;
line-height: 20px;
}
.contentList.largeType a.thumb {
width: 75px;
height: 75px;
margin-right: 12px;
margin-bottom: 0;
}
	.contentList.largeType li a.thumb img {
max-width: 75px;
max-height: 75px;
}
	
	/* indent elements when there is a thumbnail */
	.contentList li a.thumb + *,
	.contentList li a.thumb + * + *,
	.contentList li a.thumb + * + * + * {
margin-left: 57px;
}
	
	.contentList.largeThumbs li a.thumb + *,
	.contentList.largeThumbs li a.thumb + * + *,
	.contentList.largeThumbs li a.thumb + * + * + * {
margin-left: 86px;
}
	
	.contentList.largeType li a.thumb + *,
	.contentList.largeType li a.thumb + * + *,
	.contentList.largeType li a.thumb + * + * + * {
margin-left: 86px;
}
.contentList.largeThumbs a.thumb {
width: 75px;
height: 75px;
margin-right: 12px;
margin-bottom: 0;
}
	.contentList.largeThumbs li a.thumb img {
max-width: 75px;
max-height: 75px;
}
.contentList.commentList li {
font-size: 14px;
line-height: 20px;
border-top: 1px dotted #b2b2b2;
}
	.contentList.commentList li p {
margin-bottom: 3px;
}
	.contentList.commentList li span.commentMeta {
display: block;
padding-left: 16px;
font: normal 11px/18px Prelude, arial, sans-serif;
background: url(../../images/icon_comment_tiny.gif) 2px 5px no-repeat;
}
	
		div#subCol .contentList.commentList li:first-child {
padding-top: 0;
border-top: 0;
}
	
	.contentList.citizenScienceList dl {
margin-top: 6px;
margin-left: 0 ! important;
}
.contentList.citizenScienceList dt {
display: block;
float: left;
margin-right: 6px;
font: normal 10px/18px Prelude, arial, sans-serif;
text-transform: uppercase;
}
	
		div.primaryCol .contentList.citizenScienceList dt {
width: 102px;
}
	div.primaryCol .contentList.citizenScienceList dd a {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
	
	.contentList.citizenScienceList dd {
display: block;
font-size: 12px;
line-height: 17px;
}
ol.contentList li {
position: relative;
padding-left: 24px ! important;
}
.contentList li span.digit {
position: absolute;
top: 9px;
left: 0;
display: block;
width: 18px;
text-align: center;
font: bold 18px/18px PreludeBold, arial, sans-serif;
color: #d4d955;
}
.contentList span.podcastButton {
display: block;
float: left;
width: 18px;
height: 18px;
margin: 3px 5px 0 0;
background: url(../../images/arrow_podcast.png) center no-repeat;
border: 1px solid #ddd;
cursor: pointer;
}
	ul.podcastList span.podcastButton:hover {
background-color: #f1f1f1;
border-color: #ccc;
}
	.contentList span.podcastButton * {
display: none;
}
	.contentList span.podcastButton + *,
		.contentList span.podcastButton + * + * {
margin-left: 25px;
}
	
		
	/* ACTIVE PODCAST LIST ITEM */
	.contentList.podcastList li.active {
padding-right: 0;
}
	.contentList.podcastList li.active span.podcastButton {
float: none;
width: auto;
height: auto;
margin: 0 0 5px;
border: 0;
background-image: none;
cursor: auto;
background: url(../../images/spinner_podcast.gif) center center no-repeat;
}
		.contentList.podcastList li.active span.podcastButton * {
display: block;
margin-bottom: 5px;
}
			.contentList.podcastList li.active span.podcastButton a {
display: none;
}
		/*.contentList li.active span.podcastButton:after {
content: "Now Playing";
text-transform: uppercase;
color: #d1423d;
font: normal 11px/11px Prelude, arial, sans-serif;
}
*/
			.contentList.podcastList li.active span.podcastButton:hover {
background-color: transparent;
}
	.contentList.podcastList li.active h4,
		.contentList.podcastList li.active span.podcastTitle,
		.contentList.podcastList li.active p {
margin-left: 0;
}
	.contentList.podcastList li.active span.podcastButton object,
		.contentList.podcastList li.active span.podcastButton embed {
border: 1px solid #ddd;
}

form#newsletterBar {
margin-bottom: 18px;
padding: 10px 12px 12px 52px;
font: normal 14px/20px Prelude, arial, sans-serif;
background: #f3f5f8 url(../../images/chiclets/email_32.gif) 9px 15px no-repeat;
border: 1px solid #bac6d7;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 6px;
}
form#newsletterBar h3 {
margin-bottom: 6px;
font-size: 18px;
font-weight: normal;
}
form#newsletterBar input {
vertical-align: middle;
}
form#newsletterBar input[type="email"] {
width: 196px;
}
form#newsletterBar input[type="submit"] {
margin-right: 6px;
}
form#newsletterBar a.moreLink {
font-size: 12px;
}

ul#flairBar {
position: relative;
height: auto;
margin-top: 36px;
margin-bottom: 24px;
border-bottom: 1px dotted #b2b2b2;
}
ul#flairBar li {
display: inline;
font: normal 12px/18px Prelude, arial, sans-serif;
}
ul#flairBar.inDepthFlair {
margin-bottom: 4px;
}
div.searchResults ul#flairBar {
margin-top: 0;
margin-bottom: 12px;
}
ul#flairBar li span,
	ul#flairBar li a {
display: block;
float: left;
margin-right: 11px;
height: auto;
line-height: 18px;
color: #222;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}
	ul#flairBar li span:hover {
text-decoration: underline;
}
	
		ul#flairBar li span span {
margin-right: 0;
}
ul#flairBar li#shareFlair span {
padding-left: 14px;
background-image: url(../../images/flair/share.gif);
}
ul#flairBar li#emailFlair span {
padding-left: 14px;
background-image: url(../../images/flair/email.gif);
}
ul#flairBar li#printFlair a {
padding-left: 14px;
background-image: url(../../images/flair/print.gif);
}
ul#flairBar li#rightsFlair a {
padding-left: 14px;
background-image: url(../../images/flair/rightsFlair.jpg);
}
ul#flairBar li#downloadFlair a {
padding-left: 13px;
background-image: url(../../images/flair/pdf.gif);
}
ul#flairBar li#saveSearchFlair a {
padding-left: 14px;
background-image: url(../../images/flair/save.gif);
}
ul#flairBar li#shortlinkFlair {
position: absolute;
top: 0;
right: 0;
padding-right: 0;
padding-left: 14px;
background: url(../../images/flair/shortlink.gif) left center no-repeat;
}
	ul#flairBar li#shortlinkFlair span {
display: inline;
float: none;
margin-right: 0;
font-weight: normal;
color: #222;
cursor: auto;
}
		ul#flairBar li#shortlinkFlair span:hover {
text-decoration: none;
}
ul#flairBar li#flairPagination {
position: absolute;
top: 0;
right: 0;
word-spacing: 4px;
font-weight: bold;
}
	ul#flairBar li#flairPagination a {
color: #19437c;
margin: 0 0 0 11px;
}
	ul#flairBar li#flairPagination span {
margin: 0 0 0 11px;
}

/*-  PAGE HEADER STYLES
----------------------------------------------------------------------*/

div#header {
position: relative;
z-index: 50;
width: 960px;
height: 171px;
margin: 0 auto 0;
background: #fff
}

h1 {
position: absolute;
top: 31px;
left: 0;
}
h1 a {
display: block;
height: 110px;
}

div#statusBox {
position: absolute;
font: normal 12px/16px Prelude, arial, sans-serif;  
top: 60px;
right: 1px;
width: 500px;
height: 110px;
color: #000;
background: transparent;
text-align: right;
}
div#statusBox, div#statusBox h2, div#statusBox p {
	width: 300px;
	padding-left: 10px;
	float: right;
/*	height: 100%;*/
} 
div#statusBox p {
	width: 360px;
}
div#statusBox h2 {
width: 500px;
color: #000;
font: normal 20px/26px Prelude, arial, sans-serif; 
}
div#statusBox a {
color: #000;
}
div#statusBox img#promoCover {
display: block;
position: absolute;
top: 8px;
left: 8px;
padding: 5px;
width: 117px;
height: 156px;
z-index: 1;
background-color: none;
background-image: url(../../images/global_elements/cvrBG.png)
}
div#statusBox img#premiumCover {
display: block;
position: absolute;
top: 3px;
right: 8px;
width: 65px;
height: 90px;
z-index: 1;
background-color: none;
}
div#statusBox ul {
font: normal 12px/19px Prelude, arial, sans-serif;
}
	div#statusBox ul li {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
background-color: #60110f;
margin-bottom: 1px;
padding-left: 5px
}
	div#statusBox ul li.intro {
color: #fff;
font: bold 13px/15px PreludeBold, arial, sans-serif;
margin-top: 10px;
background-color: #410806;
padding-top: 3px;
padding-bottom: 3px
}
		div#statusBox ul li.intro span {
color: #d4d955;
font-style: italic;
}

div#asme {
position: absolute;
left: 325px;
top: 27px;
height: 63px;
width: 210px
}

div#mainSearch {
position: absolute;
left: 380px;
top: 100px;
height: 28px;
padding: 5px 5px 0 9px;
background: #f3f3f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 203px
}
/* div#mainSearch {
position: absolute;
left: 380px;
top: 70px;
height: 28px;
padding: 5px 5px 0 9px;
background: #f3f3f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 203px
}
*/
	div#mainSearch input#textfield {
width: 175px;
vertical-align: middle;
padding-left: 5px;
font: 11px georgia, times, serif;
font-style: italic;
color: #bdbdbd
}
div#mainSearch input[type="image"] {
vertical-align: middle;
margin-top: -1px;
margin-left: 1px;
}

div#supplSearch {
height: 30px;
padding: 0 9px;
font: bold 11px/30px PreludeBold, arial, sans-serif;
text-transform: uppercase;
background: #f3f3f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
width: 235px
}
    div#supplSearch input[type="search"] {
width: 154px;
vertical-align: middle;
margin: -3px 6px 0;
}
    div#supplSearch input[type="image"] {
vertical-align: middle;
margin-top: -3px;
margin-left: 10px;
}

div#userInfo {
position: absolute;
left: 0;
top: 1px;
width: 585px;
font: normal 10px/15px Prelude, arial, sans-serif;
background: #f1f1f1;
padding: 5px;
height: 16px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px
}
div#userInfo span#userLinks {
display: block;
float: left;
}
div#userInfo span#userLinks a {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
/*color: #000;*/
}
div#userInfo span#follow {
position: absolute;
right: 5px;
}
ul#follow {
position: absolute;
right: 5px;
}
	ul#follow li {
display: inline;
}
		ul#follow li a {
position: relative;
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 9px;
text-indent: -9000px;
background-repeat: no-repeat;
}
		ul#follow li a span.hover {
position: absolute;
top: 0;
left: 0;
display: block;
width: 16px;
height: 16px;
}
		ul#follow li.text {
position: relative;
display: block;
float: left;
margin-right: 9px;
}
		ul#follow li.email a {
background-image: url(../../images/chiclets/icon-nwsltr.png);
}
			ul#follow li.email a:hover {
background-image: url(../../images/chiclets/icon-nwsltr-hover.png);
}
		ul#follow li.rss a {
background-image: url(../../images/chiclets/icon-rss.png);
}
			ul#follow li.rss a:hover {
background-image: url(../../images/chiclets/icon-rss-hover.png);
}
		ul#follow li.facebook a {
background-image: url(../../images/chiclets/icon-facebook.png);
}
			ul#follow li.facebook a:hover {
background-image: url(../../images/chiclets/icon-facebook-hover.png);
}
		ul#follow li.twitter a {
background-image: url(../../images/chiclets/icon-twttr.png);
}
			ul#follow li.twitter a:hover {
background-image: url(../../images/chiclets/icon-twttr-hover.png);
}
		ul#follow li.youtube a {
background-image: url(../../images/chiclets/icon-youtube.png);
}
			ul#follow li.youtube a:hover {
background-image: url(../../images/chiclets/icon-youtube-hover.png);
}
		ul#follow li.itunes a {
background-image: url(../../images/chiclets/icon-itunes.png);
}
			ul#follow li.itunes a:hover {
background-image: url(../../images/chiclets/icon-itunes-hover.png);
}

/*-  GLOBAL NAV STYLES
----------------------------------------------------------------------*/
div#mainNav {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
background: #d1423d;
}
div#mainNav ul {
position: relative;
z-index: 1;
}
div#mainNav li {
position: relative;
z-index: 1;
float: left;
}
	div#mainNav li a.mainNavLink {
display: block;
height: 27px;
margin: 3px 6px 0 3px;
padding: 0 15px 0 5px;
font: normal 13px/24px Prelude, arial, sans-serif;
color: #fff;
background: #d1423d url(../../images/arrow_nav.png) right center no-repeat;
}
	
		div#mainNav li#navMagazine {
position: absolute;
top: 0;
right: 0;
float: right;
margin-right: 0;
background: #d1423d;
border-right: 3px solid #d1423d;
width: 191px
}
		div#mainNav li#navMagazine a.mainNavLink {
background-color: #d1423d;
background: url(../../images/arrow_nav.png) 78px center no-repeat;
}
		div#mainNav li#navCitizenScience a.mainNavLink, div#mainNav li#navSubscribe a.mainNavLink {
background-color: #d1423d;
padding-right: 5px;
background-image: none
}
		div#mainNav li#navSubscribe a.mainNavLink {
background-color: #851d19
}
		
			div#mainNav li#navBlogs {
position: static;
}
		
			div#mainNav li.active a.mainNavLink,
			div#mainNav li#navMagazine.active a.mainNavLink {
margin-right: 0;
color: #222;
background-color: #fff;
border-right: 6px solid #fff;
text-decoration: none;
background-image: url(../../images/arrow_nav_active.png);
}
		div#mainNav li#navCitizenScience.active a.mainNavLink, div#mainNav li#navSubscribe.active a.mainNavLink {
margin-right: 0;
color: #222;
background-color: #fff;
border-right: 6px solid #fff;
text-decoration: none;
background-image: none;
}
		div#mainNav li#navSubscribe.active a.mainNavLink {
}
div#mainNav li div.subNav {
display: none;
position: absolute;
z-index: 100;
top: 30px;
left: 0;
background: rgba(255,255,255, .97);
border: 3px solid #666;
border-top: 0;
}
	div#mainNav li#navBlogs div.subNav {
left: auto;
right: auto;
}
	div#mainNav li#navMagazine div.subNav {
left: auto;
right: -3px;
}
	
		div#mainNav li.active div.subNav {
display: block;
}
	div#mainNav li div.subNav li {
display: block;
float: none;
}
		div#mainNav li div.subNav li a {
display: block;
padding: 0 12px 0 9px;
color: #222;
font: normal 13px/35px Prelude, arial, sans-serif;
border-top: 1px dotted #b5b5b5;
white-space: nowrap;
}
			div#mainNav li div.subNav li:first-child a {
border-top: 0;
}
			div#mainNav li div.subNav li.allTopics a {
padding-left: 17px;
font-size: 11px;
background: url(../../images/bullet_square.png) 9px 15px no-repeat;
}
				div#mainNav li div.subNav li.allTopics a b {
font-family: Prelude, arial, sans-serif;
}
	
		div#mainNav li#navBlogs div.subNav ul {
float: left;
margin: 3px 6px 0;
}
		div#mainNav li#navBlogs div.subNav ul li:first-child a {
font-family: Prelude, arial, sans-serif;
}
	
		div#mainNav li#navMagazine div.subNav {
width: 889px;
}
	
		div#mainNav li div.subNav div.magazineHolder {
float: left;
width: 429px;
margin: 18px 6px 18px 12px;
}
		div#mainNav li div.subNav div.magazineHolder:first-child {
margin-right: 0;
border-right: 1px solid #c1c1c1;
}
		
			div#mainNav li div.subNav div.magazineHolder div.coverButton {
float: left;
width: 198px;
margin-right: 12px;
}
			div#mainNav li div.subNav div.magazineHolder div.coverButton img {
display: block;
margin-bottom: 12px;
border: 3px solid #fff;
}
			div#mainNav li div.subNav div.magazineHolder div.coverButton .issueButton {
width: 192px;
margin: 0 auto 6px;
}
		div#mainNav li div.subNav div.magazineHolder div.magNav {
float: left;
width: 217px;
}
			div#mainNav li div.subNav div.magazineHolder div.magNav h3 {
margin-bottom: 6px;
font-family: Prelude, arial, sans-serif;
font-size: 18px;
}
			div#mainNav li div.subNav div.magazineHolder div.magNav b {
display: block;
font-family: Prelude, arial, sans-serif;
line-height: 24px;
font-size: 13px;
text-transform: uppercase;
}
			div#mainNav li div.subNav div.magazineHolder div.magNav li a {
display: inline;
border: 0;
padding: 0;
line-height: 24px;
}
	
		
		li#navNewsFeatures li {
width: 158px;
}

/*-  CATEGORY HEADER STYLES
----------------------------------------------------------------------*/		

div.categoryHeader {
position: relative;
width: 960px;
margin: 0 auto 20px;
min-height: 93px;
background: #fff url(../../images/bg_catHeader.png) left bottom repeat-x;
border-top: 3px solid #222;
}
div.categoryHeader h2 {
float: left;
margin: 20px 6px 12px 12px;
font: bold 36px/36px PreludeBold, arial, sans-serif;
}
		
	div.categoryHeader a.rssLink {
display: block;
float: left;
width: 17px;
height: 17px;
margin: 24px 0 0;
padding: 0;
background: transparent url(../../images/chiclets/rss_16.gif) no-repeat;
text-indent: -9000px;
}
div.categoryHeader ul {
margin: 0 12px;
font: normal 13px/13px Prelude, arial, sans-serif;
}
	div.categoryHeader ul li {
float: left;
margin-right: 12px;
}
		div.categoryHeader ul li a {
color: #222;
}
		div.categoryHeader ul li.tagline a {
color: #19437c;
}
	div.categoryHeader ul li.allTopics {
float: right;
margin-right: 0;
}
div.categoryHeader.cs {
padding-left: 78px;
width: 882px
}
div.categoryHeader.cs #citsci {
text-indent: -9999px;
background: transparent url(/images/global_elements/citSciBadge.png) 3px 5px no-repeat;
width: 80px;
height: 90px;
position: absolute;
top: 0;
left: 0
}
div#categorySearch {
position: absolute;
right: 6px;
top: 24px;
padding: 0 9px;
font: bold 11px/30px PreludeBold, arial, sans-serif;
}
div#categorySearch input[type="search"] {
width: 194px;
vertical-align: middle;
margin: 0 6px 0;
}
div#categorySearch input[type="image"] {
vertical-align: middle;
margin-top: 0;
}


ul.appendable li.showMore {
height: 24px;
font: bold 12px/12px PreludeBold, arial, sans-serif;
color: #19437c;
border-top: 1px solid #909090;
text-align: center;
background: url(../../images/arrow_down_blue.gif) bottom center no-repeat;
cursor: pointer;
}
		

/*-  HOME PAGE COLUMN STYLES
----------------------------------------------------------------------*/

div#homeTop div.primaryCol {
position: relative;
margin-bottom: 30px;
padding-top: 1px;
width: 285px;
}
div#homeTop div.primaryCol .reccy,
	div#homeTop div.primaryCol .reccy .reccyInner {
margin-right: 0;
font-size: 11px;
}
div#homeTop div.primaryCol img#agendaImage {
max-width: 342px;
margin: 0 auto 13px;
}
div#homeTop div.homeSubAd {
background: url(/images/global_elements/subAdHomePg.jpg) top left no-repeat;
height: 80px;
margin-bottom: 20px
}
	div#homeTop div.homeSubAd div.adCopy {
float: right;
width: 320px;
padding: 18px 25px 0 0;
font: 11px/12px ApresTT, verdana, arial, sans-serif
}
	div#homeTop div.homeSubAd div.adCopy form {
padding-top: 5px;
}
	div#homeTop div.linkList.active .contentList li h3 {
display: inline
}
	
/* NEWS TABS */	
div.linkList {
height: 18px;
overflow: hidden;
padding-top: 6px;
border-top: 0;
border-top: 6px solid #e4e4e4 ! important;
background: #f1f1f1;
}
div.linkList:first-child {
border-top: 0;
}
div.linkList h2 {
margin-bottom: 15px;
padding: 0;
color: #19437c;
font: bold 14px/14px PreludeBold, arial, sans-serif;
color: #666;
cursor: pointer;
border-top: 0;
}
	
		/* TAB ARROWS */
		div.linkList h2 span {
padding-right: 14px;
background: url(../../images/arrow_slider_up.png) right center no-repeat;
}
		div.linkList.active h2 span {
background: transparent ! important;
}
	
			div#editorsBox.linkList h2 span,
			div.linkList:first-child h2 span,
			div.linkList:first-child + div.linkList h2 span {
background-image: url(../../images/arrow_slider_down.png);
}
		div.linkList.active:first-child + div.linkList h2 span {
background-image: url(../../images/arrow_slider_up.png);
}
		
		div.linkList h2:before {
content: "Show ";
}
	div.linkList h2:hover {
color: #222;
}
/* SIDEBAR VERSION */
	div#subCol div#sideTabSliderHolder {
width: 300px;
margin: 0 auto;
padding: 12px;
border-bottom: 1px solid #fff;
}
	div#subCol div#sideTabSliderHolder div.linkList {
padding: 6px 0;
background: transparent;
border: 0 ! important;
}
	div#subCol div#sideTabSliderHolder div.linkList:first-child {
}
		div#subCol div#sideTabSliderHolder div.linkList h2 {
font-size: 14px;
}
		div#subCol div#sideTabSliderHolder div.linkList.active h2 {
font-size: 18px;
}
div#subCol.subColNew div.sideList ul li {
margin-bottom: 8px
}
div#subCol.subColNew div.sideList ul li span {
font-size: 11px
}
div#subCol.subColNew div.sideList ul li a {
font: bold 12px/18px georgia, serif
}
		
    /* RSS VERSION */
        div#subCol div#sideTabSliderHolder div.linkList {
padding: 6px 0;
background: transparent;
border: 0 ! important;
}
        div#subCol div#sideTabSliderHolder div.linkList:first-child {
}
            div#subCol div#sideTabSliderHolder div.linkList h2 {
font-size: 14px;
}
            div#subCol div#sideTabSliderHolder div.linkList.active h2 {
font-size: 18px;
}

	div.linkList .contentList {
display: none;
}
div.linkList.active .contentList {
display: block;
}
div.linkList.active .contentList li {
padding-right: 0;
padding-left: 0;
}
div.linkList.active .contentList li:first-child {
padding-top: 0;
border-top: 0;
}
div.linkList.active h2 {
padding: 0;
color: #222;
font: bold 18px/18px PreludeBold, arial, sans-serif;
cursor: auto;
background-image: none ! important;
}
	div.linkList.active h2:before {
content: "";
}
	div.linkList.active h2:hover {
text-decoration: none;
}
div.linkList.active span.source {
font: normal 11px/11px arial, sans-serif;
text-transform: none;
}
div.linkList.active span.datestamp {
float: none;
margin-top: 0;
padding-right: 3px;
font: normal 11px/11px arial, sans-serif;
text-transform: none;
}
	div.linkList.active span.source:after {
content: " |"
}
	/*div.linkList.active span.datestamp:after {
content: " |"
}
*/
	
	div.linkList.active a.tinyCommentCount {
font-size: 11px;
}
div.primaryCol div.linkList.active a.tinyCommentCount {
}
div.linkList.active {
height: auto;
background: #fff;
}
div.secondaryCol div.linkList.active, div.primaryCol div.linkList.active {
border-top: 6px solid #d4d955 ! important;
}
    div.tripleWide div.primaryCol div.linkList.active,
    div.tripleWide div.secondaryCol div.linkList.active,
    div.tripleWide div.tertiaryCol div.linkList.active {
border-top: 6px solid #d4d955 ! important;
}

div#homeTop div#editorsBox {
width: 342px;
height: 0;
padding-top: 0 ! important;
padding-bottom: 0 ! important;
border-top: 0 ! important;
}
div#homeTop div#editorsBox.active {
height: auto;
padding-top: 6px ! important;
padding-bottom: 12px ! important;
border-top: 0 ! important;
}

div#agendaController {
position: absolute;
left: -1px;
top: 100%;
width: 366px;
height: 26px;
background: #fafafa;
border-top: 1px solid #d0d0d0;
}
div#agendaController span {
position: absolute;
top: -1px;
width: 100px;
height: 26px;
font: bold 12px/26px PreludeBold, arial, sans-serif;
color: #19437c;
background: #f3f3f3;
border: 1px solid #d0d0d0;
border-bottom: 6px solid #e7e7e7;
text-align: center;
}
div#agendaController span.tab1 {
left: 0;
width: 101px;
border-left: 0;
}
div#agendaController span.tab2 {
left: 97px;
}
	div#agendaController span.active {
background: #fff;
border-top: 1px solid #fff;
border-bottom: 6px solid #d4d955;
}
	div#agendaController span.tab1.active {
width: 100px;
border-left: 1px solid #d0d0d0;
}
	
		div#agendaController span:hover {
text-decoration: underline;
cursor: pointer;
}
		div#agendaController span.active:hover {
text-decoration: none;
cursor: default;
}
	

div#homeTop div.secondaryCol {
border-top: 0;
width: 285px;
}

div#CSpromo {
margin-top: 20px;
font: normal 14px/20px Prelude, arial, sans-serif;
}
div#CSpromo img {
display: block;
margin-bottom: 12px;
}

div#multimediaHolder {
position: relative;
padding: 10px 11px;
border: 1px solid #bdbdbd;
}
div#multimediaHolder h2 {
margin-bottom: 11px;
padding: 0 0 9px 0;
line-height: 18px;
border-bottom: 1px dotted #7f7f7f;
border-top: 0;
}
div#multimediaHolder h3 {
margin-bottom: 7px;
font: bold 14px/14px PreludeBold, arial, sans-serif;
}
div#multimediaHolder h4 {
font: bold 12px/18px georgia, serif;
}
div#multimediaHolder div.triCol {
position: relative;
float: left;
width: 186px;
margin-left: 12px;
}
	div#multimediaHolder h2 + div.triCol {
margin-left: 0;
}
	
	div#multimediaHolder .contentList {
font: normal 11px/16px georgia, serif;
}
div#multimediaHolder span.moreLink {
position: absolute;
top: 15px;
right: 15px;
font-family: Prelude, arial, sans-serif;
font-size: 12px;
}

div#homeTop div.secondaryCol div#slideshows {
position: relative;
width: 285px;
min-height: 285px;
color: #fff;
display: block;
margin-bottom: 30px
}
div#homeTop div.secondaryCol div#slideshows img {
width: 285px;
height: 285px;
padding-top: 0
}
div#slideshows div.header {
position: absolute;
left: 0;
top: 0;
width: 285px;
height: 30px;
background: url(/images/patches/bg_000-trans.png);
background: rgba(0, 0, 0, .8);
font-family: PreludeBold, arial, san-serif;
}
div#slideshows div.header span.name {
position: absolute;
left: 0;
top: 0;
font-size: 18px;
font-weight: bold;
padding: 5px 0 5px 10px;
color: #fff;
}
div#slideshows div.header a {
position: absolute;
right: 0;
top: 0;
padding: 7px 7px 0 0;
font-size: 11px;
color: #fff;
}
div#slideshows a.title {
font-weight: bold;
line-height: 20px
}


	/* ACTIVE VIDEO LIST ITEM */
	ul.videoActive {
min-height: 238px;
}
ul.videoActive li * {
opacity: .5;
}
	ul.videoActive li:hover *,
		ul.videoActive li.moreLink * {
opacity: 1;
}
ul.videoActive li.active {
border-top: 1px solid #909090;
}
ul.videoActive li.active * {
opacity: 1;
}
	ul.videoActive li.active + li {
border-top: 1px solid #909090;
}


	
	div#multimediaHolder div#videoHolder {
display: none;
position: absolute;
z-index: 100;
top: 38px;
left: 196px;
width: 400px;
padding: 32px 8px 0 0;
background: #fff;
}
	div#multimediaHolder div#videoHolder div#videoPlayer {
padding-left: 9px;
}

ul.indepthPromo {
margin: 0 0 8px;
padding: 7px 0 0;
border-top: 1px dotted #b2b2b2;
}
ul.indepthPromo img {
display: block;
margin-bottom: 12px;
}
ul.indepthPromo h3 {
font-size: 14px;
line-height: 20px;
}

ul.indepthPromo li.moreLink {
position: static;
display: block;
margin: 15px 0 0;
font: normal 11px Prelude, arial, sans-serif;
}


/*-  FEATURE SLIDER
----------------------------------------------------------------------*/

div#featureSlider {
position: relative;
height: 277px;
overflow: hidden;
margin-bottom: 20px;
background: #000;
}
div#featureContainer {
width: 9000px;
}
div#featureSlider div.contentSlide {
float: left;
color: #fff;
width: 591px;
padding-right: 15px;
background: #000;
}
	
		div#featureSlider div.contentSlide a {
color: #fff;
}
	div#featureSlider div.contentSlide img {
display: block;
float: left;
width: 277px;
height: 277px;
margin-right: 19px;
}
	div#featureSlider div.contentSlide span.reportTitle {
display: block;
margin: 20px 0 5px;
font: bold 12px/12px PreludeBold, arial, sans-serif;
color: #d4d955;
}
	div#featureSlider div.contentSlide h3 {
margin: 0 0 5px;
font: bold 18px/24px PreludeBold, arial, sans-serif;
}
	div#featureSlider div.contentSlide p.dek {
margin-bottom: 5px;
font-size: 14px;
line-height: 20px;
}
	div#featureSlider div.contentSlide span.byline a {
color: #d4d955;
}
div#featureSlider div#sliderControls {
position: absolute;
z-index: 100;
left: 385px;
bottom: 18px;
height: 18px;
}
	div#featureSlider div#sliderControls span.arrow {
display: block;
float: left;
width: 6px;
height: 12px;
margin-left: 6px;
background: url(../../images/arrow_slider_right.gif);
cursor: pointer;
opacity: .4;
}
		div#featureSlider div#sliderControls span#arrowNext {
background: url(../../images/arrow_slider_left.gif);
opacity: 1;
}
	div#featureSlider div#sliderControls span.box {
display: block;
float: left;
width: 12px;
height: 12px;
margin-left: 6px;
background: #656565;
cursor: pointer;
}
		div#featureSlider div#sliderControls span.box:hover {
background: #fff;
}
		div#featureSlider div#sliderControls span.box.active {
margin-top: -3px;
border: 3px solid #fff;
background: #fff;
cursor: default;
}


/*-  ARTICLE PAGE STYLES
----------------------------------------------------------------------*/

div.articleHeader {
position: relative;
margin: 15px 0 10px 0;
}
div.articleHeader div#breadcrumb, div#breadcrumb {
margin-bottom: 18px;
font: normal 12px/12px Prelude, arial, sans-serif;
border: 1px dotted #b2b2b2;
border-left: 0;
border-right: 0;
padding: 5px 0
}
	div.articleHeader div#breadcrumb a, div#breadcrumb a {
padding-right: 2px;
color: #222;
}
	div.articleHeader div#breadcrumb a:first-child, div#breadcrumb a:first-child {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
hr.thick {
color: #000;
background-color: #000;
border: 0;
height: 6px;
		/* border-bottom:1px solid #b2b2b2 */
}
a#coverImage {
position: relative;
display: block;
float: left;
margin-top: 4px;
margin-right: 12px;
font: normal 12px/24px Prelude, arial, sans-serif;
background: #fff;
}
	a#coverImage img {
display: block;
max-width: 90px;
border: 1px #ccc solid
}
	a#coverImage span {
position: absolute;
left: 0;
bottom: 0;
width: 92px;
height: 24px;
color: #fff;
text-align: center;
background: rgba(0, 0, 0, .6);
font-size: 14px;
}
		a#coverImage:hover span {
text-decoration: underline;
}
		
			a#coverImage + h2.articleTitle,
			a#coverImage + h2.articleTitle + p#articleDek,
			a#coverImage + h2.articleTitle + p#articleDek + p.articleInfo {
margin-left: 104px;
}
div.articleHeader span.eyebrow {
display: block;
margin-bottom: 12px;
font: normal 12px/12px arial, sans-serif;
position: relative
}
	div.articleHeader span.eyebrow a {
padding-right: 0;
}
	div.articleHeader span.eyebrow a.category {
color: #222;
}
	div.articleHeader span.eyebrow div.smarkting {
position: absolute;
top: -3px;
right: 0
}
	div.smarkting #fb-root, .twitter-share-button {
display: block;
float: left;
}
div.articleHeader h2 {
font: bold 36px/40px Brunel-for-Titles, georgia, times, serif;
text-rendering: optimizeLegibility
}
	div.articleHeader h2 a {
color: #222;
text-decoration: none;
}
	div.articleHeader h2 a em {
font: italic 36px/40px Brunel-for-Titles-Italic, georgia, times, serif;
}
div.articleHeader h2.issueHeader {
font: bold 36px/40px PreludeBold, arial, sans-serif;
}
div.articleHeader p#articleDek {
margin: 0 0 7px 0;
font: normal 18px/24px Prelude, arial, sans-serif;
text-rendering: optimizeLegibility
}
div.articleHeader p#articleDek em {
font: italic 18px/24px PreludeItalic, arial, sans-serif;
}
div.articleHeader p.articleInfo,
	div.blogPost p.articleInfo {
margin: 0;
}
	div.articleHeader p.articleInfo span.byline,
		div.articleHeader p.articleInfo span.datestamp,
		div.articleHeader p.articleInfo a.tinyCommentCount,
		div.blogPost p.articleInfo span.byline,
		div.blogPost p.articleInfo span.datestamp,
		div.blogPost p.articleInfo a.tinyCommentCount {
padding-right: 0;
font-size: 12px;
}
	div.articleHeader p.articleInfo span.byline, div.blogPost p.articleInfo span.byline {
white-space: normal;
}
	div.blogPost img {
margin-right: 10px
}

div#articleBottom {
position: relative;
margin-bottom: 15px;
font: bold 14px Prelude, arial, sans-serif;
}
div#articleBottom div#commentLinks {
}
	div#articleBottom div#commentLinks a.post {
padding: 0 0 0 15px;
background: url(../../images/icon_comment_small.gif) 0 5px no-repeat;
}
	
	div#articleBottom div#articlePagination {
position: absolute;
top: 0;
right: 0;
word-spacing: 4px;
}
div#articleBottom span#reprintsLink {
display: block;
margin-top: 5px;
font-size: 11px;
font-weight: normal;
line-height: 24px;
border-top: 1px dotted #7f7f7f;
}

div#inDepthFeature {
margin-top: -18px;
margin-bottom: 30px;
padding: 5px;
background: #fdfdf6;
border: 1px solid #d4d955;
}
div#inDepthFeature img {
display: block;
float: left;
margin-right: 6px;
}
div#inDepthFeature span.title {
display: block;
margin-bottom: 3px;
margin-left: 54px;
font: bold 11px/11px PreludeBold, arial, sans-serif;
}
div#inDepthFeature a.moreLink {
font: bold 13px/18px PreludeBold, arial, sans-serif;
}
div#inDepthFeature span.date {
display: block;
margin-top: 3px;
font: normal 11px/11px Prelude, arial, sans-serif;
}

/* in-article content styles */
div#articleContent {
}
div#articleContent h3 {
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #d1423d;
}
div#articleContent p, div#articleContent ul{
margin-bottom: 25px;
font-size: 16px;
line-height: 24px;
text-align: justify;
}
div#articleContent a {
text-decoration: underline;
}
div#articleContent span#premiumBadge {
float: left;
margin: 4px 12px 12px 0;
}
div#articleContent div.in-article-image, div#articleContent p.in-article-image {
width: 277px;
margin: 0 18px 18px 0;
color: #444;
font: normal 12px/16px Prelude, arial, sans-serif;
}
	div#articleContent div.in-article-image img, div#articleContent p.in-article-image img {
display: block;
max-width: 277px;
margin: 0 auto 8px;
}
	div#articleContent div.in-article-image span, div#articleContent p.in-article-image span {
display: block;
font-family: Georgia, serif
}
		div#articleContent div.in-article-image span.imageCaption b, div#articleContent p.in-article-image span.imageCaption b {
font-weight: bold;
text-transform: uppercase;
}
		div#articleContent div.in-article-image span.imageCredit, div#articleContent p.in-article-image span.imageCredit {
font-family: Georgia, san-serif;
font-style: italic;
}
			
	div#articleContent ul {
list-style-type: disc;
padding-left: 15px;
line-height: 18px
}
	div#articleContent ul li {
margin-bottom: 10px;
}
div#articleContent ol {
}
div#articleContent blockquote {
}
div#articleContent code {
}
div#scienceJobs.secondaryCol h2 {
border-bottom: 1px dotted #b2b2b2;
font-size: 17px
}
	div#scienceJobs.secondaryCol ul li {
margin-top: 15px;
line-height: 16px;
font-family: PreludeBold, arial, sans-serif;
font-size: 12px
}
	div#scienceJobs.secondaryCol ul li a {
display: block;
font-weight: bold;
}
	div#scienceJobs.secondaryCol ul li span.jobOrg,
		div#scienceJobs.secondaryCol ul li span.jobLoc {
display: block;
}


/*-  SLIDESHOW STYLES
----------------------------------------------------------------------*/

div#slideshowContent {
}
div#slideshowMain {
float: left;
width: 419px;
margin-bottom: 20px;
margin-right: 12px;
}
	div#slideshowMain img {
display: block;
max-width: 419px;
}
	
	div#slideshowSub {
float: right;
width: 174px;
font: normal 14px/20px Prelude, arial, sans-serif;
}

/*	div#slideshowControls {
position: relative;
height: 72px;
margin-bottom: 20px;
}
*/
	
	div#slideshowControls {
position: relative;
height: 142px;
margin-bottom: 20px;
}
	div#slideshowControls a {
display: block;
position: absolute;
top: 0;
}
	div#slideshowControls a.control1 {
left: 0;
}
	div#slideshowControls a.control2 {
left: 78px;
}
	div#slideshowControls a.control2.imgGalleryNext {
font-weight: bold;
margin-top: -3px
}
	
			div#slideshowControls a img {
display: block;
width: 72px
}
		div#slideshowControls a img.arrow {
position: absolute;
top: 19px;
left: 19px;
opacity: .7;
width: 34px
}
			div#slideshowControls a:hover img.arrow {
opacity: 1;
}
			div#slideshowControls a img.arrow.nopix {
opacity: 0;
cursor: default
}
	
		div#slideshowSub span {
display: block;
margin-bottom: 5px;
}
	
		div#slideshowSub span.slideshowCount {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
	
		div#slideshowSub span.enlargeLink {
color: #19437c;
cursor: pointer;
padding-left: 19px;
background: url(../../images/icon_enlarge.gif) left center no-repeat;
}
	
		div#slideshowSub span.enlargeLink:hover {
text-decoration: underline;
}
	
		div#slideshowSub a.imageLink {
display: block;
padding-left: 19px;
background: url(../../images/icon_image-perm.gif) left center no-repeat;
}
	
		div#slideshowSub span#slideshowCaption {
margin-top: 20px;
font-size: 11px;
font-style: italic;
line-height: 18px;
}
	div#slideshowSub span#slideshowCaption.imgGallery {
font-style: normal;
display: block;
margin-bottom: 30px
}
	
	div#slideshowCopy {
margin-bottom: 30px;
font-size: 16px;
line-height: 24px;
}
	div#slideshowCopy h3 {
color: #d1423d;
}
	div#slideshowCopy p {
margin-bottom: 25px;
}
	
/* enlargement overlay */

div#fullGray {
display: none;
position: fixed;
z-index: 100000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
cursor: pointer;
}
div#largeImage {
position: absolute;
left: 50%;
top: 0;
background: #000;
color: #fff;
font: normal 12px/16px Prelude, arial, sans-serif;
border: 12px solid #fff;
-moz-box-shadow: 4px 4px 20px #333;
-webkit-box-shadow: 4px 4px 20px #333;
}
div#largeImage img {
display: block;
cursor: pointer;
}
div#largeImage p {
padding: 10px;
font-style: italic;
}

/*-  CITIZEN SCIENCE
----------------------------------------------------------------------*/
div#citizenScience


div.shaded {
padding: 5px 5px 0 9px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #cccccc
}


/*-  BLOG STYLES
----------------------------------------------------------------------*/

div#blogTitle img {
display: block;
}

div#blogNav {
position: relative;
height: 24px;
margin-bottom: 18px;
padding: 0 7px;
font: normal 12px/24px Prelude, arial, sans-serif;
color: #fff;
background: #222;
}
div#blogNav a {
color: #fff;
}

ul#blogList {
position: absolute;
z-index: 0;
top: 0;
right: 0;
height: 24px;
overflow: hidden;
}
ul#blogList.active {
height: auto;
z-index: 50
}
ul#blogList li {
width: 202px;
padding: 0 10px;
border-top: 1px solid #666;
background: #222;
}
	
	
	ul#blogList li.moreBlogs {
text-align: right;
background: url(../../images/arrow_down_black.gif) 97% 50% no-repeat;
border-top: 0;
cursor: pointer;
}
	ul#blogList li.moreBlogs a {
margin-right: 7px;
}
	

div#mainCol.blogPost {
}
div#mainCol.blogPost ul#flairBar {
margin-top: 24px;
margin-bottom: 18px;
}
div#mainCol.blogPost h2.postTitle {
font: bold 24px/30px Brunel-for-Titles, georgia, times, serif;
}
	div#mainCol.blogPost h2.postTitle a {
color: #222;
}
	
	div#mainCol.blogPost p.articleInfo {
margin-bottom: 20px;
font-size: 12px;
line-height: 24px;
}

div#mainCol.blogIndex {
}
div#mainCol.blogIndex div.blogPost {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #d0d0d0;
display: block;
overflow: hidden;
}
	div#mainCol.blogIndex div#blogNav + div.blogPost {
padding-top: 0;
border-top: 0;
}
div#mainCol.blogIndex h2.postTitle {
margin-bottom: 5px;
font: bold 18px/26px Brunel-for-Titles, georgia, times, serif;
}
	div#mainCol.blogIndex h2.postTitle a {
color: #000;
}
div#mainCol.blogIndex p.articleInfo {
margin-bottom: 20px;
}
div#mainCol.blogIndex div.postExcerpt p {
margin-bottom: 20px;
line-height: 22px;
}
div#mainCol.blogIndex div.postExcerpt p.moreLink {
font: normal 12px/22px Prelude, arial, sans-serif;
}
div#mainCol.blogIndex p.blog-index-image {
float: left;
width: 192px;
margin: 0 18px 4px 0;
}
	div#mainCol.blogIndex p.blog-index-image img {
display: block;
max-width: 192px;
}
	
div#singleBlogPost {
}
div#singleBlogPost p {
margin-bottom: 25px;
font-size: 16px;
line-height: 24px;
}
div#singleBlogPost blockquote {
margin: 0 20px 25px 20px
}
div#singleBlogPost p.in-post-image {
float: right;
width: 270px;
margin: 0 0 18px 18px;
}
	div#singleBlogPost p.in-post-image img, div#singleBlogPost img {
display: block;
max-width: 550px;
margin: 0 10px 8px 0;
}
	div#singleBlogPost p.in-post-image span {
display: block;
}
		div#singleBlogPost p.in-post-image span.imageCaption b {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
text-transform: uppercase;
}
		div#singleBlogPost p.in-post-image span.imageCredit {
font-style: italic;
}

div#blogPagination,
div#tocPagination {
position: relative;
margin-bottom: 20px;
font: normal 14px/26px Prelude, arial, sans-serif;
border-top: 1px dotted #b2b2b2;
border-bottom: 1px dotted #b2b2b2;
}
div#blogPagination a#olderPosts,
	div#tocPagination a#olderPosts {
position: absolute;
right: 0;
}




/*-  COMMENT AREA STYLES
----------------------------------------------------------------------*/

div#comments {
position: relative;
margin-bottom: 29px;
margin-top: -10px;
padding-top: 10px;
}
/* this creates some breathing room above the element when a user clicks on a #comment anchor */

	div#comments h3#commentsTitle {
padding-left: 16px;
font: bold 18px/35px PreludeBold, arial, sans-serif;
border-top: 6px solid #222;
border-bottom: 1px dotted #7f7f7f;
background: url(../../images/icon_comment_small.gif) left center no-repeat;
}
a#addCommentLink {
position: absolute;
top: 16px;
right: 0;
font: bold 18px/35px PreludeBold, arial, sans-serif;
}
div.commentsNav {
position: relative;
font: normal 12px/35px Prelude, arial, sans-serif;
color: #666;
}
	div.commentsNavLinks {
padding: 6px 0 8px;
width: 438px;
line-height: 22px;
}
	div.commentsNav span.commentBatch {
padding: 0 1px;
color: #19437c;
cursor: pointer;
}
		div.commentsNav span.commentBatch:hover {
text-decoration: underline;
}
		div.commentsNav span.commentBatch.active {
color: #666;
cursor: default;
text-decoration: none;
}
	
		
		div.commentsNav span.moreLink.neuterMore span.commentBatch,
		div.commentsNav span.moreLink.neuterMore:after,
		div.commentsNav span.moreLink.neuterMore span.commentBatch:hover {
color: #666;
text-decoration: none;
cursor: default;
}
	
		div.commentsNav span.showAll.neuterShowAll,
		div.commentsNav span.showAll.neuterShowAll span.commentBatch:hover {
color: #666;
text-decoration: none;
cursor: default;
}
div.commentSorter {
position: absolute;
top: 0;
right: 0;
}

	ol#commentList {
border-bottom: 1px solid #d1d1d1;
}
	ol#commentList li {
display: none;
position: relative;
min-height: 90px;
border-top: 1px solid #f8f8f8;
background: #fafafa;
}
		ol#commentList li:first-child {
border-top: 0;
}
		ol#commentList li.even {
background: #f1f1f1;
}
		
			ol#commentList li.comment-01 {
display: block;
}
	
		ol#commentList li dt {
display: block;
float: left;
width: 158px;
padding: 17px 22px 10px 12px;
font: bold 14px/22px PreludeBold, arial, sans-serif;
background: url(../../images/arrow_comment.png) 100% 11px no-repeat;
}
		ol#commentList li dt span.datestamp {
display: block;
color: #666;
line-height: 22px;
}
		ol#commentList li dt span.in-reply-to {
display: block;
}
	
		ol#commentList li dd {
margin-left: 192px;
min-height: 90px;
padding: 13px;
background: #fff;
}
		ol#commentList li dd p {
margin-bottom: 7px;
font-size: 14px;
line-height: 22px;
}
		ol#commentList li dd span.commentTools {
display: block;
font: normal 12px/22px Prelude, arial, sans-serif;
}
			ol#commentList li dd span.commentTools span.reccy {
margin: 0 0 0 0;
}
form#add-comment {
padding: 15px 0 20px;
font: normal 14px/22px Prelude, arial, sans-serif;
background: #f6f6f6;
}
	form#add-comment h3 {
margin-left: 12px;
font: bold 18px/22px PreludeBold, arial, sans-serif;
}
	form#add-comment h3 + p {
padding-left: 12px;
padding-bottom: 25px;
background: url(../../images/bg_commentForm.gif) left bottom no-repeat;
}
div#commentField {
margin-bottom: 15px;
padding: 7px;
background: #fff;
border: 6px solid #d4d955;
border-top: 0;
color: #999;
font: normal 12px Prelude, arial, sans-serif;
}
	div#commentField span {
}
	div#commentField textarea {
width: 578px;
height: 180px;
border: 0;
font-size: 16px;
line-height: 22px;
}
	div#commentField span#charCount {
display: block;
text-align: right;
font-size: 10px;
color: #666;
}
	
	form#add-comment input[type="submit"],
	form#add-comment input[type="checkbox"] {
margin-left: 12px;
vertical-align: middle;
}
form#add-comment label {
font-size: 12px;
}


span.commentReply {
color: #19437c;
cursor: pointer;
}
span.commentReply:hover {
text-decoration: underline;
}
span#cancelReply {
color: #19437c;
text-decoration: none;
cursor: pointer;
}
	span#cancelReply:hover {
text-decoration: underline;
}

span.reportAbuse {
color: #19437c;
cursor: pointer;
}
span.reportAbuse:hover {
text-decoration: underline;
}


/*-  ARTICLE MODULES
----------------------------------------------------------------------*/

div#articleContent div.moduleHolder {
float: right;
width: 270px;
margin: 0 0 20px 20px;
}
div#articleContent div.moduleHolder h3 {
margin-bottom: 10px;
font: bold 14px PreludeBold, arial, sans-serif;
color: #000;
}
	div#articleContent div.moduleHolder div.thumbSlider h3 {
margin-bottom: 0;
font: bold 18px/35px PreludeBold, arial, sans-serif;
}

div#keyConcepts {
position: relative;
margin-bottom: 20px;
padding-top: 1px;
border-top: 6px solid #222;
}
div#keyConcepts h3#conceptsTitle {
position: absolute;
top: -13px;
left: 0;
width: 100%;
padding: 0;
font: bold 18px/18px PreludeBold, arial, sans-serif;
text-align: center;
}
	div#keyConcepts h3#conceptsTitle span.fff {
padding: 0 5px;
}
	div#keyConcepts div#conceptsBox {
padding: 15px 10px;
border: 1px solid #dedede;
}
	div#keyConcepts ul {
font: normal 14px/20px Prelude, arial, sans-serif;
padding-left: 0;
list-style-type: none
}
		div#keyConcepts ul li {
margin-bottom: 10px;
}
		div#keyConcepts ul b {
color: #d1423d;
}

div#suppMaterialSlider {
margin-bottom: 20px;
}

div#articleContent div.moduleHolder ul.contentList {
}
div#articleContent div.moduleHolder ul.contentList li {
padding-left: 0;
}
div#articleContent div.moduleHolder ul.contentList li:first-child {
padding-top: 0;
border-top: 0;
}

div#bottomPromoArea {
margin-bottom: 29px;
}
div#bottomPromoArea div:first-child {
margin-right: 18px;
}

div#googleAdArea {
float: left;
width: 288px;
min-height: 366px;
}

div.subscriptionForm {
width: 298px;
margin: 0 auto;
}
div.subscriptionForm img.title {
display: block;
margin-bottom: 12px;
}
div.subscriptionForm img.cover {
display: block;
float: left;
margin: 0 6px 6px 0;
}
div.subscriptionForm p {
margin: 0 0 12px;
font: normal 12px/18px Prelude, arial, sans-serif;
}
	div.subscriptionForm p b {
color: #d1423d;
}
div.subscriptionForm form {
margin-left: 116px;
}
	div.subscriptionForm form label {
display: block;
margin: 0 0 6px;
font: normal 10px/10px Prelude, arial, sans-serif;
color: #666;
}
	div.subscriptionForm form input {
display: block;
width: 170px;
font-size: 11px;
}
	div.subscriptionForm form input[type="submit"] {
width: auto;
}
	div.subscriptionForm form select {
display: block;
}
	div.subscriptionForm form .floatHolder label {
float: left;
margin-right: 12px;
}
		div.subscriptionForm form .floatHolder input {
width: 60px;
}
		
	/* sub form variants */
	div#bottomPromoArea div.subscriptionForm {
float: left;
width: 298px;
padding-bottom: 12px;
border: 1px solid #e0e0e0;
}
div#bottomPromoArea div.subscriptionForm img.title {
margin-bottom: 6px;
}
div#bottomPromoArea div.subscriptionForm p {
margin: 0 12px 12px;
font: normal 12px/18px Prelude, arial, sans-serif;
}
div#bottomPromoArea div.subscriptionForm img.cover {
margin: 0 6px 6px 12px;
}
div#bottomPromoArea div.subscriptionForm form input {
width: 155px;
}
div#bottomPromoArea div.subscriptionForm form input[type="submit"] {
width: auto;
}
div#bottomPromoArea div.subscriptionForm form .floatHolder input {
width: 60px;
}
div.subFormHolder {
border-bottom: 1px solid #fff;
}
div.subFormHolder div.subscriptionForm {
margin: 18px auto;
}
	
	
div#viralLinks {
margin-bottom: 29px;
}
div#viralLinks div.viralBadge {
float: left;
margin: 0 20px 10px 0;
}

div.thumbSlider {
position: relative;
overflow: hidden;
margin-bottom: 29px;
border-top: 6px solid #222;
}
div.primaryCol div.thumbSlider {
margin-top: 20px;
border-top: 1px solid #222;
}
div.thumbSlider h3 {
font: bold 18px/35px PreludeBold, arial, sans-serif;
}
div.thumbSlider ul.sliderItems {
width: 9000px;
padding-left: 0 !important;
list-style-type: none
}
	div.thumbSlider ul.sliderItems li {
float: left;
width: 96px;
margin-left: 17px;
font-size: 12px;
line-height: 18px;
padding-left: 0
}
	div.sideList div.thumbSlider ul.sliderItems li {
width: 120px;
height: 120px;
margin-left: 17px;
position: relative;
display: block;
}
/* if slider is in sideList */
			div.thumbSlider ul.sliderItems li:first-child {
margin-left: 0;
list-style-type: none;
}
		div.sideList div.thumbSlider ul.sliderItems li:first-child {
margin-left: 0;
}
		div.thumbSlider ul.sliderItems li a {
display: block;
text-decoration: none ! important;
color: #222;
}
			div.thumbSlider ul.sliderItems li a:hover {
text-decoration: underline ! important;
}
			div.thumbSlider ul.sliderItems li a b {
display: block;
font-weight: bold;
color: #19437c;
}
		div.thumbSlider ul.sliderItems li img {
display: block;
margin-bottom: 12px;
max-width: 96px
}
		
			div.sideList div.thumbSlider ul.sliderItems li a.title {
position: absolute;
left: 0;
bottom: 0;
width: 110px;
font: normal 12px/12px Prelude, arial, sans-serif !important;
background: url(/images/patches/bg_000-trans.png);
background: rgba(0, 0, 0, .8);
padding: 3px 5px 3px 5px;
color: #fff
}
		div.sideList div.thumbSlider ul.sliderItems li img {
display: block;
margin-bottom: 12px;
max-width: 120px;
}
		div.sideList div#suppMaterialSlider {
margin-bottom: 0
}
div.thumbSlider span.slideButton {
display: none;
position: absolute;
top: 8px;
right: 0;
width: 18px;
height: 18px;
background: #fcfcfc url(../../images/arrow_right.gif) no-repeat;
cursor: pointer;
}
div.sideList div.thumbSlider span.slideButton {
display: inherit;
}
div.thumbSlider span.slideButton.leftButton {
right: 23px;
background-image: url(../../images/arrow_left.gif);
opacity: .5;
}
div.thumbSlider select#yearSelector {
position: absolute;
top: 6px;
right: 55px;
}
div.thumbSlider a#yearSelector {
position: absolute;
top: 10px;
right: 55px;
font: normal 12px/13px Prelude, arial, sans-serif;
}

p#postInfo {
margin: 40px 0;
font: normal 14px/22px Prelude, arial, sans-serif;
}
span#postTags {
display: block;
font-size: 12px;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
span#postTags a {
font-weight: normal;
}
span#podcastID {
display: block;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
span#blogID {
display: block;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
span#blogID a {
font-style: italic;
color: #222;
}
span#previousLink {
display: block;
}


/*-  PODCAST PAGE STYLES
----------------------------------------------------------------------*/

a#podcastImage {
display: block;
float: left;
margin-right: 13px;
}
a#podcastImage img {
display: block;
max-width: 96px;
}
	a#podcastImage + *,
		a#podcastImage + * + *,
		a#podcastImage + * + * + * {
margin-left: 110px;
}

div#podcastPlayer {
position: relative;
margin-top: -18px;
margin-bottom: 24px;
}
div#podcastPlayer p#episodeLinks {
position: absolute;
bottom: 2px;
right: 0;
font: normal 12px Prelude, arial, sans-serif;
}
	div#podcastPlayer p#episodeLinks a {
text-decoration: none;
}
		div#podcastPlayer p#episodeLinks a:hover {
text-decoration: underline;
}
	div#podcastPlayer p#episodeLinks span.embedCode {
color: #19437c;
cursor: pointer;
}
		
			div#podcastPlayer p#episodeLinks span.embedCode:hover {
text-decoration: underline;
}
		

	div#podcastPlayer h3 {
margin-top: 6px;
font: bold 14px Prelude, arial, sans-serif;
color: #222;
}

div#playerHolder {
border: 1px solid #dfdfdf;
background: url(../../images/spinner_podcast.gif) center center no-repeat;
}
div#playerHolder a {
display: none;
}
div#playerHolder object,
	div#playerHolder embed {
display: block;
margin: 0 auto;
}

#articleContent.podcastTranscript p {
margin-bottom: 15px;
font-size: 14px;
line-height: 22px;
}

#articleContent.podcastTranscript p.contentNote {
font-size: 12px;
font-style: italic;
}

div#articleContent div.moduleHolder p#podcastLinks {
font: normal 12px Prelude, arial, sans-serif;
}
div#articleContent div.moduleHolder p#podcastLinks a {
margin-left: 7px;
}



/*-  SEARCH RESULTS STYLES
----------------------------------------------------------------------*/

h2#searchTitle {
margin-bottom: 15px;
font: normal 24px/30px Prelude, arial, sans-serif;
}

form#searchFilters {
margin: 0 0 20px;
padding: 0 7px;
line-height: 30px;
font: normal 12px/30px Prelude, arial, sans-serif;
background: #f3f3f0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
form#searchFilters input[type="submit"] {
float: right;
margin-top: 6px;
}

div.searchPag {
position: relative;
margin-bottom: 15px;
font: normal 12px/22px Prelude, arial, sans-serif;
border-bottom: 1px dotted #b2b2b2;
}
	div.searchPag span.pagLinks {
position: absolute;
right: 0;
top: 0;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
word-spacing: 4px;
}
	div#theResults + div.searchPag {
border-top: 1px dotted #b2b2b2;
border-bottom: 0;
}

div#theResults {
}
div#theResults li {
margin-bottom: 20px;
font-size: 12px;
line-height: 18px;
}
	div#theResults li img {
vertical-align: middle;
margin-top: -6px;
margin-right: 4px;
}
	div#theResults li a.resultLink {
font: bold 16px/22px georgia;
}
	div#theResults li span.resultExcerpt,
		div#theResults li span.resultMeta {
display: block;
}

div#subCol.searchSubCol {
background: transparent;
}

div#subCol.searchSubCol h2 {
margin: 13px 0 13px;
}

div#subCol.searchSubCol div.bannerAd {
min-height: 285px;
margin-bottom: 20px;
line-height: 19px;
background: #f1f1f1;
}

div#subCol.searchSubCol h3 {
margin-bottom: 20px;
padding: 6px 0;
font: bold 18px/18px PreludeBold, arial, sans-serif;
border-top: 1px solid #222;
border-bottom: 1px dotted #7f7f7f;
}

div#subCol.searchSubCol h4 {
margin-bottom: 8px;
font: bold 12px/12px PreludeBold, arial, sans-serif;
text-transform: uppercase;
}

div#subCol.searchSubCol div.listHolder {
float: left;
width: 162px;
margin: 0 0 25px;
}
div#subCol.searchSubCol div.listHolder:first-child {
margin-right: 12px;
}

div#subCol.searchSubCol ol li {
margin-left: 23px;
list-style-type: decimal;
}

div#subCol.searchSubCol li {
margin-bottom: 8px;
font: normal 12px/16px Prelude, arial, sans-serif;
}
div#subCol.searchSubCol li label {
color: #19437c;
cursor: pointer;
}
	div#subCol.searchSubCol li label:hover {
text-decoration: underline;
}
	
		div#subCol.searchSubCol .withBoxes li {
padding-left: 21px;
text-indent: -21px;
}
div#subCol.searchSubCol li.showMore {
padding-left: 13px;
text-indent: 0;
background: url(../../images/arrow_down_red.gif) left center no-repeat;
color: #19437c;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
cursor: pointer;
}
div#subCol.searchSubCol li.showMore:hover {
text-decoration: underline;
}


/*-  SUB COLUMN STYLES
----------------------------------------------------------------------*/

div#subCol {
float: right;
width: 336px;
background: #f1f1f1;
}
div#subCol.subColNew {
float: right;
width: 350px;
background-color: #ffffff;
}

div#subCol h2 {
margin: 0 0 13px;
font: bold 18px/16px PreludeBold, arial, sans-serif;
text-rendering: optimizeLegibility
}

 /* min-height: 304px; */
div#subCol div.bannerAd {
font: normal 10px/29px Prelude, arial, sans-serif;
text-align: center;
text-transform: uppercase;
color: #666;
border-bottom: 1px solid #fff;
padding-bottom: 18px
}
div#subCol.subColNew div.bannerAd, div.primaryCol div.bannerAd {
font: normal 10px/29px Prelude, arial, sans-serif;
text-align: center;
text-transform: uppercase;
color: #666;
border-bottom: 1px solid #fff;
padding-bottom: 18px;
background-color: #f1f1f1;
}
div.primaryCol div.bannerAd {
width: 350px
}

div#followList,
div#subCol div.sideList {
position: relative;
padding: 16px 18px;
font: normal 12px Prelude, arial, sans-serif;
border-bottom: 1px solid #fff;
}

div#subCol.subColNew div.sideList {
position: relative;
padding: 16px 0 16px 0;
font: normal 12px Prelude, arial, sans-serif;
border-bottom: 1px solid #fff;
}

div.genericList, div.genericListSubset {
position: relative;
padding: 16px 14px 0 0;
font: normal 12px georgia,serif;
}
div.genericList, div.genericListSubset {
font: normal 12px georgia,serif;
}
div.genericList li {
padding-top: 5px
}
div.faq div.genericList, div.faq div.genericListSubset {
font: bold 13px georgia,serif;
}
div.intlEditions div.genericList {
font: normal 11px georgia,serif;
}
div.intlEditions div.genericList h3 {
margin: 5px 0 3px 0;
font: bold 11px georgia,serif !important;
}
div.intlEditions div.genericList img {
margin-bottom: 5px;
}
div.genericListSubset {
padding: 0px 10px 0 0;
}
div.genericListSubset span {
font-weight: normal;
}

div#subCol div.sideList ul.sideListLinks {
}
    div#subCol div.sideList ul.sideListLinks li, div.genericList ul.genericListLinks li {
display: block;
float: left;
width: 129px;
margin: 0 10px 10px 0;
padding: 0 0 0 11px;
background: url(../../images/bullet.gif) left center no-repeat;
}
    div#subCol div.sideList ul.sideListLinks.full li {
width: 100%;
background-position: left 5px;
}
    div#subCol div.sideList ul.sideListLinks li.seeAll {
width: auto;
background: transparent url(../../images/bullet.gif) left center no-repeat;
}
    ul.genericListLinks li {
float: none;
background: transparent url(../../images/bullet.gif) left top no-repeat;
padding: 0 0 0 11px;
background-position: 0px 9px;
margin: 8px 10px 8px 0;
width: 100%;
}
    div.genericList ul.genericListLinks li {
float: none;
background: transparent url(../../images/bullet.gif) left top no-repeat;
padding: 0 0 0 11px;
background-position: 0px 6px;
margin: 10px 10px 10px 0;
width: 100%;
}
    div.genericListSubset ul.genericListSubsetLinks li {
float: none;
background: transparent url(../../images/arrow_slider_down.png) 0 17px no-repeat;
padding: 12px 0 12px 21px;
margin: 0;
width: 98%;
border-bottom: 1px dotted #666;
}
    div.genericListSubset ul.genericListSubsetLinks li.seeAll {
background: transparent url(../../images/arrow_slider_up.png) 0 17px no-repeat;
}
    div.genericListSubset ul.genericListSubsetLinks li span {
line-height: 21px;
margin: 4px 0 7px 0;
display: none;
clear: right;
}
    div.genericListSubset ul.genericListSubsetLinks li.seeAll span {
display: block;
}


	
	div#subCol div.sideList ul.sideListLinks li.moreLink {
position: absolute;
top: 19px;
right: 16px;
padding: 0;
background-image: none;
width: auto;
}

/* RSS Version */
    div.tripleWide div.linkList {
padding: 7px 0 0 0;
}
    div.tripleWide div.linkList h2 {
padding: 0 0 6px 7px;
}
    div.tripleWide div.linkList div.genericListSubset ul.genericListSubsetLinks li {
background-color: #fbfaf6;
background-position: 13px 13px;
font: bold 12px/15px PreludeBold,arial,sans-serif;
border: 1px solid #D0D0D0;
border-right: none;
border-bottom: none;
border-left: none;
padding: 7px 0 7px 28px;
}
    div.tripleWide div.linkList div.genericListSubset ul.genericListSubsetLinks li.seeAll {
background-position: 13px 13px;
}
    div.tripleWide div.linkList div.genericListSubset ul.genericListSubsetLinks li span {
margin: 0;
background: #ffffff;
border-top: 1px solid #D0D0D0;
margin: 7px 0 -7px -28px; /* compensate for padding on parent element */
        padding:5px 0;
}
    ul.RSSLinks li.subTitle {
background: #FFFFFF;
border: none;
border-top: 1px solid #D0D0D0;
font: normal 12px/15px Prelude,arial,sans-serif;
text-transform: uppercase;
color: #666;
padding: 7px;
margin: 0;
}
    ul.RSSLinks li {
background: #fbfaf6 url(../../images/chiclets/rss_16.gif) 10px 6px no-repeat;
border: none;
border-top: 1px solid #D0D0D0;
font: bold 12px/15px PreludeBold,arial,sans-serif;
margin: 0;
padding: 7px 0 6px 30px;
}
    ul.RSSLinks li a img {/* for apple format link image */
        vertical-align:middle;
margin-top: -3px;
}
    div.tripleWide div.linkList div.genericListSubset ul.genericListSubsetLinks li ul.RSSLinks li {
background: #ffffff url(../../images/chiclets/rss_16.gif) 10px 4px no-repeat;
border: none;
font: normal 12px/15px "Prelude",arial,sans-serif;
margin: 0;
padding: 5px 0 5px 30px;
}

/* Products & Services version */
    div#columnHolder.ProductsSvcs div.tripleWide div.linkList {
padding-top: 0;
font: normal 12px 'Prelude',arial,sans-serif;
}
    div#columnHolder.ProductsSvcs div.tripleWide div.linkList h2 {
background: #fbfaf6;
border-bottom: 1px solid #D0D0D0;
padding-top: 7px;
}
    div.showcaseSubscription {
padding: 0 20px 20px 10px;
}
    div.showcaseSubscription img {
width: 125px;
}
    div.showcaseSubscription .buttonContainer {
float: right;
}
    div.showcaseSubscription .buttonContainer button {
border: none;
color: #FFF;
font: bold 14px/14px Prelude,arial,sans-serif;
width: 115px;
height: 30px;
background: #FFFFFF url(../../images/bigActionButtonBG.png) no-repeat;
margin-bottom: 4px;
}
    div#columnHolder.ProductsSvcs div.subHeadline hr {
clear: none;
padding-top: 10px;
}
    div#columnHolder.ProductsSvcs div.subHeadline h3 {
font: normal 26px/22px 'Prelude',arial,sans-serif;
float: left;
padding-right: 15px;
background: #FFFFFF;
}
    div#columnHolder.ProductsSvcs div.subHeadline {
clear: both;
margin: 30px 0;
}
    div.showcaseService {
padding: 0 14px;
margin-bottom: 10px;
}
    div.showcaseService h3 {
font: bold 14px/24px Prelude,arial,sans-serif;
border-bottom: 1px dotted #999;
margin-bottom: 8px;
}
    div.showcaseService img {
float: left;
margin-right: 10px;
}
    div.showcaseService {
}
    div.showcaseService p {
margin-bottom: 1em;
}

    div#subCol div.sideList ul.sideListLinks li.moreLink, 
    div.genericList ul.genericListLinks li.moreLink {
position: absolute;
top: 19px;
right: 16px;
padding: 0;
background-image: none;
width: auto;
}
    div.genericList ul.genericListLinks li.moreLink {
font: bold 12px PreludeBold, arial, sans-serif;
position: relative;
padding-left: 13px;
top: 3px;
left: 0px;
}


div#subCol div.sideList ul.verboseListLinks {
}
div#subCol div.sideList ul.verboseListLinks li {
margin-top: 15px;
line-height: 16px;
}
div#subCol div.sideList ul.verboseListLinks li:first-child {
margin-top: 0;
}
	div#subCol div.sideList ul.verboseListLinks li a {
display: block;
}
	div#subCol div.sideList ul.verboseListLinks li a:first-child {
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
}
	div#subCol div.sideList ul.verboseListLinks li span.jobOrg,
		div#subCol div.sideList ul.verboseListLinks li span.jobLoc {
display: block;
}
	div#subCol div.sideList ul.verboseListLinks li.moreLink a {
display: inline;
font-weight: normal;
}
	div#subCol div.sideList ul.verboseListLinks li.moreLink:after {
color: #d1423d;
}

ul#chicletLinks {
}
ul#chicletLinks li {
display: inline;
}
	ul#chicletLinks li a {
position: relative;
display: block;
float: left;
width: 32px;
height: 32px;
margin-right: 9px;
text-indent: -9000px;
background-repeat: no-repeat;
}
	
		ul#chicletLinks li a span.hover {
position: absolute;
top: 0;
left: 0;
display: block;
width: 32px;
height: 32px;
}
	
		ul#chicletLinks li.email a {
background-image: url(../../images/chiclets/email_32_g.gif);
}
		ul#chicletLinks li.email a span.hover {
background-image: url(../../images/chiclets/email_32.gif);
}
	ul#chicletLinks li.rss a {
background-image: url(../../images/chiclets/rss_32_g.gif);
}
		ul#chicletLinks li.rss a span.hover {
background-image: url(../../images/chiclets/rss_32.gif);
}
	ul#chicletLinks li.facebook a {
background-image: url(../../images/chiclets/facebook_32_g.gif);
}
		ul#chicletLinks li.facebook a span.hover {
background-image: url(../../images/chiclets/facebook_32.gif);
}
	ul#chicletLinks li.twitter a {
background-image: url(../../images/chiclets/twitter_32_g.gif);
}
		ul#chicletLinks li.twitter a span.hover {
background-image: url(../../images/chiclets/twitter_32.gif);
}
	ul#chicletLinks li.youtube a {
background-image: url(../../images/chiclets/youtube_32_g.gif);
}
		ul#chicletLinks li.youtube a span.hover {
background-image: url(../../images/chiclets/youtube_32.gif);
}
	ul#chicletLinks li.itunes a {
background-image: url(../../images/chiclets/apple_32_g.gif);
}
		ul#chicletLinks li.itunes a span.hover {
background-image: url(../../images/chiclets/apple_32.gif);
}
	
div#subCol div.promo {
padding: 18px 0;
text-align: center;
border-bottom: 1px solid #fff;
}
	
div#subCol div.signupForm {
padding: 18px;
border-bottom: 1px solid #fff;
}
div#subCol div.signupForm p {
margin-bottom: 10px;
font: normal 14px/14px Prelude, arial, sans-serif;
}
div#subCol div.signupForm input[type="email"] {
width: 196px;
font: normal 12px Prelude, arial, sans-serif;
}

div#subCol div.badges {
padding: 18px 0 18px 36px;
background-color: #f1f1f1;
}
div#subCol div.badges img {
display: block;
float: left;
margin-right: 24px;
vertical-align: top;
}


/*-  FOOTER STYLES
----------------------------------------------------------------------*/

div#footer {
position: relative;
width: 960px;
margin: 0 auto 25px;
font: normal 12px Prelude, arial, sans-serif;
border-top: 5px solid #444;
background-color: #fff
}

div#sciamfooter {
position: absolute;
top: 15px;
width: 360px;
}
div#zooniversefooter {
position: absolute;
top: 15px;
left: 370px;
width: 360px;
}
div#legal span#copyright,
	div#legal span#rights {
display: block;
margin-bottom: 12px;
}

div#bottomNav {
position: absolute;
top: 15px;
left: 740px;
width: 260px;
}

ul#bottomNavLinks {
}
ul#bottomNavLinks li {
float: left;
width: 100%;
margin-bottom: 12px;
}



/*-  OVERLAY STYLES
----------------------------------------------------------------------*/

div.overlay {
display: none;
position: fixed;
z-index: 1;
top: 30%;
left: 50%;
width: 332px;
margin-left: -166px;
padding: 20px;
font: normal 14px Prelude, arial, sans-serif;
background: #fbfbfb;
border: 3px solid #d1423d;
-moz-box-shadow: 1px 1px 50px #000;
-webkit-box-shadow: 1px 1px 50px #000;
border-radius: 10px;
}
div.overlay.small {
width: 180px;
margin-left: -90px;
}
	div.overlay.small textarea {
width: 170px;
height: 75px;
}
div.overlay h3 {
margin-bottom: 10px;
font: bold 18px/18px PreludeBold, arial, sans-serif;
}
div.overlay p {
margin-bottom: 10px;
font: normal 14px Prelude, arial, sans-serif;
}
div.overlay li {
margin-bottom: 15px;
}
	div.overlay li a:first-child {
display: block;
font-weight: bold;
font-family: PreludeBold, arial, sans-serif;
font-size: 12px;
line-height: 18px;
}
	
	div.overlay form {
margin: 0;
font-size: 12px;
}
	div.overlay form label {
display: block;
margin-bottom: 10px;
}
	div.overlay form input {
display: block;
}
	div.overlay form input[type="email"] {
width: 230px;
}
	div.overlay form textarea {
display: block;
width: 322px;
height: 65px;
}
div.overlay ul#shareLinks {
}
	div.overlay ul#shareLinks li {
position: relative;
display: block;
float: left;
width: 15px;
height: 15px;
margin: 0 15px 15px 0;
padding: 15px 15px;
line-height: 20px;
border: 1px solid #d0d0d0;
background: #fff;
text-align: center;
}
		div.overlay ul#shareLinks li img,
			div.overlay ul#shareLinks li a,
			div.overlay ul#shareLinks li span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
cursor: pointer;
}
	
span.closer,
span.imgCloser {
position: absolute;
top: 0;
right: 10px;
width: 17px;
background: #d44945;
text-align: center;
color: #fff;
font: bold 11px/16px verdana, sans-serif;
cursor: pointer;
}
	
span.hidePlayer {
position: absolute;
top: 11px;
right: 11px;
font: bold 12px/16px verdana, sans-serif;
cursor: pointer;
color: #19437c;
font: normal 11px/16px ApresTT, verdana, arial, sans-serif;
}
span.hidePlayer span {
color: #d1423d;
font-size: 10px;
}
span.hidePlayer:hover {
text-decoration: underline;
}

/*-  PRINTABLE PAGE STYLES
----------------------------------------------------------------------*/

body.printableArticle div#leaderboard {
background: transparent;
}
body.printableArticle div#header {
height: auto;
margin-top: 17px;
}
body.printableArticle div#header h1 {
position: static;
}
body.printableArticle div#header .printableNote {
position: absolute;
top: 0;
left: 340px;
}
body.printableArticle #mainCol {
float: none;
width: auto;
}
body.printableArticle #subCol {
margin: 0 0 30px 30px;
}
body.printableArticle div#columnHolder {
margin-bottom: 30px;
}
body.printableArticle div#breadcrumb {
line-height: 18px;
}
body.printableArticle div#mainCol.blogPost div.articleHeader {
margin-bottom: 20px;
}
body.printableArticle div#mainCol.blogPost div.articleHeader {
margin-bottom: 20px;
}
body.printableArticle div#mainCol.blogPost h2.articleTitle {
margin-bottom: 10px;
}
body.printableArticle div#mainCol.blogPost p.articleInfo {
margin-left: 0;
}

/*-  REUSABLE STYLES
----------------------------------------------------------------------*/
div.genericHeader {
position: relative;
width: 100%;
margin: 0 auto 1px;
min-height: 37px;
_height: 37px;
background: #fff;
border-bottom: 6px solid #222;
}
div.genericHeader h2 {
font: bold 30px/30px PreludeBold,arial,sans-serif;
}
div.genericHeaderAction {
color: #D1423D;
position: absolute;
right: 0;
bottom: 5px;
font: bold 15px/15px PreludeBold,arial,sans-serif;
}
div.genericBreadcrumbs {
border: 1px dotted #b2b2b2;
border-left: 0;
border-right: 0;
font: 11px/11px "Prelude",arial,sans-serif;
padding: 5px 0;
margin-bottom: 14px;
}
div.genericBreadcrumbs ul {
list-style-type: none;
min-height: 10px;
_height: 10px;
padding-left: 0;
}
div.genericBreadcrumbs li {
float: left;
margin: 0 5px 0 0;
}
div.genericBreadcrumbs li.divider, .next {
color: #D1423D;
}
div.genericBreadcrumbs a {
color: inherit;
}
hr.thick {
color: #000;
background-color: #000;
border: 0;
height: 6px;
}
hr.thin {
background-color: #EEE;
border: 0;
height: 1px;
margin: 2px 0 5px 0;
}
/*div.genericTabBar {
border-left: 0;
border-right: 0;
font: bold 12px/12px "Prelude",arial,sans-serif;
line-height: 14px;
padding: 5px 0;
margin-bottom: 14px;
}
div.genericTabBar ul {
list-style-type: none;
min-height: 35px;
_height: 35px;
padding-left: 0;
position: relative;
margin-left: 1px;
}
div.genericTabBar li {
background-color: #F1F1F1;
float: left;
margin: 0 0 0 -1px;
padding: 7px;
border: 1px solid #DDD;
border-top: 6px solid #E1E1E1;
height: 35px;
}
div.genericTabBar li.active {
border-top: 6px solid #D4D955 !important;
}
*/
div.genericTabBar a {
color: #828282;
}
table.genericTabRow {
width: 100%;
height: 55px;
}
table.genericTabRow tr, table.genericTabRow td {
vertical-align: bottom;
}
table.genericTabRow tr {
}
table.genericTabRow td {
background: #F1F1F1 url(/images/genericTabRowBg.png) right bottom no-repeat;
/*border:1px solid #DDD;
border-top: 6px solid #DDD;*/
font: 12px/12px "Prelude",arial,sans-serif;
line-height: 14px;
padding: 0px 20px 17px 4px;
}
table.genericTabRow td h2 {
color: #666666;
cursor: pointer;
font: bold 14px/16px PreludeBold,arial,sans-serif;
padding: 0;
margin-left: 5px;
}
div.genericTabRowContainer {
background: #FFF url(/images/genericTabRowLeft.png) left top no-repeat;
padding-left: 1px;
}
div.genericTabRowContainer {
margin-bottom: 17px;
}
table.genericTabRow td.active {
background: #F1F1F1 url(/images/genericTabRowBgActive.png) right bottom no-repeat;
}
table.genericTabRow td a {
color: #828282;
}
.TabContent {
display: none;
}
.spacedCopy p, p.spacedCopy, 
.genericCopy p, p.genericCopy {
margin: 1em 0;
}
.spacedCopy {
line-height: 24px;
}
.genericCopy {
line-height: 20px;
}
.spacedCopy h2,
.genericCopy h2 {
font: bold 18px/18px PreludeBold,arial,sans-serif;
}
.spacedCopy hr, 
.genericCopy hr, 
.requestForm hr,
hr.separator, 
hr.invisible {
border: none;
border-bottom: 1px dotted #b2b2b2;
color: #FFF;
clear: both;
}
hr.invisible {
border: none;
}
.spacedCopy h3, 
div#articleContent .genericCopy h3 {
font: bold 14px/18px PreludeBold,arial,sans-serif;
color: #000
}
.spacedCopy h3.important, 
.genericCopy h3.important {
color: #d1423d;
}
a.bullet {
background: transparent url('../../img/bullet.gif') center left no-repeat;
padding-left: 10px;
}

div.halfWidthPrimaryCol {
float: left;
margin-bottom: 20px;
position: relative;
width: 294px;
}
div.halfWidthSecondaryCol {
float: right;
width: 294px;
}
div.thirdWidthPrimaryCol {
float: left;
margin-bottom: 20px;
position: relative;
width: 196px;
}
div.thirdWidthSecondaryCol {
float: right;
width: 196px;
}
div.thirdWidthTertiaryCol {
float: right;
width: 196px;
}
div.colInfoHeader {
border: 1px solid #DDD;
border-bottom: none;
font: normal 12px/12px "Prelude",arial,sans-serif;
overflow: none;
height: 76px;
margin-top: 1.5em;
padding: 8px;
}
div.colInfoHeader.podcastIndex {
border: none;
margin-top: 1.5em;
padding: 0 !important;
margin-bottom: 1em;
}

div.colInfoHeader h3 {
color: #333;
font: bold 18px/18px PreludeBold,arial,sans-serif;
margin-top: 2px;
margin-bottom: -2px;
}
div.colInfoHeader span.rss {
float: right
}
div.colInfoHeader hr {
border: none;
border-bottom: 1px dotted #333;
background-color: transparent;
}
div.podcastIndex hr {
border: none;
border-bottom: 1px dotted #b2b2b2;
background-color: transparent;
}
div.podcastIndex p {
line-height: 18px
}
div.colInfoHeader img {
width: 76px;
height: 76px;
margin-right: 8px;
float: left
}
div.bar, div.bar a {
background-color: #000;
color: #FFF;
font: normal 12px/12px "Prelude",arial,sans-serif;
margin-bottom: 1.25em;
overflow: hidden;
padding: 5px 4px;
text-decoration: none;
}
div.innerContentLinks h4 {
font: normal 12px/12px "Prelude",arial,sans-serif;
color: #999;
margin-bottom: 4px;
}
div.innerContentLinks .more a {
font: normal 12px/12px "Prelude",arial,sans-serif;
text-decoration: none;
}
div.innerContentLinks ul {
list-style-type: none;
padding-left: 0;
}
div.innerContentLinks ul li {
font: bold 12px georgia, times, serif;
padding: 0 0 1.5em 0;
}
div.innerContentLinks ul li a {
font-weight: bold;
text-decoration: none;
}
div.genericFieldset, div.genericInfoBox {
-moz-border-radius: 5px;
background-color: #F3F4F0;
font: normal 12px/12px "Prelude",arial,sans-serif;
line-height: 1.5em;
padding: 4px 12px;
margin: 4px 0;
}
div.genericInfoBox {
background-color: #EBF4F9;
padding: 8px 12px;
margin-bottom: 20px;
}
div.genericInfoBox.clickable {
cursor: pointer;
}
h3.articleTitle {
font: bold 14px/18px georgia,times,serif;
}
div#directoryMore {
height: 24px;
background: transparent url('/images/arrow_down_blue.gif') bottom center no-repeat;
border-top: 1px solid #000000;
color: #263C5A;
cursor: pointer;
font: bold 12px/12px "Prelude",arial,sans-serif;
text-align: center;
padding-top: 7px;
}

div.genericList h2, 
form.requestForm h2 {
font: normal 14px/14px "Prelude",arial,sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px dotted #666;
}
form.genericForm {
font: normal 14px/18px 'Prelude',arial,sans-serif;
}
form.genericForm input.text {
border: 1px solid #666;
width: 80%;
}
form.genericForm.requestForm input.text {
border: inherit;
width: 100%;
}
form.genericForm label {
font: normal 14px/18px 'Prelude',arial,sans-serif;
display: block;
margin-bottom: 3px;
}
form.genericForm fieldset {
border: none;
margin: 20px 0;
}
form.genericForm div.col1 {
overflow: hidden;
width: 45%;
float: left;
}
form.genericForm div.col1 p,
form.genericForm div.col2 p {
margin: 12px 0;
}
form.genericForm div.col1 p:first-child,
form.genericForm div.col2 p:first-child {
margin-top: 0;
}
form.genericForm div.col2 {
overflow: hidden;
width: 45%;
margin-left: 25px;
}
form.genericForm span {
font: normal 12px/16px 'Prelude',arial,sans-serif;
}
form.genericForm span a {
font: bold 12px/16px Prelude,arial,sans-serif;
}
form.genericForm input.placeholder {
width: 1px;
border: 1px solid transparent;
}
form.genericForm fieldset.box {
background-color: #f4f5f7;
border: 1px solid #bdc6d5;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding: 10px;
}
form.genericForm fieldset.box h3 {
font: bold 18px/32px Prelude,arial,sans-serif;
padding-left: 44px;
background: transparent url(/images/chiclets/email_32.gif) left no-repeat;
border: none;
margin-bottom: 22px;
}
form.genericForm fieldset.box h3 span {
display: inline;
font: normal 10px arial, sans-serif;
font-style: italic;
margin: 0;
padding: 0;
}
form.genericForm fieldset.box  span {
display: block;
margin-left: 25px;
}
form.genericForm fieldset.box p {
margin: 12px 0;
}
form.genericForm fieldset.box label {
font: bold 14px/18px Prelude,arial,sans-serif;
}
form.genericForm label.stealth,
form.genericForm fieldset.box label.stealth {
border: none;
display: inline;
clear: none;
font: normal 14px/18px 'Prelude',arial,sans-serif;
font-size: 1em;
padding: 0;
margin: 0;
}
form.genericForm fieldset.box div.col1 {
overflow: hidden;
width: 40%;
float: left;
margin-left: 21px;
}
form.genericForm fieldset.box div.col2 {
overflow: hidden;
width: 40%;
margin-left: 25px;
}
form.genericForm fieldset.box div.col1 label, form.genericForm fieldset.box div.col2 label {
font: normal 14px/18px 'Prelude',arial,sans-serif;
}
form.genericForm fieldset.box hr {
border: none;
border-top: 2px dotted #b2b2b2;
color: transparent;
clear: both;
padding: 5px 0;
}
form.genericForm.largeLabels label, form.genericForm .largeLabels label {
font: bold 18px/18px Prelude,arial,sans-serif;
display: block;
margin-bottom: 3px;
}

form.genericForm select {
width: 70%;
}
form.genericForm p.smaller, form.genericForm p.smaller  label {
font: normal 11px arial,sans-serif;
}

form.genericForm p.smaller span.fprint {
font-size: 11px;
}

form.genericForm p.smaller  label {
display: inline;
}

form.genericForm.requestForm fieldset {
margin-top: 0;
width: 460px;
}
form.genericForm.requestForm, 
form.genericForm.requestForm label {
font: normal 13px georgia, times, serif;
}
form.genericForm.requestForm input.regular, 
form.genericForm.requestForm select.regular {
width: 320px;
}
form.genericForm.requestForm input.short, 
form.genericForm.requestForm select.short {
width: 112px;
}
form.genericForm.requestForm input.long, 
form.genericForm.requestForm select.long, 
form.genericForm.requestForm textarea.long {
width: 100%;
}
form.genericForm.requestForm textarea.long {
height: 80px;
}
form.genericForm.requestForm div.sitLeft {
float: left;
margin-right: 15px;
}
form.genericForm.requestForm div.sitRight {
float: right;
}
form.genericForm.requestForm label.important {
font: normal 14px/14px "Prelude",arial,sans-serif;
text-transform: uppercase;
}
.newslettersSignup div.genericTabRowContainer {
width: 367px;
margin-bottom: 0;
}
div.scrollbox {
border: 1px solid #000;
font: normal 11px/16px georgia,serif;
height: 135px;
margin: 0.5em 0;
padding: 8px 10px;
width: 97%;
overflow: auto;
}
div.scrollbox h4 {
font: bold 14px/18px PreludeBold,arial,sans-serif;
}
ul.liststyle {
list-style: disc;
padding: 0 0 5px 20px;
font-size: 14px
}
ul.liststyle li {
margin-bottom: 10px
}

/*-  CITIZEN SCIENCE
----------------------------------------------------------------------*/
div#citizenScience {
}
div#citizenScience div#feature {
position: relative;
display: block;
}
div#citizenScience div#feature a {
font: normal 13px/15px Prelude, arial, san-serif;
}
div#citizenScience div#feature img {
display: block;
width: 366px;
height: 260px
}
div#citizenScience div#feature span a {
color: #fff;
}
div#citizenScience div#feature span.top {
position: absolute;
left: 0;
top: 0;
width: 346px;
color: #fff;
background: url(/images/patches/bg_000-trans.png);
background: rgba(0, 0, 0, 0.8);
font: bold 17px/21px Prelude, arial, san-serif;
padding: 5px 10px 5px 10px
}
div#citizenScience div#feature span.bottom {
position: absolute;
left: 0;
bottom: 0;
width: 346px;
background: url(/images/patches/bg_000-trans.png);
background-color: rgba(0, 0, 0, 0.8);
padding: 5px 10px 5px 10px
}
div#citizenScience div#feature span.bottom a {
font: bold 18px/20px Georgia, Times, serif;
}
div#citizenScience .contentList li.first {
border: none;
}
div#citizenScience h2.linked a {
color: #000
}
div#citizenScience .contentList h3 {
font-size: 16px;
}
div#citizenScience .contentList a.moreLink {
font: normal 12px/14px ApresTT, verdana, arial, sans-serif;
}
div#citizenScience div.active p.intro {
font: normal 11px/15px ApresTT, verdana, arial, sans-serif;
margin-bottom: 22px
}
div#citizenScience div.genericInfoBox {
font: normal 20px/22px Prelude, arial, san-serif;
margin-bottom: 4px
}
div#citizenScience ul.list, div#articleContent.citizenScience ul.list {
margin: 10px 0 5px 0;
clear: both;
}
div#articleContent.citizenScience ul.list {
list-style: none;
padding-left: 0
}
div#citizenScience ul.list li,
	div#articleContent.citizenScience ul.list li {
padding: 2px 50px 2px 20px;
background: #f4f4f4 url('/images/bullet.gif') 7px 8px no-repeat;
margin-bottom: 3px;
border: none;
font: normal 11px/15px ApresTT, verdana, arial, sans-serif
}
div#articleContent.citizenScience ul.list li.join {
background: #ebf4f9 url('/images/bullet.gif') 7px 10px no-repeat;
}
div#articleContent.citizenScience ul.list li.join p {
font-size: 11px;
line-height: 13px;
display: inline
}
div#articleContent.citizenScience ul.list li.join a {
font-weight: bold;
}
div#citizenScience li.hasThumb span.topic, div#articleContent.citizenScience span.topic {
margin: 0;
font: normal 13px/15px Prelude, arial, san-serif;
}
div#citizenScience div.genericFieldset {
background-color: #fff;
padding: 10px 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px dotted #ccc;
}
div#citizenScience div.genericFieldset span {
font: bold 18px/20px Prelude, arial, san-serif;
}
div#citizenScience div.genericFieldset form {
float: right;
clear: left;
}
div#citizenScience div.genericFieldset form select {
width: 98px
}
div#articleContent.citizenScience a {
text-decoration: none
}
div#articleContent.citizenScience a:hover {
text-decoration: underline
}
div#articleContent.citizenScience div.moduleHolder {
float: left;
margin: 0 20px 20px 0;
width: 180px
}
div#articleContent.citizenScience div.in-article-image, div#articleContent.citizenScience p.in-article-image {
width: 180px;
}
div#articleContent.citizenScience div.in-article-image img, div#articleContent.citizenScience p.in-article-image img {
width: 180px;
height: 180px;
}
div#articleContent.citizenScience h2.projectname {
font-size: 20px
}
div#articleContent.citizenScience h2.projectdetails {
font: bold 20px/24px Prelude, arial, san-serif;
border-top: 6px solid #d4d955;
clear: both;
padding-top: 8px;
}
div#articleContent.citizenScience p.seemore {
font: normal 12px/16px Prelude, arial, san-serif;
margin: 8px 0 35px 0;
}



div.shaded {
padding: 10px 10px 10px 10px;
background: #ebf4f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bac6d7;
}
div.shaded h2 {
border: none;
font: bold 18px/22px Prelude, arial, san-serif
}
div.shaded p {
line-height: 20px;
font: normal 12px/16px ApresTT, verdana, arial, sans-serif;
}
div.shaded p.intro {
font: normal 11px/15px ApresTT, verdana, arial, sans-serif;
margin-bottom: 15px
}
div.shaded p.dek {
font: normal 14px/16px Georgia, Times, serif;
margin-left: 84px
}
div.shaded .contentList li {
min-height: 83px;
}
div.shaded .contentList li a.thumb img {
max-width: 75px;
max-height: 75px;
}
div.shaded .contentList h3 {
margin-left: 84px
}

div#subColCS {
float: right;
width: 336px;
margin-bottom: 15px
}

/*-  FIND A SCIENTIST
----------------------------------------------------------------------*/
div#fas {
font: 13px/15px ApresTT, verdana, arial, sans-serif
}
div#fas p {
margin-bottom: 15px
}
div#fas p:last-child {
margin-bottom: 0
}
.roundcorners {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px
}
.roundcornersBottom {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.roundcornersTop {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
div.categoryHeader.fas {
padding-left: 78px;
width: 882px
}
	div.categoryHeader.fas li {
padding: 5px;
}
	div.categoryHeader.fas li.searchLink {
background-color: #cc0000;
color: #fff
}
div.categoryHeader.fas #fas-logo {
text-indent: -9999px;
background: transparent url(/images/global_elements/citSciBadge.png) 3px 5px no-repeat;
width: 80px;
height: 90px;
position: absolute;
top: 0;
left: 0
}
div#fascounter {
position: absolute;
right: 20px;
top: 18px;
padding: 0 9px;
font: bold 12px/20px PreludeBold, arial, sans-serif;
text-align: center
}
	div#fascounter div.sofar {
background-color: #222;
width: 180px;
padding: 5px 0 5px 0
}
div#fas.intro {
}
	div#fas.intro div.blurb {
width: 380px;
float: left;
}
	div#fas.intro div.start {
width: 540px;
float: right;
text-align: center
}
		div#fas.intro div.start ul {
}
			div#fas.intro div.start ul li {
float: left;
width: 170px;
margin-left: 15px
}
			div#fas.intro div.start ul li:first-child {
margin-left: 0
}
			div#fas.intro div.start h3 {
font: bold 21px/29px PreludeBold, arial, sans-serif;
color: #cccccc;
margin-bottom: 15px
}
			div#fas.intro div.start h4 {
border-bottom: #ccc 1px dotted;
width: 100%
}
			div#fas.intro div.start h4 a {
font: bold 18px/28px ApresTT, verdana, arial, sans-serif;
}
			div#fas.intro div.start span {
font-style: italic;
}
	
		div#fas.intro div.disclosure {
color: #cccccc;
font-style: italic;
margin-top: 15px;
}
div#fas.doubleWide {
}
	div#fas.doubleWide p {
margin-bottom: 15px
}
	div#fas.doubleWide p:last-child {
margin-bottom: 0
}
	div#fas.doubleWide div.narrow-content {
width: 125px;
float: left
}
		div#fas.doubleWide div.narrow-content ul {
background-color: #f1f1f1;
padding: 5px 5px 3px 5px;
margin-bottom: 10px
}
									
			div#fas.doubleWide div.narrow-content ul li {
padding-left: 10px;
margin-bottom: 10px;
background: #f1f1f1 url('/images/bullet.gif') 1px 5px no-repeat;
font-size: 12px
}
		div#fas.doubleWide div.narrow-content ul li.manage {
padding-left: 0;
background: none;
font-weight: bold;
font-size: 13px
}
		
			div#fas.doubleWide div.narrow-content a.issueButton {
display: block;
float: none;
width: 123px;
margin: 0 0 10px 0;
}
		div#fas.doubleWide div.narrow-content div.addInfo {
background-color: #f1f1f1;
padding: 8px 5px 15px 5px;
text-align: center;
}
			div#fas.doubleWide div.narrow-content div.addInfo span {
font: bold 16px/22px Georgia, Times, serif
}
		
		div#fas.doubleWide div.wide-content {
width: 470px;
float: left;
margin-left: 10px
}
		div#fas.doubleWide div.wide-content div.identification {
margin-bottom: 38px;
font-size: 14px
}
			div#fas.doubleWide div.wide-content div.identification h3 {
font: bold 25px/35px Georgia, Times, serif;
border-bottom: #ccc 6px solid;
margin-bottom: 10px
}
	
			div#fas.doubleWide div.wide-content div.msgbar {
background-color: #f3f3f3;
border: #ccc 3px solid
}
		
			div#fas.doubleWide div.resultTop, ul.editPrefsContent div.resultTop {
background-color: #1b9ee0;
padding: 5px 8px 5px 8px;
color: #fff;
font-weight: bold
}
		div#fas.doubleWide div.resultBottom, ul.editPrefsContent div.resultBottom {
background-color: #f3f3f3;
padding: 10px 0 5px 0;
overflow: hidden;
margin-bottom: 15px
}
			div#fas.doubleWide div.resultBottom ul {
text-align: center
}
				div#fas.doubleWide div.resultBottom ul li {
float: left;
width: 136px;
padding: 0 10px 0 10px;
margin-bottom: 15px;
}
					div#fas.doubleWide div.resultBottom ul li img {
width: 90;
height: 100px;
}
					div#fas.doubleWide div.resultBottom ul li span {
font-weight: bold;
display: block
}
					div#fas.doubleWide div.resultBottom ul li a.issueButton {
display: block;
float: none;
width: 100px;
margin: 5px 0 0 17px;
color: fff
}
					
			ul#msgBar {
position: relative;
height: 15px;
margin-top: 10px;
margin-bottom: 10px;
border: 3px solid #000;
background-color: #f3f3f3;
padding: 10px
}
			ul#msgBar li {
display: inline;
font: normal 12px/18px Prelude, arial, sans-serif;
}
			ul#msgBar li span,
				ul#msgBar li a {
display: block;
float: left;
margin-right: 11px;
height: auto;
line-height: 18px;
color: #222;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}
				ul#msgBar li span:hover {
text-decoration: underline;
}
				ul#msgBar li#inbox span {
padding-left: 18px;
background-image: url(../../images/flair/email.gif);
font-weight: bold;
}
				ul#msgBar li#goto {
position: absolute;
top: 9px;
right: 0;
}
	
		div#fas.doubleWide div.header {
width: 100%;
border-bottom: #ccc 6px solid;
padding-bottom: 6px;
position: relative;
}
		div#fas.doubleWide div.header h3.signup {
font: bold 20px/26px ApresTT, arial, sans-serif
}
		
			div#fas.doubleWide ul#flairBar li span, div#fas.doubleWide ul#flairBar li a {
margin-right: 0
}
		div#fas.doubleWide ul#flairBar li#emailFlair {
position: absolute;
top: 0;
right: 0;
padding-right: 0;
padding-left: 0;
}
		div#fas.doubleWide ul#flairBar li#shareFlair {
position: absolute;
top: 0;
right: 98px;
padding-right: 0;
padding-left: 0px;
}
		
			div#fas.doubleWide form.genericForm.requestForm, div#fas.doubleWide form.genericForm.requestForm label {
font: normal 14px/18px Prelude, arial, sans-serif
}
		div#fas.doubleWide form.genericForm label.required {
font-weight: bold;
}