/**
*
* Original Villandry blue Theme for phpBB version 2.0x & Categories Hierarchy 2.1.6 and +
*
* file: templates/gg_Villandry_blue/gg_Villandry_blue.css
*
* template: Villandry blue (gg_Villandry_blue)
* author: GilGraf
* copyright: (C) 2006-2008 GGWeb-FR
* created by: GGWeb-FR design
* site/forum: http://ggweb-fr.com/phpbbfre/
* begin: 2008/04/10 - 16:23:36
* version: 0.0.1 - 2008/04/10
* license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*
*/

/* Redefinitions - Compliance ------------------------------------------------*/
html {
 	background-color: #dde9f3;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* General page style ======================================================= */
html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px;
	padding: 5px;
}
/* ========================================================================== */

/* Containers =============================================================== */
/* ===== begin header ===== */
html body div#container-header {
	background-image: url('./images/css/bg_header.gif');
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100px;
	margin: -10px;
}
html body #logo-left {
	float: left;
}
html body div#container-header h1 {
	color: #376ca2;
	font-size: 1.8em;
	padding: 25px 0 0 0;
}
html body div#container-header h2 {
	color: #487db3;
	font-size: 1.3em;
	padding: 10px 0 0 0;
}
html body #logo-right {
	float: right;
}
/* ===== end header ===== */
/* ===== begin menu ===== */
html body div#container-menu {
	background-image: url('./images/css/hd_m.gif');
	height: 27px;
	margin: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
html body div#content-menu {
	float: left;
	padding-left: 22px;
}
/* ----- begin quick search ----- */
html body div#content-quick-search {
	float: right;
	margin-top: 5px;
	padding-right: 22px;
}
html body .input-search {
	background-color: #ffffff;
	background-image: url('./images/button/icon_search_a.gif');
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 1px 0 1px 16px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-left: #c9d7e4 2px solid;
	border-top: #c9d7e4 2px solid;
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px solid;
}
html body .input-search:focus,
.input-search:hover {
	background-image: url('./images/button/icon_search_h.gif');
}
html body .input-search:focus {
	color: #000000;
	border-left: #a4b9ce 2px solid;
	border-top: #a4b9ce 2px solid;
	border-right: #abbfd2 1px solid;
	border-bottom: #abbfd2 1px solid;
}
/* ----- end quick search ----- */
html body div#content-button-calendar {
	float: right;
	margin-top: 6px;
	padding-right: 22px;
}
/* ===== end menu ===== */
/* ----- begin line middle ----- */
html body div#container-line-middle {
	background-image: url('./images/css/bottom.gif');
	height: 4px;
	margin: -10px;
}
/* ----- end line middle ----- */
/* ===== begin user infos ===== */
html body div#container-login-infos {
	background: #f5f6f9 url('./images/css/row.gif') top left repeat-x;
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
	height: 36px;
	margin-left: -10px;
	margin-top: 10px;
	margin-right: -10px;
	margin-bottom: -10px;
	padding: 3px;
}
html body div#container-logout-infos {
	background: #f5f6f9 url('./images/css/row.gif') top left repeat-x;
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
	height: 26px;
	margin-left: -10px;
	margin-top: 10px;
	margin-right: -10px;
	margin-bottom: -10px;
	padding: 3px;
}
/* ===== end user infos ===== */
/* ----- begin line bottom ----- */
html body div#container-line-bottom {
	background-image: url('./images/css/bottom.gif');
	height: 4px;
	margin-left: -10px;
	margin-top: 10px;
	margin-right: -10px;
	margin-bottom: -10px;
}
/* ----- end line bottom ----- */
/* ========================================================================== */

/* 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: #c8d6e4 1px solid;
	border-bottom: #f9fcff 1px solid;
}
html body hr.sep {
	padding: 0;
	border-left: none;
	border-right: none;
}
html body .line {
	color: #487db3;
}
html body label {
	color: #000000;
	cursor: pointer;
}
html body label:hover {
	color: #666666;
}
html body table {
	border: 0;
	empty-cells: show;
}
/* ========================================================================== */

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

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

/* Menus definition ========================================================= */
/* ----- begin menu bar ----- */
html body #menu-bar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
html body #menu-bar-nav li {
	float: left;
	margin: 1px;
	width: 22px;
	height: 22px;
	margin-top: 3px;
}
html body #menu-bar-nav li a {
	background: url('./images/menu/menu_bar_nav.gif') left top no-repeat;
	display: block;
	padding: 0;
	width: 22px;
	height: 22px;
}
html body #menu-bar-nav li a:hover,
#menu-bar-nav li a:focus,
#menu-bar-nav li a:active {
	background: url('./images/menu/menu_bar_nav.gif') right top no-repeat;
}
/* ----- end menu bar ----- */
/* ----- begin UCP menu ----- */
html body .ucp-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
html body .ucp-menu li {
	display: inline;
}
html body .ucp-menu li a {
	background-color: #c9d9e9;
	color: #376ca2;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	padding: 5px 0;
	margin-bottom: 1px;
	display: block;
	cursor: pointer;
}
html body .ucp-menu li a:hover {
	background-color: #88add2;
	color: #000000;
	text-decoration: none;
}
html body .ucp-menu li #menu-current {
	background-color: #487db3;
	color: #ededed;
	text-decoration: none;
	cursor: default;
	border-left: #376ca2 1px solid;
	border-top: #376ca2 1px solid;
	border-right: #376ca2 1px solid;
	border-bottom: #376ca2 1px solid;
}
/* ----- end UCP menu ----- */
/* ----- begin UCP sub-menu ----- */
html body .ucp-sub-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
html body .ucp-sub-menu li {
	display: inline;
}
html body .ucp-sub-menu li a {
	background-color: #e4ecf3;
	color: #376ca2;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	padding: 5px 0;
	margin-bottom: 1px;
	display: block;
	cursor: pointer;
}
html body .ucp-sub-menu li a:hover {
	background-color: #d6e3f1;
	color: #000000;
	text-decoration: none;
}
html body .ucp-sub-menu li.sub-menu-current a {
	background-color: #d6e3f1;
	color: #000000;
	text-decoration: none;
	cursor: default;
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
/* ----- end UCP sub-menu ----- */
/* ----- begin posting menu ----- */
html body #menu-posting ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
html body #menu-posting li {
	display: inline;
}
html body #menu-posting a span {
	background-color: #c9d9e9;
	color: #376ca2;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	padding: 5px 0;
	margin-bottom: 1px;
	display: block;
	cursor: pointer;
}
html body #menu-posting a:hover span {
	background-color: #88add2;
	color: #000000;
}
html body #menu-posting li.menu-current a span,
#menu-posting li.menu-current a:hover span {
	background-color: #487db3;
	color: #ededed;
	cursor: default;
	border-left: #376ca2 1px solid;
	border-top: #376ca2 1px solid;
	border-right: #376ca2 1px solid;
	border-bottom: #376ca2 1px solid;
}
/* ----- end posting menu ----- */
/* ----- begin FAQ menu ----- */
html body #menu-faq a {
	background-color: #c9d9e9;
	color: #376ca2;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	text-indent: 5px;
	padding: 5px 0;
	margin-bottom: 1px;
	display: block;
	cursor: pointer;
}
html body #menu-faq a:hover {
	background-color: #88add2;
	color: #000000;
}
html body #menu-faq .menu-current a,
#menu-faq .menu-current a:hover {
	background-color: #487db3;
	color: #ededed;
	cursor: default;
	border-left: #376ca2 1px solid;
	border-top: #376ca2 1px solid;
	border-right: #376ca2 1px solid;
	border-bottom: #376ca2 1px solid;
}
/* ----- end FAQ menu ----- */
/* ========================================================================== */

/* ===== begin posting buttons ===== */
html body #posting-bar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
html body #posting-bar-nav li {
	float: left;
	margin: 1px;
	width: 22px;
	height: 22px;
	margin-top: 3px;
}
html body #posting-bar-nav li a {
	background: url('./images/menu/menu_bar_nav.gif') left top no-repeat;
	display: block;
	padding: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
}
html body #posting-bar-nav li a:hover,
#menu-bar-nav li a:focus,
#menu-bar-nav li a:active {
	background: url('./images/menu/menu_bar_nav.gif') right top no-repeat;
}
/* ===== end posting buttons ===== */

/* Buttons definition ======================================================= */
/* ----- begin BL 82x25 ----- */
html body .blarge {
	background: url('./images/button/bl_topic_nav_a.gif');
	margin: 0;
	padding: 0;
	width: 82px;
	height: 25px;
}
html body .blarge:hover {
	background: url('./images/button/bl_topic_nav_h.gif');
}
/* ----- end BL 82x25 ----- */
/* ----- begin BS 18x18 ----- */
html body .bsmall {
	background: url('./images/button/bs_small_nav_a.gif');
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
}
html body .bsmall:hover {
	background: url('./images/button/bs_small_nav_h.gif');
}
/* ----- end BS 18x18 ----- */
/* ----- begin BM 74x18 ----- */
html body .bmedium {
	background: url('./images/button/bm_med_nav_a.gif');
	margin: 0;
	padding: 0;
	width: 74px;
	height: 18px;
}
html body .bmedium:hover {
	background: url('./images/button/bm_med_nav_h.gif');
}
/* ----- end BM 74x18 ----- */
/* ----- begin FT 37x16 (toggle) ----- */
html body .btoggle {
	background: url('./images/button/ft_toggle_nav_a.gif');
	margin: 0;
	padding: 0;
	width: 37px;
	height: 16px;
}
html body .btoggle:hover {
	background: url('./images/button/ft_toggle_nav_h.gif');
}
/* ----- end FT 37x16 (toggle) ----- */
/* ========================================================================== */

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

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

/* Inline round main boxes tables =========================================== */
html body .box-line-nb,
.box-line,
.box-line-lr,
.box-line-lrt,
.box-line-lrb,
.box-line-l,
.box-line-tb {
	background-color: #f5f9fc;
}
html body .box-line {
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .box-line-lr {
	border-left: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
}
html body .box-line-lrt {
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
}
html body .box-line-lrb {
	border-left: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .box-line-l {
	border-left: #a4b9ce 1px solid;
}
html body .box-line-tb {
	border-top: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}

html body .bodyline {
	background-color: #f5f9fc;
	border-left: #c8d6e4 1px solid;
	border-top: #c8d6e4 1px solid;
	border-right: #8cb0d5 1px solid;
	border-bottom: #8cb0d5 1px solid;
}
html body .forumline {
	background-color: #f5f9fc;
	border-left: #8cb0d5 1px solid;
	border-top: #8cb0d5 1px solid;
	border-right: #8cb0d5 1px solid;
	border-bottom: #8cb0d5 1px solid;
}
html body .box-ptr-min {
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
/* ========================================================================== */

/* Inline round calendar (TC) boxes tables ================================== */
html body .overview-line {
	background-color: #f5f9fc;
	border-left: #376ca2 1px solid;
	border-top: #376ca2 1px solid;
	border-right: #376ca2 1px solid;
	border-bottom: #376ca2 1px solid;
}
html body .day-line {
	background-color: #e3ebf2;
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 2px solid;
	border-bottom: #a4b9ce 2px solid;
}
html body td.cat-overview {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	border-bottom: #a4b9ce 1px solid;
	height: 22px;
	padding: 2px;
}
/* ========================================================================== */

/* Header skin cells ======================================================== */
html body .tht {
	width: 100%;
	height: 27px;
	border-collapse: collapse;
}
html body .thl-1 {
	background-image: url('./images/css/hd_l.gif');
	background-position: left;
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
}
html body .thl-1-sd {
	background-image: url('./images/css/hd_l.gif');
	background-position: left;
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
}
html body .thm-1 {
	background: url('./images/css/hd_m.gif') repeat-x;
}
html body .thr-1 {
	background-image: url('./images/css/hd_r.gif');
	background-position: right;
	background-repeat: no-repeat;
	width: 30px;
	height: 27px;
}
html body .tbm-1 {
	background: url('./images/css/bottom.gif') repeat-x;
	width: 100%;
	height: 4px;
}
/* ========================================================================== */

/* Header cells - the gradient backgrounds ================================== */
html body th,
th.thHead,
th.thSides,
th.thTop,
th.thLeft,
th.thRight,
th.thBottom,
th.thCornerL,
th.thCornerR {
	background-color: #3b70a6;
	background-image: url('./images/css/th.gif');
	font-size: 11px;
	font-weight: bold; 
	color: #ededed;
	padding: 0px;
	height: 26px;
	border-left: #5287bd 1px solid;
	border-top: #376ca2 1px solid;
	border-right: #376ca2 1px solid;
	border-bottom: #376ca2 1px solid;
}

html body td.cat-nb,
td.cat,
td.cat-b,
td.cat-ltb,
td.cat-ltb-1,
td.cat-rtb,
td.cat-tb,
td.cat-lrb,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	height: 22px;
	padding: 2px;
}
html body td.cat,
td.catHead,
td.catSides,
td.catLeft,
td.catRight,
td.catBottom {
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.catHead {
	font-size: 12px;
}
html body td.cat-b {
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-ltb {
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-ltb-1 {
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-rtb {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-tb {
	border-top: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-lrb {
	border-left: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}

html body .cat-basic-nb,
.cat-basic,
.cat-basic-l,
.cat-basic-r,
.cat-basic-lrb,
.cat-basic-lt,
.cat-basic-rt,
.cat-basic-t,
.cat-basic-b {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	font-size: 12px;
	font-weight: bold; 
	color: #000000;
	text-align: center;
	height: 22px;
}
html body .cat-basic {
	border-left: #f9fcff 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-l {
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-r {
	border-left: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-lrb {
	border-left: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-lt {
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-rt {
	border-left: #f9fcff 1px solid;
	border-top: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body .cat-basic-t {
	border-top: #a4b9ce 1px solid;
}
html body .cat-basic-b {
	border-bottom: #a4b9ce 1px solid;
}

html body td.cat-float,
td.cat-float-left,
td.cat-float-right {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
}
html body td.cat-float-left {
	border-right: #a4b9ce 1px solid;
}
html body td.cat-float-right {
	border-left: #f9fcff 1px solid;
}

html body td.cat-invert,
td.cat-invert-lrb,
td.cat-invert-b {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	height: 16px;
}
html body td.cat-invert-lrb {
	border-left: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.cat-invert-b {
	border-bottom: #a4b9ce 1px solid;
}
/* ========================================================================== */

/* Main table cell colours and backgrounds ================================== */
html body td.row1-nb,
td.row1,
td.row1-left,
td.row1-lt,
td.row1-ltr,
td.row1-right,
td.row1-rt,
td.row1-rb,
td.row1-t,
td.row1-b,
td.row1-trb,
td.row1-tb {
	background: #f5f6f9 url('./images/css/row.gif') top left repeat-x;
}
html body td.row1 {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-left {
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-lt {
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
}
html body td.row1-ltr {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
}
html body td.row1-right {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-rt {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
}
html body td.row1-rb {
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-t {
	border-top: #f9fcff 1px solid;
}
html body td.row1-b {
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-trb {
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-tb {
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-bkg-r {
	background-color: #f5f6f9;
	border-left: #f9fcff 1px solid;
}

html body td.row1-mo,
td.row1-left-mo,
td.row1-tb-mo {
	background: #f5f6f9 url('./images/css/row.gif') top left repeat-x;
}
html body td.row1-mo {
	border-left: #f9fcff 1px solid;
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-left-mo {
	border-top: #f9fcff 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-tb-mo {
	border-top: #f9fcff 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-mo:hover,
td.row1-left-mo:hover,
td.row1-tb-mo:hover {
	background: #dde7f0 url('./images/css/bg_row_hover.gif') bottom right no-repeat; 
}

html body td.row-flat,
td.row-flat-b,
td.row5-flat {
	background-color: #f1f3f7;
	background-image: url('./images/css/row_flat.gif');
}
html body td.row-flat-b {
	border-bottom: #a4b9ce 1px solid;
}
html body td.row1-flat {
	background-color: #f5f9fc;
	background-image: url('./images/css/row1_flat.gif');
}
html body td.row2-flat {
	background-color: #fcfdfd;
	background-image: url('./images/css/row2_flat.gif');
}
html body td.row3-flat {
	background-color: #f9fbfc;
	background-image: url('./images/css/row3_flat.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.spaceRow {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	padding: 0px;
	height: 3px;
}
html body td.progress-bar {
	background-color: #3b70a6;
	background-image: url('./images/css/progress_bar.gif');
	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: #444444;
	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: #444444;
	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: #376ca2;
	text-decoration: none;
	line-height: 120%;
}
html body a.maintitle:link,
a.maintitle:visited,
a.maintitle:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.maintitle:hover {
	color: #000000;
	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 .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 {
	color: #376ca2;
	text-decoration: none;
}
html body a.gen:hover,
a.genmed:hover,
a.gensmall:hover {
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

/* General text legend ====================================================== */
html body .gen-leg {
	font-size: 11px;
	font-weight: bold;
	color: #444444;
}
html body .gen-exp {
	font-size: 10px;
	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: #376ca2;
}
html body a.mainmenu:link,
a.mainmenu:visited,
a.mainmenu:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.mainmenu:hover {
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

/* Forum category titles ==================================================== */
html body .thtitle {
	font-weight: bold;
	font-size: 12px;
	color: #376ca2;
	letter-spacing: 1px;
}
html body a.thtitle:link,
a.thtitle:visited,
a.thtitle:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.thtitle:hover {
	color: #000000;
	text-decoration: underline;
}
html body .cattitle {
	font-weight: bold;
	font-size: 11px;
	color: #376ca2;
	letter-spacing: 0px;
}
html body a.cattitle:link,
a.cattitle:visited,
a.cattitle:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.cattitle:hover {
	color: #000000;
	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: #376ca2;
}
html body a.forumlink:link,
a.forumlink:visited,
a.forumlink:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.forumlink:hover {
	color: #000000;
	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: #376ca2;
}
html body a.nav:link,
a.nav:visited,
a.nav:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.nav:hover {
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

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

/* Name of poster in viewmsg.php and viewtopic.php and other places ========= */
html body .name {
	font-size: 11px;
	color: #376ca2;
}
html body a.name:link,
a.name:visited,
a.name:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.name:hover {
	color: #000000;
	text-decoration: underline;
}
html body .moderators {
	font-size: 10px;
	color: #006600;
}
html body a.moderators:link,
a.moderators:visited,
a.moderators:active {
	color: #006600;
	text-decoration: none;
}
html body a.moderators:hover {
	font-weight: bold;
	color: #006600;
	text-decoration: underline;
}
html body .pagination {
	background-color: #41c33a;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10px;
	border: #868686 1px solid;
}
html body a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	background-color: #f9f9f9;
	border: #444444 1px solid;
	text-decoration: none;
}
html body .pagination,
a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	color: #626262;
}
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: #000000;
}
html body a.postdetails:link,
a.postdetails:visited,
a.postdetails:active {
	color: #376ca2;
	text-decoration: none;
}
html body a.postdetails:hover {
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

/* 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,
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('./images/css/post_link.gif') no-repeat 0 1px;
	color: #376ca2;
	text-decoration: none;
}
html body a.postlink:hover {
	background: url('./images/css/post_link_over.gif') no-repeat 0 1px;
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

/* Code & Quote blocks ====================================================== */
html body .quote-container,
.code-container {
	background-color: #feffff;
	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: #444444;
	line-height: 1.2em;
	border-top: 1px dotted #df8900;
}
html body .code-content {
	font-family: Courier, 'Courier New', sans-serif;
	color: #000000;
	line-height: 1.5em;
	border-top: 1px dotted #5c74eb;
}
/* ========================================================================== */

/* 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 {
	color: #376ca2;
	text-decoration: none;
}
html body a.copyright:hover {
	color: #000000;
	text-decoration: underline;
}
/* ========================================================================== */

/* Form elements ============================================================ */
html body select {
	background-color : #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #c9d7e4 2px solid; 
	border-top: #c9d7e4 2px solid; 
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px solid; 
}
html body select:focus {
	border-left: #a4b9ce 2px solid; 
	border-top: #a4b9ce 2px solid; 
	border-right: #abbfd2 1px solid;
	border-bottom: #abbfd2 1px 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: #c9d7e4 1px solid; 
	border-top: #c9d7e4 1px solid; 
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px 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: #c9d7e4 1px solid; 
	border-top: #c9d7e4 1px solid; 
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px 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: #c9d7e4 2px solid; 
	border-top: #c9d7e4 2px solid; 
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px solid; 
}
html body textarea:focus {
	border-left: #a4b9ce 2px solid; 
	border-top: #a4b9ce 2px solid; 
	border-right: #abbfd2 1px solid;
	border-bottom: #abbfd2 1px 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: #c9d7e4 2px solid; 
	border-top: #c9d7e4 2px solid; 
	border-right: #d1dee9 1px solid;
	border-bottom: #d1dee9 1px solid; 
}
html body input.post:focus {
	border-left: #a4b9ce 2px solid; 
	border-top: #a4b9ce 2px solid; 
	border-right: #abbfd2 1px solid;
	border-bottom: #abbfd2 1px solid; 
}

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

/* Objects - Miscellaneous ================================================== */
/* This is the line in the posting page which shows the rollover help line ---*/
html body .helpline {
	background-color: #f5f9fc;
	background-image: url('./images/css/row1_flat.gif');
	font-size: 9px;
	color: #444444;
	border-left: #a4b9ce 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #a4b9ce 1px solid;
}
/* ========================================================================== */

/* Elements - Text logical marking ========================================== */
html body abbr,
acronym {
	color: #444444;
	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; }

/* 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 .table-attach {
	font-size: 12px;
	font-weight: normal;
	color: #a9a9a9;
	border-left: #c9d7e4 1px solid;
	border-top: #c9d7e4 1px solid;
	border-right: #a4b9ce 1px solid;
	border-bottom: #c9d7e4 1px solid;
	border-collapse: collapse;
	width: 95%;
}
html body td.cat-attach {
	background-color: #e9eff5;
	background-image: url('./images/css/cat.gif');
	padding: 0px;
	height: 18px;
	font-size: 11px;
	font-weight: bold;
	color: #376ca2;
	text-align: center;
	text-decoration: none;
	line-height: 120%;
}
html body .row-attach {
	font-size: 11px;
	color: #a9a9a9;
	border-left: #c9d7e4 1px solid;
	border-top: #a4b9ce 1px solid;
	border-right: #c9d7e4 1px solid;
	border-bottom: #c9d7e4 1px solid;
	height: 21px;
}
/* --- */
/* ========================================================================== */

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