@charset "utf-8"; 

@media all {
* { margin:0; padding:0; font-size:12px; color:#000; outline-style:none }
a { text-decoration:none }
a img { border:none }
h1 a,
h2 a,
h3 a,
h1,
h2,
h3 { font-weight:normal }
h1 a,
h1 { font-size:16px }
h2 a,
h2 { font-size:15px }
h3 a,
h3 { font-size:14px }
option sup,
sup { font-size:80%!important; margin:-3px 0 0 0!important; color:inherited!important }

#res{
	float:left;
	padding-top:7px;
	margin-bottom:20px;
	width:100%;
	min-height:50px;
}
*,
.georgia *,
.georgia,
#forum .bcrumb,
#forum .bcrumb a,
#forumdetail .bcrumb,
#forumdetail .bcrumb a { font-family:Georgia, "Times New Roman", Times, serif }
.terkini .tit,
#slide_magazine a,
#imageData #caption,
#showupyourhome .tit,
#showupyourhome p,
#showupyourhome p *,
#forumdetail .tit *,
#forumdetail .det,
small,
#forum  .items *,
#menu a,
#menu a *,
#kuis label,
.table .title td *,
.table .title td,
.table td *,
.table td,
.blog .date,
.blog .cont,
.blog .cont *,
.dirlist .tit,
.dirmain .tit,
.flshdir .page .cont .rgt,
.mn3 li a,
div.jqi *,
#isikomen label,
#isikomen input,
.statistik *,
#kom .daftar  .det,
.welcome .greeting,
.bookmark .date,
.bookmark .det,
#logusr .lainnya  *,
.berita .date,
.berita .tit a,
.berita .det,
.listgalsml li .tit,
.main .det,
.bgart .main .con,
.footmdl li a,
.bx .det,
.bx  .hrg,
.galtri .listgalsml .tit,
.artlist .list .con,
.artfav .tit,
.artmain .date,
.artmain .date *,
.artmain .det,
.artmain .det *,
.artmain .con,
.artmain .con *,
#det .detpan div *,
#det span *,
#det p *,
#det li *,
#det .detpan div,
#det span,
#det p,
#det li,
.bgart .listins .tit,
.more,
.dirnorm a,
.dirfree a,
#flshnws .paging li a,
.listkom .tit,
.listkom .tit *,
.listart .con a,
.listart .con,
.bulorg a,
.bulgren a,
.listprop .num a,
.listtwocblog .det,
.cmnchtri .listprod .tit,
.cmnchone .list a,
.cmnchtwo .list a,
.cmnchtri .list a,
.mn a,
.listisi a,
.arial *,
.arial { font-family:Arial, Helvetica, sans-serif }
.detjubel .detpan { /*width:280px; float: right*/ }
.detjubel .detpan div span { width:110px; display:block; float:left }
.detjubel .detpan div span.det { width:140px }
.detjubel .pic { text-align:left;  margin:20px 0; float:left }
#det .detjubel .detpan div,
#det .detjubel .detpan h2 { clear:both }
#det .detjubel .detpan h2 { padding:20px 0 5px 10px }
#det .detjubel .detpan div { padding:5px 10px; margin:0; border-top:1px dashed #ccc }
#det .detjubel .detpan div.first { border:none }
#det .detjubel .detpan p { margin:3px 0; line-height:150% }
.detjubel .even { background-color:#f5f5f5 }
.detjubel .det .det { display:block; float:left; width:350px }
.detjubel .kdet { width:280px; float: right  }
.dtright { width:280px; float:right}
}

@media print {
@page { margin:10% }
#head, 
#logusr, 
#foot,
#bcrumb,
.contop .rgt,
.bdyrgt,
.cmnchgal,
#kom,
.tril 	{ display:none!important }
p { margin:5px 0 }
}

@media screen {
.hide { display:none }
.lft { float:left }
.rgt { float:right }
.clr { clear:both }
.flat li { float:left; list-style:none }
.wrapper { width:965px; margin:0 auto }

.hr,
.hr2 { margin:5px 0 0 }

.button { background-color:#f60; border:1px solid; border-bottom-color:#f30; border-right-color:#f40; border-top-color:#fc0; border-left-color:#fb0; font-size:11px; padding:2px 7px }
.button-disabled { background-color:#ccc; border-color:#eee }

#head {margin:0}
#head .mid,
#logusr,
#body,
#foot,
#flshnws,
.plain1tipe1 { margin:6px 0 0 }

#head .top { height:90px; margin-top:6px }
#head .top .logo { background:url(../images/logo.gif) no-repeat  }
/* Logo Edisi Khusus */	
/* #head .top .logo { background:url(../images/logo_idea_natal.gif) no-repeat  } */
/* Logo Edisi Khusus - End */
#head .top .logo span { text-indent:-9999px; display:block; width:200px; height:90px }
#head .top .bnr { width:728px }
#head .bot, .menutop { overflow:hidden }




#menu { position:relative; overflow:hidden }
#menu li { height:40px }
#menu li a { display:block; overflow:hidden; position:relative; z-index:10 }
#menu li a span { display:block; font-size:13px; padding:12px 12px }
#menu li.back { z-index:8; position:absolute }
#menu li.back .left { height:40px }
#menu .home a:hover { background:none }
#menu .home a span { background:url(../images/btnhome.gif) no-repeat 12px 12px; text-indent:-9999px; width:20px }

.bot .mn, .mntop, .log { height:30px }
.bot .srch { width:360px; height:30px }

#bdr1 { width:5px; height:30px }
#bdr2 { width:10px; height:30px }
#bdr3 { width:10px; height:30px }

.mn ul.lft { margin:7px 0 0 }
.mn ul.rgt { margin:7px 15px 0 }
.mn a { font-size:11px; text-transform:uppercase; font-weight:bold; letter-spacing:1px }
.mn li { margin:0 0 0 15px }
.mn li.thm { margin:0 0 0 3px }

.mntop ul.lft { margin:7px 0 0 }
.mntop ul.rgt { margin:7px 15px 0 }
.mntop a { font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0066CC}
.mntop li { margin:0 0 0 10px }
.mntop li.thm { margin:0 0 0 3px }

.banner01{ width:650px; float:left; margin:5px 0 0}
.pic3{ width:85px; float:left;}
.pic3 img { border:1px solid; padding:4px }
.pic4{ width:85px; float:left; margin: 5px 0 0 5px}
.pic4 img { border:1px solid; padding:4px;}
.sml { font-size:11px }

.srch ul { margin:0 0 0 10px }
.srch li { margin:8px 10px 0 0; padding:0 }
.srch li.inpt {	margin:6px 0 0 0; 	width:75px }
.srch li.btn { margin:3px 0 0 0; width:59px; float:right }

.log ul { margin:0 0 0 10px }
.log li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold; margin:8px 10px 0 0; padding:0 }
.log li.inpt {	margin:6px 0 0 0; 	width:90px }
.log li.btn { margin:3px 0 0 0; width:59px; float:right }
.newusr{width:135px; text-align:center}
.newusr a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #0066CC}

#login, #pass {width:85px; height:17px; background:#fff; border:1px solid #CCCCCC }
#srcinpt, #search { width:200px; height:17px; background:#fff; border:1px solid }

#logusr .head,
#logusr .body,
#logusr .foot { width:310px }
#logusr .head { height:35px; overflow:hidden }
#logusr .body { }
#logusr .foot { height:15px }
#logusr .lft { margin:10px 0 5px 15px; width:90px }
#logusr .rgt { margin:15px 15px 5px 0; width:190px }
#logusr .login { padding:10px 0 0px }
#logusr .head h1 { margin:10px 0 0 20px}
#logusr .body label { width:100px; text-align:right; display:block; float:left; margin:3px 5px 5px 0; font-size:11px }
#logusr .body input { width:150px; float:left }
#logusr  .body .button { margin-left:105px; width:75px }
#logusr .lainnya  * { font-size:11px }
#logusr .lainnya { padding:5px 0 0 20px }
#logusr .hr { border-top:1px solid #ccc; margin:10px 20px 0 }

#mnicn { margin:13px 0 0 20px }
#mnicn li { margin:0 5px 0 0 }
#mnicn a {; font-size:12px; font-weight:bold }
#mnicn a img { margin:0 5px }

.mnusr { margin:0 0 10px }

#usrpic { border:1px solid; padding:3px }

#body .bdylft { width:650px; margin:0; overflow:hidden }
#body .bdyrgt { width:310px; margin:0; overflow:hidden }

.bdyrgt .hr { border-bottom:1px solid #CCC }

.cmnch2,
.cmnch { padding:5px 0 0 0 }
.rgt .banner { padding:5px 5px 0 }

div.pic { text-align:center; margin:0 0 3px 0 }
#logusr .lft img,
.pic img { border:1px solid; padding:4px }

#tooltip img { border:1px solid; padding:4px }

.flshnwsfav h1,
.cmnch2 h1,
.cmnch h1 { background:url(../images/tit.png) no-repeat 5px 12px; padding:11px 10px 10px 25px; font-size:14px }
.cmnch .bnr { margin:0 0 5px 0 }
.cmnch .items { margin:10px 15px }

.cmnchone,
.cmnchgal,
.cmnchtri { margin:0 5px 0 10px; padding:0 0 15px 0 }
.bdyrgt .cmnchone { margin:0 10px }
.cmnchgal,
.cmnchtri { float:left }
.cmnchtri { width:200px }

.main  .pic { margin:5px 5px 0 }
.main .det,
.main .tit { margin:5px 10px 0 }
.main .det { font-size:11px }
.bgart  .pic { margin:0 7px!important }
.bgart .tit { margin:5px 10px 0!important }
.dirprem   .pic { margin:5px 2px 0 }
.dirprem  .tit { margin:5px 5px }

.bdylft .main a { font-size:11px  }
.list { margin:5px 10px 0 }
.list li { list-style:none; background:url(../images/blltcek.gif) no-repeat 0 5px; padding:1px 0 1px 20px }


.list a {font-size:11px }

.more { display:block; margin:5px 0 0 10px; font-size:11px!important; background:url(../images/bulmoarsml.gif) no-repeat; height:17px; padding:2px 0 0 17px }
.gal .cmnchone .more { float:left }

.artfav .pic,
.cmnchtwo .listprod .pic,
.cmnchone .listprod .pic,
.cmnchtri .listprod .pic { float:left; width:86px; margin:5px 0 0 5px }
.cmnchtwo .listprod .pic { margin:5px 0 0 10px }
.artfav .tit,
.cmnchtwo .listprod .tit,
.cmnchone .listprod .tit,
.cmnchtri .listprod .tit { float:right; width:100px; font-size:11px; margin:17px 0 5px }
.cmnchtwo .listprod .tit { width:180px }
.artfav li,
.cmnchtwo .listprod li,
.cmnchone .listprod li,
.cmnchtri .listprod li { clear:both; list-style:none }
.cmnchtwo .warning { margin:10px 0 }
.cmnchtwo .warning  p{ margin:5px 0 }




.prev img,
.next img { cursor:pointer }
.disabled img { filter:alpha(opacity=25); opacity:0.25; -moz-opacity:0.25; }

.cmnchgal .prev,
.cmnchgal .next { width:12px }
.cmnchgal .prev { margin:35px 4px 0 0 }
.cmnchgal .next { margin:35px 0 0 4px }
.cmnchgal .listgal { margin:5px 0 }
.cmnchgal .gal { width:600px; overflow:hidden }
.cmnchgal .gal .pic { height:85px; display:block }
.cmnchgal .gal li { margin:0 3px; height:117px; width:143px!important }
.cmnchgal .gal img { background:#FFFCD2; border:1px solid #FFE2B7; padding:4px }
.cmnchgal .gal li,
.cmnchgal .gal a { width:143px; font-size:11px; display:block }
.cmnchgal .gal .tit { margin:3px 7px 0; display:block; width:130px }
.cmnchgal .header h1 { width:250px }
.cmnchgal .header .lft { width:300px }
.cmnchgal .header .rgt { width:300px; text-align:right }
.cmnchgal .header  .more { margin:13px 0 0 0; background:url(../images/bulmoarsmlw.gif) top right no-repeat; padding:0 20px 0 0; color:#f5f5f5 }

.cmnchtwo { padding:0 0 20px 0; float:left; width:290px }
.cmnchtwo1 { margin:0 40px 0 15px }
.cmnchtwo2 { margin:0 }

.gallery{ width:320px; float:left; margin-right:5px}
.tips{width:320px; float:right}
.listisi{ float: right; width:190px; margin: 5px 7px 0 0}
.listisi li{ border-bottom:dashed 1px #66CCFF; padding:none; margin:none; height:18px!important; color: #00CC66}
.listisi a{  font-size:11px}
.cmnchtwo .hr2 { background:none; border-bottom:1px solid #ccc; height:1px }

.listtwoc .con,
.listtwoc .det { margin:0 5px }

.listtwoc { margin:5px 0; width:290px; overflow:hidden }
.listone li,
.listtwoc li { list-style:none; float:left }
.listtwocblog li,
.listtwocforum li { min-height:175px }
.listtwoc .con { line-height:150%; font-style:italic }
.listtwoc .det { color:#999; font-style:italic; margin:0 0 10px 5px }
.listtwoc .tit { margin:0 0 0 5px }
.listtwoc .tit a { font-size:18px }

.listtwocbloglist .tit,
.listtwocblog .tit {  text-align:left; margin:0 }
.listtwocbloglist .tit a,
.listtwocblog .tit a { font-size:20px }
.listtwocbloglist .det,
.listtwocblog .det { color:#999; margin:0 0 10px 0  }
.listtwocbloglist .con,
.listtwocblog .con { line-height:150%; font-style:italic; margin:0 0 5px }
.listtwocbloglist li { margin-bottom:10px }

#bnrpol { width:320px; margin:0 0 10px }
#bnrpol h1 { color:#A0C032; font-size:30px; background:url(../images/polling.gif) 0 20px no-repeat; padding:45px 0 0 70px; height:57px }
#bnrpol li { list-style:none; margin:5px 0 0 0 }
#bnrpol li label { color:#A0C032; font-size:14px; margin:0 0 0 3px }
#bnrpol .qest { font-size:13px; line-height:125%; margin:0 0 10px 0 }
#bnrpol .cont { margin:0 20px }
#bnrpol .polbut { background:#F60; border:none; padding:3px 5px; margin:10px 0 0 0 }
#bnrpol .polres { text-align:right; padding:20px 4px 7px 0 }
#bnrpol .lft { width:20px }
#bnrpol .rgt { width:260px }

#bnrpol2 { width:300px; margin:10px 5px 10px }
#bnrpol2 h1 { color:#A0C032; font-size:30px; background:url(../images/polling.gif) 0 20px no-repeat; padding:45px 0 0 70px; height:57px }
#bnrpol2 li { list-style:none; margin:5px 0 0 0 }
#bnrpol2 li label { color:#A0C032; font-size:14px; margin:0 0 0 3px }
#bnrpol2 .qest { font-size:13px; line-height:125%; margin:0 0 10px 0 }
#bnrpol2 .cont { margin:0 20px }
#bnrpol2 .polbut { background:#F60; border:none; padding:3px 5px; margin:10px 0 0 0 }
#bnrpol2 .polres { text-align:right; padding:20px 4px 7px 0 }
#bnrpol2 .lft { width:20px }
#bnrpol2 .rgt { width:260px }

.listprop .listgal { overflow:hidden; margin:10px 0 0 5px; width:280px }
.listprop .listgal li { margin:0 5px; width:130px!important }
.listprop .listgal a { width:130px; display:block; font-size:11px; letter-spacing:-0.3px; line-height:125% } 
.listprop .listgal .tit { margin:5px 0 0 0 } 
.listprop .listgal img { background:#FFFCD2; border:1px solid #FFE2B7; padding:4px } 

.selprop { margin:0 10px }
.selprop li { list-style:none; padding:5px 0; clear:both }
.selprop h3 { font-size:16px; margin:15px 0 15px 0; display:block; height:1% }
.selprop select { border:1px solid; width:170px; float:left }
.selprop option { font-size:11px }
.selprop label { font-size:11px; width:100px; display:block; float:left }
.selprop .btn { margin:30px 0 0 100px; display:block; width:50px }
.selprop .proptop li { width:300px; float:left; clear:none }

.video { margin:10px 0 0 6px }

.kons .lft { width:50px; margin:10px 0 0 10px }
.kons .rgt { width:200px; margin:15px 10px 0 0 }
.cmnchtri .kons .rgt { width:125px; margin:10px 5px 0 0 }
.kons .tit,
.kons .tit a { font-size:16px }
.kons .con { font-style:italic }
.kons .tit,
.kons .pic,
.kons .con { margin-top:0 }
.bdylft .kons .list { margin-top:10px }
.kons1 #subc .artmain .titt { font-size:20px }
.kons1 #subc .artmain .con { font-size:12px; margin-top:0 }
.kons1 #subc .artmain { border:1px solid; padding:10px }

.konslist li { width:290px }

.bulorg,
.bulgren { margin:5px 0 10px }
.bulorg ul,
.bulgren ul { margin:0 10px 0 }
.bulorg div,
.bulgren div  { margin:0 10px 0 }
.bulorg div,
.bulorg ul li,
.bulgren div,
.bulgren ul li { list-style:none; padding:3px 0 3px 15px }
.bulorg div,
.bulorg ul li { background:url(../images/bulorg.gif) no-repeat 0 7px  }
.bulgren div,
.bulgren ul li { background:url(../images/bulgren.gif) no-repeat 0 7px  }
.bulorg a,
.bulgren a { font-size:11px }
.bulorg ol { margin:0 10px; padding:0 0 0 15px }
.bulorg ol li { border-top:dashed 1px #ccc; padding:3px 0; list-style-position:outside; font-weight:bold; }
.bulorg ol li a { font-weight:normal }
.bulorg ol li.first { border:none }
.bulorg ol li.even { background-color:#FFF0E8 }
.trid .bulorg ul li { margin:0; padding:1px 0 1px 15px }
.trid .bulorg ol li { margin:0; padding:1px 0 }
.trids h1 { margin:0 0 0 10px }
.trids2 h1 { margin:0 0 0 10px }
.bulorg li div { margin:0; padding:0; background:none }

.listart { margin:10px 10px 0; width:280px }
.listart .lft { width:50px }
.listart .rgt { width:215px }
.listart li { list-style:none; margin:10px 0 }
.listart .tit { font-size:10px }
.listart .tit a { text-decoration:underline }
.listart .con a,
.listart .con { font-size:12px; margin:3px 0 0 }

.listkom { margin:10px 10px 0; width:280px }
.listkom * { margin:0; padding:0 }
.listkom .lft { width:90px; height:85px; overflow:hidden }
.listkom .rgt { width:180px; height:85px; overflow:hidden }
.listkom li { list-style:none; padding:0 0 6px; width:270px!important }
.listkom .con,
.listkom .con a { font-size:11px }
.listkom .det { font-size:13px; font-style:italic; line-height:120%; margin:3px 0 }
.listkom .tit { font-size:11px }
.listkom .tit a { text-decoration:underline }

.foottop { width:965px; height:15px; overflow:hidden }
.footmdl { width:965px; padding-bottom:20px }
.footmdl2 { width:965px; height:30px; overflow:hidden }
.footbtm { width:965px; height:80px; margin:0 0 20px 0; overflow:hidden }

.footmdl ul { float:left; width:140px; margin:0 0 0 10px; padding:0 0 0 10px; border-left:1px solid #fff; height:60px }
.footmdl ul.first { border:none }
.footmdl li { list-style:none; margin:0 0 1px  }
.footmdl li.tit { margin:0 0 5px }
.footmdl li.tit a { font-size:11px; font-weight:bold }
.footmdl li a { font-size:10px}
.footmdl .mn1 li.tit { padding:0 0 0 13px; background:url(../images/bulorgs.gif) 0 4px no-repeat  }
.footmdl .mn1 li { padding:0 0 0 13px; background:none }

.mn3 { float:right; margin-top:8px !important }
.mn3 ul { width:auto; margin:0; list-style:none }
.mn3 li a { font-size:11px }
.mn3 li { float:left; padding:4px 30px 0 0; margin:0 10px 0 0; height:24px }
.mn3 .rss { background:url(../images/icnrss.png) no-repeat right top  }
.mn3 .tweet { background:url(../images/icntwitter.png) no-repeat right top  }

.footbtm .rgt { margin:12px 20px 0 0 }
.footbtm .lft { margin:7px 0 0 20px }

.footmdl2 .rgt { margin:0 10px 0 0 }
.footmdl2 .lft { margin:0 0 0 10px }
.footmdl2 .rgt li,
.footmdl2 .lft li { border-left:1px solid #C1E9F8; height:30px }
.footmdl2 .rgt li.first,
.footmdl2 .lft li.first { border:none }
.footmdl2 .rgt li a { margin:2px 10px 0; display:block }
.footmdl2 .lft li a {; margin:7px 10px 0; display:block; font-size:12px }

#flshnws { position:relative; width:435px; height:250px; overflow:hidden }
.index #flshnws { margin-top:0; float:left; }
#flshnws * { margin:0; padding:0 }
#flshnws .pic,
#flshnws li { height:250px; width:435px; overflow:hidden }
.flshnwsfav #flshnws .flshcrsl .pic,
.flshnwsfav #flshnws .flshcrsl li { height:277px!important; width:490px!important }
#flshnws .flshcrsldir .pic,
#flshnws .flshcrsldir li { height:300px; width:445px }
#flshnws .pic img { border:none; padding:0 }
#flshnws .pics { position:relative }
#flshnws .pic { z-index:3; position:absolute; text-align:center; background-color:#000 }
#flshnws .flshcrsl li { position:relative; width:435px!important }
#flshnws .titcon,
#flshnws .tit { position:absolute; z-index:4; width:360px; height:70px; margin:160px 0 0 70px }
#flshnws .tit { opacity:.75; filter:alpha(opacity=75) }
#flshnws .titt a { font-size:18px; margin:5px 20px 0 20px; width:330px; display:block; text-align:right; overflow:hidden; max-height:43px }
#flshnws .con,
#flshnws .con a { color:#D2FFD2; font-size:14px; text-align:right; font-style:italic }
#flshnws .con { margin:0 0 0 10px; width:340px}

.listprop .num { margin:10px 0 0 110px }
.listprop .num li { padding:0; margin:0 1px }

#flshnws .paging { position:absolute; z-index:15; top:15px; left:310px }
#flshnws .paging li { padding:0; margin:0 3px; background:none }
.listprop .num li a,
#flshnws .paging li a { display:block; width:16px; height:16px; padding:0!important; margin:0!important; background:url(../images/pagorgn2.gif); border:0 }
.listprop .num li a.cur,
#flshnws .paging li a.cur { background:url(../images/pagorgn1.gif) }

.paging li { list-style:none; float:left; width:auto!important; height:auto!important}
.paging li a { display:block!important; padding:2px 5px!important; margin:0 1px!important; border:1px solid; font-size:10px; font-weight:bold }

.bortop { width:435px; height:10px; z-index:20; position:absolute; left:0px; top:0px }
.borlft { width:5px; height:250px; z-index:20; position:absolute; left:0px; top:10px }
.borrgt { width:5px; height:250px; z-index:20; position:absolute; left:430px; top:5px }
.borbtm { width:435px; height:10px; z-index:20; position:absolute; left:0px; top:240px }

.flshdir { height:300px!important }
.flshdir .tit { margin:190px 0 0 85px!important }
.flshdir .titt a {; font-size:18px; margin:5px 20px 0 20px; width:330px; display:block; text-align:right }
.flshdir li { height:300px!important; width:445px!important }
.flshdir .page { position:absolute; z-index:15; top:5px; left:445px; background-color:#fff }
.flshdir .page li { padding:0; margin:0; width:200px!important; height:57px!important; list-style:none; border-top:1px dashed #ccc; cursor:pointer; overflow:hidden }
.flshdir .page li.first { height:58px!important; border:none }
.flshdir .page .cont { padding:7px!important }
.flshdir .page .cont .lft { width:50px }
.flshdir .page .cont .lft img { padding:4px!important; border:1px solid }
.flshdir .page .cont .rgt { width:120px; font-size:11px!important; margin-top:5px!important }
.flshdir .pic { width:445px; height:300px; text-align:center; display:block }
.flshdir .flshcrsldir li { background-color:#000 }

.flshdir .bortop { width:435px; height:10px; z-index:20; position:absolute; left:0px; top:0px }
.flshdir .borlft { width:5px; height:250px; background:#D6E8D8; z-index:20; position:absolute; left:0px; top:10px }
.flshdir .borrgt { width:5px; height:250px; background:#D6E8D8; z-index:20; position:absolute; left:430px; top:5px }
.flshdir .borbtm { width:435px; height:10px; z-index:20; position:absolute; left:0px; top:240px  }

.flshnwsfav #flshnws { width:490px; height:277px; margin:0 }
.flshnwsfav li { height:277px!important; width:490px!important }
.flshnwsfav .paging { left:310px!important }
.flshnwsfav .paging li { width:auto!important; height:auto!important}
.flshnwsfav .tit,
.flshnwsfav .titcon { margin:180px 0 0 125px !important }
.flshnwsfav .gallist li { width:55px!important; height:43px!important; overflow:hidden; margin:3px 5px 0 }
.flshnwsfav  #favvid li { margin:5px }
.flshnwsfav .rgt { width:140px }
.flshnwsfav { padding-top:5px }
.flshnwsfav #flshnws .pic { width:490px }

.flshnwsfav .bortop { width:490px; height:10px; z-index:20; position:absolute; left:0px; top:0px }
.flshnwsfav .borlft { width:5px; height:257px; z-index:20; position:absolute; left:0px; top:10px }
.flshnwsfav .borrgt { width:5px; height:257px;  z-index:20; position:absolute; left:485px; top:10px }
.flshnwsfav .borbtm { width:490px; height:10px; z-index:20; position:absolute; left:0px; top:267px }

.dirprem  li { float:left; width:135px }
.dirprem a { display:block; font-size:11px }
.dprev { margin:38px 2px 0 0 }
.dnext { margin:38px 0 0 2px }
.dirnorm,
.dirfree { margin:10px 15px 0 }
.dirnorm li,
.dirfree li { padding:0 10px 3px 20px; list-style:none; background:url(../images/buldir.gif) no-repeat 0px 2px }
.dirnorm a,
.dirfree a { font-size:11px }

.bgart .main { margin:5px 0 0 0 }
.bgart .main li { float:left; width:145px; height:110px; overflow:hidden; margin:0 0 5px 0 }
.bgart .main a { display:block; font-size:11px }
.bgartb li { height:115px }

.bdylft .cmnchone .main,
.bdylft .cmnchone .listprod,
.bdylft .cmnchone .list { width:200px; float:left; margin:0 0 0 5px }
.bdylft .cmnchone .list { margin:10px 0 0 5px }

#bcrumb { margin:0; height:40px; width:650px; overflow:hidden }
#bcrumb li,
#bcrumb a { font-size:16px }
#bcrumb .now,
#bcrumb .now a { font-style:italic }
#bcrumb li { float:left; margin:0 10px 0 0; padding:10px 0 0 25px; height:40px; list-style:none }
#bcrumb .first { background:url(../images/tit.png) no-repeat 20px 12px; padding-left:45px }
#bcrumb .rss { float:right; margin:0 20px 0 0; padding:8px 0 0 25px }

.art1 { margin:0 0 20px }

.bgart .listins { margin:5px 10px 5px }
.bgart .listins ul { margin:5px 0 0 }
.bgart .listins  li { padding:3px 5px 2px 8px; background:url(../images/bulorgs.gif) no-repeat 5px 7px; height:auto; width:255px }
.bgart .listins  li a { display:block; margin-top:0!important }
.bgart .listins .tit,
.bgart .listins .tit a { width:auto; float:none; font-size:11px }
.bgart .main { margin:10px 0 }
.bdyrgt .bgart .main .tit,
.bdyrgt .bgart .main .tit a { margin:0!important }
.bgart .main .con { margin:3px 0 0 0; font-size:11px }
.bgart .main .lft { width:120px; margin:0 0 0 3px }
.bgart .main .rgt { width:150px; margin:0 10px 0 0 }

.bgvid li { height:125px }

#tooltip { position:absolute; z-index:3000; border:1px solid #ccc; background-color:#fff; padding:5px; display:none }
#tooltip h3, #tooltip div { margin:0 }

.ptt { width:130px }
.ptt img { min-height:60px }
.ptt p { margin:3px 0 0; font-size:11px }

.dir1 .prev,
.dir1 .next { margin:125px 0 0 }
.dir1 .dirprem .listdir  { margin:0 3px }
.dir1 .dirprem .listdir  li { height:125px; overflow:hidden }
.dir1 .dirprem a { font-size:10px }
.dir1 .dirnorm,
.dir1 .dirfree { margin:10px 0 0 10px; width:160px }

.ideatv  #flshnws { height:420px!important}
.ideatv .flsh .pic { margin:35px 45px!important }
.ideatv .flsh .pic { width:400px!important; height:300px!important }
.ideatv .flsh { background-color:#000; width:490px!important; height:365px!important }
.ideatv .borlft { height:355px }
.ideatv .borrgt { height:355px }
.ideatv .borbtm { top:360px }
.ideatv  .star { padding:12px 20px 0!important; width:200px!important }

.vids,
.vidm,
.vidxm,
.vidl,
.vidxl,
.vidxxl { position:relative }
.vids .ply,
.vidm .ply,
.vidxm .ply,
.vidl .ply,
.vidxl .ply,
.vidxxl .ply { float:left; position:absolute; margin:5px 0 0 5px }
.vids .ply { width:45px; height:33px; background:url(../images/plys.png) no-repeat 19px 10px }
.vidm .ply { width:80px; height:60px; background:url(../images/plym.png) no-repeat 30px 18px }
.vidxm .ply { width:100px; height:75px; background:url(../images/plym.png) no-repeat 40px 28px }
.vidl .ply { width:120px; height:90px; background:url(../images/plyl.png) no-repeat 42px 24px }
.vidxl .ply { width:140px; height:105px; background:url(../images/plyl.png) no-repeat 52px 34px }
.vidxxl .ply { width:225px; height:191px; background:url(../images/plyl.png) no-repeat 105px 75px }

.plain1tipe1 .cmnchgal { padding:10px 0; margin:0 10px 20px; border:1px dashed #fc0; border-left:none; border-right:none; background-color:#ffe; width:630px }

#det { background-color:#fff }
#det p { margin:15px 0; line-height:135% }
#det .desc a,
#det .sdesc a { color:#018ACE; text-decoration:underline }
#det .desc a:hover,
#det .sdesc a:hover { background-color:#FFFFD4 }
#det h1 { font-size:18px; margin:5px 0 0 }
#det h2 { font-size:14px; font-style:italic; color:#777; margin:15px 0 0 }
#det .cont { padding:30px }
#det .cont .cont { padding:0 }
#det .cont .det .det p { margin:0 0 3px }
#det .cont .tmbl { margin:0 0 10px 10px }
#det .cont .tmbl img { width:300px; height:auto }
#det .penls,
#det .fotog { margin:0; font-style:italic  }
#det .date { margin:0; font-style:italic; color:#555  }
#det .cont img { border:1px solid; padding:4px }
#det .cont .artbut img  { background:none }
#det .cont .artbut li { margin:2px 0 2px 0 }
#det .cont .artbut  form { padding:0 0 0 4px }
#det .cont li { margin:2px 0 2px 20px }
#det #galhuge { text-align:center }

#lightbox{ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0 }
#lightbox a img{ border:none }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto }
#imageContainer{ padding:10px}

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0 }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10 }
#imageContainer>#hoverNav{ left:0 }
#hoverNav a{ outline:none }

#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(../images/lbprev.gif) left 50% no-repeat }
#nextLink:hover, #nextLink:visited:hover { background:url(../images/lbnext.gif) right 50% no-repeat }

/*** START :next / previous text links ***/
#nextLinkText, #prevLinkText{ color:#FF9834; font-weight:bold; text-decoration:none }
#nextLinkText{ padding-left:20px }
#prevLinkText{ padding-right:20px }
/*** END :next / previous text links ***/

/*** START :added padding when navbar is on top ***/
.ontop #imageData { padding-top:5px }
/*** END :added padding when navbar is on top ***/

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em }

#imageData{ padding:0 10px }
#imageData #imageDetails{ width:70%; float:left; text-align:left }
#imageData #caption{ font-style:italic }
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em;}
#imageData #helpDisplay {clear:left; float:left; display:block }

#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
* html>body .clearfix { display:inline-block; width:100% }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

.socnet { padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #ccc }
.socnet li { list-style:none; margin:0 0 0 5px; float:left; height:16px }
.socnet li img { width:16px; height:16px }
#det .socnet h1 { font-size:10px; color:#999; margin:0 0 5px; text-align:right }

#subc .artfav,
#subc .artmain { margin:20px 20px 0 }
#subc .lft { width:305px; margin-bottom:20px }
#subc .rgt{ width:345px; margin-bottom:20px }
#subc .hr { margin-top:20px }

.artmain .tit,
.artmain .tit a { font-size:14px }
.artmain .date,
.artmain .date a,
.artmain .det,
.artmain .det a,
.artmain .con,
.artmain .con a { font-size:11px }
.artmain .tit { margin:0 0 7px }
.artmain .date { margin:5px 0 0 }
.artmain .det,
.artmain .con { margin:5px 0 }

.artfav { margin:20px 20px 0; padding:10px; border:1px solid }
.artfav h1 { padding:0 5px 5px; border-bottom:1px solid }
.artfav ul { margin:5px 0 0 }
.artfav  li { padding:3px 5px 2px 18px; background:url(../images/bulblu.gif) no-repeat 5px 7px }
.artfav .tit { width:auto; float:none }

#subc .artlist .paging { margin:10px 20px 0 0; float:right }
.artlist .list { margin:10px 20px 0 0 }
.artlist .list li { padding:0; border-top:1px solid; background:none }
.artlist .list li.first { border:none }
.artlist .list .lft { width:86px!important; margin:10px 0 10px 7px !important }
.artlist .list .rgt { width:217px!important; margin:10px 7px 10px 0 !important }
.artlist .list .con { font-size:11px }

.gal li .pic ,
.galtri li .pic ,
.bgart  li .pic,
.gallist  li .pic { text-align:center; display:block; margin:0 0 3px 0 }
.gal .artmain .titt { margin:5px 5px 0 }
.gal .artfav li { float:left; clear:none; width:110px; height:100px; overflow:hidden; margin:5px 5px 0; background:none; padding:0 }
.vid .artfav li { height:115px }
.gal .artfav h1 { margin:0 4px }
.gal .artfav .pic { float:none; margin:5px 0 0 }
.gal .artfav .tit { width:auto; float:none; margin:0 3px; display:block }
.gal .artlist .list li { float:left; clear:none; border:none; width:150px; height:130px; overflow:hidden; margin:5px 6px 0 }
.vid .artlist .list li { height:150px }
.kons1 .artlist .list li { padding:10px }
.gal .artlist .list .tit { margin:0 5px; display:block }
.gal .artlist .paging { margin:10px 7px }

.galtri .listgalsml { margin-top:10px }
.galtri .listgalsml li { width:90px; height:85px; overflow:hidden; margin:0 5px 5px }
.galtri .listgalsml .tit { font-size:11px; margin:0 5px; display:block }

.bdylft .cmnchone .listprodgal { width:620px; margin-top:10px }
.cmnchone .listprodgal li { width:130px; float:left; clear:none; margin:0 10px }
.cmnchone .listprodgal li .pic { float:none; width:150px; text-align:center }
.cmnchone .listprodgal li .tit { float:none; margin:0 10px; display:block }
.art1 .more { margin:10px 0 0 20px }

.star .empty { width:60px; height:12px; background:url(../images/../images/star.gif) 0 24px }
.star .full { height:12px; background:url(../images/../images/star.gif) 0 0 }
.star .stit { font-style:italic; font-size:10px }

.jbprem { margin:0 0 10px }
.jbprem .bx { width:190px; height:200px; overflow:hidden; float:left; margin:10px 0 0 14px }
.jbprem .bx .tit,
.jbprem .bx .det,
.jbprem .bx  .hrg { margin:3px 5px 0 }

.bx .tit,
.bx .tit a { font-size:13px }
.bx .det { font-size:11px }
.bx  .hrg { font-size:12px; font-weight:bold}

.jblist { padding:10px 0 0 0 }
.jblist .bx { padding:10px 0 0 10px; float:left; width:300px; height:80px }
.jblist .lft1 { width:100px; margin:0 }
.jblist .lft2 { width:350px; margin:0 0 0 5px }
.jblist .lft3 { width:150px; margin:0 0 0 5px }
.jblist li { margin:0 5px 0 0; padding:5px; list-style:none; border-top:1px dashed #CCC }
.jblist li.first { border:none }

.jb .paging { margin:10px 0 0 10px }

.twol .list ul { margin-left:15px }
.twol .list li { background:none; list-style:disc outside; padding-left:0 }

.listgalsml li { width:90px; height:85px; float:left; overflow:hidden; margin:0 0 5px 6px; padding:0 }
.listgalsml li .tit { margin:3px 5px 0!important; padding:0!important; font-size:11px }
.listgalsml li .pic { margin:0!important; padding:0!important }
.listgalsml li a { display:block }

.bgvid .listgalsml li,
.vidtri .listgalsml li { height:110px!important }

.berita { margin:0 5px }
.berita li { list-style:none; border-top:dashed 1px #ccc; padding:5px 0 }
.berita li.first { border:none }
.berita .date { font-size:11px }
.berita .tit a { font-size:14px }
.berita .det { font-size:11px }
.berita .lft { width:75px }
.berita .rgt { width:195px }

#debug { width:1100px; overflow:auto; margin:0 auto }

.listprodmain .bulorg ul { margin:0 5px }
.listprodmain .bulorg li { background-position:2px 7px; padding:3px 5px 3px 15px }

.user { padding:30px 20px }
.user .tit { background:transparent url(../images/bulmoar.gif) no-repeat; padding:1px 0 3px 30px }
.user .list .tit { background:none; padding:0 }

.tabbing { margin:0 0 20px 0; padding:3px 0 }
.tabbing li { padding:3px 25px; border-right:1px solid #fff }

.warning,
.welcome { border:1px dashed #ccc; padding:10px }
.welcome .greeting { font-size:11px }
.warning h2 { margin-bottom:10px }
.warning li { list-style:none }

.profile .ckbx { width:20px; height:20px; float:left; margin-top:20px }
.profile .pic { width:100px; height:50px; float:left }
.profile .date,
.profile .tit,
.profile .det { width:470px; float:left }
.profile .tit { font-size:16px; margin-bottom:10px }
.profile .date,
.profile .det { font-size:11px }
.buttonblock,
.profile .delete,
.profile .paging { margin-top:20px }
.profile .delete { width:100px; float:left }
.profile .paging { width:400px; float:right }
.profile .paging  ul { float:right }

.profile .content { margin:0 }
.profile .content li { list-style:none; border-top:#ccc dashed 1px; padding:10px; background:none; font-size:11px }
.profile .content li.first { border:none }
.profile .content li.even { color:#f60; list-style:none; padding-left:45px }

.bookmark { margin-top:20px }
.bookmark .list { margin:0 }
.bookmark .list li { list-style:none; border-top:#ccc dashed 1px; padding:10px; background:none }
.bookmark .list li.first { border:none }

.menu li { list-style:none; border-top:1px dashed #ccc; padding:5px 10px }
.menu li.first { border:none }

#kom { padding:0 20px 20px }

#kom #komstatss,
#kom .paging,
#kom #bbbukakomen,
#kom #bbbukakomen,
#kom #bukakomen,
#kom .statistik,
#kom .daftar,
#kom .isi { border-top:1px solid #ddd; padding:10px 0 }
#kom .daftar .odd,
#kom .daftar .even { border-top:1px dashed #ccc; padding:10px }
#kom .daftar .first { border:none }
#kom .daftar .lft { width:50px }
#kom .daftar .rgt { width:525px }
#kom .statistik * { font-size:11px }
#kom .statistik  { padding:10px }

#komslide,
#isikomen { display:none }
#isikomen strong { margin:0 0 10px; display:block }
#isikomen label,
#isikomen input { font-size:11px }

#kom #bbbukakomen,
#kom #bukakomen  { padding:10px 5px 10px 25px; background:url(../images/bulmoar.gif) no-repeat 0 7px; font-size:11px }

#kom #komcount,
#kom #bukakomslide { padding:10px }
#kom #bukakomslide   { padding:10px 5px 10px 25px; background:url(../images/bulmoar.gif) no-repeat 0 7px }

#komentar li { list-style:none; clear:both; padding:2px 0 }
#komentar label { width:100px; float:left }
#komentar textarea,
#komentar input { width:350px; float:left; margin-right:5px }
#komentar .button { width:auto }

.emoticons { display:none; background-color:#f30; position:absolute; padding:5px; margin:-3px 0 0 2px }
.emoticons li { list-style:none; clear:both!important }
.emoticons li li { float:left!important; clear:none!important; padding:3px!important }
.emoticons img { cursor:pointer }

.statistik li { list-style:none; float:left }

.artbut li img { border:none!important; padding:0!important; margin:0 0 0 5px; width:16px; height:16px }

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background:transparent url(../images/star.gif) repeat-x scroll left -1000px }
.star-rating { background-position:left center; height:12px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; padding:0; position:relative; width:60px }
.star-rating li { display:inline; margin:0 !important; padding:0 !important }
.star-rating a, .star-rating .current-rating { border:medium none; height:12px; left:0; line-height:12px; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; overflow:hidden; position:absolute; text-indent:-1000em; top:0; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position:left bottom }
.star-rating a.stars-1 { width:20%; z-index:6 }
.star-rating a.stars-2 { width:40%; z-index:5 }
.star-rating a.stars-3 { width:60%; z-index:4 }
.star-rating a.stars-4 { width:80%; z-index:3 }
.star-rating a.stars-5 { width:100%; z-index:2 }
.star-rating .current-rating { background-image:url(../images/star.gif) !important; background-position:left top; z-index:1 }
.inline-rating { display:inline-block; vertical-align:middle }
.small-star { height:10px; width:60px }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image:url(../images/star.gif); height:12px; line-height:12px }
.small-star .current-rating { background-image:url(../images/star.gif) !important; background-position:left top; z-index:1 }

/* ipromt, jakikotak.js style */
.jqifade{ position:absolute; background-color:#000 }
div.jqi{ width:400px; position:absolute; background-color:#fff; font-size:11px; text-align:left; border:solid 1px #eee; -moz-border-radius:10px; -webkit-border-radius:10px; padding:7px }
div.jqi .jqicontainer{ font-weight:bold }
div.jqi .jqiclose{ position:absolute; top:4px; right:-2px; width:18px; cursor:pointer; color:#bbb; font-weight:bold }
div.jqi .jqimessage{ padding:10px; line-height:20px; color:#444 }
div.jqi .jqibuttons{ text-align:right; padding:5px 0 5px 0 }
div.jqi button{ padding:3px 10px; margin:0 10px; background-color:#f60; border:solid 1px #f4f4f4; color:#fff; font-weight:bold; font-size:12px; cursor:pointer }
div.jqi button:hover{ background-color:#f30 }
div.jqi button.jqidefaultbutton{ background-color:#390 }
div.jqi button:hover.jqidefaultbutton{ background-color:#370 }
.jqiwarning .jqi .jqibuttons{ background-color:#ff9 }

.dirlist,
.dirmain { padding:10px 0 0 }

.dirmain li { width:133px; margin:0 10px; height:140px }
.dirmain .tit { margin:0 5px; display:block; font-size:11px }

.dirlist li { background:url(../images/bulorg.gif) no-repeat 5px 5px;  width:295px; margin:0 10px; height:20px; border-top:1px dashed #ccc }
.dirlist li.first { border:none }
.dirlist .tit { font-size:11px; margin:2px 5px 0 20px; display:block }
.dirmain .paging ul,
.dirlist .paging ul { margin:5px 0 0 10px }
.dirmain .paging li,
.dirlist .paging li { margin:0; border:none }

.blog { padding:20px }
.blog .cblog { padding:20px; border-top:1px dashed #ccc }
.blog .first { border:none }
.blog .even { background-color:#f9f9f9 }
.blog .date { text-transform:uppercase; font-size:10px; font-style:italic }
.blog .pen  { margin:0 0 10px }
.blog .tit a { font-size:22px }
.blog .cont p { margin:0 0 10px }

.headdetjubel {margin:0 0 10px 20px!important }

.table { min-height:230px }
.table .title td a,
.table .title td { font-weight:bold }
.table table { width:610px }
.table td { margin:0; padding:10px; vertical-align:top; text-align:left; border-top:1px solid #eee }
.table .title td { text-align:center }
.table td.tight { width:10px }
.table .butbar { margin:20px 0 0 0 }
.table td .butbar { margin:0 }

#searchresult .cont { padding:20px }

.greeting { margin:0 0 10px 0 }
.halfbox { width:325px }

.butbar .paging { margin:0!important }

select option,
select optgroup,
select optgroup option { border-top:1px dashed #ccc }
select optgroup option { padding-left:15px; background:#fff url(../images/bulorgs.gif) no-repeat scroll 3px 4px }

.user form select,
.user form textarea,
.user form input[type='text'],
.user form input.text { width:300px }
.user form textarea { height:300px }
.user form #txt_len { width:auto }

#popup .polling { padding:20px 25px; margin:0; min-height:875px }
#popup .polling a { color:#030; display:block; text-align:center; font-weight:bold }
#popup .warning { font-size:14px; color:#f00!important; text-align:left }
#popup .polling li { list-style:none; float:left; margin:10px 5px }
#popup .polling .label { width:250px; color:#333; margin-left:0 }
#popup .polling .graph { width:175px }
#popup .polling .result { width:50px }
#popup .polling .voted { width:75px }
#popup .polling .total { display:block; text-align:center; font-weight:bold }
#popup .polling .question { margin:20px 0; font-size:14px; color:#000000; font-style:italic }
#popup .polling .graph_container { width:175px; background:#fff; border:solid 1px #eee }
#popup .polling .graph_result { background-color:#F90; height:20px }
#popup .polling p { padding:10px 0!important }
#popup .polling  hr { margin:20px 0; border:none; border-top:1px solid #ccc }

.user .profile .block { margin:5px 0; width:475px; overflow:hidden }
.user .profile .block label,
.user .profile .block p,
.user .profile .block input { float:left }
.user .profile .label,
.user .profile .block label { width:132px }
.user .profile td,
.user .profile .block,
.user .profile .block .element { clear:both; padding:10px 0; vertical-align:top; min-height:15px }
.user .profile  ul { margin:5px 0 5px 20px }
.user .profile  .tabbing ul { margin:0 }

#searchdet { padding:20px 0 }
#searchdet li { list-style:none; padding:10px 0; border-top:1px dashed #ccc }

.profile .table  label { min-width:132px; display:block }
.profile .table .list { width:400px; margin:10px 0; clear:both }
.profile .table .list th,
.profile .table .list td { width:auto }

.choneal { margin:0 0 0 10px }
.choneal h1 { margin:0 0 10px 15px!important; font-size:14px!important }
.choneal li { margin:0 10px 0 0; width:285px!important }
.childart { margin:0 0 20px 10px }

.sitemap li { list-style:disc; margin-left:40px; padding:0 }
.sitemap li ul { margin:5px 0 10px }

.sendemail { margin:20px; background-color:#fff }
.sendemail form  { padding:20px }
.sendemail label { display:block }
.sendemail input[type='text'],
.sendemail .text,
.sendemail textarea{ display:block; margin-bottom:10px }
.sendemail h2 { display:block; padding:20px 20px 10px }

.object-center { text-align:center; clear:both }
.object-left { float:left; margin:5px 10px 5px 0 }
.object-right { float:right; margin:5px 0 5px 10px }

.truncate_less { color:inherit }

.oe-window,
.oe-window .mceEditor,
.oe-window .mceEditor  .mceLayout { width:475px!important }

#kuis { padding:40px }
#kuis h1 { margin:0 0 20px }
#kuis  .content { width:650px }
#kuis  .content .border { padding:40px 30px }
.kuisacak { width:650px; margin:0 auto }
#kuis .item { padding:10px; border-top:1px solid #ddd }
#kuis .even { background-color:#f9f9f9 }
#kuis .question { margin:0 0 10px; font-size:13px }
#kuis .choice { margin:2px 0 2px 10px }
#kuis .score { font-size:50px; margin:-20px 0 0 0 }
#kuis label{ margin:0 0 0 5px; font-style:italic }
#kuis .wrong,
#kuis .right { padding:0 0 0 25px }
#kuis .wrong { background:url(../images/yesno.gif) no-repeat 0 0 }
#kuis .right { background:url(../images/yesno.gif) no-repeat 0 -16px }

#highscore { margin:40px 0 0 0 }
#highscore .first { border:none; font-weight:bold }
#highscore  .lft { width:350px }
#highscore  .rgt { width:150px }

#forumdetail { padding:30px 20px }
#forum { padding:10px 20px 20px }
#forumdetail .items,
#forum .items { margin:10px 0 }
#forum .items p,
#forum .items a{ margin:0; font-size:12px }
#forumdetail  small,
#forum .items small { font-size:10px }
#forumdetail .items .first,
#forum .items .first  { border-top:1px solid #ddd }
#forum .items .first  * { font-weight:bold; font-size:13px }
#forumdetail .items .item,
#forum .items .item { padding:10px; border-bottom:1px solid #ddd }
#forum .items .even { background-color:#fff!important }
#forum .small,
#forum .med,
#forum .long { float:left; margin:0 5px 0 0 }
#forum .small { width:85px }
#forum .med { width:125px }
#forum .long { width:225px }
#forumdetail .bcrumb,
#forumdetail .bcrumb a,
#forum .bcrumb,
#forum .bcrumb a { font-size:15px }
#forum  .nav { margin:20px 0 }
#forumdetail .lft { width:150px }
#forumdetail .lft p { margin:0 0 10px 0; line-height:100% }
#forumdetail .rgt { width:425px; overflow:auto }
#forumdetail .rgt .message { margin:5px 0 }
#forumdetail .rgt .message blockquote { padding:10px; margin:5px 0; font-style:italic; background-color:#f5f5f5; border:1px dashed #ccc }
#forumdetail .rgt p { margin:0 0 5px 0; line-height:125% }
#forumdetail  small { color:#999 }
.plain1tipe1 .banner { padding:20px 20px 0 }
#forumdetail .item  .message img { max-width:410px!important; height:auto!important }
#forumdetail .item  .message ul { margin:0 0 0 20px }

#replybox { margin:10px }
#replybox  .lft { width:100px }
#replybox  .rgt { width:425px }
#replybox  .rgt textarea { width:420px; min-height:150px; margin:0 0 10px 0 }

#showupyourhome .tit { font-size:12px }
#showupyourhome p *,
#showupyourhome p { font-size:10px }
#showupyourhome h2 { margin:0 0 5px }
#showupyourhome .item { padding:3px 0; border-top:1px dashed #ccc }
#showupyourhome .first { border:none }
#showupyourhome .even { background-color:#f5f5f5 }

.terkini { width:203px; float:right; padding:3px}
.terkini .tit { font-size:12px }
.terkini p *,
.terkini p { font-size:10px }
.terkini .item { padding:2px 0; border-top:1px dashed #ccc }
.terkini .first { border:none }
.terkini .even { background-color:#f5f5f5 }

option.show-up { font-weight:bold!important; color:#f00!important; text-align:center!important }

#slide_head  li{ float:left; list-style:none; width:140px }}
#slide { width:290px; overflow:hidden }
#slide_container { width:9999px }
#slide_magazine,
#slide_berita { float:left; width:290px }
#slide_magazine { padding:5px 0 0 }
#slide_magazine .lft { width:130px }
#slide_magazine .rgt { width:150px }
#slide_magazine ul { margin:0; list-style:none }
#slide_magazine li { border-top:1px dotted #ccc; padding:3px 0 3px 15px; background:url(../images/bulorg.gif) no-repeat 0 7px }
#slide_magazine li.first { border:none } 
#slide_magazine a { color:#018ACE; font-size:11px }

.tabs-hide { display:none }

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none }
* html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0 }
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png') }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none }
* html #fancybox-overlay { /* IE6 */ position: absolute; width: 100% }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent }
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0 }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0 }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102 }

.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333 }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold }
.fancybox-title-over { color: #FFF; text-align: left }

#fancybox-title-over { padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block }
#fancybox-title-wrap { display: inline-block }
#fancybox-title-wrap span { height: 32px; float: left }
#fancybox-title-left { padding-left: 15px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat }
#fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF }
#fancybox-title-right { padding-left: 15px; background-image: url('../images/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat }
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('../images/fancybox/blank.gif'); z-index: 1102; display: none }
#fancybox-left { left: 0px }
#fancybox-right { right: 0px }
#fancybox-left-ico,
#fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block }
#fancybox-left-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px }
#fancybox-right-ico { background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible /* IE6 */ }
#fancybox-left:hover span { left: 20px }
#fancybox-right:hover span { left: auto; right: 20px }

.fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001 }

#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png') }
#fancy-bg-ne { top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px }
#fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px }
#fancy-bg-se { bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px }
#fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px }
#fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px }
#fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png') }
#fancy-bg-nw { top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px }

/* IE */

#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* banu coba hide in detail start*/
.hide_in_detail{
	display:none;	
}
/* banu coba hide in detail stop*/
#ideaSpecial{
	width:644px;
	margin-top:5px;
	padding-top:10px;
	padding-bottom:10px;
	padiing-left:5px;
	margin-bottom:5px;
	background-image:url("../images/bgjadi.png");
	background-repeat:no-repeat;
	background-color:#95b0f0;
	height: 235px;
	-moz-border-radius:15px;
}
#logoEvent{
	width: 200px;
	float:left;	
	height: 220px;
}
#item-special{
	float: left;
	width: 210px;
	margin-right:10px;
	padding-top: 25px;
}
#judul-special a{
	color: #ffffff;
	line-height: 150%;
	font-size: 15px;
	font-weight: bold;	
}
#desc-special{
	font-size: 14px;
}

/* iDEA Event */
#ideaEvent{
	width:300px;
	height:210px;
	margin-top:10px;
	background-image:url("../images/spevent/speventbg1.png");
	background-repeat:no-repeat;
	-moz-border-radius:15px;
	padding-top: 90px;
}

#ideaEvent li{
	margin-left:40px;
	list-style-image: url("../images/spevent/bullet.png");
	padding-bottom: -100px;	
	margin-bottom: 10px;
}

#ideaEvent li a{
	font-size: 15px;
}