/*
chatWindow: 2
#sticky, #emoticons, #roomsWindow, #info: 2
coverWindow: 90
shadow: 95
loadingWindow: 500
loginWindow: 1000
changingRoomWindow, waiting, userLeft: 100
connection: 2000
*/

#erorrMessage {
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.unselectAvatar {
	border: 1px dashed #F0F0F0;
	cursor: pointer;
	background-color: #F0F0F0;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.selectAvatar {
	border: 1px dashed black;
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#chatWindow {
	z-index: 5;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 520px;
	width: 675px;
	border: 1px solid #174075;
	background-color: #6D9DDC;
}

#chatWindow2 {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: ##FFFFFF;
	border: 1px solid #4C80C3;
	width: 461px;
}

#chatWindow5 {
	position: absolute;
	top: 490px;
	left: 5px;
	width: 670px;
}

#chatWindow6 {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	top: 5px;
	left: 5px;
}

#chatWindow6 a, #chatWindow6, a:visited, #chatWindow6 a:hover, #chatWindow6 a:visited:hover {
	color: #000000;
}


#chatWindow7 {
	position: absolute;
	color: #FFFFFF;
	font-weight: bold;
	left: 300px;
}

#chatWindow8 {
	position: absolute;
	left: 590px;
}


#footer {
	position: absolute;
	top: 540px;
	left: 160px;
}

#messageWindow2 {
	background-color: #F0F0F0;
	width: 100%;
	height: 415px;
}

#messageWindow3 {
	background-color: #F0F0F0;
}

#messageWindowTitle {
	height: 30px;
}

#messageWindowTitle2 {
	position: absolute;
	top: 5px;
	left: 5px;
}

#messageWindowTitle2 .p1 {
	font-weight: bold;
}

#messageWindowTitle2 .p2 {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 200px;
}

#messageWindowTitle3 {
	position: absolute;
	top: 12px;
	left: 350px;
}

#msgWindow {
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	position: absolute;
	left: 5px;
	width: 450px;
	height: 345px;
}

#Mainchatbox {
	height: 345px;
}

#messageWindow5 {
	position: absolute;
	top: 389px;
	left: 5px;
	color: #5D5D5D;
	background-color: #F0F0F0;
	height: 35px;
}

#messageWindow5 h4 {
	margin: 0px;
	padding: 0px;
}

#messageWindow6 {
	color: #0B2C56;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
}

#messageWindow6 .p1 {
	font-weight: bold;
}

#messageWindow7 {
	color: #0B2C56;
	position: absolute;
	top: 0px;
	left: 260px;
	width: 200px;
}

#messageWindow7 .p1 {
	font-weight: bold;
}

/* Send Message Box Area */
#messageBox1 {
	position: absolute;
	top: 436px;
	left: 10px;
	width: 652px;
	height: 45px;
	background-color: #DDE1E2;
	border: 1px solid #4C80C3;
}

/* Message */
#messageBox2 {
	position: absolute;
	top: 5px;
	left: 5px;
}

/* Message Input Box */
#messageBox3 {
	position: absolute;
	left: 65px;
	top: 5px;
	width: 325px;
}

/* Smilie Button */
#messageBox4 {
	position: absolute;
	left: 392px;
	top: 5px;
}

/* Send Button */
#messageBox5 {
	position: absolute;
	left: 595px;
	top: 5px;
}

#messageBox5 input {
	padding: 2px;
	width: 50px;
}

/* Format Text */
#messageBox6 {
	position: absolute;
	left: 415px;
	top: 5px;
}

/* Text Color */
#messageBox7 {
	position: absolute;
	left: 510px;
	top: 5px;
}

/* Typing Message */
#typingMessage {
	position: absolute;
	top: 25px;
	left: 5px;
}

#usersWindow1 {
	position: absolute;
	top: 10px;
	left: 482px;
	background-color: #FFFFFF;
	border: 1px solid #4C80C3;
	width: 180px;
}

#usersWindow2 {
	background-color: #F0F0F0;
	width: 100%;
	height: 415px;
}

#usersWindowTitle {
	height: 35px;
}

#usersWindowTitle2 {
	position: absolute;
	top: 5px;
	left: 5px;
}

#usersWindowTitle2 .p1 {
	font-weight: bold;
}

#usersWindowTitle2 .p2 {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 150px;
}

#usersWindow.WoCam {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	position: absolute;
	left: 5px;
	width: 168px;
	height: 352px;
}

#usersWindow {
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	position: absolute;
	left: 5px;
	width: 168px;
	height: 150px;

	overflow: auto;
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:scroll;
	scrollbar-3dlight-color:#D5D5D5;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#AEAEAE;
	scrollbar-face-color:#D5D5D5;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#D5D5D5;
}

.usersBox {
	padding: 5px;
	border: 1px dashed #DDE1E2;
}



.camBox {
	position: absolute;
	z-index: 900;

	cursor: move;

	border: 1px solid #B7B7B7;
	background-color: #E3E3E3;

	margin: 0px;
	padding: 0px;
}

#camWindow1 {
	color: #5D5D5D;
	padding: 5px;
}

#camWindow1 select {
	font-size: 8px;
}

#camWindow2 div {
	text-align: center;
	border: 1px solid #B7B7B7;

	padding: 0px;
	margin: 0px;
}



#usersWindow3 {
	position: absolute;
	top: 395px;
	width: 180px;

	text-align: center;
}

#sticky, #emoticons, #info {
	position: absolute;
	top: 70px;
	left: 100px;
	width: 286px;
	height: 288px;
	z-index: 2000;
	background-image: URL(../images/sticky.gif);
}

#sticky .text, #emoticons .text, #info .text {
	position: absolute;
	top: 25px;
	left: 20px;
	color: #7C7C7C;
	font-weight: bold;
	font-family: "Comic Sans MS";
	font-size: 18px;
}

#sticky #stickyNote, #emoticons #smilies, #info #infoBox {
	position: absolute;
	top: 65px;
	left: 30px;
	overflow: auto;
	height: 165px;
	width: 230px;
}

#smilies ul {
	list-style: none;
	margin: 10px;
}

#smilies .endRow {
	clear: left;
}

#smilies li {
	float: left;
	padding: 5px;
	width: 25px;
}


#smilies li .newRow {
	clear: left;
}

#sticky .close, #emoticons .close, #info .close {
	position: absolute;
	top: 250px;
	left: 30px;
}

.usersName {
	font-size: 11px;
	font-weight: bold;
}

.rooms {
	border: 1px dashed #DDE1E2;
	padding: 5px;
}

a.roomsLink, a.roomsLink:visited {

}

a.roomsLink:hover, a.roomsLink:hover:visited {

}

body {
	background-color: #376FB7;
	background-image: URL(../images/bg.gif);
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
	margin-top: 10px;
}

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

.button {
	border: 1px solid #B2B2B2;
	font-weight: bold;
}

.input {
	border: 1px solid #B2B2B2;
}

.footer {
	color: white;
	font-weight: bold;
}

.footer a, .footer a:visited, .footer a:hover, .footer a:visited:hover {
	color: white;
	font-weight: bold;
}

.footerButton {
	border: 1px solid #3B669F;
	background-color: #DBE5F2;
	padding: 3px;
	font-weight: bold;
	color: red;
}

.scroll {
	overflow: auto;
	overflow:-moz-scrollbars-vertical;
	overflow-x:hidden;
	overflow-y:scroll;
	width: 100%;
	height: 100%;
	scrollbar-3dlight-color:#D5D5D5;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:#FFFFFF;
	scrollbar-darkshadow-color:#AEAEAE;
	scrollbar-face-color:#D5D5D5;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#D5D5D5;
}

/* Message Notifications */
.postTime {
	font-family: Verdana;
	font-size: 8px;
	font-weight: bold;
	color: #8F8F8F;
}

.regularMessage, .changedStatus {
	font-family: Verdana;
	font-size: 10px;
	margin: 3px;
}

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

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

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

.privateMsg {
	font-weight: bold;
	font-size: 10px;
	color: #C11919;
	margin: 3px;
}

.privateMsg a, .privateMsg a:visited, .privateMsg a:hover, .privateMsg a:visited:hover {
	font-weight: bold;
	font-size: 10px;
	color: #C11919;
}

.consolemessage {
	font-weight: bold;
	margin: 3px;
	padding: 5px;

	background-color: #FFF1F1;
	border: 1px dashed #FFC7C7;
	font-size: 10px;
	color: #C11919;
}

.meMessage {
	font-family: Verdana;
	font-size: 10px;
	font-style: italic;
	margin: 3px;
	color: 4953DD;
}


/* Window Settings */
#connection #content, #loadingWindow #content, #loginWindow #content, #connectionWindow #content, #roomsWindow #content, #changingRoomWindow #content, #settingsWindow #content {
	text-align: center;
	position: absolute;
	top: 87px;
	left: 125px;
	width: 500px;
	height: 375px;
	background-color: #FFFFFF;
	border: 2px solid #376FB7;
	overflow: auto;
	z-index: 1000;
}

/* Window Shadow CSS */
#connection .shadow, #loadingWindow .shadow, #loginWindow .shadow, #connectionWindow .shadow, #roomsWindow .shadow, #changingRoomWindow .shadow, #settingsWindow .shadow {
	background-color: #1B4881;

	position: absolute;
	top: 97px;
	left: 135px;

	width: 500px;
	height: 375px;
	z-index: 900;

	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
}


/* Window Settings */
#webcamWindow #content {
	text-align: center;
	position: absolute;
	top: 140px;
	left: 536px;
	width: 550px;
	height: 375px;
	background-color: #FFFFFF;
	border: 2px solid #376FB7;
	overflow: auto;
	z-index: 1000;
}

#webcamWindow p {
	padding: 0px;
	margin: 0px;
}

/* Window Shadow CSS */
#webcamWindow .shadow {
	background-color: #999999;
	position: absolute;
	top: 97px;
	left: 85px;
	width: 550px;
	height: 375px;
	z-index: 900;



	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	visibility: visible;
}

#connectionWindow .p2, #loadingWindow .p2, #connection .p2, #loginWindow .p2, #changingRoomWindow .p2, #settingsWindow .p2, #roomsWindow .p2 {
	color: #D70505;
	font-weight: bold;
	font-size: 12px;
}

#loadingWindow .p5, #connection .p5, #loginWindow .p8, #changingRoomWindow .p8, #settingsWindow .p8 {
	padding-top: 20px;
}





#peopleViewingWindow1 {
	/* position: absolute;
	top: 160px;
	left: 430px; */

	border: 1px solid #CCCCCC;
	width: 180px;
}

#peopleViewingWindow3 {
	height: 234px;
}


#peopleViewing {
	height: 232px;

	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
}

#peopleViewing .usersBox {
	padding: 5px;
	border: 1px dashed #DDE1E2;
}









/* Formats the display of the rooms list */
#roomsList {
	overflow: auto;
	height: 180px;
}

#roomsList ul {
	list-style: none;
	padding: 0px;
	text-align: left;
}

#roomsList li {
	padding: 4px 0px 5px 12px;

	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}


#roomsList a, #roomsList a:visited, #roomsList a:visited:hover, #roomsList a:hover {
	font-size: 14px;
	font-weight: bold;
	color: #C74E13;
	font-family: Arial;
}

#roomsList h3 {
	padding: 0px;
	margin: 0px;

	font-size: 14px;
	font-weight: bold;
	color: #C74E13;
	font-family: Arial;
}

.webcamWindowShow {
	z-index: 100000000;
	display: block;
}

.webcamWindowHide {
	z-index: 1;
}