.mainwrapper {
width: 94%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
background: #ffffff;
border-top: 4px solid #003F5F;
border-left: 1px solid #003F5F;
border-right: 1px solid #003F5F;
}



#money-box{
width:100%;
border: 0px solid #cccccc;
 text-align: center;
}






#money-link {
color: #ffffff;
}


#money{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin:5px;
border: 0px solid #333;
text-decoration: none;
background: #22556E;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:75px;
display: inline-block;

}


#money:hover {
background: #333333;

}



#banner{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin-top: 10px;
margin-bottom: 5px;


border: 0px solid #333;
text-decoration: none;
background: #22556E;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:98%;
display: inline-block;

}



input,
text-display-area {
  padding: 5px;
  background: #fafafa;
border-color: #000000 #000000 #000000 #000000;
  border-width: 1px;
  border-style: solid;
  margin-right: 10px;
  margin-top: 10px;

  margin-bottom: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input:focus,
text-display-area:focus {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -moz-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -webkit-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
}


.partners{
padding:10px;
}

.footer h5{
padding-top:10px;
color:#e27a17;
font-size:1.1em;
}

hr {
width:90%;
text-align:center;
}


#content{
padding:10px;
}

#rounded{
width:100%;
max-width:500px;
}


/*NEW*/

.mainwrapper {
width: 94%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
min-height: 100%;
background: #ffffff;
border-top: 4px solid #003F5F;
border-left: 1px solid #003F5F;
border-right: 1px solid #003F5F;
}



#money-box{
width:100%;
border: 0px solid #cccccc;
 text-align: center;
}






#money-link {
color: #ffffff;
}


#money{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin:5px;
border: 0px solid #333;
text-decoration: none;
background: #22556E;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:75px;
display: inline-block;

}


#money:hover {
background: #333333;

}



#paybanner{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px 7px 7px 7px;
margin-top: 10px;
margin-bottom: 5px;


border: 0px solid #333;
text-decoration: none;
background: #ecba1f;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
font-weight: bold;
font-size: 1.2em;
width:98%;
display: inline-block;

}



input,
text-display-area {
  padding: 5px;
  background: #fafafa;
border-color: #000000 #000000 #000000 #000000;
  border-width: 1px;
  border-style: solid;
  margin-right: 10px;

/*
  margin-top: 10px;
  margin-bottom: 10px;
*/

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input:focus,
text-display-area:focus {
  background: #fff;
  border-color: transparent;
  box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -moz-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
  -webkit-box-shadow: 0 0 6px rgba(48, 136, 255, 0.7);
}


.partners{
padding:10px;
}

.footer h5{
padding-top:10px;
color: rgba(10, 27, 47, 1); 
font-size:1.1em;
}

hr {
width:90%;
text-align:center;
}


#content{
padding:10px;
}

#rounded{
width:100%;
max-width:500px;
}


form label {
    display: block;
    font-weight: 400;
    color: #0071b3;
    margin: 0 0 0 0;
}


#invoicetable{
border:1px solid;
width:100%;
}


#invoicetdhead{
border:1px solid;
background:#cccccc;
}

#invoicetdcredit{
background:#c6e6c6;
}

#invoicetddue{
background:#b2cad8;
color:#000000;
}

.GridBarDUE{
background:#e5eff5;
}

.GridBarPAID{
background:#e3f7e3;
}