.inlinePopup {
	padding: 3px 6px 3px 6px;
	background-color: #D5DDEF;
}

body {
	border: 0;
	padding: 0;
	margin: 0;
	font: 11px tahoma, arial, sans-serif;
}
h1 {
	font: bold 16px Georgia, Times, serif;
	margin: 4px 0 0 10px;
	color: Black;
}
TABLE {
	font: 11px tahoma, arial, sans-serif;
}
TR {
	font: 11px tahoma, arial, sans-serif;
}
A {
	font: 11px tahoma, arial, sans-serif;
	text-decoration: none;
}
P {
	margin: 0;
	border: 0;
	padding: 0;
	font: 11px tahoma, arial, sans-serif;
}
SELECT {
	font: 11px tahoma, arial, sans-serif;
}
.requiredField
{
	color: Red;
	font: 11px tahoma, arial, sans-serif;
}


#logo {
	padding: 4px;
}

.errorMsg
{
	color: red;
	font: bold 11px tahoma, arial, sans-serif;
}

div#body {
	width: 100%;
	border: 0;
	padding: 10px;
	margin: 0;
}

div.spacer {
	clear: both;
}

/* Styles used to display buttons or icons */

#cure
{
	/* background url is unique to the brand */
	background: no-repeat center;
	width: 29px;
	height: 13px;	
	background: url(Images/btnsm-cure.gif);
}
.add
{
	/* background url is unique to the brand */
	background: no-repeat center;
	width: 26px;
	height: 13px;
	background: url(Images/btnsm-add.gif);
}
.edit
{
	/* background url is unique to the brand */
	background: no-repeat center;
	width: 24px;
	height: 13px;	
	background: url(Images/btnsm-edit.gif);
}
.reply
{
	/* background url is unique to the brand */
	background: no-repeat center;
	width: 31px;
	height: 13px;	
	background: url(Images/btnsm-reply.gif);
}
#specialStatus
{
	background: url(Images/GreenStar.gif) no-repeat center;
	width: 30px;
	height: 14px;
}
#normalStatus
{
	background: url(Images/2GreenStars.gif) no-repeat center;
	width: 30px;
	height: 14px;
}
#over21Days
{
	background: url(Images/YellowExclamation.gif) no-repeat center;
	width: 30px;
	height: 14px;
}
#documentRequired
{
	background: url(Images/RedX.gif) no-repeat center;
	width: 30px;
	height: 14px;
}

/* Required Fields */

.ReqFieldStatement {
	margin-left: 10px;
	margin-bottom: 10px;
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
}
.ReqFieldAsterisk {
	font-weight: normal;
	color: #CC0000;
	margin-right: .25em;
}


/* Horizontally-oriented Forms */

tr.formHeader td {											/* input label */
	margin: 0;
	border-bottom: solid 1px #000;
	font: bold 11px tahoma, arial, sans-serif;
	color: #000000;
}

tr.formLabel td {											/* input label */
	font: normal 11px tahoma, arial, sans-serif;
	color: #000000;
}
.formValue {											/* input label */
	float: none;
}
.formInput {											/* style for input types: text, select, textarea, etc. */
	font: normal 11px tahoma, arial, sans-serif;
	color: #000000;
}

/* Vertically-oriented Forms */

h2.vform {
	margin: 0 0 .75em 0;
	font: bold 14px tahoma, arial, sans-serif;
	color: #9E7E3A;
	background-color: transparent;
	border-top: 5px solid #efefef;
}
h3.vform {
	font: bold 12px tahoma, arial, sans-serif;
	margin: 0 0 5px 0;
	color: #3A599E;
	background-color: transparent;
}
.cb_vform {
	font: bold 12px tahoma, arial, sans-serif;
	margin: 0 0 5px 0;
	color: #3A599E;
	background-color: transparent;
}
table.vformChunk {										/* container for each group of form inputs */
	border: 0;
	padding: 0;
	margin: 0 0 1em 1.25em;
}
div.vformUnit {											/* container for each label/input unit */
	padding: 0 8px 0 0;
	float: left;
}
div.vformSubUnit {										/* container for each label/input unit */
	padding: 0 4px 0 0;
	float: left;
}
div.vformQuestionUnit {									/* container for each Questionnaire-style label/input unit */
	padding: 4px 8px 0 0;
	float: left;
}
.vformLabel {											/* input label */
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
}
.vformValue {											/* input label */
	float: none;
}
.vformDropDown {										/* input label */
	padding: 1px 0px 0px -1px;
	font: 11px tahoma, arial, sans-serif;
	color: #000000;	
	margin-right: 4px;
}
.vformQuestionLabel {									/* label for Questionnaire-style input */
	font: bold 11px tahoma, arial, sans-serif;
	color: #000000;
}
.vformQuestionValue {									/* for Questionnaire-style values */
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
}
.vformQuestionInput {									/* for Questionnaire-style input types: text, select, textarea, etc. */
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
	margin-right: 4px;
}
.vformInput {											/* style for input types: text, select, textarea, etc. */
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
	margin-right: 4px;
}
div.vformButtons {
	margin: 10px 0 0 10px;
}

/* Order Details */

table#orderDetails {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}
td#orderDetailsBody {
	padding-right: 10px;
	width: 70%;
	vertical-align: baseline;
}
td#orderDetailsRightColumn {
	width: 30%;
	vertical-align: baseline;
}
h2.orderDetails {
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 6px;
	border: 0;
	font: bold 11px tahoma, arial, sans-serif;
	color: #9E7E3A;
	background-color: #efefef;
}
table.orderDetailsChunk {								/* container for each Detail label/value groups */
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}
.orderDetailsUnit {										/* for 2-column presentation */
	margin: 0;
	padding: 0 10px;
	border: 0;
	/*width: 50%;*/
	vertical-align: baseline;
	float: left;
}
td.orderDetailsUnit3Col {								/* for 3-column presentation */
	margin: 0;
	padding: 0 10px;
	border: 0;
	width: 33%;
}
td.orderDetailsUnit3plus1BiggieCol {					/* for 3-column plus 1 presentation */
	margin: 0;
	padding: 0 16px 0 0;
	border: 0;
	width: 27%;
	vertical-align: baseline;
}
td.orderDetailsUnit3plus1SmallieCol {					/* for 3-column plus 1 presentation */
	margin: 0;
	padding: 0;
	border: 0;
	width: 19%;
	vertical-align: baseline;
	background-color: #EBEDE1;
}
a.orderDetailsTitleDocs {								/* for 3-column presentation */
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px tahoma, arial, sans-serif;
	color: #6E7647;
	background-color: transparent;
}
.orderDetailsTitleDocsTop {
	text-align: right;
	margin: 0;
	padding: 0;
	background: #EBEDE1 url(Images/tab-frame_tl.gif) top left no-repeat;
}
table.orderDetailsTitleDocsMiddle {
	margin: 0;
	padding: 0;
	border-left: 10px solid #EBEDE1;
	border-right: 10px solid #EBEDE1;
	width: 100%;
	height: 100%;
	background-color: #EBEDE1;
}
.orderDetailsTitleDocsBtm {
	text-align: right;
	margin: 0;
	padding: 0;
	background: #EBEDE1 url(Images/tab-frame_bl.gif) bottom left no-repeat;
}
h2.orderDetailsTitleDocs {
	margin-bottom: 10px;
	font: bold 14px georgia, times, serif;
	color: #6E7647;
	background-color: transparent;
	text-align: center;
}
.orderDetailsTitleDocsChunk {
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}
.orderDetailsTitleDocsIcon {
	margin: 0;
	padding: 0 4px 0 20px;
	border: 0;
	float: left;
}
.orderDetailsTitleDocsLabel {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 19px;
}
.orderDetailsLabel {									/* label for displaying values */
	font: 11px georgia, times, serif;
	color: #3A599E;
	border-bottom: solid 1px #BEC5D4;
}
.orderDetailsLabelLarge {									/* label for displaying values */
	font: bold 14px georgia, times, serif;
	color: #3A599E;
	border-bottom: solid 1px #BEC5D4;
	margin-bottom: 6px;
}
.orderDetailsValue {
	font: 11px tahoma, arial, sans-serif;
	color: #000000;
	margin-bottom: 8px;
}
.orderDetailsValueLarge {
	font: 12px tahoma, arial, sans-serif;
	color: #000000;
	margin-bottom: 8px;
}

/* Order Details Tab */

div.orderDetailsTabUnit {								/* container for each Detail Tab unit */
	margin: 0;
	padding-left: 6px;
	border: 0;
	float: left;
}
.orderDetailsTabTop {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	background: #EFE7D5 url(Images/tab-frame_tl.gif) top left no-repeat;
}
div.orderDetailsTab {
	border: 0;
	margin: 0;
	padding: 0 10px 2px 10px;
	color: #000000;
	background-color: #EFE7D5;
	border-bottom: 1px solid #EFE7D5;
}
.orderDetailsTabTopOff {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	background: #CEBE9C url(Images/tab-frame_tl.gif) top left no-repeat;
}
div.orderDetailsTabOff {
	border: 0;
	margin: 0;
	padding: 0 10px 2px 10px;
	color: #000000;
	background-color: #CEBE9C;
	border-bottom: 1px solid white;
}
h2.orderDetailsTabMiddle {
	margin: 2px 0 2px 0;
	padding: 2px 0 2px 0;
	border: 0;
	font: bold 11px tahoma, arial, sans-serif;
	color: #000000;
	background-color: #EFE7D5;
}
table.orderDetailsTabMiddle {
	margin: 0;
	padding: 0;
	border-left: 10px solid #EFE7D5;
	border-right: 10px solid #EFE7D5;
	background-color: #EFE7D5;
}
table.tabTable {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #FFFCF0;
}
.tabLabel {
	font: 11px tahoma, arial, sans-serif;
	color: #3A599E;
}
table.orderDetailsTab{
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	font: 11px tahoma, arial, sans-serif;
}
tr.orderDetailsTabHeader td {
	margin: 0;
	padding: 2px 10px;
	color: #ffffff;
	background-color: #9E7E3A;
	border-bottom: 1px solid #000;
}
tr.orderDetailsTabItem td {
	margin: 0;
	padding: 2px 10px;
	color: #000;
	background-color: transparent;
	border-bottom: 1px solid #D7CFBF;
}
.orderDetailsTabBtm {
	text-align: right;
	margin: 0;
	padding: 0;
	background: #EFE7D5 url(Images/tab-frame_bl.gif) bottom left no-repeat;
}

/* Order Details: Right Columm Rounded Container */
h2.orderDetailsRightColumn {
	margin-bottom: 10px;
	font: bold 14px georgia, times, serif;
	color: #293F6F;
	background-color: transparent;
	text-align: center;
}
#orderDetailsRightColumnLegend {
	margin-bottom: 4px;
	padding: 0;
	border: 0;
	font: 11px tahoma, arial, sans-serif;
}
.orderDetailsRightColumnRoundedTop {
	text-align: right;
	margin: 0;
	padding: 0;
	background: #EFE7D5 url(Images/tab-frame_tl.gif) top left no-repeat;
}
.orderDetailsRightColumnRoundedBtm {
	text-align: right;
	margin: 0;
	padding: 0;
	background: #EFE7D5 url(Images/tab-frame_bl.gif) bottom left no-repeat;
}
table.orderDetailsRightColumnRoundedBody {
	margin: 0;
	padding: 0;
	border-left: 10px solid #EFE7D5;
	border-right: 10px solid #EFE7D5;
	width: 100%;
	background-color: #EFE7D5;
}
table.orderDetailsRightColumnRoundedBody td {
	vertical-align: baseline;
}
h3.orderDetailsRightColumn {
	margin: 0;
	padding: 2px 4px;
	border-bottom: 1px solid #000000;
	font: 11px tahoma, arial, sans-serif;
	background-color: #9E7E3A;
	color: #ffffff;
}
table.orderDetailsRightColumnItem {
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	font: 11px tahoma, arial, sans-serif;
}

td.checked {
	margin: 0;
	padding: 8px 0px 0px 4px;
	border: 0;
	border-bottom: 1px solid #D7CFBF;
	vertical-align: baseline;
}
td.doc {
	margin: 0;
	padding: 5px 0px 0px 2px;
	border: 0;
	border-bottom: 1px solid #D7CFBF;
	vertical-align: baseline;
}
td.item {
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #D7CFBF;
}
td.price {
	margin: 0;
	padding: 4px 10px 4px 0;
	border-bottom: 1px solid #D7CFBF;
	text-align: right;
}
td.noteIndicator 
{
	margin: 0;
	padding: 4px 0;
	border-bottom: 1px solid #D7CFBF;
	color: #808000;
	border-bottom: 1px transparent #9E7E3A;
}

td.item a {
	margin: 0 0 0 3px;
	padding: 0;
	border: 0;
	color: #293F6F;
	text-decoration: underline;
}
td.item a:hover {
	margin: 0 0 0 3px;
	padding: 0;
	border: 0;
	color: #293F6F;
	text-decoration: none;
}
td.subTotal {
	margin: 0;
	padding: 6px 0 4px 11px;
	border: 0;
	font-weight: bold;
}	
td.subTotalPrice {
	margin: 0;
	padding: 6px 10px 8px 0;
	border: 0;
	font-weight: bold;
	text-align: right;
}
table#grandTotal {
	margin-top: 6px;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #FFFCF0;
	width: 100%;
	font: bold 11px tahoma, arial, sans-serif;
}
td.total {
	margin: 0;
	padding: 6px 0 8px 11px;
	border: 0;
}	
td.totalPrice {
	margin: 0;
	padding: 6px 10px 8px 0;
	border: 0;
	text-align: right;
}
div#orderDetailsRightColumnButton {
	margin: 10px 0 0px 0;
	text-align: center;
}

.frametop {
	padding: 0 0 0 0;
	margin: 0;
	background: url(Images/corner-frame_tl.gif) #eeeeee no-repeat left top;
	text-align: right
}
.framebody {
	padding: 10px;
	border-right: #eeeeee 10px solid;
	border-left: #eeeeee 10px solid;
	width: 100%;
	background-color: #eeeeee
}
.framebtm {
	padding: 0 0 0 0;
	margin: 0;
	background: url(Images/corner-frame_bl.gif) #eeeeee no-repeat left bottom;
	text-align: right
}
.descriptionHeader {
	margin: 0 0 .75em 0;
	font: bold 17px tahoma, arial, sans-serif;
}
.description {
	margin: 0 0 .75em 0;
	font: 13px tahoma, arial, sans-serif;
}

.serviceNote {
	float: left;
	margin: 0;
	padding: 4px 4px;
	font: 11px tahoma, arial, sans-serif;
	color:  Black;
	vertical-align: baseline;
	background: 0px 50%;
}

.serviceNoteMark {
	float: left;
	margin: 0;
	padding: 4px 4px;
	font: 11px tahoma, arial, sans-serif;
	color: #808000;
}

/* Data Grid Styles */

.dGrid {
	margin: 0;
	padding: 0;
	border: 0;
}
tr.dGridHeader td {
	margin: 0;
	padding: 2px 6px 3px;
	color: #fff;
	background-color: #9E7E3A;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font: 11px tahoma, arial, sans-serif;
}
tr.dGridHeader a:link {
	color: White;
}
tr.dGridHeader a:visited {
	color: White;
}
tr.dGridHeader a:active {
	color: Black;
}
tr.dGridHeader a:hover {
	color: Black;
}
tr.dGridRows td {
	margin: 0;
	padding: 1px 6px 2px;
	color: #000;
	border-bottom: 1px solid #ddd;
	font: 11px tahoma, arial, sans-serif;
	background: white;
}

tr.dGridRows2 td {
	margin: 0;
	padding: 1px 6px 2px;
	color: #000;
	border-bottom: 1px solid #ddd;
	font: 11px tahoma, arial, sans-serif;	
}

tr.dGridAlternatingRows td {
	margin: 0;
	padding: 1px 6px 2px;
	color: #000;
	border-bottom: 1px solid #ddd;
	font: 11px tahoma, arial, sans-serif;
	background: ivory;
}
.pager
{
	margin: 0;
	border: 0;
	padding-top: 10px;
	font: 11px tahoma, arial, sans-serif;
}

/* Data Viewer Styles (XML Viewer, etc.) */

h2.dataView 
{
	margin-bottom: 10px;
	padding: 4px 6px;
	color: #fff;
	background-color: #9E7E3A;
	border-bottom: 1px solid #000;
	font: bold 12px tahoma, arial, sans-serif;
}
h3.dataView 
{
	margin-bottom: 6px;
	padding: 0;
	color: #000;
	font: bold 11px tahoma, arial, sans-serif;
	text-align: center;
}
.dataViewContainer 
{
	margin: 0;
	border: 0;
	padding: 20px;
}
.dataViewChunkTop 
{
	text-align: right;
	margin: 0;
	border: 0;
	padding: 0;
	background: #efefef url(Images/corner-frame_tl.gif) top left no-repeat;
}

.dataViewChunk {
	margin: 0;
	padding: 0;
	border-left: 10px solid #efefef;
	border-right: 10px solid #efefef;
	background-color: #efefef;
	width: 100%;
}

.dataViewChunkBtm 
{
	text-align: right;
	margin-bottom: 10px;
	border: 0;
	padding: 0;
	background: #efefef url(Images/corner-frame_bl.gif) bottom left no-repeat;
}
.dGridDV	 {
	margin: 0;
	padding: 0;
	border: 0;
}
tr.dGridDVHeader td {
	margin: 0;
	padding: 4px 6px;
	color: #000;
	background-color: #ccc;
	border-bottom: 1px solid #000;
	font: normal 11px tahoma, arial, sans-serif;
}
tr.dGridDVRows td {
	margin: 0;
	padding: 2px 6px;
	color: #000;
	border-bottom: 1px solid #ddd;
	font: normal 11px tahoma, arial, sans-serif;
}
td.dGridDVHeader {
	margin: 0;
	padding: 4px 6px;
	color: #000;
	background-color: #ccc;
	border-bottom: 1px solid #000;
	font: normal 11px tahoma, arial, sans-serif;
}
td.dGridDVRows {
	margin: 0;
	padding: 2px 6px;
	color: #000;
	border-bottom: 1px solid #ddd;
	font: normal 11px tahoma, arial, sans-serif;
}

.productCategory1 {
	margin: 0px 0 2px -3px;
	padding: 0px 0 2px 3px;
	border: 0;
	font: bold 11px tahoma, arial, sans-serif;
	color: #9E7E3A;
	border-bottom: solid 3px #efefef;
}
.productCategoryN {
	margin: 2px 0 2px -3px;
	padding: 2px 0 2px 3px;
	border: 0;
	font: bold 11px tahoma, arial, sans-serif;
	color: #9E7E3A;
	border-bottom: solid 3px #efefef;
}
.subCategory {
	margin: 2px 0 1px 0;
	padding: 2px 0 1px 0;
	font: bold 10px tahoma, arial, sans-serif;
	color: #9E7E3A;
	width: 100%;
	border-bottom: solid 2px #efefef;
}
.DoNotDisplay
{
	visibility: hidden;
}
