/* General */
*                                   { margin: 0; padding: 0; -moz-outline-style: none; outline-style:none; outline-width:medium; }
html, body, #wfContainer, #wfContainerBody                          { min-height: 100%; }
html                                { overflow: auto; }    
body                                { font-size: 16px; color: #fff; background-color: #e6e3dc; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 18px;  }
img                                 { border: 0; }
a                                   { color: #666; }
h1, h2, h3                          { line-height: 100%; }
p, h1, h2, h3, ul, td               { margin: 0; padding: 0;}
ul                                  { list-style-type: none; margin: 0; padding: 0; }
INPUT, TEXTAREA, SELECT, BUTTON {
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: visible;
}

/*login page*/

input, select {
    display: inline-block;
    height: 20px;
    padding: 0px 6px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 100%;
    background: #fff;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.center {
    text-align: center;
}
#steps .ui-state-default, #steps .ui-widget-content .ui-state-default, #steps .ui-widget-header #steps .ui-state-default, #steps select, #steps select option {
    background: #fff;
    color: #999;
    font-weight: 700;
    border: 1px solid #cccccc;
}
#steps {
    max-width: 100%;
    overflow: hidden;
}
#steps #row_4 {
    display: none;
}
#steps #row_0, #steps #row_1, #content {
    max-width: 415px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}
#content {
    max-width: 1200px;
}
#steps #row_0 {
    max-width: 330px;
    
}
#steps #title {
    font-size: 0px;
    line-height: 0px;
    text-indent: 4000px;
    background: transparent url('visual/logo.png') center center no-repeat;
    width: 100%;
    height: 108px;
    margin: 0px 0px;
    margin-bottom: 25px;
    cursor: pointer;
}
#steps #row_1, #steps #row_2 {
    display: none;
}
#steps #row_4, #steps #row_5 {
    background: #0c0108 url('visual/h_footer_bg.png') 0 0 repeat-x; ;
    padding: 25px 0px;
    margin-top: 80px;
    text-align: center;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 6;
}
#steps #row_3 {
    position: relative;
    z-index: 10;
}
#steps #row_4, #steps #row_5 {
    z-index: 11;
}
#steps #row_0, #steps #row_1 {
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 30px!important;
    padding-top: 66px!important;
    margin-bottom: 20px;
    background-color: #fff;
} 
#steps #row_1 { 
   padding-top: 96px!important;
}
#steps #row_4 > * {
    display: inline-block;
}
#steps #loginTitle, #steps #activateTitle {
    font-size: 24px;
    font-weight: 400;
    line-height: 61px;
    margin-bottom: 15px;
    background: #bf311a;
    text-transform: uppercase;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 0px;
}
#steps #loginText {
    margin-bottom: 30px;
    
}
#steps #emailLogin label, #steps #parolaLogin label, #steps #row_1 label {
    margin-bottom: 5px;
    text-align: left;
    display: inline-block;
    float: left;
    width: 30%;
    line-height: 45px;
    color: #000;
}
#steps #registerS {
    width: 100%!important;
}
#steps #row_1 #checkbox {
    text-align: left;
    margin-top: 5px;
    color: #000;
}
#steps #row_1 #checkbox a {
    color: #bf311a;
}
#steps #row_1 #checkbox label {
    display: inline-block;
    font-size: 14px;
    width: auto;
    line-height: 13px;
    margin-left: 7px;
}
#steps #emailLogin input, #steps #parolaLogin input, #steps #row_1 input[type="text"] , #steps #row_1 input[type="password"], #steps #row_1 #birthdate input, #steps #row_1 select,#data_nastere input {
    width: 70%;
    height: 45px;
    background: #e4e4e4 !important;
}
#steps #recoverPass {
    background: none;
    border: none;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    color: #bf311a;
    float: left;
    text-decoration: underline!important;
}
#steps #rememberMe {
    float: left;
    line-height: 16px;
    display: none;
}
#steps #rememberMe input,
#steps #checkbox input {
    margin: 0px;
    float: left;
}
#steps #rememberMe label {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
    margin-left: 5px;
}
.ui-helper-hidden-accessible {
    position: relative!important;
    margin: 0px;
}
#clearl, .clear {
    clear: both;
    margin: 0px;
}
#steps #activateAccount,
#steps #inapoiLogin,
#steps #contNou,
#steps #submitLogin {
    margin-top: 15px;
    width: 100%;
    background: #f1c40f url('visual/button_bg.png') 0 0 repeat-x; 
    border: none; 
    line-height: 60px;
    font-size: 18px;
    color: #e4e4e4; 
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center!important;
    font-weight: 700;
    cursor: pointer;
}
#steps #inapoiLogin,
#steps #contNou {
    width: 150px;
    line-height: 50px;
    margin: 0px;
    background: #d73c23;
    color: #fff;
}
#steps #activateAccount {
    max-width: 310px;
    background: #bf311a url('visual/button_bg.png') 0 0 repeat-x;
    width: 100%!important;
    float: none!important;
}
#steps #activateAccount.disabled {
    background: #666;
    cursor: default;
}
#steps #activateAccount,
#steps #contNou {
    color: #fff!important;
    
}
#steps #contNouText,
#steps #inapoiLoginText {
    margin-right: 25px;
}
/*#steps #nume, #steps #prenume{
    width: 48%;
    float: left;
}
#steps #prenume {
    margin-left: 4%;
}*/
#steps #card {
    display: none;
}
#steps #wfContainerBody {
    overflow: hidden;
}
#steps span.ui-checkbox  {
    display: none;
}
#steps #ckrememberMe, #steps #ckcheckbox {
    padding: 0px;
    height: auto;
    vertical-align: middle;
    
}

/*content*/
#body, #wrapper {
    display: block;
}
#card span {
    float: none;
    font-weight: 700;
    color: #666;
    margin-right: 5px;
    text-transform: uppercase;
    display: block;
}
#content {
    background: #fff;
    color: #666;
    height: 100%;
    display: none;
    line-height: 22px;
}
#content #logo {
    background: transparent url('visual/logo_s.png') center center no-repeat;
    width: 100%;
    height: 58px;
    margin: 70px 0px;
    display: block;
}
#content #userBox {
    width: 185px;
    height: 100%;
    position: fixed;
    top:0px;
    /*left:0px;*/
    background: #0e0e0e;
    border-right: 10px solid #eeeeee;
    z-index: 12;
}
#content #tabsHoney {
    max-width: 1011px;
}
#content #tabsHoney {
    margin-left: 195px;
}
#content #tabsHoney div.tab {
    
    z-index: 10;
    position: relative;
}
#content #th_background {
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 1011px;
    top: 0px;
    z-index: 1;
    background-color: #e6e3dc;
}
#content .top_i {
    background-color: #e6e3dc;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
    z-index: 10;
    position: relative;
}
#content #p_title {
    float: left;
    width: auto;
    display: block;
    margin-left: 50px;
    font-size: 62px;
    line-height: 62px;
    color: #bf311a;
    font-weight: 400;
    margin-top: 20px;
}
#content .right_s {
    float: right;
    margin-right: 50px;
    margin-top: 20px;
    cursor: pointer;
}
#tabsHoney .tab {
    display: none;
}
#tabsHoney #tabs-1 {
    display: block;
}
#mobile_menu {
    position: relative;
    float: right;
    top: 15px;
    right: 20px;
    z-index: 15;
    width: 59px;
    height: 59px;
    line-height: 59px;
    color: #fff;
    cursor: pointer;
    display: none;
    text-align: center;
    background: #bf311a url('visual/mobile_menu.png') center center no-repeat;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#menu > div {
    cursor: pointer;
}
#loading {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url('visual/loading.gif') no-repeat center center ;
    z-index: 100;
}
#content .tab {
    padding: 30px 50px;
}
.backToTop {
    cursor: pointer;
    margin-top: 40px;
    background: #bf311a url('visual/go_top.png') no-repeat center center ;
    height: 59px;
    width: 59px;
    float: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.iphone .backToTop {
    display: none!important;
}
.backToTop.btt_terms,
.backToTop.btt_points,
.backToTop.btt_news,
.backToTop.btt_voucher {
    display: none;
}
.menu_el_s {
    line-height: 51px;
    display: block;
    padding-left: 55px;
    text-align: left;
    color: #fff;
    cursor: pointer;
    position: relative;
}
.menu_el_s span {
    display: block;
    position: absolute;
    top: 13px;
    left: 12px;
    height: 25px;
    width: 25px;
    background: url('visual/menu_icons.png') 3px 4px no-repeat;
}
.menu_el_s#terms_m span {
    background-position: 3px -21px;
}
.menu_el_s#news_m span {
    background-position: 1px -50px;
}
.menu_el_s.selected {
    color: #fff;
    background-color: #bf311a;
    cursor: default;
}
.menu_el_s.selected span {
    background-position: -27px 4px;
}
.menu_el_s#terms_m.selected span {
    background-position: -27px -21px;
}
.menu_el_s#news_m.selected span {
    background-position: -27px -50px;
}
.bottom_menu {
    position: absolute;
    bottom: 10px;
    left: 28px;
    width: 132px;
    text-align: center;
}
#account_m, #logout_m  {
    display: block;
    float: left;
    width: 59px;
    height: 59px;
    position: relative;
    background: #bf311a url('visual/button_bg.png') 0 0 repeat-x;
    cursor: pointer;
    font-size: 0px;
    text-indent: 400px;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#account_m span, #logout_m span {
    background: url('visual/bt_menu_icons.png') 0 0 no-repeat;
    width: 17px;
    height: 18px;
    position: absolute;
    top: 21px;
    left: 21px;
}
#logout_m {
    margin-left: 10px;
}
#logout_m span {
    background-position: -30px 0px;
}
#right_s_c {
    float: left;
}
#nName {
    font-size: 20px;
    line-height: 24px;
    color: #666666;
}
#displaySold {
    font-weight: 700;
    color: #bf311a;
}
#ac_ico {
    float: left;
    background: url('visual/ac_ico.png') center center no-repeat;
    height: 52px;
    width: 52px;
    margin-right: 18px;
}
.mainText {
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
}
.mainText strong {
    color: #444444;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    display: block;
    font-weight: 400;
    text-transform: uppercase;
}
.mainText  table strong {
    margin: 0px;
}
.mainTitle {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 26px;
}
#register {
    text-align: left;
}
#register .row {
    display: inline-block;
    width: 46%;
    margin: 10px 2%;
    text-align: left;
    position: relative;
}
#register label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #666666;
}
#register input,
#register select {
    width: 100%;
    height: 50px;
    margin: 0px;
    background: none;
    border: 2px solid #dbe1e4;
    color: #34495e;
    font-size: 16px;
    background: #fff !important;
}
/*#register .row#row_6,
#register .row#row_7 {
    width: 22%;
    margin: 10px 1%;
}
#register .row#row_6 {
    margin-left: 2%;
}*/
#register .row.saveResBTC,
#register .row:last-of-type {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0px;
}
#register .ui-button {
    margin-top: 90px;
    width: 313px;
    max-width: 100%;
    text-align: center;
    line-height: 60px;
    background: #bf311a;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.vouchersRows,
.newsRows {
    margin-bottom: 10px;
    background-color: #f6f6f6;
    padding: 10px;
    padding-right: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.vouchersRows.white,
.newsRows.white {
    background-color: #fff;
}
.leftSide {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-right: 20px;
    margin-bottom: 10px;
    float: left;
    border: 2px solid #d6d6d5;
    background: url('visual/no_photo.png') center center no-repeat;
    position: relative;
}
.leftSide .imgC {
    background-color: #fff;
    width: 100%;
    height: 100%;
}
.leftSide img {
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
}
.vouchersRow,
.newsRowsC {
    text-align: left;
    padding: 10px 25px;
    padding-right: 0px;
}
.voucherTitle,
.newsTitle {
    font-size: 24px;
    line-height: 28px;
    color: #444444;
}
.voucherPeriod,
.newsPeriod {
   font-size: 14px;
   line-height: 18px;
   color: #8f8f8f; 
}
.voucherCode {
    margin-top: 5px;
}
.voucherCode,
.voucherPeriod {
    font-weight: 300;  
    color: #666;  
    font-size: 16px;
}
.voucherText {
    margin-top: 5px;
}
.voucherText,
.newsText {
   font-size: 14px;
   line-height: 21px;
   color: #888888; 
}
.transRows {
    /*padding: 15px 35px 15px 65px;*/
}
.transRows div{
    float: left;
}
#transactionsList {
    width: 100%;
    text-align: left;
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}
#transactionsList tr {
    background: #e6e3dc;
}
#transactionsList tr.no_bg {
    background: none;
}
#transactionsList tr.gray {
    background: #fff;
}
#transactionsList th {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #666666;
    margin-bottom: 10px;
    text-align: left;
}
#transactionsList th.f_space,
#transactionsList td.f_space {
    width: 15px;
}
#transactionsList th.l_space,
#transactionsList td.l_space {
    width: 5px;
}
#transactionsList .no_display td {
    height: 10px;
}
#transactionsList th {
    padding: 0px 5px
}
#transactionsList td {
    height: 48px;
    color: #8f8f8f;
    font-size: 16px;
    padding: 0px 5px;
    text-align: left;
}
#transactionsList td.nr {
    padding-left: 20px;
}
.ui-widget-content {
    background: #fff!important;
}
.ui-button-text {
    background: #bf311a!important;
    color: #fff!important;
}
.ui-dialog .ui-dialog-buttonpane button {
    /*color: #!important*/
}
.ui-widget input {
    height: 35px!important;
    line-height: 100%!important;
    margin-left: 10px;
}
.ui-widget-header {
    background: #fff!important;
    color: #000!important;
    border: none;
    border-bottom: 1px solid #aaaaaa;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.ui-dialog-content {
    overflow: hidden!important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: 35px;
}
#welcomeInfo {
    margin-bottom: 30px;
}
#welcome, #welcomeDetails, #welcomeInfo {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    color: #888888;
}
#no_news,
#transactionsList .no_tr {
    font-size: 20px;
    line-height: 26px;
    color: #666;
    text-transform: uppercase;
    max-width: 700px;
    position: relative;
    margin: 0 auto;
}
#welcome {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    color: #666;
} 
#transactionsList .no_tr {
    text-align: center;
}
#row_5.stepLogin {
    display: none;
}
#termsS {
    max-width: 1110px;
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 5;
    padding: 0px 20px;
    padding-bottom: 80px;
    line-height: 22px;
    color: #666666;
}
#show_terms {
    cursor: pointer;
}
#menu.ui-helper-clearfix:after {
    content: "";
    display: none;
}
.back_to_fs,
.back_to_reg {
    color: #bf311a;
    margin-bottom: 10px;
    cursor: pointer;
    font-weight: 700;
}
.back_to_reg.bottom { 
    margin-top: 10px;
    margin-bottom: 0px;
}
.ui-dialog .ui-dialog-content {
    height: auto!important;
}
#registerS {
    margin: 0px!important;
}
#activateAccountS {
    display: none;
}
.footer a,
.f_link {
    color: #ee4022;
    cursor: pointer;
    text-decoration: none;
}
#row_3 .footer {
    margin-bottom: 120px;
}
.footer {
    position: relative;
    z-index: 10;
    font-family: Arial;
    color: #999999;
    font-size: 11px;
    line-height: 18px;
    background: url('visual/footer_top_line.png') center top no-repeat;
    padding-top: 25px;
    text-align: center;
    margin-bottom: 10px;
}
#bottom_footer_c {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
    text-align: center;
}
#bottom_footer_c img {
    vertical-align: top;
}
#bottom_footer_c a {
    display: inline-block;
    margin: 15px;
    vertical-align: top;
}
#bottom_footer_c a.no_margin_l {
    margin-left: 0px;
}
#bottom_footer_c a.no_margin_r {
    margin-right: 0px;
}
@media only screen and (min-width:800px){ 
    #content #userBox {
        display: block!important;
    }  
}
@media only screen and (max-width:800px){   
    #steps #row_0, #steps #row_1 {
        padding: 0px 20px;    
    }
    #steps #contNouText, #steps #inapoiLoginText {
        margin-bottom: 20px;
        margin-left: 25px;
        display: block;
    }
    #steps #row_4, #steps #row_5 {
        position: relative;
        margin-top: 20px;
    }
    #steps #row_0, #steps #row_1 {
        
    }
    #row_3 .footer {
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer {
        padding-left: 20px;
        padding-right: 20px;
    }
    #register .ui-button {
        margin-top: 30px;
    }
    #content #p_title {
        font-size: 42px;
        line-height: 42px;
    }
    #content .tab {
        padding: 30px 20px;
    }
    #transactionsList td.nr {
        padding-left: 10px;
    }
    #mobile_menu {
        display: block;
    }
    #content #userBox {
        display: none;
    }
    #content .top_i, #content #tabsHoney {
        margin-left: 0px;
    }
    #content .top_i {
        padding-top: 0px;
    }
    #content .right_s {
        float: left;
        margin-left: 20px;
        margin-right: 0px;
    }
    #content #p_title {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }
    #content #logo {
        margin: 40px 0px;
    }
    .ui-dialog.ui-widget.ui-widget-content #addPassword label {
        font-size: 14px!important;
        max-width: 45%;
        margin-left: 5px;
    }
    .ui-dialog.ui-widget.ui-widget-content #addPassword input{
        max-width: 55%;
    }
    .ui-dialog.ui-widget.ui-widget-content {
        width: auto!important;
        left: auto!important;
    }
}
@media only screen and (max-width:700px){  
    #content .tab {
        padding: 30px 20px;
    }
    .mainText  {
        font-size: 14px;
        line-height: 16px;
    }
    .mainText strong {
        font-size: 15px;
        line-height: 17px;
    }
    .mainText  table strong {
        font-size: 13px;
        line-height: 16px;
        margin: 0px;
    }
    .newsRows,
    .newsRowsC {
        padding: 10px;
    } 
}

@media only screen and (max-width:470px){  
    #steps #row_1 #checkbox label {
        width: 90%;
    }
    #content .right_s {
        margin-right: 20px;
    }
    /*#register .row#row_3,
    #register .row#row_4 {
        width: 46%;
        margin: 10px 2%;
    }
    #register .row#row_3 {
        margin-left: 2%;
    }*/
    #transactionsList th.f_space,
    #transactionsList td.f_space {
        width: 0px;
    }
    #transactionsList th.l_space,
    #transactionsList td.l_space {
        width: 0px;
    }
    #transactionsList td { 
        font-size: 14px;
    }
    #transactionsList th {
        font-size: 12px;
    }
    #transactionsList td.nr {
        padding-left: 0px;
    }
    .leftSide {
        float: none;
        position: relative;
        margin: 0 auto;
        margin-bottom: 10px;
        max-width: 100%;
    }
    #nNume {
        font-size: 14px;
        line-height: 18px;
    }
    #ac_ico {
        margin-right: 5px;
    }
    #displaySold {
        font-size: 14px;
    }
    #register .row {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .mainText.content.reg table {
        font-size: 9px;
    }
    .mainText.content.reg table.t1 {
        font-size: 12px;
    }
}
@media only screen and (max-width:330px){ 
    #register {
        max-width: 280px;
    } 
    #steps #loginTitle, #steps #activateTitle {
        font-size: 19px;
    }
}
@media only screen and (max-height:500px){    
    .bottom_menu {
        position: relative;
        margin-top: 60px;
    }
    #content #userBox {
        position: absolute;
        min-height: 465px;
    }
}
.iphone .bottom_menu {
    position: relative;
    margin-top: 60px;
}
.lswitch {
    right: 10px;
    top: 19px;
    width:32px;
    height: 22px;
    background: url('visual/flag.jpg') center center no-repeat;
    position: absolute;
    font-size: 0px;
    text-indent: 10000;
    border: 1px solid #666;
}