@charset "utf-8";
/* CSS skin */
/* common */
body {
	margin:0 0;
	padding:0px;
	background:url(../skin_dinas/bg_page.png) repeat-x 0px -1895px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#05456d;
}
#wrapper {
	width:952px;
	margin:0 auto;
	height: auto;
	padding-bottom:20px;
}
.skn-clr {
	clear:both;
}
.skn-hide {
	display:none;
}
a {
	text-decoration:none;
	color:#0066ff;
}
a:hover {
	text-decoration:underline;
}
/* area */
.skn-left-area {
	width:160px;
	float:left;
}
.skn-right-area {
	width:786px;
	float:left;
	position:relative;
}
/* top logo */
.skn-head-logo-area {
	background:url(../skin_dinas/bg_page.png) repeat-x right -551px;
}
.skn-head-logo {
	margin-top:24px;
	margin-right:10px;
	padding-bottom:7px;
	cursor:pointer;
	float:right;
	border:none;
}
.skn-head-logo:hover {
	border-bottom:#fff solid 1px;
}
/* sch info */
.skn-sch-info {
	text-align:center;
	padding:10px 0px 15px 0px;
	margin:0 5px;
	color:#fff;
	background:url(../skin_dinas/bg_page.png) repeat-x 0px -597px;
}
.skn-sch-name {
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	margin:0 5px;
	margin-top:10px;
}
.skn-sch-town {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 5px;
}
.skn-sch-logo {
	width:54px;
	height:54px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
}
/* top menu */
.skn-head-nav {
	-moz-user-select: none;
	height:93px;
	background:url(../skin_dinas/bg_page.png) no-repeat 0px 0px;
	padding-left:15px;
	cursor:default;
}
.skn-head-top-menu {
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#fff;
	padding-top:32px;
}
.skn-head-top-menu a {
	color:#fff;
	cursor:pointer;
}
.skn-head-top-menu a:hover {
	color:#fff;
}
.skn-head-top-menu ul {
	list-style:none;
	margin:0 0;
	padding:0px;
	height:20px;
	position:relative;
}
.skn-head-top-menu li {
	float:left;
	padding:0px 10px 0px 10px;
	white-space:nowrap;
	background:url(../skin_dinas/bg_topmenu.png) no-repeat right -112px;
	height:30px;
}
.skn-head-top-menu ul.child li.child-end,
.skn-head-top-menu li.child-end {
	color:#05456D;
	background:none;
	padding-right:7px;
}
.skn-head-top-menu ul.child li,
.skn-head-top-menu ul.child li a {
	color:#05456D;
}
.skn-head-top-menu .pointer {
	background:url(../skin_dinas/bg_topmenu.png) no-repeat center top;
	height:6px;
	margin-top:5px;
	display:none;
}
.skn-head-top-menu ul.child {
	list-style:none;
}
.skn-head-top-menu ul.child li {
	float:left;
	padding:4px 10px 0px 10px;
	white-space:nowrap;
	background-position:right -108px;
	height:15px;
	font-size:11px;
}
.skn-head-top-menu .child-bg {
	position:absolute;
	top:25px;;
	left:0px;
	background:url(../skin_dinas/bg_topmenu.png) no-repeat 0px -12px;
	padding-left:8px;
	display:none;
}
.skn-head-top-menu li.active .pointer,
.skn-head-top-menu li.active .child-bg,
.skn-head-top-menu li.hover .pointer,
.skn-head-top-menu li.hover .child-bg,
.skn-head-top-menu li:hover .pointer,
.skn-head-top-menu li:hover .child-bg {
	display:block;
}
.skn-head-top-menu .child-bg-r {
	background:url(../skin_dinas/bg_topmenu.png) no-repeat right -45px;
	padding-right:11px;
}
.skn-head-top-menu .child-bg-m {
	background:url(../skin_dinas/bg_topmenu.png) repeat-x 0px -79px;
	height:28px;
}
/* top menu custom */
.skn-head-top-menu #sknMenuTp3 .child-bg {
	left:58px;
}
.skn-head-top-menu #sknMenuTp4 .child-bg {
	left:158px;
}
.skn-head-top-menu #sknMenuTp5 .child-bg {
	left:270px;
}
/* page title */
.skn-head-title {
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-weight:bold;
	height:1px;
	height:37px;
}
.skn-cont-frm .skn-head-title {
	border-bottom:#A4C2DE dotted 1px;
	margin-bottom:10px;
}
.skn-head-title .parent {
	font-size:18px;
	color:#a9d5ec;
	float:right;
	padding-top:3px;
	padding-right:10px;
}
.skn-head-title .child-no-border,
.skn-head-title .child {
	float:right;
	color:#fff;
	font-size:22px;
	padding-left:10px;
	padding-right:15px;
}
.skn-cont-frm .skn-head-title .child-no-border,
.skn-cont-frm .skn-head-title .child {
	color:#77848D;
}
.skn-head-title .child {
	border-left:#0ec8e5 solid 1px;
}
/* content frame */
.skn-cont-frm-top {
	background:url(../skin_dinas/bg_page.png) no-repeat 0px -1763px;
	padding-left:15px;
	position:relative;
}
.skn-cont-frm-top .right {
	background:url(../skin_dinas/bg_page.png) no-repeat right -1851px;
	padding-right:15px;
}
.skn-cont-frm-top .mid {
	height:20px;
	background:url(../skin_dinas/bg_page.png) repeat-x 0px -1807px;
}
.skn-cont-frm-top .right-sdw {
	position:absolute;
	background:url(../skin_dinas/bg_page.png) repeat-x 0px -972px;
	width:5px;
	height:291px;
	top:0px;
	right:-5px;
	overflow:hidden;
}
.skn-cont-frm-top .left-sdw {
	position:absolute;
	background:url(../skin_dinas/bg_page.png) repeat-x -10px -260px;
	width:5px;
	height:291px;
	top:0px;
	left:-5px;
	overflow:hidden;
}
.skn-cont-frm {
	background:#fff url(../skin_dinas/bg_cont.png) repeat-x 0px 0px;
	min-height:290px;
	padding-left:15px;
	padding-right:15px;
	font-family:Tahoma, Verdana, Arial;
}
/* content area width */
.skn-cont-frm .skn-cont-frm-left {
	float:left;
	width:496px;
}
.skn-cont-frm .skn-cont-frm-right {
	float:right;
	width:240px;
}
.skn-cont-frm .skn-cont-frm-left2 {
	float:left;
	width:576px;
}
.skn-cont-frm .skn-cont-frm-right2 {
	float:right;
	width:160px;
}
/* left small area */
.skn-lmenu-frm-top {
	background:url(../skin_dinas/bg_page.png) no-repeat 0px -1263px;
	padding-left:15px;
}
.skn-lmenu-frm-top .right {
	background:url(../skin_dinas/bg_page.png) repeat-x right -1269px;
	padding-right:15px;
	padding-top:15px;
	min-height:247px;
}
.skn-lmenu-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	margin:0 0;
}
/* left menu */
.skn-lmenu-frm-top .page-menu ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	font-size:11px;
	margin:10px 0;
	margin-top:5px;
	padding:0;
}
.skn-lmenu-frm-top .page-menu li {
	margin:0 0;
	padding:3px 0px 3px 15px;
	background:url(../skin_dinas/menu_bulet.png) no-repeat 5px 7px;
}
.skn-lmenu-frm-top .page-menu li a {
	color:#05456d;
}
/* box frame */
.skn-box-search,
.skn-box-frm {
	padding:5px 0px 5px 0px;
}
.skn-box-search .top-l,
.skn-box-frm .top-l {
	background:url(../skin_dinas/box_frm.png) no-repeat 0 0;
	padding-left:10px;
}
.skn-box-search .top-r,
.skn-box-frm .top-r {
	background:url(../skin_dinas/box_frm.png) no-repeat right 0;
	padding-right:10px;
}
.skn-box-search .top-m,
.skn-box-frm .top-m {
	background-color:#fff;
	border-top:#dcdcdc solid 1px;
	height:9px;
}
.skn-box-search .btm-l,
.skn-box-frm .btm-l {
	background:url(../skin_dinas/box_frm.png) no-repeat 0 bottom;
	padding-left:10px;
}
.skn-box-search .btm-r,
.skn-box-frm .btm-r {
	background:url(../skin_dinas/box_frm.png) no-repeat right bottom;
	padding-right:10px;
}
.skn-box-search .btm-m,
.skn-box-frm .btm-m {
	background-color:#fff;
	border-bottom:#dcdcdc solid 1px;
	height:9px;
}
.skn-box-frm .mid {
	background-color:#fff;
	padding-left:9px;
	padding-right:9px;
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
}
/* box frame dalam content area */
.skn-cont-frm .skn-box-frm .mid {
	padding:3px 15px 3px 15px;
}
/* box search */
.skn-cont-frm .skn-box-frm .search-title {
	padding:0px 9px 0px 9px;
	position:relative;
}
.skn-box-frm .mid-search-adv {
	position:absolute;
	font-size:10px;
	top:2px;
	right:9px;
}
.skn-box-frm .mid-search {
	background:url(../skin_dinas/search.png) no-repeat 7px -65px;
	padding-left:10px;
	padding-right:6px;
	border-left:#dcdcdc solid 1px;
	border-right:#dcdcdc solid 1px;
}
.skn-box-frm .mid-search .area {
	background:url(../skin_dinas/search.png) repeat-x 0 -33px;
	height:28px;
}
.skn-box-frm .mid-search .input-txt {
	width:105px;
	border:none;
	float:left;
	margin-top:4px;
}
.skn-box-frm .mid-search .butt-go {
	height:28px;
	width:28px;
	background:url(../skin_dinas/search.png) no-repeat 0 0;
	border:none;
	float:right;
	cursor:pointer;
	overflow:hidden;
}
/* section title */
.skn-cont-frm .skn-sec-title,
.skn-sec-title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#ff9900;
	margin:0 0;
	padding-bottom:5px;
}
/* kontak box */
.skn-box-frm .sch-address {
	font-size:10px;
	font-family:Tahoma, Verdana, Arial;
}
.skn-box-frm .sch-address * {
	margin:0 0;
	padding:0;
}
/* footer */
.skn-foot {
	padding:20px 0px 20px 99px;
	height:65px;
	font-size:9px;
	color:#999;
}
.skn-foot .logo-telkom {
	position:absolute;
	top:0;
	left:-99px;
}
.skn-foot .container {
	position:relative;
}
.skn-foot .skn-box-frm {
	padding:0px;
}
.skn-foot .mid {
	border-left-width:0px;
}
.skn-foot td {
	padding-right:20px;
}
.skn-foot .siap-logo {
	width:150px;
	padding-right:50px;
	border-left:#dcdcdc solid 1px;
	background:url(../skin_dinas/logo_siap_foot.png) no-repeat right center;
	text-align:right;
}
.skn-foot .foot-login {
	position:absolute;
	top:66px;
	left:-99px;
	border:#dcdcdc solid 1px;
	padding:5px 10px;
}
.skn-foot .browser {
	text-align:right;
	margin-top:10px;
	padding-right:80px;
	background:url(../skin_dinas/browser_icon.png) no-repeat right center;
}
/* disabler box */
#skn-box-disable {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../skin_dinas/bg_disable.png) scroll;
}
#skn-box-disable .container {
	margin: 5% auto;
	width: 650px;
}
#skn-box-disable #but-close {
	background:url(../skin_dinas/but_close.png) no-repeat center center;
	width:14px;
	height:14px;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}
#skn-box-disable .loading {
	background:url(../icon/load_anim.gif) no-repeat 0 0;
	height:32px;
}
#skn-box-disable #pop-ajax {
	overflow:auto;
	padding-right:10px;
}
/* shadow box */
.skn-box-sdw {
	position:relative;
}
.skn-box-sdw .box-sdw-cont {
	border:#56a4ce solid 1px;
	padding:20px 0 10px 10px;
	background-color:#fff;
}
.skn-box-sdw .box-sdw-r {
	position:absolute;
	top:0;
	right:-6px;
	height:100%;
	overflow:hidden;
}
.skn-box-sdw .box-sdw-tr {
	background:transparent url(../skin_dinas/shadow.png) no-repeat 0 -18px;
	width:6px;
	height:6px;
}
.skn-box-sdw .box-sdw-mr {
	background:transparent url( ../skin_dinas/shadow-lr.png ) repeat-y -6px 0;
	width:6px;
	height:100%;
}
.skn-box-sdw .box-sdw-b {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	overflow:hidden;
}
.skn-box-sdw .box-sdw-bl {
	background:transparent url( ../skin_dinas/shadow.png ) no-repeat 0 -12px;
}
.skn-box-sdw .box-sdw-bm {
	background:transparent url( ../skin_dinas/shadow.png ) repeat-x 0 -36px;
	margin-left:6px;
	height:6px;
}
.skn-box-sdw .box-sdw-br {
	background:transparent url( ../skin_dinas/shadow.png ) repeat-x 0 -6px;
	position:absolute;
	left:100%;
	top:100%;
	height:6px;
	width:6px;
}
/* alert box */
.skn-alert {
	padding:10px 0px 10px 0px ;
	border-bottom:#929292 dotted 1px;
}
.skn-alert .skn-sec-title {
	background: url(/sknimg/skin/ic_cms_warn.png) no-repeat 0 5px;
	padding:5px 0px 5px 20px;
}
.skn-alert div.msg,
.skn-alert div.ttd {
	border-top:#dcdcdc dotted 1px;
}
.skn-alert div.msg {
	padding-top:10px;
	color:#990000;
}
.skn-alert div.ttd {
	padding-top:5px;
	margin-top:10px;
	text-align:right;
	color:#999;
}