/*
Document   : afp-style
Created on : Mar 10, 2009, 9:41:05 AM
Author     : ahsanfile
Description:
Purpose of the stylesheet follows.
*/

body {padding:0; margin:0; font-family:verdana,arial; font-size:11px;background-image:url('../img/background.jpg');
    background-repeat:repeat-x}
form { margin: 0; padding: 0;}
img {border:0; vertical-align:middle;}
input {font-size:11px;}
h4 {margin:0; padding:0}
a:link, body_alink{color: #000000;text-decoration: none;}
a:visited, body_avisited{color: #000000;text-decoration: none;}
a:hover, a:active, body_ahover{color: #656565;text-decoration: none;}
.mousOver {cursor:pointer}
.mousOver:hover {text-decoration:underline}
.menuStatus:hover {text-decoration:underline}
.mousPointer {cursor:pointer}
.none {display:none}
.block {display:block}
.both {clear:both}
.overBiru {cursor:pointer}
.overBiru:hover {background-color:#efefef;color:#fff;}

.white {background-color:#ffffff;}
.gray {background-color:#cccccc;}
.grays {background-color:#c0cccc;}
.abu {background-color:#efefef;}
.yellow {background-color:#ffff99;}
.cyan {background-color:#e5edf8}
.pupus {color:lime}
.red {color:red}
.blue {color:blue}
.insw {color:#001e64}
.biru {color:#00628b}
.green {color:green}
.maaron {color:maroon}
.orange {color:#ce7000}
.oranges {color:#fe6868}
.txtwhite {color:#ffffff;}
.txtabu {color:gray}
.navy {color:navy}
.upper {text-transform:uppercase}
.lower {text-transform:lowercase}
.labelMenu {background-image:url('../img/layout/background_menu.jpg');}
.label {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.labelBox {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.labelApps {padding:2px; background-color:#587993; height:22px;}
.labelInfo {background-image:url('../img/bg-menu.gif');}
.poin {background-image:url('../img/poin.gif'); background-repeat:no-repeat; padding-left:15px}
.forms {background-image:url('../img/bg-form.gif'); background-repeat:repeat-x; padding:3px}
.divs {background-image:url('../img/bg-divs.gif'); background-repeat:repeat-x; padding:3px}
.trs {background-image:url('../img/trs.gif'); background-repeat:repeat-x;}
.tr {background-image:url('../img/tr.gif'); background-repeat:repeat-x;}
.temporary {position:absolute; width:728px; background-color:#efefef; margin-top:3px; margin-left:3px;
    z-index:500; padding:5px}

.tdr {padding-left:2px; height:20px;}
.tdh {padding-left:2px; height:22px;}
.pddua {padding:2px}
.pdtiga {padding:3px}
.pdempat {padding:4px}

.txtJudul {color:#ffffff; font-family:arial,verdana; font-size:13px;  padding-top:3px}
.linkBlue {color:#324a6c}
.txt{border:#5fa1a6 solid 1px; height:16px;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.txtslc{border-top:#5fa1a6 solid 1px;border-left:#5fa1a6 solid 1px;
    border-bottom:#5fa1a6 solid 1px; border-right:0; height:16px;}
.txtexec{border-top:#5fa1a6 solid 1px;border-right:#5fa1a6 solid 1px;
    border-bottom:#5fa1a6 solid 1px; border-left:0; height:16px;}
.txtnav{border:#5fa1a6 solid 1px; height:12px; font-size:9px}
.slc{border:#5fa1a6 solid 1px; height:20px;-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.btn {background-image:url('../img/btns.png'); border:#5fa1a6 solid 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
    height:20px; cursor:pointer; vertical-align:top}
.btn:hover {background-image:url('../img/tr.gif');}
.btnexec {background-image:url('../img/btns.png'); border-top:#5fa1a6 solid 1px; margin-left:0;-moz-border-radius: 2px;
    -webkit-border-radius: 2px; border-right:#5fa1a6 solid 1px; border-bottom:#5fa1a6 solid 1px;height:20px; cursor:pointer;}
.btnexec:hover {background-image:url('../img/tr.gif');}

.divhover:hover {text-decoration:underline; cursor:pointer}
.divnav {clear:both; background-color:#ffffff; padding:4px;}
.divForm {float:left; width:820px;margin:4px 0 0 5px;}

.tiny {font-size:10px;}
.tiny-blue {font-size:10px; color:#003399;}
.small {font-size:11px;}
.small-tebal {font-size:11px; font-weight:bold;}
.small-blue {font-size:11px; color:#003399;}
.small-blue-tebal {font-size:11px; color:#003399; font-weight:bold;}
.small-red {font-size:11px; color:#FF0000;}
.small-red-tebal {font-size:11px; color:#FF0000;font-weight:bold;}
.small-white {font-size:11px; color:#FFFFFF;}
.small-white-tebal {font-size:11px; color:#FFFFFF;font-weight:bold;}
.text {font-size:12px;}
.text-blue {font-size:12px; color:#003399;}
.text-red {font-size:12px; color:#FF0000;}
.text-warning {font-size:11px; color:#FF0000; }
.tebal {font-size:12px; font-weight:bold;}
.tebal-blue {font-size:12px; font-weight:bold; color:#003399;}
.bold {font-family:"Trebuchet MS",Trebuchet,Arial,Sans-serif; font-size:16px; font-weight:bold; }
.txtnumber {font-size:11px;}

.repall{border:#cccccc solid 1px; }
.repbw{border-bottom:#cccccc solid 1px; }
.repat{border-top:#cccccc solid 1px; }
.repki{border-left:#cccccc solid 1px; }
.repka{border-right:#cccccc solid 1px; }
.repkibw{border-left:#cccccc solid 1px;border-bottom:#cccccc solid 1px; }
.repkabw{border-right:#cccccc solid 1px;border-bottom:#cccccc solid 1px; }
.repkaki{border-left:#cccccc solid 1px;border-right:#cccccc solid 1px; }
.repnoat{border-left:#cccccc solid 1px;border-bottom:#cccccc solid 1px;border-right:#cccccc solid 1px; }
.repnobw{border-left:#cccccc solid 1px;border-top:#cccccc solid 1px;border-right:#cccccc solid 1px; }
.repnoka{border-left:#cccccc solid 1px;border-top:#cccccc solid 1px;border-bottom:#cccccc solid 1px; }
.repnoki{border-right:#cccccc solid 1px;border-top:#cccccc solid 1px;border-bottom:#cccccc solid 1px; }

.cetall{border:#767771 solid 1px; }
.cetbw{border-bottom:#767771 solid 1px; }
.cetat{border-top:#767771 solid 1px; }
.cetki{border-left:#767771 solid 1px; }
.cetka{border-right:#767771 solid 1px; }
.cetkibw{border-left:#767771 solid 1px;border-bottom:#767771 solid 1px; }
.cetkabw{border-right:#767771 solid 1px;border-bottom:#767771 solid 1px; }
.cetkaki{border-left:#767771 solid 1px;border-right:#767771 solid 1px; }
.cetnoat{border-left:#767771 solid 1px;border-bottom:#767771 solid 1px;border-right:#767771 solid 1px; }
.cetnobw{border-left:#767771 solid 1px;border-top:#767771 solid 1px;border-right:#767771 solid 1px; }
.cetnoka{border-left:#767771 solid 1px;border-top:#767771 solid 1px;border-bottom:#767771 solid 1px; }
.cetnoki{border-right:#767771 solid 1px;border-top:#767771 solid 1px;border-bottom:#767771 solid 1px; }

#sddm{	margin: 0;padding: 0; z-index: 100; position:absolute;}
#sddm li{margin: 0;padding: 0;list-style: none;float: left; cursor:pointer;
    font: 13px/normal "Trebuchet MS", Trebuchet,  Arial, Sans-serif; font-weight:bold}
#sddm li a {display: block;margin: 0 2px 4px 0;padding: 3px 5px;text-align: center;text-decoration: none;}
#sddm div {position: absolute;visibility: hidden;margin: 0 0 0 5px;padding: 0;background: #EAEBD8;  border-bottom: #cccccc solid 1px;
    border-left: #cccccc solid 1px; border-right: #cccccc solid 1px;}
#sddm div a {position: relative;display:block;margin: 0;padding: 3px 3px;width: auto; height:18px;
    white-space: nowrap;text-align: left; width:225px;
    text-decoration: none;background: #EAEBD8;color: #002c59;font: 11px verdana; border-top: #cccccc solid 1px;}
#sddm div a:hover{background: #daeffa;color: #094fcc;}

/* form */
.dibawah {clear:both; padding-top:3px;}
.tengah {text-align:center}
.right {float:right}
.absolute {position:absolute}
.left {float:left}

.divisi {padding-left:35px;  background-repeat:no-repeat}
.main { width:212px; border: #000 solid 1px; }
.month { background-color:black; font:bold 11px verdana; color:white; height:24px}
.daysofweek { background-color:gray; font:bold 11px verdana; color:white; height:20px }
.days { font-size: 11px; font-family:verdana; color:black; background-color:#efefef; padding: 2px;  height:21px}
.days #today{ font-weight: bold; color: red;}