﻿/* heading */
h1
{
	text-transform: none ! important;
}

p#ordrScrollRight
{
	float: right; 
	width: 28px; 
	margin: 8px 7px 0 0; 
	padding: 0;
}

p#ordrScrollLeft
{
	float: right; 
	width: 28px; 
	margin: 8px 0 0 0; 
	padding: 0;
}

.hiddenTextBox
{
	border: 1px solid #fff ! important;
	color: #fff;
}

/*	project tabs	*/
.ordrProjectTab
{
	float: left;
	border-top: 1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	font-weight: bold; 
	padding: 3px 8px 4px 8px; 
	margin: 0 3px 0 0;
	width: 72px;
	text-align:center;
}

.ordrProjectTab a
{
	color: #666;
	text-decoration: none;
}

.ordrProjectTab a:hover
{
	text-decoration: underline;
}

.ordrProjectTab_border_bottom
{
	border-top: 1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	border-bottom: 1px solid #666!important;
	background-color: #fff; 
	font-weight: bold; 
	padding: 3px 8px 4px 8px; 
	margin: 0 3px 0 0;
	width: 72px;
}

.ordrProjectTabActive
{
	float: left;
	border-top: 1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	background-color: #ff9933; 
	font-weight: bold; 
	padding: 3px 9px 4px 8px; 
	margin: 0 3px 0 0;
	width: 72px;
	text-align: center;	
}

.ordrProjectTabActive a
{
	color: #fff; 
	text-decoration: none;
}

.ordrProjectTabActive a:hover
{
	text-decoration: underline;
}

.ordrProjectTabBody
{
	font-family: "Arial Narrow", verdana,tahoma,helvetica;
	font-size: 13px;
	border: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0;
	background-color: #fff;
	width: 950px;
}

div#pShipment, div#pImageRelease
{
	width: 88px; 
	border-top: solid 5px #ff9933;
}

div#pShipment ul, div#pImageRelease ul
{
	list-style-type: none; 
	margin: 0 0 0 8px; 
	padding-top: 0;
}

div#pShipment ul a, div#pImageRelease ul a
{
	font-weight: normal;
}

/*	schedules */
.scheduleComplete td, .scheduleActive td, .scheduleInprogress td, .scheduleDeleted td, .scheduleCompletedDate td,  .scheduleShipOutDate td,  .schedulePickUpDate td, .scheduleRequiredDate td, .scheduleAssigned td, .scheduleHold td, .scheduleHoldSentReceived td, .scheduleRequiredDateDefinite td, .scheduleUrgent td, .scheduleHoliday td, .scheduleContest td
{
	padding: 2px;
}

.scheduleHold
{
	background-color: #FCBB6E;
}

.scheduleHoldSentReceived 
{
	background-color: #f9ca92;
}

.scheduleAssigned
{
	background-color: #FFDC60;
	color: #fff;
}

.scheduleComplete
{
	background-color: #49ADFA;
	color: #fff;
}

.scheduleActive
{
	background-color: #fff;
}

.scheduleInprogress
{
	background-color: #FFDC60;
	color: #fff;
}

.scheduleDeleted
{
	background-color: #eee;
}

.scheduleCompletedDate
{
	color: #fff;
	background-color: #49ADFA;
}

.scheduleShipOutDate, .schedulePickUpDate
{
	color: #fff;
	background-color: #14B127;
}

.scheduleRequiredDate
{
	color: #fff;
	background-color: #49ADFA;
}

.scheduleRequiredDateDefinite
{
	color: #fff;
	background-color: #000;
}

.scheduleUrgent
{
	color: #fff;
	background-color: #FF645F;
}

.scheduleHoliday
{
	color: #fff;
	background-color: #14B127;
}

.scheduleContest
{
	color: #fff;
	background-color: #FF8BBA;
}

/*	comments	*/
.projectComments td
{
	padding: 2px;
}

table.projectItem
{
	width: 615px; 
	float: left; 
	margin: 4px; 
	clear: both;
}

table.projectItem td.projectItemLeft
{
	padding-bottom: 1px;
	font-weight: bold;
}

table.projectItem td.projectItemRight
{
	padding-bottom: 1px;
	font-weight: bold;
	text-align: right;
}

table.projectItem td#projectItemsHeaderBorder
{
	padding-top: 0; 
	margin: 0; 
	height: 1px; 
	border-bottom: 1px solid #666; 
	font-size: 1px;
}

table.projectItem td
{
	padding: 2px;
}

table.projectItem td.projectItemDataCenter
{
	text-align: center;
}

table.projectItem td.projectItemDataRight
{
	text-align: right;
}

table.projectItem td.projectItemsFooter
{
	border-top: 1px solid #666; 
	padding-top: 2px; 
	text-align: right;
}

p.projectCommentHeaderWithComments
{
	width: 100%; 
	font-weight: bold; 
	border-bottom: 1px solid #666; 
	margin: 1px 0 0 0; 
	padding: 0 0 6px 0;
}

p.projectCommentHeaderWithoutComments
{
	width: 100%; 
	font-weight: bold; 
	margin: 1px 0 0 0; 
	padding: 0 0 6px 0;
}

p.projectCommentHeaderWithoutComments span, p.projectCommentHeaderWithComments span
{
	font-weight: normal;
}

div.scheduleInformation
{
	width: 313px; 
	float: right; 
	text-align: center; 
	margin: 0 10px 0 0;
}

div.scheduleInformation p.scheduleInformationHeader
{
	background-color: #fff; 
	font-weight: bold; 
	padding: 1px 0 3px 1px; 
	margin: 3px 0 0 0; 
	border-bottom: 1px solid #666;
	width: 100%;
}

div.scheduleInformation p.scheduleInformationHeader span
{
	font-weight: normal;
}

table.scheduleInformationItems
{
	width: 100%; 
	margin: 0; 
	text-align: left;
}

table.scheduleInformationItems td
{
	padding: 4px;
}

p#projectCommentHeader
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#projectCommentTable
{
	width: 490px;
	background-color: #fff;
}

table#projectCommentTable td
{
	padding-left: 8px;
}

table#projectCommentTable td.firstRow
{
	padding: 0;
}

table#projectCommentTable td.lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

p#projectItemContainerHeader
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#projectItemContainerTable
{
	width: 435px;
	background-color: #fff;
}

table#projectItemContainerTable td
{
	padding: 2px 18px 2px 18px;
}

table#projectItemContainerTable td.firstRow
{
	padding: 0;
}

table#projectItemContainerTable td.lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

table#projectItemContainerTable tr.projectItemContainerAlternate
{
	background-color: #eee;
}

.projectItemContainerProductType
{
	margin-top: 4px;
	margin-bottom: 4px;
	background-color: #eee;
	color: #000;
}

.projectItemImage
{
	visibility: hidden;
	width: 230px;
	position: absolute;
	z-index: 1000;
	background-color: #e3e2e0;
	height: 230px;
	padding: 4px;
	margin: 0;
	left: 0;
}

.projectItemProductType
{
	visibility: hidden;
	width: 825px;
	position: absolute;
	z-index: 999;
	height: 274px;
	padding: 4px 4px 4px 12px;
	margin: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #999;
}

.projectItemVariant
{
	visibility: hidden;
	width: 195px;
	position: absolute;
	z-index: 999;
	height: 33px;
	padding: 4px 4px 4px 12px;
	margin: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #999;
}

.projectItemFrameModel
{
	visibility: hidden;
	width: 265px;
	position: absolute;
	z-index: 999;
	height: 93px;
	padding: 4px 4px 4px 12px;
	margin: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #999;
}

.proofImage
{
	visibility: hidden;
	width: 500px;
	position: absolute;
	z-index: 1000;
	background-color: #e3e2e0;
	padding: 4px;
	margin: 0;
	left: 0;
}

.emailProcessLog
{
	visibility: hidden;
	width: 500px;
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	padding: 8px;
	margin: 0;
	left: 0;
	border: 1px solid #999;
}

div.ordrProjectAdd
{
	width: 284px; 
	float: right;
	padding: 8px 0 8px 0;
}
/*
div.ordrProjectItemAdd
{
	width: 250px; 
	float: left;
	padding: 8px;
}
*/
p.projectScheduleContainerHeader
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table.projectScheduleContainerTable
{
	background-color: #fff;
}

table.projectScheduleContainerTable td.ps
{
	padding: 2px 18px 2px 18px;
}

table.projectScheduleContainerTable td.firstRow
{
	padding: 0;
}

table.projectScheduleContainerTable td.lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

table.projectScheduleContainerTable tr.projectScheduleContainerAlternate
{
	background-color: #eee;
}

div#proofReviewPopup
{
	visibility: hidden;
	width: 570px;
	position: absolute;
	z-index: 999;
	padding: 4px 4px 4px 12px;
	margin: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #999;
}

div#proofReviewPopup p
{
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 0;
}

div#proofReviewPopup tr#proofReviewCommentRow
{
	 display: none;
}

/*	modal popups	*/

.modalBackground
{
	background-color: #e3e2e0;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:#666;
	padding:3px;
	width:250px;
}

/* ordr payment	*/
table#moneyTransaction
{
	width: 260px;
	background-color: #fff;
	float: left; 
	clear: both;
}

table#moneyTransaction td
{
	padding-left: 8px;
}

table#moneyTransaction td#firstRow
{
	padding: 0;
}

table#moneyTransaction td#lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

table#orderPaymentItems
{
	width: 942px;
	float: left; 
	margin: 4px; 
	clear: both;
}

table#orderPaymentItems tr#orderPaymentItemsHeader td
{
	font-weight: bold;
	padding-bottom: 0px;
}

table#orderPaymentItems td#orderPaymentHeaderBorder
{
	padding-top: 1px;
	margin: 0; 
	height: 1px; 
	border-bottom: 1px solid #666; 
	font-size: 1px;
}

table#orderPaymentItems td
{
	padding: 2px;
}

div#ordrPaymentAdd
{
	width: 250px; 
	float: left; 
	padding: 8px;
}

/* ordr information */
 div#orderInformation
 {
	height: 220px; 
	width: 274px; 
	float: left; 
	text-align: center; 
	border: 1px solid #666; 
	margin: 5px 4px 3px 0; 
	padding: 0;
}

div#orderInformation p
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 0 0 0 8px; 
	margin: 0 0 3px 0;
}

div#orderInformation a
{
	color: #666;
}

.EditColor
{
	color: #fff;
}


div#orderInformation table
{
	width: 100%; 
	margin: 4px; 
	text-align: left;
}

div#orderInformation table td#firstRow
{
	width: 70px;
}

p#editOrderInformation
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#orderInformationTable
{
	width: 420px;
	background-color: #fff;
}

table#orderInformationTable td
{
	padding-left: 8px;
}

table#orderInformationTable td#firstRow
{
	padding: 0;
}

table#orderInformationTable td#lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

/*	address information	*/
div#orderAddressInformation
{
	height: 220px; 
	width: 367px; 
	float: left; 
	border: 1px solid #666; 
	padding: 0; 
	margin: 5px 4px 3px 0; 
	border-right: 1px solid #666;
}

div#orderAddressInformation p#orderAddressInformationHeader
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 0 0 0 8px; 
	margin: 0;
}

div#orderAddressInformation p#orderAddressInformationHeader a
{
	color: #fff; 
}

div#orderAddressInformation table#orderAddressTable
{
	width: 100%;
}

div#orderAddressInformation table#orderAddressTable td
{
	padding: 3px 0 0 20px;
}

div#orderAddressInformation p#billingAddressHeader, div#orderAddressInformation p#shippingAddressHeader
{
	margin: 0; 
	padding: 0;
}

div#orderAddressInformation p#billingAddressBody, div#orderAddressInformation p#shippingAddressBody
{
	line-height: 18px; 
	margin: 0;
}

p#editOrderAddress
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#editOrderAddressTable
{
	width: 360px;
	background-color: #fff;
}

table#editOrderAddressTable td
{
	padding-left: 8px;
}

table#editOrderAddressTable td#firstRow
{
	padding: 0;
}

table#editOrderAddressTable td#lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

/* order totals */
table#orderTotalItems
{
	margin: 4px; 
	text-align: left;
}

table#orderTotalItems td#middleColumn
{
	width: 4px;
	font-size: 2px;
}

table#orderTotalItems td.alignRight
{
	text-align: right;
}

table#orderTotalItems td.totalLabel
{
	border-top: 1px solid #666; 
}

table#orderTotalItems td.totalAmount
{
	border-top: 1px solid #666; 	
	text-align: right;
}

div#orderTotalsInformation
{
	height: 220px; 
	width: 297px; 
	float: left; 
	text-align: center; 
	border: 1px solid #666; 
	margin: 5px 0 1px 0;
}

div#orderTotalsInformation p
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 0 0 0 8px;
	margin: 0;
}

div#orderTotalsInformation p a
{
	color: #fff; 
}

p#editOrderTotal
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#orderTotalTable
{
	width: 220px;
	background-color: #fff;
}

table#orderTotalTable td
{
	padding-left: 8px;
}

table#orderTotalTable td#firstRow
{
	padding: 0;
}

table#orderTotalTable td#lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

table#orderTotalTable td#taxToggle
{
	width: 50px;
}

table#orderTotalTable td input[type="text"]
{
	width: 40px;
}

/* ordr payment	*/
p#addAPayment
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

/* ordr shipment */
div#ordrShipmentAdd
{
	width: 250px; 
	float: left; 
	padding: 8px;
}

p.shipmentContainerHeading a
{
	color: #fff;
}

p.editOrderShipping
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

p#editShippingHeading
{
	width: 340px; 
	margin: 0; 
	padding: 0;
}

table.editOrderShippingTable
{
	width: 339px;
	background-color: #fff;
	padding: 0;
}

table.editOrderShippingTable td
{
	padding-left: 8px;
}

table.editOrderShippingTable td.lastRow
{
	padding: 10px 0 4px 0;
	text-align: center;
}

/* image */
p#orderImageHeader
{
	width: 852px;
	font-weight: bold; 
	margin: 0 0 -3px 0;
	padding: 9px 0 0 8px;
	float: left; 
	width: 125px;
}

p#orderImageHeaderScheduleScan
{
	margin: 0 0 -3px 0;
	float: right; 
	width: 250px; 
	text-align: right; 
	padding: 9px 7px 0 0;
}

table#orderImage
{
	width: 942px;
	float: left; 
	margin: 4px; 
	clear: both;
}

table#orderImage td.orderImageProjectBorder
{
	border-bottom: 1px solid #666; 
	padding: 0; 
	margin: 0px; 
	font-size: 2px;
}

table#orderImage td
{
	padding: 2px;
}

table#orderImage td p.orderImageProjectHeading
{
	padding: 2px 0 0 6px; 
	text-align: left;
}

table#projectImageDescription td
{
	font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px!important;
}

p.projectImageContainer
{
	margin: 0;
	float: left; 
	padding: 4px; 
	text-align: center;
}

span.projectImageStatusAct, span.projectImageStatusAppr, span.projectImageStatusDel, span.projectImageStatusHold, span.projectImageStatusRejec
{
	font-weight: bold;
}

span.projectImageStatusAct
{
	
}

span.projectImageStatusAppr
{
	color: #16B72D;
}

span.projectImageStatusDel
{
	color: #2DEA48;
}

span.projectImageStatusHold
{
	color: #E8B70C;
}

span.projectImageStatusRejec
{
	color: red;
}

div.projectImageActions
{
	width: 440px; 
	/*border-top: 1px solid #999; */
	text-align: center; 
	padding-top: 9px; 
	margin: 4px 0 8px 0;
}

div.projectImageActionsSub
{
	/*border-top: 1px solid #999; */
	padding: 5px 0 0 19px;
	margin: 0;
}

/* history */
table#orderHistory
{
	width: 942px;
	float: left; 
	margin: 4px; 
	clear: both;
}

table#orderHistory tr.orerHistoryAlternating
{
	background-color: #eee;
}

table#orderHistory td
{
	padding: 2px;
}

table#orderHistory td.historyType
{
	
}

table#orderHistory td.historyDate
{
	
}

table#orderHistory td.historyText
{
	
}

table#orderHistory td.adminUser
{
	
}

p#orderHistoryHeader
{
	width: 936px;
	font-weight: bold; 
	border-bottom: 1px solid #666; 
	margin: 1px 0 0 0; 
	padding: 0 0 6px 0;
}

p#orderHistoryHeader span
{
	font-weight: normal;
}

p#orderHistoryCommentHeader
{
	background-color: #ff9933; 
	color: #fff; 
	font-weight: bold; 
	padding: 6px 4px 2px 8px;
	margin: 0;
}

table#orderHistoryCommentTable
{
	width: 490px;
	background-color: #fff;
}

table#orderHistoryCommentTable td
{
	padding-left: 8px;
}

table#orderHistoryCommentTable td.firstRow
{
	padding: 0;
}

table#orderHistoryCommentTable td.lastRow
{
	padding: 10px 0 10px 0;
	text-align: center;
}

div#warningMessageContainer
{
	left: 0;
	visibility: hidden;
	width: 215px;
	position: absolute;
	z-index: 1000;
	color: #000;
	background-color: #eee;
	padding: 8px 12px;
	margin: 0;
	color: #4A5157;
	border: 1px solid #999;
}

div#warningMessageContainer p
{
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
}

div#warningMessageContainer div
{
	width: 100%; 
	text-align: center; 
	margin: 8px 0 4px 0; 
	padding: 0 0 0 0;
}
