html, body {
  font-family:verdana;
  padding:0;
  margin:0;
  background-color:#fccb88;


  
  

}

.report {
font-size:10px;
}


img {
border:0;
}
#header {
  background-color:#fccb88;
  height:150px;
}




#container {
  background-color:#eee;
  background-color:#492e1d;
  min-height:500px;
}

#container h2 {
  padding-top:10px;
  margin:0;

  
}


.loginSpacer {
  height:150px;


}

fieldset {
  margin: 0 50px;
  background-color:#f6e0c2;
  border:2px solid #0d4d38;
}

.loginBox {
  border:1px solid black;
  width:310px;
  padding:25px;
  margin: 0 auto;
  background-color:#f6e0c2;
}

fieldset legend {

  border:1px solid black;
  background-color:#492e1d;
  background-color:#0d4d38; 
  padding:5px 0 5px 5px;
  margin:0;
  width:100%;
  color:#fff;
}

.accountBox {
  width:500px;
  margin:0 auto;
}
.accountBox label, .wideBox label {
  padding-top:5px;    
  display:block;
  width:175px;
  float:left;
}

.loginBox label {
  display:block;
  width:150px;
  float:left;
}

.loginBox input[type="submit"]{
  margin-left:151px;
  
}

.userMenu {
  float:right;
  margin-right:10px;
}

.userMenu a {
  display:block;
}

.centerText {
  text-align:center;
}

.dataTable {
  width:100%;
  font-size:12px;
  
}

.dataTable th {
  text-align:left;
}
.dataTable input[type="submit"] {
  width:100%;
}

#flashMessage.error {
  color:red;
  border:1px solid red;
  background-color:#ffcccc;
  padding:5px;
  margin:0 auto;
  text-align:center;
}

#flashMessage.success {
  color:green;
  border:1px solid green;
  background-color:#ccffcc;
  padding:5px;
  margin:0 auto;
  text-align:center;
}

.wideSet {
/*
  width:80%;
  margin:0 auto;
*/
}

.alignRight {
  text-align:right;
}

.error-message {
  color:red;
  
}

.evenRow {
  background-color:#cfb898;
}

.oddRow {
  background-color:#f6e0c2;
}

.row:hover {
  background-color:#0d4d38;
  color:#fff;
}


div.input {
  clear:both;
  padding:2px;
}

div.input input[type="text"], div.input input[type="password"] {
  width:150px;
}

.addBox input {
  width:90%;
  
}
.actions {
 width:100px;
}


@media print {


    
    .searchBox { display:none;}
    .addBox { display:none;}
    .cake-sql-log{ display:none;}
    #header{ display:none;}
    .dataTable {
      font-size:10px;
    }
    .actions {
      display:none;
    }
  
}

@PAGE landscape {size: LANDSCAPE;}