html {padding: 0px; font: menu;border: none;}
/* header */
.header {	
			height:75;
			width:100%;
			border:0;
			}
.header img{
	height:140;
	width:950;
}
@keyframes blink {  
    0% { color: red; }
    100% { color: black; }
}
@-webkit-keyframes blink {
    0% { color: red; }
    100% { color: black; }
}
.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
} 
/* news */
.tickercontainer { /* the outer div with the black border */
border: 0px ;
background: transparent; 
width: 100%; 
height: 20px; 
margin: 0; 
padding: 0;
overflow: hidden;

}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 5px;
width: 100%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: transparent; 
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
text-decoration:none;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 


.nav {		height:20;
			width:100%;
			border:0;
			}
			
.tbisi{ border:0;
		width:950;
		height:590;
		}
.tbisisph{ 
		height:1px;
		background-color:#000000;
		}
.tbisispw{ border:0;
		width:1px;
		background-color:#000000;
		}
		




.list {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
}
.j_lap {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:15px;
}
.mini {
	color:#000000;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
}
.mini a {
	color:#000033;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:13px;
}
.mini a:hover {
	color:#00FF00;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
}
.menu {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:11px;
}
.menu a{
	color:#000000;
	text-decoration:none;
}
.menu a:hover{
	color:#0033FF;
	text-decoration:none;
	padding-top:3px;
	font-size:11px;
}
.menum {
	color:#0033FF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:11px;
}
.menum a{
	color:#0033FF;
	text-decoration:none;
}
.menum a:hover{
	color:#0033FF;
	text-decoration:none;
	padding-top:3px;
	font-size:11px;
}
.menun {
	color:#000099;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:11px;
	background-image:url(../../images/menu/bg.png);
}
.menun a{
	color:#000099;
	text-decoration:none;
}
.menun a:hover{
	color:#0033FF;
	text-decoration:none;
	padding-top:3px;
	font-size:11px;
}
.menuw {
	background-image:url(../../images/color_header_bg.png);
	background-repeat:repeat-x;
	vertical-align:middle;	
	font-family:Arial;
	font-size:12px;
}
.imenu {
	background-image:url(../../images/color_header_bg.png);
	background-repeat:repeat-x;
	
}
.inputs {
	color:#000000;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	border:1px inset #;
	background-color:#FFFFCC;
	font-weight:bold;
}


.tektarea{
		color:#000000;
		font-family:Arial;
		font-size:14px;
		padding: 0.25em 0 0.25em 0.45em;
		width:180px; 
		height:70px;
		}
input.tanggal{
		color:#000000;
		font-family:Arial;
		font-size:14px;
		padding-left:8px;
		padding-right:2px;
		width:100px;
		}
.opsiooy{
		color:#000000;
		font-family:Arial;
		font-size:14px;
		padding: 0.25em 0 0.25em 0.45em;
		width:180px;
		}
		
.inputooy {
		color:#000000;
		font-family:Arial;
		font-size:14px;
		padding: 0.25em 0 0.25em 0.45em;
		width:180px;
}
.bukuuji{
		
		width:240px;
		height:380px;
}
.number{
		text-align:right;
		color:#000000;
		font-family:Arial;
		font-size:14px;
		padding-left:2px;
		padding-right:2px;
		width:180px;
		}
.text-label {
    color: #000000;
}
.ooybutton{
		cursor:pointer;
		font-size:11px;
		}
.inputs2 {
	color:#000000;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	border:1px inset #;
	background-color:#FFFFCC;
	font-weight:bold;
	text-align:right;
}
.rp {
	color:#000000;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
	border:1px inset #;
	background-color:#FFFFCC;
	text-align:right;
}
.menuy {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
}
.submenu {
	color:#000033;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
.submenu a{
	color:#000033;
	text-decoration:none;
	font-weight:bold;
}
.submenu a:hover{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.submenus {
	color:#FFFFFF;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
}
.submenus a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.submenus a:hover{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
.head {
	color:#003300;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
}
.menux {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
}
.menux a{
	color:#FFF;
	text-decoration:none;
}
.menux a:hover{
	color:#FFF;
	text-decoration:none;
	font-size:13px;
}
.menu1 {
	color:#000033;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
}
.menu1 a{
	color:#000033;
	text-decoration:none;
}
.menu1 a:hover{
	color:#CC0000;
	text-decoration:none;
}
.menu2 {
	color:#0000FF;
	text-decoration:none;
	font-family:Arial;
	font-size:13px;
}
.menu2 a{
	color:#0000FF;
	text-decoration:none;
}
.menu2 a:hover{
	color:#CC0000;
	text-decoration:none;
}
.input {
	background-color:#F2F4FF;
	color:#0000CC;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}
.head_table {
	color:#000000;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
}
.isi_table {
	color:#003333;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}
.isi_tablex {
	color:#990000;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
}
.btn {
	color:#003366;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.buttonx {
	font-size:12px;
	color:#000000;
	background-color:#74a3b0;
	width:130px;
	text-align:center;
	font-weight:bold;
	border-style:outset;
	border-width:1px;
	cursor:hand;
	padding:2px 2px 2px 2px;
	}
.buttonz {
	font-size:9px;
	color:#FF0000;
	background-color:#666666;
	width:50px;
	height:17px;
	vertical-align:middle;
	text-align:center;
	font-weight:lighter;
	border-width:1px;
	border-color:#FF0000;
	cursor:pointer;
	}
.buttonz a{
	font-size:9px;
	color:#FFFFFF;
	background-color:#666666;
	width:50px;
	height:17px;
	vertical-align:middle;
	text-align:center;
	font-weight:lighter;
	border-width:2px;
	border-color:#FFFFFF;
	cursor:pointer;
}

.buttonz a:hover{
	font-size:9px;
	color:#FFFFFF;
	background-color:#666666;
	width:50px;
	height:17px;
	vertical-align:middle;
	text-align:center;
	font-weight:lighter;
	border-width:3px;
	border-color:#FFFFFF;
	cursor:pointer;
	text-decoration:underline;
	}

.buttony {
	font-size:12px;
	color:#333333;
	background-color:#CCCCCC;
	width:130px;
	text-align:center;
	font-weight:bold;
	border-style:outset;
	border-width:1px;
	cursor:hand;
	padding:2px 2px 2px 2px;
	}

.button {
	font-size:12px;
	color:#CCCCCC;
	background-color:#1B4342;
	width:80px;
	text-align:center;
	font-weight:bold;
	border-style:outset;
	border-width:1px;
	cursor:hand;
	padding:2px 2px 2px 2px;
	}
.button a {
	color:#003366;
	background-color:#999999;
	width:80px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	text-decoration:none;
	}

 .button a:hover {
	color:#FF0000;
	background-color:#999999;
	width:80px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	text-decoration:none;
	}
.tmx {
	color:#FFFFFF;
	font-size:11px;
	background-color:#336600;
	width:75px;
	text-align:center;
	font-weight:bold;
	border-style:outset;
	border-width:1px;
	cursor:hand;
	padding:1px 1px 1px 1px;
	}
.tmx a {
	color:#FFFFFF;
	background-color:#336600;
	width:75px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	text-decoration:none;
	}

.tmx a:hover {
	color:#FFFF00;
	background-color:#336600;
	width:75px;
	text-align:center;
	font-weight:bold;
	cursor:hand;
	text-decoration:none;
	}
	
#lsagg1{overflow:auto; width:320px; height:300px;}
#lsagg{overflow:auto; width:650px; height:300px;}

#kanan { overflow:auto; 
		width:849px; 
		height:800px;
		border:0px solid #666666;		
		margin:2px;
		padding:2px;
		background-color:transparent;
		}
.isi { 
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		
		}
#kanan table {
		border-color:#afe607;
		border-width:thin;
		width:100%;
		vertical-align:top;		
		margin:1px;
		padding:1px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		background-color:transparent;
		}
#kanan table tr {
		vertical-align:top;
		max-height:20px
		}
#kananbawah { overflow:auto; width:949px; height:800px;
		border:1px solid #666666;		
		margin:2px;
		padding:2px;
		}
#loadooy { overflow:scroll; width:700px; height:270px;}
#listetio { overflow:scroll; width:400px; height:300px;}
#listkanan { overflow:scroll; width:675px; height:410px; vertical-align:top;}
#pendaftaran { overflow:scroll; width:890px; height:450px;}
#lst_peminjam { overflow:scroll; width:950px; height:100px;}
#lstanggota { overflow:scroll; width:950px; height:350px;}
#lstlap { overflow:scroll; width:790px; height:380px;}
.suratkeputusan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 9px;
	font-weight: normal;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
}


/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	width: auto;
	text-align:center;
	
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 100px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	z-index: 1020;
	cursor: default;
	width: 150px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	
	left: inherit;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 150px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	background-image:url(../../images/color_header_bg.png);
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-image:url(../../images/color_header_bg.png);
	background-repeat:repeat-x;
	padding: 0.5em 1.3em 0.5em 1.3em;
	color:#FFFFFF;
	text-decoration: none;
	
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	color:#00FFFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	
	background-image:url(../../images/menu_separator.png);
	background-repeat:no-repeat;
	background-position: 99% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../../images/menu_separator.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	
	background-image:url(../../images/down.gif);
	background-repeat:no-repeat;
	background-position: 5% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../../images/down.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}
.listbarang{
		border:1px inset #0066FF;
		width:100%;		
		}
tr.header {
			background-color:#CCCCCC;
			text-align:center;
			font-weight:bold;
			font-size:14px;
			border:1px solid;
			border-color:#0099FF;
			max-height:10;
			height:10;
		}	
.trheader {
		color:#FF9900;
  background:url(../../images/bg.jpg) repeat -20px 35px;
  text-shadow: 0 0 5px #FF9900;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		border:thin;
		border-color:#FF0000;
		max-height:10;
		height:10;
		width:100%;
		}
		.trheader2nd {
		color:#000000;
  text-shadow: 0 0 1px #000000;
		text-align:center;
		font-weight:bold;
		font-size:14px;
		border:thin;
		border-color:#FF0000;
		max-height:10;
		height:10;
		}

.trheader td {
		vertical-align:middle;
		 }	
.divtombol1 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/BLUE.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		color:#FFFFFF;
		
		 }
.divtombolhov1 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/GREEN.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		
		color:#FFFFFF;
  text-shadow: 0 0 10px #FFFFFF;
		}	
		
		 
.divtombol2 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/RED.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		color:#FFFFFF;
		
		 }
.divtombolhov2 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/GREEN.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		
		color:#FFFFFF;
  text-shadow: 0 0 10px #FFFFFF;
		}	
		
		 
.divtombol3 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/YELlOW.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		color:#FFFFFF;
		
		 }
.divtombolhov3 {
		cursor:pointer;
		font-size:80px;
		/*background-image:url(../../images/GREEN.png);*/
		background-size:200px 200px;
		background-position:center;
		background-repeat:no-repeat;
		height:200px;
		text-align:center;
		vertical-align:middle;
		
		color:#FFFFFF;
  text-shadow: 0 0 10px #FFFFFF;
		}	
		
.divtombolpt {
		cursor:pointer;
		 }
.divtombolhovpt {
		cursor:pointer;
  text-shadow: 0 0 10px #333333;
		}	
.trlist {
		cursor:pointer;
		font-weight:normal;
		background-color:transparent;
		color:#000000;
		font-family:Arial;
		font-size:12px;		
		border:thin;
		border-color:#000000;
		overflow:auto;
		vertical-align:middle;
		 }
.divhover1 {
		cursor:pointer;
		font-weight:normal;
		background: rgba(0, 0, 0, .02);
		color:#000000;
		font-family:Arial;
		font-size:12px;		
		border:thin;
		border-color:#000000;
		overflow:auto;
		vertical-align:middle;
		border:1px solid #ddd;
		padding:8px 2px 2px 2px;
		border-radius:12px;
		margin-top:12px;
		 }
.divhover1:hover {
		cursor:pointer;
		font-weight:normal;
		background: rgba(0, 0, 0, .07);
		color:#0000FF;
		font-family:Arial;
		font-size:12px;		
		border:thin;
		border-color:#000000;
		overflow:auto;
		vertical-align:middle;		
		border:1px solid #ddd;
		padding:8px 2px 2px 2px;
		border-radius:12px;
		margin-top:12px;
		
		 }
		.divhover0 {
		cursor:pointer;
		font-weight:normal;
		background: rgba(0, 0, 0, .1);
		color:#000000;
		font-family:Arial;
		font-size:12px;		
		border:thin;
		border-color:#000000;
		overflow:auto;
		vertical-align:middle;
		margin-top:12px;
		
    border-bottom: 1px solid #ddd;
		 }
		 .divhover0:hover {
		cursor:pointer;
		font-weight:normal;
		background: rgba(0, 0, 0, .2);
		color:#0000FF;
		font-family:Arial;
		font-size:12px;		
		border:thin;
		border-color:#000000;
		overflow:auto;
		vertical-align:middle;
		
    border-bottom: 1px solid #ddd;
		 }
		
tr.trlist td {
		vertical-align:middle;
		 }
.trlisthov {
		cursor:pointer;
		background-color:#000000;
		font-weight:normal;
		color:#FF9900;
		font-family:Arial;
		font-size:12px;
		border:thin;
		border-color:#FF9900;		
		vertical-align:middle;
  text-shadow: 0 0 5px #FF9900;
		}	
tr.trlisthov td{		
		vertical-align:middle;
				
		}	
		
.listbrg { overflow:auto; width:920px; height:370px;
		border:1px solid #666666;		
		margin:2px;
		padding:2px;
		}
.laporan { overflow:auto; width:820px; height:650px;
		border:1px solid #666666;		
		margin:2px;
		padding:2px;
		}

.opsi { overflow:auto;
		}
.listpenjualan { 
		border:1px solid;
		border-color:#0099FF;
		vertical-align:top;
		width:100%
		}

.total { overflow:hidden; width:920px; height:200px;
		border:1px solid #666666;		
		margin:2px;
		padding:2px;
		}
		
		.total div { overflow:hidden; width:910px; height:200px;
		
		}

.printing{
		font-family:"Roman Condensed";
		font-size:12px;
		border:none;
		width:250px;
		}
.printinga4{
		font-family:"Roman Condensed";
		font-size:12px;
		border:none;
		padding:1px;
		width:1100px;
		}
.crpasien { text-indent: 40px; letter-spacing: .4em; width: 410px; height: 100px; padding: 30px; margin: 10px;  }

.mybutton {cursor:pointer;
		background-color: #003399;
		color:#FFFFFF;
		font-weight:bold 90%;
		border-color:#FFFFFF ;
		border-width:1px;		
		border-style:outset; 
		padding-left:15px;
		padding-right:15px;
		text-align:center;
		margin:2px;		
		height:28px;
		background-image:url(../../images/color_header_bg.png);
		 /* background-image:url(/rsud/source/images/header1.png); */}
.mybuttonhov {
		cursor:pointer;
		background-color: #003399;
		color:#0099CC;
		font-weight:bold 90%;
		border-color:#0099FF ;
		border-width:1px;		
		border-style:outset; 
		padding-left:2px;
		padding-right:2px;
		text-align:center;
		margin:2px;
		
		height:23px;
		background-image:url(../../images/color_header_bg.png);
		 /* background-image:url(/rsud/source/images/header1.png); */}
fieldset{border-color:#000000;
		border-width:thin;}

.pesan {min-height:150px;
		max-width::150px;
		}
.informasibox {
border-color:#afe607;
border:thin;

}
#tabeldata{
 border-collapse:collapse; border:1px solid #000000;
}
#tabeldata td{
 border-collapse:collapse; border:1px solid #000000;
}
 .tabeldataheader{
 border:1px solid #000000;
 font-weight:bold;
 height:35px;
 text-align:center;
 vertical-align:middle;
}