html, body, table, input, select, textarea {
	font-family: verdana,lucida,helvetica,arial,sans-serif;
	font-size: 10px;
}

.smSelect {
	font-family: Verdana;
	font-size: 10px;
}

.footer, .footer a, .footer a:hover, .footer a:visited, .footer a:visited:hover {
	font-family: Verdana;
	font-size: 10px;
	color: #CCDDF4;
	font-weight: bold;
}










.statusText {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.avatarText {
	font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}





/* Chatbox */


.chatWindow {
	background-color: #558ED5;
	height: 100%;
}

.chatBoxTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	height: 25px;
	background-color: #558ED5;
}

a.chatBoxTitleLink, a.chatBoxTitleLink:visited, a.chatBoxTitleLink:hover, a.chatBoxTitleLink:visited:hover {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.chatFrame {
	width: 100%;
	padding: 3px;
	overflow: auto;
	background-color: #FFFFFF;
	vertical-align: top;
}

#chatbox {
	width: 100%;
	height: 100%;
	overflow: auto;
}





.roomrow1 {
	background-color: #F5F5F5;
}

.roomrow1 a, .roomrow1 a:visited, .roomrow1 a:hover, .roomrow1 a:visited:hover {
	text-decoration: none;
	color: black;
}

.roomrow2 {
	background-color: #EEEEEE;
}

.roomrow2 a, .roomrow2 a:visited, .roomrow2 a:hover, .roomrow2 a:visited:hover {
	text-decoration: none;
	color: black;
}




/* Rooms Box */


.roomsFrame {
	width: 100%;
	height: 65;
	padding: 1px;
	overflow: auto;
	background-color: #FFFFFF;
}

.roomsTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	height: 25px;
	background-color: #558ED5;
}

#roomsBox {
	width: 100%;
	height: 100%;
	overflow: auto;
}


/* Chatbox */


.usersWindow {
	background-color: #558ED5;
	height: 100%;
}

.usersBoxTitle {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	height: 25px;
	background-color: #558ED5;
}

.usersFrame {
	width: 100%;
	padding: 3px;
	overflow: auto;
	background-color: #FFFFFF;
	vertical-align: top;
	padding: 0px;
}

#usersbox {
	overflow: auto;
	height: 100%;
}

.totalOnline {
	background-color: #F6F6F6;
	padding: 5px;
	border-bottom: 1px solid #E3E3E3;
	font-family: Verdana;
	font-size: 10px;
	height: 26px;
	padding: 5px;
}


.usersBox1 {
	padding: 5px;
	border-bottom: 1px solid #EEEEEE;
	background-color: #F6F6F6;
	font-family: Verdana;
	font-size: 10px;
}

.usersBox1 a, .usersBox1 a:visited, .usersBox1:hover, .usersBox1:visited:hover {
	color: #2059A2;
}

.usersBox2 {
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
	background-color: #F6F6F6;
	font-family: Verdana;
	font-size: 10px;
}

.usersBox2 a, .usersBox2 a:visited, .usersBox2:hover, .usersBox2:visited:hover {
	color: #2059A2;
}

.usersBottom {
	background-color: #FFFFFF;
	background-image: URL(images/usersbox-bg.gif);
	background-repeat: repeat-x;
}

.usersBottomBox {
	border: 1px solid #C7C7C7;
	padding: 5px;
	background-color: #E0E0E0;
	background-image: URL(images/usersbottombox-bg.gif);
}








/* Message Notifications */

.userJoined {
	font-weight: bold;
	color: green;
	font-family: Verdana;
	font-size: 10px;
}

.userLeft {
	font-weight: bold;
	color: green;
	font-family: Verdana;
	font-size: 10px;
}

.changedStatus {
	font-weight: bold;
	color: orange;
	font-family: Verdana;
	font-size: 10px;
	color: #B3B3B3;
}

.privateMsgTo, a.privateMsgTo {
	font-weight: bold;
	font-size: 10px;
	color: #B3B3B3;
}

.privateMsgFrom, a.privateMsgFrom {
	font-weight: bold;
	font-size: 10px;
	color: #008000;
}

.consolemessage {
	font-size: 10px;
	color: green;
	font-weight: bold;
}


/* Status Box */

.statusBox {
	background-color: #DDE1E2;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
	height: 25px;
}




/* Message Box */

.messageBox {
	background-color: #E2E2E2;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-family: Verdana;
	font-size: 10px;
}


.messageBox td, .messageBox input, .messageBox select  {
	font-family: Verdana;
	font-size: 10px;

}

/* Loading Box */
#loading {
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	text-align: center;

	background-color: #FFFFFF;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95;
	overflow: hidden;
	z-index: 1
}


#changingroom {
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	text-align: center;

	background-color: #FFFFFF;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95;
	overflow: hidden;
	z-index: 1
}


/* emoticons box */
#emoticons {
	position:absolute;
	top: 320px;
	left: 21px;

	background-color: #FFFFFF;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
	border-bottom: 1px solid #C1C1C1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95;
	overflow: hidden;
	z-index: 1
}

#emoticons div {
    width:235px;
    height:50px;
    display:block;
    overflow:hidden
}

#emoticons div span {
    width: 20px;
    height: 20px;
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
    border-right: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
    padding: 0px;
    text-align: center
}