﻿/* Artist A to Z and Advanced Search Styles
---------------------------------------------- */
div#Content #MainSearchContainerSkin { width: 878px; background: url(../images/global/atoz_plinth_tile.gif) 0 0 repeat-y; }
div#Content #MainSearchContainer { padding: 20px 30px 10px 30px; width: 818px; background: url(../images/global/atoz_plinth_bottom.gif) bottom left no-repeat; }
div#Content #MainSearchContainer #SearchOptions { width: 878px; }

div#Content #MainSearchContainer #Alphabet { float: left; width: 300px;background: url(../images/global/showcase_arrow.gif) 0 4px no-repeat; }
div#Content #MainSearchContainer #Alphabet ul { padding: 0 0 0 30px; list-style: none; } 
div#Content #MainSearchContainer #Alphabet ul li {  display: block; float: left; margin: 6px 8px; font-size: 170%; }
div#Content #MainSearchContainer #Alphabet ul li.active a { font-weight: bold; }
div#Content #MainSearchContainer #Alphabet ul li.inactive { color: #CCCCCC; }
div#Content #MainSearchContainer #Artists { margin: 0 0 0 20px; float: left;}
div#Content #MainSearchContainer #Artists ul {  }
div#Content #MainSearchContainer #Artists ul li { list-style: none; line-height: 1.6em;}
div#Content #MainSearchContainer #Artists ul li a { display: inline; color: #666666; }
div#Content #MainSearchContainer #Artists ul li.active a { font-weight: bold; color: #C91010; }
div#Content #MainSearchContainer #Artists ul li.col-lift { margin-top: -11.2em;}
div#Content #MainSearchContainer #Artists ul li.column-1 { margin-left: 0em; padding: 0 10px;}
div#Content #MainSearchContainer #Artists ul li.column-2 { border-left: 1px #999999 solid; padding: 0 10px 0 20px; margin-left: 16em;}
div#Content #MainSearchContainer #Artists ul li.column-3 { border-left: 1px #999999 solid; padding: 0 10px 0 20px; margin-left: 32em;}

div#Content #MainSearchContainer #AdvancedSearch { }
div#Content #MainSearchContainer .fcolumn { width: 260px; float: left;}
div#Content #MainSearchContainer #MSColumn { width: 260px; float: left;}
div#Content #MainSearchContainer #MSColumn { width: 260px; float: left;}
div#Content #MainSearchContainer #AdvancedSearch legend { display: none; }
div#Content #MainSearchContainer #AdvancedSearch .frow { clear: both; margin: 0 0 5px 0; }
div#Content #MainSearchContainer #AdvancedSearch .frow .label { text-align: right; float: left; display: block; width: 120px; padding: 0 10px 0 0; }
div#Content #MainSearchContainer #AdvancedSearch .frow .field {  }
div#Content #MainSearchContainer #AdvancedSearch .frow-text input { width: 116px; }
div#Content #MainSearchContainer #AdvancedSearch .frow .field select { width: 122px; }
div#Content #MainSearchContainer #AdvancedSearch .frow .forward input { float: right; margin: 0 78px 0 0; }

div#Content #SearchResultsHeader { margin: 10px 0 20px 10px; }
div#Content #SearchResultsHeader h3 { color: #4b4a48; font-size: 130%; font-weight: bold; }
div#Content #SearchResultsHeader h3 span { color: #c91010; }
div#Content #SearchResults { margin: 0 0 0 4px; width: 880px;}
div#Content #SearchResults ul {margin: 0 0 10px 0; padding: 0; }
div#Content #SearchResults ul li { list-style: none; float: left;}
div#Content #SearchResults .artist-result { float: left; margin: 0 6px 0 0;  display: inline;}
div#Content #SearchResults .artist-result .image { height: 173px; width: 170px; background: url(../images/global/atoz_results_plinth.gif) 0 0 no-repeat; }
div#Content #SearchResults .artist-result .image img {margin: 30px 0 0 8px;}
div#Content #SearchResults .link-action { padding-bottom: 30px;}
div#Content #SearchResults .link-action a { margin: 0 0 0 3px; padding: 3px 0 0 20px; }
div#Content #SearchResults .artist-result .image-action a { color: #4f4f4f; background: url(../images/global/disc_plus_red.gif) left no-repeat; }
div#Content #SearchResults .artist-result .link-action a { background: url(../images/global/disc_arrow_red_next.gif) left no-repeat; }

div#Content #SearchResults.advanced .artist-result a { color: #666666; margin: 0 0 0 3px; padding: 3px 0 0 20px; }
div#Content #SearchResults.advanced .artist-result .image-action a { color: #666666;  background: url(../images/global/plus_icon_grey.gif) left no-repeat; }
div#Content #SearchResults.advanced .artist-result .link-action a { color: #666666; background: url(../images/global/square_arrow_right.gif) left no-repeat; }
 