html,body {
    padding:0;
    margin:0;
    height:100%;
    min-height:100%;
    font-family: 'PT Serif', serif;
}

h1{color: #445569;}
.clear{clear: both;}
.red{color: tomato;}
.gray{color: gray;}
#maxbox {
margin: 0 auto;
position: relative;
text-align: left;
width: 960px;}

#maxboxpanel{width: 100%;
background-color: white;
position: absolute;
min-height: 100%;}

#maxnavpanel{    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    overflow: hidden;
    min-height: 100%;
    background: none repeat scroll 0% 0% #343131;
    z-index: 200;
}

#money{ text-align: center; -moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;font-size: 60px; color: yellowgreen; font-weight: bold; margin-bottom: 20px;}


.askes{ width: 100%;
font-size: large;
font-weight: bold;}

#maxnavtitle{
height: 100px;
color: white;
background-color: slateblue;
padding: 10px;}
#step1{
margin-top: 10px;
color: white;
background-color: tomato;
padding: 10px;}
#step2{
margin-top: 10px;
color: white;
background-color: yellowgreen;
padding: 10px;}
#step3{
margin-top: 10px;
color: white;
background-color: dodgerblue;
padding: 10px;}
#step4{
margin-top: 10px;
color: white;background-color: ghostwhite;
padding: 10px;
border: 10px double slateblue;
padding: 10px;}

#maxcontent{
margin-left: 300px;
background: none repeat scroll 0% 0% white;
min-height: 100%;}

#middlebox{ width: 400px; margin: 0px auto;}
#maxcontentbox{background-color: white;width: 800px; margin: 0px auto; padding: 1px; border-left: 1px dashed #333; border-right: 1px dashed #333;}
#maxcontentboxabout{background-color: white;width: 900px; margin: 0px auto; padding: 10px; border-left: 1px dashed #333; border-right: 1px dashed #333;margin-top: 30px; }
#maxcontentboxabout p{font-size: x-large;}
.explain{    width: 800px;
    margin: 0 auto;
}
.explain { }
.explain .img{float: left; margin: 20px; margin-top: 90px;}
.dodgerblue{color: dodgerblue;}
.tomato{color: tomato;}
.yellowgreen{color: yellowgreen;}
#navigation{width: 100%; font-size: medium; color: #333; margin: 20px;}

.records{ cursor: pointer; color: #333; margin: 30px; padding: 10px;  -moz-box-shadow: 0 0 5px #e1e1e1; -webkit-box-shadow: 0 0 5px#e1e1e1; box-shadow: 0 0 5px #e1e1e1; }
.records:hover{ -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888;}
.clear{clear:both;}
select{padding: 8px; color: #333; background-color: whitesmoke; width: 400px; border:3px solid gray;font-size: medium; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}
label{font-size: large; font-weight: bold;}

.recordsinfo{ color: #333; margin: 30px; padding: 10px;  }
.firstinfo{width: 300px; margin-top: 20px; padding: 5px; -moz-box-shadow: 0 0 5px #e1e1e1; float: left;
-webkit-box-shadow: 0 0 5px#e1e1e1;
box-shadow: 0 0 5px #e1e1e1; }
.secondtinfo{width: 390px; margin-top: 20px; padding: 5px; -moz-box-shadow: 0 0 5px #e1e1e1; float: right;
-webkit-box-shadow: 0 0 5px#e1e1e1;
box-shadow: 0 0 5px #e1e1e1; }
legend{ color: tomato; }

.input{background-color: whitesmoke; border: 1px solid gray;height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.inputt{border: 2px solid gray;
width: 250px;
font-size: medium;}
.label{margin:3px; float: left; font-size: small; background-color: whitesmoke; border-bottom: 1px solid gray; height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.label50{width:180px;  margin:3px; float: left; font-size: small; background-color: whitesmoke; border-bottom: 1px solid gray; height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.label100{width:100%; margin:3px; float: left; font-size: small; background-color: whitesmoke; border-bottom: 1px solid gray; height: 20px; padding: 5px; font-weight: bolder; color: #333; text-transform: uppercase;}
.labelbox{float: left;
width: 100px;}


nav li{list-style: none; cursor: pointer; color: lightgray;margin: 10px; letter-spacing: 1px;}
nav li:hover{ text-decoration: underline;}

.clear{clear: both;}
.left{float: left;}
.right{float: right;}
a{text-decoration: none;}

#login{width: 600px; margin: 0px auto; margin-top: 10%;  background-color: white;}
.leftlogin{float: left; width: 60%;}
.leftlogin label{ text-transform: uppercase;font-size: large; font-weight: bolder; clear: both;color: gray;}
.leftlogin input{ width:300px; margin: 10px; padding: 5px; }
.leftlogin .input{ width:300px; margin: 10px; background-color: whitesmoke; border: 1px solid gray;height: 20px; padding: 5px; font-weight: bolder; color: #333;}
.rightlogin{float: left; width: 40%; font-size: small;}
#footerlogin{ text-transform: uppercase;
color: #333; font-size: small; letter-spacing: 1px;	
position: fixed;
text-align: left;
width: 100%;
height: 40px;
text-align: center;
bottom: 0px;
display: block;}

#inheader{ text-transform: uppercase;
color: #333; font-size: small; letter-spacing: 1px;	
position: fixed;
text-align: left;
border: 3px solid black;
width: 100%;
text-align: center;
top: 0px;
display: block;}


#title{text-shadow: 2px 2px 2px #000;
letter-spacing: 2px;
color: #FFF;
font-size: xx-large;
padding: 10px;}

.save{
width: 200px;
clear: both;
margin-top: 20px;
height: 85px;
padding: 0px 0px 5px 3px;
background: none repeat scroll 0% 0% #FFF;
font-size: large;
letter-spacing: 2px;
z-index: 1;
color: #333;
border: 4px solid #E1E1E1;
cursor: pointer;
text-decoration: none;
font-weight: bold;}

.submit{
clear: both;
margin-top: 20px;
height: 85px;
padding: 0px 0px 5px 3px;
background: none repeat scroll 0% 0% #FFF;
font-size: large;
letter-spacing: 2px;
z-index: 1;
color: #333;
width: 100%;
border: 4px solid slateblue;
cursor: pointer;
text-decoration: none;
font-weight: bold;}