/* -----------------------------------------------------------------------

   webSlovníky CSS august 2009
   http://webslovniky.zoznam.sk
   http://zoznam.sk

   * autor: František Kocúrik, Zoznam, s.r.o., kocurik@firma.zoznam.sk

----------------------------------------------------------------------- */

@import url(reset.css); /*reset predvolených formátov prehliadačov */

html, body{
  font-family: 'Arial', Helvetica, sans-serif;
  font-size: 11px;
  color:#000000;
  text-align: center;
}

.clear{clear:both;}

em{font-style: italic;}

a:link{color:#af1f23; text-decoration: underline;}
a:visited{color:#af1f23;}
a:hover, a:active{color:#000000; text-decoration: none;}

#main{width:950px; overflow-x: hidden; margin:10px auto 10px auto; text-align: left;}

#header .header-top{width:950px; height:8px; background: url('http://zoznamstatic.sk/img/webslovnik/header-top.gif') left top no-repeat; overflow: hidden;}
#header .header-content{width:948px; _width:950px; height:70px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; background: url('http://zoznamstatic.sk/img/webslovnik/header-content.jpg') left top no-repeat; text-align: center;}

#logo-webslovnik{float:left; margin:10px 0 0 10px;}
#logo-zoznam{float:right; margin:10px 10px 0 0;}
.header-icons{width:400px; height:60px; margin:0 auto; float:none; margin-top:0px; overflow: hidden;}

.header-icons a{display:block; float:left; height:44px; text-align: left; margin-right:15px; margin-top:20px; line-height: 1em; color:#7b7b7b; text-decoration: none;}
.header-icons a:hover, .header-icons a:active{color:#000000;}
.header-icons a.topky{background: url('http://zoznamstatic.sk/img/webslovnik/logo-topky.gif') left top no-repeat; padding-left:20px }
.header-icons a.kompas{background: url('http://zoznamstatic.sk/img/webslovnik/logo-kompas.gif') left top no-repeat; padding-left:40px}
.header-icons a.dromedar{background: url('http://zoznamstatic.sk/img/webslovnik/logo-dromedar.gif') left top no-repeat; padding-left:40px}

#container{width:928px; _width:950px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; padding:0 10px 10px 10px;}
.content{width:707px; overflow-x: hidden; float:left;}
.content-right{width:200px; overflow-x: hidden; float:right; padding-top:15px;}

.flags{height:20px; padding:10px; float:left; line-height: 30px;}
.flags a{display:block; float:left; width:32px; height:23px; margin-right:2px;}
.flags a span{display:none;}
.flags .en{background: url('http://zoznamstatic.sk/img/webslovnik/flags/en.gif') left top no-repeat;}
.flags .de{background: url('http://zoznamstatic.sk/img/webslovnik/flags/de.gif') left top no-repeat;}
.flags .fr{background: url('http://zoznamstatic.sk/img/webslovnik/flags/fr.gif') left top no-repeat;}
.flags .es{background: url('http://zoznamstatic.sk/img/webslovnik/flags/es.gif') left top no-repeat;}
.flags .ru{background: url('http://zoznamstatic.sk/img/webslovnik/flags/ru.gif') left top no-repeat;}
.flags .it{background: url('http://zoznamstatic.sk/img/webslovnik/flags/it.gif') left top no-repeat;}
.flags .hu{background: url('http://zoznamstatic.sk/img/webslovnik/flags/hu.gif') left top no-repeat;}

.flags .en.active, .flags .en:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/en-active.gif') left top no-repeat;}
.flags .de.active, .flags .de:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/de-active.gif') left top no-repeat;}
.flags .fr.active, .flags .fr:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/fr-active.gif') left top no-repeat;}
.flags .es.active, .flags .es:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/es-active.gif') left top no-repeat;}
.flags .ru.active, .flags .ru:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/ru-active.gif') left top no-repeat;}
.flags .it.active, .flags .it:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/it-active.gif') left top no-repeat;}
.flags .hu.active, .flags .hu:hover{background: url('http://zoznamstatic.sk/img/webslovnik/flags/hu-active.gif') left top no-repeat;}

.trans-type{height:20px; padding:10px; float:right; line-height: 30px;}
.trans-type a{font-weight: bold;}

#search-panel-content{width:687px; _width:711px; /* height:46px; */ padding:0 12px 0 12px; clear:both; line-height: 34px; background: url('http://zoznamstatic.sk/img/webslovnik/search-panel-content.gif') left top no-repeat;}
.search-panel-top{width:711px; height:4px; background: url('http://zoznamstatic.sk/img/webslovnik/search-panel-top.gif') left top no-repeat; clear:both;}
.search-panel-bottom{width:711px; height:4px; background: url('http://zoznamstatic.sk/img/webslovnik/search-panel-bottom.gif') left bottom no-repeat;}

#translate label{font-weight: bold; width:71px; height:24px; display:block; float:left; margin-top:5px; margin-right:10px;}
#translate input, #translate textarea, .input{height:21px; width:200px; border:1px solid #c7c6c6; background: url('http://zoznamstatic.sk/img/webslovnik/input.gif') left top repeat-x #ffffff; margin-top:10px; float:left;}
#translate textarea{height:90px; margin-bottom:5px;}
/* #translate a.keyboard{display:block; width:60px; height:46px; float:left; margin:0 10px 0 10px; background: url('http://zoznamstatic.sk/img/webslovnik/keyboard.gif') left center no-repeat;} */
/* #translate a.keyboard span, */ #translate a.switch-button span{display:none;}
#translate a.switch-button{display:block; width:23px; height:46px; float:left; margin-right:0; background: url('http://zoznamstatic.sk/img/webslovnik/button-switch.gif') left center no-repeat;}
#translate .select{float:left; margin-top:7px; _margin:11px 0 10px 0;}
#translate #translate-button{width:118px; height:28px; float:left; border:0; background: url('http://zoznamstatic.sk/img/webslovnik/button-translate.gif') left top no-repeat; line-height: 28px; color:#ffffff; font-weight: bold; margin-top:9px; margin-left:10px;}

#add-word-form .input{margin-top:0;}
#add-word-form label{float:left; line-height:22px; margin-right:5px;}

.firstchar, .trans-last{padding:5px 10px 5px 10px;}
.firstchar span a, .trans-last span a{text-decoration: none; font-size: 1.1em;}
.firstchar .right{float:right;}
.firstchar .right a{background: url('http://zoznamstatic.sk/img/webslovnik/icon-plus.gif') left center no-repeat; padding-left:20px;}
.firstchar .left{float:left;}

.adds{width:700px; overflow-x:hidden; margin:20px auto 10px auto;}

.tags-cloud{width:200px; overflow-x:hidden; margin-bottom:15px;}
.tags-cloud-top{width:200px; height:3px; overflow: hidden; background: url('http://zoznamstatic.sk/img/webslovnik/tags-cloud-top.gif') left top no-repeat;}
.tags-cloud-content{padding:2px 5px 1px 5px; border-left:1px solid #ededed; border-right:1px solid #ededed; background: url('http://zoznamstatic.sk/img/webslovnik/tags-cloud-content.gif') left bottom no-repeat;}
.tags-cloud-bottom{width:200px; height:4px; overflow: hidden; background: url('http://zoznamstatic.sk/img/webslovnik/tags-cloud-bottom.gif') left top no-repeat;}

.pctranslator{text-align: center;}
.pctranslator a.cennik, .pctranslator a.objednat{display:inline-block; width:69px; height:18px; margin-top:10px;}
.pctranslator a.cennik{background: url('http://zoznamstatic.sk/img/webslovnik/button-cennik.gif') left top no-repeat; margin-right:5px;}
.pctranslator a.objednat{background: url('http://zoznamstatic.sk/img/webslovnik/button-objednat.gif') left top no-repeat; margin-left:5px;}
.pctranslator a span{display:none;}

.result-panel{height:32px; width:687px; _width:711px; /* overflow: hidden; */ padding:0 12px 0 12px; line-height: 32px; background: url('http://zoznamstatic.sk/img/webslovnik/result-panel.gif') left top no-repeat; margin-top:10px;}
.result-panel div.right{float:right;}
.result-panel div.right form fieldset{height:24px; padding:0; border:0;}
.result-panel div.right form fieldset select{vertical-align:text-bottom; margin-top:-7px; margin-left:3px;}
.result-panel div.right .sl{display: inline-block; float:left;}
.result-panel div.right form{display: inline-block; margin-top:4px; float:left; width:70px;}
.result-panel a.hide, .result-panel a.show{display:inline-block; float:left; margin-left:5px; padding-right:10px; background: url('http://zoznamstatic.sk/img/webslovnik/hide-arrow.gif') right 13px no-repeat;}
.result-panel a.show{background: url('http://zoznamstatic.sk/img/webslovnik/show-arrow.gif') right 13px no-repeat;}

.result-panel span.left{float:left; display:inline-block;}
.result-panel span strong{font-size:1.1em; font-weight: bold; color:#af1f23;}

.result-paging{font-size:0.9em; text-align: center; height:21px; margin-top:10px; margin-bottom:15px; clear:both;}
.result-paging span{display:inline-block;}
.result-paging a.left-arrow{background: url('http://zoznamstatic.sk/img/webslovnik/left-arrow.gif') left bottom no-repeat; margin-right:5px;}
.result-paging a.right-arrow{background: url('http://zoznamstatic.sk/img/webslovnik/right-arrow.gif') left bottom no-repeat; margin-left:5px;}
.result-paging a.left-arrow, .result-paging a.right-arrow{display: inline-block; width:17px; height:17px; margin-bottom:-4px;}
.result-paging a.left-arrow span, .result-paging a.right-arrow span{display:none;}

.result{font-size: 1.2em;}
.result table{float:left; margin-right:10px; color:#6d6d6d;}
.result table.right{margin-right:0;}
.result table tr td{padding:4px 10px 4px 21px;}
.result table tr.grey td{background: #f2f2f2; font-weight: bold; padding:4px 10px 4px 11px;}

.result table.vtable tr td{ padding:4px 10px 4px 11px;}
.result table.vtable tr.grey td{font-weight: normal;}
.result tr.copy td{color:#c2c2c2; font-size: 0.9em; text-align: center;}

#footer{clear:both; width:950px; text-align: center; color:#666666; font-size: 0.95em;}
#footer .footer-content{width:888px; _width:950px; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5; padding:15px 30px 0 30px; background: url('http://zoznamstatic.sk/img/webslovnik/footer-content.gif') left top repeat-x;}
#footer .footer-bottom{width:950px; height:6px; background: url('http://zoznamstatic.sk/img/webslovnik/footer-bottom.gif') left top no-repeat;}

.add-word-button{
   width:60px;
   height:24px;
   line-height:23px;
   border:0;
   background: url('http://zoznamstatic.sk/img/webslovnik/button-add-word.gif') left top no-repeat;
   color: #c33535;
   font-weight:bold;
   text-align:center;
   margin-left:5px;
}

.add-word{clear:both; margin:5px 0 5px 0;}

span.custom{display:inline; float:left;}
a.accept, a.deny{float:right; padding-left:18px;}
a.accept{background: url('http://zoznamstatic.sk/img/webslovnik/icon-ok.gif') left bottom no-repeat;}
a.deny{background: url('http://zoznamstatic.sk/img/webslovnik/icon-x.gif') left bottom no-repeat; margin-right:5px;}