html {
	background:#27a url(scuff.png);
	min-width: 960px;
	margin-top: -50px;
	margin-bottom: -500px;
	}
	
.tools {
	overflow: hidden;
	}	

body {
	background: none;
	font-family: "Helvetica Neue", Arial, sans-serif;
	transform: scale(0.855);
	-moz-transform: scale(0.855);
	-webkit-transform: scale(0.855);
	_zoom: 0.84;
	}
	
#invoice {
	position: relative;
	left: 80px;
	opacity: 0.99;
	width: 820px;
	height: 1250px;
	padding:45px 65px;	
	background: #fcffff url(paper.png);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid white;
	-webkit-box-shadow: -1px -1px 5px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.7);	
	overflow: hidden;
	}

input  {
	border:0;
	border: 1px;
	background: none;
	padding:0;
	font-size:15px;
	color: #222;
	font-family: "Helvetica Neue",arial,sans;
	line-height:23px;
}

input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: transparent;
    border: 1px;
}
	
#header input {
	width: 400px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	}
	
#header {
	margin-bottom: 200px;
	}
	
#company {
	font-size: 25px;
	font-weight: bold;
	padding-top:15px;
	line-height:56px;
	height:56px;
	width:420px !important;
	}

input#title {
	font-size: 35px;
	font-weight: bold;
	height:50px;
	margin-bottom:0;
	text-align: right;
	}

input.rr {
	text-align: right;
	}

#address, #meta {
	margin-top: 15px;
	}

.client {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	}
	
textarea.notes {
	padding: 20px 70px 0px 70px;
	font-family: "Helvetica Neue",arial,sans;
	font-size: 14px;
	background:none;
	line-height:21px;
	border:0;
	resize: none;
	font-size: 15px;
	margin: 10px auto 0px auto;
	width: 680px;
	height:10px;
	}

/*______________________________Table______________________________*/

thead th input, tfoot th input, tfoot th.noteditable {background:rgba(0,0,0,0.1);}
tbody tr:nth-child(even) input, tbody tr:nth-child(even) .noteditable {background:rgba(0,0,0,0.05);}

#total input, #total .noteditable {
	background: rgba(0,0,0,0.2);
	}

table input {
	margin:0 !important;
	}

table td, table th, table input {
	height: 25px !important;
	}

tfoot tr th {
	border-top: 1px solid #aaa;
	}

th input {
	font-weight: bold;
	}

table input {
	width:100% !important;
	margin-right: -10px;
	padding: 0!important;
	margin-top: -1px;
	line-height: 24px;
	text-indent: 10px;
	font-size: 14px;
	font-family: "Helvetica Neue",arial,sans;
	}

td, thead th {
	border-right: 1px solid #aaa;
	}

td:nth-child(4), td:nth-child(5), th:nth-child(4), th:nth-child(5) {
	border-right: 0;
	}

td:last-child, th:last-child {
	border-left: 1px solid #aaa;
	}

table {
	border: 1px solid #aaa;
	}	
	
table {
	font-size: 14px;
	}
	
tfoot {
	font-style:normal;
	}
	
tbody td:last-child {
	font-weight: bold;
	}

/*______________________________Chrome boxes______________________________*/

.tools {
	width:130px;
	padding:15px 60px 15px 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:14px;
	text-shadow: rgba(0,0,0,0.5) 1px 1px;
	background: #336;
	background:rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.8);
	text-align:left;
	color:white;	
	position:relative;
	margin: 0 auto;
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	height: 75px;
	left: -452px;			
	}
	
#one {
	margin-top: 50px;
	}

#two {
	margin-top:100px;
	}

#three {
	margin-top: 220px;
	margin-bottom: -710px;
	}

.tools h5 {
	margin-bottom:10px;
	color:white;
	}

.tools p {
	margin-bottom: 0;
	}
	
.tools a:link, .tools a:visited {
	color: #6ce;
	font-weight: bold;
	text-decoration:none;
	}	
	
.tools a:hover, .tools a:active {
	color: white;
	text-shadow: #000 1px 1px;	
	}	
	
.tools ul {
	margin:0;
	padding:0;
	list-style:none;	
	}		

/*______________________________Editing Styles______________________________*/

textarea:focus, input:focus {
	background: rgba(255,255,100,0.4)!important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,100,0.5)), to(rgba(255,255,100,0.1)))!important;
	color: #000;
	text-shadow: #fff 1px 1px;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
	}
.ll:focus {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,100,0.5)), to(rgba(255,255,100,0.2)))!important;
	}
.rr:focus {
	background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,100,0.5)), to(rgba(255,255,100,0.2)))!important;
	}

.noteditable {
	text-indent: 10px;
	}

.noteditable:hover {
	text-shadow: white 1px 1px;
	width:10px !important;
	cursor: not-allowed;
	}	

.noteditable:hover:first-line {
	line-height: 0;
	color: rgba(0,0,0,0);
	font-size:1px;
	text-shadow: none;
	}
	
#taxrate:hover:after, #taxrate:focus:after {
	content: "(Include the tax rate percentage here for calculation)";
	float:right;
	margin-top:-24px;
	margin-right:40px;
	font-weight: normal;
	color: #27a;
	font-family: monospace;	
	overflow: hidden;
	}


.noteditable:hover:after {
		clear: both;
		float: left;
		content: "Auto";
		font-weight: normal;
		color: #27a;
		font-family: monospace;
	}

	
input {
	overflow: hidden;
	}
	
	
#invoice {
	vertical-align: top;
	}
	
a.button:link, a.button:visited {
	display: inline-block;
	padding: 10px 20px 8px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3);
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-left:0;
	position: relative;
	font-size:17px;
	cursor: pointer;
	background:#27a ;
	background-image: linear-gradient(top, #0ac, #27a);	
	background-image: -moz-linear-gradient(top, #0ac, #27a);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0ac), to(#27a));
	margin-top:1px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);

	}
	
a.button:hover{	
	background-image: linear-gradient(top, #0ac, #169);	
	background-image: -moz-linear-gradient(top, #0ac, #169);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0ac), to(#169));

	}


a.button:active {
	margin-top:2px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);
	}
	
#ad {
	color: #fcffff;
	position:absolute;
	top:-180px;
	line-height:100px;
	left:-115px;
	display:block;
	width: 500px;
	text-align:center;
	margin-left:44%;
	text-indent:20px;
	font-size: 14px;
	font-weight:bold;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	height:55px;
}

#ad span {
	text-transform: uppercase;
	font-size: 11px;
	vertical-align: middle;
	margin-right:5px;
}

html {
	padding-top:20px;
}