/***** COLORS *****/

body.htirc {
	color: white;
	background: black;
}

#chatbox, #chattop, .nameslistitem {
	color: white;
}

.chattimestamp {
	color: #808080;
}

.activetab {
	background: #222;
	color: #fff;
	border-top: none;
	border-left: 1px solid #269;
	border-bottom: 1px solid #269;
	border-right: 1px solid #269;
}

.inactivetab {
	background: #000;
	color: #aaa;
	border: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

.highlighttab {
	color: red;
}

div.chatdialog {
	border: 1px solid #269;
	background-color: #222;
}

a {
	color: #57f;
}

/**********/

* {
	margin: 0;
}

html, body, #chatc {
	height: 100%;
	overflow: hidden;
}

#chatc, #chatboxc, #chatbox, #chattop, #chattop *, #chatsend, .nameslistitem {
	padding: 0;
}

#chatboxc, #chatnamesc {
	height: 80%;
	overflow: auto;
	overflow-y: scroll;
}

#chatboxc {
	float: left;
	width: 80%;
	font-size: 100%;
}

#chatnamesc {
	float: right;
	width: 19%;
	overflow-x: hidden;
	font-size: small;
}

#chatcontrols, #chattop {
	float: left;
	clear: both;
	width: 100%;
}

#chatcontrols { height: 15%; }
#chattop { height: 5%; }

#chattop * {
	height: 100%;
	font-size: small;
}

.nameslist {
	list-style-type: none;
	padding-left: 0.1em;
	margin: 0.25em;
}

.nameslistitem {
	border: none;
	background: none;
	text-align: left;
	cursor: pointer;
}

.chatbox p {
	padding-left: 2em;
	margin: 0.3em;
	text-indent: -2em;
	line-height: 1em;
	font-family: monospace;
}

.activetab {
	padding-top: 3px;
	padding-bottom: 2px;
}

.inactivetab {
	margin-bottom: 2px;
}

#chatframelist {
	clear: both;
	border-top: 1px solid #444;
}	

#chatnick {
	float: left;
	width: 20%;
	overflow: hidden;
	font-size: small;
	font-family: sans-serif;
	vertical-align: middle;
}

#chatform {
	float: right;
	width: 78%;
}

#chatinput {
	width: 70%;
}

#chatsend {
	width: 6%;
}

div.chatdialog {
	padding: 1.5em 3em;
	width: 66%;
	margin: 1em auto;
	text-align: center;
}

table.chatdialog {
	text-align: right;
	margin: auto;
}

.chatlabel {
	padding-right: 0.67em;
}

.chatdialogbutton {
	font-size: 112%;
	padding: 0.67em 1.67em;
	margin: 0.67em;
	margin-top: 1.67em;
}

.chatdialog form p {
	margin: 0.67em;
}

/* right click action menu*/

.rightmenu {
        z-index:90;
        position:absolute;
        background-color: #FFD455;
        border-style: solid;
        border-color: black;
        width:100px;
        padding: 2px;
        border-width:1px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        -khtml-border-radius:10px;
        border-radius:10px;
	color:black;
}

.rightmenu > ul > li {
        padding: -30px;
        /*margin-top:-12px;*/
        margin-left:-39px;
        margin-bottom:5px;
        list-style-type: none;
        border-color: black;
        border-style: none none solid none;
        border-width:1px;
}

.rightmenu > ul > li:hover {
        /*I'm not sure, but I think IE <= 6 doesn't support :hover except if in <a>. If that's the case, I can make a js workaround.*/
        background-color:#abcdef;
}