#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;} 
.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;}
.titlePengumuman {padding: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;
}
.marQtext {color:yellow;cursor:hand; text-shadow:0px 0px 2px #000;text-decoration:none;}
.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}