body, a, input, textarea {
	font-size:12px;
	color:#000000;
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	background-attachment: fixed;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #F3F4F6;
	text-align:center;
}
a {
	color:#000000;
	text-decoration:none;
}
a:hover {
	color:#000033;
	text-decoration:none;
	border-color:#b55;
}
/* ****************************************************************** positioning */
#siteborder {
	margin:auto;
	border:none;
	padding:10px;
	width:730px;
	text-align:center;
}
#siteborder[id]{
	background-image:url(../images/70_trans_dot.png);
	background-repeat:repeat;
}
#sitecontainer {
	background-color:#FFFFFF;
	border:0;
	text-align:left;
}
#page
	{ display:block; width: 710px; padding:10px; }
#adresss1, #address2, #login_panel, #address3
	{ width:265px; padding:10px; margin:0px;}
#address2, #address3
	{ float:right; margin-top:-10px;}
#address_shift
{ float:right; width:150px; text-align:center; margin-top:40px; }


/************************************************************* SECTIONS INFORMATION */
#address_section { width:248px; }
#address_header { width:265px; }
#invoice_content .section_header { width:705px; margin-top:15px; }
#address1 .section_content, #address2 .section_content , #address3 .section_content{ width:243px; }
#invoice_content .section_center { width:693px; }

#notes_holder .section_header { width:360px; margin-top:15px; }
#notes_holder .section_center { width:343px; }
#notes_holder .section_content {width:352px; padding:3px; margin-bottom:0px;}
#textarea_holder { border:0px; padding:0px; }
.section_header {
	height: 30px;
	display: block;
	margin-bottom:0px;
}
.section_left, .section_right {
	background-image:url(../images/section_header_left.gif);
	width: 6px;
	background-repeat:no-repeat;
	float: left;
	height: 30px;
}
.section_center {
	background:url(../images/section_header_center.gif) top right repeat-x;
	float:left;
	height: 30px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	line-height: 30px;
}
.section_right {
	background-image:url(../images/section_header_right.gif);
	float: right;
}
.section_content, .invoice_options_content {
	background-color: #F5F5F8;
	border: 1px solid #A0A4B1;
	padding: 10px;
}
.text_input, .input_state, .input_zip, .input_city, .input_area, .input_phone {
	width:240px;
	background-color:#FFFFFF;
	border:1px solid #0066CC;
	text-transform: capitalize;
}
.input_area { width: 35px; }
.input_phone { width: 60px; }
.text_input { width:240px; }
.button_display {
	width:200px;
	background-color:#CCCCCC;
	color:#000000;
	border-width:1px;
	border-style:solid;
	border-bottom-color:#666666;
	border-right-color:#666666;
	border-color:#FFFFFF;
}
.section_content label, .invoice_options_content label, .invoice_options_content a, .section_content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.invoice_options_content a, .section_content a { font-size:11px; color:#FF9900; }
.section_content .name, .section_content .address {
	display:block;
}
.section_content .input_city {
	width: 148px;
}
.section_content .input_state {
	width: 30px;
	text-transform: uppercase;
}
.section_content .input_zip { width: 45px; }
.section_content .city {
	width:153px;
	float:left;
}
.section_content .state { width:37px; float:left; }
.section_content .zip {
	width:45px;
	float:left;
	overflow:hidden;
}

/* ****************************************************************** BUTTONS */
#add_ship_address, #add_bill_address { float:right; margin-top:-23px; border:0px; background:transparent; background-repeat:no-repeat; width:16px; cursor:pointer;}
/*#remove_button, #save_button, #open_button, .paid_button, .paid_button_checked, #deliver_button, #cal_click, .cal_click { border:0px; background-color:transparent; width:16px; background-repeat:no-repeat; cursor:pointer; }
*/
.paid_button, .paid_button_checked, #cal_click, .cal_click, .button { border:0px; background-color:transparent; width:16px; background-repeat:no-repeat; cursor:pointer; }
#save_button[id] { background-image:url(../images/save.png); }
#remove_button[id] { background-image:url(../images/delete.png); }
#deliver_button[id] { background-image:url(../images/sent_ok.png); }
#open_button[id] { background-image:url(../images/open.png); }
.paid_button[id] { background-image:url(../images/apply_fade.png); }
.paid_button_checked[id] { background-image:url(../images/apply.png); }

.contact_manager_button {
	float:right;
	margin-top:-23px;
	border:0px;
	background:transparent;
	background-repeat:no-repeat;
	width:16px;
	cursor:pointer;
	background-image:url(../images/toggle_log.png);
}

.nav_icon {
	background-color:transparent;
	width:16px;
	height:16px;
	padding-right:17px;
	background-repeat:no-repeat;
	background-position:left center;
}
#save_icon { background-image:url(../images/save.png); }
#open_icon { background-image:url(../images/open.png); }
#new_icon { background-image:url(../images/klipper_dock.png); }
#print_icon, #print_button[id] { background-image:url(../images/printer.png); }
#report_icon { background-image:url(../images/editpaste.png); }
#logout_icon { background-image:url(../images/kgpg_identity.png); }
#configure_icon { background-image:url(../images/configure.png); }
#checks_icon { background-image:url(../images/apply.png); }
#backup_icon { background-image:url(../images/deb.png); }
#payment_icon { background-image:url(../images/apply.png); }
#payment_icon_dis { background-image:url(../images/apply_fade.png); }
#touch_screen_icon { background-image:url(../images/display.png); } 

.prev_next_button {
	text-align:center;
	border:0px;
	background-color:transparent;
	background-repeat:no-repeat;
	cursor:pointer;
	height:32px;
	background-position: center top;
	padding-top:16px;
	vertical-align: bottom;
}
#prev_invoice {
	background-image:url(../images/left.png);
}
#next_invoice { background-image:url(../images/right.png); }
#prev_invoice_dis { background-image:url(../images/left_dis.png); }
#next_invoice_dis { background-image:url(../images/right_dis.png); }
#cal_click, .cal_click { background-image:url(../images/date.png); padding-left:16px; margin-top:16px;}
.centered_toolbar { height:36px; line-height:36px; vertical-align:middle; }
.centered_toolbar a { padding-right:15px; }
/* ******************************************************************** MISC ** */
#new_fields_button
	{ width:265px; padding:10px; display:block; height:120px;}
#total_display
	{ width:265px; float:right; margin-right:5px; margin-top:10px;}

#total_display label,#total_display input {
	display: block;
	width: 75px;
	float: left;
	margin-bottom: 10px;
	margin-left:22px;
	text-align:right;
	background-color:#FFFFFF;
	border:1px solid #FFF;
	padding-right:15px;
	border-right:3px;
}
#total_display label {
	text-align: right;
	width: 72px;
	padding-right: 20px;
}
#total_display br { clear: left; }
#total_display #sub_total { border:3px double #000; }
#total_display #paid { border:0px; border-bottom:2px solid #000; }
/*#total_display .totallook {
	background-color:#FFFFFF;
	text-align:center;
	margin-top:10px;
	
	border: 1px solid #FFFFFF;
}
#total_display #sub_tax {
	margin-left:28px;
	font-weight: bold;
}
#total_display #sub_total {
	font-weight: bold;
	border: 3px double #000000;
}
.bottom_fields { width:200px; display:block;}
#paid_for_label { padding-right:115px; }*/



/* ********************************************************** LOGO STUFF ** */
#logoholder {
	background-image:url(../images/header_bg-blue.png);
	background-repeat:repeat-x;
	height:90px;
	margin:0px;
	border:0px;
	width:730px;
}
#logo {
	margin:0px;
	border:0px;
}
#logo span {
	display:none;
}

/* *********************************************************** footer items ** */
#footer {
	height:40px;
	margin:auto;
	border:none;
	width:750px;
	text-align:center;
	font:7pt Arial, Helvetica, sans-serif;
	color: #797A7B;
}
#footnav {
	width: 750px;
	height: 27px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
#footnav ul, #footnav li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
}
#footnav a, #footnav .copyright, #footnav .other {
	margin:0px 0px 4px 0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	font:7pt Arial, Helvetica, sans-serif;
	color: #797A7B;
}
#footnav .other {
	float:left;
}
#footnav .copyright {
	float:right;
}
#footnav a:hover {
	color:#006;
}

/* ********************************************************************* header links */
#navcontainer {
	height:40px;
}
#nav {
	width:730px;
	height:27px;
	margin:0px;
	padding:0px;
	border-bottom:solid 1px #CCCCCC;
	border-top:solid 1px #FFFFFF;
	background:#F3F4F6;
}
#nav ul, #nav li {
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
}

#nav li.navitem a {
	float: left;
	line-height:14px;
	margin:0px 0px 4px 0px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:4px;
	color:#000;
}
#logout_click { float:right; }
#nav li.navitem a:hover{
	border-bottom:4px solid #013E9B;
	background:#E5E5E5;
	color:#006;
	cursor:pointer;
}

/* **************************************************************** invoice section */
#readroot { display:none;}
#writeroot { width: 700px;}
#tax_display { padding-left:8px; }

.shared_field, .UPC_field {
	width: 65px;
	background-color:#FFFFCC;
	text-align: center;
	border: 1px solid #FFFFFF;
}
.UPC_field { width:95px; }
.shared_field_selected {
	width: 65px;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px dotted #0066FF;
}
.products {
	width: 300px;
	background-color:#99FFCC;
	text-align: left;
	border: 1px solid #FFFFFF;
	text-transform: capitalize;
}
.products_selected {
	width: 300px;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px dotted #0066FF;
	text-transform: capitalize;
}
.invoice_bar, .invoice_bar_alt {
	width: 705px;
	border-bottom: 1px solid #0066cc;
	height: 24px;
	vertical-align: middle;
	line-height: 24px;
	background-color:#FFFFFF;
}
.invoice_bar_alt {
	background-color:#FFFFCC;
}
.shared_heading, .UPC_heading { width:70px; float:left; text-align:center; }
.UPC_heading { width:100px; }
.products_heading { width:290px; float:left; }
#invoice_content .section_center { padding:0; }

/* ******************************************************************* COMPANY INFO */
#company_info {
	width:200px;
	height:90px;
	float:right;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	display:block;
}
#company_info #comp_address, #company_info #comp_phone { display:block; }

/* INVOICE INFO */
#invoice_info {
	float:right;
	height:75px;
	background-color:#FFFFFF;
	margin-top:-80px;
	margin-right:15px;
}
#config_save_change {
	float:right;
	background-color:#FFFFFF;
	margin-top:-20px;
	margin-right:10px;
}
#invoice_info label {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
#invoice_info input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	/*border: 1px solid #FFFFFF;*/
	background-color:#FFFFCC;
	padding-left:10px;
}
#loading {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	position:fixed;
	top: 0px;
	right: 0px;
	float: right;
	height: 100px;
	width: 85px;
	display:none;
}

/* ************************************************************* MESSAGE */
#messages {
	height: 25px;
	display: none;
	text-align:center;
	padding-top:10px;
	width:416px;
	padding-left:157px;
}
#msg_left, #msg_right {
	background-image:url(../images/msg_left.gif);
	width: 8px;
	background-repeat:no-repeat;
	float: left;
	height: 25px;
}
#msg_center {
	background-color:#FF9900;
	float:left;
	height: 25px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	width:400px;
}
#msg_right {
	background-image:url(../images/msg_right.gif);
	float: right;
}

/* **************************************************************** ADDRESS DROP DOWN LIST */
#bill_address_drop, #ship_address_drop, .products_drop, .address_drop {
	border: 1px solid #000000;
	width: 240px;
	background-color: #FFFFFF;
	position:absolute;
	z-index:20px;
	display:none;
}
#bill_address_drop ul, #ship_address_drop ul, .products_drop ul, .address_drop ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#bill_address_drop span, #ship_address_drop span, .products_drop span, .address_drop span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: right;
}
.products_drop {
	width: 300px;
	margin-left:70px;
	margin-top:-4px;
}
.products_drop span {
	color:#33CC00;
}
#bill_address_drop li, #ship_address_drop li, .products_drop li, .address_drop li {
	height: 18px;
	background-color:#FFFFFF;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	line-height: 18px;
	cursor:pointer;
}
#bill_address_drop li:hover, #ship_address_drop li:hover, .products_drop li:hover, #drop_highlight, .address_drop li:hover {
	background-color:#3366CC;
	color:#FFFFFF;
}

/* ********************************************************************* OPEN DISPLAY ** */
.invoice_id { width:85px; float:left; margin-left:5px; }
.invoice_name { width:175px; float:left; }
.invoice_total { width:80px; float:left; }
.invoice_num_item { width:40px; float:left; }
.invoice_modified { width:85px; float:left; }
.invoice_options { text-align:right;}

.check_title_display { width:250px; float:left; }
.check_name { width:260px; float:left; }
.check_empty_space { text-indent:18px; width:108px; float:left; }

.invoice_id_display { width:85px; float:left; }
.invoice_title_display { width:175px; float:left; }
.invoice_total_display { width:80px;  float:left; }
.invoice_items_display { width:55px;  float:left; margin-left:-17px;}
.invoice_modified_display { width:85px; float:left; }

#pages_holder { font-size:12px; padding-top:5px; vertical-align:baseline;}
#pages_holder a { padding:2px; }
#pages_holder a:hover { color:#FF0000; }
#pages_holder label { color:#000099; font-weight:bold; }
#pages_holder .prev_next_button { padding-left:16px; }

/* report look */
#dates label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	float: left;
	width: 110px;
}
#dates input {
	width: 100px;
}

/* ************************************************** REPORTS DROP DOWN LIST */
.headerDropDown {
	border: 1px solid #003399;
	border-top:5px solid #003399;
	width: 175px;
	background-color: #FFFFFF;
	position:absolute;
	z-index:20px;
	/*display:none;*/
}
.headerDropDown ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.headerDropDown span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
}
.headerDropDown li {
	height: 18px;
	background-color:#FFFFFF;
	color:#000000;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	line-height: 18px;
	cursor:pointer;
	text-align:left;
}
.headerDropDown li:hover {
	background-color:#3366CC;
	color:#FFFFFF;
}

#check_controller {
	float:right;
	margin-left:20px;
	width: 125px;
}
#check_account_sel {
	height:30px;
	margin-top:20px;
	margin-bottom:10px;
}

/* check layout buttons */
.check_type_button, .check_type_button_selected, .check_type_button_disabled{
	width:35px;
	height:35px;
	background-color:#EEEEE6;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #B7B7AF;
	border-bottom:1px solid #B7B7AF;
	background-repeat:no-repeat;
	background-position:center;
}
.check_type_button_selected {
	background-color:#CAD1DB;
	border:1px solid #2C4D7E;
}
.check_type_button_disabled {
	background-color:#F9F9F7;
	border:1px solid #FFFFFF;
}
#check_layout_top, #all_check_layout_top{
	background-image:url(../images/check_top.gif);
}
#check_layout_center, #all_check_layout_center {
	background-image:url(../images/check_center.gif);
}
#check_layout_bottom, #all_check_layout_bottom {
	background-image:url(../images/check_bottom.gif);
}
#paper_type_copies {
	background-image:url(../images/paper_copies.gif);
}
#paper_type_single {
	background-image:url(../images/paper_single.gif);
}
#check_bottom {
	text-align:right;
	height:50px;
	padding-top:10px;
}
.checksTypeTab, .checksTypeTab:hover, .checksTypeTabDis
{
	line-height:24px;
	background-color:#072C61;
	margin-left:5px;
	padding:7px;
	color:#FFFFFF;
}
.checksTypeTabDis
{
	padding:5px;
	background-color:#BDD0D9;
	color:#000000;
}

/* EXPENSE */
.expense_bar {
	height:46px;
	border-bottom:1px solid #0000FF;
	width:710px;
}
.expense_bar_1 { margin-top:2px; }
.expense_bar_1, .expense_bar_2{
	background-color:#EAFFFF;
	height:23px;
	width:100%;
	vertical-align:middle;
}
.expense_bar_2 { background-color:#C6FFE2; }
#insert_line .expense_bar_1 { background-color:#FFFFEA;}
#insert_line .expense_bar_2 { background-color:#FFE5E5;}
.expense_field { border:1px solid #00CCFF; background-color:transparent; }
#insert_line .expense_field { border:1px solid #FFFF00; }
.expense_date { width:62px; }
.expense_num { width:62px; }
.expense_payee { width:365px; }
.expense_payment { width:80px; }
.expense_deposit { width:80px; }
.expense_category { margin-left:140px; }
.expense_category, .expense_memo { width:180px; }

/** POS */
#total_display #other_2, #total_display #other_3 { border: 1px solid #000000; }
#customer_display { margin-top:8px; }
#scanner_holder { height:50px; }
#scanner { width:250px; vertical-align:baseline;}
#UPC_scanner {
	border:2px solid #FF0000;
	width:200px;
	font-size:14px;
	font-weight: bold;
}
.bigWinTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-transform: uppercase;
	color: #CFCFBA;
	position: absolute;
	margin-top:10px;
	top: 5px;
	right: 10px;
	line-height:36px;
}
