/* Main stylesheet for MusicWeek Version 1.1 Colours: */ /* Import reset styles */ @import url("reset.css"); @import url("clearfix.css"); /* Hide contents off-left */ .accessibility { height:1px; left:0px; overflow:hidden; position:absolute; top:-500px; width:1px; } html body {height: auto !important;} body {background:#e6e6e6 !important; color: #4c4c4c; font: 75%/1.6em Arial, sans-serif;} #sponsorswrapper {position:relative; z-index:10; background:#333; } #wrapper {position:relative; z-index:3; margin:0 auto;} #wrapper-liner {background:#ffffff; width: 1000px; margin: 0 auto;} #wrapper-liner.hijack {background:url(/assets/images/wrapper-liner-bg.gif) repeat-x 0px 10px;} .hidden,#row-hc {display: none;} .left {float: left;} .right {float: right;} .clear {clear: both;} .noborder {border: 0px;} strong {font-weight: bold;} .mt {margin-top:10px;} .mb {margin-bottom:10px;overflow:hidden;} .ml {margin-left:10px;} p {margin: 0 0 11px;} li {margin: 0;} a:link, a:visited, a:active {color: #00529f; text-decoration: none; cursor: pointer;} a:hover, a:focus {color: #C0272C;} a img {margin: 0; padding: 0;} .subtle {color: #696969;} hr {clear:both;border-top:1px solid #a00709;} /*** headings ***/ h1 {margin:15px 0 10px 0;color:#333; font-weight:bold;font-size: 2em; line-height: 1em;} h1.article {background-color:#E0E0E0;} h1 span {background: url("/assets/images/icons/heading_arrow.png") no-repeat left 2px #FFFFFF; font-size:12px; color:#808080; text-transform: uppercase; padding:0 10px 0 15px; line-height:12px;} #content h2, #contentwrapper h2, #page-wide h2 {color: #333; font-size: 1.5em; font-weight: bold; margin: 10px 0 10px 0;width:100%;} h3 {margin:10px 0;padding:0;font-size:1.6em;color:#333;font-weight:bold;} #content h2.bg {background:#e6e6e6;border-bottom:none;margin:0;padding:10px;} h4 {position: relative; top:0; left:0; padding:0;font-size:0.8em;} h4 span {position:absolute;width:100%; background-repeat:no-repeat;} h4#title-about {width:83px; height:15px;margin-bottom:20px;} h4#title-about a {font-family: Arial; font-size: 18px; font-weight: bold; color:#FFFFFF;} h4#title-about span {background:url(/assets/images/titles/footer-about.png) no-repeat; width:130px; height:17px; } h4#title-footer-intent {margin-bottom:20px;font-family: Arial; font-size: 18px; font-weight: bold; color:#FFFFFF;} h4#footer-intent {float:right;width:132px; height:30px;font-size:0.7em;color:#fff;margin:-40px 20px 0 0;} h4#footer-intent span {background:url(/assets/images/titles/footer-newbay.png) no-repeat; width:132px; height:30px; } h4#footer-intent a {font: 0/0 a!important; color: transparent!important; text-shadow: none; background-color: transparent; border: 0;} #content h5 {font-size: 12px; line-height: 18px; margin: 0 0 10px; font-weight: bold;} #content h5 span {color: #a00709;} /*** Breadcrumb ***/ .breadcrumb {background-color:#E0E0E0; display:block; margin-bottom:10px;} .breadcrumb span {background: url("/assets/images/icons/heading_arrow.png") no-repeat left 2px #FFFFFF; font-size:1em; font-weight:bold; color:#808080; text-transform: uppercase; padding:0 10px 0 15px; line-height:1.25em;} .breadcrumb span a {color:#808080;text-decoration:underline;} .breadcrumb span a:hover, .breadcrumb span a:focus {color:#808080;text-decoration:none;} /** Buttons **/ .btn {margin:0;padding:0;} .btn a:link, .btn a:visited, .btn a:active, table#contactdetails a.send:link, table#contactdetails a.send:visited {height:17px; display:inline-block; background:#c1272d url(/assets/images/btn-bg.png) repeat-x left 2px; border:1px solid #b9272d;color:#fff;margin:0;padding:3px 20px 4px;text-align:center;font-weight:bold;} .btn a:hover, .btn a:focus, table#contactdetails a.send:hover, table#contactdetails a.send:focus {color:#fff; background:#535353 url(/assets/images/btn-bg.png) repeat-x left bottom;border:1px solid #a9a9a9;} p.btn-lrg a:link, p.btn-lrg a:visited, p.btn-lrg a:active {background:url(/assets/images/btn-bg-lrg.png) repeat-x left top; border:1px solid #b9272d;color:#fff;text-decoration:none;margin:0;padding:8px 20px;text-align:center;font-weight:bold;font-size:1.6em;} p.btn-lrg a:hover, p.btn-lrg a:focus {background:url(/assets/images/btn-bg-lrg.png) repeat-x left bottom;border:1px solid #a9a9a9;} .back {margin-top:20px;} /* Side panel buttons */ p.btn-side {margin:10px 0;padding:0;position:relative;} p.btn-side a:link, p.btn-side a:visited, p.btn-side a:active {display:block;background:url(/assets/images/btn-sidepanel.png) no-repeat left top; border:1px solid #ccc;color:#333;margin:0;padding:2px 10px 3px 10px;text-align:left;font-size:1.2em;font-weight:bold;width:258px;} p.btn-side a:hover, p.btn-side a:focus {background:url(/assets/images/btn-sidepanel.png) no-repeat left bottom;color:#fff;border:1px solid #666;} #btn-viewcompanies, #btn-directoryback, #btn-viewalljobs, #btn-backtojobs {margin-top:15px;} input.btn {cursor: pointer;font-family:Arial,sans-serif; background:#c1272d url(/assets/images/btn-bg.png) repeat-x left 2px; /* ie6 */ border:1px solid #b9272d; color:#fff; padding:4px 20px; /* ie6-7 */ text-align:center; font-weight:bold;} input.btn:hover {background:#535353 url(/assets/images/btn-bg.png) repeat-x left bottom; /* ie6 */ border:1px solid #a9a9a9;} .sidepanel .btn {margin:10px 0;display:block;} #frmfootergobutton{ background-position: bottom; } /* Form input buttons */ input#paymentformpayment-address-save, input#userformabacuslogin-submit, input#submit, input#companyformcompany-save, input#jobformjob-save, input#jobformapplication-save, input#feed-filter-submit, input#chart-view, input#contactformcontact-submit, input#paymentformpurchase-submit {xxheight:26px; xxbackground:#c1272d url(/assets/images/btn-bg.png) left 2px repeat-x #a00709; xxcolor:#fff;xxcursor: pointer;xxborder:1px solid #b9272d; xxdisplay: inline-block; xxmargin-right:264px;xxpadding: 3px 20px;xxtext-align:center;xxfont-weight:bold; } input#paymentformpayment-address-save:hover, input#userformabacuslogin-submit:hover, input#submit:hover, input#userformuser-submit:hover, input#companyformcompany-save:hover, input#jobformjob-save:hover, input#jobformapplication-save:hover, input#feed-filter-submit:hover, input#chart-view:hover, input#contactformcontact-submit:hover, input#paymentformpurchase-submit:hover {background:#535353 url(/assets/images/btn-bg.png) repeat-x left bottom;border:1px solid #a9a9a9;} input#frmfootergobutton, input#frmgobutton, input#frmjobsgobutton, input#frmmarketgobutton {cursor:pointer;height:24px;text-align:center;padding:0 10px;margin-left:5px;} input#feed-filter-submit {display:block; margin-top:5px;} input#jobformapplication-save, input#input#paymentformpurchase-submit {margin-right:0;} input#submit {margin-right:214px;} input#paymentformpurchase-submit {margin-right:0;font-size:1em;} #contactformcontact input#submit {float:right;margin-right:0;} /****** HEADER ******/ #topnavwrapper {width:1000px;margin:0 auto;position: relative; overflow: visible !important;} #topnav {border-left:1px solid #666;overflow:hidden;} #topnav li {border-right:1px solid #666; display: block; float: left; outline: 0;} #topnav li a:link, #topnav li a:visited, #topnav li a:active {background: none; display: block; float: left; color: #f2f2f2; font-size: 0.9em; font-weight:bold;text-decoration: none; padding: 5px 8px; outline: 0;} #topnav li a:hover, #topnav li.activetopitem a {background-color: #1a1a1a;} #topnav li a.topmenu {display: inline-block; background:url(/assets/images/topnav-arrow.gif) 90% center no-repeat; padding:5px 20px 4px 15px; } #topnav li a.topmenu:hover {background:url(/assets/images/topnav-arrow.gif) 90% center no-repeat #1a1a1a; } #topnav ul.submenu {display:none; clear:left; background:#333; height:auto; width:150px; padding:0; position:absolute; top:29px; } #topnav li:hover > ul.submenu {display:block; } #topnav ul.submenu li {border-right:none; height:21px; float:none; color:#888; } #topnav ul.submenu li a {border-bottom:1px solid #393939; display:inline-block; width:131px; height:21px; line-height:21px; padding:0 9px; } #topnav ul.submenu li a:hover {color:#a00709; } #topnav ul.submenu li a.bottomsubitem {border:none; } #header {width:1000px; margin:0 auto;position: relative;z-index: 99;} #header-liner {padding:0 20px 10px 20px; background:#fff; position:relative; float:left;z-index:2; } #header-main {width:960px; height:81px; overflow:hidden; padding:27px 0 5px; } #basket #header-main {padding:24px 0 10px; } #header-main #logo {display:block; float:left; width:410px; height:57px; border-top:0; margin-top:10px; padding:0; } #header-main #logo span {background:url("/assets/images/logo-strapline.png") no-repeat; } .header-main-item, #formats li {float:left; } #formats {width:258px; float:left; margin:0 0 0 124px; display: inline; border:1px solid #f2f2f2; background: #f7f7f7;} #formats li {width:52px; float:left; height:69px; } #formats li a {text-align:center; display:block;font-size:0.9em; font-weight:bold; color:#6d6d6d; height:22px; padding: 47px 0 0 0; width:100%;} #formats li a:hover {color:#C0272C; } #formats li.print {width:57px;} #formats li.print a {background:url('/assets/images/formats.png') no-repeat; background-position: 0px 0px;} #formats li.print a:hover {background-position: 0px -70px;} #formats li.digital {width:64px;} #formats li.digital a {background:url('/assets/images/formats.png') no-repeat; background-position: -55px 0px;} #formats li.digital a:hover {background-position: -55px -70px;} #formats li.ipad {width:53px;} #formats li.ipad a {background:url('/assets/images/formats.png') no-repeat; background-position: -119px 0px;} #formats li.ipad a:hover {background-position: -119px -70px;} #formats li.mobile {width:65px;} #formats li.mobile a {background:url('/assets/images/formats.png') no-repeat; background-position: -174px 0px;} #formats li.mobile a:hover {background-position: -174px -70px;} #formats li.email {width:84px;} #formats li.email a {background:url('/assets/images/formats.png') no-repeat; background-position: -239px 0px;} #formats li.email a:hover {background-position: -239px -70px;} #sitewide #formats a.website, #reports #formats a.website, #report-detail #formats a.website, #news-article #formats a.website {color:#C0272C;} #print #formats .print a {color:#C0272C;background-position: 0px -70px;} #digital #formats .digital a {color:#C0272C;background-position: -55px -70px;} #email #formats .email a {color:#C0272C;background-position: -239px -70px;} #mobile #formats .mobile a {color:#C0272C;background-position: -174px -70px;} #appshop #formats .ipad a {color:#C0272C;background-position: -119px -70px;} #social{width:160px; height:51px; background:url("/assets/images/socialtitle.png") no-repeat top left; float:right; padding:20px 0 0 0;} #social a{float:left;} #social a.facebook{width:53px; height:51px;background:url("/assets/images/social-facebook.png") no-repeat top left; display:block; overflow:hidden; text-indent: -9999px;} #social a.twitter{width:53px; height:51px;background:url("/assets/images/social-twitter.png") no-repeat top left; display:block; overflow:hidden; text-indent: -9999px;} #social a.linkedin{width:54px; height:51px;background:url("/assets/images/social-linkedin.png") no-repeat top left; display:block; overflow:hidden; text-indent: -9999px;} #my-account-details {background:#383838; position: absolute; top: 0; right:85px; width:345px; z-index: 10;padding: 8px 5px 8px 12px; height:35px; min-height:35px;} #my-account-details img {float: left; margin: 0 5px 0 0;} #my-account-details p {float: left; margin-bottom:0;line-height: 1.2em; color: #f2f2f2; font-weight: bold; } #my-account-details p.welcomeguest {background:url(/assets/images/icons/welcome.png) left top no-repeat; width:62px; margin: 5px 0 0 0; padding:4px 0 10px 36px;font-size:1.1em;} #my-account-details .greeting-user {float:left;;overflow:hidden;width:148px;} #my-account-details .greeting-user p {line-height:1.3em;/*width:77px;*/} #my-account-details .greeting-user img {float:right;margin:0;height:34px;width:34px;} #my-account-details a:link, #my-account-details a:visited {font-size: 1em;font-weight:normal;color:#fff;} #my-account-details.details-logged-in {height:auto;} #my-account-details.details-logged-in a, #my-account-details.details-logged-in a.actionbutton {margin-left:5px;} #my-account-details.details-logged-in a.actionbutton.btn-email {margin-left:80px;} #my-account-details.details-logged-in a.actionbutton.btn-renew-subs {margin-left:30px;} #my-account-details a:hover, #my-account-details a:focus {color:#ffffff;} #my-account-details a.actionbutton {display: inline-block; float: left; font-weight: bold; margin: 4px 0 0 14px; padding: 4px 10px 3px 10px;} #my-account-details a.actionbutton:hover {color:#fff;} #my-account-details p.cta-account-logout {float:right;margin:8px 5px 0 0;} #my-account-details p.cta-account-logout a {text-decoration:underline;} #my-account-details p.cta-account-logout a:hover, #my-account-details p.cta-account-logout a:focus {text-decoration:none;} #my-account-details a#modalLoginBtn { margin-left:90px; padding: 4px 0 3px 0; width:52px; } #my-account-details a#modalLoginBtn img { margin-left:18px; } #my-account-details a#modalEditButton { padding: 4px 0 3px 0; width:90px; } #my-account-details a#modalEditButton img { margin-left:12px; } #my-account-details a.loading { background:#c1272d url(/assets/images/btn-bg.png) repeat-x left 2px!important; border:1px solid #b9272d!important; } #my-account-details #myEmailOptions, #my-account-details #mySubscriptionOptions { background-color:#262626; background-image:url(/assets/images/chevron-top-manage.gif); background-repeat:no-repeat; display:none; left:0; padding:18px 5px 16px 12px; position:absolute; top:45px; width:345px; } #my-account-details #myEmailOptions { background-position:-86px 0; } #modalResetPasswordForm #submit-label, #modalResetUserForm #submit-label, #myEmailOptions .g_panel h2, #myEmailOptions .g_panel .formrow, #myEmailOptions .g_panel .userformuser-attr_terms, #myEmailOptions .g_panel #submit-label { display:none; } #my-account-details #myEmailOptions h4 { color:#ffffff; font-size:1em; font-weight:bold; margin-bottom:12px; } #my-account-details #myEmailOptions .checkrow { margin-bottom:12px; } #my-account-details #myEmailOptions .checkrow input { margin:0 5px 0 0; padding-top:4px; } #my-account-details #myEmailOptions .checkrow label { color:#ffffff; } #my-account-details #myEmailOptions #submit { margin:6px 4px 0 0; } #my-account-details #mySubscriptionOptions { background-position:-5px 0; } #my-account-login {position:absolute;left:50%;margin-left:-225px;width:450px;background: #1A1A1A; color:#FFFFFF; font-weight:bold; display:none;z-index:-1;height:600px;} #my-account-login.wide-modal {margin-left:-300px;width:600px;} #my-account-login.wide-modal .my-account-login-inner {text-align:center;width:540px;} #my-account-login.wide-modal hr {border-color:#4d4d4d;margin-left:-20px;width:578px;} #my-account-login.wide-modal p {color:gray;} #my-account-login.wide-modal p.btn {margin-bottom:25px;} #my-account-login.wide-modal p.btn a {background: #c1272d url(/assets/images/btn-bg-lrg.png) repeat-x left 0px;font-size:1.25em;font-weight:bold;height:auto;padding:10px 0;text-decoration:none;width:190px;} #my-account-login.wide-modal p.btn a:hover, #my-account-login.wide-modal p.btn a:focus {background-position: left 100%;} #my-account-login .my-account-login-inner {background:#333333;margin:10px;overflow:hidden;padding:10px 20px 15px 20px;position:relative;width:390px;} #my-account-login h2 {border-bottom:1px solid #494949;font-size:1.6667em;margin:15px 0 18px 0;padding-bottom:18px;/* 20px/12px */} #my-account-login p {color:#fff; font-weight:normal;} #my-account-login a {color:#fff; font-weight:normal; text-decoration:underline;} #my-account-login a:hover, #my-account-login a:focus {text-decoration:none;} #my-account-login .group-input {margin-bottom:16px;} #my-account-login .group-submit {margin-left:115px;width:275px;} #my-account-login .zend_form {overflow:hidden;} #my-account-login #email-element, #my-account-login #email-label, #my-account-login #attr_cdsUrn-element, #my-account-login #attr_cdsUrn-label {float:left;} #my-account-login #email-element, #my-account-login #email-label label {background:none;margin:0;padding:0;} #my-account-login label.lbl-txt, #my-account-login #email-label, #my-account-login #attr_cdsUrn-label {margin-right:10px;width:105px;} #my-account-login label.lbl-check {float:left;display:inline;width:250px;} #my-account-login input {font-family:Arial,sans-serif;font-size:1em;} #my-account-login input[type=text],#my-account-login input[type=password]{border:1px solid #999999;line-height:1.25em;width:263px;padding:0.41667em 5px;} #my-account-login input.input-txt {} #my-account-login #email-element, #my-account-login #attr_cdsUrn-element {width:273px;} #my-account-login #submit-element {float:right;} #my-account-login #submit-element input#submit {margin:0;} #my-account-login input.input-check {float:left;margin:3px 5px 0 115px;vertical-align:top;} #my-account-login #my-account-login-errors, #my-account-login .error {color:#C0272D;margin-bottom:11px;} #my-account-login .error { clear: both; margin:5px 0 5px 115px; } #modalLoginForm p, #modalLoginForm .group-submit .group-link p { margin-bottom:20px; } #modalLoginForm .group-submit p, #modalLoginForm p.account-problems-copy, #modalResetPasswordContainer p.account-problems-copy, #modalResetUserContainer p.account-problems-copy { margin-bottom:0; } #modalLoginForm p.account-problems-copy, #modalResetPasswordContainer p.account-problems-copy, #modalResetUserContainer p.account-problems-copy { padding-top:20px; } #modalResetPasswordContainer h3, #modalResetUserContainer h3 {color:#ffffff; font-size:1.1667em; /* 14/px/12px*/ margin:0; padding:10px 0 10px 22px;} #modalResetPasswordContainer a.cta-back-login, #modalResetUserContainer a.cta-back-login {float:right;} #modalResetPasswordForm, #modalResetPasswordSuccess, #modalResetUserFail, #modalResetUserForm, #modalResetUserSuccess, #modalResetPasswordFail, #modalResetUserFail {overflow:hidden;} #modalResetPasswordForm a.cta-back-login, #modalResetUserForm a.cta-back-login {float:left;margin:-23px 0 0 115px;} #modalResetPasswordSuccess h3, #modalResetUserSuccess h3 {background:url(/assets/images/tick-circle-green.png) no-repeat 0 50%;} #modalResetPasswordFail h3, #modalResetUserFail h3 {background:url(/assets/images/error-circle-red.png) no-repeat 0 50%;} #modalResetPasswordForm #email-element, #modalResetUserForm #email-element, #modalResetUserForm #attr_cdsUrn-element {padding-bottom:16px;} #topnav li#basket {background:url(/assets/images/icons/basket.png) 11px 18px no-repeat #262626;padding:18px 11px 18px 14px;border-right:1px solid #262626;position:absolute;right:0;top:0;} #topnav li#basket:hover, #topnav li#basket:focus {background:url(/assets/images/icons/basket.png) 11px 18px no-repeat #1a1a1a;} #topnav li#basket a:link, #topnav li#basket a:visited {background: none; display: block; float: left; color: #e5e5e5; font-size: 1em; line-height:1.25em;text-decoration: none; padding: 0 0 0 20px; outline: 0;} #topnav li#basket a.actionbutton:hover, #topnav li#basket a.actionbutton:focus {color:#fff;background:url(/assets/images/icons/basket.png) 8px 6px no-repeat;padding: 5px 10px 5px 20px;border-right:1px solid #262626;} #my-account-updates {background: #f2f2f2; width: 81px; margin-right:15px;padding: 4px 0 4px 4px; float: right; position: relative; z-index: 1000; cursor: pointer;} #my-account-updates.expanded {background: #f2f2f2; color: #4c4c4c; height: 33px;} #my-account-updates a:link, #my-account-updates a:visited,#my-account-updates a:active {background: url(/assets/images/account-down-arrow.png) right center no-repeat; line-height: 20px; outline: 0; padding: 0 11px 0 0;color:#00529f;} #my-account-updates a:hover, #my-account-updates a:focus {color:#a00709;} #my-account-updates.expanded a {color: #4c4c4c;} #my-account-upddate-count {background: #C0272C; padding:2px 0 0 0; width: 21px; color: #fff; font-weight: bold; text-align: center; float: left; margin: 0 4px 0 0;} #my-updates-list {background: #f2f2f2; padding: 10px; display: block; position: absolute; top: 40px; right: 20px; z-index: 10; width: 235px;} #my-updates-list.hidden {display: none;} #my-updates-list li {padding: 4px 0; border-bottom: 1px solid #cccccc;} #my-updates-list li.lastupdate {margin: 0;} #my-updates-list li span {background: url(/assets/images/comment-count-updates.png) 0 0 no-repeat; display: inline-block; height: 20px; width: 24px; padding: 0 4px 0 0; margin: 0 6px 0 0; text-align: center; color: #f2f2f2; line-height: 21px; font-size: 0.9em;} #my-updates-list li a:link, #my-updates-list li a:visited, #my-updates-list li a:active {display: inline-block; background: none; padding: 2px 0; width: 180px; line-height: 16px;color:#333;} #my-updates-list li a:hover, #my-updates-list li a:focus {color:#a00709;} #my-updates-list li.lastupdate a {border: none;} #my-updates-list p {color: #000000; font-weight: normal; width: auto !important; margin: 0 0 5px 0;} #header-main {padding:35px 0 11px 0; position: relative;} #btn-masthead {width:242px; height:67px; float:right; padding:10px 0 0 0; /*background:url('/assets/images/ad-placeholder.png')*/} #masthead-ad {position:absolute;right:0px;top:30px; width: 242px; height: 77px;} #tagline {position: absolute; left: 188px; top: 67px;} #eventscroller {height: 24px; width: 385px; padding: 0 5px 0 0; border: 1px solid #b3b3b3; position: absolute; right: 0; top: 85px; overflow: hidden; background: #ffffff;} a.eventbutton {display: block; float: left;} #upcoming-events {position: relative; height: 24px;margin: 0 0 0 60px;} #upcoming-events li {font-size: 0.9em; line-height: 11px; color: #666; padding: 7px 0 0 5px; width: 280px; height: 19px; float: left; overflow: hidden;} #upcoming-events li span {background: url(/assets/images/grey-right-arrow.png) 5px center no-repeat; padding: 0 0 0 12px; font-weight: bold; width: 500px;} #scrollernav {position: absolute; top: 0; right: 5px; width: 35px; height: 24px; padding: 5px 0 0;} #scrollernav a {display: block; width: 15px;} a.scroller-left {float: left; outline: 0;} a.scroller-right {float: right; outline: 0;} /* Main navigation */ #mainnav {width:100%; float:left;background:url('/assets/images/nav-btn-bg.gif') repeat; font-size:1.2em; position: relative;z-index:400;} #mainnav ul {float:left;color:#fff;font-weight:bold; position:relative;z-index:450;} #mainnav ul li {float:left;margin:0; padding:0; position:relative;z-index: 500;} #mainnav ul.navigation li a:link, #mainnav ul.navigation li a:visited, #mainnav ul.navigation li a:active { border-right:1px solid #333;padding:10px 22px 10px 22px; display:block; } #mainnav ul.navigation li a:hover, #mainnav ul.navigation li a:focus, #mainnav ul.navigation li.active a { background-position:0 -39px; } #mainnav ul.navigation li a {background:url('/assets/images/nav-btn-bg.gif') repeat; display:inline-block; color:#fff; } #mainnav ul.navigation li a.analysis{width:55px;} #mainnav ul.navigation li a#menu-listen:link, #mainnav ul.navigation li a#menu-listen:visited, #mainnav ul.navigation li a#menu-listen:active {background:url(/assets/images/icons/nav-listen.png) no-repeat; text-indent:-9999px; width:97px; height:39px; overflow:hidden; padding: 0 0 0 0; display:block;} #mainnav ul.navigation li a#menu-listen:hover, #mainnav ul.navigation li a#menu-listen:focus, #mainnav ul.navigation li.active a#menu-listen {background:url(/assets/images/icons/nav-listen.png) 0px -39px no-repeat; text-indent:-9999px;width:97px; height:39px;overflow:hidden; padding: 0 0 0 0;display:block;} #mainnav ul li ul {display: none; position:absolute; left:0px;z-index: 500;} #mainnav ul li ul li {position:relative; z-index:500; float:left;} #mainnav ul li ul li a.sub-menu {width:140px; background:#CCCCCC; border:none !important; color:#353535; font-size:12px;} #mainnav ul li ul li a.sub-menu:hover{background: #333333; color:#FFFFFF;} #mainnav ul.navigation li a.menu-hide {display:none!important;} #searchform {float:right; padding: 6px 8px 6px 5px; background:#1a1a1a; width:187px;} #frmsearch {width: 120px; height:16px;border: 1px solid #666; padding: 3px 8px 3px 2px; font-size: 0.8em; color: #000000; float: left;} #frmgobutton {float: right;display:inline-block;overflow:visible;} #trends {background: #c0272c; padding: 6px 0 4px 16px; z-index:1; position:relative; width:944px; float:left;} #trends p {margin:0 0 0 -1px;float:left;background:url(/assets/images/arrow-trans.png) no-repeat right 55%;padding-right:15px;color:#fff; font-weight:bold;} #trends img, #trends a.nav-bar-link {float:right;margin:0px 5px 0 0;} #trends ul {margin-left:5px;float:left;} #trends ul li {margin-right:5px;display:inline;color:#fff;border-left:1px solid #d07c76;padding-left:8px;} #trends ul li:first-child {border-left:none;padding-left:0;} #trends ul li a:link, #trends ul li a:visited, #trends a.nav-bar-link {color: #fff; font-weight: normal; text-decoration: none;} #trends ul li a:hover, #trends ul li a:focus, #trends a.nav-bar-link:hover, #trends a.nav-bar-link:focus {text-decoration: underline;} #header-banner-ad {padding: 0 0 0 0px;} #subnav {border-bottom: 3px solid #C0272C; margin-top: 20px;} #subnav ul {height: 25px;} #subnav ul li {display: inline-block; height: 25px; float: left;} #subnav ul li a {background: #333333; color: #fff; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none; border-right: 1px solid #fff;} #subnav ul li.active a, #subnav ul li a:hover {background: #C0272C;} .steps {float: left; width: 50%;} #steps {margin: 15px 0 10px 0; float: right;} #steps ul {height: 25px;} #steps ul li {display: inline-block; height: 25px; float: left;} #steps ul li a {background: #e6e6e6; color: #666666; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none;} #steps ul li.active a {background: #000000; color: #fff;} #steps ul li.arrow-active {background: url(/assets/images/template/stepsArrowOn.png) #e6e6e6; width: 9px; height: 25px;} #steps ul li.arrow {background: url(/assets/images/template/stepsArrowOff.png) #e6e6e6; width: 9px; height: 25px;} #steps ul li.next-active {background-color: #000;} #steps ul li.last {background-color: #fff;} /****** CONTENT ******/ #main {padding: 0; background-color: #FFF;} #content {background:#fff;float: left; width: 680px; padding: 10px 0 0 0; margin: 0; z-index:1; } #content-wide {padding: 0 20px; background:#FFFFFF;} #content-liner {padding: 0 20px 13px; position: relative; width:640px;} .contact_us_smlogo {padding-top:20px;margin-top: 35px;} .replace {position:relative; overflow:hidden; } .replace span {left:0; position:absolute; top:0; width:100%; height:100%; } div.termdefinition {width:470px;margin: 0 0 12px;} .kellum-replace {overflow:hidden;text-indent:100%;white-space:nowrap;} /****** PAGINATION ******/ div.pagination div.page-count {float: left; width: 90px; padding: 0 0 0 10px; height: 26px; line-height: 25px; border-right: 1px solid #4d4d4d;color:#fff;} div.pagination div.page-pages {float: left; width: 385px; height: 26px; line-height: 25px;} div.pagination div.page-pages ul li {float: left; margin: 0 !important; height: 26px; line-height: 25px;} div.pagination div.page-pages ul li a {display: block; padding: 0 10px; border-right: 1px solid #4d4d4d; color: #ffffff; height: 26px; line-height: 25px; float:left;} div.pagination div.page-pages ul li a:hover, div.pagination div.page-pages ul li a:focus, div.pagination div.page-pages ul li a.current {background: #C0272D;color: #ffffff; font-weight: bold; height: 26px; line-height: 25px;} div.pagination div.page-navigation {float: right; height: 25px; line-height: 24px; width: 150px; text-align: right;} div.pagination div.page-navigation a {display: block; background: transparent url(/assets/images/pagination-next-bg.png) no-repeat 95% 50%; padding: 2px 25px 0 10px; border-left: 1px solid #4d4d4d; float: right; color: #ffffff;} div.pagination div.page-navigation a:hover, div.pagination div.page-navigation a:focus {text-decoration:underline; } div.pagination a.page-prev {background: transparent url(/assets/images/pagination-prev-bg.png) no-repeat 3px 50% !important; padding: 2px 10px 0 25px !important;} div.pagination div.page-navigation a.page-inactive:link, div.pagination div.page-navigation a.page-inactive:visited, div.pagination div.page-navigation a.page-inactive:hover, div.pagination div.page-navigation a.page-inactive:focus {text-decoration:none; } div.article-pagination {background: #333; margin: 0 0 15px 0;overflow:hidden;position: relative; height: 26px;} div.article-pagination a:link {color:#fff;} div.pagination, #news-article div.articlecontent div.pagination { background: none repeat scroll 0 0 #333;float: left;height: 26px;text-align: center;width: 100%;} #news-article div.articlecontent div.pagination {margin-bottom:10px;} #news-article div.pagination, #recommended-article div.pagination, #news-archive div.pagination, #digital-archive div.pagination { background:#f2f2f2;height:27px; } #news-article div.pagination a.paginationlink span, #recommended-article div.pagination a.paginationlink span, #news-archive div.pagination a.paginationlink span { color:#00529F; } #news-article div.pagination a.paginationlink:hover, #news-article div.pagination a.paginationlink:active, #news-article div.pagination a.paginationlink:focus, #recommended-article div.pagination a.paginationlink:hover, #recommended-article div.pagination a.paginationlink:active, #recommended-article div.pagination a.paginationlink:focus, #news-archive div.pagination a.paginationlink:hover, #news-archive div.pagination a.paginationlink:active, #news-archive div.pagination a.paginationlink:focus, #news-article div.pagination a.paginationlink:hover span, #news-article div.pagination a.paginationlink:active span, #news-article div.pagination a.paginationlink:focus span, #recommended-article div.pagination a.paginationlink:hover span, #recommended-article div.pagination a.paginationlink:active span, #recommended-article div.pagination a.paginationlink:focus span, #news-archive div.pagination a.paginationlink:hover span, #news-archive div.pagination a.paginationlink:active span, #news-archive div.pagination a.paginationlink:focus span { color:#C1272D; } a.paginationbutton {display: block; height: 19px; width: 19px; position: absolute; top: 4px; text-indent: -9999px; z-index: 2; overflow: hidden;} a.paginationbackbutton {background: url(/assets/images/pagination-prev-bg.png);} a.paginationforwardbutton {background: url(/assets/images/pagination-next-bg.png) 0 0 no-repeat; right: 20px;} a.inactivearrow {background-position: 0 -19px;} div.pagination p {display: block; width: 100%; font-size: 12px; line-height: 27px; position: absolute; top: 0; text-align: center;} div.pagination p a {padding: 3px 4px; border-right: 1px solid #d6d6d6; color: #fff; text-decoration: none;} div.pagination p a:hover, div.pagination p a.currentpage {background: #f5942b; color: #fff;border-right: 1px solid #f2f2f2;} div.pagination p a.lastpage {border-right: 1px solid #f2f2f2;} /****** COMMENTS ******/ .comment_count_list {display:block; font-weight:bold; color:#fff; background:#4D6694 url("/assets/images/bg_comment.gif") right 19px no-repeat; text-align: center; padding-bottom: 4px; } #commentssection {padding: 20px 0; float:left; width:640px;} #commentssection h4 {font-size:1.6em;float: none !important; color: #333; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; padding: 15px 0; margin: 0 0 15px 0;} #comments h4 {font-size:1.6em;float: left !important; width: 400px; border-top: 0 !important; border-bottom: 0 !important;} #comments {margin: 10px 0 0; padding: 15px 0 0; border-top: 1px solid #ececec;} #comments h3 {width: 400px; float: left;} #comments p.commentcounttop {width: 200px; float: right; text-align: right; line-height: 28px; margin: 12px 0 0 0 !important; font-weight: bold; font-size: 1.1em;} #commentformcomment textarea {border: 1px solid #9f9f9f; height: 100px; width: 620px; font-family:arial, sans-serif;font-size:1em;padding:10px;} #commentformcomment-submit {float: right; margin: 8px 0 0; cursor: pointer;} #label-commentformcomment-content, #label-commentformcomment-submit { display: none } div.comment {margin: 0 0 24px;} div.reply {margin: 0 0 0 36px;} div.commenttext {background: #e6e6e6 !important; padding: 12px 12px 1px 12px; margin: 0 0 20px; position: relative;} div.commentadmin {background: #d0d0d0 !important;} div.reply div.commenttext {width: 550px;} div.hiddencomment div.commenttext{background-color: #f8e7e8 !important;} img.commentdownarrow {position: absolute; bottom: -12px; left: 7px;} img.commentuparrow {position: absolute; top: -12px; left: 7px;} #comments-tab .comment {margin: 0 0 10px 10px; width: 96%;} #comments-tab .comment .commenttext {width: 97% !important;} div.commentdetails {clear: both;} div.commentdetails p {float: left; line-height: 1.1em; margin: 0; font-weight: bold;} div.reply div.commentdetails p {width: 304px;} div.commentdetails p span {font-weight: normal;} div.commentdetails p span.rank {text-transform: capitalize; font-variant: small-caps; color: #999999;} div.commentdetails p span.rankadmin {color: #A00709;} img.avatar {display: block; float: left; margin: 2px 8px 0 0;} img.avatarlrg {margin:0 0 10px 149px;} a.commentbutton {background: #89c01c; display: inline-block; font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; padding: 7px 14px 5px; margin: 0 0 0 8px; float: right; text-transform: uppercase;} span.thumbs {display: inline-block; padding: 0 6px 5px 25px; height: 24px; font-size: 12px; color: #666; line-height: 24px; float: right; position: relative;} span.thumbsup {background: url(/assets/images/thumbs-up.png) 5px 1px no-repeat;} span.thumbsdown {background: url(/assets/images/thumbs-down.png) 5px 2px no-repeat;} #commentformthumb-submit {position: absolute; top: 0; left: 0; background: none; border: none; width: 25px; height: 25px; text-indent: -999em; cursor: pointer;} /****** SIDEBAR ******/ #sidebar {float: right; width: 300px;margin:10px 20px 0 0; position:relative; z-index:0; } #sidebar-liner {background: #ffffff; padding: 10px 0;} a.ad {display: block; margin: 0 0 10px;} #sidebar-jobs, #sidebar-top-stories, #page-tabs {background: #e6e6e6; padding: 10px; margin: 0 0 15px; position: relative;} .sidebar-video_text { background: none repeat scroll 0 0 #c0272c; color: #fff; float: left; font-size: 18px; font-weight: bold; height: 27px; padding-left: 10px; padding-top: 6px; position: relative; width: 270px; } .feature-video {color: #fff;} #sidebar-jobs {background: #1a1a1a url(../images/jotw-bg.gif) no-repeat top left;} #sidebar-jobs h4 {display: none;} #sidebar-top-stories {display: none; margin: 0 0 15px;} #sidebar-jobs h4, #sidebar-top-stories h4 {font-size: 22px; font-weight: bold; color: #333; line-height: 21px; margin: 0 0 12px;} a.sidebarrssfeed {background: url(/assets/images/rss-icon.jpg) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; position: absolute; top: 10px; right: 10px;} div.jobad {background: #fff; width: 118px; height: 111px; padding: 10px 10px 0; margin: 0 0 4px;} div.jobad img {display: block; margin: 0 0 5px;} div.jobad a {font-size: 12px; line-height: 13px; font-weight: bold; text-decoration: none;} div.jobad a span {color: #666; font-size: 0.9em; font-weight: normal;} #searchjobbutton img {margin: 6px 0 0;} .tabs {margin: 0;} .tabs li {display: inline; margin: 0;padding:4px 0;} .tabs li a { padding:3px 0;background: #000000;color:#B3B3B3; float: left; text-align: center;font-size: 0.9em; font-weight: bold;} .tabs li.activetab, .tabs li.activetab a{color:#FFFFFF;background: url('/assets/images/nav-btn-bg.gif') 0 -46px; } .tabs li a.activeSlide, .tabs li a:hover{background: url('/assets/images/nav-btn-bg.gif') 0 -46px; color: #FFFFFF;} #playlists, #mostpopular, #mostshared {width: 280px;} #page-tablinks li a {width: 150px; font-size: 14px;} .tabs li a.playlists {width: 84px;} .tabs li a.mostshared {width: 89px;} .tabs li a.mostpopular {width: 107px;} #playlist {padding:10px 10px; background: #000000;} #popular {padding:0 10px;border-bottom:10px solid #ededed;} #popular .tabs li {display: inline; margin:0;padding:4px 0;} #popular .tabs li a {background: #ededed;border-right:1px solid #ededed;color:#333;padding:4px 0;} #popular .tabs li.activetab, #popular .tabs li.activetab a {background: #fff;} #popular .tabs li a.activeSlide, #popular .tabs li a:hover{background: #fff; color: #333;} #playlist .tabs li a.activeSlide, #popular .tabs li a:hover{background: url('/assets/images/nav-btn-bg.gif') 0 -46px; color: #FFF;} .tab_switcher { overflow: hidden; padding-bottom: 11px; position: relative; } .tab_switcher li { float: left; margin-bottom: 0; } .tab_switcher a.tab_title { color: #333333; display: inline-block; font-size: 0.9em; font-weight: bold; } .tab_switcher .noJs { margin-bottom: 10px; } .tab_switcher .noJs:last-child { margin-bottom: 0; } .tab_switcher .noJs a.tab_title { background: none repeat scroll 0 0 #FFFFFF; } .tab_switcher a.active_tab, .tab_switcher a.tab_title:hover { background: none repeat scroll 0 0 #FFFFFF; } .tab_switcher ul { left: 0; padding: 0; } .tab_switcher ul li { float: none; margin-bottom: 2px; padding: 10px; } .tab_switcher ul li:last-child { border-bottom: 0 none; } .tab_switcher ul.active_detail { display: block; } .tab_switcher .inner .logo { float: left; margin: 0 10px 0 0; width: 70px; } .tab_switcher .inner p { float: left; } #subscibetxt { background-color: #a02c0b;border: 1px solid #fff;color: #fff;float: right;font-size: 11px;margin: 0 10px 0 0;text-align:center;width: 70px; } div.topstory {background: #fff; border-bottom: 2px solid #f2f2f2; padding: 10px; position: relative;} div.laststory {border: none;} div.topstory img {display: block; width: 40px; float: left;} div.storycontent {float: right; padding: 0 35px 0 0; width: 175px;} div.storycontent h5 a {line-height: 14px; margin: 0; text-decoration: none;} div.storycontent p {font-size: 1em; line-height: 14px; margin: 0;} div.storycommentcount {background: url(/assets/images/popular-comment-count.png) 0 0 no-repeat; height: 25px; width: 37px; position: absolute; top: 10px; right: 10px; font-size: 0.9em; line-height: 18px; text-align: center; color: #fff;} #sidebar-ad-block {width:300px; background: #f2f2f2; position: relative; margin: 0 0 10px; padding: 0 0 15px 0;} #sidebar-ad-block a.topleft {position: absolute; top: 15px; left: 15px;} #sidebar-ad-block a.topright {position: absolute; top: 15px; right: 15px;} #sidebar-ad-block a.bottomleft {position: absolute; bottom: 15px; left: 15px;} #sidebar-ad-block a.bottomright {position: absolute; bottom: 15px; right: 15px;} #articles-tab a, #likes-tab a {font-size: 14px;} #articles-tab .article, #likes-tab .article {border-bottom: 1px solid #f2f2f2; padding: 10px; margin: 10px; width: 94%;} #articles-tab .article img, #article-content img, #likes-tab .article img { margin: 10px; } .jotw-image, .jotw-info {background: #ffffff; padding: 10px; text-align: center;} .jotw-info a {border-top: 1px solid #cccccc; display: block; padding: 10px 0 0 0; margin: 10px 0 0 0;} .jotw-detail {min-height: 130px; padding: 0 0 0 110px;} /****** FOOTER ******/ #partner-site-news-wrapper {background: url(/assets/images/footer-up-arrow.png) 98% bottom no-repeat #d9d9d9; padding: 18px 0 23px 10px; clear: both;} div.partner-site-news {width: 220px; padding: 11px 0 0 10px; float: left; margin: 0 10px 0 0;} div.partner-site-news img {margin: 0 0 5px 0;} div.partner-site-news ul {border-top:2px solid #C0272C;padding-top:10px;} div.partner-site-news ul li {background: url(/assets/images/grey-footer-right-arrow.png) 0 2px no-repeat; padding: 0 0 4px 10px; margin: 5px 0 8px 0;border-bottom:1px dotted #949494; line-height: 1em;} div.partner-site-news ul li a:link, div.partner-site-news ul li a:visited, div.partner-site-news ul li a:active{color: #333; font-size: 0.9em; line-height:1.1em; font-weight: bold; text-decoration: none;} div.partner-site-news ul li a:hover, div.partner-site-news ul li a:focus {color: #a00709;} #footerwrapper {background: #000000 url(../images/footer-bg.png) 0 0 repeat-x; clear:both; position:relative;} #footer {width: 1000px; margin: 0 auto; padding: 0 0 66px;} #footernav {overflow:hidden;padding: 0;position:relative;} #footernav ul {width: 605px; float: left;} #footernav ul li {display: inline; float: left; padding: 12px 12px 9px 11px; margin: 0;border-left:1px solid #cd5257;} #footernav ul li a:link, #footernav ul li a:visited, #footernav ul li a:active {display: inline; color: #FFFFFF; font-size: 1em; text-decoration: none;} #footernav ul li a:hover, #footernav ul li a:focus {text-decoration:underline;} #footernav ul li.lastitem {background: none;padding-right:0;} #footersearchform {width: 274px; float:right;padding: 8px 10px 0 6px;} #footersearchform fieldset {border:none;} #frmfootersearch {width: 192px; height:16px; line-height:16px; border: 1px solid #666; padding: 3px 8px 4px; font-size: 0.9em; color: #000000; float: left;} a.footerbacktotop {border-left:1px solid #cd5257; float: right; display: block; width: 90px; font-size: 1em; font-weight:bold;color: #fff; text-align: center; text-decoration: none;padding:11px 6px 10px;} a.footerbacktotop:hover, a.footerbacktotop:focus {text-decoration: underline;} img.footerarrow {position: relative; top: 175px; right: 7px;} #footercontent {width:1000px;padding: 8px 0;overflow: hidden; float:left;} #footerabout {float: left; overflow:hidden;width:290px; padding: 16px 16px 0 15px;} #footernetwork {float: right; overflow:hidden;width: 625px; padding: 16px 0 0 0;} #footerabout p {color: #ccc; font-size: 12px; line-height: 18px;} #footernetwork ul li {float:left; } #footernetwork ul li a {background: url(/assets/images/footer-arrow.png) 96% 9px no-repeat #282828; display: block; width: 178px; padding: 2px 0 2px 10px; margin: 0 20px 10px 0; color: #fff; font-size: 1em; text-decoration: none;} #footernetwork ul li a:hover {text-decoration:underline;} #copyright {color: #666; font-size: 0.9em; margin-top:15px;padding: 10px 0 20px 15px;clear:both;border-top:2px solid #2b2b2b;} #copyright a, #copyright a:visited {color: #666; text-decoration: none;} #copyright a:hover {color: #c1272d;} #copyright a.mmlink {display: block; float: right; width: 150px;} #copyright span {margin: 0 5px;} /* Journeys */ ul.journey {margin: 0 0 10px 0; height: 25px; line-height: 25px; background: #E5E5E5;} ul.journey li {float: left; padding: 0 15px 0 30px; background: #E5E5E5 url(/assets/images/journey-seperator.gif) no-repeat top left; height: 25px; line-height: 25px; color: #999999;} ul.journey li.complete {color: #00529f;} ul.journey li.firststep {background-image: none !important; padding-left: 20px !important;} ul.journey li.currentstep {color: #000000; font-weight: bold;} /* Errors and 404 page */ ul.errors li {color: #a00709; font-size: 0.8em; clear: both; padding:3px 0 0 0;list-style-type:none;} #row-userformuser-username ul.errors li {margin-right: 100px;} p.submit-error {color: #a00709;margin-left:10px;} #error-content {overflow:hidden;} body#error #content, body#error #content-liner {width:980px;} body#error #sidebar {display:none;} #error-page {width:940px;background: transparent url(/assets/images/error-page-bg.png) no-repeat; overflow:hidden;padding-bottom:40px; padding-left:20px;} #error-inner {overflow:hidden;padding-top:30px;} #error-inner h2 {background:none;padding:0 0 0 0 !important} #error-inner p {margin:0 0 0 0; padding:0 0 0 0 !important;} #error-page h1 {position: relative; top:0; left:70px; padding: 0 0 20px 0; margin: 10px auto 0px auto !important; font-size: 2em; } #error-page h1 span {position:absolute;width:781px; height:34px;background:url(/assets/images/error-title.png) left top no-repeat;} #error-page h2 {margin:0 0 15px;font-size:1.8em;font-weight:bold;line-height:1.2em;color:#333;} #error-page p.try {font-weight:bold;} #error-page p.try, #error-page ul {font-size:1.1em;} #error-page ul {margin-top:20px;} #error-page ul li {margin: 0 0 10px 0; padding: 0 20px 0 30px;overflow:hidden;} #error-page ul li#error-search {background: url(/assets/images/error-bullets.png) left top no-repeat;padding-bottom:5px;} #error-page ul li#error-map {background: url(/assets/images/error-bullets.png) left -39px no-repeat;} #error-page ul li#error-previous {background: url(/assets/images/error-bullets.png) left -77px no-repeat;} #error-page form {width: 400px; float:left;} #frmerrorsearch {width: 275px; border: 1px solid #cccccc; padding: 3px 5px;} #frmerrorgobutton {margin-bottom:-6px; border:none; color:#FFFFFF; background-position: 4px 0px;} #syserror {width:630px;} #syserror h2 {margin:0 0 0 0; background: none;} #syserror pre {overflow-x:scroll;} /*Google Advert Styles*/ .googlead {float:left; margin-bottom:10px;} .hijack-ad {width:1400px; height:1400px; display:none;} .merge-ad {width:1px; height:1px;} .masthead-ad {width:242px; height:77px;} .leaderboard-ad {width:970px; height:90px; overflow:hidden; margin:0 auto; clear:both;} .skyscraper-ad {width:300px; height:600px;} .largebutton-ad {width:300px; height:100px;} .smallbutton-ad {width:125px; height:125px;float: left;margin: 16px 0 0 16px;} .homestream-ad {padding: 10px 6px; border-bottom: 1px solid #CCC; text-align: center;} .mpu-ad {width:300px; height:250px;} /*END Google Advert Styles*/ .hidden-ad { position: absolute; top: -999em; left: -999em; } .ad-slot { position: relative; clear: both; } /* Header styles applied via CSS */ .header1, .Header1 { font-size: 28px; font-weight: bold; } .header2, .Header2 { font-size: 22px; font-weight: bold; } .header3, .Header3 { font-size: 18px; font-weight: bold; } .header4, .Header4 { font-size: 16px; font-weight: bold; } .header5, .Header5 { font-size: 14px; font-weight: bold; } .header6, .Header6 { font-size: 12px; font-weight: bold; } /* sidepanels */ .sidepanel {margin:0 0 10px 0;width:280px;padding:0 10px 0 10px;overflow:hidden;background:#ededed;} .sidepanel .inner {clear:both;background:#fff;padding:0;overflow:hidden;} .sidepanel .inner ul li {border-bottom:2px solid #ededed;padding:7px 0 7px 0;overflow:hidden;background:#fff;} .sidepanel .inner p {margin-bottom:0;line-height:1.4em;font-size:1em;} .sidepanel .foot {background:#ededed;overflow:hidden; float:left; width:100%;} .sidepanel .inner p span, .sidepanel .inner p a:link, .sidepanel .inner p a:visited {font-weight:bold;} .sidepanel .inner .logo {width:70px;float:left;overflow:hidden; padding-right:10px;} .sidepanel .inner img {margin:0px auto;width:100%;vertical-align:middle;} /*#jobs {margin-top:10px;}*/ #jobs .inner ul li {padding:7px 10px 5px 10px; background:#fff;} #jobs .inner p {font-weight:bold;} #jobs .inner p span {color:#a00709;} #jobs .inner p.location {color:#696969;font-weight:normal;font-size:1em;margin-bottom:4px;} #directory .inner {padding:10px;} #directory .inner p {width:200px;} #events .inner {border:none;clear:both;overflow:hidden;} #events .inner .logo {float:right; width:46px; height:46px;} #events .inner p {width:127px; float:left; padding-left: 10px;} #events .inner ul li {clear:both;padding:10px;border-bottom:2px solid #ededed;} #events .cal {float:left;color:#fff; margin-right: 10px;} #events .cal-t {background:#C0272D;margin-bottom:1px;width:43px;padding:8px 0;text-align: center;font-size:1.8em;font-weight:bold;} #events .cal-b {background:#1a1a1a;margin-top:0;width:43px;text-align: center;font-weight:normal;text-transform:uppercase;} #playlist .head ul {overflow:hidden;padding:10px;} #playlist .inner ul li {padding:10px; position: relative;} #playlist .inner ul li .popular-comment-count {display: block; width: 30px; height: 25px;right: 5px;top: 5px; position:absolute;} #playlist .inner ul li .popular-comment-count a span {display: block; width: 30px; height: 25px; background: url(/assets/images/popular-comment-count.png) no-repeat top left; color: #ffffff; line-height: 20px; text-align: center; font-size: 0.9em; font-weight: bold;}#popular .inner {border:none;} #playlist .inner .logo {float:left;margin-right:10px;} #playlist .inner p {float: left; width:145px;} .playlist-sidepanel-img{width:70px; height:70px;} .playlist-sidepanel h3{color:#000000; font-size:12px; font-weight:normal; margin-top:0px;} .playlist-sidepanel{width:200px; float: left; padding-left:10px; padding-top:10px;} div#the-playlist .item-track-medium{width:280px; padding:0 0 0 0; float:left;background: url(/assets/images/track-box-gradient.gif) repeat-x; border-bottom: 1px solid #F2F2F2; margin-bottom: 2px; position: relative;} #playlists h4{background:url(/assets/images/musicweek-playlist.png) no-repeat; width:280px; height:48px; border-bottom: 1px solid #F2F2F2; margin-bottom: 2px; text-indent: -9999px; overflow:hidden;} #playlists .more-playlists{background:url(/assets/images/more-playlists.png) no-repeat; width:280px; height:26px; display:block; text-indent: -9999px; overflow:hidden; border-top:10px solid #000000;} h3#title-panel-popular{color:#FFFFFF;} #mostpopular .playlist-sidepanel{width:180px; padding-top:0px;} #retailbiz {padding:0 10px 10px 10px;} #retailbiz .head span {display:inline;} #retailbiz .inner {margin-top:3px;padding:5px 10px;} #retailbiz .inner ul {width:260px; overflow:hidden; } #retailbiz .contain {overflow:hidden;} #retailbiz h3 {margin-bottom:5px;} #retailbiz h3 span {font-size:0.6em;} #retailbiz h3 span a img {vertical-align:middle;} #retailbiz h4 {margin-bottom:3px;font-weight:bold;text-transform:uppercase;font-size:1.1em;} #retailbiz .contain p {width:180px;} #retailbiz .logo {float:left;margin:0 10px 0 0;} #retailbiz .author-info {margin:10px 0 0 0;clear:both;font-size:0.9em;font-weight:bold;} #retailbiz .author-info span {font-weight:normal;} #retailbiz span {display:block;} #retailbiz ul li {width:50%;float:left;border:none;padding:4px 0 0 0;} /***** SEND TO FRIEND POP UP *****/ body.modalwindow {background:none;} hr.send {margin-bottom:20px;border-bottom:1px solid #a00709;} #contactformcontact {padding:0 10px;} #contactformcontact .formrow {overflow:hidden;margin-bottom:10px} body.modalwindow #contactformcontact input[type=text], body.modalwindow #contactformcontact textarea {border:1px solid #ccc;float:right;width:250px !important;height:20px;font-family:Arial, sans-serif;font-size:1em;} #contactformcontact textarea {height:80px !important;} body.modalwindow input#contactformcontact-submit {float:right;clear:both;margin-top:15px;} #contactformcontact .formError input {border: solid 2px #588400;} #contactformcontact .formError label {color:#588400;font-weight:bold;} #contactformcontact .element {margin-top:10px;overflow:hidden;} #contactformcontact span.required, #contactformcontact label span {color: #a00709;} #contactformcontact .errors li {padding-left:0;} body.modalwindow #contactformcontact .errors li {padding: 0 0 0 160px;} .pdf-icon {display: block; padding: 5px 0 5px 30px; background: transparent url(/assets/images/icons/pdf.png) no-repeat center left;} body.modalwindow #wrapper {padding:0 10px;} /* Errors */ .error input, .error textarea {border: 1px solid #A00709 !important;} .error label {color: #A00709 !important;} .error #jobformjob-description_ifr {border:1px solid #A00709 !important;} .highlight {font-weight: bold !important;} #follow {padding: 20px 0 20px 0; border-top: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC; margin: 0 !important; line-height: 2.2em; } #follow p.btn {line-height: 1.5em !important;} #popular .head p {color: #333333; display: block;float: right;font-size: 0.9em;font-weight: bold;margin: -26px 0 0 0;text-align: right;} em {font-style: italic;} #commentssection .description {color: #666666;margin: 10px 0 0;} body.modalwindow .message-error, body.modalwindow .message-warn {color: #A00709; margin: 0 0 10px 0;} #twitter {background:#EDEDED url("/assets/images/bg_twitter.png") 244px 7px no-repeat; } #twitter .inner {background:transparent; } #twitter .logo {float:left; margin:0 10px 0 0; } #twitter li {width:264px; overflow:hidden; margin-bottom:2px; padding:6px 8px; background-color:#fff; } #twitter li img {display:block; float:left; width:48px; } #twitter .twtr_text {width:202px; float:left; margin-left:10px; } #twitter .twtr_user {display:block; } .modal-close { background:#333333 url(/assets/images/modal-close.gif) no-repeat 0 0; cursor:pointer; height:10px; position:absolute; right:8px; top:8px; width:11px; } .overlay-bg { background:#424241; cursor:pointer; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); -moz-opacity:0; -khtml-opacity:0; opacity:0; display:none; height:100%; left:0; position:absolute; top:0; width:100%; z-index:-1; } .text-right { text-align:right!important; } /* Sub Navigation */ .sub-nav-dropdown-container { margin:0 0 20px 0; } .sub-nav-dropdown { clear:both; float:left; position:relative; z-index:100; } .sub-nav-dropdown, .sub-nav-dropdown li { background:#ededed; float:left; position:relative; text-align:center; z-index:99; } #wrapper{margin: 0 auto;width: 1414px !important;} #wrapper-liner{float: left;background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto;width: 1000px;} #footerwrapper{position:relative;width:100%;float:left;} #LeftPillar{width: 207px; text-align: center; float: left; padding-right: 0px; height: 500px; position: relative;display:block !important;} #RightPillar{width: 207px; text-align: center; float: left; left: 0px; height: 500px; position: relative;display:block!important; } #header-banner-ad {position: relative; left: 1px;} .sub-nav-dropdown li a { border-bottom:2px solid #dddddd; border-right:1px solid #cfcfcf; border-top:2px solid #dddddd; color:#191919; display:block; height:1.923077em; /* 25px */ line-height:1.923077em; margin-right:1px; padding:0.3333em 0; /* 4px*/ float:left; font-size:1.0833em; /* 13px/12px */ } .sub-nav-dropdown li a#menu-sales { width:106px; } .sub-nav-dropdown li a#menu-club { width:103px; } .sub-nav-dropdown li a#menu-airplay { width:112px; } .sub-nav-dropdown li a#menu-radio-playlists { width:163px; } .sub-nav-dropdown li a#menu-key-releases { width:148px; } .sub-nav-dropdown li.active a, .sub-nav-dropdown li a:hover, .sub-nav-dropdown li a:focus, .sub-nav-dropdown li a.current-menu { background:#c0272d; border-bottom:2px solid #c0272d; border-right:1px solid #c0272d; border-top:2px solid #c0272d; color:#ffffff; } .sub-nav-dropdown li:last-child a { border-right:0!important; margin-right:0!important; } .sub-nav-dropdown li ul { border:none; display:none; position:absolute; left:0; top:3.1em; z-index:401; } .sub-nav-dropdown ul li { position:relative; z-index:400; float:left; } .sub-nav-dropdown ul li ul { left:180px; position:absolute; top:0; } .sub-nav-dropdown ul a { background:#c0272d; border:none!important; color:#ffffff; height:auto; margin:0; padding:5px 10px 5px 10px; text-align:left; width:160px; } .sub-nav-dropdown ul a:hover { background-color:#000000; } .sub-nav-dropdown ul li a.next-level { background:#c0272d url(/assets/images/nav-arrow-right.png) no-repeat 95% 50%; } .sub-nav-dropdown .sub-nav-chevron { background:transparent url(/assets/images/nav-arrow-down.png) no-repeat 0 0; bottom:-6px; height:6px; left:50%; margin-left:-6px; position:absolute; width:12px; } .nav-tab { border-bottom:4px solid #c0272c; clear:both; margin-bottom:20px; overflow:hidden; width:640px; } .chart-options-container .nav-tab { margin-bottom:0; } .nav-tab li { background:#000810; display:inline; float:left; margin-right:2px; text-align:center; } .nav-tab li a { color:#808080; display:block; font-size:1.16667em; /* 14px/12px */ padding:5px 18px 3px 18px; } .large-list li a { padding:5px 10px 3px 10px; } .nav-tab li.active-tab a, .nav-tab li a:hover, .nav-tab li a:focus { background:#c1272d url(/assets/images/active-menu-bg.gif) no-repeat 0 50%; color:#ffffff; } a.btn-cta { background:#c1272d url(/assets/images/active-menu-bg.gif) no-repeat 0 50%; border:1px solid #c1272d; color:#ffffff; font-size:1.333333em; /* 16px/12px */ font-weight:bold; float:left; padding:5px 18px; } a.btn-cta:hover, a.btn-cta:focus { background-color:#070707; background-position:100% 50%; border:1px solid #A9A9A9; } a.btn-cta_digital { background:#c1272d url(/assets/images/active-menu-bg.gif) no-repeat 0 50%; border:1px solid #c1272d; color:#ffffff; font-size:23px; /* 16px/12px */ font-weight:bold; float:left; padding:5px 18px; margin: 5px; } a.btn-cta_digital:hover { /*background-color:#070707;*/ background-position:100% 50%; border:1px solid #A9A9A9; } .digital_read_btn { font-size: 13px; } .subscribe-intro { background:#dddddd url(/assets/images/bg-subscribe-intro-bottom.gif) no-repeat 0 bottom; margin-bottom:-10px; overflow:hidden; padding:25px 20px 36px 20px; position:relative; width:600px; z-index:10; } .subscribe-intro .subscribe-intro-inner { float:left; font-size:1.16667em; width:415px; } .subscribe-intro .subscribe-intro-inner li, .dark-box-inner ul.tick-list li { background:url(/assets/images/tick-circle-white.png) no-repeat 0 3px; list-style-type:none; } .subscribe-intro .subscribe-intro-inner li { margin-bottom:11px; padding:0 0 0 20px; } .subscribe-intro .subscribe-intro-inner a.btn-cta { float:left; font-size:1.142857em; /* 16px/14px */ margin-right:15px; } .subscribe-intro #introDigital { width:345px; } .subscribe-intro #introDigital li { background:url(/assets/images/arrow-right-light-red.png) no-repeat 0 5px; padding-left:12px; } .subscribe-intro #introDigital li, .subscribe-intro #introDigital p, .subscribe-intro #introDigital a.btn-cta { margin-bottom:15px; } .subscribe-intro .subscribe-intro-image { float:right; } .dark-box { background:#1a1a1a; color:#ffffff; margin-bottom:20px; padding:28px 20px 12px 20px; position:relative; width:600px; } .dark-box .message-error, .dark-box .message-error a { color:#c0272d; font-weight:bold; } .dark-box .message-error a { text-decoration:underline; } .dark-box .message-error a:hover, .dark-box .message-error :active, .dark-box .message-error :focus { text-decoration:none; } .dark-box-inner { background:#333333; margin-bottom:26px; overflow:hidden; padding:26px 10px 22px 20px; width:570px; } .dark-box-list { margin-bottom:8px; overflow:hidden; } .dark-box-list li { background:#333333; border-bottom:1px solid #1a1a1a; float:left; margin:0; overflow:hidden; padding:20px 20px 5px 20px; width:560px; } .dark-box-list li .list-details { float:left; width:400px; } .dark-box-list li .list-details h3 { font-size:1.75em; /* 21px/12px */ margin:0 0 5px 0; } .dark-box-list li .list-details h3 a { color:#ffffff; } .dark-box-list li .list-details h3 a:hover, .dark-box-list li .list-details h3 a:focus { text-decoration:underline; } .dark-box-list li .list-details p { color:#f2f2f2; font-size:1.0833em; /* 13px/12px */ margin-bottom:10px; } .dark-box-list li .list-details p span { color:#999999; } .dark-box-list li a.btn-cta { float:right; margin-top:5px; } #archiveDarkBox { overflow:hidden; padding:0 0 12px 20px; width:620px; } #archiveDarkBox .archive-digital-month { float:left; margin-right:20px; padding-top:20px; width:445px; } #archiveDarkBox .dark-box-list li { width:405px; } #archiveDarkBox .dark-box-list li .list-details { width:255px; } #archiveDarkBox .archive-digital-year { float:left; width:155px; } .archive-digital-year .list-digital-year li a:hover, .archive-digital-year .list-digital-year li a:focus { color:#c0272d; } .archive-digital-year .list-digital-year { overflow:hidden; } .archive-digital-year .list-digital-year li { border-bottom:1px solid #ffffff; } .archive-digital-year .list-digital-year li:last-child { border-bottom:none; } .archive-digital-year .list-digital-year li h3, .archive-digital-year .list-digital-year li ol li { padding:10px 12px 10px 20px; } .archive-digital-year .list-digital-year li h3 { background:#555555 url(/assets/images/accordion-sprite.png) no-repeat -346px 65%; color:#ffffff; cursor:pointer; display:block; font-size:1.25em; /* 15px/12px */ font-weight:normal; margin:0; } .archive-digital-year .list-digital-year li.active h3 { background:#c0272d url(/assets/images/accordion-sprite.png) no-repeat -846px 65%; } .archive-digital-year .list-digital-year li h3:hover, .archive-digital-year .list-digital-year li h3:focus { background-color:#c0272d; } .archive-digital-year .list-digital-year li ol { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; display:block; } .archive-digital-year .list-digital-year li ol li { background:#ededed url(/assets/images/accordion-sprite.png) no-repeat -1346px 50%; border-bottom:1px solid #e6e6e6; } .archive-digital-year .list-digital-year li a { color:#333333; font-size:1.08333em; } .archive-digital-year .list-digital-year li.highlightmonth a { font-weight:bold; } .box-copy { font-size:1.16667em; padding-right:20px; width:560px; } #content .dark-box h1, #content .dark-box h2 { margin:0 0 18px 0; } #content .dark-box h1, #content .dark-box h2, #content .dark-box h3, #content .dark-box-inner { color:#f2f2f2; } .dark-box-inner h3 { font-size:1.75em; margin-bottom:20px; } #boxFreeTrial { background:#333333 url(/assets/images/bg-free-trial.jpg) no-repeat 100% 100%; } #boxPrint { background:#333333 url(/assets/images/bg-print-subscription.jpg) no-repeat 100% 100%; } #boxDigital { background:#333333 url(/assets/images/bg-digital-subscription.jpg) no-repeat 100% 100%; } #boxiPad { background:#333333 url(/assets/images/bg-ipad.jpg) no-repeat 101% 33%; } #boxiPad .btn-cta{ margin-right: 10px; } .dark-box p { margin-bottom:30px; } .dark-box-inner p { margin-bottom:15px; } .dark-box-inner p.last{ margin-bottom:0; } .dark-box-inner ul.tick-list { margin-bottom:15px; width:350px; } .dark-box-inner ul.tick-list li { padding:0 0 8px 20px; } #digital-archive div#archiveDigitalPagination { background:#1a1a1a; height:34px; position:relative; width:640px; } #archiveDigitalPagination a.paginationbutton { background:#c0272d url(/assets/images/arrows-pagination.png) no-repeat 0 0; height:34px; top:0; width:24px; } #archiveDigitalPagination a.paginationbutton:hover, #archiveDigitalPagination a.paginationbutton:focus { background-color:#555555; } #archiveDigitalPagination a.paginationbackbutton { left:0; } #archiveDigitalPagination a.paginationforwardbutton { background-position:100% 0; right:0; } #archiveDigitalPagination a.paginationbackbutton.inactivearrow { display:none!important; } #archiveDigitalPagination .paginationlink { color:#f2f2f2; font-size:1.08333em; position:absolute; top:7px; } #archiveDigitalPagination .paginationlink:hover, #archiveDigitalPagination .paginationlink:focus { color:#f2f2f2; text-decoration:underline; } #archiveDigitalPagination a.prevmonth { left:35px; } #archiveDigitalPagination a.nextmonth { right:35px; } .activation-steps { background-repeat:no-repeat; background-image:url(/assets/images/activation-steps.gif); height:34px; margin-bottom:2em!important; overflow:hidden; width:600px; } .activation-steps.current-1 { background-position:0 0; } .activation-steps.current-2 { background-position:0 -50px; } .activation-steps.current-3 { background-position:0 -100px; } #content-liner ul.activation-steps li { float:left; height:34px; margin:0!important; } #content-liner ul.activation-steps li.step-1 { width:208px; } #content-liner ul.activation-steps li.step-2 { width:198px; } #content-liner ul.activation-steps li.step-3 { width:194px; } .form-box .dark-box-inner { margin-bottom:70px; padding:26px 20px 5px 20px; width:560px; } .dark-box p a, .dark-box div.description a, .dark-box a.inline { color:#ffffff; text-decoration:underline; } .dark-box p a:hover, .dark-box p a:focus, .dark-box div.description a:hover, .dark-box div.description a:focus, .dark-box a.inline:hover, .dark-box a.inline:focus { text-decoration:none; } .dark-box p.intro-activation { margin-bottom:20px; } .dark-box .g_panel { border-top:1px solid #494949; margin-top:20px; padding:20px 0 5px 0; position:relative; } .dark-box.urn-box .g_panel { position:static; } .dark-box #submit-label, .dark-box #userformuser #displaygroup-cds { display:none; } .dark-box #displaygroup-email { margin-top:0; padding-bottom:10px; } #content .dark-box .g_panel h2 { background:#c0272d url(/assets/images/chevron-down-dark-inner.gif) no-repeat center bottom; font-size:1.16667em; overflow:hidden; padding:10px 0 20px 0; position:absolute; right:0; text-align:center; top:0; width:93px; } .dark-box .g_panel p, .dark-box #intentFormMwUrn div.description { margin:0 0 20px 160px; width:260px; } .dark-box #intentFormMwUrn div.description { clear:both; color:#ffffff; font-size:1em; margin:5px 0 0 160px; } .dark-box #displaygroup-controls, .dark-box #newsformarticle-submit { bottom:27px; margin:0; position:absolute; right:20px; } .dark-box #displaygroup-controls { border:none; width:600px; } .dark-box #newsformarticle-submit { width:8em; } .dark-box #displaygroup-controls #userformuser-submit { margin:0; } .dark-box #displaygroup-controls .messages { float:left; margin:0; width:490px; } .dark-box #displaygroup-controls .messages { margin-left:0!important; } .dark-box .formrow { border-bottom:0; margin-bottom:15px; padding:0; } .dark-box .formrow input[type="text"], .dark-box .formrow input[type="password"], .dark-box #intentFormMwUrn input[type="text"], .dark-box-inner #userformabacuslogin input[type="text"] .dark-box-inner #userformabacuslogin input[type="password"] { background:#ffffff; border:1px solid #999999; float:left; } .dark-box #intentFormMwUrn input[type="text"], .dark-box-inner #userformabacuslogin input[type="text"], .dark-box-inner #userformabacuslogin input[type="password"] { font-family:Helvetica,Arial,sans-serif; float:none; padding:5px 4px 3px 4px; width:250px; } .dark-box .checkrow input[type=checkbox] { margin-right:5px; } .dark-box .formrow label { float:left; margin-right:10px; width:150px; } .dark-box label span, .dark-box label span.required { color:#ffffff; } .dark-box #intentFormMwUrn label { font-weight:bold; } .dark-box-inner #userformabacuslogin #displaygroup-user { position:static; } .dark-box-inner #userformabacuslogin input#userformabacuslogin-submit { bottom:27px; margin:0; padding:4px 0; position:absolute; right:20px; width:100px; } #content #activateSuccess h2 { background:transparent url(/assets/images/tick-circle-green.png) no-repeat 0 50%; color:#ffffff; font-size:1.1667em; margin:0!important; padding:10px 0 10px 22px; } #content #activateSuccess p { margin-bottom:10px; } .dark-box #messages, .dark-box .error label, .dark-box .error label span, .dark-box ul.errors li, .dark-box .error a.inline { color:#C0272D!important; } #content-liner .dark-box ul.errors { margin:0; } #content-liner .dark-box ul.errors li { font-size:1em; } #content-liner .dark-box .checkrow ul.errors li { margin-left:21px!important; } .icon-tooltip { cursor:pointer; margin:5px 0 0 10px; } /* FB Like button bubble with no comments: http://revisedagain.com/2012/design-hack-facebook-like-button_count-0-count/ */ /* make the like button smaller */ .fb-like-container { height:20px; overflow:hidden; position:relative; width:80px; } .fb_edge_widget_with_comment { z-index:1; } .fb_edge_widget_with_comment iframe{ width:80px!important; } /* but make the span that holds the comment box larger */ span.fb_edge_comment_widget.fb_iframe_widget iframe{ width:401px!important; } .count { height:18px; width:25px; position:absolute; left:47px; top:1px; z-index:0; } .zero-count { background-image:url(/assets/images/count.png); } a.twitter-share-button {display:none!important;} /* qTip CSS(minified) -- modified */ .ui-tooltip,.qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:1em;line-height:1.25em;}.ui-tooltip-fluid{display:block;visibility:hidden;position:static!important;float:left!important;}.ui-tooltip-content{position:relative;padding:8px 15px;overflow:hidden;border:1px solid #000001;text-align:left;word-wrap:break-word;overflow:hidden;}.ui-tooltip-titlebar{position:relative;min-height:14px;padding:5px 35px 5px 10px;overflow:hidden;border:1px solid #000001;border-width:1px 1px 0;font-weight:bold;}.ui-tooltip-titlebar+.ui-tooltip-content{border-top-width:0!important;}/*!Default close button class */ .ui-tooltip-titlebar .ui-state-default{position:absolute;right:4px;top:50%;margin-top:-9px;cursor:pointer;outline:medium none;border-width:1px;border-style:solid;}* html .ui-tooltip-titlebar .ui-state-default{top:16px;}.ui-tooltip-titlebar .ui-icon,.ui-tooltip-icon .ui-icon{display:block;text-indent:-1000em;}.ui-tooltip-icon,.ui-tooltip-icon .ui-icon{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-tooltip-icon .ui-icon{width:18px;height:14px;text-align:center;text-indent:0;color:inherit;background:transparent none no-repeat -100em -100em;}/*!Default tooltip style */ .ui-tooltip-default .ui-tooltip-titlebar,.ui-tooltip-default .ui-tooltip-content{border-color:#C0272D;background-color:#C0272D;color:#ffffff;}.ui-tooltip-default .ui-tooltip-titlebar{background-color:#C0272D;}.ui-tooltip-default .ui-tooltip-icon{border-color:#C0272D;background:#C0272D;color:#ffffff;}.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#C0272D;color:#ffffff;}.ui-tooltip .ui-tooltip-tip{margin:0 auto;overflow:hidden;z-index:10;}.ui-tooltip .ui-tooltip-tip,.ui-tooltip .ui-tooltip-tip *{position:absolute;line-height:.1px!important;font-size:.1px!important;color:#123456;background:transparent;border:0 dashed transparent;}.ui-tooltip .ui-tooltip-tip canvas{top:0;left:0;}/*!Dark tooltip style */ .ui-tooltip-dark .ui-tooltip-titlebar,.ui-tooltip-dark .ui-tooltip-content{border-color:#030303;color:#ffffff;}.ui-tooltip-dark .ui-tooltip-content{background-color:#030303;}.ui-tooltip-dark .ui-tooltip-titlebar{background-color:#030303;}.ui-tooltip-dark .ui-tooltip-icon{border-color:#030303;}.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{border-color:#030303;} /* jQuwry UI Datepicker CSS */ input#datepicker { border:1px solid #777777; color:#555555; font-family:Arial,sans-serif; font-size:1.08333em; height:1.25em; padding:0.25em; width:80px; } /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cc0000&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=15&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=cc0000&iconColorActive=cc0000&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=09_dots_small.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=10&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #eeeeee; background: #ffffff url(/assets/images/datepicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e3a1a1; background: #cc0000 url(/assets/images/datepicker/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d8dcdf; background: #eeeeee url(/assets/images/datepicker/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #004276; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004276; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(/assets/images/datepicker/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; } .ui-state-hover a, .ui-state-hover a:hover { color: #111111; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(/assets/images/datepicker/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #cc0000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc0000; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcd3a1; background: #fbf8ee url(/assets/images/datepicker/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(/assets/images/datepicker/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #2e2e2e; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #2e2e2e; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } .ui-state-active .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_004276_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/assets/images/datepicker/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #a6a6a6 url(/assets/images/datepicker/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(/assets/images/datepicker/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! * jQuery UI Datepicker 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ #ui-datepicker-div { z-index:10!important; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } #row-offscreen { position: absolute; left: -9999px; } .formrow label { padding-top: 7px; width: 20%; font-size: 13px; float: left; } .formrow select { width: 337px !important } .formrow input[type="text"], .formrow input[type="password"], .formrow textarea, .formrow select { padding: 5px 0px; font-size: 12px; margin: 3px 0; width: 334px; } .checkbox-group { width: 500px; padding: 20px 0; } .logonewletter { background: url("/assets/images/music_week_live.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 60px; width: auto; } .hide-text { font: 0/0 a !important; color: transparent !important; text-shadow: none; background-color: transparent; border: 0; } p.info-box { border-bottom: 1px dotted #e6e6e6; padding-bottom: 10px; margin-bottom: 10px; margin-top: 0px; }