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

@import url("moduleboxes.css");
@import url("messages.css");
@import url("cssDialog.css");
/*-------------------------------*/
/* General Style */
html,body,form,p{margin:0;padding:0;}
body{font:11px/1.3em "Tahoma", Verdana, Arial, Helvetica, sans-serif;text-align:center;background:#fff;color:#353535;}
.clear{clear:both;padding:0;margin:0;font-size:0px;}
a{color:#085098;text-decoration:none;}
a:hover{color:#4380bd;text-decoration:underline;}

/*-------------------------------*/
/* Container Style */
#container {width:982px;margin:0 auto; padding:0;}
.blackbandana{width:972px;height:25px;margin:0;padding:0 5px 0 5px;background-color:#232322;color: #FFFFFF;}
.logo{float:left;width:143px;height:32px;margin:0px;padding:4px 0px 2px 0px;text-align:left;}
.logo img{border:none;}
.kolom_left{float:left;width:174px;margin:0 auto;padding:5px 0 0 0;}
.kolom_right{float:right;width:803px;margin:0;padding:5px 0 0 0;}
/*.contents_left{float:left; width:775px; margin:5px 0 0 0; padding:0; text-align:left;}*/
.contents_left{float:left; width:817px; margin:5px 0 0 0; padding:0; text-align:left;}
.contents_right{float:right; width:200px; margin:5px 0 0 0; padding:0; text-align:left; border-left:1px solid #dbd7d2; border-right:1px solid #dbd7d2;}
#kolom_left{float:left;width:174px;margin:0 auto;padding:5px 0 0 0;}
#kolom_center{float:left;width:498px;margin:0 5px 0 5px;padding:5px 0 0 0;}
#kolom_right{float:left;width:300px;margin:0;padding:5px 0 0 0;}
#free{width:982px; margin:5px 0 0 0; padding:0; text-align:left;}

/*-------------------------------*/
/* Language Selection Style */
.langselector{height:26px!important;height: 21px;padding:4px 0 0 0;margin-bottom:0;}
.langselector img{background:transparent url(../../images/general/selector_arrows.gif) no-repeat 2px 0;}
.langselector a{color:#ffa800;text-decoration:none;}
.langselector a:hover{color:#ffa800;text-decoration:underline;}

/*-------------------------------*/
/* <input>, <select>, <textarea> Style */
.inputbox, .button, .button_cancel { font:11px "Tahoma", Verdana, Arial, Helvetica, sans-serif; }
.button { border:solid 1px; margin: 0px; padding: 2px; background-color: #232322; color: #FFFFFF; border-color:#E7E7E7 #666666 #666666 #E7E7E7;}
.button_cancel { border:solid 1px; margin: 0px; padding: 2px; background:#F0F0F0; border-color:#E7E7E7 #666666 #666666 #E7E7E7; color:#353535;}
.footer {border-top:solid 1px #232322; margin: 5px 0 10px 0; padding: 0 0 0 2px; text-align:left;}
.input{border:1px solid #dbd7d2; background:#fff; margin:0 0 5px 0; padding:3px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif; white-space:nowrap;}

/*-------------------------------*/
/* Columns Selection Style */
.column-left {
	width: 172px;    /**width+padding+border based on Photoshop: 178px*/
	height: auto;
	margin-top: 5px;
	float: left;
	text-align: left;
	padding: 2px;
	border: solid 1px #dddddd;
}

.column-left-borderless {
	width: 174px;    /**width+padding based on Photoshop: 178px*/
	height: auto;
	margin: 5px 0px 0px 0px;
	float: left;
	text-align: left;
	padding: 2px;
}

.column-right {
	width: 784px;   /**Width: 972px - 178px = 794px*/
	height: auto;
	float: left;
	margin: 5px 0px 0px 0px;
	text-align:left;
	padding: 0 5px;
}

/*-------------------------------*/
/* thumbnail profile Style */
.bandanafloater {position:relative;z-index: 10;background-color:#E8E8E8;margin-top: 1px;margin-bottom:1px;padding:0px;height:auto;}
.bandanacrumb{margin: 0px; padding: 0px; background-color: #E8E8E8; height: 38px;border-bottom:solid 1px #FFFFFF;}
.bandanacrumb div{margin:0px;padding:0px;position:absolute;z-index:30;top:12px;left:65px!important; left:75px;font-size:15px;color: #666666;font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif;text-align:left;font-weight:bold;}

/*-------------------------------*/
/* advertise right side Style */
.ad_garis{border-left:4px solid #f4f3f1; border-right:4px solid #f4f3f1; margin:0; padding:0;}
.ad_garis .header{padding:0 0 5px 10px; background:#fff;}
.ad_garis .ad_box{background:#fff; border-top:1px solid #dbd7d2; margin:0; padding:10px 10px;}
.ad_garis .ad_box .title{font-size:12px; font-weight:bold;}
.ad_garis .ad_box img{margin:3px 0;}

/*-------------------------------*/
/* paging Style */
.paging{margin:5px 0 0 0; padding:0; border-top:1px solid #dbd7d2;}
.paging .page{background:#f4f3f1; text-align:right; margin:1px 0 0 0; padding:5px 5px 5px 0;}
.paging .page span{font-weight:bold;}

.testi_textarea{border-top:1px solid #dbd7d2; border-bottom:1px solid #dbd7d2; margin:5px 0 0 0; padding:1px 0; text-align:center;}
.testi_textarea .testi_box{width:637px; background:#f4f3f1; margin:0; padding:5px 69px; text-align:left;}
.testi_textarea .testi_box textarea{width:625px; height:50px; border:1px solid #dbd7d2; background:#fff; margin:0 0 5px 0; padding:5px; font:10px/1.1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;}


/*-------------------------------*/
/* Posted On, Posted By font style */
.time{font-size: 9px; color:#999999;}

/*-------------------------------*/
/* Icon style */
.ico_send_msg{background: url(../../images/general/icon_message.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}
.ico_gift{background: url(../../images/general/icon_gift.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}
.ico_interactive{background: url(../../images/general/icon_interactive.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}
.ico_invite_circle{background: url(../../images/general/icon_circleInvite.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}
.ico_bookmark{background: url(../../images/general/icon_bookmark.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}
.ico_redeem{background: url(../../images/general/icon_redeem.gif) no-repeat scroll 0 0; height:15px; padding:0 0 0 20px;}
.ico_best_f{background: url(../../images/general/icon_best_f.gif) no-repeat scroll 0 0; height:15px; padding:1px 7px 3px 20px;}

/*-------------------------------*/
/* title Style */
.title{font-size:15px; font-weight:bold; margin:0 0 5px 0;}

/*-------------------------------*/
/* Credits Style */
#menulevel2-container{float:left; width:852px; margin:0; padding:0;}
#menulevel2-credit-container{float:right; width:120px; margin:0; padding:5px 0 0; text-align:left; font-weight:bold;}
#menulevel2-credit-container a{color:#ffa800;text-decoration:none;}
#menulevel2-credit-container a:hover{color:#ffa800;text-decoration:underline;}