@import url("playerlist.css.php");
@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");
@import url("acleditor.css.php");


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

html
{
	background-color: #FFF; // FBFBFB;
	background-image: url(/bg.jpg);
	cursor:default;
	background-repeat:no-repeat;
}


body
{
	width: 95%;
	min-width: 450px;
//	max-width: 800px;
	margin: 10px auto;
	padding: 0;
}

html,
body,
p,
div.p,
td,
li,
input,
textarea,
select
{
	font-size: 12px;
	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: 85%;
	color: #707070;
}

h1
{
	margin: 0;
	padding: 3px 0 1px 6px;
	font-size: 1em;
	font-weight: bold;
	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_container {
	text-align: center;
}

.head_logo {
	padding: 5px;
//	padding-bottom: 2px;
//	border: 1px solid #77c;
	text-align: center;
//	width: 800px;
//	height: 120px;
}

.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;
	text-align: right;
	// float: right;
	
}
ul.head_navigation li
{
//	background: #fff;
//	opacity: 0.7;
	line-height: 240%;
	display: inline;
}

ul.head_navigation li a
{
	/* navi link background with grey gradient: */
	background: #F0F0F0;
	//background: url(../img/navlink_back.png) bottom repeat-x;
	opacity: 0.8;
	/* 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;
	background: #F0F0F0;
	opacity: 0.9;
	/* 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: 85%;
	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: 85%;
	color: #707070;
}

.overview_actions_top
{
	text-align: right;
	//clear: both;
}

.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: 85%;
	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;
}

/* Put your custom CSS definition changes here. */

/* ------------------------------------------------------------ */
/* full browser width display                                   */
/* ------------------------------------------------------------ */
body
{
	width: inherit;
	max-width: inherit;
	margin: 12px;
}

/* ------------------------------------------------------------ */
/* darker head area                                             */
/* ------------------------------------------------------------ * /
.head_logo
{
	margin-top: -12px;
	margin-left: -12px;
	margin-right: -12px;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 12px;
	background: url(../img/shade_bk9.png);
}
ul.head_navigation,
.head_logincontrol
{
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 12px;
	padding-right: 12px;
	background: url(../img/shade_bk9.png);
}
ul.head_navigation li a
{
	background: url(../img/navlink_back_wh15.png) bottom repeat-x;
}
ul.head_navigation li.active a,
ul.head_navigation li a:hover,
ul.head_navigation li a:active,
ul.head_navigation li a:focus
{
	background: #FFFFFF url(../img/back_hlines.png);
	/*background: #FFFFFF url(../img/back_paper.jpg);*/
	/* WARNING: if used together with another page background, also update that background here! */
}

/* ------------------------------------------------------------ */
/* allow full-window horizontal scrolling on too long lines     */
/* ------------------------------------------------------------ */
.all_posts_container
{
//	overflow: visible;
}

/* ------------------------------------------------------------ */
/* allow per-post horizontal scrolling on too long lines        */
/* ------------------------------------------------------------ */
.post_body
{
//	width: 100%;
	/* WARNING: this may disable floating of the post text around avatar images! */
//	overflow: auto;
}

/* ------------------------------------------------------------ */
/* change page background                                       */
/* ------------------------------------------------------------ */
html
{
	/*
	background: #FFFFFF url(../img/back_marble.jpg);
	background: #FFFFFF url(../img/back_paper.jpg);
	background: #FFFFFF url(../img/back_plaster.jpg);
	background: #FFFFFF url(../img/back_sandstone.gif);
	background: #FFFFFF url(../img/back_paper.jpg);
	*/
	//background: #FFFFFF url(../img/back_hlines.png);
	/* WARNING: if used together with darker head area, also update this background there! */
}
ul.head_navigation li.active a,
ul.head_navigation li a:active,
ul.head_navigation li a:focus
{
	border-bottom: solid 1px #F5F5F5;   /* should be average colour of background image */
}

/* ------------------------------------------------------------ */
/* set lighter background for all shadowed containers           */
/* (good for darker or high contrast page background images)    */
/* ------------------------------------------------------------ */
.announcement_container,
.advanced_options_container,
div.categories_container,
.page_container,
.forum_container,
.post_container,
.poll_container,
.reply_container,
.editor_container,
.search_container,
.stat_container,
.thread_container,
.users_container
{
	background: url(../img/shade_wh50.png);
}

/* ------------------------------------------------------------ */
/* this can be enabled for small page fonts                     */
/* ------------------------------------------------------------ */
ul.head_navigation li a span.backimage
{
	padding: 2px 0 2px;
}
ul.head_navigation
{
	padding-bottom: 2px;
}

/* ------------------------------------------------------------ */
/* underline or re-colour hyperlinks                            */
/* ------------------------------------------------------------ *  /
a
{
	color: #0051F6;
	border-bottom: solid 1px #4D86FB;
	/*text-decoration: underline;*/
}
a:hover,
a:focus
{
	color: #FF9000;
	/*border-bottom: solid 1px #4D86FB;*/
	/*text-decoration: underline;*/
}

/* ------------------------------------------------------------ */
/* change statictics and polls graphs height                    */
/* (good for smaller page fonts)                                */
/* ------------------------------------------------------------ */
.stat_graph
{
	height: 17px;
	margin-bottom: -17px;
}
.stat_multigraph
{
	height: 17px;
	margin-bottom: -17px;
}
.stat_subgraph1
{
	height: 17px;
	margin-bottom: -16px;
}
.stat_subgraph2
{
	height: 17px;
	margin-bottom: -17px;
}
.poll_results
{
	line-height: 18px;
}
.poll_graph
{
	height: 17px;
	margin-bottom: -18px;
}

.offtopic
{
	margin: 3px 20px;
	/*font-size: 9px;
	line-height: 12px;*/
	color: #808080;
}

.spelling
{
	/*border-bottom: dashed 1px red;*/
	padding-bottom: 2px;
	background: url(../../spelling.png) bottom repeat-x;
}

.moderation
{
	margin: 3px 20px;
	color: #208040;
}

.nethack
{
	font-family: "Andale Mono", "Courier New", monospace;
	color: #aaa;
	background-color: #000;
	padding: 0px;
	margin: 0px;
	cell-spacing: 0px;
	cell-padding: 0px;
}