/*************************************************************
 Your CSS goes here and I will merge it with style.css or
 move into new file after it's been reviewed. 
 
 1. Please use comment blocks to comment your code.
 2. Use descriptive class/id names
 3. Use underscores between words
 4. For image paths, use this format: url(../img/page_name/image_name.png)
  
*************************************************************/

/*************************************************************
 Example
*************************************************************/
.example {
	display:block
}
.example_two {
	display:none;
}
/*************************************************************
 Profile
*************************************************************/
.icn_profile {
	background-position: 0 -352px;
}
.user_info {
	background:#fff;
}
.user_info .user_bg_image {
	background-color:#000;
	width:520px;
	height:160px;
	overflow:hidden;
}
#profile_header{
	padding-left:121px;
}
#ph_avatar_wrapper {
	position:absolute;
	margin:-77px 0 0 -111px;
	width:96px;
	height:96px;
	padding:5px;
	background:#fff;	
}
#ph_avatar_wrapper .avatar_l{
	border-radius:0;	
}
#profile_header  .user_grey_btn a {
	position:relative;
	float:left;
	margin:10px 10px 0 0;
	width:90px;
	height:22px;
	padding-top:3px;
	background: #d7d7d7;
	border-radius:5px;
	text-align:center;
	color:#838383;
	text-decoration:none;
}
#profile_header .btn{
	float:left;
	margin:0 10px 0 0;
}
#btn_profile_menu {
	position:relative;
	float:right;
	margin:10px 10px 0 0;
	width:35px;
	height:20px;
	padding:5px 0 0 8px;
	background: #464646;
	border-radius:5px;
	cursor:pointer;
}
#dd_profile_menu {
	margin:23px 0 0 -100px;
}
#dd_profile_menu .dd_arrow_white_medium {
	margin-left:109px;
}
.user_info .user_middle_content {
	padding:15px;
}
.user_info .user_middle_content p {
	width:100%;
	margin:0;
}
.user_info .user_middle_content h2 {
	display:block;
	width:100%;
	margin:10px 0 0 0;
	font-size:19px;
	color:#333;
}
.user_info .user_middle_content .user_about {
	margin:8px 0 8px 0;
	font-style:italic;
	overflow:hidden;
	word-wrap:break-word;
}
.user_search_box{
	padding:8px 16px;	
	background:#2e2e2e;	
}
.user_grey_box {
	background:#2e2e2e;
}
.user_grey_box .tweet_box {
	position:relative;
	float:left;
	margin-top:3px;
	width:220px;
	height:44px;
}
.user_grey_box .tweet_box_list {
	position:relative;
	float:left;
	margin-top:3px;
	width:290px;
	height:44px;
}
#user_search{
	width:474px;
	padding:4px 6px;
}
#profile_view_name {
	font-size:18px;
	color:#fff;
	line-height:20px;
}
#btn_profile_view {
	padding:12px;
}
#btn_profile_view .dd_arrow {
	margin-top:	4px;
}
#dd_user_view {
	margin:	7px 0 0 -7px;
}
.user_info .user_grey_box .stats_box {
	position:relative;
	float:left;
	margin-top:3px;
	width:75px;
	height:44px;
	padding:0 12px 0 12px;
	border-left:1px solid #575757;
	text-align:right;
}
.user_info .user_grey_box .stats_box p {
	margin:0;
	padding:0;
	text-align:right;
	color:#87b007;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
}
.user_info .user_grey_box .stats_box .top_text {
	margin:5px 0 0 0;
	text-align:right;
	color:#999999;
	font-size:10px;
}
.user_info .span_box {
	position:relative;
	float:left;
	width:490px;
	height:39px;
	border-bottom:1px solid #999999;
}
.user_info .span-box .add_to_list_btn {
	position:relative;
	float:left;
	margin:10px 0 0 190px;
	width:112px;
	height:21px;
	background:yellow;
}
.user_info .user_list_box {
	position:relative;
	float:left;
	width:520px;
	padding:12px 0 12px 0;
	border-bottom:1px dashed #dddddd;
	background:#fff;
}
.user_info .user_list_box .avatar {
	position:absolute;
	float:left;
	margin-left:16px;
	border-radius:3px;
	width:36px;
	height:36px;
}
.user_info .user_list_box h2 {
	color: #87B007;
	float: left;
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 0 60px;
	position: relative;
	width: 325px;
}
.user_info .user_list_box h2 span {
	font-size:12px;
	color:#999999;
}
.user_info .user_list_box h3 {
	position:relative;
	float:left;
	width:325px;
	margin:0 0 0 60px;
	font-size:18px;
	line-height:18px;
	float:left;
	color:#000;
	font-weight:normal;
}
.user_info .user_list_box h3 span {
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:5px;
	background: url(images/ico-check.png) no-repeat;
}
.user_info .user_list_box h4 {
	position:relative;
	float:left;
	width:325px;
	margin:0 0 10px 60px;
	font-size:16px;
	line-height:18px;
	float:left;
	font-weight:normal;
}
.user_info .user_list_box p {
	margin:0 0 0 60px;
	position:relative;
	width:325px;
	font-size:14px;
	line-height:18px;
	float:left;
	color:#999999;
	font-style:italic;
}
.user_info .user_list_box .member_cnt {
	margin:0 0 0 60px;
	position:relative;
	width:325px;
	font-size:12px;
	line-height:14px;
	float:left;
	color:#999999;
	font-style:normal;
}
.user_info .user_list_box .right_buttons {
	position:relative;
	float:right;
	width:100px;
}
.user_info .user_list_box .grey_btn a {
	position:relative;
	float:right;
	right:7px;
	margin:0 0 7px 0;
	width:94px;
	height:22px;
	padding-top:3px;
	background: #d7d7d7;
	border-radius:5px;
	text-align:center;
	color:#838383;
	text-decoration:none;
}
.user_info .user_list_box .blue_btn a {
	position:relative;
	float:right;
	right:7px;
	margin:0 0 7px 0;
	width:94px;
	height:22px;
	padding-top:3px;
	background: #44aeeb;
	border-radius:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.user_info .user_list_box .green_btn a {
	position:relative;
	float:right;
	right:7px;
	margin:0 0 7px 0;
	width:94px;
	height:22px;
	padding-top:3px;
	background: url(images/btn-green_bg.png) repeat-x;
	border-radius:5px;
	text-align:center;
	color:#fff;
	text-decoration:none;
}
.user_info .tweet {
	background:white;
}
.loading-box-top .loader {
	margin:0 auto;
	text-align:center;
}
.loading-box-top {
	background:#fff;
	text-align:center;
	padding:5px;
}
/*********************/
/* ADD TO LIST POPUP */
/*********************/

#pop_wrapper {
	position:relative;
	float:left;
	width:350px;
	height:460px;
	background:#fff;
	border:4px solid #2e2e2e;
}
#pop_wrapper .top_content {
	position:relative;
	float:left;
	width:350px;
	height:70px;
	background:url(images/add-to-list-top-bg.png) repeat-x;
}
#pop_wrapper .top_content input {
	position:relative;
	float:left;
	width:336px;
	height:15px;
	padding:5px;
	color:#999999;
}
#pop_wrapper .buttons {
	position:relative;
	float:left;
	width:350px;
	height:30px;
	color:#999999;
	margin-top:2px;
}
#pop_wrapper .buttons .create_list_btn a {
	position:relative;
	float:left;
	width:174px;
	height:25px;
	color:#999999;
	padding-top:5px;
	border-right:1px solid #d3d3d3;
	text-align:center;
	text-decoration:none;
}
#pop_wrapper .buttons .cancel_list_btn a {
	position:relative;
	float:left;
	width:175px;
	height:25px;
	color:#999999;
	padding-top:5px;
	text-align:center;
	text-decoration:none;
}
#pop_wrapper .bottom_content {
	position:relative;
	float:left;
	width:350px;
	height:390px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.bottom_content .user_list_box {
	position:relative;
	float:left;
	width:350px;
	padding:12px 0 12px 0;
	;
	border-top:1px dashed #999999;
}
.bottom_content .user_list_box .avatar {
	position:absolute;
	float:left;
	margin-left:16px;
	border-radius:3px;
	width:36px;
	height:36px;
}
.bottom_content .user_list_box h2 {
	position:relative;
	float:left;
	width:280px;
	margin:0 0 0 60px;
	font-size:18px;
	line-height:18px;
	float:left;
	color:#87b007;
}
.bottom_content .user_list_box h2 span {
	font-size:12px;
	color:#999999;
}
.bottom_content .user_list_box p {
	margin:0 0 0 60px;
	position:relative;
	width:280px;
	font-size:14px;
	line-height:18px;
	float:left;
	color:#999999;
	font-style:italic;
}
.bottom_content .user_list_box .member_cnt {
	margin:0 0 0 60px;
	position:relative;
	width:280px;
	font-size:12px;
	line-height:14px;
	float:left;
	color:#999999;
	font-style:normal;
}
/**lists */
.user-image img {
	border-radius: 7px 7px 7px 7px;
	float: left;
	height: 36px;
	padding: 13px;
	width: 36px;
}
.user_select {
	float: left;
	margin: 11px;
}
.user-info-content {
	height: 86px;
	width: 89%;
}
.user-delete {
	border-left: 1px solid;
	float: right;
	height: 62px;
	margin: 11px;
	width: 36px;
}
.user-delete img {
	padding: 20px;
	cursor:pointer;
}
.verified {
	float: right;
	height: 20px;
	margin: 13px 18px;
	width: 20px;
}
.user_white_box .create_list_profile_pic {
	position:relative;
	float:left;
	width:120px;
	height:300px;
	margin:0;
	display:block;
}
.user_white_box .create_list_box_check {
	position:relative;
	float:left;
	text-align:left;
	width:105px;
	margin:5px 0 5px 15px;
	display:block;
	font-size:14px;
	line-height:20px;
}
.user_white_box .create_list_box_check input {
	position:relative;
	float:left;
	margin:1px 5px 0 0;
}
.user_white_box .create_list_input {
	position:relative;
	float:left;
	width:400px;
	margin:5px 0 0 0;
	display:block;
}
.user_white_box .create_list_input input {
	width:380px;
	height:15px;
	padding:5px;
	outline:none;
}
.user_white_box .create_list_input textarea {
	width:380px;
	height:110px;
	padding:5px;
	outline:none;
	resize:none;
}
.user_white_box .create_list_input_btn {
	position:relative;
	float:left;
	text-align:right;
	width:393px;
	margin:10px 0 0 0;
	padding-right:7px;
	display:block;
}
.list_create_button {
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	margin: 16px;
}
.followers_lists {
	color: #4FDBFF;
	font-weight: 900;
}
/*compose**/
.upload_image {
	float:left;
}
#compose_img_preview {
	display:none;	
	margin: -63px 0 0 12px;
	position: absolute;
	width: 465px;
	border-top: 1px solid #EEE;
	padding: 10px 0;
}
#compose_img_preview .clear{
	display:none;
}
.remove_compose_image{
	padding:9px 5px;	
	float:left;
}
.error {
	color:#F00;
}
/* CREATE LIST */
.user_white_box .create_list_profile_pic {
	position:relative;
	float:left;
	width:120px;
	height:300px;
	margin:0;
	display:block;
}
.user_white_box .create_list_box_check {
	position:relative;
	float:left;
	text-align:left;
	width:105px;
	margin:5px 0 5px 15px;
	display:block;
	font-size:14px;
	line-height:20px;
}
.user_white_box .create_list_box_check input {
	position:relative;
	float:left;
	margin:1px 5px 0 0;
}
.user_white_box .create_list_input {
	position:relative;
	float:left;
	width:400px;
	margin:5px 0 0 0;
	display:block;
}
.user_white_box .create_list_input input {
	width:380px;
	height:15px;
	padding:5px;
	outline:none;
}
.user_white_box .create_list_input textarea {
	width:380px;
	height:110px;
	padding:5px;
	outline:none;
	resize:none;
}
.user_white_box .create_list_input_btn {
	position:relative;
	float:left;
	text-align:right;
	width:393px;
	margin:10px 0 0 0;
	padding-right:7px;
	display:block;
}