/**
* Reset & Typography
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1;color:#333;background:white}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:""""} 
body{ font-family:"Lucida Grande",Verdana,Helvetica,Arial,Verdana,sans-serif; line-height:1.5} 
body {font-size:75%} 
html >body {font-size:12px} 
h1,h2,h3,h4,h5,h6{ font-family:"Lucida Grande",Verdana,Helvetica,Arial,sans-serif; color:black; clear:both}
h1{font-size:3em}
h2{font-size:2em}
h3{font-size:1.5em;line-height:2}
h4{font-size:1.2em;line-height:1.25;font-weight:bold}
h5{font-size:1em;font-weight:bold}
h6{font-size:1em}
p {margin:0 0 1.5em 0;text-align:justify}
p.last {margin-bottom:0}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.top {margin-top:0}
ul,ol {margin:0 0 1.5em 1.5em}
ol {list-style-type:decimal}
dl {margin:1.5em 0}
dl dt {font-weight:bold}
a {color:#125AA7;text-decoration:underline;outline:none;cursor:pointer;}
a:hover {color:#000}
blockquote {margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic}
strong {font-weight:bold}
em {font-style:italic}
pre {margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em}
code {font:0.9em Monaco,monospace}
hr{ background:#000; color:#000; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.4em 0; border:none}
* html hr{margin:0 0 1.2em 0}
table {margin-bottom:1.4em; border-collapse: collapse;}
th,td {height:1em;padding:0.2em 0.4em}
th {font-weight:bold}
label {font-weight:bold}
textarea {height:180px;width:300px}
p.small {font-size:0.8em;margin-bottom:1.875em;line-height:1.875em}
p.large {font-size:1.2em;line-height:2.5em}
p.quiet {color:#666}
.hide {display:none} 
.alt{ color:#666; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; font-size:1.2em; line-height:1%; font-style:italic}  
.dquo{margin-left:-.7em}
p.incr,.incr p{font-size:0.83333em;line-height:1.44em; margin-bottom:1.8em}

sup {
	font-size: 9px; 
	vertical-align: top;
}

.clear {
	clear: both;
}

.hidden-clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.hidden {
	display: none;
}

#header {
	height: 35px;
	background: url('../images/header_background.png') repeat-x;
	margin-bottom: 10px;
	min-width: 700px;
	padding: 0;
	width: 100%;
	}
	
	#header #menu {
		width: 700px;
		margin: 0 auto;
		}
	
		#header #menu div {
			padding: 6px 0 0 0;
			float: right;
			text-align: right;
			width: 400px;
			color: white;
			font-size: 10px;
			}

			#header #menu div a {
				color: white;
				text-decoration: underline;
			}

			#header #menu div a.active {
			  background-color: #3399CC;
			}

			#header #menu div span.employee_menu {
				color: #DCDCDC;
				margin: 0 0 0 20px;
			}
	
		#header #menu ul {
			font-family: Arial, Helvetica;
			margin: 0;
			padding: 0;
			list-style-type: none;
			}

			#header #menu ul li {
				float: left;
				padding: 3px 10px 0 10px;
				margin: 0 0 0px -1px;
				line-height: 27px;
				border-style: solid;
				border-color: white;
				border-width: 0 1px;
				}

				#header #menu ul li.active {
					background-color: #3399cc;
				}

				#header #menu ul li.personal {
					background-color: #0066a6;
				}

				#header #menu ul li a {
				  background-color: transparent;
					color: white;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
					display: block;
				}

				#header #menu ul li a:hover {
				  background-color: transparent;
					color: white;
					font-size: 14px;
					font-weight: bold;
					text-decoration: none;
				}

			#header #menu ul img {
				vertical-align: text-bottom;
			}


h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

body {
	background: #F3F3F3;
	color: black;
}

a {
	color: #0066cc;
}

a:hover, a:focus {
	background-color: #0066cc;
	color: white;
	text-decoration: underline;
}

.container {
	width: 700px;
	margin: 10px auto;
	position: relative;
	}

	.container .main {
	}

.content-header {
	background-color: #E2E1E1;
	margin: 0;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	}
	
	.content-header p {
		margin: 0;
		font-size: 1.1em;
	}
	
	.content-header p label {
		font-size: 1.2em;
	}
	
	.content-header .filter {
		margin: 1em 0 0 0;
		border-top: 1px dotted #999;
	}
	
	.content-header p img {
		float: none;
		margin: 0;
	}
	
.content-container {
	padding: 10px 30px;
	background: white;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

	.content-container .totals {
		color: #666;
		text-align: left;
		margin: 30px -30px -10px -30px;
		background: #F3F2F2;
		font-size: 0.9em;
		padding: 3px 30px;
	}
	
	.content-container .content-header {
		background: transparent;
		padding: 0;
		border: none;
	}
	
	.content-container .content-container {
		padding: 0;
		background: transparent;
		border: none;
	}

#footer {
	width: 988px;
	margin: 10px auto;
	clear: both;
	position: relative;
	}
	
	#footer p {
		color: #999;
		text-align: left;
		font-size: 0.8em;
		padding: 10px 30px;
	}

	#footer a {
		color: #999;
	}
	
	#footer a:hover {
		background: transparent;
	}
	
	#footer .feedback {
		position: absolute;
		top: 6px;
		right: 290px;
		font-size: 1.2em;
		color: #06C;
	}
	
	textarea.feedback {
		width: 100%;
	}
	

	
.flash {
	background-color: white;
	margin: 0;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	font-size: 1.2em;
	font-weight: bold;
	}
	
	.flash p {
		margin: 0;
	}

	.flash.notice {
		background-color: #FFFFCC;
	}
	
	.flash.error {
		background-color: #F33;
	}
	
	.flash.success {
		background-color: #CF9;
	}
	
body.blue {
	background: #0066CC;
	margin: 0pt auto;
	padding: 0pt;
	text-align: center;
	}

	body.blue div.logo_heading {
		margin: 30px 0 0 0;
	}

	body.blue div.login_container {
		background: #FFF;
		border: 10px solid #006699;
		margin: 0pt auto;
		text-align: left;
		width: 500px;
		padding: 20px 15px 15px 15px;
	}

	body.blue table p, body.blue span {
	  font-size: 0.9em;
	}
	
	body.blue table {
		width: 100%;
		margin-bottom: 15px;
	}
	
	body.blue tr.buttons td {
		padding-top: 15px;
	}
	
	body.blue .flash {
		margin: -20px -15px 15px -15px;
		border: none;
	}
	
	body.blue p.login_message {
		text-align: left;
		font-size: 0.9em;
	}
	
	
	.blue h1 {
		text-align: center;
		font-size: 1.8em;
	}

	.blue p {
		text-align: left;
		color: #333;
	}
	
	.blue p.welcome {
		text-align: left;
		font-size: 1.1em;
		}
		
		.blue p.welcome strong {
			font-size: 1.2em;
		}
	
.column {
	float: left;
	width: 299px;
}

.column.first {
	margin-right: 30px;
}

form {
	margin: 0;
	padding: 0;
	}
	
	form fieldset table {
		border-collapse: collapse;
		padding: 0;
		margin: 0;
		width: 100%;
		}
		
		form fieldset table label {
			font-weight: normal;
		}
	
		form fieldset table th, form fieldset table td {
			font-size: 11px;
			vertical-align: top;
			border: none;
		}
	
		form fieldset table th {
			color: #333;
			text-align: right;
			padding: 6px 10px 0 0;
			white-space: nowrap;
			font-weight: normal;
		}
		
		form fieldset table th.important {
			padding-top: 12px;
			font-weight: bold;
		}
		
		form fieldset table td.important {
			font-size: 1.6em;
		}
		
		form fieldset table td.text {
			padding-top: 5px;
			font-size: 12px;
		}
		
		form fieldset table thead th {
			text-align: left;
			padding: 0 6px;
			color: black;
		}
		
		form fieldset table td.heading {
			padding-top: 15px;
		}
		
		form fieldset table td.heading h3 {
			margin-bottom: -10px;
		}
		
		form fieldset table td p {
			font-size: 12px;
			margin-top: 1.5em;
		}
		
	form fieldset hr {
		margin: 5px 0;
		color: white;
		background: white;
		border-top: 1px dotted #999;
	}
	
	form fieldset hr.spacer {
		margin: 30px 0;
	}
	
	form input, form textarea {
		font-family: Verdana;
		font-size: 12px;
		padding: 2px;
		width: 200px;
	}
	
	form fieldset textarea {
		width: 100%;
		height: 6.3em;
	}
	
	form input.radio, form input.checkbox {
		width: auto;
	}
	
	form input.important {
		font-size: 1.8em;
	}
	
	form input.price {
		width: 60px;
		text-align: right;
	}
	
	form input.two-characters {
		width: 20px;
	}
	
	form input.four-characters {
		width: 40px;
	}
	
	form input.six-characters {
		width: 60px;
	}
	
	form input.eight-characters {
		width: 100px;
	}
	
	form input.ten-characters {
		width: 128px;
	}
	
	form input.large {
		width: 220px;
		margin-right: 15px;
	}
	
	form p {
		text-align: left;
		float: none;
		width: auto;
	}
	
	p.buttons {
		border-top: 1px dotted #999;
		text-align: center;
		margin: 0;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 0.9em;
	}
	
	form .buttons input, form input.button {
		width: auto;
	}
	
	input.button {
		width: auto;
	}
	
	label {
		text-align: left;
	}
	
	input.hint {
		color: #999;
		font-style: italic;
	}
	
div.editable {
		border: 2px solid white;
		position: relative;
		left: -7px;
		padding: 7px 7px 0px 7px;
	}

	div.editable a.edit {
		display: none;
		position: absolute;
		top: -14px;
		left: 40px;
		font-size: 8pt;
		padding: 2px 5px;
		text-align: center;
		width: 130px;
		background-color: white;
		color: #0066cc;
		text-decoration: none;
/*		font-style: italic;*/
	}

	div.editable:hover a.edit, div.editable.hovered a.edit {
		display: block;
	}
	
	div.editable.disabled:hover a.edit, div.editable.disabled.hovered a.edit {
		display: none;
	}

	div.editable:hover, div.editable.hovered {
		border: 2px solid #0066cc;
		cursor: pointer;
	}

	div.editable.active:hover, div.editable.disabled:hover {
		border: 2px solid white;
	}	
	
	div.editable .invoice-form {
		margin: 0;
		background-color: #E2E1E1;
		border: 2px solid #636466;
		padding: 10px;
		padding-right: 15px;
	}

	div.editable.active {
		left: -14px;
		width: 650px;
	}
	
	div.editable.active#invoice-edit-recipient {
		width: auto;
		margin-left: 0;
	}
	
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
	z-index: 5;
	}

	div.autocomplete ul {
	  list-style-type:none;
	  margin:0px;
	  padding:0px;
		}

		div.autocomplete ul li {
		  list-style-type:none;
		  display:block;
		  margin:0;
		  padding:2px;
		  height:32px;
		  cursor:pointer;
		}

		div.autocomplete ul li.selected { 
			background-color: #ffb;
		}
		
		div.autocomplete ul li div {
			display: none;
		}

div.top-form {
	background-color: #D6E7EF;
	border: 1px solid #006699;
	width: 660px;
	margin: 0 0 15px 0;
	padding: 10px 25px;
	}
	
	div.top-form h3 {
		font-size: 1.3em;
		font-weight: bold;
	}
	
div.formError, label.formError {
	color: red;
}

div.formError {
	font-size: 1.2em;
	text-align: center;
	margin: 1.5em 0;
}

table div.formError {
	font-size: 1em;
	text-align: left;
	margin: 0;
}

div.fieldWithErrors {
	display: inline;
}

div.fieldWithErrors input, div.fieldWithErrors textarea {
	border-color: red;
}

#invoice-edit-details div.formError {
	position: absolute;
	background-color: red;
	color: white;
	padding: 4px;
}

#company_sender_address, #company_invoice_email, #company_invoice_email_reminder {
	height: 12.6em;
}

.sidebar .box {
	margin: 0px 0 15px 0;
	background: white;
	padding: 5px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	
	.sidebar .box h4 {
		margin: -5px -5px 5px -5px;
		background-color: #E2E1E1;
		padding: 5px;
		color: black;
		font-size: 8pt;
		position: relative;
		}
		
		.sidebar .box h4 a {
			position: absolute;
			top: 4px;
			right: 5px;
			}
			
			.sidebar .box h4 a img {
				height: 16px;
				vertical-align: top;
			}
	
	.sidebar .box ul {
		list-style-type: none;
		margin: 7px 0 7px 0;
		padding: 0;
		}
	
		.sidebar .box ul li {
			clear: left;
			padding-left: 75px;
			position: relative;
			}
	
			.sidebar .box ul li em {
				display: block;
				position: absolute;
				left: 0px;
				font-style: normal;
				width: 70px;
				height: 1em;
				text-align: right;
				font-size: 0.8em;
				color: #666;
				padding: 1px 5px 0 0;
			}
			
	.sidebar form {
		background-color: #E2E1E1;
		margin: 0px -5px -5px -5px;
		padding: 5px;
	}
	
	.sidebar form.white {
		background-color: white;
	}
	
	.sidebar .add {
		background-color: #E2E1E1;
		text-align: center;
		font-size: 1.1em;
		font-weight: bold;
		cursor: pointer;
		margin: 0px -5px -5px -5px;
		}
		
		.sidebar .add a {
			display: block;
		}
	
	.sidebar hr {
		background-color: #CCC;
		margin: 5px 0;
	}
	
.sidebar .box.invoice-details form {
	margin: -5px;
}

.sidebar .box.invoice-details form th {
	width: 75px;
}
	
.sidebar .box.invoice-history h5 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 3px;
	font-size: 8pt;
}

.sidebar .box.invoice-history textarea {
	width: 240px;
	height: 5em;
}

.sidebar .box.invoice-history form p {
	margin: 0;
}

.sidebar .box ul.actions {
	margin: -5px;
	padding: 0;
	}

	.sidebar .box ul.actions li {
		padding: 0;
		margin: 0;
		font-weight: bold;
	}

	.sidebar .box ul.actions li.last {
		border: none;
	}

	.sidebar .box ul.actions a {
		text-decoration: none;
		display: block;
		padding: 3px 15px;
		font-weight: bold;
	}

	.sidebar .box ul.actions img {
		width: 20px;
		vertical-align: sub;
		margin: 0 3px;
	}

	.sidebar .box ul.actions li.disabled {
		opacity: 0.3;
		-moz-opacity: 0.3;
		filter:alpha(opacity=30);
		padding: 3px 15px;
		color: #666;
	}
	
	.sidebar .box ul.actions li.submenu {
		position: relative;
		}
	
		.sidebar .box ul.actions li.submenu ul {
				margin: 0;
			}
			
			.sidebar .box ul.actions li.submenu ul li {
				float: none;
				width: auto;
				text-align: left;
				border: none;
			}
			
			.sidebar .box ul.actions li.submenu ul li a {
				padding: 3px 0 3px 45px;
				font-size: 11px;
			}
			
			.sidebar .box ul.actions li.submenu ul li.disabled {
				padding: 3px 0 3px 45px;
				font-size: 11px;
			}

.sidebar .box.links ul {
	list-style-type: disc;
	padding-left: 25px;
	}
	
	.sidebar .box.links ul li {
		padding: 0;
	}
	
.sidebar .box.sales {
	background-color: #FFFFCC;
	}
	
	.sidebar .box.sales p {
		text-align: center;
		font-size: 1.15em;
	}
	
	.sidebar .box.sales p a {
		color: black;
		text-decoration: none;
	}
	
	.sidebar .box.sales p a:hover {
		background-color: transparent;
	}
	
.sidebar .box.help {
	font-size: 0.9em;
	background: #FFFFCC;
	}
	
	.sidebar .box.help h4 {
		text-align: center;
		background: #FFFFCC;
		font-size: 0.9em;
	}
	
	.sidebar .box.help p {
		text-align: left;
		margin: 5px;
	}
	
.action-description {
	font-size: 0.95em;
}

.popup {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	min-height: 200px;
	background-color: white;
	border: 5px solid #CCC;
	padding: 10px 30px;
	z-index: 100;
	}
	
	.popup h3 {
		background-color: #E2E1E1;
		margin: -10px -30px 15px -30px;
		padding: 10px 30px;
	}
	
	.popup .content-header {
		border: none;
		margin: -10px -30px 15px -30px;
	}
	
	.popup .content-container {
		border: none;
		padding: 0px;
	}

.invoice {
	padding: 30px;
	position: relative;
	height: 1%;
	}
	
	.invoice div {
		}

		.invoice .header.left {
			float: left;
			width: 424px;
		}
		
		.invoice .header.right {
			float: left;
			width: 200px;
		}

		.invoice div.invoice-sender {
			font-size: 8pt;
			text-align: left;
			padding: 7px 14px 7px 7px;
			width: 200px;
		}

		.invoice div.invoice-recipient {
			float: left;
			font-size: 9pt;
			margin-left: 20px;
		}
		
		.invoice .invoice-logo {
			height: 80px;
			text-align: right;
		}
		
		.invoice .invoice-header {
			margin: 3em 0;
		}
		
		.invoice .invoice-header h2 {
			float: left;
			width: 315px;
			padding-top: 5px;
			font-size: 18pt;
		}
		
		.invoice .invoice-header p.meta {
			float: left;
			width: 314px;
			text-align: right;
			font-size: 9pt;
		}

		.invoice table {
			width: 100%;
			clear: both;
			border-collapse: collapse;
			}

			.invoice table td.emphasize {
				font-weight: bold;
				border-top: 1px solid black;
			}
			
			.invoice table thead th {
				border-bottom: 1px solid black;
			}
			
			.invoice table tbody td {
				padding: 0.4em 0.4em;
				border-bottom: 1px solid #999;
			}
			
			.invoice table td.price, .invoice table th.price {
				text-align: right;
				padding-right: 20px;
			}
			
			.invoice table td.tax, .invoice table th.tax {
				text-align: right;
			}
			
			table td.total {
				text-align: right;
				font-weight: bold;
				padding-right: 20px;
			}
			
			.invoice table tr.last td {
				border: none;
			}
			
			table tfoot td.first {
				border-top: 1px solid black;
			}
			
		.invoice p.comments {
			border-top: 1px solid #666;
			padding-top: 10px;
			margin-top: 10px;
		}
		
		.invoice .invoice-form table th, .invoice .invoice-form table td, .invoice .invoice-form table td.emphasize {
			border: none;
		}
			
		.invoice .invoice-form #invoice_address {
			height: 3em;
		}
		
		.invoice .invoice-form #invoice_zipcode {
			width: 60px;
		}
		
		.invoice .invoice-form #invoice_city {
			width: 125px;
		}
		
		.invoice .invoice-form table th {
			font-size: 0.8em;
		}
		
		input.amount {
			width: 30px;
		}
		
		textarea.invoice-detail-description {
			width: 250px;
			height: 3em;
		}
		
		tr#concept-row {
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);
			z-index: 1;
		}
		
		.invoice .concept {
			opacity: 0.5;
			-moz-opacity: 0.5;
			filter:alpha(opacity=50);
			color: #666;
		}
		
		tr#concept-row input, tr#concept-row textarea {
			font-style: italic;
			color: #666;
		}
			
		.invoice-rows img {
			width: 17px;
		}
		
		.invoice #invoice_description {
			width: 100%;
			height: 5em;
		}
		
		.invoice #total_price {
			width: 90px;
		}
		
		.invoice form table tbody td {
			border: none;
		}
		
div.other-invoices {
	background: #F3F2F2;
	color: #666;
	margin: 3em -30px -10px -30px;
	padding: 10px 30px;
}

	.other-invoices p, .other-invoices li {
		font-size: 0.9em;
		margin: 0;
	}

.transaction_history {
	width: 100%;
	margin: 0 0 30px 0;
	}
	
	.transaction_history td, .transaction_history th {
		vertical-align: top;
		border: 1px solid #CCC;
		border-width: 1px 0;
		padding: 5px 0;
	}
	
	.transaction_history thead th {
		border: none;
	}
	
	.transaction_history td.noborder {
		border-bottom-color: white;
	}
	
	.transaction_history th {
		font-size: 15px;
		font-weight: bold;
	}
	
	.transaction_history td.total {
		font-size: 15px;
		font-weight: bold;
		text-align: right;
		vertical-align: bottom;
	}
	
h3 {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

table h3 {
	text-align: left;
}

p.remark {
	text-align: center;
	font-size: 10px;
	color: #999;
	margin-top: -25px;
}
	
#payout_list {
	border: 1px solid #666;
	background: #F8F8F8;
	margin-left: 200px;
	width: 200px;
	padding: 5px;
	}
	
	#payout_list ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
		#payout_list ul li {
		}

.google_chart {
	margin: 15px 0;
}

p.banner {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 15px;
	}

	p.banner img {
		float: none;
		margin: 0;
	}
	
	p.banner textarea {
		height: 60px;
		width: 400px;
	}
	
p.link {
	font-size: 15px;
	text-align: center;
	margin: 10px 0;
}

.promotional_tools h3 {
	border-bottom: 1px solid #999;
	margin: 30px 0 15px 0;
}

.blue table.commisions td, .blue table.commisions th {
	padding: 4px 0;
	border: 1px solid #999;
	border-width: 1px 0;
}

.blue p.example {
	text-align: justify;
	font-size: 11px;
	color: #666;
}

.contacts {
	background-color: white;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	
	.contacts ul {
		list-style-type: none;
		margin: 0 0 2em 0;
		padding: 0;
		}

		.contacts ul li {
			clear: both;
			border-bottom: 1px solid #ccc;
			padding: 5px;
			height: 1%;
			}
			
			.contacts ul li:hover {
				background: #FFFFCC;
			}

			.contacts ul li div {
				font-size: 1.2em;
				float: left;
				width: 210px;
				margin: 0 0 0.5em 0;
			}
			
			.contacts ul li div div {
				font-size: 0.8em;
				color: #636363;
			}

			.contacts ul li div div a {
				color: #636363;
			}

			.contacts ul li div div a:hover {
				color: #636363;
				background: transparent;
			}

			.contacts ul li address, .contacts ul li p {
				float: left;
				width: 200px;
				color: #636363;
			}
			
			.contacts ul li address {
				font-size: 0.95em;
				font-style: normal;
			}
			
			.contacts ul li p.buttons {
				float: none;
				width: auto;
			}
			
			.contacts .action-buttons {
				font-size: 0.75em;
			}
			
			.contacts form { 
				margin: -5px;
				padding: 10px;
			}
			
			.contacts form #contact_address {
				height: 3em;
			}

			.contacts form #contact_zipcode {
				width: 60px;
			}

			.contacts form #contact_city {
				width: 125px;
			}



td.price, th.price {
	text-align: right;
	padding-right: 20px;
}

.invoices {
	background-color: white;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}
	

	
table.invoices-table {
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	}
	
	table.invoices-table td, table.invoices-table th {
		padding: 5px 3px;
	}
	
	table.invoices-table td.price, table.invoices-table th.price {
		text-align: right;
		padding-right: 20px;
	}
	
	table.invoices-table th {
		border-bottom: 1px solid #999;
	}
	
	table.invoices-table td small {
		color: #666;
		font-size: 0.9em;
	}
	
	table.invoices-table label {
		font-weight: normal;
	}
	
table.templates {
	width: 100%;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	}
	
	table.templates td, table.templates th {
		padding: 5px 3px;
	}
	
	table.templates th {
		border-bottom: 1px solid #999;
	}
	
	table.templates tbody tr:hover {
		background-color: #FFFFCC;
	}
	
	table.templates tbody tr.active:hover, table.templates tbody tr.active tr:hover {
		background-color: white;
	}
	
	table.templates td {
		border-bottom: 1px solid #CCC;
	}
	
	table.templates td table td {
		border-bottom: none;
	}
	
	table.templates em {
		color: #666;
		font-size: 0.9em;
		font-style: normal;
		}
		
		table.templates em a {
			color: #666;
			text-decoration: none;
		}
		
		table.templates em a:hover {
			background: transparent;
			color: #666;
			text-decoration: underline;
		}
	
	table.templates tr.active {
/*		background-color: #ffffcc;*/
	}
	
	table.templates tr.template-details {
		font-size: 0.9em;
	}
	
	table.templates tr.template.active td {
		border-bottom: none;
	}
	
	table.templates table {
		color: #333;
	}
	
	table.templates table td, table.templates table th, table.templates table td.emphasize {
		border-color: #999;
	}
		
.invoices table.invoices-table tbody tr {
	cursor: pointer;
}

.invoices table.invoices-table tbody tr:hover, .invoices table.invoices-table tbody tr.selected {
	background-color: #FFFFCC;
}
	
	.invoices p.invoice-filter {
		font-size: 1.2em;
		color: #666;
	}
	
	.invoices p.invoice-filter strong {
		font-weight: normal;
		border-bottom: 1px dotted #666;
	}
	
	
	.invoices .action-buttons {
		background-color: #FFFFCC;
		text-align: left;
		padding: 5px 30px;
		font-size: 0.9em;
		margin: -10px -30px 30px -30px;
		position: relative;
		}
	
		.invoices .action-buttons em {
			font-style: normal;
		}
	
	.invoices .export {
		margin-top: 2em;
	}
	
#invoice-filter	select {
	margin: 0 5px;
}
	
.content-header.unsaved {
	background-color: #FFFFCC;
	margin: 0;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	font-size: 1.2em;
	font-weight: bold;
	}	
	
	.content-header.unsaved div {
		float: right;
		margin-top: -5px;
		}
	
		.content-header.unsaved div input, .content-header.confirmation input {
			font-size: 1.2em;
			width: auto;
		}
	
.content-header.confirmation {
	background-color: #FFFFCC;
	margin: 0;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	font-size: 1.2em;
	font-weight: bold;
	}
	
	.content-header.confirmation div {
		text-align: center;
	}

.get-started {
	background-color: #FFFFCC;
	border-bottom: 1px solid #DCDCDC;
	border-top: 1px solid #DCDCDC;
	padding: 10px;
	margin: 0 0 15px 0;
	width: 688px;
	}
	
	.get-started p {
		margin: 0;
	}
	
	.get-started p.hide-box {
		text-align: right;
		margin: 0;
		}
		
		.get-started p.hide-box a {
			color: #666;
			text-decoration: none;
		}
		


div.send-invoice, div.send-invoice-reminder {
	width: 660px;
	margin: 0 0 15px 0;
	padding: 10px 25px;
	}
	
	div.send-invoice textarea, div.send-invoice-reminder textarea {
		height: 7em;
		width: 100%;
	}
	
	div.send-invoice p.label input, div.send-invoice-reminder p.label input {
		position: absolute;
		top: -2px;
		left: 0;
	}
	
	div.send-invoice p, div.send-invoice-reminder p {
		margin-left: 25px;
	}
	
	div.send-invoice address, div.send-invoice-reminder address {
		margin-left: 50px;
	}
	
	div.send-invoice form p.buttons, div.send-invoice-reminder form p.buttons {
		margin-left: 0;
	}
	
	div.send-invoice p.label, div.send-invoice-reminder p.label {
		margin: 0px 0px 5px 0;
		padding-left: 25px;
		position: relative;
	}

p.error {
	color: red;
}


/*.column {
	float: left;
	width: 275px;
	padding: 0 0 0 20px;
}

.column.first {
	border: none;
	border-right: 1px solid #F2F2F2;
	padding: 0 20px 0 0;
}*/

div.add_new {
	background-color: #FFFFCC;
	border-top: 1px solid #DCDCDC;
	font-size: 10px;
	padding: 4px 5px;
	text-align: left;
	margin: 0 -5px 5px -5px;
	}

	div.add_new p {
		margin: 0pt;
		text-align: center;
	}
	
	
span.invoice-state {
	font-size: 0.9em;
	color: white;
	padding: 3px;
	}

	span.invoice-state.draft {
		background-color: #666;
	}

	span.invoice-state.open {
		background-color: #F60;
	}
	
	span.invoice-state.late {
		background-color: #C00;
	}
	
	span.invoice-state.paid {
		background-color: #693;
	}
	
	span.invoice-state.unsaved {
		background-color: #666;
	}

	h3.invoice-state.draft {
		color: #666;
	}

	h3.invoice-state.open {
		color: #F60;
	}

	h3.invoice-state.late {
		color: #C00;
	}

	h3.invoice-state.paid {
		color: #693;
	}
	
h2 a.small {
	font-size: 0.5em;
}

p.right {
	text-align: right;
	color: #666;
	margin: 2em 0 0 0;
}


.dashboard {
	background-color: white;
	padding: 10px 30px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.corner {
	display: block;
	width: 1px;
	height: 1px;
	position: absolute;
	background-color: white;
	}
	
	.corner.top.left {
		top: 0;
		left: 0;
	}
	
	.corner.top.right {
		top: 0;
		right: 0px;
	}
	
	.corner.bottom.left {
		bottom: 0;
		left: 0;
	}
	
	.corner.bottom.right {
		bottom: 0;
		right: 0px;
	}


/**
 * Colors
 */

body {
	background-color: #F3F3F3;
}

.content-header {
	background-color: #E2E1E1;
}


ol.footnote {
	color: #666;
	font-size: 0.8em;
	margin: 2em 0 0 0;
}

p.footnote {
	margin-top: 2em;
	font-size: 1em;
	color: #666;
}

span.super {
	
}

.box h3 {
	border-bottom: 1px solid #CCC;
	line-height: 1.3em;
}

p.empty {
	font-size: 1.3em;
	padding: 8px;
	text-align: center;
	margin: 15px 0;
}

div.pagination {
	text-align: center;
	margin: 20px 0 10px 0;
}


.pagination {
  padding: 3px;
  margin: 30px 3px 3px 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #bbb;
  text-decoration: none;
  color: #000;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #bbb;
  color: #000;
	background: transparent;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #666;
  font-weight: bold;
  background-color: #666;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

.dashboard table {
	width: 75%;
}

.invoice-payments {
	width: 100%;
}

.settings {
	
	}
	
	.settings-table {
		}
		
		.settings-table th {
			font-weight: normal;
			width: 150px;
		}
		
		.settings-table h3 {
			margin: 0;
		}
		

	
table.large {
	width: 100%;
	}

	table.large th {
		border-bottom: 1px solid #999;
	}

	table.large a {
		font-size: 1.5em;
	}

.progress-bar {
	height: 15px;
	width: 200px;
	border: 1px solid #CCC;
	margin: 10px auto 5px auto;
	}
	
	.progress-bar div {
		background: #0066cc;
		height: 100%;
	}
	
.box.account {
	background: #FFFFCC;
	}
	
	.box.account h3 {
		text-align: center;
		font-size: 0.8em;
		font-weight: bold;
		text-transform: capitalize;
		margin-bottom: 10px;
	}
	
	.box.account p {
		font-size: 1.2em;
		font-weight: bold;
		text-align: center;
	}
	
	.box.account p.small {
		font-size: 0.9em;
		font-weight: normal;
	}

	
.blue h1 {
	text-align: center;
	font-size: 1.8em;
}

.blue p {
	text-align: center;
	color: #333;
}

table.info-table {
	width: 100%;
	border-collapse: collapse;
	}
	
	table.info-table th, table.info-table td {
	}
	
	table.info-table th {
		text-align: right;
	}
	
span.translation_missing {
	color: red;
}

#contact {
	margin: 0.5em 10px;
}

.content-container div.sample {
	margin: -15px -30px -15px -31px;
	}
	
	.content-container div.sample img {
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter:alpha(opacity=50);
	}