/* S: BODY n CONTAINER */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: url("img/bg_pattern_light_color_01.png") top center repeat;
}

.box-body {
	background: #ffffff;
    border-image: none;
    border-style: none solid;
    border-width: medium 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	padding: 0 20px 10px;
	min-height: 100%;
}
/* E: BODY n CONTAINER */

/* S: Header Banner */
.banner-header {
	height: 167px;
	margin: 0 -20px;
	background-image: url('../images/idp-banner.png');
	background-repeat: no-repeat;
	background-position: left top;
	-webkit-background-size: 980px 167px;
	   -moz-background-size: 980px 167px;
		 -o-background-size: 980px 167px;
			background-size: 980px 167px;
}
/* E: Header Banner */


/* S: TOP NAVBAR */
.navbar-dasboard {
	margin: 0 -20px;
	padding: 5px;
}
/* ------------------------------------------------------------------------------------------------- */

.navbar .nav > li > a {
    font-weight: bold;
}

.navbar-inner {
	margin: 0 0 -20px;
	border-radius: 6px;
}

.navbar .divider-vertical {
    margin: 0;
}

/* ------------------------------------------------------------------------------------------------- */

.btn-nav-left {
    float: none;
	min-width: 200px;
	margin-bottom: 10px;
	margin-left: -35px;
	padding-top: 10px;
	white-space: nowrap;
}

.btn-nav-left > ul > li {
	list-style: none outside none;
    display: inline;
	margin-right: 8px;
}
/* E: TOP NAVBAR */



.boxshadow {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	margin: 0 0 20px;
	padding: 0 15px;
	border-radius: 5px;
}

.box-asset img {
    float: left;
	max-width: 175px;
    margin-right: 8px;
	margin-top: 15px;
}
.box-asset h3 {
	margin-top: 0;
	margin-bottom: -5px;
	border-bottom: 1px dashed #cccccc;
	font-size: 22px;
}

.box-asset .box-detail {
	margin-top: 5px;
	padding-top: 8px;
	padding-right: 10px;
	border-top: 1px dashed #cccccc;
	text-align: right;
}

.detblue {
	min-height: 110px;
	padding-top: 20px;
}
.listcat {font-size: 16px;}


/* S: Breadcrumb */
.breadcrumb {
    border-radius: 4px;
    list-style: none outside none;
    margin: 10px 0 15px;
    padding: 5px 10px;
	font-size: 12px;
}
.breadcrumb a {
    font-weight: normal;
}
/* E: Breadcrumb */


/* S: CONTENT */
#content {
	padding-right: 25px;
	border-right: 1px dotted #cccccc;
}

#content.one-col {
	padding-right: 0;
	border-right: none;
}
/* E: CONTENT */

/* S: Kata Pengantar */
.pengantar {
	padding-bottom: 15px;
	line-height: 1.5em;
}
.pengantar h3 {
	margin: 0 0 5px;
	padding: 0 0 3px 10px;
	border-bottom: 1px dashed #cccccc;
	line-height: normal;
}
.pengantar p {
	padding-right: 0;
	font-size: 15px;
}
/* E: Kata Pengantar */


/* S: SEARCH FORM */
.search-form {
	margin: 0 0 20px;
	padding: 0 0 10px;
	white-space: nowrap;
	border-bottom: 1px dashed #cccccc;
}
.form-search .input-append .search-query {
	width: 151px;
	-webkit-border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
			border-radius: 5px 0 0 5px;
}
.form-search .input-append .btn {
	-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
			border-radius: 0 5px 5px 0;
}

.advanced-search {
	margin-top: -8px;
}

.advanced-search .icon-chevron-right {
	margin-top: -1px;
}

.visible-arrow-black {
	display: ;
}
.visible-arrow-white {
	display: none;
}

/* E: SEARCH FORM */

.jquery-cs-date {
	margin-bottom: 20px;
	font-size: 12px;
}

/* S: TABLE */
.tbl-mobile {
	display: none;
}

.rstable {
  font-size: 12px;
}
.rstable .table th,
.rstable .table td {
  border-top: 1px dotted #dddddd;
}

.rstable .table th, 
.accordion-group.tbl-header, 
.tbl-accordion .ui-state-default, 
.tbl-accordion .ui-widget-content .ui-state-default, 
.tbl-accordion .ui-widget-header .ui-state-default {
	background: url("img/bg_riel_title.png") repeat-x scroll 50% 50%;
}

.rstable .table th, .accordion-group.tbl-header {
	vertical-align: middle;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
}
.accordion-group.tbl-header {
	padding: 8px 10px;
	text-align: left;
}
.rstable .col-center {text-align: center;}
.rstable .col-right {text-align: right;}

.table-bordered {
  border: 1px solid #dddddd;
  border-left: 0;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-striped tbody tr:nth-child(odd) td {
	background: #f5f5f5;
}

/* S: Table Accordion */
.tbl-accordion {font-size: 13px;}
.tbl-accordion h3 {font-size: 12px;}
.tbl-accordion .ui-accordion .ui-accordion-content {padding: 5px 10px;}
.tbl-accordion .ui-state-default, 
.tbl-accordion .ui-widget-content .ui-state-default, 
.tbl-accordion .ui-widget-header .ui-state-default {
	padding-top: 8px;padding-bottom: 8px;
}
.tbl-accordion td {padding: 2px 5px;vertical-align: top;}
.tbl-accordion td a {color: #0099cc;}
.title-tbl-accordion {color: #999999;text-align: right;white-space: nowrap;}
.tooltip-view a, .accordion-tbl-inner a {cursor: pointer;text-decoration: none;}



/* Interaction states
----------------------------------*/
.tbl-accordion .ui-state-default .ui-icon { background-image: url(jui_img/ui-icons_888888_256x240.png); }
.tbl-accordion .ui-state-hover .ui-icon, 
.tbl-accordion .ui-state-focus .ui-icon {background-image: url(jui_img/ui-icons_ffffff_256x240.png);}
.tbl-accordion .ui-state-active .ui-icon {background-image: url(jui_img/ui-icons_ffffff_256x240.png);}

.tbl-accordion .ui-state-default, 
.tbl-accordion .ui-widget-content .ui-state-default, 
.tbl-accordion .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
}
.tbl-accordion .ui-state-default a, 
.tbl-accordion .ui-state-default a:link, 
.tbl-accordion .ui-state-default a:visited {
	color: #cccccc;
}
.tbl-accordion .ui-state-hover, 
.tbl-accordion .ui-widget-content .ui-state-hover, 
.tbl-accordion .ui-widget-header .ui-state-hover, 
.tbl-accordion .ui-state-focus, 
.tbl-accordion .ui-widget-content .ui-state-focus, 
.tbl-accordion .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	color: #212121;
}
.tbl-accordion .ui-state-hover a, 
.tbl-accordion .ui-state-hover a:hover, 
.tbl-accordion .ui-state-hover a:link, 
.tbl-accordion .ui-state-hover a:visited {
	color: #ffffff;
}
.tbl-accordion .ui-state-active, 
.tbl-accordion .ui-widget-content .ui-state-active, 
.tbl-accordion .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa; 
	color: #212121;
}
.tbl-accordion .ui-state-active a, 
.tbl-accordion .ui-state-active a:link, 
.tbl-accordion .ui-state-active a:visited {
	color: #ffffff;
}
/* E: Table Accordion */

/* E: TABLE */


@media (min-width: 1200px) {
	.banner-header {
		height: 175px;
		-webkit-background-size: 1024px 175px;
		   -moz-background-size: 1024px 175px;
			 -o-background-size: 1024px 175px;
				background-size: 1024px 175px;
	}
	.pengantar p {
		padding-right: 60px;
	}
	.form-search .input-append .search-query {
		width: 158px;
	}
	.jquery-cs-date {
		float: right;
	}
	.visible-arrow-black {
		display: ;
	}
	.visible-arrow-white {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.banner-header {
		height: 130px;
		background-image: url('../images/header_banner_768.jpg');
		-webkit-background-size: 768px 130px;
		   -moz-background-size: 768px 130px;
			 -o-background-size: 768px 130px;
				background-size: 768px 130px;
	}
	.navbar-dasboard {
		padding: 2px;
	}
	.navbar-inner {
		border-radius: 3px;
	}
	.search-form, .jquery-cs-date {
		position: absolute;
	}
	.form-search .input-append .search-query {
		width: 200px;
	}
    #sidebar .search-form {
		display: none;
		padding-top: 24px;
    }
    #sidebar .jquery-cs-date {
		display: none;
		float: left;
    }
    .search-form, .jquery-cs-date {
		max-width: 744px;
		top: 178px;
		margin-left: -39px;
		padding: 10px 20px 20px;
		border-radius: 0 0 10px 10px;
		z-index: 1030;
    }
    .search-form a, .search-form a:visited {
		font-weight: bold;
		text-decoration: underline;
	}
    .search-form a:hover, .search-form a:visited:hover {
		text-decoration: none;
	}
	.advanced-search {
		padding: 0 0 0 60px;
	}
	.breadcrumb {
		border-radius: 0;
		margin: 0 -20px 15px;
		padding: 5px 10px;
	}
	.row-fluid .span9 {
		width: 100%;
	}
	#content {
		padding-right: 0;
		border-right: none;
	}
	.pengantar p {
		padding-right: 65px;
	}
	.visible-arrow-black {
		display: none;
	}
	.visible-arrow-white {
		display: inline-block;
	}
	
	.tbl-desktop {display: none;}
	.tbl-mobile {display: inherit;}
}
@media (max-width: 767px) {
	.banner-header {
		height: 130px;
		background-image: url('../images/idp-banner.png');
		-webkit-background-size: 768px 130px;
		   -moz-background-size: 768px 130px;
			 -o-background-size: 768px 130px;
				background-size: 768px 130px;
	}
	.navbar-dasboard {
		padding: 2px;
	}
	.navbar-inner {
		border-radius: 3px;
	}
	.search-form, .jquery-cs-date {
		position: absolute;
	}
	.form-search .input-append .search-query {
		width: 200px;
	}
    #sidebar .search-form {
		display: none;
		padding-top: 24px;
    }
    #sidebar .jquery-cs-date {
		display: none;
		float: left;
    }
    .search-form, .jquery-cs-date {
		max-width: 480px;
		top: 178px;
		margin-left: -19px;
		padding: 10px 20px 20px;
		border-radius: 0 0 10px 10px;
		z-index: 1030;
    }
    .search-form a, .search-form a:visited {
		font-weight: bold;
		text-decoration: underline;
	}
    .search-form a:hover, .search-form a:visited:hover {
		text-decoration: none;
	}
	.advanced-search {
		padding: 0 0 0 60px;
	}
	.breadcrumb {
		border-radius: 0;
		margin: 0 -20px 15px;
		padding: 5px 10px;
	}
	#content {
		padding-right: 0;
		border-right: none;
	}
	.pengantar h3 {
		margin: 0 0 5px;
		padding: 0 0 3px 0;
	}
	.pengantar p {
		padding-right: 0;
	}
	.visible-arrow-black {
		display: none;
	}
	.visible-arrow-white {
		display: inline-block;
	}
	
	.tbl-desktop {display: none;}
	.tbl-mobile {display: inherit;}
}
@media (max-width: 480px) {
	.banner-header {
		height: 100px;
		background-image: url('../images/header_banner_480.jpg');
		-webkit-background-size: 480px 100px;
		   -moz-background-size: 480px 100px;
			 -o-background-size: 480px 100px;
				background-size: 480px 100px;
	}
    .search-form, .jquery-cs-date {
		top: 148px;
    }
	.pengantar h3 {
		font-size: 16px;
	}
	.box-asset h3 {
		font-size: 18px;
	}
}

.godaddy {
	border-top: 1px dashed #cccccc;
	margin-top: 20px;
	padding: 20px 0 10px;
	text-align: center;
}

/* S: FOOTER */
footer {
    padding: 6px 20px 4px;
    font-size: 13px;
	text-align: center;
    font-family: Tahoma,Verdana,sans-serif;
}

footer hr {
    height: 0;
    margin: 0 0 4px;
}

.copy {
    font-size: 11px;
}
/* E: FOOTER */