﻿body
{
	background-color: #C0C0C0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border: none;
}
a
{
	color: #0000E0;
	text-decoration: underline;
}
td
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.infoMsg
{
	color: #00E000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.noticeMsg
{
	color: #990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.serverMsg
{
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.errorMsg
{
	color: #E00000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.winTab
{
	background-color: #C0C0C0;
	border-left: solid 1px #808080;
	border-top: solid 1px #808080;
	border-right: solid 1px #808080;
	padding: 2px;
}
.winSelected
{
	background-color: #E0E0E0;
	border-left: solid 1px #808080;
	border-top: solid 1px #808080;
	border-right: solid 1px #808080;
	padding: 2px;
	font-weight: bold;
}
.messageRow
{
	vertical-align: top;
}

.cellTime
{
	border-bottom: solid 1px #D0D0D0;
	background-color: #F0F0F0;
	text-align: right;
}

.cellName
{
	border-bottom: solid 1px #D0D0D0;
	background-color: #E0E0E0;
	text-align: right;
}

.cellHTML
{
	border-bottom: solid 1px #D0D0D0;
	background-color: #FFFFFF;
	padding-left: 10px;
	width: 100%;
}

#sendLine
{
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	background-color: #F0F0F0;
	padding: 2px;
	width: 100%
}

#chatCommands
{
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #808080;
	border-right: solid 1px #808080;
	background-color: #E0E0E0;
	padding: 3px;
	margin-top: 3px;
	position: absolute;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}

.advert
{
	background: url("images/top_wave.gif") no-repeat left top;
	padding: 3px;
	margin-top: 0px;
	font-size: 14px;
	font-weight: bold;
	width: 442px;
	height: 62px;
}

.loginBox
{
	border: solid 1px #000000;
	background-color: #E0E0E0;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 20px;
	border-spacing: 0px;
}

.loginTitle
{
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

.button
{
	border: solid 1px #000000;
	background-color: #E0E0E0;
	padding: 3px;
	font-weight: bold;
	color: #0000E0;
	cursor: pointer;
}

#mainContainer
{
	padding: 10px;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}

#windowList
{
	width: 100%;
	font-size: 93%;
	line-height: normal;
	margin-bottom: 3px;
}

#windowList .tab
{
	background: url("images/left_tab.gif") no-repeat left top;
	margin-right: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	margin-left: 0px;	
	height: 20px;
}
#windowList span
{
	background: url("images/right_tab.gif") no-repeat right top;
	cursor: pointer;
	padding: 3px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding-right: 4px;
	margin-right: 4px;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
#windowList #currentTabB
{
	background-image: url("images/right_tab_on.gif");
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 3px;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
#windowList #currentTabA
{
	background-image: url("images/left_tab_on.gif");
	margin-right: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	margin-left: 0px;
}

#serverList
{
	padding-left: 5px;
	border-bottom: solid 1px #000000;
	background-color: #000000;
	height: 22px;
}

#serverList .tab
{
	background: url("images/left_stab.gif") no-repeat left top;
	margin-right: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	margin-left: 0px;	
	height: 20px;
}
#serverList span
{
	background: url("images/right_stab.gif") no-repeat right top;
	cursor: pointer;
	padding: 3px;
	color: #000000;
	font-weight: bold;
	height: 20px;
	padding-right: 4px;
	margin-right: 4px;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
#serverList #currentTabB
{
	background-image: url("images/right_stab_on.gif");
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 3px;
	-moz-box-sizing:  border-box;
	box-sizing:  border-box;
}
#serverList #currentTabA
{
	background-image: url("images/left_stab_on.gif");
	margin-right: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 4px;
	margin-left: 0px;
}
.contentContainer
{
	background-Color: #E0E0E0;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #808080;
}
#channelMessage
{
	overflow: auto;
	height: 200;
	width: 100%;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}
#onlineList
{
	overflow: auto;
	height: 200;
	width: 150;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	background-color: #FFFFFF;
}
#onlineContainer
{
	padding-left: 5px;
}
.titleChannelList
{
	background-color: #C0C0C0;
	font-weight: bold;
	vertical-align: top;
}
.oddChannelList
{
	background-color: #E0E0E0;
	cursor: pointer;
}
.evenChannelList
{
	background-color: #FFFFFF;
	cursor: pointer;
}

#suggestions
{
	position: absolute;
	top: 0;
	visibility: hidden;
	border: solid 1px #FFE000;
	background-Color: #FFF0A0;
	width: 200;
	height: 20;
}
.serverUser
{
	color: #E00000;
}

.userNickColor
{
	color: #00A0C0;
}

#colorPicker
{
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #C0C0C0;
	top: -50;
}

#smilyPicker
{
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #C0C0C0;
	top: -170;
	left: 80;
}

#userContextMenu
{
	position: absolute;
	top: 1;
	left: 1;
	border: solid 1px #000000;
	background-color: #C0C0C0;
	font-weight: bold;
	cursor: pointer;
	visibility: hidden;
}

#userSubMenu
{
	position: absolute;
	top: 1;
	left: 1;
	border: solid 1px #000000;
	background-color: #C0C0C0;
	font-weight: bold;
	cursor: pointer;
	visibility: hidden;
}

#subWindow
{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

.onlineUser
{
	cursor: pointer;
	border-bottom: solid 1px #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
}

.overOnlineUser
{
	cursor: pointer;
	border-bottom: solid 1px #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #C0C0C0;
}

#optServerList
{
	width: 99%;
	height: 200;
	overflow: auto;
	background-color: #FFFFFF;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
}

.optServerItemSelect
{
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #A0A0FF;
}

.optServerItem
{
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
}

.optServerItemOver
{
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #E0E0E0;
}

.optServerItemCell
{
	border-bottom: solid 1px #C0C0C0;
}