/* YS general */

.ys { }
.ys form,
.ys p,
.ys h2 {
    margin:0;
}
.ys  .counts {
    color:#666;
    font-weight:normal;
}
.ys .pageTitle {
    margin:10px 5px 12px 5px; 
}
.ys .pageTitle h1 {
    margin:0 0 0 0px;
    display:inline;
}
.ys .titleBar {
    background-color: #E2EDF2;
    border-top:1px solid #98C2D9;
    margin-bottom:12px;
    background-position:bottom;
    background-repeat:repeat-x;
}
.ys .titleBar h2 {
    padding:2px 0 5px 10px;
    border-top:1px solid #fff;
    color:#000;
    font-size:medium;
}
.ys .seeMore em {
	color:#c60;
	font-style:normal;
}
.ys .popoverTrigger {
	margin-left:.35em;
	cursor:default;
	}

.divider { 
    border-top: 1px dashed #666; 
}

.nowrap {
    white-space:nowrap;
}
.feedback-text {
	color: #009900;	
	}

/* YS messaging stripe */ 
.ys ul.messages  {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.ys ul.messages li {
    padding-left: 20px;
    background-repeat: no-repeat;
    margin:0 0 5px 0;
}
  
/* General Box definitions */
.box .topLeft {
    background-position:left top;
    background-repeat:no-repeat;
    font-size:4px;
    width:12px;
}
.box .topCenter {
    background-position:top;
    background-repeat:repeat-x;
    padding-top:12px;
}
.box .topRight {
    background-position:right top;
    background-repeat:no-repeat;
    font-size:4px;
    width:12px;
}
.box .bottomLeft {
    background-position:left bottom;
    background-repeat:no-repeat;
    font-size:4px;
    width:12px;
}
.box .bottomCenter {
    background-position:bottom;
    background-repeat:repeat-x;
    font-size:4px;
    height:12px;
}
.box .bottomRight {
    background-position:right bottom;
    background-repeat:no-repeat;
    font-size:4px;
    width:12px;
}
.left,
.right {
    font-size:1px;
    width:12px;
}

/* General SlicedBox defintions */
.slicedBoxTop {
    background-image: none;
    background-position:bottom;
    background-repeat:repeat-x;
}
.slicedBoxTop .left {
    background-position:top left;
    background-repeat:no-repeat;
}
.slicedBoxTop .center {
    background-position:top;
    background-repeat:repeat-x;
}
.slicedBoxTop .right {
    background-position:top right;
    background-repeat:no-repeat;
}
.slicedBoxMiddle,
.slicedBoxBottom {
    background-position:top;
    background-repeat:repeat-x;
}
.slicedBoxMiddle .left  {
    background-position:left;
    background-repeat:repeat-y;
}
.slicedBoxMiddle .right {
    background-position:right;
    background-repeat:repeat-y;
}
.slicedBoxBottom .left {
    background-position:bottom left;
    background-repeat:no-repeat;
}
.slicedBoxBottom .center {
    background-position:bottom;
    background-repeat:repeat-x;
}
.slicedBoxBottom .right {
    background-position:bottom right;
    background-repeat:no-repeat;
}

/*  SlicedBox: BoxFill overrides */
.boxFill .slicedBoxTop,
.boxFill .slicedBoxMiddle,
.boxFill .slicedBoxBottom {
    background-color:#EFF5F9;
}
.boxFill .slicedBoxTop {
}
.boxFill .slicedBoxTop .left {
}
.boxFill .slicedBoxTop .center {
}
.boxFill .slicedBoxTop .right {
}
.boxFill .slicedBoxMiddle,
.boxFill .slicedBoxBottom {
}
.boxFill .slicedBoxMiddle .left  {
}
.boxFill .slicedBoxMiddle .right {
}
.boxFill .slicedBoxBottom .left {
}
.boxFill .slicedBoxBottom .center {
}
.boxFill .slicedBoxBottom .right {
}

/* SlicedBox: BoxMessage overrides */
.boxMessage .slicedBoxTop,
.boxMessage .slicedBoxMiddle,
.boxMessage .slicedBoxBottom {
    background-color:#ffffdd;
}
.boxMessage .slicedBoxTop {
    background-image:none;
}
.boxMessage .slicedBoxTop .left {
}
.boxMessage .slicedBoxTop .center {
}
.boxMessage .slicedBoxTop .right {
}
.boxMessage .slicedBoxMiddle,
.boxMessage .slicedBoxBottom {
    background-image:none;
}
.boxMessage .slicedBoxMiddle .left  {
}
.boxMessage .slicedBoxMiddle .right {
}
.boxMessage .slicedBoxBottom .left {
}
.boxMessage .slicedBoxBottom .center {
}
.boxMessage .slicedBoxBottom .right {
}

    
/* Today's Recommendations: */
.ys .todaysRecs {
    padding:0 0 0px 0;
    margin:0 0 12px 0;
}
.ys .todaysRecs .shvlDescription {
    margin:0 0 12px 5px;
}


/* Today's Recommendations: box overrides */  
.ys .todaysRecs .boxMessage .box {
    margin-bottom:10px;
}
.ys .todaysRecs .slicedBoxTop, 
.ys .todaysRecs .slicedBoxMiddle,
.ys .todaysRecs .slicedBoxBottom  { 
    width:99%;
}
.ys .todaysRecs .slicedBoxTop .center {
    padding: 7px 5px 7px 5px;
}
.ys .todaysRecs .slicedBoxMiddle .center {
    padding:10px 0px 0px 0px;
}
.ys .todaysRecs .boxfill .slicedBoxMiddle .center {
    padding:10px 5px 10px 5px;
}
.ys .todaysRecs .slicedBoxBottom .center {
    padding:0px 5px 14px 5px;
}
.ys .todaysRecs .boxMessage .slicedBoxBottom .center {
    padding:7px 5px 18px 5px;
}
.ys .todaysRecs .boxFill .slicedBoxBottom .center {
    padding:7px 5px 18px 5px;
}
.ys .todaysRecs .boxMessage .slicedBoxMiddle .center {
    padding:10px 5px 0px 5px;
}
.ys .todaysRecs .slicedBoxBottom .center {
    padding:7px 0px 7px 0px;
}


/* Shoveler general */

.shvl,
.cloud {
	width:100%;
	}
.shvl td {
	background-color:#fff;
	}
.shvl td div {
	text-align: left;
	padding: 0;
	font-size: 86%;
    overflow: hidden;
	}	
.shvl td p {
	text-align:left;
	}
.shvl td p a {
	text-decoration:underline;
	}
.shvl .price {
	white-space:nowrap; 
	}
.shvl .rating {
	margin-right:.5em;
	color:#666;
	white-space:nowrap;
	font-size:80%;
	}
.shvl .rating-stars {
	margin: 0;
	}
.shvl .rating-stars a,
.shvl .rating-stars a:link {
    text-decoration: none;
    }
.shvl .rating-stars a:hover {
    text-decoration: underline;
    }
.shvl .arrow {
	width:25px;
	padding:0;
	}

.shvlBack,
.shvlNext {
	position:relative;
	}
.shvlBack a,
.shvlNext a,
.shvlBack .bg-text,
.shvlNext .bg-text,
.shvlBack .bg-image,
.shvlNext .bg-image {
	display:block;  
	width:25px;
	height:50px;
	}
.shvlBack a,
.shvlNext a {
	position:relative;
	cursor:pointer;
	}
.shvlBack .bg-text,
.shvlNext .bg-text,
.shvlBack .bg-image,
.shvlNext .bg-image { 
	position:absolute;
	overflow:hidden;
	left:0px;
	}
.shvlBack a .bg-image {
	}
.shvlNext a .bg-image {
	}
.shvlBack a.down .bg-image,
.shvlNext a.down .bg-image {
	background-position: left -50px;
	}	

.shvl .image-title {
	margin:0 0 7px 0;
	}
.shvl .shvl-cell-title {
	margin:0 3px 0 0;
	}

.shvl .rating-price {
     margin:3px 0 0 0;
     font-size: 100%;
}

/* Shoveler pagination */
.shvlPagination {
	width:100%;
	padding:2px 0 2px 0;
	text-align:right;
	}
.shvlPagination a {
	text-decoration:none;
	}
.shvlPagination a:hover {
	text-decoration:underline;
	}
.shvlPagination a:visited {
	color:#039;
	}

/* Shoveler cloud */	
.shvlCloud  {
    line-height: 2em;
	text-align:center;
	}
.shvlCloud span {
	white-space:nowrap;
	}
.shvlCloud a {
	text-decoration:none;
	padding:1px 5px 2px 5px;
	}
.shvlCloud a:visited {
	color:#039;
	}
.shvlCloud a:hover,
.shvlCloud a.active,
.shvlCloud a.active:hover,
.shvlCloud a.active:visited,
.shvlCloud #cloud1:hover,
.shvlCloud #cloud1.active,
.shvlCloud #cloud1.active:hover {
	padding:1px 5px 2px 5px;
	color:#fff;
	background-position:top;
	background-repeat:repeat-x;
	border:0;
	}
.shvlCloud a:hover,
.shvlCloud #cloud1:hover {
	background-color:#E0A366;
	}
.shvlCloud a.active,
.shvlCloud a.active:hover,
.shvlCloud a.active:visited,
.shvlCloud #cloud1.active,
.shvlCloud #cloud1.active:hover {
	background-color:#c60;
	}

/* YS slots */
.ys .slots {
    padding:0 0 0 5px;
}
.ys .slots h3 {
    margin: 0 0 15px 0;
    padding:0px 0px 0px 0px; 
}
.ys .slots .content {
    padding: 0 0 0 20px;
}
.ys .slots .contentEmpty {
    margin-top:-5px;
    padding: 0 0 15px 20px;
}
.ys .slots .product {
    padding: 0 15px 0 0;
}
.ys .slots .seeMore {
    margin:15px 0 20px 20px;
    padding: 0 0 0 0px;
    font-weight:bold;
    clear:both; 
}
.ys .slots .divider {
    margin-left:0px;
}
.ys .slots p {
    margin: 5px 0 0 0;
    padding: 0 15px 0 0;
}
.ys .slots td p {
    margin: 5px 0 3px; 0;
}
.ys .slots .rating {
	margin-right:.5em;
	color:#666;
	white-space:nowrap;
	font-size:80%;
	}
.ys .slots .rating-stars {
	margin: 0;
	}
.ys .slots .rating-stars a,
.ys .slots .rating-stars a:link {
    text-decoration: none;
    }
.ys .slots .rating-stars a:hover {
    text-decoration: underline;
    }

/* YS right column */
.ys .rightColumn {
    width:210px;
    margin:0 5px 0 10px;
}
.ys .rightColumn .navigation {
    width:200px;
    margin:0 0px 20px 10px;
}
.ys .navigation p {
    margin: 0 0 3px 0px;
}
.ys .navigation ul {
    padding:0;
    margin: 0 0 15px 0;
}
.ys .navigation ul li {
    list-style-type: none;
    margin-bottom:5px;
}
.ys .rightColumn .improveRecs {
    width:210px;
    margin:0 0px 0 0px;
}  
.ys .improveRecs p {
    margin: 0 0 3px 0px;
}
.ys .improveRecs ul {
    padding:0;
    margin: 0;
}
.ys .improveRecs ul li {
    list-style-type: none;
    margin-bottom:5px;
}
.ys .improveRecs .product {
    margin:10px 0 5px 0; 
    text-align: center;
}
.ys .improveRecs .title {
    margin:0 0 10px 0;
    text-align:center;
}
.ys .improveRecs .slicedBoxTop .center {
    padding: 10px 0px 7px 0px;
}
.ys .improveRecs .slicedBoxBottom .center {
    padding:7px 0px 18px 0px;
}

/* YS popover  */
.ys-popover {
    font-size:10px;
    font-family: Verdana,Tahoma,sans-serif;
}

.ys-popover table td {
    font-size:10px;
}
 
.ys-popover .basicProductInfo {
    margin:0 0 10px 0;
    font-size:11px;
}   
.ys-popover .moreInfo {
    margin:10px 0 0px 0px;
    padding:5px 0 0 0;
    border-top:1px dashed #999;
}
.ys-popover .basicProductInfo p, .ys-popover .moreInfo p {
    margin:0 0 5px 0;
}
.ys-popover .reviewInfo {
    margin:0 0 5px 0;
    font-size:10px;
}
.ys-popover .recsReason {
    padding:2px 0 0 0;
}
.ys-popover .buyOptionButtons {
    margin:5px 0 0 0;
}
.ys-popover .buyOptionButtons form {
    margin: 0;
}
.ys-popover .availabilityInfo, .ys-popover .priceInfo {
    margin: 0 0 0 0;
}

.ys-popover .priceInfo .priceBlock {
    margin: 0 0 2px 0;
}

.ys .ys-popover a {
    text-decoration:underline;
}

/* Rate-it-ator */
.ys .searchRate {
    margin:10px 0 10px -2px;
}
.ys .searchRate td {
    white-space:nowrap;
}
.ys .rateSteps {
    width:710px;
}
.ys .rateSteps p {
    margin-left:-1000px;
}
.ys  .rateSteps td.step1,
.ys  .rateSteps td.step2,
.ys  .rateSteps td.step3 {
    background-position:top;
    background-repeat:no-repeat;
    width:15px;
}
.ys  .rateSteps td.step2 {
}
.ys  .rateSteps td.step3 {
}
.ys  .rateSteps td.step1Text {
    background-position:top right;
    background-repeat:no-repeat;
    padding:0 30px 0 5px;
    width:160;
}
.ys  .rateSteps td.step2Text {
    background-position:top right;
    background-repeat:no-repeat;
    padding:0 160px 0 5px;
    height:112px;
}
.ys  .rateSteps td.step3Text {
    padding:0 0 0 5px;
    width:160;
}
.ys .boxFill .rateSteps td.step1Text {
}
.ys .boxFill .rateSteps td.step2Text {
}

/* Watchlist */
.ys .watch-list-display {
	margin:10px 0 0 0;
	border-top:1px dashed #999;
	}
.ys .watch-list-display td {
	padding:10px 7px;
	border-bottom:1px dashed #999;
	}
.ys .watch-list-display .titleInfo,
.ys .watch-list-display .artistInfo,
.ys .watch-list-display .priceInfo,
.ys .watch-list-display .generalInfo,
.ys .watch-list-display .recReasonInfo {
	margin:0 0 5px 0;
	}
.ys .watch-list-display .generalInfo,
.ys .watch-list-display .recReasonInfo {
	margin-top:7px;
	}

.ys .notPublishedYet {
	color:#009900;
	font-style:normal;
	white-space:nowrap;
	}
.ys .slots .descriptionText {
	margin:0;
	}

/* Watchlist: remove rating UI  */	

.ys .remove-rating td {
	background-color:#ffd;
	}
.ys .remove-rating .heading {
	margin:0 0 10px 0;
	}	
.ys .remove-rating p {
	font-size:86%;
	}
.ys .remove-rating p .feedback-text {
	font-size:100%;	
	}
.ys .remove-rating ul {
	float:left;
	padding:0;
	margin:0;
	list-style-type: none;
	width:65%
	}
.ys .remove-rating li {
	margin: 0px 0 0 25px;
	clear:both;
	}
.ys .remove-rating input {
	float:left;
	width:14px;
	height:14px;
	display:block;
	clear:left;
	margin:-1px 0 0 0;
	}
.ys .remove-rating li .reason {
	float:left;
	display:block;
	padding:0 0 5px 5px;
	margin:0;
	width:85%;
	}
.ys .remove-rating label {
	cursor:pointer;
	}
.ys .remove-rating .box {
	float:left;
	}
.ys .remove-rating .box td {
	padding:0;
	border:none;
	background-color:#fff;
	}
.ys .remove-rating .box .topCenter {
	padding:5px 5px 2px 5px;
	text-align:left;
	}
.ys .feedbackbuttons {
	width:46px; 
	float:right;
	text-align:right;
	}	
.ys .feedbackbuttons img {
	margin-bottom:10px;
	}	
.ys .postRemoveFeedback .feedback-text {
	float:left;
	width:90%;
	margin:0;
	}	
.ys .postRemoveFeedback .feedbackbuttons img {
	margin-bottom:0;
	}

/* Watchlist: remove buttons */
.ys .watch-list-display .remove a {
	display:block; 
	float:right; 
	position:relative;
	}
.ys .watch-list-display .bg-text,
.ys .watch-list-display .bg-image {
	display:block; 
	position:absolute;
	font-size:9px;
	line-height:22px;
	text-align:center;
	overflow:hidden; 
	}
.ys .watch-list-display .bg-image {
	z-index:1; 
	cursor:pointer;
	}
.remove a,
.remove .bg-text,
.remove .bg-image { 
	height:22px; 
	width:22px;
	}
.remove a .bg-image {
	}
.remove a.over .bg-image {
	background-position: left -22px;
	}	
.remove a.down .bg-image {
	background-position: left -44px;
	}

/* Watchlist: Recommended Artists */
.ys .recommended-artists {
	float:left;
	width:33%;
	padding:15px 0 0 0;
	margin:0;
	list-style-type: none;
	}
.ys .recommended-artists li {
	margin: 0 0 0 15px;
	clear:both;
	}
.ys .recommended-artists input {
	float:left;
	width:14px;
	height:14px;
	display:block;
	clear:left;
	margin:2px 0 0 0;
	}
.ys .recommended-artists .rec-artist-wrapper {
	float:left;
	display:block;
	width:80%;
	padding:0 0 8px 5px;
	}
.ys .recommended-artists .artist-reason,
.ys .recommended-artists .artist-name,
.ys .recommended-artists .artist-name .tiny a {
	color:#999;
	margin:0 0 1px 0;
	}
.ys .recommended-artists .artist-name .tiny a,
.ys .recommended-artists .feedback-text a {
	text-decoration:none;
	}
.ys .recommended-artists .artist-name .tiny a:hover {
	color:#039;
	}
.ys .recommended-artists .feedback-text {
	margin:0 0 0 -5px;
	}
.ys .recommended-artists .feedback-text a:hover {
	border-bottom:1px dashed #039
	}
.ys .saved-artist-msg p,
.ys .shvl-rating-msg p {
	float:left;
	width:85%
	}
.ys .saved-artist-msg img,
.ys .shvl-rating-msg img {
	float:right;
	}

/* Watchlist: box overrides */


.boxGrayTabs .box  {
	background-color:#fff;
	}
.boxGrayTabs .box .topLeft {
	background-repeat:repeat-y;
	}
.boxGrayTabs .box .topCenter {
	background-image:none;
	padding-top:0;
	}
.boxGrayTabs .box .topRight {
	background-repeat:repeat-y;
	}
.boxGrayTabs .box .bottomLeft {
	}
.boxGrayTabs .box .bottomCenter {
	}
.boxGrayTabs .box .bottomRight {
	}

.tabsWrapper {
	width:96%;
	}

.boxGrayTabs .tabs .leftTab {
	padding:10px 0 10px 12px;
	font-size:100%;
	}
.boxGrayTabs .tabs .rightTab {
	width:12px;
	font-size:1px;
	}
.boxGrayTabs .tabs .leftTab#activeLeft {
	font-weight:bold;
	}
.boxGrayTabs .tabs .rightTab#activeRight {
	}
.boxGrayTabs .tabs .edge {
	}
.boxGrayTabs .tabs .bottom td {
	height:12px;
	font-size:1px;
	}
.boxGrayTabs .tabs .bottom #activeBottomLeft {
	}
.boxGrayTabs .tabs .bottom #activeBottomRight {
	}
.boxGrayTabs .tabs .edge#activeBottomLeft {
	}
.boxGrayTabs .box .boxMessage .box .topCenter {
	padding-top:12px;
	}

.boxGraySmallRad .box  {
    background-color:#fff;
    }
.boxGraySmallRad .box .topLeft {
    width:5px;
    }
.boxGraySmallRad .box .topCenter {
    padding-top:5px;
    }
.boxGraySmallRad .box .topRight {
    width:5px;
    }
.boxGraySmallRad .box .bottomLeft {
    width:5px;
    }
.boxGraySmallRad .box .bottomCenter {
    height:5px;
    }
.boxGraySmallRad .box .bottomRight {
    width:5px;
    }