@charset "utf-8";
/* CSS Document */

@import"list.css";
@import"nav.css";
@import"dalam.css";
@import"tabel.css";
@import"style2.css";

/*reset css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}



fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}


h1{
	font-size:18px;
	margin-bottom:15px;
}

h2{
	font-size:16px;
	margin-bottom:10px;
}

h3{
	font-size:14px;
	margin-bottom:10px;
}

h4{
	font-size:12px;
	margin-bottom:5px;
}

h5{
	font-size:10px;
	margin-bottom:5px;
}

p.welcome{
	font-size:14px;
	line-height:180%;
}


q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


input[type="text"],input[type="password"]{
	font-size:12px;
	padding:2px;
	background:#FFF;
	border:#999 solid 1px;
}

select{
	font-size:12px;
	background:#FFF;
	border:#999 solid 1px;
}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
	background:#FFC;
}

.clear{
	clear:both;
}


a,a:visited{
	color:#409bd4;
	text-decoration:none;
}

a:hover{
	color:#F90;
	text-decoration:underline;
}


/*====================================container*/

body{
	background:#FFF url(../../images/psbol/bgbody.gif) repeat-x top;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	line-height:150%;
	border-top:#707070 solid 10px;
}

#main-container{
	width:960px;
	margin:0px auto;
}

#header{
	height:100px;
}

#logo{
	background:url(../../images/psbol/logo-psb.png) no-repeat;
	height:61px;
	width:250px;
	float:left;
	margin-top:20px;
	margin-left:5px;
}

#logo h1{
	text-indent:-9999px;
	font-size:20px;
}

#info{
	float:right;
	font-size:18px;
	font-weight:normal;
	line-height:120%;
	width:550px;
	text-align:right;
	margin-top:30px;
	color:#707070;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#boxnav{
	background:url(../../images/psbol/bgnav.gif) repeat-x;
	height:42px;
    border-radius: 8px 8px 0px 0px;
}

#container-content{
	background:#f8f8f8 url(../../images/psbol/bgcontent.gif) repeat-x top;
	border-left:#e1e1e1 solid 1px;
	border-right:#e1e1e1 solid 1px;
	padding:8px;
}

#banner{
	background:url(../../images/psbol/banner.png) no-repeat right;
	width:942px;
	height:205px;
	margin-bottom:5px;
	border-radius:5px;
}

#banner-dalam{
	background:url(../../images/psbol/banner-dalam.png) no-repeat right;
	width:942px;
	height:90px;
	margin-bottom:5px;
	border-radius:5px;
}


#banner-content,#banner-content-dalam{
	float:left;
	margin-top:25px;
	color:#ededed;
	width:700px;
	padding:15px;
	font-size:14px;
	line-height:160%;
}

#banner-content-dalam{
	margin-top:13px;
}

#banner-content h1,#banner-content-dalam h1{
	font-size:24px;
	margin-bottom:10px;
	font-weight:400;
}



#colLeft{
	width:685px;
	float:left;
}

#colRight{
	float:right;
	width:250px;
}


/*=========================widget====*/

.widget,.orange,.green,.blue,.grey,.orange2{
	background:#fff url(../../images/psbol/bgwidget.gif) repeat-x bottom;
	border:#ccc solid 1px;
	padding:10px;
	padding-top:5px;
	margin-bottom:10px;
	margin-top:5px;
	border-radius:5px;
}

.orange{
	border-top:#fba949 solid 5px;
}


.green{
	border-top:#39b54a solid 5px;
}

.blue{
	border-top:#00aeef solid 5px;
}

.grey{
	border-top:#9d958b solid 5px;
}

.orange2{
	border-top:#f26522 solid 5px;
}


.widget h1,.login,.pengumuman,.statistik,.pesan,.support{
	font-size:13px;
	height:18px;
	padding-left:35px;
	padding-top:5px;
	font-weight:bold;
}

.login{
	background:url(../../images/psbol/icon-login.png) no-repeat left;
	color:#707070;
}

input.inputlogin{
	background:url(../../images/psbol/bginput.gif) repeat-x bottom;
	border:#acacac solid 1px;
	color:#666;
	width:210px;
	padding:3px;
}


.pengumuman{
	background:url(../../images/psbol/icon-pengumuman.png) no-repeat left;
	color:#39b54a;
}


.listpengumuman{
	margin-bottom:10px;
	background:url(../../images/psbol/list2.gif) no-repeat left top;
	padding-left:25px;
	font-size:11px;
	margin-left:5px;
}

.listpengumuman h2{
	color:#f76618;
	font-size:12px;
	font-weight:normal;
	margin-bottom:0px;
}

.listpengumuman span{
	color:#999;
	font-size:10px;
	font-style:italic;
}

.statistik{
	background:url(../../images/psbol/icon-statistik.png) no-repeat left;
	color:#00aeef;
}

.liststatistik{
	font-size:11px;
	padding-left:10px;
	margin-bottom:20px;
}

.liststatistik span{
	color:#f26522;
	font-weight:bold;
}


.pesan{
	background:url(../../images/psbol/icon-msg.png) no-repeat left;
	color:#9d958b;
}

.support{
	background:url(../../images/psbol/icon-chat.png) no-repeat left;
	color:#f26522;
}



/*====================================content*/

.boxContent{
	background:#fff url(../../images/psbol/bggrey.gif) repeat-x bottom;
	padding:15px;
	margin-bottom:15px;
	margin-top:5px;
	border:#ccc solid 1px;;
	border-radius:5px;
}


.boxdownload,.bordertop{
		border-top:#fba949 solid 5px;
}

.nopadding{
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
}

.boxContent h1{
	color:#707070;
	font-weight:normal;
	margin-bottom:20px;
}


.boxContent h2{
	color:#707070;
	font-size:15px;
	font-weight:normal;
}


.pdf-download, .word-download{
	padding-top:10px;
}

.pdf-download{
	background:url(../../images/psbol/icon-pdf.png) no-repeat left top;
	padding-left:40px;
	height:41px;
	float:left;
	width:150px;
}

.word-download{
	background:url(../../images/psbol/icon-word.png) no-repeat left top;
	height:34px;
	float:left;
	padding-left:40px;
	width:380px;
	margin-left:20px;
	margin-top:3px;
}



.pdf-download a, .word-download a{
	color:#448ccb;
	font-size:14px;
	text-decoration:none;
}

.pdf-download a:hover, .word-download a:hover{
	text-decoration:underline;
}



.boxwarning{
	background:#fdc689;
	padding:10px;
	margin-top:5px;
	border:#F60 solid 1px;
}

.boxwarning p{
	background:url(../../images/psbol/icon-warning.gif) no-repeat left;
	padding-left:80px;
}

.pilihsekolah{
	float:right;
	width:380px;
	margin-bottom:10px;
	margin-top:10px;
}

.pilihsekolah select{
	width:180px;
}


.boxinfo{
	background:#f5f5f5;
	border:#d7d7d7 solid 1px;
	margin-bottom:10px;
}

.boxinfo-tag{
	background:url(../../images/psbol/taginfo.gif) repeat-x;
	height:48px;
}

.boxinfo-tag-dalam{
	height:45px;
	border-bottom:#707070 solid 3px;
	margin-bottom:10px;
}

.boxinfo-tag2{
	background:url(../../images/psbol/button_record.png) no-repeat left;
	padding-left:45px;
	padding-top:3px;
	height:39px;
	margin-left:10px;
	margin-top:5px;
}

.boxinfo-tag h1{
	color:#f26522;
	font-size:16px;
	margin:0px;
	margin-bottom:3px;
}

.boxinfo-tag span{
	font-style:italic;
	color:#999;
	font-size:10px;
}

.boxinfo-tag-dalam h1{
	font-size:16px;
	color:#F60;
	font-weight:normal;
	margin:0px;
	margin-bottom:3px;
}

.boxinfo-tag-dalam span{
	font-style:italic;
	color:#999;
	font-size:10px;
}

.boxinfo-content{
	padding:10px;
	margin-bottom:10px;
}

.boxinfo-content ul{
	margin:10px;
	margin-left:20px;
}

.boxinfo-content ul li{
	list-style:none;
	background:url(../../images/psbol/green-list.png) no-repeat left;
	display:block;
	padding:1px 20px;
}

a.lainnya{
	background:url(../../images/psbol/tb-more.png) no-repeat;
	height:30px;
	width:122px;
	float:right;
	text-align:center;
	color:#F63;
	text-decoration:none;
	display:block;
	padding-top:5px;
	margin-top:10px;
}

a:hover.lainnya{
	color:#03C;
	text-decoration:underline;
}




/*========List Info=================*/

.wrap-info{
	margin-bottom:30px;
	border-bottom:#CCC solid 0px;
	padding-bottom:20px;
	background:url(../../images/psbol/bggrey.gif) repeat-x bottom;
}

.taginfo{
	height:45px;
	border-bottom:#707070 solid 3px;
	margin-bottom:10px;
}

.taginfo h1{
	font-size:16px;
	color:#F60;
	font-weight:normal;
	margin:0px;
	margin-bottom:3px;
}

.kelurahan{
	float:left;
	width:350px;
}

.kodesekolah{
	float:right;
	width:250px;
	text-align:right;
	padding-right:5px;
}

.listinfo{
	padding:5px;
}

.cont-info-left{
	float:left;
	width:410px;
	background:#f5f5f5;
	border:#e1e1e1 solid 1px;
	padding:5px;
	border-radius:5px;
}

.cont-info-left span{
	font-weight:bold;
}

.cont-info-right{
	float:right;
	width:200px;
}

.cont-info-left ul{
	margin-left:10px;
}

.cont-info-left ul li{
	list-style:none;
	background:url(../../images/psbol/list.gif) no-repeat left;
	padding:2px 20px;
}


.kuota1{
	text-align:center;
	margin-bottom:5px;
	border-radius:3px;
	background:#ff8e2e;
	color:#fff;
	padding:4px;
}

.kuota2{
	text-align:center;
	margin-bottom:5px;
	border-radius:3px;
	background:#7ac6b9;
	color:#fff;
	padding:4px;
}

.kuota1 span,.kuota2 span{
	font-weight:bold;
	text-decoration:none;
}



.boxpaging{
	width:300px;
	float:left;
}

.boxtampilkan{
	float:right;
	width:150px;
	margin-top:10px;
}

h1.titlepage{
	background:url(../../images/psbol/pushpin.png) no-repeat left;
	padding-left:40px;
	font-size:16px;
	height:25px;
	padding-top:5px;
	border-bottom:#ccc solid 1px;
	padding-bottom:3px;
}


td.label{
	padding:5px;
	font-weight:bold;
}

/*================Footer===*/

#footer{
	background:#707070;
	height:80px;
	margin-bottom:2px;
}

#footer-content{
	color:#CCC;
	text-align:center;
	padding-top:15px;
}

