@charset "utf-8";

/* CSS Document */



a.button {

	background:transparent url('images/balon.jpg') no-repeat scroll top right;

	 color: #FFF;

    display: block;

    float: left;

    font: bold 12px "Century Gothic";

	width:255px;

	height:20px;

text-align:center;

}



a.button span {

    background: transparent url('images/balon.jpg') no-repeat;

    display: block;

   vertical-align:middle;

}



a.buttons {

	background:transparent url('images/balon.jpg') no-repeat scroll top right;

	color: #FFF;

  display: block;

  float: left;

  font: bold 12px "Century Gothic";

	width:255px;

	height:30px;

	text-align:center;

}



a.buttons span {

  background: transparent url('images/balon.jpg') no-repeat;

  display: block;

  vertical-align:bottom;

}



.JUDUL {

	font-family:"Century Gothic";

	font-size: 28px;

	font-style: normal;

	line-height: normal;

	font-weight: bold;

	color: #000000;

	 }

.TMenuItem {

	background-color: 015198;

	background-repeat: repeat;

	background-position: left top;

	letter-spacing: normal;

	text-align: left;

	vertical-align: middle;

	word-spacing: normal;

	white-space: normal;

	margin: 3px;

	padding: 0px;

	height: auto;

	width: auto;

	border: 1px none #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #FFFFFF;

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	position: fixed;

	text-indent: 0mm;

	display: table-cell;

}

.topic_box {

	font-family: 'Century Gothic';

	font-size: 16px;

	font-style: normal;

	line-height: normal;

	color: #015198; 

	text-shadow:#CCCCCC 1px 1px;

	border: 1px solid #CCCCCC;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

	padding: 1px;

}

.topic_box_content {

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

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	border: 1px solid #CCCCCC;

	font-weight: normal;

	text-align: justify;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 5mm;

	left: 3mm;

	right: 0mm;

	bottom: 0mm;

	letter-spacing: 1px;

}

.link_box_homepage {

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

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	border: 1px solid #CCCCCC;

	font-weight: normal;

	text-align: center;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 5mm;

	left: 3mm;

	right: 3mm;

	bottom: 3mm;

}

.page_footer {

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

	font-size: 11px;

	font-weight:bolder;

	letter-spacing:1;

	font-style: normal;

	line-height: 50%;

	color:#FFFFFF;

	border: 0px none #FFFFFF;

	font-weight: normal;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	top: 0mm;

	padding: 0mm;

	left: 0mm;

	right: 0mm;

	bottom: 0mm;

}

a.page_footer:link {color:#FFFFFF;}

a.page_footer:visited {color:#FFFFFF;}

.heading {

	font-family: 'Century Gothic';

	font-size: 24px;

	font-style: normal;

	color: #015198;

	font-weight: normal;

}.heading {

	font-family: 'Century Gothic';

	font-size: 24px;

	font-style: normal;

	color: #015198;

	font-weight: normal;

}

.paragraf {

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

	font-size: 12px;

	font-style: normal;

	line-height:  150%;

	color: #666666; 

	text-align: justify;

	vertical-align: top;

	letter-spacing: 1px;

	padding-right: 5mm;

	background-position: top;

}



.paragraf2 {

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

	font-size: 12px;

	font-style: normal;

	color: #666666;

	text-align: justify;

	vertical-align: top;

	letter-spacing: 1px;

	padding-right: 5mm;

	background-position: top;

}

.link_to_group {

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

	font-size: 11px;

	font-weight: bold;

	color: #666666;

	letter-spacing: 1px;

	text-indent: 5mm;

}

.link_item {

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

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	letter-spacing: 1px;

	text-indent: 5mm;

}

.judul_artikel {

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

	font-size: 24px;

	font-style: normal;

	line-height: normal;

	color: #015198;

	border: 0px none #CCCCCC;

	font-weight: bold;

	text-align: left;

	vertical-align: top;

	padding: 0px;

}



.judul_kecil {

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

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	color: #015198;

	border: 0px none #CCCCCC;

	font-weight: bold;

	text-align: left;

	vertical-align: top;

	padding: 0px;

}



.preview_artikel {

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

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	border: 0px none #CCCCCC;

	font-weight: normal;

	text-align: justify;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 0mm;

	left: 3mm;

	right: 3mm;

	bottom: 3mm;

	letter-spacing: 1px;

}



.btnLink{

	background-image:images/tombol_ref.png;

}



.right_corner_link {

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

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	letter-spacing: 1px;

	text-indent: 5mm;

	padding-right: 5mm;

	text-align: right;

}

.ket_gambar {

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

	font-size: 10px;

	color: #666666;

	text-align: center;

	vertical-align: middle;

}

.group_referensi {

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

	font-size: 16px;

	font-style: normal;

	line-height: normal;

	color: #015198;

	border: 0px none #CCCCCC;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 0mm;

	left: 3mm;

	right: 3mm;

	bottom: 3mm;

	letter-spacing: 0px;

	background-image: url(telekomunikasi/images/ref_tel_22.jpg);

	background-position: center;

}

.alamat {

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

	font-size: 11px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	border: 0px none #CCCCCC;

	font-weight: normal;

	text-align: justify;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 0mm;

	left: 3mm;

	right: 3mm;

	bottom: 3mm;

	letter-spacing: 1px;

}



.alamat2 {

	font-family: 'Century Gothic';

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	letter-spacing: 1px;

	vertical-align:middle;

	text-align:center;

	letter-spacing: 1px;

} 

.alamat2:visited {

 color: #FFFFFF;

}



.alamat3 {

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

	font-size: 14px;

	font-weight: bold;

	color: #666666;

	letter-spacing: 1px;

	letter-spacing: 1px;

} 

.alamat3:visited {

 color: #333333;

}



.detail_referensi {

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

	font-size: 9px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	border: 1px solid #CCCCCC;

	font-weight: normal;

	text-align: center;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	padding: 1mm;

	left: 0mm;

	right: 0mm;

	bottom: 0mm;

	letter-spacing: 1px;

	}

.bullet_list {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 150%;

	font-weight: normal;

	color: #666666;

	text-align: left;

	list-style-position: inside;

	list-style-image: none;

	list-style-type: none;

	vertical-align: baseline;

	white-space: normal;

}

.judul_bullet {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 120%;

	font-weight: bold;

	color: #666666;

	text-align: left;

	list-style-position: inside;

	list-style-image: none;

	list-style-type: none;

	vertical-align: baseline;

	white-space: normal;

}



.TOPIK_BOX2 {

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

	font-size: 10px;

	font-style: normal;

	line-height: normal;

	color: #666666;

	font-weight: normal;

	text-align: center;

	vertical-align: top;

	list-style-position: inside;

	list-style-type: disc;

	text-indent: 0mm;

	top: 0mm;

	left: 0mm;

	right: 0mm;

	bottom: 0mm;

	letter-spacing: normal;

	border: 1px solid #CCCCCC;

	padding-top: 2mm;

	padding-right: 0mm;

	padding-bottom: 2mm;

	padding-left: 0mm;

}

.TULISAN_AJA {

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

	font-size: 16px;

	font-style: normal;

	line-height: normal;

	color: #015198;

	border: 0px solid #CCCCCC;

	font-weight: bold;

	text-align: center;

	vertical-align: middle;

	padding: 1px;

}

.box {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	color: #666666;

	border: 1px solid #CCCCCC;

}

.link_box {

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

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	letter-spacing: 1px;

	text-indent: 0mm;

	text-align: left;

	padding: 5mm;

	line-height: 200%;

}

.box_border_right {

	padding: 5mm;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	margin: 0px;

}

.box_border_topdown {

	padding: 5mm;

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

}



.border_keliling {

	border: 1px solid #CCCCCC;

}



.box_border_left {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #CCCCCC;

	border-left-color: #CCCCCC;

	padding: 5mm;

}



/*tambahan*/

.box_home {

	font-family: 'Century Gothic';

	font-size: 14px;

	font-style: normal;

	line-height: normal;

	letter-spacing: 3px;

	color:#FFFFFF;

	font-weight: bold;

	text-shadow:#CFD8F3 1px 1px 1px;

	text-align:center;

	vertical-align: middle;

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

}



.topic_box_contentx {

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

	font-size: 13px;

	font-style: normal;

	line-height: normal;

	color:#BFF7FB;

/*font-weight: bold;*/

	vertical-align: top;

	letter-spacing: 1px;

	}

	

.topic_box_contentx_gal {

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

	font-size: 10px;

	font-style: normal;

	line-height: normal;

	color:#BFF7FB;

	font-weight: bold;

	vertical-align: top;

	letter-spacing: 1px;

	}



	.xfooter{

background:url(images/bawah.gif) no-repeat right;}



a.buttonmenu:link {

	background:transparent url('images/abu2.jpg');

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	text-align:center;

	text-transform:uppercase;

	padding-top:15;

	padding-bottom:15;

}

a.buttonmenu:visited {

	background:transparent url('images/abu2.jpg');

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding-top:15;

	padding-bottom:15;

	text-align:center;

	text-transform:uppercase;

}



a.buttonmenu:hover {

text-decoration: none;

background:transparent url('images/putih.jpg');

color:#3366FF;

}





a.buttonmenu span {

    background: transparent url('images/abu2.jpg');

    display: block;

   vertical-align:middle;

}



a.buttonmenu2:link {

	background:transparent url('images/abu2.jpg');

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	text-align:center;

	text-transform:uppercase;

		padding-top:15;

	padding-bottom:15;

}

a.buttonmenu2:visited {

	background:transparent url('images/abu2.jpg');

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding-top:15;

	padding-bottom:15;

	text-align:center;

	text-transform:uppercase;

}



a.buttonmenu2:hover {

text-decoration: none;

background:transparent url('images/putih_2.jpg');

color:#3366FF;

}



a.buttonmenu2 span {

    background: transparent url('images/abu2.jpg');

    display: block;

   vertical-align:middle;

}



a.buttonRef:link {

	/*background:transparent url('images/reference1.jpg');*/

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	/*text-align:center;*/

	text-transform:uppercase;

	padding-top:15;

	padding-bottom:15;

}

a.buttonRef:visited {

	/*background:transparent url('images/reference3.jpg');*/

 	color:#FFFFFF;

	display: block;

 	font: bold 12px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding-top:15;

	padding-bottom:15;

	/*text-align:center;*/

	text-transform:uppercase;

}



a.buttonRef:hover {

text-decoration: none;

background:transparent url('images/reference2.jpg');

/*color:#3366FF;*/

}



a.buttonRef span {

    /*background: transparent url('images/abu2.jpg');*/

    display: block;

   vertical-align:middle;

}



.bg1{

background:url(images/bg.jpg) fixed;

/*background-color:#0b499d;*/

}



.menuKategori{ background:url(images/buttonBlue.jpg) repeat center;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;	color:#FFFFFF;

}

	

a.buttonFor:link {

	background:transparent url('images/buttonBlue.jpg') repeat;

 	color:#FFFFFF;

	display: block;

 	font: bold 14px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	text-align:center;

	text-transform:uppercase;

		padding-top:20;

	padding-bottom:20;

}

a.buttonFor:visited {

	background:transparent url('images/buttonBlue.jpg') repeat;

 	color:#FFFFFF;

	display: block;

 	font: bold 14px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding-top:20;

	padding-bottom:20;

	text-align:center;

	text-transform:uppercase;

}



a.buttonFor:hover {

text-decoration: none;

background:url('images/buttonBlueOver.jpg') repeat;

color:#FFFFFF;

}



a.buttonFor span {

    background: transparent url('images/buttonBlue.jpg') repeat;

    display: block;

   vertical-align:middle;

}



a.buttonHeavy:link {

	background:transparent url('images/buttonBlue.jpg') repeat;

 	color:#FFFFFF;

	display: block;

 	font: bold 14px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	text-align:center;

	text-transform:uppercase;

		padding-top:20;

	padding-bottom:20;

}

a.buttonHeavy:visited {

	background:transparent url('images/buttonBlue.jpg') repeat;

 	color:#FFFFFF;

	display: block;

 	font: bold 14px Arial, Helvetica, sans-serif;

	vertical-align:middle;

	padding-top:20;

	padding-bottom:20;

	text-align:center;

	text-transform:uppercase;

}



a.buttonHeavy:hover {

text-decoration: none;

background:url('images/buttonBlueOver.jpg') repeat;

color:#FFFFFF;

}



a.buttonHeavy span {

    background: transparent url('images/buttonBlue.jpg') repeat;

    display: block;

   vertical-align:middle;

}



.judulboxindex{	

 	color:#FFFFFF;

 	font: bold 18px 'univers',Arial, Helvetica, sans-serif;

	vertical-align:middle;

	text-align:center;

	text-transform:uppercase;

}

.bodybcg{ background:url(images/bg.jpg);}



.borderIndex{

border-bottom:#CCCCCC solid 2px;

border-left:#CCCCCC solid 2px;

border-right:#CCCCCC solid 2px;

border-top:#CCCCCC solid 2px;}



.stepcarousel{

position: relative; /*leave this value alone*/

border: 0px solid orange;

overflow: scroll; /*leave this value alone*/

width: 1022px;

height: 300px; /*Height should enough to fit largest content's height*/

}



.stepcarousel .belt{

position: absolute; /*leave this value alone*/

left: 0;

top: 0;

}



.stepcarousel .panel{

float: left; /*leave this value alone*/

overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

margin: 0px; /*margin around each panel*/

}



.experienceTable tr td{

	color:white;

	font: 13px 'univers',Arial, Helvetica, sans-serif;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:10px;

	}



.experienceTable tr th{

	color:white;

	font: bold 18px 'univers',Arial, Helvetica, sans-serif;

	padding-top:5px;

	padding-bottom:5px;

}



div#preload { display: none; }