/* TP specific classes */.sitemap{	margin: 0;	padding: 0;	list-style: none;}.sitemap_topheader{	background: #ECEDF3;	border-bottom: solid 1px #ffffff;	padding: 4px;}.sitemap_header{	background: #ECEDF3;	border-bottom: solid 1px #ffffff;	padding: 4px;	display: block;	font-weight: bold; }.sitemap_header_active{	background: #C8D6E1;	border-bottom: solid 1px #ffffff;	padding: 4px;	display: block;	font-weight: bold;}.sitemap_header:hover , .sitemap_header_active:hover{	background: #DBE4ED;	border-bottom: solid 1px #ffffff;	padding: 4px;	display: block;	text-decoration: none;}/* TP other styles */ul#articlelist{	margin: 0;	padding: 0.5ex 0;	list-style: none;}ul#catlist{	margin: 0;	padding: 0;	list-style: none;	border-top: solid 1px #d0d0d0;}ul#articlelist li{	margin: 0;	display: block;	padding: 0 0 0 3ex;	background: url(images/divider.gif) no-repeat 5px 3px;}ul#catlist li{	display: block;	padding: 0 0 0 3ex;	margin: 0;}/* TP rss feed styles */.rss_title{ font-weight: bold;}.rss_body{	margin-bottom: 1ex;}.rss_image{	margin: 4px 0 4px 0;}/* Normal, standard links. */a:link{	color: #A0A0A0;	text-decoration: none;}a:visited{	color: #A0A0A0;	text-decoration: none;}a:hover{		color: #F5F5F7;	text-decoration: none;}/* Navigation links - for the link tree. */.nav, .nav:link, .nav:visited{	color: #A0A0A0;	text-decoration: none;}a.nav:hover{	color: #F5F5F7;	text-decoration: none;}/* Tables should show empty cells. */table{	empty-cells: show;}/* By default (td, body..) use verdana in black. */body, td, th , tr{	color: #808080;	font-size: small;	font-family: Trebuchet MS, sans-serif;}/* The main body of the entire forum. */body{	background-color: #000000;background-image: url(images/bg.gif);background-repeat: repeat-x;	margin: 50px;	padding: 0px 0px 0px 0px;}/* Input boxes - just a bit smaller than normal so they align well. */input, textarea, button{	color: #f5f5f5;	font-family: verdana, sans-serif;}input, button{border: 1px solid #181818;	background-color: #1e1e1e;	font-size: 90%;}textarea{	color: #f5f5f5;background-color: #1e1e1e;	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{	font-size: 90%;	font-weight: normal;	color: #000000;	font-family: verdana, sans-serif;}/* Standard horizontal rule.. ([hr], etc.) */hr, .hrcolor{	height: 1px;	border: 0;	color: #666666;	background-color: #666666;}/* No image should have a border when linked */a img{	border: 0;}/* A quote, perhaps from another post. */.quote{	color: #000000;	background-color: #808080;	border: 1px solid #000000;	margin: 1px;	padding: 1px;	font-size: x-small;	line-height: 1.4em;}/* A code block - maybe even PHP ;). */.code{	color: #000000;	background-color: #dddddd;	font-family: "courier new", "times new roman", monospace;	font-size: x-small;	line-height: 1.3em;	/* Put a nice border around it. */	border: 1px solid #000000;	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: #000000;	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, #preview_body{		padding: 1px;	color: #5B5B5B;	background-color: #000000;}.windowbg2{		padding: 0px;	color: #5B5B5B;	background-color: #000000;}.windowbg3{		padding: 0px;	color: #5B5B5B;	background-color: #000000;}/* the today container in calendar */.calendar_today{	background-color: #FFFFFF;}/* 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: #F5F5F5;	font-style: normal;	background: url(images/titlebg.jpg) #000000 repeat-x;	border-bottom: solid 1px #111111;	border-top: solid 1px #006BC4;	padding-left: 10px;	padding-right: 10px;}.titlebg, .titlebg a:link, .titlebg a:visited{	font-weight: italic;	color: gray;	font-style: normal;}.titlebg a:hover{	color: #FFFFFF;}/* same as titlebg, but used where bold text is not needed */.titlebg2 a:link, .titlebg2 a:visited{	color: black;	font-style: normal;	text-decoration: underline;}.titlebg2 a:hover{	text-decoration: underline;}/* 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: url(images/catbg.jpg) #111111 repeat-x;	color: #ffffff;	padding-left: 10px;	padding-right: 10px;line-height: 18px;}.catbg2 , tr.catbg2 td{	background: url(images/catbg2.jpg) #111111 repeat-x;	color: #ffffff;	padding-left: 10px;	padding-right: 10px;line-height: 18px;}.catbg, .catbg2, .catbg3{	border-bottom: solid 1px #111111;}.catbg, .catbg2{	font-weight: bold;}.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{	font-size: 95%;	color: white;	text-decoration: none;}.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited{	color: #0078DB;	text-decoration: none;}.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{	color: #F5F5F5;}/* This is used for tables that have a grid/border background color (such as the topic listing.) */.bordercolor{	background-color: #000000;	padding: 0px;}/* This is used on tables that should just have a border around them. */.tborder{	padding: 0px;	border: 1px solid #191919;}/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */.smalltext{	font-size: x-small;	font-family: verdana, sans-serif;}.middletext{	font-size: 90%;}.normaltext{	font-size: small;}.largetext{	font-size: large;}/* 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: red;}/* 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{	color: white;	text-transform: uppercase;	vertical-align: top;}.maintab_back, .maintab_active_back{	color: white;	text-decoration: none;	font-size:  11px;	vertical-align: top;	padding: 7px 7px 7px 7px;	font-family: tahoma, sans-serif;		font-weight: bold;}.maintab_first{	background: url(images/baslik.gif) left bottom no-repeat;	width: 10px;}.maintab_back{	background: url(images/baslik.gif) left bottom repeat-x;}.maintab_last{	background: url(images/baslik.gif) left bottom no-repeat;	width: 8px;}.maintab_active_first{	background: url(images/baslik.gif) left bottom no-repeat;	width: 6px;}.maintab_active_back{	background: url(images/baslik.gif) left bottom repeat-x;}.maintab_active_last{	background: url(images/baslik.gif) left bottom no-repeat;	width: 8px;}/* how links behave in main tab. */.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited{	color: #006BC4;	text-decoration: none;}.maintab_back a:hover, .maintab_active_back a:hover{	color: #609AFF;	text-decoration: none;}/* definitions for the mirror tab */.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last{	color: white;	text-transform: uppercase;	vertical-align: top;}.mirrortab_back, .mirrortab_active_back{	color: white;	text-decoration: none;	font-size: 12px;	vertical-align: top;	padding: 7px 7px 7px 7px;	font-family: tahoma, sans-serif;}.mirrortab_first{	background: url(images/baslik.gif) no-repeat;	width: 10px;}.mirrortab_back{	background: url(images/baslik.gif) repeat-x;}.mirrortab_last{	background: url(images/baslik.gif) no-repeat;	width: 6px;}.mirrortab_active_first{	background: url(images/baslik.gif) no-repeat;	width: 6px;}.mirrortab_active_back{	background: url(images/baslik.gif) repeat-x;}.mirrortab_active_last{	background: url(images/baslik.gif) no-repeat;	width: 8px;}/* how links behave in mirror tab. */.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited{	color: white;	text-decoration: none;}.mirrortab_back a:hover, .mirrortab_active_back a:hover{	color: #DDE9FF;	text-decoration: none;}/* The AJAX notifier */#ajax_in_progress{	background: #32CD32;	color: white;	text-align: center;	font-weight: bold;	font-size: 18pt;	padding: 3px;	width: 100%;	position: fixed;	top: 0;	left: 0;}/********This is the main navigation buttons, like HOME, HELP, ETC... *********/.main-navigation{ padding:0; margin:0; list-style-type: none;}.main-navigation li{ height: 18px; float:left;} .main-navigation li a{ display:block; height:18px; text-indent:-1000em; background-position: 0 0;}.main-navigation li.mainNav-home{ width:47px; background: url(images/menu_home.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-home a{ width:47px; background: url(images/menu_home.gif) 0 0 no-repeat;}.main-navigation li.mainNav-home a:hover{ background: transparent;}.main-navigation li.mainNav-forum{ width:47px; background: url(images/menu_forum.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-forum a{ width:47px; background: url(images/menu_forum.gif) 0 0 no-repeat;}.main-navigation li.mainNav-forum a:hover{ background: transparent;}.main-navigation li.mainNav-help{ width:48px; background: url(images/menu_help.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-help a{ width:48px; background: url(images/menu_help.gif) 0 0 no-repeat;}.main-navigation li.mainNav-help a:hover{ background: transparent;}.main-navigation li.mainNav-search{ width:60px; background: url(images/menu_search.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-search a{ width:60px; background: url(images/menu_search.gif) 0 0 no-repeat;}.main-navigation li.mainNav-search a:hover{ background: transparent;}.main-navigation li.mainNav-admin{ width:52px; background: url(images/menu_admin.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-admin a{ width:52px; background: url(images/menu_admin.gif) 0 0 no-repeat;}.main-navigation li.mainNav-admin a:hover{ background: transparent;}.main-navigation li.mainNav-profile{ width:64px; background: url(images/menu_profile.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-profile a{ width:64px; background: url(images/menu_profile.gif) 0 0 no-repeat;}.main-navigation li.mainNav-profile a:hover{ background: transparent;}.main-navigation li.mainNav-messages{ width:72px; background: url(images/menu_messages.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-messages a{ width:72px; background: url(images/menu_messages.gif) 0 0 no-repeat;}.main-navigation li.mainNav-messages a:hover{ background: transparent;}.main-navigation li.mainNav-members{ width:66px; background: url(images/menu_members.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-members a{ width:66px; background: url(images/menu_members.gif) 0 0 no-repeat;}.main-navigation li.mainNav-members a:hover{ background: transparent;}.main-navigation li.mainNav-logout{ width:60px; background: url(images/menu_logout.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-logout a{ width:60px; background: url(images/menu_logout.gif) 0 0 no-repeat;}.main-navigation li.mainNav-logout a:hover{ background: transparent;}.main-navigation{text-indent:0px;color:#FFFFFF;}.main-navigation li.mainNav-quicklinks{ width:60px; background: url(images/menu_quicklinks.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-quicklinks a{ width:60px; background: url(images/menu_quicklinks.gif) 0 0 no-repeat;}.main-navigation li.mainNav-quicklinks a:hover{ background: transparent;}  .main-navigation li.mainNav-gallery{ width:47px; background: url(images/menu_gallery.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-gallery a{ width:47px; background: url(images/menu_gallery.gif) 0 0 no-repeat;}.main-navigation li.mainNav-gallery a:hover{ background: transparent;}#quicklinks a{text-indent:0px; background:#000000; width:150px;}#quicklinks {text-indent:0px; background:#000000;}.main-navigation li.mainNav-login{ width:52px; background: url(images/menu_login.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-login a{ width:52px; background: url(images/menu_login.gif) 0 0 no-repeat;}.main-navigation li.mainNav-login a:hover{ background: transparent;}.main-navigation li.mainNav-calendar{ width:72px; background: url(images/menu_calender.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-calendar a{ width:72px; background: url(images/menu_calender.gif) 0 0 no-repeat;}.main-navigation li.mainNav-calendar a:hover{ background: transparent;}.main-navigation li.mainNav-register{ width:72px; background: url(images/menu_register.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-register a{ width:72px; background: url(images/menu_register.gif) 0 0 no-repeat;}.main-navigation li.mainNav-register a:hover{ background: transparent;}.main-navigation li.mainNav-staff{ width:64px; background: url(images/menu_staff_login.gif) 0 -18px no-repeat;}.main-navigation li.mainNav-staff a{ width:64px; background: url(images/menu_staff_login.gif) 0 0 no-repeat;}.main-navigation li.mainNav-staff a:hover{ background: transparent;}