body { font-family: Times New Roman; font-size: 12pt; background-color: #808080; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } div#bookprn_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#stud_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#guru_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#mapel_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#aspek_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#cfrm_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#alert_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#unit_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#school_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#rep_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#rep_form_back2 {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#color_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#copy_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 997; background-color: #111111; opacity: 0.75} div#pens_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#other_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#bill_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#conf_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#close_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#jad_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#chart_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#imp_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#pmb_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#sav_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#class_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#cfdesc_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#aspek_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#comp_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#dept_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#sign_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#jab_form_back {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#progbar_out {display: inline; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background-color: #111111; opacity: 0.75} div#progbar_in {position:absolute; width:140px; top:50%; left:50%; margin-top:-25; margin-left:-70; padding: 2px 5px; font-family: Verdana; font-size: 11px; font-weight: bold; color: #111111; border: 2px solid #FFCC00; background-color: #FFFF99; z-index: 999; opacity: 1.0} div#alert_text {position: absolute; width: 290px; left: 50%; top: 50%; margin-top:-60; margin-left:-140; font-family: Verdana; font-size: 14px; font-weight: bold; color: #ffffff; z-index: 1000; opacity: 1.0} div#load_bar {width: 140px; padding: 2px 5px; font-family: Verdana; font-size: 11px; font-weight: bold; color: #111111; border: 2px solid #FFCC00; background-color: #FFFF99; z-index: 3; opacity: 1.0} .black1 {color:#111111; font-style:normal; font-family:verdana,arial; text-decoration:none} .black2 {color:silver; font-style:normal; font-family:verdana,arial; text-decoration:none} .white {color:white; font-style:normal; font-family:verdana,arial; text-decoration:none} .blue {color:blue; font-style:normal; font-family:verdana,arial; text-decoration:none} a:hover {color:gold; font-style:normal; font-family:verdana,arial; text-decoration:none} .field {border: 1px solid silver; color:#111; background-color:#ffffff;} .field1 {border: 0px; background-color:transparent} .dfield {border: 1px solid silver; color: #777; background-color: #f2f2f2;} .date-field {border: 1px solid silver; color: #111; background-color: #ffffff; width: 75px} .ddate-field {border: 1px solid silver; color: #777; background-color: #f2f2f2; width: 75px} .amount-field {border: 1px solid silver; color: #111; background-color: #ffffff; width: 70px; text-align: right} .damount-field {border: 1px solid silver; color: #777; background-color: #f2f2f2; width: 70px; text-align: right} .select {border: 1px solid silver; z-index: 2} .button {cursor: pointer; border: 1px solid silver; width: 80px; height: 20px; font-family: Arial; font-size: 9pt; color: #111111} .search-field {border: 1px solid silver; width: 120px; height: 22px; font-family: Arial; font-size: 10pt; color: #111111} .search-button {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/search.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .change-button {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/change.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .close-button {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/cancel.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .search-button-email {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/email/email_search.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .track-button-email {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/email/email_track.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .close-button-email {cursor: pointer; border: 1px solid #808080; width: 30px; height: 30px; background-color: #808080; background-image: url("../images/email/email_close.png"); border: 0; background-repeat: no-repeat; background-position: center center;} .item {cursor: pointer; border: 1px solid silver; width: 50px; height: 20px; font-family: Arial; font-size: 9pt; color: #111111} .file {border: 1px solid silver; font-family: Arial; font-size: 10pt; color: #111111} .hlist {height: 25px; font-style: normal; font-family: Verdana,Arial; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color:#666666;} .rowdat {height: 25px; font-style: normal; font-family: Verdana,Arial; font-size: 10px; text-decoration: none; border-bottom: 1px solid #FFFFFF} .mrowdat {height: 30px; font-style: normal; font-family: Verdana,Arial; font-size: 14px; text-decoration: none; border-bottom: 1px solid #FFFFFF} .fieldset {border: 2px solid SILVER; padding-left: 15; font-family: Arial; font-size: 13px; font-weight: 600; border-radius:8px;} .legend {font-weight: bold; color: #FFFFFF; background-color: #808080; border: 2px solid SILVER; padding: 3px 5px; border-radius: 5px;} .b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh, .b1bh {font-size:1px; overflow:hidden; display:block;} .b1h {height:1px; background:#777; margin:0 5px;} .b2h {height:1px; background:#666; border-right:2px solid #777; border-left:2px solid #777; margin:0 3px;} .b3h {height:1px; background:#666; border-right:1px solid #777; border-left:1px solid #777; margin:0 2px;} .b4h {height:2px; background:#666; border-right:1px solid #777; border-left:1px solid #777; margin:0 1px;} .headh {background:#666; border-right:1px solid #777; border-left:1px solid #777;} .headh div {text-align:left; padding:1px 7px 4px 7px; font-family:Arial; font-size:14px; font-weight:bold; color:#fff} .contenth {background:#ddd; border-right:1px solid #777; border-left:1px solid #777;} .contenth div {text-align:left; padding:5px 5px 1px 5px; margin-left: auto; margin-right: auto;} .b2bh, .b3bh, .b4bh {background:#ddd;} .b4bh {height:2px; border-right:1px solid #777; border-left:1px solid #777; margin:0 1px;} .b3bh {height:1px; border-right:1px solid #777; border-left:1px solid #777; margin:0 2px;} .b2bh {height:1px; border-right:2px solid #777; border-left:2px solid #777; margin:0 3px;} .b1bh {height:1px; background:#777; margin:0 5px;} .rowhead {background:#999; font-family:Verdana; font-size:11px; color:#fff} .rowdata {background:#ddd; font-family:Verdana; font-size:11px; color:#111} .disprowdata {background:#eee; font-family:Verdana; font-size:11px; color:#111} .rowdata td {border-bottom: 1px solid silver} .rowtot {background:#ddd; font-family:Verdana; font-size:11px; color:#111} .b1h, .b2h, .b3h, .b4h, .b1bh, .headh, .contenth, .b2bh, .b3bh, .b4bh, #floatlayer, #frzPaneBtn, #ARPayUpdForm, #ARBilUpdForm, #ARBilUpdForm2, #picture, #refpop, #pens_form, #other_form, #bill_form, #conf_form, #close_form, #pmb_form, #sav_form, #guru_form, #mapel_form, #aspek_form, #alert_form, #cfrm_form, #headlegend, #displayfield, #formfield, #listfield, #formlegend, #listlegend, #formpayrollfield, #listpayrollfield, #formpayrolllegend, #listpayrolllegend, #formukkfield, #listukkfield, #formukklegend, #listukklegend, #formscorefield, #listscorefield, #formscorelegend, #listscorelegend, #formabsenfield, #listabsenfield, #formabsenlegend, #listabsenlegend, #formdtgurufield, #listdtgurufield, #formdtgurulegend, #listdtgurulegend, #formdtmapelfield, #listdtmapelfield, #formdtmapellegend, #listdtmapellegend, #formdtaspekfield, #listdtaspekfield, #formdtaspeklegend, #listdtaspeklegend, #formjampelfield, #listjampelfield, #formjampellegend, #listjampellegend, #formjadpelfield, #listjadpelfield, #formjadpellegend, #listjadpellegend, #formsearchfield, #listsearchfield, #formsearchlegend, #listsearchlegend, #bookprn_form { -moz-box-shadow: 5px 5px 5px #555; -webkit-box-shadow: 5px 5px 5px #555; box-shadow: 5px 5px 5px #555; } #ukk_form_title, #payroll_form_title, #score_form_title, #absen_form_title, #dtguru_form_title, #dtmapel_form_title, #dtaspek_form_title, #jampel_form_title, #jadpel_form_title { -moz-box-shadow: 0px 5px 5px #555; -webkit-box-shadow: 0px 5px 5px #555; box-shadow: 0px 5px 5px #555; } #boxtitle {text-shadow: 2px 2px 3px #333} #headtitle {text-shadow: 2px 2px 3px #333; font-family:Arial; font-size:20px; color:#f2f2f2; font-weight:bold; position:absolute; top:30} .cslDiv {position: absolute; left: 335px; top: 45px} .vdrDiv {position: absolute; left: 300px; top: 40px} .strg1Div {position: absolute; left: 263px; top: 42px} .custDiv {position: absolute; left: 263px; top: 42px} .reconDiv {position: relative; top: 0px} .prodDiv1 {position: absolute; top: 123px} .prodDiv1b {position: absolute; top: 123px} .prodDiv2 {position: absolute; top: 123px} .prodDiv3 {position: absolute; top: 123px} .strgDiv1 {position: absolute; top: 148px} .strgDiv2 {position: absolute; top: 148px} .grpDiv1 {position: absolute; top: 173px} .grpDiv2 {position: absolute; top: 173px}