
@font-face {
    font-family: HelveticaLight;
    src: url("../font/HelveticaNeueLight.woff");
}

html{background:#f9f9f9;overflow-y:scroll;}
html,body{display:inline;margin:0px;padding:0px;width:100%;color:#666;}
body{font-family:tahoma,verdana,arial,sans-serif;}
head{display:none;}
style{display:none;}
div{display:block;position:static;text-align:left;clear:none;}

input.write,textarea.write,input[type='text']{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;xbackground:#aaa;margin:6px 12px;}
::selection {
  color:#fff;
  background: #28f; /* Safari */
  }
::-moz-selection {
  color:#fff;
  background: #28f; /* Firefox */
}

:focus {
  outline: none; 
}
a,a:visited {
  border: none;
  cursor: pointer;
  color: #3366DD;
  text-decoration: none;
}

a:hover {
  border: none;
  cursor: pointer;
  color: #3366DD;
  text-decoration: underline;
}

a[href^='http://www.youtube.com']{
line-height: 20px; margin: 0px -6px; padding: 0px 6px 0px 26px;background:url('/img/ico_video.jpeg') no-repeat 6px 0px;
}
h1,h2 {
  font: 18px Arial;
  font-weight: bold;
}

h3 {
  font: 16px Arial;
  font-weight: bold;
}

h4 {
  font: 14px Arial;
  font-weight: bold;
}

h5,h6 {
  font: 12px Arial;
  font-weight: bold;
}

hr {
  clear: left;
  width: 100%;
  border: none 0px;
    border-top: solid 2px #D2D2D2;
    height: 1px;
    margin-top:15px;
    margin-bottom:25px;
}


.order a{color:#666;}
.order a:hover{color:#36d;}
.order a span{color:#36d;}
.order a.off{color:#bbb;text-shadow: 2px 2px 22px #ddd;}

.stat{max-width:400px;width:auto !important;width:220px;position:absolute;margin-bottom:0px;bottom:0px;margin-right:0px;right:0px; text-align: right;xpadding: 5px 20px;font-size: .9em;}
.none{display:none;}
.abs{position:absolute;}
.center{text-align:center;}
.right{text-align:right;}
.rfloat{float:right;}
.bottom{bottom:0px;}
.active{ color: #3366DD; }
.active:hover{ color: #3366DD; }

.mscroll{margin: 0px auto;}
.mscroll .def{margin-left:20px;width:80%;color:#666;font-size:.9em;}
.mscroll .link{margin-top:.4em;margin-left:10px;padding-top:.4em;width:90%;border-top:solid 1px #ddd;}
:first-child.mscroll .link{border-top:none;}

.mscroll .content .com{color: #eee; xbackground: #dea;background:#36D; cursor:default;padding:5px;padding-left:25px;}
.mscroll .content .com a{color: #eee;}

.wild_bg,.foot_bg{left:0px;position:absolute;z-index:-1;/* min-width: 938px; */}
.wild_bg{top:0px;}
.foot_bg{position:relative;bottom:0px;}
div,center,.wild_bg, .wild_bg *{width:100%;margin:0px auto;padding:0px;background:none;}
  
.wild_bg .header_bg{ top:0px; height:140px; background:#fefefe url('/img/header_bg.png') repeat-x 0px -5px; border:none 0px;}
.wild_bg .body_bg{ top:0px;background:url('/img/esilehe_bg.png') repeat 0px 0px;height:385px;height:318px;}
.wild_bg .btn_bg{ height: 101px; margin: 0px auto; margin-top: -3px; background:url('/img/esilehe_btn_bg_.png') repeat-x 0px 0px;position:relative;display:block;}




.menu_vline,
.hr.layer1>.left,
.hr.layer1>.right
  {background:url('/img/line.png') no-repeat;}

.menu_vline{top:100px;position:absolute;background-position:50% 0; height:3px;}

.hr,.hr2{height:16px;clear:both;}
.hr2>div{width:50%;clear:none;float:left;}
.hr>div{width:49%;height:16px;clear:none;float:left;}

.hr.layer1>.left{background-position:0% 50%;}
.hr.layer1>.right{background-position:100% 50%;}

.link{cursor:pointer;}


body>.content{display:table;width: 100%;width: 320px;}
body>.content>center>div{/* display:table; */}
.header{position:static;/* width: 898px; */height:110px;padding:15px 0px;}
/* .body{display:inline-block;min-height:482px;padding:20px 0px;margin:0px auto;} */
.body{display:inline-block;/* width: 1008px; */min-height:482px;padding:0px 0px;margin:0px auto;}

.header div{ float:left; clear:none;margin-left:5px;margin-right:5px;}
.hdr1{width:170px;margin-top:15px;}
.hdr2{  margin-top: 0px; width:390px; line-height:20px; *line-height:1.2;}
.hdr2 div{  color: #666; font-size:.9em; margin-top:-8px; margin-left:5px;}
.hdr3{ width:300px; text-align:right; margin-top:25px; font-size:.8em;}
.hdr3 a{color:#888;padding: 0px 5px;}
.hdr3 a:hover{color:#444;padding: 0px 5px;text-decoration:none;}

.menu{ height:40px; margin: 30px auto -30px auto; padding: 0px 30px 0px 30px; vertical-align: middle; font-size: .9em;  }
.menu ul{ margin:0px; padding: 0px; list-style: none;}
.menu li{ float: left; padding: 0px 22px; background:url('/img/px_point.png') no-repeat 0px 7px; font-weight:bold;}
.menu li:first-child{ float: left; padding: 0px 22px 0px 0px; background:none; font-weight:bold;}

.menu a{ color:#666; text-decoration:none; }
.menu a:hover{ color: #3366DD; }
.menu a.sel{ color: #3366DD; }


.foot_bg{background:url('/img/footer_bg.jpg') repeat-x 0px 0px;height:100px;z-index:1;}

/*.foot_bg .foot{color:#888;padding: 10px 0px;height:40px;font-size:12px; width: 898px; margin: 0px auto;}*/
.foot_bg .foot{color:#888;padding: 10px 0px;height:40px;font-size:12px; margin: 0px auto;}
.foot_bg .foot>div[class*="left"]{display:inline;float:left;width:300px;}
.foot_bg .foot>div[class*="right"]{display:inline;float:right;font-size:12px;width:90px;}
.foot_bg .foot>div>a{color:#888;margin: 10px 5px;}
.foot_bg .foot>div>a:hover{color:#666;}
.foot_bg .foot>font{position: relative;color:#888;padding: 4px 5px;font-size:11px;clear:both;float:left;margin:0px;}

.clear2{clear:both;height:3px;padding:5px 0px;}
.clear2>div{display:block;clear:none;width:464px;height:3px;float:right;margin: 0px 20px;}
.clear2>div:first-child{float:left;}

.esi_btm{width:454px;float:left;display:block;margin:20px auto;padding:0px 25px;font-size:.9em;}
.esi_btm h3{font-size:1.6em;color:#666;font-weight:normal;    padding-top: 20px;}
.esi_btm p{line-height: 20px;margin-top:15px;color:#666;min-height:70px;}

.esi_btm_imgF{width:438px;height:105px;margin-top:8px;margin-left:-2px;padding: 10px 9px;background:url('/img/esi_btm_frm.png') no-repeat 0px 0px;}
.esi_btmFT{width:438px;height:222px;*height:215px;margin-top:8px;margin-left:-2px;padding: 10px 9px 0px 10px;background:url('/img/esi_btm_frmT.png') repeat-y 0px top;}
.esi_btmFB{width:438px;height:2px;margin-top:-8px;margin-bottom:25px;margin-left:-2px;padding: 0px 10px 8px 10px;background:url('/img/esi_btm_frmB.png') repeat-y 0px bottom;z-index:0;}


.ban_bg{ height: 88px; background:url('/img/esilehe_bg.png') repeat-x 0px 0px; }
.ban_c{ height: 68px; font-size:1.5em; margin: auto;margin-bottom:10px;vertical-align:middle;text-align:center;color:#fff; }
.ban_c *{ vertical-align:middle;text-align:center;color:#fff;display:table-cell; }


/*menus*/
.bmenu {width:245px;padding:0px 20px;margin-top:10px;float:left;clear:none;min-height:1px;height:auto !important;height:1px;}
.bmenu .block{width:245px;}
.bmenu .block>.content
  {width:245px;float:left;font-size:0  .9em;}
.bmenu .block>.content>.t,.bmenu .block>.content>.b
  {overflow:hidden;}
.bmenu .block>.content>.t
  {background:url('/img/box245.png') no-repeat 0 0%;}
.bmenu .block>.content>.b
  {background:url('/img/box245.png') no-repeat 0 100%;height:8px;}
  
.block ul{margin: 0px;float:left;}
.block ul>li:first-child {border-top:none 0px;}

.bmenu .block ul{width:205px;float:left;margin:4px 4px;}
.bmenu .block ul>li {clear:both;}
.bmenu .block ul>li div{padding: 2px;padding-left: 5px;display:block;}
.bmenu .block ul>li .checkbox{padding:4px 0px;padding-left: 25px;width: 210px;}
.bmenu .block ul>li .checkbox:hover{text-decoration:underline;}
  
.bcon .block ul {margin-top: 10px;margin-bottom: 10px;}
.bcon .block ul>li {clear:none;width:180px;margin: 0px 10px;}
.bcon .block .footer ul>li {clear:none;width:auto;margin: 0px 0px;}
.bcon .block .footer>.right {clear:none;width:250px; #position: absolute; #top: 50%;height:auto !important;height:85px;display: table-cell; vertical-align: middle;}
.bcon .block .footer>.right div{ #position: relative; #top: -50%; text-align:right;}
.bcon .block .footer>.right ul{margin:0px;float:right;}
.bcon .block .footer>.right li{margin:0px 0px;float:right;padding:8px 0px;}

.bcon .block .footer>.right a:hover{text-decoration:none;}
.bcon .block .footer>.right li a .l,
.bcon .block .footer>.right li a .r{background-image:url('/img/mg_btn.png');background-repeat:no-repeat;margin:0px;padding:8px 0px;color:#fff;height:10px;width:10px;}

.bcon .block .footer>.right li a .l{padding-left:20px;background-position:0% 0px;}
.bcon .block .footer>.right li a .r{padding-right:20px;background-position:100% 0px;}

.bcon .block .footer>.left {clear:none;float:left;width:395px;}
.bcon .block .footer>.left strong{margin:0px;}


.big{display:table;height:160px;}
.big>div{display:table-cell;text-align:center;vertical-align:middle;margin-left:auto;margin-right:auto;font-weight:bold;clear:both;}
.big ul{margin-top:20px;width:220px;margin-left:auto;margin-right:auto;}

.lk {text-align:center;}
.lk a{float:right;padding:0px 5px;text-align:center;}

/*block*/
.block,
.light{border:none #ddd;background:none;}
.XXXlight h1{color:#339900;}
.dark{border:none 0px #ccc;background:none;color:#777;font-weight:bold;}
.dark h1{color:#3366DD;}

.block,.gblock{ float:left;clear:left;padding: 0px;margin:0px auto 10px auto;border-width:2px 1px 1px 2px;}
.block>ul>li>span{ font-size:.8em; }
.bmenu .block>.title{xcolor: #7B0;color: #339900;}
.block>.title{display:inline-block;margin:0px;margin-left:8px; xcolor: #339900; font-weight:bold;}
.block>.title>span{ font-size:.8em; color:#999; float:right;margin-right:10px;}
.block>.title>strong span{ font-size:.7em;color:#777;}
.block>.content,.block>div>.content{clear:none;float:left;xborder:solid 1px #ddd;font-size:.9em;margin-top:5px;xbackground:#fff;background:url('/img/wdborder_mid.png') repeat-y 0 0%;}
.bmenu .block>.content,.bmenu.block>div>.content{background:none;}
.block>.content>.t{padding:0px;margin:0px auto;margin-top:-3px;background:url('/img/wdborder_top.png') no-repeat 0 0%;}
.block>.content>.b{padding:0px;border:solid 0px red;margin:0px auto;margin-bottom:-3px;height:3px;background:url('/img/wdborder_bottom.png') no-repeat 0 100%;}
.block>.content>div{clear:none;float:left;display:block;}
.wo_border .content,.wo_border .content>.t,.wo_border .content>.b{background:none;padding:2px 7px;}
.wo_border.w_img .content p,.wo_border.w_img .content>.t p,.wo_border.w_img .content>.b p{max-width:98%;width:auto !important;width:98%;min-height:164px;height:auto !important;height:164px;width:95%;}
.wo_border.wo_img .content p,.wo_border.wo_img .content>.t p,.wo_border.wo_img .content>.b p{max-width:98%;width:auto !important;width:98%;min-height:14px;height:auto !important;height:14px;width:95%;}
.bmenu .wo_border .content,.bmenu .wo_border .content>.t,.bmenu .wo_border .content>.b{xwidth:93%;background:none;padding: 0px;}

.block.big_border{width:680px;}
.block.big_border>.t{width:680px;padding:5px;background-image:url('/img/box670.png');background-repeat: no-repeat;background-position: 0 0%;}
.block.big_border>.t>div{width:645px;display:inline-block;margin: 0px 7px;}
.block.big_border>.t .hr{margin:0px 5px;width:665px;}
.block.big_border>.t .title{width:614px;margin:0px 7px; margin-top:3px; font-weight: bold;}
.block.big_border>.t .title>span{font-size: .8em;color: #999;float: right;margin-right: 10px;}
.block.big_border>.t .content{background:none;position:relative;}
.block.big_border.wo_img>.t .content p{max-width:98%;width:auto !important;width:98%;margin-bottom:20px;}
.block.big_border>.t .content p{max-width:98%;width:auto !important;width:98%;margin-bottom:20px;}
.block.big_border>.t .footer{font-size: .9em; display:table; #height:68px;position: relative; overflow: hidden;}
.block.big_border>.t .footer strong{color:#390;}
.block.big_border>.b{width:680px;height:5px;background:url('/img/box670.png') no-repeat 0 100%;}

.msgbg .ph{width:444px;}
.msgbg .b{height:5px;float:left;padding:5px;background:url(/img/esi_btm_frmB.png) no-repeat 0% 100%;}
.msgbg .t{background:url('/img/esi_btm_frmT.png') no-repeat 0px 0px;margin:0px auto;margin-top:155px;padding:6px;  }
.msgbg .t .title{ padding-top:10px; padding-left:10px;}
.msgbg .t .title .red{ color:red;}
.msgbg .t .title .green{ color:#390;}
.msgbg .t .foot{ padding-top:50px; }
.msgbg .t .content{background:none;max-height:240px;overflow:hidden;overflow-y:auto;}
.msgbg .t .gsbtn .l,.msgbg .t .gsbtn .r{height:20px;}

.bcon .block {float:left;width:670px;}
.bcon .gblock {float:left;width:666px;}
.bcon .block .content{xmargin:5px .9em;width:670px;}
.bcon .block>.input{xpadding:5px .9em;margin:5px 0px;}
.bcon .block>.input .write{width:605px;}
.bcon .block>.ting{padding:.9em;}
/*bodyl väike*/


.bcon .block.half{width:264px;float:left;clear:none;}

.bcon .block>strong{margin-left:5px;font-size:1.1em;color: #3366DD;}
.bcon .block .img{float:left;margin: 0px 30px 6px 0px;width:200px;}

.img .t,.img .b{margin: 0px;padding:10px;max-height:200px;}
.img .t{padding-bottom:0px;background:url('/img/dbimg_bdr.png') no-repeat 0 0%;}
.img .b{padding-top:0px;background:url('/img/dbimg_bdr.png') no-repeat 0 100%;height:5px;}

.bcon .block .img span{display:block;float:left;background:#000;color:#ddd;text-align:center;width:180px;padding:10px;}
.bcon .block .img img{display:block;float:none;margin: 0px;width:200px;border:none 1px #ccc;}


.bcon .block>.footer {margin:5px;width:98%;font-size:.9em;}
.bcon .block>.footer strong{color: #339900;}

/*bodyl*/  
.bcon {width:642px;height:auto !important;height:100%;min-height:100%;margin-top:10px;padding:0px 20px;display:block;position:relative;float:left;}
.bcon.full {width:95%;}
.bcon.full .content{width:97%;margin-left:2px;}

.otsi{}

/*scroll btn*/

/**/

.scroll{display:inline-block;position:relative;margin:0px;padding:0px;}

.bmenu .scroll{width:255px;margin:10px 0px;}
.bcon .scroll{width:640px;margin-bottom:10px;}

.scroll .title,
.scroll .content,
.scroll .btn_holder
  {display:inline-block;clear:none;float:left;padding:0px;margin:0px;}
.bmenu .scroll .title,
.bmenu .scroll .content,
.bmenu .scroll .btn_holder
  {width:245px;}
.bcon .scroll .title,
.bcon .scroll .content,
.bcon .scroll .btn_holder
  {width:630px;}
.scroll .title{margin:8px 0px;margin-left:8px;}

.scroll .content .t{overflow:hidden;}
.scroll .content .b{height:5px;border:solid 0px red;}

.bmenu .scroll .content .t{background:url(/img/box250.png) no-repeat 0% 0%;}
.bmenu .scroll .content .b{background-image:url(/img/box250.png);background-repeat: no-repeat;background-position:0% 100%;#background-position:0% 106%;}

.scroll_content{display:inline-block;background:none;overflow:hidden;overflow-y:scroll;}

.bmenu .scroll_content{width:265px;max-height:210px;font-size:0.8em;}
.bmenu .scroll_content div{width:240px;}

.bcon .scroll_content{width:650px;max-height:300px;}
.bcon .scroll_content div{width:585px;margin:20px;text-align:justify;}

.scroll .btn_holder{position:relative;clear:none;float:left;margin-left:-8px;display:block;width:0px;height:0px;}
.bcon .scroll .btn_holder{margin-left:-10px;}
.scroll .btn_holder .btn_bg{display:none;cursor:pointer;}
.scroll .btn_holder .btn_bg .t{background:url('/img/scrollbtn_bg_top.png') 0% 0% no-repeat;width:100%;height:50%;}
.scroll .btn_holder .btn_bg .b{background:url('/img/scrollbtn_bg_bottom.png') 0% 100% no-repeat;width:100%;height:50%;}

.scroll .btn_holder .btn{display:none;position:absolute;cursor:pointer;}
.scroll .btn_holder .btn .t{background:url('/img/scrollbtn_top.png') 0% 0% no-repeat;width:100%;height:50%;}
.scroll .btn_holder .btn .b{background:url('/img/scrollbtn_bottom.png') 0% 100% no-repeat;width:100%;height:50%;}



.scroll .actives{position:absolute;margin:7px;padding:3px;#margin-left:-234px;color:#666;width:220px;}

/**/






.bvline,.bvline>.t,.bvline>.b {display:block;position:absolute;width:3px;height:100%;left:0;margin:0px;background:url('/img/vlinef.png') repeat-y 0 0;}
.bvline>.t,.bvline>.b {height:80px;}
.bvline>.t {top:0px;background:url('/img/vline-top.png') repeat-y 0 0;}
.bvline>.b {bottom:0px;background:url('/img/vline-bottom.png') repeat-y 0 100%;}

.bcon h1,
.bcon h2,
.bcon h3{margin-top:0px;margin-bottom:12px;font-size:1.5em;}


.gsbtn, .gsbtnA { text-align:center;font-weight:bold; display:inline-block; }
.gsbtn,.gsbtn .l,.gsbtn .r,.gsbtnA,.gsbtnA .l,.gsbtnA .r { position: static; }
.gsbtn .l,.gsbtn .r, .gsbtnA .l,.gsbtnA .r { padding:14px; color:#fff; height:32px; clear:none; float:left; background-repeat:no-repeat; }
.gsbtn .r, .gsbtnA .r { padding-right:48px; }
.gsbtnA .l { text-align:right; background-image:url('/img/g_btn_lA.png'); background-position:0px 0px; }
.gsbtnA .r { text-align:left;  padding-right:40px; background-image:url('/img/g_btn_rA.png'); background-position:100% 0px; }
.gsbtn .l { text-align:right; background-image:url('/img/g_btn_l.png'); background-position:0px 0px; }
.gsbtn .r { text-align:left;  background-image:url('/img/g_btn_r.png'); background-position:100% 0px; }
.gsbtn a,.gsbtnA a{display:inline-block;}

.gwbtn,
.bcon input[type=button][name=save],
.bcon input[type=submit][name=save],
#save_conf[type=button],
#regbtn>a>div,
#letmein>form input[type=submit],
#regusr>form input[type=submit]
{color:#fff;width:1%;min-width:365px;border:none;cursor:pointer;margin:0px auto;font-size:17px;font-weight:bold;text-align:center;text-decoration:none;}

.gwbtn:hover,
.bcon input[type=button][name=save]:hover,
.bcon input[type=submit][name=save]:hover,
#save_conf[type=button]:hover,
#regbtn>a>div,
#letmein>form input[type=submit],
#regusr>form input[type=submit]
{background:url('/img/g_btnA.png') 50% no-repeat;}

.gwbtn,
.bcon input[type=button][name=save],
.bcon input[type=submit][name=save],
#save_conf[type=button],
#regbtn>a>div:hover,
#letmein>form input[type=submit]:hover,
#regusr>form input[type=submit]:hover
{background:url('/img/g_btn.png') 50% no-repeat;}

.bcon input[type=button][name=save],
.bcon input[type=submit][name=save],
#save_conf[type=button],
#regbtn>a>div,
#letmein>form input[type=submit],
#regusr>form input[type=submit]
{padding:14px 95px;}

.gwbtn,
.bcon input[type=button][name=save]:hover,
.bcon input[type=submit][name=save]:hover,
#save_conf[type=button]:hover,
#regbtn>a>div:hover,
#letmein>form input[type=submit]:hover,
#regusr>form input[type=submit]:hover
{padding-top:15px;padding-bottom:13px;}

#regbtn>a{text-decoration:none;}

.block strong {clear:left;float:none;font-weight:bold;display:inline-block;}
.block span {clear:none;float:none;}
.block>.footer {border:none #9F0;float:left;}

.inputtext{background:url('/img/input.png') 100% 50% no-repeat;height:30px;}
.inputtext input[type=text],
.inputtext input[type=password]{float:right;background:none;border:none 0px;margin:2px 4px;font-size:1.1em;width:214px;height:26px;}

.tbl{width:420px;display:table;}
.tbl>div{padding:3px;}

.tbl>div>ul li{text-align:left;padding:2px;height:32px;}
.tbl>div>ul li>div{vertical-align:text-bottom;}


.tbl>div>ul span{margin:0px 10px;font-size:1.1em;}
.tbl>div>ul input.validation_error,span.validation_error{color:#e10;}
.tbl span.validation_error,.tbl>div>ul span.validation_error{font-weight:bold;}

.highlight,.block>.title>strong .highlight{background-color:#e9f9b9;xfont-weight:bold;font-size:1em;padding:0px 1px;margin:0px -1px;color:inherit;xbackground:url('/img/highlight.png') repeat;}

.error,.bcon .block strong.error{color:#c23;}
/*
#@font-face {
 #font-family: Lucida-Grande;
 #src: url(/layout/font/Lucida-Grande.eot);
 #src: local("Lucida Grande"), url(/layout/font/Lucida-Grande.ttf ) format("truetype"); 
}
#@font-face {
 #font-family: Lucida-Grande-Bold;
 #src: url(/layout/font/Lucida-Grande-Bold.eot);
 #src: local("Lucida Grande Bold"), url(/layout/font/Lucida-Grande-Bold.ttf ) format("truetype"); 
}
*/
.foot{
  width: 506px;
}
.hdr2{
  float:left;width:45%;padding: 0;
}
.hdr2 .B{
  font-size: 1.4em;font-family:HelveticaLight;margin-top: 0.8em;
}  
.hdr2 .S{
  font-size:.67em;
  margin-top:0;
}  
@media only screen and (max-width: 1007px) {
  body{
    zoom:1.5;
  }
  body.plugin.chrome.webkit.win.x1.Locale_et_EE {
    zoom: 1.5;
  }
}
@media only screen and (min-width: 1008px) {
  body>.content {
    width: 100%;
    width: 1008px;
  }
  blockquote>.center{
    width: 45%;
    float: left;
    padding: 2%;
  }
  blockquote>.tbl{
    float: right;
    padding: 2%;
  }
  
  .hdr2 div.B{
    font-size:1.9em;
    margin-top: .45em;
  }  
  .hdr2 div.S{
    font-size:.9em;
    margin-top:-3px;
  }  
  .body{
    padding-top:20px;
  }  
  .foot{
    width: 1012px;
  }
}

@media only screen and (min-width: 2008px) {
  body{
    zoom:2;
  }
}
