/*
table, tr, td { ... } means apply this style to all table, tr and td tags. 
div p { ... } means apply this style to p tags that are inside a div 

Which leads to a very useful technique: 
table.MyClass tr { ... } means to apply this style to tr tags only when the 
table has a class of "MyClass" 
*/

FORM, HTML
{
    height: 100%;
}

BODY, DIV, SPAN, P, TEXTAREA, TABLE
{
    font-weight: normal;
    font-size: 10pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana;
    color: Black;
    letter-spacing: normal;
}

/* Hyperlinks */

a:link, a:visited
{
    color: #5E65B6;
}


/* Classes I defined */

.clsText
{
    font-weight: normal;
    font-size: 10pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Verdana;
    color: Black;
    letter-spacing: normal;
    background-image: none;
}


.clsTextBox
{
    background-color: #FCF7E1;
    border: 1px solid;
    border-color: Black;
}

.clsLabel /* Used for all Normal Labels e.g. Email */
{
    font-weight: bold;
    font-size: 10pt;
}

.clsSmallLabel /* Used for Small labels */
{
    font-size: 8pt;
}


.clsTableLabel /* This is used for Labels above Grids */
{
    font-weight: bold;
    color: #09329B;
}

/* DataGrid Classes */

.datagrid
{
    border: 1px solid #CCCCCC; /* Border color of Grids */
    color: black;
}

.datagridheadercell
{
    font-weight: bold;
    color: white;
    background-color: #09329B;
}
/* Grid Header Background Color */
.datagrid TR TD
{
    vertical-align: middle;
    padding-left: 4px;
}
.datagriditemcell
{
    background-color: white;
}
/* Row Color */
.datagridalternatingitemcell
{
    background-color: #EEEEEE;
}
/* Alternating Row Color */
.datagridedititemcell
{
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    background-color: #F7F7DE;
    border-bottom-style: solid;
}

/* GridView Classes */

.gridview
{
    border-width: 1px;
    border-color: #09329B;
}
.gridviewAlternatingRow
{
    background-color: #EEEEEE;
}
.gridviewHeader
{
    font-weight: bold;
    color: white;
    background-color: #09329B;
}
.gridviewSelectedRow
{
    background-color: #CCCA77;
}
.gridviewPager
{
    font-size: 10pt;
}

/* MasterPage Classes */

.masterSideCol
{
    background-color: #CCCC99;
    width: 50%;
}

.masterMainCol
{
    background-color: #FCF7E1;
    vertical-align: top;
    background-image: url(images/BackGround.jpg);
    
}