/*********Common Here *********/
html,body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	background:#fff;
	color:#000;
	cursor:default;
	line-height:22px;
	min-height:100%;
	width:100%;
	position:absolute;
	}
#friend_messaging_scop{
	float:right;
}
#friend_messaging_scop a{
	text-decoration: none;
	line-height: 40px;
	color: #424242;
	padding:4px 10px;
	background-color:#f2f0e7;
	font-size:12px;
}
#friend_messaging_scop a:hover{
	color: #FFFFFF;
	background-color:#333333;
}

.friends_display{
	clear:right;
}
.sub_friend_menu{
	border-bottom:1px solid #e4e1d0;
	display:block;
	min-height:35px;
	background-color:#f2f0e7;
}
.sub_friend_menu .caption{
	float:left;
	padding:10px 0 0 20px;
	font-weight:bold;
	font-size:14px;
}
.sub_friend_menu .more_btns{
	float:right;
	padding-right:15px;
}
.sub_friend_menu .more_btns a, .wrapper_left .more_btns a, .wrapper_right .more_btns a{
	text-decoration: none;
	color: #000000;
	padding:6px 15px;
	background-color:#e4e1d0;
	font-size:12px;
	border:1px solid #FFF;
	margin-left:6px;
}
.sub_friend_menu .more_btns a:hover, .wrapper_left .more_btns a:hover, .wrapper_right .more_btns a:hover{
	color: #FFFFFF;
	background-color:#333333;
}

.friends_display .friends_content{
	clear:both;
	
}
.friends_content ul{
	margin:0;
	padding:0;
}
.friends_content ul li{
	list-style-type:none;
	min-height:100px;
	border-bottom:1px solid #FFFFFF;
}
.friend_list_div{
	clear:both;
	width:100%
}
.friend_lists_left, .friend_lists_right {
	min-height:50px;
	padding:15px;
	background-color:#f2f0e7;
}
.friend_lists_left{
	width:46%;
	float:left;
}
.friend_lists_right{
	width:47%;
	float:right;
}
.friend_lists_left .pic_name, .friend_lists_right .pic_name{
	float:left;
	font-size:13px;
	width:48%;
}
.friend_lists_left .pic_name a, .friend_lists_right .pic_name a{
	text-decoration:none;
	color:#000000;
}

.friend_lists_left .small_info, .friend_lists_right .small_info{
	font-size:10px;
}
.pic_name img{
	padding-right:20px;
}
.friend_lists_left .operation_menu, .friend_lists_right .operation_menu{
	float:right;
}
.friend_lists_left .operation_menu  a, .friend_lists_right .operation_menu a{
	text-decoration: none;
	color: #FFFFFF;
	padding:3px 10px;
	background-color:#666666;
	font-size:12px;
	border:1px solid #FFF;
	margin-left:1px;
}
.friend_lists_left .operation_menu  a:hover, .friend_lists_right .operation_menu a:hover{
	color: #CCCCCC;
}
.request_indicaion{
	color:#666666;
	font-size:10px;
	text-align:right;
	padding-right:5px;
}

/* Messaging style*/
	.message_wrapper .wrapper_left{
		background-color:#f2f0e7;
		width:360px;
		float:left;
		margin-right:20px;
	}
	.message_wrapper .wrapper_right{
		background-color:#f2f0e7;
		float:left;
		width:620px;
	}
	.left_inbox_list, .right_inbox_list{
		font-size:12px;
		padding:10px 0;
		overflow:auto;
		height:300px;
		border-top:20px solid #f2f0e7;
	}
	.left_inbox_list{
		height:403px;
		}
	.left_inbox_list li{
		border-bottom:1px solid #FFFFFF;
		padding:0 0 0 10px;
		margin:0;

	}
	.left_inbox_list li:hover{
		background-color:#e4e1d0;
	}
	.left_inbox_list li.message_select_li{
		background-color:#FFFFCC;
	}
	.left_inbox_list .image{
		float:left;
		padding-right:10px;
		width:40px;
	}
	.left_inbox_list .message{
		float:left;
		padding-right:10px;	
		width:155px;
	}
	.left_inbox_list .action{
		float:right;
		width:110px;
		font-size:10px;
		padding-top:22px;
		padding-right:5px;
		text-align:right;
		line-height: 10px;
	}
	.right_inbox_list ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	.right_inbox_list li{
		border-bottom:1px solid #FFFFFF;
		padding:0 0 0 10px;
		margin:0;

	}
	.inbox_list{
		padding-top:10px;
	}
	/*.right_inbox_list li:hover{
		background-color:#e4e1d0;
	}*/
	
	.right_inbox_list .image{
		float:left;
		padding-right:10px;
		width:40px;
	}
	.right_inbox_list .message{
		padding-right:10px;
		margin-left:50px;
		font-size:13px;
	}
	.right_inbox_list .message a{
		font-size:10px;
		text-decoration:none;
	}
	.right_inbox_list .message a:hover{
		text-decoration:underline;
	}
	.right_inbox_list .action{
		float:right;
		width:135px;
		font-size:10px;
	}
	.mc{
		clear:both;
	}
	.write_message{
		text-align:center;
		padding-top: 15px;
	}
	.message_input{
		width:600px;
	}
	.button_holder{
		text-align:right;
		padding:10px 20px 20px 0;
	}
	.button_holder .mess_send{
		border:none;
		padding:5px;
		background-color:#999999;
		font-weight:bold;
		font-size:10px;
	}
	.button_holder .mess_send:hover{
		color:#FFFFFF;
		background-color:#000000;
	}
	.conversation_loading{
		min-height:100px;
		padding:150px 0;
		background-image:url(images/loader.gif);
		text-align:center;
		background-repeat:no-repeat;
		background-position:center;
		background-color:#FFFFFF;
		border:2px solid #f2f0e7;
	}
	.show_older_div{
		text-align:center;
	}
	.show_older_div, .show_older_div a{
		font-size:10px;
		color:#666;
		text-decoration:none;
	}
	.show_older_div a:hover{
		color:#333;
	}
	.find_friend_lists .find_person_img{
		float:left; 
		padding:5px;
	}
	.find_friend_lists .find_person_img{
		float:left; 
		padding:5px 5px 0;
		float:right;
	}
/*::-webkit-scrollbar {
		  width: 5px;
	}
	
	::-webkit-scrollbar-track {
		  background-color: #ffffcc;
	} 

	::-webkit-scrollbar-thumb {
		  background-color: rgba(0, 0, 0, 0.2); 
	} 
	::-webkit-scrollbar-button {
		  background-color: #666666;
		  -webkit-border-radius: 10px;
    border-radius: 10px;
	} 

	::-webkit-scrollbar-corner {
		  background-color: #666666;
	} */
	

/*END  Messaging style*/

/* Turn on a 13x13 scrollbar 
::-webkit-scrollbar {
    width: 10px;
    height: 13px;
}

::-webkit-scrollbar-button:vertical {
    background-color: silver;
    border: 1px solid gray;
}*/

/* Turn on single button up on top, and down on bottom 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}*/

/* Turn off the down area up on top, and up area on bottom
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}
 */
/* Place The scroll down button at the bottom 
::-webkit-scrollbar-button:vertical:increment {
    display: none;
}*/

/* Place The scroll up button at the up
::-webkit-scrollbar-button:vertical:decrement {
    display: none;
} */

/* Place The scroll down button at the bottom 
::-webkit-scrollbar-button:horizontal:increment {
    display: none;
}*/

/* Place The scroll up button at the up 
::-webkit-scrollbar-button:horizontal:decrement {
    display: none;
}

::-webkit-scrollbar-track:vertical {
    background-color: blue;
    border: 1px dashed pink;
}*/

/* Top area above thumb and below up button 
::-webkit-scrollbar-track-piece:vertical:start {
    border: 0px;
}*/

/* Bottom area below thumb and down button
::-webkit-scrollbar-track-piece:vertical:end {
    border: 0px;
} */

/* Track below and above 
::-webkit-scrollbar-track-piece {
    background-color: silver;
}*/

/* The thumb itself 
::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: gray;
}
*/
/* The thumb itself 
::-webkit-scrollbar-thumb:horizontal {
    height: 50px;
    background-color: gray;
}
*/
/* Corner 
::-webkit-scrollbar-corner:vertical {
    background-color: black;
}
*/
/* Resizer 
::-webkit-scrollbar-resizer:vertical {
    background-color: gray;
}*/

#searchform {
	 margin:20px 0;
	}
#searchform div { 
	color:#eeeeee; 
	}
#searchform div input { 
	padding:3px; 
	width:300px; 
	}
#suggestions{ 
	position: relative; 
	left:0px; 
	/*width:300px; */
	display:none; 
	padding:0px; 
	}

/* SEARCHRESULTS */
#searchresults { 
	border-width:1px; 
	border-color:#CCCCCC; 
	border-style:solid; 
	/*width:308px;*/ 
	background-color:#FFFFFF; 
	font-size:10px; 
	line-height:14px;
	margin:0;
	padding:0;
	overflow:hidden; 
}
#searchresults li{
	/*clear:both;*/
	list-style-type:none;
	border-bottom:1px solid #CCC;
	min-height:45px;
	overflow:hidden;
	width:300px;
	float:left;
	padding:5px 10px;
}
#searchresults li.more_result{
	clear:both;
	list-style-type:none;
	border-bottom:1px solid #CCC;
	min-height:15px;
	overflow:hidden;
	/*background-color:#CCC;*/
	width:100%;
}
#searchresults li.more_result div{
	text-align:center;
}
#searchresults li.more_result a{
	color:#333333;
	font-size:13px;
	text-decoration:none;
	line-height:18px;
}
#searchresults li.more_result a:hover{
	color:#999999;
	font-size:13px;
}
#searchresults li div{ 
	
	}
#searchresults li div a {
	}
#searchresults a:hover { 
	}
#searchresults li div a img { 
	float:left;
	margin:5px;
	}
#searchresults .name_action{
	padding:15px 5px 5px 0px;
}
#searchresults .name{
	float:left;
	width:53%;
	overflow:hidden;
}
#searchresults .name a{
	text-decoration:none;
	font-size:12px;
	color:#333;
	font-weight:bold;
}
#searchresults .action{
	float:right;
	width:29%;
	text-align:right;
}
#searchresults .action a{
	text-decoration:none;
	font-size:12px;
	background-color:#666666;
	padding:4px;
	color:#FFFFFF;
}
#searchresults .action a:hover{
	color:#CCCCCC;
}
.enter_key_send{
	color:#333;
	font-size:10px;
}
.message_view{
	white-space: pre-wrap;
}