/*
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%;
    background-color: #EEF2F5;
}

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

/* Hyperlinks */

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


/* Classes I defined */

.clsRadioButtonBkg TD input
{
    width: 20px;
    margin-right: 18px;
    margin-left: 0px;
    padding-left: 0px;

}


/*
* .clsRadioButtonBkg TD input 
{ 
width: 20px;
margin-left: 3px;
border: solid 1px red;
} 
*/

.clsFeedbackBar /* This is how to add Horiz Gradient Image */
{
    background-image: url(images/gradient_banner_slice.jpg);
    background-repeat: repeat-x;
    height: 32px;
    font-weight: normal;
    font-size: 14pt;
    font-family: Tahoma;
    color: White;
}

.clsMainTable
{
    background-color: #EEF2F5;
}


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

.clsNote
{
    font-weight: normal;
    font-size: 10pt;
    word-spacing: normal;
    text-transform: none;
    font-family: Tahoma;
    color: Black;
    letter-spacing: normal;
    background-image: none;
    background-color: #FFF7E2;
    border-style: solid;
    border-color: #CBCBCD;
    border-width: 1px;
}

.clsTextBox
{
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #95AFC4;
}

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

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


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


/* DataGrid Classes */


.datagrid
{
    vertical-align: middle;
    padding-left: 4px;
    background-color: White;
    border-style: solid;
    border-width: 1px;
    border-color: #C3C1C2;
}

.datagridheadercell td   

{
    font-weight: bold;
    color: black;
    padding-left: 10px;
    background-color: #C3C1C2;
    border-right: solid 1px #616161;
    text-align:left;
    /* background-image:  url(images/table_col_head_divider.jpg);
       background-position: right;
       background-repeat: no-repeat; */
}


.datagriditemcell td  
{
    vertical-align: middle;
    padding-left: 10px;
    background-color: White;
    margin-right: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #C3C1C2;
}

.datagriditemcell td table  
{    

	margin: 6px;

} 

.datagriditemcell td table td
{    

	padding: 0;
	margin: 0;
    border: none;
}




/* GridView Classes */

.gridview
{
    border-style: solid;
    border-width: 1px;
    border-color: #C3C1C2;
    font: Tahoma;
}

.gridviewHeader th
{
    font-weight: bold;
    color: black;
    padding-left: 10px;
    background-color: #C3C1C2;
    border-right: solid 1px #616161;
}

.gridviewRow td
{
    background-color: White;
    border-style: solid;
    border-width: 1px;
    border-color: #C3C1C2;
    padding-left: 10px;
}

.gridviewAlternatingRow td
{
    background-color: White;
    border-style: solid;
    border-width: 1px;
    border-color: #C3C1C2;
    padding-left: 10px;
}

.gridviewSelectedRow
{
    background-color: #CCCA77;
}
.gridviewPager
{
    font-size: 10pt;
}

/* MasterPage Classes */

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

.masterMainCol
{
    background-color: #EEF3F6;
    vertical-align: top;
}