body { 
	background: #fff url(../img/bg_classrm_body.gif) center 0 no-repeat; 
}

.class_archive {
	background: #fff url(../img/bg_classrm_body.gif) center top no-repeat; 
}

.household_archive {
	background: #fff; 
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}

.left{float: left;}
.right{float:right;}

.purple_bg {background: #602893;}

.large_shadow{background: url(../img/sprite_en.png) 0 -593px no-repeat; height: 7px; margin-left: 3px; width:981px;}

/* Bits */

.classrm-promo-box h1 a {
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	height: 49px;
	line-height: 49px;
	text-align: center;
	color: #fff;
	right:0;
	bottom: 30px;
	display: block;
}

.classrm-promo-box h1 a:hover {
	color: #fff;
	text-decoration: underline;
}

.classrm-promo-box .how_does_it_work {
	background: url(../img/how_does_it_work_en.gif) no-repeat;
	width: 306px;
	height: 249px;
	float: left;
	margin-right: 16px;
	position: relative;
}

.classrm-promo-box .how_does_it_work h1 a {
	width:174px;
}

.classrm-promo-box .how_does_it_work h1 a:hover {
	text-decoration: none;
	color: #ee3b55;
}

.classrm-promo-box .video_contest {
	background: url(../img/video_contest_en.gif) no-repeat;
	width: 306px;
	height: 249px;
	float: left;
	position: relative;
	margin-bottom: 16px;
}

.classrm-promo-box .video_contest h1 a {
	width:160px;
}

.classrm-promo-box .video_contest h1 a:hover {
	color:#ffd204;
	text-decoration: none;
}

.classrm-promo-box .class_updates  {
	background: url(../img/class_updates_en.gif) no-repeat;
	width: 306px;
	height: 249px;
	float: right;
	position: relative;
	display: block;
}

.classrm-promo-box .class_updates h1 a {
	width:160px;
	font-size: 18px!important;
	margin: 0!important;
	color: #fff!important;
}

.classrm-promo-box .class_updates h1 a:hover {
	color:#602495!important;
	text-decoration: none;
}

.sh-col-b .classrm-promo-box div {
	float:none;
}

/* Landing Page Elements */

.feature_active_classrm header {
	background: url(../img/classrm_title_sprite_en.png) 0 0 no-repeat;
	width: 628px;
	height: 120px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 33px;
	position: relative;
}

.feature_active_classrm header a.find_a_class {
	background: url(../img/classrm_sprite_en.png) -270px -185px no-repeat;
	width:271px;
	height:52px;
	text-indent: -9999px;
	position: absolute;
	right: 0;
}

.feature_active_classrm header a.find_a_class:hover {
	background: url(../img/classrm_sprite_en.png) -270px -237px no-repeat;
}


.feature_active_classrm section, .feature_winning_classrm section {
	width: 306px;
	float: left;
	border-bottom: 1px solid #c3c2bf;
	padding-bottom: 19px;
	margin-bottom: 19px;
	margin-right: 16px;
}

.feature_active_classrm h1, .feature_winning_classrm h1 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1px;
	
}

.feature_active_classrm h2, .feature_winning_classrm h2 {
	font-size: 12px;
	margin-bottom: 8px;
}

.feature_active_classrm .teaser-img, .feature_winning_classrm .teaser-img {
	width:134px;
	height: 165px;
	float: left;
	margin-bottom: 2px;
	margin-right: 0 !important;
}
.feature_active_classrm .teaser-img a img{
	height: 134px;
	width: 134px;
	display: block;
	margin-bottom: 2px;
}
.feature_active_classrm .teaser-img .textlink, .feature_winning_classrm .teaser-img .textlink {
	width:134px;
	height: 29px;
	line-height:29px;
	text-align: center;
	display: block;
	background-color: #eb3c58;
	font-size: 14px;
	font-weight: bold;
}

.feature_active_classrm .teaser-img a.textlink, .feature_winning_classrm .teaser-img a.textlink {
	color: #fff;
}

.feature_active_classrm .teaser-img a.textlink:hover, .feature_winning_classrm .teaser-img a.textlink:hover {
	color: #ee3b55;
	text-decoration:none;
	background-color: #afcd3d;
}

.feature_active_classrm .points {
	width: 172px;
	float: left;
	text-align: center;
}

.feature_active_classrm .points h2 {
	font-size: 14px;
	font-weight: bold;
}

.feature_active_classrm .points h1 {
	color:#eb3c58;
	font-size: 60px;
	font-weight: bold;
	margin-top: 24px;
}

.cedc_home_blogsteaser header, .cedc_home_blogsteaser header {
	background: url(../img/classrm_sprite_en.png) 0 0 no-repeat;
	color: #fff;
	font-size: 12px;
	height:24px;
	line-height: 24px;
	padding:0 14px;
	position: relative;
}

.cedc_home_blogsteaser header a {
	font-size: 11px;
	text-decoration: underline;
	position: absolute;
	right:16px;
	top:0;
}

.cedc_home_blogsteaser .energy-matters .sh-cols-feature-col header, .cedc_home_blogsteaser .energy-matters .sh-col header, .sh-col-b.extanarrow header  {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
	background: none;
	padding: 0;
}

.cedc_home_blogsteaser .energy-matters .sh-cols-feature-col header a, .cedc_home_blogsteaser .energy-matters .sh-col header, .sh-col-b.extanarrow header a  {	
	text-decoration: none;
	color: #eb3c58;
	left:0;
}

.cedc_home_blogsteaser .energy-matters .sh-cols-feature-col header a:hover, .cedc_home_blogsteaser .energy-matters .sh-col header, .sh-col-b.extanarrow header a:hover {	
	text-decoration: underline;
}

/* Start of Shell Energy Drawer */

#resource_header {
    position: relative;
    height: 50px;
    border-top: 1px solid #f8d308;
}
#resource_header a.trigger {
    color: #000;
    font-size: 13px;
    position: absolute;
    float: right;
    background: #f8d308;
    padding: 15px 15px 10px 35px;
    margin-right: 15px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px 10px 0 0;
    right: 0;
    bottom: 0;
}
.the_whole_thing{
	cursor: pointer;
}
#resource_header a.trigger div {
    background: url(../img/classrm_sprite_en.png) -649px -11px no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top:17px;
}

#resource_header a.open div {
    background: url(../img/classrm_sprite_en.png) -649px 0 no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top:17px;
}

#resource_header a.trigger:hover {
    color: #d82e00;
}

#resource_header a.trigger:hover div {
    background: url(../img/classrm_sprite_en.png) -660px -11px no-repeat;
}

#resource_header a.open:hover div {
    background: url(../img/classrm_sprite_en.png) -660px 0 no-repeat;
}

#resource_hands {
	position: absolute;
	left:0;
	bottom: 0;
	width: 134px;
	height: 84px;
	margin-left: 30px;
	background: url(../img/small-ipad-hands.png) no-repeat;
	cursor: pointer;
	z-index: 10;
}

#resource_text {
	margin: 7px 0 0 190px;
}

#resource_text h2 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

#resource_bottom {
	background: #f8d308;
	height: 10px;
	cursor: pointer;
}

#slider {
    display: none; 
    height: 434px;
    border-bottom: 1px solid #7b7b7b;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
}
.re-sh-col-a {
	border: none; width: 631px;
}
.re-sh-col-b {
	width: 306px; float: left;	margin-right: 15px; 
}
#bottom_button {
    background: url(../img/classrm_sprite_en.png) -649px 0 no-repeat;    color: #fff;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 20px;
    bottom:-5px;
}
#bottom_button:hover {
    background: url(../img/classrm_sprite_en.png) -660px 0 no-repeat;    color: #fff;}
.feed { 
	border: 1px solid #d9d9d9;
 }
.resource_head {
    text-transform: uppercase;
    background: #d43115;
    color: #fff;
    font-size: 12px;
    padding: 2px 0 2px 10px;
}
.resource_links {
    padding-top: 10px;
    font-size: 12px;
    margin-left: 8px;
    height: 200px;
    overflow: scroll;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    
}
.resource_links li { 
	margin:0 0 10px 18px;
	list-style: square outside url(../img/shell_drawer_li.gif);
	
}
.resource_links a { 
	color: #d43115;
	background:  
}

.resource_links a:hover { 
	color: #000; 
}

.video_feed { 
	height: 230px; 
}
.video_holder { 
	margin: 7px 0 0 9px; 
}
.resource_footer {
    float: left;
    background: url('../img/ipad-hands.jpg') no-repeat bottom right;
    position: absolute;
    left:10px;
    bottom: 0;
}
.social_icons {
    list-style: none;
    margin-bottom: 20px;
}
.social_icons li {
    display: inline;
    margin-right: 5px;
}
#resource_right {
    float: right;
    width: 110px;
}
#resource_left {
    float: left;
    margin-left: 10px;
    width: 240px;
}
#resource_left h5 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
#resource_left p { 
	margin-bottom: 20px;
}
#resource_right h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
#resource_right a { 
	color: #d43115; 
}
.twtr-ft{
	display: none !important;
}
.twtr-hd {
	display: none;
}


/* End of Shell Energy Drawer */


/* Start of CEDC Challenge/Contest Pages */

.sh-section-nav {
	padding:24px 0 16px 14px;
	border-bottom: 1px #b9b6b0 solid;
	position: relative;
}

.sh-section-nav .shell_pecten a {
	position: absolute;
	bottom:13px;
	right:14px;
	width:33px;
	height:30px;
	text-indent: -9999px;
	background: url(../img/shell_logo_subnav.png) no-repeat;
	padding: 0;
	margin: 0;
}

.breadcrumb {
	margin-top: 10px;
}

.breadcrumb a {
	padding: 0 5px;
}

.breadcrumb a:first-child {
	padding-left: 0;
}

#sh-hero div.section{
	cursor: pointer;
}
#sh-hero a.content-g {
	display: block;
	width:984px;
	height:419px;
}

#sh-hero a.content-f {
	display: block;
	width:984px;
	height:419px;
	cursor: pointer;
}

.prizes section {
	padding: 0 0 10px 10px;
}

.prizes h2{
	color:#eb3c58;
	font-size:16px;
	font-weight:bold;
	padding-bottom: 16px;
	
}

.prizes h3{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding-bottom: 15px;
	
}

sup 
{
	vertical-align: super!important;
}

a.classrm_link, .ch_details a {
	color: #602893;
	background: #fdd12e;
	padding: 1px 3px;
}

a.classrm_link:hover, .ch_details a:hover {
	color: #fdd12e;
	background: #602893;
}

.prizes li{
	padding: 0 0 15px 0;
	list-style: decimal outside !important;
	margin-left: 20px;
	line-height: 1.35em;
}

ol.left_margin {
	margin-left: 20px;
}

ol.prizes_list {
	margin-left: 20px;
	list-style:lower-alpha !important;
}

ol.prizes_list li{
	list-style:lower-alpha !important;
}

ol.prizes_list_roman {
	margin-left: 20px;
	list-style: lower-roman !important;
}

ol.prizes_list_roman li {
	list-style: lower-roman !important;
}

ol.lower-roman li {list-style-type:lower-roman !important;}
ol.lower-alpha li {list-style-type:lower-alpha !important;}
.rules_list .after_list {
	margin-top: -15px; /* removes the extra padding caused by the double </li> */
}
.rules_list .after_double_list {
	margin-top: -30px; /* removes the extra padding caused by the double </li> */
}
.rules_list h3.sub {
	font-size: 12px;
	padding-left: 20px;
}
.pad_in_list {
	padding-top: 15px;
}

#header_holder, .header_holder{
	background: #602495;
	height: 50px;
	line-height: 50px;
	margin-bottom: 16px;
	clear: left;
}

#header_block h1#the_title, .header_holder h1.the_title{
	font-size: 18px;
	font-weight: bold;
	padding: 0 14px;
	color: #fff;
	float: left;
	margin: 0;
}
#header_block .winners-2013-intro, .winner .teaser-img {
	padding-bottom: 15px;
}
.recent_updates h4, .prizes h4, .log_ch_block_howto h4{
	background: #aecc48;
	padding-left: 10px;
	height: 50px; 
	line-height: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 16px;
}
.popular h4 {
	background-color: #A30009;
}
.status_holder{
	border-bottom: 1px solid #d0d0d0;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.status_image{
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 10px 0 10px;
}
.status_text{
	margin-right: 10px;
}
.status_text h3 {
	padding: 5px 0 0 0;
}
.ch_teaser_block{
	border-bottom: 1px solid #d0d0d0;
	min-height: 120px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.ch-teaser-img{
	height: 110px; 
	width: 110px;
	float: left;
	margin: 0 20px 0 10px;
}
.ch_details{
	font-size: 14px;
	margin-bottom: 40px;
}

.ch_details ul, .ch_details ol {
	margin-left: 20px;
    padding: 0 0 8px;
    font-size: 12px;
    line-height: 1.35em;
    color:#30261E;
}

.ch_details ul li {
	list-style: disc outside none;
	margin-left: 10px;
}

.ch_details ol li {
	list-style: decimal inside none;
}

.ch_main_image{
	margin: 0 2px 1px;
	background: url('../img/classrm_challenge_header_bg.gif') no-repeat;
	width:984px;
	height:419px;
}

.ch_main_image .wrapper {
	width: 940px;
	height: 210px;
	position: relative;
	border: none;
	padding: 210px 0 0 44px;
}

.ch_main_image section {
	width: 588px;
}

.classrm_counter {
	text-align: center;
	margin-bottom: 35px; 
}

.classrm_counter p {
	font-size: 18px;
	margin: 0;
	line-height:22px;
}

.classrm_counter a {
	height: 48px;
	line-height: 48px;
	padding:4px 20px;
	background: #fdd12e;
	font-size: 28px;
	color: #000;
}

.classrm_counter a:hover {
	background: #fa3f50;
	color: #fff;
}

.ch_main_image .left_btn, .ch_main_image .middle_btn {
	/* background: url('../img/classrom_leftarrow.png') no-repeat; */
	padding-left: 104px;
	float: left;
	margin-right: 20px;
	height: 55px;
}

.ch_main_image .right_btn {
	/* background: url('../img/classrom_rightarrow.png') no-repeat right; */
	padding-right: 104px;
	float: left;
	height: 55px;
}



.ch_main_image .left_btn a, .ch_main_image .middle_btn a, .ch_main_image .right_btn a {
	height: 48px;
	line-height: 47px;
	width:180px;
	display: block;
	background: #2ac7ce;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: bold;	
	float: left;
	cursor: pointer;
}

.ch_main_image .left_btn a:hover, .ch_main_image .middle_btn a:hover, .ch_main_image .right_btn a:hover {
	text-decoration: none;
	color:#2ac7ce;
	background: #ffd204;
}

.ch_main_image .middle_btn {
	background: url('../img/classrom_leftarrow.png') no-repeat;
	padding-left: 104px;
	float: left;
	margin:0 20px 0 100px;
	height: 55px;
}

.ch_main_image .middle_btn div {
	background: url('../img/classrom_rightarrow.png') no-repeat right;
	width: 104px;
	height: 55px;
	float: left;
	display: block;
}

#list_map, #show_all{
	float: right;
	line-height: 50px;
	margin-right: 30px;
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}
#list_map a, #show_all a{
	color: #fff;
	font-size: 18px;
}
.class_block{
	min-height: 100px !important;
}
#list_map a:hover, #show_all a:hover, #list_map a.selected{
	color: #fdd12e;
}
#list_map a:active{
	color: #fdd12e;
}
#class_search{
	border-bottom: 1px solid #d0d0d0; 
	padding-bottom: 5px;
	width: 625px;
}
#class_search h4{
	color: #ee3b55;
	clear: left;
	font-size: 18px;
	margin-left: 10px;
	margin-top: 8px;
	float: left;
}
#search_select, #text_field{
	width: 145px;
}
#search_list{
	float: right;
	clear: right;
	margin-top: 8px;
}
#search_list fieldset{
	float: right;
}
#search_list fieldset select, #search_list fieldset input {
	float: left;
	width:100px;
	margin-left: 9px;;
}

#search_list fieldset #select_grade, #search_list fieldset #select_province {
width: 161px;
}
#search_list fieldset #text_field {
	margin-left:9px;
	width: 155px;
}

#search_list fieldset #search_submit {
	background: url(../img/classrm_sprite_en.png) 0 -239px no-repeat;
	width:41px;
	height:24px;
	display: block;
	border: none;
	margin-left:9px;
	cursor: pointer;
	float: left;
}

#search_list fieldset #search_submit a {
	text-indent: -9999px;
}

#search_list fieldset #search_submit:hover {
	background: url(../img/classrm_sprite_en.png) 0 -264px no-repeat;
}

#clear_search{
	float: right;
	clear: right;
	padding-top:8px;
	margin-right:60px;
	font-size: 12px;
	width: 75px;
	cursor: pointer;
}
#clear_search a{
	color: #602495;
}
#clear_search a:hover{	
	color: #afcd3d;
}

.class_teaser{
	margin: 0 20px 0 10px;
	width: 450px !important;
}
.school_name a{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.school_name a:hover{
	color: #A30009;
}
.school{
	font-size: 14px;
}
.city{
	font-size: 11px;
}
.class_leader_points{
	margin: 20px 40px 0 0;
}
.class_leader_points p{
	text-align: center;
	font-weight: bold;
	font-size: 14px;	
	margin: 0;
	line-height: 1.25em;
}
.class_leader_points span{
	font-size: 60px;
	color: #ee3b55;
	display: block;
}
.class_leader_challenges li{
	float: left;
	margin-right: 2px;
	display: block;
	width: 15px;
	height: 16px;
	background: #caf1f3;
}
.class_leader_challenges li.on{
	background: #2ac7ce;
}

#ch_comp {
	padding: 11px 0 30px 14px;
}

#ch_comp img{
	height: 115px;
	width: 115px;
	display: block;
	float: left;
	margin-right: 5px;
}

.the_challenges {
	padding:180px 0 0 158px;
	background: url(../img/banner-challengemain_en.jpg) no-repeat;
	height: 239px;
}

.the_challenges section {
	width: 461px;
	height: 187px;
}

.the_challenges section p {
	font-size: 16px;
}

.the_classrooms {
	padding:170px 0 0 158px;
	background: url(../img/banner-classroom-en.jpg) no-repeat;
	height: 249px;
}

.the_classrooms section {
	width: 461px;
	height: 197px;
}
.the_chal_2013{
	background: url(../img/2013/the_chal/home_en_2013.gif) no-repeat;
}
.how_it_works_header_2013{
	background: url(../img/2013/howitworks_en_2013.jpg) no-repeat;
}
.rulesregs_2013{
	background: url(../img/2013/prizerules_en_2013.jpg) no-repeat;
}
.faqs_2013{
	background: url(../img/2013/banner_faq_en_2013.gif) no-repeat;
}
.the_classrooms section p {
	font-size: 14px;
}

.how_it_works_header {
	padding:180px 0 0 158px;
	background: url(../img/banner-howitworks-en.jpg) no-repeat;
	height: 239px;
}

.winners_header {
	padding:0 0 0 158px;
	background: url(../img/2013/banner-winner-en.gif) no-repeat;
	height: 239px;
}

.rulesregs {
	padding:180px 0 0 158px;
	background: url(../img/banner-grand-prize-en.jpg) no-repeat;
	height: 239px;
}

.archives_header {
	padding:180px 100px 0 100px;
	background: url(../img/2013/pastchallenges_en_2013.jpg) no-repeat;
	height: 239px;
}

.archives_header h1 {
	margin-top: 20px;
	font-size: 18px;
}

#archives_links div {
	width: 235px;
	height: 230px;
	float: left;
	/*margin: 20px 10px 50px 70px;*/
	margin: 0 20px 40px;
}

#archives_links span {
	display: block;
	font-weight: bold;
	font-size: 46px;
	padding: 5px 0 10px 0;
}

#archives_links p {
	margin-top: 58px;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	/*background: rgba(255,255,255,0.7);*/
}

#household{
	background: url(../img/2011-household-challenge.jpg) no-repeat;
}

#classroom {
	background: url(../img/2012-classroom-challenge.gif) no-repeat;
}
#classroom2013 {
	background: url(../img/2013-classroom-challenge.jpg) no-repeat;
}
#classroom2014 {
	background: url(../img/2014-classroom-challenge.jpg) no-repeat;
}

.tools_header {
	padding:180px 0 0 50px;
	background: url(../img/2013/energytools_en_2013.jpg) no-repeat;
	height: 239px;
}

.tools_header p {
	font-size: 16px;
	line-height: 25px;
}

.tools_header div {
	width: 400px;
	float: left;
	position: relative;
	height: 190px;
}

.tools_header .red_button {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #e12e2a;
    border: 1.5px solid #000000;
    color: #FFFFFF;
    float: right;
    font-family: "verdana";
    font-size: 11px;
    font-weight: bold;
    padding: 3px 10px;
}

.classroom {
	background: url(../img/banner-classdetail-en.jpg) no-repeat;
	height:274px;
	position: relative;
	padding-top: 135px;
}

.classroom section {
	margin-left: 160px;
	width: 435px;
	
}
.classrm_details{
	margin-bottom: 15px;
}
.classroom h1 {
	color: #000;
	font-size: 22px;
	font-weight: bold;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.classroom h1 span {
	font-weight:normal;
	font-size: 20px;
}


.classroom h2 {
	color: #000;
	font-size: 16px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.classroom .points_container {
	margin-left: 152px;
}

.classroom .points {
	width: 162px;
	float: left;
	text-align: center;
}

.classroom .points h2 {
	font-size: 13px;
	font-weight: bold;
}

.classroom .points h1 {
	color:#eb3c58;
	font-size: 60px;
	font-weight: bold;
}

.classroom .classrm_details p {
	font-size:14px;
	text-transform: capitalize;
}

.classroom .viewtheproof a {
	background: url(../img/classrm_sprite_en.png) -628px -55px no-repeat;
	position: absolute;
	width:196px;
	height:133px;
	display: block;
	text-indent: -9999px;
	bottom: 32px;
	right: 320px;
}

.classroom .viewtheproof a:hover {
	background: url(../img/classrm_sprite_en.png) -628px -190px no-repeat;
}


.classroom .avatar {
	position: absolute;
	top:92px;
	left:679px;
}

.video_contest_countdown {
	padding:200px 0 0 51px;
	background: url(../img/banner-videosubmit-en.jpg) no-repeat;
	height: 190px;
}
.video_contest_countdown h1 { font-size: 30px; font-weight: bold; color: #000; }
.video_contest_countdown h2 { font-size: 30px; font-weight:normal; }
.video_contest_checkback{
	background: url(../img/banner-videocheckback-en.jpg) no-repeat;
	padding:229px 0 0 51px;
	height: 190px;
}

.video_contest_countdown.vote {
	background: url(../img/homepage_winner_en.jpg) no-repeat;}

.video_contest_countdown .video_counter, .video_contest_checkback .video_counter{
	text-align: center;
	width:100%;
	color:#eb3c58;
	margin-left: 102px;
}
/* removed for 2013
.video_contest_countdown.vote .video_counter, .video_contest_checkback .vote .video_counter{
	margin-left: 256px;
}
*/

.video_contest_countdown .countbox_labels li, .video_contest_checkback .countbox_labels li{
	font-size:14px;
	width: 76px;
	display: block;
	float: left;
	margin:0 0 4px;
}

.video_contest_countdown .countbox_labels li.colon, .video_contest_checkback .countbox_labels li.colon{
	margin: 0;
	width: 27px;
	text-indent: -9999px;
	text-align: inherit;
}

.video_contest_countdown #countbox1, .video_contest_checkback #countbox1 {
	margin: 0 auto;
	margin-bottom: 18px;
	height: 70px;
}

.video_contest_countdown #countbox1 li, .video_contest_checkback #countbox1 li {
	display:block;
	float: left;
	font-size: 60px;
	width: 76px;
}

.video_contest_countdown #countbox1 li.colon, .video_contest_checkback #countbox1 li.colon {
	width:27px;
}

.video_contest_closed {
	background: url(../img/homepage_winner_en.jpg) no-repeat; 
}

.MissArchibald, .MrsLongworth{
	background: url(../img/banner-videowinner-en.jpg) no-repeat !important; 
	position: relative;
}

div#class_info{
	position: absolute;
	left:320px;
	top: 170px;
}

div#class_info a{
	color: #000000;
	font-size: 22px;
	font-weight: bold;
}

div#class_info p{
	font-size: 16px;
}
.video_contest_winner {
	background: url(../img/homepage_winner_en.jpg) no-repeat; 
}

.video_contest_winner a {
	cursor: pointer;
    display: block;
    height: 419px;
    width: 984px; 
}
.video_contest_winner a.class_link{
	height: auto;
	width: auto;
} 

.video_contest_winner p a.class_link_p{
	font-size: 16px;
	font-weight: normal;
}

.big_feature_button {
	margin: 17px 0 17px 88px;
}

.big_feature_button a {
	background: url(../img/classrom_leftarrow_yellow.png) no-repeat;
	padding-left: 96px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	float: left;
}

.big_feature_button a span {
	height: 48px;
	line-height: 47px;
	width:260px;
	background: #2ac7ce;
	text-align: center;
	float: left;
}

.big_feature_button a span:hover {
	color: #fff;
	background: #ee3b55;
}

.big_feature_button a div {
	background: url(../img/classrom_rightarrow_yellow.png) right no-repeat;
	width: 96px;
	height: 51px;
	float: left;
}

#class_footer .big_feature_button a span {
	background: #ee3b55;
}

#class_footer .big_feature_button a span:hover {
	background: #afcd3d;
	color:#ee3b55;
}
#map_canvas h4{
	margin-bottom: 5px;
	font-size: 14px
}
#map_canvas a{
	font-size: 12px;
	font-weight: bold;
}
#map_holder{
	position: relative;
}
#map_canvas{
	text-transform: capitalize;
}

#map_canvas .google_img{
	float: left;
	height: 75px; 
	width: 75px;
	margin-right: 10px;
}
#legend{
	position: absolute;
	bottom: 30px;
	z-index: 50;
}
.classrm_video_action {
	background: #29c4cd;
	color: #602893;
	position: relative;
	height: 97px;
	margin-bottom: 16px;
	margin-top: 10px;
}

.classrm_video_action .floating_arrow {
	background: url("../img/classrom_leftarrow_yellow_sm.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	top:-12px;
	left:150px;
	width:81px;
	height: 45px;
	display: block;
}

.classrm_video_action .copy {
	margin: 0 0 0 15px;
	padding: 12px 0 0 0;
}

.classrm_video_action .copy h1 {
	color: #602893;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 9px;
}

.classrm_video_action .copy a {
	color: #fff;
	font-size: 18px;
}

.classrm_video_action .copy a:hover, .classrm_video_action .copy a:hover span {
	color:#afcd3d;
}

.classrm_video_action .copy a span {
	color: #602893;
}

.classrm_video_action section {
	position: absolute;
	top:10px;
	left: 255px;
}

.classrm_video_action .views_likes {
	width: 172px;
	float: left;
	text-align: center;
}

.classrm_video_action .views_likes h1 {
	font-size: 45px;
	color: #602893;
	font-weight: bold;
	margin:0;
}

.classrm_video_action .views_likes h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.classrm_pledge {
	background: #aecc48;
	color: #602893;
	position: relative;
	height: 97px;
	margin-bottom: 16px;
}

.classrm_pledge .floating_arrow {
	background: url("../img/classrm_pledge_en.png") no-repeat scroll 0 0 transparent;
	position: absolute;
	top:-7px;
	right:7px;
	width:258px;
	height: 112px;
	display: block;
}

.classrm_pledge .copy {
	margin: 0 0 0 15px;
	padding: 12px 0 0 0;
}

.classrm_pledge .copy h1 {
	color: #602893;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 9px;
}

.classrm_pledge .copy a {
	color: #fff;
	font-size: 18px;
}

.classrm_pledge .copy a span {
	color: #602893;
}

.classrm_pledge .copy a:hover, .classrm_pledge .copy a:hover span {
	color:#eb3c58;
}


/* End of CEDC Challenge/Contest Pages */

/* Start of CEDC Winners Page */

.feature_winning_classrm section {
	width:628px;
	float:none;
	padding-bottom: 0;
	margin-bottom: 19px;
	margin-right: 0;
	border: none;
}
    
.feature_winning_classrm .class_info {
	width: 476px;
	padding-left: 152px;
}

/* End of CEDC Winners Page */


/* Start of Log Challenge Pages */

#log_ch_block {
border-bottom: 1px solid #C3C2BF;
padding-bottom: 16px;
}

#log_ch_block section {
	padding: 15px 0 10px 10px;
}


#log_ch_block #overview {
    margin-bottom: 10px;
}

#log_ch_block #challenge_list {
	font-size: 12px;
}

#log_ch_block #bonus_check {
    margin-left: 156px;
}

#log_ch_block h1 {
	color: #000;
	font-size: 16px;
    font-weight: bold;
}
#log_ch_block h1 div {
	width:140px;
	float: left;
	margin-right: 15px;
	text-align: right;
}

#log_ch_block h2 {
	font-size: 14px;
    font-weight: bold;
    margin-left: 156px;
}

#log_ch_block h2 span {
	font-size: 10px;
    font-weight: normal;
}

#log_ch_block label {
    color: #000;
    font-weight: bold;
    margin-right: 15px;
    padding-top: 3px;
    text-align: right;
	display: block;
    float: left;
    vertical-align: middle;
    width: 140px;
    clear: both;
}

#log_ch_block input, #log_ch_block #select_class {
	cursor: pointer;
}

#log_ch_block #date_fields input {
	margin-bottom: 10px;
}

#log_ch_block form {
	float: left;
	width: 460px;
}

#log_ch_block p {
	color: #666666;
	clear: both;
	font-size: 11px;
	margin:0 0 12px 0;
}

#log_ch_block p.note{
	font-size: 9px;
}

#log_ch_block fieldset {
	clear: both;
}

#bonus_check .bonus_check {
    float: left;
    margin: 0 3px 8px 0;
    
}

/*#bonus_check p {
    float: left;
    margin-left: 20px;
    
}*/

#log_ch_block #chfiles, #log_ch_block #chimages, #log_ch_block #chvideos {
	margin-right: 16px;
}

#log_ch_block .upload_container {
	margin-left: 156px;
}

#log_ch_block .submit_buttons {
	float: right;
}

#log_ch_block .submit_buttons a{
	color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    line-height: 47px;
    text-align: center;
    padding: 0 25px;
    float: left;
}

#log_ch_block .submit_buttons a.green_me {
	background: #afcd3d;
	margin-right:16px; 
}

#log_ch_block .submit_buttons a.green_me:hover {
	background: #2ac7ce;
}

#log_ch_block .submit_buttons a.red_me {
	background: #ee3b55;
}


#log_ch_block .submit_buttons a.red_me:hover {
	background: #2ac7ce;
}

.log_ch_block_howto section {
	margin: 15px 10px 10px 10px;
}

.log_ch_block_howto section li {
	margin-bottom: 8px;
	list-style: decimal outside none;
	margin-left: 15px;
	font-size:12px;
}

#log_ch_block .rate_section fieldset {
	margin-left: 156px;
}

#log_ch_block .rate_section .ch_rating {
	margin:16px 8px;
}

#log_ch_block .rate_section .ch_rating.first {
	margin-left:0;
}

#log_ch_block .file_list {
	margin: 0;
}

#log_ch_block .file_list li {
	padding: 3px 0;
}

#log_ch_block .file_list li a {
	margin: 5px;
	font-size: 14px;
}

/* End of Log Challenge Pages */


/* Start of Classroom Facebook Like Box Resets */

.classrm-promo-box .fb-like-box {
 margin:-11px 18px 0 -7px;
}

.phs, .pts {
 padding:0!important;
}

.fbConnectWidgetTopmost {
	border: none!important;
}

.fb-comments {
	margin-top: 50px;
}

 #map_canvas { 
 	height: 670px; 
 	width: 950px; 
 	margin: 0 0 20px 0;}

/* END of Classroom Facebook Like Box Resets */

/* START of Video Specifics */

.video_thumbs {
	margin:0;
}

.video_gallery.vote .video_thumbs_wrapper {
	background: #e5e5e5;
	margin:16px -18px;
	padding:16px 18px 0;
	position: relative;
	height: 414px;
}

.video_thumbs li {
	width: 190px;
	height: 195px;
	float: left;
	margin-bottom:12px;
}

.video_gallery.vote .video_thumbs li {
	border: none;
}

.video_thumbs li.last {
	width: 166px;
}

.video_thumbs img {
	border: 1px solid #939598;
}

.video_thumbs h1 {
	font-size:11px;
	font-weight: bold;
	color: #000;
}

.video_thumbs a:hover h1 {
	color: #A30009;
}

.video_thumbs p {
	font-size:11px;
	color: #000;
}

.video_thumbs_pagination {
	position: absolute;
	bottom: -23px;
	width: 951px;
}

.video_thumbs_pagination ul {
	padding-top: 14px;
	width: 338px;
	margin: 0 auto;
}

.video_thumbs_pagination li {
	float:left;
	
}

.video_thumbs_pagination .previous a {
	background: url(../img/classrm_sprite_en.png) 0 -293px no-repeat;
	width:84px;
	height:45px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 32px;
	margin-top: -14px;
}

.video_thumbs_pagination .previous a:hover {
	background: url(../img/classrm_sprite_en.png) 0 -341px no-repeat;
}

.video_thumbs_pagination .next a {
	background: url(../img/classrm_sprite_en.png) -98px -293px no-repeat;
	width:84px;
	height:45px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 32px;
	margin-top: -14px;
}

.video_thumbs_pagination .next a:hover {
	background: url(../img/classrm_sprite_en.png) -98px -341px no-repeat;
}

.video_thumbs_pagination li a {
	background: url(../img/classrm_sprite_en.png) -20px -390px no-repeat;
	width:14px;
	height:14px;
	text-indent: -9999px;
	display: block;
	margin:0 3px;
}

.video_thumbs_pagination li a:hover, .video_thumbs_pagination li#selected a {
	background: url(../img/classrm_sprite_en.png) 0 -390px no-repeat;
	
	
}

.video_player {
	width:951px;
	height:530px;
	margin-bottom: 14px;
	position: relative;	
}

.video_player a {
	width:951px;
	height:530px;
	display: block;
}

img#largePlay{
	margin: 222px 0 0 428px;
}

.video_player_wrapper .video_info {
	margin-left: 13px;
	width: 570px;
	position: relative;
}

.video_player_wrapper .video_info h1 {
	font-size:14px;
	font-weight: bold;
	color: #000;
}

.video_player_wrapper .social_share {
	position: absolute;
	top:0;
	right:-360px;
	width:120px;
}

.video_player_wrapper .social_share div {
	margin-bottom: 8px;
}

.vote_overlay {
	position:absolute;
	top: 0;
	height: 530px;
	width: 951px;
	background: #000;
	filter:alpha(opacity=95);
	opacity: 0.95;
}

#vote_button {
	width: 170px;
	height: 100px;
	background: #F9CF37;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	margin: 215px auto 0 auto;
	text-align: center;
	line-height: 100px;
}

#yes_button, #no_button {
	width: 170px;
	height: 100px;
	background: #F9CF37;
	color: #000;
	font-size: 30px;
	font-weight: bold;
	margin: 215px 0;
	text-align: center;
	line-height: 100px;
	float: left;
}

#yes_button {
	margin-left: 300px;
	margin-right: 20px;
}

#vote_complete {
	margin: 70px 330px 0px 330px;
}
#vote_complete_copy {
	margin: 0 auto;
	text-align: center;
	color:#fff;
	font-size: 20px;
}

a:hover#vote_button, a:hover#yes_button, a:hover#no_button{
	background: #5F358D;
	color: #fff;
}

#vote_note {
	color: white;
	font-size: 16px;
	font-weight: bold;
	margin: 200px auto;
	text-align: center;
	width: 550px;
}

/* Side Bar Bits */


.view_challenges a {
	background: url(../img/classrm_sprite_en.png) 0 -72px no-repeat;
	width:306px;
	height:48px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 16px;
}

.view_challenges a:hover {
	background: url(../img/classrm_sprite_en.png) 0 -124px no-repeat;
}

.how_does_it_work_sm a {
	background: url(../img/classrm_sprite_en.png) -316px -72px no-repeat;
	width:306px;
	height:48px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 16px;
}

.how_does_it_work_sm a:hover {
	background: url(../img/classrm_sprite_en.png) -316px -124px no-repeat;
}
#classes{
	float: left;
	width: 100%;
}
.contact_holder, .form_holder{
	float: left;
	display: block;
	width: 280px;
	margin-right: 30px;
}
#sign_form .sh-button{
	
	float: right;
	margin-top: 125px;
}
h3.class_count{
	font-weight: bold;
	margin: 15px 0 10px 0;
}
.contact_holder_two{
	margin-bottom: 15px;
}

.grades {
	float: left;
	margin-right: 15px;
}

.class_grade{
	height: 20px;
}

.num_by_grade {
	width: 150px;
	margin-left: 5px;
	float: right;
	color: #BBB;
}

input[type="radio"],
input[type="checkbox"]{
	margin: 2px 2px 4px 2px;
}

.contact_hear{
	float: right;
	margin-right: 38px;
}
#error_display{
	float: left;
	width: 290px;
}
#error_display p{
	font-weight: bold;
	font-style: italic;
}