/* @override 
	http://metalab.localhost:3000/stylesheets/master.css?1238223365
	http://metalab.localhost:3000/stylesheets/master.css?1238223395
	http://metalab.localhost:3000/stylesheets/master.css?1238223730
	http://metalab.localhost:3000/stylesheets/master.css?1238223786
	https://metalab.ballparkapp.com/stylesheets/master.css?1238232013
	http://metalab.localhost:3000/stylesheets/master.css?1238317348
	http://metalab.localhost:3000/stylesheets/master.css?1238574702
	https://demo.ballparkapp.com/stylesheets/master.css?1238387881
	https://corporation.ballparkapp.com/stylesheets/master.css?1238816726
	http://metalab.localhost:3000/stylesheets/master.css?1238837408
*/

@import url("reset.css"); 
@import url("ie.css");


/*------------------------------------
Ballpark
Master Stylesheet

Version /  1.0
Author / Andrew Wilkinson
email / andrew@metalabdesign.com
website / www.metalabdesign.com
-------------------------------------*/


/* Universal Styles
-------------------------------------*/

.line-details li.description {
	width: 210px;
	padding-right: 17px;
}

input[type=hidden] { display: none !important; }

.notbold {
	font-weight: normal;
}

.clear {
	clear: both;
}

a.handover, a.handover:active, a.handover:visited {
	cursor: pointer;
	text-decoration: underline;
}

button:focus, button:hover, button:active {
	-moz-outline: none; /* fx 1.07*/
 	outline:none /* fx 1.05,
Safari, Mac IE*/
}

html{
	height:100%;
	min-width:850px;
}

body {
	text-align: center; /* IE5.5 */
	background-color: #eee;
	font: 12px Helvetica, Arial, "Lucida Grande", Lucida Console, Verdana, sans-serif;
	background:#eee url(../images/background-dashboard-full-width.png) repeat-y center top;
	min-width:850px;
}

body.settings {
	background-image:none;
}
	
#topbar{
	background: #eeeeee url(../images/background-body-alt3.png) repeat-x;
	height:56px;
	left:0px;
	top:0px;
}

#wrap {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	padding-bottom: 25px;
}

strong {
	font-weight: bold;
}

/* Checkbox Style */

span.checkbox {
	width: 15px;
	height: 15px;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 1px;
}

/* Header + Navigation
-------------------------------------*/

#header {
	position: relative;
	display: block;
	height: 56px;
	width:850px;
	margin: 0 auto;

}

#header h1 a {
	display: none;
	text-indent: -9999px;
	width: 120px;
	height: 30px;
	position: absolute;
	top: 15px;
	background: url(../images/image-logo-sharp.png) no-repeat;

}

/* Navigation */

#navigation {
	position: absolute;
	width: 470px;
	top: 8px;
	left: -1px;
	/*left: 132px;*/
}

#navigation li {
	float: left;
	margin-right: 5px;
	position: relative;
}

#navigation li a {
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigation li#tab-estimates a {
	height: 39px;
	width: 105px;
	display: block;
	background-image: url(../images/button-nav-estimates-alt.png);
}

#navigation li#tab-cashflow a {
	height: 39px;
	width: 118px;
	display: block;
	background-image: url(../images/button-nav-cashflow.png);
}

#navigation li#tab-cashflow {
	display: none;
}

#navigation li#tab-clients a {
	height: 39px;
	width: 98px;
	display: block;
	background-image: url(../images/button-nav-clients-alt.png);
}

#navigation li#tab-dashboard a {
	height: 39px;
	width: 115px;
	display: block;
	background-image: url(../images/button-nav-dashboard-alt.png);
}

#navigation li#tab-invoices a {
	height: 39px;
	width: 99px;
	display: block;
	background-image: url(../images/button-nav-invoices-alt.png);
}

/* Navigation Automation */

.estimates #navigation li#tab-estimates a,
.cashflow #navigation li#tab-cashflow a ,
.clients #navigation li#tab-clients a,
.dashboard #navigation li#tab-dashboard a,
.invoices #navigation li#tab-invoices a {
	background-position: left top;
}

#navigation li a:active {
	background-position: left top;
}


/* User Info */

ul#userInfo {
	float: right;
	height: 53px;
	width: auto;
	/*border-right: 1px solid #003c67;
	border-left: 1px solid #003c67;
	background: url(../images/background-user-info.png) repeat-x;*/
	position: relative;
	top: 3px;
	padding-left: 15px;
	padding-right: 0px;
}

#userInfo li {
	float: left;
	position: relative;
}

#userInfo li#username {
	margin-top: 18px;
	font-family: Helvetica, Arial, Helvetica, Arial, sans-serif;
	color: #e1eaf3;
	text-shadow: #000 0 1px 0;
	margin-right: 10px;
	text-transform: capitalize;
	display: none;
}

#userInfo li#username a {
	font-size: 11px;
	
	color: #b7d4f4;
	font-weight: normal;
	font-style: normal;
}

#userInfo li#username a:hover {
	text-decoration: none;
}

#userInfo li#button-settings a {
	display: block;
	text-indent: 0;
	width: 87px;
	height: 26px;
	text-indent: -9999px;
	background-image: url(../images/button-nav-settings.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-right: 5px;
}

.settings #userInfo li#button-settings a {
	background-position: left top;
}

#userInfo li#button-logout a {
	display: block;
	width: 87px;
	height: 26px;
	text-indent: -9999px;
	background-image: url(../images/button-nav-logout.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-top: 12px;
	position: relative;
}

#userInfo li#button-logout a:active,
#userInfo li#button-settings a:active {
	background-position: left top;
}

/* Sub Navigation (Action Button Bar) */

#sub-navigation {
	display: block;
	width: 100%;
	height: 50px;
	background: url(../images/background-sub-nav.png) repeat-x left top;
	margin-bottom:-7px;
}

#sub-navigation ul {
	position: relative;
	top: 8px;
	width: 850px;
	margin: 0 auto;
}

#sub-navigation ul li {
	float: left;
	margin-right: 5px;
}

#sub-navigation ul li a#button-edit {
	width: 70px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-edit.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-edit {
	background: url(../images/button-subnav-edit.png) no-repeat left bottom;
}

#sub-navigation ul li a#button-send-estimate {
	width: 126px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-send-estimate.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-send-estimate {
	background: url(../images/button-subnav-send-estimate.png) no-repeat left bottom;
}

#sub-navigation ul li a#button-send-invoice {
	width: 120px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-send-invoice.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-send-invoice {
	background: url(../images/button-subnav-send-invoice.png) no-repeat left bottom;
}

#sub-navigation ul li a#button-client-view {
	width: 115px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-client-view.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-client-view {
	background: url(../images/button-subnav-client-view.png) no-repeat left bottom;
}

#sub-navigation ul li a#button-download-pdf {
	width: 127px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-download-pdf.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-download-pdf {
	background: url(../images/button-subnav-download-pdf.png) no-repeat left bottom;
}

#sub-navigation ul li a#button-delete {
	width: 76px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-subnav-delete.png) no-repeat left top;
}

#sub-navigation ul li a:active#button-delete {
	background: url(../images/button-subnav-delete.png) no-repeat left bottom;
}

/* Error and Flash Styles
-------------------------------------*/


.flash_notice {
	margin-bottom: 10px;
	border: 1px solid #73b490;
	padding: 2px;	
	background-color: #cffecb;
	}

.settings .flash_notice {
	margin-left: 31px;
}


/*
.flash_notice .polish {
	background:#C9F2C7 none repeat scroll 0 0;
	padding:10px;
	font-size:15px;
	font-weight:bold;
	padding:13px;
	padding-left:50px;
	display:block;
	//border-radius: 5px;
	//-moz-border-radius: 5px;
	//-webkit-border-radius: 5px;
	color:#0A5103;
	text-shadow:0 1px 0 #E2F8E1;
	background: #C9F2C7 url(../images/icon-general-success.png) no-repeat 10px center;
	//border:1px solid #0A5103;
	margin:0 auto;
	//margin-bottom:15px;
	// width:505px;
	//-moz-box-shadow:0 1px 4px #666666;
	//-webkit-box-shadow:0 1px 4px #666666;
	//box-shadow:0 1px 4px #666666;
}
*/

 .flash_notice .polish {
	padding: 13px;
	display: block;
	color: #0a5103;
	text-shadow: #a6fe9b 0px 1px 0px;
	font-size: 14px;
	padding-left: 47px;
	background: #a4e1a2 url(../images/icon-general-success.png) no-repeat 10px center;
	font-weight: bold;
}





/*
.error_message,
.form .error_message,
.errorExplanation {
	margin-bottom: 8px;
	border: 1px solid #7e342d;
	padding: 3px;	
	background-color: #e3a19c;
	position: relative;
	margin-bottom: 5px;
}

.public form #errorExplanation.errorExplanation {
	margin-right: 25px;
	margin-left: 20px;
}

#errorExplanation.errorExplanation {
	padding: 0;
}

.error_message .polish,
.form .error_message .polish,
.errorExplanation .polish {
	padding: 13px;
	display: block;
	color: #4e030f;
	text-shadow: #fa908e 0 1px 0;
	font-size: 14px;
	padding-left: 47px;
	background: #e37064 url(../images/icon-error.png) no-repeat 10px 15px;
	font-weight: bold;
}

.error_message h2,
.form .error_message h2,
form#new_expense.new_expense div#errorExplanation h2,
#errorExplanation h2 {
	text-indent: 0;
	padding-top: 2px;
	padding-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	color: #5f0406;
	display: block;
	margin-bottom: 3px;
	background: #e37064 url(../images/background-hr-error-message.png) repeat-x bottom;
	padding-bottom: 4px;
	text-shadow: #fb8d88 0 1px 0;
}

#errorExplanation h2 {
	border: none;
	font-size: 11px;
	height: auto;
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #e3a19c;
}

div#errorExplanation p {
	display: none;
}

.public #errorExplanation h2 {
	padding-left: 15px;
	font-size: 13px;
}

.public #errorExplanation {
	padding-bottom: 10px;
}

.public #errorExplanation li {
	margin-top: 5px;
}

div#errorExplanation li {
	margin-left: 30px;
	margin-right: 10px;
	font-size: 11px;
	list-style: disc;
	font-weight: bold;
	color: #4a0205;
}

.error_message p {
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
}

.error_message li {
	margin-top: 5px;
	list-style-position: inside;
	list-style-type: disc;
	font: bold 12px Georgia;
}
*/

.confirmation {
	background: #fff;
	padding: 15px;
	border: 5px solid #ccc;
}

.confirmation .polish{
	zoom:1;
}

.confirmation h2 {
	font-size: 15px !important;
	margin:0 !important;
	padding: 0 !important;
	margin-bottom: 8px;
	display: block;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	font-weight: bold;
}

.confirmation em {
	padding: 2px;
	padding-left: 0;
	padding-right: 2px;
	background-color: #fdfabb;
	font-size: 12px;
	border-bottom: 1px solid #dbd8a2;
}

.confirmation p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

.confirmation p.cancel, .confirmation li.cancel  {
	font-weight: normal;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 13px;
}

.confirmation p.cancel a ,.confirmation li.cancel a{
	font-weight: bold;
	color: #c71111;
}

.confirmation ul {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px dashed #ccc;
}

.confirmation li {
	float: left;
}

.confirmation li#button-understand-delete-client a {
	text-indent: -9999px;
	width: 238px;
	height: 36px;
	display: block;
	background: url(../images/button-understand-delete-client.png) no-repeat left bottom;
}

.confirmation li#button-understand-delete-client a:active {
	background: url(../images/button-understand-delete-client.png) no-repeat left top;
}

.confirmation li#button-understand-delete-user a {
	text-indent: -9999px;
	width: 238px;
	height: 36px;
	display: block;
	background: url(../images/button-understand-delete-user.png) no-repeat left bottom;
}

.confirmation li#button-understand-delete-user a:active {
	background: url(../images/button-understand-delete-user.png) no-repeat left top;
}


.confirmation.confirm-cancel-account li.confirm a{
	text-indent: -9999px;
	display: block;
	width: 246px;
	height: 36px;
	background: url(../images/button-understand-delete-account.png) no-repeat left bottom;
}

.confirmation.confirm-cancel-account li.confirm a:active {
	background: url(../images/button-understand-delete-account.png) no-repeat left top;
}

.confirmation.confirm-cancel-account li.cancel{
	margin-top: 10px;
}

.confirmation.confirm-cancel-account li.cancel a{
font-size:13px;
	font-weight:bold;
	color:#088a17;


}


.confirmation.confirm-cancel-account .polish{
	zoom:1;
}

.loginMessage {

}

#zero{
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	width:571px;
	background-color:#fafee1;
	border: 1px solid #dbdeca;
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
	border-radius:.4em;
	background: #fafee1 url(../images/background-zerostate-top.png) repeat-x top left;	
}

#zero h2{
	font-size:19px;
	font-weight:bold;
	text-shadow: #fff 0 1px 0;
	line-height:19px;
}
#zero .top{
	padding:10px 20px;
	position:relative;
	padding-top:17px;
}

#zero .bottom{
	padding:20px;
	padding-top: 10px;
	padding-bottom:15px;
}

#zero .caption{
	color: #1f1f1f;
	font-size:11px;
	line-height:16px;
	font-family: Verdana;
margin-bottom: 11px;
}

#zero .caption p{
	margin-bottom:5px;
}


#zero .bottom .caption h3{
	margin:0;
	padding:0;
	position:block;
	font-size:14px;
	float:none;
	margin-bottom:3px;
}

#zero .zero-screenshot {
	border: #c1c0c0  6px solid;
}


/* Zero State Styles
-------------------------------------*/
/*
#zero {
	background: #fafee1;
	border: 1px solid #bcc390;
	margin-bottom: 15px;
}

#zero-wrap {
	padding: 15px;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}

#zero-wrap p {
	line-height: 17px;
	margin-bottom: 10px;
}

#zero h2 {
	display: block;
	height: 47px;
	background: #f3fac7 url(../images/background-zero-h2.png) repeat-x left top;
	border-bottom: 1px solid #d0d3bb;
	position: relative;
}

#zero h2#text-welcome-to-ballpark span {
	display: block;
	text-indent: -9999px;
	width: 250px;
	height: 22px;
	background: url(../images/text-welcome-to-ballpark.png) no-repeat left top;
	position: absolute;
	top: 15px;
	left: 15px;
}

#zero h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	color: #2c2e20;

	margin-right: 2px;
}

#zero ul {
	display: block;
	padding: 10px;
	background: #fdf9ac;
	border: 1px solid #dbd090;
	margin-bottom: 15px;
	padding-left: 27px;
	padding-bottom: 15px;
}


#zero ul li {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

#zero ul li a {
	height: 44px;
	text-indent: -9999px;
	display: block;
}

#zero li a#button-zero-create-new-estimate {
	width: 238px;
	background: url(../images/button-zero-create-new-estimate.png) no-repeat left bottom;
}

#zero li a:active#button-zero-create-new-estimate  {
	background-position: left top;
}

#zero li a#button-zero-create-new-client {
	width: 238px;
	background: url(../images/button-zero-create-new-client.png) no-repeat left bottom;
}

#zero li a:active#button-zero-create-new-client  {
	background-position: left top;
}

#zero a#zero-watch-video {
	text-indent: -9999px;
	width: 528px;
	height: 257px;
	background: url(../images/background-watch-ballpark-overview.png) no-repeat;
	display: block;
	border: 4px solid #c6c9b3;
}
*/


/* Main Content
-------------------------------------*/

/* Create New Estimate Popup (Client info or existing) */

#newEstimatePopup {
	border: 1px solid #9abadc;
	background-color: #e8f2ff;
	padding: 2px;
	position: relative;
	margin-bottom: 15px;
}

/* Added to achieve double borders: */

#newEstimatePopup .polish {
	background: #bcdcff url(../images/background-form.png) repeat-x left top;
	padding: 10px;
}

#newEstimatePopup img.tail {
	position: absolute;
	right: -8px;
	top: 20px;
}

#newEstimatePopup h2 {
	text-indent: -9999px;
	width: 217px;
	height: 14px;
}

#newEstimatePopup h2#text-whos-estimate {
	background: url(../images/text-whos-estimate-for.png) no-repeat;
}

#newEstimatePopup h2#text-whos-invoice {
	background: url(../images/text-whos-invoice-for.png) no-repeat;
}

#newEstimatePopup hr {
	outline: none;
	border: none;
	height: 2px;
	display: block;
	background: url(../images/background-hr-blue-white.png) repeat-x left;
}

#newEstimatePopup li {
	float: left;
}

#newEstimatePopup li#existingClient {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
	padding: 1px;
	border: 1px solid #a2bddb;
}

#newEstimatePopup li#existingClient .double-border {
	padding: 8px;
	background-color: #e2effd;
}

li#existingClient select {
	width: 220px;
}

#newEstimatePopup li#newClient {
	margin-left: 10px;
	position: absolute;
	left: 250px;
}

li#newClient span {
	margin-top: 20px;
	position: relative;
	top: 15px;
	text-shadow: #fff 0 1px 0;
	color: #242424;
	font-weight: bold;
}

#newEstimatePopup li#newClient a {
	text-indent: -9999px;
	width: 149px;
	height: 39px;
	background: url(../images/button-popup-create-new-client.png) no-repeat left bottom;
	display: block;
	position: relative;
	top: -12px;
	margin-left: 18px;
	cursor: pointer;
}

#newEstimatePopup li#newClient a:active {
	background: url(../images/button-popup-create-new-client.png) no-repeat left top;
}

/* Estimates Tables */

#mainContent {
	width: 570px;
	/*padding-right: 35px;*/
	float: left;
	/*background: url(../images/background-main-content-shadow.png) right top no-repeat;*/
	padding-top: 20px;
	min-height: 275px;
	margin-bottom: 15px;
}

#mainContent h2.table-header {
	padding-top:4px;
	padding-left:12px;
	background: url(../images/background-listings-headings.png) repeat-x;
	border-bottom-style: none;
	position: relative;
	height: 29px;
}

.dashboard #mainContent h2.table-header {
	background: url(../images/background-dashboard-listing-heading.png) repeat-x;
	height: 43px;
}

h2#text-closed-estimates span, 
h2#text-open-estimates span {
	position: relative;
	top: -1px;
}

.table-header #closed-filter {
	position: absolute;
	right: 10px;
	top: 6px;
	font-weight: bold;
}

#mainContent h2#text-create-new-client span {
	position: relative;
	top: 0px;
	left: 1px;
	position: relative;
	top: 1px;
}

#mainContent h2#text-closed-estimates {
	margin-top: 15px;
}

#mainContent h2#text-open-estimates span {
	display: block;
	width: 122px;
	height: 17px;
	background: url(../images/text-open-estimates.png) left top no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 11px;
}

#mainContent h2#text-recent-activity span {
	display: block;
	width: 122px;
	height: 17px;
	background: url(../images/text-recent-activity.png) left top no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 19px;
}

#mainContent h2#text-closed-estimates span {
	text-indent: -9999px;
	display: block;
	width: 136px;
	height: 15px;
	background: url(../images/text-closed-estimates.png) left top no-repeat;
	position: absolute;
	top: 11px;
}

/* Tables */

table.listings {
	border-top: 1px solid #8c8c8c;
	border-left: 1px solid #8c8c8c;
	border-right:1px solid #8c8c8c;
	border-collapse:separate;
	border-spacing:0;
}

table.listings tr#tablehead {
	background: #fff url(../images/background-listings-labels.png) repeat-x 0 bottom;
	border-bottom: 1px solid #8c8c8c;
	color: #0d3a6c;
}

table.listings th {
	font-size: 12px;
	color: #373636;
	padding-left: 13px;
	text-shadow: #effbfe 0 1px 0;
	border-bottom: 1px solid #8c8c8c;
	border-collapse:collapse;
	padding-top: 3px;
	padding-bottom: 3px;
}

table.listings th.date {
	width: 110px;
}

table.listings th.client {
	width: 230px;
}

table.listings th.status {
	width: 120px;
}

table.listings th.amount {
	width: 75px;
}

table.listings td a {
	font-size: 12px;
	color: #2d2d2d;
	text-decoration: none;
	display: block;
	padding: 13px;
	padding-top: 6px;
	padding-bottom: 6px;
}

table.listings td.client a {
	font-weight: bold;
	text-transform: capitalize;
}

table.listings tr.won td.client a span {
	color: #2d2d2d;
	text-shadow: none;
}

table.listings tr:hover.won td.client a span {
	color: #2c2c2c;
}

table.listings tr:hover.won td.client a {
	color: #2c2c2c;
	text-shadow: #000000 0 0 0;
}

table.listings td.client a span {
	display: block;
	padding-top: 1px;
	text-transform: none;
	font-size: 11px;
}

table.listings td {
	height: 25px;
	border-bottom: 1px solid #dbe2ec;
	background-color: #fff;
	color: #2d2d2d;
}

table.listings td.status img {
	position: relative;
	top: 1px;
}

table.listings tr.alt td {
	background-color: #ecf5ff;
}

table.listings tr:hover td {
	background-color: #daebfd;
}

table.listings tr#last:hover td,
table.listings tr.won:hover td {
	background-color: #daebfd;
}

table.listings tr#last td {
	background-image: none;
	border-bottom-color: #8c8c8c;
}

table.listings tr.won td {
	background-color: #e9fdeb;
}

table.listings td.status a {
	font-size: 11px;
	color: #c00808;
	font-weight: bold;
}

table.listings tr:hover td.status a {
	background: url(../images/icon-go.png) no-repeat 100px center;
}

div.total {
	padding-left: 10px;
	text-align: right;
	display: block;
	height: 34px;
	background: url(../images/background-listings-bottom.png) no-repeat left top;
	position: relative;
}

div.total p {
	font-size: 13px;
	padding-right: 15px;
	position: absolute;
	right: 15px;
	top: 8px;
}

div.total span {
	font-weight: bold;
	font-size: 14px;
}

.listings span.sent {
	color: #0c4c94;
	font-weight: bold;
}

.listings span.draft {
	color: #ea3511;
	font-weight: bold;
}

.listings span.accepted {
	color: #369b18;
	font-weight: bold;
}

.listings span.rejected {
	color: #cd1c1f;
	font-weight: bold;
}

table.listings tr.total td.label {
	border-right: none;
	text-align: right;
	font-size: 12px;
	padding-top: 1px;
}

table.listings tr.total td {
	border-bottom: 1px solid #8c8c8c;
	/* border-right: 1px solid #8c8c8c; */
	background-image: none;
	border-top: 1px solid #8c8c8c;
	background: url(../images/background-table-header.png) repeat-x;
	text-shadow: #fff 0px 1px 0px;
	color: #000;
}

table.listings tr.total:hover td {
	background-color: #e1ecf8;
}

/* Create a New Client Form
-------------------------------------*/

.form {
	border: 1px solid #9abadc;
	background-color: #e8f2ff;
	padding: 1px;
	padding-top: 1px;
	position: relative;
	margin-bottom: 15px;
	position: relative;
}

.form .polish{
	background: #bcdcff url(../images/background-form.png) repeat-x left top;
	padding: 10px;
}

.form h2#text-create-new-client {
	display: block;
	padding: 10px;
	text-indent: -9999px;
	background: #b4d7fd url(../images/background-form-h2.png) repeat-x left bottom;
	border-bottom: 1px solid #6aa7d0;
}

.form h2#text-create-new-client span {
	display: block;
	width: 231px;
	height: 30px;
	background: url(../images/text-create-new-client.png) no-repeat;	
}

h3.left.pageTitle {
	display: none;
}

.form label {
	font: bold 12px Helvetica;
	color: #292929;
	display: block;
	margin-bottom: 5px;
}

.form input{
	display: block;
	width: 523px;
	padding: 5px 3px;
	margin-bottom: 10px;
	padding-left: 3px;
	font: 14px "Lucida Grande", "Lucida", sans-serif;
}

.action-bar {
	padding: 2px;
	border: 1px solid #9abadc;
	background: #fff;
	position: relative;
}

#undecided.action-bar {
	margin-top: 10px;
}

.action-bar .double-border,
.action-bar .polish {
	background: #eff7ff;
	padding: 7px;
}

.form a#button-create-client  {
	text-indent: -9999px;
	width: 139px;
	height: 32px;
	background: url(../images/button-create-client-alt.png) no-repeat left bottom;
	display: block;
	float: left;
}

.form a:active#button-create-client,
#newClientPopup a:active#button-create-client {
	background: url(../images/button-create-client-alt.png) no-repeat left top;
}

.form a#button-save-changes  {
	text-indent: -9999px;
	width: 141px;
	height: 32px;
	background: url(../images/button-save-changes.png) no-repeat left bottom;
	display: block;
	float: left;
}

.form a:active#button-save-changes{
	background: url(../images/button-save-changes.png) no-repeat left top;
}

.action-bar .cancel,
#send-message-popup .cancel {
	font-weight: bold;
	color: #c71111;
}

.form .action-bar {
	width: 527px;
}

.form .action-bar p {
	float: left;
	margin-left: 5px;
	margin-top: 9px;
}

/* Estimate Interface
-------------------------------------*/

/* Estimate Actions */

ul#shared-edit-actions {
	display: block;
	clear: both;
	position: relative;
	height: 29px;
	margin-bottom: 5px;
	display: none;
}

#shared-edit-actions li {
	float: left;
}

.action-bar a.button-accept {
	text-indent: -9999px;
	display: block;
	width: 104px;
	height: 29px;
	background: url(../images/button-status-accepted.png) no-repeat left bottom;
	position: absolute;
	right: 15px;
	top: 10px;
}

.action-bar a:active.button-accept {
	background: url(../images/button-status-accepted.png) no-repeat left top;
}

.action-bar a.button-reject {
	text-indent: -9999px;
	display: block;
	width: 102px;
	height: 29px;
	background: url(../images/button-status-rejected.png) no-repeat left bottom;
	position: absolute;
	right: 125px;
	top: 10px;
}

.action-bar li.label {
	margin-top: 7px;
	padding-right: 5px;
	color: #043365;
	font-size: 14px;
	text-shadow: #fff 0px 1px 0px;
	float: left;
	padding-bottom: 7px;
	padding-top: 0px;
	font-weight: bold;
}

.action-bar a:active.button-reject {
	background: url(../images/button-status-rejected.png) no-repeat left top;
}

#shared-edit-actions a.button-edit-shared {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 70px;
	height: 28px;
	background: url(../images/button-edit-estimate.png) no-repeat left top;
	margin-bottom: 5px;
	margin-right: 5px;
}

#shared-edit-actions a:active.button-edit-shared {
	background: url(../images/button-edit-estimate.png) no-repeat left bottom;
}

#shared-edit-actions a.button-delete-shared {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 76px;
	height: 28px;
	background: url(../images/button-delete-estimate.png) no-repeat left top;
}

#shared-edit-actions a:active.button-delete-shared {
	background: url(../images/button-delete-estimate.png) no-repeat left bottom;
}

#shared-edit-actions a.button-send-quote {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 125px;
	height: 28px;
	background: url(../images/button-send-estimate.png) no-repeat left top;
	margin-bottom: 5px;
	margin-right: 5px;
}

#shared-edit-actions a:active.button-send-quote {
	background: url(../images/button-send-estimate.png) no-repeat left bottom;
}

.invoices #shared-edit-actions a.button-send-quote {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 117px;
	height: 28px;
	background: url(../images/button-send-invoice.png) no-repeat left top;
	margin-bottom: 5px;
	margin-right: 5px;
}

.invoices #shared-edit-actions a:active.button-send-quote {
	background: url(../images/button-send-invoice.png) no-repeat left bottom;
}

#shared-edit-actions a.button-view-pdf {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 127px;
	height: 28px;
	background: url(../images/button-download-pdf.png) no-repeat left top;
	margin-bottom: 5px;
	margin-right: 5px;
}

#shared-edit-actions a:active.button-view-pdf {
	background: url(../images/button-download-pdf.png) no-repeat left bottom;
}

#shared-edit-actions a.button-client-view {
	display: block;
	text-indent: -9999px;
	top: 0;
	width: 105px;
	height: 28px;
	background: url(../images/button-client-view.png) no-repeat left top;
	margin-bottom: 5px;
	margin-right: 5px;
}

#shared-edit-actions a:active.button-client-view {
	background: url(../images/button-client-view.png) no-repeat left bottom;
}

/* Estimate */

#document-wrap {
	position: relative;
	clear: both;
	background: url(../images/background-new-estimate-wrap.png) no-repeat top left;
	width: 569px;
	margin-bottom: 20px;
}

#document-wrap #document-wrap-bottom {
	height: 7px;
	position: relative;
	top: 7px;
	width: 569px;
	background: url(../images/background-new-estimate-wrap-bottom.png) no-repeat left bottom;
}

#document-wrap h2#text-new-estimate {
	text-indent: -9999px;
	width: 191px;
	height: 33px;
	background: url(../images/text-new-estimate.png) no-repeat;
	margin-top: 5px;
}

#document-wrap h2#text-estimate {
	text-indent: -9999px;
	width: 101px;
	height: 20px;
	background: url(../images/text-estimate-new.png) no-repeat;
	float: left;
}

#client-view h2#text-estimate {
	margin-top: 1px;
}

#client-view #lines {
	/* margin-top: 15px; */
}

#document-wrap h2#text-invoice,
#document-wrap h2#text-recurring-invoice {
	text-indent: -9999px;
	float: left;
	margin-top:0px;
}

#document-wrap h2#text-invoice {
	width: 83px;
	height: 20px;
	background: url(../images/text-invoice.png) no-repeat;
}

#document-wrap h2#text-recurring-invoice {
	width: 206px;
	height: 25px;
	background: url(../images/text-recurring-invoice.png) no-repeat;
}

#document-wrap h2 {
	margin-left: 15px;
	position: relative;
	top: 23px;
	margin-bottom: 35px;
}

#document-wrap h2#text-estimate img {
	position: absolute;
	left: 106px;
	top: 3px;
}

#document-wrap h2#text-invoice img {
	position: absolute;
	left: 88px;
	top: 3px;
}

#document-wrap h2#text-edit-estimate {
	text-indent: -9999px;
	width: 154px;
	height: 20px;
	background: url(../images/text-edit-estimate.png) no-repeat;
	float: left;
}

#document-wrap h2#text-edit-invoice {
	text-indent: -9999px;
	width: 154px;
	height: 20px;
	background: url(../images/text-edit-invoice.png) no-repeat;
	float: left;
}

#client-name {
	float: right;
	position: relative;
	right: 17px;
	height: 32px;
	margin-right: 15px;
	margin-top: 15px;
	background: url(../images/background-client-container.png) no-repeat left top;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}

#client-name p {
	position: relative;
	top: 9px;
	margin-left: 16px;
	text-shadow: #fff 0 1px 0;
	z-index: 20;
}

#client-name p em {
	font-style: italic;
}

#client-name p a {
	color: #000000;
	text-decoration: none;
}

#client-name p a:hover {
	text-decoration: underline;
}

#client-name span {
	height: 32px;
	width: 17px;
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	right: -17px;
	background: url(../images/background-client-container-end.png) no-repeat left top;
}

/* View Lines */

#lines {
	margin-left: 15px;
	margin-right: 15px;
}

.heard-back {
	margin-left: 15px;
	margin-right: 15px;
}

#project-summary {
	margin-left: 15px;
	margin-right: 15px;
	background: url(../images/background-view-project-summary.png) no-repeat left top;
	color: #3c3c3c;
	font-weight: bold;
	font-size: 14px;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 10px;
	padding-bottom: 9px;
	text-shadow: #ffffff 0px 1px 0px;
}

ul#lines-header {
	display: block;
	background: #fff url(../images/background-listings-labels.png) repeat-x 0 bottom;
	border: 1px solid #8c8c8c;
	color: #585656;
	font-size: 12px;
}

#lines-header li {
	float: left;
	font-size: 12px;
	color: #373636;
	padding-left: 10px;
	text-shadow: #effbfe 0 1px 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

#lines-header li#header-quantity {
	margin-right: 13px;
} 

#lines-header li#header-kind {
	margin-right: 32px;
} 

#lines-header li#header-description {
	margin-right: 198px;
} 

#lines-header li#header-description {
	margin-right: 149px;
} 

#lines-header li#header-price {
	width:60px;
} 

#lines-header li#header-total {
	margin-right: 42px;
} 

#lines-header li#header-kind {
	margin-right: 48px;
}

ul#quote_lines {
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	border-bottom: 1px solid #8c8c8c;
}

ul.line-details {
	display: block;
	padding: 10px;
	background-color: #fff;
}

.alt ul.line-details {
	background-color: #ecf5ff;
}

ul.line-details li {
	float: left;
	color: #111111;
	font-size: 12px;
}

.line-details li.quantity {
	width: 30px;
	padding-right: 10px;
}

.line-details li.kind {
	width: 57px;
	padding-right: 10px;
}

.line-details li.kind {
	width: 71px;
	padding-right: 14px;
}

.line-details li.description textarea {
	width: 210px;
	height: 40px;
	border: 1px solid #d2d2d2;
	border-top-color: #a6a6a6;
}

.line-details li.description {
	width: 260px;
	padding-right: 10px;
}

.line-details li.description {
	width: 210px;
	padding-right: 10px;
}

.line-details li.price {
	width: 60px;
	padding-right: 10px;
}

#lines-total {
	width: 539px;
	background: url(../images/background-view-total.png) no-repeat left bottom;
	margin-bottom: 5px;
}

#lines-total hr {
	margin: 0;
	padding: 0;
	height: 1px;
	border: none;
	border-left: 1px solid #929292;
	border-right: 1px solid #929292;
	background-color: #fff;
}

#lines-total ul {
	padding: 10px;
	padding-right: 20px;
	padding-bottom: 13px;
	text-align: right;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#lines-total #subtotal {
	margin-bottom: 3px;
	text-shadow: #fff 0 1px 0;
}

#lines-total span {
	font-weight: bold;
}

#lines-total #tax {
	font-size: 12px;
	color: #000000;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-shadow: #fff 0 1px 0;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#lines-total #total {
	font-size: 14px;
	color: #000000;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	text-shadow: #fff 0 1px 0;
}

.accept-reject-status {
	border: 1px solid #c8c8c9;
	border-bottom-color: #a0a0a1;
	background-color: #f9fecd;
	padding: 10px;
	padding-left: 15px;
	margin-top: 10px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
}

.view .accept-reject-status p {
	float: left;
	font-weight: bold;
	color: #222222;
	text-shadow: #fff 0 1px 0;
	font-size: 12px;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	position: relative;
	top: 7px;
}

.view .accept-reject-status ul {
	position: relative;
	left: 8px;
}

.accept-reject-status li {
	float: left;
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.accept-reject-status a.button-estimate-rejected {
	width: 102px;
	height: 29px;
	background: url(../images/button-status-rejected.png) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
}

.accept-reject-status a:active.button-estimate-rejected {
	background: url(../images/button-status-rejected.png) no-repeat left top;
}

.accept-reject-status a.button-estimate-accepted {
	width: 104px;
	height: 29px;
	background: url(../images/button-status-accepted.png) no-repeat left bottom;
	text-indent: -9999px;
	display: block;
}

.accept-reject-status a:active.button-estimate-accepted {
	background: url(../images/button-status-accepted.png) no-repeat left top;
}

#notes {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	padding: 15px;
	border: 1px solid #c8c8c9;
	border-bottom-color: #a0a0a1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#notes h3,
#notes h3 strong,
#notes span
{
	color: #3c3c3c;
	font-size: 12px;
}

#notes span {
	font-size: 11px;
}

#notes p {
	font-size: 12px;
	margin-top: 8px;
	line-height: 18px;
	color: #000;
}

/* Added to achieve double borders: */

#estimate-settings {
	width: 238px;
	margin-bottom: 5px;
	position: absolute;
	top: 25px;
	right: 47px;
	clear: both;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: #fff 0 1px 0;
}


#estimate-settings li#tax {
	margin-top: 5px;
	margin-left: 5px;
	border: 1px solid #ccc;
	background: #fff;
	position: absolute;
	left: 180px;
	top: -8px;
	width: 75px;
	padding: 4px 5px 4px 6px;
}

#estimate-settings li#tax label {
	font-weight: bold;
}

#estimate-settings li#tax input#percent {
	width: 36px;
	text-align: center;
	height: 15px;
	border: 1px solid #9d9d9d;
	margin-right: 2px;
	margin-left: 3px;
}

table.estimate tr#tablehead {
		border: 1px solid #90b3d7;
		background: #a5bad0 url(../images/background-table-estimate-top-row.png) repeat-x left top;
}

table.estimate tr#tablehead th {
	font-weight: bold;
	color: #043365;
	font-size: 11px;
	text-shadow: #dbe9fb 0 1px 0;
	padding: 5px;
	padding-left: 7px;
	background: url(../images/background-estimate-th.png) repeat-x left bottom;
}

table.estimate th.kind {
	width: 90px;
}

table.estimate th.quantity {
	width: 29px;
	text-align: center;
}

table.estimate th.price {
	width: 100px;
}

table.estimate th.taxable {
	text-align: left;
}

.view table.estimate th.price {
	width: auto;
}

table.estimate th.description {
	width: 360px;
}

.view .estimate th.description {
	width: 6000px;
}

table.estimate th.total {
	width: 160px;
}

.view table.estimate th.total {
	width: auto;
}

table.estimate td.total {
	text-align: right;
	padding-right: 10px;
}

table.estimate td.kind {
	font-weight: bold;
}

table.estimate td.description {
	font-size: 11px;
}

table.estimate td {
	padding: 5px;
	padding-top: 13px;
	padding-bottom: 13px;
	/*background: #fff url(../images/background-table-estimate-td.png) repeat-x bottom;*/
	background: #fff;
	border-bottom: 1px solid #d7dbdd;
	vertical-align: top;
	font-family: "Lucida Grande", "Lucida Console", sans-serif;
}

table.estimate td.description textarea {
	display: block;
	width: 220px;
	height: 40px;
	border: 1px solid #9d9d9d;
}

table.estimate td input,
.estimate-items li input {
	border: 1px solid #9d9d9d;
	font-size: 12px;
	height: 18px;
	padding-left: 2px;
}

table.estimate td.quantity {
	padding-left: 10px;
}


table.estimate td.quantity input {
	width: 29px;
}

table.estimate td.price input {
	width: 55px;
}

table.estimate tr.last td {
	background: none;
	background-color: #fff;
}

table.estimate tr.last {
	border-bottom: 1px solid #a9bcd0;
}

/* New Style replacing the table */


li#header-bar ul li {
	float: left;
	font-weight: bold;
	color: #043365;
	font-size: 11px;
	text-shadow: #dbe9fb 0 1px 0;
	padding: 5px;
	padding-left: 7px;
	background: url(../images/background-estimate-th.png) repeat-x left bottom;
}

li#header-bar li.quantity {
	width: 30px;
}

li#header-bar li.kind {
	width: 65px;
}

li#header-bar li.description {
	width: 230px;
}

li#header-bar li.price {
	width: 60px;
}

li#header-bar li.total {
	width: 48px;
}

li#header-bar li.taxable {
	width: 27px;
}

/* ------------------------------*/

#document-wrap.total-bar {
	position: relative;
	margin-top: 5px;
	font-size: 14px;
	margin-bottom: 20px;
}

#estimate-wrap.view p {
	display: block;
	font-size: 13px;
	margin-right: 8px;
}

#estimate-wrap.view p.total {
	display: block;
	text-align: right;
	font-size: 14px;
	margin-right: 8px;
}

p.total {
	font-size: 18px;
}

#document-wrap.total-bar a#new-line {
	text-indent: -9999px;
	width: 90px;
	height: 24px;
	background: url(../images/button-small-new-line.png) no-repeat left top;
	display: block;
	position: relative;
	top: 1px;
}

#document-wrap.total-bar a:active#new-line {
	background: url(../images/button-small-new-line.png) no-repeat left bottom;
}

#document-wrap.estimate-total {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 150px;
	height: 30px;
	text-align: right;
	font-size: 12px;
}


#document-wrap.estimate-total strong {
	padding-right: 3px;
	font-weight: bold;
}

#estimate-notes p {
	padding: 10px;
	background: #fff;
	border: 1px solid #a9bcd0;
	text-align: left;
	margin-right: 0;
	font: 11px/17px "Lucida Grande";
}

/* Invoice/Estimate Activity Dashboard */

textarea#comment_body {
	width: 564px;
	height: 100px;
	font-size: 12px;
	padding: 3px;
}

p#formatting-legend {
	font-size: 9px;
	color: #131313;
	margin-top: 0px;
}

p#formatting-legend span {
	font-size: 10px;
}

#document-wrap textarea.notes {
	display: block;
	width: 493px;
	height: 65px;
	border: 1px solid #d2d2d2;
	border-top-color: #929292;
	padding: 4px;
	margin-top: 5px;
}

p#total {
	font-size: 14px;
	margin-top: 2px;
}

#document-wrap.action-bar {
	margin-top: 10px;
	margin-bottom: 0;
}

#document-wrap.action-bar .double-border {
	background-color: #e2effd;
}

#document-wrap.action-bar li {
	float: left;
	margin-right: 5px;
}

.action-bar li a#send-it-now {
	text-indent: -9999px;
	display: block;
	width: 152px;
	height: 38px;
	background: url(../images/button-send-it-now.png) no-repeat left bottom;
}

.action-bar li a:active#send-it-now {
	background: url(../images/button-send-it-now.png) no-repeat left top;
}

.action-bar li a#save-as-draft {
	text-indent: -9999px;
	display: block;
	width: 139px;
	height: 38px;
	background: url(../images/button-save-as-draft.png) no-repeat left bottom;
}

.action-bar li a:active#save-as-draft {
	background: url(../images/button-save-as-draft.png) no-repeat left top;
}

.action-bar li a#create-this-estimate {
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 32px;
	background: url(../images/button-create-estimate-alt.png) no-repeat left bottom;
}

.action-bar li a:active#create-this-estimate {
	background: url(../images/button-create-estimate-alt.png) no-repeat left top;
}

.invoices .action-bar li a#create-this-estimate {
	text-indent: -9999px;
	display: block;
	width: 140px;
	height: 32px;
	background: url(../images/button-create-invoice-alt.png) no-repeat left bottom;
}

.invoices .action-bar li a:active#create-this-estimate {
	background: url(../images/button-create-invoice-alt.png) no-repeat left top;
}

.action-bar li a:active#create-this-estimate {
	background: url(../images/button-create-estimate-alt.png) no-repeat left top;
}

.action-bar li a#download-pdf {
	text-indent: -9999px;
	display: block;
	width: 127px;
	height: 28px;
	background: url(../images/button-download-pdf.png) no-repeat left top;
}

.action-bar li a:active#download-pdf {
	background: url(../images/button-download-pdf.png) no-repeat left bottom;
}

.action-bar li a#save-changes {
	text-indent: -9999px;
	display: block;
	width: 141px;
	height: 32px;
	background: url(../images/button-save-changes-alt.png) no-repeat left bottom;
}

.action-bar li a:active#save-changes {
	background: url(../images/button-save-changes-alt.png) no-repeat left top;
}

.action-bar li p {
	margin-top: 9px;
	margin-bottom:9px;
}

#send-message-popup {
	border: 1px solid #b9b9b9;
	background-color: #fff;
	padding: 1px;
	margin-top: 6px;
	position: relative;
	margin-bottom: 10px;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	margin-top:-10px;
	zoom:1
}

/* Added to achieve double borders: */

#send-message-popup .polish-popup {
	/*background: #bcdcff url(../images/background-form.png) repeat-x left top;*/
	padding: 8px;
	background-color: #eeeeee;
	zoom:1;
}


#send-message-popup span.tail {
	position: absolute;
	width: 11px;
	height: 7px;
	background: url(../images/background-tail-send-estimate.png) no-repeat;
	top: -5px;
	left: 142px;
}

#send-message-popup h4 {
	margin-bottom: 5px;
	color: #2f2f2f;
}

#send-message-popup textarea {
	width: 540px;
	height: 90px;
	margin-bottom: 5px;
	padding: 3px;
}

#send-message-popup li {
	float: left;
	margin-right: 6px;
}

#send-message-popup ul.actions {
	margin-top: 10px;
}

#send-message-popup li a#button-small-send-it {
	text-indent: -9999px;
	display: block;
	width: 107px;
	height: 28px;
	background: url(../images/button-send-it-now.png) no-repeat left top;
}

#send-message-popup li a:active#button-small-send-it {
	background: url(../images/button-send-it-now.png) no-repeat left bottom;
}

#send-message-popup ul.notifications {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #b9b9b9;
	font-size: 12px;
	padding-bottom: 0;
	width: 335px;
	margin-bottom: 7px;
}

#notification_sub_form {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	padding: 15px;
	border: 1px solid #c8c8c9;
	border-bottom-color: #a0a0a1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


ul.notifications li {
	width: 160px;
	padding-bottom: 7px;
}


ul.notifications li.everyone {
	font-weight: bold;
	display: block;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 7px;
}

#send-message-popup li p {
	position: relative;
	margin-top: 6px;
}

/* Invoice/Estimate Activity Dashboard */

h3#text-estimate-history,
h3#text-leave-a-comment {
	font-weight: bold;
	color: #2f2f2f;
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 5px;
}

ul#activity-dashboard {
	background: #eeeeee url(../images/background-hr-grey-white.png) repeat-x top left;
	border: 1px solid #b6b5b5;
	/*-webkit-border-radius: .5em;
	-moz-webkit-border-radius: .5em;
	border-radius: .5em;*/
}

#activity-dashboard li {
	display: block;
	border-bottom: 1px solid #cacaca;
	position: relative;
	background: #e7e6e6 url(../images/background-dashboard-badge-squares.png) repeat-x left top;
	/*-webkit-border-top-right-radius: .5em;
	-moz-border-top-right-radius: .5em;
	border-top-right-radius: .5em;
	-webkit-border-top-left-radius: .5em;
	-moz-border-top-left-radius: .5em;
	border-top-left-radius: .5em;*/
}

#activity-dashboard a.button-view-comment {
	position: absolute;
	right: 20px;
	top: 13px;
}

#activity-dashboard li.last-activity-line  {
	border-bottom: none;
}

#activity-dashboard li span.badge {
	float: left;
		fwidth: 59px;
	padding-top: 15px;
		fpadding-right: 10px;
		fpadding-left: 10px;
	height: 100%;
	border-top: 1px solid #fff;
	width:79px;
	text-align:center;
}

#activity-dashboard li span.badge img {
		ffloat: right;
	position: relative;
		fleft: 2px;
	top: -3px;
	margin:0 auto;
}

#activity-dashboard li span.badge img.avatar {
	border: 3px solid #fff;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	box-shadow: 0px 1px 4px #000;
}

#activity-dashboard li div.activity-details {
	float: left;
	display: block;
	background: #fafafa;
	border-left: 1px solid #dcdcdc;
	padding: 15px;
	display: block;
	width: 458px;
	font-size: 11px;
	color: #2d2d2d;
	-webkit-border-top-right-radius: .4em;
	-moz-border-top-right-radius: .4em;
	border-top-right-radius: .4em;
}

#activity-dashboard li .activity-details img {
	float: left;
	border: 1px solid #9c9c9c;
	margin-right: 6px;
}

#activity-dashboard li div.activity-details span.date em {
	text-transform: capitalize;
	color: #000;
	padding: 2px;
	background-color: #feffac;
	font: 10px Verdana;
}

.sent-message {
	padding: 7px;
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	font-family: Courier;
	margin-top: 5px;
	clear: both;
}

.dashboard .sent-message {
	margin-right: 50px;
	padding-right: 0;
	margin-top: 5px;
	padding-bottom: 0;
}

.dashboard .sent-message p, .dashboard .comment-body p {
	padding-right: 10px;
	padding-bottom: 5px;
	line-height: 16px;
}

.activity-details .comment-details {
	font-size: 11px;
	font-family: Helvetica;
}

.activity-details span.comment-details strong {
	font-size: 11px;
}

.activity-details .comment-contents {
	float: left;
	padding-left: 3px;
}

body.invoices .activity-details .comment-body,
body.estimates .activity-details .comment-body {
	margin-top: 2px;
	font: 12px/18px "Lucida Grande";
	color: #333;
	width: 440px;
}

body.dashboard .activity-details .comment-body {
	width: 395px;
}

.activity-details .comment-body a{
	word-wrap: break-word
	
}

.dashboard .dashboard-bubble, .dashboard-bubble-message {
	background-color:#fff;
	border:1px solid #d9d6d6;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	width: 391px;
	padding: 10px;
	padding-top: 8px;
	padding-bottom:8px;
	margin-top: 8px;
	color: #2a2a2a;
	font: 11px/13px "Lucida Grande";
	position: relative;
}

.dashboard-bubble{
	padding-top:1px !important;
	padding-bottom:1px !important;
	
}

.dashboard .dashboard-bubble p {
	padding: 0;
	margin: 5px 0px 5px 0px;
	line-height: 15px;
}

.dashboard .dashboard-bubble-message p {
	padding-right: 0;
	line-height: 15px;
	font-family: Courier, serif;
}

.dashboard .dashboard-bubble span.tail {
	position: absolute;
	display: block;
	width: 8px;
	height: 15px;
	background: url(../images/background-dashboard-comment-tail.png) no-repeat;
	left: -8px;
	top: 8px;	
}

.activity-details p {
	padding-right: 105px;
}

.comment-bubble {
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	padding: 5px;
	position: relative;
}

.comment-bubble .comment-contents p {
	padding-right: 0;
}

.comment-bubble .tail {
	width: 7px;
	height: 16px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: -7px;
	top: 16px;
	background: url(../images/tail-estimate-messages.png) no-repeat left top;
}

/* Accepted Payments Lightbox Modal  */

#receive-a-payment.lightbox {
	width: 412px;
	margin-bottom: 15px;
	background: url(../images/background-invoice-receive-payment.png) left top ;
	position:relative;
}

#receive-a-payment span{
	width:412px;
	height:50px;
	display:block;
	background: url(../images/background-invoice-receive-payment-bottom.png) left top ;
	position:absolute;
	bottom:-13px;
	left:0px;
	z-index:-10;
}

#receive-a-payment h2{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 9px;
	color: #0f0f0f;
	text-shadow: #fff 0px 1px 0px;
}

#receive-a-payment .content{
	margin:0 20px;
}

#receive-a-payment li{
	margin-bottom:13px;
}
#receive-a-payment li label{
	display:block;
	float:left;
	font-size:13px;
	margin-right:15px;
	text-align:right;
	width:80px;
	color:#0f0f0f;
	padding-top:7px;
}


#receive-a-payment li input[type=text], #receive-a-payment li textarea{
	background-color:#EDEDED;
	border:1px solid #B7B7B7;
	color:#292929;
	padding:5px;
	font-size:14px;
}

#receive-a-payment li textarea{
	width:260px;
	font-family:inherit;
}

#receive-a-payment li input[type=checkbox]{
	margin-top:8px;
}

#receive-a-payment #payment_amount_wrapper{
	border:1px solid #B7B7B7;
	color:#292929;
	font-size:14px;
	display:inline-block;
	background-color:#EDEDED;	
	position:relative;
	
}

#receive-a-payment #payment_amount_wrapper input#currency_symbol{
	border:0;
	padding:0;
	padding:5px;
	padding-right:0px;
	background-color:transparent;
	font-size:14px;
	left:0px;
	top:0px;
	position:absolute;
	width:11px;

 }
#receive-a-payment #payment_amount_wrapper.MYR input#currency_symbol,
#receive-a-payment #payment_amount_wrapper.SEK input#currency_symbol{
	width:23px;	
	
}
#receive-a-payment #payment_amount_wrapper input#payment_amount{
	border:0;
	padding:0;
	width:100px;
	padding:5px;
	padding-left:15px;
	background-color:transparent;
	font-size:14px;
	float:left;

 }


#receive-a-payment #payment_amount_wrapper.MYR input#payment_amount{
	width:85px;	
	padding-left:30px;
}
#receive-a-payment #payment_amount_wrapper.SEK input#payment_amount{
	width:90px;
	padding-left:25px;
}

#receive-a-payment input.USD{
	background-position: 5px 8px;
}
#receive-a-payment input.CAD{
	background-position: 5px 8px;
}

#receive-a-payment input.JPY {
	background-position:5px -18px;
}

#receive-a-payment input.GBP {
	background-position:5px -44px;
}

#receive-a-payment input.EUR{
	background-position:5px -70px;
}


#receive-a-payment li input#payment_note{
	width:260px;
}	

#receive-a-payment .action{
	margin-bottom:4px;
	margin-top:20px;
}

#receive-a-payment a#button-cancel-payment{
	width: 96px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-invoice-receive-payment-cancel.png) no-repeat left top;	
	margin-top: 1px;
	float: right;
}

#receive-a-payment a:active#button-cancel-payment {
	background: url(../images/button-invoice-receive-payment-cancel.png) no-repeat left bottom;	
}

#receive-a-payment a#button-save-details {
	width: 96px;
	height: 26px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-invoice-receive-payment-save.png) no-repeat left top;	
	margin-top: 1px;
	float: right;
	margin-left:8px;
}

#receive-a-payment a:active#button-save-details {
	background: url(../images/button-invoice-receive-payment-save.png) no-repeat left bottom;	
}

#receive-a-payment-overlay.lightbox-overlay {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
    -moz-opacity: 0.65;
    opacity:.65;
    filter: alpha(opacity=65);
}

/* CASHFLOW Accepted Details Lightbox Modal  */


#cashflow-details.lightbox {
	width: 379px;
	border: 1px solid #498664;
	padding: 4px;
	background: #e6fbe5;
	margin-bottom: 15px;
}

#cashflow-details .double-border {
	background: #9fe19d url(../images/background-gradient-modal.png) left top repeat-x;
	border: 1px solid #96dca1;
	padding: 10px;
	font-family: Verdana, sans-serif;
}

#cashflow-details h2#text-congratulations {
	display: block;
	width: 175px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/text-congratulations.png) no-repeat;
	margin-bottom: 5px;
	position: relative;
	top: 2px;
}

#cashflow-details h2#text-edit {
	display: block;
	width: 219px;
	height: 19px;
	text-indent: -9999px;
	background: url(../images/text-edit-payment-details.png) no-repeat;
	margin-bottom: 5px;
	border: none;
	position: relative;
	top: 4px;
}

#cashflow-details label#final-payment {
	font-weight: bold;
	color: #2e2e2e;
	font-size: 11px;
	margin-left: 2px;
	position: relative;
	top: 3px;
}

#cashflow-details select {
	margin-top: 8px;
}

#cashflow-details ul li#estimated-payment {
	margin-bottom: 10px;
}

#cashflow-details ul li#deposit-amount {
	border: 1px solid #9ca162;
	background: #fff;
	padding: 1px;
	width: 262px;
}

#estimated-payment select#expected_date {
	width: 222px;
}

#cashflow-details li#deposit-amount .polish {
	background: #f2f5cd;
	padding: 5px;
}

#cashflow-details li#deposit-amount label {
	font-size: 12px;
	margin-left: 3px;
}

#cashflow-details li#deposit-amount input#text-deposit-amount {
	height: 20px;
	width: 100px;
	margin-left: 5px;
	background: #fff url(../images/icon-small-dollar-sign.png) no-repeat 2px;
	padding-left: 11px;
	font-size: 13px;
}

#cashflow-details.lightbox .action-wrap {
	display: block;
	border: 1px solid #7ea37d;
	background: #dff3dd;
	padding: 1px;
	margin-top: 10px;
}

#cashflow-details.lightbox .action-wrap .action {
	background: #cdf0cc;
	padding: 5px;
}

#cashflow-details.lightbox-overlay {
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

#cashflow-details a#button-save-details {
	width: 194px;
	height: 31px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-save-payment-details.png) no-repeat left bottom;	
	margin-top: 1px;
	float: left;
}

#cashflow-details a:active#button-save-details  {
	background-position: left top;
}

#cashflow-details p {
	float: left;
	margin-left: 5px;
	margin-top: 8px;
}

#cashflow-details p a {
	font-weight: bold;
	color: #c71111;
	font-size: 12px;
	text-decoration: underline;
}


/* Client Management
-------------------------------------*/

/*#client-header {
	border: 1px solid #b6b6b6;
	background-color: #fff;
	padding: 1px;
}

h2#text-your-clients {
	display: block;
	background: url(../images/background-h2-your-clients.png) repeat-x left bottom;
	padding: 6px;
}*/

h2#text-your-clients span {
	display: block;
	text-indent: -9999px;
	width: 149px;
	height: 29px;
	background: url(../images/text-your-clients-alt.png) no-repeat;
	text-indent: -9999px;
	margin-left: 3px;
}

ul.clients {
	display: block;
	clear: both;
}

ul.clients li.client {
	border: 1px solid #b6b6b6;
	background-color: #f9f9f9;
	margin-top: 5px;
	position: relative;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
}

ul.clients li .polish {
	background: #f6f6f6;
}

.clients li.client h3 {
	display: inline;
	float: left;
	width: 155px;
	
	-moz-border-radius-topleft: .4em;
	-moz-border-radius-bottomleft: .4em;	
	-webkit-border-top-left-radius: .4em;
	-webkit-border-bottom-left-radius: .4em;	
	border-radius-topleft: .4em;
	border-radius-bottomleft: .4em;	
	
}

.clients li.client img {
	float: left;
	display: none;
	margin-top: 6px;
	margin-left: 10px;
	border: 1px solid #9c9c9c;
}

.clients li .contactInfo {
	float: left;
	margin-top: 9px;
	margin-left: 10px;
}

.clients li .contactInfo strong {
	font-size: 13px;
	color: #1d1d1d;
}

.clients li .contactInfo a {
	font-size: 11px;
	font-family: Verdana;
	color: #002fbc;
}


.clients li.client h3.company {
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	color: #252525;
	text-align: left;
	background: #fdfdfd url(../images/background-company-name.png) repeat-x right -20px;
	width: 140px;
	font: bold 13px "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.client ul.actions {
	position: absolute;
	top: 10px;
	right: -10px;
	display: none;
	width: 175px;
	clear: none;
}

.client:hover ul.actions {
	display: inline;
}

.clients .actions li {
	float: left;
}



.clients .actions li a.button-edit {
	text-indent: -9999px;
	width: 70px;
	height: 28px;
	display: block;
	background: url(../images/button-edit-estimate.png) no-repeat left top;
}

.clients .actions li a:active.button-edit {
	background: url(../images/button-edit-estimate.png) no-repeat left bottom;
}

.clients .actions li a.button-delete {
	text-indent: -9999px;
	width: 76px;
	height: 28px;
	display: block;
	background: url(../images/button-delete-estimate.png) no-repeat left top;
	margin-left: 5px;
}

.clients .actions li a:active.button-delete {
	background: url(../images/button-delete-estimate.png) no-repeat left bottom;
}

#newClientPopup span.tail {
	width: 9px;
	height: 14px;
	background: url(../images/background-tail-new-client-popup.png) no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: -8px;
	top: 15px;
}

#editClient.form h2#text-create-new-client span {
	display: block;
	width: 231px;
	height: 30px;
	background: url(../images/text-edit-client.png) no-repeat;	
	position: relative;
	top: 1px;
}

/* Cash Flow Interface
-------------------------------------*/

.cashflow h2 {
	display: block;
	height: 30px;
	background: url(../images/background-cashflow-h2-alt.png) repeat-x left top;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	padding-top: 5px;
	padding-bottom: 0;
	color: #252525;
	font-weight: bold;
	font-size: 15px;
	line-height: 27px;
	text-shadow: #fff 0 1px 1px;
	padding-left: 10px;
	margin-bottom: 10px;
	position: relative;
}

.cashflow h2 span {
	font-weight: normal;
}

.cashflow h2 a#hide-goal {
	position: absolute;
	right: 15px;
	top: 12px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-hide.png) no-repeat left top;
	width: 41px;
	height: 13px;
}

.cashflow h2 a:hover#hide-goal {
	background-position: left bottom;
}

/* 1-month Overview */

.cashflow ul#overview {
	display: block;
	background: url(../images/background-this-month-overview.png) no-repeat left top;
	width: 570px;
	height: 69px;
	position: relative;
	margin-bottom: 10px;
}

.cashflow ul#overview li {
	padding-top: 9px;
	padding-left: 12px;
	float: left;
}

ul#overview li#income {
	min-width: 148px;
}

ul#overview li#income p {
	color: #0d3e01;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #73d259 0 1px 0;
}

ul#overview li#income strong {
	color: #d5ffc9;
	font-size: 30px;
	text-shadow: #102d07 0 1px 0;
	position: relative;
	top: -2px;
}

ul#overview li#expenses {
	min-width: 175px;
	border: 1px solid #8d0b06;
	margin-left: 15px;
	background-color: #cc373a;
	padding: 1px;
	position: relative;
}

ul#overview li#expenses .polish {
	background: url(../images/background-overview-expenses.png) left bottom;
	padding-left: 22px;
	padding-top: 6px;
	height: 58px;
	padding-right: 20px;
}

ul#overview li#expenses p {
	color: #5b0d0e;
	font-size: 14px;
	font-weight: bold;
	text-shadow: #e03e3f 0 1px 0;
}

ul#overview li#expenses strong {
	color: #fecaca;
	font-size: 30px;
	text-shadow: #102d07 0 1px 0;
	position: relative;
	top: -2px;
	left: -10px;
}

ul#overview li#expenses span.tail {
	width: 9px;
	height: 15px;
	position: absolute;
	right: -1px;
	top: 25px;
	background: url(../images/background-cashflow-overview-tail.png) no-repeat;
	display: block;
}

ul#overview li#profit {
	min-width: 175px;
}

ul#overview li#profit p {
	color: #484848;
	font-size: 14px;
	font-weight: bold;
}

ul#overview li#profit strong {
	color: #2d2d2d;
	font-size: 30px;
	text-shadow: #fff 0 1px 0;
	position: relative;
	top: -2px;
}

.cashflow h2#text-long-term-projection {
	margin-top: 10px;
}

/* Goal View */

.cashflow .goal {
	background-color: #fff;
	padding: 1px;
	border: 1px solid #c3c252;
	margin-bottom: 10px;
}

.cashflow .goal .polish {
	padding: 10px;
	background-color: #f8ffcb;
	position: relative;
}

.cashflow #goal-saved.polish {
	padding: 0;
}

.cashflow .goal img {
	float: left;
	position: relative;
	left: -3px;
}

.cashflow #goal-set.goal img {
	margin-top: 5px;
}

.cashflow .goal p.blurb {
	color: #2b2b2b;
	width: 358px;
	font: 10px/16px Verdana, sans-serif;
	float: left;
}

.cashflow .goal a#button-set-a-goal {
	width: 119px;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/button-set-goal.png) no-repeat left bottom;
	display: block;
	float: right;
	margin-top: 9px;
	margin-right: 8px;
}

.cashflow .goal a:active#button-set-a-goal {
	background-position: left top;
}

.cashflow .goal a#button-save-goal {
	width: 80px;
	height: 31px;
	text-indent: -9999px;
	background: url(../images/button-save-goal.png) no-repeat left bottom;
	display: block;
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}

.cashflow .goal a:active#button-save-goal {
	background-position: left top;
}

.cashflow .goal input {
	height: 28px;
	width: 200px;
	float: left;
	font: 22px Helvetica, Arial, Helvetica, Arial, sans-serif;
	background: #fff url(../images/background-goal-dollar-sign.png) no-repeat 4px 7px;
	height:auto;
	padding: 3px 16px;
	
}

.cashflow .goal-wrap {
	background: #eaffbf url(../images/background-cashflow-overview-gradient.png) repeat-x left 20px;
	padding: 10px;
	width: 240px;
	border-right: 1px solid #b6c071;
}

.cashflow .goal-wrap p {
	float: left;
	color: #2d4322;
	font: bold 50px/48px Helvetica, Arial;
	margin-left: -10px;
	margin-top: 1px;
	text-shadow: #eaffbf 0 1px 0;
}

.cashflow .goal-wrap a {
	float: left;
	margin-top: 17px;
	margin-left: 10px;
	color: #c71111;
	font-family: verdana;
}

.cashflow .goal p#countdown {
	position: absolute;
	left: 275px;
	top: 25px;
	color: #404717;
	font-size: 17px;
}

p#countdown em {
	padding: 8px;
	background: #e8f1ad url(../images/background-white.png) repeat-x left top;
	border: 1px solid #c9cf98;
	font-weight: bold;
	font-family: Helvetica, Arial, Helvetica, Arial, sans-serif;
	color: #252525;
}

/* Set Goal View */

ul.goal-set {
	display: block;
	background: url(../images/background-goal-set.png) no-repeat left top;
	width: 570px;
	height: 69px;
	position: relative;
	margin-bottom: 10px;
	padding-left: 10px;
}

ul.goal-set li#goal-amount {
	height: 60px;
	min-width: 145px;
	background: url(../images/background-goal-area.png) no-repeat right top;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 13px;
}

ul.goal-set li#goal-amount p {
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #173477;
	text-shadow: #457bb6 0 1px 0;
}

ul.goal-set li#goal-amount p strong {
	color: #f5fffb;
	font-size: 30px;
	position: relative;
	top: 4px;
	text-shadow: #071b2f 0 1px 0;
	margin-left: 4px;
}

ul.goal-set li#goal-amount a {
	float: left;
	margin-left: 10px;
	color: #a1cbf5;
	text-shadow: #022d56 0 1px 0;
	position: relative;
	top: 14px;
}

ul.goal-set li {
	padding-top: 9px;
	float: left;
}

ul.goal-set li#goal-details {
	padding-left: 15px;
	padding-top: 16px;
} 

ul.goal-set li#goal-details p {
	color: #2c2b2b;
	font-size: 14px;
}

li#goal-details #days {
	height: 37px;
	width: 57px;
	background: url(../images/background-goal-countdown.png) no-repeat left top;
	position: relative;
	float: left;
	margin-right: 5px;
	text-align: right;
}

li#goal-details #days span#number {
	color: #f3f3f3;
	font-size: 20px;
	position: absolute;
	left: 8px;
	text-shadow: #000 0 1px 0;
	font-weight: bold;
	top: 7px;
	letter-spacing: 19px;
	text-align: right;
	width: 60px;
	overflow: auto;
}

li#goal-details #days span#line {
	position: absolute;
	top: 18px;
	left: 0px;
	z-index: 10;
	width: 57px;
	height: 1px;
	border-top: 1px solid #676767;
}

li#goal-details #days-to-make {
	float: left;
	position: relative;
	top: 5px;
	color: #2c2b2b;
	font-size: 13px;
	margin-left: 2px;
}

li#goal-details #days-to-make em {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	font-size: 19px;
	font-weight: bold;
	position: relative;
	top: 2px;
	color: #2c2b2b;
}

li#goal-details #goal-completed {
	width: 257px;
	height: 36px;
	background: url(../images/image-goal-made.png) no-repeat;
	text-indent: -9999px;
}

/* Long Term Projection Table */

table.projection {
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}

table.projection th {
	position: relative;
}

table.projection tr#tablehead th {
	background: url(../images/background-th-projection-month.png) repeat-x left bottom;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #333;
	text-shadow: #000 0 1px 0;
	width: 170px;
	padding: 6px 5px;
	position: relative;
}

table.projection td {
	position: relative;
}

table.projection th.this-month span#this-month-tail {
	width: 15px;
	height: 6px;
	position: absolute;
	top: 29px;
	left: 227px;
	z-index: 10;
	background: url(../images/image-tail-current-month.png) no-repeat left bottom;
	text-indent: -9999px;
}

table.projection tr#tablehead th.label {
	text-indent: -9999px;
	background-image: none;
}

table.projection tr#tablehead th {
	border-bottom: 1px solid #000;
}

table.projection tr#tablehead th.label {
	border-bottom: none;
}

table.projection td {
	padding: 8px;
	padding-left: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #000;
	background-color: #fff;
	font-size: 15px;
}

table.projection td.label,
table.projection tr#income td.label,
table.projection tr#expenses td.label {
	text-align: right;
	background-color: #eeeeee;
	color: #242424;
	font: 12px Helvetica, Arial, Helvetica, Arial, Lucida Grande, sans-serif;
	border-bottom: none;
	background-image: none;
	text-shadow: none;
	border-bottom: 1px dashed #ccc;
	padding-left: 5px !important;
}

table.projection tr#income td {
	background: #30990f url(../images/background-gradient-income.png) repeat-x left top;
	color: #0d3e01;
	text-shadow: #6dcc53 0 1px 0;
	font-weight: bold;
	border-bottom-color: #000;
}

table.projection tr#expenses td {
	padding-left: 11px;
	background: #a50d10 url(../images/background-gradient-expense.png) repeat-x left top;
	color: #f8c6c5;
	text-align: right;
	text-shadow: #203814 0 1px 0;
	font-weight: bold;
	border-bottom-color: #000;
}

table.projection tr#profit td.label {
	background-color: #eeeeee;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: none;
	background-image: none;
	color: #000;
	text-shadow: none;
	font-size: 13px;
	font-weight: normal;
}

table.projection tr#income td.label {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	font-weight: normal;
	font-style: normal;
}

table.projection tr#profit td {
	background: #dadada url(../images/background-gradient-profit-alt.png) repeat-x left top;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: none;
	padding-left: 18px;
	border-right: 1px solid #000;
	color: #242424;
	text-shadow: #fff 0 1px 0;
	font-weight: bold;
}

#sidebar a{
	color:#3d444d;
}

#sidebar a:visited{
	color:#3d444d;	

}

#sidebar h4 a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	text-shadow: #e1e8f4 0px 1px 0px;
	height: 26px;
	position: relative;
	color:#3d444d;
}

#sidebar h4 span.title {
	position: relative;
	left: 10px;
	top: 6px;
}

#sidebar h4 span.details {
	font-size: 11px;
	float:right;
	right: 10px;
	top: 7px;
	font-weight: normal;
	height: 12px;
	padding-right: 16px;
	margin-top:5px;
	margin-right:5px;
	padding-bottom:3px;
	padding-top: 2px;
}



#sidebar h4 span.link{
	width:12px;
	height:12px;
	display:block;
	background: url(../images/icon-dashboard-sidebar-go-both.png) no-repeat top left;
	display:inline-block;
	float:right;
	position:absolute;
	right:5px;
	top:7px;
}

#sidebar h4:hover span.link{
		background: url(../images/icon-dashboard-sidebar-go-both.png) no-repeat bottom left;
}



/* Upcoming Payments */

h2#text-upcoming-payments {
	position: relative;
	margin-bottom: 0;
}

h2#text-upcoming-payments span#text-deposit {
	position: absolute;
	right: 139px;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	padding-right: 17px;
	display: none;
}

h2#text-upcoming-payments span#text-amount {
	position: absolute;
	right: 57px;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	padding-left: 16px;
	padding-right: 21px;
}

h2#text-upcoming-payments span#text-paid {
	position: absolute;
	right: 20px;
	font-size: 11px;
	font-weight: bold;
	border-left: 1px solid #fff;
	padding-left: 13px;
}

ul#upcoming-payments-list {
	margin-bottom: 10px;
}

ul#upcoming-payments-list li {
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	
}

#sidebar-payments li div a {
	color: #000;
	text-align: right;
}

#sidebar-payments li div a:hover {
	color: #363636;
}

ul#upcoming-payments-list li#last {
	border-bottom: none;
}

ul#upcoming-payments-list li .payment-date {
	float: left;
	position: relative;
	width: 62px;
	border: 1px solid #0f6909;
	padding: 3px;
	background-color: #359f15;
	/*background: #30990f url(../images/background-gradient-income.png) repeat-x left bottom;*/
	display: inline;
	color: #fff;
	margin-right: 10px;
	margin-top: 3px;
	font: 11px Verdana;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 5px;
}

ul#upcoming-payments-list li .payment-date-overdue {
	float: left;
	position: relative;
	width: 62px;
	border: 1px solid #8d0b06;
	padding: 3px;
	background-color: #e02326;
	background: #a50d10 url(../images/background-gradient-expense.png) repeat-x left top;
	
	display: inline;
	color: #fff;
	margin-right: 10px;
	margin-top: 3px;
	font: 11px Verdana;
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	margin-left: 10px;
}

ul#upcoming-payments-list li .payment-client {
	width: 267px;
	float: left;
	position: relative;
	padding-right: 74px;
}

ul#upcoming-payments-list li .payment-client h5 {
	font-weight: bold;
	font-size: 13px;
}

ul#upcoming-payments-list li .payment-client p {
	font-size: 10px;
	font-family: verdana;
}

ul#upcoming-payments-list li .payment-client a.edit {
	display: none;
}

ul#upcoming-payments-list li:hover .payment-client a.edit {
	position: absolute;
	display: inline;
	top: -2px;
	right: 10px;
	width: 74px;
	height: 29px;
	text-indent: -9999px;
	background: url(../images/button-edit-estimate.png) left bottom;
}

ul#upcoming-payments-list li .payment-client a:active.edit {
	background-position: left top;
}

ul#upcoming-payments-list li .payment-deposit {
	width: 60px;
	float: left;
	margin-top: 5px;
	display: none;
	font: 12px Verdana;
}

ul#upcoming-payments-list li .payment-amount {
	padding: 5px;
	float: left;
	/*border: 1px solid #ccc;
	background-color: #fff;*/
	text-align: right;
	margin-top: -2px;
	margin-left: 3px;
	min-width: 49px;
	font: bold 14px Helvetica, Arial;
}

ul#upcoming-payments-list li .checkbox-received {
	float: right;
	margin-top: 4px;
	margin-right: 25px;
}

/* Paid Payments List */

ul#paid-payments-list {
	margin-bottom: 10px;
	margin-top: 10px;
}

#paid-payments-list li {
	display: block;
	margin-bottom: 10px;
}

#paid-payments-list li input {
	float: left;
	margin-right: 5px;
}

#paid-payments-list li p {
	font-size: 11px;
	color: #4a4a4a;
	font-family: Helvetica, Arial;
}

#paid-payments-list li p strong {
	color: #303030;
}

#paid-payments-list li a {
	font-size: 10px;
	font-family: Verdana;
	color: #333;
}

/* Expenses List */

ul#expenses-list li {
	display: block;
	background: url(../images/background-hr-dashed.png) repeat-x left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	padding-left: 15px;
}

ul#expenses-list li p {
	display: block;
	padding-left: 20px;
	color: #2b2b2b;
}

ul#expenses-list li p.monthly {
	background: url(../images/icon-expense-repeat.png) no-repeat;
	margin-right: 7px;
}

ul#expenses-list li p.once {
	background: url(../images/icon-expense-one-time.png) no-repeat 0 1px;
	margin-right: 7px;
}

ul#expenses-list li p span {
	float: right;
	font-weight: bold;
	margin-right: 3px;
}

p .action-bar a:active,
p .action a:active {
	color: #c71111;
}

ul#expenses-list li.total {
	text-align: right;
	background-image: none;
	padding: 0;
	padding-top: 7px;
	font-size: 13px;
	margin-right: 28px;
}

ul#expenses-list li.last {
	background: url(../images/background-hr-expenses-total.png) repeat-x bottom left;
}

/* Forms */

#add-expense.sidebarform input.text {
	margin-top: 5px;
	width: 200px;
	height: 25px;
	font-size: 15px;
}

#add-expense.sidebarform ul.action li {
	float: left;
}

#add-expense.sidebarform li.repeat {
	clear: both;
	display: inline;
	padding: 5px;
	border: 1px solid #a2bddb;
	background: #f0f7fe;
	display:block;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 100px;
}

#add-expense.sidebarform input.text {
	width: 208px;
	padding-left: 3px;
}

.sidebarform input#expense_amount.text {
	/*background: #fff url(../images/background-expense-amount-input.png) no-repeat 4px 5px;*/
	background: #fff url(../images/icon-small-dollar-sign.png) no-repeat 2px 5px;
	width: 183px;
	padding-left: 13px;
}

#sidebar a#button-set-a-goal {
	width: 118px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 5px;
	margin-top: 8px;
	background: url(../images/button-set-goal.png) no-repeat left bottom;
}

#sidebar a:active#button-set-a-goal {
	background: url(../images/button-set-goal.png) no-repeat left top;
}

.cashflow #expenses-list li {
	position: relative;
	padding-right: 15px;
}

.cashflow #expenses-list li span#delete a {
	position: absolute;
	right: -9999px;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	display: none;
	background: url(../images/icon-delete-expense.png) no-repeat left top;
}

.cashflow #expenses-list li:hover span#delete a {
	position: absolute;
	right: 5px;
	width: 16px;
	height: 16px;
	display: block;
}

.cashflow #new_expense input#expense_summary {
	width: 200px;
}

.cashflow #new_expense input#expense_amount {
	width: 190px;
}

.cashflow .goal p#clear-goal {
	float: left;
	position: relative;
	top: 10px;
	left: 4px;
	font-size: 13px;
}

.cashflow .goal p#clear-goal a {
	font-weight: bold;
	color: #c71111;
	
}


/* Settings Interface
-------------------------------------*/

.settings #sidebar {
	display: none;
}

.settings #mainContent {
	background: none;
	float: left;
	padding: 0;
	width: 595px;
	position: relative;
	left: -7px;
	margin-top: 20px;
}

.settings #mainContent h2 {
	font-size: 20px;
	font-weight: bold;
	color: #242424;
	padding-left: 31px;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding-bottom: 6px;
	border-bottom: 1px solid #c4c4c4;
	text-shadow: #fff 0px 1px 0px;
}

.settings #mainContent h3 {
	font-size: 16px;
	font-weight: bold;
	color: #2b2b2b;
	font-family: Helvetica;
	margin-top: 5px;
	margin-bottom: 3px;
}

/* Settings Navigation */

ul#settings-navigation {
	width: 241px;
	height: 329px;
	float: left;
	position: relative;
	background: url(../images/background-main-content-shadow-settings.png) no-repeat 241px 1px;
	padding-right: 10px;
	padding-top: 20px;
	z-index: 10;
}

#settings-navigation li a {
	display: block;
	border: 1px solid #b9b9b9;
	border-bottom: none;
	height: 43px;
	background: #fff url(../images/background-settings-nav-li.png) repeat-x left center;
	text-indent: -9999px;
	position: relative;
	left: 2px;
}

#settings-navigation li#last a {
	border-bottom: 1px solid #b9b9b9;
}

#settings-navigation li#last a.active{
	border-bottom:0px;
}

#settings-navigation li a.active {
	border: none;
	height:44px;
	margin-bottom:-1px;
	width: 255px;
	background: url(../images/background-settings-nav-li-active.png) no-repeat left bottom;
	position: relative;
	z-index: 10;
}

/*
#settings-navigation li a#tab-my-info.active {
	position: relative;
	top: 2px;
	z-index: 10;
}

#settings-navigation li a#tab-my-company.active {
	position: relative;
	top: 2px;
	margin-top: -4px;
	z-index: 10;
}

#settings-navigation li#first a.active {
	bottom: -1px;
	z-index: 10;
	position: relative;
	margin-top: 0;
}*/

#settings-navigation a span {
	height: 32px;
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
}

#settings-navigation a.active span {
	
}

#settings-navigation a#tab-my-info span {
	width: 86px;
	background: url(../images/text-tab-my-info.png) no-repeat;
	left: 10px;
	top:5px;
}

#settings-navigation a:hover#tab-my-info span {
	background-position: right;
}

#settings-navigation a.active#tab-my-info span {
	width: 90px;
	background: url(../images/text-tab-my-info-active.png) no-repeat;
	top:6px
}

#settings-navigation a#tab-my-company span {
	width: 124px;
	background: url(../images/text-tab-my-company.png) no-repeat;
	left: 12px;
	top:6px;
}

#settings-navigation a:hover#tab-my-company span {
	background-position: right;
}

#settings-navigation a.active#tab-my-company span {
	background: url(../images/text-tab-my-company-active.png) no-repeat;
	left: 13px;
	top:6px;
}

#settings-navigation a#tab-defaults span {
	width: 91px;
	background: url(../images/text-tab-defaults.png) left top no-repeat;
	left: 13px;
	top:6px;
}

#settings-navigation a:hover#tab-defaults span {
	background-position: right;
}

#settings-navigation a.active#tab-defaults span {
	background: url(../images/text-tab-defaults-active.png) no-repeat;
	left:14px;
	top: 10px;
}

#settings-navigation a#tab-estimate-themes span {
	width: 153px;
	background: url(../images/text-tab-estimate-themes.png) no-repeat;
	left: 12px;
}

#settings-navigation a:hover#tab-estimate-themes span {
	background-position: right;
}

#settings-navigation a.active#tab-estimate-themes span {
	width: 156px;
	background: url(../images/text-tab-estimate-themes-active.png) no-repeat;
}


#settings-navigation a#tab-app-integration span {
	width: 142px;
	background: url(../images/text-tab-app-integration.png) no-repeat;
	left: 13px;
	top:6px;
}

#settings-navigation a:hover#tab-app-integration span {
	background-position: right center;
}

#settings-navigation a.active#tab-app-integration span {
	background: url(../images/text-tab-app-integration-active.png) no-repeat;
}


#settings-navigation a#tab-account-billing span {
	width: 156px;
	background: url(../images/text-tab-account-billing.png) no-repeat;
	left: 13px;
	top: 6px;
}

#settings-navigation a:hover#tab-account-billing span {
	background-position: right;
}

#settings-navigation a.active#tab-account-billing span {
	top: 6px;
	left: 12px;
	width: 159px;
	background: url(../images/text-tab-account-billing-active.png) no-repeat;
}

/* Settings Content */

/* My Info */

ul.settings-form {
	display: block;
}

#change_login_info_link a:link, #change_login_info_link a:visited {
	color: #360efd;
}

.settings-form li {
 	background: #eeeeee url(../images/background-settings-form-li.png) repeat-x left bottom;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

.settings-form .left {
	width: 100px;
	float: left;
	padding-top: 1px;
	position: relative;
}

.settings-form .left#logo {
	position: relative;
	width: 205px;
	margin-bottom:30px;
}

.settings-form li.header {
	position: relative;
	background: transparent;
	border-bottom: 1px solid #c4c4c4;
}

.settings-form li.header a {
	color: #c71111;
	font-weight: bold;
	position: absolute;
	text-decoration: underline;
	right: 20px;
	top: 16px;
	font-size: 12px;
}

.settings-form #change-password .left {
	padding-top: 3px;
}

.settings-form #openid .left {
	padding-top: 16px;
}

.settings-form #change-password p#new-password {
	width: 205px;
	float: left;
	margin-right: 18px;
}

.settings-form #change-password p#confirm {
	width: 205px;
	float: left;
}

.settings-form #change-password p#new-password input {
	width: 205px;
}

.settings-form #change-password p#confirm input {
	width: 205px;
}

#my-info.settings-form p.cancel {
	margin-top: 7px;
}

.settings-form .right {
	width: 445px;
	float: left;
	margin-left: 15px;
}

.settings-form .right#company-details {
	width: 340px;
}

#estimate-info.settings-form .left {
	width: 60px;
}
.settings-form .right#company-details input {
	width: 320px;
}

.settings-form label {
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #2b2b2b;
}

.settings-form input {
	/*background: #fff;
	border: 1px solid #c3c3c3;
	border-top-color: #a6a6a6;*/
	display: block;
	width: 430px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-left: 3px;
	font-size: 13px;
	font-family: Helvetica;
	padding-bottom: 5px;
	padding-top: 5px;
}

a#upload-photo {
	width: 97px;
	height: 24px;
	background: url(../images/button-upload-a-photo.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	margin-left: 2px;
	position: relative;
	top: 3px;
	clear: both;
}

a:active#upload-photo {
	background-position: left top;
}

#picture-upload,
#logo-upload {
	padding: 10px;
}

#picture-upload,
#logo-upload {
	border: 1px solid #9abadc;
	background-color: #e8f2ff;
	padding: 1px;
	padding-top: 1px;
	position: relative;
	margin-bottom: 15px;
	position: relative;
}

#picture-upload .polish,
#logo-upload .polish {
	background: #bcdcff url(../images/background-form.png) repeat-x left top;
	padding: 10px;
}

#picture-upload input,
#logo-upload input {
	width: auto;
	height: auto;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 4px;
	padding: 0;
	border: none;
	background: none;
	font-size: 12px;
}

.clear {
	clear: both;
}

#picture-upload .uploader,
#logo-upload .uploader {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
	padding: 1px;
	border: 1px solid #a2bddb;
	width: 290px;
	margin-right: 10px;
	float: left;
}


.uploader p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #a2bddb;
	font-weight: bold;
	font-size: 11px;
}

#company-logo-upload{
	width:190px;
}

#logo-upload .uploader {
	width: 208px;
}

#picture-upload .uploader {
	width: 313px;
}

#picture-upload input#button-upload,
#logo-upload input#button-upload {
	position: relative;
	float: left;
	top: -1px;
	width: 92px;
}

#picture-upload .uploader .double-border,
#logo-upload .uploader .double-border {
	padding: 8px;
	background-color: #e2effd;
}

a#upload-logo {
	width: 97px;
	height: 24px;
	background: url(../images/button-upload-a-logo.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	position: absolute;
	bottom: -30px;
	left: 55px;
}

a:active#upload-logo {
	background-position: left top;
}


.settings-form .left img {
	float: right;
}

.settings-form .left .polish {
	border: 1px solid #555;
	float: right;
	margin-right: 1px;
	position: relative;
}

.settings-form .left .polish img {
	background: #fff;
	padding: 1px;
	float: right;

}

.settings-form .left .polish a {
	display: none;
}

.settings-form .left .polish:hover a {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 96px;
	height: 18px;
	display: block;
	background: url(../images/button-clear-photo.png) no-repeat;
	text-indent: -9999px;
}

.settings-form .left .polish:hover a.clear-company-logo {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 196px;
	height: 18px;
	display: block;
	background: url(../images/button-clear-logo.png) no-repeat;
	text-indent: -9999px;
}

.settings-form li#company-url {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 35px;
}

.settings-form li#company-url label {
	font-size: 12px;
}
.settings-form li#company-url p {
	padding: 7px;
	background: #fdf9ac;
	display: inline;
	border: 1px solid #dbd090;
	font-size: 14px;
	margin-left: 5px;
	font-family: Verdana;
}

.settings-form li.user {
	position: relative;
}

.settings-form li.user img {
	border: 1px solid #a2a2a2;
	float: left;
}

.settings-form li.user img.upload {
	background-color: #fff;
	padding: 1px;
}

.settings-form li.user p {
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	color: #2b2b2b;
	font-size: 13px;
	font-weight: bold;
}

.settings-form li.user a {
	font-size: 11px;
	font-family: Verdana;
	color: #002fbc;
	font-weight: normal;
}

.user ul.actions {
	position: absolute;
	top: 9px;
	right: 0px;
	display: none;
	width: 175px;
	clear: none;
}

.user:hover ul.actions {
	display: inline;
}

.user .actions li {
	float: left;
	background: none;
}

.user .actions li a.button-edit {
	text-indent: -9999px;
	position: absolute;
	right: 101px;
	top: 5px;
	width: 74px;
	height: 28px;
	display: block;
	background: url(../images/button-edit-estimate.png) no-repeat left top;
}

.user .actions li a:active.button-edit {
	background: url(../images/button-edit-estimate.png) no-repeat left bottom;
}

.user .actions li a.button-delete {
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 87px;
	height: 28px;
	display: block;
	background: url(../images/button-delete-estimate.png) no-repeat left top;
	margin-left: 5px;
}

.user .admin-badge{
	background: url(../images/icon-badge-admin.png) no-repeat top left;
	width:46px;
	height:21px;
	display:block;
	float:right;
	position:absolute;
	right:35px;
	bottom:16px;
	text-indent:-99999px;
	
}

.user .actions li a:active.button-delete {
	background: url(../images/button-delete-estimate.png) no-repeat left bottom;
}

.settings-form #default-notes span {
	color: #262626;
	font: 10px Verdana;
}

.settings-form #default-notes span em {
	font-style: italic;
}

.settings-form #default-notes textarea {
	margin-top: 3px;
	padding: 3px;
	width: 429px;
	height: 110px;
}

.settings-form #tax-settings {
	padding: 1px;
	background: #dadada url(../images/background-gradient-profit-alt.png) repeat-x left top;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #dbd090;
	float:left;
	margin-top: 10px
}

.settings-form #tax-settings  span.checkbox{
	margin-top:0px;
}

.settings-form #tax-polish {
	padding: 5px;
	background: #fcfec5;
	padding-top: 9px;
	padding-bottom:9px;
}

.settings-form li#tax {
	padding-top: 0px;
}

.settings-form li#currency select {
	margin-top: 5px;
	width: 297px;
}

.settings-form #tax-polish input {
	padding:0px;
	width: 25px;
	height: 16px;
	margin: 0;
}

.settings-form #tax-polish input.checkbox {
	float: left;
	position: relative;
	top: 3px;
}

.settings-form #tax-polish input.text {
	position: relative;
}

#tax-polish span {
	float: left;
	margin-left: 3px;
	position: relative;
	top: 3px;
	font-family:Verdana;
	font-size:11px;
}

.settings-form #tax-polish label {
	float: left;
	position: relative;
	top: 4px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: normal;
}

.settings-form #tax-polish input.text {
	float: left;
}


.settings-form #paypal-settings {

}

.settings-form #paypal-settings  span.checkbox{
	margin-top:0px;
}

.settings-form #paypal-polish {
	padding: 9px;
	background: #fcfec5;

}

.settings-form #paypal-settings #paypal-email-setting label{


}

.settings-form #paypal-settings #paypal-email-setting input{
	width:200px;
	display:inline;
}

.settings-form .slider-explanation{
	width:343px;
	float:left;
	
}
.settings-form .slider-explanation h4{
	font-size:13px;
	font-weight:bold;
}

.settings-form .slider-explanation p{
	font-family: Verdana, sans-serif;
	font-size:10px;
}

.settings-form .slider-explanation a{
	color:#00578f;
	text-decoration:none;
	
}

.settings-form .slider-float{
	float:right;
	margin-top:6px;
}

.settings-form .sub-settings{
	width:495px;	
	margin-left:-82px;
	background-color:#f00;
	padding:17px 20px;
	padding-bottom:12px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/background-setting-sub-container.png) no-repeat top left;
	position:relative;
}

.settings-form .sub-settings-bottom{
	width:535px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0px;
	background:url(../images/background-setting-sub-container.png) no-repeat bottom left;	
}

.settings-form .sub-settings li {
	background:none;
	padding:0;
	margin-bottom:10px;
}

.settings-form .sub-settings li:last-child {
	margin-bottom:0;
}
/* app integration */

#app-integration.settings-form .left{
	width:70px;
}

#app-integration.settings-form .right{
	width:452px;
}

#app-integration.settings-form .sub-settings label{
	font-weight:bold;
	font-size:12px;
	font-family:Helvetica,Arial,"Lucida Grande",Lucida Console,Verdana,sans-serif;
	width:110px;
	text-align:right;
	line-height:28px;
	display:block;
	float:left;
	margin-right:13px;
	padding-top:2px;
}

#app-integration.settings-form .sub-settings #highrise-ssl-row span.checkbox{
	clear:none;
	margin-top:5px;

}

#app-integration.settings-form .sub-settings input.text{
	background: url(../images/background-text-input-26.png) repeat-x top left;
	border:1px solid #9b9b9b;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	font-size:15px;
	height:15px;
	padding:auto;
	padding:5px;
	padding-bottom:5px;
	padding-top:6px;
	margin:0;
}

#app-integration.settings-form .sub-settings #company-higirise-url{
		width:140px;
		display:inline;
	
}

#app-integration.settings-form .sub-settings #company-higirise-api{
	width:255px;
}

#app-integration.settings-form .sub-settings #company-paypal-email{
		width:255px;
	
}

#app-integration.settings-form .sub-settings #highrisehq{
	margin-left:6px;
	font-size:15px;
	font-weight:normal;
}

/* Account & Billing */

#li-payment-info-form tr td label {
	padding-right:10px;
}

#li-payment-info-form .errorExplanation{
	color:#AF2B2B;
	margin-left:10px;
	padding:5px;
}

#li-payment-info-form .errorExplanation h2{
	font-size:inherit;
	border: 0;
	padding:0;
	color:#AF2B2B;	
}

#li-payment-info-form .errorExplanation li{
	background:0;
	padding:0;
	margin-left:.5em;
	
}

#li-payment-info-form input.submit-button{
	width:200px;
	
}

/* Action */

.settings-form li#action a#button-save-changes {
	width: 141px;
	height: 32px;
	text-indent: -9999px;
	background: url(../images/button-save-changes.png) no-repeat left bottom;
	display: block;
	float: left;
}

.settings-form li#action a:active#button-save-changes {
	background-position: left top;
}

li#action p {
	margin-top: 12px;
	margin-left: 6px;
	float: left;
}

#action p a {
	font-weight: bold;
	color: #c71111;
	font-size: 13px;
}

li#admin .admin-box {
	padding: 1px;
	background: #dadada url(../images/background-gradient-profit-alt.png) repeat-x left top;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #dbd090;
	margin-right: 10px;
}

li#admin .admin-box .double-border {
	padding: 10px;
	background: #fcfec5;
}

li#admin input {
	float: left;
	width: 25px;
	height: 15px;
	position: relative;
	top: 3px;
}

li#admin span.checkbox{
	margin-right:6px;
	margin-top:6px;
}

li#admin p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

li#admin img {
	position: relative;
	top: 17px;
}

/* Create new user form */

form#new-user-form.new_user input {

}

#new-user-form input {

	width: 300px;
	margin-bottom: 7px;
}


a#button-new-user {
	width: 141px;
	height: 32px;
	text-indent: -9999px;
	display: block;
	float: left;
	background: url(../images/button-create-this-user.png) no-repeat left bottom;
	margin-top: 5px;
	margin-bottom: 2px;
}

a:active#button-new-user {
	background-position: left top;
}

#new-user-form p.cancel {
	margin-left: 3px;
	margin-top: 13px;
	float: left;
}


/* Login Screen
-------------------------------------*/

body.public {
	background: #023667 url(../images/background-login-screen-alt.png) repeat-x left top;
}

.public #wrap {
	width: 503px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 10px;
}

.public h1 a {
	width: 528px;
	height: 44px;
	background: transparent url(../images/image-logo-login-screen.png) no-repeat left top;
	text-indent: -9999px;
	margin-left: 2px;
	display: block;
	position: relative;
	left: -35px;
}

.public h1 a:hover {
	background-position: left bottom;
}

.public .rounded-box {
	width: 503px;
	display: block;
	background: url(../images/background-login-middle.png) repeat-y left top;
	margin-top: 7px;

}

.public a {
	font-weight: bold;
	color: #c71111;
}

.public a:hover {
	text-decoration: none;
}

.public ol {
	padding: 5px;
	padding-bottom: 0px;
	margin: 5px 15px;
}

.public ol li {
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #abcbee;
	padding: 10px;
}

.public ol li p {
	position: relative;
	top: 5px;
}

.public ol strong {
	color: #191d29;
	padding: 5px;
	background-color: #f8ffcb;
	border: 1px solid #d9d67c;
	font: bold 12px Verdana;
	float: left;
	margin-right: 10px;
	width: 65px;
	text-align: right;
}

.public .rounded-box h2#note {
	display: block;
	width: 503px;
	min-height: 70px;
	background: url(../images/background-login-top.png) no-repeat left top;
	position: relative;
	top: -3px;
	margin-bottom: 10px;
}

.public .rounded-box h2 span {
	height: 38px;
	background: url(../images/icon-login-screen.png) no-repeat 357px 8px;
	display: block;
	padding-left: 20px;
	padding-top: 24px;
	padding-right: 160px;
	font-size: 25px;
	font-weight: bold;
	color: #114f8a;
	text-shadow: #fff 0 1px 0;
	text-transform: capitalize;
}

.public .rounded-box label {
	display: block;
	margin-left: 20px;
	color: #1761a9;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 5px;
	text-shadow: #fff 0 1px 0;
}

.public .rounded-box input.logins,
.rounded-box #company-info input,
.rounded-box #user-info input {
	display: block;
	margin-left: 20px;
	width: 449px;
	border: 1px solid #90b4d5;
	margin-bottom: 10px;
	padding: 8px 3px;
	background: #fff url(../images/background-public-input.png) repeat-x;
	font: 16px Helvetica, Arial, Georgia, Times, serif;
	color: #1b1b1b;
	max-height:36px;
}

.public .rounded-box #golden-ticket {
	width: 417px;
	height: 151px;
	background: url(../images/image-golden-ticket.png) no-repeat left top;
	margin-left: 15px;
	position: relative;
	margin-top: 10px;
}

.public .rounded-box #golden-ticket label {
	text-indent: -9999px;
	/*display: absolute;*/
	left: -9999px;
}

.public .rounded-box #golden-ticket input {
	position: absolute;
	width: 222px;
	left: 73px;
	top: 70px;
	height: 25px;
	background-color: transparent;
	background-image: none;
	padding: 0;
	border: none;
	padding: 2px;
	padding-left: 5px;
	text-transform: uppercase;
	font: bold 20px Courier, Times;
	letter-spacing: 6px;
	padding-bottom: 5px;
}

.public #user-info {
	margin-bottom: 30px;
}

.public #button-sign-me-up {
	position: relative;
	top: -25px;
}

.public #company-info .url input {
	float: left;
	width: 230px;
}

.public #company-info .url p {
	font-size: 22px;
	color: #114f8a;
	font-weight: bold;
	position: relative;
	left: -14px;
	top: 13px;
	float: left;
	text-shadow: #fff 0 1px 0;
}

.rounded-box ul.bottom,
.rounded-box #bottom,
.rounded-box #bottom-signup {
	display: block;
	height: 38px;
	background: url(../images/background-login-bottom.png) no-repeat left bottom;
	position: relative;
	top: 10px;
	padding-left: 20px;
	/* margin-bottom: 40px;  this screws up IE7, why was the initial purpose of this? -ali*/
}

.rounded-box ul.bottom {
	margin-top: 10px;
	padding-bottom: 20px;
}

.public .rounded-box ul li#login {
	float: left;
}

.public ul li#use-openid {
	float: right;
}

.public ul li#use-login {
	float: right;

	background: none;
	border: none;
}

.public ul a#button-login {
	width: 117px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/button-login.png) no-repeat left bottom;
	display: block;
}

.public ul li span {
	position: relative;
	top: 12px;
	margin-left: 10px;
	color: #303030;
	font-size: 15px;
	display: none;
}

.public ul a#button-use-openid {
	width: 165px;
	height: 43px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-use-openid.png) no-repeat left bottom;
}

.public ul a#button-use-login {
	width: 165px;
	height: 43px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-use-login.png) no-repeat left top;
	position: relative;

}

.public #welcome.rounded-box p {
	margin: 0 20px;
	line-height: 17px;
}

.public li#signup a {
	width: 145px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/button-sign-up.png) no-repeat left top;
	display: block;
	float: right;
	margin-right: 20px;
}

.public li#signup a:active {
	background-position: left bottom;
}

.public #user-info label a {
	font-size: 13px;
	text-shadow: none;
	position: relative;
	top: -2px;
	background-attachment: fixed;
}

.public li#cower a {
	width: 198px;
	height: 41px;
	text-indent: -9999px;
	background: url(../images/button-too-scared.png) no-repeat left top;
	display: block;
	float: left;
	margin-right: 20px;
}

.public li#cower a:active {
	background-position: left bottom;
}

.public #use-login {

	padding: 1px;
	background: #fff;
	border: 1px solid #90b4d5;
	position: relative;
}

.public #use-login img {
	position: absolute;
	left: 17px;
	top: 45px;
}

.public #user-info label a:hover {
	text-decoration: underline;
}

.public #use-login .double-border {
	background: #bcdcff url(../images/background-form.png) repeat-x left top;
	padding: 10px;
	padding-left: 80px;
}

.public #use-login label {
	color: #171717;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	margin-bottom: 5px;
	text-shadow: none;
}

.public #use-login input {
	width: 350px;
	height: 25px;
	border: 1px solid #000;
	margin: 0;
	margin-bottom: 5px;
	font-size: 14px;
}

.public #browserwarning{
	margin-top:20px;
	background-color:#f8ffcb;
	padding:15px;
	border:1px solid #000;
	font-size:14px;
}

.public #browserwarning a{
	color: #000;
	text-decoration:none;
}

.public #browserwarning h3{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:.4em;
}

.public .invalid_login_password, .public .open_id_error{
	font-size: 18px;
	color:#FFDAD3;
	text-shadow: #000 0 1px 0;
	background: #C00808 url(../images/icon-error.png) no-repeat 10px center;
	background-color: #AF2B2B;
	padding:10px;
	padding-left:50px;
	display:block;
	margin-top:10px;
	margin-bottom:15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #da3536;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #000;
} 

.public #login-message.logged_out{
	font-size: 18px;
	padding:10px;	
	padding-left:50px;	
	background: #a4e1a2 url(../images/icon-general-success.png) no-repeat 10px center;
	border: 1px solid #d3e3d7;
	margin-bottom:5px;	
	padding-left:50px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	color: #094808;
	text-shadow: #c0fde3 0 1px 0;
	margin-bottom:15px;
	margin-top:10px;
	font-weight: bold;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #000;
}

/* Sidebar
-------------------------------------*/

#sidebar {
	float: right;
	width: 230px;
	height: 100%;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 5px;
	overflow: hidden;
	min-height: 100px;
	padding-left: 20px;
	color:#454b52;
}

#sidebar .blurb-double-border {
	border: 1px solid #d5cb95;
	padding: 1px;
	background-color: #fff;
	margin-top: 10px;
}

#sidebar p.blurb {
	color: #2b2b2b;
	font: 10px/14px Verdana;
	padding: 10px;
	background-color: #f8ffcb;
}

p.blurb strong {
	font-weight: bold;
}

#sidebar h4 + p {
	margin-top: 10px;
}

#sidebar p + ul {
	margin-bottom: 10px;
}

/* Forms */

.sidebarform {
	border: 1px solid #a2bddb;
	padding: 1px;
	background-color: #fff;
}

#add-expense.sidebarform {
	margin-top: -10px;
}

.sidebarform .polish {
	background: #e2effd;
	padding: 5px;
}

.sidebarform h5 {
	color: #053b6e;
	font: bold 14px Helvetica, Arial;
	display: block;
	margin-bottom: 5px;
}

.sidebarform label {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

.sidebarform li#checkbox {
	border: 1px solid #a2bddb;
	background-color: #f0f7fe;
	margin-bottom: 10px;
}

.sidebarform ul.action {
	background: url(../images/background-hr-sidebar-form.png) repeat-x left top;
	padding-top: 8px;
}

.sidebarform .action p.cancel {
	margin-top: 1px;
	margin-left: 3px;
	font-size: 12px;
	margin-bottom: 5px;
}

.sidebarform .action p.cancel a {
	font-weight: bold;
	color: #c71111;
}

#sidebar a#button-create-new-estimate {
	margin-top:-2px;
	text-indent: -9999px;
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/button-create-new-estimate-black.png) left bottom no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}

#sidebar a:active#button-create-new-estimate {
	background-position: left top;
}

#sidebar a#button-create-new-invoice {
	margin-top:-2px;
	text-indent: -9999px;
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/button-create-new-invoice-black.png) left bottom no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}

#sidebar a:active#button-create-new-invoice {
	background-position: left top;
}

#sidebar a#button-convert-to-invoice {
	text-indent: -9999px;
	display: block;
	width: 218px;
	height: 46px;
	background: url(../images/button-convert-to-invoice.png) left bottom no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}

#sidebar a#button-convert-to-invoice:active {
	background-position: left top;
}


#sidebar a#button-create-new-client {
	margin-top:-2px;
	text-indent: -9999px;
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/button-create-new-client-black.png) left bottom no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}

#sidebar a:active#button-create-new-client {
	background-position: left top;
}

#sidebar a#button-add-expense {
	text-indent: -9999px;
	display: block;
	width: 21px;
	height: 46px;
	background: url(../images/button-big-add-new-expense.png) left bottom no-repeat;
	margin-bottom: 15px;
	cursor: pointer;
}

#sidebar a:active#button-add-expense {
	background-position: left top;
}


#sidebar hr {
	outline: none;
	border: 0;
	height: 1px;
	background: url(../images/background-hr-dashed.png) repeat-x;
	margin-bottom: 15px;
	display: none;
}

#sidebar h3 {
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
}

#sidebar img#company-logo {
	padding: 4px;
	background: #fff;
	border: 1px solid #929292;
	position: relative;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 3px #888;
	-moz-box-shadow: 0px 1px 3px #999;
	box-shadow: 0px 1px 3px #999;
}

/* Bug Form */

#feedback-form {
	margin-top: 20px; 
	border-top: 1px solid #adadad; 
	padding-top: 10px;
	padding-bottom: 30px; 
	height: 80px;
	background: url(../images/background-feedback-form.png) repeat-x left top;
	float: left;
	width: 850px;
	display: none;
}

#feedback-form-state-normal input#state-normal {
	width: 512px;
	font-size: 116%; 
	color: gray; 
	padding: 6px;
	margin-top: 0;
}

#feedback-form-state-normal img,
#feedback-form-state-editing img,
#feedback-form-state-thankyou img {
	float: left;
	margin-left: 10px;
	margin-right: 5px;
}

#feedback-form-state-editing #textarea {
	width: 560px; 
	float: left;
} 

#textarea input {
	margin-right: -4px;
}

#feedback-form-state-editing textarea {
	margin-bottom: 5px;
	font-size: 12px; 
	padding: 6px;
	width: 512px;
	height: 46px;
}

#feedback-form-state-editing #textarea p {
	font-size: 12px;
}

#feedback-form-state-editing #textarea a.handover {
	color: #c71111;
	font-weight: bold;
}

#feedback-form-state-thankyou p {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 8px;
	margin-left: 5px;
	float: left;
}

img.avatar {
	padding: 1px;
}

/* Public Client View
-------------------------------------*/

body#client-view  {
	 /* background: #eeeeee url(../images/background-client-view-body.png) repeat-x; */
}


body#client-view #wrap {
	width: 850px;
}

body#client-view #sidebar{
	padding-top:0px;
}

body#client-view #sidebar #company-logo{
	margin-bottom:0px;
}


body#client-view #mainContent{
	padding-top:0px;
}	

body#client-view #wrap {
	width: 850px;
	overflow:hidden;
}

body#client-view #sub-navigation{
	margin-bottom:10px;
	
}

body#client-view #sub-navigation ul li{
	float:left;
}

body#client-view h1 {
	width:850px;
	margin:0 auto;
	text-align:left;	
	font-family: Helvetica;
	font-size: 23px;
	line-height:23px;
	color: #ecebeb;
	font-weight: bold;
	text-shadow: #000 0 1px 0;
f	fmargin-top: 15px;
	fmargin-bottom: 15px;
}

body#client-view #black-bar{
	background-color:#000;
	overflow:hidden;
	padding-top:15px;
	padding-bottom:15px;
	
}


body#client-view ul#actions {
	display: block;
	position: relative;
	width: 850px;
	
}

body#client-view ul#actions li a#button-back {
	text-indent: -9999px;
	width: 70px;
	height: 28px;
	display: block;
	background: url(../images/button-subnav-back.png) no-repeat left top;
	float:left;
}

body#client-view ul#actions li a:active#button-back {
	background: url(../images/button-subnav-back.png) no-repeat left bottom;
}


body#client-view ul#actions li a#button-email-coworkers {
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 155px;
	background: url(../images/button-subnav-email-to-coworker.png) no-repeat left top;
	top: 0;
}

body#client-view ul#actions li a:active#button-email-coworkers {
	background: url(../images/button-subnav-email-to-coworker.png) no-repeat left bottom;
}

body#client-view ul#actions li a#button-download-pdf {
	text-indent: -9999px;
	display: block;
	height: 28px;
	width: 127px;
	background: url(../images/button-subnav-download-pdf.png) no-repeat left top;
}

body#client-view ul#actions li input#button-pay-paypal {
	display: block;
}

body#client-view ul#actions li form #hide {
	display:none;
}

body#client-view ul#actions li a:active#button-download-pdf {
	background: url(../images/button-subnav-download-pdf.png) no-repeat left bottom;
}

body#client-view #accept {
	border: 1px solid #46b276;
	background: #eafce9;
	padding: 2px;
	clear: both;
	margin-top: 15px;
}

body#client-view #accept .double-border {
	background: #c9f2c7;
	padding: 10px;
}

body#client-view #accept span {
	color: #0a5103;
	font-size: 15px;
	color: #0a5103;
	text-shadow: #e2f8e1 0 1px 0;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

body#client-view #accept p {
	color: #138e09;
	float: left;
	position: relative;
	top: 6px;
}

body#client-view #accept a#accept-button {
	width: 237px;
	height: 44px;
	background: url(../images/button-accept-this-estimate.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	float: right;
}

body#client-view #accept a:active#button-accept-estimate{
	background: url(../images/button-accept-this-estimate.png) no-repeat left top;
}

body#client-view #accept a#button-accept-estimate {
	width: 237px;
	height: 44px;
	background: url(../images/button-accept-this-estimate.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	float: right;
}

body#client-view h2 {
	margin-top: 15px;
	font-size: 12px;
	color: #2f2f2f;
	font-weight: bold;
	
}

body#client-view textarea {
	display: block;
	width: 562px;
	height: 70px;
}

a#button-post-comment {
	display: block;
	text-indent: -9999px;
	width: 112px;
	height: 28px;
	background: url(../images/button-post-comment.png) no-repeat left top;
	margin-top: 5px;
	float: left;
}

a:active#button-post-comment {
	background: url(../images/button-post-comment.png) no-repeat left bottom;
}

a#button-post-comment.disabled{
	opacity:0.70;
}

a#button-post-comment.disabled:active{
	background: url(../images/button-post-comment.png) no-repeat left top;	
	
}


#client-view #invoice-due-date{
	float:right;
	margin-top:25px;
	margin-right:15px;
}

#client-view #sidebar-payments li a {
	display:none;
}	
	
#client-view #accepted, #client-view #rejected{
	font-size:15px;
	padding:13px;
	padding-left:50px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#client-view #accepted{
	font-size: 18px;
	padding:10px;	
	padding-left:50px;	
	background: #a4e1a2 url(../images/icon-general-success.png) no-repeat 10px center;
	border: 1px solid #d3e3d7;
	margin-bottom:5px;	
	padding-left:50px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	color: #094808;
	text-shadow: #c0fde3 0 1px 0;
	margin-bottom:15px;
	margin-top:10px;
	font-weight: bold;
/*	-webkit-box-shadow: 0px 1px 4px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	
	box-shadow: 0px 1px 4px #000; 
*/	
	border:1px solid #0A5103;	
}

#client-view #rejected{
	font-size: 18px;
	color:#FFDAD3;
	text-shadow: #000 0 1px 0;
	background: #C00808 url(../images/icon-rejected.png) no-repeat 10px center;
	background-color: #AF2B2B;
	padding:10px;
	padding-left:50px;
	display:block;
	margin-top:10px;
	margin-bottom:15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #da3536;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #000;
}

#client-view #email-coworker-form{
	background-color:#FFFFFF;
	border:1px solid #B9B9B9;
	margin-bottom:10px;
	margin-top:6px;
	padding:1px;
	position:relative;
	width:566px;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	border-radius:0.4em;
}

#client-view #email-coworker-form .polish-popup{
	background-color:#EEEEEE;
	padding:8px;
	padding-bottom:0px;
}

#client-view #email-coworker-form span.tail{
	background:transparent url(../images/background-tail-send-estimate.png) no-repeat scroll 0 0;
	height:7px;
	position:absolute;
	top:-5px;
	width:11px;
	left:70px;	
}

#client-view .is-invoice  #email-coworker-form.has-paypal span.tail{
	left:210px;
}	

#client-view #email-coworker-form h3{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

#client-view #email-coworker-form li{
	margin-bottom:10px;
}

#client-view #email-coworker-form li:last-child{
	margin-bottom:0;
}

#client-view #email-coworker-form input#coworker_name,
#client-view #email-coworker-form input#coworker_email{
	padding:2px 4px;
	
}

#client-view #email-coworker-form label{
	width:45px;
	float:left;
	line-height:22px;
}	

#client-view #email-coworker-form textarea{
	width:550px;
	width:98%;
	margin-bottom:5px;
	padding:4px;
	margin-top:5px;
	font-family:Helvetica,Arial,"Lucida Grande",Lucida Console,Verdana,sans-serif;
	font-size:12px;
}
	
#client-view #email-coworker-form .cancel{
	color:#C71111;
	font-weight:bold;
}

#client-view #email-coworker-form .li-cancel{
	padding-top:9px;
}

#client-view #email-coworker-form a#button-small-send-it{
	background:transparent url(../images/button-small-send-it.png) no-repeat scroll left bottom;
	display:block;
	height:24px;
	text-indent:-9999px;
	width:80px;
	background:transparent url(../images/button-send-it-now.png) no-repeat scroll left top;
	display:block;
	height:28px;
	text-indent:-9999px;
	width:107px;	
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	margin-top:0px;
}
#client-view #email-coworker-form #errorExplanation {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#AF2B2B url(../images/icon-error.png) no-repeat scroll 20px center;
	border:1px solid #6F1B1B;
	color:#FFDAD3;
	padding:10px 10px 10px 65px;
	text-shadow:0 1px 0 #000000;		
	margin-bottom:10px;
	-moz-box-shadow:0 1px 4px #666666;
	-webkit-box-shadow:0 1px 4px #666666;
	box-shadow:0 1px 4px #666666;
}	

#client-view #email-coworker-form #errorExplanation h2{
	margin:0;
	font-size:18px;
	color:#FFDAD3;
	text-shadow:0 1px 0 #000000;	

}	


#client-view #email-coworker-form #errorExplanation li{
	margin:0;
	margin-left:1em;
	list-style-type:disc;
	
	
}

#client-view #email-coworker-form a:active#button-small-send-it{
	background:transparent url(../images/button-send-it-now.png) no-repeat scroll left bottom;
}

#client-view span.success_msg{
	font-size:15px;
	padding:13px;
	padding-left:50px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#0A5103;
	text-shadow:0 1px 0 #E2F8E1;
	background: #C9F2C7 url(../images/icon-general-success.png) no-repeat 10px center;
	border:1px solid #0A5103;
	margin:0 auto;
	margin-bottom:15px;
	width:505px;
	-moz-box-shadow:0 1px 4px #666666;
	-webkit-box-shadow:0 1px 4px #666666;
	box-shadow:0 1px 4px #666666;
		
}

#client-view ul#lines-header,
#client-view ul,
#client-view span#badge,
#client-view h1,
#client-view ul#activity-dashboard li{
	zoom:1;
	}

/* Dashboard
-------------------------------------*/

.dashboard #mainContent {
	min-height:400px;
}

.dashboard h3 {
	font-weight: bold;
	color: #242424;
	font-size: 16px;
	margin-bottom: 7px;
	float: left;
	text-shadow: #fff 0px 1px 0px;	
}

.dashboard h2.table-header {
	position: relative;
}

.dashboard ul#actions {
	position: absolute;
	right: 12px;
	top: 11px;
}

.dashboard ul#actions li {
	float: left;
	margin-left: 3px;
}

.dashboard #actions #button-new-invoice a {
	width: 127px;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/button-dashboard-new-invoice.png) no-repeat left top;
	display: block;
}

.dashboard #actions li#button-new-invoice a:active {
	background: url(../images/button-dashboard-new-invoice.png) no-repeat left bottom;
}

.dashboard #actions #button-new-estimate a {
	width: 127px;
	height: 28px;
	text-indent: -9999px;
	background: url(../images/button-dashboard-new-estimate.png) no-repeat left top;
	display: block;
}

.dashboard #actions li#button-new-estimate a:active {
	background: url(../images/button-dashboard-new-estimate.png) no-repeat left bottom;
}

.dashboard ul.dashboard-info li {
	padding-top: 11px;
	padding-bottom: 10px;
	color:#535d6b;
	font-size: 10px;
	border-bottom: 1px solid #c4c8d0;
	padding-left: 8px;
	background:url(../images/background-dashboard-sidebar-li.png) repeat-x bottom left;
}

.dashboard ul.dashboard-info li#last {
	border-bottom: none;
}

.dashboard ul.dashboard-info li strong {
	font-size: 16px;
	font-weight: bold;
	color: #454b52;
}

.dashboard-sidebar-container li em {
	color: #cf293c;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}


.dashboard .activity-details .date-person {
	clear: left;
	padding-top: 3px;
	font-family: "Lucida Grande";
	font-size: 11px;
}

.dashboard .activity-details .date-person span.date {
	color: #7b7b7b;
}

.dashboard .activity-details {
	display: block;
}

.dashboard .activity-details a,
.dashboard .activity-details a:active,
.dashboard .activity-details a:visited {
	display: block;
	font-size: 12px;
	font-family: "Arial";
	font-weight: bold;
	text-decoration: none;
	color: #0000ef;
}

.dashboard .activity-details a:hover {
	text-decoration: underline;
}

.dashboard .activity-details p.comment-body {
	width: 391px;
}

.dashboard .activity-details p.comment-body a,
.dashboard .activity-details p.comment-body a:active,
.dashboard .activity-details p.comment-body a:visited {
	display: inline;
}

.invoices #mainContent h2#text-recurring-invoices span {
	display: block;
	width: 146px;
	height: 17px;
	background: url(../images/text-recurring-invoices.png) left top no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 11px;
}

.invoices #mainContent h2#text-open-estimates span {
	display: block;
	width: 122px;
	height: 17px;
	background: url(../images/text-open-invoices.png) left top no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 11px;
}

.invoices #mainContent h2#text-closed-estimates span {
	text-indent: -9999px;
	display: block;
	width: 136px;
	height: 15px;
	background: url(../images/text-paid-invoices.png) left top no-repeat;
	position: absolute;
	top: 11px;
}

/* New Editing Interface */

#currency-tax {
	float: right;
	position: relative;
	right: 17px;
	height: 32px;
	margin-right: 15px;
	margin-top: 15px;
	background: url(../images/background-client-container.png) no-repeat left top;
	font-family: "Helvetica Neue (TT)", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	font-size: 12px;
}

#currency-tax ul {
	position: relative;
	top: 5px;
	margin-left: 16px;
	text-shadow: #fff 0 1px 0;
	z-index: 20;
}

#currency-tax li {
	float: left;
}

#currency-tax li#currency {
	border-right: 1px solid #dcdcdc;
	padding-right: 5px;
}

#currency-tax li#currency label {
	position: relative;
	top: 1px;
}

#currency-tax li#tax-control {
	padding-left: 10px;
	padding-top: 2px;
}

#currency-tax {
	font-weight: bold;
}

#currency-tax li#tax-control input#percent-cbk {
	float:left;
	margin-right:4px;
	position:relative;
	top:3px;
}

#currency-tax li#tax-control input#percent {
	width: 36px;
	text-align: center;
	height: 16px;
	border: 1px solid #d2d2d2;
	border-top-color: #a6a6a6;
	margin-right: 3px;
	margin-left: 2px;
}

#currency-tax li#end-cap {
	height: 32px;
	width: 17px;
	display: block;
	z-index: 0;
	position: absolute;
	top: -5px;
	right: -17px;
	background: url(../images/background-client-container-end.png) no-repeat left top;
}

#project-summary {
	font-size: 12px;
	color: #202020;
	clear:both;
}

#project-summary input {
	width: 397px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	font-size: 11px;
	margin-left: 3px;
	border: 1px solid #d2d2d2;
	border-top-color: #929292;
	
}

.quantity input {
	width: 26px;
	border: 1px solid #d2d2d2;
	border-top-color: #929292;
	padding: 2px;
}

.line-details .price input {
	width: 50px;
	border: 1px solid #d2d2d2;
	border-top-color: #929292;
	padding: 2px;
}

.line-details li.total {
	width: 65px;
}

.line-details .taxable  {
	padding-left: 17px;
}

ul#quote_lines li.item {
	border-bottom: 1px solid #d2d2d2;
	position: relative;
}

ul#quote_lines li.item.last {
	border-bottom: none;
}

a#button-new-line {
	float: left;
	width: 90px;
	height: 24px;
	background: url(../images/button-small-new-line.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	margin-left: 10px;
	margin-top: 6px;
}

a:active#button-new-line {
	background: url(../images/button-small-new-line.png) no-repeat left bottom;
}

#yellow.action-bar {
	border: 1px solid #d1d1d1;
	border-bottom-color: #a7a7a7;
	background-color: #f9fecd;
	padding: 10px;
	margin: 0 15px;
}

#yellow #save-changes {
	float: left;
}

#yellow p#cancel {
	float: left;
	margin-left: 5px;
}

#yellow a#create-this-estimate {
	float: left;
}

#project-summary li {
	margin-bottom: 4px;
}

#project-summary li#invoice-summary {
	float: left;
	margin-bottom: 0;
}

#project-summary li span {
	width: 66px;
	padding-right: 3px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	top: 5px;
	font-size: 11px;
}


#project-summary li input {
	width: 180px;
	font-size: 10px;
	padding-left: 3px;
	height:16px;
	padding-top:3px;
	padding-bottom:1px;
}

span.delete-line {
	position: absolute;
	right: 19px;
	top: 50%;

}

li.item span.delete-line a {
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: url(/images/icon-delete-line.png) no-repeat left top;	
	display: none;
	cursor:pointer;
}

li.item:hover span.delete-line a {
	display: block;
}

a#notify-team {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

#send-comment-popup ul.notifications {
	background-color: #fafafa;
	border: 1px solid #b6b5b5;
	padding: 10px;
}

#send-comment-popup li.everyone {
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 0;
}

#send-comment-popup li {
	margin-top: 10px;
	margin-bottom: 0;
	padding: 0;
}

a.client-comment-link {
	font-size: 12px;
	color: #360efd;
}

.comment-contents .edit-comment {
	margin-top: 5px;
	display: block;
	padding: 3px;
	background: #f3f3f3;
}

.comment-contents .edit-comment a {
	color: #000;
}

.comment-contents .edit-comment a:hover {
	text-decoration: none;
}

.comment-bubble textarea {
	width: 436px !important;
	height: 100px;
	border: 1px solid #d2d2d2;
	border-top-color: #929292;
	padding: 1px;
	margin-bottom: 2px;
}

.comment-bubble .comment-edit-form a.link.handover {
	width: 41px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/button-save-comment.png) no-repeat left bottom;
	display: block;
	float: left;
}

.comment-bubble .comment-edit-form a:active.link.handover {
	background: url(../images/button-save-comment.png) no-repeat left top;
}

.comment-bubble .comment-edit-form p {
	float: left;
	font-size: 10px;
	margin-left: 4px;
	padding-top: 3px;
}

/* New Sidebar */

a#button-receive-a-payment {
	width: 221px;
	height: 50px;
	display: block;
	background: url(../images/button-receive-a-payment.png) no-repeat left bottom;
	text-indent: -9999px;
}

a:active#button-receive-a-payment {
	background: url(../images/button-receive-a-payment.png) no-repeat left top;
}

#sidebar-payments {
	background: #f0f3f6 url(../images/background-sidebar-payments.png) repeat-x top left;
}


#sidebar-payments #percentage {
	width: 190px;
	height: 21px;
	line-height: 20px;
	background: url(../images/background-payments-bar-blank.png) no-repeat;
	display: block;
	text-align: right;
	color: #c00808;
	font-weight: bold;
	font-size: 11px;
	padding-right: 10px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 8px;
	left: -2px;
}

#sidebar-payments #percentage #no-payments {
	color: #076c00;
	font-weight: bold;
	position: absolute;
	left: 10px;
	top: 1px;
	text-align: left;
}

#sidebar-payments #percentage span {
	position: absolute;
	right: 10px;
	top: 1px;
	text-shadow: none;
}

#sidebar-payments #percentage span.paid {
	color: #064102;
	text-shadow: #42c519 0 1px 0;
	padding-right: 12px;
	background: url(../images/icon-paid-checkmark.png) no-repeat right 4px;
}

#sidebar-payments #percentage #percentage-paid {
	max-width: 190px;
	width: 0px;
	text-align: left;
	padding-left: 10px;
	padding-top: 1px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/background-payments-bar-paid.png) left top;
	color: #064102;
	text-shadow: #42c519 0 1px 0;
}

#sidebar-payments li {
	padding-top: 7px;
	padding-bottom: 9px;
	border-bottom: 1px solid #d0d0d0;
	position: relative;
	display: block;
	margin-bottom: 0px;
	line-height: 13px;
	padding-right: 18px;
}

#sidebar-payments li a {
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	display: block;
	background: url(../images/icon-delete-payment.png) no-repeat left top;
	position: absolute;
	right: 0px;
	top: 15px;
}

#sidebar-payments li span.note {
	font-size: 11px;
}

#sidebar-payments li em {
	font-style: italic;
}

#sidebar-payments li div {
	position: absolute;
	width: 60px;
	right: 0;
	top: 7px;
	display: block;
	text-align: right;
}

#sidebar-payments span#balance {
	display: block;
	font-size: 12px;
	text-align: right;
	padding-top: 7px;
	padding-bottom: 2px;
}

.sidebar-container {
	width: 199px;
	background-color: #f0f3f6;
	border: 1px solid #c4c8d0;
	border-top:1px solid #c4c8d0;
	border-bottom: 1px solid #a9b1bf;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top: 10px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: #f9f9f9 0 1px 0;
}

.sidebar-container:first-child{
	margin-top:0px;
}

.sidebar-container h4,
#sidebar-payments h4 {
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

#sidebar-payments h4 {
	padding-bottom: 0;
	border-bottom: none;
	font-size: 12px;
}

.sidebar-container img {
	float: left;
	position: relative;
	display: none;
}

.sidebar-container #client {
	float: left;
	font-size: 12px;
	width: 180px;
	line-height: 16px;
}

.sidebar-container span.due-in {
	color: #076200;
	font-weight: bold;
}

.sidebar-container span.overdue {
	color: #c00808;
	font-weight: bold;
}

.sidebar-container li {
	line-height: 18px;
}

.sidebar-container li a {
	font-size: 11px;
	color: #000;
	position: relative;
	top: -1px;
}

.sidebar-container li a:hover {
	color: #242424;
}

#comment-notifications ul {
	/*margin-bottom: 5px;*/
}

#comment-notifications li {
	line-height: 16px;
}

#sent-due.sidebar-container h4 {
	font-weight: normal;
}

#comment-notifications a#subscribe-me {
	display: block;
	background: #e5e5e5;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	text-indent: -9999px;
	width: 196px;
	height: 23px;
	background: url(../images/button-subscribe-email-notifications.png) no-repeat left top;
	margin-top: 3px;
	margin-bottom: 3px;	
	text-shadow: none;
}

#comment-notifications a:active#subscribe-me {
	background: url(../images/button-subscribe-email-notifications.png) no-repeat left bottom;
}


.sidebar-container .invoice-due-date {
	font-weight: bold;
	color: #076c00;
}

.sidebar-container .overdue {
	color: #c00808;
}

h3.invoice-due-date span {
	font-weight: normal;
}


/* Attachments and Notification Form
*************************************/
div.quote-attachments-and-notify {
	margin-left: 16px;
	margin-bottom: 10px;
	color: #3c3c3c;
}

#comment_form div.quote-attachments-and-notify {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.quote-attachments-and-notify a,
div.quote-attachments-and-notify a:active,
div.quote-attachments-and-notify a:visited,
div.quote-attachments-and-notify a:hover
{
	color: #3c3c3c;
}

div.attachments-and-notify-form {
	top: 0px;
	padding: 10px;
	background: #fff;
	margin-right: 15px;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border: 1px solid #c8c8c9;
	border-bottom-color: #a0a0a1;
}

div.attachments-and-notify-form h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

div.attachments-and-notify-form .plain {
	font-weight: normal;
}

div.attachments-and-notify-form ul.files {
	margin-bottom: 15px;
}

div.attachments-and-notify-form ul.files li {
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 8px;
	background: #f6f5f5;
}
	
div.attachments-and-notify-form ul.files li {
	margin-bottom: 5px;
}

div.attachments-and-notify-form ul.notifications li {
	line-height: 20px;
}

div.attachments-and-notify-form ul.notifications {
	padding: 8px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
}

ul.files input {
	width: 230px;
}

ul.files li a {
	float: right;
	position: relative;
	top: 2px;
	font-size: 11px;
}

span.removed-attachment-span {
	text-decoration: line-through;
	font-style: italic;
	color: gray;
}

#client-view #comment_form p {
	float: left;
	margin-top: 12px;
	margin-left: 5px;
	font-size: 11px;
}

.dashboard-sidebar-container {
	background: #f0f3f6 url(../images/background-sidebar-payments.png) repeat-x left -26px ;
	-webkit-border-radius: .4em;	
	-moz-border-radius: .4em;	
	border-radius: .4em;		
	margin-bottom: 10px;
	border: 1px solid #a9b1bf;
	border-bottom-color: #9ea6b3;
}

.dashboard-sidebar-container li {
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #454b52;
	font-size: 12px;
	border-bottom: 1px solid #d6dbe4;
}

.dashboard-sidebar-container li.last {
	border-bottom: none;
}

.dashboard-sidebar-container li strong {
	font-size: 14px;
}

.attachments {
	margin-left: 15px;
	margin-right: 15px;
	display: block;
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f3f3f3 url(../images/icon-attachments.png) no-repeat 10px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #c8c8c9;
	border-bottom-color: #b4b4b4;
	padding-left: 50px;
}

.attachments h4 {
	margin: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}

.attachments li {
	float: left;
}

.attachments li a {
	padding: 5px;
	background-color: #fdfdfd;
	border: 1px solid #c8c8c9;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	color: #365f8c;
	margin-left: 5px;
	border-top-style: solid;
	border-top-color: #ababab;
}

.attachments li a:hover {
	background-color: #eef0f6;
}

.attachments li a:active {
	color: #254160;
}

/* PRINT CSS STYLES WORK IN PROGRESS

#wrap, #document-wrap{
	width: 100%; margin: 0; float: none;
}

body#client-view ul#actions li a#button-back,
body#client-view ul#actions li a#button-download-pdf,
body#client-view ul#actions li input#button-pay-paypal{
	display:none;
}


 */
 
 .plan-table {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: white;
}

.plan-table thead tr {
	background-color: black;
	color: white;
}

.plan-table th
{
	text-align: center;
	padding: 10px;
	font-weight: bold;
	background: url(../images/background-account-grid-header.png) repeat-x left top;
	color: #132c44;
	text-shadow: #e7f4ff 0 1px 0;
}

.plan-table .plan-name
{
	background: url(../images/background-account-grid-name.png) repeat-x left top;
	border-bottom: 1px solid #656e7d;
	border-right: 1px solid #656e7d;
	padding: 6px;
}

.plan-table .plan-detail
{
	border-bottom: 1px solid #656e7d;
	font-weight: bold;
	font-size: 115%;
	padding: 6px 10px;
}

.plan-table .plan-amount
{
	color: #132c44;
}

.plan-table .plan-name-current
{
	background-color: #ffffcc;
	border-bottom: 1px solid #999999;
	padding: 6px;
}

.plan-table .plan-detail-current
{
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	font-weight: bold;
	font-size: 115%;
	padding: 6px 10px;
}

.plan-table .plan-amount-current
{
	color: black;
}

.plan-table .plan-name-future
{
	background-color: #ffffcc;
	border-bottom: 1px solid #999999;
	padding: 6px;
}

.plan-table .plan-detail-future
{
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	font-weight: bold;
	font-size: 115%;
	padding: 6px 10px;
}

.plan-table .plan-amount-future
{
	color: black;
}

.plan-table a.plan-change,
.plan-table a.plan-change:active,
.plan-table a.plan-change:visited
{
	color: #1e2ffd;
	font-weight: bold;
	text-decoration: underline;
}

.plan-table a.plan-change:hover
{
	text-decoration: none;
}

.plan-table a.cancel-downgrade,
.plan-table a.cancel-downgrade:active,
.plan-table a.cancel-downgrade:visited
{
	color: black;
}

.plan-table tbody tr {
	background: url(../images/background-account-grid-line.png) repeat-x left top;
}

.plan-table td.plan-name {
	text-shadow: #fff 0 1px 0;
	color: #202123;
}
.plan-table th span {
	color: #fff !important;
	font-style: normal !important;
	text-shadow: #000 0 1px 0;
	font-size: 12px !important;
}

.cancel-account a {
	width: 165px;
	height: 35px;
	background: url(../images/button-cancel-account.png) no-repeat left bottom;
	display: block;
	text-indent: -9999px;
	margin-top: 5px;
}

.cancel-account a:active {
	background: url(../images/button-cancel-account.png) no-repeat left top;
}

/* ###################### GENERAL ERROR STYLES ###################### */

.error_message, .flash_error{
	padding:17px;
	padding-bottom:0px;
}

.error_message .polish, .flash_error .polish{
	color:#FFDAD3;
	text-shadow: #000 0 1px 0;
	background: #C00808 url(../images/icon-error.png) no-repeat 20px center;
	background-color: #AF2B2B;
	padding:10px;
	padding-left:65px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #da3536;
	border:1px solid #6F1B1B;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #000;
} 

.error_message .polish h2, .flashk_error .polish h2{
	font-size:18px;
	margin:0 !important;
	padding:0 !important;
	top:0 !important;
	margin-top:3px;
	margin-bottom:0 !important;
}

.error_message .polish ul li .flash_error .polish ul li{
	margin-left:25px;
	list-style-type:disc;

}

/* ###################### SETTING ERROR STYLES ###################### */


#user_setting_form .errorExplanation{
	color:#FFDAD3;
	text-shadow: #000 0 1px 0;
	background: #C00808 url(../images/icon-error.png) no-repeat 20px center;
	background-color: #AF2B2B;
	padding:10px;
	padding-left:65px;
	display:block;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #da3536;
	border:1px solid #6F1B1B;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #000;
	margin-left:30px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:3px;

} 

#user_setting_form .errorExplanation h2{
	font-size:18px;
	margin:0 !important;
	padding:0 !important;
	top:0 !important;
	margin-top:3px;
	margin-bottom:0 !important;
	color:#fff;
	border:0;
	text-shadow: #000 0px 1px 0px;		
}

#user_setting_form .errorExplanation p{
	
}

#user_setting_form .errorExplanation ul li{
	margin-left:25px;
	list-style-type:disc;
}

body.settings .flash_error{
	margin-left:15px;
	margin-bottom:15px;

}


/* ###################### NEW CLIENT ERROR STYLES ###################### */

#newClientPopup .error_message{
	padding:10px;
}

/* ###################### ERROR PAGE STYLES ###################### */

.errorwrap{
	background-color:#EEEEEE;
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.errorinner{
	width:600px;
	margin:0 auto;
	margin-top:200px;
	border:5px solid #CCCCCC;
-moz-border-radius:5px;
	padding:30px;
	background-color:#fff;
	font-size:16px;
}

.errorinner h1{
	font-size:20px;
	margin-bottom:5px;

}

#userInfo #help-link {
	color:#E1EAF3;
	font-family:Helvetica,Arial,Helvetica,Arial,sans-serif;
	margin-right:10px;
	margin-top:18px;
	text-shadow:0 1px 0 #000000;
}

#userInfo #help-link a{
	color:#E1EAF3;
	text-decoration:none;
}

.inline-loading {
	background-color:#EFF7FF;
	height:100%;
	left:0;
	opacity:0.5;
	-moz-opacity:.50; 
	filter:alpha(opacity=50);
	position:absolute;
	top:0;
	width:100%;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	margin-top:-1px;
	display:none;
}

.inline-loading img{
	position:absolute;
	top:50%;
	margin-top:-8px;
	right:0px;
	left:50%;
	margin-left:-8px;
}

.button-spinner-wrap{
	float:left;
	position:relative;
}


/* ##################### LOGIN SCREEN ##################### */

body.login{
	background: #053061 url(../images/background-login-page-new.png)  repeat-x top left;

}

body.login #wrap{
	width:1051px;
	height:485px;
	background: url(../images/background-login-new-icons.png) no-repeat top left;
	margin: 0 auto;
		position:relative;
		padding-top:126px;

}

body.login  .invalid_login_password, body.login  .open_id_error, body.login #login-message.logged_out {
	width:488px;
	left:50%;
	margin-left:-275px;
	position:absolute;
	top:60px;
	}
	
.login #wrap{

}
	
.login-form{
	width:555px;
	margin: 0 auto;
}	

.login-form li.top{
	width:555px;
	background: url(../images/background-login-top-new.png) no-repeat top left;
	padding-top:20px;
	padding-bottom:12px;
}
.login-form li.bottom{
	width:555px;
	background: url(../images/background-login-bottom-new.png) no-repeat bottom left;
	
}

.login-form li.top h2{
	font-size:12px;
	color:#d9ebff;
	padding-left:17px;
	text-shadow: #000 0 1px 0;	
}	

.login-form li.top p{
	padding: 0 17px;
	color:#d9ebff;
	margin-top:6px;
	font-size:14px;	
}

.login-form li.username_form{
	width:555px;
	height:56px;
	padding-top:13px;
	background: url(../images/background-login-li.png) no-repeat top left;

}

.login-form li.openid_form{
	width:555px;
	height:56px;
	padding-top:13px;
	background: url(../images/background-login-li.png) no-repeat top left;
}

.login-form li.password_form{
	width:555px;
	height:56px;
	padding-top:13px;
	background: url(../images/background-login-li.png) no-repeat bottom left;
}



.login-form ul a#button-use-openid {
	width: 169px;
	height: 44px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-use-openid-new.png) no-repeat left bottom;
}

.login-form ul a#button-use-login {
	width: 169px;
	height: 44px;
	text-indent: -9999px;
	display: block;
	background: url(../images/button-use-login-new.png) no-repeat left top;
	position: relative;
}

.login-form li#email-my-password{
	float:left;
}

.login-form li label{
	width:100px;
	text-align:right;
	display:block;
	float:left;
	font-size:12px;
	color:#fff;
	text-shadow: #000 0 1px 0;
	line-height:18px;
	padding-right:8px;
	
}

.login-form 	.username_form input,
.login-form 	.password_form input,
.login-form 	.openid_form input{
	background: url(../images/background-login-input-new.png) no-repeat left top;
	width:400px;
	height:33px;
	border:0;
	padding:0;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
	padding-top:13px;
	font-weight:normal;
}

.login-form #login {
	margin-top: 1px;
}

.login-form #login input:hover {
	opacity: 0.9;
}

.login-form #login input:active {
	opacity: 100;
}

.login-form #email-my-password input:hover {
	opacity: 0.9;
}

.login-form #email-my-password input:active {
	opacity: 100;
}

.login-form a:hover#button-use-openid,
.login-form a:hover#button-use-login {
	opacity: 0.9;
}

.login-form a:active#button-use-openid,
.login-form a:active#button-use-login {
	opacity: 100;
}

.login-form #actions{
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	zoom:1;
}

.login-form ul#actions li#login{
	float:left;
}	

.changeing-plan
	{
		background-color: white;
		border: 1px solid #d2d2d2;
	}
	
.changeing-plan h1
{
	background-color: #edf3fe;
	display: block;
	font-weight: bold;
	font-size: 150%;
	padding: 15px 20px;
	border-bottom: 1px solid #d0d9fd;
}

.changeing-plan h3 {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px;
	padding-left: 43px;
	background: #f5f5f5 url(../images/icon-credit-card.png) no-repeat 5px 0px;
}

.changeing-plan td {
	padding: 5px;
}

.changeing-plan .changing-content
{
	padding: 15px 20px;
	font-size: 120%;
}

.changeing-plan .changing-content p
{
	margin: 10px 0px;
}

.changeing-plan .changing-content .submit
{
	border-top: 5px solid #dcdcdc;
	margin-top: 20px;
	padding-top: 20px;
}

.login-form #actions #forget-password a {
	float: left;
	margin-left: 5px;
	margin-top: 14px;
	color: #dadada;
	font-size: 12px;
	font-weight: normal;
}

.login-form #actions #forget-password a:hover {
	color: #e7e7e7;
}

/* ------------------------------------------ */


.status-badge{
	float:left;
	margin-top:26px;
	margin-left:5px;
	position:relative;
}

.status-badge a.remove-status{
	width:12px;
	height:12px;
	padding:3px;
	background:  url(../images/icon-remove-status-notext.png) no-repeat center center;
	position:absolute;
	top:-1px;
	right:-18px;
	display:none;
	text-indent:-99999px;
	
}

.status-badge:hover a.remove-status{
	display:block;
}

/* Multi-Currency Support
-------------------------*/
.dashboard-sidebar-container ul.multi-currency li
{
	border: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	margin-top:3px;
}

ul.multi-currency li .currency-name{
	background-color:#d5d8dd;
	ffont-weight:normal;
	font-size:11px;
	padding:1px 2px 0px 2px;
	margin-top:1px;

	
	
}
/* System Message
******************/
#system-message{
	width: 541px;
	margin:0 auto;	
	margin-top: 5px;
	color: #000;
	font-size:12px;
	line-height:16px;
	background: url(../images/background-system-message.png) no-repeat top left;
	padding:15px;
	padding-top:10px;
	padding-bottom:5px;
	position:relative;
	margin-bottom:15px;
}

#system-message h5{
	margin-bottom:2px;
	font-weight:bold;
}


#system-message-bottom{
	background: url(../images/background-system-message.png) no-repeat bottom left;
	width:571px;
	height:5px;
	left:0px;
	bottom:-5px;
	position:absolute;
} 

#system-message a, #system-message a:visited{
	color: #000 !important;
}

#system-message a#system-message-dismiss{
	padding-left:12px;
	background: url(../images/icon-close-system-message.png) no-repeat left center;
	color:#454b52;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:8px;
	right:12px;
	
}

/* Custom Slider Checkboxes (app integration page) 
*************************************************/
input.slider-checkbox{
	display:none;			/* needed for safari */
}

.jquery-checkbox       {display: inline; font-size: 36px; line-height: 36px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 91px; height: 36px;}
.jquery-checkbox img{background: transparent url(../images/widget-slider-on-off.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -36px;
}
.jquery-checkbox-checked img{
	background-position: 0px -72px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -108px;
}

.jquery-checkbox-small      {display: inline; font-size: 30px; line-height: 30px; cursor: pointer; cursor: hand;}
.jquery-checkbox-small .mark {display: inline;}

.jquery-checkbox-small img {vertical-align: middle; width: 75px; height: 30px;}
.jquery-checkbox-small img{background: transparent url(../images/widget-slider-on-off-small.png) no-repeat;}

.jquery-checkbox-small img{
	background-position: 0px 0px;
}
.jquery-checkbox-small-hover img{
	background-position: 0px -30px;
}
.jquery-checkbox-small-checked img{
	background-position: 0px -60px;
}
.jquery-checkbox-small-checked .jquery-checkbox-hover img {
	background-position: 0px -90px;
}


/* For RedCloth Parsing
*********************************/
em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

.comment-body p,
.line-details .description p,
#notes p {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}


.comment-body ul,
.line-details .description ul,
#notes ul,
.comment-body ol,
.line-details .description ol,
#notes ol{
	flist-style-type: disc  !important;
	margin-left: 2em;
}


.comment-body ul li,
.line-details .description ul li,
#notes ul li {
	background:none !important;
	border: 0  !important;
	list-style-type: disc !important;
	display:list-item !important;
}

.comment-body ol li,
.line-details .description ol li,
#notes ol li {
	background:none !important;
	border: 0  !important;
	list-style-type: decimal;
	display:list-item !important;
}

/* Option Panels
**********************/
.option-panel {
	display: block;
	width: 536px;
	margin-left: 17px;
}

.option-panel .panel-top {
	background: transparent url(../images/background-option-panel-top.png) no-repeat;
	height: 6px;
}

.option-panel .panel-body {
	padding: 6px;
	background:white url(../images/background-option-panel.png) repeat-y center top;
}

.option-panel .panel-bottom {
	background: transparent url(../images/background-option-panel-bottom.png) no-repeat;
	height: 7px;
}

/* Recurring Options
*********************/
#invoice-recurring-options {
	margin-bottom: 15px;
}

#invoice-recurring-options-body {
	position: relative;
}

#invoice-recurring-options-body img.icon {
	display: block;
	position: absolute;
	top: 12px;
	left: 16px;
}

#invoice-recurring-options-body .slider-float {
	position: absolute;
	top: 5px;
	right: 15px;
}

#invoice-recurring-options-body .text {
	margin-left: 40px;
	width: 360px;
}

#invoice-recurring-options-body .text .title {
	display: block;
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 2px;
}

#invoice-recurring-options-body .text .description {
	display: block;
}

#invoice-recurring-options-body .sub-settings{
	width:476px;
	background-color:#f00;
	padding:10px 15px;
	padding-bottom: 6px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:9px;
	background:url(../images/background-invoice-setting-sub-container.png) no-repeat top left;
	position:relative;
}

#invoice-recurring-options-body .sub-settings-bottom{
	width:535px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0px;
	background:url(../images/background-invoice-setting-sub-container.png) no-repeat bottom left;	
}

#invoice-recurring-options-body .sub-settings li {
	background:none;
	padding:0;
	margin-bottom:10px;
}

#invoice-recurring-options-body .sub-settings li:last-child {
	margin-bottom:0;
}