/**********************************************************************************************
powered by: kamuflase.com
created by: andar harsono
/**********************************************************************************************
	1 Reset
	2 Clearfix
	3 Global
	4 Structure
	5 Header
	6 Content
	7 Sidebar
	8 Footer
	9 Widgets
	10 Modules

***********************************************************************************************/

/* 1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal;}
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }
*{margin:0px; padding:0px; outline: 0;}

/* 2 Clearfix
-----------------------------------------------------------------------------------------------*/
.cf{ clear:both;} 


/* 3 Global
-----------------------------------------------------------------------------------------------*/
html, body, #wrap { height: 100%; }
body { background-color:#666; background-image:url(../images/bg-body.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #555; }
body > #wrap { height: auto; min-height: 100%; }
ol#accessibility, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
p{line-height:20px; margin-bottom:20px;}
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font: 1em Arial, Helvetica, sans-serif; }
a { color:#06C; text-decoration: none; outline: none; cursor:pointer }
a:hover { cursor: pointer; color:#09C; }
.wrap { padding:20px; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.text{ text-align:justify; line-height:20px; }
.red{ color:#F00; }
.popup{ margin:20px; }
.popup .image{ margin-bottom:5px; }
.popup .desc{ border-bottom:1px solid #CCC; margin-bottom:20px; padding-bottom:10px; }
.more1{ background-color:#6DD6EB; padding:4px 10px; color:#000; font-size:11px; font-weight:bold; border:1px solid #069; margin-top:4px; }
.rounded1{ background-color:#EAF4FD; padding:8px; font-size:11px; font-weight:bold; border:1px solid #4297D7; }
.more1 a{ color:#000; }


/* 4 Structure
-----------------------------------------------------------------------------------------------*/
#kamuflase{ width:960px; min-height:550px; margin:0px auto; background-color:#000; }
#main-wrap{ padding:20px 20px 0px; }
#header{}
#container{ }
#content-wrap{ float:left; width:650px; }
#sidebar{ float:left; margin-left:20px; width:250px; min-height:550px; }
#footer{ background-color:#6DD6EB; margin-top:20px; min-height:200px }
#footer{}

/* 5 Header
-----------------------------------------------------------------------------------------------*/
#banner-top{ width:920px; height:250px; background-color:#000; }
#menu-top{ margin:30px 0px}
#menu-top ul{}
#menu-top ul li{ float:left; font-size:18px; text-align:center; margin:0px 21px; color:#999; }
#menu-top ul li a{ color:#999; }
#menu-top ul li a:hover{ color:#CCC; }
#menu-top ul li.active a{ color:#FFF; }
#menu-top ul li.disabled{ color:#666; }

/* 6 Content
-----------------------------------------------------------------------------------------------*/
#content{ background-color:#FFF; }
#page{}
#page h1{ font-size:26px; color:#000; letter-spacing:-1px; margin-bottom:20px; }
#page h2{ font-size:20px; color:#000; letter-spacing:-1px; margin-bottom:20px; }
#page .image{ float:left; margin-right:20px; margin-top:5px; }
#page .description{ margin-bottom:30px; color:#000; text-align:justify; }
#page small{ font-size:11px; }
#page dl dt{ float:left; width:120px; }
#page dl{ margin-bottom:5px; color:#000; line-height:20px; }
#page table{ border:none; border-collapse:collapse; width:auto; }
#page table tr{ }
#page table th{ color:#000; text-align:left; padding:5px; }
#page table td{ padding:5px; } 
.page1{ border-top:1px solid #CCC; padding-top:20px; margin-bottom:20px; line-height:20px; }
.page1 ul.square li{ list-style-type:square; margin-left:14px; }
.page1 .col1{ float:left; width:80px; }
.page1 .col2{ margin-left:100px; }
.clickable{ cursor:pointer; }
.seminar-title{ font-size:14px; color:#222; }
.seminar-subtitle{ font-size:12px; margin-bottom:4px; color:#444 !important; }
.seminar-info{ font-size:12px; color:#777; }

#menu-bottom{ margin:30px 0px}
#menu-bottom ul{}
#menu-bottom ul li{ float:left; text-align:center; margin:0px 20px; font-size:14px; color:#FFF; }
#menu-bottom ul li a{ color:#999; }
#menu-bottom ul li a:hover{ color:#CCC; }
#menu-bottom ul li.active a{ color:#FFF; }
#menu-bottom ul li.disabled{ color:#666; }


/* 7 Sidebar
-----------------------------------------------------------------------------------------------*/
#wid-illustration{ margin-bottom:20px; width:250px; height:350px; overflow:hidden; }
#wid-illustration li{ width:250px; height:350px; }
#wid-ym{ margin-bottom:20px; }
#wid-chair{ background-color:#6DD6EB; margin-bottom:20px; background-image:url(../images/wid-chair-bg.png); background-position:top; background-repeat:repeat-x; padding:10px 10px 1px 10px;}
#wid-sponsor{}
#wid-sponsor h4{ font-size:12px; color:#FFF; margin-bottom:10px; }
#wid-sponsor ul li{ margin-bottom:10px; }

/* 8 footer
-----------------------------------------------------------------------------------------------*/
#footer{ background-image:url(../images/footer-bg.png); background-position:top center; }
#footer-top a{ color:#039; }
#footer-top a:hover{ text-decoration:underline; }
#footer h4{ font-size:18px; color:#000; margin-bottom:10px; }
#footer-top .col1{ float:left; width:400px; padding-bottom:20px; }
#footer-top .col1 .text{ color:#000; line-height:20px; }
#footer-top .col1 .text dl dt{ float:left; width:70px; }
#footer-top .col2{ float:right; }
#footer-top .col2 h4{ text-align:right; margin-right:5px; }
#footer-top .col2 ul li{ float:left; margin-left:5px; }
#footer-bottom{ background-color:#252525; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#999; }
#footer-bottom a{ color:#FFF; }
#footer-bottom a:hover{ text-decoration:underline; }
#footer-bottom .wrap{ padding:10px 20px; } 
#footer-bottom .col1{ float:left; }
#footer-bottom .col2{ float:right; }

#footer-top .col2 li a.addthis_button_facebook{background:url(../images/icon-share-fb.png) no-repeat  ; width:60px; height:60px;}
#footer-top .col2 li a.addthis_button_twitter{background:url(../images/icon-share-twitt.png) no-repeat ; width:60px; height:60px;}
#footer-top .col2 li a.addthis_button_stumbleupon{background:url(../images/icon-share-su.png) no-repeat ; width:60px; height:60px;}
#footer-top .col2 li a.addthis_button_myspace{background:url(../images/icon-share-myspace.png) no-repeat ; width:60px; height:60px;}
#footer-top .col2 li a.addthis_button_more{background:url(../images/icon-share-at.png) no-repeat ; width:60px; height:60px;}

#footer-top a.at300b{padding:0 !important;margin:0 0px 0 0;}
#footer-top a.at300b span{background:none;width:77px;height:77px;}
/* 9 Widgets
-----------------------------------------------------------------------------------------------*/
#wid-ym .image{ float:left; margin-right:10px; }
#wid-ym h4{ font-size:12px; color:#FFF; margin-bottom:10px; }
#wid-ym ul li{ height:40px; padding:5px 10px 10px; margin-bottom:5px; }
#wid-ym ul li.online{ background-color:#FFCC00;background-image:url(../images/wid-ym-bg-online.png); }
#wid-ym ul li.online .title{ font-size:18px; color:#F00; margin-top:2px; }
#wid-ym ul li.online .title a{ font-size:18px; color:#F00; }
#wid-ym ul li.online .status{ color:#000; }
#wid-ym ul li.offline{ background-color:#CCC;background-image:url(../images/wid-ym-bg-offline.png); }
#wid-ym ul li.offline .title{ font-size:18px; color:#333; margin-top:2px; }
#wid-ym ul li.offline .title a{ font-size:18px; color:#333; }
#wid-ym ul li.offline .status{ color:#666; }

#wid-chair h4{ font-size:18px; color:#FFF; margin-bottom:20px; }
#wid-chair ul{ margin:10px; }
#wid-chair ul li{ font-size:12px; color:#000; font-weight:bold; margin:5px 0px; padding-bottom:2px; border-bottom:1px solid #61BCD7; }
#wid-chair ul li .col1{ float:left; width:80px; padding-top:2px; margin-right:10px; }
#wid-chair ul li .col2{ float:left; width:50px; padding-top:2px; text-align:right; margin-right:10px; }
#wid-chair ul li .col3{ float:left; width:60px; text-align:right; }

/* 10 Modules
-----------------------------------------------------------------------------------------------*/
#message{ float:left; width:650px; background-color:#444444; margin-top:20px; }
#message h2{ font-size:32px; color:#FFF; margin-bottom:20px; letter-spacing:-1px; background-image:url(../images/icon-hot-message.png); background-repeat:no-repeat; background-position:top left; padding-left:60px; padding-top:5px; padding-bottom:5px; } 
#message .text, #message .text p{ color:#FFF }

.list, .list2{}
.list .text-category, .list2 .text-category{ margin-bottom:30px; color:#000; text-align:justify; font-size:14px; font-weight:normal; border-top:1px solid #CCC; padding-top:20px; margin-top:20px; }
.list .text, .list2 .text{ margin-bottom:30px; font-size:14px; }
.list ul li, .list2 ul li{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CCC; }
.list2 ul li{ margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #CCC; }
.list2 p{ margin-bottom:0px; padding-bottom:0px; }
.list ul li .col1, .list2 ul li .col1{ float:left; width:100px; margin-right:10px; }
.list ul li .col1 .image, .list ul li .col1 .hour, .list2 ul li .col1 .image, .list2 ul li .col1 .hour { margin-top:2px;}
.list ul li .col2, .list2 ul li .col2{ margin-left:120px; }
.list h3, .list2 h3{ margin-bottom:2px; font-size:16px; font-weight:bold; }
.list ul li .col2 .text, .list2 ul li .col2 .text{ margin-bottom:0px; font-size:14px; border-top:none; }
.list ul li .col2 .link, .list2 ul li .col2 .link{ margin-top:2px; text-align:right; }
.list table, .list2 table{ border:none; border-collapse:collapse; width:auto; }
.list table tr, .list2 table tr{ }
.list table th, .list2 table th{ color:#000; width:100px; text-align:left; padding:4px; }
.list table td, .list2 table td{ padding:4px; } 

.list-seminar{}
.list-seminar{ margin-bottom:0px; color:#000; font-size:14px; font-weight:normal; padding-top:0px; margin-top:0px; }
.list-seminar .text{ margin-bottom:30px; font-size:14px; }
.list-seminar ul li{ margin-top:10px; padding-top:10px; }
.list-seminar ul li .col1{ float:left; width:170px; margin-right:10px; }
.list-seminar ul li .col1 .image, .list ul li .col1 .hour { margin-top:2px; }
.list-seminar ul li .col1 .title-seminar{ margin-bottom:0px; padding-bottom:0px; font-size:16px; color:#2E6E9E; }
.list-seminar ul li .col1 .hour{ margin-bottom:0px; padding-bottom:0px; font-size:16px; color:#2E6E9E; }
.list-seminar ul li .col2{ margin-left:210px; }
.list-seminar h3{ margin-bottom:2px; font-size:16px; font-weight:bold; }
.list-seminar ul li .col2 .text{ margin-bottom:0px; font-size:14px; border-top:none; }
.list-seminar ul li .col2 .link{ margin-top:2px; text-align:right; }
.list-seminar ul li .col2 h3, .list-seminar ul li .col2 h4{ color:#666; }

.col-3 ul li{ margin-bottom:5px; padding-bottom:10px; border-bottom:1px solid #CCC; }
.col-3 .col1{ font-size:16px; width:110px; float:left; }
.col-3 .col2{ width:390px; float:left; margin-left:10px !important; }
.col-3 .col1 h3{ margin:2px 0px 0px; color: #000; font-weight:normal !important; }
.col-3 .col2 h3{ margin:2px 0px 0px !important; font-weight:normal !important; color:#000; }
.col-3 .col3{ float:right; display:inline; }

.col-2 ul li{ border-bottom:none !important; line-height:20px !important;margin-bottom:0px !important; padding-bottom:0px !important;  }
.col-2 h2{ font-size:18px; font-weight:bold; }

#list-ticket{}
#list-ticket ul li{ margin-bottom:20px; padding:20px; }
#list-ticket .ticket1{ background-color:#EEE; border:1px solid #BBB; }
#list-ticket .ticket2{background-color:#DDD; border:1px solid #BBB;}
#list-ticket .ticket3{ background-color:#FFC; border:1px solid #FC9; }
#list-ticket .ticket4{ background-color:#EEE; border:1px solid #CCC; }
#list-ticket .ticket5{ background-color:#EBD6D6; border:1px solid #C9C; }
#list-ticket .ticket6{ background-color:#EBD6C1; border:1px solid #EBC; }
#list-ticket .ticket7{ background-color:#EBD6C1; border:1px solid #EBC; }
#list-ticket h3{ padding:0px 10px 10px 0px; font-size:28px; font-weight:bold; color:#FF6600; margin-top:5px; margin-bottom:20px; }
#list-ticket .ticket1 h3{ background-image:none; background-repeat:no-repeat; }
#list-ticket .ticket2 h3{ background-image:url(../images/icon-ticket2.png); background-repeat:no-repeat; }
#list-ticket .ticket3 h3{ background-image:url(../images/icon-ticket3.png); background-repeat:no-repeat; }
#list-ticket .ticket4 h3{ background-image:url(../images/icon-ticket4.png); background-repeat:no-repeat; }
#list-ticket .ticket5 h3{ background-image:url(../images/icon-ticket4.png); background-repeat:no-repeat; }
#list-ticket .ticket6 h3{ background-image:url(../images/icon-ticket4.png); background-repeat:no-repeat; }
#list-ticket .ticket7 h3{ background-image:url(../images/icon-ticket4.png); background-repeat:no-repeat; }

#list-ticket .price{ background-color:#6DD6EB; border:1px solid #006699; float:right; padding:10px; color:#000; font-size:20px; }
#list-ticket .feature ul li{ margin:0px; padding:0px; list-style-type:square; margin-left:25px; margin-bottom:5px; color:#000; }

#list-gallery{}
#list-gallery ul li{ float:left; margin-right:20px; margin-bottom:20px; }
#list-gallery h3{ font-size:14px; color:#0066FF;}
#list-gallery .desc{padding-top:5px; font-size:12px;}
#list-gallery .image{ width:100px; height:75px; overflow:hidden; }

.ajax{}
.ajax ul li .text{ margin-bottom:0px !important; padding-bottom:0px !important; }
.ajax ul li{ margin-bottom:20px !important; padding-bottom:0px !important; border-bottom:1px solid #CCC; }

#accordion{}
#accordion h3{ text-align:justify; }
#accordion h3 p{ margin-bottom:0px; padding-bottom:0px; margin-right:10px; }
#accordion .ui-accordion-content{ padding-right:15px; padding-top:0px; padding-bottom:5px; text-align:justify; }
#accordion .ui-accordion-content p{ padding:0px; margin-top:5px; margin-bottom:15px;}

#tabs{ border:1px solid #4297D7; padding:5px; }
#tabs ul.tabs-menu{ border:1px solid #4297D7; background-color:#6EA6D1; background-image:url(../images/bg-tabs-menu.png); background-repeat:repeat-x; margin-bottom:15px; padding:5px; }
#tabs ul.tabs-menu li{ margin-right:5px; float:left; }
#tabs ul.tabs-menu li a{ border:1px solid #09C; background-image:url(../images/bg-tabs-link.png); background-repeat:repeat-x; background-color:#EFF6FD; color:#2E6EBF; font-weight:bold; display:block; padding:7px 10px; float:left; font-size:15px; }
#tabs ul.tabs-menu li a:hover{ color:#039; }
#tabs ul.tabs-menu li a.active{ background-image:url(../images/bg-tabs-link-active.png); background-repeat:repeat-x; background-color:#FFF; color:#E5700A; }
#tabs ul li{ font-size:13px; }
.list td p{ margin:0px; padding:0px; }
#tab-content{ padding:5px 0px 15px; }

.error{font-size:12px; color:#FF0000}
input[type=text].error{font-size:14px; color:#FF0000}

.list-corner li { border:1px solid #CCC; padding:15px 10px 10px; }
.list-corner li h2{ margin-bottom:10px; }
#form-validasi{ border:1px solid #CCC; padding:15px 10px 10px; }
.form-validasi-table td{ padding:4px; }
.form-online td{padding-bottom:20px;}
.form-validasi-title{ font-weight:bold; width:130px; }
.form-validasi-title2{ font-weight:bold; width:150px; }
.form-validasi-title3{ font-weight:bold; width:150px; }
input[type=text]{padding:4px; }
input[type=submit], input[type=button]{ padding:4px; }
.form-info{ font-size:11px !important; color:#666; }
.valid{ color:#090; }
.invalid{ color:#F00; }
#result-message-success{ border:1px solid #090; background-color:#D2FFDE; color:#060; padding:10px; margin-top:15px; }
#result-message{ border:1px solid #F90; background-color:#FFC; color:#F00; padding:10px; margin-bottom:10px; margin-top:15px;}
#ticket-data table td{ padding:4px; }
#validasi-email-result{ }
#validasi-email-result #validasi-loading{ background-image:url(../images/ajax-loader-bar.gif); width:220px; height:19px; margin-top:5px; }
#validasi-message-error{ color:#F00; margin-top:7px; margin-left:10px; }
#validasi-message-success{ margin-top:7px; margin-left:10px; }

#bahasa{ font-size:12px; float:right; margin-bottom:10px; }
#bahasa a{ color:#999; }
#bahasa a:hover{ color:#CCC; }
#bahasa div.active { color:#FFF; }

#bahasa #indonesia{ background-image:url(../images/logo-indonesia.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:20px; float:left; margin-right:20px; }
#bahasa #english{ background-image:url(../images/logo-inggris.png); background-repeat:no-repeat; background-position:0px 2px; padding-left:20px; float:left; }