/*
	Global Style
*/
img {border:none}
body {color:#d4f1ff;font:12px Arial, Helvetica, sans-serif;}

/*
	body canvas
*/
body {background: #010930;margin:0;padding:0;}
#page {background:#0071A7 url(imgs/bg_body.jpg) repeat-x; overflow:hidden;padding-top:40px; min-height:850px; }
#footer {background:url(imgs/bg_footer.jpg) repeat-x top; overflow:hidden}
.wrap {width:900px;margin:0 auto;}

/*
	content block
*/
#content_block {width:662px; margin-right:22px; float:right;margin-top:8px}
#banner_block {overflow:hidden;}
#banner_block .carousel,
#banner_block .carousel .carousel-wrap{margin:0;border:0;}
#banner_block .carousel-wrap{display:inline-block;vertical-align:middle;width:662px;}
.IE #banner_block .carousel-wrap{display:inline;}
#banner_block .carousel ul{margin:0;padding:0;}
#banner_block ul li{overflow:hidden;display:inline;float:left;width:662px;height:265px;text-align:center;}
#banner_block span.carousel-control {overflow:hidden;display: inline-block;vertical-align:middle;line-height:999px;position: absolute;z-index: 100;}
#banner_block span.carousel-control a {width: 18px; height: 18px; cursor:pointer; display: block;}
#banner_block span.next {background: url(imgs/arrow_sprite.png);margin-top:-30px; margin-left:630px}
#banner_block span.prev {background: url(imgs/arrow_sprite.png) 0 -18px;margin-top:235px; margin-left:535px}
#banner_block .carousel div{margin:0;padding:0;border:0;}
#banner_block .carousel ul{padding:0;list-style:none;}
#banner_block .carousel ul li{position:relative;width:662px;margin:0;}
#banner_block .carousel ul li cite{position:absolute;bottom:3px;line-height:19px;font-size:11px;}
#banner_block .carousel ul li cite a img{vertical-align:middle;}
#banner_block .carousel ul li cite a{color:#fff;text-decoration:none;}
#banner_block div.center-wrap{overflow:hidden;clear:both; position: absolute;margin-top:-40px;margin-left:550px}
#banner_block div.center-wrap div{border:0;margin:15px 0;}
#banner_block div.center-wrap a{cursor:pointer;display:block;float:left;width:10px; height:10px; margin:0 5px 0 5px; background:url(imgs/paginate_sprite.png) no-repeat}
#banner_block div.center-wrap a.active{background:url(imgs/paginate_sprite.png) 0 -10px no-repeat}
#banner_block div.center-wrap a span {width:10px; height:10px;color:#FFFFFF;display:none}


/*
	header banner
*/
#header_banner {background:url(imgs/bg_header.jpg); height: 95px; padding:20px 0 0 0}
#header_banner h1, #header_banner h2, #header_banner p {color:#003366;margin:0;padding:0;text-align:center;}
#header_banner h1 {font-size:28px;font-weight:normal}
#header_banner h2 {font-size:20px;font-weight:normal}
#header_banner p {font-size:14px;}
#home-icon {position:absolute;margin-left:10px;margin-top:60px}

/*
	tag line block
*/
#tagline {color:#006699;padding:5px; position:fixed; z-index:100; background:url(imgs/bg_flying.png) repeat-x; width:100%; height:54px;top:0}
#tagline p {margin:0;padding:0;text-align:center;}

/*
	calendar event count down
*/
#cal_event {width:72px; height:49px;background:url(imgs/cal_icon.png) no-repeat;padding-top:30px; position:absolute;margin-left:800px;}
#cal_event span {display:block; text-align:center;color:#cc0000;font-family:Arial, Helvetica, sans-serif}
#cal_event span.no {font-size:20px; font-weight:bold;}
#cal_event span.text {text-transform:capitalize}

/*
	content home
*/
#content_home {overflow:hidden;min-height: 500px;}
#content_home p.more {float:right;}
#content_home p.more a {color:#000033; font-style:italic;}
#content_home p.more a:hover {text-decoration:none}
#content_home #the-congress {float:left}
#content_home #registration-info {float:right}
#content_home #the-congress, #content_home #registration-info {width:304px;}
#content_home div.text {padding:0 0 0 10px; text-align:justify}
#content_home #registration-info ul {margin:0;padding:0}
#content_home #registration-info li {list-style-type:none}
#content_home #registration-info li a {color:#d4f1ff;}
#content_home #registration-info li a:hover {text-decoration:none}

/*
	content 2nd level
*/
#content_2nd {background:#00679a; width:663px; margin-right:-20px; float:right;margin-top:20px;color:#ccffff;min-height: 700px;padding-bottom:30px;margin-bottom: 20px;}
#content_2nd h1.pagetitle {margin:30px 0 0 -13px;padding:0;overflow:hidden;background: url(imgs/bg_pagetitle.png) left bottom no-repeat; height: 56px;}
#content_2nd h2.linktitle {background:url(imgs/page_title_link_scientific_program.png) no-repeat; height:47px;margin-left:-10px; width:681px}
#content_2nd h2.linktitle_sponsorship {background:url(imgs/page_title_link_sponsorship.png) no-repeat; height:47px;margin-left:-10px; width:681px}
#content_2nd .text {padding:20px;text-align: justify;}
#content_2nd .text a {color:#ccffff;}
#content_2nd .text p {line-height: 30px;}
#content_2nd .text table tr td {padding:5px}
#content_2nd .text table tr td:first-child{padding-left:0}
#content_2nd .text .img_welcome {float:right;margin-left:20px;margin-bottom:20px;border: #fff 2px solid;}
#content_2nd  table#organizing_commitee {border:none}
#content_2nd  table#organizing_commitee tr td {padding:10px;line-height: 200%;}
#content_2nd .title_text {color:#fff;text-transform:uppercase;text-decoration:none; display:block; height:18px;margin-bottom: 20px;}

/*
  	sponsorshp
*/
#content_2nd h2.linktitle_sponsorship ul {margin:0;padding:0}
#content_2nd h2.linktitle_sponsorship li {list-style-type:none;}
#content_2nd h2.linktitle_sponsorship li a {float:left;display:block; height:34px; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:center;color:#003366; text-decoration:none;padding-top:10px}
#content_2nd h2.linktitle_sponsorship li a.active, #content_2nd h2.linktitle li a:hover {color:#333}
#content_2nd h2.linktitle_sponsorship li a.scientifi {margin-left:15px;width:219px;}
#content_2nd h2.linktitle_sponsorship li a.printitem {margin-left:2px;width:219px;}
#content_2nd h2.linktitle_sponsorship li a.regmateri {margin-left:2px;width:219px;}

/*
  	venue
*/
div.the_title {color:#fff;border-bottom: #ccffff 1px solid;padding-bottom: 5px; font-size: 14px;width: 250px;margin-bottom: 20px;}
div#mapnya {width: 605px;height: 529px;background:#fff url(imgs/bg_mapnya_frame.png) no-repeat;padding:5px}
div#mapnya_contact {width: 205px;height: 190px;background: url(imgs/the_map_grad.png); position: absolute;margin-top:323px;margin-left:-5px;padding:30px 15px 0 15px}
div#mapnya_contact table#mapnya_table tr td, div#mapnya_contact table tr td a, div#mapnya_contact h1, div#mapnya_contact span {font-size: 11px;color:#333;}
div#mapnya_contact table#mapnya_table tr td {padding:0} 
div#mapnya_contact table#mapnya_table tr td a {color:#333} 
div#mapnya_contact table#mapnya_table tr td:first-child{text-transform: uppercase;}
div#mapnya_contact h1 {margin:10px 0 0 0;padding:0;text-transform: uppercase;text-decoration: underline;}
div#mapnya_contact table#mapnya_table {margin-top:10px;padding-bottom:20px}
div.venue_separator {height: 20px;}
div#mapnya_contact span {margin:0;padding: 0;display: block;font-size: 10px;}
div#contact_form div.typetext input, div#contact_form div.textarea textarea {padding:0;border: none;background: none;color:#006699}
div#contact_form div.typetext label {display: block;padding:20px 10px 0 10px;}
div#contact_form div.typetext {float:left;}
div#contact_form div.textarea {float:right;margin-right:10px;padding-top:33px}
div#contact_form div.typetext input {background: url(imgs/bg_typetext.png);width: 198px;padding:5px}
div#contact_form div.textarea textarea {background: url(imgs/bg_textarea.png); width: 378px;height: 140px;padding:5px;}
div#contact_form div.textarea .sendbutton {text-align: right;}

/*
  	registration and payment info
*/
ol#payment_info li {margin:10px}
ol#payment_info_important li {margin:10px;font-weight:bold}

/*
	scientific program venue
*/
#scientific_program_venue {border:#000 6px solid; width:606px}
div.view_venue_map {margin-bottom:20px}
div.view_venue_map a {color:#fff;text-transform:uppercase;text-decoration:none; display:block; height:18px;padding-left:25px}
div.view_venue_map a.show {background:url(imgs/arrow_view_map.gif) no-repeat}
div.view_venue_map a.hide {background:url(imgs/arrow_view_map.gif) 0 -18px no-repeat}
div.schedules {margin-top:20px}
#content_2nd h2.linktitle ul {margin:0;padding:0}
#content_2nd h2.linktitle li {list-style-type:none;}
#content_2nd h2.linktitle li a {float:left;display:block; height:34px; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:center;color:#003366; text-decoration:none;padding-top:10px}
#content_2nd h2.linktitle li a.active, #content_2nd h2.linktitle li a:hover {color:#333}
#content_2nd h2.linktitle li a.thursday {width:185px;}
#content_2nd h2.linktitle li a.friday {margin-left:2px;width:145px;}
#content_2nd h2.linktitle li a.saturday {margin-left:2px;width:163px;}
#content_2nd h2.linktitle li a.sunday {margin-left:2px;width:150px;}

/*
	sponsorship page
*/
#sponsorship table {width:100%}
#sponsorship table tr td:first-child {font-weight:bold; width:200px}
#sponsorship table tr td {padding-top:20px}

/*
	side menu block
*/
#sidemenu {width:205px;margin-top:7px;margin-left:20px; position:absolute;}
#sidemenu .top {background:url(imgs/side_menu_1.png) no-repeat; height:232px; text-align:center}
#sidemenu .bar {background:url(imgs/side_menu_2.png) repeat-y;overflow:hidden}
#sidemenu .foo {background:url(imgs/side_menu_3.png) no-repeat; height:183px}

/*
	logo perki
*/
#logo-perki {padding-top:13px}

/*
	menu list
*/
#sidemenu .bar {padding:0 15px 0 15px}
ul#menulist {margin:0;padding:0;background:url(imgs/menulist_dotted.gif) top repeat-x;}
ul#menulist li {list-style-type:none;background:url(imgs/menulist_dotted.gif) bottom repeat-x;padding:2px 0 2px 0}
ul#menulist li a {display:block;text-align:center;color:#fff;text-transform:uppercase;text-decoration:none;padding:12px 0 12px 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:11px;}
ul#menulist li a:hover {background:#B70000;}

/*
  	workshop
*/
#list_workshop div.title {cursor: pointer;text-transform: uppercase;font-size: 14px;font-weight: normal;background: url(imgs/list_workshop_arrow.png) left top no-repeat;padding-left:20px;margin-top:10px}
#list_workshop div.selected .title {font-weight: bold;background: url(imgs/list_workshop_arrow.png) left -14px no-repeat;}
#list_workshop div.isi {background: #9ec5d8;margin-left:20px;margin-top:5px;padding:10px;color:#333}

/*
	banner block
*/
#banner_block ul {margin:2px 0 0 0;padding:0}

/*
	global for footer
*/
#footer .wrap {padding:20px 50px 20px 50px; width:800px;overflow:hidden;background: url(imgs/home_bg.png) no-repeat 20px top;}
#footer .wrap, #footer .wrap a {color:#ccffff}
#footer-1, #footer-2, #footer-3 {float:left;}

/*
	footer block 1
*/
#footer-1 {margin-left:40px}
#footer-1 h1 {font-size:12px;text-transform:uppercase;text-decoration:underline;margin:0;padding:0}
#footer-1 p {margin:0;padding:0}
#footer-1 table {margin-top:20px} 
#footer-1 table tr td:first-child {text-transform:uppercase;padding-right:20px}

/*
	footer block 2
*/
#footer-2 {margin: 0 100px 0 100px}
#footer-2 ul {margin:0;padding:0}
#footer-2 li {list-style-type:none;margin-bottom:5px}
#footer-2 li a {color:#ccffff;text-decoration:none; text-transform:uppercase}
#footer-2 li a:hover {text-decoration:underline}

/*
	footer block 3
*/
#footer-3 p {margin:0;padding:0}
#footer-3 a {color:#ccffff}

/*
  	back to top
*/
#backtotop {text-align: right;float: right;margin-top: -50px;}
a.backtotop {display: block;text-align: right;color:#fff;background: url(imgs/bg_backtotop.png) no-repeat left;padding-left:18px;text-decoration: none;font-weight: bold;}

/*
  	form box
*/
.formbox {background:#fff url(imgs/bg_form.jpg) repeat-x bottom;border:#9b9b9b 2px solid;overflow: hidden;padding:20px;color:#000}
.formbox label {color:#000;font-weight: bold;padding-right: 20px;width: 100px;display: block;float:left}
.formbox label.top {width: 120px;}
.formbox label.radio {width: 50px;float:none;display: inline;}
.formbox label.required {background: url(imgs/bg_required.png) no-repeat 90% 6px;}
table#occupation label.radio {width: auto;padding-right: 0;}
.formbox input {padding:3px 10px 3px 10px;font-weight: bold;}
.formbox input[type="text"] {width: 100px;}
.formbox input[type="radio"] {margin-right: 10px;}
table#occupation input[type="radio"] {margin:0 5px 0 0;padding:0;float:left}
.formbox input.yellow {background:#ffff00; text-transform: uppercase;}
.formbox table#occupation tr td {width: 150px;}
#seminar_registration, #workshop_registration {margin-top:20px}
#seminar_registration label, #workshop_registration label {width: auto;}
#workshop_registration input[type="checkbox"] {float:left;margin-right: 10px;}

/*
  	submit button block
*/
div.submit_button {margin-top:20px;text-align: right;}

/*
  	registration confirmation
*/
#registration_confirmation {background: #fff;color:#000;padding:10px}
#registration_confirmation label {color:#000;}
#registration_confirmation table tr td {padding:0;margin:0}
table.regconfirm tr td {border: #989898 1px solid;}
#registration_confirmation div.label_1 {font-weight: bold;overflow: hidden;}
#registration_confirmation div.label_2 {font-weight: bold;overflow: hidden;font-size:10px}
#registration_confirmation div.label_4 {font-weight: bold;color:#000;text-align: center;font-size:16px}
#registration_confirmation div.text_1 {color:#ee282d;padding:5px; text-align: left;}
#registration_confirmation div.label_1, #registration_confirmation div.label_2, #registration_confirmation div.label_3,
#registration_confirmation div.text_1, #registration_confirmation div.text_2, #registration_confirmation div.text_3 {padding:5px}
#registration_confirmation div.text_4, #registration_confirmation div.text_5, #registration_confirmation div.text_6 {text-align: center;}
#registration_confirmation div.text_4 {font-size: 14px;font-weight: bold;}
#registration_confirmation div.text_5 {font-size: 11px;font-weight: bold;}
#registration_confirmation div.text_6 {font-size: 10px;font-weight: bold;}
#registration_confirmation div.text_7 {color:#ee282d; text-align: center;}
#registration_confirmation td.title {background: url(imgs/check-checked.jpg) no-repeat;}
#registration_confirmation td.title2 {background: url(imgs/check-unchecked.jpg) no-repeat;}
table.bordercolor {border-color: #989898;border-width: 0 0 2px 2px;border-style: solid;}
table.bordercolor td {border-color: #989898;border-width: 2px 2px 0 0; border-style: solid;margin: 0;padding: 4px;}
#order_confirm {padding:20px; overflow: hidden;text-align: center;border-top:#ff0000 1px solid;border-bottom: #ff0000 1px solid;margin-top:20px;margin-bottom: 10px;}
#order_confirm p {margin:0;padding:0;}
#order_confirm span a {width: 46px;height: 22px;background:url(imgs/bg_order_confirm.jpg);display: block;text-decoration: none;padding-top:6px;font-size: 10px;float:left}
.formtrue {background:#e8ffdc url(imgs/bg_if_true.png) no-repeat right}
.formfalse {background:#ffafaf url(imgs/bg_if_false.png) no-repeat right}

/*
  	registration thank you page
*/
#registration_thank {text-align:center}
#registration_thank p.info {margin:0;padding:0;font-size:18px}

/*
  	payment confirmation page
*/
div.payment_confirmation {margin-bottom:50px}
div.payment_confirmation h1 {color:#ededed;font-weight:normal;font-size:16px;background: url(imgs/line_h1.gif) bottom repeat-x;padding-bottom:5px} 
div.payment_confirmation h2 {font-weight:normal;font-size:14px}
div.payment_confirmation input {width:250px;padding:3px}
div.payment_confirmation select {width: 257px;padding:3px}
div.payment_confirmation table tr td div.label {padding-left:20px}
div.payment_confirmation table tr td div.total_amount {background: url(imgs/line_h1.gif) top repeat-x;padding-top:5px;text-transform: uppercase;font-size: 14px;font-weight: normal;}
#list_participants div.title {cursor: pointer;text-transform: uppercase;font-size: 14px;font-weight: normal;background: url(imgs/list_workshop_arrow.png) left top no-repeat;padding-left:20px;margin-top:10px}
#list_participants div.title span.total {float:right}
#list_participants div.selected .title {font-weight: bold;background: url(imgs/list_workshop_arrow.png) left -14px no-repeat;}
#list_participants div.isi {background: #9ec5d8;margin-left:20px;margin-top:5px;padding:10px;color:#333;display: none;}
div.participant_table table {border-collapse:collapse;}
div.participant_table div.title_label {padding:3px;font-weight: bold;text-align: center;}
div.participant_table div.label_isi {padding:3px 3px 3px 8px;text-align: left;}
div.participant_table div.label_harga {padding:3px;text-align: right;}
div.participant_table table, div.participant_table td {border: 1px solid black;}
div#addcodeform {margin-top:20px}
div#total_amount div.submit_button {text-align: right;}
div#total_amount div.submit_button input {width: auto;height: auto;}

/*
  	payment confirmation thank you
*/
#payment_conf_thank {text-align:center}
#payment_conf_thank p.info {margin:0;padding:0;font-size:18px}

/*
 	backroom
*/
#loginform {background: url(imgs/LoginIcon.png) no-repeat 45px top; width: 250px;margin:0 auto;padding-top:180px;}
#loginform input {width: 100px;padding:5px;font-size: 14px;}
#loginform label {display: block;padding:5px;font-size: 14px;font-weight: bold;text-align: center;}
#loginform div {padding:5px; text-align: center;}
div.error {background:#ff8d8d;color:#000;border: #842121 1px dashed;text-align: center;padding:10px;color:#fff;}
div.legend {height: 25px;padding-left: 40px;padding-top:6px;font-size: 14px;font-weight: bold;}
div#menu_panel {margin:20px auto;height: 33px;background: url(imgs/bg_menu_panel.jpg);}
div#menu_panel .foo {background: url(imgs/bg_menu_panel.jpg) top right;margin-left:10px;overflow: hidden;padding-right: 10px;padding-top:8px}
div#menu_panel .foo a, div#menu_panel .foo {color:#006596;font-size: 14px;text-decoration: none;}
div#menu_panel .foo a:hover {text-decoration: underline;color:#000}
div.left {float:left}
div.right {float:right}
div#menu_panel2 {background:#e2f6ff;margin-top:-15px;margin-bottom:20px;padding:10px;color:#000;overflow: hidden;}
.legend1_1 {background: url(imgs/sprite_legend_1.png) left 0 no-repeat;}
.legend1_2 {background: url(imgs/sprite_legend_1.png) left -31px no-repeat;}
.legend1_3 {background: url(imgs/sprite_legend_1.png) left -61px no-repeat;}
.legend1_4 {background: url(imgs/sprite_legend_1.png) left -92px no-repeat;}
.legend2_1 {background: url(imgs/sprite_legend_2.png) left 0 no-repeat;}
.legend2_2 {background: url(imgs/sprite_legend_2.png) left -48px no-repeat;}
.legend2_3 {background: url(imgs/sprite_legend_2.png) left -96px no-repeat;}
.legend2_4 {background: url(imgs/sprite_legend_2.png) left -144px no-repeat;}
div.admin_list_participant {background: #fff;padding:5px;color:#000;margin-bottom:10px}
div.admin_list_participant div.sendmail, div.admin_list_participant div.deletelink {text-align: center;}
div.admin_list_participant div.deletelink a {color:#000;font-weight: bold;text-decoration: none;font-size: 16px;}
div.admin_list_participant div.status {width: 48px;height: 48px; margin: 0 auto;}
div.admin_list_participant span.legend1 {width: 31px; height: 31px;display: block;float:left;margin-left:2px;margin-right: 2px;margin-bottom:5px;cursor: pointer;}
div.admin_list_participant div.dateissue {width: 140px;}
div.admin_list_participant div.date {background: #6699ff;clear: both;text-align: center;padding:10px;font-size: 14px;font-weight: bold;}
div.admin_list_participant div.name a {color:#000;font-weight: bold;font-size: 14px;}
div.admin_list_participant div.name a:hover {text-decoration: none;}
div#statistic {width: 140px;}
div#statistic span.legend1 {width: 31px; height: 26px;display: block;float:left;margin-left:2px;margin-right: 2px;margin-bottom:5px;cursor: pointer;color:#fff;font-size: 14px;font-weight: bold;text-align: center;padding-top:5px}
div.thead_admin_list {font-size:14px}
div.thead_admin_list div.title_id {padding-left:6px}
div.thead_admin_list div.title_name {padding-left:50px}
div.thead_admin_list div.title_date {padding-left:30px}
div.thead_admin_list div.title_process {padding-left:40px}
div.thead_admin_list div.title_id {padding-left:10px}
div#my_profile input {width:250px;padding:3px}
div#my_profile select {width: 257px;padding:3px}
div#my_profile table tr td div.label {padding-left:20px}
div#my_profile table tr td div.total_amount {background: url(imgs/line_h1.gif) top repeat-x;padding-top:5px;text-transform: uppercase;font-size: 14px;font-weight: normal;}
span.pyconfirm {padding-right:15px}
span.pyconfirm span {background: url(imgs/new_confirm.png) no-repeat center 0;padding:1px 6px 1px 6px;color:#fff;font-size:9px;margin-left:138px;margin-top:-6px;position: absolute;}
div.participant_profile {overflow:hidden}
div.participant_profile table tr td {border-bottom:#000 1px solid;}
div.participant_profile h2 {margin:0 0 5px 0;padding:0 0 5px 0;font-weight: bold;font-size:14px;border-bottom:#000 1px solid}
div.participant_profile div.user_note textarea {width: 278px;height: 100px;}
div.participant_profile div.workshops table tr td {text-align: left;font-size: 10px;}
div.rounded1 {background: #deecf3;color:#000;padding:10px;}
div.list_workshop {margin-top:20px}

div.list_pyconfirm {overflow:hidden;margin-top:20px}
div.list_pyconfirm table tr td {border-bottom:#000 1px solid;}
div.list_pyconfirm h2 {margin:0 0 5px 0;padding:0 0 5px 0;font-weight: bold;font-size:14px;border-bottom:#000 1px solid}
div.list_pyconfirm div.user_note textarea {width: 278px;height: 100px;}
div.list_pyconfirm div.workshops table tr td {text-align: left;font-size: 10px;}

div.list_workshop {overflow:hidden;margin-top:20px}
div.list_workshop table tr td {border-bottom:#000 1px solid;}
div.list_workshop h2 {margin:0 0 5px 0;padding:0 0 5px 0;font-weight: bold;font-size:14px;border-bottom:#000 1px solid}
div.list_workshop div.user_note textarea {width: 278px;height: 100px;}
div.list_workshop div.workshops table tr td {text-align: left;font-size: 10px;}

/*
	sponsor
*/
#sponsors_list table thead tr td {font-weight: bold;text-align: center;}