@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;
	padding:0;
	margin:0 auto;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:11px;}
legend{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-style:oblique;}
h3,h4{color:#5181b4;border-bottom:1px #c0cada solid;padding:0 0 5px;margin:5px 0;font-weight:400;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:red;}
.clear{clear:both;}
img{border:none;}
ol,ul{list-style:none;}
a.bold{font-weight:700;}
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:1100px;background:#565758;margin:0 auto;padding:20px 22px;}
.headermenu{float:left;width:1090px;/*882%;*/height:194px;border-top:1px #014464 solid;/*background:url('../img/truck.JPG') no-repeat;*/}
.headermenu1{float:left;width:1090px;/*882%;*/height:60px;border:0 #014464 solid;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:24px;font-weight:700;/*background:url('../img/truck.JPG') no-repeat;*/}
.footer{float:left;width:1098px;/*878;*/height:70px;border:1px #444 solid;background-color:#121212;}
.content{float:left;width:1090px;/*880*/background:#bbb;}
.isicontentweb{float:left;width:1090px;/*870px;*/height:auto;/*border:1px solid #d5d5d5;*/padding: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:0;width:1088px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:#333;}
.isidata{float:left;margin-top:0;width:1079px;/*width:860px;*/padding: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:820px;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;}
.menu_info{float:left;margin-top:2px;margin-left:3px;height:26px;width:820px;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;;color:#FFF;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;/*text-transform: uppercase;*/}
.menu_center_info{float:left;margin-top:2px;width:74px;height:26px;background:url('../img/cr_middle.png') no-repeat;}
.nama_info{float:left;padding:3px;width:190px;margin:2px auto;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;text-align:center;}
.dashboard{width:1082px;float:left;padding:4px 4px;border-radius:5px 0 5px 5px;-webkit-border-radius:5px 0 5px 5px;-moz-border-radius:5px 0 5px 5px; background:#fff;}
.dashboard li{float:left;width:85px;height:85px;margin:3px;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:700;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:0;padding:0;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;text-decoration:none;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;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:#fff;color:#282e32;border:1px solid #464c54;border-bottom:1px solid #fff;background-image:url(images/tab_on.jpg);background-repeat:repeat-x;background-position:top;}
.detailtab{background-color:#fff;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:0;padding:0 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:0;}
.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:700;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.menu_login_info{float:right;width:260px;height:50px;padding:5px;background:#5181b4;border:1px #5181b4 solid;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.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;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:9px;color:#FFF;margin-left:1px;}
.user_logoff{float:left;width:64px;height:20px;padding:2px 3px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:10px;font-weight:700;margin-left:2px;margin-right:2px;color:#FFF;}
.paging_record{float:left;padding:2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;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:1080px;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 10px 8px;}
.copyright span{padding:0 7px;color:#FFF;}
.containercopyright{margin:0 auto;width:1080px;}
/* 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 #bbb;-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:0;padding-top:2px;font-family:"trebuchet ms",trebuchet,verdana,arial,helvetica,sans-serif;font-size:12px;font-weight:700;}
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 #bbb;-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:0 color-stop(100%,#bb3415));background-color:#bb3415;background-image:0 color-stop(100%,#bb3415));background-image:0;background-image:0;background-image:0;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:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s; }
.tbl-link{width:auto;height:18px;background-color:#bb3415;background-image:0 color-stop(100%,#bb3415));background-color:#bb3415;background-image:0 color-stop(100%,#bb3415));background-image:0;background-image:0;background-image:0;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:.3s;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;}
/*---- LOGIN FORM -- */.cont_login{width:310px;background: none;border:0px none 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;margin: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;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;margin:0;}
.loginbox{padding:5px;margin:10px auto;background:#f4f4f4;}
.fkode{	float:left;	width:90px;	margin-right:9px;	margin-bottom:2px;}
.fcont{	float:left;	width:200px;	margin-right:9px;	margin-bottom:2px;}
.commodity{float:left;	width:260px;margin-right:9px;	margin-bottom:2px;}
.chat-roombox{width:1078px;height:600px; padding:2px 2px; margin:2px 2px; background:#FFF;}
/* Notifkasi css */
#loading{height:50;display:none}
#pesan{padding:2;position:relative;left:110;cursor:pointer}
#notifikasi{background-color:#FF0000;font-size:8pt; font-weight:bold; color:#FFF; font:Tahoma, Geneva, sans-serif; padding:0 2px; position:relative;top:-8px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#info{width:200px;padding:3;position:absolute;left:110;background-color:#efefef;z-index:1000;display:none}
/* Overloading the default styles of jScrollPane */
.jspVerticalBar{
	background:none;
	width:20px;
}

.jspTrack{
	background-color:#202020;
	border:1px solid #111111;
	width:3px;
	right:-10px;
}

.jspDrag {
	background:url('../img/slider.png') no-repeat;
	width:20px;
	left:-9px;
	height:20px !important;
	margin-top:-5px;
}

.jspDrag:hover{
	background-position:left bottom;
}