/* CSS Document */
*    { margin: 0; padding: 0; }



#popup{
	position:absolute;
	top: 80px;
	margin-left:60px;
	text-align:right;
	z-index:999;
}



.topBar-box { display:float: left; }
.chg { margin-top:8px }
.pop { position: absolute; display: inline; margin-left: 2px; }
.pop .pop_menu {
display: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; font-family:"Comic Sans MS", cursive, sans-serif; font-size:11px}
.pop .pop_toggle {
background-image: url(../../images/arrow-down.gif);
background-repeat: no-repeat;
background-position: center center;
width: 20px;   
height: 20px;
overflow: hidden;
cursor: pointer; }
.active .pop_menu {display: block;background: url(../../images/bg_trans.png);color: #fff;position: absolute;padding: .4em;}
.active .pop_menu a { color: #fff; }
.active .pop_toggle {z-index: 2000;position: absolute;top: 0;left: 0;background-image: url(../../images/arrow-up.gif); }

.pop ul, .pop ul li { list-style: none; }
.pop ul { margin-top: 20px; }
.pop ul li { margin-top: 7px; }
.pop ul li a { display: block; width: 200px; height: 24px; border: 1px solid #f17406; padding: 5px; }
.pop ul li a:hover { background: #f19606; border: 1px solid #f1ac06; }
.pop ul li a img { float: none; width: 48px; height: 24px; margin-right: 5px; vertical-align: middle; }

/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 635px; height: 255px; position: relative; margin:0}
.anythingSlider .wrapper                { width: 635px; overflow: auto; height: 255px; margin: 0; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: url(../images/bg_flash2.gif) no-repeat; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 1px; width: 1px; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top:210px; margin-left:420px ;}
#thumbNav a                             { color: black; display: inline-block; padding: 2px 10px; height: 22px; margin: 0 8px 0 0; background: url(../../images/icon_bltblue.png) no-repeat; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background: url(../../images/icon_bltorange.png) no-repeat; }
#thumbNav a.cur                         { background:url(../../images/icon_bltorange.png) no-repeat; }

#start-stop                             { background: green; font-family:"Comic Sans MS", cursive, sans-serif; font-size:12px; background-image: url(../../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; left: 20px; top: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: 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; }

#isi_flash  { background: url(../../images/bg_flash2.gif) no-repeat; font-family: Arial, Helvetica, sans-serif; width:637px; height:258px!important}
.frame_photo {width:380px; height:255px; float:left; overflow:hidden}
#isi_flash img{max-width:380px;  }
#isi_flash  ul{ width:235px; float:right; margin:20px 10px 10px ; font:Arial, Helvetica, sans-serif; color:#FFFFFF}
#isi_flash  li{ list-style:none; font-family:"Comic Sans MS", cursive, sans-serif;}
#isi_flash  a{ font-size:24px; color:#FFFF00;}
#isi_flash  p{ margin-top:10px; font-size:18px;}


a, a img { border: 0; text-decoration: none; outline: 0; }
.container1 { width: 967px; margin: 0 auto; float: none; clear: both; position: relative; height:37px}
.container2 { width: 967px; margin: 0 auto; float: none; clear: both; position: relative; background: url(../../images/bgrd-outer.png); padding: 10px 10px; height:auto }
.bigcount { margin-top:-150px; position:absolute; width:100%; height:auto }
.navbar{width: 967px; height:89px }
.clear { clear:both; height:0px; margin:0; padding:0}
.count_left { width: 656px; float:left; height:auto; padding-bottom:10px}
.count_right { width: 301px; float:right; padding-left:10px;}
.midlle_count { background-color:#FFFFFF; height: auto}
.main-footer {
padding-top:360px;
position:relative;
text-align:center;
}

.main-footer, .main-footer a { color:#fff }
.main-footer a:hover { text-decoration:underline }
.main-footer p { margin-top:10px; font-size:1.1em }
.middle-footer, .middle-footer a { color:#f6c70b; font-size:1.15em }



.flashnews { padding:10px; background: url(../../images/bg_flash.jpg) repeat-x; clear:both}

.block_one { width: auto; margin:10px 0 0 10px; height: auto; float:left; margin:none}
.block_one nama{float:left; margin-left:10px}

.block_two{ width: auto; margin:10px 0 0 10px; height: auto; float:left; margin:none}

.block_tree{ width: 208px; height:126px; margin:10px 0 0 10px; height: auto; float:left; margin:none}

.block_full{margin:10px 0 0 10px; height: auto; }

.banner { height:auto; border:none;}
.bottom-banner1 { width: 640px;height:50px; border:none; float: left; margin-left: 10px;}

h1.logos {cursor:pointer; height:120px; margin:-15px 0 0 10px; position:relatif; top:0px; width:161px;}
h1.logos a {
	background: url(../../images/kidnesia-logo.png) no-repeat 0 0;
	display:block;
	height:120px;
	text-indent:-9999px;
	width:161px;
	overflow: hidden;
	position:absolute;
	margin-top:-10px
	}
	
.change_theme{ list-style: none; width:150px; margin: 0 10px 0 00px; padding:0; float:left}
.change_theme li{ margin:0; padding:0; height:34px}
.newuser { margin-left:8px;list-style:none;font-family:"Comic Sans MS", cursive, sans-serif; font-size:11px; font-weight:bold; color:#f17406; width:auto; padding:0; float:left; text-align:center; line-height:30px}
.newuser a{ color:#0066CC; text-decoration:underline;}
.loggin_right{ float: right; width:390px; margin:0; padding:0; }
.user_fild {width:390px;font-family:"Comic Sans MS", cursive, sans-serif; font-size:11px; font-weight:bold; color:#f17406; list-style: none; margin: 8px 0 0 0;}
.submit_button { float:right; cursor:pointer; margin-right:10px;margin-top:-23px;list-style:none}
.forgot {width:190px; font-size:14px ; margin-top: 7px; float:right !important; font-family:"Comic Sans MS", cursive, sans-serif; color:#f17406; font-style:bold;}
.forgot a { color:#0066CC; text-decoration:underline }

.field{ background:#FFFFFF;
	border:1px solid #00CCFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:17px; width:90px;
	clear:both;
	padding:0;
	}
	
.searcing { margin:0 auto; padding:0; width:410px; list-style:none; background:url(../../images/bg_search.gif) no-repeat; height:37px;}
.searcing .put{ float: right;margin-top:0px;margin-right:20px; margin-top:3px; height:25px !important;font-size:14px !important;}
.iconfb {list-style: none; width:100px; margin: 0 10px; padding:0; float:left}
.iconfb li {float: left; margin: 4px 5px 0 0; padding:0; float:left}

/*indonesiaku*/
.ind { background:url(../../images/bg_ind.gif) no-repeat; width:317px; height:301px }
.ind img{ float:right; margin: 8px}
.ind .nama{float:left; margin-left:70px;margin-top:-3px;}
.sktarkita { background:url(../../images/bg_sktrkta_pink.gif) no-repeat; width:317px; height:305px; margin-top:7px!important}
.sktarkita img{ float:right; margin: 8px}
.sktarkita .nama{float:left; margin-left:60px;margin-top:-3px;}
.fakta { background:url(../../images/bg_fakta.gif) no-repeat; width:317px; height:301px;}
.fakta img{ float:right; margin: 8px}
.faktar .nama{float:left; margin-left:70px;margin-top:-5px;}
.games { background:url(../../images/bg_games.gif) no-repeat; width:317px; height:301px;}
.games img{ float:right; margin: 8px 12px 0 0 }
.games .nama{float:left; margin-left:70px;margin-top:-5px;}

.agenda { background:url(../../images/bg_agenda.jpg) no-repeat; width:317px; height:301px;}
#listticker{
height:280px;
width:300px;
overflow:hidden;
padding:16px 0 10px;
font-family:"Comic Sans MS", cursive, sans-serif;
}


#listticker li{
height:270px;
width:300px;
margin: 30px 5px 5px;
list-style:none;
}
#listticker li .news-title{
display:block;
font-weight:bold;
color:#ffffff;
font-size:16px;
}
#listticker li .news-text{
margin-top:7px;
display:block;
font-size:14px;
line-height:14px;
color:#000111;
}
#listticker img{
width:110px;
height:110px;
float:right;
margin-top:-5px;
padding:5px;
}


.isi_blok{ width:auto; margin:50px 15px 12px; padding:0; font-family:"Comic Sans MS", cursive, sans-serif; font-size:14px}

.isi_blok ul{ list-style:none; margin:15px 0 0 0; padding:0; clear:both; height:auto}
.jud{ list-style:none; margin:auto; float: right; width:205px}
.jud a{ font-weight:bold; color:#FFFFFF; text-decoration:none}
.isi_blok img{ float:left; padding:none; margin:0 15px 0 0}
.image_thumb { float:left; width:73px; height:66px; border:solid 1px #FFFFFF; overflow:hidden; margin:0; padding:0}

/* blok tree */
.parent { background:url(../../images/bg_orange.gif) repeat-x; width:189px;  padding:5px 10px 7px; height:220px}
.cerita { background:url(../../images/bg_green.gif) repeat-x; width:188px;  padding:5px 10px 7px; height:220px }
.barbar { background:url(../../images/bg_blue.gif) repeat-x; width:188px;  padding:5px 10px 7px; height:220px}

.isi_tree{ width:auto; margin:0; padding:0; font-family:"Comic Sans MS", cursive, sans-serif; font-size:14px}
.isi_tree ul{ list-style:none; margin:0; padding:0; clear:both; height:60px;}
.isi_tree .jud{ list-style:none; margin-left:3px; float: right; width:105px}
.isi_tree .jud a{font-weight:bold; color: #FF3300; text-decoration:none }

.isi_tree2{ background:url(../../images/newtheme/bg_isitree.gif) repeat-x; width:auto; height:97px; margin-top:8px; padding-top:2px}
.isi_tree2 li{ background: url(../../images/newtheme/dot.png) no-repeat 5px 5px; list-style:none; padding-left:20px; height:25px; clear:both}
.isi_tree2 li a{ font-size:14px; font-family: "Comic Sans MS", cursive, sans-serif;  color: #FF3300; text-decoration:none}

.isi_drnesi{ width:264px; height:101px; padding: 10px; float:left; background-color:#51aaba}
.isi_drnesi p{ font-family:"Comic Sans MS", cursive, sans-serif; color:#FFFFFF; font-size: 14px; float: right; width:205px; margin:0; padding:0}
.isi_drnesi img{ border:none; margin:none; padding:none; float:left}
.isi_drnesi a{ font-weight:bold; line-height:30px; color: #0066CC; font-size: 14px; text-decoration:bold}
.isi_drnesi #tit{ font-weight:bold; line-height:30px; color: #0066CC; text-decoration:none}
.isi_twit{ width:106px; height:101px; padding: 10px; float:left; background-color:#7dc7d3}
.isi_twit img{ border:none}
.isi_nesletter{ width:216px; height:96px; padding: 15px 10px 10px;; float:right; background-color:#9ad7df}
.isi_nesletter p{ padding:none; margin:none; font-family:"Comic Sans MS", cursive, sans-serif; font-size:11px; color:#FFFFFF; clear:both}
.isi_nesletter .inp{ width:135px; margin-top:7px; float:left}
.isi_nesletter .but{width:80px; margin-top:4px; float: right}

.kk_blok{ height:300px; background:url(../../images/bg_bluemin.gif) repeat-x; padding:5px 0 5px 5px; margin-bottom:10px}
.thumb { margin:0; padding:0}
.thumb img{ border: solid 1px #FFFFFF; height:80px; overflow:hidden;}
.thumb ul{ margin:5px 0 -2px 5px; padding:0; float:left; font-family:"Comic Sans MS", cursive, sans-serif; font-size:13px; position: relative}
.thumb li{ width: 74px; overflow:hidden; float:left; list-style:none; margin-right:19px}
.thumb p{ clear: both; width: 80px; height:auto; margin:3px 0 0 0; padding:0}
.thumb a{ font-weight:bold; color:#FFFFFF; text-decoration: none; line-height:10px}

.tnyanesi_block{ height:220px; background-color:#e75e02; padding:8px 0 0 0; margin: 0}
.tnyanesi_block img{ margin:0}
.tnyanesi_block ul{ width:275px; padding: 2px 13px; margin:0;}
.tnyanesi_block .dark{ background-color:#fc883a; width:275px; padding: 2px 13px; margin:0;}
.tnyanesi_block li{ list-style: none;margin:0; padding:0 }
.tnyanesi_block p{ color: #FFFF99}
.mrg10{ margin:10px}
.isi_tnyanesi{ margin:0; padding:0}
.tnyanesi_block .image_thumb{ width:48px; height:48px; border: solid 1px #FFFFFF}
.tnyanesi_block .jud{ width:220px; float: right; font-family:"Comic Sans MS", cursive, sans-serif; font-size:13px}

.forum_block{ background-color:#bcd0fd; width:281px; padding:10px; margin:0; height:auto}
.forum_bg{ width:auto; background-color:#ccdffe; margin:5px 0 0 0; padding:0; height:auto}
.forum_bg ul{ width:auto; font-family:"Comic Sans MS", cursive, sans-serif; font-size:13px; padding:8px; margin:0}
.forum_bg li{ list-style:none;}
.forum_bg a{ font-weight:bold; color:#0033CC; text-decoration:none}
.forum_bg .name { color: #FF0000;}
.forum_bg .slip{ width:auto; font-family:"Comic Sans MS", cursive, sans-serif; font-size:12px; padding:8px; margin:0; background-color: #d9e4fc}

.bottombanner{padding-left:10px}
.polling_block{ background:url(../../images/bg_polling_ijomuda.gif) no-repeat; background-color:#7edc59;width:281px; height:auto; min-height:280px; margin:0; padding:10px; font-family:"Comic Sans MS", cursive, sans-serif; font-size:14px; color:#000000}
.polling_block p{ margin: 65px 0 25px 10px; font-weight:bold; }
.polling_block ul{ margin:0 0 0 0px; padding:2px}
.polling_block li{ float:left !important; list-style:none; font-size:14px; width:20px}
.polling_block sub{ float:left !important; list-style:none; width:45px}
.polling_block li2{ float:left; list-style:none; font-size:14px; margin-left:2px; width: 240px;}
.polling_block li3 { font-family:"Comic Sans MS", cursive, sans-serif; font-size:14px; font-weight:bold; color:#FF0000; margin-left: 50px; margin-top:25px;line-height:15px}

/* scrollable */
.single-col { width:645px; height:200px; float:left; margin:10px 10px 0 10px }
div.scrollable { float:left }
a.prev, a.next, a.prevPage, a.nextPage { background:transparent url('../../images/icon_balik.gif') no-repeat scroll 0% 0%; display:block; width:29px; height:29px; float:left; cursor:pointer;}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -2px }
a.disabled { visibility:visible ! important }
a.prev, a.prevPage { margin-left:15px }
a.next, a.nextPage { margin-left:15px }
a.next, a.nextPage { background-image:url('../../images/icon_lanjut.gif'); clear:right }

div.scrollable { overflow:hidden; position:relative; width:530px; height:150px; margin-left:20px; margin-top:7px }
.thumbs { margin-top: 20px; position:absolute; width:20000em; clear:both }
a.prev, a.next { margin-top:70px }
.thumbs div { padding:10px; background:transparent; float:left; width:125px; height:150px; color:rgb(255, 255, 255); cursor:pointer }
.thumbs div.hover { background-color:#78d700 }
.thumbs div.active { background-color:#eecf00; cursor:default }
.thumbs h3, .thumbs p { padding:3px; color:rgb(255, 255, 255); background:#63b100 ;font-size:13px !important;}
.thumbs p a { color:#eecf00 !important; text-decoration:none; font-size:1em !important;}
.thumbs p a:hover { text-decoration:underline }

/* gallery */
.gallery-col { background:url(../../images/blok-2.jpg) no-repeat;width:650px; height:180px; position:relative; overflow:hidden; align:center;}


.video{ background:url(../../images/bg_video.gif) no-repeat; height:301px; width:317px; }
.video img{margin:18px 13px 10px}
.video .nama{float:left; margin-left:70px;margin-top:-13px;}
.video_index img{ float:right; margin: 8px; padding:0}