/* Normal, standard links. */



a:link {



	 color: #666666;



	 text-decoration: none;



       font-family: Trebuchet MS;



}



a:visited {



	 color: #666666;



	 text-decoration: none;



       font-family: Trebuchet MS;



}



a:hover {



	 color: #b5300d;



	 text-decoration: underline;



       font-family: Trebuchet MS;



}



/* Navigation links - for the link tree. */







.nav, .nav:link, .nav:visited {



	 color: #777777;



	 text-decoration: none;



       font-family: Trebuchet MS;



}



a.nav:hover {



	 color: #b5300d;



	 text-decoration: underline;



       font-family: Trebuchet MS;



}



/* Navigation links - for the link tree. */



span.pathway 



{



	display: block;



	height: 16px;



	line-height: 16px;



	vertical-align: middle;



	margin-top: 5px;



	margin-bottom: 10px;



	color: #212B32;



	font-weight: normal;



}



span.pathway img 



{



	margin: 0px 10px;



	vertical-align: middle;



}



div#pathway 



{



	margin-bottom: 10px;



	padding-left: 8px;



}



/* Tables should show empty cells. */



table {



	 empty-cells: show;



}



/* By default (td, body..) use verdana in black. */



body, td, th, tr 



{



	color: #666666;



	font-size: 12px;



	font-family: verdana, sans-serif;



	line-height: 135%;



      font-family: Trebuchet MS;



}



/* The main body of the entire forum. */



body 



{



	background: #cccccc url(images/back1.jpg) repeat-y center;



	margin: 0;



      padding: 0 30px 15px 30px;



}



/* Input boxes - just a bit smaller than normal so they align well. */



input, textarea, button



{



	color: #000;



	font-family : "Trebuchet MS", sans-serif;



	background: #dddddd;



	border: 1px solid #fff;



	padding: 2px;



}



input, button



{



	font-size: 90%;



}



textarea



{



	font-size: 100%;



	color: #222;



	font-family: verdana, sans-serif;



	background: #dddddd;



}



/* 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;



	background: #fff;



}



/* 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: #dddddd;



	margin: 1px;



	padding: 1px;



	font-size: x-small;



	font-style: italic;



	line-height: 1.4em;



}







/* A code block - maybe even PHP ;). */



.code



{



	color: #000000;



	background-color: #eee;



	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 #eee;



	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



{



	background: #FFEFD7;



	color: #111111;



	padding: 5px;



	text-decoration: none;



	font-style: normal;



	font-weight: bold;



	font-size: x-small;



	line-height: 1.2em;



}



.inputs { 



	color: #212B32;



	border: 2px solid #EFF7EF;



	background: url(images/bgsearch.gif);



	text-indent: 0.2cm;



}



.inputs:hover {



	border: 2px solid  #fff;



}



.submit:hover {



	background: url(images/bgsearch.gif);



	border: 2px solid #fff;



}



/* 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: #f5f5f5;



	color: #111111;



	font: 11px;



	font-family: Geneva, verdana, sans-serif;



	border: solid 1px #ffffff;







}



.windowbg2 {



	background: #f5f5f5;



	color: #111111;



	font: 11px;



	font-family: tahoma;



	font-family: Geneva, verdana, sans-serif;



}



.windowbg3 {



	background: #f5f5f5;



	color: #444444;



	font: 11px;



	font-family: Geneva, verdana, sans-serif;



	border: solid 1px #ffffff;



}



/* the today container in calendar */



.calendar_today {



	 background-color: #f6f6f6;



}



/* 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: #656565;



	 font-style: normal;



	 background:  #dddddd;



	 padding-left: 10px;



	 padding-right: 10px;



	 line-height: 14px;



}



.titlebg, .titlebg a:link, .titlebg a:visited {



	 font-weight: bold;



	 color: #656565;



	 font-style: normal;



	 font-size: 12px;



}



.titlebg a:hover {



	 color: #353535;



}



/* same as titlebg, but used where bold text is not needed */







.titlebg2 a:link, .titlebg2 a:visited {



	 color: #151515;



	 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 {



	 color: #fff;



	 padding-left: 10px;



	 padding-right: 10px;



	 background: url(./images/cat.jpg) repeat-x;



}



.catbg2, tr.catbg2, .catbg3 td { 



	 color: #fff;



	 padding-left: 10px;



	 padding-right: 10px;



	 background: url(./images/cat.jpg) repeat-x;



}



.catbg, .catbg2 {



}



.catbg, .catbg2 {



	 font-weight: bold;



	 font-size: 12px;



}



.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {



	 font-size: 95%;



	 color: #fff;



	 text-decoration: none;



}



.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {



	 color: #fff;



	 text-decoration: none;



}



.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {



	 text-decoration: underline;



}



.catbgf {



	height: 27px;



	line-height: 27px;



	color: #999;



	font-weight: bold;



	background: #fff url(./images/katorta.png) repeat-x 0 0;



 padding-left:5px;



 padding-right:0;



 padding-top:0;



 padding-bottom:0



}







.catbgf-l {



	background: #B3B2B2 url(./images/katsol.png) no-repeat 0 0;



	padding-left: 8px;



	position: relative



}



.catbgf-r {



	background: #B3B2B2 url(./images/katsag.png) no-repeat 100% 0;



	padding-right: 8px;



	position: relative



}



.catbgf a:link



{



	color: #999;



	text-decoration: none;



}



.catbgf a:visited



{



	color: #999;



	text-decoration: none;



}



.catbgf a:hover



{



	text-decoration: underline;



}







/* This is used for tables that have a grid/border background color (such as the topic listing.) */



.bordercolor {







	 padding: 0px; 



	 background: #D6D6D6; 



}



/* This is used on tables that should just have a border around them. */



.tborder {



	 padding: 0px;



	 border: solid 1px #f5f5f5; 



}



/* 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, .mirrortab_first



{



	display: none;



}



.maintab_last, .mirrortab_last



{



	display: none;



}



.maintab_active_first, .mirrortab_active_first



{



	display: none;



}



.maintab_active_last, .mirrortab_active_last



{



	display: none;



}







/* how links behave in main tab. */



.maintab_back a, .mirrortab_back a



{



	padding: 5px;



	background: #e0e0e0;



	border-bottom: solid 1px #bbb;



	display: block;



	color: #000;



	text-decoration: none;



	font-size: 11px;



	margin-right: 1px;



}



.maintab_active_back a, .mirrortab_active_back a



{



	padding: 5px;



	background: #F45C00;



	border-bottom: solid 2px orange;



	display: block;



	color: #fff;



	text-decoration: none;



	font-size: 11px;



	margin-right: 1px;



}



.maintab_back a:hover, .maintab_back a.chosen:hover,.maintab_back a.chosen,.mirrortab_back a:hover, .mirrortab_back a.chosen:hover,.mirrortab_back a.chosen



{



	color: #fff;



	background: #F45C00;



	border-bottom: solid 2px orange;



}



.maintab_active_back a:hover, .maintab_active_back a.chosen:hover,.maintab_active_back a.chosen,.mirrortab_active_back a:hover, .mirrortab_active_back a.chosen:hover,.mirrortab_active_back a.chosen



{



	color: #fff;



	background: #F45C00;



	border-bottom: solid 2px orange;



}



#wrapper {



	 width: 900px;



	 min-width: 720px;



	 margin: 0 auto;



}



#headerim {



	 position: relative;



	 height: 48px; 



	 overflow: hidden;



	 background: #DBE6F7 url(./images/layout1_05.png) 0 0 repeat-x;



}



#headim-r {



	 position: relative;



	 height: 48px; 



	 overflow: hidden;



	 background: url(./images/layout1_07.png) 100% 0 no-repeat;



}



#headim-l {



	 position: relative;



	 height: 48px; 



	 overflow: hidden;



	 background: url(./images/layout1_03.png) 0 0 no-repeat;



}



#hello {



	 float: left;



	 padding-left:10px;



	 padding-top:10px;



	 font-size: 14px;



	 color: #6A0101;



	 font-family: Trebuchet MS; 



	 Font-weight: bold;



}







#header {



	 position: relative;



	 height: 138px;



	 overflow: hidden;



	 background: url(./images/logo.png) no-repeat;







}



#head-r {



	 padding-right: 5px;



	 background: none;



}



#head-l {



	 padding-left: 0px;



	 background: none;



}



#logo {



	 position: absolute;



	 top: 0px;



	 left: 0px;



	 display: block;



	 width: 428px;



	 height: 160px;



	 cursor: pointer;



	 background: url(./images/logo.png) no-repeat;



}



#userarea {



	 height: 78px;



	 float: right;



	 padding: 5px 25px 0 0;



	 text-align: right;



	 font-size: 13px;



	 color: #222;



       font-family: Trebuchet MS;







}



#userarea a:link, #userarea a:visited {



	 color: #333;



	 text-decoration: none;







}



#userarea a:hover {



	 color: orange;



	 text-decoration: none;







}



#search {



	 float: right;



	 padding-top: 5px;  



	 font-family: Tahoma, Arial, Helvetica, sans-serif;



	 font-size: 11px;



	 clear: both;



}







#toolbar {



	font-size: 1.0em;



	height: 43px;



	background: #3A73A5 url(images/blue3_nav.gif) no-repeat;







}







#nav li.active_menu a {



	height: 42px;







}



#nav {







	height: 42px;







}



#nav li {







}



#nav li a {



	color: #e1e1e1;



	font-family: Trebuchet MS, verdana, sans-serif;



	font-size: 12px; 



	font-weight: bold;



	text-align: center;







}



#nav a:hover {



	color: yellow;



	text-align: center;



        border-bottom: 2px solid red;



}



#nav {



	margin: 0 0 0 15px;



	padding-left: 15px;



	padding-top: 3px;







}



#nav ul {



	padding: 0;



	margin: 0;



}



#nav li {



	margin: 0;



	padding: 0;



	float: left; 



	display: block;



	height: 42px;



	text-align: center;



}



#nav a {



	text-decoration: none;



	cursor: pointer;



	font-weight: normal;



	text-align: center;



	height: 10px;



}



#nav ul li a:hover, #nav #active a {



	background: url(images/nava.gif) no-repeat top center;;



	color: red;



	height: 42px;



	text-align: right;



}



#nav li a {



	display: block;



	float: left;



	line-height: 42px;



	padding: 1px 10px;



}



#mainarea {



	 margin: 0;



	 padding: 0;



}



#footer {



	 background: url(images/Untitled-1_49.gif) 0 0 repeat-x;



}



#foot-r {



	 padding-right: 30px;



	 height: 64px;



	 background: url(images/Untitled-1_52.gif) 100% 0 no-repeat;



}



#foot-l {



	 background: url(images/Untitled-1_48.gif) 0 0 no-repeat;



	 padding-left: 30px;



}



#footerarea {



	 text-align: center;



	 padding-top: 20px;



	 padding-left: 10px;



}



#footerarea {



	font-family: Tahoma;



	font-size: 10px;



	color: #fff;



	font-style: italik;



        float: left;



	 text-align: center;



}



#footerarea a:link {



	font-family: Tahoma;



	font-size: 10px;



	color: #fff;



	text-decoration: none;



	font-style: italik;



	 text-align: center;



}



#footerarea a:visited {



	font-family: Tahoma;



	font-size: 10px;



	color: #fff;



	text-decoration: none;



	font-style: italik;



}



#footerarea a:hover {



	font-family: Tahoma;



	font-size: 10px;



	color: #000;



	text-decoration: underline;



	font-style: italik;



}



#footerarea a:active {



	font-family: Tahoma;



	font-size: 10px;



	color: #fff;



	text-decoration: none;



	font-style: italik;



}



/* The AJAX notifier */



#ajax_in_progress {



	 background: #002962;



	 color: white;



	 text-align: center;



	 font-weight: bold;



	 font-size: 18pt;



	 padding: 3px;



	 width: 100%;



	 position: fixed;



	 top: 0;



	 left: 0;



}



#sag {



	background: #fff url(images/layout1_20.jpg) 100% 0 repeat-y;



}







#sol {



	background: url(images/layout1_13.png) 0 0 repeat-y;



}







#alt {



	background: url(images/altorta.png) 0 100% repeat-x;



}







#altsag {



	background: url(images/altsag.png) 100% 100% no-repeat;



}







#altsol {



	background: url(images/altsol.png) 0 100% no-repeat;



}







#ust {



	background: url(images/layout1_10.png) 0 0 repeat-x;



}







#ustsag {



	background: url(images/layout1_12.png) 100% 0 no-repeat;



}







#ustsol {



	background: url(images/layout1_09.png) 0 0 no-repeat;



	padding: 20px 20px 40px 20px;



}







.forumara {



	 border-top: solid 1px #121212;



	 border-bottom: solid 1px #333333;







}



.titlebg3 {



	 color: #454545;



	 font-style: normal;



	 background: #000;



	 padding-left: 10px;



	 line-height: 10px;



	 font-size: 11px;



}



/* Login  */



span.quick span.yoo-login span.login {



   height: 21px;



   width: 500px;



   font-size: 100%;



}







span.quick span.yoo-login span.login .username,



span.quick span.yoo-login span.login .password,



span.quick span.yoo-login span.login .login-button-text,



span.quick span.yoo-login span.login .login-button-icon,



span.quick span.yoo-login span.login .lostpassword,



span.quick span.yoo-login span.login .activatecode,



span.quick span.yoo-login span.login .registration,



span.quick span.yoo-login span.logout .greeting,



span.quick span.yoo-login span.logout .logout-button-text,



span.quick span.yoo-login span.logout .logout-button-icon {



   padding-right: 4px;



   float: left;



   text-align: center;



}







span.quick span.yoo-login span.login .username input, span.quick span.yoo-login span.login .password input {



   width: 75px;



   height: 21px;



   padding: 4px 0px 0px 30px;



   border: none;



   outline: none;



   float: left;



   color: #000000;



   font-size: 12px;



}







span.quick span.yoo-login span.login .username input {



   background: url('images/username_bg.png') no-repeat 0 0;



}







span.quick span.yoo-login span.login .password input {



   background: url('images/password_bg.png') no-repeat 0 0;



}







span.quick span.yoo-login span.login .username input:hover, span.quick span.yoo-login span.login .username input.sfhover {



   background: url('images/username_bg.png') no-repeat 0 0;



   color: #000000;



}







span.quick span.yoo-login span.login .password input:hover, span.quick span.yoo-login span.login .password input.sfhover {



   background: url('images/password_bg.png') no-repeat 0 0;



   color: #000000;



}







span.quick span.yoo-login span.login .username input:focus, span.quick span.yoo-login span.login .username input.sffocus {



   background: url('images/username_bg.png') no-repeat 0 0;



   color: #000000;



}







span.quick span.yoo-login span.login .password input:focus, span.quick span.yoo-login span.login .password input.sffocus {



   background: url('images/password_bg.png') no-repeat 0 0;



   color: #000000;



}







span.quick span.yoo-login span.login .login-button-text button {



   margin-top: 0px;



   cursor: pointer;



}







span.quick span.yoo-login span.login .login-button-icon button {



   display: block;



   height: 23px;



   width: 24px;



   padding: 0px;



   border: medium none;



   background: url('images/login_button_bg.png') no-repeat 0 0;



}







span.quick span.yoo-login span.login .login-button-icon button:hover, span.quick span.yoo-login span.login .login-button-icon button.sfhover  {



   background: url('images/login_button_bg.png') no-repeat 0 -23px;



}







span.quick span.yoo-login span.login .lostpassword a, span.quick span.yoo-login span.login .activatecode a, span.quick span.yoo-login span.login .registration a {



   display: block;



   height: 21px;



   width: 25px;



}







span.quick span.yoo-login span.login .lostpassword a  {



   background: url('images/lost_password_bg.png') no-repeat 0 0px;



}







span.quick span.yoo-login span.login .activatecode a  {



   background: url('images/activatecode.png') no-repeat 0 0px;



}







span.quick span.yoo-login span.login .registration a  {



   background: url('images/registration_bg.png') no-repeat 0 0px;



}











#fancymenu {







position:absolute;



margin:0;



}







#fancymenu ul {



list-style:none;



margin:0;



padding-left: 50px;



}







#fancymenu li {



float:left;



display:block;



}







#fancymenu li a {



float:left;



display:block;



position:relative;



height:48px;



line-height:48px;



overflow:hidden;



font-size:20px;;



color:#f9f9f9;



text-decoration:none;



z-index:4;



outline:none;



padding:5px 10px;



font-family: "Times New Roman", Times, serif;







font-weight: light;







}







#fancymenu li.current a {



text-decoration:none;



}







#fancymenu li.background {



background:url(images/menu-r.png) 100% 0 no-repeat;



position:absolute;



visibility:hidden;



z-index:2;



}







#fancymenu li.background .left {



background:url(images/menu-l.png) 0 0 no-repeat;



height:48px;



margin-right:5px;



}