/************************************************************************/
/* This file contains the styles used on the EO.Controls                */
 
/*  Styles for the Grid, Calender and Date Picker */

.eoShowCell > input
    {
        display: block;
        align-content: center;
        text-align: center;
    }

.eoCheckBox > input
{
    border: none;
    text-align: center;
}

.eoHideCell > input
    {
        display: none;
        align-content: center;
        text-align: center;
    }

.eoCalendar_TodayStyle
{
    border: black 1px solid;
    background-color: white;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    color:red;
}

.eoCalendar_CalendarStyle
{
    border: 1px solid grey;
    font-size: 11px;
    cursor: hand;   
    font-family: verdana; 
    background-color: #FFFFFF;
    display:inline;
}
.eoCalendar_TitleStyle
{
    padding-right: 3px; 
    padding-left: 3px; 
    font-weight: bold; 
    padding-bottom: 3px; 
    color: navy; 
    padding-top: 3px; 
    background-color: #EEF3FB; 
    font-size: 11px; 
    font-family: verdana;
}
.eoCalendar_DayHeaderStyle
{
    font-size: 11px;
    font-family: verdana;
    color: Black;
    font-weight: bold;
    height: 17px;
}
.eoCalendar_DayStyle
{
    font-size: 11px; 
    font-family: verdana;
    border-right: #eaeaea 1px solid; 
    border-top: #eaeaea 1px solid; 
    border-left: #eaeaea 1px solid; 
    border-bottom: #eaeaea 1px solid; 
    background-color: #eaeaea;
}
.eoCalendar_DayHoverStyle
{
    font-size: 11px; 
    font-family: verdana;
    border: black 1px solid; 
    background-color: white;
}
.eoCalendar_SelectedDayStyle
{
    font-size: 11px; 
    font-family: verdana;
    border: black 1px solid; 
    background-color: white;
}

/* EO.Grid Common Styles */

.eoGridItemHighlight
{
    background: #FFFFCC;
    /*font-weight: bold;
    font-size: 7.5pt;*/
    padding: inherit;
    text-align: inherit;
    color: black;
}
.eoGridItemHighlightRed
{
    background: #FFFFCC;
    /*font-weight: bold;
    font-size: 7.5pt;*/
    padding: inherit;
    text-align: inherit;
    color: red;
    font-weight: normal;
 
}.eoGridItemHighlightGreen
{
    background: #FFFFCC;
    /*font-weight: bold;
    font-size: 7.5pt;*/
    padding: inherit;
    text-align: inherit;
    color: green;
    font-weight: normal;
 
}
.eoGrid_ColumnHeaderStyle
{
   
    /*background-image:url('../Images/grid-header-bg.gif');*/
    color: navy;
    border-color: white;
    border-style: none;
    background-color: #C6D9FF;
    /*background: #424242 url("../Images/glass-bg.gif") repeat-x top;*/
    font-size: 8pt;
    text-align: center;
    font-weight: normal;
    height: 30px;
    vertical-align:middle;

    /*background: #424242 url("../Images/glass-bg.gif") repeat-x top;
    padding-left:8px;
    padding-top:2px;
    font-size:11px;
    
    color:navy;
    font-weight: normal;*/
}
.eoGrid_ColumnHeaderHoverStyle
{
     background: #424242 url("../Images/glass-bg.gif") repeat-x top;
     height: 30px;
     text-align: center;
     font-size: 8pt;
     font-weight: bold;
       color: navy;
}

/* Old Grid Styles */

.mGrid
{
    width: 100%;
    text-align:left;
    /*background-color: #fff;*/ /* margin: 5px 0 10px 0;   */ /* border: solid 1px #525252;   */
     font-family: Tahoma;
}
.mGrid td
{
    padding:2px;
    font-family: 'Arial' , 'Helvetica';
    color: navy;
    border-color: #DDDDDD;
    background: #fff;
    vertical-align: middle;
    font-weight: normal;
    font-size: 8pt;
}
.mGrid th
{
    font-family: 'Arial' , 'Helvetica';
    font-weight: normal;
    font-size: 10pt;
    color: navy;
    background-color: #C6D9FF;
    width: 30%; /* width: 200px; */
    text-align: center;
    vertical-align: top;
    padding-right: 2px;
    border-collapse: collapse;
    border-color: #DDDDDD;

    /*font-family: verdana;
    color: black;
    text-align:center;
    border-collapse: collapse;
    border-color: #DDDDDD;
    border-width: 1px;
    border-right: none;
    font-weight: normal;
    background-image: url('../Images/grid-header-bg.gif');
    padding-left: 3px;
    padding-top: 4px;
    font-size: 9px;*/
}
/*.mGrid th
{
    /*padding: 4px 2px;
    font-family: 'Arial';
    color: #85A2B1;
    background: #424242 url("../Images/glass-bg.gif") repeat-x top;
    border-top: solid 1px #c1c1c1;
    font-weight: normal;
    font-size: 8pt;

    background-image:url('../Images/grid-header-hover-bg.gif');
    padding-left:8px;
    padding-top:4px;
    font-size:9px;
}
    */
.mGridalt
{
    background: #fcfcfc url("../Images/row-over.gif") repeat-x top;
}
.mGridpgr
{
    background: #424242 url("../Images/bg_blue.gif") repeat-x top;
}
.mGrid .alt
{
    background: #fcfcfc url("../Images/glass-bg.gif") repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url("../Images/bg_blue.gif") repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: normal;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    margin: 3px;
    text-decoration: none;
}

.mColLeft
{
    text-align: left;
    padding-top: 2px;
    color: Navy;
}
.mColLeftFixed
{
    text-align: left;
    padding-top: 2px;
    padding-left: 8px;
    color: Navy;

}
.mColCenter
{
    text-align: center;
    padding-top: 2px;
}
.mColRight
{
    text-align: right;
    padding-top: 2px;
    padding-right: 4px;
}