/*
 * Official Colors
 * 
 * From Website Mockup:
 * Blue: #0B497D
 * Green: #64BC49
 * White (on Blue): #F0F0F0
 * 
 * From Source CMYK Images:
 * Blue: #00457E
 * Green: #A0CE66
 */

/*=========== OVERALL ===========*/
html.bikechattanooga { height: 100%; width:100%; }
body#bikechattanooga { color:#64BC49; background: #F0F0F0; font-family:"TexGyreAdventorRegular"; }
a,
a:visited { text-decoration:none; color:#64BC49; }
a:hover
{
	color:#0B497D; text-decoration:none; cursor: pointer;
	
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}

.center { text-align:center; }
.inline { display:inline; }
.inline-block { display:inline-block!important; }
.clear { clear:both; }
.table-cell { display:table-cell; }
.iframe-wrapper { height:3000px; width:100%; margin-top:20px; margin-bottom:110px; }
.text-right { text-align:right; }
.no-border { border:none!important; }

/*
 * UI Elements
 * Shared UI elements
 */
.green-block
{
	display:block; background:#64BC49; padding:5px 12px 8px; color:#F0F0F0; border:3px solid #FFFFFF; margin-bottom:5px;
	
	-webkit-border-radius:8px;
	border-radius:8px; 
}
.green-block:hover
{
	display:block; background:#64BC49; color:#F0F0F0; 
	
	-webkit-box-shadow: 0px 0px 10px 0 #64BC49;
	-moz-box-shadow: 0px 0px 10px 0 #64BC49;
	box-shadow: 0px 0px 10px 0 #64BC49;
	
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}
.green-block a,
a.green-block { color: #F0F0F0; }

/*
 * Spacers
 */
.spacer-top-20 { margin-top:20px; }
.spacer-bottom-20 { margin-bottom:20px; }
.spacer-bottom-30 { margin-bottom:30px; }

/*
 * Typography
 */
.uppercase { text-transform: uppercase; }
.bold-body-text p { font-family: TexGyreAdventorBold, OpenSansBold, sans-serif; }



/*=========== HEADER ===========*/
header#header { position:relative; z-index:5; }
header#header div#topbar
{
	width:100%; height: 86px; background: #0B497D; position:relative; z-index:2;
	
	/* 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: 960px; }
div#topbar-content h1 { text-indent:-100000px;  }
a#logo { display:block; margin-top:10px; width:178px; height:66px; background:url(../../images/logo.png) no-repeat; }
a#logo,
a#logo:hover { text-decoration:none; }

div#header-right { margin:15px 20px 0px 0px; }

/* Navigation */
nav#sub { text-align:right; vertical-align:middle; }
div#social-media-header { margin-top:10px; text-align:right; font:11px "TexGyreAdventorRegular"; color:#F0F0F0; }
div#social-media-header img { vertical-align:middle; }
nav#sub ul { display:inline; }
nav#sub li { display:inline; padding-right:10px; }
nav#sub li#join { padding-right: 0px; }
nav#sub li a { font:13px/13px "TeXGyreAdventorBold"; text-transform:uppercase; color:#FFFFFF; display:inline-block; letter-spacing:0.2px }
nav#sub li a:hover,
nav#sub li.active a { text-decoration:none; color:#64BC49; }
nav#sub li#login a 
{
	background:#FFCB00; 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#login a:hover
{
	background:#3A3939 ; color:#FFF; behavior: url(/assets/css/PIE.htc);

	-webkit-box-shadow: inset 0px 0px 1px 1px #FFCB00;
	-moz-box-shadow: inset 0px 0px 1px 1px #FFCB00;
	box-shadow: inset 0px 0px 1px 1px #FFCB00;
}
nav#sub li#join a 
{
	background:#64BC49; padding: 0px 25px 2px 25px; font:15px "TexGyreAdventorBold"; 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:#F0F0F0 ; color:#64BC49; behavior: url(/assets/css/PIE.htc); text-shadow:none;
}

/* ---------- Main Navigation ---------- */
nav#main { margin:0px auto 0px; padding:0px; text-align:center; clear:both; position:relative; z-index:1; }
nav#main ul { padding:0px; margin:0px; width:auto; }
nav#main li { display:inline; padding:0px; }
nav#main li a 
{
	display:inline-block; padding: 7px 15px; margin:0px 0px 0px -6px; font:15px "TexGyreAdventorBold"; color:#64BC49; text-decoration:none; text-transform:uppercase; border-left:1px solid #64BC49; border-right:1px solid #64BC49; background: #F8F8F8;
	
	-webkit-box-shadow: 0px 3px 5px 0px #CCCCCC;
	-moz-box-shadow: 0px 3px 5px 0px #CCCCCC;
	box-shadow: 0px 3px 5px 0px #CCCCCC;
	
	behavior: url(/assets/css/PIE.htc);
}
nav#main li a:hover,
nav#main li.active a
{
	text-decoration:none; color:#F0F0F0; background: #64BC49;
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
nav#main li.first a { border-left:none; }
nav#main li.last a { border-right:none; }

/* 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;
  z-index: 100;
}
nav#main ul ul li.first a { border-left: 1px solid #64BC49; border-top: 1px solid #64BC49; }
nav#main ul ul li a {
    background: none repeat scroll 0 0 #F8F8F8 !important;
    border-left: 1px solid #64BC49 !important;
    color: #64BC49 !important;
}
nav#main ul li ul li a:hover, nav#main ul li ul li.active a {
    background: none repeat scroll 0 0 #64BC49 !important;
    color: #F0F0F0 !important;
    text-decoration: none;
    transition: all 200ms linear 0s;
}

/*=========== BANNERS ===========*/
#banner-wrapper { clear: both; margin: 20px auto 0px auto; width: 1100px; }

/*=========== HOME BANNERS ===========*/
#announcement-banner { padding:10px 50px; margin-top:20px; }
#announcement-banner h1,
#announcement-banner h2,
#announcement-banner h3,
#announcement-banner h4,
#announcement-banner h5,
#announcement-banner h6 { color:#0B497D; text-transform:none; }

/*
 * Orbit Slideshow
 */

/* Orbit Overrides */
div.orbit,
div.orbit-wrapper { width:660px!important; height: 443px!important; }

div#homepage-slideshow
{ 
	width:660px!important; height: 443px!important; background: #000 url('/assets/images/orbit/loading.gif') no-repeat center center; overflow: hidden;
	
	-webkit-box-shadow: 0px 0px 10px 1px #333333;
	-moz-box-shadow: 0px 0px 10px 1px #333333;
	box-shadow: 0px 0px 10px 1px #333333; 
}
#content div#homepage-slideshow .caption { display:block; height:85px; position:relative; z-index:1; text-align:center; }
#content div#homepage-slideshow .caption h2 { margin:0px 0px 3px; color:#0B497D; font:24px/27px "TexGyreAdventorBold"; text-align:center; padding-top:6px; }
#content div#homepage-slideshow .caption p { margin:0px; color:#64BB48; font:16px/19px "TexGyreAdventorBold"; text-align:center; }
.ie #content div#homepage-slideshow .caption p { color:#0B497D; }
#content div#homepage-slideshow .caption .text { position:relative; z-index:1; }
#content div#homepage-slideshow div.shade { height:100%; width:100%; position:absolute; top:0px; z-index:0; background:#FEFEFE; opacity:0.8; }
.ie6 #content div#homepage-slideshow div.shade,
.ie7 #content div#homepage-slideshow div.shade,
.ie8 #content div#homepage-slideshow div.shade { background:url('/assets/images/slideshow-caption-bg.png'); opacity:1; }
.ie7 #content div#homepage-slideshow div.shade { margin-left:-330px; }
#content div#homepage-slideshow a.caption:hover .text h2,
#content div#homepage-slideshow a.caption:hover .text p { color:#FFFFFF; text-shadow:1px 1px 1px #333; }
#content div#homepage-slideshow a.caption:hover .shade
{
	background:#64BC49;
	
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	
	-webkit-box-shadow: 0px 5px 10px 0px #333;
	-moz-box-shadow: 0px 5px 10px 0px #333;
	box-shadow: 0px 5px 10px 0px #333;
}

#content div#homepage-slideshow div.slide a.button
{
	position:absolute; top:98px; left:261px; padding:0px;
	
	-webkit-box-shadow: 3px 3px 6px 0px #333333;
	-moz-box-shadow: 3px 3px 6px 0px #333333;
	box-shadow: 3px 3px 6px 0px #333333;
}
#content div#homepage-slideshow div.slide a.button span.text
{
	display:block; padding:2px 20px 4px; font-size:14px;
	
	-webkit-border-radius:7px;
	border-radius:7px; 
	
	-webkit-box-shadow: 0px -1px 4px 0px #666666 inset;
	-moz-box-shadow: 0px -1px 4px 0px #666666 inset;
	box-shadow: 0px -1px 4px 0px #666666 inset;
}
.ie #content div#homepage-slideshow div.slide a.button,
.ie #content div#homepage-slideshow div.slide a.button span.text { border-radius:0; }


/*=========== PAGE BANNERS ===========*/
div.page-banner { margin-top: 20px; }
div.page-banner img
{
	-webkit-box-shadow: 0 3px 5px 0 #CCCCCC;
	-moz-box-shadow: 0 3px 5px 0 #CCCCCC;
	box-shadow: 0 3px 5px 0 #CCCCCC
}

/*=========== CONTENT ===========*/
div#content-wrapper { width:960px; margin:0px auto; }
#content { padding:0px 20px; vertical-align:top; font:16px/23px "TexGyreAdventorRegular"; color:#0B497D; margin-top:20px; margin-bottom:40px; }
body.planned-stations #content,
body.stations #content { padding:0px;  }
body.preorder #content { font:16px/23px "TexGyreAdventorBold"; }
div.data-wrapper #content { padding:0px 20px; }

#content h1 { font:28px/35px "TexGyreAdventorBold"; color:#64BC49; margin-bottom:13px; text-transform:uppercase;  }
#content h2 { font:26px/33px "TexGyreAdventorBold"; color:#64BC49; margin-top:15px; text-transform:uppercase; }
#content h3 { font:24px/31px "TexGyreAdventorBold"; color:#0B497D; margin-top:15px; text-transform:uppercase;}
#content h4 { font:22px/29px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; text-transform:uppercase; }
#content h5 { font:20px/15px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; text-transform:uppercase; }
#content h6 { font:18px/21px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; text-transform:uppercase; }
#content h7 { font:17px/20px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; text-transform:uppercase; }
#content a { font-family: "TeXGyreAdventorBold"; }
#content p { margin-bottom:15px; text-align:justify; font-size:16px; }
#content fieldset p:last-child { margin-bottom:0px; }
#content p.topmargin { margin-top:15px; }
#content p.center { text-align:center; }
#content ul,
#content ol { margin-bottom:15px; }
#content ul li,
#content ol li { margin-left:40px; }
#content ul.orbit-bullets li { margin-left: 5px; }
#content blockquote { margin:15px 40px; }
#content object { margin-top:20px; margin-bottom:20px; display:block; }

/* Tables */
#content table { margin-bottom:20px; border-bottom:1px solid #CCC; box-shadow:0px 3px 5px #CCCCCC; width:100%; }
#content table th,
#content table td { padding:7px 12px; text-align:left; font-weight:normal; } 
#content table thead th { font-family:"TexGyreAdventorBold"; color:#FFF; background: #64BC49; border-left:1px solid #52A03A; border-top:1px solid #52A03A; border-right:1px solid #52A03A; }
#content table tbody th { font-family:"TexGyreAdventorBold"; text-align:right; }
#content table tbody td { border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; font-family:"TexGyreAdventorRegular"; }
#content table tbody tr.odd td { background:#D5D8D9; }
#content table tbody tr.even td { background:#EEEFF0; }

/* Data Tables */
div.data-wrapper #content table { width: 100%; }
#content table thead tr.toolbar th
{

}
#content table thead tr.toolbar th h1 { color:#0B497D; margin:0px; }


/*
 * Forms
 * Form Styles for all pages.
 * 
 */

/* Foundation Overrides */
label + input.input-text, 
label + textarea, label + select, 
label + div.dropdown, 
select + div.dropdown,
input.input-text,
textarea,
select { margin:0; display:inline-block; }
form .row .six { width:49.8%;; }
.webkit form .row .six { width:49.8%; }
.ie form .row .six { width: 49.8%; }
form .row.border-bottom { border-bottom:2px solid #64BC49; }
form .column,
form .columns
{
	margin-left:0;
		
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:content-box;
}

/* Alert Box */
.alert-box { clear:both; font:12px OpenSansRegular, sans-serif; }
#content .alert-box ul,
#content .alert-box ul li { margin:0; } 
#content .alert-box table,
#content .alert-box table,
#content .alert-box table tbody tr.odd td,
#content .alert-box table tbody tr.even td { background:none; border:none; margin:0; }
#content .alert-box table { -webkit-box-shadow:none; box-shadow:none; }
.alert-box table tbody tr { background:none; }
.alert-box table tbody tr td { padding:0; border:none; color: #FFFFFF; padding:0; }
.alert-box table tbody tr:nth-child(2n) { background:none; }
#content .alert-box p { font-size:13px; margin:0; }

#content fieldset
{
	
}

#content fieldset legend { text-transform:uppercase; font:22px/22px "TexGyreAdventorBold"; color: #64BC49; }


/* The Form */
form header
{ 
	padding: 6px 20px 0;
	
	-webkit-border-radius: 10px 10px 0px 0px;
   	border-radius: 10px 10px 0px 0px;
}
form footer
{
	padding: 20px; 
	
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}
form .row.footer { border:none; }
form
{
	border:5px solid #64BC49;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.blog_search form { border:none; }
form article header { padding:0; }
.border-centerline.left-column { border-right:2px solid #64BC49; }
.border-centerline.right-column { border-left:2px solid #64BC49; }
form .right-column { float:left!important; }
form .spacer { margin-bottom:20px; }
form .spacer-top { margin-top:20px; }
form .spacer-bottom { margin-bottom:20px; }
form .note { margin-bottom:0; background:#F2F2F2; padding:10px; border:1px dotted #C8C8C8; }

/* Fieldsets */
form fieldset
{
	border-top:none; border-bottom:2px solid #64BC49; border-left:none; border-right:none; padding:15px 20px 20px 20px; margin:0;
}
form fieldset:last-child,
.ie8 form fieldset,
.ie7 form fieldset  { border-bottom:none; }
form fieldset legend { }
form fieldset legend span { position:relative; top: 0px; display:block; padding:0px; margin-top:15px; text-transform:uppercase; font:22px/22px "TexGyreAdventorBold"; color: #64BC49; }
form fieldset legend span a { font:12px OpenSansLightItalic, sans-serif; }

/* Fields */
.form-field { clear:both; }
.ie7 .form-field { margin-bottom:0; }
form label { font-size:11px; color:#6A747C; letter-spacing:0.2px; }
.ie7 .form-field label { display:inline-block; width:90px; position:relative; top:9px; }
input[type="text"],
input[type="password"],
select
{
	 font:11px OpenSansRegular, sans-serif; color:#00194F;
}
input[maxlength="3"] { width: 30px; }
input[maxlength="4"] { width: 40px; }
.hint { font-size:11px; color:#999; font-family:OpenSansItalic, sans-serif; padding-left:4px; letter-spacing:0.3px; }
.form-field input[type="radio"],
div.form-field input[type="checkbox"] { margin:2px 3px 0 0; }
.ie7 .form-field input[type="radio"],
.ie7 div.form-field input[type="checkbox"] { vertical-align:top; }
body form p { clear:both; }
table#membership-types-signup { margin:0; }
.same-address { margin-left:105px; }

img.credit-card { position:relative; top:-35px; margin-bottom:-25px; }

button { text-align:center; }
button,
a.button,
#content a.button,
input[type="submit"]
{
	background: #64BD45; display:inline-block; margin:0px auto; text-align:center; color:#FFFFFF; border:none; font:15px/15px "TexGyreAdventorBold"; text-transform:uppercase; padding:4px 20px 8px; font-weight:normal; vertical-align:middle;

	-webkit-box-shadow: 0px -1px 4px 0px #666666 inset;
	-moz-box-shadow: 0px -1px 4px 0px #666666 inset;
	box-shadow: 0px -1px 4px 0px #666666 inset;

	-webkit-border-radius:7px;
	border-radius:7px; 
	
	behavior: url(/assets/css/PIE.htc);
}
a.button { display:inline-block; }
button:hover,
a.button:hover,
#content a.button:hover,
input[type="submit"]:hover
{
	background: #F0F0F0; cursor: pointer; text-decoration:none; color:#64BC49;  
}
.chrome button { width:200px; }

/* Solo Form Buttons */
form button.solo { width:100%; display:block; margin:0px auto; padding:10px 0px 15px; font-size:20px; }
button#subscribe_submit {  line-height:18px; font-size:25px; }
button.center { display:block; margin:0px auto; }
.ie button,
.ie a.button { border-radius:0px; }
span.require { color:#E51937;  }
p.require { color:#E51937; }

button.thin,
a.button.thin,
input.search_btn { font:14px/0px; padding:0px 20px 1px; display:inline; margin:0px; vertical-align:middle; }
input.search_btn { margin-left:5px; }

a.button.user-agreement { position:relative; top: -35px; margin-bottom:-25px!important; display:inline-block; padding:2px 20px 4px !important; }

/* Safari Quirks */
.safari input#credit_card_number { width: 147px; }

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

#content div.agreement { clear:both; background-color: #FFFFFF; border: 1px solid #4F4F4F; height: 400px; margin-bottom: 10px; overflow: auto; padding: 20px; }
#content div.agreement h2 { font:22px/24px "TexGyreAdventorBold"; margin-top:0px; }

/* Foundation Overrides */
label + input.input-text, 
label + textarea, label + select, 
label + div.dropdown, 
select + div.dropdown,
input.input-text,
textarea,
select { margin:0; display:inline-block; }

/* Membership Types */
#content table.membership-types { width:100%; margin-bottom:0px; }
#content table.membership-types thead th
{
	text-align: center; color:#4F4F4F; text-shadow:none; border:1px solid #999999;
	
	background: #0B497D; /* Old browsers */
	background: -moz-linear-gradient(top, #0B497D 0%, #edb900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B497D), color-stop(100%,#edb900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0B497D 0%,#edb900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0B497D 0%,#edb900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0B497D 0%,#edb900 100%); /* IE10+ */
	background: linear-gradient(top, #0B497D 0%,#edb900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B497D', endColorstr='#edb900',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; }
table.membership-types input[type='text'],
table.membership-types input[type='password'] { float:left; width: 150px; }
table.membership-types label.top { display:block; width: auto; text-align:left; float:none; margin-bottom:5px; }
table.membership-types div.table-cell { float:left; margin-right: 10px; }
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;
	
	background: #0B497D; /* Old browsers */
	background: -moz-linear-gradient(top, #0B497D 0%, #edb900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0B497D), color-stop(100%,#edb900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0B497D 0%,#edb900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0B497D 0%,#edb900 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0B497D 0%,#edb900 100%); /* IE10+ */
	background: linear-gradient(top, #0B497D 0%,#edb900 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B497D', endColorstr='#edb900',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:#FF2533; }
#content div.corporate_subscription_details p { margin:0px; }

/* Homepage */
body.home #content-wrapper,
body.home-chattanooga #content-wrapper { padding-bottom:0px; }
body.home #content,
body.home-chattanooga #content { padding:0px; }
body.home footer#footer,
body.home-chattanooga footer#footer { margin-top:10px; }

/* How It Works Page */


/* FAQ Page */
#content article#faq h2,
a.faq-heading { font-weight:normal; font-size: 22px; color:#64BC49; text-transform:uppercase; }
#content article#faq ul.faq-links a { font-size:17px; color:#0B497D; }
#content article#faq ul.faq-links a:hover { color:#64BC49; }
#content article#faq h3 { color:#64BC49; font-size:20px; }
#content article#faq h2 { font-size:22px; border-bottom:1px solid #6A747C; }
#content article#faq h3,
#content article#faq p { margin-left:40px; font-weight:normal; }

/* Partners Page */
#content ul.partner-list li { display:inline-block; width:24%; 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; }

/* Station Map */
#station-map-border,
div#printable-maps-wrapper
{
	padding: 24px; margin-bottom:20px;
	
	-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);
}
#station-map-border
{
	background: #0B497D; /* Old browsers */
	background: -moz-linear-gradient(top, #0B497D 1%, #0B497D 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0B497D), color-stop(100%,#0B497D)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0B497D 1%,#0B497D 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0B497D 1%,#0B497D 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0B497D 1%,#0B497D 100%); /* IE10+ */
	background: linear-gradient(top, #0B497D 1%,#0B497D 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B497D', endColorstr='#0B497D',GradientType=0 ); /* IE6-9 */
}
div#printable-maps-wrapper
{
	background: #64BC49; /* Old browsers */
	background: -moz-linear-gradient(top, #64BC49 1%, #64BC49 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#64BC49), color-stop(100%,#64BC49)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #64BC49 1%,#64BC49 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #64BC49 1%,#64BC49 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #64BC49 1%,#64BC49 100%); /* IE10+ */
	background: linear-gradient(top, #64BC49 1%,#64BC49 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64BC49', endColorstr='#64BC49',GradientType=0 ); /* IE6-9 */	
}
#station-map { height:600px;  }
div#content div.gmnoprint div a {  font-family:"Arial"; font-size: 10px; } /*resets G-Map's "Terms of Use" size to its normal size */ 

#map-legend span { font-size:16px; margin-right:10px; }
#map-legend span img { vertical-align:middle; }
#map-legend a#printable-maps { font-size:16px; float:right; }
.ie #station-map-border,
.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:#64BC49; margin:0px 0px 10px 0px; letter-spacing:-0.3px; font:17px/19px "TexGyreAdventorBold"; }
.chrome #content div.station-window h2 { letter-spacing:-1.5px; } 
#content div.station-window table { font:14px/14px "TexGyreAdventorBold"; margin:0px; width: auto; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:none; }
#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; font-weight:normal; }
#content div.station-window table tbody td { font:12px/14px "TexGyreAdventorBold"; 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-data { width:150px; margin:0 auto; }
#content div.station-data-w-table { width:150px; }

#content div.sponsor { min-width:85px; text-align:center }
#content div.sponsor-link { clear:both }
#content div.sponsor-link a { color:#898989; font:11px/13px "TexGyreAdventorRegular"; }

a.button.addtomystations { display:inline-block; margin-top:10px; margin-bottom:5px; font-size:15px; }

/* Printable Station Maps */
#content div#printable-maps-wrapper,
#content div#printable-maps-wrapper p { color:#FFFFFF; }
#content div#printable-maps-wrapper h3 { color: #FFFFFF; line-height:11px; margin: 0px 0px 13px 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; margin:0px 5px 0px 0px; vertical-align: top; }
#content ul#regional-maps a:hover { text-decoration:none; }

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

/*=========== SIDEBAR ===========*/
aside#sidebar { width:255px; float:right; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; }
aside#sidebar h1 { font:28px/35px "TexGyreAdventorBold"; color:#64BC49; margin-bottom:13px; text-transform:uppercase; }
aside#sidebar h2 { font:26px/33px "TexGyreAdventorBold"; color:#64BC49; margin-top:15px; text-transform:uppercase; }
aside#sidebar h3 { font:24px/31px "TexGyreAdventorBold"; color:#0B497D; margin-top:15px; text-transform:uppercase; }
aside#sidebar h4 { font:22px/29px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; }
aside#sidebar h5 { font:20px/15px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; }
aside#sidebar h6 { font:18px/21px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; }
aside#sidebar h7 { font:17px/20px "TexGyreAdventorBold"; color:#0B497D; margin-top:0px; }
aside#sidebar div.sidebar-box,
aside#sidebar div.apps,
aside#sidebar div#newsletter { margin-bottom:3px; }
aside#sidebar div.sidebar-box
{
	border:2px solid #F0F0F0;
	
	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.sidebar-box:hover
{
	-webkit-box-shadow: 0px 0px 10px 0 #64BC49;
	-moz-box-shadow: 0px 0px 10px 0 #64BC49;
	box-shadow: 0px 0px 10px 0 #64BC49;
	behavior: url(/assets/css/PIE.htc);
	
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	transition: all 100ms linear;
}
aside#sidebar div.sidebar-box a.social-url { width:39px; height:39px; position:absolute; z-index:1; }
aside#sidebar div.sidebar-box iframe { overflow:hidden!important; display:block; padding-left: 35px; margin-top:4px; }
aside#sidebar div.sidebar-box-content { padding:10px; }

/* Homepage Article */
body.home aside#sidebar, 
body.home-chattanooga aside#sidebar { margin:-5px 20px 0px 20px; }
aside#sidebar article#home h2 { font:15px/18px "TexGyreAdventorBold"; font-weight:normal; letter-spacing:-0.5px; margin-top:0px; text-transform:uppercase; }
.opera aside#sidebar article#home h2,
.chrome aside#sidebar article#home h2,
.safari aside#sidebar article#home h2,
.ie7 aside#sidebar article#home h2 { font-size:14px; }
aside#sidebar article#home,
aside#sidebar article#home p { font:13px/16px "TexGyreAdventorRegular"; font-weight:normal; letter-spacing:0px; color:#00346A; text-align:justify; margin-bottom:5px; }
#content aside#sidebar article#home a { font-family:TexGyreAdventorRegular; font-weight:bold; }

/* Sidebar Box Promo */
aside#sidebar a.sidebar-box-promo span { font-family:"TexGyreAdventorBold"; display:block;  }
aside#sidebar a.sidebar-box-promo span#early-bird-promo-heading { font-size:19px; margin-bottom:5px; line-height:22px; }
aside#sidebar a.sidebar-box-promo span#early-bird-promo-price { font-size:29px; line-height:29px; margin-bottom:10px; }
aside#sidebar a.sidebar-box-promo span#early-bird-promo-caption { font:12px/12px "TexGyreAdventorRegular"; }

/* Spotcycle */
aside#sidebar div#spotcycle a { display:block; }
aside#sidebar div#spotcycle a img { float:left; margin-right:7px; }
aside#sidebar div#spotcycle a h8 { color:#FFFFFF; font: 15px/0px "TexGyreAdventorBold"; display:block; padding:7px 0px 0px 15px; margin-bottom:2px; }
aside#sidebar div#spotcycle a span { font: 11px/12px "TexGyreAdventorRegular"; color:#FFFFFF; }
aside#sidebar div#spotcycle a:hover,
aside#sidebar div#spotcycle a:hover h8 { text-decoration: none; }

/* Twitter */
aside#sidebar div#spotcycle,
aside#sidebar div#twitter,
aside#sidebar div#facebook  { height:28px; }

/* Facebook */


a#station-map
{
	border:3px solid #FFFFFF; background:url(/assets/images/view-the-stations.jpg) no-repeat left center; height:111px; display:block; margin-bottom:4px;
	
	-webkit-border-radius:8px;
	border-radius:8px; 
		
	behavior: url(/assets/css/PIE.htc);
 }
a#station-map:hover
{
	text-decoration: none; color:#64BC49;
	
	-webkit-box-shadow: 0px 0px 10px 0 #64BC49;
	-moz-box-shadow: 0px 0px 10px 0 #64BC49;
	box-shadow: 0px 0px 10px 0 #64BC49;
	behavior: url(/assets/css/PIE.htc);
}
a#station-map span { position:relative; top:38px; left:21px; letter-spacing:0.4px; font:16px "TexGyreAdventorBold"; text-transform:uppercase; }

/* View the Stations */
aside#sidebar a#map, 
aside#sidebar a#map:active, 
aside#sidebar a#map:visited
{
	margin-bottom:15px; background: url(/assets/images/aside-locate-bikeshare.gif) no-repeat 0 0; border: 2px solid #fff; float: left; height: 240px; position: relative; text-decoration: none; width: 310px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
aside#sidebar a#map:hover
{
	color: #ff2533; text-decoration: none;
	
	-webkit-box-shadow: 0px 0px 10px 0 #0B497D;
	-moz-box-shadow: 0px 0px 10px 0 #0B497D;
	box-shadow: 0px 0px 10px 0 #0B497D;
	
	behavior: url(/assets/css/PIE.htc);
}
aside#sidebar a#map strong { font-size: 14px; font-weight: bold; left: 23px; letter-spacing: 1px; position: absolute; text-transform: uppercase; top: 112px; }

/*=========== FOOTER ===========*/
footer#footer
{
	text-align: center; margin-top:20px; background: #0B497D; clear:both; 
	
	-webkit-box-shadow: 0px 0px 50px 5px #999999;
	-moz-box-shadow: 0px 0px 50px 5px #999999;
	box-shadow: 0px 0px 50px 5px #999999;
}
footer#footer section#sponsors { margin-bottom:25px; }
footer#footer div.content { margin:0px auto; width: 800px; padding:40px 0px ; }
footer#footer div.content img { padding-right:40px; vertical-align:middle; } 
nav { clear:both; }
nav#secondary-footer { margin-top:10px; }
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:13px/14px "TexGyreAdventorBold"; color:#FFFFFF; display:inline-block; padding:5px; margin:0px; text-shadow: 2px 2px 2px #3A3939; behavior: url(/assets/css/PIE.htc); text-transform:uppercase; letter-spacing:0.2px; }
footer#footer nav ul li a:hover,
footer#footer nav ul li.active a { color:#64BC49; text-decoration:none; }
footer#footer section#copyright { width: 600px; margin:0px auto; font:10px/17px "OpenSansRegular"; color:#C2C8CD; margin-top:20px; }
footer#footer section#copyright a:hover { color:#F0F0F0; }
