@import url(default.css) ;
@import url(850.css) (min-width:850px);
@import url(950.css) (min-width:950px);
@import url(1000.css) (min-width:1000px);
@import url(1080.css) (min-width:1080px);
@import url(1230.css) (min-width:1230px);


/* ---------------------------------------------------------------------------- *\
    Do not declare sizes here 
    Example: (%, em, px)
\* ---------------------------------------------------------------------------- */

/* =Typography
-----------------------------------------------------------------------------*/
td th {/* iPad Fix  */          
margin-top:-1px; /* this overlap the blamed ghost line */
padding-top:1px; /* this gave me my pixel back =) */
}


.bg_white{background-color:#fff !important; border:none;  }

.bg_white_graybottom{background-color:#fff !important; border-bottom:1px solid #ccc;}

.noBorderTopLeftBottom
{
    background-color:#fff !important;   
    border:1px solid #fff; 
    border-right:none !important;
}

.noBorderLeftRight{background-color:#fff !important;   
   border-right:1px solid #fff; 
    border-left:1px solid #fff; 
    border-bottom:none; border-top:none;
}
.noBorderLeft{background-color:#fff !important;  
    border-left:1px solid #fff; 
    border-bottom:none; border-top:none; border-right:none;
} 
.noBorderTop
{
    background-color:#fff !important;  
    border-top:1px solid #fff; 
    border-bottom:none; border-left:none; border-right:none;
}

.noBorderTopLeft
{
    background-color:#fff !important;  
    border-top:1px solid #fff; 
    border-left:1px solid #fff; 
    border-bottom:none; border-right:none;
} 
    

.x_light_gray{background-color:#eeeeee;}
.light_gray{background-color:#DFDFDF;}
.shade_gray{background-color:#d0d0d0;}
.x_shade_gray{background-color:#d5d5d5; }

.title_gray{background-color:#DDD;}
.medium_gray{background-color:#CCC;}
.dark_gray{background-color:#BBB;}

.club_gray{background-color:#c6cbcb}

.blue_row{background-image: url(../images/blue_clear.png); background-color:transparent !important;}

.border_none{border:none;}
.green_font{color:#006400;font-weight:bold;}

.left{text-align:left;}
.right{text-align:right;}


.blue_border_right{border-right:1px solid #004165}


.min333{min-width: 333px;max-width: 333px;}
.max65 {min-width: 65px;max-width: 65px;}
.max70 {min-width: 70px;max-width: 70px;}
.max22 {min-width: 23px;max-width: 23px;}
.max35{min-width: 35px;max-width: 35px;}
.max45{min-width: 45px;max-width: 45px;}


.textAlignRight{text-align:right !important;}


.redFont{color:#772432; font-weight: 600;}

.grayFont{color:#666}

/* = Google Gadgets    
-----------------------------------------------------------------------------*/

#chart_div1 {text-align:center}
#chart_div1 td {text-align:center}
#chart_div2 {text-align:center}
#chart_div3 {text-align:center}



/* =Debug        
-----------------------------------------------------------------------------*/    

/*
.debug{border: 1px solid red}
*/

/* Club Search */
.clubSearch_frame {
    width: 100%;
}

.clubSearch, .searchBtn {
    width: 91%;
}

.searchBtn {
    background-color: #772432;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 17px;
    color: #FFFFFF;
    font-family: Gotham-Bold;
    text-shadow: none;
    margin-top: 5px;
}

.clubSearch_frame .clubSearch {
    padding: 1px 0;
    border-width: 1px 0;

}



@media only screen and (min-width : 480px) {
    /* Club Search */
    .clubSearch, .searchBtn {
        width: 94%;
    }
}

@media only screen and (min-width : 768px) {
    /* Club Search */
    .clubSearch_frame {
        width: inherit;
    }
}

@media only screen and (min-width : 992px) {
    .sixth.leftNavMenu {
        width: 11.6%;    
    }
    .fivesixth.mainContent {
        width: 88.4%;
    }

    table.buttons {
        margin-left: 15px;
    }
    table.divisionArea_grid {
        width: 97%;
        margin-left: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .chart_container {
        width: 50% !important;
        margin-top: 10px;
    }

    .chart_table {
        width: 100% !important;
    }

    .performance_chart {
        width: 90%;
    }
}