/************************************************ CONTEXT: Boilerplate Template SITE: Moko Framework FILE: content.css DESCRIPTION: File Defines Basic Content Styling 1. Global Styles (affects all pages) 2. Reusable Styles (Appears in more than one page type) 3. Specific Styles (Appears in just one page type) ************************************************/ /* @group 1. Global Styles (affects all pages) */ /* @group QuickFix Styles */ .hide {display: none;} .clearB {clear: both;} .clearL {clear: left;} .clearR {clear: right;} .clearN {clear: none;} .floatL {float: left;} .floatR {float: right;} .floatN {float:none;} .alignL {text-align: left;} .alignC {text-align: center;} .alignR {text-align: right;} .alignR strong {margin-right:16px;} .caseUC {text-transform: uppercase;} .caseLC {text-transform: lowercase;} .clear {clear:both; font-size:1px; height:1px; line-height:1px; margin:0px; padding:0px; width:100%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* @end */ /* @group Headings */ h1, h2 , h3, h4, h5, h6 {color:#242424; margin: 2px 0 0 0; padding: 0; font-weight:normal;} h1 {padding:0 0 14px 0; font-size:14px;} h2, h3 {clear:both; padding-bottom:3px; font-size:13px;} h3 {font-size:12px;} h4, h5, h6 {color:#333; font-size:12px;} h5, h6 {color:#525151;} .title-bar {overflow: hidden;} .title-bar h1 {padding-bottom: 0; position: relative; top: 3px;} .title-bar .pag {float: right;} ul.list-01 h2 {font-size:12px;} .edit-help {margin-top:-29px;} /* Bold headings for Articles, Audio Production, Voiceovers */ .article h1, .audio_production h1, .ugc h1, .article h2, .audio_production h2, .ugc h2, .article h3, .audio_production h3, .ugc h3, .article h4, .audio_production h4, .ugc h4, .article h5, .audio_production h5, .ugc h5, .article h6, .audio_production h6, .ugc h6, .article strong, .audio_production strong, .ugc strong, .heading-border h1, .profile h1 {font-weight:bold;} /* @end */ /* @group Typography */ p {color:#525151; padding:0 0 20px 0; margin:0; font-size:11px; line-height:18px;} strong {font-weight:normal; color: #242424;} p strong {color:#525151;} small {color:#9b9c9d;} em {color:#5f5f5f;} /* @group Quotes */ blockquote.shortquote {color: #666; font-style: italic; padding: 5px;} blockquote {margin: 0 8px 8px 8px;} blockquote p {font-style: italic; padding: 12px 0;} blockquote cite {text-align: right; font-weight: bold; display: block; margin:8px 8px 0 8px;} /* @end */ /* @end */ /* @group Images */ p img {float:left; margin: 8px; } /* @end */ /* @group Tables */ table {margin: 20px 20px; background:none; border:none; color:#525151;} th {background: none; color: #161616; font-size:12px; padding: 8px 8px 11px 8px; font-weight: normal; border-bottom:1px solid #d8d8d8;} td {padding:15px 8px; vertical-align:top; border-bottom:1px solid #d8d8d8; line-height:16px;} table .no-border td, table .no-border {border:none;} /* @end */ /* @group Lists */ ul, ol {padding: 0 0 16px 24px; color: #525151; } ul ul, ol ol {padding: 8px 0 10px 13px;} ul ul {padding: 8px 0 8px 4px;} li li {padding: 0 8px 0 0;} ol li {list-style-type: decimal; margin-left:16px;} ol li li {margin-left:8px;} dl {float:left; display:block; margin:8px 0 8px 0;} dt {width:80px; float:left; clear:left; margin:4px 0 4px 0; padding-left:16px; } dd {width:300px; float:left; clear:right; margin:4px 0 4px 0;} /* @end */ /* @group Miscelanious */ hr {padding:0; margin: 2px 0 20px 0; background: none; height:1px; border: none; clear: both; border-bottom:1px solid #D8D8D8;} /* @end */ /* @end Global Styles */ /* @group 2. Reusable Styles (Appears in more than one page type) */ /* Typograpy */ /* AGC - Admin Generated Content */ .agc .ugc-banner {margin-bottom:20px;} .agc h1 {font-size:18px; font-weight:bold; padding:0 0 12px 0;} .agc .posted {display: block; font-size:11px;; color:#9b9c9d; padding:0 0 22px 0;} .agc p {color:#525151; font-size:12px; line-height:22px; padding-bottom:28px;} .agc strong {font-weight:bold; color:#525151;} /* Article */ .article {padding:0 0 0 0; line-height:20px;} .article .posted {color:#9b9c9d; display: block; font-size:12px; line-height:20px; padding-bottom: 22px;} .article strong {font-weight:normal; color:#525151; font-weight:bold;} .article ul, .article ol {font-size:11px;; padding-bottom:24px; color:#525151;} .article ol ol, .article ul ul {padding-bottom:10px;} .article ul li {padding-left:16px; background-position:0 -3494px;} .article li li {font-size:11px;} .article h2, .articles h3, .articles h4 {display:inline; clear:left;} .article table {margin: 0 0 20px 0; background:none; border:none; color:#525151;} .article th {color: #161616; font-size:13px; padding: 6px 16px 8px 16px; font-weight: normal; text-align: left; border-bottom:2px solid #D5D5D5; background:#F4F5F5;} .article td {padding:4px 16px 6px 16px; color:#525151; font-size:11px; line-height: 18px; vertical-align:top; border-bottom:1px solid #D5D5D5; border-top:1px solid #FFFFFF;} .article .even td {background:#FBFBFB;} .article .social {overflow:hidden; width:100%;} .article .loud-default-forward {clear:both; float:right;} /* Arrow list style for UL's not in articles */ ul.arw-list {font-size:11px; color:#525151; padding-bottom:22px;} ul.arw-list li {background-position:0 -3494px; line-height:18px; padding:2px 0 2px 16px;} /* Generic Typrography */ .heading-border {margin-bottom: 16px; border-bottom:1px solid #d6d6d6;} .product-detail .heading-border {margin-bottom: 33px;} .heading_trail {padding-left: 26px; background-position:8px -1952px; text-indent: -9999px; overflow: hidden; } .heading_trail span {display:none;} /* Editorial Columns (used to split .one-clm into 3 columns like a newspaper, see audio_production) */ .editorial-clm {float:left; width:266px;} .editorial-clm-middle {float:left; width:266px; margin:0 56px;} .editorial-clm img, .editorial-clm-middle img {margin-bottom:20px;} /* Used to split Editorial into 2 columns */ .one-three .editorial-clmL {float:left; width:340px;} .one-three .editorial-clmR {float:left; margin-left:48px; width:340px;} .one-three .editorial-clmL-2 {float:left; width:420px;} .one-three .editorial-clmR-2 {float:left; margin-left:48px; width:260px;} .pdfIcn {background-position:0 -3608px; display:block; height:20px; line-height:18px; padding-left:23px;} /* Blue Box for Further Info */ .infoBox {background:#edf2f3; position:relative; width:162px; float:left; padding:17px 17px 0;} .infoBoxL {background:#edf2f3; margin:0 16px 16px 0; float:left;} .infoBoxR {background:#edf2f3; margin:0 0 16px 16px; float:right;} .infoTR, .infoBR, .infoBL, .infoTL {background-image: url(../img/bg_content/infoCorners.png); display:block; height:5px; overflow:hidden; position:absolute; width:5px;} .infoTR {background-position: right top; right:0; top:0;} .infoBR {background-position: right bottom; bottom:0; right:0;} .infoBL {background-position: left bottom; bottom:0; left:0;} .infoTL {background-position: left top; left:0; top:0;} .infoBox p {color:#4e7282;} .infoBox .pdfIcn {background-position:0 -3730px;} .infoBox ul {margin-bottom:20px; padding:0;} .infoBox ul li {color:#4e7282;} /* Image Replacements (Assign the spr class as well)*/ .ir {overflow:hidden; text-indent:-999px;} .ir-title {display:block; text-indent:-9999px; position:absolute; left:26px; top:10px;} span.basket {display: block; width:120px; height:8px; position: relative; top:9px; left: -16px; background-position:0 -40px;} /* Players */ .player-xsma {width:31px; height:24px; overflow:hidden;} /* Box Styles */ /* Types of Boxes first */ .box {display:block; margin-bottom:12px;} .promo img {display:block;} .promo {margin-bottom:15px;} .box-white-curved {background:#fff;} /* Standard Box */ /* Titles */ .box .title {padding:1px 0 0 26px; height:26px; line-height:26px; background-position:0 -110px; position:relative;} .box .title-closed {} /* Contents */ .content {padding: 0 10px; background:#fff; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9;} /* Box Footer */ .box-footer {height:11px; position:relative; background-position:-1px -140px; clear:both;} .box-footer-nav {top:-2px; margin-bottom:10px;} /* Used solely for the sub nav */ .box-footer .right {height:11px; width:10px; background-position:-389px -140px; position:absolute; right:0;} /* A white box with curved corner and grey border */ .box-white-curved {background: transparent; margin-bottom:16px;} .box-white-curved .top, .box-white-curved .bottom {position: relative; display:block; margin-right: 8px; height:8px;} .box-white-curved .top .tr, .box-white-curved .bottom .br {position:absolute; display:block; right:-8px; width: 8px; height:8px;} .box-white-curved .top {background-position:0 -410px;} .box-white-curved .tr {background-position:right -410px;} .box-white-curved .bottom {background-position:0 -424px;} .box-white-curved .br {background-position:right -424px;} /* Its content */ .box-white-curved .content {padding:8px 15px;} /* Inside tabbed Nav */ .tabbed-box .box-white-curved {position:relative; top:-13px} .tabbed-box .box-white-curved .top {border-left:1px solid #c9c9c9; background-position:-10px -410px;} /* A grey Box with curved corner and no border */ .box-grey-curved {background: transparent; margin-bottom:16px;} .box-grey-curved .top, .box-grey-curved .bottom {position: relative; display:block; margin-right: 5px; height:5px;} .box-grey-curved .top .tr, .box-grey-curved .bottom .br {position:absolute; display:block; right:-5px; width: 5px; height:5px;} .box-grey-curved .top {background-position:0 -452px;} .box-grey-curved .tr {background-position:right -452px;} .box-grey-curved .bottom {background-position:0 -457px;} .box-grey-curved .br {background-position:right -457px;} /* Its content */ .box-grey-curved .content {background:#F4F5F5; padding:11px 17px; border:none;} /* A white box, curved corner, grey border */ .box-white-border .top, .box-white-border .bottom {position: relative; display:block; margin-right: 5px; height:7px;} .box-white-border .top .tr, .box-white-border .bottom .br {position:absolute; display:block; right:-5px; width: 5px; height:7px; overflow:hidden;} .box-white-border .top {background-position: left -575px;} .box-white-border .tr {background-position: right -575px;} .box-white-border .bottom {background-position: left -601px;} .box-white-border .br {background-position: right -601px;} /* Its content */ .box-white-border .content {background:#F4F5F5; padding:0 10px; border-left: 1px solid #dbdbdb; border-right:1px solid #dbdbdb;} /* Specific circumstances */ .one-clm .box-white-curved .content {padding-left:15px; padding-right:15px;} .one-clm .box-white-curved .clm-half {width:455px;} /* Flash Content */ .fla-preview {height:50px; overflow:hidden;} .preview-lrg {height:100px;} /* No Flash Download Button */ .downloadMp3 {display:block; top:-6px; left: 1px; position:relative; text-indent:-9999px; overflow:hidden;} /* Icons */ ul.tick {background:none;} ul.tick li {background-position:0 -816px;} /* Add Rounded corners to images (editorial, JS inserts markup) */ .img-corners {position:relative; margin-bottom:20px;} .img-corners img {margin:0; display:block;} .img-corners .tl, .img-corners .tr, .img-corners .bl, .img-corners .br {position:absolute;display:block; width:4px; height:4px; overflow:hidden; background: url(../img/bg_content/bg-img-corners.png);} /* Each Corner */ .img-corners .tl {top:0; left:0; background-position:left top;} .img-corners .tr {top:0; right:0; background-position:right top;} .img-corners .bl {bottom:0; left:0; background-position:left bottom;} .img-corners .br {bottom:0; right:0; background-position:right bottom;} /* Client Box */ #clients {background: url(../img/bg_content/bg-clients.png) no-repeat 0 0; height:213px; position:relative; width:184px; margin:0; padding:0;} #clients h3 {font-weight:bold; position:absolute; top:7px; left:9px; color:#333; margin:0; padding:0; line-height:14px;} #clients img {left:14px; opacity:0.0; position:absolute; top:34px; z-index:8;} #clients img.active {opacity:1.0; z-index:10;} #clients img.last-active {z-index:9;} /* Lists */ /* list-01 - A List of stuff (used for music, news, articles) */ ul.list-01 {margin:0 0 16px 0; padding:0; line-height:16px;} ul.list-01 li {padding:17px 8px 21px 8px; margin:0; line-height:16px; z-index:777 !important; background:url(../img/bg_content/hr-generic.png) repeat-x bottom;} ul.list-01 li.last {margin:0; padding:23px 8px 25px 8px; background:none;} ul.list-01 .copy {float: left; width:312px;} ul.list-01 .title {display:inline; padding:0; line-height:18px;} ul.list-01 .duration {font-size:10px; line-height:16px;} ul.list-01 .author, ul.list-01 .date, ul.list-01 .category {font-size:11px;; line-height:16px;} ul.list-01 .category a, ul.list-01 .category a:link, ul.list-01 .category a:visited {color:#9B9C9D;} ul.list-01 .category a:hover {color:#777879;} ul.list-01 .category a:active {color:#9B9C9D;} ul.list-01 .author a strong, ul.list-01 .author a:link strong {font-weight:normal; color:#9b9c9d; line-height:16px;} ul.list-01 .author a:hover strong {color:#757575;} ul.list-01 p {font-size:11px;; line-height:18px; margin:0; padding:0;} ul.list-01 .player {float:right; height:51px; margin-top: 3px; position: relative;} ul.list-01 .player .flash {float:left; background: url(../img/bg_content/bg-player-sma.png) 0 0 no-repeat;} /* Product options (prodiuct list: add to basket) */ .list-01 a.track-options {float:left; width: 57px; margin: 12px 0 0 0; height: 26px; display:block; background: url(../img/bg_content/bg-basket-add.png) no-repeat 0 0; text-indent:-9999px;} .list-01 a.track-options:hover {background: url(../img/bg_content/bg-basket-add-hover.png) no-repeat 0 0;} /* The Drop Down */ .list-01 .drop-down {position:absolute; top:35px; left:129px; margin:0 0 0 -5px; padding:0;z-index:9999;} .list-01 .drop-down li {font-size:11px;height:auto;padding:0; margin: 0;width:181px;background: url(../img/bg_content/bg-drop-down.png) no-repeat scroll 0 -8px transparent; overflow:hidden;} .list-01 .drop-down .first {background-position:0 -4px;padding-top:4px;} .list-01 .drop-down a, .list-01 .drop-down a:link, .list-01 .drop-down a:visited {color:#3F3F3F;display:block;font-size:11px;margin-left:5px;padding:5px 11px;width:147px;} .list-01 .drop-down a:hover {background:#f4f5f5 !important; color:#006997;} .list-01 .drop-down button:hover {background:#f4f5f5 !important; color:#006997;} .list-01 .drop-down a:focus, .list-01 .drop-down a:active {background:#f4f5f5;color:#919191;} .list-01 .drop-down .last {padding:0; height:36px; background: url(../img/bg_content/bg-drop-down.png) no-repeat 0 bottom;} /* Buttons inside Drop Down */ .list-01 .drop-down form, .list-01 .drop-down fieldset {display:block; float:left;} .list-01 .drop-down button, .drop-down .btn-txt {color:#3F3F3F;font-size:11px; font-family: arial;padding:5px 11px; width:169px;display:block; border:none; outline:none; background:none !important; text-align:left; position:relative; left:5px; border:none;} .list-01 .drop-down button:hover {background:#f4f5f5; color:#006997;} .list-01 .drop-down button:focus, .list-01 .drop-down button:active {background:#f4f5f5;color:#919191;} /* Has JS */ .list-01 .drop-down {display:none;} /* Enquire Button (Voiceovers) */ .list-01 .frm-enquire {float:left; margin:12px 0 0 0; width:61px; height:25px;} .list-01 .frm-enquire fieldset {display:block; width:61px; height:25px;} .list-01 .frm-enquire button {float:left; width:61px; height:25px; cursor: pointer; text-indent:-9999px; border:none; outline:none; background: url(../img/bg_content/bg-basket-options.png) -53px 0 no-repeat;} .list-01 .frm-enquire button:hover {background: url(../img/bg_content/bg-basket-options-hover.png) -53px 0 no-repeat;} /* Edit - extend list-01 (used for editing favourites) */ ul.edit li {padding: 8px 0 8px 26px; margin: 0; border-bottom:1px solid #D6D6D6; background: url(../img/bg_content/bg-favourite.png) 7px 12px no-repeat;} ul.edit li.last {padding-top: 10px; padding-bottom: 16px;} ul.edit .title {display:block; float:left; width: 390px; padding:0; margin:0; font-size:12px;} ul.edit {margin-bottom:20px;} ul.edit .info {float:left; width:420px;} ul.path {margin:0; padding:0; background:none; float:left; width:390px;} ul.path li {float: left; margin:0; padding:0 0 0 18px; background:none; border:none; background: url(../img/sprites/sprite-03-icons.png) 4px -1953px no-repeat;} ul.path li.first {background:none; padding:0;} ul.path a, ul.path a:link, ul.path a:visited, ul.path a:hover, ul.path a:active {font-size:11px;; color:#9c9c9c;} /* Actions */ ul.edit ul.list-02 {position:relative; top:7px; right:6px; margin-top:-3px !important;} ul.edit ul.list-02, ul.edit ul.list-02 li {border:none; margin: 0; padding:0; border:none; background:none;} /* List-02 - The Actions for that list of products */ ul.edit ul.list-02 {float:right; padding:0; margin:-19px 0 0;} ul.list-02 li {clear:right; float:left; padding:0 5px 0 4px; margin:0; background:none; border-right:1px solid #c7c7c8; border-left: 1px solid #fff; height:30px;} ul.list-02 li.first {border-left:none;} ul.list-02 li.last {border-right:none; margin:0; padding:0 5px 0 4px;} ul.list-02 li.blank {border:none;} ul.list-02 a {font-size:11px;; position:relative; top:-3px; font-family:"Helvetica", Arial;} ul.list-02 button {position:relative; margin-top:-3px;} ul.list-02 form {float:left;} ul.list-02 fieldset {float:left;} /* List 03 - A list of action for a product on a detail page */ ul.list-03 {float: right; margin:0; padding:0;} ul.list-03 li {float: left; margin:0; padding:0 0 0 25px;} /* List 04 - A list of related tracks */ ul.list-04 {margin:0; padding:0; float:left; } ul.list-04 li h4 {float:left; width:115px; margin:0; padding: 0; line-height:14px; display:block;} ul.list-04 li {float:left; width:155px;margin:0 15px 15px 0; padding:1px 0; position:relative;} ul.list-04 li a {font-size:11px; display:block; margin-top:10px;} ul.list-04 li .player-xsma {float:left;} /* Left side */ .list-04 .track {padding:0; margin:0 0 0 0; display:inline; line-height:21px;} .list-04 .track a {display:inline;} .list-04 .track-title {background:none; display: inline; padding:0; margin:4px 5px 0 0; font-size:12px;} .list-04 .duration {font-size:11px; margin:0; padding:0;} /* Middle */ .list-04 .author {float:left; color:#525151; font-size:12px;} /* Right Side */ ul.list-04 li .price {float:right; padding-right:8px; font-size:12px;} /* Double Arrow Lists */ ul.arw-dbl {margin:0; padding:0;} ul.arw-dbl li {padding: 0 0 4px 30px; font-size:11px; background-position:10px -1955px;} ul.co-success {margin:0; padding:0;} ul.co-success li {padding: 1px 0 4px 30px; font-size:11px; background-position:14px -869px; margin-bottom:3px;} /* Checkout Pages */ /* Checkout Flow - the UL at the top of Checkout pages telling the user where they are in the process */ #commerce-flow {display: block; margin:0 0 18px 0; padding:0; height:40px; margin-bottom:24px; font-size:12px; position:relative;} #commerce-flow li {float:left; color:#fff; padding:0 39px 0 0; margin: 0; line-height:40px; list-style-type:none; text-transform: uppercase; } #commerce-flow li i {float:left; width:21px; height:50px; } #commerce-flow li strong {display:inline; margin:0; padding:0; color: #6D97A3;} #commerce-flow li.first {margin-left:0;} #commerce-flow li.first i {width:50px;} #commerce-flow li.active, #commerce-flow li.active-last {margin-left:-26px; color:#2e2e2e; } #commerce-flow li.active i, #commerce-flow li.active-last i {width:44px;} #commerce-flow li strong {font-weight:normal;} #commerce-flow li.last {padding:0;} #commerce-flow, #commerce-flow li, #commerce-flow li.first i, #commerce-flow li.active i, #commerce-flow li.active-last i {background:url(../img/bg_content/bg-commerce-flow-2.png);} #commerce-flow {background-position:right 0;} #commerce-flow li {background-position:right -119px;} #commerce-flow li.first i {background-position:left -0px;} #commerce-flow li.active {background-position:right -60px;} #commerce-flow li.active i, #commerce-flow li.active-last i {background-position:left -60px;} #commerce-flow li.last {background-position:-40px 0; } #commerce-flow li.active-last {width: 188px; position: absolute; right: 0; top: 0; background-position:right -180px;} /* Help + Advice text */ .help-advice {float:right; color:#525151; font-size:12px; margin-top:-28px;} .help-advice strong {color:#242424; font-weight:normal;} /* Large Shopping Basket */ table.basket {width:860px; margin: 10px 30px;} /* Basket Contents */ .basket td {line-height:16px;} .basket td form button {margin-top:12px; border:none;} .basket td form .update-currency {float:right;} .basket td form, .basket td fieldset {display:inline; float:none;} .basket .trackNoIcon {padding-left:16px; padding-right:3px; color:#006997; font-size:13px; float:left; } .basket .track, .basket .track a, .basket .track a:link, .basket .track a:visited, .basket .track a:hover .basket .track a:active {display: inline; padding: 0; margin: 0; font-size:13px; color:#006997;} .basket .track {padding-left:16px; background-position:1px -3242px;} .basket .open .track {background-position:1px -3276px;} .basket .duration {font-size:10px;} .basket .composer {padding-left: 16px; display:block; clear:both; font-size:11px; color:#525151;} .basket .price {position:relative; bottom:-12px; font-size:13px; color:#525151;} .basket .btn-img {position:relative; left:20px;} .basket strong {color:#242424; font-weight:normal;} .basket .summary {font-size:12px;} .basket .summary td {padding:10px 8px;} .basket tfoot {padding:100px;} .basket tfoot .top-row td {padding-top:20px;} .basket tfoot .bottom-row td {padding-bottom:20px;} .basket .info dl {margin-bottom:8px;} .checkout-summary th.price, .checkout-summary td.ninth {text-indent:45px;} /* Details */ .basket .details {margin:0; padding:12px 0 0 16px; font-size:11px;;} .basket .details dt, .basket .details dd {margin:0; padding: 0 0 2px 12px;} .basket .details dt {padding-left: 14px; background-position:0 -1953px;} .basket .closed .details {height:0; overflow:hidden; position:relative;} /* Warning */ .warning-license {background: url(../img/bg_content/icon-warning.png) no-repeat 0 6px; min-height: 30px; margin-bottom: 18px; padding-left: 40px;} td .warning-license {margin-bottom: 0;} .warning-license p {padding-bottom: 2px;} .warning-license .first {font-size: 14px;} .warning-license .strong {text-transform: uppercase;} /* Security Info */ .basket .security-info {float: left; text-align: left; position: absolute; padding: 40px 0 0 16px; width:390px; } .basket .security-info p {font-size:11px;; color:#9b9c9d; line-height: 15px; margin:0; padding:0;} .basket .security-info h6 {padding:0; margin:0; color:#525151; font-size:11px;;} /* Invoice ADR */ .invoice-adr {text-align: left; float:left; position:absolute; text-align:left;} /* License Types */ .license-type {padding: 16px 0 0 60px !important; margin:0 !important; } .license-type dl, .license-type dt, .license-type dd, .license-type ul {margin:0; padding:0; display:block; clear:both;} .license-type dl {width:384px; font-size:11px;; margin:10px 0 15px;} .license-type dt {color: #242424; padding-bottom:8px;} .license-type dd {color:#525151;} .license-type li {padding:0 0 4px 15px; background-position:0 -1955px;} .uses li {background-position:0 -870px; padding-left:15px; margin-bottom:4px;} .license-type small {font-size:10px; display:block; clear:both; position:relative; bottom:-10px; line-height:14px;} .license-type a.btn-default-sma {clear:both;} /* The different license types */ .standard-license-sma {background: url(../img/license_icons/standard.png) 5px 8px no-repeat;} .broadcast-license-sma {background: url(../img/license_icons/broadcast.png) 0 3px no-repeat;} .worldwide-license-sma {background: url(../img/license_icons/worldwide.png) 0 10px no-repeat;} .duplications-license-sma {background: url(../img/license_icons/duplication.png) 0 10px no-repeat;} .performace-license-sma {background: url(../img/license_icons/performance.png) 0 10px no-repeat;} .games-license-sma {background: url(../img/license_icons/games.png) 0 7px no-repeat;} /* Payment, License & Sucess Page */ .co-payment .heading-border, .co-license .heading-border, .co-registration .heading-border{} .co-payment h2, .co-license h2, .co-success h2 {font-size:12px; margin-bottom:8px;} .co-payment p, .co-license p, .co-success p, .co-success strong {font-size:11px; line-height:18px; padding-bottom:10px;} .co-success .ref-no {margin:0; padding:0;} .co-success .ref-no dt {padding-left:20px;} .co-success .ref-no dd {color:#242424;} /* Checkout payment page */ .payment-page #frm-pay-paypal, .payment-page #frm-pay-by-worldpay {min-height:190px;} .payment-page #frm-pay-by-phone, .payment-page #frm-pay-by-post {min-height:110px;} /* Moko Box Overlay */ #mb-bg {z-index:1000; position:fixed; top: 0; left: 0; width:100%; height:100%; text-align:center; background: url(../img/bg_content/bg-mb.png); text-align:center;} #mb-container {z-index:1020; position:relative; margin: 20px auto 0 auto; text-align:left; max-height:400px; max-width:684px;} /* Its Corners, shadows, outlines etc */ #mb-top, #mb-tr {background:url(../img/bg_content/bg-mb-top.png) 0 0 no-repeat;} #mb-left, #mb-right {background:url(../img/bg_content/bg-mb-middle.png) 0 0 repeat-y;} #mb-bottom, #mb-br {background:url(../img/bg_content/bg-mb-bottom.png) 0 0 no-repeat;} #mb-tr {background-position: top right;} #mb-left {background-position: left 0;} #mb-right {background-position: right 0;} #mb-bottom {background-position: left bottom;} #mb-br {background-position: right bottom;} #mb-top {position: relative; height: 80px; margin-right:45px;} #mb-tr {position: absolute; right:-45px; height: 80px; width:45px; bottom:0; } #mb-left {position: relative; padding-left:43px; margin-right:43px;} #mb-right {position: relative; padding: 0 43px 0 0; right: -43px; } #mb-bottom {position: relative; height:45px; margin-right:45px;} #mb-br {position: absolute; right:-45px; height:45px; width:45px;} /* Its content */ #mb_content {position:relative; margin:0; left:-22px;} #mb-padding {clear:both; padding:1px 0 16px;} #mb-padding .heading-border {margin-bottom:15px;} #mb-padding .heading-border h1 {padding:0 0 7px;} /* RIFF RIFF BOX Overlay */ #rrb-bg {z-index:1000; position:fixed; top: 0; left: 0; width:100%; height:100%; text-align:center; background: url(../img/bg_content/bg-mb.png); text-align:center;} #rrb-container {z-index:1020; position:absolute; text-align:left; max-height:400px; padding:0; top:90px; left:50%; margin-left:-492px;} /* .ls-1 {width:984px;} */ .ls-1 {width:876px;} .ls-2, .ls-3, /* .ls-4 {width:784px;} */ .ls-2, .ls-3, .ls-4 {width:676px;} #rrb-close {background: url(../img/sprites/sprite-02-interface.png) no-repeat -714px -491px; border:none; height:17px; width:19px; overflow:hidden; text-indent:-9999px; position:absolute; top:39px; right:0; display:block;} #rrb-close:hover {background-position:-714px -491px:} /* Its Corners, shadows, outlines etc */ #rrb-top, #rrb-tr {background:url(../img/bg_content/bg-rrb-top.png) 0 0 no-repeat;} #rrb-left, #rrb-right {background:url(../img/bg_content/bg-rrb-mid.png) 0 0 repeat-y;} #rrb-bottom, #rrb-br {background:url(../img/bg_content/bg-rrb-bottom.png) 0 0 no-repeat;} #rrb-tr {background-position: top right;} #rrb-left {background-position: left 0;} #rrb-right {background-position: right 0;} #rrb-bottom {background-position: left bottom;} #rrb-br {background-position: right bottom;} #rrb-top {position: relative; height: 65px; margin-right:45px; clear:both; padding:76px 55px 0;} #rrb-tr {position: absolute; right:-45px; height: 141px; width:45px; bottom:0; clear:both; } #rrb-left {position: relative; padding-left:0; margin-right:45px; clear:both;} #rrb-right {position: relative; padding: 0 0 0 0; right: -45px; clear:both;} #rrb-bottom {position: relative; height:45px; margin-right:45px; clear:both;} #rrb-br {position: absolute; right:-45px; height:45px; width:45px; clear:both;} /* Its content */ #rrb_content {clear:both; position:relative; margin:0; left:-23px; margin:14px 33px 0 33px; float:left; display:inline;} #rrb-padding {clear:both; padding-bottom:14px; float:left;} /* Project Manager Pages */ table.projects {width:495px; margin:-5px 20px 12px; float:none;} .projects tr {text-align: left;} .projects caption {text-align: left; margin-left:-16px; line-height:18px; font-size:11px; margin-bottom:17px;} .projects th {padding-bottom:9px;} .projects td {font-size:12px; padding-top:10px; padding-bottom:8px; border-bottom:none; border-top: 1px solid #D8D8D8; position:relative;} .projects small {font-size:11px;;} .projects .wrapProjectTitle {display:block; padding-left:23px;} .projects .shared, .projects .not-shared {float: left; padding-left:23px; display:block; background-position:0 -1650px;} .projects .not-shared {background-position:0 -1570px;} .projects .items {padding-left:5px; font-size:10px;} .projects .actions {margin:0; padding:0; position:relative; bottom:-2px; height:15px; width:85px;} .projects .actions li {float:left; margin:0 1px 0 0; padding:0;} .projects .actions li .frm-delete-project {position:absolute; top:0; right:0;} .projects tfoot form {padding-left:24px; padding-top:3px;} .projects tfoot .textfield, #template .projects tfoot .btn {float:left; display: block; margin-left:5px;} .projects .textfield {width:150px;} /* Project Detail */ .heading-help {margin-top:-29px;} .project-manager-detail .box-white-border {margin-bottom:20px;} table.project-detail {margin-bottom:20px; margin-left:17px;} .project-detail .comments, .project-detail .votes {display:block; width:14px; height:14px; margin:0 auto; overflow:hidden; text-indent:-999px; background-position:0 -1727px;} .project-detail .votes {background-position:0 -1750px; margin-left:14px;} .project-detail .player-xsma {float:left; margin-top:-1px;} .project-detail td {color:#9b9c9d; background:#fff; padding:8px 0 10px;} .project-detail .added-by {font-size:11px;} .project-detail .duration {font-size:10px;} .project-detail .copy {float:left; width:180px;} .project-detail .alignC {font-size:11px;} .project-detail .actions {float:right; margin:0; padding:0; position:relative; bottom:0; height:15px; width:160px; padding-left:10px;} .project-detail #adr {padding: 0 4px 0 4px; margin: 0; border: 1px solid #aaa; color:#525151; font-family: "Helvetica", Arial; font-size: 11px; background: #fff url(../img/bg_content/bg-textfield.png) top left no-repeat;} /* Comments */ .user-comments {position:absolute; display:block; width:470px; z-index:800;} .user-comments label {float:left; display:block !important;} .user-comments label span {float:left; width:90px;} .user-comments .characterCount {color:#9B9C9D; font-size:11px; display:block; clear:both; } .user-comments dl {padding-left:30px; font-size:11px; margin-bottom:0; margin-top:7px;} .user-comments dt {width:60px; padding-left:20px; padding-right:10px; margin-bottom:3px; background-position:0 -1872px;} .user-comments dd {width:346px; margin-bottom:7px;} .user-comments dt.you {background-position:0 -1784px;} .user-comments form {width: 400px; height:21px; margin-top:-3px; padding-bottom:14px; position:relative;} .user-comments fieldset {width: 470px; height:21px; display:block; position:relative;} .user-comments .textfield {clear:right;width:173px;margin-left: 4px;} .user-comments .btn {position:absolute; left:190px; top:0;} /* JS Versions */ .has-js .user-comments {display:none;} /* Form At bottom of table */ tfoot ul {margin:0; padding:0; float:right;} tfoot li, tfoot .btn, #template .project-detail tfoot form, #template .project-detail tfoot .btn {float: left; margin:0; padding:0;} /* Orders */ /* The paragraphs */ p.intro, p.help {font-size:11px;; color:#525151; line-height:20px;} p.intro {float:left; width:517px;} p.help {float:right; width:174px; padding-left:18px; border-left:1px solid #eaeaea;} /* The table */ #clm-two .orders {text-align: left; margin-bottom:30px; width:690px; margin-top:-5px;} .orders td {font-size:11px;; color:#9b9c9d; position:relative;} .orders ul, .orders li {margin:0; padding:0;} .orders .new, .orders .unpaid, .orders .complete {float: left; text-transform: uppercase; } .orders .new {color:#63f100;} .orders .unpaid {color:#ea5501;} /* Position the tooltips inside it */ .orders .has-error .tool-tip-icon, .orders .has-msg .tool-tip-icon {float:left; position:static; margin-left:4px;} .orders .has-msg .tool-tip-msg, .orders .has-error .tool-tip-msg {right: 0; font-size:15px; margin:0; padding:0;} .edit-account {padding-bottom:0;} /* Order Detail */ .order-detail .padding {padding:0 20px; position:relative;} .order-detail .actions {position:absolute; bottom:19px; left:359px;} .order-detail .half {float: left; } .order-detail .download {float: left;} .order-detail h2 {color:#242424; font-size:12px; margin:0; padding:8px 0 8px 0;} .order-detail dl {margin:0; padding:0 0 15px 0; font-size:11px;} .order-detail .dl-last {padding-bottom:25px;} .order-detail dt, .order-detail dd {margin:0; padding:0 0 8px 0;} .order-detail dt {width:110px; color:#525151;} .order-detail dd {width:230px; color:##9e9e9e; } /* Download Styling */ .order-detail .download ul {margin:0; padding:0; font-size:11px;;} .order-detail .download .copy {position:relative; top:-8px; right:-6px;} /* Terms */ #termsBox {height:150px; overflow-y:auto;} .licenseTermsActions {float:right; margin-bottom:20px;} .licenseTermsActions .btn {margin-left:2px;} /* Messages (Messages that the app sends to the user - icnrect pass etc) */ /* Generic Styles first (Styles that affect all messages: error, sucess + warning) */ .message {margin-bottom:18px;} .message .top {height:23px; margin:0 6px 0 0; position:relative; } .message .top .tr {height:23px; width:6px; position:absolute; right:-6px;} .message h6 {position:absolute; bottom:0; left:13px; font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff;} .message .top a, .message .top a:link, .message .top a:visited, .message .top a:hover, .message .top a:focus, .message .top a:active {display:block; position:absolute; top:5px; right:0; width:16px; height:14px; overflow:hidden; text-indent:-9999px;} .message .msg-content {padding:5px 13px 0 13px;} .message .msg-content p {padding:0 0 7px 0; margin:0; color:#fff; font-size:11px;} .message .bottom {height:4px; margin:0 6px 0 0; position:relative;} .message .bottom .br {width:6px; height:4px; position:absolute; right:-6px;} .message ul {padding: 0 0 8px 0;} .message li {padding: 0 0 2px 22px; margin:0; color:#fff; font-size:11px; background-image:url(../img/messages/bg-messages-bullets.png); background-repeat:no-repeat;} /* Background-positions */ .message .top {background-position:0 0;} .message .top .tr {background-position:right 0;} .message .bottom {background-position:0 bottom;} .message .bottom .br {background-position:right bottom;} .message .top a {background-position:-938px -5px;} .message .msg-content {background-position:0 -23px;} /* Warning Message Styles */ .warning-msg .top, .warning-msg .top .tr, .warning-msg .bottom, .warning-msg .bottom .br, .warning-msg .top a, .warning-msg .msg-content {background-image:url(../img/messages/bg-message-warning.png);} .warning-msg li {background-position:8px 4px;} /* Error Message Styles */ .error-msg .top, .error-msg .top .tr, .error-msg .bottom, .error-msg .bottom .br, .error-msg .top a, .error-msg .msg-content {background-image:url(../img/messages/bg-message-error.png);} .error-msg li {background-position:8px -96px;} .error-msg .msg-content {border-right:1px solid #D57121;} /* Sucess Message Styles */ .success-msg .top, .success-msg .top .tr, .success-msg .bottom, .success-msg .bottom .br, .success-msg .top a, .success-msg .msg-content {background-image:url(../img/messages/bg-message-success.png);} .success-msg li {background-position:8px -196px;} .success-msg .msg-content {border-right:1px solid #0a507e;} /* FEATURED MUSIC */ .featured_music {float:left; width:192px; padding:0 0 10px; } .featured_music h3 {margin:0; padding:0 0 6px 20px; font-size:11px;} .featured_music li {margin-bottom:2px;} .featured_music .arw-dbl {margin:0 0 0 10px;} /* @end */ /* @group 3. Specific Styles (Appears in just one page type) */ /*1. Product Detail page */ /* Add to the template div */ .product-detail h1 {font-size:16px; font-weight:bold; clear:both; margin-bottom:7px;} .product-detail h2, .product-detail h3 {font-size:12px; padding:0; margin:0 0 7px 0; color:#242424; font-weight:normal;} .product-detail h1 span, .product-detail h2 span {float:left;} .product-detail h1 .first, .product-detail h1 .arw_dbl, .product-detail h2 .first, .product-detail h2 .arw_dbl {text-indent:-9999px; overflow:hidden; width:0;} .product-detail h1 {margin-bottom:25px;} /* Player */ .product-detail #previewPlayer {display:block; float:left; height:38px; margin:0 0 27px 16px; position:relative; background:url(../img/bg_content/bg-player-lrg.png) 3px -1px no-repeat;} .product-detail .player {display:block; float:left;} .product-detail a.track-options, .product-detail a.track-options:link, .product-detail a.track-options:visited, .product-detail a.track-options:hover, .product-detail a.track-options:focus, .product-detail a.track-options:active {background-position: -335px -193px; color:#242424; display:block; float:left; font-size:9px !important; text-transform:uppercase; font-family:"Helvetica", Arial; font-weight:bold; height:17px; margin:6px 0 0 0; padding:8px 0 0 11px; text-transform:uppercase; width:53px; line-height:11px; } /* The Drop Down */ .product-detail .drop-down {position:absolute; top:24px; right:-113px; margin:0 0 0 -5px; padding:0;z-index:9999; display:none; z-index:100;} .product-detail .drop-down li {font-size:11px;height:auto;padding:0; margin: 0;width:181px;background:url(../img/bg_content/bg-drop-down.png) no-repeat scroll 0 -8px transparent;} .product-detail .drop-down .first {background-position:0 0;padding-top:6px;} .product-detail .drop-down button, .product-detail .drop-down button:link, .product-detail .drop-down button:visited {color:#3F3F3F;font-size:11px;margin-left:0;padding:5px 11px;width:169px;} .product-detail .drop-down button:hover {background:#f4f5f5 !important; color:#006997;} .product-detail .drop-down button:focus, .product-detail .drop-down button:active {background:#f4f5f5;color:#919191;} .product-detail .drop-down .last {padding: 0;height:36px;background-position:0 bottom;} /* Wrappers */ .product-detail {padding: 0 16px 0 16px; position:relative;} .content .product-detail {clear:left; padding:0; margin:33px 8px 0;} /* Content */ .product-detail p {color:#525151;} .product-detail .desc {float:left; width:200px; margin-top:-20px;} .product-detail .desc h2 {margin-bottom:4px;} .product-detail .pOptions fieldset {float:right; display:block;} .product-detail .pOptions .btn {float:right; display:block; margin:0 0 5px 0;} .product-detail .pOptions .btn-dark {margin-top:15px;} #frm-share {float:right;} .product-detail #frm-share {margin-right:-4px; margin-top:-76px;} .product-detail .info ul {font-size:11px; color:#525151; padding-bottom:22px;} .product-detail .info ul li {background-position:0 -3494px; line-height:18px; padding:2px 0 2px 16px;} /* Pack info */ div.product-detail dl {clear:both; font-size:12px; margin: 0 36px 27px 0; padding:0;} div.product-detail dt {width:80px; padding:0 20px 7px 0; margin:0; color:#525151; font-size:11px;} div.product-detail dd {width:165px; padding:0 0 8px 0; margin:0; color:#9e9e9e; font-size:11px;} div.product-detail .dl-left {clear:none; float:left; width:230px; margin-right:30px;} div.product-detail .dl-right {clear:none; width:230px;} /* Included in Download */ .included-in-download {margin:10px 0 12px;} .included-in-download img {margin:0 33px; float:left; height:143px; width:100px;} .included-in-download h3 {margin:6px 0 0 0; padding:0 0 11px 0; font-size:12px; color:#161616; line-height:12px; font-weight:normal; float:left; clear:none;} .included-in-download ul {margin:10px 0 14px; padding:0; width:300px; float:left;} .included-in-download li {width:90px; margin:0 10px 6px 0; padding:0 0 0 16px; float:left; color:#525151; font-size:11px; background:url(../img/bg_content/bg-included-in-download-li.png) 0 0 no-repeat;} .included-in-download strong {float:left; width:185px; font-size:12px;} .included-in-download .btn {margin:-4px 0 20px; float:left;} /* Included in Bundle */ .product-detail .included-in-bundle {clear:both;} .product-detail .included-in-bundle .content {padding-bottom:0;} .product-detail .included-in-bundle .thumb {float:left; margin:6px 25px 0 9px;} .product-detail .included-in-bundle h3 {clear:none; float:left; margin:8px 0 0 2px; font-weight:normal;} .product-detail .included-in-bundle ul {float:left; margin-top:5px; padding:0; width:322px;} .product-detail .included-in-bundle .track {width:270px;} /* Pack Content */ .pack-content {float:right; width:200px;} .pack-content h2 {padding-bottom:4px;} .pack-content ul {padding:0; margin:0; color:#525151; font-size:12px;} .pack-content li {padding:0 0 8px 20px; margin:0;} .pack-content .last {padding-bottom:0;} /* Block (used for tags and similar) */ .product-detail .related {margin:0 0 8px 0;} .product-detail .related p {margin:0; padding:0 0 8px 0;} .product-detail .related .content {padding:3px 8px 0 8px;} .product-detail .related .box-grey-curved {margin-bottom:8px;} /* Similar (Similar tracks) */ .product-detail .similar {margin:31px 0 15px; clear:left;} .product-detail .similar h3 {margin:22px 0 6px 0; font-size:12px; font-weight:normal;} /* Bundle */ .product-detail .bundle img {float:left; margin:6px 25px 0 0;} .product-detail .bundle h3 {clear:none; margin-top:9px;} .product-detail .bundle p {clear:none; font-size:11px; padding-bottom:5px;} .product-detail .bundle a {float:right;} /* Help & Support Boxes */ .help-support h3 {margin-top:10px; font-size:12px; font-weight:normal; margin-bottom:3px;} .help-support p {font-size:11px; line-height:18px; text-align:justify;} .help-support ul {margin:0; padding:0;} .help-support li {background:none; font-size:11px; line-height:18px; padding:0; } .help-support .left {float:left; margin-right:30px; width:300px;} .help-support .right {float:left; width:165px;} /*2. Login Page */ .register {padding:20px 20px 20px 30px;} .register h2 {font-size:14px; padding-bottom:4px; color: #242424;} .register h3 {font-size:12px; padding-bottom:8px; color: #242424;} .register ul {margin:0; padding:0 0 2px 2px; color:#525151; font-size:11px;} .register li {background-position:0 -870px; padding-left:15px; margin-bottom:5px;} /*3. Checkout: payment Page */ .co-payment legend a, .co-payment legend a:link, .co-payment legend a:visited, .co-payment legend a:hover {color:#242424; font-size:12px; display: block; margin-bottom:4px;} /* Images */ .co-payment .protx a, .co-payment .paypal a {display:block; text-indent:-9999px; width: 173px; height:24px; overflow:hidden; background:url(../img/bg_content/bg-payment-page.png) 0 0 no-repeat;} .co-payment img.credit-cards {margin-bottom: 16px; background:none;} .co-payment .protx a {width: 132px; background-position:0 0;} .co-payment .paypal a {width: 74px; background-position:-138px 0;} /* Boxes */ .co-payment .box-white-border {width:456px; margin-bottom:30px;} .co-payment .box-white-border .content {padding-top:10px; padding-bottom:10px;} .co-payment .box-white-border .content p {width:420px;} /*4. Checkout: License page */ /* Right Column */ .co-license .frm-terms-conditions .copy {height:124px; overflow:auto; margin-bottom: 14px; font-family:"Courier New";} .co-license .frm-terms-conditions .copy strong {font-weight:normal; font-size:11px;;} .co-license .box-white-border .content {padding-top:6px; padding-bottom:6px;} .co-license .box-white-border {margin-bottom:12px; width:450px;} .co-license .btn-loud {margin-bottom:20px;} .co-license .proceed p {padding:0 0 16px 20px; color:#242424; font-size:11px; line-height: 16px; background-position: -26px -1348px; width: 428px;} .co-license .proceed strong {color:#242424;} /*5. Checkout: Sucess Page */ .co-success .floatL h2, .co-success .floatL p, .co-success .floatL ul {padding-left:20px; padding-right:80px;} .co-success .floatR h2, .co-success .floatR p, .co-success .floatR ul {padding-right:20px;} .ref-no {font-size:12px;} /*6. Checkout: License Editor Overlay */ #rrb-top h2 {color:#fff; padding-bottom:3px;} #rrb-top strong {color:#858383;} #rrb h3 {font-size:12px;} .license .content {clear:both;} #call-us-now {background: url(../img/content/licenses/call-us-now-row.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; height:16px; width:302px; position: absolute; top:77px; right: 10px;} .gb #call-us-now {background: url(../img/content/licenses/call-us-now-gb.png) no-repeat 0 0; height:16px; width:266px;} .us #call-us-now {background: url(../img/content/licenses/call-us-now-us.png) no-repeat 0 0; height:36px; width:207px;} .row #call-us-now {background: url(../img/content/licenses/call-us-now-row.png) no-repeat 0 0; height:16px; width:302px;} #license-loader {position:absolute; top:41%; left:48%;} /* Step 1 (You have slected a standard license...) */ .ls-1 .allowed {margin:0; padding:8px 0 6px 22px; text-transform:uppercase; font-size:12px; font-weight:bold; line-height:12px; background:url(../img/bg_content/bg-license-tick.png) 0 3px no-repeat;} .ls-1 h3 {color:#242424; font-size:11px; margin-bottom:8px;} .ls-1 .box-white-border {position:relative;} .standard-license {float:left; margin-top:16px;} .standard-license img {margin-bottom:10px;} .standard-license p {font-size:11px; color:#919191; line-height:16px; padding:0; margin:-1px 0 5px 0;} #video-production {width:139px; margin-left:14px;} #internet-and-online {width:172px;} #duplication-distribution {width:200px;} #business-use {width:180px;} #film-production {width:140px;} .standard-license ul {margin:0; padding:0 0 16px;} .standard-license li {padding:1px 0 1px 14px; color:#919191; background-position:0 -3791px; font-size:11px; margin-bottom:3px;} #keep-standard {clear:both; position:absolute; right:20px; bottom:20px; z-index:100;} #not-allowed-box {background: url(../img/bg_content/bg-rrb-notallowed.png) no-repeat 0 0; width:848px; height:80px; margin-top:16px; padding:10px 15px 20px; position:relative;} #not-allowed-box h2 {color:#a6a6a6; font-size:12px; padding:5px 0 5px 24px; background:url(../img/bg_content/bg-license-cross.png) 0 0 no-repeat; line-height:12px; margin-top:0;} #not-allowed-box h2 strong {color:#fff; font-weight:bold; text-transform:uppercase;} #not-allowed-box a {color:#46add7;} #not-allowed-box a:hover {color:#75bbd7;} #not-allowed, #not-allowed li {margin:0; padding:0;} #not-allowed {float:left; margin:10px 0 0 8px; width:740px;} #not-allowed li {padding-left:28px; height:24px; line-height:24px; font-size:11px; float:left; color:#fff; margin-bottom:6px; position: relative; cursor: pointer; } #not-allowed li.broadcast {background-position:0 -4192px; width:174px;} #not-allowed li.duplication {background-position:0 -4261px; width:250px;} #not-allowed li.performance {background-position:0 -4331px; width:146px;} #not-allowed li.product {background-position:0 -4401px; width:174px;} #not-allowed li.games {background-position:0 -4473px; width:132px;} #not-allowed li ul {float: none; margin: 0 0 30px; padding: 0;} #not-allowed li ul li {float: none; height: auto; margin: 0 0 8px; padding: 0 0 0 20px; font-size: 11px; line-height: 14px; background: url(../img/content/licenses/not-allowed-cross.png) no-repeat 0 0;} #not-allowed p { color: #fff; } #not-allowed-box #config-extended {position:absolute; right:20px; bottom:17px;} /* Help Bubble */ .exclude-bubble {background: url(../img/content/licenses/bg-bubble.png) no-repeat 0 bottom; position:absolute; bottom:30px; left:-14px; width:311px; font-size:11px; padding: 0 20px; z-index: 1000; display:none;} #not-allowed li:hover .exclude-bubble {} .exclude-bubble h4 {color:#fff; font-weight:normal; font-size:13px; margin: 0 0 10px; line-height:16px;} .exclude-bubble p {color:#bfbfbf; line-height:16px; margin:0 0 6px;} .exclude-bubble-top {background: url(../img/content/licenses/bg-bubble.png) no-repeat 0 top; width:351px; height:9px; top:-9px; position: relative; left: -20px;} /* Step 2 (You have slected an Extended license...) */ #extended-options, #extended-options li {margin:0; padding:0; list-style:none; } #extended-options {clear:both; display:inline; float:left; width:679px; margin-bottom:16px;} #extended-options li {float:left;} #extended-options li a {background-image: url(../img/content/licenses/license-sprite.png); display:inline; height:123px; width:131px; text-indent:-9999px; overflow:hidden; float:left; margin-right:6px;} #extended-options li.last a {margin-right:0;} #extended-options li a:hover {cursor:pointer;} #extended-options li a.active {cursor:default;} #extended-options .worldwide a {background-position:0 0;} #extended-options .worldwide a:hover, #extended-options .worldwide a.active {background-position:-131px 0;} #extended-options .performance a {background-position:0 -126px;} #extended-options .performance a:hover, #extended-options .performance a.active {background-position:-131px -126px;} #extended-options .broadcast a {background-position:0 -252px;} #extended-options .broadcast a:hover, #extended-options .broadcast a.active {background-position:-131px -252px;} #extended-options .games a {background-position:0 -378px;} #extended-options .games a:hover, #extended-options .games a.active {background-position:-131px -378px;} #extended-options .duplication a {background-position:0 -504px;} #extended-options .duplication a:hover, #extended-options .duplication a.active {background-position:-131px -504px;} #extended-options .broadcast a {background-position:0 0;} #extended-options .broadcast a:hover, #extended-options .broadcast a.active {background-position:-131px 0;} #extended-options .worldwide a {background-position:0 -126px;} #extended-options .worldwide a:hover, #extended-options .worldwide a.active {background-position:-131px -126px;} #extended-options .duplication a {background-position:0 -252px;} #extended-options .duplication a:hover, #extended-options .duplication a.active {background-position:-131px -252px;} #extended-options .performance a {background-position:0 -378px;} #extended-options .performance a:hover, #extended-options .performance a.active {background-position:-131px -378px;} #extended-options .games a {background-position:0 -504px;} #extended-options .games a:hover, #extended-options .games a.active {background-position:-131px -504px;} .ls-2 .btn-dark {float:left; margin-right:5px;} /* Step 3 (Fine tune your license...) */ .ls-3 h3 {font-size:12px; margin-bottom:5px;} .ls-3 p {color:#919191; font-size:12px;} #license-options {clear:both;float:left; width:331px; } .license-options {margin-bottom:10px; overflow:hidden;} .license-options h3 {margin-top:6px; margin-bottom:10px;} .license-options .content {overflow:hidden;} #select-an-option {margin-top:8px; padding-left:12px; width:280px;} #select-an-option .checkbox {color:#006a94; height:19px; line-height:20px; display:block; margin-bottom:9px; padding-left:28px;} #select-an-option .checkbox:hover {cursor:pointer;} #select-an-option .checkbox {background-position:0 -960px;} #select-an-option .checked {background-position:-500px -960px;} #select-an-option input {display:none;} .ls-3 .btn-dark {float:left; margin-right:5px;} #your-settings {float:left; margin-left:22px;} #your-settings dl {width:270px; margin:8px 0 15px; padding:0;} #your-settings dt {width:242px; margin:0; padding:0; color:#525151; font-size:12px; height:24px; line-height:24px; padding-left:28px;} #your-settings .worldwide {background-position:0 -3848px;} #your-settings .performance {background-position:0 -4053px;} #your-settings .broadcast {background-position:1px -3919px;} #your-settings .games {background-position:0 -4122px;} #your-settings .duplications {background-position:0 -3986px;} #your-settings dd {width:270px; margin:0; padding:0;} #your-settings dl ul {margin-left:28px;} #your-settings dl ul li {background-position:0 -3493px; padding-left:16px; font-size:12px;} #your-settings dl ul li p {font-size: 11px; line-height: 14px;} #update-currency .price {color:#525151; margin-left:7px;} #update-currency .price span {color:#242424; font-weight:bold;} /* Drop Down Styles */ #update-currency ul.ul-select li li {background:url(../img/bg_content/bg-drop-down.png) 0 -8px no-repeat;} #update-currency ul.ul-select li li.first {background-position:0 -4px; padding-top:4px;} #update-currency ul.ul-select li li.last {height: 36px; background-position:0 bottom;} #update-currency {clear:left;position:relative; height:20px; padding-bottom:15px; line-height:20px;} #update-currency .frm-currency {float:left;} #update-currency .update-currency {margin:10px 0;} #update-currency legend {display:none;} /* .has-js #update-currency select, .has-js #update-currency legend, .has-js #update-currency .update-currency {display:none;} */ .has-js #update-currency button {display:none;} #your-settings .btn-loud {clear:both;} /* Step 4 (You have choosen...) */ .ls-4 h3 {font-size:12px; margin-bottom:12px;} .ls-4 p {color:#919191; font-size:12px;} .ls-4 .left-block {float:left; width:330px; margin-right:20px;} /*7. Login Page */ .co-login .btn-loud {margin-top:6px;} /*8. Profile Page */ /* Columns */ .profile .clm-left {float: left; width:524px;} .profile .clm-right {float:right; width:184px; padding-top: 12px;} .profile .clm-right h4 {padding:0 8px 8px 8px; margin:0; border-bottom:1px solid #D8D8D8;} /* Generic */ .profile h3 {font-size:13px; color:#161616; padding-left:6px; padding-right:6px;} .profile p {font-size:11px;; padding-left:8px; padding-right:8px;} /* Inside the grey box */ .profile .box-white-border {margin-bottom:20px; position:relative;} .profile .box-white-border .content {padding:10px 15px !important; } .profile .avatar {float:left;} .profile .info {float:right; width:336px; padding-left: 15px;} .profile .box-white-border h2 {font-size:13px; padding:0; margin:-2px 0 1px 0; line-height:18px;} .profile .box-white-border p {margin:0; padding:0; line-height:18px;} .profile .box-white-border dl, .profile .box-white-border dt, .profile .box-white-border dd {margin:0; padding:0; width:auto;} .profile .box-white-border dl {padding-top:1px; font-size:11px;;} .profile .box-white-border dt {padding-right:4px; padding-bottom:4px; color:#242424;} .profile .box-white-border dd {padding-bottom:4px;} .profile .box-white-border .actions {float:right; margin:0; padding:0; position:absolute; right:14px; bottom:6px;} .profile .box-white-border .actions fieldset {float:left;} .profile .box-white-border .actions li {float:left; margin:0; padding:0; height:22px;} /* Projects */ .profile .projects h3 {padding-bottom:10px; margin:0;} .profile .projects ul {clear:both; margin:0 0 15px 0; padding: 0; border-top:1px solid #d8d8d8;} .profile .projects li {padding:16px 14px; border-bottom:1px solid #d8d8d8; position:relative;} .profile .projects ul li:last-child {border:none; padding-bottom:0;} .profile .projects .thumb {float:left; margin-right:12px;} .profile .projects h4 {margin:5px 0 0; padding:0; float:left;} .profile .projects .type {float:left; clear:right; padding:6px 0 0 3px; font-size:77%;} .profile .projects p {line-height:18px; padding:9px 0 0 126px; padding-bottom: 0; display:block; } .profile .projects .actions {position:absolute; right:12px; top:17px; width:auto;} .profile .projects .actions .btn {display:block; float:left; margin-left:2px;} .profile .projects a.btn-dark {float:right; clear:both; margin:20px 0;} /* Tracks */ .tracks {padding-bottom:26px;} .tracks ul {margin:0; padding:8px 0 0 0;} .tracks li {margin:0 0 4px 0; padding:0 6px; display:block; clear:both; float:left; width:170px;} .tracks .player-xsma {float:left;} .tracks .track-name {float:left; font-size:11px;; position:relative; bottom:-4px; left:-4px;} /* Discussion */ .discussions {padding-bottom:20px;} .discussions ul {padding:10px 0;} .discussions li {margin-bottom:4px;} .discussions small {font-size:11px;;} /* Twitter */ .profile .clm-right .twitter {margin-top:-3px;} .profile .clm-right .twitter h4 {border-bottom:none; padding-left:4px; padding-right:4px;} .twitter ul {margin: 0 ; padding: 0; background:url(../img/bg_content/bg-twitter.png) 0 0 no-repeat;} .twitter li {padding:10px 0; margin:0 12px; color:#214552; font-size:11px;; line-height:16px; border-bottom:1px solid #ccf2ff;} .twitter .twitter-img {height: 28px; background:url(../img/bg_content/bg-twitter.png) left bottom no-repeat; position:relative; top:-2px;} .twitter a.btn {float:right; position:relative; top:-16px; left:-4px;} .twitter a, .twitter a:link, .twitter a:visited, .twitter a:hover, .twitter a:focus, .twitter a:active {color:#33ccff;} /* 9. Article list page */ ul.article-list {margin:0; padding:0;} ul.article-list li {margin:0; padding:0 0 38px 0; clear:left;} ul.article-list .thumb {float:left; margin:0 16px 0 23px;} ul.article-list h2 {display:inline; clear:right; padding-top: 3px; font-size:12px; line-height:18px; font-weight:normal;} ul.article-list .date {display:block; font-size:10px; line-height:18px;} ul.article-list p, ul.article-list p a, ul.article-list p a:link, ul.article-list p a:visited, ul.article-list p a:hover, ul.article-list p a:focus, ul.article-list p a:active {line-height:18px; margin:0; padding:0; color:#525252;} /* 10. homepage */ #promos_lrg_wrapper {float:left; width:560px; height:371px; margin: 0 17px 16px 0; padding: 0; position:relative;} .homepage .promos_lrg {float:left; width:560px; height:371px; padding: 0; position:relative;} .homepage .promos_lrg li {display:block; position:absolute; top:0; left:0; background:url(../img/bg_content/bg_featured_homepage.png) left bottom no-repeat;} .homepage .promos_lrg h2 {line-height:18px; padding:3px 14px 1px 14px; font-size:12px; color:#006997;} .homepage .promos_lrg p {line-height:18px; padding:0 14px; font-size:11px; width:430px;} .homepage .promos_lrg .actions {float:right; padding:1px 9px 10px 0;} .homepage .promos_lrg .actions .btn {float:left; margin-right:2px; margin-left:1px;} /* Navigation */ #promos_lrg_nav {bottom:68px; right:11px; position:absolute; height:19px; z-index:10000; margin:0; padding:0; display:none;} #promos_lrg_nav li {color:#525151; font-size:10px;float:left; height:19px; line-height:20px; margin-left:1px;} #promos_lrg_nav a {display:block; height:16px; width:16px; text-indent:-9999px; overflow:hidden; background-position:-832px -492px;} #promos_lrg_nav a:hover {background-position:-868px -492px;} #promos_lrg_nav a.active {background-position:-904px -492px; cursor:default;} .has-js #promos_lrg_nav {display:block;} /* Large Promos - classes for JS */ #promos_lrg .active {z-index:900;} #promos_lrg .next-active {z-index:800;} /* Corners */ #promos_lrg_wrapper .tl, #promos_lrg_wrapper .tr {display:block; width:2px; height:2px; position:absolute; top:0; background: url(../img/bg_content/bg-promos_lrg.png); z-index:1000;} #promos_lrg_wrapper .tl {left:0; background-position:-2px 0;} #promos_lrg_wrapper .tr {right:0;} .homepage .copy {float:left; width:381px;} .homepage .copy h1 {width: 348px; height: 42px; margin: 0; padding: 26px 0 8px 0; text-indent: -9999px; overflow: hidden; background: url(../img/content/homepage/heading.png) 0 26px no-repeat; } .homepage .copy p {color: #2c2c2c; padding:0; margin:0 0 22px 2px;} .homepage .copy ul {margin:0 0 26px 34px; padding:0; float:left; display:block;} .homepage .copy li {font-size:11px; margin: 0 0 6px 0; padding: 0 0 0 29px; color:#525151; background-position:9px -3385px; line-height:14px;} .homepage .copy .btn-loud {float: left; margin-left:3px; display:inline;} .homepage .copy .loud-default {margin-left:39px;} .homepage .promos_sma {clear:both;} .homepage .promos_sma a, .homepage .promos_sma a img {display:block; float:left;} .homepage .promos_sma .promo2 {margin:0 16px 16px 16px;} #live_update {height:25px; margin: 0 0 16px 0; padding: 0; width:100%; overflow:hidden; font-size:11px; color: #242424; position: relative; background:url(../img/bg_content/bg-live-updates.png);} #live_update dt {float:left; margin: 0; padding: 0; display: block; clear:none; height:22px; width:100%; font-weight:bold;} #live_update dt span {float: left; display: block; height: 17px; margin:2px 0 0 3px; padding: 4px 9px 0 7px; background:#ECECEC; border-top:1px solid #f2f2f1;} #live_update .rss {display: block; float: right; width: 16px; height: 16px; overflow: hidden; position:relative; top:5px; right:5px; text-indent:-9999px; background-position:left -4889px;} #live_update .rss:hover {background-position:right -4889px;} #live_update dd {top:2px; left:92px; width:828px; margin: 0; padding: 0; position:absolute; color:#525151;} #live_update dd span {display: block; position: absolute; height: 17px; margin:1px 0 0 0; padding:4px 0 0 10px; white-space: nowrap; background:url(../img/bg_content/bg-live-updates.png) -200px -2px;} .has-js #live_update dd span {display:none; width:720px; top: 0; z-index:9997;} .has-js #live_update dd .first {display:block;} .has-js #live_update dd .active {display:block; z-index: 9999;} .has-js #live_update dd .last-active {display:block; z-index: 9998;} /* Small Live Update */ #live-update-sma {background: url(../img/bg_content/update-middle-sma.png) repeat-y 0 0; margin:0; padding:0; position:relative; width:184px;} #live-update-sma dt {background: url(../img/bg_content/update-top-sma.png) no-repeat 0 0; height:19px; margin:0; padding:0; width:172px; color:#242424; font-size:12px; padding:5px 0 0 12px; font-weight:bold; line-height:16px;} #live-update-sma dd {background: url(../img/bg_content/update-bottom-sma.png) no-repeat 0 bottom; margin:0; width:160px; padding:6px 12px 8px; font-size:11px; color:#525151; line-height:18px;} /* Social Links */ .social-panel {background: url(../img/bg_content/update-bottom-sma.png) no-repeat 0 bottom; clear:both; margin:0 0 15px; width:100%; padding:0 0 4px;} .social-panel h3 {background: url(../img/bg_content/update-top-sma.png) no-repeat 0 0; height:19px; margin:0; padding:0; width:184px; color:#242424; font-size:12px; padding:5px 0 0 12px; font-weight:bold; line-height:16px;} .social-panel .social-links {background: url(../img/bg_content/update-middle-sma.png) repeat-y 0 0; margin:0; overflow:hidden; padding:8px 10px 0; width:164px;} .social-links {overflow:hidden; margin:0 0 15px; padding:0; position:relative;} .social-links li {background: none; color:#242424; float:left; font-size:12px; margin:0 3px 2px 0; line-height: 22px; font-weight: bold;} .social-links a {background: url(../img/sprites/sprite-06-social-icons.png) no-repeat 0 0; display:block; height:25px; overflow:hidden; text-indent:-9999px; width:24px;} .social-links .facebook {background-position: left 0;} .social-links .facebook:hover {background-position: right 0;} .social-links .twitter {background-position: left -25px;} .social-links .twitter:hover {background-position: right -25px;} .social-links .youtube {background-position: left -50px;} .social-links .youtube:hover {background-position: right -50px;} .social-links .soundcloud {background-position: left -75px;} .social-links .soundcloud:hover {background-position: right -75px;} .article .social-links {padding:0;} .article .social-links li {background:none; padding:0;} /* 11. Audio Production + Voiceover */ /* Article font size increase */ .article p, .audio_production .content p {font-size:12px; line-height:20px;} .one-clm .audio_production .content {padding:15px 24px;} .audio_production .banner {padding-bottom:20px; position:relative; width:914px; position:relative; margin-top:-5px; left:-2px} #audio-production-panarama {position:absolute; top:0; left:0;} .audio_production .banner, .audio_production .banner img {display:block;} .audio_production .banner .view {position:absolute; bottom:4px; right:0; display:inline;} .audio_production #custom_audio {width:463px; height:20px; text-indent:-9999px; margin: 0 0 19px 0; padding: 0; overflow:hidden; background:url(../img/content/audio_production/heading.jpg);} .audio_production #complete_voiceover {width:463px; height:20px; text-indent:-9999px; margin: 0 0 19px 0; padding: 0; overflow:hidden; background:url(../img/content/voiceovers/heading.jpg) no-repeat;} .audio_production .content p.first {width:500px;} .audio_production .quotation {float:right; width:389px; margin-top:-2px;} .audio_production .quotation ul {margin:17px 0 25px 0; padding:0; float:left; display:block;} .audio_production .quotation li {font-size:12px; margin: 0 0 7px 0; padding: 0 0 0 29px; color:#525151; background-position:9px -3386px;} /* 12. Blanket License */ .one-clm .blanket-license .content {padding:15px 24px;} .blanket-license .banner {padding-bottom:20px; position:relative; width:728px;} .blanket-license .banner, .blanket-license .banner img {display:block;} .blanket-license #unlimited-access {width:365px; height:20px; text-indent:-9999px; margin: 0 0 19px 0; padding: 0; overflow:hidden; background:url(../img/content/blanket_licenses/unlimited_access.png);} .blanket-license .enquire {float:right; width:285px; margin:-2px 0 0 20px;} .blanket-license .enquire ul {margin:16px 0 25px 0; padding:0; float:left; display:block;} .blanket-license .enquire li {font-size:11px; margin: 0 0 7px 0; padding: 0 0 0 27px; color:#525151; background-position:9px -3385px;} /* Blanket detail */ .blanket-clmL {width:320px; float:left; border-right:1px solid #d8d8d8; margin-right:50px;} .blanket-clmR {width:250px; float:left;} /* Order Detail */ .blanket-detail .padding {padding:0 20px 30px; position:relative;} .blanket-detail .actions {position:absolute; bottom:40px;} .blanket-detail h2 {color:#242424; font-size:13px; margin:0; padding:0 0 8px 0;} .blanket-detail dl {margin:0; padding:0 0 0 0; font-size:11px;} .blanket-detail dt, .blanket-detail dd {margin:0; padding:0 0 8px 0;} .blanket-detail dt {width:150px;} .blanket-detail dd {width:150px;} /* 12. Rate Card */ .rate-card-title {background: url(../img/content/rate_card/rate-card-title.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; width:523px; height:40px; margin-top:16px;} #rate-table {margin-bottom:16px;} .rate-card .article th {background:none; border:none; color: #4e7282; font-size:11px; font-weight:bold; padding:0;} .rate-card .article td {border:none; color: #4e7282; padding:1px 22px 1px 0;} .rate-card ul {float: left; width:260px; padding-bottom:16px} .rate-card .infoBox {margin:5px 0 0 16px;} .rate-card .infoBox p {line-height:18px;} /* Mediakit Soundpack */ #soundpack-banner { height:319px; margin-top:-12px; position:relative; width:728px; } #soundpack-banner a { background: url(../img/content/mediakit_soundpack/play-icon.png) no-repeat 250px 75px; height:230px; left:0; overflow:hidden; position:absolute; text-indent:-9999px; top:12px; width:100%; } #soundpack-banner a:hover { background: url(../img/content/mediakit_soundpack/play-icon.png) no-repeat 250px -154px; } .soundpack-intro { float:left; font-size:12px; margin-top:-56px; position:relative; z-index:100; } .soundpack-intro p { font-size:12px; line-height:20px; } .soundpack-intro strong { color:#242424; } .soundpack-intro .price { background: url(../img/content/mediakit_soundpack/price.png) no-repeat 0 0; display: block; height: 17px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; bottom: 27px; position: absolute; width: 117px; } .soundpack-intro .btn { bottom:20px; right: 0; position:absolute; *width: 125px; } ul.included-in-pack { margin:20px 0 0; padding-left:0; } ul.included-in-pack li { background-position:0 -3383px; font-size:12px; line-height:20px; } /* Support Landing Page */ #billboard-support { list-style: none; float: left; height: 266px; margin: 0 0 32px; padding: 0; width: 914px; } #billboard-support li { list-style: none; float: left; } #billboard-support li a { background: url(../img/content/support/billboard.png) no-repeat 0 0; display: block; float: left; height: 266px; overflow: hidden; text-indent: -9999px; } #billboard-support .col-1 a { background-position: 0 0; width: 305px; } #billboard-support .col-2 a { background-position: -305px 0; width: 304px; } #billboard-support .col-3 a { background-position: -609px 0; width: 305px; } #billboard-support .col-1 a:hover, #billboard-support .col-2 a:hover, #billboard-support .col-3 a:hover { background-position-y: -266px; } h1#brief-introduction { background: url(../img/content/support/heading-intro.png) no-repeat 0 0; display:block; height: 20px; overflow: hidden; text-indent: -9999px; width: 178px; } h2#need-help { background: url(../img/content/support/heading-help.png) no-repeat 0 0; display:block; height: 20px; overflow: hidden; padding-bottom: 14px; text-indent: -9999px; width: 182px; } .support-clmL-1 { float: left; text-align: justify; width: 466px; } .support-clmL-2 { float: right; text-align: justify; width: 388px; } /* Alt Column */ #support-billboard { float: left; height: 241px; margin: 0 0 24px; padding: 0; width: 528px; } #support-billboard li { float: left; margin: 0; padding: 0; } #support-billboard li a { background: url(../img/content/support/support-billboard.png) no-repeat 0 0; display: block; height: 241px; overflow: hidden; text-indent: -9999px; width: 264px; } #support-billboard .guides a { background-position: 0 0; } #support-billboard .faq a { background-position: -264px 0; } #support-billboard .guides a:hover { background-position: 0 -241px; } #support-billboard .faq a:hover { background-position: -264px -241px; } /* =NEW PLAY CONSOLE -----------------------------------------------------------------------------------*/ ul.list-01 .player { background: url(../img/bg_content/bg-player-sma-3.png) no-repeat -6px -80px; display: block; float: right; height: 40px; margin-top: 3px; position: relative; width: 187px; } /* ul.list-01 .player:hover { background: url(../img/bg_content/bg-player-sma-2.png) no-repeat -6px -40px; cursor: pointer; } */ ul.list-01 .player .flash { background: none; clear: right; float: left; height: 40px; width: auto; position: relative; width: 132px; overflow:hidden; } ul.list-01 .player .flash .flash-wrapper { float:left; width: 129px; height: 40px; overflow:hidden; } ul.list-01 .player .flash .flash-placeholder { position: absolute; background: url(../img/bg_content/bg-player-sma-3.png) no-repeat -6px 0; width: 129px; height: 40px; z-index: 99; } .list-01 .flash .right { background: url(../img/bg_content/bg-player-sma-divider.png) no-repeat 0 0; float: right; display: block; height: 40px; width: 3px; } .list-01 a.track-options { background: url(../img/bg_content/bg-basket-add-2.png) no-repeat scroll right 0 transparent; display: block; float: right; height: 26px; margin: 6px 0 0; text-indent: -9999px; width: 55px; } .list-01 a.track-options:hover {background: url(../img/bg_content/bg-basket-add-2.png) no-repeat scroll right -26px transparent;} .list-01 .player .drop-down { top: 29px; } /* @end */