#map-content { height: 300px; position: relative; }

#map-blocks {
	height: 100%; width: 198px; float: left;
	overflow-x: hidden; overflow-y: auto;
	position: relative;
}
#map { height: 100%; background: #9CB2CE; margin-left: 200px; color: #000; }
#map a { color: #00a; }
#map select { color: #000; background: #fff; font-size: 1em; }

#map-context-menu {
	border-style: solid; border-width: 1px;
	border-color: #aaa #000 #000 #aaa;
	background: #fff; list-style: none;
	padding: 1px; margin: 0;
}
#map-context-menu li { cursor: pointer; padding: 0px 2px; }
#map-context-menu li:hover { background: #9cb2ce; }
#map-context-menu li.default { font-weight: bold; }
#map-context-menu li.disabled { display: none; }
#ctxLocation { font-size: 0.8em; }

.divider { border-bottom: 1px solid lightgrey; }
.clickable { cursor: pointer; }
.clickable:hover { text-decoration: underline; }

.icon { height: 20px; width: 20px; display: block; float: left; margin-right: 3px; }
.icon:hover { background-position: bottom; }
.directions { width: 28px; float: right; cursor: pointer; }

.help {
	float: right; background-image: url(images/help.png);
	height: 16px; width: 16px;
}
.help span {
	display: none; position: absolute; bottom: 0; right: 0; width: 200px;
	background-color: #ffe4b5; padding: 0.2em; border: 1px solid #000;
}
.help:hover span { display: block; }

/* sidebar width minus panel padding minus borders */
.full { width: 99%; }
.panel { margin: 0px 2px 4px 0; position: relative; overflow: hidden; }
.panel input.full { width: 98%; padding: 1px; margin: 2px 0; }
.panel a { color: inherit !important; }
.panel p { font-size: 1em; }
.panel th { text-align: right; padding-right: 3px; }
.panel th, .panel td { vertical-align: top; }
.panel .foot { margin: 3px 0; padding-top: 3px; }
.panel .inner { position: relative; }

.panel .wait, .infoWait {
	height: 9em; text-align: center;
	background-position: 50% 80%;
	background-repeat: no-repeat;
}
.infoWait { background-image: url(images/spinbig.gif); }

.panel .blind .panelClose { display: block; }
.panelClose {
    background-repeat: no-repeat; background-position: top;
    height: 16px; width: 16px; cursor: pointer;
	display: block; float: right; margin-top: -3px;
}
#block-route .inner div { text-align: right; margin-top: 3px; }
#block-route .inner .inputbox { width: 70%; }
#block-route .inner div.foot { text-align: left; }
#block-route #tModeDriving, #block-route #tModeWalking { margin: 0 2px 0 6px; }

#block-user h3 {
	background-position: right center;
	background-repeat: no-repeat;
}
#block-user .pos { white-space: nowrap; overflow-x: hidden; }
#block-user .pos input.inputbox { width: 42%; font-size: 0.7em; }
#block-user #setLocBut { float: right; }
#userSettingLoc {
	background: #900; color: #fff; text-align: center;
	font-weight: bold; font-size: 1.3em;
	position: absolute; z-index: 400;
	top: 0; height: 100%; display: none;
}
#userSettingLoc table { height: 100%; width: 100%; }
#userSettingLoc table td { vertical-align: middle; }

#mapOptions { padding: 0px 3px 1px 1px; font-weight: bold; }

#block-search { z-index: 10; overflow: visible; }
#searchContainer { position: relative; }
#searchBox {
	margin: 0; font-size: 1.5em; width: 87%;
	background-position: right center;
	background-repeat: no-repeat;
	padding: 1px 18px 1px 1px;
}
.dsSearchResults { 
	position: absolute; z-index: 999; width: 100%;
	border-top-width: 0px;
	overflow-x: hidden; overflow-y: auto;
	display: none; height: 0px;
}
.dsSearchResults div {
  white-space: nowrap; padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 2px;
}

.dsPopup {
  position: fixed; top: 0px; right: 40px;
  width: 200px; z-index: 1000;
}
.dsPopup div {
  overflow: hidden; position: relative;
  margin: 0px 0px 4px 0px;
}
.dsPopup div span {
  position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
  background: #f00; opacity: 0.7; -moz-border-radius: 6px;
}
.dsPopup div p {
  position: relative;
  padding: 10px; margin: 0;
  font-weight: bold; color: #000;
}


/**
 * Set styles for the infoWindow
 */
.mapInfo { font-size: 1em; }
.mapInfo h1 { border-bottom: 1px dotted #ccc; margin: 0px 0px 2px; color: #000; }
.mapInfo .foot { border-top: 1px dotted #ccc; margin-top: 3px; padding-top: 3px; }
.mapInfo .foot img { vertical-align: bottom; margin-right: 3px; }
.mapInfo .foot .directions { margin: 0 0 0 3px; } 
.mapInfo .details { overflow-y: auto; }
.mapInfo .details th, .details td { vertical-align: top; }
.mapInfo .details th { text-align: right; white-space: nowrap; padding-right: 3px; }
.mapInfo .details .button { float: right; background: none; }
.mapInfo .details .button:hover { background: #EFEFFF; }
.mapInfo .details iframe { border: none; width: 85%; overflow: hidden; }

.mapInfo .g { color: #0b0; }
.mapInfo .b { color: #00f; }
.mapInfo .r { color: #f00; }

.infoUser { width: 360px; }
.infoUser #avatarsection { float: left; position: relative; }
.infoUser #avatarsection img.online {
	position: absolute; right: 0px; top: 1.5em;
	background-image: none;
}
.infoUser .details { height: 180px; }

.infoAirports { width: 300px; }

.infoResortMain, .infoResortPictures, .infoResortKnowledge { width: 630px; }
.infoResortMain .inner, .infoResortPictures .inner, .infoResortKnowledge .inner {
	height: 250px; position: relative;
}

.infoResortMain .ratings {
	float: right; position: relative;
	width: 49%; height: 100%;
	overflow: auto; line-height: 2em;
}
.infoResortMain .ratings div { font-size: 1.6em; padding: 0 0.5em; text-align: right; }
.infoResortMain .ratings div.all {
	font-weight: bold; border-bottom: 1px dotted #ccc;
	margin-bottom: 0.2em; padding-bottom: 0.2em;
}
.infoResortMain .ratings .num { font-weight: bold; float: right; width: 1.5em; }
.infoResortMain .ratings .oot { font-size: 0.7em; }
.infoResortMain .ratings div .s1, .infoResortMain .ratings div .d1 { margin: 0 0.5em; }
.infoResortMain .ratings div .s1, .infoResortMain .ratings .s1 span { cursor: pointer; }
.infoResortMain .ratings div .s1, .infoResortMain .ratings .s1 span,
.infoResortMain .ratings div .d1, .infoResortMain .ratings .d1 span {
	height: 19px; padding-left: 15px;
	background-image: url(images/icons/rate0.png);
	background-position: 0% 50%;
	background-repeat: no-repeat;
}
.infoResortMain .ratings div span.on { background-image: url(images/icons/rate1.png); }
.infoResortMain .ratings div .s1:hover, .infoResortMain .ratings .s1 span:hover {
	background-image: url(images/icons/ratev.png);
}

.infoResortMain .ratings .rate-note {
	font-size: 1em; line-height: 1.2em;
	text-align: left; margin-top: 0.5em;
}

.infoResortMain div#resortLogo {
	width: 50%; height: 68px;
	background-image: url(images/bgstripe.png);
}
.infoResortMain .details {
	width: 50%; height: 178px;
	overflow: auto; margin-top: 2px;
	position: relative;
}
.infoResortMain input { border: 0px; vertical-align: top; background-color: #efefff; }
.infoResortMain h1 input { width: 95%; }
.infoResortMain .foot input { margin-left: 0.5em; }
.infoResortMain .foot .icon { cursor: pointer; }
.infoResortMain .details table { margin-top: 0.5em; }
.infoResortMain .details table th { text-align: right; }
.infoResortMain .details table tr.title { font-size: 1.5em; }
.infoResortMain .details table tr.title th { padding-left: 2em; }
.infoResortMain .details table td { text-align: left;}
.infoResortMain .details #altt, .infoResortMain .details #altb,
.infoResortMain .details table td input { width: 3em; }
.infoResortMain .details .home { font-size: 1.5em; padding-bottom: 2px; width: 90%; }
.infoResortMain .details #logoFrame { height: 5em; }

.infoResortKnowledge .details {
	float: right; height: 100%; width: 59%;
	overflow-y: auto; border-left: 1px dotted #ccc;
	padding: 0 0.5em;
}
.infoResortKnowledge .details .cat { float: right; }
.infoResortKnowledge .details .cat input {
	border: 0; margin: 0 0 0 0.2em; padding: 0;
	background: #fff; vertical-align: top;
}
.infoResortKnowledge .details .cat input:hover { background: #f00; }
.infoResortKnowledge .details span { font-weight: bold; }
.infoResortKnowledge .details > div {
	border-bottom: 1px dotted #ccc; padding-bottom: 0.2em; margin-bottom: 0.3em;
}

.infoResortKnowledge .choose {
	position: absolute; top: 0px; bottom: 9.5em; width: 39%;
	overflow-y: scroll;
}
.infoResortKnowledge .addPanel {
	width: 39%; border-top: 1px dotted #ccc; padding-top: 2px;
	position: absolute; bottom: 0px;
}
.infoResortKnowledge .addPanel select, .infoResortKnowledge .addPanel #newSpaceHolder { float: right; }
.infoResortKnowledge .addPanel textarea { width: 98%; height: 4em; }
.infoResortKnowledge .addPanel input { margin-right: 0.5em; }
.infoResortKnowledge .addPanel #newKnowLeft { margin: 0 0 0 0.5em; }

#knowledgeCloud { position: relative; width: 39%; height: 60%; }

.frame {
	border: 1px solid #000; float: right; background-image: url(images/bgstripe.png);
	height: 240px; width: 320px; margin: 5px 0 5px 5px;
}
#picturePanel { overflow: hidden; }
.cloudTag { position: absolute; }
.cloudTag:hover { color: red; }

.forecast { height: 250px; }
.forecast .day {
    text-align: center; 
    border-left: 1px dotted #ccc;
    float: left;
    padding: 0 2px 5px 2px;
    width: 100px; /* plus the border and padding makes 105px */
}
.forecast .first { border: none; }
.forecast h2 { margin: 0px; font-size: 1.5em; font-weight: bold; color: inherit; }
.forecast .time { margin-bottom: 0.5em; }
.forecast .cond { font-weight: bold; margin-top: 1em; }
.forecast .temp span { font-weight: bold; font-size: 1.2em; }
.forecast .temp img { vertical-align: middle; }
.infoWeather .foot img { vertical-align: top; }