th {
  background-color: #E6EEF7; 
  color: #4f5559;
  border: 1px solid #5D87A1; 
  vertical-align:top;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

th.sorted, th.sortable {
  border-collapse: collapse; 
  padding: 5px; 
  font-weight: bold;
}

th.sorted {
  background-color: #008194; 
  color: #4f5559;
  border: 1px solid #5D87A1; 
  border-collapse: collapse; 
  padding: 5px; 
  font-weight: bold;
}
th.sorted a, th.sortable a {
  background-position: right;
  display: block;
  width: 100%;
  text-decoration: none;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
/*
  cloumn header size for the table
*/
th.sortable a {
  background-image: url( ../images/arrow_off.png );
  background-repeat: no-repeat;
  background-position:  right;
   margin-right: 20px;
  color: #4f5559;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

th.order1 a, th.order1 a:visited {
  background-image: url( ../images/arrow_down.png );
  background-repeat: no-repeat;
  color: white;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

th.order2 a, th.order2 a:visited {
  background-image: url( ../images/arrow_up.png );
  background-repeat: no-repeat;
  color: white;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

tr.odd {
  background-color: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}
 
tr.tableRowEven, tr.even {
  background-color: #E6EEF7;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.its {
  border: 1px solid #5D87A1;
  width: 99%;
  margin: 12px 0 12px 0;
}

table.its thead tr {
  background-color: #504A4B;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.its thead th {
  padding: 3px 7px 3px 5px;
  color: #4f5559;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.its tbody td {
  padding: 2px 5px 2px 4px;
  vertical-align: top;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.its tr.even {
  background-color: #E6EEF7;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.its1 {
  border: 1px solid #666;
  width: 99%;
  margin: 12px 0 12px 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

table.its1 thead tr {
  background-color: #888888;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

table.its1 thead th {
  padding: 3px 4px 3px 4px;
  font-size: 10px;
  color: #4f5559;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

table.its1 tbody td {
  padding: 2px 4px 2px 4px;
  font-size: 10px;
  vertical-align: top;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

table.its1 tr.even {
  background-color: #E6EEF7;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
}

table.lov {
  border: 1px solid #666;
  padding: 5px 5px 5px 5px;
  width: 100%;
  margin: 12px 0 112px 0;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.lov thead tr {
  background-color: #7593C2;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.lov thead th {
  padding: 3px 4px 3px 4px;
  font-size: 13px;
  color: #4f5559;
  font-weight: bold;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

table.lov tbody td {
  padding: 2px 4px 2px 4px;
  font-size: 13px;
}

table.lov tr.even {
  background-color: #E6EEF7;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

div.exportlinks {
  background-color: #eee;
  border: 1px solid #999;
  padding: 2px 4px 2px 4px;
  margin: -12px 0 12px 0;
  width: 99%;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

span.export {
  padding: 0 4px 1px 12px;
  display: inline-block;
  cursor: pointer;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

span.excel {
  background-image: url( ../images/ico_excel.gif );
}

span.csv {
  background-image: url( ../images/ico_detail_trans.gif );
}

span.xml {
  background-image: url( ../images/ico_detail_trans.gif );
}

span.pdf {
  background-image: url( ../images/ico_pdf_trans.gif );
}

span.pagebanner {
  font-size: 11px; 
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight:bold; 
  color: #4d6777;
  background-color: #EEEEEE;
  border: 1px solid #999;
 padding: 2px 4px 2px 4px;
  width: 99%;

  margin-top: 12px;
  display: block;
  border-bottom: none ;
  
}

span.pagelinks {
  font-size: 11px; 
  font-family: Verdana, Helvetica, sans-serif; 
  font-weight:bold; 
  color: #4d6777;
  background-color: #EEEEEE;
  border: 1px solid #999;
  padding: 2px 4px 2px 4px;
  width: 99%;
  margin-bottom: 1px;
  display: block;
  border-top: none;
}

.edit-del-column {
  background-color: #E6EEF7; 
  color: #4f5559;
  border: 1px solid #5D87A1; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 1px;
  width:5%;
}
.updatedRow {
  background-color: yellow; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
}
.printedRow {

  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  background-color: Yellow;
  text-decoration: none;
  padding: 1px;

}
.notUpdatedRow {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  color: blue;
  background-color: #0099FF;
  text-decoration: none;
  padding: 1px;
  display: block;
   
}

  
.informationRow {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
  color: gray;
  background-color: white;
  text-decoration: none;
  padding: 1px;
  text-align:center;   
}  
.hideColumn{
    display:none;
}