/* CSS Document */

body { 
	background: #9FC6FD;
	margin: 5px 0 10px 0px; 
	font: 12px "Arial", Tahoma, sans-serif; 
	line-height: 1.4em; 
	color: #454545; 
}

#header { 
	background: #5BA0FF url(images/banner_bmi.png) repeat-x top left;
	width: 790px;
	height: 80px;
	margin: 0 auto;
}

.tag_line { 
	font: 1.3em "Monotype Corsiva", Arial;
	color: #FFFFFF; 
}

#logo { 
	padding: 15px 0 0 0px; 
}

#logo p { 
	font: 1.2em "Arial", Tahoma, sans-serif;
	margin: 0; 
	padding: 0 0 0 0px; 
	color: #FFFFFF; 
}

h1 { 
	font: bold 2.5em "Arial", Sans-Serif; 
	margin: 0; 
	letter-spacing: -1px; 
}

.title { 
	color: #FFFFFF; 
}

#tab {
	border-top: 2px solid #FEFEFE; 
	border-bottom: 2px solid #FEFEFE; 
	height: 24px;
	width: 790px;
	background: #FFFFFF url(images/tab.gif) repeat-x top left;
	color: #000000;
	margin: auto;
}

#tab_item {
	width: 780px;
	margin: 0 auto 0 auto;
	padding: 2px 0 0 0px; 
}

#tab_item p {
	color: #5B5A5A;
}

#tab_item a {
	padding: 2px 5px 2px 5px;
	color: #5B5A5A;
	text-decoration: none;
}
#tab_item a:hover {
	background: #3C6491;
	color: #FFFFFF;
	border-bottom: 4px solid #2F4A6C;
	text-decoration: none;
}


#content {
	border-top: 1px solid #FEFEFE; 
	background: #FFFFFF;
	color: #000000;
	padding: 0 5px 10px 5px; 
	width: 780px;
	margin: auto;
}

#kelompok {
	background: #FFFFFF url(images/kelompok.gif) no-repeat top left;
	font: bold 1.4em "Arial", Sans-Serif; 
	color: #FFFFFF;
	height: 26px;
	margin: 0;
	padding: 4px 0 0 8px; 
}

#kel_event {
	background: #FFFFFF url(images/upevent.gif) no-repeat top left;
	font: bold 1.4em "Arial", Sans-Serif; 
	color: #FFFFFF;
	height: 23px;
	margin: 0;
	padding: 4px 0 0 16px; 
}

.event_box {
	border: 1px solid #27599D; 
	line-height: 1.3em; 
	margin: 0 0 5px 0px;	
	padding: 3px 5px 3px 5px; 
	background: #FFFFFF;
}

#articles {
	width: 780px;
	padding: 3px 0 0 0;
	margin: 0 auto 0 auto;
}

#right {
	float: left;
	width: 410px;
	padding: 0px;
	margin: 0 0 0 5px;
}

#right_ {
	float: right;
	width: 180px;
	padding: 0px;
	margin: 0 0 0 5px;
}

#right2 {
	float: right;
	width: 595px;
	padding: 0px;
}

#wh_desc {
	background: #E9F1FB url(images/whs_desc_blue.gif) no-repeat top left;
	padding: 20px 0 10px 0px;
}

#wh_desc p {
	padding: 0px 10px 0px 10px;
}

#wh_outline {
	background: #E9F1FB url(images/course_outline_blue.gif) no-repeat top left;
	padding: 20px 0 10px 0px;
}

#wh_leader {
	background: #E9F1FB url(images/course_leader_blue.gif) no-repeat top left;
	padding: 20px 0 10px 0px;
}

#wh_leader a {
	color: #000000;
}

#wh_leader a:hover {
	color: #BF3E17;
}

#wh_leader p {
	padding: 0px 10px 0px 10px;
}

#wh_datevenue {
	padding: 0 0 5px 0px;
}

#wh_invest {
	background: #E9F1FB url(images/inves.gif) no-repeat top left;
	padding: 5px 0 5px 0px;
}

#wh_invest p {
	font: 12px "Arial", Tahoma, sans-serif;
	padding: 15px 5px 0px 5px;
}

.tanggal {
	color: #27599D;
}

.merah_hover {
	color: #BF3E17;
}

h2 {
	margin: 3px 0 3px 0;
	padding: 0;
	font-size: 1.2em;
	color: #000000;
	background-color: inherit;
}

h3 {
	padding: 15px 0 0 0px;
	font-size: 1.5em;
	color: #000000;
	background-color: inherit;
}

h2 a {
	color: #000000;
	text-decoration: none;
	background-color: inherit;
/*	background-image: url(images/h2bg.gif); */
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0 0 0 0px;
}

h2 a:hover {
/*	background: url(images/h2bghover.gif) no-repeat top left; */
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

a { 
	color: #FFFFFF;	/* color: #3C6491; */
	background-color: inherit;
}

a:hover {
	color: #BF3E17;
	background-color: inherit;
}

#left {
	float: left;
	width: 180px;
}

#clear_div {
	clear: both;
}

#leftmenu {
	margin: 0 0 5px 0;
	padding: 0;
}

#leftmenu a {
	display: block;
	background: #FB4C4C url(images/vmenuarrow.gif) no-repeat center left;
	color: #FFFFFF;
	padding: 5px 0 5px 19px;
	margin: 0 0 1px 0;
	text-decoration: none;
}

#leftmenu a:hover {
	color: #FFFFFF;
	background: #BC3939 url(images/vmenuarrowhover.gif) no-repeat center left;
}

#left_addrs {
	height: auto;
}

.leftarticle {
	border: 1px solid #90BDFA; 
	background: #EAF2FD;
	color: #727272;
	margin: 10px 0 2px 0;
	padding: 8px;
	line-height: 1.4em;
}


form.search { 
	padding: 0px 0px 5px 0px;
	margin: 0; 
}

#searchform {
	background: #4EA917;
	color: #FFFFFF;
	padding: 7px 5px 7px 5px;
	margin: 0px;
}

input.text { 
	margin: 0; 
	padding: 0; 
	width: 128px; 
	border: 1px solid #eee; 
	color: #3C7B16; 
	font: 1.1em "Courier New";
	background: #CFEBBF; 
}

input.newstext { 
	margin: 0; 
	padding: 0; 
	width: 113px; 
	border: 1px solid #eee; 
	color: #3C7B16; 
	font: 1.1em "Courier New";
	background: #CFEBBF; 
}

input.reg { 
	margin: 0; 
	padding: 0; 
	width: 180px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

input.reg_att { 
	margin: 0; 
	padding: 0; 
	width: 138px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

textarea.reg1 { 
	margin: 0; 
	padding: 0; 
	width: 180px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

input.conts { 
	margin: 0; 
	padding: 0; 
	width: 350px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

input.cosesec { 
	margin: 0; 
	padding: 0; 
	width: 115px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

textarea.cont1 { 
	margin: 0; 
	padding: 0; 
	width: 350px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.2em "Courier New";
	line-height: 1.1em; 
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

select.reg_cmb {
	margin: 0; 
	padding: 0; 
	width: 55px; 
	border: 1px solid #27599D; 
	color: #27599D; 
	font: 1.1em "Courier New";
	background: #F0F5FC; 
	padding: 1px 3px 1px 3px;
}

input.text:hover { 
	border: 1px solid #FFFFFF; 
	background: #CFEBBF; 
	color: #000000; 
}

input.button { 
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 1px solid; 
	font: 11px "Arial", Tahoma, sans-serif; 
	border-left: #ffffff 1px solid; 
	color: #ffffff; 
	border-bottom: #ffffff 1px solid; 
	background-color: #338303;
}

input.button_reg { 
	border-right: #ffffff 1px solid; 
	border-top: #ffffff 1px solid; 
	font: 11px "Arial", Tahoma, sans-serif; 
	border-left: #ffffff 1px solid; 
	color: #ffffff; 
	border-bottom: #ffffff 1px solid; 
	background-color: #27599D;
}

.date { 
	margin: 2px 0 2px 0; 
	padding: 0 0 3px 0px; 
	background: #FFFFFF url(images/horizontaldotted.gif) repeat-x bottom left; 
	color: #808080; 
	text-align: right; 
}
.date a { color: #808080; background: #FFFFFF; }

#footer_base {
	width: 790px;
	margin: auto;
	background: #808080;	
}

#footer {
	padding: 10px 5px 0px 5px; 
	background: #808080;
}

#footer p {
	line-height: 1.4em;
	color: #FFFFFF;
	background: inherit;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #BF3E17;
}

#tombols {
	background: #FFFFFF;
	padding: 7px 0 0 0px; 
	margin: auto;
	text-align: right; 
}

#securitycode {
	background: #FFFFFF url(images/bgurek2.gif) no-repeat center left;
	border: 1px solid #27599D; 
	color: #A7A6A6; 
	font: bold 1.8em "Courier New";
	letter-spacing: 4px;
	padding: 3px 10px 2px 10px; 
	width: 100px;
	margin: auto;
	text-align: center; 
	text-transform: uppercase;
}

#error_msg {
	background: #FCECEC;
	border: 1px solid #8B2E2E; 
	color: #FE0000; 
	padding: 3px 5px 3px 5px; 
	width: 400px;
	margin: auto;
	text-align: center; 
}

.bluebtn { 
	background: #FFFFFF url(images/tombol-blue1.gif) no-repeat; 
	width: 100px;
	padding: 2px 22px 7px 30px; 
	color: #fff; 
	text-decoration: none; 
}

.bluebtn:hover { 
	background: #FFFFFF url(images/tombol-grey1.gif) no-repeat; 
	color: #FB4C4C; 
}

.blueebtn { 
	background: #FFFFFF url(images/tombol-email-blue.gif) no-repeat; 
	width: 100px;
	padding: 2px 34px 7px 35px; 
	color: #fff; 
	text-decoration: none; 
}

.blueebtn:hover { 
	background: #FFFFFF url(images/tombol-email-grey.gif) no-repeat; 
	color: #FB4C4C; 
}

.bluepbtn { 
	background: #FFFFFF url(images/tombol-print-blue.gif) no-repeat; 
	width: 100px;
	padding: 2px 40px 7px 35px; 
	color: #fff; 
	text-decoration: none; 
}

.bluepbtn:hover { 
	background: #FFFFFF url(images/tombol-print-grey.gif) no-repeat; 
	color: #FB4C4C; 
}

.alignright {
	text-align: right; 
}

.upcase {
	text-transform: uppercase;
}

#ad1 {
	padding: 0 0 7px 0px;
}

#dropmenudiv{
	position:absolute;
	border:1px solid black;
	color: #fff; 
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #8AAACD;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.running
{
    font-size: 12px;
    color: white;
    font-family: Arial, "Trebuchet MS", Helvetica
}

.upercase {
	text-transform: uppercase
}

.hijau_ok {
	color: #078D53;
}

#pnd_atas {
	background: #FFE8F6 url(images/pindah-atas.jpg) no-repeat top left;
	width: 410px;
	height: 10px;
}

#pnd_bawah {
	background: #FFFFFF url(images/pindah-bawah.jpg) no-repeat top left;
	width: 410px;
	height: 10px;
}

#pnd_tengah {
	background: #FFE8F6 url(images/pindah-tengah.jpg) repeat-y top left;
	width: 410px;
}

#head_kategori {
	padding: 2px 0 2px 5px;
	background: #1B72E7;
    color: white;
    font: bold 14px "Arial", Tahoma, sans-serif;
}

.bonus {
	color: #C011C0;
}

#email_us {
	margin: 10px 0 5px 0px;	
	padding: 3px 5px 3px 5px; 
}


#lowongan {
	background: white;
	padding: 8px 5px 9px 5px;
	margin: 5px 0 0 0px;
}

#lowongan a:link {
	color:#000000;
}

#lowongan a:hover {
	color:#BF3E17;
	text-decoration:underline;
}

#lowongan a:visited {
	color:#000000;
}

.lowong {
	padding:0 0 0 10px;
	background:url(images/arrow.gif) no-repeat center left;
}

.pelanggan {
	background-color:#1b72e7;
	border: 1px solid #1b72e7;
	padding:2px;
	color:#FFFFFF;
	margin: 0px;
	width:180;
}

.pelanggan_box {
	border: 1px solid #1b72e7;
}