@import url("art.css");

/*	SEARCH FORM	*/

div#formDiv	{
	width: 450px;
	margin: 10px auto;
	text-align: center;
	}
	
fieldset	{
	position: relative;
	border-top: 1px solid #00a0c6;
	border-bottom: 1px solid #00a0c6;
	border-left: 0px;
	border-right: 0px;
	margin-bottom: 20px;
	padding: 0px;
	text-align: left;
	color: #000;
	font-family: arial, sans-serif;
	font-weight: 500;
	}

legend	{
	background: #fff;
	color: #00A0C6;
	margin: 0px;
	padding: 0px;
	margin-right: 50x;
	font-weight: bold;
	font-size: 1.2em;
	position: relative;
	}

fieldset ul	{
	list-style-type: none;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	}

fieldset li	{
	margin-bottom: 2px;
	}

label	{
	width: 100px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	}

input.chkBox	{
	display: -moz-inline-box;
	display: inline-block;
	width: 50px;
	}

label#btmLbl	{
	width: 161px;
	margin: 0px;
	padding: 0px;
	}
	
*html label#btmLbl	{
	width: 154px;
}

input.submit	{
	margin-left: 163px;
	margin-top: 3px;
	margin-bottom: 3px;
}

*html input.submit	{
	margin-left: 156px;
}

/*	SEARCH RESULTS		*/

div.allResults	{
	margin: 10px auto;
	margin-left: 25px;
	text-align: center;
	width: 100%;
	} 

div.resultSet	{
	display: inline;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: left;
	}

div.resultContent, div.dgResultContent	{
	margin-top: 10px;
	border-bottom: 1px solid #00A0C6;
	text-align: center;
	width: 275px;
	min-height: 200px;
	overflow: visible;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-left: 10px;
	float: left;
	}
	
* html div.resultContent, * html div.dgResultContent	{
	padding-bottom: 0px;
}
	
div.resultContent h3, div.dgResultContent h3	{
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 2px;
	background: #00a0c6;
	color: #fff;
	font-size: .8em;
	text-align: left;
}

div.resultContent h3.problemFlagged, div.dgResultContent h3.problemFlagged	{
	background: #ff0000;
	color: #fff;
}

div.resultContent h3.noteFlagged, div.dgResultContent h3.noteFlagged	{
	background: #ff6600;
	color: #fff;
}

div.quoteResult h3	{
	background: #e9e1c1;
	color: #000;
}

div.thumbDiv	{
	height: 100px;
	width: 100px;
	border: 0;
	float: left;
	}
	
img.thumbnail	{
	vertical-align: 33%;
	}

div.resultSet ul	{
	padding-left: 10px;
	padding-top: 0px;
	margin: 0px;
	text-align: left;
	float: left;
	} 

div.resultSet li	{
	color: #555;
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .8em;
	line-height: 1.3em;
	list-style-type: none;
	}

div.resultSet a:link, div.resultSet a:visited	{
	color: #00A0C6;
	text-decoration: none;
	}

div.resultSet a:hover, div.resultSet a:active	{
	color: #333;
	text-decoration: none;
	}
	
div.resultSet a.problemLink:link, div.resultSet a.problemLink:visited	{
	color: #ff0000;
	text-decoration: none;
	}

div.resultSet a.problemLink:hover, div.resultSet a.problemLink:active	{
	color: #000;
	text-decoration: none;
	}
	
div.resultSet a.noteLink:link, div.resultSet a.noteLink:visited	{
	color: #ff6600;
	text-decoration: none;
	}

div.resultSet a.noteLink:hover, div.resultSet a.noteLink:active	{
	color: #000;
	text-decoration: none;
	}
	

/*	BOTTOM NAV STYLING	*/

div#btmNav	{
	text-align: right;
	clear: both;
	color: #333;
	font-size: .8em;
	font-weight: 700;
	margin: 0px;
	margin-right: 80px;
	padding-bottom: 30px;
	}

div#btmNav a	{
	text-decoration: none;
	font-weight: 500;
	}

div#btmNav a:link, div#btmNav a:visited	{
	color: #00A0C6;
	}

div#btmNav a:hover, div#btmNav a:active	{
	color: #333;
	}
	
	
	
/* ORDER EXPANDED PAGE STYLING */


div#orderInfo	{
	width: 550px;
	margin: 30px auto;
	padding-bottom: 100px;
}

div#orderInfo h1	{
	background: #00a0c6;
	padding: 3px;
	font-size: 1em;
	color: #fff;
}

div#orderInfo h2	{
	font-size: 1em;
}

div#orderInfo ul	{
	font-size: .8em;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div#orderInfo ul li, ul ul li	{
	line-height: 1.5em;
}

div#orderInfo ul ul	{
	font-size: 1em;
}

div#orderInfo span.lbl	{
	width: 150px;
	display: -moz-inline-box;
	display: inline-block;
	float: left;
}

div#orderInfo span.notesLbl	{
	display: block;
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
}

div#orderInfo p#notes	{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 400px;
	margin: 0px;
	padding: 0px;
}


div#orderInfo input	{
	width: 175px;
}

div#orderInfo li#downloadLine, div#orderInfo li#downloadLine2	{
	clear: both;
	padding-top: 10px;
	margin-top: 10px;
}

div#orderInfo li#downloadLine2 input#leftBtn	{
	margin-left: 150px;
}

div#orderInfo input#rightBtn	{
	margin-left: 20px;
}

div#orderInfo li	{
	clear: both;
}

div#problemBox	{
	background-color: #ff0000;
	background-image: url('tlRed.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
}

div#problemBox ul	{
	background-image: url('brRed.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#problemBox ul li, div#noteBox ul li	{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	
}

div#problemBox ul li#topProblemLI	{
	background-image: url('trRed.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 15px;
	padding-bottom: 10px;
}

div#problemBox ul li#btmProblemLI	{
	background-image: url('blRed.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 15px;
	padding-top: 10px;
}

div#problemBox a, div#noteBox a	{
	color: #fff;
}

div#problemBox a:hover, div#noteBox a:hover	{
	color: #ccc;
}

div#noteBox	{
	background-color: #ff6600;
	background-image: url('tlOrange.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color: #fff;
	font-weight: 700;
	font-size: 1.3em;
}

div#noteBox ul	{
	background-image: url('brOrange.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#noteBox ul li#topProblemLI	{
	background-image: url('trOrange.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 10px;
}

div#noteBox ul li#btmProblemLI	{
	background-image: url('blOrange.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 15px;

}

div#noteBox hr	{
	color: #fff;
	background: #fff;
	border: 0;
}

div#quoteBox	{
	background-color: #e9e1c1;
	background-image: url('tlTan.gif');
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	font-weight: 700;
	font-size: 1.3em;
}

div#quoteBox ul	{
	background-image: url('brTan.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}

div#quoteBox ul li	{
	padding-left: 10px;
	padding-right: 10px;
}

div#quoteBox ul li#topProblemLI	{
	background-image: url('trTan.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-bottom: 10px;
	padding-top: 10px;
}

div#quoteBox ul li#btmProblemLI	{
	background-image: url('blTan.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 15px;

}

div#quoteBox hr	{
	color: #000;
	background: #000;
	border: 0;
}

/*     ABOUT ARTWORKSOURCE STYLING	*/

.sectionHead	{
	color: #00a0c6;
	font-weight: 700;
	font-size: 1.2em;
}

img#coryMugShot	{
	float: right;
	border: 3px double #555555;
	padding: 0px;
}

/*		ORDER RECIEPT STYLING	*/

p#recieptBlurb	{
	font-size: .8em;
	border-bottom: 1px solid #00a0c6;
	padding-bottom: 15px;
}

/* 	TO STYLE THE PARAGRAPH FOR THE SAVED FILE BLURB COMMENT OUT THE SET RIGHT BELOW */

ul#linkList	{
	position: relative;
	top: 20px;
}

#hilited	{
	color: red;
}

p#savedFileBlurb	{
	margin-top: 30px;
}

.emphasized	{
	font-weight: 700;
}

a.alwaysBlue	{
	color: blue;
}

/*	RESULTS TABLE FOR ACCOUNTING PAGES		*/

.allResults table	{
	color: #000;
	padding: 3px;
}

.allResults table th	{
	background: #00a0c6;
	color: #fff;
	padding: 3px;
}

.allResults  td	{
	padding: 3px;
}

.allResults table tr.odd 	{
	background: #FFF;
}


.allResults table tr.odd 	{
	background: #efefef;
}

p#tableExp	{
	padding: 5px;
	color: #fff;
	background: #00a0c6;
	border: none;
	text-align: center;
}