/* style sheets */
.ui-chatbox {
    position: relative;
    bottom:0;
    padding: 0px;
    background:  #ffffff;
    margin-left: 30%;
    /* margin-top: -352px; */
    margin-top: -394px;
    width: 70%;
    right: 0px;
    height: 401px;
}

.ui-chatbox-titlebar {
    cursor: pointer;
    height: 17px;
    line-height: 21px;
	font-weight: normal;
    padding: 3px;
    width: 98%;    
}

.ui-chatbox-content {
    padding: 0px;
    margin: 0px;
    border: 0px;
    max-width: 99.50%;
}

.ui-chatbox-log {
    padding: 3px;
    height: 330px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #FFFFFF;
    width: 99%;
}

.ui-chatbox-input {
    padding: 0px;
    margin-top: 1%;
    border-top: 1px solid grey; 
    overflow: hidden;
}

.ui-chatbox-input-box {
    margin: 0px;
    float: left;
	font-size: 12px !important;
    border: 1px solid black;/* #6699FF */
    padding: 0px;
    height: 45px;
    width: 98%;
    border-radius: 13px;
}

.ui-chatbox-icon {
    float: right;
}

.ui-chatbox-input-focus {
    border-color: #6699FF;
}

.ui-chatbox-msg {
	
    margin-top: 10px;
    float: left;
    clear: both;
    /* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
	font-size:12px;
}

.ui-chatbox button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-chatbox-sendButton {
	letter-spacing: 1px;
	font: bold 12px Arial;
    float: right;
	margin-right: 0%;
	/* margin-top: -6.1%; */
	padding: 1%;
	width: 18.7%;
	background-color: #F1AB00;
	border-color: #d0d0d0;
	border-radius: 13px;
}