﻿body 
{
    background-image:url(Images/bg.jpg);
    background-repeat:repeat-x;
    background-color:#000000;
    font-family:Verdana, Arial;
}

#divMain
{
    width:960px;
    max-width:960px;
    min-width:960px;
    
    height:640px;
    min-height:640px;
    
    margin-left:auto;
    margin-right:auto;
    
    position:relative;
    
    border:1px solid transparent;
    
    vertical-align:top;
    
    background-image:url(Images/background.jpg?v=2022);
    background-repeat:no-repeat;
    
    padding-top:10px;

    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

#divLogo
{
    width:660px;
    max-width:660px;
    
    height:135px;
    max-height:135px;
    
    float:left;
     
    /*background-image:url(Images/header.png);*/
    visibility:hidden;
}

#divLogin {
    width: 180px;
    max-width: 180px;
    height: 101px;
    max-height: 101px;
    min-height: 101px;
    float: right;
    background: #333333;
    border-radius: 10px;
    border: 1px solid #c5a24c;
    box-shadow: inset rgba(0,0,0,0.6) 0 0 3px;
    padding-top: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    margin-right: 45px;
    color: #FFF;
    font-size: 1em;
}

#divLogin strong
{
    font-size:0.8em;
}

#divLogin a
{
    font-size:0.8em;
    color:#FFF;
}

#divMenu {
    width: 945px;
    min-width: 945px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    background: #c5a24c;
    margin-top: 130px;
    padding-top: 15px;
    padding-left: 15px;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}

#divContent
{
    width:930px;
    min-width:930px;
    
    background-color:#E4E9F1;
    
    padding:15px;
    
    box-shadow:inset rgba(0,0,0,0.6) 0 0 3px;
    
    border-radius:0 0 10px 10px;
    
    line-height:20px;
}

#divFooter
{
    width: 930px;
    min-width: 930px;
    
    font-size:0.5em;
    color:#DADADA;
    
    text-align:right;

    padding:15px;
}

#divFooter a:link, #divFooter a:visited {
    color:#DADADA;
    text-decoration:none;
}

#divFooter a:hover {
    color:#0066cc;
    text-decoration:underline;
}

input[type=text], input[type=submit], input[type=password], select
{
    box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -moz-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -o-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -webkit-transition-duration: 0.2s, 0.2s; 
    -webkit-transition-timing-function: linear, ease-in;
    transition-duration: 0.2s, 0.2s; 
    transition-timing-function: linear, ease-in;
    -o-transition-duration: 0.2s, 0.2s; 
    -o-transition-timing-function: linear, ease-in;
    -moz-transition-duration: 0.2s, 0.2s; 
    -moz-transition-timing-function: linear, ease-in;
    border:1px solid gray;
}

.formTable
{
    width:100%;
    border:1px solid #CDCDCD; 
    border-radius:10px; 
    background-color:#FAFAFA;
    font-size: 0.9em;
}

h1, h2, h3, h4, h5, h6
{
    padding: 0;
    margin: 0;
}

.required 
{
    color: #F00;
}

.sectionHeader 
{
    background: #333333;
    border-radius:10px 10px 0 0;
    color:#FFF;
}

.welcomeHeader
{
    background: #333333;
    border-radius:10px 0 10px 0;
    color:#FFF;
}

.sectionSpacing
{
    width:100%;
}

a.navBarLink:link, a.navBarLink:visited, a.navBarLink:active
{
    color:#FEFEFE;
}

a.navBarLink:hover
{
    color:#4C6EC5;
}

a.navBarText {
    color:gray;
}

a.navBarText:link, a.navBarText:visited, a.navBarText:active, a.navBarText:hover
{
    text-decoration:none;
}

a.navBarText:hover
{
    color:gray;
}

.navBarSeperator
{
    color:#BBBBBB;
}

#divRoster
{
    width:100%;
    margin-bottom:15px;
    display:none;
}

#divRoster .ui-button
{
    font-size:0.8em;
    margin:0px;
}

#divRosterMenu
{
    background: #3B3B3B;
    width:908px;
    height:27px;
    min-height:27px;
    max-height:27px;
    color:#FFF;
    vertical-align:middle;
    padding:10px;
    border:1px solid gray;
}

#divRosterMenu select
{
    padding:2px;
    background-color:#FEFEFE;
}

#divRosterPlayers
{
    background-color:#909398;
    width:910px;
    height:400px;
    min-height:400px;
    max-height:400px;
    overflow-y:auto;
    padding:10px;
    padding-top:3px;
    vertical-align:top;
    position:relative;
}

#divRosterPlayers .divPlayer
{
    width:278px; 
    min-width:278px;
    float:left; 
    position:relative; 
    border:1px solid #9CA0A5; 
    /*margin-left:7px; 
    margin-right:10px; 
    margin-top:6px;
    margin-bottom:7px;*/
    margin-left:7px;
    margin-right:10px; 
    margin-bottom:2px;
    font-size:0.8em;
}

#divRosterPlayers a
{
    color: #40454B;
}

#divRosterFooter
{
    background: #3B3B3B;
    width:908px;
    height:27px;
    min-height:27px;
    max-height:27px;
    color:#FFF;
    vertical-align:middle;
    padding:10px;
    border:1px solid gray;
}

.contactStatus1
{
    background-color:#00AA00;
    color:#FFF;
}

.contactStatus2
{
    background-color:#ffde00;
    color:#000;
}

.contactStatus3
{
    background-color:#d90000;
    color:#FFF;
}

.contactStatus4
{
    background-color:#5200c2;
    color:#FFF;
}

.contactStatus5
{
    background-color:#ffa200;
    color:#000;
}

#divCoachLogin
{
    width:100%;
}

input[type=text], input[type=password], select, textarea
{
    box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -moz-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -webkit-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    -o-box-shadow:inset rgba(0,0,0,0.2) 0 0 3px;
    
    padding:5px;
    
    border:1px solid gray;
    
    -webkit-transition-duration: 0.2s, 0.2s; 
    -webkit-transition-timing-function: linear, ease-in;
    transition-duration: 0.2s, 0.2s; 
    transition-timing-function: linear, ease-in;
    -o-transition-duration: 0.2s, 0.2s; 
    -o-transition-timing-function: linear, ease-in;
    -moz-transition-duration: 0.2s, 0.2s; 
    -moz-transition-timing-function: linear, ease-in;
}

input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus
{
    background-color:rgba(255,249,177,1);
}


#divLogin input[type=text]
{
    padding:0px;
}

#divCoachPassword
{
    margin-top:10px;
    margin-bottom:15px;
}

.fb-like-box {
    background-color: #FAFAFA;
}