/* main css file */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Tahoma, Helvetica, Arial;
	font-size: 11px;
	line-height: 150%;
	color: #333;
	width: 100%;
}

a:link, a:visited
{
	text-decoration: none;
	color: #00a;
}

a:hover
{
	text-decoration: underline;
}

#wrapper
{
	max-width: 96%;
	width: 96%;
	margin: 0 auto;
	min-width: 760px;
	max-width: 1200px;
}

/* HEADER */
#header
{
	width: 100%;
	height: 130px;
	max-height: 130px;
	background: #159f03 url(images/header_green.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
}

#header-data
{
	width: 100%;
	height: 120px;
	background: url(images/header_green_right.jpg) top right no-repeat;
}

#header .logo
{
	float: left;
	width: 300px;
	height: 100px;
	left: 0;
	padding-left: 50px;
}

#header .logo a
{
	display:block;
	width: 300px;
	height: 100px;

}

#header .logo a span
{
	display: none;
}

#header .search
{
	float: right;
	background: url(images/search-bg.png) top left no-repeat;
	width: 229px;
	height: 50px;
	margin: 30px 20px 0 0;
	padding: 14px 0 0 20px;
}

#header .search .search-input,  #header .search .search-button
{
	border: 1px solid #eee;
	background-color: #f0f0f0;
	color: #777;
	padding: 3px 4px;
}

#header .search .search-input
{
	width: 120px;
	margin-right: 4px;
}

#header .search .search-button
{
	background: url(images/search-btn-bg.png) center center no-repeat;
	width: 50px;
	height: 26px;
	color: #fff;
	font-weight: bold;
	border: 0;
}

#header .neck
{
	clear: both;
	height: 36px;
	width: 99.9%;
	background: url(images/menu_bg.gif) top right no-repeat;
	margin: 0 auto;
}

#header .neck .date
{
	background: url(images/menu_left.gif) top left no-repeat;
	width: 150px;
	height: 30px;
	color: #333;
	padding: 6px 0 0 60px;
}

#header .neck .date span
{
	display: block;
	background: url(images/menu_separator.gif) top right no-repeat;
	height: 30px;
}

/* CONTENT */
#content
{
	clear: both;
	width: 99.9%;
	background: #fafafa url(images/body_left_border.gif) top left repeat-y;
}

#content-data
{
	min-height: 500px;
	background: url(images/body_right_border.gif) top right repeat-y;
	padding: 12px 24px;
}

#content .main-title-bar
{
	display: block;
	height: 40px;
	margin-left: 210px; /*edit here*/
	background-color: #fff;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}

#content .main-title-bar span
{
	display: block;
	background-color: #f3f3f3;
	color: #333;
	margin: 8px;
	padding: 4px 6px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}

/* Navigation */
#nav
{
	float: left;
	/*position: absolute;*/
	margin-left: -30px;
	margin-right: 20px;
	float: left;
	width: 220px;
	
}

#nav-data
{
	/*background-color: #f3f3f3;	
	margin:8px;
	padding: 10px;
	*/
}

.login-box img
{
	padding: 0 15px 0 10px;
}

#first-group
{
	margin: 0;
}
 
#nav-data .menu-group
{
	background-color: #fff;
	margin: 0 0 12px 0;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#nav-data .menu-group-data
{
	background-color: #f3f3f3;	
	margin:8px;
	padding: 4px 10px;
}

#nav li
{
	margin: 3px 0 3px 10px;
}

#nav li a
{
	/*display: block;
	height: 20px;*/
	text-decoration: none; 
	padding: 0 0 0 4px;
	font-weight: bold;
	color: #036;
}

#nav li ul li a
{
	font-weight: normal;
}

#nav li a:hover
{
	/*background-color: #dbdbdb;*/
	color: #f90;
}

.nav-title h3
{
	font-size: 120%;
	border-bottom: 1px solid #ddd;
	line-height: 200%;
	font-weight: bold;
	color: #777;
	margin-bottom: 6px;
	text-transform: uppercase;
}


#main-content
{
	padding-right: 4px;
	background: #fff url(images/main-bg.png) top left repeat-x ;
}

#main-content-data
{
	text-align: justify;
}


#login
{
	display: block;
	width: 400px;
	max-width: 500px;
	height: 250px;
	max-height: 350px;
	margin: 20px auto;
	padding: 60px 0 0 120px;
	/*border: 1px solid #d00;*/
	background: url(images/login.jpg) top left no-repeat;
}

#login label, #login input
{
	font-size: 14px;
	line-height: 150%;
	padding: 4px;
	color: #666;
}

.login-button
{
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
	border: 0;
}

#login input
{
	
	padding: 2px 4px;
}

.input_login
{
	width: 250px;
}

.entry p
{
	padding: 6px 0;
} 

.form-tagihan
{
	margin: 20px auto 20px 200px;
	padding: 0 20px 10px 20px;
	/*border-top: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
}

	.form-tagihan h3
	{
		color: #333;
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		margin-bottom: 10px;
		padding-bottom: 4px;
		border-bottom: 1px solid #ddd;
	}

#result-tagihan
{
	width: 600px;
	margin: 4px auto 0 auto;
	padding: 10px;
	/*border-top: 1px solid #aaa;*/
}

.form-field
{
	width: 350px;
	height: 125px;
	margin: 0 auto;
	padding-top: 25px;
	background: #fff url(images/field-bg.png) center center no-repeat;
}
	.form-field h3
	{
		font-size: 14px;
		margin-left: 20px;
		margin-right: 20px;
		border-bottom: 1px solid #ddd;
	}
	

/* Footer */

#footer
{
	clear: both;
	width: 100%;
	height: 85px;
	margin: 0 auto;
	color: #fff;
	background: #fff url(images/footer_green.jpg) top left no-repeat;
	text-align: center;	
}

#footer-data
{
	height: 85px;
	padding-top: 20px;
	line-height: 120%;
	background: url(images/footer_green_right.jpg) top right no-repeat;
}

/* FORM */
.button
{
	margin: 4px 4px 4px 0;
	padding: 2px 8px;
	font-size: 100%;
	color: #fff;
	background-color: #138c03;	
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #0c5503;
	border-bottom: 1px solid #0c5503;	
}

.input-text
{
	margin: 2px 4px;
	padding: 1px 4px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 20px;
	text-transform: uppercase;
}

	.title
	{
		font-weight: bold;
		font-family: "Trebuchet MS";
		font-size: 20px;
	}

.table-tagihan tr
{
	margin: 2px 0;
	background-color: #f3f3f3;
	border-bottom: 1px solid #ddd;
}

	.table-tagihan tr
	{
		background: #fff url(images/row1.png) top left repeat-x;
	}

	
	/*.table-tagihan tr.row2
	{
		background-color: #fff;
	}*/

	.table-tagihan tr td
	{
		padding: 4px 6px;
		font-size: 100%;
		font-weight: bold;
	}
	
	.table-tagihan tr td.th
	{
		padding: 2px 6px;
	}

	.table-tagihan tr.row-header
	{
		background: #fff url(images/row2.png) top left repeat-x;
	}
	
.entry ul, .entry ol
{
	margin: 4px 10px;
}

.entry ul li, .entry ol li
{
	margin: 4px 16px;
}