/*
-----------------------------------------------
12frenz Site
Author	 					: http://www.12frenz.com
Design & Development		: www.mobafone.co.id
Date	 						: Feb 2008
Version						: v.3
Name							: whazzup.css
----------------------------------------------- 
*/

.whazzup-right{margin:5px 0 0 5px; width:638px;float:left;text-align:left;}
.whazzupbox{margin-right:0; margin-bottom:5px; padding:0; width:638px; text-align:left;}
.whazzup-thumb {border:solid 1px #dbd7d2; width:56px; height:56px; margin-right:5px; padding:1px; float:left;}
.bubblewrapper{position:relative; float:left;}
.bubblearrow{position:absolute; top:5px; left:0; width:10px; height:16px; float:left; margin:0px; padding:0px;}
.bubble{padding:3px 5px; width:552px; height:auto; min-height:20px; margin:0; margin-left:9px; background:#f6f5f3; border:solid 1px #dbd7d2;}
.bubble img{float:left;margin-right:10px;border:none;}
.whazzup_comment_list{border-top:1px solid #dbd7d2; margin:0 0 1px 0; padding:5px; width:542px; background:#fff;}
.whazzup_comment_list .left{float:left; width:39px; margin:0; padding:0; text-align:center;}
.whazzup_comment_list .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.whazzup_comment_list .right{float:right; width:498px; margin:0; padding:0;}
.whazzup_comment_list .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_comment_list .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.whazzup_comment_list .right p{margin:3px 0 0 0;}
.whazzup_comment_list .whazzup_comment_list_sub{border-top:1px solid #dbd7d2; margin:0px 0 1px 0; padding:5px; width:385px; background:#f4f3f1;}
.whazzup_comment_list .whazzup_comment_list_sub .left{float:left; width:39px; margin:0; padding:0; text-align:center}
.whazzup_comment_list .whazzup_comment_list_sub .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.whazzup_comment_list .whazzup_comment_list_sub .right{float:right; width:340px; margin:0; padding:0;}
.whazzup_comment_list .whazzup_comment_list_sub .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_comment_list .whazzup_comment_list_sub .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.whazzup_comment_list .whazzup_comment_list_sub .right p{margin:3px 0 0 0;}

.whazzup_comment_activity{border-top:1px solid #dbd7d2; margin:0 0 1px 0; padding:5px; width:392px; background:#fff; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_comment_activity .left{float:left; width:39px; margin:0; padding:0; text-align:center;}
.whazzup_comment_activity .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.whazzup_comment_activity .right{float:right; width:348px; margin:0; padding:0;}
.whazzup_comment_activity .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_comment_activity .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.whazzup_comment_activity .right p{margin:3px 0 0 0;}
.whazzup_comment_activity .whazzup_comment_list_sub{border-top:1px solid #dbd7d2; margin:0px 0 1px 0; padding:5px; width:275px; background:#f4f3f1;}
.whazzup_comment_activity .whazzup_comment_list_sub .left{float:left; width:39px; margin:0; padding:0; text-align:center}
.whazzup_comment_activity .whazzup_comment_list_sub .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.whazzup_comment_activity .whazzup_comment_list_sub .right{float:right; width:230px; margin:0; padding:0;}
.whazzup_comment_activity .whazzup_comment_list_sub .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_comment_activity .whazzup_comment_list_sub .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.whazzup_comment_activity .whazzup_comment_list_sub .right p{margin:3px 0 0 0;}

.bubblewrapper .reply_activity{float:right; width:392px; margin:5px 0 2px 0px; padding:5px; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; background:#fff;}
.bubblewrapper .reply_activity textarea{width:380px; border:1px solid #dbd7d2; background:#f4f3f1; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; height:40px}


.whazzup_textarea{border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; margin:0 0 5px 0; padding:1px 0; text-align:center;}
.whazzup_textarea .whazzup_box{width:618px; background:#f4f3f1; margin:0; padding:5px 10px; text-align:right; font-size:10px}
.whazzup_textarea .whazzup_box p{text-align:left;}
.whazzup_textarea .whazzup_box .bubbles{float:left; width:50px; margin:0 5px 5px 0; padding:0 5px;}
.whazzup_textarea .whazzup_box .textarea{float:left; width:550px; margin:0 0 5px 0; padding:0;}
.whazzup_textarea .whazzup_box textarea{width:542px; height:38px; border:1px solid #dbd7d2; background:#fff; margin:0; padding:5px; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazzup_textarea .whazzup_box .lastpost p{float:right; width:525px; margin:0; padding:0; font-weight:normal; font-style:italic;}
.whazzup_textarea .whazzup_box .butt{float:right; width:50px; margin:0; padding:0;}

.whazzup_textarea .whazzup_box .bub_list{width:607px; height:60px; border:1px solid #dbd7d2; background:#fff; margin:3px 0 5px 0; padding:0 5px;}
.whazzup_textarea .whazzup_box .bub_list .bub_scrollable{width: 569px;height:60px;float:left;position:relative;overflow:hidden;}
.whazzup_textarea .whazzup_box .bub_list .bub_items{width: 50000em;height:60px;position:absolute;}
.whazzup_textarea .whazzup_box .bub_list .arrow_left{float:left; width:15px; margin:0 5px 0 0; padding:18px 0 0 0; text-align:left;}
.whazzup_textarea .whazzup_box .bub_list .arrow_right{float:right; width:15px; margin:0 0 0 3px; padding:18px 0 0 0; text-align:right;}
.whazzup_textarea .whazzup_box .bub_list .bublist{float:left; width:50px; margin:0 2px 0 2px; padding:5px 0;}

.bubblewrapper .reply{float:right; width:542px; margin:5px 0 2px 0px; padding:5px; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; background:#fff;}
.bubblewrapper .reply textarea{width:530px; border:1px solid #dbd7d2; background:#f4f3f1; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; height:40px}
.bubblewrapper .subreply{float:right; width:385px; margin:4px 0 2px 0px; padding:5px; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; background:#f4f3f1;}
.bubblewrapper .subreply textarea{width:373px; border:1px solid #dbd7d2; background:#fff; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; height:40px}

.focusText{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#999; font-style:italic; }