/* --------- /stylesheets/hdpapp.css --------- */ 
* {
	padding: 0; margin: 0; 	
} 
html {
	
}
body {
	margin: 0px;
	font-family: Verdana, "MS Trebuchet", sans-serif;
	background-color: #eee;
}
hr {
	margin-top: 15px;
	border: 1px solid #ccc;
}
img {
	border: 0px;
}
img, div, a, input { behavior: url(/javascripts/iepngfix.htc);} /* IE hack for PNG transparency*/  
h2 {
 	text-transform: uppercase;
	font-size: 110%;
}
h4 {
	text-transform: capitalize;
	font-size: 100%;
	margin-bottom: 5px;
}
h5 {
	color: #FF9900;
	font-size: 80%;
	margin-bottom: 10px;
}

.topbar {
	height: 24px;
	font: 75% Arial, Verdana, sans-serif;
	color: #999;
	padding: 8px 0px 0px 10px;
	width: 900px;
	margin: 0 auto;
}

.topbar a{
	color: #333;
}
.topbar a:hover {
	color: #000;
}
.topleft {
	float: left;
	width: 250px;
}
.topright {
	display: inline;
	float: right;
	padding-right: 20px;
	width: 500px;
}

/* END: TOP Bar */

/* START: LOGO BAND */ 

.logoband {
	height: 50px;
	padding: 10px 20px;
	background-color: #333;
	width: 900px;
	margin: 0 auto;
	font: 65% Arial, Verdana, sans-serif;
	color: #fff;
}
.logoband a {
	color: #FFF;
}
.logoband a:visited {
	color: #FFF;
}
.logoband a:hover {
	color: #FFFFCC;
}
.logoband-wrapper {
	background: #333;
	width: 100%;
}
.logoband-logo{
	float: left;
	width: 350px;
	font: 160% Arial, Verdana, sans-serif;
}
.logoband-logo a{
	text-decoration: none;
	font-size:25px;
}
.logoband-ext {
	float: right;
	padding-right: 20px;
	width: 400px;
	text-align: right;
}

/* END: LOGO BAND */ 

/* START: Awesome Tabs */ 
.tabwrapper {
	background: #333;
}
.tabs {
	width: 900px;
	margin: 0 auto;
	background-color: #333;
	height: 30px;
}
/* write tab alert here */
.tabs li {
	float: left;
	width: 100px;
	height: 23px;
	list-style: none;
	margin-right: 6px;
	text-align: center;
	padding-top: 7px;
	font-size: 71%;
	background: #565656;	
}

.tabs li a{
	text-decoration: none;
	color: #fff;
	display: block;
	padding-bottom: 10px;
}
.tabs li.current{
	text-decoration: none;
	background: #eee;
	font-weight: bold;
}
.tabs li.special{
	text-decoration: none;
	float: right;
}
.tabs li.current a{
	color: #000;
}

/* END: Awesome Tabs */

/* START: IMPORTANT Page Div */
/*loginbox depends*/
.mainlayout {
	width: 900px; 
	margin: 0 auto;
}
.newpage {
	float: left;
	width: 720px;
	background: #fff;
	min-height: 500px;
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
}
.page-sidebar {
	float: right; width: 165px; margin-left: 10px;
}
.sidebar-item h4 {
	margin-top: 12px;
	padding: 5px;
	font-size: 75%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-transform: capitalize;
	color: #555;
	margin-bottom: 6px;
	background: #ddd;
}
.sidebar-item p {
	padding: 4px 2px 2px 0px;
	font-size: 75%;
	color: #666;
	line-height: 17px;
}

.sidebar-item p a{
	color: #333;
	line-height: 17px;
}

.sidebar-item a {
	color: #444;
	font-size: 80%;
	text-decoration: underline;
	line-height: 25px;
}

.sidebar-item a:hover {
	color: #000;
	text-decoration: none;
}

/* END: IMPORTANT Page Div */

/* START: Help Content Display Area */
.helpbox {
       margin: 0 auto;
       width: 690px;
       background: #FAFAFA;
	   min-height: 35px;
       margin-bottom: 10px;
       border-top: 1px solid #FFD324;
       border-bottom: 1px solid #FFD324;
	   color: #514721;
	   line-height: 19px;
    	background-image: url(/images/info-icon.png); background-repeat: no-repeat;
}
#helpmessage {

       padding: 8px 10px 10px 32px;
       font-size: 70%;
}
#helpmessage a {
       color: #0066cc;
       font: 150% Arial, "Trebuchet MS", Verdana, sans-serif;
}

.helpblock {
       margin: 0 auto;
       width: 690px;
       background: #FAFAFA;
	   min-height: 135px;
       margin-bottom: 10px;
       border-top: 1px solid #FFD324;
       border-bottom: 1px solid #FFD324;
	   color: #333;
	   line-height: 20px;
}

#helppara {
       padding: 12px;
       font-size: 75%;
}
#helppara a{
		font-size: 20px;
		color: #FA4B00;
		text-align: center;
}
#helppara h1{
		font-size: 23px;
		color: #333;
		font-family: Arial, "MS Trebuchet", sans-serif;
}
#helppara p{
	padding-bottom: 15px;
	padding-top: 4px;
}

.error {
	margin: 0 auto;
	width: 896px;
	background: #FBE3E4;
	min-height: 36px;
	margin-bottom: 10px;
	border: 2px solid #FBC2C4;
	color: #8a1f11;
}
.error_msg {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
	font-size: 90%;
}
.validation_error {
	margin: 0 auto;
	width: 660px;
	background: #FBE3E4;
	min-height: 30px;
	margin-bottom: 10px;
	border: 2px solid #FBC2C4;
	color: #8a1f11;
	padding: 8px;
}
.signup-validation-error { 
	width: 400px;
	background: #FDD9D9;
	min-height: 40px;
	margin-bottom: 10px;
	border: 5px solid #999;
	color: #fff;
	padding: 1em;
}
.fieldWithErrors input{
	border-color: red;
}
.notice {
    margin: 0 auto;
    width: 896px;
    min-height: 36px;
    margin-bottom: 10px;
	background: #FFF6BF;
	border: 2px solid #FFD324;
	color: #514721;
	text-align: center;
}
.notice_msg {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	vertical-align: middle;
	font-size: 90%;
}
/* End Help Content Display Area */

/* START: Adding title to the Page Div */

.pagetitle {
	width: 100%;
	height: 50px;
	background: #CCC;
	font: 80% Arial, Verdana, sans-serif;
}

.pagetitle_block {
	float: left; 
	padding: 15px;
	width: 400px;
}

.pagetitle_block h1 {
	font-size: 130%;
}

.pagefilter_block {
	display: inline; 
	float: right; 
	width: 220px; 
	padding: 15px;
	text-align: right;
}
.pagefilter_block a {
	color: #333;
	padding-left: 20px;
	font-size: 90%;
	font-weight: bold;
}
.pagefilter_block a:hover {
	color: #000;
}
.pagetitle p {
	padding: 20px;
}

.pagecontent {
	margin-top: 20px;
	margin-bottom: 20px;
}

/* END: Adding title to the Page Div */

/* Login Screen */

.signupbox {
	margin: 0 auto;
	margin-top: 50px;
	width: 480px;
	background: #fff;
	min-height: 540px;
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;

}
.signupblock {
	padding: 20px;
}

.loginbox {
	margin: 0 auto;
	margin-top: 120px;
	width: 500px;
	background: #fff;
	height: 350px;
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
}
.loginform {
	padding: 20px;
	line-height: 20px;
}
.loginerror {
	background-color: #DBFE85;
	font-size: 70%;
	text-align: center;
	padding: 5px;
}

.loginform fieldset {
	padding: 1em;
	border: 0px;
	font: 90% Arial, Verdana, sans-serif; 
	margin-top: 20px;
  }
.loginform label {
	text-align:right; 
	float: left;
	width: 100px;
	padding-bottom: 10px;
	margin-right: 10px;
	font-weight: bold;
}
.loginform input {
	font: 100% Arial, Verdana, sans-serif;
	color: #333;
}
.loginform span {
	font-size: 75%;
	color: #666;
}

.rememberme {
	margin-left: 110px;
}
.loginhelp a{
	font-size: 75%;
	margin-left: 120px;
	color: #666;
}



/* Begin: Listing Invoices */

.invoicelist {
	margin: 0 auto;
	width: 690px;
	font-size: 12px;
	line-height: 30px;
	border: 0px;
}
.invoicelist th {
	border-bottom: 1px solid #ccc;
}
.invoicelist td {
	padding: 2px 2px 2px 4px;
}

.invoicelist a {
	color: #ff6600;
}

.col1 {
	width: 125px;
	text-align: left;
		 	
}
.col2 {
	width: 110px;
	text-align: left;
	font-style: italic;	 	
}
.col3 {
	width: 110px;
	text-align: center;	
}
.col4 {
	width: 340px;
	text-align: left;		 	

}
.col5 {
	width: 130px;
	text-align: right;
		 	
}

.odd-row {

	background: #fff;
}
.even-row {
	background: #fff;
	
}
tr#rowborder td{
	border-bottom: 1px solid #CCC;
	
}

tr.rowhighlight {
	background-color: #FFFFCC;
}
tr.rowborderth td{
	border-bottom: 1px solid #000;
}
.total-row {
	background: #eee;
	font-weight: bold;
}

/* End: Listing Invoice table */


/* START: Start Footer */

.footer {
	width: 900px;
	margin: 0 auto;
	color: #666;
	text-align: left;
	font-size: 65%;
	height: 20px;
	padding: 10px;
	
}
#footer-center {
	text-align: center;
}

.footer a {
	color: #666;
}


/* End: End Footer */

/* START: Simple Form Layout */
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.genericform {
		width : 690px;
        line-height: 18px;
		margin: 0 auto;
}
.genericform p {
		font-size: 75%;
		color: #666;
		margin-bottom: 20px;
}
.genricerror {
       background-color: #DBFE85;
       font-size: 70%;
       text-align: center;
       padding: 5px;
}

.formwrapper {
       padding: 1em;
       border: 0px;
       font: 90% Arial, Verdana, sans-serif;
       background: #F4FECA;
 }
.formwrapper1 {
       padding: 1em;
       border: 0px;
       font: 90% Arial, Verdana, sans-serif;
       background: #EEE;
 }
.formwrapper3 {
       padding: 1em;
       border: 0px;
       font: 70% Arial, Verdana, sans-serif;
       background: #D6E1C7;
 }
/*.genericform label-unused {
       text-align:right;
       float: left;
       width: 150px;
       padding-bottom: 10px;
       margin-right: 10px;
       font-weight: bold;
       color: #333;
}*/
.genericform input {
       font: 90% Arial, Verdana, sans-serif;
       color: #333;
}
.genericform span {
       font-size: 75%;
       color: #666;
}
.smallinput {
	width: 30px;
}
.formelement {
       margin-bottom: 15px;
}
.formheading {
       font: 110% Arial, Verdana, sans-serif;
       color: #999;
       margin-bottom: 10px;
       font-weight: bold;
       padding-top: 0px;
       background-color: #FFF;
       margin-top: 10px;       
}
/* END: End Simple Form Layout */

/* START: 2 Column Div */

.halfleft {
       float: left;
       width: 360px;
}
.halfright {
       float: right;
       width: 400px;

}
.cleardiv {
       clear: both;
}
.spacediv {
       margin-top: 30px;
}

/* END: 2 Column Div */

/* Class for rows in Create Invoices Section */


.particulars {
       min-height: 200px;
       width: 690px;
       font-size: 80%;
       margin-top: 13px;
}

.particulars textarea{
	width: 180px;
	height: 50px;
}
.particulars span {
	font-size: 100%;
	color: #000;
}

.particulars select{
	width: 140px;
}

.field0 {
       width: 40px;
       float: left;
       text-align: left;
}
.field1 {
       width: 160px;
       float: left;
       text-align: left;

}
.field2 {
       width: 180px;
       float: left;
       text-align: left;

}
.field3 {
       width: 100px;
       float: left;
       text-align: right;

}
.field4 {
       width: 100px;
       float: left;
       text-align: right;

}

.field7 {
       width: 100px;
       float: left;
       text-align: right;
}
.odd-row {
       background: #fff;
}
.even-row {
       background: #efefde;
}
.total-row {
       background: #eee;
       font-weight: bold;
}
#rec {
       padding-top: 15px;
}
#caption {
       font-weight: bold;
       color: #333;
       padding-bottom: 15px;
	   text-transform: uppercase;
	   font-size: 100%;
}
.arecord a{
	font-size: 80%;
	text-decoration: none;
	color: #0066cc;
}
.arecord a:hover {
	text-decoration: underline;
	color: #000;
}
.invoicesum {
	float: right; width: 250px; font-size: 80%;
}
.invoicesum-row {
	padding-top: 12px;
}
.invoicesum-discount {
	padding-top: 12px;
}
.invoicesum-tax {
	padding-top: 12px;
}
.invoicesum-label {
	float: left; width: 150px; font-weight: bold;
}
.invoicesum-label-tax {
	float: left; width: 150px;
}
.invoicesum-value {
	width: 90px; float: right; text-align: right; padding-right:8px;
}

.invoicesum-value input{
	width: 50px;
	text-align: right;
	color: red;
}
/* End: Listing Invoice table */

/* Start: Pagination example styles */

.fi_pagination {
  background: white;
	margin-left: 15px;
  /* self-clearing method: */ }
  .fi_pagination a, .fi_pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .fi_pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; }
  .fi_pagination span.current {
    font-weight: bold;
    background: #333;
    color: white;
    border: 1px solid #333; }
  .fi_pagination a {
    text-decoration: none;
    color: #666;
    border: 1px solid #666; }
    .fi_pagination a:hover, .fi_pagination a:focus {
      color: #003;
      border-color: #003; }
  .fi_pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .fi_pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .fi_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .fi_pagination {
    height: 1%; }
  *:first-child+html .fi_pagination {
    overflow: hidden; }

/* End: Pagination examples */
/* Show Invoice */
.show-invoice {border: 0px solid #000; width: 690px; margin: 0 auto; margin-top: 10px; min-height: 500px;}
.show-invoice a {margin-left: 5px;}
.invoice-left {float: left; width: 210px; border: 0px solid #ccc;}
.invoice-right {float: left; width: 450px; border: 0px solid #000;}
.invoice-from {font: 80% Arial, Verdana, sans-serif; font-weight: 700;}
.invoice-add {font: 70% Arial, Verdana, sans-serif;  line-height: 15px;}
.invoice-data-row {width: 260px; margin-left: 200px; border: 0px solid #999;}
.invoice-data-row1 {width: 260px; margin-left: 200px; border: 1px solid #999; min-height: 50px; margin-top: 10px; padding-top: 5px;}
.invoice-label {float: left; font: 80% Arial, Verdana, sans-serif; text-align: right; font-weight: bold; width: 120px; border: 0px solid #999; color: #333; padding-right: 10px; padding-bottom: 4px; }
.invoice-data {float:left; font: 80% Arial, Verdana, sans-serif; text-align: left; font-weight: bold; width: 120px; border: 0px solid #999; color: #666; padding-bottom: 4px;}
.invoice-amount {float:left; font: 80% Arial, Verdana, sans-serif; text-align: right; font-weight: bold; width: 120px; border:0px solid #999; color: #666; padding-bottom: 4px;}

.invoice-item-band {margin-top: 20px; width: 100%; background-color: #ccc; height: 30px;}
.invoice-item-header {font-weight: 700; color: #fff; font: 85% Arial, Verdana, sans-serif; padding: 5px;}
.invoice-item-row {color: #333; font: 75% Arial, Verdana, sans-serif; padding: 5px; margin-top: 15px;}
.invoice-item-kind {float: left; width: 15%; }
.invoice-item-desc {float: left; width: 45%;}
.invoice-item-price {float: left; width: 15%; text-align: center;}
.invoice-item-qty {float: left; width: 10%; text-align: center;}
.invoice-item-amount {float: left; width: 14%; text-align: right;}
/* END: Show Invoice */
/* START: Invoice Status Colours */
#Closed {
	background: #000; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Overdue {
	background: #990000; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Draft {
	background: #999999; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Paid {
	background: #009933; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Due {
	background: #0066CC; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}

/* END: Invoice Status Colours */

/* START: Recurring Profiles Status Colours */
#Stopped {
	background: #000; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Draft {
	background: #999999; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Completed {
	background: #009933; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}
#Active {
	background: #0066CC; color: #fff; font-size: 90%; text-transform: uppercase; padding: 4px; font-family: Arial, "MS Trebuchet", sans-serif;
}

/* END: Recurring Profiles Status Colours */

/* Form for create invoice */
.formblock {
	padding-left: 10px;
}
.formblock hr {
	margin-top: 15px;
	border: 1px dashed #ccc;
}
.formrow {
	padding-bottom: 15px;
}
.formrow p {
	font-size: 80%;
}
.formlabel {
	font-size: 75%;
	font-weight: bold;
}
.form-adv {
	margin-top: 15px; border: 1px solid #E4DED8; background: #fafafa; padding: 5px; font-size: 80%;
}
.form-adv a {
	color: #333; font-size: 90%;
}
.form-adv-options {
	border: 1px solid #f6f6f6;
	margin-top: 10px;
	height: 130px;
}
.form-adv-options h4{
	font-size: 75%;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #999;
}
.form-adv-option1 {
	float: left;
	width: 150px;
	border-right: 1px solid #f6f6f6;
	height: 130px;
	margin-right: 5px;
	margin-left: 5px;

}
.form-adv-option2 {
	float: left;
	width: 140px;
	height: 130px;
	border-right: 1px solid #f6f6f6;
	margin-right: 5px;
	margin-left: 5px;	
}                
.currency_select {
	width: 160px;
}
.form-adv-option3 {
	float: left;
	width: 140px;
	height: 130px;
	border-right: 1px solid #f6f6f6;
	margin-right: 5px;
	margin-left: 5px;
	
}
.form-adv-option4 {
	float: left;
	width: 210px;
	height: 130px;
	margin-right: 5px;
	margin-left: 5px;
}
.form-help {
	float: right; font-size: 75%; color: #999; width: 400px; text-align: right;
}
.formfield {
	font-size: 80%;
	font-weight: bold;
	color: #666;   
	
}
#formelement1 {
	float: left;
	width: 120px;
}
#formelement2 {
	float: right;
	padding-left: 20px;
	width: 125px;
}
#formelement3 {
	float: right;
	padding-left: 20px;
	width: 125px;
}
#formelement4 {
	float: right;
	padding-left: 20px;
	width: 150px;
	padding-right: 10px;
}

/*Table for form elements */
.formtable {
	margin-top: 10px;
	height: 60px;
	width: 100%;
}
.topalign {
	vertical-align: top;
	
}
.terms-textarea {
	width: 675px;
	height: 80px;
	line-height: 17px;
}
.feedback-textarea {
	width: 600px;
	height: 80px;
	line-height: 17px;
}
/* END: Invoice Satus Colours */
/* START: REDBOX CUSTOMIZED STYLES */
.comments-section {
	height: 400px;
	background-color: green;
	overflow:auto;
}
.payments {
	height: 300px;
	background-color: #fff;
	overflow:auto;
	padding: 25px;
}
.redbox-close {
	padding-left: 660px; margin-top: -55px;  z-index: 1; position: absolute;
}
.items-box {
	height: 150px;
	background-color: #fff;
	overflow:auto;
	padding: 25px;
}
.btn-float {
	float: right;
	width: 170px;
}
.icon-td {
	width: 28px;
	text-align: left;
}
.action-td {
	width: 130px;
}

.action-desc {
	width: 130px;
	font-size: 60%;
	color: #666;
	padding-bottom: 10px;
}
.add-item a{
	color: #666;
	font-size: 75%;
}
/* Float Classes for action buttons */
.float-right {
	float: right;
	margin-right:10px;
}
.float-left {
	float: left;
	margin-left:10px;
}/* --------- /stylesheets/earth.css --------- */ 
body {
	background: #FAFAFA;
}

h5 {
	color: #FA4B00;
}

.loginbox {
	border-right: 2px solid #E8E8E8;
	border-bottom: 2px solid #E8E8E8;
}

.logoband {
	background: #7A5B3E;
}
.logoband-wrapper {
	background: #7A5B3E;
}
.tabwrapper {
	background: #7A5B3E;
}
.tabs {
	background: #7A5B3E;
}
.tabs li {
	background: #CDBDAE;
}
.tabs li a{
	color: #2A2428;
}
.tabs li.current{
	background: #FAFAFA;
}
.newpage {
	border-right: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}


.pagetitle {
	background: #E4DED8;
}
.pagefilter_block a {
	color: #FA4B00;
}

tr.rowhighlight {
	background-color: #FAFAFA;
}

.invoicelist a {
	color: #FA4B00;
}

.sidebar-item h4 {
	background: #2A2428;
	color: #fff;
}

.sidebar-item a {
	color: #FA4B00;
}