/* --------- /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;
}
/* --------- /stylesheets/form.css --------- */ 
/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Framework
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : March 19, 2009

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

.fi_form{
	font-family:"Lucida Grande", Arial, sans-serif;
	width: 710px;
	margin: 0 auto;
}
.fi_form li{
	width:62%;
}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display: block;
	margin:0;
	padding:4px 5px 2px 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

form li div, form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
form li span{
	float:left;
}

form li div.col, form li div.block{
	padding:0;
}
form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}
li.twoColumns div.col span{
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div.col span{
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div.col span{
	width:auto;
	margin:0 7px 0 0;
}

form li div span.left, form li div span.right{
	width:47%;
	margin:0;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{
	width:100%;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 .2em 0;
	clear:left;
}
.info div{
	font-size:95%;
	line-height:135%;
	margin:0 0 1.1em 0;
	color:#555;
}

/* ----- SECTIONS ----- */

form li.section{
	border-top:1px dotted #ccc;
	padding-top:.9em;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
	position:static;
}
form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 .2em 0;
}
form .section div{
	display:block;
	font-size:85%;
	margin:0 0 1.2em 0;
	padding:0;
}


/* ----- LABELS ----- */

label.desc{
	line-height:150%;
	margin:0;
	padding:0 0 1px 0;
	border:none;
	color:#333;
	display:block;
	font-size:80%;
	font-weight:bold;
}
form li div label, form li span label{
	margin:0 0 6px 0;
	padding-top:6px;
	clear:both;
	font-size:10px;
	line-height:12px;
	color:#444;
	display:block;
}
label.choice{
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:88%;
}

span.symbol{
	font-size:115%;
	line-height:130%;
}
form li .datepicker{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- MIN/MAX COUNT ----- */

form li div label var{
	font-weight:bold;
	font-style:normal;
}
form li div label .currently{
	display:none;
}

/* ----- FIELDS ----- */

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:80%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
input.text, input.file{
	padding:2px 0 2px 0;
}
input.checkbox, input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

textarea.textarea{
	font-family:"Lucida Grande", Arial, sans-serif;
}

select.select{
	font-family:"Lucida Grande", Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
	margin:1px 0;
}
/* Webkit */
body:nth-of-type(1) select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.buttons{
	clear:both;
	margin-top:10px;
}
.buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info div, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section div, .rtl input.btTxt{
	direction:rtl;
}

/* ----- SIZES ----- */

.third{
	width:32% !important;
}
.half{
	width:48% !important;
}
.full{
	width:100% !important;
}

input.small, select.small{
	width:25%;
}
input.medium, select.medium{
	width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
}

textarea.small{
	height:5.5em;
}
textarea.medium{
	height:10em;
}
textarea.large{
	height:20em;
}


/* ----- REQUIRED ----- */

form span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
	background-color:#fff7c0;
}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
form .instruct small{
	font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
	font-size:10px;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}


.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li div.block, .rightLabel li div.block{
	float:left;
}


.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li div.block, .rightLabel li div.block{
	width:64%;
}


* html .leftLabel .small, * html .rightLabel .small{
	width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
	width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
	width:97%;
}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}


.leftLabel .buttons, .rightLabel .buttons{
	margin-left:15px;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{
	margin-left:7px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit{
	margin-left:29%;
}
* html .leftLabel .buttons .submit, * html .rightLabel .buttons .submit{
	margin-left:22%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
	display:none !important;
}
.noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons{
	width:97% !important;
}
.noI form li.section, .altInstruct form li.section{
	padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:34%;
}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel li div.col, .noI .rightLabel li div.col,
.noI .leftLabel li div.block, .noI .rightLabel li div.block{
	width:60%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
	width:100%;
}