﻿/*
	Original chBB (ptifo 3) Theme for Categories Hierarchy 2.1.6h and +

	file: templates/gg_chbbdev/gg_chbbdev.css

	template: chBB (ptifo 3) style
	version: 0.0.1 - 2008/07/10
	author: GilGraf
	copyright: (C) 2005-2008 GGWeb-FR
	created by: GGWeb-FR design
	begin: 2008/07/10 - 18:27:24
	license: http://opensource.org/licenses/gpl-license.php GNU General Public License (GPL)
*/

html {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background-color: #a9c7d9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ===== begin header ===== */

div#container-header {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 120px;
}
html body .rad-border {
	border-radius: 9px;
}
#logo-left {
	float: left;
	color: #000000;
}

div#content-header {
	background-image: url('./images/css/css_content_header.gif');
	height: 120px;
}

div#container-header h1 {
	color: #000000;
	font-size: 1.8em;
	padding: 25px 0 0 0;
	text-align: center;
}

div#container-header h2 {
	color: #444444;
	font-size: 1.3em;
	padding: 10px 0 0 0;
	text-align: center;
}

#logo-right {
	float: right;
	color: #000000;
}

div#container-footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 32px;
}

div#footer-left {
	background-image: url('./images/css/css_footer_left.gif');
	width: 15px;
	height: 32px;
	float: left;
}

div#content-footer {
	background-image: url('./images/css/css_content_footer.gif');
	height: 32px;
}

div#footer-right {
	background-image: url('./images/css/css_footer_right.gif');
	width: 15px;
	height: 32px;
	float: right;
}

/* ===== end header ===== */

/* ===== begin menu ===== */

div#container-menu {
	height: 27px;
	margin-top: -24px;
	margin-right: 150px;
	margin-bottom: 0px;
	margin-left: 150px;
	position: relative;
	z-index: 10;
}

div#menu-left {
	background-image: url('./images/css/css_menu_left.gif');
	width: 3px;
	height: 27px;
	float: left;
}

div#content-menu {
	background-image: url('./images/css/css_content_menu.gif');
	height: 27px;
}

div#menu-right {
	background-image: url('./images/css/css_menu_right.gif');
	width: 3px;
	height: 27px;
	float: right;
}

div#content-msgpm {
	float: right;
	margin-top: -23px;
	padding-right: 8px;
}

/* ----- begin menu bar ----- */

.menu-bar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu-bar-nav li {
	float: left;
	width: 24px;
	height: 22px;
	margin-top: 1px;
}

.menu-bar-nav li a {
	background: url('./images/css/css_menu_bar_nav.gif') left top no-repeat;
	color: #000000;
	display: block;
	padding: 0;
	width: 24px;
	height: 22px;
}

.menu-bar-nav li a:hover,
.menu-bar-nav li a:focus,
.menu-bar-nav li a:active {
	background: url('./images/css/css_menu_bar_nav.gif') right top no-repeat;
}

/* ----- end menu bar ----- */

/* ===== end menu ===== */

.container-line {
	background-color: #ffffff;
}

.bodyline {
	background-color: #ffffff;
	border: 1px #444444 solid;
}

.forumline {
	background-color: #e3e3e3;
	border: 1px #448acf solid;
}

.boxline-error {
	background-color: #e3e3e3;
	border: 2px #cb0000 solid;
}

.helpline {
	border-style: none;
}

hr {
	height: 0px;
	border: solid #d6d6d6 0px;
	border-bottom-width: 1px;
}
td.row11,
td.row11-right {
	background-color: transparent;
	padding: 8px;
}
td.row1,
td.row1-right {
	background-color: #fafafa;
}

td.row1-right {
	border-right: #e3e3e3 1px solid;
}

td.row2,
td.row2-right,
.helpline {
	background-color: #f6f6f6;
}

td.row2-right {
	border-right: #e3e3e3 1px solid;
}

td.row3,
td.row3Right {
	background-color: #f2f2f2;
}

td.row-error {
	background: #ecd5d8;
}

td.row-warning {
	background: #ece5d5;
}

td.row-infos {
	background: #d6ecd5;
}

td.row-question {
	background: #ecd5eb;
}

td.row2-input {
	background-color: #f6f6f6;
	padding-left: 7px;
}

td.row2-input-file {
	background-color: #f6f6f6;
	padding-left: 6px;
}

/* Header skin cells ======================================================== */

.cat-head {
	width: 100%;
	height: 28px;
	border-collapse: collapse;
}

.cat-head-left {
	background-image: url('./images/css/css_cat_head_left.gif');
	background-position: left;
	background-repeat: no-repeat;
	width: 10px;
	height: 28px;
}

.cat-head-middle {
	background: url('./images/css/css_cat_head_middle.gif') repeat-x;
	height: 28px;
}

.cat-head-right {
	background-image: url('./images/css/css_cat_head_right.gif');
	background-position: right;
	background-repeat: no-repeat;
	width: 10px;
	height: 28px;
}

html body .bord-left {
	background: url('./images/css/border_left.gif') top left repeat-y;
	width: 10px;
}
html body .bord-right {
	background: url('./images/css/border_right.gif') top right repeat-y;
	width: 10px;
}
html body .tbt {
	width: 100%;
	height: 28px;
	border-collapse: collapse;
}
html body .tbl-1 {
	background-image: url('./images/css/tbl_1.gif');
	float: left;
	width: 10px;
	height: 28px;
}
html body .tbm-1 {
	background: url('./images/css/tbm_1.gif') repeat-x;
	width: 100%;
}
html body .tbr-1 {
	background-image: url('./images/css/tbr_1.gif');
	float: right;
	width: 10px;
	height: 28px;
}

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

td.cat,
td.catHead,
td.catLeft,
td.catSides,
td.catRight,
td.catBottom,
td.catBottom-vt {
	background-color: #c8deea;
	background-image: url('./images/css/css_cat.gif');
	height: 28px;
}

td.catlight,
td.catlight-vt {
	background-color: #d7dcdf;
	background-image: url('./images/css/css_cat_light.gif');
	height: 28px;
}

td.catmini {
	background-color: #d4d9dc;
	background-image: url('./images/css/css_cat_mini.gif');
	height: 20px;
}

td.catlarge {
	background-color: #bdd6e5;
	background-image: url('./images/css/css_cat_large.gif');
}

td.cat-topic-type {
	background-color: #d1d6d9;
	background-image: url('./images/css/css_cat_topic_type.gif');
	height: 20px;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

td.cat-title {
	background-color: #c1d9e8;
	background-image: url('./images/css/css_cat_title.gif');
	height: 28px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

td.cat-subtitle {
	background-color: #d6dbde;
	background-image: url('./images/css/css_cat_subtitle.gif');
	height: 22px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

td.spaceRow,
td.spaceRow-vt {
	background-color: #ced3d6;
	background-image: url('./images/css/css_cat_tiny.gif');
	height: 10px;
}

td.progress-bar {
	background-color: #d1d6d9;
	background-image: url('./images/css/css_cat_topic_type.gif');
	border-top: #448acf 1px solid;
	border-bottom: #448acf 1px solid;
	height: 10px;
}

th {
	background-color: #85b1d9;
	background-image: url('./images/css/css_header.gif');
	height: 28px;
}

th,
td {
	border: solid #ffffff 0px;
}

th.thHead,
td.catHead {
	border-width: 0px 0px 0px 0px;
}

th.thSides,
td.catSides,
td.spaceRow,
td.catmini {
	border-width: 0px 0px 0px 0px;
}

th.thRight,
td.catRight,
td.row3Right {
	border-width: 0px 0px 0px 0px;
}

th.thLeft,
td.catLeft {
	border-width: 0px 0px 0px 0px;
}

th.thBottom,
td.catBottom {
	border-width: 0px 0px 0px 0px;
}

th.thTop {
	border-width: 0px 0px 0px 0px;
}

th.thCornerL {
	border-width: 0px 0px 0px 0px;
}

th.thCornerL-vt {
	border-width: 0px 1px 0px 0px;
}

th.thCornerR {
	border-width: 0px 0px 0px 0px;
}

th.thCornerR-vt {
	border-width: 0px 0px 0px 0px;
}

th.thSplitL {
	border-width: 0px 0px 0px 0px;
}

th.thSplitR {
	border-width: 0px 0px 0px 0px;
}

/* font */

th {
	font-size: 11px;
	font-weight: bold;
	color: #1b4685;
}

td.th-subtitle,
td.th-subtitleL-vt {
	background-color: #d4d9dc;
	background-image: url('./images/css/css_cat_mini.gif');
	height: 20px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

td.th-subtitleL-vt {
	border-right: 1px #e3e3e3 solid;
}

td.th-subtitle-cb,
td.th-subtitleL-cb-vt {
	background-color: #ced3d6;
	background-image: url('./images/css/css_cat_mini_cb.gif');
	height: 26px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

td.th-subtitleL-cb-vt {
	border-right: 1px #e3e3e3 solid;
}

p,
td,
td.cat,
td.catHead,
td.catLeft,
td.catSides,
td.catRight,
td.catBottom {
	font-size: 11px;
}

.gen {
	font-size: 12px;
}

.genmed {
	font-size: 11px;
}

.gensmall {
	font-size: 10px;
}

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

a.gen,
a.genmed,
a.gensmall {
	color: #224e8f;
	text-decoration: none;
}

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

.gen-leg {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.gen-exp {
	color: #000000;
	font-size: 10px;
}

.generror {
	font-size: 12px;
}

.genmederror {
	font-size: 11px;
}

.gensmallerror {
	font-size: 10px;
}

.generror,
.genmederror,
.gensmallerror {
	color: #cb153d;
	font-weight: bold;
}

.mainmenu {
	font-size: 11px;
	color: #000000;
}

a.mainmenu {
	text-decoration: none;
	color: #224e8f;
}

a.mainmenu:hover {
	text-decoration: underline;
	color: #cb0000;
}

.cattitle {
	font-weight: bold;
	font-size: 12px;
	color: #224e8f;
	display: inline-block;
}

a.cattitle {
	text-decoration: none;
	color: #224e8f;
}

a.cattitle:hover {
	text-decoration: underline;
	color: #cb0000;
}

.forumlink {
	font-weight: bold;
	font-size: 12px;
	color: #224e8f;
}

a.forumlink {
	text-decoration: none;
	color: #224e8f;
}

a.forumlink:hover {
	text-decoration: underline;
	color: #cb0000;
}

.nav {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a.nav {
	text-decoration: none;
	color: #224e8f;
}

a.nav:hover {
	text-decoration: underline;
	color: #cb0000;
}

.topictitle {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a.topictitle:link {
	text-decoration: none;
	color: #224e8f;
}

a.topictitle:visited {
	text-decoration: none;
	color: #5493b4;
}

a.topictitle:hover {
	text-decoration: underline;
	color: #cb0000;
}

.name {
	font-size: 11px;
	color: #000000;
}

.newpm {
	font-weight: bold;
	font-size: 11px;
	color: #cb0000;
}

.nonewpm {
	font-size: 11px;
	color: #000000;
}

.postdetails {
	font-size: 10px;
	color: #000000;
}

.postbody {
	font-size: 12px;
}

a.postlink:link {
	text-decoration: none;
	color: #224e8f;
}

a.postlink:visited {
	text-decoration: none;
	color: #5493b4;
}

a.postlink:hover {
	text-decoration: underline;
	color: #cb0000;
}

.quote-container,
.code-container {
	background-color: #fcfcfc;
	font-size: 11px;
	margin: 10px 36px;
	padding: 5px;
	border: 1px solid #d1d7dc;
}

.quote-title,
.code-title {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	height: 20px;
	float: left;
}

.quote-content,
.code-content {
	font-size: 11px;
	margin: 0;
	padding: 2px 0;
	width: 100%;


/*IE force*/
	overflow: auto;
	clear: both;
}

.quote-content {
	color: #444444;
	line-height: 1.2em;
	border-top: 1px dotted #d1d7dc;
}

.code-content {
	font-family: Courier, 'Courier New', sans-serif;
	color: #006600;
	line-height: 1.5em;
	border-top: 1px dotted #d1d7dc;
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444444;
	letter-spacing: -1px;
}

a.copyright {
	color: #444444;
	text-decoration: none;
}

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

.search-result {
	float: right;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 2px;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #cb0000;
}

.pagination {
	background-color: #8697bb;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10px;
	border: #000000 1px solid;
}

a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	background-color: #f9f9f9;
	border: #000000 1px solid;
	text-decoration: none;
}

.pagination,
a.pagination,
a.pagination:link,
a.pagination:visited,
a.pagination:active {
	color: #000000;
}

a.pagination:hover {
	background-color: #3670bd;
	color: #ffffff;
	border: #000000 1px solid;
}

/* Form elements ============================================================ */

select {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #e3e3e3 2px solid;
	border-top: #e3e3e3 2px solid;
	border-right: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;
}

select:focus {
	border-left: #909090 2px solid;
	border-top: #909090 2px solid;
	border-right: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 1px solid;
}

input.checkbox {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	border-right: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;
}

input.radio {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #e3e3e3 1px solid;
	border-top: #e3e3e3 1px solid;
	border-right: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;
}

input {
	text-indent: 2px;
}

textarea.post {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #e3e3e3 2px solid;
	border-top: #e3e3e3 2px solid;
	border-right: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;
}

textarea:focus {
	border-left: #909090 2px solid;
	border-top: #909090 2px solid;
	border-right: #b6b6b6 1px solid;
	border-bottom: #b6b6b6 1px solid;
}

input.post {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #e3e3e3 2px solid;
	border-top: #e3e3e3 2px solid;
	border-right: #e7e7e7 1px solid;
	border-bottom: #e7e7e7 1px solid;
}

input.post:focus {
	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 */

input.button {
	background-color: #bababa;
	background-image: url('./images/css/cellpic_light.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #656565 1px solid;
	border-bottom: #656565 1px solid;
	cursor: pointer;
}

input.button:hover {
	background-color: #e2e2e2;
	background-image: url('./images/css/cellpic_dark.gif');
	color: #000000;
	border-left: #cb0000 1px solid;
	border-top: #cb0000 1px solid;
	border-right: #cb0000 1px solid;
	border-bottom: #cb0000 1px solid;
}

/* The main submit button option */

input.mainoption {
	background-color: #c2c2c2;
	background-image: url('./images/css/cellpic_light.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #656565 1px solid;
	border-bottom: #656565 1px solid;
	cursor: pointer;
}

input.mainoption:hover {
	background-color: #e2e2e2;
	background-image: url('./images/css/cellpic_dark.gif');
	color: #000000;
	border-left: #cb0000 1px solid;
	border-top: #cb0000 1px solid;
	border-right: #cb0000 1px solid;
	border-bottom: #cb0000 1px solid;
}

/* None-bold submit button */

input.liteoption {
	background-color: #c2c2c2;
	background-image: url('./images/css/cellpic_light.gif');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	border-left: #656565 1px solid;
	border-top: #656565 1px solid;
	border-right: #656565 1px solid;
	border-bottom: #656565 1px solid;
	cursor: pointer;
}

input.liteoption:hover {
	background-color: #e2e2e2;
	background-image: url('./images/css/cellpic_dark.gif');
	color: #000000;
	border-left: #cb0000 1px solid;
	border-top: #cb0000 1px solid;
	border-right: #cb0000 1px solid;
	border-bottom: #cb0000 1px solid;
}

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

/* calendar */

.dom_overview_abshidden {
	position: absolute;
	visibility: hidden;
	width: 300px;
}

/* attachment */

td.attachrow {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	border: 1px #224e8f solid;
}

td.attachheader {
	background: #d7d7e7 url('./images/css/css_cat.gif') repeat-x;
	color: #1b4685;
	font-size: 11px;
	font-weight: bold;
	height: 21px;
	white-space: nowrap;
}

table.attachtable {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	border: 1px #224e8f solid;
	border-collapse: collapse;
	width: 95%;
}

/* Objects - Attributs - Alignment ========================================== */

form {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	border: 0;
	empty-cells: show;
}

/* ----- */

textarea.w-full,
table.w-full,
td.w-full,
div.w-full,
img.w-full {
	width: 100%;
}
table.w-full2 {
	width: 100%;
	background-color: #a9c7d9;
}
td.h-full,
div.h-full {
	height: 100%;
}

/* ----- */

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-justify {
	text-align: justify;
}

/* ----- */

.valign-top {
	vertical-align: top;
}

.valign-bottom {
	vertical-align: bottom;
}

.valign-middle {
	vertical-align: middle;
}

/* ----- */

.align-absmiddle {
	text-align: center;
	vertical-align: middle;
}

.align-absbottom {
	vertical-align: text-bottom;
}

.absbottom {
	vertical-align: text-bottom;
}

/* ----- */

.v-space-1 {
	padding-top: 1px;
	padding-bottom: 1px;
}

.v-space-2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.v-space-3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* ----- */

.h-space-1 {
	padding-right: 1px;
}

.h-space-2 {
	padding-right: 2px;
}

.h-space-3 {
	padding-right: 3px;
}

.h-space-4 {
	padding-right: 4px;
}

.h-space-5 {
	padding-right: 5px;
}

/* ----- */

.h-space-center-1 {
	padding-left: 1px;
	padding-right: 1px;
}

.h-space-center-2 {
	padding-left: 2px;
	padding-right: 2px;
}

.h-space-center-3 {
	padding-left: 3px;
	padding-right: 3px;
}

.h-space-center-4 {
	padding-left: 4px;
	padding-right: 4px;
}

.h-space-center-5 {
	padding-left: 5px;
	padding-right: 5px;
}

/* ----- */

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-align-left {
	float: left;
	text-align: left;
}

.float-align-right {
	float: right;
	text-align: right;
}

/* ----- */

br.both {
	clear: both;
}

.nowrap {
	white-space: nowrap;
}

strong {
	font-weight: bold;
	text-decoration: none;
}

.italic {
	font-style: italic;
}

label {
	color: #000000;
	cursor: pointer;
}

label:hover {
	color: #cb0000;
}

abbr,
acronym {
	color: #000000;
	border-bottom: 1px dotted #000000;
	cursor: help;
}

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

/* Buttons definition ======================================================= */

/* ===== begin common buttons ===== */

/* ----- BL 96x25 ----- */

.bl {
	background: url('./images/css/button/bl.gif') 0 0;
	margin: 0;
	padding: 0;
	width: 96px;
	height: 25px;
}

.bl:hover {
	background: url('./images/css/button/bl.gif') 0 -25px;
}

/* ----- BL 96x25 ----- */

/* ----- BM 64x18 ----- */

.bm {
	background: url('./images/css/button/bm.gif') 0 0;
	margin: 0;
	padding: 0;
	width: 64px;
	height: 18px;
}

.bm:hover {
	background: url('./images/css/button/bm.gif') 0 -18px;
}

/* ----- BM 64x18 ----- */

/* ----- BS 18x18 ----- */

.bs {
	background: url('./images/css/button/bs.gif') 0 0;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
}

.bs:hover {
	background: url('./images/css/button/bs.gif') 0 -18px;
}

/* ----- BS 18x18 ----- */

/* ===== end common buttons ===== */
html body .hcenter { text-align: center; }
html body .abscenter { maring-right: auto; margin-left: auto; }
/* ===== begin posting buttons ===== */

#posting-bar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

#posting-bar-nav li {
	float: left;
	margin: 1px;
	width: 22px;
	height: 22px;
	margin-top: 3px;
}

#posting-bar-nav li a {
	background: url('./images/css/button/but_posting.gif') left top no-repeat;
	display: block;
	padding: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

#posting-bar-nav li a:hover,
#menu-bar-nav li a:focus,
#menu-bar-nav li a:active {
	background: url('./images/css/button/but_posting.gif') right top no-repeat;
}

/* ===== end posting buttons ===== */

/* ===== begin legend buttons ===== */

/* ----- BTG 44x18 ----- */

.btg {
	background: url('./images/css/button/btg_a.gif');
	margin: 0;
	padding: 0;
	width: 44px;
	height: 18px;
}

.btg:hover {
	background: url('./images/css/button/btg_h.gif');
}

/* ----- BTG 44x18 ----- */

/* ===== end legend buttons ===== */

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