*, html, body {margin:0;padding:0;font-size:1em;}
html, body {height:100%;}
body {overflow:hidden; font-family: Helvetica, 'Trebuchet MS', Tahoma, Arial, Verdana, sans-serif;font-size:12px;color:#000;opacity:0.99999999;/* fix text flickering in Fx & Camino for Mac */}
img, form {margin:0px;border:none;}
.png {line-height:1px;}
hr {width:100%;border:none;color:#e0e0e0;border-top:#e0e0e0 1px solid;margin:10px 0px 10px 0px;clear:right;}
.clearer {clear:both;}
.clearer_r {clear:right;}
.clearer-l {clear:left;}
.inEdit {background-color:#fffb97;border:1px dotted #676767;}
#descGallery br {}
.sf-menuBox {width: 100%;}
/* overwrites */
.container, .sf-menu {width:100%;}
/* ------------------------------- jquery-calendar.css --- */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0; left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a {border: none !important;}
#jquery-lightbox a img {border: none !important;}
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image {padding: 10px;}
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {left: 0;float: left;}
#lightbox-nav-btnNext {right: 0;float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto; line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;float: left;text-align: left;}
#lightbox-image-details-caption {font-weight: bold;font-size: 14px;color: #222;}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 66px;float: right;padding-bottom: 0.7em;}
/* ------------------------------- jquery-calendar.css --- */
#ui-datepicker-div, .datepicker_inline {font-family: Arial, Helvetica, sans-serif;font-size: 13px;padding: 0;margin: 0;background: #ddd;width: 185px;}
#ui-datepicker-div {display: none;border: 1px solid #777;z-index: 190;/*must have*/}
.datepicker_inline {float: left;display: block;border: 0;}
.datepicker_dialog {padding: 5px !important;border: 4px ridge #ddd !important;}
button.datepicker_trigger {width: 25px;}
#ui-datepicker-div table {margin: 0px;border-collapse: separate;}
#ui-datepicker-div td {padding: 0px;text-align: center;}
#ui-datepicker-div th {padding: 0px;text-align: center;}
#ui-datepicker-div tbody td {font-size: 12px;padding:0px 0px;border-color:#f6f6f6 #dcdcdc #dcdcdc #f6f6f6;border-style:solid;border-width:1px;}
#ui-datepicker-div tbody td.ui-datepicker-week-end-cell, #ui-datepicker-div tbody td.ui-datepicker-week-end {background: #ddd;border-color:#ededed #cfcfcf #cfcfcf #ededed;}
#ui-datepicker-div tbody td.ui-datepicker-current-day {border-color:#fff4a5 #ffd200 #ffc800 #fff4a5;}
#ui-datepicker-div tbody td.ui-datepicker-days-cell-over {border-color:#fff4a5 #ffd200 #ffc800 #fff4a5;}
#ui-datepicker-div select {font-weight: normal;font-size: 12px;text-align: left;width: 102px;}
#ui-datepicker-div select.ui-datepicker-new-year, #ui-datepicker-div select.ui-datepicker-year {width: 70px;text-align: center;margin-left: 5px;}
img.datepicker_trigger {margin: 2px;vertical-align: middle;}
.datepicker_prompt {float: left;padding: 2px;background: #ddd;color: #000;}
* html .datepicker_prompt {width: 185px;}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {clear: both;float: left;width: 100%;color: #fff;}
.ui-datepicker-control {background: #400;padding: 2px 0px;display:none;}
.ui-datepicker-links {background: #000;padding: 2px 0px;}
.ui-datepicker-control, .ui-datepicker-links {font-weight: bold;font-size: 80%;letter-spacing: 1px;display: none;}
.ui-datepicker-links label {/* disabled links */padding: 2px 5px;color: #888;}
.ui-datepicker-clear, .ui-datepicker-prev {float: left;width: 34%;}
.ui-datepicker-current {float: left;width: 30%;text-align: center;}
.ui-datepicker-close, .ui-datepicker-next {float: right;width: 34%;text-align: right;}
.ui-datepicker-header {padding: 1px 0 3px;background: #777777 url('/images/sprite_bkg_bw.gif') repeat-x 0px -450px;text-align: center;font-weight: bold;height: 21px;float:none;}
.ui-datepicker-header select {background: #333;color: #fff;border: 0px;font-weight: bold;}
.ui-datepicker {background: #ccc;text-align: center;font-size: 100%;}
.ui-datepicker a {display: block;width: 100%;}
.ui-datepicker-title-row, table.ui-datepicker-calendar thead tr th{background: #FFE673 url(/images/bkg_menu_current2.jpg) repeat-x 0 top !important;}
.ui-datepicker-title-row td {border-bottom: 1px solid #aaa;}
.ui-datepicker-days-row, #ui-datepicker-div tr {background: #eee;color: #666;}
.datepicker_weekCol {background: #777;color: #fff;}
.ui-datepicker-days-cell {color: #000;border: 1px solid #ddd;}
.ui-datepicker-days-cell a{display: block;}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {background: #FFE673 url(/images/bkg_menu_current2.jpg) repeat-x 0 top;}
.ui-datepicker-days-cell-over, a.ui-state-hover {background: #FFDA2E url(/images/bkg_menu_current1.jpg) repeat-x 0 top !important;}
.ui-datepicker-unselectable {color: #fff;}
.ui-datepicker-today {background: #fff url(/images/bg_gradients.jpg) repeat-x scroll 0 -124px}
.ui-datepicker-current-day {background: #FFDA2E url(/images/bkg_menu_current1.jpg) repeat-x 0 top !important;}
/** Reset link properties and then override them with !important */
#ui-datepicker-div a, .datepicker_inline a {cursor: pointer;margin: 0;padding: 3px 0px;background: none;color: #000;border: none;}
.datepicker_inline .ui-datepicker-links a {padding: 0 5px !important;}
.ui-datepicker-control a, .ui-datepicker-links a {padding: 2px 5px !important;color: #eee !important;}
.ui-datepicker-title-row a {color: #444 !important;font-size:12px;padding:0 !important;}
.ui-datepicker-control a:hover {background: #fdd !important;color: #333 !important;}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {background: #ddd !important;color: #333 !important;}
/* ___________ MULTIPLE MONTHS _________*/
.ui-datepicker-multi .ui-datepicker {border: 1px solid #777;}
.ui-datepicker-one-month {float: left;width: 185px;}
.ui-datepicker-new-row {clear: left;}
/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {display: none;/*sorry for IE5*/display/**/: block;/*sorry for IE5*/position: absolute;z-index: -1;filter: mask();top: -4px;left: -4px;width: 200px;height: 200px;}
html .ui-datepicker-prev, html .ui-datepicker-next {display: none;}
/* ------------------------------- clockpick.css --- */
#CP_hourcont {padding: 0px;position:absolute;border:1px dashed #999999;background-color:#f2f2f2;z-index:100;}
#CP_minutecont {padding: 1px;position:absolute;background-color:#dddddd;width:55px;z-index:100;}
.floatleft {float:left;}
.CP_hour {padding:4px 6px;font-size:11px;white-space:nowrap;cursor:pointer;width:45px;}
.CP_minute {padding:3px 4px;background-color:#222;color: white;font-size:10px;white-space:nowrap;cursor:pointer;width:auto;}
.CP_over {background: #FFDA2E url(/images/bkg_menu_current1.jpg) repeat-x scroll 0 top !important;color: #111;}
/* ------------------------------- jScrollPane.css --- */
.jScrollPaneContainer a {border: none !important;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;width: 43px !important;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 0;top: 0;height: 100%; background-image:url("/images/scrolltrack_bg.png");}
.jScrollPaneDrag {background-image:url("/images/scroller_bg.png");position: absolute;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {background-image:url("/images/scroller_top.png");height:10px;position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {background-image:url("/images/scroller_down.png");height:10px;position: absolute;bottom: 0;left: 0;overflow: hidden;}
.jScrollArrowDown{background-image:url("/images/scrolltrack_down.png");}
.jScrollArrowUp{background-image:url("/images/scrolltrack_up.png");}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
/* ------------------------------- jquery.tooltip.css --- */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #666;background-color: #fff;padding: 2px 5px;opacity: 0.85; font-size: 12px;max-width: 250px;}
#tooltip h3, #tooltip div {margin: 0;}
#tooltip.pretty {font-family: Arial; border: none;width: 210px;padding:20px;height: 135px;opacity: 0.8;background: url('shadow.png');}
#tooltip.pretty h3 {margin-bottom: 0.75em;font-size: 12pt;width: 220px;text-align: center;}
#tooltip.pretty div {width: 220px;text-align: left;}
#tooltip.fancy { background: url('shadow2.png');padding-top: 5em;height: 100px;}
/* ------------------------------- Page Top & Menu --- */
#top {width:100%;height:95px;background:url(/images/sprite_bkg_bw.gif) repeat-x 0 0;position:relative;border-bottom:1px solid #ddd;}
#profile #top {height:107px;}
#topMessage {top:35px;margin-left:237px;position:absolute;}
#journeyTitle {font-size:17px;font-weight:bold;font-variant:small-caps;line-height:1.2em;margin:4px 0px 0px 0px;padding:0px;overflow:hidden;color:#fff;}
#journeyTitle a {font-weight:normal;font-size:0.8em;font-variant:normal;color:#1899E3}
.journeyInfoButton {margin-left: 10px;}
#journeyOwner {text-transform:capitalize;font-variant:small-caps;letter-spacing:1px;color:#1899E3;}
#journeyTitle a :hover, #journeyOwner:hover{color:#8B09D2;}
#topSprite {background:url(/images/bkg_head.jpg) no-repeat 50% 0px;height:73px;position:absolute;margin:0 auto;top:22px;width:100%;}
#profile #topSprite {height:100%;}
#topLogo {background:url(/images/logo.gif) no-repeat 0 0;position:absolute;top:34px;left:21px;width:237px;height:54px;display:block;margin:0px;border:none;}
#profile #topLogo {top:42px;}
#top .container {position:relative;}
#top #rateJourney {position:absolute;top:35px;right:10px;color:#888;}
#top #rateJourney .rating {float:right;}
#top #rateJourney p {float:right;margin:-2px 5px 0px 0px;}
#journeyControls {float:right;}
#saveJourney, #saveJourney0, #editJourney {display:none;}
#publishJourney {display:none;cursor:pointer;}
#shareJourney {display:none;cursor:pointer;}
#shareHolderInput {width:153px;}
#publishHolder {position:absolute;right:10px;top:31px;background-color:black;color:white;padding:3px 60px;z-index:99;display:none;-moz-border-radius: 5px;-webkit-border-radius: 5px}
#shareHolder {background-color:#000;border:1px solid #fff;height:55px;padding:3px 5px;position:absolute;right:97px;top:10px;width:350px;z-index:999;overflow:hidden;display:none;color:white;opacity:.8 !important;}
#shareHolder input {border:1px solid #aaa;width:304px;}
#shareHolder .formClose {cursor:pointer;margin-right:-3px;}
#journeyControls {position:absolute;right:1px;top:62px;}
#journeyControls .button2 {margin-right:3px;}
/* content */
#left {float:right;height:auto;width:40px;margin:4px 0px 0px 0px;}
#left_content {height:auto;clear:both;margin:4px 0px;overflow:hidden;position:relative;}
#left_navi {position:absolute;/*top:5px;*/top:30px;right:38px;text-align:center;padding:4px;z-index:1;}
#left_points {position:absolute;clear:both;text-align:center; overflow-y:auto;overflow-x:hidden;height:100%;}
.left_point {text-align:center;padding:5px 0px;margin:4px -5px 0px 5px;width:35px;height:20px;background:transparent url(/images/bg_left2.png) no-repeat scroll 0 -68px;cursor:pointer;}
.left_point:hover {border-color:#5e9be5;background:transparent url(/images/bg_left2.png) no-repeat scroll 0 -34px;cursor:pointer;}
#left_points.moveEdit .left_point {background:transparent url(/images/bg_left2.png) no-repeat scroll 0 -102px;cursor:pointer;}
.left_point .btnOptions {float:right}
#left_points .active, #left_points.moveEdit .active {color:#1899e3;background:url(/images/bg_left2.png) no-repeat 0 0;}
#left_points .left_point a.vDate {display: none;}
#left_points a:link, #left_points a:visited {color:#0076da;padding:1px 2px 5px 0;outline:none;border:none;display:block;cursor:pointer;}
#left_points a:hover {color:#ff7800;}
#left_points .active a:link, #left_points .active a:visited {color:#E02B2B;}
#left_bottom {float:left;border:none;padding:4px}
.column .left_point p {padding:0px;line-height:1.2em;}
#left_points .left_point.upload {background:#FFFFFF url(/images/ajax-uploader.gif) no-repeat scroll 3px 3px;}
#left_bottom {float:left;border:none;padding:4px;}
#moveUp, #moveDown {float:right;margin-right:2px;position:relative;z-index:9;}
#mapWrapper {margin:0px 562px 0px 0px;width:auto;height:550px;position:relative;border-top:1px solid #aaa;}
#mapWrapper #jmap {width:100%;margin:0 auto;height:100%;overflow:hidden;border:none;position:absolute !important;}
#mapWrapper #jmap a {border:none;}
#ShowOnTheMapHolder {border:1px solid #888;height:auto;padding:2px;position:absolute;left:7px;top:100px;width:auto;}
#ShowOnTheMapHolder ul {list-style:none;margin:0px;}
#ShowOnTheMapHolder input {border:1px solid #444;background-color:#fff;}
#ShowOnTheMapHolder #showGo {background:transparent url(/images/button_left.gif) no-repeat scroll -10px -6px;}
#ShowOnTheMapHolder #ShowOnTheMapAddress {padding:1px;}
#showGo:hover {border-color:black;color:#1899E3;cursor:pointer;}
#right {float:right;width:560px;height:auto;color:#1a1615;background:#f8f8f8 url(/images/bkg_right.jpg) repeat-x 0 0;overflow:hidden;border-left:1px solid #aaa;}
#right #rightList {position:relative;}
#right .title {font-weight:bold;margin:5px;padding:5px;font-size:1.4em;font-variant:normal;text-transform:none;letter-spacing:0px;border:none;}
#right .editText {float:left;}
#rightList ul#mediaMenu {background:url(/images/bg_gradients.jpg) repeat-x 0 -60px;padding-left:0;margin:0px;float:left;width:560px;border-top:1px solid #FBFBFB;border-bottom:1px solid #DDDDDD; font-size:11px; letter-spacing:.5px;}
#rightList #mediaMenu li {display:inline;}
#rightList #mediaMenu li#menuImages {display:none;}
#rightList #mediaMenu li#menuVideos {display:none;}
#rightList #mediaMenu li a {background:url(/images/bg_gradients.jpg) repeat-x 0px -60px;padding:3px 10px;color:#1899e3;text-decoration:none;float:left;border-right:1px solid #eee;border-bottom:none;}
#rightList #mediaMenu li a:hover {background:url(/images/bg_gradients.jpg) repeat-x 0px -122px;}
#images{display:none;}
#videos{display:none;}
.swfupload {margin-left:-10px;position:absolute;width:120px;height:30px;cursor:pointer !important;top:0;}
#right #journeySummary, #right #routeSummary {margin:5px 5px 15px 5px;padding:5px;color:#888;line-height:1.4em;}
#right #routeSummary { margin-bottom: 5px;padding-top:0px;margin-top:0px;}
#right .summaryItem {text-align:right;}
#right .summaryValue {text-align:left;color:#222;margin-right:5px;}
#right #journeySummary .summaryValue {font-weight: bold; font-size: 1.075em;}
#right #journeyStart.summaryValue {margin-right:0px;}
#rightList #descGallery, #rightList #pointGallery, #rightList #rightVideos {border:1px solid transparent;margin:0px 0px 5px 0px;padding:10px 5px 5px 10px;}
#rightList #descGallery a, #rightList #pointGallery a, #rightList #rightVideos a {border:none;}
#rightList #pointGallery a {display:block;height:75px}
#rightList #descGallery {color:#111;font-size:12.5px;padding:5px 10px;}
#descGallery br {margin-bottom:.5em;}
#videoHolder{position:absolute;overflow:auto;width:425px;height:auto;top:50%;left:50%;margin-left:-212px;margin-top:-177px;z-index:30;display:none;background-color:#F3F3EC;}
#videoBkg {background-color:#000;height:426px;left:50%;margin-left:-233px;margin-top:-197px;/*opacity:0.8;*/position:absolute;top:50%;width:466px;z-index:20;display:none;/*filter:alpha(opacity=80);*/}
#movie {z-index:19999;}
#movie object {z-index:20000;}
#movie object embed {z-index:20001;}
#movieDesc {background-color:white;padding:3px;border-top:none;}
#mediaContainer {overflow-x:hidden;overflow-y:auto;width:100%;height:200px;}
#mediaContainer h3 {color:#888;font-size:11px;letter-spacing:1px;font-weight:normal;padding:3px 10px 4px 10px;margin:10px 0px 0px 0px;border:none;border-top:1px solid #eee;background:#fafafa;}
/* show headers only in edit mode */
#mediaContainer h3 {display:none;}
.journeyEditMode #mediaContainer h3 {display:block;}
.journeyEditMode #rightComments h3.comment-headline {display:none !important;}
.journeyEditMode .commentFormHolder {display:none !important;}
#pointGallery a {border:none !important;}
#pointGallery a img {border:1px solid #888; margin:0px;}
#pointGallery a:hover img {border-color:#FFE800;}
#pointGallery .galImage img.editTools, #moviesGallery .galImage img.editTools { position:absolute; z-index:9;}
#pointGallery .galImage img.editImg {bottom:-2px; left:0px;}
#pointGallery .galImage img.delImg {bottom:-2px;right:0px;}
#moviesGallery .galImage img.editImg {bottom:-2px;left:0px;}
#moviesGallery .galImage img.delImg {bottom:-2px;right:0px;}
#pointGallery .galImage {float:left;position:relative;margin: 0px 10px 12px 0px;}
#moviesGallery .galImage {float:left;position:relative;margin:0px 5px 3px 5px;display:inline} /* removed width and height */
.addMedia {padding:5px 10px;display:inline;background:transparent url(/images/bg_gradients.jpg) repeat-x scroll 0 -122px;margin-left: 3px;position:relative;}
.addMedia:hover {color:#8B09D2;background: transparent url(/images/bg_gradients.jpg) repeat-x scroll 0 -307px;}
.mCount {color:#888888;font-size:1em;font-weight:normal;letter-spacing:-0.05em;}
h3 span#uploadBtnHolder {padding:0px;}
/*************************************************************************************************** BOTTOM */
#bottom {display:none;height:0px;}
/*************************************************************************************************** UPLOADER */
.progressWrapper {width:357px;overflow:hidden;}
.progressContainer {background:transparent url(/images/default_journey75_2.gif) no-repeat scroll 0 0;height:80px;margin:0 10px 8px 2px !important;overflow:hidden;width:75px !important;}
.message {margin:1em 0;padding:10px 20px;border:solid 1px #FFDD99;background-color:#FFFFCC;overflow:hidden;}
.red {border:solid 1px #B50000;background-color:#FFEBEB;}
.blue {border:solid 1px #CEE2F2;background-color:#F0F5FF;}
.progressName {color:#333;font-size:8px;height:14px;line-height:14px;overflow:hidden;text-align:left;white-space:nowrap;width:60px;background:transparent url(/images/bg_gradients.jpg) repeat-x scroll 0 -307px;}
.progressBarInProgress,.progressBarComplete,.progressBarError {
font-size:0;width:0%;height:13px;background:#ffdd4c url(/images/ajax-progress1.gif) no-repeat scroll 5% 50%;margin-top:12px;}
.progressBarInProgress {border-right:1px solid #888;}
.progressBarComplete {width:100%;background-color:green;visibility:hidden;}
.progressBarError {width:100%;background-color:red;visibility:hidden;}
.progressBarStatus {font-family:Arial;font-size:7pt;margin-top:20px;text-align:center;width:70px;color:#444;}
a.progressCancel {font-size:0;display:block;height:14px;width:14px;background-image:url(/images/cancelbutton.gif);background-repeat:no-repeat;background-position:-14px 0px;float:right;}
a.progressCancel:hover {background-position:0px 0px;}
#flashUploadTempHolder {position: absolute; bottom: 0px; left: 0px; width: 36px; height: 36px; z-index: 9999;}
#footer {width:100%;height:25px;text-align:center;margin-top:10px;clear:both;}
#navlist {list-style-type:none;margin:0 auto;padding:0;width:600px;}
#navlist li {border-right:1px solid #aaa;float:left;line-height:1.1em;margin:0 .5em 0 -.5em;padding:0 16px;}
#navlist li.last {border-right:none;}
/************* misc WIDGETS :rating stars etc */
/* editTools */
.gmap #top .editTools, .editTools {display:none;cursor:pointer;}
.journeyEditMode #top .editTools, .journeyEditMode .editTools {display:block;} /* added for conditianal CSS in lieu of JS hide/show */
.editTools.minor.wrap {cursor: default;}
/* stars rating :*/
.rating:after {content:'.';display:block;height:0;width:0;clear:both;visibility:hidden;}
.rating .cancel,.rating .star {float:left;width:17px;height:16px;overflow:hidden;text-indent:-999em;cursor:pointer;}
.rating .cancel, .rating .cancel a {background:url(/images/delete.gif) no-repeat 0 -16px;}
.rating .star, .rating .star a {background:url(/images/star_d.gif) no-repeat 0 0px;}
.rating .cancel a, .rating .star a {display:block;width:100%;height:100%;background-position:0 0px;}
div.rating div.on a {background-position:0 -16px;}
div.rating div.hover a, div.rating div a:hover {background-position:0 -32px;}
/* buttons :*/
a.button img {margin-right:5px;}
a.button {border:none;}
.deleteButton span, #deleteFormError {color:#ff1b26 !important;}
#deleteFormError {font-size: 16px;text-align:center}
/*** sortables ***/
.sortablehover {border-color:#ff7800;}
.sorthelper {cursor:n-resize;}
.imageMovePlaceholder {width:75px !important; height:75px !important; border: 1px dashed #9f9f9f; background: #eaeaea;-moz-border-radius: 5px;-webkit-border-radius:5px;float:left;display:block;margin: 0 10px 10px 0;}
/* INDEX.PHP */
#journeyListHolder {display:none;}
#journeyListHolder .middle {height:auto;}
.resultsPage .left_point {background-color:#FFFFFF;border:1px solid #BCBCBC;margin:5px 10px 0px 0px;text-align:left;min-height:50px;padding:5px 2px 5px 8px;}
#shortSearch {text-align:left;width:317px;}
.searchInput {border:1px solid #BBBBBB;height:19px;line-height:19px;margin:3px 10px 2px;padding:3px 2px 0px;vertical-align:sub;width:200px;}
#searchForm #byKeyword {margin:8px 0px 0px 10px;height:20px;padding:4px 0px 0px 2px;float:left;}
.showAdv {margin-left:10px;display:none;}
#advSearchHolder .middle {position:relative;}
#advSearchHolder {display:none;}
#advSearchHolder label {float:none;}
#advSearchHolder #closeAdvS {position:absolute;right:21px;top:0px;}
#advSearchHolder #meansOfTransport {float:right;width:365px;}
#meansOfTransport .column2 {width:170px;float:right;}
#advSearchHolder .column1 {width:150px;float:left;}
#meansOfTransport h2 {text-align:center;}
#searchAdvSubmit {cursor:pointer;background-color:transparent;background-repeat:no-repeat;border:medium none;height:28px;width:99px; }
#advSearchHolder #searchAdvSpan {padding:6px 85px 7px 95px;}
#col1 #searchSpan {padding:6px 15px 7px 22px;}
.linksTooltip {border:1px solid #ddd;background-color:#fff;padding:4px;color:#444;font-family: Helvetica, Arial, sans-serif;font-size:11px;width:150px;}
#tooltip {padding:3px;background-color:black;color:white;font-size:10px !important;max-width:250px;text-transform:none;font-variant:normal;}
#tooltip h3 {padding:2px;font-size:10px !important;font-weight:normal;border:none;color:white;text-transform:none;font-variant:normal;line-height:1.5em;}
#tooltip h3 b {font-weight:bold;}
#tooltip h3 div {background-color:white;color:#444;font-size:0.8em;}
.tip {font-size:11px;}
a.tip {border:none;}
#loader {padding-bottom:10px;}
#jmapTip {background-color:#000;bottom:0px;color:white;cursor:default;height:4em;left:0px;line-height:4em;opacity:0.8;position:absolute;text-align:center;padding: 0px 20px;z-index:10;display:none;-moz-border-radius:0px 10px 0px 0px;-webkit-border-radius:0px 10px 0px 0px;}
#undoStrip {background-color:#000;bottom:24px;color:white;cursor:default;left:1px;line-height:2.4em;opacity:0.9;position:absolute;text-align:center;width:100%;z-index:10;display:none;}
/*************************************************************************************************** FORMULARZ */
#journeyFormHolder, #routeFormHolder ,#profileFormHolder, #forgotFormHolder, #loginFormHolder,
#uploadImageFormHolder, #deleteFormHolder, #mediaFormHolder, #finishEditingHolder, #KmlFormHolder,
#finishEditingFormHolder, #shareJourneyFormHolder{
display:none;position:absolute;top:50px;left:50%;width:677px;margin-left:-338px;z-index:135;}
#profileFormSuccess, #forgotFormSuccess, #profileSuccessHolder{
display:none;font-size:1.2em;line-height:1.4em;}
.formHolder h1 {font-size:2em;margin-bottom:20px;}
.formClose {float:right;font-size:0.8em; margin-right:-17px;}
#videoBkg .formClose {margin-right:0px;}
body .form .errorForm {display:inline;float:none; color:#ff4e4e;}
#profileFormError, #journeyFormError, #mediaFormError, #loginFormError {
color:#ff4e4e;font-size:13px;text-align:center;}
.textInput {width:165px;border:1px solid #333;height:1.4em;line-height:1.4em;}
.clock {vertical-align:top;margin-left:4px;}
#routeSubmit {margin-left: 164px;}
#routeConnectionType {margin-right:10px;} /* removed b/c in edit mode it's one line now margin-left:153px; */
#noConnection {color:#FFE800;text-align: center;font-size: 11px;}
.form_top, .form_bottom{width:677px;height:10px;line-height:1px;margin:0px;}
.formError {display:none;}
.formSuccess {display:none; font-size:1.2em;line-height:1.4em;}
.formHolder {left:50%;margin-left:-338px;position:absolute;top:50px;width:677px;z-index:35; }
.form {background-image:url(/images/form_black_bgr_01.png);color:#FFFFFF;margin:0px;padding:0px 25px;overflow:hidden;z-index:1035;width:627px;}
.form h1 {margin:0pt;padding:10px 0px;font-size:22px;color:#FFFFFF;}
/* fieldset:mainly for grouping checkboxes */
.form fieldset {border:none;padding:0px;margin-bottom:5px;}
.form div fieldset.videoSource span {width:80%;float:none;text-align:left;padding:0px;}
.form fieldset label {padding-left:3px;margin-bottom:5px;text-align:left;width:auto; float: left;margin-right: 10px;}
.form fieldset.videoSource label {padding-left:165px;}
.form span#r_connectionLabel {float:left;padding-top:0;text-align:right;width:163px;}
.form fieldset span#r_connection0 {margin-left:50px;}
.form fieldset input.check {margin:2px 5px 0px 4px;}
.form div {overflow:hidden;outline:none;clear:both;margin-bottom:10px;}
.form hr {border:none;height:1px;border-bottom:1px solid #363636;padding:0px;margin:0px 0px 16px 0px;}
.form label {display:block;width:155px;float:left;text-align:right;padding-right:10px;}
.form input, .form textarea {display:block;float:left;width:430px;border:none;border-bottom:1px solid #222;margin-right:5px;padding:2px}
.form textarea {height:180px;margin-bottom:4px;font-family:'lucida grande',helvetica,verdana,arial,sans-serif;}
#journeyForm textarea {margin-bottom:0px;}
.form .dataInput, .form select {/* width:1/3 - 2 column layout */width:150px;text-align:center;}
.form .dataInput2 {/* width:2/3 */width:300px;}
.form .timeInput {width:75px;text-align:center;}
.form input.check, .form input.submit {margin-left:160px;border:none;}
.form label.check, .form .check {width:auto;margin-right:10px;}
#r_transport {padding:0px;}
/* 2 column input layout */
.form a {border:none;}
.form .col1 {clear:left;float:left;}
.form .col2 {clear:none;width:auto;}
.form .col2 label {width:140px;}
.form .col1 input, .form .col2 input {width:141px;}
/*************************************************************************************************** 2 columns full form layout */
.form .fullCol1 {width:300px;float:left;clear:left;}
.form .fullCol2 {width:290px;clear:none;padding-left:15px;margin-left:5px;border-left:1px solid #666;}
.form .fullCol1 label, .form .fullCol2 label {margin-left:5px;width:75px;}
.form .fullCol1 input, .form .fullCol2 input {width:178px;}
.form .fullCol1 input.check, .form .fullCol2 input.check {width:auto;float:none;display:inline;}
.form .fullCol1 fieldset label, .form .fullCol2 fieldset label{margin-right:-8px;padding-left:60px;width:auto;}
.form .fullCol2 #profileForm fieldset {padding:0px;margin-left:0px;}
.form .fullCol1 input.submit, .form .fullCol2 input.submit {margin-left:86px;}
#profileForm .col2 label {width:127px;}
#profileForm .col2 label.error {text-align:center;width:296px;}
#profileForm fieldset {margin-left:159px;}
#form_login div {clear:left;display:block;padding:1px 3px;}
#form_login div.optional label, #form_login label.optional {font-weight:normal;}
#form_login div label {float:left;margin:0pt 0pt 0px;padding:6px 3px;text-align:right;width:66px;}
.greeting {text-transform:capitalize;color:#f3c800;}
#form_login div.error {margin-bottom:2px;padding:10px;background-color:#ffdcdc;color:#CA0000;}
#form_login .success {background-color:#CEFFC6;color:#062900;margin-bottom:2px;padding:10px;}
#form_login .success em {font-size:18px;}
.form .fullCol1 label.error, .form .fullCol2 label.error {margin:0px;padding:0px;width:280px;color:#ff4e4e;font-size:11px;background: transparent;border: none;}
#loginForm .fullCol1 label.error, #loginForm .fullCol2 label.error {width: auto;}
#profileForm .fullCol1 label.error, #profileForm .fullCol2 label.error {width: 272px;}
.form .fullCol2 fieldset label.error {width:auto;padding-left:5px;font-size:11px;}
#home #profileForm label.errorForm {padding-left:170px;text-align:left;}
#home #profileForm fieldset label.errorForm {padding-left:5px;display:block;}
.faint {color:#888;}
input.faint {background-color:white;border:none;color:#111;}
.form input.silent {border:none;margin:0px;padding:0px;line-height:1px;display:none;}
.form input.error {border:1px solid #FF4E4E;background: #fff;color:#000;}
.form label.error { width:154px; color:#ff4e4e;}
#forgotFormHolder .form label.error {width:300px;text-align:left;}
.form .videoSource label.error {display:inline;margin-left:165px;width:436px;background: transparent;}
#journeyFormHolder .form label.error {position:absolute;right:30px;width:154px;background-color:transparent;text-align: center;padding: 0px 4px;line-height:22px;}
#routeForm .form label.error {display:block;clear:both;}
.form div span.req {float:none;margin:0;padding:0;width:auto;}
body #CP_hourcont {background-color:black;color:white;border:1px solid #444;}
body #CP_minutecont {background-color:black;color:white;border:1px solid #444;}
#savedJourneyHint{text-align:center;font-size:1.2em;font-style:italic;}
/*************************************************************************************************** Lat Lon sex / dec */
p#routeFormCoordDec, p#routeFormCoordSex {text-align:right;margin-right:17px;}
body .form input .notationSex, body div .notationSex{display:none;}
#r_lon_sex_deg, #r_lat_sex_deg {width:32px;text-align:right;}
#r_lon_sex_min, #r_lon_sex_sec, #r_lat_sex_min, #r_lat_sex_sec {width:20px;text-align:right;}
.form div span.notationSex {padding-top:0px;width:145px;}
.form div span.notationSex span {padding-top:0px;width:auto;float:left;}
.form #routeForm hr {margin:0px 0px 6px 0px;padding:0px;}
/*************************************************************************************************** KML form */
#KmlForm a.button1 {margin:10px 0px 10px 90px;}
#KmlForm .fullCol1 p {text-align:center;}
#KmlForm .fullCol2 p {margin-bottom:1em;}
#KmlFormHolder {display:none;}
#KmlFormError {display:none;}
#KmlPoints {display:none;}
.ui-slider {background-position:center;background-repeat:no-repeat;background-color:#aaa;height:23px;position:relative;width:500px;margin-left:70px;}
#KmlPointsSlider p {margin-left:70px;}
.ui-slider-handle {background-color:#FFD800;height:23px;left:0px;position:absolute;top:0px;width:12px;z-index:1;}
.form div .datepicker_cover {display:none;display:block;position:absolute;z-index:0;filter:mask(color=#000000);top:-4px;left:-4px;width:200px;height:200px;}
/*************************************************************************************************** finish editing F O R M */
#finishEditingFormHolder {}
#finishEditingForm div, #finishEditingForm h2 {padding-left: 30px;}
#finishEditingForm label {float:none;text-align:left;width:100%;}
#finishEditingForm label input {margin-top:4px;width:auto;}
#finishEditingForm label span {font-size: 14px;}
#finishEditingForm p.minor {margin-left: 20px;}
#shareJourneyFormHolder .loud {color:#fff;}
#shareJourneyFormHolder {}
#shareJourneyFormHolder em {font-weight:bold;color:#fff;}
#shareJourneyForm div, #shareJourneyForm h2 {padding: 0px 30px;}
#shareJourneyForm h2 {border:none;color:#fff;}
ul.shareJourneyAction {margin-left:0px;}
ul.shareJourneyAction li { margin-left: 45px;float: left; color:#fff;}
ul.shareJourneyAction li a { color:#FFE800; }
ul.shareJourneyAction li a:hover { color:#FFF !important;}
ul.shareJourneyService {list-style: none; margin: 10px 0px;}
ul.shareJourneyService li {float: left; margin-right: 15px;}
ul.shareJourneyService li.last {margin-right: 0px;}
ul.shareJourneyService li a {text-align: center;color:#fff !important; width: 100px;display:block;}
ul.shareJourneyService li a:hover {text-align: center;color:#FFE800 !important; width: 100px;display:block;}
ul.shareJourneyService li a span {display:block; height: 60px; width: 65px;background: url(/images/sprite_social.gif) no-repeat 0 0;margin-left:17px;}
ul.shareJourneyService .byEmail span {background-position: 0px 0px;}
ul.shareJourneyService .byTwitter span {background-position: -120px 0px;}
ul.shareJourneyService .byFacebook span {background-position: -240px 0px;}
ul.shareJourneyService .byDigg span {background-position: -360px 0px;}
ul.shareJourneyService .byStumble span {background-position: -480px 0px;}
#finishEditingEnd {margin-left:30px;}
#finishEditingCountinue {float:left;margin:4px 0px 0px 10px; color: #fff !important;}
/*************************************************************************************************** finish editing B U T T O N S */
a.button1 {background:transparent url('/images/but_r_black_ok.gif') no-repeat scroll top right;float:left;height:27px;/* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */margin-right:6px;padding-right:28px;/* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */text-decoration:none;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a.button1 span {background:transparent url('/images/but_l_black.gif') no-repeat;display:block;line-height:16px;/* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */padding:6px 3px 5px 12px;width:auto;}
a.button1:hover span{text-decoration:underline;}
/* on dark background:*/
a.button1.dark span {background:transparent url('/images/but_l_black.gif') no-repeat;}
a.button1.dark {background:transparent url('/images/but_r_black_ok.gif') no-repeat scroll top right;}
a.button1.dark.download {background:transparent url('/images/but_r_black_download.gif') no-repeat scroll top right;}
a.button1.dark.upload {background:transparent url('/images/but_r_black_upload.gif') no-repeat scroll top right;}
/* on light background:*/
a.button1.light span {background:transparent url('/images/but_l_light.gif') no-repeat;}
/*a.button1.light.kml {background:transparent url('/images/but_r_light_kml.gif') no-repeat scroll top right;}*/
/*************************************************************************************************** comments */
.anonymous {display: none;}
#rightComments {display: none;}
#rightComments h3.comment-headline {letter-spacing: 0px;font-size:12px;}
#rightComments h3.comment-headline img {vertical-align:text-top;margin-right: 5px;}
.comment {padding:10px 10px;border-top:1px solid #E9E9E9;}
.comment.odd {background:#FAFAFA;}
.comment.even {background:#FFF;}
.comment a {margin:0px;}
.comment .subheader a.button2 {float:right;}
.comment-value {float:right;margin-top: 0px;margin-right:10px;}
.comment-value .positive {color: green;font-weight:bold;}
.comment-value .negative {color: red;font-weight:bold;}
.comment-avatar {float:left;margin-right:7px;}
.comment-avatar a img {border:1px solid #eee;}
.comment-avatar a:hover img {border-color:#FFEB78;}
.comment-author {margin-top:0px;}
.comment-author span.author a {font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;}
.comment-author span.humane_date span.date {text-transform: none;font-variant:normal;}
.comment-author span.humane_date {color:#999999;margin-left: 4px;}
.comment-text {clear:left;}
.comment-actions .button2 {float:right;margin-top: 5px;}
.commentFormHolder .error {padding:10px}
.commentFormHolder .overlayLoader {background:#FFFFFF none repeat scroll 0 0;border:1px solid #FFE800;padding:15px;text-align:center;}
.commentFormHolder .overlayLoader span.note {}
.commentFormHolder .overlayLoader img {margin-right:10px;margin-top:-2px;vertical-align:middle;}
a.write {margin-top:10px;}
.rightComments form {padding: 5px 10px;}
.comment-content {width:99%;clear:both;margin: 10px 0px 5px 0px; height: 150px;}
.commentReply {border-left: 10px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.comment-value span {float: left;margin-right:5px;font-size: 14px;}
a.buttonHate, a.buttonLove {width: 22px; height: 22px; float:left; background:transparent url(/images/sprite_flags.gif) no-repeat scroll 0px -356px;overflow:hidden;border:none;margin: 0px 5px;text-indent:-9999px;}
a.buttonLove {background-position: 0px -325px;}
a.buttonHate span, a.buttonLove span {visibility:hidden;}
.comment-author.subheader p {font-style:normal;color:#444;margin: 5px 0px;line-height:1.4em;}
div.anonymous {margin-top: 10px;}
.anonymous label {width: 80px;float: left;}
label.comment-notifyme {float:none;}
input.comment-notifyme {float:left;margin: 5px 5px 0px 0px;}
label.comment-notifyme span {font-size: 13px; margin-top: 3px;color: #888;display:block;margin-bottom:10px;}
.comment-capcha {border-bottom:1px solid #ddd;padding:0px 0 10px;}
.comment-capcha label {display:block;float:none;margin-bottom:10px;width:100%;}
.comment-capcha input {padding:5px 0 1px 3px;line-height:19px;height:19px;}
.comment-capcha img {float: left;margin-right:10px;}
noscript div {background:#FF2929 none repeat scroll 0 0;border:1px solid #444444;color:white;padding:12px 6px;text-align:center;}
noscript div a:link { color:#95ccff; text-decoration:none; border-bottom:1px dotted #95ccff;}