/*
//	Original Hierarchy pro Theme for phpBB version 2.0x & Categories Hierarchy 2.1.6 and +
//
//	file: templates/gg_Hierarchy_pro/gg_Hierarchy_pro.css
//
//	template: Hierarchy pro (gg_Hierarchy_pro)
//	author: GilGraf
//	copyright: (C) 2006-2007 GGWeb-FR
//	created by: GGWeb-FR design
//	site/forum: http://ggweb-fr.com/phpbbfre/
//	begin: 2006/05/15 - 16:23:36
//	version: 2.0.2 - 2007/02/13
//	license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*/
/* General page style ======================================================= */
html body 
{
 background-image: url('./images/css/bg_dark.gif');
 background-color: #E2E4EB;
 background-color: #F7F8FD;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}

/* ========================================================================== */
/* Elements - Configuration ================================================= */
html body form 
{
 margin: 0;
 padding: 0;
 border-width: 0;
}

html body a, img 
{
 border-style: none;
}

html body br.both 
{
 clear: both;
}

html body hr 
{
 height: 0px;
 background-color: #FBFBFA;
 border-color: #D8D8D8;
 border-width: 0px;
 border-style: solid;
 border-top-width: 1px;
}

html body label 
{
 cursor: pointer;
}

html body table 
{
 border-width: 0;
 empty-cells: show;
}

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

html body a:hover 
{
 text-decoration: underline;
 color: #000000;
}

html body p, td 
{
 font-size: 11px;
 color: #000000;
}

/* ========================================================================== */
/* Gradient background at the top (header) ================================== */
html body .topbkg 
{
 background-image: url('./images/css/bg_header.gif');
 border-left-width: 1px;
 border-left-color: #656565;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #656565;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #343434;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #343434;
 border-bottom-style: solid;
}

/* ========================================================================== */
/* Shadow images for tables ================================================= */
html body .shadow 
{
 border-collapse: collapse;
 height: 4px;
 width: 100%;
}

html body .shad-left 
{
 background-image: url('./images/css/sh_left.gif');
 background-repeat: no-repeat;
 width: 8px;
}

html body .shad-middle 
{
 background-image: url('./images/css/sh_middle.gif');
 background-repeat: repeat-x;
 width: 100%;
}

html body .shad-right 
{
 background-image: url('./images/css/sh_right.gif');
 background-repeat: no-repeat;
 width: 8px;
}

/* ========================================================================== */
/* Navigation bar (menu) ==================================================== */
html body .nav-bar 
{
 color: #314687;
 font-size: 10px;
 background-image: url('./images/css/cellpic_nav.gif');
 background-color: #F1F1F1;
 background-repeat: repeat-x;
 height: 21px;
 white-space: nowrap;
 border-color: #E9E9EA;
 border-width: 0px;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 0px;
 border-bottom-width: 1px;
 border-left-width: 0px;
}

html body .nav-bar a:link, a:visited, a:active 
{
 text-decoration: none;
 color: #E41827;
}

html body .nav-bar a:hover 
{
 text-decoration: underline;
 color: #000000;
}

html body .nav-sep 
{
 font-weight: bold;
 font-size: 11px;
 color: #9AB0DE;
}

/* ========================================================================== */
/* Navigation box (arbo) ==================================================== */
html body .nav-box 
{
 background-image: url('./images/css/bg_rownav.gif');
 background-color: #F5F5F5;
 background-repeat: repeat-y;
 border-left-width: 1px;
 border-left-color: #F5F5F5;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #F5F5F5;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #F5F5F5;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #EEEEEE;
 border-bottom-style: solid;
}

/* ========================================================================== */
/* Home infos =============================================================== */
html body .info-user 
{
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 letter-spacing: 1px;
 color: #F1F9FF;
}

/* ========================================================================== */
/* Header title ============================================================= */
html body .headertitle 
{
 font-weight: bold;
 font-size: 22px;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 line-height: 120%;
 color: #440D0D;
}

html body .headersubtitle 
{
 font-weight: bold;
 font-size: 12px;
 text-decoration: none;
 line-height: 120%;
 color: #440D0D;
}

/* ========================================================================== */
/* This is the border line & background colour round the entire page ======== */
html body .bodyline 
{
 background-color: #F9FAFA;
 border-left-width: 1px;
 border-left-color: #D8D8D8;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #D8D8D8;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #BABABA;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #BABABA;
 border-bottom-style: solid;
}

html body .border-front 
{
 background-color: #F9FAFA;
 border-left-width: 1px;
 border-left-color: #D8D8D8;
 border-left-style: solid;
 border-right-width: 1px;
 border-right-color: #BABABA;
 border-right-style: solid;
}

/* ========================================================================== */
/* This is the outline round the main forum tables ========================== */
html body .forumline 
{
 background-color: #FFFFFF;
 border-width: 1px;
 border-color: #F16868;
 border-style: solid;
}

/* ========================================================================== */
/* Header cells - the gradient backgrounds ================================== */
html body .tht 
{
 width: 100%;
 height: 22px;
 border-collapse: collapse;
}

html body .thl-1 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/thl_1.gif');
 background-position: left;
 background-repeat: no-repeat;
}

html body .thl-1sd 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/thl_1sd.gif');
 background-position: left;
 background-repeat: no-repeat;
}

html body .thl-2 
{
 width: 38px;
 height: 22px;
 background-image: url('./images/css/thl_2.gif');
 background-position: left;
 background-repeat: no-repeat;
}

html body .thm-1 
{
 width: 100%;
 background-image: url('./images/css/thm_1.gif');
 background-repeat: repeat-x;
 color: #F46C6C;
}

html body .thr-2 
{
 width: 38px;
 height: 22px;
 background-image: url('./images/css/thr_2.gif');
 background-position: right;
 background-repeat: no-repeat;
}

html body .thr-1 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/thr_1.gif');
 background-position: right;
 background-repeat: no-repeat;
}

html body .thr-1sd 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/thr_1sd.gif');
 background-position: right;
 background-repeat: no-repeat;
}

html body .tbt 
{
 width: 100%;
 height: 22px;
 border-collapse: collapse;
}

html body .tbl-1 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/tbl_1.gif');
 background-position: left;
 background-repeat: no-repeat;
}

html body .tbm-1 
{
 width: 100%;
 background-image: url('./images/css/tbm_1.gif');
 background-repeat: repeat-x;
 color: #D54D4D;
}

html body .tbr-1 
{
 width: 11px;
 height: 22px;
 background-image: url('./images/css/tbr_1.gif');
 background-position: right;
 background-repeat: no-repeat;
}

html body .cat-1 
{
 background-image: url('./images/css/cat.gif');
 background-repeat: repeat-x;
 background-color: #E15959;
 color: #F16868;
 text-align: center;
 height: 25px;
}

html body th 
{
 background-image: url('./images/css/cellpic3.gif');
 background-color: #F3F3F4;
 color: #A60909;
 font-size: 11px;
 font-weight: bold;
 padding: 0px;
 spacing: 0px;
 height: 25px;
}

html body th.thhead, th.thsides, th.thtop, th.thleft, th.thright, th.thbottom, th.thcornerl, th.thcornerr 
{
 font-weight: bold;
 height: 25px;
 border-left-width: 1px;
 border-left-color: #E9E9EA;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E9E9EA;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E9E9EA;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E9E9EA;
 border-bottom-style: solid;
}

/* ========================================================================== */
/* Main table cell colours and backgrounds ================================== */
html body td.row1 
{
 background-color: #FEFEFE;
 background-image: url('./images/css/bg_row1.gif');
 border-left-width: 1px;
 border-left-color: #FBFBFA;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #FBFBFA;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body td.row1-1 
{
 background-color: #FEFEFE;
 background-image: url('./images/css/bg_row1.gif');
}

html body td.row2 
{
 background-color: #F9FAFA;
 background-image: url('./images/css/bg_row2.gif');
 border-left-width: 1px;
 border-left-color: #FBFBFA;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #FBFBFA;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body td.row2-1 
{
 background-color: #F9FAFA;
 background-image: url('./images/css/bg_row2.gif');
}

html body td.row3, td.row3right, td.row3right 
{
 background-color: #FCFCFC;
 background-image: url('./images/css/bg_row3.gif');
 border-left-width: 1px;
 border-left-color: #FBFBFA;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #FBFBFA;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body td.row3-1 
{
 background-color: #FCFCFC;
 background-image: url('./images/css/bg_row3.gif');
}

html body td.row4 
{
 background-color: #EAEAEA;
 background-image: url('./images/css/cellpic_btn_over.gif');
 border-left-width: 1px;
 border-left-color: #FBFBFA;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #FBFBFA;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body td.row5-1 
{
 background-color: #F4F4F4;
 background-image: url('./images/css/bg_row5.gif');
}

html body td.row-legend 
{
 background-color: #F7F7F7;
 background-image: url('./images/css/bg_row1.gif');
}

/* ========================================================================== */
/* ========================================================================== */
/*
  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: #ECECED;
 background-image: url('./images/css/cellpic1.gif');
}

html body td.cat, td.cathead, td.catsides, td.catleft, td.catright, td.catbottom 
{
 background-image: url('./images/css/cellpic1.gif');
 background-color: #ECECED;
 height: 27px;
}

html body td.cathead 
{
 font-size: 12px;
}

html body td.cat-float 
{
 background-image: url('./images/css/bg_space_header.gif');
 background-color: #D8D8D8;
}

html body td.spacerow 
{
 background-image: url('./images/css/bg_sp_header_title.gif');
 background-color: #E6E6E6;
}

html body td.space-header-box 
{
 background-image: url('./images/css/bg_sp_header_box.gif');
 background-color: #1866B1;
}

html body td.space-header-title 
{
 background-image: url('./images/css/bg_sp_header_title.gif');
 background-color: #E6E6E6;
}

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

html body a.maintitle:link, a.maintitle:visited, a.maintitle:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.maintitle:hover 
{
 text-decoration: underline;
 color: #000000;
}

html body .main-post 
{
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 text-decoration: none;
 line-height: 120%;
 color: #E41827;
}

html body a.main-post:link, a.main-post:visited, a.main-post:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.main-post:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* General text ============================================================= */
html body .gen-px 
{
 font-size: 1px;
}

html body .gen-px2 
{
 font-size: 2px;
}

html body .gen-px3 
{
 font-size: 3px;
}

html body .gen-spacer 
{
 font-size: 4px;
}

html body .gen-mini 
{
 font-size: 6px;
}

html body .gen-tiny 
{
 font-size: 8px;
}

html body .gen 
{
 font-size: 12px;
}

html body .genmed 
{
 font-size: 11px;
}

html body .gensmall 
{
 font-size: 10px;
}

html body .gen, .genmed, .gensmall 
{
 color: #000000;
}

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 
{
 text-decoration: none;
 color: #E41827;
}

html body a.gen:hover, a.genmed:hover, a.gensmall:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* 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: #E41827;
}

html body a.mainmenu:link, a.mainmenu:visited, a.mainmenu:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.mainmenu:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Forum category titles ==================================================== */
html body .thtitle 
{
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 1px;
 color: #F1F9FF;
}

html body a.thtitle:link, a.thtitle:visited, a.thtitle:active 
{
 text-decoration: none;
 color: #F1F9FF;
}

html body a.thtitle:hover 
{
 text-decoration: underline;
 color: #CCDBE7;
}

html body .cattitle 
{
 font-weight: bold;
 font-size: 11px;
 letter-spacing: 0px;
 color: #E41827;
}

html body a.cattitle:link, a.cattitle:visited, a.cattitle:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.cattitle:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Forum title: Text and link to the forums used in: index.php ============== */
html body .forumlink 
{
 font-weight: bold;
 font-size: 12px;
 color: #E41827;
}

html body a.forumlink:link, a.forumlink:visited, a.forumlink:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.forumlink:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Used navigation text, (Page 1,2,3 etc) and the navigation bar ============ */
html body .nav 
{
 font-weight: bold;
 font-size: 11px;
 color: #E41827;
}

html body a.nav:link, a.nav:visited, a.nav:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.nav:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* titles for the topics: could specify viewed link colour too ============== */
html body .topictitle 
{
 font-weight: bold;
 font-size: 11px;
 color: #E41827;
}

html body a.topictitle:link, a.topictitle:visited, a.topictitle:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.topictitle:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Name of poster in viewmsg.php and viewtopic.php and other places ========= */
html body .name 
{
 font-size: 11px;
 color: #E41827;
}

html body a.name:link, a.name:visited, a.name:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.name:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Location, number of posts, post date etc ================================= */
html body .postdetails 
{
 font-size: 10px;
 color: #000000;
}

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

html body a.postlink:link, a.postlink:visited, a.postlink:active 
{
 text-decoration: none;
 color: #E41827;
}

html body a.postlink:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Quote & Code blocks ====================================================== */
html body .code-table 
{
 border-left-width: 1px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #CECECE;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #CECECE;
 border-bottom-style: solid;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

html body .code-corner 
{
 background-image: url('./images/css/code_header.gif');
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left;
 border-left-color: #CECECE;
 border-left-width: 0px;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-color: #CECECE;
 border-right-width: 0px;
 border-right-style: solid;
 border-bottom-color: #CECECE;
 border-bottom-width: 0px;
 border-bottom-style: solid;
}

html body .code-left 
{
 background-color: #E3DBCE;
 border-right-color: #CECECE;
 border-right-width: 0px;
 border-right-style: solid;
}

html body .code-header 
{
 background-image: url('./images/css/bg_sp_header_title.gif');
 background-color: #E6E6E6;
 border-left-color: #CECECE;
 border-left-width: 0px;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-color: #CECECE;
 border-right-width: 0px;
 border-right-style: solid;
 border-bottom-color: #CECECE;
 border-bottom-width: 0px;
 border-bottom-style: solid;
 text-align: left;
 vertical-align: middle;
}

html body .code-title 
{
 font-size: 12px;
 font-weight: bold;
 color: #5C74EB;
}

html body .code-text 
{
 font-family: Courier, 'Courier New', sans-serif;
 color: #000000;
 text-align: left;
 vertical-align: top;
 font-size: 11px;
 line-height: 125%;
 padding-top: 3px;
 padding-right: 5px;
 padding-bottom: 3px;
 padding-left: 5px;
 background-color: #F9FAFA;
}

html body .quote-table 
{
 border-left-width: 1px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #CECECE;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #CECECE;
 border-bottom-style: solid;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

html body .quote-corner 
{
 background-image: url('./images/css/quote_header.gif');
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: left;
 border-left-color: #CECECE;
 border-left-width: 0px;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-color: #CECECE;
 border-right-width: 0px;
 border-right-style: solid;
 border-bottom-color: #CECECE;
 border-bottom-width: 0px;
 border-bottom-style: solid;
}

html body .quote-header 
{
 background-image: url('./images/css/bg_sp_header_title.gif');
 background-color: #E6E6E6;
 border-left-color: #CECECE;
 border-left-width: 0px;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #347DBF;
 border-top-style: solid;
 border-right-color: #CECECE;
 border-right-width: 0px;
 border-right-style: solid;
 border-bottom-color: #CECECE;
 border-bottom-width: 0px;
 border-bottom-style: solid;
 text-align: left;
 vertical-align: middle;
}

html body .quote-title 
{
 font-size: 12px;
 font-weight: bold;
 color: #DF8900;
}

html body .quote-text 
{
 color: #444444;
 text-align: left;
 vertical-align: top;
 font-size: 11px;
 line-height: 125%;
 padding-top: 3px;
 padding-right: 5px;
 padding-bottom: 3px;
 padding-left: 5px;
 background-color: #F9FAFA;
}

/* ========================================================================== */
/* Copyright and bottom info ================================================ */
html body .copyright 
{
 font-size: 10px;
 color: #444444;
 letter-spacing: -1px;
}

html body a.copyright:link, a.copyright:active, a.copyright:visited 
{
 text-decoration: none;
 color: #E41827;
}

html body a.copyright:hover 
{
 text-decoration: underline;
 color: #000000;
}

/* ========================================================================== */
/* Form elements ============================================================ */
html body select 
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 border-left-width: 2px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #CECECE;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body input.checkbox 
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 border-left-width: 1px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #CECECE;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body input.radio 
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 border-left-width: 1px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #CECECE;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

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

html body textarea.post 
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 border-left-width: 2px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #CECECE;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

html body input.post 
{
 background-color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #000000;
 border-left-width: 2px;
 border-left-color: #CECECE;
 border-left-style: solid;
 border-top-width: 2px;
 border-top-color: #CECECE;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #E7E7E7;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #E7E7E7;
 border-bottom-style: solid;
}

/* The buttons used for bbCode styling in message post */
html body input.button 
{
 background-color: #3B88CD;
 background-image: url('./images/css/cellpic_btn.gif');
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #F1F9FF;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #A5AEC3;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #A5AEC3;
 border-bottom-style: solid;
 cursor: pointer;
}

html body input.button:hover 
{
 background-image: url('./images/css/cellpic_btn_over.gif');
 background-color: #EAEAEA;
 color: #444444;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #A5AEC3;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #A5AEC3;
 border-bottom-style: solid;
}

/* The main submit button option */
html body input.mainoption 
{
 background-color: #3B88CD;
 background-image: url('./images/css/cellpic_btn.gif');
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #F1F9FF;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #CECECE;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #CECECE;
 border-bottom-style: solid;
 cursor: pointer;
}

html body input.mainoption:hover 
{
 background-image: url('./images/css/cellpic_btn_over.gif');
 background-color: #EAEAEA;
 color: #444444;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #A5AEC3;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #A5AEC3;
 border-bottom-style: solid;
}

/* None-bold submit button */
html body input.liteoption 
{
 background-color: #3B88CD;
 background-image: url('./images/css/cellpic_btn.gif');
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 color: #F1F9FF;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #CECECE;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #CECECE;
 border-bottom-style: solid;
 cursor: pointer;
}

html body input.liteoption:hover 
{
 background-image: url('./images/css/cellpic_btn_over.gif');
 background-color: #EAEAEA;
 color: #444444;
 border-left-width: 1px;
 border-left-color: #E7E7E7;
 border-left-style: solid;
 border-top-width: 1px;
 border-top-color: #E7E7E7;
 border-top-style: solid;
 border-right-width: 1px;
 border-right-color: #A5AEC3;
 border-right-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #A5AEC3;
 border-bottom-style: solid;
}

/* ========================================================================== */
/* Objects - Miscellaneous ================================================== */
/* This is the line in the posting page which shows the rollover help line ---*/
html body .helpline 
{
 background-color: #F5F5F5;
 color: #444444;
 font-size: 9px;
 border-style: none;
}

/* ========================================================================== */
/* Elements - Text logical marking ========================================== */
html body abbr, acronym 
{
 color: #444444;
 border-bottom-color: #000000;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 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 .itop 
{
 vertical-align: text-top;
}

html body .imiddle 
{
 vertical-align: middle;
}

html body .ibottom 
{
 vertical-align: text-bottom;
}

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 .both 
{
 clear: both;
}

/* ========================================================================== */
/* Categories Hierarchy ===================================================== */
/* TC */
html body .dom_overview_abshidden 
{
 position: absolute;
 visibility: hidden;
 width: 300px;
}

/* -- */
/* ATT */
html body .attachtable 
{
 color: #A9A9A9;
 border-width: 1px;
 border-color: #E9E9EA;
 border-style: solid;
 border-collapse: collapse;
}

html body .attachrow 
{
 color: #A9A9A9;
 font-size: 11px;
 border-width: 1px;
 border-color: #E9E9EA;
 border-style: solid;
 height: 21px;
}

html body .headerbox 
{
 color: #0958A8;
 font-weight: bold;
 font-size: 11px;
 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;
}

/* ========================================================================== */