/*
Theme Name: Walkit
Theme Author:	Martin Parretti
		Chris Garrett Media Ltd
		Hung Bui

Author URI: http://walkit.com
	
*/


body {
	font: 12px/1.5 Helvetica, Arial, sans-serif;
	color: #222;
	background: transparent;
}

p {
	margin: 10px 0;
}

a {
	text-decoration: none;
	outline:none;
}

#copyright a, #unusedwidgets a, #sitetandc a, #acknowledge a, #content .arbitraryhtmlwidget h2 a, #content .arbitraryhtmlwidget h2 a:hover, #content a {
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	color:#0A97CF;
	text-decoration:none;
}

#content a:hover, #content a:focus, #unusedwidgets a:hover, #unusedwidgets a:focus, #copyright a:hover, #sitetandc a:hover, #acknowledge a:hover {
	color: #666;
}

#footer a{
	font-weight: bold;
	color: #32A6F3;
}
	
strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

sub {
	position:relative;
	top:0.35em;
}

table{
	width: 100%;
}


table caption{
	margin: 0 -8px;
	padding: 8px;
	font-weight: bold;
	background: #EAEFF5;
	color: #333738;
}

table tr{
	border-bottom: 1px solid #EEE;
}

	table tr th, table tr td{
		padding: 10px;
		font-size: 13px;
	}

	table thead tr th{
		font-weight: bold;
		color: #222222;
	}
	
		#content table tr td a{
			border-bottom:1px dotted #AAAAAA;
			font-weight:bold;
		}

table tfoot{
	text-align: right;
}

	table tfoot tr{
		border: 0;
	}
	
		#content table tfoot tr td{
			padding-bottom: 0;
		}
		
			#content table tfoot tr td a{

			}

/* Headings */
h1{
	padding-top: 22px;
}

#header h1 a{
	display: block;
	height: 80px;
	text-indent: -9000px;
	background: url(images/walkit-logo.png) no-repeat; 
}

#strapline h1 a:focus {
	outline: none;
}


h2{
	line-height: 1.0;
	letter-spacing: -1px;
	font-size: 26px;
	color: #333333;	
	font-weight:bold;
}

#content h2 a, #content h2 a:hover {
	color: white;
	border-bottom: none;
}


h3, #select-city h4{
	line-height: 1.0;
	font-size: 18px;
	font-weight: bold;
	color: #212A33;
}

h3.nav-heading{
	margin: -10px -10px 0 -10px;
	padding: 10px;
	font-size: 16px;
	background: #5ABBDC;
	color: #FFF;
}

.widget-outer h3 {
	text-transform: none;		
}

h3.has-subtitle{
	color: #336073;
}

	h3.has-subtitle span{
		font-size: 11px;
		color: #838D8F;
	}

#nav h3, #select-city h4{
	padding: 10px 0;
	float: left;
}
h3.bar-heading {
	margin: -10px -10px 5px -10px;
}
.arbitraryhtmlwidget h3.bar-heading {
	margin: -10px -10px 15px -10px;
}
h3.bar-heading, .arbitraryhtmlwidget h3.bar-heading {
	padding: 10px 10px;
	font-size: 14px;
	background: #262B2F url(images/header-grad.jpg) bottom repeat-x;
	color: #FFF;
	border:none;
}


h4{
	font-weight: bold;	
}

h5{
	margin-bottom: 16px;
	line-height: 1.0;
	font-size: 16px;
	color: #4C4A4B;
}

/* Layout */

#content {
	margin-top:30px;
}

#page-cities #content {
	margin-top:10px;
}
#page-welcome #content {
	margin-top:0px;
}
#citylist {
	display:none;
}

#cityheader.nomad .container,
#page-welcome #city-intro .container,
#page-cities #city-intro .container {
	background:#262B2F url(images/headers/default/nomad.jpg) repeat-x scroll right top;
	height:95px;
}

.no-pad {
	margin-top:0px !important;
}
.container {
	margin: auto;
	width: 980px;
}

.containerrearrangeinterface {
	margin:0 0 0 20px;
}

#content.edit-profile {
	margin-top: 0;
}


#confirmform,
#validate, #header {
	position:relative;
/*	z-index:999;*/
}

	/* welcome page */
	
	#page-welcome h1 a {
		height: 79px;
		width: 300px;
		background: url(images/walkit-logo-large.png) no-repeat;
	}
	
	#page-welcome #user-meta{
		display:none;
	}
	
	#page-welcome #header #tabs ul {
	margin-top:-8px;
	}
	#page-welcome #header #tabs {
	position:relative;
	top:0px;
	}
	
	#page-welcome #headerwrap {
		height:345px;
	}
	
	#page-welcome #header #strapline {
		height:306px;
	}
	
	#page-welcome #footer {
		border-top:2px solid white;
	}
	
	#page-welcome #intro-boxes {
		height: 150px;
	}

	
	
	#page-welcome h2 {
		color: white;
		font-weight: bold;
		text-shadow: #58646e 0px 0px 4px;				
	}
	
	.welcometext {
		width: 400px;
		color: white;
		font-size: 16px;
		margin-left: 10px;
		padding: 3px;
		line-height:1.3em;
		font-weight:bold;
		background: black;
	}
	
	
	#page-welcome h4 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	#page-welcome #intro-boxes .box {
		width: 290px;
		margin-left: 15px;
		margin-top: 10px;
		float: left;
		color: white;
		font-size: 11px;
		-webkit-box-shadow: #909a9e 0px 0px 10px;
		-moz-box-shadow: #909a9e 0px 0px 10px;
	} 
	
	#page-welcome #intro-boxes .box div {
		padding: 10px;
		background: url(images/box.gif) top repeat-x;
		border: 2px solid white;	
		-webkit-border-radius: 5px;	
		-moz-border-radius: 5px;	
		overflow: auto;	
	}
	
	#page-welcome #intro-boxes .box ul {
		background: transparent;
		margin-left: 0px;
	}
	
	#page-welcome #intro-boxes .box li {
		width: 255px;
	}
	
	#page-welcome #intro-boxes .box#try {
		padding: 10px;		
		background: url(images/box-try.gif) top repeat-x;
		border: 2px solid white;	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		overflow: auto;	
		font-size: 18px;
		font-weight: bold;	
		min-height: 84px;	
	}


	
	/* nomad page */
	
	#page-nomad #city-intro .container {
		background-color:#666666;
		height:100px;
	}
	#page-nomad #city-intro .container h2 {
		padding:0;
	}
	
	
	#page-register #content .container, #page-login #content .container {
		margin-top:20px;		
	}
	
	#page-register button#mywalkit-plus-signup.button.modal { background: url(/wp-content/themes/cgm/images/sign-up-sprite.png) 0 0 no-repeat; width: 167px; height: 32px; float: right; }
	
	#page-register button#mywalkit-plus-signup.button.modal:hover { background-position: 0 -33px; }
	
	#page-register button#mywalkit-signup.button.modal { background: url(/wp-content/themes/cgm/images/sign-up-sprite.png) 0 0 no-repeat; width: 167px; height: 32px; float: right;}
	
	#page-register button#mywalkit-signup.button.modal:hover { background-position: 0 -33px; }
	
	#headerwrap {
		background: #262B2F url(images/header-grad.jpg) top repeat-x;
		border-bottom: 0px solid #FFF;
		height: 143px;
		min-width: 980px;
	}

	.bodyrearrangeinterface #headerwrap {
			position:relative;
			min-width:1200px;
	}


	/* 'City tools' toolbox */

	#citytools {
		position:absolute;
		top:116px;
		right:10px;	
		width:150px;
		background-color:white;
	}

	#citytoolsheading {
		padding:4px 13px 4px 12px;
		background-color:#1A1C1B;
		color:#abeafb;
		font-weight:bold;
		font-size:12px;
		line-height:1.5;
		height:18px;
	}

	#citytoolstoolbox {
		border:1px solid #1A1C1B;
		padding-top:20px;
		overflow:hidden;
	}

	#unusedheadersheading, #citytoolsactions a {
		text-align:center;
		padding: 0 0 20px 0;
	}

	#citytoolsactions a {
		display:block;
	}

	#unusedwidgets {
		border-left:none;
		border-right:none;
		border-bottom:none;
	}

	/* End 'city tools' toolbox */



	#header a.welcome {
		padding: 0;
		margin: 0;
	}

	#header #leaderboard {
		position:absolute;
		right:0;
		top:10px;
		width:728px;
	}
	
	#header #leaderboard a img {
		margin: 0 auto;
		width: auto;
		display: block;
	}

	#header a{
		color: #FFF;
		font-weight: bold;
	}
	
	.tip {
		background:#FFF6BF;
		border:2px solid #FFD324;
		color:#514721;
		height:23px;
		padding: 5px;
	}
	.tip em {
		background:transparent url(images/tip-top.png) no-repeat scroll 0 0;
		height:30px;
		left:0;
		position:absolute;
		top:-16px;
		width:30px;
	}
	
	.tip a {
		color:red;
		position:absolute;
		right:20px;
		top:2px;
	}
	.tip a:hover {
		color:black;
	}
	.tip a.x {
		padding-left: 40px;
	}
	.tip p {
		padding:3px 7px;
		margin:0;
	}
	.tip1 {
		left:57px;
		position:absolute;
		top: 48px;
		width:195px;
		display: none;
		font-size: 16px;
		height: auto;
	}
	.tip2 {
		display:none;		
		left:57px;
		position:absolute;
		top:83px;
		font-size: 14px;
		width:185px;
	}
	.tip3 {
		display:none;		
		left:57px;
		position:absolute;
		top:142px;
		font-size: 14px;		
		width:185px;
	}
	
	
	div.tip3 em,
	div.tip2 em {
		background: url(images/tip-top.png) no-repeat;
		top:-16px;
	}	
	
	#form-circular .tip2 {
		width:200px;
	}
	#form-point .tip2 {
		left:145px;
	}


/* Navigation Tabs: AtoB, Circular, Plot, other */
		
#header #tabs {position:absolute; top:81px}
#header #tabs ul {margin-top: 30px; width:250px;}
#header #tabs ul li {margin-right: 2px; float: left; font-size:14px; font-weight:bold; }
#header #tabs ul li a {display:block; color:#333; text-align:center;  padding: 11px 0px 10px 0; line-height:1;}
#header #tabs ul li span {display:block;} 
#header #tabs .active span { background:none; }

/*		
	ul.hideactive li {display:none}
	ul.hideactive li.active {display:block}
*/			

#header #tabs ul li#atob-tab {width:74px;}
#header #tabs ul li#atob-tab.active {background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) 0 1px no-repeat;}
#header #tabs ul li#atob-tab.active a {color:#000; padding-top:12px}

#header #tabs ul li#atob-tab {margin-right: 2px; float: left; font-size:14px; font-weight:bold; background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) 0 -32px no-repeat}
#header #tabs ul li#atob-tab span {background: none;}

				
#header #tabs ul li#circular-tab {width:72px;}
#header #tabs ul li#circular-tab.active {background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) -160px 1px no-repeat;}
#header #tabs ul li#circular-tab.active a {color:#000; padding-top:12px}

#header #tabs ul li#circular-tab {margin-right: 2px; float: left; font-size:14px; font-weight:bold; background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) -160px -32px no-repeat }
#header #tabs ul li#circular-tab span {background: none;}

#header #tabs ul li#plot-tab {width:72px;}
#header #tabs ul li#plot-tab.active {background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) -80px 1px no-repeat;}
#header #tabs ul li#plot-tab.active a {color:#000; padding-top:12px}

#header #tabs ul li#plot-tab {margin-right: 2px; float: left; font-size:14px; font-weight:bold; background:url(/wp-content/themes/cgm/images/nav/walkit-nav-bold.gif) -78px -32px no-repeat }
#header #tabs ul li#plot-tab span {background: none;}

				
#header #tabs ul li a:hover,
#header #tabs ul li a.hover {color:#000}



#nav {
	font-size: 1em;
	font-weight: bold;
	color: #2B2831;
	height:202px;
	position:relative;
	z-index:999;
	margin-bottom: 15px;
	padding-bottom:0;
}

#nav.confirm .pad {padding: 0}

/* Color-0 is the 'A to B' tab, color-1 is the 'circular' tab, color-2 is the 'point' tab */
.color-0 {background: #36C8F1 url(/wp-content/themes/cgm/images/nav/nav-bg.gif) 0 0 no-repeat}
.color-1 {background: #42F436 url(/wp-content/themes/cgm/images/nav/nav-bg.gif) -351px 0 no-repeat}
.color-2 {background: #F5A635 url(/wp-content/themes/cgm/images/nav/nav-bg.gif) -701px 0 no-repeat}
#confirmValidate .color-0, #confirmValidate .color-1, #confirmValidate .color-2 {
	background-image: url(/wp-content/themes/cgm/images/nav/nav-bg-wide.gif)
}
#confirmValidate .color-1 { background-position: -652px 0}
#confirmValidate .color-2 { background-position: -1306px 0}

#nav input{
	color:#2B2831;
	margin: 5px;
	padding: 5px;
	border: 0;
	font-size: 14px;
	background: #FFF;
	width: 197px;
	font-weight: bold;
}

/* Add rounded corners to appropriate form fields */
#nav input, #user-form input, #linktiny, #linklong, #nav .step-num, #confirm input, .mw-panel input, .styledform input, .styledform textarea, form#profile div input, #mywalkitprofile input {
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 0;
}


	#nav .pad {
		padding:4px 10px 8px 10px;
	}
	#nav .pad label {
		display:block;
		float:left;
		width:52px;
		margin-top:10px;
		text-align: right;
		font-size: 12px;
	}
	
	.horizontalrb {margin-left:43px}

	#nav .pad .horizontalrb label {
		display:inline;
		float:none;
		width:auto;
		font-size:0.8em;
	}
	#nav .pad .horizontalrb input {
		width:auto;
	}
	
	.hide-me{display:none}
	
	.show-me {display:block !important}
		
	#nav .step-one {height:35px; overflow:hidden}
	#nav .step-two {clear:both}
	#nav #form-circular label em {font-size:0.7em}
	
	#nav .step-num {
		background-color:#FFFFCC;
		display:block;
		float:left;
		font-size:1.2em;
		font-style:normal;
		font-weight:bold;
		height:23px;
		margin-right:8px;
		margin-top:8px;
		padding:0 2px 0 4px;
		text-align:center;
		width:15px;
		line-height:25px;
		display:none;
	}
			
		#nav a.low {
			border-bottom: 1px dotted white;
			color: black;
		}
		
		#nav a.low:hover {
			border-bottom: 1px solid white;
		}
		
		#optionsHandle {
			-moz-border-radius-bottomleft:10px;
			-moz-border-radius-bottomright:10px;
			background:#5CBEFA none repeat scroll 0 0;
			border-bottom:2px solid white;
			border-left:2px solid white;
			border-right:2px solid white;
			clear:both;
			font-size:11px;
			left:349px;
			margin-top:0;
			padding:0 4px 4px 5px;
			position:absolute;
			top:38px;
			width:490px;			
			-webkit-border-bottom-left-radius: 10px;			
			-webkit-border-bottom-right-radius: 10px;						
		}
		#optionsHandle .addvia {
			float:right;
			clear:both;
			margin:10px 0;
			width:50px;
		}
		
		#optionsHandle #d1, #optionsHandle #d2, #optionsHandle #d3 {
			width:15px;
		}

		#optionsHandle a.handleText:hover {
			cursor:hand;
			color:#000000;
		}
		
				
		#optionsHandle a.handleText {
			background:transparent url(images/buttons/more-options.png) repeat scroll 0 0;
			color:#222222;
			display:block;
			font-size:0.9em;
			height:23px;
			line-height:2.7em;
			text-indent:8px;
			width:99px;	
			float:right;
			clear:right;
			border:0 !important;
			text-decoration:none !important;
		}
		#optionsHandle .optionDown {
			background:transparent url(images/buttons/more-options.png) repeat scroll 0 -23px !important;

		}
		
		#optionsContent {
			font-size:0.8em;
			margin-left:202px;		
			margin-top: 6px;
			margin-bottom: 5px;
		}
		
		#optionsContent div {
			margin-top: 10px;
		}
		#optionsContent #vialist {
			float:right;
		}
		#optionsContent #vialist li {
			float: none;
			margin-bottom: 3px;
		}
		
		#nav #vialist input {
			width: 165px;
		}
		
		#vialist li a {
			position: relative;
			border-bottom: none;			
 		}
		#vialist li a:hover {
			cursor: pointer;
			cursor: hand;			
			border-bottom: none;						
		}
		
		#optionsContent a#add, #optionsContent a#remove {
			color:#FFFFFF;
			padding: 6px 10px 6px 12px;
			margin: 2px;
			background: url(images/plus.gif) 0 0 no-repeat;			
			cursor: pointer;
			text-decoration: none;
			border-bottom: none;
		}
		
 		.remove {
			background: url(images/minus.gif) bottom right no-repeat;
			left:0px;
			padding-left:4px;
			padding-right:20px;
			padding-top:4px;
			padding-bottom: 6px;
			border-bottom: none;
		}
	
		/* city dropdown */
		
		#nav select {

			margin-top: 8px;
			margin-left: 5px;
			width: 208px;	
			padding:2px;
			color:#2B2831;	
			max-height: 21px;
		}
		
		/*
		#nav select {
			margin-left: 0px;
		}
		select#city {
			margin-left: 5px;
		}*/

		#city:focus {
			outline: none;
		}
		
		
		
/* STATDOCK */

#smallstatdockwrap{
	/*display: none;*/
	overflow:hidden;	
	position:relative;
	top:-640px;
	/*left: 0;*/
	left: 16px;
	width: 550px;
}

#smallstatdock {
	display: none;
	-moz-border-radius:10px;
	-webit-border-radius:10px;
	color:#222222;
	height:40px;	
	margin-bottom: 84px;
	background:transparent url(images/bg5_60m.png) repeat scroll 0 0;
	border-left: none;
	width:540px;
	font-weight:bold;
	color: #fff;
}

#smallstatdock .items {
	position:relative;
}

#smallstatdock .item {
	width: 120px;
	display: inline;
	float: left;
	height: auto;
	padding: 3px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}


#smallstatfade {
	background: transparent url(images/expand-close.gif) no-repeat scroll bottom right;
	float: left;
	height:20px;
	text-align: right;
	text-decoration:none;
	width: 15px;
}


#statfade {
	background: transparent url(images/expand-close.gif) no-repeat scroll bottom left;
	display: block;
	float: left;
	height:20px;
	text-align: left;
	text-decoration:none;
	border-bottom: none;
	width:15px; 
}

#content #smallstatfade,
#content #statfade,
#content #smallstatfade:hover,
#content #statfade:hover {
	border-bottom: none;
	text-decoration: none;
}

#statdock {
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topright:10px;
	color:#222222;
	height:120px;
	background:transparent url(images/bg5_60m.png) repeat scroll 0 0;
	font-weight:bold;
	color: #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#statdockwrap{
	overflow:hidden;	
	position:relative;
	top:-640px;
	/*left: 0;*/
	left: 16px;
}

#statdock .items {
	position:relative;
}

#statdock .item {
	width: 120px;
	display: inline;
	float: left;
	height: 93px;
	padding: 3px;
	text-align: center;
	font-weight: lighter;
}

/*#statdock .item#sep {
	padding-left: 10px;
	border-left: 1px solid #62625e;
	width: 56px;
	padding: 0;
	padding-left: 5px;
}*/

#statdock #first {
	width: 120px;
}

#statdock .item span {
	display: block;
	height: 23px;
}

#statdock .item#last {
	border: none;
}

#statdock .alt {
	background: none;
	/*color: white;	
	padding: 2px;*/
	font-size: larger;
	font-weight: bolder;
}

#statdock p {
	padding-bottom: none;
	margin: 3px;
	margin-top: 4px;
	/*font-weight: normal;*/
	width:  auto;
	text-align: center;
}
#statdock p a {
	background-color: #000;
	color: #81ddff;
	padding-left: 4px;
	padding-right: 4px;:w
	
}
#statdock p a:hover {
	color: #ccc;
}


#statdock h4 {
	font-size: 14px;
	color: #fff;
	/*color: #878787;*/
	text-align: center;
	padding-bottom: 3px;
}

#statdock span {
	font-size: 13px;
}

#statdock .value {
	font-size: 20px;
}

/* 

	New Statdock
	
*/

#statwrap {
	width: 680px;
	font-size: 14px;
	color: #212a33;
	padding-top:2px;
	border-bottom:4px solid #959595;
}

#statwrap h4 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;
	padding-bottom: 5px;
	color: white;
	text-shadow: 0px 2px 2px #515151;	
	display: inline;
	margin-right: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;	
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;	
	background: #afafae;
			
}



#statwrap table {border-bottom:6px solid #EFF3F6;}

#statwrap table thead tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#statwrap table thead tr th {
	padding:5px 0 5px 25px;
	color:#555;
	font-weight: bold; 
}


#statwrap table tr {
	border-bottom: none;
	margin-top:10px;
}


#statwrap table tr td {
	width: 20%;
	padding: 0;
	font-size: 12px;
}

#statwrap table tr th.th-distance {background:url(/wp-content/themes/cgm/images/mywalkit/distance.png) 0 0 no-repeat}
#statwrap table tr th.th-calories {background:url(/wp-content/themes/cgm/images/mywalkit/calories.png) 0 0 no-repeat}
#statwrap table tr th.th-time {background:url(/wp-content/themes/cgm/images/mywalkit/time.png) 0 0 no-repeat}
#statwrap table tr th.th-co2 {background:url(/wp-content/themes/cgm/images/mywalkit/co2.png) 0 0 no-repeat}
#statwrap table tr th.th-co2 a { border-bottom:none; }


#statwrap table tr td span {
	display:block;
	margin:0 3px 0 3px;
	padding:1px 4px 0 4px;
	background:#DCE3EB;
	font-weight:bold;
	color:#444;
}

#statwrap table tr.first td span {margin-top:5px}

#statwrap table tr td.my-co2 {width: 28%;}
#statwrap table tr td.my-co2 span  {float:left; width:83px;  margin-right:0}
#statwrap table tr td.my-co2 span.co2-left  {width:80px;}
#statwrap table tr td.my-co2 span.co2-right  {width:102px;}

#statwrap table tr td.my-co2 span.empty  {width: 91%; height:17px;} /* width: 174px */
#statwrap table tr td.my-co2 span.ellipsis.circ { width: 100%; }

#statwrap h2 {
	font-size: 26px;
	margin-top: 10px;
}

#statwrap p.statlinkjoin {
	
}

#content #statwrap p.statlinkjoin a {
	color: #333333;
	border-bottom: 1px solid #222;
}

#statwrap h4.active {
	background: #808080;				
}

#newsstat {
	background: #EFF3F6;			
/*	height: 130px; */
}

.innerstat {
	padding-left: 0 3px 0 3px;
}

.statfooter {
	font-size: 13px;
	background: #D9E0E6;		
	height:30px;
	position:relative;
}


#my-stats {
	display: none;
}

#content .statfooter a {
	color: #333237;
	padding: 5px 10px 5px 25px;
	border-bottom: none;
	float:left;
	display:block;
	height:20px;
	width:auto;
	border-right:1px solid #B3C3D2;
	border-left:1px solid #fff;
	font-weight:normal;
	position:relative;
	}


#content .statfooter a.print {background:url(/wp-content/themes/cgm/images/mywalkit/statdock-icons.gif) 2px -37px no-repeat}
#content .statfooter a.link {background:url(/wp-content/themes/cgm/images/mywalkit/statdock-icons.gif) 2px -75px no-repeat}
#content .statfooter a.facebook { background:url(/wp-content/themes/cgm/images/mywalkit/statdock-icons.gif) 3px -105px no-repeat; padding-right:6px; }
#content .statfooter a.homecity { background:url(/wp-content/themes/cgm/images/mywalkit/statdock-icons.gif) 2px -136px no-repeat; padding-right:6px; }
#content .statfooter a.feedback {background:url(/wp-content/themes/cgm/images/mywalkit/statdock-icons.gif) 2px 2px no-repeat}
#content .statfooter a.whatsthis {padding:8px 0 0 58px;font-size:11px;border-right:none;color:red;}
#content .statfooter a.bankthis {border-right:0;padding-left:0px;padding-right:0px;}

#content .statfooter a.expand-result {border-right:0;padding-left:0;padding-right:5px;border-left:none;}
#content .statfooter a.expand-result img.close {display:none;}
#content .statfooter a.expand-result:hover {background:none;}

#content .statfooter div.expanded-content2 {display:none;opacity:0.9; position:absolute; top:30px; width:333px;left:316px; margin:0;padding:0; z-index:1; background:#D9E0E6;min-height:154px;}
#content .statfooter div.expanded-content2 h3 {float:left;display:block; width:323px;height:12px;overflow:hidden;color:#fff; background:#2E3841;margin:0; padding:9px 5px;font-size:13px;}
#content .statfooter div.expanded-content2 form {padding:5px;}
#content .statfooter div.expanded-content2 form div.switching {float:left; width:165px; font-size:11px;padding:10px 0;}
#content .statfooter div.expanded-content2 form p {font-size:11px; width:140px;margin:0;padding:2px 0;margin:0;}
#content .statfooter div.expanded-content2 form div.switching p {width:160px;}
#content .statfooter div.expanded-content2 form div.switching p label {padding-left:5px;}

#content .statfooter div.expanded-content2 form div.walkingspeed {float:left; width:150px; font-size:11px;padding-top:10px;}
#content .statfooter div.expanded-content2 form div.walkingspeed select {width:140px;margin:1px 0 40px 0; padding:2px 5px; background:#fff; color:#111; font-size:11px;}
#content .statfooter div.expanded-content2 form div.walkingspeed input.submit {margin-top:20px}


#content .statfooter a:hover {background-color:#C5CDD4}
#content .statfooter a.print:hover {background-position: 2px -219px;}
#content .statfooter a.link:hover {background-position: 2px -257px;}
#content .statfooter a.facebook:hover {background-position: 3px -283px;}
#content .statfooter a.homecity:hover {background-position: 2px -314px;}
#content .statfooter a.feedback:hover {background-position: 2px -180px;}
#content .statfooter a.whatsthis:hover {background-color: #D9E0E6; color:#000;}
#content .statfooter a.bankthis:hover {background-color: #D9E0E6}

#newsstat .head {
	padding-top: 8px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #808080;		
}

h4:hover {
	cursor: pointer;
	cursor: hand;
}


/*

#profile h3 {margin-top: 10px}

#profile input:focus {background:#FFF6BF; color:#514721; border: 1px solid #FFD324}

#profile .half {width: 50px; margin-right: 10px}

#profile .tiny {width: 45px; margin-right: 10px}

#profile .sm {width: 15px;margin-right: 0}

#profile .second {margin-left: 10px}
#profile #second {margin-left: 10px}

*/






a#statfade,
a#statfade:hover {
	border-bottom: none;
	cursor: pointer;
	cursor: hand;
}		
		

#city-intro{
	font-weight: bold;
	background: #222 url(images/gradient.gif) top repeat-x;	
	color: #FFFFFF;
	height:200px;
	width:665px;
	float: right;
	margin-bottom:15px;
	margin-top:2px;

	/* Prevent the cityheader spilling out of the bottom of this div */
	overflow:hidden;

	/* Position relative to enable the weatherbox and 'explore our cities' menu
	   to be positioned absolutely with respect to this element */
	position:relative;
}

#cityheader {
	height:200px;

	/* Large top padding, to allow for the absolutely positioned
	   main H2 */
	padding-top:37px;
}

/* IE6 treats the top-margin of paragraphs differently to other browsers
   (for some reason, the first one in the cityheader div is not applied) so
   using a bottom margin instead. */
#cityheader p {
	margin:0 0 10px 0;
}
#cityheader.Cities {
	background: #222 url(images/headers/default/nomad.jpg) top center no-repeat;
}

#cityheader.nomad h2 {
	margin-top: 25px;
}

#city-intro .cityname span {
	position:relative;
	top:-3px;
}
#city-intro .cityname span a {
	background-color:#000;
	text-decoration:none;
	border:2px solid #111 !important;
	display:inline;
	font-size:0.4em;
	letter-spacing:0;
	padding:4px !important;
	font-size: 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

#city-intro .cityname span a:hover {
	background-color:#FFF;
	color:#222;
}

#city-intro .cityname  {
	background:transparent url(images/bg5_60m.png) repeat scroll 0 0;
	padding:10px 0 7px 10px;
	width:400px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

	position:absolute;
	top:10px;
	left:10px;
}

#city-intro .Cities .cityname {
	top:0;
	background: none;
	width: 400px;
	font-size: 18px;
	padding-left:4px;
}

#city-intro .Cities p {
	background: none;
	font-size:14px;
	font-weight:lighter;
	line-height:16px;
	margin-left:15px;
	width:400px;
}

/* forum */
#forumtop {
	width: 980px;
	margin: 0 auto;
}

#forumtop .cityname {
	background:#262B2F url(images/header-grad.jpg) repeat-x scroll center bottom;
	margin-left:10px;
	margin-top: 10px;		
	padding:10px 0 7px 10px;
	width: 400px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-transform: capitalize;	
	color: white;
}



#forumtop .cityname a {
	color: white;
	text-decoration: none;
	border-bottom: none;
}

#forumtop a.citylink {
	border-bottom:2px dotted #FFFFFF;
}

#forumtop .city {
	text-transform: uppercase;
}


.post-topic {
			background:transparent url(images/buttons/post-new.png) no-repeat scroll center top;
			width:177px;
			height:40px;
			border:medium none !important;
			display:block;
			overflow:hidden;
			text-indent:-9999px;
}
#submit {
	background: #d7e2e5;
	width:177px;
	height:40px;
	color: #0A97CF;
	font-weight: bold;
	font-size: 14px;
}
#submit.button-hover {
		/*	background:transparent url(images/buttons/post-new.png) no-repeat scroll center -40px; */
}

	/* Cit Subpage header */
	
	#city-intro h2 {
		color:#FFFFFF;
		width:400px;
	}
	#city-intro h2 small, #city-intro h2 .middle {
		font-size:0.7em;
	}
	
	#city-intro a,
	#city-intro h2 a:link,
	#city-intro .h2 a:visited {
		color: #FFFFFF;
		padding:6px 3px 0px 3px;
		border-bottom:2px dotted #FFFFFF;
	}
	
	#city-intro .subpage h2 a:hover {
		background-color:#222222;
		border-bottom:2px solid transparent;
	}
	
	

	/* City images */
	

	#page-cities #city-intro, #page-welcome #city-intro  {
		background: #222 url(images/headers/default/nomad.jpg) top center no-repeat;
	}

	/* information pages */
	
	#bluetop {
		font-weight: bold;
		background: #0C93CD url(images/city-intro-grad.jpg) top repeat-x;
		color: #FFFFFF;
		height: 200px;
		width: 100%;
		-moz-border-radius-bottomleft:10px;
		-moz-border-radius-bottomright:10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	
	
	html body #content.information {
		clear: none;
		margin-top: 0;
	}

	#content.information .container {
		float: right;
		width: 650px;
		font-size: 14px;
		margin-bottom: 25px;
		margin-top: -250px;		
	}
	
	#content.information .container .text {
		width: 500px;
	}

	#content.information h2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#content.information h3 {
		padding-top: 20px;
		padding-bottom: 20px;		
	} 

	#content.information img a,
	#content.information img {
		display: block;
		width: auto;
		margin: 0 auto;
		border: none;
		text-decoration: none;
	}
	


	/* Weatherbox Styling */
	
	#weatherbox{
		width:125px;
		position:absolute;
		top: 10px;
		right:8px;
	}
	#city-intro #weatherbox #today, #city-intro #weatherbox #tomorrow {
		width:120px;
		overflow:hidden;
		float:left;
		background:transparent url(images/bg5_60m.png) repeat scroll 0 0;
		margin-right:10px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	#city-intro #weatherbox #today {
		margin-bottom: 10px;
	}
	#city-intro #weatherbox .inner{
		padding:3px 6px;
	}
	#city-intro #weatherbox .day{
		display:block;
		font-size:0.8em;
	}
	#city-intro #weatherbox h2{
		color:#FFFFFF;
		font-weight:normal;
		font-size:17px;
		width:55px;
		float:left;
	}
	#city-intro #weatherbox .icon {
		background: transparent url(images/weather/all-icons.gif) 0px 0px no-repeat;
		background-position: 0px 0px;
		overflow:hidden;
		display:block;
		float:right;
		height:22px;
		width:33px;
	}
	.weather-32 .icon,
	.weather-36 .icon
	{
				background: transparent url(images/weather/all-icons.gif) 0px 0px no-repeat !important;
	}
	.weather-31 .icon,
	.weather-33 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -26px 0px no-repeat !important;
	}
	.weather-34 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -55px  0px no-repeat !important;
	}
	.weather-29 .icon,
	.weather-30 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -88px 0px no-repeat !important;
	}
	.weather-28 .icon,
	.weather-44 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -125px 0px no-repeat !important;
	}
	.weather-26 .icon,
	.weather-27 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -162px 0px no-repeat !important;
	}
	.weather-9 .icon,
	.weather-40 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -200px 0px no-repeat !important;
	}
	.weather-11 .icon,
	.weather-12 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -269px 0px no-repeat !important;
	}
	.weather-8 .icon,
	.weather-10 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -302px 0px no-repeat !important;
	}
	.weather-35 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -334px 0px no-repeat !important;
	}
	.weather-5 .icon,
	.weather-6 .icon,
	.weather-7 .icon,
	.weather-13 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -366px 0px no-repeat !important;
	}
	.weather-14 .icon,
	.weather-42 .icon,
	.weather-46 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -398px 0px no-repeat !important;
	}
	.weather-15 .icon,
	.weather-16 .icon,
	.weather-17 .icon,
	.weather-18 .icon,
	.weather-41 .icon,
	.weather-43 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -430px 0px no-repeat !important;
	}
	.weather-0 .icon,
	.weather-1 .icon,
	.weather-2 .icon,
	.weather-3 .icon,
	.weather-4 .icon,
	.weather-37 .icon,
	.weather-38 .icon,
	.weather-39 .icon,
	.weather-45 .icon,
	.weather-47 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -463px 0px no-repeat !important;
	}
	.weather-19 .icon,
	.weather-20 .icon,
	.weather-21 .icon,
	.weather-22 .icon,
	.weather-23 .icon,
	.weather-24 .icon,
	.weather-25 .icon
	{
				background: transparent url(images/weather/all-icons.gif) -496px 0px no-repeat !important;
	}
	
	/* End of Weatherbox Styling */

	#city-intro #weatherbox .info{
		font-size:0.8em;
		overflow:hidden;
		height:14px;
		display:block;
		clear:both;
	}
	
	

	#city-intro dl{
		
	}
	
		#city-intro dl dt{
			margin-right: 4px;
			float: left;
			clear: left;
		}
		
#content{
	clear:both;
}

.left-col{
	width: 300px;
	float: left;
	overflow: hidden;
	background:#fff;
}


/* Widget pages */

.center-widgets {
	width: 680px;
	float: left;
	overflow: hidden;
}

.center-widgets .col, .center-widgets .banner {
	margin-left:15px;
}
#page-walk .center-widgets .banner  {
	margin-left:3px;
}
#page-walk .center-widgets .hillprofile {
	margin-left:15px;
}
#page-walk #nav {
	margin-bottom:0;
}

/* Slightly reduced left-margin when the guide lines
   are showing to prevent the far-right column 
   wrapping underneath the right-hand column */
.center-widgets .col.rearrangeinterface {
	margin-left:12px;
}

.center-widgets .col {
	float:left;
}

.rearrangeinterface {
	min-height:150px;
	border:1px solid #bbbbbb;
	margin-bottom:20px;
}

.center-widgets .standardwidth, .center-widgets .wider.rearrangeinterface {
	width:328px;
}

.center-widgets .wider {
	width:490px;
}

#rightwidgets {
	width:145px;
}
#farrightwidgets {
	width:160px;
}
.widgettemplates {
	display:none;
}
.sortableplaceholder {
	background-color: gray;
	border:1px dashed white;
	margin:5px;
}
.widgetarea {
	overflow:hidden;
}


/* Specific widgets */

.widgetlinks {
	margin: 0px;
	padding: 0px;
}
.widget-inner .widgetlinks li {
	margin: 0px;
	padding: 0px 0px 10px;
	list-style-type: none;
	list-style-position: outside;
}
.widget-inner .widgetlinks li a {
	border-bottom: 1px solid rgb(177, 236, 255);
	text-decoration: none;
	color: rgb(10, 151, 207);
}
.books .widget-inner li {
	text-align:center;
}


/* Styles for route results page (including widgets on the route result page) */

#map_alt {
	display:none;
}

.statdock .widget-inner {
	margin:0;
}

.routedirections {
	margin:0;
	overflow:hidden;

	/* Precise height to ensure correct vertical alignment of relevant widgets on the route result page
	   
	   NB overridden in IE6 and IE7 style sheets */
	height:598px;
}
.routedirections .widget-inner {
	margin:0;
}

#page-walk .mpu {
	margin:0 0 33px 0;
}

#page-walk .mpu .widget-inner, .hillprofile .widget-inner {
	margin:0;
}

.hillprofile {
	margin:0 0 20px 0;
}

.hillprofile h4 {
	text-align:center;
}


.routedirections .widget-inner, .map .widget-inner, .hillprofile .widget-inner, .statdock .widget-inner {
	background:none;
	padding:0;
}

.routedirections .widget-inner .widgetcontents {
	height: auto;	
	width: 300px;
	clear: left;	
	float: left;
	overflow: hidden;	

	height: 574px;
	overflow: auto;
	border-bottom: 1px solid #666;
}

.routedirections .widget-inner ol {
	margin:0 0 0 2px;
	font-weight: bold;
}

.routedirections .widget-inner ol li {
	list-style-type: decimal;
	list-style-position: inside;				
	font-size: 12px;
	font-weight: normal;
}

.routedirections .widget-inner .odd {
	background-color: #fff;
	border: solid 1px #fff;
	width: auto;
	padding-left: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
}

.routedirections .widget-inner .even {
	background-color: #D9E0E6;
	border: solid 1px #D9E0E6;
	width: auto;
	padding-left: 0.3em;
	padding-top: 0.3em;
	padding-bottom: 0.5em;
}

.routedirections .widget-inner .legtitle {
	color: #555;	
	padding: 5px 3px 3px 3px;
	margin:0;
	font-weight: bold;
}

.routedirections .widget-inner ul li {
	list-style-type: none;
	list-style-position: inside;				
	font-size: 12px;
	font-weight: normal;
	padding-left: 1.3em !important;
	padding-right: 0.9em !important;
}

.routedirections .widget-inner li.odd.instrfocus {
	background-color: #fff;
	color: #222;
	border: solid 3px #86d9fa;
	border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
}

.routedirections .widget-inner li.even.instrfocus {
	background-color: #EBF0F0;
	color: #222;
	border: solid 3px #86d9fa;
	border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
}

.clickablestep:hover {
	text-decoration: underline;
	cursor: pointer;
}


/* Need to be extra specific for the following rule to override '#content a' */
#content #rsssubscribe {
	display:block;
	border-bottom:none;
	padding:9px 0 11px 36px;
	background:transparent url(/wp-content/themes/cgm/images/rssicongreybackground.png) left center no-repeat scroll;
}
#rsssubscribe span {
	border-bottom:1px solid #cccccc;
}

/* Styles for freeform HTML widgets, i.e. the HTML widget and the page-content widget */

.arbitraryhtmlwidget .widget-inner ul, .arbitraryhtmlwidget .widget-inner ol {
	margin: 15px 0 15px 30px;
	padding:0;
}
.arbitraryhtmlwidget .widget-inner ul li, .arbitraryhtmlwidget .widget-inner ol li  {
	margin:8px 0;
	padding:0 0 0 6px;
	list-style-position:outside;
	list-style-type:disc;
}
.arbitraryhtmlwidget .widget-inner ol li {
	list-style-type:decimal;
}
.arbitraryhtmlwidget .widget-inner ol[type=a] li {
        list-style-type: lower-alpha;
}
.arbitraryhtmlwidget .alignleft {
	float:left;
	margin:0 10px 10px 0;
}
.arbitraryhtmlwidget .aligncenter {
	display:block;
	margin:15px auto 15px auto;
}
.arbitraryhtmlwidget .alignright {
	float:right;
	margin:0 0 10px 10px;
}
.arbitraryhtmlwidget p {
	margin: 0 0 15px 0;
	padding:0;
}

.arbitraryhtmlwidget h1, .arbitraryhtmlwidget h2, .arbitraryhtmlwidget h3, .arbitraryhtmlwidget h4, .arbitraryhtmlwidget h5, .arbitraryhtmlwidget h6 {
	color: #333333;
	clear:both;
}

.arbitraryhtmlwidget h1, .arbitraryhtmlwidget h3, .arbitraryhtmlwidget h4, .arbitraryhtmlwidget h5, .arbitraryhtmlwidget h6 {
	font-weight:bold;
}
.arbitraryhtmlwidget h2 {
	font-weight:normal;
}

.arbitraryhtmlwidget h1 {
	padding:12px 0 0 0;
	font-size:26px;
}
.arbitraryhtmlwidget h2 {
	padding:0;
	font-size:18px;
}

.arbitraryhtmlwidget h3 {
	padding:0;
	font-size:14px;
	color:#02336c;
	margin:5px 0 5px 0;
}

/*
#content .arbitraryhtmlwidget h2 a {
	border-bottom:1px solid #CCCCCC;
}
*/

.arbitraryhtmlwidget h4 {
	padding:0;
	font-size:13px;
	color:#02336c;
	margin:0;
}

.arbitraryhtmlwidget h5, .arbitraryhtmlwidget h6 {
	padding:10px 0 2px 0;
	font-size:12px;
}

/* End arbitrary widget styles */


/* Blog index styles */

#nextentries, #previousentries {
	overflow:hidden;
	padding:0 0 10px 0;
}
#previousentries {
	float:left;
}
#nextentries {
	float:right;
}
.blogarchive li {
	margin:5px 0 0 0;
}
.blogdatestamp {
	margin:5px 0 10px 0;
}

/* Social bookmarking links - CSS based on the Wordpress plugin 'sociable' but altered slightly to accommodate IE */
div.socialbookmarking {margin:16px 2px;padding:5px;}
#content .socialbookmarking a { border:0; }
.socialbookmarking_tagline {margin-bottom:5px;}
span.socialbookmarking_tagline {position:relative;}
span.socialbookmarking_tagline span {display:none;width:14em;}
span.socialbookmarking_tagline:hover span {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#FFFFEE none repeat scroll 0 0;border:1px solid #CCCCCC;color:black;display:block;line-height:1.25em;position:absolute;top:-5em;}
.socialbookmarking span {display:block;}
.socialbookmarking ul {display:inline;margin:0 !important;padding:0 !important;}
.socialbookmarking ul li {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent none repeat scroll 0 0;display:inline;list-style-type:none;margin:0;padding:1px;}
.socialbookmarking ul li:before {content:"";}
.socialbookmarking img {border:0;float:none;height:16px;margin:0;padding:0;width:16px;}
.socialbookmarking-hovers img {opacity:0.4;filter: alpha(opacity = 40);}
.socialbookmarking-hovers:hover img {opacity:1;filter: alpha(opacity = 100);}
.tabbertab .socialbookmarking {display:none;}

/* Comments link */
#content .minicomments  {
	text-align: right;
	padding:0 0 25px 0;
}
#content .minicomments a {
	color: #424242;	
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: none;
}

/* Comments */
.commentlist { margin:0 0 0 35px; }
.commentlist li { padding: 8px 15px; list-style:decimal outside; } 
.comments-alt 	{ background: #f1f1f1}
#commentform textarea {	background: #eef5f8; border: 1px solid #BDDFE8; height: 200px; width: 450px; padding: 3px; }
#commentform textarea:focus { background: #ffffcc; }
.commentsheading { font-weight:normal; color:#424242; font-size:2em; margin:10px 0 20px 0; }

/* End blog index styles */


.info-ad-col {
	float:right;
	width: 160px;
	padding-left: 10px;
}
	
.double-col {
	width: 650px;
	float: right;
}

.double-col h2 span {
	font-size: 18px;
	color: gray;
	font-weight: normal;
}



.skyscraper {
	margin-top: 0px;
}	

		.cta{
			margin: 20px 0 0 0;
			padding: 10px 20px;
			background: #53B5DC url(images/cta-grad.jpg) bottom repeat-x;
			line-height: 1.0;
		}
		
			#content .cta a{
				border-bottom: 1px solid #C1E5F3;
				font-size: 14px;
				color: #FFF;
			}
		
		.why-join li{
			background-color:#F8F8F8;
			color:#666666;
			font-weight:bold;
			line-height:1.3em;
			list-style-type:none !important;
			margin:2px 0 !important;
			padding:10px 10px 10px 70px !important;
		}
		
		#explore {
			display:block;
			height:auto;
			width:231px;
			position:absolute;
			bottom:4px;
			left:10px;
		}
		#explore h3 a.hover,
		#explore h3 a:hover {
			cursor: pointer;
			cursor: hand;	
			background-position:-2px -42px;
					
		}
		#explore h3 a {
			color:#FFFFFF !important;
			border:none !important;
			padding:5px 10px;
			display:block;
			font-size:0.9em;
			height:30px;
			line-height:1.5em;
			background:transparent url(images/buttons/explore.gif) no-repeat scroll -2px 0;
			overflow:hidden;
			text-indent:-9999px;
			z-index:2;			
			}
		#citylist {
			display:none;
			position: absolute;
			background-color: #bddfe8;
			border: 1px solid #94baf6;
			margin-top: -5px;
			padding:5px 0 3px 0;
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			z-index:99;	
			width:236px;
		}
	
		#citylist li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#citylist li a {
			background-color:#FFF;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			display:block;
			font-weight:bold;
			padding:3px 15px;
			margin:4px 6px;
			border:none;
			color: black;
			width: 193px;
		}
		#citylist li a:hover {
			color:#222;
			background-color:#DDD;
		}
		
		/* .Cities is nomad */
						
			.widget-inner {
				padding: 10px;
				margin-bottom: 20px;
				background: #f1f1f1;

				/* Automatically clear floated contents */
				overflow:hidden;
			}
		
			.widget-inner ul, 
			.widget-inner ol {
				margin-top: 0px
			}

			.widget-inner ul li, .widget-inner ol li {
				padding:0 0 5px 5px;
			}
			.books .widget-inner ul li {
				padding:0 0 10px 0;
			}

			.widget-inner ul li {
				list-style:none;
			}
			
			.sponsors {
				clear: both;
				overflow:auto;
				margin-bottom:35px;

			}

			#content .sponsors a {
				text-decoration: none;
				border-bottom: none;
				margin-right: 20px;
				float: left;
				display: inline;
				width: auto;09/02/2010
			}
			
			#content .widget-inner a.sponsor:hover,
			#content .widget-inner a.sponsor {
				text-decoration: none;
				border: none;
				display: block;
				margin: 0 auto;
				width: auto;
			}

			.widget-inner.noheading, 
			.widget-outer.noheading {
				border: none;
				background: none;
				padding:0;
			}

			.widget-inner.noheading a img {
				margin: 0 auto;
				display: block;
				width: auto;
				text-align: center;
				background: #fafafa;
				text-decoration: none;
			}
			
			
			.widget-inner .noheading a:hover {
				text-decoration: none;
			}

									

/* Subnav */

.page-nav, .page-nav ul {
	font-size: 12px;
	font-weight: bold;
}
.page-nav ul {
	margin:5px 0 5px 20px;
}
.widget-inner .page-nav li {
	padding:0 0 5px 0;
}
#content .page-nav a {
	border-bottom:none;
	display:block;
	padding:5px 10px 0px 10px;
	margin:0 -10px;
}
#content .page-nav a:hover {
	background-color:#666;
	color:white;
}

/* End subnav */


#footer{
	padding: 30px 0;
	font-size: 11px;
	background: #D7E2E5;
}
#footer h3{
	font-size:1.2em;
	margin-bottom:8px;
}

#footer .col {
	float:left;
	width:190px;
}
#footer .colsm {
	float:left;
	width:140px;
}

#footer .footer-newsletter {
	margin-top: 10px;
	float: right;
	margin-right: 50px;
}

#footer .footer-newsletter input#name,
#footer .footer-newsletter input#ndjg-ndjg {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 3px;
	border: 0;
	margin-bottom: 3px;
}

#footer a {
	color: #0a97cf;
}

#footer a:hover {
	background-color:#FFF;
}

#footer a.logo {
	float: right;
	margin-top: 20px;
}

#footer a.logo:hover {
	background: none;
}

#footer ul {
	margin-right: 20px;
}
#footer hr {
	background-color:#a1c8d2;
	border:none;
	height:3px;
	clear:both;
}

	
 		.ft-city-list{
			padding-bottom: 25px;
			clear:both;	
			font-size: 13px;
		}
		.ft-city-list h3 {
			margin-bottom:10px;
		}
		
			.ft-city-list li {
				float: left;
				margin-right:0 !important;
			}
			
			.ft-city-list a {
				margin-right: 10px;
				line-height:2em;
				padding:3px 4px;
			}
			.footer-links {
			clear:both;
			float:left;
			margin-bottom:5px;
			margin-top:20px;
		}

#tail {
	margin: auto;
	width:  960px;
	clear:  both;
	color: #222;
	font-size: 10px;
	font-weight: bold;
}

#copyright, #sitetandc{
	width: 629px;
	text-align: right;
	float:  right;
	clear: none;
}

#sitetandc {
	margin-top: 0px;
}

#acknowledge{
	width: 330px;
	text-align: left;
	float: left;
	clear: none;
}


label{
	cursor: pointer;
	cursor: hand;
}


input{
	vertical-align: middle;
}

.forum-widget hr {
		margin:10px 0;
		border:none;
		height:0px;
		background-color:#FFF;
		color:#FFF;
}
	



button{
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	cursor: hand;
	vertical-align: middle;
	background: transparent;
}

.button {
	overflow:hidden;
	text-indent:-9999em;
	display:block;
}

button#route-go {
	background:url(images/nav/new-go.gif) top left no-repeat;
	height:31px;
	float:right;
	margin-top:3px;
	width:122px;
}



div#nav.color-0 button#route-go { margin-top:3px; }
div#nav.color-1 button#route-go { margin-top:26px; }

button#mot-go {
	background:url(images/mywalkit/bank-unbank-sprite.png) top left no-repeat;
	height:22px;
	width:148px;
	float:right;
	margin-top:3px;
	padding-right:127px;
}

button#bank-mot {
	background:url(images/mywalkit/bank-unbank-sprite.png) 0px -44px no-repeat;
	height:22px;
	width:155px;
	float:right;
	margin-top:1px;
	margin-left:11px;
	padding-right:127px;
}
button#bank-mot.unbank {
	background:url(images/mywalkit/bank-unbank-sprite.png) 0px -22px no-repeat;
	margin-left: 80px;
}
button#motivation {
	background:url(images/mywalkit/bank-unbank-sprite.png) 0px 0px no-repeat;
	height:22px;
	width:150px;
	float:right;
	margin-top:1px;
	margin-left: 78px;
}
button#motivation.unbank {
	background:url(images/mywalkit/bank-unbank-sprite.png) 0px -22px no-repeat;
}

#results button#route-go {
	margin-bottom:8px;
}

button#route-go.button-hover {
	background-position:0 -40px !important;
}

button#register {
	background:url(images/buttons/join-button.gif) top left no-repeat;
	height:45px;
	width:278px;
}

button#update-profile {
	background:url(images/buttons/update-profile.gif) top left no-repeat;
	height:45px;
	width:278px;
	margin-left: 185px;
}

button#register.button-hover {
	background-position:0 -45px !important;
}
button#login {
	background:url(images/buttons/login.gif) top left no-repeat;
	height:30px;
	width:150px;
	margin-left:232px !important;
}
button#login:hover { background-position: 0 -30px; }

a.new-route {
	background:transparent url(images/buttons/newroute.gif) no-repeat scroll 0 0;
	border:medium none !important;
	color:#FFFFFF !important;
	display:block;
	float:left;
	font-size:0.9em;
	height:32px;
	line-height:1.5em;
	margin-left:8px;
	overflow:hidden;
	text-indent:-9999px;
	width:220px;		
	}


#user-form input#keepme {
	width: 20px;
}

#user-form input.logged {
	width: auto;
	margin-left: 115px;
	margin-top: 6px;
	margin-right: 4px;
	padding-left: 10px;
}
div#modal-content #user-form input.logged {
	margin-left: 0px;	
}

	#user-form button{
		margin-left:266px;
	}

#user-form{
	margin-top: 20px;
}
		#user-form dl dt, .edit-profile dl dt, #modal-content dl dt {
			margin: 4px 15px 0 0;
			float: left;
			clear: left;
			text-align: right;
		}
		
		#user-form label, #modal-content label {
			color:#999999;
			font-size:14px;
			line-height:1.8em;
			display: block;	
			width: 100px;		
		}
		#modal-content label { width: 200px; }
		#modal-content dd.keep label {width: auto;}
		#user-form dd.keep label {width: auto; display: inline;}
		.none {
			margin-left: 140px;
		}
		
		#user-form input, .edit-profile input, .edit-profile textarea, #modal-content input {
			margin: 0;
			padding: 6px;
			width: 250px;
			border: 1px solid #ACBDC4;
			border:1px solid #ACBDC4;
			color:#444444;
			font-size:14px;
			font-weight:normal;
		}
		#user-form input.logged {
			border: none;
		}
		.edit-profile textarea {
			width: 410px;
		}
		
		#modal-content div.switching input { width: 18px; }
		#modal-content div.switching label { display: inline; }
		
		#user-form div.newsletter {
			width: 260px;
			margin: 0 auto;
		}
		#user-form div.newsletter input {
			float: left;
		}

		#user-form #newsletter {
			width: 20px;
		}
		
		#user-form dl dt, #user-form dl dd, .edit-profile dl dt, .edit-profile dl dd, #modal-content dl dt, #modal-content dl dd {
			margin-bottom:2px;
			padding:5px 0;
		}

/* Clearing floats */
.container:after, #header #tabs ul:after, #city-intro dl:after, .city-list:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


#small-label{ background:url(images/small_label.gif) no-repeat; height:4px; width:17px; overflow:hidden;float:left; }
#large-label{ background:url(images/large_label.gif) no-repeat; height:18px; width:17px; overflow:hidden;float:left; }




/* info styling */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
	display:block;
	float:none;
	-moz-border-radius: 4px;
}

/* confirm page */
#confirm {
	padding: 0;
}


.hidden {
	display: none;
}

#confirm select {
	width: 515px;
}

#confirm #city {
	margin-left: 15px;
}

#confirm #results {
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	width: 550px;
}

#confirm h2 {
	margin-bottom: 20px;
}

#confirm .location {
	padding: 15px;
	border: none;
}

#confirm .sorry {
	margin-top: 10px;
	padding-right: 50px;
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 14px;
}


#confirm .city {
	display:block;
	margin-left:10px;
	margin-top:0;
	padding-top:25px;	
}

#confirm input {
	background:#FFFFFF none repeat scroll 0 0;
	border:0 none;
	color:#2B2831;
	font-size:15px;
	margin:5px;
	padding:5px;
	width:400px;
	margin-left: 50px;
}


#confirm .validate {
	border-bottom: 1px solid black;
}
#confirm .validate:hover {
*	cursor: pointer;
	cursor: hand;

}

#confirm div.good {
	background:  url(/wp-content/themes/cgm/images/gtp-confirm-tick.gif) right top no-repeat;
	background-position: 490px 0;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#confirm label {
	font-weight: bold;
}


#confirm #results .go {
	background: blue;
	border: 2px solid white;
	padding: 5px;
	margin: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	color: white;
	background: #0067B1;
	float: right;
}

#confirm h2 {
	margin-bottom: 0;
	padding-top: 20px;
	width: 550px;
	background: #86D9FA;
}


#confirm .clear {
	clear: both;
}

#adright {
	float: right;
	margin-right:20px;
	margin-top:50px;	
}




.hide-me{
	display:none;
}




h3.where {
	margin-bottom:0;
	margin-left: 250px;
	padding-bottom:10px;
	padding-right:10px;
	padding-top:10px;
	text-align:left;
}

h3.where .printtitle {
	display: none;
	font-size: 2em;
	color: gray;
}

ul.books li {
	marign-left: 0;
	padding-left: 0;
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	border-bottom: solid 1px #e2f2f8;
	text-align: left;
}

ul.books li.last {
	border-bottom: none;
}

.newcity {
	color: red;
	font-size: 10px;
}


/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider  {
	text-decoration: none !important;
	width: 300px;
}
.ui-slider-tooltip {
	display: none;
}
.ui-slider-handle-active .ui-slider-tooltip {
	display: block;
	position: relative;
	top: -25px;
	text-align: center;
	padding: .2em;
	font-size: .9em;
	width: 8em;
	margin-left: -4em;
	text-decoration: none !important;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-slider ol, .ui-slider dl {
	position: relative;
	top: 2.3em;
	width: 100%;
}
.ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
.ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
	display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
	display: block;
}
.ui-slider span.ui-slider-tic {
	position: absolute;
	left: 0;
	height: .8em;
	top: -1.3em;
}
.ui-slider li span.ui-component-content, .ui-slider dd span.ui-component-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-top: 0;
	border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
	display: none;
}

#speed {
	display: none;
}

#handle_speed {
	background: #262b2f;
	padding: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: #262b2f 0px 0px 10px;
	-moz-box-shadow: #262b2f 0px 0px 10px;						
	overflow: hidden;
}
a#handle_speed, a#handle_speed:hover {
	border-bottom: none;
}
#handle_speed span {
	
}

#save {
	margin-top: 20px;
}
/* menu login style */

#the-menu {
	width: auto;
	float:  right;
	padding-left: 0px;
	padding-top: 3px;
}

#header #the-menu li {
	float:left;
	margin-top:11px;
}

#header #the-menu li a {
	display:block;
	padding:4px 13px 4px 12px;
	color: #ABEAFB;
	background:#1A1C1B;
	margin-right:1px;
}

#header #the-menu li a:hover {color:#fff; background:#000}

#header #the-menu li#log {
	min-width: 65px;
}

#header #the-menu li.login {
}
#header #the-menu li.login a {
	color:#222222;	
	background: #86D9FA;
}

#header #the-menu li.mywalkit  a {
	display:block;
	padding:0;
	width:112px;
	height:30px;
	color: #abeafb;
	background: transparent;
}

#header #the-menu li.mywalkit {
	margin-top: 8px;
	background:url(/wp-content/themes/cgm/images/mywalkit/mywalkit-tab-sprite.png) 0 0 no-repeat;
}

#header #the-menu li.mywalkit:hover {
	background-position: 0 -30px;
}

#header #the-menu li.mywalkit.mwactive {
	background-position: 0 -60px;
}

#header #the-menu li.mywalkit a span {
	position:absolute;
	left:-9000px;
}


/* temp survey style */

.survey {
	background:#FFF6BF none repeat scroll 0 0;
	color:#514721;
	padding: 3px;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid #FFD324;
}
.survey a {
	color: #1E6FB7;
	border-bottom: 1px dotted #1E6FB7;
}




/* Generic styled input form (e.g. the feedback form and poster/flyer order form) */

.styledform {
	margin-bottom:16px;
}
.styledform legend {
	font-weight:bold;
}
.styledform label {
	display:inline;
	float:left;
	width:160px;
}
.styledform input {
	display:inline;
	float:left;
	width:150px;
	border: 1px solid #CCCCCC;
	padding:3px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.styledform textarea {
	border: 1px solid #CCCCCC;
}

.styledform input:focus {
	border: 1px solid #7B7C7B;
}
.styledform .styledform_longinput {
	width:300px;
}
.styledform textarea {
	width:416px;
}

.styledform .styledform_field_address{
	width: 160px;
}
.styledform fieldset {
	margin:0 0 20px 0;
	padding:5px 10px 12px 10px;
}
.styledform_field  {
	clear:both;
	padding: 2px 0;
	overflow:hidden;
}
.styledform_validationerrors {
	color:#8A1F11;
	background:url("images/mywalkit/warning.png") no-repeat scroll 0 center transparent;
	padding:15px 0;
}

.styledform_validationerrors p{
	margin-left: 80px;
}

.widgetcontents .styledform_validationerrors ul {	
	margin:0;
	padding:0 0 0 100px;
}
.widgetcontents .styledform_validationerrors li {
	padding: 5px 5px 5px 8px;
	margin:0 0 0 20px;
	list-style-position:outside;
}
.styledform_invalid {
	color:red;
}
.styledform_singlecheckbox input, .styledform_singlecheckbox label {
	width:auto;
	float:none;
	vertical-align:middle;
}
.styledform_singlecheckbox input {
	margin-right:8px;
}

#traffordSubBtn {	
	background:url("images/form-submit-btn.gif") no-repeat scroll 0 0 transparent;
	height:29px;
	width:99px;
	margin-left:10px;
}

#traffordSubBtn:hover {	
	background:url("images/form-submit-btn.gif") no-repeat scroll 0 -30px transparent;	
}

#feedbackBtn {	
	background:url("images/send-feedback-form-btn.gif") no-repeat scroll 0 0 transparent;
	height:29px;
	width:150px;
	margin-left:10px;
}

#feedbackBtn:hover {	
	background:url("images/send-feedback-form-btn.gif") no-repeat scroll 0 -30px transparent;	
}

#event-go-btn {	
	background:url("images/event-widget-go-long.gif") no-repeat scroll 0 0 transparent;
	height:24px;
	width:37px;	
	display:inline;
}

#event-go-btn:hover {	
	background:url("images/event-widget-go-long.gif") no-repeat scroll 0 -25px transparent;	
}

/* The following selector needs to be more specific to override the 
   styles set for .arbitraryhtmlwidget p */
.arbitraryhtmlwidget .styledform_fieldset_end_description {
	margin:14px 0 0 0;
	padding:0;
}

/* Feedback form */

#feedbackform_fromtoinstructions {
	margin:14px 0 15px 0;
}
#feedbackform_newsletterfield {
	padding:10px 0 5px 0;
}


/* Poster / flier order form */

#posterflierorderform #posterflierorderform_quantities {
	margin-top:18px;
}
#posterflierorderform_quantities select {
	width:180px;
}
#posterflierorderform_flierimg {
	float:left;
}
#posterflierorderform_posterimg {
	float:left;
	margin-left:14px;
}
#posterflierorderform_posterimg img {
	height:302px;
}
#posterflierorderform_flierimg, #posterflierorderform_posterimg {
	padding-bottom:8px;
}
#posterflierorderform_flierimg h2, #posterflierorderform_posterimg h2 {
	padding:0;
	margin:15px 0 10px 0;
	font-size:16px;
	font-weight:bold;
}
#posterflierorderform_flierimg img, #posterflierorderform_posterimg img {
	border:1px solid black;
}
#posterflierorderform_flierimg img {
	display:block;
	width:200px;
}
#posterflierorderform_flierfrontimg {
	margin-bottom:14px;
}
#posterflierorderform_directdownloadheading {
	margin:18px 0;
}
#posterflierorderform_directdownloadlinks {
	margin-top:15px;
}




/* Badge instructions */

.badgeinstructionsintro {
	margin-top:20px;
}

.badgeinstructions {
	margin:20px 25px;
}
.badgeinstructions li {
	list-style:decimal outside;
	margin:0 0 20px 0;
}

.badgeinstructionscode {
	margin:0 35px;
	width:310px;
}


/* modal styles added by chrissyg */

.modal{
	cursor: pointer;
	cursor: hand;
}

#modal-black{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index:1001;
	width: 100%;
	background: #000;
	
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#modal-content{
	background:#FFFFFF none repeat scroll 0 0;	
	display:none;
	min-height:280px;
	left:50%;
	margin-left:-230px;
	margin-top:-160px;
	padding:20px;
	position:fixed;
	top:50%;	
	z-index:1002;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#modal-content.modal-inline-content-showlink {
	width:600px;
	margin-left:-330px;
	min-height:140px;
	height:140px;
}

#modal-content.modal-inline-content-showlink input {
	color:#2B2831;
	margin: 5px;
	padding: 5px;
	/* border: 0;*/
	font-size: 15px;
	background: #FFF;
	width: 560px;
	font-weight: bolder;
}

#modal-content.modal-inline-content-showlink label {
	width: auto;
	display: inline;
}

* html #modal-content.modal-inline-content-showlink {
	height:140px;
}

#modal-content.modal-inline-content-homecity {
        min-height:140px;
        height:140px;
}

* html #modal-content.modal-inline-content-homecity {
        height:140px;
}


#modal-content.modal-inline-content-offer {
	width:480px;
	margin-left:-330px;
	min-height:400px;
	height:400px;
}

* html #modal-content.modal-inline-content-offer {
	height:400px;
}

#modal-content.modal-inline-content-mywalkit-signup {
	width:440px;

	min-height:450px;
	
	margin-top:-240px;
}

#modal-content.modal-inline-content-mywalkit-signup button {
	margin-left: 370px;
	padding: 6px;
}

#modal-content.modal-inline-content-mywalkit-signup label {
	width: 120px;
}

.modal-medium{
	width: 400px;
}

.modal-wider{
	width:600px;
}

.modal-narrow{
	width:200px;
}

.modalform{
	width:400px;
}

* html #modal-content.modal-inline-mywalkit-signup {
	height:300px;
}

.modal-inline-content, .modal-inline-content-showlink, .modal-inline-content-motivation, .modal-inline-content-print, modal-inline-content-paid, .modal-inline-content-mywalkit-signup, .modal-inline-content-mywalkit-plus-signup, .modal-inline-content-homecity  {
	display: none;
}

.modal-close{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:32px;
	-webkit-border-radius: 32px;
	background:#000000 none repeat scroll 0 0;
	border:4px solid #FFFFFF;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:15px;
	font-weight:bold;
	line-height:1;
	padding: 4px 8px;
	position:absolute;
	right:-12px;
	text-decoration:none;
	top:-10px;
	z-index:1050;
}

	.modal-close:hover{
		background: #900;
		color: #FFF;
	}
	
div.modalform h2 {}
div.modalform h2 span {font-size:14px; letter-spacing:0; float:right;}
div.modalform form#user-form {}
div.modalform form#user-form dl {}
div.modalform form#user-form dl dt {padding:0;}
div.modalform form#user-form dl dt label {text-align:left;}
div.modalform form#user-form dl dd {padding:0; background:none;}
div.modalform form#user-form dl dd.keep {clear:both; margin-top:20px; }
div.modalform form#user-form dl dd.keep input.logged {clear:both;/* margin-left:0;*/}
div.modalform form#user-form dl dd input {}
div.modalform form#user-form dl dd input#username {}
div.modalform form#user-form dl dd input#password {}
div.modalform form#user-form p {}
div.modalform form#user-form p button#login {margin:0 !important; margin-left:232px !important;}
div.modalform form#user-form p input {}

#modal-content #login h1 a, #modal-content #login #nav, #modal-content #backtoblog { display:none; }

/* Prevent forms in lightboxes spilling out to the left */
#modal-content, #modal-content input { float:left; }
.modal-inline-content-showlink label { clear:both; }

#spinner{
	display: none;
	margin: 5px 0;
	text-align: center;
}

.inline-error{
	display: block;
	margin: 5px 0 !important;
	padding: 5px 10px !important;
	border: 2px solid #fbc2c4;
	background: #fbe3e4;
	color: #8a1f11;
}
.inline-success{
	display: block;
	margin: 5px 0 !important;
	padding: 5px 10px !important;
	border: 2px solid #C6D880;
	background: #E6EFC2;
	color: #264409;
}

.expanded-content-toggle{
	display: none;
}

/* Added by Chris */

.toggle-content{
	display: none;
}

div.salesfeature div.col-left {
	width: 460px;
	float: left;
	display: block;
	padding: 18px 8px 0px 0px;
	margin: 198px 0px 0px 32px;
	border: 0px;
}

div.salesfeature div.col-right {
	width: 460px;
	float: right;
	display: block;
	padding: 18px 0px 0px 8px;
	margin: 436px 32px 0px 0px;
	border: 0px;
}

div.salesfeature div.col-left ul { margin: 0px; }
div.salesfeature div.col-right ul { margin: 0px; }
div.salesfeature div#ben1 { width: 140px; margin-top: 6px; height: 94px; float: left; display: block; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: url(/wp-content/themes/cgm/images/my-statdock.png); background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; margin-right: 12px; background-position: -150px 0px;  }
div.salesfeature div#ben3 { width: 140px; margin-top: 6px; height: 20px; float: left; display: block; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: url(/wp-content/themes/cgm/images/bank-motivation.png); background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; margin-right: 12px; background-position: -196px -17px;  }

div.salesfeature div#ben2 { width: 140px; margin-top: 6px; height: 94px; float: left; display: block; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: url(/wp-content/themes/cgm/images/my-statdock.png); background-repeat: no-repeat; background-attachment: initial; -webkit-background-clip: initial; -webkit-background-origin: initial; background-color: initial; margin-right: 12px; margin-bottom: 0px; background-position: -0px 0px; }


div.salesfeature ul { margin: 0px 0px 0px 32px; }

div.hb { clear: both; }

/* Walkbar */

.walk {
	background:#f1f1f1;
	padding:5px 0 20px 0;
}

div.walk p {
	margin-top: 5px;
	margin-bottom: 0px;
}

.walk.alt {
	padding:15px 0 5px 0;
	border-top: 1px solid #888;
}

#content .walk a {
	border-bottom: none;
	text-decoration: none;
}

.walkindicator {
	width: auto; /*468px, 282px;*/
	clear: both;
	margin:0 0 5px 0;
}

.walkbar
{
	display: inline-block;
	background-image: url(/wp-content/themes/cgm/routes/new/ab_05.jpg);/*empty_bar_03.png);*/
	background-repeat: repeat-x;
}

.walkbar .ellipsis
{
	text-align: right;
	border: dotted 0px red;
}

.walkbar img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	border: solid 0px red;
	float: left;
	clear: none;
}

.notebox {
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        padding: 3px;
        margin-top: 1px;
        margin-bottom: 2px;
}

.notebox.noteinfo {
        border: #ea2 3px solid;
        background-color: #fc6;
}

.notebox.noteinfo p { margin: 0px; }


/* Print-only elements */

#printheader, #printstatdock {
	display:none;
}




/* Style for Event Widgets
 * Author: Hung Bui
 * */

.event-image{
	border:2px solid #ddd;
	float:left;	
	width:63px;
	height:63px;
	overflow:hidden;
}
.event-title{
	float: left;
	margin-left: 10px;
	width: 220px;	
}
#eventWidget .event-title h4 a{
	border-bottom:none;
}
.event-title span{
	font-size: 11px;
	color: #1E1E1E;
}
.event-item{
	border-bottom:1px dashed #DDD;
	margin-bottom:10px;	
	padding-bottom: 10px;
	width:100%;
}

#eventWidget ul.event-item-tags{
	width:220px;
}

#eventWidget ul.event-item-tags li {
	display:inline;
	float:left;
	line-height:1.2;
	margin:0 2px 2px 0;
	padding:0;
	white-space:nowrap;
	list-style:none;
}
#eventWidget ul.event-item-tags li.withCity{
	padding:2px 10px 0 0;
}


#eventWidget ul.event-item-tags a {
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #D7E2E5;
	color:#333;
	float:left;
	font-size:12px;
	padding:2px 5px;
	text-decoration:none;
	white-space:nowrap;
	border:none;
}

#eventWidget ul.event-item-tags a:hover{
	background:none repeat scroll 0 0 #0A97CF;
	color:#FFFFFF;
}

#eventWidget #eventLocationLinks{
	width:100%;	
	height:50px;
}

#eventWidget #eventLocationLinks .cityeventlink{
	display:block;
	float:left;
	
}

#eventWidget .eventUploadButton{
	background: url(/wp-content/themes/cgm/images/calendar.png) no-repeat;
	border:none;
	padding:18px 0 0 35px;	
	outline:none;
	display:block;
	width:150px;
	float:left;
}

#eventWidget #eventLocationLinks .globaleventlink{	
	float:right;
	display:block;
	padding:18px 0 0 35px;
}

#eventWidget li.event-item p{
	margin: 6px 0;
}


#eventDetailSection{
	margin: 10px 0;
}

#eventDetailSection .event-detail-time{		
	border-bottom:1px dashed #DDDDDD;
	margin:0 0 10px;
	padding:0 0 10px;
	width:100%;
}

#eventAddress{
	width:100%;
	margin-bottom:10px;
}

#eventAddress #eventAddressDetail{
	float:left;
	width: 170px;
}

#eventAddress #eventAddressDetail p{
	margin:0; /* Overwrite default paragraph margin in order to show event address correctly */
}

#eventThumbnailImage{
	width: 130px;
	float:left;
}

.eventItem{
	width:100%;
}

.eventLeading{
	width: 160px;
	text-align:left;
	float:left;
}



#eventDetailSection .event-detail-time span{
	display:block;
}


#rightwidgets .widget-outer.events .event-image{
	border:0;
	float:left;
	width:100%;
	height:auto;
}

#rightwidgets .widget-outer.events .event-title{
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}

#content .event-image a,
#content .event-image a:visited,
#content .eventSwitcher{
	text-decoration: none;
	border-bottom: none;
}


#archive-event{
	display: none; /* hide archive events on start*/
}

.event-short{
	height: 80px;
}

#eventDetailSection a.event-url, a.event-url:visited{
	border-bottom: none;
	word-wrap: break-word;
	display:block;
	float:left;
	width:300px;
}
#eventDetailSection a.event-url:hover{
	text-decoration: underline;
}


.eventImage{
	border:1px solid #D7E2E5 ;
	display:block;
	text-align:center;	
}

.line{
	line-height: 30px;
	width: 100%;
	float:left;
}
.line label{
	color:#333333;
	display:block;
	float:left;	
	width:150px;
}

.line input{
	border:1px solid #E1DFDE;
	margin:5px 5px 5px 0;
	padding:4px;
	width:260px;
}

.line input.even-submit{
	background: #ABEAFB;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #212A33;
	height: 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
	cursor: pointer;
	font-weight: bold;
	width: 60px;
}

.styledform_groupleft{
	float:left;
	width:160px;
}

.event_datebutton{
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#BBBBBB;
	color:#464646;
	width: auto !important;
	margin:0 0 0 10px;
	cursor:pointer;
}
input[readonly] {
	background-color:#EEEEEE;
	width: 89px;
}
input.file{
	width: 250px;
	position: relative;
}


/* Event listing page */
#eventListing div.wrap{	
	/*border-style:solid;
	border-width:0 0 1px;
	border-color:#BEC7CF;*/
	clear:both;
	padding:0 0 15px 0;
	width:100%;	
}

#eventListing div.wrap:hover{
	background-color:#f6f6f6;
}

#eventListing .wrap h3{
	border-top:3px solid #BEC7CF;
	color:#94A6CD;
	font-weight:normal;	
	margin:0 15px 0 0;
	padding:10px 0 0 0;
	text-align:right;
	clear:both;
	float:left;
	font-size:14px;
	width: 80px;
}

#eventListing .wrap h3.samedate{
	border:none;
}

#eventListing .wrap h3 span{	
	display:block;
	font-weight:bold;
	font-size:12px;	
}

#eventListing .wrap h3 span.eventDateMonth{
	padding:5px 0 20px;
	font-size:14px;
}


#eventListing .ib{
	float:left;
	width:80px;
	margin-right:10px;
}

#eventListing .ib a{
	display:block;
	width:80px;
	border:none;
}

#eventListing .tb{
	float:left;
	width:280px;
}

#eventListing .tb span.item_time{
	/*font-style:italic;*/
}

#eventListing h4 a, #eventListing h4 a:visited {
	text-decoration: none;
	border:none;
}
#eventListing h4 a:hover{
	text-decoration:underline;
}


#eventSelection .eventBtnMainListing{
	float:left;
	width: 50px;
}
#eventSelection .eventRecurringRight{
	display:inline;
	float:left;	
	padding-top:2px;
}
#eventSelection .recurringNotifierContainer a.recurringNotifier{
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #224272;
	border:medium none;
	color:#ffffff;	
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;	
	text-decoration:none;
	white-space:nowrap;
}
#eventListing .recurringNotifierContainer a.recurringNotifier{
	-moz-border-radius:3px 3px 3px 3px;
	background:none repeat scroll 0 0 #224272;
	border:medium none;
	color:#ffffff;
	float:right;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px;
	margin: -20px 0 10px 10px;
	text-decoration:none;
	white-space:nowrap;
}

#eventSelection .eventRecurringRight label{
	float:none;
	width:auto;
}

span.item_info{
	text-align: justify;
	display:block;
}

#eventAddress:after, .event-item:after, .event-detail-time:after, .eventItem:after, #eventListing div.wrap:after, #eventWidget #eventLocationLinks:after, #eventWidget .eventUploadButton:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0px;
	clear:both;
}

#eventSelection{
	margin:10px 0;
}


#eventlistingFormField label{
	display:inline;
	float:left;
	width:50px;
}

/* Party manifestos */
.center-widgets .debate{
        float:left;
        width:505px; /*490+15px margin left */
}

#debateWidget{
        margin-left:15px;
        width:490px;

}
#content .widget-inner.whitebg a{
        border-bottom:none;
        outline:none;
}
.jqplot { margin: 0px; width:660px; height:205px; }
.jqplot-axis {
	font-size: 0.85em;
}
.jqplot-title {
	font-size: 1.1em;
}
.jqplot-point-label {white-space: nowrap;}


/* Social links on all page */
ul.sociallinks li{
	padding: 0 0 2px 5px;
}

ul.sociallinks li #sociallinksFacebook{
	background: url('images/social/facebook_32.png') no-repeat 0 0;
	display:block;
	border:none;	
}

ul.sociallinks li #sociallinksTwitter{
	background: url('images/social/twitter_32.png') no-repeat 0 0;
	display:block;
	border:none;	
}

ul.sociallinks li #sociallinksNewsletter{
	background: url('images/social/email_32.png') no-repeat 0 0;
	display:block;
	border:none;
}

ul.sociallinks li #sociallinksFeed{
	background: url('images/social/rss_32.png') no-repeat 0 0;
	display:block;
	border:none;	
}

ul.sociallinks li span{
	padding-left: 30px;
	line-height: 22px;
}


.centimg {
        display: block;
        margin-left: auto;
        margin-right: auto;
	padding-top: 3px;
}

p.la {
        display: none;
        text-align: center;
        border: 1px solid #f0f0f0;
        background: white;
        padding-bottom: 6px;
        margin: 0px 0px 4px 0px;
}

p.lacta a {
        color: #444 !important;
        text-decoration: none !important;
}
p.lacta {
        color: #444;
        font-size: smaller !important;
        font-weight: normal !important;
        text-align: right !important;
        margin: 2px;
}