@charset "utf-8";



html {

	height:100%;

}



a {

	color: #666;

	text-decoration: none;

}



.appBody #contactUs  {

	position: absolute;

	left: 595px;

	top: -45px;

	font-size: 0.7em;

	line-height: 20px;

	height: 20px;

}

.container {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

}



.appBody #headerInfo {

	display:block;

	float:right;

	text-align:right;

	padding-right: 20px;

	padding-top: 10px;

	font-size: 0.75em;

}



.appBody #header h1 {

	margin: 0;

	padding: 0 0;

}



.clearfloat {

	clear: both;

}



.appBody #mainContent h1 {

	font-size: 14px;

	margin-top: 1em;

	margin-bottom: 2em;

}



.appBody #sectionTitle {

	padding: 0.5em 0.5em;

}



.commuterCont td #leftLinks a{

	padding: 0.5em;

	display: block;

	overflow : hidden;

	_height : 1%; /* So floats in container display properly in IE */

} 



/* So floats in container display properly in FF */

.appBody #navigationContainer:after{

	display: block; clear: both; content:' '; height: 0px;	

}



.appBody #sectionParameters {

	text-align: center;

	vertical-align: middle;

}



.appBody #calPopup {

	position:absolute;

	visibility:hidden;

	background-color:white;

}



.appBody #notes {

	padding: 0em 0.5em 1em 0.5em;

	font-size: 0.75em;

	text-align: center;

}



.appBody #success {

	padding: 0em 0.5em 1em 0.5em;

	font-size: 0.75em;

	text-align: center;

	color:#006600;

}



.appBody #notification {

	padding: 0em 0.5em 1em 0.5em;

	font-size: 0.75em;

	text-align: center;

	color: #FF0000;

	float:right;

	margin-top:2em;

	margin-right:5em;

}



.appBody #otherLinks {

	padding: 0.5em;

	font-size: 0.75em;

	text-align: center;

}

 

.appBody #footer p {

	margin: 0;

	text-align: center;

}

.appBody a img {

	border:none;

}

.appBody a {

	color: #03C;

	text-decoration: none;

}

.appBody h2 {

	color: #69C;

}

.appBody a:hover {

	color: #039;

	text-decoration: underline;

}

.appBody #navbar {

	height: 20px;

	background-image: url(../../default/images/navbar-bg.gif);

	width: 732px;

	margin-right: 4px;

	margin-left: 4px;

}

.appBody #timestamp {

	float: right;

	font-size: 10px;

	line-height: 20px;

	color: #333;

	padding-right: 8px;

}

.appBody #ride_stats {

	font-size: 0.7em;

	font-weight: normal;

	width: 351px;

	padding: 12px;

	background-image: url(../images/stats-box-bg.gif);

	background-position: bottom;

	margin-bottom: 12px;

}

.appBody #ride_stats table {

	width: 100%;

}

.appBody #ride_stats table tbody tr td {

	text-align: right;

}

.appBody #ride_stats table tbody tr th {

	text-align: right;

	font-weight: normal;

	white-space: nowrap;

}

.appBody #ride_stats table thead tr td {

	color: #666;

	text-align: right;

}

.appBody #team_ride_report, .appBody div.team_ride_report {

	font-size: 0.7em;

	font-weight: normal;

	width: 351px;

	padding: 12px;

	background-image: url(../images/team-stats-mid.gif);

	background-repeat: repeat-y;

}

.appBody #team_ride_report_top {

	background-image: url(../images/team-stats-top.gif);

	height: 37px;

	color: #990;

	font-size: 0.8em;

}

.appBody #team_ride_report_btm {

	background-image: url(../images/team-stats-btm.gif);

	height: 23px;

}

.appBody #team_ride_report table, .appBody div.team_ride_report table{

	width: 100%;

}

.appBody #team_ride_report table tbody tr td, .appBody div.team_ride_report tbody tr td {

	text-align: right;

}

.appBody #team_ride_report table tbody tr th, .appBody div.team_ride_report table tbody tr th {

	text-align: right;

	font-weight: normal;

	white-space: nowrap;

}

.appBody #team_ride_report table thead tr td, .appBody div.team_ride_report table thead tr td {

	color: #666;

	text-align: right;

}

#rideCountBox {

	height: 284px;

	width: 370px;

	position: absolute;

	left: 533px;

	top: 10px;

}

#rideCountBox h1 {

	text-align: center;

	font-size: 2.2em;

}

#rideCountBanner {

	background:#ccc;

	height: 140px;

	width: 300px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

#rideCountBanner .numbers {

	font-family:"Rokkitt";

	font-size: 3em;

	color: #fff;

}

#rideCountBanner #rideCountContent {

	width: 250px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	color: #666;

}

#rideCountBanner #rideCountContent p {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #FFF;

	padding-bottom: 0.5em;

	padding-top: 2em;

	text-align: center;

}



#rideCountBox #teamStatsLink {

	height: 20px;

	text-align: center;

	color: #666;

}



div#mysagscroller{

width: 250px;  /*width of scroller*/

height:30px;

}



div#mysagscroller ul li{

color:#666;

height:30px;

}

#homeTeasers {

	padding-top: 20px;

	margin-top:2em;

}



#homeTeasers  h1 {

	font-family:"Rokkitt";

	font-size: 1.4em;

	font-weight: normal;

	color: #226CB5;

}

#homeTeasers  a{

	background-color: #F60;

	font-size: 1em;

	color: #FFF;

	font-family:"Rokkitt";

	-webkit-box-shadow: 1px 1px 2px #666;

	-moz-box-shadow: 1px 1px 2px #666;

	box-shadow: 1px 1px 2px #666;

	display: block;

	float: left;

	text-decoration: none;

	padding-top: 0.2em;

	padding-right: 0.6em;

	padding-bottom: 0.2em;

	padding-left: 0.6em;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}

#loginHeader {

	line-height: 2em;

	font-size:1.2em;

	color:#000;

	padding:1em;

	text-align:right;

	background:#fff;

	position:fixed;

	top:50%;

	left:50%;

	margin-left:-150px;

	margin-top:-120px;

	white-space:nowrap;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.2);

	-o-box-shadow:2px 2px 3px rgba(0,0,0,0.2);

	box-shadow:2px 2px 3px rgba(0,0,0,0.2);

}



#overlay {background:rgba(0,0,0,.4);width:100%;height:100%;z-index:500;display:none;position:fixed;left:0;top:0;}

 

#loginHeader a {

	font-size:0.8em;

	color:#5AB7FA;

	

}

#loginHeader label{margin-right:.5em;}

#loginHeader div {display:block;}

#loginHeader input {font-size:1em;border:solid 1px #ccc;background:#fafafa;width:160px;}

#loginHeader .button {background:#226CB5;color:#fff;border:none;font-family:"Rokkitt";padding:.5em 1em;}



#teamStatsLink {text-align:center;margin-top:2em;}

#showLoginButton {text-align:center;margin-top:1em;}

#showLoginButton a{font-size:1.2em;font-family:"Rokkitt";padding:.5em 1em;background:#226CB5;color:#fff;-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);

	-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);

	-o-box-shadow:1px 1px 1px rgba(0,0,0,0.2);

	box-shadow:1px 1px 1px rgba(0,0,0,0.2);

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;}

#closeLoginHeader {margin-top:-2em;margin-right:-2.3em;}

.alignR {text-align:right;}

.alignC {text-align:center;}

.cursive {font-family:"Dancing Script", cursive;}

.green{color:#b2bb1e;}

.scrollNumber {font-family:"Rokkitt";color:#333;font-size:1.2em;}





/* the overlayed element */

.simple_overlay {

 

    /* must be initially hidden */

    display:none;

 

    /* place overlay on top of other elements */

    z-index:10000;

 

    /* styling */

     min-height:200px;

 

  

	

}

 

/* close button positioned on upper right corner */

.simple_overlay .close {

	background-image:url(../images/close-popup.png);

	position:absolute;

	right:-15px;

	top:-15px;

	cursor:pointer;

	height:32px;

	width:32px;

}