body, a, p, div, input, select, textarea{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px}
html, body{height:100%; margin:0; padding:0}
body {background:#eaf1fa url(../img/backgrounds/main-gradient.jpg) top repeat-x; color:#15619b}

label{white-space:nowrap}
form {margin:0; padding:0}
blockquote{margin: 3px 0 3px 15px; padding:0}

a:active, a:focus, img, input {outline:none}
textarea {overflow: auto}
p.wfl {text-align:left}
p.wfl:first-letter {font-size: 150%; float: left !important; float: none; line-height:70%; letter-spacing:-0.02em}

a {color:#090; font-size:100%}

h1, span.spanH1 {color:#1371d0; margin:0 0 5px 0; text-shadow: #99b 1px 1px 4px; font-size:150%; font-weight:500; letter-spacing:0.01em}
span.spanH1 {text-decoration:underline}
ul {padding:0; margin:3px 0 0 20px}

#printTitle {display: none}

#container {width:100%; height:100%}
#top {height:300px; background:url(../img/backgrounds/top.jpg) top left no-repeat; position:relative}
#top a {color:#666; text-decoration:none; text-shadow: 1px 1px 2px #ccc; text-align:center; z-index:2; cursor:pointer}
#top a:hover {text-decoration: underline}

#logo {width:270px; height:55px; left:540px; top:180px; position:absolute}
#logo a {color:#f3f3ff; font-size:85%; line-height:70%; letter-spacing:0.03em; text-align:left; font-style:italic}
#logo a:hover {text-decoration:none}

#topBox{float:right; width:200px; margin-right:20px; position:relative}
.topBoxRight {background: url(../img/backgrounds/topBoxRight.png) right bottom no-repeat; height:25px; padding-right: 15px}
.topBoxLeft {background: url(../img/backgrounds/topBoxLeft.png) left bottom no-repeat; padding-left: 11px}

#topBox a {color: #666; margin-left:7px; font-size:80%; text-decoration:none; text-shadow:none}
#topBox img {vertical-align:top; margin-top:5px}
#topBox a.language {margin:1px 0 0 15px; padding: 2px 0 2px 20px; display:inline-block}
#topBox a.language:hover {text-decoration:underline}
#topBox a.russian { background:url(../img/flags/ru.png) left no-repeat}
#topBox a.german { background:url(../img/flags/de.png) left no-repeat}

div.menuTopContainer {text-align:center; width:100%}

div.point1 {background:url(../img/steps/point1.png) left top no-repeat; width:81px; height:41px; left:62px; top:120px; position:absolute; z-index:1}
div.point2 {background:url(../img/steps/point2.png) left top no-repeat; width:116px; height:57px; left:115px; top:62px; position:absolute; z-index:1}
div.point3 {background:url(../img/steps/point3.png) left top no-repeat; width:129px; height:26px; left:234px; top:52px; position:absolute; z-index:1}
div.point4 {background:url(../img/steps/point4.png) left top no-repeat; width:117px; height:69px; left:357px; top:75px; position:absolute; z-index:1}
div.point5 {background:url(../img/steps/point5.png) left top no-repeat; width:131px; height:44px; left:472px; top:71px; position:absolute; z-index:1}
div.point6 {background:url(../img/steps/point6.png) left top no-repeat; width:115px; height:28px; left:603px; top:49px; position:absolute; z-index:1}
div.point7 {background:url(../img/steps/point7.png) left top no-repeat; width:121px; height:87px; left:800px; top:36px; position:absolute; z-index:1}

div.dib1 {background:url(../img/steps/dib1.png) left top no-repeat; width:42px; height:83px; left:80px; top:80px; position:absolute; z-index:2}
div.dib2 {background:url(../img/steps/dib2.png) left top no-repeat; width:36px; height:69px; left:178px; top:21px; position:absolute; z-index:2}
div.dib3 {background:url(../img/steps/dib3.png) left top no-repeat; width:33px; height:65px; left:314px; top:13px; position:absolute; z-index:2}
div.dib4 {background:url(../img/steps/dib4.png) left top no-repeat; width:42px; height:82px; left:412px; top:62px; position:absolute; z-index:2}
div.dib5 {background:url(../img/steps/dib5.png) left top no-repeat; width:37px; height:70px; left:550px; top:28px; position:absolute; z-index:2}
div.dib6 {background:url(../img/steps/dib6.png) left top no-repeat; width:31px; height:61px; left:674px; top:10px; position:absolute; z-index:2}
div.dib7 {background:url(../img/steps/dib7.png) left top no-repeat; width:37px; height:70px; left:867px; top:54px; position:absolute; z-index:2}

a.step1 {background:url(../img/steps/step1.png) left top no-repeat; width:77px; height:70px; left:68px; top:89px; position:absolute; padding:6px 0 0 48px}
a.step2 {background:url(../img/steps/step2.png) left top no-repeat; width:94px; height:74px; left:167px; top:12px; position:absolute; padding:5px 0 0 46px}
a.step3 {background:url(../img/steps/step3.png) left top no-repeat; width:100px; height:74px; left:306px; top:4px; position:absolute; padding:5px 0 0 32px}
a.step4 {background:url(../img/steps/step4.png) left top no-repeat; width:80px; height:96px; left:397px; top:48px; position:absolute; padding:5px 0 0 32px}
a.step5 {background:url(../img/steps/step5.png) left top no-repeat; width:80px; height:77px; left:544px; top:25px; position:absolute; padding:5px 0 0 35px}
a.step6 {background:url(../img/steps/step6.png) left top no-repeat; width:90px; height:70px; left:667px; top:1px; position:absolute; padding:5px 0 0 20px}
a.step7 {background:url(../img/steps/step7.png) left top no-repeat; width:108px; height:85px; left:871px; top:44px; position:absolute; padding:5px 0 0 10px}

.socialButtons {position:relative; margin:-15px 50px 15px 450px; z-index:50}
.socialButtons div {margin:.3em;}

#content { clear:both}
#content-left {float:left; width:340px; padding: 0 30px 30px 30px}

#content-left h1, #content-left span.spanH1 {margin:0 0 2px 0; font-size:120%}
#content-right {margin:0 0 0 430px; padding: 0 50px 30px 0}

#bottom { background:url(../img/backgrounds/bottom.png) right bottom no-repeat; height:50px; padding-top:50px; margin:0 10px 0 10px; clear:both}
#bottomContainer { height:30px; padding:5px 10px 5px 10px; border-top:#c2d8eb 5px solid}
#copyright{font-size:85%; float:left}
#menuBottom{font-size:85%; float:right}
#bottom a {color: #05c}

#formular {width:70%; margin-left:20%}
#formular table {width:100%; border:none}
#formular td {width:auto; padding:5px}

#formTop {background:url(../img/formular/tab1-top-left.png) left top no-repeat; max-width:1020px}
#formTop h1 {margin:0; font-size:110%; float:left; padding:10px 0 0 20px}
#formTop div.rightCorner {background:url(../img/formular/tab1-top-right.png) top right no-repeat; margin-left:310px; padding-right:30px}
#formTop div.topBody {background: url(../img/formular/tab1-top.png) top repeat-x; height:40px}

#tabsBody {border-left: #fff 7px solid; border-right: #fff 6px solid; max-width:1007px; margin-bottom:30px}
.formTable {width:100%}
.formTable td { border-bottom:#9af 1px dotted}

#tabsBody h1 {margin:0; font-size:110%; float:left; padding:7px 0 0 14px}
#tabsBody div.leftCorner1, #tabsBody div.leftCorner2, #tabsBody div.leftCorner3, #tabsBody div.leftCorner4 {background: left top no-repeat; margin-top:-30px}
#tabsBody div.leftCorner1 {background-image: url(../img/formular/tab2-top-left.png)}
#tabsBody div.leftCorner2 {background-image: url(../img/formular/tab3-top-left.png)}
#tabsBody div.leftCorner3 {background-image: url(../img/formular/tab4-top-left.png)}
#tabsBody div.leftCorner4 {background-image: url(../img/formular/tab5-top-left.png)}

#tabsBody div.rightCorner1, #tabsBody div.rightCorner2, #tabsBody div.rightCorner3, #tabsBody div.rightCorner4 {background: top right no-repeat; margin-left:300px; padding-right:20px}
#tabsBody div.rightCorner1 {background-image: url(../img/formular/tab2-top-right.png)}
#tabsBody div.rightCorner2 {background-image: url(../img/formular/tab3-top-right.png)}
#tabsBody div.rightCorner3 {background-image: url(../img/formular/tab4-top-right.png)}
#tabsBody div.rightCorner4 {background-image: url(../img/formular/tab5-top-right.png)}

#tabsBody div.topBody1, #tabsBody div.topBody2, #tabsBody div.topBody3, #tabsBody div.topBody4 {background: top repeat-x; height:30px}
#tabsBody div.topBody1 {background-image: url(../img/formular/tab2-top.png)}
#tabsBody div.topBody2 {background-image: url(../img/formular/tab3-top.png)}
#tabsBody div.topBody3 {background-image: url(../img/formular/tab4-top.png)}
#tabsBody div.topBody4 {background-image: url(../img/formular/tab5-top.png)}
#tabsBody div.tab1, #tabsBody div.tab2, #tabsBody div.tab3, #tabsBody div.tab4, #tabsBody div.tab5 {padding:10px 20px 40px 10px}
#tabsBody div.tab1 {background: #ededed url(../img/formular/tab1-bg.png) top repeat-x}
#tabsBody div.tab2 {background: #dee6ed url(../img/formular/tab2-bg.png) top repeat-x}
#tabsBody div.tab3 {background: #d1e0ec url(../img/formular/tab3-bg.png) top repeat-x}
#tabsBody div.tab4 {background: #c8dced url(../img/formular/tab4-bg.png) top repeat-x}
#tabsBody div.tab5 {background: #c2d8eb url(../img/formular/tab5-bg.png) top repeat-x}

#tabsBody table {table-layout:fixed; width:100%}
#tabsBody td {vertical-align:top; padding:5px}
#tabsBody label {white-space:normal; font-size:90%; line-height:110%}

#formButton {text-align:right; padding-top:10px; border-top: #fff 3px solid; max-width:1020px}

div.brightBoxTL, div.darkBoxTL {background: left top no-repeat; padding-left:20px; max-width:1000px}
div.brightBoxTL {background-image:url(../img/boxes/brightBoxTopLeft.png)}
div.darkBoxTL {background-image:url(../img/boxes/darkBoxTopLeft.png)}

div.brightBoxTR, div.darkBoxTR {background: right top no-repeat; height:20px}
div.brightBoxTR {background-image:url(../img/boxes/brightBoxTopRight.png)}
div.darkBoxTR {background-image:url(../img/boxes/darkBoxTopRight.png)}

div.brightBoxBL, div.darkBoxBL {background: left bottom no-repeat; padding-left:20px; max-width:1000px; margin-bottom:30px}
div.brightBoxBL {background-image:url(../img/boxes/brightBoxBottomLeft.png)}
div.darkBoxBL {background-image:url(../img/boxes/darkBoxBottomLeft.png)}

div.brightBoxBR, div.darkBoxBR {background: right bottom no-repeat}
div.brightBoxBR {background-image:url(../img/boxes/brightBoxBottomRight.png)}
div.darkBoxBR {background-image:url(../img/boxes/darkBoxBottomRight.png)}

div.brightBoxLogo, div.darkBoxLogo {background: center no-repeat; height:50px}
div.brightBoxLogo {background-image:url(../img/boxes/brightBoxLogo.png)}
div.darkBoxLogo {background-image:url(../img/boxes/darkBoxLogo.png)}

div.brightBoxBody, div.darkBoxBody {border-left: #fff 7px solid; border-right: #fff 6px solid; padding: 2px 20px 20px 20px; max-width:967px}
div.brightBoxBody {background: #ededed}
div.darkBoxBody {background: #dee6ed}

div.photoSource{background: center 5px no-repeat; width:120px; margin:5px}
div.photoCover{background:url(../img/elements/photo-cover.png) left top no-repeat; height:32px; padding:138px 0 0 15px; text-align:left; color:#566a7e; font-size:90%; letter-spacing:0.02em; line-height:100%}

div.photo-column {float:left; width:150px}
div.text-column {margin-left:160px}
div.table-row { min-height:200px; margin-bottom:20px}

#curDays {text-align:center; vertical-align:top}
#curDays a { background:url(../img/backgrounds/calendar.png) top left no-repeat; width:54px; height:40px; $height:42px; padding-top:20px; $padding-top:18px; vertical-align:middle; position:relative; font-size:85%; text-align:center; display:inline-block; margin:2px; line-height:115%; text-decoration:none; color:#566a7e}
#curDays div {font-size:150%; font-weight:bold; letter-spacing:-0.1em; margin-left:-3px}

#curPlan {width:90%; margin:20px 5% 0 5%}
#curPlan td {vertical-align:top; padding:2px 10px 2px 10px}
#curPlan td.day {vertical-align:middle; padding:1px; text-align:center; background: url(../img/backgrounds/blue-gradient.png) top repeat-x; font-size:110%; color:#fff; font-weight:bold}
#curPlan td.goTop {text-align:right}

#pillows{margin:10px 0 0 -40px}
#pillows li{ list-style:none; background:left top no-repeat;padding:10px 0 0 80px; min-height:40px; margin:10px; width:33%; min-width:150px; text-align:left; display:inline-block; vertical-align:top; $width:70%}
#pillows li.pillow1{background-image:url(../img/bullets/pillow1.png)}
#pillows li.pillow2{background-image:url(../img/bullets/pillow2.png)}
#pillows li.pillow3{background-image:url(../img/bullets/pillow3.png)}
#pillows li.pillow4{background-image:url(../img/bullets/pillow4.png)}
#pillows li.pillow5{background-image:url(../img/bullets/pillow5.png)}
#pillows li.pillow6{background-image:url(../img/bullets/pillow6.png)}
#pillows li.pillow7{background-image:url(../img/bullets/pillow7.png)}
#pillows li.pillow8{background-image:url(../img/bullets/pillow8.png)}

#news {background:url(../img/icons/news.png) left top no-repeat; margin:40px 0 40px 0; min-height:70px; padding:5px 0 0 60px;}
#news h1 {margin:0 0 5px 0; font-size:120%}
#news h2 {margin:0 0 5px 0; font-size:100%; line-height:95%}
#news div {font-size:80%; line-height:110%}
#news div.date {margin:7px 0 7px 0; padding:3px; width:90%; text-align:right; font-style:italic; border-top:1px dotted}

#blend, #blend1 {background:#000 center no-repeat; position:fixed; left:0; top:0; width:100%; height:100%; z-index:900; filter: alpha(opacity=20); -moz-opacity:0.2; opacity:0.2 }
#blend {background-image: url(../img/ajax-loader.gif)}

#waiting{left: 50%; top: 50%; margin-left: -100px; margin-top: -45px; padding:10px; position:fixed; text-align:center; vertical-align:middle; width:300px; height:90px; background:#fff; border: 1px solid; z-index:999}

.width { width:100%; min-width:1000px; height:100% }

* html .minwidth { padding-left:1000px }
* html .container { margin-left:-1000px;position:relative }
* html .minwidth, * html .container, * html #container, * html .layout { height:1px }

.infoBox {margin-bottom: 10px; width:100%; max-width:1000px}

.infoBoxContents {background: url(../img/infobox/contents_bg.png) right repeat-y}
.infoBoxContentsLeft {background: url(../img/infobox/contents_left.png) top left repeat-y; height:100%; padding:0 15px 0 15px}
.infoBoxContentsBox {background: #fff}

.infoBoxHeadingLeft, .infoBoxFooterLeft  {background: left top no-repeat; height:15px; padding-left: 15px}
.infoBoxHeadingLeft  {background-image: url(../img/infobox/header_left.png);}
.infoBoxFooterLeft {background-image: url(../img/infobox/footer_left.png)}

.infoBoxHeadingRight, .infoBoxFooterRight {background: right top no-repeat; height:15px}
.infoBoxHeadingRight {background-image: url(../img/infobox/header_bg.png)}
.infoBoxFooterRight {background-image: url(../img/infobox/footer_bg.png)}

.infoBoxHeading {font-variant:small-caps; text-transform:lowercase; font-size:90%; font-weight:bold; letter-spacing:0.15em; text-align:right; padding:0 5px 2px 5px; margin:0 5px 12px 5px; border-bottom: #dba 1px dotted}

a.box_title { font-size:80%; text-decoration:none; text-transform:none; letter-spacing:0.05em}
a.box_title:hover { text-decoration: underline}

.error {color:#f30}
#errorMessage {color:#b52; text-align:center; margin:5px}

input.rounded, textarea.rounded, select.rounded, input.file, div.inputFile {background:none; border:none; width:100%; font-size:85%}
textarea.rounded {overflow:auto}
label.radio {font-size:85%; white-space:nowrap}
input.radio { margin:2px; $vertical-align:text-bottom; white-space:nowrap }
label.checkbox {font-size:85%; margin-top:3px}
input.checkbox { margin:2px; $vertical-align:text-bottom }

div.inputFile {float:left; padding-top:1px; color:#000; background:url(../img/buttons/select-file.png) right no-repeat}
div.fakefile {position: absolute; top: 0px; left: 0px; z-index: 1; width:100%}
input.file { position: relative; text-align: left; margin-left:10px; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; z-index: 2; cursor:pointer; }

.placeholder {color:#e0e0e0 !important}}

select.rounded {height:18px; $height:20px; margin-top:1px; $margin-top:-1px; border-right: 1px solid #9cf; $font-size:80%}

div.inputClear {height:20px; clear:both}

div.inputLeft {background: url(../img/form/input-bg.png) left no-repeat; padding-left:10px; margin-right: 10px; height:20px}
div.inputRight {height:20px; vertical-align:middle; background: url(../img/form/inputRight-bg.png) bottom right no-repeat; position: relative}

div.textArea_TopRight, div.textArea_BottomRight{height:10px; background: top right no-repeat}
div.textArea_TopRight{background-image: url(../img/form/textArea_topRight.png)}
div.textArea_BottomRight{background-image: url(../img/form/textArea_bottomRight.png)}

div.textArea_TopLeft, div.textArea_BottomLeft{height:10px; position:relative; background: top left no-repeat; padding: 0 10px 0 10px; margin-right: 10px}
div.textArea_TopLeft{background-image: url(../img/form/textArea_topLeft.png)}
div.textArea_BottomLeft{background-image: url(../img/form/textArea_bottomLeft.png)}

div.textArea_Left{background: #fff url(../img/form/textArea_Left.png) left repeat-y; padding-left:10px; margin-right: 10px}
div.textArea_Right{background: url(../img/form/textArea_Right.png) right repeat-y}

input.button {color: #346098; width:160px; height:33px; text-align:right; background: url(../img/backgrounds/button.png) bottom no-repeat; border: none; padding:0 55px 0 0; letter-spacing:0.04em; cursor:pointer}

#listTable {width:100%}
#listTable td, #listTable th {vertical-align:top; text-align:center; border-bottom: #aaa 1px dotted; padding:5px}
#listTable th {font-weight:normal; background:#dedee5; padding:1px 5px 1px 5px; font-size:90%}
#listTable tr:hover {background:#f1f1f1}
#listTable tr.selected {background:#f9f9f9}
#listTable tr.selected:hover {background:#ffffff}
#listTable h2 {font-size:100%; padding:0; margin:0 0 5px 0;}

#selectPage {text-align:center; font-size:85%; border-top: #bbb 1px dotted; margin-top:5px; padding-top:5px}
#selectPage a {text-decoration:none}
#selectPage a:hover {text-decoration:underline}
#selectPage span.inactive {color:#999}
#selectPage strong {font-size:120%; font-weight:normal}

div.formSubmitContainer {text-align: right; margin-top:15px; padding-top:10px; border-top: #9cf 1px solid}

.blink {text-decoration: blink;}

.addthis_button {padding-left:40px}

#loadFile { position:absolute;  left: 50%; top: 50%; margin-left: -150px; margin-top: -25px; width: 300px; height: 50px; overflow:hidden; background:#fff; border:#9cf 1px solid; z-index:999; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8}