body{
		margin:0;
		background-image:url(../image/bg.png);
		background-repeat:repeat;
	}
	body,a,div,span,input,select,textarea{
		font:normal 11px Verdana;
	}
	#outer{
		width:960px;
		margin:0 auto;
		background-color:#F1F1F1;
		border:1px solid #DDDDDD;
	}
	#banner{
		background-image:url(../image/grey.gif);
		height:110px;
		background-repeat:repeat;
	}
	
	#footer-top{
		background-color:#EEE;
		height:3px;
	}
	
	#footer{
		background-color:#000046;
		background-image:url(../image/f-tengah.gif);
		background-repeat:repeat-x;
		min-height:260px;
	}  
	/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
	/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
	
	.glossymenu{
		position: relative;
		padding: 0 0 0 5px;
		margin: 0 auto 0 auto;
		background: url(../image/menub_bg2.gif) repeat-x; /*tab background image path*/
		height: 46px;
		list-style: none;
		background-color:#EEE;
	}
	
	.glossymenu li{
		float:left;
	}
	
	.glossymenu li a{
		float: left;
		display: block;
		color:#000;
		text-decoration: none;
		font-family: sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding:0 0 0 9px; /*Padding to accomodate left tab image. Do not change*/
		height: 46px;
		line-height: 46px;
		text-align: center;
		cursor: pointer;	
	}
	
	.glossymenu li a b{
		float: left;
		display: block;
		padding: 0 16px 0 8px; /*Padding of menu items*/
	}
	
	.glossymenu li.current a, .glossymenu li a:hover,.glossymenu li a:hover img{
		color: #fff;
		background: url(../image/menub_hover_left3.gif) no-repeat; /*left tab image path*/
		background-position: left;
	}
	
	.glossymenu li.current a b, .glossymenu li a:hover b,.glossymenu li a:hover img{
		color: #fff;
		background:url(../image/menub_hover_right3.gif) no-repeat right top; /*right tab image path*/
	}
	
	.formsearch{
		margin:13px 0 0 60px;
		background-color:#EEE;
		border:1px solid #DDD;
		padding:1px;
	}
	.formsearch input,.formsearch select{
		font:normal 10px Verdana;
	}
	
	#div_main{
		padding:5px;
		padding-top:3px;
	}
	
	#left{
		float:left;
		width:280px;
		border:0px solid #EEE;
	}
	#midle{
		float:left;
		width:410px;
		margin-left:15px;
		border:0px solid #EEE; 
	}							
	#midle2{
		float:left;
		width:650px;
		border:0px solid #EEE;
	}
	#right{
		float:left;
		width:220px;
		margin-left:15px;
		border:0px solid #EEE;
	}
	#right2{
		float:left;
		width:280px;
		margin-left:10px;
		border:0px solid #EEE;
	}
	.clear{
		clear:both;
	}
	
	.titlebox{
		height:24px;
		padding:1px 0 0 5px;
		font:normal 18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
		margin:5px 0 5px 0;
		text-align:left;
		color:#FFF;
	}

	/* Sample 2*/
	#box2{
		position:absolute;
	}
	#box2 span{
		display:block;
		float:left;
	}

	.mask2{
		position:relative;
		width:280px;
		height:180px;
		overflow:hidden;
		margin:0 auto;
	}
	
	#box2 span img{
		width:280px;
		height:180px;
	}
	
	.mask3{
		position:relative;
		width:220px;
		height:330px;
		overflow:hidden;
		margin:0 auto;
	}
	
	span img{
		display:block;
		border:none;
	}
	
	/* Sample 5*/
	#box5{
		position:absolute;
		width:220px;
		height:300px;
		overflow:hidden;
	}
	#box5 span{
		display:block;
	}
	#box5 span img{
		width:100px; height:100px;
		margin-bottom:5px;
		margin-top:1px;
		padding:1px;
		border:1px solid #DDD;
	}
		
	.mask4{
		position:relative;
		width:395px;
		height:80px;
		overflow:hidden;
		margin:0 auto;
	}

	/* Sample 6*/
	#box6{
		position:absolute;
		width:400px;
		height:80px;
		overflow:hidden;
	}
	#box6 span{
		display:block;
		float:left;
	}
	#box6 span img{
		width:64px; height:64px;
		margin:5px;
		padding:2px;
		border:1px solid #0000FF;
	}
	
	#box7{
		position:absolute;
		width:400px;
		height:80px;
		overflow:hidden;
	}
	#box7 span{
		display:block;
		float:left;
	}
	#box7 span img{
		width:64px; height:64px;
		margin:5px;
		padding:2px;
		border:1px solid #0000FF;
	}
	
	.btnBrosur{
		width:400px;
		text-align:center;
	}
		
	.buttons{padding:5px;text-align:center;}
	.buttons span{color:red;padding:0 5px;cursor:pointer;font:normal 10px Verdana}
	.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

	/*    MENU    */
	#navcontainer{
		border:0px solid #AAA;
	}
	#navlist {
		padding: 3px 0;
		margin-left: 0;
		border-bottom: 1px solid #778;
		font: bold 10px Verdana;
	}
	
	#navlist li {
		list-style: none;
		margin: 0;
		display: inline;
	}

	#navlist li a {
		padding: 3px 0.5em;
		margin-left: 3px;
		border: 1px solid #778;
		border-bottom: none;
		background: #DDE;
		text-decoration: none;
	}
	
	#navlist li a:link { color: #448; }
	#navlist li a:visited { color: #667; }
	
	#navlist li a:hover {
		color: #000;
		background: #AAE;
		border-color: #227;
	}
	
	#navlist li a#current {
		background: white;
		border-bottom: 1px solid white;
	}
	#navlist li a#curr {
			background: white;
			border-bottom: 1px solid white;
	}
	
	#navcontainer div{
		margin:3px 5px 0 5px;
		padding-bottom:2px;
		border-bottom:1px dashed #EEE;	
		background-image:url(../image/bullet.gif);
		background-repeat:no-repeat;	
	}
	#navcontainer div a{
		text-decoration:none;
		padding-left:10px;
		color:#0066FF;
		font-weight:bold;
	}
	
	#navcontainer div a:hover{
		border:1px dotted #FF9900;
		text-decoration:underline;
		
	}
	
	/*----- Buat kupon ----*/
	
	#navcontainer2 div{

		padding-bottom:2px;
		background-image:url(../image/bullet.gif);
		background-repeat:no-repeat;
		/*border-bottom:1px dashed #EEE;	
		background-image:url(../image/bullet.gif);
		background-repeat:no-repeat;*/	
	}
	#navcontainer2 div a{
		text-decoration:none;
		/*padding-left:10px;*/
		color:#0066FF;
		font-weight:bold;
	}
	
	#navcontainer2 div a:hover{
		border:1px dotted #FF9900;
		text-decoration:underline;
		
	}

	/*----- end Buat kupon ----*/
	
	#navnormal div{
		margin:0 0 3px 5px;
		padding-bottom:2px;
		border-bottom:1px dashed #EEE;	
		background-repeat:no-repeat;		
	}
	
	#navweatherdiv{
		margin:0 5px 3px 5px;
		padding-bottom:2px;
	}
	
	/* Normal Bubble */
	div.bubble {
		width: auto;
		font-size: 10px;
		margin-bottom: 24px;
	}
	
	div.bubble #blockquote {
		margin: 0px;
		padding: 0px;
		border: 1px solid #DDD;
	}

	div.bubble .cite {
		margin: 0px;
		margin-top:-1px;
		padding: 15px 0px 0px 15px;
		background: transparent url(../image/icon/tip.gif) no-repeat 25px 0;
		font-style: normal;
	}
	
	.formcss label{
		float: left;
		width: 100px;
		font-weight: bold;
		color:#000099;
	}
	
	.formcss input, .formcss select,  .formcss textarea{
		width: 180px;
		font-size:10px;
		margin-bottom: 5px;
	}
	
	.formcss textarea{
		width: 300px;
		height: 100px;
	}
	
	.formcss .boxes{
		width: 1em;
	}
	
	.formcss #submitbutton{
		margin-top: 5px;
		width: 90px;
	}
	
	.formcss br{
		clear: left;
	}	
	
	.formcss .error{
		font:normal 10px Verdana;
		color:#FF0000;
	}
	.formcss .titleform{
		font:bold 14px Verdana;
		padding-bottom:10px;
		color:blue;
	}
	
	.divsuccess{
		border:1px solid #0000FF;
		background-color:#CEE7FF;
		padding:5px;
		margin:5px 0;
	}
	.divfail{
		border:1px solid #FF0000;
		background-color:#FFDDDD;
		margin:5px 0;
		padding:5px;
	}
	.title{
		font:bold 12px Verdana;
		height:25px;
		background-image:url(image/dot.gif);
		margin:3px 0;
	}
	.imgadv{
		padding:1px;
		border:1px solid #CCC;
		width:100px;
		height:80px;
	}
	.imgadv:hover{
		cursor:pointer;
		
	}
	.imgadv2{
		padding:1px;
		border:1px solid #CCC;
		width:64px;
		height:64px;
	}
	
	.cat{ background-color:#FFEFE8;border:1px solid #FFCC00;margin:1px 0}

	.transparent{
		/* for IE */
	  filter:alpha(opacity=95);
	  /* CSS3 standard */
		-KHTML-opacity:0.95;
		-moz-opacity:.95;
		opacity:0.95;
	}
	#redeye a{
		text-decoration:none;
		color:#0066FF;
		font-weight:bold;
	}
	
	#redeye a:hover{
		border:1px dotted #FF9900;
		text-decoration:underline;
		color:#CC0000;
		
	}

	#lovelink a{
		text-decoration:none;
		color:#0099FF;
	}
	
	#lovelink a:hover{
		border:1px dotted #FF9900;
		text-decoration:underline;
		color:#CC0000;
	}
	#lovelinkbold a{
		text-decoration:none;
		color:#0066FF;
		font-weight:bold;
	}
	
	#lovelinkbold a:hover{
		border:1px dotted #FF9900;
		/*text-decoration:underline;*/
		color:#CC0000;
		font-weight:bold;
	}

	#lovelink2 a{
		text-decoration:none;
		color:#0099FF;
		cursor:pointer;
	}
	
	#lovelink2 a:hover{
		text-decoration:underline;
		color:#CC0000;
	}

	.plipit img
	{
		background: #fff;
		border-color: #aaa #ccc #ddd #bbb;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 1px;
		vertical-align: top;
	}

/* rounded corner */

	.box-three			{ width: 294px; height:120px; background: #FFFFFF; border: 1px solid #0099FF; -moz-border-radius: 10px; margin: 5px 0;}
	.box-three .inside	{ padding: 5px; }
	.box-four			{ width: 294px; height:130px; background: #66FFFF; border: 1px solid #534515; margin: 10px 0;}
	.box-four .inside	{ padding: 5px; }
	.box-one			{ width: 100px; height:100px; background: #FFFFFF; border: 1px solid #0099FF; -moz-border-radius: 15px; margin: 5px 0;}

	#link-jos a{
		text-decoration:none;
		font-size:12px;
		color:#000000;
	}
	
	#link-jos a:hover{
		text-decoration:none;
		font-size:12px;
		cursor:auto;
	}

	.titleboxSN{
		height:22px;
		padding:1px 0 0 5px;
		font:bold 12px "Verdana", Verdana, Trebuchet, Arial, sans-serif;
		/*margin-bottom:5px;
		margin-top:5px;*/
		margin:0 5px 0 5px;
		text-align:left;
		color:#FFFFFF;
		border:1px solid #d4dae9;
		vertical-align:middle;
	}
	
	.orange{
		/*background-image:url(../image/nav-sn.gif);*/
		background-color:#8497bd;
	}
	
	.link_paging{
		border:1px solid #999;
		padding:0 1px;
		margin-right:1px;
		text-decoration:none;
		color:#000;
		font:bold 10px Verdana;;
	}
	
	.link_paging_curr{
		background-color:#A8D3FF;
		padding:2px;
	}
	
.titleLink{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none
}

#tengahSN {
	float:left;
	width:470px;
	border:0px;
	margin-left:5px;
}	

#kananSN{
	float:left;
	width:280px;
	margin-left:5px;
	border:0px;
}

#kiriSN{
	width:170px;
	float:left;
}

#reserveWords{
	border:1px solid;
	height:200px;
	left:800px;
	top:195px;
	position:absolute;
	z-index:1;
	background-color:#FFFFFF;
	overflow:scroll;
	display:none;
}

#reserveWords2{
	height:200px;
	border:1px solid;
	width:200px;
	right:150px;
	position:absolute;
	background-color:#FFFFFF;
	overflow:scroll;
	display:none;
	z-index:200;
}

#reserveWords3{
	height:200px;
	border:1px solid;
	width:200px;
	left:800px;
	position:absolute;
	background-color:#FFFFFF;
	overflow:scroll;
	display:none;
}

#reserveWords4{
	height:200px;
	border:1px solid;
	width:200px;
	position:fixed;
	left:400px;
	background-color:#FFFFFF;
	overflow:scroll;
	display:none;
}

.viewList{
	height:200px;
	border:1px solid #999999;
	width:200px;
	position:absolute;
	background-color:#FFFFFF;
	overflow:scroll;
	display:none;
	z-index:20;
}


.divsuccessSN{
	border:1px solid #D4DAE9;
	background-color:#EDEFF3;
	padding:5px;
	margin:5px 5px 0 5px;
	color:#000000;
}

.divInfoSN{
	border:1px solid #FFFC00;
	background-color:#FFFFCC;
	padding:5px;
	margin:5px 0;
	color:#000000;
}

.divfailSN{
	border:1px solid #DD3C11;
	background-color:#FFEBE9;
	margin:5px 5px 0 5px;
	padding:5px;
}

.submitForm{
	background-color:#5C74A2;
	border:1px solid #152F5E;
	color:#CCCCCC;
	font:bold 12px "Verdana", Verdana, Trebuchet, Arial, sans-serif;
	cursor:pointer;
	padding:0 0 0 0;
	margin-right:5px;
}

#outerSN{
	width:960px;
	margin:0 auto;
	background-color:#F1F1F1;
	border:1px solid #DDDDDD;
}

.containerSN{
	min-height:30px;
	height:auto;
	background-color:#FFFFFF;
}

.topContainerSN{
	background:url(../social/image/tepi_atas.gif) no-repeat;
	height:10px;
}

.bottomContainerSN{
	background:url(../social/image/tepi_bwh.gif) no-repeat;
	height:10px;
}

.topMiddleContainerSN{
	background:url(../social/image/tepi_atas_tengah.gif) no-repeat;
	height:10px;
}

.bottomMiddleContainerSN{
	background:url(../social/image/tepi_bawah_tengah.gif) no-repeat;
	height:10px;
}

.topRightContainerSN{
	background:url(../social/image/tepi_atas_kanan.gif) no-repeat;
	height:10px;
}

.bottomRightContainerSN{
	background:url(../social/image/tepi_bawah_kanan.gif) no-repeat;
	height:10px;
}

.profileSN{
	margin-left:8px;
	display:block;
	width:375px;
	float:left;
}

.editProfileSN{
	margin-left:8px;
}

#accordion {
	margin-top:10px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

#result{
	display:none;
}

.newsticker{
	border:1px solid #0000FF;
	min-height:27px;
	padding:0 0 0 5px;
	color:#FF0000;
	font-weight:bold;
	margin:0;
}

.newsticker li{
	display:none;
}
.newsticker li a{
	color:#3399FF;
	font-weight:bold;
	text-decoration:none;
}

.newsticker li a:hover{
	color:#FF0000;
}

.containerAdvTicker{
	border:1px solid #0000FF;
	margin:5px 5px 0 5px;
	height:138px;
}

.advticker{
	/*border:1px solid #0000FF;*/
	padding:0 0 0 5px;
	color:#FF0000;
	height:125px;
	font-weight:bold;
	cursor:pointer;
	/*margin:5px 5px 0 5px;*/
}

.advticker #advTickerContainer{
	display:none;
}

.advticker div a{
	color:#3399FF;
	font-weight:bold;
	text-decoration:none;
}

.advticker div a:hover{
	color:#FF0000;
}

#advTickerContainer{
	border-bottom:#CCCCCC 1px dashed;
}

#HeaderAdvName{
	width:200px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#0066FF;
}

#HeaderAdvTime{
	width:130px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#0066FF;
}

#HeaderAdvTitle{
	width:300px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#0066FF;
}

#HeaderAdvPost{
	width:300px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:#0066FF;
}

#insideAdvName{
	width:200px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 15px;
	color:#0099FF;
	background-image:url(../image/bullet.gif);
	background-repeat:no-repeat;
}

#insideAdvTime{
	width:130px;
	float:left;
	margin:5px 0 5px 0;
	color:#0099FF;
}

#insideAdvTitle{
	width:280px;
	float:left;
	margin:5px 0 5px 0;
	color:#0099FF;
}

#insideAdvPost{
	width:300px;
	float:left;
	margin:5px 0 5px 0;
	color:#0099FF;
}

.divTitleUngu *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#2f20f2}
.divTitleUngu1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a59ff9;
  border-right:1px solid #a59ff9;
  background:#6357f5}
.divTitleUngu2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eae8fd;
  border-right:1px solid #eae8fd;
  background:#564af4}
.divTitleUngu3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #564af4;
  border-right:1px solid #564af4;}
.divTitleUngu4{
  border-left:1px solid #a59ff9;
  border-right:1px solid #a59ff9}
.divTitleUngu5{
  border-left:1px solid #6357f5;
  border-right:1px solid #6357f5}
.divTitleUngufg{
  background:#2f20f2}
.divTitleRed{display:block}
.divTitleRed *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ee0000}
.divTitleRed1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f79191;
  border-right:1px solid #f79191;
  background:#f23f3f}
.divTitleRed2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fde5e5;
  border-right:1px solid #fde5e5;
  background:#f13030}
.divTitleRed3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f13030;
  border-right:1px solid #f13030;}
.divTitleRed4{
  border-left:1px solid #f79191;
  border-right:1px solid #f79191}
.divTitleRed5{
  border-left:1px solid #f23f3f;
  border-right:1px solid #f23f3f}
.divTitleRedfg{
  background:#ee0000}
.divTitleOrange{display:block}
.divTitleOrange *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fa9a09}
.divTitleOrange1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fcd395;
  border-right:1px solid #fcd395;
  background:#fbb346}
.divTitleOrange2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fef4e6;
  border-right:1px solid #fef4e6;
  background:#faad37}
.divTitleOrange3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #faad37;
  border-right:1px solid #faad37;}
.divTitleOrange4{
  border-left:1px solid #fcd395;
  border-right:1px solid #fcd395}
.divTitleOrange5{
  border-left:1px solid #fbb346;
  border-right:1px solid #fbb346}
.divTitleOrangefg{
  background:#fa9a09}
.divTitleSilver{display:block}
.divTitleSilver *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cccccc}
.divTitleSilver1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;
  background:#d8d8d8}
.divTitleSilver2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
  background:#d5d5d5}
.divTitleSilver3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;}
.divTitleSilver4{
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9}
.divTitleSilver5{
  border-left:1px solid #d8d8d8;
  border-right:1px solid #d8d8d8}
.divTitleSilverfg{
  background:#cccccc}
  
.divTitle{
	font:normal 18px "Trebuchet MS", Trebuchet, Arial, sans-serif;
	line-height:15px;
	margin-left:5px;
	text-align:left;
	color:#FFF;
}

.divContainer{display:block}
.divContainer *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.divContainer1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.divContainer2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.divContainer3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;}
.divContainer4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.divContainer5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.divContainerfg{
  background:#FFFFFF;}

#containerLeft{
	margin:5px 0 5px 0;
	width:290px;
}
#insideContaineLeft{
	margin:0 0 5px 5px;
	width:280px;
}

#containerMiddle{
	margin:5px 0 5px 0;
	width:420px;
}
#insideContainerMiddle{
	margin:0 0 0 5px;
	width:410px;
}

#containerRight{
	margin:5px 0 5px 0;
	width:230px;
}

#containerRightLogin{
	margin:5px 0 5px 0;
	display:none;
}

#containerRightLogin2{
	margin:5px 0 5px 0;

}

#insideContainerRight{
	margin:0 0 0 5px;
	width:220px;
}

#oke{
	margin:5px 5px 0 5px;
}

.listEvent{
	margin-left:5px;
}

.listEventGrey{
	margin-left:5px;
	background-color:#F3F3F3;
}

#namaMember{
	margin-right:5px;
	float:left;
}

#namaMember a{
	text-decoration:none;
	color:#0000EE;
}

.status{
	width:425px;
	height:50px;
}

#statusBox{
	margin:5px 0 5px 0;
}

#isiStatus{
	float:left;
	width:380px;
}

.statusImage{
	float:left;
	width:auto;
	margin:0 5px 0 0;
}

.statusImage img{
	width:60px;
	height:60px;
	border:0;
}

#greyDesc{
	color:#999999;
	font-size:9px;
	float:left;
}

#commentStatus{
	padding-left:5px;
	float:left;
	color:#0000FF;
}

.pemisah{
	clear:both;
	border-top:#f1f1f1 1px solid;
	margin:0 5px 0 5px;
}

.commentImage{
	float:left;
	width:auto;
}

.commentImage img{
	width:40px;
	height:40px;
	border:0;
}

#komenBox{
	background-color:#ECEFF5;
	padding:5px;
	margin:5px 0 5px 70px;
}

.commentBox{
	background-color:#ECEFF5;
	padding:5px;
	margin:5px 0 5px 70px;
}

#isiComment{
	float:left;
	margin-left:5px;
	width:300px;
}

.inputComment{
	width:290px;
	min-height:25px;
	height:auto;
}

.paging{
	min-height:30px;
	background-color:#ECEFF5;
	padding:5px;
	margin:5px 0 0 0;
	display:none;
}

.paging a{
	color:#0066FF;
	text-decoration:none;
}

.paging a:hover{
	text-decoration:underline;
}

#delete{
	float:right;
	width:auto;
}

h2.help{
	color:#FFFFFF; 
	font-size:13px; 
	display:block; 
	background-color:#66CCFF;
	margin:10px 5px 0 5px;
	padding:0px;
	border:1px solid #d4dae9;
}
h2.help span{
	padding:5px 10px; 
	background-color:#8497bd;
	display:block;
}
h2.help a:link, h2.help a:visited{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 15px;
	background:url(../social/image/next.gif) no-repeat;
}

div.section {
	background-color:#eeeeee;
	padding:10px;
	margin:0 5px;
}

/* rounded corner mootools */
.boxFloat, .imageFloat {
	float: left;
}

.boxTopLeft {
	background:url(../image/rounded/topLeft.gif) left no-repeat;
}
.boxTop {
	/*border-top: 1px solid #ccc;*/
	background-color: #eee;
}
.boxTopRight {
	background:url(../image/rounded/topRight.gif) top right no-repeat;
}
.boxMiddleLeft {
	background-color: #eee;
	/*border-left: 1px solid #ccc;*/
}
.boxMiddle {
	background-color: #eee;
}
.boxMiddleRight {
	background-color: #eee;
	/*border-right: 1px solid #ccc;*/
}
.boxBottomLeft {
	background:url(../image/rounded/bottomLeft.gif) bottom left no-repeat;
}
.boxBottom {
	/*border-bottom: 1px solid #ccc;*/
	background-color: #eee;
}
.boxBottomRight {
	background:url(../image/rounded/bottomRight.gif) bottom right no-repeat;
}
.roundedContent {
	padding:20px;
	margin:0;
	width: 440px;
	border: 1px solid #ccc;
	background-color: #eee;
	text-align:justify;
}
/* end rounded corner */
.testi{
	background:transparent url(../image/tip2.gif) no-repeat scroll 0 20px;
	text-align:right;
	width:100px;
	padding-left:20px;
}

.subTitle{
	border-top:1px solid #94A3C4;
	margin:0 5px;
	background-color:#ECEFF5;
	padding:5px 8px;
	font-weight:bold;
}
.groupMenu{
	background-color:#ECEFF5;
	margin:0 5px 10px 5px;
	text-align:center;
	min-width:40px;
}
.groupMenu a{
	text-decoration:none;
}
.groupMenu a:hover{
	text-decoration:underline;
}

.relHeader{
	width:inherit;
    height:27px;
    position:fixed;
    top:0px;
	margin-left:0;
    z-index:10;
	background-color:#3b5998;
}
.relFooter{
    width:100%;
    height:25px;
    position:fixed;
    bottom:0px;
	margin:0;
    z-index:10;
	color:#FFFFFF;
}
.containerFooter{
	width:99%;
	background-color:#3B5999;
	border-top:1px #254589;
	border-left:1px #254589;
	border-right:1px #254589;
	height:25px;
	margin:0 5px 0 5px;
}
.containerFooter #lcFooter{
	float:left;
	width:auto;
	height:inherit;
}
.containerFooter #rcFooter{
	float:right;
	width:100px;
	border-left:1px thin #FFFFFF;
	height:inherit;
}
#chat{
	height:inherit;
	padding:4px;
}
#friends{
	margin:0;
	padding:5px 0;
	height:130px;
	overflow:auto;	
}
#friends li{
	list-style:none;
	margin:0 5px;
	display:inline;
	float:left;
	height:64px;
	width:140px;
	z-index:2;
}
#friends li.selectedList{
	background:url(../social/image/ya.png) no-repeat scroll 120px 40px ;
}
#friends li a{
	margin-left: 3px;
	text-decoration: none;
	display:block;
	height:56px;
}

.greyBG{
	background-color:#f7f7f7;
}

.hint{
    float:left;
	position:absolute;
	z-index:10;
}

.thumbFoto{
	width:60px;
	padding:2px;
	margin-right:5px;
	text-align:center;
	float:left;
}
.thumbFoto img{
	border:none;
	width:50px;
}
.highlight{
	width:180px;
	padding:2px;
	float:right;
}

.insideList{
	padding:5px;
	border-bottom:solid #bdc7d8 1px;
	font-weight:bold;
	height:30px;
}
a .insideList{
	text-decoration:none;
}
a:hover .insideList{
	background-color:#3b5998;
	color:#FFFFFF;
}

.grpImg{
	float:left;
	width:100px;
	margin:5px;
	text-align:center;
}
.grpImg img{
	border:0;
	width:64px;
	height:64px;
}

.bullet{
	margin-left:5px;
	width:auto;
	background-image:url(../image/bullet.gif);
	background-repeat:no-repeat;
	padding-left:10px;
}
.descBullet{
	padding-bottom:5px;
	color:#999999;
	font-size:9px;
	margin-left:15px;
}
.pemisahBullet{
	border-top:1px dashed #CCCCCC;
	height:5px;
}
.displayName{
	color:#FA9A09;
	padding:5px 0 10px 15px;
	font-weight:bold;
}