@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 url(../img/back_hlines.png);
	cursor: default;
}
body
{
	width: 95%;
	min-width: 350px;
	max-width: 800px;
	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 #E8D0A0;*/
	border: solid 1px #E0B070;
	padding: 1px;
}
div.info
{
	/*border-color: #CAE8BA;*/
	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: #0051F6;
	text-decoration: none;
}
a:hover,
a:focus
{
	color: #FF9000;
}
a img
{
	border: 0px;
}
.abbc a img
{
	border: 1px solid #0051F6;
}

small
{
	font-size: 0.85em;
	color: #707070;
}

h1
{
	margin: 0;
	padding: 3px 0 1px 6px;
	font-size: 1em;
	font-weight: normal;
	color: #404040;
	background: url(../img/caption_back.png) center left no-repeat;
}

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 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: 12px;
	text-align: center;
	font-size: 0.85em;
	line-height: 1.3em;
	color: #707070;
	border-top: 1px solid #CCCCCC;
	padding-top: 2px;
}

.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: 0.85em;
	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: url(../img/shade_bk3.png);
	padding: 3px 5px 4px 5px;
}
.advanced_option
{
	margin: 2px 0;
}
.advanced_option.new_group
{
	margin-top: 12px;
}
.advanced_subtitle
{
	font-size: 0.85em;
	color: #707070;
	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: url(../img/shade_gn7.png);
	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 url(../img/textbox-back.png) repeat-x;
	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;
}