/* ########################### *//* Common styles  *//*###########################*//* set all paddings and margins to 0,so we can shape them ourselves */*{padding:0;margin:0}/* Normal state for links. */a:link{color:orange;text-decoration:none}/* When you have visited those links. */a:visited{color:orange;text-decoration:none}/* .and fianlly when hovering above them */a:hover{color:white;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:orange;font-size:small;font-family:verdana,sans-serif}/* Now we get to set a padding for all table-cells! */td,th{padding:0.1em 0.6em 0.1em 0.1em}/* The main background. */body{background:fixed #333B4A;margin:0px;padding:12px 65px 12px 65px}/* Input boxes - just a bit smaller than normal so they align well. */input,textarea,button{color:black;font-family:verdana,sans-serif;font-size:9pt;background:#DBEDFC}/* tables have captions - which we'll align up better */caption{text-align:left}textarea{font-size:10pt;color:black;font-family:verdana,sans-serif;background:#DBEDFC}/* All input elements that are checkboxes or radio buttons. */input.check{margin:1px;vertical-align:middle}fieldset{padding:1em}legend{padding:0 0.6em 0 0.6em}/* Selects are a bit smaller,because it makes them look even better Cool. */select{margin:2px 0 2px 0;font-size:8pt;font-weight:normal;color:#1A1E25;font-family:verdana,sans-serif;background:#DBEDFC}option{padding:1px 3px 1px 3px}/* Standard horizontal rule.. (,etc.) */hr,.hrcolor{height:1px;border:0;color:#333B4A;background-color:#333B4A;margin:0.5em 0 0.5em 0}/* No image should have a border when linked */a img{border:0}/* ######################################*//* by default a padding is added for left/right main borders  */.mainpadding{padding-left:1em;padding-right:1em}/* the top section with the logo and user details */#toparea{background:url(images/top_background.gif) #3B4E60 repeat-x}#toparea,#toparea a:link,#toparea a:visited{color:orange}/* The main header is up here too */#toparea h1{font-size:1.8em;padding:1em 0 1em 1em}/* the small area where user links and greeting is shown */#userbox{float:right;font-size:0.85em;text-align:right;margin:0 1em 0 1em;padding:1em 1em 0 0;width:30em}#userbox h2{font-weight:normal}#userbox input{font-size:0.8em}#smallavatar{width:55px;height:55px;overflow:hidden;float:right;margin-left:1em}/* a nice SMF logo */#smflogo{float:right;margin-right:2em;position:relative;top:-17px}.searchfield{background:#3B4E60;border:solid 1px #333B4A;padding:0.2em}.submitbutton{background:#3B4E60;border:outset 1px #333B4A;font-size:0.9em}.searchfield:focus{border-color:#333B4A}#bodyarea{background:#1A1E25;padding-top:1em;border-top:solid 1px #333B4A}#footerarea{text-align:center;padding:1em;background:#1A1E25}.outerborder{border:solid 1px #333B4A;background:#3B4E60}/* ********************************* *//* the main menu on top *//* ********************************** */#mainmenus ul#menulist{list-style:none}#mainmenus ul#menulist li{float:left;white-space:nowrap}#mainmenus ul#menulist li a{display:block;padding:0.4em 0.6em 0.4em 0.6em;background:#3F495B;color:orange;text-transform:uppercase;border-top:solid 1px #333B4A;border-bottom:solid 1px #333B4A;font-size:0.85em;font-family:Trebuchet,Helvetica,sans-serif}* html #mainmenus ul#menulist li ul li a{display:inline-block;display:block;height:1%}#mainmenus ul#menulist li a#first:visited,#mainmenus ul#menulist li a#first:link{border-left:solid 1px #333B4A}#mainmenus ul#menulist li a#last:visited,#mainmenus ul#menulist li a#last:link{border-right:solid 1px #333B4A}#mainmenus ul#menulist li a:hover,#mainmenus ul#menulist li a.active:hover{display:block;background:#333B4A;text-decoration:none}#mainmenus ul#menulist li a.active:link,#mainmenus ul#menulist li a.active:visited{display:block;background:#3F495B;color:orange}/* the submenus.. */#mainmenus ul#menulist ul li{position:relative;float:left;padding-right:4px;text-transform:uppercase}#mainmenus ul#menulist li ul li{background:#3F495B;width:16em;float:none;margin:0;padding:0}#mainmenus ul#menulist li ul{margin:0;z-index:90;display:none;position:absolute;border:solid 1px #333B4A;background:#3B4E60}#mainmenus ul#menulist li >ul{top:auto;left:auto}#mainmenus ul#menulist li:hover ul,#mainmenus ul#menulist li.over ul{display:block}#mainmenus ul#menulist li ul li:hover ul,#mainmenus ul#menulist li ul li.over ul{display:block;left:13em}/* the linktree or navigation area */#linktree{padding:1.5em 1.5em 1em 1.5em;font-size:0.85em;background:url(images/contentbackground.gif) repeat-x #222730;border-bottom:solid 1px #333B4A}a.nav{font-weight:bold}.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}/* Hides from IE-mac \*/* html .clearfix,* html .catbg,* html .catbg2,* html .catbg3{height:1%}/* End hide from IE-mac *//* ######################################*//* A quote,perhaps from another post. */.quote{color:lightgrey;font-style:italic;margin:1px;padding:1px;font-size:x-small;border:1px solid #333B4A;margin:10px auto 10px auto;padding:5px;width:95%}/* A code block - maybe even PHP Wink. */.code{color:#3B4E60;background-color:#DBEDFC;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 #333B4A;margin:1px auto 1px auto;padding:5px;width:95%;/* 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:#3B4E60;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:orange}/* The main post box - this makes it as wide as possible. */.editor{width:100%}/* Highlighted text - such as search results. */.highlight{background-color:orange;font-weight:bold;color:black}/* A more discreet highlight colour,for selected membergroups etc. */.highlight2{background-color:#B3F4B0;color:black}/* Alternating backgrounds for posts,and several other sections of the forum. */.windowbg,.windowbg2,windowbg3,tr.windowbg td,tr.windowbg2 td,tr.windowbg3 td{color:lightgrey;padding:0.5em}.windowbg{background-color:#222730}.windowbg2{background-color:#222730}.windowbg3{background-color:#303845}.windowbg_sticky{background-color:#3B4E60}.windowbg2_sticky{background-color:#3B4E60}.windowbg_locked{background-color:#3B4E60;font-style:italic;font-weight:normal}.windowbg2_locked{background-color:#3B4E60;font-style:italic}/* Color for background of posts requiring approval */.approvebg{color:#fff;background-color:#3B4E60}/* Color for background of *topics* requiring approval */.approvetbg{color:#fff;background-color:#3B4E60}/* the today container in calendar */.calendar_today{background-color:#000}/* 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:lightgrey;font-style:large;padding:0.5em;background:url(images/titlebg-bottom.png) repeat-x bottom left #2B323D}.titlebg,.titlebg a:link,.titlebg a:visited{font-weight:bold;color:orange;font-style:normal}.titlebg a:hover{color:orange}/* same as titlebg,but used where bold text is not needed */.titlebg2 a:link,.titlebg2 a:visited{color:orange;font-style:normal;text-decoration:underline}.titlebg2 a:hover{text-decoration:underline}.titlebg2 /* BAZIL EDIT {background:url(images/bodyarea.jpg) repeat-x #24303C}*/  /* 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) #172029 repeat-x;color:darkgrey;ÅTERSTÄLLA --->#fffpadding:0.5em;font-size:9pt;margin-bottom:2px}.catbg2,tr.catbg2 td{background:url(images/catbg.jpg) #000 repeat-x;color:#fff;padding:0.3em 1em 0.3em 1em;margin-bottom:2px}caption.catbg,caption.catbg2,caption.catbg3,h2.catbg{border:solid 1px #222730}.catbg,.catbg2{font-weight:bold}.catbg3,tr.catbg3 td,.catbg3 a:link,.catbg3 a:visited{font-size:8pt;text-decoration:none;font-weight:bold}.catbg a:link,.catbg a:visited,.catbg2 a:link,.catbg2 a:visited{color:darkgrey;text-decoration:none}.catbg a:hover,.catbg2 a:hover,.catbg3 a:hover{color:darkgrey}/* This is used on tables that should just have a border around them. */.tborder{padding:1px;border:solid 1px black}.bordercolor{background:#333B4A}/* Default font sizes:small (8pt),normal (10pt),and large (14pt). */.smalltext{font-size:8pt;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 Wink. */.signature{width:100%;overflow:auto;padding-bottom:3px;line-height:1.3em}/* Sometimes there will be an error when you post */.error{color:lightgrey}/* Calendar colours for birthdays,events and holidays */.birthday{color:#fff}.event{color:#fff}.holiday{color:#fff}/* The AJAX notifier */#ajax_in_progress{background:#000;color:#fff;font-weight:bold;font-size:14pt;border-bottom:solid 1px #222730;padding:6px;width:100%;text-align:center;position:fixed;top:0;left:0}/* the main header */h1.catbg{font-family:Verdana,sans-serif;font-size:1.5em}/* and the user greeting! */h2.titlebg2{font-weight:normal;font-size:12pt}.alignright{text-align:right}.floatleft{float:left}.floatright{float:right}.smallpadding{padding:0.5em}.topmargin{margin-top:0.5em}/* Styling for BBC tags */.bbc_color a{color:inherit}.bbc_img{border:0}.bbc_list{margin-top:0;margin-bottom:0}.bbc_size{line-height:1.3em}.bbc_table{font:inherit;color:inherit}.bbc_table td{font:inherit;color:inherit;vertical-align:top}.bbc_u{text-decoration:underline}/* ############# *//*  the buttonmenus */ul.topbuttons,ul.bottombuttons{width:auto;float:right;list-style:none;white-space:nowrap}ul.topbuttons{margin:0.3em}ul.bottombuttons{margin:0.3em}ul.topbuttons li,ul.bottombuttons li{float:left}ul.topbuttons li a:link,ul.bottombuttons li a:link,ul.topbuttons li a:visited,ul.bottombuttons li a:visited{display:block;font-size:0.85em;padding:0.3em 1em 0.3em 1em}ul.bottombuttons li a:link,ul.bottombuttons li a:visited{border-top:solid 3px #222730}ul.topbuttons li a:link,ul.topbuttons li a:visited{border-bottom:solid 3px #222730}ul.bottombuttons li a:hover,ul.bottombuttons li.active a{border-top:solid 3px #222730;text-decoration:none;color:black}ul.topbuttons li a:hover,ul.topbuttons li.active a{border-bottom:solid 3px #222730;text-decoration:none;color:white}#upshrinkHeader{border-top:solid 1px #222730}ul#extrabox{border-top:solid 1px #222730}ul#extrabox,ul#extrabox ul{font-size:0.9em;list-style:none}ul#extrabox li.main{float:left;padding:0.3em;margin:0 0.1em 1em 0.1em;width:30%;border-right:solid 1px #222730;height:7em}ul#extrabox li.main p{max-height:6em;overflow:auto}ul#extrabox #avatar{float:left}/* #################### *//* from Boardindex... *//* #################### */.board{font-size:0.9em}.board h4{font-size:1.2em}.board h4,.board h4 a:link,.board h4 a:visited{color:#fff}h4.titlebg{font-size:1em;padding:0.5em}/* the Info center styles.. */#infocenter{margin-top:3em}#upshrinkHeaderIC{border-top:solid 1px #222730;width:100%}ul#recentPosts{list-style:none}ul#recentPosts li.left{float:left}ul#recentPosts li.right{text-align:right}dl.infosection{margin:1px;background:#000;padding:0;overflow:hidden;display:block}dl.infosection dt{padding:6px;float:left}dl.infosection dd.single{padding-bottom:200px;margin-bottom:-190px}* html dl.infosection dd.single form{height:1%}dl.infosection dd{padding:0.5em;border-left:solid 1px #222730;margin-left:35px}dl.infosection dd.below{border-top:solid 1px #222730}#infocenter h3.titlebg{border-left:solid 1px #222730;border-right:solid 1px #222730}/* ############### */#top{float:left;padding:0;margin-left:1em;display:block}/* The main frame..set a fixed width if you like Smiley */#mainframe{width:90%;margin:auto}#frame{border:solid 1px #222730;padding:1px}#header{width:100%;padding:0}#header ul{list-style:none;float:right;margin:76px 1em 0 0}#header li{float:left;white-space:nowrap}#header li a:visited,#header li a:link{display:block;padding:0.1em 0.3em 0.3em 0.3em;color:black;font-size:1.1em;font-family:arial,Helvetica,sans-serif;border-bottom:solid 3px #222730}#header li a:hover,#header li a.active:hover{text-decoration:none;border-bottom:solid 3px #222730}#header li a.active:link,#header li a.active:visited{border-bottom:solid 3px #222730;font-weight:bold}#advert{position:absolute;top:5px;right:5%}/* Now that it's in position,we're going to center the ad div and put our actual ad on the right side */#ad{position:relative;right:5px;margin:0 auto 0 auto;float:right;padding:0;height:60px;width:468px}/* search and login template *//* #################### */#searchform{width:600px;margin:auto}#frmLogin{width:400px;margin:auto;padding:0}#frmLogin h3,#frmLogin p{margin:0;padding:0.3em}p.labels label{display:block;width:50%;font-weight:bold;text-align:right;float:left}p.labels label,p.labels input{margin:0.3em}/* a floated horizontal list ? */ul.float_list{list-style:none}ul.float_list li{display:block;float:left;padding:0.5em 1em 0.5em 1em;white-space:nowrap}/* 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{vertical-align:top}.maintab_back,.maintab_active_back{font-size:0.85em;padding:0.3em 1em 0.3em 1em;text-decoration:none}.maintab_first{display:none}.maintab_back{border-bottom:solid 3px #222730}.maintab_last{display:none}.maintab_active_first{display:none}.maintab_active_back{border-bottom:solid 3px #222730;text-decoration:none;color:black}.maintab_active_last{display:none}/* how links behave in main tab. */.maintab_back a:link,.maintab_back a:visited,.maintab_active_back a:link,.maintab_active_back a:visited{text-decoration:none}.maintab_back a:hover,.maintab_active_back a:hover{border-bottom:3px #222730;text-decoration:none;color:white}/* definitions for the main tab,active means the tab reflects which page is displayed */.mirrortab_first,.mirrortab_back,.mirrortab_last,.mirrortab_active_first,.mirrortab_active_back,.mirrortab_active_last{vertical-align:top}.mirrortab_back,.mirrortab_active_back{font-size:0.85em;padding:0.3em 1em 0.3em 1em;text-decoration:none}.mirrortab_first{display:none}.mirrortab_back{border-top:solid 3px #222730}.mirrortab_last{display:none}.mirrortab_active_first{display:none}.mirrortab_active_back{border-top:solid 3px #222730;text-decoration:none;color:black}.mirrortab_active_last{display:none}/* how links behave in main tab. */.mirrortab_back a:link,.mirrortab_back a:visited,.mirrortab_active_back a:link,.mirrortab_active_back a:visited{text-decoration:none}.mirrortab_back a:hover,.mirrortab_active_back a:hover{border-top:3px #222730;text-decoration:none;color:white}/* full width for opera */html>body .fullwidth{width:100%}#teambox{margin:0;border:0;padding:0}#teambox .catbg{margin-top}/* TP specific style classes */.sitemap{margin:0;padding:0;list-style:none}.sitemap_topheader{background:#41485A;border-bottom:solid 2px #000;padding:4px}.sitemap_header{background:#41485A;border-bottom:solid 2px #000;padding:4px;display:block;font-weight:bold}.sitemap_header_active{background:#41485A;border-bottom:solid 2px #000;padding:4px;display:block;font-weight:bold}.sitemap_header:hover,.sitemap_header_active:hover{background:#232730;border-bottom:solid 2px #000;padding:4px;display:block;text-decoration:none}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}.rss_title{ font-weight:bold}.rss_body{margin-bottom:1ex}.rss_image{margin:4px 0 4px 0}