/*
Theme Name: BizKid$
Theme URI: http://bizkids.com
Description: The public TV series where kids teach kids about money and business.
Version: 1.0
Author: Engine Interactive
Author URI: http://enginei.com
Tags: BizKid$, Custom CMS
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/*
* STYLE GUIDE
* 201f24 - black
* 343434 - dark grey
* 717171 - grey
* e6e6e6 - grey2
* 0097d6 - link blue
* c6ca37 - lime green
* 4e5603 - dark green
** BRANDS
* 2598c7 - lt blue blog
*/

@font-face {
    font-family: 'KimberleyRegular';
    src: url('fonts/kimbalt-webfont.eot');
    src: url('fonts/kimbalt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kimbalt-webfont.woff') format('woff'),
         url('fonts/kimbalt-webfont.ttf') format('truetype'),
         url('fonts/kimbalt-webfont.svg#KimberleyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAGRoundedBTRegular';
    src: url('fonts/vag_rounded_bt-webfont.eot');
    src: url('fonts/vag_rounded_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vag_rounded_bt-webfont.woff') format('woff'),
         url('fonts/vag_rounded_bt-webfont.ttf') format('truetype'),
         url('fonts/vag_rounded_bt-webfont.svg#VAGRoundedBTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* static */
html{font-size: 1em; line-height: 1.1em; height: 100%;}
body{
	font-family: arial, helvetica, sans-serif; 
	background: #dcdcdc; color: #201f24; font-size: 67%; height: 100%;
	background: none;
	background: #1c2224 url('images/bg-banner-2.png') top center repeat;
	background: #222222;
	/* min-width: 960px; */
}

div{position: relative;}
a,a:link,a:visited{color: #0097d6; text-decoration: none; outline: none;}
a:hover,a:active,a:focus{color: #126587; outline: none;}
body.teachers a{ /* color: #e56100; */ }
body.teachers a:hover{ /*color: #e15f00; */ }

h2{font-size: 1.4em; line-height: 1.6em;}
h3{font-size: 1.2em; line-height: 1.4em;}
h2.large{font-size: 1.8em; line-height: 1.8em;}

h3 span.icon{width: 20px; height: 20px; float: left; display: block; margin: 0;}
h3.find span.icon{background: url('images/bizkids-sprite.png'); background-position: -50px -600px;}
h3.watch span.icon{background: url('images/bizkids-sprite.png'); background-position: -100px -600px;}
h3.educate span.icon{background: url('images/bizkids-sprite.png'); background-position: -150px -600px;}
h3.find,h3.watch,h3.educate{margin-bottom: 5px;}
select{padding: 2px; color: #555555; background: #e8e8e8; border: 1px solid #a7a7a9; font-weight: bold; font-size: 1em;}
select option{padding: 0px 3px 0px 3px; margin: 3px 0px 3px 0px;}

/*main layout*/
#header .header_content,#banner .banner_content, #footer .footer_content{
	width: 960px; margin: auto;
}
#page{
	overflow: visible; padding-top: 10px; min-height: 200px;
	width: 920px;
	margin: 0 20px;
}
#header{
	background: #c6ca37 url('images/bg-header.png') bottom center repeat-x; color: #4e5603;
	height: 90px;
	overflow: visible;
	z-index: 95;
}
#banner{background: none top left repeat-x; z-index: 91;}
/*pages that should overlap the banner*/
body.home #banner {z-index: 0 !important};
body.show #banner,body.lesson #banner,body.home #banner{z-index: 10;}
body.show #page,body.lesson #page,body.home #page{z-index: 99;}

#stage{width: 680px; float: left;}
#stage.full{width: 920px; float: none; margin: auto;}
#stage ul, #stage ol {padding: 5px 0 5px 20px;}
#stage ul li{list-style: disc;}
#stage ol li{list-style: decimal;}

#stage div.fade{padding: 30px; background: #dfdfdf; margin: 13px auto;}

#sidebar{width: 214px; float: right; background: #323232;}

.side-text{
	float: right; width: 284px; margin-top: 20px;
}

.sdie-text.q{background: url('images/assets/contest/bg-side-text.png') top right no-repeat; padding-top: 60px; margin-top: 0;}

a.ernst-young-banner{
	display: block;
	text-indent: -1000px;
	overflow: hidden;
	width: 291px;
	height: 155px;
	margin: 20px 0 0 0;
	background: url('images/ernst-young-banner.png') top right no-repeat;
}

.side-text h3{font-size: 1.6em; margin: 0 0 10px 0;}
.side-text p{margin: 10px 0 10px 0;}

#footer{
	background: url('images/bg-footer.png') bottom left repeat-x; color: #343434; text-align: center;
	background: none;
	overflow: hidden; position: relative;
}
#footer .footer_content{
	position: absolute; bottom: 20px; left: 50%; margin-left: -480px;
	background: url('images/bg-footer-content.png') bottom center no-repeat;
	background: none;
}
#footer a{color: #343434;}
#footer a:hover{color: #0097d6;}
#footer .underwriters{padding: 0 0 20px 0;}
#footer .underwriters a,#footer .underwriters a:hover{margin: 8px 26px; text-decoration: none; border: 0; display: inline-block;}
#footer .underwriters a img{border: 0; height: 75px; width: auto;}
#footer .copyright, #footer .copyright a{color: #787878 !important;}
#footer .pipe{ color: #787878; padding: 0 2px; }

#wrapper{
	position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -280px;
}
.wrapper-2{
	width: 960px;
	margin: auto;
	background: #dcdcdc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
}
	body.business-resources #wrapper{
		background: url('images/bg-page-biz-resources.jpg') 50% 90px no-repeat;
	}
	body.business-resources{
		background-image: none;
		background-color: #1e2223;
	}
	body.show #wrapper{
		background: url('images/bg-page-show.jpg') 50% 90px no-repeat;
	}
	body.teachers #wrapper{
		background: url('images/bg-page-lesson-plans.jpg') 50% 90px no-repeat;
	}
	body.forum #wrapper{
		background: url('images/bg-page-forums.jpg') 50% 90px no-repeat;
	}
	body.games #wrapper{
		background: url('images/bg-page-games.jpg') 50% 90px no-repeat;
	}	
	body.blog #wrapper{
		background: url('images/bg-page-blog.jpg') 50% 90px no-repeat;
	}	
	
	
	
body.home .wrapper-2{
	border-radius: 0;
	width: 100%;
}
#footer, .push{height: 280px; clear: both;}

a span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px;
	width: 13px; height: 13px; display: inline-block;
	zoom: 1; *display: inline; _height: 13px; /*inline for ie7 - _height for ie6*/
	margin: 3px 3px 0 0;
	overflow: hidden; text-indent: -1000px;
}

body.teachers a span.icon{background: url('images/bizkids-sprite.png'); background-position: -40px -500px;}
body.teachers a:hover span.icon{background: url('images/bizkids-sprite.png'); background-position: -40px -520px;}

.post{
	background: #e6e6e6; margin-bottom: 10px;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #a7a7a7;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: #cacaca 0px 1px 1px;
	box-shadow: #cacaca 0px 1px 1px;
	overflow: hidden;	
}
.post p{font-size: 1.1em;}
.post a:hover{border-bottom: 1px dotted #0097d6;}
.post .post_content{padding: 20px 25px 5px 25px;}
.single .post .post_content{min-height: 140px;}
.post .post_content img{margin: 10px;}
.post h2 a, .post h1{color: #1f2024; font-size: 1.4em; text-transform: capitalize;}
.post h2 a:hover{border: none;}
.post .byline{font-size: 1.2em; font-weight: normal; color: #717171; margin: 2px 0 20px 0;}
.post .byline{float: left; padding: 0 10px 0 0; font-size: 1em; margin: 0;}
.post .floor .byline{background: #e6e6e6;}
.post .byline .author a:link,.post .byline .author a:hover{color: #717171; border: 0;}

.post .floor{
	clear: both; margin: 0px 5px 0px 25px; overflow: visible; position: relative; height: 50px; line-height: 50px;
	background: url('images/bg-floor.png') 0% 50% repeat-x;
}

.post .admin-link{position: absolute; top: 0px; right: 5px;}
.post .admin-link a{color: #bbb;}

.post .tag-list{float: left; clear: both; max-width: 360px; line-height: 1.2em; padding: 0 4px 20px 0; color: #999;}
.post .share-link{float: right; background: #e6e6e6; padding: 0 4px;}
.post .comment-link{float: right; margin-left: 20px; background: #e6e6e6; padding: 0 4px;}
.post .share-link a, .post .comment-link a{color: #1f2024; font-weight: bold; border: 0;}

.share-container{
	background: #eee; position: absolute; top: -38px; left: 0; overflow: hidden; 
	height: 38px; width: 156px; display: none; text-align: center;
	z-index: 100;
}
.share-container a.social {
	display: block; margin: 0 5px; height: 22px; vertical-align: middle; line-height: 22px;
	background: #999; padding: 4px; margin: 4px;
	width: 62px; float: left; color: #fff;
	zoom: 1; *display: inline; _height: 20px; /*inline for ie7 - _height for ie6*/
}
.share-container a.social:hover {border: 0;}
.post .share-link a span.icon{display: block; width: 25px; height: 40px; float: right; margin-left: 10px; background-image: url('images/bizkids-sprite.png'); background-position: -100px -553px; overflow: hidden;}

.post .comment-link a{}
.post .comment-link a span.icon{
	display: block; width: 80px; height: 50px; float: right; margin: -5px 0px 0px -20px; background-image: url('images/bizkids-sprite.png'); background-position: 0px -550px; overflow: hidden;
	text-align: left; color: #fff; text-indent: 40px; line-height: 55px;
}

a.readmore{color: #1f2024; font-weight: bold; margin: 10px 30px 0 0; float: none; display: block; line-height: 13px; height: 13px;}
a.readmore:hover{border: 0;}
a.readmore span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px;
	width: 13px; height: 13px; float: left; display: block;
	margin: 0 3px 0 0;
	overflow: hidden; text-indent: -1000px;
}
a.readmore:hover span.icon{background-position: -40px -520px;}

a.btn{color: #1f2024; font-weight: bold; display: block; margin: 10px 0 10px 0; font-size: 1.1em; padding: 0 0;}
a.btn:hover{border: 0;}
a.btn span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px;
	width: 13px; height: 13px; float: left; display: block;
	margin: 3px 3px 0 0;
	overflow: hidden; text-indent: -1000px;
}

.postNav a.btn{color: #1f2024; font-weight: bold; display: block; margin: 10px 0 0 0; font-size: 1.4em; padding: 0 20px;}
.postNav a.btn:hover{border: 0;}
.postNav a.btn span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px;
	width: 13px; height: 13px; float: left; display: block;
	margin: 3px 3px 0 0;
	overflow: hidden; text-indent: -1000px;
}
.postNav a.btn.next{float: right;}
.postNav a.btn.prev{float: left;}
.postNav a.btn.prev span.icon{float: left; background-image: url('images/bizkids-sprite.png');  background-position: -160px -500px; }
.postNav a.btn.next span.icon{float: right; background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px; margin: 3px 0 0 3px; }
.postNav a.btn:hover {color: #0096d4;}

.breadcrumbs{
	margin: 12px 0 2px 0px;
}
.breadcrumbs div.link{
	float: left;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	text-transform: uppercase;
}
.breadcrumbs div.link .icon{
	height: 24px;
}
.breadcrumbs .share-container{
	right: 0;
	left: auto;
}

.pg{clear: both; padding: 15px 0 15px 0px;}
.pg h1{color: #1f2024; font-size: 1.8em; text-transform: capitalize; margin: 15px 0 8px 0;}
.pg h2{color: #1f2024; font-size: 1.3em; text-transform: none; margin: 5px 0 5px 0;}
.pg h2.large{font-size: 1.8em; line-height: 1.8em;}
.pg p{font-size: 1.1em;}
.pg ul li{font-size: 1.1em;}
.pg ol li{font-size: 1.1em;}

	.game-rules.pg h1{
		font-size: 30px;
		line-height: 38px;
	}
	.game-rules.pg h2{
		font-size: 24px;
		line-height: 28px;
	}
	.game-rules.pg h3{
		font-size: 20px;
		line-height: 24px;
	}
	.game-rules.pg h4{
		font-size: 16px;
		line-height: 18px;
	}			
	.game-rules.pg p{
		font-size: 14px;
		line-height: 22px;
	}
	.game-rules .section{
		padding: 20px 0;
		margin: 10px;
		overflow: hidden;
		position: relative;
	}
	.game-stage .tabs{
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 20px 0 0 0;
	}
	.game-stage .tabs a{
		width: 50%;
		float: left;
		font-size: 20px;
		color: #333;
		box-sizing: border-box;
		padding: 20px;
		background: #ddd;
		text-align: center;
		border-bottom: 1px solid #666;
	}
	.game-stage .tabs a:hover{
		background: #ccc;
	}
	.game-stage .tabs a.current{
		background: #eee;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-top: 1px solid #666;		
		border-bottom: 0px;
	}
	.game-stage .tab-content-wrapper{
		background: #eee;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	.game-stage .tab-content{
		display: none;
	}
	.game-stage .tab-content.current{
		display: block;
	}
	.high-score table.table tr th{
		text-align: center;
		font-size: 28px;
		font-weight: normal;
		padding: 20px;
		text-transform: uppercase;
	}
	.high-score table.table tr td{
		font-size: 22px;
		padding: 20px;
		text-transform: uppercase;		
	}
	
		/*TODO FIX DUPLICATED STYLES IN GAME.CSS*/
		.game-rules .icon-hammer{
			display: block;
			box-sizing: border-box;
			min-height: 120px;
			padding: 10px 10px 10px 130px;			
			background: no-repeat;
		}		
		.game-rules .icon-bank{
			display: block;
			box-sizing: border-box;
			min-height: 120px;
			padding: 10px 10px 10px 130px;	
			background: no-repeat;
		}
		.game-rules .icon-bank.bank-boar{
			float: left;
			width: 200px;
			padding: 200px 0 0 0;
			background-image: url('/resources/games/break-the-bank/images/bank-boar-enemy.png');
		}
		.game-rules .icon-bank.bank-classic{
			background-image: url('/resources/games/break-the-bank/images/bank-classic-hero.png');
		}
		.game-rules .icon-bank.bank-iron{
			background-image: url('/resources/games/break-the-bank/images/bank-iron-hero.png');
		}
		.game-rules .icon-bank.bank-gold{
			background-image: url('/resources/games/break-the-bank/images/bank-gold-hero.png');
		}
		.game-rules .icon-bank.bank-diamond{
			background-image: url('/resources/games/break-the-bank/images/bank-diamond-hero.png');
		}		
		
		.game-rules .icon-hammer.hammer-stone{
			background-image: url('/resources/games/break-the-bank/images/hammer-stone.png');
		}
		.game-rules .icon-hammer.hammer-fire{
			background-image: url('/resources/games/break-the-bank/images/hammer-fire.png');
		}
		.game-rules .icon-hammer.hammer-lightning{
			background-image: url('/resources/games/break-the-bank/images/hammer-lightning.png');
		}
		.game-rules .icon-hammer.hammer-gold{
			background-image: url('/resources/games/break-the-bank/images/hammer-gold.png');
		}
		.game-rules .icon-hammer.hammer-diamond{
			background-image: url('/resources/games/break-the-bank/images/hammer-diamond.png');
		}
	

.episodeNav p{font-size: 1.1em;}

.related{width: auto; margin: 40px 0 0 0; clear: both;}
.related h3{text-align: center; background: #333; color: #fff; padding: 10px; font-weight: bold;}
#stage .related ul{list-style: none; margin: 0; padding: 0;}
#stage .related ul li{list-style: none; margin: 0; padding: 0; 
	border: 1px solid #c8c8c8; 
	overflow: hidden; position: relative;	
	width: 184px; float: left; padding: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 190px;
}
.related .desc{display: none;}
.related .overlay{display: none !important;}
.related .thumb{float: left; margin: 10px; width: 110px; height: 63px; overflow: hidden;}
.related .content{float: left; width: 130px; margin: 10px 2px 10px 0;}
.related .thumb img{width: 110px; height: auto;}
.related h5 .icon{display: none;}
.related .episodeNav .episodeBox{float: none; margin: 0; background: #fff;}
.related .episodeNav .episodeBox.ultimate{margin: 10px;}

/* main banner */
#banner .headline{
	font-family: 'VAGRoundedBTRegular', arial, sans-serif; font-weight: normal; text-transform: lowercase;
	font-family: arial, helvetica, sans-serif;
	color: #fff;
	position: absolute;	top: 52px; left: 20px; z-index: 50;
	font-weight: normal;
}

#banner h1, #banner h2, #banner h3, #banner h4{color: #fff; font-weight: normal;}

#banner .headline h1{font-size: 2.4em; line-height: 1.4em; color: #2598c7; color: #ccd021; color: #fff; text-transform: lowercase;}
#banner .headline p{font-size: 1.2em; line-height: 1.2em; color: #ffffff; text-transform: lowercase;}
#banner .caption {color: #fff; width: 300px; height: 115px; position: absolute; bottom: 60px; left: 515px; z-index: 1;}
#banner .caption h2{font-size: 1.8em; line-height: 1.2em; color: #fff;}
#banner .caption h3{color: #adadad;}
#banner .caption a.watch{
	color: #fff; display: block; overflow: hidden; text-indent: -2000px; width: 150px; height: 24px;
	margin-top: 5px;
	background-image: url('images/bizkids-sprite.png'); background-position: -200px -600px; cursor: pointer;
}
#banner .caption a.watch:hover{background-position: -350px -600px;}
#banner .caption p{font-size: 1.4em; line-height: 1.4em;}

#banner .caption a.play{
	color: #fff; display: block; overflow: hidden; text-indent: -2000px; 
	width: 100px; height: 24px;
	margin-top: 5px;
	background-image: url('images/bizkids-sprite.png'); background-position: -200px -450px; cursor: pointer;
}
#banner .caption a.play:hover{background-position: -350px -450px;}

#banner, #banner .banner_content{height: 356px;}
#banner, #banner .banner_content{height: 125px;}

#banner.single, #banner.single .banner_content{height: 155px;}
body.single .post{border: 0; border-radius: 0; background: none; box-shadow: none;}
body.single .post .tag-list{background: #dcdcdc;}
body.single .post .share-link{background: #dcdcdc;}
body.single .post .comment-link{background: #dcdcdc;}

#banner.lesson, #banner.lesson .banner_content{height: 155px;}
#banner.ey, #banner.ey .banner_content{height: 130px;}

#banner.home{}
#banner.home, #banner.home .banner_content{
	height: 460px;
	background: #eee;
	background: #eee url('images/bg-banner-gray.png') top center repeat-x;
	background: none;
}

/* banner css */
/*
#banner.leaving, #banner.leaving .banner_content{height: 513px;}
#banner.show, #banner.show .banner_content{height: 356px;}
#banner.blog, #banner.blog .banner_content{height: 356px;}
#banner.newsletter, #banner.newsletter .banner_content{height: 356px;}
#banner.lesson, #banner.lesson .banner_content{height: 200px;}
#banner.games, #banner.games .banner_content{height: 420px;}
#banner.games{background: #3f000a;}
#banner.games .caption h2{
	overflow: hidden; position: relative; text-indent: -1000px;
	height: 26px; width: 300px; margin-bottom: 10px;
	background: url('images/type-sprite.png') 0px -150px no-repeat;
}

#banner.students{background: #2f0900;}
#banner.students, #banner.students .banner_content{height: 420px;}

#banner.teachers{background: #2f1401;}
#banner.teachers, #banner.teachers .banner_content{height: 140px;}
#banner.teachers #banner_video{width: 480px; height: 270px; overflow: hidden; position: absolute; bottom: 12px; left: 40px; border: 5px solid #282828; background: #2c2c2c;}
*/
#teacher_video{width: 480px; height: 270px; overflow: hidden; float: left; margin: 0 20px 20px 0; border: 4px solid #333;}
#banner.teachers .caption{
	height: auto;
	width: auto;
	left: auto;
	top: auto;	
	right: 30px;
	bottom: 20px;
	text-align: right;
}
#banner.teachers .caption p{
	font-size: 1em;
}
#banner.teachers .caption h2{
	font-size: 16px;
}
#banner.teachers .caption .cta-btn{
	margin-top: 6px;
}

/*
#banner.show .headline h1{color: #b0bb2e;}
#banner.blog .headline h1{color: #2598c7;}
#banner.newsletter .headline h1{color: #a14bb8;}
#banner.games .headline h1{color: #d43230;}
#banner.students .headline h1{color: #d5de4d;}
#banner.teachers .headline h1{color: #d35a01;}
#banner.lesson .headline h1{color: #d35a01;}
*/

/*SUB nav*/
#sub{
	background-color: #333; 
	width: 100%;
	background-image: url('images/bg-nav-sub.png');
	background-repeat: repeat-x;
	background-position: top left;
	border-radius: 4px;
	box-shadow: 0px 2px 5px #666;
	z-index: 99;
}
#sub ul{display: block; height: 40px; padding: 0; margin: 0;}
#sub ul li{
	display: inline-block; position: relative; margin: 0; padding: 0;
	background: url('images/bg-nav-sub-shim.png') top left no-repeat;
	width: 33%;
	float: left;
}
#sub ul li.primary{background: none;}
#sub ul li a{
	display: block; 
	padding: 0 24px;
	white-space: nowrap;
	color: #bababa;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 40px;	
	text-align: center;
	cursor: pointer;
}
#sub ul li a:hover{color: #fff;}
#sub ul li:hover>a{color: #fff;}
#sub ul li.current>a{color: #fff;}

#sub ul li.parent>a span{background: url('images/bg-nav-sub-arrow.png') 95% 50% no-repeat; padding: 0 25px 0 0;}
#sub ul li ul{
	display: none; position: absolute; top: 40px; left: 4px; height: auto;
	width: 250px;
	background: #333 url('images/bg-nav-sub-drop.png') top center repeat;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0px 2px 5px #666;	
}
#sub ul li ul li{
	display: block; float: none; width: 100%; 
	background: none; background: url('images/bg-nav-sub-shim-h.png') top left repeat-x;
}
#sub ul li ul li a{
	text-align: left;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 30px;
	padding: 0 10px;
}
#sub ul li ul li a:hover{color: #fff; background: rgba(0,0,0,.1);}
#sub ul li:hover ul{display: block;}
/*END SUB NAV*/

/*IMAGE HEADLINE*/
/*
#banner .headline {width: 266px; height: 47px; background: url('images/headline-about.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.home .headline {background: none; display: none;}
#banner.show .headline {width: 338px; height: 46px; background: url('images/headline-show.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.blog .headline {width: 266px; height: 47px; background: url('images/headline-blog.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.single .headline {width: 266px; height: 47px; background: url('images/headline-blog.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.category .headline {width: 246px; height: 47px; background: url('images/headline-blog.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.page .headline {width: 266px; height: 47px; background: url('images/headline-about.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.newsletter .headline {width: 311px; height: 45px; background: url('images/headline-newsletter.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.games .headline {width: 258px; height: 47px; background: url('images/headline-games.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}

#banner.game.dollar-a-glass .headline {width: 450px; height: 47px; background: url('images/headline-game-dollar-a-glass.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.game.bring-home-the-bacon .headline {width: 450px; height: 47px; background: url('images/headline-game-bring-home-the-bacon.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}

#banner.students .headline {width: 310px; height: 47px; background: url('images/headline-students.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.teachers .headline {width: 460px; height: 47px; background: url('images/headline-teachers.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.lesson .headline {width: 460px; height: 47px; background: url('images/headline-teachers.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.press .headline {width: 198px; height: 41px; background: url('images/headline-press.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.search .headline {width: 192px; height: 45px; background: url('images/headline-search.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.terms .headline {width: 192px; height: 45px; background: url('images/headline-terms.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.privacy .headline {width: 192px; height: 45px; background: url('images/headline-privacy.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.ey .headline {width: 260px; height: 45px; background: url('images/headline-ey.png') top left no-repeat; text-indent: -2000px; overflow: hidden;}
#banner.none .headline {width: 260px; height: 45px; background: none; text-indent: -2000px; overflow: hidden;}

#banner.forum .headline{
	text-indent: 0;
	background: none;
	height: auto;
	width: auto;
}
*/

/*END IMAGE HEADLINE*/
/*
#banner .banner_content{background-position: top left; background-repeat: no-repeat;}
#banner.leaving {background-image: url('images/banner-leaving.png'); background-position: bottom center;}
#banner.show .banner_content{background-image: url('images/banner-show.png');}
#banner.blog .banner_content{background-image: url('images/banner-blog.png');}
#banner.newsletter .banner_content{background-image: url('images/banner-newsletter.png'); background-position: top center;}
#banner.games .banner_content{background-image: url('images/banner-games.png');}
#banner.students .banner_content{background-image: url('images/banner-students.png');}
#banner.teachers .banner_content{background-image: url('images/banner-teachers.png');}
#banner.lesson .banner_content{background-image: url('images/banner-lesson.png'); background-position: bottom center;}
*/

body.leaving {
	background-image: url('images/banner-leaving.png'); background-position: top center;
}

body.leaving #banner, body.leaving #banner .banner_content{
	height: 410px;
}

#banner.leaving .headline {
	background: none; text-indent: 0;	
	width: auto; height: auto;
	left: 450px;
	top: 220px;
	color: #c1c1c1;
	padding: 5px;
}
#banner.leaving .headline h1{
	font-family: arial, helvetica, sans-serif;
	text-transform: none;
	font-size: 2.2em;
	color: #fff;
}
#banner.leaving .headline p{
	font-size: 1.2em;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	text-transform: none;
	color: #c1c1c1;
}
#banner.leaving .caption{left: 450px; top: 300px; width: auto;}
#banner.leaving .caption p{
	clear: both;
	font-size: 1.1em;
	font-family: arial, helvetica, sans-serif;
	margin: 5px 0;
	color: #c1c1c1;	
}
#banner.leaving .caption a.leave,#banner.leaving .caption a.stay{
	width: 150px; height: 45px;	
	background-image: url('images/bizkids-sprite.png'); background-position: -500px -550px; background-repeat: no-repeat;
	margin: 20px 0;	
	float: left; display: block;
	overflow: hidden;
	text-indent: -2000px;
}
#banner.leaving .caption a.leave{
	background-image: url('images/bizkids-sprite.png'); background-position: -500px -600px; background-repeat: no-repeat;
}
#banner.leaving .caption a.stay:hover{
	background-image: url('images/bizkids-sprite.png'); background-position: -650px -550px; background-repeat: no-repeat;
}
#banner.leaving .caption a.leave:hover{
	background-image: url('images/bizkids-sprite.png'); background-position: -650px -600px; background-repeat: no-repeat;
}

#banner.leaving #hero{width: 220px; height: 535px; bottom: -160px; left: 120px; background: url('images/over-kid.png') top center no-repeat;}

body.contest #banner #hero{
	width: 960px; 
	height: 360px; 
	top: 40px; 
	left: -20px;
	background: url('images/assets/contest/social-contest-hero.png') top center no-repeat;
}
body.contest #page{
	padding-top: 280px;
}

/*banner heros*/
#banner #hero{position: absolute; bottom: 0; left: 0; display: block; z-index: 90;}

#banner.games #hero{display: none;}
	.bk-games{
		clear: both;
		display: block;
		width: 1020px;
		margin-left: -30px;
		overflow: hidden;
		position: relative;
	}
	.bk-games .games{
		margin: auto;
		height: 400px;
		position: absolute;
		bottom: -120px;
		left: auto;
	}
	.bk-games .game{
		width: 340px;
		margin: 0;
		height: 340px;
		background: none;
		background-image: url('images/sprite-games-launch.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		text-align: center;
		overflow: hidden;
		text-indent: -800px;
	}
	.bk-games .game.dollar-a-glass{
		float: left;
		background-position: -30px 0px;
	}
	.bk-games .game.bring-home-the-bacon{
		float: left;
		background-position: -430px 0px;
	}
	.bk-games .game.break-the-bank{
		float: left;
		background-position: -830px 0px;
	}
		
	.bk-games .game.dollar-a-glass:hover{
		background-position: -30px -400px;
	}
	.bk-games .game.bring-home-the-bacon:hover{
		background-position: -430px -400px;
	}
	.bk-games .game.break-the-bank:hover{
		background-position: -830px -400px;
	}	
	
#banner.newsletter #hero{width: 236px; height: 378px; bottom: -300px; left: 720px; background: url('images/over-vault.png') top left no-repeat;}
body.newsletter #sidebar{float: left; margin-top: 135px; margin-right: -10px; background: none; box-shadow: none; width: 240px; z-index: 90; overflow: hidden;}
body.newsletter #stage{width: 709px; float: left;}
body.newsletter #sidebar .aside{background: #333; color: #fff; box-shadow: -3px 0px 3px #333; margin-bottom: 20px; padding: 10px;}
body.newsletter #sidebar .aside h3{font-size: 1.4em; font-family: 'KimberleyRegular', arial, sans-serif; font-weight: normal;}
.aside a span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -100px -500px;
	width: 13px; height: 13px; float: left; display: block;
	margin: 3px 3px 0 0;
	overflow: hidden; text-indent: -1000px;
}
body.newsletter #stage .newsletter{background: url('images/bg-newsletter.png') top center no-repeat;}
body.newsletter #stage .newsletter_content{background: url('images/bg-newsletter.png') bottom center no-repeat; padding: 30px 30px 30px 30px; min-height: 1000px;}
body.newsletter #CampaignArchive img{margin: 5px;}
body.newsletter #stage .newsletter_content img{margin: 5px;}
body.newsletter #CampaignArchive table td{text-align: left;}

body.search h1{font-size: 2em; margin: 10px 0px;}
body.search h1 span.term{color: #4e4e4e;}
body.search .result{padding: 10px; background: url('images/div-h-01.png') bottom left repeat-x; overflow: hidden; position: relative;}
body.search .result_content{padding: 10px; width: 450px; float: left;}

.result.blog h2 a{}
.result.page h2 a{}
.result.newsletter h2 a{color: #9f4ab4;}
.result.lesson h2 a{color: #d55a00;}
.result.episode h2 a{color: #689529;}
.result.clip h2 a{color: #689529;}

.result .thumb {width: 140px; height: 100px; float: left; overflow: hidden; position: relative;}
.result .play_over{width: 140px; height: 100px; position: absolute; top: 0; left: 0; background: url('images/btn-over-play.png') top center no-repeat;}

.result.blog .thumb{background: url('images/img-search-blog.png') top center no-repeat;}
.result.newsletter .thumb{background: url('images/img-search-newsletter.png') top center no-repeat;}
.result.page .thumb{background: url('images/img-search-page.png') top center no-repeat;}
.result.lesson .thumb{background: url('images/img-search-lesson.png') top center no-repeat;}
.result.episode .thumb{background: url('images/img-search-episode.png') top center no-repeat;}
.result.clip .thumb{background: url('images/img-search-episode.png') top center no-repeat;}

.post .blog-title{
	margin: 10px 40px 20px 0;
}
.post .thumb{
	width: auto; height: auto; float: left; overflow: hidden; position: relative; background: none;
	margin: 0 20px 20px 0;
	display: block;	
}
.post .thumb:hover{
	text-decoration: none;
	border: none;
}
.post .thumb img{
	margin: 0;
}


/*slideshow*/
.emmy-seal{
	position: absolute;
	bottom: -18px;
	right: -65px;
	width: 140px;
	height: 137px;
	overflow: hidden;
	text-indent: -1000px;
	background: url('images/emmy-award-seal.png') 50% 50% no-repeat;
	z-index: 200;
}
ul.slideshow{
	width: 960px;
	height: 460px;
	position: relative;
	overflow: hidden;
	z-index: 100;
	margin: auto;
}
ul.slideshow li{
	width: 942px;
	height: 460px;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	left: 9px;
}
.slideshow-nav{
	z-index: 999;
	width: 960px;
	position: absolute;
	text-align: center;
	bottom: 20px;
	left: 0;
}
.slideshow-nav a{
	display: inline-block;
	width: 9px;
	height: 9px;	
	margin:  0 0 0 8px;
	padding: 0;
	border-radius: 10px;
	background: rgba(10,42,63,.9);
	box-shadow: 1px 1px 3px rgba(10,42,63,.6);
}
.slideshow-nav a.current{
	background: rgba(233,243,243,.9);
}
.slideshow-nav a:hover{
	background: rgba(233,243,243,.6);
}


/*video player*/
#videoWrapper{
	/* 150 + 96 header  position: absolute; left: 50%; top: -200px; */
	z-index: 99;
	width: 652px;
	margin: 0;
	float: left;
}

.pop-up-video-wrapper{
	color: #8d8d8d;
	width: 652px;
	margin: auto;
}
.pop-up-video-wrapper h3,
.pop-up-video-wrapper h4{
	font-weight: normal;
}
.pop-up-video-wrapper h3 a,
.pop-up-video-wrapper h4 a{
	color: #8d8d8d;
}
.pop-up-video-wrapper h3 a:hover,
.pop-up-video-wrapper h4 a:hover{
	text-decoration: underline;
}

/*
#page #videoWrapper{
	position: relative; top: auto; left: auto; margin: 0;
}
*/

.post #videoWrapper{
	margin: 15px 0;
}

#videoLabel{text-align: left; color: #333; float: right; width: 250px; padding: 20px 0 0 0;}
#videoLabel h3{color: #8d8d8d; font-size: 1.2em; line-height: 1em;}
#videoLabel h2{color: #333; font-size: 2em; line-height: 1.5em; margin-bottom: 8px;}

#videoPlayer{
	z-index: 95;
	width: 640px; height: 360px; 
	border: 6px solid #39393b; background: #000000;
	border-radius: 2px;
	box-shadow: 3px 3px 6px rgba(0,0,0,.2);
}

#videoPlayer video{width: 640px; height: 360px;}

#videoPlayer .videoNav{z-index: 99; position: absolute; top: 0; left: 0; color: #fff; color: #333; width: 640px;}
#videoPlayer .videoNav a{
	position: relative; float: right; color: #fff; background: #313236 top left no-repeat;
	padding: 3px 3px 3px 18px; width: 85px; display: block; text-align: left;
}
#videoPlayer .videoNav a.showDesc{background-image: url('images/icon-plus.png'); background-position: 2px 50%;}
#videoPlayer .videoNav a.hideDesc{background-image: url('images/icon-minus.png'); background-position: 2px 50%;}
#videoPlayer .videoNav .description{
	color: #eeeeee; background: url('images/trans1.png'); position: relative; width: 600px; padding: 20px;
}

.clipNav{
	clear: both; overflow: hidden; position: relative; 
	background: url('images/bg-clip-nav.png') -360px 0 no-repeat; 
	background: none;
	padding-top: 20px; text-align: left;
}
.clipNav h4{text-align: left; font-size: 1.2em; padding: 0 0 0 0;}
.clipNav .clipBox{	
	width: 168px; margin: 20px 10px 11px 0px; padding-top: 9px; display: inline-block; text-align: left;	
	zoom: 1; *display: inline; _height: 200px; /*inline for ie7 - _height for ie6*/ 
}
.clipNav .clipBox.current{background: url('images/bg-clipbox.png') top center no-repeat;}
.clipNav .clipBox .thumb{width: 162px; height: 91px; border: 3px solid #434447; display: block; margin: auto;}
.clipNav .clipBox h5{margin: 5px 0; overflow: hidden;}
.clipNav .clipBox h5 a{color: #353536 !important; font-weight: normal; display: block; height: 3em; line-height: 1.5em;}
.clipNav .clipBox .post-edit-link{position: absolute; top: -5px; right: 0;}
p.timecode{color: #629c1c;}

.episodeNav{
	text-align: center; clear: both; margin-bottom: 30px; overflow: visible;
}

#loadme{width: auto; text-align: left; margin-left: 0;}

.episodeNav .episodeBar {
	color: #505050; 
	background: #c4c4c4 url('images/bg-episode-nav.png') bottom center repeat-x; 
	background: none;
	height: 42px; padding: 0;
	text-align: left;
	/*
	border-top: 1px solid #c4c4c4; border-bottom: 1px solid #a4a4a4;
	border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgba(150,150,150,.5), 0px 5px 15px rgba(150,150,150,.5);
	*/
	z-index: 40;
}
.episodeNav .container{ 
	
}

body.show .episodeNav .episodeBar{margin: 0 0 10px 0;}

.episodeNav .episodeBar h3{
	/*
	float: left; height: 42px; line-height: 42px; margin: 0 13px;
	color: #505050;	
	text-transform: uppercase;
	*/
}
.episodeNav .episodeBar h3 a{
	/* color: #E56100; */
}
.episodeNav .episodeBar h3 a:hover{
	/* color: #e15f00; */
}

.episodeNav .description{
	text-align: left; clear: both;
	float: left;
	margin: 15px 10px 10px 10px;
	padding: 0 20px 0 0;
	width: 560px;
}

.episodeNav .episodeBar label {font-weight: bold; margin-right: 5px;}
.episodeNav .episodeBar form.filterSelect {display: block; margin: 10px; float: left;}

.episodeNav .episodeBar form.filterSelect select{padding: 2px; color: #555555; background: #e8e8e8; border: 1px solid #a7a7a9; font-weight: bold; font-size: 1em;}
.episodeNav .episodeBar form.filterSelect select option{padding: 0px 3px 0px 3px; margin: 3px 0px 3px 0px;}

.episodeNav .episodeBar .pagination{
	float: right; padding: 0; margin: 0 10px 0 0;
	float: none;
	position: absolute;
	top: 0;
	right: 0;
}
.episodeNav .episodeBar .pagination h4{
	display: block; float: left; margin: 0 0 0 0; padding: 0; line-height: 40px;
	color: #505050;
}

.episodeNav .episodeBar .loadMsg {float: left; margin-right: 10px; font-size: 1em; line-height: 40px; color: #999999;}
.episodeNav .episodeBar .pagination a{
	color: #ffffff; margin: 8px 0; 
	height: 26px; line-height: 26px;
	background-image: url('images/nav-episode.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	width: 56px;
	overflow: hidden; text-indent: -1000px;
}
.episodeNav .episodeBar .pagination a.btn{
	height: 24px; width: 55px; margin: 8px 0 0 0; display: block; float: right; overflow: hidden; text-indent: -1000px; 
	zoom: 1; *display: inline; _height: 24px; /*inline for ie7 - _height for ie6*/	
}
.episodeNav .episodeBar .pagination div{
	display: inline-block;
}

.episodeNav .episodeBar .pagination a.prev{background-position: 0 0;}
.episodeNav .episodeBar .pagination a.next{background-position: -56px 0;}
.episodeNav .episodeBar .pagination a.prev:hover{background-position: 0 -30px;}
.episodeNav .episodeBar .pagination a.next:hover{background-position: -56px -30px;}
.episodeNav .episodeBar .pagination a.all:hover{background-position: -112px -30px;}
.episodeNav .episodeBar .pagination a.all{width: 78px; background-position: -112px 0;}
.episodeNav .episodeBar .pagination a.prev.dis{background-position: 0 -60px; cursor: default;}
.episodeNav .episodeBar .pagination a.next.dis{background-position: -56px -60px; cursor: default;}

.episodeNav .episodeBar .pagination div.prev a{background-position: 0 0;}
.episodeNav .episodeBar .pagination div.next a{background-position: -56px 0;}
.episodeNav .episodeBar .pagination div.prev:hover a{background-position: 0 -30px;}
.episodeNav .episodeBar .pagination div.next:hover a{background-position: -56px -30px;}
.episodeNav .episodeBar .pagination div.all:hover a{background-position: -112px -30px;}
.episodeNav .episodeBar .pagination div.all a{width: 78px; background-position: -112px 0;}
.episodeNav .episodeBar .pagination div.prev.dis a{background-position: 0 -60px; cursor: default;}
.episodeNav .episodeBar .pagination div.next.dis a{background-position: -56px -60px; cursor: default;}


.episodeNav .episodeBox{
	color: #ffffff; background: url('images/bg-episode-box.png') top left no-repeat; 
	width: 220px; height: 175px; margin: 0px 10px 10px 0px; 
	display: inline-block; text-align: left;
	zoom: 1; *display: inline; _height: 187px; /*inline for ie7 - _height for ie6*/	
	display: block; float: left;
}
.full-tile .episodeBox{display: block; float: left; margin-bottom: 10px;}
.episodeNav .episodeBox.ultimate{margin-right: 0;}
.episodeNav .episodeBox .thumb{width: 210px; height: 124px; display: block; margin: 4px 6px; position: relative; overflow: hidden;}

.episodeBox .overlay a{display: block; margin: 0px auto; width: 150px; height: 22px; color: #ffffff; overflow: hidden; text-indent: -1200px; background-image: url('images/bizkids-sprite.png');}

.episodeBox .overlay a.watch{background-position: -500px -350px; margin-top: 30px;}
.episodeBox .overlay a.watch:hover{background-position: -650px -350px;}

.episodeBox .overlay a.download{background-position: -500px -300px; margin-top: 10px;}
.episodeBox .overlay a.download:hover{background-position: -650px -300px;}

.episodeNav .episodeBox .overlay{
	display: none; position: absolute; top: 0; left: 0; width: 220px; height: 124px; background: url('images/overlay-episode-thumb.png'); color: #fff;
}
.episodeNav .episodeBox .desc{display: none;}
.episodeNav .episodeBox .overlay div{padding: 15px; color: #fff;}

.episodeNav .episodeBox h5.download {display: none;}

.episodeNav .episodeBox h5 a{display: block; color: #7db129;}
.episodeNav .episodeBox h5 a:link, .episodeNav .episodeBox h5 a:visited {display: block; color: #7db129; color: #0097d6;}

.episodeNav .episodeBox h5 a{margin: 0; font-weight: bold; color: #333;}
.episodeNav .episodeBox h5 a .icon{
	display: inline-block; float: right; width: 12px; height: 12px; margin: 0px 5px; 
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px; cursor: pointer;
	zoom: 1; *display: inline; _height: 12px; /*inline for ie7 - _height for ie6*/
}

.episodeNav .episodeBox h5,
.episodeNav .episodeBox p{
	margin: 0px 0px 0px 12px;
	font-weight: normal;
}
.episodeNav .episodeBox p{font-size: 1.1em; line-height: 1.1em;}
.episodeNav .episodeBox h6{
	color: #8d8d8d;
	margin: 0px 0px 0px 12px;
	font-weight: normal;
}

.full-list .episodeBox{float: left; display: block; margin: 0 9px 10px 0;}


.what-you-learn{
	width: 320px; height: 80px;
	float: right;
	margin-bottom: 6px;
	z-index: 0;
	background: url('images/copy-what-you-learn.png') top right no-repeat;
	text-align: left;
}
.what-you-learn p{font-size: .9em; margin: 0 15px 0 20px; line-height: 1.3em;}
.what-you-learn h4{margin: 9px 20px 0 20px;}
/*
.episodeNav.basics .what-you-learn{background-image: url('images/copy-what-you-learn-basics.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.careers .what-you-learn{background-image: url('images/copy-what-you-learn-careers.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.credit-debt .what-you-learn{background-image: url('images/copy-what-you-learn-credit-debt.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.entrepreneurship .what-you-learn{background-image: url('images/copy-what-you-learn-entrepreneurship.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.economy .what-you-learn{background-image: url('images/copy-what-you-learn-economy.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.financial-planning .what-you-learn{background-image: url('images/copy-what-you-learn-financial-planning.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.personal-finances .what-you-learn{background-image: url('images/copy-what-you-learn-personal-finances.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.saving-investing .what-you-learn{background-image: url('images/copy-what-you-learn-saving-investing.jpg'); text-indent: -1000px; overflow: hidden;}
.episodeNav.spanish-english .what-you-learn{background-image: url('images/copy-what-you-learn-spanish-english.jpg'); text-indent: -1000px; overflow: hidden;}
*/
/*end video*/

#sort-nav{
	padding: 20px 0 20px 0;
	overflow: hidden;
	position: relative;
}
#sort-nav .options{float: right;}
#sort-nav a.mode{
	display: block;
	float: left;
	width: 50px; height: 70px; background-image: url('images/nav-view-mode.png'); background-repeat: no-repeat;
	overflow: hidden; text-indent: -1000px;
}
#sort-nav a.mode.tile{background-position: 0 18px;}
#sort-nav a.mode.list{background-position: -50px 18px;}
#sort-nav a.mode.tile.current{background-position: 0 -52px;}
#sort-nav a.mode.list.current{background-position: -50px -52px;}
#sort-nav .topic-label{color: #5e5e5e; text-transform: capitalize;}
#sort-nav .title{float: left; margin: 0 5px 0 8px;}
#sort-nav .title p{font-size: 1.1em; margin: 0; padding: 0;}

#sort-nav form{display: inline-block;}


.did-you-know-lessons{
	display: block;
	background-image: url('images/icon-did-you-know-color-small.png');
	background-repeat: no-repeat;
	background-position: 20px 50%;
	padding: 30px 40px 20px 110px;
	width: 550px;
	box-sizing: border-box;
	background-color: #eee;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin: 0 0 20px;
	font-size: 1.1em;
}
a.did-you-know-lessons{
	color: #333;
}
.did-you-know-lessons h2{
	font-size: 1.3em;
	font-weight: normal;
}


/* main typeography for stage*/
#stage p{margin-bottom: 10px;}

/*main nav*/
#nav{	
	background: url('images/bg-nav-bar.png') top center no-repeat;
	z-index: 99;
	position: absolute;
	width: 960px;	
	height: 42px;
	left: 50%;
	top: 67px;
	margin-left: -480px;
}
a#logo{
	text-indent: -2000px; overflow: hidden;
	position: absolute;	left: 20px; top: -67px; z-index: 99;
	font-family: 'KimberleyRegular', arial, sans-serif; color: #000; font-size: 18pt;
	display: block;	width: 200px; height: 150px;
	background: url('images/bizkids-logo.png') top center no-repeat;
}
#nav .skip_to_content{display: none; text-align: center;}
#nav ul{text-align: left; padding: 0 0 0 222px; height: 39px; margin: 4px 0 0 0;}
#nav ul li{
	display: inline-block; margin: 0; height: 39px; line-height: 39px;
	zoom: 1; *display: inline; _height: 38px; /*inline for ie7 - _height for ie6*/	
}
#nav ul li a{color: #fff;}
#tagline{font-family: 'KimberleyRegular', arial, sans-serif; color:#4e5603; position: absolute; top: 55px; left: 15px;}

/*NAV MAP*/
#nav ul li.menu-item a{
	height: 39px; 
	line-height: 39px;
	display: block;
	background-image: url('images/bizkids-sprite.png'); 
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden; 
	width: 100px;
	text-align: left;
	text-indent: -1000px;
	font-size: 17px;	
	text-transform: lowercase;
	/*reset image nav*/
	overflow: visible;
	text-indent: 0px;
	background: none;
	width: auto;
	text-shadow:
		1px 1px 3px #000,
		-1px -1px 3px #000,
		-1px 1px 3px #000,
		1px -1px 3px #000
		;	
}
#nav ul li.menu-item a:hover{
	color: #0195d3;
}

/*main nav spacing and separators , add 11 fo left padding*/
#nav ul li.menu-item{
	background: url('images/bg-nav-bullet.png') 100% 50% no-repeat;
	padding: 0 23px 0 12px;
	padding: 0 33px 0 22px;
}
#nav ul li.menu-item:last-child{
	background: none; 
	/* padding: 0 30px 0 12px; */
}
#nav ul li.menu-item.current_page_item a{
	color: #ccd021;
}
#nav ul li.current_page_parent a{
	color: #ccd021;
}
body.forum #nav ul li.menu-item-forums a,
body.teachers #nav ul li.menu-item-teachers a,
body.business-resources #nav ul li.menu-item-business-resources a,
body.episode #nav ul li.menu-item-show a,
body.clip #nav ul li.menu-item-show a{
	color: #ccd021;
}

body.forum #nav ul li.current_page_parent a,
body.teachers #nav ul li.current_page_parent a,
body.business-resources #nav ul li.current_page_parent a,
body.episode #nav ul li.current_page_parent a,
body.clip #nav ul li.current_page_parent a{
	color: #fff;
}
body.forum #nav ul li.current_page_parent a:hover,
body.teachers #nav ul li.current_page_parent a:hover,
body.business-resources #nav ul li.current_page_parent a:hover,
body.episode #nav ul li.current_page_parent a:hover,
body.clip #nav ul li.current_page_parent a:hover{
	color: #0195d3;
}


/*
#nav ul li.menu-item.menu-item-show a{background-position: 0 10px; width: 85px;}
#nav ul li.menu-item.menu-item-blog a{background-position: 0 -40px; width: 75px;}
#nav ul li.menu-item.menu-item-newsletter a{background-position: 0 -90px; width: 95px;}
#nav ul li.menu-item.menu-item-games a{background-position: 0 -140px; width: 65px;}
#nav ul li.menu-item.menu-item-students a{background-position: 0 -190px; width: 80px;}
#nav ul li.menu-item.menu-item-teachers a{background-position: 0 -240px; width: 80px;}

#nav ul li.menu-item.menu-item-show a:hover, #nav ul li.menu-item.menu-item-show.current-menu-item a{background-position: -100px 10px;}
#nav ul li.menu-item.menu-item-blog a:hover, #nav ul li.menu-item.menu-item-blog.current-menu-item a{background-position: -100px -40px;}
#nav ul li.menu-item.menu-item-newsletter a:hover, #nav ul li.menu-item.menu-item-newsletter.current-menu-item a{background-position: -100px -90px;}
#nav ul li.menu-item.menu-item-games a:hover, #nav ul li.menu-item.menu-item-games.current-menu-item a{background-position: -100px -140px;}
#nav ul li.menu-item.menu-item-students a:hover, #nav ul li.menu-item.menu-item-students.current-menu-item a{background-position: -100px -190px;}
#nav ul li.menu-item.menu-item-teachers a:hover, #nav ul li.menu-item.menu-item-teachers.current-menu-item a{background-position: -100px -240px;}
*/


/*MENU BODY STICKY*/
body.blog #nav ul li.menu-item.menu-item-blog a{background-position: -100px -40px;}
body.single #nav ul li.menu-item.menu-item-blog a{background-position: -100px -40px;}
body.category #nav ul li.menu-item.menu-item-blog a{background-position: -100px -40px;}
body.show #nav ul li.menu-item.menu-item-show a{background-position: -100px 10px;}
body.games #nav ul li.menu-item.menu-item-games a{background-position: -100px -140px;}
body.teachers #nav ul li.menu-item.menu-item-teachers a{background-position: -100px -240px;}
body.lesson #nav ul li.menu-item.menu-item-teachers a{background-position: -100px -240px;}
body.newsletter #nav ul li.menu-item.menu-item-newsletter a{background-position: -100px -90px;}
/*MENU BODY STICKY*/

/*financial_tips*/
#thevault{
	position: absolute; top: 160px; right: -28px; z-index: 90;
	width: 271px; height: 179px; display: block;	
	background: url('images/over-financial-tips.png') top center no-repeat;	
}
#financial_tips{		
	background: url('images/over-financial-tips-door.png') top center no-repeat;
	width: 215px; height: 179px; display: block;	
	overflow: hidden; position: relative;
}
#vaultMask{
	overflow: visible; position: relative;
	width: 215px;
	margin: auto;
}
#thetip span.loading{
	padding: 40px 20px; display: block; text-align: center;
	color: #ccc;
}

#financial_tips #vault_handle{
	position: absolute; top: 40px; left: 50%; margin-left: -50px;
	width: 100px; height: 100px; background: url('images/over-vault-handle.png') center center no-repeat;	
	-ms-transform: rotate(0deg);	
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}
#financial_tips a:hover #vault_handle{
	
}
#financial_tips a{
	overflow: hidden; position: relative;
	width: 215px; height: 179px; display: block; 	
}	
#financial_tips p{
	color: #434343; text-align: center; margin-top: 134px; font-size: 1.1em; font-weight: bold;
	text-shadow: #d0d0d0 1px 1px 1px;
}
#thetip{
	position: absolute; top: 55px; right: 10px;
	color: #fff; font-weight: normal;	
	width: 185px; height: 100px; display: none; 
	overflow: hidden;
}
#thetip h4{color: #eee; font-size: 10pt; line-height: 12pt;}
#thetip p, #thetip span, #thetip div{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9pt !important; line-height: 11pt !important;
}
/*end valut*/

#banner_callout{
	position: absolute; bottom: -135px; right: 10px; z-index: 90;
	border: 1px solid #8e8e8e; background: #2c2c2c; color: #fff; text-align: center;
	width: 223px; height: 146px; display: block;
}
#banner_callout h3{background: #3f3f3f url(images/bg-callout-header.png) top left repeat-x; font-size: 1.2em; padding: 3px;}
#banner_callout p{padding: 10px 30px; line-height: 1.4em; color: #e0e0e0;}
#banner_callout a{
	width: 115px; height: 15px; margin: auto; display: block; overflow: hidden; text-indent: -1000px;
	background: url('images/bizkids-sprite.png') -750px -400px no-repeat;	
}

#be_on_tv{
	position: absolute; bottom: -175px; right: 0px; z-index: 90;
	width: 310px; height: 202px; display: block; background: url('images/over-tv.png') top center no-repeat;	
}
#be_on_tv a{width: 310px; height: 202px; display: block; overflow: hidden; position: relative; text-indent: -1000px;}

/*custom pg wrappers*/
body.students .pg{margin-right: 280px; padding-left: 0;}
body.students .pg h1.title{
	overflow: hidden; position: relative; text-indent: -1000px;
	height: 26px; width: 500px; margin-bottom: 10px;
	background: url('images/type-sprite.png') 0px -50px no-repeat;	
}

body.games .pg{margin: 0; padding: 45px 220px 0 0;}
body.games .pg h1.title{
	overflow: hidden; position: relative; text-indent: -1000px;
	height: 26px; width: 300px; margin-bottom: 10px;
	background: url('images/type-sprite.png') 0px 0px no-repeat;	
}
body.games .game-rules.pg{
	width: 680px; 
	margin: auto;
	padding: 40px 0 0 0;
}

body.teachers .pg{
	margin: 0 300px 10px 0; padding: 30px 0 0 0; clear: none;
	min-height: 150px;
}
body.teachers.forum .pg{
	margin: 0 0 10px 0; padding: 30px 0 0 0; clear: none;
	min-height: 150px;
}
body.teachers .pg.full{
	margin: 0 0 10px 0; padding: 30px 0 0 0; clear: none;
	min-height: 150px;
}
body.teachers .pg h1.title{
	overflow: hidden; position: relative; text-indent: -1000px;
	height: 26px; width: 500px; margin-bottom: 10px;
	background: url('images/type-sprite.png') 0px -100px no-repeat;	
}

body.lesson .pg{padding-right: 0;}

body.ey .pg{padding-right: 0;}
body.ey .pg ul li{font-size: 1.1em;}

/*end custom pg wrappers*/

#contest_alert{
	position: absolute; top: 40px; right: 40px;
	width: 360px; height: 460px;
	display: block; overflow: hidden;
}
#contest_alert a{
	display: block; position: relative; 
	width: 360px; height: 460px;
	color: #383838;
	font-size: 1.2em; font-weight: bold;
	/* background: url('images/btn-contest-alert-finalists.png') top left no-repeat; */
	/* background: url('images/btn-contest-alert.png') top left no-repeat; */
	/* background: url('images/btn-contest-alert.png') top left no-repeat; */
	/* padding: 32px 0 5px 22px;	*/
}
#contest_alert a p {height: 20px; line-height: 20px; overflow: hidden; margin: 0; padding: 0; position: relative; display: none;}
#contest_alert a span.icon{}

#banner_cta{
	position: absolute; top: 50px; right: 20px;
	width: 920px; height: 440px;
	display: block; overflow: hidden;
}
#banner_cta a{
	position: relative;
	width: 920px; 
	height: 440px;
	display: block; 
	overflow: hidden;
}

/*SIDEBAR*/
#sidebar{
	color: #424242;
	box-shadow: 0 0 5px #939090;
	border-radius: 2px;
}
body.business-resources #sidebar{
	margin-top: 350px;
}
#sidebar a{color: #a7a7a7;}
#sidebar ul.sidebar_content{margin: 0px;}
#sidebar .widget-title{
	/*font-family: 'KimberleyRegular';*/
	color: #fff; font-size: 12px;
	font-weight: normal;
	background: #4e4e4e url('images/bg-widget-title.png') top left repeat-x;
	height: 20px; line-height: 20px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #575757;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #2c2c2c;
}

#sidebar .widget-container>ul{margin: 0px; border: 1px solid #2c2c2c; border-bottom: 0px; overflow: hidden; position: relative;}
#sidebar ul li.cat-item{border-bottom: 1px solid #2c2c2c; font-size: 11px; overflow: hidden; position: relative;}
#sidebar ul li.cat-item a{display: block; color: #fff; padding: 10px;}
#sidebar ul li.cat-item a span.icon{
	background-image: url('images/bizkids-sprite.png'); background-position: -40px -500px;
	width: 13px; height: 13px; float: left; display: block;
	margin: 2px 5px 0 0;
}
#sidebar ul li.cat-item span.count{display: block; float: right; color: #424242;}
#sidebar ul li.cat-item a:hover span.icon{background-position: -40px -520px;}
#sidebar ul li.cat-item a:hover span.count{color: #666666;}

#sidebar ul li.cat-item span.text{
	display: block;
	float: left;
	padding: 0 0 8px 2px;
	width: 82%;
}

body.contest #sidebar{box-shadow: none;}
body.contest #sidebar ul li.cat-item a{background: #63620d;}
body.contest #sidebar ul li.cat-item{border-bottom: 1px solid #59580a;}
body.contest #sidebar .widget-title{
	border: 0px solid #59580a;
	border-top: 0px solid #59580a;
	border-bottom: 1px solid #59580a;
	background: #63620d url('images/bg-widget-title2.png') top left repeat-x;
}
body.contest #sidebar .widget-container > ul{boder: 1px solid #59580a;}
body.contest #sidebar ul li.cat-item a span.icon {background: url('images/icon-arrow2.png') top left no-repeat;}


#sidebar .widget-container #calendar_wrap{padding: 8px; background: url('images/bg-calendar-bottom.png') bottom center no-repeat; margin-bottom: 10px;}
#sidebar table#wp-calendar{width: 196px; margin: auto; border-collapse: separate;}
#sidebar table#wp-calendar tr td{background: #dcdcdc; border: 2px solid #f8f8f8; text-align: center; color: #949494;}
#sidebar table#wp-calendar tr th{background: #fff; border: 2px solid #fff; text-align: center; color: #949494;}
#sidebar table#wp-calendar tr td a{color: #0097d6; display: block; font-weight: bold;}
#sidebar table#wp-calendar tr td.pad{background: #fff; border: 2px solid #fff;}

#sidebar table#wp-calendar caption{
	height: 19px;
	text-align: center; background: #005c82 url('images/bg-calendar-head.png') top center repeat-x; color: #fff; padding: 5px; font-weight: bold; font-size: 1.2em;
}
.calPrev, .calNext{
	display: block; width: 25px; height: 29px; overflow: hidden; text-indent: -1000px;
	background-image: url('images/bizkids-sprite.png'); background-position: 0px 0px; background-repeat: no-repeat;
}
.calPrev{margin: -5px 0 0 -5px; float: left; background-position: -150px -350px;}
.calNext{margin: -5px -5px 0 0; float: right; background-position: -150px -300px;}

.widget_media{text-align: center; color: #c1c1c1;}
.widget_teachers{text-align: center; color: #c1c1c1;}
.widget_teachers li{padding: 10px 20px;}
a.cta{height: 15px; line-heihgt: 15px;}
a.cta span.icon{margin: 0; padding: 0;}


/*END SIDEBAR*/

/*header elements*/

.top_links{float: right; margin-bottom: 10px;}
.top_links a{
	display: block; float: left;
	background-image: url('images/social-sprite.png'); 
	background-repeat: no-repeat; overflow: hidden; text-indent: -1200px;
	margin-left: 2px;
	width: 34px;
	height: 34px;
	background-position: top center;
}
.top_links a.showtimes{background-image: url('images/icon-social-showtimes.png'); width: 118px; margin-left: 8px;}
.top_links a.facebook{background-image: url('images/icon-social-facebook.png');}
.top_links a.youtube{background-image: url('images/icon-social-youtube.png');}
.top_links a.twitter{background-image: url('images/icon-social-twitter.png');}
.top_links a.hulu{background-image: url('images/icon-social-hulu.png');}

.top_links a.showtimes:hover{background-image: url('images/icon-social-showtimes-hover.png');}
.top_links a.facebook:hover{background-image: url('images/icon-social-facebook-hover.png');}
.top_links a.youtube:hover{background-image: url('images/icon-social-youtube-hover.png');}
.top_links a.twitter:hover{background-image: url('images/icon-social-twitter-hover.png');}
.top_links a.hulu:hover{background-image: url('images/icon-social-hulu-hover.png');}

.search_box{float: left; margin: 2px 8px 0 0;}

#searchform{
	padding: 10px 0 0 0;
	width: 255px; height: 27px; display: block; overflow: hidden; position: relative; 
}

#header #searchform{	
	background: url('images/bg-searh-form.png') top right no-repeat; padding: 0;
}
#header #searchform label{display: none;}
#header #searchform input.searchfield{
	display: block; float: left; width: 200px; border: 0; margin: 2px 5px; background: transparent; 
	color: #b1b994; padding: 3px 3px 3px 12px; font-size: 1em; height: 18px; line-height: 18px;
}
#searchform input.searchsubmit{
	display: block; float: right; width: 18px; height: 18px; margin: 5px; border: 0px; text-indent: -1200px; overflow: hidden; background-color: transparent;
	background-image: url('images/bizkids-sprite.png'); background-position: 0px -300px; cursor: pointer;
	background: url('images/btn-search.png') 50% 50% no-repeat;
}
#searchsubmit:hover{cursor: pointer;}

/*layout*/

/*three column*/
.col_container{background: url('images/div-h-01.png') top left repeat-x; overflow: hidden; position: relative; margin-bottom: 30px;}
.col_container .col_container_content{margin-top: 20px; overflow: hidden; position: relative;}
.col_container .col{float: left; width: 320px; text-align: center;}
.col_container .col .col_content{width: 230px; margin: auto; overflow: visible; text-align: left;}
.col_container .col.two {border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; width: 318px;}
.col_container .col h3{font-size: 1.5em; margin-top: 8px; overflow: hidden; height: 25px; line-height: 25px; padding-left: 28px; margin-left: -28px;}
.col_container .col.one h3{background-image: url('images/bizkids-sprite-vert.png'); background-position: 0 0px; background-repeat: no-repeat;}
.col_container .col.two h3{background-image: url('images/bizkids-sprite-vert.png'); background-position: 0 -50px; background-repeat: no-repeat;}
.col_container .col.three h3{background-image: url('images/bizkids-sprite-vert.png'); background-position: 0 -100px; background-repeat: no-repeat;}

	.column{
	}
	.column.plain{
		clear: both;
		padding: 1px 0;
	}
	.column.plain .main-title{
		text-align: center;
	}
	
	/* main resource header sections */
	
	.column.col_c,.column.col_d,.column.col_e{
		width: 226px;
		min-height: 240px;
		padding: 12px 12px;
		float: left;
		margin: 10px 0;
		text-align: center;
		border-right: 1px dotted #999999;		
		-moz-box-sizing: border-box;		
		box-sizing: border-box;
	}
	.column.col_e,
	.column:last-child{
		border: 0;
	}
	
	/*
	.column.num12,
	.column.num13{
		width: 340px;
	}
	*/
	
	.column.num5,
	.column.num6,
	.column.num7{
		margin-bottom: 30px;
	}	
		
	.column .icon{
		width: 70px;
		height: 64px;
		margin: auto;
		display: block;
		background-position: 50% 100%;
		background-repeat: no-repeat;
	}
	
	.column h2{
		/*background: url('images/bg-main-title-shim.png') -60px -16px no-repeat;*/
	}
	
	.column h3{
		text-align: center;
		padding: 8px 0 2px 0;
	}
	
	.column .cta-btn{
		margin: 6px 0 8px 0;	
	}
	
	/* Biz Resources Icons */
	
	.column.num2 .icon{
		background-image: url('images/icon-business-plan.png');
	}	
	.column.num3 .icon{
		background-image: url('images/icon-bizkids-profiles.png');		
	}
	.column.num4 .icon{
		background-image: url('images/icon-book.png');		
	}		
	.column.num5 .icon{
		background-image: url('images/icon-marketing.png');		
	}	
	.column.num6 .icon{
		background-image: url('images/icon-business-starter-kit.png');			
	}
	.column.num7 .icon{
		background-image: url('images/icon-making-profit.png');		
	}
	
	.column.num9 .icon{
		background-image: url('images/icon-community-tool-kit.png');
	}	
	.column.num10 .icon{
		background-image: url('images/icon-community-tool-kit.png');
	}
	.column.num11 .icon{
		background-image: url('images/icon-community-tool-kit.png');
	}
	.column.num12 .icon{
		background-image: url('images/icon-piggy-bank-hunt.png');
	}
	.column.num13 .icon{
		background-image: url('images/icon-three-minutes.png');	
	}		

.piggy-bank{
	position: absolute;
	top: -110px;
	right: -65px;
	width: 347px;
	height: 342px;
	background: url('images/img-piggy-bank.png') top center no-repeat;
}

#stage.book-page{
	width: 600px;
	margin: auto;
	float: none;
	text-align: center;
}
#stage.book-page h2{
	font-size: 28px;
	line-height: 32px;
	color: #e3312f;
	clear: both;
	margin: 0 0 12px 0;
}
#stage.book-page h3{
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 4px 0;
	color: #373737;
}
#stage.book-page p{
	font-size: 13px;
	line-height: 22px;
}
#stage.book-page .cta-btn{
	padding: 8px 14px;
	background: #e3312f;
	border-radius: 20px;
	margin: 10px 0 0 0;
}

.book-page-banner{
	display: block;
	box-sizing: border-box;
	outline: none;
	border: 0;
	width: 500px;
	height: 400px;
	background: red;
	background: url('images/book-page-banner.png') top center no-repeat;
	margin: auto;
	margin-top: -36px;
}

/*FORMS*/
form.form{overflow: hidden; position: relative;}
form.form label{float: left; clear: both; width: 80px; margin: 10px 0 5px 0; color: #222; font-size: 1.1em;}
form.form .text{float: left; padding: 5px; border: 1px solid #afafaf;}
form.form input.text{float: left; width: 120px;}
form.form textarea.text{float: left; width: 120px; height: 60px;}

#sidebar form.form label{color: #fff;}
/*FORMS*/


/*special pages*/

/*HOME*/
body.home #page{overflow: visible; width: 960px; margin: 0 auto;}
body.home #stage.full{width: auto;}

/*HOME BOXES*/
#home_menu{
	margin-top: -30px;
	position: relative;
	overflow: hidden;
}
#home_menu .box{
	width: 306px;
	float: left; color: #454545; background: #f3f3f3; background: url('images/bg-home-box.png') top center no-repeat;
}
#home_menu .box{
	background: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 1px 1px 1px rgba(160,160,160,.2);
	width: 310px;
	margin: 5px;	
}
#home_menu .box.half{
	width: 470px;
}
#home_menu .box.one,
#home_menu .box.one h2{
	border-top-left-radius: 16px;
}
#home_menu .box.three,
#home_menu .box.three h2{
	border-top-right-radius: 16px;
}
#home_menu .box.four,
#home_menu .box.four .content{
	border-bottom-left-radius: 16px;
}
#home_menu .box.five,
#home_menu .box.five .content{
	border-bottom-right-radius: 16px;
}

#home_menu .box .content{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 135px;
	background: #e0e0e0;	
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 20px 0 0 0;
	display: block; 
	background-image: url('images/bg-home-box-splat.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;	
}

#home_menu .box img{}

#home_menu .box h2{
	text-align: center; color: #fff; font-size: 1.4em; 
	line-height: 30px; height: 30px; font-weight: normal;
	font-family: 'KimberleyRegular', arial, sans-serif;
	text-transform: capitalize;
	background: #484848;
	text-shadow: none;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	box-shadow: inset 0px 0px 8px #333;
}

/*home page image titles*/
/*
#home_menu .box h2{overflow: hidden; text-indent: -2000px;}
#home_menu .box.one h2{background: url('images/bg-box-title1.png') center center no-repeat;}
#home_menu .box.two h2{background: url('images/bg-box-title2.png') center center no-repeat;}
#home_menu .box.three h2{background: url('images/bg-box-title3.png') center center no-repeat;}
*/
/*end home page image titles*/


#home_menu .box h3{
	margin: 0px 5px 5px 0px; font-size: 1em; line-height: 1.4em;
	display: block;
	overflow: hidden;
}

#home_menu .box .copy{
	position: absolute; top: 24px; left: 160px; font-size: 12px; line-height: 15px; width: 120px; height: 60px; overflow: hidden;
}
#home_menu .box.five .copy,
#home_menu .box.four .copy{
	width: 275px;
}

#home_menu .box a.callout{
	vertical-align: middle;
	font-weight: bold; color: #333; 
	padding: 0; 
	position: absolute;
	line-height: 10px;
	bottom: 24px;
	left: 160px;
	width: 120px;
	height: auto;
	overflow: hidden;
	display: block;
}
#home_menu .box a.callout .icon{
	vertical-align: middle;
	border: 0px solid blue;
	display: inline-block; 
	width: 13px; height: 20px;
	margin: 6px 0 0 0; 
	background-image: url('images/bizkids-sprite.png'); cursor: pointer;
	zoom: 1; *display: inline; _height: 20px; /*inline for ie7 - _height for ie6*/
}
#home_menu .box a.callout.up{
	bottom: 40px;
}

#home_menu .box .thumb{
	overflow: hidden; position: relative;
	width: 133px; height: 106px; background: url('images/bg-box-shadow.png') top center no-repeat;
	float: left; margin: 0 20px 20px 20px;	
}
#home_menu .box .thumb .crop{
	width: 106px; height: 60px; position: relative; overflow: hidden; margin: 0; text-align: center; border: 1px solid #454545;
}
#home_menu .box .thumb .crop a{display: block; position: relative; overflow: hidden; width: auto;}
#home_menu .box .thumb .crop{border: 0;}

#home_menu .box .thumb img{}

#home_menu .box .thumb{
	overflow: hidden; position: relative;
	width: 133px; height: 106px;
	float: left; margin: 0 20px 20px 20px; border: 0;
	background: url('images/bg-home-box-frame.png') top center no-repeat;
}
#home_menu .box .thumb .crop{
	width: 103px; height: 61px; border: 0; margin: 3px auto 5px auto; float: none; text-align: center;
}

#home_menu .box.one .thumb{ background-image: url('images/bg-home-box-frame-show.png'); }
#home_menu .box.two .thumb{ background-image: url('images/bg-home-box-frame-lessons.png'); }
#home_menu .box.three .thumb{ background-image: url('images/bg-home-box-frame-games.png'); }
#home_menu .box.four .thumb{ background-image: url('images/bg-home-box-frame-blog.png'); }
#home_menu .box.five .thumb{ background-image: url('images/bg-home-box-frame-resources.png'); }

/* END HOME BOXES */

/*NEWSLETTER*/
#e2ma-join{display: none !important;}
#newsletter_menu{background: url('images/bg-newsletter-months.png') top left repeat-x; color: #fff; margin: 0px 12px -10px 15px; padding: 2px; z-index: 20;}
#newsletter_menu{overflow: hidden; position: relative;}
#newsletter_menu .year{float: right; padding: 10px;}
#newsletter_menu .year form{display: inline;}
#newsletter_menu .months{float: left;}
#newsletter_menu .months a{
	color: #fff; margin: 0px; display: inline-block; width: 45px; height: 48px; line-height: 45px; text-align: center;
	zoom: 1; *display: inline; _height: 48px; /*inline for ie7 - _height for ie6*/
}
#newsletter_menu .months a.curmonth{background: url('images/bg-newsletter-cur-month.png') top center no-repeat;}
#newsletter_menu .months a:hover{color: #66CCFF;}


/*GAMES*/
#game_menu{background: url('images/div-h-01.png') top left repeat-x; overflow: hidden; position: relative;}
#game_menu .game_menu_content{margin-top: 20px; background: url('images/div-v-01.png') top center repeat-y; overflow: hidden; position: relative;}
#game_menu .game{float: left; width: 306px;}
#game_menu .game .game_content{width: 230px; margin: auto; overflow: hidden;}
#game_menu .game h3{font-size: 1.5em; margin-top: 8px;}
#game_menu .game .game_content.checkback{text-indent: -2000px; height: 236px; background: url('images/bg-games-check-back.png') top center no-repeat;}

a.back-to-games{
	float: right;
	display: block;
	position: relative;
	overflow: hidden;
	text-indent: -800px;
	background-image: url('images/bizkids-sprite.png'); 
	background-position: -800px -425px; 
	cursor: pointer;
	width: 215px;
	height: 40px;
}
a.back-to-games:hover{background-position: -800px -475px;}

/*STUDENTS*/
#student_links{
	width: 918px; background: #168bf8; position: relative;
	height: 415px; overflow: hidden; /* move to JS for accessibility */
	margin: auto;
}
/*link nav*/
#stage #student_links ul.linkNav{padding: 0; margin: 0;}
#stage #student_links ul.linkNav li{padding: 0; margin: 0;}
#student_links ul.linkNav{display: block; text-align: center; height: 75px; width: 918px; position: absolute; bottom: 0; background: url('images/bg-link-nav.png') bottom center repeat-x;}
#student_links ul.linkNav li{
	display: inline-block; height: 75px; margin: 0px;
	zoom: 1; *display: inline; _height: 75px; /*inline for ie7 - _height for ie6*/	
}
#student_links ul.linkNav li a{
	display: block; width: 80px; height: 75px; margin: 0 5px 0 5px; text-indent: -2000px;
	background-image: url('images/bizkids-sprite.png'); background-position: -500px 0px; cursor: pointer;
}

#student_links ul.linkNav li.budgeting a{background-position: -500px -200px;}
#student_links ul.linkNav li.budgeting a:hover{background-position: -500px 0px;}
#student_links ul.linkNav li.budgeting a.current{background-position: -500px -100px;}


#student_links ul.linkNav li.calculators a{background-position: -600px -200px;}
#student_links ul.linkNav li.calculators a:hover{background-position: -600px 0px;}
#student_links ul.linkNav li.calculators a.current{background-position: -600px -100px;}


#student_links ul.linkNav li.credit a{background-position: -700px -200px;}
#student_links ul.linkNav li.credit a:hover{background-position: -700px 0px;}
#student_links ul.linkNav li.credit a.current{background-position: -700px -100px;}


#student_links ul.linkNav li.games a{background-position: -800px -200px;}
#student_links ul.linkNav li.games a:hover{background-position: -800px 0px;}
#student_links ul.linkNav li.games a.current{background-position: -800px -100px;}


#student_links ul.linkNav li.savings a{background-position: -900px -200px;}
#student_links ul.linkNav li.savings a:hover{background-position: -900px 0px;}
#student_links ul.linkNav li.savings a.current{background-position: -900px -100px;}


#student_links ul.linkNav li.start-a-biz a{background-position: -1000px -200px;}
#student_links ul.linkNav li.start-a-biz a:hover{background-position: -1000px 0px;}
#student_links ul.linkNav li.start-a-biz a.current{background-position: -1000px -100px;}

/*link bg*/
#student_links .bg{
	width: 918px; height: 415px; background-color: #168bf8; position: relative; overflow: hidden;
	background-image: url('images/bg-links-budgeting.jpg'); background-position: top left; background-repeat: no-repeat;
	position: absolute; /* move to JS for accessibility */
}
#student_links .bg.budgeting{background-image: url('images/bg-links-budgeting.jpg');}
#student_links .bg.calculators{background-image: url('images/bg-links-calculators.jpg');}
#student_links .bg.credit{background-image: url('images/bg-links-credit.jpg');}
#student_links .bg.games{background-image: url('images/bg-links-games.jpg');}
#student_links .bg.savings{background-image: url('images/bg-links-savings.jpg');}
#student_links .bg.start-a-biz{background-image: url('images/bg-links-start-a-biz.jpg');}

/*link lists*/
#student_links div.linkContainer{position: absolute; left: 490px; top: 0px; height: 345px; width: 275px; overflow: hidden;}
#stage #student_links ul.linkLists{list-style: none; padding: 0; margin: 0;}
#stage #student_links ul.linkLists li{padding: 0; margin: 0;}
#student_links ul.linkLists{color: #fff;}
#student_links ul.linkLists li h3{font-size: 1.4em; margin: 3px 0 2px 0;}
#student_links ul.linkLists li p{font-size: 1.1em; line-height: 1.4em; height: 2.8em; overflow: hidden; margin-bottom: 3px;}
#student_links ul.linkLists li a.link{
	color: #fff; display: block; overflow: hidden; text-indent: -2000px; width: 100px; height: 21px;
	margin-bottom: 18px;
	background-image: url('images/bizkids-sprite.png'); background-position: -200px -250px; cursor: pointer;
}
#student_links ul.linkLists li a.link:hover{background-position: -350px -250px;}

/*link call out*/
#student_links a.callout{
	display: block; position: absolute; top: 0; right: 0; width: 130px; height: 120px; overflow: hidden; text-indent: -2000px; z-index: 90;
	background-image: url('images/bizkids-sprite.png'); background-position: -220px -100px; cursor: pointer;
}
#student_links a.callout:hover{background-position: -370px -100px;}

a.callout{height: 20px; line-height: 20px; display: inline-block;}
a.callout .icon{margin: 0; margin: 0 0 -3px 0;}

/*TEACHERS*/
body.teachers .episodeNav .episodeBox h5 a{
	/* color: #e56100; */
	background: url('images/bizkids-sprite-vert.png') 0 -150px no-repeat;}
body.teachers .episodeNav .episodeBox h5 a .icon{
	background-position: -40px -500px;
}
body.lesson .episodeNav .episodeBox h5 a{color: #e56100; background: url('images/bizkids-sprite-vert.png') 0 -150px no-repeat;}
body.lesson .episodeNav .episodeBox h5 a .icon{
	background-position: -40px -500px;
}

.episode-preview{display: none; margin: 0; position: relative;}

.video-player{
	width: 356px; height: 200px; overflow: hidden; border: 3px solid #3b3b3b; background: #3b3b3b;
	box-shadow: 0px 0px 15px #222;	
}

.video-stage{
	padding-top: 20px;
	overflow: hidden;
	position: relative;
	clear: both;
}

.unavail{
	padding: 20px;
	color: #eee;
}

.lesson_column_2{
	float: right;
	width: 480px;
	margin: 0 0 0 40px;
}
.download_container{
	overflow: hidden; position: relative; padding: 25px 0 20px 0; z-index: 1;
}
.episode_container{
	overflow: hidden; position: relative; padding: 25px 0 20px 0; z-index: 1;
}

.download_container a.download{	
	float: left;
	display: block; margin: 0;
	overflow: hidden; position: relative;
	width: 122px; height: 175px;
	margin-left: 12px;
	text-indent: -1000px;
	background-image: url('images/bg-download-teacher-materials.png');
	background-repeat: no-repeat;
	background-position: top left;
}
.download_container a.download:hover{background-position: top right;}
.download_container a.download.pdf{background-position: 0 0;}
.download_container a.download.zip{background-position: -122px 0;}
.download_container a.download.pdf:hover{background-position: 0 -175px;}
.download_container a.download.zip:hover{background-position: -122px -175px;}
.download_container a.download.pdf.spanish{background-position: -244px 0;}
.download_container a.download.pdf.spanish:hover{background-position: -244px -175px;}
.download_container a.download.pdf.high-school{background-position: -488px 0;}
.download_container a.download.pdf.high-school:hover{background-position: -488px -175px;}
#post-it.teachers{display: block;}
#post-it{
	width: 169px; height: 175px;
	position: absolute;
	top: 25px; right: 35px;
	z-index: 80;
	background: url('images/teachers-post-it-store-link.png') top center no-repeat;
}
#post-it a{
	overflow: hidden; text-indent: -800px;
	display: block;
	width: 169px; height: 175px;
}
#post-it.getting-started{position: relative; float: right; margin-left: 150px;}

.shop-cta{
	float: right; margin-top: 20px;
	height: 145px; width: 317px;
	text-indent: -1000px; overflow: hidden;
	background: url('images/teachers-store-link.png') top left no-repeat;
}

/*LESSON*/
table#lesson_grid{width: 100%; border: 1px solid #b3b3b3; border-collapse: collapse;}
table#lesson_grid.one{width: 820px;}
table#lesson_grid.two{width: 690px;}
table#lesson_grid tr th{font-weight: bold; color: #fff; padding: 4px 4px 4px 10px; background: #464646; width: 25%;}
table#lesson_grid tr td{border-top: 1px solid #b3b3b3; border-right: 1px solid #cecece; padding: 8px 10px 4px 10px; background: #eaeaea; color: #464646; vertical-align: top;}

/*CONTEST*/
/*body.contest .pg h1{background: url('images/assets/contest/contest-finalist-banner.jpg') bottom left no-repeat; padding-bottom: 300px;}*/
body.contest .pg h1{font-size: 2.8em; line-height: 1.2em; margin: 0 0 10px 0;}
body.contest #stage {width: 570px;}
#contest_container{background: url(images/div-h-01.png) top left repeat-x; padding: 15px;}
#contest_container{background: none; padding: 0;}
#contest_container h3{font-size: 1.2em;}
form.contest {
	width: 570px; margin: 0; padding: 36px 0 0 0; 
	background: url(images/div-h-01.png) top left repeat-x;
	/*background: url('images/assets/contest/contest-form-arrow-full.png') top right no-repeat;*/
}
form.contest label{float: none; display: block; clear: both; margin: 14px 0 4px 2px; color: #222; font-size: 1.3em; width: auto;}
form.contest input.text{float: left; padding: 5px; border: 1px solid #afafaf; color: #8c8c8c}
form.contest input.text{width: 220px; margin: 12px 8px 8px 2px;}
form.contest .third input.text{width: 160px; margin: 0 8px 8px 2px;}
form.contest input.num{width: 60px; margin: 0 8px 8px 12px;}
form.contest textarea.text{float: none; margin: 0 0 8px 3px;}
form.contest input.btn.submit{clear: both; display: block; margin: 12px;}
#stage form.contest p.note{margin: 3px 0 3px 3px; color: #333; padding: 0;}
form.contest textarea.text{width: 550px; height: 120px;}
body.contest form.contest h2{margin: 12px 0 2px 0;}
#contest_disclaimer{clear: both; color: #626264; margin: 10px 0;}

form.contest .finalist, form.contest .finalist_winner{background: url(images/div-h-01.png) bottom left repeat-x; padding-bottom: 46px; margin-bottom: 36px;}
body.contest .finalist h2{
	position: relative; overflow: hidden; width: 567px; height: 193px; text-indent: -2000px;
	background: url('images/assets/contest/contest-finalist-01.jpg') top left no-repeat;
	padding: 0; margin: 0 0 15px 0;
}
body.contest .finalist h3{
	font-size: 2.2em;
	margin: 2px 0 10px 0;
}
body.contest .finalist h4{
	font-size: 1.6em;
	margin: 2px 0 8px 0;
}
form.contest #vote_submit{
	background: #c8c8c8; padding: 25px; color: #333; font-weight: bold;	
	border-radius: 10px;
}
form.contest .finalist label{
	position: absolute; bottom: 12px; left: 323px;
	width: 182px; height: 30px; font-size: 12px; line-height: 30px; text-indent: 0;
	display: block; background: #c8c8c8; border-radius: 3px; padding: 3px; color: #2c2c2c; margin: 0;
	cursor: pointer;
}
form.contest .finalist p{font-size: 1.1em;}

form.contest .finalist label.hilight{
	background: #454344; color: #fff;
	height: auto;
}
form.contest .finalist label input{
	float: left;
}
form.contest .finalist label span{
	padding: 9px 0 8px 0;
	width: 150px;
	font-size: 1em;
	line-height: 1em;
	display: block;
	float: left;
}
form.contest .finalist label.hilight span{
	padding: 4px 0 4px 0;
}
form.contest .finalist label input.radio{float: left; margin: 8px 8px 0px 5px;}

form.contest .finalist#one h2{background-image: url('images/assets/contest/contest-finalist-01.jpg');}
form.contest .finalist#two h2{background-image: url('images/assets/contest/contest-finalist-02.jpg');}
form.contest .finalist#three h2{background-image: url('images/assets/contest/contest-finalist-03.jpg');}
form.contest .finalist#four h2{background-image: url('images/assets/contest/contest-finalist-04.jpg');}
form.contest .finalist#five h2{background-image: url('images/assets/contest/contest-finalist-05.jpg');}
form.contest #vote_submit{
	width: 520px; 
	height: auto;
	/* background: url('images/assets/contest/contest-finalist-vote.jpg') top left no-repeat; */
}
form.contest #vote_submit .vote_submit_content{
	margin-right: 20px; height: auto;
	overflow: hidden; position: relative;
}

form.contest #vote_submit .vote_submit_content h2{text-align: center; font-size: 2em; height: 170px; line-height: 170px; color: #fff;}

form.contest .btn.submit-vote{
	width: 137px; height: 38px; display: block; float: left;
	background: url('images/assets/contest/btn-submit.png') top left no-repeat;
	cursor: pointer; border: 0; color: #fff; font-size: 9pt; font-weight: bold;
	text-shadow: 1px 1px 1px #a96f01; margin-top: 5px;
}
/*END CONTEST*/

/*PRESS*/
.pres_list_content{margin: 15px;}
.press_item{padding: 10px 0px; background: url('images/div-h-01.png') bottom left repeat-x; overflow: hidden; position: relative;}
.press_item .press_item_image{float: left; width: 260px;}
.press_item .press_item_content{float: left; margin: 15px 0px; width: 420px;}
.press_item .desc{margin: 10px 0;}
.press_item a, .press_item a:link{color: #69321e;}
#sidebar ul li.widget_presskit ul li.cat-item a span.icon{background-position: -120px -500px;}
#sidebar ul li.widget_media ul li{padding: 10px;}

/* EY */

.ey .schoolBox{background: #d3d3d3;}
.ey .schoolBox .copy{font-size: 1.1em; margin: 5px 0px;}
.ey .episodes a{color: #e56100; font-weight: bold;}
.ey .episodes h2{
	background: url('images/bg-header-2.png') top left repeat-x; font-size: 1.6em; height: 43px; line-height: 43px; color: #fff; padding: 0 38px 0 22px;
	border-left: 1px solid: #7a7a7c; border-right: 1px solid: #7a7a7c;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.ey .episodes p.schoolLink{text-align: right; font-weight: bold; font-size: 1.2em; margin-bottom: 5px !important;}
.ey .episodes .episode{ border-bottom: 1px dotted #8d8d8d; margin: 0px 22px 27px 22px; padding: 27px 25px 30px 0px; overflow: hidden; position: relative;}
.ey .episodes .episode h3{text-transform: capitalize;}
.ey .episodes .episode.ultimate{border: 0px;}
.ey .episodes .episode .thumb{width: 220px; height: 135px; float: left; border: 4px solid #333; overflow: hidden;}
.ey .episodes .episode .content{margin: 10px 181px 17px 242px;}
.ey .episodes .episode .download_container{float: right; clear: none; width: 141px; height: 168px;}
.ey .episodes .episode .download_container a.download{float: none;}


/* END CUSTOM CONTENT */

/* COMMENTS */
#comments{
	width: 630px;
	box-sizing: border-box;
	margin: 20px auto; padding: 20px;
}
#commentsform{margin: 20px; padding: 20px; border-radius: 10px; background: url('images/trans.png');}
#respond{overflow: hidden; position: relative;}
#respond label{width: 150px; text-align: left; clear: both; margin: 5px;}
#respond input, #respond textarea{display: block; text-align: left; margin: 2px 0; font-family: Arial, Helvetica, sans-serif;}
#respond textarea{width: 580px; max-width: 580px; max-height: 400px;}
#comments textarea#comment{
	border: 0px; border-top: 1px solid #acacac; padding: 5px 5px 26px 5px;
	background: #f9f9f9 url('images/bg-comment-textarea.png') bottom left no-repeat;
	overflow: hidden;
}

#stage ul.commentslist,#stage ul.children{list-style: none; padding: 0; margin: 0;}
#stage ul.children{margin-left: 15px;}
#stage ul.commentslist li{list-style: none; margin: 0; padding: 0; position: relative;}
#stage ul.commentslist li.comment.even{}
.comment-body{margin: 10px 0;}
#respond .form-allowed-tags{clear: both;}
#comments .avatar{display: none;}

#respond #submit{clear: both; float: right; text-align:  center;}
#respond #submit{background: #submit; color: #fff; font-weight: bold; background: #0096d4; border-radius: 8px; padding: 3px 8px; border: 0; cursor: pointer; }

#comments input{border: 1px solid #ccc; padding: 5px;}
#comments-title{background: url('images/bg-floor.png') bottom left repeat-x; padding-bottom: 5px; margin-bottom: 15px;}
#comments .comment-author{display: inline; font-size: 1.2em; margin: 0 0 5px 0; font-weight: bold;}
#comments .comment-meta{display: inline;}
#comments .comment_container{
	position: relative;
	padding: 10px;  background: #e7e7e7; border: 1px solid #c4c4c4;
}
#comments .reply{position: absolute; top: 5px; right: 5px;}
#comments a.comment-reply-link{
	display: block; width: 45px; height: 18px; overflow: hidden; text-indent: -1000px;
	background-image: url('images/bizkids-sprite.png'); background-repeat: no-repeat; background-position: 0 -350px;
}	
#comments a.comment-reply-link:hover{background-position: -100px -350px; border: 0;}

#comments ul.children li .comment_container{ background: #f5f5f5;}



/*cform*/
.linklove{display: none;}
form.cform {width: 500px; background: none; margin: 0; padding: 0;}
form.cform fieldset {width: auto; background: none; border: 0; padding: 0; margin: 0;}
form.cform fieldset legend {margin: 0; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.8em;}
form.cform label{display: block; width: auto; text-align: left; margin: 10px 0 2px 0;}
form.cform label span{width: auto;}
form.cform input.single{width: 350px;}
form.cform textarea.area{width: 350px;}
form.cform .cf-sb{text-align: left; margin-left: 130px;}
form.cform input.sendbutton {cursor: pointer;}

form.contest-family-business input {font-size:14px; padding:6px;}
form.contest-family-business .checkbox {text-align:center; width: auto; vertical-align: center;}

form.contest-family-business .checkbox input,
form.contest-family-business .checkbox label,
form.contest-family-business .checkbox span {
	margin:0 !important; padding:0 !important; height:12px; line-height:12px; display:inline;
}

form.contest-family-business .checkbox input {margin:0 1em 0 0 !important;}

form.contest-family-business .checkbox label,
form.contest-family-business .checkbox label span {
	width: auto;
}

form.contest-family-business p.cf-sb {margin:0; text-align:center; padding:0;}

form.contest-family-business .contest-publicity-terms {
color: #666666;
}
form.contest-family-business .contest-publicity-terms h4 {
font-weight: bold;
font-size: 14px;
margin:1em 0;
}
form.contest-family-business .contest-publicity-terms p {
font-size: 10px;
line-height:1.5em;
}

form.contest-family-business label {
font-size: 12px;
}
/*
.cform input.sendbutton	{
	height: 21px; line-height: 21px;
    display: block;
    background-image: url('images/bizkids-sprite.png'); 
    background-repeat: no-repeat;
    background-position: -500px -650px;
    overflow: hidden; width: 76px; text-align: left;
    text-indent: -1000px; 
	padding:5px; 
	margin: 10px auto;
	font-size:0.8em;
	border:0;
	background-color: transparent;
}
.cform input.sendbutton:hover	{
    background-image: url('images/bizkids-sprite.png'); 
	background-position: -650px -650px;
}
*/

body.contest h2, .contest-form-hdr {
	color:#201f24;
	font-weight:bold;
	font-size:14px;
}

body.contest p {
	font-size: 1.1em;
	line-height: 1.6em;
}

body.contest #stage .pg {
	width: 576px;
	padding: 15px 15px 0 0;
}

body.contest .alignright {
	margin:20px 0 20px 35px;
	clear: both;
}

/*modal*/
#TB_ajaxContent{background: #fff; border: 1px solid #242424;}
#TB_title,#TB_window{background: none !important;}
#TB_window{
	border: 0px !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-khtml-box-shadow: none !important;
	box-shadow: none !important;	
}
#TB_window iframe{	
	-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
	box-shadow: rgba(0,0,0,1) 0 4px 30px;
	border-radius: 3px;
}
.TB_overlayBG{background-color: #fff !important;}
#TB_closeAjaxWindow{padding: 0 !important;}

/**
	UTILITY
**/
.error_msg{padding: 8px; margin: 8px 0px; border: 2px solid #900; background: #eee; color: #900; font-weight: bold;}
.error_msg p{margin: 5px;}
ul#msg{padding: 8px 8px 8px 18px; margin: 8px; border: 2px solid #900; background: #eee; color: #900; font-weight: bold;}
ul#msg li{margin: 4px;}
.container{overflow: hidden; position: relative; clear: both;}
.clear{clear: both;}
.clear-none{clear: none !important;}
.third{float: left; width: 33%; -moz-box-sizing: border-box; box-sizing: border-box;}
.half{float: left; width: 49%; -moz-box-sizing: border-box; box-sizing: border-box;}
.left{float: left;}
.right{float: right;}

.hide{display: none;}
.trans{ background: #e7e7e7; }
#stage ul.trans{padding: 18px 36px; margin: 20px 0px;}

table.table{width: 100%; border: 1px solid #b3b3b3; border-collapse: collapse;}
table.table tr th{font-weight: bold; color: #fff; padding: 4px 4px 4px 10px; background: #464646; width: 25%;}
table.table tr td{border-top: 1px solid #b3b3b3; border-right: 1px solid #cecece; padding: 8px 10px 4px 10px; background: #eaeaea; color: #464646; vertical-align: top;}

input.button,
button.button{
	display: block;	
	margin: 10px auto;
	clear: both;
	padding: 3px 12px;
	background-color: #0089c1;
	border: 0px;
	border-radius: 18px;
	color: #fff;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: capitalize;
	cursor: pointer;
}
button.button:hover,
input.button:hover{
	background-color: #0096d4;
}
body.teachers input.button,
body.teachers button.button{
	background: #e56100;
	background: #0097d6;	
}
body.teachers input.button:hover,
body.teachers button.button:hover{
	background: #e68000;
	background: #0097d6;
}
body.teachers.forum #sub ul li.forum a{
	color: #fff;
}

form.contest input.button{
	overflow: hidden;
	text-indent: -1000px;
	width: 200px;
	height: 100px;
	background: url('images/assets/contest/social-contest-btn-submit.png') top center no-repeat;
}

/*BIZKIDS STYLE*/
.list-group{
	background: #e5e5e5; border: 1px solid #cccccc; border-radius: 5px; margin: 10px 0;
	padding: 20px 75px;
}
#stage .list-group ul{list-style: none; margin: 0; padding: 0;}
#stage .list-group ul li{list-style: none; padding: 0; margin: 0;}
/* #stage .list-group a{color: #d65a02;} */
#stage .list-group h2 a{color: #1f2024; font-weight: normal; margin: 0 0 8px 0; font-size: .8em; font-weight: bold;}
.gray{color: #777;}

/*BIZKIDS IN PAGE CSS STYLES*/
.note-pad{padding-right: 220px;}
.section{border-top: 1px dashed #a6a6a6; padding: 25px 0 0 280px; min-height: 160px;}
body.teachers .section{padding-right: 210px;}
.section h3{padding: 0 0 12px 0;}
.section.piggy-bank{border-top: 1px solid #c6c6c6; background: url('images/img-piggy-thumb.jpg') 0 25px no-repeat;}
.section.tool-kit{background: url('images/img-toolkit-thumb.jpg') 0 25px no-repeat;}
.section.business-plan{background: url('images/img-business-plan-thumb.jpg') 0 25px no-repeat;}
.section.change-the-world{background: url('images/img-change-the-world-thumb.jpg') 0 25px no-repeat;}

#stage.standards{background: url('images/bg-star.png') 100% 110px no-repeat;}
#stage.standards h2{padding: 200px 60px 0 0; background: url('images/banner-header-standards.png') top center no-repeat;}
#stage.standards .section h3{height: 50px;}
body.teachers #stage.standards .pg.full{padding: 0;}
#stage.standards .section{float: left; width: 230px; padding: 20px 0;}
#stage.standards .section .item{border-left: 1px dashed #a6a6a6; padding: 0 20px 0 40px;}
#stage.standards .section.primary .item{padding: 0 40px 0 0; border: 0;}

/*JUMPSTART PAGE*/
#stage.jumpstart{background: url('images/bg-star.png') 100% 110px no-repeat;}

.jumpstart-banner{
	height: 230px; 
	background: url('images/banner-header-jumpstart.jpg') 50% 8px no-repeat;
	text-indent: -1000px;
}

.section a.download{	
	display: block; margin: 0;
	overflow: hidden; position: relative;
	width: 120px; height: 175px;
	margin: 20px auto;
	text-indent: -1000px;
	background-image: url('images/bg-download-materials.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.section a.download:hover{background-position: 50% -175px;}

.jumpstart .media {
	width: 228px;
	height: 270px;
	display: block;
	float: left;
	border-top: 1px dashed #a6a6a6;
}
.jumpstart .media.top {
	border: none;
}

.jumpstart .media .item{
	width: 156px;
	height: 240px;
	margin: 15px 0; 
	padding: 0 40px;
	display: block;
	float: left;
	border-left: 1px dashed #a6a6a6;
}

.jumpstart .media.first .item{
	border-left: none;
}

.jumpstart .media.top .item{
	margin: 0;
}

.jumpstart .media .download {
	display: block; 
	overflow: hidden; position: relative;
	width: 156px;
	height: 203px;
	background-image: url('images/bg-download-folder.png');
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
}

.jumpstart .media .episode{
	display: table;
	color: #e56100;
	font-size: 1.1em;
	height: 12px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
}

.jumpstart .media .episode .copy{
	display: table-cell;
	padding-right: 3px;
}

.jumpstart .media .episode .icon{
	display: table-cell;
	vertical-align: middle;
	overflow: hidden; 
	text-indent: -100px;
	width: 12px;
	height: 12px;
	background-image: url('images/icon-link-orange.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
}

.jumpstart .media a.episode:hover{
	color: #ed812d;
}

.jumpstart .media a.episode:hover .icon{
	background-position: 0 -12px;
}

.jumpstart .media .download:hover{
	background-position: 50% -203px;
}

.jumpstart .media .download .title{
	display: block;
	margin: 70px 35px 15px 35px;
	font-size: 1.2em;
	line-height: 1.2em;
	font-style: italic;
	text-align: center;
	color: #491e0c;
	
}

.jumpstart .media .download .chapter{
	display: block;
	margin: 0 30px 0 54px;
	font-weight: bold;
	font-size: 1em;
	color: #491e0c;
}

.jumpstart .full-download {
	display: block;
	position: absolute;
	left: 50%;
	top: 192px;
	overflow: hidden; 
	text-indent:-1000px;
	width: 208px;
	height: 22px;
	background-image: url('images/bg-download-curriculum.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0 0 0 -104px;
	padding: 0;
}

.jumpstart .primary:hover{
	background-position: 0px -22px;
}

/* new ctas and buttons */
a.cta-btn{
	background: none;
	background-color: #0097d3;
	color: #fff;
	font-weight: bold;
	text-transform: capitalize;
	padding: 0 10px;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	border-radius: 10px;
}
a.cta-btn:hover{
	background: #126587;
}
a.cta-btn.right{
	margin-left: 5px;
}
a.cta-btn.left{
	margin-right: 5px;	
}
a.cta-btn.dark{
	background: #222;
}
a.cta-btn.prev{
	margin-right: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
a.cta-btn.next{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.main-title,
.pg h2.main-title,
.pg h3.main-title{
	font-size: 22px;
	color: #fff;
	clear: both;
	margin: 0 0 6px 0;
	text-transform: lowercase;
	text-shadow: 
	1px 1px 2px #000, 
	-1px -1px 2px #000, 
	-1px 1px 2px #000, 
	1px -1px 2px #000;	
}
.main-title a{
	color: #fff;
}
.episodeBar .main-title{
	/* background: url('images/bg-main-title-shim.png') -60px -16px no-repeat; */
	padding-top: 6px;
}

/*RESEARCH PAGE*/
.research .header td{
	font-size: 1.2em;
	font-weight: bold;
	background-color: #d9d8d8;
}
.research .episode td{
	font-size: 1.2em;
	background-color: #d9d8d8;
}
.research .episode .number{
	font-size: 1.4em;
	font-weight: bold;
}
.research .clip td{
	font-size: 1.1em;
	background-color: #e4e6f0;
}
.research .lesson td{
	font-size: 1.1em;
	background-color: #e4f0e7;
}
.research .table tr:hover td{
	background-color: #EEEEEE;
}
.research .attachment td{
	display: none;
}
.research h2{
	font-size: 2em;
}

.research .clip .yes{
	color: green;
	font-weight: bold;
}

.research .clip .no{
	color: red;
	font-weight: bold;
}

/* VIDEO PLAYER */
.mejs-inner{
	display: block;
	height: 100%;
}

[disabled] {
	color:#999 !important;
}


/* Media Query */
@media screen and (max-width: 1160px) { /* ipad horizonal and smaller desktops */
	.emmy-seal{		
		right: 0;
	}
}