/* Rowdy 2.0 */
/* Global HTML Tag STYLE Declaration */
* { font: normal 12px/15px Arial, Helvetica, sans-serif; color: #ccc; line-height: 100%; padding: 0; margin: 0; border: none; border-collapse: collapse; border-spacing: 0; list-style: none; }
body { background: #010101 url("/themes/default/bg_main.jpg") top center; margin: 0 auto; width: 1030px; }
a { color: #cf3; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin-bottom: 12px; }
b, strong { font-weight: bold; }
.forum h2 a {position:relative; top:28px; float:left;} /*vlad nov 6 07*/
h1, h1 a { font-size: 20px; line-height: 23px; color: #ffffcc; text-transform: uppercase; margin: 0 0 0 0; margin-bottom: 0px; font-weight: 600}
h2, h2 a { font-size: 18px; line-height: 20px; color: #ccc; font-weight: normal; }
h3, h3 a { font-size: 14px; line-height: 20px; color: #ccc; font-weight: normal; }
h4, h4 a { font-size: 12px; line-height: 20px; color: #ccc; font-weight: normal; margin-bottom: 3px; }
h5, h5 a { font-size: 1px; line-height: 1px; color: #ccc; margin: 0 0 0 0; margin-bottom: 12px; font-weight: normal; border-bottom: solid 1px #cf3; }
h6, h6 a { font-size: 1px; line-height: 1px; color: #ccc; margin: 0 0 0 0; margin-bottom: 12px; font-weight: normal; border-bottom: solid 1px #535353; }
p, p span { line-height: 160%; float: left; display: inline; }
hr { clear: both; height: 1px; background-color: #ccc; color: #ccc; }
hr.verticalSpace { margin-top: 10px; margin-bottom: 10px; }
.small { font-size: 10px; line-height: 13px; }
/* Colors */
a.white, .white, .white a, .white li a { color: #ccc; }
a.blue, .blue, .blue a, .blue li a { color: #09f; }
a.black, .black, .black a, .black li a { color: #333; }
a.red, .red, .red a, .red li a { color: #900; }
a.green, .green, .green a, .green li a { color: #cf3; }
/* Links */
.link_li_blue, .link, .submit, .close, .flag, .prev, .add { background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 10px; line-height: 9px; text-transform: uppercase; white-space: nowrap; background-position: 100% 0px; padding: 0 16px 0 0; float: left; display: inline; }
.table_header { font-family: Arial, sans-serif; font-size: 10px; line-height: 9px; text-transform: uppercase; white-space: nowrap; background-position: 100% 0px; padding: 0 16px 0 0; float: left; display: inline; }
.crowdadd { background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 10px; line-height: 9px; text-transform: uppercase; white-space: normal; padding: 0 16px 0 0; background-position: 100% 0px; float: left; display: inline; }
.close { background-position: 100% -150px; }
.flag { background-position: 100% -00px; }
.prev { padding: 0 0 0 16px; background-position: 0 -50px; }
div.prev { padding: 0; background: none; } /* fix the .prev divs */
.add { padding: 0 0 0 16px; background-position: 0 -200px; }
.link_li_blue { padding: 0 0 0 16px; background-position: 0 -30px; }
.inline { line-height: 140%; }
.nohover:hover { text-decoration: none; }
/* Text Sizes */
.extemelylargeText, .extemelylargeText * { font-size: 23px; }
.verylargeText, .verylargeText * { font-size: 18px; }
.largeText, .largeText * { font-size: 14px; }
.mediumText, .mediumText * { font-size: 12px; }
.smallText {font-size: 9px }
/* Alignment */
.right { float: right; display: inline; }
.left { float: left; display: inline; }
.bottomLeft { position: absolute; bottom: 8px; left: 10px; }
.bottomRight { position: absolute; bottom: 8px; right: 10px; }
.topLeft { position: absolute; top: 8px; left: 10px; }
.topRight { position: absolute; top: 8px; right: 10px; }
* html .topRight{right:35px;}/*vlad nov 6 07*/
.block a.bottomRight { right: 3px; bottom: 3px; } .block a.bottomRight:hover { text-decoration: none; }
.flushBottomLeft { position: absolute; left: 0; bottom: 0; }
.flushBottomRight { position: absolute; right: 0; bottom: 0; }
.flushTopLeft { position: absolute; left: 0; top: 0; }
.flushTopRight { position: absolute; right: 0; top: 0; }
.clear { clear: both; }
.center { text-align: center; }
.newbrandingheader { width: 1030px; left: 20px; }
/* Fix: Link selector overlap */
.module div.next { width: 40%; position: absolute; bottom: 8px; right: 15px; float: right; }
.module div.next a { background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 10px; line-height: 9px; text-transform: uppercase; white-space: nowrap; background-position: 100% 0px; padding: 0 16px 0 0; float: right; }
.module div.prev { width: 40%; position: absolute; bottom: 8px; left: 15px; float: left; }
.module div.prev a { background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 10px; line-height: 9px; text-transform: uppercase; white-space: nowrap; background-position: 0 -50px; padding: 0 0 0 16px; float: left; }
/* Rows, Paragraphs & Blockquotes */
.row p { margin-bottom: 0; padding-bottom: 0; }
.paragraphs p { margin-bottom: 12px; }
.paragraph { padding-bottom: 18px; line-height: 140%; } .paragraph * { line-height: 140%; }
.solid { float: none; display: block; position: relative; } .solid * { line-height: 140%; }
.paragraph .bottomRight { bottom: 0px; right: 0px; }
.padding { padding: 10px 20px; float: left; display: inline; position: relative; }
* html .padding { padding: 10px 17px;} /*vlad nov 6 07*/
.row .padding { padding: 0px 20px; }
.blockquote { background: #02314f url("bg_global_gradient.png") repeat-x 0 0; }
.blockquote .padding { padding-top: 6px; padding-bottom: 6px; }
.paragraph .thumb { margin: 0 20px 0 0; float:left}
.thumb-comment { margin: 0 20px 0 0; float:left; width:100px; display:block }
.howthingstitle { font-size: 13px; height: 80px; width: 305px; font-family: arial; font-weight: bold; font-color: #fff; }
.howthings { font-size: 11px; font-family: arial; font-weight: bold; font-color: green; }
/* Form Elements */
input, textarea, select { font: normal 11px Arial, Helvetica, sans-serif; color: #cf3; margin: 0; height: 18px; line-height: 100%; width: 150px; background: #0f3d5c; }
input, select, option { color:#fff;}
.textbox, .password, textarea, select { border: 1px solid #09f; padding: 2px 0 0 3px; }
.textbox { font-size: 13px; height: 16px; }
textarea { font-size: 13px; line-height: 140%; }
.checkbox { width: 13px; height: 13px; background: none; }
.radio { width: auto; height: auto; background: none; }
label { position: relative; height: 20px; float: left; display: inline; }
label .label { position: absolute; top: 4px; left: 5px; z-index: 1; font: normal 11px Arial, Helvetica, sans-serif; }
/* Structural */
.wrapper { width: 980px; background: #000000; border-left: 10px solid #515151; border-right: 10px solid #515151; text-align: left; margin: 0 auto; }
* html .wrapper { overflow: hidden; }
.wrapper .gradient { background: url("/themes/default/bg_gradient.jpg") repeat-y 35px 0; position: relative; left: -35px; width: 1050px; }
/* Header */
.header, .header * { float: left; display: inline; position: relative; }
.header { width: 1030px; margin: 0 0 0 15px; }
.header .logo { width: 415px; margin-top: 7px; margin-bottom: 7px; margin-left: 35px; }
.header .logo #logo { width: 398px; height: 75px; background: url("/themes/default/rowdy_logo_3.png") no-repeat; cursor: pointer; }
* html .header .logo #logo { background-image: url("/themes/default/ie6/rowdy_logo.png"); }
/* This hack crashes IE-6 with Rails' Javascript
* html .header .logo #logo { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="themes/default/rowdy_logo.png",sizingMethod='scale'); }*/
.header .midSection { width: 390px; height: 77px; overflow: hidden; }
.header .midSection .textbox { margin-bottom: 10px; margin-right: 6px; width: 112px; }
.header .midSection .welcome { position: absolute; top: 28px; left: 0; }
.header .midSection .welcome h2 { width: 360px; top: 11px; }
.header .midSection .welcome .login { position: absolute; top: 11px; left: 0; width: 390px; } /* adjust the login box down to line-up with logo */
.header .midSection .welcome .loginButton { top: -2px; }
.header .midSection .pwForgot { position: absolute; top: 24px; left: 123px; text-transform: uppercase; font-size: 9px; color: #cf3; line-height: 10px; white-space: nowrap; }
.header .midSection .pw { position: absolute; top: -12px; left: 123px; text-transform: uppercase; font-size: 9px; color: #09F; line-height: 10px; white-space: nowrap; }
.header .midSection .log { position: absolute; top: -12px; left: 0px; text-transform: uppercase; font-size: 9px; color: #09F; line-height: 10px; white-space: nowrap; }
.header .midSection .rmLog { position: absolute; top: 24px; left: 18px; text-transform: uppercase; font-size: 9px; color: #09F; line-height: 10px; white-space: nowrap; }
.header label { position: absolute; top: 0; left: 0; }
.hello { position: absolute; top: 23px; left: 1px; width: 12px; height: 12px; padding: 0; margin: 0px; text-indent: 0; background-color: transparent;}
.dfHello{position: absolute; top: 19px; left: -69px; padding:0; margin:0px; text-indent:0; background-color:transparent;}
.dfLog {position: absolute; top: 19px; left: 20px; padding:0; margin:0px; text-indent:0; background-color:transparent;}
.header .rightSection { height: 77px; }
.header .rightSection .searchBar { width: 180px; height: 70px; position: absolute; top: 7px; }
.header .rightSection .searchBar .textbox { width: 130px; background: #004f83; color: #ccc; }
.header .rightSection .searchBar .submitButton { top: 5px; left: 135px; }
.header .rightSection .house_160x20 { width: 180px; margin-bottom: 11px; position: absolute; bottom: 7px; }
.header .welcome .link { top: 4px; }
.header .navSection { clear: left; width: 790px; }
.header .hdrNav { position: absolute; top: 7px; }
.header .topNav { width: 890px; height: 28px; }
.header .subNav { width: 760px; height: 30px; left: 30px; clear: left; white-space: nowrap; }
.header .newsubNav { width: 890px; margin-top: 10px; margin-left: 75px; }
.newsubNav li .searchBar { width: 175px; position: absolute; margin-left: 15px; top: -3px; }
.newsubNav li .searchBar .textbox { width: 130px; background: #004f83; color: #ccc; }
.newsubNav li .searchBar .submitButton { top: 5px; left: 130px; }
.welcome { position: absolute; top: 15px; left: 0; margin-left: 760px; }
.welcome h2 { width: 200px; top: 3px; }
.welcome .prompt { font-weight: bold; color: #cf3; margin-bottom: 5px; }
.welcome .link { margin-bottom: 8px; margin-top: 2px; }
.welcome .login { position: absolute; left: 0; width: 390px; } /* adjust the login box down to line-up with logo */
.welcome .loginButton { top: -2px; }
/* Navigation types */
/* Main navigation buttons */
.topNav li span a:hover { text-decoration: underline; color: #000; }
.topNav li span { background: url("navs.png") no-repeat 0 -23px; padding-left: 20px; margin-left: -8px; }
.topNav li span a { background: url("navs.png") no-repeat 100% 0; height: 23px; padding: 0 25px 0 0; line-height: 23px; font-size: 11px; color: #000; font-weight: bold; text-transform: uppercase; font-style: italic; }
.topNav li span.active { background-position: 0 -69px; top: 3px; }
.topNav li span.active a { background-position: 100% -46px; }
.topNav li span.first { margin-left: 0; }
.topNav li.yellow span { background-position: 0 -115px; }
.topNav li.yellow span.active { background-position: 0 -161px; }
.topNav li.yellow span a { background-position: 100% -92px; }
.topNav li.yellow span.active a { background-position: 100% -138px; }
/* links under the main site buttons */
.subNav a { text-transform: uppercase; font-weight: bold; font-style: italic; padding: 0 7px 0 8px;}
.subNav a.active {text-decoration: underline;}
.newsubNav a { text-transform: uppercase; font-weight: bold; padding: 0 7px 0 12px;}
.newsubNav a.active {text-decoration: underline;}
/* Advertise, Contact, About, Help, Logout */
.hdrNav li { margin-right: 10px; }
.hdrNav li a { background-position: 0 0; padding: 0 0 0 16px; }
/* Bucket Navigation - commonly used as module headers */
.bucketNav, .bucketSubNav { width: 100%; border-bottom: solid 1px #cf3; margin-bottom: 6px; float: left; display: inline; position: relative; }
.bucketNoLine { width: 200px; margin-bottom: 6px; float: left; display: inline; position: relative }
.bucketNoLine a, span { font-size: 10px; text-transform: uppercase; font-family: Arial, sans-serif; }
.bucketnoLine a.active {text-decoration: underline;}
.bucketSubNav { border: none; }
.bucketNav *,
.bucketSubNav * { font-size: 10px; text-transform: uppercase; font-family: Arial, sans-serif; }
.bucketSubNav li,
.bucketNav li { float: left; display: inline; padding-top: 2px; padding-bottom: 1px; height: 10px; }
/* html .bucketNav li { padding-bottom: 1px; } *//* fix the one pixel line-height discrepency */
.bucketSubNav li a,
.bucketSubNav li span,
.bucketNav li a,
.bucketNav li span { font-size: 10px; color: #ccc; line-height: 9px; padding: 0 6px; margin: 0 0 2px 0; text-transform: uppercase; white-space: nowrap; float: left; display: inline; }
.bucketNav li a.link, .bucketSubNav li a.link,
.bucketNav li a.close, .bucketSubNav li a.close,
.bucketNav li a.flag, .bucketSubNav li a.flag,
.bucketNav li a.add, .bucketSubNav li a.add { padding-right: 16px; padding-left: 6px; }
.bucketNav li a.green, .bucketSubNav li a.green, .bucketNav li span.green, .bucketSubNav li span.green { color: #cf3; }
.bucketNav li a.blue, .bucketSubNav li a.blue, .bucketNav li span.blue, .bucketSubNav li span.blue { color: #09f; }
.bucketNav li a.prominent { font-weight: bold; /*margin-bottom: -1px;*/ }
.bucketNav li a:hover { text-decoration: none; color: #cf3; }
.bucketNav li.left { float: left; display: inline; }
.bucketNav li.right, .bucketSubNav li.right { float: right; display: inline; }
.bucketSubNav li a.first,
.bucketSubNav li span.first,
.bucketNav li a.first,
.bucketNav li span.first { padding-left: 0; }
.bucketSubNav li a.last,
.bucketSubNav li span.last,
.bucketNav li a.last,
.bucketNav li span.last { padding-right: 0; }
.bucketNav li.active { background: #cf3; }
.bucketNav li.active a,
.bucketNav li.active span { color: #000; padding: 0 6px; }
.bucketSubNav { line-height: 9px; margin-bottom: 6px; margin-top: -5px; }
.bucketNav li a.link, .bucketSubNav li a.link,
.bucketNav li a.close, .bucketSubNav li a.close,
.bucketNav li a.flag, .bucketSubNav li a.flag { padding-right: 16px; }
.bucketNav li a.prev, .bucketSubNav li a.prev,
.bucketNav li a.add, .bucketSubNav li a.add { padding-left: 16px; }
.bucketNav li .h1 { font-size: 23px; line-height: 23px; }
.bucketNavTitle li { height: 23px; }
.bucketNavTitle li span,
.bucketNavTitle li a { margin-top: 13px; }
.bucketNavTitle li .h1 { height: 23px; margin-top: 0; padding: 0; }
.bucketNoLine { font-size: 10px; text-transform: uppercase; font-family: Arial, sans-serif; }
.bucketNoLine li { float: left; display: inline; padding-top: 2px; padding-bottom: 1px; height: 10px; }
/* html .bucketNav li { padding-bottom: 1px; } *//* fix the one pixel line-height discrepency */
.bucketNoLine li a,
.bucketNoLine li span { font-size: 10px; color: #ccc; line-height: 9px; padding: 0 6px; margin: 0 0 2px 0; text-transform: uppercase; white-space: nowrap; float: left; display: inline; }
.bucketNoLine li a.link,
.bucketNoLine li a.close,
.bucketNoLine li a.flag,
.bucketNoLine li a.add { padding-right: 16px; padding-left: 6px; }
.bucketNoLine li a.green, .bucketSubNav li a.green, .bucketNav li span.green, .bucketSubNav li span.green { color: #cf3; }
.bucketNoLine li a.blue, ..bucketNoLine li span.blue, { color: #09f; }
.bucketNoLine li a.prominent { font-weight: bold; /*margin-bottom: -1px;*/ }
.bucketNoLine li a:hover { text-decoration: none; color: #cf3; }
.bucketNoLine li.left { float: left; display: inline; }
.bucketNoLine li.right { float: right; display: inline; }
.bucketNoLine li a.first,
.bucketNoLine li span.first,
.bucketNoLine li a.first,
.bucketNoLine li span.first { padding-left: 0; }
.bucketNoLine li a.last,
.bucketNoLine li span.last { padding-right: 0; }
.bucketNoLine li.active { background: #cf3; }
.bucketNoLine li.active a,
.bucketNoLine li.active span { color: #000; padding: 0 6px; }
.bucketNoLine li a.link,
.bucketNoLine li a.close,
.bucketNoLine li a.flag { padding-right: 16px; }
.bucketNoLine li a.prev,
.bucketNoLine li a.add { padding-left: 16px; }
.bucketNoLine li .h1 { font-size: 23px; line-height: 23px; }
/* Error Elements */
.fieldWithErrors textarea, .fieldWithErrors select, .fieldWithErrors input { border: 1px solid #900; background-color: #966; }
.error_msg { position: absolute; margin: -14px 0 0 0; left: 0px; width: 200px; height: 10px; background-color: transparent; color: #f33; text-transform: uppercase; font-size: 10px; line-height: 100%; }
.below { margin: 0; bottom: -14px; }
.above { margin: 0; top: -14px; }
/* Thumbnail Frames */
.thumb { float: left; display: inline; position: relative; padding: 0 0 4px 4px; width: 50px; height: 50px; background: url("frames.png") no-repeat 0px -1px; margin: 0 20px 20px 0; }
.thumbNoBorder { float: left; display: inline; position: relative; padding: 0 0 4px 4px; width: 50px; height: 50px; background-image: none; margin: 0 20px 20px 0; }
.thumb .radio, .thumbNoBorder .radio { position: absolute; left: -20px; top: 50%; margin-top: -5px; }
.thumb .overlay,
.thumb .overlayText { float: left; display: inline; position: absolute; top: 0; right: 0; height: 50px; width: 50px; cursor: pointer; }
.thumb .overlay { /* background: #CF3; filter: alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; z-index: 1; */ }
.thumb .overlayText { height: 46px; width: 46px; overflow: hidden; right: 2px; top: 2px; font-size: 9px; line-height: 11px; text-transform: uppercase; font-weight: bold; color: #000; z-index: 2; vertical-align: bottom; }
.thumb:hover { text-decoration: none; }
/* IMU Ads */
.imu_468x60 { width: 468px; height: 60px; }
.imu_300x250 { width: 300px; height: 250px; z-index: 2; }
.imu_160x600 { width: 160px; height: 600px; }
.imu_728x90 { width: 728px; height: 90px; }
.imu_160x90 { width: 160px; height: 90px; }
.imu_300x250, .imu_160x600, .imu_160x90 { position: relative; left: -25px; }
/*.imu_300x250 { top: -5px; }*/
.imu_300x250 .frame { width: 305px; height: 255px; background: url("frames.png") no-repeat 0 -995px; z-index: -1; position: absolute; left: -5px; top: 0; }
.imu_180x150 { width: 180px; height: 150px; z-index: 2; }
.imu_180x150 .frame { width: 185px; height: 155px; background: url("frames.png") no-repeat 0 -500px; z-index: -1; position: absolute; left: -5px; top: 0; }
/* House Ads */
.house_80x120 { width: 80px; height: 120px; }
.house_160x20 { width: 160px; height: 20px; }
.house_330x160 { width: 330px; height: 160px; }
.house_330x100 { width: 330px; height: 100px; }
.house_330x70 { width: 330px; height: 70px; }
.house_155x160 { width: 155px; height: 160px; }
.house_180x150 { width: 180px; height: 150px; }
.house_330x350 { width: 330px; height: 350px; }
/* Support RainTraffic Ad Handler */
/*
.imu_468x60 *, .imu_300x250 *, .imu_160x600 *, .imu_728x90 *, .imu_180x150 *, .imu_160x90 *,
.house_80x120 *, .house_160x20 *, .house_330x160 *, .house_330x70 *, .house_155x160 * { width: 100%; height: 100%; position: absolute; top: 0; left: 0; float: left; display: inline; position: relative; }
*/
/* Module Definitions */
.module { position: relative; padding: 0 0px 0px; margin: 0 10px 20px; }
.module .head { height: 20px; background: url("module_bg.png") no-repeat -20px 0; position: relative; }
.module .head div { width: 20px; height: 20px; background: url("module_bg.png") no-repeat 0 0; position: absolute; top: 0; right: -20px;}
.module .foot { height: 20px; background: url("module_bg.png") no-repeat -20px -20px; position: relative; clear: both; }
.module .foot div { width: 20px; height: 20px; background: url("module_bg.png") no-repeat 0 -20px; position: absolute; top: 0; right: -20px; }
.module .body { background: #050505 url("module_bg.png") repeat-y -1000px 0; border-right: 1px solid #666; padding: 0 20px; float: left; display: inline; }
.module .container { width: auto; background: transparent; }
.module .podcontainer { width: 250; height: 350 }
.module .containergame { background: #050505 url("module_bg.png") repeat-y -1000px 0; border-right: 1px solid #666; width: auto; }
.halfblue .head { background-position: -20px -40px; }
.halfblue .head div { background-position: 0 -40px; }
.halfblue .foot { background-position: -20px -60px; }
.halfblue .foot div { background-position: 0 -60px; }
.halfblue .body { background-position: -2000px 0; }
.blue .head { background-position: -20px -80px; }
.blue .head div { background-position: 0 -80px; }
.blue .foot, .module .blue { background-position: -20px -100px; }
.blue .foot div, .module .blue div { background-position: 0 -100px; }
.blue .body, .module .blue { background-position: -3000px 0; }
/* Right Column Adjustments */
.creep_up_65 { margin-top: -65px; position: relative; }
/* Sizes */
.massive { width: 930px; }
.massive .head, .massive .foot{ width: 910px; }
.massive .container { width: 889px; }
.veryfat { width: 830px; }
.veryfat .head, .veryfat .foot{ width: 810px; }
.veryfat .container { width: 789px; }
.fat { width: 680px; }
.fat .head, .fat .foot{ width: 660px; }
.fat .container { width: 639px; }
.skinny { width: 330px; }
.skinny .head, .skinny .foot{ width: 310px; }
.skinny .container { width: 289px; }
.veryskinny { width: 180px; }
.veryskinny .head, .veryskinny .foot{ width: 160px; }
.veryskinny .container { width: 139px; }
.short .body { height: 310px; }
.veryshort .body { height: 200px; }
.halfshort .body { height: 130px; }
.threequartershort .body { height: 220px; }
.short .container { height: 302px; overflow: hidden; }
.short .scrollcontainer { position: relative; height: 250px; width:300; overflow-x:hidden; overflow-y:scroll }
.shorter .container { height: 298px; overflow: hidden; }
.shortest .container { height: 167px; overflow: hidden; }
.flashgamemodule .container { height: 405px; overflow: hidden; }
.flashgamemoduletall .container { height: 502px; overflow: hidden; }
.threequartershort .container { height: 212px; overflow: hidden; }
.halfshort .container { height: 118px; overflow: hidden; }
/* Module containers */
.module .leftCol { position: relative; float: left; display: inline; width: 160px; }
.module .rightCol { position: relative; float: left; display: inline; left: 39px; top: 0; }
.fat .rightCol { width: 440px; }
.veryfat .rightCol { width: 590px; }
* html .veryfat .rightCol {width: 624px;}/*vlad nov 6 07*/
.veryfat .rightCol .main .row * { line-height: 120%; }
.veryfat .rightCol .main .row .bucketNav * { line-height: 100%; } /* don't mess with the bucketNav's line-height */
.veryshort .rightCol { left: 10px; width: 470px; }
.veryshort .rightCol .padding { padding: 10px 10px 10px; }
.skinny .row { padding: 0; height: 62px; overflow: hidden; white-space: nowrap; }
.skinny .row .thumb { margin: 0px 10px 0 0; }
.leftBox { width:70px;}
.middleBox {width:420px;}
.rightBox { width:130px;}
.promoBox { width:639px; height:618px; background-image: url('trivia_landing_bg.png') no-repeat 0 0; position: absolute; top: 10px; left: 10px }
/* gradient section in the large modules */
.main { float: left; display: inline; position: relative; left: -19px; background: #2275AC url("bg_global_gradient.png") repeat-x 0 100%; }
.mainblack
* html .main{left: -24px;} /*vlad nov 6 07*/
.fat .rightCol .main { width: 479px; }
.veryfat .rightCol .main { width: 629px; }
*html .veryfat .rightCol .main { width: 624px; }/*vlad nov 6 07*/
.main .bucketNav { margin-top: 6px; }
.row { float: left; clear: both; position: relative; width: 99%; display: inline; padding: 10px 0; }
.pagerow { float: left; clear: both; position: relative; width: 99%; display: inline; }
.row .bucketNav { clear: both; }
/* no gradient in the large modules */
.mainblack { float: left; display: inline; position: relative; left: -19px; background: #000000; }
/* Flash Areas - must come after the .module element */
.flashHero { width: 680px; height: 240px; clear: left; margin-top: 0px; right: 0; border-bottom: none; }
.flashPlayer,
.flashPlayerHome { width: 325px; /* long version = height: 405px;*/ height: 265px; margin-top: -15px; right: 25px; }
.flashPlayer .whiteline,
.flashPlayerHome .whiteline { float: left; display: inline; overflow: hidden; width: 325px; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #ccc; }
.flashPlayerHome { } /* margin-top: 40px; is a good height if the flash is only 272px tall! */
/* if you want the player in a module box
.flashPlayerHome .body,
.flashPlayer .body { height: 265px; width: 329px; padding: 0; }
.flashPlayer,
.flashPlayerHome { width: 325px; height: 265px; margin-top: -65px; right: 0px; }
*/
/* imu adjustments */
.main .imu_468x60 { margin-left: -3px; }
.veryfat .rightCol .imu_468x60 { position: relative; float: none; display: block; clear: both; left: 40px; margin-bottom: 20px; }
.veryfat .rightCol .main .imu_468x60 { position: relative; float: none; display: block; clear: both; left: 103px; margin-bottom: 20px; width: 468px; height: 60px; overflow: hidden; }
/* Module elements */
.module h1 { margin: 0 0 5px 0; }
.module .rightCol h1 { clear: left; width: 100%; }
.module .thumb { margin: 20px 15px 14px 3px; }
.module .rightCol .thumb { margin: 0 19px 12px 0; }
.module .rightCol .thumbNoBorder { margin: 0 19px 12px 0; }
.module .container .frame { padding: 0 0 4px 4px; background: url("frames.png") no-repeat 0 -751px; margin: 6px 15px; float: left; display: inline; }
.module h2 a {color: #ccc;} .module h2 a:hover {color: #ccc;} .module h2 a:active {color: #cf3;}
.module h2.green a {color: #cf3;} .module h2.green a:hover {color: #cf3;} .module h2.green a:active {color: #ccc;}
.module .sponsor { position: absolute; top: -9px; right: 10px; width: 80px; height: 50px; overflow: visible; z-index: 1; }
.module .sponsor span { position: absolute; bottom: 2px; right: 10px; text-transform: uppercase; color: #555; font-size: 9px; font-family: Verdana, sans-serif; }
.module .answer { float: left; clear: left; position: relative; width: 80%; left: 5%; margin: 10px 10px 0px 0px; height:37px; }/*vlad nov 15 07*/
.module .answer input { position: absolute; left: -16px; }
.module .answer label {float: left; display: inline; clear: left; height:auto;}/*vlad nov 15 07*/
.module .row .thumb { margin: 2px 20px 0px 2px; }
.module .row .thumb { padding-bottom: 9px; }
.module .row .thumbNoBorder { margin: 2px 20px 9px 2px; }
.veryfat .rightCol .main .row .blog_date,
.fat .rightCol .row .blog_date { line-height: 28px; color: #ccc; }
/* Pagination */
* html ul.bucketSubNav, * html ul.bucketNav { width:97%;}/*vlad nov 6 07*/
ul.pagination li { float: left; display: inline; }
ul.pagination li a, ul.pagination li span { float: left; display: inline; font-size: 10px; line-height: 100%; padding: 0 12px; border-right: 1px solid #aaa; margin: 0; color: #cf3; text-transform: uppercase; }
ul.pagination li span { color: #ccc; }
ul.pagination li.first a, ul.pagination li.first span { padding-left: 20px; background: url("icons.gif") no-repeat 0 -49px; }
ul.pagination li.last a, ul.pagination li.last span { padding-right: 20px; background: url("icons.gif") no-repeat 100% 1px; border-right: none;}
ul.pagination li.active { background-color: transparent; }
ul.pagination li.active a, ul.pagination li.active span { color: #ccc; text-decoration: underline; }
/* Tables */
.modTable { overflow: hidden; background-color: #000; }
.modTable table { /*border-top: 1px solid #888;*/ width: 679px; background: url("bg_global_gradient.png") repeat-x 0 -9000px; margin-left: 1px; margin-top: 1px; }
.modFluidHeight, .modFluidHeight table { height: auto; }
.modTable td,
.modTable th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTable th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTable td { font-size: 95%; }
.modTable h2 { text-transform: uppercase; }
.modTableSchedule { overflow: hidden; background-color: #888; }
.modTableSchedule table { /*border-top: 1px solid #888;*/ width: 600px; background: url("bg_global_gradient.png") repeat-x 0 -8500px; margin-left: 1px; margin-top: 1px; }
.modFluidHeight, .modFluidHeight table { height: auto; }
.modTableSchedule td,
.modTableSchedule th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTableSchedule th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTableSchedule td { font-size: 95%; }
.modTableSchedule h2 { text-transform: uppercase; }
.modTableDriverList { overflow: hidden; background-color: #888; }
.modTableDriverList table { /*border-top: 1px solid #888;*/ width: 760px; background: url("bg_global_gradient.png") repeat-x 0 -9000px; margin-left: 1px; margin-top: 1px; }
.modTableDriverList td,
.modTableDriverList th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTableDriverList th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTableDriverList td { font-size: 95%; }
.modTableDriverList h2 { text-transform: uppercase; }
.modTableSmall { overflow: hidden; background-color: #888; }
.modTableSmall table { /*border-top: 1px solid #888;*/ width: 260px; background: url("bg_global_gradient.png") repeat-x 0 -9000px; margin-left: 1px; margin-top: 1px; }
.modTableMedium { overflow: hidden; background-color: #000000; }
.modTableMedium table { /*border-top: 1px solid #888;*/ width: 600px; margin-left: 1px; margin-top: 1px; }
.modTableCrowd { overflow: hidden; background-color: #000000; }
.modTableCrowd table { /*border-top: 1px solid #888;*/ width: 560px; margin-left: 1px; margin-top: 1px; }
.modFluidHeight, .modFluidHeight table { height: auto; }
.modTableMedium td,
.modTableMedium th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTableMedium th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTableMedium td { font-size: 95%; }
.modTableMedium h2 { text-transform: uppercase; }
.modTableSmall td,
.modTableSmall th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTableSmall th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTableSmall td { font-size: 95%; }
.modTableSmall h2 { text-transform: uppercase; }
.modTableCrowd td,
.modTableCrowd th { border: 1px solid #888; text-align: left; padding: 3px 6px; }
.modTableCrowd th { border-top: 0; border-bottom: 0; color: #cf3; text-transform: uppercase; }
.modTableCrowd td { font-size: 95%; }
.modTableCrowd h2 { text-transform: uppercase; }
/* Verification / Captcha */
.verification .textbox { height: 38px; font-size: 36px; line-height: 100%; text-transform: uppercase; }
.verification img { width: 200px; height: 40px; position: absolute; left: 240px; bottom: 1px; border:#09f solid 1px; }
html>body .verification img{ position: absolute; left: 240px; bottom: 0;}
/* Comments */
.leaveComment { float: left; display: inline; position: relative; padding-bottom: 25px; padding-top: 10px; padding-left: 10px; padding-right: 10px; overflow: hidden; }
.leaveComment textarea, input { color: #ccc; }
.leaveComment .textbox { width: 100%; margin-bottom: 5px; }
.leaveComment textarea { width: 100%; height: 100px; margin-bottom: 5px; }
.leaveComment .verification { width: 100%; position: relative; }
.leaveComment .verification img { position: absolute; right: 0px; top: 2px; }
.leaveComment .error_msg { margin: 0 0 0 0; bottom: 9px; left: 120px; white-space: nowrap; overflow: visible; }
.leaveComment .bottomRight, .leaveComment .bottomLeft { width: 40%; }
.leaveComment .bottomRight a { float: right; margin-left: 10px; line-height: 9px; }
.leaveComment .bottomLeft a { float: left; margin-right: 10px; line-height: 9px; }
.leaveComment h3 { text-transform: uppercase; }
.leaveComment label { float: left; display: inline; position: relative; margin: 0 10px 5px 0; }
.leaveComment label input { float: left; display: inline; position: relative; margin: 0 10px 0 0; }
.leaveComment label span { float: left; display: inline; position: relative; top: 3px; margin-right: 10px; }
/* WallShouts */
.leaveShout { float: left; display: inline; position: relative; left: 163px; padding-bottom: 25px; padding-top: 10px; padding-left: 10px; padding-right: 10px; overflow: hidden; }
.leaveShout textarea, input { color: #ccc; }
.leaveShout .textbox { width: 100%; margin-bottom: 5px; }
.leaveShout textarea { width: 100%; height: 100px; margin-bottom: 5px; }
.leaveShout .verification { width: 100%; position: relative; }
.leaveShout .verification img { position: absolute; right: 0px; top: 2px; }
.leaveShout .error_msg { margin: 0 0 0 0; bottom: 9px; left: 120px; white-space: nowrap; overflow: visible; }
.leaveShout .bottomRight, .leaveComment .bottomLeft { width: 40%; }
.leaveShout .bottomRight a { float: right; margin-left: 10px; line-height: 9px; }
.leaveShout .bottomLeft a { float: left; margin-right: 10px; line-height: 9px; }
.leaveShout h3 { text-transform: uppercase; }
.leaveShout label { float: left; display: inline; position: relative; margin: 0 10px 5px 0; }
.leaveShout label input { float: left; display: inline; position: relative; margin: 0 10px 0 0; }
.leaveShout label span { float: left; display: inline; position: relative; top: 3px; margin-right: 10px; }
/* Comment deltas */
.fat .rightCol .leaveComment { width: 80%; margin: 5px 0 20px 9%; }
.veryfat .leaveComment { width: 80%; margin: 5px 0 20px 9%; }
/* Thread Boxes */
.threadBox { width: 289px; height: 63px; overflow: hidden; padding: 0; margin: 0px 0 0 0; clear: left; float: left; display: inline; position: relative; }
.threadBoxSmall { width: 250px; height: 30px; overflow: hidden; padding: 0; margin: 0px 0 0 0; clear: left; float: left; display: inline; position: relative; }
.threadBox p { width: 99%; line-height: 100%; font-size: 12px; height: 14px; white-space: nowrap; overflow: hidden; padding: 0; margin: 0; }
.threadBox p.title { font-size: 14px; font-weight: bold; height: 18px; line-height: 18px; margin-top: 5px; margin-bottom: 1px}
.threadBox span,
.threadBox a { line-height: 100%; color: #ccc; padding-right: 6px; margin-right: 6px; border-right: 1px solid #999; }
.threadBoxSmall a { line-height: 100%; color: #cf3; padding-right: 6px; margin-right: 6px; }
.threadBox a.last, .threadBox span.last { border-right: none; }
.threadBox p.title a { font-size: 14px; font-weight: bold; }
.threadBox p.title a,
.threadBox a.thumb { padding-right: 0; margin: 0; border-right: none; }
.threadBox .wrapper { width: 225px; margin: 0 0 0 10px; float: left; display: inline; position: relative; background: 0; border: 0; }
.threadBox a.link { color: #cf3; background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 9px; line-height: 8px; text-transform: uppercase; white-space: nowrap; background-position: 100% -10px; padding: 0 16px 0 0; }
.threadBox .meta a, .threadBox .meta span { color: #999; float: left; }
.threadBox .meta a.link,
.threadBox .meta a.prev,
.threadBox .meta a.close,
.threadBox .meta a.flag { margin-top: 2px; }
.threadBox a.more { border-bottom: 1px dotted #999; float: right; display: inline; padding-right: 0; }
.threadBox a.more:hover { border-bottom: 1px solid #999; text-decoration: none; }
/* Thread Boxes */
.threadBoxAlt { width: 300px; height: 63px; overflow: hidden; padding: 0; margin: 0px 0 0 0; clear: left; float: left; display: inline; position: relative; }
.threadBoxAlt p { width: 99%; line-height: 100%; font-size: 12px; height: 14px; white-space: nowrap; overflow: hidden; padding: 0; margin: 0; }
.threadBoxAlt p.title { font-size: 14px; font-weight: bold; height: 18px; line-height: 18px; margin-top: 5px; margin-bottom: 1px; }
.threadBoxAlt span,
.threadBoxAlt a { line-height: 100%; color: #ccc; padding-right: 6px; margin-right: 6px; border-right: 1px solid #999; }
.threadBoxAlt a.last, .threadBox span.last { border-right: none; }
.threadBoxAlt p.title a { font-size: 14px; font-weight: bold; }
.threadBoxAlt p.title a,
.threadBoxAlt a.thumb { padding-right: 0; margin: 0; border-right: none; }
.threadBoxAlt .wrapper { width: 200px; margin: 0 0 0 10px; float: left; display: inline; position: relative; background: 0; border: 0; }
.threadBoxAlt a.link { color: #cf3; background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 9px; line-height: 8px; text-transform: uppercase; white-space: nowrap; background-position: 100% -10px; padding: 0 16px 0 0; }
.threadBoxAlt .meta a, .threadBox .meta span { color: #999; float: left; }
.threadBoxAlt .meta a.link,
.threadBoxAlt .meta a.prev,
.threadBoxAlt .meta a.close,
.threadBoxAlt .meta a.flag { margin-top: 2px; }
.threadBoxAlt a.more { border-bottom: 1px dotted #999; float: right; display: inline; padding-right: 0; }
.threadBoxAlt a.more:hover { border-bottom: 1px solid #999; text-decoration: none; }
/* Thread Boxes */
.threadBoxWide { width: 450px; height: 63px; overflow: hidden; padding: 0; margin: 0px 0 0 0; clear: left; float: left; display: inline; position: relative; }
.threadBoxWide p { width: 99%; line-height: 100%; font-size: 12px; height: 14px; white-space: nowrap; overflow: hidden; padding: 0; margin: 0; }
.threadBoxWide p.title { font-size: 14px; font-weight: bold; height: 18px; line-height: 18px; margin-top: 5px; margin-bottom: 1px; }
.threadBoxWide span,
.threadBoxWide a { line-height: 100%; color: #ccc; padding-right: 6px; margin-right: 6px; border-right: none; }
.threadBoxWide a.last, .threadBoxWide span.last { border-right: none; }
.last { border-right: none; }
.threadBoxWide p.title a { font-size: 14px; font-weight: bold; }
.threadBoxWide p.title a,
.threadBoxWide a.thumb { padding-right: 0; margin: 0; border-right: none; }
.threadBoxWide .wrapper { width: 300px; margin: 0 0 0 10px; float: left; display: inline; position: relative; background: 0; border: 0; }
.threadBoxWide a.link { color: #cf3; background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 9px; line-height: 8px; text-transform: uppercase; white-space: nowrap; background-position: 100% -10px; padding: 0 16px 0 0; }
.threadBoxWide .meta a, .threadBox .meta span { color: #999; float: left; }
.threadBoxWide .meta a.link,
.threadBoxWide .meta a.prev,
.threadBoxWide .meta a.close,
.threadBoxWide .meta a.flag { margin-top: 2px; }
.threadBoxWide a.more { border-bottom: 1px dotted #999; float: right; display: inline; padding-right: 0; }
.threadBoxWide a.more:hover { border-bottom: 1px solid #999; text-decoration: none; }
/* Upcoming Race Thread Boxes */
.threadBoxrace { width: 289px; height: 63px; overflow: hidden; padding: 0; margin: 0px 0 0 0; clear: left; float: left; display: inline; position: relative; }
.threadBoxrace p { width: 99%; line-height: 100%; font-size: 12px; height: 14px; white-space: nowrap; overflow: hidden; padding: 0; margin: 0; }
.threadBoxrace p.title { font-size: 14px; font-weight: bold; height: 18px; line-height: 18px; margin-top: 5px; margin-bottom: 1px; }
.threadBoxrace span,
.threadBoxrace a { font-size: 12px; height: 14px; color: #ccc; }
.threadBoxrace a.last, .threadBox span.last { border-right: none; }
.threadBoxrace p.title a { font-size: 14px; font-weight: bold; }
.threadBoxrace p.title a,
.threadBoxrace a.thumb { padding-right: 0; margin: 0; border-right: none; }
.threadBoxrace .wrapper { width: 225px; margin: 0 0 0 10px; float: left; display: inline; position: relative; background: 0; border: 0; }
.threadBoxrace a.link { color: #cf3; background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-size: 9px; line-height: 8px; text-transform: uppercase; white-space: nowrap; background-position: 100% -10px; padding: 0 16px 0 0; }
.threadBoxrace .meta a, .threadBox .meta span { color: #999; float: left; }
.threadBoxrace .meta a.link,
.threadBoxrace .meta a.prev,
.threadBoxrace .meta a.close,
.threadBoxrace .meta a.flag { margin-top: 2px; }
.threadBoxrace a.more { }
.threadBoxrace a.more:hover { }
/* Where do we use this??? */
.fat .threadBox { width: 470px; }
.fat .threadBox p.meta { float: right; }
.veryskinny .threadBox { width: 139px; }
.veryskinny .threadBox .wrapper { width: 74px; }
.veryskinny .threadBox p { font-size: 10px; height: 12px; }
.veryskinny .threadBox p a { font-size: 10px; }
.veryskinny .threadBox p.title, .veryskinny .threadBox p.title a { font-size: 14px; line-height: 16px; height: 16px; }
.veryskinny .threadBox { margin: 2px 0; }
.fat .rightCol .threadBox { width: 439px; }
.fat .rightCol .threadBox .wrapper { width: 375px position: absolute; left: 55px; }
.fat .rightCol .threadBox .title { width: 250px; }
.fat .rightCol .threadBox .desc { position: relative; top: 3px; width: 250px; height: 40px; clear: left; white-space: normal; line-height: 120%; }
.fat .rightCol .threadBox .meta { width: 174px; height: 55px; position: absolute; top: 6px; right: 0px; float: left; display: inline; }
.fat .rightCol .threadBox .meta a,
.fat .rightCol .threadBox .meta span { float: right; display: inline; line-height: 120%; border-right: none; margin-right: 0; }
.forum h1 { float: none; display: inline; }
.forum h2 { float: none; display: inline; color: #09f; font-style: italic; }
.forum h3 { clear: both; padding: 10px 0 0 0; width:97%; }/*vlad nov 6 07*/
.forum h3,
.forum .overview { font-size: 12px; color: #09f; line-height: 16px; }
div.subscribe { font-size: 10px; text-transform: uppercase; color: #ccc; float: right; display: inline; line-height: 16px; margin-left: 20px; }
a.subscribe { padding-right: 16px; background: url("subscribe.png") no-repeat 100% 2px; font-size: 10px; float: left; }
.forum .forum_banner { width: 590px; height: 50px; overflow: hidden; float: left; display: inline; clear: left; }
.veryfat .rightCol table.forum_index { width: 629px; float: left; position: relative; left: -19px; margin-bottom: 15px; clear: left; }
.veryfat .rightCol table.forum_index a:link,
.veryfat .rightCol table.forum_index a:visited,
.veryfat .rightCol table.forum_index a:active,
.veryfat .rightCol table.forum_index a:hover { color: #ccc; }
.veryfat .rightCol table.forum_index tr.pagination th { border-top: 1px solid #cf3; border-bottom: 1px solid #cf3; }
.veryfat .rightCol table.forum_index th { border-bottom: 1px solid #ccc; text-transform: uppercase; font-size: 10px; white-space:nowrap; }
.veryfat .rightCol table.forum_index th a { font-size: 10px; white-space:nowrap; }
.veryfat .rightCol table.forum_index th.active a { text-decoration: underline; }
.veryfat .rightCol table.forum_index th { padding: 6px 5px; }
.veryfat .rightCol table.forum_index td { padding: 2px 5px; }
.veryfat .rightCol table.forum_index tr th.first,
.veryfat .rightCol table.forum_index tr td.first { padding-left: 0; }
.veryfat .rightCol table.forum_index tr th.last,
.veryfat .rightCol table.forum_index tr td.last { padding-right: 0; }
.veryfat .rightCol table.forum_index tr.above th,
.veryfat .rightCol table.forum_index tr.above td { padding-top: 15px; }
.veryfat .rightCol table.forum_index tr.below th,
.veryfat .rightCol table.forum_index tr.below td { padding-bottom: 15px; }
.veryfat .rightCol table.forum_index tr.alt th,
.veryfat .rightCol table.forum_index tr.alt td { background-color: #08151E; }
.veryfat .rightCol table.forum_index tr .title a { font-size: 17px; }
.veryfat .rightCol table.forum_index tr th.spacer,
.veryfat .rightCol table.forum_index tr td.spacer { width: 20px; padding: 0; border: none; }
.veryfat .rightCol table.forum_index tr th a.flag,
.veryfat .rightCol table.forum_index tr td a.flag { background-position: 100% -10px; color: #ccc; }
.veryfat .rightCol table.forum_index tr th a.reply,
.veryfat .rightCol table.forum_index tr td a.reply { background-position: 100% 0px; color: #cf3; }
.veryfat .rightCol table.forum_index tr.pagination th { margin-top: 10px; }
.fat .threadBox,
.veryfat .threadBox { width: 589px; }
.fat .threadBox .wrapper,
.veryfat .threadBox .wrapper { width: 525px; position: absolute; left: 55px; }
.fat .threadBox .title,
.veryfat .threadBox .title { width: 350px; }
.fat .threadBox .desc,
.veryfat .threadBox .desc { width: 350px; position: relative; top: 0px; height: 30px; clear: left; white-space: normal; line-height: 120%; }
.fat .threadBox .meta,
.veryfat .threadBox .meta { width: 200px; height: 55px; position: absolute; right: 0; top: 6px; float: right; }
.fat .threadBox .meta a,
.fat .threadBox .meta span,
.veryfat .threadBox .meta a,
.veryfat .threadBox .meta span { float: right; display: inline; line-height: 120%; border-right: none; margin-right: 0; }
.leftCol ul.viewer { float: left; display: inline; clear: left; width: 160px; margin-bottom: 15px; }
.leftCol ul.viewer li { height: 25px; border-top: 1px solid #09f; width: 160px; float: left; display: inline; clear: left; line-height: 25px; }
.leftCol ul.viewer li a { color: #09f; font-size: 14px; font-style: italic; }
.leftCol ul.viewer li.heading { color: #ccc; font-size: 16px; font-style: italic; border-top: none; }
.leftCol ul.viewer li.active { background: #02314f url("bg_global_gradient.png") repeat-x 0 -20px; }
.leftCol ul.viewer li.active a { font-style: normal; color: #ccc; padding-left: 8px; }
.leftCol .threadBox { width: 160px; }
.leftCol .threadBox .wrapper { width: 100px; }
.leftCol .threadBox .wrapper .desc { white-space: normal; overflow: visible; height: 15px; }
/* Banners */
.banner { margin-bottom: 20px; }
.bannerTop { width: 1030px; height: 90px; }
.bannerTop div { float: left; display: inline; position: absolute; top: 0; }
.bannerTop .house_72x90 { left: 748px; }
.bannerTop .imu_728x90 { left: 20px; }
.bannerTop .imu_160x90 { left: 775px; }
/* Footer */
.footer { clear: both; width: 970px; font-size: 10px; height: 20px; text-transform: uppercase; margin: 0px 0 0 50px;}
.footer .copyright {float: left; display: inline; position: relative; color: #cf3; font-size: 10px; }
.footer .footerNav {float: right; display: inline; position: relative; color: #cf3; margin-right: 10px; }
.footer .footerNav a {float: left; display: inline; position: relative; padding: 0 10px; border-left: 1px solid #cf3; line-height: 100%; font-size: 10px; }
.footer .footerNav a.first { border-left: none; }
/* Left Column */
.leftCol p a { text-decoration: underline; color: #ccc; float: none; display: inline; line-height: 140%; }
.leftCol .link,
.leftCol .flag,
.leftCol .close,
.leftCol .add { background-position: 0 -9px; color: #ccc; float: left; display: inline; margin-top: 2px; margin-bottom: 2px; padding: 0 0 0 16px; line-height: 9px; }
.leftCol .crowdadd { background-position: 0 -211px; color: #ccc; float: left; display: inline; margin-top: 2px; margin-bottom: 2px; padding: 0 0 0 16px; line-height: 9px; }
.leftCol .flag { background-position: 0 -109px; }
.leftCol .close { background-position: 0 -159px; }
.leftCol .add { background-position: 0 -209px; }
.leftCol .submit { float: right; padding: 0 16px 0 0; }
.leftCol .profileName { float: left; display: inline; font-size: 16px; margin-bottom: 10px; }
.leftCol .profilePic { float: left; display: inline; margin-bottom: 10px; }
.leftCol .heading { font-size: 12px; color: #09f; }
.leftCol .subheading { text-transform: uppercase; }
.leftCol input { width: 155px; }
.leftCol select { width: 160px; }
.leftCol .label { color: #cf3; }
/* Left Sidebar Navigation */
.leftNav { float: left; display: inline; color: #ccc; margin-bottom: 15px; width: 160px;}
.leftNav li { float: left; display: inline; clear: left; padding: 0 0 8px 0; font-size: 11px; line-height: 140%; width: 160px; }
.leftNav li a { float: left; display: inline; clear: left; color: #09f; font-size: 11px; text-decoration: none; }
.leftNav li a:hover { text-decoration: underline; }
.leftNav li span { font-size: 11px; }
.leftNav li.heading, .leftNav li a.heading { font-size: 14px; font-style: italic; color: #09f; }
.leftNav .highlight li a,
.leftNav .highlight { color: #cf3; }
.leftNavSub {float: left; display: inline; clear: left; color: #ccc; margin: 7px 0 0 10px;}
.leftNavSub li {float: left; display: inline; clear: left; text-transform: uppercase; font-size: 10px; line-height: 11px; font-style: normal; padding: 0 0 6px 0;}
.leftNavSub li a { float: left; display: inline; clear: left; color: #ccc; width: 150px; }
/* Tag Cloud */
.tag_cloud { float: left; display: inline; background: url("tag_cloud_bg.png") no-repeat 50% 50%; width: 160px; min-height: 160px; text-align: center; margin-top: -20px; }
* html .tag_cloud { background-image: url("/themes/default/ie6/tag_cloud_bg.jpg"); }
/* This hack crashes IE-6 with Rails' Javascript
html .tag_cloud { /* background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='themes/default/tag_cloud_bg.png',sizingMethod='scale'); }*/
.tag_cloud .cloud_text {margin-top: 15%;}
/*
.tag_cloud .cloud_text { clear: both; margin-bottom: 15px; text-align: justify; line-height: 2.2em; }
.tag_cloud .cloud_text a { padding: 0 2px 0 0; }
*/
.nube1 {font-size: 1.0em;}
.nube2 {font-size: 1.2em;}
.nube3 {font-size: 1.4em;}
.nube4 {font-size: 1.6em;}
.nube5 {font-size: 1.8em;}
.nube6 {font-size: 2.0em;}
/* Modals */
.modal { width: 760px; height: 630px; background: url("modal_bg.png") 50% 50% no-repeat; position: absolute; }
* html .modal { position: static; background-image: url("/themes/default/ie6/modal_bg.jpg"); }
/* This hack crashes IE-6 with Rails' Javascript
* html .modal { position: static; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="themes/default/modal_bg.png",sizingMethod='scale'); }*/
.modalWindow { width: 680px; height: 550px; position: relative; top: 40px; left: 40px; }
.modalTitle { color: #333; margin-left: 15px; height: 20px; font-weight: bold; line-height: 20px; }
.modalTitle a.close { background-image: url("icons.gif"); background-repeat: no-repeat; font-family: Arial, sans-serif; font-weight: bold; font-size: 9px; line-height: 100%; text-transform: uppercase; white-space: nowrap; background-position: 100% -170px; padding: 0 16px 0 0; }
.modal .close { background-position: 100% -150px; }
.modal .link { background-position: 100% 0px; }
.modal .topLeft { top: 5px; left: 15px; }
.modal .topRight { top: 5px; right: 15px; }
.modal input, .modal textarea, .modal select { color: #454545; background: #ccc; }
.modal .fullWidth { width: 100%; }
.modal textarea { width: 100%; height: 200px; }
.modal textarea.tags { height: 80px; }
.modal table { width: 100%; clear: both; margin-top: 6px; }
.modal table td { padding: 6px 6px; position: relative; }
.modal .scroller { clear: left; height: 430px; overflow: hidden; padding-bottom: 20px; position: relative; width: 100%; } /* NOT USED WE HATE SCROLLING */
.modal .checkbox { width: 13px; height: 13px; margin-right: 6px; }
.modal .altrow { background-color: #003455; }
.modal .padding { width: 640px; margin-left: 20px; padding: 10px 0; }
.modal label { height: auto; }
.modal .bottomRight { right: 431px; bottom: 15px; }
.modal .bottomRight a { margin-left: 10px; }
.modal .bottomLeft { left: 21px; bottom: 15px; }
.modal .bottomLeft a { margin-left: 10px; }
.modal .active .green { color: #333; }
.modal .request_buttons li { float: left; display: inline; margin-right: 20px; }
/* Row Control */
.row { float: left; display: inline; position: relative; width: 99%; padding: 0; margin: 0 0 20px 0; overflow: hidden; }
.row * { line-height: 120%; } .row .link { line-height: 9px; }
.row .titleSide,
.row .leftSide,
.row .middleSide,
.row .rightSide,
.row .bucketNav { overflow: hidden; position: absolute; }
.row .titleSide,
.row .leftSide,
.row .middleSide,
.row .rightSide { top: 0; }
.row .bucketNav { margin: 0; bottom: 0; }
/* rightCol Headers of Landing pages */
.rightCol .rightColHeader .thumb { margin: 6px 15px 6px 0; }
.rightCol .rightColHeader h1 { margin: 0; }
.veryfat .rightCol .rightColHeader { height: 200px; }
.people .rightCol .rightColHeader .leftSide { width: 150px; left: 0; }
.people .rightCol .rightColHeader .middleSide { height: 180px; width: 180px; left: 170px; }
.people .rightCol .rightColHeader .rightSide { height: 180px; width: 210px; left: 370px; }
.people .rightCol .rightColHeader .bucketNav { width: 410px; left: 170px; bottom: 0px; }
.track .rightCol .rightColHeader .titleSide { width: 319px; left: 270px; height: 50px; }
.track .rightCol .rightColHeader .leftSide { width: 250px; left: 0; }
.track .rightCol .rightColHeader .middleSide { top: 146px; left: 270px; height: 55px; width: 314px; }
.track .rightCol .rightColHeader .middleSide .thumb { margin-top: 0; margin-bottom: 0; }
.track .rightCol .rightColHeader .rightSide { top: 60px; height: 90px; width: 314px; left: 270px; position:absolute; }
.track .rightCol .rightColHeader .rightSide td { padding: 3px 6px 3px 0; }
.driver .rightCol .rightColHeader .titleSide { width: 419px; left: 170px; height: 30px; }
.driver .rightCol .rightColHeader .leftSide { width: 150px; left: 0; }
.driver .rightCol .rightColHeader .middleSide { top: 35px; height: 145px; width: 220px; left: 170px; }
.driver .rightCol .rightColHeader .rightSide { top: 35px; height: 145px; width: 194px; left: 390px; }
.driver .rightCol .rightColHeader .bucketNav { width: 419px; left: 170px; bottom: 0px; }
.videomodule .listing { height: 130px; }
.videomodule .listing .middleSide { width: 150px; left: 0; }
.videomodule .listing .rightSide { width: 265px; left: 170px; }
.videomodule .listing .bucketNav { width: 265px; left: 170px; bottom: 0px; }
/* .rightCol Main sections */
.veryfat .rightCol .main .row { width: 589px; }
.veryfat .rightCol .main .row .rightSide .thumb { margin: 0 20px 6px 0; }
.people .rightCol .main .row { height: 100px; }
.people .rightCol .main .row .leftSide .thumb { margin: 0; }
.people .rightCol .main .row .leftSide { width: 55px; left: 0; }
.people .rightCol .main .row .middleSide { height: 85px; width: 190px; left: 75px; }
.people .rightCol .main .row .rightSide { height: 85px; width: 259px; left: 285px; }
.people .rightCol .main .row .bucketNav { width: 589px; left: 0px; }
.track .rightCol .main .row { height: 120px; }
.track .rightCol .main .row .house_80x120 { margin-right: 20px; }
.track .rightCol .main .row .leftSide { width: 150px; left: 0; }
.track .rightCol .main .row .middleSide { width: 150px; left: 100px; }
.track .rightCol .main .row .rightSide { height: 100px; width: 419px; left: 170px; }
.track .rightCol .main .row .bucketNav { width: 419px; left: 170px; }
/* DUP OF THIS ^^^ */
.driver .rightCol .main .row { height: 120px; }
.driver .rightCol .main .row .house_80x120 { margin-right: 20px; }
.driver .rightCol .main .row .leftSide { width: 150px; left: 0; }
.driver .rightCol .main .row .middleSide { width: 150px; left: 100px; }
.driver .rightCol .main .row .rightSide { height: 100px; width: 419px; left: 170px; }
.driver .rightCol .main .row .bucketNav { width: 419px; left: 170px; }
.fat .rightCol .listing { height: 120px; }
.fat .rightCol .listing .leftSide { display: none; }
.fat .rightCol .listing .middleSide { width: 150px; left: 0; }
.fat .rightCol .listing .rightSide { width: 265px; left: 170px; height: 96px; }
.fat .rightCol .listing .bucketNav { width: 265px; left: 170px; }
/* Forms */
.form { overflow: visible; }
.form .leftForm,
.form .rightForm { float: left; display: inline; position: relative; overflow: visible; }
.fat .form { width: 500px; }
.formprofile { width: 150px; }
.fat .form .leftForm { width: 200px; text-align: right; }
.fat .form .rightForm { width: 270px; margin-left: 20px; }
.fat .form .rightForm .textbox,
.fat .form .rightForm select { width: 100%; color: #ccc; }
.fat .form .checkbox { margin-right: 10px; }
.fat .form .rightForm textarea { width: 100%; height: 96px; }
.fat .form .rightForm .thumb, .fat .form .rightForm .thumbNoBorder { margin-right: 40px; margin-bottom: 20px; }
.fat .form .rightForm .verification .textbox { width: 100%; }
.fat .form .rightForm .verification img { right: 1px; width: 150px; height: 40px; }
.fat .form .mottoForm { width: 370px; height:300px }
.fat .form .mottoForm textarea { width: 250px; height:100px; position: relative; left: 50px; padding-top:10px; padding-bottom: 10px }
.fat .form .mottoForm select { width: 100%; color: #ccc; }
/* Comics */
.veryfat .comic_container { width: 789px; position: relative; left: 0px; padding: 20px 0; }
.veryfat .comic { width: 680px; overflow: hidden; margin: 0 0 10px 50px; float: left; display: inline; clear: left; }
.veryfat .comic #leaveComment { width: 75%; }
/* Corrected allignment */
.floatRight { float: right; }
.floatLeft { float: left; }
.noMargin { margin: 0; }
.nowrap { white-space: nowrap; }
/* Fluid Height over-ride */
.fluidHeight { height: auto; }
.fluidHeight .bucketNav { position: relative; margin-top: 6px; } /* fixes the default .row behavior */
.fluidHeight p { clear: left; width: 100%;}
.veryfat .rightCol .main .fluidHeight { height: auto; }
/* Legal Formatting */
.legal * { float: none; clear: left; }
.legal b, .legal u { display: inline; clear: none; }
.legal ol, .legal ul { }
.legal li { line-height: 140%; margin-bottom: 12px; margin-left: 20px; list-style-position: outside; position: relative; }
.legal p { display: block; margin-bottom: 12px; }
.legal ol li { list-style: decimal; }
.legal ul li { list-style: disc; }
.legal ol li.nostyle,
.legal ul li.nostyle { list-style: none; }
.legal a { color: #ccc; text-decoration: underline; }
.legal li a { color: #ccc; text-decoration: none; }
.legal li a.link { position: absolute; float: left; display: inline; top: 3px; left: -24px; background-position: 100% -30px; }
.legal li a:hover { text-decoration: underline; }
.legal li a.nohover:hover { text-decoration: none; }
/*.legal li.mediumText a.nohover { line-height: 9px; background-position: 100% 3px; }*/
.legal li.largeText a { top: 5px; }
/* V */
.none{display:none;}
.nom{ margin-bottom:0px !important; padding-bottom:0px !important; }
.height{ height:auto!important;}
/* Modal */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
/*
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
background-color:#003557;
filter:alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
height:100%;
width:100%;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
border: none;
background: transparent;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
display:none;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
display:none;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
display:none;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
display:none;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
display:none;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
padding: 0;
overflow:hidden;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
ul.pagination li.active{color:#CCFF33; padding:0 12px; border-right:1px solid #aaa; font-weight:bold;}/*vlad nov 15 07*/
h2.forums_h2{ position:relative; top:37px; right:208px;}/*vlad nov 15 07*/
.forum_quote em { text-transform:uppercase; font-style:italic; color:#999;}/*vlad nov 6 07*/
.answered{display:none; clear:left; float:left; left:10%; position:relative; width:80%; margin:-10px 0 -8px 10px; color:#999;}/*vlad nov 15 07*/
/*.black_bg{background-color:#000000; background-image: none;}*/
.graph {
position: relative;
width: 200px;
border: 1px solid #B1D632;
padding: 2px;
margin: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 1em;
line-height: 1em;
float: left;
}
.graph .bar span { position: absolute; left: 1em; }
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/star2_black.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:90px;
height:18px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:18px;
line-height:18px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
/* for an inline rater */
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/images/star_small.gif);
line-height: 10px;
height: 10px;
}
/* How Stuff Works */
#hswbox {
width: 160px; padding: 0px; float: left; border-style: solid; border-top-width: thin; border-left-width: thin; border-color: #006699; padding-left: 5px; padding-top: 5px; margin-left: -2px }
#hswwide { width: 305px; height: 70px; background-color: #ccccff; border-style: solid; border-top-width: thin; border-left-width: thin; border-color: #006699; padding: 0px; float: right; display: inline; }
.hswtitle { color: #ffffff; font-family: sans-serif; font-size: 12px; font-weight: bold; line-height: 110%; margin-bottom: 12px; }
.hswlist { font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; line-height: 100%; margin-bottom: 8px }
/* Twitter */
#twitterbox {
background-color: #000000;
width: 280px;
height: 240px;
}
.twitter_update_list {
background-color: #000000;
margin-top: 5px;
margin-left: 5px;
margin-right: 10px;
font-family: arial, sans-serif;
font_size: 8px;
color: #ffffff;
line-height: 24px;
}
/*********************************************************************/
/* JS Rollover Main Menu Items */
/*********************************************************************/
.jqueryslidemenu {
font-family: arial, sans-serif;
font-size: 14px;
font-weight:bold;
width: 2000;
height: 30;
/*background-image: url('menubar_bg.jpg');
background-repeat:repeat-x;*/
background-color:#036;*/
position: absolute;
left:0px;
top:0px;
}
.jqueryslidemenu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.jqueryslidemenu ul li {
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a
{
display: block;
/*background-image: url('menubar_bg.jpg');
background-repeat:repeat-x;*/
background-color: #633;
padding-left:15px; padding-top:8px;padding-bottom:6px;padding-right:16px;
border-right: 1px solid #003;
border-bottom: 1px solid #003;
}
* html .jqueryslidemenu ul li a
{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited
{
color: white;
}
.jqueryslidemenu ul li a:hover
{
/*background-image: url('menubar_hover.jpg');
background-repeat:repeat-x;*/
background-color:#c63;
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul
{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li
{
display: list-item;
float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul
{
top: 0;
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
font-family: arial, sans-serif;
font-size: 12px;
font-weight:normal;
width: 135px; /*width of sub menus*/
padding: 5px;
border-top-width: 0;
border-bottom: 1px solid #963;
border-right: 1px solid #963;
background: #f93; /*tab link background during hover state*/
}
.jqueryslidemenuz ul li ul li a:hover
{ /*sub menus hover style*/
background: #000;
color: black;
}
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass {
position: absolute;
top: 12px;
right: 7px;
}
.rightarrowclass
{
position: absolute;
top: 6px;
right: 5px;
}