/* Style sheet for ..hpro.. */

#main {
border: 1px solid #666;
clear: both;
background: #FFF3B3;
padding-top: 2em;
}
#contents {
padding: 1.5em;
background: #FFFDF3;
min-height: 300px;
}
#header {
position: relative;
width: 100%;
height: 3em;
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#primary {
margin: 0;
padding: 0;
position: absolute;
bottom: -1px;
width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#primary li {
display: inline;
list-style: none;
}
#header ul#primary a,#header ul#primary span,#header ul#primary a.current {
width: 8em;
display: block;
float: left;
padding: 4px 0;
margin: 1px 2px 0 0;
text-align: center;
font-family: tahoma, verdana, sans-serif;
font-size: 85%;
text-decoration: none;
color: #333;
}
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
border: 1px solid #666;
border-bottom: none;
background: #FFF3B3;
padding-bottom: 6px;
margin-top: 0;
}
#header ul#primary a {
background: #FFFAE1;
border: 1px solid #AAA;
border-bottom: none;
}
#header ul#primary a:hover {
margin-top: 0;
border-color: #666;
background: #FFF7CD;
padding-bottom: 5px;
}
#header ul#secondary {
position: absolute;
margin: 0;
padding: 0;
bottom: -1.4em;
left: 1px;
width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#header ul#secondary li a,#header ul#secondary li span {
width: auto;
display: block;
float: left;
padding: 0 10px;
margin: 0;
text-align: auto;
border: none;
border-right: 1px dotted #AAA;
background: none;
}
#header ul#secondary li a {
color: #06C;
text-decoration: underline;
}
#header ul#secondary li a:hover {
color: #333;
background: transparent;
padding: 0 10px;
border: none;
border-right: 1px dotted #AAA;
}
#header ul#secondary li a:active {
color: #000;
background: transparent;
}
#header ul#secondary li:last-child a { border: none; }
html { min-width: 600px; }
body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers */ font-family: verdana,sans-serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
color: #333;
} .clearhack { display: inline; } /*Clears Box Model Hack in IE5*/
body {
background: #EDEBE3;
background-image: url(../img/background.gif);
background-repeat: no-repeat;
color: #333;
padding: 1em 20px 3em 20px;
margin: 0;
}
a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }
p { line-height: 140%; }
h1,h2 {
font-family: trebuchet ms;
font-weight: bold;
color: #333;
}
h1 {
font-size: 180%;
margin: 0;
}
h1 a { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }
h2 {
font-size: 140%;
padding-bottom: 2px;
border-bottom: 1px solid #CCC;
margin: 0;
}
p.note {
background: #EEE;
padding: 4px;
font-family: tahoma;
font-size: 85%;
line-height: 130%;
margin-top: 0;
}
/*****************************/
/* ASBRU WEB EDITOR STYLES   */
/*****************************/
.webeditor_icon {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #9CBDEC;
	background-color: #ffffff;
	background: white url(webeditor.blue.gif);
}

.webeditor_icon_selected {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #957C4B;
	background: white url(webeditor.orange.gif);
}

.webeditor_icon_disabled {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #3366FF;
	background-color: #F5F5F5;
	background: white url(webeditor.blue.gif);
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	opacity: 0.35;
}

.webeditor_icon_mouseover {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #957C4B;
	background-color: #FAD07E;
}

.webeditor_icon_mousedown {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #957C4B;
	background-color: #FAD07E;
}

.webeditor_icon_mouseup {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #957C4B;
	background: white url(webeditor.orange.gif);
}

.webeditor_icon_mouseout {
	height: 20px;
	width: 21px;
	margin: 1px;
	border: solid 2px #957C4B;
	background-color: #FAD07E;
}

.webeditor_button {
	border: solid 2px #D4D0C8;
	background-color: #D4D0C8;
	text-align: center;
}

.webeditor_button_selected {
	border: solid 2px #D4D0C8;
	background-color: #E8E8E8;
}

.webeditor_button_disabled {
	border: solid 2px #D4D0C8;
	background-color: #A0A0A0;
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}

.webeditor_button_mouseover {
	border: outset 2px;
	background-color: #D4D0C8;
	text-align: center;
}

.webeditor_button_mousedown {
	border: inset 2px;
	background-color: #D4D0C8;
	text-align: center;
}

.webeditor_button_mouseup {
	border: outset 2px;
	background-color: #D4D0C8;
	text-align: center;
}

.webeditor_button_mouseout {
	border: solid 2px #D4D0C8;
	background-color: #D4D0C8;
	text-align: center;
}

.webeditor_select {
}

.webeditor_select_disabled {
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}

.webeditor_toolbar {
	height: 25px;
	border: #000000;
	background-color: #C4DAFA;
}

.webeditor_DOM_inspector, .webeditor_DOM_inspector TD {
	border: none;
	font-size: 10px;
	font-family: Helvetica,Arial;
	background-color: #ffffff;
	background: white url(webeditor.blue.gif);
}

.webeditor_colour {
	width: 12px;
	height: 13px;
	border: 1px solid grey;
	padding: 0px;
	margin: 0px;
	cell-spacing: 0px;
}

.webeditor_colour_mouseover {
	width: 12px;
	height: 13px;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	cell-spacing: 0px;
}

.webeditor_window_title {
	font-size: 18px;
	font-family: Helvetica,Arial;
	font-weight: bold;
	line-height: 1;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.webeditor_window_heading {
	font-size: 14px;
	font-family: Helvetica,Arial;
	font-weight: bold;
}

.webeditor_window_attribute {
	font-size: 12px;
	font-family: Helvetica,Arial;
	font-weight: bold;
	width: 50px;
}

.webeditor_window_value {
	font-size: 12px;
	font-family: Helvetica,Arial;
}

fieldset {
	padding: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.HardCore_contenteditable {
	border-left: none;
	border-right: none;
	border-top: 1px solid #d4d0c8;
	margin: 0px;
	padding: 0px;
}

/*  ************************ */
/**** JASON'S EDITS      *****/
/*  ************************ */
.db_reply_button a {
display:block;
width: 59px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("../img/db_reply_rollover.gif") 0 0 no-repeat;
text-decoration: none;
}
.db_reply_button a:hover { 
background-position: 0 -18px;
color: #049;
}
.db_reply_button a:active {
background-position: 0 -36px;
color:#fff;
}

.advicebutton a {
display:block;
width: 120px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("../img/advice_rollover.gif") 0 0 no-repeat;
text-decoration: none;
}
.advicebutton a:hover { 
background-position: 0 -18px;
color: #049;
}
.advicebutton a:active {
background-position: 0 -36px;
color:#fff;
}

.advice_font1 {
  color:#141A75;
}
.advice_font2{
	color:#141A75;
	font-weight: bold;
	position: relative;
}	

.container {
  position:relative;
  margin:0 auto;
  width:920PX;
  background: transparent;
}
.top_cont {
  position:relative;
  width:100%;
  height:100px;
  margin-top:15px;
  background-color: transparent;
}
.header_text {
font:normal bold 350%/2.05 georgia,'geneva',times,sans-serif;
text-transform: lowercase;
color:#ffffcc;
text-indent: 16px;
text-align: left;
}
.banner_text {
font:normal bold 350%/2.05 georgia,'geneva',times,sans-serif;
text-transform: lowercase;
color:#ffffcc;
text-indent: 16px;
text-align: left;
}
.banner  {
  position: relative;
  left: 0px; 
  width: 500px; 
  top: 50px; 
  background-color: transparent;  
  background-image: url(../img/background.gif);
  text-align: left;  
}
.header div {
  position:relative;
  width:760px;
  height:100px;
  background:transparent url(../img/header.gif) no-repeat center;
}
img.bannertop{
	position: absolute;
	border-style: none;
	margin: 0;
	padding: 0;
	top: -10px;
	right: 0; 
  
}
img.bannermiddle{
	position: absolute;
	border-style: none;
	margin: 0;
	padding: 0;
	top: 37px;
	right: -40px; 
  
}
img.bannerbottom{
	position: absolute;
	border-style: none;
	margin: 0;
	padding: 0;
	top: 71px;
	right: 0; 
  
}

/**********************************/
/*  styles for the star rater     */
/**********************************/

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(star_rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}