/* CSS Document */

*{
	margin:0;
	padding:0;
}
html {
   	margin:0;
	padding:0;
}
body {
	background: url('../images/backgroundsma.png') no-repeat;
	background-size: 100% 100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
	color: #000000;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
}
h1 {
    color: #FFFFFF;
    font-family: Calibri,Helvetica,Arial,sans-serif;
    font-size: 31px;
    font-weight: bold;
    /*position: absolute;
    top: -1000px;*/
}
h2 {
    font-size: 18px;
    padding: 0 0 10px;
	text-align:center;
}
h3, #main-content h2{
    font-size: 17px;
    padding: 0 0 10px;
	text-align:center;
}
h4 {
    font-size: 16px;
    padding: 0 0 5px;
}
h5 {
    font-size: 14px;
    padding: 0 0 5px;
}
h6 {
    font-size: 12px;
    padding: 0 0 5px;
}

img{
	border:none;
}
a{
	cursor:pointer;
	text-decoration:none;
}
a {
    color: #57A000;
    text-decoration: none;
}
a:hover {
    color: #000000;
}
a:active {
    color: #777777;
}
a:focus {
    outline: 1px none;
}
/* strong {
    color: #333333;
    font-weight: bold;
} */
small {
    font-size: 0.85em;
}
pre {
    font-family: monospace;
}
p {
    line-height: 1.6em;
    padding: 5px 0 10px;
}
.clear {
    clear: both;
}

.copyright {
	margin-top: -100px;
	margin-right: 20px;
	text-align: right;
}




/*   MENU UTAMA   */
/*ul#menu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:right;
	font-weight:bold;
}
#menu li{
	float: left;
    margin: 0 3px;
    padding-left: 5px;
	height:33px;
}
#menu li a{
	display:block;
	height:33px;
	padding-left:5px;
	color:#939393;
}

#menu li .item-menu{
    height:33px;
	padding-right: 5px;
}
#menu li .item-tgh{
	padding: 10px 5px;
}

#menu li a:hover{	
	color:#000000;
}
#menu li a.current{
	color:#446225;
}
#menu li a:hover, #menu li a.current{
	background: url("../images/menu_ki.png") no-repeat;
}
#menu li a:hover .item-menu, #menu li a.current .item-menu{
	background: url("../images/menu_ka.png") no-repeat right;
}
#menu li a:hover .item-tgh, #menu li a.current .item-tgh{
	background: url("../images/menu_tgh.png") repeat-x;
}

#menu-slide{
	background: url("../images/home_center.jpg") no-repeat;
	width:980px;
	height:177px;
	margin: 0 auto;
}*/

#scrollAnchor1{
	position:absolute;
	z-index:10;
}
#home_services{
	margin-top: 9px;
	/*
	position:relative;
	top:25px;
	width:951px;
	height:430px;
	background:url('../images/home_bottom_slider_con_bg.jpg') bottom left no-repeat;
	*/
	
}
#home_services_tabs{
	/*width:951px;
	height:59px;
	background:url('../images/home_bottom_slider_tabs_bg.jpg') bottom left no-repeat;
	float:left;*/
	min-height: 33px;
	margin: 0 20px 14px 0;
	padding: 0;
	float:right;
	font-weight:bold;
}
.services_tab{
	/*background: url("../images/menu_ki.png") no-repeat;*/
	display:block;
	height:33px;
	padding-left:5px;
	color:#939393;
	float:left;
}
.item-menu{
    height:33px;
	padding-right: 5px;
	float: left;
}
.item-tgh{
	padding: 11px 5px;
	float: left;
	font-size:16px;
}

#services_content{
	float:left;
	clear:left;
	width:980px;
	height:150px;
	overflow:hidden;
	background: url("../images/home_center.jpg") no-repeat;
	/*width:980px;
	height:177px;
	margin: 0 auto;*/
}

#services_content .services_content{
	/*
	padding-top:30px;
	float:left;
	font-family:"MS Sans Serif", Geneva, sans-serif;
	height:166px;
	*/
	margin: 0 auto;
	clear:left;
	padding-top: 10px;
}

#services_container{
	position:relative;	
}

.services_column{
	text-align:center;
	width:298px;
	height:150px;
	float:left;
}
.services_description{
	float:left;
	line-height:24px;
	clear:left;
	margin-top:20px;
	margin-left:30px;
	width:901px;
	color:#546334;
	text-shadow: 0px 1px #f5fbd6;
}

.menu-slet{
	margin:auto;
}

#home_services_tabs a.current, #home_services_tabs a:hover{
	background: url("../images/menu_ki.png") no-repeat;
	color:#446225;
}
#home_services_tabs a.current .item-menu, #home_services_tabs a:hover .item-menu{
	background: url("../images/menu_ka.png") no-repeat right;
}
#home_services_tabs a.current .item-tgh, #home_services_tabs a:hover .item-tgh{
	background: url("../images/menu_tgh.png") repeat-x;
}
.mainmenu{
	margin:auto;
	font-size:16px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;

}

.mainmenu td{
	width:200px;
	height:140px;
	text-align:center;
}

.mainmenu a{
	color:#ffffff;
}

/*   FOOTER   */

#footer {
    background: url("../images/footer_bg.jpg") repeat-x scroll left top transparent;
    height: 100px;
   /* left: 0;
    position: absolute;
    top: 940px;*/
    width: 100%;
	color: #333333;
	font-size: 10px;
	text-shadow: 0 1px white;
	
}

.in-foot{
	margin:auto; 
	text-align:center; 
	padding:10px 0;
	line-height:14px;
	background: url("../images/footer_bg.jpg") repeat-x scroll left top transparent;
    min-height: 100px;
	width:980px;
}

.nama {
	font-size:12px;
	font-weight:bold;
}


/*  embuh    */
#container {
	min-height:100%;
	position:relative;
}
/* #main-content,#login-content{
    width: 980px;
} */

#login-content {
    /*margin: 20px auto;*/
	margin: auto;
    position: relative;
    top: 100px;

}

#login-content table td{
	padding:1px 5px;
}

#main-content ul, #main-content ol {
    /* padding: 10px 0; */
    list-style: none;
}
/* #main-content ul li {
    background: url("../images/icons/bullet_black.png") no-repeat scroll left center transparent;
    padding: 4px 0 4px 20px;
} */
#main-content ol {
    padding: 0 0 0 24px;
}
#main-content ol li {
    list-style: decimal outside none;
    padding: 4px 0;
}
.content-box {
    /*
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    
	margin: 0 0 20px;*/
}
.content-box-header {
    /*
	background: url("../images/bg-content-box.gif") repeat-x scroll left top #E5E5E5;
    */
	height: 40px;
    margin-top: 1px;
}
.content-box-header h3 {
    float: right;
    padding: 12px 15px 10px;
}
ul.content-box-tabs {
    float: left;
    margin: 0 !important;
    padding: 11px 0 0 15px !important;
}
ul.content-box-tabs li {
    background-image: none !important;
    float: left;
    margin: 0;
    padding: 0 !important;
}
ul.content-box-tabs li a {
    border-bottom: 0 none;
    color: #333333;
    display: block;
    margin: 1px;
    padding: 8px 5px;
}
ul.content-box-tabs li a:hover {
    color: #57A000;
}
ul.content-box-tabs li a.current {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 0;
}
.content-box-content {
    border: 1px solid #CCCCCC;
    font-size: 14px;
    padding: 20px 10px 20px;
	background:#ffffff;
	
}


#main-content table {
    border-collapse: collapse;
    
    border-color:#fff;
	
}

#main-content table th {
    border-color:#fff;
	font-weight: bold;
	background:#F3F3F3;
}
#main-content table td {
	border-color:#fff;
	
}
/*#main-content tbody {
    border-bottom: 1px solid #DDDDDD;
}*/
#main-content tr {
    background: none repeat scroll 0 0 #FFFFFF;
}
#main-content tr.alt-row {
    background: none repeat scroll 0 0 #F3F3F3;
}
#main-content table td, #main-content table th {
    line-height: 1.3em;
   
}
/*#main-content table td .bulk-actions {
    padding: 15px 0 5px;
}*/
#main-content table td .bulk-actions select {
    border-color:#fff;
	/*border:1px solid #DDDDDD;
    padding: 4px;*/
}
#main-content .pagination {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 20px 0 5px;
    text-align: center;
}

.content-box-tabs a.default-tab, .content-box-tabs a{
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.content-box-tabs a.default-tab{
	background:#ffffff;
}


/*   FORM    */
input, textarea {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana;
    font-size: 11px;
    padding:6px;
	
}

label {
    display: block;
    font-weight: bold;
    padding: 0 0 10px;
}
fieldset legend {
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
}
p small {
    color: #777777;
    font-size: 0.75em;
}
input, select, textarea {
    border: 1px solid #D5D5D5;
    color: #333333;
    font-size: 16px;
    padding: 6px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	
}
.small-input {
    width: 150px;
}
.medium-input {
    width: 250px;
}
.large-input {
    width: 600px;
}
textarea {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    width: 90% ;/*!important;*/
	
}
select {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
	/*font-size: 12px;*/
	min-width: 45px;
}
input[type="checkbox"], input[type="radio"] {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    padding: 0;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	font-size: 11px;
}
.notification {
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    border: 1px solid;
    font-size: 13px;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 99.8%;
}

input[type="button"], .content-box-content input[type="submit"], input[type="reset"], .button, .button_login {
    cursor: pointer;
}
.button_login {
	margin-top: 7px;
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active, .button_login:active {
    padding: 3px 7px 3px !important;
}

/*#main-content .subtab input[type="submit"]{
	background:#000000;
}
*/
#login-content table{
	margin:auto;
	font-size:14px;
}
#login-content table td {
	
}
/*
#login-content .button {
    background: url("../images/bg-button-green.gif") repeat-x scroll left top #459300 !important;
}*/

/*** TABLE ***/
#main-content table {
    border-collapse: collapse;
	border-color:#DDDDDD;
	font-size:12px;
}
#main-content table tr.even {
    background: none repeat scroll 0 0 #F3F3F3;
}
#main-content table tr.even:hover, table tr.odd:hover{
	background:#e2fbc5;
}
#main-content table td{
	padding: 3px 5px;
}
#main-content table th {
	font-weight: bold;
	background: none repeat scroll 0 0 #F3F3F3;
	padding:5px;
	
}
#main-content table th a{
	font-weight: bold;
}

#main-content table td, #main-content table th {
    line-height: 1.3em;
    
	border-color:#DDDDDD;
}
#main-content table.input{
	margin: 1px auto;
}
#main-content table.input td{
	padding: 1px 5px;
}
#main-content table  td .bulk-actions {
    padding: 15px 0 5px;
}
#main-content table td .bulk-actions select {
    border: 1px solid #CCCCCC;
    padding: 4px;
}

#main-content table.subtab, #main-content table.tablesorter{
	margin: 1px auto;
}
.subtab ul{
	    margin-left: 0;
		margin-top: 0;
		padding-left: 15px;
		list-style-position:outside;
}
.subtab ul li, .subtab ol li{
    padding: 0;
}

table.mainmenu .mainteks{
	text-align:center;
	color:#FFFFFF;
}
.mainteks{
	color:brown;
	font-weight:bold;
	font-size:16px;
	padding:10px 0;
}

.mainteks a{
	font-size:12px;
}


.nodisplayscreen{
	display: none;
}

.spacer{
	width:16px;
}

.nodisplay{
	width:95%;
	margin:10px auto;
	overflow:hidden;
}

a.poplink{
	display:block;
	height: 26px;
	width: 125px;
	float:left;
	background-position:-5px 0;
}
a#back{
	background:url("../images/back.png") no-repeat;
}
a#back:hover{
	background:url("../images/back2.png") no-repeat;
}
a#print{
	background:url("../images/print.png") no-repeat;
}
a#print:hover{
	background:url("../images/print2.png") no-repeat;
}
a#close{
	background:url("../images/close.png") no-repeat;
}
a#close:hover{
	background:url("../images/close2.png") no-repeat;
}

#main-content table.subtab, #main-content table.tablesorter{
	margin: 1px auto;
	/*width:100%;*/
}

#main-content table.tablesorter th {
    background-position: right center;
    background-repeat: no-repeat;
}
#main-content table.tablesorter th.sorter{
	background-image: url("../images/bg.gif");
}

#main-content table.tablesorter th.asc{
	background-image: url("../images/desc.gif");
}
#main-content table.tablesorter th.desc{
	background-image: url("../images/asc.gif");
}
.wrap{
	position:relative;
	padding-right:21px;
}
.sort-link{
	width:20px;
	position:absolute;
	right:0;
	top:25%;
}
.sort-link a{
	display: block;
    text-align: center;
	width:21px;	
	height:10px;
}
/***  PRINT ***/

@page { 
/*size: potrait;*/
margin: 1cm; 
} /* All margins set to 1cm */
@media print {
	.nodisplayscreen{
		display: inline;
	}
	.nodisplay{display: none; }
	ul, ol{
		margin-left: 0px; /*IE hack*/
		padding-left: 20px;
		margin-top: 0px;
		margin-bottom: 10px;
		line-height: 1.6em;
	}
	table {border-collapse: collapse; border-color:#000000;}
	table th {background: #C0C0C0;border-color: #000000;}
	table td{border-color: #000000;}
	table ul {
		margin-left: 0px; /*IE hack*/
		padding-left: 10px;
		margin-top: 0px;
		list-style-position:inside;
	}
	table ol{
		padding-left: 10px;
	}
	div.bab{
		page-break-after: always;
	}
	table.no-border{
		border:none;
		margin: 10px auto;
		width:95%;
	}
	table.no-border th {border:none;}
	table.no-border td{border:none;}
	.no-border ul{
			margin-left: 0;
			margin-top: 0;
			padding-left: 15px;
			list-style-position:inside;
	}
	.no-border ul li, .no-border ol li{
		padding: 0;
	}
}