html{color:#000;height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

legend {
	display: none;
}

section,footer,header {
	display: block;
}

body { 
	font-family: Arial, verdana, sans-serif;
	font-size: 11px;
	width: 100%;
	position: relative;
	text-align: center;
	background: #838383;
	padding-top: 13px;
}

.all_caps {
	text-transform: uppercase;
}

.title_case {
	text-transform: capitalize;
}

#doc {
	width: 987px;
	!width: 989px;
	border-right: 1px solid #303030;
	border-left: 1px solid #303030;
	background: #fff;
	text-align: left;
	margin: 0 auto;
	zoom: 1;
	/*overflow: hidden;*/
}

.sh-cols {
	margin: 18px 18px 16px;
	clear: both;
	
}

.sh-col {
	padding-top: 10px;
}

.sh-col-a {
	border: none;
	width: 628px;
}

.sh-col-b {
	width: 306px;
	float: left;
	margin-right: 15px;
}



a { color: #a30009; }

a:hover { color:#414A4C; }

.float-left { float: left; display: inline; }

#input-field { width: 300px;}

.clear { clear: both;}

h1 {
	color:#a30009;
	font-weight: bold;
	margin-bottom: 5px;
}

p {
	margin-bottom: 8px;
	color: #30261e;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	line-height: 1.35em;
}

.boxshadow {
	-webkit-box-shadow: 2px 2px 6px 0px #000000;
	-moz-box-shadow: 2px 2px 6px 0px #000000;
	box-shadow: 2px 2px 6px 0px #000000;

}

.boxborder {
	border: 7px #fff solid;
}

.last {
	margin-right: 0!important;
}

strong {
	font-weight: bold;
}


/****************** HEADER *****************************/

/* @group #hd*/

header#hd  {
	background: #dfdedb;
	border-bottom: 1px solid #9fa0a1;
	
}

#sh-header-top {
	height: 90px;
	padding:4px 0;
	background-color: #ECECEC; 
}

#sh-header-sites {
	height: 19px;
	background-color: #000;
	padding: 7px 20px;
	text-transform: capitalize;
}

#sh-header-sites form {
	float: right;
	/*width: 380px;*/
}

#sh-header-sites form select {
	float: left;
	width: 298px;
	padding: 1px 2px 1px 0;
	margin-right: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#sh-header-sites form select option {
	padding: 0 3px;
}

#sh-header-sites form #our_sites_button {
	height: 18px;
	cursor: pointer;
}

#sh_head_cangeo {
	height: 100px;
	background: #b91100 url(../img/sprite_en.png) no-repeat 0 -338px;
}

#hd2 {
	
	width: 987px;
}

/****************** FOOTER *****************************/

footer {	
	margin: 0;
	padding-bottom: 5px;
}

footer div.sh-cols {
	margin: 8px 18px 16px;
}

footer .logo_soup {
	/*height: 84px;*/
	padding-top: 56px;
}

footer .logo_soup a {
	float: left;
}

#blurp {
	float: left;
	width: 436px;
}

#blurp p {
	text-transform: uppercase;
	font-size: 1.1em;
	line-height: 190%;
	color: #a5a5a5;
}

#blurp p a {
	float: none;
}

#shell_logo {
	width: 77px;
	height: 71px;
	background: url(../img/sprite_en.png) no-repeat 0 -636px;
}

#geo_logo {
	width: 387px;
	height: 67px;
	margin: 17px 0 0 38px;
	background: url(../img/2013/cangeo_logo.jpg) no-repeat;
}

#royal_logo {
	width: 212px;
	height: 71px;
	margin-left: 16px;
	background: url(../img/sprite_en.png) no-repeat -238px -636px;
}

#cangeo_footer {
	height: 140px;
	background-color: #000;
	width: 985px;
	margin: 0 auto;
	padding-top: 10px;
}

#cangeo_footer table {
	/*position: absolute;
	left: 1px;
	bottom: 159px;*/
	color: #fff;
}

#cangeo_footer table em{
	font-style: italic;
}

#cangeo_footer table a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	text-transform: capitalize;
}

#cangeo_footer table a:hover {
	color: #414A4C;
}

/* *********************************************************************************** */

nav.shell {
	font-size: 10px;
	border-left:1px #7b7b7b solid;
	float: right;
	font-weight: bold;
}

nav.shell li {
	border-right:1px #7b7b7b solid;
	float:left;
}

.shell a {
	color: #434343;
	font-weight: bold;
	background: #b9b6b0;
	padding: 0 7px;
	height: 29px;
	line-height: 29px;
	display: block;
	text-transform: uppercase;
}

.shell a:hover{
	text-decoration: none;
	background: #cccccc;
	color: #a30009;
}

.sh-section-nav .loginAs{
	width: auto;
	position: absolute;
	right: 10px;
	top:5px;
	color: #7a7a7a;
}

.sh-section-nav {
	padding:25px 0 16px 14px;
	background: #f2f2f1;
	margin:1px 2px;
	position: relative;
}

.sh-section-nav ul {
	margin-left:-10px;
}

.sh-section-nav li {
	float:left;
	font-size: 14px;
	font-weight: bold;
}

nav li.language {
	background-color: #fff;
	padding:0 7px;
	border: none;
}

nav li.language a {
	float:left;
	text-transform: lowercase;
	background-color: #fff;
	font-size: 10px;
	padding: 0 3px;
	height: 29px;
	line-height: 29px
	font-weight: normal;
}

nav li.language a:hover{
	text-decoration: underline;
	background: #fff;
	color: #a30009;
}

nav li.language a#selected {
	font-weight: bold;
}

.sh-section-nav a {
	color: #353535;
	padding: 0px 10px;
	text-decoration: none;
}

.sh-section-nav a:hover, .sh-section-nav a.active {
	text-decoration: none;
	color: #a30009;
}

.sh-section-nav #selected a{
	color: #a30009;
}

.shell #selected a {
	text-decoration: none;
	background: #cccccc;
	color: #a30009;}
	

/****************** HEROS *****************************/

/* @group hero */

/* @group #sh-hero */

#sh-hero {
	height: 420px;
	position: relative;
	overflow: hidden;
	padding: 1px 2px 0 2px;
}

#sh-hero .sections {
	width: 3800px;
	position: absolute;
	height: 419px;
	
}

#sh-hero .section {
	position: absolute;
	width: 100%;
	height: 419px;
	background-color: #fff;
	
}

#sh-hero .content-a {
	position: absolute;
	top:153px;
	left:600px;
	width:366px;
}

#sh-hero .content-b {
	position: absolute;
	top:236px;
	left:40px;
	width:310px;
}

#sh-hero .content-c {
	position: absolute;
	top:236px;
	left:40px;
	width:310px;
}

#sh-hero .content-d {
	position: absolute;
	top:186px;
	left:40px;
	width:410px;
}

#sh-hero .content-e {
	position: absolute;
	top:306px;
	left:40px;
	width:310px;
}

#sh-hero p {
	position: relative;
	color: #000;
	font-size: 11px;
	margin-bottom: 10px;
}

#sh-hero .content-a ul {
	position: absolute;
	top:120px;
}

#sh-hero .content-a li {
	float:left;
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	width:300px;
	margin-left: 10px;
}

#sh-hero .content-b ul {
	position: absolute;
	top:110px;
}

#sh-hero .content-b li {
	float:left;
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 20px;
	padding-left: 8px;
}

#sh-hero .content-c ul #sh-hero .content-e ul {
	position: absolute;
	top:87px;
}

#sh-hero .content-d ul {
	position: absolute;
	top:93px;
}

#sh-hero .content-c li {
	float:left;
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	width:150px;
}

 #sh-hero .content-d li {
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	width:150px;
}

#sh-hero li a {
	color: #000;
	
}

#sh-hero li a:hover {
	color:#c61d13;
}

 #sh-hero .content-e li {
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	width:150px;
}

#sh-hero .content-f li a {
	display: block;
	text-align: center;
	width:301px;
	height:49px;
	line-height: 49px;
	margin:316px 0 0 527px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#sh-hero .content-f li a:hover {
	background: #ffd204;
	color: #602893;
}


#sh-hero section {
	position: absolute;
	bottom:42px;
	left: 18px;
	z-index: 5;
}

#sh-hero section ul {
	font-size: 18px;
}

#sh-hero section li {
	float: left;
	margin-right: 10px;
}

#sh-hero section li a {
	background: url(../img/sprite_en.png) -334px 0 no-repeat;
	text-indent: -9999px;
	width: 30px;
	height: 13px;
	display: block;
	overflow: hidden;
}

#sh-hero.one li.one a,
#sh-hero.two li.two a,
#sh-hero.three li.three a,
#sh-hero.four li.four a,
#sh-hero.five li.five a,
#sh-hero.five li.six a,
#sh-hero section li a:hover  {
	background-position: -365px 0;
}

#sh-hero footer {
/*
	background: url(../img/sprite_en.png) 0 -592px no-repeat #fff;
	height:8px;
	margin:419px 0 0 0;
	border: none;
*/
}




/****************** Home Page Teasers *****************************/

.home-feature {
	background: none;
	background-color: #b9b58e;
	padding:18px 16px 16px 16px;
	margin:0 2px;
}

.home-feature_closed {
	background: none;
	background-color: #b9b58e;
	padding:18px 16px 16px 16px;
	margin:0;	
}

.sh-cols-feature footer, .home-feature footer, .articles footer {
	background: url(../img/sprite_en.png) 0 -592px no-repeat #fff;
	height:8px;
	margin:16px -16px 0 -16px;
	border: none;
}
.styling ul li{
	list-style: circle inside;
}

.sh-cols-feature section, .home-feature section, .sh-cols-feature header {
	margin-bottom: 20px;	
}

.home-feature header {
	margin-bottom: 20px;
	position: relative;	
}

.home-feature section header {
	margin-bottom: 0px;
	position: relative;
	
}



.sh-cols-feature a.seeall, .home-feature a.seeall {
	position: absolute;
	top:86px;
	right:16px;
	text-decoration: underline;
	font-weight: bold;
}

.sh-cols-feature header h3, .home-feature header h3 {
	background: url(../img/title_sprite_en.png) 0 -263px no-repeat;
	width: 643px;
	height: 42px;
	display: block;
	text-indent: -9999px;
}

.home-feature_closed .sh-cols-feature header p, .home-feature_closed .home-feature header p {
	width:596px; 
	margin-top:10px;
}

.sh-cols-feature header p, .home-feature header p {
	width:696px;
	margin-top:10px;
}


.sh-cols-feature-col {
	width:306px;
	margin-right: 16px;
	float: left;
}

.family-stats {
	background: #ccc9ae;
	width: 306px;
	margin-bottom: 16px;
}

.family-stats header {
	font-family: Arial, verdana, sans-serif;
	padding:14px;
	
}

.family-stats header h1 {
	background: none;
	text-indent: 0;
	float:left;
	width:auto;
	margin-right: 5px;
}

.family-stats header h1 a {
	font-size: 15px;
	text-decoration: underline;
	font-weight: normal;
}

.family-stats h2 {
	background: none;
	float:left;
	color:#6c6c6c;
	margin-top: 4px;
}

.family-stats div img {
	
}

.family-stats .user-pic {
	float: left;
	margin-left:14px;
	height: 98px; width: 136px;
	overflow: hidden;
}

.family-stats div.stats {
	float:right;
	text-align: center;
	width: 139px;
	margin: 0 0 16px 14px;
}

.family-stats div.stats .guage {
	width: 139px;
	height: 68px;
}

.family-stats div.stats h1 {
	font-family: Verdana, sans-serif;
	font-size: 18px;
	color: #6c6c6c;
	font-weight: normal;
}

.family-stats div.stats h1 span {
	font-size: 10px;
	color: ##6C6C6C;
	margin:0 0 0 4px;
}


.family-stats div .graph {
	clear: both;
	width: 306px;
	height: 82px;
	background-color: #fff;
	text-align: center;
	display: block;
	padding-bottom:4px;
}


.family-stats footer {
	width: 306px;
	background: none;
	padding:14px 0 0 0;
	margin: 0;
	height: 100%;
	color: #353535;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	border: none;
}

.family-stats footer ul {
    margin-left:60px;
}

.family-stats footer li {
    font-size: 14px;
    font-weight: bold;
    margin-right: 9px;
    float: left;
}

.family-stats footer li a.vote-button {
	background: url(../img/sprite_en.png) -860px 0 no-repeat #fff;
	width: 75px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	margin-top: -2px;
}


.family-stats footer p {
	font-size: 9px;
	margin:14px;
	padding-top:5px;
	clear: both;
}

.family-stats footer a {
	text-decoration: underline;
}

.family-stats span {
	font-size: 24px;
	font-weight:normal;
	color: #a30009;
	margin-left: 5px;
	margin-right: 5px;
}

.sh-cols-feature-wide-col {
	width: 628px;
	float: left;
	margin-right: 16px;
	padding:14px 0;
}

.article-teaser {
	background: #fff;
	
}

.article-teaser h2 {
	color:#a6a6a6;
	font-size: 14px;
	font-family: Arial, sans-serif;
	margin-bottom: 18px;
}

.article-teaser h1 {
	font-size: 22px;
	font-family: Arial, sans-serif;
	color:#a30009;
	margin-bottom: 10px;
}

.article-teaser ul.sh-share {
	padding-bottom: 25px;
}

.article-teaser .left {
	float: left;
	width: 294px;
	margin:0 16px 0 16px;
}

.article-teaser .right {
	float: left;
	width: 286px;
	margin:0 16px 0 0;
}
.video_clicker{
}
img#medPlay{
	margin: 75px 0 0 100px;
}
img.smallPlay{
	margin: 25px 0 0 35px;
}
.video-carousel {
	background: #fff;
	width: 306px;
	height: 255px;
	overflow: hidden;
	position: relative;
	!position: absolute;
}
#left-box-video{
	height: 225px;
}

.video-carousel a.upcarousel {
	text-indent: -9999px;
	background: url(../img/sprite_en.png) -229px -33px no-repeat;
	position: absolute;
	top:14px;
	right:69px;
	width:19px;
	height: 10px;
	display: block;
	overflow: hidden;
	z-index: 10;
}

.video-carousel a.downcarousel {
	text-indent: -9999px;
	background: url(../img/sprite_en.png) -229px -49px no-repeat;
	position: absolute;
	bottom:14px;
	right:69px;
	width:19px;
	height: 10px;
	display: block;
	overflow: hidden;
	z-index: 10;
}

.video-carousel .sections {
	position: relative;
	z-index: 5;
}

.video-carousel .sections .section {
	background: #f1f1f1;
	height:108px;
	margin-top:14px;
}

.video-carousel img {
	float:left;
	margin-right: 8px;
}

.video-carousel h2 {
	color:#a6a6a6;
	font-size: 10px;
	font-family: Arial, sans-serif;
	padding:16px 0 5px 0px;
	opacity: 0;
}

.video-carousel h1 {
	font-size: 14px!important;
	font-family: Arial, sans-serif;
	opacity: 0;
}

#videos-caro.one .one h2, #videos-caro.one .one h1,
#videos-caro.two .two h2, #videos-caro.two .two h1,
#videos-caro.three .three h2, #videos-caro.three .three h1,
#videos-caro.four .four h2, #videos-caro.four .four h1,
#videos-caro.five .five h2, #videos-caro.five .five h1 {
	opacity: 1;
}



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

.sh-promo-box h1 {
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	margin-bottom:0;
	margin-top:5px;
}

.sh-promo-box h2 {
	font-size: 10px;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
	margin-top:5px;
}

.sh-promo-box h1 a {
	margin-left:14px;
	color: #000;
}

.sh-promo-box h2 a {
	margin:6px 0 0 14px;
	color: #fff;
}

.sh-promo-box .dashboard {
	background: url(../img/promo-dashboard.jpg) no-repeat;
	border:1px #414a4c solid;
	width: 304px;
	height: 181px;
	float: left;
	margin-right: 16px;
	position: relative;
}

.sh-promo-box .calculator {
	background: url(../img/promo-calculator.jpg) no-repeat;
	border:1px #414a4c solid;
	width: 304px;
	height: 181px;
	float: left;
	margin-right: 16px;
	position: relative;
}

.sh-promo-box .dashboard div, .sh-promo-box .calculator div {
	background: url(../img/bg_sh-promo-box.png) repeat-x;
	height: 50px;
	width: 304px;
	display: block;
	position: absolute;
	margin-top:131px;
	margin-bottom: 0!important;
}

/****************** Site Closed/Winner Announcements *****************************/

.home-feature_closed header h3 {
	background: url(../img/title_sprite_en.png) 0 -1738px no-repeat;
	width: 596px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 16px;
}

.home-feature_closed {
	margin-top:16px;
}

.home-feature_closed section .col_a {
	background: #fff;
	width: 377px;
	height: 182px;
	padding:10px 11px;
	float: left;
	margin:0 21px 35px 0;
}

.home-feature_closed section .col_b {
	width:154px;
	float: left;
	padding-top: 96px;
}

.home-feature_closed section .col_b .btn {
	background: url(../img/sprite_en.png) -838px -105px no-repeat;
	display: block;
	width:114px;
	height: 35px;
	margin-top: 10px;
	text-align: center;
	padding: 8px 20px 0;
}

.home-feature_closed section .col_b .btn a:link, .home-feature_closed section .col_b .btn a:visited {
	color: #fff;
	width: 130px;
}

.home-feature_closed section .col_b .btn a:hover {
	color: #cccccc;
}

.home-feature_closed section .col_a img {
	margin-right: 16px;
}


.home-feature_closed h1 {
	font-size: 18px;
	margin-bottom:20px;
	
}

.home-feature_closed .family_photos img {
	margin:0 16px 16px 0;
}

.sh-col-b.extanarrow {
	margin:16px 16px 0 0;
}

.sh-col-b.extanarrow section {
	padding-bottom: 8px!important;
}

.sh-col-b.extanarrow .blog-title {
	margin-top: 8px;
}

.sh-col-b.extanarrow .blog-title a {
	color:#30261E;
	font-weight: bold;
}

.sh-col-b.extanarrow .blog-title a:hover {
	color:#c61d13;
	font-weight: bold;
}

.sh-col-b.extanarrow .teaser-img a img {
	float: left;
    height: 106px;
    margin: 8px 8px 0 0;
    overflow: hidden;
}

.sh-col-b.extanarrow p {
	font-size: 11px;
	margin-top: 5px;
}

.facebook_feed header {
 	background: #495b96;
    color: #FFFFFF;
    font-size: 12px;
    height: 19px;
    padding: 6px 14px 0;
}

.facebook_feed .fb-like-box {
	height:419px;
	margin-bottom: 16px;
}

.twitter_feed header {
 	background: #3ec3e1;
    color: #FFFFFF;
    font-size: 12px;
    height: 19px;
    padding: 6px 14px 0;
    margin-top: 16px;
}

.twitter_feed .twtr-doc {
	margin-bottom: 16px;
	border-left: 1px solid #aca8ac;
	border-right: 1px solid #aca8ac;
	border-bottom: 1px solid #aca8ac;
	border-radius:0;
}

.twitter_feed .twtr-hd {
	display: none;
}

.twitter_feed .twtr-ft {
	display: none;
}

.households_closed {
	background-color: #f4f4f4;
	padding:16px 0 16px 16px;
}

.households_closed .family_big {
	margin:0 5px 15px 0;
	width: 296px;
	float: left;
}

.households_closed .family_big h1  {
	color: #990000;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 2px;
	margin-left:14px;
}

.households_closed .family_big h1 a {
	text-decoration: underline;
}

.households_closed .family_big h2 {
	color: #6c6c6c;
	margin-left:14px;
	margin-bottom: 8px;
}


/****************** Energy Matters / Tips Pages *****************************/

header.energy-tips, header.household {
	display: block;
	margin: 16px 2px;
}

header.energy-tips h1, header.household h1, .vote-popup h1 {
	background: url(../img/sprite_en.png) 0 -439px no-repeat;
	font-size: 18px;
	font-weight: normal;
	padding:14px;
	color: #fff;
}

header.household p { width: 560px; margin: 15px; }

header.energy-tips h1 a, header.household h1 a {
	color: #fff;
}

header.energy-tips p, header.household p, {
	margin:0 0 0 18px;
	width: 450px;
}
header.energy-tips p { width: 460px; margin: 15px; }

.energy-matters .sh-cols-feature-wide-col {
	padding-left:23px;
	width: 605px;
}

.energy-matters  h1 {
	font-size: 24px;
	color:#414a4c;
	margin:15px 0 8px;
	font-weight: normal;
}

.energy-matters h1 a:link, .energy-matters h1 a:visited  {
	font-size: 24px;
	color:#414a4c;
	margin:15px 0 8px;
}

.energy-matters h1 a:hover {
	font-size: 24px;
	color:#B42029;
	margin:15px 0 8px;
}

.energy-matters section h1 {
	font-size: 15px;
	color:#000;
	margin:15px 0 8px;
	font-weight: bold;
}

.energy-matters section h1 a:link, .energy-matters section h1 a:visited  {
	font-size:  15px;
	color:#000;
	margin:15px 0 8px;
}

.energy-matters section h1 a:hover {
	font-size:  15px;
	color:#B42029;
	margin:15px 0 8px;
}

.energy-matters h2 {
	font-size: 14px;
	font-weight: bold;
	color: #a30009;
	margin-bottom:8px;
}

.energy-matters section h2 {
	font-size: 13px;
	font-weight: normal;
	color: #30261e;
	margin-bottom:5px;
}

.sh-cols-feature.energy-matters {
	position: relative;
}

.energy-matters .sh-cols-feature-col {
	background: #fff;
	width: 225px;
	position: absolute; 
	top: 10px;
	bottom: 20px;
	right: 10px;
}

.energy-matters .sh-cols-feature-col header, .energy-matters .sh-col header, .sh-col-b.extanarrow header  {
	background: url(../img/sprite_en.png) 0 -722px no-repeat;
	color: #fff;
	font-size: 12px;
	padding:6px 14px 0;
	height: 19px;
	margin-bottom: 1px;
	position: relative;
}

.energy-matters .sh-cols-feature-col header a, .energy-matters .sh-col header a, .sh-col-b.extanarrow header a {
	font-size: 11px;
	text-decoration: underline;
	position: absolute;
	right:16px;
}

.energy-matters .sh-cols-feature-col section, .energy-tips .sh-cols-feature-col section {
	padding:0 15px;
}

.energy-matters .sh-col {
	width: 466px;
	margin-right: 16px;
	float: left;
	list-style: decimal
}

#home-page-left .student-work section,
.energy-matters .sh-col section,
.sh-col-b.extanarrow section,
.energy-matters .sh-col-a section {
	border-bottom: 1px solid #c3c2bf;
	padding-bottom: 16px;
	overflow: hidden;
	/*height: 119px;*/
}

.energy-matters .sh-col.last {
	margin:0;
}

.energy-saving-tips, .energy-perspectives, .energy-in-the-news, .classroom-featured-articles {
	position: relative;
}

.energy-saving-tips .sh-promo-box div, .energy-perspectives .sh-promo-box div, .energy-in-the-news .sh-promo-box div, .classroom-featured-articles  {
	float: none;
}

#home-page-left .student-work .teaser-img,
.energy-matters .teaser-img {
	float:right;
	height: 133px;
	overflow: hidden;
	margin: 15px 0 30px 18px;
}

.energy-tips .teaser-img {
	float:left;
	display: inline;
	height: 133px;
	overflow: hidden;
	margin: 1px 18px 30px 0;
}

.energy-tips .teaser-text, .household .teaser-text {
	float: left;
	display: inline;
	margin-top: 1px;
	width: 407px;
}

.energy-matters .sh-col h1, .energy-tips .sh-col-a h1, .household .sh-col-a section h1, {
	font-size: 15px;
	font-weight: bold;
	margin-bottom:8px;
	color:#000;
}
div.articles .sh-col-a ul li{
	list-style: circle inside;
	font-family: Verdana,sans-serif;
}
.sh-col-a ol li{
	list-style: decimal inside;
	font-family: Verdana,sans-serif;
}
.sh-col-a em{
	font-style: italic;
}
.energy-tips .sh-col-a h1 a:link, .energy-tips .sh-col-a h1 a:visited, .household .sh-col-a section h1 a:visited {
	font-size: 15px;
	font-weight: bold;
	margin-bottom:8px;
	color:#000;
}
.energy-tips .sh-col-a h1 a:hover {
	color:#A30009; 
}
.energy-tips .sh-promo-box div {
	margin-bottom: 16px;
	float: none;
}

.energy-matters .sh-col p {
}

.energy-tips .sh-col-a div.teaser-block, .household .sh-col-a div.teaser-block,
.energy-tips .sh-col-a div.alt, .household .sh-col-a div.alt {
	padding:18px 14px;
}
	
.energy-tips .sh-col-a div.teaser-block, .household .sh-col-a div.teaser-block {
	background: #f1f1f1; 
	border-bottom: 1px solid #d0d0d0;
}
div.teaser-block h1 a,
div.alt h1 a{
	color:#000; 
	font-size: 15px;
}
span#fill-updates div.teaser-block h1 a:hover,
span#fill-updates div.alt h1 a:hover{
	color: #a30009
}
.energy-tips .sh-col-a section .teaser-img, .meet-household .sh-col-a section .teaser-img {
	margin:1px 18px 15px 0;
}
.teaser-img a{
	display: block;
	margin: 0;
}
.energy-tips .sh-col-a div.alt {
	background: #e4e4e4;
	border-bottom: 1px solid #d0d0d0;
	padding:18px 14px;
}
.energy-saving-tips h3 {
	background: url(../img/title_sprite_en.png) 0 -313px no-repeat;
	width: 940px;
	height: 379px;
	display: block;
	text-indent: -9999px;
	z-index: 5;
	margin-left:-20px;
}

.energy-perspectives h3 {
	background: url(../img/title_sprite_en.png) 0 -753px no-repeat;
	width: 949px;
	height: 379px;
	display: block;
	text-indent: -9999px;
	z-index: 5;
	margin-left: -20px;
}

.energy-in-the-news h3 {
	background: url(../img/title_sprite_en.png) 0 -1143px no-repeat;
	width: 949px;
	height: 379px;
	display: block;
	text-indent: -9999px;
	z-index: 5;
	margin-left: -20px;
}

.energy-saving-tips section, .energy-perspectives section, .energy-in-the-news section, .classroom-featured-articles section {
	background: #fff;
	display: block;
	width:593px;
	height:230px;
	position: absolute;
	right:21px;
	top:134px;
	padding:14px 16px 0;
	z-index: 10;
}

.energy-saving-tips section img, .energy-perspectives section img, .energy-in-the-news section img, .classroom-featured-articles img {	
	float:right;
	margin-left:21px;
}

.classroom-featured-articles h3 {
	background: url(../img/classrm_title_sprite_en.png) 0 -122px no-repeat;
	width: 940px;
	height: 379px;
	display: block;
	text-indent: -9999px;
	z-index: 5;
	margin-left:-0px;
}

section #video{
	float:right;
	margin-left:21px;
	width: 286px;
	height: 212px;
	overflow: hidden;
}
section #top-callout{
	position: relative;
	top: -150px;
	left: -90px;

}



.energy-saving-tips h1, .energy-perspectives h1, .energy-in-the-news h1, .classroom-featured-articles h1 {
	font-size: 21px;
	margin-bottom: 10px;
	font-weight: normal;
}

.energy-saving-tips h2, .energy-perspectives h2, .energy-in-the-news h2, .classroom-featured-articles h2 {
	font-size: 12px;
	margin-bottom: 8px;
}

.energy-saving-tips .sh-share li, .energy-perspectives .sh-share li, .energy-in-the-news .sh-share li, .classroom-featured-articles .sh-share li  {
	margin-bottom: 6px;
}

.energy-saving-tips p, .energy-perspectives p, .energy-in-the-news p, .classroom-featured-articles p {
	clear: left;
}

.sh-cols.articles {
	background: url(../img/articles_bg.png) repeat-y;
}

.articles .sh-col-a {
	width:610px;
}

.articles .sh-col-b {
	padding:9px;
}

.article-comments .sh-col-a {
	width:610px;
}

.article-catalogue, .article-author {
	background: #d7d4c2;
	padding:16px 0;
	margin-bottom: 16px;
}

.article-author img {
	float:right;
	margin:0 16px;
}

.article-author h1 {
	margin:13px 16px;
}

.article-author p {
	margin:13px 16px;
}


.article-author footer {
	border-top: 1px solid #f0f0f0;
	background: none;
	width: 306px;
	margin: 16px 0 0;
	padding-top: 13px;
	border-left: none;
	border-right: none;
}

.article-author footer a {
	margin: 13px 16px 0;
}

.article-catalogue header {
	border-bottom: 1px solid #f0f0f0;
}

.article-catalogue header h1 {
	margin:0 16px 13px;
	font-size: 16px;
	color:#717070;
}

.article-catalogue li {
	margin:13px 20px;
	min-height: 40px;
}

.article-catalogue li.internal div {
	float: left;
	margin: 0;
}

.article-catalogue li .image {
	width:auto;
	min-width:55px; /* 20120127 GL lines up text with others if no image: 48px for the image plus 7 for margin-right in img below */
}

.article-catalogue li img {
	margin-right: 7px;
}

.article-catalogue li .text {
	width: 208px;
}

.article-catalogue li h1 {
	margin:0 0 5px 0 ;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}

.article-catalogue li h2 {
	font-size: 10px;
	text-transform: uppercase;
	color:#717070;
}

.article-catalogue li h2 span {
	margin:4px;
}

.article-catalogue.red {
	background: #c1000b!important;
}

.article-catalogue.red h1, .article-catalogue.red h2, .article-catalogue.red a {
	color:#fff;
	background: none;
}

/* 20120131 GL added a "popular" class to Most Popular div, to allow spearate styling as required
also added a "commented" class to the Most Commented div, should you wish to use that as well */
.popular li {
	
}

.popular li .image {

}

.popular li img {

}

.popular li .text {

}


/****************** Households *****************************/

.followthehouseholds img {
	float:left;
	margin-left:15px;
}

.followthehouseholds h3 {
	background: url(../img/title_sprite_en.png) 0 -1789px no-repeat;
	display: block;
	width:398px;
	height:101px;
	text-indent: -9999px;
	margin:30px 0 25px 475px;
}

.followthehouseholds section {
	padding:0 30px 0 475px;
	color:#30261e;
}

.followthehouseholds section h1 {
	color:#515050;
	font-size: 16px;
}

.followthehouseholds a {
	float:left;
	border-left:3px #a30009 solid;
	display: block;
	margin-bottom: 20px;
	padding-left: 8px;
	width:420px;
	margin-top: 20px;
}

.household ol li {
	margin-bottom:1px;
}

.sh-cols.update {
	background: url(../img/update_bg.png) repeat-y;
	margin:0 2px;
}

.update .sh-col-a {
	width: 444px;
	
	float: left;
	margin:0;
	padding:26px 16px 26px 38px;
}

.update .sh-col-a a.family-home {
	text-decoration: underline;
	text-transform: uppercase;
}

.update .sh-col-a h1 {
	font-size:24px;
	color: #414a4c;
	margin:16px 0;
	font-weight: normal;
}

.update .sh-col-a h2 {
	font-size:16px;
	color: #414a4c;
	margin:30px 0 6px 0;
}

.update .sh-col-a span, .articles .sh-col-a span{
	height: 16px;
	padding-top: 3px;
	
}

.update .sh-col-a span a  {
	font-size:14px;
	padding-right: 33px;
	text-decoration: underline;
}

.update .sh-col-a p {
	margin-top: 16px;
}

.update .sh-col-a footer a {
	margin-top: 40px;
}

.update .sh-col-a footer a.previous-update {
	float:left;
	color: #515050;
}

.update .sh-col-a footer a.next-update {
	float:right;
	color: #515050;
}

.update .sh-col-a footer a:hover {
	color: #A30009;
}

.update span.comment-icon, .articles span.comment-icon{
	background: url(../img/icon_comment.png) no-repeat top right;

}

.update .sh-col-b {
	width:485px;
	!width:483px;
	float: left;
	margin:0;
}

.update .feature-image {
	margin:16px 0 0 20px;
}

a.feature-image img {
	margin:113px 0 0 169px;
}

.update .sh-col-b section {
	margin:110px 16px 0;
	padding:9px;
	background: #c6c3a9;
	color: #353535;
}

.update .sh-col-b section img {
	float:left;	
}

.update .sh-col-b section div {
	padding-left:135px;
}

.update .sh-col-b section div h1 {
	font-size: 21px;
}

.update .sh-col-b section div h2 {
	font-size: 15px;
	color: #6c6c6c;
}

.update .sh-col-b section div ul, .family-description div ul {
	margin:8px 0;
}

.update .sh-col-b section div li, .family-description div li {
	float:left; 
	font-weight: bold;
	font-size: 14px;
	margin-right:9px;
}

.update .sh-col-b section div li a.vote-button, .family-description div li a.vote-button {
	background: url(../img/sprite_en.png) -860px 0 no-repeat #fff;
	width: 75px;
	height: 18px;
	display: block;
	text-indent: -9999px;
}


.update .sh-col-b section div p, {
	font-size: 9px;
}

 .sh-cols.update footer {
	background: url(../img/sprite_en.png) 0 -592px no-repeat #fff;
	height:8px;
	margin-top:16px;
	border: none;
}

.update .sh-col-a footer {
	background: none;
	width: inherit;
	border: none;
}

.household .sh-col-a, .article-comments .sh-col-a {
	background: #fff;
	border: 1px solid #d0d0d0;
	padding:2px;
	width: 622px;
}

.meet-household .sh-col-a {
	background: #fff;}


.household .sh-col-a section {
	background: #f1f1f1;
	/* border: 1px solid red; */
}

.meet-household .sh-col-a section {
	margin-bottom:1px;
}

.meet-household .col-a {
	float: left;
	margin:0 15px 0 10px;
	width:136px;
}

.meet-household .col-a h1 {
	color: #990000;
	font-size: 18px;
	font-weight: normal;
	height: 20px;
}

.meet-household .col-a h1 span {
	color: #6c6c6c;
	font-size: 12px;
}


.meet-household .col-b {
	float: left;
	margin-right:15px;
	width:307px;
}


.meet-household .col-b div {
	clear: both;
	height:98px;
	background-color: #fff;
}

.meet-household .col-b div img {
	margin: 5px 0 0 12px;
}


.meet-household .col-b h1  {
	color: #990000;
	font-size: 18px;
	float: left;
	font-weight: normal;
	margin-bottom: 10px;
}

.meet-household .col-b h1 a {
	text-decoration: underline;
}

.meet-household .col-b h2 {
	float: left;
	margin:7px 0 0 4px;
}

.meet-household .col-c {
	float: left;
	text-align: center;
}

.meet-household .col-c h1 {
	display: block;
	width: 131px;
	height: 28px;
	background-color: #d0d0d0;
	color: #6c6c6c;
	font-size: 20px;
	
	padding-top:6px;
	font-weight: normal;
	margin-bottom: 15px;
}

.meet-household .col-c h1 span {
	font-size: 11px;
	color: #6c6c6c;
}

.household .sh-col-a .alt, .meet-household .sh-col-a .alt {
	background: #e4e4e4;
}

.household .teaser-img, .meethousehold .teaser-img {
	float:left;
	height: 133px;
	overflow: hidden;
	margin: 0 18px 15px 0;
}


.household header h1 {
	background: url(../img/sprite_en.png) 0 -439px no-repeat;
	font-size: 18px;
	font-weight: normal;
	padding:14px;
	color: #fff;
	margin-bottom: 1px;
}

.sh-cols-feature.family {
	background: #b7b28c;
}

.family .feature-image {
	float: left;
	margin: 0 35px 16px 0;
}

.family a.feature-image img {
	margin: 64px 0 0 102px;
}

.family-description {
	height: 77px;
    padding-top: 14px;
    width: 384px;
    float: left;
}

.family-description h1 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom:8px;
}

.family-description h2 {
	color:#434343;
	font-size: 13px;
	margin-bottom:8px;
}

.family-description h2 span {
	margin: 0 4px;
}

.family-description div li span {
	margin: 0 5px;
}

.family-description p {
	margin-bottom:25px;
	padding-right: 5px;
}

.family-description div {
	color: #353535;
}

.family-description div p {
	font-size: 9px;
	margin-top:8px;
}


.social-sharing {
	float: right;
	margin-top: 20px;
}

.social-sharing-horz {
	margin: 20px 25px 0 ;
}

.social-sharing-horz div { float: left; }

.social-sharing h1, .social-sharing-horz h1 {
	font-size: 12px;
	font-weight: bold;
	color:#515050;
	margin: 12px 0 7px 0;
}

.social-sharing-horz a.facebook {
	margin:0 25px 0 16px;
}

.social-sharing a.facebook, .social-sharing-horz a.facebook {
	background: url(../img/sprite_en.png) -147px -83px no-repeat;
	display: block;
	width:129px;
	height:38px;
	!height:39px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 10px;
	padding: 11px 0 0 60px;
	!padding: 10px 0 0 60px;
}

.social-sharing a.facebook:hover, .social-sharing-horz a.facebook:hover {
	background: url(../img/sprite_en.png) -337px -83px no-repeat;
	
}

.social-sharing a.twitter, .social-sharing-horz a.twitter {
	background: url(../img/sprite_en.png) -147px -133px no-repeat;
	display: block;
	width:129px;
	height:38px;
	!height:39px;
	font-size: 11px;
	color: #fff;
	margin-bottom: 10px;
	padding: 11px 0 0 60px;
	!padding: 10px 0 0 60px;
}

.social-sharing a.twitter:hover, .social-sharing-horz a.twitter:hover  {
	background: url(../img/sprite_en.png) -337px -133px no-repeat;
}

.social-sharing a.edc, .social-sharing-horz a.edc {
	background: url(../img/sprite_en.png) -147px -183px no-repeat;
	display: block;
	width:129px;
	height:38px;
	!height:39px;
	font-size: 11px;
	color: #fff;
	margin-bottom: 10px;
	padding: 11px 0 0 60px;
	!padding: 10px 0 0 60px;
}

.social-sharing a.edc:hover, .social-sharing-horz a.edc:hover  {
	background: url(../img/sprite_en.png) -337px -183px no-repeat;
}

#doc .dash-title {
	font-size: 18px;
	color: #414040;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	margin:2px 0 5px 8px;
}

.meet-household .family-stats {
	background: none repeat scroll 0 0 #f4f4f4;
    margin-bottom: 2px;
    height:120px;
    width:628px;
    padding:15px 0;
}

.meet-household .family-stats header h1 {
	float: none;
}

.meet-household .family-stats .user-pic {
	margin-right: 15px;
}


/* @group .col-a footer */



/* @group .col-a footer */

.sh-col-a .updates footer {
	display: block;
	border: none;
}

.sh-col-a div#footer-style{
	color: #7a7a7a;
	font-size: 11px;
	margin-top: 10px;
	border-top:1px solid #d0d0d0;
	padding: 10px;
	background: #f1f1f1;

	
}
.sh-col-a div#footer-style section{
	padding: 0;
	
}
.sh-col-a div#footer-style div {
	float: left;
	display: block;
}

#org-list footer div,
.sh-col-a .favourites footer div,
.sh-col-a .updates footer div {
	visibility: visible;
}

.sh-col-a  div#footer-style {
	zoom: 1;
}

.sh-col-a  div#footer-style:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sh-col-a  .index form {
	float: left;
}

.sh-col-a  div#footer-style select {
	font-weight: normal;
	width: 120px;
	padding: 2px;
}


.sh-col-a  .index {
	margin-left: 100px;
}

.sh-col-a  div#footer-style .page {
	width: 2em;
	color: #a4a7a9;
	text-align: center;
}


div#footer-style div.current {
	padding: 5px 0;
	margin-left: 15px;
	width: 20%;
}

.sh-col-b  div#footer-style input {
	width: 180px;
	margin-right: 5px;
	height: 18px;
	float: left;
}

 div#footer-style .prev,
 div#footer-style .next {
	float: left;
	width:  22px;
	height: 22px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/sprite_en.png) -229px -60px;
	margin: 0 10px;
}

 div#footer-style .next {
	background-position: -252px -60px;
}

 div#footer-style .prev:hover {
	background-position: -275px -60px;
}

 div#footer-style .next:hover {
	background-position: -298px -60px;	
}

.sh-col-a  div#footer-style .submit,
.sh-col-b  div#footer-style .submit {
	display: none;
}


.sh-col-a  footer fieldset {
	float: left;
}

.article-right-margin {
	margin-right: 15px;
}

.sh-col-a .article-image {
	margin-bottom: 33px;
}

.sh-col-a .article-headline {
	font-size: 24px;
	color: #414a4c;
	font-weight: normal;
	margin-bottom: 21px;
	margin-top: 15px;
}

.sh-col-a .article-social-sharing {
	float: right;
}


.articles .sh-col-a .article-social-sharing {
	margin-bottom: 40px;
}

.sh-col-a .article-byline-name {
	font-size:14px;
	color: #515050;
	font-weight: bold;
	margin-bottom: 7px;
}

.sh-col-a .article-byline-position {
	font-size:11px;
	color: #515050;
	font-weight: bold;
	margin-bottom: 15px;
}

.sh-col-a .article-date {
	font-size:14px;
	color: #515050;
	font-weight: normal;
	padding-bottom: 6px;
}

.sh-col-a .article-comments {
	font-size:12px!important;
	color: #515050;
	font-weight: normal;
	padding-right: 33px;
}

div.articles .sh-col-a .article-date-comments li{
	list-style: none;
}
.sh-col-a .article-comments a:link, .sh-col-a .article-date-comments a:visited {
	text-decoration: underline;
}

.sh-col-a .article-comments a:hover {
	text-decoration: none;
}

.sh-col-a .article-callout {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	line-height: 19px;
	margin: 20px 0;
}
.sh-col-a .article-callout p {
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	line-height: 19px;
	margin: 10px 0;
}

/* @end */

/****************** content blocks *****************************/

.image_text_link {
	margin-top: 20px;
	margin-bottom: 20px;
}
.image_text_link h3 {
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.image_text_link h3 a:link, .image_text_link h3 a:visited {
	color: #990000;
}
.image_text_link h3 a:hover {
	text-decoration: underline;
}
.image_text_link .content_image_left {
	float:left;
	margin: 0 24px 10px 3px; 
}
.image_text_link .content_image_right {
	float: right;
	margin: 0 3px 10px 20px; 
}

.custom_block_image_text_left {
	margin: 0 24px 10px 3px; 
}



/* @end */

/****************** sh-share *****************************/

ul.sh-share {
	font-size: 11px;
}

ul.sh-share li {
	float: left;
	padding: 0 6px;
}

ul.sh-share li.last, ul.sh-share li.first {
	border: none;
	padding-left: 0;
	list-style: none;
}

ul.sh-share a {
	padding-right: 24px;
}

ul.sh-share li{
	height: 16px;
}

ul.sh-share .video-icon {
	background: url(../img/icon_video.png) no-repeat top right;
	
	
}

ul.sh-share .comment-icon {
	background: url(../img/icon_comment.png) no-repeat top right;
}

a.small_font { font-size: 12px !important; }


ul.sh-share .photo-icon {
	background: url(../img/icon_photo.png) no-repeat top right;

}

.socialmedia-edc, .socialmedia-edc-login {
	 background: none repeat scroll 0 0 #E8E8E8;
	 margin-bottom:16px;
	 padding:12px 16px 10px 16px;
}

.socialmedia-edc-login {
	 margin-bottom:0;
}

.socialmedia-edc a, .socialmedia-edc-login a {
	font-size: 12px;
	color: #000;
	line-height: 12px;
}

.socialmedia-edc .facebook, .socialmedia-edc-login .facebook {
	float: left;
	margin-right: 24px;
	height: 32px;
	background: url(../img/2013/2013_icon_facebook.png) no-repeat top left;
	padding-left:38px;
	line-height: 1.2em;
}

.socialmedia-edc .twitter {
	float: left;
	margin-right: 24px;
	height: 32px;
	background: url(../img/2013/2013_icon_twitter.png) no-repeat top left;
	padding-left:38px;
	line-height: 1.2em;;
}

.socialmedia-edc .youtube {
	float: left;
	height: 32px;
	background: url(../img/2013/2013_icon_youtube.png) no-repeat top left;
	padding-left:38px;
	line-height: 1.2em;;
}


/****************** Landing Teasers *****************************/

#energymatters-tease {
	background: #e8e8e8;
	height: 121px;
	margin-bottom:16px;
	font-size: 11px;
	position: relative;
	overflow: hidden;
}

#energymatters-tease .section {
	margin:0 0 0 16px;
	!height:121px;
	overflow: hidden;
	height: 121px;
}

#energymatters-tease img {
	float: left;
	margin: 10px 16px 0 0;
}

#energymatters-tease h1 {
	margin: 10px 0 5px 0;
}

#energymatters-tease .sections {
	position: absolute;
	overflow: hidden;
}

ul.energymatters-tease-carousel {
	top:16px;
	!top:10px;
	right: 16px;
    position: absolute;
    z-index: 5;
    height: 87px;
    width: 38px;
}

#energymatters-tease .sections section {
	float: left;
	width:405px;
}



ul.energymatters-tease-carousel li {
	margin-bottom: 4px;
	!margin:0;
	!padding:0;
	height: 9px;
}

ul.energymatters-tease-carousel li a {
	background: url(../img/sprite_en.png) -334px -14px no-repeat;
	text-indent: -9999px;
	width: 38px;
	height: 9px;
	display: block;
	overflow: hidden;
}

#energymatters-tease.one ul.energymatters-tease-carousel li.one a,
#energymatters-tease.two ul.energymatters-tease-carousel li.two a,
#energymatters-tease.three .energymatters-tease ul.energymatters-tease-carousel li.three a,
#energymatters-tease.four ul.energymatters-tease-carousel li.four a,
#energymatters-tease.five ul.energymatters-tease-carousel li.five a,
ul.energymatters-tease-carousel li a:hover  {
	background-position: -373px -14;
}

#energymatters-tease.one ul.energymatters-tease-carousel li.one,
#energymatters-tease.two ul.energymatters-tease-carousel li.two,
#energymatters-tease.three ul.energymatters-tease-carousel li.three,
#energymatters-tease.four ul.energymatters-tease-carousel li.four,
#energymatters-tease.five ul.energymatters-tease-carousel li.five {
	background-color: #a6a6a6;
}

ul.energymatters-tease-carousel li.up a {
	background: url(../img/sprite_en.png) -334px -24px no-repeat;
	text-indent: -9999px;
	width: 38px;
	height: 9px;
	display: block;
	overflow: hidden;
}

ul.energymatters-tease-carousel li.up, ul.energymatters-tease-carousel li.down{
	list-style: none;
}

ul.energymatters-tease-carousel li.up a:hover {
	background-position: -373px -24px;
}

ul.energymatters-tease-carousel li.down a {
	background: url(../img/sprite_en.png) -334px -34px no-repeat;
	text-indent: -9999px;
	width: 38px;
	height: 9px;
	display: block;
	overflow: hidden;
}

ul.energymatters-tease-carousel li.down a:hover {
	background-position: -373px -34px;
}

#energydiet_classroom_challenge_banner {
	height: 121px;
	margin-bottom:16px;
	position: relative;
	overflow: hidden;
}

/************** Footprint Calculator ************************/

.footprint-calculator {
	background: url(../img/sprite_en.png) -527px -0px no-repeat;
	width: 306px;
	color: #fff;
	padding:15px 0;
}

.footprint-calculator.no-img {
}

.footprint-calculator, .ad-bigbox, .article-catalogue, .sh-col-b .calculator, .sh-col-b .dashboard, .contest {
	margin-bottom: 16px;
}

.contest {
	text-align: center;
	
}
div.sh-cols-feature-wide-col .contest{
	float: right;
}

.footprint-calculator img {
	margin:0px 0 10px 20px;
}

.footprint-calculator h1 {
	font-size: 22px;
	font-weight: 200;
	color: #fff;
	margin-left: 20px;
}

.footprint-calculator p {
	margin-left: 20px;
	color: #fff;
	line-height: 15px;
	padding-right: 15px;
}

.footprint-calculator .btn {
	background: url(../img/sprite_en.png) -0px -247px no-repeat;
	display: block;
	width:203px;
	height:35px;
	color: #fff;
	margin-left: 20px;
	position: relative;
	
}

.footprint-calculator a {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin:10px 0 0 0;
	position: absolute;
	width:203px;
	text-align: center;
}


.footprint-calculator-feature {
	position: relative;
	background: url("../img/footprint-calculator-feature.png") no-repeat scroll 0 0 transparent;
	padding-top: : 418px;
	
}



.footprint-calculator-feature h3 {
    background: url("../img/title_sprite_en.png") no-repeat scroll 0 -703px transparent;
    display: block;
    height: 50px;
    text-indent: -9999px;
    width: 470px;
}

.footprint-calculator-feature h2 {
	font-size: 12px;
	font-weight: normal;
	margin:30px 0 0 30px;
	text-align: right;
	line-height: 18px; 
}

.footprint-calculator-feature section.one {
    display: block;
    position: absolute;
    right: 34px;
    width: 470px;
}

.footprint-calculator-feature section.two {
	display: block;
    position: absolute;
    right: 34px;
    top: 119px;
    width: 380px;
    text-align: right;
}

.footprint-calculator-feature h1 {
	margin:153px 0 15px 0;
	font-size: 17px;
	color:#6c6c6c;
	font-weight: normal;
}

.footprint-calculator-feature footer {
	margin-top:400px;
}


/****************** Image Gallery & Thumbnails *****************************/

.update ul.thumbnails {
	width:400px;
	margin:15px 0 15px 42px;
	
}

.update ul.thumbnails li {
	width:100px;
	height: 100px;
	float: left;
	text-align: center;
	line-height: 90px;
	
}

.update ul.thumbnails li img {
	vertical-align: middle;
}

.thumbnails .boxborder {
	border:2px #fff solid;
}



/****************** Ad Banners *****************************/

.ad-doublebigbox {
	background-color: #fff;
	height: 297px;
	padding: 0;
}

.ad-bigbox {
	width: 300px;
	height: 250px;
}

#sh-header-top iframe{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}
.ad-bigbox iframe{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/* @group .sh-share */

.sh-share .email {
	width: 58px;
}

.sh-share .email.fr {
	width: 70px;
}

.sh-share .email em {
	font-style: normal;
}

.sh-share .email em span {
	font-weight: normal;
	display: block;
	padding-top: 3px;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
}

.sh-share .email a {
	display: block;
	background: #6b95be;
	border: 1px solid #5b83a9;
	border-radius: 2px;
	color: #fff;
	padding: 2px 0;
	margin-top: 8px;
	text-align: center;
	font-size: 11px;
}

.sh-share .email a:hover {
	background: #567798;
}

.sh-share .email em {
	color: #565662;
	display: block;
	border-radius: 3px;
	font-size: 11px;
	border: 1px solid #dbdbdb;
	background: #ececec;
	padding: 6px 10px 7px;
}

.sh-share p {
	color: #929292;
	margin: 0 0 8px 0;
	font-size: 11px;
}

.sh-share .twitter {
	margin-left: 0;
}

.sh-share .email {
	font-family: verdana, sans-serif;
	margin-left: 13px;
}

.sh-share div {
	float: left;
	margin-left: 14px;
}

.index .sh-share {
	height: 80px;
}

.index .sh-share .clear {
	clear: both;
}

.sh-share div.fb_button {
	background: url(img/sprite.png) -212px -206px;
	text-indent: -9999px;
	overflow: hidden;
	width: 190px;
	height: 51px;
	margin-left: 0;
}



/* @end */


/* @group #sh-comments */




#sh-comments, .comment_list{
	margin-top: 0px;
	background: #f1f1f1;
}

.comment #comment_name_header {
    color: #767676;
    font-weight: normal;
}

.comment #comment_name_header b {
    color: #b42029;
}

.comment #comment_time_header {
	color: #767676;
}

#sh-comments section, 
#sh-comments footer {
	padding: 15px;
}

.comment_list{padding:0;}
.comment_bg{background: #f1f1f1;}

.comment{
	padding: 0 35px;
}

#sh-comments h3, .comment#report{
	color: #fff;
	background: #A30009;
	font-size: 18px; 
	padding: 15px;
	height: 15px;
	font-family: "verdana", sans-serif;
	font-weight: normal;
	margin-bottom: 25px;
}

#wrap-sh-comment-form{padding: 35px;}

.comment#report .left{display: block;}
#report.comment .arrow_down{display: none;}

#sh-comments li {
	border-bottom: 1px dotted #909090;
	color: #555;
	padding: 15px 0;

}

#sh-comments li time {
	float: right;
}

#sh-comments li footer {
	padding: 0;
}

#sh-comments li footer ul {
	zoom: 1;
}

#sh-comments li footer a {
	color: #787676;
}

#sh-comments li div {
	clear: both;
	padding-top: 5px;
}

#sh-comments li dl {
	zoom: 1;
}



#sh-comments li dt,
#sh-comments li dd {
	float: left;
	margin-right: 5px;
}

#sh-comments li dd {
	font-weight: bold;
}

#sh-comments li dd.time {
	float: right;
	font-weight: normal;
}

#sh-comments li footer .reply a {
	font-weight: bold;
}

#sh-comments li footer ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#sh-comments .thumb {
	float: right;
}

#sh-comments footer li {
	border: none;
	float: right;
	padding: 0;
}

.comment .comment_footer a {
	color:#495c72;
}

.comment .comment_footer a:hover {
	color:#b42029;
}

#sh-comments li.reply {
	margin-right: 30px;
}

#sh-comments li.report {
	margin-right: 55px;
}

#sh-comments li.up {
	margin-right: 15px;
}

#sh-comments footer form .thumb {
	float: left;
	width: 19px;
	height: 19px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	background: url(img/sprite.png) -124px -33px;
}

#sh-comments footer form span {
	float: left;
	margin-right: 10px;
}

#sh-comments footer form .thumb:hover {
	background-position: -124px -53px;
}

#sh-comments footer .down form .thumb {
	background-position: -144px -33px;
}

#sh-comments footer .down form .thumb:hover {
	background-position: -144px -53px;
}

#sh-comments li time span {
	display: inline-block;
	margin-left: 10px;
	padding-left: 13px;
	border-left: 1px solid #97948b;
}

#sh-comments li p {
	margin: 1em 0;
	
}

#sh-comment-form label {
	color: #676767;
	font-weight: bold;
	font-family: verdana, sans-serif;
	font-size:14px;
	padding: 0;
}

#sh-comment-form #usr_name {
	margin-bottom: 10px;
}
#sh-comment-form #usr_name label {
	font-size: 11px;
	margin-right: 5px;
}

#sh-comment-form #usr_name input {
	padding: 2px;
	width: 210px;
}

#sh-comment-form textarea, .post_box_left textarea {
	display: block;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

#wrap-sh-comment-form #sh-button {
	width: 170px;
}

#sh-comment-form .sh-button {
	background: #7f7f7f;
	text-transform: capitalize;
	font-family: arial;
	float: right;
}

#sh-comment-form input.name {
	border: 1px solid #bac6d5;
	height: 31px;
	width: 350px;
	*float: left;
}

#sh-comment-form textarea {
	border: 1px solid #bac6d5; 0;
}

#sh-comments h3, #report.comment {
    background: none repeat scroll 0 0 #A30009;
    color: #FFFFFF;
    font-family: "verdana","verdana",sans-serif;
    font-size: 18px;
    font-weight: normal;
    height: 50px;
    padding:0 14px;
    line-height: 50px;    
}

sh-comment-txt 

.comment_separator {
	margin-top:1px;
}

.comment{font-size: 12px;}

/* @group #Voting popups */

.vote-popup {
	width: 500px;
	background: #fff;
	position: fixed;
	left: 50%;
	margin-left: -256px;
	top:100px;
	z-index: 999;
	padding: 0;
	line-height: 14px;
	text-align: left;
	border: 6px solid #9e9e9e;
}

.vote-popup div {
	padding:0;
}

.vote-popup .head {
	font-size: 12px;
	font-weight: bold;
	color: #2c3034;
	padding: 5px 10;
}

.vote-popup #close_button {
    background: url("../img/sprite_en.png") -28px -33px;
    height: 33px !important;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 34px !important;
    display: block;
    margin: 0;
    border: none;
    text-indent: -9999px;
}

.vote-popup h1 {
	margin: 0;
}

.vote-popup #close_button:hover {
    background: url("../img/sprite_en.png") -63px -33px;
}

.vote-popup .outside {
	border-left: 1px solid #807f7f;
	border-right: 1px solid #807f7f;
	border-bottom: 1px solid #807f7f;
	padding:18px 45px	
}

.vote-popup .col-a {
	width: 204px;
	float: left;
	text-align: center;
}

.vote-popup .col-b {
	width: 189px;
	float: left;
	padding-left:15px;
}

.vote-popup .col-b h1, .vote-popup .col h1 {
	font-size: 16px;
	background: none;
	padding:0;
	margin: 0 0 15px 0;
	color: #a4000a;
}

.vote-popup .col h1 {
	margin-bottom: 8px;
}

.vote-popup .social-sharing {
	margin:10px 0 5px 0;
}

.vote-popup .social-sharing a.facebook, .vote-popup .social-sharing a.twitter, .vote-popup .social-sharing a.edc {	
	text-align: center;
	padding:0 0 0 44px;
	width: 145px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 49px;
	height: 49px;
}

.vote-popup p.small {
	font-size: 10px;
	color: #858383;
	margin-top: 5px;
}

.vote-popup .col .familyportrait_container {
	margin-right: 19px;
	float: left;
	width: 108px;
	height: 108px;
}

.vote-popup .col .leftimage {
	float: right;
	width: 280px;
}
.vote-popup .col .field .twitterthumb {
	float:left;
}

.vote-popup .col textarea {
	border: 1px solid #6d6d6d;
	margin-left:10px;
	padding:8px 4px 0 4px;
	height: 40px;
	width:338px;
	resize: none;
	overflow: hidden;
	float:left;
}

.vote-popup .col .speakbubble {
	background: url(../img/speakbubble_left.png) no-repeat;
	margin-left: -14px;
	height: 85px;
	width: 263px;
	display: block;
	padding:4px 8px 4px 24px;
}

.vote-popup .col .speakbubble p {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 5px;
}

.vote-popup .field {
	margin-top: 15px;
}

.vote-popup .twitter-vote-confirm, .vote-popup .facebook-vote-confirm {
	margin: 20px 0;
}

.vote-popup .twitter-vote-confirm .notice, .vote-popup .facebook-vote-confirm .notice {
	float:left;
	color: #333333;
	height:32px;
	line-height: 32px;
	width: 265px;
}

.vote-popup .twitter-vote-confirm .char-count {
	text-align: right;
	color:#999999;
	display: inline-block;
	margin-right: 6px;
	height: 32px;
	line-height: 32px;
}

.vote-popup .twitter-vote-confirm .maxed-counter {
	color:red;
}

.vote-popup .twitter-vote-confirm a, .vote-popup .facebook-vote-confirm a, .vote-popup .edc-vote-confirm a {
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	display: inline-block;
	float: right;
}

.vote-popup .twitter-vote-confirm .twitter-vote-button {
	background: url("../img/sprite_en.png") 0px -177px;
	padding-left:20px;
	width:92px;
	height:32px;
	line-height: 30px;
	text-align: center;
}

.vote-popup .twitter-vote-confirm a.twitter-vote-button:hover {
	background: url("../img/sprite_en.png") 0px -210px;
}

.vote-popup .facebook-vote-confirm a {
	background: url("../img/sprite_en.png") 0px -111px;
	padding-left:20px;
	width:92px;
	height:32px;
	line-height: 30px;
	text-align: center;
}

.vote-popup .facebook-vote-confirm a:hover {
	background: url("../img/sprite_en.png") 0px -144px;
}

.vote-popup .edc-vote-confirm a {
	background: url("../img/sprite_en.png") -860px -38px;
	padding-left:20px;
	width:92px;
	height:32px;
	line-height: 30px;
	text-align: center;
}

.vote-popup .edc-vote-confirm a:hover {
	background: url("../img/sprite_en.png") -860px -71px;
}

.vote-popup .conditions {
	margin-top: 15px;
}

.vote-popup .icon {
	width:45px;
	height:40px;
	float: left;
}

.vote-popup .conditions .message {
	float: left;
	width: 363px;
}





/****** share email form *******/
#sh-email .outside form table {
	width: 410px;
	table-layout: fixed;
}

#sh-email .outside form table tr th.cap {
	width: 12px;
	text-align: right;
	padding-right: 2px;
}

#sh-email .outside form table tbody tr td input {
	width: 90%;
}


/*******************************/

#vote-specific a {
    background: url("../img/sprite_en.png") no-repeat scroll -860px 0 #FFFFFF;
    display: block;
    height: 18px;
    margin-top: -2px;
    text-indent: -9999px;
    width: 75px;
    margin-left: 97px;
}


.cg-single-uploader{
	width: 171px; 
	height: 129px; 
	background: url(../img/add_photo.png) no-repeat; overflow: hidden;}
	
.cg-float-percent{position: absolute !important;}	
.cg-uploader{margin-top: 0px !important; height: 129px !important; position: absolute; z-index: 499; margin-left: -60px ; }
.cg-greenish{color: #414a4c;display: block; height: 22px; width: 24px; background: url(../img/lib.jpg) no-repeat; overflow: hidden; position: relative;  top:1px; left:1px; float: left; z-index: 500;}
.cg-large-upload{height: 129px; width: 171px; overflow: hidden;}
.cg-percent{height: 23px !important;}
.cg-image-preview{position: absolute; height: 129px; width: 171px; overflow: hidden; z-index: 497; left: 34px;}
.cg-image-preview img{width: 100%;}
.cg-single-uploader .video{background: url(../img/add_video.png) no-repeat;}

/* this is stuff for the asset library from teh backend */
.asset_box .thumbnail-view-selected{border-radius: 5px 5px 5px 5px;}

#left_asset .right #red_me { margin-left: 5px; float: right;}
#left_asset .left { margin-bottom: 5px;} 
#left_asset #green_me a, #left_asset #grey_me a, #left_asset #orange_me a, #left_asset #red_me a { border: 0; } 
#left_asset .yellow_text a { color: #d09f35; } 

input.green_me {background:#4bbd3c;}
input.red_me{background:#a32020;}
input.grey_me{background:#b8bcc8;}

#green_me a, 
#grey_me a, 
.grey_me a, 
#orange_me a, 
.green_me a, 
.green_me input, 
.orange_me input, 
.red_me input, 
.red_me a, 
#red_me a, 
.grey_me input {
	/*border: 1px solid #6c7c90; */
	color: #fff; font-family: 'Arial'; 
	text-decoration: none; 
	padding: 4px 7px 4px 7px; 
	font-weight: normal; 
	font-size: 11px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;*/
	text-transform: uppercase;
	border: 0;
} 

.green_me input, .orange_me input, .red_me input, .grey_me input {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	/*border: #6c7c90 solid 1px;*/
	border: 0;
	padding: 2px 25px;
}

#green_me a, .green_me a, .green_me input {
	background: #4bbd3c; 
	/*border: #6c7c90 solid 1px;*/
}

#grey_me a, .grey_me a, .grey_me input {
	/* background: #b8bcc8; */
	background: #6c7c90;
}

#orange_me a, .orange_me input[type=button] {	
	background: #d09f35; 
}

#red_me a, .red_me a, .red_me input {
	background: #a32020; 
}

.redspan{color: #a32020;}
.greenspan{color: #39a12b;}
.orangespan{color: #d09f35;}

#orange_link a{color: #d09f35;}
#green_link a{color: #39a12b;}
#red_link a{color: #a32020;}
.sit_top{margin-right: 30px; line-height: 30px; display: inline-block; }

.crop-box{margin-left: -486px; font-size: 12px;}
.crop-box p{color: #fff !important; font-size: 12px !important;}
.crop-box #selector-spacer{text-align: left !important;}

/*************************************************************** Login Styles *****************************************************/

#forgot_pwd_popup, #login_popup, #change_classroom_popup, #download_popup{
	width: 400px;
	margin-left: -220px;
	border: 3px solid #999;
}
#forgot_pwd_popup h1, #login_popup #top h1, #change_classroom_popup #top h1, #download_popup #top h1{
	color: #fff;
}
#forgot_pwd_popup #top, #login_popup #top, #change_classroom_popup #top, #download_popup #top {
	background: #E31700;
}
#forgot_pwd_popup #middle, #login_popup #middle, #forgot_pwd_popup .middle, #change_classroom_popup .middle, #download_popup .middle{
	background-color: #fff;
	height: 100%;
}
#login_popup #bottom, #change_classroom_popup #bottom, #download_popup #bottom{
	background: #fff;
}
#login_popup #middle .column p, #login_popup #middle .wide-column p, #login_popup #middle .column a, #change_classroom_popup #middle .column a, #download_popup .column a{
	color: black;
	visibility: hidden;
}
#login_popup #middle .column p span#error_log, #login_popup #middle .wide-column p span#error_log, #download_popup #middle .wide-column p span#error_log{
	visibility: visible;
}
#forgot_pwd_popup #submit_button, #reg_popup #register_button, #reg_popup #reset_button, #login_popup #login_button, .sh-button, .register-login #reg_login_button, #login_popup #skip_button, #download_popup #skip_button, #start_calc_btn, #start_tracking_btn {
	background: #E31700;
}
#forgot_pwd_popup #close_button, #forgot_pwd_popup .close_button, #reg_popup #close_button, #login_popup #close_button, #close_button, #change_classroom_popup #close_button, #download_popup #close_button,  #lightbox_close_button{
	top:-20px;
	right: -20px;
}



#login_popup .socialmedia-edc a {
	margin:0!important;
}



/* @group #sh-maintenance */

body.maintenance {
	background: #333333;
	padding-top: 100px;
}

#sh-maintenance {
	width: 850px;
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	background: #fbd721;
	margin: 0 auto;
}

#sh-maintenance header {
	background: #fff;
	color: #e41a34;
	padding: 15px;
	border-bottom: 1px solid #fbd721;
}

#sh-maintenance h1 {
	color: #e41a34;
	font-size: 24px;
}

#sh-maintenance  section {
	padding: 30px 15px;
}

#sh-maintenance header {
	position:relative;
	height: 70px;
}

#sh-maintenance header div {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-indent: -1000em;
	background: url(../img/sprite_en.png);
	position:absolute;
}

#sh-maintenance div.shell  {
  	background-position:-325px -293px;
  	width:60px;
  	height:55px;
}

#sh-maintenance div.english {
  	background-position:-477px -635px;
  	width:390px;
  	height:58px;
  	left:10px;
  	
}

#sh-maintenance div.french {
	background: url(../img/sprite_fr.png);
	background-position:-477px -635px;
 	width:390px;
  	height:58px;
  	left:436px;
}

#sh-maintenance .col {
	float: left;
	width: 390px;
	padding: 10px;
}

#sh-maintenance p {
  margin-bottom:1em;
  margin-left:0;
  margin-right:0;
  margin-top:1em;
  color:#555555 !important;
}

/* Change Password Page */
#change_password {
	width: 500px;
}

#change_password h1 {
	font-size: large;
}

#change_password label {
	padding-top: 15px;
	float: left;
	width: 100px;
	font: 12px "Arial";
	margin-right: 10px;
}

#change_password input[type="password"] {
	 margin-top: 10px;
	 border: 1px solid #999999;
    color: #999999;
    font: 12px "Arial";
    padding: 5px; 
    width: 200px;
}

#change_password input[type="submit"] {
	margin: 20px 0 0 210px;
}

#change_password .failure_message p {
	color: #952621;
}

/* @end */

.required-hint {
	margin: 0 10px;
}
.feature-image{
	position: relative;
}
#video a.feature-image img.play_btn{
	position: absolute;
}
.video{
	position: relative;
}
#form_holder_1, #form_holder_2{
	border-top: 1px solid #C3C2BF;
}

.form_holder{
	border-bottom: 1px solid #C3C2BF;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.contact_holder{
	margin-bottom: 15px;
}
#think{
	float: right;
	margin: 35px 5px 0 55px;
	
}
#energy_gauge{
	float: left;
	margin-right: 60px;
}
#reg_today{
	margin-bottom: 25px;
}