@import url("reset.css");


/* Name: BostonCoach
Author: Molecular,Inc 2008 
 -------- COLORS ---------
white:        #ffffff
light grey:   #c7c7c7
purple:       #6E2943 <- deprecated. (?)
Text grey:    #424242
brown/gold:   #715D42
burgundy:     #98012E
heading purple: #5E1730
blue: 		#0000CC
--------------------------

*/

/* Fonts */

body, textarea, input, select {font-family:tahoma, helvetica, arial;}

body {color:#000;background-color:#715d42;text-align:left;height:100%;font-size:62.5%;line-height:1.8em;margin:0;padding:15px 0 0;}

a,a:link,a:visited,a:active { color:#0000CC; text-decoration:underline; }
a:hover {}

div.feature_nav a {text-decoration:none !important;}
a.white, #header a, .login_link a, ul.ui-tabs-nav a, div.alert_center a, .feature_nav a { color: white;}
a.white:hover, #header a:hover, .login_link a:hover, .ui-tabs-nav a:hover, div.alert_center a:hover , .feature_nav a:hover{  color:#c7c7c7;}


div.alert_center a { color: white!important;}

h1 {color:#5E1730;font-size:1.6em;margin-top:0;}
h2 {color:#5E1730;font-size:1.4em;font-weight:700;margin:5px 0 0;}
h3 {color:#fff;font-weight:400;font-size:1.2em;margin:2px 0 0 2px;}

.cmxform h1, .form p {margin-bottom: 10px;}

p, a, td.label { line-height:12px; }


label { cursor: pointer; vertical-align:text-bottom;}



textarea{font-size: 10px;line-height: 1.8em;width: 250px;}
label {font-size:10px;color:#000;margin-right:5px;}
input{font-size:10px; padding:0px;}
input.typeText, select { margin-bottom: 7px;}

div.actionButtons { text-align:right;}
div.actionButtons input { float:none;}
div.btn_pad_top {padding-top:15px;}

/* Promospace */

div#sidebar #promospace {margin:0;}


/* Site wrapper*/

#page {width:968px;position:relative;margin:0px auto;}

table {border-collapse: separate;}
/*alert*/

#BC_alert{
	margin:0px;
}

.ui-dialog-buttonpane{
	border:none;
	bottom:15px;
	right:20px;

}
#BC_alert { 	padding-left:20px;}
#BC_alert h3 { 	color: #5E1730 }

/*=====================
 * Header styles
 ======================*/
#header {
background-image:url(../images/bg_header.jpg);
height:135px;
margin:0;
padding:0;
}

#navWrapper {padding-left:204px;border-top:#807467 1px solid;background-image:url(../images/bg_GlobalN.jpg);background-repeat:repeat-x;height:30px;position:relative;z-index: 149;}

#navWrapper a {
font-size:1.3em;
color:#FFF;
text-decoration:none;
padding:9px 0 0;
height: 21px;
*height: 23px;
display:block; 
}

#globalNav li {
border-left:1px solid #524A3F;
display:block;
float:left;
height:23px;
text-align:center;
width:151px;
position:relative;
}

/* drop down menu stuff*/
#globalNav li ul {
list-style:none;
display:none;
position:absolute;
color:#ffffff;
background-color:#72614f;
width:151px;
margin-left:-1px;
z-index:1000000;
padding:0;
}

#globalNav li ul li {
  color:#f7f4ef;
margin-top:0;
border-top:1px solid #e7dfd8;
position:relative;
text-align:left;
height: auto;
padding-left:14px;
width:136px;
}
#globalNav li ul li  a { padding-top: 8px; height: 22px; }
#globalNav li:hover, #globalNav li.hover { background:#72614f url(../images/tabs/topnavhover.gif) repeat-x 0 0; color:#433c32; }

#globalNav li ul li:hover, #globalNav li ul li.hover { background:#e7dfd8; }
#globalNav li ul li:hover a, #globalNav li ul li.hover a {color:#433c32!important; }
#globalNav li ul li.first { border-top: 0;}


#siteName {
height:105px;
margin:0;
padding:0 0 0 10px;
}

#siteName img {
padding-top:30px;
}

#siteName .bannerNav {
  text-align: right; 
  padding-right: 50px; 
  font-size: 1.1em; 
  color: #ffffff;
}

#siteName .bannerNav a {
  text-decoration: underline;
}

#siteName .bannerNav a:hover {
  text-decoration: none;
}


/*=================================
 * liquid layout sidebar hack
 ================================*/
#wrapper {
background:#e2e1e1 url(../images/bg_sidebar.jpg) repeat-y left; border-top:1px solid #7f694e;
}

#wrapper_full {
background-color:#e2e1e1;
}

#container {
background-color:#3F352B !important;
width:100%;
float:left;
}

#content {
padding-bottom:0px;
}

#sidebar {
width:204px;
float:left;
}

/*==================
 * Footer 
 =================*/
#footer {font-size:10px;color:#FFF;text-align:left; margin-left:204px;}

#footer a {
font-size:10px;
color:#FFF;
text-decoration:underline;
}

/*===================Login ================*/
#login {
	width:180px;
	background-image:url(../images/control_center.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	color:#fff;
	padding-left:25px;
	height:229px;
}

#control_center_register { margin-top:55px; height: 40px; }

#login div.buttons { text-align: right;  }




#login_form { 	height:84px; 	padding-top:47px; 	overflow:hidden; } 

#login_form, #control_center_register { width: 154px; }

#Home_login label { color:#000; font-size:11px; margin:0; }
#login input.login {  font-size:11px;  width: 148px; display:block; }

#Home_login div.field { position: relative;  margin-bottom: 5px; }
#Home_login label.over { position: absolute; top: 1px; left: 5px; }
#Home_login div.buttons { float: right; }
#login .login_button { float:right; margin-right: 0; }

#Home_login label.error { display:block; background: white; opacity: .9; }

#register {
position:absolute;
width:165px;
height:30px;
left:29px;
top:180px;
z-index:2;
}


.login_link {
line-height:110%;
}

#control_center_register { margin-left: 0; }

#login label {
padding: 0px; 
margin: 0px;
}




/*============Validation sidebar==================
====================SIDE BAR PROMO AREA====================== */
#advert a#moreDetails {
left:40pt;
position:absolute;
top:500px;
}
.login_link a{
	text-decoration:underline;
}
/************* #alert_center styles ***************/
div.alert_center {  background-color:#98012E; position:absolute; width:310px; left:600px; top:30px; z-index:2; overflow:hidden; border:#72614F 1px solid; padding:3px 1px 4px 5px; color:#FFF; }
.alert_text { font-size:1.3em; margin-left:5px;  }
.alert_heading { font-size:1.3em;font-weight:700;  margin-left:5px; }
.alert_center_button { position:absolute; top:2px; right: 0; display:block; width: 13px; height: 13px; background: url(jquery-ui/images/ffffff_11x11_icon_close.gif) no-repeat scroll 0 0; text-indent: -9999px;}
.alert_text a { text-decoration:underline;}

/*================================================================================
 * Homepage styles
 =================================================================================*/
.feature {
	background-image:url(../images/main_feature.jpg);
	background-repeat:no-repeat;
	height:229px;
	overflow:hidden;
	width:inherit;
	padding:0;
}

/*************Roll Over Buttons********************/
.feature_nav { position:absolute; width:764px; z-index:1; text-align:center; top:315px;padding:0; }
.feature_nav a.ride{cursor:default;}
#controlcenter .feature_nav { position:relative; top:auto;}

.feature_nav a.ride, .feature_nav a.roadshow, .feature_nav a.planEvent {
background:url(../images/buttons/main_nav_btn_sprite.jpg) no-repeat 0 0; text-indent: -9999px; display:block; height:50px; width:244px; position:absolute; top: 0; left: 10px;
}

.feature_nav a.ride {}
.feature_nav a.ride:hover { background-position: 0 -50px;}
.feature_nav a.roadshow { left:260px;  background-position: -244px 0px;}
.feature_nav a.roadshow:hover {  background-position: -244px -50px; }
.feature_nav a.planEvent { left:510px; background-position: -490px 0px;  }
.feature_nav a.planEvent:hover {  background-position: -490px -50px; }


.feature_nav li ul {  display:none; position:absolute; color:#fff; background:#480a23; z-index:1000000; margin-left:10px; width:244px; margin-top:50px;padding:0;  }
.feature_nav li ul li { margin-top:0; border-top:1px solid #6e2943; position:relative; text-align:left; padding:0; }
.feature_nav li ul li a { display: block;  padding:10px;  padding-right: 0; padding-bottom: 0; font-size: 11px; height: 22px; }
.feature_nav li:hover, .feature_nav li.hover { background-color:#6f2943; color:#433c32; }
.feature_nav li ul li:hover, .feature_nav li ul li.hover { background-color:#6f2943; color:#fff;}
.feature_nav li ul li.terminal { background: url(../images/feature_nav_terminal.gif); height: 13px; padding: 0; border: 0; width: 100%; }

/* Control Center */
div#cc_feature_nav { position:absolute; width:764px; z-index:1; text-align:center; top:315px;padding:0; }
div#cc_feature_nav { position:relative; top:auto;}

div#cc_feature_nav a.ride, div#cc_feature_nav a.roadshow, div#cc_feature_nav a.planEvent {background:url(../images/buttons/main_nav_btns_shadow.png) no-repeat 0 0; text-indent: -9999px; display:block; height:45px; width:246px; position:absolute; top: 0; left: 10px;}

div#cc_feature_nav a.ride {}
div#cc_feature_nav a.ride:hover { background-position: 0 -44px;}
div#cc_feature_nav a.roadshow { left:260px;  background-position: -247px 0px;}
div#cc_feature_nav a.roadshow:hover {  background-position: -247px -44px; }
div#cc_feature_nav a.planEvent { left:510px; background-position: -495px 0px;  }
div#cc_feature_nav a.planEvent:hover {  background-position: -495px -44px; }

div#cc_feature_nav li ul {  margin-left:11px;*margin-left:-111px; width:245px; margin-top:43px;  }


#requestDelegate, #acceptDelegate, #declineDelegate { background-color:white;}
#deleteTraveler { background-color:white;}


/*-----------------------Slide Popout HOMEPAGE----------------------------------*/
.feature .slider { list-style:none;  float:right; overflow:hidden; position:relative; margin:30px 0 0; height: 130px; width: 168px; }

.feature .background, .feature .flower, #slideMenu, #slideMenu li a:hover, #slideMenu li a.on, #rideMenu li a:hover,  #quoteMenu li a:hover { background: transparent url(../images/homepage_slider.png) no-repeat 0 0;  }

.feature ul li a , #slideMenu a {text-decoration:none !important;}

.feature .background { width:566px; height: 130px; position:absolute; top: 0; left: 0; }

.feature .flower { 	width:242px;  	height:120px; 		cursor:pointer; 	position:absolute; 	top:0; 	left:0; z-index:1; }
.feature ul li {  display:block; }
.feature ul li a { display:block;  overflow:hidden; width:170px; text-decoration:none; }
.feature #a1 { width:210px; }
.feature ul li img { position:absolute; }
.feature ul li p { width:120px;  display:block; margin:0 0 0 185px; padding:0; }
#slideMenu { position:absolute;  top:6px; left: 169px; width:253px; background-position:  -169px -232px; height:112px; overflow:hidden; }
#slideMenu a { color:#4E4331; }
#rideMenu,#quoteMenu { position:absolute;  height:117px; left:423px; top:6px; width:133px;}
#rideMenu li a ,#quoteMenu li a{ padding-left:20px;  padding-top:5px; width:114px; height:24px; color:#4e4331;  }

#slideMenu li a { display:block; padding-left:76px;  padding-top:7px; width:177px; height:19px; }
#slideMenu li#menuitem2 a { height: 21px;}
#slideMenu li#getQuote a { height: 23px;}
#slideMenu li a:hover, #slideMenu li a.on { background-position: -169px -167px; _background-position: -168px -377px; }


#slideMenu #menuitem4 { height:33px; }
#getRide {   color:#4e4331; }
#menuitem2 {   color:#4e4331; }
#getQuote {   color:#4e4331; }
#menuitem4 {    color:#4e4331; }

ul #rideMenu1 a , ul #quoteMenu1 a {  height:  22px; }
ul #rideMenu2 a{    }
ul #rideMenu3 a {  }
ul #rideMenu4 a {   }


#rideMenu li a:hover,#quoteMenu li a:hover { background-position: -422px -168px; color:#fff}






.buttons a {
color:#E2E1E1;
}

.buttons {
margin-left:9px;
margin-top:5px;
height: 50px;
overflow:hidden;
}

.buttons img {
  margin-right: 3px;
}

#schedule_roadshow,#book_a_ride {
background:#e2e0e1 url(../images/bg_tabs.jpg)top repeat-x;
}

#plan_event,#schedule_roadshow,#book_a_ride {
margin:0 9px 0px;
}

.next {
margin-left:655px;
}


/*==============
 * Calendar
 ===================*/
.embed + img {
position:relative;
left:-21px;
top:-1px;
}

/*====================
  * Form Styles
  * ===================*/



/*.smleft input[type=text], .smleft input.text {
  width: 200px;
}

input[type=checkbox], input.checkbox {
  width: 15px;
}*/

input.checkbox {width: 15px!important;}

/* reverse out the width 200 for checkboxes and radio */
.smleft input.toggle, .smright input.toggle, #rt2_dropoff input.toggle {width: auto;}

select {padding:0px;font-size:10px;}

.form_tabs {padding:0px;margin: 0px;position:relative;}
.time_narrow {margin-left:220px;margin-top:-30px;width:70px;}

/*************************************
   do not touch these selectors.
   its too easy to mess up. why?
   this bug: http://blog.solutionset.com/wpmu/2008/02/15/internet-explorer-id-class-bug/ 
***********************************/
/* boring ? tooltips */
div.qTooltip {
	font-size:11px;
	border: 0;
	width: 200px;
	padding:7px 8px 7px;
	border: 1px solid #98012E;
	line-height: 1.3em;
	background: white;
}

div.qTooltip h3   {color:#333;}

div.qTooltip div{ text-align: left; }


/* vehicle selection tooltips */
div.pretty {
	line-height: 1.3em;
	border: none;
	width: 172px;
	padding:10px 15px 20px 15px;
	height: 91px;
	background: url('../images/tooltip_shadow.png');
	background-repeat:no-repeat;
}
div.pretty h3 {
	color: #000;
	font-weight: bold;
	padding-bottom: 8px;
	
	width: 172px;
	text-align: center;
}
div.pretty div {  text-align: left; color: #333;}

#toolipVB { /* pretty class implied - but should inherit from this */ 
	background: url('../images/tooltip_shadow.png');
	padding:10px;
	margin-bottom:40px;
	background-repeat:no-repeat;
}


/* validation error tooltips */
div.validation {
	border: 0;
	width: 145px;
	padding: 25px 10px 15px 10px;
	height: 82px;
	background: url('../images/tooltip-err-up.png') no-repeat center top;
	color: black;
	line-height: 1.3em;
	}

.validation h3, .validation div { color: black;}

.validation div{ text-align: left; }

div#tooltipVB.validation  { 
  background: url('../images/tooltip-err-down.png') no-repeat center bottom;
  margin-top: 34px;
  *margin-top: 49px;
  
  height:53px;
  
  *padding-top: 10px;
  *height: 60px;
}

span.select_error {padding-bottom:2px;padding-top:3px;}


/*************************************
   END OF do not touch these 
*********************************/


span.validationError { border: 1px solid red; padding:0px;} /* see paul about changing these..  we can do it, but will have to work together.*/
span.validationError select { margin-right: 0;}

div.validationError { border: 1px solid red; }



/* modal styling */
body.modal_dialog { background-color:#ffffff; padding: 10px;height: auto; }
.modal_dialog div.wrapper, .modal_dialogGrey {padding:0px 10px;  }
.modal_dialog a { color: #0000CC; text-decoration: underline; }
.modal_dialog .sumbitButtons { text-align: right; }
.modal_dialog p {margin-bottom:10px;}
.modal_dialog h1 {margin-top:0px; margin-bottom:7px; text-align: center; }


#loginBook input.typeText { width: 250px; }



.floatRight {
  float: right;
}

.hide {
  display: none;
}

.note {
 font-size: 0.9em;
}

#saved_locations,
#do_saved_locations,
#rt1_saved_locations,
#rt2_saved_locations,
#oi_saved_locations {
  width: 185px;
}

/* really don't like this - but it's the quickest way to get the default width back in to the .smleft input elements*/
input.default_width {
  width: 30px!important;
}

.location_type input {
  margin-right: 0px;
}


/* jquery ui tweaks */
tr.ui-datepicker-title-row { display: none; }
#ui-datepicker-div { background-color:white; font-size:11px; border: 2px solid #aaa; width:174px;  padding: 4px; }
table.ui-datepicker { margin-top:29px; }
td.ui-datepicker-unselectable { cursor: default;}
.ui-dialog-container { overflow: hidden;}
.ui-effects-transfer { 	border: 2px solid #480A23; 	background: #666; 	opacity: 0.5; }
div.ui-dialog-buttonpane { text-align: right; border-top: 0;}
div.ui-dialog-buttonpane button { margin-left: 0; margin-right: 13px;  }
a.ui-dialog-titlebar-close { background-position: 18px 6px; height: 30px; width: 30px;}



div.requiredlegend { margin: 5px 0;}

/* Popup CSS */
#rideLogin .wrapper{ text-align:left; }
#rideLogin .clearing {height: 0px;padding:0px;margin:0px;clear: both;}

#rideLogin h2{color:#5E1730;font-size:1.2em;font-weight:bold;margin:5px 0px 0px 0px;}

#rideLogin input{width:250px;}

#rideLogin .left{float:left;margin-right:10px;width:254px; padding-right:68px; border-right:2px solid #E2E1E1; height:303px}
#rideLogin .right{float:left;width:315px;}


/*------------------------------ Roll over buttons----------------------------------*/

#rideLogin .right a.new {background-image:url(../images/buttons/btn_newProfile.png);display:block;height:58px;width:225px;margin-left:20px; margin-bottom: 5px;}
#rideLogin .right a.old {background-image:url(../images/buttons/btn_oldProfile.png);display:block;height:58px;width:225px;margin-left:20px; margin-bottom: 5px;}
#rideLogin .right a.comp {background-image:url(../images/buttons/btn_compProfile.png);display:block;height:58px;width:225px;margin-left:20px;}

#rideLogin .submit{margin:10px 0px 0px 0px;float:right;width:56px;height:20px;}


/*------------------------------Confirmation page-----------------------------*/
.orange_bg {width:148px;  height:202px; background:url(../images/bg_orange.gif) no-repeat top left;}
.helpTable{border:medium none;
float:left;
font-size:10px;
margin:10px 0 0 10px;
width:120px;}
.helpTable h2{color:#ffffff;font-size:0.9em;line-height:1.0em;font-weight:700;margin:3px 0 5px 0;}
.helpTable td{padding-bottom:5px;}
/* clearfix stuff at end of file */

div.clearing { clear:both; }

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.vtop {
  vertical-align: top;
}

/* end of global.css   */


/* Riddler fixes */

span.riddlerContent label, span.riddlerContent input, span.riddlerContent input.typeText  {margin-top: 0px;margin-bottom: 0px;}
span.riddlerCheck label, span.riddlerCheck input, span.riddlerCheck input.typeText  {margin: 0px;}
span.riddlerContent .qTooltip, span.riddlerCheck .qTooltip {padding: 0px;margin-left: 3px;}
/*select issue on add card in profile*/
#addCard .stupidselect{ width:254px;
 }