/* Reset*/

@import url("reset.css");

@import url("navmenu-2tier.css");

/* Start Typography*/

body{

	font-size: 70%;
	background-color:#ffffff;

	}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea{

	font-family: Arial, helvetica,  sans-serif;

	}

/* End Typography*/

/* Start Basic Layout*/

#container{

	width:880px;
	background-color:#ffffff;

	margin:0 auto;

}

/*Start Header*/

#header{

	width:880px;
	background-color:#ffffff;

}

#header li{

	display:inline;

}

h1 a{

	margin-top:5px;

	float:left;

	background: url(images/image-esq.jpg) no-repeat scroll right ;

	width:375px;

	height:98px;

	text-indent:-9999px;

}

/*Start Access*/

#access{

	float:right;

	_width:500px;

	/*margin:49px 0 0 0 ;*/



}

#logoesq {

	float: right;

	/*margin-top:2px;

	background-image:url(images/esq-logo.gif) no-repeat scroll right top ;*/

}

#kontak{
	
	clear:right;
	float: right;

	/*margin-top:2px;*/

	width:480px;

	_width:500px

}

#kontak ul {

	height:20px;

	padding:2px 0 5px 12px;

	color:white;

	margin:7px 0 0 0px;



}

#kontak li{

	padding:0 6px;

	border-right:1px solid #ccc;

}

#kontak a{

	color:black;

}

#kontak a:hover{

	color:#b49023;

	text-decoration: none;



}



.border_acc li{ border: none; }

/*#access .border_acc { border: none; }*/

/*End Access*/

/*Start Navigasi Atas*/

#nav-menu{

	clear:both;

	background-color:#f6cb56;

	width:880px;

	margin:1px 0;

	overflow:hidden;

}

#nav-menu li{

	float:left;

	border-right:1px solid white;

}

#nav-menu a{

	display:block;

	color:white;

	font-size:9px !important;

	background-color:#f6cb56;

	padding:8px 15px;

}

#nav-menu .current-tab{

	background-color:#29419b;

}

#subnav-menu{

	background-color:#29419b;

	width:880px;

	overflow:hidden;

	margin-bottom:1px;

}

#subnav-menu li{

	float:left;

}

#subnav-menu a{

	display:block;

	color:white;

	font-size:10px;

	background-color:#29419b;

	padding:6px 10px 6px;
	
	font-weight:normal;

}

/*End Navigasi Atas*/

/*End Header*/

/*Start Footer*/

#footer{

	clear:both;

	width:880px;

}

#nav-menu-bawah{

	clear:both;

	width:880px;

	height:36px;

	border-top:4px solid #cea93c;

	background: url(images/bg_mn_black.gif) repeat-x;

	margin-top:10px;
	
	font-size:10.5px;

}

#nav-menu-bawah ul{

	text-align:center;

	position:relative;

	display:block;

	margin:10px auto;
	
	font-size:10.5px;

}

#nav-menu-bawah li{

	display:inline;

	border-right:1px solid #fff;
	
	font-size:10.5px;

}

li.esqmagz{

	border-right:none !important

}

#nav-menu-bawah a{

	color:white;

	padding:0 5px;

	margin:0 5px;

}

#nav-menu-bawah a:hover{

	text-decoration:underline;

}

#bottom{

	overflow:hidden;

	width:880px;

	height:45px;

	border-bottom:1px solid black;

	margin:0;

}

#searchform{

	float:left;

	display:inline;

	margin:5px 0 0 20px;

}

#copyright{

	float:left;

	display:inline;

	margin:10px 0 10px 0;
	
	padding-left:10px;

}

#powered{

	float:right;

	display:inline;

}

#powered a{

	float:right;

	margin:10px 10px 0 0;

	display:inline;

	background:red url(images/powered-virtual.gif) no-repeat scroll right top;

	width:147px;

	height:19px;

	text-indent:-9999px;

}

#searchsubmit{

	cursor:pointer;

	border:0;

	color:black;

	float:left;

	display:inline;

	padding:0 0 0 10px;

	margin:0 3px 0 0;

	background:transparent url(images/icon-arrow-black.gif) scroll no-repeat 2px 5px;

}

#s{

	float:left;

	display:inline;

}

/* End of Footer*/

/*Start Content*/

#content{

	clear:both;

	float:left;

	display:inline;

	width:600px;

}

/*Start Sidebar*/

#sidebar{

	float:left;

	overflow:hidden;

	display:inline;
	
	

}

#sidebar ol,ul,li{

     margin: 0;

	padding: 0;

	border: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	text-decoration:none;

}

#sidebar ol,ul { 

	list-style:none; 

} 

#sidebarbanner{

	float:left;

	overflow:hidden;

	width:238px;
	
	padding-left:1px;

	display:inline;
	
}

.home #sidebar , .direktori-bisnis #sidebar{

	width:274px;

	min-height:630px;

	height:expressions('630');

	border-left:1px solid #c7c7c7;

	padding:0 0 0 2px;

	margin:0 0 10px 2px;

}

.profil #sidebar , .training #sidebar{

	width:240px;

}

.direktori-bisnis #sidebar{

	width:270px;

}

#sidebar li{

	margin:10px 0 10px 5px;

}

#sidebar li h2{

	font-weight:normal;

	font-size:1.8em;
	
	font-weight:bold;

	color:#9a0000;

}

#sidebar li p{

	clear:left;

	color:#3b3b3b;

	line-height:1.5em;
	
	text-align:justify;
	
	

}

#sidebar li .daftar{

	display:block;

	font-size:1.2em;

	padding:7px 10px 8px 10px;

	margin:5px 5px 10px 0px;

	color:white;

	background:transparent url(images/daftar2.gif) no-repeat scroll left top;

}



.training #sidebar h2 , .profil #sidebar h2{

	display:block;

	color:white;

	background:#230405 url(images/arrow.gif) no-repeat scroll 8px 15px;

	font-size:1.5em;

	padding:5px 25px;

	margin:0 0 6px 0;

	width:188px;

}

.training #sidebar li , .profil #sidebar li{

	border-bottom:1px solid #c7c7c7;

	width:237px;

	margin:0;
	
	

}



#sidebar li .totalalumni{
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:60px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/total-alumni.png) no-repeat ;
	
	
	

}
#sidebar li .gempa{
	
	clear:both;
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:180px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/SC2.gif) no-repeat ;
	
	
	

}
#sidebar li .telkomsel{
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:65px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/esqlc165blogspotbanner.gif) no-repeat ;

}
#sidebar li .keputusan{
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:65px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/keputusan-muzakarah.jpg) no-repeat ;

}


#sidebar li .silaturahim{
	
	clear:both;
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:165px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/daftaronline.gif) no-repeat ;
	
	
	

}
#sidebar li .banner{
	
	clear:both;
	
	display:block;
	
	color:white;
	
	width:269px;
	
	height:65px;

	padding:0px 0px 0px 0px;

	margin:0px 5px 0px 0px;

	background:url(images/esqlc165blogspotbanner.gif) no-repeat ;
	
	
	

}


.training #sidebar a , .profil #sidebar a{

	display:block;

	font-size:1.2em;

	padding:4px 5px 7px 5px;

	font-weight:bold;

	color:#333333;

}

.training #sidebar a:hover , .profil #sidebar a:hover{

	color:#0235a8;

}

.training #sidebar a.current , .profil #sidebar a.current{

	color:#0235a8;

}



/*home-pesan*/

li#pesan{


	margin:8px 0 0 5px;

	background-color:#cfcfcf;

	padding:0px;

	height:215px;
	
	

}

li#pesan h2{

	font: arial, helvetica,  Times New Roman, Times, serif;

	font-weight:bold;

	float:left;

	width: 225px;

	display:inline;

	padding: 10px 0 0 40px;

	font-size:1.3em;

	font-style:normal;

	color: #000;

	text-decoration: underline;

}



li#pesan h3{

	font: arial, helvetica,  Times New Roman, Times, serif;

	font-weight:bold;

	float:left;
	
	text-align:justify;

	display:inline;

	padding: 3px 0 0 40px;

	font-size:1.1em;

	color: #000;

	/*text-decoration: underline;*/

}





li#pesan p{

	clear:both;

	font-family:arial, helvetica,  Times New Roman, Times, serif;

	text-align:justify;

	font-size:1.0em;

	font-style:normal;

	margin: 0 0 5px 0;

	padding: 25px 0 0 0;

}



/*slider_homepage*/

#slider_homepage{margin-top:11px !important}



/*direktori-daftar*/

#daftar{

	margin:30px 0 10px 5px;

}

#daftar li a{

	display:block;

	padding:5px 0 7px 10px;

	color:#404040;

	border-bottom:1px solid #c7c7c7;

}

#daftar li a:hover{

	color:#660033;

}



/*alumni_esq*/

#alumni_esq{

	margin-top:45px;

}

#alumni_esq h2{

	background: url(images/titlea.jpg) repeat-x top;

}

#alumni_esq h2{

	padding:3px 0 5px 10px;

	margin-bottom:0.8em;

	font-size:1.4em !important;

	color:white !important;

	font-weight:normal;

}



/*sidebar direktori bisnis*/

#form-login{

	margin:10px 0 5px 15px;

	padding:5px;

	clear:both;

	float:left;

	display:inline;

	width:220px;

	border:1px solid #c7c7c7;

}

#form-login label{

	margin:6px 0 0 0;

	float:left;

	display:block;

	width:80px;

}

#form-login input{

	margin:5px 5px 0 0;

	float:left;

	display:inline;

}

#form-login #lupa-sandi{

	background-color:transparent;

	color:black;

	float:right;

	display:inline;

	margin:12px 8px 0px 0px;

}

#form-login#lupa-sandi:hover{

	color:#9A0000;

	text-decoration:underline;

}

/*End Sidebar*/

/*image*/

#image{

	float:left;

	display:inline;

}

.home #image{

	width:600px;

	height:233px;

}

.training #main-image{

	width:880px;

	height:145px;

}

.profil #main-image{

	width:880px;

	height:145px;

}

/*Home*/

/*Baris 2*/

#baris2{

	clear:both;

	width:600px;

	float:left;

}

#training, #schedule{

	float:left;

	display:inline;

	height:270px;

}

#baris2 h2{

	color:white;

	font-size:1.4em;

	font-weight:bold;

	background:#b49023 url(images/titlea.jpg) repeat-x ;

	padding:3px 0 3px 10px;

	border-top:1px solid white;

	border-bottom:1px solid white;

}

#training{

	width:276px;

	background: url(images/tengahgrad.jpg) repeat-x ;

}

#training span{

	display:block;

	border-right:1px solid white;

	width:275px;

}

#training p{

	padding:20px 15px 17px 15px;

	color:#000000;

	font-size:1.0em;

	line-height:1.5em;
	
	text-align:justify;

}

#training a{

	font-size:1.0em;

	color:#6b4325;

	margin:0 0 5px 0;

}

#training a:hover{

	color:#cea93c;
	text-decoration:underline;

}

#training p .big{

	font-size:1.3em;

	font-weight:normal;

}

#schedule{

	color:#000000;

	width:324px;

	background: url(images/tengahgrad.jpg) repeat-x ;
	
	

}

.schedule_list{

	padding:5px;

}

.schedule_list p{

	margin:0 0 10px 0;
	
    text-align:justify;
	

}

.schedule_list marquee{

	padding:5px 10px;

	margin-bottom:7px;
	
	margin-left:5px;
	
	color:#000000;

}

#form-schedule{

	float:left;

	display:inline;

	padding:0 0 0 0;

	width:319px;

	height:auto;

}

#form-schedule select{

	margin-bottom:5px;

	float:left;

	height:20px;

	border:none;

}

#form-schedule label{

	float:left;

	clear:left;

	width:90px;

}

#form-schedule input{

float:left;

display:inline;

font-size:11px;

}

.searchbutton{

	cursor:pointer;

	border:0;

	float:left;

	display:inline;

	padding:0 0 0 10px;

	margin:0 3px 0 0;

}

.home .searchbutton{

	color:black;

	background: url(images/icon-arrow.gif) no-repeat 2px 6px;

}

#main-searchschedule{

	cursor:pointer;

	border:0;

	color:black;

	float:right;

	display:inline;

	padding:0 0 0 10px;

	margin:0 3px 0 0;

	background:transparent url(images/icon-arrow-black.gif) scroll no-repeat 2px 5px;

}

.doc-jadwal{

	display:inline;

	float:left;

	padding:0 0 0 16px;

	background:transparent url(images/icon-doc.gif) scroll no-repeat 0px 1px;

	margin:10px 0 0px 0px;

}

.doc-jadwal:hover{

	text-decoration:underline;

}

.home .doc-jadwal{

		color: #fff;

	}


/*Baris 3*/

#baris3{

 	background: #fff url(images/bg_3bars.gif) repeat-x bottom;

	clear:left;

	width:600px;
	
	height:580px;

	float:left;

	border-top:1px solid white;

}

#baris3 h2{

	padding:3px 0 5px 10px;

	margin-bottom:0.8em;

	font-size:1.4em;

	color:white;

}
#announcement{
	
	

	width:587px;

	float:left;
	
	clear:left;
	
	line-height:1.5em;
	

}
#announcement h2{
	
	color:white;

	font-size:1.4em;

	font-weight:bold;

	background:#b49023 url(images/titlea.jpg) repeat-x ;

	padding:3px 0 3px 10px;

	border-top:1px solid white;

	border-bottom:1px solid white;
	
	width:590px;
	
	height:23px;
	
	
	
}
#sekilas{

	float:left;
	line-height:1.5em;
	
	

}

#sekilas h2{

	
	font-weight:bold;
	

}
#sekilascontent{

	
	padding:0 10px 0 10px ;
	text-align:justify;
	border:1px solid #c8c8c8;
	line-height:1.5em;
	

}

#latest-news{

	float:left;

	width:190px;

}

#latest-news h2{

	background: url(images/titlea.jpg) repeat-x top;
	font-weight:bold;

}

#latest-news ul{

	list-style:circle outside url("images/icon-arrow-bot-left.gif");

	margin:0 25px 0 15px;

}

#latest-news li{

	margin:0 0 10px 10px;

}

#latest-news li p{

	font-weight:normal;
	
	text-align:justify;

	font-size:0.9em;

	color:#424242;

}

#latest-news li a{

	font-weight:bold;

	font-size:11px;

	color:#6b4325;

}

#latest-news li a:hover{

	color:#cea93c;

}

#profil-feature{

	float:left;

	min-height:230px;

	height:expressions('230');

	width:200px;

	border-left:1px solid #c8c8c8;

	border-right:1px solid #c8c8c8;
	
	
}

#profil-feature h2{

	background: url(images/titlea.jpg) repeat-x top;
	
	font-weight:bold;

}

#profil-content{

	margin:0 15px;
	text-align:justify;
	

}

#profil-content p{

	line-height:1.5em;

	

}

#profil-feature h3{

	font-size:0.9em;

	font-weight:bold;

	margin:0 0 5px 0;

}

#profil-feature h3 a{

	color:#6b4325;

}

#profil-feature h3 a:hover{

	color:#cea93c;

}

#profil-feature a{

	font-size:11px;
	
	font-weight:bold;

	color:#6b4325;

	margin:0 0 5px 0;

}

#profil-feature a:hover{

	color:#cea93c;

}

#profil-feature p{

	clear:left;

	color:#494949;

	margin:0 0 5px 0;

}

#foto-profil{

	float:left;

	margin:0 8px 10px 0;

}

#blog-alumni{

	float:left;

	width:207px;
	
	color:#494949;

}

#blog-alumni h2{

	background: url(images/titlea.jpg) repeat-x top;
	font-weight:bold;

}

#blog-alumni ul{

	margin:0 10px 0 10px;
	
	text-align:justify;
	
	padding:0 5px 0 5px;
	
	line-height:1.5em;
	
	
	
	

}

#blog-alumni p{

	
	
	text-align:left;
	
	font-weight:normal;
	
	list-style:none;

	

	color:#a57e0a;
	
	

}





#blog-alumni .author{

	display:inline;

	margin:0;

	float:left;

	padding:0 0 0 13px;

	color:#3c3c3c;

	font-size:1.2em;

	background:transparent url("images/icon-red-dot.gif") no-repeat scroll 0 3px;

}

#blog-alumni .author:hover{

	color:#339999;

}

#blog-alumni  a{

	clear:both;

	margin:0 0 0 0;

	color:#6b4325;

	font-size:11px;
	
	font-weight:bold;

}

#blog-alumni  a:hover{

	color:#cea93c;

}

/*End Home Content*/



/*Direktori Blum di rapihin*/

#lokasi{

	color:white;

	background-color:black;

	padding:5px 10px;

}

#lokasi a{

	color:white;

}

#lokasi a:link{

	color:white;

}

#lokasi a:hover{

	color:#ccc;

	text-decoration:underline;

}

#kategori-direktori{

	float:left;

	display:inline;

	margin:2px 2px 0 0;

	width:140px;

}

#kategori-direktori h2{

	padding:3px 0 5px 10px;

	margin:1px 0;

	display:block;

	font-size:1.2em;

	color:white;

	background:#9a0000 url(images/bg-top-right.gif) no-repeat scroll right top;

	font-weight:bold;

	

}

#kategori-direktori ul{

	margin:1px 0 0 0 ;

	list-style:none outside;

}

#kategori-direktori li{

	margin-bottom:1px;

}

#kategori-direktori a{

	color:white;

	display:block;

	width:120px;

	padding:5px 10px 5px 10px;

	background-color:#9a0000;

	height:auto;

	overflow:hidden;

}

#kategori-direktori a:link{

	background-color:#9a0000;

}

#kategori-direktori a:hover{

	background-color:#EE1C27;

}

#search-direktori{

	width:458px;

	margin:0 0 5px 0;

	float:left;

	display:inline;

}

#search-direktori label{

	float:left;

	display:inline;

	margin:10px 0 0 10px;

	font-weight:bold;

	font-size:1.1em;

}

#search-direktori input{

	margin:10px 4px 0 0;

	float:right;

	display:inline;

}

#search-direktori select{

	margin:10px 4px 0 0;

	float:right;

	display:inline;

}

#search-direktori #searchsubmit{

	float:right;

	display:inline;

}

#daftar-usaha{

	float:left;

	display:inline;

	margin:0 0 0 1px;

	width:240px;

}

#daftar-usaha li{

	padding:10px 0; 

	display:block;

	overflow:hidden;

	height:60px;

	margin:10px 5px;

	border-bottom:1px solid #c7c7c7;

}

#daftar-usaha .selanjutnya{

	height:20px;

}

#daftar-usaha li img{

	float:left;

	display:inline;

	margin:0 5px;

}

#daftar-usaha li div{

	width:160px;

	float:right;

	display:inline;

	margin:0 5px;

}

#daftar-usaha h2 a{

	padding:3px 0 5px 10px;

	display:block;

	font-size:1.4em;

	color:white;

	background-color:#820501;

}

#daftar-usaha h2 a:hover{

	text-decoration:underline;

	background-color:#EE1C27;

}

#daftar-usaha li a{

	color:#000099;

}

#daftar-usaha li a:hover{

	color:#820501;

}

#daftar-usaha li span{

	color:green;

}

#daftar-penawaran{

	float:left;

	display:inline;

	margin:0 0 0 1px;

	width:210px;

}

#daftar-penawaran h2 a{

	background:#9A0000 url(images/bg-top-right.gif) no-repeat scroll right top;

	color:white;

	display:block;

	font-size:1.4em;

	padding:3px 0 5px 10px;

}

#daftar-penawaran h2 a:hover{

	text-decoration:underline;

	background-color:#EE1C27;

}

#daftar-penawaran li{

	padding:10px 0; 

	margin:10px 5px;

	border-bottom:1px solid #c7c7c7;

	overflow:hidden;

	display:block;

	height:60px;

}

#daftar-penawaran li a{

	color:#000099;

}

#daftar-penawaran li a:hover{

	color:#820501;

}

#daftar-penawaran .selanjutnya{

	height:20px;

}

#list-daftar-usaha {

	width:450px;

	float:left;

	display:inline;

	margin:0 0 0 5px;

}

#list-daftar-usaha h2{

	padding:3px 0 5px 10px;

	display:block;

	font-size:1.4em;

	color:white;

	margin:2px 0 10px 0px;

	background:#9a0000 url(images/bg-top-right.gif) no-repeat scroll right top;

}

#list-daftar-usaha #urutkan{

	float:right;

}

.item-direktori{

	margin:10px 5px;

	padding:10px 0 10px 0;

	border-bottom:1px solid #c7c7c7;

	border-top:1px solid #c7c7c7;

}

.item-direktori h3{

	color:#5587B4;

	font-size:1.8em;

	font-weight:bold;

}

.item-direktori a{

	color:#5587B4;

}

.item-direktori .mail{

	margin:0 0 10px 0;

}

.item-direktori h4{

	font-size:1.2em;

	font-weight:bold;

	margin:25px 0 5px 0;

}

.item-direktori .cp{

	font-weight:bold;

	color:#29419B;

}

.item-direktori img{

	float:right;

	display:inline;

	margin:0 10px 10px 10px;

}

.item-direktori .contact{

	margin:15px 0 15px 15px ;

}

.item-direktori address{

	font-style:italic;

}

#goto{

	margin:10px;

	}

.training #content , .profil #content{

	min-height:400px;

	height:expressions('400');

	border-left:1px solid #c7c7c7;

	float:right;

	display:inline;

	width:625px;

	padding:10px 0 0 10px;

	margin-bottom:5px;
	
	text-align:justify;

}

.training #content p , .profil #content p{

	margin:0 0 15px 0;

}

.training #content img {

	float:right;

	display:inline;

	margin:15px 0;

}

/*.profil #content img{

	float:left;

}

*/

#main-lokasi{

	font-size:1em;

	display:block;

	border-bottom:1px solid #c7c7c7;

	padding:2px 0 4px 5px;

}

#main-lokasi a{

	color:black;

	padding-left:12px;

	margin-right:4px;

	background:transparent url(images/6dottriangleblack.gif) scroll no-repeat 0 5px;

}

#main-lokasi a:hover{

	text-decoration:underline;

}

#main-lokasi .current{

	color:#0235a8;

}

.training #content h4 , .profil #content h4{

	color:#369;

	padding-left:10px;

	margin:10px 0 10px 0;

	background:transparent url(images/bluedot.gif) scroll no-repeat 0 5px;

}

#form-daftar{

	background-color:#ccccff;

	padding:15px 15px 30px 15px;

	margin:0 0 20px 0 ;

}

#form-daftar div{

	margin:0 0 10px 0;

}

#form-daftar label{

	display:inline;

	float:left;

	clear:both;

	font-weight:bold;

	width:85px;

}

#submitpendaftaran{

	color:black;

	float:right;

	display:inline;

	padding:0 0 0 15px;

	margin:0 3px 0 0;

	background:transparent url(images/icon-arrow-black.gif) scroll no-repeat 5px 5px;

	border:0;

	cursor:pointer;

}

#form-jadwal{

	background-color:#ccccff;

	padding:15px 15px 30px 15px;

	margin:0 0 20px 0;

}

#form-jadwal div{

	margin:0 0 10px 0;

}

#form-jadwal label{

	display:inline;

	float:left;

	clear:both;

	font-weight:bold;

	width:85px;

}

#form-jadwal a#doc-jadwal{

	float:left;

	padding:0 0 0 16px;

	background:transparent url(images/icon-doc.gif) scroll no-repeat 0px 1px;

	margin:5px 0 0 0;

	color:black;

}

#form-jadwal a#doc-jadwal:hover{

	text-decoration:underline;

}

.training #content h2 , .profil #content h2{

	font-size:125%;

	line-height:1.5em;

	margin:15px 0 10px 0;

	color:#424242;

	font-weight:bold;

}

.training #content h2 a , .profil #content h2 a{

	font-size:125%;

	line-height:1.5em;

	margin:15px 0 10px 0;

	color:#424242;
	
	font-weight:bold;

}



.training #content h2 a:hover , .profil #content h2 a:hover{

	font-weight:normal;

	font-size:125%;

	line-height:1.5em;

	margin:15px 0 10px 0;

	color:#816200;
	
	font-weight:bold;

}

.training #content h3 , .profil #content h3{

	font-size:1.1em;

}

.training #content p , .profil #content p{

	line-height:1.5em;

}

.red{

	color:red;

	text-decoration:underline;

}

a.red:hover{

	text-decoration:none;

}

.trainer{

	width:615px;

	/*border-bottom:1px solid #c7c7c7;*/

	clear:both;

	padding:13px 0;

}

.trainer p{

	font-size: 12px;

	font: Arial, Helvetica, sans-serif;
	
	color:#424242;

}

.trainer h2{

	font-size:125%;
	
	font: Arial, Helvetica, sans-serif;

	font-weight:bold;

}



.post2  p{

	font-size: 12px;

	font: Arial, Helvetica, sans-serif;
	
	color:#424242;
	
	

}



.post-daftar-alumni input { clear: both; font: 11px Arial, Helvetica, sans-serif; color:#333; margin: 10px 0 10px 0; padding: 0; border: 1px solid #ccc; vertical-align:top;}

.post-daftar-alumni textarea { clear: both; font: 11px Arial, Helvetica, sans-serif; color:#333; margin: 0; padding: 0; border: 1px solid #ccc; vertical-align:top;}

.post-daftar-alumni select { clear: both; font: 11px Arial, Helvetica, sans-serif; color:#333; margin: 0; padding: 0; border: 1px solid #ccc; vertical-align:top;}

.post-daftar-alumni input:focus { background-color: #efefef; } 

.post-daftar-alumni input.btn { font-size: 11px; clear: both; margin: 10px 0 10px 0; padding: 2px; vertical-align:top;}



.tanggal{

	color:#b49023;
	
	font-size:7px;

	font-weight: normal;

}



#trainer-page{

	clear:both;

	float:right;

	height:30px;

	width:200px;

}

#trainer-page a{

	margin:0 5px;

	padding:5px 0;

	float:left;

	width:20px;

	text-align:center;

}

#trainer-page a:hover{

	border-bottom:4px solid blue;

	margin:0 5px;

	padding:5px 0;

	float:left;

	width:20px;

	text-align:center;

}

#trainer-page a.next{

	padding-left:10px;

	background:transparent url(images/6dottriangleblack.gif) scroll no-repeat 0px 10px;

	border:none;

}

#trainer-page a.next:hover{

	padding-left:10px;

	background:transparent url(images/6dottriangleblack.gif) scroll no-repeat 0px 10px;

	border:none;

}

/* Begin Images */

.trainer p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



.trainer img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



.trainer img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



.trainer img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.trainer .alignright {

	float: right;

	}



.trainer .alignleft {

	float: left

	}

.trainer .thumbnail {

	float: left;

	margin: 0 5px 2px 2px;

	}

/* End Images */

.training #content .fototrainer , .profil #content .fototrainer{

	float:left;

	display:inline;

	margin:0 10px 0 0;

}

.border{

	border-top:1px solid #c7c7c7;

	clear:both;

	height:5px;

}

.link-bawah{

	float:left;

	color:white;

	width:150px;

	padding:6px 5px 6px 30px;

	margin:20px 0 0 0;

	border-right:1px solid white;

}

.link-bawah:hover{

	text-decoration:underline;

}

#link-1{

	background:#0235a8 url(images/6dottrianglewhite.gif) scroll no-repeat 13px 11px;

}

#link-2{

	background:#ed1d26 url(images/6dottrianglewhite.gif) scroll no-repeat 13px 11px;

}

#post-center{

	width:610px;

	

}	

.post2{

	width:auto;

	float:left;

	padding:0 2px 0 3px;

}



/* #########  untuk banner slide ######### */

.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 12px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

position: relative;

z-index: 1;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #778;

/*color: #2d2b2b;

background: white url(shade.gif) top left repeat-x;*/

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

}



.shadetabs li a.selected{ /*selected main tab style */

position: relative;

top: 1px;

}



.shadetabs li a.selected{ /*selected main tab style */

background-image: url(shadeactive.gif);

border-bottom-color: white;

}



.shadetabs li a.selected:hover{ /*selected main tab style */

text-decoration: none;

}



.tabcontent{

display:none;

}



@media print {

.tabcontent {

display:block !important;

}

}



/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */



.modernbricksmenu2{

padding: 0;

width: 200px;

border-top: 5px solid #D25A0B; /*Brown color theme*/ 

background: transparent;

voice-family: "\"}\"";

voice-family: inherit;

}



.modernbricksmenu2 ul{

margin:0;

margin-left: 10px; /*margin between first menu item and left browser edge*/

padding: 0;

list-style: none;

}



.modernbricksmenu2 li{

display: inline;

margin: 0 2px 0 0;

padding: 0;

text-transform:uppercase;

}



.modernbricksmenu2 a{

float: left;

display: block;

font: bold 11px Arial;

color: white;

text-decoration: none;

margin: 0 1px 0 0; /*Margin between each menu item*/

padding: 5px 10px;

background-color: black; /*Brown color theme*/ 

border-top: 1px solid white;

}



.modernbricksmenu2 a:hover{

background-color: #D25A0B; /*Brown color theme*/ 

color: white;

}



.modernbricksmenu2 a.selected{ /*currently selected tab*/

background-color: #D25A0B; /*Brown color theme*/ 

color: white;

border-color: #D25A0B; /*Brown color theme*/ 

}



.tabcontent{

display:none;

}



@media print {

.tabcontent {

display:block !important;

}

}



/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */





.indentmenu{

font: bold 13px Arial;

width: 100%; /*leave this value as is in most cases*/

}



.indentmenu ul{

margin: 0;

padding: 0;

float: left;

/* width: 80%; width of menu*/

border-top: 1px solid navy; /*navy border*/

background: black url(indentbg.gif) center center repeat-x;

}



.indentmenu ul li{

display: inline;

}



.indentmenu ul li a{

float: left;

color: white; /*text color*/

padding: 5px 11px;

text-decoration: none;

border-right: 1px solid navy; /*navy divider between menu items*/

}



.indentmenu ul li a:visited{

color: white;

}



.indentmenu ul li a.selected{

color: white !important;

padding-top: 6px; /*shift text down 1px*/

padding-bottom: 4px;

background: black url(indentbg2.gif) center center repeat-x;

}





.tabcontentstyle{ /*style of tab content oontainer*/

border: 1px solid gray;

width: 200px;

margin-bottom: 1em;

padding: 10px;

}



.tabcontent{

display:none;

}



@media print {

.tabcontent {

display:block !important;

}

}



.message {

color:#29419A;

font-size:2.2em;

font-weight:normal;

line-height:1.5em;

margin:15px 0 10px;

}

#registerform{

border-bottom:1px solid #c7c7c7;

padding:20px 0 0px 20px;

margin:10px 0 10px 0;

display:inline;

float:left;

}

#registerform input, #registerform select, #registerform textarea{

position:relative;

left:110px;

top:-15px;

}

#registerform #wp-submit{

background:transparent url(images/icon-arrow-black.gif) no-repeat scroll 2px 5px;

border:0 none;

color:black;

cursor:pointer;

display:inline;

float:right;

margin:10px 3px 10px 0;

padding:0 0 0 10px;

position:static;

}

.direktori-bisnis #content #nav{

background:none;

display:inline;

float:left;

width:500px;

}