#container { margin:0 auto; width:900px; }
a {text-decoration: underline; color:#797F81;}
td {font-family:Tahoma;	font-size:11px; line-height:14px; color:#616161;}
\\ ul, li {margin:0; padding:0;}
form{margin:0px;}
input, textarea, option, select {font-family:Tahoma; font-size:11px; color:#616161;	padding-left:5px;}
textarea {resize: none;} 
table#konten {background-color:#FFFFFF; border:1px solid #ccc; width: 100%;}
table#konten td {padding: 1px; border:solid #ccc 1px; font-size:10px}
.data {color: #000000; text-align: right; background-color: #CCCCCC;}
.toprow {font-style: italic; text-align: center; background-color: #FFFFCC;}
.leftcol {font-weight: bold; text-align: left; width: 150px; background-color: #CCCCCC;}
.tdConten {	-moz-box-shadow:0px 3px 4px #333333;-webkit-box-shadow:0px 3px 4px #333333;	-box-shadow:0px 3px 4px #333333;}
.InputBox {padding:5px; border:1px solid #CCCCCC; font-family:tahoma; font-size:11px; color: #858585;}
.DescInput {height:50px; padding:5px; border:1px solid #CCCCCC; font-family:tahoma; font-size:11px; color: #858585; overflow:auto; overflow-x: hidden}
.KomInput {width:330px; height:19px; padding-left:5px; padding-right:5px; font-family:tahoma; font-size:11px; color: #858585;}
.submitText {font-family:Tahoma; font-size:11px; color:#616161;	font-weight:bold; padding-left:5px;	padding-right:5px; border:solid 1px;}
.titleHeadline {font-family: Georgia, serif;font-size: 19px; font-weight:bold; color:#000; text-shadow:1px 0px 2px #fff; text-decoration:none}
.hometext {color:#FFF;line-height:46px;cursor:hand; text-shadow:0px 0px 2px #fff;}
.logintext {color:yellow;line-height:46px;cursor:hand; text-shadow:0px 0px 2px #fff;}
.logintext:hover {color:#fff;line-height:46px;cursor:hand; text-shadow:0px 0px 1px #fff;}
.SearchMenu {float:left; width:60px; font-size:12px; line-height:14px; color:#616161; font-weight:bold; padding:5px 0px}
.titlePengumuman {padding:12px 8px 8px 8px; margin-bottom:8px; background:#a8ce6c; font-family:"Trebuchet MS", sans-serif; font-weight:bold;
	-moz-box-shadow:0px 3px 4px #333333;
	-webkit-box-shadow:0px 3px 4px #333333;
	-box-shadow:0px 3px 4px #333333;
}
.marquee {
position:relative; overflow:hidden; width:900px; height:15px;padding:8px; margin-bottom:8px; background:#a8ce6c; font-family:"Trebuchet MS", sans-serif;
	-moz-box-shadow:0px 3px 4px #333333;
	-webkit-box-shadow:0px 3px 4px #333333;
	-box-shadow:0px 3px 4px #333333;
}
.marquee span {white-space:nowrap; font-weight:bold;}
.marQtext {font-size:14px; color:#004080;cursor:hand; text-shadow:0px 0px 1px #000;text-decoration:none; text-transform:uppercase}
.marQtext:hover {color:#fff;cursor:hand; text-shadow:0px 0px 1px #fff;}
.white {color:#ffffff; text-decoration:none;}
.white:hover {color:#797F81; text-decoration:none;}
.blueLine {color:#4689B1; text-decoration: underline;}
.blueLine:hover {color:#4689B1; text-decoration: blink;}
.blue {color:#1e6cb5; text-decoration:none;}
.blue:hover {color:#4689B1; text-decoration:underline;}
.green {color:#76904B;}
a.green {color:#76904B; text-decoration:none;}
.greenbgTitle {background:url(images/bg_green_title.gif) top repeat-x; padding-left:10px;}
.greenbgCont {background:url(images/bg_green_cont.gif) top repeat-x;}
.orange {color:#ff9900;	text-decoration:none;}
.orange:hover {color:#f78804; text-decoration:underline;}
.orangebgTitle {background:url(images/bg_orange_title.gif) top repeat-x; padding-left:10px;}
.orangebgCont {background:url(images/bg_orange_cont.gif) top repeat-x;}
.red {color:#a03137;	text-decoration:none;}
.red:hover {color:#E54646; text-decoration:underline;}
.black {color:#000;text-decoration:none;}
.black:hover {color:#616161; text-decoration:underline;}
.grey {color:#616161;text-decoration:none;}
.grey:hover {color:#616161; text-decoration:underline;}
.greybgTitle {background:url(images/bg_grey_title.gif) top repeat-x; padding-left:10px;}
.greybgCont {background:url(images/bg_grey_cont.gif) top repeat-x;}
.small {color:#9a9a9a; text-decoration:none;}
.small:hover {color:#E54646;	text-decoration:underline;}
.smallWhite {font-family:Tahoma; font-size:12px; color:#ffffff; text-decoration:none;}
.headLine {font-family:Tahoma; font-size:12px; text-decoration:none;}
.textLink {color:#616161; text-decoration:underline;}
.textLink:hover {color:#E54646; text-decoration:underline;}
.right_title {font-family:Tahoma; font-size:12px; font-weight:bold; color:#408B74; padding-top:20px;	padding-bottom:20px;}
.menu {color:#558482;}
a.menu {color:#558482; text-decoration:underline;}
a.copy {color:#779C9A; text-decoration:none;}
.TitelMenuOff {CURSOR: hand;}
.TitelMenuOver {background-image:url(images/3_cnt_1.gif); background-repeat:repeat-x;}
.TitelMenuLink {padding-left:25px; padding-bottom:12px; padding-right:5px; font-weight:bold; color:#FFFFFF; text-decoration:none;}

#menuOff {padding:4px 0px 5px; CURSOR: hand; BORDER-BOTTOM: #006600 1px dotted;}
#menuOff:hover {background:url(images/bg_green_cont.gif) top left repeat-x; background:#e8fec2; padding:4px 0px 5px; CURSOR: hand; BORDER-BOTTOM: #006600 1px dotted;}
.addMenuBdr{background:url(images/bg_green_cont.gif) top repeat-x; padding:3px 10px 15px;}
.addMenu {padding:6px 10px; margin-top:6px; background:url(images/bg_green_cont.gif) top repeat-x; font-weight:bold; color:#76904B; border:1px dotted #006600}
.addMenu:hover {padding:6px 10px; margin-top:6px; background:url(images/bg_green_cont.gif) left repeat-x; font-weight:bold; color:#76904B; border:1px dotted #006600}
.addMenuOn {padding:8px 10px; margin-top:6px; background:url(images/bg_green_title.gif) top repeat-x; font-weight:bold; color:#fff;}
.menuOver {background:url(images/bg_green_cont.gif) top repeat-x;}

.subCatMenu {padding:6px 10px; margin-top:6px; background:url(images/bg_green_cont.gif) top repeat-x; font-weight:bold; color:#76904B; border:1px dotted #006600}
.subCatMenuLi {display:none; list-style:none; padding:6px 10px; margin-top:6px; background:url(images/bg_green_cont.gif) top repeat-x; font-weight:bold; color:#76904B; border:1px dotted #006600}
.subMenuOff {PADDING-LEFT: 8px;  PADDING-TOP: 5px; PADDING-RIGHT: 4px; PADDING-BOTTOM: 4px; CURSOR: hand; BORDER-TOP: #66cc66 1px solid;}
.subMenuOver {BACKGROUND-COLOR: #9ba655}
.sortText {FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: #32380E; FONT-FAMILY: Webdings; TEXT-DECORATION: none;}
.sortOff {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; CURSOR: hand;}
.sortOver {BACKGROUND-COLOR: #e1e0e1;}
.slideImage {border-left:1px solid #CCCCCC;	border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:5px;}
.slideDesc {font-family:Tahoma; font-size:9px; font-style:italic; border:1px solid #CCCCCC; padding:5px;	background:#EEEEEE;}
.printText {font-family:Tahoma;	font-size:12px;	color:#616161; text-align:justify;}
.pad5 {PADDING-RIGHT: 5px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; PADDING-TOP: 2px; BORDER-BOTTOM:  #f2f1ee 1px solid;}
.titleTD {PADDING-RIGHT: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px;}
.boxTd {BORDER-TOP: #f2f1ee 1px solid; BORDER-RIGHT: #f2f1ee 1px solid;  BORDER-LEFT: #f2f1ee 1px solid; BORDER-BOTTOM: #f2f1ee 1px solid;}
.admHeading {FONT-WEIGHT: bold; font-size: 15pt; PADDING-TOP: 10px; text-decoration: none;}
.leftLine {border-left:  #C0C0C0 1px solid; BORDER-BOTTOM:  #C0C0C0 1px solid; border-right:  #C0C0C0 1px solid; }
.rightLine {border-right:  #C0C0C0 1px solid; BORDER-BOTTOM:  #C0C0C0 1px solid; }
.viewData {display:block; float:right; background: url(images/view_data_0.gif) no-repeat; margin-bottom:5px; width:144px}
.viewData:hover {display:block; float:right; background: url(images/view_data_1.gif) no-repeat; margin-bottom:5px; width:144px} 
.kirimPPM {display:block; float:right; background: url(images/kirim_ppm_0.gif) no-repeat; margin-bottom:5px; width:164px}
.kirimPPM:hover {display:block; float:right; background: url(images/kirim_ppm_1.gif) no-repeat; margin-bottom:5px; width:164px} 
.tangGapi {display:block; float:right; background: url(images/kirim_tanggapan_0.gif) no-repeat; margin-bottom:5px; width:137px;}
.tangGapi:hover {display:block; float:right; background: url(images/kirim_tanggapan_1.gif) no-repeat; margin-bottom:5px; width:137px} 
.tangGapiX {display:block; float:right; margin-bottom:5px; width:137px;}
.ceTak {display:block; float:right; background: url(images/cetak_0.gif) no-repeat; margin-bottom:5px; width:58px}
.ceTak:hover {display:block; float:right; background: url(images/cetak_1.gif) no-repeat; margin-bottom:5px; width:58px} 
#search_box { 
	background:-moz-linear-gradient(top, #ffd73a, #ffa500); 
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffd73a), to(#ffa500)); 
	border:1px solid #d28703; 
	border-radius:1px; 
	-moz-border-radius:1px;
	-webkit-border-radius:1px; 
	-moz-box-shadow:inset 0 1px #ffff90, inset 0 -2px 5px #ffd05d, 0 0 0 4px rgba(255,255,255,0.65);
	-webkit-box-shadow:inset 0 1px #ffff90, inset 0 -2px 5px #ffd05d, 0 0 0 4px rgba(255,255,255,0.65);
	padding:2px;
		/* IE5.5 – IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd73a,endColorstr=#ffa500 );

/* IE8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd73a, endColorstr=#ffa500)”;
}

#search_box .search_wrapper { 
	background:#fff; 
	border:1px solid #d28703;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #ff0; 
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px #ff0; 
	height:25px;
	padding-left:5px; 
	position:relative;
}

#search_box input,
#search_box input:focus { border:none; color:#333; outline:none; font:12px Tahoma; margin:5px 0; }
#search_box button {
	background:-moz-linear-gradient(top, #453e26, #1c64a7);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#453e26), to(#1c64a7));
	border:1px solid #000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,4);
	-webkit-box-shadow:inset 0 -2px 3px #193544, inset 0 1px #907817, 0 1px 1px rgba(0,0,0,.4);
	cursor:pointer;
	height:19px; 
	position:absolute; 
	right:2px; 
	top:2px; 
	width:25px;
		/* IE5.5 – IE7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#453e26,endColorstr=#000 );

/* IE8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#453e26, endColorstr=#000)”;	
}
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}
ul#menu a {
  display: block;
  text-decoration: none;	
}
ul#menu li {
  margin-top: 1px;
}
ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}
ul#menu li a:hover {
  background: #000;
}
ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}
ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

#text_area_input {
	width:545px;
	min-height:36px;
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	border-color:#AEAEAE #BBBBBB #BBBBBB;
	border-style:solid;
	border-width:1px;
	border-top:2px solid #E8E8E8;
}
#progressbar {
	width:0px;
	height:14px;
}
#barbox {
	float:right;
	height:14px;
	background-color:#FFFFFF;
	width:513px;
	border:solid 1px #cccccc;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
}
#count {
	float:left;
	background:#D3F0FE;
	text-align:center;
	width:35px;
	height:14px;
	border:1px solid #CCCCCC;
}
#CapBoxLeft {float:left; margin-right: 8px; padding:5px; width:250px; border:1px solid #CCCCCC; width:250px;}
#CapBoxRight {float:right; margin-left: 8px; padding:5px; width:250px; border:1px solid #CCCCCC; width:250px;}
#CapBoxText {padding:5px; background:#F5F5F5; text-align:center; font-style: italic; font-size:10px}
#dtTbl a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
#dtTbl a:visited {
	text-decoration:none;
}
#dtTbl a:active,
#dtTbl a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
#dtTbl {
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
#dtTbl th {
	padding:11px 15px 12px 15px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
#dtTbl th:first-child{
	text-align: left;
	padding-left:10px;
}
#dtTbl tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#dtTbl tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#dtTbl tr{
	text-align: center;
	padding-left:10px;
}
#dtTbl tr td:first-child{
	text-align: left;
	padding-left:10px;
	border-left: 0;
}
#dtTbl tr td {
	padding:5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
#dtTbl tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
#dtTbl tr:last-child td{
	border-bottom:0;
}
#dtTbl tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#dtTbl tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#dtTbl tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}