/**************************** Core Concepts: Biology 2014 *************************************/
/***************** Main Layout homepage static pages *****************/

body {
    margin: 0;
    padding: 0;
    background: #eceffc; /*url(../images/bg_body.png) repeat left top*/
    color: #444;
    font-weight: 400;
    font-size: 15px;
    /*line-height: 1.618em;*/
    font-family: Helvetica, Arial, "sans serif";
}

.page {
    width: 973px;
    margin: 0 auto;
    padding: 8px 0 0;
}

.header {
    height: 160px;
}

.main {
    margin-top: 8px;
    background: transparent url("../images/detail_middle.png") repeat-y left top;
}

.homePage .main {
    background-image: url("../images/home_middle.png");
}

.standard .main {
    background-image: url("../images/standard_middle.png");
}

.noleft .main {
    background-image: url("../images/standard_middle.png");
}

.mainTop {
    margin-top: 0;
    height: 370px;
    background: transparent url("../images/detail_top.png") no-repeat left top;
}

.homePage .mainTop {
    /* hide this div for top nav menu */
    display: none;
    height: 353px;
    background-image: url("../images/home_browse_top.png");
}

.standard .mainTop {
    background-image: url("../images/standard_top.png");
}

.noleft .mainTop {
    background-image: url("../images/standard_top.png");
}

.mainBottom {
    clear: both;
    height: 60px;
    background: transparent url("../images/detail_bottom.png") no-repeat left bottom;
}

.homePage .mainBottom {
    background-image: url("../images/home_bottom.png");
}

.standard .mainBottom {
    background-image: url("../images/standard_bottom.png");
}

.noleft .mainBottom {
    background-image: url("../images/standard_bottom.png");
}

.mainInnerWrap {
    position: relative;
    margin: 0 0 -90px;
    min-height: 400px;
}

.detail .mainInnerWrap {
    margin: -358px 0 -90px;
}

.standard2 .mainInnerWrap {
    margin: -358px 0 0 0;
}

.noleft .mainInnerWrap {
    margin: -358px 0 0 0;
    /* padding: 0 16px; */
}

.leftcol {
    float: left;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 315px;
}

.rightcol {
    padding-top: 39px;
}

.noleft .leftcol {
    float: none;
    padding: 39px 45px 0;
}

.noleft .rightcol {
    float: none;
    padding: 0;
}

.detail .pagecontent {
    float: left;
    padding: 0 0 70px 40px;
    width: 574px;
}

.noleft .pagecontent {
    /* margin-bottom: 32px;  */
    padding: 0 16px 70px 16px;
}

.footer {
    margin-top: 26px;
    width: 971px;
    color: #000000;
    font-size: 0.813em;
    /*margin-bottom:-156px;
		margin-left: -38px;*/
    padding: 8px 0;
}

.detail .footer {
    margin-top: 0;
}

.standard2 .footer {
    margin-top: 0;
}

/* safari3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .homePage .mainInnerWrap {
        position: static;
    }

    /*resets positioning from parent divs */
    .homePage .searchbar .mid {
        top: -30px;
        display: none;
    }

    #ajaxNav {
        top: -38px
    }

    .footer {
        margin-top: 89px;
    }

    .standard2 .footer {
        margin-top: 0;
    }

    .noleft .footer {
        margin-top: 0;
    }

    /** remove top margin for browse and one-column pages **/
    .standard .footer {
        margin-top: 0;
    }

    /** remove top margin as used on homepage/entry pages **/

}

.standard2 .footer td ul, .homePage .footer td ul, .detail .footer td ul, .noleft .footer td ul {
    margin: 0 0 0 0;
}

.footer td:last-child {
    width: 70px;
}

.footer .logo img {
    border: 1px solid #cccccc;
}

.detail .pagecontent a {
    word-wrap: break-word;
}

.experiment {
    column-count: 2;
    column-width: 70px;
    column-gap: 2em;

    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;

    -webkit-column-width: 130px;
    -moz-column-width: 100%;
    -ms-column-width: 100%;
    -o-column-width: 100%;

    -webkit-column-gap: 1em;
    -moz-column-gap: 6em;
    -ms-column-gap: 6em;
    -o-column-gap: 6em;
}

.experiment hed1 {
    font-weight: 500;
    font-size: 17.5px;
    /*column-break-before: avoid;
    column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -webkit-column-break-before: avoid;
    -moz-column-break-inside: avoid;
    -moz-column-break-before: avoid;
    -ms-column-break-inside: avoid;
    -ms-column-break-before: avoid;
    -o-column-break-inside: avoid;
    -o-column-break-before: avoid;*/
    margin-top: 2em;
}

.experiment hed2 {
    font-weight: 900;
    font-size: 15px;
    margin-top: .5em;
    /*column-break-before: avoid;
    column-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -webkit-column-break-before: avoid;*/
}

.timelinefoot {
    margin-top: 10px;
    width: 971px;
    color: #000000;
    font-size: 14px;
    /*text-decoration: underline;*/
    text-align: left;
    /*margin-bottom:-156px;*/
    margin-left: 850px;
    /*padding:8px 0;*/
}

.experimentHead {
    font-weight: 600 !important;
    font-size: 17.5px;
    line-height: 170%;
}

/**************** Header Search/Login Forms  *****************/

.header #searchform {
    margin: -80px 0 0 51px;
    width: 501px;
    height: 121px;
    background: transparent url("../images/search.png") no-repeat right top;
    /* position: relative; */
    float: right;
}

.header #searchform label {
    display: none;
}

/*.header #searchform #q,
			{

		margin: 12px 0 0 0;
border: 0 none;
			background-color: transparent;
			color: #036;
			font: bold 26px Helvetica, Arial, sans-serif;
		}*/
#loginForm #username, #loginForm #password {
    background-color: transparent;
    color: #036;
    font-weight: bold;
    font-size: 26px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}

#q {
    margin: 7px 0 0 120px;
    width: 335px;
    height: 33px;
    border: 0 none;
    background-color: transparent;
    color: #036;
    font-weight: 800;
    font-size: 24px;
    font-family: sans-serif;

}

.header #searchform .button {
    margin-top: 5px;
    margin-left: 0;
    width: 38px;
    height: 38px;
    border: 0 none;
    background: transparent;
    color: #36629D;
    vertical-align: top;
    text-align: right;
    font-size: 0;
    cursor: pointer;
    position: absolute;
}

.header #loginForm {
    position: relative;
    float: right;
    margin: -98px 4px 50px 0;
    width: 473px;
    height: 48px;
    background: transparent url("../images/login.png") no-repeat right top;
}

#loginForm .row label {
    position: relative;
    display: block;
    margin: -25px 0 0 10px;
    color: #4c61ad;
    font-weight: bold;
    font-size: 1em;
}

#loginForm span.username,
#loginForm span.password {
    display: block;
    float: left;
    width: 201px;
}

#loginForm #username, #loginForm #password {
    width: 199px;
    height: 32px;
    border: 0;
}

#loginForm #username {
    margin: 15px 0 0 12px;
}

#loginForm #password {
    margin: 15px 0 0 16px;
}

#loginForm .submit #formSubmit {
    float: right;
    margin: 0 0 0 -30px;
    width: 54px;
    height: 58px;
    border: 0 none;
    background-color: transparent;
    color: #36629D;
    text-align: right;
    font-size: 0;
    cursor: pointer;
}

/***************** All The Rest *****************/

/* LISTEN hover bg */
#rs_selimg img {
    background: #000000;
}

.header_contact_us {
    display: none;
}

#photocol {
    display: none;
}

ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none outside none;
}

a {
    color: #4c61ad;
    text-decoration: none;
    /* font-weight: bold; */
}

a:hover {
    text-decoration: underline;
}

#readspeaker_button1.rs_skip a {
    color: #FFFFFF;
}

img {
    margin: 0 0 0 0;
    border: 0;
}

.left {
    float: left;
}

.right {
    float: right;
    /*margin-top:-33px; float class only, leaving this rule here for the moment for sitewide testing*/
}

.right td {
    padding-left: 5px;
}

.searchbar {
    float: right;
    width: 950px;
}

/*hide browse buttons on single column and static pages*/

.noleft .page .header .searchbar .mid, .noleft .page .header .searchbar .mid a:link {
    display: none;
}

.standard2 .page .header .searchbar .mid, .standard2 .page .header .searchbar .mid a:link {
    display: none;
}

.searchbar .left {
    display: none;
}

.homePage .searchbar .mid, .user .searchbar .mid {
    position: relative;
    top: -24px;
    left: 800px;
    float: left;
    height: 29px;
    background-image: url(../images/browseButtons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #336699;
    font-size: 0px;
    /* z-index:1;*/
    display: block;
    /*padding-bottom: 30px;*/
    width: 150px;

}

.user .searchbar .mid a:link {
    display: inline;
    float: right;
    margin-right: 8px;
    width: 149px;
    height: 27px;
    /*font-size:0px;*/
}

.homePage #browsecategories {
    display: none;
}

.searchbar .mid {
    position: relative;
    top: 66px;
    left: -18px;
    z-index: 1;
    display: block;
    float: left;
    width: 316px;
    height: 29px;
    background-image: url(../images/browseButtons.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #336699;
    font-size: 0px;
}

.searchbar .mid a:link {
    display: inline;
    float: right;
    margin-right: 7px;
    width: 150px;
    height: 20px;
    padding: 0;
}

.public .searchbar .mid {
    background: none;
}

.logo1 {
    margin-left: 0;
    /* float:left; */
    margin-top: 24px;
    margin-bottom: 20px;
}

.tools {
    float: left;
    margin-top: 21px;
    width: 70px;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
}

form {
    margin: 0;
    padding: 0;
}

.header .tools {
    margin: -9px 0 0 0; /*39px 0 0 0*/
    width: auto;
}

.header .tools .inner li {
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    color: #444;
    /* color: #E0F2FF; */

}

.detail .header .tools {
    margin: 24px 0 0 0;
}

/* .header .tools .inner ul li {
	        margin:-20px 0 0 0;
		padding:20px;
		width:612px;
		height:232px;
		background-repeat:no-repeat;
		color: #FFFFFF;
		text-decoration: none;
	.homePage .mainContent
	background-image:url("../images/checkItOut.png"); */

.brainTeasers a {
    color: #FFF;
}

.header .tools .inner a#\_login {
    display: none;
}

.header .tools .inner a {
    margin-top: 25px;
    color: #333;
    text-decoration: none;
    font-size: 0.8em;

}

.header .tools .inner a:hover {
    text-decoration: underline;
}

.logo2 {
    float: right;
    margin-top: 5px; /*50px;*/
    margin-right: 14px;
    width: 173px;
}

.detail .logo2 {
    margin-top: 35px;
}

.nav {
    margin: 3px 0 0 97px; /*18 0 0 97px*/
    list-style-position: outside;
}

.nav li {
    height: 68px;
    color: #362e68;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.19em;
    line-height: 1.22em;
    cursor: pointer;
}

.nav li a {
    color: #362e68;
    text-decoration: none;
}

.nav li a:hover {
    text-decoration: none;
}

.nav li a:hover {
    color: #362e68;
}

.nav li div {
    position: absolute;
    margin-left: -6px;
    width: 210px;
    vertical-align: top;
}

#category_menu_1 div {
    margin-top: 21px;
}

/*Don't do what I do, hack for Chrome*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #menuOne div {
        margin-top: -50px;
    }

    #menuTwo div {
        margin-top: -50px;
    }

    #menuThree div {
        margin-top: -60px;
    }

    #menuFour div {
        margin-top: -60px;
    }

    #menuFive div {
        margin-top: -60px;
    }

    #menuSix div {
        margin-top: -50px;
    }

    #menuSeven div {
        margin-top: -50px;
    }

    #menuEight div {
        margin-top: -50px;
    }

    #menuNine div {
        margin-top: -50px;
    }

    #menuTen div {
        margin-top: -60px;
    }
}

.hotlines,
.menuFoot {
    margin: 92px 0 0 14px;
    width: 283px;
}

.hotlines img,
.menuFoot img {
    margin-top: 3px;
    margin-bottom: 8px;
}

.homePage .footer {
    clear: both;
}

.topContent {
    margin: 0 auto;
    padding: 20px;
    width: 612px;
    height: 306px;
    background-image: url(../images/takeacloserlook.png);
    background-repeat: no-repeat;
}

.topSectionTitle {
    margin: -5px 0 0 -3px;
    padding: 0; /* padding-top:22px; */ /* padding-left:22px; */
    color: #FFFFFF;
    letter-spacing: -2px;
    font-weight: bold;
    font-size: 28px;
    font-family: Helvetica, Arial, "sans serif";
}

.video {
    float: left;
    margin: 11px 0 0 -19px;
    width: 384px;
    height: 277px;
    /* border:1px solid #FF0000; */
}

.homePage .topContent video {
    margin: 0px 0 0 0px;
    width: 373px;
    height: 277px;
}

/* FLASH video width on the homepage*/
.homePage #player {
    width: 371px;
    height: 277px;
}

.videoDescription {
    float: right;
    margin: -32px 32px 0 -5px;
    height: 262px;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    /*margin: -32px 42px 0 -5px;*/
    width: 218px; /*210px*/
}

.videoDescription h3 {
    margin: -7px 0 2px 0;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
    font-family: Helvetica;

    /* width:150px; */
    color: #000;
}

.videoDescription p {
    margin-top: 0;

}

.learnMore {
    float: left;
    margin: 0;
}

.learnMore2 {
    margin-top: 4px;
}

.videoDescription .learnMore a {
    height: 24px;
    /* display:block; */
    width: 82px;
    /* background: transparent url(../images/readmore.png) no-repeat left top;
 */
}

/* .videoDescription .learnMore span {
				position:absolute;
				left:-999em;
			}
 */

.closerLookNumbers {
    margin-top: 18px;
    margin-left: -1px;
    font-size: 0.88em;
}

.s1 a {
    background-color: #FFF;
}

.s1Div {
    width: 85px;
    font-weight: bold;
}

.s1Div .sel {
    color: #666;
}

.s1Div div {
    float: left;
    width: 17px;
    text-align: center;
}

.homePage .pagecontent .mainContent {
    margin: 5px 0 10px 0;
    padding: 20px;
    width: 612px;
    height: 297px;
    background-image: url("../images/checkItOut.png");
    background-repeat: no-repeat;
}

.homepage .mainContent h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #FFFFFF;
}

.checkItOutContent {
    position: relative;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    /* top: -20px; */
    margin: 0 0 0 -7px;
}

.checkItOutTitle {
    margin: -5px 0 0 -5px;
    color: #FFFFFF;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 25px;
    font-family: Helvetica, Arial, Helvetica, "sans serif";
}

.checkItOutDescription {
    margin-top: 6px;
    color: #333333;
    line-height: 1.42em;
}

.pointer {
    cursor: pointer;
}

/* Games */
.games {
    float: left;
    margin-top: 20px;
    width: 295px;
    height: 250px;
    background-image: url(../images/games.png);
}

.gamesTitle {
    margin-top: 17px;
    margin-left: 19px;
    color: #FFFFFF;
    font-size: 1.75em;
    font-family: Georgia;
}

.gamesImage {
    margin: -10px auto 0;
    width: 264px;
    height: 174px;
}

/* Brain Teasers */

.brainTeasers {
    float: right;
    margin-top: 18px;
    width: 295px;
    height: 253px;
    background-image: url(../images/brainTeasers.png);
}

.brainTeasers div {
    margin-left: 13px;
}

.brainTeasers form {
    margin: 0;
    padding: 0;
}

.brainTeasers div div {
    margin-top: 1.5px;
    margin-left: 0;
    color: #FFFFFF;
}

.brainTeasersTitle {
    margin-top: 18px;
    padding-left: 6px;
    color: #FFFFFF;
    font-size: 1.75em;
    font-family: Georgia;
}

.brainTeasersTxt {
    margin-top: 8px;
    padding-left: 7px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1em;
}

.brainTeasersSurvey {
    margin-top: 8px;
}

.getAnswer {
    margin-top: 7px;
    margin-left: 4px;
}

.none {
    display: none;
}

/*********************** Standard *********************/

body.noleft .page .main .mainInnerWrap .rightcol .browseresults,
body.noleft .page .main .mainInnerWrap .rightcol .searchresults {
    padding: 40px 45px;
}

.standard .breadcrumbs,
.standard2 .breadcrumbs {
    display: none;
    margin: 0;
    color: #333333;
    font-size: 0.88em;
    font-family: Helvetica;
}

#pagetitle {
    margin-top: 22px;
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.onecol #pagetitle {
    position: relative;
    top: -20px;
    left: 0;
    width: 700px;
    /* margin-top: 0; */
}

.searchresults #pagetitle {
    color: #7dc034;
}

.noleft .subnav ul {
    position: relative;
    margin: -1em 0;
}

.noleft .subnav li {
    display: inline;
}

.noleft .subnav a {
    color: #333333;
    font-size: 0.88em;
    font-family: Helvetica;
}

.noleft .subnav a:after {
    content: " �";
}

.noleft .subnav li:last-child a:after {
    content: "";
}

#\_content {
    /* padding-top:6px; */
    line-height: 1.39em;
}

#\_content > p {
    margin-top: -6px;
    line-height: 1.39em;
}

h2.blue {
    color: #033D8C;
    font-weight: bold;
    font-size: 1.31em;
}

.bold {
    font-weight: bold;
}

.footer table {
    border-collapse: collapse;
}

.footer ul {
    float: left;
    margin-left: 16px;
    padding-top: 2px;
    font-size: 12px;
}

.hidden {
    visibility: hidden;
}

.footer li:first-child {
    margin: 0;
    padding: 0;
    background: transparent none;
}

.footer li {
    float: left;
    margin-left: 7px;
    padding: 0 0 0 6px;
    background: transparent url(../images/footBar.png) no-repeat left center;
}

.footerBar {
    margin: 0px 6px;
    /* vertical-align:sub; */
}

.footer a {
    color: #333;
}

.copyright {
    float: right;
    clear: right;
    margin: 0;
    padding: 2px 4px 1px 0;
    color: #333;
    font-size: 11px;
}

/****************** Results ****************/

h3 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}

#\_results {
    width: 870px;
    line-height: 1.41em;
}

.resultsTxtContainer {
    float: left;
    margin-top: 10px;
    width: 440px;
    border-right: 1px solid #CCCCCC;
    line-height: 1.47em;
}

.resultblock > p {
    margin: 0;
    padding: 0;
}

.\_resultnumber {
    float: left;
    color: #333333;
    font-weight: bold;
}

.\_resultnumber2 {
    color: #333333;
    vertical-align: top;
    font-weight: bold;
}

.\_result {
    font-weight: bold;
}

.highlight {
    background-color: #FEB96B;
    font-weight: bold;
}

.thinBar {
    margin-top: 11px;
    margin-bottom: 7.5px;
    width: 422px;
    height: 1px;
    background-image: url("../images/thinBar.png");
    background-repeat: no-repeat;
}

.thickHrzBar {
    margin-top: -7px;
    width: 880px;
    height: 7px;
    background-image: url("../images/thickHrzBar.png");
    background-repeat: no-repeat;
}

.searchresults > h2 {
    margin-bottom: 14px;
}

.resultblock {
    width: 430px;
}

.resultsImgContainer {
    float: left;
    margin-top: 10px;
    margin-left: 20px;
    width: 408px;
}

.resultImg {
    /* height:152px; */
    vertical-align: top;
}

.resultImg img {
    margin-top: 6px;
    margin-left: 4px;
    /* border:2px solid #6ccaf2; */
}

.resultImgDescContainer {
    vertical-align: bottom;
}

.resultImgDesc {
    margin-top: 3px;
    width: 198px;
    font-style: italic;
    font-size: 0.88em;
    line-height: 1.27em;
}

.thinBar2 {
    margin-bottom: 8px;
    width: 422px;
    height: 1px;
    background-image: url("../images/thinBar.png");
    background-repeat: no-repeat;
}

.resultsImgContainer .resultblock > h3 {
    float: left;
}

.spacer2 {
    height: 8px;
}

.resultsPage {
    margin-top: 7px;
    text-align: center;
    font-size: 0.88em;
}

/***************** Standard2 STATIC PAGES *****************/

.leftnav .leftNavTitle {
    position: relative;
    overflow: hidden;
    margin: -33px 0 0 -5px;
    padding: 10px 0 0 0;
    height: 61px;
    width: auto;
    background: transparent url(../images/public_home_left_featuring.png) no-repeat left top;
}

.leftnav #pagetitle {
    margin-left: 30px;
    padding: 0 15px 0 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.15em;
    font-family: Helvetica, Arial, Helvetica, "sans serif";
    line-height: 1.05em;
}

.standard2 .leftnavImgs2 img {
    margin: -7px -2px 10px -7px;
}

.standard2 .subnav {
    margin: 10px 0 0 0;
}

.standard2 .subnav ul {
    margin: 0;
    padding: 0;
    width: 283px;
    font-weight: bold;
}

.standard2 .subnav li {
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 1em;
}

.standard2 .subnav li a {
    display: block;
    padding: 3px 0 3px 35px;
    background: transparent url(../images/static2_bullet.gif) no-repeat 16px 5px;
    color: #67000a;
    text-decoration: none;
    font-size: 1.13em;
    line-height: 22px;
}

.standard2 .subnav li a:hover {
    background-position: -455px 5px;
    color: #b11719;
}

.standard2 .subnav ul li a:last-child {
    border-top: solid 1px #362e68;
    border-bottom: none;
}

.standard2 .itemblock {
    margin: 15px 0;
}

.leftnavImgs,
.leftnavImgs2 {
    margin: 15px 0 0 11px;
    width: 311px; /*283px*/
}

.detail .leftnavImgs2 {
    margin: 8px 0 0 6px;
}

.leftnavImgs2 img {
    margin: 4px -2px 0px 0px;
}

.leftnavImg {
    margin-top: 3px;
    margin-bottom: 8px;
}

.standard2 .pagecontent {
    float: left;
    padding-left: 40px;
    width: 578px;
}

.standard2 .footer {
    clear: both;
}

.standard2 #pagetitle {
    margin-top: 13px;
}

.standard2 .pagecontent #pagetitle {
    color: #4c61ad;
}

.standard2 #\_content {
    padding-top: 1px;
    line-height: 1.39em;
}

.standard2Banner {
    float: left;
    margin-right: 14px;
}

.standard2Text > p {
    margin-top: 10px;
}

.standard2 h2.blue {
    margin-top: 18px;
    margin-bottom: 15px;
}

.standard2Paragraph {
    line-height: 1.44em;
}

/***************** Detail ENTRY PAGES *****************/

.toolbox {
    overflow: hidden;
    margin: -19px 0 58px 14px;
    height: 33px;
    font-weight: 400;
    font-size: 0.75em;
}

.toolbox .print, .toolbox .email {
    display: block;
    float: left;
    margin-left: 3px;
    padding: 0 4px 0 38px;
    color: #fff;
    text-decoration: none;
    line-height: 2.75em; /*33px*/
}

.toolbox a:hover {
    text-decoration: underline;
}

.toolbox a#\_print {
    background: transparent url(../images/detailPrint.png) no-repeat left top;
}

.toolbox a#\_email {
    background: transparent url(../images/detailEmail.png) no-repeat left top;
}

.toolbox a#\_cite {
    padding: 0 0 0 35px;
    background: transparent url(../images/detailCite.png) no-repeat left top;
}

.toolbox img {
    margin-top: -4px;
    vertical-align: middle;
}

.detail #sections li .spacing {
    padding-top: 7px;
    /* 17px FinLit */
}

#sections li:last-child {
    padding-bottom: 7px;
}

.detail .subnav, .standard2 .subnav {
    margin-top: -17px; /*30px;*/
    margin-left: 4px;
}

.itemblock {
    margin: 25px 0 15px 0;
}

#_backsections.itemblock.resources ul {
    padding: 0 0 0 0;
    border-top: 1px solid #dbe2f0;
    /*margin-top: 280px;*/
}

#_backsections.itemblock.resources ul li:last-child {
    padding: 0 0 10px 0;
}

.detail .subnav h2, .standard2 .subnav h2 {
    margin: 0px 0px -38px;
    padding: 14px 17px;
    width: 272px;
    height: 37px;
    background: transparent url("../images/detailMenuTop.png") no-repeat left top;
    color: #fff;
    font-size: 1.15em;
    line-height: 1em;
}

.detail .subnav ul, .standard2 .subnav ul {
    margin: -33px 0 0 0;
    padding: 10px 0 10px 0;
    width: 306px;
    background: #ffffff url("../images/detailMenuFoot.png") no-repeat left bottom;
    font-weight: bold;
}

/* #_backsections ul {
	padding-top: 0 0 10px 0; */

.detail #sections {
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    background-image: transparent url("../images/detailMenuBody.png") no-repeat left top;
}

.detail .subnav li {
    padding-bottom: 0;
    border-right: none;
    font-weight: normal;
    /* 3px solid #003464;*/
    border-left: none;
}

.standard2 .subnav li:first-child {
    margin-top: 6px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    /* border-top: solid 14px #FC0; */
    border-right: none;
    /* 3px solid #003464;*/
    border-left: none;
}

/* .detail .subnav .resources li:first-child a {
		padding-top: 20px; */
.detail .subnav ul a, .standard2 .subnav ul a {
    display: block;
    padding: 11px 14px;
    border-right: 1px solid #362e68;
    border-bottom: 1px solid #dbe2f0;
    border-left: 1px solid #362e68;
    color: #362e68;
    text-decoration: none;
    font-weight: normal;
    font-size: 0.94em;
    line-height: 1.61em;

}

.detail .subnav ul a:hover,
.detail .subnav ul .on, .standard2 .subnav ul a:hover, .standard2 .subnav ul .on {
    margin-top: 0px;
    border-bottom: 1px solid #dbe2f0;
    border-left: none;
    background-color: #4c4a84;
    color: #fff;
    font-weight: normal;
    /* border-top:1px solid #0099cc; */
    border-right: none;

}

.detail .subnav li:last-child a {
    border-right: 1px solid #362e68;
    border-bottom: 1px solid #dbe2f0;
    border-left: 1px solid #362e68;

}

.detail .subnav #sections li:first-child a:hover, .detail .subnav #sections li:first-child .on {
    margin-top: 0px;
    border-top: 0;
}

.detail .subnav .resources .last a,
.detail .subnav .resources li:last-child a {
    margin-top: 0px;
    border-right: 1px solid #362e68;
    border-bottom: none;
    border-left: 1px solid #362e68;
}

.detail .related {
    overflow: hidden;
    margin: -6px 0 0 4px;
    background: transparent url("../images/detailInvestigateTop.png") no-repeat left top;
}

.detail .related h3 {
    margin-top: 10px;
    padding: 0 16px 5px;
    width: 306px;
    color: #fff;
    font-weight: bold;
    font-size: 1.15em;
}

.detail .related ul {
    margin: 0 0 10px 0;
    padding: 0;
    padding-bottom: 10px;
    width: 306px;
    background: #fff url("../images/detailMenuFoot.png") no-repeat left bottom;
}

.detail .related li {
    padding: 0;
    border-right: 1px solid #362e68;
    border-bottom: 1px solid #dbe2f0;
    border-left: 1px solid #362e68;
    font-weight: normal;
    font-size: .95em;
    line-height: 1.61em;
}

.detail .related li:last-child {
    padding-bottom: 5px;
}

.detail .related li a {
    display: block;
    padding: 10px 16px 6px 15px;
    text-decoration: none;
    /* background: transparent url(../images/resources_bullet.gif) no-repeat 16px 7px; */
    color: #362e68;
}

.detail .related li:last-child {
    border-bottom: none;
}

.detail .related li a:hover {
    background-color: #4c4a84;
    /* background-position:-455px 7px; */
    color: #FFFFFF;
}

#sections .line {
    float: left;
    margin-left: -20px;
    width: 283px;
    height: 1px;
    background-image: url("../images/detailMenuLine.png");
    line-height: 0;
}

.detail .quicknav {
    margin: 15px 0 0 0;
    font-weight: bold;
    font-size: 0.88em;
}

.detail .quicknav table {
    width: 100%;
    background-color: #4c61ad;
}

.detail .quicknav .prev a,
.detail .quicknav .next a {
    display: block;
    padding: 0 12px;
}

.detail .quicknav .prev a {
    margin-left: 4px;
    background: transparent url(../images/quicknav_prev.png) no-repeat left 3px;
}

.detail .quicknav .next a {
    margin-right: 4px;
    background: transparent url(../images/quicknav_next.png) no-repeat right 3px;
    text-align: right;
}

.detail .quicknav .prev .off,
.detail .quicknav .next .off {
    display: none;
}

.detail .quicknav ._navlink {
    margin: 2px 0 0 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
}

.listen {
    color: #333333;
    font-size: 0.88em;
}

.listenContainer {
    margin: 8px 0;
    /*padding-bottom: 12px;*/
}

#readspeaker_button1 {
    float: right;
    margin: -72px 0 0 0;
}

.article-text {
    margin-top: 5px;
    margin-bottom: 17px;
    font-size: 0.97em;
    line-height: 1.618em;
}

.article-text h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.article-text h5 {
    margin-top: 0;
    margin-bottom: 0;
    color: #4c4a84;
    font-weight: normal;
    font-size: 1.25em;
}

.article-text sup {
    position: relative;
    top: -0.5em;
    vertical-align: top;
}

.article-text sub {
    position: relative;
    bottom: -0.5em;
    vertical-align: bottom;
}

.article-text ul {
    padding-left: 1.5em;
    list-style: disc outside;
}

.article-text .bibliography {
    padding-left: 0;
    list-style: none;
}

.detailTxt1 {
    margin-bottom: 1px;
}

.detailTopDescription {
    float: right;
    margin-top: 6px;
    margin-right: 8px;
    margin-bottom: -4px;
    color: #666666;
    font-size: 0.62em;
}

.detailCenterTxt {
    float: left;
    margin-top: 21px;
    width: 570px;
    line-height: 1.41em;
}

.detailPrint {
    float: left;
    margin-left: 11px;
    color: #498C02;
    font-size: 0.67em;
}

.detailView {
    float: right;
    margin-top: 0;
    margin-right: 16px;
    color: #498C02;
    font-size: 0.67em;
}

.detailView img {
    margin-top: 7px;
    margin-left: 4px;
}

.detailCaption {
    float: left;
    margin-top: -10px;
    margin-left: 10px;
    color: #000000;
    font-weight: normal;
    font-style: italic;
    font-size: 0.79em;

}

.detailGreenBodyTop {
    margin-top: -30px;
}

.detailGreenContainer {
    float: right;
    margin: 6px 0 6px 12px;
    width: 284px;
}

.detailGreenTop {
    height: 8px; /*9px*/
    background-color: #74c044;
    /*background-image: url(../images/detailGreenTop.png);*/
}

.detailGreenBody {
    padding: 20px;
    background-color: #acd98f;
    /*background-image: url(../images/detailGreenBody.png);*/
    line-height: 18px;
}

.detailGreenContainer h3 {
    position: relative;
    margin: -5px 0 .25em;
    color: #4c4a84;
    font-weight: bold;
    font-style: italic;
    font-size: 1.25em;
    font-family: Helvetica, Arial, "sans serif";
}

.detailGreenTxt {
    position: relative;
    margin-bottom: -5px;
    color: #4c4a84;
    font-size: 0.95em;
    line-height: 1.61em;
}

.detailGreenFoot {
    height: 9px;
    background-color: #74c044;
    /*background-image:url("../images/detailGreenFoot.png");*/
}

.detailVideo {
    margin-top: 10px;
    width: 394px;
    color: #666666;
    text-align: right;
    font-size: 0.62em;
}

.detailVideo img {
    margin-top: -4px;
}

.detailCaption2 {
    float: left;
    margin: 5px 0px 15px 10px;
    color: #000000;
    font-weight: normal;
    font-style: italic;
    font-size: 0.79em;
    line-height: 17px;
}

.citation {
    margin-top: 22px;
    min-height: 80px;
    width: 571px;
    border: 2px solid #4c61ad;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*background:transparent url("../images/citation_bottom.png") no-repeat left bottom;*/
    font-size: 0.88em;
}

.citation .content {
    padding: 10px 15px 5px;
    /*background:transparent url("../images/citation_top.png") no-repeat left top;*/
}

.citation a {
    color: #333;
}

.citation .content > h4 {
    margin: 0;
    margin-bottom: 0;
    padding: 0;
    color: #666666;
    font-weight: bold;
}

.refcite {
    margin: 5px 0px;
    color: #333333;
}

.detail #pagetitle {
    margin: -33px 0 22px -22px;
    color: #FFFFFF;
    white-space: no-wrap;
    font-weight: normal;
    font-size: 1.22em;
    font-family: Helvetica, Arial, "sans serif";
}

.middle {
    vertical-align: middle;
}

.detail .footer {
    clear: both;
}

.top {
    vertical-align: top;
}

.inlineGlossaryItem {
    color: #238cda;
    font-weight: bold;
    cursor: pointer;
}

#detailPopup {
    position: absolute;
    display: none;
    padding: 12px;
    width: 250px;
    border: 6px solid #349deb;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #238cda;
    color: #fff;
}

/********************* Top Buttons **********************/
.topButtons {
    margin-left: 10px;
}

.topButtons li {
    float: left;
}

.topButtons a {
    display: block;
    width: 83px;
    height: 26px;
    background: url("../images/top-buttons.png") top left no-repeat;
    text-indent: -999em;
}

.topButtons .life a {
    margin-right: 10px;
}

.topButtons .earchSpace a {
    width: 140px;
    background-position: bottom left;
}

/* Overrides */
.header {
    padding-top: 0;
    height: auto;
    background-position: 0 52px;
}

/*************** Visual Browse Page ***************/

.pagecontent.visual-browse {
    padding-top: 40px;
}

.visual-browse .left, .visual-browse .middle, .visual-browse .right {
    float: left;
    margin-top: 15px;
    padding: 0 0 5px 0;
    width: 293px;
    background: url(../images/visual-browse/bkgd-lowerCorner.png) transparent bottom left no-repeat;
}

.categories {
    margin: -20px 0 0 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

/*.categories a {
		margin: 5px 2px 0 -1px;
		padding: 4px;
		background-color: #C7EAF8;
		color: #362e68;
		line-height: 32px;
		border: 2px solid #C6E9F5;
		white-space: nowrap;
		}*/

.categories a {
    display: inline-block;
    margin: 3px 2px 0 -1px;
    padding: 4px;
    border: 2px solid #4c61ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4c61ad;
    color: #fff;
    white-space: nowrap;
    line-height: 22px;
}

.categories a:hover {
    border: 2px solid #c0caf9;
    background-color: #c0caf9;
    color: #4c61ad;
}

.categories a.current {
    border: 2px solid #4c61ad;
    background-color: #FFF;
    color: #4c61ad;
}

.categories span:last-child {
    display: none;
}

.visual-browse h3 {
    margin: 0 !important;
    padding: 0 0 0 13px;
    background: url(../images/visual-browse/bkgd-topCorner.png) transparent left 14px no-repeat;
    color: #003366;
    font-weight: normal;
    font-size: 24px;
    font-family: Helvetica, Arial, "sans serif";
}

.visual-browse .middle h3, .visual-browse .right h3 {
    color: #036;
}

.main .rightcol .visual-browse ul.list {
    overflow: auto;
    margin: 0;
    border-left: 2px solid #ffcc33;
}

.visual-browse ul.list li {
    float: left;
    clear: both;
    margin: 0 0 5px 0;
    padding: 0 0 0 5px;
}

.visual-browse ul.list a img {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: -21px 0 0;
    /* border: 1px solid #096931;*/
}

.visual-browse ul.list a {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 7px 0;
}

.visual-browse ul.list a:hover {
    text-decoration: none;
}

.visual-browse ul.list a.active,
.visual-browse ul.list a.active:hover {
    background: url(../images/visual-browse/bkgd-onState_arrow.png) no-repeat right center transparent;
}

.visual-browse ul.list a:hover .mid {
    color: #036;
}

.visual-browse ul.list .mid, .visual-browse ul.list a.active .mid {
    display: block;
    margin: 2px 0 0 0;
    padding: 0 20px 0 59px;
    min-height: 42px;
    width: 206px;
    color: #003366;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
}

.visual-browse ul.list a:hover .mid {
    background: url(../images/visual-browse/bkgd-hover_mid.png) repeat-y left top transparent;
}

.visual-browse ul.list a.active .mid,
.visual-browse ul.list a.active:hover .mid {
    background: url(../images/visual-browse/bkgd-onState_mid.png) repeat-y left top transparent;
}

.visual-browse ul.list .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 274px;
    height: 10px;
}

.visual-browse ul.list .bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 274px;
    height: 10px;
}

.visual-browse ul.list a:hover .top {
    background: url(../images/visual-browse/bkgd-hover_top.png) no-repeat left top transparent;
}

.visual-browse ul.list a:hover .bot {
    background: url(../images/visual-browse/bkgd-hover_bot.png) no-repeat left bottom transparent;
}

.visual-browse ul.list a.active .top,
.visual-browse ul.list a.active:hover .top {
    background: url(../images/visual-browse/bkgd-onState_top.png) no-repeat left top transparent;
}

.visual-browse ul.list a.active .bot,
.visual-browse ul.list a.active:hover .bot {
    background: url(../images/visual-browse/bkgd-onState_bot.png) no-repeat left bottom transparent;
}

/*************** Structural Popup Styles ***************/

.popupWindow {
    padding: 10px;
    background: transparent none;
    color: black;
}

.popupWindow .page {
    width: auto;
}

.popupWindow .header {
    height: auto;
}

@media print {
    .popupWindow {
        padding: 0;
    }
}

/*************** PUBLIC HOMEPAGE WIDGETS ***************/

.boxWidget {
    position: relative;
    margin: -26px auto 35px;
    width: 612px;
    /* background: url(../images/boxwidget1_mid.png) repeat-y left top transparent; */
}

.boxWidget .top {
    position: relative;
    height: 0;
    /* background: url(../images/boxwidget1_top.png) no-repeat left top transparent; */
}

.boxWidget .bottom {
    position: relative;
    clear: both;
    margin: -15px 0 0 0;
    height: 10px;
    /* background: url(../images/boxwidget1_bot.png) no-repeat left bottom transparent; */
}

.homePage .boxWidget {
    background-color: #fff;
    width: 967px;
}

.purpleBorder {
    background-image: url(../images/boxwidget2_mid.png);
}

.purpleBorder .top {
    background-image: url(../images/boxwidget2_top.png);
}

.purpleBorder .bottom {
    background-image: url(../images/boxwidget2_bot.png);
}

.yellowBorder {
    background-image: url(../images/boxwidget3_mid.png);
}

.yellowBorder .top {
    background-image: url(../images/boxwidget3_top.png);
}

.yellowBorder .bottom {
    background-image: url(../images/boxwidget3_bot.png);
}

.boxWidget .content {
    position: relative;
    overflow: hidden;
    margin: 0; /* -20px 0 0 0 */
    padding: 0 22px 25px 22px;
}

.boxWidget h2,
.boxWidget .topSectionTitle {
    margin: 0 0 20px 0;
    padding: 8px;
    color: #eceffc;
    background-color: #4c61ad;
    letter-spacing: -2px;
    font-weight: bold;
    font-size: 2.6em;
    font-family: Helvetica, Arial, "sans serif";
}

.boxWidget h3 {
    margin: 0 0 12px 0;
    color: #4c61ad;
    font-weight: bold;
    font-size: 1.45em;
}

.boxWidget p {
    margin: 0 0 1em;
    font-size: 1.05em;
    line-height: 24px;
}

.boxWidget h2 + h3,
.boxWidget .topSectionTitle + h3,
.boxWidget h2 + p,
.boxWidget .topSectionTitle + p {
    position: relative;
    margin-top: -8px;
}

.boxWidget h3 + p {
    position: relative;
    margin-top: -8px;
}

.boxWidget .learnMore {
    overflow: hidden;
    margin: 0 0 6px;
}

.boxWidget .learnMore:last-child {
    margin: 0;
}

.boxWidget .learnMore a {
    display: block;
    float: left;
    clear: both;
    padding: 0 36px 0 0;
    min-height: 32px;
    background: transparent url(../images/green_arrow.png) no-repeat right center;
    font: bold 18px Helvetica, Arial, sans-serif;
}

.boxWidget .halfWidth a {
    width: 205px;
}

.boxWidget .learnMore a:hover {
    text-decoration: none;
}

.boxWidget .leftContent {
    float: left;
    width: 250px;
}

.boxWidget .rightImg {
    position: relative;
    position: relative;
    float: right;
    margin: -22px -19px -22px 0;
    width: 303px;
}

.boxWidget .leftImg img,
.boxWidget .rightImg img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.boxWidget blockquote {
    margin: 35px;
    padding: 25px 75px 0 70px;
    background: url(../images/blockquote.png) no-repeat left top transparent;
}

.boxWidget blockquote p {
    margin: 0;
}

.boxWidget cite {
    display: block;
    color: #003464;
    font-weight: bold;
    font-style: normal;
    font-size: .8em;
}

/* Home Page Quiz */

#quiz {
    width: 296px;
    color: #003466;
}

#quiz h2 {
    position: relative;
    top: -37px;
    margin: 15px 0 5px 0;
    padding-top: 4px;
    color: #FFF;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 23px;
    font-family: Helvetica, Arial, "sans serif";
}

#quiz .top {
    height: 43px;
    background: url(../images/bkgd_quizTop.png) transparent top left no-repeat;
}

#quiz .bottom {
    height: 11px;
    background: url(../images/bkgd_quizBottom.png) transparent bottom left no-repeat;
}

#quiz .quizContent {
    padding: 10px 20px;
    min-height: 200px;
    background: url(../images/bkgd_quiz.png) transparent top left no-repeat;
}

.quizContent h2 {
    margin: -10px 0 0 0;
}

#pollQuizSubmit {
    margin: 0 0 0 65px;
    width: 98px;
    height: 31px;
    border: 0;
    background: url(../images/bkgd_quizButton.png) transparent top left no-repeat;
    /* text-indent: -222em; */
    cursor: pointer;
}

#_pollquestion {
    margin: -30px 0 -25px 0;
    color: #000;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
}

#textToSpeechBlock .caption a.larger {
    font-weight: bold;
    font-style: normal;

    /* background-image:url("../images/magnifyingGLASS.png"); */

    /* background-position:0px 0px; */

    /* background-repeat:no-repeat; */
    color: #4c61ad;
}

.fancytable p {
    margin: 0 -10px 0 -10px;
    padding: 0 10px 0 10px;
    border-bottom: 1px solid #000000;
}

.fancytable td {
    padding: 0 40px 0 0;
}

.fancytable tr td {
    vertical-align: text-top;
}

.glossary ul li {
    padding: 0 0 10px 0;
}

/* Google translate */

.rosenScript {
    float: right;
    margin-top: 5px;
}

/* class to hide the speaker button on translated pages */
html.translated-ltr #readspeaker_button1,
html.translated-rtl #readspeaker_button1 {
    visibility: hidden;
}

/* Homepage Text Link Styles */
.homePage .mainContent a {
    padding: 8px;
    background-color: #67AF24;
    color: #fff;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1em;
}

/** Changes below made by Thumbtack for new home page categories style --------------*/

/* safari/chrome hacks */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
#ajaxNav { top: -28px; height:159px }
#homeBrowse #catClose {top:348px; right:293px;}
}
*/

/**iOS hacks**/

/* iPhone v(4,4S) portrait */
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/* iPhone v(4,4S) landscape */
@media all and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/* iPhone 5(*) portrait */
@media all and (max-device-width: 480px) and (orientation: portrait) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/* iPhone 5(*) landscape */
@media all and (max-device-width: 480px) and (orientation: landscape) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/* iPad portrait */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/* iPad landscape */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #loginForm #username {
        margin: 10px 0 0 10px;
        width: 189px
    }

    #loginForm #password {
        margin: 10px 0 0 14px;
        width: 189px;
    }
}

/** end iOS **/

#ajaxNav > div, #ajaxNav > a {
    float: left;
    margin: 0 5px 5px 0;
    padding: 8px;
    width: 116px;
    height: 55px;
    background: #67AF24;
    color: white;
    font-weight: 400;
    font-size: 0.95em;
    line-height: 16px;
    opacity: 1.0;
    cursor: pointer;
}

#ajaxNav > div, #ajaxNav > a:last-child {
    float: left;
    margin: 0 5px 5px 0;
    padding: 8px;
    width: 116px;
    height: 55px;
    background: #f0ac41;
    color: white;
    font-weight: 400;
    font-size: 0.95em;
    line-height: 16px;
    opacity: 1.0;
    cursor: pointer;
}

#ajaxNav > div:hover, #ajaxNav > a:hover {
    opacity: 0.7;
}

#ajaxNav a, #ajaxNav div div {
    color: white;
    text-decoration: initial;
}

#ajaxNav {
    position: relative;
    top: -24px;
    left: 6px; /*border-bottom: solid 1px #073D5C;*/
    width: 971px;
    height: 162px;
    background: transparent;
}

.homePage .leftcol {
    display: none;
}

.homePage .mainInnerWrap {
    width: 967px;
    position: relative;
    border: solid 2px #4c61ad;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa;
}

.public .mainInnerWrap {
    border: 0;
    background-color: #eceffc;
}

.public .main {
    background: transparent;
}

.public .boxWidget {
    border-top: 10px solid #4c61ad;
    border-right: 1px solid #4c61ad;
    border-bottom: 1px solid #4c61ad;
    border-left: 1px solid #4c61ad;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 4px;
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 8px;
}

.public .boxWidget h2 {
    color: #4c61ad;
    font-size: 2.25em; /* text-shadow: 0px 2px 0 #eceffc; */
    letter-spacing: .01em;
    background-color: #fff;
    padding: 0;
}

.public boxWidget h3 {
    font-size: 1.45em;
}

.public .itemblock {
    margin-top: -20px;
}

#trial-button, #quote-button {
    margin-left: 12px;
}

.homePage .rightcol {
    padding: 0;
}

#categoryDesc {
    padding: 26px 10px 22px 14px;
    color: white;
}

#categoryDesc h3 {
    margin-left: 284px;
    padding-bottom: 4px;
    width: 604px;
    border-bottom: solid 4px #fff;
    font-size: 2.5em;
}

#categoryDesc p {
    margin-top: 8px;
    margin-left: 284px;
    width: 604px;
    font-size: 1.0em;
    line-height: 1.61em;
}

#ajaxNav #category_menu_93, .catdesc_93 {
    border-top: 4px solid #6eb148;
    border-bottom: 4px solid #6eb148;
    background: #73c044;
}

#ajaxNav #category_menu_93, .catdesc_93 + ul a {
    border: none;
    color: #73c044;
}

#ajaxNav #category_menu_83, .catdesc_83 {
    background: #6eb148;;
}

#ajaxNav #category_menu_83, .catdesc_83 + ul a {
    color: #6eb148;;
}

#ajaxNav #category_menu_84, .catdesc_84 {
    background: #63984e;
}

#ajaxNav #category_menu_84, .catdesc_84 + ul a {
    color: #63984e;
}

#ajaxNav #category_menu_85, .catdesc_85 {
    background: #5a8353;
}

#ajaxNav #category_menu_85, .catdesc_85 + ul a {
    color: #5a8353;
}

#ajaxNav #category_menu_86, .catdesc_86 {
    background: #537457;
}

#ajaxNav #category_menu_86, .catdesc_86 + ul a {
    color: #537457;
}

#ajaxNav #category_menu_87, .catdesc_87 {
    background: #506c59;
}

#ajaxNav #category_menu_87, .catdesc_87 + ul a {
    color: #506c59;
}

#ajaxNav #category_menu_88, .catdesc_88 {
    background: #4c615c;
}

#ajaxNav #category_menu_88, .catdesc_88 + ul a {
    color: #4c615c;
}

#ajaxNav #category_menu_89, .catdesc_89 {
    background: #47595d;
}

#ajaxNav #category_menu_89, .catdesc_89 + ul a {
    color: #47595d;
}

#ajaxNav #category_menu_90, .catdesc_90 {
    background: #434c61;
}

#ajaxNav #category_menu_90, .catdesc_90 + ul a {
    color: #434c61;
}

#ajaxNav #category_menu_91, .catdesc_91 {
    background: #3c3e64;
}

#ajaxNav #category_menu_91, .catdesc_91 + ul a {
    color: #3c3e64;
}

#ajaxNav #category_menu_92, .catdesc_92 {
    background: #362e68;
}

#ajaxNav #category_menu_92, .catdesc_92 + ul a {
    color: #362e68;
}

#ajaxNav #category_menu_activity {
    background: #da561b;
}

#ajaxNav #category_menu_explore {
    background: #da751b;
}

#ajaxNav #category_menu_resources {
    background: #f0ac41;
}

#homeBrowse ul.list li {
    padding: 10px 0 16px 0;
    min-height: 90px;
    border-bottom: 2px solid #ebebeb;
}

#homeBrowse img {
    float: left;
    margin-right: 16px;
    border: 1px solid #ebebeb;
}

#homeBrowse ul.list li img {
    margin-right: 20px;
    width: 94px;
    height: 94px;
}

#homeBrowse .docTitle {
    font-weight: bolder;
    font-size: 1.5em;
}

#homeBrowse {
    border-top: 1px solid #dbdbdb;
    background-color: #fff;
}

#homeBrowse .docDesc a {
    color: #ffffff;
}

#coreIdeaContent {
    padding: 22px 21px 0 16px; /* position:absolute; */
    height: 260px;
}

#coreIdeaDesc {
    float: right;
    width: 537px;
}

#coreIdeaContent h2 {
    margin: -9px 0 2px 0;
    font-size: 2.6em;
}

#coreIdeaContent hr {
    margin-top: 0;
    height: 4px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background-color: #74c044;
}

#coreIdeaContent p {
    margin-top: 4px;
    font-size: 0.95em;
    line-height: 1.618em;
}

#homeVideo h2 {
    margin: 4px 0 2px 0;
    font-size: 2.6em;
}

#homeVideo hr {
    height: 4px;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    background-color: #fff;
    opacity: 0.75;
}

#homeVideo {
    padding: 16px;
    width: 935px;
    height: 278px;
    border-top: 8px solid #4c5195;
    border-bottom: 8px solid #4c5195;
    background-color: #4c61ad;
}

#homeVideo .videoDescription {
    float: left;
    margin: 0;
    width: 500px;
    height: auto;
    color: #eee;
    font-size: 0.95em;
    line-height: 1.618em;
}

#homeVideo .videoDescription p {
    float: left;
    width: 534px;
}

#homeVideo .video {
    position: relative;
    float: right;
    margin: 0;
}

#homeVideo .videoCarousel {
    float: right;
    width: 384px;
}

#homeVideo .topSectionTitle {
    margin: 0 0 14px 0;
}

.docDesc a, .checkItOutContent a {
    margin: 0 2px;
    padding: 4px 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #4c61ad;
    color: #fff;
    white-space: nowrap;
    opacity: 0.50;
}

.docDesc a:hover, .checkItOutContent a:hover {
    opacity: 1.0;
}

.homePage .videoDescription a {
    margin: 0 2px;
    padding: 4px 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    color: #4c61ad;
    white-space: nowrap;
    opacity: 0.50;
}

.homePage .videoDescription a:hover {
    opacity: 0.75;
}

.docDesc {
    margin-left: 116px;
    width: 600px;
    font-size: 1em;
    line-height: 1.618em;
}

.list {
    margin: 0 auto;
    padding-right: 22px;
    padding-left: 181px;
    width: 764px;
    border-top: 8px solid #ebebeb;
    background-color: #fafafa;
}

#catClose {
    position: absolute;
    top: 175px;
    right: 15px;
    width: 34px;
    height: 34px;
    background: url(../images/closeBtn.png);
    opacity: 0.5;
    cursor: pointer;
}

#catClose:hover {
    opacity: 1.0;
}

/****--------------------------------------------------------------------------------****/
/** Timeline static page menu **/

#left-col {
    float: left;
    width: 400px;
}

#left-col img {
    float: left;
    margin: -8px 15px 0 -8px;
    width: 76px;
    height: 76px;
}

#right-col {
    float: right;
    width: 517px;
}

#right-col img {
    float: left;
    margin: -8px 15px 0 -8px;
    width: 76px;
    height: 76px;
}

.timeline-cat {
    float: left;
    margin: 0 8px 8px 0;
    padding: 8px;
    width: 430px;
    height: 60px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.35em;
    opacity: 1.0;
    cursor: pointer;
}

.timeline-cat:hover {
    opacity: 0.75;
}

.timeline-cat a {
    width: auto;
    color: #fff;
    font-weight: 200;
}

#timeline-static-menu {
    margin: 0 auto;
    width: 973px;
    height: 300px;
}

#animal-systems-static-nav a {
    background: #73c044;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#biology-basics-static-nav a {
    background: #6eb148;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#cell-biology-static-nav a {
    background: #63984e;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#ecology-static-nav a {
    background: #5a8353;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#evolution-static-nav a {
    background: #537457;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#genetics-static-nav a {
    background: #506c59;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#human-body-static-nav a {
    background: #4c615c;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#microbes-static-nav {
    height: 40px;
}

#microbes-static-nav a {
    background: #47595d;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#plant-structures-static-nav a {
    background: #434c61;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#reproduction-static-nav a {
    background: #3c3e64;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/*experiments pages*/

.hang {
    padding-left: 20px;
}

.experiment span:first-letter {
    margin-left: -20px;
}

/***explore,create,learn static page***/
#elc-top-row {
    height: 210px;
}

#curriculum-row {
    margin-top: 130px;
}

#interactive-activities {
    text-align: center;
}

#video-gallery {
    width: 33%;
    float: left;
}

#quizlet-static {
    width: 33%;
    float: left;
}

#plan-it-static {
    width: 33%;
    float: left;
}

#timelines-static {
    width: 33%;
    float: left;
}

#experiments-static {
    width: 33%;
    float: left;
}

#try-this-static {
    width: 33%;
    float: left;
}

/* video submission page */

#vs-left-col {
    float: left;
    position: relative;
    left: 20px;
    background-color: rgba(38, 66, 139, 0.25);
    background-image: url("http://biology.rosendigital.com/images/vid-submission-bg.png");
    border: 1px solid #c9cfe6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    height: 460px;
}

#vs-left-col video {
    margin: 5px 0 0 0;
    float: left;
    clear: both;
}

#right-col-text {
    float: right;
    width: 450px;
    margin: 0 0 0 40px;
}

.mega-link {
    background: #c9cfe6;
    padding: 10px 25px;
    color: #4c61ad;
    border: 1px solid #7a9bde;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 0 72px;
}

.mega-link:hover {
    background: #4c61ad;
    border: 3px solid #4c61ad;
    color: #fff;
}

/* end vid submission page styles */

#rs_voice_selector {
    font-size: 13px;
    margin-left: 70px;
    position: absolute;
    top: 70px;
    left: 490px;
    padding-top: 1px;
}

.rs_voice {
    padding: 5px;
    cursor: pointer;
}

#rs_voice_selector .selected {
    font-weight: bolder;
}

/** Links to other site*/

/* media queries to position buttons on iOS devices */
/* iPad landscape and portrait */

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .topButtons {
        margin-left: 120px;
        padding-bottom: 20px;
    }

    .topButtons li {
        float: left;
    }

    .topButtons a {
        display: block;
        width: 83px;
        height: 26px;
        background: url("../images/top-buttons.png") top left no-repeat;
        text-indent: -999em;
    }

    .topButtons .life a {
        margin-right: 10px;
    }

    .topButtons .earchSpace a {
        width: 140px;
        background-position: bottom left;
    }

}

/* iPhone 4, 4s and Touch */

@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px) {
    .topButtons {
        margin-left: 120px;
        padding-bottom: 20px;
    }

    .topButtons li {
        float: left;
    }

    .topButtons a {
        display: block;
        width: 83px;
        height: 26px;
        background: url("../images/top-buttons.png") top left no-repeat;
        text-indent: -999em;
    }

    .topButtons .life a {
        margin-right: 10px;
    }

    .topButtons .earchSpace a {
        width: 140px;
        background-position: bottom left;
    }

}

/* iPhone 5+  */

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    .topButtons {
        margin-left: 120px;
        padding-bottom: 20px;
    }

    .topButtons li {
        float: left;
    }

    .topButtons a {
        display: block;
        width: 83px;
        height: 26px;
        background: url("../images/top-buttons.png") top left no-repeat;
        text-indent: -999em;
    }

    .topButtons .life a {
        margin-right: 10px;
    }

    .topButtons .earchSpace a {
        width: 140px;
        background-position: bottom left;
    }

}

.topButtons .link_word {
    position: relative;
}

.topButtons .link_word a {
    width: 26px;
    margin-right: 5px;
    cursor: pointer;
}

.topButtons .ptable a {
    background-image: url("../images/pt-icon.png");
}

.topButtons .chem a {
    background-image: url("../images/chem-icon.png");
}

.topButtons .physics a {
    background-image: url("../images/physics-icon.png");
}

.topButtons .link_def {
    position: absolute;
    width: 140px;
    color: white;
    z-index: 1;
    text-align: center;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    top: 40px;
    left: -77px;
    cursor: pointer;
    border: solid 1px white;
    font-size: 13px;
    font-weight: bolder;
}

.topButtons .link_def:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 13px solid transparent;
    left: 43%;
    bottom: 100%;
}

.topButtons .ptable .link_def {
    background: #e35c4c;
}

.topButtons .ptable .link_def:after {
    border-bottom-color: #e35c4c;
}

.topButtons .chem .link_def {
    background: #712469;
}

.topButtons .chem .link_def:after {
    border-bottom-color: #712469;
}

.topButtons .physics .link_def {
    background: #bc2853;
}

.topButtons .physics .link_def:after {
    border-bottom-color: #bc2853;
}

.topButtons .link_word.dimmed {
    opacity: 0.2;
}

.instant-login {
  float: right;
  position: relative;
  margin: -34px 4px;
}

.instant-login_page {
  margin-left: 10px;
}

.instant-login_homepage {
  margin-left: -9px;
}

.instant-login__button {
  font-size: 13px;
  display: inline-block;
  padding: 4px 12px;
  line-height: 1.5;
  cursor: pointer;
  color: white;
  border-radius: 2px;
  background: #74c044;
}

.instant-login__button,
.instant-login__button:hover {
    text-decoration: none;
}

.instant_login_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  padding-top: 3px;
  margin-left: 2px;
  display: inline-block;
  border-color: #ffffff transparent transparent transparent;
}

.instant_login_login_page {
  position: absolute;
  margin-left: 56px;
  margin-top: 70px;
}

.instant-login-link {
  color: white;
}

.instant-login__menu {
  display: none;
  position: absolute;
  right: 0;
  min-width: 240px;
  margin-top: 4px;
  padding: 18px 12px;
  z-index: 2;
  background: #fff;
  border: 1px solid #f3f9fd;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

.instant-login__links {
  padding: 0 15px;
}

.instant-login__separator {
  height: 1px;
  width: 100%;
  margin: 8px 0;
  background: #d9f1fb;
}

.instant-login__edlink {
  display: grid;
  grid-template: auto / repeat(2, 190px);
  gap: 24px 16px;
  padding: 2px 15px;
}

.instant-login__link {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-self: flex-start;
  line-height: 24px;
  letter-spacing: 0.016em;
  color: #424242;
  cursor: pointer;
}

.instant-login__link-icon {
  width: 28px;
  height: 28px;
  margin-right: 8px;
}

.instant-login__link:hover {
  text-decoration: underline;
  color: #424242;
}

.hide {
    display: none;
}

.google-error {
    color: rgb(231, 76, 60);
    font-family: Roboto, Verdana, sans-serif;
    font-size: 14px;
    display: block;
}

.pagecontent #customBtn {
    background: #4285F4;
    display: inline-block;
    color: white;
    width: 190px;
    white-space: nowrap;
    border-radius: 4px;
}

.pagecontent span.buttonText .glogo {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
}

.pagecontent #gSignInWrapper {
    margin: -23px 0 0 66px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}

#textToSpeechBlockHidden {
    position: absolute;
    opacity: 0;
    font-size: 0;
    pointer-events:none;
    top: 0;
}

#textToSpeechBlockHidden img, #textToSpeechBlockHidden video, #textToSpeechBlockHidden canvas {
    display: none !important;
}

.hideRsPopup .rspopup {display: none !important;}

#readspeaker_button1 a {
    right: 30px;
    position: absolute;
    top: 10px;
}

.rsbtn {
    margin-bottom: 20px !important;
    margin-top: 20px;
}

.ui-timepicker-standard {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #454545;
    border: none;
    box-shadow: 0px 4px 4px rgba(0,0,0,.25);
    border-radius: 4px
}

.ui-timepicker {
    padding: 8px 0
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #dadada;
    border: none;
    font-weight: 400;
    color: #454545
}

.ui-timepicker-standard a {
    border: none;
    color: #454545;
    display: block;
    padding: .25em .5em;
    cursor: pointer
}

.ui-timepicker-standard a,.ui-timepicker-standard a:hover {
    text-decoration: none
}