/* Landscape phones and down */
@media (max-width: 480px)
{
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)
{
}

/* Large desktop */
@media (min-width: 1200px)
{
}
/**This is used in all media**/
@media all
{
    body
    {
        background-color: #b3b3b3;
        font-family: Sans-Serif Verdana;
        color: #333333;
    }

    /*Basic style classes*/
    .BorderedTable
    {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #cccccc;
        background-color: #f2f2f2;
    }

    .CenteredTable
    {
        width: 100%;
        text-align: center;
    }
    .BlueHeader
    {
        background-color: #6BC5EB;
        color: White;
        text-transform: uppercase;
        font-size: 10pt;
        text-align: left;
    }

    .BorderedTd
    {
        border: 1px solid #cccccc;
        padding: 10px;
    }

    .DefaultTd
    {
        padding: 10px;
    }

    .ec_SmallFont
    {
        font-size: 9pt;
    }

    .ec_MediumFont
    {
        font-size: 11pt;
    }

    .ec_BigFont
    {
        font-size: 14pt;
    }

    .ec_MediumTitle
    {
        font-size: 11pt;
        font-weight: bold;
    }

    .ec_LargeTitle
    {
        font-size: 17pt;
        font-weight: bold;
    }

    /*GRID VIEW STYLES*/
    .ec_gridview
    {
        font-family: Sans-Serif;
        background-color: #FFFFFF;
        border: solid 1px #CCCCCC;
        font-size: 8pt;
    }

    .ec_gridview td
    {
        padding: 10px;
        border: solid 1px #EEEEEE;
    }

    .ec_gridview th
    {
        padding: 10px;
        border: solid 1px #CCCCCC;
    }

    .ec_gridview th a
    {
        color: #003300;
        text-decoration: none;
    }

    .ec_gridview th a:hover
    {
        color: #003300;
        text-decoration: underline;
    }

    .ec_gridview td a
    {
        color: #003300;
        text-decoration: none;
    }

    .ec_gridview td a:hover
    {
        color: red;
        text-decoration: underline;
    }

    .ec_gridViewHeader
    {
        background-color: #F1F1F1;
        color: #333333;
        text-align: left;
        font-weight: 100;
        font-size: 10pt;
        text-transform: uppercase;
    }

    .ec_gridGroupHeader
    {
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
        font-size: 9pt;
        padding: 5px;
        color: #29abe2;
    }

    .ec_gridFooter
    {
        font-weight: bolder;
    }
    .ec_gridFooter td
    {
        padding: 5px;
    }
    
    .ec_gridViewRow
    {
        background-color: #FFFFFF;
    }
    .ec_gridViewRow td
    {
        padding: 5px;
    }

    .ec_gridViewAltRow
    {
        background-color: #FFFFFF;
    }

    .ec_gridViewSelectedRow
    {
        background-color: #FFCC00;
        color: #666666;
    }

    /* Of course, this doesn't work with IE6. Works fine with Firefox, though. */
    .ec_gridview tr.ec_gridViewRow:hover td, .ec_gridview tr.ec_gridViewAltRow:hover td
    {
        background-color: #EEEEEE;
        color: #000000;
    }

    .ec_gridViewPager
    {
        background-color: #0066CC;
        color: #FFFFFF;
        text-align: left;
    }

    .ec_gridViewPager td
    {
        padding: 3px;
    }

    .ec_gridViewPager td a
    {
        color: #FFFFFF;
        text-decoration: none;
    }

    .ec_gridViewPager td a:hover
    {
        color: #FFFFFF;
        text-decoration: underline;
    }

    /* The currently selected page number is rendered by ASP.NET in a span tag in the td. */
    .ec_gridViewPager span
    {
        color: #000000;
    }
}