/* COMMON STYLE */
body {
	background: url(images/bg.main.jpg) top repeat-x #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	margin:0px;
	height:100%;
}
a {
	text-decoration: none;
	font-weight: bold;
	color: #669900;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #4f654f;
}
a:visited {
	text-decoration: none;
	font-weight: bold;
}
.clear {
	clear: both;
}
h1 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #3f3f3f;

	}
h2 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #626e7f;
	padding: 15px 0 0 0;
	}
h3 {
	font-family: Arial,Trebuchet MS,  Helvetica, Verdana, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #435643;
	}
h4 {
	font-family: Arial,Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	}

/* HEADER */
#header{
	margin: 0 auto;
	width: 1000px;
	height: 104px;
	}
#header .logo{
	width:212px;
	height:60px;
	float:left;
	}
#header .loginbox{
	margin-top:20px;
	width:788px;
	float:right;
	height:39px;
	}	

#topmenu{
	margin-top:18px;
	width:1000px;
	float:left;
	}
#topmenu a{
	background:url(images/bg.topmenu.jpg) #ffffff center top;
	color:#000000;
	width:141.85px;
	float:left;
	padding-top:5px;
	text-align:center;
	height:25px;
	margin-right:1px;
	text-transform:uppercase;
	font-size:11px;
	}
#topmenu a:hover,#topmenu .active a,#topmenu a.active{
	background:#6f8b12;
	color:#FFFFFF;
	}

/* BANNER */
#banner{
	margin: 0 auto;
	width: 1000px;
	height: 276px;
	}
#banner-utama{
	float:left;
	margin-top:0px;
	height: 276px;
	width:1000px;
	background:url(images/bg.mainbanner.jpg) no-repeat;
	}
#banner-1{
	margin: 0 auto;
	width: 1000px;
	height: 104px;
	}
#bannerutama-1{
	float:left;
	margin-top:0px;
	height: 104px;
	width:1000px;
	background:url(images/bg.bannerkecil.jpg) no-repeat;
	}
#bannerutama-1 .quote{
	float:left;
	margin-right:5px;
	margin-buttom:5px;
	margin-top:5px;
	margin-left:15px;
	height:70px;
	width:800px;
	color:#FFFFFF;
	}

/* CONTENT/TENGAH */
#content{
	margin: 0 auto;
	width: 1000px;
	min-height:500px;
	height: auto;
	}
#content .left{
	margin-top:5px;
	width:660px;
	min-height:500px;
	height:auto;
	float:left;
	}
#content .right{
	margin-top:5px;
	width:340px;
	min-height:500px;
	height:auto;
	float:left;
	}
	
.box-hijau{
	width:654px;
	min-height:300px;
	height:auto;
	float:left;
	background:url(images/bg.box.hijau.jpg) #eeffb7 top no-repeat;
	border:1px solid #70920e;
	}
.box-hijau-bawah{
	width:654px;
	height:10px;
	float:left;
	background:#70920e;
	border:1px solid #70920e;
	margin-bottom:5px;
	}
	
.box-abubesar{
	width:654px;
	min-height:300px;
	height:auto;
	float:left;
	background:url(images/bg.box.abubesar.jpg) #FFFFFF top no-repeat;
	border:1px solid #b5b4b4;
	}
.box-abubesar-bawah{
	width:655px;
	height:10px;
	float:left;
	background:#bebdbd;
	border:1px solid #b5b4b4;
	margin-bottom:5px;
	}
.box-abubesar-isi{
	padding:20px;
	}


.box-fasilitas{
	width:654px;
	height:95px;
	float:left;
	background:#e1e3e4;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}
.box-fasilitas-isi{
	padding:5px;
	}
	
.boxteman{
	width:197px;
	min-height:60px;
	float:left;
	background: url(images/bg.kotak-member.jpg) repeat-x #FFFFFF;
	border:1px solid #CCCCCC;
	padding:8px;
	margin:3px;
}
.imgdepan{ 
	float:left;
	margin:0px 5px 0px 0px;

}

.imgdepan{ display: block; overflow: hidden; text-align: center; }
.imgdepan { width: 80px;}
.imgdepan img { margin: 0px auto; border:none; }


.hide{
	display:none;
	}	
.menufasilitas-1{
	width:212px;
	height:78px;
	float:left;
	background:url(images/bg.menu.fasilitas_01.jpg) no-repeat top;
	}
.menufasilitas-1:hover{
	background:url(images/bg.menu.fasilitas.over_01.jpg) no-repeat top;
	}
.menufasilitas-2{
	width:208px;
	height:78px;
	float:left;
	background:url(images/bg.menu.fasilitas_02.jpg) no-repeat top;
	}
.menufasilitas-2:hover{
	background:url(images/bg.menu.fasilitas.over_02.jpg) no-repeat top;
	}
.menufasilitas-3{
	width:219px;
	height:78px;
	float:left;
	background:url(images/bg.menu.fasilitas_03.jpg) no-repeat top;
	}
.menufasilitas-3:hover{
	background:url(images/bg.menu.fasilitas.over_03.jpg) no-repeat top;
	}


.box-abu{
	width:338px;
	min-height:170px;
	height:auto;
	float:left;
	background:url(images/bg.box.abu.jpg) #e3e3e1 top no-repeat;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}
	
.box-biru{
	width:655px;
	min-height:300px;
	height:auto;
	float:left;
	background:url(images/bg.box.biru.jpg) #b7c8ff top no-repeat;
	border:1px solid #559cc0;
	}
.box-biru-bawah{
	width:655px;
	height:10px;
	float:left;
	background:#559cc0;
	border:1px solid #559cc0;
	margin-bottom:5px;
	}
.box-isi{
	padding:35px 8px 8px 8px;
	float:left;
	}
	
	
/* FOOTER */
#footer{
	float:left;
	width:100%;
	height:80px;
	background:url(images/bg.footer.jpg) repeat-x #f6f6f6;
	}
#footer-wrap{
	margin:0 auto;
	width:1000px;
	height:80px;
	}
#footer-wrap .footer-kiri{
	height: 39px;
	width:600px;
	float:left;
	padding:8px 8px 8px 10px;
	color:#333333;
	}
#footer-wrap .footer-kanan{
	height: 39px;
	width:310px;
	float:right;
	padding:15px 8px 8px 10px;
	color:#333333;
	}
#footer-wrap .footer-kanan a{
	float:left;
	}
	
/* CSS*/
.slidebox{
	width:500px;
	height:200;
	float:left;
	margin:45px;
}
#slide-text
{
	width:550px;
	float:left;
	margin:20px 45px 0px 0px;
	color:#000000;
}
.contentdiv-item{
	width:500px;
	border-bottom:1px dashed #7f9d19;
	padding-bottom:5px;
	margin-bottom:5px;
}
.images-icon{
	display:block;
	margin:0px 5px 5px 5px;
	width:25px;
	height:50px;
	float:left;
	}
.santri{
	display:block;
	margin:8px;
	width:62px;
	height:62px;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	overflow:hidden;
	padding:0px;
	}
.box{
	padding:3px;
	height:auto;
    margin-right:5px;
	display:block;
	overflow:hidden;
	float:left;
	border:1px solid #CCCCCC;
	}
.images-box{
	display:block;
	margin:0px;
	width:62px;
	height:auto;
	overflow:hidden;
	float:left;
	}
.images-box img{
	width:62px;
	height:auto;
	}
.images-icon{
	display:block;
	margin:0px;
	width:35px;
	height:auto;
	overflow:hidden;
	float:left;
	}
.images-icon img{
	width:35px;
	height:auto;
	}
.images-profil{
	display:block;
	margin:1px;
	width:150px;
	height:auto;
	overflow:hidden;
	float:left;
	}
.images-profil img{
	width:150px;
	height:auto;
	}

.screenshot{
	display:block;
	margin:5px;
	width:150px;
	height:auto;
	overflow:hidden;
	float:left;
	}
.screenshot img{
	width:150px;
	height:auto;
	}	
.box-hijau-kiri
{
	margin:4px 8px 4px 4px;
	float:left;
	width:320px;
}
.box-hijau-kanan
{
	margin:5px;
	float:right;
	width:310px;
}
.box-hijau-atas
{
	float:left;
	margin:-1px 5px 4px 4px;
	padding-left:30px;
	width:300px;
	font-size:14px;
	color:#000000;
	font-weight:bold;
}
.box-biru-atas
{
	float:left;
	margin:-1px 5px 4px 4px;
	padding-left:30px;
	width:300px;
	font-size:14px;
	color:#559cc0;
	font-weight:bold;
}
.box-abu-atas
{
	margin-top:-32px;
	padding-left:10px;
	float:right;
	width:300px;
	font-size:14px;
	color:#637C07;
	font-weight:bold;
	text-align:right;
}
.box-abu-atas2
{
	margin-top:-32px;
	float:right;
	width:300px;
	font-size:14px;
	color:#637C07;
	font-weight:bold;
	text-align:right;
}

.gambar
{
	display:block;
	margin:4px 4px 4px 0px;
	padding:1px;
	width:300px;
	float:left;
	border:1px solid #CCCCCC;
	background-color:#8FB919;
}

.gambar img
{
	width:300px;
}
.box-isi ul{
	margin:-28px 3px 3px 5px;
	padding:10px;
	float:left;
	}
.box-isi li{
	border-bottom:1px #c9d4a5 dashed;
	list-style-image:url(images/arrow.gif);
	padding-top:5px;
	color:#000000;
	padding-bottom:5px;
	}
.box-isi a{
	color:#000000;
	font-weight:normal;
	}
.box-isi a:hover{
	color:#FF9900;
	font-weight:normal;
	}
.form-login{
	width:500px;
	float:right;
	padding:5px;
	color:#FFFFFF;
	margin-top:-20px;
}
.header-kiri{
	width:400px;
	float:left;
	padding:5px;
	color:#FFFFFF;
	text-align:left;
}
#topmenu2{
	margin-top:78px;
	width:1000px;
	float:left;
	}
#topmenu2 a{
	background:#FFFFFF;
	color:#000000;
	width:124px;
	float:left;
	padding-top:5px;
	text-align:center;
	height:15px;
	margin-right:1px;
	}
#topmenu2 a:hover{
	background:#e77817;
	color:#FFFFFF;
	}
	
/* LIST */
.list-item{
	padding:5px 5px 8px 0px ;
	border-bottom:1px dashed #CCCCCC;
	}
	
	
	
/*slide menu*/
.sliderwrapper{
	position: relative;
	overflow: hidden; 
	border-bottom-width: 6px;
	width: 500px; 
	height: 250px;
}



.sliderwrapper .contentdiv{
	visibility: hidden; 
	position: absolute;
	left: 0; 
	top: 0;  
	padding: 5px;
	width: 500px; 
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.pagination{
	display:none;
	width: 400px; 
	text-align: right;
	background-color: navy;
	padding: 5px 10px;
}

.pagination a{

	padding: 0 5px;
	text-decoration: none; 
	background: white;
}

.pagination a:hover, .pagination a.selected{
	color: #000;
	background-color: #FEE496;
}




/* TEXT STYLE */

#banner .judul a,a.judul
{
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	margin:0px 0px 5px 0px;
}
#banner  .judul a:hover,a.judul:hover
{
	color:#FFCC00;
}

.judul
{
	font-weight:bold;
	color:#3d4d0c;
	font-size:18px;
	line-height:20px;
	margin:0px 0px 5px 0px;
}

.judul a,a.judul
{
	font-weight:bold;
	color:#336600;
	font-size:14px;
	margin:0px 0px 5px 0px;
}
.judul a:hover,a.judul:hover
{
	color:#FFCC00;
}
.judul-1 a,a.judul-1
{
	font-weight:bold;
	color:#000000;
	font-size:14px;
	margin:0px 0px 5px 0px;
}
.judul-1 a:hover,a.judul-1:hover
{
	font-weight:bold;
	color:#FFCC00;
	font-size:14px;
	margin:0px 0px 5px 0px;
}

.judul2
{
	font-weight:bold;
	font-size:14px;
	color:#3D4D0F;
	margin:0px 0px 5px 0px;
}


.judul4
{
	text-align:center;
	font-size:14px;
	color:#637C07;
	font-weight:bold;
	margin-top:10px;
}

.judul3
{
	text-align:center;
	color:#eeffb7;
	font-size:12px;
	background-color:#70920e;
}
.kotak
{
	width:500px;
	float:left;
}
.kotak2
{
	float:left;
	border:1px #70920e solid;
	width:110px;
	margin:2px;
}
.kotak3
{
	float:left;
	width:240px;
	margin-left:5px;
}
.isi_sholat
{
	margin:5px;
}

.judul-aja
{
	float:left;
	margin:4px 5px 4px 375px;
	width:300px;
	font-size:14px;
	color:#637C07;
	font-weight:bold;
}
.judul-kanal
{
	float:left;
	margin:4px 5px 4px 23px;
	width:600px;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	height:45px;
}
.judul-submenu
{
	float:left;
	width:300px;
	font-size:14px;
	color:#637C07;
	font-weight:bold;
}
.floatkiri {
	float:left;
}
.floatkanan {
	float:right;
}
.padtop10{ padding-top:10px; }
.textkiri{ text-align:left }
.textkanan{ text-align:right }
.textcenter{ text-align:center}
.padding1 { padding:1px; }
.padding2 { padding:2px; }
.padding3 { padding:3px; }
.padding4 { padding:4px; }
.padding5 { padding:5px; }
.padding6 { padding:6px; }
.padding7 { padding:7px; }
.padding15 { padding:15px; }
.relatif { position:relative; }

.kotakpesantren
{
	width:635px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	border:1px #000000 dashed;
}
.pesantren-no
{
	width:10px;
	margin-left:5px;
	float:left;
	border:1px #000000 solid;
}
.pesantren
{
	width:100px;
	margin-left:5px;
	float:left;
	border:1px #000000 solid;
}


/*detail*/
.detailprint{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailemail{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailpdf{
	text-align:center;
	padding:2px;
	width: 75px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailrss{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}
.detailarsip{
	text-align:center;
	padding:2px;
	width: 55px;
	height:15px;
	float:left;
	margin-right:5px;
	cursor:crosshair;
	}

.detailpage{
	text-align:center;
	padding-bottom:20px;
	}
.detailpage a{
	color:#000000;
	}
.detailpage a:hover{
	color:#FFFFFF;
	}
.pageitem{
	text-align:center;
	border:1px solid #336600;
	padding:5px;
	height:15px;
	margin-right:5px;
	cursor:default;
	}
.pageitem:hover{
	background-color:#336600;
	color:#FFFFFF;
	
	}



/*************** CHAT ****************************/	
#chatbox-1{
  display:block;
  }
#chatbox-body-1{
  display:none1;
}
.chatbox {
	position: fixed;
    bottom: 0px;    
	text-align: left;
    width: 225px;
	right:231px;
}

.chat-head {
	height:auto;
	background:url(images/bg.chat.header.jpg) repeat-x #e6e4e4;    
	border: solid 1px #000000;
	border-bottom:0px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
.chat-close{
	float:right;
	color:#666666;
	padding:0px 2px;
	font-weight:bold;
	font-size:18px;
	margin-left:0px;
	letter-spacing:-2px;
	}
.chat-image{
	padding:3px;
	float:left;
	}
.chat-image img{
	max-height:50px;
	max-width:50px;
	}
.chat-cuap{
	margin-top:5px;
	color:#666666;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	}

.chat-content {
	background:#f3f4f5;  
	font-family: arial,sans-serif;
	font-size: 13px;
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #CCCCCC;
	line-height: 1.3em;
}

.chat-input {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}
.chat-nick {
	background:#f3f4f5;  
	font-weight:bold;
    float:right;
	width:150px;
	padding:0px 5px 5px 5px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	height:20px;
	}


/* Bar Bawah */
#plexbar {
    width: 100%;    
	position: fixed;
    bottom: 0px;    
	text-align: right;
    min-width: 450px;
	font:Verdana, Arial, Helvetica, sans-serif;
}
#flexcontainer {
    height: 26px;    
	margin-left: 0px;
    margin-right: 0px;    
	border-top: solid 1px #000000;
    background:#2e3c07;
	background-position:top center;
	background-repeat:repeat-x;
}
#title {
    float: left;    
    padding-top: 2px;    
	padding-left: 2px;
    font-weight: bold;    
	font-family: Trebuchet MS;
    font-size: 10pt;    
	cursor: default;
}

.notifikasiactive {
    float: right;    
	margin: 0px 0px 0px 0px;
    font-size: 9pt;    
	height: 23px;
    padding: 3px 4px 0px 6px;    
	width: 105px;
    text-align: left;
	background: #f3f4f5 no-repeat center left;    
	color: #000000;
    border-left: solid 1px #000000;    
	border-right: solid 1px #000000;
    border-bottom-style: none;    
	border-top-style: none;
}
.notifikasi {
    float: right;    
	margin: 0px 0px 0px 0px;
    font-size: 9pt;    
	height: 23px;
    padding: 3px 4px 0px 6px;    
	width: 104px;
    text-align: left;
	background:#2e3c07;    
	color: #FFFFFF;
    border-left: solid 1px #000000;    
	border-right: solid 1px #000000;
    border-bottom-style: none;    
	border-top-style: none;
}
.notifikasi:hover{
	background:#50690d;
	color:#000000;
	}
.kecil{
	font-size:11px;
	}
.notifikasi-item{
	background:url(images/icon.itemnotification.gif) no-repeat top left;
	height:auto;
	border-top:1px solid #CCCCCC;
	padding-left:20px;
	}
.plex-member-item{
	height:auto;
	border-top:1px solid #CCCCCC;
	padding-left:5px;
	}
.img-member-item { display: block;overflow: hidden; text-align: center; float:left; margin:2px; margin-right:10px;}
.img-member-item { width: 30px;}
.img-member-item { height: 30px;}
.img-member-item img { height: 30px; margin: 0px auto; }

.boxflex
{
	position: fixed;
	bottom: 26px;
	right: 0px;
	z-index:2000000;
	float:right;
}
.boxflex-left
{
	position: fixed;
	bottom: 26px;
	left: 0px;
	z-index:2000000;
	float:left;
}
.plexbox-left
{
	height: auto;
	width: 220px;
	background-color: #f3f4f5;    
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	display: none;
}
.plexbox-left-show
{
	height: auto;
	width: 221px;
	background-color: #f3f4f5;    
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	display: table;
}

.aplikasi-item a,a.aplikasi-item{
	padding:3px;
	border-bottom:1px #CCCCCC dashed;
	width:200px;
	float:left;
	}

.aplikasi-item img{
	max-width:15px;
	}

.boxflex-chat
{
	position: fixed;
	bottom: 0px;
	right: 5px;
	z-index:2000000;
	float:left;
}
.plexbox
{
	height: auto;
	width: 220px;
	background-color: #f3f4f5;    
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	display: none;
}
.plexboxshow
{
	height: auto;
	width: 221px;
	background-color: #f3f4f5;    
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
	display: table;
}

.plexbox-title
{
	height:20px;
	width: 220px;
	#width: 210px;
	background-color: #070707;    
	border-buttom: solid 1px #000000;
	display: table;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 5px 0px 5px;
}
.plexbox-title-close
{
	float:right;
	background:url(images/minimize.gif) no-repeat center;
	width:10px;
	height:10px;
	margin-top:5px;
}
.isibox{
	width:218px;
	#width: 200px;
	height:auto;
	margin:4px;
	padding:2px;
	}

#onlineuser{
	max-height:350px;
	overflow:auto;
}
#useronline{
	max-height:350px;
	overflow:auto;
}
/* CHAT */
.chatbox {
	position: fixed;
	position:expression("absolute");
	width: 225px;
	display:none;
	z-index:10000;
}

.chatboxhead {
	border: solid 1px #000000;
	border-bottom:0px;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	padding:3px 8px 3px 10px;
	background:#5e5a5a;
	z-index:10000;
}
.chatboxhead  a{
	color:#FFFFFF;
}
.chatboxblink {
	background-color: #eea72c;
	border-right:1px solid #000000;
	border-left:1px solid #000000;
}

.chatboxcontent {
	
	color: #333333;
	height:200px;
	width:209px;
	overflow-y:auto;
	overflow-x:auto;
	padding:7px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #eeeeee;
	background-color: #ffffff;
	line-height: 1.3em;
}

.chatboxinput {
	padding: 5px;
	background-color: #ffffff;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.chatboxtextarea {
	width: 206px;
	height:22px;
	padding:3px 0pt 3px 3px;
	border: 1px solid #eeeeee;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.chatboxtextareaselected {
	border: 1px solid #f99d39;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.chatboxmessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-bottom:1px solid #DDDDDD;
	margin:3px 0px 3px 0px;
}

.chatboxinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.chatboxmessagefrom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	color:#FF6600;
}
.chatboxmessageto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
}

.chatboxmessagecontent {
}

.chatboxoptions {
	float: right;
	width:25px;
}

.chatboxoptions a {
	padding:0px 3px 0px 3px;
	float:left;
	text-decoration: none;
	color: white;
	font-weight:bold;
	letter-spacing:-2px;
}

.chatboxtitle {
	float: left;
}


/* FORM */
.button{
	padding:3px 8px 3px 8px;
	background-color:#8FB919;
	border:1px #6D8910 solid;
	font-size:12px;
	color:#FFFFFF;
}
label {
	width:92px;
	margin-right:4px;
	float:left;
}
.inputlogin{
	margin:5px;
	border:1px #637C07 solid;
	padding:2px;
	width:130px;
}
.inputlogin:focus{
	border:1px #66CC00 solid;
}
.buttonlogin{
	padding:0px 8px 3px 8px;
	height:22px;
	background-color:#8FB919;
	border:1px #6D8910 solid;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.inputbiasa{
	margin:5px;
	border:1px #c4d2b9 solid;
	padding:4px;
}
.pilih{
	border:1px #c4d2b9 solid;
	margin-left:5px;
	margin-bottom:5px;
	padding:4px;
}

/* ALQURAN ONLINE */
.arab{
	width:100%;
	float:right;
	text-align:right;
	line-height:30px;
	font-family:Simplified Arabic;
	font-size:22px;
	padding-bottom:10px;
	}
.quran-item{
	padding:8px;
	border-bottom:1px dashed #999999;
	margin-bottom:5px;
	}
.namasurat{
	width:95%;
	border-bottom:1px dashed #999999;
	text-align:center;
	font-size:20px;
	padding:8px;
	margin-bottom:10px;
}
.surat{
	font-size:40px;
	line-height:40px;
	}

/* MEMBER */

#contentmember{
	margin: 0 auto;
	width: 1000px;
	min-height:500px;
	height: auto;
	}
#contentmember .right{
	margin-top:5px;
	width:580px;
	min-height:500px;
	height:auto;
	float:left;
	}
#contentmember .left{
	margin-top:5px;
	width:220px;
	min-height:500px;
	height:auto;
	float:left;
	}
#contentmember .right1{
	margin-top:5px;
	width:200px;
	min-height:500px;
	height:auto;
	float:left;
	}

.box-abubig{
	width:580px;
	min-height:500px;
	height:auto;
	float:left;
	background:url(images/bg.box.abubig.jpg) #FFFFFF top no-repeat;
	border:1px solid #b5b4b4;
	}
.box-abubig-bawah{
	width:580px;
	height:10px;
	float:left;
	background:#bebdbd;
	border:1px solid #b5b4b4;
	margin-bottom:5px;
	}
.box-abubig-isi{
	padding:10px;
	}
	
.box-member-abu{
	width:212px;
	min-height:300px;
	height:auto;
	float:left;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}
.box-member-isi{
	padding:5px 8px 8px 15px;
	}

.box-member-kanan{
	width:190px;
	min-height:500px;
	height:auto;
	float:right;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	}
.box-member-kananisi{
	padding:5px 8px 8px 8px;
	}

.menuitem a,a.menuitem{
	padding:3px;
	border-bottom:1px #CCCCCC solid;
	font-size:14px;
	width:180px;
	float:left;
	}
.menuitem a:hover,a.menuitem:hover{
	padding:3px;
	border-bottom:1px #d6d9de solid;
	font-size:14px;
	width:180px;
	float:left;
	background:#eceef4;
	}

.arrowsidemenu{
	margin: 5px 0;
	padding: 0;
	width: 180px; 
	border-bottom-width: 0;
}
	
.arrowsidemenu div a{ 
	padding:3px;
	border-bottom:1px #d6d9de solid;
	font-size:14px;
	display: block;
	position: relative; 
	width: 180px;
	padding: 4px 0;
	float:left;
}
	
.arrowsidemenu div.unselected a{ 
	color: #6F3700;
	width: 180px;
}

	
.arrowsidemenu div.selected a{ 
	width: 180px;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #FFFFFF;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	padding:5px;
	border-bottom:1px #CCCCCC solid;
	font-size:12px;
	font-weight:normal;
	float:left;
	width: 160px;
	margin-left:15px;
}

.arrowsidemenu ul li a:hover{
}

/* BLOG */
.blogitem{
	max-height:100px;
	height:auto;
	float:left;
	width:300px;
	border-bottom:1px #CCCCCC dashed;
	padding:5px;
	overflow:hidden;
	}

/* KAJIAN */
.kajianitem{
	height:150px;
	float:left;
	width:300px;
	border-bottom:1px #009900 dashed;
	padding:5px;
	overflow:hidden;
	margin:5px;
	}

/* GAMBAR */
.imgbox{
 float:left;
 width:30px;
 height:30px;
 overflow:hidden;
 padding:1px;
 margin:0px 5px 5px 0px;
 border:1px solid #333333;
 background:#FFFFFF;
 }
.imgdepan { display: block;overflow: hidden; text-align: center; float:left; }
.imgdepan { width: 30px;}
.imgdepan { height: 30px;}
.imgdepan img { height: 30px; margin: 0px auto; }

/* TOOLSTIPS */
#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

/* BOXY */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }
  
  /* Border */

  .boxy-wrapper { empty-cells: show; }
	.boxy-wrapper .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
	/* NB: these must be absolute paths or URLs to your images */
	.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
	    .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; padding: 0 }
	.boxy-content { padding: 15px; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }


/* SLIDER */
.anythingSlider                         { width: 600px; height: 360px; position: relative; margin:0; }
.anythingSlider .wrapper                { width: 600px; overflow: auto; height: 341px; margin: 0px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin:0px; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: none }
.anythingSlider .forward                { display: none }
.anythingSlider .back                   { display: none }
.anythingSlider .forward:hover          { display: none }
.anythingSlider .back:hover             { display: none }

#thumbNav                               { float:left; margin-top: 245px; margin-left:40px; text-align: center; display:none; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04; text-align: center; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { display:none; }
/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/*FB connect*/
.register .login_sector {
    width: 320px;
}

.register .login_sector_fb {
    width: 400px;
}