#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
 }
 
 
 .refresh-icon {
 width: 20px; 
 height: 20px;
 background-image: url(images/ui-icons_228ef1_256x240.png);
 background-position: -64px -80px;
 display:block;
 overflow:hidden;
 cursor:hand
 }
 
 .add-icon{
 width: 20px; 
 height: 20px;
 background-image: url(images/ui-icons_228ef1_256x240.png);
 background-position: -16px -128px;;
 display:block;
 overflow:hidden;
 cursor:hand	
 }
 
 
 .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:5px 10px;
	background:aliceblue;
	border-top:  1px solid maroon;
	border-left: 1px solid maroon;
	border-right: 1px solid maroon;
	border-bottom:  1px solid maroon;
	width:90%;
	clear:both;
	margin:10px auto;
	text-align:right;

}
 
 
 fieldset.customersection1{
	
	padding:5px 10px;
	background:aliceblue;
	border-top:  1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom:  1px solid black;
	width:30%;
	clear:both;
	margin:10px auto;
	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:110px;	
	
}
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:200px;	
	
}
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:60%;
	height: 100%;
	text-align: left;
	margin-top: 1px;
	color: #000000;
	font-weight: normal;
}