#loginBoxWrapper {
	margin: 0px auto;
	background: #000000;
	text-align: center;
	padding: 0px 10px 0px 10px;
}

#lbTitle {
	text-transform: uppercase;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}

.forgot {
	font-family: Arial;
	font-size: 10px;
	color: #9199b5;
	padding-bottom: 10px;
}

.form-control {
	color: #9199b5 !important;
}

.form-control-join {
    color: #000 !important;
}

.form-control-join option[disabled]:first-child {
    display: none;
}

.form-control-join option:first-child {
    color: #6b6565 !important;
}
.form-control-join.empty:first-child {
    color: #6b6565 !important;
}

.form-control-join.empty {
    color: #000 !important;
}

.form-control-join::placeholder {
    color: #6b6565 !important;
}

.username {
	background: url(../../willbetgamebettingsa/image/icon-user.jpg) #FFF no-repeat scroll 7px 7px;
	padding-left:40px;
}

.password {
	background: url(../../willbetgamebettingsa/image/icon-password.jpg) #FFF no-repeat scroll 7px 7px;
	padding-left:40px;
}

.modal-backdrop {
	z-index: 50 !important;
}

.login {
    right: 80px;
    top: 20px;
}

#contactInfo {
    float: right;
    margin-top: 10px;
}

#contactInfoMain {
    background: rgba(0, 0, 0, 0) url("../../willbetgamebettingsa/image/contact.jpg") no-repeat scroll right top;
    display: none;
    height: 160px;
    position: absolute;
    right: 210px;
    top: 70px;
    width: 300px;
    z-index: 2000;
    border: 1px solid #000;
}

#contactInfoMain .title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #f48230;
    font-weight: bold;
    left: 20px;
    position: absolute;
    top: 55px;
}

#contactInfoMain .phone {
    color: #000;
    font-size: 12px;
    left: 55px;
    line-height: 14px;
    position: absolute;
    text-align: right;
    top: 83px;
}

#contactInfoMain .email {
    color: #000;
    font-size: 15px;
    left: 55px;
    position: absolute;
    top: 125px;
}

#contactInfoMain a {
    color: #f88220;
}

.btn-login-form {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    color: #F28133;
    background-color: #eee !important;
    font-weight: 700 !important;
    text-shadow: 1px 2px #ddd;
    border: none;
    border-radius: 2px;
    min-width: 80px;
    width: 80px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

.login.btn.btn-default {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    color: #FB8A2F;
    background-color: #eee!important;
    font-weight: 700!important;
    text-shadow: 1px 2px #ddd;
    border: none;
    border-radius: 2px;
    min-width: 80px;
    width: 80px;
    letter-spacing: -1px;
    z-index: 1;
    margin-top: 15px;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .login {
        float: right;
        margin: 10px 20px;
    }

    #contactInfo {
        float: right;
        margin: 5px 5px 0px 0px;
    }

    #contactInfoMain {
        right: 10px;
        top: 50px;
    }

    .greyLabel {
        color: grey !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .login {
        float: right;
        margin: 5px 20px;
    }

    #contactInfo {
        float: right;
        margin: 5px 20px;
    }

    #contactInfoMain {
        right: 10px;
        top: 70px;
    }
}