body {
	margin: 0px;
	padding: 0px;
    font-family: Arial,"trebuchet MS";
	background:#F3F3F3;
}

/*tombol2*/
.distribusi_btn{width:150px;height:40px;cursor:pointer;color:#FFFFFF;font-size:1em;font-weight:bold;text-transform:uppercase;text-decoration:none; border:0;vertical-align:middle}
.distribusi_btn {background :transparent url(../images/dist_btn.png) no-repeat }
.distribusi_btn:hover {background:transparent url(../images/dist_btn1.png) no-repeat;color:#FFFFFF}
.edit, .delete , .view{color:#FFFFFF;font-size:0.8em;-moz-border-radius-bottomleft:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;float:left;margin:0 2px;padding:1px 8px;text-transform:uppercase;text-decoration:none;}
.edit {background:#8AC3D4 none repeat scroll 0 0;}
.edit:hover {background:#66ABBF none repeat scroll 0 0;color:#FFFFFF;}
.delete:hover {background:#C64747 none repeat scroll 0 0;color:#FFFFFF;}
.delete {background:#DC6A6A none repeat scroll 0 0;}
a.delete {color:#FFF;}
.view:hover {background:#666666 none repeat scroll 0 0;color:#fff;}
.view { background:#AAAAAA none repeat scroll 0 0;color:#FFF;}


/* ------------------------------------
HEADER & BORDER 
-------------------------------------*/

.topdiv{width:100%;height:70px;} 
.head-container {text-align:left;margin-bottom:10px;width:100%-20px;} 
.bottomdiv {color:#999;text-align:center;} 
.left-logo {float:left;margin-left:20px;}
.right-logo {float:right;}
	

/* MAIN CONTENT
-------------------------------------*/
.mid-container {background: #FFFFFF; margin:0px auto;margin-bottom:50px;}
#module-title{float:left;font-size:14pt;text-transform:uppercase;font-weight:bold;margin-top:20px;margin-left:15px;}
#module-menu{float:right;}
#content-title {text-align:center;font-size:11pt;font-weight:bold;margin-top:20px;margin-bottom:20px;color:#5970B2}
#content-menu {float:right;margin-bottom:20px;margin-right:25px;margin-top:20px;}
#content-menu a img{border:1px solid #EEE;margin-left:3px;}
#content-menu a img:hover{border:1px solid #CCC;background:#F9F9F9;} 

/* MAIN CONTENT BEHAVIOR
-------------------------------------*/
#topmenu-container{margin-top:10px;background:#F0F3F8; border:1px solid #DDD; margin-bottom:35px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
.topmenu {margin:5px 0px 5px 0px;float:left;padding:5px;border:1px solid #F0F3F8;font-weight:bold;}
.logout   {margin:5px 5px 0px 0px;float:right;padding:5px;border:1px solid #F0F3F8;}
.homeflashbox {margin:5px;padding:0px; border:1px solid #CCC; -moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;}
.homeflashbox div {margin:5px;}
.homeflashbox-title {padding:0px;background:#F0F3F8;color:#333;height:30px;vertical-align:middle;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;vertical-align:middle;}
.homeflashbox-title td, .homeflashbox-title label {vertical-align:middle;}
.homeflashbox-title td label{margin-left:5px;}
.ads {text-align:center;float:right;}
.ads div img {margin:5px;}
.ads span{font-size:10px;color:#999999;}

/* table */
.general    {text-align:left;margin:0 auto;}
.general tbody tr {vertical-align:top;}
.general tbody td {border-spacing:0px;padding:2px;}
.general tr {vertical-align:top;}
.general td {border-spacing:0px;padding:2px;}

.table-list {border-spacing:0px;border:0px;margin:0 auto;}
.table-list tr {vertical-align:middle;}
.table-list thead tr {vertical-align:middle;}
.table-list thead tr th{background:#5970B2;color:#F6F6F6}
.table-list tr th{background:#5970B2;color:#F6F6F6}
.table-list tr th a{color:#E4F2FF;text-decoration:none;}
.table-list tr th a:hover{text-decoration:underline;}
.table-list tr td a{color:#5970B2;text-decoration:none;}
.table-list tr td a:hover{text-decoration:underline;}
.table-list tbody tr td, .table-list thead tr th {border-bottom:1px solid #FFF;}
.table-list tbody tr:hover td {background:#E9ECF3;}

.table-list-left{border-spacing:0px;border:0px;}
.table-list-left tr {vertical-align:middle;}
.table-list-left thead tr {vertical-align:middle;}
.table-list-left thead tr th{background:#5970B2;color:#F6F6F6}
.table-list-left tr th{background:#5970B2;color:#F6F6F6}
.table-list-left tr th a{color:#E4F2FF;text-decoration:none;}
.table-list-left tr th a:hover{text-decoration:underline;}
.table-list-left tr td a{color:#5970B2;text-decoration:none;}
.table-list-left tr td a:hover{text-decoration:underline;}
.table-list-left tbody tr td, .table-list thead tr th {border-bottom:1px solid #FFF;}
.table-list-left tbody tr:hover td {background:#E9ECF3;}

.schedule {margin:0 auto;border-spacing:0px;border:1px;border-left:1px solid #CCC;border-bottom:1px solid #CCC;}
.schedule th{background:#5970B2;color:#F6F6F6;}
.schedule tr{background:#F6F6F6;}
.schedule td{background:#F6F6F6;border-top:1px solid #CCC;border-right:1px solid #CCC;}

.schedule-top {width:100%;height:25px;vertical-align:middle;font-weight:bold;font-size:10pt;color:#000;}
.schedule-top  a{color:#000;}
.schedule-nav {height:15px;border:1px solid #CCC;}

.submit {margin-top:20px;text-align:center;}

/*validation*/
.ferror, .fsuccess {padding-top:10px;border:1px solid #CCC;width:300px;height:20px;background:#F0F3F8; text-align:center; position:absolute; left:35%;top:40%; z-index:100; opacity:.75;-moz-border-radius-bottomleft:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;}
.ferror   {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.fsuccess {background:#E6EFC2;color:#264409;border-color:#C6D880;}

span.jerror {color:#F52731;}

/*News component*/
.news-title {font-weight:bold; font-size:12pt;color:#5970B2;}
.news-title a{text-decoration:none;color:#5970B2;}
.news-title a:hover{text-decoration:underline;color:#5970B2;}
.news-date  {font-size:8pt;color:#F57F20;border-bottom:1px solid #CCC;}
.news-data  {font-size:10pt;color:#333;margin-bottom:20px}
.news-data a {text-decoration:none;color:#5970B2;}
.news-data a:hover {text-decoration:underline;color:#5970B2;}
.datedaydiv {text-align:center;color:#FFF;font-size:16pt;width:40; background:#CCC;margin-left:3px; margin-top:3px;margin-bottom:1px;padding-top:5px; padding-bottom:5px;-moz-border-radius-topleft:8px;}
.datemonthdiv {text-align:center;color:#FFF;width:40; background:#000;margin-left:3px; margin-bottom:2px;-moz-border-radius-bottomright:8px;}

/*logout*/
.confirm {text-align:center;z-index:10;width:500px;position:absolute;top:30px;left:50%;margin-left:-250px;}

/* TOP DROPDOWN MENU */
.drop-container {margin:0px 10px 20px 10px;background:#5970B2;padding:0px;width:100%-40px;}
#sddm {margin: 0;padding: 0;z-index: 30;width:100%;}
#sddm li {margin: 0;padding: 0;list-style: none;float: left;font: bold 11px arial}
#sddm li a {display: block;border-right:1px solid #FFF;padding: 4px 10px;width: 80px;background: #5970B2;color: #FFF;text-align: center;	text-decoration: none}
#sddm li a:hover {background: #49A3FF}
#sddm div {position: absolute; visibility: hidden;margin: 0;padding: 0;background: #EAEBD8;border-top: 1px solid #FFF;border-left: 1px solid #FFF;}
	#sddm div a{position: relative;display: block;margin: 0;padding: 5px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #5970B2; /*#EAEBD8;*/color: #EEE;border-bottom:1px solid #FFF;font: bold 11px arial	}
	#sddm div a:hover {background: #49A3FF;color: #FFF}
	

.pagingmenu {margin-bottom:10px;float:left;padding:4px;text-align:center;border:1px solid #F1F1F1;color:#999;width:12px;background:#F6F6F6;margin-left:5px;}	
.pagingmenu  a {text-decoration:none;color:#999;margin-bottom:10px;}	
	
/* MARGIN */
.leftmargin {margin-left:10px;}
.leftmargin2 {margin-left:20px;}
.leftmargin3 {margin-left:30px;}

.left {margin:0px}
.divline {border-bottom:1px solid #CCC;}
.clear {clear:both;}

.homelabel {color:#AAA;}
.homebutton {color:#FFF;background:#5970B2;border:0px;height:22px; margin-left:5px;}

/*AUTO COMPLETE*/
.suggestion ul    {width:100px;padding:0px;margin:0px;position:absolute;border:1px solid #CCC;border-top:0px;display:none;background:#FFF;}
.suggestion ul li {list-style:none;margin:0px;background:#FFF;color:#000;}
.suggestion ul li.selected {background:#5970B2;color:#FFF;}
.suggestion2 ul    {width:100px;padding:0px;margin:0px;position:absolute;z-index=100;left:50%;margin-left:-50px;border:1px solid #CCC;border-top:0px;display:none;background:#FFF;}
.suggestion2 ul li {list-style:none;margin:0px;background:#FFF;color:#000;}
.suggestion2 ul li.selected {background:#5970B2;color:#FFF;}


/*POPUP FORM*/
.popup-cont {top:0;left:0;position:fixed;width:100%;height:100%;background:transparent url(../images/transpbg.png) top left repeat;display:none;margin:0px;padding:0px;z-index:100;}
.popup {position:relative;height:300px;width:500px;background:#FFF;margin:0 auto;top:50%;margin-top:-200px;border:2px solid #CCC;}
.top-popup {background:#5970B2;} 
.popup-title {font-weight:bold;float:left;color:#FFF;margin-left:2px;}
.popup-content{margin:20px;}
.popup-label{color:#999;margin-top:30px;}
.popup-close{float:right;}
.popup-close a img {border:0px; text-decoration:none;margin:2px;}

.clear {clear:both;}