body{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
	
}

tr,td{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:black;
	
}
input {
	border:1px solid #336699;
}
.note{
	font-size:10px;
	color:black;
}

.header2 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 0x 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
 float: center;	
 width: 100%;
 color:brown;
 background-color:green;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

.header3 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.4) 0 1px 0 0;
 float: center;	
 width: 100%;
 color:black;
 background-color:#E0E4CC;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.header4 {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.4) 0 1px 0 0;
 float: center;	
 width: 100%;
 color:#008000;
 background-color:#ADFF2F;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:15px;
 padding:6px 0px;
 padding-top: 5px;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

div.depan	a {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
color: #333333;	
text-decoration:none; 
font-size:12px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 4px 8px;

}
   
div.depan a:link {
color: white;
border:0px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
}

div.depan a:active { 
color: #708090; 
background: white; 
border:1px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depan a:visited {
color: #F5F5F5; 
border:1px solid #708090; 
}

div.depan a:hover {
color: #708090;
background: white; 
border:0px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);}

div.depan a.current {
color: #708090;
background: white; 
border:0px solid #708090; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depanb	a {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 0px 0 0;
color: #333333;	
background: #847858; 
border:0px solid #228B22; 
border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
text-decoration:none; 
font-size:12px; 
line-height:16px; 
font-family: Tahoma, verdana, sans-serif;
padding: 4px 8px;

}
   
div.depanb a:link {
color: white;
background: #847858; 
border:0px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}
}

div.depanb a:active { 
color: #228B22; 
background: white; 
border:0px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

div.depanb a:visited {
color: #F5F5F5; 
background: #847858; 
border:1px solid #228B22; 
}

div.depanb a:hover {
color: #228B22;
background: white; 
border:0px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);}

div.depanb a.current {
color: #228B22;
background: white; 
border:0px solid #228B22; 
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

.tombol {
 color:#FEFCFF;
 background-color:#D64541;
 border-radius:1px;
 -moz-border-radius:1px;
 -webkit-border-radius:1px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:12px;
 font-weight:700;
 height:25px;
 padding:4px 20px;
}

.tombol:hover {
 color:#333;
 background-color:#FF0000;
 border-radius:1px;
 -moz-border-radius:1px;
 -webkit-border-radius:1px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:12px;
 font-weight:700;
 height:25px;
 padding:4px 20px;
}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}

div.tabelumum tr{
	background: #FFFAFA;
	font-size:11px;
	font-weight:normal;
	color:black;
}

div.tabelumum 
tr:hover {
  background-color: #FFFFD6;
}

.btn {
  -webkit-border-radius: 1;
  -moz-border-radius: 1;
  border-radius: 1px;
  text-shadow: 0px 0px 0px #666666;
  color: #ffffff;
  font-size: 10px;
  padding: 3px;
  background: #658999;
  text-decoration: none;
}

.btn:hover {
  background: #000000;
  text-decoration: none;
}

.rotated-text {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
	height:11.5em;
}
.rotated-text__inner {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}

.rotated-text__inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}

.containera {
  float: left;
}

.styled-select select {
   background: transparent;
   width: 80px;
   padding: 1px;
   font-size: 11px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 15px;
   }