/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {display: none;position: fixed;top: 10%;left: 50%;margin-left: -219px;width: 436px;background-color: #EEE;color: #333;}

.jqmGallery {display: none;position: fixed;top: 5%;left: 50%;margin-left: -410px;width: 820px;}
.jqmGallery table.showpic {border: 0; border-collapse: collapse;}
.jqmGallery table.showpic td {background-color: #fff; color: #646464; padding: 5px;}
.jqmGallery table.showpic td.pic {text-align: center;}
.jqmGallery table.showpic td.details {color: #646464; background-color: #fff;  font-size: 8pt; font-weight: bold; text-align: left; vertical-align: middle;}
.jqmGallery table.showpic td.close {width: 38px; text-align: right;}
.jqmGallery table.showpic td.close img {border: 0;}


.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
* html .jqmGallery {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}

/** CSABA **/
body.modal {width: 620px; height: 100%; color: #fff; font-family: Arial, Helvetica, sans-serif; background: #002f6f; text-align: center;}

div.modal {width: 100%; height: 100%; color: #fff; font-family: Arial, Helvetica, sans-serif; background: #002f6f url(/images/bg_modal.jpg) no-repeat 0 0 ; text-align: center;}
div.modal div.be_phenomenal { padding: 14px 0 0 0; margin-bottom: -10px; position: relative; width: 437px; height: 81px; background: url(/images/bg_be_phenomenal.png) 0 bottom no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal div.modal_content_share {height: 344px; background: url(/images/bg_share_content.png) 0 bottom no-repeat ;}
div.modal div.error{ position: absolute; top:80px; left: 0; width: 100%; text-align: center; font-size: 9pt;}
div.modal div.modal_error{ position: absolute; top:140px; left: 30px; width: 370px; text-align: center; font-weight: bold; font-size: 11pt;}

div.modal_promo {position: relative; width: 437px; height: 344px; color: #fff; font-family: Arial, Helvetica, sans-serif;text-align: center;}
div.promo_hu {background: url(/images/bg_modal_promo_hu.jpg) no-repeat 0 0 ;}
div.promo_cz {background: url(/images/bg_modal_promo_cz.jpg) no-repeat 0 0 ;}
div.promo_cr {background: url(/images/bg_modal_promo_cr.jpg) no-repeat 0 0 ;}
div.modal_promo div.finish {position: absolute; left: 240px; top: 300px; }
div.modal_promo div.finish .button {position: relative; left: 85px; width: 90px; height: 36px;}
div.modal_promo div.finish .button a {margin: 0; width: 100%; height: 100%; display: block; background:none; overflow: hidden; text-indent: -3000px;}

div.modal_reg_finish {position: relative; width: 437px; height: 344px; color: #fff; font-family: Arial, Helvetica, sans-serif;text-align: center;}
div.reg_finish_hu {background: url(/images/bg_modal_reg_finish_hu.jpg) no-repeat 0 0 ;}
div.reg_finish_cz {background: url(/images/bg_modal_reg_finish_cz.jpg) no-repeat 0 0 ;}
div.reg_finish_cr {background: url(/images/bg_modal_reg_finish_cr.jpg) no-repeat 0 0 ;}
div.modal_reg_finish div.finish {position: absolute; left: 240px; top: 300px; }
div.modal_reg_finish div.finish .button {position: relative; left: 85px; width: 90px; height: 36px;}
div.modal_reg_finish div.finish .button a {margin: 0; width: 100%; height: 100%; display: block; background:none; overflow: hidden; text-indent: -3000px;}

/* REG FORM */
form.shareform {position: absolute; top:100px; left: 0; font-weight: bold;}
form.shareform div.row {position: relative; margin-bottom: 10px; width: 100%;  float: left; clear: left;}
form.shareform div.row label {margin-right: 25px; float:left;}
form.shareform div.row label span {position: relative; width:155px; text-align: right; display: inline-block; margin-right: 10px; float: left; font-size: 9pt;}
form.shareform div.row label input.textfield {background: url(/images/bg_textfield.jpg) 0 0 no-repeat; width:243px; height:18px;}
form.shareform div.row label textarea {background: url(/images/bg_textarea.png) 0 0 no-repeat; width:243px; height:66px;}
form.shareform div.row label input.radio {margin-right: 10px;}
form.shareform div#razor span.shawer {position: absolute; top: 15px; left: 0px;}
form.shareform fieldset.action {margin-top: 8px;}
form.shareform div.row label input.submit {background: url(/images/btn_submit.png) 0 0 no-repeat; cursor: pointer; border:none; width:112px; padding-left:112px; height:37px; overflow: hidden; text-indent: -3000px;}
form.shareform .hu div.row label input.submit {background: url(/images/btn_send_hu.png) 0 0 no-repeat;}
form.shareform .cz div.row label input.submit {background: url(/images/btn_submit_cz.png) 0 0 no-repeat; width: 135px; padding-left:132px;}
form.shareform .cr div.row label input.submit {background: url(/images/btn_send_cr.png) 0 0 no-repeat; width: 135px; padding-left:132px;}

/* LOGIN + REG */

div.modal_login_reg {position: relative; width: 621px; background: url(/images/bg_modal_621.jpg) 0 0 repeat-y; padding-bottom: 50px; color: white;}
div.modal_login_reg div.be_phenomenal_hu { position: relative; width: 100%; height: 140px; background: url(/images/bg_be_phenom_reg_hu.jpg) 0 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.be_phenomenal_cz { position: relative; width: 100%; height: 140px; background: url(/images/bg_be_phenom_reg_cz.jpg) 0 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.be_phenomenal_cr { position: relative; width: 100%; height: 140px; background: url(/images/bg_be_phenom_reg_cr.jpg) 0 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.ha_meg_nem_hu { position: relative; width: 100%; height: 35px; background: url(/images/bg_ha_meg_nem_hu.jpg) center 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.ha_meg_nem_cz { position: relative; width: 100%; height: 35px; background: url(/images/bg_ha_meg_nem_cz.jpg) center 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.ha_meg_nem_cr { position: relative; width: 100%; height: 35px; background: url(/images/bg_ha_meg_nem_cr.jpg) center 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.modal_bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 117px; background: url(/images/bg_modal_621_bottom.png) 0 0 no-repeat; overflow: hidden; text-indent: -3000px;}
div.modal_login_reg div.error{ position: relative; width: 582px; margin: 0 20px 0 20px; text-align: center; font-weight: bold; font-size: 11pt; z-index: 50;}

form.logregform {font-weight: bold; font-size: 9pt;}
form.logregform div.row {position: relative; margin-bottom: 10px; width: 100%;  float: left; clear: left;}
form.logregform div.row label {margin-right: 25px; float:left;}
form.logregform div.row label span {position: relative; width:295px; text-align: right; display: inline-block; margin-right: 10px; float: left;}
form.logregform div.row label input.textfield {background: url(/images/bg_textfield.jpg) 0 0 no-repeat; width:243px; height:18px;}
form.logregform div.row label textarea {background: url(/images/bg_textarea.png) 0 0 no-repeat; width:243px; height:66px;}
form.logregform div.row label input.radio {margin-right: 10px;}
form.logregform div#razor span.shawer {position: absolute; top: 15px; left: 0px;}
form.logregform fieldset.action {margin-top: 8px;}
form.logregform div.row label input.submit {background: url(/images/btn_submit.png) 0 0 no-repeat; cursor: pointer; border:none; width:112px; padding-left:112px; height:37px; overflow: hidden; text-indent: -3000px;}
form.logregform .hu div.row label input.submit {background: url(/images/btn_submit_hu.png) 0 0 no-repeat;}
form.logregform .cz div.row label input.submit {background: url(/images/btn_submit_cz.png) 0 0 no-repeat; width: 135px; padding-left:132px;}
form.logregform .cr div.row label input.submit {background: url(/images/btn_submit_cr.png) 0 0 no-repeat; width: 135px; padding-left:132px;}


/* Close */
.modal_close{ position: absolute; bottom: 15px; right: 30px; width: 25px; height: 25px; background: url(/images/bg_modal_close.png) 0 0 no-repeat; z-index: 100;}
.modal_close a{display: block; width: 25px; height: 25px; owerflow: hidden; text-indent:-3000px;}
.jqmWindowReg .modal_close {bottom: 65px; right: 70px;}

.tnxMsg {width: auto; margin: 0px 45px 0 165px; text-align: left;}

.pinkdwindow {border: 5px solid #7494D4; padding: 15px 20px 10px 20px;}
.pinkdwindow h1, .pinkdwindow h2 {color: #0D5881; margin: 0 0 10px 0;}
.pinkdwindow ul {margin: 0 0 10px 15px;}
.pinkdwindow .button {text-decoration: none; display: inline-block; text-align: center; color: #fff; background: url(/images/admin/admin_btn.jpg); width: 130px; height: 20px; font-weight: bold; font-size: 8pt; border: none; padding-top: 5px; margin-top: 10px; margin-bottom: 10px;}