/********************* the basics **********************/

html {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;

}
body {
  padding: 0px;
  margin: 0px;
  color: #003;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #c0e0c9;
  background-image: url(site_images/bodybg.jpg);
  background-repeat: repeat-x;
  font-family: blk,Tahoma,Arial,sans-serif;
  font-size: 12px;
  text-align: center;

}

/********************* links **********************/

a {
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
}
a:active {
  color: #000099;
}
a:hover {
  color: #0000FF;
}
a:link {
  color: #000099;
}
a:visited {
  color: #000099;
}

/********************* headings | in-line codings **********************/

h1 {
  font-size: 24px;
}
h1.normal {
  font-size: 24px;
  border: 0px;
  background-color: #fff;
  color: #000;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding-bottom: 4px;
}
label {
  background: #fcf none;
  color: #000;
}

/************************* breadcrumb **************************/

.breadcrumb {
  padding-top: 15px;
  width: 947px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid black;
  padding-bottom: 4px;
  margin-bottom: 0px;
  color: #666;
}
/** html .breadcrumb {
  width: 939px;
}*/
.breadcrumb .bcsep {
  color: #F30;
}

/********************* order by tabs **********************/
.orderby ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.orderby li {
  list-style: none;
  float: right;
  border: 1px solid #eeb15a;
  border-top-width: 0;
  background: #ffe6a4;
  padding: 4px;
  margin-top: -12px;
  cursor: pointer; cursor: hand;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
}
/* IE7 hack */
*:first-child+html .orderby li {
  margin-top: -19px;
}
* html .orderby li {
  margin-top: -19px;
} 
.orderby li:hover {
  background: #c3fff6;
}
#selected {
  position: relative;
  background: #ffc320;
  border: 1px solid #000;
  border-top-width: 0;
}

/********************* full header web layout **********************/

/*

change right container div to after center
class='column' for everything inside container

body {
  margin: 0px;
  color: #003;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #369;
  background-image: url(site_images/bg2.jpg);
  font-family: blk,Tahoma,Arial,sans-serif;
  font-size: 12px;
}
.column {
  float: left;
}
#container {
  width: 100%;
  float: left;
}
#header, #footer {
  text-align: right;
  background-color: #369;
  clear: both;
}
#center {
  margin: 0px;
  padding: 15px 15px 20px;
  width: 70%;
  position: relative;
  background-color: #9CC;
}
#left {
  margin: 0px;
  text-align: right;
  width: 20%;
  background-color: #369;
  background-image: url(site_images/bg2.jpg);
}
#right {
  width: 10%;
}
#footer {
  text-align: center;
}
#blank {
  background-color: #fff;
  clear:both;
  height: 12;
}

*/

/********************* three column web layout **********************/
/*
body {
  padding: 0px;
  margin: 0px;
  color: #003;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #333;
  background-image: url(site_images/bg3.jpg);
  font-family: blk,Tahoma,Arial,sans-serif;
  font-size: 12px;
}
#header, #footer, #container, #blank, div.copyright {
  max-width: 1300px;
  min-width: 1000px;
  width: expression(document.body.clientWidth < 1102? "1000px" : document.body.clientWidth > 1302? "1300px" : "auto");
}
#container {
  /*min-height: 100%;*/
  /*height: auto;*//*
  position: relative;
}
#header, #footer {
  text-align: right;
  background-color: #333;
  background-image: url(site_images/bg3.jpg);
  clear: both;
}
#center {
  text-align: left;
  margin: 0px 220px;
  padding: 15px 15px 20px;
  position: relative;
  background-color: #fff;
}
#left {
  position: relative;
  float: left;
  width: 200px;
  margin: 0px;
  text-align: right;
  background-color: #FED200;
}
#right {
  height: auto;
  position: relative;
  float: right;
  width: 200px;
  margin: 0px;
  /*min-height: 590px;*//*
  background-color: #227BE7;
}
#footer {
  text-align: center;
}
#blank {
  background-color: #222;
  clear:both;
  height: 12px;
}
#blanktrans {
  clear: both;
}

/* IE5-MAC hack */
/*\*//*/
#right {
  margin-right: =15px;
  right: 15px;
}
/**/

/* IE hacks *//*
*html #container {
  height: 1%;
}
*html #center {
  width: 100%;
}
*html #right, #left {
  height: 100%;
}

/**************** one true layout *******************/
/*
body {
  padding: 0px;
  margin: 0px;
  color: #003;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #333;
  background-image: url(site_images/bg3.jpg);
  font-family: blk,Tahoma,Arial,sans-serif;
  font-size: 12px;
}

/* centering the page *//*
#centerer {
  width: 1001px;
  margin-left: auto;
  margin-right: auto;
}
/* IE hacks for centering *//*
* html #centerer {
  margin-left: -500px;
}
* html body {
  margin-left: 50%;
}

#wrapper {
  position: relative;
  width: 1000px;
}
#blanktrans {
  clear: both;
}
#blank {
  background-color: #222;
  clear:both;
  height: 12px;
}
#footer {
  text-align: right;
  clear: both;
}
#header {
  text-align: right;
  clear: both;
}
#header, #footer, #container, #blank, div.copyright {
  width: 1001px;
}
#centery	{
  padding: 15px 15px 20px;
  background-color: #fff;
  float: left;
  width: 717px;
  margin-left: 220px;
}
* html #centery {
  display: inline;
  width: 746px;
}
#left {
  background-color: #FED200;
  float: left;
  width: 200px;
  margin-left: -967px;
}
* html #left {
  margin-left: -966px;
}
#right {
  background-color: #227BE7;
  float: left;
  width: 13px;	
  margin-left: 20px;
}
* html #right {
  width: 14px;
}
/* Start Mac IE5 filter \*//*
#centery, #left, #right {
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
#centery, #left, #right {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important; 
}
#centery:before, #left:before, #right:before	{
  content: '[DO NOT LEAVE IT IS NOT REAL]';
  display: block;
  background: inherit;
  padding-top: 32767px !important;
  margin-bottom: -32767px !important;
  height: 0;
}
}
/* End Mac IE5 filter *//*
#wrapper {
  overflow: hidden; /* This hides the excess padding in non-IE browsers *//*
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced *//*
#wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it *//*
  float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */  /*
  float/**//*: none;
}
/* easy clearing *//*
#wrapper:after {
  content: '[DO NOT LEAVE IT IS NOT REAL]'; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
#wrapper {
  display: inline-block;
}
/*\*//*
#wrapper {
  display: block;
}
/* end easy clearing *//*
#footer	{
  color: #fff;
  text-align: center;
  clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack *//*
* > #footer, * > form, * > #notes, * > .output
{
  position: relative;
  z-index: 1000;
}
*/

/**************** cowboy layout *******************/
/*body {
  padding: 0px;
  margin: 0px;
  color: #003;
  width: 100%;
  height: 100%;
  position: relative;
  font-family: blk,Tahoma,Arial,sans-serif;
  font-size: 12px;
}
#left {
  left: 0px;
  top: 0px;
  width: 278px;
  height: 100%;
  position: fixed;
  /*margin-left: -890px;*//*
}
#ltop {
  float: left;
  width: 278px;
  height: 252px;
  background-image: url(site_images/ltop.jpg);
  cursor: pointer; cursor: hand;
}
#lleft {
  float: left;
  width: 164px;
  height: 500px;
  background-image: url(site_images/lleft.jpg);
  background-position: 0px 0px;
}
#lright {
  width: 100px;
  position: absolute;
  left: 150px;
  top: 160px;
}
#lbot {
  position: absolute;
  bottom: 0px; 
  left: 0px; 
  float: left;
  width: 265px;
  height: 218px;
  background-image: url(site_images/lbot.jpg);
}
#rtop {
  background-image: url(site_images/rtop.jpg);
  height: 86px;
  width: 724px;
  position: fixed;
  left: 278px;
  z-index: 10000000;
}
#right {
  height: 100%;
  margin-left: 278px;
  width: 724px;
}
/** html #right {
  margin-left: 200px;
}*//*
#centery	{
  background-color: #fff;
  float: left;
  width: 724px;
}
#rtop {
  background-image: url(site_images/rtop.jpg);
  height: 86px;
  width: 724px;
  position: fixed;
  left: 278px;
  z-index: 10000000;
}
#footer {
  width: 724px;
  position: relative;
  overflow: hidden
}
#footerright {
  background-image: url(site_images/footer.jpg);
  height: 21px;
  width: 314px;
  padding-top: 7px;
  float: left;
}
#footercontents {
  background-image: url(site_images/footer.jpg);
  height: 21px;
  width: 400px;
  float: left;
  padding-top: 7px;
  font-weight: bold;
  text-align: right;
}
#footerleft {
  background-image: url(site_images/footerleft.jpg);
  height: 28px;
  width: 10px;
  float: left;
}
.footergray, .footergray:link, .footergray:hover, .footergray:active, .footergray:visited {
  color: #373636;
}
.footerlight, .footerlight:link, .footerlight:hover, .footerlight:active, .footerlight:visited {
  color: #525252;
}
.footerblack, .footerblack:link, .footerblack:hover, .footerblack:active, .footerblack:visited {
  color: black;
}
/** html #centery {
  display: inline;
  width: 752px;
}*/

/******************** revamp layout *************************/

/* centering the page */
#centerer {
  width: 991px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
/* IE hacks for centering */
* html #centerer {
  margin: 0 auto;
}

#centery {
	float: left;
	width: 967px;
	margin-left: 9px;
	background-color: white;
}
* html #centery	{
	display: inline;
}
#left {
	float: left;
	width: 9px;
	margin-left: -976px;
	background-image: url(site_images/leftdrop.png);
}
#right {
	float: left;
	width: 9px;
	background-image: url(site_images/rightdrop.png);
}

/* Start Mac IE5 filter \*/
#centery, #left, #right {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
@media all and (min-width: 0px) {
#centery, #left, #right	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
}
#centery:before, #left:before, #right:before {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
}
/* End Mac IE5 filter */
#wrapper {
	width: 990px;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/*\*/
#wrapper {
	display: block;
}
/* end easy clearing */
#footer {
	background-image: url(site_images/footerbg.jpg);
	overflow: hidden;
	height: 19px;
	width: 951px;
	padding: 8px;
}
#header {
	width: 967px;
	overflow: hidden;
}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}
#footerright {
  float: left;
}
#footercontents {
  float: right;
  font-weight: bold;
}
.footergray, .footergray:link, .footergray:hover, .footergray:active, .footergray:visited {
  color: #373636;
}
.footerlight, .footerlight:link, .footerlight:hover, .footerlight:active, .footerlight:visited {
  color: #525252;
}
.footerblack, .footerblack:link, .footerblack:hover, .footerblack:active, .footerblack:visited {
  color: black;
}
#hlogo {
	background-image: url(site_images/homelogo.jpg);
	float: left;
	width: 206px;
	height: 106px;
}
#maincontent {
	padding: 10px;
    line-height: 150%;
}
#nolineheight {
	line-height: normal;
}
#imdb {
  margin: 10px;
}

/********************* search bar **********************/

#hsearch {
  background-color: #2a2828;
  float: left;
  width: 761px;
  padding: 0px;
  margin: 0px;
  height: 31px;
  text-align: right;
  overflow: hidden;
}
#searchbox {
  overflow: hidden;
  width: 650px;
  margin-top: 7px;
  float: left;
}
* html #searchbox {
  margin-top: 4px;
}
.searchdesign {
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}
.searchword {
  border: 0px;
  background-repeat: no-repeat;
  height: 22px;
  width: 71px;
  margin-top:5px;
  margin-right: 10px;
}
#keywords, #searchOpt, #searchType {
  font-size: 10px;
  background-color: #2a2828;
  border: 1px solid #5b5858;
  color: white;
}

/********************* basic nav bar **********************/

#hnav {
  background-color: #543617;
  background-image: url(site_images/navtop.jpg);
  background-repeat: repeat-x;
  float: left;
  width: 761px;
  overflow: hidden;
  margin: 0px;
}
.usercms {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 2px solid #66c;
  background-color: #99f;
  cursor: pointer; cursor: hand;
}
.usercmspic {
  float: left;
  text-align: center;
  border: 0px;
  cursor: pointer; cursor: hand;
}
.loginbar {
  margin: 3px 10px 0px 10px;
  height: 50px;
  float: left;
  color: #fff;
  position: relative;
}
* html .loginbar {
  width: 165px;
}
.loginbar2 {
  margin: 3px 10px 0px 10px;
  height: 50px;
  float: left;
  color: #fff;
}
* html .loginbar2 {
  width: 140px;
}
.loginbarright {
  margin: 3px -5px 0px 10px;
  height: 50px;
  float: left;
  text-align: right;
  color: #fff;
}
* html .loginbarright {
  width: 60px;
  margin-left: 0px;
}
.link {
  border: 0px;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  cursor: pointer; cursor: hand;
  color: #ffce87;
  text-align: left;
}
.fblink {
  border: 0px;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  color: #ffce87;
  text-align: left;
}
.link:hover {
  color: #ffebce;
}
.linkblue {
  border: 0px;
  font-weight: bold;
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  cursor: pointer; cursor: hand;
  color: #325293;
  text-align: left;
}
.linkblue:hover {
  color: #5177c3;
}
.loginbarright2 {
  overflow: hidden;
  height: 25px;
}
/** html .loginbarright2 {
  width: 60px;
  overflow: visible;
}*/
* html .loginbarright2 {
  width: 60px;
  text-align: right;
}
.loginbarright3 {
  overflow: hidden;
  height: 25px;
}
* html .loginbarright3 {
  width: 160px;
  text-align: right;
}
.arrow {
  width: 68px;
  height: 45px;
  padding: 0px;
  border: 0px;
  margin-left: 10px;
  margin-top: 3px;
  background-image: url(site_images/arrowoff.gif);
  background-color: #523416;
  cursor: pointer; cursor: hand;
  float: left;
}
* html .arrow {
  margin-left: 2px;
}
.arrow:hover {
  background-image: url(site_images/arrowon.gif);
}
.back {
  width: 59px;
  height: 43px;
  padding: 0px;
  border: 0px;
  margin-top: 3px;
  background-image: url(site_images/backoff.gif);
  background-color: #523416;
  cursor: pointer; cursor: hand;
  float: left;
}
.back:hover {
  background-image: url(site_images/backon.gif);
}
.sep {
  margin: 0px 10px;
  float: left;
  height: 47px;
  width: 3px;
  background-image: url(site_images/sep.jpg);
}

/****************** genre nav bar ******************/

#hgenre {
	height: 18px;
	background-image: url(site_images/navbot.jpg);
	float: left;
	width: 756px;
	color: #ffe4bd;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 5px;
}
.navwordslink, .navwordslink:active, .navwordslink:link, .navwordslink:visited {
  color: #ffe4bd;
}
.navwordslink:hover {
  color: white;
}

/********************* home page **********************/

.homeall {
  overflow:hidden;
  margin-bottom:20px;
  margin-left:70px;
  width:810px;
}
* html .homeall {
  margin-left:30px;
  width: 900px;
}
.portal {
  width: 242px;
  float: left;
  margin-left: 30px;
}/*
.topthree {
  position: relative;
  text-align: left;
  font-family: Arial,sans-serif;
  padding: 4px;
  padding-left: 8px;
  padding-top: 16px;
  margin: 0px;
  margin-bottom: 8px;
  border: 1px solid #630;
  background-color: #ecdcc3;
  background-image: url(site_images/ttgrad.jpg);
  background-repeat: repeat-x;
}*/
.tthead {
  width: 230px;
  height: 530px;
  padding-top: 70px;
  margin-left: 30px;
  background-repeat: no-repeat;
  float: left;
}
.ttpics {
  border: 1px solid #300;
  width: 105px;
  margin-top: 8px;
  margin-left: 90px;
}
.ttwords {
  text-align: right;
  width: 163px;
  margin-left: 30px;
  height: 50px;
  color: black;
}
.portlet {
  text-align: left;
  font-family: Arial,sans-serif;
  padding: 4px;
  margin: 0px;
  margin-bottom: 8px;
  border: 1px solid #33f;
  background-color: #ccf;
  overflow: hidden;
}
.portletemp {
  text-align: left;
  font-family: Arial,sans-serif;
  padding: 4px;
  margin: 0px;
  margin-bottom: 8px;
  background-color: #396;
}
.scrollportlet {
  text-align: left;
  height: 150px;
  overflow: auto;
  font-family: Arial,sans-serif;
  padding: 4px;
  margin: 0px;
  margin-bottom: 8px;
  border: 1px solid #33f;
  background-color: #ccf;
}
.phead {
  color: #339;
  font-weight: bold;
  font-size: 18px;
}
.pstats {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin-top: 65px;
  color: black;
}
.pupdates {
  margin-top: 80px;
  width: 150px;
  margin-left: 50px;
  color: black;
}
.ppoll {
  margin-top: 60px;
  width: 150px;
  margin-left: 50px;
  color: black;
}
.pquestion {
  font-weight: bold;
  margin: 2px;
  float: left;
  width: 52%;
  text-align: right;
}
.panswer {
  margin: 2px;
  float: left;
  width: 44%;
  text-align: left;
}
.holdsketches {
  height: 60px;
}
.sketches {
  border: 1px solid black;
  float: left;
  height: 50px;
  width: 50px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.hpupdates {
  height: 282px;
  overflow: auto;
  font-family: Arial,sans-serif;
  margin: 0px;
  background-image: url(site_images/hpupdates.jpg);
}
.hpwatch {
  height: 153px;
  overflow: auto;
  font-family: Arial,sans-serif;
  margin: 0px;
  background-image: url(site_images/hpwatch.jpg);
}
.hppoll {
  height: 146px;
  overflow: auto;
  font-family: Arial,sans-serif;
  margin: 0px;
  background-image: url(site_images/hppoll.jpg);
}

/* horse announcement */
.announcement {
  height: 101px;
  width: 711px;
  background-image: url(site_images/announcement.jpg);
  position: relative;
  padding-top: 10px;
}

/* best reviewers */
.leftbar {
  width:225px;
  height: 200px;
  float:left;
  background-image: url(site_images/leftbar.gif);
  background-repeat: no-repeat;
  background-position: 203px 10px; - 22
}
.rightbar {
  width:125px;
  height: 200px;
  float:left;
  background-image: url(site_images/rightbar.gif);
  background-repeat: no-repeat;
  background-position: 0px 10px;
}
.bounty {
  width:460px;
  height:67px;
  background-image:url(site_images/bounty.gif);
  background-repeat: no-repeat;
  background-position: 163px 0px;
}
.bountywords {
  width: 460px;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.topreviews {
  margin-left: 10px;
  width: 150px;
  height: 85px;
  float: left;
  font-size: 14px;
}
.toptopics {
  margin-top: 5px;
  width: 150px;
  height: 85px;
  float: left;
  font-size: 14px;
}
.toppictures {
  width: 150px;
  height: 85px;
  float: left;
  font-size: 14px;
}
.namelink:link, .namelink:hover, .namelink:active, .namelink:visited {
  color: #000;
  font-weight: normal;
}
.redwords {
  color:#bf0000;
}
.topgunsnumber {
  font-weight: bold;
  font-size: 10px;
}
.centralize {
  text-align: center;
  font-style: italic;
}

/********************* category designs **********************/

.headerdesign {
  padding: 0px;
  margin-top: 0px;
  height: 230px;
  width: 967px;
  background-color: #fff;
  margin-left: -10px;
}
.headerdummy {
  padding: 0px;
  margin-top: 20px;
  height: 218px;
  width: 10px;
  background-color: #fff;
}

/********************* topic/category selection page **********************/

.photoback {
  padding-left: 3px;
  padding-top: 4px;
  margin: 0px;
  margin-left: 8px;
  height: 150px;
  width: 150px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url(site_images/photoback.jpg);
}
*:first-child+html .photoback {
  margin-left: 0px;
}
/** html .photoback {
  margin-left: 0px;
}*/
.cattitle {
  font-size: 12px;
  font-variant: small-caps;
  letter-spacing: 1px;
}
.containquarter {
  height: auto;
  float: left;
  width: 19%;
  text-align: center;
}
.topictitle {
  font-weight: bold;
  font-size: 15px;
}
.containtopic {
  padding: 5px;
  margin-bottom: 5px;
  width: 98%;
  text-align: left;
  border: 1px solid #d1d1d1;
  overflow: hidden;
}
.statcontain {
  margin-left: 120px;
}
.statcontaina {
  margin-top: 9px;
  margin-left: 12px;
  float: left;
  width: 200px;
}
.statcontainb {
  margin-top: 9px;
  float: left;
  width: 590px;
  height: 71px;
  overflow: hidden;
}
.stattext {
  color: #044485;
}
#containall {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

/********************* topic.php page **********************/

.allholder {
  width: 704px;
  border: 1px solid #757575;
  padding: 7px;
  margin-left: 115px;
  overflow: hidden;
}
.biggerleft {
  width: 705px;
  position: relative;
}
/* left right */
.bigleft {
  width: 684px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  float: left;
}
.leftholder {
  position: relative;
  padding: 0px;
  height: 100px;
  background-image: url(site_images/leftholderback.jpg);
}
.rightholder {
  width: 100%;
  height: 450px;
  float: left;
  position: relative;
  overflow: auto;
  background-color: #f1f1f1;
}
.leftchoices {
  float: left;
  width: 18%;
  height: 50px;
  cursor: pointer; cursor: hand;
  font-weight: bold;
  font-variant: small-caps;
  color: #555;
  text-align: center;
  background-image: url(site_images/leftchoices.jpg);
  background-repeat: no-repeat;
  background-position: 0px 6px;
}
.sleftchoices {
  float: left;
  width: 18%;
  height: 50px;
  font-weight: bold;
  font-variant: small-caps;
  color: #555;
  text-align: center;
  background-image: url(site_images/sleftchoices.jpg);
  background-repeat: no-repeat;
}
.holder {
  height: 50px;
  width: 50px;
  float: left;
}
.rightcontent {
  padding: 10px;
  float: left;
}
.rightcontentno {
  padding: 0px;
  text-align: center;
}
.ltd {
  float: left;
  text-align: right;
  width: 130px;
  margin-right: 15px;
  margin-top: 10px;
}
.rtd {
  float: left;
  width: 500px;
  margin-top: 10px;
}
.pollsquare {
  width: 94%;
  border: 1px solid orange;
  padding: 5px;
  margin-bottom: 5px;
}
.pollsquareb {
  width: 94%;
  border: 1px solid blue;
  padding: 5px;
  margin-bottom: 5px;
}
.info {
  float: left;
  padding-top: 20px;
  height: 30px;
  background-image: url(site_images/leftholderback.jpg);
}
#infoprev {
  cursor: pointer; cursor: hand; 
  width: 10px;
  height: 7px;
  margin: 5px;
  background-image: url(site_images/up.gif);
}
#infonext {
  cursor: pointer; cursor: hand;
  width: 10px;
  height: 7px;
  margin: 5px;
  background-image: url(site_images/down.gif);
}

/********************* topic portal on review page **********************/

.pollquestion {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  width: 100%;
}
.pollholder {
  width: 100%;
  overflow: hidden;
}
.pollarrow {
  margin-left: 5px;
  float: left;
  color: #ce93f3;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer; cursor: hand; 
  width: 3%;
  margin-right: 5px;
}
.pollarrowb {
  /* for home page poll */
  margin-left: 5px;
  float: left;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer; cursor: hand; 
  width: 3%;
  margin-right: 5px;
}
.pollanswer {
  margin-left: 5px;
  float: left;
  width: 60%;
  margin-top: 6px;
}
.polldata {
  float: left;
  width: 25%;
  margin-left: 5px;
  margin-top: 6px;
}

/********************* dynamic **********************/

.dynunsel,.dynunsel:link, .dynunsel:hover, .dynunsel:active, .dynunsel:visited {
  color: black;
  cursor: pointer; cursor: hand;
}
.dynsel,.dynsel:link, .dynsel:hover, .dynsel:active, .dynsel:visited {
  color: white;
  cursor: pointer; cursor: hand;
}

/********************* input draw sketching **********************/

.sketchgallery {
  cursor: pointer; cursor: hand; 
  width: 50px;
  height: 50px;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #5b9ef8;
  text-align: center;
}
.sketchgalleryw {
  width: 50px;
  height: 57px;
  float: right;
  margin-left: 5px;
}
.sketchgalleryt {
  width: 50px;
  height: 50px;
  border: 1px solid black;
  text-align: center;
}
.sketchgalleryb {
  width: 50px;
  height: 3px;
  margin-top: 2px;
  overflow: hidden;
}
.wholegallery {
  width: 100%;
  overflow: hidden;
}
.leftgallery {
  float: left;
  width: 32%;
  text-align: left;
  margin-top: 20px;
  padding-left: 18px;
}
.rightgallery {
  float: right;
  width: 57%;
  margin-right: 18px;
}

/********************* containers **********************/

.contain {
  width: 100%;
  text-align: center;
}
.containhalf {
  height: auto;
  float: left;
  width: 48%;
  text-align: center;
}
.containleft {
  height: auto;
  width: 100%;
  text-align: left;
  clear: both;
}
.containfreeleft {
  float: left;
}
.containfreeright {
  float: right;
}
.containfreecenter {
  text-align: center;
}
.containfreercenter {
  text-align: center;
  float: left;
}
.containflex {
  height: auto;
  text-align: left;
  clear: both;
  position: relative;
}
.containfreephoto {
  float: left;
  margin: 4px;
  padding: 4px;
  border: 2px solid #9cc;
}
.containreviewphoto {
  height: 200px;
  margin: 4px;
  padding: 4px;
  border: 1px solid black;
  background-color: #fff;
}
.dis {
  border: 0px;
  position: absolute;
  background-color: #fff;
  color: #fff;
  height: 1px;
  width: 1px;
  top: 0px;
  left: 0px;
  float: right;
}
.rateby {
  float: right;
  margin-top: 10px;
}

/********************* individual formatting **********************/

div.adminbody {
  position: relative;
  left: 50%;
  padding: 12px;
  width: 50%;
  left: 25%;
  background-color: #fff;
  border: 3px solid black;
  text-align: center;
}
div.bodysmall {
  position: relative;
  left: 50%;
  padding: 0px;
  width:1000px;
  margin-left: -500px;
  margin-top: 2%;
  background-color: #FFF8EE;
  border: 2px solid #609;
  text-align: center;
}
div.bodysmall {
  width:400px;
  margin-left: -200px;
  text-align: center;
}
div.copyright2 {
  clear: both;
  color: #fff;
  font-size: 12px;
  text-align: center;
  vertical-align: center;
  position: relative;
  padding: 25px 0px;
}
#subheader {
  width: 100%;
  margin: 0px 0px 20px 0px;
}
#navigation {
  text-align: left;
}
#login {
  color: #272382;
  text-align: left;
}
.header th,td {
  padding: 0px 0px;
  margin: 0px;
  font-size: 12px;
  vertical-align: top;
}
.spread {
  padding: 10px 10px;
  margin: 0px;
  font-size: 12px;
  vertical-align: top;
}
.accounttable td {
  padding: 3px 3px;
  margin: 0px;
  font-size: 12px;
  vertical-align: top;
}

/********************* profile **********************/

.heading {
  float: left;
  width: 100%;
  font-weight: bold;
  border-bottom: 1px solid #000;
  margin: 10px 0px;
}
.question {
  margin: 2px;
  float: left;
  width: 20%;
  text-align: right;
}
.answer {
  word-wrap: break-word;
  margin: 2px;
  float: left;
  width: 78%;
  text-align: left;
}


/********************* rating top **********************/

.ratingtop {
  background-color: #FFF;
  border: 1.8px solid gray;
  height: auto;
  margin: 0px auto;
  padding: 5px;
  text-align: center;
  background-image: url(site_images/ratingbacking.jpg);
}
h5 {
  font-size: 13px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.description {
  width: 100%;
  background-color: #d1e4fa;
  border: 1.8px solid #4c95e8;
  margin: 0px 0px 5px 0px;
}
.description td {
  padding: 4px;
  margin: 0px;
  text-align: left;
  color: #000000;
  font-size: 12px;
  vertical-align: top;
}
.ratingtop td {
  padding: 0px 0px;
  margin: 0px;
  text-align: left;
  color: #000000;
  font-size: 15px;
  vertical-align: middle;
}
#msgPlace {
  padding: 0px;
  margin: 0px;
  color: #06C;
  font-weight: bold;
  text-align: center;
}
.containrating {
  float: left;
}
.imagetop {
  background-color: white;
  margin: 3px;
  padding: 2px;
  border: 1px solid gray;
  overflow: hidden;
  height: 301px;
  width: 301px;
}
.imagetop2 {
  background-color: white;
  margin: 3px;
  padding: 2px;
  border: 1px solid gray;
  overflow: hidden;
  height: 307px;
  width: 308px;
}
.imagelink {
  color: #fff;
}
.boxed {
  float: left;
  margin: 4px;
  padding: 4px;
  background-color: #fc6;
  border: 1px solid #c60;
  width: 332px;
}
/** html .boxed {
  width: 343px;
}*/
.boxedgeneral {
  float: left;
  margin: 4px;
  padding: 4px;
  background-color: #fc6;
  border: 1px solid #c60;
  width: 682px;
}
/** html .boxedgeneral {
  width: 691px;
}*/
.boxedhead {
  margin-bottom: 4px;
  color: #000;
  font-size: 20px;
  font-variant: small-caps;
}

/********************* messages **********************/

.smallmessagegood {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  background-color: #06C;
  border: 1px solid #036;
  margin: 10px 0px;
  padding: 3px;
  font-size: 12px;
  vertical-align: top;
}
.smallmessagebad {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  background-color: #F66;
  border: 1px solid #C00;
  margin: 10px 0px;
  padding: 3px;
  font-size: 12px;
  vertical-align: top;
}
.reporttext {
  width: 85%;
  border: 2px solid #C00;
  margin: 10px 0px 10px;
  padding: 5px;
  font-size: 12px;
  vertical-align: top; 
}

/********************* forum - member table formatting **********************/

.containe {
  float: left;
  width: 100%;
  height: auto;
  text-align: left;
  overflow: hidden;
}
.row1 {background-color: #FFF;}
.row2 {background-color: #EEE;}
.author{
  width: 180px;
  float: left;
  padding: 0px 9px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.authorlink:link, .authorlink:hover, .authorlink:active, .authorlink:visited {
  color: gray;
}
.authorphoto{
  width: auto;
  float: left;

  text-align: left;
}
.textrating {
  font-weight: bold;
  font-size: 10px;
}
.textrating2 {
  font-weight: bold;
  font-size: 10px;
  color: #009;
}
.textratingbox {
  float: left;
  text-align: right;
  margin-bottom: 5px;
}

/********************* forum - other table formatting **********************/

.star {
  float:right;
  margin-right: 7px;
}
.reviewertitle {
  font-size: 25px;
  font-variant: small-caps;
  letter-spacing: 1px;
}
.reviewerreview {
  text-align: justify;
}
.reviewerreview:first-letter {
  font-size: 40px;
  border: 1px solid black;
  background-color: #fff;
}
.reviewerreview:first-line {
  font-size: 18px;
  color: #474747;
}

/************************** review *******************************/

.reviewpic {
  float: left;
  height: 21px;
  width: 444px;
  background-image: url(site_images/reviewtop3.jpg);
}
.reviewholder {
  position: relative;
  width: 459px;
  height: 500px;
  overflow: hidden;
  float: left;
}
.reviewcet {
  overflow:hidden;
  width:444px;
  float:left;
  background-image: url(site_images/reviewback3.jpg);
}
.reviewtop {
  float: left;
  height: auto;
  padding: 5px;
  margin-left: 24px;
  width: 387px;
  background-color: #e7e8ea;
  text-align: left;
  overflow: hidden;
}
* html .reviewtop {
  margin-left: 12px;
}
.reviewbottom {
  overflow:hidden;
  width:444px;
  height: 88px;
  float:left;
  background-image: url(site_images/reviewbottom3.jpg);
  background-repeat: no-repeat;
}
.post {
  width: 387px;
  text-align: left;
  padding: 10px 5px 5px;
  margin-left: 24px;
}
.authorfooter {
  width: 15%;
  float: left;
  white-space: nowrap;
  font-size: 10px;
  vertical-align: bottom;
  margin-top: 10px;
  margin-left: 24px;
}
.topicfooter {
  width: 84%;
  float: right;
  text-align: right;
  height: 22px;
  margin-right: 24px;
  margin-top: 10px;
}

/************************** template *******************************/

.reviewpicT {
  float: left;
  height: 21px;
  width: 919px;
  background-image: url(site_images/reviewtop2.jpg);
}
.reviewholderT {
  clear: both;
  position: relative;
  width: 935px;
  overflow: hidden;
  height: 100%;
}
.reviewcetT {
  overflow:hidden;
  width:920px;
  float:left;
  background-image: url(site_images/reviewback2.jpg);
}
.reviewtopT {
  float: left;
  height: auto;
  padding: 5px;
  margin-left: 24px;
  width: 863px;
  background-color: #e7e8ea;
  text-align: left;
  overflow: hidden;
}
* html .reviewtopT {
  margin-left: 12px;
}
.reviewbottomT {
  overflow:hidden;
  width:920px;
  height: 88px;
  float:left;
  background-image: url(site_images/reviewbottom2.jpg);
  background-repeat: no-repeat;
}
.postT {
  width: 863px;
  text-align: left;
  padding: 10px 5px 5px;
  margin-left: 24px;
}

/********************* forum - other formatting **********************/

.forumname {
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
}
.catname {
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}
.forumdesc {
  font-size: 10px;
  color: #666;
  padding: 0px 0px 0px 0px;
}
.firstcolumn{
  width: 50%;
}
.center {
  text-align: center;
}
.centersmall {
  text-align: center;
  font-size: 10px;
}
.textsmall {
  font-size: 10px;
}
.rank {
  font-size: 10px;
  color: #1a5317;
}
th.forum {
  width: 70%;
  text-align: left;
}
th.topiccount {
  width: 10%;
}
th.moderator {
  width: 20%;
}
th.topic {
  text-align: left;
  width: 5%;
}
th.starter {
  text-align: center;
  width: 20%;
}
th.replies {
  text-align: center;
  width: 10%;
}
th.lastpost {
  text-align: center;
  width: 20%;
}
th.replacement,th.template{
  text-align: left;
  width: 45%;
}
th.action{
  text-align: center;
  width: 10%;
}
td.topic {
  width: 5%;
}
td.starter {
  text-align: center;
  width: 20%;
}
td.replies {
  text-align: center;
  width: 10%;
}
td.lastpost {
  text-align: center;
  width: 20%;
  font-size: 10px;
}
.sig {
  border: 0px;
  /*background-color: #ebfffe;*/
  border-top: 1px dashed #000;
  padding: 10px;
  font-size: 10px;
}
.smallNote {
  border: 0px;
  /*background-color: #ebfffe;*/
  padding: 10px 0px;
  color: #96C;
  font-size: 10px;
}

/********************* ajax loader **********************/

.waiting {
  visibility: visible;
}
.notWaiting {
  visibility: hidden;
}

/*************** multi-category selection ****************/

.mcthird {
  float: left;
  width: 32%;
}
.mcfull {
  clear: both;
  width: 100%;
}
.mmcthird {
  float: left;
  width: 200px;
}
.mmcfull {
  clear: both;
  width: 600px;
}

/********************* admin stuff **********************/

.admintable {
  width: 100%;
  background-color: #EEEEEE;
  border: 2px solid #FF9900;
  margin: 0px 0px 5px 0px;
}
.admintable th {
  text-align: left;
  color: #FFFF00;
  background-color: #333399;
}
.admintable td{
  padding: 7px 15px 7px 7px;
}

/********************* buttons **********************/

.activated {
  height: 50px;
  margin: 0px 40px;
  font-size: 20px;
  border: 2px solid black;
  padding: 10px;
}
.na {
  cursor: pointer; cursor: hand; 
  width: 2em;
  position: relative;
  border: 2px solid #6cc;
  background-color: #cff;
  color: #339;
  padding: 5px;
  margin: 0px 3px;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  text-align: center;
  float: left;
}
.naselected {
  cursor: pointer; cursor: hand; 
  width: 2em;
  position: relative;
  border: 2px solid #009;
  background-color: #98c5ee;
  color: #006;
  padding: 5px;
  margin: 0px 3px;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
  text-align: center;
  float: left;
}
.ratingText {
  margin-left: 5px;
  border: 2px solid #9191d4;
  background-color: #d8ecff;
  color: #9191d4;
  padding: 5px;
  width: 20px;
  float: left;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.ratingTextEn {
  margin-left: 5px;
  border: 2px solid #009;
  background-color: #98c5ee;
  color: #006;
  padding: 5px;
  width: 20px;
  float: left;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.upload {
  width: 10em;
  position: relative;
  border: 2px solid #009;
  background-color: #98c5ee;
  color: #006;
  padding: 1px 8px;
  margin: 0px 3px;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.buttonlink,.submit,.confirm {
  position: relative;
  border: 2px solid #009;
  background-color: #FC6;
  color: #006;
  padding: 1px 8px;
  margin: 0px 3px;
  font-size: 10px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.pagenextlink,.pagenextdead,
.pageprevlink,.pageprevdead,
.pagenumlink,.pagenumdead {
  cursor: pointer;
  padding: 0px 4px;
  margin: 5px 1px;
  font-size: 9px;
  font-family: Arial,sans-serif;
  font-weight: bold;
}
.pagenextlink,.pageprevlink,.pagenumlink {
  border: 2px solid #009;
  background-color: #FC6;
  color: #009;
}
.pagenextdead,.pageprevdead,.pagenumdead {
  cursor: default;
  border: 2px solid #000;
  background-color: #AAA;
  color: #FFF8EE;
}
.submit {
  font-size: 12px;
  padding: 0px 5px;
  margin: 0px;
}
.buttonBarright {
  border: 0px;
  background-color: #fff;
  text-align: right;
  margin: 0px;
  padding: 4px 0px 4px 0px;
}
.buttonBarleft {
  border: 0px;
  background-color: #fff;
  text-align: left;
  margin: 0px;
  padding: 4px 0px 4px 0px;
}
.mono {
  font-family: Courier New,Courier,monospace;
}
#requestConfirmWarn,
#requestConfirmInfo,
#requestConfirmNote {
  position: relative;
  left: 30%; 
  padding: 20px;
  width: 40%;
  text-align: center;
}
#requestConfirmWarn {
  background-color: #FFCCCC;
  border: 5px solid #FF6666;
}
#requestConfirmInfo {
  background-color: #CCFFCC;
  border: 5px solid #66FF66;
}
#requestConfirmNote {
  background-color: #CCCCFF;
  border: 5px solid #6666FF;
}
.recommendbtn {
  float:right;
  height: 42px;
  width: 152px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/recommend.gif);
}
.addtopicbtn {
  float:right;
  height: 42px;
  width: 113px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/addtopic.gif);
}
.edittopicbtn {
  float:right;
  height: 42px;
  width: 111px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/edittopic.gif);
}
.addreviewbtn {
  float:right;
  height: 42px;
  width: 113px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/addreview.gif);
}
.editreviewbtn {
  float: right;
  height: 42px;
  width: 112px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/editreview.gif);
}
.deletereviewbtn {
  float: right;
  height: 42px;
  width: 112px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/deletereview.gif);
}
.reportbtn {
  float: right;
  height: 42px;
  width: 114px;
  cursor: pointer; cursor: hand;
  background-image: url(site_images/report.gif);
}

/********************* search **********************/

.searchHeader {
  background-color: #000099;
  color: #FF0;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
  margin: 0px 5px 0px 10px;
}
#searchResults {
  padding: 0px 20px;
  border: 2px solid #FF9900;
}
p.searchSubject1 {
  border: 0px;
  background-color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}
p.searchSubject2 {
  border: 0px;
  background-color: #eee;
  font-weight: bold;
  font-size: 12px;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}
p.searchBody1 {
  padding: 3px 0px 5px 10px;
  margin: 0px;
  background-color: #fff;
  border: 0px;
}
p.searchBody2 {
  padding: 3px 0px 5px 10px;
  margin: 0px;
  background-color: #eee;
  border: 0px;
}
p.normal {
  border: 0px;
  background-color: #fff;
}
p.tnormal {
  border: 0px;
  /*background-color: #ebfffe;*/
}
p.pnormal {
  border: 0px;
  background-color: #000 !important; 
}

/********************* reviewers directory **********************/

.reviewer {
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: 50px;
  width: 38%;
  float: left;
}
.reviewerPic {
  float: left;
  width: 100px;
  height: 150px;
  overflow: hidden;
}
.reviewerText {
  float: left;
  overflow: hidden;
  margin-left: 20px;
}

/********************* recommendations for viewers **********************/

.recBox {
  float: left;
  height: 100px;
  width: 100px;
  margin-right: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
}

/********************* feed **********************/

.feedBox {
  margin-left: 20px;
  margin-top: 10px;
  overflow: hidden;
}
.feedImg {
  float: left;
}
.feedText {
  float: left;
  margin-left: 10px;
  width: 140px;
  text-align: left;
}

/********************* compose **********************/

.reviewtitle {
  border: 1px solid gray;
  padding: 5px;
  font-size: 13px;
}
.spoiler {
  background-color: #bdc0bf;
  cursor: pointer; cursor: hand;
  padding: 2px;
}

/********************* definitions **********************/

.newpost {
  color: #FF3399;
  font-size: 14px;
  font-weight: bold;
}
.postlink {
  font-family: arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
}