@font-face {
	 font-family: Gotham;
	 src: url('../font/Gotham.eot');
	 src: url('../font/Gotham.eot?#iefix') format('embedded-opentype'),
		  url('../font/Gotham.woff') format('woff'),
	      url("../font/Gotham.ttf") format('truetype'),
		  url('../font/Gotham.svg#Droid Sans') format('svg');
	font-style: normal;
	font-weight: normal;
	}

	body
	{
		margin: 0px;
		background: url(../../images/batik.jpg);
		font-family:  Helvetica;
	}

	#module_title 
	{ 
		background-color: #313541;
		height: 70px;
		width: 100%;
	}

	#module_user
	{
		font-size: 13px;
		color: #CCCCCC;
		font-weight: normal;
		text-decoration: none;
	}

	#title
	{
		font-size: 22px; 
		font-family:  Gotham;
		color: #CCCCCC;
	}

	a
	{
		font-size: 13px;
		color: #555555;
		font-weight: normal;
		text-decoration: none;
	}

	a:hover
	{
		text-decoration: underline;
	}

	.a_title
	{
		font-size: 13px;
		color: #555555;
		font-weight: bold;
		text-decoration: none;
	}

	.a_title:hover
	{
		text-decoration: underline;
	}

	#module_garis 
	{ 
		background-color: #67CC70;
		height: 3px;
		top: 300px;
	}

	#module_garis2
	{ 
		background-color: #313541;
		height: 5px;
	}

	#module 
	{ 
		text-align: left;
		background-color: #FFFFFF;
		border-left: 1px solid #a0a0a0;
		border-right: 1px solid #a0a0a0;
		border-bottom: 1px solid #a0a0a0;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		padding: 8px 15px 15px 15px;
		-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
	}

	#navigasi
	{
		font-size: 16px; 
		font-family:  Gotham;
		color: #666666;
	}

	td 
	{
		color: #666666;
		font-size: 13px; 
		font-weight: normal;
		font-family:  Helvetica;
		line-height:1.3;
	}

	#garis 
	{
		font-size: 1px; 
		border-bottom: 1px solid #C4C4C4;
		margin: 10px 0px 10px 0px;
	}

	.td_utama 
	{
		background-color: #F2F2E6;
		color: #666666;
		font-size: 13px; 
		font-weight: bold;
		text-align: center;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}

	.td_isi 
	{
		color: #666666;
		font-size: 13px; 
		font-weight: normal;
		border-bottom: 1px solid #CCCCCC;
	}

	.tr 
	{
		background-color: #FFFFFF;
	}

	.tr:hover
	{
		background-color:  #fff8d9;
	}

	#notifikasi
	{
		background-color: #FFF7CC;
		border: 1px solid #CCCCCC;
		color: #666666;
		padding: 30px 10px 30px 10px;
		text-align: center;
		font-weight: normal;
		-moz-border-radius : 5px;
		-webkit-border-radius : 5px;
		border-radius: 5px;
	}

	#notifikasi_kecil
	{
		background-color: #FFF7CC;
		border: 1px solid #CCCCCC;
		color: #666666;
		padding: 10px;
		text-align: center;
		font-weight: normal;
		-moz-border-radius : 10px;
		-webkit-border-radius : 10px;
		border-radius: 10px;
	}

	#informasi
	{
		background-color: #e7ffce;
		border: 1px solid #CCCCCC;
		color: #666666;
		padding: 15px;
		font-weight: normal;
		-moz-border-radius : 5px;
		-webkit-border-radius : 5px;
		border-radius: 5px;
	}

	.form_input 
	{
		color: #666666;
		border: 1px solid #C4C4C4;
		height: 20px;
		padding: 5px;
		border-radius: 8px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-family:  Helvetica;
	}

	.form_input_login 
	{
		color: #666666;
		border: 1px solid #C4C4C4;
		height: 25px;
		padding: 5px;
		border-radius: 8px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-family:  Helvetica;
	}

	.form_text
	{
		color: #666666;
		border: 1px solid #C4C4C4;
		padding: 5px;
		border-radius: 8px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-family:  Helvetica;
	}

	.form_select
	{
		color: #666666;
		border: 1px solid #C4C4C4;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-family:  Helvetica;
	}

	.form_button
	{
		color: #FFFFFF;
		background-color: #313541;
		border: 1px solid #C4C4C4;
		padding: 10px;
		font-weight: bold;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		font-family:  Helvetica;
	}


	.form_button:hover
	{
		color: #FFFFFF;
		background-color: #F14D76;
	}

	.button_menu
	{
		color: #FFFFFF;
		background-color: #313541;
		border: 1px solid #C4C4C4;
		padding: 10px;
		font-weight: bold;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}


	.button_menu:hover
	{
		background-color: #CD0F17;
	}

	.sub_menu
	{
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #f5f5f5;
	}

	.sub_menu_active
	{
		color: #FFFFFF;
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #F14D76;
	}

	.sub_menu_active2
	{
		color: #FFFFFF;
		border-left: 1px solid #CCCCCC;
		border-top: 1px solid #CCCCCC;
		border-right: 1px solid #CCCCCC;
		padding: 5px;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		background-color: #313541;
	}

	.sub_menu:hover
	{
		background-color: #F14D76;
		color: #FFFFFF;
	}


	.sub_menu2
	{
		width: 2px;
	}

	.popup {
    background-color: #FFFF73;
    border-radius: 5px;
    display: none;
    opacity: 0.9;
    padding: 10px;
    z-index: 100;
	position: absolute;
	border: 1px solid #CCCCCC;
	text-align: left;
}

.popup_link:hover + span {
    display: inline;
}