::selection { background-color: #E13300; color: white; }
::-moz-selection { background-color: #E13300; color: white; }
body {
	margin:0;
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.container {
	width:970px;
	padding-right:5px;
	padding-left:5px;
	margin-right:auto;
	margin-left:auto;
}
*,
*:before,
*:after {
	
	text-shadow:none !important;
	/*
	color:#000 !important;
	background:transparent !important;
	box-shadow:none !important;
	*/
	-webkit-box-shadow:none !important;
	
}

*:before,
*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.tabs:after,
.clearfix:after,
.container:after,
.row:after
{
	clear:both;
}
.tabs:before,
.tabs:after,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after
{
	display:table;
	content:" ";
}

.row {
	margin-right:-5px;
	margin-left:-5px;
}
.col-1:before,
 .col-2:before,
 .col-3:before,
 .col-4:before,
 .col-5:before,
 .col-6:before,
 .col-7:before,
 .col-8:before,
 .col-9:before,
 .col-10:before,
 .col-11:before,
 .col-12:before{
	/*content:'\0000a0';*/
}
.col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12{
	position:relative;
	min-height:1px;
	padding-right:5px;
	padding-left:5px;
}
.col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12 {
	float:left;
}
.col-12 {
	width:100%;
}
.col-11 {
	width:91.66666667%;
}
.col-10 {
	width:83.33333333%;
}
.col-9 {
	width:75%;
}
.col-8 {
	width:66.66666667%;
}
.col-7 {
	width:58.33333333%;
}
.col-6 {
	width:50%;
}
.col-5 {
	width:41.66666667%;
}
.col-4 {
	width:33.33333333%;
}
.col-3 {
	width:25%;
}
.col-2 {
	width:16.66666667%;
}
.col-1 {
	width:8.33333333%;
}
.col-pull-12 {
	right:100%;
}
.col-pull-11 {
	right:91.66666667%;
}
.col-pull-10 {
	right:83.33333333%;
}
.col-pull-9 {
	right:75%;
}
.col-pull-8 {
	right:66.66666667%;
}
.col-pull-7 {
	right:58.33333333%;
}
.col-pull-6 {
	right:50%;
}
.col-pull-5 {
	right:41.66666667%;
}
.col-pull-4 {
	right:33.33333333%;
}
.col-pull-3 {
	right:25%;
}
.col-pull-2 {
	right:16.66666667%;
}
.col-pull-1 {
	right:8.33333333%;
}
.col-pull-0 {
	right:auto;
}
.col-push-12 {
	left:100%;
}
.col-push-11 {
	left:91.66666667%;
}
.col-push-10 {
	left:83.33333333%;
}
.col-push-9 {
	left:75%;
}
.col-push-8 {
	left:66.66666667%;
}
.col-push-7 {
	left:58.33333333%;
}
.col-push-6 {
	left:50%;
}
.col-push-5 {
	left:41.66666667%;
}
.col-push-4 {
	left:33.33333333%;
}
.col-push-3 {
	left:25%;
}
.col-push-2 {
	left:16.66666667%;
}
.col-push-1 {
	left:8.33333333%;
}
.col-push-0 {
	left:auto;
}
.col-offset-12 {
	margin-left:100%;
}
.col-offset-11 {
	margin-left:91.66666667%;
}
.col-offset-10 {
	margin-left:83.33333333%;
}
.col-offset-9 {
	margin-left:75%;
}
.col-offset-8 {
	margin-left:66.66666667%;
}
.col-offset-7 {
	margin-left:58.33333333%;
}
.col-offset-6 {
	margin-left:50%;
}
.col-offset-5 {
	margin-left:41.66666667%;
}
.col-offset-4 {
	margin-left:33.33333333%;
}
.col-offset-3 {
	margin-left:25%;
}
.col-offset-2 {
	margin-left:16.66666667%;
}
.col-offset-1 {
	margin-left:8.33333333%;
}
.col-offset-0 {
	margin-left:0;
}
.pull-right{
	float:right !important;
}
.pull-left {
	float:left !important;
}
.center-block {
	display:block;
	margin-right:auto;
	margin-left:auto;
}
.center-text{
	text-align:center;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
a{
	text-decoration: none;
	color: #235a81 !important;
	font-weight: bold;
}
.topbar-nav{
	background: #e9e9e9 none repeat scroll 0 0;
    border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
    color: #454545;
    font-weight: normal;
	height: 40px;
	display:block;
	
	
}
.topbar-nav li {
    float: left;
	border-left: 1px solid #d9d9d9;
}

.topbar-nav li > a {
    color: #606060;
    display: block;
    font-size: 14px;
    font-weight: bold;
	padding: 9px 5px 9px 30px;
    position: relative;
    text-align: center;

}
.topbar-nav li > a:hover {
    color: #606060;
	background-color:#fff;
}
.topbar-nav li:last-child {   
    border-right: 1px solid #d9d9d9;
}
.group {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    display: block;
    font-size: 12px !important;
    
    text-align: left;
    /*width: auto;*/
}
.margin-sm{
	margin-top:3px;
	margin-bottom:3px;
}
.group .group-header {
    background: #e9e9e9 none repeat scroll 0 0;

    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    padding: 5px 10px;
    text-shadow: 0 1px 0 #777777;
}
.group .group-konten{
	padding: 10px;
	border-bottom: 1px solid #d9d9d9;
	
}
.group-konten:last-child{
	border-bottom: none;
}
.ui-widget{
	    font-size: 12px !important;
}
  .custom-combobox {
    position: relative;
    display: inline-block;
	width:100%;
  }
input.src, .src-button{
	margin: 0;
    padding: 5px 10px;

	background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: normal;
		
}
input.src{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-right: 0px;
	width:100%;
}
.src-button{
	font-size: 1em;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	width: 2.2em;
	text-decoration: none;
	cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin-right: 0.1em;
    overflow: visible;
    text-align: center;
    vertical-align: middle;
	bottom: 0;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    top: 0;
	right:-2.2em;
}
.src-button .ui-icon {
    left: 50%;
	top:50%;
    margin-left: -8px;
	position: absolute;
	margin-top: -8px;
	right:0;
}
.ui-icon {
    background-image: url("../img/ui-icons_444444_256x240.png");
	height: 16px;
    width: 16px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.leftbar-nav a {
    border-bottom: 1px dashed #FF6600;
    color: #2e2e2e;
    float: left;
    font-size: 12px;
    padding: 13px 5px 13px 48px;
    text-shadow: 0 1px #fff;
    width: 100%;
	position:relative;
}
.leftbar-nav{
	margin-bottom:20px;
}
.leftbar-nav a:hover {
    background: #fff;
}
.leftbar-nav > li:first-child a{
	border-top: 1px dashed #FF6600;
}
.margin-sb{
	margin-bottom:5px;
}
.tabs{
	border-bottom:1px solid #d9d9d9;
	padding:10px 5px 0;
}
.tabs > li{
	float:left;
}
.tabs > li a{
	padding:10px;
	border: 1px solid #d9d9d9;
	background: #e9e9e9 none repeat scroll 0 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	display:block;
	border-bottom: 0px;
	min-width:100px;
}
.tabs > li a.aktif{
	background: #fff none repeat scroll 0 0;
}
.tab_isi{
	
	min-height:100px;
	padding: 10px;
/*	
	border: 1px solid #d9d9d9;
	border-top: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
*/
}
.modal-background{
	opacity: 0.5;
	background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
	display: none;
}

.modal{
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
	overflow-x: hidden;
    overflow-y: auto;
}

.modal-dlg {
	background-color: #fff;
    position: fixed;
    z-index: 1050;
    width: 1000px;
	margin: 30px auto;
	position: relative;
	padding:10px;
	font-size:10px;
	border-radius: 4px;
	border: 1px solid #000;
	background: #e9e9e9 none repeat scroll 0 0;
}
#report{
	border: 1px solid #d9d9d9;
	background: #fff;
}
.report{
	width:950px;
	font-size:10px;
	margin:0 auto;
}
.table > div{
	border-bottom:1px solid #000;
}
.table > div:first-child{
	border-top:1px solid #000;
}
.table-header > div,.table-data > div{
	border-left:1px solid #000;
}
.table-header > div:first-child,.table-data > div:first-child{
	border:none;
}
.table-header > div{
	padding:3px;
}
.table-data > div{
	padding-left:3px;
}
input[type="text"],input[type="password"],input[type="number"],input[type="email"],select,textarea{
	margin: 0;
    padding: 5px 10px;

	background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #c5c5c5;
    color: #454545;
    font-weight: normal;
	border-radius: 3px;
	width:100%;
	margin-bottom:3px;
}
.error{
	color:red;
	font-weight:bold;
}
.a-button {
  cursor:pointer;
  display:block;
  line-height:normal;
  margin-right:0.1em;
  margin-bottom:10px;
  overflow:visible;
  padding:4px 10px;
  position:relative;
  text-align:center;
  vertical-align:middle;
  background:none 0 0 repeat scroll #E9E9E9;
  border-color:#C5C5C5;
  border-style:solid;
  border-width:1px;
}