/* CSS Document */
@font-face { font-family: "Open Sans Semibold"; src: url("../../fonts/OpenSans-Semibold.eot?") format("eot"), url("../../fonts/OpenSans-Semibold.woff") format("woff"), url("../../fonts/OpenSans-Semibold.ttf") format("truetype"), url("../../fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Open Sans"; src: url('../../fonts/316131592-OpenSans-Regular.eot'); src: url('../../fonts/316131592-OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../../fonts/316131592-OpenSans-Regular.svg#Open Sans') format('svg'),  url('../../fonts/316131592-OpenSans-Regular.woff') format('woff'),  url('../../fonts/316131592-OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.top_strip { background: #0C5FAD; padding: 5px 0; }
.sign_up_form { border-radius: 4px; -webkit-box-shadow: 0 0 3px 2px #0c5fad; -moz-box-shadow: 0 0 3px 2px #0c5fad; box-shadow: 0 0 3px 2px #0c5fad; height: auto; padding: 22px 10px 10px; background: #ecebe9; overflow: hidden; width: 600px; margin: 150px auto 0 auto; }
.sign_up_form .left_block { float: left; width: 40%; background: url("../../images/seprator.png") no-repeat scroll right 11px rgba(0, 0, 0, 0) }
.sign_up_form .left_block .logo { margin-top: 10px; }
.sign_up_form .left_block .login { padding-top: 95%; }
.sign_up_form .left_block .login span { font-size: 9pt; display: block; color: #656565; font-family: "Open Sans"; margin-top: 8px; }
.sign_up_form .left_block .login span a { color: #006fff; font-size: 11pt; }
.sign_up_form .left_block .login img { display: block; max-width: 100%; margin: 0 auto; }
.sign_up_form .right_block { float: right; width: 60%; }
.sign_up_form .right_block h2 { font-family: "Open Sans Semibold"; font-size: 14pt; margin: 0; padding: 0; text-align: center; padding-bottom: 5px; }
.sign_up_form .right_block input[type="text"],
.sign_up_form .right_block input[type="email"],
.sign_up_form .right_block input[type="password"] {
background:; display: block; margin: 10px 0; border-radius: 4px; width: 100%; border: 1px solid #cbcbcb; padding: 8px 8px; outline: none; -moz-box-shadow: inset 0 0 1px #CCC; color: #656565; -webkit-box-shadow: inset 0 0 1px #CCC; font-family: "Open Sans"; box-shadow: inset 0 0 1px #CCC; }
.sign_up_form .right_block p { font-size: 8pt; }
.sign_up_form .right_block input[type="submit"] { background: none repeat scroll 0 0 #0C5FAD; border: 1px solid #FFFFFF; border-radius: 4px; box-shadow: 0 0 1px #FFFFFF inset; color: #FFFFFF; font-family: "Open Sans Semibold"; font-size: 11pt; padding: 8px 10px; }
.sign_up_form .right_block input[type="submit"]:hover{ background:#0c5fad;}
.sign_up_form .right_block #lnkCancel { background: none repeat scroll 0 0 #0C5FAD; border: 1px solid #FFFFFF; border-radius: 4px; box-shadow: 0 0 1px #FFFFFF inset; color: #FFFFFF; font-family: "Open Sans Semibold"; font-size: 11pt; padding: 8px 10px; }
.sign_up_form .right_block #lnkCancel:hover{ background:#0c5fad; text-decoration:none;}
.sign_up_form .right_block p span { padding: 0 18px 0 0; font-family: "Open Sans"; float: left; }
.sign_up_form .right_block input[type="checkbox"] { padding: 0 5px; float: left; margin-right: 5px; }
.sign_up_form .right_block p span a { font-size: 9pt; display: inline-block; color: #656565; font-family: "Open Sans"; line-height: 14px; margin: 4px 5px; }
::-webkit-input-placeholder {
 color:    #656565;
opacity:0.9
}
:-moz-placeholder {
 color:    #656565;
opacity:0.9
}
::-moz-placeholder {
 color:    #656565;
opacity:0.9
}
:-ms-input-placeholder {
 color:    #656565;
opacity:0.9
}


/*Login page*/
.twit-btn {
    border-radius:6px;
    background-color: #00aeef;
    padding: 2px 0;
    width: 100%;
}

.fb-btn {
    border-radius:6px;
    background-color: #0072bc;
    padding: 2px 0;
    width: 100%;
}

.socmed-btn {
    color: white;
    font-size: 20px;
    background:none; border:none;
}

.socmed-btn:hover {
    color: white;
    text-decoration: none;
}

.garis{
    border-top:1px solid #707070;
}

.center-or{
  font-size: 20px;
  margin-top: -13px;
}

.clearon {
    margin-bottom: 8px;
}
.footer-style {
    font-size: 10px;
    font-style: italic;
    margin-top: 15px;
}
.alert-danger,
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.margin-top-20 {
    margin-top:20px;
}

.password {
    display: inline-block;
    position: relative;
    width:100%;
}

    .password input {
        display:inherit;
        width:100%;
    }


.password-icon {
    position: absolute;
    top: 17px;
    right: 6px;
    width: 24px;
    cursor: pointer;
    font-size: 20px;
}