body {
	margin: 20px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

body.homepage {
	margin: 20px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

/* http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes */
/* the order is important - hence hover is last. */

a:link, a:visited {
  color: #227ed8;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: underline;
}
a:hover {
  color: red;
  background-color: yellow;
}
a:active {
  color: red;
  background-color: yellow;
}



a.menu:link {
  background: #227ed8;	
  color: #ffffff;	
  text-decoration: none;
}
a.menu:visited {
  background: #227ed8;	
  color: #ffffff;	
  text-decoration: none;
}
a.menu:hover {
  color: #227ed8;	
  background: #ffeaba;	
}
a.menu:active:focus {
  color: #227ed8;	
  background: #ffeaba;	
}

span.menu {
  color: #ffffff;	
  text-decoration: none;
}

img {border:0; height: auto; width: auto;}

#branding img {
    height: auto;
    max-height: 120px;
    max-width: 380px;
    width: 100%;
}

*.center {
  margin-left:auto; margin-right:auto;
  text-align: center;
}

label {
   display: block;
   font-weight: bold;
}

/* default table style - no lines, black text, and centered */
table {
  border-collapse: collapse;
  color: #000000;
  margin-left:auto; margin-right:auto;
  text-align: center;
}

/* td and tr inherit from table! */
table.reports td {
  border: 1px solid black;}
table.reports tr:nth-child(odd)		{ background-color:#fbebcb; }
table.reports tr:nth-child(even)	{ background-color:#ffefdf; }

table.child, td.child {
  border: 1px solid black;
  border-collapse: collapse;
  margin-left:auto; margin-right:auto;
}

table.menu {
  background-color: #227ed8;
  border-color: #429ef8 #005eb8 #005eb8 #429ef8; 
  border-style: outset; 
  border-width: 1em;
  border-collapse: separate;
  border-spacing: 0;
  color: #ffffff;
}

tr {
  text-align: left;
}

th {
  background: #227ed8;	
  border: 1px solid black;
  color: #ffffff;	
  text-align: center;
  padding: 4px;
}
td {
  font-size: small;
  font-weight: normal;
  padding: 3px;
}
td.border {
  border: 1px solid black;
  font-size: small;
  font-weight: normal;
  padding: 3px;
}
td.no-border {
  border: 0;
  font-size: small;
  font-weight: normal;
  padding: 3px;
}

a:link.cases, a.cases:visited {
  color: #000000;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}
/* the default case look */
table.cases, th.cases {
  background: #f778a1;
  border-collapse: collapse; 
  border-spacing: 0;
  color: #ffffff;
  margin-left:auto; margin-right:auto;
  text-align: center;
}
td.cases {
  background: #f778a1;	
  border: 1px solid black;
  color: #000000;	
  text-align: center;
}

.prompt {
  color: #005eb8; 
  font-size: small;
  font-weight: normal; 
}

.prompt-open {
  color: #2b9129; 
  font-size: small;
  font-weight: bold; 
}
.prompt-closed {
  color: #ff0000; 
  font-size: small;
  font-weight: bold; 
}

/* Fieldsets */
/* http://validator.w3.org/base.css  */
fieldset {
    display: block;
    background: #F6FFED;
    border: 1px solid black;
    margin: 0.5em;
    padding: 0.5em;
}

.fldst {
   background: #C1F0FF;
   margin-top: .5em;
   padding-top: 0.8em; 
   padding-bottom: 0.8em;
}

legend {
    color: white;
    background-color: #227ed8;
    padding: .1ex .5ex;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    font-weight: bold;
}



/* the nice double arrow  */
.myvisible {
    font-family: "Times New Roman", Times, serif;
    font-size: 130%;
    font-style: normal; 
    font-weight: bold;
}



/* color of entry rows */
.userlist {
   color: #000000;
}

/* color of rows on mouseOver */
/*    cursor: hand; */
.userlist-over {
   color: #ff0000;	
   cursor: pointer;
   cursor: hand;
}
tr.userlist:nth-child(even) {background: #F8F1B9}
tr.userlist:nth-child(odd) {background: #D5F8B9}

/* calendar */
.calendar-box {
	display:none;
	background-color:#fff;
	border:1px solid #444;
	position:absolute;
	width:250px;
	padding: 0 5px;
}
.calendar-box select.calendar-month {
	width:90px;
}
.calendar-box select.calendar-year {
	width:70px;
}
.calendar-box .calendar-cancel {
	width:100%;
}
.calendar-box table td {
	width:14%;
}
.calendar-box .calendar-title {
	text-align:center;
}
.calendar-box a {
	text-decoration:none;
}
.calendar-box .today a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#ffe9c6;
} 
.calendar-box .selected a {
	padding:0 5px;
	margin-left:-5px;
	background-color:#c9ff8b;
}

/* by PS */
a.calendar:link, a.calendar:visited {
  color: #000000;
}

div.navclean {
  background-color: #88ee9a; 
  border-color: #50a460; 
  border-style: solid; 
  border-width: 1px; 
  height: 2em; 
  margin-top: 0px;
}

div.navdirty {
  background-color: #ee889a;
  border-color: #a45060; 
  border-style: solid; 
  border-width: 1px; 
  height: 2em; 
  margin-top: 0px;
}

.debugon {
  background: #000000;
  color: #99FF00;
  font-family: Verdana, Arial;
}

.paperlines {
  background-image: -webkit-linear-gradient(left, white 10px, transparent 10px), -webkit-linear-gradient(right, white 10px, transparent 10px), -webkit-linear-gradient(white 15px, #ccc 15px, #ccc 16px, white 16px);
  background-image: -moz-linear-gradient(left, white 10px, transparent 10px), -moz-linear-gradient(right, white 10px, transparent 10px), -moz-linear-gradient(white 15px, #ccc 15px, #ccc 16px, white 16px);
  background-image: -ms-linear-gradient(left, white 10px, transparent 10px), -ms-linear-gradient(right, white 10px, transparent 10px), -ms-linear-gradient(white 15px, #ccc 15px, #ccc 16px, white 16px);
  background-image: -o-linear-gradient(left, white 10px, transparent 10px), -o-linear-gradient(right, white 10px, transparent 10px), -o-linear-gradient(white 15px, #ccc 15px, #ccc 16px, white 16px);
  background-image: linear-gradient(left, white 10px, transparent 10px), linear-gradient(right, white 10px, transparent 10px), linear-gradient(white 15px, #ccc 15px, #ccc 16px, white 16px);
  background-size: 100% 100%, 100% 100%, 100% 16px;
  line-height: 16px;
}