@charset "utf-8";
/* common */
html {
	overflow:auto;
}
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#05456d;
	background: #fff url(../skin_portal/page_bg.png) repeat-x;
	margin:0 0;
	padding:0px;
}
#wrapper {
	width:792px;
	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;
}
/* head area */
.skn-head-area{
	background:url(../skin_portal/head_bl.png) no-repeat bottom left;
	padding-left:16px;
}
.skn-head-area .r{
	background:url(../skin_portal/head_br.png) no-repeat bottom right;
	padding-right:16px;
}
.skn-head-area .m{
	background:url(../skin_portal/head_bm.png) repeat-x bottom left;
}
.skn-head-area .m2{
	background:url(../skin_portal/head_br2.png) no-repeat bottom right;
}
.skn-head-area .m3{
	background:url(../skin_portal/head_br3.png) no-repeat bottom left;
	height:83px;
	position:relative;
}
/* title top */
.skn-head-area .title{
	position:absolute;
	top:27px;
	right:0;
}
.skn-head-area .title h1{
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size:1.6em;
	margin:0.2em 0;
	color:#768792;
}
/* logo top */
.skn-logo-area{
	background:url(../skin_portal/logo_bg1.png) repeat-y;
	position:absolute;
	top:0;
	left:280px;
}
.skn-logo-area .b{
	background:url(../skin_portal/logo_bg2.png) no-repeat bottom left;
}
.skn-logo-area .logo{
	width:200px;
	text-align:center;
	padding:8px 0px 8px 0px;
}
/* cont */
.skn-cont-area{
	border:1px solid #bcbcbc;
	border-width:0px 1px 0px 1px;
	min-height:308px;
	padding:20px 15px 0px 15px;
	background-color:#fff;
}
.skn-cont-area .content{
	padding:10px 0px 10px 0px;
}
/* cont for home */
.skn-cont-area .left-608{
	width:500px;
	float:left;
}
.skn-cont-area .right-246{
	width:246px;
	float:right;
}
/* cont page */
.skn-cont-area .left-200{
	width:200px;
	float:left;
}
.skn-cont-area .right-654{
	width:654px;
	float:right;
}
/* cont inzet */
.skn-cont-area .left-449{
	width:449px;
	float:left;
}
.skn-cont-area .right-195{
	width:195px;
	float:right;
}
/* cont left area */
.skn-menul-area{
	background:url(../skin_portal/logo_bg1.png) repeat-y;
	float:left;
}
.skn-menul-area .b{
	background:url(../skin_portal/logo_bg2.png) no-repeat bottom left;
}
.skn-menul-area .m{
	width:160px;
	min-height:30px;
	padding:0px 20px 0px 20px;
}
/* left menu */
.skn-menul-area .menu ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	font-size:11px;
	margin:0 0;
	padding:0;
	padding-bottom:20px;
}
.skn-menul-area .menu li {
	padding:3px 0px 3px 15px;
	background:url(../skin_portal/menu_bulet.png) no-repeat 5px 7px;
}
.skn-menul-area .menu li a {
	color:#05456d;
}
/* foot */
.skn-foot-area .cont{
	background:url(../skin_portal/cont_b.png) no-repeat bottom left;
	padding-left:16px;
}
.skn-foot-area .cont .r{
	background:url(../skin_portal/cont_b.png) no-repeat bottom right;
	padding-right:16px;
}
.skn-foot-area .cont .m{
	height:15px;
	border-bottom:#bcbcbc solid 1px;
	background-color:#fff;
}
/* footer */
.skn-foot {
	padding:20px 0px 20px 99px;
	height:65px;
	font-size:9px;
	color:#999;
}
.skn-foot .logo-telkom {
	position:absolute;
	top:0;
	left:-98px;
}
.skn-foot .container {
	position:relative;
}
.skn-foot .skn-box-frm {
	padding:0px;
}
.skn-foot .mid td{
	height:36px;
}
.skn-foot .mid {
	border-left:none;
}
.skn-foot table {
	width:100%;
}
.skn-foot td {
	padding-right:20px;
}
.skn-foot .siap-logo {
	width:150px;
	padding-right:50px;
	border-left:#dcdcdc solid 1px;
	background:url(../skin_portal/logo_siap_foot.png) no-repeat right center;
	text-align:right;
}
.skn-foot .browser {
	text-align:right;
	margin-top:10px;
	padding-right:80px;
	background:url(../skin_portal/browser_icon.png) no-repeat right center;
}
/* 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_portal/box_frm.png) no-repeat 0 0;
	padding-left:10px;
}
.skn-box-search .top-r,
.skn-box-frm .top-r {
	background:url(../skin_portal/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_portal/box_frm.png) no-repeat 0 bottom;
	padding-left:10px;
}
.skn-box-search .btm-r,
.skn-box-frm .btm-r {
	background:url(../skin_portal/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;
}


/* add new banner */
.adv-sml-dinas{
	text-align:center;
	padding-bottom:20px;
	padding-top:10px;
	}
	
.btn-login-dinas{
	height:85px;
  margin-left:6px;
  width:231px;
	}
.btn-login a {
  display:block;
  height:85px;
  text-decoration:none;
}
.btn-login a div {
	color:#33383C;
  font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  line-height:1em !important;
  padding-left:125px;
  padding-top:17px;
}
.btn-login-dinas {
  background:transparent url(/sknimg/skin_portal/dinas.png) no-repeat;
}