/*******************************
*	LAYOUT
********************************/

.photo-wrap {
/* 	background: url(/img/grass-sky.jpg) no-repeat center top; */
	
	position: relative;
	zoom: 1;
}

body {
	background-color: rgb(245,245,245);
/* 	background-image: url(/img/grid-grey.png); */
	background-image: url(/img/stripes-grey.png);
}

.main {
	background-color: rgb(253,253,253);
	box-shadow: 0px 2px 4px 0px rgba(120,120,120, 0.3);
	overflow: hidden;
	padding-top: 2em;
	padding-bottom: 2em;
}
.no-boxshadow .main {
	border: 1px solid rgb(230,230,230);
}


header,
.main,
footer {
	margin: 0 auto;
	max-width: 955px;
	padding-left: 31px;
	padding-right: 31px;
	width: 92%;
}

.narrow .main {
	max-width: 624px;
	padding-left: 196px;
	padding-right: 196px;
	width: 60.1%;
}







/*******************************
*	SPECIFIC STYLES
********************************/


/*	Main Navigation	*/

nav {
/* 	background-color: rgb(60,60,60); */
/* 	border-bottom: 1px solid rgb(120,120,120); */
}
nav .stripes {
	background: url(/img/coloured-stripes.png) repeat-y center top;
	height: 8px;
	margin: 0 auto;
	max-width: 1016px;
	padding: 0;
	width: 98%;
}
nav ul {
/* 	background: url(/img/stripes-colourful-trans.png) repeat-y center top; */
	border-bottom: 1px solid rgb(180,180,180);
	margin: 0 auto;
	max-width: 1016px;
	padding: 0;
	width: 98%;
}
nav > ul > li {
	float: right;
	list-style: none;
	position: relative;
}
nav a {
/* 	background-color: rgb(80,80,80); */
	color: rgb(120,120,120);
	display: block;
	line-height: 1.25em;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0.8em 1em;
}
nav a:hover {
	background: rgb(235,235,235);
	background: rgba(190,190,190,0.2);
	color: rgb(20,20,20);
	text-decoration: none;
}
nav .users {
	float: left;
}
nav .dropdown-menu > ul {
	background: rgb(245,245,245);
/* 	background: rgb(225,225,225); */
	display: none;
	position: absolute;
	z-index: 1000;
	width: auto;
}
nav .dropdown-menu.open > ul {
	display: block;
}
nav .dropdown-menu > ul a {
	border-top: 1px solid rgb(180,180,180);
	min-width: 160px;
}
nav .dropdown-menu > ul a:hover {
	background: rgb(250,250,250);
/* 	background: rgb(235,235,235); */
}
nav .dropdown-menu.open > a {
	background: rgb(235,235,235);
	background: rgba(190,190,190,0.2);
}
.register nav .register a,
.home nav .home a,
.more-info nav .more-info > a,
.positions nav .positions > a,
.organisations nav .organisations a,
.login nav .login a,
.users.dashboard nav .users.dashboard a,
.cms-active-item nav .cms-active-item a {
	background: rgba(160,165,155,0.3);
	color: rgb(20,20,20);
}
nav .log-link a,
nav .login a {
	background: rgb(183,205,40);
	background: rgba(183,205,40,0.3);
	color: rgb(70,80,40);
}
nav .log-link a:hover,
nav .login a:hover {
	background-color: rgb(193,215,46);
	color: rgb(40,40,40);
}



/*	Header */

header {
/* 	background-color: rgb(250,250,250); */
/* 	margin-bottom: 1em; */
/* 	margin-top: 1em; */
	max-width: 1016px;
	overflow: hidden;
	padding: 1em 0;
	width: 98%;
}
header img {
	background-color: rgb(245,245,245);
	background-color: rgb(250,250,250);
/* 	border-left: 1px solid rgb(220,220,220); */
	float: left;
	margin-right: 2%;
/* 	margin-top: 0.7em; */
	padding: 2%;
	position: relative;
/* 	top: -0.6em; */
	width: 14%;
}
header img.borderless {
	padding: 0;
	width: 18%;
}
header h1 {
/* 	border-left: solid 5px rgb(90,90,90); */
	float: right;
	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; 
/* 	font-size: 2em; */
/* 	font-weight: 900; */
	font-weight: normal;
	width: 80%;
/* 	padding: 0.7em 0.3em 0; */
	padding: 0.7em 0 0;
}
header p {
	padding-left: 3em;
}


.site-note {
/* 	clear: left; */
/*
	float: right;
	overflow: hidden;
	width: 80%;
*/
	margin: -0.5em auto 0.5em;
	max-width: 1016px;
	position: relative;
	width: 98%;
}
.site-note p {
	background: rgb(245,245,245);
	background: rgba(253,253,253,0.5);
/* 	border: 0.5em solid rgb(173,195,36); */
	border-bottom: 1px solid rgb(245,245,245);
	border-top: 1px solid rgb(245,245,245);
/* 	border-bottom: 1px solid rgb(180,180,180); */
	color: rgb(117,151,13);
/* 	float: right; */
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0.5em 1em;
	text-align: center;
/*
	position: absolute;
	top: 5px;
	right: 0;
	z-index: 9999;
*/
}


/* 	Footer	 */

footer {
	max-width: 1016px;
	overflow: hidden;
	padding: 3em 0 0.5em;
	width: 98%;
}
footer > div {
	text-align: center;
}
footer .more-info {
	display: inline-block;
	margin-bottom: 3em;
	overflow: hidden;
/* 	padding-right: 2em; */
	text-align: left;
	width: 30em;
	vertical-align: top;
}
footer .more-info h5 {
/* 	border-bottom: 1px solid rgb(180,180,180); */
/* 	margin-bottom: 0.25em; */
	padding-bottom: 0.25em;
}
footer .more-info li {
	float: left;
	margin-right: 5%;
	width: 45%;
}
footer .footer-logos {
	display: inline-block;
	height: 55px;
	margin-bottom: 3em;
	overflow: hidden;
	vertical-align: top;
}
footer .footer-logos a,
footer .footer-logos div {
	display: block;
	float: right;
	height: 100%;
}
footer .footer-logos img {
	max-height: 100%;
	margin: 0 0.75em;
}
footer > p {
	clear: both;
	font-size: 0.75em;
/* 	padding-top: 3em; */
	text-align: center;
}


/*	Main Sections	*/

/*
.content {
	float: left;
	width: 66%;
}
.sidebar {
	float: right;
	width: 32%;
}
*/

.wide-layout .content {
	overflow: hidden;
	width: 100%;
}
.content .left-col {
	clear: left;
	float: left;
	width: 48%;
}
.content .right-col {
	clear: right;
	float: right;
	width: 48%;
}
.dashboard .left-col {
	clear: left;
	float: left;
	width: 50%;
}
.dashboard .right-col {
	clear: right;
	float: right;
	width: 50%;
}

.form-layout .main {
	background-color: rgb(235,235,235);
	max-width: 1016px;
	padding: 0;
	width: 98%;
}
.form-layout .intro {
/* 	background-color: rgb(222,237,200); */
	background-color: rgb(220,220,220);
	padding-bottom: 5em;
} 
.form-layout .intro h2 {
/* 	background-color: rgb(173,200,35); */
	background-color: rgb(253,253,253);
	color: rgb(60,60,60);
	padding: 0.5em;
	text-align: center;
}
.form-layout .intro p,
.form-layout .intro .link-list {
	padding: 0 25.5%;
}
.form-layout .form,
.form-layout .content {
	float: none;
	margin: 0 auto;
	width: 49%;
}
.form-layout .form {
	margin-top: 2em;
}
.form-layout .intro+.form {
	margin-top: -4em;
}
.form-layout .form.no-title .form-section {
	padding-top: 2em;
}
.form-layout .content .form {
	float: none;
	width: auto;
}



/* 	Journey Details Page	 */

.js .journey-details #bike-cost-calcs {
	display: none;
}


/*	Dashboard pages	*/

.challenge-stats p {
	color: rgb(120,120,120);
	font-size: 0.9em;
	font-style: italic;
}
.challenge-stats h4+p {
	margin-top: 1em;
}
.entity-title {
	margin-bottom: 2em;
	overflow: hidden;
}
.entity-title .avatar {
	float: left;
	margin-right: 0.5em;
}

/* 	Org Dashboard Page	 */

.organisation.dashboard h2 img {
	margin-right: 0.5em;
	vertical-align: top;
}

/* 	Graphs	*/

.challenge-stats .graph-container {
	background-color: rgb(235,235,235);
	border-bottom: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(245,245,245);
	height: 60px;
	padding: 0.5em;
	width: auto;
}
.challenge-stats .graph-container canvas {
	background-color: rgb(243,243,243);
}
.challenge-stats .graph-container canvas:hover {
	filter: alpha(opacity=40);
	-khtml-opacity: 0.4;
	-moz-opacity: 0.4;
	opacity: 0.4;
	cursor: pointer;
}








/* 	Category Positions Preview Page */

.positions .content {
	width: 100%;
}
.positions .category-preview {
	display: inline-block;
	padding: 0 0.5%;
	vertical-align: top;
	width: 32%;
}
.positions .category-preview ol {
	list-style: none;
	padding: 0.5em 0;
}
.positions .category-preview li {
	margin-bottom: 2px;
	overflow: hidden;
	padding: 0.25em 0.5em;
}
.positions .category-preview li span {
	float: right;
	width: 92%;
}
*+html .positions .category-preview li span {
	float: none;
	margin-left: 0.5em;
	width: auto;
}
.top-three {
	background-color: rgb(225,245,165);
	font-weight: bold;
}
.positions .category-preview .buttons li {
	display: block;
	margin-right: 0;
	text-align: center;
}







.page-title-bar {
	overflow: hidden;
}
.dashboard .page-title-bar {
	margin: 0 1%;
}
.page-title-bar h2 {
	display: inline;
}
.page-title-bar .buttons {
	float: right;
	width: auto;
}
.page-title-bar .buttons li {
	margin: 0 0 0 0.25em;
}




/* 	Modules		 */

.module {
	background-color: rgb(236,237,237);
	border-bottom: 1px solid rgb(253,253,253);
/* 	clear: left; */
/*  float: left;  */
	margin: 0 2% 2em;
/* 	position: relative; */
/* 	width: 48%; */
/* 	vertical-align: top; */
}
.module.full-width {
	margin-left: 1%;
	margin-right: 1%;
}
.no-js .module {
/* 	display: inline-block; */
/* 	float: none; */
/* 	margin: 0 0.9% 1em; */
}
/*
.module.even {
	clear: right;
	float: right;
}
*/
.module h4 {
	background-color: rgb(185,185,185);
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: auto 75%;
	border-bottom: 0;
	color: rgb(255,255,255);
	margin: 0;
	padding: 0.8em 1em;
	text-transform: none;
}
.module h4 a {
	color: rgb(255,255,255);
	text-decoration: underline;
}
.module h4 a:hover {
	color: rgba(255,255,255,0.8);
}
.module p {
	background-color: rgb(230,230,230);
	margin-bottom: 0;
	padding: 0.8em 1em;
}
.module > ul {
	padding: 1em 1em;
}
.module > ul.buttons {
	padding: 1em 1em 0;
}
.module table {
	margin-bottom: 0;
}
.module table tr:nth-of-type(odd) {
	background-color: rgb(253,253,253);
}
.module .main-stat {
/* 	margin-bottom: -1em; */
	overflow: hidden;
	margin-bottom: 0.6em;
	position: relative;
}
.module ul.buttons.info {
	position: absolute;
	bottom: -0.9em;
/* 	float: right; */
/* 	margin: 0 1em 1em 0; */
	right: 1em;
/* 	top: -1.6em; */
}
.module ul.buttons.info li {
	float: right;
}
.module .stats-list {
	float: left;
	list-style: none;
	padding: 0.8em 1em 0;
} 
.module .stats-list.stats-h {
	float: none;
	overflow: hidden;
}
.module .stats-list li > span {
	display: block;
}
.module .stats-list li > span.label {
	font-size: 0.85em;
	padding-left: 0.25em;
	position: relative;
	top: -0.5em;
}
.module.participation .stats-list {
	float: none;
}
.module.participation .stats-list li {
	overflow: hidden;
}
.module.participation .stats-list li > span {
/* 	float: left; */
}
.module.participation .stats-list li > span.label {
	font-size: 1em;
	font-weight: bold;
/* 	width: 50%; */
}
.module .donuts canvas {
	float: left;
	padding: 0 1em 1em 0;
	width: 24%;
}
.module .mini-stat {
	clear: both;
}
.module .mini-stat .data {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; */
	font-size: 1.5em;
	font-weight: bold;
}
.module .smiley {
	padding: 0.8em 0 0;
}
.module .standout .data {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif; */
	font-size: 2.2em;
	font-weight: 500;
	font-weight: bold;
	line-height: 1em;
}
.module .standout .data span,
.module .mini-stat .data span {
	font-family: Helvetica, 'Helvetica Nue', Arial, sans-serif;
	font-size: 0.66em;
	font-weight: normal;
}
.module.journeys {
	clear: left;
}
.module.journeys h4 {
	background-color: rgb(193,215,46);
	background-image: url(/img/icons/journeys.png);
}
.module.journeys .standout .data {
	color: rgb(7,99,36);
}
.module.journeys .graph-container {
	padding-bottom: 0;
}
.module.participation h4 {
	background-color: rgb(173,195,150);
}
.module.participation .standout .data,
.module.participation .mini-stat .data {
	color: rgb(122,136,133);
}
.module.targets h4 {
	background-color: rgb(133,206,188);
	background-image: url(/img/icons/targets.png);
}
.module.targets .standout .data {
	color: rgb(0,155,123);
}
.module.calories h4 {
	background-color: rgb(213,175,210);
	background-image: url(/img/icons/calories.png);
}
.module.calories .standout .data,
.module.calories .mini-stat .data {
	color: rgb(86,0,78);
}
.module.distance h4 {
	background-color: rgb(246,160,166);
	background-image: url(/img/icons/distance.png);
}
.module.distance .standout .data {
	color: rgb(229,27,36);
}
.module.carbon h4 {
	background-color: rgb(109,110,113);
	background-image: url(/img/icons/carbon.png);
}
.module.carbon .standout .data,
.module.carbon .mini-stat .data {
	color: rgb(64,64,65);
}
.module.cost h4 {
	background-color: rgb(247,161,26);
	background-image: url(/img/icons/cost.png);
}
.module.cost .standout .data,
.module.cost .mini-stat .data {
	color: rgb(217,83,30);
}
.module.user-details h4 {
	background-color: rgb(172,224,240);
	background-image: url(/img/icons/profile.png);
}
.module.user-details .standout .data {
	color: rgb(0,130,200);
}
.module.userposts h4 {
	background-color: rgb(216,210,201);
	background-image: url(/img/icons/userposts.png);
}
.module.userposts .standout .data {
	color: rgb(162,150,138);
}
.module.userposts p.update {
	color: rgb(162,150,138);
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; */
	font-size: 1.5em;
	font-weight: 500;
	font-weight: bold;
	line-height: 1.1em;
	padding: 0.5em 0.66667em;
}
/*
.module.userposts p.update:before,
.module.userposts p.update:after {
	content: '“';
	display: inline;
	font-family: "Baskerville Old Face", Georgia;
	font-size: 2em;
	font-weight: bold;
	vertical-align: top;
}
.module.userposts p.update:after {
	content: '”';
}
*/
.module.photos h4 {
	background-color: rgb(205,205,205);
/* 	background-image: url(/img/icons/photos.png); */
}
.module.photos .standout .data {
	color: rgb(162,150,138);
}


/*	Data colours	*/

.journeys .data,
.journey .data {
	color: rgb(7,99,36);
}
.participation .data {
	color: rgb(122,136,133);
}
.targets .data {
	color: rgb(0,155,123);
}
.calories .data {
	color: rgb(86,0,78);
}
.distance .data {
	color: rgb(229,27,36);
}
.carbon .data {
	color: rgb(64,64,65);
}
.cost .data {
	color: rgb(217,83,30);
}
.user-details .data {
	color: rgb(0,130,200);
}
.userposts .data {
	color: rgb(162,150,138);
}
.photos .data {
	color: rgb(162,150,138);
}


/*	Targets	*/

.targets .target-wrap {
	overflow: hidden;
	padding: 1em 1em 0;
}
.targets .target,
.targets .time {
	font-weight: bold;
}
.target-wrap .completed {
	font-weight: bold;
	margin: 0.5em 0;
}
.target-wrap .completed .percentage {
/* 	display: block; */
	font-style: normal;
}
.target-cup {
	background-color: rgb(198,198,198);
	bottom: 0;
	float: right;
	height: 100%;
	margin-top: 1em;
	max-width: 171px;
	position: relative;
	width: 40%;
}
.target-cup .contents {
	background-color: rgb(0,155,123);
	bottom: 0;
	position: absolute;
	width: 100%;
}
.js .target-cup .contents {
	display: none;
}
.target-cup img {
	bottom: 0;
	display: block;
	width: 100.6%;
	position: relative;
}


.metadata {
	font-size: 0.85em;
/* 	font-style: italic; */
	margin: 0.2em 0;
	padding: 0.2em 0;
}
.metadata p {
	margin: 0;
}


/* Targets Page */

.targets-list {
	margin: 0 -1%;
	overflow: hidden;
}
.targets-list .module.targets {
	float: left;
	margin: 0 1% 2em;
	width: 48%;
}



/*	Photos	*/

.photo img {
	max-width: 92%;
	margin: 4%;
}
.photo.single img {
	float: left;
	max-width: 65%;
	margin: 0 1em 0 0;
}
.photo.single .metadata {
	margin-bottom: 1.5em;
}
.photo.single .description {
	margin-bottom: 1.5em;
}

.photos .photo {
	float: left;
	width: 180px;
}

.photo-thumbs {
	clear: both;
	padding: 1em;
	overflow: hidden;
}
.photo-thumbs .photo {
/* 	border: 3px solid rgb(40,40,40); */
	float: left;
	width: 103px;
}
.photo-thumbs .photo:first-child {
	width: 206px;
}
.photo-thumbs .photo:first-child img {
	max-width: 96%;
	margin: 2%;
}





.dialog .photo h2 {
	background-color: rgb(205,205,205);
}
.dialog .photo img {
	margin: 0 1em;
}


.userposts-page .userposts {
	overflow: hidden;
	margin: 0 -2% 2em 0;
}
.userpost {
	background-color: rgb(235,235,235);
/* 	border: 1px solid rgb(220,220,220); */
	border-bottom: 0.5em solid rgb(220,220,220);
	float: left;
	margin: 2em 2% 0 0;
	width: 47%;
}
.userpost.single {
	float: none;
	margin: 0 auto;
	width: 60%;
}
.userpost.first {
/* 	background-color: transparent; */
/* 	float: none; */
/* 	margin: 0 1em 2em; */
/* 	padding: 0; */
/* 	width: 100%; */
}
.userpost .post {
/* 	background-color: rgb(242,240,238); */
/* 	border-bottom: 1px solid rgb(190,190,190); */
/* 	font-family: Georgia, serif; */
	padding: 0.5em 0.85em;
}
.userpost.single .post {
/* 	padding: 2em 3em; */
}
.userpost.first .post {
/* 	background-color: transparent; */
/* 	border-bottom: 3px solid rgb(190,190,190); */
	padding: 0.85em;
}
.userpost.first .post p,
.userpost.single .post p:first-child {
/* 	color: rgb(162,150,138); */
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; */
	font-size: 1.5em;
	font-weight: 500;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 0.4em;
}
.userpost .metadata {
	border-bottom: 1px solid rgb(253,253,253);
	overflow: hidden;
	padding: 0.6em 1em;
}
.userpost .metadata p {
	float: left;
	margin-right: 1em;
}
.userpost .buttons {
	float: right;
	margin: 0;
}



/* 	Charts	 */

.graph-container {
	padding: 1em;
}
.graph-container canvas {
	background-color: rgb(245,245,245);
	height: 100%;
	width: 100%;
}
.graph-container canvas:hover {
	background-color: rgb(250,250,250);
	cursor: pointer;
}



/*	Stat Bar	*/

.statbar ul {
	background-color: rgb(235,235,235);
	list-style: none;
	overflow: hidden;
	padding: 1em 3%;
	margin: 0 -3%;
}
.statbar li {
	background-position: left 10%;
	background-repeat: no-repeat;
	background-size: auto 75%;
	float: left;
	overflow: hidden;
	margin-bottom: 0.25em;
	padding: 0 1em 0 43px;
}
.statbar .data {
	display: block;
	float: left;
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; */
	font-size: 2.2em;
	font-weight: 500;
	font-weight: bold;
	line-height: 1em;
	padding-right: 0.25em;
/*
	text-align: right;
	width: 45%;
*/
}
.statbar .label {
	display: block;
	float: left;
	font-size: 0.8em;
	line-height: 1.1em;
	position: relative;
	top: -0.1em;
/* 	width: 7em; */
}
.statbar .journeys {
	background-image: url(/img/icons/journeys.png);
}
.statbar .targets {
	background-image: url(/img/icons/targets.png);
}
.statbar .calories {
	background-image: url(/img/icons/calories.png);
}
.statbar .distance {
	background-image: url(/img/icons/distance.png);
}
.statbar .carbon {
	background-image: url(/img/icons/carbon.png);
}
.statbar .cost {
	background-image: url(/img/icons/cost.png);
}
.statbar .user-details {
	background-image: url(/img/icons/profile.png);
}
.statbar .userposts {
	background-image: url(/img/icons/userposts.png);
}


/*	Activity	*/

.activity {
	float: right;
	list-style: none;
	overflow: hidden;
	width: 70%;
}
.activity li {
	float: left;
	padding: 0 2%;
	width: 29%;
}
.activity li .meta {
	font-size: 0.8em;
}
.activity .post {
	margin: 0;
}
.activity .data {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;; */
	font-size: 1.5em;
	font-weight: bold;
}
.activity .journey .item-main {
	background-color: rgb(193,215,46);
	margin: 0;
	padding: 0.5em;
}
.activity .photo .item-main {
	background-color: rgb(205,205,205);
	display: block;
	text-align: center;
}
.activity .photo img {
	margin: 0;
	max-width: 100%;
}
.profile .left {
	float: left;
	width: 28%;
}
.profile .left .module {
	float: none;
	width: 100%;
}



/*	CMS Pages	*/


.cms-page-module {
	margin-bottom: 2em;
	overflow: hidden;
}
.cms-module-image {
	background: url(/img/bg.jpg);
	float: left;
	margin-bottom: 1em;
	margin-right: 2%;
	max-width: 40%;
	padding: 1%;
}
.img-even .cms-module-image {
	float: right;
	margin-right: 0;
	margin-left: 2%;
}
.cms-module-image img {
	display: block;
	max-width: 100%;
}
.cms-page-module > h3,
.with-image .cms-page-module-content {
	float: left;
	width: 54%;
}
.cms-page-module-content .column.first div {
	padding-right: 2em;
}
.first.column .cms-page-module,
.first.column .link-list li {
	padding-right: 1em;
}
.last.column .cms-page-module,
.last.column .link-list li {
	padding-left: 1em;
}
.cms-body-item.narrow h3 {
	margin-top: 2em;
}
/*
.cms-page-module-content p {
	margin-bottom: 0.125em;
	text-indent: 2em;
}
*/
.cms-page-module.with-image.img-odd > h3 {
	float: right;
}
.cms-page-module ul,
.cms-page-module ol {
	margin-left: 3em;
}
.cms-page-module ul li,
.cms-page-module ol li {
	margin-bottom: 0.4em;
}
.cmspage > h2 {
	margin-bottom: 1em;
}
.cmspage .link-list {
	margin-bottom: 2em;
}
.cmspage .link-list li {
	font-size: 1em;
	margin-bottom: 0.25em;
}




/*	CMS Admin	*/

.cms-admin .cms-page-module {
	border: 1px dashed rgb(220,220,220);
	padding: 1em;
}
.cms-page-module ul.buttons {
	margin-left: 0;
}


/*	Sortable Items	*/
.sortable .handle {
	background: url(/img/icons/drag-handle.png) no-repeat;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.sortable .handle {
	height: 23px;
	width: 37px;
}


/*	Home	*/
.home .main {
	max-width: 1016px;
	padding: 0;
	width: 98%;
}

.home .main h2 {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;;  */
	font-weight: normal;
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	padding: 1.25em 9%;
	text-align: center;
}

.benefits {
	margin: 0 auto 3em;
	overflow: hidden;
	width: 90%;
}
.benefits li {
	display: block;
	float: left;
	font-size: 0.85em;
	list-style: none;
	margin: 0 1.5%;
	padding-top: 68px;
	text-align: center;
	width: 30%;
	vertical-align: top;
}
.benefits h5 {
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif; */
	font-size: 1.5em;
	font-weight: bold;
/* 	margin-bottom: 0.25em; */
}
.benefits li.calories {
	background: url(/img/icons/calories-large.png) no-repeat top center;
	color: rgb(135,89,133);
}
.benefits li.carbon {
	background: url(/img/icons/carbon-large.png) no-repeat top center;
	color: rgb(64,64,64);
}
.benefits li.cost {
	background: url(/img/icons/cost-large.png) no-repeat top center;
	color: rgb(217,83,30);
}

.reg-buttons {
/* 	background-color: rgb(230,240,235); */
	background-color: rgb(255,226,127);
	background-color: rgb(200,220,150);
	background-color: rgb(141,177,222);
/* 	background-image: url(/img/texture-green.png); */
/* 	padding: 2em 0 0; */
	text-align: center;
	vertical-align: middle;
}
.reg-buttons .reg-info {
/* 	box-shadow: inset 0px 0px 2px 1px rgba(120,120,120,0.2); */
/* 	margin: 0 -5em; */
	padding: 2em 0;
}
.reg-buttons p {
/* 	border-bottom: 3px solid rgb(137,187,188); */
	color: rgb(255,255,255);
	display: inline-block;
	font-size: 0.8em;
/* 	font-style: italic; */
	font-weight: normal;
	margin: 0 0.5em;
	padding: 0.25em 1em 0.33em;
	text-align: left;
	vertical-align: top;
	width: 270px;
	*display: inline;
	zoom: 1;
}
.reg-buttons p span {
	display: block;
}
.reg-buttons p b {
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
}
.reg-buttons p.participant {
	background: url(/img/icons/icon-participant-white.png) no-repeat left 25px;
	padding-left: 45px;
}
.reg-buttons p.group {
	background: url(/img/icons/icon-group-white.png) no-repeat left 25px;
	padding-left: 75px;
}
.reg-buttons .signup {
/* 	background-color: rgb(253,253,253); */
	background-color: rgb(245,242,235);
/* 	background-image: url(/img/texture-green.png); */
	margin: 0.5em 0 0;
	padding: 2em 0 1em;
}
.reg-buttons .register {
/* 	background-color: rgb(223,255,195); */
	background-color: rgb(230,230,230);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	color: rgb(255,255,255);
	display: block;
	font-weight: normal;
	margin: 0 auto;
	padding: 8px;
	width: 30%;
}
.reg-buttons .signup a.btn {
	background-color: rgb(117,151,13);
/* 	background-color: rgb(180,200,130); */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	color: rgb(255,255,255);
	display: block;
	font-weight: bold;
	margin: 0 auto;
	padding: 1em 0;
}
.reg-buttons .signup a.btn:hover {
/* 	background-color: rgb(217,83,30); */
/* 	background-color: rgb(117,151,53); */
/* 	background-color: rgb(97,131,53); */
	background-color: rgb(112,141,23);
/* 	border-color: rgb(193,215,47); */
	text-decoration: none;
}
.reg-buttons .signup .registered {
	color: rgb(40,40,40);
	margin-bottom: 0;
	text-align: center;
}



.user-content {
	background-color: rgb(235,235,235);
	border: 1px solid rgb(220,220,220);
	border-bottom: 0.5em solid rgb(220,220,220);
	margin: 0 6% 2em;
	overflow: hidden;
/* 	padding: 0.5em; */
	position: relative;
}
.user-content h5 {
	padding: 0.5em;
	border-bottom: 1px solid rgb(253,253,253);
}
.user-content .photo-thumbs {
	padding: 0.5em;
/* 	white-space: nowrap; */
}
/*
.user-content .photos > a {
	display: inline-block;
	height: 120px;
}
.user-content .photos img {
	margin-right: 0.33em;
	max-height: 100%;
}
*/
.user-content .userposts-wrap {
	overflow: hidden;
}
.user-content .userposts {
	margin-bottom: 2em;
	padding: 0.5em;
	position: relative;
} 
.user-content .userposts .post {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 0;
}
.user-content .userposts .post a {
/* 	color: rgb(162,150,138); */
}
.user-content .userposts > div {
	border-bottom: 1px dashed rgb(180,180,180);
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	position: relative;
}
.user-content .userposts > div.active {
	display: block;
}
.user-content .userposts .post .read-more {
	font-size: 0.6em;
}

.user-content-wrap {
	margin: 3em 3% 1em;
	overflow: hidden;
}
.user-content-wrap > div {
	float: left;
	margin: 2%;
	width: 46%;
}
.user-content-wrap .user-content {
	margin: 0 0 2em;
}


.home .main section {
/* 	border-top: 1px solid rgb(160,160,160); */
	margin: 3em 6%;
}
.home h3 {
/* 	border-top: 1px solid rgb(160,160,160); */
/* 	margin: 0 auto 1em; */
/* 	padding: 2em 0 0; */
	text-align: center;
}
.home .cms-page-module h3 {
	text-align: left;
}
.home .links-list {
	overflow: hidden;
	padding: 0 0 5em;
	text-align: center;
}
.home .links-list li {
	display: inline-block;
	margin: 0 1em;
	vertical-align: top;
	*display: inline;
	zoom: 1;
}
.home .links-list a {
	font-size: 0.85em;
	font-weight: bold;
}


/*	Slideshow	*/
.slideshow {
	overflow: hidden;
	position: relative;
}
.slideshow-inner {
	position: relative;
/* 	white-space: nowrap; */
}
.slide {
	float: left;
	position: relative;
	display: none;
}
.slide.active {
	display: block;
}
.slide img {
	display: block;
	max-width: 100%;
	min-width: 500px;
}
.slide p,
.slide figcaption {
	color: rgb(253,253,253);
/* 	font-family: 'ChunkFiveRegular', Helvetica, 'Helvetica Nue', Arial, sans-serif;  */
	font-weight: 900;
	font-weight: bold;
	font-size: 5em;
	left: 0;
	line-height: 1em;
	margin-bottom: 0;
	padding: 0.5em 5% 0.5em 6%;
	position: absolute;
	bottom: 0;
	vertical-align: middle;
	width: 90%;
}
.slide.cap-style-alt p,
.slide.cap-style-alt figcaption {
	background: rgb(40,40,40);
	background: rgba(10,10,10,0.8);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	padding: 1em 5% 1em 6%;
}
.slide.cap-style-alt-2 p,
.slide.cap-style-alt-2 figcaption {
	font-size: 2.5em;
}
.slide.cap-style-alt-2 p span,
.slide.cap-style-alt-2 figcaption span {
	background: rgb(40,40,40);
	background: rgba(10,10,10,0.8);
	line-height: 1.2em;
	padding: 0.1em;
}
.home .slide p .data {
	color: rgb(253,253,253);
}
.slide p .label {
	font-size: 0.35em;
	margin-left: 1em;
	vertical-align: middle;
}
.slideshow-nav {
	background-color: rgb(188,190,192);
	text-align: center;
}
.slideshow-nav ul {
	display: inline-block;
	overflow: hidden;
	*display: inline;
	_height: 35px;
	zoom: 1;
	
}
.slideshow-nav li {
	float: left;
	list-style: none;
}
.slideshow-nav a {
	background: url(/img/icons/slideshow-nav-gen.png) no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 22px;
	margin: 8px 3px 5px;
	text-indent: -1000px;
	width: 22px;
}
.slideshow-nav a:hover,
.slideshow-nav .active a {
	background-position: 0px -22px;
}
.slideshow-nav .journeys a {
	background-position: 0px 0px;
	width: 26px;
}
.slideshow-nav .journeys a:hover,
.slideshow-nav .journeys.active a {
	background-position: 0px -22px;
}
.slideshow-nav .distance a {
	background-position: -137px 0px;
	width: 33px;
}
.slideshow-nav .distance a:hover,
.slideshow-nav .distance.active a {
	background-position: -137px -22px;
}
.slideshow-nav .calories a {
	background-position: -94px 0px;
	width: 21px;
}
.slideshow-nav .calories a:hover,
.slideshow-nav .calories.active a {
	background-position: -94px -22px;
}
.slideshow-nav .carbon a {
	background-position: -188px 0px;
	width: 37px;
}
.slideshow-nav .carbon a:hover,
.slideshow-nav .carbon.active a {
	background-position: -188px -22px;
}
.slideshow-nav .cost a {
	background-position: -47px 0px;
	width: 25px;
}
.slideshow-nav .cost a:hover,
.slideshow-nav .cost.active a {
	background-position: -47px -22px;
}


/*	Sitemap	*/

.sitemap .link-list li {
	font-size: 1em;
}
.sitemap .link-list li > .link-list {
	margin-left: 1em;
}




/*	Challenge Editor	*/

.edit-challenge .bilingual-notice {
	margin-bottom: 1em;
}
.edit-challenge .editnav {
	float: left;
	clear: left;
	list-style: none;
	width: 18%;
}
.edit-challenge .editnav li {
/* 	border-bottom: 1px solid rgb(253,253,253); */
	display: block;
	margin-bottom: -1px;
}
.edit-challenge .editnav li a {
	background-color: rgb(250,250,250);
	border: 1px solid rgb(220,220,220);
/* 	color: rgb(120,120,120); */
	display: block;
	font-size: 0.8em;
	font-weight: normal;
	padding: 0.7em 1em;
}
.edit-challenge.edit-title .editnav .edit-title a,
.edit-challenge.edit-home .editnav .edit-home a,
.edit-challenge.edit-dates .editnav .edit-dates a,
.edit-challenge.edit-data .editnav .edit-data a,
.edit-challenge.edit-targets .editnav .edit-targets a,
.edit-challenge.edit-cats .editnav .edit-cats a,
.edit-challenge.edit-orgreg .editnav .edit-orgreg a,
.edit-challenge.edit-partreg .editnav .edit-partreg a,
.edit-challenge.edit-survey .editnav .edit-survey a,
.edit-challenge.edit-docs .editnav .edit-docs a,
.edit-challenge.edit-emails .editnav .edit-emails a,
.edit-challenge.reports.challenges .editnav .reports-challenges a,
.edit-challenge.reports.organisations .editnav .reports-organisations a,
.edit-challenge.reports.departments .editnav .reports-departments a,
.edit-challenge.reports.users .editnav .reports-users a,
.edit-challenge.reports.modes .editnav .reports-modes a,
.edit-challenge.reports.journeys .editnav .reports-journeys a {
	background-color: rgb(240,240,240);
	color: rgb(60,60,60);
	font-weight: bold;
}
.edit-challenge .editnav li a:hover {
	background-color: rgb(235,235,235);
	color: rgb(60,60,60);
	text-decoration: none;
}
.edit-challenge .form,
.edit-challenge .content {
	float: right;
	width: 79%;
}


.edit-challenge dd {
	font-weight: bold;
}
.edit-challenge dt {
	margin-bottom: 1em;
}


.edit-challenge.edit-title .logo {
	background-color: rgb(245,245,245);
	border: 1px dashed rgb(190,190,190);
	margin-left: 7%;
	padding: 2%;
	max-width: 121px;
}
.edit-challenge.edit-title .logo.borderless {
	max-width: 149px;
	padding: 0;
}


.edit-challenge.edit-home .slide-preview {
	border-bottom: 1px dashed rgb(220,220,220);
	margin-bottom: 1em;
}
.edit-challenge.edit-home .slide {
	float: none;
	margin-bottom: 1em;
	width: 500px;
}
.edit-challenge.edit-home .slide img {
	max-width: 100%;
}
.edit-challenge.edit-home .slide figcaption {
	font-size: 2.5em;
}
.edit-challenge.edit-home .slide.cap-style-alt figcaption {
	font-size: 0.75em;
}
.edit-challenge.edit-home .slide.cap-style-alt-2 figcaption {
	font-size: 1.25em;
}
.delete-slide .slide.cap-style-alt figcaption {
	font-size: 0.6em;
}

.edit-slide .slide-preview {
	margin-bottom: 1em;
}
.edit-slide .slide-preview .slide {
	float: none;
}


.challenge-preview {
	background: rgb(209,83,47);
	background: rgba(209,83,47,0.9);
	color: rgb(245,245,245);
	margin: 0 auto;
	max-width: 1016px;
	text-align: center;
	width: 98%;
}
.challenge-preview p {
	font-size: 0.8em;
	margin: 0;
	padding: 1em;
}
.challenge-preview p a {
	color: rgb(245,245,245);
	text-decoration: underline;
}



@media only screen and (max-width: 1036px) {
	
	.main {
		padding-left: 3%;
		padding-right: 3%;
	}
	.narrow .main {
		padding-left: 18.9%;
		padding-right: 18.9%;
	}

}

@media only screen and (max-width: 900px) {
	
/*
	header img {
		width: 17%;
	}
	header h1 {
		width: 63%;
	}
*/

}

@media only screen and (max-width: 750px) {

	.content .left-col {
		float: none;
		width: 100%;
	}
	.content .right-col {
		float: none;
		width: 100%;
	}
	
	.module.full-width {
		margin-left: 2%;
		margin-right: 2%;
	}
	.full-width .data-list.stats-h li {
		width: 33.33%;
	}
	
	.reg-buttons p {
		width: 60%;
	}
	.reg-buttons p.participant {
		background-position: 30px 25px;
		border-bottom: 1px solid rgb(255,255,255);
		margin-bottom: 1em;
		padding-bottom: 1em;
		padding-left: 75px;
	}
	.reg-buttons p.group {
/* 		background-size: 22%; */
/* 		padding-left: 18%; */
	}
	.reg-buttons .register {
		width: 50%;
	}
	
	
	.positions .category-preview {
		width: 48.5%;
	}
	
	
	.userpost,
	.userpost.single {
		margin: 0 0 2em;
		width: 100%;
	}
	
	
}

@media only screen and (max-width: 650px) {
	
	nav li {
		width: 33.33%;
	}
	nav li.login {
		width: 100%;
	}
	nav li a {
		margin: 1px;
		text-align: center;
	}
	
	header img {
		display: none;
	}
	header h1 {
		float: none;
		font-size: 2em;
		padding-top: 0;
		width: auto;
	}
	
	
	.slide {
		font-size: 0.7em;
	}
	
	
	.narrow .main {
		padding-left: 3%;
		padding-right: 3%;
		width: 92%;
	}
	
	
	.home .main h2 {
		font-size: 1.5em;
	}
	
	
	
	.form-layout .intro,
	.form-layout .form {
		float: 0;
		width: 100%;
	}
	.form-layout .intro h2 {
		padding: 0.5em 7%;
	}
	.form-layout .intro p,
	.form-layout .intro .link-list {
		padding: 0 7%;
	}
	
/*
	.form-layout .intro {
		margin-bottom: 2em;
	}
*/
	
	
	

}


@media screen and (max-width: 560px) {


/*
	.reg-buttons p {
		width: 60%;
	}
	.reg-buttons p.participant {
		background-position: 9% 0;
		padding-left: 22%;
	}
	.reg-buttons p.group {
		padding-left: 22%;
	}
*/

	
	.user-content-wrap > div {
		float: none;
		width: 98%;
	}
	
	
	.img-even .cms-module-image, 
	.img-odd .cms-module-image {
		clear: both;
		float: left;
		margin-left: 0;
		margin-right: 0;
		max-width: 100%;
	}
	.with-image .cms-page-module-content {
		clear: both;
		float: none;
		width: 100%;
	}
	
	
	footer {
		width: 80%;
	}
	footer .more-info {
		margin-bottom: 2em;
		width: 100%;
	}
	
	
	.positions .category-preview {
		padding: 0;
		width: 100%;
	}

}


@media screen and (max-width: 400px) {

	nav li {
		width: 50%;
	}
	
	header h1 {
		font-size: 1.5em;
	}
	
	.slide {
		font-size: 0.5em;
	}
	
	.benefits li {
		clear: both;
		float: none;
		margin: 2em auto 0;
		width: 80%;
	}
	
	.reg-buttons p.participant, 
	.reg-buttons p.group {
		background-image: none;
		padding-left: 0;
		width: 80%;
	}
	.reg-buttons .register {
		width: 80%;
	}
	
	
	footer .more-info li {
		float: none;
		width: 100%;
	}
	footer .footer-logos {
		display: block;
		height: auto;
		overflow: hidden;
	}
	footer .footer-logos a,
	footer .footer-logos div {
		float: none;
		height: 55px;
		margin: 1em 0;
	}
	footer .footer-logos img {
		max-height: 100%;
		margin: 0;
	}

}

@media screen and (max-width: 220px) {

	nav li {
		width: 100%;
	}
	

}




#goto-main-nav {
	background-color: rgb(18,123,198);
	color: rgb(250,250,250);
	display: block;
	font-size: 0.85em;
	font-weight: bold;
	left: 0;
	margin: 0 auto;
	padding: 0.5em 0;
/* 	position: fixed; */
	text-align: center;
	top: 0;
	width: 98%;
}
#goto-main-nav:hover {
	color: rgb(255,255,255);
	text-decoration: none;
}