option {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;}
a {color: #0000ff;}

.statusGreen{color:#00CC00;}
.statusYellow{color:#ff9900;}
.statusRed{color:red;}
.white {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #ffffff;}
.whiteBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #ffffff;font-weight: bold;}
.whiteSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #ffffff;}
.whiteLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #ffffff;}
.whiteHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #ffffff;}
.whiteHeaderBold {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #ffffff;;font-weight: bold;}

.black {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;}
.blackBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;font-weight: bold;}
.blackSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #000000;}
.blackLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #000000;}
.blackHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #000000;font-weight: bold;}

.purple {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #663399;}
.purpleBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #663399;font-weight: bold;}
.purpleSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #663399;}
.purpleLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #663399;}
.purpleHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #663399;}

.green {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #009900;}
.greenBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #009900;font-weight: bold;}
.greenSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #009900;}
.greenLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #009900;}
.greenHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #009900;font-weight: bold;}

.red {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #ff0000;}
.redBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #ff0000;font-weight: bold;}
.redSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #ff0000;}
.redLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #ff0000;}
.redHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #ff0000;font-weight: bold;}

.blue {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #0000ff;}
.blueBold {font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #0000ff;font-weight: bold;}
.blueSmall {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #0000ff;}
.blueLarge {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #0000ff;}
.blueHeader {font-family: Verdana, Geneva, sans-serif;font-size: 14px;color: #0000ff;font-weight: bold;}

td {font-family: Verdana, Geneva, sans-serif;font-size: 10px;color: #000000; }
.bS {font-family: Verdana, Geneva, sans-serif;font-size: 10px; color: #000000;}
.bL {font-family: Verdana, Geneva, sans-serif;font-size: 12px; font-weight:bold; color: #000000;}
.rL {font-family: Verdana, Geneva, sans-serif;font-size: 12px; font-weight:bold; color: #ff0000;}

.mainFrame{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#ffffff;} 
.indexFrame{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#ffffff;} 
.infoFrame{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#FFFFF4;} 
.subFrame{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#ffffff;} 
.alertBar{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#ffffff;} 
.actionBar{font-family: Verdana, Geneva, sans-serif;font-size: 12px; font-weight:bold; color: #ffffff;background-color:#4FAA75;}  
.tableBar{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;background-color:#666666;}  
.lineColor{background-color:#879FB7;}
.lineColor2{background-color:#BD8F5E;}
.nav_highlight{font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #000000;font-weight:bold; background-color: #FFFF00;}

.grey {font-family: Arial, Verdana, Geneva, sans-serif;font-size: 11px;color: #999999;}
.greyBold {font-family: Arial, Verdana, Geneva, sans-serif;font-size: 11px;color: #999999;font-weight: bold;}
.greySmall {font-family: Arial, Verdana, Geneva, sans-serif;font-size: 10px;color: #999999;}
.greyLarge {font-family: Arial, Verdana, Geneva, sans-serif;font-size: 12px;color: #999999;}
.greyHeader {font-family: Arial, Verdana, Geneva, sans-serif;font-size: 14px;color: #999999;font-weight: bold;}

.hdrBg{background-color:#eeeeee;} 
.hdrTop{background-color:#FFFFFF;}  
.hdrMain{background-color:#336699;}  
.hdrBottom{background-color:#000000;}  

.underline{ text-decoration: underline;}

.loginbutton {
	background: url(/images/btn-Login.gif) no-repeat 100% 0px;
	width:110px;
	height:20px;
	text-indent:-9999px;
	border:0;
	display:inline-block;
}

.loginbutton:hover {
	background-position: 0 -20px;
}
a.headerbutton {
	border:0;
	border-style:none;
	color: #FFFFFF;
}

a.headerbutton img {
	border:0;
	border-style:none;
}

.adminheader {
	margin:20px 0 0;
	padding: 0 10px;
	box-sizing:border-box;
	width:100%;
	height:60px;
}

.adminbutton {
	border:0;
}

.adminhome{
	float:left;
	width:181px;
	height:36px;
	margin:0 0 0 0;
	padding:0 0 0;
}
.adminlogo, .adminlogohome{
	display:block;
	width:181px;
	height:36px;
	background:url(/images/Adminlogo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.adminlogo:hover{background-position:0 -36px;}

.adminlogout {
	float:left;
	font-size:13px;
	margin-top:5px;
}

.selection {
	float:left;
	margin: 0 0 0 20px;
	width:242px;
}

.queueselect {
	height:23px;
}
.queueselect select {
	height:100%;
	width:100%;
}
.resellerselect {
	height:23px;
	margin-top:2px;
}
.resellerform {
	height:100%;
	float:left;
}
.resellerform form select {
	height:100%;
}
.resellerbutton {
	float:right;
	cursor:pointer;
}

.primarybuttons {
	float:left;
	margin-left:20px;
}

.orderresultsheader {
	margin-left:305px;
	padding-right: 10px;
	white-space: nowrap;
	min-height:48px;
}

.orderresultsheader form img {
	float:left;
	cursor:pointer;
}

.orderresultsheader a.headerbutton, .orderresultsheader img, .orderresultsheader form input {
	float:left;
	cursor:pointer;
}

.orderresultsheader img {
	margin-left:4px;
}

.functionBoxBody
{
	border: 1px solid black;
    padding: 5px;
	
}

.functionBoxHeader
{
	border: 1px solid black;
    padding: 5px;
	background-color: #EEE;
}

.makegoodTitle
{
	/*width: 100px; text-align: right; removed for IE*/  padding-right: 10px
}

.tablespacing
{
	height:30px;
}

#qaheader
{
text-align:left;
	background-color: #4FAA75;
border: 1px solid black;
padding-bottom: 2px;
padding-left: 5px;

}

.pageMargin
{
	margin: 10px;
}

img
{
	border: 0px;
}

.labelHolder
{
	float: left;
	margin-right: 10px;
}
#qamain
{
	padding: 20px;
}

#qa_result_table
{
	border: 1px solid black;
	margin-top: 10px;
}

#qa_result_table th
{
	background-color: #CCC;
	padding: 7px 30px;
}

#qa_result_table td
{
	padding: 7px 30px;
}

#qa_review_left_table
{
	float: left;
}
.qa_review_table
{
	margin: 10px;	
}
.qa_review_table td
{
	padding: 5px 10px;
		
}
.qa_review_table .tableLabel
{
	text-align: right;
	font-weight: bold;
}

#qa_review_right_table
{
	
	border: 1px solid black;	
}
.chkCell
{
	text-align: right;	
}

.chkCell input
{
	margin: 0 0 0 20px;	
}
#qa_button_holder
{
	padding-left: 390px;
	margin-top: 10px;	
}
#qa_reject_box_holder
{
	padding-left: 300px;
	margin-top: 10px;	
	display: none;
}
#qa_update_button
{
	margin-left: 162px;
	margin-top: 10px;	
	
}
#batchMoveBox div
{
	float: left;	
}

#batchMoveBox
{
	display: none;
	padding-left: 440px;	
}
#batchMoveSelectButtons
{
	margin-left: 10px;
}
#batchMoveSelectButtons div
{
	padding-top: 5px;
}
#new_customer_report_results
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-spacing: 0px;
	margin-left: 20px;	
}
#new_customer_report_results td
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	padding: 4px;	
}

#new_customer_report_results th
{
	font-size: 12;	
	background-color: #CD751C;
}
.darkRow
{
	background-color: #DDD;
}

.category-name {
	cursor: pointer;
	text-decoration: underline;
	color: #0000ff;
}
p.q-header{
	font-weight:bold;
	font-size:11px;
	margin: 10px 0 0px;
	line-height:14px;
}
p.q-answer{
	font-size:11px;
	margin: 0 0 5px;
	line-height:14px;
}

.txtbtn {
	border: 1px solid #2C5F99;
	background-color: #3572B8;
	border-radius: 5px 5px 5px 5px;
	color:white;
	font-size:12px;
	font-weight:bold;
	padding: 1px 8px 2px;
	cursor:pointer;
}
.iprSts{
	font-weight:bold;
	margin-right:5px;
	display:inline-block;
	width:135px;
}
.iprSpacer {
	margin-right:5px;
}
.iprOwnership{
	margin-right:5px;
	display:inline-block;
	width:60px;
}

tr.serviceQueue, tr.serviceQueue td , tr.serviceQueue a {
	color: #33aa33 !important;
}
tr.holdQueue, tr.holdQueue td , tr.holdQueue a {
	color: #ee0000 !important;
}

.po-details .po-details-row label {
	width:140px;
	margin-right:20px;
	float:left;
}
.po-details input, .po-details textarea, .po-details select {
	padding:3px;
	width:auto;
	border: 1px solid #999;
}
.po-details input {
	width:120px;
}
.po-details input[type=radio]{
	width:auto;
	vertical-align:top;
	margin-left:40px;
}
.po-details input[type=file]{
	width:300px;
}
.po-details select {
	padding:2px 5px 3px 2px;
	height:24px;
}
.po-details .input-readonly {
	background: #eee;
}
.po-details-row {
	margin-bottom:10px;
	max-width:800px;
	font-size:12px;
}
.po-details input.input-wide {
	width:300px;
}
.po-details textarea.input-wide {
	width:300px;
	height:7em;
}
.po-note-textbox {
	width:100%;
}
.note-row  button, .note-row  select, .note-row textarea, #po-files input[type=file], .asset-row  button, .asset-row input[type=file] {
	float:left;
	margin-right:10px;
}
.row-left, .row-mid, .row-right {
	display: inline-block;
}
.row-left {
	width:40px;
}
.row-mid{
	width:550px;
}
.row-right{
	width:200px;
}
.row-mid input[type=file], .row-mid textarea {
	width:90%;
}
.po-details-row .update-button-holder {
	margin-left:10px;
}
small  button.ui-button  {
	margin-bottom:5px;
}
small  button.ui-button span.ui-button-text {
	padding: 2px 8px;
	font-size:12px;
}
#po-files #fileupload {
	width:400px;
	padding:0;
}
.po-details-row .column {
	width:48%;
	display:inline-block;
	vertical-align:top;
}
.po-details-row .column img {
	max-width:80%;
	max-height:250px;
	display:block;
}
.po-details-row .column .box {
	width:50%;
	float:left;
	max-height:80px;
	margin-bottom:10px;
}
.po-details-row .column .box img{
	max-height: 80px;
}
.po-row-hold{
	background: pink;
}
.po-row-white {
	background: white;
}
.po-row-in-production {
	background: lightgreen;
}
.po-row-shipped {
	background: lightblue;
}
.po-row-past-due {
	background: lightcoral;
}
.project-summary {
	overflow:auto;
}

#dialog-hold-mail input, #dialog-hold-mail textarea, #dialog-hold-mail select {
	border: 1px solid #ccc;
	padding: 5px 10px;
	font-size:14px;
	box-sizing:border-box;
}
#dialog-hold-mail input[type=text], #dialog-hold-mail select {
	width:97%;
}
#dialog-hold-mail textarea {
	width:100%;
	height:400px;
	margin-bottom:20px;
}
#dialog-hold-mail li {
	list-style: none outside none;
	font-size:14px;
}
#dialog-hold-mail #hold-mail-options {
	max-height:460px;
	overflow: auto;
}

.ui-dialog select, .ui-dialog input[type=text]{
    border: 1px solid #ccc;
    height: 26px;
    padding: 0 0 0 4px;    
}

.ui-dialog .form-row {
	margin-top:10px;
}
.ui-dialog .form-row-label {
	text-align:right;
	display:inline-block;
	width:100px;
}
.ui-dialog .form-row-content {
	display:inline-block;
}
.color-red {
	color: red;
}
.vendor-search {
	float: left;
    font-family: arial;
    font-size: 14px;
    margin-left: 40px;
}
.vendor-orders-list-header {
	padding:5px;
	border-bottom:1px solid #000;
	padding-left:20px;
}
.vendor-orders-list-wrapper {
	margin:20px 10px 0;
	border:1px solid #000;
}
.vendor-orders-list-wrapper table {
	text-align:left;
}
.artwork-box {
	border: 1px solid #000;
	margin-bottom:15px;
}
.artwork-box .header {
	background: #ccc;
	border-bottom: 1px solid #000;
	padding: 5px;
	margin:0;
	font-weight:bold;
	font-size:12px;
}
.artwork-box .artwork-element{
	max-width:45%;
	margin-right:2%;
	display:inline-block;
	padding: 10px;
	text-align:center;
}
.artwork-box .artwork-element img {
	
	max-height: 200px;
	margin-bottom:10px;
}

#ship-address-table td{
	padding:0 2px;
}

.op-size-table {
	width:1600px;
	margin-top:20px;
	font-size:12px;
	line-height:1.3;
}
.op-size-table .op-size-row {
	padding-top:2px;
	padding-bottom:2px;
}
.op-size-table .op-size-row .op-size-column {
	display:inline-block;
	width:100px;
	margin-right:20px;
	vertical-align: top;
}
.op-size-table .op-size-row.shaded {
	background-color: #fff;
}
.op-size-table .op-size-row .op-size-column:first-child {
	width:150px;
}	
.op-size-table input, .op-size-table select {
	max-width:100%;
}
.op-size-row.top-spacer {
	margin-top: 20px;
}

#dialog-proof-notes {
	width:100%;
}
#dialog-proof-notes td, #dialog-proof-notes tr {
	font-size:14px;
}
#dialog-proof-notes .date, #dialog-proof-notes .author {
	width:15%;
}

.dialog-order-costs table thead{
	font-weight:bold;
}
.dialog-order-costs table td {
	 padding:5px;
}
.dialog-order-costs .shaded-row {
	background-color: #a7d0a7;
}
#dialog-vinyl-ship .error {
	font-weight:bold;
	color:red;
	border-color: red;
}
.vinyl-ship-cost-base, .vinyl-ship-cost-unit {
	width:50px;
}
#dialog-vinyl-ship-additional .error {
	border-color: red;
}