@charset "utf-8";
.progname {
	padding:5px;
	
	text-align:left;
	font-family: "Arial", Times, serif;
	font-size: 14px;
	-webkit-border-radius: 5px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
    border-radius: 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-color:#999;
}

.lebaran {
	width:200px;
	height:240px;
	position:absolute;
	margin-left:-80px;
	margin-top:15px;
	background-image: url(images/lebaran/IdulFitri-Hijau.png);
	background-repeat: repeat-y;
}
.lebarankanan {
	width:170px;
	height:240px;
	position:absolute;
	margin-left:-10px;
	margin-top:0px;
	background-image: url(images/lebaran/139_reborn.png);
	background-repeat: repeat-y;
}

.fpsb_footer {	font-size: 12px;
	color: #333333;
}
.judul_halaman {
	color: #CC6600;
	text-align:center;
	font-weight: bold;
	font-size: 24px;
}
.judul_halaman_bab {
	font-weight: bold;
	font-size: 15px;
}

.judul_lembaga{
	font-size:16px;
	color: #900;
	text-decoration:underline;
	padding-bottom:5px;
	font-weight:bold;
}
table {
	position: static;
}
.fpsb_border {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: thick;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.fpsb_new {
	border-right-style: none;
	border-bottom-style:  solid;
	border-left-style: none;
	border-top-width: thick;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding-top:10px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.frame_right {
	background-image: url(images/frame_right.jpg);
	background-repeat: repeat-y;
}
.frame_left {
	background-image: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.frame_bottom {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.frame_second_top {
	background-image: url(images/frame_top.jpg);
	background-repeat: repeat-x;
}
.frame_top {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.fpsb_borderless {
	padding: 5px;
	overflow: hidden;
}
.link_style {
	text-decoration: none;
	color: #666666;
	font-style: normal;
	text-transform: none;
}
div {
}
.berita_border {
	padding: 5px;
	text-align: left;
	word-spacing: 0em;
	overflow: hidden;
	font-size: 13px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.content_padded {
	padding: 5px;
	font-size: 12px;
}
.content_header {
	font-size: 24px;
	font-weight: bold;
}
.content_unpadded {
	font-size: 12px;
	padding:5px;
}
.cpdprogramtitle {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00C;
	text-align:center;
	font-weight:bold;
}
.cpdprogramtitle1 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00C;
	text-align:center;
	font-weight:bold;
}

.cpdprogram {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	vertical-align:top;
}
.buttonred{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#FFF;
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #F00;
	text-align:center;
	font-weight:bold;
}
.buttonred:hover{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:rgb(0, 0, 0);
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));

	color: #F00;
	border: solid 1px #999;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttonredhdr{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#FFF;
	font-size:16px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #F00;
	text-align:center;
	font-weight:bold;
}

.buttongreen{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#000;
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #0F0;
	text-align:center;
	font-weight:bold;
}
.buttongreen:hover{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:rgb(0, 0, 0);
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));

	color: #0F0;
	border: solid 1px #999;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttongreenhdr{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#000;
	font-size:16px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #0F0;
	text-align:center;
	font-weight:bold;
}

.buttonblue{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#FFF;
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	font-size: 12px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #00F;
	text-align:center;
	font-weight:bold;
}
.buttonblue:hover{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:rgb(0, 0, 0);
	font-size:12px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	font-size: 12px;
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));

	color: #00F;
	border: solid 1px #999;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.buttonbluehdr{
	cursor: pointer;
	text-decoration:none;
	border: 1px solid rgb(153, 153, 153);
	padding: 5px 5px 5px 5px;
	color:#FFF;
	font-size:16px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(255, 255, 255);
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0px 0px 0px rgba(0, 0, 0, 0.8);
/*	background-color: rgb(255, 255, 255);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), to(rgb(0, 255, 0)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 255, 0));
	*/
	background: #00F;
	text-align:center;
	font-weight:bold;
}

.line {
	color:#999;
	border-bottom-width:thin;
	border-bottom-style:dotted;
}

.box_round {
	text-align:left;
	padding:5px;
	vertical-align:top;
	-webkit-border-radius:0px 5px 0px 5px ; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 0px 5px 0px 5px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-color:#999;
	background-color:#CCC;
}

.box_round1 {
	text-align:center;
	vertical-align:top;
	padding:5px;
	-webkit-border-radius: 5px 5px 0px 0px; /* Safari 3-4, iOS 1-3.2, Android =1.6 */
          border-radius: 5px 5px 0px 0px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	border-color:#999;
	background-color:#CCC;
}