/*
	Newest Invoice Template stylesheet
	version 1.0.9
	last modified 5/14/10 by MB
	(c) 2006-2010 Marc Barrot & Stephane Silverman
*/

/* globals */

BODY {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

INPUT, SELECT, TEXTAREA {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/* header section*/

#header {
	width: 100%;
	height: 340px;
}

#headerLeft {
	float: left;
	margin-left: 5px;
	width: 704px;
	height: 100%;
	background-color: #fff;
}

* html #headerLeft {
	width: 702px;
}

#headerLeftTop {
	height: 105px;
}

#logo {
	float: left;
	width: 504px;
}

#logo A {
	color: #888;
	text-decoration: none;
}

#castel {
	margin-top: 20px;
	font-family: "Calvert MT", serif;
	font-weight: bold;
	font-size: 29px;
	color: #888;
}

#ref {
	width: 100%;
}

#refLabels {
	float: left;
	margin-top: 20px;
	width: 121px;
}

#refValues {
	float: left;
	margin-top: 20px;
	width: 74px;
}

#ref .status {
	border-bottom: 1px solid silver;
	padding-bottom: 11px;
	font-weight: bold;
	font-size: 16px;
}

#ref .labels {
	background-color: #ddd;
	font-weight: bold;
}

#ref .labels .labelsLeft {
	float: left;
}

#ref .labels .labelsRight {
	float: right;
	margin: 2px 2px 0 0;
}

#ref .labels .labelsRight A {
	text-decoration: none;
	font-size: 9px;
	color: #888;
}

#ref .labels .labelsRight A:hover {
	text-decoration: underline;
}

@media print {
	#ref .labels .labelsRight {
		display: none;
	}

}

#ref .values {
}

#ref .cell {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	height: 18px;
	padding: 2px 0 2px 8px;
}

#ref .cellValues {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	height: 18px;
	padding: 2px 0 2px 8px;
}

#ref .input {
	border: 2px solid #fff;
	width: 100%;
	height: 16px;
	font-weight: bold;
	cursor: pointer;
}

#ref .inputHigh {
	border: 2px solid #666;
	width: 100%;
	height: 16px;
	font-weight: bold;
	cursor: pointer;
}

#ref A {
	color: #4030a0;
	text-decoration: none;
}

#ref A:hover {
	text-decoration: underline;
}

@media print {
	#ref A {
		color: black;
	}

}

#comm {
	display: none;
}

#ordernb {
	padding: 0 0 0 6px;
}

@media print {
	#ref .input {
		height: 15px;
	}

	#ref .inputHigh {
		height: 15px;
		border: 2px solid #fff;
	}

}

#headerLeftCenter {
	height: 190px;
}

#headerLeftCenter .input {
	border: 2px solid #fff;
	width: 100%;
	height: 18px;
	cursor: pointer;
}

#headerLeftCenter .inputHigh {
	border: 2px solid #666;
	width: 100%;
	height: 18px;
	cursor: pointer;
}

@media print {
	#headerLeftCenter .inputHigh {
		border: 2px solid #fff;
	}

	#accountValue .input {
		border: 2px solid silver;
	}

}

#soldTo {
	float: left;
	width: 65%;
}

#soldTo A {
	color: #4030a0;
	text-decoration: none;
}

#soldTo A:hover {
	text-decoration: underline;
}

@media print {
	#soldTo A {
		color: black;
	}

}

#soldToExtra {
	margin-top: 10px;
	padding-left: 75px;
	width: 305px;
}

#soldToTop {
	height: 30px;
	font-weight: bold;
}

#accountLabel {
	float: left;
	width: 201px;
}

#accountLabel A {
	padding: 3px 0 0 0;
	height: 20px;
}

#accountValue {
	float: left;
	width: 99px;
}

#accountValue INPUT {
	padding-left: 3px;
	font-weight: bold;
}

#accountShadow {
	display: none;
	height: 18px;
	padding-top: 3px;
	font-weight: bold;
}

#accountType {
	float: left;
	width: 99px;
}

#accountContract {
	padding: 0 0 0 3px;
}

#accountButton INPUT{
	margin: 1px 0 0 10px;
	width: 60px;
	height: 24px;
	font-weight: bold;
	color: red;
	background-color: #ddd;
}

#soldToMid {
	height: 70px;
}

#soldToMid .col1 {
	float: left;
	width: 75px;
	height: 100%;
	font-weight: bold;
}

#soldToMid .col2 {
	float: left;
	width: 230px;
	height: 100%;
	padding: 0 0 0 4px;
}

#soldToBot {
	height: 60px;
}

#soldToBot .line {
	height: 19px;
}

#soldToBot .col1 {
	float: left;
	width: 75px;
	height: 100%;
	padding: 3px 0 0 0;
	font-weight: bold;
}

#soldToBot .col2 {
	float: left;
	width: 100px;
	height: 100%;
}

#soldToBot .col3 {
	float: left;
	margin-left: 32px;
	width: 95px;
	height: 100%;
	padding: 3px 0 0 0;
	font-weight: bold;
}

#soldToBot .col4 {
	float: left;
	width: 150px;
	height: 100%;
}

#soldToBot3 .col1, #soldToBot3 .col3 {
	padding: 4px 0 0 0;
}

#tel {
	padding: 3px 0 0 4px;
}

#fax {
	padding: 3px 0 0 4px;
}

#shippedTo {
	float: right;
	width: 35%;
}

#shippedToTop {
	padding-top: 57px;
}

#shippedToTop A {
	color: #4030a0;
	text-decoration: none;
}

#shippedToTop A:hover {
	text-decoration: underline;
}

@media print {
	#shippedToTop A {
		color: black;
	}

}

#shippedToTop .col1 {
	padding: 3px 8px 0 0;
	text-align: right;
	font-weight: bold;
}

#shippedTo .textarea {
	border: 2px solid #fff;
	cursor: pointer;
}

#shippedTo .textareaHigh {
	border: 2px solid #666;
	cursor: pointer;
}

#shipto_add {
	margin: 0;
	border: 0;
	width: 100%;
	height: 68px;
	padding: 0 0 0 1px;
	overflow: auto;
}

#shippedToBot {
	height: 60px;
}

#shippedTo .col1{
	float: left;
	width: 50px;
	height: 100%;
	font-weight: bold;
}

#shippedToBot .col1 DIV {
	height: 20px;
	padding: 3px 8px 0 0;
	text-align: right;
}

#shippedTo .col2{
	float: left;
	width: 193px;
	height: 100%;
}

#sidemark {
	margin: 0;
	border: 0;
	width: 100%;
	height: 36px;
	padding: 0 0 0 1px;
	overflow: auto;
}

@media print {
	#sidemark {
		overflow: hidden;
	}

}

#headerLeftBottom {
	height: 63px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-top: 1px solid silver;
}

#headerLeftBottom .col1 {
	float: left;
	width: 75px;
	height: 100%;
	border-right: 1px solid silver;
}

@media print {
	#headerLeftBottom .col1 {
		width: 74px;
	}

}

#headerLeftBottom .col2 {
	float: left;
	width: 100px;
	height: 100%;
	border-right: 1px solid silver;
}

#headerLeftBottom .col3 {
	float: left;
	width: 130px;
	height: 100%;
	border-right: 1px solid silver;
}

#headerLeftBottom .col3 .top {
	text-align: left;
	padding-left: 32px;
}

#headerLeftBottom .col3 .top A {
	color: #4030a0;
	text-decoration: none;
}

#headerLeftBottom .col3 .top A:hover {
	text-decoration: underline;
}

#headerLeftBottom .col4 {
	float: left;
	width: 200px;
	height: 100%;
	border-right: 1px solid silver;
}

* html #headerLeftBottom .col4 {
	width: 202px;
}

#headerLeftBottom .col5 {
	float: left;
	width: 70px;
	height: 100%;
}

#headerLeftBottom .col6 {
	float: left;
	width: 50px;
	height: 100%;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

#headerLeftBottom .col7 {
	float: left;
	width: 73px;
	height: 100%;
}

#headerLeftBottom .top {
	border-bottom: 1px solid silver;
	padding: 3px 0 3px 0;
	text-align: center;
	font-weight: bold;
	background-color: #ddd;
}

#headerLeftBottom .input {
	border: 2px solid #fff;
	width: 100%;
	height: 18px;
	cursor: pointer;
}

#headerLeftBottom .inputHigh {
	border: 2px solid #666;
	width: 100%;
	height: 18px;
	cursor: pointer;
}

@media print {
	#headerLeftBottom .inputHigh {
		border: 2px solid #fff;
	}

	#ship_via, #ter, #type {
		display: none;
	}

	#shipping, #territory, #order_type {
		display: block;
		height: 20px;
		padding: 3px 0 0 0;
		text-align: center;
	}

}

#headerLeftBottom .mid INPUT {
	text-align: center;
}

#ship_via, #ter, #type {
	width: 100%;
}

#ship_other {
	display: none;
}

@media screen {
	#shipping, #territory, #order_type {
		display: none;
	}

}

#ter {
	height: 20px;
	padding: 0 8px 0 0;
	text-align: right;
}

#terms {
	height: 20px;
	width: 100%;
	padding: 4px 0 0 0;
	text-align: center;
}

#headerLeftBottom .bot {
	border-top: 1px solid silver;
	padding: 3px 0 3px 0;
	text-align: center;
	font-weight: bold;
	background-color: #ddd;
}

#headerRight {
	float: right;
	margin-right: 5px;
	width: 524px;
	height: 100%;
	background-color: #fff;
}

@media print {
	#headerRight {
		display: none;
	}

}

#headerRight .textarea {
	border: 2px solid #fff;
	cursor: pointer;
}

#headerRight .textareaHigh {
	border: 2px solid #666;
	cursor: pointer;
}

#headerRight TEXTAREA {
	margin: 0;
	border: 0;
	width: 100%;
	padding: 0 0 0 3px;
	overflow: auto;
}

#toolbar {
	height: 50px;
}

#toolbar INPUT {
	margin: 12px 10px 0 0;
	width: 60px;
	height: 24px;
	font-weight: bold;
	color: red;
	background-color: #ddd;
}

#toolbar INPUT.active {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}

#printmenu {
	position: absolute;
	display: none;
	font-weight: bold;
	background-color: #ddd;
	margin-top: 36px;
	cursor: pointer;
}

#printmenu UL {
	margin: 0;
	border-top: 1px solid #666;
}

#printmenu LI {
	padding: 3px 16px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#printmenu A {
	color: red;
	text-decoration: none;
}

.printmenuhigh {
	background-color: #eee;
}

.printmenulow {
	background-color: #ddd;
}

#castelNotes {
	height: 114px;
	border: 1px solid silver;
}

#noteHeader {
	padding: 3px 0 3px 5px;
	font-weight: bold;
	height: 18px;
}

#noteHeader.normal {
	background-color: #ddd;
}

#noteHeader.flagged {
	background-color: #fbb;
}

#orderFlag {
	margin: -4px 0 -2px 5px;
	padding: 0;
}

#castel_notes {
	height: 89px;
}

#castelNotes A {
	color: #4030a0;
	text-decoration: none;
}

#castelNotes A:hover {
	text-decoration: underline;
}

#millNotes {
	height: 66px;
	border: 1px solid silver;
}

#millNotes DIV {
	padding: 3px 0 3px 5px;
	font-weight: bold;
	background-color: #ddd;
	height: 18px;
}

#millNotes A {
	color: #4030a0;
	text-decoration: none;
}

#millNotes A:hover {
	text-decoration: underline;
}

#millNotes DIV DIV A {
	color: #fff;
}

#mill_notes {
	height: 42px;
}

.na {
	float: right;
	margin: -3px 5px 0 0;
}

#drNotes {
	height: 66px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
}

#drNotes DIV {
	padding: 3px 0 3px 5px;
	font-weight: bold;
	background-color: #ddd;
}

#drNotes A {
	color: #4030a0;
	text-decoration: none;
}

#drNotes A:hover {
	text-decoration: underline;
}

#dr_notes {
	height: 44px;
}

#reply {
	visibility: hidden;
}

#reply A {
	font-size: 9px;
	color: #888;
}

#customer_emails {
	visibility: hidden;
}

#customer_emails A {
	font-size: 9px;
	color: #888;
}

#orderToolbar {
	height: 44px;
}

#orderToolbar INPUT {
	margin: 10px 10px 0 0;
	width: 60px;
	height: 24px;
	font-weight: bold;
	color: red;
	background-color: #ddd;
}

#rightTitles {
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	height: 20px;
	font-weight: bold;
	background-color: #ddd;
	text-align: center;
}

#rightTitles .col6 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 40px;
	padding: 3px 0 3px 0;
}

#rightTitles .col7 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 90px;
	padding: 3px 0 3px 0;
}

#rightTitles .col8 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 70px;
	padding: 3px 0 3px 0;
}

#rightTitles .col9 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 45px;
	padding: 3px 0 3px 0;
}

#rightTitles .col10 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 55px;
	padding: 3px 0 3px 0;
}

#rightTitles .col11 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 55px;
	padding: 3px 0 3px 0;
}

#rightTitles .col12 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 45px;
	padding: 3px 0 3px 0;
}

#rightTitles .col13 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 45px;
	padding: 3px 0 3px 0;
}

#rightTitles .col14 {
	float: left;
	border-right: 1px solid silver;
	height: 100%;
	width: 78px;
	padding: 3px 0 3px 0;
}


/* main section*/

#main {
	width: 100%;
	height: 350px;
}

#mainLeft {
	float: left;
	margin-left: 5px;
	border: 1px solid silver;
	width: 702px;
	height: 100%;
	background-color: #fff;
}

.item {
	height: 60px;
}

.item .col1 {
	float: left;
	width: 75px;
	height: 100%;
	border-right: 1px solid silver;
}

@media print {
	.item .col1 {
		width: 74px;
	}

}

.item .col2 {
	float: left;
	width: 430px;
	height: 100%;
	border-right: 1px solid silver;
}

* html .item .col2 {
	width: 432px;
}

.item .col3 {
	float: left;
	width: 70px;
	height: 100%;
	text-align: right;
}

.item .col4 {
	float: left;
	width: 50px;
	height: 100%;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

.item .col5 {
	float: left;
	width: 70px;
	height: 100%;
	text-align: right;
}

.item .input {
	border: 2px solid #fff;
	width: 100%;
	height: 17px;
	cursor: pointer;
}

.item .inputHigh {
	border: 2px solid #666;
	width: 100%;
	height: 17px;
	cursor: pointer;
}

@media print {
	.item .inputHigh {
		border: 2px solid #fff;
	}

}

.item .line1 {
	font-weight: bold;
	height: 20px;
}

.item .line2 {
	height: 20px;
}

.item .line3 {
	height: 20px;
}

.item DIV.col3 DIV.line1 {
	padding: 3px 8px 0 0;
}

* html .item .line1 INPUT {
	font-weight: bold;
}

* html .item .line1 SELECT {
	font-weight: bold;
}

#item_ref_1, #item_ref_2, #item_ref_3, #item_ref_4, #item_ref_5, #item_ref_6 {
	padding: 0 8px 0 0;
	text-align: right;
}

#shadow_ref_1, #shadow_ref_2, #shadow_ref_3, #shadow_ref_4, #shadow_ref_5, #shadow_ref_6 {
	display: none;
	width: 100%;
	padding: 3px 8px 0 0;
	text-align: right;
}

#item_name_1, #item_name_2, #item_name_3, #item_name_4, #item_name_5, #item_name_6 {
	float: left;
	overflow: hidden;
	width: 25%;
	padding: 3px 0 0 8px;
}

#item_color_1, #item_color_2, #item_color_3, #item_color_4, #item_color_5, #item_color_6 {
	overflow: hidden;
	float: left;
	width: 30%;
	padding: 3px 0 0 0;
}

#item_descr_1, #item_descr_2, #item_descr_3, #item_descr_4, #item_descr_5, #item_descr_6 {
	overflow: hidden;
	float: left;
	width: 41%;
	padding: 3px 0 0 0;
}

#item_price_1, #item_price_2, #item_price_3, #item_price_4, #item_price_5, #item_price_6 {
	padding: 0 8px 0 0;
	text-align: right;
}

A.price {
	color: black;
	text-decoration: none;
}

A.price:hover{
	text-decoration: underline;
}

#item_qty_1, #item_qty_2, #item_qty_3, #item_qty_4, #item_qty_5, #item_qty_6 {
	padding: 0 8px 0 0;
	text-align: right;
}

#shadow_qty_1, #shadow_qty_2, #shadow_qty_3, #shadow_qty_4, #shadow_qty_5, #shadow_qty_6 {
	display: none;
	width: 100%;
	padding: 3px 8px 0 0;
	text-align: right;
}

#item_total_1, #item_total_2, #item_total_3, #item_total_4, #item_total_5, #item_total_6 {
	margin: 0 8px 0 0;
	padding: 3px 0 0 0;
}

#mill_1, #mill_2, #mill_3, #mill_4, #mill_5, #mill_6 {
	margin: 0 0 0 8px;
	padding: 3px 0 0 0;
}

#mill_name_1, #mill_name_2, #mill_name_3, #mill_name_4, #mill_name_5, #mill_name_6 {
	overflow: hidden;
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
}

#mill_nb_1, #mill_nb_2, #mill_nb_3, #mill_nb_4, #mill_nb_5, #mill_nb_6 {
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
}

#meters_1, #meters_2, #meters_3, #meters_4, #meters_5, #meters_6 {
	margin: 0 3px 0 0;
	text-align: right;
	padding: 3px 0 0 0;
}

#cfa_1, #cfa_2, #cfa_3, #cfa_4, #cfa_5, #cfa_6 {
	width: 100%;
	visibility: hidden;
}

#cfa_label_1, #cfa_label_2, #cfa_label_3, #cfa_label_4, #cfa_label_5, #cfa_label_6 {
	padding: 4px 3px 0 0;
	text-align: right;
}

#cfa_direct_1, #cfa_direct_2, #cfa_direct_3, #cfa_direct_4, #cfa_direct_5, #cfa_direct_6 {
	visibility: hidden;
}

#avail_1, #avail_2, #avail_3, #avail_4, #avail_5, #avail_6 {
	width: 100%;
	visibility: hidden;
}

#status_1, #status_2, #status_3, #status_4, #status_5, #status_6 {
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
}

#status_date_1, #status_date_2, #status_date_3, #status_date_4, #status_date_5, #status_date_6 {
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
}

#bo_date_1, #bo_date_2, #bo_date_3, #bo_date_4, #bo_date_5, #bo_date_6 {
	margin: 0 0 0 5px;
	padding: 0 8px 0 0;
	text-align: right;
	width: 100%;
}

#item_cfa_1, #item_cfa_2, #item_cfa_3, #item_cfa_4, #item_cfa_5, #item_cfa_6 {
	float: left;
	width: 25%;
	padding: 3px 0 0 8px;
}

#item_avail_1, #item_avail_2, #item_avail_3, #item_avail_4, #item_avail_5, #item_avail_6 {
	float: left;
	width: 30%;
	padding: 3px 0 0 0;
}

#item_date_1, #item_date_2, #item_date_3, #item_date_4, #item_date_5, #item_date_6 {
	float: left;
	width: 41%;
	padding: 3px 0 0 0;
}

#res_label_1, #res_label_2, #res_label_3, #res_label_4, #res_label_5, #res_label_6 {
	margin: 0 0 0 8px;
	padding: 4px 0 0 0;
}

#exp_label_1, #exp_label_2, #exp_label_3, #exp_label_4, #exp_label_5, #exp_label_6 {
	margin: 0 0 0 8px;
	padding: 4px 0 0 0;
}

#item_notes_1, #item_notes_2, #item_notes_3, #item_notes_4, #item_notes_5, #item_notes_6 {
	padding: 0 0 0 8px;
}

#mainRight {
	float: right;
	margin-right: 5px;
	border: 1px solid silver;
	width: 524px;
	height: 100%;
}

@media print {
	#mainRight {
		display: none;
	}

}

.item .col6 {
	float: left;
	height: 100%;
	width: 40px;
}

.item .col7 {
	float: left;
	height: 100%;
	width: 90px;
}

.item .col8 {
	float: left;
	height: 100%;
	width: 70px;
}

.item .col9 {
	float: left;
	height: 100%;
	width: 45px;
}

.item .col10 {
	float: left;
	height: 100%;
	width: 58px;
}

.item .col11 {
	float: left;
	height: 100%;
	width: 55px;
}

.item .col12 {
	float: left;
	height: 100%;
	width: 45px;
}

.item .col13 {
	float: left;
	height: 100%;
	width: 45px;
}

.item .col14 {
	float: left;
	height: 100%;
}


/* footer section*/

#footer {
	width: 100%;
	height: 300px;
}

#footerLeft {
	float: left;
	margin-left: 5px;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	width: 702px;
	height: 100%;
	background-color: #fff;
}

@media print {
	#footerLeft {
		height: 120px;
	}

}

#footerLeftTop {
	height: 182px;
}

* html #footerLeftTop {
	height: 180px;
}

#footerLeftTopLeft {
	float: left;
	width: 507px;
}

@media print {
	#footerLeftTopLeft {
		width: 506px;
	}

}

#clientNotes {
	height: 72px;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

#cust_notes_select {
	width: 100%;
	height: 20px;
	z-index: 10;
}

@media print {
	#cust_notes_select {
		visibility: hidden;
	}

}

#cust_notes {
	width: 100%;
	height: 52px;
	margin-right: 1px;
	border: none;
	padding: 3px 5px 0 5px;
	font-weight: bold;
	overflow: auto;
}

#payments {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	font-weight: bold;
}

#pay_line1 {
	text-align: right;
}

#pay_line1 A {
	color: #4030a0;
	text-decoration: none;
}

#pay_line1 A:hover {
	text-decoration: underline;
}

@media print {
	#pay_line1 A {
		color: black;
	}

}

#pay_line1 DIV {
	padding: 3px 8px 0 0;
}

#payments .line {
	width: 100%;
	height: 20px;
}

#payments .col1 {
	float: left;
	width: 75px;
}

@media print {
	#payments .col1 {
		width: 74px;
	}

}

#payments .col2 {
	float: left;
	width: 80px;
}

#payments .col3 {
	float: left;
	width: 90px;
}

#payments .col4 {
	float: left;
	width: 80px;
}

#payments .col5 {
	float: left;
	width: 90px;
}

#payments .col6 {
	float: left;
	width: 70px;
}

#payments .col7 {
	float: left;
	width: 20px;
}

#pay_line1 .col7 {
	margin: 0;
	padding: 3px 0 0 5px;
	text-align: left;
}

#payments INPUT {
	text-align: right;
	padding-right: 6px;
}

#payments .input {
	border: 2px solid #fff;
	width: 100%;
	cursor: pointer;
}

#payments .inputHigh {
	border: 2px solid #666;
	width: 100%;
	cursor: pointer;
}

#payments .cc_type {
	width: 100%;
	height: 20px;
}

#cc1, #cc2, #cc3 {
	display: none;
}

@media print {
	#payments .inputHigh {
		border: 2px solid #fff;
	}

	#payments .cc_type {
		display: none;
	}

	#cc1, #cc2, #cc3 {
		display: block;
		padding: 0 0 0 9px;
	}

	#payments .col7 {
		display: none;
	}

}

#newpayments {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	padding: 0 0 2px;
	display: none;
}

#newpayments A {
	color: blue;
	text-decoration: none;
}

#newpayments A:hover {
	text-decoration: underline;
}

@media print {
	#newpayments A {
		color: black;
	}

}

#newpayments DIV.line {
	width: 100%;
	height: 21px;
	padding: 0 0 0 3px;
}

#newpayments DIV.titles {
	padding: 3px 0 0 3px;
	font-weight: bold;
}

#newpayments DIV.titles A {
	color: #4030a0;
}

#newpayments DIV.col1 {
	float: left;
	width: 80px;
}

#newpayments DIV.col2 {
	float: left;
	width: 80px;
}

#newpayments DIV.col3 {
	float: left;
	width: 80px;
	text-align: right;
}

#newpayments DIV.col4 {
	float: left;
	width: 80px;
	text-align: right;
}

#newpayments DIV.col5 {
	float: left;
	width: 80px;
	text-align: right;
}

#newpayments DIV.col6 {
	float: left;
	width: 80px;
	text-align: right;
}

#newpayments DIV.col7 {
	float: left;
	padding-left: 5px;
	width: 20px;
}

@media print {
	#newpayments .col7 {
		display: none;
	}

}

.totals_label A {
	color: #4030a0;
	text-decoration: none;
}

.totals_label A:hover {
	text-decoration: underline;
}

@media print {
	.totals_label A {
		color: black;
	}

}

#tracking {
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

#tracking A {
	color: #4030a0;
	text-decoration: none;
}

#tracking A:hover {
	text-decoration: underline;
}

@media print {
	#tracking A {
		color: black;
	}

}

#track_line1 {
	text-align: right;
	font-weight: bold;
}

#tracking .line {
	width: 100%;
}

#tracking .col1 {
	float: left;
	width: 75px;
	padding: 3px 8px 0 0;
}

@media print {
	#tracking .col1 {
		width: 74px;
	}

}

#tracking .col2 {
	float: left;
	width: 120px;
}

#tracking .col3 {
	float: left;
	width: 60px;
	padding: 3px 6px 0 0;
}

#tracking .col4 {
	float: left;
	width: 85px;
}

#tracking .col5 {
	float: left;
	width: 70px;
	padding: 3px 6px 0 0;
}

#tracking .col6 {
	float: left;
	width: 95px;
}

#tracking INPUT {
	text-align: left;
	padding-left: 3px;
}

#tracking .input {
	border: 2px solid #fff;
	width: 100%;
	cursor: pointer;
}

#tracking .inputHigh {
	border: 2px solid #666;
	width: 100%;
	cursor: pointer;
}

@media print {
	#tracking .inputHigh {
		border: 2px solid #fff;
	}

}

#track_line2 {
	text-align: right;
	font-weight: bold;
}

#totals {
	float: left;
	border-bottom: 1px solid silver;
	width: 193px;
}

.totals_line {
	height: 22px;
}

#totals .totals_label {
	float: left;
	width: 120px;
	padding: 3px 0 0 8px;
}

#totals .totals_value {
	float: right;
	width: 73px;
	padding: 3px 8px 0 0;
	text-align: right;
}

#total1, #total5, #total9 {
	font-weight: bold;
}

#total2 .totals_label, #total3 .totals_label, #total4 .totals_label {
	padding-top: 4px;
}

#total2 .totals_value, #total3 .totals_value, #total4 .totals_value {
	padding: 0;
}

#total1, #total2 {
	margin-top: 1px;
}

#total3 {
	margin-top: 2px;
}

#total4 {
	margin-top: 3px;
}

#total8 {
	margin-top: 1px;
}

#totals INPUT {
	text-align: right;
	padding-right: 6px;
}

#totals .input {
	border: 2px solid #fff;
	width: 100%;
	cursor: pointer;
}

#totals .inputHigh {
	border: 2px solid #666;
	width: 100%;
	cursor: pointer;
}

@media print {
	#footerLeftTop {
		border-bottom: 1px solid silver;
	}

	#tracking, #totals {
		border-bottom: none;
	}

	#totals .inputHigh {
		border: 2px solid #fff;
	}

	#total1, #total2 {
		margin-top: 2px;
	}

	#total3 {
		margin-top: 4px;
	}

	#total5 {
		margin-top: 2px;
	}

	#total6 {
		margin-top: 1px;
	}

	#total8 {
		padding-top: 1px;
	}

	.totals_line {
		height: 20px;
	}

}

#footerLeftBottom {
}

.cc {
	margin: 3px 3px 0 380px;
	font-weight: bold;
}

#conditions {
	margin: 60px 3px 3px 8px;
	font-size: 9px;
}

@media print {
	#conditions {
		margin-top: 15px;
	}

}

#footerRight {
	float: right;
	margin-right: 5px;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;
	padding: 0;
	width: 524px;
	height: 100%;
	background-color: #fff;
}

@media print {
	#footerRight {
		display: none;
	}

}

#footerRightTop {
	padding: 3px 0 3px 5px;
	font-weight: bold;
	background-color: #ddd;
}

#footerRight IMG.preview {
	float: left;
	margin: 25px 0 0 35px;
	border: 0;
	width: 120px;
	height: 120px;
	display: none;
}

#castel_notes2 {
	margin: 0;
	border: 0;
	width: 100%;
	height: 300px;
	padding: 0 0 0 3px;
	overflow: auto;
}

div.suggestions, div.simple {
    border: 1px solid silver;
    position: absolute;
    z-index: 100;
    background-color: #fff;
}

div.suggestions div {
    cursor: default;
    padding: 0 10px 0 0;
    text-align: right;
}

div.simple div {
    cursor: default;
    padding: 0 10px 0 4px;
}

div.suggestions div.current {
    background-color: #36c;
    color: white;
}

div.simple div.current {
    background-color: #36c;
    color: white;
}

.noshow {
	display: none;
}

.icn {
	margin-left: 345px;
	padding: 0;
	width: 16px;
	background-repeat: no-repeat;
}

.icn A {
	width: 100%;
}

#mb {
	background-image: none;
}

.timeline {
	position: absolute;
	overflow: hidden;
	top: 72px;
	right: 5px;
	width: 200px;
	height: 650px;
	padding: 0 10px 10px 10px;
	background-color: #ffd;
}

.box {
	margin-top: 5px;
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 9px;
}

.tweet {
	margin: 0 0 5px 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.tweet A {
	color: blue;
	text-decoration: none;
}

.tweet A:hover {
	text-decoration: underline;
}

.time {
	font-weight: bold;
}

.thumb {
	float: left;
	margin: 2px 4px 0 0;
	border: 1px solid #ddd;
	width: 58px;
	height: 58px;
}

.caption {
	height: 60px;
}