body{
	font-family: Arial;
	text-align: center; 
	/*background: url(../_img/bg.jpg)*/
	background-color: #ddd;
	margin:0;padding:0;
}         
#header-wrap {
    position: relative;
	height: 110px;
	text-align: left;
	background-color: #333;
	/*background: url(../_img/bg.gif);*/
	background: rgba(76,76,76,1);
background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(31,28,31,1) 3%, rgba(48,44,48,1) 3%, rgba(48,44,48,1) 7%, rgba(54,53,54,1) 7%, rgba(48,46,48,1) 26%, rgba(56,56,56,1) 47%, rgba(71,71,71,1) 47%, rgba(76,87,97,1) 54%, rgba(48,44,48,1) 55%, rgba(15,14,15,1) 64%, rgba(26,25,26,1) 77%, rgba(56,56,56,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(3%, rgba(31,28,31,1)), color-stop(3%, rgba(48,44,48,1)), color-stop(7%, rgba(48,44,48,1)), color-stop(7%, rgba(54,53,54,1)), color-stop(26%, rgba(48,46,48,1)), color-stop(47%, rgba(56,56,56,1)), color-stop(47%, rgba(71,71,71,1)), color-stop(54%, rgba(76,87,97,1)), color-stop(55%, rgba(48,44,48,1)), color-stop(64%, rgba(15,14,15,1)), color-stop(77%, rgba(26,25,26,1)), color-stop(91%, rgba(56,56,56,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(31,28,31,1) 3%, rgba(48,44,48,1) 3%, rgba(48,44,48,1) 7%, rgba(54,53,54,1) 7%, rgba(48,46,48,1) 26%, rgba(56,56,56,1) 47%, rgba(71,71,71,1) 47%, rgba(76,87,97,1) 54%, rgba(48,44,48,1) 55%, rgba(15,14,15,1) 64%, rgba(26,25,26,1) 77%, rgba(56,56,56,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(31,28,31,1) 3%, rgba(48,44,48,1) 3%, rgba(48,44,48,1) 7%, rgba(54,53,54,1) 7%, rgba(48,46,48,1) 26%, rgba(56,56,56,1) 47%, rgba(71,71,71,1) 47%, rgba(76,87,97,1) 54%, rgba(48,44,48,1) 55%, rgba(15,14,15,1) 64%, rgba(26,25,26,1) 77%, rgba(56,56,56,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(31,28,31,1) 3%, rgba(48,44,48,1) 3%, rgba(48,44,48,1) 7%, rgba(54,53,54,1) 7%, rgba(48,46,48,1) 26%, rgba(56,56,56,1) 47%, rgba(71,71,71,1) 47%, rgba(76,87,97,1) 54%, rgba(48,44,48,1) 55%, rgba(15,14,15,1) 64%, rgba(26,25,26,1) 77%, rgba(56,56,56,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(135deg, rgba(76,76,76,1) 0%, rgba(31,28,31,1) 3%, rgba(48,44,48,1) 3%, rgba(48,44,48,1) 7%, rgba(54,53,54,1) 7%, rgba(48,46,48,1) 26%, rgba(56,56,56,1) 47%, rgba(71,71,71,1) 47%, rgba(76,87,97,1) 54%, rgba(48,44,48,1) 55%, rgba(15,14,15,1) 64%, rgba(26,25,26,1) 77%, rgba(56,56,56,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );

}
#header-wrap .logo{	padding:10px 0 10px 0;width: 500px;}
#header-wrap .logo img{ float:left;margin-right:15px;width: 50px;height: 50px; }
#header-wrap .judul{ color:yellow;font-size:27px;font-family:georgia;}
#header-wrap .subjudul{	color:#FFF;font-family:Arial; letter-spacing: 1px;font-size:14px;}

#header-wrap .myaccount{ 
	position: absolute;
	right:0;top:10px;
	color:#FFF;
	font-size: 12px;
	background-color: #555;
	border-radius: 3px;
}
.myaccount ul{
	margin: 0;padding: 0;
}
.myaccount li{
	color:#FFF;
	float: left;
	display: block;
	padding:4px 10px;
}
.myaccount li.welcome{ border-right: 1px solid #333; }
.myaccount li.welcome b{ color: yellow;}
.myaccount li.logout{ 
	padding:4px 14px; 
	background-color: lightblue;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.myaccount li.logout a{color:#222;text-decoration: none;}
.myaccount li.logout a:hover{text-decoration: underline;}

#menu {
	width: 100%;
	position: relative;
	background-color: #2f79bd;
	margin-top:2px;
	/*border:2px solid #DADADA;*/
}
#menu .left{
float: left;
background-color: #E5E5E5;
}
#menu .right{
float: right;
background-color: #E5E5E5;
}

#menu ul {
	font-family: Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	height: 33px;
	border:1px solid #57a3f0;
}
#menu ul li {
	list-style-type: none;
	position: relative;
	float: left;
	border-right:1px solid #57a3f0;
}
#menu ul li a{
	display: block;
	float: left;
	font-size: 13px;
	padding:8px 20px 9px 20px;
	text-shadow:1px 0px 1px #333;
	color: #FFF;
	text-decoration: none;
	border-right:1px solid #333;
	font-weight: 600;
/*
	border-right: 1px solid #1F1010;
	border-left: 1px solid #793E3E;
*/
}
#menu ul li a:hover {
	color: #FF0000;
	background-color: #DADADA;
	text-shadow:none;
}
#menu ul li ul {
	display: none;	
	text-align: left;	
	background:none;
	border:none;
}
#menu ul li:hover ul {
	display: block;
	position: absolute;
	left: -1px;
	top: 33px;
	z-index: 1;
	border-top:1px solid #555;
	background:none;
}
#menu ul li:hover ul li a {
	display: block;
	left: 0px;
	color: #333;
	background-color: #FFD455;
	width: 180px;
	height: 14px;
	/*
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	*/
	text-shadow: none;
	border:none;
	padding: 7px;
	font-size: 12px;
	border:1px solid #555;
	border-top:none;
	font-weight: normal;
}
#menu ul li:hover ul li a:hover {
	left: 0px;	
	text-decoration: underline;
	/*
	filter: alpha(opacity=70);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	*/
}

#content-wrap {
	width: 100%;
	text-align: left; 
	/*border: 2px solid #32abe4;
	background: url(../_img/bg.gif);*/
	background:#ddd;

}

.container {
    position: relative;
	width:1200px;
	margin:0 auto;	
}

#pengumuman {
	margin-top: 35px;
	margin-bottom: -35px;
	width: 1024px;
	border-top:1px solid #333;
	color:gold;
	/*background: url(../_img/bg.gif);*/
}

#content {
	/*border-top:1px solid #8A5701;
	background: url(../_img/bg.gif)*/
	border:1px solid #bbb;
	border-top:none;
	border-bottom:none;
	padding:10px 20px 50px 20px;
	background:#F9F9F9;
	min-height: 600px;
	/*border-radius: 6px;
	-webkit-box-shadow: 1px 0px 2px 3px rgba(194,188,194,0.7);
-moz-box-shadow: 1px 0px 2px 3px rgba(194,188,194,0.7);
box-shadow: 1px 0px 2px 3px rgba(194,188,194,0.7);*/
}

#content p {
	font-size: 75%;
	line-height: 1.8em;
}

/* ------------------------------------------------------------------------ */
/* 05. Forms
/* ------------------------------------------------------------------------ */
/*
form,
fieldset { margin-bottom: 20px }

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    background: #fff;
    border: 1px solid #ababab;
    padding: 5px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    margin: 0;
    width: 220px;
    max-width: 100%;
    -moz-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
    box-shadow: 0 1px 2px 0 rgba(180, 180, 180, 0.2);
}

select {

}

input[type="text"],
input[type="password"],
input[type="email"],
textarea{
    background-color: #fffac7;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #b0aa66;
    color: #333;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

textarea { min-height: 60px }

select {
    width: 220px;
    padding: 5px;
}

label,
legend {
    cursor: pointer;
    display: block;
}

    label span,
    legend span { font-weight: bold }

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    display: inline-block;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
}

button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active{
	-webkit-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	   -moz-box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	        box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
*/

a:link,a:visited {
	color:#265180;
}
a:hover {
	color: #FF6600;
	text-decoration:none;
}
h2 {   
	font-family: Tahoma; 
	font-size: 130%;
	font-weight:bold;
	line-height: 200%;
	color: #333;
	background-color: transparent;
	border-bottom: 1px dotted #265180;
	margin-top:0px;
}
table {
	font-size: 9pt;
	border-width: 1px;
	border-style: solid;
	border-color: #99866a;
	border-collapse: collapse;
	margin: 10px 0px;
	width: 100%;
}
th{
	color: #222;
	font-size: 8pt;
	text-transform: capitalize;
	text-align: center;
	padding: 0.7em;
	border-width: 1px;
	border-style: solid;
	border-color: #99866a;
	border-collapse: collapse;
	background-color: #e0bb84;
	font-family: Verdana;
}
td{
	padding: 0.4em;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	border-color: #99866a;
	border-collapse: collapse;
}
input,textarea,select{
	font-size: 9pt;
}

span { vertical-align:middle; }

.th-style0{background:#185ba3;color:#FFF;}
.th-style1{background:#185ba3;border-left:1px solid #185ba3;color:#FFF;}
.th-style2{background:#185ba3;border-right:1px solid #185ba3;color:#FFF;}

/*
pagination
*/
.pagination{padding: 15px 0 10px 0;font-size: 9pt;border-top:2px solid #bbb;}
.pagination a {padding: 5px 7px; color: #333; margin: 0 1px; background:#efefef; border:1px solid #bbb; text-decoration: none;}
.pagination a:hover {background:#666; color: #fff; border:1px solid #333;}
.pagination strong {font-weight:bold;padding: 5px 8px; margin: 0 2px 0 4px; border:1px solid #888888;}
.pagination-info{font-size:11px; padding: 6px 0 0 0;}
#paging{
	font-family: Tahoma; 
	font-size: 10pt; 
}
#footer-wrap{
	font-size: 12px;
	color: yellow;
	text-align: center;
	font-family: Arial;
	background-color: #131313;
}

#footer-wrap .copyright{
	padding:15px;
}
#kiri {
	position: relative;
	float: left;
	top: 37px;
	left: 0;
	width: 180px;
	border-top: 0px;
	border-right: 1px;
	border-left: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #265180;;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 9pt;
	color: #000000;
	padding:10px 5px 10px 5px;
}
/* ========================================================================================================================================================================= */

/* UNTUK ACCORDION MENU */
/*.container {padding: 0px; float: left; width: 180px; top: 35px; position: relative;}  rubah */
.clear {clear: both;}
.dcjq-count {float: right;}

/* Skin */
.mymenu .accordion{ border-top: 1px solid #013d6c; border-right: 1px solid #013d6c; border-left: 1px solid #013d6c;}
.mymenu .accordion, .mymenu .accordion li {margin: 0; padding: 0; border: none;}
.mymenu .accordion a {padding: 5px 10px 5px 5px; background: #0066CC; text-decoration:none; display: block; color: #FCFCFC; border-bottom: 1px solid #330066; border-top: 1px solid #330066;}
.mymenu .accordion ul a {padding: 5px 10px 5px 15px;font-size:12px;}
.mymenu .accordion a.dcjq-parent, .mymenu .accordion a.dcjq-parent:hover {padding: 5px 10px 5px 5px;}
.mymenu .accordion a.dcjq-parent.active {background: #01458e url(../_img/checkers.png) repeat 0 0; color:#FFFF00;}
.mymenu .accordion a:hover {background: #01458e; color:#FFFF66;}
.mymenu .accordion a:active{}

.mymenu .accordion li {
	width: 180px;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
	list-style: none;
}

.mymenu .accordion ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.mymenu .accordion a:link, .mymenu .accordion a:visited {
	border-left: 12px solid #01458e;
}

.judplh1 { color:#FF5200; font-weight:bold; font-family:Verdana, Arial;font-size: 14px;}
.judplh2 { color:#660066; font-weight:bold; font-family:Verdana, Arial;font-size: 14px;}
.judplh3 { color:#333333; font-weight:bold; font-family:Verdana, Arial;font-size: 14px;}
.judpis1 { color:red; font-weight:bold; font-family:Tahoma; }

.tr_odd { display: table-row; background-color:#FFFFFF; }
.tr_even { display: table-row; background-color:#E3E3E3; }

tr.judlist { 
	color:#222;
	background-color:#e0bb84;
	vertical-align:middle;
	font-weight:bold;
	padding: 0.6em; 
	font-family:Verdana;
	font-size: 8pt;
}
tr.judlist th{text-transform: capitalize;}
tr.judlist td{
	padding: 0.6em;
	font-size: 8pt;
}

table.kosong { margin:0px; width:100%; border-width:0px; padding:0px;}
td.kosong{
	padding: 0px;
	vertical-align: top;
	border-width: 0px;
}

td.cellinp{
	padding:3px 3px; vertical-align: middle;;
}

.datakosong { width:100%; border-top:1px solid #969BA5; margin:0px; padding-top:10px; color: red; text-align:center;font-weight:normal;font-size:12pt;font-family:Tahoma,Arial;}
.datakosong1 { width:100%; border-top:1px solid #969BA5; margin-top:50px; padding-top:10px; color: red; text-align:center;font-weight:normal;font-size:12pt;font-family:Tahoma,Arial;}

.tombol1 {
	height:24px; clear:both; margin:2px 0; padding:0.2em 5px 5px 5px; vertical-align:middle;
	color:#FFFF00; background-color:#034a0a;
	font-size: 8pt; font-family: Tahoma, Arial; font-weight:bold;
	border:#660000 groove 2px; border-radius: 0.35em;  /* grove ridge inset outset solid dotted none */
}
.tombol1:hover {
	color: #FFF; background:#7E8802;
}

.tombol1:disabled {
	height:24px; clear:both; margin:2px 0; padding:0.2em 5px 5px 5px; vertical-align:middle;
	color:#666666; background-color:#CCCCCC;	
	border:#898989 groove 2px; border-radius: 0.35em;  /* grove ridge inset outset solid dotted none */	
	font-size: 8pt; font-family: Tahoma, Arial; font-weight:bold;
}

.tombol2 {
	clear:both; margin:0px; vertical-align:middle;
	color:#000000; background-color:#CCCCCC;padding-bottom:2px;
	font-size: 9pt; font-family: Tahoma, Arial; font-weight:NORMAL;
	border:#CCCCCC groove 2px; border-radius: 0.35em;  /* grove ridge inset outset solid dotted none */	
}
.tombol2:hover {
	color: #FFF; background:#333333;	
}

.tombol3 {
	clear:both; margin:0px; margin-top:-2px; padding:3px; vertical-align:middle;
	color:#000000; background-color:#CCCCCC;
	font-size: 8pt; font-family: Tahoma, Arial; font-weight:NORMAL;
	border:#CCCCCC groove 2px; border-radius: 0.35em;  /* grove ridge inset outset solid dotted none */	
	text-decoration:none;
}
.tombol3:hover {
	color: #FFF; background:#333333;	
}

.inputan {
	background-color: #FFFFFF;padding:3px;border:1px solid #99cccf;font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:25px;text-align:left;width:100%;
}

.txtfilter {
	font-family: Tahoma, Arial; font-size:9pt; font-weight:bold; color:#FF0055;
}

input.model1[type=text] {
  @include transition(all 0.30s ease-in-out);
  outline: none; padding: 0px 3px; margin: 0px; border: 1px solid #85b1de;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:24px;text-align:left;width:100%; vertical-align:middle;
}
 
input.model1[type=text]:focus {
  @include box-shadow(0 0 5px #006600);
  padding: 0px 3px; margin: 0px; border: 1px solid #006600;background-color:#CCFFCC;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:24px;text-align:left;width:100%; vertical-align:middle;
}

select.model1 {
  @include transition(all 0.30s ease-in-out);
  outline: none; padding: 2px; margin: 0px; border: 1px solid #85b1de;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:22px;text-align:left;

}
select.model1:focus {
  @include box-shadow(0 0 5px #006600);
  padding: 2px; margin: 0px; border: 1px solid #006600;background-color:#CCFFCC;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:22px;text-align:left;
}


/*
	Custom Crossbrowser Styling for Checkboxes and Radio Buttons
	------------------------------------------------------------
	created by Martin Ivanov
	http://wemakesites.net
	http://acidjs.wemakesites.net
	http://acidmartin.wordpress.com

	Supported Browsers:
	- Mozilla FireFox
	- Google Chrome
	- Apple Safari
	- Opera
	- Internet Explorer 9

	- Older browsers degrade gracefully displaying browsers' default checkboxes and rad buttons
*/

/* hide the real form element by opacity: 0 and position: absolute - display: block and visibility: hidden do not work because then form elements cannot get the focus and actually get checked or unchecked */
.skinned-form-controls input[type="checkbox"],
.skinned-form-controls input[type="radio"]
{
	position: absolute;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* prevent the entire page from scrolling if there is overflow and checkbox or radio button are clicked */
.skinned-form-controls label
{
	position: relative;
}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-controls input[type="checkbox"],
.skinned-form-controls input[type="radio"]
{
	position: static\9;
}

.skinned-form-controls input[type="checkbox"] + span::before,
.skinned-form-controls input[type="radio"] + span::before
{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-repeat:  no-repeat;
}

.skinned-form-controls input[type="checkbox"]:checked + span::before
{
	background-position: 0 -20px;
}

.skinned-form-controls input[type="radio"] + span::before
{
	background-position: -20px 0;
}

.skinned-form-controls input[type="radio"]:checked + span::before
{
	background-position: -20px -20px;
}

/* disabled form elements */
.skinned-form-controls input[type="radio"]:disabled + span,
.skinned-form-controls input[type="checkbox"]:disabled + span,
.skinned-form-controls input[type="radio"]:disabled + span::before,
.skinned-form-controls input[type="checkbox"]:disabled + span::before
{
	-moz-opacity: .6;
	-webkit-opacity: .6;
	opacity: .6;	
}

/* focused and active form elements */
.skinned-form-controls input[type="checkbox"]:focus + span::before,
.skinned-form-controls input[type="radio"]:focus + span::before,
.skinned-form-controls input[type="checkbox"]:active + span::before,
.skinned-form-controls input[type="radio"]:active + span::before
{
	outline: dotted 1px #ccc;
}

/* skin-specific sprite */
.skinned-form-controls.skinned-form-controls-mac input[type="checkbox"] + span::before,
.skinned-form-controls.skinned-form-controls-mac input[type="radio"] + span::before
{
	background-image: url("../_img/sprite.png");
}

.btn-medium{font-weight:bold;padding:2px 5px;width:80px;font-family: verdana}
.btn-small{font-weight:bold;padding:1px 3px;width:70px;font-family: tahoma}

.skinned-form-controls input[type=text],.skinned-form-controls input[type=password] {
  @include transition(all 0.30s ease-in-out);
  outline: none; padding: 0px 3px; margin: 0px; border: 1px solid #85b1de;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;width:100%; vertical-align:middle;
}
 
.skinned-form-controls input[type=text]:focus, .skinned-form-controls input[type=password]:focus {
  @include box-shadow(0 0 5px #006600);
  padding: 0px 3px; margin: 0px; border: 1px solid #006600;background-color:#CCFFCC;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;width:100%; vertical-align:middle;
}

.skinned-form-controls input[readonly], .skinned-form-controls input[type="checkbox"]:disabled {
  @include transition(all 0.30s ease-in-out);
  outline: none; padding: 0px 3px; margin: 0px; border: 1px solid #A5A5A5; background-color:#E1E1E1;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;width:100%; vertical-align:middle;
}

.skinned-form-controls input[readonly]:focus {
  @include box-shadow(0 0 5px #006600);
  padding: 0px 3px; margin: 0px; border: 1px solid #A5A5A5; background-color:#E1E1E1;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;width:100%; vertical-align:middle;
}

.skinned-form-controls select {
  @include transition(all 0.30s ease-in-out);
  outline: none; padding: 2px; padding-top:3px; margin: 0px; border: 1px solid #85b1de;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;
}

.skinned-form-controls select:focus {
  @include box-shadow(0 0 5px #006600);
  padding: 2px; padding-top:3px; margin: 0px; border: 1px solid #006600;background-color:#CCFFCC;
  font-family:Tahoma,Arial;font-size:9pt;font-weight:normal;height:23px;text-align:left;
}

.imgctk1 { border:1px solid #F95200; border-radius: 0.35em;padding:2px 1px; background-color:#F95200; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.imgctk1:hover { border:1px solid #990000; background-color:#990000; opacity:1; filter:alpha(opacity=40); /* For IE8 and earlier */ }

.imgctk2 { border:1px solid #660033; border-radius: 0.35em;padding:2px 1px; background-color:#660033; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ }
.imgctk2:hover { border:1px solid #000000; background-color:#000000; opacity:1; filter:alpha(opacity=40); /* For IE8 and earlier */}

.imglihat { border:1px solid #333333; border-radius: 0.25em;padding:1px 1px; vertical-align:bottom;}
.imglihat:hover { border:1px solid #660033;  /* For IE8 and earlier */ }

.imgedit { border:1px solid #003300; border-radius: 0.25em;padding:1px 1px; vertical-align:bottom; }
.imgedit:hover { border:1px solid #660033; }

.imghapus { border:1px solid #990000; border-radius: 0.25em;padding:1px 1px; vertical-align:bottom;}
.imghapus:hover { border:1px solid #660033; }

a.tombol3-hijau {
    background: url('../_img/green.png') no-repeat scroll top right; margin:2px 0;
    color: #444; display: block; float: left; text-decoration: none;
    font: normal 12px arial, sans-serif;
    height: 24px; margin-right: 6px; padding-right: 10px; /* sliding doors padding */    
}
a.tombol3-hijau span { background: url('../_img/green.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 10px; } 
a.tombol3-hijau:hover { font-weight: bold; color:#000;  }
a.tombol3-hijau:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.tombol3-hijau:active span { background-position: bottom left; padding: 6px 0 4px 10px; /* push text down 1px */ } 
/*
a.tombol3-hijau:hover { background: url('../_img/red.png') no-repeat top right; }
a.tombol3-hijau:hover span { background: url('../_img/red.png') no-repeat; }
*/

a.tombol3-biru {
    background: url('../_img/blue.png') no-repeat scroll top right; margin:2px 0;
    color: #444; display: block; float: left; text-decoration: none;
    font: normal 12px arial, sans-serif;
    height: 24px; margin-right: 6px; padding-right: 10px; /* sliding doors padding */    
}
a.tombol3-biru span { background: url('../_img/blue.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 10px; } 
a.tombol3-biru:hover { font-weight: bold; color:#000;  }
a.tombol3-biru:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */ }
a.tombol3-biru:active span { background-position: bottom left; padding: 6px 0 4px 10px; /* push text down 1px */ } 


.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/*-----------------------------------------------------------------------------------*/
/*	Buttons
/*-----------------------------------------------------------------------------------*/

.button,
input[type=submit]{
	margin:0 2px 0px 0;
	font-size:13px;
	line-height:13px;
	padding:8px 15px;
	border: 1px solid #ddd;
	font-weight:bold;
	display: inline-block;
	background-image: linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #FFFFFF 100%);
	background-color: #F9F9F9;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	-webkit-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2);
       -moz-box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2);
            box-shadow:0px 1px 1px 0px rgba(180, 180, 180, 0.2);
}

.button:hover{cursor: pointer;}

.button.small{
	font-size:11px;
	line-height: 11px;
	padding:6px 8px 6px 8px;
}
.button.medium{
	font-size:13px;
	line-height:13px;
	padding:8px 15px 8px 15px;
}
.button.large{
	font-size:16px;
	line-height:16px;
	padding:14px 22px 14px 22px;
}

.button.white{
	
}
.button.orange{
	color: #ffffff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background:-webkit-linear-gradient(top,  #faa51a,  #f47a20);
	background:   -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background:     -o-linear-gradient(top,  #faa51a,  #f47a20);
	background:        linear-gradient(top,  #faa51a,  #f47a20);
	-webkit-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(180, 180, 180, 0.4);
	   -moz-box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(180, 180, 180, 0.4);
            box-shadow:inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0px 1px 1px 0px rgba(180, 180, 180, 0.4);
	
}
	.button.orange:hover{
		background-image: linear-gradient(bottom, #f7d9a9 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #f7d9a9 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #f7d9a9 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #f7d9a9 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #f7d9a9 0%, #FFFFFF 100%);
		background-color: #f7c36e;
		border-color:#ebb459;
		color:#e98106;
	}
	
.button.blue{
	color: #ffffff;
	border: solid 1px #0b5996;
	background: #438ac2;
	background: -webkit-gradient(linear, left top, left bottom, from(#438ac2), to(#1063a4));
	background: -moz-linear-gradient(top,  #438ac2,  #1063a4);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
						0px 1px 1px 0px rgba(180, 180, 180, 0.4);
		    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2),
		    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
	
}
	.button.blue:hover{
		background-image: linear-gradient(bottom, #dbe9f3 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #dbe9f3 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #dbe9f3 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #dbe9f3 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #dbe9f3 0%, #FFFFFF 100%);
		background-color: #dbe9f3;
		border-color:#9fc2dd;
		color:#468bbf;
	}
	
.button.green{
	color: #FFF;
	border: solid 1px #729200;
	background: #aecf39;
	background: -webkit-gradient(linear, left top, left bottom, from(#aecf39), to(#84a805));
	background: -moz-linear-gradient(top,  #aecf39,  #84a805);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
						0px 1px 1px 0px rgba(180, 180, 180, 0.4);
		    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2),
		    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
}
	.button.green:hover{
		background-image: linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #e9f2d2 0%, #FFFFFF 100%);
		background-color: #e9f2d2;
		border-color:#c0da66;
		color:#88b12b;
	}
	
.button.red{
	color: #ffffff;
	border: solid 1px #920500;
	background: #c44844;
	background: -webkit-gradient(linear, left top, left bottom, from(#c44844), to(#a70c07));
	background: -moz-linear-gradient(top,  #c44844,  #a70c07);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
						0px 1px 1px 0px rgba(180, 180, 180, 0.4);
		    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2),
		    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
	
}
	.button.red:hover{
		background-image: linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #ffe9e9 0%, #FFFFFF 100%);
		background-color: #ffe9e9;
		border-color:#e99f9f;
		color:#d25c5a;
	}
	
.button.yellow{
	color: #ffffff;
	border-color: #c5a900;
	background: #e8ce3f;
	background: -webkit-gradient(linear, left top, left bottom, from(#eedc7b), to(#dfbd00));
	background: -moz-linear-gradient(top,  #eedc7b,  #dfbd00);
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
						0px 1px 1px 0px rgba(180, 180, 180, 0.4);
		    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2),
		    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
}
	.button.yellow:hover{
		background-image: linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
		background-image: -o-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
		background-image: -moz-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
		background-image: -webkit-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
		background-image: -ms-linear-gradient(bottom, #fbf6e3 0%, #FFFFFF 100%);
		background: #e8ce3f;
		background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fbf6e3));
		background: -moz-linear-gradient(top,  #FFFFFF,  #fbf6e3);
		background-color: #fbf6e3;
		border-color:#efd877;
		color:#c4a80a;
	}
	
.button.gray{
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#ababab));
	background: -moz-linear-gradient(top,  #d5d5d5,  #ababab);
	border: solid 1px #a6a6a6;
	
}
	.button.gray:hover{
		color: #666666;
		border: solid 1px #cccccc;
		background: #d5d5d5;
		background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d7d7d7));
		background: -moz-linear-gradient(top,  #efefef,  #d7d7d7);
		-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2),
							0px 1px 1px 0px rgba(180, 180, 180, 0.4);
			    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2),
			    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
	}
	
.button.black{
	color: #ffffff;
	border: solid 1px #1c1c1c;
	background: #4b4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#1c1c1c));
	background: -moz-linear-gradient(top,  #4b4b4b,  #1c1c1c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b4b4b', endColorstr='#1c1c1c');
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),
						0px 1px 1px 0px rgba(180, 180, 180, 0.4);
		    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.1),
		    			0px 1px 1px 0px rgba(180, 180, 180, 0.4);
}
	.button.black:hover{
		border-color:#000000;
		color: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#1c1c1c), to(#000000));
		background: -moz-linear-gradient(top,  #1c1c1c,  #000000);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#4b4b4b');
	}