/*--------------------- skip to content link ----------------------*/

/* only IE mac will see this IT IS TO hide the whole skipnav thing and prevents functionality */
*>html #skip { display: none; }

.skipp a{
position: absolute;
overflow: hidden;
width: 0;
height: 0;
}

.skipp { margin: 0; padding: 0; }

.skipp a {
top: 0;
left: 0;
background-color: #FFFF00;
text-align: center;
}

.skipp a:active, .skipp a:focus{
overflow: visible;
width: 100%;
height: auto;
padding: 2px 0;
}

#skip { position: relative; }

/*--------------------- start content css ----------------------*/
* {
padding: 0;
margin: 0;
}

body {
margin: 0;
padding: 10px;
background-color: #FFF;
font: 62.5%/1.2 Verdana, Arial, Helvetica, sans-serif;
}

h1 {
font: 2.4em Georgia, "Times New Roman", Times, serif;
color: #0C188A;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
}

h1 a:link, h1 a:visited { color: #0C188A; text-decoration: none; }
h1 a:hover { color: #0C188A; text-decoration: none; }

p {margin: 0 0 5px 0; }

a:link { color: #0066CC; text-decoration: none; }
a:visited { color: #0066CC; text-decoration: none; }
a:hover { color: #CC0099; text-decoration: underline; }

.clr { clear: both; }

/*--------------------- for top nav ----------------------*/

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

#topnav .left { float: left; width: 49%; }
#topnav .right { float: right; width: 49%; text-align: right; }

#topnav a:link, #topnav a:visited { color: #0C188A; text-decoration: none;}
#topnav a:hover { color: #999999; text-decoration: none; }

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

/*--------------------- for sales table display ----------------------*/
.sales {
border: #000 solid;
border-width: 0 1px 0 0;
width: 100%;
background-color: #ffffff;
}

.sales th {
color: #FFFFFF;
padding: 5px 8px;
border-top: 1px solid #000;
border-right: 0 solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
background-color: #0C188A;
}

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

.hilight { border-top: 0px solid #000; background-color: #E9E7E3; display: block;}


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

.paginate b, .paginate a:link, .paginate a:visited {
border: 1px solid #DDD;
padding: 4px 6px 5px 6px;
background-color: #FFF;
color: #990066;
text-decoration: none;
}

.paginate b { color: #000; }

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

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

.search .entry {
width: 204px;
padding: 2px;
margin: 7px 0 0 0;
}

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

label {
font-weight: bold;
font-size: 1.2em;
color: #00007A;
}

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


/*--------------------- for search results page ----------------------*/
#results {
width: 100%;
border: 0;
font-size: 1.4em;
margin: 10px auto;
background-color: #99CCFF;
}

#results td { padding: 3px; }

#results .crumb a:link, #results .crumb a:visited { font-weight: bold; color: #0C188A; text-decoration: none}
#results .crumb a:hover { color: #FFF; text-decoration: none}

#results .word {text-align: left; }
#results .total { text-align: right; }

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

/*--------------------- special announcements ----------------------*/
.announce {
margin: 10px 0 0 0;
font-weight: bold;
font-size: 1.4em;
color: #FFF;
text-align: center;
padding: 5px;
background-color: #009933;
}

/*--------------------- advisory about sales dates changing ----------------------*/
.advisory {
font-weight: bold; font-size: 1.2em; line-height: 1.4em;
color: #FFF;
text-align: center;
padding: 5px;
background-color: #009933;
width: 80%;
margin: 10px auto 0 auto;
}