#pageHeader, #pageResults, #pageFooter{
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:100%;
	background-repeat:repeat;
}

/* Header */
#pageHeader{
	border-radius:6px 6px 0px 0px;
	border:2px solid #000000;
}
.large > #pageHeader{
	background:rgba(0,0,0,0.75);
	height:30px;
}
.small > #pageHeader{
	background:rgba(0,0,0,0.6);
	height:64px;
}

#pageTitle{
	position:absolute;
	top:5px;
	left:8px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.small > #pageHeader > #pageTitle{
	right:8px;
}

#pageOrder{
	right:4px;
	top:4px;
	font-size:14px;
	line-height:20px;
	position:absolute;
}
.small > #pageHeader > #pageOrder{
	top:30px;
	left:4px;
}

/* Results */
#pageResults{
	border:2px solid #000000;
	border-top-width:0px;
	border-bottom-width:0px;
}
.large #pageResults{
	background:rgba(0,0,0,0.5);
}
.small #pageResults{
	background:rgba(0,0,0,0.4);
}

#pageResults > table{
	position:relative;
	width:100%;
	border-collapse:collapse;
}

.resultItem{
	position:relative;
	display:block;
	margin:5px;
	width:200px;
	background:url('https://images.16right.com/images/black_50.png') repeat;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	border-radius:4px;
	border:1px solid #333;
}
.resultItem:hover{
	background:rgba(30,30,30,0.8);
}
a.resultLink{
	outline:0;
}
.resultImg{
	display:block;
	border-radius:3px 3px 0px 0px;
}
.resultCaption{
	position:relative;
	top:0px;
	left:0px;
	width:200px;
	height:30px;
}
.resultName{
	position:absolute;
	display:block;
	left:5px;
	top:1px;
	width:150px;
	text-align:left;
	font-size:14px;
	line-height:28px;
}
.resultDetails{
	position:absolute;
	display:block;
	right:5px;
	top:3px;
	font-size:9px;
	width:95px;
	text-align:right;
	line-height:12px;
}
.resultName.fullWidth{
    width: 190px;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Footer */
#pageFooter{
	text-align:center;

	cursor:default;
	border:2px solid #000;
	border-radius:0px 0px 6px 6px;
}
.large > #pageFooter{
	height:30px;
	background:rgba(0,0,0,0.75);
}
.small > #pageFooter{
	height:64px;
	background:rgba(0,0,0,0.6);
}

#searchResultCount, #searchPageNav{
	display:inline-block;
	margin-top:4px;
}

#searchResultCount{
	font-size:14px;
	line-height:20px;
}
.small > #pageFooter > #searchResultCount{
	position:absolute;
	left:0px;
	right:0px;
}
.large > #pageFooter > #searchPageNav{
	margin-left:20px;
}
.small > #pageFooter > #searchPageNav{
	position:absolute;
	left:0px;
	right:0px;
	top:26px;
}

.pageNumber{
	display:inline-block;
	background-color:rgba(80,80,80,0.8);
	padding:0px 10px;
	cursor:pointer;
	margin:0px 4px;
}
.large .pageNumber{
	font-size:12px;
	line-height:20px;
	border-radius:10px;
}
.small .pageNumber{
	font-size:14px;
	line-height:26px;
	border-radius:13px;
}

.styledSelect:hover, .pageNumber:hover{
	background-color:rgba(120,120,120,0.8);
}
.pageNumber.disabled{
	background-color:rgba(60,60,60,0.6);;
	color:#888888;
	cursor:default;
}

.large #pageSkipSelect, .large #pageSkipSelect select{
	width:65px;
}
.small #pageSkipSelect, .small #pageSkipSelect select{
	width:72px;
}

@media screen and (max-width:380px){
	#pageSkipSelect{
		display:none;
	}
}


/* Styled Elements */
.styledSelect{
	display:inline-block;
	position:relative;
	margin:0px 4px;
	background-color:rgba(80,80,80,0.8);	
}
.large .styledSelect{
	height:20px;
	border-radius:10px;
}
.small .styledSelect{
	height:26px;
	border-radius:13px;
}

.large .styledSelect, .large .styledSelect select{
	font-size:12px;
}
.small .styledSelect, .small .styledSelect select{
	font-size:14px;
}

.styledSelect select{
	background:transparent;
	color:#ffffff;
	border:0;
	outline:0;
	margin:0;
	padding:0;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	text-align:center;
	cursor:pointer;
	padding-left:10px;
}
.large .styledSelect select{
	line-height:19px;
	height:19px;
	padding-right:25px;
}
.small .styledSelect select{
	line-height:25px;
	height:25px;
	padding-right:31px;
}

.styledSelect select::-ms-expand {
	display:none;
}

.styledSelect:before{
	content:'';
	position:absolute;
	top:0px;
	right:0px;
	background-color:rgba(120,120,120,0.8);
	pointer-events:none;
}
.large .styledSelect:before{
	width:20px;
	height:20px;
	border-radius:10px;
}
.small .styledSelect:before{
	width:26px;
	height:26px;
	border-radius:13px;
}
.styledSelect:hover:before{
	background-color:rgba(160,160,160,0.8);
}

.styledSelect:after{
	content:'';
	position:absolute;
	pointer-events:none;
}
.large .styledSelect:after{
	top:8px;
	right:5px;
	border:5px solid transparent;
	border-color:#ffffff transparent transparent transparent;
}
.small .styledSelect:after{
	top:11px;
	right:7px;
	border:6px solid transparent;
	border-color:#ffffff transparent transparent transparent;
}