/**
*
* Original Inspiration black Theme for phpBB version 2.0x & Categories Hierarchy 2.1.6 and +
*
* file: templates/sadwings/sadwingsred.css
*
* Based on template: Inspiration black (gg_Inspiration_black)
* author: GilGraf
* copyright: (C) 2006-2007 GGWeb-FR
* created by: GGWeb-FR design
* site/forum: http://ggweb-fr.com/phpbbfre/
* begin: 2007/03/26 - 10:25:41
* version: 1.0.2 - 2007/10/24
* license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*
*/

/* Redefinitions - Compliance ------------------------------------------------*/
html {
 	background-color: #3C4047;
	margin: 0;
	padding: 0;
}

/* General page style ======================================================= */
html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}
/* ========================================================================== */

/* Elements - Configuration ================================================= */
html body form {
	margin: 0;
	padding: 0;
	border: 0;
}
html body a,
img {
	border: none;
}
html input {
	margin: 0;
}
html body br.both {
	clear: both;
}
html body hr {
	width: 100%;
	clear: both;
	border-top: #808080 1px solid;
	border-bottom: #6f6f6f 1px solid;
}
html body hr.sep {
	padding: 0;
	border-left: none;
	border-right: none;
}
html body label {
	color: #58A0C1;
	cursor: pointer;
}
html body label:hover {
	color: #808080;
}
html body table {
	border: 0;
	empty-cells: show;
}
/* ========================================================================== */

/* General font families for common tags ==================================== */
html body a:link,
a:active,
a:visited {
	color: #58A0C1;
	text-decoration: none;
}
html body a:hover {
	color: #808080;
	text-decoration: underline;
}

html body p,
td {
	font-size: 11px;
	color: #f8f8f8;
}
/* ========================================================================== */

/* background for menu base ================================== */
html body .menubase {
	background-image: url('./imagesred/css/menubase_m.jpg');
	border: 0px;
}
/* ========================================================================== */

/* Gradient background for menu bar ================================== */
html body .menuback {
	background-image: url('./imagesred/css/menu-mid.jpg');
	border: 0px;
}
/* ========================================================================== */

/* Gradient background at the top (header) ================================== */
html body .bkg-top {
	background-image: url('./imagesred/css/bg_header.jpg');
	border-left: #656565 0px solid;
	border-top: #656565 0px solid;
	border-right: #343434 0px solid;
	border-bottom: #343434 0px solid;
}
/* ========================================================================== */

/* Link bar ================================================================= */
#nav {
	list-style: none;
	width: 330px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#nav li {
	float: left;
	margin-right: 0px;
	color: #c1c6ca;
	width: 110px;
	height: 35px;
}
#nav li a {
	display: block;
	padding: 4px 0;
	background: url('./imagesred/css/link_middle.jpg') left top no-repeat;
	color: #c1c6ca;
	font-size: 11px;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	width: 110px;
	height: 35px;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active {
	background: url('./imagesred/css/link_middle.jpg') right top no-repeat;
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Panel bar ================================================================ */
#pannel-tabs {
	font-size: 11px;
	width: 100%; /*IE force*/
	line-height: normal;
}
#pannel-tabs ul {
	list-style: none;
	padding: 0 0 0 8px;
}
#pannel-tabs li {
	display: inline;
	padding: 0;
}
#pannel-tabs ul,
#pannel-tabs li {
	margin: 0;
}
#pannel-tabs a {
	background: url('./imagesred/panels/panel_tab_left.gif') no-repeat left top;
	padding: 0 0 0 6px;
	text-decoration: none;
}
#pannel-tabs a span {
	background: url('./imagesred/panels/panel_tab_right.gif') no-repeat right top;
	color: #fafafa;
	display: block;
	padding: 5px 10px 4px 4px;
}
#pannel-tabs,
#pannel-tabs a,
#pannel-tabs a span {
	float: left;
}
#pannel-tabs a,
#pannel-tabs a span {
	margin-right: 1px;
}
/* For IE Mac only \*/
#pannel-tabs a span {
	float: none;
}
/* End IE Mac only */
#pannel-tabs a:hover span {
	color: #808080;
}
#pannel-tabs a:hover {
	background-position: 0% -35px;
}
#pannel-tabs a:hover span {
	background-position: 100% -35px;
}
#pannel-tabs #tab-current a {
	background-position: 0% -70px;
}
#pannel-tabs #tab-current a span {
      	background-position: 100% -70px;
	color: #58A0C1;
}
/* ========================================================================== */

/* Panel menu =============================================================== */
#panel-menus {
	font-size: 11px;
	font-weight: normal;
	width: 155px;
	margin-bottom: -2px;
}
#panel-menus ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#panel-menus li a {
	text-decoration: none;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
}
#panel-menus li a:link,
#panel-menus li a:visited {
	background: url('./imagesred/panels/panel_menu.gif');
	color: #fafafa;
	display: block;
}
#panel-menus li a:hover {
	background: url('./imagesred/panels/panel_menu.gif') 0 -32px;
	color: #808080;
}
#panel-menus li #menu-current {
	background: url('./imagesred/panels/panel_menu.gif') 0 -64px;
	color: #58A0C1;
}
#panel-menus li a:hover,
#panel-menus li a:link,
#panel-menus li a:visited,
#panel-menus li #menu-current {
	padding: 8px 0 0 10px;
}
/* ========================================================================== */

/* Panel FAQ ================================================================ */
#panel-faq {
	font-size: 11px;
	font-weight: normal;
	width: 250px;
	margin-bottom: -2px;
}
#panel-faq ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#panel-faq li a {
	text-decoration: none;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
}
#panel-faq li a:link,
#panel-faq li a:visited {
	background: url('./imagesred/panels/panel_faq.gif');
	color: #fafafa;
	display: block;
}
#panel-faq li a:hover {
	background: url('./imagesred/panels/panel_faq.gif') 0 -32px;
	color: #808080;
}
#panel-faq li #faq-current {
	background: url('./imagesred/panels/panel_faq.gif') 0 -64px;
	color: #58A0C1;
}
#panel-faq li a:hover,
#panel-faq li a:link,
#panel-faq li a:visited,
#panel-faq li #faq-current {
	padding: 8px 0 0 10px;
}
/* ========================================================================== */

/* Navigation bar =========================================================== */
html body .nav-sep {
	font-weight: bold;
	font-size: 11px;
	color: #909090;
}
/* ========================================================================== */

/* Home infos =============================================================== */
html body .info-user {
	font-size: 11px;
	color: #e5e5e5;
}
/* ========================================================================== */

/* Header title ============================================================= */
html body .header-title {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #69C4E5;
	text-decoration: none;
	line-height: 120%;
}
html body .header-subtitle {
	font-weight: bold;
	font-size: 14px;
	color: #808080;
	text-decoration: none;
	line-height: 120%;
}
/* ========================================================================== */

/* This is the border line & background colour round the entire page ======== */
html body .bodyline {
	background-color: #000000;
	border-left: #484942 1px solid;
	border-top: #484942 1px solid;
	border-right: #3B3C36 1px solid;
	border-bottom: #3B3C36 1px solid;
}
html body .border-front	{
	background-color: #000000;
	border-left: #3B3C36 1px solid;
	border-top: #3B3C36 1px solid;
	border-right: #3B3C36 1px solid;
	border-bottom: #3B3C36 1px solid;
}
/* ========================================================================== */

/* This is the inline round the main boxes tables =========================== */
html body .box-line {
	background-color: #000000;
	border-left: #484942 1px solid;
	border-top: #484942 1px solid;
	border-right: #484942 1px solid;
	border-bottom: #484942 1px solid;
}
/* ========================================================================== */

/* Header cells - the gradient backgrounds ================================== */
html body .tht {
	width: 100%;
	height: 58px;
	border-collapse: collapse;
}
html body .thl-1 {
	background-image: url('./imagesred/css/thl_1.jpg');
	background-position: left;
	background-repeat: no-repeat;
	width: 85px;
	height: 58px;
}
html body .bord-left {
	background: url('./imagesred/css/border_left.jpg') top left repeat-y;
	width: 17px;
}
html body .bord-right {
	background: url('./imagesred/css/border_right.jpg') top right repeat-y;
	width: 17px;
}
html body .thm-1 {
	background: url('./imagesred/css/thm_1.jpg') repeat-x;
}
html body .thr-1 {
	background-image: url('./imagesred/css/thr_1.jpg');
	background-position: right;
	background-repeat: no-repeat;
	width: 85px;
	height: 58px;
}
html body .thr-1v {
	background-image: url('./imagesred/css/thr_1v.jpg');
	background-position: right;
	background-repeat: no-repeat;
	width: 85px;
	height: 58px;
}
html body .tbt {
	width: 100%;
	height: 54px;
	border-collapse: collapse;
}
html body .tbl-1 {
	background-image: url('./imagesred/css/tbl_1.jpg');
	float: left;
	background-repeat: no-repeat;
	width: 85px;
	height: 54px;
}
html body .tbm-1 {
	background: url('./imagesred/css/tbm_1.jpg') repeat-x;
	width: 100%;
}
html body .tbr-1 {
	background-image: url('./imagesred/css/tbr_1.jpg');
	float: right;
	background-repeat: no-repeat;
	width: 85px;
	height: 54px;
}

/* ========================================================== */
/* small frame for posting body menu */

html body .ftht {
	width: 100%;
	height: 34px;
	border-collapse: collapse;
}
html body .fthl-1 {
	background-image: url('./imagesred/css/fthl_1.jpg');
	background-position: left;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}
html body .fbord-left {
	background: url('./imagesred/css/fborder_left.jpg') top left repeat-y;
	width: 19px;
}
html body .fbord-right {
	background: url('./imagesred/css/fborder_right.jpg') top right repeat-y;
	width: 19px;
}
html body .fthm-1 {
	background: url('./imagesred/css/fthm_1.jpg') repeat-x;
}
html body .fthr-1 {
	background-image: url('./imagesred/css/fthr_1.jpg');
	background-position: right;
	background-repeat: no-repeat;
	width: 28px;
	height: 34px;
}
html body .ftbt {
	width: 100%;
	height: 29px;
	border-collapse: collapse;
}
html body .ftbl-1 {
	background-image: url('./imagesred/css/ftbl_1.jpg');
	float: left;
	background-repeat: no-repeat;
	width: 28px;
	height: 29px;
}
html body .ftbm-1 {
	background: url('./imagesred/css/ftbm_1.jpg') repeat-x;
	width: 100%;
}
html body .ftbr-1 {
	background-image: url('./imagesred/css/ftbr_1.jpg');
	float: right;
	background-repeat: no-repeat;
	width: 28px;
	height: 29px;
}
/* ======================================================================== */

html body .cat-basic {
	background: url('./imagesred/css/cat_basic.gif') repeat-x;
	background-color: #000000;
	color: #3b88cd;
	text-align: center;
	height: 22px;
}

html body th {
	background-image: url('./imagesred/css/bg_th.gif');
	background-color: #000000;
	font-size: 11px;
	font-weight: bold; 
	color: #e5e5e5;
	padding: 0px;
	height: 22px;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
html body th.thHead,
th.thSides,
th.thTop,
th.thLeft,
th.thRight,
th.thBottom,
th.thCornerL,
th.thCornerR {
	background-image: url('./imagesred/css/bg_th.gif');
	background-color: #000000;
	font-size: 11px;
	font-weight: bold; 
	color: #e5e5e5;
	padding: 0px;
	height: 22px;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
/* ========================================================================== */

/* Main table cell colours and backgrounds ================================== */
html body td.row1 {
	background-color: #404040;
	background-image: url('./imagesred/css/bg_row1.gif');
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
html body td.row1-over {
	background: #191919 url('./imagesred/css/bg_row_over.gif') bottom right no-repeat; 
	border-left: #343434 1px solid;
	border-top: #343434 1px solid;
	border-right: #656565 1px solid;
	border-bottom: #656565 1px solid;
}
html body td.row1-flat {
	background-color: #404040;
	background-image: url('./imagesred/css/bg_row1.gif');
}
html body td.row2 {
	background-color: #3c3c3c;
	background-image: url('./imagesred/css/bg_row2.gif');
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
html body td.row2-flat {
	background-color: #3c3c3c;
	background-image: url('./imagesred/css/bg_row2.gif');
}
html body td.row3,
td.row3Right,
td.row3right {
	background-color: #383838;
	background-image: url('./imagesred/css/bg_row3.gif');
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
html body td.row3-flat {
	background-color: #383838;
	background-image: url('./imagesred/css/bg_row3.gif');
}
html body td.row4 {
	background-color: #383838;
	background-image: url('./imagesred/css/cellpic_btn.gif');
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
}
html body td.row5-flat {
	background-color: #343434;
	background-image: url('./imagesred/css/bg_row5.gif');
}

html body td.row-legend {
	background-color: #404040;
	background-image: url('./imagesred/css/bg_row1.gif');
}
html body td.cat-legend {
	background-image: url('./imagesred/css/bg_space_row.gif');
	background-color: #000000;
	border-top: #656565 1px solid;
	border-bottom: #343434 1px solid;
	padding : 2px;
}
/* ========================================================================== */

/* ========================================================================== */
/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
html body td.rowpic {
	background-color: #222222;
	background-image: url('./imagesred/css/cellpic1.gif');
}

html body td.cat,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom {
	background-image: url('./imagesred/css/bg_cat.gif');
	background-color: #000000;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #343434 1px solid;
	border-bottom: #343434 1px solid;
	height: 22px;
	padding: 2px;
}
html body td.catHead {
	font-size: 12px;
}
html body td.cat-float {
	background-image: url('./imagesred/css/bg_cat.gif');
	background-color: #000000;
}
html body td.cat-invert {
	background-image: url('./imagesred/css/cellpic1.gif');
	background-color: #222222;
	height: 16px;
}

html body td.spaceRow {
	background-image: url('./imagesred/css/bg_space_row.gif');
	background-color: #000000;
	padding : 2px;
}
html body td.space-row-skin {
	background: url('./imagesred/css/bg_space_row_skin.gif') repeat-x;
	padding: 0px;
	height: 3px;
}
html body td.space-line {
	background-image: url('./imagesred/css/bg_space_row.gif');
	background-color: #000000;
	padding : 0px;
}
html body td.space-header-title {
	background-image: url('./imagesred/css/bg_sp_header_title.gif');
	background-color: #1C1B17;
	padding : 2px;
}
/* ========================================================================== */

/* The largest text used in the index page title and toptic title etc. ====== */
html body h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #e5e5e5;
	text-decoration: none;
	line-height: 120%;
	margin: 0;
	padding: 0;
}
html body h2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #e5e5e5;
	text-decoration: none;
	line-height: 120%;
	margin: 0;
	padding: 0;
}

html body .maintitle {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #e0e0e0;
	text-decoration: none;
	line-height: 120%;
}
html body a.maintitle:link,
a.maintitle:visited,
a.maintitle:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.maintitle:hover {
	color: #F2F2F2;
	text-decoration: underline;
}

html body .main-post {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c1c6ca;
	text-decoration: none;
	line-height: 120%;
}
html body a.main-post:link,
a.main-post:visited,
a.main-post:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.main-post:hover {
	color: #F2F2F2;
	text-decoration: underline;
}

html body .main-post2 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c1c6ca;
	text-decoration: none;
	line-height: 120%;
}
html body a.main-post2:link,
a.main-post2:visited,
a.main-post2:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.main-post2:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* General text ============================================================= */
html body .gen-px { line-height: 1px; }
html body .gen-px2 { line-height: 2px; }
html body .gen-px3 { line-height: 3px; }
html body .gen-spacer { line-height: 4px; }
html body .gen-mini { line-height: 6px; }
html body .gen-tiny { line-height: 8px; }

html body .gen { font-size: 12px; }
html body .genmed { font-size: 11px; }
html body .gensmall { font-size: 10px; }
html body .gensmall2 { font-size: 10px; }
html body .gen,
.genmed,
.gensmall {
	color: #58A0C1;
}
.gensmall2 {
	color: #58A0C1;
}

html body a.gen,
a.genmed,
a.gensmall,
a.gen:link,
a.genmed:link,
a.gensmall:link,
a.gen:visited,
a.genmed:visited,
a.gensmall:visited,
a.gen:active,
a.genmed:active,
a.gensmall:active {
	color: #c1c6ca;
	text-decoration: none;
}
a.gensmall2:link {
	color: #c1c6ca;
	text-decoration: none;
}
a.gensmall2:active {
	color: #c1c6ca;
	text-decoration: none;
}
a.gensmall2:visited {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.gen:hover,
a.genmed:hover,
a.gensmall:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
a.gensmall2:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* General text error ======================================================= */
html body .generror {
	font-size: 12px;
	font-weight: bold;
}
html body .genmederror {
	font-size: 11px;
}
html body .gensmallerror {
	font-size: 10px;
}
html body .generror,
.genmederror,
.gensmallerror {
	color: #ff0000;
}
/* ========================================================================== */

/* The register, login, search etc links at the top of the page ============= */
html body .mainmenu {
	font-size: 11px;
	color: #c1c6ca;
}
html body a.mainmenu:link,
a.mainmenu:visited,
a.mainmenu:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.mainmenu:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Forum category titles ==================================================== */
html body .thtitle {
	font-weight: bold;
	font-size: 11px;
	color: #1F3A44;
	letter-spacing: 1px;
}
html body a.thtitle:link,
a.thtitle:visited,
a.thtitle:active {
	color: #1F3A44;
	text-decoration: none;
}
html body a.thtitle:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
html body .cattitle {
	font-weight: bold;
	font-size: 11px;
	color: #e5e5e5;
	letter-spacing: 0px;
}
html body a.cattitle:link,
a.cattitle:visited,
a.cattitle:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.cattitle:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Forum title: Text and link to the forums used in: index.php ============== */
html body .forumlink {
	font-weight: bold;
	font-size: 12px;
	color: #427B91;
}
html body a.forumlink:link,
a.forumlink:visited,
a.forumlink:active {
	color: #427B91;
	text-decoration: none;
}
html body a.forumlink:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Used navigation text, (Page 1,2,3 etc) and the navigation bar ============ */
html body .nav {
	font-weight: bold;
	font-size: 11px;
	color: #c1c6ca;
}
html body a.nav:link,
a.nav:visited,
a.nav:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.nav:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* titles for the topics: could specify viewed link colour too ============== */
html body .topictitle {
	font-weight: bold;
	font-size: 11px;
	color: #c1c6ca;
}
html body a.topictitle:link,
a.topictitle:visited,
a.topictitle:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.topictitle:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Name of poster in viewmsg.php and viewtopic.php and other places ========= */
html body .name {
	font-size: 11px;
	color: #c1c6ca;
}
html body a.name:link,
a.name:visited,
a.name:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.name:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
html body .moderators {
	font-size: 10px;
	color: #1b961b;
}
html body a.moderators:link,
a.moderators:visited,
a.moderators:active {
	color: #1b961b;
	text-decoration: none;
}
html body a.moderators:hover {
	font-weight: bold;
	color: #1b961b;
	text-decoration: underline;
}
html body .pagination {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #404040;
	font-size: 10px;
	color: #c1c6cA;
	border: #272727 1px solid;
}
html body a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	background-color: #e8e8e8;
	border: #9E9265 1px solid;
	text-decoration: none;
}
html body .pagination,
a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	color: #000000;
}
html body a.pagination:hover {
	background-color: #60dd59;
	color: #000000;
	border: #000000 1px solid;
}
/* ========================================================================== */

/* Location, number of posts, post date etc ================================= */
html body .postdetails {
	font-size: 10px;
	color: #f8f8f8;
}
html body a.postdetails:link,
a.postdetails:visited,
a.postdetails:active {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.postdetails:hover {
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* The content of the posts (body of text) ================================== */
html body .postbody {
	color: #cecece;
	font-size: 12px;
	line-height: 18px;
}

html body a.postlink:link,
a.postlink:visited,
a.postlink:active,
a.postlink:hover {
	line-height: 1.5em;
	padding: 0 0 0 15px;
}
html body a.postlink:link,
a.postlink:visited,
a.postlink:active {
	background: url('./imagesred/css/post_link.gif') no-repeat 0 1px;
	color: #c1c6ca;
	text-decoration: none;
}
html body a.postlink:hover {
	background: url('./imagesred/css/post_link_over.gif') no-repeat 0 1px;
	color: #F2F2F2;
	text-decoration: underline;
}
/* ========================================================================== */

/* Code & Quote blocks ====================================================== */
html body .quote-container,
.code-container {
	background-color: #3c3c3c;
	margin: 10px 36px;
	padding: 5px;
}
html body .quote-container {
	border: 2px dashed #df8900;
}
html body .code-container {
	border: 2px dashed #5c74eb;
}

html body .quote-title,
.code-title {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	height: 20px;
	float: left;
}
html body .quote-title {
	color: #df8900;
}
html body .code-title {
	color: #5c74eb;
}

html body .quote-content,
.code-content {
	font-size: 11px;
	margin: 0;
	padding: 2px 0;
	width: 100%; /*IE force*/
	overflow: auto;
	clear: both;
}
html body .quote-content {
	color: #b5b5b5;
	line-height: 1.2em;
	border-top: 1px dotted #df8900;
}
html body .code-content {
	font-family: Courier, 'Courier New', sans-serif;
	color: #cdcdcd;
	line-height: 1.5em;
	border-top: 1px dotted #5c74eb;
}
/* ========================================================================== */

/* Copyright and bottom info ================================================ */
html body .copyright {
	font-size: 10px;
	color: #e5e5e5;
	letter-spacing: -1px;
}
html body a.copyright:link,
a.copyright:active,
a.copyright:visited {
	color: #c1c6ca;
	text-decoration: none;
}
html body a.copyright:hover {
	color: #e5e5e5;
	text-decoration: underline;
}
/* ========================================================================== */

/* Form elements ============================================================ */
html body select {
	background-color : #3C4047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #262626 1px solid;
	border-top: #262626 1px solid;
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid;
}
html body select:focus {
	background-color: #191919;
	border-left: #262626 2px solid; 
	border-top: #262626 2px solid; 
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid; 
}

html body input.checkbox {
	background-color : #3C4047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #262626 1px solid;
	border-top: #262626 1px solid;
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid;
}

html body input.radio {
	background-color : #3C4047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #262626 1px solid;
	border-top: #262626 1px solid;
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid;
}

html body input {
	text-indent: 2px;
}

html body textarea.post {
	background-color: #3C4047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #262626 1px solid;
	border-top: #262626 1px solid;
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid;
}
html body textarea:focus {
	background-color: #191919;
	border-left: #262626 2px solid; 
	border-top: #262626 2px solid; 
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid; 
}

html body input.post {
	background-color: #3C4047;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #262626 1px solid;
	border-top: #262626 1px solid;
	border-right: #5e5e5e 1px solid;
	border-bottom: #5e5e5e 1px solid;
}
html body input.post:focus {
	background-color: #191919;
	border-left: #909090 2px solid; 
	border-top: #909090 2px solid; 
	border-right: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 1px solid; 
}

/* The buttons used for bbCode styling in message post */
html body input.button {
	background-color: #000000;
	background-image: url('./imagesred/css/cellpic_btn.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	cursor: pointer;
}
html body input.button:hover {
	background-image: url('./imagesred/css/cellpic_btn_over.gif'); 
	color: #000000;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* The main submit button option */
html body input.mainoption {
	background-color: #c2c2c2;
	background-image: url('./imagesred/css/cellpic_btn.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #f8f8f8;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	cursor: pointer;
}
html body input.mainoption:hover {
	background-image: url('./imagesred/css/cellpic_btn_over.gif'); 
	background-color: #000000; 
	color: #000000;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* None-bold submit button */
html body input.liteoption {
	background-color: #c2c2c2;
	background-image: url('./imagesred/css/cellpic_btn.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #f8f8f8;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	cursor: pointer;
}
html body input.liteoption:hover {
	background-image: url('./imagesred/css/cellpic_btn_over.gif'); 
	background-color: #000000; 
	color: #000000;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* ========================================================================== */

/* Objects - Miscellaneous ================================================== */
/* This is the line in the posting page which shows the rollover help line ---*/
html body .helpline {
	background-color: #404040;
	font-size: 9px;
	color: #f8f8f8;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
}
/* ========================================================================== */

/* Elements - Text logical marking ========================================== */
html body abbr,
acronym {
	color: #e5e5e5;
	border-bottom: 1px dotted #000000;
	cursor: help;
}
html body strong {
	font-weight: bold;
	text-decoration: none;
}
/* ========================================================================== */

/* Objects - Attributs - Alignment ========================================== */
/* Texts - Attributs - Position */
html body .hleft { text-align: left; }
html body .hcenter { text-align: center; }
html body .hright { text-align: right; }
html body .hjustify { text-align: justify; }

html body .abstop { vertical-align: top; }
html body .absmiddle { vertical-align: middle; }
/* Categories Hierarchy */
html body .absbottom { vertical-align: text-bottom; }
/* -------------------- */
html body .middle { text-align: center; vertical-align: middle; }
html body .bottom { vertical-align: bottom; }

html body .float-left { float: left; text-align: left; }
html body .float-right { float: right; text-align: right; }

/* Images - Attributs - Position */
html body .hspace2 { padding-left: 2px; padding-right: 2px; }
html body .hspace5 { padding-left: 5px; padding-right: 5px; }
html body .hspace10 { padding-left: 10px; padding-right: 10px; }
html body .vspace1 { padding-top: 1px; padding-bottom: 1px; }
html body .vspace2 { padding-top: 2px; padding-bottom: 2px; }
html body .vspace4 { padding-top: 4px; padding-bottom: 4px; }
html body .vspace5 { padding-top: 5px; padding-bottom: 5px; }
html body .vspace6 { padding-top: 6px; padding-bottom: 6px; }
html body .vspace10 { padding-top: 10px; padding-bottom: 10px; }

/* Cells - Attributs - Paragraph */
html body .nowrap { white-space: nowrap; }

/* Miscellaneous */
html body .w-full { width: 100%; }
html body .h-full { height: 100%; }
html body .tab-center { margin-left: auto; margin-right: auto; }
html body .no-border { border: 0; }
html body .both { clear: both; }
html body .special-auth { width: 1px; }
/* ========================================================================== */

/* Categories Hierarchy ===================================================== */
/* TC */
html body .dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}
/* -- */
/* ATT */
html body .attachtable {
	font-size: 12px;
	font-weight: normal;
	color: #a9a9a9;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-collapse: collapse;
	width: 95%;
}
html body .attachrow {
	font-size: 11px;
	color: #a9a9a9;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	height: 21px;
}
html body td.attachcat {
	background-image: url('./imagesred/css/bg_space_row.gif');
	background-color: #000000;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	padding : 2px;
}
html body .headerbox {
	font-size: 11px;
	font-weight: bold;
	color: #c1c6ca;
	text-decoration: none;
	line-height: 120%;
}
/* --- */
/* ========================================================================== */

/* Topics attribut ========================================================== */
html body .attr_reported,
.attr_solved,
.attr_dev { font-size: 11px; }
html body .attr_reported { color: #ffa500; }
html body .attr_solved { color: #00c000; }
html body .attr_dev { color: #7e1313; }
/* ========================================================================== */