/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    font-size: 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Sans-Serif, Verdana, Tahoma, Arial !important;
    margin: 0;
    padding: 0;
    background-image: url(/images/site_background.jpg);
    /*background-repeat: repeat-y; */
    color: gainsboro;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{     
   width: 100%;  
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
}

#main
{
    
    background-image:url(/images/content_background.png); 
    background-repeat: repeat; 
    display: inline-block;
    width: 100%;
}

.innerlist
{
    width: 100%;
}

div.left-panel
{   
    margin-left: 20px;
    padding: 0 10px;
    width: 60%;
    float:left;
}

div.center-cropped {
    height: 380px;
    overflow: hidden;
    position: relative;
}


div.center-cropped img{
    position: absolute;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
}


div.right-panel
{   
    margin-left: 20px;
    margin-top: 10px;
    padding: 0 10px;
    width: 294px;
    float:left;
}

div.panel
{
    display: inline-block;
    width: 95%;    
    margin-left: 20px;
    padding: 0 10px;
}

#footer
{
    width: 100%;
    margin: auto 0 0 0;
    text-align: center;
}

#footer div
{
    padding: 30px;
}

#footer a
{
    color: #D4D4D4;
    text-decoration: underline;
    font-weight: bold;
}

/* TAB MENU   
----------------------------------------------------------*/
table#menu
{
    height: 50px;
    position: relative;
    margin: 0 0 0 35%;
    width: 65%;
    border-spacing: 10px;
    border-collapse: separate;
}

table#menu td#greeting
{
    text-decoration: none;
}

table#menu td
{
    line-height: 8px;
    font-family: 'Exo';
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center;
    padding: 0;    
    text-decoration: none;
    font-weight: bold;
    color: #D4D4D4;
    width: 80px;
    border-bottom: 5px solid White;
    margin: 0px 10px;
    cursor: pointer;
}

table#menu td a.dropdown-toggle
{
margin-top: 10%;
height: 100%;
display: inline-block;
width: 100%;
    color: #D4D4D4;
    text-decoration: none;
}
table#menu td .dropdown-menu
{
    
    border-radius: 0;    
    min-width: 112px;
}

table#menu td.tournament .dropdown-menu
{
    min-width: 116px;
}

table#menu td .dropdown-menu a
{
    text-align: left;
    font-size: 12px;
    padding: 5px 10px;
}

table#menu td.selected, table#menu td:hover
{
    border-bottom: 5px solid #00AFEF;
}

table#menu td.login
{
    float:right;
    padding: 10px 0;
    height: auto;
}

#submenu
{
    margin: 20px 0 0 30px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    height: 32px;   
}

#submenu div.divider
{
    background: transparent;
    width: 3px;
    border: 0;
    padding: 0px;
    height: 32px;
}

#submenu div.data
{
    width: 130px;
    text-align: left;
    padding-left: 20px;
}

#submenu div
{
    width: auto;
    float: left;
    padding: 10px;   
    height: 12px; 
    text-decoration: none;
    font-weight: bold;    
    text-transform: uppercase;
    background-image: -webkit-gradient(linear,left top,right bottom,from(#717075),to(#AFB0B2));
    background-image: -webkit-linear-gradient(#717075,#AFB0B2);
    background-image: -moz-linear-gradient(#717075,#AFB0B2);
    background-image: -ms-linear-gradient(#717075,#AFB0B2);
    background-image: -o-linear-gradient(#717075,#AFB0B2);
    background-image: linear-gradient(#717075,#AFB0B2);
}


#submenu div.spacer
{
    width: 4px;
}




#submenu div.data:hover
{
       text-decoration: none;
       background-color: #272425;
       background-image: none;
        cursor: pointer;    
}

#submenu div:active
{
       background-color: #272425;
       background-image: none;
    text-decoration: none;
}

#submenu div.selected
{
       background-color: #272425;
       background-image: none;
    
}

#division-menu
{
    
    padding: 0;
    margin-left: 30px;
    height: 31px;   
    color: white; 
    
}

#division-menu div
{
    font-family: 'Exo';
    min-width: 100px;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #717074;
    float:left;
    width: auto;  
    padding: 10px 15px 4px 15px;
    text-decoration: none;    
    font-weight: bold;
    margin: 0 0 0 1px;
}

#division-menu div.seperator
{ 
    background-color: gainsboro;
    height: 31px;
    width: 1px;  
    padding: 0;
}

#division-menu img.divider
{ 
    display: inline;
}

#division-menu div:hover
{
    text-decoration: none;
    cursor: pointer;
    color: white;     
}

#division-menu div:active, #division-menu div.selected
{
    background-color: Black;
}

div.division_title { text-transform: uppercase; background-color: #00AFEF; font-size: 24px; color: White; padding: 10px 40px; margin: 20px 10px 10px 0 }

div.division_title span { font-weight: bold; }
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: #666;
    padding: 10px !important;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}


select, input
{
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;    
    background-color: #DBDBDB;
    border: 1px solid #313131;
    color: #666666; 
    height: 1.5em;

}

#EditPlayer select, #EditPlayer input, #EditPlayerTeam select, #EditPlayerTeam input {
    width: 18em;
}

#EditTeam { background-color: White; }

#EditTeam select, #EditTeam input 
{
    width: 18em;
    
}

#EditPlayer input[type="checkbox"], #EditPlayerTeam input[type="checkbox"] {
    width: auto;
}
#GameSheet select, #GameSheet input
{
margin-bottom: 0;
    padding: 0;
    height: 30px;
    text-align: center;
    font-weight: bold;
}


.div-content select, .div-content input
{
       border: 1px solid #B0B0B0;
}



/* TABLE
----------------------------------------------------------*/



table th
{
  padding: 3px 2px;
  text-align: left;
}

div.division-list
{
       background-color: #F8F8F8;   
       min-height: 300px;
    background-color: #F8F8F8;   
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;   
}

th.sortable:hover
{
    cursor: pointer;
    color: Black;
}

th.sorted, td.sorted
{
    color: Black !important;
    font-weight: bold;
    background-color: #E6E7E7;
}

th.sortable
{
    color: #D4D4D4;
}

div.division-list.boxscore
{
    margin: 10px;
    width: 45%;
    float: left;
    min-height: 20px; 
    background-color: #F1F1F1;
    -webkit-border-radius: 10px 10px 5px 5px;
    border-radius: 10px 10px 5px 5px;
    -moz-border-radius: 10px 10px 5px 5px;   
}

div.division-list.boxscore td
{
    font-weight: bold;
    color: #666666;
}

div.division-list.boxscore td.right
{
    color: #353535;
}

div.division-list.boxscore table tr.data.odd
{    
    background-color: #F1F1F1;
}

div.division-list.boxscore table tr.data
{    
    background-color: #E3E3E3;
}

div.division-list table, table.division-list
{
    width:100%;
    border-collapse: collapse;    
    color: #424447;
}



div.division-list table tr.data.odd
{ 
    background-color: #D4D4D4;
}

div.division-list table tr.data
{ 
    background-color: #F8F8F8;
}


div.division-list table tr.group
{ 
    font-weight: bold;
    background-color: #999;
}

div.division-list table tr.header-row
{    
    background-image:url(/images/division-list-header.png); 
    background-repeat: repeat-x;
    color: #F6F6F6; 
}

div.division-list.boxscore div.header-row
{    
    background-color: #00AFEF;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0; 
    color: White; 
    text-align:right;
    padding: 5px 15px 5px 10px;
}

div.division-list table th
{
    text-align: center;
    padding: 7px 5px;
}

div.division-list table th.text, table.division-list td.text, table.division-list th.text
{
    text-align: left;
}


div.division-list table td, table.division-list td, table.division-list th
{
    text-align: center;
    padding: 5px;
}


div.division-list table td a :hover
{
    color: #424447;
}

div.division-list table td.text
{
    text-align: left;
    padding: 5px 10px;
}


div.division-list table td.right
{
    text-align: right;
    padding-right: 15px;
    color: #333333;
}

div.division-list table td div.text
{
    text-align: left;
}

div.standings
{
    background-color: White;
    overflow: hidden;
   min-height: 495px;
   width: 100%
}

div.standings.playoffs
{
    min-height: 200px;
    padding-bottom: 20px;
}

div.standings div.pool
{
   width: 50%;
   float: left;
}


div.standings div.header
{
    background-color: Black;
    color: #DCDCDC;
    width: 100px;
    font-size: 15px;
    font-weight: normal;
    padding:  10px 10px 3px 10px;
    margin: 0;
}

div.list
{
    width: 98%;
    background-color: White;
    padding: 10px 1%;
       border-top: 4px solid #00AFEF; 
    border-bottom: 4px solid #00AFEF;
    margin-bottom: 0px;
}



div.standings div.list
{
    min-height: 450px;
}


div.list div.footer
{    
    background-image: -webkit-gradient(linear,top left, bottomleft,from(#272425),to(#706F73));
    background-image: -webkit-linear-gradient(left,#272425,#706F73);
    background-image: -moz-linear-gradient(left,#272425,#706F73);
    background-image: -ms-linear-gradient(left,#272425,#706F73);
    background-image: -o-linear-gradient(left,#272425,#706F73);
    background-image: linear-gradient(left,#272425,#706F73);
    padding: 5px;
    float: right;
    position: relative;
    left: 10px;
    top: 30px;
    font-size: 20px;    
    color: #00AFEF;
}

div.list div.footer div.small
{
    font-size: 11px;
    color: White;
    float: left;
    padding: 6px;
}

div.list table
{
    margin-bottom: 20px;
    width: 97%;
}
#boxscore div.list table
{
    width: 100%;
}

table
{
    border-collapse: collapse;
}

table tr.spacer
{
    height: 15px;
}

div.list table th
{
    color: #3F3F3F;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    border-bottom: 4px solid #E6E7E7;
    font-weight: bold;
}

div.list table td
{
    font-weight: bold;
    color: #6E6D71;
    text-align: center;
    font-size: 11px;
    border-bottom: 2px solid #E6E7E7;
    border-right: 1px dotted #E6E7E7;
    padding: 10px 0;
}


div.list table td.bright, div.list table th.bright
{
    color: #3F3F3F;
    font-weight: bold; 
}


div.list table td.text, div.list table td.text a
{
    text-align: left;
    color: #3F3F3F;
    text-decoration: none;
    border-right: none;
    font-size: 12px;
    
    
}

div.list table td.text { padding-left: 5px; }

div.list table td.text a:hover { color: Black; cursor: pointer; }

div.list table td.text span
{
    font-size: 20px;
    font-weight: bold;
}

div.list table th.text
{
    text-align: left;
    padding-left: 5px;
}

div.list table th.main
{
    border-bottom: 5px solid black;
    width: 100px;
    padding-right: 20px;
    color: #3F3F3F;
    
    
}

table th.spacer, table td.spacer
{
    width: 0px;
    border-bottom: 0 !important;
    border-right: none;
}

div.standings table th
{
    width: 25px;
}

div.standings table th.last10
{
    width: 35px;
}


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 1em 0 0;
    float:left;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
    float:left;
}

fieldset .display-label, fieldset .editor-label
{
    width: 80px;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

div.boxscore img
{
    height: 25px; 
    cursor: pointer;
}

a.btn { margin-left: 10px; }


div.game_totals_div
{
    width: 60%;
    margin: 10px auto;
    overflow: hidden;
    color: #666;
}

div.game_totals_box
{
   float:left;    
   width: 40%;
}

div.game_totals_middle
{
   float:left;    
   width: 20%;
}

div.game_totals_box div, div.game_totals_middle div
{
    text-align: center;
    height: 30px;
}

div.game_totals_box label, div.game_totals_middle label
{
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}

div.game_totals_box input.goals, div.game_totals_box input.penalties
{
    width: 50px;
    font-size: 16px;
    font-weight: bold;
}

div.game_totals_box div.team_name
{
    font-size: 16px;
    font-weight: bold;
}

#AdminFilters
{
    display: inline-block;
    width: 100%;
    color: #666;
}

#SelectGame
{
    overflow: hidden;
    color: #666;
}

#SelectGame div
{
    display: inline-block;
    width: 100%;
}


#SelectGame label, #SelectGame select
{
    float: left;
    height: 30px;
    margin: 10px;
    min-width: 90px;
}

#AdminFilters label, #AdminFilters select
{
    float: left;
    height: 26px;
    margin: 10px 10px 10px 0;
}

#AdminFilters div.dvButton
{
    float: right;
    margin: 10px 0;
}

#SelectGame select
{
    width: 30em;
}

#SelectGame #ddDivision
{
    width: 15em;
}


#team-roster div.list { border: 0; }
.ui-dialog .ui-dialog-titlebar { background-color: #00AFEF; border: none; }

.ui-dialog { background: #00AFEF !important; }

#AddPlayer
{
    padding: 0px;
    margin: 0px;
}


#AddPlayer div.panel{
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
}


#AddPlayer div.panel div.search-results
{
    height: 600px;
    padding: 5px;
}


    #AddPlayer div.panel div.search-results #PlayerList {
        height: 550px;
        overflow: auto;
    }

    #SelectGame #chkIncludeCompleted {
        width: auto;
        float: left;
        margin: 13px 0;
    }


div.schedule_container
{
    padding: 10px 1%;
    width: 98%;
    border-bottom: 4px solid #00AFEF;
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
}


div.schedule_container div.header
{
    background-color: #00AFEF;
    color: #DCDCDC;
    width: 100px;
    font-size: 15px;
    font-weight: normal;
    padding:  6px 10px 2px 10px;
    margin: 0;
}

div.schedule_container table
{
    background-color: White;
    font-size: 10px;
    text-transform: uppercase;
    color: #3F3F3F;
    width: 100%;
}


div.schedule_container table tr
{    
    padding: 0 10px;
}

div.schedule_container th
{
    border-bottom: 4px solid #E6E7E7;
}

div.schedule_container th.times, div.schedule_container td.times
{
    color: black;
    width: 47px;
    padding-left: 10px;
}

div.schedule_container tr.final
{
    border-top: 4px solid #00AFEF;
    border-bottom: 4px solid #00AFEF;
}

div.schedule_container tr.played td
{
    color: #B2B1B3;
}

div.schedule_container tr.playing td
{
    font-weight: 600;
}

div.schedule_container td.times span
{
    color: #00AFEF;
}

div.schedule_container th.times
{
    border-bottom: 5px solid black;
}

div.schedule_container th.rink, div.schedule_container td.rink
{
    text-align: center;
    padding-right: 10px;
}

div.schedule_container th
{
    color: #B2B1B3;
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

div.schedule_container td
{
    vertical-align: top;
    text-align: left;
    border-bottom: 2px solid #E6E7E7;
    color: black;
    padding: 5px 2px;
}

div.news_container
{
    width: 100%;
}

div.news_title
{    
    line-height: 0.8;
    margin-top: 20px;
    display: inline-block;
    padding: 20px 40px 15px 20px;
    font-weight: bold;
    background-color: Black;
    text-transform: uppercase;
    color: White;
}
div.news_container div.header
{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#717075),to(#AFB0B2));
    background-image: -webkit-linear-gradient(#717075,#AFB0B2);
    background-image: -moz-linear-gradient(#717075,#AFB0B2);
    background-image: -ms-linear-gradient(#717075,#AFB0B2);
    background-image: -o-linear-gradient(#717075,#AFB0B2);
    background-image: linear-gradient(#717075,#AFB0B2);
    color: #DCDCDC;
    width: 100px;
    font-size: 15px;
    font-weight: normal;
    padding:  10px 10px 3px 10px;
    margin: 0;
}

div.news_container div.list
{
    background-color: White;
    padding: 10px;
    height: 332px;
    overflow-x: hidden;
    overflow-y: auto;
    border-bottom: 4px solid #00AFEF;
}

div.news_container div.news
{
    border-top: 1px solid #DDDEDF;
    margin-bottom: 10px;
}

div.news_container span
{
    color: #00AFEF;
    font-size: 12px;
    
}

#frmPostNews
{
    padding: 20px;
}

div.news_container p
{
    font-size: 12px;
    margin: 2px 0 5px 0;
    color: #646464;
}


#PostNews label, #PostNews select
{    
    height: 30px;
    float: left;
    margin: 0 10px;
}

#PostNews label
{
    font-weight: bold;
    padding: 5px 0;
}

#SelectGame label
{
    font-weight: bold;
    padding: 5px;
}

#PostNews label.header
{
    font-size: 16px;
}

#game_detail_header
{
    
    padding: 10px;   
}

#game_detail_header span
{
    font-size: 14px;
    font-weight: bold;
}

div.team_header
{
    float: left;
    width: 50%;
    background-color: #00AFEF;
    padding: 10px 0;
    text-align: center;
    
}


div.team_header label
{   
    padding: 5px;
    font-size: 16px;
    color: White;
    font-weight: bold;
}

div.gamesheet_team
{
    width: 50%;
    float:left;
}

div.gamesheet_title
{
    font-size: 16px;
    font-weight: bold;
    color: #888888;   
    padding: 6px;
}

.div-content
{
    background-color: #F8F8F8;   
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;   
    color: #444;
}

#main_banner
{    
    
    border-top: 3px solid #00AFEF;
}

#main_banner div
{    
    height: 100px;
    width:957px; 
    margin-left: auto;
    margin-right: auto; 
}


#main_banner div a, #main_banner div img
{    
    float: right;
}

div.loginpanel { margin: 250px auto; width: 250px; }

div.loginheader  
{
    display: inline-block;
    width: auto;
    background-color: #00AFEF;
    color: White;
    padding: 10px 50px 5px 10px; 
}

div.loginpanel fieldset { border-bottom: 5px solid #00AFEF; background: White; padding: 20px !important; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }

div.loginpanel fieldset label { color: Black; font-weight: bold; text-transform: uppercase; }

div.loginpanel fieldset input { color: Black; font-weight: bold; background-color: #F6F6F6;  border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; padding: 10px; }

div.loginpanel input.loginbutton { background-color: Black; color: White; float: right; padding: 10px 20px; height: 40px; }

#main_banner div a.login
{
    text-decoration: none;
    color: gainsboro;
    padding: 12px 15px;
    font-weight: bold;
}

#crhl_logo
{
    background-color: transparent;
    height: 115px;
    width: 314px;
    position:absolute;
    top: 20px;
    z-index: 9999;
    cursor: pointer;
 }


#bg-main
{ 
    min-width:957px; 
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;   
    background-repeat: repeat; 
}

#GameDetails a.btn
{
    margin-left: 0;
    margin-right: 10px;
}
#GameRoster a.btn
{
    margin-left: 0;
    margin-right: 10px;
}

#GameDetails tr td { padding-bottom: 10px; }

#GoalTime, #PenaltyTime, #PlayerID, #Assist1ID, #Assist2ID, #PenaltyMinutes, #Period
{
    width: 50px;
}
#Period { margin: 0 3px; }
#GoalMinute, #GoalSecond, #PenaltyMinute, #PenaltySecond
{
    width: 25px;
    margin: 0 3px;
}

#GoalTypeCode
{
    width: 60px;
}

#PenaltyTypeCode
{
    width: 150px;
}


div.actionbar
{
    width: auto;
    float:right;
    vertical-align: middle;
    margin: 20px;
}


div.newline
{
    width: 100%;
    display: inline-block;
}

fieldset div
{
    display: block;
    width: 100%;    
    overflow: hidden;
}

div.ui-dialog fieldset div {
    width: auto;
}

div.ui-dialog fieldset div.display-label, div.ui-dialog fieldset div.editor-label {
width: 8em;
}

div.division-list-top
{ 
    display: inline-block;
    padding: 5px;    
}
div.division-list-top select
{
    float: right;
}

div.division-list-top div.dropdown { float: left; margin: 10px; }
div.division-list-top a.dropdown-toggle {  color: #333 !important; text-decoration: none; }

div.div-stats
{
    padding: 10px 0;
}

div.division-list-top a.stats-unselected
{
    font-size: 14px;
    color: #666;
    margin-top: 0;
}

div.division-list-top span.stats-selected
{
    font-size: 14px;
    color: #666;
    font-weight: bold;
}


div.division-list-top a.stats-unselected:hover
{
    font-weight: bold;
}

div.division-list-top a.selected
{
    font-weight:bold;
}

div.division-list-top #TeamID
{
    float: right;
}

#division-calendar
{
    width: 294px;
    display: inline-block;
}

#division-calendar div.calendar-day
{
    width: 42px;
    height: 42px;
    float: left;
    text-align: center;
    background-image:url(/images/calendar-day.png); 
    background-repeat: no-repeat; 
    color: White;   
}


#division-calendar div.calendar-day :hover
{
    cursor: pointer; 
    text-decoration: underline;   
}

#division-calendar div.calendar-day.selected
{
    background-image:url(/images/calendar-day-selected.png); 
    background-repeat: no-repeat; 
    
}


#division-calendar div.calendar-day div.league-games
{
    
    width: 13px;
    height: 12px;
    margin-top: -12px;
    margin-left: 27px;
    background-image:url(/images/league-game.png); 
    background-repeat: no-repeat; 
    
}
#division-calendar div.calendar-day div.team-games
{
    
    width: 13px;
    height: 12px;
    margin-top: -12px;
    margin-left: 27px;
    background-image:url(/images/team-game.png); 
    background-repeat: no-repeat; 
    
}

#division-calendar div span
{
    color: #666;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    display:inline-block;
}


#division-calendar div.calendar-day.inactive span
{
    color: #B4B4B4;
}


#division-calendar div.calendar-day.inactive
{    
    background-image:url(/images/calendar-day.png); 
}

#division-calendar div.sunday
{
    background-image:url(/images/calendar-day-sunday.png); 
    background-repeat: no-repeat; 
 
}

#EditGame, #EditNews { background-color: White; }

#EditNews textarea { width: 600px; height: 200px; }

#calendar-header
{
    width: 294px;
    height: 30px;
    margin: 20px auto;
    background-color: #00AFEF;
    color: White;
}

#calendar-arrow-back
{ 
    font-size: 20px;
    width: 14px;
    height: 14px;
    float:left;
    margin: 5px 0 0 18px;
    color: White; 
    cursor: pointer;
}

#calendar-arrow-forward
{ 
    font-size: 20px;
    width: 14px;
    height: 14px;
    float: right;
    margin: 5px 18px 0 0;  
    color: White;
    cursor: pointer;
}

#calendar-title, #calendar-header, #games-title, div.standings.playoffs { font-family: 'Exo'; }

#calendar-title
{
    display: inline-block;
    padding: 10px;
    height: 12px;
    padding-left: 20px;
    font-weight: bold;
    background-color: Black;
    text-transform: uppercase;
    color: White;
}

#calendar-container
{
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    padding: 5px;
    background-color: White;
}


#calendar-month
{
    text-transform: uppercase;
    font-size: 16px;
    width: 190px;
    margin: 7px 17px 3px 17px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}

#calendar-days
{
    background-image:url(/images/calendar-days.png); 
    background-repeat: no-repeat; 
    width: 294px;
    height: 27px;
    margin: 0 auto;    
}

#calendar-days div
{
    width: 34px;
    font-weight: bold;
    font-size: 14px;
    color: #B4B4B4;
    float: left;
    padding: 4px;
    text-align: center;    
}

#games-header
{
   width: 100%;
    height: 39px;
    margin: 0 auto;    
    background-color: Black;   
    margin-top: 10px; 
}

#games-arrow-back
{
    width: 13px;
    height: 14px;
    float:left;
    margin: 8px 0 0 36px;
    text-decoration: none;
    font-size: 20px; 
    cursor: pointer;
    color: White;
}

#games-arrow-forward
{
    width: 15px;
    height: 14px;
    float: right;
    margin: 8px 36px 0 0;    
    text-decoration: none;
    font-size: 20px; 
    cursor: pointer;
    color: White;
}

#games-title
{
    text-transform: uppercase;
    font-size: 16px;
    margin: 10px auto;
    font-weight: bold;
    width: 776px;
    text-align: center;
    display: inline-block;
    color: White;
}

#team-game-label
{
    background-image:url(/images/team-game.png); 
    background-repeat: no-repeat;
    width: 40%;
    margin-left: 10%;
    float:left; 
    margin-top: 10px;
}

#league-game-label
{
    background-image:url(/images/league-game.png); 
    background-repeat: no-repeat;
    width: 40%;
    float:left;   
    margin-top: 10px;
}


#team-game-label span, #league-game-label span
{
    margin-left: 30px;
    font-weight: bold;
}


div#calendar
{
    overflow: hidden;
}

div#calendar div.day
{
    position: relative;
    margin: 0 3px;
    padding: 5px;
    float: left;
    background-color: #717074;
    border: 1px transparent #717074;
    text-align: center;
    top: -1px;
    width: 26px;
    cursor: pointer;
    color: White;
}


div#calendar div.day.active, div#calendar div.day.active:hover
{
    background-color: #00AFEF;
}

div#calendar div.day:hover
{
    background-color: black;
    color: White;
}

div#calendar div.day.active div.number, div#calendar div.day.active div.name, div#calendar div.day:hover div.number, div#calendar div.day:hover div.name
{
    color: White;
}


div#calendar div.day div.number
{
   font-size: 20px;
   font-weight: bolder;
}


div#calendar div.day div.name
{
   font-size: 11px;
}


a.button
{
    background-color: #00AFEF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: #333333 !important;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

div.content
{
width: 100%;
display: inline-block;
background-color: white;
}

a.button:hover
{
    text-decoration: underline;
}

a.btn span
{
    font-size: 10px;
    padding: 2px 5px !important;
}


div.league-news-list
{
    padding: 10px 30px;
    height: 300px;
    overflow-y: scroll;
}

div#home-welcome, div#home-logo { padding: 0; margin: 20px 0; 
    border-bottom: 5px solid #00AFEF; }
    
#home-welcome
{
    width: 35%;
    position: relative;
}

#home-welcome p
{
    font-family: Verdana;
    font-size: 11px;
}

#home-news
{
    margin-top: 30px;
}

#home-news div.league-news-list
{
    min-height: 350px;
    padding: 30px;
}
#christian-image 
{   
    left: -56px;
    height: 190px;
    position: absolute;
    top: 10px;
}

div#home-welcome div.news_title { margin-top: 0; }

div#home-welcome div.div-content { padding: 25px 15px; background: white; min-height: 284px; }

a.more-about:hover  
{
    text-decoration: none;
    cursor: pointer;
    color: #00AFEF;
}

a.more-about
{
font-size: 12px;
position: absolute;
bottom: -30px;
right: 0;
padding: 15px 40px 15px 20px;
background-color: Black;
text-transform: uppercase;
color: White;
}

a.more-about span { color: #00AFEF; }

div#home-logo { margin-left: 30px; position: relative; }

div#home-logo div.div-content { margin: 0; padding: 0; }

#home-welcome p.home_quote  
{
    color: #00AFEF; font-size: 14px; margin-top: 40px; text-align: right; }

div.home-news-list
{
    padding: 10px 30px;
    margin: auto;
    width: 75%;
    min-height: 300px;
}

div.division-news-list
{
    padding: 10px 30px;
    margin: 20px auto 0 auto;
    min-height: 300px;
}
div.league-news
{
    border-bottom: 1px solid #A0A0A0;
}

div.league-news span.posted-by
{
    font-weight: bold;
}
 
div.league-news span.posted-date, div.league-news span.posted-for
{
    color: #B4B4B4;
    font-size: 10px;
}

div.league-news p
{
    margin: 0;
    padding: 5px 0;
}
/*
#GameRoster
{
    margin-top: 20px;
    margin-bottom: 20px;
}

#GameRoster .div-content
{
    width: 60%;
    margin: auto;
}*/

.roster-players
{
    float: left;
    width: 50%;
}

.roster-players div.player
{
    position: relative;
    padding:  7px 0;
    width: 50%;
    float: left;
    overflow: hidden;
    min-height: 30px;
}

.roster-players div.player:hover
{
    background-color: #DBDBDB;
    cursor: pointer;
}

.roster-players div.player.editing
{
    background-color: #DBDBDB;
}


.roster-players div.player input:hover
{
    cursor: pointer;
}

.roster-players div.player:hover label
{
    cursor: pointer;
}

.roster-players div.player .PlayerNumber
{
    width: 20px;
    font-size: 11px;
    padding: 0px;
}

.roster-players div.player label.PlayerNumber
{
    width: 20px;
    font-size: 10px;
    padding: 0px;
    background-color: #F1F4F7;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    border-radius: 5px;
    text-align: center;
}

.roster-players div.tools
{
    padding:  1px 0 1px 10px;
    width: 90%;
    margin: 10px 0;
}

.roster-players div.subs
{
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    clear: both;
    padding: 5px;
}

a.greybutton:hover {
   font-weight: bold !important;
}

a.greybutton {
    border: 1px solid #CCCDCF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #F1F4F7;
    font-size: 10px;
    padding: 3px !important;
    color: #999;
   font-weight: normal;
    border-image: initial;
}

div.roster-players div.actions
{
    float: right !important;
    text-align: right;
    right: 0;
    position: absolute;
}

div.roster-players div.player div.display.actions a.btn
{
    border-color: #eee;
    color: #aaa;
}

div.roster-players div.player div.display
{
    float: left;
    height: 30px;
}

div.roster-players div.player div.display.actions a.btn:hover
{
    border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
    color: #333;
}



.roster-players input, .roster-players label
{
    margin: 0 0 0 5px;
    height: 20px !important;
    display: block;
    float: left;
    font-size: 13px;
}

#home-title
{
    font-weight: bold;
}

#home-image
{
    
    width: 100%;
}

.div-content
{
    padding: 30px;
}

td div
{
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;   
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis;   
}

#EditPlayer, #EditPlayerTeam 
{
    background-color: White;
    padding: 0;
}

.noTitleStuff .ui-dialog-titlebar {display:none}

#boxscore, #player, #team-roster 
{    
    background-image:url(/images/content_background.png); 
    background-repeat: repeat;
    padding: 0;
    overflow-x: hidden;
}


#boxscore div.list table th, #player div.list table th
{    
    font-weight: normal;

}

#boxscore div.list table td, #player div.list table td
{    
    padding-left: 4px;
    font-weight: normal;
    color: #333333;

}

#player div.list table tr.totals td
{    
    font-weight: bold;

}

#boxscore div.list table td.text, #player div.list table td.text, #team-roster div.list table td.text
{    
    padding: 5px;
}

div.ui-dialog.noTitleStuff 
{
    -webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
    -moz-border-radius: 5px 5px; 
    padding: 0;
    border: 0;
}

div.ui-dialog #header
{    
   background-color: #00AFEF;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0; 
    padding: 10px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}


#boxscore #header span.date
{    
    
    font-size: 12px;
    float:right;
    padding: 4px;
    font-weight: normal;
}


#boxscore div#score, #boxscore div#title
{    
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 5px 0;
    color: #666;
}

#boxscore div#score span
{
    float:left;
    width: 44%;
    font-size: 16px;
    text-align: center;
}

#boxscore div#score span.goals
{
    float:left;
    width: 10%;
    background-color: #E0E0E0;    
    color: #666666;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px; 
    padding: 1%;
}


#boxscore div.list, #player div.list, #team-roster div.list
{
    min-height: 100px;
    font-size: 12px;
}

#boxscore .division-list table, #team-roster table.division-list
{
    color: #666666;
    background-color: #F1F1F1;
}


#boxscore .list tr.group td
{
    font-weight: bold;
    color: #666666;
    background-color: #E0E0E0;
    font-size: 9px;
}

#boxscore .list table tr td
{
    text-align: left;
}

#boxscore .division-list table tr.odd,#team-roster table.division-list tr.odd
{

  background-color: #E3E3E3;
}


#boxscore div.list div.header-row
{    
    background-color: #717074;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0; 
    text-align: center;
    padding: 5px;
    color: #ffffff;
    font-size: 14px;
    border-color: transparent;
}


#player div.division-list div.header-row
{    
    background-color: #717074;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    height: 5px;
    border-color: transparent;
}


#player div.division-list tr.header-row, #team-roster table.division-list tr.header-row
{    
    background-color: #717074;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0; 
    text-align: center;
    padding: 5px;
    color: #ffffff;
    font-size: 12px;
    border-color: transparent;
}

#player #header span.date
{    
    
    font-size: 12px;
    float:right;
    padding: 4px;
    font-weight: normal;
}


#player div.division-list
{    
    min-height: 60px;
}

#player div.division-list table
{   
    padding-top: 5px;
}

#player label
{   
    color: #3F3F3F;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}

#summary_standings, #summary_schedule{
    min-height:0;
}

label.header
{
    font-size: 16px;
    font-weight: bold;
}

div.toggles
{
    margin-top: 20px;
    text-align: center;
}

a.toggle
{
    color: #D4D4D4;
    text-decoration: none;
    padding: 5px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: bold;
}

a.toggle.selected
{
    background-color: #8C8C8C;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    color: white;
}

a.toggle:hover
{
    color: white;
}
#Rules { margin: 20px; }

div.page-title { 
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#dvCalendar { margin-top: -33px; }

div.page-sub-title{ color: #333;font-size: 18px; font-weight: bold; margin-bottom: 10px; margin-top: 20px;}

div.list-item { margin-left: 20px; margin-bottom: 5px; margin-top: 5px; color: #111; }
div.list-sub-item { margin-left: 40px; margin-bottom: 3px; margin-top: 3px;  color: #111; }

#About div.executive-name {color: #333;float: left; width:300px; font-weight: bold; padding: 10px; }
#About div.executive-email {color: #333;float: left; width: 200px; padding: 10px; }

#About div.list { overflow: hidden; width: 100%; border: none; }
#Rules div.list { overflow: hidden; width: 100%; border: none; }

div.playofftree div.series { float: left; width: 33%; }

div.playofftree div.series div.team div.wins { 
float: right;
width: 10%;
padding: 40px 0 20px 0;
text-align: center;
height: 20px;
color: White;
 font-size: 20px;
}

div.playofftree div.series div.team2 div.wins
{
    background-color: Black;
}
div.playofftree div.series div.team1 div.wins
{
    background-color: #00AFEF;
}


div.playofftree div.series.round2 div.team2 div.wins
{
    background-color: #E6E7E7;
    color: #333;
}
    

div.playofftree div.series div.team
{
    overflow: hidden;
    text-transform: uppercase;
}

div.playofftree div.series div.team div
{
    height: 65px;
    padding: 10px 2% 5px 2%;
    width: 81%;
    line-height: 1.1;
    font-size: 30px;
    float: left;
}


div.playofftree div.series div.team span
{
    font-size: 24px;
}
div.playofftree div.series div.team1
{ 
    border-bottom: 5px solid #00AFEF;
}


div.playofftree div.series div.team2
{
    border-bottom: 5px solid Black;
}


div.playofftree div.series.round2 div.team 
{
    margin-top: 151px;
    border-bottom: 5px solid #00AFEF;
    background-color: Black;
    color: White;
}

div.playofftree div.series.round2 div.news_title
{
    
border-bottom: 5px solid #00AFEF;
background-color: #00AFEF;
    margin-top: 115px;
}


div.playofftree div.series.round2 div.team.team2
{
    margin-top: 85px;
    border-bottom: 5px solid Black;
}

div.playofftree div.series.winner div.team 
{
    margin-top: 236px;
    border-bottom: 5px solid #00AFEF;
    background-color: #00AFEF;
    color: White;
}

div.playoffresults { background: white; padding: 10px 2%; width: 96%; }
div.playoffresults div.list { background-color: #eee; overflow: hidden; }
div.playoffresults div.list table { margin: 0; }
div.playoffresults div.list table td.main { font-weight: bold; width: 10%; }
div.playoffresults div.list table td.team { width: 25%; }
div.playoffresults div.list table td.vs { width: 5%; }
div.playoffresults div.list table td.score { width: 15%; }
div.playoffresults div.list table td.box { width: 15%; text-align: right; }
div.playoffresults div.list table td {
    border-bottom: 5px solid #E6E7E7;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
}

div.playoffresults div.list table td strong { color: Black; }

div.playoffresults div.list table td.main {
    border-bottom: 5px solid Black;
}


div.playoffresults div.score1, div.playoffresults div.score2 { color: black; font-weight: bold; font-size: 14px;padding: 5px 0; text-align: center; min-height: 20px; float: left; width: 28%; margin: 5px 1%; background-color: White; }

div.playoffresults div.score_label { text-align: center; float: left; width: 40%; padding: 10px 0; }

div.playoffresults div.news_title
{
    
border-bottom: 5px solid #00AFEF;
background-color: #00AFEF;
}

div.playoffresults div.list
{
    border: none;
    min-height: 150px;
}
div.playoffschedule { background-color: white; padding: 10px; }

div.playoffschedule div.series { width: 29%; float: left; background-color: #ddd; margin: 10px 1%; padding: 10px 1%; }

div.playoffschedule div.series div.title { font-size: 20px; font-weight: bold; color: #00AFEF; margin-bottom: 10px; }

div.playoffschedule div.series label { font-weight: bold; }

.dropdown-menu li:hover,.dropdown-menu li > a:hover  { background: #00AFEF !important; }

#ui-datepicker-div { background: #F6F6F6; }
.ui-datepicker .ui-datepicker-header { background: #00AFEF; }

table.ui-datepicker-calendar tr th { color: Black; }

table.ui-datepicker-calendar tr td a.ui-state-default { background: White; color: Black; }

table.ui-datepicker-calendar tr td a.ui-state-default.ui-state-active { background: Black; color: White; }

table.rules_table { background-color: White; }

table.rules_table td { border: 1px solid black; padding: 2px; }

table.rules_table td:first-child { width: 40px; border: 0; }
table.rules_table td:last-child { width: 150px; }


div#Application table tr td { padding: 5px; }

div#Application table thead tr th { color: rgb(0, 112, 192); }
div#Application table tbody tr td input { margin-bottom: 0; }
div#Application table tbody tr td input#SweaterNumber { width: 50px; }
div#Application table tbody tr td input#FirstName, div#Application table tbody tr td input#LastName { width: 180px; }
div#Application table tbody tr td input#Church { width: 300px; }


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
}

#overlay #floatingCirclesG { 
top: 40%;
margin: auto;
 }
 
#floatingCirclesG{
position:relative;
width:100px;
height:100px;
-moz-transform:scale(0.6);
-webkit-transform:scale(0.6);
-ms-transform:scale(0.6);
-o-transform:scale(0.6);
transform:scale(0.6);
}

.f_circleG{
position:absolute;
background-color:#FFFFFF;
height:18px;
width:18px;
-moz-border-radius:9px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.28s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:9px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.28s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:9px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.28s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:9px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.28s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:9px;
animation-name:f_fadeG;
animation-duration:1.28s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#frotateG_01{
left:0;
top:41px;
-moz-animation-delay:0.48s;
-webkit-animation-delay:0.48s;
-ms-animation-delay:0.48s;
-o-animation-delay:0.48s;
animation-delay:0.48s;
}

#frotateG_02{
left:12px;
top:12px;
-moz-animation-delay:0.64s;
-webkit-animation-delay:0.64s;
-ms-animation-delay:0.64s;
-o-animation-delay:0.64s;
animation-delay:0.64s;
}

#frotateG_03{
left:41px;
top:0;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#frotateG_04{
right:12px;
top:12px;
-moz-animation-delay:0.96s;
-webkit-animation-delay:0.96s;
-ms-animation-delay:0.96s;
-o-animation-delay:0.96s;
animation-delay:0.96s;
}

#frotateG_05{
right:0;
top:41px;
-moz-animation-delay:1.12s;
-webkit-animation-delay:1.12s;
-ms-animation-delay:1.12s;
-o-animation-delay:1.12s;
animation-delay:1.12s;
}

#frotateG_06{
right:12px;
bottom:12px;
-moz-animation-delay:1.28s;
-webkit-animation-delay:1.28s;
-ms-animation-delay:1.28s;
-o-animation-delay:1.28s;
animation-delay:1.28s;
}

#frotateG_07{
left:41px;
bottom:0;
-moz-animation-delay:1.44s;
-webkit-animation-delay:1.44s;
-ms-animation-delay:1.44s;
-o-animation-delay:1.44s;
animation-delay:1.44s;
}

#frotateG_08{
left:12px;
bottom:12px;
-moz-animation-delay:1.6s;
-webkit-animation-delay:1.6s;
-ms-animation-delay:1.6s;
-o-animation-delay:1.6s;
animation-delay:1.6s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#00539a}

100%{
background-color:#FFFFFF}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#00539a}

100%{
background-color:#FFFFFF}

}

@-ms-keyframes f_fadeG{
0%{
background-color:#00539a}

100%{
background-color:#FFFFFF}

}

@-o-keyframes f_fadeG{
0%{
background-color:#00539a}

100%{
background-color:#FFFFFF}

}

@keyframes f_fadeG {
    0% {
        background-color: #00539a
    }

    100% {
        background-color: #FFFFFF
    }
}

#SignaturePad{
    background-color: white;
    height: 100px;
    width: 400px;
    border: solid thin grey;
}

.waiver{
    margin-left: 20%;
}

.waiver .waiver-name{
    display: flex;
}

.waiver-signature{
    display:flex;
    flex-direction: column;
}

.waiver-name .form-group{
    padding-right: 24px;
}

.waiver-submit {
    background-color: #00AFEF;
    border-radius: 5px;
    padding: 12px;
    color: white;
    border: none;
    margin-top: 24px;
}