.float-l {
	float: left !important;
}

.float-r {
	float: right !important;
}

.display-i {
	display: inline !important;
}

.display-b {
	display: block !important;
}

.text-decoration-none {
	text-decoration: none;
}

/* wrapper */
/* ------- */
#wrapperContainerLocal {
	width:100%; text-align:center;
	background-color: #ffffff;
	background: url('/img/dailyRide/gradient.png') top repeat-x;
}
#wrapperLocal {
	width: 900px; 
	padding: 30px 0 33px 0;
	margin:0 auto;/* align for good browsers */
	text-align:left;

}
/* Header */
/* ------ */
#headerLocal { width:1000px; margin: 0px auto 0 auto; padding: 7px 0 0 0; overflow:hidden; min-height: 97px; clear: both;}
/* #header.adminView { margin-left: 15px; } */
#headerLocal .headerLogo{ position:absolute; }
#headerLocal #sessionHeaderLocal #connexionLocal { float: right; margin-top: 15px; margin-right: 50px; }

/* Main Nav */
/* -------- */
#mainNavigationLocal li.localCart {
	margin-left: 20px;
}
img.cartSignLocal {
	height: 20px;
	width: 20px;
	float: left;
	position: absolute;
	margin-top: -15px;
	margin-left: 60px;
	display: inline;
}
#mainNavigationLocalContainer {
	display: block;
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
}
#mainNavigationLocal {
	display: block;
	margin: -5px auto 0px auto;
	min-height:40px;
	line-height:1.357em;
	width: 1000px;
	position: relative;
} * html #mainNavigationLocal{ height:40px; }

#mainNavigationLocal ul { float: left; margin:0 auto; padding: 10px 0 0 50px; overflow:hidden; margin-top: -2px; position: absolute;}
#mainNavigationLocal li {
	float:left;
	margin-left:2px;
	font-size:1.143em;
	min-height:25px;
	display:inline;
}* html #mainNavigationLocal li{ height:25px; }
#mainNavigationLocal li a {
	text-decoration:none;
	color:#777;
	display:block;
	padding:8px 25px 4px 25px;
	min-height:20px;
	background-color: #F7F7F7;
}
#mainNavigationLocal li.active a {
	border: 1px solid #cdcdcd;
	border-bottom: none;
}
#mainNavigationLocal li.active a,
#mainNavigationLocal li a:hover {
	color:#777;
	background-image: url(/img/dailyRide/solide7.png);
	background-repeat: repeat-x repeat-y;
}

/* form tabs */
/* -------- */
#editLocalNavigationContainer {
	display: block;
	width: 100%;
}
#editLocalNavigation {
	display: block;
	margin: -5px 0px 0px -32px;
	min-height:40px;
	line-height:1.357em;
	width: 900px;
	position: relative;
} * html #editLocalNavigation{ height:40px; }

#editLocalNavigation ul { float: left; margin:0 auto; padding: 10px 0 0 50px; overflow:hidden; margin-top: -2px; position: absolute;}
#editLocalNavigation li {
	float:left;
	margin-left:2px;
	font-size:1.143em;
	min-height:25px;
	display:inline;
}* html #editLocalNavigation li{ height:25px; }
#editLocalNavigation li span {
	text-decoration:none;
	display:block;
	padding:8px 25px 4px 25px;
	min-height:20px;
	background-color: #FFF;
}
#editLocalNavigation li.active span {
	border: 1px solid #cdcdcd;
	background-color: #fff;
	border-bottom: none;
}
#editLocalNavigation li.active span,
#editLocalNavigation li span:hover {
	color: #2AA8D4;
	background-color: #FFF;
}

#editLocalNavigation li.disabled span,
#editLocalNavigation li.disabled span:hover {
	color: #777;
	background-color: #CDCDCD;
}

/* Content */
/* ------- */
#content {
	min-height: 200px;
	clear: both ; 
	width: 700px;
	padding: 0 0 0px 0;
	margin-left: 30px;
}

#content h1.local-section-title {
	background: url(/img/dailyRide/titleBackground.png) no-repeat;
	width: 852px;
	height: 40px;
	margin-left: -60px;
	padding-left: 60px;
	font-size: 1.550em;
	font-family: "Verdana";
	font-weight: lighter;
	padding-top: 6px;
	margin-bottom: 10px;
}
.poke-actions h3 {
	font-size: 1.15em;
}
/* Forms    */
/* -------- */
.backHome {
	font-size: 1.4em;
}
#formBodyLocal input.cityName {
	font-size: 0.65em;
	float: right;
	padding: 0;
	width: 38%! important;
	margin-top: -10px;
	margin-bottom: 10px;
}

/* Welcome splash */
/* -------------- */
#welcomeSplash {
	width: 900px;
	display: block;
	margin: 0px auto 20px auto;
}
#welcomeSplash #splashImg {
	float: left;
}
#welcomeSplash #splashText {
	width: 460px;
	margin-top: 33px;
	float: left;
	margin-left: 30px;
}
#welcomeSplash #splashText h1 { font-weight: normal; font-size: 1.8em;  }
#welcomeSplash #splashText p { margin-top: 11px; margin-bottom: 13px; line-height: 1.3em;}

#how-to-local {
	clear: both;
	width: 840px;
	display: block;
	padding-top: 30px;
	margin-left: -30px;
}
#how-to-local.contact { margin-left: 0px; }

#how-to-local .local-step {
	width: 233px;
	float: left;
	display: inline-block;
	text-align: center;
	padding: 0 18px;
}
#how-to-local.contact .local-step { padding: 0; }
	
#how-to-local .local-step h2 {
	font-size: 1.2em;
	font-weight: bold;
}
#how-to-local .local-step-arrow {
	float: left;
	width: 15px;
	height: 100px;
	display: inline-block;
	margin-top: 24px;
}
#how-to-local-link {
	clear: both;
	float: right;
	margin-top: 15px;
	margin-right: -95px;
}
#how-to-local-link a {
	color: #000;
	text-decoration: underline;
}
/* Footer */
/* ------- */
#footerWrapperLocal{
	width:100%;
	clear:both;
	display:block;
}
#footerWrapperLocal table { width: 100%; border-collapse:collapse; border: none; padding: 0; margin:0; }
#footerWrapperLocal table tr { height: 195px; }
#footerWrapperLocal table tr td.footerSeparatorSide {
	background-image: url(/img/dailyRide/landscapeBG.png);
}
#footerWrapperLocal table tr td.footerSeparator {
	background-image: url(/img/dailyRide/landscape.png);
	width: 1230px;
}

#footerLocal {
	min-height: 150px;
	width: 100%;
	display: block;
	background-color: #000;
	padding-top: 90px;
}
#footerLocal p {
	color:#777;
	text-transform: lowercase;
}

/* - */
.map {
	border: 1px solid #666666;
	margin: 15px 0px 15px 0px;
	height: 300px;
}

#msgBox {
	margin: 10px auto 20px !important;
}

.separator {
	width: 100%; 
	clear: both; 
	float: left; 
	margin: 10px 0;
}
.separator.white {
	border: 1px dashed white;
}
#show-more-contacts-link {
	background-color: #eee;
	padding: 7px 0 7px 30px;
	color: #444;
	font-size: 1.1em;
	width: 96%;
	margin: 10px 0;
}

#topTabsContainer {
	float: left;
	clear: both;
	/*margin: 30px 0;*/
	/*border-bottom: 1px solid #000;*/
	display: block;
	width: 100%;
}

#topTabsContainer ul{
	position: absolute;
	display: inline;
	margin: -26px 0 0 50px;
}

#topTabsContainer ul li{
	float: left;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #000;
	background-color: #fff;
	cursor: pointer;
}

#topTabsContainer ul li.active{
	padding: 10px 10px 4px 10px;
	margin-top: -4px;
	border-bottom: 0px;
	font-weight: bold;
}

#sidebar {
	padding-right: 30px !important;
}

#sidebarMenu {
	float: left;
}

#sidebarMenu ul.menulinks{
	float: left;
	clear: both;
	margin: 10px 0 0 40px;
}

#sidebarMenu ul.menulinks li{
	margin: 15px 0;
	padding: 0 3px;
}

#sidebarMenu ul.menulinks li a, #sidebarMenu .menulinks-active-display a{
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
}

#sidebarMenu .menulinks-active-display{
	position: absolute;
	left: 0;
	top: 0;
	width: 213px; 
	line-height: 10px;
	background-image: url('/img/css3/blueArrowPR.png');
	background-repeat: no-repeat;
	background-position: right center;
}

#sidebarMenu .menulinks-active-display a{
	background-color: #98D8F1 !important;
	padding: 10px 0 10px 13px;
	width: 180px;
	float: left;
}
#timeline {
	float: left;
	clear: both;
	margin: 20px auto 0; 
	padding: 0;
	border: 0px dashed #BBB;	
	overflow: show;
}

#timeline table td {
	padding: 0;
}

.timeline-ride {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 15px 0;
}

.timeline-ride table {
	width: 100%;
}

.timeline-hour-container {
	width: 50px;
	vertical-align: top;
}

.timeline-day-container {
	padding-bottom: 10px !important;
}

td.timeline-slice-container {
	vertical-align: top;
	background: url(/img/timeline-slice.png) repeat scroll 0 0 transparent; 
	padding-top: 16px!important
}

div.timeline-slice-container {
	position: relative;
	width: 100%;
}


.timeline-day-name {
	text-align: center;
	color: #666;
	font-size: 0.9em;
	line-height: 18px;
}

.timeline-marker-tohome, .timeline-marker-towork {
	width: 62px;
}

.timeline-marker-tohome {
	background: url(/img/dailyRide/workMarker.png) no-repeat center center scroll transparent;
}

.timeline-marker-towork {
	background: url(/img/dailyRide/houseMarker.png) no-repeat center center scroll transparent;
}

.timeline-hour {	
	width: 35px;
	height: 11px;	
	color: #555;
	font-size: 0.95em;
	height: 16px;
	white-space: nowrap;
}

.timeline-hour .value{
	float: right;
	margin: -6px 0 0 0;	
	font-size: 0.9em;
}

.timeline-slice {
	width: 75px;
	height: 16px;	
	float: left;
}

div.timeline-slice-container .inner {
	
}

div.timeline-slice-container .inner .label{
	font-size: 1em;
	color: white;
	/*font-weight: bold;*/
	text-align: center;
	margin: auto;
  	position: absolute;
  	top: 0; left: 0; bottom: 0; right: 0;
  	width:100%;
  	height:10px;
  	cursor: default;
  	font-size: 0.9em;
}

.inner.timeline-slice-toworkmatch, .inner.timeline-slice-tohomematch {
	position: absolute;
	width: 75px;
}

.inner.timeline-slice-toworkmatch {
	background-color: #30BBE7;
}

.inner.timeline-slice-tohomematch {
	background-color: #000;
}

.inner.timeline-slice-block-30, .inner.timeline-slice-block-30 {
	height: 31px;
}

.inner.timeline-slice-block-15, .inner.timeline-slice-block-60 {
	height: 63px;
}

.inner.timeline-slice-block-45, .inner.timeline-slice-block-90 {
	height: 95px;
}

#formBody2 .timeline-slice, 
#formBody2 .timeline-slice-overlay, 
#formBody2 .timeline-slice-overlay-trans, 
#formBody2 .timeline-slice-overlay-match, 
#formBody2 .timeline-slice-toworkmatch,
#formBody2 .timeline-slice-tohomematch,
#formBody2 .timeline-day-name {
	width: 75px !important;
}

.timeline-slice-searchmatch {
	background-color: #F7894f;
}

.daytimeselector-container{
	float: left;
	clear: both;
	margin: 2px;
}

.disabled {
	color: #999;
}

.daytimeselector-container *{
	float: left;
}

.flexibleTimeSelectorContainer {
	float: left;
	clear: both;
	margin: 10px 0 0 15px;
}

.daytime-label{
	width: 100px;
	padding: 3px 5px;
}

.plus-minus-label{
	width: 20px;
	padding: 3px 5px;
}

#rideSelectorContainer {
	float: none;
	clear: both;
	margin: 20px auto 0; 
	padding: 20px 0 0 0;
	border: 0px dashed #BBB;	
	overflow: show;
}

#mapContainer {	
	margin: 15px 0 0;
	overflow: hidden;
	display: block; 
	clear: both;
}

/* welcome message */
#welcomeMessage {
	text-align: center;
	clear: both;
	margin: 30px auto 30px auto;
	width: 450px;
	padding: 0 50px;
	line-height: 1.4em;
	font-style: italic;
}
#welcomeMessage blockquote {
	quotes: "\201C""\201D""\2018""\2019";
}
#welcomeMessage blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	margin-right: 8px;
	margin-left: -0.5em;
	vertical-align: -0.4em;
	float: left;
}
/*
#welcomeMessage blockquote:after {
	color: #ccc;
	content: close-quote;
	font-size: 4em;
	margin-left: 8px;
	margin-right: -0.5em;
	float: right;
}*/
#welcomeMessage .signature {
	float: right;
	font-weight: bold;
	margin-right: 30px;
}
#welcomeMessage blockquote p {
  display: inline;
}

.contact-list {
	margin: 0 0 0 -20px;
	width: 850px;	
}

.contact-list .contact-section {
	float: left;
	width: 100%;
	clear: both;
}

p.incomingPokes {
	padding: 10px 0 20px 0 !important;
	border-bottom: 1px dotted #ccc;
	float: left;
}

p.incomingPokes span {
	float: left;
	margin: 3px;
	height: 30px;
}

p.incomingPokes .mailIcon {
	width: 30px;
	background-image: url(/img/mailIcon1.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.watch-row, .poke-row {	
	float: left;
	margin: 5px 5px 35px 5px;
	width: 48%;
	position: relative;
}

.poke-row .name, .poke-row .userPic {
	float: left;
}

.poke-row .name {
	margin: 3px 10px 0 10px;	
	font-size: 1.05em;
}

.poke-row .name .info-contact {
	margin: 3px 0 3px 0;
	display: block;
	color: #444;
}

.poke-row .name .info-contact.rejected {
	/*background: url(/img/css3/knobWarning.png) no-repeat scroll left center rgba(0, 0, 0, 0);*/
}

.poke-row a {
	text-decoration: none;
}

.poke-row .txtButtonClear {
	margin: 15px 0 0 0;
	float: right;    
}

.poke-row .view-link {
	display: none;
	height: 100%;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;    
    width: 100%;
    font-size: 1.4em;
}

.poke-row .view-link a {
	display: block;
    height: 100%;
    width: 100%;
}

.poke-row:hover {
	/*cursor: pointer;
	background-color: #fefefe;
	border: 1px solid #f2f2f2;
	margin: 4px;*/
}

.poke-row:hover .poke-details{
	/*-moz-opacity: 0.21;
	-khtml-opacity: 0.21;
	opacity: 0.21;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=21);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=21);*/
	filter:alpha(opacity=21);
}

.poke-row:hover .view-link {
	/*display: block;*/
    
}

.poke-row .status-icon {
	position: absolute;
	width: 20px;
	height: 20px;	
	bottom: -5px;
	left: -10px;
	background-image:url(/img/poke-type-icons.png);
}

.poke-row.incoming .status-icon {
	background-position: 0 0;
	background: none;
}

.poke-row.outgoing .status-icon {
	background-image: url(/img/dailyRide/iconChrono.png);
	background-position: 0 0;
	width: 30px;
	height: 30px;
	top: -10px;
	left: 67px;
	z-index: 1;
}

.poke-row.accepted .status-icon {
	background-position: 0 21px;
}
.poke-row .userPic {
	margin-right: 10px;
}
.poke-row.pending .userPic, .poke-row.pending .status-icon, .poke-row.pending .displayName, .poke-row.pending .name img, .poke-row.pending .info-contact {
	-moz-opacity: 0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	filter:alpha(opacity=40);
}

.poke-row.rejected {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.poke-row.deleted, .poke-row.deleted_notified {
	font-style: italic;	
}

.poke-row.deleted img, .poke-row.deleted .displayName, .poke-row.deleted .status-icon, .poke-row.deleted .info-contact,
.poke-row.deleted_notified img, .poke-row.deleted_notified .displayName, .poke-row.deleted_notified .status-icon, .poke-row.deleted_notified .info-contact {
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.poke-details {
	padding: 0 10px 0px 5px;
}

/*div.poke-row.incoming {
	background-color: #897;
}*/

h2.header{
	float: left;
	clear: both;
	color: #494949;
	font-size: 14px;
	/*background-color: #FAFAFA;*/
	background-image: url('/img/headerTitle.gif');
	background-repeat:no-repeat;
	background-position: left bottom;
	width: 615px;
	padding: 5px; 
	margin: 10px 0;
}

.scorebar-container {
	float: right;
	padding-top: 20px;
}

.scorebar-container .score-bar{
	width: 100px;
	border: 1px solid #999;
	height: 15px;
	position:relative;
	float: left;	
}

.scorebar-container .score-bar-tip{	
	float: left;
	clear: none;
	margin: -3px 0 0 5px;	
}

.scorebar-container .score-bar .scorebar-item {
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
	display: inline;
}

.scorebar-container .score-bar .scorebar-item.value {
	z-index: 2;
	text-align: center;
	width: 100%;
	padding-top: 1px;
	color: #000;
	cursor: default;
}

.scorebar-container .score-bar .scorebar-item.progress {
	z-index: 1;
	background-color: #aaa;
}

.displayName {
	font-size: 18px;
	font-weight: 600;
	color: #444;
}

.rider-type-selector {
 	float: left;
 	display: block;
 	text-align: center;
 	margin: 10px 3px;
}
#rideTypeContainer {
	display: block;
	width: 200px;
	height: 150px;
	margin: 0px auto;
	clear: both;
	float: none;
}
.rider-type-selector.lined {
	border-right: 1px dashed #ccc;
	padding-right: 7px;
}
.rider-type-search { 	
 	display: inline-block; 	
 	margin: 10px 40px;
}

.rider-type-search-container {
	float: none;
    margin: 20px auto;
    text-align: center;
    width: 90%;
}
.rider-type-selector .icon.passenger,
.rider-type-search .icon.passenger {
 	width: 120px;
 	height: 105px; 	
 	display: inline-block;
}
.rider-type-selector .icon.driver,
.rider-type-search .icon.driver {
 	width: 180px;
 	height: 105px; 	
 	display: inline-block;
}
.rider-type-selector .icon.passenger-driver,
.rider-type-search .icon.passenger-driver {
 	width: 250px;
 	height: 105px; 	
 	display: inline-block;
}

.rider-type-search .icon {
	margin-bottom: 10px;
}

.icon.passenger, .icon.driver, .icon.passenger-driver{
	background: url(/img/passenger-driver-icons.png) no-repeat scroll 0 0 transparent;
}

.icon.passenger {
	background-position: -42px -150px;
}

.icon.passenger.selected {
	background-position: -42px -10px;
}

.icon.driver {
	background-position: -260px -150px;
}

.icon.driver.selected {
	background-position: -260px -10px;
}

.icon.passenger-driver {
	background-position: -505px -150px;
}

.icon.passenger-driver.selected {
	background-position: -505px -10px;
}
 
 #tag-contacts, #tag-info {
 	width: 100%;
 	display: block;
 } 
 
 .hidden-contacts-container{
 	display: none; 
 	float: left;
 	clear: both;
 	width: 100%;
 }
 
 .confirmation-box {
 	padding: 20px 0 0 10px;
 	display: none;
 }
 
.poke-nav-container {
 	position: absolute;
    right: -150px;
    top: 100px;
    text-align: center;
}
    
.poke-nav-container li { 
	list-style: none; 
}

.poke-nav-container ul li { 
	width: 50px;
}

.previous-poke, .next-poke {
	position: absolute;
    top: 50px;
    width: 80px;
    height: 80px;
}
.previous-poke {
	background: url('/img/dailyRide/previousButtonSprite.png') top repeat-x;
    left: -135px;
}
.next-poke {
	background: url('/img/dailyRide/nextButtonSprite.png') top repeat-x;
    right: -140px;
}
.next-poke:active {
	background-position: 0px -80px;;
}
.previous-poke:active {
	background-position: 0px -80px;;
}
.enable-ride-container {	
	position: absolute;
	width: 100%;
	height: 200px;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.enable-ride-container button {
	font-size: 3em;
}

.timeline-ride:nth-of-type(2) .timeline-day-container {
	display: none;
}

#deleteMatch, #deletedMatches {
	width: 100%;
	text-align: right;
}
#deleteMatchimg, #deletedMatches img {
	height: 13px;
	margin-right: 5px;
	vertical-align: top;
}
#deleteMatch a, #deletedMatches a {
	color: #333;
	font-size: 0.85em;
	text-decoration: dashed;
}

.poke-actions {
	float: left;
	margin: 5px 0 30px;
}

a.help {
	border: 1px solid #2AA8D4;
	font-size: 1.5em;
	margin-left: 15px;
	padding: 3px 6px;
}

div.help {
	clear: both;
	margin: 10px 0 0 ;
	display: none;
	padding: 5px;
}
div.help img {
	width: 60px;
	float: left;
	padding: 10px 10px 20px 0;
}
.continue-with-search {
	font-weight: bold;
	font-size: 1.1em;
}
.continue-with-search img {
	vertical-align: middle;
	padding-left: 3px;
	width: 20px;
}

.contact-block {
	margin: 10px 0 !important;
	position: relative !important;
	width: 100% !important;
}

.contact-block .info {
	float: left;
	width: 520px;
}

.last-login {
	color: #333;
	padding-left: 5px;
}