/* CSS Document */

/* HTML elements ----------------------------------------------------------------------------------------------------------------------------------*/
/*____________________________START OF RESET__________________________*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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;
}
/*____________________________END OF RESET__________________________*/

body {
	background: #32948a;
	font-size:76%;
	font-family: "Trebuchet MS", sans-serif;
}

h1 {
	font-size: 2em;
	font-weight: bold;
 	color: #ff6f22;
}

h2 {
 	color: #ff6f22;
 	margin: 1em 0;
	font-size: 1.4em;
	font-weight: bold;
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
	color:#ff6f22;
	margin: 1.5em 0 0.5em 0;
}

h3.winners {
	width:560px;
	text-align:center;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding:20px 0 0 0;
	clear:both;
	color:#ff6f22;
}

p {
	clear:both;
}
ul {
	margin:20px 0 20px 20px;
}

li {
	list-style:none;
}

ol li {
	list-style: decimal;
	margin-left: 2em;
}

dl {
}

dt {
	margin-top:1em;
	color:#bd2533;
	font-weight:bold;
	border-top:1px solid #bd2533;
	width:450px;
	padding-top:0.5em;
}

dd dt {
	border:0;
}

dd {
	
}

dd input {
	width:300px;
}

dd dl {
	margin-left:2em;
}

dd.no_answer {
	background:transparent url(/images/notick.gif) no-repeat;
	padding-left:25px;
}

dd.accepted {
	color:#4d994c;
	background:transparent url(/images/tick.gif) no-repeat;
	padding-left:25px;
}

dd.declined {
	color:#999;
	background:transparent url(/images/cross.gif) no-repeat;
	padding-left:25px;
}

dd.hilite {
	margin-top:1em;
}

a {
	color:#ff6f22;
}

a:hover {
	color:#000;
}

a:active {
	outline: none;
}

label {
	display:block;
	margin:20px 0 0 0;
}

textarea {
	font-family: "Comic Sans MS", Chalkboard, serif;
	font-size:1em;
	border:1px solid #a09a32;
	width:400px;
	height:100px;
	overflow-y:auto;
}

input {
	font-family: "Trebuchet MS",sans-serif;
}

button {
	display:block;
	margin:20px 0 20px 0;
	padding:0 5px 0 5px;
}

button.inline {
	display:inline;
	margin:0 0 0 10px;
}

div#container {
	margin: 10px auto;
	width: 948px;
	background:  url(/images/content.gif) repeat-y;
	position:relative;
	padding:0;
}


#header {
	text-indent: -5000px;
	/*width: 785px;*/
	height: 138px;
	background:  url(/images/header.gif) no-repeat ;
}

.hwtts #header {
	background:  url(/images/hwtts-header.gif) no-repeat ;
	
}

#content {
 	width: 673px;
	display:inline;
	float: left;
	padding:0 20px 20px 20px;
	/* border:1px dashed blue; */
	background: url(/images/freddie-elbow.gif) no-repeat top right;
}
.hwtts #content {
	background: url(/images/whtts-corner.gif) no-repeat top right;
}
* html #content {
	/*width: 562px;*/
	margin-right:-20px;
}
#content p {
	color: black;
	margin-top:1em;
}

div#topcontent {
	float:left;
	/*border:1px dashed red;*/
	/* padding:80px 0 0 65px; */
}

div#topcontent h2 {
	text-align:center;
}

div#topcontent h2 img {
	position:absolute;
	top:230px;
	left:170px;
}

#sidebar {
	width: 229px;
	/*height: 259px;*/
	float: left;
	color: #3e4237;
	/* border: 1px dotted red; */
}


ul#nav {
	margin:0 0 50px 10px;
/*	height:400px;
*/	font-size:1.2em;
}

ul#nav li {
	list-style: none;
	padding: 0  0 10px 5px;
}

ul#nav li.loggedin {
	font-size: 0.8em;
	margin-bottom: 2em;
}

ul#nav li hr {
	border: 1px solid #e9bb88;
	border-top-color: #9d6628; 
	margin-right: 10px;
}

ul#nav li a {
	text-decoration: none;
	/*color: #0df2f9;*/
	color:#3e4237;
	font-weight: bold;
}

ul#nav li a:hover { 
	color: #000;

}

ul#nav ul {
	margin: 0;
}

ul#nav ul li {
	margin: 3px 0 0 0;
	padding: 0 0 0 20px;
	background: transparent url(/images/li-cursor.png) no-repeat;
}

ul#nav ul a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight: normal;
	color:#3e4237;
}

div.help {
	display:none;
}

#footer {
	width: 948px;
	height: 95px;
	background: url(/images/footer.gif);
	clear: both;
}

#footer h2 {
	text-align: right;
	font-size: 1.6em;
}

#end {
	text-align: center;
	margin:  0 auto;
}

#end a {
	text-decoration: none;
	color: #fff;
	font-size: 0.8em;
}

#end a:hover {
	text-decoration: underline;	
}

div#freddie1 {
	/*margin:-35px 0 0 -30px;*/
	width:115px;
	height:175px;
	float:right;
	/*clear:both;*/
}

div#freddie1copy {
	float:left;
	width:420px;
}

div#freddie2 {
	margin:0px 100px 0 520px;
	width:115px;
	height:175px;
	position:absolute;
}

div#freddie3 {
	position:absolute;
	left:700px;
	top:135px;
	width:115px;
	height:175px;
}

div#freddie4 {
	position:absolute;
	right:0;
	top:0;
}

div#freddie_circle {
	position:absolute;
	left:-10px;;
	margin:0px 100px 0 0;
	width:115px;
	height:175px;
}

div.freddie_results_landscape, div.freddie_results_portrait {
	background:#ded755 url(/images/FF05med.gif) no-repeat center;
	width:230px;
	height:175px;
	margin:20px auto;
}

div.freddie_results_portrait {
	width:115px;
}

div#freddie-boot {
	background-image:url(/images/FF09med.gif);
}

div#freddie-thumbsup {
	background-image:url(/images/FF07med.gif);
}

div#freddie-cycling {
	background-image:url(/images/FF03med.gif);
}

div#freddie-sharing {
	background-image:url(/images/FF12med.gif);
}

div#freddie-scooting {
	background-image:url(/images/FF14med.gif);
}

div#freddie-parking {
	background-image:url(/images/FF17med.gif);
}

div.quote-left, div.quote-right {
	padding:40px 30px 30px 30px;
	width:190px;
	height:105px;
	background-image:url(/images/quote-left.gif);
	margin:10px 15px 0 15px;
	float:left;
	color:#FFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

div.quote-right {
	background-image:url(/images/quote-right.gif);
}

div.bubble {
margin: 1em 0 0 0;	
	float:left;
	text-align:center;
	font-weight:bold;
	width:192px;
	height:180px;
	position:relative;
}

div.bubble img {
	display:block;
	margin:0 auto;
}

fieldset.pupiltotals {
	float:left;
	width:145px;
	margin:0 20px 0 0;
}

fieldset.pupiltotals div {
	height:100px;
	width:140px;
	float:left;
	margin:5px 0 5px 0;
	background:#fff url(/images/FF09small.gif) no-repeat 0 20px;
	border:1px solid #a09a32;
	position:relative;
}

fieldset.pupiltotals div.image {
	margin:20px 0 0 0;
	height:80px;
	border:0;
	background:#fff;
	display:none;
	/*border-right:1px solid red;*/
}

fieldset.pupiltotals label {
	display:block;
	/*float:left;*/
	position:absolute;
	left:5px;
	margin: 0;
	top:2px;
	width: 120px;
	font-weight:bold;
}

fieldset.pupiltotals input {
	width:50px;
	position:absolute;
	right:2px;
	top:1px;
	text-align:right;
	border:none;
	font-weight: bold;
	font-size: 2em;
	background: transparent;
}

fieldset.pupiltotals button {
	position:absolute;
	right:10px;
	top:30px;
	margin:0;
	padding:0;
	border-width:1px;
	width:12px;
	height:22px;
}

div#walk {
	background-image: url(/images/freddie-input/walk.png);
}

div#walkingbus {
	background-image: url(/images/freddie-input/walking-bus.png);
}

div#cycle {
	background-image: url(/images/freddie-input/cycling.png);
}

div#microscooter {
	background-image: url(/images/freddie-input/micro-scooter.png);
}

div#bus {
	background-image: url(/images/freddie-input/bus.png);
}

div#schoolbustaxitrain {
	background-image: url(/images/freddie-input/school-bus.png);
}

div#parknstride {
	background-image: url(/images/freddie-input/park-stride.png);
}

div#carshare {
	background-image: url(/images/freddie-input/car.png);
}

div#car {
	background-image: url(/images/freddie-input/single-car.png);
}

div#other {
	background-image: url(/images/freddie-input/pogo-stick.png);
}


.hwtts div#walk {
	background:#e9ca6f url(/images/input/walk.jpg) no-repeat;
}

.hwtts div#walk div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/walk.jpg) no-repeat;
}

.hwtts div#walkingbus {
	background:#e9ca6f url(/images/input/walkingbus.jpg) no-repeat;
}

.hwtts div#walkingbus div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/walkingbus.jpg) no-repeat;
}

.hwtts div#cycle {
	background:#e9ca6f url(/images/input/cycle.jpg) no-repeat;
}

.hwtts div#cycle div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/cycle.jpg) no-repeat;
}

.hwtts div#microscooter {
	background:#e9ca6f url(/images/input/microscooter.jpg) no-repeat;
}

.hwtts div#microscooter div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/microscooter.jpg) no-repeat;
}

.hwtts div#bus {
	background:#e9ca6f url(/images/input/bus.jpg) no-repeat;
}

.hwtts div#bus div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/bus.jpg) no-repeat;
}

.hwtts div#schoolbustaxitrain {
	background:#e9ca6f url(/images/input/schoolbustaxitrain.jpg) no-repeat;
}

.hwtts div#schoolbustaxitrain div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/schoolbustaxitrain.jpg) no-repeat;
}

.hwtts div#train {
	background:#e9ca6f;
}

.hwtts div#train div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/train.jpg) no-repeat;
}

.hwtts div#parknstride {
	background:#e9ca6f url(/images/input/parknstride.jpg) no-repeat;
}

.hwtts div#parknstride div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/parknstride.jpg) no-repeat;
}

.hwtts div#carshare {
	background:#e9ca6f url(/images/input/carshare.jpg) no-repeat;
}

.hwtts div#carshare div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/carshare.jpg) no-repeat;
}

.hwtts div#car {
	background:#e9ca6f url(/images/input/car.jpg) no-repeat;
}

.hwtts div#car div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/car.jpg) no-repeat;
}

.hwtts div#other {
	background:#e9ca6f url(/images/input/other.jpg) no-repeat;
}

.hwtts div#other div.image {
	margin-top: 0;
	height: 100px;
	background:#e9ca6f url(/images/input/selected/other.jpg) no-repeat;
}


div#results {
	position:relative;
}

table.results {
	width:400px;
	margin:20px auto;
}

img.results_chart {
	display: block;
	width: 400px;
	margin: 20px auto;
}

table.results td.numbers {
	text-align:right;
}
table.results caption {
	background:#e9ca6f;
	border:1px solid #a09a32;
	margin:20px auto;
}

div.box {
	background:#73bf35 url(/images/box-grad.jpg) repeat-x;
	border:1px solid #3e4237;
	width:380px;
	padding:10px;
	margin:20px auto;
}

div.box h3 {
	color: #fff;
}

div.box a {
	color: #fff;
}

ul#selectdate li {
	padding-left:25px;
	background:url(/images/notick.gif) no-repeat;
	padding-bottom: 2px;
}

ul#selectdate li.complete {
	padding-left:25px;
	background:url(/images/tick.png) no-repeat;
}

li.complete a {
	margin-left:20px;
}

.centred {
	margin:20px auto;
}

ul#classes img, ul#schoolslist img {
	vertical-align:top;
}

div.enterdata_gbc {
	width:150px;
	height:150px;
	background:url(/images/gb_challenge.jpg) no-repeat;
	display:block;
	float: left;
	margin:-20px auto 50px 25px;
}

div.gbc_primary{
/*border: 1px blue solid;*/
	width:420px;
	height:135px;
	background:url(/images/enterdata_gbc2010.jpg) no-repeat;
	display:block;
	display: inline;
margin: 0 0 01em 70px;
}

div.hwt_primary{
/*border: 1px blue solid;*/
	width:420px;
	height:135px;
	background:url(/images/hwt_enterdata.png) no-repeat;
	display:block;
	display: inline;
margin: 0 0 01em 70px;
}

div.enterdata_gbc h3 a {
	text-indent:-5000px;
	display:block;
	width:150px;
	height:150px;
}

div.gbc_primary h3 a {
/*border: 1px red solid;*/
	text-indent:-5000px;
	display:block;
	width:420px;
	height:135px;
}

div.hwt_primary h3 a {
/*border: 1px red solid;*/
	text-indent:-5000px;
	display:block;
	width:420px;
	height:135px;
}

div.enterdata_gbc p {
	margin:1px 0 0 158px;
}

div.enterdata_gbc a {
	color:#000;
}

div.enterdata_challenge {
	background:url(/images/how_we_travel.jpg) no-repeat;
}

div.travel_plans {
	background:url(/images/travel_plans.jpg) no-repeat;
}

div.pla {
	background:url(/images/pla.jpg) no-repeat;
}

div.travel_survey{
	background:url(/images/travel_survey.jpg) no-repeat;
}

div.resources{
	background:url(/images/resources.jpg) no-repeat;
}

div.resources-sst{
	background:url(/images/resources-sst.jpg) no-repeat;
}

div.resources-stars{
	background:url(/images/resources-stars.jpg) no-repeat;
}

div.primary {
	background:url(/images/challenge_freddy_index.gif) no-repeat;
}

div.secondary {
	background:url(/images/challenge_index.gif) no-repeat;
}

form#form1 h3 {
	clear: both;
	padding-top: 1em;
}

div#enter_data_150x100 {
	background:url(/images/enter_data_150x100px.gif) no-repeat;
}
div#golden_boot_challenge_150x100 a {
	background:url(/images/gb_challenge_150x100px.gif) no-repeat;
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin:-10px 50px 10px 110px ;
}

div#create_challenge_150x100 a {
	background:url(/images/create_challenge_150x100px.gif) no-repeat;
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin:-10px 0 10px 10px;
}

div#create_challenge_v2 a {
	background:url(/images/create_challenge_v2_150x100.gif) no-repeat;
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	margin:-10px 0 10px 10px;
}



div#enter_data_150x100 h3 a{
	text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
}

div#create_challenge_150x100 h3 a, div#golden_boot_challenge_150x100 h3 a {
	/*text-indent:-5000px;
	display:block;
	width:150px;
	height:100px;
	float:left;
	border:1px solid red;*/
	display:inline;
}

div.circle_box {
	width:200px;
	height:210px;
	clear:both;
	position:relative;
	margin:10px auto;
	padding:0 100px 0 100px;
}

div.circle_box form {
	background: url(/images/circ_repeat.png) repeat-x;
	padding-top: 20px;
	height: 100%;
}

div.circle_left {
	background:url(/images/circ_left.png) no-repeat;
	width:100px;
	height:210px;
	position:absolute;
	left:0;
	top:0;
}

div.circle_right {
	background:url(/images/circ_right.png) no-repeat;
	width:110px;
	height:210px;
	position:absolute;
	top:0;
	right:-1px;
}

div.circle_box input, div.circle_box select {
	/* border:3px solid #a0b0f4; */
	width:185px;
}

div.error {
	color:#F00;
	font-weight:bold;
	text-align:center;
}

h3#logout {
	width:400px;
	margin:0 auto;
}

h3#logout img {
	vertical-align:middle;
}

form.boxform {
	clear:both;
	margin:0 auto;
	width:410px;
	background:url(/images/box_bottom.png) no-repeat bottom left;
	padding:0 0 105px 0;
	color:#FFF;
}

form.boxform h4 {
	background:url(/images/box_top.png) no-repeat top left;
	width:310px;
	height:50px;
	padding:50px 50px 0 50px;
	margin:0;
	font-size:1.6em;
	color:#FFF;
}

#content form.boxform p {
	background:transparent url(/images/boxform_repeat.png) repeat-y;
	margin: 0;
	padding: 0 0 0 50px;
}

form.boxform fieldset {
	padding:0 50px 0 50px;
	background:transparent url(/images/boxform_repeat.png) repeat-y;
}

form.boxform label {
	color:#FFF;
}

form.boxform label.clear {
	clear:both;
}

form.boxform label img {
	float:right;
	clear:right;
}

form.boxform input {
	/* border:3px solid #a0b0f4; */
	width:275px;
}

form.boxform input.short {
	width:125px;
}

form.boxform textarea {
	/* border:3px solid #a0b0f4; */
	width:275px;
}

form.boxform input.normal {
	width:auto;
	border:none;
}

form.boxform p {
	color:#FFF;
	margin:0 0 1em 50px;
	padding-right:50px;
}

form.boxform a {
	color:#FFF;
}

div.errorMsg, span.errorMsg {
	font-weight:bold;
	color:#F00;
}
div#container img.right {
	float:right;
	clear:right;
}
div.nb, div.group {
	background:#ded755 url(/images/group_box_slice.gif) repeat-y;
	margin:1em;
	width:510px;
	padding:0;
/*	border:1px solid white;
*/}
div.group {
	background-image:url(/images/group_box_slice.gif);
}
div.nb h3, div.group h3 {
	padding:20px 0 0 20px;
	margin:0;
	background:transparent url(/images/group_box_top.gif) no-repeat;
/*	border:1px solid blue;
*/}
div.group h3 {
	background-image:url(/images/group_box_top.gif);
}
div.nb p, div.group p {
	padding:0 0 1em 20px;
	margin:0 0 1em 0;
/*	border:1px solid red;
*/}
div.nb p.last, div.group p.last {
	background:transparent url(/images/group_box_bottom.gif) no-repeat bottom;
	padding-bottom:20px;
	margin:0;
}
div.group p.last {
	background-image:url(/images/group_box_bottom.gif);
}
div.nb dl, div.group dl {
	margin:0 0 0 20px;
}
ul.checkboxes li {
	width:180px;
}
ul.checkboxes li input {
	float:right;
}

div#topcontent {
}

div#topcontent h2#home{
	text-align:left;
	width:auto;
	padding:10px 0 5px 60px;
	margin:0;
}

div#topcontent h3#home{
	padding:10px 0 0 0;
	font-size:1.2em;
}

div.box_square {
	width: 200px;
	color: #fff;
	background: url(/images/box200-top.png) no-repeat;
	padding-top: 19px;
	margin: 20px 20px 0 0;
	float: left;
}

div.box_rect{
	width: 315px;
	color: #fff;
	background: url(/images/box315-top.png) no-repeat;
	padding-top: 19px;
	margin: 20px 20px 0 0;
	float: left;
}

div.box_square h4, div.box_rect h4 {
	padding: 0;
	color: #fff;
}

div.box_square a, div.box_rect a {
	color: #fff;
	display: block;
	margin-top: 0.3em;
}

div.box_square div.content {
	padding: 0 20px;
	background: url(/images/box200-repeat.gif);
}

div.box_rect div.content {
	padding: 0 20px;
	background: url(/images/box315-repeat.gif);
}

div.box_square div.bottom {
	height: 20px;
	background: url(/images/box200-bottom.png) no-repeat;
}

div.box_rect div.bottom {
	height: 20px;
	background: url(/images/box315-bottom.png) no-repeat;
}

img.gbbanner {
	display: block;
	width: 393px;
	margin: 20px auto auto auto;
}

div#freddie_waving {
	margin-left: 30px;
}

div.right {
	width: 300px;
	float: right;
	margin: 20px 30px 0 0;
}

#content p.note {
	font-style: italic;
	color: #d9984f;
	font-size: 0.9em;
}

div#ajax_save {
	width: 30px;
	height: 30px;
	background: url(/images/progress.gif) no-repeat;
	position: absolute;
	top: 160px;
	right: 50px;
	display: none;
}

form.freddie-join-in {
	position: relative;
}

div.freddie-join-in {
	width: 300px;
	height: 150px;
	text-indent: -5000em;
	background: url(/images/teachers-join-in.png) no-repeat;
	position: absolute;
	left: 300px;
	top: -75px;
}

div.gbc-banner {
	width: 400px;
	height: 140px;
	background: url(/images/gbc-banner.png) no-repeat;
	text-indent: -5000em;
	position: relative;
}

div.gbc-banner a {
	/* border: 1px solid white; */
	position: absolute;
	right: 25px;
	bottom: 5px;
	width: 115px;
	height: 25px;
	display: block;
}
ul.bullets li {
	list-style: disc;
}
div#reg_callout {
	width: 400px;
	height: 120px;
	margin: 1em auto;
}
div#reg_callout a {
	display: block;
	width: 400px;
	height: 120px;
	background: transparent url(/images/reg_callout.jpg) no-repeat;
	text-indent: -5000em;
}
div#flash_chart:focus {
	-moz-outline-style: none;
}