/* name - style1
description - city scene changing by time of day
************************************************
-- DAY --
color1 - #1AB5FF
color2 - #1AB5FF
-- NIGHT --
color1 - #1AB5FF
color2 - #1AB5FF
-- DUSK --
color1 - #1AB5FF
color2 - #1AB5FF
-- DAWN --
color1 - #1AB5FF
color2 - #1AB5FF
color3 - #1AB5FF
************************************************
to update this style, first replace the header/footer image, then search and replace the 3 colors listed above.
*/
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: proSilver
Based on style: proSilver (this is the default phpBB 3 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: RocketTheme, LLC (C) Copyright. All rights reserved.
Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/
/* header */
.chatbox {
z-index:99;
margin-bottom:31px;
position: fixed;
position:expression("absolute");
width: 225px;
display:none;
}
.chatboxhead {
background-color: #539FCF;
padding-left:5px;
padding-right:5px;
color: #ffffff;
border-right:1px solid #539FCF;
border-left:1px solid #539FCF;
}
.chatboxblink {
background-color: #C30;
border-right:1px solid #C30;
border-left:1px solid #C30;
}
.chatboxcontent {
font-family: arial, sans-serif;
font-size: 13px;
color: #333333;
height:213px;
width:209px;
overflow-y:auto;
overflow-x:hidden;
padding:7px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #eeeeee;
background-color: #ffffff;
line-height: 1.3em;
}
.chatboxinput {
padding: 5px;
background-color: #ffffff;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.chatboxtextarea {
width: 206px;
height:32px;
padding:3px 0pt 3px 3px;
border: 1px solid #eeeeee;
margin: 1px;
overflow:hidden;
}
.chatboxtextareaselected {
border: 2px solid #539FCF;
margin:0;
}
.chatboxmessage {
margin-left:1em;
}
.chatboxinfo {
margin-left:-1em;
color:#666666;
}
.chatboxmessagefrom {
margin-left:-1em;
font-weight: bold;
}
.chatboxmessagecontent {
}
.chatboxoptions {
float: right;
}
.chatboxoptions a {
text-decoration: none;
color: white;
font-weight:bold;
font-family:Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
.chatboxtitle {
float: left;
}
html {
height: 100%;
margin-bottom: 1px;
}
body, td {
font-family: Helvetica, Arial, sans-serif;
}
body, body.f-default {
font-size: 12px;
margin: 0;
padding: 0;
background: #fff;
}
hr {
border-color: #262626;
border-top-color: #262626;
}
hr.dashed {
border-top-color: #262626;
}
#tabs .activetab a {
border-bottom: 0px;
}
#tabs a:hover span {
color: #CCCCCC;
}
#tabs .activetab a span {
color: #CCCCCC;
}
#wrap {
padding: 0px;
}
h1, h2, h3, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 25px 0;
font-family: Century Gothic, Arial, sans-serif;
text-transform: none;
font-weight: normal;
}
h3 {
border-bottom-color: #262626;
}
.content h2, .panel h2 {
border-bottom-color: #262626;
}
.postprofile {
border-left-color: #262626;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 175%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 120%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* @Phpbb3*/
.cp-mini {
background-color:#121212;
}
#cp-main .pm {
background-color:#121212;
}
ul.navlinks {
border-bottom: 1px solid #262626;
}
ul.navlinks2 {
border-bottom: 0px;
font-weight: bold;
}
dd label {
color: #555555;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #555555;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
li.row strong {
color: #666666;
}
.postprofile strong {
color: #999999;
}
.forabg {
background-color: Black;
background-image: url("/forum/styles/prosilver/theme/images/bg_list.gif");
border: 1px solid #333333;
}
.forumbg {
background-color: Black;
background-image: url("/forum/styles/prosilver/theme/images/bg_list.gif");
border: 1px solid #333333;
}
.forabg div.accent, .forumbg div.accent {
margin: 0px;
}
li.row {
border-top: 0px;
border-bottom: 0px;
background: #121212 url("/forum/styles/prosilver/theme/images/bg_header.png") repeat-x;
}
li.row:hover {
background-color: #121212;
}
ul.topiclist dd {
border-left: 0px;
}
ul.topiclist li {
color: #777777;
}
div.clr {
height: 5px;
font-size: 2px;
display: block;
}
ul.forums {
background: none;
}
li.header {
padding-left: 5px;
padding-top: 8px;
padding-bottom: 7px;
background: #121212 url("/forum/styles/prosilver/theme/images/bg_header_main.png") repeat-x;
text-transform: none;
}
li.header dt, li.header dd {
font-size: 13px;
font-family: Century Gothic, Arial, sans-serif;
text-transform: none;
color: #999999;
}
li.header dt {
font-weight: normal;
}
a.forumtitle, a.topictitle {
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
}
dd.lastpost {
font-size: 0.9em;
}
#cp-main div.panel {
background-color: #121212;
}
#cp-main .panel li.row {
border-bottom-color: #121212;
border-top-color: #121212;
}
ul.cplist {
border-top-color: #121212;
}
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #191919;
}
table.table1 tbody td {
border-top-color: #121212;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #222222;
color: #fff;
}
#navigation a {
color: #999999;
background-color: #222222;
background-image: url("/forum/styles/prosilver/theme/images/bg_menu.png");
}
#navigation a span {
color: #555555;
}
#navigation a:hover {
background-color: #222222;
color: #3168B0;
}
#navigation #active-subsection a {
background-color: #121212;
background-image: none;
}
#navigation #active-subsection a span {
color: #999999;
}
#navigation #active-subsection a:hover {
color: #333333;
}
#cp-main .panel p, .postbody .content {
color: #CCCCCC;
}
.postbody {
color: #555555;
}
dl.faq dt {
color: #CCCCCC;
}
dd {
color: #999999;
}
.forumbg-table {
border: 0px;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #CCCCCC;
}
dl.details dt {
color: #CCCCCC;
}
.content p {
color: #CCCCCC;
}
.bg1, .bg2, .bg3, div.panel {
background-color: #191919;
}
div.navbar {
background-color: #191919;
}
/* @end Phpbb3*/
/* @group Structure */
.wrapper {
position: relative;
}
#header, #horiz-menu, #inset, #bottom-modules, #footer-bar, #footer-shadow {
margin: 0 25px;
}
#header {
height: 83px;
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png") 0 0 repeat;
}
#overall-frame {
width: 100%;
position: relative;
}
#body {
margin: 0 25px;
background: #121212;
padding: 2px;
overflow-x: hidden
}
:focus {
-moz-outline-style:none;
outline:none
}
table.mainbody {
width: 100%;
margin: 0;
padding: 0;
background: #121212 url("/forum/styles/prosilver/theme/images/joomla/body-bg.png") 0 0 repeat-x;
}
td.maincol, td.secondcol, td.thirdcol {
margin: 0;
width: auto;
padding: 0;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow.png") 0 0 repeat-y;
}
table.mainbody .padding {
padding: 0px 15px 10px 15px;
margin: 0;
}
.accent {
height: 1px;
overflow: hidden;
}
.accent .accent-right {
float: right;
width: 60px;
height: 1px;
background: url("/forum/styles/prosilver/theme/images/joomla/accent-top-right.png") 100% 0 no-repeat;
}
.accent .accent-left {
float: left;
width: 60px;
height: 1px;
background: url("/forum/styles/prosilver/theme/images/joomla/accent-top-left.png") 0 0 no-repeat;
}
.bottom .accent .accent-right {
background: url("/forum/styles/prosilver/theme/images/joomla/accent-bottom-right.png") 100% 0 no-repeat;
}
.bottom .accent .accent-left {
background: url("/forum/styles/prosilver/theme/images/joomla/accent-bottom-left.png") 0 0 no-repeat;
}
.maincol .accent {
height: 1px;
margin: 0 0 10px 0;
}
.maincol.bottom .accent {
height: 1px;
margin: 10px 0 10px 0;
}
.secondcol .accent, .thirdcol .accent {
height: 1px;
margin: 0 0 15px 0;
}
.secondcol.bottom .accent, .thirdcol.bottom .accent {
height: 1px;
margin: 10px 0 10px 0;
}
td.bottom {
padding: 0 18px;
}
td.maincol.bottom {
padding: 10px;
}
#maincol {
color: #ccc;
padding: 10px;
margin: 0;
}
#secondcol, #thirdcol {
color: #ccc;
padding: 10px 18px 10px 18px;
}
#bottom-modules {
margin-top: 50px;
color: #ccc;
background: #000;
}
#footer-bar {
height: 35px;
background: #000;
}
img#rocket {
width: 148px;
height: 35px;
background: url("/forum/styles/prosilver/theme/images/joomla/rocket.png") 0 0 no-repeat;
}
#footer-shadow {
height: 57px;
position: relative;
}
#logo-space {
text-align: center;
position: relative;
}
#logo-space img, #logo-space span {
margin: 0 auto;
width: 265px;
}
#logo-space span {
top: 0;
display: block;
margin: -22px auto 0;
font-size: 95%;
}
#logo2 {
width: 265px;
height: 83px;
}
#inset {
height: 130px;
padding-top: 20px;
}
/* column shadows */
#top-shadow .shadow-1, #top-shadow .shadow-2, #top-shadow .shadow-3 {
top: 122px;
}
#top-shadow .shadow-1 {
left: 0;
margin-left: 25px;
}
#top-shadow .shadow-2 {
right: 0;
margin-right: 25px;
}
#top-shadow .shadow-3 {
left: 159px;
}
.shadow-1 {
position: absolute;
top: 0;
left: 0;
height: 57px;
width: 134px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-left.png") 0 0 no-repeat;
}
.shadow-2 {
position: absolute;
top: 0;
right: 0;
height: 57px;
width: 134px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-right.png") 100% 0 no-repeat;
}
.shadow-3 {
position: absolute;
top: 0;
left: 134px;
height: 57px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-middle.png") 0 0 repeat-x;
}
#topmodules, #bottommodules, #footermodules, #component {
overflow: hidden;
}
#component .padding {
padding: 5px 6px 0 6px;
}
.spacer .block {
float: left;
}
.spacer .w99 .block {
width: 99%;
}
.spacer.w49 .block {
width: 49%;
}
.spacer.w33 .block {
width: 33%;
}
div#bottom {
padding-bottom: 30px;
overflow: auto;
}
#pathway {
height: 30px;
padding: 0 32px;
overflow: hidden;
}
#footermods {
float: right;
}
/* @end */
/* @group Horizontal Menu */
#horiz-menu {
height: 39px;
background: url("/forum/styles/prosilver/theme/images/joomla/menu-bg.png") 0 0 repeat-x;
}
#horiz-menu ul.menutop {
padding-left: 15px;
}
#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
#horiz-menu li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#horiz-menu a {
white-space: nowrap;
font-family: Century Gothic, Helvetica, sans-serif;
display: block;
float: left;
height: 39px;
line-height: 42px;
font-weight: normal;
font-size: 110%;
margin-left:-10px;
margin-right:-10px;
color: #ccc;
}
#horiz-menu li:hover a, #horiz-menu li.sfHover a, #horiz-menu li:hover a:hover, #horiz-menu li.sfHover a:hover {
color: #fff;
}
#horiz-menu ul ul {
background: #151515;
border-left: 1px solid #333333;
border-right: 1px solid #000;
}
#horiz-menu li li {
background: none;
border-top: 1px solid #333333;
border-bottom: 1px solid #000;
}
#horiz-menu li {
margin:0;
padding:0
}
#horiz-menu li li a:hover {
background: none;
}
#horiz-menu li.active, #horiz-menu li.active_menu {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-active-r.png") 100% 0 no-repeat;
}
#horiz-menu li.active a, #horiz-menu li.active_menu a {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-active-l.png") 0 0 no-repeat;
color: #fff;
}
#horiz-menu span.topdaddy, #horiz-menu span.top {
display: block;
float: left;
position: relative;
text-align: center;
}
#horiz-menu li li span.top {
display: inline;
float: none;
position: static;
text-align: left;
}
#horiz-menu span.topdaddy span {
text-align: left;
}
#horiz-menu span.selector {
display: block;
position: absolute;
overflow: hidden;
bottom: 5px;
left: 50%;
margin: 0 auto;
margin-left: -30px;
height: 3px;
width: 59px;
background: none;
}
#horiz-menu li.active span span.selector, #horiz-menu li:hover span span.selector, #horiz-menu li.sfHover span span.selector {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-accent.png") 0 0 no-repeat;
}
span.selector br {
display: none;
}
#horiz-menu li li a.daddy, #horiz-menu li.active li a.daddy, #horiz-menu li.active li a.daddy:hover, #horiz-menu li li a.daddy:hover {
background: url("/forum/styles/prosilver/theme/images/joomla/dropdown-child.png") 95% 50% no-repeat;
}
#horiz-menu li.active li span span.selector, #horiz-menu li:hover li span span.selector, #horiz-menu li.sfHover li span span.selector {
display: none;
}
#horiz-menu li.active a, #horiz-menu li.active_menu a {
line-height: 33px;
}
#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover {
background: none;
}
#horiz-menu li li a {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
#horiz-menu a:hover {
text-decoration: none;
}
/* @end */
/* @group Sub Menu */
ul.menuside {
margin: 0;
padding: 0;
}
ul.menuside li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menuside a:hover {
text-decoration: none;
}
ul.menuside li.active li a {
font-weight: normal;
}
ul.menuside span {
display: block;
}
ul.menuside a {
display: block;
line-height: 25px;
text-indent: 30px;
height: 25px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 110%;
}
ul.menuside a:hover {
text-decoration: none;
}
ul.menuside ul {
margin-left: 20px;
padding: 0;
}
ul.menuside ul ul {
padding: 0;
margin-left: 30px;
}
ul.menuside li li {
padding: 0;
margin: 0;
}
ul.menuside li li a {
padding-left: 23px;
}
ul.menuside ul a {
text-indent: 0;
color: #ccc;
}
ul.menuside li.active li a {
color: #ccc;
background-color: #ccc;
}
ul.menuside ul ul ul a {
text-indent: 30px;
}
/* @end */
/* @group Mainmenu */
a.mainlevel {
display: block;
line-height: 25px;
text-indent: 28px;
height: 25px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 110%;
text-decoration: none;
}
a#active_menu.sublevel {
background: none;
}
ul.menuside a, a.mainlevel {
background: #999 url("/forum/styles/prosilver/theme/images/joomla/bullet.png") 0 0 no-repeat;
color: #ccc;
}
ul.menuside ul a {
background: #999 url("/forum/styles/prosilver/theme/images/joomla/triangle.png") 0 5px;
}
a.sublevel {
padding-left: 15px;
text-decoration: none;
font-family: Century Gothic, Arial, sans-serif;
color: #ccc;
background: none;
}
a.mainlevel:hover, a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group Content Styles */
/* @group Login */
#mod-top .spacer {
color: #ccc;
}
#mod-top form {
padding: 5px 0 0 0;
margin: 0;
}
div.loginelement {
float: left;
padding-left: 5px;
padding-top: 2px;
}
div.loginelement label {
margin: 0;
display: block;
height: 20px;
line-height: 20px;
float: left;
color: #999;
width: 70px;
}
div.loginelement .inputbox {
margin: 0;
width: 100px;
border: 1px solid #444;
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
color: #999;
}
#mod-top a {
padding-left: 15px;
font-size: 100%;
padding-right: 10px;
display: block;
float: left;
color: #ccc;
}
#dawn #mod-top a, #day #mod-top a, #dusk #mod-top a, #night #mod-top a {
color: #ccc;
}
#mod-top a:hover, #dawn #mod-top a:hover, #day #mod-top a:hover, #dusk #mod-top a:hover, #night #mod-top a:hover {
text-decoration: none;
color: #fff;
}
/* @group Readon */
a.readon {
font-family: Arial Narrow, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
display: block;
margin-top: 15px;
margin-bottom: 10px;
text-indent: 15px;
line-height: 8px;
color: #ccc;
background: url("/forum/styles/prosilver/theme/images/joomla/readon.png") 0 0 no-repeat;
}
div.moduletable-hilite1 a.readon, div.moduletable-hilite2 a.readon, div.moduletable-hilite3 a.readon, div.module-hilite1 a.readon, div.module-hilite2 a.readon, div.module-hilite3 a.readon {
background-image: url("/forum/styles/prosilver/theme/images/joomla/readon-hilite1.png");
background-repeat: no-repeat;
background-position: 0% 0%;
}
#maincol a.readon {
color: #ccc;
}
a.readon:hover {
text-decoration: underline;
}
/* @end */
/* @group Pathway */
span.pathway {
display: block;
line-height: 1.2em;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
}
span.pathway img {
float: left;
width: 10px;
height: 10px;
padding-right: 5px;
padding-top: 3px;
background: url("/forum/styles/prosilver/theme/images/joomla/path-arrow.png") 0 50% no-repeat;
}
span.pathway a {
float: left;
padding: 0 20px 0 0;
}
/* @end */
/* @group Modules */
.moduletable, .moduletable-hilite1, .moduletable-hilite2, .moduletable-hilite3, .moduletable-hilite4, .moduletable-hilite5, .moduletable-hilite6, .module, .module-hilite1, .module-hilite2, .module-hilite3, .module-hilite4, .module-hilite5, .module-hilite6 {
margin: 0 0 20px 0;
}
.moduletable h3, .module h3 {
font-size: 125%;
font-weight: normal;
margin: 5px 0 10px 0;
padding: 4px;
font-family: Century Gothic, Arial, sans-serif;
background: #191919;
}
.moduletable-hilite1, .moduletable-hilite2, .moduletable-hilite3, .module-hilite1, .module-hilite2, .module-hilite3 {
background: #0C0C0C;
border: 1px solid #1F1F1F;
padding: 10px;
}
.moduletable-hilite4, .moduletable-hilite5, .moduletable-hilite6, .module-hilite4, .module-hilite5, .module-hilite6 {
border: 1px solid #1F1F1F;
padding: 10px;
}
.moduletable-hilite1 h3, .moduletable-hilite2 h3, .moduletable-hilite3 h3, .moduletable-hilite4 h3, .moduletable-hilite5 h3, .moduletable-hilite6 h3, .module-hilite1 h3, .module-hilite2 h3, .module-hilite3 h3, .module-hilite4 h3, .module-hilite5 h3, .module-hilite6 h3 {
font-size: 125%;
font-weight: normal;
margin: 0px 0 10px 0;
font-family: Century Gothic, Arial, sans-serif;
}
.spacer div.moduletable, .spacer div.moduletable-hilite1, .spacer div.moduletable-hilite2, .spacer div.moduletable-hilite3, .spacer div.moduletable-hilite4, .spacer div.moduletable-hilite5, .spacer div.moduletable-hilite6, .spacer div.module, .spacer div.module-hilite1, .spacer div.module-hilite2, .spacer div.module-hilite3, .spacer div.module-hilite4, .spacer div.module-hilite5, .spacer div.module-hilite6 {
margin-left: 10px;
}
#mod-top {
position: absolute;
right: 25px;
top: 0;
width: 200px;
height: 90px;
}
#mod-search {
position: absolute;
left: 45px;
top: 20px;
width: 115px;
}
#mod-search input {
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
input.tiny {
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
input.button1, input.button2, a.button2, a.button1 {
background: none;
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
/* @end */
/* @group Joomla Elements */
.small, .modifydate, .createdate, div.mosimage_caption {
font-size: 95%;
}
.componentheading {
font-size: 170%;
line-height: 100%;
padding: 0;
margin: 25px 0 10px 0;
}
.contentheading {
font-size: 170%;
font-weight: normal;
line-height: 18px;
background: url("/forum/styles/prosilver/theme/images/joomla/content-icon.png") 0 0 no-repeat;
padding-left: 28px;
padding-bottom: 8px;
font-family: Century Gothic, Arial, sans-serif;
margin: 25px 0 10px 0;
}
td.buttonheading, .contentpaneopen td.buttonheading {
padding: 0px 3px 0;
}
td.column_separator {
padding-left: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
background: #1A1A1A;
border-bottom: 1px solid #070707;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
text-align: left;
padding: 4px 0 4px 4px;
border-top: 1px solid #222;
border-bottom: 1px solid #111;
}
.sectiontableentry2 {
background: #1A1A1A;
}
.contentpane, .contentpaneopen {
width: 100%;
}
/* @end */
div.wrapper {
margin: 0 auto;
width: 950px;
padding:0;
}
td.secondcol {
width: 24%;
}
td.thirdcol {
width: 0;
}
.shadow-3 {
width: 632px;
}
#bg-top, #bg-top-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
overflow: hidden;
}
#bg-bottom, #bg-bottom-overlay {
width: 100%;
}
#bg-bottom-ie, #bg-bottom-overlay-ie {
display: none;
}
#bg-top-overlay {
background: url("/forum/styles/prosilver/theme/images/joomla/top-bg-overlay.png") 0 0 repeat-x;
}
#bg-bottom-overlay {
background: url("/forum/styles/prosilver/theme/images/joomla/bottom-bg-overlay.png") 0 100% repeat-x;
}
#body-shadow-left {
background: url("/forum/styles/prosilver/theme/images/joomla/main-shadow-left.png") 0 0 no-repeat;
}
#body-shadow-right {
background: url("/forum/styles/prosilver/theme/images/joomla/main-shadow-right.png") 100% 0 no-repeat;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #CCCCCC;
margin: 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
min-width: 650px;
}
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 95px;
background-color: #FFF;
}
#search-box input {
border: 1px solid #b0b0b0;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
}
.navbar {
background-color: #ebebeb;
padding: 0 10px;
}
.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.post:target .content {
color: #fff;
}
.post:target h3 a {
color: #fff;
}
.bg1 {
background-color: #f7f7f7;
}
.bg2 {
background-color: #f2f2f2;
}
.bg3 {
background-color: #ebebeb;
}
.rowbg {
margin: -15px 5px 2px 5px;
}
.ucprowbg {
background-color: #e2e2e2;
}
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
.headbg span.corners-bottom {
margin-bottom: -1px;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
.rules span.corners-top {
margin: 0 -10px 5px -10px;
}
.rules span.corners-bottom {
margin: 5px -10px 0 -10px;
}
/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;
margin-left:-30px
}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}
/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}
#ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #cfcfcf;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}
table.table1 td {
color: #6a6a6a;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;
}
/* Specific column styles */
table.table1 .name {
text-align: left;
}
table.table1 .posts {
text-align: center !important;
width: 7%;
}
table.table1 .joined {
text-align: left;
width: 15%;
}
table.table1 .active {
text-align: left;
width: 15%;
}
table.table1 .mark {
text-align: center;
width: 7%;
}
table.table1 .info {
text-align: left;
width: 30%;
}
table.table1 .info div {
width: 100%;
white-space: nowrap;
overflow: hidden;
}
table.table1 .autocol {
line-height: 2em;
white-space: nowrap;
}
table.table1 thead .autocol {
padding-left: 1em;
}
table.table1 span.rank-img {
float: right;
width: auto;
}
table.info td {
padding: 3px;
}
table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
color: #000000;
font-weight: normal;
}
.forumbg table.table1 {
margin: 0 -2px -1px -1px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;
}
.column2 {
float: right;
clear: right;
width: 49%;
}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 65%;
}
/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
.pagination span.page-sep {
display: none;
}
li.pagination {
margin-top: 0;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 0.9em;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}
.pagination img {
vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}
.copyright {
padding: 5px;
text-align: center;
color: #555555;
}
.small {
font-size: 0.9em !important;
}
.titlespace {
margin-bottom: 15px;
}
.headerspace {
margin-top: 20px;
}
.error {
color: #bcbcbc;
font-weight: bold;
font-size: 1em;
}
.reported {
background-color: #f7f7f7;
}
li.reported:hover {
background-color: #ececec;
}
div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}
div.rules ul {
margin-left: 20px;
}
p.rules {
background-color: #ececec;
background-image: none;
padding: 5px;
}
p.rules img {
vertical-align: middle;
}
p.rules a {
vertical-align: middle;
clear: both;
}
#top {
position: absolute;
top: -20px;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
/* proSilver Link Styles
---------------------------------------- */
a:link {
color: #898989;
text-decoration: none;
}
a:visited {
color: #898989;
text-decoration: none;
}
a:hover {
color: #d3d3d3;
text-decoration: underline;
}
a:active {
color: #d2d2d2;
text-decoration: none;
}
/* Coloured usernames */
.username-coloured {
font-weight: bold;
display: inline !important;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
text-decoration: none;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #ffffff;
text-decoration: underline;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #ffffff;
text-decoration: none;
}
/* Links for forum/topic lists */
a.forumtitle {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* a.forumtitle:visited { color: #898989; } */
a.forumtitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.forumtitle:active {
color: #898989;
}
a.topictitle {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-size: 1.2em;
font-weight: bold;
color: #898989;
text-decoration: none;
}
/* a.topictitle:visited { color: #d2d2d2; } */
a.topictitle:hover {
color: #bcbcbc;
text-decoration: underline;
}
a.topictitle:active {
color: #898989;
}
/* Post body links */
.postlink {
text-decoration: none;
color: #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 0;
}
.postlink:visited {
color: #bdbdbd;
border-bottom-style: dotted;
border-bottom-color: #666666;
}
.postlink:active {
color: #d2d2d2;
}
.postlink:hover {
background-color: #f6f6f6;
text-decoration: none;
color: #404040;
}
.signature a, .signature a:visited, .signature a:active, .signature a:hover {
border: none;
text-decoration: underline;
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
font-weight: bold;
color: #898989;
text-decoration: none;
}
.postprofile a:hover, .postprofile dt.author a:hover {
text-decoration: underline;
color: #d3d3d3;
}
/* Profile searchresults */
.search .postprofile a {
color: #898989;
text-decoration: none;
font-weight: normal;
}
.search .postprofile a:hover {
color: #d3d3d3;
text-decoration: underline;
}
/* Back to top of page */
.back2top {
clear: both;
height: 11px;
text-align: right;
}
a.top {
background: none no-repeat top left;
text-decoration: none;
width: 11px;
height: 11px;
display: block;
float: right;
overflow: hidden;
letter-spacing: 1000px;
text-indent: 11px;
}
a.top2 {
background: none no-repeat 0 50%;
text-decoration: none;
padding-left: 15px;
}
/* Arrow links */
a.up {
background: none no-repeat left center;
}
a.down {
background: none no-repeat right center;
}
a.left {
background: none no-repeat 3px 60%;
}
a.right {
background: none no-repeat 95% 60%;
}
a.up, a.up:link, a.up:active, a.up:visited {
padding-left: 10px;
text-decoration: none;
border-bottom-width: 0;
}
a.up:hover {
background-position: left top;
background-color: transparent;
}
a.down, a.down:link, a.down:active, a.down:visited {
padding-right: 10px;
}
a.down:hover {
background-position: right bottom;
text-decoration: none;
}
a.left, a.left:active, a.left:visited {
padding-left: 12px;
}
a.left:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 0 60%;
}
a.right, a.right:active, a.right:visited {
padding-right: 12px;
}
a.right:hover {
color: #d2d2d2;
text-decoration: none;
background-position: 100% 60%;
}
/* proSilver Content Styles
---------------------------------------- */
ul.topiclist {
display: block;
list-style-type: none;
margin: 0;
}
ul.forums {
background: #f9f9f9 none repeat-x 0 0;
}
ul.topiclist li {
display: block;
list-style-type: none;
color: #777777;
}
ul.topiclist dl {
position: relative;
}
ul.topiclist li.row dl {
padding-left: -20px;
}
ul.topiclist dt {
display: block;
float: left;
width: 50%;
font-size: 1.1em;
margin-left: 0px;
padding-right: 5px;
padding-top:3px
}
ul.topiclist dd {
display: block;
float: left;
border-left: 1px solid #FFFFFF;
padding: 4px 0;
}
ul.topiclist dfn {
/* Labels for post/view counts */
display: none;
}
ul.topiclist li.row dt a.subforum {
background-image: none;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative;
white-space: nowrap;
padding: 0 0 0 12px;
}
.forum-image {
float: left;
padding-top: 5px;
margin-right: 5px;
margin-left: -40px;
height:100%
}
li.row {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #8f8f8f;
}
li.row strong {
font-weight: normal;
color: #000000;
}
li.row:hover {
background-color: #f6f6f6;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
li.header dt, li.header dd {
line-height: 1em;
border-left-width: 0;
margin: 2px 0 4px 0;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 2px;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
li.header dt {
font-weight: bold;
}
li.header dd {
margin-left: 1px;
}
li.header dl.icon {
min-height: 0;
}
li.header dl.icon dt {
/* Tweak for headers alignment when folder icon used */
padding-left: 0;
padding-right: 50px;
}
/* Forum list column styles */
dl.icon {
min-height: 35px;
background-position: 10px 50%; /* Position of folder icon */
background-repeat: no-repeat;
}
dl.icon dt {
padding-left: 45px; /* Space for folder icon */
background-repeat: no-repeat;
background-position: 5px 95%; /* Position of topic icon */
}
dd.posts, dd.topics, dd.views {
width: 8%;
text-align: center;
line-height: 2.2em;
font-size: 0.9em;
}
dd.topics {
margin-left:0px;
}
dd.posts {
margin-left:0px;
}
dd.views {
margin-left:0px;
}
dd.lastpost {
width: 25%;
font-size: 1.1em;
margin-left:0px
}
dd.redirect {
font-size: 1.1em;
line-height: 2.5em;
}
dd.moderation {
font-size: 1.1em;
}
dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
display: block;
padding-left: 5px;
}
dd.time {
width: auto;
line-height: 200%;
font-size: 1.1em;
}
dd.extra {
width: 12%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}
dd.mark {
float: right !important;
width: 9%;
text-align: center;
line-height: 200%;
font-size: 1.2em;
}
dd.info {
width: 30%;
}
dd.option {
width: 15%;
line-height: 200%;
text-align: center;
font-size: 1.1em;
}
dd.searchby {
width: 47%;
font-size: 1.1em;
line-height: 1em;
}
ul.topiclist dd.searchextra {
margin-left: 5px;
padding: 0.2em 0;
font-size: 1.1em;
color: #333333;
border-left: none;
clear: both;
width: 98%;
overflow: hidden;
}
/* Container for post/reply buttons and pagination */
.topic-actions {
margin-bottom: 3px;
font-size: 1.1em;
height: 28px;
min-height: 28px;
}
div[class].topic-actions {
height: auto;
}
/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 100%;
float: left;
clear: both;
}
.postbody .ignore {
font-size: 1.1em;
}
.postbody h3.first {
/* The first post on the page uses this */
font-size: 1.7em;
}
.postbody h3 {
/* Postbody requires a different h3 format - so change it here */
font-size: 1.5em;
padding: 2px 0 0 0;
margin: 0 0 0.3em 0 !important;
text-transform: none;
border: none;
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
line-height: 125%;
}
.postbody h3 img {
/* Also see tweaks.css */
vertical-align: bottom;
}
.search .postbody {
width: 68%
}
/* Topic review panel
----------------------------------------*/
#review {
margin-top: 2em;
}
#topicreview {
padding-right: 5px;
overflow: auto;
height: 300px;
}
#topicreview .postbody {
width: auto;
float: none;
margin: 0;
height: auto;
}
#topicreview .post {
height: auto;
}
#topicreview h2 {
border-bottom-width: 0;
}
/* Content container styles
----------------------------------------*/
.content {
min-height: 3em;
overflow: hidden;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
color: #ccc;
width:100%
}
.content h2, .panel h2 {
font-weight: normal;
color: #ccc;
border-bottom: 1px solid #CCCCCC;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.panel h3 {
margin: 0.5em 0;
}
.panel p {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content p {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
.content2 {
min-height: 3em;
overflow: hidden;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
color: #ccc;
width:100%
}
.content2 h2, {
font-weight: normal;
color: #ccc;
border-bottom: 1px solid #CCCCCC;
font-size: 1.6em;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
.content2 p {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.4em;
}
dl.faq {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
margin-top: 1em;
margin-bottom: 2em;
line-height: 1.4em;
}
dl.faq dt {
font-weight: bold;
color: #333333;
}
.content dl.faq {
font-size: 1.2em;
margin-bottom: 0.5em;
}
.content li {
list-style-type: inherit;
}
.content ul, .content ol {
margin-bottom: 1em;
margin-left: 3em;
}
.posthilit {
background-color: #f3f3f3;
color: #BCBCBC;
padding: 0 2px 1px 2px;
}
.announce, .unreadpost {
/* Highlight the announcements & unread posts box */
border-left-color: #BCBCBC;
border-right-color: #BCBCBC;
}
/* Post author */
p.author {
margin: 0 15em 0.6em 0;
padding: 0 0 5px 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.2em;
}
/* Post signature */
.signature {
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1.1em;
border-top: 1px solid #000;
clear: left;
line-height: 140%;
overflow: hidden;
width: 100%;
}
dd .signature {
margin: 0;
padding: 0;
clear: none;
border: none;
}
/* Post noticies */
.notice {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: auto;
margin-top: 1.5em;
padding-top: 0.2em;
font-size: 1em;
border-top: 1px dashed #CCCCCC;
clear: left;
line-height: 130%;
}
/* Jump to post link for now */
ul.searchresults {
list-style: none;
text-align: right;
clear: both;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background: #333 none 6px 8px no-repeat;
border: 1px solid #000;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 5px;
}
blockquote blockquote {
/* Nested quotes */
background-color: #222;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #111;
}
blockquote cite {
/* Username/source of quoter */
font-style: normal;
font-weight: bold;
margin-left: 20px;
display: block;
font-size: 0.9em;
}
blockquote cite cite {
font-size: 1em;
}
blockquote.uncited {
padding-top: 25px;
}
/* Code block */
dl.codebox {
padding: 3px;
background-color: #333;
border: 1px solid #000;
font-size: 1em;
}
dl.codebox dt {
text-transform: uppercase;
border-bottom: 1px solid #666;
margin-bottom: 3px;
font-size: 0.8em;
font-weight: bold;
display: block;
}
blockquote dl.codebox {
margin-left: 0;
}
dl.codebox code {
/* Also see tweaks.css */
overflow: auto;
display: block;
height: auto;
max-height: 200px;
white-space: normal;
padding-top: 5px;
font: 0.9em Monaco, "Andale Mono", "Courier New", Courier, mono;
line-height: 1.3em;
color: #8b8b8b;
margin: 2px 0;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #000000;
}
.syntaxdefault {
color: #bcbcbc;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #585858;
}
.syntaxstring {
color: #a7a7a7;
}
/* Attachments
----------------------------------------*/
.attachbox {
float: left;
width: auto;
margin: 5px 5px 5px 0;
padding: 6px;
background-color: #000;
border: 1px dashed #d8d8d8;
clear: left;
}
.pm-message .attachbox {
background-color: #f3f3f3;
}
.attachbox dt {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.attachbox dd {
margin-top: 4px;
padding-top: 4px;
clear: left;
border-top: 1px solid #d8d8d8;
}
.attachbox dd dd {
border: none;
}
.attachbox p {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}
.attachbox p.stats {
line-height: 110%;
color: #666666;
font-weight: normal;
clear: left;
}
.attach-image {
margin: 3px 0;
width: 100%;
max-height: 350px;
overflow: auto;
}
.attach-image img {
border: 1px solid #999999;
/* cursor: move; */
cursor: default;
}
/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
display: block;
margin-bottom: 4px;
}
div.inline-attachment p {
font-size: 100%;
}
dl.file {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
dl.file dt {
text-transform: none;
margin: 0;
padding: 0;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
dl.file dd {
color: #666666;
margin: 0;
padding: 0;
}
dl.thumbnail img {
padding: 3px;
border: 1px solid #666666;
background-color: #FFF;
}
dl.thumbnail dd {
color: #666666;
font-style: italic;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.attachbox dl.thumbnail dd {
font-size: 100%;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border: 1px solid #d2d2d2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
fieldset.polls dl {
margin-top: 5px;
border-top: 1px solid #e2e2e2;
padding: 5px 0 0 0;
line-height: 120%;
color: #666666;
}
fieldset.polls dl.voted {
font-weight: bold;
color: #000000;
}
fieldset.polls dt {
text-align: left;
float: left;
display: block;
width: 30%;
border-right: none;
padding: 0;
margin: 0;
font-size: 1.1em;
}
fieldset.polls dd {
float: left;
width: 10%;
border-left: none;
padding: 0 5px;
margin-left: 0;
font-size: 1.1em;
}
fieldset.polls dd.resultbar {
width: 50%;
}
fieldset.polls dd input {
margin: 2px 0;
}
fieldset.polls dd div {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 0 2px;
overflow: visible;
min-width: 2%;
}
.pollbar1 {
background-color: #aaaaaa;
border-bottom: 1px solid #747474;
border-right: 1px solid #747474;
}
.pollbar2 {
background-color: #bebebe;
border-bottom: 1px solid #8c8c8c;
border-right: 1px solid #8c8c8c;
}
.pollbar3 {
background-color: #D1D1D1;
border-bottom: 1px solid #aaaaaa;
border-right: 1px solid #aaaaaa;
}
.pollbar4 {
background-color: #e4e4e4;
border-bottom: 1px solid #bebebe;
border-right: 1px solid #bebebe;
}
.pollbar5 {
background-color: #f8f8f8;
border-bottom: 1px solid #D1D1D1;
border-right: 1px solid #D1D1D1;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}
.pm .postprofile {
border-left: 1px solid #DDDDDD;
}
.postprofile dd, .postprofile dt {
line-height: 1.2em;
margin-left: 8px;
}
.postprofile strong {
font-weight: normal;
color: #000000;
}
.avatar {
border: none;
margin-bottom: 3px;
}
.online {
background-image: none;
background-position: 100% 0;
background-repeat: no-repeat;
}
/* Poster profile used by search*/
.search .postprofile {
width: 30%;
}
/* pm list in compose message if mass pm is enabled */
dl.pmlist dt {
width: 60% !important;
}
dl.pmlist dt textarea {
width: 95%;
}
dl.pmlist dd {
margin-left: 61% !important;
margin-bottom: 2px;
}
/* proSilver Button Styles
---------------------------------------- */
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.buttons {
float: left;
width: auto;
height: auto;
}
/* Rollover state */
.buttons div {
float: left;
margin: 0 5px 0 0;
background-position: 0 100%;
}
/* Rolloff state */
.buttons div a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
position: relative;
overflow: hidden;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span { display: none; }*/
/*.buttons div a:hover { background-image: none; }*/
.buttons div span {
position: absolute;
width: 100%;
height: 100%;
cursor: pointer;
}
.buttons div a:hover span {
background-position: 0 100%;
}
/* Big button images */
.reply-icon span {
background: transparent none 0 0 no-repeat;
}
.post-icon span {
background: transparent none 0 0 no-repeat;
}
.locked-icon span {
background: transparent none 0 0 no-repeat;
}
.pmreply-icon span {
background: none 0 0 no-repeat;
}
.newpm-icon span {
background: none 0 0 no-repeat;
}
.forwardpm-icon span {
background: none 0 0 no-repeat;
}
/* Set big button dimensions */
.buttons div.reply-icon {
width: 96px;
height: 25px;
}
.buttons div.post-icon {
width: 96px;
height: 25px;
}
.buttons div.locked-icon {
width: 88px;
height: 25px;
}
.buttons div.pmreply-icon {
width: 96px;
height: 25px;
}
.buttons div.newpm-icon {
width: 84px;
height: 25px;
}
.buttons div.forwardpm-icon {
width: 96px;
height: 25px;
}
/* Sub-header (navigation bar)
--------------------------------------------- */
a.print, a.sendemail, a.fontsize {
display: block;
overflow: hidden;
height: 18px;
text-indent: -5000px;
text-align: left;
background-repeat: no-repeat;
}
a.print {
background-image: none;
width: 22px;
}
a.sendemail {
background-image: none;
width: 22px;
}
a.fontsize {
background-image: none;
background-position: 0 -1px;
width: 29px;
}
a.fontsize:hover {
background-position: 0 -20px;
text-decoration: none;
}
/* Icon images
---------------------------------------- */
.sitehome, .icon-faq, .icon-members, .icon-home, .icon-ucp, .icon-register, .icon-logout, .icon-bookmark, .icon-bump, .icon-subscribe, .icon-unsubscribe, .icon-pages, .icon-search {
background-position: 0 50%;
background-repeat: no-repeat;
background-image: none;
padding: 1px 0 0 17px;
}
/* Poster profile icons
----------------------------------------*/
ul.profile-icons {
padding-top: 10px;
list-style: none;
margin-right:55px;
}
/* Rollover state */
ul.profile-icons li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
/* Rolloff state */
ul.profile-icons li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons li span {
display:none;
}
ul.profile-icons li a:hover {
background: none;
}
/* Positioning of moderator icons */
.postbody ul.profile-icons {
float: right;
width: auto;
padding: 0;
}
.postbody ul.profile-icons li {
margin: 0 3px;
}
/* Poster profile icons
----------------------------------------*/
ul.profile-icons2 {
padding-top: 10px;
list-style: none;
}
/* Rollover state */
ul.profile-icons2 li {
float: left;
margin: 0 6px 3px 0;
background-position: 0 100%;
}
/* Rolloff state */
ul.profile-icons2 li a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0;
}
/* Hide text and hide off-state image when rolling over (prevents flicker in IE) */
ul.profile-icons2 li span {
display:none;
}
ul.profile-icons2 li a:hover {
background: none;
}
/* Positioning of moderator icons */
.postbody ul.profile-icons2 {
float: left;
width: auto;
padding: 0;
}
.postbody ul.profile-icons2 li {
margin: 0 3px;
}
/* Profile & navigation icons */
.email-icon, .email-icon a {
background: none top left no-repeat;
}
.aim-icon, .aim-icon a {
background: none top left no-repeat;
}
.yahoo-icon, .yahoo-icon a {
background: none top left no-repeat;
}
.web-icon, .web-icon a {
background: none top left no-repeat;
}
.msnm-icon, .msnm-icon a {
background: none top left no-repeat;
}
.icq-icon, .icq-icon a {
background: none top left no-repeat;
}
.jabber-icon, .jabber-icon a {
background: none top left no-repeat;
}
.pm-icon, .pm-icon a {
background: none top left no-repeat;
}
.quote-icon, .quote-icon a {
background: none top left no-repeat;
}
/* Moderator icons */
.report-icon, .report-icon a {
background: none top left no-repeat;
}
.warn-icon, .warn-icon a {
background: none top left no-repeat;
}
.edit-icon, .edit-icon a {
background: none top left no-repeat;
}
.delete-icon, .delete-icon a {
background: none top left no-repeat;
}
.info-icon, .info-icon a {
background: none top left no-repeat;
}
/* Set profile icon dimensions */
ul.profile-icons li.email-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.aim-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.yahoo-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.web-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.msnm-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.icq-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.jabber-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.pm-icon {
width: 28px;
height: 20px;
}
ul.profile-icons li.quote-icon {
width: 54px;
height: 20px;
}
ul.profile-icons li.report-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.edit-icon {
width: 42px;
height: 20px;
}
ul.profile-icons li.delete-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.info-icon {
width: 20px;
height: 20px;
}
ul.profile-icons li.warn-icon {
width: 20px;
height: 20px;
}
/* Fix profile icon default margins */
ul.profile-icons li.edit-icon {
margin: 0 0 0 3px;
}
ul.profile-icons li.quote-icon {
margin: 0 0 0 10px;
}
ul.profile-icons li.info-icon, ul.profile-icons li.report-icon {
margin: 0 3px 0 0;
}
/* Set profile icon dimensions */
ul.profile-icons2 li.email-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.aim-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.yahoo-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.web-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.msnm-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.icq-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.jabber-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.pm-icon {
width: 28px;
height: 20px;
}
ul.profile-icons2 li.quote-icon {
width: 54px;
height: 20px;
}
ul.profile-icons2 li.report-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.edit-icon {
width: 42px;
height: 20px;
}
ul.profile-icons2 li.delete-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.info-icon {
width: 20px;
height: 20px;
}
ul.profile-icons2 li.warn-icon {
width: 20px;
height: 20px;
}
/* Fix profile icon default margins */
ul.profile-icons2 li.edit-icon {
margin: 0 0 0 3px;
}
ul.profile-icons2 li.quote-icon {
margin: 0 0 0 10px;
}
ul.profile-icons2 li.info-icon, ul.profile-icons2 li.report-icon {
margin: 0 3px 0 0;
}
/* proSilver Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-menu {
float:left;
width: 19%;
margin-top: 1em;
margin-bottom: 5px;
}
#cp-main {
float: left;
width: 81%;
}
#cp-main .content {
padding: 0;
}
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #bfbfbf;
}
#cp-main .panel p {
font-size: 1.1em;
}
#cp-main .panel ol {
margin-left: 2em;
font-size: 1.1em;
}
#cp-main .panel li.row {
border-bottom: 1px solid #cbcbcb;
border-top: 1px solid #F9F9F9;
}
ul.cplist {
margin-bottom: 5px;
border-top: 1px solid #cbcbcb;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
margin-bottom: 2px;
}
#cp-main table.table1 {
margin-bottom: 1em;
}
#cp-main table.table1 thead th {
color: #333333;
font-weight: bold;
border-bottom: 1px solid #333333;
padding: 5px;
}
#cp-main table.table1 tbody th {
font-style: italic;
background-color: transparent !important;
border-bottom: none;
}
#cp-main .pagination {
float: right;
width: auto;
padding-top: 1px;
}
#cp-main .postbody p {
font-size: 1.1em;
}
#cp-main .pm-message {
border: 1px solid #e2e2e2;
margin: 10px 0;
background-color: #FFFFFF;
width: auto;
float: none;
}
.pm-message h2 {
padding-bottom: 5px;
}
#cp-main .postbody h3, #cp-main .box2 h3 {
margin-top: 0;
}
#cp-main .buttons {
margin-left: 0;
}
#cp-main ul.linklist {
margin: 0;
}
/* MCP Specific tweaks */
.mcp-main .postbody {
width: 100%;
}
/* CP tabbed menu
----------------------------------------*/
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
min-width: 570px;
}
#tabs ul {
margin:0;
padding: 0;
list-style: none;
}
#tabs li {
display: inline;
margin: 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}
#tabs a {
float: left;
background: none no-repeat 0% -35px;
margin: 0 1px 0 0;
padding: 0 0 0 5px;
text-decoration: none;
position: relative;
cursor: pointer;
}
#tabs a span {
float: left;
display: block;
background: none no-repeat 100% -35px;
padding: 6px 10px 6px 5px;
color: #828282;
white-space: nowrap;
}
#tabs a:hover span {
color: #bcbcbc;
}
#tabs .activetab a {
background-position: 0 0;
border-bottom: 1px solid #ebebeb;
}
#tabs .activetab a span {
background-position: 100% 0;
padding-bottom: 7px;
color: #333333;
}
#tabs a:hover {
background-position: 0 -70px;
}
#tabs a:hover span {
background-position:100% -70px;
}
#tabs .activetab a:hover {
background-position: 0 0;
}
#tabs .activetab a:hover span {
color: #000000;
background-position: 100% 0;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs {
line-height: normal;
margin: -20px 7px 0 0;
}
#minitabs ul {
margin:0;
padding: 0;
list-style: none;
}
#minitabs li {
display: block;
float: right;
padding: 0 10px 4px 10px;
font-size: 1em;
font-weight: bold;
background-color: #f2f2f2;
margin-left: 2px;
}
#minitabs a {
}
#minitabs a:hover {
text-decoration: none;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation {
width: 100%;
padding-top: 36px;
}
#navigation ul {
list-style:none;
}
/* Default list state */
#navigation li {
margin: 1px 0;
padding: 0;
font-weight: bold;
display: inline;
}
/* Link styles for the sub-section links */
#navigation a {
display: block;
padding: 5px;
margin: 1px 0;
text-decoration: none;
font-weight: bold;
color: #333;
background: #cfcfcf none repeat-y 100% 0;
}
#navigation a:hover {
text-decoration: none;
background-color: #c6c6c6;
color: #bcbcbc;
background-image: none;
}
#navigation #active-subsection a {
display: block;
color: #d3d3d3;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #d3d3d3;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
border-bottom: none;
padding: 0;
margin-left: 10px;
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: none;
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: none;
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: none;
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: none;
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: none;
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: none;
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: none;
}
/* Friends list */
.cp-mini {
background-color: #f9f9f9;
padding: 0 5px;
margin: 10px 15px 10px 5px;
}
.cp-mini span.corners-top, .cp-mini span.corners-bottom {
margin: 0 -5px;
}
dl.mini dt {
font-weight: bold;
color: #676767;
}
dl.mini dd {
padding-top: 4px;
}
.friend-online {
font-weight: bold;
}
.friend-offline {
font-style: italic;
}
/* PM Styles
----------------------------------------*/
#pm-menu {
line-height: 2.5em;
}
/* PM Message history */
.current {
color: #999999;
}
/* Defined rules list for PM options */
ol.def-rules {
padding-left: 0;
}
ol.def-rules li {
line-height: 180%;
padding: 1px;
}
/* PM marking colours */
.pmlist li.bg1 {
border: solid 3px transparent;
border-width: 0 3px;
}
.pmlist li.bg2 {
border: solid 3px transparent;
border-width: 0 3px;
}
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #bcbcbc;
border-right-color: #bcbcbc;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border: solid 3px #ffffff;
border-width: 0 3px;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border: solid 3px #c2c2c2;
border-width: 0 3px;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border: solid 3px #bdbdbd;
border-width: 0 3px;
}
.pmlist li.pm_foe_colour, .pm_foe_colour {
border: solid 3px #000000;
border-width: 0 3px;
}
.pm-legend {
border-left-width: 10px;
border-left-style: solid;
border-right-width: 0;
margin-bottom: 3px;
padding-left: 3px;
}
/* Avatar gallery */
#gallery label {
position: relative;
float: left;
margin: 10px;
padding: 5px;
width: auto;
background: #FFFFFF;
border: 1px solid #CCC;
text-align: center;
}
#gallery label:hover {
background-color: #EEE;
}
/* proSilver Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset {
border-width: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
input {
font-weight: normal;
cursor: pointer;
vertical-align: middle;
padding: 0 3px;
font-size: 1em;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
select {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
cursor: pointer;
vertical-align: middle;
border: 1px solid #666666;
padding: 1px;
background-color: #FAFAFA;
}
option {
padding-right: 1em;
}
option.disabled-option {
color: graytext;
}
textarea {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
width: 60%;
padding: 2px;
font-size: 1em;
line-height: 1.4em;
}
label {
cursor: default;
padding-right: 5px;
color: #676767;
}
label input {
vertical-align: middle;
}
label img {
vertical-align: middle;
}
/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
padding: 4px 0;
}
fieldset dt {
float: left;
width: 40%;
text-align: left;
display: block;
}
fieldset dd {
margin-left: 41%;
vertical-align: top;
margin-bottom: 3px;
}
/* Specific layout 1 */
fieldset.fields1 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields1 dd {
margin-left: 15em;
border-left-width: 0;
}
fieldset.fields1 {
background-color: transparent;
}
fieldset.fields1 div {
margin-bottom: 3px;
}
/* Specific layout 2 */
fieldset.fields2 dt {
width: 15em;
border-right-width: 0;
}
fieldset.fields2 dd {
margin-left: 16em;
border-left-width: 0;
}
/* Form elements */
dt label {
font-weight: bold;
text-align: left;
}
dd label {
white-space: nowrap;
color: #333;
}
dd input, dd textarea {
margin-right: 3px;
}
dd select {
width: auto;
}
dd textarea {
width: 85%;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
#timezone {
width: 95%;
}
* html #timezone {
width: 50%;
}
/* Quick-login on index page */
fieldset.quick-login {
margin-top: 5px;
}
fieldset.quick-login input {
width: auto;
}
fieldset.quick-login input.inputbox {
width: 15%;
vertical-align: middle;
margin-right: 5px;
background-color: #f3f3f3;
}
fieldset.quick-login label {
white-space: nowrap;
padding-right: 2px;
}
/* Display options on viewtopic/viewforum pages */
fieldset.display-options {
text-align: center;
margin: 3px 0 5px 0;
}
fieldset.display-options label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.display-options a {
margin-top: 3px;
}
/* Display actions for ucp and mcp pages */
fieldset.display-actions {
text-align: right;
line-height: 2em;
white-space: nowrap;
padding-right: 1em;
}
fieldset.display-actions label {
white-space: nowrap;
padding-right: 2px;
}
fieldset.sort-options {
line-height: 2em;
}
/* MCP forum selection*/
fieldset.forum-selection {
margin: 5px 0 3px 0;
float: right;
}
fieldset.forum-selection2 {
margin: 13px 0 3px 0;
float: right;
}
/* Jumpbox */
fieldset.jumpbox {
text-align: right;
margin-top: 15px;
height: 2.5em;
}
fieldset.quickmod {
width: 50%;
float: right;
text-align: right;
height: 2.5em;
}
/* Submit button fieldset */
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
}
fieldset.submit-buttons input {
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
}
/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons {
margin: 15px 0 2px 0;
}
#format-buttons input, #format-buttons select {
vertical-align: middle;
}
/* Main message box */
#message-box {
width: 80%;
}
#message {
height:100%;
}
#message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 100%;
font-size: 1.2em;
color: #333333;
}
/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
}
#smiley-box img {
margin: 3px;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border: 1px solid #c0c0c0;
color: #333333;
padding: 2px;
cursor: text;
}
.inputbox:hover {
border: 1px solid #eaeaea;
}
.inputbox:focus {
border: 1px solid #eaeaea;
color: #4b4b4b;
}
input.inputbox {
width: 85%;
}
input.medium {
width: 50%;
}
input.narrow {
width: 25%;
}
input.tiny {
width: 125px;
}
textarea.inputbox {
width: 85%;
}
.autowidth {
width: auto !important;
}
/* Form button styles
---------------------------------------- */
input.button1, input.button2 {
font-size: 1em;
}
a.button1, input.button1, input.button3, a.button2, input.button2 {
width: auto !important;
padding-top: 1px;
padding-bottom: 1px;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #FAFAFA none repeat-x top;
}
a.button1, input.button1 {
font-weight: bold;
border: 1px solid #666666;
}
input.button3 {
padding: 0;
margin: 0;
line-height: 5px;
height: 12px;
background-image: none;
font-variant: small-caps;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border: 1px solid #666666;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
text-decoration: none;
color: #000000;
padding: 2px 8px;
line-height: 250%;
vertical-align: text-bottom;
background-position: 0 1px;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border: 1px solid #BCBCBC;
background-position: 0 100%;
color: #BCBCBC;
}
input.disabled {
font-weight: normal;
color: #666666;
}
/* Topic and forum Search */
.search-box {
padding-bottom: 5px;
margin-left: 5px;
float: left;
}
.search-box input {
}
input.search {
background-image: none;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}
.full {
width: 95%;
}
.medium {
width: 50%;
}
.narrow {
width: 25%;
}
.tiny {
width: 10%;
}
/* proSilver Style Sheet Tweaks
These style definitions are mainly IE specific
tweaks required due to its poor CSS support.
-------------------------------------------------*/
* html table, * html select, * html input {
font-size: 100%;
}
* html hr {
margin: 0;
}
* html span.corners-top, * html span.corners-bottom {
background-image: url("/forum/styles/prosilver/theme/images/corners_left.gif");
}
* html span.corners-top span, * html span.corners-bottom span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right.gif");
}
table.table1 {
width: 99%; /* IE < 6 browsers */
/* Tantek hack */
voice-family: "\"}\"";
voice-family: inherit;
width: 100%;
}
html>body table.table1 {
width: 100%;
} /* Reset 100% for opera */
* html ul.topiclist li {
position: relative;
}
* html .postbody h3 img {
vertical-align: middle;
}
/* Form styles */
html>body dd label input {
vertical-align: text-bottom;
} /* Align checkboxes/radio buttons nicely */
* html input.button1, * html input.button2 {
padding-bottom: 0;
margin-bottom: 1px;
}
/* Misc layout styles */
* html .column1, * html .column2 {
width: 45%;
}
/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
From http://www.positioniseverything.net/easyclearing.html
#tabs:after, #minitabs:after, .post:after, .navbar:after, fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}*/
.clearfix, #tabs, #minitabs, fieldset dl, ul.topiclist dl, dl.polls {
height: 1%;
overflow: hidden;
}
/* viewtopic fix */
* html .post {
height: 25%;
overflow: hidden;
}
/* navbar fix */
* html .clearfix, * html .navbar, ul.linklist {
height: 4%;
overflow: hidden;
}
/* Simple fix so forum and topic lists always have a min-height set, even in IE6
From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
min-height: 35px;
height: auto !important;
height: 35px;
}
* html #search-box {
width: 25%;
}
/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
margin-left: 30%;
float: none;
}
* html dl.details dd {
margin-left: 30%;
float: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
h1 {
color: #FFFFFF;
}
h2 {
color: #555555;
}
h3 {
border-bottom-color: #CCCCCC;
color: #115098;
}
hr {
border-color: #FFFFFF;
border-top-color: #CCCCCC;
}
hr.dashed {
border-top-color: #CCCCCC;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
}
#search-box #keywords {
background-color: #FFF;
}
#search-box input {
border-color: #0075B0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #12A3EB;
background-image: url("/forum/styles/prosilver/theme/images/bg_header.gif");
color: #FFFFFF;
}
.navbar {
background-color: #cadceb;
}
.forabg {
background-color: #0076b1;
background-image: url("/forum/styles/prosilver/theme/images/bg_list.gif");
}
.forumbg {
background-color: #12A3EB;
background-image: url("/forum/styles/prosilver/theme/images/bg_header.gif");
}
.panel {
background-color: #ECF1F3;
color: #555555;
}
.post:target .content {
color: #fff;
}
.post:target h3 a {
color: #fff;
}
.bg1 {
background-color: #ECF3F7;
}
.bg2 {
background-color: #e1ebf2;
}
.bg3 {
background-color: #cadceb;
}
.ucprowbg {
background-color: #DCDEE2;
}
.fieldsbg {
background-color: #E7E8EA;
}
span.corners-top {
background-image: url("/forum/styles/prosilver/theme/images/corners_left.png");
}
span.corners-top span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right.png");
}
span.corners-bottom {
background-image: url("/forum/styles/prosilver/theme/images/corners_left.png");
}
span.corners-bottom span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right.png");
}
/* Horizontal lists
----------------------------------------*/
ul.navlinks {
border-bottom-color: #FFFFFF;
}
/* Table styles
----------------------------------------*/
table.table1 thead th {
color: #FFFFFF;
}
table.table1 tbody tr {
border-color: #BFC1CF;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #CFE1F6;
color: #000;
}
table.table1 td {
color: #555555;
}
table.table1 tbody td {
border-top-color: #FAFAFA;
}
table.table1 tbody th {
border-bottom-color: #000000;
color: #333333;
background-color: #FFFFFF;
}
table.info tbody th {
color: #000000;
}
/* Misc layout styles
---------------------------------------- */
dl.details dt {
color: #000000;
}
dl.details dd {
color: #555555;
}
.sep {
color: #1198D9;
}
/* Pagination
---------------------------------------- */
.pagination span strong {
color: #FFFFFF;
background-color: #4692BF;
border-color: #4692BF;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
color: #5C758C;
background-color: #ECEDEE;
border-color: #B4BAC0;
}
.pagination span a:hover {
border-color: #368AD2;
background-color: #368AD2;
color: #FFF;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
background-image: url("/forum/styles/prosilver/theme/images/icon_pages.gif");
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #368AD2;
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {
color: #555555;
}
.error {
color: #BC2A4D;
}
.reported {
background-color: #F7ECEF;
}
li.reported:hover {
background-color: #ECD5D8 !important;
}
.sticky, .announce {
/* you can add a background for stickies and announcements*/
}
div.rules {
background-color: #ECD5D8;
color: #BC2A4D;
}
p.rules {
background-color: #ECD5D8;
background-image: none;
}
/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a:link {
color: #105289;
}
a:visited {
color: #105289;
}
a:hover {
color: #D31141;
}
a:active {
color: #368AD2;
}
/* Links on gradient backgrounds */
#search-box a:link, .navbg a:link, .forumbg .header a:link, .forabg .header a:link, th a:link {
color: #FFFFFF;
}
#search-box a:visited, .navbg a:visited, .forumbg .header a:visited, .forabg .header a:visited, th a:visited {
color: #FFFFFF;
}
#search-box a:hover, .navbg a:hover, .forumbg .header a:hover, .forabg .header a:hover, th a:hover {
color: #A8D8FF;
}
#search-box a:active, .navbg a:active, .forumbg .header a:active, .forabg .header a:active, th a:active {
color: #C8E6FF;
}
/* Links for forum/topic lists */
a.forumtitle {
color: #105289;
}
/* a.forumtitle:visited { color: #105289; } */
a.forumtitle:hover {
color: #BC2A4D;
}
a.forumtitle:active {
color: #105289;
}
a.topictitle {
color: #105289;
}
/* a.topictitle:visited { color: #368AD2; } */
a.topictitle:hover {
color: #BC2A4D;
}
a.topictitle:active {
color: #105289;
}
/* Post body links */
.postlink {
color: #368AD2;
border-bottom-color: #368AD2;
}
.postlink:visited {
color: #5D8FBD;
border-bottom-color: #666666;
}
.postlink:active {
color: #368AD2;
}
.postlink:hover {
background-color: #D0E4F6;
color: #0D4473;
}
.signature a, .signature a:visited, .signature a:active, .signature a:hover {
background-color: transparent;
}
/* Profile links */
.postprofile a:link, .postprofile a:active, .postprofile a:visited, .postprofile dt.author a {
color: #105289;
}
.postprofile a:hover, .postprofile dt.author a:hover {
color: #D31141;
}
/* Profile searchresults */
.search .postprofile a {
color: #105289;
}
.search .postprofile a:hover {
color: #D31141;
}
/* Back to top of page */
a.top {
background-image: url("/forum/styles/prosilver/imageset/icon_back_top.gif");
}
a.top2 {
background-image: url("/forum/styles/prosilver/imageset/icon_back_top.gif");
}
/* Arrow links */
a.up {
background-image: url("/forum/styles/prosilver/theme/images/arrow_up.gif")
}
a.down {
background-image: url("/forum/styles/prosilver/theme/images/arrow_down.gif")
}
a.left {
background-image: url("/forum/styles/prosilver/theme/images/arrow_left.gif")
}
a.right {
background-image: url("/forum/styles/prosilver/theme/images/arrow_right.gif")
}
a.up:hover {
background-color: transparent;
}
a.left:hover {
color: #368AD2;
}
a.right:hover {
color: #368AD2;
}
/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
background-color: #eef5f9;
background-image: url("/forum/styles/prosilver/theme/images/gradient.gif");
}
ul.topiclist li {
color: #4C5D77;
}
ul.topiclist dd {
border-left-color: #FFFFFF;
}
.rtl ul.topiclist dd {
border-right-color: #fff;
border-left-color: transparent;
}
ul.topiclist li.row dt a.subforum.read {
background-image: url("/forum/styles/prosilver/imageset/subforum_read.gif");
}
ul.topiclist li.row dt a.subforum.unread {
background-image: url("/forum/styles/prosilver/imageset/subforum_unread.gif");
}
li.row {
border-top-color: #FFFFFF;
border-bottom-color: #00608F;
}
li.row strong {
color: #000000;
}
li.row:hover {
background-color: #F6F4D0;
}
li.row:hover dd {
border-left-color: #CCCCCC;
}
.rtl li.row:hover dd {
border-right-color: #CCCCCC;
border-left-color: transparent;
}
li.header dt, li.header dd {
color: #FFFFFF;
}
/* Forum list column styles */
ul.topiclist dd.searchextra {
color: #333333;
}
/* Post body styles
----------------------------------------*/
.postbody {
color: #ccc;
}
/* Content container styles
----------------------------------------*/
.content {
color: #ccc;
}
.content h2, .panel h2 {
color: #115098;
border-bottom-color: #CCCCCC;
}
dl.faq dt {
color: #333333;
}
.posthilit {
background-color: #F3BFCC;
color: #BC2A4D;
}
/* Post signature */
.signature {
border-top-color: #000;
}
/* Post noticies */
.notice {
border-top-color: #CCCCCC;
}
/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
background-color: #333;
background-image: url("/forum/styles/prosilver/theme/images/quote.gif");
border-color:#000;
}
blockquote blockquote {
/* Nested quotes */
background-color:#222;
}
blockquote blockquote blockquote {
/* Nested quotes */
background-color: #111;
}
/* Code block */
dl.codebox {
background-color: #333;
border-color: #000;
}
dl.codebox dt {
border-bottom-color: #111;
}
dl.codebox code {
color: #2E8B57;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Attachments
----------------------------------------*/
.attachbox {
background-color: #000;
border-color: #1AB5FF;
}
.pm-message .attachbox {
background-color: #F2F3F3;
}
.attachbox dd {
border-top-color: #C9D2D8;
}
.attachbox p {
color: #666666;
}
.attachbox p.stats {
color: #666666;
}
.attach-image img {
border-color: #999999;
}
/* Inline image thumbnails */
dl.file dd {
color: #666666;
}
dl.thumbnail img {
border-color: #666666;
background-color: #FFFFFF;
}
dl.thumbnail dd {
color: #666666;
}
dl.thumbnail dt a:hover {
background-color: #EEEEEE;
}
dl.thumbnail dt a:hover img {
border-color: #368AD2;
}
/* Post poll styles
----------------------------------------*/
fieldset.polls dl {
border-top-color: #DCDEE2;
color: #666666;
}
fieldset.polls dl.voted {
color: #000000;
}
fieldset.polls dd div {
color: #FFFFFF;
}
.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-right-color: transparent;
}
.pollbar1 {
background-color: #AA2346;
border-bottom-color: #74162C;
border-right-color: #74162C;
}
.rtl .pollbar1 {
border-left-color: #74162C;
}
.pollbar2 {
background-color: #BE1E4A;
border-bottom-color: #8C1C38;
border-right-color: #8C1C38;
}
.rtl .pollbar2 {
border-left-color: #8C1C38;
}
.pollbar3 {
background-color: #D11A4E;
border-bottom-color: #AA2346;
border-right-color: #AA2346;
}
.rtl .pollbar3 {
border-left-color: #AA2346;
}
.pollbar4 {
background-color: #E41653;
border-bottom-color: #BE1E4A;
border-right-color: #BE1E4A;
}
.rtl .pollbar4 {
border-left-color: #BE1E4A;
}
.pollbar5 {
background-color: #F81157;
border-bottom-color: #D11A4E;
border-right-color: #D11A4E;
}
.rtl .pollbar5 {
border-left-color: #D11A4E;
}
/* Poster profile block
----------------------------------------*/
.postprofile {
color: #666666;
border-left-color: #FFFFFF;
}
.rtl .postprofile {
border-right-color: #FFFFFF;
border-left-color: transparent;
}
.pm .postprofile {
border-left-color: #DDDDDD;
}
.rtl .pm .postprofile {
border-right-color: #DDDDDD;
border-left-color: transparent;
}
.postprofile strong {
color: #000000;
}
.online {
background-image: url("/forum/styles/prosilver/imageset/en/icon_user_online.gif");
}
/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
/* Big button images */
.reply-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_topic_reply.gif");
}
.post-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_topic_new.gif");
}
.locked-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_topic_locked.gif");
}
.pmreply-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_pm_reply.gif");
}
.newpm-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_pm_new.gif");
}
.forwardpm-icon span {
background-image: url("/forum/styles/prosilver/imageset/en/button_pm_forward.gif");
}
a.print {
background-image: url("/forum/styles/prosilver/theme/images/icon_print.gif");
}
a.sendemail {
background-image: url("/forum/styles/prosilver/theme/images/icon_sendemail.gif");
}
a.fontsize {
background-image: url("/forum/styles/prosilver/theme/images/icon_fontsize.gif");
}
/* Icon images
---------------------------------------- */
.sitehome {
background-image: url("/forum/styles/prosilver/theme/images/icon_home.gif");
}
.icon-faq {
background-image: url("/forum/styles/prosilver/theme/images/icon_faq.gif");
}
.icon-members {
background-image: url("/forum/styles/prosilver/theme/images/icon_members.gif");
}
.icon-home {
background-image: url("/forum/styles/prosilver/theme/images/icon_home.gif");
}
.icon-ucp {
background-image: url("/forum/styles/prosilver/theme/images/icon_ucp.gif");
}
.icon-register {
background-image: url("/forum/styles/prosilver/theme/images/icon_register.gif");
}
.icon-logout {
background-image: url("/forum/styles/prosilver/theme/images/icon_logout.gif");
}
.icon-bookmark {
background-image: url("/forum/styles/prosilver/theme/images/icon_bookmark.gif");
}
.icon-bump {
background-image: url("/forum/styles/prosilver/theme/images/icon_bump.gif");
}
.icon-subscribe {
background-image: url("/forum/styles/prosilver/theme/images/icon_subscribe.gif");
}
.icon-unsubscribe {
background-image: url("/forum/styles/prosilver/theme/images/icon_unsubscribe.gif");
}
.icon-pages {
background-image: url("/forum/styles/prosilver/theme/images/icon_pages.gif");
}
.icon-search {
background-image: url("/forum/styles/prosilver/theme/images/icon_search.gif");
}
/* Profile & navigation icons */
.email-icon, .email-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_email.gif");
}
.aim-icon, .aim-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_aim.gif");
}
.yahoo-icon, .yahoo-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_yahoo.gif");
}
.web-icon, .web-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_www.gif");
}
.msnm-icon, .msnm-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_msnm.gif");
}
.icq-icon, .icq-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_icq.gif");
}
.jabber-icon, .jabber-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_contact_jabber.gif");
}
.pm-icon, .pm-icon a {
background-image: url("/forum/styles/prosilver/imageset/en/icon_contact_pm.gif");
}
.quote-icon, .quote-icon a {
background-image: url("/forum/styles/prosilver/imageset/en/icon_post_quote.gif");
}
/* Moderator icons */
.report-icon, .report-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_post_report.gif");
}
.edit-icon, .edit-icon a {
background-image: url("/forum/styles/prosilver/imageset/en/icon_post_edit.gif");
}
.delete-icon, .delete-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_post_delete.gif");
}
.info-icon, .info-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_post_info.gif");
}
.warn-icon, .warn-icon a {
background-image: url("/forum/styles/prosilver/imageset/icon_user_warn.gif");
} /* Need updated warn icon */
/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #A4B3BF;
}
#cp-main .panel li.row {
border-bottom-color: #B5C1CB;
border-top-color: #F9F9F9;
}
ul.cplist {
border-top-color: #B5C1CB;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #000000;
}
#cp-main table.table1 thead th {
color: #333333;
border-bottom-color: #333333;
}
#cp-main .pm-message {
border-color: #DBDEE2;
background-color: #FFFFFF;
}
/* CP tabbed menu
----------------------------------------*/
#tabs a {
background-image: url("/forum/styles/prosilver/theme/images/bg_tabs1.gif");
}
#tabs a span {
background-image: url("/forum/styles/prosilver/theme/images/bg_tabs2.gif");
color: #555555;
}
#tabs a:hover span {
color: #BC2A4D;
}
#tabs .activetab a {
border-bottom-color: #CADCEB;
}
#tabs .activetab a span {
color: #333333;
}
#tabs .activetab a:hover span {
color: #000000;
}
/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs li {
background-color: #E1EBF2;
}
#minitabs li.activetab {
background-color: #F9F9F9;
}
#minitabs li.activetab a, #minitabs li.activetab a:hover {
color: #333333;
}
/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a {
color: #333;
background-color: #B2C2CF;
background-image: url("/forum/styles/prosilver/theme/images/bg_menu.gif");
}
#navigation a:hover {
background-color: #aabac6;
color: #BC2A4D;
}
#navigation #active-subsection a {
color: #D31141;
background-color: #F9F9F9;
background-image: none;
}
#navigation #active-subsection a:hover {
color: #D31141;
}
/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
color: #333333;
}
#cp-main .panel {
background-color: #F9F9F9;
}
#cp-main .pm {
background-color: #FFFFFF;
}
#cp-main span.corners-top, #cp-menu span.corners-top {
background-image: url("/forum/styles/prosilver/theme/images/corners_left2.gif");
}
#cp-main span.corners-top span, #cp-menu span.corners-top span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right2.gif");
}
#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
background-image: url("/forum/styles/prosilver/theme/images/corners_left2.gif");
}
#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right2.gif");
}
/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
background-image: url("/forum/styles/prosilver/theme/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right.gif");
}
#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
background-image: url("/forum/styles/prosilver/theme/images/corners_left.gif");
}
#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
background-image: url("/forum/styles/prosilver/theme/images/corners_right.gif");
}
/* Friends list */
.cp-mini {
background-color: #eef5f9;
}
dl.mini dt {
color: #425067;
}
/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
color: #999999 !important;
}
/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
border-left-color: #BC2A4D;
border-right-color: #BC2A4D;
}
.pmlist li.pm_marked_colour, .pm_marked_colour {
border-color: #FF6600;
}
.pmlist li.pm_replied_colour, .pm_replied_colour {
border-color: #A9B8C2;
}
.pmlist li.pm_friend_colour, .pm_friend_colour {
border-color: #5D8FBD;
}
pmlist li.pm_foe_colour, .pm_foe_colour {
border-color: #000000;
}
/* Avatar gallery */
#gallery label {
background-color: #FFFFFF;
border-color: #CCC;
}
#gallery label:hover {
background-color: #EEE;
}
/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
border-color: #666666;
background-color: #FAFAFA;
}
option.disabled-option {
color: graytext;
}
/* Definition list layout for forms
---------------------------------------- */
dd label {
color: #333;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #000000;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
/* Quick-login on index page */
fieldset.quick-login input.inputbox {
background-color: #F2F3F3;
}
/* Posting page styles
----------------------------------------*/
#message-box textarea {
color: #333333;
}
/* Input field styles
---------------------------------------- */
.inputbox {
background-color: #FFFFFF;
border-color: #B4BAC0;
color: #333333;
}
.inputbox:hover {
border-color: #11A3EA;
}
.inputbox:focus {
border-color: #11A3EA;
color: #0F4987;
}
/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 {
color: #000;
background-color: #FAFAFA;
background-image: url("/forum/styles/prosilver/theme/images/bg_button.gif");
}
a.button1, input.button1 {
border-color: #666666;
}
input.button3 {
background-image: none;
}
/* Alternative button */
a.button2, input.button2, input.button3 {
border-color: #666666;
}
/* button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active {
color: #000000;
}
/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
border-color: #BC2A4D;
color: #BC2A4D;
}
input.search {
background-image: url("/forum/styles/prosilver/theme/images/icon_textbox_search.gif");
}
input.disabled {
color: #666666;
}
/* header */
html {
height: 100%;
margin-bottom: 1px;
}
body, td {
font-family: Helvetica, Arial, sans-serif;
}
body, body.f-default {
font-size: 12px;
margin: 0;
padding: 0;
background: #000;
}
hr {
border-color: #262626;
border-top-color: #262626;
}
hr.dashed {
border-top-color: #262626;
}
#tabs .activetab a {
border-bottom: 0px;
}
#tabs a:hover span {
color: #CCCCCC;
}
#tabs .activetab a span {
color: #CCCCCC;
}
#wrap {
padding: 0px;
}
h1, h2, h3, h4 {
/* setup some more readable header spacing */
padding-bottom: 5px;
margin: 25px 0;
font-family: Century Gothic, Arial, sans-serif;
text-transform: none;
font-weight: normal;
}
h3 {
border-bottom-color: #262626;
}
.content h2, .panel h2 {
border-bottom-color: #262626;
}
.postprofile {
border-left-color: #262626;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 175%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 120%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* @Phpbb3*/
.cp-mini {
background-color:#121212;
}
#cp-main .pm {
background-color:#121212;
}
ul.navlinks {
border-bottom: 1px solid #262626;
}
ul.navlinks2 {
border-bottom: 0px;
font-weight: bold;
}
dd label {
color: #555555;
}
/* Hover effects */
fieldset dl:hover dt label {
color: #555555;
}
fieldset.fields2 dl:hover dt label {
color: inherit;
}
li.row strong {
color: #666666;
}
.postprofile strong {
color: #999999;
}
.forabg {
background-color: Black;
background-image: url("/forum/styles/prosilver/theme/images/bg_list.gif");
border: 1px solid #333333;
}
.forumbg {
background-color: Black;
background-image: url("/forum/styles/prosilver/theme/images/bg_list.gif");
border: 1px solid #333333;
}
.forabg div.accent, .forumbg div.accent {
margin: 0px;
margin-left:15px
}
li.row {
border-top: 0px;
border-bottom: 0px;
background: #121212 url("/forum/styles/prosilver/theme/images/bg_header.png") repeat-x;
}
li.row:hover {
background-color: #121212;
}
ul.topiclist dd {
border-left: 0px;
}
ul.topiclist li {
color: #777777;
}
div.clr {
height: 5px;
font-size: 2px;
display: block;
}
ul.forums {
background: none;
}
li.header {
padding-left: 5px;
padding-top: 8px;
padding-bottom: 7px;
background: #121212 url("/forum/styles/prosilver/theme/images/bg_header_main.png") repeat-x;
text-transform: none;
}
li.header dt, li.header dd {
font-size: 13px;
font-family: Century Gothic, Arial, sans-serif;
text-transform: none;
color: #999999;
}
li.header dt {
font-weight: normal;
}
a.forumtitle, a.topictitle {
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
}
dd.lastpost {
font-size: 0.9em;
}
#cp-main div.panel {
background-color: #121212;
}
#cp-main .panel li.row {
border-bottom-color: #121212;
border-top-color: #121212;
}
ul.cplist {
border-top-color: #121212;
}
#cp-main h3, #cp-main hr, #cp-menu hr {
border-color: #191919;
}
table.table1 tbody td {
border-top-color: #121212;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #222222;
color: #000;
}
#navigation a {
color: #999999;
background-color: #222222;
background-image: url("/forum/styles/prosilver/theme/images/bg_menu.png");
}
#navigation a span {
color: #555555;
}
#navigation a:hover {
background-color: #222222;
color: #3168B0;
}
#navigation #active-subsection a {
background-color: #121212;
background-image: none;
}
#navigation #active-subsection a span {
color: #999999;
}
#navigation #active-subsection a:hover {
color: #333333;
}
#cp-main .panel p, .postbody .content {
color: #CCCCCC;
}
.postbody {
color: #555555;
}
dl.faq dt {
color: #CCCCCC;
}
dd {
color: #999999;
}
.forumbg-table {
border: 0px;
}
#cp-main .panel li.header dd, #cp-main .panel li.header dt {
color: #CCCCCC;
}
dl.details dt {
color: #CCCCCC;
}
.content p {
color: #CCCCCC;
}
.bg1, .bg2, .bg3, div.panel {
background-color: #191919;
}
div.navbar {
background-color: #191919;
}
/* @end Phpbb3*/
/* @group Structure */
.wrapper {
position: relative;
}
#header, #horiz-menu, #inset, #bottom-modules, #footer-bar, #footer-shadow {
margin: 0 25px;
}
#header {
height: 83px;
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png") 0 0 repeat;
}
#overall-frame {
width: 100%;
position: relative;
}
#body {
margin: 0 25px;
background: #121212;
padding: 2px;
}
table.mainbody {
width: 100%;
margin: 0;
padding: 0;
background: #121212 url("/forum/styles/prosilver/theme/images/joomla/body-bg.png") 0 0 repeat-x;
}
td.maincol, td.secondcol, td.thirdcol {
margin: 0;
width: auto;
padding: 0;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow.png") 0 0 repeat-y;
}
table.mainbody .padding {
padding: 0px 15px 10px 15px;
margin: 0;
}
.accent {
height: 1px;
overflow: hidden;
}
.accent .accent-right {
float: right;
width: 60px;
height: 1px;
background: url("/forum/styles/prosilver/theme/images/joomla/accent-top-right.png") 100% 0 no-repeat;
}
.accent .accent-left {
float: left;
width: 60px;
height: 1px;
background: url("/forum/styles/prosilver/theme/images/joomla/accent-top-left.png") 0 0 no-repeat;
}
.bottom .accent .accent-right {
background: url("/forum/styles/prosilver/theme/images/joomla/accent-bottom-right.png") 100% 0 no-repeat;
}
.bottom .accent .accent-left {
background: url("/forum/styles/prosilver/theme/images/joomla/accent-bottom-left.png") 0 0 no-repeat;
}
.maincol .accent {
height: 1px;
margin: 0 0 10px 0;
}
.maincol.bottom .accent {
height: 1px;
margin: 10px 0 10px 0;
}
.secondcol .accent, .thirdcol .accent {
height: 1px;
margin: 0 0 15px 0;
}
.secondcol.bottom .accent, .thirdcol.bottom .accent {
height: 1px;
margin: 10px 0 10px 0;
}
td.bottom {
padding: 0 18px;
}
td.maincol.bottom {
padding: 10px;
}
#maincol {
color: #ccc;
padding: 10px;
margin: 0;
}
#secondcol, #thirdcol {
color: #ccc;
padding: 10px 18px 10px 18px;
}
#bottom-modules {
margin-top: 50px;
color: #ccc;
background: #000;
}
#footer-bar {
height: 35px;
background: #000;
}
img#rocket {
width: 148px;
height: 35px;
background: url("/forum/styles/prosilver/theme/images/joomla/rocket.png") 0 0 no-repeat;
}
#footer-shadow {
height: 57px;
position: relative;
}
#logo-space {
text-align: center;
position: relative;
}
#logo-space img, #logo-space span {
margin: 0 auto;
width: 265px;
}
#logo-space span {
top: 0;
display: block;
margin: -22px auto 0;
font-size: 95%;
}
#logo2 {
width: 265px;
height: 83px;
}
#inset {
height: 130px;
padding-top: 20px;
}
/* column shadows */
#top-shadow .shadow-1, #top-shadow .shadow-2, #top-shadow .shadow-3 {
top: 122px;
}
#top-shadow .shadow-1 {
left: 0;
margin-left: 25px;
}
#top-shadow .shadow-2 {
right: 0;
margin-right: 25px;
}
#top-shadow .shadow-3 {
left: 159px;
}
.shadow-1 {
position: absolute;
top: 0;
left: 0;
height: 57px;
width: 134px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-left.png") 0 0 no-repeat;
}
.shadow-2 {
position: absolute;
top: 0;
right: 0;
height: 57px;
width: 134px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-right.png") 100% 0 no-repeat;
}
.shadow-3 {
position: absolute;
top: 0;
left: 134px;
height: 57px;
background: url("/forum/styles/prosilver/theme/images/joomla/column-shadow-middle.png") 0 0 repeat-x;
}
#topmodules, #bottommodules, #footermodules, #component {
overflow: hidden;
}
#component .padding {
padding: 5px 6px 0 6px;
}
.spacer .block {
float: left;
}
.spacer .w99 .block {
width: 99%;
}
.spacer.w49 .block {
width: 49%;
}
.spacer.w33 .block {
width: 33%;
}
div#bottom {
padding-bottom: 30px;
overflow: auto;
}
#pathway {
height: 30px;
padding: 0 32px;
overflow: hidden;
}
#footermods {
float: right;
}
/* @end */
/* @group Horizontal Menu */
#horiz-menu {
height: 39px;
background: url("/forum/styles/prosilver/theme/images/joomla/menu-bg.png") 0 0 repeat-x;
}
#horiz-menu ul.menutop {
padding-left: 15px;
}
#horiz-menu ul {
list-style: none;
margin: 0;
padding: 0 0 0 0px;
}
#horiz-menu li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#horiz-menu a {
white-space: nowrap;
font-family: Century Gothic, Helvetica, sans-serif;
display: block;
float: left;
height: 39px;
line-height: 42px;
padding: 0 15px 0 15px;
font-weight: normal;
font-size: 110%;
color: #ccc;
}
#horiz-menu li:hover a, #horiz-menu li.sfHover a, #horiz-menu li:hover a:hover, #horiz-menu li.sfHover a:hover {
color: #fff;
}
#horiz-menu ul ul {
background: #151515;
border-left: 1px solid #333333;
border-right: 1px solid #000;
}
#horiz-menu li li {
background: none;
border-top: 1px solid #333333;
border-bottom: 1px solid #000;
}
#horiz-menu li li a:hover {
background: none;
}
#horiz-menu li.active, #horiz-menu li.active_menu {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-active-r.png") 100% 0 no-repeat;
}
#horiz-menu li.active a, #horiz-menu li.active_menu a {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-active-l.png") 0 0 no-repeat;
color: #fff;
}
#horiz-menu span.topdaddy, #horiz-menu span.top {
display: block;
float: left;
position: relative;
text-align: center;
}
#horiz-menu li li span.top {
display: inline;
float: none;
position: static;
text-align: left;
}
#horiz-menu span.topdaddy span {
text-align: left;
}
#horiz-menu span.selector {
display: block;
position: absolute;
overflow: hidden;
bottom: 5px;
left: 50%;
margin: 0 auto;
margin-left: -30px;
height: 3px;
width: 59px;
background: none;
}
#horiz-menu li.active span span.selector, #horiz-menu li:hover span span.selector, #horiz-menu li.sfHover span span.selector {
background: url("/forum/styles/prosilver/theme/images/joomla/menu-accent.png") 0 0 no-repeat;
}
span.selector br {
display: none;
}
#horiz-menu li li a.daddy, #horiz-menu li.active li a.daddy, #horiz-menu li.active li a.daddy:hover, #horiz-menu li li a.daddy:hover {
background: url("/forum/styles/prosilver/theme/images/joomla/dropdown-child.png") 95% 50% no-repeat;
}
#horiz-menu li.active li span span.selector, #horiz-menu li:hover li span span.selector, #horiz-menu li.sfHover li span span.selector {
display: none;
}
#horiz-menu li.active a, #horiz-menu li.active_menu a {
line-height: 33px;
}
#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover {
background: none;
}
#horiz-menu li li a {
font-family: Helvetica, Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
#horiz-menu a:hover {
text-decoration: none;
}
/* @end */
/* @group Sub Menu */
ul.menuside {
margin: 0;
padding: 0;
}
ul.menuside li {
list-style: none;
margin: 0;
padding: 0;
}
ul.menuside a:hover {
text-decoration: none;
}
ul.menuside li.active li a {
font-weight: normal;
}
ul.menuside span {
display: block;
}
ul.menuside a {
display: block;
line-height: 25px;
text-indent: 30px;
height: 25px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 110%;
}
ul.menuside a:hover {
text-decoration: none;
}
ul.menuside ul {
margin-left: 20px;
padding: 0;
}
ul.menuside ul ul {
padding: 0;
margin-left: 30px;
}
ul.menuside li li {
padding: 0;
margin: 0;
}
ul.menuside li li a {
padding-left: 23px;
}
ul.menuside ul a {
text-indent: 0;
color: #ccc;
}
ul.menuside li.active li a {
color: #ccc;
background-color: #ccc;
}
ul.menuside ul ul ul a {
text-indent: 30px;
}
/* @end */
/* @group Mainmenu */
a.mainlevel {
display: block;
line-height: 25px;
text-indent: 28px;
height: 25px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 110%;
text-decoration: none;
}
a#active_menu.sublevel {
background: none;
}
ul.menuside a, a.mainlevel {
background: #999 url("/forum/styles/prosilver/theme/images/joomla/bullet.png") 0 0 no-repeat;
color: #ccc;
}
ul.menuside ul a {
background: #999 url("/forum/styles/prosilver/theme/images/joomla/triangle.png") 0 5px;
}
a.sublevel {
padding-left: 15px;
text-decoration: none;
font-family: Century Gothic, Arial, sans-serif;
color: #ccc;
background: none;
}
a.mainlevel:hover, a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group Content Styles */
/* @group Login */
#mod-top .spacer {
color: #ccc;
}
#mod-top form {
padding: 5px 0 0 0;
margin: 0;
}
div.loginelement {
float: left;
padding-left: 5px;
padding-top: 2px;
}
div.loginelement label {
margin: 0;
display: block;
height: 20px;
line-height: 20px;
float: left;
color: #999;
width: 70px;
}
div.loginelement .inputbox {
margin: 0;
width: 100px;
border: 1px solid #444;
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
color: #999;
}
#mod-top a {
padding-left: 15px;
font-size: 100%;
padding-right: 10px;
display: block;
float: left;
color: #ccc;
}
#dawn #mod-top a, #day #mod-top a, #dusk #mod-top a, #night #mod-top a {
color: #ccc;
}
#mod-top a:hover, #dawn #mod-top a:hover, #day #mod-top a:hover, #dusk #mod-top a:hover, #night #mod-top a:hover {
text-decoration: none;
color: #fff;
}
/* @group Readon */
a.readon {
font-family: Arial Narrow, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
display: block;
margin-top: 15px;
margin-bottom: 10px;
text-indent: 15px;
line-height: 8px;
color: #ccc;
background: url("/forum/styles/prosilver/theme/images/joomla/readon.png") 0 0 no-repeat;
}
div.moduletable-hilite1 a.readon, div.moduletable-hilite2 a.readon, div.moduletable-hilite3 a.readon, div.module-hilite1 a.readon, div.module-hilite2 a.readon, div.module-hilite3 a.readon {
background-image: url("/forum/styles/prosilver/theme/images/joomla/readon-hilite1.png");
background-repeat: no-repeat;
background-position: 0% 0%;
}
#maincol a.readon {
color: #ccc;
}
a.readon:hover {
text-decoration: underline;
}
/* @end */
/* @group Pathway */
span.pathway {
display: block;
line-height: 1.2em;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
}
span.pathway img {
float: left;
width: 10px;
height: 10px;
padding-right: 5px;
padding-top: 3px;
background: url("/forum/styles/prosilver/theme/images/joomla/path-arrow.png") 0 50% no-repeat;
}
span.pathway a {
float: left;
padding: 0 20px 0 0;
}
/* @end */
/* @group Modules */
.moduletable, .moduletable-hilite1, .moduletable-hilite2, .moduletable-hilite3, .moduletable-hilite4, .moduletable-hilite5, .moduletable-hilite6, .module, .module-hilite1, .module-hilite2, .module-hilite3, .module-hilite4, .module-hilite5, .module-hilite6 {
margin: 0 0 20px 0;
}
.moduletable h3, .module h3 {
font-size: 125%;
font-weight: normal;
margin: 5px 0 10px 0;
padding: 4px;
font-family: Century Gothic, Arial, sans-serif;
background: #191919;
}
.moduletable-hilite1, .moduletable-hilite2, .moduletable-hilite3, .module-hilite1, .module-hilite2, .module-hilite3 {
background: #0C0C0C;
border: 1px solid #1F1F1F;
padding: 10px;
}
.moduletable-hilite4, .moduletable-hilite5, .moduletable-hilite6, .module-hilite4, .module-hilite5, .module-hilite6 {
border: 1px solid #1F1F1F;
padding: 10px;
}
.moduletable-hilite1 h3, .moduletable-hilite2 h3, .moduletable-hilite3 h3, .moduletable-hilite4 h3, .moduletable-hilite5 h3, .moduletable-hilite6 h3, .module-hilite1 h3, .module-hilite2 h3, .module-hilite3 h3, .module-hilite4 h3, .module-hilite5 h3, .module-hilite6 h3 {
font-size: 125%;
font-weight: normal;
margin: 0px 0 10px 0;
font-family: Century Gothic, Arial, sans-serif;
}
.spacer div.moduletable, .spacer div.moduletable-hilite1, .spacer div.moduletable-hilite2, .spacer div.moduletable-hilite3, .spacer div.moduletable-hilite4, .spacer div.moduletable-hilite5, .spacer div.moduletable-hilite6, .spacer div.module, .spacer div.module-hilite1, .spacer div.module-hilite2, .spacer div.module-hilite3, .spacer div.module-hilite4, .spacer div.module-hilite5, .spacer div.module-hilite6 {
margin-left: 10px;
}
#mod-top {
position: absolute;
right: 25px;
top: 0;
width: 200px;
height: 90px;
}
#mod-search {
position: absolute;
left: 45px;
top: 20px;
width: 115px;
}
#mod-search input {
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
input.tiny {
background: url("/forum/styles/prosilver/theme/images/joomla/header-bg.png");
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
input.button1, input.button2, a.button2, a.button1 {
background: none;
border: 1px solid #444;
padding: 1px 4px;
overflow: hidden;
width: 110px;
color: #999;
}
/* @end */
/* @group Joomla Elements */
.small, .modifydate, .createdate, div.mosimage_caption {
font-size: 95%;
}
.componentheading {
font-size: 170%;
line-height: 100%;
padding: 0;
margin: 25px 0 10px 0;
}
.contentheading {
font-size: 170%;
font-weight: normal;
line-height: 18px;
background: url("/forum/styles/prosilver/theme/images/joomla/content-icon.png") 0 0 no-repeat;
padding-left: 28px;
padding-bottom: 8px;
font-family: Century Gothic, Arial, sans-serif;
margin: 25px 0 10px 0;
}
td.buttonheading, .contentpaneopen td.buttonheading {
padding: 0px 3px 0;
}
td.column_separator {
padding-left: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
background: #1A1A1A;
border-bottom: 1px solid #070707;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
text-align: left;
padding: 4px 0 4px 4px;
border-top: 1px solid #222;
border-bottom: 1px solid #111;
}
.sectiontableentry2 {
background: #1A1A1A;
}
.contentpane, .contentpaneopen {
width: 100%;
}
/* @end */
div.wrapper {
margin: 0 auto;
width: 950px;
padding:0;
}
td.secondcol {
width: 24%;
}
td.thirdcol {
width: 0;
}
.shadow-3 {
width: 632px;
}
#bg-top, #bg-top-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 450px;
overflow: hidden;
}
#bg-bottom, #bg-bottom-overlay {
width: 100%;
}
#bg-bottom-ie, #bg-bottom-overlay-ie {
display: none;
}
#bg-top-overlay {
background: url("/forum/styles/prosilver/theme/images/joomla/top-bg-overlay.png") 0 0 repeat-x;
}
#bg-bottom-overlay {
background: url("/forum/styles/prosilver/theme/images/joomla/bottom-bg-overlay.png") 0 100% repeat-x;
}
#body-shadow-left {
background: url("/forum/styles/prosilver/theme/images/joomla/main-shadow-left.png") 0 0 no-repeat;
}
#body-shadow-right {
background: url("/forum/styles/prosilver/theme/images/joomla/main-shadow-right.png") 100% 0 no-repeat;
}
.menutop, .menutop * {
margin:0;
padding:0;
}
div#horiz-menu { /* this is a z-index ie6 and ie7 bug fix */
position: relative;
z-index: 50;
}
#horiz-menu li li {
margin: 0;
}
.menutop {
line-height:1.0;
float:left;
margin-bottom:1.5em;
position: relative;
}
.menutop ul {
background:#fff; /*IE6 needs this*/
padding: 0;
}
.menutop li {
float:left;
list-style:none;
position:relative;
}
div#horiz-menu li li a {
display:block;
padding: 0;
margin: 0;
text-decoration:none;
float:none;
height: 30px;
line-height: 30px;
text-indent: 18px;
width:98%;
}
.menutop li ul {
float:none;
left:-999em;
position:absolute;
width: 177px;
z-index: 5;
}
.menutop li:hover ul, .menutop li.sfHover ul {
left: -2px;
top: 38px;
}
.menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul {
top:-999em;
}
.menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul {
left: 178px;
top:-1px;
}
.menutop li li {
position: relative;
float:none;
width: 100%;
}
/* dock - top */
.dock {
position: relative;
height: 50px;
text-align: center;
}
.dock-container {
position: absolute;
height: 50px;
/*background: url(http://static.varjanta.com/images/dock-bg2.gif);*/
padding-left: 20px;
}
a.dock-item {
display: block;
width: 48px;
color: #000;
position: absolute;
top: 0px;
text-align: center;
text-decoration: none;
font: bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
text-transform:uppercase;
text-shadow:#39F
}
.dock-item img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.dock-item span {
display: none;
padding-left: 10px;
width:100%;
margin-top:-20px;
color:#FFF;
text-shadow:#39F
}
/* dock2 - bottom */
#dock2 {
width: 100%;
bottom: 0px;
position: absolute;
left: 0px;
}
.dock-container2 {
position: absolute;
height: 50px;
/*background: url(http://static.varjanta.com/images/dock-bg.gif);*/
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
.container {
width:950px;
margin:0 auto;
}
.header {
margin-top:0px;
color:#777;
}
.header p {
padding-bottom:8px;
}
.logo {
padding-bottom:20px;
padding-top:5px;
}
.bg {
background:#000;
color:#1AB5FF;
height:390px;
margin-top:25px;
}
.bg h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:18px;
}
.bg h4 a {
color:#fff;
}
.bg p {
padding:5px 20px 0px 20px;
margin:0;
color:#777;
}
.bg img {
padding:5px 5px 0 5px;
}
.intro_box {
margin-top:25px;
color:#777;
background:url(../images/intro_box.png);
height:330px;
}
.intro_box h2 {
color:#fff;
background:#000;
padding:5px 0 5px 10px;
margin-right:150px;
}
.intro_box h4 {
padding:0;
margin:0;
color:#fff;
}
.intro_box p {
padding-right:10px;
}
.firstbox {
background:#1AB5FF;
color:#1AB5FF;
height:330px;
margin-top:25px;
}
.firstbox h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:18px;
}
.firstbox h4 a {
color:#fff;
}
.firstbox p {
padding:5px 20px 0px 20px;
margin:0;
color:#777;
}
.firstbox img {
padding:5px 5px 0 5px;
}
.work_box {
margin-top:25px;
color:#777;
height:330px;
background:#000;
}
.work_box2 {
margin-top:25px;
color:#777;
height:330px;
}
.work_box h2 {
color:#fff;
background:#000;
padding:5px 0 5px 10px;
margin-right:150px;
}
.work_box h4 {
padding:0;
margin:0;
color:#fff;
}
.work_box p {
padding-right:10px;
}
.work_box img {
padding:5px;
}
.page_title h3 {
color:#fff;
font-size:24px;
margin:0;
padding:0 0 5px;
}
.bg_work {
background:#000;
color:#1AB5FF;
height:330px;
margin-top:25px;
}
.bg_work h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:22px;
}
.bg_work h4 a {
color:#fff;
}
.bg_work p {
padding:5px 20px 0px 20px;
margin:0;
color:#777;
}
.bg_work img {
padding-right:10px;
}
.work_date {
padding:10px 20px 0px 20px;
}
.bg_work_page {
background:#000;
color:#1AB5FF;
margin-top:25px;
min-height:350px;
padding-bottom:15px
}
.bg_work_page h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:22px;
}
.bg_work_page h4 a {
color:#fff;
}
.bg_work_page p {
padding:10px 20px 0px 20px;
margin:0;
color:#777;
}
.bg_work_page img {
padding-right:10px;
}
.bg_work_page2 {
background:#000;
color:#1AB5FF;
margin-top:25px;
padding-bottom:15px
}
.bg_work_page2 h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:22px;
}
.bg_work_page2 h4 a {
color:#fff;
}
.bg_work_page2 p {
padding:10px 20px 0px 20px;
margin:0;
color:#777;
}
.bg_work_page2 img {
padding-right:10px;
}
.bg_work_contact {
background:#000;
color:#1AB5FF;
margin-top:25px;
height:520px;
padding-top:25px;
}
.bg_work_contact h4 {
padding:10px 20px 0px 20px;
margin:0;
color:#fff;
font-size:22px;
}
.bg_work_contact h4 a {
color:#fff;
}
.bg_work_contact p {
padding:10px 20px 0px 20px;
margin:0;
color:#777;
}
.bg_work_contact img {
padding-right:10px;
}
.bg_work_contact {
scrollbar-base-color:#000;
}
.bg_work_contact textarea {
border:1px solid #252525;
}
.bg_work_contact input {
background:#000;
color:#fff;
border:1px solid #252525;
}
body {
background:#151515 url(http://static.varjanta.com/simracing/images/haunted-two.png) repeat;
}
.prefooter {
margin-top:40px;
}
.footer {
margin-top:0px;
background:#000;
}
.footer_box1 {
padding:20px 10px 20px 0px;
}
.footer_box1 a {
color:#fff;
text-decoration:none
}
.footer_box1 a:hover {
color:#1AB5FF;
}
.footer_box1 h4 {
color:#1AB5FF;
font-size:18px;
padding-bottom:2px;
margin:0;
}
.footer_box1 p {
padding:5px 0 0 0px;
color:#777;
}
.footer_box2 {
padding:20px 0px 20px 0px;
}
.footer_box2 a {
color:#fff;
text-decoration:none
}
.footer_box2 a:hover {
color:#1AB5FF;
}
.footer_box2 h4 {
color:#1AB5FF;
font-size:18px;
padding-bottom:2px;
margin:0;
}
.footer_box2 p {
padding:5px 0 0 0px;
color:#777;
font-size:11px;
}
.twitter p {
padding-top:0;
color:#fff;
}
#footer-nav {
padding-left:0;
margin-left:0;
font-size:12px;
}
#footer-nav li {
list-style:none;
padding-left:0px;
color:#777;
margin:0;
margin:2px;
}
#footer-nav li a {
color:#1AB5FF;
}
#footer-nav li a:hover {
color:#fff;
}
.footer_text {
padding:0;
margin:0;
font-size:11px;
}
.copyright {
color:#777;
padding-bottom:20px;
}
.copyright a {
color:#fff;
text-decoration:none
}
.copyright a:hover {
color:#1AB5FF;
}
.hidden {
display:none;
}
#inline_1 {
text-align:left;
padding:10px;
background:#000;
color:#777;
}
#inline_1 h2 {
padding:0;
margin:0;
color:#1AB5FF
}
#inline_1 p {
padding:0 0 10px 0;
margin:0;
}
#inline_1 img {
padding-right:10px;
float:left
}
#inline_2 {
text-align:left;
padding:10px;
background:#fff;
}
#inline_2 h2 {
padding:0;
margin:0;
}
#inline_2 p {
padding:0 0 10px 0;
margin:0;
}
.types {
padding-left:20px;
padding-right:20px;
width:100%;
margin-bottom:15px;
margin-top:10px
}
.types ul {
padding:10px 20px 10px 20px
}
.types li {
list-style:none;
float:left;
width:33%;
padding-bottom:10px;
}
#wrapper {
width:900px;
margin:0 auto;
}
#slider-outer {
height:291px;
padding-top:10px;
}
#slider {
width:860px;
margin:0 auto;
position:relative;
}
.scroll {
overflow:hidden;
width:820px;
margin:0 auto;
position:relative;
height:235px;
}
.scrollContainer {
position:relative;
}
.scrollContainer div.panel {
padding:0;
width:274px;
height:240px;
}
.inside {
padding:6px 0;
}
.inside img {
display:block;
margin:0 0 10px 0;
width:250px;
}
.inside h2 {
font-weight:normal;
color:#111;
font-size:16px;
margin:0 0 8px 0;
}
.inside p {
font-size:11px;
color:#ccc;
}
.scrollButtons {
position:absolute;
top:100px;
cursor:pointer;
}
.scrollButtons.left {
left:-35px;
}
.scrollButtons.right {
right:-35px;
}
.hide {
display:none;
}
.entrynotes {
padding-top:24px;
color:#777;
}
.entrynotes h4 {
color:#fff;
font-size:20px;
padding:5px;
margin:0;
display:inline
}
.entrynotes ul {
padding:0;
margin:0;
padding-top:5px;
border-top:1px solid #202020;
margin-top:2px;
}
.entrynotes li {
list-style:none;
padding:2px 0 5px 2px
}
.entrynotes .last {
padding-bottom:0;
margin-bottom:0;
}
.entrynotes img {
}
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-8_5, .span-1_5, .span-16_5, .span-5_5 {
float:left;
margin-right:10px;
}
.last {
margin-right:0;
}
.span-1 {
width:30px;
}
.span-1_5 {
width:48px;
}
.span-2 {
width:70px;
}
.span-3 {
width:110px;
}
.span-4 {
width:150px;
}
.span-5 {
width:190px;
}
.span-5_5 {
width:210px;
}
.span-6 {
width:230px;
}
.span-7 {
width:270px;
}
.span-8 {
width:310px;
}
.span-8_5 {
width:300px;
}
.span-9 {
width:350px;
}
.span-10 {
width:390px;
}
.span-11 {
width:430px;
}
.span-12 {
width:470px;
}
.span-13 {
width:510px;
}
.span-14 {
width:550px;
}
.span-16_5 {
width:624px;
}
.span-15 {
width:590px;
}
.span-16 {
width:630px;
}
.span-17 {
width:670px;
}
.span-18 {
width:710px;
}
.span-19 {
width:750px;
}
.span-20 {
width:790px;
}
.span-21 {
width:830px;
}
.span-22 {
width:870px;
}
.span-23 {
width:910px;
}
.span-24 {
width:950px;
margin-right:0;
}
/* footer */
#bg-bottom, #bg-bottom-ie {
background: url(images/backgrounds/bg-bottom.jpg) 50% 100% no-repeat;
}
/****** day colors *******/
/* color 1 */
#day a, #day h2, #day .contentheading, #day #maincol .moduletable h3, #day #bottom-modules h3, #day .moduletable-hilite2 h3, #day .moduletable-hilite5 h3, #day .module-hilite2 h3, #day .module-hilite5 h3, #day ul.menuside li.active a, #day a#active_menu, #day a#active_menu.sublevel {
color: #1AB5FF;
}
#day a img.album {
border-color: #1AB5FF;
}
#day .contentheading, #day .maincol .accent, #day #horiz-menu li.active span span.selector, #day a#active_menu, #day ul.menuside li.active a, #day a.readon, #day div.moduletable-hilite1 a.readon, #day div.module-hilite1 a.readon, #day ul.arrow-1 li, #day ul.triangle-1 li, #day ul.bullet-1 li, #day ul.bullet-5 li, #day ul.plus-1 li {
background-color: #1AB5FF;
}
/* color 2 */
#day h3, #day #maincol a, #day h1, #day #secondcol .moduletable h3, #day.moduletable-hilite3 h3, #day .moduletable-hilite6 h3, #day .module-hilite3 h3, #day .module-hilite6 h3, #day #logo-space span, #day #horiz-menu li:hover li:hover a:hover, #day #horiz-menu li.sfHover li.sfHover a:hover, #day ul.menuside a:hover, #day ul.menuside li.active li a:hover, #day a.mainlevel:hover, #day a.sublevel:hover {
color: #1AB5FF;
}
#day .secondcol .accent, #day #horiz-menu li:hover span span.selector, #day #horiz-menu li.sfHover span span.selector, #day a.mainlevel:hover, #day ul.menuside a:hover, #day ul.menuside li.active li a:hover, #day ul.arrow-2 li, #day ul.triangle-2 li, #day ul.bullet-2 li, #day ul.bullet-6 li, #day ul.plus-2 li, #day.moduletable-hilite1 ul.arrow-2 li {
background-color: #1AB5FF;
}
/****** night colors *******/
/* color 1 */
#night a, #night h2, #night .contentheading, #night #maincol .moduletable h3, #night #bottom-modules h3, #night .moduletable-hilite2 h3, #night .moduletable-hilite5 h3, #night .module-hilite2 h3, #night .module-hilite5 h3, #night ul.menuside li.active a, #night a#active_menu, #night a#active_menu.sublevel {
color: #3c83d4;
}
#night a img.album {
border-color: #3c83d4;
}
#night .contentheading, #night .maincol .accent, #night #horiz-menu li.active span span.selector, #night a#active_menu, #night ul.menuside li.active a, #night a.readon, #night div.moduletable-hilite1 a.readon, #night div.module-hilite1 a.readon, #night ul.arrow-1 li, #night ul.triangle-1 li, #night ul.bullet-1 li, #night ul.bullet-5 li, #night ul.plus-1 li {
background-color: #3c83d4;
}
/* color 2 */
#night h3, #night #maincol a, #night h1, #night #secondcol .moduletable h3, #night.moduletable-hilite3 h3, #night .moduletable-hilite6 h3, #night .module-hilite3 h3, #night .module-hilite6 h3, #night #logo-space span, #night #horiz-menu li:hover li:hover a:hover, #night #horiz-menu li.sfHover li.sfHover a:hover, #night ul.menuside a:hover, #night ul.menuside li.active li a:hover, #night a.mainlevel:hover, #night a.sublevel:hover {
color: #1AB5FF;
}
#night .secondcol .accent, #night #horiz-menu li:hover span span.selector, #night #horiz-menu li.sfHover span span.selector, #night a.mainlevel:hover, #night ul.menuside a:hover, #night ul.menuside li.active li a:hover, #night ul.arrow-2 li, #night ul.triangle-2 li, #night ul.bullet-2 li, #night ul.bullet-6 li, #night ul.plus-2 li, #night.moduletable-hilite1 ul.arrow-2 li {
background-color: #1AB5FF;
}
/****** dusk colors *******/
/* color 1 */
#dusk a, #dusk h2, #dusk .contentheading, #dusk #maincol .moduletable h3, #dusk #bottom-modules h3, #dusk .moduletable-hilite2 h3, #dusk .moduletable-hilite5 h3, #dusk .module-hilite2 h3, #dusk .module-hilite5 h3, #dusk ul.menuside li.active a, #dusk a#active_menu, #dusk a#active_menu.sublevel {
color: #1AB5FF;
}
#dusk a img.album {
border-color: #1AB5FF;
}
#dusk .contentheading, #dusk .maincol .accent, #dusk #horiz-menu li.active span span.selector, #dusk a#active_menu, #dusk ul.menuside li.active a, #dusk a.readon, #dusk div.moduletable-hilite1 a.readon, #dusk div.module-hilite1 a.readon, #dusk ul.arrow-1 li, #dusk ul.triangle-1 li, #dusk ul.bullet-1 li, #dusk ul.bullet-5 li, #dusk ul.plus-1 li {
background-color: #1AB5FF;
}
/* color 2 */
#dusk h3, #dusk #maincol a, #dusk h1, #dusk #secondcol .moduletable h3, #dusk.moduletable-hilite3 h3, #dusk .moduletable-hilite6 h3, #dusk .module-hilite3 h3, #dusk .module-hilite6 h3, #dusk #logo-space span, #dusk #horiz-menu li:hover li:hover a:hover, #dusk #horiz-menu li.sfHover li.sfHover a:hover, #dusk ul.menuside a:hover, #dusk ul.menuside li.active li a:hover, #dusk a.mainlevel:hover, #dusk a.sublevel:hover {
color: #1AB5FF;
}
#dusk .secondcol .accent, #dusk #horiz-menu li:hover span span.selector, #dusk #horiz-menu li.sfHover span span.selector, #dusk a.mainlevel:hover, #dusk ul.menuside a:hover, #dusk ul.menuside li.active li a:hover, #dusk ul.arrow-2 li, #dusk ul.triangle-2 li, #dusk ul.bullet-2 li, #dusk ul.bullet-6 li, #dusk ul.plus-2 li, #dusk.moduletable-hilite1 ul.arrow-2 li {
background-color: #1AB5FF;
}
/****** dawn colors *******/
/* color 1 */
#dawn a, #dawn h2, #dawn .contentheading, #dawn #maincol .moduletable h3, #dawn #bottom-modules h3, #dawn .moduletable-hilite2 h3, #dawn .moduletable-hilite5 h3, #dawn .module-hilite2 h3, #dawn .module-hilite5 h3, #dawn ul.menuside li.active a, #dawn a#active_menu, #dawn a#active_menu.sublevel {
color: #1AB5FF;
}
#dawn a img.album {
border-color: #1AB5FF;
}
#dawn .contentheading, #dawn .maincol .accent, #dawn #horiz-menu li.active span span.selector, #dawn a#active_menu, #dawn ul.menuside li.active a, #dawn a.readon, #dawn div.moduletable-hilite1 a.readon, #dawn div.module-hilite1 a.readon, #dawn ul.arrow-1 li, #dawn ul.triangle-1 li, #dawn ul.bullet-1 li, #dawn ul.bullet-5 li, #dawn ul.plus-1 li {
background-color: #1AB5FF;
}
/* color 2 */
#dawn h3, #dawn #maincol a, #dawn h1, #dawn #secondcol .moduletable h3, #dawn.moduletable-hilite3 h3, #dawn .moduletable-hilite6 h3, #dawn .module-hilite3 h3, #dawn .module-hilite6 h3, #dawn #logo-space span, #dawn #horiz-menu li:hover li:hover a:hover, #dawn #horiz-menu li.sfHover li.sfHover a:hover, #dawn ul.menuside a:hover, #dawn ul.menuside li.active li a:hover, #dawn a.mainlevel:hover, #dawn a.sublevel:hover {
color: #1AB5FF;
}
#dawn .secondcol .accent, #dawn #horiz-menu li:hover span span.selector, #dawn #horiz-menu li.sfHover span span.selector, #dawn a.mainlevel:hover, #dawn ul.menuside a:hover, #dawn ul.menuside li.active li a:hover, #dawn ul.arrow-2 li, #dawn ul.triangle-2 li, #dawn ul.bullet-2 li, #dawn ul.bullet-6 li, #dawn ul.plus-2 li, #dawn.moduletable-hilite1 ul.arrow-2 li {
background-color: #1AB5FF;
}
/****** common colors *******/
/* color 3 */
#thirdcol .moduletable h3, .moduletable-hilite1 h3, .moduletable-hilite4 h3, .module-hilite1 h3, .module-hilite4 h3 {
color: #999;
}
.thirdcol .accent {
background-color: #999;
}
/* color overrides */
#bg-top-overlay, #bg-bottom-overlay {
background: none;
}
#day ul.menuside ul a, #dusk ul.menuside ul a, #dawn ul.menuside ul a, #night ul.menuside ul a {
text-indent: 0;
color: #ccc;
}
#day ul.menuside li.active li a, #dusk ul.menuside li.active li a, #dawn ul.menuside li.active li a, #night ul.menuside li.active li a {
color: #ccc;
background-color: #ccc;
}
#night a#active_menu.sublevel, #day a#active_menu.sublevel, #dawn a#active_menu.sublevel, #dusk a#active_menu.sublevel {
background: none;
}
#day ul.menuside a, #night ul.menuside a, #dusk ul.menuside a, #dawn ul.menuside a, #day a.mainlevel, #night a.mainlevel, #dusk a.mainlevel, #dawn a.mainlevel {
color: #ccc;
}
#day ul.menuside ul a, #night ul.menuside ul a, #dusk ul.menuside ul a, #dawn ul.menuside ul a {
background: #999 url(images/triangle.png) 0 5px;
}
#day a.sublevel, #night a.sublevel, #dusk a.sublevel, #dawn a.sublevel {
color: #ccc;
}
#day #horiz-menu li:hover a, #day #horiz-menu li.sfHover a, #day #horiz-menu li:hover a:hover, #day #horiz-menu li.sfHover a:hover, #night #horiz-menu li:hover a, #night #horiz-menu li.sfHover a, #night #horiz-menu li:hover a:hover, #night #horiz-menu li.sfHover a:hover, #dusk #horiz-menu li:hover a, #dusk #horiz-menu li.sfHover a, #dusk #horiz-menu li:hover a:hover, #dusk #horiz-menu li.sfHover a:hover, #dawn #horiz-menu li:hover a, #dawn #horiz-menu li.sfHover a, #dawn #horiz-menu li:hover a:hover, #dawn #horiz-menu li.sfHover a:hover {
color: #fff;
}
#night #horiz-menu a, #day #horiz-menu a, #dusk #horiz-menu a, #dawn #horiz-menu a {
color: #ccc;
}
#day #horiz-menu li.active a, #day #horiz-menu li.active_menu a, #night #horiz-menu li.active a, #night #horiz-menu li.active_menu a, #dusk #horiz-menu li.active a, #dusk #horiz-menu li.active_menu a, #dawn #horiz-menu li.active a, #dawn #horiz-menu li.active_menu a {
color: #fff;
}
/* end */
#colorbox, #cboxOverlay, #cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}
#cboxOverlay {
position:fixed;
width:100%;
height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear:left;
}
#cboxContent {
position:relative;
}
#cboxLoadedContent {
overflow:auto;
}
#cboxLoadedContent iframe {
display:block;
width:100%;
height:100%;
border:0;
}
#cboxTitle {
margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor:pointer;
}
#inline_1 {
}
#cboxOverlay {
background:#151515;
}
#colorbox {
}
#cboxContent {
margin-top:20px;
}
#cboxLoadedContent {
background:#000;
padding:5px;
}
#cboxTitle {
position:absolute;
top:-20px;
left:0;
color:#ccc;
}
#cboxCurrent {
position:absolute;
top:-20px;
right:0px;
color:#ccc;
}
#cboxSlideshow {
position:absolute;
top:-20px;
right:90px;
color:#fff;
}
#cboxPrevious {
position:absolute;
top:50%;
left:5px;
margin-top:-32px;
background:url(../images/controls.png) top left no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}
#cboxPrevious.hover {
background-position:bottom left;
}
#cboxNext {
position:absolute;
top:50%;
right:5px;
margin-top:-32px;
background:url(../images/controls.png) top right no-repeat;
width:28px;
height:65px;
text-indent:-9999px;
}
#cboxNext.hover {
background-position:bottom right;
}
#cboxLoadingOverlay {
background:#000;
}
#cboxLoadingGraphic {
background:url(../images/loading.gif) center center no-repeat;
}
#cboxClose {
position:absolute;
top:5px;
right:5px;
display:block;
background:url(../images/controls.png) top center no-repeat;
width:38px;
height:19px;
text-indent:-9999px;
}
#cboxClose.hover {
background-position:bottom center;
}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
padding:.2em;
}
#commentform textarea {
width:98%;
height:100px
}
#commentlist li {
min-height:80px;
list-style-type:none;
padding-bottom:10px
}
.odd {
background-color:#101010
}
#commentlist li ul {
border-left:1px solid #ddd;
font-size:110%;
list-style-type:none;
}
#commentlist li .avatar {
float:right;
margin-right:20px;
margin-top:20px;
border:1px dotted #1AB5FF;
padding:2px;
color:#CCC
}
.jx-bar {
height:30px;
padding:0px;
width:100%;
background-color:#000;
border:#333 solid 1px;
border-bottom:none;
z-index:101;
text-align:center;
position:fixed;
bottom:0px;
color:#fff;
opacity:0.75;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter:alpha(opacity = 75);
margin-left:auto;
margin-right:auto;
}
.jx-bar-rounded-tl {
-webkit-border-top-left-radius:5px;
-khtml-border-radius-topleft:5px;
-moz-border-radius-topleft:5px;
border-top-left-radius:5px;
}
.jx-bar-rounded-tr {
-webkit-border-top-right-radius:5px;
-khtml-border-radius-topright:5px;
-moz-border-radius-topright:5px;
border-top-right-radius:5px;
}
.jx-bar span {
width:1px;
height:100%;
background-color:#000;
}
.jx-separator-left {
float:left;
}
.jx-separator-right {
float:right;
}
.jx-bar-button ul {
margin:0px;
padding:0px;
}
.jx-bar-button li {
float:left;
list-style:none;
}
.jx-bar-button-right li {
float:right;
list-style:none;
}
.jx-bar-button li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
cursor:pointer;
padding:2px 4px 2px 4px;
border:#000 solid 1px;
margin:2px;
}
#chats li {
background-color:#000;
border:#000 solid 1px;
padding:3px 2px 1px 2px;
margin:0px;
}
#chats li:hover {
background-color:#000;
border:#1AB5FF solid 1px;
padding:3px 2px 1px 2px;
margin:0px;
}
#chats2 li {
background-color:#fff;
border:none;
padding:0px 0px 0px 0px;
margin-bottom:2px;
width:99%;
}
#chats2 a {
display:block;
color:#000;
font-size:11px;
width:100%
}
#chats2 li:hover {
background-color:#fff;
border:none;
padding:0px 0px 0px 0px;
color:#1AB5FF;
margin-bottom:2px;
text-decoration:underline
}
#chats2 a:hover {
color:#1AB5FF;
}
#avas li {
background-color:#000;
border:#000 solid 1px;
padding:0px 0px 0px 0px;
margin:0px;
}
#avas li:hover {
background-color:#000;
border:#1AB5FF solid 1px;
padding:0px 0px 0px 0px;
margin:0px;
}
.jx-bar-button li:hover {
background-color:#000;
border:#1AB5FF solid 1px;
padding:2px 4px 2px 4px;
margin:2px;
}
.jx-bar-button-rounded li:hover {
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.jx-bar-button li a:link, .jx-bar-button li a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ccc;
text-decoration:none;
}
.jx-bar-button li a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#1AB5FF;
text-decoration:none;
}
.jx-bar-button div {
float:left;
}
.jx-bar-button-right div {
float:right;
}
div.sc_menu {
position:relative;
height:30px;
width:500px;
overflow:hidden
}
ul.sc_menu {
display:block;
height:30px;
width:500px;
margin:0;
list-style:none;
}
.sc_menu li {
display:block;
float:left;
}
.bubblepop {
position:absolute;
display:none;
z-index:9000;
border-collapse:collapse;
opacity:1.15;
bottom:0;
left:0;
width:170px;
margin-bottom:30px;
margin-left:390px;
background-color:none;
}
.bubblepop td.corner {
height:15px;
width:19px;
}
.bubblepop td#topleft {
background-image:url(http://static.calluster.com/bubble/bubble-1.png);
}
.bubblepop td.top {
background-image:url(http://static.calluster.com/bubble/bubble-2.png);
}
.bubblepop td#topright {
background-image:url(http://static.calluster.com/bubble/bubble-3.png);
}
.bubblepop td.left {
background-image:url(http://static.calluster.com/bubble/bubble-4.png);
}
.bubblepop td.right {
background-image:url(http://static.calluster.com/bubble/bubble-5.png);
}
.bubblepop td#bottomleft {
background-image:url(http://static.calluster.com/bubble/bubble-6.png);
}
.bubblepop td.bottom {
background-image:url(http://static.calluster.com/bubble/bubble-7.png);
text-align:center;
}
.bubblepop td.bottom img {
display:block;
margin:0 auto;
}
.bubblepop td#bottomright {
background-image:url(http://static.calluster.com/bubble/bubble-8.png);
}
.bubblepop table.bubblepop-contents {
font-size:13px;
line-height:1.2em;
background-color:#fff;
padding:0;
color:#666;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
table.bubblepop-contents th {
text-align:right;
text-transform:lowercase;
}
table.bubblepop-contents td {
text-align:left;
}
#rfactor {
position:relative;
top:0px;
height:48px;
width:48px;
left:920px;
margin-bottom:-48px;
z-index:20
}
.inputsTooltip {
z-index:1000;
padding:8px;
border:2px solid #1AB5FF;
background:#000;
color:#CCC;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
-opera-border-radius:10px;
max-width:150px;
text-align:center;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
opacity:.85;
}
.edit-comment-admin-links {
margin-left:20px;
margin-top:5px;
}
.edit-comment, .move-comment, .moderate-comment, .delink-comment, .spam-comment, .blacklist-comment, .delete-comment {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity=85);
opacity:.85;
}
.edit-comment:hover, .move-comment:hover, .moderate-comment:hover, .delink-comment:hover, .spam-comment:hover, .blacklist-comment:hover, .delete-comment:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100);
opacity:1.00;
}
div#fancy_overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
z-index:530;
}
div#fancy_loading {
position:absolute;
height:40px;
width:40px;
cursor:pointer;
display:none;
overflow:hidden;
background:transparent;
z-index:5100;
}
div#fancy_loading div {
position:absolute;
top:0;
left:0;
width:40px;
height:480px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
position:absolute;
top:0;
left:0;
z-index:590;
padding:20px 20px 40px 20px;
margin:0;
background:transparent;
display:none;
}
div#fancy_inner {
position:relative;
width:100%;
height:100%;
background:#FFF;
border:10px solid #539FCF;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
-opera-border-radius:10px;
}
div#fancy_content {
margin:0;
z-index:5100;
position:absolute;
}
div#fancy_div {
background:#000;
color:#FFF;
height:100%;
width:100%;
z-index:5100;
}
img#fancy_img {
position:absolute;
top:0;
left:0;
border:0;
padding:0;
margin:0;
z-index:5100;
width:100%;
height:100%;
}
div#fancy_close {
position:absolute;
top:-28px;
right:-28px;
height:34px;
width:34px;
background:url('http://static.varjanta.com/simracing/images/fancybox/fancy_closebox.png') top left no-repeat;
cursor:pointer;
z-index:5181;
display:none;
}
#fancy_frame {
position:relative;
width:100%;
height:100%;
display:none;
}
#fancy_ajax {
width:100%;
height:100%;
overflow:auto;
background-color:#000
}
a#fancy_left, a#fancy_right {
position:absolute;
bottom:0px;
height:100%;
width:35%;
cursor:pointer;
z-index:5111;
display:none;
background-image:url("data:image/gif;base64,AAAA");
outline:none;
overflow:hidden;
}
a#fancy_left {
left:0px;
}
a#fancy_right {
right:0px;
}
span.fancy_ico {
position:absolute;
top:50%;
margin-top:-15px;
width:30px;
height:30px;
z-index:5112;
cursor:pointer;
display:block;
}
span#fancy_left_ico {
left:-9999px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
right:-9999px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_right.png') no-repeat;
}
a#fancy_left:hover, a#fancy_right:hover {
visibility:visible;
background-color:transparent;
}
a#fancy_left:hover span {
left:20px;
}
a#fancy_right:hover span {
right:20px;
}
#fancy_bigIframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:transparent;
}
div#fancy_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:570;
border:0;
padding:0;
margin:0;
}
div.fancy_bg {
position:absolute;
display:block;
z-index:570;
border:0;
padding:0;
margin:0;
}
div#fancy_bg_n {
top:-20px;
width:100%;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_n.png') repeat-x;
}
div#fancy_bg_ne {
top:-20px;
right:-20px;
width:20px;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_ne.png') no-repeat;
}
div#fancy_bg_e {
right:-20px;
height:100%;
width:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_e.png') repeat-y;
}
div#fancy_bg_se {
bottom:-20px;
right:-20px;
width:20px;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_se.png') no-repeat;
}
div#fancy_bg_s {
bottom:-20px;
width:100%;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_s.png') repeat-x;
}
div#fancy_bg_sw {
bottom:-20px;
left:-20px;
width:20px;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_sw.png') no-repeat;
}
div#fancy_bg_w {
left:-20px;
height:100%;
width:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_w.png') repeat-y;
}
div#fancy_bg_nw {
top:-20px;
left:-20px;
width:20px;
height:20px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position:absolute;
z-index:5100;
display:none;
}
div#fancy_title div {
color:#FFF;
font:bold 12px Arial;
padding-bottom:3px;
white-space:nowrap;
}
div#fancy_title table {
margin:0 auto;
}
div#fancy_title table td {
padding:0;
vertical-align:middle;
}
td#fancy_title_left {
height:32px;
width:15px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_title_left.png') repeat-x;
}
td#fancy_title_main {
height:32px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_title_main.png') repeat-x;
}
td#fancy_title_right {
height:32px;
width:15px;
background:transparent url('http://static.varjanta.com/simracing/images/fancybox/fancy_title_right.png') repeat-x;
}
.size-thumbnail {
padding:10px;
width:150px;
margin:10px;
overflow:hidden
}
/* Bubble pop-up */
.bubblepop {
position: absolute;
display: none;
z-index: 9000;
border-collapse: collapse;
opacity: 1.15;
bottom:0;
width:170px;
background-color:none;
}
a.bubblepop {
color:#000
}
.bubblepop td.corner {
height: 15px;
width: 19px;
}
.bubblepop td#topleft {
background-image: url(http://static2.varjanta.com/bubble/bubble-1.png);
}
.bubblepop td.top {
background-image: url(http://static2.varjanta.com/bubble/bubble-2.png);
}
.bubblepop td#topright {
background-image: url(http://static2.varjanta.com/bubble/bubble-3.png);
}
.bubblepop td.left {
background-image: url(http://static2.varjanta.com/bubble/bubble-4.png);
}
.bubblepop td.right {
background-image: url(http://static2.varjanta.com/bubble/bubble-5.png);
}
.bubblepop td#bottomleft {
background-image: url(http://static2.varjanta.com/bubble/bubble-6.png);
}
.bubblepop td.bottom {
background-image: url(http://static2.varjanta.com/bubble/bubble-7.png);
text-align: center;
}
.bubblepop td.bottom img {
display: block;
margin: 0 auto;
}
.bubblepop td#bottomright {
background-image: url(http://static2.varjanta.com/bubble/bubble-8.png);
}
.bubblepop table.bubblepop-contents {
font-size: 13px;
line-height: 1.2em;
background-color: #fff;
padding:0;
color: #000;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}
.bubblepop table.bubblepop-contents a {
color: #000;
}
a.bubblepop-contents { color:#000}
table.bubblepop-contents th {
text-align: right;
text-transform: lowercase;
}
table.bubblepop-contents td {
text-align: left;
}
tr#release-notes th {
text-align: left;
text-indent: -9999px;
background: url(http://static2.varjanta.com/bubble/starburst.gif) no-repeat top right;
height: 17px;
}
tr#release-notes td a {
color: #333;
}
table {
width:100%
}
td, th {
padding:.3em 0 .8em 0
}
thead th {
border-bottom:2px solid #AAA;
color:#494949;
font-weight:bold
}
.bubbleInfo td, .bubbleInfo th {
padding:0 0 0 0
}
.panel33 {
z-index:105;
position: fixed;
bottom: 0;
left: 0;
display: none;
background: #111;
border:2px solid #303030;
border-bottom:none;
border-left:none;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-khtml-border-top-right-radius: 8px;
border-top-right-radius: 8px;
-opera-border-top-right-radius:8px;
width: 510px;
height: auto;
padding: 30px 30px 30px 60px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
opacity: .85;
color: #ccc;
}
.panel22 {
float:left;
margin-left:5px;
}
.panel44 {
margin-top:3px
}
.panel55 {
float:left;
margin-left:-11px;
}
.panel33 a, .panel33 a:visited {
margin: 0;
padding: 0;
color: #539FCF;
text-decoration: none;
border-bottom: 1px solid #539FCF;
}
.panel33 a:hover, .panel33 a:visited:hover {
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
.panel22 a, .panel22 a:visited {
margin: 0;
padding: 0;
color: #ccc;
text-decoration: none;
border-bottom: 1px solid #539FCF;
}
.panel22 a:hover, .panel22 a:visited:hover {
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger33 {
z-index:106;
position: fixed;
bottom: 40px;
left: 0;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/server_1.png);
}
a.trigger33:hover {
z-index:106;
position: fixed;
bottom: 40px;
left: 0;
display: block;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/server_1_on.png);
}
a.active.trigger33 {
z-index:106;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/server_2.png);
}
a.active.trigger33:hover {
z-index:106;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/server_2_on.png);
}
.panel133 {
z-index:105;
position: fixed;
bottom: 0;
left: 0;
display: none;
background: #111;
border:2px solid #303030;
-moz-border-radius-topright: 8px;
-webkit-border-top-right-radius: 8px;
-khtml-border-top-right-radius: 8px;
-opera-border-top-right-radius:8px;
border-radius-topright: 8px;
border-bottom:none;
border-left:none;
width: 330px;
height: auto;
padding: 30px 30px 30px 60px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
opacity: .85;
color: #ccc;
}
.panel122 {
float:left;
margin-left:5px
}
.panel144 {
margin-top:3px
}
.panel155 {
float:left;
margin-left:-11px;
}
.panel133 a, .panel133 a:visited {
margin: 0;
padding: 0;
color: #539FCF;
text-decoration: none;
border-bottom: 1px solid #539FCF;
}
.panel133 a:hover, .panel133 a:visited:hover {
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
.panel122 a, .panel122 a:visited {
margin: 0;
padding: 0;
color: #ccc;
text-decoration: none;
border-bottom: 1px solid #539FCF;
}
.panel12 a:hover, .panel122 a:visited:hover {
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger133 {
z-index:106;
position: fixed;
bottom: 130px;
left: 0;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/events_1.png);
}
a.trigger133:hover {
z-index:106;
position: fixed;
bottom: 130px;
left: 0;
display: block;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/events_1_on.png);
}
a.active.trigger133 {
z-index:106;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/events_2.png);
}
a.active.trigger133:hover {
z-index:106;
width:25px;
height:80px;
background:url(http://static2.varjanta.com/images/events_2_on.png);
}
.tooltip {
z-index:100000;
padding: 8px;
border: 2px solid #539FCF;
background: #111;
color:#CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
-opera-border-radius:10px;
max-width:200px;
text-align:center;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
opacity: .85;
}
/* Ajax User-Info Popups */
#popup {
margin-left:10px;
z-index: 150;
position: absolute;
display: none;
font-size: 10px;
width: 280px;
height:125px;
padding: 8px;
padding-bottom:0px;
padding-top:0px;
border: 2px solid #539FCF;
background: #111;
color:#CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
-opera-border-radius:10px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
opacity: .85;
}
#popp {
margin-left:10px;
z-index: 150;
position: absolute;
display: none;
font-size: 10px;
width: 280px;
height:125px;
padding: 8px;
padding-bottom:0px;
padding-top:0px;
border: 2px solid #539FCF;
background: #111;
color:#CCC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
-opera-border-radius:10px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
opacity: .85;
}
#ajax_avatar {
margin-left:-80px;
margin-top:5px;
margin-right:5px;
width:100px;
float: left;
overflow: hidden;
height: 120px;
text-align: center;
}
/**
* @package styles
* @version $Id: memberlist_avatar.css 45 2007-09-10 04:49:51Z Highway of Life $
* @copyright (c) 2007 David Lewis (Highway of Life) - http://startrekguide.com
* @license http://opensource.org/licenses/gpl-license.php GNU Public License
---------------------------------------- */
.thumbnail {
z-index: 0;
position:relative;
margin-left:-40px
}
a.thumbnail:hover {
background-color: transparent;
z-index: 50;
}
.thumbnail span {
position: absolute;
padding: 4px;
left: 0px;
display: none;
color: #FFF;
text-decoration: none;
}
.thumbnail span img {
border-width: 0;
padding: 2px;
}
a.thumbnail:hover span {
position:absolute;
display:block;
top: 20px;
left: 7px;
}
.memberlist-avatar {
width: 22px;
}
.approve-icon span {
background: transparent none 0 0 no-repeat;
}
.deny-icon span {
background: transparent none 0 0 no-repeat;
}
.block-icon span {
background: transparent none 0 0 no-repeat;
}
.unblock-icon span {
background: transparent none 0 0 no-repeat;
}
.buttons div.approve-icon {
width: 60px;
height: 20px;
}
.buttons div.deny-icon {
width: 60px;
height: 20px;
}
.buttons div.block-icon {
width: 60px;
height: 20px;
}
.buttons div.unblock-icon {
width: 60px;
height: 20px;
}
.approve-icon span {
background-image: url("/forum/templates/prosilver/theme/images/accept.gif");
}
.deny-icon span {
background-image: url("/forum/templates/prosilver/theme/images/deny.gif");
}
.block-icon span {
background-image: url("/forum/templates/prosilver/theme/images/block.gif");
}
.unblock-icon span {
background-image: url("/forum/templates/prosilver/theme/images/unblock.gif");
}
input[type=text], input[type=password], input.text, input.title, textarea, select, button, input[type=checkbox], input[type=submit] {
background-color:#000;
border:1px solid #ccc;
color:#fff;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, button, input[type=checkbox], input[type=submit] {
border-color:#ccc;
}
input[type=text], input[type=password], input.text, input.title, textarea, select, button, input[type=checkbox], input[type=submit] {
margin:0.5em 0;
}
input.text, input.title {
width:300px;
padding:5px;
}
input.title {
font-size:1.5em;
}
textarea {
width:390px;
height:250px;
padding:5px;
background:#000;
color:#fff;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
position:relative;
top:.25em;
}
form.inline {
line-height:3;
}
form.inline p {
margin-bottom:0;
}
.login {
color:#CCC;
font-size:16px
}
#iframelive {
overflow:hidden;
}
.buttonz {
width: 26px !important;
height: 22px !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin: 6px 0px !important;
border: 1px solid #1AB5FF !important;
}
.buttonz:hover {
background-color: #fff !important;
border: 1px solid #1AB5FF !important;
}
.error a{color:#8a1f11;}
.notice a{color:#514721;}
.success a{color:#264409;}
.container{width:950px;margin:0 auto;}
.showgrid{background:url(../images/grid.png);}
.span-8_5, .span-16_5{margin-right:25px;}
.last{margin-right:0;}
.span-1{width:30px;}
.span-1_5{width:48px;}
.span-2{width:70px;}
.span-3{width:110px;}
.span-4{width:150px;}
.span-5{width:190px;}
.span-5_5{width:210px;}
.span-6{width:230px;}
.span-7{width:270px;}
.span-8{width:310px;}
.span-8_5{width:300px;}
.span-9{width:350px;}
.span-10{width:390px;}
.span-11{width:430px;}
.span-12{width:470px;}
.span-13{width:510px;}
.span-14{width:550px;}
.span-16_5{width:624px;}
.span-15{width:590px;}
.span-16{width:630px;}
.span-17{width:670px;}
.span-18{width:710px;}
.span-19{width:750px;}
.span-20{width:790px;}
.span-21{width:830px;}
.span-22{width:870px;}
.span-23{width:910px;}
.span-24{width:950px;margin-right:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24{border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1{width:18px!important;}
input.span-2, textarea.span-2{width:58px!important;}
input.span-3, textarea.span-3{width:98px!important;}
input.span-4, textarea.span-4{width:138px!important;}
input.span-5, textarea.span-5{width:178px!important;}
input.span-6, textarea.span-6{width:218px!important;}
input.span-7, textarea.span-7{width:258px!important;}
input.span-8, textarea.span-8{width:298px!important;}
input.span-9, textarea.span-9{width:338px!important;}
input.span-10, textarea.span-10{width:378px!important;}
input.span-11, textarea.span-11{width:418px!important;}
input.span-12, textarea.span-12{width:458px!important;}
input.span-13, textarea.span-13{width:498px!important;}
input.span-14, textarea.span-14{width:538px!important;}
input.span-15, textarea.span-15{width:578px!important;}
input.span-16, textarea.span-16{width:618px!important;}
input.span-17, textarea.span-17{width:658px!important;}
input.span-18, textarea.span-18{width:698px!important;}
input.span-19, textarea.span-19{width:738px!important;}
input.span-20, textarea.span-20{width:778px!important;}
input.span-21, textarea.span-21{width:818px!important;}
input.span-22, textarea.span-22{width:858px!important;}
input.span-23, textarea.span-23{width:898px!important;}
input.span-24, textarea.span-24{width:938px!important;}
.append-1{padding-right:40px;}
.append-2{padding-right:80px;}
.append-3{padding-right:120px;}
.append-4{padding-right:160px;}
.append-5{padding-right:200px;}
.append-6{padding-right:240px;}
.append-7{padding-right:280px;}
.append-8{padding-right:320px;}
.append-9{padding-right:360px;}
.append-10{padding-right:400px;}
.append-11{padding-right:440px;}
.append-12{padding-right:480px;}
.append-13{padding-right:520px;}
.append-14{padding-right:560px;}
.append-15{padding-right:600px;}
.append-16{padding-right:640px;}
.append-17{padding-right:680px;}
.append-18{padding-right:720px;}
.append-19{padding-right:760px;}
.append-20{padding-right:800px;}
.append-21{padding-right:840px;}
.append-22{padding-right:880px;}
.append-23{padding-right:920px;}
.prepend-1{padding-left:40px;}
.prepend-2{padding-left:80px;}
.prepend-3{padding-left:120px;}
.prepend-4{padding-left:160px;}
.prepend-5{padding-left:200px;}
.prepend-6{padding-left:240px;}
.prepend-7{padding-left:280px;}
.prepend-8{padding-left:320px;}
.prepend-9{padding-left:360px;}
.prepend-10{padding-left:400px;}
.prepend-11{padding-left:440px;}
.prepend-12{padding-left:480px;}
.prepend-13{padding-left:520px;}
.prepend-14{padding-left:560px;}
.prepend-15{padding-left:600px;}
.prepend-16{padding-left:640px;}
.prepend-17{padding-left:680px;}
.prepend-18{padding-left:720px;}
.prepend-19{padding-left:760px;}
.prepend-20{padding-left:800px;}
.prepend-21{padding-left:840px;}
.prepend-22{padding-left:880px;}
.prepend-23{padding-left:920px;}
.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1{margin-left:-40px;}
.pull-2{margin-left:-80px;}
.pull-3{margin-left:-120px;}
.pull-4{margin-left:-160px;}
.pull-5{margin-left:-200px;}
.pull-6{margin-left:-240px;}
.pull-7{margin-left:-280px;}
.pull-8{margin-left:-320px;}
.pull-9{margin-left:-360px;}
.pull-10{margin-left:-400px;}
.pull-11{margin-left:-440px;}
.pull-12{margin-left:-480px;}
.pull-13{margin-left:-520px;}
.pull-14{margin-left:-560px;}
.pull-15{margin-left:-600px;}
.pull-16{margin-left:-640px;}
.pull-17{margin-left:-680px;}
.pull-18{margin-left:-720px;}
.pull-19{margin-left:-760px;}
.pull-20{margin-left:-800px;}
.pull-21{margin-left:-840px;}
.pull-22{margin-left:-880px;}
.pull-23{margin-left:-920px;}
.pull-24{margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24{float:left;position:relative;}
.push-1{margin:0 -40px 1.5em 40px;}
.push-2{margin:0 -80px 1.5em 80px;}
.push-3{margin:0 -120px 1.5em 120px;}
.push-4{margin:0 -160px 1.5em 160px;}
.push-5{margin:0 -200px 1.5em 200px;}
.push-6{margin:0 -240px 1.5em 240px;}
.push-7{margin:0 -280px 1.5em 280px;}
.push-8{margin:0 -320px 1.5em 320px;}
.push-9{margin:0 -360px 1.5em 360px;}
.push-10{margin:0 -400px 1.5em 400px;}
.push-11{margin:0 -440px 1.5em 440px;}
.push-12{margin:0 -480px 1.5em 480px;}
.push-13{margin:0 -520px 1.5em 520px;}
.push-14{margin:0 -560px 1.5em 560px;}
.push-15{margin:0 -600px 1.5em 600px;}
.push-16{margin:0 -640px 1.5em 640px;}
.push-17{margin:0 -680px 1.5em 680px;}
.push-18{margin:0 -720px 1.5em 720px;}
.push-19{margin:0 -760px 1.5em 760px;}
.push-20{margin:0 -800px 1.5em 800px;}
.push-21{margin:0 -840px 1.5em 840px;}
.push-22{margin:0 -880px 1.5em 880px;}
.push-23{margin:0 -920px 1.5em 920px;}
.push-24{margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24{float:right;position:relative;}
.prepend-top{margin-top:1.5em;}
.append-bottom{margin-bottom:1.5em;}
.box{padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space{background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container{display:block;}
.clear{clear:both;}
a{color:#1AB5FF;text-decoration:none}
a:hover{color:#fff;}
a.visited{color:#1AB5FF;}
.color{color:#1AB5FF;}
.txtbg{background:#000;padding:4px;color:#1AB5FF}
.white{color:#fff;}
hr{background:#252525;color:#252525;height:1px;padding-bottom:0;margin-bottom:0;}
.logo{padding-bottom:20px;padding-top:5px;}
.bg{background:#000;color:#1AB5FF;height:390px;margin-top:25px;}
.bg h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:18px;}
.bg h4 a{color:#fff;}
.bg p{padding:5px 20px 0px 20px;margin:0;color:#777;}
.bg img{padding:5px 5px 0 5px;}
.intro_box{margin-top:25px;color:#777;background:url(../images/intro_box.png);height:330px;}
.intro_box h2{color:#fff;background:#000;padding:5px 0 5px 10px;margin-right:150px;}
.intro_box h4{padding:0;margin:0;color:#fff;}
.intro_box p{padding-right:10px;}
.firstbox{background:#1AB5FF;color:#1AB5FF;height:330px;margin-top:25px;}
.firstbox h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:18px;}
.firstbox h4 a{color:#fff;}
.firstbox p{padding:5px 20px 0px 20px;margin:0;color:#777;}
.firstbox img{padding:5px 5px 0 5px;}
.work_box{margin-top:25px;color:#777;height:330px;background:#000;}
.work_box2{margin-top:25px;color:#777;height:330px;}
.work_box h2{color:#fff;background:#000;padding:5px 0 5px 10px;margin-right:150px;}
.work_box h4{padding:0;margin:0;color:#fff;}
.work_box p{padding-right:10px;}
.work_box img{padding:5px;}
.page_title h3{color:#fff;font-size:24px;margin:0;padding:0 0 5px;}
.bg_work{background:#000;color:#1AB5FF;height:330px;margin-top:25px;}
.bg_work h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:22px;}
.bg_work h4 a{color:#fff;}
.bg_work p{padding:5px 20px 0px 20px;margin:0;color:#777;}
.bg_work img{padding-right:10px;}
.work_date{padding:10px 20px 0px 20px;}
.bg_work_page{background:#000;color:#1AB5FF;margin-top:25px;min-height:350px;padding-bottom:15px}
.bg_work_page h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:22px;}
.bg_work_page h4 a{color:#fff;}
.bg_work_page p{padding:10px 20px 0px 20px;margin:0;color:#777;}
.bg_work_page img{padding-right:10px;}
.bg_work_page2{background:#000;color:#1AB5FF;margin-top:25px;padding-bottom:15px}
.bg_work_page2 h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:22px;}
.bg_work_page2 h4 a{color:#fff;}
.bg_work_page2 p{padding:10px 20px 0px 20px;margin:0;color:#777;}
.bg_work_page2 img{padding-right:10px;}
.bg_work_contact{background:#000;color:#1AB5FF;margin-top:25px;height:520px;padding-top:25px;}
.bg_work_contact h4{padding:10px 20px 0px 20px;margin:0;color:#fff;font-size:22px;}
.bg_work_contact h4 a{color:#fff;}
.bg_work_contact p{padding:10px 20px 0px 20px;margin:0;color:#777;}
.bg_work_contact img{padding-right:10px;}
.bg_work_contact{scrollbar-base-color:#000;}
.bg_work_contact textarea{border:1px solid #252525;}
.bg_work_contact input{background:#000;color:#fff;border:1px solid #252525;}
#submit1{background-color:#252525;font-size:60%;padding:20px;font-weight:bold;}
.work_sideimg{height:210px;margin-top:25px;background:#000;}
.work_sideimg img{padding:5px;}
.about_work{height:170px;padding-left:0;}
.about_work h5{color:#fff;padding:30px 0 0px 0;margin:0;font-size:16px;}
.about_work p{padding:0 0 0 0;margin:0;}
.notes{}
.notes li{padding-bottom:2px;color:#fff;list-style:none;font-size:12px;}
.smalltxt{font-size:11px;padding-top:18px;}
.darktxt{color:#363636;}
.more_page{padding-top:20px;}
.more_page h4{font-size:18px;color:#fff;padding-bottom:5px;margin-bottom:0;}
.seework{padding:0px;margin:0;padding-left:223px;float:left;color:#fff;}
.seework img{}
.datebox{padding:0;margin:0;font-size:11px;}
.prefooter{margin-top:40px;}
.twitter p{padding-top:0;color:#fff;}
#footer-nav{padding-left:0;margin-left:0;font-size:12px;}
#footer-nav li{list-style:none;padding-left:0px;color:#777;margin:0;margin:2px;}
#footer-nav li a{color:#1AB5FF;}
#footer-nav li a:hover{color:#fff;}
.footer_text{padding:0;margin:0;font-size:11px;}
.copyright{color:#777;padding-bottom:20px;}
.copyright a{color:#fff;text-decoration:none}
.copyright a:hover{color:#1AB5FF;}
.hidden{display:none;}
#inline_1{text-align:left;padding:10px;background:#000;color:#777;}
#inline_1 h2{padding:0;margin:0;color:#1AB5FF}
#inline_1 p{padding:0 0 10px 0;margin:0;}
#inline_1 img{padding-right:10px;float:left}
#inline_2{text-align:left;padding:10px;background:#fff;}
#inline_2 h2{padding:0;margin:0;}
#inline_2 p{padding:0 0 10px 0;margin:0;}