/* @override css/tog.css http://dev3.theoldergamers.com/css/tog.css */ /* ------------------------------------------------------------ The Older Gamers by Luke Stevens - 2008 lukestevensdesign.com ------------------------------------------------------------ */ /* ------------------------------------------------------------ General ------------------------------------------------------------ */ * {padding:0;margin:0;} body {margin:0px auto;font-family:arial, helvetica, sans-serif; background: #c8cdd1 url() repeat-x;color:#333;text-align:center;} body {font-size:62.5%;} /* for IE/Win */ html>body {font-size:10px;} /* for everything else */ .to-left {float:left;} .to-right {float:right;} img {border:0;} img.tog_sig_platinum { max-width:556px; max-height:126px; } img.tog_sig_gold { max-width:556px; max-height:126px; } img.tog_sig_silver { max-width:501px; max-height:101px; } img.tog_sig_bronze { max-width:501px; max-height:101px; } img.tog_sig { max-width:501px; max-height:101px; } img.tog_resize_img { max-width:580px; max-height:800px; } img.colorbox { cursor:hand; cursor:pointer; } a {color:#000;text-decoration:none;font-weight:bold;} a, a:focus, a:active {outline:none;} a:hover {color:;text-decoration:underline;} a.highlight {color:#203f51;} /* section colour*/ h1 {} h2, h3, h4, h5, h6 {font-size:2.0em;} p {font-size:1.3em;line-height:1.7em;margin-bottom:15px;} p.small {font-size:1.0em;} p.no-results {padding-bottom:80px;} p.meta {margin-bottom:0;font-weight:bold;} /* can appear above headers */ p.instructions {font-style:italic;font-size:1.1em;} pre {font-size:1.3em;line-height:1.7em;margin-bottom:15px;} fieldset {padding:7px;} legend {padding:0 4px;} select, input {margin:2px;} textarea {font-family:"lucida grande", verdana, arial, sans-serif;line-height:1.4em;font-size:11px;border:1px solid #999;padding:3px;} .clear {clear:both;} .clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} .clearfix {display: inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------ Layout ------------------------------------------------------------ */ #wrapper {margin:0 auto;width:1004px;text-align:left;padding:0 5px;background:url(/images/tog/page-bgnd.png) repeat-y;} #header {height:160px;background: url(/images/tog/header-bgnd.gif) repeat-x;} #header .clearfix {} #logo {float:left;width:496px;} #logo h1 {text-indent:-9999px;} #logo h1 a {display:block;background: url(/images/tog/tog-logo.png);height:87px;width:507px;} #logo p {display:none;} #sponsors {float:right;width:508px;background:url(/images/tog/tog-heart-supporters-text.gif) no-repeat;padding-top:9px;margin-top:7px;} .sponsor {width:120px;height:60px;/*background-color:#333;*/margin-right:7px;float:left;overflow:hidden;} #nav {} #nav ul {list-style-type:none;} #nav li {float:left;margin-right:5px;} #main-nav {height:34px;} #tabs {} #tabs ul {} #tabs li {background: url();font-weight:bold;font-size:1.5em;color:#333;margin-right:0;} #tabs li a {color:#2b363d;text-decoration:none;text-transform:uppercase;margin-left:5px;} #tabs li a:hover {text-decoration:none;} #tabs li.home, #tabs li.gamedivs, #tabs li.forums {height:26px;padding:8px 35px 0 0px;background:url(/images/tog/nav-tab-div.gif) top right no-repeat;} #tabs li.home {padding-left:15px;} #tabs li.home a {margin-left:0;} #tabs li.divisionhq {padding-right:32px;} /*#tabs li.active {background:url(/images/tog/nav-tab-dark-bgnd.gif) repeat-x;position:relative;} #tabs li.active a {color:#fff;} #tabs li.active span {display:block;position:absolute;right:0;top:0;width:28px;height:33px;background: url(/images/tog/nav-tab-dark-end.gif) no-repeat;}*/ /*home active*/ body#home #tabs li.home {background:url(/images/tog/nav-tab-dark-bgnd.gif) repeat-x;position:relative;} body#home #tabs li.home a {color:#fff;} body#home #tabs li.home span {display:block;position:absolute;right:0;top:0;width:28px;height:33px;background: url(/images/tog/nav-tab-dark-end.gif) no-repeat;} /*forum active*/ body#gamedivs #tabs li.home {background:url(/images/tog/nav-tab-dark-start.gif) top right no-repeat;} body#gamedivs #tabs li.gamedivs {background:url(/images/tog/nav-tab-dark-bgnd.gif) repeat-x;position:relative;} body#gamedivs #tabs li.gamedivs a {color:#fff;} body#gamedivs #tabs li.gamedivs span {display:block;position:absolute;right:0;top:0;width:28px;height:33px;background: url(/images/tog/nav-tab-dark-end.gif) no-repeat;} /*forum active*/ body#forum #tabs li.gamedivs {background:url(/images/tog/nav-tab-dark-start.gif) top right no-repeat;} body#forum #tabs li.forums {background:url(/images/tog/nav-tab-dark-bgnd.gif) repeat-x;position:relative;} body#forum #tabs li.forums a {color:#fff;} body#forum #tabs li.forums span {display:block;position:absolute;right:0;top:0;width:28px;height:33px;background: url(/images/tog/nav-tab-dark-end.gif) no-repeat;} #search-links {float:right;width:510px;height:24px;margin-top:9px;} #search {float:left;margin-top:-2px;opacity:0.65;color:#99aab6;} #search input.text {border:1px solid #bbc7cf;width:200px;} #search input.submit {border:1px solid #bbc7cf;background-color:#fff;color:#99aab6;padding:1px 3px;margin-left:2px;font-size:10px;text-transform:uppercase;font-weight:bold;} #search:hover input.submit {color:#666;} #about-links {float:right;/*background: url(/images/tog/nav-about-links-bgnd-trans.png) no-repeat;*/height:14px;width:210px;padding-top:3px;padding-left:7px;margin-right:8px;background-color:#fff;opacity:0.4;border-radius: 6px; /*for future*/ -moz-border-radius: 6px; -webkit-border-radius: 6px;} #about-links .vdiv {/*color:#dedfe0;*/color:#bbb;} #about-links a {/*color:#8e9091;*/text-transform:uppercase;font-weight:bold;color:#333;} #about-links a:hover {color:#777;} #secondary-nav {width:996px;padding-left:8px;} #secondary-nav ul {padding:0px;float:left;} #secondary-nav ul.alt {background:url(/images/tog/nav-secondary-light-bgnd.gif) repeat-x;} #secondary-nav ul.last {} #secondary-nav .light-start, #secondary-nav .light-end {float:left;height:31px;width:25px;background:url(/images/tog/nav-secondary-light-start.gif) no-repeat;} #secondary-nav .light-end {background:url(/images/tog/nav-secondary-light-end.gif) no-repeat;} #secondary-nav li {background: url(/images/tog/nav-secondary-div.gif) center right no-repeat;padding:10px 5px 0 0px;height:23px;position:relative;} #secondary-nav li a {color:#273137;text-decoration:none;font-weight:bold;font-size:1.2em;} #secondary-nav li a:hover {text-decoration:underline;} #secondary-nav li.drop {padding-right:5px;} #secondary-nav li.drop a {padding-right:10px;background:url(/images/tog/nav-secondary-drop-arrow.gif) center right no-repeat;} #secondary-nav li.last {background:none;padding-right:0;} #secondary-nav .last-hdiv {position:absolute;top:0;left:-4px;} #secondary-nav ul.last {float:right;position:relative;} #secondary-nav ul.last li.last {background:none;padding-right:4px;padding-left:25px;} #secondary-nav ul li.drop ul {display:none;position:absolute;top:27px;left:-6px;float:none;z-index:999;list-style-type:none;width:80px;opacity:0.9;padding:6px 0 3px 6px;background: #f7f9fa url(/images/tog/sub-section-header-shadow.gif) repeat-x;border:1px solid #ccc;border-width:1px 1px 2px 1px;border-style:solid;opacity:0.9;} /*#secondary-nav ul li.drop:hover ul {display:block;}*/ #secondary-nav ul li.drop ul li {float:none;width:auto;background:none;padding:0;margin:0;height:auto;margin-bottom:5px;} #secondary-nav ul li.drop ul li a {float:none;background:none;padding:0;} #secondary-nav ul li.drop ul.forums-menu {width:105px;left:-31px;} #secondary-nav ul li.drop ul.fps-menu {width:110px;} #secondary-nav ul li.drop ul.mmo-menu {width:115px;} #secondary-nav ul li.drop ul.sim-menu {width:115px;} #secondary-nav ul.first {} #secondary-nav ul.first li {padding-right:7px;} #secondary-nav ul.platforms {} #secondary-nav ul.platforms li {padding-right:6px;} #secondary-nav ul.divisions {/*padding-left:6px;*/} #secondary-nav ul.divisions li {padding-right:7px;} /* ------------------------------------------------------------ Content ------------------------------------------------------------ */ /* BEGIN WIDE CONTENT */ #content-col-wide {width:988px;float:left;margin-left:3px;} .content-box-wide {background: url(/images/tog/content-bgnd-wide.gif) repeat-y;} .content-top-wide {} .section-header-mid-wide {height:48px;width:954px;float:left;overflow:hidden;position:relative ;} .section-header-wide {background-color:#203f51;height:48px;width:988px;} .section-header-wide h2 {color: #fff;text-transform: uppercase;margin-left: 0px;padding-top: 18px;font-size: 17px;height:48px;float:left;padding-left:4px;padding-right:5px;background: url(/images/tog/section-header-bgnd1-trans.png) repeat-x;} .section-header-wide h2 a {color:#fff;} .section-header-wide ul {float:left;position:relative;list-style-type:none;padding-top:21px;background: url(/images/tog/section-header-bgnd2-trans.png) repeat-x;height:48px;padding-right:1px;} .section-header-wide li {float:left;padding:0 7px 0 0;font-size:1.2em;/*opacity:0.95;*/} .section-header-wide li a {color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;} .section-header-wide li a:hover {border-bottom:1px solid #ccc;} .section-header-wide li .vdiv {margin-left:5px;color:#fff;opacity:0.3;} .section-header li.last .vdiv {display:none;} .section-header-wide .vdiv1, .section-header-wide .vdiv2 {display:block;float:left;width:43px;height:48px;background: url(/images/tog/section-header-vdiv1-trans.png) no-repeat;} .section-header-wide .vdiv2 {background: url(/images/tog/section-header-vdiv2-trans.png) no-repeat;} .section-header-wide .bgnd-end {display:block;height:48px;background: url(/images/tog/section-header-bgnd3-trans.png) repeat-x;float:left;width:1px;padding-right:1000px;margin-right:-1000px;position:relative;top:0;} .content-bot-wide {background: url(/images/tog/content-bot-wide.gif) no-repeat;height:17px;} /* END WIDE CONTENT */ #content-wrap {} #content-col {width:690px;float:left;margin-left:3px;} .content-box {background: url(/images/tog/content-bgnd.gif) repeat-y;} .content-top {} .section-header {background-color:#203f51;height:48px;width:689px;} .section-header-left {height:48px;width:17px;background: url(/images/tog/section-header-left-trans.png) no-repeat;float:left;} .section-header-mid {height:48px;width:655px;float:left;overflow:hidden;position:relative;} .section-header-right {height:48px;width:17px;background: url(/images/tog/section-header-right-trans.png) no-repeat;float:right;} .section-header h2 {color: #fff;text-transform: uppercase;margin-left: 0px;padding-top: 18px;font-size: 17px;height:48px;float:left;padding-left:4px;padding-right:5px;background: url(/images/tog/section-header-bgnd1-trans.png) repeat-x;} .section-header h2 a {color:#fff;} .section-header ul {float:left;position:relative;list-style-type:none;padding-top:21px;background: url(/images/tog/section-header-bgnd2-trans.png) repeat-x;height:48px;padding-right:1px;} .section-header li {float:left;padding:0 7px 0 0;font-size:1.2em;/*opacity:0.95;*/} .section-header li a {color: #fff;text-decoration: none;text-transform: uppercase;font-weight: bold;} .section-header li a:hover {border-bottom:1px solid #ccc;} .section-header li .vdiv {margin-left:5px;color:#fff;opacity:0.3;} .section-header li.last .vdiv {display:none;} .section-header .vdiv1, .section-header .vdiv2 {display:block;float:left;width:43px;height:48px;background: url(/images/tog/section-header-vdiv1-trans.png) no-repeat;} .section-header .vdiv2 {background: url(/images/tog/section-header-vdiv2-trans.png) no-repeat;} .section-header .bgnd-end {display:block;height:48px;background: url(/images/tog/section-header-bgnd3-trans.png) repeat-x;float:left;width:1px;padding-right:1000px;margin-right:-1000px;position:relative;top:0;} .content {background: url(/images/tog/content-header-shadow.gif) repeat-x;margin:0 9px 0 7px;} .content-bot {background: url(/images/tog/content-bot.gif) no-repeat;height:17px;} /* main images */ #story-rotator {width:670px;height:246px;overflow:hidden;padding-top:10px;margin-left:0px;margin-bottom:10px;} #rotator-thumbs {float:left;margin-left:4px;} #rotator-thumbs a.thumb {width:154px;height:55px;padding:1px;border:1px solid #ccc;margin-bottom:3px;overflow:hidden;opacity:0.999;position:relative;} #rotator-thumbs a.thumb {display:block;width:154px;height:55px;} #rotator-thumbs a.thumb span.background {width:154px;height:55px;display:block;position:relative;} #rotator-thumbs a.thumb span.title {display:block;width:149px;height:22px;position:absolute;bottom:0;/*background-color:#333;*/background: url(/images/tog/black-tile-70.png);color:#fff;padding:0px 0 0 5px;font-weight:bold;line-height:2.2;overflow:hidden;z-index:1;} #rotator-thumbs a.selected {background:#666;} #rotator-thumbs a.last {margin-top:-1px;} #rotator-thumbs a.next {display:none;} #rotator-thumbs a.prev {display:none;} #rotator-main {position:relative;width:504px;height:244px;float:right;overflow:hidden;} .rotator-content {position:absolute;top:0;left:0;width:500px;height:240px;padding:1px;border:1px solid #ddd;overflow:hidden;margin-right:2px;visibility:hidden;opacity:0.999;} .rotator-content .loading-bgnd {background: #666 url(/js/loadingAnimation.gif) center center no-repeat;} .rotator-content-bgnd {width:500px;height:240px;position:relative;} .rotator-content a.rotator-link {display:block;width:500px;height:240px;position:relative;z-index:2;} .rotator-content .rotator-content-title {position:absolute;bottom:0;width:480px;/*background-color:#333;*/background: url(/images/tog/black-tile-70.png);color:#fff;padding:10px;height:22px;z-index:1;overflow:hidden;} .rotator-content h3 {float:left;margin-right:10px;margin-bottom:50px;} .rotator-content h3 a {color:#fff;} .rotator-content h3 a:hover {text-decoration:none;} .rotator-content .platform {float:left;margin-top:7px;margin-right:10px;opacity:0.9;} /*.rotator-content .more {float:left;margin-top:6px;border:1px solid #999;padding:4px 5px;font-style:italic;margin-left:-2px;background-color:#000;}*/ .rotator-content .more {float:left;margin-top:1px;border:2px solid #666;padding:3px 5px;font-style:italic;margin-left:-2px;background-color:#000;line-height:1.3;opacity:0.9; border-radius: 5px; /*for future*/ -moz-border-radius: 5px; -webkit-border-radius: 5px;} .rotator-content .more a {color:#fff;} .rotator-content .more a:hover {text-decoration:none;} .rotator-content .platform-label {background-color:#444;display:block;float:left;margin-right:3px;padding:2px;margin-top:-2px;margin-bottom:50px;font-weight:bold; border-radius: 2px; /*for future*/ -moz-border-radius: 2px; -webkit-border-radius: 2px;} /* content block */ /* vanilla content block */ #content-block {padding:15px;width:625px;} #content-block h2 {/*color:#203f51;*/ margin-bottom:15px} /* ------------------------------------------------------------ Sub section blocks ------------------------------------------------------------ */ .section-divider {background: url(/images/tog/content-div-grad-bgnd.gif) repeat-x;padding:10px 0 0 0px;width:673px;} .sub-block-wrap {width:665px;padding-left:5px;padding-right:5px;} .sub-block {width:328px;margin-bottom:10px;} .sub-section-header {height:34px;width:328px;} .sub-section-header-left-edge {float:left;width:2px;height:34px;background: url(/images/tog/sub-section-header-left-border-trans.png) no-repeat;} .sub-section-header-left-inner {float:left;float:left;width:4px;height:34px;background: url(/images/tog/sub-section-header-left-inner-trans.png) no-repeat;} .sub-section-header-right-edge {float:left;float:left;width:2px;height:34px;background: url(/images/tog/sub-section-header-right-border-trans.png) no-repeat;border:;} .sub-section-header-right-inner {float:left;float:left;width:4px;height:34px;background: url(/images/tog/sub-section-header-right-inner-trans.png) no-repeat;} .sub-section-header-inner {background-color:#203f51;float:left;} .sub-section-header-mid-inner {float:left;width:316px;height:34px;background: url(/images/tog/sub-section-header-bgnd-trans.png) repeat-x;overflow:hidden;position:relative;} .sub-section-header-mid-inner h3 {float:left;color:#fff;font-size:1.2em;padding:10px 10px 0 5px;text-transform:uppercase;} .sub-section-header-mid-inner .vdiv1 {display:block;float:left;height:34px;width:28px;background: url(/images/tog/sub-section-header-vdiv-trans.png) no-repeat;} .sub-section-header-mid-inner .bgnd-end {display:block;float:left;background: url(/images/tog/sub-section-header-bgnd2-trans.png) repeat-x;width:1px;height:34px;padding-right:1000px;margin-right:-1000px;} .sub-section-header .add-content {position:absolute;top:9px;right:5px;color:#fff;float:right;padding:2px 4px;background: url(/images/tog/bgnd-tile-white-20.png) ; border-radius: 4px; /*for future*/ -moz-border-radius: 4px; -webkit-border-radius: 4px;} .sub-section-header .add-content a {color:#fff;padding:0px 1px;} .sub-section-header .add-content .vdiv {margin:0 0px;opacity:0.3;} /*sub block content*/ .sub-block-content {background: url(/images/tog/sub-block-bgnd.gif) repeat-y;width:324px;padding:0 2px;} .sub-block-content-inner {background: url(/images/tog/sub-block-grad-bottom.gif) bottom right repeat-x;} .sub-block-content-innerer {padding:10px;background: url(/images/tog/sub-section-header-shadow.gif) repeat-x;} .sub-block-bot {height:9px;width:328px;background: url(/images/tog/sub-block-bot.gif) no-repeat;} /*sub block full width*/ .sub-block-full {width:665px;} .sub-block-full .sub-section-header {width:665px;} .sub-block-full .sub-section-header-mid-inner {width:653px;} .sub-block-full .sub-block-content {background: url(/images/tog/sub-block-full-bgnd.gif) repeat-y;width:661px;} .sub-block-full .sub-block-bot {height:9px;width:665px;background: url(/images/tog/sub-block-full-bot.gif) no-repeat;} /* ------------------------------------------------------------ Entry item (index pages) ------------------------------------------------------------ */ .entry-item {background: url(/images/tog/h-div-half-col-trans.png) bottom center no-repeat;padding-bottom:18px;margin-bottom:14px;} .entry-item p {font-size:1.2em;line-height:1.6em;margin-bottom:10px;} .entry-item h4 a, .entry-item h5 a {color:#203f51;} .entry-item h4 {font-size:2.1em;line-height:1.1em;margin-top:3px;margin-bottom:6px;letter-spacing:-1px;} .entry-item h5 {font-size:1.7em;line-height:1.2em;margin-bottom:3px;} .entry-item /*h4.entry-title*/ span.thumbnail, .entry-item /*h5.entry-title*/ span.thumbnail {padding:1px;border:1px solid #ccc;float:left;margin-right:4px;background-color:#fff;/*margin-bottom:5px;*/margin-top:-1px;display:block;height:38px;width:105px;margin-bottom:4px;} .entry-item /*h5.entry-title*/ span.thumbnail {margin-top:3px;} .entry-item /*h5.entry-title*/ span.thumbnail, .entry-item /*h5.entry-title*/ span.thumbnail-img {width:50px;height:37px;float:left;} .entry-item span.wide-thumb, .entry-item span.wide-thumb span.thumbnail-img {width:105px;} .entry-item h4.thumb {} .entry-item h4.thumb span {/*float:left;width:185px;*/} .entry-item p.details {margin:1px -2px 4px -2px;border-width:1px 0;border-color:#ddd;border-style:solid;padding:1px 0;padding-left:4px;background: url(/images/tog/sub-section-header-shadow.gif) repeat-x;opacity:0.8;font-size:1.1em;} .entry-item .event-date {font-weight:bold;} .entry-item span.author, .entry-item span.date, .entry-item span.comments {padding-left:18px;padding-bottom:2px;padding-top:1px;} .entry-item span.author {background: url(/images/tog/icon-author.gif) no-repeat;} .entry-item span.date {background: url(/images/tog/icon-date.gif) no-repeat;} .entry-item span.comments {background: url(/images/tog/icon-comment.gif) no-repeat;} .sub-block-full .entry-item {background: url(/images/tog/h-div-wide-left-trans.png) bottom left no-repeat;padding-bottom:25px;} .sub-block-full p.details {float:left;padding:1px 7px;} .sub-block-full p.summary {margin-right:20px;} .entry-item p.details .vdiv, .entry-item p.more .vdiv {color:#bbb;margin:0 1px;} .entry-item p.summary {clear:both;} .entry-item p.summary .date {color:#666;font-size:0.95em;} .entry-item p.summary .vdiv {color:#bbb;padding:0 3px 0 1px;} .entry-item p.more {margin-top:-7px;margin-bottom:0;clear:both;} .entry-item p.more .vdiv {color:#bbb;} .entry-item .platform-label {/*border:1px solid;*/color:#fff;background-color:#203f51;font-size:10px;padding:1px 2px;margin:0 0 0 1px;text-transform:uppercase;font-weight:bold; border-radius: 2px; /*for future*/ -moz-border-radius: 2px; -webkit-border-radius: 2px; } .platform-label a {color:#fff;} .pagination {font-size:1.1em;color:#666;border-width:1px 0;border-style:dotted;border-color:#ccc;margin-top:20px;padding:5px 2px;} .entry-item-small {background:none;margin-top:-3px;margin-bottom:12px;padding-bottom:0;} .entry-item-small h5 {margin-bottom:1px;} .entry-item-small h5 a {font-size:0.9em;} .entry-item-small p.summary {margin-bottom:0;font-size:1.2em;line-height:1.4em;} #entry-body {font-size:1.2em;} #entry-body>ul {font-size:1.1em;margin-top:5px;} #entry-body>ol {font-size:1.1em;margin-top:5px;} #entry-body>p {font-size:1.1em;} /* ------------------------------------------------------------ Pending entries ------------------------------------------------------------ */ .pending {} .pending-meta {font-weight:bold;color:#666;border:1px solid #ccc;padding:1px 5px;background-color:#fefee4;} .pending-meta .vdiv {font-weight:normal;color:#ccc;margin:0 1px;} /*.pending-meta a {text-decoration:underline;font-size:10px;text-transform:uppercase;}*/ /*hide 'read more' links on the pending page*/ .pending .entry-item p.more {font-style:italic;font-size:1.1em;} /*.pending .entry-item p.more a {display:none;} .pending .entry-item p.more .vdiv {display:none;}*/ /*------------------------------------------------------------ News selector ------------------------------------------------------------*/ #news-selector {} ul#news-buttons {list-style-type:none;margin:0 -8px;margin-bottom:10px;} ul#news-buttons li {display:inline;float:left;} ul#news-buttons li.row1 {margin-left:45px;} ul#news-buttons li.row2 {margin-left:23px;} ul#news-buttons li.row3 {margin-left:13px;} #news-buttons a {float:left;display:block;position:relative;height:20px;padding-right:0px;margin-right:4px;margin-bottom:7px;font-family:verdana, arial, sans-serif;/*font-size:10px;*/} #news-buttons li.last a {margin-right:0;} #news-buttons a span.r {background: url(/images/tog/news-btn-r.gif) top right no-repeat;display:block;height:16px;padding-top:4px;float:left;padding-right:7px;} #news-buttons a span.l {background: url(/images/tog/news-btn-l.gif) no-repeat;display:block;height:20px;width:5px;float:left;margin-top:-4px;padding-left:2px;} #news-buttons li.ui-tabs-selected a {background:none;padding:0;background-color:#203f51;height:20px;margin-top:1px;margin-bottom:6px;color:#fff;} #news-buttons li.ui-tabs-selected a span.r {background: url(/images/tog/news-btn-r-on-trans.png) top right no-repeat;display:block;height:16px;padding-top:4px;margin-left:3px;color:#fff;padding-right:7px;/*FF needs: margin-right:-1px; */ } #news-buttons li.ui-tabs-selected a span.l {background: url(/images/tog/news-btn-l-on-trans.png) no-repeat;display:block;height:20px;margin-top:-4px;width:3px;margin-left:-3px;z-index:2;position:relative;padding-left:4px;} /*#news-buttons li.ui-tabs-selected a span.bgnd {display:block;height:20px;margin:-1px -1px -1px -1px;z-index:1;}*/ #news-selector h3 {font-size:1.2em;margin:-5px -2px 10px -2px;border-width:1px 0;border-color:#ddd;border-style:solid;padding:4px 0;padding-left:4px;background: url(/images/tog/sub-section-header-shadow.gif) repeat-x;opacity:0.8;color:#000;text-align:;} #news-selector .entry-item p {margin-bottom:0;} /* ------------------------------------------------------------ Videos - media page ------------------------------------------------------------ */ #content-block .sub-block-full {width:635px;} #content-block p.small {font-style:italic;opacity:0.7;margin-top:-15px;} #content-block p.small a {font-weight:normal;} #content-block .video {} #content-block .to-left {width:165px;} #content-block .to-right {width:470px;} #content-block .video h5 {font-size:1.5em;margin-bottom:0px;} #content-block .video img {border:1px solid #ccc;padding:1px;} #content-block .video a:hover img {border:1px solid #666;} /*------------------------------------------------------------ Single article (review, block) ------------------------------------------------------------*/ .single-entry {padding:15px 15px;} .single-entry h1 {font-size:2.5em; color:#203f51;margin-bottom:10px;letter-spacing:-1px;} .single-entry ul, .single-entry ol {font-size:1.3em;margin:-5px 26px 20px 26px;} .single-entry ol li {margin-bottom:8px;} .single-entry ul li {margin-bottom:6px;} .single-entry blockquote {margin:10px 20px 20px 20px;font-style:inherit;background-color:#f1f1f1;padding:15px 20px;color:#666;} .single-entry blockquote p {margin:0;} /* top bar */ .top-bar {width:655px;background: url(/images/tog/top-bar-bgnd.png) repeat-y;margin:5px 0 5px -7px;} .top-bar-top {height:6px;width:655px;background: url(/images/tog/top-bar-top.png) no-repeat;} .top-bar-bot {height:9px;width:655px;background: url(/images/tog/top-bar-bot.png) no-repeat;} .top-bar-content {background: url(/images/tog/top-bar-grad.png) repeat-x;margin:0 4px;padding:2px 6px;font-size:1.1em;} .top-bar-content .reviewed-by {float:left;} .top-bar-content .vdiv {opacity:0.3;margin-left:1px;} .top-bar-content .meta {float:right;max-width:390px;overflow:hidden;max-height:12px;text-align:right;margin-right:5px;} /*col box small*/ .col-box-small {width:376px;background: url(/images/tog/col-box-small-bgnd.png) repeat-y;margin:25px auto 20px auto;} .col-box-small-top {height:10px;width:376px;background: url(/images/tog/col-box-small-top.png) no-repeat;} .col-box-small-bot {height:15px;width:376px;background: url(/images/tog/col-box-small-bot.png) no-repeat;} .col-box-small-content {background: url(/images/tog/col-box-small-grad.png) repeat-x;margin:0 4px;padding:0 0 0px 0;text-align:center;} .col-box-small-content p {font-size:1.3em;line-height:1.7em;color:#333;margin:0;} /*col box*/ .col-box {width:666px;background: url(/images/tog/col-box-bgnd.png) repeat-y;margin-left:-9px;margin-bottom:10px;} .col-box-top {height:19px;width:666px;background: url(/images/tog/col-box-top.png) no-repeat;} .col-box-bot {height:24px;width:666px;background: url(/images/tog/col-box-bot.png) no-repeat;} .col-box-content {background: url(/images/tog/col-box-grad.png) repeat-x;margin:0 11px 0 7px;padding:0 10px;min-height:110px;overflow:hidden;} .col-box-content h4 {font-size:1.5em;line-height:1.4em;color:#333;margin-bottom:5px;margin-top:-4px;} .col-box-content p {font-size:1.1em;line-height:1.4em;color:#333;} .col-box-content .show-all {clear:both;margin-top:20px;border-top:1px dotted #999;text-align:center;padding-top:5px;position:relative;} .col-box-content .show-all .open {position:relative;top:0;} .col-box-content .show-all .close {position:relative;top:0;} .col-box-content .show-all a {margin-top:-10px;display:block;} .col-box-content .show-all span {background-color:#e6eaee;padding:0 10px;} .screenshots {} .screenshots .screenshots-wrap {margin-right:-20px;margin-left:3px; /*height:67px;*/overflow:hidden;} .screenshots img {padding:1px;border:1px solid #ccc;float:left;margin-right:15px;margin-bottom:15px;} .screenshots a:hover img {border:1px solid #666;} .videos {} .videos .videos-wrap {margin-right:-20px;margin-left:-2px; /*height:85px;*/overflow:hidden;} .videos .video {float:left;width:158px;height:83px;margin-right:2px;margin-bottom:19px;overflow:hidden;} .videos .video img {border:1px solid #ccc;padding:1px;} .videos .video p {text-align:center;margin:0;font-size:1.0em;} .videos .video a:hover {text-decoration:none;} .videos .video a:hover img {border:1px solid #666;} /*.videos .video a:hover span {text-decoration:underline;}*/ .videos h4 {float:left;width:400px;overflow:hidden;margin-bottom:10px;} .videos p.small {margin:3px 0 5px 0;color:#999;font-style:italic;float:right;width:200px;text-align:right;line-height:1.2em;font-size:10px;} .videos p.more {text-align:center;} .review-box {margin-bottom:7px;} .review-box h5 {font-size:1.3em;text-align:center;text-transform:uppercase;color:#333; background: url(/images/tog/review-box-header-div-trans.png) center bottom no-repeat;margin-bottom:5px;padding-bottom:6px;} .review-box-divs {background: url(/images/tog/review-box-shadow-divs-trans.png) 100px 0px no-repeat;min-height:160px;} .scores {width:125px;float:left;margin-right:18px;} .the-good {width:150px;float:left;margin-right:9px;padding:0 2px;} .the-bad {width:150px;float:left;margin-right:15px;padding:0 2px;} .buy-it {width:150px;float:left;text-align:center;} .buy-it div {margin:0 auto;} .buy-it a {margin-top:3px;display:block;font-size:1.1em;} .buy-it a em {font-size:1.0em;color:#333;} .scores .tog-score {} .scores .tog-score h5 {font-size:1.5em;} .scores .members-score {padding-top:5px;} .scores .members-score h5 span {text-transform:none;color:#666;} .scores .star-rating {background: url(/images/tog/stars-big-bgnd-box.png) no-repeat;width:113px;height:26px;margin-left:5px;margin-bottom:15px;padding-top:3px;} .scores .stars {background: url(/images/tog/stars-big.gif) 0 -21px ;width:100px;height:20px;margin:1px 2px 0 6px;} /*20px wide per star, -11px for half star*/ .scores .stars .stars-0-5 {width:09px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-1 {width:20px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-1-5 {width:29px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-2 {width:40px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-2-5 {width:49px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-3 {width:60px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-3-5 {width:69px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-4 {width:80px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-4-5 {width:89px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .scores .stars .stars-5 {width:100px;height:20px;background: url(/images/tog/stars-big.gif) 0 0px;} .the-good ul, .the-bad ul {font-size:1.1em;line-height:1.3em;margin-left:15px; margin-right:10px;margin-top:6px;margin-bottom:-2px; } .the-good li, .the-bad li {margin-bottom:4px;padding-left:0px;} /*pull quotes*/ span.pullquote {display:block;float:left;padding:10px 0 0 15px;margin:2px 5px;width:200px; font-weight:bold;font-style:italic;line-height:1.4em; background: url(/images/tog/pull-quote-left.gif) no-repeat;} span.pullquote-inner {display:block;padding:0 15px 10px 0;background: url(/images/tog/pull-quote-right.gif) bottom right no-repeat;border:1px solud;margin-bottom:-5px;} span.left {float:left;} span.right {float:right;} span.center {clear:both;width:600px;margin-bottom:10px;padding:10px 20px;} span.center span.pullquote-inner {padding-bottom:7px;} .single-entry .embed {text-align:center;} .single-entry p.caption {text-align:center;font-weight:bold;margin:0 90px 15px 90px;} /* ------------------------------------------------------------ Blog pages ------------------------------------------------------------ */ .section-header {position:relative;} .section-header a.drop-link {padding:2px 0;padding-right:12px;background: url(/images/tog/nav-drop-arrow-white.gif) right center no-repeat;} ul.blog-links {} ul.blog-links li {position:relative;} ul.blog-links a.archives {/*padding-bottom:5px;*/} /*expand target for hover so drop down menu overlaps, and doesn't disappear on mouse out*/ .section-header ul.drop-down {display:none;width:auto;height:auto;position:absolute;padding:6px 10px 2px 8px;margin:0;top:40px;/*left:240px;*/z-index:999;background: #fff url(/images/tog/sub-section-header-shadow.gif) repeat-x;border:1px solid #ccc;border-width:1px 2px 2px 1px;border-style:solid;opacity:0.9;} .section-header ul.drop-down li {float:none;display:block;margin-bottom:5px;} .section-header ul.drop-down li a {color:#333;text-transform:none;} .section-header ul.drop-down li a:hover {text-decoration:underline;} .section-header ul.archives-menu {left:240px;} .section-header ul.tags-menu {left:330px;} .section-header ul.pages-menu {left:180px;} .section-header ul.drop-down li.more {padding-top:2px;margin-top:2px;color:#999;} .section-header ul.drop-down li.more a {font-style:italic;color:#666;/*font-size:0.9em;*/} .blog-index {} .blog-index .entry-item {background: url(/images/tog/h-div-wide-left-trans.png) bottom left no-repeat;margin-bottom:10px;} .blog-index p.details {margin-top:2px;/*float:left;padding:0 7px;*/border-width: 1px;border-style:solid;border-color:#eee; float:left;padding:0 8px 0 6px;} .blog-index p.summary {margin-top:5px;margin-right:20px;} .blog-index span.author, .blog-index span.date, .blog-index span.comments {padding-left:18px;padding-bottom:2px;padding-top:1px;} .blog-index span.author {background: url(/images/tog/icon-author.gif) no-repeat;} .blog-index span.date {background: url(/images/tog/icon-date.gif) no-repeat;} .blog-index span.comments {background: url(/images/tog/icon-comment.gif) no-repeat;} .blog-index .category-header {font-size:1.3em;text-align:center;border:1px solid #ccc;padding:4px 5px 9px 5px;margin-bottom:10px;background-color:#fefefe;font-weight:bold;color:#666;line-height:1.4;} .blog-index .category-header .vdiv {font-weight:normal;color:#ccc;padding:0 2px;} .blog-index h3.date {font-size:1.4em;margin-bottom:11px;padding-bottom:4px;padding-top:5px;/*color:#666;*/border-bottom:1px dotted #ccc;/*letter-spacing:-1px;*/font-style:italic;} * html .blog-index h3.date {border-bottom:1px solid #eee;} .blog-index .back-link, .blog-archives .back-link {font-size:1.2em;font-weight:bold;margin-bottom:18px;} .blog-entry {margin-bottom:20px;} .blog-categories {display:none;} .blog-categories-vis {display:inline;} #more-entries {margin-top:30px;} #more-entries h4 {font-size:1.6em;margin-bottom:7px;border-bottom:1px solid #ccc;margin-right:30px;padding-bottom:6px;} #more-entries h4 .vdiv {font-weight:normal;color:#ccc;margin:0 2px;} #more-entries p {font-size:1.2em;line-height:1.9em;} #content-block p .entry-meta {font-style:italic;color:#777;font-size:0.95em;} #content-block p .entry-meta a {font-style:italic;color:#777;} #content-block p .entry-meta .vdiv {font-style:normal;margin:0 2px;color:#ccc;} #more-entries p a {} .comments-off {font-style:italic;} .blog-entry p.has-comment {float:left;width:370px;margin-top:0px;} .blog-entry .latest-comment {float:right;width:200px;padding:5px 20px 10px 30px;margin-bottom:15px; background:url(/images/tog/pull-quote-left.gif) 10px 0 no-repeat;border-left:2px solid #eee;margin-right:-20px;margin-top:-10px;} .blog-entry .latest-comment-inner {background: url(/images/tog/pull-quote-right.gif) bottom right no-repeat;padding-bottom:8px;margin-bottom:-8px;} .blog-entry .latest-comment h5 {font-size:1.4em;font-style:italic;color:#666;margin-bottom:6px;} .blog-entry .latest-comment p {font-style:italic;line-height:1.3em;margin-bottom:4px;color:#666;} .blog-entry .latest-comment p a {font-weight:normal;} .blog-entry .latest-comment .meta {font-weight:normal;font-size:1.1em;color:#666;} .blog-archives {} .blog-archives h3.year {margin-top:30px;} .blog-archives h3.first {margin-top:20px;} .blog-archives h3.date {margin-top:10px;} .blog-archives p {margin-bottom:0;} /* tags */ .blog-tags {} .blog-tags #tag-cloud {} .blog-tags #tag-cloud ul {list-style-type:none;} .blog-tags #tag-cloud a {display:block;margin-bottom:5px;} .blog-tags #tag-cloud a span.number {color:#999;} .section-header ul.tags-menu a span.number {color:#999;} /*tags listed in single entry top bar*/ .blog-entry .meta .label {color:#333;} .blog-entry .top-bar .meta {color:#ccc;max-width:380px;overflow:hidden;max-height:12px;text-align:right;margin-right:5px;} /* ------------------------------------------------------------ Comment / user reviews ------------------------------------------------------------ */ #comments {} .member-reviews {} #comments h3, #comment-form h3 {color:#203f51;margin:20px 0 8px 5px;font-size:2.2em;letter-spacing:-1px;} #comments h3 a {/*text-transform:uppercase;*/font-size:0.8em;color:#666;} #comments h3 .vdiv {font-weight:normal;color:#eee;margin:0 3px;} .comment {color:#333;} .comment .comment-header {font-size:1.2em;font-weight:bold;padding-bottom:22px;margin-bottom:5px;background: url(/images/tog/h-div-wide-left-trans.png) left bottom no-repeat;} .comment-header .comment-title {} .comment-header .comment-author {color:#000;margin-left:2px;} .comment-header .comment-author a {color:#000;} .comment-header .comment-date, .comment-header .comment-date a {color:#666;} .comment-header .report a {color:#bbb;} .comment-header .report a:hover {color:#000;} .comment-header .vdiv {color:#ccc;margin:0 3px;} .comment p {font-size:1.2em;} .comment ul {font-size:1.2em;margin-left:25px;margin-bottom:20px;} .comment li {margin-bottom:5px;} #comments blockquote {font-style:italic;color:;padding:2px 15px;background-color:transparent;margin-left:0;margin-right:0;} #comments blockquote p {color:#777;} /* for user reviews */ .star-rating-small { display:-moz-inline-block;display:-moz-inline-box;display:inline-block;vertical-align: middle; /*as per inline rater: http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/*/ width:55px;height:11px;background:url(/images/tog/stars-small.gif) 0 -12px;margin-top:-2px;} p.details .star-rating-small {margin-top:-4px;} .star-rating-small .stars-1, .star-rating-small .stars-2, .star-rating-small .stars-3, .star-rating-small .stars-4, .star-rating-small .stars-5, .star-rating-small .stars-1-0, .star-rating-small .stars-1-5, .star-rating-small .stars-2-0, .star-rating-small .stars-2-5, .star-rating-small .stars-3-0, .star-rating-small .stars-3-5, .star-rating-small .stars-4-0, .star-rating-small .stars-4-5, .star-rating-small .stars-5-0 {display:block;height:11px;background:url(/images/tog/stars-small.gif) 0 0px;} .star-rating-small .stars-1 {width:11px;} .star-rating-small .stars-2 {width:22px;} .star-rating-small .stars-3 {width:33px;} .star-rating-small .stars-4 {width:44px;} .star-rating-small .stars-5 {width:55px;} .star-rating-small .stars-1-0 {width:11px;} .star-rating-small .stars-1-5 {width:16px;} .star-rating-small .stars-2-0 {width:22px;} .star-rating-small .stars-2-5 {width:27px;} .star-rating-small .stars-3-0 {width:33px;} .star-rating-small .stars-3-5 {width:38px;} .star-rating-small .stars-4-0 {width:44px;} .star-rating-small .stars-4-5 {width:49px;} .star-rating-small .stars-5-0 {width:55px;} /*comment form*/ #comment-form {} .review-form {} #comment-form .clearfix {padding-top:4px;} #comment-form.review-form .clearfix {border-top:1px solid #ccc;padding:12px 0 10px 0;} #comment-form.review-form .first, #comment-form .first {border:none;padding-top:0px;} #comment-form .label {float:left;width:100px;font-weight:bold;font-size:1.2em;text-align:right;} #comment-form p.small {font-size:0.9em;line-height:1.5em;font-weight:normal;margin:0 -2px;margin-top:10px; /*color:#7d7e7f;*/ } #comment-form input.text {float:left;margin-left:10px;border:1px solid #ccc;} #comment-form textarea {float:left;margin-left:10px;width:500px;border:1px solid #ccc;} #comment-form .checkbox {margin:10px 15px 0 110px;text-align:right;} #comment-form .submit {clear:both;text-align:right;padding:10px 12px 5px 0;} #comment-form input#submit {padding:3px 5px;} #comment-form .star-rating {margin-left:0px;float:left;} #comment-form #star-hover-text {margin-left:10px;font-weight:bold;color:#999;font-size:1.1em;} /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ - modified by luke */ /* div.rating {cursor:pointer;margin:2em;clear:both;display:block} div.rating:after {content:'.';display:block;height:0;width:0;clear:both;visibility:hidden}*/ div.cancel, div.star {float:left;width:11px;height:11px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.cancel, div.cancel a {background:url(delete.gif) no-repeat 0 -16px} div.star, div.star a {background:url(/images/tog/stars-small.gif) 0 -12px no-repeat;} div.cancel a, div.star a {display:block;width:11px;height:100%;background-position:0 -12px;} div.star_on a {background-position:0 0px !important} div.star_hover a, div.star_live a:hover {background-position:0 0px} /* Read Only CSS */ div.star_readonly a, div.star_readonly a:hover {cursor:default !important} /* Partial Star CSS */ div.star {background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* ------------------------------------------------------------ Entry submission form ------------------------------------------------------------ */ #content-block.form-page h2 {margin-bottom:0;} .form-page h2 {margin-bottom:0;} .entry-form {} .entry-form form {width:640px;} .entry-form .form-left {float:left;width:375px;} .entry-form .form-right {float:right;width:200px; border:1px solid #ccc;background-color:#f5f5f5;padding:10px;margin-top:10px;} .entry-form p {margin:0;} .entry-form label {display:block;color:#666;text-transform:uppercase;font-size:11px;} .entry-form label span {text-transform:none;} .entry-form .form-right label {display:inline;margin-left:1px;} .entry-form p.label {margin-bottom:2px;} .entry-form input.text, .entry-form input.file, .entry-form textarea {border:1px solid #ccc;padding:3px;margin-bottom:9px;} .entry-form p input, .entry-form p textarea, .entry-form p select, .entry-form .submit-buttons input {font-size:11px;} .entry-form p textarea {width:370px;} .entry-form p.instructions {margin-top:-2px;font-style:normal;line-height:1.2em;margin-bottom:12px;} .entry-form .form-right p.instructions {margin-top:3px;font-style:normal;color:#666;line-height:14px;} .entry-form p.field_id_3, .entry-form #field_id_3, .entry-form p.field_id_21, .entry-form p.field_id_23 {display:none;} .entry-form span.required {color:darkred;} /*.entry-form p.field_id_22 {border:1px solid;}*/ .entry-form table.calendar {margin-top:8px;} .entry-form table.calendar .calheading, .entry-form table.calendar .calnavleft, .entry-form table.calendar .calnavright, .entry-form table.calendar .caldayselected {background-color:#203f51;} .entry-form table.calendar .caldaycells {background-color:#ddd;border:1px solid #eee;} .entry-form label.field_id_22 {display:none;border:1px solid;} .entry-form .calendar-links {font-size:0.8em;margin-left:3px;} .entry-form .vdiv {color:#ccc;} .entry-form p.upload {margin:10px 0;font-size:1.1em;text-transform:uppercase;} .entry-form a.upload {border:1px solid #999;background-color:#eee;padding:3px;} .entry-form p.feature-image-upload {margin:10px 0;} .entry-form p.feature-image-upload label {margin-bottom:3px;} /*rhs*/ .entry-form .submit-buttons {margin:20px 0 10px 0;/*text-align:center;*/} .entry-form .submit-buttons input {margin-right:10px;font-size:1.4em;padding:3px;} .entry-form p.status {margin-bottom:15px;} .entry-form p.status select {min-width:70px} .entry-form p.categories {margin-top:10px;} /*buttons*/ .entry-form table {} .buttonInsert {} table.buttonMargin {} td.htmlButtonOuter {} td.htmlButtonInner {} div.htmlButtonA {} div.htmlButtonA a {} /*ee button styles*/ .buttonMargin { margin-top:10px;margin-bottom: 4px; } .buttonInsert {background: #fff url(/themes/cp_themes/default/images/gradient_bg.jpg) repeat-x left top;border: #6F7CA2 1px solid;padding: 6px;margin: 10px 0 2px 0px; } .htmlButtonOuter, .htmlButtonOuterL {background-color: #f6f6f6;padding: 0;border-top: #333 1px solid;border-right: #333 1px solid;border-bottom: #333 1px solid; } .htmlButtonOuterL {border-left: #333 1px solid; } .htmlButtonInner {background-color: transparent;border-left: #fff 1px solid;border-top: #fff 1px solid;border-right: #ccc 1px solid;border-bottom: #ccc 1px solid; } .htmlButtonA {font-size: 11px;font-weight: bold;padding: 2px 3px 3px 3px;white-space: nowrap; } .htmlButtonB {font-size: 11px;font-weight: bold;background: #E1E3EC;padding: 2px 3px 3px 3px;white-space: nowrap; } .htmlButtonA a:link {color: #000;font-weight: bold;text-decoration: none;white-space: nowrap; } .htmlButtonA a:visited {text-decoration: none; } .htmlButtonA a:active {text-decoration: none;color: #999; } .htmlButtonA a:hover {text-decoration: none;color: #999; } .htmlButtonB a:link {color: #990000;font-weight: bold;text-decoration: none;white-space: nowrap; } .htmlButtonB a:visited {text-decoration: none; } .htmlButtonB a:active {text-decoration: none;color: #999; } .htmlButtonB a:hover {color: #999;text-decoration: none; } .buttonMode {font-size: 10px;color: #73769D;background-color: transparent;white-space: nowrap; } .htmlButtonOff {font-size: 11px;font-weight: bold;padding: 1px 2px 2px 2px;white-space: nowrap; } .htmlButtonOff a:link {color: #000;text-decoration: none;white-space: nowrap; } .htmlButtonOff a:visited {text-decoration: none; } .htmlButtonOff a:active {text-decoration: none;color: #999; } .htmlButtonOff a:hover {text-decoration: none;color: #999; } .htmlButtonOn {font-size: 11px;font-weight: bold;background: #f6f6f6;padding: 1px 2px 2px 2px;white-space: nowrap; } .htmlButtonOn a:link {color: #990000;text-decoration: none;white-space: nowrap; } .htmlButtonOn a:visited {text-decoration: none; } .htmlButtonOn a:active {text-decoration: none;color: #999; } .htmlButtonOn a:hover {color: #999;text-decoration: none; } /* edit form file remave */ .entry-form table.file_table {width:320px;font-size:1.1em;/*border:1px solid;*/} .entry-form table.file_table .tableCellOne {padding:4px;} .entry-form table.file_table tr.deleted a {color:#666;text-decoration:line-through;margin-left:4px;} .entry-form table.file_table tr.deleted {padding-bottom:13px;} /* ------------------------------------------------------------ RHS ------------------------------------------------------------ */ #rhs-col {width:314px;float:right;padding-top:6px;margin-right:-3px;} .rhs-box {width:302px;background: url(/images/tog/rhs-box-bgnd.gif) repeat-y;margin-bottom:10px;} .rhs-box-top {height:6px;background: url(/images/tog/rhs-box-top.gif) no-repeat;} .rhs-box-inner {background: url(/images/tog/rhs-box-grad-bot.gif) left bottom repeat-x;margin:0 2px;} .rhs-box-content {background: url(/images/tog/rhs-box-grad-top.gif) repeat-x;/*min-height:100px;*/padding:5px 10px 7px 10px;} .rhs-box-bot {height:10px;background: url(/images/tog/rhs-box-bot.gif) no-repeat;} /*alt rhs box bgnd*/ .rhs-box-alt {background: url(/images/tog/rhs-box-bgnd-alt.gif) repeat-y;} .rhs-box-alt .rhs-box-top {background: url(/images/tog/rhs-box-top-alt.gif) no-repeat;} .rhs-box-alt .rhs-box-inner {background: url(/images/tog/rhs-box-grad-bot-alt.gif) left bottom repeat-x;} .rhs-box-alt .rhs-box-content {background: url(/images/tog/rhs-box-grad-top-alt.gif) repeat-x;} .rhs-box-alt .rhs-box-bot {background: url(/images/tog/rhs-box-bot-alt.gif) no-repeat;} .rhs-box p {font-size:1.2em;} .rhs-box h4 {font-size:1.2em;/*border-bottom:1px solid #ccc;padding-bottom:4px;*/ background: url(/images/tog/h-div-half-col-trans.png) bottom left no-repeat;padding-bottom:9px;margin-bottom:-3px;} .rhs-box ul {list-style-type:none;padding-top:9px;margin-bottom:-4px;} .rhs-box li {font-size:1.2em;line-height:1.4em;margin-bottom:8px;background: url(/images/tog/rhs-li-arrow.gif) 0 4px no-repeat;padding-left:10px;} .rhs-box li a {/*border-bottom:1px solid #afb5b9;*/} .rhs-box li a:hover {text-decoration:underline;/*border-bottom:1px solid #333;*/} .rhs-box li a .type {border-bottom:0px;text-transform:uppercase;font-size:0.9em;color:#666;} .rhs-box a {color:#333;font-weight:bold;/*border-bottom:1px solid #ccc;*/} .rhs-box .vdiv {color:#000;padding:0 2px;opacity:0.2;} .rhs-box p.user {margin-bottom:4px;} .rhs-box p.user .logout {color:#666;margin-left:2px;} .rhs-box p.user .logout a {} .rhs-box p.user-links {margin-bottom:10px;} .rhs-box p.ads-promo {font-size:1.0em;line-height:1.3em;background-color:#e4e9ed;padding:5px 4px 4px 4px;margin:0 -4px;margin-top:8px;color:#666;border-radius: 3px;/*for future*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;} .rhs-box p.notice {margin:0;font-size:1.1em;line-height:1.5em;background-color:#e4e9ed;padding:7px;margin:0 -4px;color:#666;font-weight:bold;border-radius: 3px;/*for future*/ -moz-border-radius: 3px; -webkit-border-radius: 3px;} .rhs-box p.sorry {padding-bottom:10px;margin-bottom:0;} .rhs-box p.small {font-size:1.0em;margin-bottom:5px;} .rhs-box-content {min-height:65px;} #rhs-login-load {} #rhs-login-load h4 a {text-decoration:underline;} .rhs-login-form {margin-top:6px;} #rhs-col label {display:block;margin-bottom:-3px;} #rhs-col label.overlabel-apply {display:block;position:absolute;color:#999;margin:1px 0 0 7px;font-size:11px;} .rhs-login-form p.username input, .rhs-login-form p.password input {width:110px;border:1px solid #999;padding:2px;} .rhs-login-form p {margin:0;position:relative;} .rhs-login-form p.username {width:124px;float:left;} .rhs-login-form p.password {width:130px;float:left;margin-bottom:8px;} .rhs-login-form p.remember {float:right;width:215px;} .rhs-login-form p.remember label {color:#666;font-size:0.9em;} .rhs-login-form input.submit {font-size:11px;} /*ads*/ .rhs-ad-rectangle {margin-bottom:10px;margin-left:1px;} /*latest / popular articles*/ .rhs-box #top-articles {/*min-height:100px;*/} .rhs-box #top-articles ul.tab-header {margin-top:-4px;margin-left:0px;margin-bottom:-6px;} .rhs-box #top-articles ul.tab-header li {float:left;background-image:none;background-color:#eee;padding:3px 3px;margin:-4px 6px 2px 0;opacity:0.8;font-size:11px;border:1px solid #bbb;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;font-size:12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .rhs-box #top-articles ul.tab-header li a {border:0;color:#666;font-size:12px;} /*.rhs-box #top-articles ul.tab-header li {float:left;background-image:none;padding:0;margin-right:6px; background-color:#d0d8de;padding:1px 4px;margin-top:-1px;color:#666;opacity:0.8;font-size:12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .rhs-box #top-articles ul.tab-header li a {border:0;color:#666;font-size:12px;}*/ .rhs-box #top-articles ul.tab-header li.ui-tabs-selected {background-color:transparent;padding:0;color:#333;opacity:1.0;margin-top:0;border:0px;} .rhs-box #top-articles ul.tab-header li.ui-tabs-selected div {background-color:transparent !important;} /*override rounded corner js for active tab*/ .rhs-box #top-articles ul.tab-header li.ui-tabs-selected a {color:#333;font-size:13px;} .rhs-box #top-articles ul.tab-header li.ui-tabs-selected a:hover {text-decoration:none;cursor:default;} .rhs-box div#latest-articles {} .rhs-box div#popular-articles {} /*videos*/ .rhs-box .latest-videos {/*height:292px;overflow:hidden;*/ height:289px;overflow:hidden;} .rhs-box .latest-videos p.small {margin-top:5px;} .rhs-box .latest-videos .video {padding-bottom:9px;} .rhs-box .latest-videos .video p {margin:0;font-size:1.1em;line-height:1.4em;} .rhs-box .latest-videos .video a {} .rhs-box .latest-videos .video img {width:75px;height:31px;float:left;padding:1px;border:1px solid #ccc;} .rhs-box .latest-videos .video a:hover {text-decoration:underline;} .rhs-box .latest-videos .video a:hover img {border-color:#999;} .rhs-box .latest-videos .video span {margin-top:2px;display:block;float:right;width:192px;height:33px;overflow:hidden;} .rhs-box .latest-videos ul.mini-tabs {margin-left:55px;margin-top:-10px;} .rhs-box .latest-videos ul.mini-tabs li {float:left;background-image:none;padding:0;margin-right:4px; background-color:#eee;padding:3px 4px;margin-top:-1px;color:#666;opacity:0.5;font-size:11px;border:1px solid #ccc;line-height:1.1;border-radius: 4px; /*for future*/ -moz-border-radius: 4px; -webkit-border-radius: 4px;} .rhs-box .latest-videos ul.mini-tabs li a {border:0;color:#666;font-size:12px;} .rhs-box .latest-videos ul.mini-tabs li a:hover {color:#333;} .rhs-box .latest-videos ul.mini-tabs li.ui-tabs-selected {/*background-color:transparent;*//*padding:0;*/color:#333;opacity:0.8;margin-top:0;} .rhs-box .latest-videos ul.mini-tabs li.ui-tabs-selected a {color:#333;/*font-size:11px;*/} .rhs-box .latest-videos ul.mini-tabs li.ui-tabs-selected a:hover {text-decoration:none;cursor:default;} .rhs-box #rhs-videos-tabbed {margin-top:9px;} /*polls*/ .rhs-box {} .rhs-box .rhs-poll {height:230px;overflow:hidden;} .rhs-box .rhs-poll h4 {margin-bottom:10px;} .rhs-box .rhs-poll p {margin-bottom:3px;font-style:italic;} .rhs-box .rhs-poll ul {margin:0;margin-top:-15px;} .rhs-box .rhs-poll ul li {background-image:none;padding-left:0;clear:both;} ul.lg-polls-answers {list-style-type:none;position:relative;} ul.lg-polls-answers li.a-1 {} ul.lg-polls-answers li {margin:9px 0;height:20px;} ul.lg-polls-answers label {} ul.lg-polls-answers label span.input {width:20px;float:left;} ul.lg-polls-answers label span.answer {display:block;float:left;width:250px;} ul.lg-polls-answers span.answer {font-size:0.9em;font-weight:bold;font-style:italic;} ul.lg-polls-answers label span.answer {font-size:1em;font-weight:normal;font-style:normal;z-index:2;} ul.lg-polls-answers span.answer-total-votes {font-size:0.9em;color:#000;font-weight:bold;margin-left:2px;background-color:#fff;padding:0 2px;opacity:0.55;} ul.lg-polls-answers .percentage-max {/*border:1px solid #ccc;*/padding:1px;width:100%;margin-top:7px;height:16px;z-index:2;/*border:1px solid #ccc;*/} ul.lg-polls-answers .percentage {background-color:#fff/*#203f51*/;color:#fff;padding-left:0px;height:18px;position:absolute;z-index:1;margin-top:-1px;margin-left:-2px;} ul.lg-polls-answers .percentage-max .answer {z-index:2;position:relative;max-width:177px;overflow:hidden;display:inline-block;height:15px;color:#000;} ul.lg-polls-answers .percentage-max .answer-total-votes {z-index:2;position:relative;margin-left:5px;border:1px dotted #999;border-width:0 1px;background:none;padding:0 5px;font-style:italic;} ul.lg-polls-answers .percentage-max small {/*background-color:#203f51;*/color:#333;height:15px;/*display:block;*/min-width:18px;line-height:1.5em;z-index:20;margin-left:4px;position:relative;font-weight:bold;} .lg-poll .poll-total-votes {margin:15px 0 5px 0;font-size:1.1em;font-weight:bold;} .rhs-box .lg-poll .submit {margin-top:10px;margin-left:18px;} .rhs-box .lg-poll .submit input {float:left;} .rhs-box .lg-poll .submit .poll-links {float:left;margin:5px 0 0 5px;} #content-block .lg-poll {} #content-block .lg-poll ul {padding:5px 20px;margin-top:-15px;} #content-block .lg-poll li {margin:12px 0;font-size:1.2em;} #content-block .lg-poll .submit {margin:20px 0;margin-bottom:40px;} #content-block .lg-poll .poll-total-votes {margin-left:20px;} /* ------------------------------------------------------------ Footer ------------------------------------------------------------ */ #footer {padding:20px 0 20px 0;margin-top:20px;background: #fff url(/images/tog/sub-section-header-shadow.gif) repeat-x;border-top:1px solid #aaa;} #footer p {color:#999;font-size:1.0em;margin:0;text-align:center;} /* ------------------------------------------------------------ Tabs jquery css (essential only) ------------------------------------------------------------ */ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } /* ------------------------------------------------------------ Forums shell ------------------------------------------------------------ */ .forums-body {} /* news content-box */ .forums-body .forum-content-box {background:none;margin-top:6px;} .forums-body .forum-content-box .content {background:none;margin-left:5px;} .forums-body .forum-content-box .sub-block-wrap {width:668px;} .forums-body .forum-content-box .sub-block {} .forums-body .forum-content-box .sub-block-bot {background: url(/images/tog/sub-block-bot.png) no-repeat;} /* forum wrapper */ .forums-body .forums-wrap {width:990px;margin-left:5px;background:none;} .forums-body .forums-wrap .section-header {width:989px;} .forums-body .forums-wrap .section-header-mid {width:955px;} .forums-body .forums-wrap .content-top {height:17px;background: url(/images/tog/content-top-wide.gif) no-repeat;margin-top:-12px;} .forums-body .forums-wrap .content {background: none;/*position:relative;*/padding-top:0px;margin-top:-7px;} .forums-body .forums-wrap .content-bot {background: url(/images/tog/content-bot-wide.gif) repeat-y;} /* section header */ .forums-body .forums-wrap .section-header {color:#fff;font-family:arial, helvetica, sans-serif;} .forums-body .forums-wrap .section-header a {color:#fff;font-family:arial, helvetica, sans-serif;} .forums-body .forums-wrap {background: url(/images/tog/content-bgnd-wide.gif) repeat-y;} /*forum body*/ /*.forums-body .normal-width table {width:750px;} .forums-body .full-width table {width:945px;} .forums-body .normal-width table table, .forums-body .full-width table table {width:auto;} */ .forums-body .normal-width div.tborder {width:auto;} /*.forums-body .normal-width div.tborder table {width:746px;text-align:left;}*/ .forums-body .full-width div.tborder {width:auto;} /*.forums-body .full-width div.tborder table {width:941px;}*/ .forums-body td {padding:7px;} .forums-body td td {padding:1px;} .forums-body td .pagenav table {width:1%;} /*shrinkwrap table*/ /*.forums-body .vbmenu_popup table {width:1%;}*/ /*shrinkwrap table*/ /*.forums-body .vbmenu_popup {border:1px solid;}*/ #forumtools_menu {/*border:1px solid;position:absolute;top:1px;right:0px;*/} /*#forumtools_menu {border:1px solid;}*/ .forums-body .page {background:none;text-align:left;clear:both;} .forums-body .page-inner {text-align:left;padding:0 15px;float:left;} .forums-body .tfoot {} /*.forums-body td.alt1Active table {text-align:left;width:auto;}*/ /*for ie, which doesn't override align="center" on tables */ .forums-body .normal-width .page-inner {width:820px;} .forums-body .full-width .page-inner {width:945px;} .vb-redirect {text-align:center;} .vb-redirect form {background: #c8cdd1 url(/images/tog/page-bgnd-grad.gif) 0px -50px repeat-x;} .vb-redirect table.tborder {margin:0 auto;} /*forum ad*/ body#forum .normal-width-wrap {/*position:relative;*/width:780px;float:left;} /*div#posts {min-height:1450px;border:1px solid;}*/ .forum-ad {width:120px;height:1850px;/*background-color:#999;*//*top:15px;right:20px;*//*top:800px;right:60px;position:absolute;*/float:right;margin:15px 10px 0 0;/*position:absolute;top:0;right:0;*/} .forums-body #rhs-col {} .forums-body .rhs-box {margin-top:2px;} .forums-body .rhs-ad-rectangle {margin-top:4px;} .ie-bug-fix {display:none;} /*fix disappearing absolutely positioned div next to float bug*/ /* for ie6 */ * html .forums-body #rhs-col {position:absolute;right:30px;top:160px;} * html .forums-body .page {} * html .ie-bug-fix {display:block;} /*can't be inline, +see above*/ #vb-latest-division-load, #vb-latest-content-load {height:200px;overflow:hidden;} #vb-latest-division-load .entry-item {/*max-height:57px;*/} #vb-latest-division-load h5, #vb-latest-content-load h5 {font-size:1.5em;line-height:1;margin-top:2px;} #vb-latest-content-load .entry-item, #vb-latest-division-load .entry-item {margin-bottom:8px;padding-bottom:10px;} #vb-latest-content-load .entry-item p.summary {margin:0;font-size:1.2em;} #vb-latest-division-load .entry-item p.summary {margin:0;font-size:1.2em;} #vb-latest-division-load .entry-item p.summary .vdiv {padding:0 1px;} /*forum notes - move .page inline to css - move .page div to .page-inner css, add class - forum footer text align - conditional width - normal-width vs full-width - forums active nav? - */ /* ------------------------------------------------------------ Supporters Page ------------------------------------------------------------ */ .supporters {} .supporters table {border-collapse:collapse;margin:25px auto;} .supporters table th {padding:7px 5px;margin:0;border:1px solid #999; font-weight:bold;font-size:1.2em;background: #203f51 url(/images/tog/sub-section-header-bgnd-trans.png) 0px -3px repeat-x;color:#fff;text-align:center;} .supporters table td {padding:12px 15px 7px 15px;margin:0;border:1px solid #ccc;background: url(/images/tog/content-header-shadow.gif) 0 1px repeat-x;text-align:center;} .supporters table td.feature {font-weight:bold;font-size:1.2em;text-align:left;} .supporters table tr.cost-row {border-top:2px solid #999;} .supporters table tr.cost-row td.feature {padding-bottom:10px;} .supporters table td.cost {font-weight:bold;font-size:1.2em;padding-bottom:10px;} .supporters table td ul {margin-top:10px;margin-bottom:10px;} .supporters table td li {margin-top:0px;margin-bottom:4px;font-size:0.8em;} .supporters a.sign-up {background: #203f51 url(/images/tog/sub-section-header-bgnd-trans.png) 0px -3px repeat-x;padding:3px 5px;color:#fff;border-radius: 4px; /*for future*/ -moz-border-radius: 4px; -webkit-border-radius: 4px;} #content-block.supporters p.small {font-size:1.1em;font-style:normal;opacity:1;color:#777;} /* ------------------------------------------------------------ TO DO ------------------------------------------------------------ */ /* - sub-block headers - 1px in corner, just make med grey? needs to blend w bgnd grad & white - sub-header shadow 1px left out - platform links/field - ie7 entries list inner bot shadow randomly disappearing, at least on forum page ideas: - reviews page: 1 col reviews, 1 col latest user reviews? (ditto features/comments?) */