/* ===================================================================

    Brick Bodies Website
    Global Stylesheet

    This file contains styles that are global to the site and should be included in all pages

 ===================================================================*/


/*************************** - Button/UL/OL Styling - **************************************/

.styledButton
{
    border: 1px solid #003300;
    background-color: #D0D2D0;
    color: #003333;
    cursor: pointer;
}

.styledButton:hover
{
    background-color: #F3F5F3;
}

.iconlist
{
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
}

.iconlist li.serv
{
    background-image: url(../Media/application_view_list.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}

.iconlist li.link
{
    background-image: url(../Media/link.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}

.iconlist li.document
{
    background-image: url(../Media/document.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 3px 0 3px 20px;
    margin: .4em 0;
}

.iconlist li a
{
    color: #003300;
    text-decoration: none;
}

.iconlist li a:hover
{
    color: #006633;
    text-decoration: underline;
}
.statusWindow
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    background-color: #FBFAEC;
    display: block;
    border-left: none;
    border-right: none;
    text-align: center;
}

.vgSummary
{
    background-color: #FFCECE;
    border-width: 1px 0px 1px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #CC3300;
    border-bottom-color: #CC3300;
    font-weight: bolder;
    color: #000000;
    text-align: left;
    padding: 4px 15px;
}

.vgSummary ul
{
    margin-left: 20px;
}
/************************************************************************
* 
* Data Grids
*
************************************************************************/

.dataGrid
{
    border: 1px solid #666666;
    border-collapse: separate !important;
}
.dataGrid .header th
{
    background: url(../Media/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 1px 5px 1px 10px;
    vertical-align: bottom;
    text-align: left;
}

.dataGrid .header th.actions
{
    color: #0000F0;
}

.dataGrid .header th a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

/* data cell and data row rules */
.dataGrid td
{
    color: #3F3F3F;
    padding: 1px 10px;
    border-bottom: solid 1px #DFDFDF;
}


.dataGrid .empty td
{
    padding: 0;
}

.dataGrid .empty .row td
{
    padding: 4px 10px 4px 10px;
}

.dataGrid .alt
{
    background-color: #EEE;
}

.dataGrid .row
{
    background-color: #fff;
}

.dataGrid .actions
{
    border-left: 1px solid #cbcbcb;
}

/* footer column rules */
.dataGrid .footer td
{
    background: url(../Media/sprite.png) repeat-x 0px 0px;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align: left;
    color: #003399;
    font-weight: bold;
    font-size: 11px;
}

.dataGrid .footer td a
{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.dataGrid .footer td.footerSummary
{
    color: #003399;
    font-weight: bold;
}

/* Make sure .centered is after all other .dataGrid styles to properly cascade */
.dataGrid .centered th, .dataGrid .centered
{
    text-align: center;
}
.HiddenColumn
{
    display: none;
}
.pointer tr:hover
{
    cursor: pointer; /* background-color: #66CCFF;*/
}

.blockLabel
{
    display: block;
}



/*************************** - Form Entry - **************************************/

.tbl_formEntry
{
    width: 100%;
    text-align: left;
}
.tbl_formEntry td
{
    padding: 2px;
}
.tbl_formEntry .rowHeader
{
    font-weight: bold;
    text-align: left;
}

.rdoList_horizontalFlow label
{
    padding-left: 4px;
    padding-right: 12px;
}
fieldset
{
    border: 1px solid #CCC;
    background: #FAFAF8;
    padding: 6px;
}
legend
{
    margin: 2px 8px 0 10px;
    padding: 0 1px;
}

fieldset.innerPad
{
    padding: 10px;
}
/*************************** - End Form Entry - **************************************/



.pnlAddEntry
{
    margin-top: 6px;
    margin-bottom: 6px;
    padding: 2px;
    background-color: #F5FAFA;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.tbl_eventList { width: 100%;}
.tbl_eventList .clubNameHeader { font-weight: bold; border-bottom: double #CCC; background-color: #EEE; }
.tbl_eventList .firstCol { width: 120px; }
.tbl_eventList .eventName { font-weight: bold; }
.tbl_eventList .eventDesc { font-style: italic; }
.tbl_eventList .hrSep { border: none; border-bottom: 1px solid #DDD; }