/* base styles */

body {
margin:0;
padding:0;
background:#dfdfdf url("../img/bg_body.jpg") repeat;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
text-align:center;
font-size:14px;
color:#fff;
}

html,
body {
height:100%;
min-height:100%;
}

#bodySpan {
height:100%;
min-height:100%;
background:url("../img/bg_body_2.jpg") repeat-x top center;
}

#bodySpan2 {
background:url("../img/bg_body_2.jpg") repeat-x top center;
}

a {
color:#e4621d;
}

a:hover {
text-decoration:none;
}

a:active,
a:focus {
outline:none;
}

a img {
border:none;
}

p {
margin:0;
padding:0 0 1em 0;
}

h1 {
margin:0 0 5px 0;
padding:0;
font-size:32px;
line-height:1.1em;
clear:both;
}

.subpage h1 {
margin:0 0 1em 0;
font-size:26px;
}

h2 {
margin:0 0 5px 0;
padding:0;
font-size:16px;
line-height:1.1em;
}

ul,
ol {
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:1em;
}

li {
margin-top:0;
margin-bottom:0;
margin-left:-10px;
padding-top:0;
padding-bottom:5px;
}

blockquote {
margin:0 0 1em 0;
padding:0 0 0 20px;
font-style:italic;
font-size:16px;
color:#ffcc6b;
}

.clearer {
overflow:hidden;
margin:0 0 -1px 0;
height:1px;
clear:both;
}

/* overall container */

#container {
position:relative;
margin:auto;
width:900px;
background:url("../img/bg_container.gif") no-repeat top left;
text-align:left;
line-height:1.3em;
}


/* header */

#header {
width:900px;
height:170px;
position:relative;
}

#logo {
position:absolute;
top:0;
left:13px;
}

#salt {
position:absolute;
top:0;
right:-100px;
}

#menu {
position:absolute;
top:45px;
left:190px;
}

#menu ul {
margin:0;
padding:0;
}

#menu li {
float:left;
margin:0 15px 0 0;
padding:0;
height:40px;
list-style:none;
}

#menu li a {
display:block;
height:40px;
}

#menu li a span {
display:none;
}

#menu li#lCalculator {
background:url("../img/l_calculator.gif") no-repeat top left;
}

#menu li#lCalculator a {
width:98px;
}

#menu li#lCalculator a:hover,
#menu li#lCalculator.on a {
background:url("../img/l_calculator.gif") no-repeat bottom left;
}

#menu li#lWhy {
background:url("../img/l_why.gif") no-repeat top left;
}

#menu li#lWhy a {
width:145px;
}

#menu li#lWhy a:hover,
#menu li#lWhy.on a {
background:url("../img/l_why.gif") no-repeat bottom left;
}

#menu li#lFind {
background:url("../img/l_find.gif") no-repeat top left;
}

#menu li#lFind a {
width:119px;
}

#menu li#lFind a:hover,
#menu li#lFind.on a {
background:url("../img/l_find.gif") no-repeat bottom left;
}

#menu li#lHow {
background:url("../img/l_how.gif") no-repeat top left;
}

#menu li#lHow a {
width:154px;
}

#menu li#lHow a:hover,
#menu li#lHow.on a {
background:url("../img/l_how.gif") no-repeat bottom left;
}

#lang_switch {
position:absolute;
bottom:30px;
right:15px;
}

#lang_switch a {
padding-left:20px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

#lang_switch a.ru {
background:transparent url("../img/ru.gif") no-repeat 0px 3px;
}

#lang_switch a.ee {
background:transparent url("../img/ee.gif") no-repeat 0px 3px;
}


/* content elements */

.note {
position:relative;
float:right;
margin:5px 15px 10px 15px;
padding:0 30px 0 0;
width:290px;
background:url("../img/bg_note.gif") no-repeat top right;
color:#ffa800;
font-size:12px;
}

.noteSpan {
padding:25px 0 15px 80px;
width:210px;
height:auto !important;
min-height:57px;
height:57px;
background:#6b2007 url("../img/bullet_note.gif") no-repeat top left;
}

.note .corner {
position:absolute;
top:-1px;
right:-1px;
}

.subpage .note {
width:320px;
}

.subpage .noteSpan {
width:240px;
}

.subpage .note img.sponsors {
display:block;
margin:10px 0 -15px -80px;
}

.bodyText {
float:left;
padding:0 0 30px 15px;
width:500px;
height:auto !important;
min-height:140px;
height:140px;
}

.feature {
position:relative;
margin:20px 20px 1em 0;
padding:0 30px 0 0;
width:470px;
background:url("../img/bg_result.gif") no-repeat top right;
color:#333;
}

.featureSpan {
padding:15px 0 10px 15px;
width:455px;
height:auto !important;
min-height:82px;
height:82px;
background:#ffd777;
}

.feature .corner {
position:absolute;
top:-1px;
right:-1px;
}


/* calculator */

#calculator {
position:relative;
padding:0 15px 20px 15px;
}

#tabs {
padding:0 0 330px 0;
width:885px;
}

#tabs ul {
margin:0;
padding:0;
}

#tabs li {
float:left;
margin:0 2px 0 0;
padding:0;
list-style:none;
}

#tabs li a {
display:block;
float:left;
padding:6px 8px 12px 10px;
background:#c13d0d;
text-decoration:none;
font-size:12px;
color:#ffc7b1;
}

#tabs li a:hover {
color:#fff;
}

#tabs li.ui-tabs-selected a {
background:#6b2007;
color:#fff;
}

#table {
position:absolute;
top:23px;
left:0;
margin:0 0 10px 0;
padding:20px 20px 0 20px;
width:860px;
height:313px;
background:url("../img/bg_table.png") no-repeat top left;
overflow:hidden;
}

#table .slide {
width:860px;
height:313px;
}

#table #cat1 img,
#table #cat2 img,
#table #cat3 img,
#table #cat4 img {
margin-right:15px;
}

#table #cat5 img {
margin-right:10px;
}

#table #cat6 img {
margin-right:15px;
}

#plate {
position:relative;
float:right;
margin:0 0 -50px 0;
padding:40px 25px 0 60px;
width:361px;
height:323px;
background:url("../img/bg_plate.png") no-repeat bottom left;
}

#plateArea {
position:relative;
width:295px;
height:295px;
/*background-color:#ffc;*/
}

img#addSalt {
position:absolute;
top:-20px;
right:120px;
}

p#addSaltTip {
position:absolute;
top:15px;
right:15px;
width:100px;
font-size:11px;
line-height:1.1em;
}

#result {
position:relative;
float:left;
margin:20px 20px 0 0;
padding:0 30px 0 0;
width:320px;
background:url("../img/bg_result.gif") no-repeat top right;
color:#333;
}

#resultSpan {
padding:15px 0 10px 15px;
width:305px;
height:auto !important;
min-height:82px;
height:82px;
background:#ffd777;
}

#resultSpan p {
margin:0;
padding:0;
}

#result .corner {
position:absolute;
top:-1px;
right:-1px;
}

#result table {
border-collapse:collapse;
border:none;
width:100%;
font-size:12px;
}

#result th {
border-bottom:1px solid #e3c376;
color:#6b2007;
}

#result th,
#result td {
padding:4px 5px 4px 0;
line-height:1.2em;
border-bottom:1px solid #e3c376;
}

#result .total td {
border-top:1px solid #caab61;
border-bottom:1px solid #caab61;
background:#e3c376;
}

#result #percentage {
padding:15px 0 0 0;
margin:0;
text-align:right;
}

#result #percentage p {
margin:0 0 5px 0;
padding:0;
font-size:12px;
}

#result #percentage strong {
display:block;
font-size:31px;
line-height:1em;
}

#result img.sponsors {
display:block;
border-top:1px solid #e3c376;
margin:20px -30px 0 -15px;
}

#result a {
color:#333;
}

#calculator .help {
position:absolute;
top:345px;
left:20px;
width:870px;
height:25px;
background:url("../img/t_calculator_help.gif") no-repeat top left;
}

#calculator .help p {
display:none;
}


/* footer */

#footer {
padding:0 15px 0 15px;
width:870px;
text-align:left;
}

#footer img {
display:block;
}

/* Added by Dmitri*/ 

#result #percentage strong.overdose,
#result #overdoseNote {
color:#f00;
}

.tooltip {
position:absolute;
z-index:12234;
background:#ffd777;
padding:3px 5px 3px 5px;
color:#333;
border:1px solid #e3c376;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.ui-tabs-hide {
display:none;
}