@charset "utf-8";
/* CSS Untuk Admin Design */

*{margin:0 auto; padding:0}
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,form,legend{margin:0 auto;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}*:focus{outline:0}
body{color:#000;background:#565758 ;}
legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:oblique;
}
h3, h4 {
	color: #5181b4;
	border-bottom: 1px #c0cada solid;
	padding: 0px 0px 5px 0px;
	margin: 5px 0px 5px 0px;
	font-weight: normal;
	font-size: 14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

b {
	color: #5e5e5e;
}
a, a:visited{
	color:#040283;
	text-decoration:none
}
a:hover, a:focus{
	text-decoration:none;
	color:#f00
}
.clear{clear:both}

img {
	border: none;
}
ol, ul {
list-style: none;
}

a.bold {
	font-weight: bold;
}
a:link	{text-decoration:none;}
a:visited	{text-decoration:none;}
a:hover	{color:#00C;text-decoration:none; cursor:pointer;}
a:active   {color:#000;text-decoration:none;}
li:hover{
	
}
br {
	margin-bottom: 5px;
}
.container{
	width:880px;
	background:#565758;
	margin:0 auto;
	padding:20px 22px;
}
.headermenu{
	float:left;
	width:882px;/*98%;*/
	height:194px;
	border-top:1px #014464 solid;
	
	/*background:url('../img/truck.JPG') no-repeat;*/
}
.headermenu1{
	float:left;
	width:882px;/*98%;*/
	height:60px;
	border:0px #014464 solid;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	/*background:url('../img/truck.JPG') no-repeat;*/
}
.footer{
	float:left;
	width:878px;/*98%;*/
	height:70px;
	border:1px #444 solid;
	background-color: #121212;
}
.content{
	float:left;
	width:880px;
	background:#bbb;
}

.isicontentweb{
	float:left;
	width:870px;/*98%;*/
	height:auto;
	/*border:1px solid #d5d5d5;*/
	padding:5px 5px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	margin:5px 0;
}
.panel_left_top{
	float:left;
	width:596px;
}
.top_content{
	margin-top:5px;
	height:174px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#F2F2F2;
}
.datadinamis{
	margin-top:0px;
	width:870px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#333;
}
.isidata{
	float:left;
	margin-top:0px;
	width:860px;
	/*height:640px;*/
	padding:5px 5px;
	background:#FFF;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}
.menu_left_content{
	float:left;
	margin-top:2px;
	margin-left:3px;
	height:26px;
	width:600px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	background:#333;
}
.menu_center_content{
	float:left;
	margin-top:2px;
	width:74px;
	height:26px;
	background:url(../img/cr_middle_content.png) no-repeat;
}
.menu_right_content{
	float:left;
	height:26px;
	width:193px;
	margin-top:2px;
	background:url(../img/bk_content_title.png) repeat-x;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
}
.nama_info{
	float:left;
	padding:3px 3px;
	width:190px;
	margin:2px auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.dashboard{
	width:270px;
	float:right;
	margin-top:3px;
}
.dashboard li{
	float:left;
	width:85px;
	height:85px;
	margin:2px 2px;
	background:1px #F2F2F2 solid;
	background:#F2F2F2 ;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-decoration:none;
	text-align: center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	overflow:hidden;
}
.dashboard li:hover{
	background:url('../img/dash_blue.png') no-repeat;
	float:left;
}
/* START UNTUK TAB ----- */

.tabbed_area {
	border:1px solid #494e52;
	background-color:#636d76;
	padding:2px;	
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:2px;
	margin-bottom:4px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#464c54;
	color:#ffebb5;
	padding:5px 14px 5px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
	background-image:url(images/tab_off.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#2f343a;
	border-color:#2f343a;
}
ul.tabs li a.active {
	background-color:#ffffff;
	color:#282e32;
	border:1px solid #464c54; 
	border-bottom: 1px solid #ffffff;
	background-image:url(images/tab_on.jpg);
	background-repeat:repeat-x;
	background-position:top;	
}
.detailtab {
	background-color:#ffffff;
	padding:5px;
	border:1px solid #464c54; 	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
#detailtab_2, #detailtab_3 { display:none; }

.detailtab ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.detailtab ul li {
	list-style:none;
	border-bottom:1px solid #d6dde0;
	padding-top:5px;
	padding-bottom:5px;
	font-size:13px;
}
.detailtab ul li:last-child {
	border-bottom:none;
}
.detailtab ul li a {
	text-decoration:none;
	color:#3e4346;
}
.detailtab ul li a small {
	color:#8b959c;
	font-size:9px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	left:4px;
	top:0px;
}
.detailtab ul li a:hover {
	color:#a59c83;
}
.detailtab ul li a:hover small {
	color:#baae8e;
}

/* END TABS ----///
/*li:hover{
	background: url(../img/dash_blue.png) no-repeat;
}*/
div.tmpmenu{
	padding:2px 0;
}
.header_info{
	float:left;
	width:600px;
	height:50px;
	padding:5px 2px;
	background:#565758 ;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.menu_login_info{
	float:right;
	width:260px;
	height:50px;
	padding:5px 5px;
	background:#5181b4;
	border:1px #5181b4 solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.menu_info{
	float:left;
	width:590px;
	height:16px;
	background:#0080FF;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:5px 5px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	/*text-transform: uppercase;*/
}
.menu_center_info{
	float:left;
	width:74px;
	height:26px;
	background:url(../img/cr_middle.png) no-repeat;
}
.menu_right_info{
	float:left;
	height:26px;
	width:192px;
	background:url(../img/bk_content_title.png) repeat-x;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
}

.user-info{
	float:left;
	width:200px;
	padding:5px 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin-left:1px;
}
.detail_info{
	float:left;
	width:120px;
	padding:2px 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	margin-left:1px;
}
.user_logoff{
	float:right;
	width:60px;
	height:20px;
	padding:2px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
	color:#FFF;
}
.paging_record{
	float:left;
	padding:2px 2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-left:5px;
}
.side_menu{
	
}
input, select {
	font-size: 11px;
	color: #000; /*#595959;*/
	
}
.odd {
  background-color: #EDEFE9; 
}
.even {
  background-color: #f9f9f9;
}

.left {
	float: left;
}
.right {
	float: right;
}
.copyright, .containercopyright{width:878;margin:5px auto}
.copyright a{color:#cda869;text-decoration:none}
.copyright a:hover{text-decoration:underline}
.copyright p{color:#FFF;font-size:9px;font-variant:small-caps;padding:10px 0}
.copyright, .trademarks{font-size:10px;font-style:italic;padding:3px 0 30px 8px}
.copyright span{padding:0 7px; color:#FFF}
.containercopyright{margin:0 auto;width:878px}


/* Button, Label, Select, Textbox Property & Design */
select{
	background:#fff;
	color:#1b1b1b;
	padding:5px;
	height:28px;
}

select option{padding:2px}

select{
	background:#fff;
	border:1px solid #bbbbbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	height:28px;
	margin:0;
	padding:4px;
	width:auto;
}

label{
	float: left; 
	line-height: 16px; 
	padding: 0 0 0 4px;
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease;
	margin-top:7px;
}
.islabel{
	line-height: 8px; 
	margin-top:0px;
	padding-top:2px;
	font-family: "trebuchet ms",trebuchet,verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight:bold;
}
input [type=radio]{
	margin-top:25px;
	padding-top:10px;
}
input[type=text],[type=password]{
	-moz-background-clip:padding;
	-webkit-background-clip:padding;
	-o-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-khtml-background-clip:padding-box;
	background-clip:padding-box;
	background:#fff;border:1px solid #bbbbbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	color:#000; /*#7e7e7e*/
	height:28px; /*30px*/
	margin-bottom:2px;
	outline:0;
	padding:3px 0 3px 8px;
	position:relative;
	-webkit-appearance:none;
}

input:-moz-placeholder{color:#bbb}

.btn-simpan{
	width:auto;
	height:28px; 
	background-color:#bb3415;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0441b), color-stop(100%, #bb3415));
	background-color:#bb3415;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0441b), color-stop(100%, #bb3415));
	background-image:-webkit-linear-gradient(#d0441b,#bb3415);
	background-image:-moz-linear-gradient(#d0441b,#bb3415);
	background-image:-o-linear-gradient(#d0441b,#bb3415);
	background-image:linear-gradient(#d0441b,#bb3415);
	-moz-background-clip:padding;
	-webkit-background-clip:padding;
	-o-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-khtml-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #c93d1e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font:13px/17px Tahoma, Geneva, sans-serif;
	margin:0 8px 0 0;
	padding:5px 10px 6px;
	text-align:left;
	text-shadow:0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.1);
	-moz-transition-property:border-color;
	-webkit-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
}
.tbl-link{
	width:auto;
	height:18px; 
	background-color:#bb3415;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0441b), color-stop(100%, #bb3415));
	background-color:#bb3415;
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0441b), color-stop(100%, #bb3415));
	background-image:-webkit-linear-gradient(#d0441b,#bb3415);
	background-image:-moz-linear-gradient(#d0441b,#bb3415);
	background-image:-o-linear-gradient(#d0441b,#bb3415);
	background-image:linear-gradient(#d0441b,#bb3415);
	-moz-background-clip:padding;
	-webkit-background-clip:padding;
	-o-background-clip:padding-box;
	-ms-background-clip:padding-box;
	-khtml-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #c93d1e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font:13px/17px Tahoma, Geneva, sans-serif;
	margin:0 8px 5px 0;
	padding:5px 10px 6px;
	text-align:left;
	text-shadow:0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.1);
	-moz-transition-property:border-color;
	-webkit-transition-property:border-color;
	-o-transition-property:border-color;
	transition-property:border-color;
	-moz-transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
}
/*---- LOGIN FORM -- */

.cont_login{
	width:310px;
	background:#565758;
	border:1px #565758 solid;
	margin:0 auto;
	padding:20px 22px;
}
.login_header{
	float:left;
	width:300px;/*98%;*/
	height:160px;
	background-color:#f4f4f4;
	border-left:1px solid #d5d5d5;
	border-top:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	padding:5px 5px;
	margin:0 0;
}
.login_content{
	float:left;
	width:300px;/*98%;*/
	height:auto;
	background-color:#f4f4f4;
	border-left:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	padding:5px 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.25) 1px 1px 3px; 
	box-shadow: rgba(0,0,0,0.25) 1px 1px 3px;
	margin:160px 0;
}
.login_footer{
	float:left;
	width:300px;/*98%;*/
	height:80px;
	background-color:#f4f4f4;
	border-left:1px solid #d5d5d5;
	border-buttom:1px solid #d5d5d5;
	border-right:1px solid #d5d5d5;
	padding:5px 5px;
	margin:0 0;
}
.loginbox{
	padding:5px 5px;
	margin:10px auto;
	background:#f4f4f4;
}