/* -------------------------------------------------------- */
/* Tags used to control the basic layout of the site
/* -------------------------------------------------------- */
#container-body {
   background-image: url(/images/bg_speck.jpg);
   margin: 0 auto;
}

#container-logo {
	height: 105px;
	width: 100%;
	border: 1px solid #000;
	background-color: #FFF;
	background-image: url(/images/ap/head3.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#container-youarehere {
/*
    margin: 0 auto;
    height: 25px;
*/
}

#container-hnav {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 18px;
	width: 100%;
	background-image: url(/images/hnav-back-blank.png);
    margin: 0;
}

#container-nav-left {
  width: 186px; /* 166 */
  float: left;
  clear: left;
}

#container-nav-right {
  width: 186px;  /* 166 */
  margin: 0 0 0 0;
  padding: 0;
  float: right;
  clear: right;
}

.container-nav-inner {
    margin: 10px;
    width: 166px;
}

#container-side-bars {
    margin: 0 auto;
}

#container-main-content {
  line-height: 1.5em;
  margin: 0 0 0 188px;
  padding: 0 188px 0 0;
}

#container-main-center {
    margin: 0;
    padding: 10px 0;
}

.container-details {
	background: #eee;
	border: 1px solid silver;
	padding: 10px;
}

.container-main-inner {
   padding: 0 10px 10px 10px;
   background-color: #FFFFFF;
   border: 1px solid #808080;
   min-height: 400px;
   height: auto !important;
   height: 400px;
}

#container-footer {
	border-top: 1px solid #000;
	background-image: url("/images/footer-gradient.jpg");
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #747474;
}

#container-footer-content {
	margin: 10px 15px 10px 15px;
}

#container-footer-content h2, #container-footer-content h2 a {
	color: whitesmoke;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	margin-bottom: .25em;
}

#container-footer-content a {
	color: gainsboro;
	line-height: 1.5em;
	font-size: .9em;
	text-decoration: none;
}

#container-footer-content #copyright p {
	color: gainsboro;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid whitesmoke;
	font-size: .7em;
	text-align: left;
}

#container-footer-content #copyright p b {color: gainsboro;}

#container-popup-header {
	height: 50px;
	width: 100%;
	background-image: url(/images/bg_speck.jpg);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#container-popup-content {
	background-color: #FFFFFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	min-height: 350px;
}

#container-popup-comments {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: rgb(232,232,232);
	padding: 15px;
}

#container-popup-footer {
	height: 42px;
	width: 100%;
	background-color: #dfdfdf;
	display: block;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#popup-footer-left {
	float: left;
	padding: 5px;
}

#popup-footer-right {
	text-align: right;
	padding: 5px;
}

#popup_wide {
	background-color: #FFFFFF;
}
/* Looks like you have to specify the width of #menuor IE5 Mac stretches
it all the way across the div, and Opera streches it half way.  */
#popup_content { width: 100%; }
#popup_content a { color: blue; }


#popup_narrow {
	float: right;
	background: #eee;
	margin: 5px;
	padding: 5px;
	border: 1px solid #cccccc;
}
#popup_narrow_header {
	background-color: #CCCCCC;
	height: 25px;
}

#popup_footer {
	width: 100%;
}


#logo {
	float: left;
	width: 30%;
}

#logo-phone {
	float: right;
	margin: 0px auto;
	margin-top: 30px;
	margin-right: 6px;
	text-align: right;
	width: 60%;
}

#hnav-right {
	float: right;
	width: 50%;
	line-height: 10px;
	font-size: .7em;
	margin-right: 10px;
	text-align: right;
}

#hnav-left {
	margin-left: 10px;
	width: 35%;
	line-height: 10px;
	font-size: .7em;
	float: left;
}

#popup-header {
	margin: 10px;
	text-align: left;
}

#popup-content {
	margin: 15px;
	text-align: left;
}

#comment-entry {
   width: 100%;
   display: block;
   margin: 10px 0 0 0;
}

#comment-byline {
   width: 100%;
   display: block;
}

#comment-separator{
	border-bottom: 1px dashed #808080;
	clear: both;
}

.inner_container {
	margin: 10px;
	padding: 0;
}

.sidenavlinks {
	font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.25em;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
}

a:link.sidenavlinks, a:visited.sidenavlinks, a:active.sidenavlinks, a:alink.sidenavlinks, a:vlink.sidenavlinks { color: #CC0000; }

#posts {
	margin: .25em .5em;
}

#posts a:link, #posts a:visited, #posts a:active, #posts a:hover {
	font-size: .7em;
	color: blue;
	text-decoration: none;
}

#post_title a:link, #post_title a:visited, #post_title a:active, #post_title a:hover {
	font-size: .9em;
	text-decoration: none;
}

#post_title a:link h6, #post_title a:visited h6, #post_title a:active h6, #post_title a:hover h6 {
	color: black;
	margin: .25em 0 0 0;
}

#post_dept {
   border-bottom: 1px solid #c0c0c0;
}

#post_dept a:link h2, #post_dept a:visited h2, #post_dept a:active h2, #post_dept a:hover h2 {
	margin: 3px 0 3px 0;
	color: black;
}

.post_info {
	font-size: .65em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

a:link.post_info, a:visited.post_info, a:hover.post_info, a:active.post_info { font-size: 1em; }

.line {
	margin: 3px 0;
	height: 1px;
   border-bottom: 1px solid #c0c0c0;
	overflow: hidden;
}

.button1, .button2, .button3, .button4, .button5, .button6 {
	font-size: 1em;
	line-height: 1.1em;
	text-align: center;
	color: #000000;
	width: 5.5em;
	height: 1.7em;
	background-color: rgb(220,220,220);
	border: 1px solid #000000;
	padding-bottom: .35em;
	margin-top: .25em;
	margin-bottom: .25em;
}

.button1 {height: 1.5em; width: 4em; padding-bottom: .3em; font-size: .9em;}
.button3 {width: 6em;}
.button4 {width: 8em;}
.button5 {width: 10em;}
.button6 {width: 12em;}


.YouAreHere {
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #FF0000;
	font-size: .7em;
	line-height: .9em;
}
.YouAreHere A {
	text-decoration: none;
	color: #808080;
}

.txtlabel {
	width: 10em;
	text-align: right;
	margin-right: 10px;
	float: left;
	
}

.txtinput {
	font-size: .9em;
	width: 12em;
	height: 1.25em;
	margin-top: .25em;
	margin-right: .5em;
   padding-top: .35em;
	border: 1px solid silver;
	background-color: rgb(248,248,255);
}

.formhint {
	font-size: 70%;
	color: #777;
	display: block;
}

.small_links {
	font-size: .7em;
	color: blue;
	text-decoration: none;
}

.login_input_div {
	float: left;
	margin-top: 1px;
	margin-bottom: 0;
}

.text_area_small {
	width: 23em;
	height: 75px;
	padding: .25em;
	border: 1px solid silver;
	background-color: rgb(248,248,255);
}
.text_area_medium {
	font-size: .9em;
	height: 10em;
	width: 30em;
	padding: .25em;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-right: .5em;
	border: 1px solid silver;
	background-color: rgb(248,248,255);

}
.text_area_large {
	padding: .25em;
	font-size: .9em;
	height: 25em;
	width: 33em;
	padding: .25em;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-right: .5em;
	border: 1px solid silver;
	background-color: rgb(248,248,255);
}

.text_area_jumbo {
	padding: .25em;
	font-size: .9em;
	height: 35em;
	width: 33em;
	padding: .25em;
	margin-top: .25em;
	margin-bottom: .25em;
	margin-right: .5em;
	border: 1px solid silver;
	background-color: rgb(248,248,255);
}

.button_row {
	margin: 10px;
	margin-left: 125px;
	display: block;
}

fieldset {
	border: 1px solid silver;
	width: 25em;
	padding: 10px;
}

fieldset label {
	text-align: left;
	font-weight: normal;
	margin: 0;
	width: 20em;
}

legend {
	font-weight: bold;
	font-size: .9em;
	margin: 2px;
	padding: .25em;
}

.checkbox {
	border: 0;
	margin: 5px 5px 0 0;
}

/* tables */
table {
   margin: 10px 0;
   border-collapse: collapse;
   border-color: white;
   border-width: 0 0 1px 0;
   border-style: solid;
   width: 100%;
}

tfoot td {
   background-color: #C0C0C0;
   text-align: left;
   line-height: 1.25em;
   font-weight: bold;
}

th, td {
	text-align: left;
	padding: 2px 5px 2px 5px;
	font-size: .85em;
	border-color: white;
	border-width: 1px 0 0 0;
	border-style: solid;
}

th {
   color: white;
   line-height: 1.25em;
   background-color: #747474;
   white-space: nowrap;
}
th a:link, th a:visited, th a:active, th a:hover {font-size: 1em; color: white; line-height: 1.2em; text-decoration: none;}

td {
    background-color: #eee;
    line-height: 1.2em;
}
td a:link, td a:visited, td a:active, td a:hover {font-size: 1em; color: blue; line-height: 1.2em; text-decoration: none;}

td h4 {margin:2px 0 2px 0;}
td h5 {margin: 0;}

.caption {
	color: silver;
	text-align: left;
	font-size: .95em;
}


/* evil tables used for layout - stupid css! */
.container table {
   margin: 1px 0;
   width: 100%;
}

.container td, .container td p {
   background-color: white;
	padding: 0;
	font-size: .9em;
	vertical-align: top;
}

.container td h3 {
   background-color: white;
	padding: 0;
	font-family:"Trebuchet MS", Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: black;
	font-size: 1.125em;
	vertical-align: top;
}
/* end evil tables */








.good {
	margin: 10px;
	padding: 10px;
   border: 1px solid #119911;
   background-color: #E6F8DD;
}

.error {
	margin: 10px;
	padding: 10px;
   border: 1px solid #FF0000;
   background-color: #FDF1F1;
}

.note, .tip {
	margin: 10px;
	padding: 10px;
	border: 1px solid gold;
	background-color: lemonchiffon;
}

.help {
	margin: 10px;
	padding: 10px;
	border: 1px solid #0065cd;
	background-color: #e5f0fa;
}

.tile-blue {
   background: #E8EDF1 none repeat scroll 0 0;
   border-color: #DDDDDD #666666 #666666 #DDDDDD;
   border-style: solid;
   border-width: 1px;
   margin: 10px;
   padding: 10px;
}

.tile-buff {
   background: #E8EDA1 none repeat scroll 0 0;
   border-color: #DDDDDD #666666 #666666 #DDDDDD;
   border-style: solid;
   border-width: 1px;
   margin: 10px;
   padding: 10px;
}

.tile-red {
   background: #CC0000 none repeat scroll 0 0;
   border-color: #DDDDDD #000000 #000000 #DDDDDD;
   border-style: solid;
   border-width: 1px;
   margin: 10px;
   padding: 10px;
   color: white;
}
.kbd {
	font-family: arial,helvetica,sans-serif;
	padding:5px 3px;
	white-space:nowrap;
	color:#000;
	background:#eee;
	border-width:2px 4px 5px 3px;
	border-style:solid;
	border-color:#ccc #aaa #888 #bbb;
}

.sales_amount_column {
    text-align: right;
    width: 8em;
}

#hint-text {
   background: url(/images/bulb.gif) no-repeat scroll 0 0;
   margin: 5px;
   padding: 0 0 0 13px;
   width: 100%;
}

.Tag01 {text-align: center; padding: 0 .5em; font-size: 0.75em;}
a:link.Tag01, a:active.Tag01 {color: #00A0FF;}
a:visited.Tag01 {color: #90A0FF;}
a:hover.Tag01 {background-color: #00A0FF; color: white;}

.Tag02 {text-align: center; padding: 0 .5em; font-size: 0.80em;}
a:link.Tag02, a:active.Tag02 {color: #0090FF;}
a:visited.Tag02 {color: #9090FF;}
a:hover.Tag02 {background-color: #0090FF; color: white;}

.Tag03 {text-align: center; padding: 0 .5em; font-size: 0.85em;}
a:link.Tag03, a:active.Tag03 {color: #0080FF;}
a:visited.Tag03 {color: #9080FF;}
a:hover.Tag03 {background-color: #0080FF; color: white;}

.Tag04 {text-align: center; padding: 0 .5em; font-size: 0.90em;}
a:link.Tag04, a:active.Tag04 {color: #0070FF;}
a:visited.Tag04 {color: #9070FF;}
a:hover.Tag04 {background-color: #0070FF; color: white;}

.Tag05 {text-align: center; padding: 0 .5em; font-size: 0.95em;}
a:link.Tag05, a:active.Tag05 {color: #0060FF;}
a:visited.Tag05 {color: #9060FF;}
a:hover.Tag05 {background-color: #0060FF; color: white;}

.Tag06 {text-align: center; padding: 0 .5em; font-size: 1.00em;}
a:link.Tag06, a:active.Tag06 {color: #0050FF;}
a:visited.Tag06 {color: #9050FF;}
a:hover.Tag06 {background-color: #0050FF; color: white;}

.Tag07 {text-align: center; padding: 0 .5em; font-size: 1.05em;}
a:link.Tag07, a:active.Tag07 {color: #0040FF;}
a:visited.Tag07 {color: #9040FF;}
a:hover.Tag07 {background-color: #0040FF; color: white;}

.Tag08 {text-align: center; padding: 0 .5em; font-size: 1.10em;}
a:link.Tag08, a:active.Tag08 {color: #0030FF;}
a:visited.Tag08 {color: #9030FF;}
a:hover.Tag08 {background-color: #0030FF; color: white;}

.Tag09 {text-align: center; padding: 0 .5em; font-size: 1.15em;}
a:link.Tag09, a:active.Tag09 {color: #0020FF;}
a:visited.Tag09 {color: #9020FF;}
a:hover.Tag09 {background-color: #0020FF; color: white;}

.Tag10 {text-align: center; padding: 0 .5em; font-size: 1.20em;}
a:link.Tag10, a:active.Tag10 {color: #0010FF;}
a:visited.Tag10 {color: #9010FF;}
a:hover.Tag10 {background-color: #0010FF; color: white;}

#container-tag-sort { width: 100%; text-align: right; border-bottom: 1px solid #808080; font-size: .8em; color: #808080;}
#container-tag-sort a {color: #808080;}
#container-tag-data { width: 100%; text-align: justify; }


/* miscellaneous */
.column_left {float: left; width: 48%;}
.column_right {float: right; width: 48%;}
.col {float: left;}
.x1  {width: 98%;}
.x2  {width: 49%;}
.x3  {width: 33%;}
.x4  {width: 24%;}
.clr {clear: both;}
.end {width: 25%; text-align: center; }
.alert {color: #DD0000;}
.show {visibility:visible;}
.hidden {display: none;}
.indent1 {margin-left: 10px;}
.indent2 {margin-left: 20px;}
.centered {text-align: center;}
.right_justified {text-align: right;}
.left_justified {text-align: left;}
.bold, A:Link.bold, A:visited.bold, a:active.bold, A:hover.bold {font-weight: bold;}
A:Link.bold, A:visited.bold, a:active.bold, A:hover.bold {font-weight: bold; color: blue;}

.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
}


.select_department {
   color: blue;
   display: block;
   font-size: .9em;
}

form.select_department > button {
	font-size: 1em;
	line-height: 1.1em;
	text-align: center;
	color: #000000;
	width: 4em;
	height: 1.8em;
	background-color: rgb(220,220,220);
	border: 1px solid #000000;
	padding-bottom: .35em;
	margin-top: .25em;
	margin-bottom: .25em;
}

.small_button {
	font-size: .9em;
	line-height: 9.1em;
	text-align: center;
	color: #000000;
	width: 4em;
	height: 1.75em;
	background-color: rgb(220,220,220);
	border: 1px solid #000000;
	padding-bottom: .30em;
	margin-top: .25em;
	margin-bottom: .25em;
}


table UL, P UL, UL {
	margin: .5em 1em;
	padding: .25em;
}

LI {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.25em;
}