/**************************** Core Concepts: Chemistry *************************************/
/***************** 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 {
	margin: 0 auto;
	width:973px;
	padding-top: 10px;
}

.public .page {
	margin:0 auto;
}

	.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");
	margin-top:12px;
	}
		.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;
		}
	.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;
	}

	.standard.noleft table {
	float:none !important;
	margin: 0 auto;
	}
	.standard.noleft table.form {
	margin: 10px 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;
	}
	.rightcol .pagecontent { }

.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;
		margin-right: 10px;
		float:right;
		width:121px;
		color:#000000;
		background-color:#f7ebf7;
		border-radius:6px;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		font-size:14px;
        text-align: center;
        /* text-decoration: underline;
		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:-70px 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;
		}

.public .header #loginForm {
	margin:-91px 4px 0 0;
}

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

		#loginForm .row label {
			position: relative;
			display: block;
			margin: -25px 0 0 10px;
			color: #353d7e;
			font-weight: bold;
			font-size: 1em;
		}
	#loginForm span.username,
	#loginForm span.password {
		display: block;
		float: left;
		width: 201px;
	}

		#loginForm #username, #loginForm #password {
			width: 197px;
		    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: #973585;
	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: -18px;
	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;
		}
		#browseaz {
		}
.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;
}

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

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

form {
	margin: 0;
	padding: 0;
}

.header .tools {
	margin: -9px 8px 0 0; /*39px 0 0 0*/
	width: auto;
}
	.header .tools .inner li {
		float:left;
		margin-top:3px;
		margin-right:4px;
		color: #444;
		/* color: #E0F2FF; */

	}

	.detail .header .tools {
	margin: -8px 8px 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;
		}

.public .inner ul {margin-top:5px;}

.public .logo1 {margin:24px 0px 20px 0px;}

.public .logo2 {
	margin-top:0;
	margin-right:0;
}

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

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

.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;}

/*
.leftnav li.Animals {list-style-image:url("../images/home/One.png");}
.leftnav li.Animals:hover{ list-style-image:url("../images/home/Ones.png"); }
.leftnav li.Animals div{margin-top:21px;}
 */

/*
.leftnav li.Classification {list-style-image:url("../images/home/Two.png");}
.leftnav li.Classification:hover{ list-style-image:url("../images/home/Twos.png"); }
.leftnav li.Classification div{ margin-top:24px; }
 */

/*
.leftnav li.EndangeredandExtinctSpecies {list-style-image:url("../images/home/Three.png");}
.leftnav li.EndangeredandExtinctSpecies:hover{ list-style-image:url("../images/home/Threes.png"); }
.leftnav li.EndangeredandExtinctSpecies div{ margin-top:13px; }
 */

/* Rosen needs to supply a new image*/
/*
.leftnav li.ExperimentsandActivities {list-style-image:url("../images/home/Three.png");}
.leftnav li.ExperimentsandActivities:hover{ list-style-image:url("../images/home/Threes.png"); }
.leftnav li.ExperimentsandActivities div{ margin-top:13px; }

.leftnav li.FoodChainsandFoodWebs {	list-style-image:url("../images/home/Four.png");}
.leftnav li.FoodChainsandFoodWebs:hover{ list-style-image:url("../images/home/Fours.png"); }
.leftnav li.FoodChainsandFoodWebs div{ margin-top:11px; }

.leftnav li.HabitatsandEcosystems {	list-style-image:url("../images/home/Five.png");}
.leftnav li.HabitatsandEcosystems:hover{ list-style-image:url("../images/home/Fives.png"); }
.leftnav li.HabitatsandEcosystems div{ margin-top:13px; }

.leftnav li.HumanBody {	list-style-image:url("../images/home/Six.png");}
.leftnav li.HumanBody:hover{ list-style-image:url("../images/home/Sixs.png"); }
.leftnav li.HumanBody div{ margin-top:24px; }

.leftnav li.LifeCycles { list-style-image:url("../images/home/Seven.png");}
.leftnav li.LifeCycles:hover{ list-style-image:url("../images/home/Sevens.png"); }
.leftnav li.LifeCycles div{ margin-top:24px; }

.leftnav li.GreenLiving { list-style-image:url("../images/home/Eight.png");}
.leftnav li.GreenLiving:hover{ list-style-image:url("../images/home/Eights.png"); }
.leftnav li.GreenLiving div{ margin-top:21px; }

.leftnav li.Plants { list-style-image:url("../images/home/Nine.png");}
.leftnav li.Plants:hover{ list-style-image:url("../images/home/Nines.png"); }
.leftnav li.Plants div{ margin-top:22px; }

.leftnav li.SurvivalandAdaptation {	list-style-image:url("../images/home/Ten.png");}
.leftnav li.SurvivalandAdaptation:hover{ list-style-image:url("../images/home/Tens.png"); }
.leftnav li.SurvivalandAdaptation div{ margin-top:8px; }
 */

/*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; */

/*
	@media screen and (-webkit-min-device-pixel-ratio:0) {
 .onecol #pagetitle { top:-30px; }
}
 */

	.searchresults #pagetitle  {color:#40afe4;}

.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;
}

.standard .pagecontent{
	/*height: 470px;
	padding:40px 45px;*/
}


.footer table {
	border-collapse:collapse;
}
.footer td {
}

.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: -43px 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:#973585;
}

.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: -31px 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, .subnav div:last-child ul {
		padding: 0 0 0 0;
		border-top: 1px solid #dbe2f0;
		/*margin-top: 280px;*/
	}
	#_backsections.itemblock.resources li:last-child, .subnav div:last-child li:last-child {
		padding: 0 0 6px 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: 16px;
		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 #3e3375;
			border-bottom: 1px solid #dbe2f0;
			border-left: 1px solid #3e3375;
			color: #3e3375;
			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-right: 1px solid #3e3375;
			border-left: 1px solid #3e3375;
			background-color: #2db1e9;
			color: #fff;
			font-weight: normal;
			/* border-top:1px solid #0099cc; */

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

		}
		.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 div:last-child li:last-child a {
			margin-top:0px;
			border-right: 1px solid #3e3375;
			border-bottom: none;
			border-left: 1px solid #3e3375;
		}
.detail .related {
	overflow:hidden;
	margin:  -6px 0 0 4px;
	background:transparent url("../images/detailInvestigateTop.png") no-repeat left top;
}
	.detail .related .content {
	}
		.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:first-child {
				/*padding-top:8px;*/
			}
			.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: #2db1e9;
					/* 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:#5a468d;
	}
		.detail .quicknav td {
		}
			.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;
}

.GoogleDriveWrapper + .listenContainer > #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/calloutTop.png);
	}
	.detailGreenBody{
		padding: 20px;
		background-color: #acd98f;
		background-image: url(../images/calloutBody.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/calloutFoot.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:#8c2b79;
	font-weight:bold;
	cursor:pointer;
}
#detailPopup {
	position:absolute;
	display:none;
	padding:12px;
	width:250px;
	border: 6px solid #ad3b8b;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background-color:#973b8b;
	color:#fff;
	}
/********************* Top Buttons **********************/
.topButtons {margin-left:0; 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;
		}

/* 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;
		vertical-align: middle;
		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: #8d2a7a;
			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;
}

#pollForm label { }

#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:#238cda;
}

.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;
	}

.fancytable tr .gray {
	background-color:#E3E3E3;
}

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

/* Google translate */

.rosenScript {
	float:right;
	margin-top:5px;
}
.GoogTrAddThisWrapper {
	overflow: hidden;
	margin: -20px 0 0;
	padding: 0 0 20px;
}
.GoogTrAddThisWrapper .addthis {
	float: right;
	margin: 5px 0 0 10px;
}
.GoogTrAddThisWrapper .google_translate {
	float: right;
}
.GoogTrAddThisWrapper .skiptranslate {
	color: white;
	font-size: 0;
}
.GoogTrAddThisWrapper .skiptranslate > span {
	display: block !important;
}

/* 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: #4dc08c;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:-35px; 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 #353d7e; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;background: #fafafa;}
.public .mainInnerWrap {border:0; background-color:#eceffc;}
.public .main {background:transparent;}
.public .boxWidget {border-top:10px solid #353d7e; border-right:1px solid #353d7e; border-bottom:1px solid #353d7e; border-left:1px solid #353d7e; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px; padding-top:20px; margin-top:0; margin-bottom:8px;}
.public .boxWidget h2 {color:#8d2a7a; font-size:2.25em;letter-spacing:.01em;background-color:#fff;padding:0; }
.public boxWidget h3 {font-size:1.45em;}
.public .itemblock {margin-top:-20px;}
#comingSoon img {margin:0 auto;}
#trial-button, #quote-button {margin-left:12px;}
.homePage .rightcol {padding: 0;}
#categoryDesc { padding: 26px 10px 22px 14px;color: white;min-height:170px;}
#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_82, .catdesc_82 {background: #9f3384;}
#ajaxNav #category_menu_82, .catdesc_82 + ul a {border:none;color: #9f3384;}

#ajaxNav #category_menu_83, .catdesc_83 {background: #973585;}
#ajaxNav #category_menu_83, .catdesc_83 + ul a {color: #973585;}

#ajaxNav #category_menu_84, .catdesc_84 {background: #973b8b;}
#ajaxNav #category_menu_84, .catdesc_84 + ul a  {color: #973b8b;}

#ajaxNav #category_menu_85, .catdesc_85 {background: #873b88;}
#ajaxNav #category_menu_85, .catdesc_85 + ul a {color: #873b88;}
#ajaxNav #category_menu_85 a {display: block; width: 90px;}

#ajaxNav #category_menu_86, .catdesc_86 {background: #773b88;}
#ajaxNav #category_menu_86, .catdesc_86 + ul a  {color: #773b88;}

#ajaxNav #category_menu_87, .catdesc_87 {background: #64488f;}
#ajaxNav #category_menu_87, .catdesc_87 + ul a  {color: #64488f;}

#ajaxNav #category_menu_88, .catdesc_88 {background: #594c91;}
#ajaxNav #category_menu_88, .catdesc_88 + ul a  {color: #594c91;}

#ajaxNav #category_menu_89, .catdesc_89 {background: #524f93;}
#ajaxNav #category_menu_89, .catdesc_89 + ul a {color: #524f93;}

#ajaxNav #category_menu_90, .catdesc_90 {background: #4e5093;}
#ajaxNav #category_menu_90, .catdesc_90 + ul a {color: #4e5093;}

#ajaxNav #category_menu_92, .catdesc_92 {background: #4b5194;}
#ajaxNav #category_menu_92, .catdesc_92 + ul a  {color: #4b5194;}

#ajaxNav #category_menu_91, .catdesc_91 {background: #6c3b88;}
#ajaxNav #category_menu_91, .catdesc_91 + ul a  {color: #6c3b88;}

#ajaxNav #category_menu_activity {background: #53a58a;}
#ajaxNav #category_menu_explore {background: #4db487;}
#ajaxNav #category_menu_resources {background: #f0ac41;}

#homeBrowse ul.list li {padding: 10px 30px 16px 125px; 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;color:#973585;}
#homeBrowse { border-top: 1px solid #dbdbdb;background-color:#fff;}
#homeBrowse .docDesc a {color:#ffffff;}

#coreIdeaContent {padding:30px 30px 7px 30px;/* 22px 21px 0 16px; position:absolute; */ height:275px;}
#coreIdeaDesc {float:right; width:500px; }
#coreIdeaContent h2 { margin: 0;font-size: 2.6em; color:#973585;}
#coreIdeaContent hr {margin-top: 0; height: 4px;border-top: 0;border-right: 0;border-left: 0;background-color: #973585; }
#coreIdeaContent p {margin-top: 4px;font-size:0.95em;line-height:23px;}
#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:30px;width: 907px;height: 278px;border-top:4px solid #c5dbee;border-bottom:none;background-color:#3f89c8;}
#homeVideo .videoDescription {float: left; margin:0;width: 500px;height: auto;color: #eee;font-size:0.95em; line-height: 23px;}
#homeVideo .videoDescription p {float:left; width:500px;}
#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 { font-size:1.1em; margin:0 2px; padding: 4px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;background-color:#973585;color: #fff; white-space: nowrap; opacity:1.0;}
.docDesc a {font-size:0.95em; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.docDesc a:hover, .checkItOutContent a:hover {opacity:0.75;}
.homePage .videoDescription a { margin: 0 2px; padding: 4px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;background-color:#fff;color:#3f89c8; white-space: nowrap; opacity: 1.0;}
.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:100%;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;}

/****--------------------------------------------------------------------------------****/
/*** submit a video page ***/

#sp-left-col {}
.mega {
background:#f7ebf7;
padding: 10px 25px;
color: #8d2a7a;
border: 1px solid #f7cadd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 72px;
}

.mega:hover {
background:#8d2a7a;
border: 3px solid #8d2a7a;
color:#f7ebf7;
}

/** Timeline static page menu **/
.timeline-static-desc {}
#timeline-static-menu {/* position:relative; */}
#left-col {/* position:absolute; */float:left;width:400px;}
#left-col img {float:left;margin:-8px 15px 0 -8px;width:76px;height:76px;}
#right-col {/* position:absolute; */float:right;width:487px;}
#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;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;}*/

#atoms-and-molecules-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#9f3384;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#biochemistry-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#973585;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#chemical-reactions-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#973b8b;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#chemistry-in-your-world-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#873b88;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#energy-and-reactions-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#773b88;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#matter-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#6c3b88;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#metals-and-metalloids-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#64488f;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#nonmetals-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#594c91;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#organic-chemistry-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#524f93;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#periodic-table-static-nav a {/*display:table-cell;*/vertical-align:middle;text-align:center;line-height:60px;background:#4e5093;color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/*experiments pages*/

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

/***explore,create,learn static page***/
#elc-top-row {height:220px;}
#elc-bottom-row {}
#curriculum-row {margin-top:318px;}
#explore-create-learn {}
#interactive-activities { text-align:center; }
#video-gallery p {}
#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; }
#OpenU-static {width:525px;margin: 0 auto; }
#OpenU-static img { display:inline-block; padding-top:50px;}

/** Added by Thumbtack for PTABLE integration */
#pTable {
        color:#000000;
	line-height: initial;
	float: left;
	width: 572px;
	background-color: #e4ebf6;
}

.navbar {
        position:absolute;
        top:-55px;
        right:-184px;
        width:1200px;
}

.alkali_metals, .alkali_metals a {
        background-color:#c24598;
}

.alkali_metals a:hover, .alkali_metals_hover {
        background-color:#e0a0ca;
}

.alkaline_earth_metals, .alkaline_earth_metals a {
        background-color:#46bfea;
}

.alkaline_earth_metals a:hover, .alkaline_earth_metals_hover {
        background-color:#a1def4;
}

.transition_elements, .transition_elements a {
        background-color:#e05b4c;
}

.transition_elements a:hover, .transition_elements_hover {
        background-color:#eb968d;
}

.other_metals, .other_metals a {
        background-color:#f7db3c;
}

.other_metals a:hover, .other_metals_hover {
        background-color:#fbed9b;
}

.lanthanides_and_actinides, .lanthanides_and_actinides a {
        background-color:#cadc7f;
}

.lanthanides_and_actinides a:hover, .lanthanides_and_actinides_hover {
        background-color:#dde9ad;
}

.metalloids, .metalloids a {
        background-color:#f2a030;
}

.metalloids a:hover, .metalloids_hover {
        background-color:#f7c27a;
}

.other_nonmetals, .other_nonmetals a {
        background-color:#73a2d1;
}

.other_nonmetals a:hover, .other_nonmetals_hover {
        background-color:#a5c4e1;
}

.halogens, .halogens a {
        background-color:#8b7f92;
}

.halogens a:hover, .halogens_hover {
        background-color:#b5adb9;
}

.noble_gases, .noble_gases a {
        background-color:#5abc83;
}

.noble_gases a:hover, .noble_gases_hover {
        background-color:#95d4b0;
}

.unknown, .unknown a {
        background-color:#f39799;
}

.unknown a:hover, .unknown_hover {
        background-color:#f5acad;
}

.metals {
        background-color:#FFFFFF;
        border:none;
        width:447px;
        margin-left:1px;
        background-image:url('/staticfiles/pTable/imgs/metalsClassBracket.png');
        background-repeat:no-repeat;
}

.metalloids2 {
        background-color:#FFFFFF;
        border:none;
        width:78px;
        margin-left:1px;
        background-image:url('/staticfiles/pTable/imgs/metalloidsClassBracket.png');
        background-repeat:no-repeat;
}

.nonmetals {
        border:none;
        width:264px;
        margin-left:1px;
        background-image:url('/staticfiles/pTable/imgs/nonmetalsClassBracket.png');
        background-repeat:no-repeat;
}

#pTable .head {
	border-bottom: solid 2px white;
	padding: 10px 18px;
	color: #e05b4c;
	font-weight: bold;
}

#pTable .head a { float: right; }
#pTable .head a img { height: 22px; }

#pTable .elements {
	padding: 8px 12px;
}

#pTable .element {
        width:41px;
        height:41px;
        font-size:11px;
	float: left;
	margin: 5px 3px 12px 3px;
	position: relative;
}

#pTable .element a {
        float:left;
        text-decoration:none;
        color:#000000;
        width:29px;
        height:29px;
        margin:4px;
        padding:2px;
}

#pTable .elementName {
        font-size:15px;
        font-weight:bold;
        text-align:center;
	margin-top: 6px;
}

#pTable .elementNum {
        font-size:11px;
        margin-top:-2px;
	display: none;
}

#pTable .element-icon {
    display: inline-block;
    position: relative;
    float: left;
    width: 52px;
    height: 52px;
    margin: 0 -100% 0 -60px;
    text-align: center;
    line-height: 52px;
    font-weight: bolder;
}

#pTable .element-icon-name {
    font-size: 24px;
    display: inline-block;
}

#pTable .element-icon-num {
    font-size: 11px;
    position: absolute;
    top: 4px;
    left: 4px;
    line-height: 1;
}

#pTable .element-details {
    padding-left: 60px;
}

#pTable .element-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 8px 0 3px;
    border-bottom: 1px solid #ccc;
}

#pTable .element-class {
    font-size: 13px;
}

#pTable .element-class-icon {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 3px;
    vertical-align: baseline;
}

.pTable .element-class-title {
    display: inline-block;
    vertical-align: middle;
}

#pTable .element-details-list {
    margin: 1em 0 1.5em;
}

#pTable .element-details-key {
    font-weight: bold;
}

#pTable .element-details-value {
    margin: 0;
}

#pTable .element-more-title {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    color: #a1a1a1;
}

#pTable .element .element-more-btn {
    float: none;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: .5em 1em;
    line-height: 1;
    color: white;
    background: #e55b4e;
    border: 2px solid #cb3f30;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -ms-border-radius: 5px;
             border-radius: 5px;
}


#pTable .element-more-pre {
    font-size: 14px;
    display: block;
    margin-bottom: 2px;
}

#pTable .element-more-category {
    font-size: 17px;
    font-weight: bold;
    display: block;
}

#pTable .element-more-icon {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    background: url('../images/external-icon.png');
}

#pTable .element-tooltip {
    font-size: 13px;
    position: absolute;
    z-index: 10;
    top: 40px;
    left: -31px;
    width: 280px;
    background: white;
    border: 2px solid #2ab6cd;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -ms-border-radius: 4px;
             border-radius: 4px;
}

#pTable .element-tooltip:before,
#pTable .element-tooltip:after {
    content: '';
    position: absolute;
    overflow-x: hidden;
    top: -10px;
    left: 34px;
    width: 0;
    height: 0;
    font-size: 0;
    border-width: 0 10px 10px;
    border-style: none solid solid;
}

#pTable .element-tooltip:before {
    border-color: transparent transparent #2ab6cd;
}

#pTable .element-tooltip:after {
    border-color: transparent transparent white;
    margin-top: 2px;
}

#pTable .tooltip-content {
    padding: 8px;
}

#pTable .tooltip-close {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: #e3ebf6 url('../images/tooltip-close.png') 50% 50% no-repeat;
}

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

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

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

/* firefox overrides */

@-moz-document url-prefix() {

	.article-text sup {
		top:0;
		font-size:12px;
	}

	.article-text sub {
		bottom:0;
		font-size:12px;
	}

	.article-text .caption sup {
		top:-3;
		font-size:9px;
	}

	.article-text .caption sub {
		bottom:-3;
		font-size:9px;
	}

#pTable .element a {
    float: left;
    text-decoration: none;
    color: #000;
    width: 30px;
    height: 29px;
    margin: 4px;
    padding: 1px;
    padding-top: 3px;
    }

}

/***** database toggle, aka switcheroo buttons ****/

	/* 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 .bio a{
    background-image:url("../images/bio-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;
    font-size: 13px;
    font-weight: bolder;
    border: solid 1px white;
}
.topButtons .link_def:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 13px solid transparent;
    bottom: 100%;
    left: 43%;
                            }

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

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

.topButtons .bio .link_def {
   background: #4c62ad;
}
.topButtons .bio .link_def:after {
    border-bottom-color: #4c62ad;
}

.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:#00a0e7;
}

.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;
}

.menuDP_button:hover {
  background: #2ad68b;
}

.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 span.buttonText {
    font-size: 15px;
}

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

.goog-tooltip {
    display: none !important;
}
    
.goog-tooltip:hover {
    display: none !important;
}
	
.goog-text-highlight {
    background-color: transparent !important; border: none !important; box-shadow: none !important;
}

.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
}