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

/*-------------------------------*/
/* primary Style */
.prim_photo{width:170px; margin:0 0 5px 0;padding:1px; border:1px solid #dbd7d2;}
.prim_menu{width:164px; background:#f4f3f1; margin:1px 0; padding:5px; text-align:left;}

/*-------------------------------*/
/* sub kolom Style */
.sub_kolom_left{float:left; width:461px; margin:0 0 5px 0; padding:0;}
.sub_kolom_right{float:right; width:337px; margin:0; padding:0;}

/*-------------------------------*/
/* whazzup n statistic Style */
#whazz{width:498px; margin:0; padding:0; position:relative; z-index:1;}
#whazz .whazz_left{position:absolute; z-index:2; top:0; left:0; width:10px; background:url(../../images/general/whazz_arrow.gif) no-repeat left; height:57px;}
#whazz .whazz_right{float:right; width:487px; background:#f4f3f1; border:1px solid #dbd7d2; margin:0; padding:0;}
#whazz .whazz_isi{margin:0; padding:0px 5px; text-align:left; font:12px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
#whazz .whazz_isi p{padding:5px 0 0 0;min-height:30px;}
#whazz .whazz_img{float:left; width:50px; height:50px; margin:0 5px 0 0; padding:3px 0;}
#whazz .whazz_icon{float:right; margin:0; padding:0; font:11px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
#whazz .whazz_edit{background:url(../../images/general/icon_addBlog.gif) no-repeat; color:#ffa800; text-align:left; height:15px; padding:1px 0 3px 20px;}
#whazz .whazz_comment{background:url(../../images/general/icon_comment.gif) no-repeat; color:#ffa800; text-align:left; height:15px; padding:1px 0 3px 20px;}

.whazz_nav{margin:0px; padding:5px; text-align:right; font-size:10px;}
.whazz_nav p{text-align:left; font-weight:bold;}
.whazz_nav .bubbles{float:left; width:50px; margin:0 5px 5px 0; padding:5px 0;}
.whazz_nav .textarea{float:right; width:422px; margin:0 0 5px 0; padding:0; text-align:right;}
.whazz_nav .textarea textarea{width:410px; height:47px; border:1px solid #dbd7d2; background:#fff; margin:0; padding:5px; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.whazz_nav .lastpost p{float:right; width:425px; margin:0; padding:0; font-weight:normal; font-style:italic;}
.whazz_nav .butt{float:right; width:50px; margin:0; padding:0;}

.whazz_nav .bub_list{width:465px; border:1px solid #dbd7d2; background:#fff; margin:3px 0 5px; padding:0 5px; height:60px;}
.whazz_nav .bub_list .bub_scrollable{width:420px;height:60px;position:relative;float:left;overflow:hidden;}
.whazz_nav .bub_list .bub_items{width:50000em;position:absolute;height:60px;}
.whazz_nav .bub_list .arrow_left{float:left; width:15px; margin:0 7px 0 0; padding:20px 0 0 0; text-align:left;}
.whazz_nav .bub_list .arrow_right{float:right; width:15px; margin:0 0 0 7px; padding:20px 0 0 0; text-align:right;}
.whazz_nav .bub_list .bublist{float:left; width:50px; margin:0 1px 0 1px; padding:5px 0;}

.profile_comm{border-top:1px solid #dbd7d2; margin:0 0 1px 0; padding:5px; width:467px; background:#fff; font-size:11px;}
.profile_comm .left{float:left; width:39px; margin:0; padding:0; text-align:center;}
.profile_comm .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.profile_comm .right{float:right; width:423px; margin:0; padding:0;}
.profile_comm .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.profile_comm .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.profile_comm .right p{margin:3px 0 0 0; padding:0;}
.profile_comm .profile_comm_sub{border-top:1px solid #dbd7d2; margin:0 0 1px 44px; padding:5px; width:413px; background:#f4f3f1; font-size:11px;}
.profile_comm .profile_comm_sub .left{float:left; width:39px; margin:0; padding:0; text-align:center;}
.profile_comm .profile_comm_sub .left .img{border:1px solid #dbd7d2; padding:1px; margin:0;}
.profile_comm .profile_comm_sub .right{float:right; width:369px; margin:0; padding:0;}
.profile_comm .profile_comm_sub .right a{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.profile_comm .profile_comm_sub .right span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.profile_comm .profile_comm_sub .right p{margin:3px 0 0 0;}
.profile_textarea{margin:5px 0 2px 0; padding:5px; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; background:#fff;}
.profile_textarea textarea{width:455px; border:1px solid #dbd7d2; background:#f4f3f1; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

/*-------------------------------*/
/* profile Style */
.profile_info{margin:1px 0 0; padding:0 5px; text-align:left;}
.profile_info p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; margin:0 0 2px 0;}
.profile_info span{font:15px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.profile_left{width:450px; margin:5px 0 0 0; padding:0 5px 5px 9px; text-align:left;}
.profile_left p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; margin:0 0 3px 0;}
.profile_left span{font:15px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.profile_info .title{font:12px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c; border-bottom:1px solid #e9e5e0; margin:5px 0 3px; padding:0 0 1px 0; font-weight:bold;}
.profile_right{width:325px; border:1px solid #dbd7d2; margin:0; padding:5px; text-align:left;}
.profile_right p{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; margin:0 0 3px 0;}
.profile_right .pro_float{float:left; width:162px; margin:0;}
.profile_nav{border-top:1px solid #dbd7d2; margin:0 0 5px 0; padding:1px 0 0;}
.profile_nav .nav{background:#f4f3f1; margin:0; padding:5px; text-align:left;}
.profile_nav .nav .icon{border-bottom:1px solid #e9e5e0; margin:0 0 3px; padding:0 0 6px;}
.profile_nav .nav .select{border:1px solid #dbd7d2; background:#fff; margin:0 3px 0 2px; padding:2px; font-size:11px; width:80px;}
.profile_nav .nav .input{border:1px solid #dbd7d2; background:#fff; margin:0 3px 0 2px; padding:3px; font-size:11px;}

/*.profile_list{width:740px; margin:0 0 0 34px; padding:0;}*/
/*.profile_list .list{float:left; width:93px; margin:0 5px 8px; padding:0 0 1px 0; text-align:center; color:#95918c;}*/
/* cp: perubahan */
.profile_list{width:770px; margin:0 27px; padding:0;}
.profile_list .list{float:left; width:119px; margin:0 4px 8px; padding:0 0 1px 0; text-align:center; color:#95918c; position:relative; }

.profile_list .list p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.profile_list .list .span{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; height:22px;}
.profile_list .list img{border:1px solid #dbd7d2; margin:0 0 1px 0; padding:1px;}
.profile_list .list .icon{border:1px solid #dbd7d2; background:#f4f3f1; margin:2px 0 0 0; padding:2px 2px 0; text-align:left;}
.profile_list .list .icon img{border:0; margin:0; padding:0;}
/* cp: tambahan */
.profile_list .list .status{border:0; margin:0 2px 0 0; padding:0;}
/*.profile_list .list .icon_status{position:absolute; top:3px; right:3px; opacity:.40; filter:alpha(opacity=40); -moz-opacity:0.40; -khtml-opacity:0.40;}*/
.profile_list .list .icon_status{position:absolute; top:3px; right:3px;}
.profile_list .list .icon_status img{border:0;}

.profile_edit{margin:0; padding:5px 0;}
.profile_edit_themes{margin:0; padding:0 5px;}
.profile_edit_themes .title{padding:5px 0; font-weight:bold; font-size:12px;}
.profile_edit_themes .themes_list{float:left; width:70px; height:100px; margin:0 3px; padding:0; text-align:center;}
.profile_edit_themes .themes_list img{border:1px solid #dbd7d2; padding:1px; margin:0 0 5px 0;}
.profile_edit_themes .themes_list p{font-size:10px; color:#085098; font-weight:bold; margin:2px 0 0 0;}

.what{width:170px; border:1px solid #dbd7d2; margin:0; padding:1px; text-align:left;}
.what h1{width:162px; margin:0; padding:4px; font-size:12px; font-weight:bold; color:#222221; background:#e9e5e0;}
.what .box{margin:0; padding:5px;}
.what .box .what_msg{background:url(../../images/general/icon_message.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_bday{background:url(../../images/general/icon_bday.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_mms{background:url(../../images/general/icon_mms.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_frenz{background:url(../../images/general/icon_frenz.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_circle{background:url(../../images/general/icon_circleInvite.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_request{background:url(../../images/general/icon_request.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}
.what .box .what_phone{background:url(../../images/general/icon_phone.gif) no-repeat; text-align:left; padding:1px 0 3px 20px;}

.iklan{width:300px; margin:0 0 5px 0; padding:0;}
.whats{width:296px; border:1px solid #dbd7d2; margin:0; padding:1px; text-align:left;}
.whats h1{width:288px; margin:0; padding:4px; font-size:12px; font-weight:bold; color:#222221; background:#e9e5e0;}
.whats .box{margin:0 1px; padding:5px;}
.whats .box .photo{float:left; width:71px; margin:0 0 5px 0; padding:0; text-align:center; color:#95918c;}
.whats .box .photo img{border:1px solid #dbd7d2; margin:0 0 1px 0; padding:1px;}

.frenz{float:left; width:80px; margin:0 0 5px 0; padding:0; text-align:center; color:#95918c;}
.frenz p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.frenz span{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.frenz img{border:1px solid #dbd7d2; margin:0 0 1px 0; padding:1px;}
.frenzz{width:160px; margin:0 0 5px 0; padding:0; text-align:left; color:#95918c;}
.frenzz p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.frenzz span{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.frenzz img{float:left;border:1px solid #dbd7d2; margin:0 5px 0 0; padding:1px;}
.f_left{float:left; width:80px; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; text-align:left; margin:0 0 3px 0; padding:0;}
.f_right{float:right; width:80px; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; text-align:right; margin:0 0 3px 0; padding:0;}

.content_box{width:498px; border-top:1px solid #dbd7d2; margin:5px 0 0 0; padding:1px 0 0 0; text-align:left;}
.content_box h1{width:490px; margin:0; padding:4px; font-size:12px; font-weight:bold; color:#222221; background:#e9e5e0;}
.content_box .nav{width:490px; background:#e9e5e0; margin:0; padding:4px; color:#222221;}
.content_box .nav .tit{float:left; width:200px; font-size:12px; font-weight:bold;}
.content_box .nav .note{float:right; width:100px; text-align:right;}
.content_box .nav .drop{background:#fff; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; margin:5px 0 0 0; padding:5px;}
.content_box .nav .drop p{font-size:11px; margin:0; padding:0 0 2px 0;}
.content_box .nav .drop .checkbox{float:left; width:120px; margin:0; padding:0; text-align:left;}

.comment_box{width:488px; background:#f4f3f1; margin:1px 0 0 0; padding:5px;}
.comment_box .comm_left{float:left; width:50px; margin:0 auto; padding:0; text-align:center}
.comment_box .comm_left img{border:1px solid #fff;}
.comment_box .comm_right{float:right; width:438px; margin:0; padding:0; overflow-x:auto;}
.comment_box .comm_right a{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.comment_box .comm_right span{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.comment_box .comm_right p{margin:3px 0 0 0;}
.comment_textarea{width:498px; border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; margin:4px 0 5px 0; padding:0;}
.comment_textarea .comm_box{background:#f4f3f1; margin:1px 0; padding:5px;}
.comment_textarea .comm_box textarea{width:476px; height:40px; border:1px solid #dbd7d2; background:#fff; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

/*-------------------------------*/
/* Circle Style */
.circle_tit{font:14px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:left;}
.what .circle_event{margin:0; padding:1px 5px 5px 5px;}
.what .circle_event span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.what .circle_event .event_tit{font:11px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; padding:5px 0 0 0;}
.what .box span{font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.note_right{float:right; width:100px; margin:5px 0 5px 0; padding:0 5px 0 0; text-align:right;}
.circle_nav{border-top:1px solid #dbd7d2; margin:0 0 5px 0; padding:1px 0;}
.circle_nav .nav{background:#f4f3f1; margin:0; padding:2px 5px 5px; text-align:left;}
.circle_nav .nav p{padding:3px 0;}
.circle_nav .nav .left{float:left; width:300px; margin:0; padding:0;}
.circle_nav .nav .right{float:right; width:auto; margin:0; padding:0; text-align:right;}
.circle_title{font-size:15px; text-decoration:underline; font-weight:bold; padding:5px;}
.circle_left{float:left; width:230px; margin:0 5px 5px 0; padding:0 0 0 70px; text-align:right; font-weight:bold;}
.circle_left span{font-weight:normal; font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.circle_right{float:right; width:512px; margin:0; padding:0; text-align:left;}
.circle_right img{border:1px solid #dbd7d2; padding:1px; margin:0 0 5px 0;}
/*.circle_right .input{border:1px solid #dbd7d2; background:#fff; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}*/
.circle_right span{font-weight:normal; font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c; margin-bottom:5px;}
.circle_custom_note{border-bottom:1px solid #dbd7d2; border-top:1px solid #dbd7d2; margin:5px 0 5px 5px; padding:5px 0; width:200px; color:#95918c;}
#circle_list{width:798px; margin:0 0 0 0px; padding:0;}
.circle_list{float:left; width:247px; margin:0 3px 6px; padding:5px; text-align:left; border:1px solid #dbd7d2;}
.circle_list img{float:left; border:1px solid #dbd7d2; padding:1px; margin:0 5px 0px 0;}
.circle_list p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; margin:0 0 2px 0;}
.circle_list p a{font-size:13px; font-weight:bold;}
.circle_list span{font-size:10px; color:#95918c;}
.inputsearch{border:1px solid #dbd7d2; background:#fff; margin:1px 0 0 0; padding:3px 3px 3px 17px; font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; background:white url(images/magglass.png) no-repeat scroll 3px 4px;}

.circle_event_list{width:765px; border-bottom:1px solid #dbd7d2; margin:5px 0; padding:0 5px 5px 5px;}
.circle_event_list .left{float:left; width:120px; margin:0 auto; padding:0;}
.circle_event_list .left img{border:1px solid #dbd7d2; padding:1px; margin:0 5px 0px 0;}
.circle_event_list .right{float:right; width:645px; margin:0 auto; padding:0;}
.circle_event_list .right .right01{float:left; width:100px; margin:0; padding:0; color:#95918c;}
.circle_event_list .right .right02{float:right; width:545px; margin:0; padding:0; text-align:left;}

.circle_invite{width:765px; margin:5px; padding:0;}
.circle_invite .left{float:left; width:30px; margin:0 auto; padding:0; text-align:center}
.circle_invite .right{float:right; width:735px; margin:0; padding:2px 0;}
.circle_invite .right .isi{width:708px; border:1px solid #dbd7d2; background:#f4f3f1; margin:0 0 5px; padding:5px 5px 0; overflow:auto; 	height:100px;}
.isi_box{float:left; width:177px; margin:0 0 0px 0; padding:0;}
.isi_left{float:left; width:20px; margin:0; padding:0;}
.isi_right{float:right; width:157px; margin:0; padding:2px 0;}

/*-------------------------------*/
/* profile offline Style */
.profile_off_left{float:left; width:502px; margin:0 auto; padding:0 0 5px 0; text-align:left;}
.profile_off_left .pro_off_title{font:15px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.profile_off_left .pro_off_note{font-weight:bold; padding:5px 0 3px;}
.pro_off_login{font:14px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 5px 10px; font-weight:bold;}
.pro_off_ket{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:3px 0 0;}
.pro_off_frenz{margin:0 0 0 8px}

/*-------------------------------*/
/* profile 1st Style */
.pro_1st_left{float:left; width:497px; margin:0; padding:0;}
.pro_1st_right{float:right; width:300px; margin:0; padding:0;}
.pro_1st_left .left{float:left; width:83px; margin:0; padding:0;}
.pro_1st_left .left img{border:1px solid #dbd7d2; margin:0; padding:1px;}
.pro_1st_left .right{float:right; width:410px; margin:0; padding:0;}
.pro_1st_nav{border:1px solid #dbd7d2; margin:5px 0 0; padding:1px;}
.pro_1st_nav .nav{background:#e9e5e0; margin:0; padding:5px 5px 5px; text-align:left;}
.pro_1st_nav .nav h1{float:left; width:400px; margin:0; padding:0 0 2px; font-size:12px; font-weight:bold; color:#222221;}
.pro_1st_nav .nav .close{float:right; width:50px; margin:0; padding:0 0 2px; text-align:right; border:none;}
.pro_1st_nav .nav .email{border:1px solid #dbd7d2; background:#fff; margin:0; padding:5px;}
.pro_1st_nav .nav .email .email_float{float:left; margin:1px 0 0 0; padding:0;}
.pro_1st_nav .nav .email .email_float input{border:1px solid #dbd7d2; background:#fff; margin:0; padding:3px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.pro_1st_nav .nav .email .email_float select{border:1px solid #dbd7d2; background:#fff; margin:0; padding:2px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.pro_1st_list{width:487px; margin:2px 0 0 0; padding:0;}
.pro_1st_list .arrow_left{float:left; width:15px; margin:0; padding:30px 0 0 0; text-align:left;}
.pro_1st_list .arrow_right{float:right; width:15px; margin:0; padding:30px 0 0 0; text-align:right;}
.pro_1st_list .list{float:left; width:70px; margin:0 3px 0; padding:0; text-align:center; color:#95918c;}
.pro_1st_list .list p{font:11px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.pro_1st_list .list .span{font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; height:22px;}
.pro_1st_list .list img{border:1px solid #dbd7d2; margin:0 0 1px 0; padding:1px;}

#whazz_1st{width:409px; margin:0; padding:0; position:relative; z-index:1;}
#whazz_1st .whazz_left{position:absolute; z-index:2; top:0; left:0; width:10px; background:url(images/whazz_arrow.gif) no-repeat left; height:57px;}
#whazz_1st .whazz_right{float:right; width:398px; background:#f4f3f1; border:1px solid #dbd7d2; margin:0; padding:0;}
#whazz_1st .whazz_isi{margin:0; padding:5px; text-align:left; font:12px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
#whazz_1st .whazz_isi p{padding-top:5px;}
#whazz_1st .whazz_img{float:left; width:50px; height:55px; margin:0 5px 0 0; padding:0;}
#whazz_1st .whazz_icon{float:right; margin:0; padding:0; font:11px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
#whazz_1st .whazz_edit{background:url(../../images/general/icon_addBlog.gif) no-repeat; color:#ffa800; text-align:left; height:15px; padding:1px 0 3px 20px;}
#whazz_1st .whazz_comment{background:url(../../images/general/icon_comment.gif) no-repeat; color:#ffa800; text-align:left; height:15px; padding:1px 0 3px 20px;}

/*.setting_left{float:left; margin:5px 5px 0 0; padding:0; width:110px;}
.setting_right{float:left; margin:0; padding:0;}*/
.privacy_left{float:left; width:350px; margin:0; padding:2px 0 0 20px; text-align:right; font-weight:bold;}
.privacy_left span{font-weight:normal; font:10px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#95918c;}
.privacy_right{float:right; width:442px; margin:0; padding:0; text-align:left;}

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