@media screen
{
	body
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:medium;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFFFF;
	    background-image : none; 
	}
	p
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:white;
	    font-size:12px;
	    text-align:justify;
	}
	p.tengah
	{
		font-size:13px;
		font-family:Arial, Helvetica, Geneva, sans-serif;
		text-align:center;
	}
	li.dft
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:white;
	    font-size:12px;
	    text-align:justify;
	}
	table
	{
		background:#000088;
	    /*background:#000000;*/
	    color:#FFF;
	}
	td
	{
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFF;
	}
	table.tblshout
	{
	    border-style:solid;
	    border-color:#FFFF00;
	}
	table.navshout
	{
	    border-style:none;
	    border-color:#FFFF00;
	}
	td.headshout
	{
		border-style:none;
	}
	td.shout
	{
	    background:#FFFFFF;
	    color:#000000;
	    border-color:#FFFF00;
	    border-style:inset;
	}
	p.pshout
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:white;
	    font-size:10px;
	    text-align:left;
	}
	p.isishout
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#FFFFFF;
	    color:#000000;
	    font-size:10px;
	    text-align:left;
	}
	
	input.bshout
	{
	    position:relative;
	    width:45%;
	    height:25px;
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background-color:#000088;
	    /*background-color:#000000;*/
	    background-image:none;
	    color: #FFFF00;
	    font-weight: bold;
	    border-width:thin;
	    border-color:#FFFFFF;
	    border-style:none;
	    /*
	    -moz-border-radius-topleft: 6px;
	    -moz-border-radius-topright: 6px;
	    -moz-border-radius-bottomright: 6px;
	    -moz-border-radius-bottomleft: 6px;
	    */
	}
	.tdisi
	{
	    padding-left:5%;
	}
	A.lkiri:link
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.lkiri:visited
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.lkiri:hover
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:underline;
	}
	A.lsubbab:link
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.lsubbab:visited
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.lsubbab:hover
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:underline;
	}
	h3
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	}
	h4.subbab
	{
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFFFF;
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    text-align:left;
	}
	ul
	{
		font-size:14px;
		font-family:Arial, Helvetica, Geneva, sans-serif;
		text-align:justify;
	}
	input.tombol
	{
	    position:relative;
	    width:18%;
	    height:30px;
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    background-color: #00AA00;
	    background-image:none;
	    color: #FFFFFF;
	    font-weight: bold;
	    border-right-style:outset;
	    border-bottom-style:outset;
	}
	
	A.kembali:link
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.kembali:visited
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	}
	A.kembali:hover
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFF00;
	    text-decoration:none;
	    border-color:#FFFF00;
	    border-style:solid;
	    border-width:thin;
	}
	.textfield
	{
		border-style:none;
		background:#FFFFFF;
		color:#000000;
	}
	.fldshoutn
	{
		border-style:none;
		background:#FFFFFF;
		color:#0000FF;
	}
	.fldshouto
	{
		border-style:none;
		background:#FFFFFF;
		color:#000000;
	}
	/*
	input.fldshoutn:focus,input.fldshouto:focus
	{
		background: #FFFFFF;
	}
	*/
	.hkiri
	{
	    font-size:14px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#FFFFFF;
	    width:180px;
	}
	.buttonscontainer1 
	{
		width: 180px;
	}	
	.buttons2 a 
	{
		display: block;
		width: 100%;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		padding: 2px;
		padding-left: 3px;
		background:#000088;
	    /*background:#000000;*/
		color: #DDDD00;
		font-weight: bold;
		text-decoration: none;
		text-align: left;
	}
	
	.buttons2 a:hover 
	{
		background: #FFFFFF;
		color: #000000;
		/*
		text-decoration: none;
		-moz-border-radius-topleft: 5px;
	    -moz-border-radius-topright: 5px;
	    -moz-border-radius-bottomright: 5px;
	    -moz-border-radius-bottomleft: 5px;
	    */
	}
	
	td.tdmsgn
	{
		background:#000088;
	    /*background:#000000;*/
		color:#FFFFFF;
		border-style:none;
		font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	td.tdmsg
	{
		background:#000088;
	    /*background:#000000;*/
		color:#FFFFFF;
		border-bottom-style:solid;
		border-width:thin;
		border-bottom-color:#999900;
		font:11px Verdana, Arial, Helvetica, sans-serif;
	}
	A.lfooter:link
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:11px;
	    background:#000088;
	    /*background:#000000;*/
	    color:#00FF00;
	    text-decoration:none;
	}
	A.lfooter:visited
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:11px;
	    background:#000088;
	    /*background:#000000;*/
	    color:#00FF00;
	    text-decoration:none;
	}
	A.lfooter:hover
	{
	    font-family:Arial, Helvetica, Geneva, sans-serif;
	    font-size:11px;
	    font-weight:bold;
	    background:#000088;
	    /*background:#000000;*/
	    color:#00FF00;
	    text-decoration:underline;
	}
	.judul
	{ 
		font-family:Arial, Helvetica, Geneva, sans-serif;
		font-size:24px;
	    font-weight:bold;
	    text-align:center;
		border-color:#FFFF00;
		border-bottom-style:solid;
		border-bottom-width:thin;
		width:80%;
	}
}
	
@media print
{
	 #col_nav{
	 	visibility:hidden;
	 	display:none;
	}
	.judul{
		font-family:Arial, Helvetica, Geneva, sans-serif;
		font-size:24px;
	    font-weight:bold;
	}
	#col_jam{
	 	font-family:Arial, Helvetica, Geneva, sans-serif;
		font-size:10px;
	}
	#col_isi{
		width:100%;
		font-family:Arial, Helvetica, Geneva, sans-serif;
		font-size:12px;
		text-align:justify;
	}
}