/* ===== Font Baseline ===== */
:root{
	--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--font-serif: Georgia, "Times New Roman", Times, serif;
	--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", "Courier New", monospace;
}

@media print {
	html, body { font-family: var(--font-serif); }
	body {background-color: #fff; color:#000;} 
	#maintable {width: 100%; }
	.hide {display: none;}
	.show {text-align: center; font-weight: bold;}
}

@media screen {
  body { line-height: 1.45; }
	html, body { font-family: var(--font-sans); }
	body {background-color: #636363; color:#000; margin: 5px 0px 5px 0px;} 
	#maintable {width: 960px; } /* table-layout: fixed; */
	.show {display: none;}

	A:link {text-decoration: underline; color: #f00;}
	A:visited {text-decoration: underline; color: #000;}
	A:hover {text-decoration: underline; color: #666;}
	A:active {text-decoration: underline; color: #000;}
	.menulinks A:link {text-decoration: none; color: #000;}
	.menulinks A:visited {text-decoration: none; color: #000;}
	.menulinks A:hover {text-decoration: underline; color: #f00;}
	.menulinks A:active {text-decoration: underline; color: #f00;}
	.bottomlinks A:link {text-decoration: none; color: #fff6c9;}
	.bottomlinks A:visited {text-decoration: none; color: #fff6c9;}
	.bottomlinks A:hover {text-decoration: underline; color: #f7d791;}
	.bottomlinks A:active {text-decoration: underline; color: #f7d791;}
	.bottomlinksa A:link {text-decoration: none; color: #f7d791;}
	.bottomlinksa A:visited {text-decoration: none; color: #f7d791;}
	.bottomlinksa A:hover {text-decoration: underline; color: #fff6c9;}
	.bottomlinksa A:active {text-decoration: underline; color: #fff6c9;}

/* top header styles */
	.menutext {font-weight: 500; font-size: 15px; margin: 10px 14px 0px 14px}
	#homebutton {margin: 10px 14px 0px 2px;}
	.menubutton {margin: 11px 0px 0px 0px; display: block;}
	.greybutton {background-image: url(/t-button-grey.gif); background-position: top; background-repeat: repeat-x;}
	.yellowbutton {background-image: url(/t-button-yellow.gif); background-position: top; background-repeat: repeat-x;}
	img.table {display: block;}
	#toplogobackground {width: 190px; height: 95px; background-image: url(/t-back-top.gif); background-position: right top; background-repeat: no-repeat;}
	#toptablebackground {height: 48px; background-image: url(/t-back-top.gif); background-position: top; background-repeat: repeat-x;}
	#titlebackground {height: 47px; background-image: url(/t-title-back.gif); background-position: right top; background-repeat: no-repeat;}
	#title {font-weight: bold; font-size: 20px; color: #fff; margin: 6px 70px 0px 0px;}
	#sitecontrol {width: 178px;}
	#lefttopbackground {background-image: url(/t-left-top.gif); background-position: left top; background-repeat: no-repeat;}
	.redbackground {background-image: url(/t-redline.gif); background-position: top; background-repeat: repeat-x;}
	#blackbarbackground {background-image: url(/t-blackbar.gif); background-position: top; background-repeat: repeat-x;}
	.bottommenutext {font-weight: bold; font-size: 13px; color: #7f7f7f;}
	.bottombackground {height: 3px; background-image: url(/t-hblackline.gif); background-position: bottom; background-repeat: repeat-x;}

/* left side bar & basic design */
	.leftsidetable {width: 200px; background-color: #f7d791; background-image: url(/t-vblackline.gif); background-position: left; background-repeat: repeat-y; padding: 0px 0px 0px 3px;}
	.rightsidetable {background-color: #fff; background-image: url(/t-vblackline.gif); background-position: right; background-repeat: repeat-y; padding: 0px 3px 0px 0px;}
	.maincontent {padding: 12px;}
	.leftbaradout {margin: 20px 0px 15px 0px;}
	.leftbaradmid {background-color: #000; padding: 0px 0px 3px 3px;}
	.leftbaradin {background-color: #fff6c9; font-size: 0px;}
	.leftbar {text-align: left; padding: 24px 7px 10px 7px;}
	.yellowheader {padding: 6px 0px 6px 6px; background-color: #948157;}
	.whatsnewboxout {width: 180px; background-color: #000; padding: 0px 0px 3px 3px; margin: 20px 0px 0px 0px;}
	.whatsnewboxin {background-color: #fff6c9; padding: 3px 4px 4px 4px;}
	.whatsnewtitle { font-size: 90%; font-weight: bold; text-align:left; margin: 5px 2px 0px 3px; display: block;}
	.whatsnew { font-size: 90%; text-align:left; margin: 2px 2px 10px 3px; color: #000;}
	.whatsnewindex { font-size: 90%; font-weight: bold; margin: 3px 2px 5px 3px; color: #000;}
	.newreview {font-size: 90%; text-align: center; display: block; padding: 3px 2px 6px 2px;}
	.hyellowline {background-color: #fff6c9;}
}



/* main content styles */
#copyright { font-size: 80%; font-weight: bold; text-align: center; color: #000; margin: 2px 0px 5px 12px;}
#copyline {height: 1px; background-color: #bbb; font-size: 1px; overflow: hidden;}
#copytablet {vertical-align: top; padding: 10px 12px 0px 12px;}
#copytablel {padding: 7px 0px 7px 54px;  font-size: 78%; text-align: left; color: #555; vertical-align: middle; background-image: url(/rclogo.gif); background-position: 12px center; background-repeat: no-repeat;}
#copytabler {width: 120px; text-align: right; padding: 10px 5px 5px 10px; vertical-align: bottom;}
.adcaption {text-align: center;  font-size: 14px; font-weight: bold; color: #555; padding: 1px 0px 3px 0px;}
.adcaption A:link, .adcaption A:visited, .adcaption A:hover, .adcaption A:active {text-decoration: none; color: #555;}
.nextprevpage {margin: 15px 0px 0px 0px; padding: 0px 0px 1px 0px;}
.nextprevright {padding: 10px 35px 10px 0px; font-size: 110%; font-weight: bold; text-align: right; background-image: url(/arw-r.gif); background-position: center right; background-repeat: no-repeat;}
.nextprevleft {padding: 10px 0px 10px 35px; font-size: 110%; font-weight: bold; background-image: url(/arw-l.gif); background-position: left center; background-repeat: no-repeat;}
.nextprevimg {vertical-align: middle; margin: 0px 8px 0px 8px;}
.adsquareright {float: right; margin: 0px 0px 5px 10px; font-size: 0px;}

img.left {float: left; margin: 5px 7px 5px 0px;}
img.right {float: right; margin: 5px 0px 5px 7px;}
img.center {text-align: center; margin: 10px 0px 10px 0px;}
img.reviewphoto {display: block; margin-bottom: 2px;}
div.photoleft {float: left; padding: 5px 10px 3px 0px; font-weight: bold; text-align: center;}
div.photoright {float: right; padding: 5px 0px 3px 8px; font-weight: bold; text-align: center;}
div.photocenter {font-weight: bold; text-align: center;}
td.photoleft {padding: 5px 7px 5px 0px; font-size: 74%; font-weight: bold; text-align: center;}
td.photoright {padding: 5px 0px 5px 7px; font-size: 74%; font-weight: bold; text-align: center;}
a.block {display: block;}

.text {text-align: left; color: #000;}
.textnorm {color: #000;}
.smalltext {font-size: 90%; color: #000;}
.textleft {text-align: left; color: #000; padding: 0px 12px 0px 0px;}
.contentleft {text-align: left; color: #000; padding: 0px 12px 0px 0px;}
.contentright {text-align: left; color: #000; padding: 0px 0px 0px 12px;}
.smalltextc {font-size: 88%;}
.tinytext { font-size: 14px;}
.mediumtext {font-size: 90%;}

h3 {font-size: 130%;  text-align: center; font-weight: bold; color: #5000b3; margin: 0px 0px 0px 0px;}	/* Title */
h4 {font-size: 130%;  text-align: left; font-weight: bold; color: #000;}																/* Features & Specs Title */
h5 {font-size: 100%; text-align: left; font-weight: bold; color: #000; margin: 0px 0px 0px 0px;}			 /* Paragraph Header */
h6 {font-size: 100%; font-weight: bold; color: #000; margin: 0px 0px 0px 0px;}												 /* Next & Previous Page */

/* reviews & features */
.subtitle {font-size: 90%; text-align: center; font-style: italic; color: #666;}
.continued {font-size: 90%; text-align: left; font-weight: bold; font-style: italic; color: #666; margin: 0px 0px 15px 0px;}
.continued A:link, .continued A:visited, .continued A:hover, .continued A:active {color: #666;}
.first {float: left; border: 1px solid #777; font-size: 175%; font-weight: bold; color:#5000b3; margin: 0px 4px 0px 0px; padding: 0px 5px 2px 5px; background-color: #e5e5e5;}
.formmain {margin: 0px;}
.formtext, .formtext2, .formtextr {font-size: 100%; padding: 2px 2px 2px 4px;}
.formtext, .formtextr { vertical-align: middle;} .formtext2 {}
.formbutton { font-size: 10pt;}
.formentry { font-size: 9pt; padding: 2px; border: 1px solid #bbb;}
.formentry2 { font-size: 10pt; padding: 2px; border: 1px solid #bbb;}
  
.formouterpad {padding: 5px 10px 10px 10px;}
.formleft {text-align: right; vertical-align: middle; padding: 5px 10px 0px 0px;}
.formright {vertical-align: top; padding-top: 5px;}
.formright2 {vertical-align: middle; padding: 5px 0px 0px 0px;}
.formvtop {vertical-align: top; padding-top: 6px;}

.maintoc1 {background-color: #ffd739; padding: 0px;}
.maintoc2 {background-color: #fff; padding: 1px;}
#innertoc {background-color: #eaeaea; padding: 0px 0px 4px 0px;}
.toctitle { font-size: 74%; text-align: center; font-weight: bold; color: #000; text-transform: uppercase; margin: 1px 10px 1px 10px;}
#tocshop { font-size: 74%; text-align: center; font-weight: bold; color: #000; background-color: #d0d0d0; padding: 2px 10px 4px 0px;}
#tocshop A:link, #tocshop A:visited, #tocshop A:hover, #tocshop A:active { color: #5000b3;}
#toccnet { font-size: 90%; text-align: center; font-weight: bold; color: #000; background-color: #dfdfdf; padding: 4px 10px 5px 10px;}
.tocheadertext { font-size: 90%; text-align: left; font-weight: bold; color: #000; margin: 0px 0px 0px 17px;}
.tocheader, .tocnormal, .tocnormalc, .tocbottom, .tocbottomc, .toctop, .toctopc {background-position: top left; background-repeat: no-repeat;}
.tocheader {height: 19px;}
.tocnormal, .tocnormalc, .tocbottom, .tocbottomc, .toctop, .toctopc {height: 17px;}
.tocheader {background-image: url(/t-dot5.gif);}
.tocnormal {background-image: url(/t-dot1.gif);}
.tocnormalc {background-image: url(/t-dot3.gif);}
.toctop {background-image: url(/t-dot6.gif);}
.toctopc {background-image: url(/t-dot7.gif);}
.tocbottom {background-image: url(/t-dot2.gif);}
.tocbottomc {background-image: url(/t-dot4.gif);}
.tocitem { font-size: 74%; text-align: left; font-weight: bold; color: #000; margin: 0px 0px 0px 26px;}
.tocnormalc A:link, .tocbottomc A:link, .toctopc A:link, .tocnormalc A:visited, .tocbottomc A:visited, .toctopc A:visited, .tocnormalc A:hover, .tocbottomc A:hover, .toctopc A:hover, .tocnormalc A:active, .tocbottomc A:active, .toctopc A:active {text-decoration: none; color: #666;}

.databoxitem {text-align: center; background-color: #eaeaea; padding: 4px 20px 8px 20px;}
.databoxback {background-image: url(/files/g-w.gif); background-color: #fff; background-position: top right; background-repeat: repeat-y;}
.support {font-size: 90%; font-weight: bold; text-align: center; color: #f00; padding: 0px 5px 0px 5px;}
.divideline {height: 2px; background-color: #aaa;}
.specstable {background-color: #e5e5e5; padding: 3px;}
.specs1, .specs2 {padding: 5px;}
.specs1 {background-color: #f5f5f5;} .specs2 {background-color: #e5e5e5;}
.specsclicker {font-size: 74%; font-weight: bold; text-align: center; color: #5000b3; background-color: #e5e5e5;}
.reportheader {font-size: 15pt; color: #e00; font-weight: 900;}
.tablelightyellow {background-color: #ffe478;}
.guideitem {font-size: 90%; padding: 2px 7px 3px 7px; background-color: #dfdfdf; color: #008; font-weight: bold; font-style: italic;}
.guidetext {font-size: 90%; padding: 2px 7px 20px 7px;}

.photodescription {text-align: center; color: #000; margin: 0px 0px 40px 0px;}
.photocopyright {text-align: center; font-weight: bold; font-style: italic; color: #f00;}
.whitelinks A:link, .whitelinks A:visited, .whitelinks {color: #fff;} .whitelinks A:hover, .whitelinks A:active {color: #f5f5f5;}
.yellowlinks A:link, .yellowlinks A:visited {text-decoration: none; color: #ff0;} .yellowlinks A:hover {text-decoration: underline; color: #ff6;} .yellowlinks A:active {text-decoration: underline; color: #ff0;}
.lightyellowlinks A:link, .lightyellowlinks A:visited {text-decoration: none; color: #ff9;} .lightyellowlinks A:hover {text-decoration: underline; color: #ff9;} .lightyellowlinks A:active {text-decoration: underline; color: #ff2;}
.bluelinks A:link, .bluelinks A:visited {text-decoration: none; color: #5000b3;} .bluelinks A:hover {text-decoration: underline; color: #008;} .bluelinks A:active {text-decoration: underline; color: #000;}
.greylinks A:link, .greylinks A:visited, .greylinks A:hover, .greylinks A:active, .greylinks {color: #666;}
.greylinks2 A:link {text-decoration: none; color: #666;} .greylinks2 A:visited {text-decoration: none; color: #666;} .greylinks2 A:hover {text-decoration: underline; color: #000;} .greylinks2 A:active {text-decoration: underline; color: #000;}
.redlinks A:link, .redlinks A:visited {color: #f00;} .redlinks A:hover {color: #666;} .redlinks A:active {color: #000;}
.redlinks2 A:link, .redlinks2 A:visited {text-decoration: none; color: #f00;} .redlinks2 A:hover {text-decoration: underline; color: #666;} .redlinks2 A:active {text-decoration: underline; color: #000;}
.lightgreylinks A:link, .lightgreylinks A:visited, .lightgreylinks A:hover, .lightgreylinks A:active, .lightgreylinks {color: #dfdfdf;}
.blacklinks A:link, .blacklinks A:visited {text-decoration: none; color: #000;} .blacklinks A:hover {text-decoration: underline; color: #666;} .blacklinks A:active {text-decoration: underline; color: #666;}
.nounderline A:link {text-decoration: none;} .nounderline A:visited {text-decoration: none;} .nounderline A:hover {text-decoration: underline; color: #666;} .nounderline A:active {text-decoration: underline; color: #666;}
.whitelinks2 A:link, .whitelinks2 A:visited {text-decoration: none; color: #fff;} .whitelinks2 A:hover {text-decoration: underline; color: #ffa;} .whitelinks2 A:active {text-decoration: underline; color: #ddd;}
.hiddenlinks A:link, .hiddenlinks A:visited, .hiddenlinks A:hover, .hiddenlinks A:active {text-decoration: none; color: #000;} .hiddenlinks A:hover {text-decoration: underline; color: #000;}


/* old news - delete when wn- files deleted */
.newsindex1, .newsindex2 {width: 33%; font-size: 90%; text-align: center; padding: 10px;}
.newsindex1 {background-color: #fff;}
.newsindex2 {background-color: #eee;}
.newsmonthdate {width: 31%; font-size: 90%; text-align: right; font-weight: bold; background-color: #eee; padding: 10px 10px 10px 10px;}
.newsmonthteaser {width: 69%; font-size: 90%; text-align: left; background-color: #fff; padding: 10px 10px 10px 10px;}
.newsbottomlinks { font-size: 90%; font-weight: bold; padding: 0px 5px 0px 5px;}
.newsarrowleft {text-align: left; margin: 0px 0px 0px 7px;}
.newsarrowright {text-align: right; margin: 0px 7px 0px 0px;}
.newsbody {font-size: 90%; padding: 10px;}
.newsad {text-align: right; background-color: #eee; padding: 7px;}
.newsteaserleft {font-size: 90%; text-align:left; background-color: #fff;}
.arrowleft {margin: 5px 9px 0px 10px;}
.groupbyline {font-size: 74%; text-align: center; font-style: italic; color: #000; background-color: #d5d5d5; padding: 4px 5px 4px 5px;}


/* Updated Home Page, Feature & Review Indexes */
.greyline {height: 2px; margin: 4px 0px 4px 0px; background-color: #ccc; font-size: 1px; overflow: hidden;}
.sectiontitle, .sectiontitle2 {border: 1px solid #db3; padding: 4px 5px 5px 7px; font-weight: bold; color: #000; background-color: #fd4; background-image: url(/shead-ly.gif); background-position: bottom; background-repeat: repeat-x;}
.sectiontitleb, .sectiontitleb2 {border: 1px solid #aaf; padding: 4px 5px 5px 7px; font-weight: bold; color: #000; background-color: #c7c7ff; background-image: url(/shead-lb.gif); background-position: bottom; background-repeat: repeat-x;}
.sectiontitle, .sectiontitleb {margin-bottom: 15px;}
.titlebluesmall {text-align: left; font-weight: bold; color: #5000b3; margin: 0px 0px 2px 0px;}
.titleredlarge {font-size: 130%; text-align: left; font-weight: bold; color: #f00; margin: 0px 0px 2px 0px;}
.bulletlarge {background-image: url(/newsphotos/news-circle-g.gif); background-position: left 7px; background-repeat: no-repeat;}
.bulletsmall {background-image: url(/newsphotos/news-circle-g.gif); background-position: left 5px; background-repeat: no-repeat;}
.homeforumheader {margin: 0px 8px 0px 8px; font-weight: bold;}
.homeforumbox {border: 1px solid #ccc; margin: 3px 8px 10px 8px; padding: 5px; background-color: #fff; background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.homeforumtitle {font-size: 92%; margin: 0px 0px 0px 2px; padding: 0px 5px 1px 14px; display: block;}
.homefilemodels {font-size: 92%; color:#555; margin: 0px 0px 0px 17px;}
.reviewlinkbox {border: 1px solid #ddd; margin: 5px 0px 20px 15px; clear: both; background-color: #f5f5f5; background-image: url(/newsphotos/news-ind-wg.gif); background-position: right; background-repeat: repeat-y;}
.reviewteaser {margin: 0px 0px 0px 15px;}
.featureheader {font-weight: bold; margin-bottom: 5px;}
.featurebox {border: 1px solid #ccc; margin: 0px 0px 20px 15px; padding: 0px 5px 7px 5px; background-color: #f5f5f5; overflow: auto;}
img.iconleft {float: left; margin: 5px 12px 5px 0px;}
.calloutbox {margin: 0px 0px 15px 5px; padding: 0px 0px 2px 2px; background-color: #ddd; background-image: url(/back-v-wg.gif); background-position: top left; background-repeat: repeat-x;}
.calloutteaser {padding: 0px 0px 7px 8px; background-color: #fff;}
.showindex {margin: 0px 0px 15px 10px; padding: 0px 0px 0px 18px; background-image: url(/arw-blue.gif); background-position: 5px left; background-repeat: no-repeat;}
.articleindex {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 18px; background-image: url(/arw-red.gif); background-position: 5px left; background-repeat: no-repeat;}
.reviewindexbrand {font-size: 90%; font-style: italic;}
.quickindextitle {font-size: 90%; font-weight: bold; color: #fff; background-color: #999; padding: 3px 10px 2px 10px;}
.quickindexbox {border: 1px solid #999; padding: 10px; margin: 0px 0px 20px 0px; background-color: #f0f0f0; font-size: 12px; }

.amazonleft {font-size: 93%; text-align: left; vertical-align: top; margin: 4px 0px 0px 8px; padding: 1px 7px 0px 14px;}
.amazonright {font-size: 93%; text-align: right; vertical-align: top; padding: 5px 5px 0px 0px;}
.videoindexbox {padding: 4px 7px 5px 7px;}
.databoxtitle, .dvdindextitle {border: 1px solid #aaf; padding: 4px 5px 5px 7px; font-weight: bold; font-size: 90%; color: #000; background-color: #c7c7ff; background-image: url(/shead-lb.gif); background-position: bottom; background-repeat: repeat-x;}
.databoxlower, .dvdindexbox1 {padding: 0px 1px 1px 1px; margin: 0px 0px 20px 0px; background-color: #aaf;}
.databoxinner {padding: 10px 15px 10px 15px; background-color: #fff; background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.databoxleft {text-align: left; font-weight: bold; padding-right: 15px;}
.databoxright {text-align: left;}
#databoxcnet {text-align: center; font-size: 90%; font-weight: bold; color: #f00; padding-top: 10px;}
.databoxlogobox {text-align: center; font-size: 90%; font-weight: bold; color: #f00; padding: 10px 5px 0px 5px;}
.databoxlogo {margin-top: 4px;}
.dvdindexbox1a {padding: 0px 1px 1px 1px; margin: 0px 0px 20px 0px; background-color: #db3;}
.dvdindexbox2 {padding: 5px 10px 10px 10px; background-color: #f0f0f0;}
.dvdquickbox {border: 1px solid #999; padding: 10px; margin: 0px 0px 20px 0px; background-color: #f0f0f0;}
.dvdindexyear {font-size: 90%; font-weight: normal;}
.dvdindexrecent {overflow: hidden; padding: 0px 10px 20px 10px;}
.dvdtopleft {font-size: 90%; font-weight: bold; padding: 0px 10px 3px 0px;}
.dvdtopright {font-size: 90%; padding: 0px 0px 3px 0px;}
.dvdratings {font-weight: bold; padding: 0px 10px 3px 0px;}
.dvdstar {width: 14px; height: 16px; vertical-align: middle; padding: 0px 1px 0px 1px;}
.dvdsoundicon {padding-right: 7px; vertical-align: middle;}
.dvdboxcover {width: 200px; padding: 5px 20px 0px 8px;}

.sectionlowerbox {background-color: #db3; padding: 0px 1px 1px 1px;}
.sectioninnerbox {padding: 0px 2px 0px 2px; background-color: #f0f0f0;}
.tocheadertitle { font-weight: bold; text-align: left; margin: 0px 0px 0px 17px;}
.tocline { font-size: 90%; text-align: left; font-weight: bold; margin: 0px 0px 0px 26px;}
.fleft {float: left;}
.fright {float: right;}
.nowrap {white-space: nowrap;}

.bulletitem {margin: 1px 0px 1px 0px; padding: 0px 0px 0px 14px; display: block;}
.devlistleft {padding: 3px 10px 4px 10px; vertical-align: top;}
.devlist {padding: 3px 10px 4px 0px;}
.devlistc {padding: 3px 10px 4px 0px; text-align: center;}
.devwleft {width: 180px; padding: 5px 11px 5px 0px; text-align: right; vertical-align: top;}
.devtopsubtitle {padding-bottom: 4px; text-align: center; font-style: italic; font-weight: bold;} 

/* Updated News */
.newsindexdate {text-align:left; font-weight: bold; color: #666;}
.newssmalltitle {text-align:left; margin: 5px 0px 0px 3px; padding: 0px 0px 0px 14px; display: block;}
.newssmallteaser {font-size: 90%; text-align:left; color: #555; margin: 0px 0px 0px 15px;}
.titlebluebig, .reviewindextitle, .newsindextitle {font-size: 130%; text-align:left; font-weight: bold; color: #5000b3; clear: both;}
.newsindextitle {margin: 5px 0px 5px 13px;} .titlebluebig {margin: 0px 0px 5px 0px;}
.newssubtitle {text-align:left; font-style: italic; color: #666;}
.newsteaser {margin: 0px 0px 10px 13px;}
.newsteasephoto {float: right; margin: 0px 0px 4px 10px;}
.newsarticletopbox, .newscommentbox, .newsindexbox, .filecommentbox {border: 1px solid #ddd; background-color: #f5f5f5; clear: both; background-image: url(/newsphotos/news-ind-wg.gif); background-position: right; background-repeat: repeat-y;}
.newsarticletopbox {margin: 15px 0px 15px 0px;} .newscommentbox {margin: 0px 0px 20px 0px;} .newsindexbox {margin: 0px 0px 20px 13px;} .filecommentbox {margin: 0px 0px 10px 0px;}
.newsindexboxtop {font-size: 90%; color: #555; padding: 4px 7px 5px 7px; background-image: url(/newsphotos/news-ind-lg.gif); background-position: bottom; background-repeat: repeat-x;}
.newsindexboxmid {font-size: 90%; color: #555; padding: 4px 7px 5px 7px;}
.newsindexboxbottom {font-size: 90%; color: #555; padding: 5px 7px 5px 7px; background-image: url(/newsphotos/news-ind-lg.gif); background-position: top; background-repeat: repeat-x;}
.readmore {font-weight: bold; white-space: nowrap;}
.newsindexcombox {border: 1px solid #ccc; margin: 0px 10px 15px 10px; background-color: #fff; background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.newsindexcomment {padding: 10px 12px 10px 12px; background-image: url(/newsphotos/back-comment.gif); background-position: top right; background-repeat: no-repeat;}
.newscommentbody {min-height: 60px; padding: 10px 75px 10px 10px; background-image: url(/newsphotos/back-comment2.gif); background-position: top right; background-repeat: no-repeat;}
.newspagelinks {border: 1px solid #999; padding: 5px 7px 7px 7px; background-color: #fff6c9; text-align: center; color: #888;}
.newsrightbar {width: 300px;}
.newsrightbar2 {width: 160px;}
.reviewrightad {width: 160px;}
.newsrightbar, .newsrightbar2, .homeforumback, .reviewrightad {background-color: #f0f0f0; background-image: url(/newsphotos/news-v-gw.gif); background-position: bottom; background-repeat: repeat-x;}
.newstagheader {font-weight: bold; margin: 20px 0px 5px 10px;}
.newstagsheader {font-weight: bold; margin: 15px 0px 5px 10px;}
.newstagbox {border: 1px solid #ccc; margin: 0px 10px 0px 10px; background-color: #f5f5f5;}
.newstaglist, .newstaglista {text-align:left; margin: 3px 0px 0px 3px; padding: 0px 0px 0px 14px;}
.newsyearlist {font-size: 90%; font-weight: bold; padding: 0px 0px 3px 0px;}
.newsmonthbox {float: left; padding: 10px 5px 10px 5px;}
.newsmonthlist, .newsmonthlista {font-size: 70%;}
.newsmonthlista A:link, .newsmonthlista A:visited, .newsmonthlista A:hover, .newsmonthlista A:active, .newstaglista A:link, .newstaglista A:visited, .newstaglista A:hover, .newstaglista A:active {color: #5000b3; text-decoration: none;}
.newsotherheader {text-align:left; font-weight: bold; margin: 40px 0px 5px 0px;}
#newslogoletter {float:left; padding: 4px 7px 0px 0px;}
.newsarticle {padding: 0px 0px 0px 0px;}
.newssubmitheader {font-weight: bold; padding: 40px 7px 5px 7px;}
.newssubmitbox {border: 1px solid #ccc; padding: 5px; margin: 0px 7px 0px 7px; background-color: #f5f5f5}
.newssubmitto {margin: 0px 0px 0px 3px; padding: 0px 0px 2px 14px;}
.newsreplybox {border: 1px solid #ddd; margin: 5px 10px 10px 0px; padding: 10px; background-color: #f0f0f0;}
.newsreplytitle {font-weight: bold; color: #5000b3; padding: 0px 0px 5px 0px;}
.newsreplytext {border: 1px solid #ccc; padding: 7px 10px 7px 10px; background-color: #f5f5f5;}
.newsentry { font-size: 11pt;}

/* Updated Forums */
.forumheadlyellow {background-color: #fd4; background-image: url(/forums/bg-v-yw.gif); background-position: bottom; background-repeat: repeat-x;}
.forumheadyellow {background-color: #fd4; background-image: url(/shead-ly.gif); background-position: bottom; background-repeat: repeat-x;}
.forumwhiteshade {background-color: #fff; background-image: url(/forums/row-lg.gif); background-position: top; background-repeat: repeat-x;}
.forumrowwhite {background-color: #fff;}
.forumrowlblue {background-color: #f3f3ff; background-image: url(/forums/row-lb.gif); background-position: top; background-repeat: repeat-x;}
.forumrowmgrey {background-color: #f0f0f0; background-image: url(/forums/row-mg.gif); background-position: top; background-repeat: repeat-x;}
.forumthinlgrey {background-color: #fff; background-image: url(/forums/thin-wg.gif); background-position: center; background-repeat: repeat-x;}
.forumthindgrey {background-color: #666; background-image: url(/forums/thin-gg.gif); background-position: center; background-repeat: repeat-x;}
.forumthinlblue {background-color: #fff; background-image: url(/forums/thin-aq.gif); background-position: center; background-repeat: repeat-x;}
.forumthinmblue {background-color: #2a53a6; background-image: url(/forums/thin-bb.gif); background-position: center; background-repeat: repeat-x;}
.forumthinmred {background-color: #b40000; background-image: url(/forums/thin-rr.gif); background-position: center; background-repeat: repeat-x;}
.forumthinmgreen {background-color: #004b25; background-image: url(/forums/thin-gr.gif); background-position: center; background-repeat: repeat-x;}
.forumbgdlgrey {background-color: #e5e5e5; background-image: url(/forums/b-lr-gw.gif); background-position: bottom right; background-repeat: no-repeat;}
.forumbghlblue {background-color: #d2d2ff; background-image: url(/forums/b-h-bb.gif); background-position: right; background-repeat: repeat-y;}
.forumbghlyellow {background-color: #fff2bf; background-image: url(/forums/b-h-lyy.gif); background-position: right; background-repeat: repeat-y;}
.forumbghmyellow {background-color: #fd4; background-image: url(/forums/b-h-myy.gif); background-position: right; background-repeat: repeat-y;}
.forumbgvlblue {background-color: #dcdcfe; background-image: url(/forums/b-v-wb.gif); background-position: top; background-repeat: repeat-x;}
.forumbgvmblue {background-color: #e6e6ff; background-image: url(/forums/b-v-bb.gif); background-position: bottom; background-repeat: repeat-x;}
.forumbgvlgrey {background-color: #eee; background-image: url(/forums/b-v-gg.gif); background-position: top; background-repeat: repeat-x;}

.forumwwaboxline {background-color: #000; padding: 1px 1px 0px 1px;}
.forumloginback {width: 25%; padding: 3px 8px 3px 8px; text-align: right; line-height: 1.15; vertical-align: middle; background-color: #e6e6ff; background-image: url(/forums/b-whatsnew.gif); background-position: left; background-repeat: repeat-y; white-space: nowrap;}
.forumwwarow1 {font-size: 90%; background-image: url(/dot-9a.gif); background-position: 14px top; background-repeat: no-repeat; padding: 5px 8px 0px 8px;}
.forumwwarow2 {font-size: 110%; line-height: 1.2; font-weight: bold; background-image: url(/dot-9.gif); background-position: 8px center; background-repeat: no-repeat; padding: 0px 8px 5px 36px;}
.forumwwalower {font-weight: bold; border: 1px solid #000;}
.forumwwaitem {padding: 3px 8px 4px 8px; white-space: nowrap;}
.forumwwacurrent {padding: 3px 8px 4px 8px; background-color: #fff; background-image: url(/forums/thin-wg2.gif); background-position: center; background-repeat: repeat-x; white-space: nowrap;}
.forumwwadiv {width: 2px; padding: 3px 0px 4px 0px; background-image: url(/forums/divider.gif); background-position: center; background-repeat: no-repeat;}
.forumwwanewest {border: 1px solid #999; margin-top: 7px; padding: 4px 8px 4px 8px;}
.forumindexouter {background-color: #db3; padding: 0px 1px 1px 1px;}
.forumindexgrouptext {padding: 5px 7px 5px 7px;}
.forumindexfolder {padding: 7px 7px 10px 48px; background-image: url(/forums/folder.gif); background-position: 7px 11px; background-repeat: no-repeat;}
.forumindexsub {padding-right: 4px; vertical-align: middle;}
.forumsublist {padding: 0px 0px 10px 48px; background-color: #f0f0f0;}
.forumsubitem {margin-right: 10px; white-space: nowrap; float: left;}
.foruminame {font-size: 130%; font-weight: bold;}
.forumindexleft {}
.forumindexright {width: 150px; text-align: right; background-color: #fff; white-space: nowrap;}
.forumindexrecent {width: 300px; vertical-align: top; font-size: 90%; line-height: 1.2; padding: 2px 10px 10px 10px; background-image: url(/forums/row-wmg.gif); background-position: top; background-repeat: repeat-x; background-color: #f0f0f0;}
.forumindexrecent2 {line-height: 1.6; padding-left: 10px;}
.forumgdiv {height: 1px; background-color: #999;}
.forumstickydiv {height: 2px; background-color: #db3;}
.forumprofileleft {width: 140px; padding: 5px 11px 5px 0px; text-align: right; vertical-align: top;}
.forumprofileright {padding: 5px 11px 5px 10px; background-color: #fff; vertical-align: top; }
.forumrgline {background-image: url(/forums/line-h-g.gif); background-position: right; background-repeat: repeat-y;}
.forumrbline {background-image: url(/forums/line-v-b.gif); background-position: right; background-repeat: repeat-y;}

.forumblbutton {border: 1px solid #000; margin-right: 7px;}
.forumbuttontext {padding: 2px 10px 2px 10px; color: #000; display: block; white-space: nowrap;}
.forumbotbox {border: 1px solid #db3; padding: 10px 7px 10px 7px; color: #000; margin-bottom: 5px;}
.forumthreadbox {border: 1px solid #db3; color: #000; margin: 10px 0px 5px 0px;}
.forumtitlebox, .forumindexgname, .forumtitle {border: 1px solid #db3; padding: 5px 5px 5px 7px; color: #000;}
.forumtitlebox {margin-top: 5px;} .forumindexgname {margin-top: 10px;}
.foruminsetbox {padding: 4px 7px 5px 7px; text-align: right; border: 1px solid #000; background-color: #ffeb94; float: right;}
.forumlisttop {font-size: 78%; text-align: left; padding: 4px 13px 4px 0px;}
.forumlisttop2 {font-size: 78%; text-align: left; padding: 4px 13px 4px 0px; text-align: center;}
.forumoutline {background-color: #db3; padding: 0px 1px 0px 1px;}
.forumlistarw {vertical-align: top; padding: 9px 8px 5px 10px;}
.forumlistitem {vertical-align: top; padding: 7px 10px 8px 0px; color: #000;}
.forumlistitem2 {vertical-align: top; text-align: center; padding: 7px 10px 8px 0px; color: #000;}
.forumlistitemc {vertical-align: top; padding: 7px 2px 8px 0px; color: #000;}
.forumlistcheck {vertical-align: top; padding: 7px 5px 8px 0px;}
.forumlistnew {vertical-align: middle; padding: 2px 10px 2px 0px;}
.forumnoresponse {font-style: italic;}
.forumbyline {color: #666; margin: 2px 0px 0px 15px;}
.forumpagebox {border: 1px solid #999; padding: 2px 3px 2px 3px; white-space: nowrap; margin: 2px 0px 1px 0px;}
.forumpagelink {padding: 0px 5px 2px 5px;}
.forumnextlast {border: 1px solid #db3; background-color: #fff; padding: 2px 10px 4px 10px; white-space: nowrap;}
.forumgreyboxtop {border: 1px solid #000; text-align: left; padding: 3px 7px 4px 7px;}
.forumgreyboxline {text-align: left; background-color: #000; padding: 0px 1px 1px 1px;}
.forumgreybox {padding: 8px;}
.forumlasticon {vertical-align: middle; padding: 0px 0px 0px 5px;}
.forumnewicon {vertical-align: middle; padding: 0px 8px 0px 0px;}
.forumlastname A:link, .forumlastname A:visited, .forumlastname A:hover, .forumlastname A:active, .forumlastname {color: #006f25;}
.forumlinks A:link {text-decoration: none; color: #f00;} .forumlinks A:visited {text-decoration: none; color: #000;} .forumlinks A:hover {text-decoration: underline; color: #666;} .forumlinks A:active {text-decoration: underline; color: #666;}
.forumdropall {background-color: #fcc;}
.forumdropgroup {background-color: #e8e8ff;}
.forumdropforum {background-color: #fcfce5;}
.forumaddleft {width: 100px; padding: 10px 0px 10px 10px; text-align: right;}
.forumaddright {padding: 10px;}
.forumadvbut {font-size: 9pt;}
.forumtext {padding: 15px 10px 0px 10px;}
.forumcakeday {cursor: pointer; text-shadow: 0 0 2px white, 0 0 4px white, 0 0 6px white; transition: text-shadow 0.2s ease-in-out;}
.forumcakeday:hover {text-shadow: 0 0 3px white, 0 0 6px white, 0 0 9px white, 0 0 12px white;}
.mod-icon {font-size: 0.7em; vertical-align: text-top; margin-left: 0.15em; opacity: 0.9;}
.mod-warning {font-size: 0.7em; vertical-align: text-top; margin-left: -0.2em;}

.post-footer {min-height: 2em; margin: 5px 0px 5px 0px; display: flex; align-items: flex-end;}
.likers-text {font-style: italic; font-size: 85%; color: #666;}
.like-btn {display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .6rem; font: inherit; border: 1px solid #999; color: #222; cursor: pointer; line-height: 1; user-select: none; transition: transform .05s ease, background-color .15s ease, border-color .15s ease, color .15s ease; background-color: #fff; background-image: url(/forums/thin-wg.gif); background-position: center; background-repeat: repeat-x;}
.like-btn:disabled {opacity: .6; cursor: not-allowed;}
.like-btn:active {transform: translateY(1px);}
.like-btn .like-count {font-weight: 600; min-width: 1ch;}
.like-btn .icon {display: inline-block; vertical-align: middle; position: relative; width: 1em; height: 1em; flex: 0 0 auto;}
.like-btn:hover {color:#333;}
.like-btn:hover, .like-btn:focus {border-color: #444;}
.like-btn.is-liked, .like-btn[aria-pressed="true"] {background: #eef6ff; border-color: #1d4ed8; color: #1d4ed8;}
.like-btn.is-liked .icon, .like-btn[aria-pressed="true"] .icon {font-weight: 700;}
.like-btn.is-disabled {cursor: default; transform: none; opacity: 0.6;}
.like-btn.is-disabled:hover,.like-btn.is-disabled:focus {border-color: #999; color: #222;}

/* ===== Layout knobs ===== */
.achv-wrap{--wrap-w:710px;--tile-w:145px;--gap:12px;width:var(--wrap-w);max-width:var(--wrap-w);}
.achv-wrap--narrow{--wrap-w:560px;--tile-w:130px;}
.achv-wrap.is-compact{--tile-w:140px;}
.achv-gap{height:10px;}

/* Legend */
.achv-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;float:right;}
.achv-legend .badge-raritychip{font-size:.72rem;padding:.10rem .45rem;}

/* Featured (4 cols, bottom spacing) */
.achv-featured{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);width:100%;max-width:100%;margin:0 0 16px;}

/* Full list scroller: fixed columns, no side gutter, bottom breathing room */
.achv-grid-scroll{--rows:3;display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);grid-auto-columns:var(--tile-w);gap:var(--gap);width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-gutter:stable;padding:0 0 10px;margin:0;}
.achv-grid-scroll[data-rows="4"]{--rows:4;}
.achv-grid-scroll>*{min-width:0;}

/* ===== Tile (5 rows: title / chip / desc / hint|bar / meta) ===== */
.badge-tile{position:relative;aspect-ratio:1/1;border:1px solid #bdbdbd;background:#f3f4f6;border-radius:12px;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;align-items:start;padding:10px;box-sizing:border-box;min-width:0;max-width:100%;transition:border-color .08s ease,box-shadow .08s ease;}
.badge-tile:hover{border-color:#9e9e9e;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.badge-tile.is-compact{padding:7px;border-radius:10px;}

/* Title (two lines, compact sizing) */
.badge-title{font-weight:600;font-size:.90rem;line-height:1.12;color:#202357;text-align:center;padding:0 6px;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;min-height:calc(1.12em * 2);}

/* Rarity chip + themes */
.badge-raritychip,.badge-rarityspace{display:inline-flex;align-items:center;justify-content:center;min-height:1.2rem;padding:.08rem .45rem;margin-top:4px;margin-bottom:2px;border-radius:999px;font-size:.72rem;line-height:1;white-space:nowrap;}
.badge-rarityspace{visibility:hidden;}
.rar-theme-common{background:#ffffff;border-color:#cfd4da;}
.rar-theme-rare{background:#eef6ff;border-color:#b7d3f8;}
.rar-theme-epic{background:#f2edff;border-color:#d4c7ff;}
.rar-theme-legendary{background:#fff8e7;border-color:#f0d79a;}
.rar-theme-unranked { background:#f4f5f7; border-color:#d7dbe2; }
.rar-chip-common{background:#eeeeee;color:#111827;border:1px solid #c7ccd3;}
.rar-chip-rare{background:#3b82f6;color:#fff;border:1px solid #2b66c5;}
.rar-chip-epic{background:#8b5cf6;color:#fff;border:1px solid #6d3fe0;}
.rar-chip-legendary{background:#f59e0b;color:#111827;border:1px solid #d48806;}
.rar-chip-unranked  { background:#ffffff; color:#374151; border:1px solid #d7dbe2; }

/* Description (JS clamp friendly) */
.badge-desc{--lines:2;line-height:1.2;min-height:calc(1.2em * var(--lines));overflow:hidden;text-align:center;color:#4b5563;font-size:.73rem;padding:2px 6px 0;word-break:break-word;cursor:default;}
.achv-featured .badge-desc{--lines:3;}
.badge-desc.is-empty{min-height:.6rem;color:transparent;}
.badge-desc.is-expandable,.badge-desc[data-truncated="1"]{cursor:pointer;}

/* Hint / progress / meta (row 4 = bar, row 5 = hint/meta) */
.badge-progress{grid-row:4;width:100%;margin-top:6px;height:6px;border-radius:4px;background:#e5e7eb;border:1px solid #d1d5db;overflow:hidden;}
.badge-progress>i{display:block;height:100%;width:var(--pct,0%);background:#9ca3af;}
.badge-progress-hint{grid-row:5;align-self:start;margin:2px 0 0;font-size:.76rem;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;}
.badge-meta-compact{grid-row:5;font-size:.75rem;color:#6b7280;margin:2px 0;text-align:center;line-height:1.3;white-space:nowrap;}
.badge-bottom{grid-row:5;display:none;}
.badge-unlock,.badge-date{font-size:.75rem;color:#6b7280;line-height:.95;text-align:center;margin:0;}
.badge-unlock{font-weight:600;font-variant-numeric:tabular-nums;}
.badge-date{margin-top:2px;margin-bottom:2px;opacity:.85;}

/* Featured keeps two-line bottom; full list uses one-line compact meta */
.achv-featured .badge-bottom{display:grid;grid-template-rows:auto auto;gap:2px;align-self:end;justify-items:center;}
.achv-featured .badge-unlock,.achv-featured .badge-date{font-size:.75rem;color:#6b7280;text-align:center;line-height:.95;}
.achv-featured .badge-unlock{font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums;}
.achv-featured .badge-date{margin-top:2px;margin-bottom:2px;opacity:.85;}
.achv-grid-scroll .badge-bottom,.achv-grid .badge-bottom{display:none;}

/* Locked */
.badge-tile.is-locked{opacity:.48;filter:grayscale(100%);}
.badge-tile.is-locked .badge-progress{margin-top:4px;height:5px;background:#e7e9ee;border-color:#cfd4da;}
.badge-tile.is-locked .badge-progress>i{background:#a0a7b3;}
.badge-tile.is-locked .badge-progress-hint{margin-top:1px;font-size:.75rem;}

/* Empty state */
.achv-empty{padding:12px;border:1px dashed #c7c7c7;border-radius:10px;color:#6b7280;background:#fafafa;}

/* ===== Viewport-fixed modal for expanded descriptions ===== */
/* Backdrop blocks clicks; covers the whole viewport */
.achv-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:9998;display:none;pointer-events:auto;}
/* Narrow, centered modal */
.achv-modal{position:fixed;z-index:9999;left:50%;top:50%;transform:translate(-50%,-50%);width:min(90vw,300px);max-height:75vh;overflow:auto;background:#fff;border:1px solid #cfd4da;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.15);padding:12px 14px 14px 14px;display:none;}
.achv-modal-title{font-weight:700;font-size:.95rem;margin:0 0 6px;text-align:center;}
.achv-modal-body{font-size:.85rem;line-height:1.25;color:#374151;white-space:normal;word-break:break-word;text-align:center;}
.achv-modal-hint{margin-top:8px;font-size:.78rem;color:#4b5563;text-align:center;}
.achv-modal-close{position:absolute;top:6px;right:10px;font-size:.9rem;color:#4b5563;cursor:pointer;padding:2px 6px;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;}

/* Optional: only lock scroll on touch devices */
@media (pointer:coarse){ .achv-scroll-lock{overflow:hidden !important;} }
  
.forumgrbutton {border: 1px solid #999; margin-left: 7px; float: right;}
.forumglbutton {border: 1px solid #999; margin-right: 7px; float: left;}
.forumpostmaintopic {font-weight: bold; color: #008;}
.forumpostoutline {padding: 1px; margin-top: 10px; background-color: #000;}
.forumpostdate {padding: 5px 10px 5px 10px; color: #fff;}
.forumpostnew1, .forumpostnew2 {text-align: right; font-weight: bold; padding: 5px 10px 5px 10px; white-space: nowrap;}
.forumpostnew1 {color: #d5d5f9;} .forumpostnew2 {color: #aeaef5;}
.authorwrap {display: flex; align-items: center; gap: 10px; flex: 0 0 auto;}
.author {font-size: 150%; color: #006f25;}
.author-big {font-size: 205%;}
.authoricon {align-items: center; position: relative; border-radius: 20%; overflow: hidden;}
.authoricon-small {width: 40px; height: 40px; border: 1px solid #000; flex: 0 0 auto;}
.authoricon-big {width: 60px; height: 60px; border: 2px solid #000; flex: 0 0 auto;}
.authoricon img {width: 100%; height: 100%; object-fit: cover; display: block;}
.authortext {display: flex; flex-direction: column; justify-content: center; min-width: 0; line-height: 1.15;}
.authorletter {display: flex; align-items: center; justify-content: center; text-transform: uppercase; user-select: none; overflow: hidden;}
.authorletter-small {width: 40px; height: 40px; font-size: 32px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.authorletter-big {width: 60px; height: 60px; font-size: 50px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);}
.authorletter span {display: inline-block;}
.authorbanner {position: absolute; color: white; font-weight: bold; transform: rotate(-8deg); transform-origin: center; text-align: center; white-space: nowrap; pointer-events: none;}
.authorbanner-small {width: 80px; height: 7.5px; bottom: 2px; right: -24px; font-size: 6.5px; line-height: 7px; box-shadow: 0 0 4px rgba(0,0,0,0.5);}
.authorbanner-big {width: 120px; height: 11px; bottom: 3px; right: -37px; font-size: 10px; line-height: 10.5px; box-shadow: 0 0 6px rgba(0,0,0,0.5);}
.authorbanner.admin {background-color: RoyalBlue;}
.authorbanner.staff {background-color: RoyalBlue;}
.authorbanner.mod {background-color: red;}
.authorbanner.vip {background-color: gold; color: black;}
.authorbanner.rep {background-color: #444;}
.authorbanner.vendor {background-color: #444;}
.authorbanner.elite {background-color: DarkOrange;}
.authorbanner.legend {background-color: Orange;}
.forumposttag {font-size: 80%; color: #000;}
.forumposttag-big {font-size: 110%; line-height: 120%;}
.forumpoststats {margin: 7px 10px 8px 0px;  border: 1px solid #a5a5a5; background-color: #f3f3f3; font-size: 80%; line-height: 1.2;}
.forumpostlgbutton {border: 1px solid #999; padding: 2px 3px 2px 3px; text-align: center; display: block;}
.forumpostsig {background-color: #fff; color: #000; font-style: normal; font-weight: normal; padding: 6px 10px 6px 10px; background-image: url(/forums/sigline.gif); background-position: 10px 0px; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis;}
.forumquotetop {font-size: 90%; text-align: left; color: #008; font-style: normal; font-weight: normal; padding: 4px 7px 4px 12px; margin: 0px 22px 0px 22px; background-color: #dcdcdc;}
.forumquotetext {border: 1px solid #bbb; font-size: 90%; text-align: left; color: #000; font-style: normal; font-weight: normal; padding: 7px 10px 7px 10px; margin: 0px 22px 0px 22px; background-color: #ffffe8;}

.forumproouter {background-color: #9393db;}
.forumproitemback {background-color: #e6e6e6; background-image: url(/forums/profile-item.gif); background-position: right; background-repeat: repeat-y;}
.forumproheader {padding: 20px 10px 7px 0px; font-weight: bold;}
.forumprodiv {height: 2px; font-size: 1px; background-image: url(/forums/profile-div.gif); background-position: bottom right; background-repeat: no-repeat;}
.forumproitem {padding: 5px 13px 6px 7px; display: block;}
.forumprocitem {padding: 5px 13px 6px 7px; display: block; background-color: #f5f5f5; background-image: url(/forums/profile-citem.gif); background-position: right; background-repeat: repeat-y;}
.forumproleft {padding: 5px; text-align: right; vertical-align: top; white-space: nowrap;}
.forumproright {padding: 5px; vertical-align: top; }
.forumsearchitem {margin: 5px 0px 5px 0px;}
.forumexcerpt {border: 1px dashed #bbb; padding: 5px; background-color: #fff; color: #555;}
.forumsrw {background-color: #fff; padding: 0px 10px 8px 28px;}
.forumsrb {background-color: #f3f3ff; padding: 0px 10px 8px 28px;}

.errorouterbox {width: 80%; text-align: left; border: 1px solid #db3;}
#errorname {font-weight: bold; padding: 10px 10px 0px 0px;}
#erroricon {margin: 10px;}
.errorinsertbox {margin: 10px 10px 10px 0px; padding: 10px; text-align: left; border: 1px solid #000;}
.ncodetable {text-align: left; border: 1px solid #bbb; background-color: #ffffe8; color: #000; cursor: pointer; text-decoration: none;}
.ncodeimg {padding: 5px;}
.ncodecell {font-size: 10px; vertical-align: middle;}


/* old features */
img.star {margin: 0px 1px 0px 1px;}
.clickerlistleft, .clickerlistright {font-size: 90%; vertical-align: top;}
.clickerresultsleft { font-size: 90%; text-align: right; vertical-align: top; background-color: #eee; padding: 2px 10px 2px 10px;}
.clickerresultsright { font-size: 90%; text-align: center; vertical-align: middle; background-color: #fff; background-image: url(/features/w-g-h.gif); background-position: bottom; background-repeat: repeat-x; padding: 3px 10px 3px 10px;}
.clickerresultsleftcomp { font-size: 74%; font-weight: bold; text-align: right; vertical-align: top; background-color: #eee; padding: 1px 10px 2px 10px;}
.clickerresultscomparison { font-size: 74%; text-align: center; vertical-align: middle; background-color: #fff; background-image: url(/features/w-g-h1.gif); background-position: bottom; background-repeat: repeat-x; padding: 2px 5px 2px 5px;}
.clickersection { font-size: 74%; font-weight: bold; text-align: center; padding: 4px 10px 4px 10px;}
.clickercomsection { font-size: 74%; text-align: center; font-weight: bold; color: #008; background-color: #d5d5d5; padding: 4px 5px 4px 5px;}
.clickerformright {background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.ureviewindexbrand { font-size: 74%; color: #000; background-color:#eaeaea;}
.ureviewindexheader {font-size: 90%; font-weight: bold; text-align: left; color: #008; background-color: #d5d5d5; padding: 4px 15px 4px 10px;}
.ureviewindexmodel {font-size: 90%; background-color: #eee; vertical-align: top; padding: 3px 15px 3px 30px;}
.ureviewindexstars {padding: 5px 20px 5px 20px; vertical-align: top;}
.ureviewindexcount { font-size: 90%; color: #5000b3; vertical-align: top; padding: 3px 15px 3px 0px; background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.ureviewpagetopbg {background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y; padding: 10px;}
.ureviewpagename {font-size: 90%; padding: 4px 10px 4px 10px;}
.ureviewpageleft {width: 25%; text-align: right; font-size: 90%; font-weight: bold; background-color: #eee; vertical-align: top; padding: 3px 10px 3px 10px;}
.ureviewpageright, .ureviewpagebottom {width: 75%; font-size: 90%; vertical-align: top;}
.ureviewpageright {padding: 3px 10px 3px 10px;}
.ureviewpagebottom {padding: 3px 10px 10px 10px;}
.ureviewpagebotstars {font-size: 90%; font-weight: bold}
.ureviewpagetopname {font-size: 90%; color: #fff; text-align: center; background-color: #55a; padding: 5px 10px 5px 10px;}
.ureviewpagedata { font-size: 74%; font-weight: bold; text-align: center; background-color: #ddd; padding: 3px 10px 3px 10px;}
.ureviewpagedata2 { font-size: 74%; font-weight: bold; text-align: center; background-color: #eee; padding: 3px 15px 5px 15px;}
.dvddemotitle {font-size: 95%; font-weight: bold; color: #5000b3;}
.dvddemoleft {width: 33%; vertical-align: top; background-color: #eee; padding: 5px 10px 5px 10px;}
.dvddemomid {width: 18%; font-size: 90%; vertical-align: top; text-align: right; font-weight: bold; padding: 5px 0px 5px 10px;}
.dvddemoright {width: 49%; font-size: 90%; vertical-align: top; padding: 5px 10px 5px 10px;}


/* old file area */
.maintable {background-color: #ffd739;}
.maintablepad {background-color: #fff; padding: 1px;}
.whereweareback {background-color: #fff; background-image: url(/files/w-y.gif); background-position: right; background-repeat: repeat-y; padding: 3px 3px 5px 3px;}
.brandindexcol1, .brandindexcol2, .brandindexcol3, .filedltop {vertical-align: top; background-color: #fff; background-image: url(/files/w-g.gif); background-position: right; background-repeat: repeat-y;}
.brandindexcol1 {width: 100%; text-align: center; padding: 10px;}
.brandindexcol2 {width: 50%; text-align: left; padding: 10px 25px 10px 25px;}
.brandindexcol3 {width: 33%; text-align: left; padding: 10px;}
.rightindexad {background-color: #f0f0f0; vertical-align: top; padding: 10px 8px 10px 8px;}
.searchbar { font-size: 74%; vertical-align: bottom; color: #000; padding: 0px 5px 3px 5px;}
.smallblue { font-size: 74%; text-align: left; font-weight: bold; color: #008;}
.smallblue2 {font-size: 90%; text-align: center; font-weight: bold; color: #008;}
.filetoptitle {font-size: 95%; text-align: center; color: #000; padding: 2px 0px 2px 0px; font-weight: 900;}
.topaddon {font-size: 90%; background-color: #eaeaea; font-weight: bold; text-align: center; color: #000; padding: 3px;}
.topaddongrey {font-size: 90%; color: #444;}
.topaddonbig-l { font-size: 90%; vertical-align: middle; color: #be9e20; background-color: #ffe477; padding: 6px 10px 10px 8px; text-align: center;}
.topaddonbig-r { font-size: 90%; vertical-align: middle; background-color: #ddf; padding: 6px 10px 10px 8px; text-align: center;}
.bottomaddon {background-color: #eaeaea; color: #000; font-size: 90%; text-align: center; padding: 3px 0px 5px 0px;}
.filetablestructure {background-color: #fff; vertical-align: top;}
.fileindexfolder {width: 11%; text-align: center; vertical-align: top; background-color: #eaeaea; padding: 7px 0px 5px 0px;}
.fileindexlist {font-size: 90%; vertical-align: top; background-color: #fff; background-image: url(/files/g-w.gif); background-position: top right; background-repeat: no-repeat; padding: 10px 10px 10px 12px;}
.filearrow {width: 19px; background-color: #fff; vertical-align: top; padding: 14px 0px 0px 10px;}
.filesection {background-color: #fff; vertical-align: top; padding: 10px 10px 10px 7px;}
.filesectionyellow {background-color: #fff; vertical-align: top; background-image: url(/files/w-y-c.gif); background-position: top right; background-repeat: no-repeat; padding: 10px 10px 10px 7px;}
.filecounts {font-size: 90%; color: #666; font-weight: bold;}
.fileheader {font-size: 90%; color: #5000b3; font-weight: bold; text-align: center; background-color:#eaeaea; padding: 3px 0px 4px 0px; vertical-align: top;}
.filematchleft { font-size: 90%; background-color: #eaeaea; padding: 5px 5px 7px 5px; vertical-align: top;}
.filematchright {font-size: 90%; background-color: #fff; padding: 5px 10px 7px 10px; vertical-align: top;}
.filedescbottom { font-size: 90%; background-color: #fef;}
.filevoteform {font-size: 90%; background-color: #fff; vertical-align: top;}
.filemodelname {font-size: 120%; font-weight: bold; color: #083;}
.downloadlink {font-size: 120%; text-align: center; font-weight: bold;}
.downloadbar {font-size: 120%; text-align: center; font-weight: bold;}
.copyclipboard {font-size: 90%; color: #666;}
.copyclipboard A:link, .copyclipboard A:visited, .copyclipboard A:hover, .copyclipboard A:active {color: #666;}
.hexcodes {font-size: 74%; font-weight: bold; font-family: var(--font-mono);}
.showemail { font-size: 20px; font-weight: bold; text-align: center; margin: 20px 0px 25px 0px;}
.filecomponents {font-weight: bold; text-align: center; color: #083;}
.componentmodel {font-size: 90%; color: #666; vertical-align: top; padding: 0px 0px 0px 10px;}
.componenttype {font-size: 90%; font-weight: bold; color: #5000b3; text-align: left; vertical-align: top;}
.filedetails {font-size: 90%; color: #000; text-align: left; vertical-align: top; padding: 0px 10px 5px 10px;}
.fileindextitle { font-size: 19px; text-align: center; vertical-align: middle; font-weight: bold; padding: 4px 12px 5px 12px;}
.fileindexdesc { color: #000; font-size: 15px; text-align: center; vertical-align: middle;}
.newfiles {color: #083;}

.bluetext {color: #5000b3;}
.darkbluetext {color: #008;}
.redtext {color: #f00;}
.greytext {color: #666;}
.darkgreytext {color: #444;}
.whitetext {color: #fff;}
.yellowtext {color: #ff0;}
.greentext {color: #080;}
.blacktext {color:#000;}