/*-- This file was dynamically copied from [default.home.style.css] on Mar 20, 2017 at 11:23:54 --*/

/* Become a member form */
 #container_form {
background-color: #e1e1e1;
margin-left: 4%;
margin-bottom: 1%;
width: 23%;
float: left;
border-radius: 10px 10px 0px 0px;
box-shadow: 0px 5px 10px #999;
padding-left: 10px;
padding-right: 10px;
min-height: 445px;
}

 .form_head {
background-image: url("/images/backgrounds/form-top.png");
background-repeat: repeat-x;
height: 40px;
border-radius: 10px 10px 0px 0px;
margin: 0px -10px;
text-align: center;
padding-top: 5px;
vertical-align: text-top;
}

 .form_head h1 {
color: #fff;
margin-top: 0px;
font-weight: 600;
font-size: 16pt
}

 .form_body {
margin-top: 10px;
text-align: center;
}

 .form_body input[type=text]
,.form_body input[type=password] {
margin-top: 20px;
padding-left: 10px;
width: 95%;
height: 35px;
border: 0px solid #fff;
font-size: 14pt;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

 .hint {
position: relative;
}

 .hint .hint_text {
visibility: hidden;
width: 100%;
background-color: #fff;
text-align: left;
font-size: 10pt;
box-shadow: 0px 0px 10px #999;
padding: 10px 0px;
border-radius: 6px;
position: absolute;
z-index: 2;
top: 100%;
margin-top: 5px;
left: 50%;
margin-left: -50%;
opacity: 0;
transition: opacity .5s;
}

 .hint:hover .hint_text {
visibility: visible;
opacity: 1;
}

 .hint .hint_text::after {
content: " ";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}

 .form_body table {
margin-left: 2%;
padding: 0;
width: 96%;
}

 .checkbox_left {
width: 25px;
text-align: right;
}

 .checkbox_right {
width: 75%;
text-align: left;
padding-bottom: 5px;
}

 .checkbox_right #terms-and-conditions {
color: #cc8200;
}

 .form_body input[type=checkbox] {
display: none;
}

 .form_body input[type=checkbox] + label {
background-image: url("/images/sprite/sprite.checkbox.26x26.png");
background-size: 20px 20px;
height: 20px;
width: 20px;
display:inline-block;
padding: 0 0 0 0px;
}

 .form_body input[type=checkbox]:checked + label {
background-image: url("/images/sprite/sprite.checkbox.26x26.active.png");
background-size: 20px 20px;
height: 20px;
width: 20px;
display:inline-block;
padding: 0 0 0 0px;
}

 .form_body input[type=submit] {
margin-top: 15px;
width: 95%;
height: 45px;
vertical-align: middle;
color: #fff;
font-size: 17pt;
border-radius: 10px;
border: none;
background-color: #0099ff;
box-shadow: 0px 0px 10px #999;
cursor: pointer;
}

 .form_body input[type=button] {
margin-top: 15px;
width: 95%;
height: 45px;
vertical-align: middle;
color: #fff;
font-size: 17pt;
border-radius: 10px;
border: none;
background-color: #0099ff;
box-shadow: 0px 0px 10px #999;
cursor: pointer;
}

/* Banner Slider */
 .container_slider {
padding: 0px 0px 0px 0px;
margin: 2% 0;
}

/* Links Container */
 #container_links {
background-color: #e1e1e1;
padding-left: 0px;
padding-right: 0px;
margin-left: 4%;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-bottom: 12px;
width: 69.5%;
height:260px;
float: left;
border-radius: 10px;
box-shadow: 0px 5px 10px #999;
}