/*
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;}
form { margin: 0; padding: 0;}
img {border:0; vertical-align:middle;}
input {font-size:11px;}
fieldset {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
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}

.white {background-color:#ffffff;}
.gray {background-color:#cccccc;}
.abu {background-color:#efefef;}
.yellow {background-color:#ffff99;}
.pupus {color:lime}
.red {color:red}
.blue {color:blue}
.maaron {color:maroon}
.txtwhite {color:#ffffff;}
.txtabu {color:gray}
.navy {color:navy}
.label {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.labelApps {padding:2px; background-color:#587993; height:22px;}

.forms {background-image:url('../var/apps/background.jpg'); background-repeat:repeat-x}
.soft {background-image:url('../var/bgform.gif'); background-repeat:repeat-x}
.threads {background-image:url('../var/btns.png'); background-repeat:repeat-x}
.tr {background-image:url('../var/tr.gif'); background-repeat:repeat-x}

.frmL {float:left; width:4px; height:22px;background-image:url('../var/left.gif');}
.frmC {float:left; width:812px; height:22px;background-image:url('../var/center.gif');}
.frmP {float:left; height:22px;background-image:url('../var/center.gif');}
.frmR {float:left; width:4px; height:22px;background-image:url('../var/right.gif');}
.frmB {clear:both;padding:3px; background-repeat:repeat-x}

.trh {background-image:url('../var/tab.png');}
.tdr {padding-left:2px; height:20px;}
.tdhf {padding-left:2px; height:21px;}
.tdh {padding-left:2px;}

.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('../var/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('../var/tr.gif');}
.btnexec {background-image:url('../var/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('../var/tr.gif');}
.btnpage {background-image:url('../var/btns.png'); border:#5fa1a6 solid 1px;
    height:16px; cursor:pointer;}
.btnpage:hover {background-image:url('../var/tr.gif');}
.btnrow {background-image:url('../var/tr.gif'); border:#cccccc solid 1px; height:15px;
    cursor:pointer; font-size:10px;}
.btnrow:hover {color:red}
.btnnav {width:100%; height:30px; margin-bottom:3px; font-weight:bold;}

.btnThread {background-image:url('../var/tr.gif'); cursor:pointer; height:25px; vertical-align:top; border:#ccc solid 1px;
    -moz-border-radius: 2px; -webkit-border-radius: 2px;}

/*#afpbody {width:100%; height:44px;background-image:url('../var/head-bgs.gif');}0671b3*/
#afpbody {width:100%; height:54px;background-color:#0671b3;}
#bodydisable {position:absolute;background-color:black;
    filter:alpha(opacity=50);opacity:0.3;}
#afpdisable {position:absolute; display:none;background-color:#ffffff;
    filter:alpha(opacity=50);opacity:0.5;}
#popdisable {position:absolute;background-color:#ffffff;
    filter:alpha(opacity=50);opacity:0.6;}
#afppop {display:none;position:absolute; z-index:500;}
#popload {float:right; width:75px; padding-top:5px; margin-right:23px; display:none;}
#popfoot {height:20px;background-color:#b8cee4}
#appname {float:left; width:400px; font-size:28px; color:#ffffff;}
#appinfo {float:right; width:330px; color:lime; padding-right:5px;}
#infouser {text-align:right; float:right;height:23px; color:lime;}
#afpapp {clear:both;background-image:url('../var/wall.jpg');}
#afpfoot {bottom:0; width:100%;position:fixed;z-index:3; height:22px;
    background-image:url('../var/bgrows.gif');}
#afpright {float:right;color:red; padding-right:5px; padding-top:3px; height:17px; }
#afpproses {float:right; width:300px; height:20px;}
#loading {float:left; padding:3px 0 0 10px; display:none}
#afpdesktop {float:left; width:500px; height:20px; padding-left:3px;}

.frmleft {float:left; width:3px; height:23px; background-image:url('../var/left.gif');}
.frmcenter {float:left; width:798px; height:23px; background-image:url('../var/center.gif');}
.frmright {float:left; width:4px; height:23px; background-image:url('../var/right.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;}

.popall{border-left:#b8cee4 solid 3px;border-right:#b8cee4 solid 3px;}

.appall{border:#5fa1a6 solid 1px; }
.appbw{border-bottom:#5fa1a6 solid 1px; }
.appat{border-top:#5fa1a6 solid 1px; }
.appki{border-left:#5fa1a6 solid 1px; }
.appka{border-right:#5fa1a6 solid 1px; }
.appkibw{border-left:#5fa1a6 solid 1px;border-bottom:#5fa1a6 solid 1px; }
.appkabw{border-right:#5fa1a6 solid 1px;border-bottom:#5fa1a6 solid 1px; }
.appkaki{border-left:#5fa1a6 solid 1px;border-right:#5fa1a6 solid 1px; }
.appnoat{border-left:#5fa1a6 solid 1px;border-bottom:#5fa1a6 solid 1px;border-right:#5fa1a6 solid 1px; }
.appnobw{border-left:#5fa1a6 solid 1px;border-top:#5fa1a6 solid 1px;border-right:#5fa1a6 solid 1px; }
.appnoka{border-left:#5fa1a6 solid 1px;border-top:#5fa1a6 solid 1px;border-bottom:#5fa1a6 solid 1px; }
.appnoki{border-right:#5fa1a6 solid 1px;border-top:#5fa1a6 solid 1px;border-bottom:#5fa1a6 solid 1px; }

.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:#000000 solid 1px; }
.cetbw{border-bottom:#000000 solid 1px; }
.cetat{border-top:#000000 solid 1px; }
.cetki{border-left:#000000 solid 1px; }
.cetka{border-right:#000000 solid 1px; }
.cetkibw{border-left:#000000 solid 1px;border-bottom:#000000 solid 1px; }
.cetkabw{border-right:#000000 solid 1px;border-bottom:#000000 solid 1px; }
.cetkaki{border-left:#000000 solid 1px;border-right:#000000 solid 1px; }
.cetnoat{border-left:#000000 solid 1px;border-bottom:#000000 solid 1px;border-right:#000000 solid 1px; }
.cetnobw{border-left:#000000 solid 1px;border-top:#000000 solid 1px;border-right:#000000 solid 1px; }
.cetnoka{border-left:#000000 solid 1px;border-top:#000000 solid 1px;border-bottom:#000000 solid 1px; }
.cetnoki{border-right:#000000 solid 1px;border-top:#000000 solid 1px;border-bottom:#000000 solid 1px; }

#sddm{	margin: 0;padding: 0; z-index: 300}
#sddm li{margin: 0;padding: 0;list-style: none;float: left; cursor:pointer;
    font: 13px/normal "Trebuchet MS", Trebuchet,  Arial, Sans-serif;}
#sddm li a {display: block;margin: 0 1px 0 0;padding: 4px 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:150px;
    text-decoration: none;background: #EAEBD8;color: #002c59;font: 11px verdana; border-top: #cccccc solid 1px;}
#sddm div a:hover{background: #daeffa;color: #094fcc;}

/* Tab panel */
.tabsB { float:left; width:100%; font-size:93%; line-height:normal;}
.tabsB ul { margin:0; padding-left:3px; list-style:none;}
.tabsB li { display:inline; margin:0; padding:0;}
.tabsB a { float:left; background:url("../var/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;  cursor:pointer;}
.tabsB a span { float:left; display:block; background:url("../var/tabrightB.gif") no-repeat right top; padding:4px 10px 3px 5px; color:#666;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsB a span {float:none;}
/* End IE5-Mac hack */
.tabsB a:hover { background-position:0% -42px;}
.tabsB a:hover span { background-position:100% -42px;color:#000; height:16px}
.tabsB .current a {background-position:0% -42px;color:#000000;}
.tabsB .current a span {background-position:100% -42px;color:#000000; height:16px}

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