body{background:#F9F9FF url(http://www.smpn1ngawi.sch.id/style/img/headerBg.png) top repeat-x;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:12px;text-align:center;}

#wrap{background:url(http://www.smpn1ngawi.sch.id/style/img/footerBg.png) bottom repeat-x;}
#container{margin:0 auto;text-align:left;width:990px;}
	#header{margin-bottom:20px;position:relative;}
	#header h1{background:url(http://www.smpn1ngawi.sch.id/style/img/smpn1ngawi.png) no-repeat;display:block;height:99px;margin:0 0 3px 150px;width:363px;}
	#header h1 span{display:none;}
	* html #header h1{margin:0 0 2px 150px;}
		
		#topContact{position:absolute;right:20px;top:30px;}
		#topContact p{color:#FFF;text-align:right;}
		
		#topNav{clear:both;margin-bottom:30px;padding-left:150px;}
		#topNav li{display:inline;height:34px;line-height:34px;margin-left:-3px;}
		#topNav li a{display:inline-block;font-size:14px;padding:0 10px;position:relative;text-decoration:none;}
		
		#topNav li a,#topNav li a:hover{background:url(http://www.smpn1ngawi.sch.id/style/img/topNavRightBg1.png) right no-repeat;color:#FFF8BC;}
		#topNav li a span,#topNav li a:hover span{background:url(http://www.smpn1ngawi.sch.id/style/img/topNavLeftBg1.png) left no-repeat;cursor:pointer;display:block;height:34px;width:5px;position:absolute;top:0;left:0;}
		* html #topNav li a{top:1px;left:0;}
		#topNav li a:hover{color:#150033;}
		
		#topNav li .topNavActive,#topNav li .topNavActive:hover{background:url(http://www.smpn1ngawi.sch.id/style/img/topNavRightBg2.png) right no-repeat;color:#150033;}
		#topNav li .topNavActive span,#topNav li .topNavActive:hover span{background:url(http://www.smpn1ngawi.sch.id/style/img/topNavLeftBg2.png) left no-repeat;cursor:pointer;display:block;height:34px;width:5px;position:absolute;top:0;left:0;}
	
	#headerLogo{background:url(http://www.smpn1ngawi.sch.id/style/img/logoBig.png) no-repeat;display:block;height:131px;left:25px;position:absolute;top:25px;width:108px;}
	* html #headerLogo{left:-125px;}
	#headerImage{clear:both;height:352px;padding:22px 0 0 33px;position:relative;width:957px;}
		#headerImage #frame{background:url(http://www.smpn1ngawi.sch.id/style/img/headerImageBg.png) no-repeat;display:block;height:352px;left:0;position:absolute;top:3px;width:990px;z-index:2000;}
		#headerImageList li{display:none;list-style-type:none;margin:0;padding:0;left:15px;position:absolute;top:-16px;}
	
	#content{clear:both;float:left;margin-bottom:10px;}
		#sidebar1,#sidebar2{padding:0 10px;width:200px;}
		#sidebar1{float:left;}
		#sidebar2{float:right;}
			.sidebarBox{background:#777700 url(http://www.smpn1ngawi.sch.id/style/img/sidebar-top-bg.png) top no-repeat;clear:both;margin-bottom:20px;padding-top:7px;}
				.sidebarWrap{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarBottomBg.png) bottom no-repeat;padding-bottom:6px;}
				.sidebarWrap div,.sidebarWrap #sidebarClock{background:#FFF;margin:0 1px;padding:5px;}
			
			.sidebarBox h4{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarH4Bg.png) top no-repeat;border:1px solid #777700;border-top:0 none;color:#008;line-height:35px;padding:0 10px;width:178px;}
			.sidebarBox .little img{margin:5px;}
			.sidebarBox .little strong{font-size:10px;}
			.sidebarBox ul{list-style-type:none;}
			.sidebarBox li a,.sidebarBox li.box{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg1.png) top no-repeat;border-bottom:1px solid #777700;color:#008;display:inline-block;line-height:25px;margin:0 1px;padding:0 10px;width:178px;}
			.sidebarBox li a:hover,.sidebarBox li a.sidebarActive{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg1.png) bottom no-repeat;color:#008;text-decoration:none;}
			.sidebarBox li img{margin:4px 0 -3px 0; }
			* html .sidebarBox li img{float:left;margin-right:5px;padding-bottom:8px;}
			
			h4.calendarHead{font-size:12px;text-align:center;}
			.calendarBox{background:#FFF;width:100%;}
			.calendarBox th{height:20px;line-height:20px;text-align:center;}
			.calendarBox td.ui-state-default,.calendarBox td.ui-state-active{font-size:10px;height:20px;line-height:20px;text-align:center;}
			
			#scrollerContainer{height:200px;position:relative;}
				
		#main{float:left;padding:0 20px;width:510px;}
		.pageElm{background:url(http://www.smpn1ngawi.sch.id/style/img/pageElmBg.png) top no-repeat;margin-bottom:50px;padding:15px 15px 0 15px;}
		
		.pageElm h1{font-size:16px;}
		.pageElm h2{font-size:14px;}
		.pageElm h3{font-size:12px;}
		.pageElm h4{font-size:11px;}
		.pageElm p{line-height:17px;margin-bottom:15px;}
		.pageElm p img{margin:5px;}
		.pageElm ul{list-style-type:disc;margin-left:25px;}
		.pageElm ol{list-style-type:decimal;margin-left:25px;}
		.pageElm .table,.pageElm .table td{border:1px solid #6A6AFF;border-collapse:collapse;}
		.pageElm .table td{padding:2px;vertical-align:top;}
			.pageElm p.little img{margin:5px;}
			.pageElm .elmTitle{color:#BB7000;margin-bottom:30px;}
		
		.tableListC{border:0 none;width:100%;}
		.tableListC tr,.table-list th,.table-list td{border:0 none;vertical-align:top;}
		.tableListC strong{font-size:10px;}
			.tableListCBlock{border:0 none;width:48%;}
			.tableListCBlockSpacer{width:4%;}
			.td-image{padding:5px;}
		
		.errorBox{padding:10px;}
		.errorBox .ui-icon{float:left;margin-right:10px;}
	
	#footer{background:url(http://www.smpn1ngawi.sch.id/style/img/footerBox.png) bottom no-repeat;clear:both;height:280px;padding-top:156px;}
	#footer ul{list-style-type:none;}
		#footerLeft{float:left;margin:0 0 115px 70px;text-align:right;width:200px;}
		#footerRight{float:right;margin:0 70px 115px 0;text-align:left;width:200px;}
		* html #footerLeft{margin:0 0 120px 35px;}
		* html #footerRight{margin:0 35px 120px 0;}
			#footer li a{border-bottom:1px solid #4C4C99;color:#000;display:inline-block;line-height:25px;padding:0 10px;width:180px;}
			#footer li a:hover,#footer li a.footerActive{background:#5050AA;color:#81CCF8;text-decoration:none;}
	
		#footerCopy{border-bottom:1px solid #6161FF;clear:both;color:#51CCF8;display:block;font-size:12px;height:27px;line-height:27px;text-align:center;}
		* html #footerCopy{height:20px;line-height:20px;}
			#footerCopy .arwebz{background:url(http://www.smpn1ngawi.sch.id/style/img/arwebz.png) no-repeat;display:inline-block;height:10px;width:64px;}
			#footerCopy .arwebz span{display:none;}

a{color:#6A6AFF;}
table td,table th{font-size:11px;}
.spacer{display:block;height:30px;}
.textBox2{background:#F1F1FF;border:1px solid #6A6AFF;font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:11px;}

table.tableDetail{width:100%;}
table.tableDetail tr{line-height:20px;}

.btn{border:1px solid #77d5f7;background:#0078ae url(http://www.smpn1ngawi.sch.id/lib/js/ui/start/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;color:#FFF;padding:.3em .6em;font-size:11px;}
.btn:hover{border:1px solid #448dae;background:#79c9ec url(http://www.smpn1ngawi.sch.id/lib/js/ui/start/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;color:#026890;}

.tableLink,.tableLinkDisable{cursor:default;
	border:1px solid #77d5f7;background:#0078ae url(http://www.smpn1ngawi.sch.id/lib/js/ui/start/images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;color:#FFF;
	padding:1px 8px;text-decoration:none;font-size:11px;}
.tableLink:hover,.tableLinkDisable:hover{
	border:1px solid #448dae;background:#79c9ec url(http://www.smpn1ngawi.sch.id/lib/js/ui/start/images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;color:#026890;
	text-decoration:none;}

ul.pagerList{list-style-type:none;}
ul.pagerList li{display:inline;}
ul.pagerList li a,ul.pagerList li .pagerActive{border:1px solid #6A6AFF;display:inline-block;line-height:20px;margin:0 1px;padding:0 5px;}
ul.pagerList li .pagerActive{font-weight:bold;}

/* ---------- Form ---------- */
.form{margin:0 auto;padding:0;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;}
.form fieldset{border-bottom:1px solid #999;clear:left;float:left;margin-bottom:10px;padding:0;width:100%;}
.form fieldset.submit{border:0 none;float:none;padding-left:169px;margin-bottom:0;width:auto;}
.form label{font-weight:bold;padding:0 5px;display:inline-block;vertical-align:top;cursor:pointer;}
.form fieldset p{clear:both;padding:5px;margin:0;}
.form label{width:150px;} /* Width of labels */
.form label.error,label.error{color:#FF0000;display:block;font-style:italic;font-weight:normal;margin:5px 0 0 155px;width:auto;}
div.error{display:none;}
form.form textarea{height:150px;}
form.form input[type="checkbox"],.form input[type="radio"]{position:relative;top:2px;}
form.form input[disabled="disabled"]{color:#000;}
input{border:1px solid black;}
input.checkbox{border:none}
input.error{border:1px dashed red;}

div.form fieldset .formText{border:1px dotted #000;border-top:0 none;clear:both;display:inline-block;margin:0 10px;padding:5px;}
div.form fieldset ul{list-style-type:disc;}
div.form fieldset ol{list-style-type:decimal;}
div.form fieldset ul li,div.form fieldset ol li{margin-left:23px;}

.form #txtImage{left:212px;position:absolute;top:5px;}
.form .formP{color:#000;font-family:"Lucida Console", Monaco, monospace;font-size:11px;margin:0;padding:5px 2px;padding-left:170px;}

/* ---------- Tooltip ---------- */
#tooltip{background:#FFF;color:#000;border:1px solid #000;position:absolute;z-index:3000;}
#tooltip h3{background:#666;color:#FFF;font-size:11px;padding:5px;}
#tooltip .body{padding:5px;text-align:left;}

/* ---------- Treeview ---------- */
.sidebarBoxTree{background:#777700 url(http://www.smpn1ngawi.sch.id/style/img/sidebar-top-bg.png) top no-repeat;clear:both;margin-bottom:20px;padding-top:7px;}
	.sidebarTreeWrap{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarBottomBg.png) bottom no-repeat;padding-bottom:6px;}
.sidebarBoxTree h4{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarH4Bg.png) top no-repeat;border:1px solid #777700;border-top:0 none;color:#008;line-height:35px;padding:0 10px;width:178px;}

.treeview,.treeview ul{font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;font-size:11px;list-style-type:none;padding:0;margin:0;}
.treeview li a,.treeview li span{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg1.png) top no-repeat;border-bottom:1px solid #777700;color:#008;cursor:pointer;display:block;line-height:25px;margin:0 1px;padding:0 10px;width:178px;}
.treeview .hover,.treeview li a:hover,.treeview li .sidebarActive{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg1.png) bottom no-repeat;color:#008;text-decoration:none;}
.level2 li a,.level2 li span{padding-left:35px;width:153px;}
.level2 li a,.level2 li span{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg2.png) top no-repeat;}
.level2 .hover,.level2 li a:hover,.level2 li .sidebarActive{background:url(http://www.smpn1ngawi.sch.id/style/img/sidebarItemBg2.png) bottom no-repeat;}

/* ---------- General Data Table ---------- */
.tableBox,.dataTables{width:100%;}
.tableBox{margin:0 auto;}
.tableBox select,.tableBox input{border:1px solid #666;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:11px;}
.css_right{float:right;}
.css_left{float:left;}
.dataTables td{vertical-align:top;}