.green {
  color:#8daa01;
}

.light-green {
  color: #CADA1B;
}

.blue {
  color:#00abe0;
}

.grey {
  color:#666;
}

.pink {
  color: #D3006B;
}

.grey-bg {
  background-color: #666;
}

.blue-bg {
  background-color: #00ABE0;
}

.green-bg {
  background-color: #b3c945;
}

.pink-bg {
  background-color: #e6116a;
}

.orange-bg {
  background-color: #ff7200;
}

a.pink-link {
  background: url(../../../media/index-pink-button.png) no-repeat top left;
  padding: 5px 0 5px 15px;
  text-decoration: none;
  font-size: 20px;
}

a.pink-link span.inner {
  background: url(../../../media/index-pink-button.png) no-repeat top right;
  padding: 5px 15px 5px 0;
  color: #fff;
  white-space: nowrap;
}

.latest-journeys a.pink-link span.inner {
  font-size: 20px;
}

#city-cloud #not-found a {
  padding: 5px 0 5px 15px;
}

a.pink-link:hover {
  text-decoration: none;
}

a.pink-link big {
  font-size: 25px;
}

.karzoo {
  font-weight:bold;
  color: #666 !important;
}

.karzoo span {
  color:#8daa01 !important;
}
/*grey->white gradient*/
.gradient-grey {  
  background-image: url(../media/gradient-g-w.png);
  background-repeat: repeat-x;
  background-position: 0 0;
}

/*white->transparent gradient*/
a.button,
a.green-btn,
div.dialog button,
button.green-btn,
thead,
button,
.gradient {
  background-image: url(../media/gradient-w-t.png);
  background-repeat: no-repeat;
  background-position: -1201px -1px;  
}

/*white->transparent gradient with white corners*/
.rnd {
  background-image: url(../media/gradient-w-t.png);
  background-repeat: no-repeat;
  background-position: 0 0;  
  padding-left: 7px;  
}

.rnd > :first-child{
  background-image: url(../media/gradient-w-t.png);
  background-repeat: no-repeat;
  background-position: right 0;  
}

/*@todo: fix this somehow - most likely all lineheights have to be set specifically*/
#dossier * {
  line-height: 1.35;
}

html {
  height:100%;
}

body, html  {
  margin:0;
  padding:0;
}

body {
  color:#333;
  background:#ddd;
  font:12px 'Trebuchet MS', Helvetica, Arial, sans-serif;
  width:100%;
}


ul {
  list-style:none;
  margin:0;
  padding:0;
}

img {
  border:none;
}

a {
  text-decoration:none;
  color:#8daa01;
}

a:hover {
  text-decoration:underline;
}


h1, h2{
  color:#00abe0;
  font-weight:bold;
}

h1 {
  position:absolute;
  left:-1000px;
  top:-1000px;
}

h3 {
  font-size:16px;
  font-weight:bold;
}

label {
  display:block;
  text-align:right;
  font-size:12px;
  color:#8daa01;
}

#main{
  background:#fff;
  margin:0 auto 10px auto;
  position:relative;
  width:970px;
  border:1px #b9b8b9 solid;
  z-index:1;
}

hr{
  clear:both;
  visibility:hidden;
  font-size:1px;
  width:1px;
  height:1px;
  margin: 0;
  padding:0;
  line-height: 1px;
}

input, select, textarea {
  border:1px #ccc solid;
  margin:1px;
  font-size:11px;
  color:#56640f;
  width: 170px;
  padding: 2px;
}

select {
  width: 176px;
}

textarea {
  font-size:12px;
}

input {
  padding-left:2px;
  padding-right:2px;
}

.cb input {
  border:none !important;
  width:16px !important;
  background:none !important;
  padding:0 !important;
  margin-bottom: 2px;
}

option {
  background:white;
}

strong {
  color:#000;
  font-weight:bold;
}


.hide {
  display: none !important;
}

/** the 2 in CO2 **/
sub {
  font: 10px/12px normal Arial, Helvetica;
}

div.preloader {
  left:-999px;
  position:absolute;
  top:-999px;
}

/************* red border for wrong input *****************/
label em.val-error + input,
label em.val-error + select,
label em.val-error + textarea,
label input.has-error,
label select.has-error,
label textarea.has-error {
  border: 1px #C00 solid;
}

/* header and footer
 ***********************************/
 #header {
  position:relative;
}


#home-link {
  height: 110px;
  width: 759px;
  display: block;
}

#top-navi {
  background-color:#000;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4px 0 4px 20px;
  overflow:hidden;
}


#main-karzoo-link {
  margin-left: 80px;
  position: absolute;
  bottom: 5px;
  right: 15px;
}

#user-access-navi {
  position: absolute;
  bottom: 5px;
  right: 315px;
}



#user-access-navi li,
#top-navi li {
  display:inline;
  float: left;
}

#top-navi #top-login,
#top-navi #top-register,
#top-navi #top-logout {
  float: right;
}


#user-access-navi li a,
#user-access-navi li span,
#top-navi li a,
#top-navi li span{
  color:#efeff0;
  padding:0 8px;
  text-decoration:none;
  font:12px/19px 'Century Gothic', 'Trebuchet MS', Helvetica, sans-serif;
}

#user-access-navi li a:hover,
#user-access-navi li span,
#top-navi li a:hover,
#top-navi li span{
  color:#c0d72e;
}

#header-menu {
 width: 200px;
 position: absolute;
 top: 0px;
 right: 0;
 text-align: right;
 padding:5px 20px 0 10px;
}

#header-menu li {
  display: block;
  margin: 5px 0;
}

#lang-switch {
  position: absolute;
  top: 75px;
  right: 20px;
}

#lang-switch li{
  display:inline;
}

#lang-switch img{
  margin: 0 3px -6px 0;
}

#lang-switch a{
  padding: 0 5px 0 5px;
  font-size: 12px;
  color: #333;
  font-weight:bold;
}

#lang-switch a:hover{
  color:#8daa01;
}

/* the addthis dropdown */
#addthis_dropdown15 table {
  width: 100%;
  margin: 0;
  border: none;
  padding:0;
}

#addthis_dropdown15 img.addthis-logo {
  width: 59px;
  height: 18px;
}

#addthis_dropdown15 span.karzoo {
  font-size: 14.4px;
  font-family: 'Century Gothic','Trebuchet MS',Helvetica,sans-serif;
  letter-spacing: 1px;
}

#addthis_dropdown15 tr,
#addthis_dropdown15 td {
  border: none;
}

/* the site switch */
#site-switch select {
  padding:0;
  width: 145px;
}

#site-switch button {
  padding: 1px 2px;
}

#addthis {
  position:  absolute;
  top: 11px;
  right: 180px;
}

.no-js #addthis {
  display: none;
}

/* contents and right box
 ***********************************/
#contents {
  width:770px;
  margin:0 5px;
  border:1px solid #ccc;
  border-top:none;
  background:#fff;
  min-height:1000px;
  position: relative;
  float: left;
}

#bd-user-special #contents,
#contents.grey-bg {
  background: #efefef;
}

#contents a{
  font-weight:bold;
}

#left-col {
  width:325px;
  margin:0 5px;
  float:left;
}

#center-col {
  width:420px;
  /*margin:0 5px 0 345px;*/
  margin: 0pt 5px 0pt 10px;
  float: left;
}


/* skyscraper
 ***********************************/
#skyscraper {
  text-align:center;
}


/* sifr
 ***********************************/
h2.ir,
h2.ir span,
h2.no-sifr,
h2.sifr {
  color:#00abe0;
  font-size: 25px;
  font-weight:bold;
  margin:0;
  padding: 12px 6px 12px 12px;
  background:white;
  border-bottom:1px #ccc solid;
  clear: left;
  line-height:26px;
}

h2.ir {
  overflow: hidden;
  width: 752px;
}

h2.ir * {
  color:#00abe0;
  font-size: 25px;
  font-weight:bold;
  margin:0;
  padding: 0;
}

h2.ir {
  padding: 12px 6px 10px 12px;
}

h2.ir img.hd-replaced {
  height: 32px;
  background-repeat: no-repeat;
  display: inline;
}

h2.ir span.text-replaced {
  position: absolute;
  left: -9999px;
}

h2.sifr.nobottom {
  border-bottom:none;
}

h2.sifr.flash-replaced {
  font-size:32px;
  padding: 12px 0 6px 12px;
}

h2 embed.flash {
	visibility:visible !important;
	margin:0;
}

h2.sifr p{
	display:none;
}

h2.sifr.flash-replaced span.alt {
  display:block;
  height:0;
  position:absolute;
  overflow:hidden;
  width:0;
}

/* dialogs and buttons
 ***********************************/
div#dialog-cover {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display:none;
  z-index:1000;
}

div.dialog {
  width:400px;
  border:1px solid;
  border-top-color:#ccc;
  border-right-color:#999;
  border-bottom-color:#999;
  border-left-color:#ccc;
  background:#fff url(../media/gradient-g-w.png) repeat-x 0 -20px;
  margin:150px auto 0 auto;
  padding-bottom:10px;
}

div.dialog h2 {
  position:relative;
  background-color: #000;  
  font-weight:bold;
  font-size:14px;
  color:#efeff0;
  margin:0px;
  padding:4px 15px;
  border-bottom:1px solid #999;
}

div.dialog div.msg {
  padding:14px 20px 10px 85px;
  text-align:left;
  font-size:12px;
}

div.btn {
  padding:10px 10px 5px 20px;
  text-align:right;
}

div.dialog h2 a span{
  font-size: 16px;
  color: #efefef;
  text-decoration: none !important;
  position:absolute;
  right:9px;
  top:1px;
  cursor:pointer;
}

a.button,
a.green-btn,
div.dialog button,
button.green-btn {
  background-color: #9AB116;  
  font-weight:bold;
  font-size:11px !important;
  border:1px solid #9ab116;
  color:#fff;
  line-height: 20px;
  /*padding: 1px 10px !important; */
  padding: 1px 10px;
  cursor:pointer;
  margin:0px 2px;
  white-space:nowrap;
}

div.dialog button:hover,
button.green-btn:hover {
  color:white;
}

a.edit-link {
  background:#C1D64F url(../media/journey-tbl1.png) no-repeat scroll 4px -695px;
  padding:4px 5px 4px 25px;
}

a.del-link {
  background:#C1D64F url(../media/journey-tbl1.png) no-repeat scroll 4px -795px;
  padding:4px 5px 4px 25px;
}


/* tables
 ***********************************/
.table-title h3 {
  padding:0 0 0 5px;
  margin:5px;
}

.table-title {
  position:relative;
  margin:10px 10px 0 0;
  border: 1px white solid;
}

.table-title a,
.table-title button{
  position:absolute;
  right:5px;
  top:6px;
}

table {
  border-collapse:collapse;
  border:none;
  width:98%;
  margin:5px auto;
}

td, th {
  border:1px #cccccc solid;
}

thead {
  background-color: #B4CB31;
}

thead th{
  padding:0 5px;
  text-align:left;
  color:#f9fce4;
  font-size:14px;
  height: 36px;
  border:1px #8da916 solid;
  border-top-color:#a5c90c;
  font-family:'Century Gothic', 'Trebuchet MS', Helvetica, sans-serif;
}


thead div.departure,
thead div.destination,
thead div.date,
thead div.type,
thead div.more img {
  padding:2px 5px 2px 23px;
  background: url(../media/journey-tbl1.png) no-repeat 2px -96px;
}

thead div.date{
  background-position: 0 -196px;
}

thead div.type{
  background-position: 0 -299px;
}


thead div.more img{
  padding: 0;
  height: 25px;
  width: 25px;
  background-position: 5px -496px;
}

thead a{
  display:block;
  color:#f6fcd2;
  background:transparent url(../media/arrows.png) no-repeat right 100px;
  padding-right:10px;
  font-family:'Century Gothic', 'Trebuchet MS', Helvetica, sans-serif;
}

thead a:hover{
  text-decoration:none;
  color:white;
}

thead div.asc a{
  background-position:right 9px;
}

thead div.desc a{
  background-position:right -92px;
}

tr.distinct {
  background:#efefef;
}

tr.details,
tr.details div.details-cont {
  display: none;
}

td {
  font-size:11px;
  padding:5px;
}

td.place {
  font-size:14px;
  font-weight:bold;
}

td.tdcenter {
  text-align:center;
}

td strong {
  font-size:11px;
}

/* pagination
 ***********************************/
.pagination {
  display:block;
  text-align:right;
  letter-spacing:1px;
  padding:5px 7px 0 0;
  color:#999;
}

tr.pagination {
  display:table-row;
}

tr.pagination td{
  border:none;
}

.pagination a,
.pagination span{
  padding:0 2px;
  font-size:11px;
  font-weight:bold;
}

.pagination a.green-button {
  padding: 2px 7px;
}

.pagination span {
  color:#666;
}


/********** index page *****************/
#bd-index #contents {
  border: none;
}


dt a {
  font-weight:bold;
}

/* headings and tabs in headings style (rounded corners, different background colors)
 **************************************/
.rnd {
  margin:10px 1px 0 1px;
}

li.rnd {
  float:left;
  margin:0px 2px 0 2px;
  text-align: center;
}


.rnd > :first-child{
  display:block;
  color:#fff;
  font-size:13px;
  text-decoration:none !important;
  padding:4px 0;
  font-weight:bold !important;
}


/** the journey tables **/
tr.has-details img {
  width: 20px;
  height: 32px;
  display: block;
  margin: auto;
  background-image: url(../media/journey-tbl1.png);
  background-repeat: no-repeat;
}

tr.has-details img.edit {
  background-position: 0 -694px;
}

tr.has-details img.delete {
  background-position: 0 -794px;
}

.journey-table tr.has-details td.driver,
.journey-table tr.has-details td.passenger,
.journey-table tr.has-details td.driver-passenger,
#profile-journeys tr.has-details td.driver,
#profile-journeys tr.has-details td.passenger,
#profile-journeys tr.has-details td.driver-passenger {
  padding-left: 45px;
  background-image: url(../media/journey-tbl1.png);
  background-repeat: no-repeat;
}

td.driver{
  background-position: 13px -885px;
}

td.passenger{
  background-position: 14px -985px;
}

td.driver-passenger{
  width: 40px;
  background-position: 5px -1087px;
}

td img.driver{
  background-position: 0px -890px;
}

td img.passenger{
  background-position: 0px -990px;
}

td img.driver-passenger{
  width: 40px;
  background-position: 0px -1090px;
}


td img.show-details {
  background-position: 0px -590px;
}

tr.has-details img.contact {
  display: inline;
  height: 22px;
  width: 18px;
  margin-left: 5px;
  background-position: 0 -694px;
}

.journey-table  tr.has-details td{
  padding:5px 1px 5px 5px;
}

.journey-table  div.address {
  white-space:nowrap;
  overflow: hidden;
  width: 174px;
}

#bd-journeys .journey-table  div.address{
  width: 226px;
}

#profile-journeys  div.address {
  white-space:nowrap;
  overflow: hidden;
  width: 204px;
}

#my-journeys div.address{
  width: 150px;
}

/*
.no-js #tbl-departures thead th.departure,
.no-js #tbl-departures thead th.destination,
.no-js #tbl-departures thead th.date,
.no-js #tbl-departures thead th.type {
  padding:0 5px;
  background-position:100px;
}
*/

tr.has-details:hover,
tr.active,
tr.over {
  background:#c1d64f;
}


/* journey details in dep table
 ***********************************/
table.journey-table  {
  border-collapse: collapse;
}

/*if the details are opened specifically via a link*/
.journey-table  tr.details.det-open{
  display: table-row;
}

.journey-table  tr.details.det-open div.details-cont{
  display: block;
}

/* a small heading in the journey details, only for seo */
.cov-title {
  color: #333;
  display: block;
  text-align: center;
}

.has-js .cov-title {
  display: none;
}

tr.details td {
  padding:0;
}

.details-cont {
  background:#d5e57a;
  margin:0;
  padding-top:10px;
  position:relative;
  height: 1%;
}

.details-cont a.details-close {
  right:4px;
  top: 3px;
  border:1px white solid;
  color:white !important;
  font-size:15px;
  font-weight:bold;
  background:B1C92B none;
  padding:0px 2px 2px 2px;
  display:block;
  line-height:12px;
  text-decoration:none !important;
  position:absolute;
}

.dir-arrow {
  font: 14px bold Arial, Helvetica;
  padding: 0 5px;
}

table.time-table {
  width: 90%;
  margin: 5px auto;
}

.time-table thead{
  background: none;
}

.time-table thead td{
  font-weight: normal;
  text-align: center;
}

/* to override the border="1" set in the html*/
table table.time-table {
  border: 0px #d5e57a dotted;
}

table table.time-table thead td{
  border:1px #d5e57a dotted;
  border-bottom:1px #838869 dotted;
}

.time-table tbody th,
.time-table tbody td {
  text-align: center;
  width: 35px;
  padding:1px 2px;
  border:none;
  height:auto;
  font-size:11px;
  color:#555b31;
  border:1px #838869 dotted !important;
}

.time-table.irreg tbody td {
  border: none;
  width: 100%;
}

.time-table.irreg {
  border: 1px #838869 dotted;
}



/* driver info
 ***********************************/
table.driver-info {
  margin:10px 10px 10px 20px;
  border:none;
  width:300px;
  float: left;
}

tr.details table.driver-info td,
tr.details table.journey-info td{
  border:none;
  line-height: 25px;
  padding:0 5px 0 0;
  white-space: nowrap;
  vertical-align: top;
}

table.driver-info strong{
  color:#555b31;
}

table.journey-info {
  margin:10px 10px 10px 20px;
  border:none;
  width:300px;
  float: left;
}

.driver-company {
  height: 52px;
}

.journey-eval {
  height: 24px;
}

.journey-eval img {
  height: 17px;
  width: 90px;
  margin-right: 30px;
  background-image:url(../media/allstars-light-green.png);
}

.journey-seats img {
  height: 12px;
  width: 55px;
  background-image: url(../media/journey-tbl1.png);
  background-repeat: no-repeat;
  margin-top: 5px;
}

.place-0{
  background-position:-57px 0;
}
.place-1{
  background-position:-42px 0;
}
.place-2{
  background-position:-28px 0;
}
.place-3{
  background-position:-12px 0;
}
.place-4{
  background-position:0 0;
}

/* the journey preferences, positioned to get two rows without distorting table */
.journey-prefs .prefs-cont {
  position: absolute;
}

tr.details table.driver-info td.pets-heading,
tr.details table.journey-info td.pets-heading {
  padding-top: 4px;
}

.journey-prefs .pets-cont {
  vertical-align: middle;
}

.prefs-cont img {
  margin: 0 4px 2px 0;
  width:28px;
  height:30px;
  background-repeat:no-repeat;
  background-image:url(../media/picto-pref.png);
}

.pets-cont img {
  vertical-align: middle;
  margin: 0 4px 2px 0;
  width:28px;
  height:30px;
  background-repeat:no-repeat;
  background-image:url(../media/picto-pref.png);
}

.men{
  background-position:0px -222px;
}

.women{
  background-position:0px -256px;
}

.smoker{
  background-position:0px -30px;
}

.not-smoker{
  background-position:0 0 ;
}

.music{
  background-position:0px -62px;
}

.not-music{
  background-position:0px -93px;
}

.animals{
  background-position:0px -287px;
}

.not-animals{
  background-position:0px -320px;
}

.comments {
  margin:10px;
  border:1px #838869 dotted;
  background:white;
  padding:10px;
}

.button-part{
  padding:10px 5px 10px 5px;
  margin:0;
  background:white;
  text-align:right;
}

.journey-table .button-part {
  border: 5px #D5E57A solid;
}

.button-part img{
  width:28px;
  height:30px;
  background-repeat:no-repeat;
  background-image:url(../media/picto-pref.png);
  margin:0 10px -8px 10px;
}

.button-part button{
  padding:0;
  margin:0 0 0 2px;
}

.button-part li{
  display:inline;
  font-size:11px;
}

.journey-table .button-part li{
  margin-left: 10px;
}

.button-part a:hover{
  text-decoration:none;
}


.add-fav{
  background-position:0px -125px;
}

.add-fav-check {
  background-position:0px -353px ;
}

.delete {
  background-position:0px -155px ;
}

.tbl-journeys table{
  margin:10px 0 10px 50px !important;
}


/***********************************
      any form validation error
************************************/
em.gen-error,
em.val-error {
  display:block;
  color:#c00;
  text-align:left;
  margin-left:20px;
  padding-top: 5px;
}

em.gen-error {
  display: none;
}

/******************  tooltips.css ************************/

.tt-small,
.tt-big {
  border-collapse:collapse;
  padding:0;
  margin:0;
	color:#336;
  height:115px;
	background:url(../media/boxes/tr.png) no-repeat center center;
	opacity:0.95;
	width: 160px;
}

/*** the table cell holding the text ***/
.tt-small td.tooltip_body,
.tt-big td.tooltip_body {
	font-size:12px;
	border:none;
	padding:0 18px;
}

.tt-small.br {
  background-image:url(../media/boxes/br.png);
}

.tt-small.bl {
  background-image:url(../media/boxes/bl.png);
}

.tt-small.tr {
  background-image:url(../media/boxes/tr.png);
}

.tt-small.tl {
  background-image:url(../media/boxes/tl.png);
}


/* in le-covoiturage we need the big tooltip ***/
.tt-big{
	width:160px;
	background-image:url(../media/boxes/br-big.png);
}

.tt-big td.tooltip_body{
  height:161px;
	padding:0 18px;
}

.tt-big.br {
  background-image:url(../media/boxes/br-big.png);
}

.tt-big.bl{
  background-image:url(../media/boxes/bl-big.png);
}

.tt-big.tr{
  background-image:url(../media/boxes/tr-big.png);
}

.tt-big.tl{
  background-image:url(../media/boxes/tl-big.png);
}

/* facts
 **************************************/

.fact {
  background:url(../media/white-round-350.png) no-repeat 0 bottom;
  margin: 10px 0 15px 20px;
  height: 260px;
  color: #666;
  float: left;
  width: 350px;
}

.fact strong {
  display:block;
  text-align:center;
  font-size: 100px;
  font-weight: bold;
  padding: 0 0 10px 0;
  line-height: 100px;
  margin:0;
}

.fact strong.small {
  font-size: 65px;
}

.fact h3 {
  background:url(../media/white-round-350.png) no-repeat 0 top;
  padding: 20px 25px 0 25px;
  margin: 0;
  color: #555 !important;
  font-weight:normal;
  font-size: 14px;
}

.fact p {
  margin: 20px 25px;
  font-size: 14px;
}


/** removing an event from favourites **/
#bd-user #addfav-button img{
  background-position:0 -155px;
}

#tbl-events .button-part {
  padding-top:0;
  border-top:1px silver solid;
}

#bd-user h2.sifr{
  border-bottom: none;
}

#bd-user .my-journeys h2.sifr{
  border-bottom: 1px silver solid;
}

#bd-user #event-listing {
  border: 1px silver solid;
  margin: 0 auto;
  width: 98%;
}

/*************************** the user pages *****************************/
#user-top {
  background:#b5c500 url(../media/top-mescontacts.png) no-repeat -120px 0;
  height:113px;
  padding-top:2px;
  position:relative;
  color:white;
  margin-bottom: 1px;
}

#user-top #avatar {
  float:left;
  margin:5px 20px;
}

#user-top .eval{
  background-image:url(../media/allstars-green.png);
}

#user-top-right {
  position:absolute;
  right:10px;
  top:10px;
}

#user-top h3 {
  margin: 8px 0;
  padding:0;
}

#user-top a {
  color:#fff;
  text-decoration:underline;
}

#user-top #eldoradio {
  padding-top: 6px;
  display:block;
}

#bd-user .table-title{
  color: #00abe0;
}

#bd-user h2.sifr {
  padding-top: 2px;
  clear: left;
}


/* user tabs same length */
.tabs li {  
  height: 24px;
  margin-bottom: 15px;
}

.tabs a {  
  height: 20px;
  padding: 4px 0 0 0;
  display: block;
  position: relative;
}

.tabs a:hover {
  text-decoration: none;
}

.tabs li {
  width: 130px;
}

#user-tabs li {
  width: 300px;
}

#user-tabs.my li {
  width: 101px;
}

/*** blue background with black active ***/
.tabs li.active,
.tabs li:hover{
  background-color: #666;
}


/** the small triangle below the tabs **/
.tabs span {
 display:block;
 height:35px;
 background:transparent url(../media/arrows.png) no-repeat center 100px;
 color:#fff;
 width: 98%;
 position: absolute;
 left:-3px;
 top:4px;
 cursor: pointer;
}

.tabs li.active span,
.tabs li:hover span {
  background-position: center -576px;
}

/* user leave */
form#remove-full textarea {
  width: 450px;
}


/*** the success page for adding a carpool ***/
#bd-similar-carpools a.arr-green {
  margin-left: 15px;
}

#similar-journeys {
  position: relative;
}

#similar-journeys a.arr-green {
  position: absolute;
  right: 20px;
  top: -55px;
  margin: 0;
}

#similar-journeys h3.blue {
  margin: 18px 12px 10px 12px;
  font-size: 18px;
}

#similar-journeys #tbl-departures {
  width: 98%;
  margin: 0 auto;
}

/***********evaluation show the different rating stars*************/

table.eval-table .eval,
.eval {
  width:90px;
  height:18px;
  background-image: url(../media/allstars-white.png);
  background-repeat: no-repeat;
}

.eval-0{
  background-position: -90px 0;
}
.eval-1{
  background-position: -71px 0;
}
.eval-2{
  background-position: -53px 0;
}
.eval-3{
  background-position: -35px 0;
}
.eval-4{
  background-position: -17px 0;
}
.eval-5{
  background-position: 1px 0 ;
}


/************************* the user contacts ****************************/
div.contact {
  background:#F6F6F6 none repeat scroll 0%;
  border:1px solid #CCCCCC;
  width: 49%;
  height: 121px;
  margin: 2px 0 0 3px;
  float:left;
  position: relative;
}

div.contact img.pic-l {
  margin: 10px 10px 20px 10px;
}

div.contact h4 {
  color: #00abe0;
  margin: 15px 0 5px 0;
}

div.contact .contact-button {
  position: absolute;
  bottom: 10px;
  left: 110px;
}

div.contact .showprofile-button {
  position: absolute;
  top : 5px;
  right: 5px;
}

div.contact .delfriend-button {
  position: absolute;
  bottom : 8px;
  right: 5px;
}

div.contact .delfriend-button img {
  width:28px;
  height:30px;
  background-repeat:no-repeat;
  background-image:url(../media/picto-pref.png);
  margin:0 10px 0 10px;
}


/********************* evaluations ****************************/

/* the summary */
table#eval-summary,
table#eval-month{
  border-left:1px #ccc solid;
  border-right:1px #ccc solid;
  border-bottom:1px #ccc solid;
  border-collapse:collapse;
  float:left;
  width: 390px;
  margin: 1px;
}

#hd-summary th {
  font-size: 13px;
  font-weight: normal;
  border: none;
}

#eval-summary th img{
  background-image: url(../media/allstars-green.png);
  margin: 0 0 -4px 5px;
}

#eval-summary td {
  bordeR: none;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
}

#eval-summary tr#good .eval-icon {
  background: url(../media/icons/eval.png) no-repeat 20px 7px;
}

#eval-summary tr#neutral .eval-icon {
  background: url(../media/icons/eval.png) no-repeat 20px  -193px;
}

#eval-summary tr#bad .eval-icon {
  background: url(../media/icons/eval.png) no-repeat 20px  -393px;
}

#eval-summary tr#good td,
#eval-month span.good{
  color:#8daa01;
}

#eval-summary tr#bad td,
#eval-month span.bad{
  color:#b2041d;
}


/* the table for the last months */
table#eval-month {
  width: 374px;
}

#eval-month #hd-month th,
#eval-month td{
  border: none;
  border-bottom:1px #ccc solid;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

#eval-month td.line {
  text-align: right;
}

#eval-month span {
  font-weight: bold;
}

.eval-table td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.eval-table a {
  color: #333;
}

td.eval-good,
td.eval-neutral,
td.eval-bad{
  padding:7px 0 7px 35px;
  text-align: left;
  background: url(../media/icons/eval.png) no-repeat;
}

td.eval-good{
  background-position: -1490px 5px;
}

td.eval-neutral{
  background-position: -1490px -195px ;
}

td.eval-bad{
  background-position: -1490px -395px ;
}

#evalUser-button {
  margin: 10px 0;
}

col.eval-stars {
  width: 100px;
  text-align: center;
}

col.eval-person {
  width: 120px;
  text-align: center;
}

col.eval-date {
  width: 80px;
  text-align: center;
}

.eval-table .details td{
  border-top: none;
  border-bottom: none;
}

.eval-table .details-cont{
  padding: 15px 0;
}

.eval-table .details li{
  display: inline;
  padding: 0 10px;
}

.eval-table .details img{
  background-image: url(../media/allstars-green.png);
  margin:0 0 -4px 5px;
}

.eval-table tr.has-details:hover img,
.eval-table tr.has-details.over img,
.eval-table tr.has-details.active img{
  background-image: url(../media/allstars-green.png);
}
/*****************  the user registration  ******************/
#bd-registration h3 {
  margin-left: 75px;
}

#user-data fieldset {
  border: 1px #ccc solid;
  width: 600px;
  margin: 10px auto 20px auto;
  display:block;
  padding: 20px 5px;
}

#user-data em.val-error {
  padding-top: 5px;
  padding-left: 290px;
}

#user-data fieldset p{
  width: 500px;
  margin: auto;
}

#user-data div.btn{
  width: 480px;
  margin: auto;
}

#user-data #req-note {
  width: 600px;
  margin: auto;
  text-align: right;
}

#user-data #save-status {
  padding-left: 75px;
  display: block;
  margin-left: 20px;
  padding-top: 5px;
  font-size: 18px;
}

#user-data input,
#user-data textarea {
  width: 250px;
}

#user-data select  {
  width: 256px;
}

#user-data label  {
  margin: 4px 0;
  width: 560px;
  margin: auto;
  padding: 1px 0;
}

#user-data legend {
  font-size: 15px;
  color:#00abe0;
  font-weight:bold;
  padding-left: 10px;
  padding-right: 10px;
}

#user-data legend em {
  font-size: 12px;
  color:#333;
  font-weight:normal;
  padding-left: 10px;
  font-style:normal
}

.pic-l{
  padding:3px;
  float:left;
  margin:0px 10px 3px 0;
  border:1px solid #ccc;
  display:block;
}

#avatar-select {
  width: 480px;
  position:relative;
  height: 50px;
}

#isb-container{
  position: absolute;
  left: 328px;
  top: 5px;
}

#isb-container span{
  position: absolute;
  left: -142px;
  color:#8daa01;
}

#isb-avatar{
  left: 220px;
  top:100px;
}

#isb-avatar label {
  background: #fff no-repeat 0 0;
  height: 40px;
  margin: 2px;
  border: 1px silver solid;
}

/********* isb in case js is disabled *********/

#avatar-select.no-js {
  height: 400px;
}

#avatar-select.no-js ul{
  width: 500px;
}

#avatar-select.no-js li{
  width: 150px;
  float: left;
  background: #fff;
}

#avatar-select.no-js #isbdefault {
  display: none;
}

#avatar-select.no-js label{
  width: 145px;
}

fieldset#languages {
  border: none;
  margin:2px auto;
  padding:1px 0;
  width: 560px;
  text-align: right;
}

#languages legend{
  color: #8DAA01;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: -22px;
  padding-left: 205px;
}

#languages label{
  display: inline;
}


#user-messenger-area input {
  margin-left: 25px;
}

#user-messenger-area label {
  background: url(../media/instant-messengers.png) no-repeat 100px;
}

label#skype {
  background-position: 285px 0px;
}

label#aim {
  background-position: 285px -99px;
}

label#msn {
  background-position: 285px -199px;
}

label#yahoo {
  background-position: 285px -299px;
}

label#icq {
  background-position: 285px -399px;
}

#accept-submit {
  border: none !important;
}

#accept-submit em.val-error {
  padding-left: 185px !important;
}

/* the inner fieldset of the notifications */
#event-notifications fieldset {
  width: 510px;
  padding: 10px 0 10px 20px;
  margin-right: 20px;
}

#event-notifications fieldset label{
  text-align: left;
  display: block;
  width: 120px;
  float:left;
}

#event-notifications legend label{
  display: inline;
  font-weight: normal;
  float: none;
}

#event-notifications legend input{
  margin: 0 5px 3px 8px;
}

.js-popup-link {
  cursor: hand;
  cursor: pointer;
}

/********************** the evaluation popup **********************/
div#add-eval {
  width: 300px;
}

#add-eval form{
  padding: 0 15px;
}

#add-eval label span{
  color:#8daa01;
  font-size:15px;
  font-weight:bold;
  display: block;
  margin:10px 0 2px 0;
  padding:0;
  text-align:left;
}

div#add-eval label{
  text-align: left;
}

#eval-comment textarea {
  width: 260px;
  height: 50px;
}

/******************* the welcome, login and forgot-pwd page **************************/
div.user-special {
  background: url(../media/white-round-gradient-bg.png) no-repeat left bottom;
  margin:20px 20px 0pt 30px;
  min-height: 80px;
}

.user-special h3 {
  background: url(../media/white-round-gradient-bg.png) no-repeat 0 0;
  color:#8daa01;
  padding:25px 20px 20px 30px;
  margin: 0px;
}

.user-special p {
  padding:0 20px 10px 31px;
  margin: 0;
}

.user-special form{
  background: url(../media/bg-login.png) no-repeat 500px bottom;
  padding-bottom: 20px;
}

.user-special label,
.user-special button{
  margin-right:260px;
}

.user-special ul {
  padding: 0 20px 0 45px;
}

.user-special p.add-journey {
  background: url(../media/bg-login.png) no-repeat 500px bottom;
  padding: 20px 31px 40px 31px;
  line-height: 50px;
}

.user-special li {
  background: url(../media/arrows.png) no-repeat -16px -714px;
  margin-bottom: 10px;
  padding-left: 10px;
}

#login-full label.cb {
  margin-right: 420px;
}

/***************   the popups ******************/
/** note: all popups have the class dialog **/

/*****  the different background images for alert, confirm, error boxes *****/
div.dialog .bg-dialog{
  margin: 20px 20px 0 20px;
  width: 80px;
  height: 80px;
  display: block;
  float: left;
  background: transparent url(../media/cars.png) no-repeat 0 0;
}

div.dialog .bg-login {
  background-position: 0 -600px;
}

div.dialog .bg-confirm {
  background-position: 0 -100px;
}

div.dialog .bg-error {
  background-position: 0 0;
}

div.dialog .bg-message {
  background-position: 0 -400px;
}

div#login-popup {
  width: 430px;
}

/****  the user profile popup  *****/

div#show-profile {
  width:700px;
}

#show-profile h2{
  background-color: #00ABE0;  
}

#profile-info th {
  text-align: left;
  font-size: 12px;
  padding: 7px 3px 3px 5px;
}

#profile-info td,
#profile-info th {
  border: none;
  vertical-align: top;
}

#show-profile ul.contact-options {
  margin: 0 30px 60px 30px;
}

#show-profile h3 {
  margin: 5px 0 10px 10px;
}


/**** contact user *****/
#contact-user .user-info,
#contact-user .user-contact,
#contact-user form,
#tell-a-friend-popup form {
  margin: 20px;
  padding-top: 0;
}

#contact-user  h3 {
  margin-bottom: 5px;
}

#contact-user  h3 a{
  padding: 0 0 0 13px;
  background:url(../media/arrows.png) no-repeat -10px -890px;
}

#contact-user .user-info strong{
  margin: 0 0 10px 0;
  display:block;
}

#contact-user ul.contact-options {
  padding: 0 0 0 10px;
}

ul.contact-options li{
  padding: 0 0 0 30px;
  background-image: url(../media/instant-messengers.png);
  background-repeat:no-repeat;
  line-height: 22px;
  width: 140px;
  float: left;
}

li#skype {
  background-position: 0 0px;
}

li#aim {
  background-position: 0 -99px;
}

li#msn {
  background-position: 0 -199px;
}

li#yahoo {
  background-position: 0 -299px;
}

li#icq {
  background-position: 0 -399px;
}

#contact-user .btn .cb {
  text-align: right;
}

.spoken-langs li{
  display: inline;
}

.dialog textarea {
  width: 100%;
  height: 150px;
}

#tell-a-friend-popup input {
  width: 250px;
}

#tell-a-friend-popup #my-contacts-list label {
  width: 150px;
  margin-left: 10px;
  float:left;
}
#my-contacts-list img {
  margin: 0 8px -6px 0;
}

#contact-user label {
  text-align:left;
  margin-bottom: 10px
}

#tell-a-friend-popup label {
  line-height: 30px;
}


#tell-a-friend-popup label img{
  margin-top: -2px;
}


/********************** adding a journey **********************/
/*
div#add-journey {
  width: 600px;
}

#add-journey form {
  padding: 0 20px 20px 20px;
}

#add-journey label {
  margin: 2px 0;
}

#addjourney-address label {
  margin-right: 130px;
}

#addjourney-address input {
  width: 300px;
}

#addjourney-address select {
  width: 306px;
}

#addjourney-address button {
  margin: 10px 0 10px 220px;
  display: none;
  opacity: 0.5;
}

#addjourney-time label {
  text-align: left;
}

#addjourney-time select {
  width: 50px;
}

#addjourney-prefs{
  width: 300px;
  float: left;
}

#addjourney-prefs ul label{
  display: inline;
  line-height: 40px;
}

#addjourney-prefs img{
  padding: 0;
  margin: 0 0 -9px 0;
  width:28px;
  height:30px;
  background-repeat:no-repeat;
  background-image:url(../media/picto-pref.png);
}

#addjourney-prefs ul input{
  margin: 0 0 -4px 5px;
}

label#addjourney-musictype {
  text-align: left;
}

#JourneyComments {
  height: 100px;
  width: 250px;
}

*/

/************************ autocomplete  ***************************/


/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: #fff url('../media/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #8daa01;
	color: white;
}


/* the small arrow for each link in the respective color */
.arr-grey {
  color: #666;
  padding-left: 9px;
  background: url(../media/arrows.png) no-repeat -17px -713px;
}

.arr-blue {
  color: #00abe0;
  padding-left: 9px;
  background: url(../media/arrows.png) no-repeat -17px -1293px;
}

.arr-green {
  color:#8daa01;
  padding-left: 9px;
  background: url(../media/arrows.png) no-repeat -17px -893px;
}

.arr-pink {
  color: #D3006B;
  padding-left: 9px;
  background: url(../media/arrows.png) no-repeat -17px -1794px;
}

/********* the vertical journey table with timepicker *****************/
#addjourney-time thead th {
  height: 25px;
}


#addjourney-time input.time {
  width: 40px;
  padding: 1px;
}

#tp_container {
  font-size: 11px;
  display: none;
  background-color: #f6f6f6;
  border: 1px silver solid;
  border-top-color:#eee;
  border-left-color:#eee;
  padding: 2px 2px;
  position : absolute;
  z-index : 9999;
}

#tp_container li {
  padding: 1px 8px;
}

#tp_container li.tp_active,
#tp_container li.tp_active li.tp_active {
  background-color: highlight;
  color: highlightText;
}

#tp_container li.tp_active li{
  background-color: #f6f6f6;
  color: #000;
}

#tp_container ul.tp_min {
  padding: 2px 0;
  border: 1px silver solid;
  border-top-color:#eee;
  border-left-color:#eee;
  background-color: #f6f6f6;
  position : absolute;
  display: none;
}

#tp_hours1,
#tp_hours2 {
 float: left;
}

#tp_hours1 li{
 padding-left: 10px;
 background: url(../media/arrows.png) no-repeat -17px -1493px;
}

#tp_hours2 li{
 padding-right: 8px;
 background: url(../media/arrows.png) no-repeat 12px -713px;
}

#tp_hours1 li.tp_active{
 background-position: -17px -1593px;
}

#tp_hours2 li.tp_active{
 background-position: 12px -1693px;
}

/* no background image wanted here */
#tp_container ul#tp_min li{
  background-image: none;
}

/************************** rounded corners everywhere **********************/
.bg-outer {
  background: url(../media/bg-rnd-bottom.png) no-repeat right bottom;
  padding:0 8px 0 0;
  margin:0;
}

.bg-inner{
  background: url(../media/bg-rnd-bottom.png) no-repeat left bottom;
  margin:0;
  padding:0 0 10px 8px;
}

/************************** the new right column *********************/
#right-col {
  width:180px;
  float: left;
}

#right-col a {
  color:#333;
  font-size:11px;
}

.mon-compte li,
.menubox li {
  padding-left: 10px;
  background: url(../media/arrows.png) no-repeat -15px -713px;
}



/* login
 ***********************************/
.mon-compte{
  border-top:5px #00abe0 solid;
  background: url(../media/gradient-g-w.png) repeat-x 0 0;
}

.mon-compte h2,
#right-col .mon-compte h2 a{
  color:#00abe0;
  font-size:14px;
  font-weight:bold;
  margin:0;
  padding:5px 0;
}

.mon-compte input {
  width:140px;
}

.mon-compte label.cb {
 text-align:left;
 display:inline;
 color: #00abe0;
 font-weight: bold;
 float:left;
}

.mon-compte div.btn {
  margin:0;
  padding:0;
}

.mon-compte button {
  background-color: #00ABE0;  
  font-weight:bold;
  font-size:11px;
  color:#f8fae9;
  padding:1px 3px;
  cursor:pointer;
  border:1px solid #00abe0;
  margin:2px 1px 0 3px;
}


#sameTime {
  display:none;
}


/************* download links ***************/
a.download {
  padding-left: 20px;
  /*background: url(../media/filetypes/download.gif) no-repeat;*/
  background-repeat: no-repeat;
}



/*********** the arrow for the link in event details must be a bit higher *************/
#div-details a.arr-green {
 background-position: -17px -894px;
}


/*********** event and dossier menu **************/
#dossier-navi,
#event-navi {
  background: url(../media/gradient-g-w.png) repeat-x 0 -35px;
  height: 46px;
  margin-bottom: 10px;
}

#dossier-navi ul,
#event-navi ul{
  border-bottom: 1px #ddd solid;
  height: 22px;
}

#dossier-navi li,
#event-navi li {
  display: block;
  float: left;
  border-left: 1px #ddd solid;
}

#dossier-navi li.first,
#event-navi li.first {
  border-left: none;
}

#dossier-navi li a,
#event-navi li a {
  padding: 2px 20px;
  line-height: 23px;
  text-decoration: none;
  color: #999;
}

#dossier-navi li:hover,
#dossier-navi li:focus,
#dossier-navi li.active,
#event-navi li:hover,
#event-navi li:focus,
#event-navi li.active{
  background-color: #00abe0;
}

#dossier-navi li:hover a,
#dossier-navi li:focus a,
#dossier-navi li.active a,
#event-navi li:hover a,
#event-navi li:focus a,
#event-navi li.active a{
  color: #fff;
}


/*** no event found ***/
div#not-found {
  padding-top: 20px;
  text-align: center;
}

div#not-found p {
  font-size: 1.6em;
}

/*** no journey found ***/
div#no-journey {
  padding: 20px;
  text-align: center;
  font-size: 1.4em;
  color: #333;
}
/*
div#no-journey a {
  color: #ff096d;
  text-decoration: underline;
}
*/
/*************************           right menu        ****************************/
.menubox {
  margin-bottom: 10px;
}

.menubox h2 {
  text-transform: uppercase;
}

.menubox h2 span{
  padding:4px 4px 2px 10px;
}

.menubox ul {
  margin: 0 1px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

#right-col .menubox li{
  border-top: 1px #ccc dotted;
  padding-left: 13px;
}

#right-col .menubox li:first-child{
  border-top: none;
}

.menubox a{
  padding: 5px 0;
  display: block;
}

.green-border {
  border-color: #b0d400;
}

.green-border li {
  background-position: -18px -1989px;
}

.blue-border {
  border-color: #01b4ec;
}

.blue-border li {
  background-position: -18px -2089px;
}

.orange-border {
  border-color: #e89700;
}

.orange-border li {
  background-position: -18px -2189px;
}

.pink-border {
  border-color: #e6116a;
}

.pink-border li {
  background-position: -18px -2289px;
}

a.rightbar-fact {
  background:url(../media/bg-rightbar-fact.png) no-repeat left top;
  width: 178px;
  display: block;
  text-align: center;
  padding-top: 20px;
}

a.rightbar-fact:hover {
  text-decoration: none;
}

a.rightbar-fact .inner{
  background:url(../media/bg-rightbar-fact.png) no-repeat left bottom;
  display: block;
  padding: 0 5px 10px 5px;
}

a.rightbar-fact em{
  margin-top: -10px;
  display: block;
  font-size: 15px;
  color: #777;
  font-weight: bold;
  font-style: normal;
}

a.rightbar-fact .inner span {
  font-size: 12px;
}

a.rightbar-fact strong.more {
  display: block;
  text-decoration: underline;
  margin-top: 5px;
  color: #666;
}

a.rightbar-fact span span strong {
  display: block;
  font-size: 50px;
  line-height: 45px;
  padding: 10px 5px;;
}

a.rightbar-fact span span strong.small {
  font-size: 30px;
  line-height: 30px;
  padding: 8px;
}

/********************* the contact page *****************/

#bd-contact dl {
  margin:20px 50px;
}

#bd-contact dt {
  background:transparent url(../media/arrows.png) no-repeat -13px -193px;
  color:#8DAA01;
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0 0 5px 15px;
}

#bd-contact dd {
  background:#fff;
  font-size:12px;
  margin:0 0 10px;
  padding:10px 20px;
  text-align:justify;
}

#bd-contact .vcard {
  margin:10px 40px 10px 60px;
  width:200px;
  float:left;
  font-size:12px;
}

#bd-contact .vcard .type {
  display:none;
}

#bd-contact .vcard .org {
  color:#8daa01;
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:10px 0 10px 45px;
  background:url(../media/icons/icon-contact.png) no-repeat 0px 2px;
}

#bd-contact #directions{
  margin:10px 40px;
}

/********************* the FAQ page ********************/

#bd-faq dl {
  margin:20px 50px;
}

#bd-faq dt {
  color:#8daa01;
  font-size:16px;
  font-weight:bold;
  margin:0;
  padding:0 0 5px 15px;
  background:url(../media/arrows.png) no-repeat -13px -193px;
}

#bd-faq dt.clicked {
  background-position: -17px -291px;
}

#bd-faq dd {
  margin:0 0 10px 0;
  padding:10px 20px;
  text-align:justify;
  background:white;
  font-size:12px
}


/**************************** the footer menu and the footer countries menu*******************************/
#footer {
  text-align: center;
  padding:15px 30px;
  margin-top: 25px;
  width:880px;
}

#footer ul a{
  color: #999;
  text-decoration: underline;
  white-space: nowrap;
}

#footer li {
  color: #999;
  padding: 7px 0 0 0;
  display: inline;
  line-height: 25px;
}

#footer span.divider {
  padding: 0 7px;
}

#footer-countries ul {
  margin-top: 20px;
  padding-top: 5px;
  border-top: 1px silver dashed;
}

#footer-subdomains-events h4{
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  color: #555;
}

#ad-with-karzoo {
  font-size: 11px;
  font-style: italic;
  display: block;
  margin-top: 20px;
  text-align: center;
}

#ad-with-karzoo a {
  background-position: -13px -714px;
  padding-left: 10px;
  color: #333;
}

/**** the christmas banner ***/

#xmas-bottom {
  position: absolute;
  top: 110px;
  left: 639px;
  z-index: 999;
}

#navi-contact {
  position: absolute;
  right: 5px;
  top: 115px;
}


/***************** calendar style *****************/

#calendarDiv {
	display: none;
	position: relative;
	background: #fff;
}
#calendarDiv a {
	cursor: pointer;
}
#calendar {
	background: #00abe0;
	clear: both;
	text-align: center;
	font-size: 105%;
	width: 180px;
	border: none;
	margin: 0;
}
#calendar th.calendarHeader {
	background: #00abe0;
	border-bottom: 1px solid #ddd;
	color: #fff;
	padding: 2px 0;
}
#calendar .weekDaysTitleRow {
	background: #00abe0;
	color: #fff;
}
#calendar .weekDaysRow {
	background: #dff7fe;
}
#calendar .weekDaysRow a{
	color: #666;
}
#calendar .weekDaysCell {
	border: 1px solid #ddd;
}
#calendar .weekDaysCellOver {
	background: #fff;
	border: 1px solid #777;
}
#closeCalender {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 1px;
	display: block;
	padding: 2px;
	cursor: pointer;
	font-size: 60%;
}
#closeCalender:hover {
	background: #000;
	color: #fff;
}
#prevMonth, #nextMonth {
	text-align: center;
	display: block;
	cursor: pointer;
}
#today {
	background: #00abe0;
	color: #fff;
}

#middle-part .subscribe-link {
  float: left;
  margin-left: 30px;
  margin-top: 30px;
  width: 178px;
}