HTML, BODY { height: 100%; }
BODY { color: #000; background: #041C41 url(../i/bg_top.jpg) repeat-x; min-width: 990px; text-align: center; }

.constraint { max-width: 1500px; position: relative; margin: 0 auto; }

.pseudo-link, .pseudo-link-hover { cursor: pointer; cursor: hand; display: inline; }
.pseudo-link { color: #FFF; border-bottom: 1px dashed #FFF; }
.pseudo-link-hover { color: #EAC05B; border-bottom: 1px dashed #EAC05B; }

.out { padding-right: 22px; background: url(../i/out.gif) no-repeat 100% 0.2em; margin-right: 3px; }
.additional { margin-top: 1.75em; font-size: 0.875em; }

.nav A:link { color: #59ABFF; }
.nav A:visited { color: #59ABFF; }
.nav A:hover { color: #87C9FF; }
.nav A:active { color: #87C9FF; }

.nav-light A:link { color: #EAC05B; }
.nav-light A:visited { color: #EAC05B; }
.nav-light A:hover { color: #FFF; }
.nav-light A:active { color: #FFF; }

.index #text A:link, .dark #text A:link { color: #EAC05B; }
.index #text A:visited, .dark #text A:visited { color: #6f5ab4; }
.index #text A:hover, .dark #text A:hover { color: #FFF; }
.index #text A:active, .dark #text A:active { color: #FFF; }

.typical #text A:link { color: #096; }
.typical #text A:visited { color: #28332F; }
.typical #text A:hover { color: #636; }
.typical #text A:active { color: #2A894E; }

.menu { font-size: 0.94em; font-style: italic; width: 48%; float: left; margin-right: 1%; }
.menu A { position: relative; }
.menu .ico { position: absolute; top: -0.8em; left: -59px; width: 44px; height: 44px; background-image: url(../i/menu_restaurant.png); cursor: pointer; }
.menu DIV { padding: 0 0 0 59px; margin-bottom: 20px; //margin-bottom: 0; min-height: 33px; }
#menu-restaurant .ico { background-position: 0 0; }
#menu-bar { padding-bottom: 15px; }
#menu-bar .ico { background-position: -44px 0; }
#restaurant-offer .ico { background-position: -132px 0; }
#restaurant-rent .ico { background-position: -176px 0; }


/* Restaurant guide link */
#guide-restaurant-link .pseudo-link, #guide-restaurant-link .pseudo-link-hover { position: relative; }
#guide-restaurant-link .ico { background-position: -88px 0; left: -59px; }
#guide-restaurant-link .pseudo-link { color: #008B5C; border-bottom: 1px dashed #008B5C; }
#guide-restaurant-link .pseudo-link-hover { color: #000; border-bottom: 1px dashed #000; }

/* Link to a higher level */
#back { font-size: 1em; font-style: italic; padding-top: 17px; }
#back A { float: left; padding: 0 0 0 45px; position: relative; }
#back A INS { width: 34px; height: 26px; background: url(../i/back.png) no-repeat; position: absolute; top: 0; left: 0; }

.typical #back A { color: #008B5C; }
.dark #back A:link { color: #FFF; }
.dark #back A:visited { color: #FFF; }
.dark #back A:hover { color: #FFF; }
.dark #back A:active { color: #FFF; }
.dark #back A INS { background: url(../i/back.gif) no-repeat; }

/* Logo */
#logo { padding: 0; text-align: center; padding: 35px 0 30px 0; }
#logo IMG { width: 366px; height: 137px; }
#logo IMG.en { width: 323px; height: 140px; }
#logo-print { display: none; }

/* Top */
#top { margin: 0 3%; position: relative; z-index: 3; }
.typical #top { margin-bottom: 28px; }

/* Path */
#path { font-style: italic; font-size: 0.88em; padding: 0 0 10px 25px; margin-right: 0; zoom: 1; }
#path SPAN { position: relative; top: -0.2em; white-space: nowrap; }
#path .item { float: left; padding-left: 26px; margin: 5px 5px 0 0; min-height: 24px; position: relative; }
#path .item .bullet { width: 22px; height: 24px; background: url(../i/path_set.png) no-repeat; position: absolute; top: -6px; left: 0; }
#path .to-main-page { padding-left: 57px; left: -30px; margin-right: -30px; }
#path .to-main-page .bullet { width: 54px; }

.typical #path .item .bullet { background-position: -54px 0; }
.typical #path .to-main-page .bullet { background-position: 0 0; }
.typical #path .cur .bullet { background-position: -76px 0; }
.typical #path A:link { color: #FFF; }
.typical #path A:visited { color: #FFF; }
.typical #path A:hover { color: #000; }
.typical #path A:active { color: #000; }

.dark #path { color: #FFF; }
.dark #path .item .bullet { background-position: -54px -24px; }
.dark #path .to-main-page .bullet { background-position: 0 -24px; }
.dark #path .cur .bullet { background-position: -54px 0; }
.dark #path A:link { color: #56ABFE; }
.dark #path A:visited { color: #56ABFE; }
.dark #path A:hover { color: #FFF; }
.dark #path A:active { color: #FFF; }

/* Incuts */
.incut { margin-bottom: 1em; }
.incut .container { color: #2BA278; font-size: 0.88em !important; background: #FFF; padding: 1px 80px 1px 80px; }
.incut P { margin: 0.8em 0 !important; }

.border-radius .incut .container { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.no-border-radius .incut .corner-container { margin: 0 9px; background: #FFF; }
.no-border-radius .incut .spacer { height: 9px; }
.no-border-radius .incut .corner { width: 9px; height: 9px; background: url(../i/incut_corners.png) no-repeat; }
.no-border-radius .incut .left { left: -9px; }
.no-border-radius .incut .right { right: -9px; }
.no-border-radius .incut .top .corner { top: 0; }
.no-border-radius .incut .top .left { background-position: 0 0; }
.no-border-radius .incut .top .right { background-position: -9px 0; }
.no-border-radius .incut .bottom .corner { top: 0; }
.no-border-radius .incut .bottom .left { background-position: 0 -9px; }
.no-border-radius .incut .bottom .right { background-position: -9px -9px; }


/* Content */
#text { position: relative; z-index: 1; }
#text, #stoppers { max-width: 850px; margin-right: 39px; margin-right: 1px; }
.index #text, .dark #text { color: #94C5ED; }

.index H1, .index H2, .dark H1, .dark H2 { color: #FFF; }
.typical H1 { position: relative; }

#text UL LI, #text OL UL LI { padding-left: 25px; background: url(../i/bullet.gif) no-repeat 0 0.3em; }
#text UL UL LI, #text UL OL LI { background: none; }
.dark #text UL LI { background-image: url(../i/rooms_bullet.gif); }
#text UL UL { margin: 0.3em 0 0.7em -4px; //list-style-image: url('li.gif'); }
#text UL UL LI { behavior: expression( ( !this.before && parentNode && parentNode.tagName == 'UL' ) ? ( this.before = true ) & ( parentNode.style.listStyleImage = 'none' ) & ( ( this.firstChild && this.firstChild.firstChild ) ? ( this.firstChild.style.marginTop = '-1.2em' ) & ( this.firstChild.style.position = 'relative' ) : '' ) & ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; left: -1.25em; margin: 0 0 -1.2em 0; font-size: 1em;" />' ) ) & ( eNOBR.innerHTML = '&mdash;&nbsp;' ) & ( this.insertBefore( eNOBR, this.firstChild ) ) : ''); }
#text UL UL>LI:before { content: '\2014\a0'; font-size: 1em; margin: 0 0 0 -1.25em; font-size: 1em;  }
#text OL { position: relative; counter-reset: item; list-style-type: none; behavior: expression((this.counter) ? "" : (this.start) ?  this.counter = this.start - 1 : this.counter = 0); margin: 1em 0 0 30px; }
#text OL LI, #text UL OL LI { behavior: expression( ( !this.before && parentNode && parentNode.tagName == 'OL' ) ? ( this.before = true ) & ( parentNode.counter++ ) & ( parentNode.style.listStyleType = 'none' ) & ( eNOBR = document.createElement( '<div style="position: absolute; top: 0; left: -34px; padding: 7px 0 0 0; width: 28px; height: 30px; font-size: 1em; font-style: italic; font-weight: bold; background: url(../i/num.gif) no-repeat right top; text-align: center;" />' ) ) & ( eNOBR.innerHTML = parentNode.counter ) & ( this.insertBefore( eNOBR, this.firstChild ) ) : ''); display: block; position: relative; padding: 0; }
#text OL>LI:before { display: block; margin: 0 0 -2em -34px; padding: 7px 1px 0 0; width: 28px; height: 30px; text-align: right; content: counter(item); counter-increment: item; position: relative; top: 0; font-size: 1em; font-style: italic; font-weight: bold; background: url(../i/num.gif) no-repeat right top; text-align: center; }

.typical #text { margin-top: 36px; }
.typical #text .container-main { background: #91E3BE url(../i/text_bg.jpg); border-left: 26px solid #1E3E4B; border-right: 26px solid #315E60; padding: 20px 25px 100px 45px; min-height: 300px; position: relative; z-index: 2; }

.planet { position: absolute; z-index: 1; }
.type1 { background: url(../i/planet1.png) no-repeat; width: 219px; height: 221px; top: -37px; right: -33px; }
.type2 { background: url(../i/planet2.png) no-repeat; width: 274px; height: 274px; top: -63px; right: -62px; }
.type3 { background: url(../i/planet3.png) no-repeat; width: 218px; height: 218px; top: -37px; right: -34px; }
.type4 { background: url(../i/planet4.png) no-repeat; width: 218px; height: 218px; top: -37px; right: -36px; }
.type5 { background: url(../i/planet5.png) no-repeat; width: 218px; height: 218px; top: -37px; right: -33px; }
.type6 { background: url(../i/planet6.png) no-repeat; width: 220px; height: 220px; top: -37px; right: -32px; }

.typical .top-main, .typical .bottom-main { height: 26px; width: 100%; position: relative; z-index: 3; }
.typical .top-main { background: #1C4360; }
.typical .bottom-main { background: #10283F; float: left; }
.typical .top-main .corner, .typical .bottom-main .corner { width: 26px; height: 26px; }
.typical .top-main .left, .typical .bottom-main .left { left: 0; }
.typical .top-main .right, .typical .bottom-main .right { right: 0; }
.typical .top-main .left { background: #113454; }
.typical .top-main .l-1 { background: #1A3F5C; top: 26px; }
.typical .top-main .l-2 { background: #1A3F5A; top: 52px; }
.typical .top-main .l-3 { background: #1A3F5A; top: 78px; }
.typical .top-main .l-4 { background: #1B3F59; top: 104px; }
.typical .top-main .l-5 { background: #1C4057; top: 130px; }
.typical .top-main .l-6 { background: #1C4055; top: 156px; }
.typical .top-main .l-7 { background: #1F4054; top: 182px; }
.typical .top-main .l-8 { background: #1F3F51; top: 208px; }
.typical .top-main .l-9 { background: #214050; top: 234px; }
.typical .top-main .l-10 { background: #203F4E; top: 260px; }
.typical .top-main .l-11 { background: #213F4D; top: 286px; }
.typical .top-main .l-12 { background: #22404B; top: 312px; }
.typical .top-main .right { background: #72867A; }
.typical .top-main .r-1 { background: #779D88; top: 26px; }
.typical .top-main .r-2 { background: #729881; top: 52px; }
.typical .top-main .r-3 { background: #6F957E; top: 78px; }
.typical .top-main .r-4 { background: #759B84; top: 104px; }
.typical .top-main .r-5 { background: #789D84; top: 130px; }
.typical .top-main .r-6 { background: #3C6A6C; top: 156px; }
.typical .top-main .r-7 { background: #315F65; top: 182px; }
.typical .top-main .r-8 { background: #2F5F63; top: 208px; }
.typical .top-main .r-9 { background: #2F5E61; top: 234px; }
.typical .top-main .r-10 { background: #2E5E60; top: 260px; }
.typical .top-main .r-11 { background: #2E5E5F; top: 286px; }
.typical .top-main .r-12 { background: #2E5E5F; top: 312px; }
.typical .top-main .t-1 { background: #092346; top: -26px; left: -26px; }
.typical .top-main .t-2 { background: #1D455F; left: 26px; }
.typical .top-main .t-3 { background: #1B455E; left: 52px; }
.typical .top-main .t-4 { background: #1C445E; left: 78px; }
.typical .top-main .t-5 { background: #687B72; right: 26px; }
.typical .top-main .t-6 { background: #54645D; right: 52px; }
.typical .top-main .t-7 { background: #304142; right: 78px; }
.typical .top-main .t-8 { background: #1C292C; right: 104px; }
.typical .top-main .t-9 { background: #263435; right: 130px; }
.typical .top-main .t-10 { background: #223C4B; right: 156px; }
.typical .top-main .t-11 { background: #264A64; right: 182px; }
.typical .top-main .t-12 { background: #244963; right: 208px; }
.typical .top-main .t-13 { background: #254A64; right: 234px; }
.typical .top-main .t-14 { background: #224A63; right: 260px; }
.typical .top-main .t-15 { background: #1E4861; right: 286px; }
.typical .top-main .t-16 { background: #1C465F; right: 312px; }

.typical .bottom-main .left { background: #0B213A; }
.typical .bottom-main .right { background: #0F233C; }

/* Main news */
#main-news { padding-bottom: 37px; }
.left-col #main-news { max-width: 300px; padding-left: 39px; }
.right-col #main-news { max-width: 550px; padding-top: 15px; }
#main-news H2 { font-size: 1em; font-weight: bold; font-style: italic; margin-bottom: 22px; }
#main-news .container { position: relative; zoom: 1; }
#main-news .container P { font-size: 1em; line-height: 1.2; padding: 8px 14px 12px 14px; margin: 0 !important; }

#main-news .corner-container { margin: 0 15px; background: #2292D9; zoom: 1; height: 2px; }
#main-news .corner { width: 15px; height: 15px; background: url(../i/main_news_set.png) no-repeat; }
#main-news .top .corner { top: 0; }
#main-news .left { left: -15px; }
#main-news .right { right: -15px; }
#main-news .top .left { background-position: -4px -2px; }
#main-news .top .right { background-position: -19px -2px; }
#main-news .bottom .corner { top: -13px; }
#main-news .bottom .left { background-position: -4px -17px; }
#main-news .bottom .right { background-position: -19px -17px; }
#main-news .gradient-horizontal { width: 100%; position: absolute; top: 0; left: 0; height: 2px; overflow: hidden; }
#main-news .gradient-horizontal IMG { width: 100%; height: 35px; } 
#main-news .gradient-vertical { position: absolute; width: 2px; overflow: hidden; height: 100%; top: 0; }
#main-news .gradient-vertical IMG { width: 309px; height: 100%; position: absolute; }
#main-news .gradient-vertical-left { left: 0; }
#main-news .gradient-vertical-left IMG { margin: -2px 0 0 -2px; }
#main-news .gradient-vertical-right { right: 0; }
#main-news .gradient-vertical-right IMG { margin: -2px 0 0 0; }


/* Link to the guide */
#guide-link { font-style: italic; margin: 0 0 40px 39px; max-width: 300px; }
#guide-link .pseudo-link DIV, #guide-link .pseudo-link-hover DIV { position: relative; }
#guide-link .pseudo-link INS, #guide-link .pseudo-link-hover INS { background: url(../i/guide.png) no-repeat; position: absolute; top: 17px; left: 12px; width: 181px; height: 196px; }
#guide-link INS { font-size: 1em; font-weight: bold; }

#guide-link P { font-size: 0.8em; color: #FFF29D; margin-top: 222px; line-height: 1.2; }

/* Language navigation */
#languages { font-style: italic; font-family: Georgia, serif; position: absolute; top: 57px; left: 0; }
#languages .item, #languages .roll { background: url(../i/languages_set.png) no-repeat; }
#languages .item { display: block; float: left; width: 33px; font-size: 0.8em; position: relative; z-index: 1; background-position: -84px 0; }
#languages .cur { color: #FFF; background: url(../i/languages_set.png) no-repeat; width: 64px; padding: 68px 0 0 0px; margin-top: 14px; font-size: 1.13em; background-position: 0 0; }
#languages .cur SPAN { padding-left: 20px; }
#languages A { position: relative; z-index: 2; display: block; padding: 0 0 0 0; zoom: 1; }
#languages A INS { position: absolute; top: -40px; left: -10px; width: 53px; height: 60px; cursor: pointer; cursor: hand; }

#languages .hover .roll { width: 104px; height: 64px; position: absolute; top: 9px; z-index: 1; background-position: -117px 0; left: -75px; }

#languages .en, #languages .ru { z-index: 2; }
#languages .en { margin-left: 20px; }
#languages .ru { margin-right: 9px; }
#languages .en .roll { }
#languages .ru .roll { background-position: -221px 0; left: 4px; }

#languages .link { position: relative; z-index: 2; margin-top: 48px; }

#languages .hover .link { margin-top: 47px; }

#languages .link .container { padding: 0.1em 0 0.4em 0; text-align: center; //padding: 0.2em 0 0.3em 0; }
#languages .hover .link .container { border: 1px solid #57A8FB; }
.border-radius #languages .link .container { line-height: 1; padding-bottom: 0.3em; }
.border-radius #languages .hover .link .container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.no-border-radius #languages .hover .corner { width: 6px; height: 6px; background: url(../i/languages_set.png) no-repeat; }
.no-border-radius #languages .hover .left { left: 0; }
.no-border-radius #languages .hover .right { right: 0; }
.no-border-radius #languages .hover .top .corner { top: 0; }
.no-border-radius #languages .hover .top .left { background-position: -325px 0; }
.no-border-radius #languages .hover .top .right { background-position: -331px 0; }
.no-border-radius #languages .hover .bottom .corner { top: -6px; }
.no-border-radius #languages .hover .bottom .left { background-position: -325px -6px; }
.no-border-radius #languages .hover .bottom .right { background-position: -331px -6px; }


/* Order */
#order { position: absolute; top: 71px; right: 0; font-style: italic; padding: 14px 0 0 72px; background: url(../i/order.png) no-repeat; min-height: 62px; }
#order A { display: block; font-size: 0.94em; }
#order INS { font-family: Georgia, serif; font-size: 1.81em; color: #FFF; margin-top: 2px; }
#order INS SPAN { font-size: 0.59em; position: relative; top: -0.3em; }

/* Common navigation */
#nav-common { width: 70%; margin: 0 auto; font-size: 1.25em; font-style: italic; }
#nav-common TD { width: 1%; white-space: nowrap; }
#nav-common .s { width: 10%; }
#nav-common .s DIV { width: 45px; }
#nav-common .cur { color: #FFF; }
#nav-common .cur A:link { color: #FFF; }
#nav-common .cur A:visited { color: #FFF; }
#nav-common .cur A:hover { color: #87C9FF; }
#nav-common .cur A:active { color: #EAC05B; }



/* Rooms navigation */
#nav-rooms { width: 100%; position: relative; z-index: 2; padding-bottom: 50px; }
#nav-rooms .reducer { padding: 20px 1% 0 1%; }
#nav-rooms UL { margin: 0 29px; }
#nav-rooms LI { width: 25%; //width: 24.97%; float: left; }

#nav-rooms .i { margin: 0 9px 0 10px; position: relative; }
#nav-rooms A { display: block; background: no-repeat; width: 100%; height: 260px; position: relative; z-index: 3; }

#nav-rooms IMG { width: 100%; height: 42px; }
#nav-rooms .corner-container { z-index: 4; margin: 0 9px; }
#nav-rooms .corner { width: 100%; }
#nav-rooms .top { top: -1px; left: 0; }
#nav-rooms .bottom { top: -42px; left: 0; }
#nav-rooms .stars { background: url(../i/stars.png) no-repeat; height: 126px; top: -110px; }

#nav-rooms .name A { color: #FFF; height: auto; }
#nav-rooms .name { font-size: 1.13em; }
#nav-rooms .name .container { padding: 0 13px; height: 30px; }
#nav-rooms .name .container DIV { position: relative; top: 50%; }
#nav-rooms .name .container DIV * { position: relative; top: -0.6em; }
#nav-rooms .name .corner-container { margin: 0; }
#nav-rooms .name .corner { width: 3px; height: 30px; background-image: url(../i/room_name_corners.png); }
#nav-rooms .name .left { left: -3px; }
#nav-rooms .name .right { right: -3px; }
#nav-rooms .item2, #nav-rooms .item3 { margin-top: 7px; }
#nav-rooms .item1 .container { background-color: #229A69; }
#nav-rooms .item1 .right { background-position: -3px 0; }
#nav-rooms .item2 .container { background-color: #E0A726; }
#nav-rooms .item2 .left { background-position: -6px 0; }
#nav-rooms .item2 .right { background-position: -9px 0; }
#nav-rooms .item3 .container { background-color: #2296BA; }
#nav-rooms .item3 .left { background-position: -12px 0; }
#nav-rooms .item3 .right { background-position: -15px 0; }
#nav-rooms .item4 .container { background-color: #1758B2; }
#nav-rooms .item4 .left { background-position: -18px 0; }
#nav-rooms .item4 .right { background-position: -21px 0; }

#nav-rooms .bottom-arc { position: relative; margin: 0 2%; }
#nav-rooms .bottom-arc DIV { position: absolute; top: 280px; left: 0; }
#nav-rooms .bottom-arc IMG { width: 100%; height: 26px; }


/* Feedback navigation */
#nav-feedback { font-size: 1em; font-style: italic; margin-left: 39px; }
#nav-feedback LI { margin-bottom: 0.7em; }
#nav-feedback .cur { color: #FFF; }
#nav-feedback .cur A:link { color: #FFF; }
#nav-feedback .cur A:visited { color: #FFF; }
#nav-feedback .cur A:hover { color: #2A894E; }
#nav-feedback .cur A:active { color: #2A894E; }


/* Subparts navigation */
#subnav { font-style: italic; font-size: 1em; margin: 0 0 100px 39px; }
#subnav LI { min-height: 17px; padding-left: 34px; background: url(../i/subnav_bullet.gif) no-repeat; margin-bottom: 1.2em; }
#subnav A:link { color: #87E2C3; }
#subnav A:visited { color: #87E2C3; }
#subnav A:hover { color: #C0FFE6; }
#subnav A:active { color: #C0FFE6; }
#subnav .cur { color: #FFF; }
#subnav .cur A:link { color: #FFF; }
#subnav .cur A:visited { color: #FFF; }
#subnav .cur A:hover { color: #C0FFE6; }
#subnav .cur A:active { color: #C0FFE6; }


/* Forms in the text */
.link-to-form { float: left; zoom: 1; margin: 10px 0 20px 0; }
.link-to-form .container { background: #021A40; font-size: 0.88em; font-style: italic; line-height: 1; padding: 4px 19px 7px 11px; }
.link-to-form .arrow { width: 9px; height: 7px; position: absolute; top: 0.3em; right: -14px; z-index: 2; background: url(../i/link-to-form_set.png); }
.link-to-form .pseudo-link, .link-to-form .pseudo-link-hover { position: relative; float: left; }
.link-to-form .pseudo-link { color: #AEF3BF; border-bottom: 1px dashed #AEF3BF; }
.link-to-form .pseudo-link .arrow { background-color: #AEF3BF; }
.link-to-form .pseudo-link-hover { color: #FFF; border-bottom: 1px dashed #FFF; }
.link-to-form .pseudo-link-hover .arrow { background-color: #FFF; }
.link-to-form .pseudo-link-open .arrow { width: 7px; height: 9px; background-position: 0 -7px; top: 0.25em; right: -14px; }

.dark .link-to-form .pseudo-link { color: #021A40; border-bottom: 1px dashed #021A40; }
.dark .link-to-form .pseudo-link .arrow, .dark .link-to-form .pseudo-link-hover .arrow { background-position: -23px 0; }
.dark .link-to-form .pseudo-link .arrow { background-color: #021A40; }
.dark .link-to-form .pseudo-link-hover { color: #FFF; border-bottom: 1px dashed #FFF; }
.dark .link-to-form .pseudo-link-hover .arrow { background-color: #FFF; }
.dark .link-to-form .pseudo-link-open .arrow { background-position: -23px -7px; }
.dark .link-to-form .container { background: #2CB589; }


.border-radius .link-to-form .container { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.no-border-radius .link-to-form .container { padding-top: 0; padding-bottom: 0; white-space: nowrap; }
.no-border-radius .link-to-form .corner-container { margin: 0 7px; background: #021A40; }
.no-border-radius .link-to-form .corner-container .spacer { width: 1px; height: 7px; }
.no-border-radius .link-to-form .corner { width: 7px; height: 7px; background: url(../i/link-to-form_set.png) no-repeat; top: 0; }
.no-border-radius .link-to-form .left { left: -7px; }
.no-border-radius .link-to-form .right { right: -7px; }
.no-border-radius .link-to-form .top .left { background-position: -9px 0; }
.no-border-radius .link-to-form .top .right { background-position: -16px 0; }
.no-border-radius .link-to-form .bottom .left { background-position: -9px -7px; }
.no-border-radius .link-to-form .bottom .right { background-position: -16px -7px; }

.dark.no-border-radius .link-to-form .corner-container { background: #2CB589; }
.dark.no-border-radius .link-to-form .top .left { background-position: -32px 0; }
.dark.no-border-radius .link-to-form .top .right { background-position: -39px 0; }
.dark.no-border-radius .link-to-form .bottom .left { background-position: -32px -7px; }
.dark.no-border-radius .link-to-form .bottom .right { background-position: -39px -7px; }

.form { margin: 0 0 20px 0; display: none; }
.form INPUT, .form TEXTAREA { outline: none; font-size: 1; }
.form INPUT { width: 400px; padding: 5px 0; vertical-align: middle; }
.form TEXTAREA { width: 95%; }
.form DT, .form DD { clear: left; }
.form DT { padding: 13px 0 7px 0; }
.form DT .required { position: absolute; top: -0.2em; right: -0.5em; }
.form P .required { position: relative; top: 0.35em; font-style: normal; }
.form P { font-style: italic; margin-bottom: 2px !important; }
.form .required { color: #093; font-size: 28px; font-family: "Times New Roman", Times, serif; font-weight: normal; }
.form LABEL { font-size: 1em; font-weight: bold; line-height: 1; position: relative; display: inline-block; }
.form .buttons { text-align: center; margin: 20px 0 0 0; }
.form .buttons INPUT { width: auto; }
.form .short { width: 200px; }

/*.dark .form INPUT[type=text], .dark .form TEXTAREA { background: #2CB589; border: none; }*/
.dark .form LABEL { color: #FFF; }

.ajax-loading { padding: 20px 0; background: url(../i/loader.gif) no-repeat center; }


/* Press */
#archives { font-size: 1.25em; font-weight: bold; font-style: italic; padding-bottom: 9px; }
#archives A, #archives .cur { float: left; margin: 10px 26px 0 0; }
#archives A { color: #008B5C; }
#archives .corner { width: 10px; height: 10px; background: url(../i/archives_set.gif) no-repeat; }
#archives .left { left: -11px; }
#archives .right { right: -10px; }
#archives .top .corner { top: -4px; }
#archives .top .left { background-position: 0 0; }
#archives .top .right { background-position: -10px 0; }
#archives .bottom .corner { top: -5px; }
#archives .bottom .left { background-position: 0 -10px; }
#archives .bottom .right { background-position: -10px -10px; }

/* Paging */
#paging { position: relative; left: -10px; }
#paging SPAN, #paging A { float: left; padding: 7px 8px 5px 8px; position: relative; }
#paging A { margin: 0 0; font-size: 1.13; }
#paging SPAN { font-size: 1.63em; font-weight: bold; font-style: italic; position: relative; top: -0.25em; color: #FFF; }
#paging IMG { width: 34px; height: 26px; }

.typical #paging { margin-top: 36px; }

.typical #paging A:link { color: #1C130C; }
.typical #paging A:visited { color: #1C130C; }
.typical #paging A:hover { color: #FFF; }
.typical #paging A:active { color: #FFF; }

.dark #paging A:link { color: #59ABFD; }
.dark #paging A:visited { color: #59ABFD; }
.dark #paging A:hover { color: #FFF; }
.dark #paging A:active { color: #FFF; }


/* Tables in the text */
#text TABLE {  }

/* Vacancies */
.vacancy .link-to-form { margin-top: 11px; }
.vacancy H3 .arrow { width: 10px; height: 19px; position: absolute; top: 0.2em; right: -17px; z-index: 2; background: url(../i/drop_header_set.gif); }
.vacancy H3 .pseudo-link, .vacancy H3 .pseudo-link-hover { position: relative; //zoom: 1; //float: left; }
.vacancy H3 .pseudo-link { color: #008B5C; border-bottom: 1px dashed #008B5C; }
.vacancy H3 .pseudo-link-hover { color: #000; border-bottom: 1px dashed #000; }
.vacancy H3 .pseudo-link-hover .arrow { background-position: -10px 0; }
.vacancy H3 .pseudo-link-open .arrow { width: 19px; height: 10px; top: 0.45em; right: -28px; background-position: -20px 0; }

/* Partners */
.partner { background: url(../i/sep.png) repeat-x bottom left; }
.partner H3 .out { background-position: 100% 0.4em; }

/* Feedback */
.feedback { background: url(../i/sep.png) repeat-x bottom left; }
.feedback A { background: url(../i/email.gif) no-repeat 100% 0.5em; }

/* Contacts */
.contact .pseudo-link, .contact .pseudo-link-hover { font-style: italic; position: relative; }
.contact .pseudo-link .arrow, .contact .pseudo-link-hover .arrow { font-style: italic; position: relative; width: 20px; height: 7px; background: url(../i/back.png) no-repeat 0 -9px; position: absolute; top: 0.5em; left: -27px; }
.contact .pseudo-link { color: #008B5C; border-bottom: 1px dashed #008B5C; }
.contact .pseudo-link-hover { color: #000; border-bottom: 1px dashed #000; }

/* Layout */
#container { width: 100%; height: 100%; min-height: 100%; margin-bottom: -463px; position: relative; z-index: 1; //overflow-x: hidden; }
HTML>BODY #container { height: auto; }
#container, #footer { text-align: left; }
#footer { height: 463px; clear: both; }
#clear { height: 463px; clear: both; }
#layout { width: 100%; overflow: hidden; position: relative; }

#clear { }

.left-col, .right-col { float: left; position: relative; }
.left-col { //margin-right: -100%; width: 28%; }
.right-col { width: 72%; //left: 28%; }
.left-col .reducer { padding: 0 0 0 3%; }
.right-col .reducer { padding: 0 1.5% 0 5%; }


#content { position: relative; z-index: 2; min-height: 300px; }
.typical #content .left-col .reducer { padding-top: 30px; }
.dark #content .left-col .reducer { padding-top: 55px; }
.dark #content .right-col .reducer { padding-top: 53px; }

/* Graphical stoppers */
#stoppers { font-style: italic; font-size: 1em; position: relative; z-index: 2; }
#stoppers LI { float: left; width: 50%; //width: 49.8%; overflow: hidden; padding-bottom: 2px; position: relative; z-index: 2; }
#stoppers IMG { width: 203px; height: 123px; display: block; }
#stoppers .stopper { text-align: center; }
#stoppers .left { float: left; padding-left: 40px; }
#stoppers .right { float: right; padding-right: 60px; }
.typical #stoppers LI { margin-top: -56px; }
.dark #stoppers LI { margin-top: 40px; }

/* Static stoppers */
#stoppers-static { position: relative; top: 53px; z-index: 6; margin: 0 1%; }
#stoppers-static .stopper { position: relative; z-index: 2; float: left; display: inline; }
#stoppers-static A { font-size: 1.13em; }
#stoppers-static A:link { color: #FFF; }
#stoppers-static A:visited { color: #FFF; }
#stoppers-static A:hover { color: #bbeff9; }
#stoppers-static A:active { color: #bbeff9; }


#stoppers-static .container { padding: 0 15px; }
.border-radius #stoppers-static .container { border: 2px solid #FFF; padding-top: 6px; padding-bottom: 10px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
.no-border-radius #stoppers-static .container { border-left: 2px solid #FFF; border-right: 2px solid #FFF; line-height: 0.4; padding-bottom: 0; //padding-bottom: 3px; }
.no-border-radius #stoppers-static .corner-container { margin: 0 14px; }
.no-border-radius #stoppers-static .spacer { font-size: 0; width: 1px; height: 12px; }
.no-border-radius #stoppers-static .corner { width: 14px; height: 14px; background: url(../i/stopper_corners.png); }

.no-border-radius #stoppers-static .left { left: -14px; }
.no-border-radius #stoppers-static .right { right: -14px; }
.no-border-radius #stoppers-static .top { border-top: 2px solid #FFF; }
.no-border-radius #stoppers-static .top .corner { top: -2px; }
.no-border-radius #stoppers-static .top .left { background-position: 0 0; }
.no-border-radius #stoppers-static .top .right { background-position: -14px 0; }
.no-border-radius #stoppers-static .bottom .border { border-bottom: 2px solid #FFF; }
.no-border-radius #stoppers-static .bottom .corner { top: 0; }
.no-border-radius #stoppers-static .bottom .left { background-position: 0 -14px; }
.no-border-radius #stoppers-static .bottom .right { background-position: -14px -14px; }

#footer .ani { position: absolute; z-index: 1; background-image: url(../i/stopper_ani.png); background-repeat: no-repeat; }

#stopper-rent, #stopper-salon, #stopper-restaurant { position: absolute; }
#stopper-rent { background: url(../i/stopper_rent.png) no-repeat; min-width: 277px; min-height: 172px; top: 49px; left: 39px; }
#stopper-rent .stopper { margin: 63px 0 0 75px; }
#stopper-rent-ani { width: 89px; height: 172px; top: 0; left: 78px; }
#stopper-salon { background: url(../i/stopper_salon.png) no-repeat 20px 20px; min-width: 178px; min-height: 115px; top: 31px; left: 34%; order: 1px solid red; padding: 20px 0 0 20px; }
#stopper-salon .stopper { margin: 61px 0 0 72px; }
#stopper-salon #stopper-salon-ani1 { width: 31px; height: 25px; background-position: -89px 0; top: 110px; left: 62px; }
#stopper-salon #stopper-salon-ani2 { width: 54px; height: 44px; background-position: -89px -25px; top: 20px; left: 139px; }
#stopper-restaurant { top: 112px; left: 66%; }
#stopper-restaurant-ani { width: 849px; height: 327px; background-position: -143px 0; top: -10px; left: -11px; display: none; }

/* Footer */
#footer { width: 100%; clear: both; position: relative; z-index: 2; background: url(../i/bg_bottom.jpg) repeat-x bottom; overflow: hidden; }
#footer #clouds { width: 100%; height: 136px; position: absolute; top: 264px; left: 0; z-index: 1; background: url(../i/clouds_bottom.jpg) repeat-x; }
#footer #city-left { width: 5%; height: 63px; max-width: 129px; background: url(../i/city_left.png) no-repeat right; position: absolute; bottom: 0; left: 0; z-index: 1; }
#footer #city-right { width: 67%; height: 104px; position: absolute; bottom: 0; left: 33%; z-index: 2; overflow: hidden; }
#footer #city-right INS { width: 530px; height: 104px; background: url(../i/city_right.png) no-repeat; position: absolute; top: 0; left: 220px; }
#footer-text { position: absolute; bottom: 0; left: 0; z-index: 10; width: 100%; }
#footer-text .constraint { overflow: hidden; }
#footer-text P { color: #615846; font-style: italic; font-size: 0.7em; line-height: 1.2; }
#footer-text #copyright { color: #343028; font-size: 0.75em; margin-bottom: 18px; }
#footer-text .left-col P { margin-left: 39px; }

#footer-text A:link { color: #0C60AA; }
#footer-text A:visited { color: #0C60AA; }
#footer-text A:hover { color: #07345c; }
#footer-text A:active { color: #07345c; }
#footer-text .reducer { padding-top: 9px; padding-bottom: 11px; }

#made-in { position: relative; top: -9px; z-index: 3; }
#made-in IMG { width: 99px; height: 33px; display: block; margin-bottom: 9px; }

#footer #clouds-wide { position: absolute; width: 100%; height: 463px; top: 0; left: 0; z-index: 1; overflow: hidden; }
#footer #clouds-wide .left { background: url(../i/clouds_left.png) no-repeat; width: 770px; height: 269px; position: absolute; top: 13px; left: 0; z-index: 2; order: 1px solid red; }
#footer #clouds-wide .center { background: url(../i/clouds_center.png) no-repeat; width: 966px; height: 118px; position: absolute; top: 1px; left: 20%; z-index: 1; order: 1px solid green; }
#footer #clouds-wide .right { background: url(../i/clouds_right.png) no-repeat; width: 1138px; height: 98px; position: absolute; top: 115px; right: 0; z-index: 3; order: 1px solid yellow; }


#canvas { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 463px; overflow-x: hidden; text-align: left; }
#canvas .canvas-container { z-index: 50; position: absolute; overflow: hidden; width: 100%; }

#canvas #dome { position: absolute; bottom: 0; left: 55%; z-index: 3; width: 826px; height: 353px; background: url(../i/dome.png); }
#canvas #dome-line { position: absolute; top: 204px; left: 66%; order: 1px solid red; width: 20px; }
#canvas #dome-canvas-container { height: 30px; top: 0; left: 90px; }

#canvas #kite-line { width: 21%; position: absolute; top: 0; left: 34%; order: 1px solid red; }
#canvas #kite-line .container { position: absolute; width: 100%; top: 0; left: -60px; }
#canvas #kite-canvas-container { height: 230px; top: 176px; left: 155px; order: 1px solid cyan; position: relative; padding-right: 40px; }

/* Feedback page */
.feedback TEXTAREA, .feedback .buttons { width: 600px; }
.feedback .comment { color: #2A894E; }
.feedback .required { color: #F30; }

/* Order page */
#order-total { float: left; margin: 6px 0 0 0; position: relative; background: #4F946D; }
#order-total SPAN { font-weight: bold; position: relative; }
#order-total SPAN INS, #order-total .message { display: none; }
#order-total.open SPAN INS { display: block; font-size: 1.5em; position: absolute; right: -7px; top: -5px; }
#order-total.open .message { display: table-cell; }

#order-total.open .container { border-right: 1px solid #3A7C55; padding-right: 12px !important; }
#order-total.open .message { border-left: 1px solid #72B48F; }

#order-total .container { font-size: 1em !important; padding: 2px 6px 4px 6px !important; white-space: nowrap; font-style: italic; }
#order-total .message { padding: 3px 6px 5px 6px !important; }
#order-total .container, #order-total .message A { color: #FFF !important; }

#order-total TABLE { margin: 0 !important; }
#order-total TD { border-bottom: none !important; }

.round-sides { position: relative; }
.round-sides .container {  }
.round-sides .left, .round-sides .right { position: absolute; top: 0; width: 6px; height: 100%; }
.round-sides .left { left: -6px; }
.round-sides .right { right: -6px; }
.round-sides .left, .round-sides .right { height: expression(this.parentNode.offsetHeight + 'px'); }





/* Просмотр фотографий номера */
.foto-slider-container, #mooflow { width: 670px; }
.foto-slider { width: 100%; min-height: 400px; padding-top: 50px; background: url(../i/rooms_bg3.jpg) no-repeat center top; margin-bottom: 30px; position: relative; text-align: center; }
.foto-slider-container { margin: 0 auto; position: relative; text-align: left; }
.foto-slider .title { position: absolute; top: 10px; left: 0; z-index: 2; width: 100%; text-align: center; }
.foto-slider .title .container { background: #229A6A; height: 33px; position: relative; padding: 0 12px; }
.foto-slider .title .container DIV { position: relative; top: 50%; }
.foto-slider .title .container DIV P { position: relative; top: -0.5em; font-size: 1.44em; color: #FFF; margin: 0 !important; height: 33px; line-height: 1; white-space: nowrap; }
.foto-slider .title .corner { width: 5px; height: 33px; top: 0; background: url(../i/rooms_set.png); }
.foto-slider .title .left { left: -5px; background-position: -131px 0; }
.foto-slider .title .right { right: -5px; background-position: -136px 0; }

.foto-slider .title A { display: block; height: 35px; background-image: url(../i/rooms_set.png); background-repeat: no-repeat; margin: 21px auto 0 auto; }
.foto-slider .title A.order { width: 145px; background-position: -142px 0; }
.foto-slider .en A.order { background-position: -142px -35px; }
.foto-slider .title A.rent { width: 125px; background-position: -287px 0; }
.foto-slider .en A.rent { background-position: -287px -35px; }

.foto-slider-additional { margin-top: -21px; }
.foto-slider-additional DIV { width: 50%; -width: 49%; float: left; text-align: center; padding-bottom: 40px; }
.foto-slider-additional INS { display: block; width: 200px; padding-top: 68px; padding-bottom: 5px; margin: 0 auto; }
.foto-slider-additional .pseudo-link, .foto-slider-additional .pseudo-link-hover { border-bottom: none; }
.foto-slider-additional .pseudo-link { color: #FFF; }
.foto-slider-additional .pseudo-link SPAN { border-bottom: 1px dashed #FFF; }
.foto-slider-additional .pseudo-link-hover { color: #EAC05B; }
.foto-slider-additional .pseudo-link-hover SPAN { border-bottom: 1px dashed #EAC05B; }
.foto-slider-additional .plan { background: url(../i/rooms_plan.png) no-repeat top; }
.foto-slider-additional .panorama { background: url(../i/rooms_panorama.png) no-repeat top; }

/* MooFlow */
.mf { visibility: hidden; z-index: 1; padding-bottom: 100px; color: #FFF; font-size: 0.8em; }
.mf * { outline: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select: none; }
.mf .loader { position: absolute; text-align: center; z-index: 10000; margin: 0 auto; top: 45%; width: 100%; background:url(../i/loader.gif) no-repeat 50% 0; padding: 50px 0; }
.mf .mfNav { position: absolute; bottom: 0; left: 0; z-index: 99; width: 100%; font-size: 0; }
.mf .sliderCon { width: 100%; }

.mf .sliderNext, .mf .sliderPrev { text-decoration: none; background: url(../i/rooms_set.png) no-repeat; width: 28px; height: 28px; cursor: pointer; float: left; position: relative; top: -10px; z-index: 10; }
.mf .sliderNext:hover { background-position: 0 -28px; }
.mf .sliderPrev { background-position: -28px 0; }
.mf .sliderPrev:hover { background-position: -28px -28px; }

.mf .slider { height: 10px; position: relative; z-index: 10; float: left; ackground: red; }
.mf .knob { width: 75px; height: 66px; background-image: url(../i/rooms_set.png); background-position: -56px 0; position: absolute; top: -25px; z-index: 2; }
.mf .arcs { width: 613px; height: 10px; position: absolute; top: 0; left: 28px; z-index: 0; background: url(../i/rooms_set.png) no-repeat 0 -80px; }
.mf .knob-bg { width: 100%; height: 10px; position: absolute; top: 0; left: 0; z-index: 1; }
.mf .knob-bg .container { position: relative; margin: 0 28px; height: 10px; overflow: hidden; background: #0E2D55; }
.mf .knob-bg .container DIV { width: 587px; height: 10px; background: url(../i/rooms_set.png) no-repeat 0 -70px; position: absolute; top: 0; left: 0; }

.mf .show { position: absolute; margin-left: -16px; width: 27px; height: 27px; top: 50%; left: 50%; z-index: 100; cursor: pointer; }
.mf .show.image { background: url(../i/open_image.png) no-repeat 50%; background:none\9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/open_image.png', sizingMethod='crop') !important; }
.mf .show.viewerload { background: url(../i/loader.gif) no-repeat 50%; }
.mf .show.link { ackground: url(../i/open_image.png) no-repeat 50%; }

/* MILKBOX */
#mbOverlay { position: absolute; left: 0; width: 100%; /*background-color: #000;*/ background: url(../i/gallery_bg.png); z-index: 100; cursor: pointer; }
#mbCenter { /* for default width and height, see the js options */ position: absolute; z-index: 101; overflow: hidden; left: 50%; top: 10%; /* overwritten in the js options to properly position the milkbox when activated in a scrolled window */ background-color: #FFF; border: 5px solid #FFF; padding: 0; }
.mbLoading { background: #FFF url(../i/loader.gif) no-repeat center; }
#mbCanvas { height: 0; border: none; font-size: 0; overflow: hidden; }
.mbClear { clear: both; height: 0; font-size: 0; overflow: hidden; }
#mbNavigation { width: 100%; }
#mbCloseLink, #mbPrevLink, #mbNextLink { outline: none; cursor: pointer; position: absolute; }
#mbPrevLink, #mbNextLink { width: 42px; height: 42px; top: 45%; }
#mbPrevLink { background: url(../i/gallery_set.png) no-repeat -66px 0; left: 14px; }
#mbNextLink { background: url(../i/gallery_set.png) no-repeat -108px 0; right: 14px; }
#mbCloseLink { width: 33px; height: 33px; background: url(../i/gallery_set.png) no-repeat; top: 15px; right: 18px; }

/* Error 404 page */
.e404 #content { text-align: center; color: #FFF; min-height: 200px; }
.e404 #content IMG { width: 251px; height: 113px; display: block; margin: 0 auto; }
.e404 P { font-size: 1.13em !important; line-height: 1.22; margin-top: -19px; }
.e404 H1 { display: none; }

.e404 #path { padding-bottom: 22px; }
.e404 #path .to-main-page .bullet { width: 24px; }
.e404 #path .to-main-page { padding-left: 32px; }
.e404 #path A:link { color: #FFF; }
.e404 #path A:visited { color: #FFF; }
.e404 #path A:hover { color: #2A894E; }
.e404 #path A:active { color: #2A894E; }

/* Service mode */
.service-mode {  }
.service-mode #content { text-align: center; color: #FFF; min-height: 200px; }
.service-mode H1 { margin: 79px 0 7px 0; }
.service-mode P { font-size: 1.13em !important; line-height: 1.22;}

/* Gallery */
.gallery .preview { list-style-type: none !important; margin: 0 !important; padding: 0 !important; }
.gallery .preview LI { margin: 8px 8px 0 0 !important; padding: 0 !important; float: left; background: #000 !important; }
.gallery .preview A { display: block; position: relative; overflow: hidden; }
.gallery .preview A, .gallery .preview IMG { width: 90px; height: 90px; }
.gallery .preview IMG { position: relative; display: block; }
.gallery .preview I.loader { display: none; position: absolute; left: 50%; top: 50%; margin: -20px 0 0 -20px; //margin: -18px 0 0 -18px; z-index: 5; width: 39px; height: 39px; background: transparent url(/i/loader.gif) no-repeat center center; opacity: 0.7; //filter: alpha(opacity=70); cursor: pointer; cursor: hand; }
.gallery .preview I.loader.on { display: block; }
.gallery .preview .selected IMG { visibility: hidden; }
.gallery .preview .selected A { cursor: default; }
.gallery .set2 { clear: left; float: left; margin-right: -100% !important; }
.gallery .set2 LI { clear: both; margin-right: 0 !important; }
.gallery .big-image { width: 450px; height: 314px; float: left; position: relative; margin: 8px 0 0 98px; //display: inline; }
.gallery .big-image IMG { display: block; position: static; bottom: auto; top: auto; left: auto; }
.gallery .big-image .caption { display: block; position: absolute; top: 100%; }

/* SqueezeBox */
#sbox-overlay { position: absolute; background-color: #000; left: 0; top: 0; }
#sbox-window { position: absolute; text-align: left; overflow: visible; }
#sbox-btn-close { position: absolute; top: 16px; right: 10px; z-index: 2; width: 33px; height: 33px; background: url(../i/close.png) no-repeat; cursor: pointer; cursor: hand; }
.guide-layer #sbox-btn-close { background: url(../i/close_guide.png) no-repeat; }
.sbox-loading #sbox-content {  }
#sbox-loader { display: none; }
.sbox-loading #sbox-loader { display: block; position: absolute; top: 50%; left: 50%; z-index: 100; }
.sbox-loading #sbox-loader DIV { background: url(../i/loader.gif); width: 50px; height: 50px; position: relative; top: -25px; left: -25px; }
#sbox-content { clear: both; overflow: auto; /*-moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;*/ width: 100%; height: 100%; position: relative; z-index: 1; border: 3px solid #FBCF51; background: #4AABC9 url(../i/dark_layer_bg.jpg) repeat-x; }
.sbox-content-image#sbox-content { overflow: visible; }
#sbox-image { display: block; }
.sbox-content-image img { display: block; width: 100%; height: 100%; }
.sbox-content-iframe#sbox-content { overflow: visible; }
/* Hides scrollbars */
.body-overlayed { overflow: hidden; }
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; }
#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }


/* Date Picker */
.date-picker { float: left; position: relative; cursor: pointer; cursor: hand; }
.calendar-ico { width: 22px; height: 26px; background: url(../i/calendar_set.png) no-repeat 0 -19px; position: absolute; top: -4px; left: 104.5%; }
/*.form #button { width: 108px; height: 33px; }*/

.datePicker { position: absolute; color: #FFF; display: none; }
.datePicker .handle { height: 24px; display: none; }

#text .datePicker TABLE { border-collapse: separate; border-spacing: 2px; empty-cells: hide; position: relative; z-index: 2; margin: 20px 11px 0 11px; width: 250px; }
#text .datePicker TH { text-align: center; background: none;  cursor: default; padding: 4px 0; font-size: 12px; font-style: italic; font-weight: normal; }
#text .datePicker TD { text-align: center; width: 14.3%; border: none; }
#text .datePicker THEAD TD { padding: 3px 2px; font-style: italic; font-size: 12px; }
#text .datePicker TBODY TD { padding: 3px 4px; color: #000; cursor: default; font-size: 11px; }
#text .datePicker TD.disabled { background: #FFF; border: 1px solid #EEE; }
#text .datePicker TD.selectable { background: #F9E350; border: 1px solid #E8D44B; cursor: pointer; cursor: hand; }
#text .datePicker TD.selectable:hover { border-color: #FFF; }
#text .datePicker TD.selected { background: #517fd5; color: #FFF; }
.datePicker .month, .datePicker .year { float: left; font-weight: normal; padding: 0 5px 0 3px; cursor: default; text-align: left; }
.datePicker .month { width: 60px; }
.datePicker .year { width: 40px; }
.datePicker .incdec { float: left; width: 38px; height: 18px; background: url(../i/calendar_set.png) -25px -19px; margin-top: -4px; }

.datePicker .incdec SPAN { display: block; width: 19px; height: 18px; cursor: pointer; cursor: hand; background-image: url(../i/calendar_set.png); }
.datePicker .incdec SPAN.disabled { cursor: default; background: none; }
.datePicker .up { background-position: -44px 0; float: right; }
.datePicker .down { background-position: -25px 0; float: left; }
.datePicker .close { cursor: pointer; cursor: hand; width: 32px; height: 20px; background: url(../i/calendar_set.png) no-repeat 0 -103px; position: absolute; top: 2px; right: 5px; z-index: 5; }

.datePicker .body .container { background: #0745AD url(../i/calendar_set.png) no-repeat -87px -8px; position: relative; z-index: 3; padding: 1px 0; }
.datePicker .body .top, .datePicker .body .bottom { margin: 0 8px; }
.datePicker .body .spacer { font-size: 0; width: 1px; height: 8px; }
.datePicker .body .corner { width: 8px; height: 8px; top: 0; background: url(../i/calendar_set.png); }
.datePicker .body .left { left: -8px; }
.datePicker .body .right { right: -8px; }
.datePicker .body .top { background: #084CBE url(../i/calendar_set.png) no-repeat -87px 0; }
.datePicker .body .top .left { background-position: 0 0; }
.datePicker .body .top .right { background-position: -8px 0; }
.datePicker .body .bottom { background: #0742A7; }
.datePicker .body .bottom .left { background-position: 0 -8px; }
.datePicker .body .bottom .right { background-position: -8px -8px; }
.datePicker .body .bottom .dots { position: absolute; top: 0; left: 50%; }
.datePicker .body .bottom .dots .corner { width: 7px; height: 19px; background-position: -16px 0; top: 3px; left: -3px; }
.datePicker .body .middle { position: relative; z-index: 1; }
.datePicker .body .middle .corner { width: 87px; height: 29px; }
.datePicker .body .middle .left { left: 0; background-position: 0 -45px; }
.datePicker .body .middle .right { right: 0; background-position: 0 -74px; }

.datePicker .dots-container { position: absolute; top: 0; left: 50%; }
.datePicker .dots { width: 9px; height: 19px; background: url(../i/calendar_set.png) -16px 0; position: absolute; top: -14px; left: -4px; }