/**
 * @version     2.2.0
 * @package     com_vitabook
 * @copyright   Copyright (C) 2012. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author      JoomVita - http://www.joomvita.com
 */

 /* General */
.clr{
    clear:both;
}

.vbContainer {
    padding:5px;
}

.vbAvatarLink {
    float:right;
    margin-bottom:10px;
}

#vbReplyButton {
	float:right;
	margin-bottom:10px;
}

/* Message form */
#vitabookMessageForm {
	float:left;
	width:100%;
}

#vbMessageForm, .vbIntrotext {
	float:left;
	width: 100%;
	margin-bottom:20px;
	border:1px solid;
    border-color:#CCCCCC;
    background:#FFFFFF;
}

#vbMessageForm ul li {
    list-style-type:none;
    list-style:none;
    background:none;
    background-image:none;
}

#vbMessageForm ul {
    list-style-type:none;
    list-style:none;
}

#vbMessageForm li {
    list-style-type:none;
    list-style:none;
    background:none;
    background-image:none;
}
#vbMessageForm ul li:before {
    content: none;
    background:none;
    background-image:none;
}

#vbMessageForm label {
	display:inline-block;
	font-weight:bold;
}

#vbMessageForm input {
	padding:2px;
	margin:2px 2px 2px 0px;
	width:200px;
}

#jform_secureform{
    display: none;
}

#vbMessageFormListButton, #vbMessageFormListButton button {
	margin-top:10px;
}

#vbFormTable, #vbFormTable tr, #vbFormTable td {
    border-collapse:collapse;
    border:none;
    margin: 0;
    padding: 0;
    padding-right:10px;
    padding-bottom:5px;
}

.mceEditor table, .mceEditor table tr, .mceEditor table td{
    border:none;
}

#vbMaxcharsIndicatorContainer{
    margin-left:5px;
}

/* Messages */
.vbMessage{
	float: left;
	width: 100%;
    word-wrap: break-word;
}

.vbMessageHeader{
	float: left;
	width: 100%;
	background: #F0F0EE;
 	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
    border-color: #CCCCCC;
}

.vbMessageAvatar{
	float: left;
    width: 40px;
	height: 40px;
}

.vbMessageTitle{
	float: left;
	overflow: hidden;
    font-weight: bold;
	line-height: 40px;
	padding-left: 5px;
}

.vbMessageControls{
    float: right;
    padding: 10px;
}

.vbMessageControls img{
    cursor: pointer;
}

.vbMessageMessage{
	float: left;
	width: 100%;
 	margin-bottom:20px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
    border-color: #CCCCCC;
    background:#FFFFFF;
    overflow:hidden;
}

.vbMessageText{
	padding: 0 5px;
}

.vbMessageIp {
    float:right;
    font-style: italic;
    font-size: smaller;
    margin:-5px 5px 5px 5px;
}

.vbMessageChildren{
	float:left;
	width:90%;
    margin-left:10%;
}

.vbLoadMoreMessages{
    width:100%;
	float: left;
    cursor:pointer;
    text-align: center;
 	margin-bottom:20px;
 	padding-top: 5px;
 	padding-bottom: 5px;
	border: 1px solid;
    border-color: #CCCCCC;
}

.vbLoadMoreMessages:hover{
    background-color: #F0F0EE;
}

/* Avatar upload-form (squeezbox) */
.vbAvatarContainer{
    float:left;
    width:100%;
}

.vbAvatarUpload{
    float:left;
    width:65%;
}

.vbAvatarCurrent{
    float:left;
    width:35%;
}

.vbAvatarCurrent img{
    width:100px;
    height:100px;
}

.avatar-button{
    margin:50px 10px 0 0;
}

/* Smileys */
.smiley {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Show spinner besides form */
#vbAjaxBusy {
    margin-left: 5px;
    display: none;
}

/* Intro text override vbMessageForm line 34 */
.vbIntrotext {
    margin-bottom:10px;
    border-color:transparent;
    word-wrap:break-word;
}

.vbIntrotext p {
    padding:0 5px;
}