/* SMPL STYLES */
/* 02/2014 */

/* tabset */
.htabset li:last-child{
	margin-right:0 !important;
	}
	
/* input[type="button"]{
	cursor:pointer;
	} */
	
#smpl-main-tabs	{
	border-bottom: 1px solid #666666;}
	
smpl-view-edit-but	
/* td{
	vertical-align:top;
	font-size:12px;
	} */



/* sampl ordering v2.0 */
#smpl-content{
	float:left;
	width:600px;
	margin:5px 0 0 0;
	}
	
	/* smpl search filters */
	#smpl-filters{
		width:100%;
		height:30px;
		clear:left;

	}
	
		#smpl-filters form{
			margin:0 auto;
		}
		
			#smpl-filters form label, #smpl-filters form select, 
			#smpl-filters form input[type="text"], #smpl-filters form input[type="submit"]{
				float:right;
				margin:0 7px 0 7px;
				}
				
				#smpl-filters form label{
					padding:4px 0 0 0;
					}
					
				#smpl-filters form select{
					width:125px;
					height:22px;
					padding:3px;
					border:1px solid #CCCCCC;
					}
				
				#smpl-filters form input[type="text"]{
					width:100px;
					height:14px;
					padding:3px;
					text-align:center;
					border:1px solid #CCCCCC;
					}
					
				#smpl-filters form input[type="submit"]{
					float:right;
					height:23px;
					text-transform:uppercase;
					margin:0 0 0 7px;
				}
				
				
	/* place new order button */
	#smpl-new-order-btn{
		width:100%;
		height:20px;
		clear:left;
		margin-bottom: 14px;
		}
		
		#smpl-new-order-btn a{
			float:right;
			border:1px solid #cccccc;
			text-transform:uppercase;
			text-decoration:none;
			padding:3px;
			color:#363636;
			background:#eeeeee;
			}
			
		#smpl-new-order-btn a:hover	{
		background-color:#9b9b9b;
		color:#f8eca5;}	
			
			
	/* orders */
	#smpl-orders{
		width:100%;
		}
		
		#smpl-orders h1{
			margin:0 0 4px 0;
			color: #000000;
			font-size:1.5em;
			font-weight:100;
			text-transform:uppercase;
			padding: 4px 0px 4px 8px;
			}
			
		#smpl-orders h1.readapp	{
			background-color: #666666;
			color: #c2c09e;
			padding: 4px 0px 4px 8px;
			margin: 0!important;}
		
		#smpl-orders table{
			width:100%;
			border:1px solid #f0f0f0;
			margin:0 0 18px 0;
		}
		
			.toggle{
				display:block;
				}
		
			#smpl-orders table thead{
				background:#888888;
				color:#ffffff;
				}
				
				#smpl-orders table td{
					color:#30353b;
					padding:8px;
				}
				
				#smpl-orders table td.head{
					background:#888888;
					color:#ffffff !important;
				}
				
					#smpl-orders table td.head#status{
						width:40px;
						}
						
					#smpl-orders table td.head#inneeded{
						width:50px;
						}
						
					#smpl-orders table td.head#ordertype{
						width:150px;
						}
						
						
					#smpl-orders table td.head#requestor{
						width:100px;
						}
						
					#smpl-orders table td.head#action{
						width:140px;
						text-align:right;
						}
						
					#smpl-orders table td.head#toggler{
						text-align:right;
						width:5px;
						}
	
	
.smpl-orderheader	{ width: 100%;}
.smpl-headtop	{text-align:left;margin-top:4px;margin-bottom:10px;}
.smpl-orderheader h1	{color: #333333; font-size: 1.7em; margin-bottom: 8px; font-weight:100;}
.smpl-orderheader h3	{font-size: 1.1em; font-weight: 100; padding: 3px 6px 4px 10px; margin-right:15px; float:left;}

				.smpl-orderheader .return-link{
					width:100%;
					float:right;
					}
					
					
				.SMPL-app-container span.fse-help{
					float:right;
					margin-top:6px;
					}
				
				td.smpl-td-dr, h3.smpl-td-dr{
					background:#f7c58a;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-dr{
						text-align:left;
						width:170px;
					}
				
				td.smpl-td-pa, h3.smpl-td-pa{
					background:#f8eba5;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-pa{
						text-align:left;
						width:170px;
					}
					
				td.smpl-td-aps, h3.smpl-td-aps{
					background:#d8ebc2;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-aps{
						text-align:left;
						width:170px;
					}
				
				td.smpl-td-apu, h3.smpl-td-apu{
					background:#bfdf93;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-apu{
						text-align:left;
						width:170px;
					}
					
					
				td.smpl-td-shp, h3.smpl-td-shp{
					background:#d4ebf3;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-shp{
						text-align:left;
					width:170px;
					}
					
				td.smpl-td-puc, h3.smpl-td-puc{
					text-align:center;
					background:#a3d4e5;
					height: 14px;
					}
					
					h3.smpl-td-puc{
						text-align:left;
						width:170px;
					}
				
				td.smpl-td-rej, h3.smpl-td-rej{
					text-align:center;
					background:#f37561;
					height: 14px;
					}
					
					h3.smpl-td-rej{
						text-align:left;
						width:170px;;
						}
				
				td.smpl-td-can, h3.smpl-td-can{
					text-align:center;
					background:#ffffff;
					height: 14px;
					}
					
					h3.smpl-td-can{
						text-align:left;
						width:170px;
					}
					
				td.smpl-td-zz, h3.smpl-td-zz{
					background:#c0c0c0;
					text-align:center;
					height: 14px;
					}
					
					h3.smpl-td-zz{
						text-align:left;
						width:170px;
						}
					
				td.last{
					text-align:right;
					width:225px;
					}
					
			
					
					
	/* details */
	#smpl-order-basics{
		margin:0 0 10px 0;
		/*width:550px;*/
		width:100%;
		border:1px solid #ececec;
	}
	
		#smpl-order-basics .heading{
			color:#000000;
			font-size:16px;
			background:#ececec;
			padding:8px;
			text-transform:uppercase;
		}
		
		#smpl-order-basics td{
			padding:8px;
			font-size:12px;
			}
			
		#smpl-order-basics tr	{
			vertical-align: top;}
			
			#smpl-order-basics td div{
				padding:8px 8px 8px 0;
				}
			
			#smpl-order-basics label{
				display:inline-block;
				font-weight:bold;
				xwidth:175px !important;
				text-transform:none;
				}
				
			#smpl-order-basics select{
				width:337px;
				}
				
			#smpl-order-basics .submit{
				text-align:right;
				}
				
			#smpl-order-basics textarea{
				xwidth:200px;
				}
				
			#smpl-order-basics input[type="checkbox"]{
				margin:0 4px 0 10px;
			}
				
	/* enter product */
	#smpl-enter-product{
		width:100%;
	}
	
		#smpl-enter-product .heading{
			background:#888888;
			font-size:12px;
			color:#ffffff;
			padding:8px;
			}
			
		#smpl_productCart1{
			width:100%;
			border:1px solid #f0f0f0;
			}
			
		#smpl_productCart1 tr	{
			vertical-align: top;}
			
			#smpl_productCart1 td{
				background:#f7f6f6;
				padding:8px;
				}
				
				#smpl_productCart1 td.sku{
					width:20%;
					}
					
				#smpl_productCart1 td.quantity{
					width:15%;
					}
					
				#smpl_productCart1 td.desc{
					width:46%;
					}
					
				#smpl_productCart1 td.pack{
					width:10%;
					}
					
	#smpl-prod-submit{
		clear:left;
		margin:20px 0 0 0;
		text-align:right;
		}
		
		
	
	#smpl-order-list{
		width:100%;
		border:1px solid #f0f0f0;
		margin:3px 0 10px 0;
	}
	
		#smpl-order-list td.heading{
			background:#888888;
			color:#ffffff;
			padding:8px;
		}
	
		#smpl-order-list td{
			padding:8px;
		}
	
		
	/* opportunities */
	.smpl-opp-btns{
		padding:12px 0 12px 0; 
		xborder-top:2px solid #888888;
		}
		
	#lsoList > div  h1 { 
		font-weight:normal; 
		background-color:#888888; 
		color:#ffffff; 
		height:20px; 
		font-size:12px; 
		padding-left:12px; 
		padding-top:4px; 
		}
		
		#lsoList span{ 
			xtext-transform:uppercase; 
			}
			
	#lsoList > div{ 
		background-color:#f7f6f6; 
		border:1px solid #C0C0C0;
		border-bottom:;
		}
		
		#lsoList > div.links{
			border-top:0 !important;
			border-bottom:1px solid #c0c0c0;
			padding:10px 0 10px 12px;
			margin:0 0 10px 0;
			}
			
		#lsoList .lso { 
			padding:10px 12px 10px 12px;
			}
			
	.smpl-tab-top	{
		background: none repeat scroll 0 0 #ECECEC;
    color: #000000;
    font-size: 16px;
    padding: 8px; margin-bottom: 12px;
    text-transform: uppercase;}
	
	.smpl-opp-save{
		width:100%;
		height:25px;
	}
	
		.smpl-opp-save a.button{
			float:right;
			}
	
	table.posSplLineFields td{ 
		vertical-align:top;
		padding:0 0 10px 0;
		}
		
	table.posSplLineFields{ 
		width:100%; 
		}
		
	table.posSplLineFields tbody tr td:first-child{ 
		width:130px; 
		}
		
	table.posSplLineFields .annualEst{ 
		font-weight:bold; 
		float:right;
		padding:0 30px 0 0;
		}
		
		
	/* shipping */
	.pos_itmOutLine{
		border:0 !important;
		}
		
	#smpl_frm_shipping{
		
	}
		#smpl_frm_shipping input, #smpl_frm_shipping textarea, #smpl_frm_shipping select{
			font-size:12px;
			}
	
		#smpl_frm_shipping input[type="checkbox"]{
			margin:0 0 0 0 !important;
		}
		
		#smpl_frm_shipping textarea{
			float:left;
		}
		
		#smpl_frm_shipping select{
		}
		
		#smpl_frm_shipping #smpl_chars{
			margin:36px 0 0 0;
		}
		
		#smpl_frm_shipping #smpl_shp_Salutation{
			margin:0 0 12px 0;
			width:63px;
		}
		
		
		#smpl_frm_shipping #smpl_frm_ship_submit{
			float:right;
			cursor:pointer;
			}
			
		.smpl-shpd table{
			
		}
		
		.smpl-summary td .smpl-shpd td	{
			padding: 2px 5px 5px 5px;}
			
	button#smpl-clear-shipto-fields{
		float:right;
		width:150px;
		height:22px;
		background:#ebebeb;
		border:1px solid #a9a9a9;
		padding:0;
	}		
	
	/* summary */
	button#smpl-del-record{
		float:left;
		width:110px;
		height:22px;
		background:#ebebeb;
		border:1px solid #a9a9a9;
		padding:1px 0 0 8px;
	}
	
		button#smpl-del-record a{
			width:95px;
			float:left;
			padding:0 3px 3px 0;
			line-height: 16px;
			display:block;
			font-size:10px;
			color:#666666;
			text-decoration:none;
			}
			
			button#smpl-del-record a:hover{
				text-decoration:underline;
				}
				
	/* nixed this on the sample tool as it was displaing the icon thrughout the STP */
	xspan.ico.delete-record{
		display:inline-block;
		float:right;
		margin-top:0px;
		width:14px;
		height:16px;
	}
	
	.smpl-summary	{
		width:100%;
		margin-bottom: 12px;
	}
	
	.smpl-summary ul	{
		margin-top: 12px;
		margin-left: -12px;}
	
	.smpl-summary li	{
		font-size: 1em;
		margin-bottom: 10px;
		line-height: 16px;	}

.smpl-summary .top	{
	border-top: 2px #cdcdcd solid;}
	
		.smpl-summary .heading{
			color:#000000;
			font-size:16px;
			background:#ececec;
			padding:8px;
			text-transform:uppercase;
		}
		.smpl-left-summ 	{
			width: 18%;}
			
		table.smpl-summary {
			border: 1px solid #ececec;}
			
		.smpl-summary td{
			padding:8px;
			font-size:12px;
			vertical-align: top;
			}
			
	.smpl-rejection-msg	{
		margin: 14px 8px 14px 8px;
		 border:2px solid #f37561;
		 padding:0px 10px 6px 10px;
		
	}
	
	.smpl-rejection-msg p	{
		font-size: 1.2em;	}
	
	
			
	.smpl-summary td.opp-list	{
		font-size:1.1em;}
			
	.smpl-view-edit-but	{
		float: right;width: 70px; background:#FFFFFF; font-size: .7em;text-align: center; margin: 2px 16px 0 0;}
		
	.smpl-view-edit-but	a	{
		text-decoration: none!important;
		background-color: #ffffff;
		padding: 3px 4px;
		font-weight:bold; border: 1px solid #9b9b9b;}
		
	.smpl-view-edit-but	a:hover	{
		background-color:#9b9b9b;
		color:#f8eca5;}
		
	.smpl-view-but	{
		float: right;width: 44px; background:#FFFFFF; font-size: .7em;text-align: center; margin: 2px 16px 0 0;}
		
	.smpl-view-but	a	{
		text-decoration: none!important;
		background-color: #ffffff;
		padding: 3px 4px;
		font-weight:bold; border: 1px solid #9b9b9b;}
		
	.smpl-view-but	a:hover	{
		background-color:#9b9b9b;
		color:#f8eca5;}	
		
	.smpl-address-dis	{
		line-height: 20px;}
		
	.smpl-order-line	{
		font-size: .8em;
		font-weight:bold;
		text-transform:uppercase;
		color: #8c8b8b;}

	/* recent changes */
	#smpl-recent-changes{
		float:left;
		width:205px;
		margin:0 0 0 10px;
		background:purple;
		}
		
		
		
/* No Order Status */
table tbody tr td.bs { background-color: #ffffff; }
/* Order Draft */
table tbody tr.DR td.bs { background-color: #f7c58a; }
/* Pending Approval */
table tbody tr.PA td.bs { background-color: #f8eba5; }
/* Needs Products */
table tbody tr.APS td.bs { background-color: #d8ebc2; }
/* Approved for Pickup */
table tbody tr.APU td.bs { background-color: #bde096; }
/* Shipped */
table tbody tr.SHP td.bs { background-color: #d4ebf3; }
/* Pickup Confirmed 
table tbody tr.PUC td.bs { background-color: #a3d4e5; } */
/* Rejected */
table tbody tr.REJ td.bs { background-color: #f37561; }
/* Cancelled */
table tbody tr.CAN td.bs { background-color: #ffffff; }
/* Archived */
table tbody tr.ZZ td.bs { background-color: #c0c0c0; }

td.bs { width:45px; text-align:center; }
td.bs + td { padding-left:3px; }

.rejectReason {color:#f37561;}