/* CSS Document */

html {overflow: auto !important; -webkit-appearance: none;}
body {font-family: arial; padding: 0; margin: 0; background: #fff;}
#jt_login{width: 100%; height: 100%;padding: 0; margin: 0; text-align: left !important; font-size: 1.15em !important;}
#jt_login a {color: #62af32; text-decoration: none;}
#jt_login a:hover { color: #0094d3; text-decoration: none;}
#jt_login h2 {line-height: 40px; margin: 20px 0px 10px;font-size: 2vw;padding: 0px; color: #595959;}
#jt_login h3 {line-height: 40px;margin: 20px 0px 10px;padding: 0px; color: #595959;font-family: 'helvetica_thin';font-size: 2vw; font-weight: normal;}
#jt_login span.fa { font-family: 'FontAwesome';}
#jt_login img{ max-width: 100%; height: auto;}
#jt_login img a{border: none;}
#jt_login a img{border: none;}
#jt_login button.close {border: none; background: none; cursor: pointer; font-size: 1.5em; font-weight: bold; float: right; right: 0; top: 0;}
#jt_login button:hover.close {color: #595959;}
#jt_login span.beta {color: #e53c42; font-weight: bold; font-size: 0.8em;}
#jt_reset_pass_confirm {    
       position:absolute; 
    left: 50%;
    width: 900px;
    margin-left: -450px; 
    z-index: 1000; 
    -moz-border-radius: 8px 0  8px 8px;
    -webkit-border-radius: 8px 0 8px 8px; 
    border-radius: 0 0 8px 8px;
    padding:  10px 20px; 
    text-align: center;
    color: #af9701; 
    background-color: #fef8c4; 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 20px;
}

  #jt_reset_pass_confirm button {
color: #af9701;
background: #ffffff;
-moz-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
padding: 4px 10px;
text-align: center;
margin: 0 10px;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
border: none;
float: right;
cursor: pointer;
} /* BRU - novy login */


.nav {width: 100%; height: 65px; background: #fafafa;}
.nav .rightbutt{float: right; margin: 15px 2% 0 0;}
    .nav a.brand {
        float: left;
        width: 10%;
        max-width: 100px;
        min-width: 65px;
        height: 100%;
        background: #62af32 url(Images/login/logo.png) no-repeat center center;
        background-size: 50px 50px;
        display: block;
        -o-transition: .2s ease-in;
        -ms-transition: .2s ease-in;
        -moz-transition: .2s ease-in;
        -webkit-transition: .2s ease-in;
        transition: .2s ease-in;
    }
    .nav a:hover.brand {
        background: #74c640 url(Images/login/logo.png) no-repeat center center ;
        background-size: 50px 50px;
        
    }
.nav ul {padding: 0; margin: 0;}
.nav ul li{list-style:none;}
.nav ul li a{font-family: 'helvetica_roman'; float: left; height: 15px; padding: 25px 30px; font-weight: normal; font-size: 1.4em; background: #fff; text-transform: uppercase;}
#jt_login a.greenbutt {
border: 1px solid #62af32;
color: white;
background: #62af32;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
font-size: 1.1em;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; line-height: 2.5em; padding: 0 30px; display: block; text-transform: uppercase; color: #fff !important;
cursor:pointer;
}

#jt_login a:hover.greenbutt {
border: 1px solid #62af32;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 

}

#jt_login a:active.greenbutt {
border: 1px solid #62af32;

    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #caeab5 !important;
}

.foot {width: 100%; height: 50px; position: fixed; bottom: 0; background: #fafafa; padding-bottom: 20px; text-align: left; font-size: 1.2em; z-index: 1000; }
.foot a {font-size: 1em; text-decoration: none;}
.foot p{padding: 0px 40px 0px 40px; color: #a4a4a4; float: left; line-height: 1.8em;}
.foot .lang {float: right; margin: 15px 2% 0 0;}
.foot .lang .fa{color: #a4a4a4; font-size: 1.2em;}
.foot select {padding: 4px; border: 1px solid #dedede;}


.cont { width: 100%; margin: 0 auto; max-width: 1000px;}
.cont_left { width: 60%; float: left; }
.alert_left { width: 100%; }
.signup .cont_left { width: 50%; float: left; }
.cont_left .iphone { float: right; width: 45%;}
.cont_left .logoutcontent { float: left; width: 55%;}
.cont_left .buttcenter {text-align: center;}
.cont_left .greenbutt {font-size: 1.2em; line-height: 3em; width: 70%; margin: 20px auto;}
.cont_left p {
padding: 10px 0;
/*line-height: 34px;*/
font-family: helvetica_thin;
font-size: 1.5vw;
color: #888;
margin-bottom: 20px;
}

.cont_left .content {
width: 90%; margin: 0 auto; padding: 20px 0;
}
.ben {
float: left;
text-align: center;
width: 33%;
}

.signup .ben {
float: left;
text-align: left;
width: 90%;
margin: 8% 0;
}

.signup .ben p{
font-size: 1.3em; font-family: arial; line-height: 1.6em; 
}

.signup .ben p strong{
font-size: 1.4em; font-family: helvetica_roman; font-weight: normal; color: #595959; line-height: 1.4em;
}

.ben .ic {
font-family: FontAwesome;
font-weight: normal;
background: rgb(193, 194, 195);
border-radius: 50%;
color: rgb(255, 255, 255);
font-size: 5.2em;
padding-top: 30px;
width: 120px;
height: 90px;
text-align: center;
margin: 0 auto;
}

.signup .ben .ic {
float: left; margin-right: 5%;
}

.ben .ic img {
margin-top: -20px;
}


.cont_right { width: 40%; float: right; background: #62af32 url(Images/login/login.png) repeat center center;}
.signup .cont_right { width: 50%; float: right; background: #fff;}
.reg .cont_right { width: 50%; float: right;}
.cont_right .login a{ color: #fff !important;}
.reg .cont_left { width: 50%; float: left; background: #dedede url(Images/login/signup.png) repeat center center;}
.cont_right input.text {
background: #ffffff;
box-shadow: inset 2px 2px 0px #f2f2f2;
-moz-box-shadow: inset 2px 2px 0px #f2f2f2;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
padding: 10px 10px;
border: 1px solid #579c2d;
width: 93%;
height: 20px;
}

.cont_right .signupform input.text {
border: 1px solid #595959;
}

.cont_right .signupform input:hover {

border: 1px solid #000;

}

.cont_right .signupform select {
border: 1px solid #595959; width: 100%; padding: 10px;
}


.cont_right .signupform span.halfleft {
float: left; width: 45%;  
}

.cont_right .signupform span.halfright {
float: right; width: 45%;  margin-right: 15px;
}

.cont_right input:hover {

border: 1px solid #3d8610;
box-shadow: inset 2px 2px 0px #dedede;
-moz-box-shadow: inset 2px 2px 0px #dedede;

}

.cont_right input:focus {

border: 1px solid #595959;

    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 0.5); 
    -moz-box-shadow: 0 0 25px rgba(255, 255, 255, 0.5); 
}

.cont_right legend {
text-align: left; line-height: 40px;
margin: 20px 0px 10px;
font-size: 22px;
padding: 0px; color: #fff; font-weight: bold;
}

.cont_right fieldset, .cont_right form {
border: none;
}

.cont_right label {
color: #fff; font-weight: bold; margin: 20px 0 10px 0; display: block; padding: 0; text-align: left; text-transform: uppercase; font-size: 1.1em;
}

.cont_right .signupform label {
color: #595959;
}

.cont_right .login {
width: 85%; margin: 35px auto; text-align: center;
}

.cont_right .signupform {
width: 85%; margin: 65px auto; text-align: center;
}

.cont_right .signupform legend {
display: none;
}

.cont_right .signupform input.blue {
border: 1px solid #0094d3;
}

.cont_right .signupform label.blue {
color: #0094d3;
}

.cont_right .signupform .readOnly {
    background-color: #e6e6e6;
}


.cont_right .login a{
color: #fff;
}

.cont_right .login p{
color: #fff; padding-top: 20px; line-height: 1.6em;
}

.cont_right .signupform p{
color: #888; padding-top: 20px; line-height: 1.6em;
}

.cont_right .login a:hover{
color: #fff; text-decoration: underline;
}

.cont_right .button {
border: 1px solid #579c2d;
color: #595959;
background: #fff;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
font-size: 1.25em;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 12px 20px; display: block;
cursor: pointer;
margin: 20px auto;
min-width: 70%;
text-transform: uppercase;
font-family: Arial;
}

.cont_right .button:hover {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #fafafa));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #fafafa 100%);
border: 1px solid #3d8610;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 
}

.cont_right .button:active {
border: 1px solid #3d8610;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
    text-shadow: none;
    background: #fafafa;
    color: #888;
    border: 1px solid #579c2d; 
}

.cont_right .signupform .button {
border: 1px solid #62af32;
color: white;
background: #62af32;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 12px 10px; display: block;
width: 100%;
}

.cont_right .signupform .button:hover {
border: 1px solid #62af32;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 

}

.cont_right .signupform .button:active {
border: 1px solid #62af32;

    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #caeab5;
}

.cleaner {
clear: both; height: 0; padding: 0; margin: 0; width: 0;
}
.handeln {
display: none;
}



/* update */            
.update {-moz-border-radius: 8px; border-radius: 8px; padding: 3%;margin: 3%;}
.update a.hide {color: #62af32; text-decoration: none; font-weight: bold; display: block; margin: 10px 0;}
.update a.hide:hover {color: #0094d3;}
.update .fa {font-family: 'FontAwesome'; font-weight: normal;}
.update .fa-icon {font-family: 'FontAwesome'; font-weight: normal; float: left; display: block; font-size: 5em; margin-right: 20px;}
.up-to-date {background: #eef5ea; color: #62af32; }
.update-available {background: #fef8c4; color: #af9701; }
.update-failed {background: #fcebec; color: #e53c42; }
.up-to-date p{background: #eef5ea; color: #62af32; }
.update-available p{background: #fef8c4; color: #af9701; }
.update-failed p{background: #fcebec; color: #e53c42; }
.update-info p{background: #e5f4fb; color: #0094d3; }
.update-info {background: #e5f4fb; color: #0094d3; }
.up-to-date p{background: #eef5ea; color: #62af32; }
.update .greenbutt {float: right; font-size: 13px; border: 1px solid trasparent; color: white; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; text-decoration: none; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; display: block; width: 20%; padding: 10px 0; cursor: pointer; text-align: center; margin: 5px 0;}
.update:hover .greenbutt {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow: inset 0 0 10px #30a8db; -moz-box-shadow: inset 0 0 10px #30a8db;}
.update p {float: left; line-height: 1.8em; padding: 0; margin: 0; width: 70%; font-family: arial; font-size: 1em;}
.update strong {display: block;}
.update .cleaner {clear: both;}

#login_page_error         {
    position:absolute; 
    left: 50%;
    width: 400px;
    margin-left: -200px; 
    z-index: 1000; 
    -moz-border-radius: 8px 0  8px 8px;
    -webkit-border-radius: 8px 0 8px 8px; 
    border-radius: 0 0 8px 8px;
    padding:  10px 20px; 
    text-align: center;
    color: #af9701; 
    background-color: #fef8c4; 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 20px;
}  /* BRU - novy login */

   #login_page_error span.faw {
 font-size: 1.4em; padding: 0 5px;
}  /* BRU - novy login */

   #login_page_error button {
color: #af9701;
background: #ffffff;
-moz-border-radius: 6px;
border-radius: 6px;
text-decoration: none;
padding: 4px 10px;
text-align: center;
margin: 0 10px;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
border: none;
float: right;
cursor: pointer;
} /* BRU - novy login */

.newAccountValidationError{
width: 100%; 
padding: 10px; 
text-align: left; 
color:Red; 
font-weight:bold;
}
  .login_page_badlogin         {
    position:absolute; 
    left: 50%;
    top: 0;
    width: 500px;
    margin-left: -250px; 
    z-index: 1000; 
    -moz-border-radius: 8px 0  8px 8px;
    -webkit-border-radius: 8px 0 8px 8px; 
    border-radius: 0 0 8px 8px;
    padding:  10px 20px; 
    text-align: center;
    color: #fff; 
    background-color: #e53c42; 
    font-size: 13px; 
    font-weight: bold; 
    line-height: 20px;
}  /* BRU - novy login */

      .login_page_badlogin span.faw {
 font-size: 1.4em; padding: 0 5px;
}  /* BRU - novy login */

     .login_page_badlogin a {
color: #e53c42;
background: #ffffff;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
padding: 2px 10px;
text-align: center;
margin: 5px auto 0 auto;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
border: none;
display: block;
cursor: pointer;
width: 50%;
text-align: center;
} /* BRU - novy login */





/* mobile devices */
@media handheld, only screen and (max-width: 520px){
.cont_left .content {display: none;}
.cont_left {width: 100%;}
.alert_left { width: 100%;} 
.cont_right {width: 100%;}
.foot {position: relative; margin: 0; text-align: center; height: auto;}
.foot p{padding: 15px 0; width: 100%; float: none; margin: 0;}
.foot .lang {margin: 0 auto; width: 100%; float: none;}
.foot .lang select{width: 85%; float: none; margin: 0 auto; padding: 10px;}
span.mobile {display: none;}
.cont_right legend {display: none;} 
.cont_right label, .reg .cont_left label {font-size: 1.1em;}
.cont_right input.text, .reg .cont_left input.text{height: 25px; font-size: 1.2em;}
.cont_right .login {width: 95%; margin: 5px auto 15px auto;}
.cont_right .login a{font-size: 1.2em;}
.handeln {display: inline;}
a.greenbutt { padding: 5px 15px !important; line-height: 3.5em; background: #595959 !important; border: none !important; box-shadow: none !important;}
.nav .rightbutt{margin: 8px 2% 0 0;}
.biggerfont {
font-size: 1.5em; padding: 0; margin: 0;
}
.logout .login {
padding-top: 20px ;
}
.signup .cont_left { display: none; } 
.signup .cont_right { width: 100%; }
.cont_right .signupform {
width: 95%; margin: 10px auto;
} 
.update .fa-icon {margin-top: 20px;}
.update p { font-size: 1.2em;}
button.close {font-size: 1.8em;}
.reg .cont_left {width: 100%;}
.reg .cont_right {width: 100%;}
.reg .cont_right legend {display: inline;}
.reg .cont_left .login {width: 95% !important; margin: 15px auto 5px auto !important;}  
#login_page_error, #jt_reset_pass_confirm, #login_page_error, .login_page_badlogin         {
position: relative !important;
width: 90%;
margin: 0 0;
left: 0;
padding: 8px 5%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
} 
 
#login_page_error button, #jt_reset_pass_confirm button, #login_page_error button, .login_page_badlogin button        {
display: none;
} 
#cont_left .content    {
display: block !important; padding: 0; margin: 0;
} 

#cont_left .content h2    {
display: none;
}  

#cont_left .content h3    {
display: none;
}    

#cont_left .content .iphone    {
display: none;
}

#cont_left .content .logoutcontent    {
width: 100%; margin: 10px;
}  

#cont_left .content p    {
display: none;
} 

#cont_left .content a.ab    {
display: none;
} 

.cont_right .signupform span.halfleft, .cont_right .signupform span.halfright {
width: 42%;
}
 
   
            
}



/* tablet */
@media handheld, only screen 
and (min-width : 521px) 
and (max-width : 980px)
and (orientation:portrait)
 {
.cont_left {width: 100%;}
.alert_left { width: 100%;}
.resetpass .cont_left {display: none;}
.logout .cont_left {width: 100%}
.cont_left .ben {display: none;}
.cont_left .ab {display: none;}   
.cont_right {width: 100%;}
.logout .cont_right {width: 100%}
.cont_left p{padding-bottom: 0;}
.cont_right .login a{
font-size: 1.2em;
background: #3d8610;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; line-height: 2.5em; display: block; width: 57%; margin: 0 auto;}
.cont_right legend {display: none;}
.cont_right .login {margin: 25px auto;} 
.cont_right label, .cont_left label {font-size: 1.3em;}
.cont_right input.text, .cont_left input.text {height: 30px; font-size: 1.2em;}
a.greenbutt { line-height: 3em; font-size: 1.2em; padding: 0 40px;}
.nav .rightbutt{float: right; margin: 7px 2% 0 0;}
.foot {position: relative; margin: 0; height: 50px;}
.biggerfont {
font-size: 1.5em;
} 
button.close {font-size: 1.8em;} 
.update p { font-size: 1.2em;}
.signup .cont_left { display: none; } 
.signup .cont_right { width: 100%; }
.reg .cont_left {width: 100% !important;}
.reg .cont_right {width: 100% !important;}        
}


/* tablet */
@media handheld, only screen 
and (min-width : 521px)
and (max-width : 980px)
and (orientation : landscape){
.cont_left {width: 40%;}
.alert_left { width: 100%;}
.resetpass .cont_left {display: block;}
.logout .cont_left {width: 60%}
.cont_left .ben {display: none;}
.cont_left .ab {display: none;}   
.cont_right {width: 50%;}
.logout .cont_right {width: 40%}
.cont_left p{padding-bottom: 0;}
.cont_right .login a{
font-size: 1.2em;
background: #3d8610;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; line-height: 2.5em; display: block; width: 57%; margin: 0 auto;}
.cont_right legend {display: none;}
.cont_right .login {margin: 25px auto;}
.cont_right label {font-size: 1.3em;} 
.cont_right input.text {height: 30px; font-size: 1.2em;}
.foot {position: relative; margin: 0; height: 50px;}
a.greenbutt { line-height: 3em; font-size: 1.2em; padding: 0 40px;}
.nav .rightbutt{float: right; margin: 7px 5% 0 0;}
.biggerfont {
font-size: 1.5em;
} 
.update .fa-icon {margin-top: 40px;}
.signup .cont_left { width: 45%; display: block;}
.signup .cont_left .ben {display: block;}  
.signup .cont_right { width: 55%; }   
}

.cont_right .signupform .success label.blue {
color: #62af32;
}

.cont_right .signupform .success label {
color: #62af32; 
}

.cont_right .signupform .success{
color: #62af32; 
}

.cont_right .signupform .yes{
display: none;
}

.cont_right .signupform .success input.blue {
border: 1px solid #62af32;
}

.cont_right .signupform .success input {
border: 1px solid #62af32;
}

.cont_right .signupform .success select {
border: 1px solid #62af32;
}

.cont_right .signupform .error{
color: #e53c42;}



.cont_right .signupform .error label.blue {
color: #e53c42;
}

.cont_right .signupform .error label {
color: #e53c42;
}

.cont_right .signupform .error input {
border: 1px solid #e53c42;
}

.cont_right .signupform .error input.blue {
border: 1px solid #e53c42;
}

.cont_right .login .error input {
border: 1px solid #e53c42;
}

.cont_right .login label.error {
background: #e53c42; padding: 10px; margin: 0; 
}

.cont_right .login label.yes {
padding: 0;
}

a.ab {
background: #fafafa; height: 137px; width: 33%; float: left; color: #888 !important; font-family: 'helvetica_thin'; font-size: 2em; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; text-align: right;
}



a.ab span{
padding: 85px 15px 0 0; display: block;
}

a.demo{
text-align: center;
}

a.demo span{
padding: 5px 0;
}

a.demo span.fa{
padding-top: 20px; font-size: 1.7em;
}



a:hover.ab {
background: #dedede; color: #595959;
}

a.cam{
background: #fafafa url(Images/login/cam.png) no-repeat top left;
}

a:hover.cam{
background: #dedede url(Images/login/cam.png) no-repeat top left;
}


a.phone{
background: #fafafa url(Images/login/phone.png) no-repeat top left;
}

a:hover.phone{
background: #dedede url(Images/login/phone.png) no-repeat top left;
}




.reg .cont_left input.text {
background: #ffffff;
box-shadow: inset 2px 2px 0px #f2f2f2;
-moz-box-shadow: inset 2px 2px 0px #f2f2f2;
height: 15px;
width: 160px;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
padding: 10px 10px;
border: 1px solid #595959;
width: 100%;
height: 38px;
}

.reg .cont_left .signupform input.text {
border: 1px solid #595959;
}

.reg .cont_left .signupform input:hover {

border: 1px solid #000;

}

.reg .cont_left .signupform select {
border: 1px solid #595959; width: 100%; padding: 10px;
}


.reg .cont_left .signupform span.halfleft {
float: left; width: 46%;  
}

.reg .cont_left .signupform span.halfright {
float: right; width: 46%;  
}

.reg .cont_left input:hover {

border: 1px solid #595959;
box-shadow: inset 2px 2px 0px #dedede;
-moz-box-shadow: inset 2px 2px 0px #dedede;

}

.reg .cont_left input:focus {

border: 1px solid #595959;

    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 25px rgba(255, 255, 255, 0.5); 
    -moz-box-shadow: 0 0 25px rgba(255, 255, 255, 0.5); 
}

.reg .cont_left legend {
text-align: left; line-height: 40px;
margin: 20px 0px 10px;
font-size: 22px;
padding: 0px; color: #595959; font-weight: bold;
}

.reg .cont_left fieldset, .reg .cont_left form {
border: none;
}

.reg .cont_left label {
color: #595959; font-weight: bold; margin: 20px 0 10px 0; display: block; padding: 0; text-align: left;
}

.reg .cont_left .signupform label {
color: #595959;
}

.reg .cont_left .login {
width: 85%; margin: 35px auto; text-align: center;
}

.reg .cont_left .signupform {
width: 85%; margin: 65px auto; text-align: center;
}

.reg .cont_left .signupform legend {
display: none;
}

.reg .cont_left .signupform input.blue {
border: 1px solid #0094d3;
}

.reg .cont_left .signupform label.blue {
color: #0094d3;
}

.reg .cont_left .login a{
color: #595959;
}

.reg .cont_left .login p{
color: #595959; line-height: 1.6em; font-family: arial; font-size: 1.2em; font-weight: bold; text-align: left; padding: 0 !important;
}

.reg .cont_right .login p{
color: #fff; line-height: 1.6em; font-family: arial; font-size: 1.2em; font-weight: bold; text-align: left;
padding-top: 0 !important;}

.reg .cont_left p#newAccount1_ID_ACCEPT_LICENSE_DETAIL{
text-align: center; font-size: 1.1em ; font-weight: normal; margin: 10px 0 40px 0;}

.reg .cont_left p#newAccount1_ID_ACCEPT_LICENSE_DETAIL a{
color: #595959; text-decoration: underline;}


.reg .cont_left .login a:hover{
color: #595959; text-decoration: underline;
}

.reg .cont_left .button {
border: 1px solid #595959;
color: #595959;
background: #fff;
-moz-border-radius: 6px;
border-radius: 6px;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; line-height: 3em; padding: 0 20px; display: block;
cursor: pointer;
margin: 20px auto;
width: 100%;
text-transform: uppercase;
}

.reg .cont_left .button:hover {
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #fafafa));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #fafafa 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #fafafa 100%);
border: 1px solid #595959;
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 
}

.reg .cont_left .button:active {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
    text-shadow: none;
    background: #fafafa;
    color: #888;
    border: 1px solid #888 !important; 
}

.reg .cont_left .success label.blue {
color: #62af32;
}

.reg .cont_left .success label {
color: #62af32; 
}

.reg .cont_left .success{
color: #62af32; 
}

.reg .cont_left .yes{
display: none;
}

.reg .cont_left .success input.blue {
border: 1px solid #62af32;
}

.reg .cont_left .success input {
border: 1px solid #62af32;
}

.reg .cont_left .success select {
border: 1px solid #62af32;
}

.reg .cont_left .error{
color: #e53c42;}



.reg .cont_left .error label.blue {
color: #e53c42;
}

.reg .cont_left .error label {
color: #e53c42;
}

.reg .cont_left .error input {
border: 1px solid #e53c42;
}

.reg .cont_left .error input.blue {
border: 1px solid #e53c42;
}

.reg .cont_left .error input {
border: 1px solid #e53c42;
}
.reg .cont_left label.error {
background: #e53c42; padding: 10px; margin: 0; color: #fff; 
}

.reg .cont_left label.yes {
padding: 0;
}

.reg .cont_left label {
text-transform: uppercase;
}

.reg .cont_left .text {
width: 95% !important; height: 20px !important;
}

.reg .cont_right .button {
color: #595959 !important;
}

.reg .cont_right .button:hover {
text-shadow: none; text-decoration: none;
}

.reg .cont_right .button:active {
color: #888 !important;
}



















@font-face {
    font-family: 'helvetica_thin';
    src: url('fonts/helvetica_neue_ce_35_thin.eot');
    src: url('fonts/helvetica_neue_ce_35_thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_neue_ce_35_thin.woff') format('woff'),
         url('fonts/helvetica_neue_ce_35_thin.ttf') format('truetype'),
         url('fonts/helvetica_neue_ce_35_thin.svg#helvetica_ce_35_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helvetica_roman';
    src: url('fonts/helvetica_neue_ce_55_roman.eot');
    src: url('fonts/helvetica_neue_ce_55_roman.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica_neue_ce_55_roman.woff') format('woff'),
         url('fonts/helvetica_neue_ce_55_roman.ttf') format('truetype'),
         url('fonts/helvetica_neue_ce_55_roman.svg#helvetica_ce_55_romanregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=3.1.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');
  font-weight: normal;
  font-style: normal;
}