* {
	font-family: Helvetica;
	font-size: 17px;
}

body, form {
	margin: 0;
	padding: 0;
}

body {
	width: 320px;
}

.content {
	width: 300px;
	margin: 0;
	padding: 2px 2px 2px 10px;
}

ul {	   
	padding: 0;	   
	margin: 0 10px 17px 10px;
	font-family: Helvetica;
	font-size: 17px;
	font-weight: bold;
	color: black;
	-webkit-border-radius: 13px;
	-webkit-box-shadow: 3px 3px 5px rgba(76,76,76, 0.3);
	width: 300px;
}

ul li {	
	list-style-type: none;	
	border: 1px solid rgb(76,76,76);
	border-bottom-width: 0px;
	padding: 2px 10px 4px 10px;
	background: -webkit-gradient(linear, center top, center bottom, from(rgba(255,255,255,0.5)), color-stop(0.5, rgba(165,165,165,0.2)), to(rgba(76,76,76,0.4)));
}

ul li:first-child {
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
}

ul li:last-child {
	-webkit-border-bottom-left-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	border-bottom-width: 1px;
}

ul li a {
	color: #000;
	text-shadow: rgba(255,255,255,0.7) 1px 1px 2px;
	display: block;
	text-decoration: none;
	background-image: url(images/chevron.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 2px 4px 6px 4px;
	margin: -2px -4px -6px -4px;
}

input, select {
	width: 300px;
	-webkit-border-radius: 15px;
}

input[name=q] {
	width: 280px;
}

#logo {
	width: 300px;
	height: 46px;
	display: inline-block;
	background: url(AucDb-logo-portable.png);
}

#blurb {
	font-size: 9px;
}

#footer {
	color: #aaa;
	font-size: 10px;
}
#footer small {
	color: #aaa;
	font-size: 9px;
}

#footer small a {
	font-size: 9px;
	color: #888;
}

#container {
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 800;
}

#search {
}

#results {
}

#prices {
}

.view {
	position: absolute;
}

.viewinit {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 1000ms;
}

.viewinst {
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0;
}

.view.show {
	-webkit-transform: ;
	opacity: 1;
}
.view.in {
	-webkit-transition-duration: 600ms;
	-webkit-transform: rotateY(45deg) translateX(-50px) translateZ(100px);
	opacity: 0;
}
.view.out {
	-webkit-transition-duration: 600ms;
	-webkit-transform: rotateY(45deg) translateX(50px) translateZ(-100px);
	opacity: 0;
}

.back {
	color: #fff;
	text-shadow: rgba(38,38,38,0.7) 1px 1px 2px;
	height: 28px;
	margin: 2px -5px 2px 0;
	padding-top: 5px;
	text-decoration: none;
	display: inline-block;
	border-width: 0 10px 0 15px;
	-webkit-border-image: url(back.png) 0 10 0 15;
	cursor: pointer;
}

.qual0 { background-color: rgba(136,136,136, 0.3); }
.qual1 { background-color: rgba(34,34,34, 0.3); }
.qual2 { background-color: rgba(17,136,0, 0.3); }
.qual3 { background-color: rgba(0,68,119, 0.3); }
.qual4 { background-color: rgba(85,34,136, 0.3); }
.qual5 { background-color: rgba(136,68,0, 0.3); }
.qual6 { background-color: rgba(136,102,68, 0.3); }
.qual7 { background-color: rgba(136,102,68, 0.3); }
.qual8 { background-color: rgba(136,102,68, 0.3); }
.qual9 { background-color: rgba(51,102,136, 0.3); }

#stats b {
}
#stats span {
	float: right;
	text-align: right;
}
.gsc .g {
	background: url(images/goldsml.png) right center no-repeat;
	padding-right: 18px;
	margin-right: 3px;
}
.gsc .s {
	background: url(images/silversml.png) right center no-repeat;
	padding-right: 18px;
	margin-right: 3px;
}
.gsc .c {
	background: url(images/coppersml.png) right center no-repeat;
	padding-right: 18px;
	margin-right: 3px;
}