h1 {
  font-family: Arial,Helvetica,sans-serif;
  color:#D3BE94;
}

.pageContentText {      font-family: Arial, Helvetica, sans-serif;
              font-size: 12px;
              line-height: 18px;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 0px;
              margin-bottom: 3px;
              color: #000000;
              }

.pageContentText:link {   color: #736158;
              }

.pageContentText:visited {  color: #736158;
              }

.pageInfringementText {   font-family: Arial, Helvetica, sans-serif;
              font-size: 12px;
              line-height: 18px;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 8px;
              color: #6e5b51;
              }

.pageInfringementNote {   font-family: Arial, Helvetica, sans-serif;
              font-size: 10px;
              line-height: 12px;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 5px;
              margin-bottom: 0px;
              margin-left: 8px;
              color: #6e5b51;
              }

.pageFooterText {     font-family: Arial, Helvetica, sans-serif;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              font-size: 10px;
              line-height: 10px;
              color: #d3be94;
              }
.pageFooterText a:link {
              color: #d3be94;
}
.pageFooterText a:visited {
              color: #d3be94;
}

.inputInfringementText {  font-family: Arial, Helvetica, sans-serif;
              font-size: 11px;
              line-height: 11px;
              padding-top: 0px;
              padding-bottom: 0px;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 8px;
              border: #d3be94 1px solid;
              }

table img { display:block; } /* fix for xhtml strict */
img.inline { display:inline; }              
a img { border:0px; }

/* Layout, margins */
body {
  background-color:#E7EFEF;
  text-align:center;
}
#page {
  width:775px; 
  background:#FFFFFF url(../images/page-bottom.gif) no-repeat bottom center; 
  text-align:left; 
  margin:0px auto; 
  position:relative;
}
#title {
  margin-left:24px;
}
#pageContent {
  margin-left:24px;
  margin-right:27px;
}
#footer {
  width:775px; 
  text-align:right; 
  margin:0px auto; 
  clear:both;
  height:22px; 
  padding-top:15px; 
  padding-right:20px; 
  padding-bottom:10px;
}
.spacer {
  clear:both
}

/* bold text */
.box strong {
  color:#675449;
}

/**
 Make box with rounded corners :(
 Do it with placeholders, not cleverness
*/

div.box {
  margin-bottom:10px;
  position:relative;
  padding:15px;
  background-color:#E7EFEF;
}
.box .body div {
  margin-bottom: 7px;
}

div.box .corner {
  display:block;
  width:15px;
  height:35px;
  overflow:show;
  position:absolute;
  background-color:green;
}

div.box .tl {
  background: url("../images/box_tl.gif") no-repeat top left;
}
div.box .tr {
  background: url("../images/box_tr.gif") no-repeat top right;
}
div.box .bl {
  background: url("../images/box_bl.gif") no-repeat bottom left;
}
div.box .br {
  background: url("../images/box_br.gif") no-repeat bottom right;
}

div.box .top {
  top:0px;  
}
div.box .bottom {
  bottom:0px;  
}
div.box .left {
  left:0px;  
}
div.box .right {
  right:0px;  
}

/* Or table :( */
table.box {
  margin-bottom:10px;
  position:relative;
  background-color:#E7EFEF;
}




.sidebox {
  margin-left:25px;
  margin-right:25px;
  float:right;
  width:246px;
}

table.ticket {
  width:350px;
  background-color:#E7EFEF;
}

.message {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
}
table.message {
  width:380px;
}

.message .error{
/*  color:#CC0000; */
  font-size:12pt;
/*  font-weight:bold; */
}



.primary {
  width:442px; 
  height:40px; 
  background:#e7efef url('../images/primary-links-bg.gif') no-repeat center right;
}
.primary .links {
  padding-top:12px; 
  padding-bottom:12px; 
  padding-left:10px;
  font-size:12px;
}

.contact-details {
  margin-left:1em;
}
dt {
  font-weight:bold;
}

#pay-form {
  width:350px;
  text-align:center;
}
#pay-now {
  margin-left:auto;
  margin-right:auto;
}

/* Ticket layout */
.ticket {
  margin-bottom:1em;
 }
.ticket h2{
  margin-top:0;
  color:#675449;
  font-size:18px;
 }
table.ticket {
  width:380px;
 }
.ticket table.details td{
  vertical-align:top;
  padding-left:1em;
}

.ticket .label {
  color:#675449;
} 
.ticket .value {
  font-weight:bold;
}
.ticket .infringement_number {
  font-size:1.3em;
}
.ticket .payment_amount_due {
  font-size:1.3em;
}
.ticket .status {
  padding-top:0.5em;
  padding-bottom:0.5em;
}   
.ticket .date {
  white-space:nowrap;
}

#pay-form {
  width:380px;
}
#pay-now {
  float:right;
}
 
.notes {
  /* width:380px; */
  line-height:1.1em;
}