/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    table-layout: auto;
    border-collapse:collapse;  
    border: solid 0px #91a7b4;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url('images/sprite.gif');
    background-position: top;
    background-repeat: repeat-x;
    background-color: #d1dbe0;
}
.HeaderStyle th
{
    padding: 5px;
    color: #16387c;
    border: solid 1px #91a7b4;
}
.HeaderStyle a
{
    text-decoration: none;
    color: #16387c;
    display: block;
    text-align: left;
    font-weight: normal;
}
.PagerStyle table
{
    text-align: center;
    margin: auto;
}
.PagerStyle table td
{
    border: 0px;
    padding: 5px;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
}
.PagerStyle a
{
    color: #16387c;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #fff;
    border-right: solid 1px #91a7b4;
    border-bottom: solid 1px #91a7b4;
    border-left: solid 1px #fff;
}
.PagerStyle span
{
    font-weight: bold;
    color: #16387c;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td, .FooterRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #91a7b4;
    border-left: solid 1px #91a7b4;
    border-bottom: solid 1px #91a7b4;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
/*EmptyDataRowStyle*/
.EmptyDataRowStyle td
{
    color:#FFF;
}
.AltRowStyle td
{
    background-color: #9ab2ca;
    background-image: url('images/sprite.gif');
    background-position: 0 -80px;
    background-repeat: repeat-x;
}
.SelectedRowStyle td,.EditRowStyle td
{
    background-color: #fcb814;
    background-image: url('images/sprite.gif');
    background-position: center;
    background-repeat: repeat-x;
}
.FooterRowStyle td
{
    background-color: #fcb814;
    background-image: url('images/sprite.gif');
    background-position:  0 -220px;
    background-repeat: repeat-x;
}
/*button*/
.GridViewStyle .btnEdit
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    margin-right: 5px;
    background-image: url('images/edit.gif');
}
.GridViewStyle .btnDelete
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    margin-right: 5px;
    background-image: url('images/delete.gif');
}
.GridViewStyle .btnShowList
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    background-image: url('images/showlist.gif');
}
.GridViewStyle .btnCancel
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    background-image: url('images/undo.gif');
}
.GridViewStyle .btnSave
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    margin-right:5px;
    background-image: url('images/save.gif');
}
.GridViewStyle .btnAdd
{
    display:block;
    float:left;
    width:20px;
    height:20px; 
    background-image: url('images/add.gif');
}


.GridViewStyle .btnEdit span,.GridViewStyle .btnDelete span,.GridViewStyle .btnCancel span,.GridViewStyle .btnSave span,.GridViewStyle .btnAdd span,.GridViewStyle .btnShowList span
{
    display:none;
    visibility :hidden; 
}
.GridViewStyle .tbEdit
{
    display: block;
    width:98%;
    font-size: 12px;
    border: solid 1px #CCC;
}
.GridViewStyle .lblRowTitle
{
    font-weight:bold;
    color:#3C556C; 
}