@import url(https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro|Pacifico);

body{
font-size:15px;
font-family:'Source Sans Pro',sans-serif;
background:url(../images/background.jpg) no-repeat fixed center / cover #000}

.clear-block{
margin:0;
padding:0}

.no-round-corners{
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0}

.logo{
width: 182px;
height: 96px;
margin:30px auto;
text-align:center;
background: url(../images/logo.png) no-repeat;}


.login-container{
padding:0;
max-width:600px;
overflow:hidden;
margin:0 auto;
background: #000;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px}

.login-xs-header{
display:block;
background:url(../images/line.jpg) no-repeat bottom}

.login-sm-header{
display:none;
background:url(../images/line.jpg) no-repeat bottom}

.login-sm-header p,.login-xs-header p{
margin:0;
padding:0;
color:#FFF;
line-height:48px;
text-align:center}

.login-xs-header p{
margin:8px auto 12px;
line-height:normal}

.login-sm-header b,.login-xs-header b{
color:#C4964E}

#login-tabs{
border-bottom:1px solid #151515}

#login-tabs>li>a{
color: #BEBEBE}

#login-tabs>li>a:hover{
color:#999;
background-color:transparent;
border-color:transparent}

#login-tabs>li.active>a,#login-tabs>li.active>a:focus,#login-tabs>li.active>a:hover{
color:#FFF;
background: #101010;
border-left:1px solid #151515;
border-right:1px solid #151515;
border-top:1px solid #151515}

.login-tab-content{
color:#fff;
padding:20px;
background:#101010;
margin:0 auto 25px;
border-left:1px solid #151515;
border-right:1px solid #151515;
border-bottom:1px solid #151515;
border-radius:0 0 8px 8px;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px}

.login-footer{
display:block;
font-size:13px;
min-height:60px;
line-height:18px;
text-align:center;
background:url(../images/line.jpg) no-repeat top #1F1E1E}

.login-footer p{
color:#CCC;
margin:5px auto 0px}

.login-footer ul{
padding:0;
list-style-type:none;
margin:0 auto 20px}

.login-footer ul li{
display:inline}

.login-footer ul li a,.login-footer ul li a:hover{
outline:0;
padding:0 8px;
color:#C4964E;
text-decoration:none;
border-left:1px dotted #666}

.login-footer ul li:first-child a{
border:0}

#AgentFullSite,#AgentMobile,#PlayerFullSite,#PlayerMobile{
width:140px;
height: 40px;
border: 0px;
color: #000;
margin-bottom:50px;
font-weight: bold;
background:url(../images/login_btn.jpg) no-repeat;
}

#AgentMobile,#PlayerMobile{
float:right}

#agents-login-form .error,#player-login-form .error{
color:red}

#agents-login-form label,#player-login-form label{
font-weight:400}

@media (min-width:530px){
.login-xs-header{
display:none}

.login-sm-header{
display:block}

.login-container{
margin:5em auto}
}

@media (min-width:768px){
.login-container{
background:url(../images/player.png) no-repeat 400px bottom rgba(0,0,0,.75)}

}

dt{
display:block}

h2{
font-family:Roboto,sans-serif}