label
{
	font-family: tahoma, verdana;
	font-size: 12px;
}
#userCount
{
	font-family: tahoma, verdana;
	font-size: 12px;
}
#emoticons /* Div which contains emoticons, may need to be modified when icons are added/changed/removed. */
{
	overflow: hidden;
	position: absolute;
	display: none;
	padding: 3px;
	overflow: auto;
}
.sendBtn /* Submit button when user sends new message. */
{
	height: 23px;
}
.pmessage /* Text box for users to enter their message into for private chat */
{
	height: 23px;
	width: 265px;
	margin-left: 2px;
	margin-right: 5px;
}
#duserlist /* Style of user list */
{
/*
tm removed
	overflow: auto;
	width:240px;
	height: 384px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-top: 0px;
	font-family: tahoma, verdana;
	font-size: 12px;
*/
}.uList
{
	list-style-type: none;
    margin: 0;
    padding: 0;
	margin-top: 1px;
    text-align: left;
}
.uList li
{
	padding-top: 1px;
}
.PrivScrollDiv /* Chat window private messages are displayed in */
{
	padding-bottom: 0px;
	font-family: tahoma, verdana;
	font-size: 12px; 
	/*width: 160px; 
	height: 140px;*/
	overflow: auto; 
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 0px;
}
.panelDiv {
	background: gray;
	padding:3px;
    position:absolute; 
    /*height: 280px; 
    width: 330px;*/
    top:87px; 
    left:112px; 
}

.handleDiv {
    position: absolute; 
    bottom:0px; 
    right: 0px; 
    width:10px; 
    height:10px;
    background-color:blue;
    font-size: 1px;
}

#theimage {
    position:absolute;top:10px;left:10px;
}

.buttonSelected
{
	border: inset 1px;
	height: 16px;
	float: left;
	cursor: default;
}

.button
{
	height: 16px;
	float: left;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	margin-right:1px;
}
.contextMenu{	/* The menu container */
	border:1px solid #202867;	/* Border around the entire menu */
	background-color:#FFF;	/* White background color of the menu */
	margin:0px;
	padding:0px;
	width:125px;	/* Width of context menu */
	font-family:arial;
	font-size:12px;
	background-image:url('/images/gradient.gif');
	background-repeat:repeat-y;
	padding-left: 24px;
	
	/* Never change these two values */
	position:absolute;

}
.contextMenu a{	/* Links in the context menu */
	text-decoration:none;
	vertical-align:middle;
	color: #000;
	
	/* Don't change these 3 values */
	display:block;	
	width:100%;
	clear:both;
}
.contextMenu li{	/* Each menu item */
	list-style-type:none;
	padding:3px;
	margin:0px;
	cursor:pointer;	
	clear:both;
	font-weight: bold;
	color: #000;
}
.contextMenu li div{	/* Dynamically created divs */
	cursor:pointer;	
}
#colorBtn{}
.contextMenu .contextMenuHighlighted{	/* Highlighted context menu item */
	background-color:#3A7687;
	color: #fff;
}
.contextMenu img{
	border:0px;
}
#cmDefault{
	position:absolute;
	left:0;
	top:0;
	height: 234px;
	width: 282px;
	z-index:900;
}
#ColourMod {
	position:relative;
	left:0;
	top:0;
	display:none;
	z-index:900;
}

.cmDefaultMiniOverlay {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/ColourModMiniBG.png');
	height: 234px;
	width: 282px;
	position:absolute;
	left:0;
	top:0;
}
.cmDefaultMiniOverlay[class] {
 	background: url(/images/ColourModMiniBG.png) no-repeat;
}

#cmSatValContainer {
	height: 150px;
	width: 150px;
	position: absolute;
	left: 14px;
	top: 43px;
}

#cmHueContainer {
	position: absolute;
	top: 44px;
	left: 185px;
	height: 168px;
	width: 40px;
}
.cmColorContainer {
	background: #FFFFFF;
	height: 160px;
	width: 20px;
	position: absolute;
	left: 230px;
	top: 49px;
}
.cmBlueDot {
	position: relative;
	z-index: 3;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/BlueDot.png');
	height: 21px;
	width: 21px;
}
.cmBlueDot[class] {
	background: url(/images/BlueDot.png) no-repeat;
}
.cmBlueArrow {
	position: relative;
	z-index: 3;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/BlueArrow.png');
	height: 21px;
	width: 23px;
}
.cmBlueArrow[class] {
	background: url(/images/BlueArrow.png) no-repeat;
}
.cmSatValBg {
	height: 150px;
	width: 150px;
	background: #FF0000;
	position: absolute;
	left: 29px;
	top: 50px;
}

a.cmLink {
width:90px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	position:absolute;
	top:203px;
	z-index:400;
	color: #CCCCCC;
	text-decoration: none;
	border: none 0px;
}
a.cmLink:hover {
	color: #999999;
	text-decoration: none;
	border: none 0px;
}
#cmHex {
	position:relative;
	top:3px;
	color: #333333;
	font: 12px "Arial Narrow", Arial, Helvetica, sans-serif;
	border:1px solid #CCC;

}
#cmClose {
	position:absolute;
	left:135px;
	width:120px;
	text-align:right;
	height:30px;
}
#cmCloseButton {
position:relative;
top:13px;
}