/* 
Hubway Official Colors
Green: #47AA42
Gray: #6A747C
Light Green: #6BC533
New Balance Red: #E51937
Map Red: #C6171A
*/

/*=========== OVERALL ===========*/
html { height: 100%; width:100%; }
body { min-height: 100%; width:100%; margin: 0 auto; font-family:"OpenSansRegular", Arial, sans-serif; font-size:15px; color:#505050; }
p { font-family:"OpenSansRegular", Arial, sans-serif; }
a { text-decoration:none; color:#47AA42; }
a:hover { color:#505050; text-decoration:none; cursor: pointer; }
.green a { text-decoration: underline; }
.green a:hover { color:#505050; }
.center { text-align:center!important; }
.inline { display:inline; }
.green { color:#47AA42; }
.clear { clear:both; }
.hidden { display:none; }
.table-cell { display:table-cell; vertical-align:middle; }
.padded-field { margin-top:10px; }
.width-100-percent { width:100%; }
.no-padding { padding:0; }

/*=========== FOUNDATION OVERRIDES ===========*/
.row { width:1024px; }
.column,
.columns { padding:0; }
table { border:none; background: none; border-collapse:collapse; }
table thead,
table tfoot { background:none; }
.ie img { border:none; }
select { width:auto; }
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { height: auto; margin:0; }
fieldset legend { font-weight:normal; }
label { line-height:15px; }
label.inline { line-height:22px; }
form fieldset div.row { padding-bottom:5px; }
#station-map img,
#station-map object,
#station-map embed { max-width:none; }

/*
 * UI Overrides
 * 
 * @author erikharper
 */
div.alert-box { margin-bottom:0; background-color:#EEEEEE; color:#777777; font-size:13px; text-shadow:none; line-height:19px; }
.error,
div.alert-box.error { background:#EB1C24; color:#FFFFFF; }
.warning,
div.alert-box.warning { background:#f68b01; color:#FFFFFF; }
div.alert-box p { color:#FFFFFF !important; }

/*=========== HEADER ===========*/
header#header { position:relative; z-index:5; width:100%; }
header#header div#topbar
{
	width:100%; height:62px;
 
	/* Gradient */
	background: #797878; /* Old browsers */
	background: -moz-linear-gradient(top, #6A747C 0%, #26282B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A747C), color-stop(100%,#26282B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6A747C 0%,#26282B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6A747C 0%,#26282B 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6A747C 0%,#26282B 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A747C', endColorstr='#26282B',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6A747C 0%,#26282B 100%); /* W3C */
	
	/* Box Shadow */
	-webkit-box-shadow: 0px 0px 10px 1px #333;
	-moz-box-shadow: 0px 0px 10px 1px #333;
	box-shadow: 0px 0px 10px 1px #333;
}
div#topbar-content { height:100%; margin:0px auto; width: 900px; display:table; padding-top:6px; }
.ie7 div#topbar-content { display:block; }
div#topbar-content h1 { display:table-cell; font-family:"UbuntuMedium", Arial, sans-serif; font-size:45px; letter-spacing:-3.7px; color:#FFFFFF; background:url(../../images/logo.png) no-repeat left center; padding:6px 50px 0px 63px; text-indent:-100000px; width:195px; }
.ie7 div#topbar-content h1 { display:block; float:left; }
a#hubway { display:block; }
a#hubway:hover { text-decoration:none; }
html.ie9 div#topbar-content h1 { font-family:"UbuntuBold", Arial, sans-serif; letter-spacing:-3.3px; }
nav#sub { display:table-cell; text-align:right; vertical-align:top; padding-top:10px; }
.ie7 nav#sub { display:block; float:right; }
.chrome nav#sub { padding-top:12px; }
.chrome nav#sub ul { margin:0px; padding:0px; }
nav#sub ul { display:inline; padding:0; }
nav#sub li { display:inline; padding-right:10px; }
nav#sub li a { font-family:"UbuntuBold", Arial, sans-serif; text-transform:uppercase; font-size:10px; color:#FFFFFF; display:inline-block; }
nav#sub li a:hover,
nav#sub li.active a { text-decoration:none; color:#6BC533; }
nav#sub li#join a 
{
	background:#6BC533; padding: 4px 25px 0px 25px; font-size:12px; behavior: url(/assets/css/PIE.htc); 

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	text-shadow: 1px 1px 1px #333333;
	filter: dropshadow(color=#333333, offx=1, offy=1);
	
	-webkit-box-shadow: inset 1px 1px 1px 1px #333333;
	-moz-box-shadow: inset 1px 1px 1px 1px #333333;
	box-shadow: inset 1px 1px 1px 1px #333333;
}
nav#sub li#join a:hover
{
	background:#3A3939 ; color:#FFF; behavior: url(/assets/css/PIE.htc);

	-webkit-box-shadow: inset 0px 0px 1px 1px #6BC533;
	-moz-box-shadow: inset 0px 0px 1px 1px #6BC533;
	box-shadow: inset 0px 0px 1px 1px #6BC533;
}

/* ---------- Main Navigation ---------- */
nav#main { padding:0; text-align:center; margin:0 auto; }

/* Dropdown */
nav#main ul li:hover > ul { display: block; }

/* Level 2 */
nav#main ul ul { display: none; margin: 0; padding: 0; position: absolute; left: 0; text-align: left; }
.ie7 nav#main ul ul { margin-top:40px; }
nav#main ul ul li { float: none; margin: 0; padding: 0; }
nav#main ul ul a { font-weight: normal; }

/* Level 3+ */
nav#main ul ul ul { left:122px; top: -23px; }

/* Clear Fix */
nav#main ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
nav#main ul { display: inline-block; margin:0; padding:0; } 
html[xmlns] nav#main ul { display: block; } 
* html nav#main ul { height: 1%; }

/* Button Styles */
nav#main ul li { display:inline; padding:0px; background:transparent; float: left; position: relative; list-style: none; }
nav#main ul a 
{
	display:block; padding: 10px 20px; margin:0px 0px 0px -6px; font:16px UbuntuBold; color:#FFFFFF; text-decoration:none; border-left:1px solid #468222; border-right:1px solid #468222; 

	background: #6bc533;
	background: -moz-linear-gradient(top, #6bc533 0%, #468222 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc533), color-stop(100%,#468222));
	background: -webkit-linear-gradient(top, #6bc533 0%,#468222 100%); 
	background: -o-linear-gradient(top, #6bc533 0%,#468222 100%);
	background: -ms-linear-gradient(top, #6bc533 0%,#468222 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc533', endColorstr='#468222',GradientType=0 ); 
	background: linear-gradient(top, #6bc533 0%,#468222 100%);
	
	text-shadow: 2px 2px 2px #3A3939; 		
}
.ie7 nav#main ul a { display:inline-block; }
nav#main li a:hover,
nav#main li.active a, .disabled
{
	text-decoration:none; color:#FFFFFF;
	
	background: #797878;
	background: -moz-linear-gradient(top, #6A747C 0%, #26282B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A747C), color-stop(100%,#26282B));
	background: -webkit-linear-gradient(top, #6A747C 0%,#26282B 100%);
	background: -o-linear-gradient(top, #6A747C 0%,#26282B 100%);
	background: -ms-linear-gradient(top, #6A747C 0%,#26282B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A747C', endColorstr='#26282B',GradientType=0 );
	background: linear-gradient(top, #6A747C 0%,#26282B 100%);		
}
nav#main li.active ul li a
{	
	background: #6bc533;
	background: -moz-linear-gradient(top, #6bc533 0%, #468222 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc533), color-stop(100%,#468222));
	background: -webkit-linear-gradient(top, #6bc533 0%,#468222 100%); 
	background: -o-linear-gradient(top, #6bc533 0%,#468222 100%);
	background: -ms-linear-gradient(top, #6bc533 0%,#468222 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc533', endColorstr='#468222',GradientType=0 ); 
	background: linear-gradient(top, #6bc533 0%,#468222 100%);		
}
nav#main li.active ul li a:hover
{	
	background: #797878;
	background: -moz-linear-gradient(top, #6A747C 0%, #26282B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A747C), color-stop(100%,#26282B));
	background: -webkit-linear-gradient(top, #6A747C 0%,#26282B 100%);
	background: -o-linear-gradient(top, #6A747C 0%,#26282B 100%);
	background: -ms-linear-gradient(top, #6A747C 0%,#26282B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A747C', endColorstr='#26282B',GradientType=0 );
	background: linear-gradient(top, #6A747C 0%,#26282B 100%);		
}
nav#main li.first a 
{
	border-left:none; 
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 0px 15px;
	border-radius: 0px 0px 0px 15px; 
}
nav#main li.last a 
{
	border-right:none;
	-moz-border-radius-bottomright: 15px; 
	-webkit-border-radius: 0px 0px 15px 0px;
	border-radius: 0px 0px 15px 0px; 
}

nav#main ul li ul li.first a 
{
	border-left:1px solid #468222;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; 
}
nav#main ul li ul li.last a 
{
	border-right:1px solid #468222;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; 
}

/*=========== BANNERS ===========*/
#banner-wrapper { width:100%; height:100%; clear:both; }
#home-banner-wrapper { margin-bottom:100px; }

/* Shared Styles */
.ribbon { width:100%; height:100%; position:absolute; z-index:-1; }
.ribbon-black
{
	opacity:0.5;
	
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ffffff 0%, #000000 8%, #000000 92%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(8%,#000000), color-stop(92%,#000000), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#000000 8%,#000000 92%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#000000 8%,#000000 92%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#000000 8%,#000000 92%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#000000 8%,#000000 92%,#ffffff 100%);
}
.ie8 .ribbon-black,
.ie7 .ribbon-black
{
	background: url('/assets/images/banners/ribbon-black-ie.png');
}
.ribbon-green
{
	opacity:0.8; color:#FFF;

	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjNmJjNTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjNmJjNTMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ffffff 0%, #6bc533 8%, #6bc533 92%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(8%,#6bc533), color-stop(92%,#6bc533), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#6bc533 8%,#6bc533 92%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#6bc533 8%,#6bc533 92%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#6bc533 8%,#6bc533 92%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#6bc533 8%,#6bc533 92%,#ffffff 100%);
	
}
.ie8 .ribbon-green,
.ie7 .ribbon-green
{
	background: url('/assets/images/banners/ribbon-green-ie.png');
}
.ribbon-red
{
	opacity: 0.7; color:#FFF;
	
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTIlIiBzdG9wLWNvbG9yPSIjZmYwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  #ffffff 0%, #ff0000 8%, #ff0000 92%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(8%,#ff0000), color-stop(92%,#ff0000), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#ff0000 8%,#ff0000 92%,#ffffff 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#ff0000 8%,#ff0000 92%,#ffffff 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#ff0000 8%,#ff0000 92%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#ff0000 8%,#ff0000 92%,#ffffff 100%);
}
.ie8 .ribbon-red,
.ie7 .ribbon-red
{
	background: url('/assets/images/banners/ribbon-red-ie.png');
}
.ribbon-white
{
	background:white; opacity:0.7;
}
.ie8 .ribbon-white,
.ie7 .ribbon-white
{
	background: url('/assets/images/banners/ribbon-white-ie.png');
}

/* ------ Homepage Banner Static Items ------ */

/* Homepage Banner Announcement */
.home-banner-announcement { position:absolute; z-index:4; top:60px; text-align:center; color:white; text-shadow: 1px 1px 1px #666666; }
.home-banner-announcement .text { padding:10px 60px; }
.home-banner-announcement h1 { font:35px UbuntuMedium; font-weight:normal; text-align:center; margin:0px; line-height:1; }
.home-banner-announcement h2 { font:30px UbuntuRegular; font-weight:normal; margin:0px; line-height:1; }
.home-banner-announcement h3 { font:25px UbuntuLight; font-weight:normal; margin:0px; line-height:1; }
.home-banner-announcement p { margin:0px; line-height:1.3; }
.home-banner-announcement a { color:white; }
.home-banner-announcement a:hover { text-decoration:underline; }

/* Homepage Banner Tagline */
#tagline-wrapper { position:absolute; top: 395px; z-index:4; width:100%; }
h2#tagline { color:#FFF; }
.ie7 div#tagline-wrapper,
.ie7 h2#tagline { display:block; }
.ie7 div#tagline-wrapper { height:auto; }
.ie7 h2#tagline { margin-top:27px; }
ul#join-take-ride-return { text-align:right; padding-right:30px; }
ul#join-take-ride-return li { display:inline; }
ul#join-take-ride-return li a { display:inline-block; padding:43px 0 29px 90px; margin-right:10px; font-size:14.33px; font-family:"UbuntuBold", Arial, sans-serif; text-transform:uppercase; }
ul#join-take-ride-return li a:hover { text-decoration:none; color:#FFF; }
li#join-bullet a { background:url(/assets/images/join-take-ride-return-bullets.png) no-repeat; }
li#take-bullet a { background:url(/assets/images/join-take-ride-return-bullets.png) no-repeat left -94px; }
li#ride-bullet a { background:url(/assets/images/join-take-ride-return-bullets.png) no-repeat left -188px; }
li#return-bullet a { background:url(/assets/images/join-take-ride-return-bullets.png) no-repeat left -282px; }
li#join-bullet a:hover { background:url(/assets/images/join-take-ride-return-bullets-hover.png) no-repeat; }
li#take-bullet a:hover { background:url(/assets/images/join-take-ride-return-bullets-hover.png) no-repeat left -94px; }
li#ride-bullet a:hover { background:url(/assets/images/join-take-ride-return-bullets-hover.png) no-repeat left -188px; }
li#return-bullet a:hover { background:url(/assets/images/join-take-ride-return-bullets-hover.png) no-repeat left -282px; }

/* Homepage Banner */
#home-banner 
{
	margin:-54px auto 0px auto;
}
.page-width { width:1024px; margin:0px auto; }
div.orbit-wrapper div.timer { display:none; }
div.orbit-wrapper div.slider-nav span.left { left: -35px; }
div.orbit-wrapper div.slider-nav span.right { right: -35px; }

/* Homepage Banner Orbit Slides */
#home-banner .orbit-slide 
{
	-webkit-box-shadow: inset 0px 0px 30px 30px #ffffff;
	-moz-box-shadow: inset 0px 0px 30px 30px #ffffff;
	box-shadow: inset 0px 0px 30px 30px #ffffff;
}
.orbit-slide-title { position:absolute; top:480px; width:100%; }
.orbit-slide-title .text { font:28px UbuntuRegular; color:black; padding:8px 50px 8px 100px; }


/* Homepage Join Banner */
div#join-banner
{
	position:relative; z-index:2; top:185px; left:54px; background:url(../../images/banners/join-homepage-banner.png) no-repeat; width:292px; height:124px;

	-webkit-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-box-shadow: 0px 8px 10px 0px #333333;
	-moz-box-shadow: 0px 8px 10px 0px #333333;
	box-shadow: 0px 8px 10px 0px #333333;
}
a.join-banner
{
	display:block; height:100%; color:#FFF; font-family:"UbuntuBold", Arial, sans-serif; font-size:24px; padding-top:34px; padding-left:15px; text-transform:lowercase;
	
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
a.join-banner span { font-size:14px; display:block; margin-top:17px; }
a.join-banner span#annual-membership { margin-top:6px; font-size:19px; text-shadow: -1px -1px 1px #505050;	 }
a.join-banner:hover
{
	text-decoration:none;
	-webkit-box-shadow: inset 0px 0px 10px 0px #ffffff;
	-moz-box-shadow: inset 0px 0px 10px 0px #ffffff;
	box-shadow: inset 0px 0px 10px 0px #ffffff;
	
	behavior: url(/assets/css/PIE.htc);
}

/* Homepage Promo Banners */
div.join-promo
{
	position:relative; top:169px; left:54px; z-index:1; width:292px;
	
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;
	
	-webkit-box-shadow: 1px 1px 10px 0px #000;
	-moz-box-shadow: 1px 1px 10px 0px #000;
	box-shadow: 1px 1px 10px 0px #000;
	
	behavior: url(/assets/css/PIE.htc);
}
a.join-promo
{
	color: #FFF; display:block; padding:30px 0px 19px 15px; opacity:0.9; background:#666666;
	
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	border-radius: 0px 0px 15px 15px;

	-webkit-box-shadow: inset 0px 0px 40px 0px #000;
	-moz-box-shadow: inset 0px 0px 40px 0px #000;
	box-shadow: inset 0px 0px 40px 0px #000;
	
	behavior: url(/assets/css/PIE.htc);
}

/* Spring Promo */
div.join-promo.spring a.join-promo
{
	background:url('/assets/images/banners/grass_with_sky.jpg') 0px 228px; color:#557375; padding:32px 0px 65px 15px; text-shadow:2px 2px 1px #FFFFFF;
	
	-webkit-box-shadow: 0 0 40px 0 #333333 inset;
	-moz-box-shadow: 0 0 40px 0 #333333 inset;
	box-shadow: 0 0 40px 0 #333333 inset;	
}
div.join-promo.spring a.join-promo span.price { font:52px/69px "OpenSansSemiBold"; }
div.join-promo.spring a.join-promo span.description { font:17px/17px "OpenSansLight"; letter-spacing:0px;  }

/* Holiday Promo */
a.join-promo.holiday { background:#E51937; }
a.join-promo:hover,
a#holiday-promo:hover
{
	opacity:0.8;
}
a.join-promo span.price { font:48px/48px "OpenSansRegular"; float:left; vertical-align:top; margin-right:15px; }
a.join-promo span.description { font:16px/19px "OpenSansLight"; letter-spacing:0.4px; text-transform:lowercase; }

a#holiday-promo
{
	display:block; line-height:0px; position:relative; top:135px; left:54px; z-index:1; width:292px;
	
	-webkit-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-box-shadow: 1px 1px 10px 0px #000;
	-moz-box-shadow: 1px 1px 10px 0px #000;
	box-shadow: 1px 1px 10px 0px #000;
	
	behavior: url(/assets/css/PIE.htc);
}

/* Facebook/Twitter Homepage Banners */
div#home-banner div#twitter,
div#home-banner div#facebook { position:relative; width:292px; left:54px; }
div#home-banner div#twitter { top:135px; }
div#home-banner div#facebook { top:125px; }
div#home-banner div.social-networks { margin-bottom:20px; }
div#home-banner div.social-networks
{
	height:39px;
	background: #ccd0d2; /* Old browsers */
	background: -moz-linear-gradient(top, #ccd0d2 0%, #b3b8bb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd0d2), color-stop(100%,#b3b8bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd0d2', endColorstr='#b3b8bb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* W3C */

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
div#home-banner div.social-networks a.social-url { width:39px; height:39px; position:absolute; z-index:1; }
div#home-banner div.social-networks iframe { padding-left: 45px; margin-top:-10px; padding-top:20px; }
div#home-banner div#twitter iframe { background:url(/assets/images/twitter-sidebar.png) no-repeat left center; }
div#home-banner div#facebook iframe { background:url(/assets/images/facebook-sidebar.png) no-repeat left 10px; padding-bottom:10px; }

/* Partners Banners */
div#partners { display:none; }

/* Helmet Sprocket Icon */
#helmet-sprocket
{
	 line-height:23px; position:relative; color:#FFF; background:url(/assets/images/banners/sprocket-starburst.png) no-repeat center center; width:169px; height:169px; display:block; text-align:center; font-family:"UbuntuBold", Arial, sans-serif; font-size:18px; text-shadow:1px 1px 1px #333; left: 517px; vertical-align:middle; padding:50px 10px;
}
#helmet-sprocket:hover { text-decoration:none; background:url(/assets/images/banners/sprocket-starburst-hover.png) no-repeat center center; }
div#holiday-bauble a { bottom:450px; left:230px; z-index:2; opacity:0.85;  }
div#holiday-bauble a:hover { opacity:1; }

/* Page Banners */
.banner-wrapper { margin-top:10px; margin-bottom: 10px; }
img.page-banner
{
	margin:0px auto; display:block; width: 960px; height:250px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	
	-webkit-box-shadow: 5px 5px 10px 0 #999999;
	-moz-box-shadow: 5px 5px 10px 0 #999999;
	box-shadow: 5px 5px 10px 0 #999999;
	
	behavior: url(/assets/css/PIE.htc);
}
img.partner-banner
{
	-webkit-border-radius: 25px;
	border-radius: 25px;
}

/*=========== CONTENT ===========*/
#content-wrapper { width:960px; margin:0px auto; padding:30px 0px 40px; }
#content { color:#6A747C; padding:0px; vertical-align:top; padding:20px 53px 10px 53px; font-family:"OpenSansRegular", Arial, sans-serif; font-size:15px; }

#content h1 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:40px; color:#505050; letter-spacing: -2px; margin:0px 0px 10px 0px; font-weight:normal; }
#content h2 { font:38px/38px "UbuntuRegular"; margin-top:30px; letter-spacing: -2px; font-weight:normal; }
#content h3 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:34px; margin-top:0px; letter-spacing: -1.6px; font-weight:normal; }
#content h4 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:30px; margin-top:0px; letter-spacing: -1.2px; font-weight:normal; }
#content h5 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:26px; margin-top:0px; letter-spacing: -0.8px; font-weight:normal; }
#content h6 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:22px; margin-top:0px; letter-spacing: -0.4px; font-weight:normal; }
#content h7 { font-family:"UbuntuRegular", Arial, sans-serif; font-size:18px; margin-top:0px; letter-spacing: -0.2px; font-weight:normal; }
#content p { margin-bottom:15px; color:#6A747C; }
#content ul,
#content ol { margin-bottom:15px; }
#content ul li,
#content ol li { margin-left:40px; list-style-type:circle; }
#content blockquote { margin:15px 40px; }

/* Tables */
#content table { margin-bottom:20px; }
#content table th,
#content table td { vertical-align:middle; padding:10px 15px; font-family:"UbuntuRegular", Arial, sans-serif; text-align:left; }
#content table th
{
	color:#FFF; text-shadow: 2px 2px 2px #3A3939; border:1px solid #999999;
	
	background: #6a747c; 
	background: -moz-linear-gradient(left, #6a747c 0%, #26282b 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6a747c), color-stop(100%,#26282b));
	background: -webkit-linear-gradient(left, #6a747c 0%,#26282b 100%); 
	background: -o-linear-gradient(left, #6a747c 0%,#26282b 100%);
	background: -ms-linear-gradient(left, #6a747c 0%,#26282b 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a747c', endColorstr='#26282b',GradientType=1 ); 
	background: linear-gradient(left, #6a747c 0%,#26282b 100%); 
	
	behavior: url(/assets/css/PIE.htc);
}
#content table thead th
{
	border:none; 
	
	background: #797878;
	background: -moz-linear-gradient(top, #6A747C 0%, #26282B 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A747C), color-stop(100%,#26282B)); 
	background: -webkit-linear-gradient(top, #6A747C 0%,#26282B 100%); 
	background: -o-linear-gradient(top, #6A747C 0%,#26282B 100%); 
	background: -ms-linear-gradient(top, #6A747C 0%,#26282B 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A747C', endColorstr='#26282B',GradientType=0 );
	background: linear-gradient(top, #6A747C 0%,#26282B 100%); 
	
	behavior: url(/assets/css/PIE.htc);
}
#content table tbody th { text-align:right; }
#content table thead th:first-child
{
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 20px 0px 0px 0px;
	border-radius: 20px 0px 0px 0px;
}
#content table thead th:last-child
{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 20px 0px 0px;
	border-radius: 0px 20px 0px 0px;
}
#content table tbody td { border:1px solid #CCCCCC; font-family:"UbuntuRegular", Arial, sans-serif; }
#content table tbody tr.odd td { background:#EEEFF0; }
#content table tbody tr.even td { background:#D5D8D9; }

/* Join Page */
#content fieldset
{
	border:5px solid #47AA42; padding:20px 30px 25px 30px; margin:0 0 20px 0;
	
	-webkit-border-radius:30px;
	border-radius:30px;
}
#content fieldset#credit-card-information { background:url('/assets/images/visa_mastercard.gif') no-repeat right 20px; }
.ie7 #content fieldset { margin-left:100px; padding-left:50px; margin-bottom:20px; }
#content fieldset legend { font-family:"UbuntuRegular", Arial, sans-serif; letter-spacing:-1px; font-size:25px; color: #6A747C; padding:0px 10px; }
.ie7 #content fieldset legend,
.ie8 #content fieldset legend { margin-bottom:25px; }

button { text-align:center; }
button,
a.button,
input[type="submit"],
div.view_archives a,
div.view_archives strong
{
	color:#FFFFFF; display:inline-block; border:none; font-family:"UbuntuLight", Arial, sans-serif; font-size:18px; text-shadow: 2px 2px 2px #3A3939; padding:5px 20px; letter-spacing:-0.2px; font-weight:normal; vertical-align:middle;
	
	/* Gradient Background */
	background: #6bc533; /* Old browsers */
	background: -moz-linear-gradient(top, #6bc533 0%, #468222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc533), color-stop(100%,#468222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6bc533 0%,#468222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6bc533 0%,#468222 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6bc533 0%,#468222 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc533', endColorstr='#468222',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6bc533 0%,#468222 100%); /* W3C */
	background: -moz-linear-gradient(center top , #6BC533 0%, #468222 100%) repeat scroll 0 0 transparent;
    
	-webkit-border-radius:15px;
	border-radius:15px; 
	
	-webkit-box-shadow: 2px 2px 3px 0 #333333;
	-moz-box-shadow: 2px 2px 3px 0 #333333;
	box-shadow: 2px 2px 3px 0 #333333;
	
	behavior: url(/assets/css/PIE.htc);
}
a.button { display:inline-block; }
button:hover,
a.button:hover,
input[type="submit"]:hover,
div.view_archives a:hover
{
	text-decoration:none; color:#FFFFFF; cursor:pointer;
	background: #797777; /* Old browsers */
	background: -moz-linear-gradient(top, #797777 0%, #3a3838 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797777), color-stop(100%,#3a3838)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #797777 0%,#3a3838 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #797777 0%,#3a3838 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #797777 0%,#3a3838 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797777', endColorstr='#3a3838',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #797777 0%,#3a3838 100%); /* W3C */
	
	behavior: url(/assets/css/PIE.htc);
}
button#subscribe_submit { width:200px; padding:13px 20px; font-size:20px; }
.ie button,
.ie a.button { border-radius:0px; }

button.thin,
a.button.thin,
input[type="submit"].thin,
div.view_archives a,
div.view_archives strong { font-size:16px; padding:3px 14px; display:inline-block; margin:0px; }

/* Centered Buttons */
button.center,
a.button.center,
input[type="submit"].center { display:block; margin:0px auto; }

/* Buttons */
div.button-wrapper { display:table; margin:0px auto; text-align:center; }
div.inline-button { display:table-cell; vertical-align: middle; padding-right:15px; }
.ie div.inline-button { float:left; }

/* View Archives on News Page */
div.view_archives a,
div.view_archives strong { margin-right:3px; padding:4px 9px; }

div.view_archives { display:table; width:100% }
nav#pagination { display:table-cell; }
div#archives-link { display:table-cell; text-align:right; }
div.view_archives strong
{
	background: #797777; /* Old browsers */
	background: -moz-linear-gradient(top, #797777 0%, #3a3838 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797777), color-stop(100%,#3a3838)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #797777 0%,#3a3838 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #797777 0%,#3a3838 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #797777 0%,#3a3838 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797777', endColorstr='#3a3838',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #797777 0%,#3a3838 100%); /* W3C */
}

span.require { color:#E51937; padding-right:5px; }


/* Forms */
#content form p.center { width:600px; margin:0px auto 15px auto; }
.ie7 #content form p.center { margin-left:100px; }
input#q { height:auto!important;}
form input[type="text"],
form input[type="password"],
form select
{
	display:inline-block; border:1px solid #6A747C; font-family:"OpenSansRegular", Arial, sans-serif; font-size:11px; padding:3px 5px; 
	
	-webkit-border-radius:2px;
	border-radius:2px;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F2F2F2 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F2F2F2 0%,#FFFFFF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F2F2F2 0%,#FFFFFF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F2F2F2 0%,#FFFFFF 100%); /* W3C */
}
form input[type="text"]:hover,
form input[type="password"]:hover,
form select.styled:hover
{
	border:1px solid #47AA42;
	-webkit-box-shadow: 0px 0px 3px 0 #47AA42;
	-moz-box-shadow: 0px 0px 3px 0 #47AA42;
	box-shadow: 0px 0px 3px 0 #47AA42;
	
	behavior: url(/assets/css/PIE.htc);
}
form input[type="radio"],
form input[type="checkbox"] { margin-right:5px; }
div.form-field { margin-bottom:7px; display:table; }
input[maxlength="3"] { width: 35px; }
input[maxlength="4"] { width: 45px; }
span.hint { font-size:11px; color:#999; font-family:"OpenSansItalic", Arial, sans-serif; padding-left:4px; }
ul.form_errors
{
	margin:0px auto 15px auto; padding:15px; background: #F8BAC4; border: 5px solid #e51937; color:#E51937; font-family:"UbuntuBold", Arial, sans-serif;
	
	-webkit-border-radius:30px;
	border-radius:30px; 
	
	behavior: url(/assets/css/PIE.htc);
}
#content ul.form_errors li { margin-left:8px; list-style-type:none;  }
div.notifications
{
	margin:0px auto 15px auto; padding:15px; background: #D2EDD1; border: 5px solid #47AA42; color:#47AA42; font-family:"UbuntuMedium", Arial, sans-serif;
	
	-webkit-border-radius:30px;
	border-radius:30px; 
	
	behavior: url(/assets/css/PIE.htc);
}
div.checkbox-group div.form-field { margin-left: 185px; margin-bottom:0px; }
div.checkbox-group div.form-field label { width:auto; }
#content form div.checkbox-group div.form-field input[type="checkbox"] { margin-right:15px; }

#content div.agreement { background-color: #FFFFFF; border: 1px solid #4F4F4F; height: 400px; margin-bottom: 10px; overflow: auto; padding: 10px; }
#content div.agreement h2 { font-size:18px; margin-top:0px; letter-spacing:0px; font-family:"OpenSansRegular", Arial, sans-serif; }

div.form-field label[for="helmet"] { display:inline; font-size:14px; }
img#bell-helmet { float:left; padding:15px 20px 0px 0px; }
table#bell-helmet-info { font-size:14px; }
table#bell-helmet-info td { padding:5px; border:1px solid #E1E1E1; }


/* Safari Quirks */
.safari input#city,
.safari input#username,
.safari input#password,
.safari input#password_confirm,
.safari input#gift_certificate_number,
.safari input#credit_card_number,
.safari input#credit_card_holder,
.safari input#credit_card_city,
.safari input#credit_card_zip,
.safari input#gift_certificate_number { width: 147px; }

/* Membership Types */
#content table.membership-types { width:100%; margin-bottom:0px; }
#content table.membership-types thead th
{
	text-align: center; color:#FFF; text-shadow:none; border:1px solid #999999;
	
	background: #6BC533; /* Old browsers */
	background: -moz-linear-gradient(top, #6BC533 0%, #468222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BC533), color-stop(100%,#468222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6BC533 0%,#468222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6BC533 0%,#468222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6BC533 0%,#468222 100%); /* IE10+ */
	background: linear-gradient(top, #6BC533 0%,#468222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BC533', endColorstr='#468222',GradientType=0 ); /* IE6-9 */
}
#content table.membership-types thead th:first-child,
#content table.membership-types thead th:last-child 
{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
table.membership-types td { vertical-align: middle; padding: 10px; }
form table.membership-types select { width:204px; }
table.membership-types input[type='password'] { float:left; width: 125px; }
table.membership-types label.top { display:block; width: auto; text-align:left; float:none; margin-bottom:5px; }
table.membership-types div.table-cell { padding:0px 10px 0px 0px; }
table.membership-types a#verify { margin-top:22px; display:inline-block; }

/* Corporate Subscription Details */
div.corporate_subscription_details
{
	margin-top:-1px; padding:10px; text-align:center; border:1px solid #999999; color:#FFFFFF;
	
	background: #6BC533; /* Old browsers */
	background: -moz-linear-gradient(top, #6BC533 0%, #468222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6BC533), color-stop(100%,#468222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6BC533 0%,#468222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6BC533 0%,#468222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6BC533 0%,#468222 100%); /* IE10+ */
	background: linear-gradient(top, #6BC533 0%,#468222 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6BC533', endColorstr='#468222',GradientType=0 ); /* IE6-9 */	
	
	behavior: url(/assets/css/PIE.htc);
}
.ie div.corporate_subscription_details { border-radius: 0px; }
div.signup-form div#corporate_subscription_details_signup { margin-left:10px; } 
#content div.corporate_subscription_details h7 { margin:0px; color:#FFFFFF; font-family: "UbuntuBold"; }
#content div.corporate_subscription_details p { margin:0px; text-align:center; color:#FFFFFF; }
#content div.corporate_subscription_details p#warning { font-size:10px; line-height:14px; letter-spacing:0.1px; margin-top:15px; color:#F0F0F0; }

/* FAQ Page */
#content article#faq h2,
a.faq-heading { font-weight:normal; font-size: 22px; color:#47AA42; font-family:"UbuntuRegular", Arial, sans-serif; }
#content article#faq ul.faq-links a,
#content article#faq h3 { font-size:17px; letter-spacing:-0.4px; font-family:"UbuntuRegular", Arial, sans-serif; color:#505050;}
#content article#faq h2 { font-size:22px; border-bottom:1px solid #6A747C; margin-bottom:15px; margin-top:45px; padding-bottom:3px; letter-spacing:-0.4px; }
#content article#faq h3,
#content article#faq p { margin-left:40px; font-weight:normal; }

/* Explore By Bike Page */
/*Experimental Technique Using CSS Text Columns (works almost perfectly!)*/
section#resources div.column { width:33%; float:left; }

/* Partners Page */
#content ul.partner-list { text-align:center; }
#content ul.partner-list li { display:inline-block; width:33%; margin:0px; }
#content ul.partner-list li a
{
	display:inline-block; padding:20px 30px; vertical-align:middle; 
}

/* Languages Page */
ul.translate { float:left; width:180px; }
#content ul.translate li { margin:0px; }

/* News Page */
body.news #content h2 { margin-top:0px; }
body.news #content p,
body.blog #content p { font:15px/22px "OpenSansRegular"; letter-spacing:-0.3px; margin-bottom:10px; text-align:justify; }
body.news div.post_date,
body.blog div.post_date { font-family:"OpenSansLight"; color:#999999; }
body.news #content div.post div.post_content h2,
body.blog #content div.post div.post_content h2  { margin-top: 30px; }

/* Station Map */
#station-map-border,
div#printable-maps-wrapper,
div#suggest-station-wrapper
{
	padding: 24px; margin-bottom:20px;
	
	/* Gradient Background */
	background: #6bc533; /* Old browsers */
	background: -moz-linear-gradient(top, #6bc533 0%, #468222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc533), color-stop(100%,#468222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6bc533 0%,#468222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6bc533 0%,#468222 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6bc533 0%,#468222 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc533', endColorstr='#468222',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6bc533 0%,#468222 100%); /* W3C */
	background: -moz-linear-gradient(center top , #6BC533 0%, #468222 100%) repeat scroll 0 0 transparent;
	
	-webkit-border-radius:15px;
	border-radius:15px; 
	
	-webkit-box-shadow: 2px 2px 3px 0 #333333;
	-moz-box-shadow: 2px 2px 3px 0 #333333;
	box-shadow: 2px 2px 3px 0 #333333;
	
	behavior: url(/assets/css/PIE.htc);
}
div#printable-maps-wrapper,
div#suggest-station-wrapper
{
	background: #26282B; /* Old browsers */
	background: -moz-linear-gradient(top, #26282B 0%, #6A747C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26282B), color-stop(100%,#6A747C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #26282B 0%,#6A747C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #26282B 0%,#6A747C 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #26282B 0%,#6A747C 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26282B', endColorstr='#6A747C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #26282B 0%,#6A747C 100%); /* W3C */
}
div#suggest-station-wrapper p {	margin-bottom: 0px;}
#station-map { height:600px;  }
/* This is required to fix janky station info windows that Foundations causes with '-moz-box-sizing: content-box;' */
#station-map * {
	-moz-box-sizing: content-box;
  	-webkit-box-sizing: content-box;
  	box-sizing: content-box;
}
#map-legend span { font-family:"UbuntuRegular", Arial, sans-serif; font-size:16px; margin-right:10px; }
#map-legend span img { vertical-align:middle; }
#map-legend a#suggest-station,
#suggest-station-wrapper a#submit-suggestions,
#map-legend a#printable-maps
{
	font-family:"UbuntuRegular", Arial, sans-serif; font-size:16px; color:#FFF; padding:2px 15px; float:right;
	
	/* Gradient Background */
	background: #6bc533; /* Old browsers */
	background: -moz-linear-gradient(top, #6bc533 0%, #468222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bc533), color-stop(100%,#468222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6bc533 0%,#468222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6bc533 0%,#468222 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6bc533 0%,#468222 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc533', endColorstr='#468222',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6bc533 0%,#468222 100%); /* W3C */
	background: -moz-linear-gradient(center top , #6BC533 0%, #468222 100%) repeat scroll 0 0 transparent;
    
	-webkit-border-radius:15px;
	border-radius:15px; 
	
	-webkit-box-shadow: 2px 2px 3px 0 #333333;
	-moz-box-shadow: 2px 2px 3px 0 #333333;
	box-shadow: 2px 2px 3px 0 #333333;
	
	behavior: url(/assets/css/PIE.htc);
}

/* Add a space between the two buttons */
#map-legend a#suggest-station	{ margin-right:6px; }

#suggest-station-wrapper a#submit-suggestions {	margin-left:10px; }
#map-legend a#suggest-station:hover,
#map-legend a#printable-maps:hover
{
	text-decoration:none; color:#FFFFFF; 
	background: #797777; /* Old browsers */
	background: -moz-linear-gradient(top, #797777 0%, #3a3838 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797777), color-stop(100%,#3a3838)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #797777 0%,#3a3838 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #797777 0%,#3a3838 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #797777 0%,#3a3838 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797777', endColorstr='#3a3838',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #797777 0%,#3a3838 100%); /* W3C */
	
	behavior: url(/assets/css/PIE.htc);
}
.ie #station-map-border,
.ie #printable-maps-wrapper,
.ie #suggest-station-wrapper,
.ie #suggest-station-wrapper a#submit-suggestions,
.ie #map-legend a#suggest-station,
.ie #map-legend a#printable-maps { border-radius:0px; }

/* Station Map Popup Window */
#content div.station-window { overflow: hidden; text-align:center;  }
#content div.station-window h2 { color:#47AA42; margin:0px; letter-spacing:-0.4px; font-size:17px; font-family: "UbuntuMedium";}
.chrome #content div.station-window h2 { letter-spacing:-1.5px; } 
#content div.station-window table { font-size:14px; margin:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:none; min-width:0px}
#content div.station-window table th { background:none; border:none; color:#6A747C; text-shadow:none; filter:none; }	
#content div.station-window table tbody th { vertical-align:middle; padding:5px; text-align:right; }
#content div.station-window table tbody td { text-align:center; text-transform:uppercase; padding:5px 0px 5px 0px; border:none; }
#content div.station-window table tbody tr:nth-child(even) { background: none; } 

#content div.station-wrapper { display: inline-block; white-space: nowrap; }


#content div.station-data { width:150px; margin:0 auto; }
#content div.station-data-w-table { width:150px; display: inline-block; white-space: normal; vertical-align: middle; }

#content div.sponsor { text-align:center; display: inline-block; white-space: normal; vertical-align: middle; padding-left: 2px; }
#content div.sponsor .sponsor-img { max-width:100px; max-height:100px; }
#content div.sponsor-link { clear:both }
#content div.sponsor-link a { color:#6A747C; font-size: 9px; font-family:"UbuntuRegular"}
a.button.addtomystations { display:inline-block; margin-top:11px; margin-bottom:5px; font-size:15px; }


/* Printable Station Maps */
#content div#printable-maps-wrapper,
#content div#printable-maps-wrapper p { color:#FFF; }
#content div#printable-maps-wrapper h3 { margin:0px; }
div#printable-maps
{
	background:#FFFFFF; padding:15px; color:#6A747C;
	
	-webkit-box-shadow: inset 1px 1px 10px 0px #666666;
	-moz-box-shadow: inset 1px 1px 10px 0px #666666;
	box-shadow: inset 1px 1px 10px 0px #666666;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
div#printable-maps img
{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
div#printable-maps a:hover img
{
	-webkit-box-shadow: 0px 0px 10px 0px #666666;
	-moz-box-shadow: 0px 0px 10px 0px #666666;
	box-shadow: 0px 0px 10px 0px #666666;
}
div#overview-map img
{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#content ul#regional-maps li { display:inline; vertical-align: top; margin:0px; text-align:center; }
#content ul#regional-maps a { border:2px solid #C6171A; text-align:center; color: #C6171A; display:inline-block; padding:30px 40px 25px; font:85px/85px "UbuntuBold", Arial, sans-serif; background:url('../../images/stations/maps/hubway-map-overview.gif') no-repeat -36px -228px; margin-right:10px; }
#content ul#regional-maps a:hover
{
	text-decoration:none;
	
	-webkit-box-shadow: 0px 0px 10px 0px #666666;
	-moz-box-shadow: 0px 0px 10px 0px #666666;
	box-shadow: 0px 0px 10px 0px #666666;
}

/* Suggest Stations feature */
#content div#suggest-station-wrapper,
#content div#suggest-station-wrapper p { color:#FFF; }
#content div#suggest-station-wrapper h3 { margin:0px; }
div#suggest-station
{
	background:#FFFFFF; padding:15px; color:#6A747C;
	
	-webkit-box-shadow: inset 1px 1px 10px 0px #666666;
	-moz-box-shadow: inset 1px 1px 10px 0px #666666;
	box-shadow: inset 1px 1px 10px 0px #666666;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

/* Map Wrapper (Green Border around it) */
#suggest-station { background:#3E8A37; padding:0px 24px; }

/* Member Area */
div.form-forgot-password,
div.form-show-login { text-align:center; margin-top:15px; }


/*=========== SIDEBAR ===========*/
aside#sidebar { margin-top: 20px; }
aside#sidebar div.sidebar-spacer { margin-bottom:10px; }
aside#sidebar h1 { font-family:"UbuntuLight", Arial, sans-serif; font-size:42px; color:#505050; letter-spacing: -2px; margin-bottom:15px; }
aside#sidebar h2 { font-family:"UbuntuLight", Arial, sans-serif; font-size:38px; margin-top:30px; letter-spacing: -2px; }
aside#sidebar h3 { font-family:"UbuntuLight", Arial, sans-serif; font-size:34px; margin-top:30px; letter-spacing: -1.6px; }
aside#sidebar h4 { font-family:"UbuntuLight", Arial, sans-serif; font-size:30px; margin-top:0px; letter-spacing: -1.2px; }
aside#sidebar h5 { font-family:"UbuntuLight", Arial, sans-serif; font-size:26px; margin-top:0px; letter-spacing: -0.8px; }
aside#sidebar h6 { font-family:"UbuntuLight", Arial, sans-serif; font-size:22px; margin-top:0px; letter-spacing: -0.4px; }
aside#sidebar h7 { font-family:"UbuntuLight", Arial, sans-serif; font-size:18px; margin-top:0px; }
aside#sidebar h8 { font-family:"UbuntuLight", Arial, sans-serif; font-size:16px; margin-top:0px; }
aside#sidebar div.social-networks
{
	height:39px;
	background: #ccd0d2; /* Old browsers */
	background: -moz-linear-gradient(top, #ccd0d2 0%, #b3b8bb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccd0d2), color-stop(100%,#b3b8bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccd0d2', endColorstr='#b3b8bb',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ccd0d2 0%,#b3b8bb 100%); /* W3C */

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
aside#sidebar div.social-networks a.social-url { width:39px; height:39px; position:absolute; z-index:1; }
aside#sidebar div.social-networks iframe { padding-left: 45px; margin-top:-10px; padding-top:20px; }
aside#sidebar div#twitter iframe { background:url(/assets/images/twitter-sidebar.png) no-repeat left center; margin-top:0px; padding-top:10px; }
aside#sidebar div#facebook iframe { background:url(/assets/images/facebook-sidebar.png) no-repeat left 10px; padding-bottom:10px; }

a#station-map { background:url(/assets/images/view-the-station-map.jpg) no-repeat left center; width:312px; height:241px; display:block;
	-webkit-border-radius:20px;
	border-radius:20px; 	
	behavior: url(/assets/css/PIE.htc);
 }
a#station-map:hover
{
	text-decoration: none;
	
	-webkit-box-shadow: 0px 0px 10px 0 #47AA42;
	-moz-box-shadow: 0px 0px 10px 0 #47AA42;
	box-shadow: 0px 0px 10px 0 #47AA42;
	behavior: url(/assets/css/PIE.htc);
}
a#station-map span { position:relative; top:117px; left:15px; font-size:17px; letter-spacing:0.4px; font-family: "UbuntuMedium", Arial, sans-serif; text-transform:uppercase; font-size:17px }

/* News Page Sidebar */

body.news aside#sidebar h3,
body.blog aside#sidebar h3 { margin-top: 0px; }
body.news aside#sidebar div#blog_search,
body.blog aside#sidebar div#blog_search { margin-bottom:15px; }

/*=========== FOOTER ===========*/
footer#footer
{
	text-align: center; margin-top:30px;
	
	/* Gradient */
	background: #6A747C; /* Old browsers */
	background: -moz-linear-gradient(top, #393D42 0%, #6A747C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393D42), color-stop(100%,#6A747C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #393D42 0%,#6A747C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #393D42 0%,#6A747C 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #393D42 0%,#6A747C 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393D42', endColorstr='#6A747C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #393D42 0%,#6A747C 100%); /* W3C */
	
	/* Box Shadow */
	-webkit-box-shadow: 0px 0px 80px 20px #47AA42;
	-moz-box-shadow: 0px 0px 80px 20px #47AA42;
	box-shadow: 0px 0px 80px 20px #47AA42;
}
footer#footer div.inner-shadow
{
	width:100%; height:100%; 
	
	/* Box Shadow */
	-webkit-box-shadow: inset 0px 0px 50px 1px #333;
	-moz-box-shadow: inset 0px 0px 50px 1px #333;
	box-shadow: inset 0px 0px 50px 1px #333;

}
footer#footer section#sponsors { margin-bottom:25px; }
a#massdot-logo { left:-105px; top:30px; }
a#mbta-logo { top:60px; }
a#mapc-logo { top:-30px; }
a#abs-logo { left:110px; top:-15px; }
footer#footer div.content { margin:0px auto; width: 960px; padding:40px 0px ; } 
footer#footer div.content img { padding-right:40px; vertical-align:middle; }
nav#main-footer { clear:both; }
footer#footer nav ul li { display:inline; padding:0px; margin:0px;  }
footer#footer nav ul li.last { border:none; }
footer#footer nav ul li a
{
	margin:0px 0px 0px -6px; font-family:"UbuntuBold", Arial, sans-serif; color:#FFFFFF; display:inline-block; padding:5px; margin:0px; text-shadow: 2px 2px 2px #3A3939; behavior: url(/assets/css/PIE.htc);
}
footer#footer nav ul li a:hover,
footer#footer nav ul li.active a { color:#6BC533; text-decoration:none; }
footer#footer section#social-networking { margin-top:25px; }
footer#footer section#social-networking a { display:inline-block; }
footer#footer section#social-networking img { padding-right: 20px; }
footer#footer section#translate { margin-top:30px; }
footer#footer section#translate div#MicrosoftTranslatorWidget { margin:0px auto; }
footer#footer section#copyright { width: 600px; margin:0px auto; font-size:10px; color:#C2C8CD; margin-top:30px; }