/* elements */

body {
  background: #FFF url('../images/bknds/mainbg.jpg') top left repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 12px;
  margin: 0;
}

a img { border: none; }

p {
  margin: 0 0 10px 0;
}

form { margin: 0; }

input[type=text], input[type=password], select {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  border: solid 2px #666;
  font-weight: bold; 
  padding-left: 6px;
  font-size: 16px;   
  color: #999;   
}

input[type=text], input[type=password] { width: 180px; } select { width: 185px; } 

input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { color: #000; }

input[disabled] { background-color: #ECE9D8; }

input[type=radio] { width: auto; }

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  border: solid 2px #666;
  padding: 3px 0 0 6px;
  font-size: 13px;   
  color: #999;  
}

/* layout */

#wrap {
  text-align: left;
  width: 1050px;
  margin: 0 auto;
}

#contenthead {
  background: url('../images/bknds/contenthead.png') top left no-repeat;
  height: 18px;  
}

#contenthead.report {
  background: url('../images/bknds/contenthead-report.jpg') top left no-repeat;
  padding: 15px 10px 5px 10px;  
  height: 75px;
}

#contenthead.rings {
  background: url('../images/bknds/contenthead-rings.png') top left no-repeat;
  height: 130px;  
}

#content {
  background: url('../images/bknds/contentbg.gif') top left repeat-y;
  padding: 10px 40px 0 40px;
}

#footer {
  background: url('../images/bknds/footerbg.gif') top left no-repeat;
  padding: 30px 0 30px 0;
  text-align: center;
  font-size: 11px;
  line-height: 18px;  
  margin-top: 0;
  clear: both;
  color: #666;
}

#footer a { margin: 0 4px 0 4px; }

/* presentation */

#header img {
  margin: 10px 0 0 10px; 
}

#contenthead h1 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 10px 10px 5px 25px;
  line-height: 30px;
  font-size: 26px;
  color: #000;
}

#contenthead h2 {
  font-weight: normal;
  line-height: 16px;
  font-size: 22px;  
  color: #666;
  margin: 0 0 0 25px;
}

#content h3 {
  font-weight: normal;
  font-size: 22px;
  line-height: 23px;
  margin: 0 0 3px 0;
}

#loginbox { background: url('../images/bknds/loginbox.png') top center no-repeat; }

#upsellcrim, #upsellcomp {
  background:#FFF url('../images/bknds/upsellbox.jpg') top left no-repeat;  
  font-weight: bold;
  line-height: 20px;  
  font-size: 17px;
  display: block;
  width: 474px;
  height: 97px;  
}

#upsellcrim p, #upsellcomp p { padding: 15px 0 5px 0; }

#upsellcrim img, #upsellcomp img { margin-right: 10px; }

#previewsearch input[type=text] { width: 160px;  }

  
#status, #account {
  background: url('../images/bknds/loginbg1.png') top left no-repeat;
  height: 30px;  
  float: right;
}  

 
  
#status .img, #account .img {
  background:#FFF url('../images/bknds/loginbg2.png') top left no-repeat;
  height: 30px;
  width: 10px;
}

#status .msg, #account .msg { 
  text-align: center; 
  padding: 2px 3px 8px 13px;
}

#account { margin: -9px 40px 0 0; font-size: 13px; }


/* pseudo classes */

a:link, a:visited { color: #39C; text-decoration: none; }
a:hover, a:active { color: #369; text-decoration: underline; }

.teaser a:link, .teaser a:visited { color: #369; text-decoration: none; }
.teaser a:hover, .teaser a:active { color: #39C; text-decoration: none; }

#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
#footer a:hover, #footer a:active { color: #000; text-decoration: underline; }


/* classes */

.teaser { border: none; width: 1025px; }

.teaser td { border-left: none !important; } 

.teaser .floatl { font-size: 16px; }

.floatl { float: left; } .floatr { float: right; }

.clear { clear: both; }

.vmid { vertical-align: middle; } .vtop { vertical-align: top !important; }

.smtxt { font-size: 11px; }

.text p, .text li {
  line-height: 18px; 
  font-size: 13px;
  color: #666;
}

td.text.legal p, td.text.legal li { color: #000; }

td.text li { margin: 0 0 5px 0; }

.head {
  margin: 40px 0 0 30px;
}

.alt td {
  background-color: #f1f2f2;
}

.reportbox {
  border-bottom: solid 1px #999;
  margin-bottom: 25px;
}

.reportbox td {
  border-left: solid 1px #999;
  padding: 15px 10px 5px 10px;
  vertical-align: top;
  font-size: 12px;
}

.default {
  border-bottom: solid 2px #AAA;
  margin-bottom: 10px;
}

.default td {
  padding: 3px;
  border: none;
  font-size: 13px;
  vertical-align: middle;
  line-height: 13px;
}

.list td {
  padding: 5px 5px 6px 10px;
  border-top: solid 1px #999;
}

.reportbox td.last {
  border-right: solid 1px #999;
}

.reportbox th {
  border-bottom: solid 3px #F60;
  border-top: solid 3px #F60;
  background-color: #F5D28D;
  text-transform: uppercase;  
  padding: 3px 5px 3px 10px;  
  text-align: left;
  font-weight: bold;
}

.reportbox th.first {
  border-left: solid 3px #F60;
}

.reportbox th.last {
  border-right: solid 3px #F60;
}

.maplabel {
  width: 80px;
  float: left;
  display: block;
  margin: 40px 0 0 0;
}

.map { margin: 0 5px 10px 0; }

.label {
  font-family: Calibri, Arial, Helvetica, sans-serif;
  text-align: right;
  padding-right: 5px;  
  font-size: 16px;
}

.orangebox {
  background: url('../images/bknds/orangebox.png') top left no-repeat;
  padding: 10px 15px 10px 15px;
  font-size: 15px;
  color: #666;
  margin: 0 auto;
  height: 254px;
  width: 233px;  
}

.orangebox ul {
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
/*list-style-type: none;*/	  
}

.orangebox li {
/*background: url('../images/icons/bull.png') 0 -4px no-repeat;
  padding-left: 30px;*/
  margin-bottom: 5px;
  line-height: 20px;
}

td.bluebg {
  background-color: #EFF9FE;
  padding: 5px 20px 10px 20px;
  line-height: 16px;
}

td.subjectlabel {
  border-bottom: solid 1px #CCC;  
  font-size: 15px;
  padding-bottom: 0;
}

td.iconlabel {
  border-bottom: solid 1px #CCC;
  text-align: center;
  font-size: 11px;
  vertical-align: bottom;
}

.myreports td { 
  border-bottom: solid 1px #CCC; 
  padding: 4px 0 5px 10px; 
  border-left: none;   
  font-size: 14px; 
}

/* error messaging */

#successMessage, #warningMessage, #errorMessage {
  border: solid 1px gray;
  text-align: center;
  width: 500px;
  padding: 4px 6px;  
  background-color: #FFF;
}

#successMessage { color: green; }
#warningMessage { color: orange; }
#errorMessage { color: red; }