body { display:none; }

*:focus {
    outline: none;
}

#ViewPort { 
	position:absolute; 
	left:0px; 
	top:0px; 
	z-index:10; 
	width:100%; 
	height:100%; 
	margin-left:0px auto; 
	margin-top:0px auto; 
	cursor:crosshair;
}

img.preload { position:absolute; left:0px; top:0px; z-index:-10; }
.preload { display:none; }

.mirror {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}

body {
	overflow:hidden;
	background-color:#000;
}

.instance {
    padding-top: 4px;
	padding-bottom: 4px;
	font-size:12px;
}

.bossinstance {
    padding-top: 4px;
	padding-bottom: 4px;
	font-size:12px;
}

.market {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size:12px;
}

.instance a {
	color:#080;
	text-decoration:none;
}

.instance a:hover {
	color:#0f0;
}

.bossinstance a {
	color:#a00;
	text-decoration:none;
}

.bossinstance a:hover {
	color:#f00;
}

.market a {
	color:#aa0;
	text-decoration:none;
}

.market a:hover {
	color:#ff0;
}

.captionButtons {
	text-align:center;
	margin-top:32px;
	padding-top:4px;
	background-color:rgba(0,0,0,.4);
	border-radius: 8px;
}

.captionButtons img:hover {
	border-color: transparent; /* remove the border's colour */
    box-shadow: 0 0 0 2px #0f0; /* emulate the border */
	border-radius: 8px;
	cursor:pointer;
}

.captionCloseButton {
	position:absolute;
	top:4px;
	right:4px;
	width:18px;
	height:18px;
	text-align:center;
	border-radius:8px;
	vertical-align:middle;
	cursor:pointer;
}

.captionCloseButton:hover {
	position:absolute;
	top:4px;
	right:4px;
	width:18px;
	height:18px;
	background-color:#0f0;
	color:#000;
	text-align:center;
	border-radius:8px;
	vertical-align:middle;
	cursor:pointer;
}


#CommunicationsWindow {
	position:absolute;
    bottom:24px;
    z-index:11;
    width:80%;
    height:38px;
    left:10%;
    background:transparent;
    border-radius:8px;
    overflow:hidden;
    opacity:.1;
    display:none;
}

#CommunicationsWindow:hover { 
    position:absolute;
    bottom:24px;
    z-index:11;
    width:80%;
    height:400px;
    left:10%;
    background:transparent;
    border-radius:8px;
    overflow:hidden;
    opacity:1;
}

#ComWindowBackground {
    position:absolute; 
    width:100%; 
    height:100%; 
    opacity:.5; 
    background-color:#000000; 
    z-index:-10; 
    border-radius:8px;
}

#Messages {
    overflow-y:scroll;
    height:80%;
    font-size:11px;
}

#Messages::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #000;
}

#Messages::-webkit-scrollbar
{
	width: 6px;
	background-color: #fff;
}

#Messages::-webkit-scrollbar-thumb
{
	background-color: #0f0;
}

#NewMessageBox {
    width:100%;
    background:transparent;
    font-family:'Lucida Console';
    border:none;
    padding-left:8px;
    color:#00ff00;
    border-top:#00ff00 1px solid;
    border-radius:0px;
    height:24px;
}

.chatMessage {
    font-family:'Lucida Console';
    color:#00ff00;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
}

.systemMessage {
    font-family:'Lucida Console';
    color:#ffff00;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
}

.chatError {
    font-family:'Lucida Console';
    color:#ff0000;
    padding-left:8px;
    padding-right:8px;
    margin-bottom:4px;
}