/* hold div contains both scrolling content area and links in this example */

#formBack {
	position:relative;
	overflow:hidden;
	height: 302px;
	width: 750px;
	z-index:100;
	background: #FFFFFF;
}
#formBack2, #formBack3 {
	position:relative;
	width: 750px;
	z-index:100;
	background: #FFFFFF;
}
#formBack3 {
	background: #FFFFFF url(../images/formBckGrey.gif) repeat-y left top;
	overflow:hidden;
}
/* Styles for menu links */ 
#formMenu {
	position: relative;
	overflow:hidden;
	height: 18px;
	width: 750px;
	left: 0px;
	top: 0px;
	z-index:199;
	background-color: #660000;
}
/* Styles for us content */  
#formCard {
	position:relative;
	z-index: 4;
	padding-top: 15px;
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	padding: 15px 0px 0px 180px;
}
#formCard2, #formCard3 {
	position:relative;
	z-index: 4;
	padding-top: 15px;
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	padding: 15px 0px 0px 180px;
}
#formCard3 {
	background: #FFFFFF url(../images/formBckGrey.gif) repeat-y left top;
}
#logo, #logo2 {
	background:url(../images/amano_logo_heart1.jpg) no-repeat top right;
	height:56px;
	margin-top: 19px;
	text-align:right;
}
#logo2 {
	background:url(../images/amano_logo_heart2.jpg) no-repeat top right;
}
#formLeft, #formLeft2 {
	position: absolute;
	height: 303px;
	width: 170px;
	z-index: 5;
	text-align: center;
	left: 0px;
	top: 0px;
	background-color: #5B0101;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
#formLeft2 {
	background-color: #888844;
}
#close{
	margin-top: 150px;
}
.btnEdit {
	position:absolute;
	top:15px;
	right:25px;
}
#formLeft h1, #formLeft2 h1 {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 7px;
}
#formLeft h2, #formLeft2 h2 {
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
	margin-top: 0px;
}
#formLeft h3, #formLeft2 h3 {
	font-size: 14px;
	font-weight: bold;
	color: #444444;
	line-height: 180%;
}
#formLeft h6, #formLeft2 h6 {
	margin-top:120px;
	color: #999999;
}
.infoText {
	text-align:left;
	color:#666666;
	font-size:10px;
	font-style:italic;
}
.address {
	font-size:10px;
	color:#666666;
}
.signatureBox {
	padding:8px;
	color:#999999;
	border:1px solid #888844;
	text-align:center;
}
.labelHd2 {
	font-style:normal;
	float:left;
	font-size: 13px;
	font-weight: bold;
	color: #444444;
	padding-top:10px
}
/*-------------- TABLE CSS -------------------*/
.formArea {
	visibility:inherit;
	position:relative;
	background:#FFFFFF;
}
.formArea table {
	border-collapse:collapse;
	font-size:11px;
}
.formArea td {
	padding:2px;
}
.labelcella, .labelcellb { 
	color: #990000;
}
.labelcella {
	width:330px;
}
.labelcella div, .smalllabelcell {
	color: #666666;
	font-size: 10px;
	text-align: center;
}
.labelcella div, .smalllabelcell div {
	float:right;
	text-align: right;
}
.fieldcella {
	text-align: center;
	width:207px;
} 
.fieldcellb {
	text-align: center;
	width:64px;
	text-align:center;
}
.fieldcellc {
	color: #666666;
	font-size: 10px;
	text-align: right;
}
.fieldHDb {
	text-align: center;
	font-weight:bold;
}
/* ------------- SHOW HIDE ELEMENTS ----------*/
.formShow {
	width:540px;
	position:relative;
	padding:0px;
}
.formHide {
	width:542px;
	height:1px;
	visibility:hidden;
	overflow:hidden;
	visibility:hidden;
}
.formPartShow {
	width:520px;
	position:relative;
	padding:10px;
	border:1px solid #DDDDDD;
}
.formPartHide {
	width:520px;
	height:1px;
	visibility:hidden;
	overflow:hidden;
}
.formPartTbl {
	border-collapse:collapse;
	font-size:11px;
}
/* Styles for form */
.text {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
}
.texta {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
	width: 201px;
}
.textb {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	width: 530px;
} 
.textc {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	width: 62px;
}
.textd {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	width: 210px;
	height: 30;
	padding: 4;
}
select {
	background-color: #FFFFFF;
	font-size: 11px;
}
.emp1 {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
	width: 30px;
}
.emp2 {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
	width: 90px;
}
.emp3 {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
	width: 59px;
}
.emp4 {
	border: 1px solid #DDDDDD;
	padding:2px;
	background-color: #FFFFFF;
	width: 75px;
}
.button {
	color:#FFFFFF;
	font-weight: bold;
	background-color:#990000
}
/* ---------------------------- sys status styles -----------------------------*/
.sysStatus0 	{ color:#999999 }
.sysStatus1 	{ color:#000000 }
.sysStatus2 	{ color:#FF9900 }
.sysStatus3 	{ color:#00AA00 }
.sysStatus4 	{ color:#0033CC }
.sysStatus5 	{ color:#999900 }
.sysStatus6 	{ color:#FF0000 }

.orderStatus0 	{ color:#999999 }
.orderStatus1 	{ color:#009900 }
.orderStatus2 	{ color:#FF9900 }
.orderStatus3 	{ color:#CC0000 }
.orderStatus4 	{ color:#000099 }
.orderStatus5 	{ color:#999900 }
.orderStatus6 	{ color:#FF0000 }