@charset "utf-8";
/* CSS Document */

html {
	background:url(../img/mainbag.jpg) top repeat-x fixed #767676;
	margin:0;
	padding:0;
	cursor:default;
	font:12px 'opensan_R';
	color:#333;
	 

	}
	
	body {
		margin:0;
		padding:0; }
		
		strong { font-family:'opensan_B'; font-wight:normal; } 		
		b { font-family:'opensan_R'; font-wight:normal; }
		
		a,
		input,
		textarea {
			-webkit-transition: all 0.3s ease-out 0s;
			-moz-transition: 	all 0.3s ease-out 0s;
			-ms-transition: 	all 0.3s ease-out 0s;
			-o-transition: 		all 0.3s ease-out 0s;
			transition: 		all 0.3s ease-out 0s;
			color:#333; }
			
		a:hover {
			color:#666;
			text-decoration:none; }
		
		.header { 
			display:table;
			border-top:5px solid #666;
			border-bottom:1px solid #919191;
			width:100%;
			background:#888;
			-moz-box-shadow: 	0 0 3px #333;
			-webkit-box-shadow: 0 0 3px #333;
			box-shadow: 		0 0 3px #333;
			position:fixed;
			z-index:99; }
			
			.header .mainmenu {
				font:14px 'opensan_B';
				color:#fff;
				display:table;
				margin-top:0px;
				background:#ccc;
				width:100%;
				-moz-box-shadow: 	0 0 3px #333;
				-webkit-box-shadow: 0 0 3px #333;
				box-shadow: 		0 0 3px #333;
				text-align:center;}
				
				.header .mainmenu a {
					display:inline-block;
					height:24px;
					padding:6px 15px 3px 15px;
					text-transform:uppercase;
					background:#ccc;
					color:#666;
					text-decoration:none; } .header .mainmenu a:hover { background-color:#666; color:#fff; }				
			
			.header  .logo {
				display:inline-block;
				padding:10px; }
			
			.header  .iso {
				display:inline-block;
				float:right;
				padding:6px 15px 3px 15px; }
				
		.indexForm {
			display:table;
			margin:auto;
			background:url(../img/log_top.png) center top no-repeat #ddd;
			border:20px solid #ddd;
			padding-top:155px;
			width:500px;
			-webkit-border-radius: 	5px;
			-moz-border-radius: 	5px;
			border-radius: 			5px;
			-moz-box-shadow: 	0 0 3px #333;
			-webkit-box-shadow: 0 0 3px #333;
			box-shadow: 		0 0 3px #333;  }
			
		.indexForm input[type="button"] {
				cursor:pointer;
				display:inline-block;
				font:16px 'opensan_B';
				border:none;
				padding:10px 15px;
				margin-bottom:10px;
				background:#666;
				color:#fff;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.indexForm input[type="submit"]:hover {
					background:#333; }

	
		.loginForm {
			display:table;
			margin:auto;
			background:url(../img/log_top.png) center top no-repeat #ddd;
			border:20px solid #ddd;
			padding-top:155px;
			-webkit-border-radius: 	5px;
			-moz-border-radius: 	5px;
			border-radius: 			5px;
			-moz-box-shadow: 	0 0 3px #333;
			-webkit-box-shadow: 0 0 3px #333;
			box-shadow: 		0 0 3px #333;  }
			
			.loginForm label {
				display:inline-block;
				font:14px 'opensan_B';
				width:90px;
				border:1px solid #ddd;
				padding:5px 0;
				margin-bottom:5px; }
			
			.loginForm input[type="text"],
			.loginForm input[type="password"] {
				display:inline-block;
				font:14px 'opensan_R';
				width:150px;
				border:1px solid #ddd;
				padding:5px 8px;
				color:#aaa;
				margin-bottom:10px;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.loginForm input[type="text"]:hover,
				.loginForm input[type="password"]:hover,
				.loginForm input[type="text"]:focus,
				.loginForm input[type="password"]:focus {
					border-color:#999 #ddd #ddd #999;
					color:#333; }
			
			.loginForm input[type="button"] {
				cursor:pointer;
				display:inline-block;
				font:16px 'opensan_B';
				border:none;
				padding:10px 15px;
				margin-bottom:10px;
				background:#666;
				color:#fff;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.loginForm input[type="submit"]:hover {
					background:#333; }
					
			.loginForm span {
				display:block;
				padding-top:10px;
				border-top:1px dotted #666;
				text-align:center;
				font-size:14px; }
				.loginForm span div { font-size:10px; }
				
		.pages {
			display:table;
			font-size:14px;
			width:900px;
			background:#ddd;
			height:300px; 
			margin:auto;
			padding:20px;
			-webkit-border-radius: 	5px;
			-moz-border-radius: 	5px;
			border-radius: 			5px;
			-moz-box-shadow: 	0 0 3px #333;
			-webkit-box-shadow: 0 0 3px #333;
			box-shadow: 		0 0 3px #333;
			margin-bottom:30px; }
			
			.pages a, .pages input, .pages textarea, .pages label, .pages select {
				font:14px 'opensan_R';
				display:inline-block;
				margin-bottom:10px;
				vertical-align:top;
				border:1px solid #ddd;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }
				
			 .pages label {
				 width:200px;
				 padding:6px 0; }
         
         .pages .labelPanjang {
            width:450px;
				    padding:6px 0; }
         }
      				
			 .pages form b {
				 display:inline-block;
				 font:14px 'opensan_R';
         font-weight:normal;
				 padding:6px 10px 6px 0; }
				
			 .pages select {
				 width:375px;
				 padding:6px 8px;
				 background:#eee; }	
				
			  			  .pages input, .pages textarea {
				 padding:5px 8px;
				 background:#eee; }				
				 .pages input:hover, .pages textarea:hover {
					 border-color:#aaa #fff #fff #aaa; }


				.pages input[type="button"] {
				cursor:pointer;
				display:inline-block;
				font:16px 'opensan_B';
				border:none;
				padding:10px 15px;
				margin-bottom:10px;
				background:#666;
				color:#fff;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.pages input[type="button"]:hover {
					background:#333; }
					
				.pages input[type="submit"] {
				cursor:pointer;
				display:inline-block;
				font:16px 'opensan_B';
				border:none;
				padding:10px 15px;
				margin-bottom:10px;
				background:#666;
				color:#fff;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.pages input[type="submit"]:hover {
					background:#333; }

			
			.pages .titleMain {
				display:inline-block;
				font:28px 'opensan_L';
				padding:10px 50px 10px 20px;
				margin-bottom:20px;
				margin-left:-20px;
				color:#fff;
				background:#333; }
				
			.pages .buttonStyle,
			.pages a.buttonStyle {
				cursor:pointer;
				display:inline-block;
				font:16px 'opensan_B';
				border:none;
				padding:10px 15px;
				margin-bottom:10px;
				background:#666;
				color:#fff;
				-webkit-border-radius: 	5px;
				-moz-border-radius: 	5px;
				border-radius: 			5px; }			
				.pages .buttonStyle:hover,			
				.pages a.buttonStyle:hover {
					background:#333; }
				.pages a.buttonStyle { padding:11px 15px; text-decoration:none; }
				
			.tableStyle {
				max-width:900px;
				border-top:1px solid #999;
				border-left:1px solid #999; }
				
				.tableStyle td {
					border-bottom:1px solid #666;
					border-right:1px solid #666;
					padding:7px 14px; }
				
				.tableStyle tr.title td {
					border-bottom:3px solid #666;
					border-right:1px solid #666;
					padding:7px 14px;
					background:#ccc;
					font-family:'opensan_B'; }
					
					/** ihfan , tutup icon
				.tableStyle td a {
					display:inline-block;
					width:20px; height:20px;
					background:url(../img/act.png) no-repeat;;
					text-indent:-99999px;
					margin:-2px 0; }
					.tableStyle td a:hover { opacity:.5; }
					
					
					.tableStyle td a.edit { background-position:left top; }
					.tableStyle td a.view { background-position:-20px 0; }
					.tableStyle td a#delete { background-position:-40px 0; }
					.tableStyle td a.print { background-position:-60px 0; }
          			.tableStyle td a.plus { background-position:-80px 0; }
					**/
					
		.bot {
			display:table;
			margin:auto;
			padding-bottom:30px;
			color:#fff;
			text-align:center;
			font-size:10px; }