body  {
		background: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		color: #ddddee;
		font-size: 80%;
		margin: 5px;
		padding: 0px;
		border: 0px;
	}

	.header { font-size: 175%; font-weight: bold; text-align: center; color: #4d78b9; }
	.body { text-align: center; font-size: 100%; color: #ddddee; font-family: Verdana, Helvetica, Arial, sans-serif; }
	.footer { font-size: 100%; text-align: center; font-style: oblique }
	.copy { font-size: 10px; color: #303040; text-align: center }
	.timeline { font-size: 10px; color: #a0a0b0; text-align: left }
	.name { font-size: 125%; font-family: Times New Roman, Times Roman, Times, serif }
	hr { background-color: #4d78b9; color: #4d78b9; border: 0px; }
	h1, h3, h5 { color: #4d78b9; }
	h2, h4, h6 { color: #0066b3; }

/* Fucking IE needs a fucking hack because it doesn't understand transparent borders. */
	*html a:link, *html a:visited { border-color: #000000;  }

/* Links */
	a:link, a:visited { color: white; border: 1px solid transparent; padding: 1px }
	a:link:hover, a:visited:hover { border: 1px solid #ddddee; text-decoration: none; background-color: #505060}
	a:link.namer { background-color: black; border: 0px; text-decoration: none }
	a:link:hover.namer { background-color: black; border: 0px; text-decoration: none }
	a:visited.namer { background-color: black; border: 0px; text-decoration: none }

/* The powered-by link is hidden */
	.copy a, .copy a:link, .copy a:visited, .copy a:active, .copy a:hover {
		color: #303040;
		border: 0px;
		padding: 0px;
		background-color: #000000;
		text-decoration: none;
	}
	.copy a:hover {
		text-decoration: underline;
	}

/* Pre tags tend to get a little funky... */
	pre { font-family: Courier New, Courier, fixed; font-size: 125%; }

/* Message lines in the chat */
	.messageline { padding: 0px 0px 0px 7px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%;  }
	.thename { font-size: 150%; font-family: Times New Roman, Times Roman, Times, serif; font-weight: bold  }
	.thecaption { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif }
	.thelinks { font-size: 140%; font-family: Wingdings }
	.thetime { font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif }
	.themessage { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif }
/* Links in the message line */
	a.url, a.email {
		border: 0px;
		margin: 0px;
		padding: 0px;
		margin-left: 2px;
		margin-right: 2px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: top left;
		display: -moz-inline-block;
		display: inline-block;
	}
	a.url {
		font-size: 10px;
		height: 13px;
		width: 10px;
		background-image: url(wingdings-letter.png);
	}
	a.email {
		font-size: 10px;
		height: 13px;
		width: 17px;
		background-image: url(wingdings-envelope.png);
	}
	a:hover.url, a:hover.email {
		border: 0px;
		background-color: white !important;
	}

/* New user welcome */
	.messageline.welcome { color: #505060; }
	.messageline.welcome .star { color: #ddddee; }

/* Posting form */
	.button, .textbox, .textarea, input[type=submit], input[type=button], input[type=text], select, textarea {
		background-color : #000000;
		border: 1px solid #a0a0a0;
		font-size : 11px;
		color: #ddddee;
		font-family : verdana, arial, sans-serif;
	}
	.button {
		cursor: hand;
		cursor: pointer;
	}
	.textbox {
		width: 145px;
	}
	.textarea {
		width: 520px;
		height: 35px;
	}
	.namer {
		cursor: hand;
		cursor: pointer;
	}

/* Hover magic for browsers that don't understand non-anchor based hover/focus is provided via jQuery */
	.textbox:hover, .textarea:hover, .button:hover, .textbox:hover, .textarea:hover, .button:hover,
	input[type=submit]:hover, input[type=button]:hover, input[type=text]:hover, select:hover, textarea:hover {
		border-color: #4d78b9;
	}
	.textbox:focus, .textarea:focus, .button:focus, .textbox.focus, .textarea.focus, .button.focus,
	input[type=submit]:focus, input[type=button]:focus, input[type=text]:focus, select:focus, textarea:focus,
	.textbox:active, .textarea:active, .button:active,
	input[type=submit]:active, input[type=button]:active, input[type=text]:active, select:active, textarea:active {
		border-color: #0066b3;
		background-color: #101010;
	}
	input.disabled, input[disabled], button.disabled, button[disabled] {
		color: #505060 !important;
		border-color: #505060 !important;
		background-color: #101010 !important;
	}

/* Ajax loader */
	#ajaxloader {
		height: 18px;
		width: 20px;
		position: absolute;
	}
	#ajaxloader.loading {
		background-image: url(ajax_blue.gif);
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
	}

/* Multichat bits */
	#multichat-name-pick-list {
		border-collapse: separate;
		margin: 0px;
		margin-bottom: 3px;
		padding: 0px;
		border: 0px;
	}
	#multichat-name-pick-list td {
		font-size: 90%;
		padding: 1px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
		border: 1px solid #444444;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
	}
	#multichat-name-pick-list td.picked {
		border: 1px solid #444444;
		border-bottom: 0px;
	}
	#multichat-name-pick-list td.picked span.yoink {
		display: inline;
		color: red;
		margin-left: 5px;
		cursor: hand;
		cursor: pointer;
	}
	#multichat-name-pick-list td.picked span.yoink:hover {
		text-decoration: underline;
	}
	#multichat-name-pick-list td span.yoink {
		display: none;
	}
	#multichat-name-pick-list td.adder {
		border-bottom: 0px;
		border-left: 1px solid #444444;
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;
	}
	#multichat-name-pick-list td .name {
		font-size: 110%;
		font-weight: normal;
		cursor: hand;
		cursor: pointer;
	}
	#multichat-name-pick-list td.picked .name {
		font-size: 115%;
		font-weight: bold;
		cursor: hand;
		cursor: pointer;
	}

/* Color picker */
	.colorpicker-cell {
		height: 15px;
		width: 15px;
		float: left;
		border: 1px dotted #a0a0a0;
		margin: 2px;
	}

	.jqcp{
	   background:url('https://maquisuniversal.org/complex/mu-station/ext/colorpicker/c_picker.png') no-repeat;
	   cursor:crosshair;
	   width:244px;
	   height:240px;
	}
	
	.jqcpmarker{
	   background:url('https://maquisuniversal.org/complex/mu-station/ext/colorpicker/marker.gif') no-repeat;
	   width:8px;
	   height:8px;
	}
	
	.jqbr{
	   background:url('https://maquisuniversal.org/complex/mu-station/ext/colorpicker/c_tuner.png') no-repeat;
	   cursor:crosshair;
	   width:14px;
	   height:240px;
	}
	
	.jqbrp{
	   background:url('https://maquisuniversal.org/complex/mu-station/ext/colorpicker/c_pbar.gif') no-repeat;
	   cursor:crosshair;
	   width:14px;
	   height:240px;
	}
	
	.jqbrpointer{
	   background:url('https://maquisuniversal.org/complex/mu-station/ext/colorpicker/c_pointer.gif') no-repeat;
	   width:5px;
	   height:9px;
	}
	
	.jqcp_table{
	   width:280px;
	   padding:0;
	   margin:0;
	}

/* Guard page: main table cell magic */
	#bantable {
		border: 2px solid #808080;
		width: 172px;
		margin: 0px;
		padding: 0px;
		border-collapse: separate;
	}
	#bantable tr.bantoprow, #bantable tr.banbotrow {
		cursor: pointer;
		cursor: hand;
	}
	#bantable tr.bantoprow td, #bantable tr.banbotrow td {
		border: 2px solid #000000;
	}
	#bantable td.banbtncell {
		border-right: 0px !important;
	}
	#bantable td.bannamecell {
		border-bottom: 0px !important;
		border-left: 0px !important;
	}
	#bantable td.banipcell {
		border-top: 0px !important;
		border-left: 0px !important;
	}
	#bantable td.banipcell small {
		color: #ddddee;
	}
/* Guard page: main table cell magic part 2 */
	#bantable td.banbtncell.active,
	#bantable td.bannamecell.active,
	#bantable td.banipcell.active {
		border-color: #808080;
		background-color: #101010;
	}
/* Guard page: Make it all fit... */
	#banopttable {
		width: 174px;
	}
	#banopttable td {
		font-size: 10px;
	}
	#banopttable .textbox {
		width: 122px;
	}
	#banrefreshbtn, #banrefreshbtn_top, #bankickbtn {
		width: 172px;
	}
/* Guard page: List of active and lifted bans */
	.bannedstart {
		color: #808080;
	}
	.bannedend {
		color: #a0a0b0;
	}
	.bannedreason {
		color: #a0a0f0;
	}
	.bannedlifted {
		color: #f0a0a0;
		font-style: italic;
	}
/* Guard page: List of bans */
	.banlist {
		width: 174px !important;
		font-size: 77.5%;
		border-collapse: collapse;
	}
	.banlist td {
		vertical-align: top;
	}
	.banlist .l {
		text-align: right;
	}
	.banlist .t {
		white-space: nowrap;
	}
	.banlist th {
		border-top: 1px solid #4d78b9;
	}

/* Control Panel Pages */
	.cpanel-wrapper {
		width: 660px;
		text-align: left;
		margin: auto;
	}

/* Control Panel Page: Settings */
	#cpanel-settings {
		font-size: 90%;
		border-collapse: collapse;
	}
	#cpanel-settings tr {
		border-top: 1px solid #444444;
	}
	#cpanel-settings th {
		color: #4d78b9;
		font-size: 120%;
		border: 1px solid #444444;
	}
	#cpanel-settings .l {
		font-weight: bold;
		font-size: 105%;
	}
	#cpanel-settings .l span {
		font-weight: normal;
		font-size: 80%;
	}
/* Control Panel Page: Login Manager */
	#cpanel-login-list {
		font-size: 90%;
		border-collapse: collapse;
	}
	#cpanel-login-list tr {
		border-top: 1px solid #444444;
	}
	#cpanel-login-list th {
		color: #4d78b9;
		font-size: 120%;
		border: 1px solid #444444;
	}


/* Log viewer: IP address */
	div.log-ip {
		font-size: 80%;
		font-weight: bold;
		margin-left: 2em;
		color: #4d78b9;
	}