/* ### -- -- -- -- -- Global Burning Board 3 Styles -- -- -- -- -- ### */

/* 

File: global.css 
Copyright 2006 by WoltLab GmbH. 

*/

/* ### -- -- -- -- -- Miscellaneous -- -- -- -- -- ### */

body, html {
	margin: 0 !important;
	padding: 0 !important;
}

#main:after {
	clear: both;
	display: block;
	content: "";
}

#page {
	text-align: left;
	padding: 0 0 15px 0;
}

p {
	margin: 0;
	padding: 0;
}

pre {
	font-family: "Courier New", Courier, monospace !important;
}

img {
	vertical-align: middle;
	border: 0;
}

hr {
	display: none;
}

.hidden { /* Moves elements out of the viewport and preserves no space for them. Use this class rather than "display: none"! */
	height: 0;
	overflow: hidden;
	position: absolute;
	left: -9000px;
	max-width: 8000px;
}

.new {
	font-weight: bold;
}

.buddy {
	font-size: 1.2em;
}

/* ### -- -- -- -- -- Headings -- -- -- -- -- ### */

h1 {
	text-shadow: 2px 2px 2px #999; /* CSS 2 */
	margin: 0;
	padding: 0 0 15px 0;
}

h1 a {
	text-decoration: none;
}

h2, h2 a {
	text-decoration: none;
	text-shadow: 2px 2px 2px #999; /* CSS 2 */
}

h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}

#main > h2 {
	padding-bottom: 7px;
}

/* ### -- -- -- -- -- Links -- -- -- -- -- ### */

a {
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

/* ### -- -- -- -- -- External Links -- -- -- -- -- ### */

.externalURL {
	background-image: url("../icon/externalURL.png");
	background-position: center right;
	background-repeat: no-repeat;
	margin-right: 3px;
	padding-right: 15px;
}

.externalURL:hover {
	background-image: url("../icon/externalURLHover.png");
	background-position: center right;
	background-repeat: no-repeat;
}

/* ### -- -- -- -- -- Breadcrumb Style Navigation -- -- -- -- -- ### */

.breadCrumbs {
	font-size: .95em;
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

.breadCrumbs li {
	font-style: italic;
	margin-right: 1px;
	display: inline;
}

.breadCrumbs li a, .messageFooter .breadCrumbs li a {
	text-decoration: none;
}

.breadCrumbs li a span, .messageFooter .breadCrumbs li a {
	text-decoration: underline;
}

.breadCrumbs li a:hover span, .messageFooter .breadCrumbs li a:hover {
	text-decoration: none;
}

.containerHead .breadCrumbs {
	margin: 0;	
}

/* ### -- -- -- -- -- Content Header & Content Footer -- -- -- -- -- ### */

.contentHeader, .contentFooter {
	padding-bottom: 7px;
	width: 100%;
}

.contentFooter:after, .contentHeader:after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}

/* ### -- -- -- -- -- System Messages (Success, Warning, Error, Info) -- -- -- -- -- ### */

/* Note: Change the colors of system messages with care! Consider that most people are used to specific colors for special events (e.g. Red stands for warning). Not any random color may function this way! */

.success, .warning, .error, .info {
	background-position: 10px center;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding: 7px 10px 7px 45px;
}

.success {
	color: #090;
	background-color: #efe;
	background-image: url("../icon/successM.png");
	border-color: #090;
}

.success a, .success a:hover {
	color: #333;
}

.warning {
	color: #660;
	background-color: #ffd;
	background-image: url("../icon/warningM.png");
	border-color: #660;
}

.warning a, .warning a:hover {
	color: #333;
}

.error {
	color: #c00;
	background-color: #fee;
	background-image: url("../icon/errorM.png");
	border-color: #c00;
}

.error a, .error a:hover {
	color: #333;
}

.info {
	color: #06f;
	background-color: #def;
	background-image: url("../icon/infoM.png");
	border-color: #06f;
}

.info a, .info a:hover {
	color: #333;
}

.info .close {
	float: right;	
}

/* ### -- -- -- -- -- Inner Errors -- -- -- -- -- ### */

.innerError {
	background-image: url("../icon/errorS.png");
	background-position: 1px center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 5px 5px 5px 25px;
}

/* ### -- -- -- -- -- Highlight -- -- -- -- -- ### */

.highlight {
	color: #00f;
	background-color: #ff0;
	padding: 0 2px;
}

/* ### -- -- -- -- -- Copyright -- -- -- -- -- ### */

.copyright {
	text-align: center;
	white-space: nowrap;
	padding: 20px 0 7px 0;
	clear: both;
}

.copyright a {
	text-decoration: none;
}

/* ### -- -- -- -- -- EOF -- -- -- -- -- ### */