html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
a, img, dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }

body {
margin: 0;
padding: 10px;
font: 68.8% Lucida Sans, Lucida Grande, Arial, sans-serif;
color: #000;
background-color: #FFF;
}

/* ------------------------- dynamic back to top link in span in footer -------------------------- */
#toTop {
background: url(http://www.mcsheriff.org/images/return_to_top_sales.png);
height: 13px;
cursor:pointer;
text-decoration:none;
display: none;
width: 141px;
float: right;
}

#toTop:hover { background-position: 0 -13px; }

/*--------------------- for sales table display ----------------------*/
.sales {
border: #79b7e7 solid;
border-width: 0 1px 0 0;
width: 100%;
background-color: #FFF;
font: normal 1em Lucida Sans, Lucida Grande, Arial, sans-serif;
}

/*--------------------- for top nav ----------------------*/
.sales th.topnav {
color: #CC0099;
border-top: 1px solid #79b7e7;
border-bottom: 0;
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd3.png) 50% 50% repeat-x;
padding: 8px;
}

.topnav {
font-size: 1.1em;
margin: 0;
width: 100%;
text-transform: uppercase;
letter-spacing: .05em;
}

.topnav .left { float: left; width: 49%; text-align: left; }
.topnav .right { float: right; width: 49%; text-align: right; }
.topnav a:link, .topnav a:visited { color: #212658; text-decoration: none;}
.topnav a:hover { color: #2e6e9e; text-decoration: none; }

.sales th.topnamesearch {
color: #FFF;
border-top: 1px solid #79b7e7;
border-bottom: 1px solid #4891C6;
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd5.png) 50% 50% repeat-x;
font-size: 1.4em;
padding: 8px;
}

.topnamesearch h1 {
font-size: 1.2em;
color: #fff;
text-align: center;
padding: 0 0 10px 0;
margin: 0;
text-transform: uppercase;
}

.sales th {
color: #2e6e9e;
padding: 5px 8px;
border: #79b7e7 solid;
border-width: 0 0 1px 1px;
background: #dfeffc url(http://www.mcsheriff.org/images/sales_bkgrd1.png) 50% 50% repeat-x;
width: auto; /* to help sucky IE not fall apart */
}

.sales th.first { width: 68px; }

.sales td {
padding: 2px;
border-left: 1px solid #79b7e7;
border-bottom: 1px solid #79b7e7;
}

tfoot {
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd2.png) 50% 50% repeat-x;
height: 15px;
}

.highlight { background: #dfeffc url(http://www.mcsheriff.org/images/sales_bkgrd3.png) 50% 50% repeat-x;}
tfoot .highlight { background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd2.png) 50% 50% repeat-x; }

/*--------------------- for clicking in a table row to retain highlight via jquery ----------------------*/
.foo { background: #F0F0F0 url(http://www.mcsheriff.org/images/sales_bkgrd4.png) 50% 50% repeat-x;}
tfoot .foo { background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd2.png) 50% 50% repeat-x; }

/*--------------------- for filter and search section ----------------------*/
.search {
text-align: center;
width: 80%;
margin: 0 auto;
}

.search .entry {
width: 204px;
padding: 2px;
margin: 0;
vertical-align: middle;
}

.search .button {
letter-spacing: .1em;
padding: 2px;
text-transform: uppercase;
margin: 0;
vertical-align: middle;
}

label {
font-weight: bold;
color: #FFF;
vertical-align: middle;
}

/*----------- for NO RESULTS warning -------------*/
.noresults {
font-weight: bold;
font-size: 1.2em;
text-align: center;
color: #FFF;
margin: 10px 0 0 0;
}

/*------------ for pagination ------------*/
.paginate {
font-size: 1.2em;
padding: 20px 0;
text-align: right;
width: 100%;
}

.paginate strong, .paginate a:link, .paginate a:visited {
border: 1px solid #79b7e7;
padding: 4px 6px 5px 6px;
background-color: #FFF;
color: #2e6e9e;
text-decoration: none;
}

.paginate strong { color: #000; }

.paginate a:hover {
border: 1px solid #2e6e9e;
background-color: #2e6e9e;
color: #FFF;
text-decoration: none;
}

/*--------------------- for bottom ----------------------*/
#footer { text-align:center; margin: 15px 0 0 0; }

/*--------------------- hide because it is only for printing ----------------------*/
#printheader { display: none; }

/*------------ FOR colorbox ALERT ------------*/

.alert_hide { position: absolute; left: -999em; }
#alert { padding:10px; background:#FFF; }

#alert p {
margin: 15px; text-align: center; color: #2E6E9E;
font: bold 1.2em/1.4em Lucida Sans, Lucida Grande, Arial, sans-serif;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxClose {cursor:pointer;}
#cboxOverlay{background:#000;}
#cboxContent{background:#000; margin-top:20px; overflow:hidden; }
#cboxLoadedContent{background:#2E6E9E; padding:5px; }
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(http://www.mcsheriff.org/images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(http://www.mcsheriff.org/images/colorbox/alert_close.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}



/*--------------------- for search results page ----------------------*/
#results {
width: 100%;
border: solid #79b7e7;
border-width: 1px 1px 0 1px;
margin: 0 auto;
color: #FFF;
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd5.png) 50% 50% repeat-x;
font-size: 1.2em;
}

#results td { padding: 5px; }
#results .crumb a:link, #results .crumb a:visited { font-weight: bold; color: #FFF; text-decoration: underline; }
#results .crumb a:hover { color: #FFF; text-decoration: none}
#results .word {text-align: left; }
#results .total { text-align: right; }

/*--------------------- for different styles fed to IE8 because of fixed header js problems ----------------------*/
.forIE8 {
border: #79b7e7 solid;
border-width: 0 1px 0 1px;
width: 100%;
background-color: #FFF;
font: normal 1em Lucida Sans, Lucida Grande, Arial, sans-serif;
}

.forIE8 td.topnav {
color: #CC0099;
border-top: 1px solid #79b7e7;
border-bottom: 0;
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd3.png) 50% 50% repeat-x;
padding: 8px;
font-weight: bold;
}

.forIE8 td.topnamesearch {
color: #FFF;
border-top: 1px solid #79b7e7;
border-bottom: 1px solid #4891C6;
background: #6BA5D0 url(http://www.mcsheriff.org/images/sales_bkgrd5.png) 50% 50% repeat-x;
font-size: 1.4em;
padding: 8px;
}

/* - - - - - - - - for temporary drop in alert box on page load - - - - - - - - */
.message {
position:fixed;
width:100%;
z-index: 1000;
left: 0px;
top: -400px;
padding: 10px 0;
border-bottom: 1px solid #79b7e7;
background: url(http://www.mcsheriff.org/images/message_bkgrd.png) 50% 100% repeat-x;
border: none;
padding: 10px 0 18px 0;
}

.message p {
float:left;
width: 95%;
margin: 0 0 0 30px;
color: #FFF; 
font: bold 1.2em/1.4em Lucida Grande, Lucida Sans, Arial, sans-serif;
width: 90%;
}

.close_message {
float:right;
cursor:pointer;
width: 16px; height: 16px;
margin: 0px 10px 0 0;
background: url(http://www.mcsheriff.org/images/colorbox/close_button2.png) no-repeat;
width: 32px; height: 34px;
}