/*
Quotation Style Sheet

Peter Hoelter for Stuewe and Sons, Inc.
*/

div#fader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: transparent url(../art/fader.png) 0 0 repeat;
	z-index: 100;
	}

div.quotecontainer, div#newproductcontainer {
	width: 370px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
	}

div.quote, div#newproduct {
	background: #d5e3ec url(../art/noise.png) 0 0 repeat;
	border: 5px solid #325e7a;
	margin: 10px 10px 0 10px;
	padding: 14px;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

    -webkit-box-shadow: 6px 6px 12px rgba(0,0,0,.5);
    -moz-box-shadow: 6px 6px 12px rgba(0,0,0,.5);
    box-shadow: 6px 6px 12px rgba(0,0,0,.5); 
	}

/*
div.quote h1, div.quote h2, div.quote p, div.quote form {
	border: 0;
	padding: 0;
	margin: 0;
	}
*/

div.quote h4 {
	font-size: 14px; 
	font-weight: bold;
	margin-bottom: 2px;
	}

div.quote h4 span.productID {
	font-weight: normal;
	font-size: 80%;
	}

div.quote h5 {
	color: #888;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 6px;
	}

div.quote p {	
	font-size: 12px;
	}

div.done {
	font-weight: bold;
	margin-bottom: 8px;
	color: #000;
	}

div.addtoquotebutton {
	float: right;
	padding-top: 3px;
	}

div.quote p.viewquote {
	text-align: right;
	margin-top: 10px;
	}

div.quote p.quantitynote {
	margin: 6px 0 0 0;
	color: #888;
	}

div.producttable table tr td.quotelink {
	white-space: nowrap;
	padding-top: .7em;
	}

table td.quotelink a {
	font-weight: bold;
	}

div.closewin {
	position: absolute;
	top: 0;
	right: 0;
	}

span.closewin {
	display: block;
	float: right;
}
	
div#messageDiv {
	background-color: #FFC;
	padding: 14px 8px;
	border: 1px solid #FC3;
	}

div#messageDiv p {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
/* From /quotation/index.html */

table.quotation th {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #aaa;
	border-width: 1px 0 1px 0;
	padding: 5px 3px 3px 3px;
	background-color: #dce7ef;
	}

table.quotation th.l {
	text-align: left;
	}

table.quotation th.r {
	text-align: right;
	padding-right: 1em;
	}

table.quotation, table.contactinfo {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 1em 0;
	}

/* Auto zebra-stripping. Does not work in IE 8 or less
*/
table.quotation tr + th {
	background-color: transparent;
	}

table.quotation tr:nth-child(2n-1) {
	background-color: #f3f7fa;
	}

table.quotation tr.changeditem td {
	background-color: #e9f5eb;
	}

div.updated {
/*
	margin-left: 22em;
	margin-top: -1em;
	position: absolute;

	background: #46a456 url(../art/glass_button.png) repeat-x 0 50%;
*/
	background-color: #46a456;
	height: 1.5em;
	font-size: .9em;
	color: white;
	text-transform: uppercase;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-weight: bold;
	line-height: 1.0em;
	letter-spacing: 1px;
	padding: .6em .6em .01em .6em;
/*	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,.5);
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
*/
	}

table.contactinfo {
	border-top: 1px solid #e9e9e9;
	}

table.quotation td, table.contactinfo td {
	border: 1px solid #e9e9e9;
	border-width: 0 0 1px 0;
	padding: .8em .4em;
	font-size: .8em;

	vertical-align: middle;

	}

table.quotation td {
	padding: 5px 3px;
	}

table.quotation td span.productFamily {
	color: #888;
	font-size: 85%;
	}


table.contactinfo td.leftcol {
	font-weight: normal;
	text-align: right;
	padding-right: 1em;
	}

span.qtynote {
	color: #888;
	font-size: .9em;
	}

td.formnote {
	color: #888;
	}

.c {
	text-align: center;
	}

table.quotation td.r, .r {
	text-align: right;
	padding-right: 1em;
}

span.red {
	color: #900;
	}

.gray {
	color: #555;
}

a.change, .smallish, td.smallish {
	font-size: .9em;
	}

table tr.extrarowpadding td {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	}

/* Quotation Admin CSS */

table.quoteadmin tr td {
	padding-top: .7em;
	padding-bottom: .6em;
	}

table.quoteadmin tr td.tasks {
	white-space: nowrap;
	}

table.quoteadmin tr td.tasks a {
	font-weight: normal;
	padding: .3em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
table.quoteadmin tr td.tasks a:hover {
	background-color: #ffca2f;
	color: white;
	text-decoration: none;
	}
	
table.quoteadmin tr td.tasks a.delete:hover {
	background-color: #b91515;
	}
	
p.alert {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: .5em 3em .5em 1em;
	font-weight: bold;
	font-size: 1em;
	border: 1px solid #000;
	background: #e5e5e5 url(/common/art/glass_button.png) 0 50% repeat-x;
	padding-left: 2em;
	text-indent: -1em;
	}

p.good {
	border-color: #57a84e;
	color: #0b8e2c;
	background-color: #d7f5d9;
}	

p.good:before {
	content: "✓  ";
}

p.bad {
	color: #ac0b0b;
	border-color: #d64d4d;
	background-color: #f0cece;
}	

p.bad:before {
	content: "✗  ";
}
	
div#newproductcontainer {
	width: 700px;	
	position: absolute;
	left: 275px;
	top: 200px;
	z-index: 200;
}

div#newproduct {
	background-image: none;
	background-color: #e5e5e5;
	}

div#newproduct table, div#newproduct table td {
	border-color: #ccc;
	}

div#message_container {
	padding: 3em;
	box-shadow: 0 5px 10px rgba(0,0,0,.4);
	border: 1px solid #ccc;
	width: 88%;
}

a.qbtn {
	text-decoration: none;
	color: white;
	background: rgb(75,149,95);
	background: -moz-linear-gradient(top,  rgba(75,149,95,1) 0%, rgba(102,201,129,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,149,95,1)), color-stop(100%,rgba(102,201,129,1)));
	background: -webkit-linear-gradient(top,  rgba(75,149,95,1) 0%,rgba(102,201,129,1) 100%);
	background: -o-linear-gradient(top,  rgba(75,149,95,1) 0%,rgba(102,201,129,1) 100%);
	background: -ms-linear-gradient(top,  rgba(75,149,95,1) 0%,rgba(102,201,129,1) 100%);
	background: linear-gradient(to bottom,  rgba(75,149,95,1) 0%,rgba(102,201,129,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b955f', endColorstr='#66c981',GradientType=0 );
	padding: .2em .6em;
	margin: .1em .4em;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: .95em;
}

div.addtoquotebutton a.qbtn {
	font-size: .7em;
	xmargin-left: 1em;
	font-weight: bold;
}

a.qbtn:hover {
	background: rgb(59,110,143);
	background: -moz-linear-gradient(top,  rgba(59,110,143,1) 0%, rgba(79,146,188,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,110,143,1)), color-stop(100%,rgba(79,146,188,1)));
	background: -webkit-linear-gradient(top,  rgba(59,110,143,1) 0%,rgba(79,146,188,1) 100%);
	background: -o-linear-gradient(top,  rgba(59,110,143,1) 0%,rgba(79,146,188,1) 100%);
	background: -ms-linear-gradient(top,  rgba(59,110,143,1) 0%,rgba(79,146,188,1) 100%);
	background: linear-gradient(to bottom,  rgba(59,110,143,1) 0%,rgba(79,146,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6e8f', endColorstr='#4f92bc',GradientType=0 );
}

/*
table.quoteadmin tbody tr:nth-child(2n-1) td {
	background-color: #eee;
	}
		
*/
tr.sent td {
	font-weight: normal;
}

tr.new td {
	font-weight: bold;
	background-color: #fbedf0;
}
	
tr.purchased td {
	font-weight: normal;
	font-weight: bold;
	background-color: #f0e0fb;
	/*color: #777;*/
}

tr.completed td {
	font-weight: normal;
	color: #888;
}

tr.editing td {
	font-weight: normal;
	background-color: #f9f4e4;
}