﻿
.moblog-main 
{
	min-height:100px;
	height:auto !important;
	height:100px;
	padding-left:0px;
	padding-right:0px;
	width:598px;
	border:sold 1px #000;
}

/************************************Old Latest blog**************************/
.latest-blog-content, .latest-blog-content-btm{z-index:10;position:relative;}
.latest-blog-content
{
	padding:10px;
	font-weight:bold;
	background-color:#fff;
}

#divLatestBlogContent
{
	margin-top:8px;
	margin-bottom:8px;
	width:150px;
}

.latest-blog-content img
{
	position:relative;
	left:43px;
}

.latest-blog-content a
{
	position:relative;
	top:5px;
	left:120px;
}

.latest-blog-content-btm
{
	background:transparent url(../images/moblogs/semicircle-btm-default.png) no-repeat scroll 50% 0%;
	height:15px;
	line-height:5px;
	margin-bottom:7px;
	width:100%;
	z-index:100;
}

/******************************Edit Blog***********************************/
#divEditBlogContent{width:84%; margin:0 auto}

#divEditBlog textarea
{
	width:485px; 
	height:60px;
	font-family:helvetica, Arial;
	font-size:1em;
	color:#555;
	font-weight:bold;
	padding:2px;
	margin:8px 0 6px 6px; 
}

#divEditBlog #spWordCount{margin-left:10px;font-weight:bold;font-size:1.2em;}

.bgcolor-yellow{padding-top:20px;background-color:#ffeb7a;}
#divLatestBlogContent .divLoading{margin:5px 0 5px 15px;padding-left:5px}

#divLatestBlog
{
	width:88%;
	position:relative;
	left:5px;
	min-height:65px;
	height:auto !important;
	height:65px;
	padding:1px;
	display:none;
}
#divLatestBlog p{padding:6px;}
#divLatestBlog p a{font-size:1.1em;}

/***************************REfresh***********************/

#divRefreshPublic{font-size:0.8em;padding:5px;height:8px; border:solid 0px #000; position:relative}
#divRefreshPublic img{cursor:pointer;position:absolute; top:23px; left:525px}

/****************************Update to date list*************************/
.myblogbox{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	border-bottom:dotted 1px #d4d4d4;
	padding:5px;
	
}

.blogbox
{
	border-bottom:dashed 1px #d4d4d4;	
	padding:10px;
	min-height:50px;
	direction:rtl;	
}

.blogbox img.icon{float:right; width:48px;height:48px;}
.blogbox .x{display:none;}
.blogbox .blogmsg
{
	width:88%;
	color:#555;
	min-height:30px;
	height:auto !important;
	height:30px;
	float:left;
	margin-right:15px;
	
}

.blogbox .selfblogmsg
{
	width:575px;
	margin-right:0px;
	float:left;
	/*border:solid red 1px;*/
	
}

.blogmsg img.photo{border:solid 1px #d4d4d4; cursor:pointer;width:64px;height:64px; vertical-align:text-top}
.blogmsg .photo-comment{width:412px;float:right;height:68px}
.blogmsg p{margin:0 0 3px 0; font-size:1.1em;}
.blogmsg .saying{word-break:break-all;width:100%;display:block;}
.blogmsg span, .blogtime {font-weight:bold;font-size:0.9em; color:#858585;}
.blogmsg span a, .blogtime a{position:static}
.blogtime {border:solid 0px #000;width:60%;margin-left:62px;}
.blogmsg-link{text-align:left;height:20px;width:98%;}
.blogmsg-link a{font-weight:bold;}

/****************************Reply ****************************************/

#divReplyBox
{
	position:relative;
	right:5px;
	width:94%;
	background-color:#ffeb7a;
	border:none;
	display:none;
  text-align:right;
	height:55px;
}
#divReplyBox .buttonlink
{
	position:absolute;
	top:57px;
  left:30px;
}

.blogbox.reply textarea
{
	position:absolute;
	top:7px;
  right:5%;
	width:90%;
	height:45px;
	font-family:helvetica, Arial;
	font-size:1.1em;
	color:#676767;
  overflow-y:auto;
	background-color:#FFF9C9;
	border:none;
	padding:2px;
	font-weight:bold;
}

.blogbox.reply a{position:relative; left:400px;top:17px;}
#spReplyCounter, .counter{font-weight:bold;position:relative; right:20px;top:17px; width:80px;text-align:right}

/*******************************Pop out box*********************************/
.viewBox{padding:5px;}
.viewBox p{font-size:1.1em;margin:0 0 4px 0; font-weight:bold}
.viewBox span {font-weight:bold;font-size:0.9em; color:#848484}
.viewBox .content-box
{
	position:relative;
	left:10px;
	color:#555;
	min-height:35px;
	height:auto !important;
	height:35px;
	width:300px;
}	

/****************************Top Sayings********************************/
.top-poster-content{padding:10px;10px;-10px;10px;height:70px}

.rating
{
	float:left;}