body {
	background: url(/images/bg1.png) repeat-x, url(/images/bg2.png);
	color: #282828;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 14px;
	text-align: center; /* IE 5 fix */
	line-height: 1;
	margin: 0;
	padding: 0;
}

#container {
	background: #FCFCFC;
	border-top: 0px;
	margin: auto auto;
	margin-top: 65px;
	text-align: left;
	width: 1260px;
	padding: 0px;
}

.main_and_right {
	display: table;
	table-layout: fixed;
	width: 100%;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

img {
	border: none;
}

h3 {
	font-size: 175%;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'eurostilebold', Arial, sans-serif;
	font-weight: normal;
}

h4 {
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 0;
	font-family: 'eurostilebold', Arial, sans-serif;
	font-weight: normal;
}

footer {
	width: 1260px;
	height: 76px;
	margin: auto;
	padding-top: 8px;
}

	footer .left{
		width: 874px;
		float: left;
		text-align: left;
		padding-top: 27px;
	}

	footer .right{
		width: 385px;
		float: right;
		text-align: right;
	}

	footer a:link{
		color: #282828;
		text-decoration: none;
	}

	footer a:visited {
		color: #282828;
		text-decoration: none;
	}

	footer a:hover, a:active {
		color: #FCFCFC;
		text-decoration: none;
	}

	footer img{
	margin-top: -2px;
	margin-right: -224px;
	vertical-align: middle;
	position: relative;
	left: -250px;
	}

a:link {
	color: #4B79BE;
	text-decoration: none;
}

a:visited {
	color: #4B79BE;
	text-decoration: none;
}

a:hover, a:active {
	color: #303028;
	text-decoration: none;
}

/*Apply this class to the text you'd like a different link color. Text that 
is not a link will appear in this style.*/
.maintitle {
	color: #E1E1E1;
}
/*These are the new link style definitions.*/
a.maintitle:link {
	color: #EDECED;
}
a.maintitle:visited {
	color: #EDECED;
}
a.maintitle:hover {
	color: #FFFFFF;
}
a.maintitle:active {
	color: #FFFFFF;
}
a.maintitle:focused {
	color: #FFFFFF;
}

/*Apply this class to the text you'd like a different link color. Text that 
is not a link will appear in this style.*/
.blacklink {
	color: #000222;
}

/*These are the new link style definitions.*/
a.blacklink:link {
	color: #000222;
}
a.blacklink:visited {
	color: #000222;
}
a.blacklink:hover {
	color: #4B79BE;
}
a.blacklink:active {
	color: #4B79BE;
}
a.blacklink:focused {
	color: #4B79BE;
}

.site_red{
	color: #DB1F26;
}
.site_red a {
	color: #DB1F26;
}

.site_blue{
	color: #4B79BE;
}
.site_blue a{
	color: #4B79BE;
}

.breadcrumbs {
	display: inline-block;
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 12px 12px;
	height: 19px;
	width: 850px;
	overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.breadcrumbs bottom{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-color: black;
	border-style: solid;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

.breadcrumbs a:hover {
	color: #303028;;
}

.dumb
{
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
}

.tooltip{
	text-decoration: none;
	font-weight: normal;
	position: relative;
	z-index: 3;
	cursor:help;
}

.tooltip img {
	text-decoration: none;
	font-weight: normal;
	position: relative;
	z-index: 3;
}

.tooltip span {
	margin-left: -999em;
	position: absolute;
	color: #000222;
}

.tooltip:hover {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 50;
	color: red;
	cursor: help;
}

a .tooltip:hover{
	cursor:pointer;
}

.tooltip:hover span {
	box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: -5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute;
	left: 1em;
	top: 2em;
	z-index: 99;
	margin-left: 0;
	width: 100px;
}

.tooltip.jumper:hover span {
    left: -136px;
    top: 18px;
    width: 126px;
}

.tooltip.flag:hover span {
    left: 23px;
    top: 18px;
    width: auto;
}

/*
.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}
*/

.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}

.classic {
	padding: 0.8em 1em;
	background: #FCFCFC;
	border: 1px solid #BBBBBB;
}

/* * html span:hover { background: transparent; } */

/*
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }
*/

.bbcode_quote {
	display: block;
	background:grey;
	padding: 6px;
}

.who_reading {
	background: #FCFCFC;
	margin-top: -1px;
	margin-right: 11px;
	margin-bottom: 11px;
	margin-left: 11px;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-color: #A7A9AC;
	border-style: solid;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

#login_box {
	position: absolute;
	z-index: 100;
	width: 720px;
	height: 320px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	border-color: black;
	border-style: solid;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

	#login_box h2, #managePmParticipants h2 {
		background: background-image: linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);background-image: -o-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);background-image: -moz-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);background-image: -webkit-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);background-image: -ms-linear-gradient(top, #4A4E50 0%, #6D6E71 60%, #63686A 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4E50), color-stop(0.6, #6D6E71), color-stop(1, #63686A));;
		color: #FCFCFC;
		text-align: center;
		font-family: 'eurostilebold', Arial, sans-serif;
		font-weight: normal;
		font-size: 24px;
		font-weight: normal;
		text-shadow: 0 0 5px rgba(0,0,0,.9);

		line-height: 32px;
		width: 720px;
		height: 32px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside {
		background: #D2D0CF;
		overflow: hidden;
		width: 720px;
		height: 288px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .inside_2 {
		background: url(/images/textures/commandeered_palace_login.jpg);
		box-shadow: -5px 5px 5px #A7A9AC;
		width: 696px;
		height: 264px;
		margin-top: 11px;
		margin-right: 11px;
		margin-bottom: 11px;
		margin-left: 11px;
		border-top: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-left: 1px;
		border-color: #A7A9AC;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form {
		position: relative;
		font-size: 14px;
		font-family: Tahoma;
		width: 232px;
		height: 186px;
		margin-top: 40px;
		margin-right: 232px;
		margin-bottom: 38px;
		margin-left: 232px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form .text {
		line-height: 30px;
		height: 30px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form .name,
	#login_box .inside .login_form .password {
		line-height: 30px;
		text-align: left;
		font-weight: bold;
		position: relative;
		height: 30px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form .errorMessage {
		display: inline-block;
		position: absolute;
		font-weight: normal;
		line-height: 30px;
		left: 232px;
		width: 500px;
	}

	#login_box .inside .login_form .name label:after ,
	#login_box .inside .login_form .password label:after {
		content: ":";
	}

	#login_box .inside .login_form .name label,
	#login_box .inside .login_form .password label {

	}

	#login_box .inside .login_form .name input,
	#login_box .inside .login_form .password input {
		position: absolute;
		right: 0;
		top: 7px;
	}

	#login_box .inside .login_form .rememberMe {
		line-height: 30px;
		height: 30px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form .buttons {
		line-height: 30px;
		vertical-align: middle;
		height: 60px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#login_box .inside .login_form .links {
		line-height: 30px;
		height: 30px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 0px;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-color: black;
		border-style: solid;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	#login_box .inside .login_form .links a{
		font-weight: normal;
	}

	#login_box .inside .login_form .links a:first-child {
		font-weight: normal;
		margin-right: 24px;
	}


#overlay {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
}

.error {
	margin: 12px;
}

.group_black,
a.group_black {
	color: #050725 !important;
	font-weight: bold !important;
}

a.group_black:hover {
	color: #2B2C51 !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #2B2C51 !important; 
}

.group_red,
a.group_red {
	color: #df2524 !important;
	font-weight: bold !important;
}

a.group_red:hover {
	color: #FF5615 !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #FF5615 !important; 
}

.group_orange,
a.group_orange {
	color: #c25119 !important;
	font-weight: bold !important;
}

a.group_orange:hover {
	color: #FF4200 !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #FF4200 !important; 
}

.group_honorary,
a.group_honorary {
	color: #9a5e31 !important;
	font-weight: bold !important;
}

a.group_honorary:hover {
	color: #693c1b !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #9a5e31 !important;
}

.group_blue,
a.group_blue {
	color: #2478da !important;
	font-weight: bold !important;
}

a.group_blue:hover {
	color: #0080FF !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #0080FF !important; 
}

.group_green,
a.group_green {
	color: #479943 !important;
	font-weight: bold !important;
}
a.group_green:hover {
	color: #35D835 !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #35D835 !important; 
}

.group_grey,
a.group_grey {
	color: #5f6264 !important;
	font-weight: bold !important;
}

a.group_grey:hover {
	color: #425066 !important;
	font-weight: bold !important;
	text-shadow: 0 0 5px #425066 !important; 
}

.group_none,
a.group_none {
	color: #282828 !important;
	font-weight: normal !important;
}

a.group_none:hover {
	color: #282828 !important;
	font-weight: normal !important;
	text-shadow: 0 0 5px #282828 !important; 
}

blockquote, cite {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	display: block;
}

blockquote {
	border: 1px solid #A7A9AC;
	margin: 0;
	margin-top: -1px;
	padding: 12px;
	background: none repeat scroll left top #E4E1DE;
/*	background: url(/images/textures/blockquote-tile.png) repeat scroll left top transparent; */
	/* background: #EDECED; */
}

blockquote img {
	max-width: 90%;
}

.quote_top {
	border: 1px solid #A7A9AC;
	padding: 6px;	
	margin: 0;
	background: #BCBEC0;
	border-spacing: 0;
}

.quote_top .quote_name {
	display: table-cell;
	vertical-align: middle;
}
.quote_top .quote_name:after {
	content: " wrote:";
}

.quote_top .quote_date {
	float: right;
}

.quote_top .quote_link {
	float: right;
	margin-left: 6px;
}

.quote_top .quote_link img {
    position: relative;
    top: 2px;
}

.code_content, .code_content_scroll, .code_content_small, .code_content_small2 {
	border: 1px solid #000222;
	background-color: #414042;
	padding: 4px;	
	margin: 0;
	font-family: consolas,monaco,"bitstream vera sans mono","courier new",courier,monospace;
	color: #FCFCFC;
	word-wrap: break-word;
	overflow: auto;
	max-height: 512px;
}

.code_content_scroll {

}

.code_content_fix {

}

.code_content_small .code_content_fix {

}

.code_content_small2 .code_content_fix {

}

.code_header:after {
	content: ":";
}

.code_header {
	font-size: 10px;	
}

.smiley {
	vertical-align: middle;
}

.flag24 {
    margin: -5px 0;
    padding: 0;
    position: relative;
    top: -1px;
    vertical-align: middle;
}

noscript .spoiler
{
	display: block;
}

.spoiler {
	display: none;
	border: 1px solid #6D6E71;
	background: url(/images/textures/spoiler_background.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-color: #d2c9cc;
	margin-top: 6px;
	padding: 12px;
}

.white_box{
    background: none repeat scroll 0 0 #FCFCFC;
    border-color: #A7A9AC;
    border-style: solid;
    border-width: 1px;
    box-shadow: -5px 5px 5px #A7A9AC;
    margin: 0 11px 12px;
    padding: 12px 12px 2px;
}

.user_search_header td {
	font-weight: bold;
}

.user_search_result td {
	border: 1px solid grey;
	margin: 3px;
	padding: 2px;
}

.user_search_result {
}

.user_search_result:nth-of-type(odd) td {
	background-color: #cad3e1;
}

.user_search_table {
	width: 100%;
}

.user_search_field {
	width: 200px;
}

.user_search_field input {
	width: 200px;
}

.user_search_form {
	vertical-align: top;
}

.user_search_avatar, .user_search_avatar img {
	width: 40px;
	height: 40px;
	border: 1px solid black;
}

.user_search_avatar img {
	position: relative;
	top: 2px;
}

.user_search_avatar {
	padding: 2px;
}

.lazy {
    display: none;
    background: grey;
    min-width: 50px;
    min-height: 50px;
}