#gsMatrix
{
    margin: auto;
    width: 100%;
}

#gsMatrix input[type="button"],
#gsMatrix input[type="submit"]
{
    background: #FF9900;
    color: #FFFFFF;
    border: none;
    padding: 2px 25px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    overflow: hidden;
}
#gsMatrix input:hover[type="button"],
#gsMatrix input:hover[type="submit"]
{
    background: #CC6633;
    cursor: pointer;
}

#gsMatrix form#gsMatrixSearch
{
    width: 100%;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    background: url('../../img/display_head_bg.gif') #323232 repeat-x center top;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 170%
}

#gsMatrix form#gsMatrixSearch div.formcontainer
{
    text-align: left;
    float: left;
    display: inline-block;
    width: 20%;
    margin-right: 3%;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.where
{
    width: 25%;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.when
{
    width: 30%;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.button
{
    width: 15%;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.promocd
{
    width: 50%;
    float: right;
    display: inline;
    text-align: right;
    font-size: 12px;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.howmany
{
    width: 15%;
    text-align: center;
}

#gsMatrix form#gsMatrixSearch select
{
    font-family: Arial;
    font-size: 11px;
    width: 100%;
}
#gsMatrix form#gsMatrixSearch div.formcontainer.when select
{
    float: left;
    margin-right: 2%;
}

#gsMatrix form#gsMatrixSearch div.formcontainer.when select#teetime
{
    width: 38%
}

#gsMatrix form#gsMatrixSearch div.formcontainer.when select#teedate
{
    width: 58%
}

#gsMatrix form#gsMatrixSearch input,
#gsMatrix form#gsMatrixSearch select
{
    
    border: 1px solid #56A1DA;
    font-weight: normal;
    margin-bottom: 2%;
}
#gsMatrix form#gsMatrixSearch input[type="radio"]
{
    border: none;
}

#gsMatrix form#gsMatrixSearch fieldset
{
    border: none;
    background: none;
    padding: 10px;
}
#gsMatrix form#gsMatrixSearch label
{
    display: block;
    font-size: 12px;
}
#gsMatrix form#gsMatrixSearch #courseselect
{
}
#gsMatrix form#gsMatrixSearch a.calicon
{
    display: inline-block;
    background: url('../../img/b_calendar.gif') no-repeat;
    background-position: 0px 5px;
    width: 20px;
    height: 26px;
    text-decoration: none;
}

#gsMatrix form#gsMatrixSearch input[type="button"],
#gsMatrix form#gsMatrixSearch input[type="submit"]
{
    display: inline-block;
    margin: 0 10px;
    border-color: #CC6633;
}

#gsMatrix form#gsMatrixSearch .playernum
{
    font-size: 14px;
}
#gsMatrix #caltabs
{
    width: 100%;
    height: 100px;
    position: relative;
    margin-bottom: 0px;
}
#gsMatrix #caltabs #daymarker
{
    height: 12px;
    width: 25px;
    background: url('../../img/daymarker.gif') no-repeat;
    position: absolute;
    top: 2px;
}
#gsMatrix #daymarker.tab0
{
    left: 109px;
}
#gsMatrix #daymarker.tab1
{
    left: 231px;
}
#gsMatrix #daymarker.tab2
{
    left: 353px;
}
#gsMatrix #daymarker.tab3
{
    left: 475px;
}
#gsMatrix #daymarker.tab4
{
    left: 597px;
}
#gsMatrix #daymarker.tab5
{
    left: 719px;
}

#gsMatrix #caltabs span.caldate 
{
    background: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 1px 2px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #9C9A9C;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    height: 80px;
    width: 10%;
    margin: 2%;
    position: relative;
    text-align: center;
    text-decoration: none;
}
#gsMatrix #caltabs span.caldate.active 
{
    border-color: #003366;
}
#gsMatrix #caltabs  span:hover.caldate
{
    border-color: #E8E8E8;
    color: #FFFFFF;
}
#gsMatrix #caltabs  span:hover.caldate .dayofweek,
#gsMatrix #caltabs  span:hover.caldate .dayofmonth
{
    color: #4C4A4F;
}

#gsMatrix #caltabs span.caldate.arrow 
{
    border: none;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 39px;
    width: 5%;
    top: 38px;
    margin: 0% 1%;
}

#gsMatrix #caltabs span.caldate.arrow.left
{
    background: url('../../img/arrow_left.gif') no-repeat right;
}
#gsMatrix #caltabs span:hover.caldate.arrow.left
{
    background: url('../../img/arrow_left_hover.gif') no-repeat right;
}

#gsMatrix #caltabs span.caldate.arrow.right
{
    background: url('../../img/arrow_right.gif') no-repeat left;
}
#gsMatrix #caltabs  span:hover.caldate.arrow.right
{
    background: url('../../img/arrow_right_hover.gif') no-repeat left;
}

#gsMatrix #caltabs .month,
#gsMatrix #caltabs .dayofmonth,
#gsMatrix #caltabs .dayofweek {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

#gsMatrix #caltabs .month 
{
    -moz-border-radius: 14px 14px 0px 0px;
    border-radius: 14px 14px 0px 0px;
    line-height: 20px;
    background: #9B9B9B;
    color: #FFFFFF;
    font-size: 12px;
}
#gsMatrix #caltabs .caldate.active .month 
{
    background: #56A1DA;
}
#gsMatrix #caltabs span:hover.caldate .month {
    background: #E0EFF0;
    color: #003366;
}

#gsMatrix #caltabs .dayofmonth {
    color: #000000;
    font-size: 28px;
    font-weight: bold;
}
#gsMatrix #caltabs .dayofweek {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

#gsMatrix #display
{
    width: 100%;
    text-align: center;
}

#gsMatrix table#display
{
    border-spacing: 0px;
}

/**********CALCULATED COLUMN WIDTHS -- BASED ON NUMBER OF COLUMNS***********/

#gsMatrix #display.alt_rate_cols_3 td,
#gsMatrix #display.alt_rate_cols_3 th
{
    width: 16%;
}
#gsMatrix #display.alt_rate_cols_3 td.first,
#gsMatrix #display.alt_rate_cols_3 th.first
{
    width: 17%;
}

#gsMatrix #display.alt_rate_cols_2 td,
#gsMatrix #display.alt_rate_cols_2 th
{
    width: 20%;
}
#gsMatrix #display.alt_rate_cols_1 td,
#gsMatrix #display.alt_rate_cols_1 th
{
    width: 25%;
}
#gsMatrix #display.alt_rate_cols_0 td,
#gsMatrix #display.alt_rate_cols_0 th
{
    width: 33%;
}
#gsMatrix #display.alt_rate_cols_0 td.first,
#gsMatrix #display.alt_rate_cols_0 th.first
{
    width: 34%;
}
/**********END CALCULATED COLUMN WIDTHS***********/

#gsMatrix #display thead
{
    color: #FFFFFF;
}

#gsMatrix #display th
{
    background: url('../../img/display_head_bg.gif') repeat-x #FFFFFF top;  
    height: 45px;
    font-weight: normal;
    border-left: 1px solid #515151;
    border-right: 2px solid #2F2F2F;
    white-space: nowrap;
    overflow: hidden;
}
#gsMatrix #display th.first
{
/*
    -moz-border-radius: 10px 0px 0px 0px;
    border-radius: 10px 0px 0px 0px;
*/
}
#gsMatrix #display th.rate
{
    background: url('../../img/display_head_rate_bg.gif') repeat-x #FFFFFF bottom;  
    color: #FFFFFF;
    font-weight: normal;
    border-right: 2px solid #03345D;
    border-left: 1px solid #4E97CE;
    white-space: nowrap;
    overflow: hidden;
}
#gsMatrix #display tbody
{
    border: 1px solid #04376C;
}
#gsMatrix #display td
{
    padding: 5px;

    border-width: 1px;
    border-style: solid;
    border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
}

#gsMatrix #display td
{
    background: #F4F4F4;
}
#gsMatrix #display tr.alpha td
{
    border-top: 3px solid #839BB5;
}
#gsMatrix #display tr.alpha td.alt.rate.c1
{
    border-top-color: #B6C09D;
}
#gsMatrix #display tr.alpha td.alt.rate.c2
{
    border-top-color: #B3AE9B;
}

#gsMatrix #display tr.even td
{
    background: #E8E8E8;  

}
#gsMatrix #display td.regular,
#gsMatrix #display tr.even td.regular
{
    background: #FEFEFE;
}
#gsMatrix #display td.first
{
    border-left: 3px solid #05376A;
}

#gsMatrix #display td.first
{
    border-left: 3px solid #05376A;
}
#gsMatrix #display td.last
{
    border-right: 3px solid #05376A;
}
#gsMatrix #display td.alt.c1
{
    background: #F4F0C0;  
}
#gsMatrix #display tr.even td.alt.c1
{
    background: #E9E381;  
}
#gsMatrix #display td.alt.c2
{
    background: #F4DFC0; 
}
#gsMatrix #display tr.even td.alt.c2
{
    background: #E9C082;   
}

#gsMatrix #display tr.omega td
{
    border-bottom: 3px solid #05376A;
}

#gsMatrix #display .time,
#gsMatrix #display .rate
{
    font-weight: bold;
}
#gsMatrix #display .rate
{
    color: #4C4A4F;
}

#gsMatrix #display .rate span
{
    display: block;
}

#gsMatrix #display .note
{
    font-size: 11px;
    font-weight: normal;
    margin: auto;
    overflow: hidden;
}
#gsMatrix #display .note.savings
{
    color: Red;
}