/* #### STYLES SPECIFIC TO GAP #### */


/* #### LAYOUT > MODULES > EXTRA ######## */

.extra {
	position: absolute;
	z-index: 40;
}

#m-howToGetStarted .e-howToGetStarted {
	background: url(../img/extra-howToGetStarted.png);
	height: 201px;
	left: -3px;
	top: 94px;
	width: 318px;
}

#m-regYourSchool .e-regYourSchool {
	background: url(../img/extra-registerSchool.png);
	height: 232px;
	left: 42px;
	top: 80px;
	width: 224px; 
}

#m-signIn .e-signIn {
	background: url(../img/extra-signIn.png);
	bottom: -118px;
	height: 222px;
	right: -26px;
	width: 122px;
	z-index: 60;
}
#m-whyGetInvolved .e-whyGetInvolved {
	background: url(../img/extra-whyGetInvolved.png);
	height: 96px;
	left: -29px;
	top: 188px;
	width: 101px;
}
#m-teachingResources .e-teachingResources {
	background: url(../img/extra-teachingResources.png);
	bottom: -100px;
	height: 200px;
	right: -16px;
	width: 210px;
}

#m-registerYourSchool .e-registerYourSchool {
	background: url(../img/extra-registerYourSchool.png);
	bottom: -20px;
	height: 133px;
	right: -150px;
	width: 172px;
	z-index: -1;
}

#m-step2actionPlan .e-step2actionPlan {
	background: url(../img/estras-orange.png);
	bottom: -8px;
	height: 167px;
	right: -160px;
	width: 177px;
	z-index: -1;
}
#m-theGreenerGrubChallenge.w33 .e-theGreenerGrubChallenge {
	background: url(../img/extra-theGreenerGrubChallenge_w33.png);
	bottom: 8px;
	height: 269px;
	left: 10px;
	width: 195px;
	z-index: 10;
}
#m-theGreenerGrubChallenge.w99 .e-theGreenerGrubChallenge {
	background: url(../img/extra-theGreenerGrubChallenge_w99.png) no-repeat;
	/*bottom: -90px;*/
	bottom: -10px;
	height: 2157px;
	left: -10px;
	width: 309px;
	z-index: 10;
}
#m-theReduceRubbishChallenge.w33 .e-theReduceRubbishChallenge {
	background: url(../img/extra-theReduceRubbishChallenge_w33.png);
	bottom: 8px;
	height: 270px;
	left: 10px;
	width: 144px;
	z-index: 10;
}
#m-theReduceRubbishChallenge.w99 .e-theReduceRubbishChallenge {
	background: url(../img/extra-theReduceRubbishChallenge_w99.png) no-repeat;
	/*bottom: -70px;*/
	bottom: -10px;
	height: 2337px;
	left: -10px;
	width: 309px;
	z-index: 10;
}
#m-theGetGrowingChallenge.w33 .e-theGetGrowingChallenge {
	background: url(../img/extra-theGetGrowingChallenge_w33.png);
	bottom: 8px;
	height: 305px;
	left: 10px;
	width: 136px;
	z-index: 10;
}
#m-theGetGrowingChallenge.w99 .e-theGetGrowingChallenge {
	background: url(../img/extra-theGetGrowingChallenge_w99.png) no-repeat;
	/*bottom: -300px;*/
	bottom: -10px;
	height: 2176px;
	left: 0px;
	width: 283px;
	z-index: 10;
	overflow: hidden;
}
/* #### LAYOUT > MODULES > TOOLTIPS ######## */

.tooltip {
	position: absolute;
}
#m-actionUpdate .tt-afaDay {
	background: url(../img/tooltip-afaDay.png);
	height: 76px;
	left: 240px;
	top: -15px;
	width: 110px;
}
ol.process .tooltip {
	height: 86px;
	left: -5px;
	top: 10px;
	width: 126px;
}
ol.process .tt-date1 {
	background: url(../img/tooltip-date1.png);
	left: 120px;
}
ol.process .tt-date2 {
	background: url(../img/tooltip-date2.png);
}
ol.process .tt-date3 {
	background: url(../img/tooltip-date3.png);
	left: 120px;
}
ol.process .tt-date4 {
	background: url(../img/tooltip-date4.png);
}
ol.process .tt-date5 {
	background: url(../img/tooltip-date5.png);
	left: 120px;
}
ol.process .tt-date6 {
	background: url(../img/tooltip-date6.png);
}
ol.process .tt-date7 {
	background: url(../img/tooltip-date7.png);
	left: 120px;
}

/* #### LAYOUT > MODULES > TITLES ######## */

.tR {
	display: block;
	text-indent: -8484px;
	overflow: hidden;
}

.t-actionClub-ReadyAdd {
  	background: url(../img/title_actionClub_addYourTeam.png);
	height: 130px;
	width: 540px;
}

.t-whyGetInvolved {
	background: url(../img/title-whyGetInvolved.png);
	height: 134px;
	width: 381px;
}

/*
.t-schoolOfWeek {
	background: url(../img/title-school-of-tha-week.png);
	height: 131px;
	width: 302px;
   margin:86px 2px auto;
}
*/

.t-schoolOfWeek {
	background: url(../img/title-school-win.png);
	height: 131px;
	width: 302px;
   margin:80px 5px auto;
}
.t-howToGetStarted {
	background: url(../img/title-howToGetStarted.png);
	height: 146px;
	width: 316px;
}
.t-unepCertificate {
	background: url(../img/UNEP_title.png);
	height: 146px;
	width: 394px;	
}
.t-enterAfaCompetition {
	background: url(../img/entercomp_title.png);
	height: 146px;
	width: 419px;
}
.t-step2actionPlan1 {
	background: url(../img/title-greenerGrubActionPlan.png);
	height: 160px;
	width: 441px;
}
.t-step2actionPlan2 {
	background: url(../img/title-reduceRubbishActionPlan.png);
	height: 160px;
	width: 441px;
}
.t-step2actionPlan3 {
	background: url(../img/title-getGrowingActionPlan.png);
	height: 151px;
	width: 459px;
}

.t-actClub1 {
	background: url(../img/title-theGreenerGrubChallenge_w99.png);
	height: 107px;
	width: 373px;
}
.t-actClub2 {
	background: url(../img/title-theReduceRubbishChallenge_w99.png);
	height: 124px;
	width: 460px;
}
.t-actClub3 {
	background: url(../img/title-theGetGrowingChallenge_w99.png);
	height: 112px;
	width: 375px;
}

.t-measure1 {
	background: url(../img/title-greenerGrubMeasure.png);
	height: 149px;
	width: 408px;
}
.t-measure2 {
	background: url(../img/title-reduceRubbishMeasure.png);
	height: 146px;
	width: 483px;
}
.t-measure3 {
	background: url(../img/title-getGrowingMeasure.png);
	height: 139px;
	width: 393px;
}

.t-regYourSchool {
	background: url(../img/title-registerYourSchool-blue.png);
	height: 146px;
	width: 316px;
}
.t-actionUpdate {
	background: url(../img/title-actionUpdate.png);
	height: 136px;
	width: 289px;
}
.t-areYouReadyForAChallenge {
	background: url(../img/title-areYouReadyForAChallenge.png);
	height: 164px;
	width: 458px;
}

.t-areYouReadyForAChallengeHome {
	background: url(../img/title-areYouReadyForAChallenge.png);
	height: 164px;
		margin-top: -20px;
	width: 458px;
		margin-left: -10px;
}

.t-teachingResources {
	background: url(../img/title-teachingResources.png);
	height: 115px;
	width: 295px;
}
.t-chooseYourSchoolsChallenge {
	background: url(../img/title-chooseYourSchoolsChallenge.png);
	height: 146px;
	width: 525px;
}
.t-soWhatNext {
	background: url(../img/title-soWhatNext.png);
	height: 56px;
		margin: 0 0 10px -8px;
	width: 228px;
}
.t-registerYourSchool {
	background: url(../img/title-registerYourSchool.png);
	height: 147px;
	width: 371px;
}
.t-searchResults {
	background: url(../img/public/search_results.png) no-repeat;
	height: 142px;
	width: 318px;
	margin: 0;
}
.w33 .t-theGreenerGrubChallenge {
	background: url(../img/title-theGreenerGrubChallenge_w33.png);
	height: 167px;
   margin-left: 10px;
	width: 243px;
}

.w99 .t-theGreenerGrubChallenge {
	background: url(../img/title-theGreenerGrubChallenge_w99.png);
	height: 107px;
		margin: 40px 0 0 280px;
	width: 373px;
}

.w33 .t-theReduceRubbishChallenge {
	background: url(../img/title-theReduceRubbishChallenge_w33.png);
	height: 167px;
		margin-left: 10px;
	width: 244px;
}

.w99 .t-theReduceRubbishChallenge {
	background: url(../img/title-theReduceRubbishChallenge_w99.png);
	height: 124px;
	margin:40px 0 0 280px;
	width: 460px;
}

.t-theReduceRubbishChallenge {
	background: url(../img/title-theReduceRubbishChallenge_w99.png);
	height: 124px;
	margin: 0 0 0 12px;
	width: 460px;
}
.t-theGetGrowingChallenge {
	background: url(../img/title-theGetGrowingChallenge_w99.png);
	height: 112px;
	margin: 0 0 0 12px;
	width: 375px;
}
.t-theGreenerGrubChallenge {
	background: url(../img/title-theGreenerGrubChallenge_w99.png);
	height: 107px;
	margin:0 0 0 12px;
	width: 373px;
}

.w33 .t-theGetGrowingChallenge {
	background: url(../img/title-theGetGrowingChallenge_w33.png);
	height: 166px;
		margin-left: 10px;
	width: 275px;
}
.w99 .t-theGetGrowingChallenge {
	background: url(../img/title-theGetGrowingChallenge_w99.png);
	height: 112px;
	margin:40px 0 0 280px;
	width: 375px;
}

/* #### LAYOUT > MODULES > TEXT ######## */

.t-didYouKnowThatCompost {
	background: url(../img/text-didYouKnowThatCompost.png);
	height: 148px;
	left: 75px;
	position: absolute;
	top: 180px;
	width: 214px;
	z-index: 60;
}
.t-didYouKnowThatPlastic {
	background: url(../img/text-didYouKnowThatPlastic.png);
	height: 165px;
	left: 85px;
	position: absolute;
	top: 155px;
	width: 203px;
	z-index: 60;
}
.t-didYouKnowThatFruit {
	background: url(../img/text-didYouKnowThatFruit.png);
	height: 164px;
	left: 70px;
	position: absolute;
	top: 170px;
	width: 224px;
	z-index: 60;
}

/* #### LAYOUT > MODULES > BUTTONS ######## */

.b-registerYourSchool {
	background: url(../img/button-registerYourSchool.png);
	height: 67px;
	width: 227px;
}

.b-regToGetInvolved {
	background: url(../img/homepage_finout.png);
	height: 60px;
	width: 169px;
}

.b-howToGetStarted {
	background: url(../img/button-howToGetStarted.png);
	height: 73px;
	width: 216px;
}

.b-registerNow {
	background: url(../img/button-RegisterNow!.png);
	height: 66px;
	width: 160px;
}

.b-seeMoreActions {
	background: url(../img/button-seeMoreActions.png);
	height: 66px;
	width: 184px;
}

.b-seeMoreUpdates {
	background: url(../img/button-seeMoreUpdates.png);
	height: 64px;
	width: 180px;
}
.b-viewResources {
	background: url(../img/button-viewResources.png);
	height: 63px;
	width: 164px;
}
.b-moreResources {
	background: url(../img/button-moreTeachingResources.png);
	height: 70px;
	width: 170px;
}
.b-chooseAChallenge {
	background: url(../img/button-chooseAChallenge.png);
	height: 65px;
	width: 203px;
}
.b-beginStep {
	background: url(../img/NextStep-Off.png) no-repeat;
	height: 50px;
	width: 220px;
}
.b-beginStep1 {
	background: url(../img/button-BeginStep1.png) no-repeat;
	height: 76px;
	width: 300px;
}
.b-beginStep3 {
	background: url(../img/button-writeNewEntry.png) no-repeat;
	height: 64px;
	width: 242px;
}
.b-beginStep, .b-beginStep1, .b-beginStep3 {
	position: relative;
	left: 10px;
}
.b-beginStep, .b-beginStep3 {	
	top: -10px;
}
.b-beginStep1 {
	top: 0;
}
.b-newDiaryEntry {
	background: url(../img/button-writeNewEntry.png);
	height: 64px;
	width: 242px;
	position:relative;
	top: -20px;
}
.b-backToActionClub {
	background: url(../img/BackToYourActionClub.png);
	height: 64px;
	width: 242px;
	position:relative;
	top: -20px;
}

.b-showResults {
	background: url(../img/button-showResults.png);
	height: 68px;
	width: 153px;
}

.b-findOutMoreAboutGreenerGrub {
	background: url(../img/button-findOutMoreAboutGreenerGrub.png);
	height: 66px;
		margin-bottom: 10px;
	width: 171px;
}
.b-findOutMoreAboutReduceRubbish {
	background: url(../img/button-findOutMoreAboutReduceRubbish.png);
	height: 66px;
		margin-bottom: 10px;
	width: 171px;
}
.b-findOutMoreAboutGetGrowing {
	background: url(../img/button-findOutMoreAboutGetGrowing.png);
	height: 66px;
		margin-bottom: 10px;
	width: 171px;
}
.b-chooseThisChallenge {
	background: url(../img/button-chooseThisChallenge.png);
	height: 79px;
		margin-bottom: 10px;
	width: 226px;
}

.b-chooseNewChallenge {
	background: url(../img/button-newChallenge.png);
	position: relative;
		top: 50px;
		right: 25px;
	float: right;
	height: 56px;
	width: 131px;
}

/* #### LAYOUT > MODULES > FRAMES ######## */

.f-video {
	background: url(../img/frame-video.png);
	height: 188px;
	margin: -15px -20px 0 -12px;
	padding: 25px 0 0 22px;
	width: 263px;
}

/* #### LAYOUT > MODULES > SIGN IN ######## */

#m-signIn .c {
	padding-right: 50px;
}
#m-signIn form {
	border-bottom: 1px solid #bababa;
	margin-bottom: 10px;
}
.w33n .more {
	text-transform: lowercase;
}
.w33n legend,
.w33n label {
	text-transform: lowercase;
}
.w33n legend {
	padding-bottom: 14px;
}
.w33n label {
	display: block;
	margin-bottom: 7px;
}
.w33n input.typeText,
.w33n input.typePassword {
	margin-bottom: 14px;
	max-width: 200px;
}
.w33n .typeImage {
	margin: -7px 0 7px -7px;
}

/* #### LAYOUT > MODULES > HOW TO GET STARTED ######## */

#m-howToGetStarted .c {
	padding-top: 292px !important;
}

#m-step2actionPlan .c {
	padding-top: 130px;
}

#m-measure .c {
	padding-top: 130px;
}

#m-step2actionPlan .hr {
	float:none;
}

#m-measure.hr {
	float:none;
}

#m-regYourSchool .c {
	padding-top: 292px;
}

/* #### LAYOUT > MODULES > WHY GET INVOLVED ######## */

#m-whyGetInvolved {
	margin: 85px 0 -10px;
	width: 509px;
}
#m-whyGetInvolved .c {
	padding-top: 125px;
	padding-bottom: 60px;
}
#m-whyGetInvolved .c .title {
	left: 0;
	top: -10px;
}
#m-whyGetInvolved .c .button {
	bottom: 10px;
	right: 140px;
}
#m-whyGetInvolved .m {
	background: url(../img/module-whyGetInvolved-bg.png) no-repeat;
	min-height: 323px;
	padding: 0 139px 0 45px;
	width: 325px;
}
#m-whyGetInvolved li {
	width: 290px;
}
#m-whyGetInvolved li {
	color: #020202;
	font-weight: bold;
}

/* #### LAYOUT > MODULES > ARE YOU READY FOR A CHALLENGE? ######## */
#m-homepage_afterCh_loggedIn {
	margin: 145px 0 50px;
	width: 287px;
}

#m-homepage_afterCh_loggedIn .align {margin:0 -40px 0 0;}

#m-homepage_afterCh_loggedIn .c {
	padding: 55px 0 30px 40px;
}

#m-homepage_afterCh_loggedIn .c .title {
	left: -10px;
	top: -50px;
}

#m-areYouReadyForAChallenge {
	margin: 145px 0 25px;
	width: 384px;
}

#m-areYouReadyForAChallenge .c {
	padding-top: 115px;
	padding-bottom: 60px;
}

#m-areYouReadyForAChallenge .c .title {
	left: -10px;
	top: -50px;
}
#m-areYouReadyForAChallenge .c .button {
	bottom: 0;
	left: 35px;
}
#m-areYouReadyForAChallenge .m {
	background: url(../img/module-areYouReadyForAChallenge-bg.png) no-repeat;
	min-height: 264px;
	padding: 0 60px 0 40px;
	width: 284px;
}

/* #### LAYOUT > MODULES > CHOOSE YOUR SCHOOL'S CHALLENGE ######## */

#m-chooseYourSchoolsChallenge {
	margin: 85px 0 95px;
	width: 509px;
}
#m-chooseYourSchoolsChallenge .c .title {
	left: 0;
	top: -10px;
}

/* #### LAYOUT > MODULES > THE GREENER GRUB CHALLENGE ######## */
/* #### LAYOUT > MODULES > THE REDUCE RUBBISH CHALLENGE ######## */
/* #### LAYOUT > MODULES > THE GET GROWING CHALLENGE ######## */

#m-theGreenerGrubChallenge.w33 {
	clear: both;
	margin-right: 10px;
}
#m-theReduceRubbishChallenge.w33 {
	margin-right: 10px;
}
#m-theGreenerGrubChallenge.w99,
#m-theReduceRubbishChallenge.w99,
#m-theGetGrowingChallenge.w99 {
	margin-top: -78px;
}
#m-theGreenerGrubChallenge.w99 h3,
#m-theReduceRubbishChallenge.w99 h3,
#m-theGetGrowingChallenge.w99 h3 {
	 margin-bottom: 0.5em;
}
#m-theGreenerGrubChallenge.w99 .bC-w .t,
#m-theReduceRubbishChallenge.w99 .bC-w .t,
#m-theGetGrowingChallenge.w99 .bC-w .t {
	background-image: url(../img/box-bCw_w99-t_odd.png);
}
#m-theGreenerGrubChallenge.w99 .c,
#m-theReduceRubbishChallenge.w99 .c,
#m-theGetGrowingChallenge.w99 .c {
	padding-bottom: 15px;
	padding-left: 280px;
}
#m-theGreenerGrubChallenge.w99 li.last,
#m-theReduceRubbishChallenge.w99 li.last,
#m-theGetGrowingChallenge.w99 li.last {
	background: none;
}

/* #### LAYOUT > MODULES > CHALLENGES > MENU ######## */

#challengesMenu {
	height: 41px;
	margin: 0 0 -5px;
	position: absolute;
	top: -37px;
	z-index: 60;
}
#challengesMenu li {
	display: block;
	float: left;
}
#challengesMenu li a {
	float: left;
	cursor: pointer;
	height: 41px;
	overflow: hidden;
	text-indent: -8484px;
}
#challenge-greenerGrub a {
	background: url(../img/tabs-greenerGrub.png);
	width: 160px;
}
#challenge-greenerGrub a:hover {
	background: url(../img/tabs-greenerGrub_hover.png);
}
#m-theGreenerGrubChallenge #challenge-greenerGrub a {
	background: url(../img/tabs-greenerGrub_active.png);
}
#challenge-reduceRubbish a {
	background: url(../img/tabs-reduceRubbish.png);
	width: 170px;
}
#challenge-reduceRubbish a:hover {
	background: url(../img/tabs-reduceRubbish_hover.png);
}
#m-theReduceRubbishChallenge #challenge-reduceRubbish a {
	background: url(../img/tabs-reduceRubbish_active.png);
}
#challenge-getGrowing a {
	background: url(../img/tabs-getGrowing.png);
	width: 154px;	
}
#challenge-getGrowing a:hover {
	background: url(../img/tabs-getGrowing_hover.png);
}
#m-theGetGrowingChallenge #challenge-getGrowing a {
	background: url(../img/tabs-getGrowing_active.png);
}

/* #### LAYOUT > MODULES > CHALLENGES > STAGES ######## */

ol.process {
	margin-left: -260px;
}
ol.process li {
	background: url(../img/greendottedline.gif) 0 100% repeat-x;
	font-size: 1em;
	padding: 18px 0 8px 260px;
	position: relative;
	z-index: 30;
}
ol.process li li {
	background: none;
	font-size: 1.4em;
	list-style-position: inside;
	list-style-type: disc;
	padding: 0;
}
ol.process li a.more {
	font-weight: bold;
}
ol.process li a.more em {
	font-style: normal;
	font-weight: normal;
}
.info {
	border-top: 1px solid #83c72b;
	padding-top: 20px;
}
.info p {
	background: #fffaa3;
	margin: 0;
	padding: 15px 15px 25px;
}

/* #### LAYOUT > MODULES > ACTION UPDATE ######## */

#m-actionUpdate .c {
	padding-top: 100px;
}
#m-actionUpdate .video {
	float: left;
	width: 260px;
	margin-top:20px;
}
#m-actionUpdate .video p {
	margin-bottom: 8px;
}
#m-actionUpdate .video a {
	font-weight: bold;
	text-decoration: none;
}
#m-actionUpdate .updates {
	float: right;
	width: 305px;
}
#m-actionUpdate .blogs-l {
	float: left;
	width: 260px;
	margin-top:20px;
}
#m-actionUpdate .blogs-r {
	float: right;
	width: 260px;
	margin-top:20px;
}
#m-actionUpdate li {
	border-top: 1px solid #c3c0c0;
	margin-top: 8px;
	padding-top: 9px;
}
#m-actionUpdate li.first {
	border: 0;
	margin: 0;
	padding: 0;
}
#m-actionUpdate li {
	font-size: 1.2em;
	line-height: 1.5em;
}
#m-actionUpdate li h3 {
	font-size: 1.666em; /* 12px to 20px */
	margin-bottom: 8px;
}

/* #### LAYOUT > MODULES > TEACHING RESOURCES ######## */

#m-teachingResources .c {
	padding-bottom: 35px;
}
#m-teachingResources ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0;
}
#m-teachingResources li {
	font-size: 1.6em;
	padding-top: 5px;
}
#m-teachingResources li.first {
	padding-top: 0;
}
#m-teachingResources .c .button {
	bottom: -25px;
	left: 20px;
	right: auto;
}
#resourcesMenu,
#challengesMenu {
	height: 41px;
	margin: 0 0 -5px;
	position: absolute;
	top: -37px;
	z-index: 60;
}

#resourcesMenu li,
#challengesMenu li {
	display: block;
	float: left;
}

#resourcesMenu li a,
#challengesMenu li a {
	float: left;
	cursor: pointer;
	height: 41px;
	overflow: hidden;
	text-indent: -8484px;
}
#resource-generalResources a {
	background: url(../img/tab_GeneralResouces.png);
	width: 203px;	
	margin-top:5px;
}
#resource-generalResourcesActive a {
	background: url(../img/tab_GeneralResouces.png);
	width: 203px;	
	margin-top:5px;
}
#resource-greenerGrubActive a {
	background: url(../img/tabs-greenerGrub_active.png);
	width: 160px;	
	margin-top:0px;
}
#resource-reduceRubbishActive a {
	background: url(../img/tabs-reduceRubbish_active.png);
	width: 170px;	
	margin-top:0px;
}
#resource-getGrowingActive a {
	background: url(../img/tabs-getGrowing_active.png);
	width: 154px;	
	margin-top:0px;
}
#resource-greenerGrub a,
#challenge-greenerGrub a {
	background: url(../img/tabs-greenerGrub.png);
	width: 160px;
}
#resource-greenerGrub a:hover,
#challenge-greenerGrub a:hover {
	background: url(../img/tabs-greenerGrub_hover.png);
}
#m-theGreenerGrubChallenge #challenge-greenerGrub a {
	background: url(../img/tabs-greenerGrub_active.png);
}

#resource-reduceRubbish a,
#challenge-reduceRubbish a {
	background: url(../img/tabs-reduceRubbish.png);
	width: 170px;
}
#resource-reduceRubbish a:hover,
#challenge-reduceRubbish a:hover {
	background: url(../img/tabs-reduceRubbish_hover.png);
}
#m-theReduceRubbishChallenge #challenge-reduceRubbish a {
	background: url(../img/tabs-reduceRubbish_active.png);
}

#resource-getGrowing a,
#challenge-getGrowing a {
	background: url(../img/tabs-getGrowing.png);
	width: 154px;	
}
#resource-getGrowing a:hover,
#challenge-getGrowing a:hover {
	background: url(../img/tabs-getGrowing_hover.png);
}
#m-theGetGrowingChallenge #challenge-getGrowing a {
	background: url(../img/tabs-getGrowing_active.png);
}

/* #### LAYOUT > MODULES > GENERAL ######## */

#m-general em.tR {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0;
	vertical-align: bottom;
}
#m-general li {
	font-size: 1.6em;
	font-weight: bold;
}
em.done {
	background: url(../img/icon-done.png);
	height: 19px;
	margin: -1px 0 -1px 6px;
	overflow: hidden;
	width: 20px;
}
em.todo {
	background: url(../img/icon-todo.png);
	height: 19px;
	margin: -1px 0 -1px 6px;
	overflow: hidden;
	width: 20px;
}
#m-general .hr {
	background: url(../img/hr.png) repeat-x;
	height: 2px;
	margin: -6px 0 10px;
}

/* #### LAYOUT > MODULES > REGISTER YOUR SCHOOL ######## */

.mandatory {
	color:#e63312;
}

#m-registerYourSchool fieldset h3 {
	font-size:2.4em;
	
	color:#318c2c;
	padding-top:10px;
	width:100%;
}

/* IE doesn't like 'float:left' for some reason, removing it has no effect in Mozilla - njs  */
#m-registerYourSchool fieldset div {
	/*float:left;*/
	clear:left;
	
}

#m-registerYourSchool fieldset .adress {
	float:left;
	clear:left;
}
#m-registerYourSchool label,
#m-registerYourSchool input {
	width:307px;
}

#m-registerYourSchool label {
	margin-top:10px;
}

#m-registerYourSchool fieldset {
	width:100%;
	float:left;
	clear:left;
	margin-bottom:10px;
	background: url(../img/fieldset-bg.gif) repeat-x;	
}

#m-registerYourSchool label,
#m-registerYourSchool input,
#m-registerYourSchool .hint {
	float:left;
	width:319px;
}
#m-registerYourSchool .typeCheckbox {
	width:auto;
	margin:10px 10px 0 0;
	border:none;
}

#m-registerYourSchool .typeImage {
	width:auto;
	margin:-20px 0 0 6px;
}
#m-registerYourSchool select {
	float:left;
	clear:left;
	margin:6px 0 40px;
}
#m-registerYourSchool .typeText {
	clear:left;
	margin: 3px 0 6px;
}
#m-registerYourSchool fieldset p {
	margin-top:12px;
	clear:left;
	float:left;
}
#m-registerYourSchool fieldset .c p{
	margin:6px 0 3px;
}

#m-registerYourSchool a.help {
	background: url(../img/help.gif) left top no-repeat;
	position:relative;
	display:block;
	height:16px;
	width:16px;
	overflow:hidden;
	float:left;
	margin:8px;
}

#m-registerYourSchool div.submit {
	background: url(../img/submitbottom.gif) top left no-repeat;
	height:27px;
	padding-top:10px;
	width:761px;
	float:none;
	clear:left;
}

#m-registerYourSchool div.submit a {
	color:#000;
	margin:12px;
}

a.help span {
	position:absolute;
	visibility:hidden;
	height:16px;
	width:16px;
	overflow:hidden;
}


#m-registerYourSchool input.small {
	width:100px;
} 

#m-registerYourSchool .adress .c {
	margin:0;
	padding:0 16px;
	background:#e8f4d9;
	float:left;
	width:287px;
}

#m-registerYourSchool .adress .t{
	height:12px;
	margin:0;
	background:url("../img/adress_top.jpg") left bottom no-repeat;
	float:left;
	width:100%;
}

#m-registerYourSchool .adress .b {
	height:12px;
	margin:0;
	background:url("../img/adress_bottom.jpg") left top no-repeat;
	width:100%;
	float:left;
}




=======
/* #### LAYOUT > MODULES >REGISTER YOUR SCHOOL ######## */

#b_register h2 {
	color:#318c2c;
	font-size: 2.4em;
	padding-top: 16px;
	background: url(../img/greendottedline.gif) left top repeat-x;
}

/* #### LAYOUT > MAIN MENU ######## */ 

#main_page {
    width: 990px;
    margin: 70px auto;
    position: relative;
} 

#main_header {
    background: transparent url(../img/main_menu/main_menu.png) no-repeat left top;
    border: none;
    height: 50px;
    margin: 0 0 0 -3px;
    z-index: 9999;
}

div#main_header a#logo {
    background: transparent url(../img/afa_logo1.png) no-repeat 0 0;
    display: block;
    height: 240px;
    width: 264px;
    left: 17px;
    position: absolute;
    text-indent: -9999px;
    top: -64px;
    cursor: pointer;
    z-index:10;
}
/*
a#signout {
    background: transparent url(../img/signout.png) no-repeat scroll 0 0;
    display: block;
    height: 59px;
    text-indent: -9999px;
    cursor: pointer;
    width: 111px;
    z-index:1000;
}
*/
div#main_header #joined {
    background: transparent url(../img/joined.png) no-repeat scroll 0 0;
    height: 127px;
    left: 870px;
    position: absolute;
    top: -62px;
    width: 152px
} #reg_school {
    position: absolute;
    top: 170px;
    left: 28px;
    background: transparent url(../img/reg_school.png) no-repeat scroll 0 0;
    height: 144px;
    width: 370px
} #worm {
    background: transparent url(../img/worm.png) no-repeat scroll 0 0;
    position: absolute;
    height: 138px;
    width: 188px;
    top: 1255px;
    left: 800px;
}

div#joined #schools_reg {
    position: absolute;
    text-align: center;
    color: #FFFF00;
    font-size: 30px;
    font-weight: bold;
    font-family: helvetica;
    width: 56px;
    top: 18px;
    left: 30px;
}:focus {
    outline-style: none;
} #menu {
    float: left;
    list-style-image: none;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding-left: 275px;
    /* width: 100%; */
} #menu li {
    float: left;
    margin: 2px 2px 2px -6px;
    cursor: pointer;
} #menu a {
    color: #ccc;
    display: block;
    float: left;
    margin: 6px 0;
    height: 48px;
    text-indent: -9999px;
    width: 80px;
    cursor: pointer;
    background-position: left top !important;
} #get_started a {
    width: 81px;
    background: transparent url(../img/main_menu/bt_get_started_0.png) left top no-repeat;
} #get_started a:hover {
    width: 81px;
    background: transparent url(../img/main_menu/bt_get_started_1.png) left top no-repeat;
} #how a {
    width: 73px;
    background: transparent url(../img/main_menu/bt_how_0.png) left top no-repeat;
} #how a:hover {
    width: 73px;
    background: transparent url(../img/main_menu/bt_how_1.png) left top no-repeat;
} #register a {
    width: 87px;
    background: transparent url(../img/main_menu/bt_register_0.png) left top no-repeat;
} #register a:hover {
    width: 87px;
    background: transparent url(../img/main_menu/bt_register_1.png) left top no-repeat;
} #challenge a {
    width: 109px;
    background: transparent url(../img/main_menu/bt_challenge_0.png) left top no-repeat;
} #challenge a:hover {
    width: 109px;
    background: transparent url(../img/main_menu/bt_challenge_1.png) left top no-repeat;
} #actupd a {
    width: 86px;
    background: transparent url(../img/main_menu/bt_actupd_0.png) left top no-repeat;
} #actupd a:hover {
    width: 86px;
    background: transparent url(../img/main_menu/bt_actupd_1.png) left top no-repeat;
} #actclub a {
    width: 86px;
    background: transparent url(../img/main_menu/bt_actclub_0.png) left top no-repeat;
} #actclub a:hover {
    width: 86px;
    background: transparent url(../img/main_menu/bt_actclub_1.png) left top no-repeat;
} #contact a {
    width: 81px;
    background: transparent url(../img/main_menu/bt_contact_0.png) left top no-repeat;
} #contact a:hover {
    width: 81px;
    background: transparent url(../img/main_menu/bt_contact_1.png) left top no-repeat;
} #res a {
    width: 101px;
    background: transparent url(../img/main_menu/bt_res_0.png) left top no-repeat;
} #res a:hover {
    width: 101px;
    background: transparent url(../img/main_menu/bt_res_1.png) left top no-repeat;
} #about a {
    width: 134px;
    background: transparent url(../img/main_menu/bt_about_0.png) left top no-repeat;
} #about a:hover {
    width: 134px;
    background: transparent url(../img/main_menu/bt_about_1.png) left top no-repeat;
} .swatchX {
    border: 1px solid #AAA;
    height: 222px;
    padding: 5px;
    vertical-align: top;
} .swatch {
    border: 1px solid #AAA;
    padding: 5px;
    vertical-align: top;
}

table {
    font-size: 10px;
}

.error {
    color: #E90E0E;
}

#main-content {
    margin-left: 5px;
    padding-left: 253px;
}

.hr-line {
    border: none 0;
    border-top: 1px solid #379033;
    height: 1px;
}

.hr-dashed {
    background: transparent url(../img/fieldset-bg.gif) repeat-x scroll 0 0;
    height: 1px;
} 

#footerX {
    clear: both;
    width: 100%;
    font-size: 0.9em
} .termsX {
    padding-top: 40px;
} .terms {
    float: left;
    margin-top: 24px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
} .terms li {
    float: left;
    padding: 0 5px 0 5px;
    border-right: solid 1px #777;
} .terms a {
    color: #777;
    top: 40px;
} .terms .last {
    border: none;
} .flinks {
    float: right;
    margin-bottom: 0
} .flinks li {
    float: left;
    padding-right: 10px;
} .flinks a {
    display: block;
    padding-right: 10px;
    text-indent: -9999px
} .gap_logo {
    width: 115px;
    height: 47px;
    background: transparent url(../img/gap_logo.jpg) no-repeat
} .sky_logo {
    width: 61px;
    height: 47px;
    background: transparent url(../img/sky_logo.jpg) no-repeat
} 
.ftext {
    clear: both;
    color: #777;
    padding-left: 5px;
    width: 655px;
    margin-top: 7px;
} 
#body-actionClub_editYourTeam #content {
    background: url(../img/content-bg-actionclub_editYourTeam.jpg) no-repeat;
} 
#m-actionClub-Ready {
    margin: 182px 0 25px;
} 
#m-actionClub-Ready h2 {
    margin: 0;
} 
#m-actionClub-Ready .hr-line {
    margin: 0 0 1em;
} 
#m-actionClub-Ready .hr-dashed {
    margin: 1em 0 1em;
} 
#m-actionClub-Ready .bC-w .m .c {
    padding-top: 42px;
    padding-bottom: 10px;
} 
#m-actionClub-Ready .bC-w .m .c .title {
    left: 2px;
    position: absolute;
    top: -98px;
} 
.t-actionClub-Ready {
    background: url(../img/title_actionClub_editYourTeam.png);
    height: 147px;
    width: 634px;
} 
#m-actionClub-Ready #picA {
    background: url(../img/extra-picturePreview-blank.png);
    height: 120px;
    width: 112px;
}
#m-registerYourSchool h4 {
	clear:left;
	float:left;
}

#m-registerYourSchool { margin-top:100px; }

#m-step2actionPlan, #m-measure { margin-top:0px; }

#m-step2actionPlan label { margin-top:10px; }

#m-step2actionPlan  .c .button {
   bottom:0;
   position:relative;
   right:12px;
}

#m-step2actionPlan, #m-measure .title {
   left:10px;
   top:0;
}

#m-registerYourSchool #search {
   width:97px; 
   height:60px;
   padding:0; 
   border:0 none; 
   float:left;
   margin-top:20px;
   margin-left:-7px;
}

#m-registerYourSchool .error {
    color: #E90E0E;
}

.t-registrationSuccessful {
   background: url(../img/title_registrationSuccessful.png) no-repeat;
   height: 121px;
   width: 563px;
}


#body-editProfile #content {
   background: url(../img/content-bg-editProfile.jpg) no-repeat;
}

.t-createProfile {
   background:transparent url(../img/title-createYourProfile.png) repeat scroll 0 0;
   height:145px;
   width:384px;
}

.t-editProfile {
   background:transparent url(../img/title-editYourProfile.png) repeat scroll 0 0;
   height:150px;
   width:348px;
}

#body-editProfile div.submit {
	background: url(../img/submitbottom.gif) top left no-repeat;
	height:27px;
	padding-top:10px;
	width:761px;
	float:none;
	clear:both;
   margin-top:25px;
}

#body-editProfile div.submit a {
	color:#000;
}

#body-editProfile .typeImage {
	width:auto;
	margin:-20px 0 0 6px;
   float:left;
}

#body-editProfile #contentBox {
   margin-top:100px;
}

#body-editProfile .hr-dashed {
   margin:20px 0 20px 0;
}

#body-editProfile .tickbox {
   margin-bottom:20px;
}

#m-step2actionPlan .tickbox {
   margin-bottom:-10px;
}

#body-editProfile label {
   font-size:14px;
}

#body-editProfile input {
   font-size:1em;
}

.tab { 
   width:100%; 
   min-height:37px;
   float:left;
   color:#FFF;
}

.tbm {
   background:url(../img/tab-blue-middle.jpg) repeat-x;
   margin:-16px 0 0 -14px;
   width:289px;
}

.tbr { background:url(../img/tab-blue-right.jpg) no-repeat scroll 100% 0;}
.tbl { background:url(../img/tab-blue-left.jpg) no-repeat;}
.tbl .tbc { padding:10px 0 0 10px;}

.b-minus {
   background:url(../img/button-minus.png) no-repeat;
   width:28px;
   height:26px;
   float:right;
   margin:4px 5px 5px;
}

.b-plus {
   background:url(../img/button-plus.png) no-repeat;
   width:28px;
   height:26px;
   float:right;
   margin:4px 5px 5px;
}

.measure-improvement {
   background:url(../img/icon/FaceGreen.png) no-repeat;
   width:41px;
   height:41px;
   float:right;
   margin:4px 5px 5px;
}

#m-findSchool .t { background-image: url(../img/tab_blue_edityourteam.png); height:47px;}
#m-findSchool h2 {color:#FFF; font-size:16px; padding:18px}
#m-findSchool #go {margin-top:-26px;}
#body-actionUpdatePage #m-archive {top:24px;}

.tabRed { background-image: url(../img/tab_red.png); height:52px;}
.tabRed h2 {color:#FFF; font-size:16px; padding:18px}

#go {border:0 none;}

#edit_team {padding-top:0px;font-size:1.2em;}
#edit_team input {font-size:1em;}
#edit_team .typeImage {margin-left:-5px;}
#edit_team h2 {color:#379033;}
#edit_team h3 {color:#379033; font-size:1.3em; margin:1em 0 0.5em;}
#body-measure h2, 
#body-measure table caption{color:#318C2C;}
#team_member #name {width:250px;}
#team_member #age {width:50px;}
#team_member #genderxM {color:#00F;}
#team_member #genderF {margin-left:8px;}
#team_member #genderxF {color:#FF00FF;}
#team_member #gen {padding-top:3px;}
#team_member #pict {width:150px;}
#team_member .elem {float:left;padding:5px 10px 5px 0;}
#team_member .teacher {clear:both;padding-top:5px;}
#team_member label {font-size:12px;} 
#team_member .hr-dashed {clear:both;}
#team_member #characters {background:#DDD;padding:5px;margin-top:10px;}
#team_member .veg_container {float:left;text-align:center;padding-bottom:20px;}
#team_member .vegetable {border:solid 1px #999; margin:4px;}
#team_member a {padding-left:10px; color:#000}
#persPicture {float:left; width:50%;}
#pictPrev {border-left:1px dashed #379033;float:right; width:45%; padding:0 0 0 15px;}
#team_member .picBox {border:0 none;left:14px;position:relative;top:14px;}
#chooseChar {clear:both;}
#m-general #teamPic {width:240px; border:solid 10px #FFF;margin-bottom:10px;}
#m-general .picBoxTeam {margin:0 0 5px 5px; border:solid 4px #FFF; width:72px; float:left;}
.pl10px {padding-left:20px !important;}

#m-general .tSpace {clear:both;padding-top:20px}

#m-general a.more {
   background:transparent url(../img/more_white.gif) no-repeat scroll 0 0.3em;
   padding-left:10px;
   text-decoration:none;
   color:#FFF;
   line-height:20px;
}
#m-theGetGrowingChallenge.w99 .c  {min-height:1300px;}

#m-actUpd .title {left:15px;}
#m-actUpd .f-video {margin:-70px -20px 0 -12px;}

#tagLine1, #tagLine2 {
   font-size:1.4em;
   font-weight:bold;
   position:absolute;
   width:250px;
   color:#035E86;
}

#tagLine1 {
   top:54px;
   left:330px
}

#tagLine2 {
   left:47px;
   top:199px;
   width:290px;
}

#quotePicFrame {
   position:absolute;
   background:transparent url(../img/extra-photoFrame.png) no-repeat;
   width:222px;
   height:164px;
   left:374px;
   top:100px;

}

#quotePic {
   position:absolute;
   width:185px;
   height:125px;
   left:17px;
   top:20px;
}

#m-schoolOfWeek { width:400px;}

#m-measure .small {font-size:1.2em;}


.opt3b {margin:0; padding:0; width:90%;border-bottom:1px dashed #999999}

.opt3 {margin:0 5px 0 5px; padding:5px; width:60px; background:#EEE; text-align:center;}

.opt3n {margin:0 5px 0 5px; padding:5px; width:30px; background:#EEE; text-align:center;}

.opt3w {margin:0 5px 0 5px; padding:5px; width:70px; background:#EEE; text-align:center;}

.opt3a {margin:0; padding:0; width:160px;line-height:23px;font-size:1.4em;}

.opt3as {margin:0; padding:0; width:120px;}

.nB {border:0 none;}

#body-measure label {line-height:25px;}

#m-diary a {font-size:1.2em; color:#379033; font-weight:bold;text-decoration:none}

#m-diary a:hover, a:active {
   text-decoration:underline !important;
}

#m-diary h2 {color:#FFF; font-size:16px; padding:18px}

#m-diary .hr {width:594px}

#m-diary .c {padding-top:0}

#m-diary .noticeTitle {
	font-size:10pt;
	color: #999999;
	width:500px;
}

#m-diary .noticeContent {
   font-size:12pt;
   font-weight: bold;
   color: #458B00;
}

#m-diary .noticeDelete {
   color: #999999;
}

#m-diary .t {
   background-image:url(../img/tab_red_blog.png);
   height:52px;
}

.post_text {margin-top:20px; font-size:11pt; color:#777}
.post_text a {font-size:11pt;}

.post_text ol {font-size:11pt;}
.post_text ol li {font-size:11pt;}
.post_text p a {font-size:11pt;}
.post_text ol li a {font-size:11pt;}
#m-diary li a {
color:#379033;
font-size:11pt;
text-decoration:none;
}
#m-diary p a {
color:#379033;
font-size:11pt;
text-decoration:none;
}
#actionUpdateText {
   font-size:14px;
   left:311px;
   position:absolute;
   text-align:center;
   top:40px;
   width:252px;
}

#m-actionUpdateTop {
   height:207px;
}

#m-actionUpdateTop .title {
   padding-top:90px;
}

/* default page - style for blog posts and pages */
#m-defaultPage { margin-top:100px; }
#m-defaultPage ol, #defaultPage ul { margin: 0 1em; }
#m-defaultPage li { padding: 0.1em; }



/** stepindicator.css --------------------------------------------------------- */

/*
styles to show what step they're on
*/

div.stepIndicator {
    height: 33px;
    padding-top: 4px;
    width: 761px;
    margin-left: -7px;
	/*
    float: left;
    clear: left; */
}

div.stepIndicator.top {
    background: url(../img/innertop.gif) left top no-repeat;
    margin-bottom: 30px;
}

div.stepIndicator.bottom {
    background: url(../img/innerbottom.gif) left top no-repeat;
    margin-top: 30px;
}

div.box div.stepIndicator ul {
    float: right;
    clear: right;
    margin: 0 10px 0 0;
    padding: 0;
}

.generalcontent div.box div.stepIndicator li {
    float: left;
    list-style: none;
    margin: 0;
}

div.stepIndicator li span {
    line-height: 30px;
    margin-right: 10px;
}

div.stepIndicator li a {
    height: 30px;
    width: 30px;
    display: block;
    overflow: hidden;
    background-position: left bottom;
    background-repeat: no-repeat;
    text-indent: -500px;
}

div.stepIndicator li.active a {
    background-position: left top;
}

div.stepIndicator li a:hover {
    background-position: left center;
}

li.one a {
    background-image: url(../img/number_one.gif);
}

li.two a {
    background-image: url(../img/number_two.gif);
}

li.three a {
    background-image: url(../img/number_three.gif);
}

li.four a {
    background-image: url(../img/number_four.gif);
}

li.five a {
    background-image: url(../img/number_five.gif);
}

#m-challSteps .cont {padding:5px 0 12px 0}
#m-challSteps img {margin-bottom:-12px;}
#m-challSteps .hr {width:266px; margin:0 0 4px 0; clear:both;}
#m-challSteps .c {padding:6px 13px 13px 13px;}
#m-challSteps .t { background-image: url(../img/tab_red.png); height:52px;}
#m-challSteps .stepIndicator { background-image: url(../img/tabs-chSteps.png); height:36px; width:288px}
#m-challSteps .stepIndicator ul {float:left; margin:0 0 0 10px;}
#m-challSteps h2 {color:#FFF; font-size:16px; padding:18px}
#m-challSteps .stepText {
   float:left;
   font-size:1.2em;
   font-weight:bold;
   padding-left:10px;
}

/** jimsadditions.css --------------------------------------------------------- */


div.innerBox {
    position: relative;
    float: left;
    clear: left;
}

div.innerBox span {
    height: 6px;
    width: 6px;
    font-size: 1px;
}

span.topright, span.topleft, span.bottomright, span.bottomleft {
    position: absolute;
    background-repeat: no-repeat;
}

div.innerBox .topright {
    background-position: right top;
    top: 0px;
    right: 0px;
}

div.innerBox .topleft {
    background-position: left top;
    top: 0px;
    left: 0px;
}

div.innerBox .bottomright {
    background-position: right bottom;
    bottom: 0px;
    right: 0px;
}

a.help {
    position: relative;
}

a.help:hover span.tooltip {
    display: block;
    visibility: visible;
}

a.help span.tooltip {
    position: absolute;
    right: -230px;
    width: 200px;
    background: #f6f6f6;
    color: #333 !important;
    display: none;
    text-decoration: none !important;
    padding: 6px;
    border: 1px solid #666;
    overflow: visible;
    height: auto;
}

div.innerBox .bottomleft {
    background-position: left bottom;
    bottom: 0px;
    left: 0px;
}

div.innerBox.green {
    background: #e8f4d9;
}

div.green span {
    background-image: url(../img/boxes/cornersongreen.gif);
}

fieldset div.innerBox {
    padding: 0 16px 16px;
    margin-bottom: 12px;
}

fieldset div.innerBox p {
    margin: 6px 0 0;
    white-space: nowrap;
} * html fieldset div.innerBox p {
    padding-right: 16px;
}

div.innerBox ul {
    margin: 9px 0 0;
}

div.innerBox li {
    line-height: 1.6em;
    white-space: nowrap;
}

div.innerBox a {
    color: #000;
}

.generalcontent div.hr {
    height: 1px;
    background: transparent url(../img/fieldset-bg.gif) left top repeat-x;
    margin: 20px 0 20px -7px;
    width: 761px;
    float: left;
    clear: left;
}


.generalcontent div.hr hr {
    display: none;
}

.generalcontent .box blockquote {
    width: 185px;
    float: left;
    background: url(../img/quotes.gif) left top no-repeat;
    padding-top: 30px;
    margin-top: 0px;
}

.generalcontent .box blockquote p {
    border-top: 1px solid #1999c9;
    border-bottom: 1px solid #1999c9;
    color: #1999c9;
    font-size: 2.4em;
    padding: 5px 0;
    margin-right: 25px;
    width: auto;
}

.generalcontent .box ul {
    margin: 20px;
}

.generalcontent .box ul li {
    margin: 5px;
    color: #000;
    list-style: disc;
}

.generalcontent .box h5 {
    font-size: 1.8em;
}

div.box .featureimage {
    background: url(../img/featureimagetop.gif) left top no-repeat;
    margin-bottom: 20px;
}

div.box .featureimage img {
    background: url(../img/featureimagebottom.gif) left bottom no-repeat;
    padding: 14px;
    width: 463px;
}

.generalcontent .box p {
    margin-right: 10px;
}

.generalcontent .box .innerBox {
    padding: 10px 10px 0;
    margin-bottom: 10px;
}

.generalcontent .box .innerBox p {
    width: auto;
}

.generalcontent .box .innerBox p a {
    font-weight: bold;
    color: #555;
}

.generalcontent .box .submit, .generalcontent .box .submit .typeImage, .generalcontent .box .submit a {
    float: left;
}

.generalcontent .box .submit .typeImage {
    margin-top: -12px;
}

.generalcontent .box .submit a {
    margin-top: 6px;
    color: #000;
}

.generalcontent .box .submit .largeImage {
    margin-top: -28px;
}

div.box .innerBox p.compleated, div.box .innerBox p.notcompleated {
    padding: 5px 0 10px 40px;
    background-position: left top;
    background-repeat: no-repeat;
}

div.box .innerBox p.compleated {
    background-image: url(../img/tickbox.gif);
}

div.box .innerBox p.notcompleated {
    background-image: url(../img/xbox.gif);
}

/** paulsadditions.css --------------------------------------------------------- */

/***********************************************************************************************
 *
 * GAP
 *
 * styles added by paul
 *
 ***********************************************************************************************
**/


/***********************************************************************************************
 *
 * styles used by view_team.php
 *
 ***********************************************************************************************
**/
div.teachers  {
	/* TODO - make rounded corners for this */
	background: #ccc;
}

div.teachers div.c {
	background: transparent;
}

div.pupils {
}

div.teachers div.profile {
	width: 46%;
	height: 132px;
	float: left;
}

div.pupils div.profile {
	width: 124px; 
	height: 190px; 
	float: left;
	margin: 10px;
}

div.profile a.headshot {
	display: block;
	width: 104px;
	height: 112px;
	background: #fff;
	padding: 10px;
	border: 1px solid #ccc;
}

div.profile {
	margin: 10px;
}

div.profile a.headshot img {
	text-align: center;
	margin: 0 auto;
	width: 104px;
}

div.profile div.profile_info p {
	font-size: 90%;
	line-height: 0.8em;
	margin-top: 10px;
}

div.teachers a.headshot {
	float: left;
}

div.teachers div.profile div.profile_info {
	width: 132px;
	float: right;
}

div.profile .name {
	font-weight: bold;
}

/***********************************************************************************************
 *
 * measurement form & results
 *
 ***********************************************************************************************
**/

div.results, div.question {
	position: relative;
	width: 760px;
}

div.results div.question {
	position: relative;
}

div.question h2 {
	font-size: 1.6em;
	margin: 0.5em 0;
}

div.results ul.answer {	
	list-style-type: none;
	list-style-image: none;
	width: 100%;
	float: left;
	clear: right;
	margin: 0.4em 0;
}

div.results ul.answer li {
	margin: 1em 0;
	list-style-type: none;
	list-style-image: none;
}

div.results ul.answer li div {
	width: 180px;
}

div.results ul.answer li div {
	font-weight: normal;
}

/* comments in answers */
div.results div.comment {
	background: transparent;
	position: relative;
	width: 620px;
	height: 125px;
	margin-left: 100px;
	overflow: hidden;
}

div.results div.comment p {
	display: block;
	position: absolute;
	/* need to make background like a speech bubble */
	background: #ff9;
	padding: 1em;
	border: 1px solid;
	width: 450px;
	left: 130px;
	top: 0;
	font-weight: bold;
}

/* checkboxes */
form div.question div.checkbox, 
div.results ul.answer li.inline,
div.results ul.answer li.inline div.result  {
	float: left;
	width: 170px;
	margin-right: 1em;
}

ul.answer li div.type {
	width: 200px;
}

ul.answer li div {
	position: absolute;
	width: 170px;
}

div.results ul.answer li {
	position: relative;
	width: 570px;
	padding: 1em 0;
}

div.results ul.answer li div.m1 {
	left: 200px;
	font-weight: normal;
}

div.results ul.answer li div.m2 {
	left: 500px;
	font-weight: bold;
}

/* oddball questions */
.question .t-didYouKnowThatCompost {
	left: 550px;
	top: -20px;
}

/* challenge 2 */

/* challenge 3 	*/
/* question 9 */
#m-measure #challenge_3 #q9 .opt3 {
	width: 100px;
	height: 1.2em;
}

/* question 10 */
#m-measure #challenge_3 #q10 {
	position: relative;
}


/* question 12 */
div.results div#q12 ul.answer {
	width: 90%;
}

div.results div#q12 ul.answer li div.result {
	width: 170px;
}

/* input fields */
.question input {
	font-size: 1.2em;
}
.question input.text_numeric {
	width: 50px;
	text-align: right;
}

/* tables in measurement questions */
.question table {
	border-spacing: 10px; 
	margin: 0.5em;
}

.question table td, 
.question table th {
	padding: 0.5em 3em;
	font-size: 1.2em;
}

.question table th {
	text-align: left;
}

.question table td.right, 
.question table th.right {
	text-align: right;
}

.question table caption {
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;	
}	

.question table.left {
	position: absolute;
	width: 360px;
	top: 0;
	left: 60px;
}

.question table.right {
	position: absolute;
	width: 360px;
	top: 0;
	left: 450px;
}

.results .question th, 
.results .question td {
	font-weight: normal;
}

.results .question table td.label {
	text-align: left;
	width: 120px;
}

table.narrow {
	margin: 0 4em; 
	width: 260px;
}

#challenge_1 .question table td {
	width: 120px;
}

#challenge_2 .question table td {
	width: 120px;
}

/* fruit n' veg characters */
.character {
	width: 131px;
	height: 125px;
}

div.comment .character {
	position: absolute;
	top: 0;
	left: 0;
}

#potato {
	background: transparent url(../img/fruitnveg/potato.jpg) no-repeat;
}

#pear {
	margin-top: -30px;
	background: transparent url(../img/fruitnveg/pear.jpg) no-repeat;
}

#cherry {
	margin-top: -60px;
	background: transparent url(../img/fruitnveg/cherry.jpg) no-repeat;
}

#tomato {
	margin-top: -50px;
	background: transparent url(../img/fruitnveg/tomato.jpg) no-repeat;
}

#pepper {
	margin-top: -50px;
	background: transparent url(../img/fruitnveg/pepper.jpg) no-repeat;
}

/***********************************************************************************************
 *
 * styles used by profile.php
 *
 ***********************************************************************************************
**/

#teamPicEdit {
	position: relative;
}

#teamPicEdit div {
	width: 500px;
	height: 200px;
}

#teamPicEdit img {
	float: right;
}

/* error messages etc. */
div.message p{
	font-size: 12px;
}

div.error, div.success {
	display: block;
	position: absolute;
	top: 40px;
	left: 500px;
	width: 250px;
	height: 70px;
}

div.error p, div.success p { font-weight: bold; line-height: 1.4em; }

.error{
	color: #f00;
}

.success {
	color: #0f0;
}

/* action club page */
#no_posts {
	padding: 2em;
}

.question .active, .question .m-second {
	background: #ff6600;
	color: #fff;
}

.question .was_active, .question .m-first {
	background: #659a21;
	color: #fff;
}

.question .inactive {
	background: #CCC;
}

.question .m-difference {

}

.question td.total {
	font-weight: bold;
}

.storyboard_column {
	width: 160px;
	height: 150px;
	margin-right: 10px;
	margin-top: 30px;
	padding: 10px;
	float: left;
	background: #fff;
}

form.standard div {
	margin: 2em 0;
}

form.standard div label {
	width: 300px;
	float: left;
	margin-right: 2em;
}

/* display of videos list on Teaching Resources page */

ul.videos li {
	position: relative;
	padding: 10px 0;
	margin-bottom: 0.5em;
}

ul.videos li img {
	width: 250px;
}

ul.videos li div {
	position: absolute;
	width: 300px;
	top: 10px;
	left: 280px;
	line-height: 1.4em;
}

/* edit profile page */
p input {
	margin-right: 1em;
}

.note {
	font-size: 0.9em;
}

/* action club list of blogs page */
.post {
	position: relative;
}
.post .post_title {
	width: 450px;
	overflow: hidden;
	clear: both;
	margin: 0;
}
.post .post_title h3 { 
	margin-bottom: 0; 
}
/* position edit button */
.post .edit-post {
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
}



/** Publicreative - additions Jun 2009 */

.nodisplay {
	display: none;
}
.left {
	display: block;
	float: left;
}
.right {
	display: block;
	float: right;
}
.clear {
	display: blockl
	position: relative;
	clear: both;
	height: 1px;
	font-size: 1px;
}
div.rule hr {
	display: none;
}



/** new top-bar login form */
form#loginform {
	display: block;
	position: absolute;
	left: 280px;
	top: -60px; /* <- hack due to container's 70px top */
	width: 600px;
}

form#loginform h5 {
		
}

form#loginform h4 {
	color: #FF6600;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: large;
}
form#loginform fieldset {
	margin: 0 0 0 10px;
	font-size: xx-small;
}
form#loginform fieldset label {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
}
form#loginform #passwordfield,
form#loginform #usernamefield {
	width: 90px;
	margin: 0;
	padding: 2px 4px;
}
form#loginform input.typeImage {
	margin: 0 0 0 10px;
}
form#loginform p {
	margin: 0px 0 0 10px;
	font-size: 1.2em;	
}
form#loginform p a {
	background: none;
	padding: inherit;
}
form#loginform p.error {
	clear: both;
	font-weight: bold;
	margin: -15px 0 0 0;
	width: 600px;
}
/* end of login form */


/* top bar when logged in */
div#loginbar {
	display: block;
	position: absolute;
	left: 280px;
	top: -57px; /* <- hack due to container's 70px top */
	height: 70px;
	overflow: hidden;
	width: 590px;
}
div#loginbar p {
	font-size: 1.2em;
	margin: 5px 0 0 10px;
	width: 390px;
}
div#loginbar span.teamname {
	font-weight: bold;
	color: #FF6600;
	font-size: 1.3em;
}
div#loginbar a#signout {
    background: transparent url(../img/signout.png) no-repeat scroll 0 0;
    height: 59px;
    text-indent: -9999px;
    cursor: pointer;
    width: 111px;
    float: right;
    margin: 0 0 0 0;
}
/* end log in bar */


form#postcodeform {
	display: block;
	position: relative;
	width: 240px;
	border: none;
	overflow: hidden;
	margin-top: -30px;
}
form#postcodeform h3 {
	display: block;
	width: 213px;
	height: 69px;
	background: #FFFFFF url(../img/public/searchforschool.png) no-repeat;
	overflow: hidden;
	margin: 0 ;
	padding: 0 0 0 1000px;
}
form#postcodeform p {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: small;
	line-height: 1.1em;
}
form#postcodeform #pcfield {
	float: left;
	width:155px;
	margin: 12px 0 0 0;
}
form#postcodeform #pcsubmit {
	border: none;
	margin: 0;
	padding: 0;
	float: right;
}




div#comppromo {
	display: block;
	position: relative;
	clear: both;
	width:230px;
	background-color: #fff604;
}
div#comppromo h3.top {
	width:230px;
	height: 67px;
	background: transparent url(../img/public/enter_comp_top.gif) no-repeat;
	margin: 0;
	padding: 0;
}
div#comppromo a.bot {
	display: block;
	position: relative;
	width:230px;
	height: 55px;
	background: transparent url(../img/public/enter_comp_bot.gif) no-repeat;
	margin: 0 0 -15px 0; /* <- yuck */
}
div#comppromo p.mid {
	padding: 0 10px;
	color: #318c2c;
	font-weight: bold;
	margin: 0;
}


div#comppromo.wide {
	background-color: transparent;
	width: 260px;
}
div#comppromo.wide h3.top {
	width: 260px;
	height: 71px;
	background: transparent url(../img/public/enter_comp_wide_top.png) no-repeat;
}
div#comppromo.wide a.bot {
	width: 260px;
	height: 58px;
	background: transparent url(../img/public/enter_comp_wide_bot.png) no-repeat;
	margin-bottom: 10px;
}
div#comppromo.wide p.mid {
	background-color: #fff604;
}



/* action club sidebar */
h3#actclub_header {
	display: block;
	position: relative;
	margin: 0;
	padding:0;
	width: 311px;
	height: 86px;
	background: transparent url(../img/public/actclub_header_text.png) no-repeat;
}
.w33 .bC-g .gT-m .c {
	padding-top: 0 !important;
}
#actclub_rule {
	margin: 10px 0;
	height: 1px;
	font-size: 1px;
	border-top: solid 1px #699e22;
	background-color: #b6e080;
}
form#schoolsearch {
	display:block;
	position:relative;
	background: transparent url(../img/public/schoolsearch_text.png) no-repeat;
	padding-top: 65px;
}
form#schoolsearch p.huge {
	display:none;
}
form#schoolsearch #pcfield {
	float: left;
	width:155px;
	margin: 12px 0 0 0;
}
form#schoolsearch #pcsubmit {
	border: none;
	margin: 0;
	padding: 0;
	float: none;
}


/** Challenges tabs across the top of the action club actions area */
#challengetabs {
	background-color: #FFCC00;
	display:block;
	position: relative;
	z-index: 200;
}
#challengetabs ul {
	display: block;
	position: relative;
}
#challengetabs li {
	display: block;
	float: left;
	position: relative;
	margin: 0 0 0 0;
	padding: 0;
	height: 36px;
	/* inactive style */
	background: transparent url(../img/public/tab_green_left.png) no-repeat;
}
#challengetabs li.active {
	background: transparent url(../img/public/tab_white_left.png) no-repeat;
}
#challengetabs div {
	margin: 0;
	padding: 0 10px 0 0;
	/* inactive style */
	background: transparent url(../img/public/tab_green_right.png) no-repeat scroll right 0;
}
#challengetabs li.active div {
	background: transparent url(../img/public/tab_white_right.png) no-repeat scroll right 0;
}
#challengetabs a {
	display: block;
	position:relative;
	margin: 0 0 0 17px;
	padding: 3px 0 0 0;
	font-weight: bold;
	height: 33px;
	font-size: 11px;
	width: 95px;
	/* inactive style */
	background: #5e8e1f url(../img/public/tab_green_mid.png) repeat-x;
	color: #FFFFFF;
}
#challengetabs li.active a {
	background: #FFFFFF;
	color: #1494e2;
}
#challengetabs li.active a:hover {
	text-decoration: none !important;
	cursor: default;
}

div.actionsarea {
	margin-top: 0 !important ;
}
div.actionsarea div.title {
	display: block !important;
	position: relative !important;
	margin: 0 0 0 0;
	width: 450px;
}


/* School search results table */
table#schoolresults tr.data {
	background-color: #E8F5DB;
}
table#schoolresults tr.data td {
	padding: 0.3em 0.8em;
	margin: 0 0 10px 0;
	font-size: 12px;
	white-space: nowrap;
	color: #333333;
	height: 36px;
}
table#schoolresults tr.spacer td {
	font-size: 1px;
	height: 8px;
}
table#schoolresults td.school {
	font-size: 13px;
	font-weight: bold;
}

table#schoolresults a {
	color: #FF6600;
	font-weight: bold;
}


div#ch_legend {
	clear: both;
	margin: 0 0 20px 0;
}

div#ch_legend div.ch_icon {
	color: #A1A1A1;
	font-weight: bold;
	font-size: small;
	position: relative;
	float: left !important;
	clear: none !important;
	margin: 0 10px 0 0;
}
div#ch_legend div.ch_icon img {
	margin-bottom: -4px;
}

div#ch_legend div.first {
	clear: both !important;
}



a#signupagain {
	display: block;
	position: relative;
	background: transparent url(../img/public/signup_again.png) no-repeat scroll center 0;
	height: 62px;
	margin: -10px 0 -50px 0;
	padding: 0;
}


/***************/
/* NOTICEBOARD */
/***************/

/* the header*/
body#b_noticeboard #m-diary .t {
	background:none;
	margin-top:22px;
	margin-left:-8px;
	position: relative;
	z-index:10;
}


body#b_noticeboard #m-diary .generalcontent{
	background:url(../img/noticeboard-repeat.png) repeat-y;
	margin-top:-28px;
	padding-top:85px;
	width:622px;
	z-index:1;
}

body#b_noticeboard #m-diary .generalcontent .noticeTitle{
	font-size:1.2em;
	color:#878663;
}

body#b_noticeboard #m-diary .generalcontent .noticeContent{
	color:#318c2c;
	font-size:1.8em;
	/*Quick fix for text wrapping - NJS, 4/9/09 */
	width: 90%;
}

body#b_noticeboard #m-diary .generalcontent .noticeContentAlert{
	color:red;
	font-size:1.8em;
	/*Quick fix for text wrapping - NJS, 4/9/09 */
	width: 90%;
}

body#b_noticeboard #m-diary .generalcontent .noticeDelete{
	color:#b8b36e;
	font-size:1.2em;
}


body#b_noticeboard #m-diary .generalcontent .hr{
	margin-top:25px;	
	background:#d9da82;
}

body#b_noticeboard .w66 .bC-ms .m{
	background:none;
}

body#b_noticeboard #m-diary .m .c img{
	position:relative;
	clear: both;
	float:left;
	margin-left:-25px;
	
}

body#b_noticeboard #m-diary .m .c form{
	clear: both;
	margin-bottom:-190px;
	z-index:20;
	position:relative;
}

body#b_noticeboard #m-diary .m .c form textarea{
	width:490px;
	height:135px;
}

body#b_noticeboard #m-diary .m .c form #message-submit{
	background: transparent url(../img/noticeboard-enter.png) no-repeat;
	width:78px;
	height:53px;
	cursor:pointer;
	curser:hand;
	text-indent:-5000px;
	font-size:0.01em;
	color:#F60;
	border:none;
	margin:none;
	position:relative;
	left:250px;
	top:10px;
}

body#b_noticeboard #m-diary .m .c h5{
	font-size:1.5em;
	color:#878663;
	font-weight:bold;
	margin-bottom:7px;
}

body#b_noticeboard #m-diary .b{
	background:url(../img/noticeboard-bottom.png) no-repeat;
	width:639px;
	height:188px;
	margin-left:4px;
}

/* bug fix for storyboard wrapping */
div#storyboard {
	width: 580px;
}