/* ------------------------ Stargate Portal mods ------------------------ */
/* 
New format css file... We no longer edit the original subsilver2 css
file... All portal css tags are placed in the portal css file... 
Here we overload previous subsilver2 tags and of course add the 
necessary portal tags...
This makes porting of subsilver styles much easier... The same will
also be dome for subsilver based styles... Mike

Note: The portal.css is called from the overall_header.html, this 
requires 1 edit to the functions.php...
*/




/* Block Classes 
-------------------------------------------------------------------------- */

.b_block_header, .block_header {
color: #344B6A;
font-size: 1em;
font-weight: bold;
background-color: #F8F8F8;
background-image: url('./images/blocks/2.png');
background-repeat:repeat-x;
width:100%;
white-space: nowrap;
height:22px;
}

.b_block_header a, .block_header a { color:#FFA34F; }

.b_block_header { 
background-image: url('./images/blocks/b2.png');
background-repeat:repeat-x;
height:47px; /**/
} 

.block_data {
float:left;
width:100%; /* required to centre data */
list-style-type: none;
}

.block_body {
background-color: #F8F8F8;
width:100%; /* IE :( */
overflow: hidden;
margin-bottom: 1px;
clear: both;
}

.block_head {
color: #FFA34F;
font-size: 1.1em;
font-weight: bold;
background-color: #006699;
background-image: url('./images/blocks/2.png');
height:22px;
white-space: nowrap;
padding:2px;
padding:0;
}
.box {
background-color: #F8F8F8;
text-align:left;
padding:5px;
/*padding-top:8px;*/
padding-bottom:8px;
margin:0;
margin-top:3px; /* set this to more for larger icons */
margin-bottom:1px;
overflow: hidden;
width:auto;
border-top: solid 1px #BBBBBB;
border-top: solid 0px #BBBBBB;
border-left: solid 1px #BBBBBB;
border-right: solid 1px #BBBBBB;
border-bottom: solid 2px #BBBBBB;
background-image: url('./images/cell.gif');
background-repeat:repeat-x;
}


/*
.box_head{
background-image: url('./images/box_head.png');
width: 100%;
margin: 0 auto;
border: solid 1px #000000; 
}
.box_footer{
background-image: url('./images/box_footer.png');
width: 100%;
margin: 0 auto;
border: solid 1px #000000; 
}
*/

.k_quick {
width:70%;
text-align:left;
margin-bottom: 4px; 
clear: both;
background-color: #080809;
border:1px solid; border-color: #000;
}
.k_block_header {
color: #B00000;
font-size: 1.1em;
font-weight: bold;
background-image: url('./images/cellpic1.gif');
background-repeat:repeat-x;
white-space: nowrap;
border: solid 1px #000;
border-bottom:none;
padding: 4px;
}


/* News/Announcements
---------------------------------------------------------------------------------------------- */
.news { width:100%; text-align:left; }
.news_body { width:100%; text-align:left; padding-top: 5px; padding-bottom: 10px; float:left;}
.news img {text-align:center;}
.contents {padding: 5px;}
.mynews {
text-align:left;
font-size:10px;
background: #323232 none repeat-x 0 0;
margin-bottom: 4px; 
padding: 0 5px;
clear: both;
}
.myannounce {
text-align:left;
font-size:10px;
background: #DBDBDB none repeat-x 0 0;
margin-bottom: 4px; 
padding: 0 5px;
clear: both;
}

.news_title {
color:green;
font-weight: bold;
float:left;
text-align:left; 
width:50%;
padding-top:5px;
padding-bottom:5px;
}
.news_time {
 color:green;
 font-weight: bold;
 float:right;
 text-align:right;
 width:50%;
 padding-top:5px;
 padding-bottom:5px;
}

.news_poster {
 float:left;
 text-align:left;
 width:40%; 
}
.news_comments {
 float:left;
 text-align:center; 
 width:20%;
}
.news_reply {
color:green;
float:left;
text-align:right; 
width:40%; 
}

.newscat {
color:#C6C0B7;
text-align:center;
font-size: 1em;
font-weight: bold;
width:auto;
border: solid 1px #C7C7C7;
padding:2px;
}
.newscat2 {
color:#C6C0B7;
text-align:center;
font-size: 1em;
font-weight: bold;
width:auto;
border: solid 1px #C7C7C7;
padding:2px;
}

.news_box {
 float: right; padding:0; width: 190px; height: 40px; margin-top: 1px; margin-right: 10px;
}
.announce_box {
 float: right; padding:0; width: 200px; height: 40px; margin-top: 1px; margin-right: 10px;
}

/* round corners 
-------------------------------------------------------------------------------------------------------------- */
span.corners-top-news, span.corners-bottom-news, span.corners-top-news span, span.corners-bottom-news span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top-news {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top-news span {
background-image: none;
background-position: 100% 0;
}

span.corners-bottom-news {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom-news span {
background-image: none;
background-position: 100% 100%;
}
span.corners-top-news {
background-image: url("./images/corners_left_news.png");
}
span.corners-top-news span {
background-image: url("./images/corners_right_news.png");
}
span.corners-bottom-news {
background-image: url("./images/corners_left_news.png");
}
span.corners-bottom-news span {
background-image: url("./images/corners_right_news.png");
}


/* bbcode...
------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.bbb-bold, .bbb-bold a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-bold.gif"); width:22px; height:22px; }
.bbb-bold:hover{ background-position: 0px -23px;}.bbb-quote,
.bbb-italic, .bbb-italic a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-italic.gif");width:22px; height:22px;}
.bbb-italic:hover{ background-position: 0px -23px;}.bbb-quote, 
.bbb-quote a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-quote.gif"); width:22px; height:22px;}
.bbb-quote:hover{ background-position: 0px -23px;}.bbb-code, 
.bbb-code a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-code.gif");width:22px; height:22px;}
.bbb-code:hover{ background-position: 0px -23px;}.bbb-list, 
.bbb-list a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-list.gif");width:22px; height:22px;}
.bbb-list:hover{ background-position: 0px -23px;}.bbb-flash, 
.bbb-flash a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-flash.gif"); width:22px; height:22px;}
.bbb-flash:hover{ background-position: 0px -23px;}.bbb-image, 
.bbb-image a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-image.gif"); width:22px; height:22px;}
.bbb-image:hover{ background-position: 0px -23px;}
.bbb-url, .bbb-url a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-url.gif"); width:22px; height:22px;}
.bbb-url:hover{ background-position: 0px -23px;}
.bbb-under_line, .bbb-under_line a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-under_line.gif");width:22px; height:22px;}
.bbb-under_line:hover{ background-position: 0px -23px;}
.bbb-align_center, .bbb-align_center a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-align_center.gif");width:22px; height:22px;}
.bbb-align_center:hover{ background-position: 0px -23px;}
.bbb-align_left, .bbb-align_left a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-align_left.gif");width:22px; height:22px;}
.bbb-align_left:hover{ background-position: 0px -23px;}
.bbb-align_right, .bbb-align_right a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-align_right.gif");width:22px; height:22px;}
.bbb-align_right:hover { background-position: 0px -23px;}
.bbb-ordered_list, .bbb-ordered_list a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-ordered_list.gif");width:22px; height:22px;}
.bbb-ordered_list:hover{ background-position: 0px -23px;}
.bbb-add_list_item, .bbb-add_list_item a { border:none; background-image: url("./../../../images/bbcode/bbb-icon-add_list_item.gif"); width:22px; height:22px;}
.bbb-add_list_item:hover { background-position: 0px -23px;}
.bbb-note, .bbb-note a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-note.gif");width:22px; height:22px;}
.bbb-note:hover { background-position: 0px -23px;}
.bbb-spoiler, .bbb-spoiler a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-spoiler.gif"); width:22px; height:22px;}
.bbb-spoiler:hover{ background-position: 0px -23px;}
.bbb-tab, .bbb-tab a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-tab.gif"); width:22px; height:22px;}
.bbb-tab:hover{ background-position: 0px -23px;}
.bbb-sup, .bbb-sup a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-sup.gif"); width:22px; height:22px;}
.bbb-sup:hover{ background-position: 0px -23px;}
.bbb-sub, .bbb-sub a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-sub.gif"); width:22px; height:22px;}
.bbb-sub:hover{ background-position: 0px -23px;}
.bbb-strike, .bbb-strike a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-strike.gif");width:22px; height:22px;}
.bbb-strike:hover { background-position: 0px -23px;}
.bbb-link, .bbb-link a{ border:none; background-image: url("./../../../images/bbcode/bbb-icon-link.gif");width:22px; height:22px;}
.bbb-link:hover { background-position: 0px -23px;}
.rollover, .rollover a { display:inline; float:left; } .rollover a:hover { background-position: 0 -23px; }
.bbb-icon-spacer {border:none; background-image: url("./../../../images/bbcode/bbb-icon-spacer.gif"); width:3px; height:22px;}





/* sdMenu
---------------------------------------------------------------------------- */
div.sdmenu div {
 overflow: hidden;
 font-weight: bold;
 width:100%;
}
div.sdmenu div.collapsed {
 height: 18px;
}
div.sdmenu span {
 display: block;
 padding: 2px 6px;
 cursor: default;
}
.sub_heading {
color: #484C92;
font-size:12px;
font-family: Comic Sans MS, Sans-Serif;
font-weight: bold;
padding-top:5px;
padding-bottom:5px;
text-align:left;
}

.menu_item {
padding-left:4px; padding:2px; width:100%;
}


/* NeXur's bable translation block
-------------------------------------------------------------------------- */
.translate_head {
 text-align:center;
 background : #EBEBEB;
 color: #8E0000;
 padding:5px;
}

div.trans div a.current {
background : #ccc;
}
div.trans div a:hover {
background : #ECECEC url("images/linkarrow.gif") no-repeat right center;
color: #DE1717;
text-decoration: none;
}
div.trans div a {
width:auto;
padding:2px;
/*background: #080809;*/
display: block;
color: #2E5B82;
}
.translate_reset {
 text-align:center;
 padding-top:5px;
}
.linkrowleft {
text-align:left;
border-bottom: solid 2px #131313;
background-color: #1A1A1A;
background-image: url('./images/linkrow.gif');
padding: 4px;
width: 50%;
}

.linkrowright {
border-bottom: solid 2px #131313;
background-color: #1A1A1A;
background-image: url('./images/linkrow.gif');
padding: 4px;
width: 50%;
}


/* scroll 
-------------------------------------------------------------------------- */
div.scroll_outer {
z-index: 1;
position: relative;
overflow: hidden;
}
div.scroll_inner {
position: absolute;
z-index: 2;
height:auto;
width:100%;
}



/* set some colours
 -------------------------------------------------------------------------- */
.orange
{
color: #FFC000;
font-weight: bold;
}
.green
{
color:#008000;
font-weight: bold;
}
.red
{
color:#FF0000;
font-weight: bold;
}
.gray 
{
color:#BABABA;
font-weight: bold;
}

/* Misc
 -------------------------------------------------------------------------- */
.smallimage {
width:25px; 
height:25px; 
float:left;
margin:0;
margin-bottom:5px;
}

.unresolved {
padding:5px;
padding-left: 12px;
padding-right: 12px;
}

.category {
 color: #8E0000;
 text-align:left; 
 padding-left:24px; 
}
.category2 {
color: #105289;
text-align:left;
padding:1px;
}

/* moved
.showhide { 
float: right; 
margin-top: -13px; 
margin-right: 10px; 
}
*/

.handle { 
 cursor: move; 
}

.bg1a{ background-color: #DFDFDF; }
.bg2a{ background-color: #E7E7E7; }

.forum_icons {
float:left;
padding-right:10px;
position:relative; left: 5px; top: -20px;
}

acronym{
font-style:italic;
font-weight:bold;
border-bottom:1px #BD5121 dashed ;
color:#459B37;
cursor: help;
}



/* advanced styles
 -------------------------------------------------------------- */

b_caption { 
margin: 0; 
padding: 0;
background: url(images/blocks/b2.png) top left repeat-x;
white-space: nowrap;
text-align: left;
}

.b_cap-left {
background: url(images/blocks/b1.png) top left no-repeat;
padding-left: 62px; 
padding-top: 1px; /* right image & title up/down also b_cap-right > margin-top */
}

.b_cap-right {
background: url(images/blocks/b3.png) top right no-repeat;
padding-top: 30px; /*title padding top*/
height: 47px;
margin-top:-53px; /*title up/down. depends on text size */
}



caption { 
margin: 0; 
padding: 0;
background: url(images/blocks/2.png) top left repeat-x;
white-space: nowrap;
height: 20px;
text-align: left;
}
.cap-left {
background: url(images/blocks/1.png) top left no-repeat;
padding-left: 25px;
}
.cap-left-wide {
background: url(images/blocks/1w.png) top left no-repeat;
padding-left: 72px;
}
.cap-right {
background: url(images/blocks/3.png) top right no-repeat;
padding-top: 6px;
height: 20px;

}
.cap-right-wide {
background: url(images/blocks/3w.png) top right no-repeat;
padding-top: 6px;
height: 26px;
}
.cap-right-wide_no {
background: url(images/blocks/cat_t_right_no.gif) top right no-repeat;
padding-top: 6px;
height: 26px;
}
b_caption, caption, caption h1, caption h2, caption h3, caption h4, caption span { 
font-size: 12px;
line-height: 1.2em;
font-weight: bold;
color: #2E5B82;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
b_caption h1, caption h1, caption h2, caption h3, caption h4, caption span, b_caption span { 
display: inline;
}
b_caption a, b_caption a:visited,
caption a, caption a:visited {
color: #2E5B82;
text-decoration: underline;
}
b_caption a:hover, caption a:hover {
color: #D11010;
text-decoration: underline;
}


/* Overloading... 
 -------------------------------------------------------------------------- */

.shouts{
width: 100%;
height:200px;
overflow:auto;
}

#chat{
width: 100%;
text-align:left;
}

#message {
width: 65%;
}

#whois_online{
vertical-align:text-top;
text-align:left;
}

.online_img {
vertical-align:middle;
}

#act_indicator {
visibility:hidden;
}

#wrapsts {
border-style: solid;
border-width: 0 0px 0px 0px;
border-color: #000;
margin: 0 auto;
}

.spacer {
background-image: url(images/spacer.gif); width:10px; height:1px;
}
.gap {
background-image: url(images/gap.gif); width:1px; height:2px;
}



/* Main message box */
#message-box {
width: 96%;

}

#message-box textarea {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
width: 100%;
font-size: 1.2em;
color: #B6B6B6;
}

/* Emoticons panel */
#smiley-box {
width: 18%;
float: right;
margin-left:5px;
text-align:center;
}

#smiley-box img {
margin: 3px;
}
.inputbox {border-color: #101010; 
border:1px solid; border-color:#000000 #333535 #333535 #000000; margin:1px;padding:1px;
}


/* Back to top of page */
.back2top {
clear: both;
height: 13px;
text-align: right;
}


.direction {
border:none; padding:0; background: #FFF url(images/scroll_arrows.gif) repeat-x; height: 16px;
}
input.search {
background-image: none;
background-repeat: no-repeat;
background-position: left 1px;
padding-left: 17px;
}

input.search {
background-image: url("./images/icon_search.gif");
background-repeat: no-repeat;
padding-left: 17px;
}
.search a:hover {
color: #FFFFFF;
text-decoration: underline; 
}


/* Icon images */
.rtl .icon_chat {
background-position: 100% 50%;
padding: 1px 17px 0 0;
}

/* Icon images */
.icon-chat {
 background-position: 0 50%;
 background-repeat: no-repeat;
 background-image: none;
 padding: 1px 0 0 17px;
}

/* Icon images */
.icon-chat {
 background-image: url("{T_THEME_PATH}/images/icon_chat.gif"); 
 }


table.box {
background-color:#080809;
border-top: solid 1px #000001;
border-left: solid 1px #000001;
border-right: solid 1px #000001;
border-bottom: solid 1px #000001;
padding:0;
}

.button2 {
color: #F0FADC;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background: #212121 url('./images/cellpic1.gif');
border: 1px solid #121212;
}
.button2:hover {
color: #81B41A;
}
.button1 {
font-weight: bold;
background: #212121 url('./images/cellpic1.gif');
border: 1px solid #121212;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.button1:hover {
color: #81B41A;
}

/* code with lines Mike */
.codecontent {
overflow: auto;
display: block;
height: auto;
max-height: 300px;
white-space: normal;

}

/*
-----------------------------------------------------*
/* fix for ie in search 10 February 2008 */
input.full{ width: 99%; }



/* Temp over-rides link for header Mike
-----------------------------------------------------*/
/*
.hmenu { margin: 1px 1px; font-size: 1.1em; }
.hmenu a:link, a:visited, a:active {text-decoration: none;}
.hmenu a:hover {text-decoration: none; color: #B2B2B2;}
a:hover { color: #B2B2B2; text-decoration: underline; }

.body {
background-color: #000000;
background-image: url('./images/background.gif');
background-repeat: repeat;
background-attachment: fixed;
}
*/
#container {width: 100%; background: #eee; margin: 0 auto; text-align: left; }

div.hr {
  height: 15px;
  background: url('./images/hr1.gif') no-repeat scroll center;
  padding-top:2px;
}
div.hr hr {
  display: none;
}

.hr_dashed {
border-top: 1px dashed #008;
color:#008000;
}

.codecontent { overflow: auto;} 

.attachcontent {
	font-size: 0.85em;
}

/*
.attachcontent > img {max-width: 600px;}
.attachwrapper {max-width: 600px;}
*/









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

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;
}

/* <a> 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 {
	margin-top: 3px;
	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%;}








/* BBCode
 ------------ */
.quotetitle, .attachtitle, .codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border: solid 1px #090909;
	color: #4F4F4F;
	background-color: #EBEBEB;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #090909;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
	background-color: #EBEBEB;
	color: #2B9B21;

}

.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #090909;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #EBEBEB;
	color: #2B9B21;
}
.attachbox
{
	clear: both;
	margin: 10px 5px;
	background:  url(images/code_header.gif) top left no-repeat;
	padding-left: 19px;
	border: solid 1px #32B626;
	width:auto;
}
.quotewrapper, .codewrapper, .attachwrapper {
	clear: both;
	margin: 10px 5px;
	background: #33B626 url(images/code_header.gif) top left no-repeat;
	padding-left: 19px;
	border: solid 1px #090909;
	max-width: 600px;
}

.quotewrapper { background-image: url(images/quote_header.gif); }

.quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle { 
	margin: 0; 
	border-width: 0 0 1px 1px;
}

.quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent {
	margin: 0; 
	border-width: 0 0 0 1px;
}
.attachcontent, html>body .postbody {
	overflow: auto;
	overflow-x: auto;
}

.syntaxbg {
	color: #FFF;
}

.syntaxcomment {
	color: #AAA;
}

.syntaxdefault {
	color: #FFF;
}

.syntaxhtml {
	color: #FFF;
}

.syntaxkeyword {
	color: #F0E40A;
}

.syntaxstring {
	color: #30B623;
}

.postbody > img { max-width: 500px; }



#dock { top: -32px; text-align:center; width: auto;}
a.dock-item { position: relative; float: left; margin-right: 10px; }
.dock-item span { display: block; }
.stack { top: 0; }
.stack ul li { position: relative; }
.dock-container { position: relative; top: -8px; height: 50px; padding-left: 20px; }
a.dock-item { display: block; width: 50px; position: absolute; bottom: 0; text-align: center; text-decoration: none; color: #333; }
.dock-item span { display: none; padding-left: 10px; }
.dock-item img { border: 0; margin: 5px 5px 0px; width: 100%; }



/**
** quick reply
**/
.qreply-icon	{ 
	float: left; display: block; width: 87px; height: 22px;
	background: url("./../../../styles/serenity/imageset/en/button_topic_qreply.gif") 0 0 no-repeat;
	margin-right: 10px;
}
.qreply-icon-no	{ 
	float: left; display: block; width: 87px; height: 22px;
	background: url("./../../../styles/serenity/imageset/en/button_topic_qreply.gif") 0 0 no-repeat;
	margin-right: 10px;
}

.qreply-icon span, .qreply-icon-no span {
	display: none; text-indent: -5000px;
}


.qreply-icon:hover, .qreply-icon-no:hover {
	background-position: 0 0;
}



/*block_forum_categories.html*/
.category_head {
text-align:center; 
margin-top: -8px; 
margin-bottom:16px; 
margin-right: 12px;
}
.smallimage_hide {
border: dotted 1px #FF0000; 
background-color:#E4DFD2; 
padding:5px; 
margin-bottom: 10px; 
margin-top: -15px;"
}

/* whos on line, birthday and basic stats */
.bsw_b_img {
float:left;
width:35px;
height:30px;
margin:10px;
margin-top:0px;
margin-bottom:0;
background: url(images/birthday.gif) top left no-repeat;
}
.bsw_s_img {
float:left;
width:35px;
height:27px;
margin:10px;
margin-top:5px;
margin-bottom:0;
background: url(images/statistics.gif) top left no-repeat;
}
.bsw_w_img {
float:left;
width:35px;
height:27px;
margin:10px;
margin-top:35px;
margin-bottom:0;
background: url(images/whosonline.gif) top left no-repeat;
}
.bsw_content { 
margin-left:50px;
padding:5px;
/*border-left: solid 5px #0480BE;*/
min-height:30px;
}