/* elements */

body {
  background-color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 14px;
  margin: 0;
  color: #666;
}

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: 4px;
  font-size: 16px;   
  color: #999;
  color: #000;   
}

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

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

#homesearch {
  background: url('/images/bknds/homesearchboxbg.png') 0 24px no-repeat;
  width: 880px;
  margin: 0 auto;
}

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

#homebox img {
  float: left;
  margin: 0 10px 30px 10px;
}

#homebox h2 {
  font-weight: normal;
  font-size: 24px;
}

#homebox p { margin: 0 5px; }

#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: 20px 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;
}

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


/* small tabbed searchbox nav */

#searchnav {
  text-align: left;
  float: left;
  margin-top: -8px;
}

#searchnav .floatl { 
  padding: 10px 0 10px 0;
}

#searchnav ul {
  list-style: none;    
  padding: 0; 
  margin: 0 0 0 10px; 
  float: left;  
}

#searchnav li {
 display: inline;
 margin: 0;
 padding: 0;
}

#searchnav a {
  background:url('/images/nav/left.gif') top left no-repeat;
  margin-right: 8px;
  padding: 0 0 0 8px;
  color: #000;
  float: left;
  font-size: 13px;
  font-weight: bold;  
  cursor: pointer;        
} 

#searchnav a span {
  background: url('/images/nav/right.gif') top right no-repeat; 
  padding: 10px 18px 10px 8px;   
  font-size: 15px;
  display: block;    
  float: left;    
}

#searchnav li#current a {
  background-image:url('/images/nav/lefton.gif');
  border-bottom: none;
}

#searchnav li#current a span {
  background-image:url('/images/nav/righton.gif'); 
}

/* pseudo classes */

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

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

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

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

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

#searchnav a:link, #searchnav a:visited { color:#FFF; text-decoration: none; }
#searchnav a:hover, #searchnav a:active { color:#FFF; text-decoration: none; }

#searchnav li#current a:link, #searchnav li#current a:visited { color:#000; text-decoration: none; }
#searchnav li#current a:hover, #searchnav li#current a:active { color:#000; text-decoration: underline; }
/*
#searchnav a:hover { background-image:url('/images/nav/leftover.gif'); color: #000; }
#searchnav a:hover span { background-image:url('/images/nav/rightover.gif'); color: #000; }
*/
#footer a:link, #footer a:visited { color: #369; text-decoration: none; }
#footer a:hover, #footer a:active { color: #369; text-decoration: underline; }

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

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


/* classes */

.greathead {
  font-size: 24px; 
  margin: 5px 0 15px 0;
}

.greathead .green { 
  background: url('/images/bknds/greenunderline.gif') bottom center no-repeat; 
  padding-bottom: 8px;   
}

.greathead .red { 
  background: url('/images/bknds/redunderline.gif') bottom center no-repeat; 
  padding-bottom: 8px;  
}


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

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

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

.teaser ul {
  list-style-type: none;
  margin: 0 0 0 10px;
  padding: 0 0 0 5px;
}

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

.clear { clear: both; }

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

.smtxt { font-size: 11px !important; }

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

td.text.legal p, td.text.legal li, td.text.legal table td { 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;
  vertical-align: middle;  
}

.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 p { padding-left: 10px;  }

.orangebox ul {
  margin: 0;
  padding: 0;
  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; 
}

.list .recs { 
  vertical-align: middle; 
  padding: 5px 0 6px 0; 
  border-left: none; 
} 
 
.list .recs img { 
  vertical-align: middle; 
  margin: 0 5px 0 3px; 
}

.crayon {
  background: url('/images/bknds/crayonbox-sm.gif') top left no-repeat;
  width: 290px;
  height: 106px;
  padding: 20px 10px;
}

.smbox {
  background: url('/images/bknds/smbox.gif') top left no-repeat;
  width: 290px;
  /*height: 106px;*/
  padding: 20px 10px;
}


#header #rollimg { margin: 0; }


/* error messaging */

#successMessage, #warningMessage, #errorMessage {
  border: solid 1px gray;
  text-align: center;
  width: 400px;
  padding: 4px;  
}

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