.headertext
 {
  font-family:"Bell MT";
  font-size:24pt;
  text-align:center;
 }

.headernumber
 {
  font-family:"Bell MT";
  font-size:24pt;
  text-align:center;
  vertical-align:middle;
  float:right;
 }

ul#menu {
    padding: 0;
}

ul#menu li {
    display: inline;
}

ul#menu li a {
    background-color: gray;
    color: white;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 4px 4px 0 0;
    display: inline-block;
    width:120px;
    font-family:"Bell MT";
    font-size:12pt;
}

ul#menu li a:hover {
    background-color: blue;
}

.bodytable
{
 width:60%;
 margin-left:auto;
 margin-right:auto;
 background-color:#DDDDDD;
 color:#777777;
 table-layout:fixed;
}

.bodytext
{
 font-family:"Bell MT";
 font-size:14pt; 
}

a 
{
 font-family:"Bell MT";
 color:#777777;
}
}

input, select
{
width: 200px;
border: 1px solid #000;
padding: 0;
margin: 0;
height: 22px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle;
cursor:pointer;
}
.checkbox
{
text-align:right;
width:25px;
height:auto;
}

textarea
{
width: 200px;
border: 1px solid #000;
padding: 0;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle;
}

table.sortable tbody tr:nth-child(2n) td {
  background: #ffcccc;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #ccfffff;
}
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

input, select
{
width: 200px;
border: 1px solid #000;
padding: 0;
margin: 0;
height: 22px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle;
cursor:pointer;
}

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700);

* {
  box-sizing         : border-box;
  -moz-box-sizing    : border-box;
  -webkit-box-sizing : border-box;
  font-family        : Roboto, Arial, Helvetica, Sans-serif;
}

body {
  background : #f0f0f0;
  padding    : 10px 30px 20px;
}

h1 {
  font-size: 18px;
}

p {
  margin-top    : 0;
  margin-bottom : 6px;
  font-size     : 13px;
  font-weight   : 300;
  color         : #595959;
}

a {
  text-decoration    : none;
  color              : rgb(0,155,194);
  -webkit-transition : color 0.2s;
  -moz-transition    : color 0.2s;
  -ms-transition     : color 0.2s;
  -o-transition      : color 0.2s;
  transition         : color 0.2s;
}

a:hover {
  color: rgb(83, 192, 235);
}

code, code * {
  font-size   : 13px;
  font-family : monospace;
}

code {
  display       : block;
  margin-bottom : 10px;
  padding       : 10px;
  color         : rgb(172,172,172);
  background    : rgb(46,46,46);
}

/* Keyword */
code .value,
code .keyword {
  color: #f30084;
}

code .tag,
code .string {
  color: #8BC9D5;
}

code .attribute,
code .params {
  color: #fff;
}

@media print {
    input {
        display: none;
    }
}

div.calendar 
{
 max-width: 240px;
 margin-left: auto;
 margin-right: auto;
}
div.calendar table {
        width: 100%;
}
div.dateField {
width: 140px;
padding: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
color: #555;
background-color: white;
margin-left: auto;
margin-right: auto;
text-align: center;
}
div#popupDateField:hover {
background-color: #cde;
cursor: pointer;
}