@CHARSET "UTF-8";

html {
    background: #061219;
}

.glamour, .kiskegyed, .laku, .nana {
    display: none;
}

.jovicc {
    display: block !important;
}


.clear {
    clear: both;
}

#cim h1 {
    padding:15px;
    margin: 0;
}

.alcim h2 {
    color: #e51d9b;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px dashed #c79fcb;
    padding-bottom: 10px;
}

/*-------fülek--------*/
.steps {
    float: left;
    padding: 0 15px 20px;
    margin: 0;
    font: bold 14px #137eae;
    list-style-type: none;
    height: 36px;
    width: 618px;
    background: url(../images/bg_tab.gif) repeat-x;
    overflow: hidden;
}

.steps:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.steps .side {
    float: right;
    padding: 7px 15px 0 0;
    background: url(../images/bg_tab.gif) repeat-x;
    height: 28px;
    width: 183px;
    text-align: right;
    border-bottom: 1px solid #646b6f;
    font-size: 12px;
}

.steps li {
    display: inline;
    margin: 0;
}

.steps li {
    text-decoration: none;
    color: #137eae;
    font-weight: bold;
    background: url(../images/bg_tab_inactive.gif) no-repeat 100% 0;
    border-left: 1px solid #646b6f;
    position: relative;
    display: block;
    float: left;
    top: 1px;
    left: 15px; 
    
    margin:9px 0 0 -9px;
    padding:4px 31px 4px 16px;
}

.steps li a:hover {
    color: #000;
    text-decoration: underline;
    
}

.steps li.active {
    color: #000;
    z-index: 100 !important;
    background: url(../images/bg_tab_active.gif) no-repeat 100% 0;
    top: 2px;
    _top: 3px;
}

.steps li.active a:hover {
    text-decoration: underline;
}

.steps li.z1 a {
    z-index: 30;
}

.steps li.z2 a {
    z-index: 20;
}

.steps li.z3 a {
    z-index: 10;
}

.steps li.z1 {
    z-index: 40;
}

.steps li.z2 {
    z-index: 30;
}

.steps li.z3 {
    z-index: 20;
}

.steps li.z4 {
    z-index: 10;
}

/*-------fülek--------*/

.title {
    font-size: 14px;
    color: #061219;
    font-weight: normal;
    padding: 0 0 5px;
}

.glamour, .kiskegyed, .laku {
    display: none;
}

.jovicc {
    display: block !important;
}

#login-main {
    padding: 15px;
}

.alcim {
    padding: 15px;
}

.alcim img {
    position: relative;
    top: -5px;
}

.alcim h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-transform: none;
}

.input-block {
    border: 1px solid #FFFFFF;
    margin: 0;
    padding: 0;
}

.input-block .title_wrapper {
    float: left;
    width: 175px;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: right;
}
.input-block label.title {
    color:#000000;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    display: inline;
}

.input-block label.title.mandatory {
    background: url(../images/bg_mandatory.gif) no-repeat right top;
    padding-right: 7px;
    display:inline;
}

span.mandatory {
    background: url(../images/bg_mandatory.gif) no-repeat left top;
    padding-left: 7px;
    display:inline;
}

.input-block input {
    width: 143px;
    color: #1863a3;
    font-size: 11px;
    padding: 0;
    margin: 0;
    border: 1px solid #6c6c6c;
    padding: 2px 4px;
    background: #FFF url(../images/bg_input_jovicc.gif) no-repeat;
}

.input-block select,
.input-block textarea {
    /*margin-bottom: 15px;*/
}

.input-block textarea,
.input-block #user_profile_country {
    color: #1863a3;
    font-size: 11px;
    width: 174px;
    border: 1px solid #6c6c6c;
}

.input-block textarea {
    padding: 2px 4px;
}

.input-block #user_profile_country {
    width: 185px;
    padding: 2px 0;
}

.input-block select {
    border: 1px solid #6c6c6c;
    color: #1863a3;
    font-size: 12px;
}

.input-block .checklist {
    float: left;
}
.input-block .checklist input {
    float: none;
    width: auto;
    border: none;
    padding: 0;
}
.input-block .checklist .cline {
    margin-bottom:7px;  
}

.input-block .checklist .cline input {
    margin-right: 10px;
}

.input-block .checklist .cline label {
    font-size: 12px;
}

.input-block p {
    /*float: left;*/
    margin:5px 40px 0 0;
    padding: 0;
    font-size: 12px;
    color: #585858;
}

.submit-block {
    padding-left: 140px;
}

.submit-block.back {
    margin: 40px 5px;
    padding-left: 116px;
}

.submit-block input,
.submit-block .back {
    border: none;
    cursor: pointer;
    float: left;
    margin: 0 5px;
}

.submit-block input.disabled,
.submit-block input.disabled:hover,
.submit-block .back.disabled,
.submit-block .back.disabled:hover {
    background-position: 0 -50px;
    cursor: default;
}
.submit-block input:hover,
.submit-block .back:hover {
    background-position: 0 -25px;
}
.submit-block .submit {
    background: url(../images/bg_btn_tovabb_jovicc.gif) no-repeat;
    width: 75px;
    height: 25px;
    position: relative;
    left: 180px;
}
.submit-block .save {
    background: url(../images/bg_btn_mentes_jovicc.gif) no-repeat;
    width: 86px;
    height: 25px;
    position: relative;
    left: 185px;
}
.submit-block .reg {
    background: url(../images/bg_btn_reg_jovicc.gif) no-repeat;
    width: 195px;
    height: 25px;
    position: relative;
    left: 165px;
}

.submit-block .reset {
    background: url(../images/bg_btn_torles_jovicc.gif) no-repeat;
    width: 75px;
    height: 25px;
}

.submit-block .back {
    display: block;
    width: 75px;
    height: 25px;
    background: url(../images/bg_btn_vissza_jovicc.gif) no-repeat;
    text-decoration: none;
    position: relative;
    left: 70px;
}
.submit-block .login {
    background: url(../images/bg_btn_login_jovicc.gif) no-repeat;
    width: 71px;
    height: 35px;
    text-decoration: none;
}

.submit-block .login:hover {
    background-position: 0 -35px;
}

.input-block .error_and_input {
    float: left;
    width: 430px;
    margin: 0 0 15px;
    padding: 0;
}

.input-block ul.error_list  {
    background:#f7f7f7 no-repeat;
    color:#ec7907;
    font-size:11px;
    font-weight:bold;
    margin-bottom:2px;
    padding:2px 4px;
}

.page2 .submit-block {
    padding-left: 115px;
}

.page2 .alcim {
    padding: 15px;
    width: 550px;
}

.page2 .input-block {
    padding: 0 15px;
}

.page2 .input-block .error_and_input {
    width: 200px;
}

.page2 .input-block .title_wrapper {
    width: 300px;
}

.newsletters {
    padding-bottom: 10px;
}

.newsletters .checklist {
    padding-left: 25px;
}

.newsletters .checklist .cline label {
    font-weight: bold;
}

.newsletters .checklist .cline .desc {
    color: #585858;
    padding: 15px 20px 0;
}

.newsletters .submit-block {
    padding-left: 115px;
}

.newsletters h3 {
    padding: 0 15px;
}

.newsletters ul {
    padding: 0 15px;
}

.page3 .alcim p {
    padding: 15px;
}

.page3 .alcim p a {
    text-decoration: underline;
}

.page3 .input-block {
    padding: 0 50px;
}


.page3 .input-block .error_and_input {
    width: 330px;
}

.page3 .title_wrapper {
    float: none;
    width: 500px;
    text-align: left;
}
.page3 .input-block .checklist label {
    font-weight: bold;
}

.page3 .input-block.captcha {
    padding-top: 10px;
}

.page3 .submit-block {
    padding-left: 70px;
}

.page3 .submit-block .reset {
    background: url(../images/bg_btn_torles_jovicc.gif) no-repeat;
    width: 75px;
    height: 25px;
    position: relative;
    left: -130px;
}

.page3 .submit-block .reset:hover {
    background-position: 0 -25px;
}

.page3 img.captcha {
    float: left;
    margin: 10px 0px;
}

.page3 span.captcha_input {
    float: left;
    padding: 10px 5px 0px 5px;
}

.page3 .error_and_input.captcha {
    padding-top: 5px;
    width: 500px;
    float: none;
}

.page3 span.captcha_input input {
    height: 24px;
    background-color: transparent;
    background-image: none;
}

#login-main .submit-block {
	padding: 25px 0px 0px 182px;
}
.page5 .steps {
    display: none;
}
.page5 #alcim {
    border:4px solid #ACA4B1;
    margin:0 180px;
    padding:0 10px;
    text-align: center;
}
.page5 #alcim h2 {
    font-size: 15px;
    font-weight: bold;
    color: #137EAE;
    margin: 15px 5px 0;
}
.page5 .alcim h3 {
    font-size: 13px;
    font-weight: bold;
    color: #473551;
    margin: 15px 5px 0;
}
.page5 .alcim p {
    margin: 5px 5px 0;
    font-size: 12px;
    color: #473551;
}
.page5 .alcim div {
    background: #716477;
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px;
    margin-top: 10px;
}
.page5 .alcim div ul {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}
.page5 .alcim div ul li {
    list-style-position: inside;
    list-style-type: disc;
    padding-left: 5px;
    margin-top: 3px;
}
.page5 .alcim a {
    font-size: 12px;
    font-weight: bold;
    color: #9d3258;
    text-decoration: none;
    margin: 20px 5px 0;

}
.page5 .alcim a:hover {
    text-decoration: underline;
}