/* The AJAX notifier */#ajax_in_progress {	background: #32CD32;	color: white;	text-align: center;	font-weight: bold;	font-size: 18pt;	padding: 3px;	width: 75%;	position: fixed;	top: 0;	left: 0;}/* Normal, standard links. */a:link, a:visited {	color: #3da0d0;	text-decoration: none;}a:hover {	color: #00ccff;}/* Navigation links - for the link tree. */.nav, .nav:link, .nav:visited {	color: #757575;	text-transform: uppercase;}a.nav:hover {	color: #ccc;	text-decoration: underline;}/* Tables should show empty cells. */table {	empty-cells: show;}/* By default (td, body..) use verdana in black. */body, td, th, tr {	color: #afafaf;	font-size: 11px;      font-family: Tahoma,Verdana,Helvetica,sans-serif;      line-height: 150%;}/* The main body of the entire forum. */body {	margin: 0px;	padding: 0px;	background: #cccccc url(images/custom/bdy-bg.gif) 0 0 repeat-x;}/* Input boxes - just a bit smaller than normal so they align well. */input, textarea, button {	color: #8f8f8f;	font-family: verdana, sans-serif;}input, button {	font-size: small;      margin: 1px;}input,textarea {	background: #2f2f2f; 	font-size: small;	border: solid 1px #333;}input:focus {	background: #282828;}textarea {	font-family: verdana, sans-serif;}/* All input elements that are checkboxes or radio buttons. */input.check {}/* Selects are a bit smaller, because it makes them look even better 8). */select {	border: solid 1px #333; 	background: #2f2f2f; 	font-size: small;	font-weight: normal;	color: #838383;	font-family: verdana, sans-serif;}/* Standard horizontal rule.. ([hr], etc.) */hr, .hrcolor {	height: 1px;	border: 0;	color: #313131;	background-color: #303030;}/* No image should have a border when linked */a img {	border: 0;}/* A quote, perhaps from another post. */.quote {	background: #292929 url(images/startquote.gif) 4px 4px no-repeat;	color: #858585;	border: 1px solid #212121;	margin: 6px 0pt;	padding: 15px 10px 20px 40px;	width: auto;	line-height: 120%;}/* A code block - maybe even PHP ;). */.code {	color: #afafaf;	background: #2f2f2f;	font-family: Helvetica,Arial,sans-serif;	font-size: x-small;	line-height: 1.3em;	/* Put a nice border around it. */	border-bottom: 5px solid #393939;	border-top: 5px solid #393939;	margin: 1px auto 1px auto;	padding: 1px;	width: 99%;	/* Don't wrap its contents, and show scrollbars. */	white-space: nowrap;	overflow: auto;	/* Stop after about 24 lines, and just show a scrollbar. */	max-height: 24em;}/* The "Quote:" and "Code:" header parts... */.quoteheader, .codeheader {	color: #505050;	text-decoration: none;	font-style: normal;	font-weight: bold;	font-size: x-small;	line-height: 1.2em;}/* Generally, those [?] icons.  This makes your cursor a help icon. */.help {	cursor: help;}/* /me uses this a lot. (emote, try typing /me in a post.) */.meaction {	color: red;}/* The main post box - this makes it as wide as possible. */.editor {	width: 96%;}/* Highlighted text - such as search results. */.highlight {	background-color: yellow;	font-weight: bold;	color: black;}/* Alternating backgrounds for posts, and several other sections of the forum. */.windowbg {      background: #262626;}.windowbg2 {      background: #262626;}.windowbg3 {      background: #2a2a2a;}.windowbg4 {      background: #292929;	border: solid 1px #232323; 	margin-bottom: 2px;      padding: 4px;      text-align: center;	color: #858585;	width: 94%;}table.messagetable {      border-bottom: 4px solid #292929;}/* the today container in calendar */.calendar_today {	background-color: #1f1f1f;}/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {	color: #cfcfcf;	font-style: normal;	background: #303030 url(images/titlebg.gif) 0 100% repeat-x;	padding-left: 10px;	padding-right: 10px;      line-height: 20px;}.titlebg, .titlebg a:link, .titlebg a:visited {	color: #cfcfcf;	font-style: normal;}.titlebg a:hover {	color: white;}/* same as titlebg, but used where bold text is not needed */.titlebg2 a:link, .titlebg2 a:visited {	color: #cfcfcf;	font-style: normal;	text-decoration: underline;}.titlebg, .titlebg2 {      font-family: tahoma, sans-serif;	font-size: 12px;	font-style: normal;}.titlebg2 a:hover {	text-decoration: underline;}.titlebg3, tr.titlebg3 td {    	color: #999;    	padding-left: 10px;    	padding-right: 10px;	background: #303030 url(images/titlebg.gif) 0 100% repeat-x;	font-size: 12px;}/* This is used for categories, page indexes, and several other areas in the forum..catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/.catbg , tr.catbg td , .catbg3 , tr.catbg3 td {	background: #2a2a2a;	color: #cdcdcd;	padding-left: 10px;	padding-right: 10px;}.catbg2 , tr.catbg2 td {	background: #2b2b2b;	color: #cdcdcd;	padding-left: 10px;	padding-right: 10px;}.catbg, .catbg2, .catbg3 {      font-family: tahoma, sans-serif;	font-size: 13px;}.catbg, .catbg2 {	background: #282828;}.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {	font-size: 11px;	color: #888;	text-decoration: none;}.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited {	color: #cdcdcd;	text-decoration: none;}.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {	color: #fff;}/* This is used for tables that have a grid/border background color (such as the topic listing.) */.bordercolor {}/* This is used on tables that should just have a border around them. */.tborder {}/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */.smalltext, .middletext {	font-size: 11px;}.normaltext {	font-size: 16px;}.largetext {	font-size: 18px;}/* Posts and personal messages displayed throughout the forum. */.post, .personalmessage {	width: 100%;	overflow: auto;	line-height: 1.3em;}/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */.signature {	width: 100%;	overflow: auto;	padding-bottom: 3px;	line-height: 1.3em;}/* Sometimes there will be an error when you post */.error {	color: #ffffd0;	font-style: italic;}/* definitions for the main tab, active means the tab reflects which page is displayed */.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last,.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {	color: #ccc;	vertical-align: top;}.maintab_back, .maintab_active_back,.mirrortab_back, .mirrortab_active_back {	color: #ccc;	text-decoration: none;	font-size:  9px;	font-family: Arial, Helvetica, sans-serif;	padding: 5px 10px 5px 10px;}.maintab_first,.mirrortab_first {	display: none;}.maintab_back,.mirrortab_back {	background: #2a2a2a;	color: #ccc;}.maintab_last,.mirrortab_last {	display: none;}.maintab_active_first, .mirrortab_active_first {	display: none;}.maintab_active_back, .mirrortab_active_back {	background: #4793b8;}.maintab_active_last, .mirrortab_active_last {	display: none;}/* how links behave in main tab. */.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited,.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {	color: #bfbfbf;	text-decoration: none;	font-family: Arial, Helvetica, sans-serif;	font-weight: bold;	text-transform: uppercase;}.maintab_back a:hover, .maintab_active_back a:hover,.mirrortab_back a:hover, .mirrortab_active_back a:hover {	color: #ff6200;	text-decoration: none;}html {	height: 100%;	margin-bottom: 1px;}#wrapper {      width: 955px;      min-width: 750px;    	margin: 0 auto;    	padding: 0;}#hdr {	position: relative;	height: 145px;	overflow: hidden;	background: transparent url(images/custom/hdr-bg.gif) repeat-x;}#hdr-l {	height: 145px;	background: url(images/custom/hdr-l.gif) 0 0 no-repeat;	position: relative;	padding-left: 20px;}#hdr-r {	height: 145px;	background: url(images/custom/hdr-r.gif) 100% 0 no-repeat;	position: relative;	padding-right: 20px;}#logo {	position: absolute;	top: 0;	left: 0;	display: block;	width: 400px;	height: 145px;	background: url(images/custom/logo.png) no-repeat;      cursor : pointer;}#userarea {	font-size: 1.0em;	color: #c7c7c7;	font-family: tahoma, sans-serif;	float: right;	padding-top: 70px;	padding-right: 5px;	text-align: right;}#userarea a:hover {	text-decoration: underline;}#extras {	background: #202020;	border-bottom: 1px solid #121212;	height: 50px;}#searcharea {	float: right;      padding-top: 12px;      padding-right: 25px;	font-size: x-small;	text-align: right;}.searchbox {	border: solid 1px #1c1c1c; 	background: #292929; 	padding: 2px; 	font-size: small;	color: #8f8f8f;}#statsbox {      padding: 15px 0 0 30px;	color: #9f9f9f;}#tpmenubar {	background: url(images/custom/tpmenu-bg.gif) repeat-x;	height: 35px;    	padding: 0;	margin: 0;}ul#topmenu {	height: 35px;	margin: 0;	padding: 0 0 0 15px;	background: url(images/custom/tpmenu-bg.gif) no-repeat;	list-style: none;}ul#topmenu li {	height: 35px;	margin: 0;	padding: 0;	float: left;	white-space: nowrap;}/* for IE */* html ul#topmenu li {	width: 1%;}ul#topmenu li.last {	padding-right: 2px;	background: url(images/custom/tpmenu-div.gif) 100% 0 no-repeat;}ul#topmenu li a {	display: block;	height: 35px;	padding: 0 20px 0 20px;	line-height: 35px;	font-size: 8pt;	color: #353535;	background: url(images/custom/tpmenu-off.gif) no-repeat;}ul#topmenu li a.chosen {	text-decoration: none;	color: #fff;	font-weight: bold;}ul#topmenu li a:hover, ul#topmenu li a.chosen:hover {	text-decoration: none;	background: url(images/custom/tpmenu-on.gif) no-repeat;      font-style: normal;}#bodyarea {	background: #232323;	border-top: 1px solid #282828;	padding: 0 3px 5px;      margin: 0;}#ftrarea {	text-align: center;	color: #777;      padding-top: 15px;      font-size: 11px;}#ftr {	background: #282828 url(images/custom/ftr-bg.gif) 0 0 repeat-x;}#ftr-l {	background: url(images/custom/ftr-l.gif) 0 0 no-repeat;}#ftr-r {	background: url(images/custom/ftr-r.gif) 100% 0 no-repeat;	height: 180px;	overflow: hidden;}#ftrarea a:link, #ftrarea a:visited {	color: #a0a0a0;}#ftrarea a:hover {	color: #ccc;	text-decoration: none;}