@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) top repeat-x #fff;
	}
p { margin: 0 0 1.5em; } 
h1 {display:none;}
h2 {
	color:#2592d4;
	font: 1.818em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0;padding:0;
	}
h3 {
	color:#ffa200;
	font: 1.636em Arial, Helvetica, sans-serif;
	margin:0; padding:0;
}
h3 span {
	color:#2592d4;
	}
h4 {
	font-size: 1em;
	color:#0f5789;
	font-weight:bold; margin:0; padding:0;
	}
h4 a, .content-item a, .content-item-right a{
	text-decoration:none;
	color:#0f5789;
	}
h4.content-item-title {font-weight:normal;}

h5 {
	font-size: 1.1em;
	border-bottom: solid 1px #efefef;
	color:#000;
 }
#container {
	width: 900px;
	margin: 0 auto;
	}
#header {
	}
.logo {
	width: 200px;
	float:left;
	padding-left: 25px;
	}
.menu-top {
	width: 330px;
	float:right;
	font-size: 0.909em;
	padding-top: 15px;
	padding-right: 45px;
	}
.menu-top a {
	text-decoration:none;
	color:#666666;
	}
form.search {
	width: 200px;
	float:right;
	margin-top: -7px;
	}
form.search2 {
	width: 200px;
	float:right;
	margin-top: -7px;
	}
	
form.search,form.search2 input[type=text] {
	border:none;
	font: 0.909em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
.layanan-cepat {
	width: 350px;
	float:right;
	text-align:right;
	padding: 15px 55px 15px;
	}
.layanan-cepat select {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	}
.wrap-menu {
	background:url(../images/menu-bar-left.gif) left top no-repeat;
	padding-left: 442px;
	}
#out-img {
	width: 441px;
	float:left;
	}
#left-img {
	width: 130px;
	float:left;
	}
#mid-img {
	width: 132px;
	float:left;
	}
#right-img {
	width: 192px;
	float:left;
	}
.menu li a span {
	display:none;}
.menu li a.blackberry {
	display:block;
	width: 130px;
	height: 54px;
	background:url(../images/m-blackberry.gif) left top no-repeat;
	}
.menu li a.blackberry2 {
	display:block;
	width: 130px;
	height: 54px;
	background:url(../images/m-blackberry2.gif) left top no-repeat;
	}
.menu li a.internet {
	display:block;
	width: 130px;
	height: 54px;
	background:url(../images/m-internet.gif) left top no-repeat;
	}
.menu li a.internet2 {
	display:block;
	width: 130px;
	height: 54px;
	background:url(../images/m-internet2.gif) left top no-repeat;
	}
.menu li a.nyambungterus {
	display:block;
	width: 192px;
	height: 54px;
	background:url(../images/m-nyambungterus.gif) left top no-repeat;
	}
.menu li a.nyambungterus2 {
	display:block;
	width: 192px;
	height: 54px;
	background:url(../images/m-nyambungterus2.gif) left top no-repeat;
	}
#wrap-footer {
	background:url(../images/bg-footer.gif) bottom repeat-x #fff;
	padding: 50px 0 10px 0;
	}
.footer {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0 20px;
	font-size: 0.909em;
	color:#343434;
	text-align:center;
	}
.footer a {
	text-decoration:none;
	color:#343434;
	}
	
#topest-content {
	background:url(../images/bg-content-login.gif) left top no-repeat;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-bottom: expression("0");
	margin-top: 7px;
	}
.page-title {
	width: 340px;
	float:left;
	padding-left: 95px;
	}
.loginarea {
	width: 400px;
	float:left;
	margin-left: 30px;
	}
.loginarea input[type=text], .loginarea input[type=password] {
	border:none;
	font: 0.909em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	}
.loginarea .input-login {
	background:url(../images/bg-login-input.gif) center no-repeat;
	}
#wide-content {
	background:url(../images/bg-wide-content.gif) left repeat-y;
	}
.wide-t {
	background:url(../images/bg-wide-t.gif) left top no-repeat;
	}
.wide-b {
	background:url(../images/bg-wide-b.gif) left bottom no-repeat;
	padding:15px 95px 25px 95px;
	}
small {
	font-size:0.909em;
	color:#e05f00;
	}
.content-item {
	color:#3a3d3f;
	line-height: 20px;
	}
.content-item-red {
	color:#ff9900;
	line-height: 20px;
	}
.content-item-date {
	font-size:0.909em;
	color:#e05f00;
	line-height: 20px;
	}
.content-item-title {
	font-size:1.5em;
	color:#2592d4;
	line-height: 20px;
	}
.content-item-title a{
		color:#2592d4;
	line-height: 20px;
	}
.li {
	text-indent: 30px;
	list-style-position: inside;
	list-style-type: square;
}
.li2 {
	list-style-position: outside;
	list-style-type: decimal;
	text-indent: 30px;
}
.tos {
	width: 98%;
	height: 230px;
	overflow:auto;
	border-style:inset;
	border-width: thin;
	padding: 10px;
	font-size: 10px;
	}
#banner-iklan {
	padding: 10px 40px 0;
	margin: 10px 0 0;
	}
.banner-wide {
	width: 490px;
	float:left;
	}
.banner-normal {
	width: 310px;
	float:left;
	margin-left: 10px;
	}
.menu-top a:hover, .footer a:hover, .content-item a:hover, .content-item-right a:hover {
	color:#000;
	}
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(../images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -9px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -35px 0 0 -10px;
}
.menu li.right-align ul {
	text-align:right;
	margin: -9px 0 0 -10px;
	}
.menu li.right-align li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: -21px;
	left: -85%;
}
/* -- sticky.submenu.END -- */


/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

.menu ul li {
	color: #eee;
	background: #3d79ca;
}
.menu ul ul li {
	color: #eee;
	background: #4e86d1;
}
.menu ul ul ul li {
	color:#eee;
	background:#5b8cce;
	}
.menu ul {
	width: 15em;
}

.menu a {
	text-decoration: none;
	color: #eee;
	display: block;
	position: relative;
}
.menu ul li a {
	padding: .5em 1em;
	}
.menu ul a:hover, .menu ul li:hover>a {
	color: #fff;
	background:#999999;
}
/*.menu ul ul a:hover, .menu ul ul li:hover>a {
	color: #fff;
	background:#f9a121;
}
.menu ul ul ul a:hover, .menu ul ul ul li:hover>a {
	color: #fff;
	background:#04569c;
}.menu li li li {
	border-bottom: 1px solid #84e47c;
	}
.menu li li li li {
	border-bottom: 1px solid #f8cf93;
	}*/
.menu li li {	/* create borders around each item */
	border-bottom: 1px solid #709dda;
}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}



/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */


label {
	text-align:right;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	border-bottom: dotted 1px #cccccc;
	display:block;
  }


.roundedinput input {	border:solid 0 #fff;
	width:320px;	font:11px  Verdana, Arial, Helvetica, sans-serif ;
	color:#333 ;

}
.roundedinput {
	margin:0 3px 3px 10px;
	padding: 7px 10px;
	height:17px;
	width:445px;
	background: transparent url("../images/bg-iform.gif") left center no-repeat;
}

.roundedtxtarea {
	margin:0 3px 3px 10px;
	height:130px;
	width:445px;
	background: transparent url("../images/bg-itextarea.gif") no-repeat;
	padding: 0 10px;
}
.roundedtxtarea textarea {	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333 ;
	border:solid 0 #fff;
	width: 420px;
	height:90px;margin: 5px 3px;
	}
.submit {
	height:25px;
	border:solid 0 #fff;
	width:77px;
	background: transparent url("../images/bg-submit.gif") no-repeat;
	color:white;
	text-transform:uppercase;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
 }
/*-------- added 16 Jan------------- */
 #double-content {
	background:url(../images/bg-double-content.gif) left repeat-y;
	}
.wide-td {
	background:url(../images/bg-wide-td.gif) left top no-repeat;
	}
.wide-bd {
	background:url(../images/bg-wide-bd.gif) left bottom no-repeat;
	padding:15px 90px 25px 50px;
	}
/* edited feb11 */
.content-item-left {
	width: 175px;
	float:left;
	padding-top: 55px;
	margin-right: 30px;
	min-height: 500px;
	}
.content-item-right {
	width: 500px;
	float:left;
	line-height: 20px;
	color:#3a3d3f;
	margin-left: 50px;
	}
.content-item-left a {
	text-decoration:none;
	color:#09366f;
	}
.content-item-left a:hover {
	color:#518AD4;
	}
.content-item-left ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.content-item-left ul li {
	color:#FC9900;
	padding: 4px 0 0 0;
	}
.content-item-left ul li li {
	margin:0;
	padding:5px;
	border-bottom: solid 2px #EFEFEF;
	background:#E2E2E2;
	}
#vertical_container, #vertical_container_dua, #vertical_container_tech {
	width: 690px;
	margin-left: 15px;
	}
#vertical_container, #vertical_container_dua, #vertical_container_tiga, #vertical_container_empat {
 width: 690px;
 margin-left: 15px;
 }
.accordion_toggle {
	display: block;
	background:url(../images/expand.gif) 7px 7px no-repeat #d6f1ab;
	padding: 3px 10px 3px 25px;
	color: #394723;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 2px 0;
}
.accordion_toggle_active {
	color: #ffffff;
	border-bottom: 1px solid #f68263;
	background-color: #FF9900;
	background-image: url(../images/collapse.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	padding:10px 20px;
}
.accordion_content p {
	margin:0;
	padding: 5px 0;
}
.accordion_content ul, .accordion_content ol, .accordion_content li {
	padding:0;
	margin: 0 15px;
}
.accordion_content h6 {
	margin:0;
	padding:0;
	border-bottom: solid 1px #cccccc;
	font-size: 12px;
}

.bluebold {
	padding: 5px;
	background:#e6ffcc;
	border: solid 1px #c1e898;
	margin: 3px 0;
	color:#548321;
	font-weight:bold;
	}
.redbold {
	color: #FF6600;
	font-weight:bold;
	}