body {
	background-color: red;
	width: 850px;
	margin: auto;
	margin: 60px auto;
	border:4px solid blue;
  border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;

}
body *
{
	margin: 0px;
}
header
{
	background-color:white;
	padding: 0px;
	height: 200px;
}

header img{
	
	  border-radius: 8px ;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}
h1
{
	padding: 0px;
	margin: 0px;
	margin: 0px;
}
nav
{
	display: inline-block;
	clear: both;
	background-color: blue;
	height: 35px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
nav>p
{
	float: left; 
	color: white;
}
nav p
{
	background-color:white;
	height: 20px; 
	margin: 0px;
	padding: 10px;
	padding-bottom: 0px
}
nav p.current
{
	background-color: transparent;
	color: white;
}
nav p.current a,
nav p.current a:visited,
nav p.current a:active
{
	background-color: transparent;
	color: white;
}
div.main
{
	clear: both;
	background-color:white;
	margin: -5px 0 0;
	min-height: 300px;
	padding: 20px 10px 30px 20px;
}
table.indexed
{
	border-collapse: collapse;
}
table.indexed td
{
	padding-left: 10px;
	padding-right: 5px;
}
table.indexed a
{
	background-color:#e9f9ac;
	padding: 0 10px;
	margin: 0 5px;
}
table.indexed tr th:first-child,
table.indexed tr td:first-child
{
	width: 50px;
	text-align: right;
	padding-right: 10px; 
}
table.indexed thead
{
	background-color: #E2EBFA;
}
footer
{
	padding-top: 30px;
	height: 80px;
}
footer p
{
	float: left; 
}
footer a.logo
{
	float: right;
}

form
{
	width: 500px;
	margin-bottom: 30px
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid green;
  color:green;
  font-size:90%;
  text-align:right;
  }
  
fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
  }
label {
  float:left;
  width:30%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
fieldset.payperiod input[type=number]
{
  	width: 50px;
}
input[readonly]
{
	background-color: #E3E3E3;
	border: 0;
}
div.mk-payitem
{
	
}
div.button 
{
	padding: 20px 0 30px;
	text-align: center;
	margin-top: 10px;
}
div.button input,
div.button a.cancel,
div.button a.cancel:visited,
div.button a.cancel:active
{
	background-color:#e9f9ac;
	background-image:none;
	
	border-width:1px;
	border-style:solid;
	border-color:#809431;
	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	
	display: block;
	width:300px;
	padding:2px;
	margin: auto;
	text-align: center;
	
		
}
div.button a.cancel
{
	margin-top : 5px;
	clear: both;
	background-color: orange;
}
div.error
{
	padding: 10px 20px;
	color: red;
	background-color: #E3E3E3;
	font-size: 1.2em;
}
div.success
{
	padding: 5px 20px;
	color: blue;
	background-color:#e9f9ac;
}
.pptable a{
    font-size: smaller;
}
.pptable td{
    white-space: nowrap;
}