﻿.tablecontainer
{
    /*padding:5px; background-color:#e2eff5;*//*#e2eff5*/
}


.sbgrid 
{
    width: 100%;
    empty-cells: show;
    border-collapse: separate;    
    border-spacing: 0px; 
    line-height: 22px;   
   
}


.sbgrid .tblheader,.sbgrid .tblheader th,.sbgrid .tblheadertitle th,.sbgrid .footer th,.sbgrid .subtotal1 th,.sbgrid .subtotal2 th {
    text-transform: uppercase;
    font-size: 9px;
    padding:5px 7px 4px 7px;
    background-image:-webkit-linear-gradient(top,#fff 0,#f2f2f2 30%,#d5d4d3 100%);
}


.sbgrid .sbgrow td,.sbgrid .sbgaltrow td,.sbgrid .sbgemptyrow td
{
    padding:4px 7px 3px 7px;
}

.sbgrid .sbgemptyrow a
{
    color: #FF0000;   
}

.sbgrid .expandcol
{
    width:41px;
    padding:4px 0px 3px 11px !important;
    text-align: center;
    border-left-width: 0;    
}

.sbgrid .sbgicons 
{
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;    
    background-image: url('../images/actionsprite.png');    
}

.sbgrid .sbgicongroup
{
    float:left;
    margin-right:3px;
}

.sbginnercontainer 
{
    padding:0px 7px 7px 7px !important;
    border-bottom: 1px solid #e3e3e3;
    background:#F2F2F2;
}
.sbgriddetail 
{
    border:1px solid #ccc;
}

.errortr td
{
    background-color: #F5A8A6 !important;    
}

.hdrdefaults 
{
    float : left;
    background-image:url(../images/defaults.png); 
    background-repeat :no-repeat;
    width:32px;
    height:32px;
    margin-left :3px;
    cursor:hand;
}
/**************************************************** default table *************************************************************/
.sbggrey 
{
    border:1px solid #b4b4b4;
    color: #333;
}

.sbggrey .tblheader,.sbggrey .tblheader th ,.sbggrey .footer th,.sbggrey .subtotal1 th,.sbggrey .subtotal2 th 
{
    font-size:11px;
    font-weight:600;    
    background-color: #e6e6e6;
    border-bottom: 1px solid white;
    color: Black;
    font-weight:bold; 
}
.sbggrey .tblheadertitle th
{   font-size:11px;
    font-weight:600;    
    background-color: #a6a6a6;
    border-bottom: 1px solid white;
    color: #fff;
}
.sbggrey .tblfooter,.sbggrey .sbgriddetail .tblfooter{
    background-color: #e6e6e6;
    color: #878787;
}



.sbggrey .sbgrow td,.sbggrey .sbgemptyrow td,.sbggrey .sbgrow .sbginnercontainer,.sbggrey .sbginnercontainer .sbgrow td
{
    background-color: #fff;   
}

.sbggrey .sbgaltrow td,.sbggrey .sbgaltrow .sbginnercontainer,.sbggrey .sbginnercontainer .sbgaltrow td
{
    background-color: #f3f3f3;   
}

.sbggrey .sbgrow td,.sbggrey .sbgaltrow td
{
    border-bottom: 1px solid #D9D9D9;
}

.sbggrey .noborder td 
{
    border-bottom: 0px;
}

.sbggrey .subtotal1 th
{
    background-color: #DBDBDB;   
}

.sbggrey .subtotal2 th
{
    background-color: #E3E3E3;   
}

.sbggrey .footer th
{
    background-color: #C2C2C2;
    color:#3E3E3E;   
}

.sbggrey .footer .foothidden 
{
    color:#C2C2C2;
}

.sbggrey .expandcol 
{
    /*border-bottom-color: #e6e6e6 !important;
    background-color: #e6e6e6 !important;   */
}

.sbggrey .sbgexpandicon 
{
    background-position: -16px -168px;
}

.sbggrey .sbgcollapseicon 
{
    background-position: -66px -68px;
}

.sbggrey .plusicon{
    background-position: -66px -3018px;
}

.sbggrey .plusicondis{
    background-position: -16px -3018px;
}

.sbggrey .copyicon{
    background-position: -66px -4668px;
}

.sbggrey .copyicondis{
    background-position: -66px -4668px;
}

.sbggrey .deleteicondis2 
{
     background-position: -66px -3368px;
}

.sbggrey .cancelicon{
    background-position: -66px -3368px;
}

.sbggrey .cancelicondis{
    background-position: -16px -3368px;
}


.sbggrey .deleteicon2 
{
     background-position: -66px -1517px ;
}



/**************************************************** default table *************************************************************/

/**************************************************** blue table *************************************************************/
.sbgblue 
{
    border:1px solid #C8D3DB;
    color: #1D4A7D;
}

.sbgblue .tblheader,.sbgblue .tblheader th,.sbgblue .footer th,.sbgblue .subtotal1 th,.sbgblue .subtotal2 th 
{
    font-size:11px;
    font-weight:600;
    background-color: #dae2e8;
    border-bottom: 1px solid white;
    color: #1D4A7D;
}
.sbgblue .tblheadertitle th
{   font-size:11px;
    font-weight:600;    
    background-color: #6AA6C4;
    border-bottom: 1px solid white;
    color: #fff;
}
.sbgblue .tblfooter {
    background-color: #dae2e8;
    color: #878787;
}

.sbgblue .sbgrow td,.sbgblue .sbgemptyrow td,.sbgblue .sbgrow .sbginnercontainer
{
    background-color: #F0F5FA;   
}

.sbgblue .sbgaltrow td,.sbgblue .sbgaltrow .sbginnercontainer
{
    background-color: #EBF2F7;   
}


.sbgblue .sbgrow td,.sbgblue .sbgaltrow td
{
    border-bottom: 1px solid #CCD8E0;
}

.sbgblue tbody tr:last-child td
{
    border-bottom: 3px solid #CCD8E0;
}

.sbgblue .subtotal1 th
{
    background-color: #E7EFF7; /*D5E7F0*/  
}


.sbgblue .subtotal2 th
{
    background-color: #F0F5F7;/*E8F1FA*/   
}

.sbgblue .footer th
{
    background-color: #CCDBE3;
    color:#1D4A7D;   
}

/*
.sbgblue .expandcol 
{
    border-bottom-color: #C8D3DB !important;
    background-color: #C8D3DB !important;   
}
*/
.sbgblue .sbgexpandicon 
{
    background-position: -16px -168px;
}

.sbgblue .sbgcollapseicon 
{
    background-position: -66px -68px;
}

.sbgblue .plusicon{
    background-position: -66px -3018px;
}

.sbgblue .plusicondis{
    background-position: -16px -3018px;
}

.sbgblue .copyicon{
    background-position: -66px -4668px;
}

.sbgblue .copyicondis{
    background-position: -66px -4668px;
}

.sbgblue .deleteicondis2 
{
     background-position: -66px -3368px;
}

.sbgblue .cancelicon{
    background-position: -66px -2917px;
}

.sbgblue .cancelicondis{
    background-position: -16px -2917px;
}


.sbgblue .deleteicon2 
{
     background-position: -66px -3368px;
}


/**************************************************** blue table *************************************************************/

/***************************************************** grid controls ***********************************************************/
.sbgrid .sbgtext 
{  
    width:100%;
}