/* CSS Document */
body {
	margin: 0;
	background: #4a5155;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	font-size: 0.7em;
	color: #000;
}
A:link {
	color: #F00;
	text-decoration: none;
}
A:visited {
	color: #F00;
	text-decoration: none;
}
A:hover {
	color: #F66;
	text-decoration: underline;
}
.paut:link {
	color: #099;
	text-decoration: none;
}
.paut:visited {
	color: #099;
	text-decoration: none;
}
.paut:hover {
	color: #0CC;
	text-decoration: underline;
}
.paut2:link {
	color: #00F;
	text-decoration: none;
}
.paut2:visited {
	color: #00F;
	text-decoration: none;
}
.paut2:hover {
	color: #F00;
	text-decoration: underline;
}
.paut3:link {
	color: #000;
	text-decoration: none;
}
.paut3:visited {
	color: #000;
	text-decoration: none;
}
.paut3:hover {
	color: #F00;
	text-decoration: none;
}

#wrap {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

/* ### MENU ### */
/* menu::base */
div#menu {
    height:41px;
    background:url(images/menu/main-bg.png) repeat-x;
}
div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-left: 5px;
}
div#menu li {
    position: relative;
    z-index: 9;
    margin: 0;
    padding: 0 5px 0 0;
    display: block;
    float: left;
}
div#menu li:hover>ul {
    left: -2px;
}
div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
	font-weight: bold;
}
div#menu a:hover, div#menu a:hover span { color: #fff; }
div#menu li.current a {}

div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
}
div#menu ul ul a.parent span {
    background-position:95% 8px;
    background-image: url(images/menu/item-pointer.gif);
}
div#menu ul ul a.parent:hover span {
    background-image: url(images/menu/item-pointer-mover.gif);
}
/* menu::level1 */
div#menu a {
    padding: 0 10px 0 10px;
    line-height: 30px;
    color: #FFF; /* #e5e5e5 */
}
div#menu span {
    margin-top: 5px;
}/**@replace#1*/
div#menu li { background: url(images/menu/main-delimiter.png) 98% 4px no-repeat; }
div#menu li.last { background: none; }
/* menu::level2 */
div#menu ul ul li { background: none; }
div#menu ul ul {
    position: absolute;
    top: 38px;
    left: -999em;
    width: 200px;
    padding: 5px 0 0 0;
    background: rgb(45,45,45);
    margin-top:1px;
}
div#menu ul ul a {
    padding: 0 0 0 15px;
    height: auto;
    float: none;
    display: block;
    line-height: 24px;
    color: rgb(169,169,169);
}
div#menu ul ul span {
    margin-top: 0;
    padding-right: 15px;
    _padding-right: 20px;
    color: rgb(169,169,169);
}
div#menu ul ul a:hover span {
    color: #fff;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}
/* menu::level3 */
div#menu ul ul ul {
    padding: 0;
    margin: -38px 0 0 163px !important;
    margin-left:172px;
}
/* colors */
div#menu ul ul ul { background: rgb(41,41,41); }
div#menu ul ul ul ul { background: rgb(38,38,38); }
div#menu ul ul ul ul { background: rgb(35,35,35); }
/* lava lamp */
div#menu li.back {
    background: url(images/menu/lava.png) no-repeat right -44px !important;
    background-image: url(images/menu/lava.gif);
    width: 13px;
    height: 44px;
    z-index: 8;
    position: absolute;
    margin: -1px 0 0 -5px;
}
div#menu li.back .left {
    background: url(images/menu/lava.png) no-repeat top left !important;
    background-image: url(images/menu/lava.gif);
    height: 44px;
    margin-right: 8px;
}

/* ### TABLE ### */
table {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #000;
}
table th {
	background: #6699FF;
	border-bottom: 1px solid #000;
}
.table2 td {
	font-size: 5px;
	padding: 0; 
}

/* ### FORM ### */
form input, form select, form textarea {
	background: #FFF;
	border: 1px solid #999;
	font-size: 11px;
	font-family: Arial, Tahoma, Geneva, sans-serif;
	padding: 3px;
	margin: 0;
}
form input:hover, form select:hover, form textarea:hover {
	border: 1px solid #000;
}
form input:focus, form select:focus, form textarea:focus {
	border: 1px solid #000;
}
form input[type="radio"], form input[type="checkbox"] {
	border: 0px solid #999;
	padding: 3px;
}
.button {
	background: #CCC;
	border: 1px solid #666;
	color: #333;
	cursor: pointer;
	font: 700 11px Tahoma, Arial, Helvetica, sans-serif;
}
.button:hover {
	border: 1px solid #000;
	color: #000;
}
.input2 {
	text-transform: uppercase;
}
.input3 {
	text-transform: uppercase;
	font-weight: bold;
}

/* ### TEKS ### */
.menu {
	color: #FFF;
	font-weight: bold;
}
.menu2 {
	color: #006;
	font-weight: bold;
}
.wajib {
	color: #F00;
}
.berita {
	color: #666;
	font-style: italic;
}
.term {
	color: #006;
	font-size: 1.2em;
	font-weight: bold;
}

/* ### SLIDER ROTATOR #### */
#sliderFrame 
{
    position:relative;
    width:748px;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:748px;height:173px;/* Must be the same size as the slider images */
}

#slider {
	background:#fff url(images/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(images/video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
#slider div.navBulletsWrapper  {
    top:179px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(images/bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(images/loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}