@charset "UTF-8";
body{margin:0 auto; padding:0; background:#000; font-family: Arial; text-align:center;}
a{color:white; text-decoration:none;}
a:hover{text-decoration:underline;}
.clear{clear:both;}
img{border:none;}

#header {
			position:fixed;
			overflow:hidden;
			height:112px;
			width:100%;

            background-color: #fff; 
            -moz-box-shadow:0px 0px 8px #fff; -webkit-box-shadow:0px 0px 8px #fff; box-shadow:0px 0px 8px #fff;

}

#sendinput {
		margin:6px auto 0px;
		border:1px solid #000;
		width:500px;
		height:60px;
		padding:0px 10px 0px 10px;
		font-size:14px;
 		-webkit-border-radius:8px; border-radius:8px; -moz-border-radius:8px;
		-moz-box-shadow:0px 0px 1px #777; -webkit-box-shadow:0px 0px 1px #777; box-shadow:0px 0px 1px #777;
}



#sendbutton {
		background:transparent;
		position:fixed;
		top:73px;
		left:50%;
		margin-left:-150px;
		border:1px solid #000;
		width:300px;
		height:32px;
		padding:0px 10px 0px 10px;
		font-size:14px;
 		-webkit-border-radius:16px; border-radius:16px; -moz-border-radius:16px;
 		font-weight:bold;
 		letter-spacing:6px;
 		text-shadow: 0px 2px 1px #fff;
		z-index:500;
		-moz-box-shadow:0px 0px 1px #777; -webkit-box-shadow:0px 0px 1px #777; box-shadow:0px 0px 1px #777;
}



#insidesendbutton{
		position:fixed;
		background:#f5f5f4;
		height:15px; width:300px;
		top:88px;
		left:50%;
		margin-left:-150px;
		-webkit-border-bottom-left-radius:16px; border-bottom-left-radius:16px; -moz-border-radius-bottomleft:16px;
		-webkit-border-bottom-right-radius:16px; border-bottom-right-radius:16px; -moz-border-radius-bottomright:16px;
		z-index:0;
	}


#twittercontrols{
		position:absolute;
		right:10px;
		top:90px;
		color:#999;
		text-align:right;
		}
#mode{
		position:absolute;
		right:10px;
		top:10px;
		color:#ddd;		
		text-align:right;
		}
		
#consolecontrols{
		position:absolute;
		left:10px;
		top:90px;
		color:#aaa;		
		}
		
#twittercontrols a{color:#aaa}
#mode a{color:#aaa}
#consolecontrols a {color:#aaa}


#twitternumber{
position:absolute;
top:57px;
left:50%;
margin-left:230px;
font-size:9px; color:#aaa;}
		
.twitternumber{
position:absolute;
top:57px;
left:50%;
margin-left:180px;
font-size:9px; color:#aaa;}

#console{display: none; width:800px; height: 300px; position:absolute; top:113px; left:50%; margin-left:-400px;background:rgba(30%,30%,30%,0.9); overflow:auto;z-index:1000;overflow-y:scroll;}

#prechatbox{position:fixed; top:113px; left:0px; right:0px; bottom:0px; overflow:auto; overflow-y:scroll;}
#chatbox{width:600px; margin:auto;}
.chatbox{width:600px; margin:auto;}


.message{padding:10px 10px 10px 10px; display:none;}
.notice{color:#fff; font-size:11px; margin:6px 0px 0px 0px;!important}


.avatarblock{float:left;height:85px; width:85px; margin-right:15px;}
.avatar{height:60px; width:60px; margin:3px 6px 0px 10px; border:2px solid #fff; -moz-box-shadow:0px 0px 8px #fff; -webkit-box-shadow:0px 0px 8px #fff; box-shadow:0px 0px 8px #fff;}
.avatar:hover{-moz-box-shadow:0px 0px 13px #fff; -webkit-box-shadow:0px 0px 13px #fff; box-shadow:0px 0px 13px #fff;}
.avatar img{max-height:60px; max-width:60px;}
.avatarnick{width:115px; margin-left:-17px; margin-top:2px; font-size:12px; color:#fff; text-shadow:0px 1px 2px #fff;word-wrap: break-word;}


.prechatbaloon{float:left;position:relative;max-width:470px;}
.chatbaloon{
		overflow:hidden;
		font-size:18px;!important;
		position:relative;
		color:#fff;
		min-height:10px;
		padding: 20px;
		border:3px solid #fff;
		text-shadow: 0 0px 2px #aaa;
				z-index:50;
		text-align:left;
		-webkit-border-radius:16px; border-radius:16px; -moz-border-radius:16px;
-moz-box-shadow:0px 0px 8px #fff; -webkit-box-shadow:0px 0px 8px #fff; box-shadow:0px 0px 8px #fff;
		cursor:pointer;word-wrap: break-word;
		}
		
.chatbaloon:hover{-moz-box-shadow:0px 0px 15px #fff; -webkit-box-shadow:0px 0px 15px #fff; box-shadow:0px 0px 15px #fff; }
		
.msgback {
	position:absolute;
	left:-100px;
	top:0px;
	bottom:0px;
	width:100%;
	height:55%;
	margin-left:100px;
	
	z-index:5;
-webkit-border-top-left-radius:16px; border-top-left-radius:16px; -moz-border-radius-topleft:16px;
	-webkit-border-top-right-radius:16px; border-top-right-radius:16px; -moz-border-radius-topright:16px;
		}
	
.msgshadow{
	position:absolute;
	left:-100px;
	bottom:0px;
	width:100%;
	height:50%;
	margin-left:100px;
	
	z-index:10;
	-webkit-border-bottom-left-radius:16px; border-bottom-left-radius:16px; -moz-border-radius-bottomleft:16px;
	-webkit-border-bottom-right-radius:16px; border-bottom-right-radius:16px; -moz-border-radius-bottomright:16px;
		
	}


.chat-bubble-arrow {
  border-style: solid;
  border-width:3px 14px 3px 0px;
  height:0;
  width:0;
  position:absolute;
  top: 28px;
  left: -11px;
  z-index:100;
}
.chat-bubble-arrow-border {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width:6px 19px 6px 0px;
  height:0;
  width:0;
  position:absolute;
  top: 25px;
  left: -19px;
  z-index:100;
}

.botmsg{color:#fff; margin:12px; text-align:left;clear:both;}

.msgbackorange{background:#ffd21d;}
.msgshadoworange{background:#e27212;}

.arrow0 { border-color: transparent #ffd200 transparent transparent;}
.arrow1 { border-color: transparent #ffd200 transparent transparent;}
.arrow2 { border-color: transparent #bcbcbc transparent transparent;}
.arrow3 { border-color: transparent #bcbcbc transparent transparent;}
.arrow4 { border-color: transparent #5ca4ed transparent transparent;}
.arrow5 { border-color: transparent #5ca4ed transparent transparent;}
.arrow6 { border-color: transparent #9933FF transparent transparent;}
.arrow7 { border-color: transparent #9933FF transparent transparent;}
.arrow8 { border-color: transparent #95bfa3 transparent transparent;}
.arrow9 { border-color: transparent #95bfa3 transparent transparent;}

#tools{position: absolute; text-align:center;width:380px; height:230px; padding:15px;top:50%; left:50%; margin-left:-210px; margin-top:-115px; background:#fff; z-index:900;
 		-webkit-border-radius:11px; border-radius:11px; -moz-border-radius:11px;
 		-moz-box-shadow:0px 0px 8px #fff; -webkit-box-shadow:0px 0px 8px #fff; box-shadow:0px 0px 8px #fff;

}

#logintable{text-align:left;}

	

.toolsinputs{position: relative;
margin:6px auto 0px;
		border:2px solid #000;
		width:210px;
		margin:3px 0px 0px 10px;
		height:20px;
		padding:0px 10px 0px 10px;
		text-align:center;
		font-size:14px;
 		-webkit-border-radius:11px; border-radius:11px; -moz-border-radius:11px;
		-moz-box-shadow:0px 0px 1px #777; -webkit-box-shadow:0px 0px 1px #777; box-shadow:0px 0px 1px #777;
}

#toolsbutton{background:transparent;
		border:2px solid #000;
		width:300px;
		height:32px;
		padding:0px 10px 0px 10px;
		font-size:14px;
 		-webkit-border-radius:10px; border-radius:10px; -moz-border-radius:10px;
 		font-weight:bold;
 		text-shadow: 0px 2px 1px #fff;
		z-index:500;
		margin:10px;
		-moz-box-shadow:0px 0px 1px #777; -webkit-box-shadow:0px 0px 1px #777; box-shadow:0px 0px 1px #777;
		cursor:pointer;}


#list{display:none;position:fixed;top:115px;left:0px; bottom:0px; width:130px; background:#fff;}