/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#111111 url(../images/xsim/top-tail.gif) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:verdana, tahoma, Arial, Helvetica, sans-serif;
		font-size:0.7em;
		line-height:1.333em;
		color:#242424;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#717171;text-decoration:none;}
a:hover{text-decoration: underline;}
p {padding-top:5px;}

/* ============================= main layout ====================== */
#cust li { line-height:2.083em; font-size:10px; list-style: disc;}
li { line-height:2.083em;}

.link {background:url(../images/xsim/list-bg.gif) no-repeat 0 2px; color:#717171; font-weight:bold; display:inline-block; margin-top:25px; padding-left:12px;}

.imgindent {margin:0 15px 0 0; float:left;}

.atas{ background-color:#FF9A34; color:#1d1d1d; font-size:1.8em; line-height:1.15em; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; padding:3px;}
h2 { color:#1d1d1d; font-size:1.8em; line-height:1.166em; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; padding:3px;}
h3 {color:#6b8c01; font-size:1.833em; line-height:1em; font-weight:normal; letter-spacing:-1px; margin:3px 0 6px 0;}

cite {font-style:normal;}

/* ============================= header ====================== */

.logo {margin:18px 0 0 0;}
#header .border {border:1px solid #000000; border-bottom:none;}
.menu {border-bottom:1px solid #000000; width:100%; overflow:hidden;}
.menu li {float:left; width:145px; padding:0; text-align:center; background:url(../images/xsim/menu-devider.gif) top right repeat-y; padding-right:2px;}
.menu li a {color:#d5d5d5; text-decoration:none; background:url(../images/xsim/menu-tali.gif) top repeat-x; display:block; padding:5px 0 5px 0;}
.menu li a:hover {color:#ababab; background:url(../images/xsim/menu-tali-active.gif) top repeat-x;}
.menu .active a {color:#ababab; background:url(../images/xsim/menu-tali-active.gif) top repeat-x;}
.menu .last {background:none; padding:0; width:139px;}


/* ============================= content ====================== */

.banners {border-bottom:6px solid #111111; background:#ececec url(../images/xsim/banner-tail.gif) top repeat-x;}
.banner {width:407px; padding:15px 0 7px 20px; float:left;}
.banner2 {width:407px; padding:15px 0 7px 30px; float:left;}
.banner .imgindent {
	margin-right:5px;
	margin-left: 10px;
}
.banners .links {color:#6b8c01; padding:5px 0 0 0;}
.banners .links a {color:#6b8c01; font-weight:bold;}

.line {background:url(../images/xsim/banner-devider.gif) repeat-y 437px 0;}

.indent {padding:15px 5px 20px 40px;}

.col-pad {padding-right:35px;}
.col-pad2 {padding-right:36px;}

.date {color:#858585; background:url(../images/xsim/list-bg.gif) no-repeat 0 2px; padding-left:12px;}
.padding1 {padding-top:15px;}
.padding2 {padding-top:15px;}
.padding3 {padding-top:25px;}
.margin1 {margin-top:15px;}
.margin2 {margin-top:50px;}
.extra {overflow:hidden; zoom:1;}

#peraturan_list ul { margin-left: 20px; list-style: disc outside none}
/* ============================= footer ====================== */

#footer {color:#717171; font-size:10px; text-align:center; padding:7px 50px 0 50px;}
#footer a {color:#efefef; font-size:10px;}


/* ============================= forms ============================= */


#NewsletterForm .rowi {height:50px;}
.input {width:75px; height:19px; border:1px solid #cfcfcf; background:#ffffff; padding:0 0 0 2px; font-size:1em;}
.input2 {width:90px; height:23px; border:1px solid #cfcfcf; background:#000000; color:#FFFFFF; padding:0 0 0 2px; font-size:1em;}

#ContactForm {padding:0 22px 0 0;}
#ContactForm .rowi {height:26px;}
#ContactForm .input {width:221px; height:18px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; font-size:0.917em;}
textarea {width:221px; height:172px; border:1px solid #b4b4b4; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:0.917em;}
#ContactForm .button {width:221px; float:right; margin:30px 0 0 30px;}

/* ============================= layout ============================= */
#main { width:1000px; margin:0 auto; text-align:left;}

#header {background:url(../images/xsim/header-bg.gif) top left no-repeat; padding:30px 62px 0 62px;}

#content {border-bottom:8px solid #ec6a00; background:#f9f9f9 url(../images/xsim/content-tail.gif) bottom repeat-x; margin:0 62px 0 63px;}

#footer { height:68px;}

.col-0, .col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/
#page1 .col-0 {width:775px;}
#page1 .col-1 {width:500px;}
#page1 .col-2 {width:275px;}

#folder {
	padding-left:10px;
	border:none; 	
	margin: 10px auto;
}
#folder a:link{
	color:#003589;
	text-decoration:none;
}
#folder a:visited{
	color:#003589;
	text-decoration:none;
}
#folder a:hover{
	color:#1367F1;
	text-decoration:underline;
}
#folder dt, dd{
	margin: 0px;
	list-style-type: none;
	padding-bottom:2px;
	padding-top:2px;
}

#folder span {
	cursor: pointer;
	font-weight: bold;
}
#folder dt {
	padding-left:20px;
	padding-right:0px;
	margin: 10px 0;	
	border-bottom:solid 1px #dedede; 
	background-image:url(../images/xsim//folder_close.gif);
	background-repeat:no-repeat;
	background-position: top left;
	font-size: 11px;
}
#folder dd {
	padding-left:0px;
	padding-right:0px;
	margin-left: 20px;
}

#folder .noneli {
	padding:0px;
	background-image:none;
	list-style:none;
}