/* CSS Document */
body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:black;
	margin:10px;
	
	background-color:white;
}


	.list_customers
	{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
		.list_customers .customer_row 
		{
			margin:5px;
			border:1px solid #999;
			

		}
			.list_customers .customer_row ul
			{
				list-style:none;
				padding:10px;	
			}
			.list_customers .customer_row ul li
			{
				float:left;
				margin-right:15px;
			}
			
			.list_customers .Expired
			{
				color:red;
				font-weight:bold;
			}
	
		.list_customers .customer_row div.header
		{
			color:white;
			background:#495b6d;
			padding:10px;
			position:relative;

		}
		
			.list_customers .customer_row div.header a
			{
				color:#ddd;
				font-size:0.85em;
				margin-left:20px;
			}
		
			.customer_product_row
			{
				background:#e6edff;
				margin:5px;
				border:1px solid #777;
				position:relative;
				height:23px;

			}
			
			
			.customer_product_row_expand_contract
			{
				cursor:pointer;	
				position:absolute;
				right:-10px;
				top:3px;
				width:36px;
				height:36px;
				
				background-image:url(../images/buttons/expand_down.png);
			}
			.customer_product_detail
			{
				background:white;
				padding-left:10px;
				border:none;
/*				padding:10px;*/
/*				min-height:300px;*/
height:0px;
				margin-top:20px;
				display:block;	
				overflow:hidden;
			}		
			
			
			#frmTakePayment label, #frmRenew label, #frmAddProduct label, .customer_product_detail label
			{
				width:220px;
				color:#0080FF;
				font-weight:bold;
				overflow:hidden;
				display:block;
				float:left;
				clear:both;
				margin-top:6px;
				margin-bottom:6px;
			}
			#frmTakePayment input, #frmRenew input, #frmAddProduct input, #frmTakePayment select, #frmRenew select, #frmAddProduct select, #frmTakePayment span, #frmRenew span, #frmAddProduct span
			{
				float:left;
				margin-left:20px;
				width:150px;
				margin-top:6px;
				margin-bottom:6px;
			}
			#frmTakePayment span, #frmRenew span, #frmAddProduct select, #frmAddProduct input
			{
				width:250px;	
			}
			
			.customer_product_period_row
			{
				border-bottom:1px solid #999;
			}
			.customer_product_period_row .price
			{
				width:80px;
				text-align:right;
			}
			.customer_product_period_row .periodName
			{
				width:100px;
				text-align:center;
				border:1px solid #999;
			}
			.customer_product_period_row .activeText, .customer_product_period_row .invoicedText, .customer_product_period_row .paidText, .customer_product_period_row .graceText
			{
				width:150px;
				text-align:center;
			}
			
			.customer_product_period_row .invoicedText
			{
				text-align:right;
				width:200px;
			}
			.customer_product_period_row .invoicedText input
			{
				width:70px;
				text-align:center;
				margin:0px;
				
			}
			.grace
			{
				background:#C6FFC6 !important;	
			}
			.active
			{
				background:#35FF35;	
			}
				.grace .invoicedText, .grace .btnTakePayment, .paid .btnTakePayment
				{
					display:none;	
				}
			
			#frmTakePayment
			{
				display:none;	
			}
			
			
			.loading
			{
				margin-top:30px;
				margin-left:30px;
				font-size:3em;
				color:#A6D2FF;
				
			}
			
			
.customer_product_row_expiry 
{
	position:absolute;
	right:35px;
	top:14px;
	font-size:0.9em;
}
.customer_product_row_product_name
{
	padding-top:5px;
	width:200px;
	overflow:hidden;
	color:#495b6d;
	font-size:0.85em;
}
.customer_product_row_domain_name
{
	padding-top:5px;
	width:200px;
	overflow:hidden;
	color:black;
	font-size:0.9em;
}
.customer_product_row_domain_name
{
	padding-top:5px;
	min-width:200px;
	overflow:hidden;
	color:black;
	font-size:0.9em;
}
.customer_product_row_customer_name
{
	padding-top:5px;
	overflow:hidden;
	color:black;
	font-size:0.9em;
}

.btnAddProduct
{
	position:absolute;
	left:555px;
	top:5px;
}
.btnDeleteCustomer
{
	position:absolute;
	left:440px;
	top:5px;
}