/* TODO сменит префиксы на sm_messages_ */

/*--------------------------------------*/
.sm_messages_iframe{
	z-index:50;
	width:80%;
	height:90%;
	margin:0px;
	padding:0px;
	border:solid 1px gray;
	background-color:white;
	margin-top:20px;
	margin-bottom:20px;
}

.sm_messages_frame_wrapper{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:49;
	background-color:#bbbbbb;
	opacity:0.98;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	color:white;
}
/* главный враппер*/
#sm_messages_wrapper{
	font-family: Tahoma;
	background: #F5F5F5;
}
/*--------------------------------------*/
#sm_messages_ColumnLeft{
	width:200px;	
}
#sm_messages_ColumnCenter{
	
}
#sm_messages_ColumnRight{
		
}
#sm_messages_MainContent{
	/*padding-left:4px;*/
	/*padding-right:4px;*/
	/*border:solid 1px red;*/
	padding: 0 2px 0 2px;
}
/*--------------------------------------*/
.sm_messages_ContentHeader_1{
	padding:3px;
	font-size:14px;
	background:#ddd;
	font-weight:bold;
}
.sm_messages_ContentHeader_2{
	padding:3px;
	font-size:12px;
	background:#eee;
	font-weight:bold;
}
.sm_messages_MainContentHeader{
	height: 30px;
	color: #677784;
	font-size:20px;
}

/*--------------------------------------*/
.sm_messages_HorizontalLine{
	border-bottom:solid 1px #ddd;
	margin:5px 0px 5px 0px;
}
/*--------------------------------------*/
#sm_messages_MainContent form{
	margin:0; /* for f*cked IE6 */
}
.sm_messages_Select{
	font-size:100%;
	height:20px;
	/*width:100%;*/
}
.sm_messages_Checkbox{
	background:#eee;
	border:solid 1px gray;
	/*padding:1px;*/
	color: green;
}
.sm_messages_Submit{
	/*font-size:10px;*/
	font-size:100%;
	border:solid 1px gray;
	background-color:#eee;
	height:20px;
	cursor:pointer;
	vertical-align:baseline;
}
.sm_messages_Submit:hover{
	border:solid 1px black;
}
.sm_messages_Button{
	border:solid 1px black;
	font-size:100%;
	height:20px;
}
.sm_messages_TextInput{
	font-size:100%;
	border:solid 1px gray;
	height:20px;
}
/*-------------------------------------*/
.sm_messages_AvatarContainer{
	background-color:#eee;
	border:solid 1px #CCCCCC;
	width:110px;
	height:110px;
	text-align:center;
	padding:5px;
}
/*-------------------------------------*/
.sm_messages_FolderMenuItem{
	font-size:12px;
	color:#444;
	font-weight:bold;
}
.sm_messages_FolderMenuItem:hover{
	color:#999;
}
.sm_messages_FolderMenuItemCurrent{
	background-color:#eee;
}
.sm_messages_OtherMenuItem{
	padding-left:3px;
	font-size:11px;
	color:#555;
}
.sm_messages_OtherMenuItem:hover{
	color:#999;
}
/*------------------------------------*/
.sm_messages_MessagesTable, .sm_messages_BlockedUsersTable{
	width: 100%;	
}
.sm_messages_MessagesTableHeader, .sm_messages_BlockedUsersTableHeader{
	font-size:12px;
	background-color:white;
	color:#515151;
}
.sm_messages_MessageTableHeader{
	font-size:12px;
	background-color:#eee;
	color:#555;
}
/* сообщение  в таблице сообщений*/
.message_row .icon, .message_row_new .icon{
	width:22px;
}
/* тема */
.message_row .subject{
	font-size:12px;
	text-decoration: underline;
	color: #205172;
}

.message_row_new .subject{
	font-size:12px;
	text-decoration: underline;
	color: #205172;
	font-weight: bold;
}
/* ссылка темы */
.message_row .subject a, .message_row_new a{
	color: inherit;
}
.message_row a, .message_row_new a{
	color: #205172;
}
/* дата */
.message_row .date{

}
.message_row_new .date{
	font-weight: bold;
}
.blocked_user_row{
	font-size:12px;
	text-decoration: underline;
	color: #205172;
}
.blocked_user_row a{
	color: inherit;
}
/*------------------------------------*/
.sm_messages_UserBlocks{
	text-align: left;
}
.sm_messages_UserBlock{
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 1em 0 0 1em;
}

.sm_messages_UserBlock .r{
	float: left;
}
.sm_messages_UserBlock .r .userBlock{
	/*padding: 1px 5px 1px 5px;*/
	margin: 0em 3em 0 0;
	background-color : #EAEAEA;
	width: 150px; 
	height:150px;
}
.sm_messages_UserBlock .r .userBlock .userBlockBody table{
	height: 128px;
}

td .userBlock{
	width:150px;
	/*border: solid 1px red;*/
}
.sm_messages_UserBlock .r .userBlock .avatarDiv{
	text-align:center; 
}
.sm_messages_UserBlock .r .userBlock .userBlockHead{
	height: 22px;
	background:url(http://i.spark-media.ru/messages/menu/userblock_bg.png);
	background-repeat:repeat-x;
}
.userBlockBody{
	position: relative;
	height:128px;
}

.sm_messages_UserBlock .r .userBlock .userBlockBody{
	
	background:url(http://i.spark-media.ru/messages/menu/userblock_bg2.png);
	background-repeat:repeat-x;
}



td .userBlock .avatarDiv{
	text-align:center;
}
/*блок юзера, для отображения в чате*/
/*текущего собеседника*/
.sm_messages_ChatUserCurrent{
	width:150px;
	border:solid;
	border-color:#CBCBCB;
	border-width:1px 0px 1px 1px;
	background:#EEEEEE;
	float: left;
	
}
.sm_messages_ChatUserCurrent .userBlock{
	width:150px;
}
/*.sm_messages_ChatUserCurrent*/ .userBlock .userBlockBody table{
	height: 128px
}
.sm_messages_ChatUserCurrent .userAvatar{
	border: solid 2px #EEEEEE;
}
/*остальные собеседники*/
.sm_messages_ChatUserOthers{
	width:150px;
	padding:1px;
	float: left;
	cursor: pointer;
}
.sm_messages_ChatUserOthers .userBlock .userBlockBody table{
	
}
.sm_messages_ChatUserOthers .userAvatar{
	border: solid 2px #EEEEEE;
}
.sm_messages_ChatUserOthers:hover .userAvatar{
	border: solid 2px #CBCBCB;
}
.sm_messages_ChatUserOthers .userBlock{
	width:150px;
}
.sm_messages_ChatUserOthers .userBlock .avatarDiv .userAvatar{
	/*
	width: auto;
	height: auto;
	width:50%;
	height:50%;*/
	zoom:50%;
}

/*------------------------------------*/
.sm_messages_Username{
	font-size:14px;
	font-weight:bold;
	color:#555;
}
/*------------------------------------*/

#sm_messages_TopMenu{
	background-image:url(http://i.spark-media.ru/messages/menu/menu_bg.jpg);
	background-color:#CCCCCC;
	background-repeat:repeat-x;
	height: 42px;
	width: 100%;
}
#sm_messages_FoldersBar{
	background-image:url(http://i.spark-media.ru/messages/menu/menu_bgline.jpg);
	background-color:#CCCCCC;
	background-repeat:repeat-x;
	height: 34px;
	white-space:nowrap;
	width:100%;
}
#sm_messages_FoldersBar .folderButtonL{
	padding-left:5px;
	padding-right:5px;
	width:140px;
}
#sm_messages_FoldersBar .folderButtonR{
	padding-left:5px;
	/*padding-right:5px;*/
	width:140px;
}
#sm_messages_FoldersBar .folderButtonR{
	text-align:left;
}
#sm_messages_FoldersBar .folderButtonR{
/*	text-align:right;*/
}
.folderButtonL img, .folderButtonR img{
	vertical-align:middle;
	margin-right:5px;
}
.folderButtonL span, .folderButtonR span{
	
	font-size:13px;
	font-family: Tahoma;
	color: #F9F9F9;
	
}
.folderButtonL span a, .folderButtonR span a,
.folderButtonL span a:hover, .folderButtonR span a:hover{
	color: inherit !important;
	color: #F9F9F9; 
}

#sm_messagesCustomFoldersBarWrapper{
	position: relative;
	bottom: 0px;
}
#sm_messagesCustomFoldersBarWrapper2{
	width:250px;
	position: absolute;
	right: -4px;
	top: 6px;
	border:0;
}
#sm_messagesCustomFoldersBar{
	/*position: absolute;*/
	display: none;
	min-width:143px;
	
	border: #C6C6C6 solid;
	border-width: 0 1px 1px 1px;
	float: right;
	padding:0 3px 3px 3px;
	background-color: #C6C6C6;
	
}
#sm_messagesCustomFoldersBar div{
	padding:4px;
	color:#333;
	background-color: #888888;
	white-space: nowrap;
}














/* Стиль отображения сис. уведомтельных сообщений пользователю*/
.good_message{
	/*border:solid 1px red;*/
	background:#DCFFDC;
	height:15px;
	padding:5px;
}
.error_message{
	background:#FFDCDC;
	height:15px;
	padding:5px;
}
div.good_message div, div.error_message div{
	font-family:Tahoma;
	font-size:12px;
	color:#222;
}

/*  */
hr{
	height:1px;
	width:100%;
}

/* Враппер чата*/
#msgChat{
	/*background:white;*/
	width: 100%;
	height: 100%;
	overflow: hidden;
	/*border:solid 1px #CCCCCC;*/
	font-size:13px;
}
#msgChat .msgChatMessageTitle{
	background:#E5E5E5;
	padding-left:10px;
}
#msgChat .msgChatMessageTitle .username{
	font-weight: bold;
	font-size: 13px;
}
#msgChat .msgChatMessageTitle .time{
	color:gray;
	font-size: 10px;
}
#msgChat .msgChatMessageText{
}
#msgChat .msgChatMessageText .inOut{
	float: left;
	padding:2px 2px 0 4px;
}
#msgChat .msgChatMessageText .tetx{
	float: left;
	padding:2px 2px 0 5px;
	line-height: 1.5em;
	color:#626262;
}
#msgChat .msgChatMessageSplit{
	height:15px;
	clear: both;
}
/* Пагинатор*/
.paginator{
	font-size:12px;
	color:#555;
}
.paginator .title {
	/* заголовок*/
	padding-right:5px;
	font-weight:bold;
	
	display: none;
}
.paginator .arr {
	/* неактивная стрелка*/
	color: #ddd;
	font-size:24px;
	font-weight:bold;
	text-decoration: none;
}
.paginator .arr a {
	/*активная стрелка*/
	color:#888;
	text-decoration: none;
}
.paginator .arr a:hover{
	/* активная стрелка при наведении курсора*/
	color:#FF8C00;
	text-decoration: none;
}
.paginator span.list {
	/*список страниц*/
	color: #888;
	font-size:14px;
	font-weight:bold;
}
.paginator span.list span {
	/*номер страницы*/
	padding:1px 5px 1px 5px;
	margin:6px;
}
.paginator span.list a{
	/* ссылка номера страницы*/
	color:#888;
}
.paginator span.list a:hover{
	/*  ссылка номера страницы при наведении курсора */
	color:#FF8C00;
}
.paginator span.current{
	/* текущая страница*/
	background-color: #bbbbbb;
}
.paginator span.current a, .paginator span.current a:hover{
	/*текущая страницы при наведении курсора*/
	text-decoration:none;
	cursor:default;
	color:white;
}

/* markitup редактор */
.markitupsmile{
	width:133px;
	height: 122px;
}
.markitupsmile div{
	padding: 5px 3px 5px 3px;
}