/* CSS Document */ /* =common =#page - =#skip-links - - =#header - - =#nav - - =#content .three-col - -- =#content-1 -- --- =group group-1 -- ---- =module find-event ---- ---- =module dropzone ---- --- =group group-2 --- ---- =module .home-feature ---- ---- =module .just-listed ---- ---- =module featured-events ---- --- =#content-2 --- ---- =module .login ---- ---- =module .ad ---- ---- =module .dropzone ---- ---- =module .audio-player ---- ---- =module .moshpix ---- - =#footer -- */ /*---- =module .login ---- */ /* -- event page -- */ /* -- buy-tickets -- */ /* -- venue page -- */ /* -- booking-confirmation -- */ /* -- moshfile-details -- */ /* -- booking-history -- */ /* moshpix */ /* -- mobile -- */ /* -- about -- */ /* -- change-details */ /* -- contact */ /* common */ img {border: 0;} a, a:active {outline:none} .story-block {border: 0px solid #000; float: left; width: 130px;} .thumbnail {border: 1px solid #ebebeb; padding: 5px;} body {background: #ccc; margin: 0; padding: 0; text-align: center;} /* =#page */ #page {display: block; margin: auto; text-align: left; width: 959px;} /* - =#skip-links- */ /* - =#header - */ #header {background: url('images/bg-header.jpg') no-repeat; height: 106px; position: relative;} #header h1 {background: url('images/moshtix-logo.jpg') no-repeat; height: 147px; left: 0; position: absolute; text-indent: -9999em; top: 0; width: 176px;} #header h1 a {display: block; height: 147px; padding: 0; } #header .logo {left: 0; top: 0; position: absolute; } #header .ndmadkit-leaderboard {right: 30px; top: 8px; position: absolute;} /* - =#nav- */ #nav {background: url('images/bg-nav.jpg') repeat-x 0 0; height: 40px; padding: 1px 0 0 200px;} #nav ul {height: 33px; } #nav li {display: inline;} #nav li a {float: left; height: 33px; text-indent: -999em;} #nav li a:focus {outline: none;} li.nav-home a:link, li.nav-home a:visited { background: url('images/nav-sprite.gif') no-repeat 0 0; width: 68px;} li.nav-home a:hover, li.nav-home a:active, li.nav-home a:focus {background: url('images/nav-sprite.gif') no-repeat 0 -33px; width: 68px;} body.homepage li.nav-home a:link, body.homepage li.nav-home a:visited {background: url('images/nav-sprite.gif') no-repeat 0 -33px; width: 68px;} li.nav-about-moshtix a:link, li.nav-about-moshtix a:visited {background: url('images/nav-sprite.gif') no-repeat -68px 0; width: 78px;} li.nav-about-moshtix a:hover, li.nav-about-moshtix a:active, li.nav-about-moshtix a:focus {background: url('images/nav-sprite.gif') no-repeat -68px -33px; width: 78px;} body.about li.nav-about-moshtix a:link, body.about li.nav-about-moshtix a:visited {background: url('images/nav-sprite.gif') no-repeat -68px -33px; width: 78px;} li.nav-mobile a:link, li.nav-mobile a:visited {background: url('images/nav-sprite.gif') no-repeat -147px 0; width: 79px;} li.nav-mobile a:hover, li.nav-mobile a:active, li.nav-mobile a:focus {background: url('images/nav-sprite.gif') no-repeat -147px -33px; width: 79px;} body.mobile li.nav-mobile a:link, body.mobile li.nav-mobile a:visited {background: url('images/nav-sprite.gif') no-repeat -147px -33px; width: 79px;} li.nav-moshpix a:link, li.nav-moshpix a:visited {background: url('images/nav-sprite.gif') no-repeat -226px 0; width: 88px;} li.nav-moshpix a:hover, li.nav-moshpix a:active, li.nav-moshpix a:focus {background: url('images/nav-sprite.gif') no-repeat -226px -33px; width: 88px;} body.moshpix li.nav-moshpix a:link, body.moshpix li.nav-moshpix a:visited {background: url('images/nav-sprite.gif') no-repeat -226px -33px; width: 88px;} li.nav-venues a:link, li.nav-venues a:visited {background: url('images/nav-sprite.gif') no-repeat -314px 0; width: 84px;} li.nav-venues a:hover, li.nav-venues a:active, li.nav-venues a:focus {background: url('images/nav-sprite.gif') no-repeat -314px -33px; width: 84px;} body.venue li.nav-venues a:link, body.venue li.nav-venues a:visited {background: url('images/nav-sprite.gif') no-repeat -314px -33px; width: 84px;} li.nav-outlets a:link, li.nav-outlets a:visited {background: url('images/nav-sprite.gif') no-repeat -398px 0; width: 90px;} li.nav-outlets a:hover, li.nav-outlets a:active, li.nav-outlets a:focus {background: url('images/nav-sprite.gif') no-repeat -398px -33px; width: 90px;} body.outlets li.nav-outlets a:link, body.outlets li.nav-outlets a:visited {background: url('images/nav-sprite.gif') no-repeat -398px -33px; width: 90px;} li.nav-admin a:link, li.nav-admin a:visited {background: url('images/nav-sprite.gif') no-repeat -488px 0; width: 72px;} li.nav-admin a:hover, li.nav-admin a:active, li.nav-admin a:focus {background: url('images/nav-sprite.gif') no-repeat -488px -33px; width: 72px;} body.admin li.nav-admin a:link, body.admin li.nav-admin a:visited {background: url('images/nav-sprite.gif') no-repeat -488px -33px; width: 72px;} li.nav-help a:link, li.nav-help a:visited {background: url('images/nav-sprite.gif') no-repeat -560px 0; width: 64px;} li.nav-help a:hover, li.nav-help a:active, li.nav-help a:focus {background: url('images/nav-sprite.gif') no-repeat -560px -33px; width: 64px;} body.faq li.nav-help a:link, body.faq li.nav-help a:visited {background: url('images/nav-sprite.gif') no-repeat -560px -33px; width: 64px;} li.nav-logout a:link, li.nav-logout a:visited {background: url('images/nav-sprite.gif') no-repeat -670px 0; margin-left: 47px; width: 75px;} li.nav-logout a:hover, li.nav-logout a:active, li.nav-logout a:focus {background: url('images/nav-sprite.gif') no-repeat -670px -33px; margin-left: 47px; width: 75px;} /* - =#content .three-col - */ #content {float: left; margin-top: 6px; } /* -- =#content-1 -- */ #content-1 {float: left; width: 645px;} /* --- =.group .group-1 --*/ .three-col .group-1 {float: left; width: 190px;} .three-col .group-1 .module {margin: 0 0 20px 0} /* ---- =.module .find-event ---- */ .three-col .find-event {} /* find-event-horizontal */ /* find-event-horizontal h2 */ .find-event-horizontal h2 {background:transparent url("images/h2-sprite-645.jpg") no-repeat scroll 0 -394px; text-indent: -9999em;} .find-event-horizontal h3 {margin: 0; padding: 0 0 0.6em 0; text-indent: -9999em;} #page #content-1 .find-event-horizontal .module-content {background: url("images/bg-mid-panel-stripe-645.jpg") repeat-y; height: 141px; position: relative;} /* find-event-horizontal location */ .find-event-horizontal .location {left: 12px; position: absolute; top: 5px; width: 198px;} .find-event-horizontal .location h3 {background: url("images/h3-sprite-events.gif") 0 0 no-repeat;} .find-event-horizontal .select-location {position: relative;} #page .find-event-horizontal .location .text-link {float: left; padding: 0 0 0 7px; width: 71px;} .find-event-horizontal .location .text-link li {float: left; padding: 0; width: 35px;} #page .find-event-horizontal .location .text-link .on {text-decoration: underline;} /* find-event-horizontal keyword */ .find-event-horizontal .keyword {left:12px;position:absolute;top:97px;width:198px/*;z-index:0*/} /**:first-child+html .find-event-horizontal .keyword {z-index: -10;}*/ .find-event-horizontal .keyword h3 {background: url("images/h3-sprite-events.gif") 0 -24px no-repeat;} .find-event-horizontal .keyword input {border: 1px solid #ccc;} .find-event-horizontal .category input[type=checkbox] {border: 0px;} .find-event-horizontal .venue select {border: 1px solid #ccc;} /* find-event-horizontal keyword h3 */ /* find-event-horizontal category */ .find-event-horizontal .category {border-bottom: #e0e0e0 1px solid; border-right: #e0e0e0 1px solid; border-left: #e0e0e0 1px solid; height: 5.2em; left: 202px; padding: 5px 0 0 15px; position: absolute; top: 0px; width: 247px;} .find-event-horizontal .category h3 {background: url("images/h3-sprite-events.gif") 0 -134px no-repeat;} #page .find-event-horizontal .category ul {float: left; padding: 5px 0 0 70px; margin-top: -25px; position: relative; width: 180px;} .find-event-horizontal .category ul li {float: left; padding: 0; position: absolute; width: 88px;} .find-event-horizontal .category ul .live-music {left: 75px; top: 3px;} .find-event-horizontal .category ul .festivals {left: 163px; top: 3px;} .find-event-horizontal .category ul .dance {left: 75px; top: 20px;} .find-event-horizontal .category ul .arts {left: 163px; top: 20px;} .find-event-horizontal .category ul .all-ages {left: 75px; top: 37px;} .find-event-horizontal .category ul .other {left: 163px; top: 37px;} .find-event-horizontal .category ul li input {margin: 0 4px 0 0; padding: 0; } /* find-event-horizontal venue */ .find-event-horizontal .venue {border-bottom: #e0e0e0 1px solid; height: 5.2em; left: 465px; padding: 0 0 0 14px; position: absolute; top: 5px; width: 160px;} .find-event-horizontal .venue h3 {background: url("images/h3-sprite-events.gif") 0 -53px no-repeat;} /* find-event-horizontal date */ .find-event-horizontal .date {border-bottom: #e0e0e0 1px solid; border-right: #e0e0e0 1px solid; border-left: #e0e0e0 1px solid; height: 4.7em; left: 202px; padding: 5px 0 0 15px; position: absolute; top: 60px; width: 164px;} .find-event-horizontal .date h3 {background: url("images/h3-sprite-events.gif") 0 -77px no-repeat;} .find-event-horizontal .date-container {position: relative;} .find-event-horizontal .date input {font-size: 1.3em; width: 55px;} .find-event-horizontal .from {left: 0; top: 0;} .find-event-horizontal .from-calendar {left: 62px; position: absolute; top: 0;} .find-event-horizontal .to {left: 80px; top: 0;} .find-event-horizontal .to-calendar {left: 142px; position: absolute; top: 0;} #page .radPopupImage_Vista img {margin:0 3px 0 5px} /* find-event-horizontal price */ .find-event-horizontal .price {border-bottom: #e0e0e0 1px solid; height: 4.7em; left: 382px; padding: 5px 0 0 15px; position: absolute; top: 60px; width: 242px;} .find-event-horizontal .price h3 {background: url("images/h3-sprite-events.gif") 0 -105px no-repeat;} /* find-event-horizontal submit */ .find-event-horizontal .submit-button {border-left:#e0e0e0 1px solid;right:0;float:right;margin-right:10px;text-indent:-9999em; top: 115px;position:absolute;width:432px} .find-event-horizontal .submit-button a {background:url('images/button-search.gif') 0 0;display:block;height:24px;width:72px;float:right} .find-event-horizontal .submit-button a:hover, .find-event-horizontal .submit-button a:active, .find-event-horizontal .submit-button a:focus {background-position:0 24px} /* ---- =.module .find-event ---- */ .three-col .find-event {} /* find-event-vertical */ .find-event-vertical h2 {background:transparent url("images/h2-sprite-190.jpg") no-repeat 0 0; text-indent: -9999em;} .find-event-vertical h3 {height: 19px; margin: 0; margin: 0 0 0.6em 0; text-indent: -9999em;} #page #content-1 .find-event-vertical .module-content {background: url("images/bg-mid-panel-stripe-190.jpg") repeat-y;} .three-col #content-1 .group-1 .module-footer {background: url('images/bg-bottom-panel-190.gif') no-repeat 0 0; height: 8px;} /* find-event-vertical location */ .find-event-vertical .location {margin: 0 4px 0 11px; padding: 5px 0 0 0; position: relative;} .find-event-vertical .location h3 {background: url("images/h3-sprite-events.gif") 0 0 no-repeat;} .find-event-vertical .select-location {position: absolute;} #page .find-event-vertical .location .text-link {padding: 0 0 0 2px; width: 71px;} .find-event-vertical .location .text-link li {float: left; padding: 0; width: 35px;} #page .find-event-vertical .location .text-link .on {text-decoration: underline;} .find-event-vertical .map-container {left: 62px; position: absolute; top: 12px; } .find-event-vertical .map-australia {background: url("images/map-sprite.gif") no-repeat; float: left; height: 98px; position: relative; padding: 0; width: 108px;} /* find-event-vertical keyword */ .find-event-vertical .keyword {border-bottom: #e0e0e0 1px solid; clear: both; margin: 0 4px 0 1px; padding:12px 0 12px 11px;} *:first-child+html .find-event-vertical .keyword {} .find-event-vertical .keyword h3 {background: url("images/h3-sprite-events.gif") 0 -24px no-repeat;} .find-event-vertical .keyword input {border: 1px solid #ccc;} .find-event-vertical .category input[type=checkbox] {border: 0px;} .find-event-vertical .venue select {border: 1px solid #ccc;} /* find-event-vertical keyword h3 */ /* find-event-vertical category */ .find-event-vertical .category {margin: 0 4px 0 1px; padding: 12px 0 3px 11px;} .find-event-vertical .category h3 {background: url("images/h3-sprite-events.gif") 0 -134px no-repeat; } #page .find-event-vertical .category ul {float: left; padding: 0; margin-bottom: 12px; position: relative; width: 180px;} .find-event-vertical .category ul li {float: left; padding: 0; width: 88px;} .find-event-vertical .category ul li input {margin: 0 4px 0 0; padding: 0; } /* find-event-vertical venue */ .find-event-vertical .venue {border-bottom: #e0e0e0 1px solid; border-top: #e0e0e0 1px solid; clear: both; margin: 0 4px 0 1px; padding: 12px 0 12px 11px;} *:first-child+html .find-event-vertical .venue {padding-top: 6px;} .find-event-vertical .venue h3 {background: url("images/h3-sprite-events.gif") 0 -53px no-repeat;} /* find-event-vertical date */ .find-event-vertical .date {border-bottom: #e0e0e0 1px solid; border-right: #e0e0e0 1px solid; border-left: #e0e0e0 1px solid; clear: both; margin: 0 4px 0 1px; padding: 12px 0 12px 11px;} .find-event-vertical .date h3 {background: url("images/h3-sprite-events.gif") 0 -77px no-repeat;} .find-event-vertical .date-container {} .find-event-vertical .date input {font-size: 1.3em;} .find-event-vertical .from {left: 0; top: 0;} .find-event-vertical .from-calendar {left: 62px; position: absolute; top: 0;} .find-event-vertical .to {left: 80px; top: 0;} .find-event-vertical .to-calendar {left: 142px; position: absolute; top: 0;} /* find-event-vertical price */ .find-event-vertical .price {border-bottom: #e0e0e0 1px solid; clear: both; left: 12px; margin: 0 4px 0 1px; padding: 12px 0 12px 11px;} .find-event-vertical .price h3 {background: url("images/h3-sprite-events.gif") 0 -105px no-repeat;} /* find-event-vertical submit */ .find-event-vertical .submit-button { border-left: #e0e0e0 1px solid; margin: 0 4px 0 1px; padding: 12px 0 0 15px; text-indent: 9999em;} .find-event-vertical .submit-button a {background:url('images/button-search.gif') 0 0;display:block;height:24px;width:72px;overflow:hidden} .find-event-vertical .submit-button a:hover, .find-event-vertical .submit-button a:active, .find-event-vertical .submit-button a:focus {background-position:0 24px} .find-event-horizontal .map-australia {background: url("images/map-sprite.gif") no-repeat; float: left; height: 98px; left: -5px; margin: 1px; position: relative; padding: 0; top: -18px; width: 108px; z-index: 10;} .map-australia li {padding: 0px; display: block; margin: 0px; list-style-type: none; position: absolute;} .map-australia a { display: block; text-indent: -9999px; text-decoration: none} .map-australia a:focus {outline: none;} .nsw-map {height: 25px; left: 75px; top: 50px; width: 33px; z-index: 0;} .nsw-map a:link, .nsw-map a:visited {height: 25px;} .nsw-map a:active, .nsw-map a:hover, .nsw-map a:focus {height: 25px; background: transparent url("images/map-sprite.gif") -75px -159px;} .nsw-map a.on {background: transparent url("images/map-sprite.gif") -75px -159px;} .vic-map {height: 17px; left: 75px; top: 68px; width: 26px; z-index: 10;} .vic-map a:link, .vic-map a:visited {height: 17px;} .vic-map a:focus, .vic-map a:active, .vic-map a:hover {height: 17px; background: transparent url("images/map-sprite.gif") -75px -287px no-repeat;} .vic-map a.on {background: transparent url("images/map-sprite.gif") -75px -287px no-repeat;} .sa-map {height: 38px; left: 42px; top: 43px; width: 33px; } .sa-map a:link, .sa-map a:visited {height: 38px;} .sa-map a:hover, .sa-map a:active, .sa-map a:focus {height: 38px; background: transparent url("images/map-sprite.gif") -42px -152px; } .sa-map a.on {background: transparent url("images/map-sprite.gif") -42px -152px; } .wa-map {height: 74px; left: 0px; top: 0px; width: 42px; } .wa-map a:link, .wa-map a:visited {height: 74px;} .wa-map a:hover, .wa-map a:active, .wa-map a:focus {height: 74px; background: transparent url("images/map-sprite.gif") 0 -109px; } .wa-map a.on {background: transparent url("images/map-sprite.gif") 0 -109px; } .qld-map {height: 50px; left: 67px; top: 0; position: absolute; width: 41px;} .qld-map a:link, .qld-map a:visited {height: 50px;} .qld-map a:active, .qld-map a:hover, .qld-map a:focus {height: 50px; background: transparent url("images/map-sprite.gif") -67px -219px;} .qld-map a.on {background: transparent url("images/map-sprite.gif") -67px -219px;} .tas-map {height: 12px; left: 82px; position: absolute; top: 86px; width: 19px; z-index: 10;} .tas-map a:link, .tas-map a:visited {height: 12px;} .tas-map a:active, .tas-map a:hover, .tas-map a:focus {height: 12px; background: transparent url("images/map-sprite.gif") -82px -195px; } .tas-map a.on {background: transparent url("images/map-sprite.gif") -82px -195px; } .act-map {height: 9px; left: 91px; position: absolute; top: 60px; width: 12px; z-index: 20;} .act-map a:link, .act-map a:visited {height: 12px;} .act-map a:hover, .act-map a:active, .act-map a:focus {height: 12px; background: transparent url("images/map-sprite.gif") -91px -279px;} .act-map a.on {background: transparent url("images/map-sprite.gif") -91px -279px;} /* ---- =.module .dropzone ---- */ .three-col .group-1 .dropzone .top-panel {background: url('images/bg-top-panel-190.gif') no-repeat 0 0; height: 7px;} .three-col .group-1 .dropzone .center-panel {background: url('images/bg-mid-panel-190.gif') repeat-y;} *html .three-col .group-1 .module .center-panel {margin-top: -6px;} .three-col .group-1 .module .bottom-panel {background: url('images/bg-bottom-panel-190.gif') no-repeat 0 0; height: 8px;} /* --- =.group .group-2 --- */ .three-col .group-2 {float: right; width: 445px;} .three-col .group-2 .module {margin: 0 0 2em 0;} .three-col .group-2 .module .module-header { height: 37px; } .three-col #content-1 .group-2 .module-content {background: url('images/bg-mid-panel-445.gif') repeat-y; width: 445px; } .three-col #content-1 .group-2 .module-footer {background: url('images/bg-bottom-panel-445.gif') no-repeat; clear: both; height: 9px; width: 445px;} /* ---- =.module .home-feature ---- */ .three-col .group-2 .home-feature .top-panel {background: url('images/bg-top-panel-445.gif') no-repeat 0 0 !important; height: 6px !important;} *html .three-col .group-2 .home-feature .top-panel {margin-bottom: -5px;} .three-col .group-2 .home-feature .center-panel {background: url('images/bg-mid-panel-445.gif') repeat-y !important; padding: 3px 12px 3px 9px; } .three-col #content-1 .group-2 .home-feature .bottom-panel {background: url('images/bg-bottom-panel-445.gif') no-repeat 0 0 !important; height: 9px;} /* ---- =.module .just-listed ---- */ .three-col #content-1 .dual-box .module-content {background: url('images/bg-mid-panel-dual-445.gif'); } .three-col #content-1 .dual-box .module-footer {background: url('images/bg-bottom-panel-dual-445.gif') no-repeat; } .three-col .dual-box .just-listed, .three-col .dual-box .hot-tickets {width: 222px;} .dual-box .just-listed .content-item-wrap {padding: 0 0 0 3px;} .dual-box .hot-tickets .content-item-wrap {padding: 0 5px 0 0;} .dual-box .just-listed h2 {background: url('images/h2-sprite-dual-445.gif') no-repeat 0 0;} .dual-box .hot-tickets h2 {background: url('images/h2-sprite-dual-445.gif') no-repeat -222px 0;} .three-col .dual-box .just-listed .story-block {float: none; margin-right: 2px; padding: 7px 0 11px 12px; width: auto;height:55px} .three-col .dual-box .hot-tickets .story-block {float: none; padding: 7px 0 11px 12px; width: auto;height:55px} .three-col .dual-box .story-block h3 {max-height:29px;overflow:hidden} .three-col .dual-box .just-listed .alternate, .three-col .dual-box .hot-tickets .alternate {background: #f7f7f7; border-bottom: 1px solid #E3E3E3; border-top: 1px solid #E3E3E3;} #page .dual-box .just-listed .date, #page .dual-box .hot-tickets .date {font-weight: bold;} #page .dual-box .just-listed p, #page .dual-box .hot-tickets p {padding-bottom: 0;} #page .dual-box .just-listed span, #page .dual-box .hot-tickets span {float: none;} /* ---- =module featured-events ---- */ .featured-events {} .featured-events .module-header h2 {background: url('images/h2-sprite-445.jpg') no-repeat 0 0; text-indent: -999em;} .featured-events .module-content {clear: both; float: left; padding: 5px 0px 0px 4px; width: 445px;} .featured-events .module-content ul {float: left; list-style-type: none; } .featured-events .module-content ul li {background: url('images/bg-story-block.jpg') bottom repeat-x; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; float: left; height: 245px; overflow: hidden; padding: 6px;} .featured-events .module-content ul li .story-block {float: left; height:245px; overflow: visible; width: 132px;} .featured-events img.thumbnail {display:block;height:120px;width:120px;color:transparent;background:url(/uploads/PortalSearch_Default.jpg) -2px -2px no-repeat} /* --- =#content-2 --- */ #content-2 {float: right; margin-left: 10px; width: 302px;} #content-2 .module {margin-bottom: 20px;} #content-2 .module .module-header {background: url('images/bg-h2-header-300.gif') repeat-y;} #content-2 .module .module-content {background: url('images/bg-mid-panel-stripe-304.jpg') repeat-y; } #content-2 .module .module-footer {background: url('images/bg-bottom-panel-300.gif') no-repeat; clear: both; height: 7px;} #content-2 .top-panel {background: url('images/bg-top-panel-300.gif') no-repeat 0 0; height: 4px;} *html #content-2 .top-panel {margin-bottom: -9px;} #content-2 .center-panel {background: url('images/bg-mid-panel-300.gif') repeat-y;} #content-2 .bottom-panel {background: url('images/bg-bottom-panel-300.gif') no-repeat 0 0; height: 7px;} /*---- =module .login ---- */ .login {} .login .module-header {} .login .module-header span {} .login .module-content {padding: 0 8px 12px 8px; position: relative;} .login-form {height:92px;position:relative} #page .login p.user {left:9px;position:absolute;top:12px;color:#a0a0a0;width:100%;text-transform:uppercase} #page .login p.password {left:9px;position:absolute;top:41px;color:#a0a0a0;width:100%;text-transform:uppercase} .login .user-entry, .login .password-entry {right:18px;position:absolute;top:-6px;border:1px solid #ccc;padding:3px 6px} .login .module-content .forgotten {left: 112px; position: absolute; top: 56px;} .login .login-button {border:none;height:23px;left:218px;position:absolute;top:63px;width:61px} .login .login-button a{text-indent:-9999em;display:block;height:23px;background: url(images/button-login.gif) top center no-repeat} .login .login-button a:active, .login .login-button a:hover, .login .login-button a:focus {background-position:0 -31px} #page .login .module-content .login-form span {} #page .login .register {background: #fff; border: 1px solid #ededed; margin: 0 7px 0 7px; padding: 0.7em;} .login-extra-info .module-content {float: left; padding: 5px 13px 0 13px;} /*---- =module .ad ---- */ #content-2 .module.ad {margin-left:2px} .ad img {margin-left: 1px;} /* ---- =module .dropzone ---- */ /* ---- =module .audio-player ---- */ /* ---- =module .moshpix ---- */ #content-2 .moshpix h2 {background: url("images/h2-sprite-304.jpg") no-repeat 0 -76px; display: block; text-indent: -9999em;} .moshpix .module-content {padding: 9px 12px 0 12px; position: relative;min-height:107px} #page .moshpix .module-content p {padding-left: 88px;margin-top:-4px} #page .moshpix .module-content a:hover span {text-decoration: none;} #page .moshpix .module-content span {color: #000; font-weight: bold; text-decoration: none;} #page .moshpix .module-content .venue {font-weight: normal;} .moshpix .module-content img {padding-right: 9px;} #page .moshpix .module-content .more {bottom: 2px; left: 99px; position: absolute; text-indent: -9999em;} *html #page .moshpix .module-content .more {top: 104px; left: 215px;} .moshpix .module-content .more a:link, .moshpix .module-content .more a:visited {background: url('images/button-more-rect.gif') 0 0; display: block; height: 24px; width: 61px;} .moshpix .module-content .more a:hover, .moshpix .module-content .more a:active, .moshpix .module-content .more a:focus {background: url('images/button-more-rect.gif') 0 24px; display: block; height: 24px; width: 61px;} #ctl00_ContentPlaceHolder1_RecentMoshpix_uiLitMoshpix1, #ctl00_ContentPlaceHolder1_RecentMoshpix_uiLitMoshpix2 {position:absolute;top:7px} #ctl00_ContentPlaceHolder1_RecentMoshpix_uiLitMoshpix2 {top:62px} /* - =#footer -- */ #footer { background: url('images/bg-footer.jpg') no-repeat; clear: both; color: #ccc; height: 319px; margin-bottom: 14px; padding: 10px 0 0 0; position: relative;} #page #footer p {color: #fff; } .footer-logo {left: 791px; position: absolute; top: 134px;} #footer h2 {margin: 0 0 10px 0; text-indent: -999em; } #footer .module { padding: 0;} /* -- =browse -- */ #footer .browse {left: 12px; position: absolute; width: 140px;} #footer .browse h2 {background: url('images/h2-sprite-footer.gif') no-repeat 0 0; height: 26px; } /* -- =register -- */ #footer .register {left: 182px; position: absolute; width: 145px;} #footer .register h2 {background: url('images/h2-sprite-footer.gif') no-repeat 0 -36px; height: 26px; } #page #footer .register a:link, #page #footer .register a:visited {color: #F47E30 !important;} #page #footer .register a:active, #page #footer .register a:focus, #page #footer .register a:hover {color: #F47E30 !important;} /* -- =about-moshtix -- */ #footer .about-moshtix {left: 390px; position: absolute; width: 190px;} #footer .about-moshtix h2 {background: url('images/h2-sprite-footer.gif') no-repeat 0 -74px; height: 26px;} /* -- =more -- */ #footer .more {left: 631px; position: absolute; width: 132px;} #footer .more h2 {background: url('images/h2-sprite-footer.gif') no-repeat 0 -108px; height: 26px;} /* -- =help -- */ #footer .help {left: 782px; position: absolute; width: 161px;} #footer .help h2 {background: url('images/h2-sprite-footer.gif') no-repeat 0 -146px; height: 26px;} /* -- =module-footer -- */ #footer #module-footer {bottom: 17px; clear: both; left: 0; position: absolute;} #page .copyright {float: left; padding: 0 0 17px 12px; width: 714px;} #page .privacy {float: left; padding: 0 14px 17px 0;} /* standard page */ /* - =content - */ /* -- =content-1 -- */ #content #content-1 {width: 645px;} #content #content-1 .module {clear: both; margin: 0 0 20px 0;} /* --- =group group-1 --- */ /* ---- =module find-event ---- */ /* ---- =module dropzone ---- */ /* --- =group group-2 --- */ /* ---- =module .search-results .shortlist ---- */ .search-results h2{background: url('images/h2-sprite-645.jpg') no-repeat 0 0; text-indent: -9999em; } #content-1 .search-results .module-content {width: 645px} /* ----- =module .module-header ----- */ /* ----- =heading ----- */ /* ----- =module .module-content ----- */ #content-1 .module .module-content {background: url('images/bg-mid-panel-645.gif');} #page .module-content .your-search {border-top: 1px solid #e3e3e3; clear: both; padding: 10px;} body.faq #content-1 .module .module-content, body.privacy #content-1 .module .module-content, body.about #content-1 .module .module-content {padding:18px 10px} .search-results .content-item {clear: both; padding: 0 5px 0 3px;} /* ------ =content-item display-options ------ */ .display-options {background: url('images/bg-mid-panel-645.gif') repeat-y; height: 40px; clear: both;} .display-2 ul {border-top: 1px solid #ddd;} .display-options p {} #page .display-options ul {padding-top: 10px; position: relative;} .display-options ul li {float: left;} /* ------- =sort ------- */ /* ------- =view ------- */ .view {left: 405px; padding-top: 3px; position: absolute; } *html .view {left: 165px;} .display-options .short-list { left: 440px; position: absolute; text-indent: -9999em; } *html .display-options .short-list { left: 215px;} .short-list a, .thumb-list a {outline:none} .short-list a:link, .short-list a:visited {background: url('images/button-view-result.gif') 0 0 no-repeat; display: block; height: 20px; width: 20px;} .short-list a:active, .short-list a:hover, .short-list a:focus {background: url('images/button-view-result.gif') 0 -21px no-repeat;} .short-list a.current {background: url('images/button-view-result.gif') 0 -21px no-repeat;} .display-options .thumb-list {border-right: 1px solid #e3e3e3; left: 462px; padding-right: 10px; position: absolute; text-indent: -9999em;} *html .display-options .thumb-list {left: 237px;} .thumb-list a:link, .thumb-list a:visited {background: url('images/button-view-result.gif') -22px 0 no-repeat; display: block; height: 20px; width: 20px;} .thumb-list a:hover, .thumb-list a:active, .thumb-list a:focus {background: url('images/button-view-result.gif') -22px -21px no-repeat; } .thumb-list a.current {background: url('images/button-view-result.gif') -22px -21px no-repeat; } .page-number {color: #4e4e4e; left: 525px; position: absolute;} *html .page-number {left: 300px;} .page-number .current-page {background: #fff; color: #202020; font-weight: bold; padding: 0.2em 0.5em 0.2em 0.5em; border: 1px solid #ccc;} .page-number .total-pages {color: #202020; font-weight: bold;} .display-options .per-page {padding-left: 14px;} .display-options .sort-by {padding-left: 10px;} .display-options .scroll {float: right;} .display-options .back {height: 20px; left: 500px; margin-top: 2px; position: absolute; text-indent: -9999em; width: 20px;} *html .display-options .back {left: 289px;} .back a:link, .back a:visited {background: url('images/icon-search-arrow.gif') 10px 2px no-repeat; display: block; height: 20px;} .back a:hover, .back a:active, .back a:focus {} .display-options .forward {text-indent: -9999em; height: 20px; left: 609px; margin-top: 2px; position: absolute; width: 20px;} *html .display-options .forward {left: 391px;} .forward a:link, .forward a:visited {background: url('images/icon-search-arrow.gif') -25px 2px no-repeat; display: block; height: 20px;} .forward a:hover, .forward a:active, .forward a:focus {} /* ------ =content-item did-you-mean ------ */ .did-you-mean {} /* ------- =content-item story-block ------- */ .search-results .alternate {background: #f7f7f7;} *html .search-results .result-thumb .alternate {background: #f7f7f7; float: left !important; width: 615px;} /* -------- =content-item story-block -------- */ .search-results .story-block {border-top: 1px solid #ddd; float: none; padding: 10px; position: relative; width: auto;} .search-results h3 {float: left; margin:0;} #page .search-results h3 a {font-weight: bold;} #page .search-results .shortlist .venue {padding: 0 100px 0 261px;} #page .search-results .shortlist .venue a {font-weight: bold;} #page .search-results .shortlist .date {padding: 0 100px 0 261px;} #page .search-results .shortlist .price {padding: 0 100px 0 261px;} #page .search-results .shortlist .buy {position: absolute; top: 10px; right: 10px; text-indent: -9999em;} .buy a:link, .buy a:visited {background: url('images/button-buy.gif') 0 0 no-repeat; display: block; height: 37px; width: 40px;} .buy a:hover, .buy a:active, .buy a:focus {background: url('images/button-buy.gif') 0 -42px no-repeat; display: block; height: 37px; width: 40px;} .result-thumb {float: left;} .search-results .result-thumb {float: left; margin:0;} #page .search-results .result-thumb h3 {float: none; height: 2em; padding: 0 100px 0 129px;} *html #page .search-results .result-thumb h3 {padding-left: 10px;} #page .search-results .result-thumb .standfirst {height: 100px; overflow: hidden; padding: 0 0 0 12px;} *html #page .search-results .result-thumb .standfirst {padding-left: 10px;} *:first-child+html #page .search-results .result-thumb .standfirst {padding: 0 100px 0 30px;} *:first-child+html #page .search-results .result-thumb h3 {padding: 0 100px 0 30px;} #page .search-results .result-thumb .story-related {border-top: 1px solid #ddd; margin-left: 129px; padding: 7px 0 0 0;} #page .search-results .result-thumb .story-related .venue {padding: 0 0 0 50px;} #page .search-results .result-thumb .story-related .venue a {font-weight: bold;} #page .search-results .result-thumb .story-related .date {padding: 0 0 0 50px;} #page .search-results .result-thumb .story-related .price {padding: 0 0 0 50px;} #page .search-results .buy {float: left; position: static; top: 10px; right: 10px; text-indent: -9999em;} #page .search-results .result-thumb .links { font-size: 1em; left: 10px; letter-spacing: -0.05em; position: absolute; text-transform: uppercase; top: 146px; width: 130px;} #page .search-results .result-thumb .links a {display: block; padding: 0 0 5px 22px; } #page .search-results .result-thumb .links a.add-watchlist {background: url("images/icon-add-watchlist.gif") no-repeat 0px 0px; color: #929292; } #page .search-results .result-thumb .links .add-watchlist:hover, #page .search-results .result-thumb .links .add-watchlist:focus, #page .search-results .result-thumb .links .add-watchlist:active {background-position:0px -22px;color:#F47E30} #page .search-results .result-thumb .links a.tell-friend {background: url("images/icon-email-friend.gif") no-repeat 0 2px; color: #929292; display: block; padding: 0 0 0 22px} #page .search-results .result-thumb .links .tell-friend:active, #page .search-results .result-thumb .links .tell-friend:focus, #page .search-results .result-thumb .links .tell-friend:hover {background-position:0 -21px; color: #F47E30} #page .search-results .shortlist .links {font-size: 1em; left: 10px; letter-spacing: -0.05em; position: absolute; text-transform: uppercase; top: 3em;} #page .search-results .shortlist .links a {display: block; padding: 0 0 5px 22px;} #page .search-results .shortlist .links a.add-watchlist {background: url("images/icon-add-watchlist.gif") no-repeat 0px 0px; color: #929292} #page .search-results .shortlist .links .add-watchlist:hover, #page .search-results .shortlist .links .add-watchlist:focus, #page .search-results .shortlist .links .add-watchlist:active {background-position: 0px -72px; color: #F47E30;} #page .search-results .shortlist .links a.tell-friend {background: url("images/icon-email-friend.gif") no-repeat 0 2px; color: #929292} #page .search-results .shortlist .links .tell-friend:active, #page .search-results .shortlist .links .tell-friend:focus, #page .search-results .shortlist .links .tell-friend:hover {background-position:0 -71px; color: #F47E30} /* refine search */ #page .search-results .refine h3 {background: #FBF9FA; clear: both; color: #4e4e4e; float: none; padding: 9px 0 0 9px;} #page .search-results .refine ul {background: #FBF9FA; border-bottom: 1px solid #e3e3e3; float: left; padding: 0 9px 9px 9px; width: 619px;} #page .search-results .refine li {float: left; padding-right: 3px; width:195px;} #page .search-results .refine-button {float: left; height: 24px; padding: 9px 10px 13px 555px;} #page .search-results .refine-button a:link {background: url("images/button-refine.gif") no-repeat 0 0; display: block; height: 24px; text-indent: -9999em; width: 71px;} .genreTool {display:block; background: #FBF9FA; padding-left:12px; font-size:12px} /* ---.your-moshfile --- */ #content-2 .your-moshfile h2 {background: url("images/h2-sprite-304.jpg") no-repeat 0 -38px; display: block; text-indent: -9999em;} #content-2 .your-moshfile .module-content {float: left; padding: 5px 13px 0 13px; width: 278px;} #page .your-moshfile .greeting {float: left; font-size: 1.2em; font-weight: bold; padding: 0 0 5px 0;} #page .your-moshfile .state {float: left; font-size: 1em; padding: 1px 0 0 0;} .your-moshfile .file-links {float: left;} #page .your-moshfile .full-view {clear: both; padding: 0.5em 0 0.5em 0;} .your-moshfile .not-you {float: right; font-size: 1.2em;} #page .your-moshfile .you-have {border-top: 1px solid #e0e0e0; clear: both; color: #858484; padding-bottom: 0;} #page .your-moshfile ul {font-size: 1.2em; width: 130px;} #page .your-moshfile .left {float: left; } #page .your-moshfile .right {float: right; } #page .your-moshfile ul li { color: #434343; padding: 4px 0 0 41px; position: relative;} .your-moshfile ul li a {position: absolute; width: 1.5em; left: 0; padding: 0 0 0 19px} *html .your-moshfile ul li a {margin-left: -35px;} .your-moshfile ul li.recommended a:link, .your-moshfile ul li.recommended a:visited {background: url("images/icon-moshfile.gif") no-repeat -1px 0px;} .your-moshfile ul li.recommended a:active, .your-moshfile ul li.recommended a:hover, .your-moshfile ul li.recommended a:focus {background: url("images/icon-moshfile.gif") no-repeat -1px -122px;} .your-moshfile ul li.watch-list a:link, .your-moshfile ul li.watch-list a:visited {background: url("images/icon-moshfile.gif") no-repeat -88px 0;} .your-moshfile ul li.watch-list a:active, .your-moshfile ul li.watch-list a:hover, .your-moshfile ul li.watch-list a:focus {background: url("images/icon-moshfile.gif") no-repeat -88px -122px;} .your-moshfile ul li.sold-out a:link, .your-moshfile ul li.sold-out a:visited {background: url("images/icon-moshfile.gif") no-repeat -175px 0;} .your-moshfile ul li.sold-out a:active, .your-moshfile ul li.sold-out a:hover, .your-moshfile ul li.sold-out a:focus {background: url("images/icon-moshfile.gif") no-repeat -175px -122px;} .your-moshfile ul li.selling-fast a:link, .your-moshfile ul li.selling-fast a:visited {background: url("images/icon-moshfile.gif") no-repeat -260px 0;} .your-moshfile ul li.selling-fast a:active, .your-moshfile ul li.selling-fast a:hover, .your-moshfile ul li.selling-fast a:focus {background: url("images/icon-moshfile.gif") no-repeat -260px -122px;} .your-moshfile ul li.upcoming a:link, .your-moshfile ul li.upcoming a:visited {background: url("images/icon-moshfile.gif") no-repeat -349px 0;} .your-moshfile ul li.upcoming a:active, .your-moshfile ul li.upcoming a:hover, .your-moshfile ul li.upcoming a:focus {background: url("images/icon-moshfile.gif") no-repeat -349px -122px;} .your-moshfile ul li.past-events a:link, .your-moshfile ul li.past-events a:visited {background: url("images/icon-moshfile.gif") no-repeat -437px 0;} .your-moshfile ul li.past-events a:active, .your-moshfile ul li.past-events a:hover, .your-moshfile ul li.past-events a:focus {background: url("images/icon-moshfile.gif") no-repeat -437px -122px;} .your-moshfile ul li.register a:link, .your-moshfile ul li.register a:visited {background: url("images/icon-moshfile.gif") no-repeat -531px -2px;} .your-moshfile ul li.register a:active, .your-moshfile ul li.register a:hover, .your-moshfile ul li.register a:focus {background: url("images/icon-moshfile.gif") no-repeat -531px -124px;} #page .your-moshfile ul .register span a {background: none; font-size: 0.9em; padding: 0; position: static; } *html #page .your-moshfile ul .register span {margin-left: 36px} /* -- event page -- */ body.event #content #content-1 .module {margin-bottom:10px} /* ----- =module venues -----*/ .venues-module.list .bottom-panel {margin-top:-5px} body.event .module.event, body.event .module.dual-box, body.event .module.buy-tickets {margin-bottom:10px} /* ----- =module event ----- */ #page .event p {padding-bottom: 1em; clear: left;} /* ------- =top-panel ------ */ #content #content-1 .group-2 .top-panel {background: url("images/bg-top-panel-645.gif") no-repeat 0 0; height: 8px;} /* ------ =center-panel ------ */ #content #content-1 .group-2 .center-panel {background: url("images/bg-mid-panel-645.gif") repeat-y; padding: 0 12px 0 12px;position:relative} *html #content #content-1 .group-2 .center-panel {margin-top: -5px;} *html #content #content-1 .group-2 .event .center-panel {float: left;} div.event-description {font-size:1.2em;margin-bottom:3em} /* ------- =event-image ------ */ .event-image {float: left} /* ------- =mastercard image ------ */ img.mastercard {position:absolute;top:0;right:15px} /* ------- =heading ------- */ .event h2 {padding: 0 0 0 141px;} .event .center-panel h2.heading {width:280px;padding-bottom:6px;height:auto} *:first-child+html .event h2 {padding: 0 0 0 21px;} *html .event h2 {padding: 0 0 0 21px;} /* ------ =event-related ------ */ .event-related {padding: 0 0 25px 141px;} /* ------- =buy ------- */ #page .event .buy {clear: none; float: left; padding: 0; text-indent: -9999em;} /* ------- =venue ------- */ #page .event .venue {clear: none; padding: 0 0 0 45px;} #page .event .venue a {font-weight: bold;} /* ------- =date ------- */ #page .event .date {clear: none; padding: 0 0 0 45px;} /* ------- =price ------- */ #page .event .price {clear: none; padding: 0 0 0 45px;} /* ------- =links ------- */ #page .event .event-related .links {clear: none; padding: 15px 0 0 0;} #page .event .event-related .links a.add-watchlist {background: url("images/icon-add-watchlist.gif") no-repeat 0px 0px; color: #929292; letter-spacing: -0.05em; margin-right: 10px; padding: 0 0 0 22px; text-transform: uppercase;} #page .event .event-related .links .add-watchlist:hover, #page .event .event-related .links .add-watchlist:focus, #page .event .event-related .links .add-watchlist:active {background-position:0px -72px; color: #F47E30} #page .event .event-related .links a.tell-friend {background: url("images/icon-email-friend.gif") no-repeat 0 2px; color: #929292; letter-spacing: -0.05em; margin-right: 10px; padding: 0 0 0 22px; text-transform: uppercase} #page .event .event-related .links .tell-friend:active, #page .event .event-related .links .tell-friend:focus, #page .event .event-related .links .tell-friend:hover {background-position:0px -71px; color: #F47E30} /* -- =event-text -- */ /* -- =back -- */ /* ------ =bottom-panel ------ */ #content #content-1 .group-2 .bottom-panel {background: url("images/bg-bottom-panel-645.gif") no-repeat; height: 9px;} /* ------ =module dual-box ------ */ .dual-box {float: left;} #page .dual-box p {padding-bottom: 1em;} /* ------- dual-box module-content ------- */ #content-1 .dual-box .module-content {background: url("images/bg-mid-panel-dual-645.gif") repeat-y; padding: 0; float: left; width: 645px;} /* ------- =content-item contact-us ------- */ .dual-box .content-item {float: left; width: 322px;} .dual-box .contact-us {} /* -------- =module-header -------- */ .dual-box .module-header {text-indent: -9999em;} /* --------- =heading --------- */ .dual-box .contact-us .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat 0 0;} /* -------- =content-item-wrap -------- */ .dual-box .content-item-wrap {padding: 11px 14px 10px 14px;} /* --------- =span --------- */ .dual-box .content-item span {float: left; width: 60px;} /* ------- =content-item security ------- */ .dual-box .security {width: 322px;} /* -------- =module-header -------- */ /* --------- =heading --------- */ .dual-box .security .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat -322px 0;} /* ------- =module-footer ------*/ #content-1 .module-footer {background: url("images/bg-bottom-panel-645.gif") no-repeat; clear: both; height: 9px; width: 645px;} #content-1 .dual-box .module-footer {background: url("images/bg-bottom-panel-dual-645.gif") no-repeat; clear: both; height: 9px; width: 645px;} /* ---- =module buy-tickets ---- */ .buy-tickets .heading {background: url('images/h2-sprite-645.jpg') no-repeat 0 -345px; height: 49px; text-indent: -9999em;} #content-1 .buy-tickets .module-content {background: url('images/bg-mid-buy-to.gif') repeat-y; padding: 0 15px 0 15px;} #page .module-content .buy-tickets p {} .module-content .purchase {} #content-1 .buy-tickets .module-footer {background:url('images/bg-bottom-buy-to.gif') bottom center no-repeat;height:101px} /* ---- =module related-events ---- */ .related-events {clear:both;width:auto} .related-events h3 {height:2em;padding:8px 6px 3px} #page .related-events h3 a {font-weight: bold;} .related-events .module-content {clear: both; float: left; padding: 0; width: 645px;} #page .related-events .module-content ul {padding: 0 0 0 6px;} .related-events .module-content ul li {background: url('images/bg-story-block.jpg') bottom repeat-x; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; float: left; height: 245px; overflow: hidden; padding: 6px 13px 6px 12px;} .related-events .module-content ul li .story-block {float: left; height: 245px; width: 132px;} #page .related-events .view-all {clear: both; padding: 10px 0 4px 18px;} #page .related-events .date {font-size: 1em; padding: 0 6px 0 6px;} #page .related-events .price {font-size: 1em; font-style: italic; padding: 0 6px 0 6px; } #page .related-events .venue {font-weight: bold; font-size: 1em; padding: 0 6px 0 6px;} .related-events h3 {height: 2em; padding: 10px 6px 0 6px;overflow:hidden} .related-events .more {background: url(images/button-more.gif) no-repeat 0 0; display: block; height: 20px; margin: 7px 0 0 6px; text-indent: -9999em; width: 22px;} .related-events a.more:hover {background: url(images/button-more.gif) no-repeat 0 -21px;} .other-events .module-header .heading {background: url('images/h2-sprite-645.jpg') no-repeat 0 -38px; text-indent: -9999em;} .similar-events .module-header .heading {background: url('images/h2-sprite-645.jpg') no-repeat 0 -76px; text-indent: -9999em;} #purchase table { border: solid 3px #EEE; width: 610px; } #purchase th { font-weight:bold; font-size:12px; text-align:left; vertical-align:top; border-bottom: solid 3px #EEE; } #purchase td { font-size:12px; vertical-align:top; border-bottom:dotted 1px #CCC; } #bookingTools {margin-right:5px;text-align:right;font-size:14px;position:relative} #bookingTools input.bookingButton {display:block;height:24px;width:72px;background:url(images/button-getem.gif) 0 0 no-repeat;text-indent:-9999em;color:transparent;border:none;padding:30px 0 0 0;overflow:hidden;cursor:pointer;margin-left:537px} #bookingTools input.bookingButton:hover {background-position:0 -30px} .bookingMessage { font-weight:bold; color:Red; } #retailPaymentMethodBox { border:solid 2px red; padding:5px 5px 5px 5px; margin-right:8px } .retailPaymentHeading { font-weight:bold; font-size:16px } /* -- venue page -- */ #page .venue-module img {float:left;} #page .venue-module h2 { padding: 10px 0 0 134px; color: #F67D20; font-weight: bold; text-transform: uppercase;} *:first-child+html #page .venue-module h2 { padding: 0 0 0 22px;} #page .venue-module p {font-size: 1.2em;} #page .venue-module .center-panel {height: 12em;} .venue-module .content-item {float:left; padding: 0 0 0 22px; width: 200px;} .venue-module .content-item span {color: #F67D20; font-weight: bold; padding-right: 5px;} .dual-box .general-info .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat 0 -38px;} .dual-box .getting-there .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat -322px -38px;} .dual-box .facilities .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat 0 -76px;} .dual-box .accessiblity .heading {background: url("images/h2-sprite-dual-645.jpg") no-repeat -322px -76px;} /* -- secure-booking -- */ .secure-booking .module-content {padding: 20px;} .secure-booking h2 {background: url('images/h2-sprite-645.jpg') no-repeat 0 -152px; text-indent: -9999em;} body.booking-process #content-2 {padding-bottom: 20px;} .booking-smallform { width:100%; text-align:center; margin-top:60px;} /* -- booking-confirmation -- */ .confirmation {position: relative;} .confirmation h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -304px; text-indent: -9999em;} .confirmation .confirmation-links {padding-top: 14px; position: absolute; right: 22px; top: 0;} #page .confirmation .confirmation-links a:link {letter-spacing: -0.05em; text-transform: uppercase;} #page .confirmation a.tell-friend:link, #page .confirmation a.tell-friend:visited {background: url("images/icon-email-friend.gif") no-repeat 0 6px; color: #929292; margin: 0 0 0 10px; padding: 5px 0 5px 22px;} #page .confirmation a.tell-friend:active, #page .confirmation a.tell-friend:hover, #page .confirmation a.tell-friend:focus {background: url("images/icon-email-friend.gif") no-repeat 0 -67px; color: #F47E30; margin: 0 0 0 10px; padding: 5px 0 5px 22px;} .confirmation h3 {background: none; padding: 0 0 0 145px; height: 2em;} *:first-child+html .confirmation h3 {padding: 0 0 0 25px;} *html .confirmation h3 {padding: 0 0 0 25px;} #page .confirmation .thanks {padding: 11px 0 17px 0;} #page .confirmation .thanks span {font-weight: bold; text-transform: uppercase;} #page .confirmation .event {padding: 0 0 1em 145px;} #page .confirmation .booking-details {padding: 0 0 0 145px;} #page .confirmation .event span {padding: 0;} #page .confirmation .related {clear: both;} #page .confirmation .related-links {padding: 2em 0 1em 0;} *html #content #content-1 .group-2 .confirmation .center-panel {float: left;} /* -- mobile -- */ .moshtix-mobile h2 {background: url("images/h2-moshtix-mobile.jpg") no-repeat 0 0; height: 180px; text-indent: -9999em;} .moshtix-mobile .module-content {padding: 0 12px 0 12px;} .moshtix-mobile h3 {height: 3.4em; margin: 0; text-indent: -9999em;} #page .moshtix-mobile .why {background: url("images/h3-sprite-mobile.gif") no-repeat 0 3px;} #page .moshtix-mobile .cost {background: url("images/h3-sprite-mobile.gif") no-repeat 0 -34px;} #page .moshtix-mobile .how {background: url("images/h3-sprite-mobile.gif") no-repeat 0 -68px;} #page .moshtix-mobile p {padding: 0 0 1em 0;} .vendors h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -190px; text-indent: -9999em;} .vendors .module-content {float:left; width: 645px;} #page .vendors .module-content ul {float: left; padding: 8px 12px 0 12px;} #page .vendors .module-content ul li {padding: 0 0 18px 0;height:46px} .vendors .story-block {width: 310px;} #page .vendors .story-block span {float: left; padding: 0 0 0 15px;} .vendors .story-block img {float: left;} #page .vendors li {float: left;} /* -- about -- */ .frq-asked-q h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -433px; text-indent: -9999em;} #page .frq-asked-q .module-content {padding: 1em 0 2em 0;} #page .frq-asked-q .module-content {padding: 0 1.2em 1em 1.2em;} #page .frq-asked-q .module-content h3 {padding: 0 12px 0 12px;} /* -- moshfile-details -- */ #page .your-events .left {border-right: 1px solid #ccc; width: 320px;} #page .your-events h3 a {font-weight: bold;} .upcoming-events h2 {background: url("images/h2-sprite-dual-645.jpg") 0 -114px no-repeat;} .event-history-short h2 {background: url("images/h2-sprite-dual-645.jpg") -321px -114px no-repeat;} #page .dual-box .content-item span {width: auto;} #page .your-events .date {text-transform: uppercase;} #page .your-events .title {text-transform: uppercase; font-weight:bold;} #page .your-events .view-all {background: #fff; border-top: 1px solid #ccc; clear: both; margin: 0 9px 0 9px; padding: 11px 6px 10px 6px;} #page #content-1 .your-events .module-footer {background: url("images/bg-bottom-panel-645.gif") no-repeat;} /* -- our-recommendations -- */ .our-recommendations h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -114px; text-indent: -9999em;} /* -- your-watchlist -- */ .your-watchlist h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -266px; text-indent: -9999em;} .your-watchlist .content-item {padding: 0 5px 0 3px} .your-watchlist .story-block {border-top: 1px solid #ddd; float: none; padding: 10px; position: relative; width: auto;} .your-watchlist h3 {display: inline; float: left; margin:0;} #page .your-watchlist h3 a {font-weight: bold;} #page .your-watchlist .content-item .sold-out {background: url("images/icon-selling-fast.gif") 3px 0 no-repeat; float: left; font-size: 1.2em; margin: 0 0 0 10px; padding: 0 0 5px 14px;} #page .your-watchlist .content-item .selling-fast {background: url("images/icon-sold-out.gif") 2px no-repeat; float: left; font-size: 1.2em; margin: 0 0 0 10px; padding: 0 0 0 20px;} #page .your-watchlist .venue {padding: 0 100px 0 261px;} #page .your-watchlist .venue a {font-weight: bold;} #page .your-watchlist .date {font-weight: bold; padding: 0 100px 0 261px;} #page .your-watchlist .price {padding: 0 100px 0 261px;} #page .your-watchlist .remove {padding: 0 0 0 261px;} #page .your-watchlist .buy {position: absolute; top: 10px; right: 10px; text-indent: -9999em;} .buy a:link, .buy a:visited {background: url('images/button-buy.gif') 0 0 no-repeat; display: block; height: 37px; width: 40px;} .buy a:hover, .buy a:active, .buy a:focus {background: url('images/button-buy.gif') 0 -42px no-repeat; display: block; height: 37px; width: 40px;} .your-watchlist .alternate {background: #f7f7f7;} body.moshfile-details #page .your-watchlist .view-all {border-top: 1px solid #ccc; clear: both; margin: 0 9px 0 9px; padding: 11px 6px 10px 6px;} /* -- module your-moshfile details -- */ #content-2 .details .module-content {float: none;} #page .details p {padding: 0 0 10px 0; position: relative;} .details .edit {position:absolute;right:0;top:0} *html .details .edit {right: 13px;} .details .text-area {border: 1px solid #d9d9d9;} .details .submit {background: transparent; border: 0; color: #f47e30; cursor: pointer; font-size: 1em; padding-left: 5px;text-decoration: underline;} #page .details p a {text-decoration: underline;} /* -- booking-history -- */ body.booking-history #content #content-1 .center-panel {background: url("images/bg-mid-panel-645.gif") repeat-y; float: left; padding: 0 8px 0 4px;} *html body.booking-history #content #content-1 .center-panel {margin-top: -6px;} body.booking-history #content #content-1 .bottom-panel {background: url("images/bg-bottom-panel-645.gif") no-repeat; clear: both; height: 9px;} body.booking-history #content #content-1 .top-panel {background: url("images/bg-top-panel-645.gif") no-repeat 0 0; height: 8px;} .your-bookings h2 {background: url("images/h2-sprite-645.jpg") no-repeat 0 -228px; text-indent: -9999em;} .your-bookings .module-content {padding: 12px;} .event-history ul {float: left;} .event-history ul li {float: left;} #booking-details .title {text-transform: uppercase; font-weight:bold; padding-right:10px;} .event-history h3 {color: #000; margin: 0; padding: 5px 0 0 8px;} #page .event-history h3 a {font-weight: bold;} .event-history span {float: left; padding: 5px 5px 5px 8px;} .event-history strong {font-weight: bold; text-transform: uppercase;} li.event {border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: 41px; width:455px;} li.status {border-bottom: 1px solid #e3e3e3; height: 41px; width:177px;} #page li.status span { text-transform: uppercase;} #page li.status .upcoming {background: url("images/icon-upcoming-event.gif") no-repeat 0 0; color: #5b5b5b; float: none; font-size: 0.8em; padding: 0 0 0 16px;} #page li.status .past {background: url("images/icon-past-event.gif") no-repeat 0 0; color: #5b5b5b; float: none; font-size: 0.8em; padding: 2px 0 0 19px;} li.name {border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: 30px; width: 320px;} li.dob {border-bottom: 1px solid #e3e3e3; height: 30px; width: 310px;} li.ticket-type {border-right: 1px solid #e3e3e3; height: 40px; width: 320px;} li.entry-method {border-right: 1px solid #e3e3e3; height: 40px; width: 120px;} li.links {height: 40px; position: relative; text-indent: -9999em; width: 274px;} .event-history li.links a {display: block; float: left; height: 24px; margin: 7px 0 0 5px; position: absolute; top: 7px;} .event-history li.links a:visited.re-issue, .event-history li.links a:link.re-issue {background: url("images/button-booking-history.gif") 0 0 no-repeat; left: 5px; width: 79px; } .event-history li.links a:hover.re-issue, .event-history li.links a:active.re-issue, .event-history li.links a:focus.re-issue {background: url("images/button-booking-history.gif") 0 -33px no-repeat; left: 5px; width: 79px; } .event-history li.links a:visited.re-send, .event-history li.links a:link.re-send {background: url("images/button-booking-history.gif") -87px 0 no-repeat; left: 89px; width: 82px;} .event-history li.links a:hover.re-send, .event-history li.links a:active.re-send, .event-history li.links a:focus.re-send {background: url("images/button-booking-history.gif") -87px -33px no-repeat; left: 89px; width: 82px;} .event-history li.links a:visited.print-pdf, .event-history li.links a:link.print-pdf {background: url("images/button-booking-history.gif") -175px 0 no-repeat; left: 183px; width: 84px;} .event-history li.links a:hover.print-pdf, .event-history li.links a:active.print-pdf, .event-history li.links a:focus.print-pdf {background: url("images/button-booking-history.gif") -175px -33px no-repeat; left: 183px; width: 84px;} /* moshpix */ body.moshpix #content #content-1 {width: 959px;} /* recent pix */ .recent-pix h2 {background: url("images/h2-sprite-959.jpg") 0 -228px no-repeat; text-indent: -9999em;} .recent-pix .module-content {float: left;} .recent-pix .module-content h3 {padding: 0 0 0 95px; margin: 0; font-weight: normal; text-transform: none;} .recent-pix .module-content ul li {float: left; padding-bottom: 15px;height:60px} .recent-pix .story-block {float: left; width: 316px;} .recent-pix .module-content img {border: 1px solid #EBEBEB; float: left; padding: 5px} #page .recent-pix .module-content .venue {padding-left: 11px;} #page .recent-pix .module-content .date {padding-left: 11px;} #page .recent-pix h3 a {color: #ff031b;} .one-col #content-1 .module-content {background: url("images/bg-mid-panel-959.gif") repeat-y; width: 959px;float:left} .one-col #content-1 .module-footer {background: url("images/bg-bottom-panel-959.gif") no-repeat 0 0; width: 959px;} /* view moshpix gallery * / .clear {clear:both} #GalleryLeft {display:block;float:left;margin-right:20px} #GalleryLeft .placeHolder {width:480px;height:322px} #GalleryEventDesc {padding:5px 5px 5px 15px;margin-top:5px} #GalleryEventDesc a {font-weight:bold} #GalleryRight {border:medium none;display:block;float:left;width:310px} #GalleryRight input.ThumbImage_Preview {border:none} #MidSection {margin-top:20px} #MidSection .sharePix {display:block;float:left;margin-right:10px;margin-bottom:20px} .messageContainer {width:450px} .messageContainer #ctl00_ContentPlaceHolder1_uiLblMessage {color:Red;font-weight:bold} #FeatureAd {display:block;float:left}*/ /* venue upcoming */ .venue-upcoming h2 {background: url("images/h2-sprite-959.jpg") 0 -38px no-repeat; text-indent: -9999em;} .one-col #content-1 .module-content {background: url("images/bg-mid-panel-959.gif") repeat-y; width: 959px;} .one-col #content-1 .module-footer {background: url("images/bg-bottom-panel-959.gif"); width: 959px;} /* venue upcoming */ .similar-upcoming h2 {background: url("images/h2-sprite-959.jpg") 0 -76px no-repeat; text-indent: -9999em;} .ThumbImage_Preview { margin:0 3px 3px 0; width:73px;} /* -- change-details */ body.change-details #content #content-1 {width: 959px;} body.change-details #content #content-1 .module-content {padding: 9px 12px 0 12px;} .change-details .moshfile-details h2 {background: url("images/h2-sprite-959.jpg") 0 -114px no-repeat; text-indent: -9999em;} .change-details .credit-details h2 {background: url("images/h2-sprite-959.jpg") 0 -152px no-repeat; text-indent: -9999em;} .change-details .moshcard-details h2 {background: url("images/h2-sprite-959.jpg") 0 -190px no-repeat; text-indent: -9999em;} .change-details .moshguide-details h2 {background: url("images/h2-sprite-959.jpg") 0 -228px no-repeat; text-indent: -9999em;} .change-details .mailing-details h2 {background: url("images/h2-sprite-959.jpg") 0 -266px no-repeat; text-indent: -9999em;} /* -- moshfile-login */ /* body.moshfile-login #content #content-1 {width: 959px;} */ body.moshfile-login #content #content-1 .module-content {padding: 9px 12px 0 12px;} .moshfile-login .moshfile-details h2 {background: url("images/h2-sprite-959.jpg") 0 -114px no-repeat; text-indent: -9999em;} .moshfile-login .credit-details h2 {background: url("images/h2-sprite-959.jpg") 0 -152px no-repeat; text-indent: -9999em;} .moshfile-login .moshcard-details h2 {background: url("images/h2-sprite-959.jpg") 0 -190px no-repeat; text-indent: -9999em;} .moshfile-login .moshguide-details h2 {background: url("images/h2-sprite-959.jpg") 0 -228px no-repeat; text-indent: -9999em;} .moshfile-login .mailing-details h2 {background: url("images/h2-sprite-959.jpg") 0 -266px no-repeat; text-indent: -9999em;} /* outlets pages */ .outlets-container{text-align:center; padding:10px;} .outlets-stateHeader{ font-weight:bold; font-size:larger; background-color:#EEE; text-align:left;} .outlets-item-title{font-weight:bold; text-align:left;} .outlets-item-image{height:75px} .outlets-item-details{text-align:left;} .outlets-item-details-tradingName{font-weight:bold;} .outlets-item-moreinfo-label{text-align:left;} .outlets-item-moreinfo-value{text-align:left;} .outlets-item-moreinfo-heading{ font-weight:bold; text-align:left;} /* venues page */ /* -- contact */ .contact .contact-details h2 {background: url("images/h2-sprite-645.jpg") 0 -471px no-repeat; text-indent: -9999em;} .contact .contact-form h2 {background: url("images/h2-sprite-645.jpg") 0 -509px no-repeat; text-indent: -9999em;} .contact #page .group-2 .module-content {padding: 1em 1.2em 1em 1.2em;} /* -- privacy */ .privacy #page .group-1 .terms-privacy .module-content {padding: 1em 1.2em 1em 1.2em;} .privacy #page .group-1 .terms-privacy .module-header h2 {background: url("images/h2-sprite-645.jpg") 0 -547px no-repeat; text-indent: -9999em;} a.Letter_off{font-size: 12px;} a.Letter_on { font-size: 18px; color:white; background-color: #BBBBBB; padding: 3px 3px 3px 3px; border: solid 1px #EEEEEE; } /* Admin */ .admin-errorMessage{font-weight:bold; color:red;} /* Moshfile */ .Important { border:solid 1px red; margin: 10px 3px 10px 3px; padding: 5px 5px 5px 5px } .MessageAreaInfo { margin:2px 2px 15px 2px; border: solid 1px green; background-color:#D8FFD8; padding:5px 10px 5px 5px; } .MessageAreaError { margin:2px 2px 15px 2px; border: dotted 1px red; background-color:#FFEEEF; padding:5px 10px 5px 5px; } .MessageArea_Error { text-transform:uppercase; font-size:14px; font-weight:bold; color:Red; } .MessageArea_Message { text-transform:uppercase; font-size:14px; font-weight:bold; color:Black; } .MessageArea_Details { text-transform:none; font-size:13px; font-weight:normal; color:Black; } .unpaid-pending { font-weight:bold; text-transform:uppercase; color:Red; padding-right:5px; } .unpaid-error { font-weight:bold; text-transform:uppercase; color:Red; padding-right:5px; } .unpaid-declined { font-weight:bold; text-transform:uppercase; color:Red; padding-right:5px; } /* Controls */ .ctrl-moshfile-loginMessage { display:block; margin:8px; padding:5px; border:solid 1px red; background-color:White; font-weight:bold; font-size:12px; } /* User Pages */ .float { float:left; } .moshfileForm { padding: 20px; } .moshfile-userMessage { font-size:14px; font-weight:bold; color:Red; } .fieldLabel { font-weight:bold; text-align:right; padding-right:10px; vertical-align:top; } /* Payment Processing Page */ .processPayment-eventDetailsBlock { display:block; float: left; margin-left:20px; } .processPayment-eventTitle { font-weight:bold; font-size:larger; } /* Booking Details Page */ .bookingTable { margin-top:10px; margin-bottom:10px; width:100%; border: solid 1px #BBBBBB; } .bookingTable th { font-weight:bold; background-color:#EEE; } /* Reissue Page */ #reissue-bookingDetails .fieldLabel { width:90px; } #reissue-ticketDetails .fieldLabel { width:90px; } #reissue-paymentDetails .fieldLabel { width:90px; } #reissue-emailDetails .fieldLabel { width:90px; } #reissue-ticketDetails .lastRow{ border-bottom:dotted 1px #EEE; margin-bottom:20px; } /*Administration login*/ .module.admin-login .module-content, .module.admin-login .module-content form {margin:0} /*Moshpix update* / body.moshpix .module-content {min-height:inherit;padding:18px 10px} .vgallery h3 {position:absolute;top:20px;left:20px;margin:0;} .main_pika{float:left;margin:0 20px 18px 10px;padding-top:20px;width:595px;height:322px;position:relative} ul.pikachoose, #FeatureAd {width:300px;float:left;} ul.pikachoose {margin-bottom:18px} .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;height:50px} #content ul.pikachoose li img{position:relative;cursor:pointer;border:1px solid #fff;padding:0} #GalleryEventDesc {position:absolute;top:324px;left:20px;color:#fff;background:url('images/black-trans-bg.png') repeat 0 0;padding:5px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius: 6px;border-top-right-radius: 6px} .pika_play{position:absolute;right:0;bottom:0} .pika_play a{display:block;height:24px;width:24px;text-indent:-999em} .pika_play a.play {background:url('images/play.png') no-repeat 0 0} .pika_play a.pause {background:url('images/pause.png') no-repeat 0 0} .pika_nav{position:absolute;top:20px;left:530px;} .pika_link{cursor:pointer} body.event #shareBar {border-top:1px solid #eee;padding-top:6px} #share-content ul li, #shareBar ul li {display:inline} #share-content ul li#shareDesc {display:block;margin-top:3px;font-style:italic} #share-content ul li a, #shareBar ul li a {padding:8px 2px 0 2px} #share-content ul li a:link, #share-content ul li a:visited, #shareBar ul li a:link, #shareBar ul li a:visited {border: 1px solid #fff} #share-content ul li a:active, #share-content ul li a:hover, #share-content ul li a:focus, #shareBar ul li a:active, #shareBar ul li a:hover, #shareBar ul li a:focus {border-color:#F47E30} #shareBar ul li a#sendToFriendLink {border:none;padding-left:25px;background:url('stylesheets/images/share/email.png') 5px 6px no-repeat} #share-content ul li a img, #shareBar ul li a img {padding:0;margin:0} #shareYourPixBanner {cursor:pointer} /*Form styles (used within gallery tabs for now -- these are good form styles, but losing the #tabbedItems specificity will cause forms throughout the site to go haywire)* / #tabbedItems fieldset{text-align:left;border:none} #tabbedItems fieldset ol,#tabbedItems fieldset ul{padding:0;list-style:none} #tabbedItems fieldset li{padding-bottom:1.5em;float:none;clear:left} #tabbedItems fieldset li.button {padding:1.5em 0 0 0} #tabbedItems fieldset.checkboxes li, #tabbedItems fieldset li.checkbox{clear:both;padding:.75em} #tabbedItems label{float:left;width:7em;margin-right:1em} #tabbedItems fieldset.checkboxes label, #tabbedItems fieldset li.checkbox label{margin:0 0 0 1em;width:20em} #tabbedItems fieldset.checkboxes input, #tabbedItems fieldset li.checkbox input{float:left;margin-top:-2px} #tabbedItems fieldset img.captcha {clear:left;display:block}*/