/*form search*/
.input-search{border:0;font:italic 12px arial; color:#707070; vertical-align:top; margin:2px 0 0 0;padding:1px;background:#FFF;border-radius:3px;
}
#search{width:270px;border:1px inset #969696;background:#FFF;border-radius:7px;-webkit-border-radius:7px;margin:0;padding:0 4px 0 0; box-shadow: 0 -1px 2px 0 #C9C9C9;
}
#cari{margin:0 auto;
}
/*kerangka website*/
#wrapper { width:990px;	margin:0 auto;border:1px solid #000;
}
header{	width:990px; margin:0 auto;
}
#top-left {	float: left; width: 600px; margin:40px 5px 5px 15px; //border:1px solid #000;
}
#top-right { float: right; width: 305px; margin:65px 15px 5px 5px; //border:1px solid #0FF;
}
nav { width: 990px; height:52px; margin:0 auto;
}
#nav2 { width: 990px; position:absolute; top:181px; left:173px; z-index:10000; text-align:center; //border:1px solid #000;
}
#menu{ float: left; width: 123px; text-align: center; //border:1px solid #0FF;
}
#mn-left { float: left;	width:6px; height:53px;
}
#mn-cen { float: left; background-image:url(images/bg-mn-rep.png); background-repeat:repeat-x; background-position:left; height:53px; width:978px;
}
#mn-right {	float: right; width:6px; height:53px;
}
section { width:990px; padding:10px 0;	margin:0 auto;
}
article { float: right; width: 740px; text-align: center; 
}
aside { float:left; width: 230px; text-align: center; 
}
article2 { float: left; width: 600px; text-align: center; 
}
aside2 { float:right; width: 300px; text-align: center; margin-right:15px;
}
#nws {	float: left; width: 470px;	margin:0 10px; //border:1px solid #000;
}
footer { clear: both; width: 990px;	height: 57px; margin:0 auto;
}
#bot-left {	float: left; width: 630px; margin:17px 5px 0 15px; //border:1px solid #000;
}
#bot-right { float: right; width: 300px; margin:22px 15px 0 5px; font-family:Tahoma, Geneva, sans-serif; font-size:11px;	color:#000; //border:1px solid #FF0;
}
#career-isi { float: left;	width: 970px; margin:0 5px 14px 5px; //border:1px solid #FF0;
} 
#career-isleft { float: left; width: 190px; margin:0 5px;
}
#career-tidu {	float: left; width: 10px; margin:0 2px;	text-align:center;
}
#career-isright { float: left; width: 600px; margin:0 5px;
}
#left-contact{ float: left; width: 720px; text-align: center;
}
#right-contact { float:right; width: 250px; text-align: right;
}
#contact-isi { float: left;	width: 450px; margin:0 5px;
}
#contact-isleft { float: left; width: 100px; margin:0 5px;
}
#contact-tidu {	float: left; width: 10px; margin:0 2px;	text-align:center;
}
#contact-isright { float: left; width: 300px; margin:0 5px;
}
#contact-mess {	float: left; width: 190px; margin:0 5px; text-align:left;
}
/*css halaman utama*/
.text-kat {
	margin: 0;
	padding: 7px 0 0 0;
	font: normal 15px dosis;
	overflow: hidden;
	width: 958px;	
	text-transform: capitalize;
}
.text-kat:hover {
	font: normal 15px dosis;
	float: left;
	display: block;
	text-decoration: none;
	margin: 0 2px;
	padding: 6px 2px; /*padding inside each tab*/
	color: #515151;
	text-align:center;
	width:11.6%;
	text-transform: capitalize;
	background: #1970C0;
	border-radius:40px 0 40px 0;
}
.text-kat-aktif {
	font: normal 15px dosis;
	margin:0 auto;
	display:block;
	text-decoration:none;
	text-transform: capitalize;
	background: #1970C0; /*background of tabs for hover state */
	border-radius:8px 8px 0 0;
	color:#FFF;
	background: #1970C0;
	border-radius:40px 0 40px 0;
	//text-shadow: 2px 2px 2px #FFF;
	//box-shadow: 0px 3px 5px #FFF;
}
.bord_img{
	border: 1px solid #C2C2C2;
	border-radius:4px;
	margin-right:8px;
	padding:2px;
}
.bord_imaeg{
	border: 1px solid #DCDCDC;
	border-radius:4px;
}.bord_imaeg:hover{
	border: 1px solid #C2C2C2;
	border-radius:4px;
}
.border_prd{
    border:1px solid #E4E4E4;
	margin:2px;
}.border_prd:hover{
    border:1px solid #478DFF;
	margin:2px;
}
.bord_kat{
	background-color:#005eb6;
	padding:10px 8px 20px 8px;
	border-radius: 0 10px;
	filter:alpha(opacity=90);
      -moz-opacity:0.9;
      -o-opacity: 0.9;
      opacity: 0.9; 
}
.arrow_box { position: relative; background: #176CBF; font:12px Tahoma; color:#FFF; padding: 4px 8px } 
.arrow_box:hover { position: relative; background: #E2A03F; font:12px Tahoma; color:#FFF ; padding: 4px 8px } 
.arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box:after { border-color: rgba(136, 183, 213, 0);  border-right-color: #176CBF; border-width: 11px; top: 50%; margin-top: -11px; } 
.arrow_box:hover:after { border-color: rgba(136, 183, 213, 0);  border-right-color: #E2A03F; border-width: 11px; top: 50%; margin-top: -11px; } 
.arrow_box:before { border-color: rgba(194, 225, 245, 0); border-right-color: #176CBF; border-width: 11px; top: 50%; margin-top: -11px; }
.arrow_box:hover:before { border-color: rgba(194, 225, 245, 0); border-right-color: #E2A03F; border-width: 11px; top: 50%; margin-top: -11px; }

.jd-prod{
	font:12px Tahoma;
	font-weight: normal;
	color:#000;
	text-transform: capitalize;
	text-decoration: none;
	text-align:left;
	line-height:110%;
}
.jud-kat {
	font-family: "myriad Pro";
	font-size: 20px;
	font-weight: normal;
	color: #65e5f8;
	text-align:center;
	text-decoration: none;
	text-transform: none;
	filter:alpha(opacity=100);
      -moz-opacity:1;
      -o-opacity: 1;
      opacity: 1; 
}
.jud_prd{
	font-family: dosis;
	font-size: 20px;
	font-weight: normal;
	color:#FFF;
	text-transform: capitalize;
	text-decoration: none;
	display:block;
	filter:alpha(opacity=100);
      -moz-opacity:1;
      -o-opacity: 1;
      opacity: 1; 
}
.jud_prd:hover{
	font-family: dosis;
	font-size: 20px;
	font-weight: normal;
	color:#FFC317;
	text-transform: capitalize;
	text-decoration: none;
	filter:alpha(opacity=100);
      -moz-opacity:1;
      -o-opacity: 1;
      opacity: 1; 
}
.jud_prd_aktif{
	font-family: dosis;
	font-size: 20px;
	font-weight: normal;
	color:#FFC317;
	text-transform: capitalize;
	text-decoration: none;
	filter:alpha(opacity=100);
      -moz-opacity:1;
      -o-opacity: 1;
      opacity: 1; 
}
.jud{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-transform: capitalize;
	text-decoration: none;
	line-height:130%;
}
.jud-nws{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-transform: capitalize;
	text-decoration: none;
	line-height:130%;
}.jud-nws:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#4E4E4E;
	text-transform: capitalize;
	text-decoration: none;
	line-height:130%;
}
.juddet{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#000;
	text-transform: capitalize;
	text-decoration: none;
	line-height:180%;
}
.jud-gal{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#000;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 110%;
}
.tg{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	color:#000;
	text-transform: none;
	text-decoration: none;
}
.jml{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	text-transform: none;
	text-decoration: none;
}
.judkat {
	font-family: HelveNueThin;
	font-size: 22px;
	font-weight: bold;
	color: #285397;
	text-decoration: none;
	text-transform: uppercase;
}
.jd-kc{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#a2a2a2;
	text-align:right;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 120%;
}.jd-kc:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#1970c2;
	text-align:right;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 120%;
}.jd-kc-akt{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#1970c2;
	text-align:right;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 120%;
}
.isi-hm{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	text-transform: none;
	text-decoration: none;
	line-height: 150%;
}
.isi{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	text-align:justify;
	text-transform: none;
	text-decoration: none;
	line-height: 150%;
}
.sval {
	border:1.5px solid #00000;
	padding:2px;
	margin:2px auto;
	font:11px Century gothic;
	line-height:19px;
	 border-radius:4px;
}
.linkmail{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4D32BF;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 150%;
}.linkmail:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #6A52D1;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 150%;
}
.input4 {
	border:1.5px solid #6B9EF4;
	padding:2px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;
}
.input4:hover {
	border:1.5px solid #3B7EF0;
	padding:2px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;	 
	box-shadow: 0 0 2px 1px #6B9EF4;
}
.input5 {
	border:1.5px solid #B5B5B5;
	padding:2px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;
}
.input5:hover {
	border:1.5px solid #8E8E8E;
	padding:2px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;	 
	box-shadow: 0 0 3px #686868;
}.det{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5B5B5B;
	text-transform: capitalize;
	text-decoration: underline;
	line-height: 150%;
}
.det:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1A1A1A;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 150%;
}
.rm{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #de9827;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 100%;
}
.rm:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E4AD53;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 100%;
}
.rm3{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1285CA;
	text-transform: capitalize;
	text-decoration: underline;
	line-height: 100%;
}
.rm3:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #1494E1;
	text-transform: capitalize;
	text-decoration: none;
	line-height: 100%;
}
.judul_c {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFC7;
	text-transform: none;
	text-decoration: none;
	line-height: normal;
}
.judul_c:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFF93;
	text-transform: none;
	text-decoration: none;
	line-height: normal;
}
.c{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	text-transform: none;
	text-decoration: none;
	line-height: normal;
}
.menu_bottom {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	text-transform: none;
	text-decoration: none;
}
.menu_bottom:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFF99;
	text-transform: none;
	text-decoration: none;
}

/*halaman admin*/
.border-adm{
	border: 1px solid #9D9C9C;
	background-color:#FFF;
	border-radius:6px;
	box-shadow:0 1px 6px #838282;
	padding:12px;
}
.text-adm {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	line-height: normal;
	text-decoration: none;
	text-transform: none;
}
.text-wel-adm {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #4dm1n050411;
	text-transform: none;
	text-decoration: none;
	line-height: 190%;
}
.verticaltext {
    transform: rotate(-90deg) translate(0, 100%);
    transform-origin: 0% 100%;
}
.rollover a { display:block; width:32px; background-color: #FFFFFF}
.rollover a:hover { background-color: #990000}
.jdl_pro {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #3360BB;
	text-decoration: none;
}
.jdl_pro:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #A15391;
	text-decoration: none;
}
#apDiv92 {
	position:absolute;
	width:169px;
	height:24px;
	z-index:3000;
	//padding-bottom: 400px;
	padding-right: 4px;
	padding-top: 59px;
	top:0px;
	left: 800px;
	right: 0px;
	bottom: 0px;
	}
.thumbnail{
	position: relative;
	top: 0;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #3360BB;
	text-transform: capitalize;
	text-decoration: none;
}
.thumbnail:hover{
	background-color: transparent;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #A15391;
	text-transform: capitalize;
	text-decoration: none;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
z-index: 110;	
background-color: E1CFDF;
padding: 2px;
left: -500px;
top: -300px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
border:1px solid #C6C6C6;
padding:1px;
margin: 0px 2px 2px 0;
font:11px Arial;
line-height:10px;
-webkit-box-shadow: 1px 1px 1px #A7A7A7;
 box-shadow: 0px 2px 2px 1px  #495749;
 border-radius-topright: 5px;
 border-radius-bottomright: 5px;
 border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
	visibility: visible;
	top: -305;
	left: -127px;
	z-index: 110;	
}


.thumbnail2{
	position: relative;
	z-index: 0;
	top: 0;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #3360BB;
	text-transform: capitalize;
	text-decoration: none;
}
.thumbnail2:hover{
	background-color: transparent;
	z-index: 50;		
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #A15391;
	text-transform: capitalize;
	text-decoration: none;
}
.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: E1CFDF;
padding: 2px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
	border:1px solid #C6C6C6;
	padding:1px;
	margin: 0px 2px 2px 0;
	font:11px Arial;
	line-height:10px;
	-webkit-box-shadow: 1px 1px 1px #A7A7A7;
	 box-shadow: 0px 2px 2px 1px  #495749;
	 border-radius-topright: 5px;
	 border-radius-bottomright: 5px;
	 border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{
	visibility: visible;
	top: -280;
	left: -55px;
}


p {
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	border-radius: 10px;
}
p img blur{ opacity: 0; }

.border_gbr:hover {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 opacity:1.0;
	-khtml-opacity:1; 
	border:1px solid #C6C6C6;
	padding:1px;
	margin: 0px 2px 2px 0;
	font:11px Arial;
	line-height:10px;
	-webkit-box-shadow: 1px 1px 1px #CECECE;
	 box-shadow: 0px 2px 2px 1px  #6D816D;
	 border-radius-topleft: 4px;
	 border-radius-topright: 5px;
	 border-radius-bottomright: 5px;
	 border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
		text-decoration: none;
}
.border_gbr{
	opacity:0.80;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	 opacity:0.80;
	-khtml-opacity:0.80; 
	border:1px solid #C6C6C6;
	padding:1px;
	margin: 0px 2px 2px 0;
	font:11px Arial;
	line-height:10px;
	-webkit-box-shadow: 1px 1px 1px #A7A7A7;
	 box-shadow: 0px 2px 2px 1px  #495749;
	 border-radius-topleft: 4px;
	 border-radius-topright: 5px;
	 border-radius-bottomright: 5px;
	 border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
		text-decoration: none;
}
.border_gbr09{
	border:1px solid #C6C6C6;
	padding:1px;
	margin: 0px 2px 2px 0;
	font:11px Arial;
	line-height:10px;
	-webkit-box-shadow: 1px 1px 1px #A7A7A7;
	 box-shadow: 0px 2px 2px 1px  #495749;
	 border-radius-topleft: 4px;
	 border-radius-topright: 5px;
	 border-radius-bottomright: 5px;
	 border-radius-bottomleft: 4px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
		text-decoration: none;
}
.border_gbr467{
	border:1px solid #8CC0FA;
	padding:1px;
	margin: 1px 1px 1px 1px;
	font:11px Tahoma;
	line-height:10px;
	 box-shadow: 0px 1px 1px 1px  #8CC0FA;
	-webkit-border-radius: 5px;
	 border-radius: 5px;
	text-decoration: none;

}
.border_gbr7 {
	border:1px solid #8CC0FA;
	padding:1px;
	margin:1px auto;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	line-height:17px;
	-webkit-box-shadow: 1px 1px 2px #8CC0FA;
	 box-shadow: 1px 1px 2px 2px #8CC0FA;
	 border-radius-topleft: 1px;
	 border-radius-topright: 3px;
	 border-radius-bottomright: 3px;
	 border-radius-bottomleft: 1px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}.pag {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #004F7C;
	text-transform: none;
}
.text-page {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #DEE6EF;
	padding: 3px;
}
.text-page:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-decoration: none;
	background-color: #A9CDFD;
	border: 1px solid #999999;
	padding: 3px;
}
.text-pages {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #C70910;
	line-height: 150%;
	text-decoration: none;
	padding: 3px;
}
.text-pages:hover {
	font-family: Tahoma, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #F40E17;
	line-height: 150%;
	text-decoration: none;
	padding: 3px;
}
.jm {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
}
.jm:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #D62929;
	line-height: 150%;
	text-decoration: none;
}
.isi_sum {
	font-family: Tahoma;
	font-size: 12px;
	color: #6c6c6c;
	text-decoration: none;
	line-height: 150%;
}
.jd_n5 {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}
#apDiv7 {
	position:absolute;
	z-index:1205;
}

.jdl_pro2 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #A15391;
	text-transform: capitalize;
	text-decoration: none;
}
.menu_top {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #424242;
	text-decoration: none;
	text-transform: uppercase;
}
.menu_top:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF3D3D;
	text-decoration: none;
	text-transform: uppercase;
}

.bg_pg{ background-color:#F3F8FE; line-height: 150%;}
.putih{font:11px Tahoma;color:#000000; line-height:16px; text-decoration:none;text-align:center;margin:0 auto;padding:0}
.garis_ke{
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
} 
.garis_ke2{
font-family: Tahoma;
font-size: 12px;
font-weight: bold;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
}

table.garis2{
padding: 1px;
width: 100%;
border: 1px solid #BFBFBF;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #000000;
}

tr.garis2{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
}
tr.garis2:hover {
background-color: #f1deb9;
} 
.garis_btm_m{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #BFBFBF;
}
.garis_prod2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFBFBF;
}
.garis_prod{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFBFBF;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #BFBFBF;
	border-right-style: dotted;
	border-right-color: #BFBFBF;
	border-right-width: 1px;
}
.garis2{
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
} 
.garis_ctu{
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
} 
.garis_top{
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #807b7b;
} 
.garis_top2{
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #807b7b;
} 
.garis4{
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
} 
table.garis{
padding: 1px;
height: 100%;
width: 100%;
border: 1px solid #BFBFBF;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
line-height: normal;
font-weight: normal;
color: #000000;
}
tr.garis{
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
font-family: Tahoma;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #000000;
}
tr.garis:hover {
background-color: #f5e8d0;
} 


.border_gbr4{
	border:1px solid #C6C6C6;
	padding:1px;
	margin: 0px 0px 0px 0;
	font:11px Arial;
	line-height:10px;
	 box-shadow: 0px 0px 1px 0px  #495749;
	text-decoration: none;
}
.border_gbr45{
	border:0.5px solid #ACACAC;
	padding:0.5px;
	margin: 0px 0px 0px 0;
	font:11px Arial;
	 box-shadow: 0px 0px 1px 1px  #495749;
	text-decoration: none;
}

.mem {
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
	text-transform: capitalize;
}
.xxxxx {
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
	text-transform: capitalize;
}
.xxxx {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
	text-transform: capitalize;
}
.xxx {
	font-family: Tahoma;
	font-size: 13px;
	font-weight: normal;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
}
.xx{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
}
.xx5{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #CB0000;
	line-height: 150%;
	text-decoration: none;
}
.xx5:hover{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #1B00A2;
	line-height: 150%;
	text-decoration: none;
}
.text_kat {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #945781;
	line-height: 150%;
	text-decoration: none;
	text-transform: capitalize;
	font-style: oblique;
}
.text {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #464545;
	line-height: 150%;
	text-decoration: none;
}
.text_invo {
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.garis{
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
} .garis_hm{
text-decoration: none;
text-align:center;
vertical-align:top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #BFBFBF;
border-radius:8px;
} 
.garis3{
font-family: Tahoma;
font-size: 11px;
font-weight: normal;
color: #000000;
line-height: 150%;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #BFBFBF;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #BFBFBF;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #BFBFBF;
}
.text-welcome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #686969;
	line-height: 100%;
	text-decoration: none;
	text-transform: capitalize;
}
.border275 {
	border: 1px solid #B46AD2;
}
.border275:hover {
	border: 1px solid #FFFFFF;
	cursor: crosshair;
	background-color: #000000;
	background-image: url(images/hapus.jpg);
}
.border2 {
	border: 1px solid #B46AD2;
}
.m_e {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #FF6B6D;
	font-style: italic;
}
#myform_errorloc {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	font-style: italic;
	line-height:160%;
	text-align:center;
}
.input {
	border:1.5px solid #4E4E4E;
	padding:3px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;
}
.input:hover {
	border:1.5px solid #000;
	padding:3px;
	margin:3px auto;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	line-height:15px;
	 border-radius:4px;	 
	box-shadow: 1px 1px 2px 1px #A7A7A7;
}
.input2{
	border:1.5px solid #4E4E4E;
	padding:1px;
	margin:1px auto;
	font:11px Century gothic;
	line-height:16px;
	 border-radius:3px;
	text-decoration: none;
	background-image: url(images/search.jpg);
	 border-radius:4px;
}
.input2:hover  {
	border:1.5px solid #000;
	padding:1px;
	margin:1px auto;
	font:11px Century gothic;
	line-height:16px;
	color: #34749d;
	 border-radius:3px;
	text-decoration: none;
	background-image: url(images/search.jpg);
	 border-radius:4px;	 
	box-shadow: 1px 1px 2px 1px #A7A7A7;
}
.input22{
	border:1px solid #FFADAF;
	padding:1px;
	margin:1px auto;
	font:11px Century gothic;
	line-height:16px;
	 border-radius:3px;
	text-decoration: none;
	background-image: url(images/sch.png);width:14px; height:16px
}
.input22:hover  {
	border:1px solid #FF6B6D;
	padding:1px;
	margin:1px auto;
	font:11px Century gothic;
	line-height:16px;
	color: #34749d;
	 border-radius:3px;
	text-decoration: none;
	background-image: url(images/sch.png);width:14px; height:16px
}
.menu10 {
	font-family: Tahoma;
	font-size: 10.4px;
	font-weight: bold;
	color: #865111;
	text-transform: uppercase;
	text-decoration: none;
}
.menu2 {
	font-family: Tahoma;
	font-size: 10.4px;
	font-weight: bold;
	color: #2602C3;
	text-transform: uppercase;
	text-decoration: none;
}.menu2:hover {
	font-family: Tahoma;
	font-size: 10.4px;
	font-weight: bold;
	color: #0258DC;
	text-transform: uppercase;
	text-decoration: none;
}
.menu90 {
	font-family: Tahoma;
	font-size: 10.4px;
	font-weight: bold;
	color: #023A91;
	text-transform: uppercase;
	text-decoration: none;
}
.merah_dely {
	font-family: Tahoma;
	font-size: 12px;
	color: #FF373B;
	text-decoration: none;
}
.ip3:hover {
	opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	 opacity:0.90;
	-khtml-opacity:0.90; 
}
.ip3 {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 opacity:1.0;
	-khtml-opacity:1; 
}
.ip:hover {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 opacity:1.0;
	-khtml-opacity:1; 
}
.ip {
	opacity:0.90;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	 opacity:0.90;
	-khtml-opacity:0.90; 
}
.ip_pop:hover {
	opacity:1.0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	 opacity:1.0;
	-khtml-opacity:1; 
	border: 1px solid #006699;
}
.ip_pop {
	opacity:0.85;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	 opacity:0.85;
	-khtml-opacity:0.85; 
	border: 1px solid #006699;
}
.border {
	border: 5px solid #006699;
}
.border_pop {
	border: 1px solid #1e78a5;
}
tr.blockrow td { margin:0; padding:5px 3px; }
tr.blockrow:hover td { background-color:#FFF7EA; margin:0; padding:5px 3px; }
tr.blockrow2 td { background-color:#FCDEDE; margin:0; padding:5px 3px; }
tr.blockrow2:hover td { background-color:#FFF3EB; margin:0; padding:5px 3px; }