/*      Search ride Table     */
/* -------------------------- */
#ridePrefsLegend { margin-top: 10px; }
#ridePrefsLegend ul li { margin-top: 10px; }
#ridePrefsLegend span.icon { display: block; float: left; width: 40px; }
#ridePrefsLegend span.label { display: block; float: left; width: 160px; vertical-align: middle; font-size: 0.9em; }


/*      Ride Search           */
/* -------------------------- */
#itinerarySearchBox { font-size: 0.85em;  margin-top:10px; margin-bottom:10px;}
#itinerarySearchBox #filterTitle { font-size: 1.25em; font-weight: bold; padding: 5px; }

#itinerarySearchBox #areaFields { padding: 5px; }
#itinerarySearchBox #areaFields { padding: 5px; }
#itinerarySearchBox #displaySwitchPanel { padding: 0px; }

#itinerarySearchBox #areaFields #searchByTxtField { text-align:center; }
#itinerarySearchBox #areaFields #searchByTxtField input { 
	font-size:1.2em ; 
	padding:3px;
}

#itinerarySearchBox #areaFields #searchByTxtField p { font-size:14px; }

#itinerarySearchBox #areaFields #searchByTxtField input.wide {
	margin: 5px 2px;
	padding: 7px 10px;
	width: 170px;
	font-size: 18px;
	border: 0;
	border: 1px inset #999;
}
#itinerarySearchBox #areaFields img.arrow {
	vertical-align: middle; 
	padding-bottom: 5px; 
	margin: 5px;
	width: 21px; 
	height: 25px;
    padding-top: 0;
}

#itinerarySearchBox #areaFields img.arrowV2 {
    vertical-align: middle;
    padding-bottom: 5px;
    margin: 5px;
    width: 21px;
    height: 25px;
    padding-top: 0;
}

#itinerarySearchBox #areaFields img.swap { 
	vertical-align: middle; 
	padding-bottom: 5px; 
	margin: 5px;
	width: 20px; 
	height: 20px;
    padding-top: 0;
}

#itinerarySearchBox img.searchCal { 
	vertical-align: bottom; 
	width: 20px; 
	height: 21px;
}

#itinerarySearchBox input.go{
	padding: 7px 5px;
	background-image: url(/img/yellowBtnBg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	border: 0;
	border-bottom: 0px outset #999;
	font-size: 14px;
	cursor: pointer;
}


#itinerarySearchBox #areaFields img { width:25px; height: 25px; vertical-align:middle; padding-top: 10px; }


#itinerarySearchBox .bottomButton { text-align: center; margin-left: 231px; }

/* search title */
#searchTitle {
	padding: 5px 0px 10px 0px; text-align: center;
}

/*     Ride table             */
/* -------------------------- */
/* #rideTable { background-color:#3C9; } */
#rideTable {  }
#rideTable tr.header td{
	font-size: 1.5em;
	border-bottom: 1px dotted #666666;
}

#rideTable td.requestInfo{
	vertical-align: middle;
}

#rideTable td { padding: 8px; font-size: 12px; vertical-align: top; }
#rideTable .dateLine {width:650px;}

#rideTable  tr.odd { background-color: #fff; }
#rideTable  tr.even { /*background-color: #f2f2f2;*/ background-color: #fff; }
.request-list#rideTable  tr.even { /*background-color: #f2f2f2;*/ background-color: #EBF9FD; }
#rideTable  tr.disabled td { color: #999; }
#rideTable  tr.disabled td a { color: #999; }

#rideTable  tr.mouseOver td a { text-decoration:underline; }
#rideTable  tr.mouseOver { background-color: #EEFAFF; }

#rideTable a:hover { text-decoration: underline; }

#rideTable td.dateRow {
	padding: 20px 0px 7px 14px;
	font-size: 12px; 
	border-bottom: 1px dotted #666666;
	letter-spacing: 3px;
	text-transform: uppercase;
	/*color:#333333;
	text-align:left;*/
	/*font-size:0.9em; */
	/*margin-bottom:5px;*/
}
#rideTable.review-table td.dateRow {
	padding: 20px 0px 7px 0px;
}

#rideTable td.datetime { text-align: center; width: 50px; }
#rideTable .departure {padding-right:10px;}

#rideTable .destination {padding-left:10px;}
#rideTable .city {  letter-spacing: 2px; 1px; display: block; }
#rideTable .city .pickupDetails { font-size: 11px; letter-spacing: 1px; display: block; }


#rideTable .itineraryPrice p { text-align:center; font-size: 13px; font-weight:bold; margin-top: 0em; padding-top: 0em;}
#rideTable .itineraryPrice a { color:#333 }
#rideTable img.blueMan { height: 23px; }
#rideTable td.seatsAvailability { display: block; white-space: nowrap; }

#rideTable td.review-ride-date { width: 200px; }
#rideTable td.review-ride-follow-arrow { width: 10px; }
#rideTable td .ride-title { font-weight: bold; color: #2AA8D4; }

.rideIcons {display:block; width:100px; text-align:center;}
.stars {display:block; text-align:center; }
.stars a { color:#333 }



#rideTable tr.warning td a {	
	color: #8a6b00;
}
#rideTable tr.alert td {
	background-color: #ffeaea;
	color: #c7c7c7;
}

#rideTable tr.alert td a {
	color: #c7c7c7;
}

#rideTable tr.adminNotes td {
	padding-top:15px;

}

#rideTable  tr .itineraryArrow{
	position:absolute;
   background-image: url(/img/rideIcons/blueArrow.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr.disabled .itineraryArrow{
	position:absolute;
   background-image: url(/img/rideIcons/grayArrow.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr .itineraryArrowInt1{
	position:absolute;
   background-image: url(/img/rideIcons/blueArrowInt1.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr.disabled .itineraryArrowInt1{
	position:absolute;
   background-image: url(/img/rideIcons/grayArrowInt1.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr .itineraryArrowInt2{
	position:absolute;
   background-image: url(/img/rideIcons/blueArrowInt2.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr.disabled .itineraryArrowInt2{
	position:absolute;
   background-image: url(/img/rideIcons/grayArrowInt2.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr .itineraryArrowInt3{
	position:absolute;
   background-image: url(/img/rideIcons/blueArrowInt3.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#rideTable  tr.disabled .itineraryArrowInt3{
	position:absolute;
   background-image: url(/img/rideIcons/grayArrowInt3.png);
   background-repeat: no-repeat;
   width:20px;
   height:15px;
   margin-left : -30px;
   margin-top :0px;
}

#searchCriterion { margin-bottom:5px; }

.filterHeader {
	background-image: url(/img/triangle1.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	
	padding:8px;
	background-color:#24b8f2;
	color:#FFF;
	font-size:15px;
	padding-left:35px;
	margin-top:5px;
}

.filterHeaderOFF {
	background-image: url(/img/triangle2.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;

	padding:8px;
	background-color:#24b8f2;
	color:#FFF;
	font-size:15px;
	padding-left:35px;
	margin-top:5px;
}

#displayOptionsAdd.filterHeader { background-color: #eec806; }
#displayOptionsAdd.filterHeaderOFF { background-color: #eec806; }
#searchCriterion p.title { font-weight: bold; margin-top: 7px; }

.filters {
	margin-left:30px;	
	margin-bottom:20px;
}

#submitButton { padding:10px; }

#sorryNoResults{ font-size:12px; background-color:#EDEDED;  border:1px solid #333333; margin-bottom:10px; text-align:center; border-radius: 7px;
	-moz-border-radius: 7px;}
#sorryNoResults p { padding:20px 30px 20px 30px; }

#notificationText .notificationTextTitle {
	font-size: 1.5em;
}
#notificationText .txtButtonClear {
	padding-top: 10px;
	padding-bottom: 10px; 
}
#notificationText {
	margin : 25px 0px 25px 0px;
	background-image: url(/img/mailIcon.jpg);
	background-repeat: no-repeat;
	background-position: 7px 20px; 
	padding-left:70px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px silver solid;
	-moz-border-radius: 15px;
	border-radius: 15px;
}