/*
Theme Name: Crystal Hall
Description: "Crystal Hall" theme
Author: Atelier
Author URI: http://atelier.ua/
*/

/* BASICS
----------------------------------------------- */
body {font-size: 11px; line-height: 14px;}
body,
input,
button,
select,
textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #999;}

a {color: #66bce2;}
a:hover {color: #fff;}

p {margin: 0 0 10px;}

h1, h2, h3, h4, h5, h6 {font: 12px/16px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px;}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {color: #66bce2;}
h1 {font: 30px/36px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 60px;}
h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px;}

h1 a {color: #fff; text-decoration: none;}

ol,
ul {margin: 0 0 10px 20px; padding: 0;}
ol {padding-left: 20px;}
ul {padding-left: 10px;}
ul li {padding-left: 10px; list-style: none outside none; background: url(img/li.gif) no-repeat 0 5px;}

hr,
.hr {color: #999; height: 1px; overflow: hidden; margin: 10px 0; border: 0; background: #999; display: block;}
* html hr {margin: 3px 0;}
*+html hr {margin: 3px 0;}

/* form */
form,
fieldset {margin: 0; padding: 0; border: 0; display: block;}
input,
button,
select,
textarea {font: 12px/15px Arial, Helvetica, sans-serif;}
select,
textarea,
input.text {color: #fff; background: #000;}
textarea,
input.text {margin: 0; padding: 0 3px;}
textarea {line-height: 16px; overflow: auto;}
* html textarea,
* html input.text {margin: -1px 0;}
*+html textarea,
*+html input.text {margin: -1px 0;}
input.button {padding: 1px 13px;}
* html input.button {padding: 0;}
*+html input.button {padding: 0;}
label.placeholder {display: none;}
input.placeholder,
button.placeholder,
select.placeholder,
textarea.placeholder {color: #999 !important;}



/* COMMON
----------------------------------------------- */
li,
img,
input.image {vertical-align: top;}
img {border: 0;}
a {cursor: pointer;}
a,
object {outline: 0;}

/* misc */
.clear {height: 0; overflow: hidden; clear: both;}
.visible {display: block !important;}
.hidden {display: none !important;}
.modal {display: none;}

/* wrap */
.wrap {min-height: 1px;}
* html .wrap {height: 1px;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* nl */
.nl,
.nl ul,
.nl li {min-height: 1px;}
* html .nl,
* html .nl ul,
* html .nl li {height: 1px;}
.nl:after,
.nl ul:after,
.nl li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.nl,
.nl ul,
.nl li {margin: 0; padding: 0; background: none;}

/* rc */
.rc,
.rc-border {min-height: 1px;}
* html .rc,
* html .rc-border {height: 1px;}
.rc:after,
.rc-border:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}
.rc {position: relative;}
.rc-border {border: 1px solid #333;}
.rc-lt,
.rc-rt,
.rc-rb,
.rc-lb {width: 5px; height: 5px; overflow: hidden; background: url(img/rc/rc.gif) no-repeat; position: absolute; display: block;}
.rc-lt {left: 0; top: 0;}
.rc-rt {margin-left: 100%; left: -5px; top: 0; background-position: -5px 0;}
.rc-rb {margin: -5px 0 0 100%; left: -5px; top: 100%; background-position: -10px 0;}
.rc-lb {margin-top: -5px; left: 0; top: 100%; background-position: -15px 0;}
.rc-modal {background: url(img/rc/rc_modal_bg.gif) repeat-x;}
.rc-modal-border {border: 1px solid #333;}
.rc-modal-lt,
.rc-modal-rt,
.rc-modal-rb,
.rc-modal-lb {background-image: url(img/rc/rc_modal.gif);}

/* rss-feed */
.rss-feed,
.rss-feed a {text-indent: -9999px; width: 20px; height: 20px; overflow: hidden; float: left; display: inline;}
.rss-feed a {background: url(img/icons/rss-feed.gif) no-repeat;}

/* facebook-share */
.facebook-share,
.facebook-share a {text-indent: -9999px; width: 75px; height: 20px; overflow: hidden; float: left; display: inline;}
.facebook-share a {background: url(img/icons/facebook-share.gif) no-repeat;}

/* tweeter-retweet */
.tweeter-retweet,
.tweeter-retweet a {text-indent: -9999px; width: 75px; height: 20px; overflow: hidden; float: left; display: inline;}
.tweeter-retweet a {background: url(img/icons/tweeter-retweet.gif) no-repeat;}

/* button */
button,
.button {text-align: center; white-space: nowrap; overflow: visible; margin: 0; padding: 0; background: transparent; border: 0; cursor: pointer;}
.button a {text-decoration: none;}
button,
button i,
.button,
.button i {font: 12px/30px Arial, Helvetica, sans-serif; color: #fff; height: 30px; float: left; display: inline; position: relative;}
button i,
.button i {margin: 0 10px 0 0; padding: 0; background: url(img/button/default.png) no-repeat;}
* html button i,
* html .button i {background-image: url(img/button/default.gif);}
button i i,
.button i i {margin: 0 -10px 0 10px; padding: 0; background-position: 100% 0;}
button i i i,
.button i i i {margin: 0 0 0 -10px; padding: 0 10px; background-position: 0 -9999px;}
.button-disabled {cursor: default;}
.button-disabled i {color: #999; background-position: 0 -30px;}
.button-disabled i i {background-position: 100% -30px;}
.button-orange i {background-image: url(img/button/orange.png);}
* html .button-orange i {background-image: url(img/button/orange.gif);}
.button-small,
.button-small i {font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; height: 20px;}
.button-small i {background-image: url(img/button/small.png);}
* html .button-small i {background-image: url(img/button/small.gif);}
.button-small i i i {padding: 0 14px;}
.button-download i i i {text-indent: -9999px; width: 20px; overflow: hidden; padding: 0; background: url(img/button/download.png) no-repeat 50% 7px;}

/* button hacks */
* html button i {margin-bottom: -1px;}
button::-moz-focus-inner {border: 0; padding: 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {button i {margin: -1px 7px 0 -3px;}}

/* text */
div.text,
div.text i {height: 30px;}
div.text,
div.text i,
div.text input.text {float: left; display: inline; position: relative;}
div.text i {margin: 0 10px 0 0; background: url(img/text/default.png) no-repeat;}
* html div.text i {background-image: url(img/text/default.gif);}
div.text i i {margin: 0 -10px 0 10px; background-position: 100% 0;}
div.text input.text {margin: 0 0 0 -10px; padding: 8px 10px 7px; border: 0; background: transparent;}
div.text:hover i,
div.text-hover i,
div.text-focus i {background-position: 0 -30px;}
div.text:hover i i,
div.text-hover i i,
div.text-focus i i {background-position: 100% -30px;}
div.text-error i,
div.text-error:hover i,
div.text-error-hover i {background-position: 0 -60px;}
div.text-error i i,
div.text-error-hover i i,
div.text-error:hover i i {background-position: 100% -60px;}

/* textarea */
div.textarea {float: left; display: inline;}
div.textarea textarea {padding: 7px 9px 8px; border: 1px solid #333; background: #000;}
div.textarea .rc-lt,
div.textarea .rc-rt,
div.textarea .rc-rb,
div.textarea .rc-lb {background-image: url(img/rc/rc_textarea.gif);}
div.textarea:hover textarea,
div.textarea-focus textarea {border-color: #666;}
div.textarea:hover .rc-lt,
div.textarea-focus .rc-lt {background-position: 0 -30px;}
div.textarea:hover .rc-rt,
div.textarea-focus .rc-rt {background-position: -5px -30px;}
div.textarea:hover .rc-rb,
div.textarea-focus .rc-rb {background-position: -10px -30px;}
div.textarea:hover .rc-lb,
div.textarea-focus .rc-lb {background-position: -15px -30px;}

/* select */
div.select {height: 30px; cursor: default; position: relative; z-index: 100; background: #000; float: left; display: inline;}
div.select ul,
div.select li {margin: 0; padding: 0; list-style: none outside none; background: none;}
div.select .list {width: 100%; position: absolute; display: none;}
div.select .list,
div.select .title {background: #000 url(img/select/bg.gif) repeat-x;}
div.select ul,
div.select .title {border: 1px solid #333;}
div.select ul {padding: 4px 0;}
div.select li {line-height: 18px; height: 20px; padding: 0 10px;}
div.select .title {line-height: 18px; height: 20px; padding: 4px 10px;}
div.select li:hover,
div.select li.hover {background: #333;}
div.select i {width: 4px; height: 4px; overflow: hidden; position: absolute; background: url(img/select/corners.gif) no-repeat; display: block;}
div.select i.arr {width: 11px; height: 6px; right: 10px; top: 12px; background: url(img/select/arr.gif) no-repeat;}
div.select i.select-lt {left: 0; top: 0; background-position: 0 0;}
div.select i.select-rt {right: 0; top: 0; background-position: -4px 0;}
div.select i.select-rb {right: 0; top: 100%; margin-top: -4px; background-position: -8px 0;}
div.select i.select-lb {left: 0; top: 100%; margin-top: -4px; background-position: -12px 0;}
div.select-drop ul,
div.select-drop .title {border-color: #666;}
div.select-drop i.select-lt {background-position: 0 -4px;}
div.select-drop i.select-rt {background-position: -4px -4px;}
div.select-drop i.select-rb {background-position: -16px -4px; display: none;}
div.select-drop i.select-lb {background-position: -20px -4px; display: none;}



/* LAYOUT
----------------------------------------------- */
html, body {height: 100%;}
body {background: #000; margin: 0; padding: 0;}
.lang-ru .page-contacts {background: #000 url(img/page/contacts_ru.jpg) no-repeat 50% 115px;}
.lang-en .page-contacts {background: #000 url(img/page/contacts_en.jpg) no-repeat 50% 115px;}

#body {min-width: 980px; min-height: 100%; position: relative;}
* html #body {height: 100%;}
.page-splash #body {background: none;}
#bodyMinSize {width: 980px; height: 600px;}

#header {width: 980px; height: 145px; margin: 0 auto; position: relative;}

#content {width: 980px; margin: 0 auto; padding-bottom: 140px; position: relative;}
#contentLeft {width: 370px; float: left; display: inline;}
#contentRight {width: 610px; float: right; display: inline;}

#footer {width: 980px; height: 100px; margin: -100px auto 0; position: relative;}
.page-splash #footer {height: 60px; margin-top: -60px;}



/* NAVIGATION
----------------------------------------------- */
/* lang */
.lang {font-size: 10px; line-height: 30px; left: 0; top: 15px; position: absolute; z-index: 1;}

/* m1 */
.m1 {font: 12px/16px Arial, Helvetica, sans-serif; text-transform: uppercase; right: 0; top: 77px; position: absolute;}
.m1 ul,
.m1 li {float: left; display: inline;}
.m1 li {margin-left: 13px;}
.m1 a {text-decoration: none;}
.current_page_item a,
.m1 .a,
.m1 .a a {color: #666;}
.m1 .a a:hover {color: #fff;}

/* nav-back */
.nav-back {font-size: 12px; line-height: 16px; text-transform: uppercase; margin: -47px 0 31px;}
.nav-back a {text-decoration: none;}


/* STATIC MODULES
----------------------------------------------- */
/* logo */
.logo {left: -2px; top: 33px; position: absolute;}

/* splash */
.splash {width: 490px; height: 150px; left: 50%; top: 50%; margin: -180px 0 0 -245px; position: absolute;}
.splash-logo {}
.splash-lang {font: 11px/16px Arial, Helvetica, sans-serif; margin-top: 8px; padding-top: 16px; border-top: 1px solid #333;}
.splash-lang .ru {float: left; display: inline;}
.splash-lang .en {float: right; display: inline;}
.splash-lang a {text-decoration: none;}

/* auth */
.auth {width: 250px; height: 165px; left: 50%; top: 50%; margin: -200px 0 0 -125px; background: url(img/auth_bg.gif) no-repeat; position: absolute;}
.auth form {padding: 25px 25px 0;}
.auth input.text {width: 180px;}
.auth .i {margin-bottom: 12px;}
.auth button {float: right;}
.auth button i i i {margin-right: 10px; padding-right: 10px; background: url(img/button/arr.gif) no-repeat 100% 50%;}

/* user */
.user {font: 12px/30px Arial, Helvetica, sans-serif; right: 0; top: 15px; position: absolute;}
.user strong {font-weight: normal; color: #fff;}
.user .name {margin-right: 20px; float: left; display: inline;}
.user .enter {font-size: 10px; float: left; display: inline;}
.user .enter a {padding-right: 10px; background: url(img/user_enter_arr.gif) no-repeat 100% 5px;}
.user .enter a:hover {background-position: 100% -75px;}
.user .exit {font-size: 10px; float: left; display: inline;}

/* footer contacts */
#footer .contacts {min-height: 46px; padding-left: 60px; background: url(img/contacts_icon.gif) no-repeat; float: left; display: inline;}
* html #footer .contacts {height: 46px;}
#footer .contacts .phone {font: 26px/19px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 15px;}
#footer .contacts .address a {color: #999; padding-left: 20px; background: url(img/contacts_address_bull.gif) no-repeat 0 50%;}
#footer .contacts .address a:hover {color: #fff;}

/* copy */
.copy {font-size: 10px; line-height: 14px; margin-top: 35px; float: right; display: inline;}



/* DYNAMIC MODULES
----------------------------------------------- */
/* calendar */
.calendar {width: 980px; height: 514px; margin: 0 0 20px; position: relative;}

/* tour */
.tour {width: 980px; height: 855px; margin: 0 0 20px; position: relative;}

/* events */
.events .i {margin: 0 0 20px; position: relative;}
.events .i-last {margin: 0;}
.events .descr {width: 480px; padding-bottom: 30px; float: left; display: inline;}
.events .img {width: 480px; float: right; display: inline;}
.events .actions {width: 480px; position: absolute; left: 0; bottom: 0;}
.events .date {font: 12px/16px Arial, Helvetica, sans-serif; color: #66bce2; margin: 0 0 5px;}
.events .i h1,
.events .i h2,
.events .i h3 {font: 30px/36px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px;}
.events .txt p {margin: 0;}
.events .button {margin-right: 10px;}
.events .button-download {margin-left: -5px;}
.events .rss-feed,
.events .facebook-share,
.events .tweeter-retweet {margin-left: 10px; float: left; display: inline;}
.events-double .rss-feed {margin-left: 0;}
.events .left {float: left; display: inline;}
.events .right {float: right; display: inline;}

/* events-double */
.events-double {margin: 0 0 20px -20px;}
.events-double .i {width: 480px; margin: 0 0 0 20px; float: left; display: inline;}
.events-double .descr {}
.events-double .img {}
.events-double .actions {margin-top: 10px;}
.events-double .date {font: 12px/16px Arial, Helvetica, sans-serif; color: #66bce2; margin: 0 0 5px;}
.events-double .i h1,
.events-double .i h2,
.events-double .i h3 {font: 30px/36px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px;}
.events-double .button {margin-right: 10px;}
.events-double .button-download {margin-left: -5px;}
.events-double .rss-feed,
.events-double .facebook-share,
.events-double .tweeter-retweet {margin-left: 10px; float: left; display: inline;}
.events-double .rss-feed {margin-left: 0;}
.events-double .left {float: left; display: inline;}
.events-double .right {float: right; display: inline;}

/* links */
.links {margin: 0 0 20px -20px;}
.links a {margin-left: 20px;}
.links img {vertical-align: middle; position: relative;}
#footer .links {position: absolute; right: 0; top: 0;}
.page-splash #footer .links {text-align: center; position: static;}

/* news */
.news .i {min-height: 200px; margin-bottom: 20px; padding-left: 260px; background: url(img/news/default.jpg) no-repeat;}
* html .news .i {height: 200px;}
.news .i-concert {background-image: url(img/news/concert.jpg);}
.news .date {font: 18px/22px Arial, Helvetica, sans-serif; color: #66bce2;}
.news h3 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px;}
.news .txt p {margin: 0;}

/* booking */
.booking-wrap {width: 550px; padding: 20px;}
.booking h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px;}
.booking h3 {font: 14px/18px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 10px;}
.booking .descr {width: 230px; float: left; display: inline;}
.booking .descr .txt {margin-bottom: 20px;}
.booking .descr .txt p {margin: 0;}
.booking .descr .txt strong {font-weight: normal; color: #fff;}
.booking .descr .phone {font: 26px/32px Arial, Helvetica, sans-serif; color: #fff;}
.booking .descr .phone p,
.booking .descr .phone h3 {margin: 0;}
.booking .descr .notice {min-height: 24px; margin-top: 20px; padding-left: 40px; background: url(img/booking_notice_icon.gif) no-repeat 0 50%;}
* html .booking .descr .notice {height: 24px;}
.booking .descr .notice p {margin: 0;}
.booking .form {width: 300px; float: right; display: inline;}
.booking .form .i {margin-bottom: 7px;}
.booking .form input.text {width: 280px;}
.booking .form label {font: 12px/16px Arial, Helvetica, sans-serif;}
.booking .form .i-submit {margin: 0;}
.booking .form .i-submit label {line-height: 30px; margin: 0 10px; float: left; display: inline;}
.booking .form .i-submit input.text {text-align: center; width: 20px;}
.booking .form .i-submit button {float: right;}
.booking .success {display: none;}

/* feedback */
.feedback .i {margin-bottom: 15px;}
.feedback .i-text {width: 230px; margin-right: 20px; float: left; display: inline;}
.feedback .i-select {width: 230px; margin-right: 20px; float: left; display: inline;}
.feedback .i-textarea {width: 480px;}
.feedback .i-submit {width: 480px; margin-top: 20px;}
.feedback label {font: 12px/16px Arial, Helvetica, sans-serif;}
.feedback div.text,
.feedback div.select,
.feedback div.textarea {margin-top: 5px;}
.feedback input.text {width: 210px;}
.feedback textarea {width: 460px; height: 120px;}
.feedback select {width: 230px;}
.feedback button {float: right;}
.page-template-contacts-php .success {display: none;}

/* galleries-search */
.galleries-search {right: 0; top: 40px; position: absolute; z-index: 100;}
.galleries-search h2 {font: 12px/30px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #fff; margin: 0 10px 0 0; float: left; display: inline;}
.galleries-search form {float: left; display: inline;}
.galleries-search div.text {margin-right: 10px;}
.galleries-search #galSearchDay {width: 35px;}
.galleries-search #galSearchMonth {width: 100px;}
.galleries-search #galSearchYear {width: 70px;}
.galleries-search div.select {margin-right: 10px;}

/* galleries */
.galleries {margin-left: -20px;}
.galleries .i {width: 230px; margin-left: 20px; float: left; display: inline;}
.galleries .img,
.galleries .img i {width: 230px; height: 230px;}
.galleries .img {position: relative; *position: inherit;  background: #7c7c7c; z-index: 0;}
.galleries .img i {position: absolute; left: 0; top: 0; background: url(img/gallery_img_overlay.png) no-repeat; display: block; z-index: 2;  }
.galleries .date {font: 18px/22px Arial, Helvetica, sans-serif; color: #66bce2; margin-top: 14px; float: left; display: inline;}
.galleries .num {font-size: 11px; line-height: 22px; color: #66bce2; margin-top: 14px; padding-left: 20px; background: url(img/galleries_camera.gif) no-repeat 0 4px; float: right; display: inline;}
.galleries h2 {font: 18px/22px Arial, Helvetica, sans-serif; color: #fff; margin: 0; clear: both;}
.galleries h2 a,
.galleries h2 a:hover {color: #fff;}
.galleries .clear {height: 70px;}

/* gallery */
.gallery {margin-left: -20px;}
.gallery .clear {height: 20px;}
.gallery .i {margin-left: 20px; float: left; display: inline;}
.gallery .i,
.gallery .i a,
.gallery .i i,
.gallery .i img {width: 105px; height: 105px;}
.gallery .i {background: #7c7c7c; position: relative;}
.gallery .i i {left: 0; top: 0; background: url(img/gallery_img_overlay.png) no-repeat; position: absolute; display: block; z-index: 3;}

/* pages */
.pages {font: 12px/30px Arial, Helvetica, sans-serif; margin-top: 20px;}
.pages .main {float: right; display: inline;}
.pages ul,
.pages li,
.pages .prev,
.pages .next {float: left; display: inline;}
.pages li {margin-left: 10px;}
.pages .prev {margin-right: 50px;}
.pages .next {margin-left: 60px;}
.pages .prev i,
.pages .next i {width: 30px; height: 30px; overflow: hidden; background: url(img/pages_controls.gif) no-repeat; display: block;}
.pages .prev i {background-position: 0 0;}
.pages .prev a i {background-position: -30px 0;}
.pages .next i {background-position: -60px 0;}
.pages .next a i {background-position: -90px 0;}

/* profile */
.profile {padding: 80px 0 0 250px;}
.profile .userpic {margin-left: -250px; position: relative; float: left; display: inline;}
.profile .userpic .img {width: 230px; height: 230px; background: url(img/profile_userpic_img_bg.gif) no-repeat;}
.profile .userpic .edit {font: 12px/16px Arial, Helvetica, sans-serif; color: #fff; text-align: right; margin-top: 8px;}
.profile .userpic .edit a {color: #999;}
.profile .userpic .edit a:hover {color: #fff;}
.profile .upload {width: 230px; height: 96px; margin-top: 8px; background: url(img/profile_userpic_upload_bg.gif) no-repeat; position: relative; display: none;}
.profile .upload .buttons {padding: 25px 30px 0;}
.profile .upload .button-file {}
.profile .upload .button-submit {float: right;}
.profile .upload button.button-submit {display: none;}
.profile .upload .comment {color: #333; padding: 8px 30px 0;}
.profile .upload .close {width: 10px; height: 10px; right: 6px; top: 6px; background: url(img/profile_userpic_upload_close.gif) no-repeat; overflow: hidden; position: absolute; cursor: pointer;}
.profile .userdata {width: 100%; margin-top: -7px; float: left;}
.profile .userdata .i {font: 12px/16px Arial, Helvetica, sans-serif; margin-bottom: 8px;}
.profile .userdata label {width: 150px; margin-right: 20px; padding: 7px 0; float: left;}
.profile .userdata .edit,
.profile .userdata .value {color: #fff; padding: 7px 0; float: left;}
.profile .userdata .value {width: 150px;}
.profile .userdata .edit {color: #fff; margin-left: 5px; float: left;}
.profile .userdata .edit a {color: #999;}
.profile .userdata .edit a:hover {color: #fff;}
.profile .userdata button,
.profile .userdata div.text {position: absolute; left: -9999px;}
.profile .userdata button {float: right;}
.profile .userdata div.text {margin-left: -10px;}
.profile .userdata input.text {width: 449px;}

/* offers */
.offers {margin-left: -20px;}
.offers .i {width: 100%; margin: 0 0 10px 20px; float: left; display: inline;}
.offers .sep {height: 40px;}
.offers .i h2 {font: 30px/36px Arial, Helvetica, sans-serif; color: #fff; margin: 0 0 5px;}
.offers .txt {margin-bottom: 10px;}
.offers .phone {font: 26px/34px Arial, Helvetica, sans-serif; color: #fff; min-height: 34px; padding-left: 60px; background: url(img/offers_phone.gif) no-repeat 7px 0;}
* html .offers .phone {height: 34px;}
.offers .email {margin-left: 60px;}
.offers .email a {color: #999;}
.offers .email a:hover {color: #fff;}
/* fancybox */
html,
body {height: 100%;}
body {margin: 0; padding: 0;}
div#fancy_overlay {z-index: 30; width: 100%; height: 100%; left: 0; top: 0; background: #000; position: fixed; display: none;}
div#fancy_wrap {text-align: left;}
div#fancy_loading {z-index: 100; width: 40px; height: 40px; overflow: hidden; cursor: pointer; position: absolute; display: none;}
div#fancy_loading div {width: 40px; height: 480px; left: 0; top: 0; background: url(img/fancybox/fancy_progress.png) no-repeat; position: absolute;}
div#fancy_loading_overlay {z-index: 30; background: #fff; position: absolute;}
div#fancy_loading_icon {z-index: 35; width: 16px; height: 16px; background: url(img/fancybox/fancy_loading.gif) no-repeat; position: absolute;}
div#fancy_outer {z-index: 90; left: 0; top: 0; margin: 0; padding: 18px 18px 33px 18px; background: transparent; overflow: hidden; position: absolute; display: none;}
div#fancy_inner {width: 100%; height: 100%; border: 0 solid #bbb; background: transparent; position: relative;}
div#fancy_content {z-index: 100; margin: 0; position: absolute;}
div#fancy_div {z-index: 100; width: 100%; height: 100%; background: transparent;}
img#fancy_img {z-index: 100; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; border: 0; position: absolute;}
div#fancy_close {z-index: 181; width: 30px; height: 30px; right: 0; top: 0; background: url(img/fancybox/fancy_closebox.png) no-repeat; cursor: pointer; position: absolute; display: none;}
#fancy_frame {width: 100%; height: 100%; position: relative; display: none;}
#fancy_ajax {width: 100%; height: 100%; overflow: auto;}
a#fancy_left,
a#fancy_right {z-index: 111; width: 35%; height: 100%; bottom: 0; background: url(null); cursor: pointer; outline: none; position: absolute; display: none;}
a#fancy_left {left: 0;}
a#fancy_right {right: 0;}
span.fancy_ico {z-index: 112; width: 30px; height: 30px; top: 50%; margin-top: -15px; cursor: pointer; position: absolute; display: block;}
span#fancy_left_ico {left: -9999px; background: url(img/fancybox/fancy_left.png) no-repeat;}
span#fancy_right_ico {right: -9999px; background: url(img/fancybox/fancy_right.png) no-repeat;}
a#fancy_left:hover {visibility: visible;}
a#fancy_right:hover {visibility: visible;}
a#fancy_left:hover span {left: 20px;}
a#fancy_right:hover span {right: 20px;}
.fancy_bigIframe {width: 100%; height: 100%; left: 0; top: 0; background: transparent; position: absolute;}
div#fancy_bg {z-index: 70; width: 100%; height: 100%; left: 0; top: 0; margin: 0; padding: 0; border: 0; position: absolute;}
div.fancy_bg {z-index: 70; margin: 0; padding: 0; border: 0; position: absolute; display: block;}
div.fancy_bg_n {width: 100%; height: 18px; top: -18px; background: url(img/fancybox/fancy_shadow_n.png) repeat-x;}
div.fancy_bg_ne {width: 13px; height: 18px; top: -18px; right: -13px; background: url(img/fancybox/fancy_shadow_ne.png) no-repeat;}
div.fancy_bg_e {width: 13px; height: 100%; right: -13px; background: url(img/fancybox/fancy_shadow_e.png) repeat-y;}
div.fancy_bg_se {width: 13px; height: 18px; bottom: -18px; right: -13px; background: url(img/fancybox/fancy_shadow_se.png) no-repeat;}
div.fancy_bg_s {width: 100%; height: 18px; bottom: -18px; background: url(img/fancybox/fancy_shadow_s.png) repeat-x;}
div.fancy_bg_sw {width: 13px; height: 18px; left: -13px; bottom: -18px; background: url(img/fancybox/fancy_shadow_sw.png) no-repeat;}
div.fancy_bg_w {width: 13px; height: 100%; left: -13px; background: url(img/fancybox/fancy_shadow_w.png) repeat-y;}
div.fancy_bg_nw {width: 13px; height: 18px; left: -13px; top: -18px; background: url(img/fancybox/fancy_shadow_nw.png) no-repeat;}
div#fancy_title {z-index: 100; width: 100%; left: 0; bottom: -33px; position: absolute; display: none;}
div#fancy_title div {font: bold 12px Arial, Helvetica, sans-serif; color: #fff; padding-bottom: 3px;}
div#fancy_title table {margin: 0 auto;}
div#fancy_title td {padding: 0; vertical-align: middle;}
td#fancy_title_left {width: 15px; height: 32px; background: url(img/fancybox/fancy_title_left.png) repeat-x;}
td#fancy_title_main {height: 32px; background: url(img/fancybox/fancy_title_main.png) repeat-x;}
td#fancy_title_right {width: 15px; height: 32px; background: url(img/fancybox/fancy_title_right.png) repeat-x;}
.i-submit .ajax-loader
{
	float: left;
	margin: 7px 0 0 15px;
}