/*
 * Dummy ASN CSS
 * 
 * Please modify/replace like needed
 */
.campaignAdvisor,
.campaignFeedback,
.singleWordSuggestionNoPreview {
    /*style like box*/
    margin-bottom: 15px;
    padding: 10px;
    border: 2px solid #58b3ca;
    border-radius: 3px;
    text-shadow: 0px 1px 1px #fff;
    background: #d1d8db url(../bg/svg/grad_grey-light.svg);
    background: -moz-linear-gradient(#fff, #d1d8db);
    background: -ms-linear-gradient(#fff, #d1d8db);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d1d8db));
    background: -webkit-linear-gradient(#fff, #d1d8db);
    background: -o-linear-gradient(#fff, #d1d8db);
    background: linear-gradient(#fff, #d1d8db);
}
.campaignAdvisor ul {
    margin: 10px;
}
.campaignAdvisor li {
    list-style-position: inside;
}

/*
 * Instore ads banner
 */
.instoreAdBanner {
    position: absolute;
    display: block;
    left: 0;
    top: 40%;
    width: 200px;
    transform-origin: top left;
    transform: translate(-25%, 0%) rotate(-45deg);
    line-height: 25px;
    background: #009EC0;
    color: white;
    text-align: center;
    text-shadow: none;
    font-size: 80%;
}

.instoreAdBanner:hover {
    color: white;
    text-shadow: none;
}

.infogridView .instoreAdBanner {
    top: 53%;
}

.gridView li .titleBlock .gridPicture {
    position: relative;
    margin-top: 0;
    top: 20px;
    overflow: hidden;
}
.gridView .instoreAdBanner {
    top: 60%;
}

.lineView .instoreAdBanner {
    top: 60%;
}