/*colours: lightred=#CB0101 ***** darkred=#CB0101 , darkestred#8F0100***** darkgrey#7d7d7d; lightgrey=#DFDFDF ***** cream=#FBF8E7
border:1px solid blue;*/

html { overflow-y:scroll; }
body {font-size: 11px; background:#FFFFFF; font-family: 'Trebuchet MS', Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif; margin:0;padding:0;width: 733px;}
h1 {font-family: 'Trebuchet MS', Times, serif;color:#000000;padding:10px 0 0px 0;font-weight:normal; }


#top {float:left;background-color:#000000; width: 100%;}
#top #logo {float:left;}
#toptext { padding: 0 20px;}
.hidden { display: none; }

#closewin { float: right; color:#FFFFFF; margin: 20px 20px 0 0; }
#closewin a:link, #closewin a:visited, #closewin a:active { color:#FFFFFF;}
#closewin a:hover { text-decoration: none;}

.rule {	float:left; clear: both;background-color: #E2DCCC; border: dotted 1px #9A968B; margin-top: 15px; margin-bottom: 0px; padding: 3px 10px; width: 100%; }
.rule .reset { background: url(images/basicarrow_black.gif) left center no-repeat ; padding:0 0 0 10px; float:left;}
.rule a:link {color:#000000;}
.rule .right img { margin: 0px 5px 0 0;}

#petbox { padding: 20px 0 0 50px; }
.pet {width: 100px; float: left; margin-bottom: 20px;  }
.pet .thumb { }

TD HR { margin-top: 10px; margin-bottom: 10px; }
TD { vertical-align: top; }

TD IMG {margin-right: 6px;}

/*main container*/
#bs_container { font-size: 11px; background-color: #fff; margin: 0px 0px 0px 0px; padding:0; }
H1 { color: #CC0000; font-size: 20px; }
H2 { color: #CC0000; font-size: 14px; margin-top: 15px; margin-bottom: 15px; }
#bs_container P.tab { padding-left: 20px; margin-bottom: 15px; margin-top: 2px; }
.qtext	{ font-size: 9px; }
.qtext input { margin: 0 5px 0px 0; }

/*counter/progress*/
#ProgressDisplay { color:#000000; font-size: 11px; width:395px; position: relative;}

/* results */
#ItemQuantityDisplay { font-size:10px; width:395px; }
A.profile:link { padding:0px 0 0 20px; float:left; color:#000000; text-align: left; background:url('images/basicarrow_red.gif') 5px 5px; background-repeat: no-repeat; text-decoration:none;font-weight: normal; }
A.profile:visited, A.profile:active, A.profile:hover { color: #CC0000; background:url('images/basicarrow_red.gif') 5px 5px;background-repeat: no-repeat; text-align: left; text-decoration:none;font-weight: normal;  padding:0px 0 0 20px; float:left;}
A.blacklink {font-size: 10px; padding:0px 0 0 20px;color:#000000; background:url('images/basicarrow_black.gif') 5px 5px; background-repeat: no-repeat; text-decoration:none; font-weight: normal; }
#ItemQuantityDisplay IMG { border: none; }

td.questionmark { width:15px;}
td.questionmark img { margin: 0 5px 0 0; }