/* override V3 styles */
* {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	line-height: normal;
}

.header, .header * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.label {
	display: inline;
	padding: initial;
	font-size: initial;
	font-weight: normal;
	line-height: normal;
	color: inherit;
	text-align: initial;
	white-space: normal;
	vertical-align: baseline;
	border-radius: initial;
}

.fixed-navbar .header {
	top: 0;
}

#pageBannerContainerBackground + #wrapperContainer {
	margin-top: 0 !important;
}

#pageBannerContainerBackground + #wrapperContainer #wrapper {
	top: 0 !important;
}

.header h3 {
	font-weight: 200 !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #9d9fa2;
}

.navbar a {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/* structure */
/* --------- */

#wrapperContainer { width:100%; text-align:center; margin-top: 10px;}

#wrapper {
	width: 920px; 
	padding: 20px 0 33px 0;
	margin:0 auto;/* align for good browsers */
	text-align:left;
}
#wrapper.adminView { padding-right: 150px; }
body{ font-size:14px; font-family: Helvetica, Arial, sans-serif; color: #777; }

/* Common  */
/* ------- */
h1,h2,h3,h4,h5,h6 { font-family: arial, verdana, helvetica, sans-serif; }
h1 { font-size:2.286em; color:#666; margin-top: 0.643em; }
h2 { font-size:2em; color:#666; margin-top: 0.643em; }
h3 { font-size:1.375em; color:#666; margin-top: 0.5em; }
h4,h5,h6 { font-size:1em; line-height:1.357em; margin:0; color:black; }
h1.pageTitle { margin-top:0em; }

h3.outside-form-title-ld { font-size:1.685em; margin-left: 20px; margin-bottom: -10px; margin-top: 30px; }
h3.outside-form-title { font-size: 1.725em; margin: 0 0 20px 0px; }
h3.inside-form-title { font-size:1.685em; margin-left: 20px; margin-bottom: 10px; margin-top: 5px; }

input,
select,
textarea {
	padding:0.19em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	font-size: 1.071em;
	margin-bottom: 3px;
}

p { margin: 5px 0px; }
p, .pointForm { line-height: 1.143em}
p.pageNotes { font-size: 0.857em;  display: block; margin-left: 25px; }
p.pageNotesSmall { font-size: 0.714em; padding: 20px; display: block; clear:both; }

p.biggerText { font-size: 1.1em;  }


a, .link-more, .link-like-button { color: #2aa8d4; text-decoration: none; }
a:hover, .link-like-button:hover { color:#3a9eeb; }
.link-like-button {
	cursor: pointer;
	background: none;
	border: none;
}
.link-more { cursor: pointer; }
a.trackable:visited { color:#FF00FF !important; }

ul.pointForm { list-style:none; margin-left:30px; padding:5px; }
ul.pointForm li {padding:3px; }

ul.pointForm li span.delete-btn {
	display: inline;
    left: -30px;
    margin-right: -24px;
    position: relative;
	background-image: url(/img/iconDelete.gif);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline;
    padding: 10px;
    cursor: pointer;
}

ul.pointForm li span.delete-one-btn {
    margin-right: -20px;
}

ul.pointForm li span.delete-both-btn {
    top: -10px;
}

ul.notice { list-style-image:url(/img/icons/notice.gif); margin-left:30px; padding:5px;}
ul.notice li {padding:3px;  }

ol.decimal{ margin-left:30px;padding:5px;  list-style-type:decimal;}
ol li {padding:8px;}

strong{font-weight:bold;}
em{font-style:italic;}

.line-through p{
	text-decoration:line-through;
}

.odd{background-color: #fff;}
.even{background-color:#ebf9fd /*#EEFAFF;*/}
.cancelled{background-color:#eee /*#EEFAFF;*/}
.red  { color:red !important; }
.blue { color:#26aad3 !important; }
.green { color:#009900 !important; }

.center{ text-align: center; }
.imgCenter { display : block; margin-left: auto; margin-right: auto; }
.floatr { float: right; margin-left:15px;}
.floatl { float: left; }
.hidden { display: none; }

.smaller { font-size: 0.85em; }
.leftMargin { margin-left: 20px; }
.icon20 { height: 20px; width: 20px; vertical-align: middle; }
.icon25 { height: 25px; width: 25px; vertical-align: middle; }
.noBorder { border: none; }
.caps { text-transform: capitalize; }
.linkAfterButton { margin-left: 10px; }

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

.float-l {
	float: left;
}

.float-r {
	float: right;
}

.clear-l {
	clear: left;
}

.clear-r {
	clear: right;
}

.clear-b {
	clear: both;
}

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

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

.full-width {
	width: 100%;
}

.width-auto {
	width: auto !important;
}

.circle-bullet {    
    border: 1px solid #AAAAAA;
    border-radius: 50%;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    width: 20px;
    line-height: 22px;
    text-align: center;   
    margin: 0 5px 5px 0; 
    float: left;
    clear: left;
}

.indented-list-item {
	clear: right;
    float: left;    
    padding-top: 3px;
    width: 400px;
}
.indented-list-item.large {
	width: 700px;
	padding-bottom: 10px;
}

/* Header */
/* ------ */
#header { width:920px; margin:0px auto 0 auto; padding: 5px 0 0 0; overflow:hidden; min-height: 105px; clear: both;}
/* #header.adminView { margin-left: 15px; } */
#header .headerLogo{ width: 403px; height: 95px; position:absolute; }

#sessionHeader { float: right; }
#sessionHeader #phone { margin-top:5px; font-size: 13px; text-align: right;  min-width: 250px; color:#cccccc; }
#sessionHeader #phone a { color:#777777;   }
#sessionHeader #phone a:hover { border-bottom: 1px silver dotted; }
.grayPhoneIcon {
	background-image: url(/img/css3/grayPhoneIcon.png);
	background-repeat: no-repeat;
	display: inline;
	padding: 0 6px;
}

#topLinks { margin-top:5px; margin-bottom:10px;  text-align: right; font-size: 0.9em; min-width: 250px; color: silver; background-color: white; text-transform:lowercase; }
#topLinks .name { text-transform: none; color: #444; }
#topLinks a,
#topLinks a:visited { color:#2aa8d4; text-decoration: none; }
#topLinks a:hover{ color:#3a9eeb; }

#sessionHeader #connexion { float: right; margin-top: 0px; }
#sessionHeader #logout { float: right; margin-top: 20px; }
#sessionHeader .important a{ color:#999999; }

.userPic img,
.carPic img { padding:5px;border:1px solid #dcdcdc; background-color:#FFFFFF;}

#sessionHeader #userThumbnail { float: right; margin-top: 7px; padding-left: 7px; }
#sessionHeader #userInfo { float: right; text-align: right; font-size: .9em; margin-top: 0px; }
#sessionHeader #userInfo a:hover { text-decoration: underline; }
#sessionHeader #userInfo img { vertical-align:middle;  }

#modeSessionHeader { display: block; font-family: Verdana, Arial, "Lucida Grande"; font-size: 0.9em; text-align: left; color: #666666; padding: 3px 50px 3px 0px; line-height: 1em; background-color: orange;
	padding: 10px; }

/* Main Nav */
/* -------- */

/* Canada Launch promo*/
#header { position: relative; } /* to allow absolute positioning */
#canadaLaunchPromo {
	width:250px;
	position:absolute;
	left:450px;
	top:25px;
	z-index : 1000;
	background:#fafafa;
	border: 1px solid #cccccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
	background-image:url('/img/kangaLaunchImg/canadaLaunchIcon.png');
	background-repeat:no-repeat;
	background-position:left center;
	vertical-align: middle;
}
#canadaLaunchPromo p {
	font-size:0.9em;
	padding-left:70px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#canadaLaunchPromoSubscription {
	background-image:url('/img/kangaLaunchImg/canadaLaunchIcon.png');
	background-repeat:no-repeat;
	background-position:left center;
	vertical-align: middle;
	margin-top:20px;
	padding-left:80px;
}
/*  ----------------- */



#mainNavigation {
	margin-top: -8px;
	background: #FFF url('/img/css3/navigationYellow.png') bottom left repeat-x;
	border-bottom: 1px solid #1fb6f1;
	min-height:40px;
	line-height:1.357em;
} * html #mainNavigation{ height:40px; }

#mainNavigation ul,
#subNavigation ul { width:920px; margin:0 auto; padding-left: 30px; overflow:hidden; }

/* #mainNavigation.adminView ul,
#subNavigation.adminView ul { margin-left: 15px; } */

#mainNavigation li{
	float:left; margin-left:10px; margin-top: 8px; font-size:1.143em;  min-height:25px; display:inline;
}* html #mainNavigation li{ height:25px; }

#mainNavigation li a {
	text-decoration:none; color:#636363; display:block; padding:8px 10px 4px 8px; min-height:20px;
}

#mainNavigation li.active,
#mainNavigation li.active a { color:white; }

#mainNavigation li.active { padding: 0px 5px; background-color: #aae5fb; /* adds the light blue bars around*/ }

#mainNavigation li.active a,
#mainNavigation li a:hover { background: url(/img/css3/navigationBlue.gif) bottom left repeat-x; color:white; }

/* Home button */
#mainNavigation li.home {
	height: 40px;
	margin-top: -27px;
	padding-bottom: 27px;
	margin-right: 15px;
}
#mainNavigation li.home a {
	background: url(/img/css3/homeButton.png) no-repeat left -5px;
	margin-top: 17px;
	padding: 25px 0px 15px 3px;
}
#mainNavigation li.home a span {
	background: url(/img/css3/homeButton.png) no-repeat right;
	padding: 42px 12px 15px 10px;
}
#mainNavigation li.home.active { background: none;  }

#mainNavigation li.home.active a,
#mainNavigation li.home a:hover {
	background: url(/img/css3/homeButtonHover.png) no-repeat left -5px;
}
#mainNavigation li.home.active a span,
#mainNavigation li.home a:hover span {
	background: url(/img/css3/homeButtonHover.png) no-repeat right;
}

/* My Account button */
#mainNavigation li.myAccount {
	height: 40px;
	margin-top: -27px;
	padding-bottom: 27px;
	margin-right: 45px;
	float: right;
}
#mainNavigation li.myAccount a {
	background: url(/img/css3/homeButton.png) no-repeat left -5px;
	margin-top: 17px;
	padding: 25px 0px 15px 3px;
}
#mainNavigation li.myAccount a span {
	background: url(/img/css3/homeButton.png) no-repeat right;
	padding: 42px 12px 15px 10px;
}
#mainNavigation li.myAccount.active { background: none;  }

#mainNavigation li.myAccount.active a,
#mainNavigation li.myAccount a:hover {
	background: url(/img/css3/homeButtonHover.png) no-repeat left -5px;
}
#mainNavigation li.myAccount.active a span,
#mainNavigation li.myAccount a:hover span {
	background: url(/img/css3/homeButtonHover.png) no-repeat right;
}

/* cart button */
#mainNavigation li.cart {
	height: 40px;
	margin-top: -27px; margin-left: 35px;
	padding-bottom: 27px;
	float: left;
}
#mainNavigation li.cart a {
	background: url(/img/css3/homeButtonOrange.png) no-repeat left -5px;
	margin-top: 17px;
	padding: 25px 0px 15px 3px;
}
#mainNavigation li.cart a span {
	background: url(/img/css3/homeButtonOrange.png) no-repeat right;
	padding: 42px 12px 15px 10px;
}
#mainNavigation li.cart.active { background: none;  }

#mainNavigation li.cart.active a,
#mainNavigation li.cart a:hover {
	background: url(/img/css3/homeButtonHover.png) no-repeat left -5px;
}
#mainNavigation li.cart.active a span,
#mainNavigation li.cart a:hover span {
	background: url(/img/css3/homeButtonHover.png) no-repeat right;
}

.header-nav-container {
	background-color: #111;
	clear: both;
    display: block;
    float: left;
    width: 100%;
    padding-top: 2px;
    margin-bottom: 9px;
}
.header-nav-container-admin {
	margin-top: 50px;
}
.header-nav {
	margin: 0 auto;
	width: 960px;	
	padding: 0;
}

.header-nav a, .header-nav span.current-service {
	float: left;
	font-weight: bold;
	line-height: 29px;
}

.header-nav .float-r {
	margin-right: 20px;
}

.header-nav .float-l {
	margin-left: 0px;
}

.header-nav span.current-service, .header-nav .float-l a {	
	padding: 0 20px;
}

.header-nav span.current-service {
	color: #fff;
}

.header-nav span.current-service.grey {
	background-image: url(/img/dailyRide/solide7.png);
    background-repeat: repeat-x repeat-y;
}

.header-nav .tabbed {
	-moz-border-radius-topleft: 15px 15px;
	border-top-left-radius: 15px 15px;
	-moz-border-radius-topright: 15px 15px;
	border-top-right-radius: 15px 15px;
	background-color: #fff;
	color: #000 !important;
    font-weight: normal !important;
}

.header-nav div.container, .header-nav div.tabbed {
	float: left;
}

.header-nav div.tabbed a.mini-thumb{
	margin-left: 20px;
}

.header-nav div.tabbed a.settings{
	margin-right: 20px;
	font-weight: normal;
	color: #444;
}

.header-nav .float-l a  {
	color: #888;	
}

.header-nav .float-r a {	
	margin-left: 35px;
}

.header-nav .float-r a.settings {	
	margin-left: 10px;
	color: #888;
}

.header-nav .float-r .settings.active {
	color: #fff !important;
}

.header-nav .userPic {
	height: 26px;	
}

.header-nav .userPic img{
	padding: 0 !important;
}

.cartSign {
	height: 25px;
	width: 25px;
	float: left;
	position: absolute;
	margin-top: -20px;
	margin-left: 15px;
	display: inline;
}

.removeBtn {
	background-image: url(/img/iconDelete.gif);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    padding: 10px;
}

.removeBtn:hover {
	background-image: url(/img/iconDelete.gif);
	background-color: #fee;
}
/* Sub Nav */
#subNavigation { background-color: #1fb6f1; }
#subNavigation ul { font-size:.929em; }
#subNavigation.home ul { padding-left: 0px; /* when home shift sub menu left a few pixel*/ }
#subNavigation li {
	float:left;
	margin:0 -25px 0 25px;
	padding:7px 15px 5px 15px;
	display:inline;
	white-space:nowrap;
}
#subNavigation li a{ color:#FFFFFF; font-weight:normal; }
#subNavigation li a:hover{ color:#FFFFFF; text-decoration:underline; }
#subNavigation li.active { background: url(/img/css3/arrowOrange.png) no-repeat left 8px; }
#subNavigation li.active a{ color:#FFFFFF; text-decoration:underline; font-weight:bold; }

/* Login box */
/* ********* */
#loginBox { margin: 100px auto; text-align: center; }
#loginBox form {margin-top: 30px; }
#loginBox input.text {
	padding:0.19em;
	border:1px solid #ddd;
	background:#fafafa;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	font-size: 1.071em;
	margin-bottom: 3px;
}
/* Form Local */
/* ********** */
#formBodyLocal #cornerTab {
	position: relative;
	display: block;
	font-size: 1.143em;
	min-height: 22px;
	min-width: 40px;
	padding: 8px 25px 4px 25px;
	border: 1px solid #cdcdcd;
	border-bottom: none;
	color: #333;
	background-color: #FFF;
	float: right;
	margin-top: -65px;
	margin-right: -51px;
}
#formBodyLocal #cornerTab img {	height: 19px; vertical-align: -15%; }
#formBodyLocal #cornerTab span { padding-top: 20px; }

#formBodyLocal h1 { margin-top: 0.15em; margin-bottom: 0.25em; }
#formBodyLocal {
	float: left;
	clear: both ; 
	width: 600px;
	padding: 30px 50px 30px 50px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
}
#formBodyLocal .inside-form-title {
	margin-bottom: 20px;
}
#formBodyLocal .formRow.lock-icon {
	background: url(/img/lockIcon.png) no-repeat 8px 4px scroll transparent;
}
#formBodyLocal .formRow.email-icon {
	background: url(/img/emailIcon2.png) no-repeat 8px 4px scroll transparent;
}
#formBodyLocal.smallerForm {
	width: 300px;
}
#formBodyLocal div.formRow {
	margin-top: 0.7145em;
}
#formBodyLocal.subscription div.formRow {
	margin-top: 0.7145em;
	padding-left: 40px;
}
#formBodyLocal div.formRow:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
#formBodyLocal .underlined { border-bottom: 1px silver dotted; }
#formBodyLocal p.formLabel,
#formBodyLocal span.formLabel { font-weight: bold; }
#formBodyLocal span.formNotes,
#formBodyLocal p.formNotes { font-size: 0.857em; display: block; padding: 0;}
#formBodyLocal span.formNotesSmall,
#formBodyLocal p.formNotesSmall { font-size: 0.786em; display: block; padding: 0;}
#formBodyLocal .formTopNotes { font-size: 0.929em; display: block; top: 5px; float: right; position: relative; font-weight: bold; }
#formBodyLocal .formBottomNotes { font-size: 0.929em; margin-top: 10px;  display: block; }

#formBodyLocal div.formFields { width: 300px; float: left; }
#formBodyLocal div.smallFields { width: 150px; }
#formBodyLocal div.largeFields { width: 100%; }
#formBodyLocal div.horiz * { float: left; white-space: nowrap; display: inline; }

/* error */
#formBodyLocal div.formFields.formError input,
#formBodyLocal div.formFields.formError select,
#formBodyLocal div.formFields.formError textarea {
	background-color: #FFDADA;
}

div.formFields.formError input,
div.formFields.formError select,
div.formFields.formError textarea {
	background-color: #FFDADA;
}
div.formFields.formError p {
	color: #F00;
}

#formBodyLocal div.formFields.formError p {
	color: #F00;
}
.formWarning {
	color: red;
}
/* buttons */
#formBodyLocal .bottomButton { margin: 0 auto; display: block; }
#formBodyLocal .plusButton { display: block; clear: both; }

/* styles */
#formBodyLocal.profile {
	padding: 30px 29px;
	margin-top: 20px;
	width: 600px;
}
#formBodyLocal.localProfile {
	margin-top: 50px;
}
/* profile on form */
#formBodyLocal #formProfile {
	text-align: center;
	line-height: 1.4em;
}
#formBodyLocal #formProfile .text {
	white-space: nowrap;
}
#formBodyLocal #formProfile .text.stars {
	display: inline-block;
}
#formBodyLocal #formProfile .text.stars img {
	vertical-align: top !important;
	margin-top: 2px;
}
#formBodyLocal #formProfile .security-check-local {
	padding: 2px 0px 1px 14px;
	background: url(/img/dailyRide/checkmarkBlue.png) no-repeat scroll left top transparent;
	line-height: 18px;
}
#formBodyLocal #formProfile .spacer {
	clear: both;
	display: block;
	width: 1px; height: 10px;
}
/* Form  */
/* ***** */
#formBody2 h1 { margin-top: 0.25em; margin-bottom: 0.75em; }

#formBody2 {
	clear: both ; 
	width: 600px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
	padding: 10px 25px 20px 25px;
	background: url(/img/css/formGrayFade.gif) top repeat-x #f2f2f2;
	border: 1px solid #cccccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
}
#formBodyCollegeList {
	clear: both ; 
	width: 600px;
	margin-top: -60px;
	margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
	padding: 10px 25px 20px 25px;
}
#formBody2.smallerForm {
	width: 300px;
}


#formBody2 div.formRow { margin-top: 0.7145em; }
#formBody2 div.formRow:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}

#formBody2.plain {
	background: none !important;
}

#formBody2.attached {
	padding-bottom: 50px;
}

#formBody2.attached div.formRow.attached {
	margin: 30px -25px -50px -25px;
	padding: 15px 0;
	background-color: rgba(242, 242, 242, 1.00);
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}

#formBody2 .underlined { border-bottom: 1px silver dotted; }

#formBody2 p.formLabel,
#formBody2 span.formLabel { font-weight: bold; }
#formBody2 span.formNotes,
#formBody2 p.formNotes { font-size: 0.857em; display: block; padding: 0;}
#formBody2 span.formNotesSmall,
#formBody2 p.formNotesSmall { font-size: 0.786em; display: block; padding: 0;}
#formBody2 .formTopNotes { font-size: 0.929em; display: block; top: 5px; float: right; position: relative; font-weight: bold; }
#formBody2 .formBottomNotes { font-size: 0.929em; margin-top: 10px;  display: block; }

#formBody2 div.formFields { width: 300px; float: left; }
#formBody2 div.smallFields { width: 150px; }
#formBody2 div.largeFields { width: 100%; }
#formBody2 div.horiz * { float: left; white-space: nowrap; display: inline; }

#formFields input .mandatory:after { content: "*"; }

/* error */
#formBody2 div.formFields.formError input,
#formBody2 div.formFields.formError select,
#formBody2 div.formFields.formError textarea {
	background-color: #FFDADA;
}
#formBody2 div.formFields.formError p {
	color: #F00;
}
.fieldError { 
	background-color: #FFDADA;
	color: #F00;
}
p.fieldError { background-color: inherit; }
.formRedAlert { color: #FF0000; }

/* buttons */
#formBody2 .bottomButton { margin: 0 auto; display: block; }
#formBodyCollegeList .bottomButton { margin-top: 20px; display: block; }
#formBody2 .plusButton { display: block; clear: both; }

/* Butterfly headers and styles */
#formBody2 h1 span.butterflies {
	background: url(/img/css3/formH1Butterflies.png) top right no-repeat;
	padding: 0px 90px 10px 0px;
}
#formBody2 div.formTitleStyle {
	float: right;
	margin-right: -40px;
}
#formBody2 div.formTitleStyle.butterfly {
	height: 75px;
	width: 90px;
	background: url(/img/css3/formH1Butterfly.png) top right no-repeat;
}
/* Top form logos */
#formBody2 .topLogo {
	float: right;
    width: 100px;
}
#formBody3 .topLogo {
	float: right;
    width: 100px;
    margin-right: 20px;
}
/* New formbody */
#formBody3 {
	padding: 20px 0 20px 40px;
	border: 1px solid #CCC;
	margin: 30px 0 20px 0;
	background-color: #f5f5f5;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(/img/css/formGrayFade.gif) top repeat-x #f2f2f2;
}

#formBody3 input, #formBody3 select, #formBody3 textarea {
	background-color: #fff;
	margin: 5px 0;
}

#formBody3 .formRow {
	padding-left: 40px;	
}

#formBody3 .formRow.lock-icon {
	background: url(/img/lockIcon.png) no-repeat 8px 4px scroll transparent;
}

#formBody3 .formRow.email-icon {
	background: url(/img/emailIcon2.png) no-repeat 8px 4px scroll transparent;
}

#formBody3 .fbinvite-widget {
	left: -180px;
	position: relative;
	top: 10px;
	float: right;
}
#formBody3 .fbinvite-widget.withTabs {
	top: 10px;
}
/* hidden tips */
.formHiddenTips { clear: both; }
.formHiddenTips *{
	display: none;
	padding: 3px 18px;
	background-position: left center;
	background-repeat: no-repeat;
	clear: both;
}
.formHiddenTips .error { background-image: url(/img/css3/error.png) !important; color: #CC3333 !important; }
.formHiddenTips .success { background-image: url(/img/css3/success.png) !important; color: #339900 !important; }
.formHiddenTips .checking { background-image: url(/img/css3/spinner-small.gif) !important; color: #333 !important; }

/* car color chooser */
div.colorListContainer {
	clear: both;
	display: none;
	margin-top: 50px;
	border-left: 1px dotted #CCC;
	width: 200px;
}
div.colorChooserContainer {
	clear: both;
	display: block;
	margin-top: 7px;
	padding: 10px;
	width: 200px;
}
div.colorChooserContainer.active {
	background-color: #FFF;
	border: 1px dotted #CCC;
}
div.colorChooserContainer div.colorChooser {
	float: left;
	margin-top: 0px;
	margin-right: 5px;
}
div.colorChooserContainer input {
	float: left;
}
div.colorChooserContainer .carColorChooserText {
	margin-top: 7px;
	margin-left: 8px;
	display: block;
}
div.colorChooser {
	height: 25px;
	width: 25px;
	float: left;
	margin-left: 10px;
	margin-top: 12px;
	display: block;
	border: 1px solid #CCC;
}

.carColorBlack { background-color: #000 ; }

.carColorGreyMetallic { background-color: #DADADA; }
.carColorGrey { background-color: #999; }
.carColorGreyCharcoal { background-color: #555; }

.carColorChampagne { background-color: #f7f1de; }
.carColorBeige { background-color: #ded3b0; }
.carColorTaupe { background-color: #796f51; }

.carColorWhite { background-color: #fff; }
.carColorPearl { background-color: #fdfcf7; }

.carColorPink { background-color: #e63962; }
.carColorRed { background-color: #dc291e; }
.carColorBurgundy { background-color: #7e132c; }

.carColorOrange { background-color: #ff9900; }
.carColorOrangeBurnt { background-color: #cb6c18; }
.carColorBronze { background-color: #ba7735; }

.carColorYellow { background-color: #ffde00; }
.carColorGold { background-color: #ecb818; }

.carColorGreenLight { background-color: #85b685; }
.carColorGreen { background-color: #587058; }
.carColorForest { background-color: #344034; }
.carColorGreenGrey { background-color: #a5b5a5; }

.carColorTurquoise { background-color: #66ffcc; }

.carColorBluePale { background-color: #bbe5fb; }
.carColorBlue { background-color: #336699; }
.carColorBlueRallye { background-color: #0060e9; }
.carColorBlueIndigo { background-color: #132292; }
.carColorBlueGrey { background-color: #b0c8e1; }

.carColorViolet { background-color: #6f0564; }
.carColorVioletFlash { background-color: #ef25da; }

.carColorDoNotKnow { /* background-image: url(/img/css3/carColorQuestion.png) !important;*/  }
.carColorDoNotKnow { /* background-image: url(/img/css3/carColorQuestion.png) !important;*/  }

.carColorNone { background-image: url(/img/css3/carColorQuestion.png) !important; }
.carColorDoNotKnow { background-image: url(/img/css3/carColorQuestion.png) !important; }
.carColorNotInList { background-image: url(/img/css3/carColorQuestion.png) !important; }

/* subscription */
#formBody2 #subPersonalInfoBox {
	width: 500px; margin: 0 auto 10px auto;
	border: 1px silver solid;
	background-color: #FFFFFF;
	padding: 10px 25px 10px 25px;
	text-align:left;
	font-size: 1em;
}

.formBodyStylized {
	width: 400px !important;
}

.formBodyStylized.wide {
	width: 600px !important;
}

.formBodyStylized input[type="text"], .formBodyStylized input[type="password"], .formBodyStylized textarea {
	position: relative !important;
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	z-index: 2  !important;
	background-color: rgba(255,255,255, 1) !important;
	margin: auto;
	/*display: block !important;*/
	width: 95%;
	padding: 10px 0.39em !important;
	margin: 1px auto;
}

.formBodyStylized input[type="text"].halfleft, 
.formBodyStylized input[type="password"].halfleft, 
.formBodyStylized textarea.halfleft {
	width: 45% !important;
	float: left !important;
	clear: left  !important;
	padding: 5px 0.39em !important;
}

.formBodyStylized input[type="text"].halfright, 
.formBodyStylized input[type="password"].halfright, 
.formBodyStylized textarea.halfright {
	width: 45% !important;
	float: right !important;
	clear: right  !important;
	padding: 5px 0.39em !important;
}

.formBodyStylized input[type="text"].third, 
.formBodyStylized input[type="password"].third, 
.formBodyStylized textarea.third, 
.formBodyStylized span.third {
	width: 24% !important;
	float: left !important;
	padding: 5px 0.39em !important;
	margin: 2px;
	display: block !important;
}

.formBodyStylized span.third.last {
	width: 14% !important;
	margin-left: 7px;	
}

.form-lotto .formBodyStylized input[type="text"].third, 
.form-lotto .formBodyStylized input[type="password"].third, 
.form-lotto .formBodyStylized textarea.third, 
.form-lotto .formBodyStylized span.third {
	width: 145px !important;
}

.form-lotto .formBodyStylized span.third.last  {
	width: 100px !important;	
}

.formBodyStylized select.language {
	height: 33px;	
}

.formBodyStylized label.tip{
	font-size: 0.8em;
	font-style: italic;
	color: #333;
	line-height: 40px; 
	position: absolute; 
	right: 100px;  
	top: 15px;
    -moz-transition: 0.3s right ease;
    -ms-transition: 0.3s right ease;
    -o-transition: 0.3s right ease;
    -webkit-transition: 0.3s right ease;
    transition: 0.3s right ease;
 	z-index: 0;
}

.formBodyStylized input:focus + label.tip, .formBodyStylized textarea:focus + label.tip{right: 10px;}
.formBodyStylized input[type="text"]:focus, .formBodyStylized input[type="password"]:focus, .formBodyStylized textarea:focus {background-color: rgba(255,255,255,0.7) !important;}

.formBodyStylized div.formFields, .formBodyStylized #recaptcha_container {
	margin: auto !important;
	float: none !important;
	position: relative;
	width: 100% !important;
}
.formBodyStylized input{
	font-size: 1.2em;
	line-height: 12px;
}
.formBodyStylized #recaptcha_image, .formBodyStylized #recaptcha_response_field {
	margin: 1px !important;
}
.formBodyStylized #recaptcha_image {
	width: 46% !important;
	float: left;
}
.formBodyStylized #recaptcha_image img {
	border: 1px solid #ddd;
	width: 100%;
	height: 40px;
	float: none;
	margin: auto;
}
.formBodyStylized #recaptcha_response_field {
	width: 46%;
	float: right;
}

/* error */
div.formRow div.warningBullet {
	background-image: url(/img/css3/knobWarning.png); height: 33px; width: 30px;
	float: left;
	margin-left: -42px;
	margin-top: 7px; 
}
.formBodyStylized div.formFields .formError input, .formBodyStylized div.formFields.formError input,
.formBodyStylized div.formFields .formError select, .formBodyStylized div.formFields.formError select, 
.formBodyStylized div.formFields .formError textarea, .formBodyStylized div.formFields.formError textarea,
#formBody3 div.formFields .formError input, #formBody3 div.formFields.formError input,
#formBody3 div.formFields .formError select, #formBody3 div.formFields.formError select, 
#formBody3 div.formFields .formError textarea, #formBody3 div.formFields.formError textarea{
	background-color: #FFDADA !important;
}
.formBodyStylized div.formFields.formError p {
	color: #F00;
}

#password-strength-meter {
	/*float:left;*/
	margin-top: 3px;
	display: block;
    /*height: 10px;*/
}

.strength0 {
		height: 10px;
        width:25px;
        background:red;
}

.strength1 {
		height: 10px;
        width:50px;
        background:#ff0000;
}

.strength2 {
		height: 10px;
        width:100px;    
        background:#ff8c00;
}

.strength3 {
		height: 10px;
        width:150px;
        background:#ffd700;
}

.strength4 {
		height: 10px;
        background:#4dcd00;
        width:200px;
}

.strength5 {
		height: 10px;
        background:#399800;
        width:250px;
}


/* car pic */
.carPic .carTitle { display: block; text-align: center;}

/* rCreditLog table     */
/* -------------------- */
table.rCreditLogTable td { 
	font-size:13px;
	padding:12px;
	vertical-align: top;
	text-align: left;
}
table.rCreditLogTable tr td {
	font-size:13px;
}
table.rCreditLogTable tr td{
	border-bottom:1px solid #cccccc;
}
table.rCreditLogTable tr td.date {
	border-right:1px dotted #cccccc;
}
	
.rCreditLogTable tr th  { 
	font-size:9px;
	padding:0px;
	margin:0px;
}
.rCreditLogTable .id { color:#CCCCCC; }


table.rCreditLogTable tr td.date {
	font-size:12px;
	border-right:1px dotted #cccccc;
}
table.rCreditLogTable tr td.operation {
	text-align:right;
}
.debit { font-size:15px; font-weight:bold; color:red; }
.credit { font-size:15px;font-weight:bold;  }

/* form cards */
#formBody2.cardsForm div.smallFields { width: 180px; }
#formBody2.cardsForm div.largeFields { width: 420px; }

img.cards { width: 150px; height:94px; border: none; }
img.verticalCards { width: 95px; height:150px; border: none; }
img.center { display: block; margin-left: auto; margin-right: auto; }

.cardsForm h4 {
	margin-bottom: 0em;
	color: #555;
	font-size: 1.214em;
}
.cardsForm .warningNotes, .cardsForm .formNotes{
	margin: 5px 0;
	float: left;
	clear: both;
}
.cardsForm .warningNotes {
	font-style: italic;
}
.cardsForm .formRow {
	margin: 10px 0;
	padding: 10px 0;
}
.cardsForm .formRow #formLabel, .cardsForm .formRow #formFields  {
	float: left;
	display: block;
}
.cardsForm .formRow #formLabel {
	width: 200px;
}
.cardsForm .formRow .txtButtonClear{
	margin: 15px 0;
	float: left;
	clear: both;
}
.cardsForm .formRow #formFields  {
	width: 400px;
}

div.salesPoint { float: right; font-size: 1.3em; margin: 15px 0; }

/* Msg Box    */
/* ========== */
/* user */
#msgBox, #msgBoxValidator {
	width: 90%;
	text-align:left; 
	margin: 10px auto 0px auto;
	overflow:auto;
	font-size:0.929em;
}
#msgBox h3, #msgBoxValidator h3 { padding-top: 0; margin-top: 0; }
#msgBox p, #msgBoxValidator p { padding-left: 1em; }

#msgBoxValidator label {float: left; clear: both;}

#msgBox .info, #msgBox .success, #msgBox .warning, #msgBox .error, #msgBox .validation,
#msgBoxValidator .info, #msgBoxValidator .success, #msgBoxValidator .warning, #msgBoxValidator .error, #msgBoxValidator .validation{
	border: 1px solid;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#msgBox .info, #msgBoxValidator .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url(/img/css3/knobInfo.png);
}
#msgBox .success, #msgBoxValidator .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url(/img/css3/knobSuccess.png);
}
#msgBox .warning, #msgBoxValidator .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url(/img/css3/knobWarning.png);
}
#msgBox .error, #msgBoxValidator .error {
  color: #D8333F;
  background-color: #FFEEEE;
  background-image: url(/img/css3/knobError.png);
}

.msgBox-error-date {
	background-color:#E4B0B0;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	margin-left:0.75rem;
}

/* Local MSG BOX */
.msg-box-container {
	margin-bottom: 10px;
}
.no-background-img {
	background-image: none;
}
.msg-box-inner {
	position: absolute;
	width: 100%; 
	left: 0px;
	background-color: white;
}
.msg-box-inner.warning { background-color: #FEFBD7; }
.msg-box-inner.error { background-color: #FFd7D2; }

.msg-box-content {	
	float: none; 
	margin: auto; 
	width: 850px; 
	padding: 10px 28px 10px 30px;
	overflow: auto;
	background: url('/img//communityBubbleInactive.png') left no-repeat;
}
.msg-box-content.no-background-img {
	background: none;
}
.msg-box-content .poke-row {
	margin: 5px 5px 5px;
	width: 36%;
	border-right: 1px solid #333;
}
/* end local msg box */
/* admin */
#adminMsgBox {
	width: 90%;
	text-align:left; 
	margin: 10px auto 0px auto;
	overflow:auto;
}
#adminMsgBox h3 { padding-top: 0; margin-top: 0; }
#adminMsgBox p { font-size:0.929em; padding-left: 1em; }

#adminMsgBox .info, #adminMsgBox .success, #adminMsgBox .warning, #adminMsgBox .error, #adminMsgBox .validation {
	border: 1px solid;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#adminMsgBox .info {
	color: #00529B;
	background-color: #BDE5F8;
}
#adminMsgBox .success {
	color: #4F8A10;
	background-color: #DFF2BF;
}
#adminMsgBox .warning {
	color: #9F6000;
	background-color: #FEEFB3;
}
#adminMsgBox .error {
	color: #D8333F;
	background-color: #FFEEEE;
}
/* info boxes */
#info-box {
	background-color: #BDE5F8;
	border-radius: 17px 17px 17px 17px;
	display: block;
	margin-top: 20px;
	padding: 7px 20px;
	width: 819px;
}
#info-box .title {
	font-size: 1.15em;
	font-weight: bold;
}
#info-box p {
	font-size : 0.9em;
}

/* rideInfo */
/* closed and open rideStops */
.closedRideStops {
   background: url(/img/rideIcons/iconLockClosedSmall.png) no-repeat left center;
   padding-top:10px;
   padding-left:40px;
}

.openRideStops {
   background: url(/img/rideIcons/iconLockOpenSmall.png) no-repeat left center;
   padding-top:10px;
   padding-left:40px;
}




/* kangaroo */
/* baby kangaroo */
.babyKangaroo {
   position:absolute;
   background-image: url(/img/kangarooBaby.png);
   background-repeat: no-repeat;
   width:300px;
   height:237px;
   margin-top :-70px;
   margin-left :-70px;
}
#babyKangarooContainer{
   height:237px;
}
#babyKangarooText h2{
	color:#555;
}
#babyKangarooText{
	margin-left:180px;	
	color:#333;
}

/* ===================================== */
/*             Tools	                 */
/* ===================================== */

/* ---------- Clear button small (Image) ---------------- */
span.txtButtonClear { margin-left: 5px; display:block; max-width: 200px; }
span.txtButtonClear a span {
	background:url(/img/css3/buttonParts.png) left top no-repeat;
	padding: 5px 0px 7px 9px;
}
.txtButtonClear a {
	background:url(/img/css3/buttonParts.png) right top no-repeat;
	padding: 5px 7px 7px 0px; 
	font-size: 13px;
	color: #636363;
	white-space: nowrap;
}
/* This is to counter-act safari's strange behavior: if the button is an a floated div, or floated itself,
	it will be cut in 2 and displayed in 2 lines. Use this class in the intter <a> anchor for floated buttons (only)
	If the button is not floated, it will stretch to fill the whole page */
.txtButtonClear a.withIcon {
	display: block;
}
span.txtButtonClear a:hover span {
	background:url(/img/css3/buttonParts.png) left -27px no-repeat;
}
.txtButtonClear a:hover{
	background:url(/img/css3/buttonParts.png) right -27px no-repeat;
}
/* icons */
.txtButtonClear img { width: 15px; width: 15px; vertical-align:middle; margin-top: -2px; margin-right: 3px; }

/* ---------- Clear button big (Image) ---------------- */
span.txtButtonClearBig { margin-left: 5px; display:block; max-width: 200px; }
.txtButtonClearBig a {
	background:url(/img/css3/buttonPartsBig.png) right top no-repeat;
	padding: 10px 7px 11px 0px; 
	font-size: 13px;
	color: 636363;
}
span.txtButtonClearBig a span {
	background:url(/img/css3/buttonPartsBig.png) left top no-repeat;
	padding: 10px 0px 11px 9px;
	margin-top: -10px;
}
/* This is to counter-act safari's strange behavior: if the button is an a floated div, or floated itself,
	it will be cut in 2 and displayed in 2 lines. Use this class in the intter <a> anchor for floated buttons (only)
	If the button is not floated, it will stretch to fill the whole page */
.txtButtonClearBig a.withIcon {
	display: block;
}
span.txtButtonClearBig a:hover span {
	background:url(/img/css3/buttonPartsBig.png) left -40px no-repeat;
}
.txtButtonClearBig a:hover{
	background:url(/img/css3/buttonPartsBig.png) right -40px no-repeat;
}
/* icons */
.txtButtonClearBig img { width: 15px; width: 15px; vertical-align:middle; margin-top: -2px; margin-right: 3px; }

/* --------- Txt buttons --------------------------- */
.txtButton a {
	display:inline-block;
	padding: 5px 6px 5px 8px;
	margin-left: 10px ;
	border: solid 1px #CCCCCC;
	background: #fff;
	text-decoration: none;
	font-size: 11px;
	-moz-border-radius: 5px;
}
.txtButton a:hover {
	color: #fff;
	background: #88caf3;
	border: solid 1px #CCCCCC;
	text-decoration: none;
}
.txtButton img { padding-left:15px; } /* //TODO where is this used? */

.redTxtButton a {
	color:#FF0000; 
	display:inline-block;
	padding: 5px 6px 5px 8px;
	margin-left: 10px ;
	border: solid 1px #ffa8a8;
	background: #fff;
	text-decoration: none;
	font-size: 11px;
	-moz-border-radius: 5px;	
}
.redTxtButton a:hover {
	color: #fff; background: #FF0000; border: solid 1px #ffa8a8; text-decoration: none; }
/* icons */
.txtButton img { width: 15px; width: 15px; vertical-align:middle; margin-top: -2px; margin-right: 3px; }

/* --------- Txt buttons big ------------------------ */
.txtButtonBig a {
	font-size: 14px;
	margin-bottom: 10px;
	text-decoration: none;
	display: inline-block;
	padding: 20px 25px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	border: solid 1px #CCCCCC; background: #fff;
}
.txtButtonBig a:hover {
	color: #fff; background: #88caf3; border: solid 1px #000000;; text-decoration: none; }
.txtButtonBig img { padding-left:15px; } /* //TODO where is this used? */



/* User stats */
.starLabel {
	width: 70px;
	
	display: inline-block;
	padding: 4px 5px 0px 0;
	font-size: 0.929em; text-align: right;
	vertical-align: bottom;
	margin-bottom: -1px;
}
.statsLabel {
	display: inline-block;
	padding: 4px 5px 0px 0;
	font-size: 0.929em;
	vertical-align: bottom;
	margin-bottom: -1px;
}
.nbReviews { font-size: 0.786em; }

/* footer */
/* ====== */
#footerWrapper{
	width:100%;
	background-image: url(/img/footerSlopesFlowers.png);  background-repeat:repeat-x; 
	background-color:#31c6ee;
	clear:both;
	display:block;
	padding-top: 150px;
	padding-bottom: 20px;
}
#footer{
	width:100%;
	background-image: url(/img/css3/transparentKangaroo.png);  background-repeat:no-repeat; background-position: 500px 100px;
	clear:both;
	display:block;
}
#footer p {
	color:#b1e3f4;
	text-transform: lowercase;
}
#maintenance {
	padding:170px 0px 100px 150px; width:500px;
	margin: 0px 50px;
	position: relative;
		
}

#footer a{color:#FCFCFA; /* E9E9E9; */ }

.footer-holder{
	width:920px;
	margin:0 auto;
	position:relative;
	padding: 0px 0px 20px;
}
.footer-holder:after {
	content:'';
	clear:both;
	display:block;
}
.footer-column{
	float:left;
	margin:0 20px 0 15px;
}
.footer-column h4{
	margin: 30px 0 4px 0;
	color:#fff;
	font: 1.357em/1.571em Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
.footer-column ul{
	list-style:none;
	margin:0;
	padding:0;
	font:15px/17px Arial, Helvetica, sans-serif;
	/* font-variant: small-caps; */
}
.footer-column ul li{margin:0 0 4px;}
.footer-column a{color:#E9E9E9;}
#footer .footer-column a.login{color:#556469;}
.footer-column a:hover{
	color:#468aa2;
	text-decoration:none;
}
#smallFooter{
    height:100px;
    background:white url( /img/css3/footerGradient.png ) left 30px repeat-x;
    padding-top: 45px;
	margin-top: 100px;
    clear:both;
    color:#AFB4B4;
    font-size:.786em;
    text-align: center;
}

/*======== Style for special button ===========*/
button {white-space: nowrap !important;}
a.specialButton{color:#fff; text-decoration:none;}
a.specialButton,a.specialButton span {background-image:url(/img/css/sprite.png);background-repeat:no-repeat;background-position:1000px 1000px;outline:none!important;}
specialButton::-moz-focus-inner{padding:0;border:0;}
a.specialButton{font:bold 14px/14px Arial,Helvetica,sans-serif;height:35px;display:inline-block;text-decoration:none;}
a.specialButton:hover,a.specialButton2:hover{text-decoration:none!important;}
a.specialButton span{display:inline-block;margin:0 15px 0 0;padding:11px 5px 10px 20px;cursor:pointer;white-space:nowrap;}

a.bType1,specialButton.bType1 span{text-shadow:rgba(0,0,0,0.25) 0 1px 1px;color:#fff;background-position:right 0px; }
a.bType1:hover,specialButton.bType1:hover span{background-position:right -35px;color:#fff;}
a.bType1:active,specialButton.bType1:active span{background-position:right -70px; color:#fff;}
a.bType1 span,specialButton.bType1 span span{background-position:0 0px;}
a.bType1:hover span,specialButton.bType1:hover span span{background-position:0 -35px;}
a.bType1:active span,specialButton.bType1:active span span{background-position:0 -70px;}

a.bType2,specialButton.bType2 span{text-shadow:rgba(0,0,0,0.25) 0 1px 1px;background-position:right -110px; color:#444;}
a.bType2:hover,specialButton.bType2:hover span{background-position:right -145px; color:#444;}
a.bType2:active,specialButton.bType2:active span{background-position:right -180px; color:#444;}
a.bType2 span,specialButton.bType2 span span{background-position:0 -110px;}
a.bType2:hover span,specialButton.bType2:hover span span{background-position:0 -145px;}
a.bType2:active span,specialButton.bType2:active span span{background-position:0 -180px;}

a.bType3,specialButton.bType3 span{text-shadow:rgba(0,0,0,0.25) 0 1px 1px;background-position:right -220px; color:#111;}
a.bType3:hover,specialButton.bType3:hover span{background-position:right -255px; color:#111;}
a.bType3:active,specialButton.bType3:active span{background-position:right -290px; color:#111;}
a.bType3 span,specialButton.bType3 span span{background-position:0 -220px;}
a.bType3:hover span,specialButton.bType3:hover span span{background-position:0 -255px;}
a.bType3:active span,specialButton.bType3:active span span{background-position:0 -290px;}

a.bType4,specialButton.bType4 span{text-shadow:rgba(0,0,0,0.25) 0 1px 1px;background-position:right -330px; color:#111;}
a.bType4:hover,specialButton.bType4:hover span{background-position:right -365px; color:#111;}
a.bType4:active,specialButton.bType4:active span{background-position:right -400px; color:#111;}
a.bType4 span,specialButton.bType4 span span{background-position:0 -330px;}
a.bType4:hover span,specialButton.bType4:hover span span{background-position:0 -365px;}
a.bType4:active span,specialButton.bType4:active span span{background-position:0 -400px;}

a.bType5,specialButton.bType5 span{text-shadow:rgba(0,0,0,0.25) 0 1px 1px;background-position:right -441px; color:#111;}
a.bType5:hover,specialButton.bType5:hover span{background-position:right -476px; color:#111;}
a.bType5:active,specialButton.bType5:active span{background-position:right -511px; color:#111;}
a.bType5 span,specialButton.bType5 span span{background-position:0 -441px;}
a.bType5:hover span,specialButton.bType5:hover span span{background-position:0 -476px;}
a.bType5:active span,specialButton.bType5:active span span{background-position:0 -511px;}

button.flat{
	border: none;
	cursor: pointer;
	padding: 3px 6px;
	background-color: #BBB;
}

button.specialButton{ text-decoration:none; padding: 0px; border:none; background: none; font:bold 14px/14px Arial,Helvetica,sans-serif;height:35px;display:inline-block;text-decoration:none;}
button.specialButton:hover {text-decoration:none!important;}
specialButton::-moz-focus-inner{padding:0;border:0;}
button.specialButton span {text-shadow:rgba(0,0,0,0.25) 0 1px 1px;margin:0; line-height: 19px; background-image:url(/img/css/sprite.png);background-repeat:no-repeat;outline:none!important;display:inline-block;cursor:pointer;white-space:nowrap;}
button.specialButton span.l {padding:8px 5px 8px 20px;background-position: 0 0}
button.specialButton span.r {width: 15px; padding:8px 0px 8px 0px; background-position: right 0}

button.bType1 span{color: #fff;}
button.bType1 span.l{background-position:0 0}
button.bType1 span.r{background-position:right 0;}
button.bType1:hover span.l{background-position:0 -35px; }
button.bType1:hover span.r{background-position:right -35px; }
button.bType1:active span.l{background-position:0 -70px; }
button.bType1:active span.r{background-position:right -70px; }

button.bType2 span{color: #444;}
button.bType2 span.l{background-position:0 -110px; }
button.bType2 span.r{background-position:right -110px;}
button.bType2:hover span.l{background-position:0 -145px; }
button.bType2:hover span.r{background-position:right -145px; }
button.bType2:active span.l{background-position:0 -180px; }
button.bType2:active span.r{background-position:right -180px; }

button.bType3 span{color: #444;}
button.bType3 span.l{background-position:0 -220px}
button.bType3 span.r{background-position:right -220px;}
button.bType3:hover span.l{background-position:0 -255px; }
button.bType3:hover span.r{background-position:right -255px; }
button.bType3:active span.l{background-position:0 -290px; }
button.bType3:active span.r{background-position:right -290px; }

button.bType4 span{color: #444;}
button.bType4 span.l{background-position:0 -330px}
button.bType4 span.r{background-position:right -330px;}
button.bType4:hover span.l{background-position:0 -365px; }
button.bType4:hover span.r{background-position:right -365px; }
button.bType4:active span.l{background-position:0 -400px; }
button.bType4:active span.r{background-position:right -400px; }

button.bType5 span{color: #444;}
button.bType5 span.l{background-position:0 -441px}
button.bType5 span.r{background-position:right -441px;}
button.bType5:hover span.l{background-position:0 -476px; }
button.bType5:hover span.r{background-position:right -476px; }
button.bType5:active span.l{background-position:0 -511px; }
button.bType5:active span.r{background-position:right -511px; }

button[disabled=disabled].specialButton span{color: #444;text-shadow: none; cursor: normal !important;}
button[disabled=disabled].specialButton span.l{background-position:0 -330px; color: #aaa !important;}
button[disabled=disabled].specialButton span.r{background-position:right -330px;}

/* styling for labels */
input::-moz-placeholder {
	color: #333 !important;
}
::-webkit-input-placeholder {
	color: #999 !important;
}
-ms-input-placeholder {
	color: #999 !important;
}

.placeholder {
	color: #999 !important;
	/*border: 1px solid  #aaa !important;
	font-style:italic !important;*/
}

.shadow-text {
	text-shadow:rgba(0,0,0,0.25) 0 1px 1px;
}

.paymentProcess{
	background-image:  url(/img/indicator.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 6px 20px;
}

/* commitment */
.commitment { font-size:14px; padding:15px; border-top:1px solid #cccccc; 	clear: both;}
.commitment .red  { color:red; }
.commitment .checkbox  { width:40px; float: left;}

 /* Paginator  */
/* -------------------- */
.Paginator { font-size: 12px; padding-top: 10px;padding-bottom: 20px; margin-left: auto; margin-right: auto;  }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #CCCCCC; background: #fff; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #CCCCCC; background: #fff; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ color: #fff; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 1px #CCCCCC; background: #fff; }
.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 1px #CCCCCC; background: #fff;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */  color: #fff; }
.Paginator .this-page {padding: 2px 6px; border-color: #999; font-weight: bold; font-size: 13px; vertical-align: top; color: #000000; }
.Paginator a:hover {color: #fff; background: #88caf3; border: solid 1px #000000;; text-decoration: none;}

/* home page*/
table.contentBoxWrapper {
	text-align: left; 
	clear: both ; 
	width: 100%;
	margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
	padding: 0px;
	border: 1px solid #ccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
	overflow:auto
}
.column {
	text-align: left; 
	width: 150px;
	padding: 0px 15px 10px 15px;
}
.column p {
	padding-top:5px;
	font-size:0.9em;
}
.column ul {
	padding-top:10px;
	font-size:0.9em;
	list-style:circle; margin-left:30px;
}
.column.first { border-right: 1px solid #ccc; }
.column.middle { border-right: 1px solid #ccc; }
.column.blue { background-color:#f3f8ff; }

/* facebook kangaroo */
.facebookKangaroo {
   position:absolute;
   background-image: url(/img/kangarooFacebook.png);
   background-repeat: no-repeat;
   width:250px;
   height:223px;
   margin-top :-70px;
   margin-left :-70px;
}
#facebookKangarooContainer{
   display:block;
   height:153px;

}
#facebookKangarooText h2{
	color:#555;
}
#facebookKangarooText{
	margin-left:210px;	
	color:#333;
}

#searchByMenu select {
	width: 90%;
}



/*special*/
.adType1 { 
	margin:40px 0px 30px 0px;
	padding:20px 220px 20px 220px;
	border:1px solid #ddd;
	background:#f0f0f0;
	-moz-border-radius:0.3em;
	-khtml-border-radius:0.3em;
	font-size: 1.071em;
	background-image: url(/img/adType1.png);
	background-repeat: no-repeat;
	background-position:0 0px; 
	text-align:center;
	color:#222222
}
.adType1 a {color:#222;}
.adType1 h3 {font-size:24px; margin:0px; padding:0px;	;
}
#sessionWelcome{ 
	height:375px;
	margin:25px 0px 20px 0px;
	padding:30px 30px 30px 40px;
	font-size: 1.071em;
	background-image: url(/img/flowerLandscape.jpg);
	background-repeat: no-repeat;
	background-position:0 0px; 
	color:#ffffff;
}
#sessionWelcome h2 { 
	 margin:0px;padding:0px;
	color:#ffffff;
}
.explosionBG {
	background-image: url(/img/explosionBG1.jpg);
	background-repeat: no-repeat;
	background-position:50% 40px; 
}


#rainbowDiv{
	clear: both ; 
	width: 80%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: auto; margin-right: auto;
	padding: 10px 25px 20px 25px;
	background: url(/img/css3/rainbowBG.gif);
	background-repeat:repeat;
	border: 1px solid #cccccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
}


/* cancelled rides or reservarions */
/* -------------------- */
.disabledStyle{
	text-decoration: line-through;
}

.user-call-sticky-box {
	position:fixed;
    padding: 8px 15px 8px 15px;  
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	border-radius: 7px;
	-moz-border-radius: 7px;
    background-color: rgba(255,255,255, 1) !important;  
    border:1px solid #ccc;  
    z-index:999;
    display: none;
    white-space: normal;
    width: 400px;
    font-size: 0.9em;
}

.user-call-sticky-box div.userPic {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

.user-call-sticky-box div.message {
	width: 300px;
	float: left;
	padding: 5px;
}

/* Chat button */
.sticky-chat-button {
	position:fixed;   
    padding: 0;
    z-index:999;
    right: 0;
    top: 600px;
    margin-right: 1px;
}

/* Feedback button */
.sticky-feedback-button {
	position:fixed;   
    padding: 0;
    background-color: #31C6EE !important;  
    border:1px solid #fff;  
    z-index:999;
    white-space: nowrap;
    right: 0;
    top: 425px;
}
.sticky-feedback-button.local {
    background-color: #000 !important;
    top: 300px;
}
/* Social button */
.sticky-social-button {
	position:fixed;   
    padding: 0;
    z-index:999;
    right: 0;
    top: 340px;
} 

/* Media Page */
#newsBox {
	float: right;
	background-color: #EEE;
	width: 200px;
	min-height: 150px;
	padding: 15px;
	margin-bottom: 15px;
}

/* Events page */
table.eventsTable h2 {padding-top: 0; margin-top: 0; }
table.eventsTable { margin-top: 50px; }
table.eventsTable td { padding: 7px 7px 30px 7px; vertical-align: top; }

/* News Feed */

a.prettyPhotoLink {
	display: block;
	float: right;
	margin-top: 3px;
}


.news-feed-container {
	float: left;
	clear: left;
	width: 540px;
	height: 195px;
    overflow: hidden;	
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
    margin: 10px 10px 10px 8px; 
}

.news-feed-container ul.rides {
	position: relative;
	top: 0;
}

.news-feed-container ul.rides li {
	display: block;
	clear: both;
	padding: 7px 5px 0 5px;
	height: 60px;
	border-bottom: 1px dashed #ddd;
	cursor: pointer;	
}

.news-feed-container ul.rides li:hover {
	background-color: #fbfbfb;
}

.news-feed-container ul.rides li a {
	display: block;
	clear: both;
	padding: 0;
	margin: 0;
}

.news-feed-container ul.rides li h1,
.news-feed-container ul.rides li h2,
.news-feed-container ul.rides li h3 {
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-feed-container ul.rides li h1 {
	text-align: center;
}

.news-feed-container ul.rides li h3,
.news-feed-container ul.rides li p {
	float: left; 
	display: block;
	margin-top: 2px;
}

.news-feed-container ul.rides li h3 span {
	float: left;
	white-space: nowrap;
	font-size: 0.75em;
}

.news-feed-container ul.rides li h3 span.date-txt {
	font-size: 0.7em;
	margin-left: 5px;
}

.news-feed-container ul.rides li .calendar {
	float: left;
  	margin-right: 20px;
	width: 46px; 
	font-size: 0.8em; 
}

.news-feed-container ul.rides li .calendar span { 
	display: block; 
}

.news-feed-container ul.rides li .calendar .month { 
	text-align: center; 
	padding: 5px 3px 3px 3px; 
	font-size: 1em; 
	background: #6086a6; 
	color: #fff; 
	font-weight: bold;
	background-color: #31C6EE;
	text-transform: uppercase;
}

.news-feed-container ul.rides li .calendar .day { 
	color: #666;
	padding: 5px;
	text-align: center; 
	font-weight: bold; 
	font-size: 1.5em; 
	background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e6e6e6), color-stop(.08,#f9f9f9));
    background: -moz-linear-gradient(top, #f9f9f9, #e6e6e6);
}

.news-feed-container ul.rides li h3 span.driver-name {
	font-size: 0.7em;
    margin-top: 0;
}

.news-feed-container ul.rides li h3 span.city-name{
	width: 155px;
}

.news-feed-container ul.rides li h3 span.location-details{
	white-space: normal !important;
    width: 100%;
}

.news-feed-container ul.rides li .price {
	float: right;
    text-align: right;
    font-size: 0.5em;
    font-weight: bold;
    text-align: center;
    width: 100px;
}

.news-feed-container ul.rides li .price .nbReviews {
	color: #777;
    font-size: 1.4em !important;
    font-weight: normal;
}

.news-feed-container ul.rides li .userPic {
  float: left;
  margin-right: 10px;
}

.news-feed-container ul.rides li span.itineraryArrow {
    background: url("/img/rideIcons/miniBlueArrow.png") no-repeat scroll center 0 transparent;    
    margin-top: 4px;
    width: 10px;
    height: 10px;
    padding: 0 10px;
}

.news-feed-container ul.rides li span.driver-car {
	background: url(/img/icons/miniCar.png) no-repeat scroll center 0 transparent;
    margin-top: 2px;
    width: 30px;
    height: 20px;
    padding: 0 10px;
}
.news-feed-container ul.rides li span.seats-available {
    float: right;
    margin: 8px 15px;
    text-decoration: none;
}

.news-feed-container ul.rides li span.seats-available img {
	width: 16px;
	height: 20px;
}
/* contact page */
h3.contactCityList {
	padding: 3px; 
}
ul.contactCityList {}
ul.contactCityList li {
	padding: 3px;
	margin-left: 10px;
}

/*Testimonials*/

.testimonials-container {
	clear: both;
    float: left;
    width: 100%;
    margin: 30px 0;
}

.testimonial-box{	
    
    border-radius: 10px 10px 10px 10px;
    height: 200px;
    margin: 15px 42px;
    padding: 0;
    width: 40%;
    -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 200, 0.20);
	-moz-box-shadow:    0px 0px 5px rgba(50, 50, 200, 0.20);
	box-shadow:         0px 0px 5px rgba(50, 50, 200, 0.20);
}

.testimonial-box .user-info {
	padding-left: 10px;
}
.testimonial-box .user-info div{
	display: inline;
}

.testimonial-box .user-info div.user-name{
	display: block;
	left: 60px;
	margin-left: 5px;
	position: relative;
	top: -45px;
	width: 280px;
}

.testimonial-item:after {
    border-color: #F3F8FF transparent;
    border-style: solid;
    border-width: 20px 0 0 20px;
    bottom: -20px;
    content: "";
    display: block;
    left: 15px;
    position: absolute;
    width: 0;
}

.testimonial-item {
    background: none repeat scroll 0 0 #F3F8FF;
    border-radius: 10px 10px 10px 10px;
    color: #555;
    margin: 0px 0 28px;
    padding: 15px;
    position: relative;
}

.testimonial-item .link {
	color: #2AA8D4;
}

.moreTestimonialLink {
	font-size: 1.5em;
    text-align: center;
    margin-bottom: 30px;
}

a.caa-logo, span.caa-logo {
	width: 80px;
	height: 88px;
	display: block;
	float: right;
	margin-top: 5px;
}

a.caa-logo-fr, span.caa-logo-fr {
	background: url(/img/logos/caaIconFr.gif) center center no-repeat;
}

a.caa-logo-en, span.caa-logo-en  {
	background: url(/img/logos/caaIconEn.gif) center center no-repeat;
}

span.caa-logo {
	display: inline-block;
	float: left;
	margin-right: 20px;
	margin-top: -5px;
}

span.caa-subscription-small-text {
	font-size: 0.65em;	
}

/* College stats */
#schoolBubbleStats {
	display: block;
	width: 150px; height: 150px;
	background: url(/img/blueStatBubble.png);
	float: right;
	position: relative;
	margin-top: -40px;
	margin-right: -80px;
	text-align: center;
}
#schoolBubbleStats img {
	z-index: 5;
}
#schoolBubbleStats .stat {
	display: block;
	margin-top : -90px;
	color: #FFF;
	font-size: 3em;
	line-height: 15px;
}
#schoolBubbleStats .statTitle {
	color: #FFF;
}

.college-stat {
	width: 100%;
}

.college-stat .stat-item {
	float: left;
	display: block;
	text-align: center;
	margin: 5px;
}

.college-stat .stat-item h1 {
	padding: 3px 10px !important;
	background-color: #fff;
	color: #222;
	margin: 0 !important;
	font-size: 1.8em;
}

.college-stat .stat-item h3 {
	font-size: 1.1em !important;
	margin-bottom: 0 !important;
	color: #222;
}

/*School list*/
.school-list {
}

.school-list td {
	padding: 0 5px !important;
}
.school-list tr.even {
	background-color: #f3fbfd;
}
.school-list .co2 {
	font-weight: bold;
}
.school-list td.number {
	text-align: right;
	vertical-align: middle;
	font-size: 0.875em;
}
.school-list td.collegeName {
	width: 400px;
}
.school-list-header th {
	white-space: nowrap;
	padding: 5px !important; 
	width: 150px;
	text-align: center;
	font-size: 0.875em;
}

.school-list-header th.ranking, .school-list-header th.icon {
	width: 10px;
}

.school-icon {
	width: 30px;
	height: 30px;
}

.school-id-link {  
  display: block;
  line-height: 30px;
  width: 100%;
}

.formTableFilter label {
	display: none;
}

.formTableFilter {
	text-align: center;
	margin: 0 0 20px 0;
}

.school-list-filter-label {
	width: 100%;
	text-align: center;
	margin: 25px 0 0 0;
}

.security-check {
	padding: 5px 5px 1px 14px;
	background: url(/img/green_checkmark.png) no-repeat scroll left top transparent;
	line-height: 18px;
}

#reservationMiddleContainer .security-check {
	display: block;
	background: none;
	margin-top: 5px;
}
#reservationMiddleContainer .security-check img {
	height: 12px;
	margin-left: -20px;
	margin-right: 5px;
}

.happiness-report {
	float: none; 
	width: 80%; 
	margin: auto;
}

.happiness-report h2 {
	text-align: center;
	margin-bottom: 20px;	
}

.happiness-report-block {
	float: left;
	clear: both;
	margin-left: 30px;
}

.happiness-details, .happiness-stat {
	width: 48%;
	padding: 0 10px 0 0;
}

.happiness-stat {
	width: 45%;
	padding: 10px;
	margin-top: 15px;
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	box-shadow: inset 0 0 10px rgba(0,0,0,.06)  !important;
	border: 1px solid #cccccc;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius:0.3em;
	background-color: rgba(255,255,255, 1) !important;  
}

.happiness-stat h3 {
	text-align: center;
	margin-bottom: 20px;
}

.happiness-faces {
	margin-top: 20px;
}

.happiness-report .stat {
  float: left;
  margin-right: 14px;
  text-align: center;
}

.happiness-report .stat img {
	float: left;
}

.happiness-report .stat.happy {
  border-bottom: 1px solid #CCCCCC;
  clear: both;
  padding-bottom: 15px;
  width: 325px;
}

.happiness-report .stat.happy p {
  background-color: #1e9dba;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: 26px;
  font-weight: bold;
  margin: 12px 0 5px 0px;
  padding: 5px 10px 5px 10px;
  text-align: left;
  text-shadow: 0 2px 0 #336600;
  float: right;
  margin-right: 15px;
}
#reportCardContact .happiness-stat {
	width: 250px;
	cursor: pointer;
}
#reportCardContact .happiness-report h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: bold;
}
#reportCardContact .happiness-report .stat.happy {
  border-bottom: 1px solid #CCCCCC;
  clear: both;
  padding-bottom: 15px;
  width: 230px;
}
#reportCardContact .happiness-report .stat.happy p {
	font-size: 18px;
	margin: 12px 0px 0px 0px;
}
#reportCardContact .happiness-report .stat.ok p , #reportCardContact .happiness-report .stat.frown p {
	float: left;
	margin-top: 4px;
}
#reportCardContact .happiness-report .stat.frown p {
	position: absolute;
	margin-left: 25px;
}
.happiness-report .stat.ok, .happiness-report .stat.frown {
	padding-top: 13px;
	padding-left: 5px;
}

.happiness-report .stat.ok p , .happiness-report .stat.frown p{
	margin: 10px 0 0 5px;
	float: left;
	font-size: 0.85em;
}

.happiness-report hr {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0;
}

.happiness-report .agent {
	float: left;
	text-align: center;	
	width: 92px;
}

.happiness-report .agent img {
	width: 50px;
	border: 1px solid #ccc;	
	padding: 1px;
}

.happiness-report .agent .agent-name {
   font-size: 0.85em;
   font-weight: bold;
}

.latest-perfect-comment table td  {
	vertical-align: top;
}
.happiness-report .latest-perfect-comment {
	float: left;
	clear: both;
	display: block;
	width:100%;
	margin: 20px 0 10px 0;
}

.happiness-report .latest-perfect-comment .perfect-comment {
	float: left;
	margin: 5px 5px 30px 5px;
}

.happiness-report .latest-perfect-comment .perfect-comment .userPic,
.happiness-report .latest-perfect-comment .perfect-comment .text {
	float: left;
}

.happiness-report .latest-perfect-comment .perfect-comment .text {
	margin: 1px 0 0 10px;
}

.happiness-report .latest-perfect-comment .perfect-comment .text .agent-info,
.happiness-report .latest-perfect-comment .perfect-comment .text .comment,
.happiness-report .latest-perfect-comment .perfect-comment .text .user-info {
	float: left;
	clear: both;
}

.happiness-report .latest-perfect-comment .perfect-comment .text .agent-info,
.happiness-report .latest-perfect-comment .perfect-comment .text .user-info {
	font-weight: bold;
	font-size: 0.80em;
	color: #333;	
}

.happiness-report .latest-perfect-comment .perfect-comment .text .user-info {
	font-size: 0.7em;
}

.happiness-report .latest-perfect-comment .perfect-comment .text .comment {
	font-style: italic;
	font-size: 0.85em;
	display: block;
	color: #555;
	width: 260px;
	margin-bottom: 5px;
}

.service-enterprise-concept, .service-enterprise-details {	
	padding: 40px 40px 0 40px;
	width: 880px;
}
.service-entreprise-concept-text {
	color: rgb(42, 168, 212) !important;
}
.service-enterprise-concept {
	margin-top: -50px;
	border-bottom: 1px solid #ccc; 
}

.service-enterprise-concept .right{
	padding: 50px 0 0 70px;
}

.service-enterprise-concept .right h1 {
	color: #2AA8D4 !important;	
}

.service-enterprise-details {
	padding-top: 20px !important;
}

.service-enterprise-details .left a {
	font-size: 1.1em !important;
	margin-bottom: 30px;
	line-height: 20px;
	float: left;
	clear: both;
}

.service-enterprise-details .right {
	padding: 0 0 100px 160px;
	width: 550px;
}

.service-enterprise-details .right h2{
	margin-top: 0 !important;
	font-size: 1.7em;
	font-weight: bold;
}

.service-enterprise-details .right p {
	font-size: 1.2em;
}

.insights {
	width: 100%;
}

.stat.insights {
	margin-bottom: 0;
}

.insights tr.header td {
	text-align: center;
	border-collapse: collapse; 
}

.insights tr.number td {
	font-size: 2em;
	text-align: center;
}

.insights tr.number-boxed td{
	border: 1px solid #DDD;
	padding: 5px 10px;
	width: 150px;
}

.insights tr.active {
	color: #666;
}

.insights tr.disabled {
	background-color: #ffffee;
}

.insights tr.deleted {
	background-color: #ffeeee;
}

li ul.sub-menu {
	position:absolute;
	border-top:1px solid #fff;
	margin:0;
	padding:0 !important;
	width: auto !important; 
	border-top: 1px solid #24b8f2;
	border-left: 1px solid #24b8f2;
	border-right: 1px solid #24b8f2;
	z-index: 99999;
	visibility:hidden;
}

li.parent-menu:hover ul.sub-menu {
	visibility:visible;
}

li ul.sub-menu li {
	display:inline; 
	float:left !important;
	clear: both;
	margin: 0 !important;
	width: 100%;
}

li ul.sub-menu li a { 
	background: none no-repeat scroll left top white !important;
	background: url(/img/headerWhite.png) repeat scroll left top !important;
	border-bottom: 1px solid #24b8f2;
	color: #636363 !important;  
	width:auto;
	font-size: 0.7em;
}

li.home ul.sub-menu {
	margin-top: -11px !important;
}

li.home ul.sub-menu li a {
	margin: 0 !important;
	padding: 8px 10px 4px 8px !important;
} 

li ul.sub-menu li a:hover {
	color: white !important;
	background: url(/img/headerBlueBG.png) repeat scroll left top !important;
}

#subNavigation {
	background: #24b8f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #24b8f2 0%, #ffffff 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24b8f2), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24b8f2 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24b8f2 0%,#ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #24b8f2 0%,#ffffff 50%); /* IE10+ */
	background: linear-gradient(to bottom,  #24b8f2 0%,#ffffff 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24b8f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.number-stepper-widget, .number-stepper-widget div {
	float: left; 
}

.number-stepper-widget{
	padding: 3px 0 0 10px;
}

.number-stepper-widget .number-steppers-container {
	border: 1px solid #999;
	text-align: center;
	font-weight: bold;
    padding: 3px;
    /*corner*/
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	/* text selection */ 
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

.number-stepper-widget .number-stepper, .number-stepper-widget .number-stepper-separator { 
	clear: both;
	width: 14px;	
}

.number-stepper-widget .number-stepper { 
	cursor: pointer;
}

.number-stepper-widget .number-stepper:hover {
	background-color: #EEE;
}

.number-stepper-widget .number-stepper-separator hr {
	border: 1px solid #CCC;
	padding: 0;
	margin: 0;
}

.number-stepper-widget #number-stepper-value {
	font-size: 1.2em;
    padding: 13px;
}

#submitButton.road-trip {	
	float: left;
}

#submitButton.road-trip.en {
	margin-left: 45px;
}

.roadTripFont1 { font-family: 'Pacifico', cursive; font-size:65px; color:#f38032;}
.roadTripFont2 { font-size:16px; }
#roadTrip input.wide {
	margin: 5px 2px 3px 0;
	padding: 7px 10px;
	width: 170px;
	font-size: 18px;
	border: 0;
	border: 1px inset #999;
	float: left;
}



tr.poke.accepted {
	background-color: #eeffee;
}

tr.poke.pending {
	font-style: italic;
}
tr.poke.deleted {
	background-color: #eee;
	font-style: italic;
}
tr.poke.rejected, tr.poke.deleted_notified {
	background-color: #ffffee;
	font-style: italic;
}

select.phone-country {
	width: 100px;	
}

span.phone-country-code {
	width: 40px;
	text-align: right;
	display: inline-block;
}

span.flag {
	background: url("/img/flags.png") no-repeat scroll 500px 500px transparent;	
	content: " ";
	display: inline-block;
	height: 12px;
	padding: 0;
	width: 16px;
}

span.flag-country-1 {
	background-position: -60px -88px;
}

span.flag-country-2 {
	background-position: -32px -564px;
}

span.flag-country-83 {
	background-position: -227px -172px;
}

span.flag-country-244 {
	background-position: -284px -172px;
}

span.flag-country-155 {
	background-position: -172px -368px;
}

span.flag-country-91 {
	background-position: -284px -116px;
}

img.carBags {
	width: 100px;
}

.beta-icon {
	float: left;
	display: block;
	width: 62px;
	height: 31px;
	margin-top: -2px;
	margin-left: -15px;
	padding-right: 10px;
	background: url(/img/dailyRide/betaSpringer.png) no-repeat scroll center center transparent;
}

.go-to-top-arrow {	
    position: fixed;
    display: none;
}

.go-to-top-arrow a {
	text-align: center;		
	display: block;
	position: absolute;
	left: -90px;
	top: -180px;
	color: #999;
	font-size: 0.9em;
}

.go-to-top-arrow a span{
	
}

.go-to-top-arrow a span.img{
	width: 40px;
	height: 40px;
	display: inline-block;
	background: url(/img/go-to-top.png) no-repeat scroll center center transparent;
}

p.chars-counter {
	width: 460px;
	margin: 0 0 10px 0;
	text-align: right;
	font-size: 0.9em;	
}

p.chars-counter.over {
	color: red;
	font-weight: bold;
}

ul.search-notifications {
  color: #2aa8d4;
  font-size: 1.2em;
  list-style-type: disc;
  padding: 30px 0 20px 50px;
}

.has-notifications-warning div.warning {
	background-position: 10px 20px !important;
}

span.login-suggest {	
	font-size: 1.15em;
	display: block;
	padding: 0px 20px 0px 0;
}

span.login-suggest.announce {
	padding-left: 20px !important;
	padding: 15px 20px 10px 0;
}

span.login-suggest img {
	width: 22px;
	vertical-align:middle
}

span.login-suggest a {
	font-weight: bold;
	line-height: 22px;
}

.traffic-jam {
	float: left;
	width: 100%;
	clear: both;
	display: block;	
	margin: 30px 0;
}

.traffic-jam-warning {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.traffic-jam-warning .icon {
	float: left;
	width: 60px;
	height: 60px;
	padding: 0;
	margin: 0 30px 2px 40px;
}

.traffic-jam-warning:first-child .icon {
	background: url(/img/traffic_jam_60.png) no-repeat scroll center center white;
}

.traffic-jam-warning .message {
	float: left;
	white-space: normal;
    width: 500px;
    line-height: 18px;
}

.driver-prompt {
	font-weight: normal;
	font-size: 1.15em;
	padding: 5px 0 5px 60px;
}

a span.carDeleteLink {
	font-weight: bold;
	color: red;
	padding-top: 1px;
}
span.carDeleteLink {
	background-image: url(/img/iconDelete.gif);
    background-position: left -1px;
    padding-left: 25px;
    paddint-top: 2px;
    margin-left: -25px;
    background-repeat: no-repeat;
    display: block;
}

.search-filters-container {
	width: 210px;
	border: 1px solid #eee;
	margin-right: 10px;
	background-color: #fefefe;
	padding: 10px 5px;
	font-size: 0.8em;
}

.search-results-container {
	width: 680px;	
}

.complementary-search {
	padding: 20px;
}

.more-search-criteria {
	display: none;
}

.smallMapIconContainer {
	width: 50px;
	height: 150px;
	float: left;
	padding: 5px 10px 0 0;
}

.smallMapIcon {
	background-image: url(/img/mapSmall.png);
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	background-size: 100% auto;
}

.locationInfo {
	float: left;
	width: 190px;
}

.caa-referer .caa-text {
	display: none;
}

.k-padding-top-30 {
	padding-top: 30px;
}

.fancy-container {
	padding-top: 10px;
	max-width: 640px;
}

#evaluationSocialButtons {
    width: 583px;
    height: 320px;
    background-image: url('/img/callEvaluation/kangaRate.png');
}


.fb-like-box {
    padding-top: 80px;
    padding-left: 35px;
}

.eval-title {
    font-size: 30px;
    color: white;
    padding-left: 45px;
    padding-top: 25px;
}

.eval-subtitle {
    color: white;
    padding-left: 45px;
    font-size: 20px;
    padding-top: 10px;
}

#evalButtons {
    padding-left: 45px;
    padding-top: 25px;
}

.eval-google {
    padding-left: 25px;
}

.eval-header {
    text-align: center;
    padding-bottom: 13px;
    width: 583px;
}

.cursor-pointer {
	cursor: pointer !important;
}