@import 'ui.datepicker.css';

#beleptetes { height: 210px; padding-bottom: 10px; }
FORM.javaslat { display: block; width: 500px; margin: 10px auto; padding: 0px; }
FORM.javaslat LABEL { display: block; width: 500px; text-align: justify; margin-top: 5px; }
FORM.javaslat INPUT, FORM.javaslat TEXTAREA { display: block; width: 450px; margin: 0px auto; border: solid 1px #000; }
FORM.javaslat BUTTON { display: block; width: 100px; margin: 0px auto; }

UL#tab { display: block; padding: 0px; list-style-type: none; padding: 0px; width: 500px; margin: 0px auto; }
UL#tab LI { display: block; float: left; width: 150px; }
UL#tab LI A { display: block; text-align: center; height: 30px; padding: 0px 10px; line-height: 30px; background: url('../images/online/tab.gif'); color: #000; text-decoration: none; }
UL#tab LI A:hover { background-image: url( '../images/online/tab_hover.gif' ) }
UL#tab LI A.active, UL#tab LI A.active:hover { background-image: url( '../images/online/tab_active.gif' ); }
#currentTab { clear: both; height: 130px; padding: 10px; }
.hidden { display: none; }

FORM.regisztracio { border: none; background: none; }

UL#otletMenu { display: block; width: 720px; margin: 0px auto -1px auto; padding: 0px; list-style-type: none; height: 32px; overflow: hidden; }
UL#otletMenu LI { display: block; margin: 0px 5px; padding: 0px; line-height: 30px; float: left; border: solid 1px #F0A7D2; }
UL#otletMenu LI A { display: block; height: 30px; padding: 0px 10px; color: #000; text-decoration: none; background: #F8ECF0; }
UL#otletMenu LI A:hover, UL#otletMenu LI.active A { background: #FFF; }
UL#otletMenu LI.active { border-bottom: solid 1px #FFF; }

FORM.otletKereso { display: block; width: 755px; margin: 0px auto; padding: 0px; overflow: hidden; }
FORM.otletKereso FIELDSET.form { width: 720px; padding: 5px 0px 15px 15px; margin: 0px auto 20px auto; border: solid 1px #F0A7D2; text-align: left; }
FORM.otletKereso FIELDSET.form LABEL.block { display: block; float: left; width: 180px; height: 50px; font-weight: bold; text-align: left; }
FORM.otletKereso FIELDSET.form LABEL.block SELECT { display: block; width: 160px; border: solid 1px #000; }
FORM.otletKereso FIELDSET.form LABEL.check { display: block; float: left; margin-rigth: 10px; height: 34px; padding-top: 16px; }
FORM.otletKereso FIELDSET.form DIV.text { clear: left; display: block; width: 450px; }
FORM.otletKereso FIELDSET.form DIV.text INPUT { display: inline-block; width: 150px; border: solid 1px #000; margin: 0px 5px; }
FORM.otletKereso FIELDSET.form DIV.text SMALL { display: block; font-size: 9px; text-align: right; margin-top: 5px;}
FORM.otletKereso FIELDSET.form BUTTON { display: block; float: right; margin: 0px 20px 0px 0px; padding: 0px; border: none; background: none; }
FORM.otletKereso FIELDSET.form BUTTON.kereses { color: #FFF; background: url( '../images/site/otlet/kereses.gif' ) no-repeat top left; padding: 0px 35px 0px 5px; width: 153px; height: 43px; line-height: 19px; font-size: 13px; font-weight: bold; margin-top: 28px; }
FORM.otletKereso FIELDSET.form BUTTON.kereses SPAN { display: block; font-weight: normal; font-size: 12px; }
FORM.otletKereso FIELDSET.form BUTTON.torles { width: 60px; height: 31px; color: #8C8C8C; background: url( '../images/site/otlet/torles.gif' ) no-repeat top left; line-height: 30px; font-weight: bold; font-size: 12px; padding-bottom: 5px; margin-top: 34px; }

FORM.otletKereso FIELDSET.talalat { width: 720px; padding: 5px 0px 15px 15px; margin: 0px auto; border: solid 1px #F0A7D2; background: #FFEEF4; clear: both; }
FORM.otletKereso FIELDSET.talalat P { margin: 0px 10px 0px 35px; padding: 0px; font-size: 13px; font-weight: bold; float: left; line-height: 25px; }
FORM.otletKereso FIELDSET.talalat LABEL { margin-right: 20px; line-height: 25px; }

.keplista { display: block; clear: both; width: 714px; height: 82px; overflow: hidden; margin: 0px auto; }
.keplista A.navigation { float: left; display: block; width: 27px; height: 32px; padding: 14px 0px; text-decoration: none; }
.keplista UL { display: block; width: 660px; height: 82px; float: left; list-style-type: none; margin: 0px; padding: 0px; }
.keplista UL LI { display: block; float: left; width: 44px; height: 80px; overflow: hidden; margin: 0px; padding: 0px; text-align: center; }
.keplista UL LI A.image { display: block; width: 40px; height: 60px; line-height: 60px; border: solid 2px #FFEEF4; }
.keplista UL LI A.image:hover, .keplista UL LI.active A.image { border-color: #74080B; }
.keplista UL LI DIV.rating { display: block; width: 40px; height: 8px; overflow: hidden; text-align: left; margin: 4px auto; background: #999; }
.keplista UL LI DIV.rating IMG { display: block; margin: 4px auto; position: relative; top: -12px; }
.keplista UL LI DIV.rating .rated { display: block; background: #F22; height: 8px; }

P.lapozas { margin: 5px auto; display: block; text-align:center; padding: 0px; }
P.lapozas A { display: inline-block; border: solid 1px #FFF; padding: 2px; font-size: 13px; text-decoration: none; margin: 0px 2px; text-align: center; width: 2em; color: #6C1951; }
P.lapozas A:hover, P.lapozas A.active { display: inline-block; border: solid 1px #7A054B; background: #F8ECF0; font-weight: bold; }

#transparency { display: block; width: 750px; background: #000; position: absolute; z-index: 5000; }
.otlet { display: block; width: 750px; border: solid 2px #E46AB7; margin: 20px auto; text-align: center; font-family: Verdana; }
.otlet .top { width: 750px; overflow: hidden; border-bottom: solid 1px #F2A4D4; }
.otlet .top .imageBlock { display: block; width: 505px; height: 520px; float: left; }
.otlet .top .imageBlock P.image { display: block; width: 505px; height: 460px; overflow: hidden; margin: 0px; padding: 0px; background: #FFF; }
.otlet .top .imageBlock .rating { display: block; width: 434px; margin: 0px auto; height: 60px; line-height: 20px; }
.otlet .top .imageBlock .rating A.navigation { float: left; width: 27px; height: 32px; margin: 14px 0px; }
.otlet .top .imageBlock .rating .rate { display: block; float: left; width: 350px; margin: 0px; padding: 0px 15px; text-align: center; }
.otlet .top .imageBlock .rating .rate .stars { float: left; width: 220px; height: 40px; overflow: hidden; background: #CCC; text-align: left; }
.otlet .top .imageBlock .rating .rate .stars DIV { display: block; height: 40px; background: #F22; }
.otlet .top .imageBlock .rating .rate .stars IMG { display: block; position: relative; top: -40px; }
.otlet .top .imageBlock .rating .rate P { display: block; margin: 0px; padding: 0px; width: 130px; float: left; line-height: 18px; }

.otlet .top .data { display: block; width: 230px; min-height: 510px; padding: 7px; background: #FFEEF4; border-left: solid 1px #F2A4D4; float: left; }
.otlet .top .data H2 { color: #6C1951; font-size: 16px; font-weight: bolder; margin: 0px; padding: 0px; text-align: left; font-family: Verdana; }
.otlet .top .data FIELDSET { margin: 0px 0px 5px 0px; padding: 0px; border: none; border-bottom: solid 1px #FB8ECD; color: #6C1951; }
.otlet .top .data FIELDSET P.ertekeles { float: right; margin: 0px; padding: 0px; text-align: center; font-size: 11px; width: 100px; }
.otlet .top .data FIELDSET P.ertekeles .rate { display: block; width: 40px; height: 8px; overflow: hidden; background: #CCC; margin: 4px auto; text-align: left; }
.otlet .top .data FIELDSET P.ertekeles .rate .stars { display: block; height: 40px; background: #F22; }
.otlet .top .data FIELDSET P.ertekeles .rate IMG { display: block; position: relative; top: -40px; }
.otlet .top .data P.info { display: block; text-align: left; margin: 5px 7px; font-size: 12px; }
.otlet .top .data P.info B { color: #6C1951; text-decoration: none; font-weight: bolder; display: block; margin-top: 10px; }
.otlet .top .data P.info U { color: #00F; text-decoration: underline; }
.otlet .top .data P.info U.tel { color: #6C1951; }
.otlet .top .data P.info EM { display: block; border: solid 1px #FFCAE9; font-style: normal; padding: 2px; background: #FFF; }
.otlet .top .data FIELDSET.more P.info B { float: left; clear: left; width: 105px; margin: 5px 3px 0px 0px; }
.otlet .top .data FIELDSET.more P.info EM { float: left; width: 100px; margin-top: 3px; }
.otlet .top .data FIELDSET.more P.info U { display: block; margin: 5px 0px; clear: left; }

.otlet .megosztas { float: right; width: 320px; padding: 5px; color: #97185D; font-weight: bold; font-size: 14px; margin: 5px; }
.otlet .megosztas .share { width: 295px; float: right; }
.otlet P.linkek { margin: 10px 20px; padding: 0px; text-align:left; line-height: 20px; }

.otlet P.listTitle { text-align: left; font-size: 12px; padding: 0px; margin: 0px 0px 3px 60px; color: #6C1951; }

FORM.otletFeltolto { display: block; width: 720px; padding: 5px 0px 15px 15px; margin: 0px auto 20px auto; border: solid 1px #F0A7D2; }
FORM.otletFeltolto A.help { display: block; width: 25px; height: 20px; padding-top: 5px; color: #000; text-decoration: none; font-weight: bold; margin: 0px; float: left; overflow: hidden; text-align: center; }
FORM.otletFeltolto FIELDSET.normal { display: block; margin: 0px 0px 20px 0px; padding: 0px; border: none; line-height: 30px; }
FORM.otletFeltolto FIELDSET.normal LABEL.block { display: block; width: 360px; font-weight: bold; margin-bottom: 10px; }
FORM.otletFeltolto FIELDSET.normal A.kep { float: right; display: block; margin-right: 70px; line-height: 60px; color: #000; font-weight: bold; text-decoration: none; }
FORM.otletFeltolto FIELDSET.normal A.kep IMG { margin-right: 5px; }
FORM.otletFeltolto FIELDSET.normal .radio { display: block; width: 500px; font-weight: bold; }
FORM.otletFeltolto FIELDSET.normal .radio LABEL { display: inline-block; margin-left: 30px; font-weight: normal; }
FORM.otletFeltolto FIELDSET.normal LABEL.check { display: block; width: 500px; float: left; clear: both; }
FORM.otletFeltolto FIELDSET.multi { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 20px; border: none; width: 700px; }
FORM.otletFeltolto FIELDSET.multi LEGEND { width: 680px; display: block; padding-left: 25px; margin: 0px 0px 10px -20px; min-height: 20px; }
FORM.otletFeltolto FIELDSET.multi LEGEND B { font-weight: bold; font-size: 14px; }
FORM.otletFeltolto FIELDSET.multi LEGEND A.help { padding-top: 0px; height: 25px; margin-left: -25px; }
FORM.otletFeltolto FIELDSET.multi LABEL.check { display: block; float: left; width: 160px; margin: 0px; border: solid 1px #FFF; background: #FFF; }
FORM.otletFeltolto FIELDSET.multi LABEL.small { width: 65px; }
FORM.otletFeltolto FIELDSET.multi LABEL.middle { width: 220px; }
FORM.otletFeltolto FIELDSET.multi LABEL.bold { font-weight: bold; border: solid 1px #AAA; background: #F8ECF0; }
FORM.otletFeltolto FIELDSET.multi LABEL.radio { display: block; float: left; clear: left; width: 500px; line-height: 30px; }
FORM.otletFeltolto LABEL.text { display: block; float: left; width: 700px; height: 100px; font-weight: bold; text-align: left; }
FORM.otletFeltolto LABEL.text TEXTAREA { width: 700px; height: 70px; }
FORM.otletFeltolto DIV.help { clear: both; border: none; margin: 0px 10px 0px 0px; display: none; background: #FFF; border: solid 1px #000; padding: 10px; width: 350px; }

#otletLista { display: block; width: 720px; padding: 15px 0px 15px 15px; margin: 0px auto 20px auto; border: solid 1px #F0A7D2; }
#otletLista TABLE { margin: 0px auto; }
#otletLista TABLE TR TH { background: #F8ECF0; }
#otletLista TABLE TR TH A { color: #000; font-weight: bold; text-decoration: none; }
#otletLista TABLE TR TD { border-top: solid 1px #F0A7D2; }
#otletLista TABLE DIV.rating { display: block; width: 40px; height: 8px; overflow: hidden; text-align: left; margin: 4px auto; background: #999; }
#otletLista TABLE DIV.rating IMG { display: block; margin: 4px auto; position: relative; top: -12px; }
#otletLista TABLE DIV.rating .rated { display: block; background: #F22; height: 8px; }

P.help { display: block; width: 650px; }
P.help IMG { float: left; margin: 0px 5px 5px 0px; }

#shadow { background: #AAA url('../images/site/otlet/loading.gif') no-repeat center 100px; position:absolute; left:0; top:0; z-index:100; display:none; color: #FFF; }

FORM.profil { display: block; width: 720px; padding: 15px 0px 15px 15px; margin: 0px auto 20px auto; border: solid 1px #F0A7D2; text-align: center; }
FORM.profil FIELDSET { background: #FFE0ED; margin: 0px 15px 10px 0px; text-align: left; border: solid 1px #000; overflow: hidden; padding: 3px; }
FORM.profil FIELDSET LEGEND { font-weight: bold; border: solid 1px #000; background: #FFF; margin: 0px 0px 0px 10px; padding: 2px; }
FORM.profil LABEL.label { display: block; width: 155px; float: left; line-height: 20px; height: 20px; margin: 2px; clear: left; text-align: right; }
FORM.profil INPUT.input, FORM.profil SELECT.input, FORM.profil TEXTAREA.input { display: block; width: 300px; float: left; line-height: 18px; height: 18px; margin: 2px 0px; border: solid 1px #000; float: left; }
FORM.profil INPUT.error, FORM.profil SELECT.error { color: #000; font-weight: normal; text-align: left; }
FORM.profil LABEL.error { float: left; width: 155px; height: 20px; line-height: 20px; overflow: hidden; margin: 2px 0px; }
FORM.profil SELECT.input { height: 20px; }
FORM.profil TEXTAREA.input { height: 5em; }

.tooltipText { position: absolute; top: 0; left: 0; z-index: 1000; display: none; background: #FDE8F1; padding: 3px; border: solid 2px #ECA6CA; width: 200px; color: #000; }