@import url("announcement.css.php");
@import url("controlpanel.css.php");
@import url("forum.css.php");
@import url("post.css.php");
@import url("register.css.php");
@import url("search.css.php");
@import url("stat.css.php");
@import url("thread.css.php");
@import url("userlist.css.php");
@import url("userprofile.css.php");


/* -------------------- GENERAL -------------------- */

html {
	background: #FFFFFF;
	color: #000000;
	cursor: default;
}

body {
	width: 95%;
	margin: 10px auto;
	padding: 0;
}

html, body,
p, div.p,
td, li,
input, textarea, select {
	font-size: 13px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

html, body,
p, div.p,
td, li {
	line-height: 130%;
}

p, div.p {
	margin-top: 12px;
	margin-bottom: 12px;
}

div.error, div.info {
	border: solid 1px #E0B070;
	padding: 1px;
}

div.info { border-color: #80E070; }

div.error div, div.info div {
	font-weight: bold;
	color: #A02000;
	background: #F8E0B0;
	padding: 2px 4px 2px 4px;
	line-height: normal;
}

div.info div {
	color: #107000;
	background-color: #DAF8CA;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover, a:focus {
	color: #333333;
	text-decoration: underline;
}

a img { border: 0px; }
.abbc a img { border: 1px solid #0051F6; }

small {
	font-size: 11px;
	color: #707070;
}

h1, .h1 {
	margin: 0;
	padding: 4px 4px 4px 4px;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	font-size: 0.9em;
	font-weight: normal;
	color: #0051F6;
	background: url(../img/navlink_back.png) bottom repeat-x;
}

tr.hover:hover td {
	background: url(../img/shade_bk5.png);
}

.nowrap { white-space: nowrap; }

.img_trans_back {
	border: solid 1px #DDDDDD;
	background: url(../img/trans_back.png);
}

/* -------------------- PAGE HEAD -------------------- */

.head_logo { padding-bottom: 4px; }

.head_logincontrol {
	text-align: right;
	padding-bottom: 6px;
}

ul.head_navigation {
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
	padding: 1px 6px 4px;	/* last 2px → 4px ( XHTML: set last value to 3px ) */
	margin: 0px 0px 12px;
}

ul.head_navigation li { display: inline; }

ul.head_navigation li a {
	/* navi link background with grey gradient: */
	background: url(../img/navlink_back.png) bottom repeat-x;
	/* flat navi link background: */
	/*background: url(../img/shade_bk6.png);*/
	border: solid 1px #CCCCCC;
	border-bottom: none;
	margin-right: 4px;
	padding: 2px 6px 3px;
	text-decoration: none;
	color: #0051F6;
	white-space: nowrap;
}

ul.head_navigation li a img { margin-right: 2px; }
ul.head_navigation li.active {}
ul.head_navigation li.active a {
	/* active navi link background with white gradient: */
	background: url(../img/navlink_active_back.png) bottom repeat-x;
	/* flat active navi link background: */
	/*background: url(../img/shade_wh15.png);*/
	border-bottom: solid 1px #FFFFFF;
}

ul.head_navigation li a:hover {
	background: url(../img/shade_wh15.png);
	/* dark hover navi link background: */
	/*background: url(../img/shade_bk13.png);
	border-bottom-color: #ECECEC;*/
	color: #0051F6;
}

ul.head_navigation li a:active, ul.head_navigation li a:focus {
	background: url(../img/shade_wh15.png);
	border-bottom: solid 1px #FFFFFF;
	color: #0051F6;
}

/* -------------------- PAGE FOOT -------------------- */

.foot_container { clear: both; }

.foot_content {
	margin-top: 1em;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #cecece;
	border-top: 1px solid #CCCCCC;
	padding: 0.7em;
}

.foot_content a { color: #9f9f9f; }

.foot_logincontrol {
	margin: 12px 0;
	text-align: right;
}

/* -------------------- OVERVIEW PAGE -------------------- */

.path { margin-bottom: 12px; }
.path .sep { color: #707070; }
.path .thread { margin-top: 4px; }

.path .thread .subject {
	font-size: 1.5em;
	line-height: 140%;
}

.path .thread a { color: #202020; }
.path .thread a:hover { color: #FF9000; }
.path .desc {
	font-size: 11px;
	color: #707070;
}

.overview_actions_top { text-align: right; }

.jumpandsearchbox {
	clear: both;
	margin-top: 12px;
}

.searchbox { float: right; }
.searchbox input[type="text"] { width: 140px; }
.jumpforumbox {}

/* -------------------- JUMP FORUM SELECT BOX -------------------- */

option.forum {
	color: #000000;
	background: #FFFFFF;
}

option.category {
	color: #000000;
	background: #EEEEEE;
}

option span.light  /* used for lighter hierarchy lines in the dropdown tree */ { color: silver; }

/* -------------------- ADVANCED OPTIONS BOX -------------------- */

.advanced_options_container {
	clear: both;
	border: solid 1px #CCCCCC;
	margin: 1px auto 0px;
	padding: 1px;
}

.advanced_options_content {
	background: #F9F9F9;
	padding: 3px 5px 4px 5px;
}

.advanced_option { margin: 2px 0; }
.advanced_option.new_group { margin-top: 12px; }

.advanced_subtitle {
	font-size: 11px;
	color: red;
	margin-left: 20px;
}

/* -------------------- SPLIT THREADS -------------------- */

table.thread_split_data td.leftcol {
	width: 100px;
	padding-right: 10px;
	white-space: nowrap;
}

.thread_split_post .head {
	border: solid 1px #A0E0A0;
	padding: 1px;
	margin-bottom: 3px;
}

.thread_split_post .head > div {
	background: #F0F8F0;
	padding: 2px 4px;
}

.thread_split_post .checkbox { float: right; }
.thread_split_post .subject {
	padding-bottom: 2px;
	border-bottom: solid 1px #D8D8D8;
	margin-bottom: 8px;
}

.thread_split_post .body { margin: 8px 0 15px; }

/* -------------------- FORMS -------------------- */

form {
	display: inline;
	margin: 0px;
}

/* when updating textarea/textfield border width or padding, also update div.outerText{area,field}100pc */
input[type="text"], input[type="password"], textarea {
	border: solid 1px #C0C0C0;
	background: #FFFFFF ;
	color: #000000;
	padding: 1px 0px 1px 2px;
		}

textarea { padding: 0px 0px 0px 2px; }

input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
textarea:hover, textarea:focus { border-color: #5580DD; }

/* bottom-only borders for text fields */
input[type="text"], input[type="password"] {
/*	border-top: 0;
	border-left: 0;
	border-right: 0;
	padding-left: 1px;*/
}

/* textareas that have width:100% need this outer padding which is the sum of horizontal (left+right) border widths and paddings */
div.outerTextarea100pc { padding-right: 4px; }

div.outerTextarea100pc textarea {
	margin-right: -4px;
	width: 100%;
}

/* textfields that have width:100% need this outer padding which is the sum of horizontal (left+right) border widths and paddings */
div.outerTextfield100pc { padding-right: 4px; }

div.outerTextfield100pc input[type="text"], div.outerTextfield100pc input[type="password"] {
	margin-right: -4px;
	width: 100%;
}

input[type="text"][disabled], input[type="password"][disabled], textarea[disabled] {
	border: solid 1px #C0C0C0;
	color: GrayText;
}

input[type="checkbox"], input[type="radio"] {
		margin: 1px 6px 1px 0;
		padding: 0;
	cursor: pointer;
}

/* the label element doesn't see if there's a disabled input element within */
/*
input[type="checkbox"][disabled],
input[type="radio"][disabled] { cursor: default; }
*/

input[type="radio"] { vertical-align: middle; }
label { cursor: pointer; }

select, select[disabled], select[disabled]:hover {
	border: 1px solid #C0C0C0 !important;
	background: #FAFAFA !important;
	padding: 0px 0px !important;
	cursor: pointer;
	}

select:hover, select:focus {
	border: 1px solid #5580DD !important;
	}

table { empty-cells: show; }
option[selected] { font-style: italic; }
option:hover small { color: white; }

input[type="button"],
input[type="submit"],
input[type="button"][disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:active,
input[type="submit"][disabled]:active,
input[type="button"][disabled]:focus,
input[type="submit"][disabled]:focus
input[type="button"][disabled].defaultbutton:hover,
input[type="submit"][disabled].defaultbutton:hover,
input[type="button"][disabled].defaultbutton:active,
input[type="submit"][disabled].defaultbutton:active,
input[type="button"][disabled].defaultbutton:focus,
input[type="submit"][disabled].defaultbutton:focus {
	border: solid 1px #C0C0C0;
	background: #E7E7E7 url(../img/button_back.png) repeat-x;
	padding: 0px 3px;
	cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="button"].defaultbutton:hover,
input[type="submit"].defaultbutton:hover,
input[type="button"].defaultbutton:focus,
input[type="submit"].defaultbutton:focus {
	border: solid 1px #5580DD;
	background: #D7DBF7 url(../img/button_back_hover.png) repeat-x;
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="button"].defaultbutton:active,
input[type="submit"].defaultbutton:active,
input[type="button"].selected,
input[type="submit"].selected {
	border: solid 1px #5580DD;
	background: #D7DBF7 url(../img/button_back_pushed.png) repeat-x;
}
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="button"][disabled].defaultbutton,
input[type="submit"][disabled].defaultbutton {
	border: solid 1px #C0C0C0;
	color: #808080;
}

input[type="button"].defaultbutton,
input[type="submit"].defaultbutton {
	border: solid 1px #606060;
}

/* Attention, CSS3 ahead! */
input[style*="monospace"] {
	padding-top: 1px;
}

input[type="file"] {
		}

/*
input[type="checkbox"] {
	border: 1px solid #B4B4B4 !important;
	}

input[type="checkbox"]:hover, input[type="checkbox"]:focus {
	border: 1px solid #5580DD !important;
	}

input[type="radio"] {
	border: 1px solid #B4B4B4 !important;
	}
*/

input.transparent {
	border: 0px;
	background: transparent;
	color: #202020;
	margin-bottom: 1px;
}

input.transparent:hover, input.transparent:focus { border: 0px; }