/*! http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*!
 * Copyright (C) 2014 Tripwire Interactive LLC
 *
 * @author  Michiel 'elmuerte' Hendriks
 */

html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}

body {
	padding: 0 0 0 235px;
	margin: 0;
	
	font-family: 'Open Sans', sans-serif;
	color: #c2c2c2;	
	text-shadow: 0px 0px 2px #a0a0a0;
	font-size: 0.9em;
	line-height: 1.35em;
	
	background: #0b0b0b;
	background-image: url(bg-page.png);
}

::-moz-selection {
	color: #e2e2e2;
	background: #a5181a;
}

::selection {
	color: #e2e2e2;
	background: #a5181a;
}

fieldset h4 {
}

a {
	color: #c28282;
	text-shadow: 0px 0px 2px #964949;
}

input, textarea, select {
	font-family: 'Open Sans', sans-serif;
	color: #c2c2c2;	
	text-shadow: 0px 0px 2px #a0a0a0;
	font-size: 0.9em;
}

input[type="text"], input[type="password"], input[type=""] {
	border: 1px solid #181818;
	background-color: #0a0a0a;
	padding-left: 0.1em;
	height: 20px;
}

textarea {
	border: 1px solid #181818;
	background-color: #0a0a0a;
	padding-left: 0.1em;
}

select {
	border: 1px solid #181818;
	background-color: #0a0a0a;
	/* the following is to fix the invisible down button bug in Chrome */
	background-image: url(chrome-select-fix.png);
	background-repeat: no-repeat;
	background-position: center right;
}

input[type="text"]:hover, input[type="password"]:hover, input[type=""]:hover, textarea:hover, select:hover,
input[type="text"]:focus, input[type="password"]:focus, input[type=""]:focus, textarea:focus, select:focus {
	background-color: #0f0f0f;
	border-color: #282828;
}

label[for] {
	cursor: pointer;
}

label[for]:hover {
	color: #d2d2d2;
}

dt label[for]:hover {
	color: #5f5f5f;
}

input[readonly="readonly"], textarea[readonly="readonly"] {
	border-color: #181818;
	background-color: #0a0a0a;
}

dt {
	color: #555555;
	font-weight: bold;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 0px 2px #333333;
	margin-bottom: 0.2em;
}

dt:after {
}

dd {
	margin-bottom: 10px;
}

legend, #content h2, #content h3, #chatwindow h2 {
	padding: 0 0 0 0.75em;
	background: #160303;
	line-height: 30px;
	color: #a78a8a;	
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 0px 0px 3px #a78a8a;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 0.5em;
	border: 1px solid #a5181a;
	border-width: 0px 0px 1px 1px;
}

fieldset {
	border: none;
	margin-bottom: 1em;
}

button, input.button {
	background: #250d0d;
	border: 1px solid #3d1112;
	color: #a78a8a;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #866464;
	letter-spacing: 1px;
	font-size: 0.6em;
	line-height: 23px;
	height: 23px;
	cursor: pointer;
}

button:hover, input.button:hover {
	background: #2f1111;
}

button[disabled="disabled"], button[disabled="disabled"]:hover {
	color: #716464;
	background: #1f1414;
}

td {
	vertical-align: top;
}

th {
	background-color: #181818;
	text-transform: uppercase;
	letter-spacing: 1px;	
	font-size: 80%;
	vertical-align: middle;
}

th a {
	color: inherit;
	text-shadow: inherit;
}

p {
	margin: 5px 0 5px 0;
}

code {
	font-family: monospace;
}

em, .em {
	font-style: italic;
}

sup {
	font-size: 0.6em;
	vertical-align: top;
}

#header {
	margin-left: -235px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a5181a;
	background-image: url(bg-glow.png);
	background-repeat: repeat-x;
}

#header h1 {
	background-image: url(kf2-logo.png);
	background-repeat: no-repeat;
	background-position: 20px 10px;
	width: 500px;
	height: 100px;
	top: 0px;
	left: 0px;
}

#header h1 span {
	display: none;
}

#header #adminName {
	display: none;
}

#header #pageUri {
	display: none;
}

#header #pageInfo {
	display: none;
}

#content {
	clear: both;
	background-color: #0e0e0e;
	border: 1px solid #1b1b1b;	
	margin-right: 15px;
	margin-left: 15px;
	padding: 17px;
}

#menu {
	width: 220px;
	float: left;
	position: absolute;
	top: 120px;
	left: 15px;
}

#menu h2 {
	display: none;
}

#menu li {
	display: block;
}

#menu a {
	display: block;
	text-decoration: none;
	text-align: center;	
	background: #3f0f0f;
	color: #a78a8a;
	text-shadow: 0px 0px 2px #a78a8a;
	border: 1px solid #551516;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.8em;
	height: 44px;
	line-height: 40px;
	
	border: 0px;
	background: url(bg-menu-l1.png) no-repeat 0 0;
}

#menu li.with-submenu > a {
	background: url(bg-menu-l1p.png) no-repeat 0 0;
}

#menu ul ul li {
	background: url(bg-menu-arrow.png) no-repeat 3px 0;
}

#menu ul ul li:last-child {
	background: url(bg-menu-arrow-end.png) no-repeat 3px 0;
}

#menu ul ul a {
	margin-left: 30px;
	background: #0c1718;
	color: #7ea1a4;
	text-shadow: 0px 0px 2px #7ea1a4;
	border: 1px solid #102d30;
	
	border: 0px;
	background: url(bg-menu-l2.png) no-repeat 0 0;
}

#menu ul a.active, #menu ul a:hover {
	color: #c78a8a;
	text-shadow: 0px 0px 2px #c78a8a;	
	background: url(bg-menu-l1a.png) no-repeat 0 0;
}

#menu li.with-submenu > a:hover {
	background: url(bg-menu-l1pa.png) no-repeat 0 0;
}

#menu ul ul a.active, #menu ul ul a:hover {
	background: #0f3a3f;
	color: #09c0d1;
	text-shadow: 0px 0px 2px #09c0d1;
	border: 1px solid #14757c;
	
	border: 0px;
	background: url(bg-menu-l2a.png) no-repeat 0 0;
}

#menu a:hover {
}


#footer {
	padding-top: 1em;
	clear: both;
	text-align: center;
	font-size: 0.7em;
}

#chatlog {
	border-bottom: 1px solid #a5181a;
	padding: 2px;
}

#chat {
	margin-top: 2px;
}

#chat input {
	width: 90%;
}

#chat button, #chat input.button {
	width: 9%;
}

.chatmessage {
	padding-left: 50px;
	text-indent: -50px;
	word-break: break-all;
}

#content .username {
	
}

#content .username.admin {
	color: #a5181a;
	text-shadow: 0px 0px 2px #a5181a; 
}

#chatlog .username {
	padding-right: 0.1em;
}

#chatlog .teamnotice {
	font-size: 75%;
}

.teamcolor {
	background-color: silver;
	padding-left: 0.4em;
}

.teamchat {
	border: 1px solid silver;
	border-width: 1px 0 0 0.6em;
	padding-left: 55px;
	text-indent: -50px;
}

.teamchat .teamcolor {
	display: none;
}

#teamsayctrl input {
	width: auto;
}

#consoleResults .command {

}

#consoleResults {
	font-family: monospace; 
	overflow: auto;
	border: 1px solid #181818;
	padding: 4px;
	margin-top: 1em;
	background-color: #0a0a0a;
}

table.grid {
	border-collapse: separate;
	margin-bottom: 10px;
}

table.grid tr {
	height: 26px;
}

table.grid tr:hover {
	background: #290d0d;
}

table.grid thead tr:hover {
	background: transparent;
}

table.grid thead th, table.noborder thead th {
	padding: 0 5px 10px 5px;
	min-width: 13px;
	height: 30px;
	background: url(bg-th.png) center top repeat-x;
}

table.grid thead th:first-of-type, table.noborder thead th:first-of-type {
	padding-left: 10px;
	background: url(bg-th-left.png) left top no-repeat;
}

table.grid thead th:last-of-type, table.noborder thead th:last-of-type {
	padding-right: 10px;
	background: url(bg-th-right.png) right top no-repeat;
}

table.grid td {
	vertical-align: middle;
	padding: 0 5px 0 5px;
}

table.noborder {
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.noborder td {
	border: 0px solid #a5181a;
}

tr.odd {
}

th.header, th.headerSortUp, th.headerSortDown {
	padding-left: 0em;
	padding-right: 0em;
}

.header span {
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 0.4em;
	padding-right: 16px;
	cursor: pointer;
}

.headerSortUp span {
	background-image: url(sort.png);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-left: 0.4em;
	padding-right: 16px;
	cursor: pointer;
}

.headerSortDown span {
	background-image: url(sort.png);
	background-repeat: no-repeat;
	background-position: right -49px;
	padding-left: 0.4em;
	padding-right: 16px;
	cursor: pointer;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.monospace {
	font-family: monospace;
}

.mutatorGroup {
	display: inline;
	vertical-align: top;
	margin-bottom: 0em;
	margin-right: 0.5em;
}

.mutatorGroup div.padding {
	width: 200px;
	white-space: nowrap;
}

.extmutator {
	display: inline;
	vertical-align: top;
	margin-bottom: 0em;
	margin-right: 0.5em;
	border: 0;
	padding: 0;
	white-space: nowrap;
}

.extmutator span.padding {
	display: block;
	width: 200px;
	overflow: hidden;
}

/*
#throbber {
	background-image: url(uthrobber.gif);
	background-position: center;
	background-color: Black;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: wait;
	opacity: 0.75;
	filter: alpha(opacity=75);
}
*/

#throbber span {
	display: none;
}

div.message {
	/*border: 1px solid gray;*/
	padding: 1em;
	padding-left: 3.4em;
	margin: 1em;
	background-repeat: no-repeat;
	background-position: 0.7em 0.65em;
}

#messages {
}

#messages .error {
	border-color: #a5181a;
	background-image: url(error.png);
}

#messages .warn {
	border-color: #3d1112;
	background-image: url(warning.png);
}

#messages .info {
	border-color: #c2c2c2;
	background-image: url(information.png);
}

#messages .loadingMsg {
	background-image: url(throbber.gif);
}

#jsmaplist ul, #jsmaplist ol, .jsmaplist {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
 
#jsmaplist ul {
	margin-right: 10px;
}

#jsmaplist li, .jsmaplist li {
	clear: both;
	cursor: move;
	white-space: normal;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

#jsmaplist #jsmapcycle li {
	margin-left: 30px;
	white-space: nowrap;
	height: 23px;
}

#jsmaplist #jsallmaps li span.entry {
	white-space: nowrap;
	line-height: 23px;	
}

#jsmaplist #jsmapcycle li span.entry {
	white-space: nowrap;
	padding-right: 5px;
	line-height: 23px;
}

#jsmapcycle .roundLimit {
	position: absolute;
	right: 0px;
}

#jsmapcycle .roundLimit input {
	width: 25px;
	text-align: right;	
}

#jsmapcycle li.dragging .roundLimit {
	display: none;
}

#jsmlctrls {
	padding-left: 5px;
}

#jsmlctrls button {
	margin-bottom: 2px;
	width: 100%;
}

.sorting {
	background-color: #250d0d;
}

#jsmaplist li.dragging, .jsmaplist li.dragging {
	list-style: none;
	border: 1px solid #3d1112;
	background: #250d0d;
	padding: 0.05em 0.7em 0.05em 0.7em;
	white-space: nowrap;
	cursor: move;
}

.droppable {
	background-color: #250d0d;
}

.dropHover {
	background-color: #250d0d;
}

.deleteButton, .editButton {
	width: 20px;
	line-height: 24px;
	padding-left: 10px;
	padding-right: 7px;
	background-repeat: no-repeat;
	background-position: 2px center;
	cursor: pointer;
}

#jsmaplist #jsmapcycle li span.entry {

}

.sorting .deleteButton {
	background-image: url(delete.png);
}

.dragging .deleteButton {
	background-image: none;
}


input.spin-button {
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: 100% 1px;
	background-image: url(spinbtn.png);
}

input.spin-button.up {
	cursor: pointer;
	background-position: 100% -49px;
}

input.spin-button.down {
	cursor: pointer;
	background-position: 100% -99px;
}

/* for the tabs */
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 4px;
}

.ui-tabs-nav:after {
	display: block; /* clearing without presentational markup, IE gets extra treatment */
	clear: both;
	content: " ";
}

.ui-tabs-nav li {
	float: left;
	margin: 0 0 0 1px;
	min-width: 84px; /* be nice to Opera */
}

.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
	padding: 0 10px;
}

.ui-tabs-nav a {
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
	outline: 0; /* prevent dotted border in Firefox */
	color: #a78a8a;
	text-shadow: 0 0 2px #a78a8a;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.75em;
	margin-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: white;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

.ui-tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}

*>.ui-tabs-nav a span {
	width: auto; /* hide from IE 6 */
	height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	color: #F6EAE4;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	cursor: default; /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	color: white;
	background: url(bg-glow-small.png) 0 -10px repeat-x;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active {
	cursor: pointer; /* @ Opera, we need to be explicit again here now... */
}

.ui-tabs-panel {
	border: 1px solid #181818;
	border-top: 1px solid #a5181a;
	padding: 10px;
	background: #0a0a0a;
	margin-bottom: 4px;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
	display: inline-block; /* auto clear, @ IE 6 & IE 7 Quirks Mode */
}

*:first-child+html .ui-tabs-nav {
	display: inline-block; /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
}

.ui-tabs-hide {
	display: none;
}

#menueditor {
	float: right;
	padding: 5px;
	overflow: auto;
	position: relative;
	display: none;
}

#menueditor a {
	text-decoration: none;
	cursor: move;
}

#menueditor ul ul {
	margin-left: 15px;
}

#menueditor a.denied {
	color: gray;
}

select .adminDisabled {
	text-decoration: line-through;
}

textarea.dropHover {
	border-color: #a5181a;
}

#newsdesk div {
	max-height: 100px;
	overflow: auto;
}

#newsdesk div#newsdeskts {
	text-align: right;
	font-size: 0.7em;
	color: #57351D;
	font-style: italic;
	width: 200px;
	overflow: hidden;
	float: right;
	margin-top: -18px;
}

.settingsraw {
    display: none;
}

#skinSelector {
	border: none;
	margin: 0;
	padding: 0;
}

#skinSelector h5 {
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 0.5em;
	font-size: 1em;
}

#skinSelector select {
	display: inline;
	font-size: 1em;
}

#mutators .noMutatorsMsg {
    font-size: italic;
}

/* scale 9 frame stuff */

.s9box { position: relative; padding: 25px; } 
.s9box .c-tl { position: absolute; left: -50px; top: -25px; width: 60px; height: 60px; background: left top no-repeat; } 
.s9box .c-tr { position: absolute; right: 0px; top: -25px; width: 60px; height: 60px; background: right top no-repeat; } 
.s9box .c-bl { position: absolute; left: -50px; bottom: -25px; width: 60px; height: 60px; background: left bottom no-repeat; } 
.s9box .c-br { position: absolute; right: 0px; bottom: -25px; width: 60px; height: 60px; background: right bottom no-repeat; } 
.s9box .b-bottom { position: relative; top: 25px; background: bottom repeat-x; } 
.s9box .b-top { position: relative; top: -50px; background: top repeat-x; } 
.s9box .b-right { position: relative; left: 50px; background: right repeat-y; } 
.s9box .b-left { position: relative; left: -25px; top: 25px; background: left repeat-y; } 
.s9box .b-content { position: relative; left: -25px; top: 0px; }

.s9frame .c-tl, .s9frame .c-tr, .s9frame .c-bl, .s9frame .c-br { background-image: url(frame.png); } 
.s9frame .b-bottom { background-image: url(frame_border_bottom.png); } 
.s9frame .b-top { background-image: url(frame_border_top.png); } 
.s9frame .b-right { background-image: url(frame_border_right.png); } 
.s9frame .b-left { background-image: url(frame_border_left.png); } 
.s9frame .b-content { background-image: url(frame_bg.png); }


#promptDialog, #confirmDialog {
	background-image: url(dimmed.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	cursor: default;
	display: none;
}

#promptWindow, #confirmWindow {
	cursor: auto;
	margin: auto;
	width: 33%;
	top: 33%;
}

#promptDialog input {
	width: 99%;
}

#promptDialog button, #confirmDialog button {
	margin: 5px 5px 0 0;
}

#WelcomePageSettings {
	margin: 30px;
	padding: 5px;
	border: 1px solid #654c38;
	text-align: center;
}

#WelcomePageSettings label {
	display: none;
}

#WelcomePageSettings input, #WelcomePageSettings textarea {
	width: 90%;
	border-color: #94805d;
}

#WelcomePageSettings input:hover, #WelcomePageSettings textarea:hover,
#WelcomePageSettings input:focus, #WelcomePageSettings textarea:focus {
	border-color: #512D15;
}

#WelcomePageSettings input.colorSetting {
	width: 68px;
}

div.colorSelector {
   background: url(colorpicker/select.png) repeat scroll 0 0 transparent;
   height: 36px;
   position: relative;
   width: 36px;
	float: right;
	margin-left: -36px;
}

div.colorSelector div {
    background: url(colorpicker/select.png) repeat scroll center center transparent;
    height: 30px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 30px;
}

div#secWebLink div.colorSelector {
	margin-top: -10px;
}

#allmapsSection ul {
	padding-top: 10px;
}

#allmapsSection {
	float: left;
	width: 330px;
	margin-top: 40px;
	margin-left: -360px;
}

/* color picker styles */

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(colorpicker/colorpicker_background.png);
	display: none;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(colorpicker/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(colorpicker/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(colorpicker/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}

.disabled input, .disabled input:hover, .disabled select, .disabled select:hover, .disabled textarea, .disabled textarea:hover {
	background-image: none;
	background-color: transparent;
	border-color: gray;
	color: #525252;
	cursor: default;
}

.disabled label, .disabled label:hover {
	color: #525252;
	cursor: default;
}

#privilege_log_container {
	position: fixed;
	left: 0;
	bottom: 0;
}

#privilege_log {
	display: none;
	border: 1px solid #1b1b1b;
	padding: 4px;
	box-shadow: 2px 1px 2px 1px #4f0b0d; 
	font-size: smaller;
	background: #0e0e0e;
}

#privilege_log ul {
	padding-left: 0;
	margin-left: 20px;
}

#privilege_log li {
	list-style: disc;
}


#gamesummary {
	position: absolute;
	top: 0px;
	right: 30px;
  
  	color: #ebc8c8;
  	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 12px;
}


#gamesummary h2 {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #907777;
}

#gamesummary-details {
	background-color: #3c0f0f;	
	padding: 10px;
	padding-left: 120px;
	height: 50px;
	white-space: nowrap;
	max-width: 300px;	
	overflow: hidden;
	text-overflow: ellipsis;
	text-shadow: 0px 0px 2px #c2c2c2;
}

#gamesummary-details div.gs_mapimage {
	position: relative;
	width: 100px;
	height: 50px;
	left: -110px;
}

#gamesummary-details div.gs_mapimage img {
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

#gamesummary-details dl {
	position: relative;
	top: -50px;
}

#gamesummary-details dt {
	display: inline;
	font-weight: bolder;
	font-size: inherit;
	color: inherit;
	text-shadow: inherit;
}

#gamesummary-details dt:after {
	content: " - ";
}

#gamesummary-details dd {
	display: inline;
	line-height: 16px;
}

#gamesummary-details dd:after {
	content: "\000a";
	white-space: pre;
}

#gamesummary-details dt.gs_map {
	display: none;
}

/* special styling for the chatframe */

#chatwindow {
	background: #0b0b0b;
	background-image: url(bg-page.png);
	position: fixed;
	bottom: 0;
	right: 0;
	left: 250px;
}

#chatwindowPadding {
	height: 240px;
}

#chatwindow #chatframeactions {
	float: right;
}

#chatwindow #chatframeactions span {
	cursor: pointer;
}

#chatwindow #chatwindowframe {
	height: 200px;
	border-right: 4px solid transparent;
	box-sizing: border-box;
}

body.chatframe {
	padding: 0;
}

body.chatframe #content {
	margin-left: 0;
	margin-right: 11px;
	padding: 0;
}

body.chatframe #footer {
	display: none;
}

body.chatframe #autoupdatechatdiv {
	display: none;
}

table#currentinfo {
	border-collapse: separate;	
}

table#currentinfo td {
	border-right: 20px solid transparent;
}

table#currentinfo td:last-child {
	border: none;
}

div.section {
	background-color: #0a0a0a;
	border: 1px solid #181818;
	padding: 10px;
}

div.section.narrow {
	padding: 2px;
}

#chatframeactions {
	height: 22px;
}

#chatwindow h2 {
	border-right: 4px solid transparent;
}

#chatframeactions .chatmin {
	background: url(btn_toggle.png) no-repeat center;
	width: 22px;
	height: 22px;
	left: -30px;
	top: 4px;
	display: block;
	position: relative;
}

#chatframeactions .chatmin span {
	display: none;
}

#chatframeactions .chatmax {
	background: url(btn_maximize.png) no-repeat center;
	width: 22px;
	top: -18px;
	left: -4px;
	height: 22px;
	display: block;
	position: relative;
}

#chatframeactions .chatmax span {
	display: none;
}

table#policies tr:hover {
	background: transparent;
}