@charset "utf-8";
/* CSS Document */


html * { margin: 0px; padding: 0px; font-size: 100%; }	
BODY { background-color: #f8f8f8; font-family: Tahoma; font-size: 62.5%;  }
.clear { clear: both; }

#header { height: 64px; background: url(/images/top_bg.gif) left top no-repeat #6a7c84; }
#footer { height: 76px; background: #6a7c84; margin-top: 25px; }
#top { padding-top: 40px; margin: 0px 40px 0px 40px; }
#logo { float: left; }


.topHeaderBox { padding-top: 9px; padding-left: 10px; color: #e6fbff; }
.topHeaderBox A, .topHeaderBox H2 { color: #e6fbff; text-decoration: none; font-size: 17px; }
.topHeaderBox A:hover { text-decoration: underline; }


#center { margin: 0px 40px 0px 37px; }
#topplacebox { width: 545px; float: left; background: white;   }
#countrysel { margin-left: 0px; float: left; height: 600px; width: 330px; }
#preview { margin: 0px 37px 0px 0px; background: white;  }


.tab_item_box { margin-top: 14px; }
.tab_item { float: left; width: 100px; margin-right: 15px; text-align: center; }
.tab_item A { font-size: 1.2em; font-weight: bold; color: #454545; text-decoration: underline; }
.tab_item A:hover { color: #454545; text-decoration: none; }
.tab_item SPAN.active { font-size: 1.2em; font-weight: bold; color: #4eacca; text-decoration: none; }


#footermenu  { color: #9aa6ac; }
#footermenu A { color: #c4c4c4; font-size: 11px; text-decoration: none; }
#footermenu A:hover { color: #f8f8f8; text-decoration: underline;  }

#topmenu { float: left; margin-left: 50px; margin-top: 7px; }
#topmenu A { font-size: 1.2em; color: #3d3d3d; }
#topmenu A:hover { color: #2db0cd; text-decoration: none; }

.topmenuItem { float: left; height: 32px; margin-right: 20px; }
.topmenuItemEnd { float: left; height: 38px; padding: 6px 10px 0px 10px;  }

.topmenuItem:hover { background: url(/images/menu_bg1.gif); }
.topmenuItemEnd:hover { background: url(/images/menu_bg2.gif) no-repeat top right; }


.cntryItem { padding-left: 20px; font-size: 1.2em; height: 20px; background: url(/images/cntry_bg0.gif) no-repeat top left;  }
.cntryItemEnd { height: 20px;  }
.cntryItem A { font-size: 1.1em; color: #256f88; }
.cntryItem A:hover { color: #2db0cd; text-decoration: none; }

.cntryItem:hover { background: url(/images/cntry_bg1.gif)  no-repeat top left; }
.cntryItemEnd:hover { background: url(/images/cntry_bg2.gif) no-repeat top right; }

.panoprev { background-color: black; float: left; width: 350px; height: 200px; border: 1px solid #dbdbdb; }
.preview_sv_box .date { background-color: #bfc9cc; font-size: 11px; padding:1px; }
.preview_sv_box .date A { font-weight: bold; color: #161616; text-decoration: none; }
.preview_sv_box .name { margin-top: 11px; color: #256f88; font-size: 12px; font-weight: bold; }
.preview_sv_box .loc { margin-top: 1px; font-size: 15px; }
.preview_sv_box .cats { margin-top: 2px; font-size: 11px; color: #256f88; } 
.preview_sv_box .rating { margin-top: 2px; font-size: 11px; color: #256f88; }
.preview_sv_box .link {  margin-top: 2px; font-size: 13px; color: #256f88; }
.preview_sv_box .link A { color: #256f88; }

.preview_sv_box .type { margin-top: 2px; font-size: 11px; color: #256f88;  }
.preview_sv_box .text { margin-top: 2px; font-size: 12px; width: 400px; color: #555555; }
.preview_sv_box .translate A { font-size: 10px; color: #555555; }


/** размер окна **/
#topplacebox_place { float: left; margin-left: 37px; width: 545px; background: white; }
#winPlaceInfo { float: right; margin-right: 40px; margin-top: 72px; width: 350px; 
height: 640px;  }
#birdsbox { width: 502px; height: 350px; display: none; }
#pano { width: 502px; height: 350px; }
#map_canvas { width: 502px; height: 150px; }
#menubox { width: 490px; vertical-align: middle; padding: 5px 5px 8px 5px; font-size: 1.2em; }
#maxmapbox { padding-left: 10px; float: left; text-align: center; width: 460px; height: 25px; }


#map_search { padding: 5px 5px 8px 5px; font-size: 1.2em; }
#maptooltip { background-color: #f8f8f8; border: 1px #aaaaaa solid; 
position: absolute; z-index: 200; font-family: Tahoma; font-size: 8pt; 
padding: 0px 2px 1px 2px; }


.jScrollPaneTrack {
	left: 0;
	right: auto;
}
a.jScrollArrowUp {
	left: 0;
	right: auto;
}
a.jScrollArrowDown {
	left: 0;
	right: auto;
}

.cityDesc { font-size: 9px; margin-left: 19px; color: #999999; margin-bottom: 3px; text-align: justify; }

h2 { color: #6a7c84; font-size: 18px; }
.user-list-box A { color: #6a7c84; font-size: 14px; }

A.settings { color: #6a7c84; font-size: 14px; }

.page-num-box A { color: #6a7c84; font-size: 14px; }

.settings-form { font-size: 15pt; color: #6a7c84; }
.settings-form .row { margin-bottom: 3px; clear: both; padding: 3px;  
background-color: #a3c4cd; }
.settings-form .label { float: left; width: 250px; text-align: right; 
padding-right: 10px; font-weight: bold;  }
.settings-form .text { width: 250px; font-size: 13pt;  }
.settings-form .button { width: 250px; font-size: 13pt; }


.top_street_info { padding: 5px 9px 5px 9px;}
.top_street_info .location { font-size: 20px; font-weight: bold; color: #56b8cf; }
.top_street_info .country { color: #78a18f; }
.top_street_info A { color: #256f88; font-size: 11px; }
.top_street_info .category {  color: #256f88; font-size: 12px;  margin-bottom: 5px; }




h1 { font-family: Tahoma; color: #999999; font-size: 20px; }


.form-new-group INPUT { width: 400px; } 
.form-new-group SELECT { width: 400px; } 
.form-new-group TEXTAREA { width: 400px; height: 150px; }
.form-new-group .button { width: 150px; }


.topPlaceHeaderBox { font-size: 13px; padding-top: 12px; padding-left: 5px; color: #e6fbff; }
.topPlaceHeaderBox .type { font-size: 13px; font-weight: bold;  }
.topPlaceHeaderBox .rating { font-size: 11px; }

.topPlaceHeaderBox h1, .topPlaceHeaderBox h1 A { font-size: 13px; color: #e6fbff; margin: 0; padding: 0; font-weight: normal; }
.topPlaceHeaderBox h1 A { text-decoration: none; }
.topPlaceHeaderBox h1 A:hover { text-decoration: underline; }

.topPlaceHeaderBox h2 { font-size: 12px; }
.topPlaceHeaderBox h2 .city { text-decoration: none; color: #e6fbff; font-weight: normal; }
.topPlaceHeaderBox h2 .country { text-decoration: none; color: #e6fbff; font-weight: normal; }
.topPlaceHeaderBox h2 A.city:hover { text-decoration: underline; }
.topPlaceHeaderBox h2 A.country:hover { text-decoration: underline; }



.mainform { font-size: 12px; color: #6a7c84; }
.mainform .form-row { margin-bottom: 3px; clear: both; padding: 3px;  
 }
.mainform .label { float: left; width: 250px; text-align: right; 
padding-right: 10px; font-weight: bold;  }
.mainform .text { width: 250px; font-size: 12px;  }
.mainform .button { width: 150px; font-size: 12px; }

.mainform INPUT { width: 400px; } 
.mainform SELECT { width: 300px; } 
.mainform TEXTAREA { width: 400px; height: 150px; }


.newgroup { margin-left: 5px; margin-top: 15px; }
.newgroup A { color: #78a18f; font-size: 12px; }