.PageBODY {background-color: #eee; color: #000000;font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10pt;}

input, textarea, select {
/* css 3 */
 border-radius:4px;
 /* mozilla */
 -moz-border-radius:4px;
 /* webkit */
 -webkit-border-radius:4px;
border: 1px solid rgb(150,150,150);

}

td.datastatHeader {
  background-color:#CBFFCB;
  font-size:11pt;
  text-align: center;
  border-width: 1px;
  padding: 10px;
  border-style: solid;
  border-color: black;
}
td.datastat {
  font-size:10pt;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: black;
  padding: 2px 10px 2px 5px;
}
td.tight {
  font-size:10pt;
  padding: 2px 10px 2px 5px;
}

td.cellspace {
 padding: 5px 10px 5px 10px;
}


.TextSmall {
font-family: Verdana, Tahoma, Arial, Helvetica; 
font-style: normal;
font-size: 8pt;
border-width: 2;
border-style: none;
}

.TextMedium {
font-family: Verdana, Tahoma, Arial, Helvetica; 
font-style: normal;
font-size: 12pt;
border-width: 2;
border-style: none;
}

.TextLarge {
font-family: Verdana, Tahoma, Arial, Helvetica; 
font-style: normal;
font-size: 14pt;
border-width: 2;
border-style: none;
}


body {
	background: #555;
}

h1 {
	font: 30px Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

input[type=radio], input[type=checkbox] {
    display:none;
}
input[type=radio] + label:before {
    content: "";  
    display: inline-block;  
    width: 15px;  
    height: 15px;  
    vertical-align:middle;
    margin-right: 8px;  
    background-color: #aaa;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 8px;  
}
input[type=checkbox] + label:before {
    content: "";  
    display: inline-block;  
    width: 15px;  
    height: 15px;  
    vertical-align:middle;
    margin-right: 8px;  
    background-color: #aaa;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 4px;  
}
input[type=radio]:checked + label:before {
    content: "\2022"; /* Bullet */
    color:white;
    background-color: #666; 
    font-size:1.8em;
    text-align:center;
    line-height:14px;
    text-shadow:0px 0px 3px #eee;
}
input[type=checkbox]:checked + label:before {
    content:"\2714"; /* Tick */
    color:white;
    background-color: #666; 
    text-align:center;
    line-height:15px;
    text-shadow:0px 0px 3px #eee;
}

    /* Remove the navbar's default margin-bottom and rounded borders */ 
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {height: 850px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      padding-top: 20px;
      background-color: rgb(236,230,206);
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }
  </style>
  <style type="text/css">
.table, .table th, .table td { 
     border:0; 
     border-top:none;
     font-family:Arial, Helvetica, sans-serif;
     font-size:small;
 }
.table.table-borderless td,
.table.table-borderless th {
    border-top: 0;
}

::-webkit-input-placeholder { /* Chrome */
  color: red;
}
:-ms-input-placeholder { /* IE 10+ */
  color: red;
}
::-moz-placeholder { /* Firefox 19+ */
  color: red;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: red;
  opacity: 1;
}