body {
    background: black;
}

select{
    color:black;
}

tr,td {
    font-family: verdana,arial;
}

.tdheader {
  background: url(images/g6.jpg);
}

.tdfoot {
  background: url(images/d3.jpg);
}

.m1 {
    background: url(images/m1.gif);
    height: 24px;
    padding-right: 15px;
    padding-left: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: white;
}
.m2{
padding-left:10px;
font-size:10px;
color:#B41818;
padding-top:4px;
padding-bottom:4px;
}
.m2 a{
color:#B41818;
text-decoration:none;
}
.m2 a:hover{
color:red;
text-decoration:none;
}
a{
color:#5D5D5D;

}
a:hover{
color:orange;
}
div.img {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
}

div.img:hover {
    border: 1px solid #777;
}

div.img img {
    height: auto;
    max-width: 100%;
}

div.desc {
    padding: 15px;
    text-align: center;
}


.datagrid table {  
  border-collapse: collapse; 
  text-align: left; width: 100%; 
} 
.datagrid {
  font: normal 12px/150% Arial, Helvetica, sans-serif; 
  background: #fff; 
  overflow: hidden; 
  border: 1px solid #006699; 
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
}
.datagrid table td {
  padding: 3px 10px;
}
.datagrid table th { 
  padding: 3px 10px; 
}
.datagrid table thead th {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f20f0c), color-stop(1, #820808) );
  background:-moz-linear-gradient( center top, #f20f0c 5%, #820808 100% );
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14F50C', endColorstr='#108208');*/
  background-color:#ffaeae; 
  color:#FFFFFF; 
  font-size: 12px; 
  font-weight: bold; 
  border-left: 1px solid #ffaeae; 
  text-align: center;
} 
.datagrid table thead th.payroll {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b2bff7), color-stop(1, #00496b) );
  background:-moz-linear-gradient( center top, #b2bff7 5%, #00496b 100% );
}
.datagrid table thead th.mcalign {
  text-align: left;
} 
.datagrid table thead th.hsmaller {
  font-size: 10px; 
} 

.datagrid table thead th:first-child { 
  border: none; 
}
.datagrid table tbody td { 
  color: #00496B; 
  border-left: 1px solid #E1EEF4;
  font-size: 11px;
  font-weight: normal; 
}
.datagrid table tbody td.dsmaller {
   font-size: 9px;
}
.datagrid table tbody .alt td { 
  background: #E1EEF4; 
  color: #00496B; 
}
.datagrid table tbody td:first-child { 
  border-left: none; 
}
.datagrid table tbody tr:last-child td { 
  border-bottom: none; 
}
.datagrid table tfoot td div { 
  border-top: 1px solid #006699;
  background: #E1EEF4;
} 
.datagrid table tfoot td { 
  padding: 0; 
  font-size: 12px
}
.datagrid table tfoot td div{ 
  padding: 2px; 
}
.datagrid table tfoot td ul { 
  margin: 0; 
  padding:0; 
  list-style: none; 
  text-align: right; 
}
.datagrid table tfoot  li { 
  display: inline;
}
.datagrid table tfoot li a { 
  text-decoration: none; 
  display: inline-block;  
  padding: 2px 8px; 
  margin: 1px;
  color: #FFFFFF;
  border: 1px solid #006699;
  -webkit-border-radius: 3px; 
  -moz-border-radius: 3px; 
  border-radius: 3px; 
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #14F50C), color-stop(1, #108208) );
  background:-moz-linear-gradient( center top, #14F50C 5%, #108208 100% );
  /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14F50C', endColorstr='#108208');*/
  background-color:#14F50C;
}
.datagrid table tfoot ul a.active{
  text-decoration: underline;
}
.datagrid table tfoot ul a:hover { 
  text-decoration: none;
  border-color: #006699; 
  color: #FFFFFF; 
  background: none; 
  background-color:#14F50C;
}

div.dataTables_wrapper  div.dataTables_filter {
  width: 100%;
  float: none;
  text-align: left;
}