@font-face{
   font-family:affixfont;
   src:url(huruf/ComicNeue\-Angular\-Regular.otf);
}

@font-face{
   font-family:affixfontdigit;
   src:url(huruf/Digital\ Dot\ Roadsign.otf);
}

body{
  /*background-color : #72808D;*/
  
  background: #72808d;
background: -moz-radial-gradient(center, ellipse cover, #72808d 0%, #2a3036 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #72808d), color-stop(100%, #2a3036));
background: -webkit-radial-gradient(center, ellipse cover, #72808d 0%, #2a3036 100%);
background: -o-radial-gradient(center, ellipse cover, #72808d 0%, #2a3036 100%);
background: -ms-radial-gradient(center, ellipse cover, #72808d 0%, #2a3036 100%);
background: radial-gradient(ellipse at center, #72808d 0%, #2a3036 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72808d', endColorstr='#2a3036', GradientType=1 );

  font-family : Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size : 14px;
}

label[name="LableTotal"]{
 /*  font-family : affixfontdigit;*/
}

div.blockscreen{
   left:0; 
   top:0;
   width : 100%;
   height : 100%;
   position : fixed;
   display : block;
   background-color : #000;
   opacity : 0.5;
}
div.wrapperform div.contenform, div.wrapperFlyForm div.contenform{
  position :relative;
  padding : 5px;
  /*background-color : #EEEEEE;*/
  color : #3F3F3F;
  background: #fffaff;
  background: -moz-linear-gradient(top, #fffaff 0%, #B2B2B2 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fffaff), color-stop(100%, #B2B2B2));
  background: -webkit-linear-gradient(top, #fffaff 0%, #B2B2B2 100%);
  background: -o-linear-gradient(top, #fffaff 0%, #B2B2B2 100%);
  background: -ms-linear-gradient(top, #fffaff 0%, #B2B2B2 100%);
  background: linear-gradient(to bottom, #fffaff 0%, #B2B2B2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaff', endColorstr='#B2B2B2', GradientType=0 );
 
}

div.wrapperform,div.wrapperFlyForm{
   border : 1px solid #3F3F3F;
   /*padding : 5px;*/
   display : block;
   margin : 10px;
   background-color : #fff;
  
  
}

div.wrapperform div.titleform, div.wrapperform div.footerform,div.wrapperFlyForm div.footerform , div.wrapperFlyForm div.titleform{
 /* background-color : #3F3F3F;*/
  
  
  display : block;
  padding : 10px;
  color : #EEEEEE;
  
  color : #F6E7D0;
   background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #000000 9%, #3f74ac 90%, #000000 94%, #3f74ac 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(9%, #000000), color-stop(90%, #3f74ac), color-stop(94%, #000000), color-stop(100%, #3f74ac));
  background: -webkit-linear-gradient(top, #000000 0%, #000000 9%, #3f74ac 90%, #000000 94%, #3f74ac 100%);
  background: -o-linear-gradient(top, #000000 0%, #000000 9%, #3f74ac 90%, #000000 94%, #3f74ac 100%);
  background: -ms-linear-gradient(top, #000000 0%, #000000 9%, #3f74ac 90%, #000000 94%, #3f74ac 100%);
  background: linear-gradient(to bottom, #000000 0%, #000000 9%, #3f74ac 90%, #000000 94%, #3f74ac 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3f74ac', GradientType=0 );

}

div.wrapperform div.titleform,div.wrapperFlyForm div.footerform{
  font-weight : bold;
}

div.wrapperFlyForm{
  /* z-index : 9;*/
   position : absolute;
   top :5%;
}


input[type="button"]:not(.btslc){
  /*border : 1px solid #3F3F3F;*/
  background-color : #3F3F3F;
  
  padding : 7px;
  cursor : pointer;
  margin : 5px;
  width : 80px;
  color : #CCCCCC;
  border : none;
  font-family : affixfont;
  font-size : 14px;
}

input[type="button"].btslc{
  background-color : #3F3F3F;
  cursor : pointer;
  border : none;
  padding : 5px;
  vertical-align : middle;
}

input[type="button"]:enabled{
   /*background-color : #3F3F3F;*/
   color : #F6E7D0;
  background: #7a0451;
  background: -moz-linear-gradient(top, #7a0451 0%, #7a0451 80%, #29041b 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #7a0451), color-stop(80%, #7a0451), color-stop(100%, #29041b));
  background: -webkit-linear-gradient(top, #7a0451 0%, #7a0451 80%, #29041b 100%);
  background: -o-linear-gradient(top, #7a0451 0%, #7a0451 80%, #29041b 100%);
  background: -ms-linear-gradient(top, #7a0451 0%, #7a0451 80%, #29041b 100%);
  background: linear-gradient(to bottom, #7a0451 0%, #7a0451 80%, #29041b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0451', endColorstr='#29041b', GradientType=0 );
}

input[type="button"]:hover:enabled{
  background-color : #555554;
  color : #EEEEEE;
  font-weight :bold;
  
    background: #7a0451;
  background: -moz-linear-gradient(top, #7a0451 0%, #7a0451 64%, #29041b 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #7a0451), color-stop(64%, #7a0451), color-stop(100%, #29041b));
  background: -webkit-linear-gradient(top, #7a0451 0%, #7a0451 64%, #29041b 100%);
  background: -o-linear-gradient(top, #7a0451 0%, #7a0451 64%, #29041b 100%); 
  background: -ms-linear-gradient(top, #7a0451 0%, #7a0451 64%, #29041b 100%);
  background: linear-gradient(to bottom, #7a0451 0%, #7a0451 64%, #29041b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0451', endColorstr='#29041b', GradientType=0 );
  
}

input[type="button"]:disabled{
  border : 1px solid red;
  cursor : default;
  
  
  
  
  /*background-color : #555554;
  color : #EEEEEE;
  font-weight :bold;*/
}

input[type="text"],select,input[type="checkbox"]{
  border : 1px solid #3F3F3F;
  padding : 3px;
  margin-top : 3px;
  margin-bottom : 3px;
  display : block;
  font-family : affixfont;
  font-size : 14px;
}

div#err label{
  color : #fff;
  background-color : red;
  margin : 2px;
  display:block;
  padding : 5px;
  font-size:12px;
}

input.error{
  border : 1px solid red;
  background-color : #FFFFCC;
}

table{
  border : 1px solid #555554;
  width:100%;
  
  
}

table thead th{
  /*border : 1px solid #555554;
  background-color : #777777;*/
  padding-bottom : 4px;
  padding-top : 4px;
  color : #EEEEEE;
  font-size : 13px;
  
  
  background: #292829;
  background: -moz-linear-gradient(top, #292829 0%, #827082 50%, #404040 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #292829), color-stop(50%, #827082), color-stop(100%, #404040));
  background: -webkit-linear-gradient(top, #292829 0%, #827082 50%, #404040 100%);
  background: -o-linear-gradient(top, #292829 0%, #827082 50%, #404040 100%);
  background: -ms-linear-gradient(top, #292829 0%, #827082 50%, #404040 100%);
  background: linear-gradient(to bottom, #292829 0%, #827082 50%, #404040 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292829', endColorstr='#404040', GradientType=0 );
}
td{
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 6px;
  padding-bottom : 2px;
  font-size : 14px;
  /*color : #555554;*/
}

tr#new{
  color :red;
}

tr.odd{
  background-color : #FFFFFF;
  /*background-color : #F6E7D0;*/
}

tr.rec:hover{
   background-color : #44ABE5;
   cursor : pointer;
   color : #fff;
}


tr.selected{
  background-color : #3C7AC7;
  color : #fff;
}




div#table-nav{
   background-color : #606060;
   color : #EEEEEE;
   font-size : 14px;
   bottom : 10px;
   position : absolute;
   display : block;
   width :100%;
   padding : 1px 0px 1px px;
}

div#table-nav a{
  color : #EEEEEE;
  text-decoration : none;
  width : 50px;
  display:inline-block;
  text-align : center;
  margin-top : 3px;
}

div#table-nav a:hover{
  color : #3F3F3F;
  background-color : #CCCCCC;
  font-weight : bold;
  
}

input[type="checkbox"]:hover{
  cursor:pointer;
} 

div.block{
  left : 0px;
  top : 0px;
  display : block;
  position : fixed;
  width : 100%;
  height : 100%;
  z-index : 6;
  background-color : #fff;
}

input:read-only{
  background-color : #EEEEEE;
}

input:-moz-read-only{
  background-color : #EEEEEE;
}

td.currency{
  text-align : right; 
}

div.meja{
   display: inline-block;
   position : relative;
   margin : 1%;
   cursor : pointer;
   width : 200px;
/*  height : 70px;*/
   background: #3f74ac;
background: -moz-linear-gradient(top, #3f74ac 0%, #4f92d6 43%, #4f92d6 57%, #3f74ac 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #3f74ac), color-stop(43%, #4f92d6), color-stop(57%, #4f92d6), color-stop(100%, #3f74ac));
background: -webkit-linear-gradient(top, #3f74ac 0%, #4f92d6 43%, #4f92d6 57%, #3f74ac 100%);
background: -o-linear-gradient(top, #3f74ac 0%, #4f92d6 43%, #4f92d6 57%, #3f74ac 100%);
background: -ms-linear-gradient(top, #3f74ac 0%, #4f92d6 43%, #4f92d6 57%, #3f74ac 100%);
background: linear-gradient(to bottom, #3f74ac 0%, #4f92d6 43%, #4f92d6 57%, #3f74ac 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f74ac', endColorstr='#3f74ac', GradientType=0 );
   border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border: 0px solid #000000;
}

div.mnwrp{
   border : 1px solid #3F3F3F;
}


div.mnwrp label.ttlmn{
   background:#3F3F3F;
   line-height: 20px;
   width:100%;
   display:block;
   margin :0;
   color : #DADADA;
}

div.mnwrp:hover{
   background : #EEEEEE;
}

div#menulist{
   /*height : 400px;*/
   overflow-y : scroll; 
}
div#topSlider{
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
   bottom:0;
   
   border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border: 0px solid #000000;
}

label.okmsg,label.failmsg,label.processmsg{
   float : right;
   padding :5px 10px 5px 10px;
   color :#DADADA;
   font-weight:bold;
   border:2px solid #DADADA;
   border-radius: 10px 10px 10px 10px;
   -moz-border-radius: 10px 10px 10px 10px;
   -webkit-border-radius: 10px 10px 10px 10px;
   border: 0px solid #000000;
   -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.75);
}

label.okmsg{
  background: green;
}

label.failmsg{
  background: red;
}

label.processmsg{
  background: #F3C81E;
  color : #000;
}
tr.trmj:hover  td.lside,tr.clickmouse{
   -webkit-box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 0px 5px 0px rgba(0,0,0,0.75);
	
	width:40%;
	border-right:3px solid #DADADA; 
	
}