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

.screen128x128{width: 126px;margin: 0px;padding: 0px;padding-left: 2px;}
body{font-size: 6px;}
h1{font-size: 6px;margin:0px;padding:0px;}
table {width: 124px;}
.input, .inputDate, .inputFloat, .inputFile, .shortInput, .button, .button_cancel{font-size: 6px;}
.input{width:110px;}
.inputFloat{width: 59px;}
.inputFile{width: 50px;}
.menu, .menu a:link, .menu a:visited{font-size: 6px;}
.content h1 {font-size: 6px;}
.paging {font-size: 6px;}
.smallFont {font-size: 6px;}
.footer{font-size:6px;}
.titlebar h1{font-size:6px;}
.microblog{font-size:6px;}
.bar h1{font-size: 6px;}
.dash{font-size:6px;}
.dash .title{font-size:7px;}
.inline{font-size: 6px;}

.thumbnails{width: 73px; height: 73px; border:solid 1px #dbd7d2;}
.giftThumbnails{width:73px;height:73px;border:solid 1px #dbd7d2;}
.microThumbnails{width:50px;height:50px;border:none;}

.mymenuicon128x128 .box{width: 40px;}

/**styles for the blogForm**/
.icons_16px_ss128x128 {margin-top: 10px;margin-bottom: 5px;width: 126px;}

.wbox_ss128x128{width: 75px;}

img.actionIcon{width:12px;height:12px;}

.whazz .right{font-size:6px;}

.spacerRow{width:124px;}

.textarea_ss128x128{width: 110px;}/**120-10**/
.microblogDesc_ss128x128{width:80px;}/**120px - 45px -> 40 width + 5 margin-right*/ 

/*****login*****/

/* kolom02 Style */
.kolom02{margin:3px 0 0 0; padding:0px;}
.kolom02 img{border:1px solid #dbd7d2; margin:0 4px 0 0; padding:1px; float:left}
.kolom02 .input{border:1px solid #dbd7d2; margin:0 0 2px 0; padding:2px; color:#95918c; font:9px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; width:110px;}
.kolom02 p{margin:0 0 2px 0; padding:0;}

/* kolom03 Style */
.kolom03{margin:3px 0 0 0; padding:0;}
.kolom03 span{color:#95918c; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

.what{width:auto; border:1px solid #dbd7d2; margin:4px 0 0 0; padding:1px; text-align:left; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.what h1{width:auto; margin:0; padding:4px; color:#222221; background:#e9e5e0; font:8px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.what .box{margin:0 2px 0 0; padding:2px;}
.what .box p{margin:0 0 2px 0; padding:0; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.what .box .wbox{float:left; width:53px; margin:0 3px 0 0; padding:0; text-align:center;}
.what .box .wbox img{border:1px solid #dbd7d2; margin:0; padding:1px;}
.what .box .wbox span{color:#95918c; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

/*list box at login*/
.what .boxl{margin:0; padding:2px 0;}
.what .boxl .wbox{float:left; width:55px; margin:0 2px 0 2px; padding:0; text-align:center;}
.what .boxl .wbox img{border:1px solid #dbd7d2; margin:0; padding:1px;}
.what .boxl .wbox span{color:#95918c; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.what .boxl .wbox p img{border:0; margin:0 1px 0 0; padding:0;}
.what .boxl .wbox .icon{margin:2px 0 0 0; padding:2px 2px 0; text-align:center;}
.what .boxl .wbox .icon img{border:0; margin:0; padding:0;}

/*****register*****/

/* kolom01 Style */
.kolom01{margin:3px 0 0 0; padding:3px 0 0; border-top:1px solid #232322;}
.kolom01 .input{border:1px solid #dbd7d2; margin:0 0 2px 0; padding:2px; font:7px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; width:110px;}
.kolom01 .select{border:1px solid #dbd7d2; margin:2px 0px; padding:2px; font:6px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.kolom01 .p{font:6px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 2px 0; padding:0;}
.button_create_account{font:7px "Tahoma", Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; border:solid 1px; border-color:#E7E7E7 #666666 #666666 #E7E7E7; margin: 0px; padding: 3px; background-color: #2E67B2;}

/****profile****/
.profile{margin:0; padding:2px 0; font:6px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.profile img{border:1px solid #dbd7d2; margin:0 2px 0 0; padding:1px; float:left;}
.profile span{color:#95918c; font:6px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.profile .menu{font-weight:bold; font:6px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0;}
/* icons Style */
.profile .icon p{font:6px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; text-align:center;}
.profile .icon .box{float:left; width:40px; margin:2px 0 0 0; padding:0;}
.profile .icon img{border:none; float:none;}

/* whazzup Style */
.whazz{border:1px solid #dbd7d2; background:#f4f3f1; margin:0 0 3px 0; padding:2px;}
.whazz .left{float:left; width:20px; margin:0 3px 0 0; padding:0;}
.whazz .left img{border:none;}
.whazz .right{float:right; width:90px; margin:0; padding:0; font:6px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}
.microWhazzzupThumbnails{width:15px;height:15px;border:none;}
.microblog .row .icon img{width:25px;height:25px;}
.microblog .row .icon{float: left;width:25px;margin-right: 3px;}
.microblog .row2{border: none;padding-top: 2px;padding-bottom: 2px;}
.microblog .row2 .icon{float: left;width:25px;margin-right: 3px;}
.microblog .row2 .icon img{width:25px;height:25px;}

/**comment style comments**/
.comment{margin-top:3px;font:6px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif; color:#666666;}
.comment .row{border-bottom: solid 1px #dbd7d2;padding-top: 3px;padding-bottom: 3px;}
.comment .row .icon{float: left;width:35px;margin-right: 3px;}
.comment .row .icon img{width:35px;height:35px;}
.comment .row .desc{float:left;}
.comment .row .desc .posted{font-weight: bold;margin-bottom: 3px;}
.comment .row .desc .text{margin-bottom:2px;}
.comment .row .desc .show{text-align:right; font-size:6px;}
.comment .row .desc p span{color:#95918c; font:6px/1.0em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}

ol{margin: 0px;padding:0px 0px 0px 22px;}
ul{margin: 0px;padding:0px 0px 0px 22px;}