/* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */

/* RESET */

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
em{font-style:italic;}
ol{ list-style-type: decimal;}
li,li.leaf{list-style:none!important;list-style-type: none!important;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

hr {
  background-color:#899376;
  border:medium none;
  height:1px;
  margin:10px 0 20px;
  width:720px;
}

a {
  text-decoration: none;
  color: #2386C7;
}

a:hover {
  text-decoration: none;
}

p {
  color:#666666;
  font-size:10pt;
  line-height:12pt;
  margin:0;
}

p.whereimg, p.whereiphone {
			padding: 0 0 0 4px;
			font-weight: bold;
		}
		
		.whereimg .wherefrom, .whereiphone .wheref {
			color: #6aaf68;
			font-family: Helvetica, Arial, sans serif; 
			font-size: 20pt;
		
		}
		
		.whereimg .whereto, .whereiphone .wheret {
			color: #f37f79;
			font-family: Helvetica, Arial, sans serif; 
			font-size: 20pt;
		
		}

body.blog p {
  padding:4px 0;  
}

li,li.leaf,.item-list ul li, ul.links li {
  list-style:none;
  list-style-type:none;
  margin: 0;
  padding: 0 0.5em 0 0;
}

ul.links li {
  display: inline;
}

/* STICKY FOOTER */

* {
	margin: 0;
}
html, body {
	height: 100%;
	color: #666666;
	overflow: hidden;
}


body.printroute {
	overflow-y: auto;
}

body.page-iphone {
	overflow: visible !important;
}



div#outerwrapper {
    min-height: 97%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -21px; /* the bottom margin is the negative value of the footer's height */
}


* + html div#outerwrapper {
  min-height: 104%;
  background-color: #FFFFFF;
  margin: 0;
}

* + html #blog div#outerwrapper {
  min-height: 0;
  background-color: #FFFFFF;
  height: 100%;
  margin: 0;
}

* + html body.page-embed div#outerwrapper {
  min-height: 0;
  background-color: #FFFFFF;
  height: 95%;
  margin: 0;
}


div#innerwrapper {
  position:relative;
  margin: 0px 0px 0px 0px;
  height: 100%;
}

div#main {

}

div#header {
  /* background:#fff url(images/header_back2.png) repeat-x scroll left top; */
  display:block;
  height:70px;
  position:relative;
  width:100%;
  z-index: 99999;
}

.push {
  display: none;
}

div#footer, .push {
	height: 21px; /* .push must be the same height as footer */
	line-height: 1em;
}

div#footer div {
  height: 21px;
}


/* CLEARFIX */

.clearfix:after, .block:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}

.clearfix, .block {
  display:inline-block;
}

html[xmlns] .clearfix, html[xmlns] .block {
  display:block;
}

* html .clearfix, * html .block {
  height:1%;
}

div.img_assist-button {
  display: none;
}


div.tabs {
  left:auto;
  padding-left:8px;
  position:absolute;
  right:300px;
  top:68px;
}


div.tabs li {
  float: left;
  color: #2386C7;
  margin-right:10px;
}

div.tabs li a {
  font-size: 12px;
  color: #2386C7 !important;
  font-weight: bold;
  border-bottom:2px solid #2386C7;
}

div.help {
  clear: both;
  margin: 1em 0;
}

div.status, div.error {
	background-color: #fffacd;
	color:#666;
	font-weight:bold;
	padding:4px;
	position:relative;
	z-index:99999999;
}

body.page-admin div.status, body.page-admin div.error {
  left:0px;
  top:0px;
}

body.page-admin form, body.page-admin table {
  clear: both;
  margin-bottom: 6px;
}

body.page-admin div.error {
  background:#FFCCCC none repeat scroll 0 0;
  color:#220000;
}

/*
div.error, tr.error {
  background:#FFCCCC none repeat scroll 0 0;
  color:#220000;
  left:4px;
  float: right;
  clear: both;
  padding:4px;
  position:relative;
  top:0px;
  z-index:99999999;
}
*/

/* MAIN */


body, html {
  min-width: 400px;		 /* 2 x LC width + RC width */
  padding: 0;
  margin: 0;
  border: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #fff;
  font-size: 85%;
}

.dialog p {
	padding-bottom: 12px;
}		

select, input {
	border:1px solid #A6B7FD;
	color:#333333;
	font-family:Helvetica,Arial,sans serif;
	font-size:9pt;
	margin:5px 0 3px;
	padding:3px;
	vertical-align:middle;
}

form input, form textarea {
  background:#EFF4FD none repeat scroll 0 0;
  border:1px solid #D5E6EB;
  margin-top:3px;
}

form#comment-form .resizable-textarea {
  width:100%;
}

#header {
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

#header {
	position: relative;
	display: block;
	height: 70px;
	width: 100%;
}

#header h1 {
	background: url('images/rtc_blank.png') no-repeat;
	background-color: #89d6e5; /* #5cbce4; */
	margin: 0;
	padding: 0 0 0 0;
	font: bold 12pt sans-serif;
	color: #fff;
	height: 70px;
	/* width: 450px; */
	width: 100%;
	text-indent: -10000px;
}

#header h1#nyc { background: url('images/rtc_newyork.png') no-repeat; }
#header h1#chicago { background: url('images/rtc_chicago.png') no-repeat; }
#header h1#austin { background: url('images/rtc_austin.png') no-repeat; }
#header h1#louisville { background: url('images/rtc_louisville.png') no-repeat; }
#header h1#seattle { background: url('images/rtc_seattle.png') no-repeat; }
#header h1#sandiego { background: url('images/rtc_sandiego.png') no-repeat; }
#header h1#dc { background: url('images/rtc_dc.png') no-repeat; }
#header h1#toronto { background: url('images/rtc_toronto.png') no-repeat; }
#header h1#sf { background: url('images/rtc_sf.png') no-repeat; }
#header h1#boston { background: url('images/rtc_boston.png') no-repeat; }
#header h1#iceland { background: url('images/rtc_iceland.png') no-repeat; }
#header h1#portland { background: url('images/rtc_portland.png') no-repeat; }
#header h1#brisbane { background: url('images/rtc_brisbane.png') no-repeat; }
#header h1#perth { background: url('images/rtc_perth.png') no-repeat; }
#header h1#adelaide { background: url('images/rtc_adelaide.png') no-repeat; }
#header h1#sydney { background: url('images/rtc_sydney.png') no-repeat; }
#header h1#montreal { background: url('images/rtc_montreal.png') no-repeat; }
#header h1#vancouver { background: url('images/rtc_vancouver.png') no-repeat; }
#header h1#melbourne { background: url('images/rtc_melbourne.png') no-repeat; }
#header h1#chile { background: url('images/rtc_santiago.png') no-repeat; }
#header h1#newcastle { background: url('images/rtc_newcastle.png') no-repeat; }
#header h1#madrid { background: url('images/rtc_madrid.png') no-repeat; }
#header h1#barcelona { background: url('images/rtc_barcelona.png') no-repeat; }
#header h1#ottawa { background: url('images/rtc_ottawa.png') no-repeat; }
#header h1#sevilla { background: url('images/rtc_sevilla.png') no-repeat; }
#header h1#valencia { background: url('images/rtc_valencia.png') no-repeat; }
#header h1#zaragoza { background: url('images/rtc_zaragoza.png') no-repeat; }
#header h1#msp { background: url('images/rtc_msp.png') no-repeat; }
#header h1#minneapolis { background: url('images/rtc_minneapolis.png') no-repeat; }
#header h1#stpaul { background: url('images/rtc_stpaul.png') no-repeat; }
#header h1#paris { background: url('images/rtc_paris.png') no-repeat; }
#header h1#nice { background: url('images/rtc_nice.png') no-repeat; }
#header h1#marseilles { background: url('images/rtc_marseilles.png') no-repeat; }
#header h1#toulouse { background: url('images/rtc_toulouse.png') no-repeat; }
#header h1#lyon { background: url('images/rtc_lyon.png') no-repeat; }
#header h1#la { background: url('images/rtc_la.png') no-repeat; }
#header h1#calgary { background: url('images/rtc_calgary.png') no-repeat; }
#header h1#pittsburgh { background: url('images/rtc_pgh.png') no-repeat; }
#header h1#philadelphia { background: url('images/rtc_philly.png') no-repeat; }
#header h1#asheville { background: url('images/rtc_asheville.png') no-repeat; }
#header h1#miami { background: url('images/rtc_miami.png') no-repeat; }
#header h1#denver { background: url('images/rtc_denver.png') no-repeat; }



#weather {
	display: block;
	position: absolute;
	top: 0px;
	text-align: right;
	right: 0px;
	padding: 3px 4px 0 0;
	background: transparent;
	z-index: 2000000;
}

#weather p {
	font: Arial Helvetica sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0;
}

#citymenu, #loginform {
	display: none;
}

#navbar {
	background: transparent;
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0;
	top: 48px;
}		

#mainmenu {
	background: transparent;	
}


/* MENU */

#navbar ul {
	background: transparent;
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: outside;
}

#mainmenu li {
	background: transparent;
	float: right;
	position: relative;
	cursor: default;
	display: block;
}

#mainmenu li a {
	color: #fff;
	font: 10pt sans-serif;
	background-color: transparent;
	font-weight: bold;
	-moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}

#mainmenu a {
	text-decoration: none;
	color: #fff;
	font: 10pt sans-serif;
	font-weight: bold; 
	background-color: transparent;
	padding: 0 5px 0 5px;
}

#mainmenu li li a {
	display: block;
	font: 10pt sans-serif;
	font-weight: bold;
	color: #44A1E7;
	border-left: 1px #5cbce4 solid;
	border-right: 1px #5cbce4 solid;
	width: 130px;
	text-decoration: none;
	background-color: #fff;
	padding: 3px 5px 3px 5px;
	-moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
}

#mainmenu li li a:hover {
	padding: 3px 5px 3px 5px;
	color: #2690d5;
	background-color: #f0f8ff;
}

#mainmenu li li a.last {
	border-bottom: 1px #5cbce4 solid;

}

#mainmenu a:hover {
	padding: 0 5px 0 5px;
	color: #fff;
	background-color: #5cbce4;
}

.routeopt {
	display: none;
}


#navbar li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	text-decoration: none;
	font-weight: normal;
	background: #fff bottom left no-repeat;
}

#navbar li>ul {
	top: auto;
	left: auto;
  clear: both;
}

#navbar li li {
	display: block;
	z-index: 99999999;
	text-decoration: none;
	padding: 0;
	float: left;
	width: 100%;
	background-color: #5cbce4;
	clear: both;
}

#navbar li:hover ul, li.over ul {
	display: block;
}

form#node-form input.form-text {
  width: 300px;
}


/* FOOTER */
		
#footer {
	background: url('http://images.ridethecity.com/new/btm2.gif') repeat-x;
	background-position: 0px 0px;
	clear: both;
	position: relative;
	height: 20px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
	
}

#footer p.footer_link {font-family: helvetica, arial, sans-serif; color: #666; font-size: 11px; font-weight: normal; 
padding: 0;}
#footer p.footer_info {font-family: helvetica, arial, sans-serif; color: #666; font-size: 11px; font-weight: normal;}
#footer .footer a:link { text-decoration: none; color: #666; }
#footer .footer a:visited { text-decoration: none; color: #666; }
#footer a.disclaimer:link { text-decoration: underline; color: #666; }
#footer a.disclaimer:visited { text-decoration: underline; color: #666; }	

.infoImg {
	text-align: center;
	max-width: 350px;
	max-height: 210px;
	padding: 0;
	margin: 0;
}

#editTable, #editTable tr,  #editTable td {
	font-size: 9pt;
	line-height: 8pt;
	padding: 0;
	margin: 0;
	border: 0; 
}


/*** IE6 Fix ***/
* html #sideBar {
	left: 0px;				 /* RC width */
}


div#componentwrapper {
	height: 100%;
}

h1.title, body#blog h1.title, body.page-taxonomy h1.title {
  display: none;
}

div.content {
	padding-bottom: 5px;
}

div.links {
  padding-top: 12px;
  clear: both;

}

h2.title a:hover {
	text-decoration: underline;
	background-color: #EFF4FD;
}

div.more-link {
  margin:0;
  padding:0;
  text-align: right;
}

div.more-link a {
  color:#2386C7;
}

div.block-ad .title, div#block-block-3 .title {
  display: none;
}

div.content {
  clear: both;
}

span.new {
  display: none;
}

div.box {
  margin: 14pt 0 0 0;
}

.read-more {
	padding: 4px 0 4px 0;
	font-size: 11pt;
}

.read-more a:hover {
	text-decoration: underline;
}


/* ADS */

#ad-section {
	height: 74px;
	overflow: hidden;
	display: none;
}

div.block-ad .title {
  height: 14pt;
  border-bottom: none;
}

div.image-advertisement, div.html-advertisement {
  float: left;
  text-align: center;
  padding: 3px 25px 15px 1px;
}

.block-ad .image-advertisement {
  float: none;
}

#sidebar-right .advertisement .advertisement-space {
	padding: 0 0 3px 0;

}

#sidebar-right .block-ad {
	align: center;
}

#sidebar-right .image-advertisement, #sidebar-right .html-advertisement {
	float: none;
	padding-left: 15px;
}

/* FOR PRINT PAGE */

#print-page #container {
	padding: 0;
	float: none !important;

}

/*
#print-page #mapDiv {
	min-height: 160px;

}
*/

#print-page #tableOverflow {
	height: 100%;
	float: none !important;

}

body.print #header, body.print #container, body.print #outerwrapper, body.print #innerwrapper, body.print #container .column, body.print #mapDiv, body.print #routeBdy, body.print #headerTbl, body.print #routeTbl, body.print #tableOverflow  {
	float: none !important;
}

body.print #headerTbl, body.print #routeTbl, body.print #header, body.print #container, body.print #outerwrapper, body.print #innerwrapper, body.print #tableOverflow {
	overflow: visible !important;
}



/* FOR THE MAP PAGE */
#methodTbl, #methodTbl tr, #fromTbl, #fromTbl tr, #toTbl, #toTbl tr, .wml-info-window-content table {
	border-collapse: separate;
	border: none;
	border: 0;
}


/* Twitter login */

#weather a.cityselect {
    background: #64bcdf; /* #88bbd4; */
    padding:2px 6px 4px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("/sites/ridethecity.com/files/images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}


#weather a.cityselect:hover, #mainmenu a.loginselect:hover {
    background: #53abce; /* #2690d5 */
    *background:transparent url("/sites/ridethecity.com/files/images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:2px 12px 4px;
}

#mainmenu a.loginselect:hover {
	background-color: #5CBCE4;
}

#weather a.cityselect, #weather a.cityselect:hover, #mainmenu a.loginselect:hover {
    *background-position:0 3px!important;
}

a.cityselect, a.loginselect {
    position:relative;
    margin-left:3px;
    outline:none;

}

a.cityselect, a.loginselect { 	z-index:999999995; }

a.cityselect span {
	z-index:999999995;
    background-image:url("/sites/ridethecity.com/files/images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}


#weather a.menu-open {
    z-index:999999995;
    /* background:#ddeef6!important; */
    background-color: #ddeef6!important;
    color: #2690d5 /* #666!important; */
    outline:none;
}

#mainmenu a.menu-open {
    background:#ddeef6!important;
	color: #2690d5!important;
	outline: none;
}

#mainmenu a.menu-open, #mainmenu a.menu-open:hover {
	padding-bottom: 6px;
}

#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.cityselect.menu-open span {
    background-image:url("/sites/ridethecity.com/files/images/toggle_up_dark.png");
    /* color:#789; */
    color: #2690d5;
    background-color: #ddeef6;
}


#citymenu, #loginform {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position:absolute;
    width:150px;
    z-index:9999999998;
   	border-left: 1px solid #ACE;
   	border-right: 1px solid #ACE;
   	border-bottom: 1px solid #ACE;

    /* border:1px transparent; */
    text-align:left;
    padding:12px;
    top: 15px; 
    right: 3px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#citymenu {
	background-color: #DDEEF6;
	color: #2690d5;
	width: auto;
}

#loginform {
	width:240px;
	padding: 6px 12px 12px 12px;
    z-index:99999998;
    top: 11px; 
    right: 5px; 
    margin-top: 5px;
    margin-right: 0px;
    *margin-right: -1px;
}

#citymenu ul {
	        float: left;

}

#citymenu ul, #citymenu li {
	font-size: 10pt;
}

#citymenu li {
        padding-bottom: 4px;
        margin-left: 20px;
}

#citymenu li a {
	color: #2690d5;
}

#citymenu li a:hover {
	text-decoration: underline;
	color: #2690d5;
}

#loginform input[type=text], #loginform input[type=password], #loginform input[type=submit] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:11pt;
    margin:0 0 5px;
    padding:5px;
    width:200px;
}

#loginform input[type=submit] {
    width:100px;
}

#loginform input[type=submit]:hover {
    background-color: #FFF9FE;
}

#citymenu p, #loginform p {
    margin:0;
    font-size: 10pt;
    padding: 6px 0 0 0;
}
#citymenu a, #loginform a {
    color:#6AC;
}
#citymenu label, #loginform label {
    font-weight: normal;
    font-size: 11pt;
}
#citymenu p.remember {
    padding:10px 0;
}
#citymenu p.forgot, #citymenu p.complete {
    clear:both;
    margin:5px 0;
}
#citymenu p a, #loginform p a {
    color:#27B!important;
}

#atff {
  display: none;
}

.feed-icon {
	display: none;
}


map {
	padding: 0 ;
	margin: 0;
}

#main form {
	padding: 12px;
}

a.form-btn {
    	-moz-border-radius:4px;
    	-webkit-border-radius:4px;
    	border:1px solid #ACE;
    	font-size:9pt;
    	margin:0 0 5px;
    	padding:5px;
	width: 40px;
	align: center;
	text-align: center;
	background: #EFF4FD;
	color: #2386C7;
}

#navbar li li.menu_enable {
	display: none;


}
div.view-user-route-view li.views-row {
	padding: 6px 0 6px 0;
}

div.view-user-route-view li.views-row a {

}

div.view-user-route-view li.views-row a:hover {
	text-decoration: underline;
}

.favelist, .favelist tr, .favelist td, .favelist tbody, .favelist thead, .favelist thead th,
.views-table, .views-table tr, .views-table td, .views-table tbody, .views-table thead, .views-table thead th  {
	border: none;
	border-bottom: none;
	border-top: none;
	border: 0;
}

#favelist {
	margin-bottom: 16px;
	width: 100%;
}

.views-table {
	margin-bottom: 16px;
	width: 300px;
}

.favelist tr, .favelist td, .favelist thead th,
.views-table tr, .views-table td, .views-table thead th {
	padding: 4px;
	border: 3px solid #fff; /* #EFF4FD;  */
}

.views-table {
	border: 1px solid #eee;
}

.views-field-field-region-value {
	display: none;
}

.favelist thead th  {
	background: #2386C7;
	color: #fff;
}

.favelist tr.even, .views-table tr.even {
	background: #EFF4FD;
}

.views-table caption {
	font-size: 12pt;
	font-weight: bold;
	color:  #fff;
	background: #2386C7;
	padding: 6px 0 6px 4px;
}

.views-table tr.odd {
        background: #fff;
}

.favelist a, .views-table a {
	color: #2386C7;	
}

.favelist a:hover, .views-table a:hover {
	text-decoration: underline;	
}

.indented {
	margin-left: 50px;
}

#homeclick, #homeclick a {
	position: absolute;
	left: 0;
	top: 0;
	height: 65px;
	width: 250px;
	z-index: 99999999;
}

.blog-intro h3 {
	font-size: 12pt;
	color: #2386C7;
	padding: 4px 0 0px 12px;
	font-weight: bold;
}
.blog-intro ul {
	padding: 0 0 4px 10px;
	list-style: disc;
}

.blog-intro li.views-row {
	padding: 6px 0 10px 10px;
	font-size: 10pt;
	display: list-item;
	border-bottom: #eee 1px solid;
}

.blog-intro li.views-row em, .blog-intro li.views-row {
	font-style: normal;
	color: #999; 
}

.blog-intro li.views-row a {
	font-weight: bold;
}

.blog-intro li.views-row a:hover {
        text-decoration: underline;
}

.blog-intro li.views-row-last {
	border: 0;
	padding-bottom: 0;
}

body.page-printroute mapDiv {
	height: 100px;
}

#rtc-button {
	display: none;
}

#go .form-btn {
	font-size: 12pt;
	font-weight: bold;
	border: 1px solid #A6B7FD;
	padding-left: 12px;
	padding-right: 12px;
}

#go {
	padding-left: 8px;
	padding-right: 8px;
}

h2.title a {
	font-size: 14px;
}

ul.contextMenu {
	width:  200px;
}

.text-advertisement {
	float: left;
	width: 180px;
	height: 60px;
	font-size: 10px;
	margin-top: 20px;
	
}

.text-advertisement .ad-header {
	display: none;
}

.text-advertisement .ad-header a {
	color: #2386C7;
	font-weight: bold;
}