/*// Default Chat skin //*/

.chatty-wrapper {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.chatty-status {
	color: #C09853;
}

.chatty-bubble {
	border: 1px solid #eee;
	margin: 5px;
	padding: 5px;
}

.chatty-author {
	font-weight: 700;
	position: absolute;
	top: 12px;
	left: 44px;
}

.chatty-wrap {
	overflow-y: scroll;
}

input[type="text"].chatty-textarea {
	border-radius: 3px;
	display: inline-block;
	line-height: normal;
	margin: 5px;
	padding: 5px;
	width: 70%;
	border: 1px solid #aaa;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

button.chatty-submit {
	background-color: #3498DB;
	border: 1px solid #105A92;
	color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 2px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 2px rgba(255, 255, 255, 0.2);
	background: -webkit-linear-gradient(top,#3498DB 0,#1A7FCC 100%);
	background: -moz-linear-gradient(top,#3498DB 0,#1A7FCC 100%);
	background: -o-linear-gradient(top,#3498DB 0,#1A7FCC 100%);
	background: -ms-linear-gradient(top,#3498DB 0,#1A7FCC 100%);
	background: linear-gradient(top,#3498DB 0,#1A7FCC 100%);
	border-radius: 4px;
	display: inline-block;
	width: 25%;
	padding: 7px;
	text-shadow: 0 1px #105A92;;
}

button.chatty-submit:hover,
button.chatty-submit:focus,
button.chatty-submit:active {
	background: #50A4DC;
	border: 1px solid #105A92;
	background: -webkit-linear-gradient(top,#50A4DC 0,#1A7FCC 100%);
	background: -moz-linear-gradient(top,#50A4DC 0,#1A7FCC 100%);
	background: -o-linear-gradient(top,#50A4DC 0,#1A7FCC 100%);
	background: -ms-linear-gradient(top,#50A4DC 0,#1A7FCC 100%);
	background: linear-gradient(top,#50A4DC 0,#1A7FCC 100%);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 2px rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),inset 0 2px rgba(255, 255, 255, 0.2);
	padding: 7px;
	color: #FFF;
}

.chatty-time {
	font-size: 10px;
	text-align: right;
}

.chatty-bubble {
	position: relative;
}