<style>
body,p {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	color:WHITE;
	
}
table {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	 border-left-color:#8CC8DB;
	 border-top-color:#8CC8DB;
	 border-right-color:#B9D5DE
	 border-bottom-color:#B9D5DE;
}

th {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	/*background-color:#0777E4;*/
	background: -webkit-gradient(linear, left top, left 20, from(#055AAE), to(#0777E4));  
    background: -moz-linear-gradient(top, #055AAE, #0777E4 20px);  
	empty-cells:show;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-top-style:none;
	border-top-width:thin;
	border-top-color:SNOW;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:SNOW;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:BLACK;
	border-right-style:none;
	border-right-width:thin;
	border-right-color:BLACK;
}
td {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	empty-cells:show;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:none;
	border-top-width:thin;
	border-top-color:SNOW;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:BLACK;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:SNOW;
	border-right-style:none;
	border-right-width:thin;
	border-right-color:BLACK;
}	
td.odd {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	empty-cells:show;
	background: -webkit-gradient(linear, left top, left 20, from(#7AB3C5), to(#8CC8DB));  
    background: -moz-linear-gradient(top, #7AB3C5, #8CC8DB 20px);  
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:none;
	border-top-width:thin;
	border-top-color:#0777E4;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:#0777E4;
	border-left-style:none;
	border-left-width:thin;
	border-left-color:#0777E4;
	border-right-style:none;
	border-right-width:thin;
	border-right-color:#0777E4;
}	

td.even {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	empty-cells:show;
	background: -webkit-gradient(linear, left top, left 20, from(#8FB6C2), to(#B9D5DE));  
    background: -moz-linear-gradient(top, #8FB6C2, #B9D5DE 20px);  
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:none;
	border-top-width:thin;
	border-top-color:#0777E4;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:#0777E4;
	border-left-style:none;
	border-left-width:thin;
	border-left-color:#0777E4;
	border-right-style:none;
	border-right-width:thin;
	border-right-color:#0777E4;
}	
td.bar {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#000000;
	empty-cells:show;
	background: -webkit-gradient(linear, left top, left 20, from(#055AAE), to(#0777E4));  
    background: -moz-linear-gradient(top, #055AAE, #0777E4 20px);  
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:none;
	border-top-width:thin;
	border-top-color:#0777E4;
	border-bottom-style:none;
	border-bottom-width:thin;
	border-bottom-color:#0777E4;
	border-left-style:none;
	border-left-width:thin;
	border-left-color:#0777E4;
	border-right-style:none;
	border-right-width:thin;
	border-right-color:#0777E4;
}
input[type="button"],[type="submit"] {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	color:#0B0B97;
	background: -webkit-gradient(linear, left top, left 7, from(#D2D2D2), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #D2D2D2, #FFFFFF 7px);  
	padding-top:5px;
	padding-bottom:5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
input[type="text"],[type="file"],[type="password"], select {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	color:#0B0B97;
	background: -webkit-gradient(linear, left top, left 7, from(#D2D2D2), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #D2D2D2, #FFFFFF 7px);  
	empty-cells:show;
	height:25px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:BLACK;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:BLACK;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:SNOW;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:SNOW;
}

fieldset {
 border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
 border-color:#8CC8DB;
}

textarea {
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
}

legend {font-family: tahoma, helvetica, sans-serif;	font-size: 12px; font-weight:bold; color:#0B0B97;}
A:link {font-family: tahoma, helvetica, sans-serif;	font-size: 12px;  color:#0B0B97  ;}
A:visited {font-family: tahoma, helvetica, sans-serif;	font-size: 12px;  color:#0B0B97 ;}
A:active {font-family: tahoma, helvetica, sans-serif;	font-size: 12px;  color:#0B0B97 ;}
A:hover {font-family: tahoma, helvetica, sans-serif;	font-size: 14px;  font-weight:bold; color:#0B0B97;}

.css-noscroll {
	/* default background colour, for all layout engines that don't implement gradients */
	background: #FFFFFF;

	/* mozilla based browsers */
	background: -moz-linear-gradient(left top, #FFFFFF, #CCCCCC);

	/* gogle chrome based browsers */
	background: -webkit-gradient(linear, left top,  right bottom, from(#FFFFFF), to(#CCCCCC));

	color: #000000; /* text colour (black) */
	height:100%; /* gradient uses the full height of the element */
	border:none; 
	width:100%; 
	height:100%; 
	overflow-y: none;
	overflow-x: none;
}
.css-scrollxy {
	/* default background colour, for all layout engines that don't implement gradients */
	background:#FFFFFF;

	/* mozilla based browsers */
	background: -moz-linear-gradient(left top, #FFFFFF, #CCCCCC);

	/* gogle chrome based browsers */
	background: -webkit-gradient(linear, left top,  right bottom, from(#FFFFFF), to(#CCCCCC));

	color: #000000; /* text colour (black) */
	height:100%; /* gradient uses the full height of the element */
	border:none; 
	width:100%; 
	height:100%; 
	overflow-y: scroll;
	overflow-x: scroll;
}
td#listmenu {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	border:none;
}
.warning {
	color:red;
	font-weight:bold;
	font-size: 18px;
}

.folderlist {
	font-family: tahoma, helvetica, sans-serif;
	font-size: 12px;
	color:#0B0B97;
	background-color:#FFFFFF;
	height:250px;
	empty-cells:show;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:BLACK;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color:BLACK;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:SNOW;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:SNOW;
}

td:hover { 
	color:#4D4D4D;
}

.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  border-bottom-left-radius: 10px 10px;
  border-bottom-right-radius: 10px 10px;
  width:50%;
}
.jumlah {
  color:white;
  font-weight:bold;
  font-size: 14px;
  background-color: #0777E4;
}

.judul {
  color:white;
  font-weight:bold;
  font-size: 14px;
  background-color: #0777E4;
}

.info {
  color:red;
  font-weight:bold;
  font-size: 18px;
  background-color: #BDE5F8;
  background-image: url('/sentoso/icon/info.png');
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image:url('/sentoso/icon/success.png');
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('/sentoso/icon/warning.png');
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('/sentoso/icon/error.png');
}
</style>
