body {
	padding:0;
	margin:0;
	background-color:#597c57;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#231f20;
	font-size:13px;
}
a:link, a:visited {
	color:#d65304;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
h2.activityhead {
	padding:0 50px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.4em;
	font-size:20px;
	text-align:center;
	font-weight:normal;
	margin:30px 0;
}
h1.activityhead {
	padding:0 50px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:28px;
	line-height:1.5em;
	text-align:center;
	font-weight:normal;
	margin:30px 0;
}
span.clearfix {
	height:1px;
	clear:both;
	display:block;
}
#header {
	height:42px;
	display:block;
	width:890px;
	margin:0 auto;
	position:relative;
}
a.logo-kqed:hover {
	text-decoration:none;
}
a.logo-kqed {
	display:block;
	width:128px;
	height:19px;
	background-image:url('images/produced_by_kqed.png');
	background-repeat:no-repeat;
	position:absolute;
	right:0;
	top:15px;
}

#middle {
	background-color:#ffffff;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	min-height: 500px;
}

#container {
	width:890px;
	margin:0 auto;
}
#contentbox {
	float:right;
	width:524px;
}
#topcontent {
	background-image:url('images/contentbox_top.gif');
	background-repeat:no-repeat;
	width:520px;
	height:13px;
	display:block;
	background-position:bottom center;
}
#content {
	background-image:url('images/bg_contentbox.gif');
	background-repeat:repeat-y;
	width:520px;
	padding:20px 0;
	background-position:top center;
}
#bottomcontent {
	background-image:url('images/contentbox_bot.gif');
	background-repeat:no-repeat;
	width:520px;
	height:13px;
	display:block;
	background-position:top center;
}
#sidebar {
	width:350px;
	float:left;
	
}
ul#nav {
	list-style:none;
	margin:25px 0 25px 15px;;
	padding:0;
}
ul#nav li {
	padding:0;
	margin:0 0 5px 0;
}
ul#nav li a {
	width:134px;
	height:24px;
	display:block;
	background-image:url('images/bg_nav.gif');
	background-repeat:no-repeat;
}
ul#tabnav a:hover, ul#nav a:hover {
	text-decoration:none!important;
}
* {
	outline:none;
}
a.nav-home {
	background-position:0 0;
}
a.nav-activities {
	background-position:-134px 0;
}
a.nav-about {
	background-position:-268px 0;
}
a.nav-share {
	background-position:-402px 0;
}
a.nav-archive{
	background-position:-536px 0;
}
a.nav-credits{
	background-position:-670px 0;
}

a.nav-home:hover {
	background-position:0 -24px;
}
a.nav-activities:hover {
	background-position:-134px -24px;
}
a.nav-about:hover {
	background-position:-268px -24px;
}
a.nav-share:hover {
	background-position:-402px -24px;
}
a.nav-archive:hover {
	background-position:-536px -24px;
}
a.nav-credits:hover{
	background-position:-670px -24px;
}

li.current a.nav-home {
	background-position:0 -48px;
}
li.current a.nav-activities {
	background-position:-134px -48px;
}
li.current a.nav-about {
	background-position:-268px -48px;
}
li.current a.nav-share {
	background-position:-402px -48px;
}
li.current a.nav-archive{
	background-position:-536px -48px;
}
li.current a.nav-credits{
	background-position:-670px -48px;
}

ul.subnav {
	list-style:none;
	padding:0 0 5px 0;
	margin:5px;	
}
ul.subnav li {
	
}

ul.subnav li a {
	background-image:none!important;
	height:auto;
	color:#f05a28;
	text-decoration:underline;
	width:300px !important;
	height:auto !important;
}

a.logo-yd {
	display:block;
	width:321px;
	height:77px;
	background-image:url('images/logo_youdecide.png');
	background-repeat:no-repeat;
}

a.widgetbanner {
	display:block;
	width:274px;
	height:287px;
	background-image:url('images/widget-ss.gif');
	background-repeat:no-repeat;
	margin-left:15px;
}

#footer {
	display:block;
	width:890px;
	margin:0 auto;
	text-align:center;
	color:#ffffff;
	padding:15px 0;
	font-size:12px;
	line-height:2em;
}

#footer a {
	color: #f88c2a;
	}

#content p {
	margin:10px 55px;
	list-style:none;
	line-height:1.5em;
}
div#activity p {
	margin:10px 0!important;
}
ul.activitieslist {
	margin:20px 55px;
	list-style:none;
	font-size:18px;
	padding:0;
	font-family:Helvetica, Arial, sans-serif;
	letter-spacing: 0.5px;
}

ul.activitieslist li {
	margin:20px 0;
	padding:0 0 0 30px;
	background-image:url('images/blt_updownarrow.png');
	background-repeat:no-repeat;
}

a.sharelink {
	width:61px;
	height:20px;
	display:block;
	background-image:url('images/btn_share.png');
	background-repeat:no-repeat;
	margin-top:5px;
}
a.sharelink:hover {text-decoration:none;}

span.label-Yes {
	border:none;
	background-image:url('images/yes.png');	
	background-color:transparent;
	background-repeat:no-repeat;
	width:57px;
	height:26px;
	display:block;
	cursor:pointer;
	float:left;
	margin-right:30px;
}

span.label-No {
	border:none;
	background-image:url('images/no.png');	
	background-color:transparent;
	background-repeat:no-repeat;
	width:57px;
	height:26px;
	display:block;
	cursor:pointer;

}
p.choicelist {
	width:180px;
	margin:auto !important;
	clear:both;
	display:table;
}
p.choicelist input, p.choicelist span {
	float:left;
}
p.choicelist input {
	margin:0 5px 0 0;
}
input#submit {
	border:none;
	background-image:url('images/btn_submit.png');	
	background-color:transparent;
	background-repeat:no-repeat;
	width:238px;
	height:23px;
	margin:40px auto;
	display:block;
	cursor:pointer;
	clear:both;
}
input#submit:hover {
background-image:url('images/btn_submit_ro.png');	
}


/*tab styles*/
ul#tabnav {
	list-style:none;
	margin:0;
	padding:0;
	width:480px;
	margin:auto;
}

ul#tabnav li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

ul#tabnav li a {
	background-image:url('images/tabnav_sprite.png');
	width:120px;
	height:30px;
	display:block;
	background-repeat:no-repeat;
}

a.resultstab {
	background-position:0 0 ;
}
a.factstab {
	background-position:-120px 0 ;
}
a.thoughtstab {
	background-position:-240px 0 ;
}
a.sharetab {
	background-position:-360px 0 ;
}

li.ui-state-hover a.resultstab {
	background-position:0 -30px;
}
li.ui-state-hover a.factstab {
	background-position:-120px -30px;
}
li.ui-state-hover a.thoughtstab {
	background-position:-240px -30px;
}
li.ui-state-hover a.sharetab {
	background-position:-360px -30px;
}

li.ui-tabs-selected a.resultstab {
	background-position:0 -60px;
}
li.ui-tabs-selected a.factstab {
	background-position:-120px -60px;
}
li.ui-tabs-selected a.thoughtstab {
	background-position:-240px -60px;
}
li.ui-tabs-selected a.sharetab {
	background-position:-360px -60px;
}
#results, #facts, #thoughts, #share {
	padding:50px 30px;
}

a.nexttab {
	width:69px;
	height:23px;
	display:block;
	background-image:url('images/btn_next.png');
	background-repeat:no-repeat;
	margin-top:5px;
	margin-bottom:10px;
	float:right;
}
a.nexttab:hover { text-decoration:none!important; background-image:url('images/btn_next_ro.png');}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }

/*
table sorting
*/
table#stats {
	font-size:11px;
	
}
table#stats thead {
	text-align:left;
}

table#stats {
	font-family:arial;
	background-color: #43533b;
	margin:0;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table#statsthead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table#stats thead tr .header {
	background-image: url(images/ascdesc.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	color:#ffffff;
}
table#stats tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table#stats tbody tr.odd td {
	background-color:#F0F0F6;
}
table#stats thead tr .headerSortUp {
	background-image: url(images/asc.gif);
}
table#stats thead tr .headerSortDown {
	background-image: url(images/desc.gif);
}
table#stats thead tr .headerSortDown, table#stats thead tr .headerSortUp {
background-color: #f05a28;
color:#ffffff;
}
div.code_embed_iframe {
	padding:28px 0;
	background-color:#8a9e83;
	background-image:url('images/embedactivity.gif');
	background-repeat:no-repeat;
	background-position:center 9px;
}


/*
TABLE SORTING HEADERS (ERC)
*/
table#statstop {
	font-size:11px;
}
table#statstop td {
	text-align:center;
	padding:1px;
}

table#statstop {
	font-family:arial;
	margin:0;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	font-weight:bold;
	color:#ffffff;
}

.statstopbg {
	background-color: #5c6a54;
	}




/* ERC FORMATTING */

.learn-share {
	padding-bottom:10px;
	}
	
.get-widget {
	margin:10px 55px;
	}
	
.get-widget-activity {
	margin:10px 0;
	}
	
.code_share {
	margin:0 55px;
	}

.code-block {
	background:#ffffff;
	padding:15px;
	display:block;
	font-size:0.9em;
}

.activity-divider {
	width:370px;
	height:4px;
	display:block; 
	margin:10px auto;
}

.neg {
	color:red;
	}

/* ROLLOVERS */


.displace {
	position: absolute;
	left: -5000px;
	}
	
a.btn-rollover {
	display: block;
	text-decoration: none;
	}
	
a.btn-youdecide {
	margin-top:10px;
	width: 116px;
	height:12px;
	background: url("images/btn_youdecide_ro.png");
	float:left;
	}
	
a.btn-youdecide:hover {
	background-position: -116px 0;
	}
	
a.btn-share {
	margin-top:10px;
	width: 61px;
	height:20px;
	background: url("images/btn_share_ro.png");
	float:right;
	}
	
a.btn-share:hover {
	background-position: -61px 0;
	}
	
a.btn-go {
	width: 36px;
	height:12px;
	background: url("images/btn_go_ro.png");
	}
	
a.btn-go:hover {
	background-position: -36px 0;
	}

a.btn-submit {
	width: 238px;
	height:23px;
	background: url("images/btn_submit_ro.png");
	}
	
a.btn-go:submit {
	background-position: -238px 0;
	}