@charset "utf-8";

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: 0px; 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; }

#main_content { margin-top: 20px; width: 990px; border-right: 1px dashed #4fadca; }
#center { margin: 0px 40px 0px 37px; }
#topplacebox { width: 950px;  background: white;   }

#countrysel { margin-left: 3px; margin-top: 20px;  width: 900px; border: 0px solid; }
#country_map { width: 907px; height:400px; }

#preview { margin: 0px 37px 0px 0px; background: white;  }

#countrysel .title { font-size: 1.3em; margin-top: 0px; margin-left: 0px; font-weight: bold; }

.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;  }

#login { color: #c4c4c4; font-size: 12px; float: left; margin-top: 22px; margin-left: 190px; }
#login A { color: #9aa6ac; font-size: 12px; text-decoration: underline; }
#login span { color: #9aa6ac; font-size: 12px; paddin: 0 5 }

#langMenu { float: right; margin-top: 22px; margin-right: 10px; }
#langMenu span { color: #c4c4c4; font-size: 12px; text-decoration: none; margin: 3px; }
#langMenu A { color: #c4c4c4; font-size: 12px; text-decoration: none; }
#langMenu 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 { float: left; margin-right: 20px; 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; }


/** размер окна **/
#topplacebox_place { float: left; margin-left: 37px; width: 950px; background: white; }
#winPlaceInfo { float: right; margin-right: 40px; margin-top: 72px; width: 350px; 
height: 640px;  }
#birdsbox { width: 907px; height:400px; display: none; }
#pano { width: 907px; height:400px; }
#topbox { width: 907px; height:400px; }

#map_canvas { width: 702px; height: 200px; float: left; }
#map_gamecanvas { width: 907px; height: 200px; float: left; }
#map_over { width: 200px; height: 200px; float: left; margin-left: 5px; }
#menubox { width: 890px; 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; }



.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; }


.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 { font-size: 13px; color: #e6fbff; margin: 0; padding: 0; font-weight: normal; }
.topPlaceHeaderBox h2 { font-size: 13px; color: #e6fbff; margin: 0; padding: 0; font-weight: normal; }
.topPlaceHeaderBox h3 { font-size: 13px; color: #e6fbff; margin: 0; padding: 0; font-weight: normal; }
.topPlaceHeaderBox A { text-decoration: none; }
.topPlaceHeaderBox A:hover { text-decoration: underline; }


.mainform { font-size: 12px; color: #6a7c84; }
.mainform .form-row { margin-bottom: 3px; clear: both; }
.mainform .label { width: 250px; text-align: left; 
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; }