html{margin:0;padding:0;}
body{font-family:Verdana,Helvetica,Arial,Tahoma,Times New Roman,sans-serif;font-size:14px;margin:0;padding:0;}
p,ul,ol{font-size:1em;}table{font-size:1em;}a,a:visited{text-decoration:none;}a:hover{text-decoration:underline;}
h1{}h2{}img{border:none;}
#background{position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/gaharu.jpg) repeat;z-index:-100;}
#content{background:white;width:80%;max-width:800px;margin:0 auto;padding:16px;line-height:20px;background:#DBEDFB;box-shadow:6px 6px 15px #333333;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#login-frame{background:white;padding:0;width:308px;margin:auto;background:url(../images/login-bg.jpg) no-repeat;background-size:cover;box-shadow:6px 6px 15px #333333;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; border: 4px solid #fff;}
.login-panel{}
.login-panel .header{margin:5px;padding-top:8px;font-weight:normal;color:#0F2760;font-size:20px;text-align:center;background:url(../images/logo-login.png) no-repeat 15px 4px;padding-bottom:6px;}
.login-panel .body{margin:16px;padding-bottom:0px;}
.alert{width:300px;max-width:800px;margin:16px auto;padding:16px;box-shadow:4px 4px 10px #555;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#login-framex{background:white;padding:0;width:300px;margin:auto;background:url(../images/login-bg.jpg) no-repeat;background-size:cover;box-shadow:6px 6px 15px #333333;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; border: 0px solid #fff;}
.clear{clear:both;}
.imgku4z {
	float: center; 
	margin: 0; 
	padding: 2px; 
	background: #fff; 
	border: #999999 1px solid; 
	line-height: 0; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}
#dhtmltooltip{
position: absolute;
width: auto;
border: 2px solid #fff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-ms-border-radius: 8px	;
font-size: 12px;
text-align:justify;
max-width:400px;
padding: 10px;
background:url(../images/dropdown_bg.png) repeat; opacity:0.8;
color:#FFFFFF;
text-shadow: 0 1px 1px #000000;
line-height:150%;
visibility: hidden;
z-index: 100;
box-shadow:2px 2px 10px #333333;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}
.primapc {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	 /* 16px x 16px */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:4px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;

}
.primapc:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.primapc:active {
	position:relative;
	top:1px;
}
div.alert-message {
}


.infox, .successx, .warningx, .errorx, .validationx {
border: 4px solid;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; max-width:245px;
box-shadow:2px 2px 10px #333;
-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	margin:auto;
}
.infox {
color: #006297;
background-color: #e3f7fc;
background-image: url('../images/infox.png');
border-color:#006297;
}
.successx {
color: #3E6718;
background-color: #DBFFC4;
background-image:url('../images/oke.png');
border-color:#3E6718;
}
.warningx {
color: #915000;
background-color: #fff8c4;
background-image: url('../images/alrt.png');
border-color:#915000;
}
.errorx {
color: #B5301A;
background-color: #ffecec;
background-image: url('../images/err1.png');
border-color:#B5301A;
}

.close {
	color: #333;
	float:right;
	margin-top:px;
	font-size: 17px;
	opacity: 0.5;
	padding: 10px;
}
.close:focus {
	opacity: 0.8;
}
.error				{ color:#BB0000; font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;}