/* viBirth Artist Index Page CSS */
#artistIndex { }

#artistIndexTitle h2 {
color: #a50328;
font-size: 16px;
font-weight: bold;
margin: 0 0 12px;
padding: 0; }

#artistIndexPickup {
background-color: white;
background-image: url(../artist_img/artistIndexPickupBg.png);
height: 288px; }
#pickupArtist01 { }

#pickupArtist01 ul {
margin: 0;
padding: 75px 0 0 41px;
list-style-type: none; }

#pickupArtist01 ul li {
float: left;
margin: 0;
padding: 0 16px 0 0;
list-style-type: none; }

#artistindexMain {
margin-top: 10px; }

#artistIndexLeft {
width: 200px;
float: left;
margin-bottom: 20px; }

#artistIndexRight {
width: 670px;
float: right;
margin-bottom: 20px; }
#artistTextSearch {
background-color: gray;
background-image: url(../artist_img/artistSearchBgHeader.png);
text-align: center;
padding: 10px 0 10px 7px; }

#titleAPS {
color: #a50328;
font-size: 13px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-bottom: 5px; }

#indexSearch .sbox_l  {
	background: white url(../common_img/srch_l.gif) no-repeat left top;
	float: left;
	width: 3px; height: 19px;
}
#indexSearch .sbox_r  {
	background: white url(../common_img/srch_r.gif) no-repeat right top;
	float: left;
	width: 3px; height: 19px;
}
#indexSearch .sbox input {
background: white url(../common_img/srch_bg.gif) repeat-x left top;
float: left;
border: 0;
height: 13px;
width: 122px;
padding: 3px;
font: 11px / 11px arial;
color: #000;
margin: 0; }
#content {
	clear: both;
}
/*Artist index Search form*/
# indexSearch {
width: 185px;
margin: 0 auto;
padding: 5px 0 0; }
/*safari hack*/
html:\66irst-child #indexSearch .sbox_l {
color:#ff0000;
width: 0; }
html:\66irst-child #indexSearch .sbox_r {
color:#ff0000;
width: 0; }
html:\66irst-child #indexSearch .sbox input {
width: 128px; }
body:first-of-type #indexSearch .sbox_l {
color:#ff0000;
width: 0; }
body:first-of-type #indexSearch .sbox_r {
color:#ff0000;
width: 0; }
body:first-of-type #indexSearch .sbox input {
width: 128px; }

/*Artist INDEX RIGHT*/
#searchResultTitle {
 color: #53443f;
 font-size: 14px;
 padding-bottom: 10px;
 border-bottom-color: #ccc; }
#searchResultArtist {
padding: 5px; }

.searchResultUnit {
width: 165px;
height: 200px;
overflow: hidden;
float: left;
border-width: 1px; }

.searchResultArtistName {
 font-size: 11px;
 overflow: hidden;
 margin-right: 8px; }

.searchResultArtistImg {
font-size: 0;
line-height: 0;
float: left;
clear: left;
margin: 0;
padding: 0;
border: solid 1px #dcdcdc;
vertical-align:bottom; }

.searchResultGenre {
color: #999;
font-size: 11px;
line-height: 150%;
background-image: url(../artist_img/titleArtistGenre.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 80px;
float: right;
clear: right;
padding: 7px 0 5px; }

.seachResultMid {
margin-right: 5px;
padding: 10px 5px;
border-color: #ddd #ccc;
border-style: solid none;
border-width: 1px; }

.searchResultComment {
color: #666;
font-size: 11px;
padding: 5px; }

.clearBr {
clear: both; }

#artistSearchBarFooter {
background-image: url(../artist_img/artistSearchBgUnder.png);
background-position: 0 -70px;
height: 40px; }

/*
			Vertical Accordions
		*/
.accordion_toggle {
display: block;
height: 25px;
background: #dcddc2 url(../artist_img/artistIndexBarBg.png) no-repeat right top;
padding: 0 10px;
line-height: 25px;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none medium;
font-size: 12px;
color: #53443f;
cursor: pointer;
margin: 0; }
.accordion_toggle_active {
			background: #53443f url(../artist_img/artistIndexBarBgSelected.png) no-repeat right top;
			color: #ffffff;
			border-bottom: 0 solid #fff;
		}
.accordion_content {
color: #444444;
background-image: url(../artist_img/indexBarBgUnder.png);
background-repeat: repeat-x;
height: 300px;
overflow: hidden; }
.accordion_content a {
color: #53443f;
text-decoration: none; }

.accordion_content a:hover {
color: #a50328;
text-decoration: underline; }

.accordion_content table {
margin-right: auto;
margin-left: auto; }
.accordion_content table td {
padding-right: 10px;
padding-left: 10px; }
.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
.accordion_content p {
color: #333;
line-height: 150%;
padding: 5px 10px 10px; }
.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
.vertical_accordion_toggle {
color: #53443f;
font-size: 12px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom: 1px dotted #999;
cursor: pointer; }

.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
.vertical_nested_container { }

/*
			Horizontal Accordion
		*/
/* Container styling*/
#searchResultPager {
font-size: 13px;
text-align: center;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px; }

#searchGenreMore {
text-align: right;
padding: 10px; }

#searchGenreMore a {
color: #a50328; }

#searchGenreMore a:hover {
color: #a50328;
text-decoration: underline; }
.genre2details {
text-align: left;
height: 200px;
overflow: auto;
border-color: #ddd;
border-style: solid none;
border-width: 1px; }

.genre2details table {
margin-right: 0;
margin-left: 0; }

#genre2 {
margin-top: 10px;
margin-bottom: 10px; }

#genre2search {
text-align: center;
margin-top: 10px;
margin-bottom: 10px; }


