.wajib {
    color: red;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin-left: 4px;
}

legend {
    border: 0px solid #336699;
    background-color: #294303;
    color: white;
    padding: 1px 10px 1px 10px;
}

fieldset {
    margin-top: 10px;
    background-color: #EEEEEE;
	margin-bottom: 10px;
}

.clear {
    clear: both;
}

/* table header */
.t2 {
    font-family     : Verdana;
    font-size       : 8pt;
    font-weight     : bold;
    color           : #FFFFFF;
    text-align      : center;
	background-color: #4081AF;
    height: 18px;
}

/* label for text field */
.t3{
/*    background-color: #EEEEEE;*/
    background-color: #EEEEEE;
    text-align      : right;
    font-weight     : 700;
    color: black;
    padding-right: 10px;
    font-family     : Verdana;
    font-size       : 8pt;
}

/* label for text field version 2 */
.t31{
    text-align      : right;
    font-weight     : 700;
    font-family     : Arial, Helvetica, sans-serif;
    color           : forestgreen;
    padding-right: 10px;
}

/* text field */
.t4, input[type="text"],input[type="password"] {
    border-left  : 1px solid #999999;
    border-top   : 1px solid #999999;
    border-right : 1px solid #999999;
    border-bottom: 1px solid #999999;
    font-family  : verdana;
    font-size    : 13px;
    background   : #ffffff url('../images/form.jpg') repeat-x; 
    /*line-height: 20;*/
    padding: 1px;
}

/* text field focus/hover */
.t4:hover,.t4:focus {
    color        : #336699;
    border-left  : 1px solid #FFCC00;
    border-top   : 1px solid #FFCC00;
    border-right : 1px solid #FFCC00;
    border-bottom: 1px solid #FFCC00;
}
a {
    text-decoration: none;
    
}
.a4 {
    text-decoration: none;
    color: white;
}

.a4:visited {
/*    color: black;*/
}

.a1 {
    text-decoration: none;
}

.a1:visited {
    color: black;
}

/* table outside frame */
.frame{
    border : 1px solid #DFE8F4;
}

.a2{
    text-decoration:none;
    background-color:#EEEEEE;
    cursor:pointer;
    border:1px solid #CCCCCC;
}

.a2:hover {
    background-color:#CCCCCC;
    color:white;
    border:1px solid #CCCCCC;
}

.a3{
    text-decoration:none;
    background-color:orange;
    border:1px solid #CCCCCC;
}

h2 {
    font-size: 14px;
}

.light2 { 
/*    background-color: #CCCCCC;*/
background-color: #EEEEEE;
margin-bottom: 10px;
}

.box2 {
    border-style: solid ;
    border-top-color: #DFE8F4 ;
    border-left-color: #DFE8F4 ;
    border-bottom-color: #DFE8F4 ;
    border-right-color: #DFE8F4 ;
    border-width: 2px;
    padding: 0px;
    border-radius: 8px ;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* used by row stripe */
.row1 {
    background-color:#FFFFCC;
    
}

.row2 {
    background-color:white;
    
}

.rowover {
    background-color:#EAFDFD;
    
}
/* pop-up window */
.pop {
    border:2px solid orange;
    background-color: #EEEEEE;
    border-radius: 8px ;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.statistik{ background-color: black; }

.statistik th{ background-color: #DC143C; font-weight: normal; font-family: arial; font-size: 11px; padding: 5px; color:white;}

.statistik td { font-family: arial; font-size: 11px; padding : 5px; }

.statistik .total { background-color: #FAAFBA; padding : 7px; }

.statistik #header { font-family: arial; font-size: 11px; padding: 5px; background-color: #fff; }

.statistik .row1 { background-color:  #FFF5EE; }

.statistik .row2 { background-color: #FFEFD5; }