/* 	sbs.css
	Saratoga Business Services
	2007-03-18 - Add Comments
	2007-03-18 - Add divs for input forms to replace tables
*/

/* Main Body and global settings for the entire site */
body {
 		position:relative;
 		display:block;
 		top:0px;
 		bottom:0px;
 		left:0px;
 		right:0px;
 		width:100%;
 		background-color:white;  
 		color:blue;  
 		margin-top:0px;
		font-weight:normal; 
 		margin-right:0px;
 		margin-bottom:0px;
 		margin-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
		font-size:12px;
}
a:link {
}
a:visited {
}
select {
            	font-size:13px; 
		font-family:verdana; 
		font-weight:bold; 
}
input {
             	font-size:13px; 
		font-family:verdana; 
		font-weight:normal; 
}

/* Header block used on the front page */
div.header {	
		position:relative;
		display:block;
		height:90px;
		width:100%;
		top:0px;
		right:0px;
		left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-left:0px;
		padding-top:0px;
		padding-right:0px;
		padding-bottom:0px;
		padding-left:0px;
}
/* Header logo on the left side of the header block */
div.headlogo {	
		position:relative;
		display:block;
		width:411px;
		margin:0px;
		top:0px;
		left:0px;
}

div.contactform {	
		position:absolute;
		display:block;
		width:600px;
		margin:0px;
		top:50px;
		left:300px;
}

div.headtext {	
		position:absolute;
		display:block;
		width:auto;
		height:auto;
		font-size:30px;
		margin:0px;
		top:0px;
		left:100px;
}
div.headtext2 {	
		position:absolute;
		display:block;
		width:400px;
		height:auto;
		font-size:20px;
		margin:0px;
		top:35px;
		left:0px;
		right:auto;
}
/* Login Block on right side of header */
div.login {	
		position:absolute;
		display:block;
		width:350px;
		height:auto;
		top:0px;
		right:15px;
		bottom:auto;
		left:auto;
}
/* One line in the login block */
div.login-line {
		position:relative;
		display:block;
		height:30px;
		width:350px;
		left:5px;
}
/* Login Form */
form.login {	
		position:relative;
		display:inline;
		width:350px;
		height:auto;
		right:0px;
		left:auto;
		top:5px;
		bottom:auto;
}
/* Control text size on input lines */
input.login {	
		font-size:13px; 
		font-family:verdana; 
		font-weight:bold; 
}
input.bigcheck {
		height: 20px;
		width: 20px;
		font-weight:bold; 
} 
/* Navigation menu bar */
div.navbar {	
		position:relative;
		display:block;
		height:25px;
		width:100%;
 		background-color:lightblue;  
		left:0px;
		right:0px;
		top:0px;
		bottom:auto;
		z-index:5;
}

div.bold {	
		position:relative;
		font-weight:bold; 
}


/* Main app, everything under the navigation bar */
div.app {	
		position:relative;
		display:block;
		font-size:16px; 
		font-weight:normal; 
		font-family:arial; 
		width:98%;
		height:auto;
		right:0px;
		bottom:0px;
		left:10px;
		top:0px;
}
/* Receipt input form */
div.fees {	
		position:relative;
		width:900px;
		left:20px;
}
/* Receipt input form */
div.recontop {	
		position:relative;
		display:block;
		width:100%;
		height:100px;
		right:auto;
		bottom:auto;
		left:0px;
		top:0px;
}
/* Receipt input form */
div.reconbot {	
		position:relative;
		display:block;
		width:100%;
		height:auto;
		right:auto;
		bottom:auto;
		left:0px;
		top:0px;
}
/* Receipt input form */
div.receipt {	
		position:relative;
		display:block;
		width:50%;
		height:auto;
		right:auto;
		bottom:auto;
		left:0px;
		top:0px;
}
/* Right side of page, shows info on this file */
div.receiptinfo {	
		position:absolute;
		display:block;
		width:50%;
		height:auto;
		right:0px;
		bottom:auto;
		text-align:right;
		left:auto;
		top:0px;
 		color:white;  
}
/* Right side of page, shows info on this file */
div.reconinfo {	
		position:absolute;
		display:block;
		width:auto;
		height:auto;
		right:0px;
		bottom:auto;
		text-align:right;
		left:auto;
		top:0px;
 		color:white;  
}
div.reconinfofixed {	
		position:fixed;
		display:block;
		width:auto;
		height:auto;
		right:30px;
		bottom:auto;
		text-align:right;
		left:auto;
		top:40px;
 		color:white;  
}
div.check {	
		position:relative;
		display:block;
		width:50%;
		height:auto;
		right:auto;
		bottom:auto;
		left:0px;
		top:5px;
}
div.checkinfo {	
		position:absolute;
		display:block;
		width:45%;
		height:auto;
		right:0px;
		bottom:auto;
		left:auto;
		top:5px;
}
div.disburse-select {	
		position:relative;
		display:block;
		width:100%;
		height:30px;
		top:5px;
}
div.disburse-app {	
		position:relative;
		display:block;
		width:100%;
		height:100%;
		top:30px;
}
div.modify-menu {	
		position:relative;
		display:block;
		width:100%;
		height:30px;
}
div.modify-app {	
		position:relative;
		display:block;
		width:100%;
		height:100%;
		top:10px;
}
div.modify-menu-line {
		position:relative;
		display:table-row;
		height:25px;
		width:100%;
		left:10px;
}
div.modify-menu-item {
		position:relative;
		display:table-cell;
		height:25px;
		width:50px;
		left:10px;
		background:yellow;  
}
/* Right side of page, shows info on this file */
div.collatetotal {	
		position:absolute;
		display:block;
		width:auto;
		height:auto;
		right:240px;
		bottom:auto;
		left:auto;
		top:140px;
}
/* Right side of page, shows info on this file */
div.colmodsubmit {	
		position:absolute;
		display:block;
		width:auto;
		height:auto;
		right:0px;
		bottom:auto;
		left:auto;
		top:20px;
}
/* Right side of page, shows info on this file */
div.colmodmenu {	
		position:absolute;
		display:block;
		width:auto;
		height:auto;
		right:0px;
		bottom:auto;
		text-align:right;
		left:auto;
		top:40px;
}
/* One line of an input form on recon */
div.recon-button {
		position:absolute;
		height:25px;
		width:auto;
		right:auto;
		bottom:auto;
		left:200px;
		top:250px;
		font-weight:bold; 
/*		background:pink;   */
}
/* One line of an input form on recon */
div.input-recon {
		position:relative;
		display:table-row;
		height:25px;
		font-weight:bold; 
		width:auto;
		left:15px;
/*		background:grey;  */
}
/* One line of an input form */
div.input-line-recon-right {
		position:relative;
		display:table-cell;
		height:25px;
		font-weight:bold; 
		text-align:right;
		width:400px;
		left:15px;
/*		background:grey;   */
}
/* One line of an input form */
div.input-line-recon {
		position:relative;
		display:table-cell;
		height:25px;
		font-weight:bold; 
		width:400px;
		left:15px;
/*		background:grey;   */
}
/* One line of an input form */
div.input-line {
		position:relative;
		display:table-row;
		height:25px;
		font-weight:bold; 
		width:auto;
		left:15px;
/*		background:grey;  */
}

div.input-line-desc {
		position:relative;
		display:table-cell;
		height:25px;
		font-weight:bold; 
		width:230px;
		left:10px;
/*		background:yellow;  */
}

div.input-line-desc-center {
		position:relative;
		vertical-align:middle;
		display:table-cell;
		height:25px;
		font-weight:bold; 
		width:230px;
		left:10px;
/*		background:yellow;  */
}

div.input-line-field {
		position:relative;
		display:table-cell;
		font-weight:bold; 
		height:25px;
		width:auto;
		padding-left:20px;
/*		background:orange; */
}

div.input-line-field-fixed {
		position:relative;
		display:table-cell;
		height:25px;
		width:auto;
		padding-left:20px;
		font-size:14px; 
		font-family: Courier New, Courier, monospace;
/*		background:orange; */
}

div.input-line-field-right {
		position:relative;
		display:table-cell;
		text-align:right;
		height:25px;
		width:auto;
		padding-left:20px;
/*		background:orange; */
}

input.input-line-fixed {
		position:relative;
		display:table-cell;
		height:17px;
		width:auto;
		font-family: Courier New, Courier, monospace;
		font-weight:bold; 
		padding-left:20px;
/*		background:orange; */
}

input.input-line-field {
		position:relative;
		display:table-cell;
		height:27px;
		width:auto;
		font-weight:bold; 
		padding-left:20px;
/*		background:orange; */
}

div.input-list {
		position:relative;
		display:table-row-group;
		height:25px;
		width:100%;
		padding-left:20px;
/*		background:orange;  */
}

div.input-list-cell {
		position:relative;
		display:table-cell;
		height:25px;
		width:auto;
		padding-left:20px;
/*		background:red;  */
}

div.table50 {
		position:relative;
		display:table;
		width:700px;
		height:auto;
}

div.table {
		position:relative;
		display:table;
		height:auto;
		width:100%;
}

div.table-800 {
		position:relative;
		display:table;
		height:auto;
		width:800px;
}

div.table-rg {
		position:relative;
		display:table-row-group;
		height:auto;
		width:auto;
}

div.rightadjust {
		text-align:right;
		right:40px;
		width:40px;
		height:20px;
}

div.feeleft {
		position:relative;
		text-align:left;
		width:200px;
		display:block;
		background-color:red;
		left:10px;
		height:20px;
}
div.feeright {
		position:relative;
		text-align:right;
		background-color:pink;
		width:200px;
		display:block;
		height:20px;
		right:0px;
}
div.leftadjust {
		text-align:left;
		width:400px;
		left:10px;
		height:20px;
}

div.table-row {
		position:relative;
		display:table-row;
		width:auto;
		height:20px;
}

div.table-row-100 {
		position:relative;
		display:table-row;
		width:200px;
		height:20px;
}

div.table-row-bold {
		position:relative;
		display:table-row;
		width:auto;
		font-weight:bold;
		height:20px;
}

div.table-row-right {
		position:relative;
		display:table-row;
		text-align:right;
		width:auto;
		height:auto;
}

div.table-cell {
		position:relative;
		display:table-cell;
		padding-left:20px;
		height:20px;
}

div.table-cell-right {
		position:relative;
		display:table-cell;
		padding-left:20px;
		height:20px;
		right:0px;
}

div.table-cell-25 {
		position:relative;
		display:table-cell;
		padding-left:20px;
		padding-top:5px;
		height:auto;
		width:25%;
}
div.table-cell-right-green {
		position:relative;
		display:table-cell;
		padding-left:20px;
		text-align:right;
		height:auto;
 		background-color:green;  
 		color:white;  
}

div.table-cell-right-redflash {
		position:relative;
		display:table-cell;
		padding-left:20px;
		text-align:right;
		height:auto;
 		background-color:red;  
 		color:white;  
}

div.table-cell-right {
		position:relative;
		display:table-cell;
		padding-left:20px;
		text-align:right;
		height:auto;
}

div.table-cell-left-150 {
		position:relative;
		display:table-cell;
		padding-left:20px;
		text-align:right;
		height:20px;
		width:50px;
}

div.center-table {
		position:relative;
		display:table;
		width:100%;
		height:100%;
		vertical-align:middle;
}

div.center-table-row {
		position:relative;
		display:table-row;
		width:100%;
		height:500px;
		vertical-align:middle;
}

div.center-table-cell {
		position:relative;
		display:table-cell;
		width:100%;
		height:100%;
		text-align:center;
		vertical-align:middle;
}

td.right {	
		text-align:right;
}
td.money {	
		text-align:right;
}