@charset "utf-8";
/* CSS Document */
	html,
	body
		{
			margin-top:100px;
			font:11px/normal Tahoma, Verdana;
			text-align:center;
		}
		
	html>body{
		margin-top:10px;
		}
		
	img{
		border-size:0;
	}
	
	th{
		background-color:#0026FF;
		color:#fff;
		font-family:Verdana, Geneva, sans-serif;
		font-size:12px;
		height:30px;
	}

	td{
		font-size:12px;
		height:30px;
	}

	#wrap_general{
			border:solid 1px #f0f0f0;
			background-color: white;
			width:300px;
			margin:0 auto;	
	
			text-align:left;
			padding:25px;
		
		}

	#wrap_po{
			border:solid 1px #f0f0f0;
			background-color: white;
			width:1000px;
			margin:0 auto;	
	
			text-align:left;
			padding:25px;
		
		}

	#login
		{
			
			border:solid 1px #f0f0f0;
			background-color: white;
			width:300px;
			margin:0 auto;	
	
/*			background:white;
			border-style:outset;
			border:dotted 10px white;

			
*/
			text-align:left;
			padding:25px;
		}
		
	#wrapper2
		{
			background:#fff;
			border:solid 1px #f0f0f0;
			margin:0 auto;
			width:350px;
			text-align:left;
			padding:25px;
		}
	
	#newInvoiceTbl
		{
			background:#fff;
			border:solid 1px #f0f0f0;
			margin:0 auto;
			width:400px;
			text-align:left;
			padding:25px;
		}	
	
	#wrap_invoice
		{
			background:#fff;
			border:solid 1px #f0f0f0;
			margin:0 auto;
			width:900px;
			text-align:left;
			padding:25px;
		}
		
	#wrap_invoice td{
		font-size:12px;
		height:50px;
	}
	
	#usersTbl
		{
			background:#fff;
			border:solid 1px #f0f0f0;
			margin:0 auto;
			width:1000px;
			text-align:left;
			padding:25px;
		}

	#usersTbl td
		{
			text-align:center;
			height:50px;
		}	

	#invoiceTbl td
		{
			text-align:center;
		}
		
	#login a
		{
			text-decoration:none;
			color:#999;
			border-bottom:dotted 1px #999;
		}
	#login a:hover
		{
			color:#990000;
			border-bottom:solid 1px #990000;
		}
	form
		{
			padding:15px; margin:0;
		}
	#err
		{
		text-align:center;
		color:red;
		position:absolute;
		top:0; left:0;
		padding:10px 0px;
		border-top:solid 3px #FF6A6A;
		display:block;
		width:100%;
		background:#FFB7BC;
		}
		
		.left{
			text-align:left;
		}
		
	#header
		{
			color:#F00;
			position:absolute;
			top:0; left:0;
			padding:4px 0px;
			border-top:solid 2px #4956FF;
			display:block;
			width:100%;
/*			background:#eee; */
		}		

	#header a
		{
			text-decoration:none;
			color:#0026FF;
			font-size:14px;
			
			padding-left:3px;			
		}
	#header a:hover
		{
			color:#FF0000;
		}
		
	#header td{
			padding-left:10px;
			padding-top:3px;
		}

	label
		{
		font-weight:bold;
		display:block;
		}
	.textfield
		{
			background:#f0f0f0;
			border:solid 1px #ccc;
			padding:3px;
			margin:4px 0px 4px 0px;
			width:90%;
		}
	.textfield:hover,
	.textfield:focus
		{
		background:#fff;
		border:solid 1px #333;
		color:#000;
		}

	.textboxfield
		{
			background:#f0f0f0;
			border:solid 1px #ccc;
			height:80px;
			padding:3px;
			margin:4px 0px 4px 0px;
			width:90%;
		}
	.textboxfield:hover,
	.textboxfield:focus
		{
		background:#fff;
		border:solid 1px #333;
		color:#000;
		}



	.datefield
		{
			background:#f0f0f0;
			border:solid 1px #ccc;
			padding:3px;
			margin:4px 0px 4px 0px;
			width:80px;
			text-align:center;
		}
	.datefield:hover,
	.datefield:focus
		{
		background:#fff;
		border:solid 1px #333;
		color:#000;
		}

	.buttonfield
		{
			background:#fff;
			border:solid 1px #999;
			border-style:datted;
			color:#666;
			font:bold 11px/normal Tahoma, Verdana;
			margin-top:10px;
			padding:4px;
			padding-left:8px;
			padding-right:8px;
		}
	.buttonfield:hover,
	.buttonfield:focus
		{
			background:#666;
			color:#fff;
		}
		
	.highlight{
	}	
	
	.trfield:hover,
	.trfield:focus
		{
			background-color:#000;
		}
		
#footer
	{
		padding:10px;
		margin:10px auto;
	}

	.unpaid{
		color:blue;
		font-weight:bold;
	}
	
	.paid{
		color:black;
		
	}
	
	.overdue{
		color:red;
		text-decoration:bold;
		font-weight:bold;
	}
	
	.highlight_on{
    background-color:#FFE7AD;
	}

	.hightlight_off{
    	background-color:#FFFFFF;
	}
	
	.title{
		color:#333;
		text-align:center;
		font-size:18px;
	}
	
	.name{
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:14px;
	}
	.center{
		text-align:center;
	}
	
	.menuTitle{
		text-align:right;
		padding-right:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		}
	
	.warning{
		color:red;
		font-size:14px;
		
	}
	
.small{
   font-size:10pt;
}