/* Search side panel */

#searchRefinement {
	float: left;
	width: 170px;
	display: inline-block;
}

.refinementPanel {
	border: 1px solid #E5BBAF;
	margin-bottom: 5px;
	border-radius: 3px;
}

.refinementPanel h1 {
	padding: .1em;
	margin: 0;
	color: #533;
	background-color: #E2DAB1;
}

.refinementPanel  ul {
	color: #E5BBAF;
	padding: 0px 0px 0px 15px;
	list-style: none;
	text-indent: -15px;
	margin: 3px;
}

.refinementPanel  span.subHeading {
	border-bottom: 1px solid #EBDFB7;
	display: inline-block;
	width: 98%;
	padding-left: 3px;
	margin-top:4px;
}

.refinementPanel  li span {
	color: #211;
}

.refinementPanel  li span.label {
	color: #557;
}

.refinementPanel  li.subFacetList {
	list-style-type: none;
	margin: 0px 0px 0px -13px;
}

.refinementPanel  li ul{
	margin: 0px;
	list-style-type: none;
}

.refinementPanel .subFacets {
	font-size: 75%;
	list-style-type: circle;
	padding-left: 0px;
	margin-left: 17px;
	text-indent: -4px;
}

.refinementPanel .subFacets span {
	color: #db817d;
}

/* Results */

#searchresultsform {
	display: none;
}

#resultsTopNavigation {
	border-bottom: 1px solid #E5BBAF;
}


#sortForm {
	text-align: right;
	padding:2px;
}

#sortForm input {
	height: 21px;
	font-size: 80%;
}

#sortForm select {
	height: 2.1em;
	font-size: 80%;
}

.noresults {
	margin: 10px 0px;
}

.viewbCD {
	/*background-color: #FAFAEA;*/
}

#resultsPanel {
	width: 680px;
	display: inline-block;
	margin-left: 10px;
}

#resultsPanel.browseresults {
	width: 842px;
}

#resultsPanel ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.resultEntry {
	padding: 5px 5px 5px 22px;
}

.resultAlternate {
	background-color: #F4E9C8;
	background-color: rgba(244, 232, 196, 0.5);
}

.resultEntry .entryContent {
	float: left;
	width: 540px;
}
.resultEntry .entryContent > label {
	visibility: hidden;
}

.browseresults .entryContent {
	width: 700px;
}

.resultEntry h1 {
	font-size: 110%;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 0px -12px;
	display: inline-block;
}

.entryContent h1 > span {
	padding-right: .4em;
}

.resultEntry h2 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 0px -12px;
	display: inline-block;
}

.resultEntry h2 > span {
	padding-right: 10px;
}

.resultEntry .entryColumn {
	float: left;
	width: 142px;
	padding-left: 88px;
}

.resultEntry .entryColumnWide {
	width: 212px;
}

.entryColumn label {
	display: inline-block;
	width: 97px;
	margin-left: -88px;
	color: #3F3333;
}

.entryColumn span {
	font-style: italic;
}

.resultEntry img {
	width: 100px;
	height: 100px;
	float: left;
}

.resultsNavigation {
	width: 100%;
}

.resultsNavigation .pageNavigation {
	float: right;
}

.resultsNavigation .pageJumpLinks span {
	display: inline-block;
	padding: 0px 4px;
}

.resultsNavigation .pagingLink {
	display: inline-block;
	padding: 0px 5px;
}


/* Rollup results */

.rollupHeader h2 {
	float: right;
}

.rollupData span {
	float: left;
	display: inline-block;
	margin-left: 8px;
}

.rollupData.alternate {
	background-color: #F4E9C8;
}

.resultAlternate .rollupData.alternate {
	background-color: #ebe0c0;
}

.rollupLabels {
	font-weight: bold;
}

.rollupFields {
	color: #553333;
	background-color: #E2DAB1;
}

.rollupData .album {
	width: 220px;
	margin-left: 25px;
	text-indent: -25px;	
}

.rollupData .band {
	width: 185px;
	margin-left: 25px;
	text-indent: -20px;
}

.rollupData .releaseNo {
	width: 105px;
}

.rollupData .format {
	width: 60px;
}

.rollupData .buDate {
	width: 100px;
}

.rollupData .date {
	width: 100px;
}

.rollupData .country {
	width: 50px;
}

.rollupDataBullet {
	margin-left: -10px!important;
}

/* Full Record */

.viewfullrecord #contentbody {
	margin: 0 10px;
}

.viewfullrecord h1 {
	font-size: 140%;
	padding: 0px 0px 0px 50px;
	text-indent: -50px;
	width: 480px;
	margin: 0;
	font-weight: bold;
}

.viewfullrecord h2 {
	font-size: 110%;
	padding: 0px;
	margin: 0px 0px 6px 12px;
	color: #3F3333; 
	font-weight: bold;
}

#fullTopPanel {
	width: 100%;
}

#fullTopLeft {
	float: left;
}

#fullTopLeft h1 {
	margin-bottom: 8px;
	font-weight: bold;
}

#fullTopLeft span {
	color: #544;
	margin-right: .5em;
	font-size: .9em;
	font-weight: bold;
}

#fullTopInfo {
	border-top: 1px solid #DDDDAA;
	padding: .5em;
	line-height: 1.6em;
}

#fullTopRight {
}

#fullTopPanel .hasCover {
	width: 300px;
	margin: 0px 0px 0px 540px;
	text-align: right;
}

#fullBottomPanel {
	clear: both;
	padding: 1em 5px 5px 0;
	margin-bottom: 5px;
}

#fullBottomPanel h1 {
	font-size: 110%;
	margin-left: 0;
	display: inline;
	color: #3F3333;
	padding: 0px;
	text-index: 0px;
}

.songEntries {
	border-top: 1px solid #DDDDAA;
	margin-top: .2em;
	padding-top: .3em;
}

.songWrap {
	padding: 5px 5px 5px 0; 
}

.songWrap.alternate {
	background-color: #F3EDCF;
}

.hasSongInfo .songEntry {
	cursor: pointer;
}

.hasSongInfo .songAnchor {
	background-image: url("http://www.ibiblio.org/hillwilliam/BGdiscography/image/ui-icons_c3b279_256x240.png");
	background-position: 0 -192px;
	height: 16px;
	width: 16px;
	margin-right: .5em;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
}

.hasSongInfo.expanded .songAnchor {
	background-position: -16px -192px;
}

.songEntry .title {
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	display: inline-block;
}

.songEntry .performer {
	margin: 0 0 0 2em;
	padding: 0px;
	font-style: italic;
	display: inline-block;
}

.songEntry .duration {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	float: right;
}

.songInfo {
	display: none;
	border-top: 1px solid #AB9F77;
	padding: 3px 0px 0px 25px;
	font-size: 80%;
}

.expanded .songInfo {
	display: block;
}

.songInfo span {
	width: 100px;
	color: #3F3333;
	text-align: right;
	margin-right: 5px;
	display: inline-block;
}

#expandAll {
	float: right;
}

/* Search screens */ 
.searchPanel {
	margin: 5px 10px;
}

.searchPanel h1 {
	margin: 0px;
	padding: .2em .5em;
	font-size: 130%;
	border-bottom: 1px solid #F5D7CF;
}

/* Browse pages */

#browseCrumb {
	font-size: 130%;
	margin: 5px 0px 5px 10px;
	color:#553333;
}

#browseListContent p {
	margin: 5px 10px;
}

.browsecolumn {
	float: left;
	width: 33%;
}

.browsecolumn span {
	text-align: center;
	display: block;
	clear:both;
	padding-bottom: 5px;
	text-decoration: underline;
}

.browsecolumn a {
	width: 100%;
	display: block;
}

.browsecolumnleft {
	width: 47%;
	float: left;
	text-align: right;
	border-right: 1px solid #F5F5F5;
	padding-right: 1%;
	margin-right: 1%;
}

.browsecolumnright {
	width: 48%;
	float: left;
}

.browsecolumnleft a {
	padding-right: 6px;
}

.browsecolumnright a {
	padding-left: 6px;
}

#browseListContent h1 {
	font-size: 19px;
	margin: 0 0 .5em 0;
	text-align: center;
}

#browseListContent hr {
	border: 0px solid #E5BBAF;
	border-width: 1px 0px 0px 0px;
}

/* Advanced Search */

#advancedSearchPanel span {
	width: 130px;
	text-align: right;
	margin-right: 10px;
	display: inline-block;
	color: #333;
	font-size: 90%;
}

#advancedSearchPanel small {
	color: #444;
	font-size: .8em;
}

#advancedForm {
	margin: 10px 0px;
}

#advancedForm input {
	border: 1px solid #9BA17D;
	border-radius: 3px;
	box-shadow: -3px -3px 3px #EBDFBE inset;
	margin-bottom: .5em;
}

#advancedForm select {
	margin-bottom: .5em;
}

@media screen and (max-width: 700px),
only screen and (max-device-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	.viewresults #contentbody {
		padding: 0;
	}
	
	#searchRefinement {
		display: none;
	}
	
	#resultsPanel {
		border: none;
		margin: 0;
		width: 100%;
		padding: .4em 0;
		float: right;
	}
	
	.resultsNavigation {
		background: none;
		display: inline-block;
	}
	
	#searchresultsform {
		padding: 0 0 0 .3em;
		background: none;
		display: block;
	}
	
	#resultsTopNavigation {
		padding: .5em .3em;
	}
	
	#resultsTopNavigation .pageNavigation {
		display: none;
	}
	
	#resultsTopNavigation .resultsNavigation {
		width: auto;
	}
	
	.resultsNavigation {
		margin-top: .2em;
		width: 100%;
	}
	
	.resultsNavigation .pagingLink {
		background-color: #244D7B;
		border: medium none;
		border-radius: 5px 5px 5px 5px;
		color: #CCCCCC;
		display: inline-block;
		height: 1.7em;
		line-height: 1.7em;
		padding: 0 .4em;
		margin-left: 0.3em;
		text-align: center;
	}
	
	.resultsNavigation .pagingLink a {
		color: #ffffff;
		font-weight: bold;
	}
	
	#sortForm {
		background: none;
		float: right;
		display: inline-block;
	}
	
	#sortForm select {
		width: 8em;
		height: 2em;
	}
	
	#sortForm input {
		height: 1.9em;
	}
	
	.resultEntry {
		padding: 5px;
	}
	
	.resultEntry .entryContent {
		width: 100%;
		float: none;
		display: inline-block;
		font-family: sans-serif;
	}
	
	.resultEntry.hasThumbnail .entryContent {
		width: auto;
		width: calc(100% - 110px);
		width: -webkit-calc(100% - 110px);
	}
	
	.resultEntry > a {
		float: right;
		display: inline-block;
	}
	
	.entryContent .clear {
		clear: none;
	}
	
	.entryContent > h1 {
		margin: 0 0 .3em 0;
		font-family: serif;
		font-size: 1.3em;
	}
	
	.entryContent > h1 > span {
		display: none;
	}
	
	.resultEntry .entryContent label {
		font-size: .9em;
	}
	
	.resultEntry .entryContent > label {
		visibility: visible;
		font-weight: bold;
		padding: 0 5px 0;
	}
	
	.resultEntry .entryColumn {
		float: none;
		padding-left: 5px;
		width: 100%;
	}
	
	.resultEntry .entryColumnWide {
		width: 100%;
	}
	
	.entryColumn label {
		font-weight: bold;
		padding-right: 5px;
		margin-left: 0;
		width: auto;
	}
	
	.resultEntry .extraData {
		display: none;
	}
	
	/** Full record */
	.viewfullrecord #contentbody{
		margin: 0;
		padding-top: .6em;
	}
	
	.viewfullrecord h1 {
		padding: 0 0 .3em 1em;
		text-indent: -1em;
		width: auto;
		font-weight: bold;
		font-size: 1.5em;
	}
	
	#fullTopPanel {
		padding-top: .5em;
	}
	
	#fullTopPanel .hasCover {
		margin: 1em 0;
		text-align: center;
		width: auto;
	}
	
	#fullTopLeft {
		float: none;
	}
	
	#fullTopLeft h1 {
		margin-bottom: .1em;
	}
	
	#fullTopLeft h2 {
		margin: 0 0 .2em 0;
		font-family: sans-serif;
	}
	
	#fullTopLeft span {
		display: inline;
		font-weight: bold;
		font-size: .9em;
		margin-right: 6px;
	}
	
	#fullTopInfo {
		font-family: sans-serif;
		line-height: 1.3em;
		padding: 0;
	}
	
	#fullTopInfo {
		padding-top: .5em;
		font-size: 13px;
	}
	
	#fullBottomPanel {
		font-family: sans-serif;
		padding: 0;
	}
	
	#fullBottomPanel h1 {
		margin-left: 0;
		font-family: serif;
		padding: 0 0 .2em 1em;
		display: inline-block;
		font-size: 1.2em;
	}
	
	.songEntry {
		padding: .5em .1em;
	}
	
	.songEntry .performer {
		font-style: italic;
		font-size: .9em;
	}
	
	.songInfo {
		padding: 0.4em 0 0.4em 1.5em;
		font-size: .9em;
	}
	
	.songInfo span {
		display: inline;
		font-weight: bold;
	}
	
	/** Browse */
	#resultsPanel.browseresults {
		width: auto;
	}
	
	#browseCrumb {
		font-weight: bold;
		margin: .5em 0;
	}
	
	.resultEntry h1 {
		font-size: 1.2em;
		margin: 0;
	}
	
	.rollupData {
		padding: 0 .1em 0 .5em;
	}
	
	.rollupData span {
		margin: 0;
	}
	
	.rollupData .band {
		width: 48%;
		padding-right: 5px;
		width: calc(100% - 13em);
		width: -webkit-calc(100% - 13em);
	}
	
	.rollupData .album {
		width: 100%;
		width: calc(100% - 2em);
		width: -webkit-calc(100% - 2em);
	}
	
	.rollupData .releaseNo {
		width: 50%;
		width: calc(100% - 10em);
		width: -webkit-calc(100% - 10em)
	}
	
	.browseresults .country {
		display: none;
	}
	
	.browseresults .buDate {
		display: none;
	}
	
	.rollupData .date {
		width: 5em;
		text-align: right;
	}
	
	.rollupData .format {
		width: 5em;
	}
	
	.searchPanel {
		border: 0;
	}
	
	#browseListContent h1 {
		padding: .5em 0;
		margin: 0;
		background: none;
	}
	
	.browsecolumn {
		float: none;
		width: auto;
		padding-bottom: 1em;
		line-height: 2.5em;
	}
	
	.browsecolumn a {
		width: 33%;
		display: inline-block;
		padding: 0;
	}
	
	.browsecolumnleft {
		width: auto;
		text-align: center;
		float: none;
		display: inline;
		border-right: none;
		padding: 0;
		margin: 0;
	}
	
	.browsecolumnright {
		width: auto;
		text-align: center;
		float: none;
		display: inline;
	}
	
	.browse_dv .browsecolumn a {
		width: 49%;
	}
	
	.resultEntry h2 {
		margin: 0;
	}
	
		/** Advanced */
	.searchPanel {
		margin: 0;
	}
	
	.searchPanel h1 {
		background: none;
		padding: 0;
		font-weight: bold;
	}
	
	#advancedSearchPanel span {
		text-align: left;
	}
	
	#advancedSearchPanel small {
		display: block;
		font-size: .8em;
	}
	
	#advancedSearchPanel select {
		display: block;
	}
}

@media screen and (max-width: 700px) and (orientation:landscape) {
	#searchRefinement {
		display: block;
		width: 28%;
		width: calc(30% - 1em);
		width: -webkit-calc(30% - 1em);
		padding-top: .4em;
	}
	
	#resultsPanel {
		width: 69%;
		width: calc(70%);
		width: -webkit-calc(70%);
	}
	
	.refinementPanel {
		border: none;
		margin-bottom: 1em;
	}
	
	.refinementPanel h1 {
		padding: 0.2em 0 0.2em 0.4em;
	}
	
	.refinementPanel .subHeading {
		padding-left: .4em;
	}
	
	.refinementPanel .subFacets {
		font-family: sans-serif;
		list-style-type: none;
		margin-left: 1em;
		text-indent: -.7em;
		padding-left: .4em;
		line-height: 2.2em;
		font-size: .9em;
	}
	
	/** Full record */
	#fullTopLeft {
		float: left;
		font-size: 1.2em;
		line-height: 1.4em;
	}
	
	#fullTopPanel .hasCover {
		text-align: right;
	}
	
	/** Browse */
	
	.rollupData .releaseNo {
		width: 40%;
		width: calc(100% - 21em);
		width: -webkit-calc(100% - 21em)
	}
	
	.browseresults .country {
		display: inline-block;
		width: 4em;
		text-align: right;
	}
	
	.browsecolumn a {
		width: 24%;
	}
	
	.browseresults .buDate {
		display: inline-block;
		width: 6em;
	}
	
	.browseresults .date {
		width: 6em;
		text-align: left;
	}
	

}

@media screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
	.resultEntry img {
		width: 200px;
		height: 200px;
	}
	
	.resultEntry.hasThumbnail .entryContent {
		margin-right: 210px;
	}
}