#login-page.container{width:550px;margin:5% auto;position:relative}#login-page-content{padding:50px;text-align:center;box-shadow:4px 4px 5px #A4C3BD;margin-bottom:20px}#login-page.container label.error{text-align:center}#login-page hr{background:#d9d9d9;border:0;padding-top:1px;margin:15px 0}.login-page{border:0}#login-page form{text-align:left}#loginForm label{width:235px;margin-right:10px}footer{clear:both;position:fixed;bottom:0;background:#ccc;width:100%}footer div{display:inline;float:left;margin:4px 0}footer .copyright{width:20%;text-align:left;padding-left:4px}footer .msg-recomend-browser{width:55%;text-align:center;font-size:12px;font-style:italic;background:#ffa}footer .page_rendered_in{width:20%;text-align:right;font-size:8px;opacity:.8;padding-right:4px;float:right}body{margin:0 auto;font-family:Helvetica,sans-serif;font-size:80%}ul li{padding:4px 0 4px 0}h1{border-bottom:1px solid;font-size:16px;font-weight:bold;margin:24px 0 2px 0;padding:5px 0 6px 0}code{font-family:Monaco,Verdana,Sans-serif;font-size:12px;background-color:#f9f9f9;border:1px solid #d0d0d0;color:#002166;display:block;margin:14px 0 14px 0;padding:12px 10px 12px 10px}.message_warning{border:1px inset #bf0000;background:#CCC url("../images/anim_warning1.gif") no-repeat 1% 8%;padding:4px 4px 4px 25px;margin:4px 1px;width:auto;font-size:88%}.message_warning p{padding:1px}.message{padding:5px 15px 5px 15px;border:1px solid #CCC;margin:2px 0;background:#FFE}legend{text-align:left;cursor:pointer;padding:0 5px}.myToggler{text-align:left;padding-left:15px;background:#BBB url("../images/ImgNodeExpanded.gif") no-repeat 1% 8%}.myToggler_active{text-align:left;padding-left:15px;background:#AAA url("../images/ImgNodeCollapsed.gif") no-repeat 1% 8%}.myToggleContent{padding:5px;Xmargin:10px}.ui-widget{font-size:100%}.ui-datepicker{z-index:1234}fieldset,fieldset.ui-widget-content{border-left-width:0;border-bottom-width:0}
#login-page .site-name{font-size:115%; xfont-style:italic; font-weight:bold; color:#469183; text-shadow:1px 1px 1px #666;}
#loginForm_result_area_id{margin-bottom:10px;}
#loginForm label{width:85px;}
#loginForm input{width:125px;}
#loginForm p{padding:2px 0;}
hr{border:0;border-top:0.5px solid #ddd;}

#layout_frame #contentIframe{width:100%; margin:0;border:0;}
#layout_frame .ui-tabs-panel.ui-widget-content{margin:0;padding:2px;border:0px;}
#layout_frame .ui-tabs-nav li {position: relative;}
#layout_frame .ui-tabs-selected a span {padding-right: 10px;}
#layout_frame .ui-tabs-close {display: none;position: absolute;top: 3px;right: 0px;z-index:800;width:16px;height:14px;font-size:10px; font-style: normal;cursor: pointer;}
#layout_frame .ui-tabs-selected .ui-tabs-close {display: block;}

#frontpage-content{padding:20px;}
.form-filter fieldset label{opacity:.8;}

/* CLASS */
.input-info{font-size:12px; background:#f4eeba; color:#555; padding:4px;}
.input-info .contoh{font-weight:bold;}
.no-border{border:0;}
.center { text-align:center; }

.ui-icon.inline {display:inline-block; vertical-align:bottom;}​

table.table {border:1px solid #aaa;}
table.table th{font-weight:bold;}
table.table th, table.table td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;}


/* CLASS - COLUMN FLOW_STATUS */
td span.col-status{display:block; height:100%; padding-left:4px;}
.col-status.k101001{background:red;color:#fff;}
.col-status.k101010{background:yellow;color:#333;}
.col-status.k101020{background:blue;color:#fff;}
.col-status.k101030{background:green;color:#fff;}
.col-status.k101999{background:black;color:#ccc;}
.legend-status-cell{padding:4px; margin-bottom:2px; border:1px solid #333;}