html, body {
	font-size: 12px;
}

body {
	padding:0;
	font-family: "Helvetica";
    height : 100%;
  	text-align: center;    
	background: #e4e4e4 url('../images/texture.jpg');	
/* 	background: #ccc; */
/* 	background: #e3e3e3 url('../../images/main_grad2.jpg') top repeat-x; */
/* 	background: #fff; */
}

.paypal {
	width: auto;
	height: auto;
}

a {
	text-decoration: none;
	outline: none;
	border: none;
}

img {
	border: none;
}

p {
	color: #000;
	text-align: left;
}

h4 .smalllink {
	font-size: 10px;
}

a:link, a:visited {
	color: #333;
}

#login_form button.loginbtn {
	margin-left: 40px;
	
}

p .loginnav {
	color: #ff0000;
}


#login_btns_box {
/*
	position: relative;
	width: 320px;
	margin: 0 auto;
*/
}

a#forgotpw {
	font-size: .8em;
	display: inline;
	float: left;
	margin: 0px 0 0 30px;
	padding: 0;
}




a.delete_btn {
	color:#a95c5c;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;	
}

.myform h4 {
	margin: 0;
	padding: 0 0 10px 5px;
	font-size: 1.2em;
	color: #333;
	text-align: left;
}

.myform {
	padding: 0;
	margin: 0;
	
}

form.popupform button {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

form.popupform {
	padding: 0 60px 0 0;
	margin-bottom: 30px;
}

form.popupform 

form {
	clear: both;
}

#formspacer {
	height: 32px;
}

.infobox h4, .infobox_small h4 {
	margin: 0;
	padding: 0 0 0px 0px;
	font-size: 1.8em;
	text-align: left;
	line-height: 1em;
	color: #333;
	text-shadow: #fff 0.1em 0.1em 0.4em	
}


#login_form {
	height: auto;
	width: 350px;
/* 	padding-left: 15px; */
}

#login_form input {
	width:150px;
	clear: right;
}



#login_form label {
	width:80px;
	clear: left;
	margin-left: 30px;
	color: #333;
}

#create_account_form {
	height: auto;
	width: 330px;
	margin-left: 20px;
	
}

.column1.logincol {
	width:350px;
	margin-left: 10px;
}



.column1.newacccol label {
	width: 120px;
	clear: left;
}

.column1.newacccol input {
	width:200px;
	clear: right;
}

.column1.newacccol button {
	clear: both;
}

#myvideotut {
	display: none;
	width: 724px;
	height: 468px;
	
}

#unsubscribemessage {
	display: none;
}
	

#footcopy {
	position: absolute;
	display: none;
	top:600;
	left:-80px;
	width: 700px;
	
}

/* mybuttons */

.pageing_btns {
	width: 35px;
	float: left;
}

button {
	width:75px;
	line-height: 1.3em;
	font-size: .9em;
	padding: 2px 0 2px 0;
	margin: 0;
	cursor: hand;
	cursor: pointer;
}

button:hover {
	color:#cc8600;
}

#login_btns_box button {
	width: 120px;
}

.recordbuttonsbox button {
	width: 65px;
	float: right;
}

/* */

#titlebox {
	width:298px;
	clear: none;
	height: 21px;
	float: left;
	padding: 40px 0 10px 45px;
}

#tabsbox {
	position: absolute;
	top: 46px;
	right:50px;
	width:200px;
	clear: left;
}

#mainbuttonsbox {
	position: absolute;
	top: 0px;
	right:50px;
	width:260px;
	clear: none;
}

.editbox {
	cursor: hand;
	cursor: pointer;
}

/* start home-page text boxes */

#logincontainer {
	position: relative;
	width: 400px;
	height: auto;
	top:30px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#loginlogo {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 250px;
	top:90px;
}

#securearrow {
	position: absolute;
	top:0px;
	left:20px;
	display: none;
}

#securetext {
	position: absolute;
	top:70px;
	left:-80px;
	width:210px;
	text-align: left;
	display: none;
}


#howtext {
	position: absolute;
	top:260px;
	left:-80px;
	width:200px;
	text-align: left;
	display: none;
}

#wheretext {
	position: absolute;
	top:370px;
	left:-80px;
	width:200px;
	text-align: left;
	display: none;
}

#whereimg {
	position: absolute;
	top:460px;
	left:-70px;
	width:141px;
	height: 61px;
	text-align: left;
	display: none;	
}



#simpletext {
	position: absolute;
	top:460px;
	left:240px;
	width:320px;
	text-align: left;
	display: none;
}


#backupstext {
	position: absolute;
	top:50px;
	left:650px;
	width:200px;
	text-align: left;
	display: none;
}

#backupsimg {
	position: absolute;
	top:120px;
	left:650px;
	width:78px;
	height: 76px;
	text-align: left;
	display: none;
}


#demotext {
	position: absolute;
	top:190px;
	left:650px;
	width:200px;
	text-align: left;
	display: none;
}

#demoimg {
	position: absolute;
	top:270px;
	left:650px;
	text-align: left;
	display: none;
}

#marketingtext {
	position: absolute;
	top:350px;
	left:650px;
	width:200px;
	text-align: left;
	display: none;
}



#marketingimg {
	position: absolute;
	top:460px;
	left:650px;
	width:97px;
	height: 83px;
	text-align: left;
	display: none;
}

.period {
 padding-left:4px;
}


#videotut {
	position: absolute;
	top:360px;
	left:260px;
	width: 240px;
	height: 24px;
	display: none;
}

#betatest {
	position: absolute;
	top:400px;
	left:140px;
	width: 480px;
	height: 24px;
	display: none;
}

#try {
	position: absolute;
	top:140px;
	left:-120px;
}



.statusbox {
	position: relative;
	width:180px;
	margin: 0 auto;	
	height: 10px;
	clear: none;
	left:-10px;
	text-align: center;
/* 	border: 1px black solid; */
	
}




.statusbox p {
	text-align: center;
	font-size: 12px;
	line-height: 1em;
	font-weight:normal;
	color: #333;
	padding: 0 0 10px 0px;
	margin: 0 0 0 0;
	letter-spacing: 1px 
		
}



.notesbuttonsbox, .accountbuttonsbox, .buttonsbox {
	width:260px;
	text-align: right;
	float: right;
	margin-right: 18px;
}

.notesbuttonsbox button, .accountbuttonsbox button, .buttonsbox button {
	float: right;
}

.pagebuttonsbox {
	position: relative;
	width:200px;
	padding-left: 0px;
	text-align: left;
	float: left;
}


.optionsmenubuttonbox {
	position: relative;
	width:80px;
	padding-left: 0px;
	text-align: left;
	float: left;	
}

.recordbuttonsbox {
	position: relative;
	float: left;
	width:500px;
	padding-left: 0px;
	text-align: right;
	margin-left: 40px;	
}



.options_menu_holder{
	position: relative;
	width: 75px;
	clear: none;
	z-index: 100;
}

table .options_menu_holder {
	float: right;
	text-align: left;
	z-index: 100;
	
}

.options_menu {
	position: absolute;
	top:18px;
	left:1px;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 5px;
	width: 68px;
	height: auto;
	display: none;
	background: #ccc;
	z-index: 100;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #ccc;
	
}

.options_menu button {
	width:65px;
	 
}

.options_menu_btn {
	z-index: 10;
}


.greenbg {
	background: #2c701c;
}

a.green, button.green {
	color: #2c701c;
	font-weight: bold;
}


a.upgradelink {
	text-decoration: none;
	display: none;
}

#upgradebtn {
	display: none;
}

.search {
	color: #000;
	
}

.nosearch {
	font-weight: normal;
	color: #000;
}

.inlineform {
	padding: 0;
	margin: 0;
	display: inline;

}

.left {
	float: left;
}

#modified p {
	color: #737373;
	font-size: .7em;
	text-align: right;
	padding-right: 15px;
}

#modified {
	width:150px;
	height: 30px;
	float: right;
	margin: 0;
	padding: 0;
}	

p.company_name {
	position: relative;
	width:420px;
	text-align: center;
	padding: 0 0 3px 0;
	margin: 10px auto 0 auto;
	color: #333;
	font-weight: bold;
	line-height: 1.3em;
	font-size: 1.2em;
	left:-10px;
}


#statusboxsmall p {
	font-size: .6em;
	line-height: 1em;
}

/*
.smallbutton {
	width:90px;
	font-size: 12px;
	border:solid 1px #344f65;
	float: left;

	
}
*/

#loginbtn {
	margin-left: 160px;
}

#topclear {
	height: 0px;
}

#mainbox {
	position:relative;
	width:960px;
	top:0px;
	margin-top: -10px;
	padding-bottom: 20px;
	padding-top: 0px;
	margin-left:auto;
	margin-right:auto;
	/*
-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
*/	
	overflow: visible;
/* 	background: #8e8e8e url('../images/mainbox_grad.jpg') top repeat-x;	 */
/* 	-webkit-box-shadow:0 0 .8em hsla(0, 0%, 0%, 1.0);-moz-box-shadow:0 0 .8em hsla(0, 0%, 0%, 1.0);box-shadow:0 0 .8em hsla(0, 0%, 0%, 1.0); */
	
}

.smallbox {
	position:relative;
	width:430px;
	top:0px;
	margin-top: 20px;
	padding: 15px;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #cccccc; 
	/*
-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
*/	
	overflow: visible;
	background: #ffffff;
	
}

#printallform, #printoneform {
	margin: 0;
	padding: 0;
}



#formbox, #formboxnotes, #formboxteamnotes, #formboxaccount, #formboxtodo, #formbox2, #formboxadd, #formboxinvoices {
	width:840px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	visibility: visible;
/* 	-webkit-box-shadow:0 0 .5em hsla(0, 0%, 0%, 1.0);-moz-box-shadow:0 0 .5em hsla(0, 0%, 0%, 1.0);box-shadow:0 0 .5em hsla(0, 0%, 0%, 1.0); */
}

.formboxsmall {
	width:400px;
	margin-bottom: 15px;
	margin-top: 0;
	padding-top: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	visibility: visible;
}

.row {
	width: 96%;
	margin-bottom: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	cursor: hand;
	cursor: pointer;
}

.rbox {
/* 	background: #ad5b4f url('../images/rbox_grad.jpg') top repeat-x;	 */
	background: #ccc url('../images/paper.jpg');	
/* 	background: url('../images/dark_texture.jpg');	 */

/* 	background: #e2e2e2;	 */
	padding: 10px 10px 10px 30px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px; 
	box-shadow:inset 0 0 10px #333;

}

.rboxresult {
	background-color: #cccccc; 
	color: #fff; 
	padding: 15px; 
	line-height: 20px; 
	
	margin: 0 0 20px 0;
	/*
-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
*/
}

hr {
	width:97%;
	color: #cccccc;
}

.myform hr {
	width: 95%;
	border: none;
	background: #999;
	height: 1px;
	margin: 10px auto 20px auto;
}

h1   {
	display: block;
	text-align:left;
	font-size:1.2em;
	line-height: 1em;
	font-weight:bold;
	padding: 0px 0 6px 0px;
	margin: 0 0 0 0;
	color: #333;
	letter-spacing: 0px;
	font-family: Helvetica;      
			  
}

#litetext {
	display: none;
}

h2   {
	display: block;
	text-align:left;
	font-size:1.5em;
	line-height: 1em;
	font-weight:normal;
	color: #fff;
	padding: 20px 0 0px 0px;
	margin: 0 0 0 0;
	letter-spacing: 0px;
	font-family: Helvetica;
	float: left;
	width:200px;      
	     
}


h3   {
	display: block;
	text-align:left;
	font-size:1.3em;
	line-height: 1em;
	font-weight:normal;
	color: #333;
	padding: 0px 0 10px 50px;
	margin: 0 0 0 0;
	letter-spacing: 0px;
	font-family: Helvetica;
	float: left;
	width:200px;
	clear: both;
}

.column {
	width: 330px;
	float: left;
	border: none;
	
}

.bdaycol {
	width: 400px;
}

.column1 {
	width: 370px;
	float: left;
	border: none;
}

.column2 {
	width: 370px;
	float: left;
	border: none;
	margin-left: 50px;

}

.columnfull {
	width: 100%;
	float: left;
	margin-top:5px;
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	
	
}



legend {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}


input, select{
	float:left;
	font-size:12px;
	width:210px;
	height:17px;
	margin:0px 0 10px 10px;
	background-color: #fff;
	box-shadow:inset 0px 1px 1px #878787;
	border: 1px solid #bbbbbb;
    padding: 3px 0 3px 3px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-right-radius: 4px;  
	border-top-right-radius: 4px;     
	
}

textarea {
	float:left;
	font-size:12px;
	width:650px;
	margin:0 0 0 10px;
	height: 150px;
	text-align: left;
	background-color: #fff;
    padding: 5px 4px 0 4px;
	box-shadow:inset 0px 1px 1px #878787;
	border: 1px solid #bbbbbb;	
	
}


label{
	display:block;
	text-align:right;
	width:130px;
	height:22px;	
	float:left;
   	font-size: 12px;
   	line-height: 1.7em;	
    padding: 3px 4px 0 0;
    background: #fff;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;  
	border-top-left-radius: 4px;  
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;	    
	box-shadow:inset 1px 1px 3px #878787;
   
}

select {
	color:#ff0000;
}

#company_inv {
	width: 185px;
	clear: none;
}

#company_plus_btn {
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	clear: right;
	margin: 2px 0 0 8px;
	cursor: hand;
	cursor: pointer;
}



#dontmail, .checkbox {
	text-align: left;
	float:left;
	width:15px;
	height:15px;
    padding: 2px 0 18px 0;
   	margin:0px 0px 18px 10px;
 
		
}


.tinyinput {
	display: block;
	float:left;
	font-size:12px;
	width:210px;
	height:20px;
	margin:0px 0 10px 10px;
	color:#000;
	background-color: #fff;
	box-shadow:inset 0 0 2px #ccc;
	border: 1px solid #ccc;
    padding: 2px 0 2px 2px;
}

.column1 .tinyinput {
	width:120px;
	height:auto;
}

.column2 .tinyinput {
	width:120px;
	height:auto;
	
}



ul li {
	text-align: left;
}

.resultinput {
	font-size:12px;
	width: 100px;
	margin: 0 0 0 5px;
	
}

.resultlabel {
	font-size: 12px;
	padding: 2px 2px 2px 0;
	margin: 0 0 0 20px;
	width: 50px;
	
}

.namecolumnheads {		
	padding-left:20px; 
	width:50px; 
	float:left;
	font-size: 10px;
}

.companycolumnheads {		
	padding-left:62px; 
	width:50px; 
	float:left;
	font-size: 10px;
}

.statecolumnheads {		
	padding-left:45px; 
	width:50px; 
	float:left;
	font-size: 10px;
}


select{
	float:left;
	font-size:12px;
	border:solid 1px #999999;
	width:200px;
	margin:0px 0 10px 10px;
	color:#000000;
	background-color: #ffffff;
/*
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
*/
    padding: 2px 0 2px 0;
		
	
}

.tinyselect {
	width: 20px;
}


.table_box {
	position: relative;
	float:left;
	width:auto;
	left:-15px;
	margin:20px 0 20px 0px;
	background: #fff;
	padding: 10px 10px 10px 10px; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px; 
	box-shadow:inset 0 0 10px #333;	
}

.table_box th, .table_box td {
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
	color: #333;
	font-size: 1em;
	text-align: left;	
	vertical-align:top;	
}

.table_box th {
}


.hand {
	cursor: hand;
	cursor: pointer;
}


.table_box, #invoices_table, .tablescroll, .tablescroll_wrapper {
/* 	overflow-x: hidden; */
}

table th.thco, table td.co  {
	width:260px;
	padding-left: 5px;
}

table th.thactionsbox, table td.tdactionsbox {
	text-align: right;
}



table tr.lightrow {
	background: #fff;
}

table tr.drkrow {
	background: #eee;
}


#invoices_table .tinyinput {
	padding: 0;
	margin: 0;
	float: left;
}

#invoices_table {
	padding-bottom: 200px;
}



.column2 label {
	width:130px;
}



.blanklabel {

	display:block;
	text-align:right;
	width:140px;
	float:left;
	color:#333333;
   	font-size: 12px;	
    padding: 0 4px 0 0;
}



/*
button{
	width:125px;
	height: 21px;
	text-align:center;
	float:left;
	color:#fff;
   	font-weight: bold;	
    padding: 3px;
    font-size: 1em;
    margin: 0px 0 0px 0px;
	cursor: hand;
	cursor: pointer;
	background: #999  url('../images/label_grad.jpg') repeat-x;
	outline: none;
}



.tinybutton, .options_btn {
	display: block;
	width:70px;
	height: 21px;
	line-height: 1em;
	text-align:center;
   	margin: 0px;
   	padding: 0 0 2px 0;
	border-top: 1px solid #ccc;
	border-right: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-decoration: none;
	font-size:.8em;
	outline: none;
	
}

.btn_end_left {
	
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
	border-bottom-left-radius: 4px;  
	border-top-left-radius: 4px;  

}

.btn_end_right {
	
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	border-bottom-right-radius: 4px;  
	border-top-right-radius: 4px;  

}

.btn_end_top {
	-moz-border-radius-topright: 4px;	
	-moz-border-radius-topleft: 4px;	
	border-top-right-radius: 4px;  
	border-top-left-radius: 4px;  
}

.btn_end_bottom {
	-moz-border-radius-bottomright: 4px;	
	-moz-border-radius-bottomleft: 4px;	
	border-bottom-right-radius: 4px;  
	border-bottom-left-radius: 4px;  
}




.supertinybutton{
	width:70px;
	height: 21px;
	line-height: 1em;
	text-align:center;
	color:#fff;
   	font-size: 8px;
   	margin: 0px;
 	cursor: hand;
	cursor: pointer;
	float: right;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;	
}
*/




.clear {
	clear:both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	width: 0px;
}


.rowcount {
	width:20px;
	padding: 3px 3px 5px 10px; 
	margin-bottom:4px;		
	float: left;
	clear: left;
}

#statusbtn {
	background-color: #ffffff;	
}

.rowcount p {
	display: inline;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.myhidden {
	display: none;
}

#jump_menu {
    position:absolute;  
    top:140px;  
    left:65%;  
    margin-left:235px; 
	width:80px;
	height: auto;
	background: url('../images/paper.jpg');	
	padding: 10px 0px 10px 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow: 0 0 5px #666;	
	border: 2px solid #999;
	text-align: left;
	z-index: 1000;
	
}



#freeacct_popup {
    position:absolute;  
    top:20px;  
    left:45%;  
	width:220px;
	height: auto;
	background: url('../images/paper.jpg');	
	padding: 0px 0px 0px 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	box-shadow: 0 0 5px #666;	
	border: 2px solid #999;
	text-align: left;
	z-index: 1000;
	display: none;
	
}


.myhr {
	height: 1px;
	width:60px;
	margin: 0 auto 1px auto;
	padding: 0;
	background: #eee;

	border: none;
}

.infobox {
	width: 600px;
}

.infofield {
	display:block; 
	float:left; 
	height:20px; 
	width:140px; 
	margin: 0 0 0 10px; 
	padding:0px 0 0 0px; 
}

.infofield p {
	padding:5px 0 0 0; 
	margin:0;
}

.infobox_small {
	width: 400px;
	height: auto;
	text-align: left;
	clear: both;
	margin-bottom: 10px;
	padding: 20px 20px 20px 20px;
}

.infobox_small .centerthis p {
	display: block;
	width:100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 5px 0 0;
}

.infobox_small .centerthis input {
	text-align: center;		
	margin: 20px 0 20px 130px;
}

.infobox_small img {
	margin: 0 auto;
}

.infobox p, .infobox_small p, .infobox_small li {
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}




/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	background-color:#666;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}