/*---------------------------------------------------------
*
*	Module Microblogs
*	Vladimir Yuriev
*	contact e-mail: vladimir.o.yuriev@gmail.com
*
*/

.micro {padding-top:10px;margin-left:10px;padding-left:5px;padding-bottom:15px;margin-right:50px;border-top:1px solid #ccc; background: #f7f7f7; }
.micro.self { background: #fdf5e6 !important; }
.micro.new { background: #e4fbf1 !important; }
.micro.view { background: #cdf5a6 !important; }
.micro a.active {text-decoration: none; border-bottom: 1px dotted #696969; cursor:pointer; color:#696969;}
.micro_comment_add{text-decoration: none; border-bottom: 1px dotted #696969; color:#696969; font-size:1.23em;}
/*.comments-arrow {padding-right:8px;}
.comments-arrow:hover {color:#333; background: url(../images/comment_arrow.gif) no-repeat right;}*/
.micro_info li{float:left;padding-left:7px;font-size:10px;}
#message-subject{margin:0 0 10px 0}

.microcomments { font-size: 11px; color: #999; }
.microcomments li { padding: 5px 5px; overflow: hidden; /*background: transparent; /*border: 1px dashed #dddeee; border-top:none;*/border-bottom:1px dashed #dedede;}
/*comments*/
.micro .content .text .microcomments {  /*border: 1px solid #dddeee; border-top:2px solid #dddeee;*/ padding: 5px 25px 5px 10px; margin-top: 8px; overflow: hidden; zoom: 1; }
.microcomments li.even { background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.microcomments li.self {background: #ebebeb !important;}
.microcomments span {font-size:15px; color: #696969;}
.microcomments .microcomments-topic-icon { background: url(../images/icons.gif) no-repeat scroll 2px -188px; padding-left: 14px; zoom: 1; }
.microcomments a.microcomments-topic { color: #333; padding-right: 5px; }
.microcomments .microcomments-comment-icon { background: url(../images/comment-list.gif) no-repeat 2px 4px; padding-left: 14px; zoom: 1; }
.microcomments a.microcomments-comment { color: #333; }
.microcomments a.microcomments-blog { color: #999; }
.microcomments textarea.loader { background: #f7f7f7 url(../images/loader.gif) no-repeat center;}
.microcomments div.comment-icon {background: url(../images/comments.gif) no-repeat; padding-left: 16px; line-height: 14px; color: #333; overflow:visible;}
.microcomments a.comment-author { color: #999; font-weight: bold; text-decoration: none; background: url(../images/icons.gif) no-repeat scroll 0 -108px; padding-left: 13px; }
.microform {margin-left: 14px;margin-right:50px;width:90%;padding-top:10px;}
.microform{margin:10px 43px 0 23px}



.micro .content .text .loader{text-align:center;display:block;padding-top:5px;}
.char_counter {font-size:18px; color: #696969;font-family:Arial,Georgia,Serif; float:right;font-weight:bold;}
.chooser {padding-bottom:45px;font-size:20px;margin-left:40px;line-height:20px;}
.micro_ul li{display:block;float:left;padding-left:5px;color:#c7c7c7;}
.micro_ul li a{color:#777;text-decoration:none;margin:2px;border-bottom: 1px solid #777;padding:1px 2px 1px 2px;}
.micro_ul li a.active{color:#fff;background:#999;text-decoration:none;border:none;}


.microform .form-bg .insert {color:#999;}
.microform {margin-left: 38px;margin-right:50px;width:90%;padding-top:10px;}
.microform .form-bg{background:#e7e7e7; margin-bottom:35px; padding-bottom:17px; border:12px solid #e7e7e7; -moz-border-radius:7px; -webkit-border-radius:7px;}
.microform form { width:100%; }
.micropanel {float:right;}
/*.micropanel span {float:left;}*/




.micro-profile h1.title {
border-bottom:1px solid #CCCCCC;
font-size:18px;
margin-bottom:7px;margin-right:20px;
padding:0 0 1px 2px;
}

.micro .status {
-moz-border-radius-:5px;
-webkit-border-radius-:5px;
background:#F7F8F9 none repeat scroll 0 0;
border:1px solid lightgrey;
display:none;
font-size:0.9em;
padding:10px;
position:absolute;
right:50px;
text-align:left;
top:60%;
width:150px;
z-index:142;
}

.micro-nav {
margin-left:25px;
margin-bottom:15px;
}


/* Comments
-------------------------------------------------------------------*/
.lst { padding-left: 25px; }
.lst .micro { overflow: hidden; position: relative; zoom: 1; }
.lst .micro .micro { padding-left: 30px; }
.lst.padding-none { padding-left: 0; }
.lst.padding-none .micro .content, .lst.padding-none .micro .info { margin-left: 0; }
.lst.padding-none .voting { top: 8px; }

.micro .avatar {float:left;}
.micro .avatar img {display:block;width:48px;height:48px;border:1px solid #e8e8e8;background:transparent;}
.micro .content .text {padding: 5px 25px 5px 10px; overflow: hidden; zoom: 1; }
.micro .content { margin: 0 50px 0px 50px; padding: 0; }


/* Micro Vote Block */
.micro .voting { width: 48px; height: 30px; position: absolute; right: 20px; top: 8px; z-index: 100; overflow: hidden; }
.micro .voting a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.micro .voting a.minus { width: 9px; height: 11px; display: block; position: relative; top: 5px; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; top: -11px; left:7px;float:right;}
.micro .voting .total { float: right; position: relative; top: -4px; right:20px; }
.micro .voting a.plus:hover { background: url(../images/comment-voting.gif) no-repeat scroll -40px 0px; }
.micro .voting a.minus:hover { background: url(../images/comment-voting.gif) no-repeat scroll -70px 0px; }
.micro .voting.positive .total { color: #390; }
.micro .voting.negative .total { color: #f00; }
.micro .voting.guest a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.micro .voting.guest a.minus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; top: -11px; left:7px;float:right; }
.micro .voting.plus a.plus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -40px 0px; }
.micro .voting.minus a.minus { width: 9px; height: 11px; display: block; overflow: hidden; background: url(../images/comment-voting.gif) no-repeat scroll -70px 0px; top: -11px; left:7px;float:right;}
.micro .voting.voted a.plus, .micro .voting.voted a.minus, .micro .voting.guest a.plus, .micro .voting.guest a.minus { cursor:default; }
.micro .voting.minus a.plus:hover {background: url(../images/comment-voting.gif) no-repeat scroll 0px 0px; }
.micro .voting.plus a.minus:hover {background: url(../images/comment-voting.gif) no-repeat scroll -10px 0px; }

/* Info Block */
.micro .info { font-size: 11px; line-height: 14px; margin-left:8px;padding-bottom:2px;overflow: hidden; zoom: 1; }
.micro .info p { font-size: 10px; }
.micro .info a.author { font-size: 11px; font-weight: bold; color: #777; text-decoration: none; margin-left:10px;}
.micro .info a.author:hover { color: #555; }
.micro .info img.avatar { float: left; margin: 3px 7px 0 0; background:transparent;}
.micro .info ul li { float:left; font-size: 10px; margin-right: 10px; }
.micro .info .date { color: #999; font-size: 10px; padding-right: 7px; }
.micro .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; }
.micro .info .link a{ background: url(../images/microsprite.gif) no-repeat scroll 0 0; padding-right:25px;}
.micro .info .link a:hover {background: url(../images/microsprite.gif) no-repeat scroll -29px 0; }
.micro .info .delete a{background: url(../images/microsprite.gif) no-repeat scroll -83px 0; padding-left:13px; }
.micro .info .delete a:hover{ background: url(../images/microsprite.gif) no-repeat scroll -95px 0;}
.micro .info a.off { color: #999; }
.micro .info .favorite {width:9px; position: relative; margin:0 5px 0 5px;}
.micro .info .favorite a {background: url(../images/microsprite.gif) no-repeat scroll -55px 0; height:12px; width: 13px; padding-left:14px;}
.micro .info .favorite a:hover { background: url(../images/microsprite.gif) no-repeat scroll -69px 0;}
.micro .info .favorite.active a { background: url(../images/microsprite.gif) no-repeat scroll -69px 0; }
.micro .info  .favorite.fav-guest a, .micro .info .favorite.fav-guest a:hover  { background: url(../images/microsprite.gif) no-repeat scroll -55px 0; }


.add_micro{color:#999;text-decoration:none;}
.add_micro div{display:inline; padding: 6px 11px 8px 13px; background: url(../images/microbutton.gif) no-repeat;cursor: pointer; }
.add_micro div:hover{color:#000;}
.add_content {color:#777;}
.add_content a {cursor:pointer !important; text-decoration:none; border-bottom:1px dashed #999;}
.add_content a:hover {color:#999;}
.add_content a.close {border:none;}

.more_micro {display:block;-moz-border-radius:5px; -webkit-border-radius:5px; color:#333; background:#dddeee; width:60%; padding:0 0 0 20%; margin:20px 0 0 10%; line-height:40px;text-decoration:none;}
.more_micro:hover{background:#999;color:#fff;}
.more_micro span{padding-left:25%;*text-decoration:underline; font-size:20px;}

.reply-title { margin-left: 10px; }
.reply { padding: 0 50px 10px 10px; }
.reply textarea { width: 100%; height: 70px; }
.reply textarea.loader { background: #F7F7F7 url(../images/loader.gif) no-repeat center;}


/* Micro stream block style */

.micro-block .info { font-size: 11px; line-height: 14px; margin-left: 14px; margin-bottom: 25px; overflow: hidden; zoom: 1; }
.micro-block .info p { font-size: 10px; }
.micro-block .info p a.author { font-size: 11px; font-weight: bold; color: #000; text-decoration: none; }
.micro-block .info p a.author:hover { color: #555; }
.micro-block .info img.avatar { float: left; margin: 3px 7px 0 0; *margin: 2px 7px 0 0; }
.micro-block .info ul li { float:left; font-size: 10px; margin-right: 10px; }
.micro-block .info ul li.date { color: #999; font-size: 10px; padding-right: 20px; }
.micro-block .info a.imglink { display: block; width: 9px; height: 11px; text-decoration: none; position: relative; top: 3px; }