#wrap
{
width: 90%;
margin: 10px auto;
background-color: #ffcd9b;
color: #333;
border: 1px solid gray;
line-height: 130%;
}
#header
{
padding: .5em;
background :  #ffcd9b;
border-bottom: 1px solid gray;
color:black;
font-weight:bold;
font-size:26px;
}

#header h1
{
padding: 0;
margin: 0;
}

#mainANU
{
clear:both;
width: 50%;
height:500px;
padding: 1em;
margin: 0px auto;
text-align:left;
/*background-color:#feeed6;*/
background:url(images/anugraha.png);
background-repeat: no-repeat;
margin-top: 100px;
margin-left: 70px;
}

#footerANU
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}
#navANU {
padding:5px 10px;
background:white;
border: 1px solid gray;
}

#navANU ul {
margin:0;
padding:0;
list-style:none;
}
#navANU li {
display:inline;
margin:0;
padding:0;
}

.hide{
	display:none;
}


.show{
	display:inline;
}

#mainANU h2 { margin: 0 0 .5em 0; }


fieldset.section
{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:none;
	width:800px;
	clear:both;
	text-align:left;
	background-color:none;
}
fieldset.sectionANU
{
	border-top:1px solid #46A3CA;
	border-left:1px solid #46A3CA;
	border-right:1px solid #46A3CA;
	border-bottom:1px solid #46A3CA;
	width:600px;
	text-align:left;	
	color :#001c37;	
}

div.sectionbarANU	
{
	width: 50%;
	clear:both;
	margin: 10px auto;	
}
 
div.error
{
	color:#ff0000;	
	text-decoration:blink;		
}

fieldset.sectionTop
{
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	width:630px;
	text-align:left;	
	color :#001c37;
	margin:5px;
}
div.sectionbarTOP	
{
	width: 50%;
	clear:both;
	margin: 10px auto;		
}
td.loanapptd
{
	width:10%;
	vertical-align:top;
		
}
fieldset.sectionGuarantor
{
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	width:300px;
	height:100px;
	text-align:left;	
	color :#001c37;
	margin:5px;
}
td.Guarantortd
{
	width:10%;
	vertical-align:top;
		
}
fieldset.sectionstagewise
{
	border-top:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	width:290px;
	height:240px;
	text-align:left;	
	color :#001c37;
	margin:5px;
}

.up-icon {
width: 20px;
height: 20px;
background-image: url(images/ui-icons_228ef1_256x240.png);
background-position: -96px -192px;
display:block;
overflow:hidden;
cursor:hand
}
.down-icon {
width: 20px;
height: 20px;
background-image: url(images/ui-icons_228ef1_256x240.png);
background-position: -64px -192px;
display:block;
overflow:hidden;
cursor:hand
}

#history
{
vertical-align:top;	
}
#history TH
{
	border-bottom:#000000 2px solid;
	padding-bottom:0px;
	padding-left: 8px;
	padding-right:8px;
	color:#039;
	padding-top :0px;
}

#history td
{
	border-bottom:#ccc 1px solid;
	padding-bottom:0px;
	padding-left: 8px;
	padding-right:8px;
	color:#669;
	padding-top :0px;
}

#list TH
{
	border-bottom:#6678b1 2px solid;
	padding-bottom:10px;
	padding-left: 8px;
	padding-right:8px;
	color:#039;
	padding-top :10px;
}

#list td
{
	border-bottom:#ccc 1px solid;
	padding-bottom:6px;
	padding-left: 8px;
	padding-right:8px;
	color:#669;
	padding-top :6px;
}

.edit-icon {
 width: 16px; 
 height: 16px;
 background-image: url(images/ui-icons_228ef1_256x240.png);
 background-position: -64px -112px;
 display:block;
 overflow:hidden;
 cursor:hand
 }
 
 
 .Com-buttons {
 width: 70px; 
 height: 25px;
 background-color :#c0dcc0;
 border-color: black;
 border-right-style:solid;
 border-bottom-style: double;
 color: #3d3d1f;
 font-weight:bold;
 display:inline;
 overflow:hidden;
 cursor:pointer
 }
 
 
 .delete-icon {
 width: 16px; 
 height: 16px;
 background-image: url(images/ui-icons_228ef1_256x240.png);
 background-position: -32px -192px;
 display:block;
 overflow:hidden;
 cursor:hand
 }
 
 .dtp-icon {
 width: 16px; 
 height: 16px;
 background-image: url(images/ui-icons_222222_256x240.png);
 background-position: -32px -112px;
 display:block;
 overflow:hidden;
 cursor:hand
 }
 
 
fieldset.section
{
	padding:0px 0px;
	background:none;
	border-top: none;
	border-left:none;
	border-right: none;
	border-bottom: none;
	width:90%;
	clear:both;
	text-align:right;

}
 
 
 fieldset.customersection1{
	
	padding:0px 0px;	
	border-top: none;
	border-left:  none;
	border-right:  none;
	border-bottom:   none;
	width:30%;
	clear:both;
	margin:1px 1px;
	text-align:left;
}
fieldset.customerouter{

	padding:5px 10px;
	width:500px;
	border-top:  1px solid maroon;
	border-left: 1px solid maroon;
	border-right:1px solid maroon;
	border-bottom:  1px solid maroon;
	color :#0000ff;
	font-weight: bold;
}
td.customerfldtd
{
	width:10%;
	vertical-align:top;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 5px;	
}
td.customerfldtd2
{
	width:100%;
	vertical-align:top;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
	margin-bottom: 5px;	
}
div.customerrdbdiv{
	width:100px;
}
div.customerrdbrow{
	
	width: 100%;
	margin-left:3px;
	clear: both;
	font-weight: normal;	
}

divp.customerrowp
{
	width: 100%;
	margin: 3px 0px;
	clear: both;
}
divp.customertwocolumnp select
{
	margin-left: 2%;	
	width: 5px;
}
divp.twocolumncustomerp input[type=password]
{
	margin-left: 1px;
	width: 110px;	
	height:15px;
	
}

div.customertwocolumn select
{
	margin-left: 2%;	
	width: 5px;
}
div.twocolumncustomer input[type=text]
{
	margin-left: 1px;
	width: 110px;	
	height:15px;
	
}
div.customerrow
{
	width: 100%;
	margin: 3px 0px;
	clear: both;
}
 
 
 
 
 
 


div.twocolumn1 div input[type="checkbox"],
div.twocolumn1 div input[type="radio"],
div.twocolumn1 div input[type="password"]
{
    margin-left: 2%x;
}

div.twocolumn1 input[type=text]
{
	margin-left: 2%;
	height:15px;
	width:110px;
	margin-top: 1px;
	margin-bottom: 1px;		
	
}
div.twocolumn1 select
{
	margin-left: 2%;	
	width: auto;
	width:100px;	
}

div.row1
{
	width: 220px;
	margin: 3px 0px;
	clear: both;
}

div.twocolumn1 label
{
	float: left;
	width: 45%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
}





div.twocolumn2 div input[type="checkbox"],
div.twocolumn2 div input[type="radio"],
div.twocolumn2 div input[type="password"]
{
    margin-left: 2%;
	text-align:left;
}

div.twocolumn2 input[type=text]
{
	margin-left: 2%;
	height:15px;
	width:400px;	
	
}
div.twocolumn2 select
{
	margin-left: 2%;	
	width: auto;
}

div.row2
{
	width: 210px;
	margin: 3px 0px;
	clear: both;
}

div.twocolumn2 label
{
	float: left;
	width: 40%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
}

div.twocolumn3 div input[type="checkbox"],
div.twocolumn3 div input[type="radio"],
div.twocolumn3 div input[type="password"]
{
    margin-left: 2%x;
}

div.twocolumn3 input[type=text]
{
	margin-left: 2%;
	height:15px;
	width:90px;	
	
}
div.twocolumn3 select
{
	margin-left: 2%;	
	width: auto;
}

div.row3
{
	width: 250px;
	margin: 3px 0px;
	clear: both;
}

div.twocolumn3 label
{
	float: left;
	width: 30%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
}

div.twocolumn4 div input[type="checkbox"],
div.twocolumn4 div input[type="radio"],
div.twocolumn4 div input[type="password"]
{
    margin-left: 2%x;
}

div.twocolumn4 input[type=text]
{
	margin-left: 2%;
	height:15px;
	width:110px;	
	
}
div.twocolumn4 select
{
	margin-left: 2%;	
	width: auto;
}

div.row4
{
	width:220px;
	margin: 3px 0px;
	clear: both;
}
div.twocolumn4 label
{
	float: left;
	width: 30%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
} 
 
 
 
td.customernaturetd
{
	width:600px;
	vertical-align:top;
		
} 

div.twocolumn5 div input[type="radio"],
div.twocolumn5 div input[type="password"]
{
    margin-left: 2%x;
	margin-left: 2%;
	height:15px;
	width:10px;
}


div.twocolumn5 input[type=text]
{
	margin-left: 0%;
	height:15px;
	width:300px;	
	
}
div.twocolumn5 select
{
	margin-left: 2%;	
	width: auto;
}

div.row5
{
	width:430px;
	margin: 3px 0px;
	clear: both;
}

div.rowcom
{
	width:180px;
	margin: 3px 0px;
	clear: both;
}
div.twocolumn5 label
{
	float: left;
	width:80%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
}  


#main
{
clear:both;
width:96%;
height:500px;
padding: 1em;
margin: 0px auto;
/*background:url(images/awsfp.png) 96%;*/ 
}

#main1
{
clear:both;
width:100%;
height:100%;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background: #feeed6 url(images/ui-bg_gloss-wave_45_e14f1c_500x100.png) 50% 50% repeat-x;
border-top: 1px solid gray;
}
#nav {
/*padding:5px 10px;*/
background: #feeed6 ;
border: 1px solid gray;
}

#nav ul {
margin:0;
padding:0;
list-style:none;

}
#nav li {
display:inline;
margin:0;
padding:0;

}

.hide{
	display:none;
}


.show{
	display:inline;
	
}

#main h2 { margin: 0 0 .5em 0; }
div.rdbdiv{
	width:100%;
}
div.rdbrow{
	
	width: 100%;
	margin-left:5px;
	clear: both;
	font-weight: normal;	
	
}

.newwindow-icon {
	width: auto; 
	height:20px;
	background-image: url(images/ui-icons_222222_256x240.png);
	background-position:  -160px -112px;
}  
div.nodisplay
{
	display:none;
}