@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
#base {margin:0;padding:0;background:#000 url("images/basebg.jpg") repeat-x left 160px;}
#mainFrame{position:relative;min-height:100%;}
#base h1 {font:bold 30px Helvetica, Arial;margin:0}
#base h2 {font:bold 20px Helvetica, Arial;margin:0}
#base h3 {font:bold 16px Helvetica, Arial;margin:0}
#base h4 {font:bold 14px Helvetica, Arial;margin:0}
#base h5 {font:bold 12px Helvetica, Arial;margin:0}
#base h6 {font:bold 10px Helvetica, Arial;margin:0}
#base sub {font:bold 9px Helvetica, Arial;margin:0}
#base p {margin:10px 0 0 0;padding:0;font:normal 12px/17px Helvetica, Arial}
#loading {top:2px;left:600px;position:absolute;text-align:center}
.clear{clear:both}
.fLeft{float:left}
.fRight{float:right}
.spacerS{height:5px}
.spacerM{height:10px}
.spacerL{height:25px}
.padContent{padding:10px 30px;}
.padContent2{padding:3px 15px;}
.cMain{color:#009}
.cCont{color:#fff}
.cAlert{color:#F00}
.hide {display:none}
.txt{font:normal 12px Helvetica, Arial}
.btnDaftar{width:75px;height:30px;background:url("images/button.png") no-repeat 0 0;cursor:pointer;}
.btnKembali{width:75px;height:30px;background:url("images/button.png") no-repeat 0 -30px;cursor:pointer;}
.btnOk{width:75px;height:30px;background:url("images/button.png") no-repeat 0 -60px;cursor:pointer;}
.btnDetail{width:75px;height:30px;background:url("images/button.png") no-repeat 0 -90px;cursor:pointer;}
.btnAtur{width:75px;height:30px;background:url("images/button.png") no-repeat 0 -120px;cursor:pointer;}
.info{width:100%;border:1px solid #F90;background:#FFF3EC;font:bold 12px Helvetica, Arial}
.info .pad{padding:10px}
.info .pad a{text-decoration:underline}
.info .pad a:hover{text-decoration:none}

.frame{width:980px;margin:0 auto;position:relative;}
.frame2{width:980px;margin:0 auto;}
#top{height:160px;background:#fff url("images/gradtop.jpg") repeat-x left bottom;border-bottom:2px solid #f60;}
#logo{position:absolute;left:407px;top:10px;}
#menu{float:left;margin-top:110px;-margin-top:120px;width:450px;}
#menu ul{padding:0 0 0 15px;-margin:0}
#menu li{display:inline}
.menu a {float:left;height:40px;display:block;margin-right:5px;text-decoration:none;cursor:pointer}
.menu span {display:block;float:left;padding:7px 8px 0 8px;font:bold 12px Helvetica, Arial;color:#039}
.xmenu a {float:left;height:30px;background:#039;display:block;margin-right:5px;text-decoration:none;}
.xmenu span {display:block;float:left;padding:7px 3px 0 3px;font:bold 12px Helvetica, Arial;color:#fff}
.xmenu b {float:left;width:9px;height:30px;background:#e9e9e9 url("images/menucurve.gif") no-repeat left 0px;display:block}
.xmenu i {float:left;width:9px;height:30px;background:#e9e9e9 url("images/menucurve.gif") no-repeat right 0px;display:block}
#login{float:right;margin-top:125px;-margin-top:120px;width:400px;font:bold 11px Helvetica, Arial;color:#039;}
#login b{margin-right:5px;}
#login a{fontbold 11px Helvetica, Arial;color:#039;text-decoration:none}
#login i{font:normal 11px Helvetica, Arial;color:#039}
#login .logout a {color:#f30}
#login span{-margin-top:1px;position:absolute;}
#menu2 {height:30px;background:#fff url("images/shade.gif") repeat-x left top;}
.menu2 {padding-top:5px;}
.menu2 ul{margin:0;padding:0}
.menu2 li{display:inline;}
.menu2 sub {color:#f30}

.menu2 a{float:left;font:bold 11px Helvetica, Arial;color:#039;text-decoration:none;margin:0 5px;cursor:pointer}
.menu2 span {display:block;float:left;padding:5px 7px 0 7px;font:bold 11px Helvetica, Arial;color:#039}
.xmenu2 a {float:left;height:25px;background:#039;display:block;text-decoration:none;margin:0 5px;}
.xmenu2 span {display:block;float:left;padding:5px 7px 0 7px;font:bold 11px Helvetica, Arial;color:#fff}
.xmenu2 b {float:left;width:3px;height:15px;background:#ccc url("images/menucurve.gif") no-repeat left 0px;display:block}
.xmenu2 i {float:left;width:3px;height:15px;background:#ccc url("images/menucurve.gif") no-repeat right 0px;display:block}
.spacerBtm{height:30px;display:block}
#bottom {height:40px;width:100%;background:#fff url("images/gradtop.jpg") repeat-x left;border-top:2px solid #f60;position:absolute;bottom:0}
#bottom p {margin:5px 0 0 0;font:normal 11px Helvetica, Arial;;color:#039}

.tmCurve{background:url("images/tb-curve.png") repeat-x left top;font-size:1px;height:10px}
.bmCurve{background:url("images/tb-curve.png") repeat-x left -15px;font-size:1px;height:10px}
.t1Curve{background:url("images/tb-curve.png") repeat-x 0 -26px;font-size:1px;height:10px;width:667px}
.b1Curve{background:url("images/tb-curve.png") repeat-x 0 -41px;font-size:1px;height:10px;width:667px}
.t3Curve{background:url("images/tb-curve.png") repeat-x -678px -26px;font-size:1px;height:10px;width:302px}
.b3Curve{background:url("images/tb-curve.png") repeat-x -678px -41px;font-size:1px;height:10px;width:302px}
.content{background:#fff url("images/gradc.jpg") repeat-x left bottom;border:1px solid #fff;border-top:none;border-bottom:none;-height:0.1%}
.content a {text-decoration:none;color:#006}
.content a:hover {text-decoration:underline;}

.imageM{width:250px;height:187px;border:1px solid #999;overflow:hidden}
.imageS{width:150px;height:113px;border:1px solid #999;overflow:hidden}
.imageSS{width:90px;height:68px;border:1px solid #999;overflow:hidden}

#sch {}
#sch .left{float:left;width:110px;height:105px;text-align:center;font:bold 14px Arial;background:url("images/cal.png") no-repeat left top;padding-top:23px}
#sch .left b {font:bold 75px/65px Arial;}
#sch .right{float:right;width:515px;}
#sch .table{font:normal 12px Arial;}
#schPrev .left{float:left;width:75px;height:75px;text-align:center;font:bold 11px Arial;background:url("images/calMini.png") no-repeat left top;padding-top:16px}
#schPrev .left b {font:bold 45px/38px Arial;}
#schPrev .right{float:right;width:190px;}
#schPrev .table{font:normal 11px Arial;}
#profile {}
#profile .contentBox {font:normal 12px Arial;padding:10px 15px;min-height:200px}
#profile .photo {width:265px;height:auto;border:1px solid #009;margin:10px 0}
#profile .table{margin:-10px 0 10px 0;font:normal 12px Arial;width:98%;text-align:left}
#profile .table2{margin-top:4px;font:normal 12px Arial;width:98%;text-align:center;border:1px solid #039;background:#fff}
#profile .table2 .head{font:bold 12px Arial;color:#FFF;background:#039}
#profile .table2 .alter{background:#ECF5FF}
#profile .var0{font:bold 12px Tahoma;padding-top:12px;border-bottom:1px solid #ccc;color:#333}
#profile .var1{font-size:11px;color:#666}
#profile .var2{font:normal 13px Tahoma;}
#profile .link {margin:5px 10px}
#profile .link a {font:bold 12px Arial;padding:2px 10px;color:#f30;}
#profile .link a:hover{text-decoration:none;background:#f30;color:#fff;} 
#profile .link .selected {background:#f30;color:#fff;}

#logBook {font:bold 12px Arial;margin:0 0 25px 0}
#logBook ol{list-style-type:decimal;margin:0 0 5px 0}
#logBook ol li {margin:3px 0}
#logBook dl {float:left;width:25%;margin:2px 0 10px 0;padding:0;font-size:11px}
#logBook dt {float:right;width:74%;margin:0 0 10px 0;padding:0}
#logBook input {width:300px}
#logBook h1 {font:bold 16px Arial;margin:3px 0px;text-align:center}
#logBook h2 {font:bold 12px Arial;margin:3px 0px;color:#f30;padding:2px 3px;background:#ffc;cursor:pointer}
#logBook h3 {font:bold 11px Arial;margin:3px 0px;text-align:center}
#logBook h4 {font:bold 14px Arial;margin:15px 0 3px 0px;text-align:center}
#logBook #logBookForm{padding:10px 10px 0 10px;border:1px solid #ccc}
#logBook p {font:normal 12px Arial;}
#logBook hr {color:#CCC}
#logBook .table {border:1px solid #ccc;}
#logBook .table td{border:1px solid #ccc}
#logBook tr{font:Normal 12px Arial;text-align:center}
#logBook .head {font:bold 10px Arial;text-align:center;background:#E6E6E6;}
#logBook .list li{list-style-type:decimal;font-weight:normal;margin:2px 0}
#logBook .alert{color:#fff;background:#f90;text-align:center;color:}
#logBook .pending{background:#FFEDCF;font-weight:bold}
#pMode {position:relative}
.thumb{width:100px;height:auto;float:left;margin:8px;border:1px solid #66CCFF;padding:2px}
.xthumb{width:80px;height:auto;float:left;margin-right:5px}
.thumb2{width:100px;height:auto;float:left;margin:10px 12px;border:1px solid #66CCFF;padding:2px}
#msgPrev {font:bold 11px Arial}
#msgPrev ul{margin:0;padding:0}
#msgPrev li{list-style:none;margin:4px;padding:0}
#msgPrev b {color:#F00}
#message .content {font:bold 12px Arial;min-height:200px}
#message ul{margin:0;padding:0}
#message li{list-style:none;padding:5px;margin:2px 0}
#message .new{background:#E0E0E0;border:1px solid #ccc}
#message .img{float:left;width:100px;height:75px;margin:0 10px 0 0;overflow:hidden;border:1px solid #ccc;position:relative;z-index:10}
#message .txt{position:relative}
#message small{font-weight:bold}
#message p{border-top:1px solid #ccc;margin:3px 0 0 0;padding:3px 0 0 0}
#message p a {color:#000}
#message p a:hover{text-decoration:none;background:#ccc}
#message .del{position:absolute;left:585px;top:0px}
#wallList {font:normal 13px Tahoma}
#wallList ul {margin:0;padding:0; list-style:none}
#wallList li {margin:10px 0;padding:0 0 0 0;position:relative}
#wallList .del{position:absolute;left:565px;top:0px}
#wallList a:hover{color:#F00}