@CHARSET "UTF-8";

img, div, a, input { behavior: url(../css/iepngfix.htc); }
.hide { position: absolute; left: -10000px; }

/* LANGUAGE */
#nav .lang { color: #8E8E8E; padding: 5px 0 5px 37px; text-decoration: none; }
#nav .lang:hover { text-decoration: underline; }
#nav p { margin-bottom: 1em; }
.ger { background: transparent url(../img/german.png) no-repeat left center; }
.en { background: transparent url(../img/us.png) no-repeat left center; }
.ger:hover, .ger:focus, .ger:active { background: transparent url(../img/german-hover.png) no-repeat left center; }
.en:hover, .en:focus, .en:active { background: transparent url(../img/us-hover.png) no-repeat left center; }

/* ROUNDED CORNER INPUT BOX */
.rc-sb { padding: 0; margin: 0; height: auto; font-size: 100%; }
.rc-sb .rc-top { padding-left: 8px; background: transparent url(../img/gt-txt-tl.png) no-repeat scroll left top; }
.rc-sb .rc-top div { height: 8px; font-size: 0; background: transparent url(../img/gt-txt-tr.png) no-repeat scroll right top; }
.rc-sb .rc-bd { background: white url(../img/gt-txt-bd.png) repeat-y scroll left top; }
.rc-sb .rc-bottom { padding-left: 8px; background: transparent url(../img/gt-txt-bl.png) no-repeat scroll left bottom; }
.rc-sb .rc-bottom div { height: 8px; font-size: 0; background: transparent url(../img/gt-txt-br.png) no-repeat scroll right bottom; }


/* ROUNDED CORNER BUTTON */
.rc-btn { padding: 0; margin: 0; height: auto; font-size: 100%; position: relative; }
.rc-btn .rc-top { padding-left: 5px; background: transparent url(../img/rc-btn-tl.png) no-repeat scroll left top; }
.rc-btn .rc-top div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-tr.png) no-repeat scroll right top; }
.rc-btn .rc-bd { line-height: 135%; padding-left: 5px; background: transparent url(../img/rc-btn-bdl.png) no-repeat scroll left center; }
.rc-btn .rc-bd div { text-align: center; padding-right: 5px; background: transparent url(../img/rc-btn-bdr.png) no-repeat scroll right center; }
.rc-btn .rc-bottom { padding-left: 5px; background: transparent url(../img/rc-btn-bl.png) no-repeat scroll left bottom; }
.rc-btn .rc-bottom div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-br.png) no-repeat scroll right bottom; }
.rc-btn:hover .rc-top,
.rc-btn:focus.rc-top { padding-left: 5px; background: transparent url(../img/rc-btn-tl-hover.png) no-repeat scroll left top; }
.rc-btn:hover .rc-top div,
.rc-btn:focus.rc-top div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-tr-hover.png) no-repeat scroll right top; }
.rc-btn:hover .rc-bd,
.rc-btn:focus.rc-bd { padding-left: 5px; background: transparent url(../img/rc-btn-bdl-hover.png) no-repeat scroll left center; }
.rc-btn:hover .rc-bd div,
.rc-btn:focus.rc-bd div { text-align: center; padding-right: 5px; background: transparent url(../img/rc-btn-bdr-hover.png) no-repeat scroll right center; }
.rc-btn:hover .rc-bottom,
.rc-btn:focus.rc-bottom { padding-left: 5px; background: transparent url(../img/rc-btn-bl-hover.png) no-repeat scroll left bottom; }
.rc-btn:hover .rc-bottom div,
.rc-btn:focus.rc-bottom div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-br-hover.png) no-repeat scroll right bottom; }
.rc-btn input { width: 100%; }


/* ROUNDED CORNER BOX */
.rc-box { padding: 0; margin: 0; height: auto; font-size: 100%; }
.rc-box .rc-box-top { padding-left: 10px; background: transparent url(../img/rc-box-tl.png) no-repeat scroll left top; }
.rc-box .rc-box-top div { height: 10px; font-size: 0; background: transparent url(../img/rc-box-tr.png) no-repeat scroll right top; }
.rc-box .rc-box-bd { background: #353535; text-align: center; overflow: hidden; }
.rc-box .rc-box-bottom { padding-left: 10px; background: transparent url(../img/rc-box-bl.png) no-repeat scroll left bottom; }
.rc-box .rc-box-bottom div { height: 10px; font-size: 0; background: transparent url(../img/rc-box-br.png) no-repeat scroll right bottom; }


/* SEARCH */
#search { overflow: hidden; width: 74%; margin: -4em 0 2em 0; }
/* SEARCH INPUT BOX */
.search-box { float:right; width: 19em; position: relative; }
.search-box .rc-bd { font-size: 123.1%; height: 1.15em; }
#search_address { background: none; border: none; position: absolute; top: 0; left: 5px; padding-top: 5px; width: 15.1em; height: 1.6em; }
/* SEARCH BUTTON */
.search-btn { float:right; margin: 0 10px 0 .4em; width: 5em; cursor: pointer; }
#searchButton { font-size: 138.5%; border: none; background: transparent; color: white; cursor: pointer; }

#saveButton, #cancelButton, #deleteButton, #searchButton, #myLocationButton, #addButton, #loginButton, #closeButton, .enterLink { color: white; text-decoration: none; }


/* MY LOCATION */
.moveBox { padding: 0 0 30px 0; width: 11em; color: white; font-size: 100%; font-weight: normal; margin-left: -9px; z-index: 1;}
.moveBox .rc-box-bd { text-align: right; padding: 0 1em; }
.moveBox p { font-size: 108%; }
#myLocationButton { font-size: 108%; border: none; background: transparent; color: white; cursor: pointer; font-weight: bold; }
myLocationButton:hover { text-decoration: underline; }
.move-btn:hover #myLocationButton { text-decoration: underline; }
.move-btn { float: right; height: auto; font-size: 100%; cursor: pointer; margin: .5em 0 0 0 !important; }


/* GREY BUTTONS */
.move-btn .rc-top, .cancel-btn .rc-top, .delete-btn .rc-top { padding-left: 5px; background: transparent url(../img/rc-btn-tl-grey.png) no-repeat scroll left top; }
.move-btn .rc-top div, .cancel-btn .rc-top div, .delete-btn .rc-top div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-tr-grey.png) no-repeat scroll right top; }
.move-btn .rc-bd, .cancel-btn .rc-bd, .delete-btn .rc-bd { padding-left: 5px; background: transparent url(../img/rc-btn-bdl-grey.png) no-repeat scroll left center; }
.move-btn .rc-bd div, .cancel-btn .rc-bd div, .delete-btn .rc-bd div { text-align: center; padding-right: 5px; background: transparent url(../img/rc-btn-bdr-grey.png) no-repeat scroll right center; }
.move-btn .rc-bottom, .cancel-btn .rc-bottom, .delete-btn .rc-bottom { padding-left: 5px; background: transparent url(../img/rc-btn-bl-grey.png) no-repeat scroll left bottom; }
.move-btn .rc-bottom div, .cancel-btn .rc-bottom div, .delete-btn .rc-bottom div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-br-grey.png) no-repeat scroll right bottom; }
.move-btn:hover .rc-top, .cancel-btn:hover .rc-top, .delete-btn:hover .rc-top, .move-btn:focus .rc-top, .cancel-btn:focus .rc-top, .delete-btn:focus .rc-top { padding-left: 5px; background: transparent url(../img/rc-btn-tl.png) no-repeat scroll left top; }
.move-btn:hover .rc-top div, .cancel-btn:hover .rc-top div, .delete-btn:hover .rc-top div, .move-btn:focus .rc-top div, .cancel-btn:focus .rc-top div, .delete-btn:focus .rc-top div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-tr.png) no-repeat scroll right top; }
.move-btn:hover .rc-bd, .cancel-btn:hover .rc-bd, .delete-btn:hover .rc-bd, .move-btn:focus .rc-bd, .cancel-btn:focus .rc-bd, .delete-btn:focus .rc-bd { padding-left: 5px; background: transparent url(../img/rc-btn-bdl.png) no-repeat scroll left center; }
.move-btn:hover .rc-bd div, .cancel-btn:hover .rc-bd div, .delete-btn:hover .rc-bd div, .move-btn:focus .rc-bd div, .cancel-btn:focus .rc-bd div, .delete-btn:focus .rc-bd div { text-align: center; padding-right: 5px; background: transparent url(../img/rc-btn-bdr.png) no-repeat scroll right center; }
.move-btn:hover .rc-bottom, .cancel-btn:hover .rc-bottom, .delete-btn:hover .rc-bottom, .move-btn:focus .rc-bottom, .cancel-btn:focus .rc-bottom, .delete-btn:focus .rc-bottom { padding-left: 5px; background: transparent url(../img/rc-btn-bl.png) no-repeat scroll left bottom; }
.move-btn:hover .rc-bottom div, .cancel-btn:hover .rc-bottom div, .delete-btn:hover .rc-bottom div, .move-btn:focus .rc-bottom div, .cancel-btn:focus .rc-bottom div, .delete-btn:focus .rc-bottom div { height: 5px; font-size: 0; background: transparent url(../img/rc-btn-br.png) no-repeat scroll right bottom; }


/* ADD POI */
.addBox { padding: 0 0 0 20px; color: white; font-size: 100%; font-weight: bold; text-align: center; }
.addBox p { font-size: 108%; }
.add-btn, .enter-btn { width: 50%; cursor: pointer; margin: 1em 25% 0 25% !important; }
.enter-btn { width: 10em; }
#addButton, #loginButton, .enterLink { font-size: 138.5%; border: none; background: transparent; color: white; cursor: pointer; font-weight: bold; }
.twitterBox { padding: 20px 0 0 20px; color: white; font-size: 100%; font-weight: bold; text-align: center; }
.twtr-widget .twtr-tweet { border-bottom:1px dotted #4a4a4a; }
#twtr-profile-widget { float: left; right: 0; padding: 0; width: auto; }

.fancybox { color: #f1870c; margin-top: 15px; }

/* base text styles */
a { outline: none; }
select, input, button, textarea, button { font-family: Trebuchet MS, sans-serif; outline: none; }
html{ background: url(../img/bg.gif) repeat; }
body { font-family: Trebuchet MS, sans-serif; text-align: left; background: transparent; }
a:hover { color: #d1482a; }
#container { width: 95%; margin-left: auto; margin-right: auto; margin-top: 3%; }
#header { overflow: hidden; clear: both; }
#logo { width: 74%; }
#logo h1 { font-size: 350%; font-weight: bold; margin: 0; padding: 0; }
#logo a { text-decoration: none; color: black; }
#logo a:hover { color: #d1482a; }
#logo img { margin-right: 20px; }
#nav { font-size: 93%; font-weight: bold; color: white; width: 50%; float: right; text-align: right; }
#nav a { color: #f1870c; }
#nav a:hover, #nav a:focus { text-decoration: none; }
#nav .logout { margin-left: 5px; }
#nav .logout, #nav .logout a { color: #8e8e8e; }
#nav .logout a:hover, #nav .logout a:focus { text-decoration: none; }
#mapContainer { width: 100%; overflow: hidden; }
.mapBox { padding: 0 10px; }
#addHint { padding: 5px 0; background: #F1870C; color: #fff; font-weight: bold; width: 100%; display: none; }
#addHintClose { margin-left: 10px; padding: 2px 5px; background: #353535; color: #fff; text-decoration: none; }
#addHintClose:hover { background: #8E8E8E; }
#map { width: 74%; float: left; background: transparent; }
#map .rc-box .rc-box-top div { background: #353535; }
#mapHelp { width: 26%; float: left; font-size: 100%; }
#mapProperties, #mapInfo { width: 26%; float: left; color: white; background: transparent; }
.propertiesBox { margin-left: -9px; }
.propertiesBox .rc-box-bd { padding: 0 2em 0 20px; text-align: left; }
.propertiesBox h1 { font-size: 200%; font-weight: bold; margin-bottom: 20px; color: #F1870C; }
.propertiesBox h2 { font-size: 150%; font-weight: bold; margin-bottom: 15px; }
.propertiesBox p { margin-bottom: 10px; }
.propertiesBox a { color: white; }
.propertiesBox a:hover { color: #F1870C; }
.propertiesBox label { font-weight: bold; display: block; padding: 5px 0 5px 0; }
.propertiesBox label.checkbox { display: inline; margin-left: .5em; }
.propertiesBox input.text { width: 100%; }
.propertiesBox input.file { color: #353535; }
.propertiesBox fieldset { padding: 1em; margin-bottom: 1em; border: 1px solid #9a9a9a; }
.propertiesBox legend { color: white; }
.propertiesBox textarea { width: 100%; height: 10em; }
.propertiesBox input.button { font-size: 108%; border: none; background: transparent; color: white; cursor: pointer; }
.propertiesBox input.button:hover { text-decoration: underline; }
.save-btn, .cancel-btn, .delete-btn, .close-btn { float: left; margin: 10px 10px 0 0 !important; width: 28%; cursor: pointer; }
#status { font-size: 100%; color: white; }
#footer { font-size: 93%; text-align: center; margin: 40px; color: #414141; }
#footer a { color: #414141; }
#footer a:hover, #footer a:focus { color: #F1870C; }
#mapStatus { font-size: 100%; color: #9a9a9a; padding: 10px 0 0 0; }
#mapStatus { font-size: 100%; color: #9a9a9a; padding: 10px 0 0 0; }
#kmlEdit { margin: 0 5em 0 0; color: white; background: transparent; }
#kmlEdit input.text { max-width: 30em; }
#kmlEdit input.longText { width: 80%; }
#kmlEdit .save-btn, #kmlEdit .cancel-btn, #kmlEdit .delete-btn { float: left; margin: 10px 10px 0 0 !important; width: 10em; cursor: pointer; }

.kmlSources .rc-box .rc-box-top { background: #353535; }
.kmlSources .rc-box .rc-box-top div { background: transparent url(../img/rc-box-tr.png) no-repeat scroll right top; }
.kmlSources .rc-box .rc-box-bottom { background: #353535; }
.kmlSources .rc-box .rc-box-bottom div { background: transparent url(../img/rc-box-br.png) no-repeat scroll right bottom; }
a.enterLink:hover { color: white; }

ul.errors, ul.messages { background: #f1870c; color: white; margin-top: 1em; padding: 1em; font-size: 120%; list-style: disc; }

a.trigger { color: #fff; background: #666; text-decoration: none; padding: 2px 5px; margin-left: 5px; }
a.trigger:hover { cursor: help; background: #F1870C; color: #fff; }
.tip { 
    display: none;
    background-color:#111; 
    border: 1px solid #fff; 
    padding: 10px 15px; 
    width: 300px; 
    color: #fff; 
    text-align: left; 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000;
}
.tip h1 { margin-top: 0; }
.tip ul { list-style: disc; }

p.mapsLink a { font-size: 130%; margin: 0 0 20px 0; color: #F1870C; }