.message {
  color: red;
}

.formElementWithError {
   background-color: red;
}

code {
   overflow: auto;
   width: 100%;
   display: block;
   border-left: 1px solid #aaaaaa;
   background-color: #eaeaea;
}

.tooltip {
position:absolute;
width:240px;
height:50px;
top:0px;
left:280px;
padding:5px 5px 5px 35px;
background: url(/static_3/images/tooltip.gif) no-repeat;
z-index:2;
}

dl,dt,dd {
   margin:0;
   padding:0;
   list-style-type:none;
}

dt {
   clear:left;
   width:120px;
   float:left;
   font-weight:normal;
}
dd {
   color:#999;
}

.website {display:none;}
#premium_icon {vertical-align:baseline;}
.valign_middle {vertical-align:middle;}
#minw {
   min-width: 990px;
   width:expression(document.body.clientWidth < 990? "990px": "auto" );
}


#htmltagcloud {
  text-align:  center;
  line-height: 1;
}
span.tagcloud0 { font-size: 9px;}
span.tagcloud1 { font-size: 10px;}
span.tagcloud2 { font-size: 11px;}
span.tagcloud3 { font-size: 12px;}
span.tagcloud4 { font-size: 13px;}
span.tagcloud5 { font-size: 14px;}
span.tagcloud6 { font-size: 15px;}
span.tagcloud7 { font-size: 16px;}
span.tagcloud8 { font-size: 17px;}
span.tagcloud9 { font-size: 18px;}
span.tagcloud10 { font-size: 19px;}
span.tagcloud11 { font-size: 20px;}
span.tagcloud12 { font-size: 21px;}
span.tagcloud13 { font-size: 22px;}
span.tagcloud14 { font-size: 23px;}
span.tagcloud15 { font-size: 24px;}
span.tagcloud16 { font-size: 25px;}
span.tagcloud17 { font-size: 26px;}
span.tagcloud18 { font-size: 27px;}
span.tagcloud19 { font-size: 28px;}
span.tagcloud20 { font-size: 29px;}
span.tagcloud21 { font-size: 30px;}
span.tagcloud22 { font-size: 31px;}
span.tagcloud23 { font-size: 32px;}
span.tagcloud24 { font-size: 33px;}


html #bg_container a.fb_share_button {
   color:#3b5998;
   display: -moz-inline-block;
   display:inline-block; 
   padding:1px 20px 0 5px; 
   height:15px; 
   border:1px solid #d8dfea; 
   background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right;
}

html #bg_container a.fb_share_button:hover { 
   color:#fff; 
   border-color:#295582; 
   background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top right;
   text-decoration:none;
}

#popup_container,.report_container {
    width:100%;
    position:relative;
}
.report_container {
    text-align:right;
    height:2em;
    z-index:101;
}
.report_form {   
    position:absolute;
    top:-10px;
    left:0;
    width:95%;
    background-color:#eee;
    color:#000;
    text-align:right;
    padding:10px;
    border:1px solid #888;
/*display:none;*/
}
.report_message {text-align:left;}

.link          {color:#2a88ac;text-decoration:underline;}
.link:hover    {color:#ffffff;background-color:#4eaed2;}

.link2         {color:#2a88ac;text-decoration:none;}
.link2:hover   {background-color:transparent !important;}

.login_options {
   font-weight:bold;
}

.adverts {
   font-size:1px;
   line-height:1px;
}

.white { background-color:#ffffff; color:#535353; }
.grey { background-color:#e9e9e9; color:#535353; }

.box { padding: 5px;margin-top:2px; }
.input { border: 1px solid rgb(198, 206, 185); height:18px; padding:3px 3px 0 3px; color: rgb(83, 83, 83); font-family: 'Lucida Grande';}

.header { font-size: 20px; color: rgb(116, 116, 116); font-weight: bold; border-bottom: 1px solid rgb(116, 116, 116); margin-bottom:10px; }

.elevation-error { font-size: 18px; color: #000; font-weight: bold; width: 500px; text-align: center; top: 40px; left: 35px; position: absolute;}
.mtk-elevation-container { background-color:#000 !important; border-radius:5px !important; -moz-border-radius:5px !important }
.mtk-elevation-reverse { top: 3px !important; }

/* CSS for Bikemap.de -> Produced by Koller Juergen | Kollermedia.at - Austria-Media.at */

* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#535353; background-color:#ffffff;}
textarea {font-family:Arial, Helvetica, sans-serif;}
p.noscript {text-align:center;background-color:#4eaed2;color:#fff; font-weight:bolder;margin:20px;padding:10px;}

ul, li { list-style:none; }
#map { z-index: 1000; }

/*Start Hauptstruktur - Sidebar Fixed - Content Fluid*/
#header {height:100px; background:url(/static_3/images/header/header_bg.gif) repeat-x; width:100%; min-width:750px}
#bg_container {background-position:right; background-image:url(/static_3/images/main/bg_maincontent.gif); background-repeat:repeat-y;}
#wrapper{float:left;width:100%; margin-left:-315px;}
#content{margin-left:315px; background-image:url(/static_3/images/main/bg_leftcontent.gif); background-repeat:repeat-x; zoom:100%;}
#content .inlinecontent {padding:15px 10px; }
#sidebar{float:right;width:315px; background-image:url(/static_3/images/main/bg_sidebar.gif); background-repeat:repeat-x;}
#sidebar .inlinecontent {padding:20px 15px 20px 10px; }

/* home page layout relevant only for the home page*/
#bg_container_start {background-position:left; background-image:url(/static_3/images/main/bg_maincontent_left.gif); background-repeat:repeat-y;}
#wrapper_start{float:right;width:100%; margin-left:-315px;}
#content_start{margin-left:315px; background-image:url(/static_3/images/main/bg_leftcontent.gif); background-repeat:repeat-x; zoom:100%;}
#content_start .inlinecontent {padding:15px 10px; }
#sidebar_start{float:left;width:315px; clear:left; background-image:url(/static_3/images/main/bg_sidebar.gif); background-repeat:repeat-x;}
#sidebar_start .inlinecontent {padding:20px 15px 20px 10px; }
/* end home page layout */

#footer{clear:both; width:100%; line-height:30px; text-align:center; background-image:url(/static_3/images/main/bg_footer.gif); background-repeat:repeat-x; background-color:#ffffff;}
#small_footer {float:right;margin-top:7px;text-align:right;}
.wrapper {clear:both; width:1px; height:1px; overflow:hidden;}
/*Ende Hauptstruktur - Sidebar Fixed - Content Fluid*/


/*Start Hauptstruktur - Smallpages*/
#smallcontent {width:746px; background-image:url(/static_3/images/main/bg_smallpages.gif); margin:0px auto;}
#smallcontent .innercontent{padding:10px 15px;}
/*Start Profil*/
#smallcontent .profil {background-image:url(/static_3/images/main/bg_profil.gif); background-repeat:repeat-y; margin-top:20px;}
#smallcontent .profil .leftbar {width:145px;margin-right:20px; float:left;}
#smallcontent .profil .rightbar {float:left; width:550px;}
#smallcontent .profil #trainingstagebuch {}

#smallcontent .profil .profilrouten  {margin-bottom:20px;}
#smallcontent .profil .profilrouten a{color:#83df00; text-decoration:none;}
#smallcontent .profil .profilrouten a:hover{color:#ffffff; text-decoration:none; background-color:#83df00;}
/*End Profil*/
/*Start Einstellungsformular*/
.einstellungenformular {}
.einstellungenformular label {display:block; clear:left; width:120px; float:left; font-weight:bold; margin-bottom:4px; padding-top:4px;}
.einstellungenformular input {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; width:150px;}
.einstellungenformular textarea {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; width:250px;}
.einstellungenformular select {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; width:150px;}
.einstellungenformular input.checkbox{width:auto; margin:6px 0px 0px 0px; padding:0px; background:none; border:0px;}
.einstellungenformular input#zip {margin:5px 0px 5px 0px;}
.einstellungenformular input#retour, .einstellungenformular input#forward {margin:5px 0px 5px 0px;}
.einstellungenformular input.out, .einstellungenformular input.over {display:block; margin-top:10px; margin-left:120px; } 
/*Ende Einstellungsformular*//*Start Hauptstruktur - Smallpages*/


.eventsform select { margin:0; }
.eventsform input {margin:0;width:280px;}
.eventsform textarea {width:280px;}
.eventsform input.out {display:inline;margin-left:10px;}
.eventsform input.checkbox{margin:0px;padding:0px;background:none;border:0px;vertical-align:middle;}
.eventsform label {margin:0;padding:0 9px 0 0;width:150px;text-align:right;}
.eventsform label.radio {display:inline;width:auto;float:none;font-weight:normal;}


/*Start Header Bereich*/
#header .logo {height:63px; float:left; width:400px;}
#header .logo img {border:0; vertical-align:middle;}
#header .logo a:hover {background-image:url('/static_3/images/homeicon-b.gif');background-repeat:no-repeat; background-position:90% 50%;}
#header .navigation_de {width:460px; margin:0px auto;}
#header .navigation_int {position:relative; left:50%; margin:0px; float:left;}
#header .navigation_int .centered {position:relative; left:-50%;}

/*---Start Navigation Tabs--- */
#header #tabs {margin:0px; line-height:normal;}
#header #tabs ul {margin:0; padding:0px 0px 0 0px; list-style:none; font-size:18px;}
#header #tabs li {display:inline;margin:0px 0px 0px 0px; padding:0;}
#header #tabs a {float:left;background:url("/static_3/images/header/navitab_left.gif") no-repeat left top; margin:0px; padding:0 0 0 9px;text-decoration:none;}
#header #tabs a span {float:left;display:block;background:url("/static_3/images/header/navitab_right.gif") no-repeat right top; padding:3px 15px 1px 9px; color:#505e47;}
#header #tabs a.active {float:left;background:url("/static_3/images/header/navitab_leftactive.gif") no-repeat left top; margin:0px; padding:0 0 4px 9px; text-decoration:none; }
#header #tabs a.active span {float:left;display:block;background:url("/static_3/images/header/navitab_rightactive.gif") no-repeat right top;  padding:3px 15px 4px 9px ; color:#ffffff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header #tabs a span {float:none;}
/* End IE5-Mac hack */
#header #tabs a:hover span {color:#3f7d1c;}
#header #tabs a.active:hover span {color:#ffffff;}
#header #tabs a:hover {background-position:0% -42px;}
#header #tabs a:hover span {background-position:100% -42px;}

#header #tabs li.small_tab a {float:left;margin-top:5px;}
#header #tabs li.small_tab #delimiter {float:left;width:25px;}
#header #tabs li.small_tab a span {float:left;display:block;height:14px;font-size:12px;font-weight:bold;margin-top:0;margin-bottom:0;padding-bottom:2px;padding-top:4px;cursor:pointer;}

#header #tabs li.small_tab a.active {float:left;margin-top:5px;padding-bottom:0;}
#header #tabs li.small_tab a.active span {float:left;display:block;height:14px;font-size:12px;font-weight:bold;margin-top:0;margin-bottom:0;padding-bottom:3px;padding-top:6px;cursor:pointer;}
/*---End Navigation Tabs--- */

/*---Start Login Area--- */
#header .login#loggedout {float:right; padding-top:14px; width:460px; background-repeat:no-repeat;}
#header .login#loggedin {float:right; padding-top:4px; width:460px; background-repeat:no-repeat; text-align:right;}
#header .login a {color:#999999; font-size:10px;}
#header .login img {border:none; vertical-align:middle;}
#header #login_form { position:absolute;top:35px; right:20px; border:1px solid #aaa;background-color:#ddd;z-index:1002; padding:10px 20px 10px 20px;width:320px; }
#header #login_form a {font-size:11px;}
#header .loginform label { float:left; display:block; clear:left;width:90px;font-weight:bold;line-height:21px;text-align:right;padding-right:5px; }
#header .loginform label#remember-me-label {float:none;font-size:9px;display:inline;text-align:left;line-height:15px; font-weight:normal;}
#header .loginform #login_actions {margin-left:95px;width:215px; clear:both;}
#header .loginform #pass_forget {text-align:right;clear:both;padding-bottom:10px;}
#header .loginform #pass_forget a {font-size:9px;}
.form_button_left {float:left;background-image:url('/static_3/images/main/button-l.gif');width:6px;height:18px;}
.form_button_main {background:url('/static_3/images/main/button-bgr.gif');background-repeat: repeat-x;border:0px;height:18px;float:left;color:#fff;font-weight:bold;font-size:inherit;}
.form_button_right {float:left;background-image:url('/static_3/images/main/button-r.gif');width:6px;height:18px;}
#header .loginform input,#header #login_form input  {width:120px; background-color:#f7f8f6; border:1px solid #c6ceb9; font-size:11px; padding:3px 0px; color:#535353; margin-top:2px;}
.bottomline {text-align:right;}
/*---End Login Area--- */

/*---Start LangaugeChooser--- */
#header .languageChooser {float:right; margin-right:10px;padding-top:5px; position:relative; z-index:1001;}
#header .languageChooser a {color:#999999; font-size:10px;}
#header .languageChooser #languages, #header .languageChooser #units {
   position: absolute;
   clear:both;
   top:2em;
   right:0;
   width: 158px;
   background-color: white;
   border: 1px solid #888;
   margin: 0px;
   padding: 5px;
   z-index: 1100;
}

#header .languageChooser #units {
   width:60px;
}
#header .languageChooser #languages ul, #header .languageChooser #units ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.languageActive {
   background-color: #ccc;
}

/*---End LangaugeChooser--- */


/*Ende Header Bereich*/



/*Start Sidebar*/


/*---Start Sidebar Tabs--- */
#sidebar .sidebartabsborder, .profil .sidebartabsborder, form.createrouteform .sidebartabsborder {border-bottom:1px solid #2c94bb; height:20px; clear:both;}
#sidebar .sidebartabs, .profil .sidebartabs, form.createrouteform .sidebartabs{margin:0px; overflow:hidden; height:21px; position:relative; }
#sidebar .sidebartabs ul, .profil .sidebartabs ul, form.createrouteform .sidebartabs ul {margin:0px!important; padding:0px 0px 0 0px !important;  list-style:none;  font-size:11px; display:block; }
#sidebar .sidebartabs li, .profil .sidebartabs li, form.createrouteform .sidebartabs li {display:inline; margin:0px 0px 0px 0px;  list-style:none; padding:0px !important; background-image:none !important; }
#sidebar .sidebartabs a, #sidebar .sidebartabs a.fixed:hover, .profil .sidebartabs a.fixed, form.createrouteform .sidebartabs a {float:left;background:url("/static_3/images/sidebar/sidebartabs_left.gif") no-repeat left top; margin:0px 1px 0px 0px !important; padding:0 0 0 5px; text-decoration:none; }
#sidebar .sidebartabs a.fixed:hover, .profil .sidebartabs a.fixed:hover {cursor:text;}
#sidebar .sidebartabs a span, .profil .sidebartabs a span, form.createrouteform .sidebartabs a span{float:left; display:block; background:url("/static_3/images/sidebar/sidebartabs_right.gif") no-repeat right top; padding:4px 8px 3px 3px; color:#ffffff;}

#sidebar .sidebartabs a.fixed span, #sidebar .sidebartabs a.fixed:hover span, .profil .sidebartabs a.fixed span, .profil .sidebartabs a.fixed:hover span {float:left; display:block; background:url("/static_3/images/sidebar/sidebartabs_right.gif") no-repeat right top; padding:4px 8px 3px 3px; color:#ffffff; width:274px;}
.profil .sidebartabs a.fixed span, .profil .sidebartabs a.fixed:hover span {width:534px;}
*html #sidebar .sidebartabs a.fixed span, *html #sidebar .sidebartabs a.fixed:hover span{width:273px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
/* do we really need this !? IE5-Mac is there still such an animal ?!*/
#sidebar .sidebartabs a span, .profil .sidebartabs a span {float:none;}
/* End IE5-Mac hack */
#sidebar .sidebartabs a:hover span, #sidebar .sidebartabs a.active span, form.createrouteform .sidebartabs a.active span, form.createrouteform .sidebartabs a:hover span   {color:#2a88ac; padding:4px 8px 4px 3px;}
#sidebar .sidebartabs a:hover, #sidebar .sidebartabs a.active, form.createrouteform .sidebartabs a.active, form.createrouteform .sidebartabs a:hover {background-position:0% -21px;}
#sidebar .sidebartabs a:hover span, #sidebar .sidebartabs a.active span, form.createrouteform .sidebartabs a.active span, form.createrouteform .sidebartabs a:hover span  {background-position:100% -21px;}
/*---Ende Sidebar Tabs--- */


/* Sidebar Search Result loading image*/
#route-search-result img {text-align:center;}

/*---Start Sidebar Container--- */
#welcome {margin-bottom:20px; clear:both;}
.rating {clear:both; margin-bottom:20px; line-height:18px;}
.rating strong { font-size:10px;  line-height:18px;}
.rating span {float:left;line-height:18px;}
.rating li a:hover {background-color:#ffffff !important;}

#routeninfo {clear:both; padding:10px 10px 0 10px; margin-bottom:0px;}

#biker {clear:both; padding:10px; margin-bottom:20px;}
#export {clear:both; padding:10px; margin-bottom:20px;}
#aehnlicherouten {margin-bottom:20px;}

#routenverzeichnis {margin-bottom:20px; height:260px; width:290px; overflow:auto;}
#routenverzeichnis table {margin-top:10px; width:274px;}

#radfahrer {margin-bottom:20px; height:260px; width:290px; overflow:auto;}
#radfahrer table {margin-top:10px; width:274px;}
/*---Ende Sidebar Container--- */


/*---Zebra Table Style---*/
table {}
td {line-height:18px; padding:0px 10px;}
/* for the home page */
td.home_page {line-height:normal; padding:0px 10px;}
td span {font-size:10px;}
td.over {background-image:url(/static_3/images/main/bg_table.gif); background-repeat:repeat-x; color:#373636; background-color:#44a0c3;}
td.over a {color:#ffffff !important;}

/* for the home page */
td {line-height:18px; padding:0px 10px;}
tr.over {background-image:url(/static_3/images/main/bg_table.gif); background-repeat:repeat-x; color:#373636; background-color:#44a0c3;}
tr.over a {color:#ffffff !important;}
td.white {background-color:#ffffff; color:#535353; }
td.grey {background-color:#e9e9e9; color:#535353; }

/* for the home page */
tr.white {background-color:#ffffff; color:#535353; }
tr.grey {background-color:#e9e9e9; color:#535353; }
/*---Zebra Table Start---*/

/*Ende Sidebar*/


/*Start Content*/
#content .toolbar {margin-top:15px;}
#content .toolbar label {padding-left:2px; padding-right:5px;}
#content .toolbar input {margin:0px; padding:0px;}
#content .toolbar span.left {float:left;}
#content .toolbar span.right {float:right; line-height:20px;}
#content span.right {text-align:right; width:100%; display:block; margin-bottom:3px; }

.suche {}
.suche p{color:#999999; padding-top:4px;}
.suche select {font-size:9px;}
.searchform input {width:200px;}
.searchform input.out,  .searchform input.over {margin-bottom:2px;} 

/*Ende Content*/



/*Start Kommentare*/
.kommentare {margin:0px auto; clear:both; width:500px;}
.kommentare h2 {padding-top:20px;}
.kommentarheader {height:12px; line-height:12px; background-image:url(/static_3/images/kommentare/kommentar_top.gif); }
.kommentartext {background-image:url(/static_3/images/kommentare/kommentar_text.gif); background-repeat:repeat-y; padding:5px 10px;}
.kommentartext .photo {float:right;}
.kommentartext span a {text-decoration:none;}
.kommentartext span a:hover {text-decoration:underline;}
.kommentartext p {margin-top:10px;}
.kommentartext .text{float:left; width:410px;}
.kommentarfooter {height:40px; background-image:url(/static_3/images/kommentare/kommentar_bottom.gif); background-repeat:no-repeat;}
.kommentarname {padding-left:35px; margin-bottom:25px;}
/*Start Kommentare Formular*/
.kommentarform label{display:block; line-height:18px;clear:both;}
.kommentarform input {border:1px solid #c6ceb9;float:left;  background-color:#f7f8f6;  margin-bottom:6px; }
.kommentarform textarea {border:1px solid #c6ceb9; background-color:#f7f8f6; width:300px;}
.kommentarform input.out, .kommentarform input.over {float:none; display:block; margin-top:10px; } 
.kommentarform span#captcha {float:left; display:block; clear:right; margin-left:6px; }
.kommentarform span#captcha a {}
.kommentarform span#captcha img {vertical-align:middle;}

/*End Kommentare Formular*/
/*Ende Kommentare*/

/*Start Create Route Form*/
.createrouteform label {display:block; line-height:18px;}
.createrouteform input {border:1px solid #c6ceb9; background-color:#f7f8f6;  margin-bottom:6px; width:270px;}
.createrouteform textarea {border:1px solid #c6ceb9; background-color:#f7f8f6; width:270px;}
.createrouteform input.out, .createrouteform input.over {display:block; margin-top:10px; float:left; margin-right:10px;} 
.createrouteform select {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; width:150px;}
.createrouteform input.checkbox{padding:0px; margin:0px; background:none; border:0px; width:auto;}

/*End Create Route Form*/


/*Start Basic Items*/
a {text-decoration:underline;}
a:hover {text-decoration:none;}
.h1_info {margin-left:5px; font-size:11px;}
h1 span a, .required { font-weight:normal;}
h1 {font-size:24px; color:#747474; margin-bottom:5px;} 
h1.mixed {font-weight:normal;}
h1.mixed strong {font-weight:bold;}
h2 {font-size:14px; color:#0081b5; margin-bottom:10px;} 


p {margin-bottom:10px;}
#bg_container ul, #smallcontent ul{list-style:none;  margin-left:5px; padding:5px 0 10px 0;}
#bg_container ul li, #smallcontent ul li{background:url(/static_3/images/main/listicon.gif) 0 0.3em no-repeat; padding: 0 0 5px 10px; margin-left: 0%;}
#bg_container ol, #smallcontent ol{margin:15px 0 15px 5px; list-style-position: inside;}
#bg_container ol li, #smallcontent ol li{margin:0px 0px 4px 0px;}
#bg_container a, #bg_container_start a, #smallcontent a {color:#2a88ac; }
#bg_container a:hover, #bg_container_start a:hover, #smallcontent a:hover {color:#ffffff; background-color:#4eaed2;}
input {color:#535353;}
input.out, input.over {background-image:url(/static_3/images/main/button.gif); width:77px; height:18px;  border:0px; color:#ffffff; font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;} 
input.over {color:#01485f;}
input.out {color:#ffffff;}

.urlmerken {width:270px;border:1px solid #c6ceb9; background-color:#f7f8f6; padding:0px 2px;}
/*Ende Basic Items*/

/*Search result*/
div.location-search-result {
   position: absolute;
   width: 250px;
   background-color: white;
   border: 1px solid #888;
   margin: 0px;
   padding: 0px;
   z-index: 1100;
}
div.location-search-result ul {
   list-style-type: none;
   margin: 0px 0px 0px 0px !important;
   padding: 0px;
}
div.location-search-result ul li.selected { background-color: #ffb;}
div.location-search-result ul li {
   list-style-type: none;
   margin: 0;
   padding: 3px 5px 3px 18px !important;
   cursor: pointer;
   background-position: 6px 7px !important;
}
div.location-search-result li:hover {background-color:#e9e9e9 !important;}


/* infoWindow style for a pdmarker */
div.markerTooltip, div.markerDetail {
   color: black;
   background-color: white;
   margin: 0;
   padding: 2px 4px;
   border: 1px solid black;
}
div.markerDetail ul li{background-position:0px 6px !important;}

/*Image Upload Iframe*/
div#upload-iframe iframe {overflow:hidden; width:135px;}

.message {
line-height:24px;
background-color:#deeaed;
font-weight:bold;
text-align:center;
border-top:2px solid #38aed2;
border-bottom:2px solid #38aed2;
color:#000000;
}

/* pagenation */
#pagination {
   text-align: center;
   margin:10px auto 15px auto;
   text-align:center;
}

#pagination a {
   padding: 2px 5px;
   margin: 2px;
   border: solid 1px #ddd;
   text-decoration: none;
   color:#2a88ac;
}

#pagination a:visited {
   padding: 2px 5px;
   margin: 2px;
   border: solid 1px #ddd;
   text-decoration: none;
}

#pagination a:hover {
   color: #fff;
   background: #2a88ac;
   border-color: #f4f4f4;
   text-decoration: none;
}

#modal_container {
	padding:10px 15px;
	background-color:#fff;
	border:2px solid #2f9bc3;
	overflow:auto;
/* 	font-family:"Lucida Grande",Verdana; */ 
	font-size:12px;
	color:#333;
	text-align:left;
        height:auto !important;
        line-height:18px;
}

#modal_container textarea { font-size:12px; }
#modal_container input {text-align:center;}

#modal_container.test {
	background-color:#900;
	color:#fff;
	padding:30px;
	text-align:center
}

#modal_overlay {
	background-color:#000;
}

#modal_overlay.test {
	background-color:#fff;
}

#modal_container.new {
        padding:0px;
}

#modal_container .modal_content {
        padding:10px 15px;
}

#modal_container .modal_title {
        background-color:#2f9bc3;
        height:30px;
        background-image:url(/static_3/images/heading_bg_semi.png);
        background-position:100% 100%;
        background-repeat:repeat-x;
        margin:2px;
        color:#fff;
        line-height:30px;
}

#modal_container .modal_title .close_modal,
#modal_container .modal_title .close_modal:active,
#modal_container .modal_title .close_modal:visited {
        float:right;
        font-weight:bold;
        margin-right:10px;
        text-decoration:none;
        color:#fff;
}

#modal_container .modal_title .close_modal img {
        border:none;
        vertical-align:middle;
}

#pointimage {cursor:pointer;}
#pointimage img#currentimage { border:2px solid #dddddd; padding:0px 10px;}
#pointtypes {display:none; position:absolute; margin-top:-47px; margin-left:65px; z-index:20;}
#pointtypes a img{border:2px solid #ffffff; padding:0px 5px;}
#pointtypes a:hover img{border:2px solid #2a88ac; background-color:#ffffff;}
#pointtypes a:hover {background-color:#ffffff;}


#print ul, #smallcontent ul{list-style:none;  margin-left:5px; padding:5px 0 10px 0;}
#print ul li, #smallcontent ul li{background:url(/static_3/images/main/listicon.gif) 0 0.3em no-repeat; padding: 0 0 5px 10px; margin-left: 0%;}
#print a, #smallcontent a {color:#2a88ac; }
#print a:hover, #smallcontent a:hover {color:#ffffff; background-color:#4eaed2;}

/* home page */
.statistics {
   padding:10px 20px 10px;
   margin: 20px auto;
   width:75%;
   color:#2a88ac;  /* Define later the exact color, width, etc */
   border:2px solid #ccc;
}
.statistics h3 {
   margin:0 0 10px;   
   padding:0;
}
.statistics p {
   text-align:center;
   margin:0;
   padding:0;
}
.left_just {text-align:left;}
.right_just {text-align:right;}
.center_just {text-align:center;}

/*---Start General Tabs--- */
/* can be used to create tabs everywhere not only in the sidebars */
.general .sidebartabsborder, .profil .sidebartabsborder, form.createrouteform .sidebartabsborder {border-bottom:1px solid #2c94bb; height:20px; clear:both;}
.general .sidebartabs, .profil .sidebartabs, form.createrouteform .sidebartabs{margin:0px; overflow:hidden; height:21px; position:relative; }
.general .sidebartabs ul, .profil .sidebartabs ul, form.createrouteform .sidebartabs ul {margin:0px!important; padding:0px 0px 0 0px !important;  list-style:none;  font-size:11px; display:block; }
.general .sidebartabs li, .profil .sidebartabs li, form.createrouteform .sidebartabs li {display:inline; margin:0px 0px 0px 0px;  list-style:none; padding:0px !important; background-image:none !important; }
.general .sidebartabs a, .general .sidebartabs a.fixed:hover, .profil .sidebartabs a.fixed, form.createrouteform .sidebartabs a {float:left;background:url("/static_3/images/sidebar/sidebartabs_left.gif") no-repeat left top; margin:0px 1px 0px 0px !important; padding:0 0 0 5px; text-decoration:none; }
.general .sidebartabs a.fixed:hover, .profil .sidebartabs a.fixed:hover {cursor:text;}
.general .sidebartabs a span, .profil .sidebartabs a span, form.createrouteform .sidebartabs a span{float:left; display:block; background:url("/static_3/images/sidebar/sidebartabs_right.gif") no-repeat right top; padding:4px 8px 3px 3px; color:#ffffff;}
.general .sidebartabs a.fixed span, .general .sidebartabs a.fixed:hover span, .profil .sidebartabs a.fixed span, .profil .sidebartabs a.fixed:hover span {float:left; display:block; background:url("/static_3/images/sidebar/sidebartabs_right.gif") no-repeat right top; padding:4px 8px 3px 3px; color:#ffffff; width:274px;}
.profil .sidebartabs a.fixed span, .profil .sidebartabs a.fixed:hover span {width:534px;}
*html .general .sidebartabs a.fixed span, *html .general .sidebartabs a.fixed:hover span{width:273px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

.general .sidebartabs a span, .profil .sidebartabs a span {float:none;}
/* End IE5-Mac hack */
.general .sidebartabs a:hover span, .general .sidebartabs a.active span, form.createrouteform .sidebartabs a.active span, form.createrouteform .sidebartabs a:hover span   {color:#2a88ac; padding:4px 8px 4px 3px;}
.general .sidebartabs a:hover, .general .sidebartabs a.active, form.createrouteform .sidebartabs a.active, form.createrouteform .sidebartabs a:hover {background-position:0% -21px;}
.general .sidebartabs a:hover span, .general .sidebartabs a.active span, form.createrouteform .sidebartabs a.active span, form.createrouteform .sidebartabs a:hover span  {background-position:100% -21px;}
/*---End General Tabs--- */

.description {padding:10px;}

#routeninfo .description li {list-style:none; background-image:url('/static_3/images/main/listicon.gif') 0 0.3em no-repeat; padding: 0 0 5px 10px; margin-left: 0%;}
#routeninfo .description p { padding:0; margin: 0 0 3px 0; }

#routeninfo .description ul {padding:0 0 0 1.5em; margin:0;}
/*#tinyMCE {visibility:hidden;}*/

/* Tours */
.cleared_both {clear:both;border-top:1px solid #d7d8d6; padding-top:7px;}


#tour_organiser { float:right; width:350px; }
#tour_organiser img { display:block; float:right; }
#tour_titles {margin-right: 360px;position:relative;}
#titles {margin-left:90px;}
#summary { margin-top:5px; margin-bottom:20px; }
#summary td {margin:0; padding:0; vertical-align:top; text-align:left;}


/*Start Tour create form*/
.createtourform {background-color:#fff;}
.createtourform label {display:block; clear:left; width:75px; float:left; margin-bottom:4px; padding-top:4px;}
.createtourform input {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px;}
.createtourform textarea {font-size:12px; padding:2px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; width:180px;}
.createtourform textarea.big {width:400px;}
.createtourform select {font-size:12px; padding:0px; background-color:#f7f8f6; border:1px solid #c6ceb9; margin-bottom:4px; margin-top:4px;}
.createtourform input.checkbox{width:auto; margin:6px 0px 0px 0px; padding:0px; background:none; border:0px;}
.createtourform input.out, .createtourform input.over {margin-top:5px; background-image:url(/static_3/images/main/button.gif); width:77px; height:18px;  border:0px; color:#ffffff; font-size:11px; font-weight:bold; cursor:hand; cursor:pointer;} 
.createtourform input.over {color:#333333;}
.createtourform input.out {color:#ffffff;}
.createtourform input.small {width:20px;} 
.createtourform .input_hint {clear:both;margin-left:75px; width:280px;}
.createtourform .input_hint_big {clear:both; width:400px;}

/* Ende Tour create form */

#status input.publish {
   background-image:url(/static_3/images/main/button_publish_active.gif);
   background-repeat:no-repeat;
   width:143px; 
   height:38px; 
   border:0px; 
   color:#000 !important; 
   text-decoration:none; 
   font-size:14px;
   font-weight:bold; 
   padding-bottom:0px; 
   text-align:center; 
   line-height:14px; 
   background-color:transparent !important;
}

.disabled {
   color: #aaa;
   font-size:11px;
}

#status input.inactive, #status input.disabled {
   background-image:url(/static_3/images/main/button_publish.gif) !important;
   background-repeat:no-repeat;
   cursor:crosshair;
}

#tour_head {
   clear:both;
   padding-left:0px;
}

#tour_left{
   position:fixed;
   z-index:2000;
   width:180px;
   top:0;
   left:0;
   background-color:#eee;
   border:1px solid #aaa;
   padding:10px;
}

#tour_right{
top:0;
right:0;
margin-left:220px;
}

#tour_right_full{
top:0;
right:0;
}

#tour_map {
   margin-right:400px;
}

#tour_summary {
   float:right;
   top:0;
   right:0;
   width:390px;
   min-height:100px;
   position:relative;
}

#tour_route_description {
   min-height:100px;
   width:640px;
}

#tour_service_description {
   float:right;
   top:0;
   right:0;
   width:300px;
   min-height:100px;
   border: 1px solid #252525;
}

#service_description_content {
   padding:5px 10px 5px 12px;
   margin:0px;
   background-image:url(http://www.bikemap.net/static_3/images/main/services_back.png) !important;
   background-repeat:repeat-y;

}
#service_description_bottom {
   background-image:url(http://www.bikemap.net/static_3/images/main/services_bottom.png) !important;
   background-position:bottom;
   background-repeat:no-repeat;
   height:7px;
}
#service_description_top {
   background-image:url(http://www.bikemap.net/static_3/images/main/services_top.png) !important;
   background-position:top;
   background-repeat:no-repeat;
   height:7px;
}

#tour_right .save_control {
   border: 1px solid #aaa;
   padding:3px 10px 5px 12px;
   margin-bottom:10px;
}

#tour_l_top{
   border:1px solid #fffb00;
}

#tour_l_bottom{
   border:1px dashed #000;
}

.tour_cbo {
   clear:right;
   text-align:right;
   background-image:url(/static_3/images/main/bg_footer.gif);
   background-position:bottom;
   background-repeat:repeat-x;
   background-color:inherit;
   font-size:7px;
   padding-top:1px;
   padding-bottom:2px; 
}
#summary tr td:first-child {
   color:#252525 !important;
   font-weight:bold !important;
}

h1.tour_headings {margin:0;}

input#tour___title {
   font-weight:bold;
} 

input#tour___title, input#tour___subtitle {
   width:120px;
}

input.tour_out {
   display:block;
   background-image:url(/static_3/images/main/button_tour.gif);
   background-repeat:no-repeat;
   background-position: 0px 2px;
   width:77px;
   height:15px;
   border:0px;
   font-size:10px;
   cursor:hand;
   cursor:pointer;
   padding:0;
   margin:0;
   line-height:10px;
   text-decoration:none !important;
   text-align:center;
   float:right;
   background-color:#fff;
   color:#fff !important;
}

input.tour_out:hover {
   color:#333333 !important;
}

input.inactive {
   background-image:url(/static_3/images/main/button_tour_disabled.gif) !important;
   cursor:crosshair;
   color:#ccc !important;
}

input.inactive:hover {
   color:#ccc !important;
}

#tour_left ul {
   margin:0 0 10px 0;
   padding:0 0 5px 0;
}

#tour_left table {
   margin:0 0 10px 0;
   padding:0 0 5px 0;
}

#tour_left table td {
   margin:0;
   padding:0;
   text-align:left;
   vertical-align:top;
}

#tour_left table td+td {
   text-align:right;
}

#tour_left h3 {
   margin-bottom:5px;
}

.close {
   float:right;
}

.tour_bb {
   border-bottom:1px solid #aaa;
   margin-bottom:10px;
   padding-bottom:5px;
}

#validmarkup {
   display:none;
   list-style-type:none;
}

#editableTitle {
   position:absolute; 
   top:0; 
   right:0;
   width:100%;
   background-color:#fff;
}

#editableSummary {
   width:100%;
   background-color:#fff;
}

#service_description_edit {
   margin-top: 2px;
   margin-right: 4px;
}

#organiser_website {
   margin-top:10px;
   position:relative;   
}
/* End Tours */

.dummy {
   font-size:1px;
   margin:0;
   padding:0;
   height:1px;
   color:white;
}

.miniblank {
   width:0;
   font-size:1px;
}
.infobox {
   clear:both;
   margin-left:120px;
   width:156px; 
   height:25px;
   font-size:9px;
}

#link_to_map {
   position:relative;
   z-index:1100;
}
#map_link_container {
   position:absolute;
   top:-122px;
   left:0;
   width:400px;
   height:110px;
   border:1px solid #4eaed2;
   background-color:#fff;
   padding:5px;
}

#map_link_container_small {
   position:absolute;
   top:-72px;
   left:0;
   width:400px;
   height:60px;
   border:1px solid #4eaed2;
   background-color:#fff;
   padding:5px;
}

#map_link_container input { background-color:#eee;}

.search_dd {
   width:140px;
   font-size:9px;
}

.tip { 
   font-weight:normal;
   font-size:9px;
   color:#999;
}

.official_user_link:hover {
   background-color:transparent !important;
}

table.vote_favorites {margin:7px 0 17px 0;}
table.vote_favorites td {padding:0;}
.vote_favorites .button_wrapper {margin-right:4px}
.vote_favorite img {;background-image:url("/static_3/images/route_favorite.png");background-position:50% -134px; background-repeat:no-repeat;}
.vote_favorite img.active {;background-image:url("/static_3/images/route_favorite.png");background-position:50% -109px; background-repeat:no-repeat;}

.vote_togo img {;background-image:url("/static_3/images/route_favorite.png");background-position:50% -81px; background-repeat:no-repeat;}
.vote_togo img.active {;background-image:url("/static_3/images/route_favorite.png");background-position:50% -54px; background-repeat:no-repeat;}

.vote_been_there img {;background-image:url("/static_3/images/route_favorite.png");background-position:50% -26px; background-repeat:no-repeat;}
.vote_been_there img.active {;background-image:url("/static_3/images/route_favorite.png");background-position:50% 0px; background-repeat:no-repeat;}

.places_tags { background-color:#f9fbff; padding:5px; border:1px solid #b3cff9; margin:10px 0;}
.match {font-weight:bold;}

.rev-geo {
   color:#999;
   text-align:right;
}

#bg_container .rev-geo a {
   color:#999;
}

#bg_container .rev-geo a:hover {
   color:#999;
   text-decoration:none;
   background-color:transparent;
}

#rating-panel h2, .rating-panel {color:#9a9a9a; }
#rating-panel .vote_favorites {margin-left:auto;margin-right:auto;}
#rating-panel .report_container { text-align:center;}
#rating-panel .footer{clear:both; width:100%; line-height:5px; text-align:center; background-image:url(/static_3/images/main/bg_footer.gif); background-repeat:repeat-x; background-color:#ffffff;font-size:2px;}

#smallcontent #rating-panel a.static_map_image:hover {text-decoration:none;background-color:transparent;}
#smallcontent #rating-panel a.static_map_image {text-decoration:none;background-color:transparent;}
#rating-panel td {line-height:normal;}

.discover_outdoor_logo {
   margin-left:15px;
   border-left:1px solid #ddd;
}
.discover_outdoor_logo img {
   vertical-align : middle;
   border:none;
}

.translate_link {
   text-align:center;
   margin-top:10px;
   padding-top:2px;
   border-top:1px solid #888;
}

/* button general settings -start- */
.button_wrapper {
   cursor:pointer;
   float:left;
}

.button_wrapper,
.button_wrapper button {
   margin:0;
   padding:0;
   border:none;
   background-color:transparent;
}

.button_wrapper button {
   color:inherit;
   font-family:inherit;
   font-weight:inherit;
   font-size:inherit;
   font-style:inherit;
}
.button_wrapper .button_left, 
.button_wrapper .button_main, 
.button_wrapper .button_right {
   height:17px;
   line-height:17px;
   display:block;
   float:left;
}
.button_wrapper .button_left, 
.button_wrapper .button_right {
   background-repeat:no-repeat;
   width:10px;
}
.button_wrapper .button_main {
   background-repeat:repeat-x;
}
/* button general settings -end- */

/* button specific settings -start- */

.favorite_inactive .button_left,
.inactive .button_left {
   background-image:url('/static_3/images/inactive-l.png');
}

.favorite_inactive .button_right,
.inactive .button_right {
   background-image:url('/static_3/images/inactive-r.png');
}

.favorite_inactive .button_main,
.inactive .button_main {
   background:url('/static_3/images/inactive-m.png');
}

.favorite_active .button_left,
.active .button_left {
   background-image:url('/static_3/images/active-l.png');
}

.favorite_active .button_right,
.active .button_right {
   background-image:url('/static_3/images/active-r.png');
}

.favorite_active .button_main,
.active .button_main {
   background:url('/static_3/images/active-m.png');
}


.button_main a, 
.button_main a:hover { color:#2a88ac !important; text-decoration:none;background-color:transparent !important; }

/* button specific settings -end- */


.blue {
   color:#f0f;
}

.route_actions a {float:left;display:block;width:66px;text-align:center;background-repeat:repeat-x;background-image:url("/static_3/images/mouse_over.png");background-position:50% 40px;text-decoration:none;overflow:hidden;height:68px;}
.route_actions span,
.route_actions_simple span {font-size:9px;}
.route_actions a:hover {background-color:transparent !important;background-position:50% 15px;}
.route_actions a:hover span,
.route_actions_simple a:hover span {color:#2a88ac; /*background-color:#4eaed2;*/}

.route_actions b,
.route_actions_simple b {padding-top:42px;background-repeat:no-repeat;background-position:50% 0px;display:block;font-weight:normal;}

.route_actions a.print b { background-image:url("/static_3/images/print.png");}
.route_actions a.export b{ background-image:url("/static_3/images/gps-export.png");}
.route_actions a.share b{ background-image:url("/static_3/images/share.png");}
.route_actions a.create_event b, 
.route_actions_simple a.create_event b{ background-image:url("/static_3/images/create_event.png");}
.route_actions .separator,
.route_actions_simple .separator{ display:block;float:left;margin-top:13px; }

.route_actions_simple a {float:left;display:block;width:66px;text-align:center;background-color:transparent;text-decoration:none;overflow:hidden;height:68px;}
.route_actions_simple a:hover {background-color:transparent !important;}

.route_actions a.training_log b,
.route_actions_simple a.training_log b{ background-image:url("/static_3/images/training-log.png");}

.heading_left {background-image:url('/static_3/images/heading-l.png'); height:24px; background-repeat:no-repeat;}
.heading_right {background-image:url('/static_3/images/heading-r.png'); height:24px;background-repeat:no-repeat;background-position:100% 100%;}
.heading_main { margin-left:4px;margin-right:4px;line-height:24px;height:24px;background-image:url('/static_3/images/heading-m.png');background-repeat:repeat-x;}

button {cursor:pointer;}

#print_description { padding-left:20px;padding-right:20px }

.clear_both { clear:both; }
a {
   outline: none;
}

.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px !important;
	width: 90px;
	height: 18px;
	position: relative;
	background: url(/static_3/images/star_rating.png) top left repeat-x;		
}

ul.unit-rating  {
   float: left;
   margin-right: 5px;
   list-style: none;
	padding: 0px 0px 0px 0px !important;
}

.unit-rating li {
   background:none !important;
   text-indent: -90000px;
	padding: 0px 0px 0px 0px !important;
	margin: 0px;
	line-height: 18px;
	float: left;
}

.unit-rating li a {
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 6;
	position: absolute;
	padding: 0px;
}

.unit-rating li a:hover {
	background: url(/static_3/images/star_rating.png) left center;
	line-height: 18px;
	z-index: 1;
	left: 0px;
}

.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width:18px; }
.unit-rating a.r2-unit { left:18px; }
.unit-rating a.r2-unit:hover { width: 36px; }
.unit-rating a.r3-unit { left: 36px; }
.unit-rating a.r3-unit:hover { width: 54px; }
.unit-rating a.r4-unit { left: 54px; }	
.unit-rating a.r4-unit:hover { width: 72px; }
.unit-rating a.r5-unit { left: 72px; }
.unit-rating a.r5-unit:hover { width: 90px; }

.unit-rating li.current-rating {
	background: url(/static_3/images/star_rating.png) left bottom  !important;
    position:absolute;
	height: 18px;
	line-height: 18px;
	display: block;
	text-indent: -9000px;
	z-index: 0;
}
.waiting {
	background-image:url('/static_3/images/protoload/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/static_3/images/protoload/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 30%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/static_3/images/protoload/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/static_3/images/protoload/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}
/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker
        {
        position:absolute;
        min-width:24em;
        width:24em;
        z-index:9999;
        text-align:center;

        /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
        font:900 0.8em/0.8em Verdana, Sans-Serif;
        
        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana; */

        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
        -moz-user-select:none;
        -khtml-user-select:none;
        }
/* Styles for the static datePickers */
div.staticDP
        {
        position:relative;
        top:5px;
        left:0;
        }
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack
        {
        position:absolute;
        background:#fff;
        z-index:9998;
        padding:0;
        border:0;
        display:none;
        margin:0;
        }
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus
        {
        /*position:relative;*/
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 4px;
        background:transparent url(/static_3/media/cal.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:middle;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
a.date-picker-control
        {
        /* IE, Safari & Opera. Seperate CSS rule seems to be required. */
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:16px;
        height:16px;
        margin:auto 0;
        }
/* The next & previous buttons */
div.datePicker th span
        {
        display:inline;
        padding:0;
        margin:0;
        color:#000;
        text-align:center;
        line-height:1em;
        border-width:0;
        font-family: georgia, times new roman, palatino, times, bookman, serif;
        background:transparent;
        font-weight:bold;
        cursor:pointer;
        }
div.datePicker th span.month-display,
div.datePicker th span.year-display
        {
        text-transform:uppercase;
        letter-spacing:1px;
        font:normal 1.2em Verdana, Sans-Serif;
        cursor:default;
        }
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        font-size:1.8em;
        cursor:pointer !important;
        }

div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        line-height:1.6em;
        text-transform:uppercase;
        cursor:pointer !important
        }
div.datePicker thead th span.fd-disabled
        {
        color:#aaa;
        cursor:default !important;
        }
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header
        {
        text-align:center;
        margin:0 auto;
        font:900 1em Verdana, Sans-Serif;
        height:1.4em;
        width:2em;
        text-decoration:none;
        text-transform:lowercase;
        line-height:1.4em;
        }
/* The table */
div.datePicker table
        {
        position:relative;
        margin:0;
        padding:0;
        border:1px solid #ccc;
        background:#fff url(/static_3/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;
        text-align:center;
        width:100%;
        border-spacing:2px;
        table-layout:fixed;
        border-collapse:separate;
        }
/* Common TD & TH styling */
div.datePicker table td
        {
        border:1px solid #ccc;
        padding:0;
        text-align:center;
        vertical-align:middle;
        /* Opera requires a line-height bigger than 1em in order to redraw properly */
        line-height:1.2em;
        cursor:pointer;
        background:#fff url(/static_3/media/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;
        width:3em;
        height:3em !important;
        height:2.8em;
        outline:none;
        }
div.datePicker table th
        {
        border:0 none;
        padding:0;
        line-height:1em;
        font-weight:bold;
        color:#222;
        text-align:center;
        vertical-align:middle;
        }
div.datePicker table td.date-picker-unused
        {
        background:#fff url(/static_3/media/backstripes.gif);
        border-color:#dcdcdc;
        padding:0;
        cursor:default !important;
        }
div.datePicker table thead th.date-picker-title
        {
        width:auto;
        height:auto;
        padding:0.4em 0;
        }
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {
        text-transform:lowercase;
        width:3em;
        }
div.datePicker table th.date-picker-day-header span
        {
        display:block;
        }
/* The "todays date" style */
div.datePicker table td.date-picker-today
        {
        background:#fff url(/static_3/media/bullet2.gif) no-repeat 0 0;
        color:rgb(100,100,100) !important;
        }
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date
        {
        color:#333 !important;
        border-color:#333 !important;
        }
/* the "highlight days" style */
td.date-picker-highlight
        {
        color:#a86666;
        }
/* The date "out of range" style */
div.datePicker table td.out-of-range
        {
        color:#ccc !important;
        font-style:oblique;
        background:#fcfcfc !important;
        cursor:default !important;
        }
/* The "disabled days" style */
div.datePicker table td.day-disabled
        {
        color:#aaa !important;
        background:transparent !important;
        cursor:default !important;
        }
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover
        {
        background:#fff url(/static_3/media/bg_header.jpg) no-repeat 0 0;
        cursor:pointer;
        border-color:rgb(100,130,170);
        color:rgb(100,130,170);
        }
/*
   Quirksmode necessity?
   ---------------------

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)
   then uncomment the following CSS rule to set a less drastic font-size in IE

div.datePicker table th,
div.datePicker table td
        {
        font-size:100%;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
* html div.datePicker table td
        {
        background-image:none;
        }
* html div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }

.planner-info { background-color: #eee; padding: 5px 5px 5px 40px; -webkit-border-radius:8px;-moz-border-radius:8px; margin-top:20px;margin-left:5px;}
.planner-cc { text-align:center; margin-top:10px; margin-left:5px; }
.planner-form { border: 1px solid #ccc; padding: 10px 10px 0 10px; -webkit-border-radius:8px;-moz-border-radius:8px; margin-left:5px; }
.directions-line { border-bottom: 1px solid #ccc; vertical-align: top; padding: 0 0 0 3px; }
.directions-line-first { text-align: right; font-weight:bold; width:22px; padding: 0;}
.directions-line-last { text-align: right; }

.maptype-container							{height:19px; text-align:right;}
.maptype-button								{cursor:pointer; float:right; width:65px; height:19px; overflow:hidden; text-transform:uppercase; font:bold 9px/18px Tahoma; text-align:center;margin-left:1px;}
.maptype-active								{background:url(/static_3/images/maptypes/active.png) no-repeat; color:#333;}
.maptype-inactive								{background:url(/static_3/images/maptypes/inactive.png) no-repeat; color:#FFF;}
.maptype-inactive:hover						{background:url(/static_3/images/maptypes/hover.png) no-repeat; color:#FFF;}
.maptype-fullscreen							{cursor:pointer; float:right;overflow:hidden; text-transform:uppercase; font:bold 9px/18px Tahoma; text-align:center;height:19px;width:100px;}
.maptype-fullscreen-inactive      		{background:url(/static_3/images/maptypes/fullscreen.png) no-repeat; color:#FFF;}
.maptype-fullscreen-inactive:hover  	{background:url(/static_3/images/maptypes/fullscreen-hover.png) no-repeat; color:#FFF;}
.maptype-fullscreen-active 				{background:url(/static_3/images/maptypes/fullscreen-active.png) no-repeat; color:#333;}
.maptype-more									{cursor:pointer; float:right; width:65px; height:19px; overflow:hidden; text-transform:uppercase; font:bold 9px/18px Tahoma; text-align:center;float:right; width:17px; height:19px; overflow:hidden; background:url(/static_3/images/maptypes/more.png) no-repeat;margin-left:1px;}
.maptype-more-menu							{text-align:left;position:absolute; top:21px; right:0px; width:110px; padding:3px 1px 4px; background:#666; opacity:0.8; filter:opacity(alpha=80); -webkit-border-radius:5px; -moz-border-radius:5px; border:solid 1px #444;}
.maptype-more-menu ul						{margin:0; margin-left:5px; list-style-type:none; font:10px/16px Tahoma; color:#FFF; text-transform:none;padding:0 4px 0 0 !important;}
.maptype-more-menu ul li					{margin:0; padding:0 4px !important;background:none !important;}
.maptype-more-menu ul li:hover			{background:#333 !important;padding:0 4px !important}
.maptype-more-menu-list						{margin:0; margin-left:5px; list-style-type:none; font:10px/16px Tahoma; color:#FFF; text-transform:none;}
.maptype-more-menu-entry					{margin:0; padding:0 4px;}
.maptype-more-menu-entry-hover			{background:#333;}

.treemenu-pos-container				      {position:absolute;}
.treemenu-container						   {width:179px;}
.treemenu-menu                         {position:absolute;top:20px;right:-114px;}
.treemenu-container-topheader		      {width:100%; height:6px; background:url(/static_3/images/menu/header.png) no-repeat;}
.treemenu-container-header			      {width:100%; height:6px; background:url(/static_3/images/menu/header-rounded.png) no-repeat;}
.treemenu-container-toggle				   {position:absolute; top:0; right:0px; width:65px; height:19px; cursor:pointer;font:bold 9px/18px Tahoma; text-align:center;}
.treemenu-container-closed      		   {background:url(/static_3/images/maptypes/inactive.png) no-repeat; color:#FFF;}
.treemenu-container-closed:hover  	   {background:url(/static_3/images/maptypes/hover.png) no-repeat; color:#FFF;}
.treemenu-container-opened 				{background:url(/static_3/images/maptypes/active.png) no-repeat; color:#333;}
.treemenu-container-body				   {width:100%; background:url(/static_3/images/menu/body.png) repeat-y;}
.treemenu-container-footer			      {margin-bottom:4px; width:100%; height:6px; background:url(/static_3/images/menu/footer.png) no-repeat;}
.treemenu-content						      {width:167px; margin-left:11px; padding-right:0px;}
.treemenu-content h1					      {font:bold 13px/16px Tahoma,Arial,sans-serif; color:#666; margin-top:0; text-align:left;}
.max150											{ max-height:100px; overflow:auto; height: expression( this.scrollHeight > 149 ? "150px" : "auto" ); /* sets max-height for IE */}
.max200											{ max-height:200px; overflow:auto; height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */}
.max300											{ max-height:300px; overflow:auto; height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */}

.mtk-treemenu-group          				{color:#333;}
.mtk-treemenu-entry-selected           {color:#333;}
.mtk-treemenu-entry                    {padding:0 !important;background:none !important;}

.mtk-search                            {margin-top:3px; z-index:1 !important;}
.mtk-locationsearch                     {z-index:1 !important;}
.cluster-middle, .cluster-big, .cluster-small {
   font: bold 15px Arial, Helvetica, sans-serif;
   color: #fff;
   text-shadow: 0px 1px 0px #467075;
   text-align: center;
}

.cluster-big {
   width: 88px;
   height: 88px;
   background: url("/static_3/images/v8/cluster-big.png") 0px 0px no-repeat;
   line-height: 88px;

}
.cluster-big:hover {
   background-position: 0px -88px;
}

.cluster-middle {
   width: 74px;
   height: 74px;
   background: url("/static_3/images/v8/cluster-middle.png") 0px 0px no-repeat;
   line-height: 74px;   
}

.cluster-middle:hover {
   background-position: 0px -74px;
}

.cluster-small {
   width: 54px;
   height: 54px;
   background: url("/static_3/images/v8/cluster-small.png") 0px 0px no-repeat;
   line-height: 54px;   
}
.cluster-small:hover {
   background-position: 0px -54px;   
}

.mtk-infowindow-close {
   display: none;
}

.ui-autocomplete {
   z-index: 10000 !important;
}

.mtk-control-maptypes {
   width: 160px;
}

.mtk-control-moremenu {
   width: 80px;
}

.mtk-control-button-arrow {
   float: right;
}

.mtk-control-moremenu .mtk-treemenu-space {
   width: 0;
}

#map ul li {
   background: none;
   padding: 6px 6px;
}