a:hover {
	text-decoration: underline;
	background-color: #E9FF70;
}

.form_error_message {
	font-weight: bold;
	color: red;
}
img {
	border: 0;
}
td.error {
  border: 3px solid red;
}
div.error {
  border: 3px solid red;
}

span.error {
  border: 1px solid red;
}


.friend_trip {
	background: #00FF00;
} 

/*******************/
/* Forms */
/*******************/

.form_label {
	float: left;
	width: 120px;
	font-weight: bold;
}

.form_input {
	float: left;
}
.clear {
	clear: both;
}

/*******
 *** Account Styles
 *******/
.transaction {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}
.transaction tr {
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 1px dashed #ccc;
}
.credit {
	width: 1em;
	text-align: center;
	border-left: 1px solid black;
}
.debit {
	width: 1em;
	color: red;
	border-left: 1px solid black;
	text-align: center;
}



/***************/
/* Time Picker */
/***************/

/* Popup styles */
div.timepickermenu {
	padding: 4px;
}

/* Date picker styles */
div.timepickermenu a {
	text-decoration: none;
	color: #0539AF;
}
div.timepickermenu a:hover {
	text-decoration: underline;
}
table.timepicker {
	border: 1px solid #444;
	padding:0px;
}
table.timepicker td {
	padding: 2px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

div#tripbox table#trip_box_table td table.timepicker td {
	padding: 2px;
	border-bottom: 1px solid #ccc;
	text-align: right;
}

table.timepicker td.selected, table.datepicker th.selected {
	background-color:#FFE864;
}

tr.night, td.night {
	background-color: #ddd;
}

tr.day, td.day {
  background-color: #fff;
}




/* Shadowbox */

div.shadowbox {
	width: 650px;
	background-color:#F3F5EB;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #C7E03A;
}

div.shadowbox h1 {
	font-size: 15pt;
	font-weight: normal;
	color: #444;
	padding: 20px 0 5px 0;
	margin: 0 30px 20px 30px;
	border-bottom: 1px solid #C7E03A;
}
div.shadowbox h2 {
	font-size: 12pt;
	font-weight: normal;
	color: #444;
	padding: 0;
	padding: 20px 0 5px 0;
	margin: 0 0;
}
div.shadowbox div.content {
	margin: 0 30px;
	width: 350px;

}

/* action buttons */

div.shadowbox div.buttons {
	margin: 20px 0 0 0;
	background-color: #E9F0C0;
	padding: 10px 3px 10px 3px;
}
div.shadowbox div.buttons table  {
	margin: 0;
	padding: 0;
}

div.shadowbox div.buttons table td {
	text-align: right;
	margin-right: 30px;
}

	
/* Layer on window */
div.layer {
	border: 1px solid #666;
	background-color: #E3EFFF;
	padding: 10px;
	position: absolute;
	top: 195px;
	left: 310px;
	width: 280px;
}






	
/* Scrolling list */
ul.scrollist {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 100px;
	overflow:auto;
	padding: 5px;
	color: #660099;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	width: 155px;

}

div#tripbox {
  border-right: solid #879CB5 1px;
  border-bottom: solid #879CB5 1px;
  padding: 8px;
  background: url(/images/blend.gif);
}

div#tripbox input.textnarrow {
	background-color: #fff;
	color: #660099;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;

}
.style1 {font-size: 8pt}



/* GOOGLE LOCAL */
div.gs-watermark,
div.gs-directions,
div.gs-label,
div.gs-spacer,
div.gs-secondary-link,
div.gs-country {
  display: none;
}

.gsc-resultsHeader {
	display: none;
}
div.gs-watermark {
  display: none;
}
div.gs-directions {
  display: none;
}

div.gs-directions-to-from {
	display: none;
}

div.gs-city,
div.gs-region  {
	float: left;
}
div.gs-phone {
	clear: both;
}
.gsc-input {
	size: 50;
}
.gs-title {
	margin-top: 7px;
}

.gsc-keeper {
background-image:url(http://www.google.com/uds/css/blue_check.gif);
background-position:1px 3px;
background-repeat:no-repeat;
color:#3366CC;
cursor:pointer;
font-size:13px;
font-weight:normal;
padding-left:16px;
text-decoration:underline;
}


.gsc-localResult .gsc-keeper {
   display : block;
}


/***********************************/
/***********************************/
/***********************************/
/***********************************/
/* Stuff from new css */
/***********************************/
/***********************************/
/***********************************/
/***********************************/

/* ----------------------------- GENERAL STYLES */
body { 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0060B9;
}
a.network {
	color: #D0004C;
}
a.olo {
	color: #0060B9;
}
.redtext { 
           color: #D0004C;
}
.graytext {
	color: #888;
}
.graysmalltext {
	color: #888;
	font-size: 8pt;
}
.smalltext {
	font-size: 8pt;
}
.tinytext {
	font-size: 7pt;
}

div#copyright {
	color: #888;
	padding-left: 10px;
	font-size: 8pt;
}
td.nowrap {
	white-space:nowrap;
}

/* ----------------------------- BUTTONS */
div.graybutton {
}
div.graybutton a, div.bluebutton a {
	text-align: center;
	padding: 3px 10px;
	display: block;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}
div.graybutton a {
	border: 1px solid #8D8C8A;
	background-image:url(/images/buttongray.gif);
	color: #615E5C;
}
div.graybutton a:link, div.graybutton a:visited {
    color: #615E5C;
}
div.graybutton a:hover, div.graybutton a:active {
	cursor: pointer;
    color: #615E5C;
	background-image:url(/images/buttongray-hover.gif);
}
#trip_search_form_from_button {
	cursor: pointer;	
}
div.bluebutton {
}
div.bluebutton a {
	border: 1px solid #406FA8;
	background-image:url(/images/buttonblue.gif);
    color: #fff;
    padding: 2px 0;
}
div.bluebutton a:link, div.bluebutton a:visited {
    color: #fff;
}
div.bluebutton a:hover, div.bluebutton a:active {
	cursor: pointer;
    color: #fff;
	background-image:url(/images/buttonblue-hover.gif);
}

/* ----------------------------- PAGING BUTTONS */
/* Started with Eric Meyer's tabbed navbar code */
ul.pagingbuttons
{
	padding: 0;
	margin: 0;
}
ul.pagingbuttons li
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}

ul.pagingbuttons li a
{
	padding: 1px 3px;
	margin: 0 0 0 3px;
	text-decoration: none;
	border: 1px solid #CFD1C0;
}

ul.pagingbuttons li a:link, ul.pagingbuttons li a:visited { 
	color: #0539AF;
}

ul.pagingbuttons li a:hover
{
	color: #0539AF;
	background: #FFFA73;
}

ul.pagingbuttons li a#current
{
	background: #fff;
	border: none;
	color: #000;
}


/* ----------------------------- LOGO & SIGN IN INFO */
div#logo {
	position: absolute;
	left: 80px;
	top: 0px;
}
div#signin {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 8pt;
	padding-top:4px;
}
div#signin span.hello {
	padding-top:5px;
	font-size: 7pt;
	color: #333;
}
div#signin label{
	color:white;
}
div#signin span.community{
	font-size:9pt;
	font-weight:bold;
	color: white;
}
div#signin span.name {
	font-weight: bold;
}
div#signin a {
	color: #46560E;
	}

/*  */
/* -----------------------------  TABS */
#navlist li a {
		margin-left:none;
		margin-right:10px;
		border:none;
		background-color: rgb(0,115,206);	
		font-size: 9pt;
		color:white;
}	
body#getting_started #navlist li#learn_more,
body#trip_searches #navlist li#search,
body#help #navlist li#help,
body#sessions #navlist li#login,
body#learn_more #navlist li#learn_more,
body#users #navlist li#join,
body#users #navlist li#my_profiles,
body#account_details #navlist li#my_profiles,
body#trusted_riders #navlist li#my_profiles,
body#locations #navlist li#my_profiles,
body#friends #navlist li#my_people,
body#communities #navlist li#my_people,
body#groups #navlist li#my_people,
body#basics #navlist li#my_profiles,
body#trips #navlist li#trips,
body#greetings #navlist li#home {
		margin-left:10px;
		margin-right:10px;
		border: 1px solid #B6B2AA;
		border-bottom: none;
		background-color: #fff;		
		font-size: 9pt;
}
body#help #navlist li#help a,
body#getting_started #navlist li#getting_started a,
body#trip_searches #navlist li#search a,
body#sessions #navlist li#login a,
body#learn_more #navlist li#learn_more a,
body#users #navlist li#join a,
body#users #navlist li#my_profiles a,
body#account_details #navlist li#my_profiles a,
body#trusted_riders #navlist li#my_profiles a,
body#locations #navlist li#my_profiles a,
body#friends #navlist li#my_people a,
body#communities #navlist li#my_people a,
body#groups #navlist li#my_people a,
body#basics #navlist li#my_profiles a,
body#trips #navlist li#trips a,
body#greetings #navlist li#home a {
		margin-left:10px;
		margin-right:10px;
		border:none;
		border-bottom: none;
		background-color: white;		
		font-size: 9pt;
		color:#0060B9;
}

#banner {
	float:left;
	width:100%;
	background:#B0D534 url("/images/tab_bg.gif") repeat-x bottom;
	padding: 60px 0 0 0;
	margin:0;
	margin-right:-1px;
}

#subbanner {
	float:left;
	width:100%;
	height:31px;
	background:#B0D534 url("/images/nav_bar_gradient.gif") repeat-x bottom;
	padding:0px 0 0 0;
	margin-right:0px;
	margin:0;
	white-space:nowrap;
}





ul#navlist {
	float:left;
	width:48em;
	display:inline;
	vertical-align:top;
	margin:0;
	padding: 0 0 3px 0px;
	list-style:none;
	font: bold 9pt Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
}
ul#navlist li {
float:left;
display:inline;
    margin:0;

   }
ul#navlist a {
	display:block;
	padding:3px 15px 5px; 
}	

ul#navlist a:hover {
	color: #46560E;
	background: white;
}	

#banner #current {
	border: 1px solid #B6B2AA;
	border-bottom: none;
	background-color: #fff;
}
 #banner #current a {
	padding-bottom: 5px;
	font-size: 9pt;
	color: #2D3D6A;
}	
#banner #current a:hover {
	text-decoration: none;
	background-color: #fff;
}


/* ----------------------------- START DROP SHADOWS */
/* Taken from http://www.alistapart.com/articles/cssdropshadows/ */

div.dropshadow {
  width:100%;
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important; /* This is the one all other browsers will use */
  background: url((/images/shadow.gif) no-repeat bottom right; /* This is the one IE 6 will use */
  margin: 6px 0 0 0 !important; /* This is the one all other browsers will use */
  margin: 6px 0 0 5px; /* This is the one IE 6 will use */
  }

div.avgcostdropshadow {
  margin: 15px 0 0 0 !important; /* This is the one all other browsers will use */
  margin: 15px 0 0 5px; /* This is the one IE 6 will use */
}

div.dropshadow div.dropshadow2 {
  background: none !important; /* This is the one all other browsers will use */
  background: url((/images/shadow2.gif) no-repeat left top; /* This is the one IE 6 will use */
  padding: 0 !important; /* This is the one all other browsers will use */
  padding: 0 6px 6px 0; /* This is the one IE 6 will use */
  }

div.dropshadow div.dropshadowbox {
  color: #777;
  background-color: #fff;
  border: 1px solid #C2C1AE;
  padding: 0;
  margin: -6px 10px 10px 0 !important; /* This is the one all other browsers will use */
  margin: 0; /* This is the one IE 6 will use */
}
div.dropshadow div.tripshadowbox {
  margin: -6px 10px 10px 0 !important; /* This is the one all other browsers will use */
  margin: 0; /* This is the one IE 6 will use */
  }
  
/* ----------------------------- END DROP SHADOWS */


/* ----------------------------- CENTERBOX */
/* A centerbox is the DIV that is centered on the screen, emulating a popup window but
   isn't actually floating above content */

div#centerbox, .centerbox {
	background-color:#F3F5EB;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #C7E03A;
}

div#centerbox h1, .centerbox h1{
	font-size: 15pt;
	font-weight: normal;
	color: #444;
	padding: 20px 0 5px 0;
	margin: 0 30px 20px 30px;
	border-bottom: 1px solid #C7E03A;
}
div#centerbox h2 , .centerbox h2{
	font-size: 12pt;
	font-weight: normal;
	color: #444;
	padding: 0;
	padding: 20px 0 5px 0;
	margin: 0 0;
}
div#centerbox div.content {
	margin: 0 30px;
}




/* ----------------------------- ACTION BUTTONS  */
/* These are the buttons that appear in the bottom right corner of centerbox and popup windows */

div.buttons {
	margin: 20px 0 0 0;
	background-color: #E9F0C0;
	padding: 10px 3px 10px 3px;
	text-align: right;
}
div.buttons table  {
	margin: 0;
	padding: 0;
}

div.buttons table td {
	text-align: right;
	margin-right: 30px;
}



/* ----------------------------- HELP  */
/* This is the help for centerbox */
div#centerbox div.help {
	float: right;
	width: 250px;
	height: auto;
	color: #888;
}
div#centerbox div.help p.title {
	padding: 0 0 1px 7px;
	margin: 0;
	text-transform: uppercase;
	font-size: 8pt;
}
div#centerbox div.helpbox {
	border: 1px solid #CFD1C0;
	color: #888;
	padding: 3px 7px;
	margin-right: 30px;
	background-color: #fff;
	}
	
div#centerbox div.helpbox p {
	padding: 0 0 10px 0;
	margin: 0;
	}
	
/* This is the help for popup */
div#popup div.help {
	float: right;
	width: 250px;
	height: auto;
	color: #888;
}
div#popup div.help p.title {
	padding: 0 0 1px 7px;
	margin: 0;
	text-transform: uppercase;
	font-size: 8pt;
}
div#popup div.helpbox {
	border: 1px solid #CFD1C0;
	color: #888;
	padding: 3px 7px;
	margin-right: 30px;
	background-color: #fff;
	}
	
div#popup div.helpbox p {
	padding: 0 0 10px 0;
	margin: 0;
}

/* This is general help text */

p.help {
	color: #888;
	padding: 3px 7px;
	}


	
/* /* ----------------------------- SCROLLLING LIST */
ul.scrollist {
	border: 1px solid #ccc;
	padding: 0;
	margin: 0;
	width: 200px;
	height: 100px;
	overflow:auto;
	padding: 5px;
	background-color: #fff;
}
ul.scrollist h3 {
	padding: 0;
	margin: 0;
	font-size: 9pt;
	color: #666;
	padding-top: 20px;
}
ul.scrollist h3.first {
	padding-top: 0;
}
ul.scrollist li {
	margin: 0 0 0 22px;
	padding: 0 0 0 0;
	color: #666666;
}

ul.scrollist li.checked {
	list-style-image: url(/images/checked.gif);	
}
ul.scrollist li.unchecked {
	list-style-image: url(/images/notchecked.gif);
}

/* ----------------------------- BOTTOM OF SCREEN */
div#bottomnav {
	border-top: 1px solid #B0D534;
	color: #888;
	padding: 5px 0;
	margin: 20px 0 10px 0;
	font-size: 8pt;
	text-align: center;
}
div#bottomnav a {
	padding: 4px 15px;
	color: #888;
}
div#copyright {
	color: #888;
	padding-left: 10px;
	font-size: 8pt;
	text-align: center;
}

img.photo {
	border: 1px solid #B6B2AA;
}

.mapborder {
	border: 1px solid #B6B2AA;
}

div#resultscolumn p.graysmalltext {
	color: #888;
	font-size: 8pt;
}

.graysmalltext {
	color: #888;
	font-size: 8pt;
}

/* ----------------------------- MENU */

menulink {
	position: relative;
}
.menucontainer {
	position: relative;
}
div.menu {
	border: 2px solid #B0D534;
	width: 200px;
	padding: 10px;
	background-color: #fff;
	position: absolute;
	top: 1em;
	left: 0;
	z-index: 12
}
div.menu li.defaultmenuitem {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
div.menu ul {
	padding: 0;
	margin: 0;
	list-style:none;
}
div.menu li {
	padding: 1px 0;
	margin: 0;
}
div.menu a {
	display: block;
	padding: 3px 0;
}
div.menu li.gapbelow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
div.menu a:hover {
	background-color: E9FF70;
	text-decoration: none;
}

/******** AUTO COMPLETE ***********/
   div.auto_complete {
     position:absolute;
     width:300px;
		 overflow: hidden;
     background-color:white;
		 z-index: 1000;
		 border: 2px solid #B0D534;
     margin:0px;
     padding:0px;
   }
   ul.aliases  {
     list-style-type: none;
     margin:0px;
     padding:0px;
   }
   ul.aliases li.selected { background-color: #ffb; }
   li.alias {
     list-style-type: none;
     display:block;
     margin:0;
     padding:2px;
     height:32px;
   }
   li.alias div.name {
     font-weight:bold;
     font-size:12px;
     line-height:1.2em;
   }

#toolbar ul {
	list-style-type: none;
}
#toolbar li {
	float: left;
}

div.menu a.location_link {
	padding: 0px;
}

div.menu div#centerbox h1 {
	border: none;
}

div.menu div#centerbox {
	border: none;
	margin-top: 0px;
}

span.congratulations {
	float:left;
	font-size:1.3em;
	font-weight:bold;
}



/* ###### Sign up page ####### */
#already_have_facebook, .left {
	width: 290px;
	float: left;
	border-right: 1px solid #C7E03A;
}

#new_to_facebook, .right {
	width: 290px;
	float: right;
}

table.user_uptake th {
	text-align: left;
	padding-left: 5px;
	padding-right:5px;
}

table.user_uptake td {
	padding-left: 5px;
	padding-right:5px;
}



/* ###### Profile boxes on the right ###### */

.congratulations {
	font-size:1em;
	color:black;
	padding:10px;
}
.profileboxes {
	float:left;
	width:185px;
	background-color:#F1F1F1;
	color:#999999;
}
.profilebox {
	border-top:1px solid #768826;
	padding-bottom:15px;
	
}
.profilebox h1 {
	padding:5px;
	margin-top:0px;
	background-color: #E5E794;
	font-size:1.1em;
	color: #768826;
}
.profilebox h2 {
	font-size:1em;
}
.profilebox > * {
	padding-left:5px;
}
.profileboxes span.links{
	float:right; 
	height:1.1em;
	padding:5px;
	color: #768826;
}
span.links a, span.links a.visited {
	color: #768826;
	text-decoration: underline;
}
#home_content {
	margin-top:20px;
}
.amount > span{
	clear:left;
	float:left;
	width:40px;	
}
.amount {
	margin:3px 0px 0px 3px;
}
.newsbox div {
	margin-bottom:10px;
}
.image span {float:right;}
.image img { padding-top:0px; margin-right:5px; margin-bottom:5px;}
.image h2 {margin-bottom:0px;}
.profilebox p {margin:2px  0px 0px 0px;}