/* 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;
}
/* 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;
}