/******************************************** Grid **********************************************************/

#grid-area {width:917px; height:auto; margin:15px 0 0 18px; padding:0; float:left;}
#grid-area table, tr, td,th {border-collapse:collapse; border:1px solid #c9cfd3; text-align:center; padding-top:}
#grid-area td,th {height:30px;}
#grid-area th {background:#ff980066;}

#grid-area tr:nth-child(even) {background: #ff98001c;}
#grid-area tr:nth-child(odd) {background: #fff;}


.grid-field {width:140px; height:20px; margin:5px; padding:0; border-left:2px solid #757575; border-top:2px solid #757575; color:#888888; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.grid-field-small {width:120px; height:20px; margin:5px; padding:0; border-left:2px solid #757575; border-top:2px solid #757575; color:#888888; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.grid-field-mid {width:145px; height:20px; margin:5px; padding:0; border-left:2px solid #757575; border-top:2px solid #757575; color:#888888; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.grid-field-larger {width:180px; height:20px; margin:5px; padding:0; border-left:2px solid #757575; border-top:2px solid #757575; color:#888888; font: normal 11px Verdana, Arial, Helvetica, sans-serif;}
.grid-field-largest {width:405px; height:20px; margin:5px; padding:0; border-left:2px solid #757575; border-top:2px solid #757575; color:#888888; font: normal 11px Verdana, Arial, Helvetica, sans-serif; text-align:center;}

/******************* new classes ***********************************/
#grid-area2 {width:690px; height:auto; margin:5px 0 0 10px; padding:0; float:left;}
#grid-area2 table, tr, td,th {border-collapse:collapse; border:1px solid #c9cfd3; text-align:left; padding-top:}
#grid-area2 td,th {height:30px;}
#grid-area2 th {background: #cddfe9;}

#grid-area2 tr:nth-child(even) {background: #eef7fa;}
#grid-area2 tr:nth-child(odd) {background: #fff;}

.pagination {width:320px; height:30px; margin:0; padding:0; float:right;}
#grid-area2 .pagination td, table,tr {border:none;}

.pagination-field {width:15px; height:14px; margin:0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#096094; text-align:center;  border:1px solid #cdd3d6;}

.pagination-area {width:50px; height:18px; margin:0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#096094; text-align:center;  border:1px solid #cdd3d6;}

.remark-area {width:398px; height:41px; margin:5px 9px; padding:0 7px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#096094; border:1px solid #cdd3d6; float:left; display:block;}

p.display-full {display:block; width:100%; float:left; margin-left:10px; margin-top:5px; margin-bottom:0px;}


/******************************** new csss 01-02-2014 ******************************************************/
#grid-area3 {width:710px; height:auto; margin:5px 0 0 10px; padding:0; float:left;}
#grid-area33 {width:710px; height:auto; margin:5px 0 0 10px; padding:0; float:left;}
#grid-area3 table, tr, td,th {border-collapse:collapse; border:1px solid #c9cfd3;}
#grid-area3 td,th {height:30px;}
#grid-area3 th {background: url(../images/grid1.jpg) bottom repeat-x; height:24px;}
.grid-area3-top {background: url(../images/grid2.jpg) bottom repeat-x; text-align:left; padding-left:20px;}

#grid-area3 tr:nth-child(even) {background: #eef7fa;}
#grid-area3 tr:nth-child(odd) {background: #fff;}

#grid-area3 .pagination td, table,tr {border:none;}
.grid-area3-combobox {width:115px; height:18px; margin:0; padding:0; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#096094; border:1px solid #cdd3d6;}




.grid-area4 {width:390px; height:auto; margin:0; padding:0; float:left;}
.grid-area4 table, tr, td,th {border-collapse:collapse; border:1px solid #c9cfd3; padding-top:}
.grid-area4 td,th {height:30px;}
.grid-area4 th {background: url(../images/grid1.jpg) bottom repeat-x; height:24px;}
.grid-area4-top {background: url(../images/grid2.jpg) bottom repeat-x; text-align:left; padding-left:20px;}

.grid-area4 tr:nth-child(even) {background: #eef7fa;}
.grid-area4 tr:nth-child(odd) {background: #fff;}

.grid-area4 img { margin:0px 20px}

/*text-align:Left;*/
/******************************************** 12 April ************************************************************************************************/
#grid-area6 {width:710px; height:auto; margin:-17px 0 10px 10px; padding:0; float:left;}
/*#grid-area6 table, tr, td,th {border-collapse:collapse; border:1px solid #c9cfd3; text-align:center; padding-top:}
*/
#grid-area6 td,th {height:30px; }
#grid-area6 th {background: #eef5f9; font:15px Verdana, Arial, Helvetica, sans-serif; color:#096094; font-weight:bold; text-align:left; padding-left:10px;}
#grid-area6 td {padding-left:10px;}
#grid-area6 table, tr, td,th {border-collapse:collapse; border:0px; text-align:center; padding-top:}