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

.ticket_list a {
	color: #FFAC37;
	text-decoration: none;
	font-weight: bold;
}
.ticket_list a:hover {
	text-decoration: underline;
}

.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;
}

.view_ticket {
	color: #d4851b;
}

#lyr_all_releated_tickets {
	display: none;
}

.no_ticket_error {
	color: #fff;
	background-color: #7bacac;
	width: 100%;
	font-weight: bold;
	padding: 2px;
}

.clear {
	clear: both;	
}

.search_input {
	padding-bottom: 3px;
}

.org_button {
color: #fff;
background-color: #ffac37;
text-decoration: none;
padding: 2px 5px;
border: 0;
}

.proceed {
	margin-top: 15px;
	width: 100%;
	text-align: center;
	color: #7bacac;
	font-weight: bold;
	font-size: 1.3em;
	height: 60px;
	background: url(/elements/images/down_arrow.gif) no-repeat bottom center;
}

.credit_card_details {
	background: #e7efef;
	color: #355757;
}

.tp_bot_right {
 background: url(/elements/images/pl_bot_right.gif) #fff no-repeat bottom right; 
 padding-right: 15px;
}

.tp_bot_left {
 background: url(/elements/images/pl_bot_left.gif) #fff no-repeat bottom left; 
 padding: 7px 5px 7px 15px;
}
.tp_bot {
background: #fff;
}

.tp_top_right {
color: #fff;
 background: url(/elements/images/pl_top_right.gif) #4c7e7e no-repeat top right; 
 padding-right: 15px;
}

.tp_top_left {
color: #fff;
 background: url(/elements/images/pl_top_left.gif) #4c7e7e no-repeat top left; 
 padding: 7px 5px 7px 15px;
}

.tp_top {
color: #fff;
background: #4c7e7e;
}


.mt_bot_right {
color: #6d9494;
 background: url(/elements/images/mt_bot_right.gif) #ecf2f2 no-repeat bottom right; 
 padding-right: 15px;
}

.mt_bot_left {
color: #6d9494;
 background: url(/elements/images/mt_bot_left.gif) #ecf2f2 no-repeat bottom left; 
 padding: 7px 5px 7px 15px;
}
.mt_bot {
color: #6d9494;
background: #ecf2f2;
}

.mt_top_right {
color: #6d9494;
 background: url(/elements/images/mt_top_right.gif) #e0eaea no-repeat top right; 
 padding-right: 15px;
}

.mt_top_left {
color: #6d9494;
 background: url(/elements/images/mt_top_left.gif) #e0eaea no-repeat top left; 
 padding: 7px 5px 7px 15px;
}

.mt_top {
color: #6d9494;
background: #e0eaea;
}