.grid
{
    width: 780px; /* 790px; */ 
    font-family: Tahoma;
}
.grid H2
{
    margin: 0;
    padding: 0;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    font-size: 13px; /* 14px */
}
.grid .mid
{
    padding: 0px 0px 0px 0px;
}
.grid .datatable
{
    width: 100%;
    color: #666;/* #666; */
}
.grid .datatable TH
{
    font-size: 11px; /* 12px; */
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    padding: 1px 2px; /* 2px 4px; */
    color: #333333;
    border-bottom: solid 2px #bbd9ee;
    vertical-align: text-top;
}
.grid .datatable TH A
{
    text-decoration: none;
    padding-right: 16px; /* 18px */
    color: #0066cc;
}
.grid .datatable TH.sortasc A
{
    background: url(../img/asc.gif) right center no-repeat;
}
.grid .datatable TH.sortdesc A
{
    background: url(../img/desc.gif) right center no-repeat;
}
.grid .datatable .row TD
{
    font-size: 11px; /* 11px;*/
    text-align: left;
    padding: 5px 3px; /* 6px 4px; */
    border-bottom: solid 1px #bbd9ee; 
}

.grid .datatable .row .break
{
    WORD-BREAK: BREAK-ALL;  /* IE kad neislystu SVARBUS !!!*/
    word-wrap: break-word;
}

.grid .datatable .row:hover
{
    background-color: #fffacd;
    color: #000;
}
.grid .datatable .row TD.first
{
    padding-left: 4px;
}
.grid .datatable TH.first
{
    padding-left: 4px;
}
.grid .datatable .row:hover .first
{
    background-repeat: no-repeat;
    background-image: url(../img/bullet.gif);
}
/* Data Pager Styles */
/*.grid TR.pager-row TD
{
    border-top: solid 2px #bbd9ee;
} */

.grid .pager
{
    font-family: arial,sans-serif;
   /* text-align: center; */
    padding: 3px;
    font-size: 12px; /* 18px */
    /* font-weight:bold; */
}


.grid .pager SPAN.command, .grid .pager SPAN.current, .grid .pager A.command, .grid TR.pager-row TD A
{
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
}
.grid .pager A.command:hover, .grid TR.pager-row TD A:hover
{
    border: solid 1px #408BB6;
    background-color: #59A5D1;
    color: #fff;
    padding: 0px 4px;
    text-decoration: none;
}
.grid .pager SPAN.current, .grid TR.pager-row TD SPAN
{
    border: none;
    font-weight: bold;
    color: #3e3e3e;
    padding: 0px 6px;
}
.grid TR.pager-row TD
{
   border-top: none;
   text-align: center;
}
.grid TR.pager-row TABLE
{
    height: 15px;
    margin: 0 auto 0 auto;
}

.grid .datatable .separator
{
    background-color: #fffabc;
    color: #5a90ce;
    font-size: 11px; /* 11px;*/
    text-align: left;
    font-weight: bold;
    font-family: arial,sans-serif;
    padding: 5px 3px; /* 6px 4px; */
    border-bottom: solid 1px #bbd9ee; 
    /*vertical-align: middle; */
}

.grid .datatable .separator:hover
{
    background-color: #fffabc; /* background-color:#FFFFFF; */
}

.masterGrid .datatable TH A
{
    text-decoration: none;
    padding-right: 18px; /* color:#0066cc; */
}
.masterGrid .datatable TH.sortasc A
{
    background: url(../img/asc.gif) right center no-repeat;
}
.masterGrid .datatable TH.sortdesc A
{
    background: url(../img/desc.gif) right center no-repeat;
}


.grid2
{
    width: 590px;
    font-family: Tahoma;
}
.grid2 H2
{
    margin: 0;
    padding: 0;
    color: #ffffff;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.grid2 .mid
{
    padding: 3px 0px 0px 0px;
}
.grid2 .datatable
{
    width: 100%;
    color: #666;
}
.grid2 .datatable TH
{
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    padding: 2px 4px;
    color: #333333;
    border-bottom: solid 2px #bbd9ee;
}
.grid2 .datatable TH A
{
    text-decoration: none;
    padding-right: 18px;
    color: #0066cc;
}
.grid2 .datatable TH.sortasc A
{
    background: url(../img/asc.gif) right center no-repeat;
}
.grid2 .datatable TH.sortdesc A
{
    background: url(../img/desc.gif) right center no-repeat;
}
.grid2 .datatable .row TD
{
    font-size: 11px;
    text-align: left;
    padding: 6px 4px;
    border-bottom: solid 1px #bbd9ee;
}

.grid2 .datatable .row .break
{
   /* WORD-BREAK: BREAK-ALL;  /* IE kad neislystu SVARBUS !!!*/
   word-wrap: break-word;
}

.grid2 .datatable .row:hover
{
    background-color: #fffacd;
    color: #000;
}
.grid2 .datatable .row TD.first
{
    padding-left: 10px;
}
.grid2 .datatable TH.first
{
    padding-left: 10px;
}
.grid2 .datatable .row:hover .first
{
    background-repeat: no-repeat;
    background-image: url(../img/bullet.gif);
}
/* Data Pager Styles */
.grid2 TR.pager-row TD
{
    border-top: solid 2px #bbd9ee;
}
.grid2 .pager
{
    font-family: arial,sans-serif;
    text-align: center;
    padding: 6px;
    font-size: 12px;
}
.grid2 .pager SPAN.command, .grid2 .pager SPAN.current, .grid2 .pager A.command, .grid2 TR.pager-row TD A
{
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
    border: none;
}
.grid2 .pager A.command:hover, .grid2 TR.pager-row TD A:hover
{
    border: solid 2px #408BB6;
    background-color: #59A5D1;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}
.grid2 .pager SPAN.current, .grid2 TR.pager-row TD SPAN
{
    border: none;
    font-weight: bold;
    color: #3e3e3e;
    padding: 0px 6px;
}
.grid2 TR.pager-row TD
{
    border-top: none;
    text-align: center;
}
.grid2 TR.pager-row TABLE
{
    height: 35px;
    margin: 0 auto 0 auto;
}