@charset "utf-8";
/* CSS Document */
body {
    background:url(../images/page_bg.jpg) repeat;
    /*background:url(http://sipeka.bbksdajatim.org/asset/images/page6.png) no-repeat;*/
    /*background-size: 100px 100px;*/
    /*background-size: 100% 110%;*/
    /*background-position: 0% 112px;*/
/*    width: 50px;
    height: 50px;*/
    /*background-color: #e4d5c1;*/
    font: 13px/20px "Celeste","TitilliumText14L250wt","Helvetica Neue", Celeste, TitilliumText14L250wt, Helvetica, Arial, sans-serif; 
    /*width:100%;*/ 
    margin: 0; 
    /*padding-top: 100px;*/
    padding: 0;
}
.blok_header { 
    margin: 0; 
    padding: 0;
    background: url(../images/banner_image_copy1.png) top repeat-x;
    background-size: 95% 100%;
}
.header { 
    margin:0; 
    padding:0;
}
/* logo */
.logo { 
    padding-left: 5px; 
    padding-top: 17px; 
    margin:0; 
    width:70px; 
    float:left;
}
.logo-app { 
/*    padding-left: 5px; 
    padding-top: 17px; */
    margin:0; 
    width:70px; 
}
.judul {
    padding:20px;
    float:left;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    text-align:left;
}
.judul h1 {
    font-size:26px;
    padding-top: 0px;
    padding-left: 8px;
    text-shadow:2px 2px 2px #999;
    line-height:2px;
}
.judul p1 {
    font-family: Celeste;
    text-align: center;
    line-height: 2px;
    padding-top: 10px;
    padding-left: 10px;
}

.header_text { 
    margin:0 auto; 
    padding:0px 0 0px 0; 
    width:500px; 
}

.header_text h1{
    font-size: 23px;
    text-shadow: 2px 2px 2px #999;
    line-height: 2px;
    text-align: center;
}

/**** bawah header ***/
input, select, textarea {
    font-size: 1em;
}
form label {
    float: left;
    width: 10em;
    font-weight: bolder;
    padding:4px;
    margin:6px;
}

input{
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;

    box-shadow:0 1px 2px #ddd;
    -moz-box-shadow:0 1px 2px #ddd;
    -webkit-box-shadow:0 1px 2px #ddd;

    border:1px solid #aaa;
    color:#555555;
    padding:4px;
    margin:6px;

}
#header {
    text-align:center;
    width:400px;
    margin:0px auto;
    margin-top:50px;
    line-height:4px;
}

#header h1 {
    font-size:30px;
    text-shadow:2px 2px 2px #999;
}
#header h2 {
    font-size:12px;
}

#flogin{
    text-align: center;
}

fieldset	{ 
    width: 400px;
    font-size:12px;
    margin: 0px auto;  
    margin-top: 0px; 
    border-radius: 4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    padding:5px;
    border:             #aaa solid 1px;
    padding:            1.5em;
    background:         #ffcc66;
    text-align: center;
    text-shadow: 0 0px 0 #fff;
    -moz-box-shadow: 1px 1px 2px #fff inset;
    -webkit-box-shadow: 1px 1px 2px #fff inset;
    box-shadow: 1px 1px 2px #fff inset;
}
fieldset legend {
    font-weight: normal;
    text-align: center;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid black;
    background-color: #ffcc66;
    -moz-box-shadow:1px 3px 3px #943507;
    -webkit-box-shadow:1px 3px 3px #943507;
    box-shadow:1px 3px 3px #943507;
}
fieldset td {
    margin:0px;
    font-weight:bold;
    text-align: left;
}
fieldset.tblHeader {
    margin-top:         0;
    margin-bottom:      0;
    /* avoid a thick line since this should be used under another fieldset */
    border-top:         0;
    text-align:         center;
    vertical-align:     auto;
    float:              none;
    clear:              both;
    font-weight:        normal;
    color:              #000000;
    background:         #d87e03;
}
fieldset.tblFooters {
    margin-top:         0;
    margin-bottom:      0.5em;
    /* avoid a thick line since this should be used under another fieldset */
    border-top:         0;
    text-align:         center;
    float:              none;
    clear:              both;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    border-radius: 0 0 4px 5px;
	
    font-weight:        normal;
    color:              #000000;
    background:         #d87e03;
}
fieldset button {
    background:#fff url(../images/lock.png) 15% 40% no-repeat; 
    width: 100px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 5px;
    
    padding: 5px 5px 5px 5px;
}
fieldset button:hover {
    background:#fff url(../images/lock-unlock.png) 15% 40% no-repeat;
}
button {
      display: inline-block;
      display: inline;
  /* IE7 inline-block hack */
      zoom: 1;
      padding: 4px 12px;
      margin-bottom: 0;
      font-size: 12px;
      line-height: 15px;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      color: #333333;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      background-color: #f5f5f5;
      background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
      background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
      background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
      border-color: #e6e6e6 #e6e6e6 #bfbfbf;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #e6e6e6;
      /* Darken IE7 buttons by default so they stand out more given they won't have borders */

      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      border: 1px solid #cccccc;
      *border: 0;
      border-bottom-color: #b3b3b3;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      *margin-left: .3em;
      -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
#error {
	float:left;
        font-family: Arial;
	font-size:11px;
	font-weight: bold;
	line-height:12px;
	color: #000;
}
#footer {
    font-size:11px;
    line-height:5px;
    font-weight: bold;    
}
p.clr, .clr { clear:both; padding:5px; margin:5px;}