/* Global White Space Reset - Hat Tip: Andrew Krespanis of http://leftjustified.net/  */
* {
	padding:0;
	margin:0;
	}
body, form { }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 0; }
p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0 0 1em; }
li, dd, blockquote { margin-left: 2.5em; }
fieldset { padding: .5em; }
a img { border: 0; }
/* End GWR */

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* JCK - added this next line to remove the extra spacing in Safari and Firefox */
.c\learfix:after { line-height: 0; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background-color: #f6f6f5;
	min-width: 980px;
}
h1 { }
h2 { font-size: 16px; line-height: 1.2; }
h3 { }
h4 { }
h5 { }
h6 { }
body, td {
	font: 12px/1.335  Helvetica, "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
}
td {
	background: none;
}

table.results {}
table.results th, table.results td { padding: 2px; vertical-align: top; }
table.results th { text-align: left; border-bottom: 1px solid #666; }
table.results tr.altrow { background: #ccc; }
table.results td.date { white-space: nowrap; text-align: right; padding-right: 8px; width: 65px; }

img { -ms-interpolation-mode:bicubic; }

#resultscount {
	text-align: center;
	margin: 0 0 1em;
	}
#resultscount a, #resultscount strong {
	padding: 0 3px;
	margin: 0 2px;
	}
#resultscount strong {
	border: 1px solid #000;
	}

.error { color: #c00; font-weight: bold; background: #ffc; border: 1px solid #c00; padding: 4px; }
.success { color: #090; font-weight: bold; background: #ffc; border: 1px solid #090; padding: 4px; }
.hide { visibility: hidden; }
.show { visibility: visible; }
hr {
	border-bottom:medium none;
	border-top:1px solid #DDDDDD;
	height:1px;
	margin:15px 0;
}


#WalkJogRun {
	position: absolute;
	top: 0;
	left: 0;
	width: 190px;
	height: 50px;
	z-index: 1001;
	background: transparent url(../../images/v4/base/WalkJogRun.png) left top no-repeat;
	text-indent: -9999em;

	_background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/v4/base/WalkJogRun.png', sizingMethod='scale');
}



/* New navigation */
#eNav {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background: #000 url(../../images/v4/base/bg_mNav.png) 0 -6px repeat-x;
	height: 50px;
	padding: 0 10px;
	position: relative;
	z-index: 1000;
	_padding-left: 190px;
}
#mapBody #eNav {
	box-shadow:0 1px 5px rgba(0,0,0,.6);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,.6);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.6);
}
#eNav ul, .lNav ul {
	margin: 0 0 0 190px;
	_margin: 0;
}
#eNav ul li, #eNav ul li a,
.lNav ul li, .lNav ul li a {
	float: left;
	list-style: none;
	margin: 0;
	color: #ccc;
	text-shadow: 0px 1px 2px rgba(0,0,0, 1);
	white-space: nowrap;
}
#eNav ul li a,
.lNav ul li a {
	line-height: 24px;
	padding: 1px 10px 0;
	text-decoration: none;
}
#eNav ul li a:hover {
	color: #e1e1e1;
}
#eNav ul li.active a, #eNav ul li.active a:hover,
#eNav ul li#login.active a#me {
	font-style: normal;
	color: #fff;
	background: transparent url(../../images/v4/base/bg_mNav-em.png) center bottom no-repeat;
}
#eNav ul li#login {
	float: right;
	padding-top: 1px;
}
#eNav ul li#login a {
	float: none;
	background: none;
	padding: 6px;
	color: #ccc;
}
#eNav ul li#login a:hover {
	color: #e1e1e1;
}


#eNav ul li .lNav {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 2;
	background: #c5c5c5 url(../../images/v4/base/bg_lNav.png) center bottom repeat-x;
	width: 100%;
	height: 23px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #5f5f5f;
	_padding: 0 10px 0 190px;
	_overflow: hidden;
}
#eNav ul li.active .lNav {
	z-index: 3;
}
#eNav ul li .lNav ul {
	padding-left: 10px;
}
#eNav ul li .lNav ul li {
	padding: 2px 0 4px;
	margin-right: 5px;
	margin-left: 2px;
}
#eNav ul li .lNav ul li:last-child {
	border-right: none;
}
#eNav ul li .lNav ul li a {
	background: none;
	line-height:  15px;
	padding: 1px 8px;
	color: #111;
	text-shadow: 0px 1px 1px rgba(255,255,255, 1);
}
#eNav ul li .lNav ul li a:hover {
	color: #555;
	background: #aaa;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#eNav ul li .lNav ul li.active a, #eNav ul li .lNav ul li.active a:hover {
	font-style: normal;
	color:  #fff;
	background: #666;
	text-shadow: 0px 1px 2px rgba(0,0,0, 1);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
 
/*
.lNav {
	background: #9e9e9e;
	height: auto;
	padding: 10px;
	border-bottom: 1px solid #5f5f5f;
	margin-top: -1px;
}
.lNav ul li {
	border-right: 1px solid #aaa;
}
.lNav ul li:last-child {
	border-right: none;
}
.lNav ul li a {
	line-height: 1.2;
	color: #000;
	padding-bottom: 3px;
	text-shadow: 0px 1px 2px rgba(0,0,0, .5);
}
*/




/* Overall layout */
#pageBounds {
	/* width: 1000px; */
	background: transparent url(../../images/v4/base/bg_pageBounds.png) center top repeat-x;
	margin: 0 auto;
	overflow: auto;
}

#contentBounds {
	padding: 25px;
	min-height: 450px;
}
#mainCol {
	margin-right: 355px;
	width: auto;
	padding: 31px;
	
	border: 2px solid #f6f6f6;
	*border-color: #eee;

	background: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow:0 1px 3px rgba(0,0,0,.35);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
}
#mainCol .content {
	float: left;
	width: 100%;
}
#sideCol {
	margin-right: 0;
	float: right;
	width: 330px;

	margin-bottom: -35px;
}

#bcrumbs {
  position: relative;
  top: -10px;

	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 10px;
}

.pod {
	position: relative;
	margin-bottom: 25px;
	padding: 13px;
	border: 2px solid #f6f6f6;
	*border-color: #eee;

	background: -webkit-gradient(linear, 0% 80%, 0% 100%, from(#fff), to(#f3f3f3));
	background: -moz-linear-gradient(100% 80% 270deg,#fff, #f3f3f3);
	background-color:#fff;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	box-shadow:0 1px 3px rgba(0,0,0,.35);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.35);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.35);
}
#mainCol, .pod { border-color: #eee\0/; }

#scrolly .pod {
	margin-bottom: 10px;
}

#sideCol h2, #sideCol h3 {
	margin: 0 0 .25em;
}

#hdr,#hdrShort, .entry h1 {
	color: #222;
	margin: 0 0 1.5em;
	padding: 0;
	line-height: 1.1;
	font-weight: normal;
	letter-spacing: -1px;
}
#hdrShort {
	margin: 0 0 0.5em;
}
#footer {
	padding: 35px 35px 0;
}

#tabs, #section { display: none; }

/* Blog Styles */
.entry {
	clear:left;
	margin-bottom: 65px;
}
.entry h1 {
	font-size: 20px;
	letter-spacing: normal;
	margin-bottom: .5em;
}
.byline {
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 10px;
}
.entry .body img {
	background: #fff;
	padding: 4px;
	border: 1px solid #ddd;
}
img.imgLeft {
	float: left;
	margin: .5em 2em .5em 0;
}
img.imgRight {
	float: right;
	margin: .5em 0 .5em 2em;
}
.menuTitle {
	font-size: 16px;
	font-weight: bold;
}
.entryActions {
	clear: both;
	line-height: 16px;
	padding: 5px;
	background: #e8eefa;
	border: 1px solid #c3d9ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.header {
	width: 100%;
	text-align: center;
}
.calendarTable {
	width: 100%;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
.calendarTable th, .calendarTable td {
	width: 14.2%;
	padding: 3px 0;
	text-align: center;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

#twitterFeed .item {
	border-bottom: 1px dashed #ccc;
	padding: 10px 0;
}
#twitterFeed .item img {
	float: left;
	margin-right: 10px;
}
#twitterFeed .item a.pubdate {
	margin-top: 5px;
	color: #999;
	font-size: 10px;
}

/* iphone page */
#copy {
}

body.iphone #copy {
	font-size: 20px;
	line-height: 1.3;
}
body.iphone #copy p {
	margin: 0 0 1em;
}

#intro {
	font-size: 16px;
	line-height: 22px;
}

.scrDescPr {
	/*margin: 40px auto 10px;
	width: 85%;*/
}
.scr {
	float: left;
	width: 241px;
	background: transparent url(http://wjr.s3.amazonaws.com/iphone/scr/shad.png) center bottom no-repeat;
	padding-bottom: 15px;
}
.scr img {
	border: 1px solid #666;
}
.desc {
	margin-left: 260px;
}


.banners {
	margin: 40px 0;
}
.banners h3 { margin: 0 0 5px; }
.ad {
	position: relative;
}


/* bios */
#wjrBios {
	width: 100%;
	float:left;
}
.bioItem {
	padding: 0 0 15px;
	border-bottom: 1px solid #e5e5e5;
}
.cols .bioItem {
	width: 47%;
	float: left;
	min-height: 205px;
}
.cols .bio0 {
	float: right;
}
.bioImg {
	float: right;
	width: 160px;
	text-align: center;
}
.bioImg img {
	max-width: 160px;
}
.bioDetails {
	margin-right: 180px;
}
.bioDetails h2 {
	line-height: 1.2;
	margin-bottom: .5em;
}

#req {
	font-size: 90%;
}

/* generic styles */
.photo {
	background: #fff;
	padding:  3px;
	border: 1px solid #ddd;
	box-shadow:0 1px 5px rgba(0,0,0,.4);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,.4);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.4);
}

.routeRow {
  position: relative;
	margin-bottom: 30px;
}
.route {
	float: left;
	width: 288px;
}

.official {
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 55px;
  text-indent: -9999em;
  z-index: 1000;
  background: transparent url(../../images/v4/base/official.png) left top no-repeat;
}

.routeDetails {
	margin-left: 320px;
}


/* DEALS */

#wjrDeals {
	width: 100%;
	float:left;
}
.dealItem {
	padding: 0 0 15px;
	border-bottom: 1px solid #e5e5e5;
}
.cols .dealItem {
	width: 47%;
	float: left;
	min-height: 285px;
}
.cols .deal0 {
	float: right;
}
.dealImg {
	float: right;
	width: 160px;
	text-align: center;
}
.dealImg img {
	max-width: 160px;
}
.dealDetails {
	margin-right: 180px;
}
.dealDetails h2 {
	line-height: 1.2;
	margin-bottom: .5em;
}
.dealDetails .category {
	font-size: 9px;
}
.instructions {
	font-size: 10px;
	line-height: 1.335;
	background: #ff9;
}
.shopNow {
	display: block;
	margin-top: 4px;
	padding: 4px;
	text-align: center;
	border: 1px solid #c90;
	border-top-color: #f5d600;
	border-left-color: #f5d600;
	background: #ffe;
	font-weight: bold;
}
.shopNow:hover {
	background: #ffc;
}

.pager a, .pager .curPg {
	margin: 0 3px;
}
.pager .curPg {
	font-weight:  bold;
}

.rtDetails, #rtInfo {
	position: relative;
}
.rtDetails .faveRt, #rtInfo .faveRt {
	position: absolute;
	top: -10px;
	right: -13px;
	width: 15px;
	height: 15px;
	text-indent: -9999em;
	overflow: hidden;
}
#rtInfo .faveRt {
	top: 2px;
	right: 2px;
	_right: 12px;
}
.rtDetails .faveRt a, #rtInfo .faveRt a {
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url(../../images/v4/base/bg_fav.png) -18px 0 no-repeat;
}
.rtDetails .faveRt a:hover, #rtInfo .faveRt a:hover {
	background-position: -18px -80px;
}
.rtDetails .faveRt a.fave, #rtInfo .faveRt a.fave {
	background-position: -18px -40px;
}

.route .faveRt {
	position: absolute;
	top: 1px;
	left: 254px;
	width: 33px;
	height: 33px;
	text-indent: -9999em;
	overflow: hidden;
}
.route .faveRt a {
	display: block;
	width: 33px;
	height: 33px;
	background: transparent url(../../images/v4/base/bg_fav.png) 0 0 no-repeat;
}
.route .faveRt a:hover {
	background-position: 0 -80px;
}
.route .faveRt a.fave {
	background-position: 0 -40px;
}



.tabs {
	border-bottom: 1px solid #ccc;
	margin: -20px -31px 0;
	padding: 0 31px;

	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#fff), to(#eee));
	background: -moz-linear-gradient(100% 50% 270deg,#fff, #eee);
}
.tabs ul, .tabs ul li {
	list-style: none;
	margin: 0; padding: 0;
	position: relative;
}
.tabs ul li {
	float: left;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-top: 6px;

	margin-right:5px;
	background-color: #eee;

	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
}
.tabs ul li.active {
	background-color: #fff;
	border-bottom-color: #fff;
	margin-bottom: -1px;
	margin-top: auto;
}
.tabs ul li a {
	display: block;
	padding: 6px 10px 3px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
}
.tabs ul li.active a {
	padding: 10px 14px 6px;
}


.runLog {
}
.runLog th, .runLog td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	padding: 4px;
}
.runLog th {
	text-align: left;
}
.runLog th.num, .runLog td.num {
	text-align: right;
}
.runLog thead th {
	background: #eee;
	border-right: 1px solid #ddd;
}
.runLog tfoot th, .runLog tfoot td {
	background: #def;
	font-weight: bold;
	border-right: 1px solid #cde;
}


#back2rts {
	margin-top: 9px;
	margin-left: 60px;
	display: inline;
}
.bigButton {
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;

	color: #444;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.95);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#b3b3b3));
	background: -moz-linear-gradient(100% 0% 270deg,#eaeaea, #b3b3b3);
	background-color: #dcdcdc;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;

	box-shadow:0 1px 5px rgba(0,0,0,1.0);
	-moz-box-shadow:0 1px 5px rgba(0,0,0,1.0);
	-webkit-box-shadow:0 1px 5px rgba(0,0,0,1.0);

	border: 1px solid #000;

	overflow: visible;
	-moz-outline: none 0;
}
.bigButton span {
	display: block;
	padding: 7px 14px 5px;

	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border: 1px solid #fff;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-bottom-color: #999;
}
.bigButton:hover {
	text-decoration: none;
	color: #222;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
	background: -moz-linear-gradient(100% 0% 270deg,#fff, #ddd);
	background-color: #eee;
}

.groupMember {
	font-size: 20px;
	text-align: center;
}