/* Key styles for: Townsville Tickets */ /* website designed and developed by Mojito Solutions, Katrina Youngman */ /* Last updated: Joanne Walter, 12 January 2012*/ /*Reset Styles*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } sup {font-size:xx-small; vertical-align:top;} sub {font-size:xx-small; vertical-align:bottom;} body {font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #000000; background: url(images/bg.gif) repeat-x 0px 200px #fff; -webkit-text-size-adjust:none;} /*==========Paragraphs/Links/Tables/Lists/Images/Class Selectors==========*/ /*Paragraph Styles*/ /*h1 {font-size: 1.8em; color: #fff; padding-bottom: 0px; text-transform: lowercase; float: left; }*/ h1 {font-size: 1.8em; padding-bottom: 0px; } #titlebar h1 {color: #fff; float: left; text-transform: none;} h2 {font-size: 1.6em; color: #000000; padding-bottom: 5px; line-height: 1.3em;} h3 {font-size: 1.4em; color: #4d4d4d; padding-bottom: 5px;} h4 {font-size: 1.3em; color: #4d4d4d; padding-bottom: 5px;} p {margin-bottom: 20px; line-height: 1.4em;} p, table td, table p, #content ol, #content ul {font-size: 1.4em;} /*Link Styles*/ a {color: #f57e21; text-decoration: none;} a:link {color: #f57e21;} a:visited {color: #f57e21;} a:hover {color: #000;} table.tablefilled a{color: #000} table.tablefilled a:hover {color: #fff;} a.imglink {border-bottom: none;} a:hover.imglink {border-bottom: none;} #websitedeveloper a{color: #CC6633} #websitedeveloper a:hover{color: #FF99FF;} /*Table Styles*/ table {background: none; border: none; margin-bottom: 10px;} table td {padding: 5px; background: none; border: none; vertical-align: top;} table th {text-align: left; font-size: 1.3em; padding: 5px; border: none;} table td {font-size: 1.3em;} table h1, table h2, table h3, table h4, table p, table ul, table ol {font-size: 1em !important;} table.tablefilled {background: #f57e21; border: 1px solid #fff;} table.tablefilled td {background: #f57e21; color: #fff; border: 1px solid #fff;} table.tablefilled th {color: #fff; border: 1px solid #fff;} /*List Styles*/ #content ul, #content ol {margin-left: 30px; padding-bottom: 20px; position: relative;} #content li {padding-bottom: 2px;} #content ul ul li { font-size: .7em !important; } ul.iconlist {margin-left: 0 !important; margin-top: 5px;} ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px !important; padding-top: 4px;} ul.liststylenone {margin-left: 0 !important;} ul.liststylenone li {list-style: none;} .listprefix {display: block; float: left; font-weight: bold; width: 120px; color: #f57e22;} .box ul {margin-left: 20px;} .box ul li {font-size: 1.2em; padding-bottom: 2px;} /*Image Styles*/ img {padding: 0px;} #content img {padding: 5px;} #content img.left {padding: 5px 20px 5px 0px;} #content img.right {padding: 5px 0px 5px 20px;} #homecon img.left {padding: 5px 10px 5px 0px;} #homecon img.right {padding: 5px 0px 5px 10px;} /*Class Selectors*/ .right {float: right;} .left {float: left;} .clear {clear: both;} hr {clear: both; border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #ccc; padding-top: 10px; margin-bottom: 20px;} .highlight {color: #f57e22;} /*This is the just a style that can be used to highlight text within a paragraph*/ /*==========Structure/Galleries/Navigation/Features==========*/ /*Structure Styles*/ .wrapper {margin-left: auto; margin-right: auto; width: 950px;} .col {position: relative; float: left;} /*Header Styles*/ #header {overflow: hidden; padding: 20px 0; min-width: 950px;} #header .wrapper {position: relative; height: 95px;} #logo {float: left; width: 230px;} .wrapper #byline {position: absolute; width: 550px; right: 0; bottom: 0px;} #header #extras {float: right; width: 350px;} *html #header #extras {overflow: hidden; height: 51px;} #byline p {padding: 0; text-align: right; font-size: 1.5em; font-weight: bold; margin: 0;} #header #facebooklike {float: left; display: block; width: 90px; overflow: hidden;} #header form {float: left; width: 100px; overflow: hidden;} #header form select {border: 1px solid #ccc; width: 100px;} #fbbanner { margin-top: -20px; margin-bottom: -30px; } *html #fbbanner {margin-top: 0;} /*Home Container Styles*/ #homecon {padding-top: 20px; height: 58px; background-color: #f57e21;} #column1 {width: 225px; padding-right: 15px; overflow: hidden;} #column2 {width: 460px; overflow: hidden;} #column3 {width: 235px; padding-left: 15px; overflow: hidden;} /*Subpage Container Styles*/ #maincon {margin-top: 30px;} #main {width: 700px; overflow: hidden;} #side {width: 240px; padding-left: 10px; overflow: hidden;} #fullwidth { width: 960px; overflow: hidden;} #titlebar {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #f57e21; padding: 7.5px 20px 20px 20px; margin-bottom: -10px; overflow: hidden;} *html #titlebar {margin-bottom: 0; padding-bottom: 30px;} #titlebar p {color: #fff; float: left; padding-right: 5px; margin: 0;} #titlebar img {padding: 0 0 0 5px;} #content { overflow: hidden; background: #fff; padding: 20px; min-height: 250px;} .boxcon .titlebar {font-size: 1.8em; color: #fff; padding: 10px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0 0; background: #f57e21; margin-bottom: -10px; overflow: hidden; display: block; position: relative; margin-top: -20px; margin-left: -25px; padding-left: 25px; width: 230px; } #baselink {width: 660px; background: url(images/main-base-bg.jpg) no-repeat bottom; overflow: hidden; position: relative; padding: 40px 20px 0 20px; } *html #baselink {height: 40px; background: #fff;} #baselink p {margin-bottom: 0px;} /*#baselink a {text-transform: lowercase; text-decoration: underline; position: absolute; bottom: 10px;} */ #baselink.admin { width: 920px; background: url(images/main-base-bg.jpg) repeat-x bottom; } #content #col1 {width: 330px; padding-right: 30px;} #col1overflow {overflow: hidden; width: 330px;} #content #col2 {width: 300px; overflow: hidden;} #content #col2 #share {float: right; padding: 10px 0;} #content #col2 p{text-align: right; float: left; padding-right: 5px; font-style: italic;} #content #col2 img.icon {padding: 0 2px;} #websitedeveloper {margin-left: auto; margin-right: auto; width: 960px;} /*Navigation Styles*/ #nav {background: #e0dfda; min-width: 950px; height: 65px; z-index: 99; position: relative;} #nav .wrapper {position: relative;} #nav.adminnav { background: #6ec32a !important; } #nav.adminnav li { padding:3px 10px; font-size: .8em; } #nav.adminnav a:hover { color: #fff; } #nav.adminnav .current-page a { color: #fff;} #nav.adminnav .menu { width: 960px; } /*Sub Navigation Styles*/ #subnav{background: #e0dfda; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-bottom: 20px; display: block; position: relative;} #subnav h2 {font-size: 1.8em; color: #fff; padding: 10px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0 0; background: #f57e21; margin-bottom: -10px; overflow: hidden; display: block; position: relative;} #subnav h2 a {color: #fff;} #subnav ul {margin-left: 0 !important; padding: 20px 0;} #subnav li {margin: 0; list-style: none; font-size: 1.6em; font-weight: bold; color: #000; padding: 0!important; border-bottom: 1px solid #e0dfda;} #subnav li a{text-decoration: none; padding: 5px 20px; display: block; color: #000; border-bottom: none;} #subnav li a:hover {color: #f57e21; border-bottom: none} #subnav li.current-page a {color: #f57e21;} #subnav ul ul {padding-bottom: 0 !important;} #subnav ul ul li {font-size: .9em; } #subnav ul ul li a {padding: 2px 5px 2px 25px; color: #000 !important;} #subnav ul ul li a:hover {color: #f57e21 !important;} #subnav ul ul li.current-page a {color: #f57e21 !important;} #subnav ul ul { margin-top: -15px; } #subnavadmin #subnav {width: 220px;} /*Search*/ #searchfield { /*position: absolute; right: 0 !important; padding-top: 18px;*/ height: 28px; /*overflow: hidden; z-index: 99999;*/ /*width: 205px;*/ } #searchfield input {border: 1px solid #c3c3c3; background: #fff; overflow: hidden; float: left; margin: 0 !important; height: 16px; overflow: hidden; padding: 5px; width: 150px; -webkit-appearance: none;} #searchfield input#searchButton {border: 1px solid #ff6816; background: #ff6816; color: #fff; height: 28px; width: 40px; -webkit-appearance: none;} /*Box Styles*/ .boxcon {background: #e0dfda; border-right: 25px solid #4d4d4d; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin-bottom: 20px; display: block; overflow: hidden;} .box {background: url(images/ticket-side.png) no-repeat right center; margin-right: -12px; padding: 20px 30px 20px 20px; overflow: hidden; position: relative;} *html .box {background: none;} .box p {font-size: 1.1em;} .box img.left {padding: 0 10px 10px 0;} /*Subscribe Form*/ #cmsubscribeform ul {margin: 0} #cmsubscribeform ul li {list-style: none; padding-bottom: 10px; } #cmsubscribeform ul li input#ijtlkh-ijtlkh {padding: 5px; background: #fff; width: 110px; border: 1px solid #c3c3c3; -webkit-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft: 5px; border-radius-bottomleft: 5px; -webkit-border-radius-topleft: 5px; -moz-border-radius-topleft: 5px; border-radius-topleft: 5px; -webkit-appearance: none; } #cmsubscribeform input#cmbtn {padding: 4px; background: #f67b22; border: 1px solid #ff6816; -webkit-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; border-radius-bottomright: 5px; -webkit-border-radius-topright: 5px; -moz-border-radius-topright: 5px; border-radius-topright: 5px; color: #fff; -webkit-appearance: none;} /*Footer Styles*/ #footer {clear: both; padding-top: 20px;} #footer table {background: none; border: none; margin-bottom: 20px;} #footer table td {padding: 10px 20px; background: none; border: none; font-size: 1.1em; vertical-align: top;} #footer table th {text-align: left; font-size: 1.5em; padding: 20px; border-top: 1px solid #949494; border-bottom: 1px solid #949494;} #footer img {padding: 0 5px 0 0;} #footer p {padding-bottom: 5px; margin: 0;} #footer img.left {padding: 0 20px 0 0;} /*Quick Link Styles*/ ul#quicklinks li {list-style: none; padding-bottom: 2px;} ul#quicklinks li a {color: #4d4d4d; font-weight: bold;} ul#quicklinks li a:hover {color: #f57e21;} /*Base Styles*/ #base {clear: both;} #base .wrapper {background: #4d4d4d; overflow: hidden; padding: 10px 20px; width: 910px;} #base p {color: #fff; font-size: 1.1em; padding-bottom: 10px; margin: 0;} #base p.small {font-size: 1.1em;} #base .left {padding-top: 10px;} #base .right p {text-align: right; padding: 10px;} #base .right p.small {} #base .right .left {padding-top: 0;} p#webdeveloper {font-size: 1.1em; clear: both;} #base a {color: #fff; text-decoration: underline;} #base a:hover {color: #f57e22;} #webdeveloper a {text-decoration: none;} /*Button Styles*/ /*p.btn a {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #f57e22; color: #fff !important; padding: 5px 15px; text-transform: lowercase;} p.btn a:hover {background: #4d4d4d !important;} a.btn {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #f57e22; color: #fff !important; padding: 5px 15px; text-transform: lowercase; font-size: 1.2em;} a:hover.btn {background: #4d4d4d !important;} */ /*Result Container Styles*/ .resultcon {clear: both; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 20px;} *html .resultcon {border-bottom: none;} .resultcon div.left {width: 500px; padding-left: 20px;} .resultcon img.left {padding: 0 !important;} .resultcon p.eventdetails {margin-bottom: 2px; color: #6d6d6d;} .eventlike {padding: 10px 0;} #bookingfee { color: #F57E22; font-size: .9em; font-weight:bold; } /*Orgnaised By Styles*/ #organisedby {clear: both; border-top: 1px solid #ccc; margin-top: 40px; padding: 20px 0;} #organisedby #organisedbydetail {float: left; width: 500px; padding-top: 20px;} #organisedby img {padding: 0 30px 0 0!important;} /*Calendar Styles*/ #column2 p {margin: 0;} #column2 #baselink {width: 420px;} /* #column2 #baselink a {position: absolute; right: 20px;}*/ #calendar {overflow: hidden; background: #fff; /*border: 1px solid #cfcfcf*/; min-height: 200px;background-color: #f9f9f9; padding-bottom: 20px; padding-top: 1px;} /*Slider*/ #slidercon .wrapper {width: 1015px; padding: 20px 0; position: relative;} #slidercon #slider {position:relative; width:950px; height:250px; margin: 0 auto; z-index: 99; overflow: hidden;} #slidercon .prev {position: absolute; left: 20px; top: 110px;} #slidercon .next {position: absolute; right: 20px; top: 110px;} #slidercon .prev:hover img {display: none;} #slidercon .prev:hover {background: url(images/arrow-prev-hover.gif); height: 40px; width: 18px; cursor: pointer;} #slidercon .next:hover img {display: none;} #slidercon .next:hover {background: url(images/arrow-next-hover.gif); height: 40px; width: 18px; cursor: pointer;} #slidercon ul li {list-style: none; float: left;} #dividers {width:920px; height:250px; margin: -250px auto 0 auto; position: relative; z-index: 5;} #divider1 {position: absolute; left: 218px; top: 0px; z-index: 200; behavior: url(iepngfix.htc);} #divider2 {position: absolute; left: 448px; top: 0px; z-index: 200; behavior: url(iepngfix.htc);} #divider3 {position: absolute; left: 678px; top: 0px; z-index: 200; behavior: url(iepngfix.htc);} *html #divider1 {display: none;} *html #divider2 {display: none;} *html #divider3 {display: none;} /*Upcoming Events*/ /*List View*/ /*.calendar_list_view {padding: 0 10px;}*/ .upcomingevent {border-bottom: 1px solid #ccc; overflow: hidden; padding: 10px 10px; clear: both; position: relative; width: 418px;} *html .upcomingevent {border-bottom: none;} .upcomingevent.last {border-bottom: none !important} .upcomingevent .event_day {color: #f57e21; font-size: 4.0em; font-weight: bold; float: left; padding-right: 5px; width: 45px;} .upcomingevent .date {padding-right: 20px; padding-top: 5px; float: left; width: 90px;} .upcomingevent .info {padding-top: 5px; float: left; width: 150px; padding-right: 20px;} .upcomingevent h4 {font-size: 1.3em; color: #000; padding-bottom: 2px; margin-bottom: 0 !important} .upcomingevent p {padding-bottom: 2px; margin-bottom: 0 !important;} .upcomingevent a.btn {margin-top: 15px; float: left; width: 80px; padding: 5px 0px; text-align: center} /*Grid View*/ /*This is hidden by default*/ .calendar_grid_view {display: none;} .calendar_grid_view table {margin-bottom: 0!important;} .calendar_grid_view table th {background: #ddd; color: #000; padding: 0; text-align: center;} .calendar_grid_view table td {border: 1px solid #ddd; width: 65px; height: 65px; overflow: hidden; padding: 0 !important; font-size: 1.1em;} .calendar_grid_view table td .date {position: absolute; right: 2px; bottom: 2px; color: #888} .calendar_grid_view table td .eventname {background: #f57e21; color: #fff; margin: 0 0 2px 0 !important; padding: 1px 3px 4px 3px; height: 2ex; display: block; overflow: hidden; width: 59px; white-space: nowrap;} .calendar_grid_view table td .eventmore {background: #f57e21; color: #fff; margin: 0 0 2px 0 !important; padding: 1px 6px 4px 6px; height: 2ex; display: inline;} .calendar_grid_view table td .eventmore a:link, .calendar_grid_view table td .eventmore a:hover, .calendar_grid_view table td .eventmore a:visited, .calendar_grid_view table td .eventmore a:active, .calendar_grid_view table td .eventname a:link, .calendar_grid_view table td .eventname a:hover, .calendar_grid_view table td .eventname a:visited, .calendar_grid_view table td .eventname a:active {color: #fff;} .calendar_grid_view table td .tdwrapper {position: relative; height: 65px;} /*Date Pop Up*/ .datepopup {background: #f57e21; width: 250px; overflow: hidden; padding: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #f57e21; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px#333;box-shadow: 0 0 10px #333; } .datepopup .event_day {color: #fff; font-size: 4.0em; font-weight: bold; float: left; padding-right: 5px; width: 45px;} .datepopup .date {padding-right: 20px; padding-top: 5px; float: left; width: 90px;} .datepopup .clear {border-bottom: 1px solid #fff;} .datepopup dt {font-size: 1.2em; font-weight: bold; background: url(images/dt-icon.png) no-repeat 0 12px; padding: 10px 15px 0 15px;} .datepopup dd {border-bottom: 1px solid #fff; font-size: 1.2em; color: #fff; padding: 0 15px 10px 15px;} .datepopup dt a {color: #000;} .datepopup dt a:hover {color: #fff;} .datepopup dd a {color: #fff;} /*Ticket Class*/ table.ticketclass {background: none; border: none; margin-bottom: 10px; margin-top: -15px;} table.ticketclass td {padding: 20px 0px 0px 0px; background: none; border: none; vertical-align: top; font-size: 1.2em;} table.ticketclass td.class_title {font-weight: bold; font-size: 1.3em; padding-right: 20px;} table.ticketclass td.class_price {font-weight: bold; font-size: 1.3em; padding-right: 20px;} table.ticketclass td.class_status {padding: 0 0 0 0;} /*table.ticketclass td.class_desc {border-bottom: 1px solid #ccc; padding: 0 0 20px 0;}*/ table.ticketclass td.class_desc {border-bottom: 1px solid #F57E22; padding: 0 0 20px 0;} table.ticketclass p.btn {font-size: 1em; margin-bottom: 5px; width: 90px;} /*Dashboard Table*/ table.dashboard_table {background: none; border: none; margin-bottom: 10px;} table.dashboard_table td {padding: 5px; background: none; border: none; vertical-align: top;} table.dashboard_table th {text-align: center; font-size: 1.2em; padding: 5px; border: none; background: #f57e21; color: #fff;} table.dashboard_table td.centeralign {text-align: center;} /*Login*/ #WebLoginLayer0, #WebLoginLayer2 {width: 170px; font-size: .8em;} #WebLoginLayer0 input, #WebLoginLayer2 input {border: 1px solid #ccc; padding: 5px; width: 150px;} #WebLoginLayer0 .loginbtn, #WebLoginLayer2 .loginbtn{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #f57e22; border: 1px solid #f57e22; color: #fff !important; padding: 5px 15px; text-transform: lowercase; -webkit-appearance: none; width: 80px} #WebLoginLayer0 table td, #WebLoginLayer2 table td {padding: 0 0 10px 0;} a.logoutbtn {clear: both; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #f57e22; border: 1px solid #f57e22; color: #fff !important; padding: 5px 15px; text-transform: lowercase; -webkit-appearance: none; font-size: 1.2em;display: block; margin-top: 20px; text-align: center; width: 100px; margin-left: 25px;} #WebLoginLayer0 input#chkbox {border: none;} #header #loginbtn a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #04A10C; border: 1px solid #04A10C; color: #fff !important; padding: 5px 15px; text-transform: lowercase; -webkit-appearance: none; font-size: 1.6em; font-weight: bold; float: right; margin-top: -30px; padding-top: 30px; } .event_details, .booking_contact{ font-size: 1.3em; clear: both; padding-top: 10px; } .event_details h3, .booking_contact h3 { font-size: 1em; margin-top: 5px; } .event_details dt, .booking_contact dt {clear: both; display: block; float: left; font-weight: bold; width: 120px; color: #f57e22;} .event_details dd, .booking_contact dd {float: left; display: block; } #couponcode ul{ height: 30px; ; padding-top: 10px !important; } table.ticketdetails { clear: both; padding-top: 30px; } table.ticketdetails th { font-weight: bold; } table.ticketdetails td { border-bottom: 1px solid #ccc !important; padding-bottom: 5px !important; } table.ticketdetails .price { text-align: right; } #purchaseconfirm #submitButton{clear: both; margin-top: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; background: #f57e22; border: 1px solid #f57e22; color: #fff !important; padding: 5px 15px; text-transform: lowercase; -webkit-appearance: none; margin-left: 520px;} .featurebox { float: right; margin-left: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radiust: 5px; border: 1px solid #f57e22; color: #FFF !important; padding: 15px 15px; text-transform: lowercase; -webkit-appearance: none; } } .featurebox h3 { color: #000 !important; } /*Navigation*/ /*Top Level Navigation Styles*/ .menu {width: 750px; position:relative; z-index: 99999; font-weight: bold; text-transform: lowercase; float: left} ul.menu {padding:0; margin:0; list-style-type: none;} ul.menu li {float:left; position:relative; font-size: 16px;} ul.menu li ul li{font-size: 16px;} ul.menu li a, .menu ul li a:visited {text-decoration: none; color: #4d4d4d; padding: 23px 8px; display: block;} ul.menu li ul {display: none;} ul.menu table {margin: 0px; border-collapse: collapse; border: 0 !important;} /*Font Size of the list items in the drop down menu*/ ul.menu table td{padding: 0px; border: 0 !important; font-size: 12px;} /*Styles for the last list item and the current list item*/ ul.menu li.last a{border-right: none;} ul.menu li.current a, .menu ul li a.current{color: #f57e22;} ul.menu li table ul li.current a{} /*Hover effect for the top level navigation*/ ul.menu li:hover a,.menu ul li a:hover {color: #f57e22; border-bottom: none;} ul.menu li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top: 45px; left:0; width:165px;} ul.menu li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;} /*Background colour of the drop down list*/ ul.menu li:hover ul, .menu ul li a:hover ul {background: #4d4d4d; text-align: left; border-top: 20px solid #E0DFDA;} ul.menu li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #fff; height:auto; padding: 10px 10px; width:145px; border-right: none;} #nav.adminnav li ul li { padding: 0px; } /*Old menu Styles*/ /*.menu {width: 750px; position:relative; font-size: 2.0em; z-index: 99999; font-weight: bold; text-transform: lowercase; float: left}*/ .menu {width: 100%; position:relative; font-size: 2.0em; z-index: 99999; font-weight: bold; text-transform: lowercase; float: left} .menu ul {padding:0; margin:0; list-style-type: none;} .menu ul li {float:left; position:relative;} .menu ul li a, .menu ul li a:visited {text-decoration: none; color: #4d4d4d; padding: 20px 10px; display: block;} .menu ul li ul {display: none;} .menu table {margin: 0px; border-collapse: collapse; border: 0 !important;} /*Font Size of the list items in the drop down menu*/ .menu table td{padding: 0px; border: 0 !important; font-size: 12px;} /*Styles for the last list item and the current list item*/ .menu ul li.last a{border-right: none;} .menu ul li.current a, .menu ul li a.current{color: #f57e22;} .menu ul li table ul li.current a{} /*Hover effect for the top level navigation*/ .menu ul li:hover a,.menu ul li a:hover {color: #f57e22; border-bottom: none;} .menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top: 45px; left:0; width:165px;} .menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;} /*Background colour of the drop down list*/ .menu ul li:hover ul, .menu ul li a:hover ul {background: #4d4d4d; text-align: left; border-top: 20px solid #E0DFDA;} .menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background: none; color: #fff; height:auto; padding: 10px 10px; width:145px; border-right: none;} /* end old menu styles */ /*admin nav styles */ .adminnav .menu ul li:hover a, .adminnav .menu ul li a:hover {color: #fff; border-bottom: none;} .adminnav .menu ul li:hover ul, .adminnav .menu ul li a:hover ul {background: #4d4d4d; text-align: left; border-top: 20px solid #6ec32a;} .adminnav .menu ul li:hover ul li a:hover, .adminnav .menu ul li a:hover ul li a:hover { background: #6ec32a; color: #fff; } /*Styles for the hover effect of the drop down item*/ .menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background:#f57e22; color: #fff; width: 145px;} p.sidebtn {padding: 0; margin: 0;} p.sidebtn a {color: #fff !important; font-size: 1.4em; text-transform: lowercase; position: relative; font-weight: bold; background: #f57e22!important; padding: 10px 20px; overflow: hidden; -moz-border-radius: 10px; border-radius: 10px; display: block; margin-bottom: 15px;} p.sidebtn a span {clear: both; display: block; font-size: .8em; font-weight: normal; padding-top: 2px;} p.sidebtn a:hover {background: #fff !important; color: #f57e22 !important} p.sidebtngreen {padding: 0; margin: 0;} p.sidebtngreen a {color: #fff !important; font-size: 1.4em; text-transform: lowercase; position: relative; font-weight: bold; background: #04A10C!important; padding: 10px 20px; overflow: hidden; -moz-border-radius: 10px; border-radius: 10px; display: block; margin-bottom: 15px;} p.sidebtngreen a span {clear: both; display: block; font-size: .8em; font-weight: normal; padding-top: 2px;} p.sidebtngreen a:hover {background: #fff !important; color: #04A10C !important} .rowlabel { font-weight: bold; text-align: left; } .linedtable table { border-collapse: collapse; } .linedtable td { border-bottom: 1px solid #ccc; } #waivereg { border: 1px solid #ddd; padding: 10px; } #waivereg label { font-size: 1.2em; padding-left: 5px; } #waivereg button { margin-top: 10px; } .buttons { margin-top: 20px; margin-left: 250px; } .form_instruct { font-size: .8em; display: block; font-weight: normal; } input.longtext { width: 446px !important; } #termsandconditions ul { margin-left: 10px; } #termsandconditions ul ul { margin-left: 20px; } #termsandconditions p { font-size: .8em; } #ticket_instructions p { color: #333 !important; font-weight: normal; clear: both; } #adminnav { text-transform: uppercase; background: #6ec32a; font-size: 1.4em; margin-top: -5px; height: 45px; width: 100%; z-index: 100000; position: fixed; } #adminnav li { display: inline; padding: 0 10px; font-weight: bold; } #adminnav a { color: #333!important; } #adminnav ul { margin: 0 auto; width: 960px; } #adminnav ul ul { width: auto; } #adminnav a:hover { background: #333!important; color: #fff !important; } #adminnav.menu ul li:hover ul { background: #6ec32a; border-top: 4px solid #333; !important; margin-left: 10px;} #adminnav.menu ul li:hover ul a:hover { margin-left: -10px; padding-left: 20px; width: 155px; margin-right: -10px; } #adminbreak { clear: both; height: 40px; } .helptext { color: #999 ; margin-left: 10px; font-style: italic; font-size: .9em; } input.longinput { width: 300px !important; } #securepage { height: 50px; display: block; position: relative; background: #fff; } #securepage p { text-align: center; background: orange; padding: 10px; color: #fff; } /*DASHBOARD v3 */ .dashboard_table { border-collapse: collapse; } .dashboard_table th { border: 1px solid #ccc !important;} .dashboard_table td { border: 1px solid #ccc !important; } .dashboard_table td { line-height: 1.5em; } .dashboard_table tr:hover { background: #efefef;} .dashboard_table .eventtime { color: #999; font-style: italic; display: block; } .ticketsales span, .ticketsales span { color: #999; float: left; width: 40px; text-align: left; } td.ticketsales, td.salesfigures, td.ticketsales { text-align: right; } .salesfigures span { color: #999; width: 50px; float: right; } .overline { border-top: 1px solid #ccc; } .dashboard_table tr.closed-event { background: #f4f4f4; } #tellfriend p{ float: right; margin-top: -27px; margin-bottom: 0px !important; padding: 6px 10px; -moz-border-radius: 15px; border-radius: 3px; background: #f57e22; } #tellfriend a { color: #fff; } #tellfriend p:hover { background: #333; } .eventlike { float: left; width: 100px; } .eventdetailedreport table { border-collapse: collapse; } .alignright { text-align: right; } .bordertable td, .bordertable th { border: 1px solid #ccc !important; padding: 5px 10px;} .bordertable th { background: #f57e22; color: #fff; } .green { color: green; } .red { color: red; } #bookingsearch table { border-collapse: collapse; } #bookingsearch td { border: 1px solid #ccc !important; } #bookingsearch th { background: #f57e22; color: #fff; } #bookingsearch tr:hover { background: #efefef;} #searchbooking_form { background: #f4f4f4; padding: 10px; margin-bottom: 20px; color: #333; } #searchbooking_form label { font-size: 1.2em; font-weight: bold; background: #333; color: #fff; padding: 5px; border: 1px solid #333; } #searchbooking_form #customer_name { width: 200px; padding: 5px; } #searchbooking_form #bookingSearchSubmit { float: left; margin-top: -28px; margin-left: 320px; width: 80px; background: #f57e22 !important; border: none; padding: 5px; color: #fff; } #searchbooking_form #bookingSearchSubmit:hover { color: #333; } .searchterm { font-weight: bold; color: #f57e22; } #coupon_form li { list-style: none; margin-left: -30px !important; border-bottom: 1px solid #f4f4f4; padding: 10px; display: block; } #coupon_form label.floatlabel { width:120px; float: left; } #coupon_form select { margin-bottom: 20px; } #coupon_form li:hover { background: #f4f4f4; } input.medtext { width: 250px; } p.instructions { font-size: .8em; color: #999 !important; margin-bottom: 0px; margin-left: 120px; } /*.alert { background: #F57E22; padding: 5px; }*/ #save_button { float: left; margin-left: 250px; } #publish_button { float: left; margin-top: -40px; margin-left: 450px; } .soldout { margin-top: -80px; margin-bottom: 80px; } input#phone_area { width: 30px !important; } /* EVENTS */ .event { display: block; clear: both; margin: 0px; margin-bottom: 0px; padding: 10px 20px; } .event:after { display: block; content: ' '; clear: both; } /*.event.featured-1 { background-color: #525252; }*/ .event.featured-1 { padding-top: 30px; padding-bottom: 30px; margin-bottom: 1px; height: 100px; background-size: 70% 100%, 35% !important; background-repeat: no-repeat, no-repeat !important; /*background-position: left, right -30px !important;*/ background-position: left, 104% -30px !important; } .event.featured-1 .eventListingDetails{ width: 53%; } .event.featured-1 .dateblock{ margin-top: 15px; } .event.featured-1 strong{ color: #333; } .event.featured-1 .listhead strong{ color: #fff; } .event.featured-1 a{ color: #4d4d4d;} .event.featured-1 .listhead, .event.featured-1 .date { color: white; } .event.featured-0{ background: none !important; } .event .featured { display: none; } .event.featured-1 .featured { display: block !important; text-transform: uppercase; font-size: 1.5em; color: #f57e21; } .event h3 { font-size: 1.4em; margin-bottom: 2px; padding-top: 8px; } .dateblock { /*float: left;*/ position: absolute; width: 70px; height: 60px; font-size: 1.3em; text-align: center; background: #F57E21; color: #fff; -moz-border-radius: 10px; border-radius: 10px; margin-right: 10px; padding-top: 12px; } .event .eventListingDetails { padding-left: 80px; } .dateblock span { font-size: 2em; font-weight: bold; color: #FFF;} .eventDetailed .date { color: #fff; } .event span.date { font-size: 1.2em; line-height: 1.4em; color: #666;} #home .event p{ line-height: 1.3em; } /*national site*/ #nationalcolumn { width: 925px; overflow: hidden; margin-left: 14px; } #nationalhead h1 { color: black; text-transform: none; font-size: 6em; margin-right: 210px; line-height:1em; font-weight: 100; } #nationalhead h3 { line-height: 1.3em; } #nationalhead { float:left; width: 65%; height: 225px; } #nationalform { float: left; } #nationalcontact { margin-top: 75px; } #nationalform input { font-size: 23px; } #fourdiv { width:600px; } .fourdivone { width:20%; float:left; padding:2%; text-align: center; margin-top:40px; } .listhead { font-size:1.5em; } #map { float:left; width:270px; } .testimonials {float: left; width: 40%} .testimonials p { line-height: 1.3em; } .testimonials p strong { font-size: 1.3em; } .bqstart { float: left; height: 45px; margin-top: -25px; padding-top: 45px; margin-bottom: -50px; font-size: 700%; color: #4d4d4d; } .bqend { float: right; height: 25px; margin-top: -15px; padding-top: 45px; font-size: 700%; color: #4d4d4d; margin-right: 100px; } .bqend2 { float: right; height: 25px; margin-top: -30px; padding-top: 45px; font-size: 700%; color: #4d4d4d; margin-right: 75px; } .author { font-weight: bolder; } #adminarea #accordion form label { font-size: 1.4em; font-weight: bold; } #adminarea #accordion form label .popover { font-size: 1.0em; font-weight: normal; } #adminarea #accordion form label popover-content { font-size: 0.90em; } #adminarea #accordion form label a { color: #f57e21; } #adminarea #accordion form label a data-content { color: red; } #adminarea #accordion .checkbox { font-size: 1.3em; } .accordion-heading .accordion-toggle { font-size: 1.4em; } /*.popover-content { font-size: 1.3em; }*/ .modal-body table { border: solid; } .modal-body table tr { border: solid; } .modal-body table tr td { border: solid; } /*.popover { z-index: 9999999; }*/ .book-now-button { background-image: url(../../buttons/BookNow.png); width: 184px; height: 68px; } .feedbackTab { background-color: #f47d21 !important; color: #ffffff !important; border: 1px solid #ffffff !important; border-bottom: 0px !important; } .rsvp_table { width: 100%; } .rsvp_table .wrap_strict { white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; white-space: normal; } .news-box p a { color:black; text-decoration:underline } #content .news-box img { max-width: 330px; float: right; } #blogpage img { max-width: 395px; float: right; } #mobilecolumn #column2 { width: 320px; } #mobilebyline #byline { width: inherit; bottom:-15px; left:0; } #mobilebyline #byline p { text-align:left; } #regionlogobox { min-height:120px; } #content #col2 .organiseremailbutton { background-color: #f57e21; color: white; padding: 10px; border-radius: 6px; height: /*16px*/40px; display: inline-block; width: 135px; /* vertical-align: middle; */ font-size: 1.2em; } #content #col2 .organiseremailbutton:hover { background: #333; } #content #col2 #eventorgdetails p { text-align: left!important; } #content #col2 #eventorgdetails td { vertical-align: middle; } #content #col1 .addthisevent-drop { border: none; color: #fff !important; background-color: #f57e21; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; padding-top: 5px; padding-bottom: 3px; } #content #col1 .addthisevent_dropdown .copyx { display: none !important; } .boxcon .box p { margin-bottom:0px; } #titlebar .right{ display: none; } /* MOBILE STYLES @media screen and (max-width: 599px) { #slidercon, #column1, #column3, .right { display:none; } #header { min-width: 300px; width:100%; } #header .wrapper { width:100%; height:auto; } #header .wrapper img { width:90%; padding: 0px 5%; } .wrapper { width: 100%; overflow: hidden;} } #column2 { width: 100%; } #side { display:none; } #content #col2 { display:none; } #footer { display:none; } #base { display:none; } #nav { min-width: 10px; height: 125px; } .resultcon div.left { width: 240px; } .menu { width: 100%; } .menu ul { text-align: center; } .menu ul li ul { z-index:999999; } #searchfield { display:none; } #main { width:100%; } #organisedby #organisedbydetail { width:100%; } } */ #baselink .paginator { font-size: 9pt; margin-bottom: 10px; } .wrapper .newEventFullWidth#main { width: 950px; } .wrapper .newEventFullWidth #content #col1, .wrapper .newEventFullWidth #content #col2 { width: 48%; } /*.wrapper .newEventFullWidth #content #tellfriend p { float: none; margin-top: 0px; margin-bottom: 0px !important; padding: 6px 10px; -moz-border-radius: 15px; border-radius: 3px; background: #f57e22; display: block; width: 70px; font-size: 1em; } .wrapper .newEventFullWidth #content #tellfriend p a { text-decoration: none; }*/ .wrapper .newEventFullWidth #baselink { width:950px; background-repeat: repeat-x; } .wrapper .newEventFullWidth #content .eventimage { float: right; padding: 0 0 25px 25px; width: 230px; } /*.newEventFullWidth #content .addthisevent-drop { border: none; color: #fff !important; background-color: #f57e21; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; padding-top: 5px; padding-bottom: 3px; margin: 10px 0px; } .newEventFullWidth #content .addthisevent_dropdown .copyx { display: none !important; }*/ .newEventFullWidth #content .eventlists { float: left; background-color: #f6f6f6; margin-bottom: 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .newEventFullWidth #content .eventlists ul { padding: 0px; } /*{ padding-left: 0px; }*/ .newEventFullWidth #content .eventlists .eventdeets { float: left; max-width: 390px; padding-left: 30px; } .newEventFullWidth #content .eventlists .eventdeets.one { padding-left: 0px; } .newEventFullWidth #content .eventlists .eventdeets.one li { width: 335px; } .newEventFullWidth #content .eventlists .eventdeets.two li { width: 270px; } .newEventFullWidth #content .eventdescription p { text-align: justify !important; } .newEventFullWidth #content #organisedbydetail { width: 75%; } .newEventFullWidth #content .eventlists .contactdeets { float: right; text-align: right; margin-right: 20px; } .newEventFullWidth #content .soldout { margin-top: -80px; /* margin-bottom: 80px; */ float: right; position: relative; right: -40px; bottom: 150px; margin-left: -290px; } .newEventFullWidth #content .eventlists .one .listprefix { width: 85px; text-align: left; } .newEventFullWidth #content .eventlists .two .listprefix { width: 105px; text-align: left; } .newEventFullWidth #content .eventlists ul li { text-align: right; } /*.newEventFullWidth #content p:first-of-type { display: none; }*/ .newEventFullWidth #content h2 { color: #f57e22; font-size: 2em; } .newEventFullWidth #content #organisedby p, .newEventFullWidth #content #bookingfee p { display: block; } .newEventFullWidth #content .imgcont { display: block; width: 250px; min-height: 285px; max-height: 350px; float: right; } .newEventFullWidth #content #sponsorimg { /*max-width: 200px;*/ } .newEventFullWidth #titlebar { margin-top: 0px; border-radius: 0px; } .wrapper #main.newEventFullWidth { margin-top: -30px; } .newEventFullWidth table.ticketclass { width: 100%; } .newEventFullWidth table.ticketclass .bottomrow { border-bottom: 1px solid #F57E22; } .newEventFullWidth table.ticketclass .ticketstat { color: #4d4d4d; font-weight: bold; } .newEventFullWidth table.ticketclass .class_status { max-width: 330px; } .newEventFullWidth table.ticketclass .classDescription { min-width: 300px; } .newEventFullWidth #content a { text-decoration: underline; } .newEventFullWidth #content .detailoverflowhide { height: 425px; overflow: hidden; position: relative; } .readMoreGradientWhiteBackground { display: none; background: url("./images/readmoregradient.png"); height: 10px; position: absolute; bottom: 0px; width: 100%; } .readMoreTabContainer { display: none; margin-top: 15px; border-top: 1px solid #f57e22; width: 100%; } .readMoreTab { display: inline; background-color: #f57e22; color: #ffffff; padding: 5px; cursor: pointer; text-transform: lowercase; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .eventHeadingButtons { display: block; /*overflow: hidden;*/ float: right; width: 440px; margin-top: -35px; margin-bottom: 0px; position: relative; } .eventHeadingButton a { width: 90px; display: inline-block !important; margin: 0 0 0 10px !important; height: 20px; padding: 10px 10px 0px; line-height: 1em !important; background-color: #F57E21; background-image: none; border-radius: 3px; color: #fff; font-weight: normal; text-decoration: none !important; font-size: 9pt !important; text-align: center; text-transform: lowercase; } .eventHeadingButton p { /*overflow: hidden;*/ width: 125px; display: inline-block; float: right; margin: 0px !important; background: none !important; /*padding: 0px !important;*/ } .eventHeadingButtons #tellfriend p { padding: 0px !important; } .eventHeadingButtons #tellfriend p a { text-align: center !important; } .eventHeadingButtons .addthisevent-drop { border: none !important; } .eventHeadingButtons .addthisevent-drop:hover { font-weight: normal; } .organisedByNew { margin-top: 0px !important; } .nivoSlider .nivo-directionNav{ display: none; } .nivoSlider { position: relative; width: 1015px !important; height: 300px !important; overflow: hidden !important; margin: auto !important; -moz-box-shadow: 5px 0px 15px rgba(0,0,0,.5); -webkit-box-shadow: 5px 0px 15px rgba(0,0,0,.5); box-shadow: 5px 0px 15px rgba(0,0,0,.5); border-left: 5px solid white; border-right: 5px solid white;} #slidercon { background-color: #F57E24; padding-bottom: 0px; } .nivoSlider .nivo-directionNav { display:none; z-index: 9999; } /*#content h2 .addThisEventButton { float: right; } #content h2 #tellfriend { float: right; } #content h2 #tellfriend, #content h2 .addThisEventButton { font-size: 13px !important; font-weight: normal !important; padding: 0px !important; margin: 0px !important; display: inline; } #content h2 #tellfriend p, #content h2 .addThisEventButton p { display: inline; } #content h2 #tellfriend p a, #content h2 .addThisEventButton p a { display: inline; } #content h2 .addThisEventButton .addthisevent-drop { margin: 0px !important; padding: 0px !important; } #content h2 #tellfriend p { margin: 0px !important; padding: 0px !important; }*/ /*#content h2 .eventHeadingButton { float: right; }*/ /*#content h2 #tellfriend { border: none; color: #fff !important; background-color: #f57e21; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; padding-top: 5px; padding-bottom: 3px; margin: 10px 0px; }*/ /** admin stuff **/ #adminarea .ticketClassCategories ul { margin-left: 0px; list-style-type: none; } #adminarea .ticketClassCategories .ticketClassCategoryTitle { font-size: 1.25em; font-weight: bold; } #adminarea .ticketClassCategories table { font-size: 0.8em; margin-left: 10px; } /** public stuff **/ #main #content .newTicketClassList { margin-left: 0px; list-style-type: none; } #main #content .newTicketClassList li { margin-top: 20px; background-color: #f6f6f6; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main #content .newTicketClassList .ticketClassCategoryTitle { display: block; font-size: 1.25em; font-weight: bold; color: #f57e22; } #main #content .newTicketClassList .ticketClassCategoryDescription { display: block; font-size: 0.9em; margin-top: 10px; margin-bottom: 10px; } #main #content .newTicketClassList table { font-size: 0.8em; margin-top: 0px; } #main #content .newTicketClassList li table .class_desc { border: 0px; } #main #content .newTicketClassList li table .toprow { border-top: 1px solid #F57E22; } #main #content .newTicketClassList li.uncategorisedCategory table .toprow:first-child { border-top: 0px; } #main #content .newTicketClassList table .class_invitation_code .input { width: 100% !important; } .addthisevent_icon { display: none !important; } .slicknav_menu { display:none; } @media screen and (max-width: 965px) { #gridInner .gridEvents .tile h1{ font-size: 1.6em; } } @media screen and (max-width: 767px) { .frontEnd #slidercon, .frontEnd #column1, .frontEnd #column3, .frontEnd .right { display: none; } .frontEnd #header { width: 300px; width: 100%; } .frontEnd #logo { width: auto; margin-left: 10px; } .frontEnd .newEventFullWidth #content .eventlists .eventdeets { float: none; } .frontEnd .wrapper { margin-left: auto; margin-right: auto; width: 100%; overflow: hidden; } .frontEnd #header { overflow: hidden; padding: 20px 0; min-width: 200px; width: 100%; padding-top: 0px; padding-bottom: 0px; background-color: #fff; } .frontEnd #header .wrapper { position: relative; height: 30px; width: 100%; } .frontEnd #side { width: 240px; padding-left: 10px; overflow: hidden; display: none; } .frontEnd #content #col2 { width: 300px; overflow: hidden; display: none; } .frontEnd #nav { background: #e0dfda; min-width: 10px; height: 125px; z-index: 99; position: relative; display: none; } /*.frontEnd #searchfield { position: absolute; right: 0; padding-top: 18px; height: 28px; overflow: hidden; width: 205px; display: none; }*/ .frontEnd #footer { clear: both; padding-top: 20px; display: none; } .frontEnd #base { clear: both; display: none; } .frontEnd #slidercon .wrapper { width: 1015px; padding: 20px 0; position: relative; min-width: 100%; max-width: 100%; } .frontEnd .menu { width: 750px; position: relative; font-size: 2.0em; z-index: 99999; font-weight: bold; text-transform: lowercase; float: left; display: none; } .frontEnd .menu ul { padding: 0; margin: 0; list-style-type: none; text-align: center; } .frontEnd .menu ul li ul { display: none; z-index: 999999; } .frontEnd .wrapper .newEventFullWidth #content .eventimage { float: none; padding: 0px; width: 230px; padding-left: 0px; } .frontEnd .newEventFullWidth #content .eventlists { float: none; background-color: #f6f6f6; margin-bottom: 20px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: -10px; z-index: 99999; } .frontEnd ul.liststylenone.eventdeets.one { float: left; max-width: 390px; padding-left: 30px; } .frontEnd .newEventFullWidth #content .eventlists .eventdeets.one li { width: auto; display: block; } .frontEnd .newEventFullWidth #content .eventlists .one .listprefix { width: 85px; text-align: left; float: none; display: block; } .frontEnd .newEventFullWidth #content .eventlists .two .listprefix { width: 105px; text-align: left; display: block; } .frontEnd .newEventFullWidth #content .imgcont { display: none; width: 250px; min-height: 285px; max-height: 350px; float: none; margin: auto; } .frontEnd .newEventFullWidth #titlebar { margin-top: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .frontEnd .nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; margin: auto; -moz-box-shadow: 5px 0px 15px rgba(0, 0, 0, .5); -webkit-box-shadow: 5px 0px 15px rgba(0, 0, 0, .5); box-shadow: 5px 0px 15px rgba(0, 0, 0, .5); border-left: 5px solid white; border-right: 5px solid white; margin-left: 0px; margin-right: 0px; border: 0px; } .frontEnd #slidercon { background-color: #F57E24; padding-bottom: 0px; width: 100%; } .frontEnd #main #content .newTicketClassList li table .class_desc { border: 0px; display: block; padding-bottom: 0px; margin-top: 10px; } .frontEnd .wrapper { width: 300px; } .frontEnd #header .wrapper { width: 100%; height: auto; min-width: 300px; } .frontEnd #header .wrapper img { padding: 0px 5%; } .frontEnd .wrapper { width: 100%; overflow: hidden; } .frontEnd #column2 { width: 100%; } .frontEnd #side { display: none; padding: 0px; margin: 0px 11% } .frontEnd #content #col2 { display: none; } .frontEnd #footer { display: none; } .frontEnd #base { display: none; } .frontEnd #nav { min-width: 10px; height: 60px; display: block; } .frontEnd .resultcon div.left { width: 240px; } .frontEnd .menu { display: none; } .frontEnd .menu ul { text-align: center; } .frontEnd .menu ul li ul { z-index: 999999; } .frontEnd #searchfield { display: block; /* left: 0px; */ /* top: 0px; */ } .frontEnd #main { width: 100%; } .frontEnd #organisedby #organisedbydetail { width: 100%; } .frontEnd #slidercon { width: 100%; } .frontEnd #slidercon .wrapper { min-width: 100%; max-width: 100%; } .frontEnd .nivoSlider { width: 100%; margin-left: 0px; margin-right: 0px; height: auto; border: 0px; } .frontEnd #column1, .frontEnd #column3 { display: none; } .frontEnd #loginbtn { display: none; } .frontEnd #byline { display: none; } .frontEnd #titlebar .right { display: none; } .frontEnd #logo { width: auto; margin-left: 10px; } .frontEnd #header .wrapper { height: auto; padding: 20px 0px; } .frontEnd .newEventFullWidth #titlebar { margin-top: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .frontEnd #maincon { margin-top: -10px; } .frontEnd #content { padding: 10px; } .frontEnd .wrapper .newEventFullWidth#main { width: 100%; } .frontEnd .newEventFullWidth #content .imgcont { float: none; margin: auto; } .frontEnd .wrapper .newEventFullWidth #content .eventimage { padding: 0px; padding-left: 0px; float: none; } .frontEnd .newEventFullWidth #content .eventlists { float: none; margin-left: 0px; z-index: 99999; } .frontEnd .newEventFullWidth #content .eventlists .eventdeets { float: none; padding-left: 0px } .frontEnd .newEventFullWidth #content .eventlists ul li { text-align: left; } .frontEnd .eventHeadingButtons { display: none; } .frontEnd .newEventFullWidth #content .detailoverflowhide { height: auto; } .frontEnd .btn { margin-left: 10px; } .frontEnd #main #content .newTicketClassList table tr {} .frontEnd #main #content .newTicketClassList table td {} .frontEnd #main #content .newTicketClassList table .class_invitation_code { display: block; } .frontEnd #main #content .newTicketClassList table .class_status { display: block; margin-top: 5px; } .frontEnd #main #content .newTicketClassList table .class_price { display: block; } .frontEnd #main #content .newTicketClassList li table .class_desc { border: 0px; display: block; padding-bottom: 0px; margin-top: 10px; } .frontEnd #main #content .newTicketClassList table tr.toprow td:nth-child(3) { display: block; margin-left: -30%; padding-bottom: 10px; } .frontEnd #main #content .newTicketClassList table tr.toprow td:nth-child(4) { display: block; margin-left: -150%; margin-top: -70px; padding-bottom: 20px; } .frontEnd #main #content .newTicketClassList li table .class_desc:first-of-type { margin-top: 10px; border-top: 1px solid #ccc; padding-top: 10px; } .frontEnd .readMoreTab { display: none; } .frontEnd #main #content .newTicketClassList li table .class_desc:nth-child(2) { display: inline-block; padding-right: 10px; border-right: 1px solid #ccc; } .frontEnd #main #content .newTicketClassList li table .class_desc:nth-child(3) { display: inline-block; padding-left: 10px; padding-bottom: 10px; } .frontEnd .newEventFullWidth #content .eventlists .one .listprefix, .frontEnd .newEventFullWidth #content .eventlists .eventdeets.two li .listprefix { width: auto; text-align: left; float: none; display: block; } .frontEnd .organisedByNew img { display: none; } .frontEnd #nav .wrapper { height: 46px; } .frontEnd #nav .wrapper #searchfield { width:100%; margin:auto; position: relative; margin-left: 10px; } .frontEnd #nav .wrapper #searchfield input { width:70%; } .frontEnd #nav .wrapper #searchfield #searchButton { width:20%; } .frontEnd .tpage { width: 100%; } .frontEnd .menu ul { display: none; } .frontEnd .slicknav_menu { display: block; background-color: #f57e21; } .frontEnd .slicknav_menu ul { background-color: #f57e21; } .slicknav_icon { display: none; } .frontEnd .slicknav_menu .slicknav_btn { background-color: #f57e21; } .frontEnd .slicknav_menu .slicknav_menutxt { text-shadow: none; } .dateblock { /*margin-bottom: 60px;*/ } #gridInner .gridEvents .tile h1{ font-size: 1.8em; } } /*.region-testing .boxcon.regionLogos, .region-testing .boxcon.abox { height: 285px; }*/ .boxcon.regionLogos, .boxcon.abox { height: 285px; } .boxcon h2{ font-size: 1.5em; } #regionlogobox p { text-align: center; margin: 20px 0; font-size: 1.3em; margin: 5px; font-size: 1.1em; } #regionlogobox #newRegionLogo h4 { display: none; } /*.boxcon.abox.new { display: none; }*/ /*.region-testing .boxcon.news { display: none; } .region-testing .boxcon.abox.new { display: block; }*/ .boxcon.news { display: none; } .resource-pricing #content h2 { font-weight: normal; font-size: 2em; color: #3b3b3b; } .resource-pricing #content h3 { color: #f57e21; text-transform: uppercase; } .resource-pricing #content table { width: 100%; font-size: 1.1em; } .resource-pricing #content table tr { border-bottom: 1px dotted #f57e21; } .resource-pricing #content table tr:last-child { border: 0px; } .resource-pricing #content table tr td { padding: 5px 0px 5px 0px; } .resource-pricing #content table tr td p { margin: 0px; } .resource-pricing #content table tr td:first-child { width: 45%; border-right: 1px dotted #f57e21; font-weight: bold; color: #3b3b3b; padding-right: 15px; } .resource-pricing #content table tr td:last-child { padding-left: 15px; } .resource-pricing #content table tr td ul { margin: 0px; list-style-type: none; } /* new table */ #siteFullWidthContent table { width: 100%; font-size: 1.2em; line-height: 1.8em; } #siteFullWidthContent table tr { border-bottom: 1px dotted #f57e21; } #siteFullWidthContent table tr:last-child { border: 0px; } #siteFullWidthContent table tr td { padding: 15px 5px 15px 5px; } #siteFullWidthContent table tr td p { margin: 0px; } #siteFullWidthContent table tr td:first-child { width: 25%; border-right: 1px dotted #f57e21; font-weight: bold; color: #3b3b3b; padding-right: 15px; } #siteFullWidthContent table tr td:nth-child(2) { border-right: 1px dotted #f57e21; font-weight: bold; color: #3b3b3b; padding-right: 15px; padding-left: 15px; } #siteFullWidthContent table tr td:last-child { padding-left: 15px; width: 30% } #siteFullWidthContent table tr td ul { margin: 0px; } #siteFullWidthContent table tr td ul li { font-size: 1em; } /*#baselink { display: none !important; }*/ #searchfield input { padding: 0px; } #searchfield input[type="text"] { border: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; height: 28px; padding-left: 5px; padding-right: 5px; } #searchfield input#searchButton { background-color: #f57e22; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; height: 28px; } #siteBanner { clear: both; background-image: url(/assets/images/SiteBannerBackground.jpg); background-size: cover; background-position: center bottom; height: 350px; text-align: center; } #siteBanner span { font-size: 32px; line-height: 64px; text-align: center; color: #ffffff; padding-top: 64px; display: inline-block; } #siteBanner a { display: inline-block; background-color: #04a10c; font-size: 20px; color: #ffffff; padding: 14px 28px 14px 28px; margin-top: 32px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #siteBanner { background-color: #ddd; overflow: hidden; background-position: center top; } #sitePressReleaseDownloadToolbar { background-color: #f38a20; font-size: 18px; padding: 15px 0px 15px 0px; color: #ffffff; font-weight: bold; } #sitePressReleaseDownloadToolbar #downloadPressReleaseTemplate { display: inline; float: right; } #sitePressReleaseDownloadToolbar span { display: inline-block; margin-top: 6px; } #sitePressReleaseDownloadToolbar #downloadPressReleaseTemplate input, #sitePressReleaseDownloadToolbar #downloadPressReleaseTemplate button { margin: 0px; padding: 0px; height: 32px; background-color: #ffffff; border: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding-left: 10px; padding-right: 10px; } #sitePressReleaseDownloadToolbar #downloadPressReleaseTemplate button { background-color: #4d4d4d; color: #ffffff; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #siteFullWidthContent { clear: both; background-color: #ffffff; padding: 60px 0px 0px 0px; } #siteFullWidthContent h2 { color: #f57e22; margin-bottom: 20px; text-transform: uppercase; } #siteFullWidthContent .sell-tickets-panel { padding-left: 170px; min-height: 148px; background-repeat: no-repeat; } #siteFullWidthContent .sell-tickets-panel.noicon { min-height: 50px; padding-left: 100px; padding-bottom: 20px; } #siteFullWidthContent ul, #siteFullWidthContent ol{ padding-left: 18px; } #siteFullWidthContent table tr:first-of-type{ border: none } #siteFullWidthContent table tr:first-of-type td{ border: none; padding-left: 0px; } #siteFullWidthContent .freeColumn tr td:last-child{ width: auto; } #siteFullWidthContent li { font-size: 1.4em; } #siteFullWidthContent .sell-tickets-panel.noicon h2 { margin-bottom: 0px; } #siteFullWidthContent .sell-tickets-panel.sell-tickets-list { background-image: url(/assets/images/sell-tickets-list.png); } #siteFullWidthContent .sell-tickets-panel.sell-tickets-promote { background-image: url(/assets/images/sell-tickets-promote.png); } #siteFullWidthContent .sell-tickets-panel.sell-tickets-manager { background-image: url(/assets/images/sell-tickets-manager.png); } #siteFullWidthContent .sell-tickets-panel.sell-tickets-scan { background-image: url(/assets/images/sell-tickets-scan.png); } #siteFullWidthContent .sell-tickets-panel.sell-tickets-get-paid { background-image: url(/assets/images/sell-tickets-get-paid.png); } #siteFullWidthContent #siteFullWidthContentInner .systemFeaturesPanel, #siteFullWidthContent #siteFullWidthContentInner .ticketTypesPanel { font-size: 1.2em; } #siteFullWidthContent #siteFullWidthContentInner .systemFeaturesPanel h2, #siteFullWidthContent #siteFullWidthContentInner .ticketTypesPanel h2 { margin-bottom: 5px; padding-top: 15px; } #siteFullWidthContent #siteFullWidthContentInner .systemFeaturesPanel.systemFeaturesList { background-image: url(/assets/images/sell-tickets-list.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesManager { background-image: url(/assets/images/sell-tickets-manager.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesEvent { background-image: url(/assets/images/sell-tickets-promote.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesTicket { background-image: url(/assets/images/sell-tickets-scan.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesPayment { background-image: url(/assets/images/sell-tickets-get-paid.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesSell { background-image: url(/assets/images/systemfeaturessell.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesFlexible { background-image: url(/assets/images/systemfeaturesflexible.png); } #siteFullWidthContent .systemFeaturesPanel.systemFeaturesInstant { background-image: url(/assets/images/systemfeaturesinstant.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesGeneral { background-image: url(/assets/images/tickettypesgeneral.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesMulti { background-image: url(/assets/images/tickettypesmulti.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesTables { background-image: url(/assets/images/tickettypestable.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesCustom { background-image: url(/assets/images/tickettypescustom.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesExclusive { background-image: url(/assets/images/tickettypesexclusive.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesEarly { background-image: url(/assets/images/tickettypesearly.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesDiscounted { background-image: url(/assets/images/tickettypesdiscounted.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesVenue { background-image: url(/assets/images/tickettypesvenue.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesTicketing { background-image: url(/assets/images/tickettypesticketing.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesFree { background-image: url(/assets/images/tickettypesfree.png); } #siteFullWidthContent .ticketTypesPanel.ticketTypesGate { background-image: url(/assets/images/tickettypesgate.png); } #sitePricingFeaturesListEventButtons { clear: both; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn { padding-left: 21px; padding-right: 21px; width: 33%; float: left; display: inline-block; box-sizing: border-box; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn:first-child { padding-left: 0px; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn:last-child { padding-right: 0px; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn a { background-color: #04a10c; font-size: 20px; color: #ffffff; padding: 14px 28px 14px 28px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; display: block; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn a.orange { background-color: #f38a20; } #siteFullWidthAdvertisements { clear: both; margin-top: 20px; margin-bottom: 20px; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner { background-color: #e3e3e3; padding: 30px; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner .siteFullWidthAdvertisementsColumn { width: 33%; float: left; box-sizing: border-box; padding: 50px; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner .siteFullWidthAdvertisementsColumn p { margin: 0px; padding: 0px; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner .siteFullWidthAdvertisementsColumn img { display: block; margin-left: auto; margin-right: auto; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner .siteFullWidthAdvertisementsColumn a h2{ text-align: center; padding: 20px; color: #f57e22; } #siteFooterSponsors { clear: both; padding-top: 15px; } #siteFooterSponsors #siteFooterSponsorsInner div { display: inline; } #siteFooterSponsors #siteFooterSponsorsInner div.tableReplacement div.sponsor { width: 20%; display: inline-block; float: left; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } #siteFooterSponsors #siteFooterSponsorsInner div.tableReplacement > div > div:first-child div.sponsor { padding-left: 0px; } #siteFooterSponsors #siteFooterSponsorsInner div.tableReplacement > div > div:first-child div.sponsor:last-child { padding-right: 0px; } /*#siteFooterSponsors #siteFooterSponsorsInner div { display: inline-block; } #siteFooterSponsors #siteFooterSponsorsInner div.tableReplacement { width: 50%; float: left; } #siteFooterSponsors #siteFooterSponsorsInner div.tableReplacement > div > div { width: 50%; float: left; }*/ #siteFooter { clear: both; background-color: #4d4d4d; color: #ffffff; font-size: 14px; margin-top: 20px; padding-bottom: 60px; text-align: center; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner { width: 100% !important; padding: 0 !important; } #siteFooter #siteFooterInner { padding-top: 60px; } #siteFooter .siteFooterMenu { list-style-type: none; margin: 0px; padding: 0px; color: #ffffff; } #siteFooter .siteFooterMenu li { margin-bottom: 15px; text-transform: uppercase; } #siteFooter .siteFooterMenu.siteFooterMenuTinySpacing li { margin-bottom: 5px; } #siteFooter .siteFooterMenu li:last-child { margin-bottom: 0px; } #siteFooter .siteFooterMenu a { color: #ffffff; } #siteFooter .siteFooterColumn { float: left; width: 25%; display: inline-block; vertical-align: top; box-sizing: border-box; } .fiftyPercentFullWidth{ width: 45%; padding: 20px; float: left; } @media (min-width: 950px) { #siteBanner #siteBannerInner, #sitePressReleaseDownloadToolbar #sitePressReleaseDownloadToolbarInner, #siteFooterSponsors #siteFooterSponsorsInner, #siteFooter #siteFooterInner, #siteFullWidthContent #siteFullWidthContentInner, #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner, #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner { width: 950px; margin: 0px auto; } #grid #gridInner { width: 950px; margin: 0px auto; } .leftColumn #grid #gridInner { width: 100%; margin: auto; } #eventsToolbar #eventsToolbarInner { width: 950px; margin: 0px auto; } } @media (max-width: 949px) { #siteBanner #siteBannerInner, #sitePressReleaseDownloadToolbar #sitePressReleaseDownloadToolbarInner, #siteFooterSponsors #siteFooterSponsorsInner, #siteFooter #siteFooterInner, #siteFullWidthContent #siteFullWidthContentInner, #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner, #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner, #grid #gridInner { padding-left: 10px; padding-right: 10px; } #eventsToolbar #eventsToolbarInner { padding-left: 10px; padding-right: 10px; } #header, #nav { min-width: 0px; padding: 10px; } #header .wrapper, #nav .wrapper { width: 100%; } } @media (max-width: 767px) { #sitePressReleaseDownloadToolbar #downloadPressReleaseTemplate { float: left; margin-top: 10px; } #siteBanner { display: none; } #siteFullWidthContent .sell-tickets-panel { padding-left: 135px; } #sitePricingFeaturesListEventButtons #sitePricingFeaturesListEventButtonsInner .sitePricingFeaturesListEventButtonsColumn { width: 100%; padding: 0px; margin-top: 10px; } #siteFullWidthAdvertisements #siteFullWidthAdvertisementsInner .siteFullWidthAdvertisementsColumn { width: 100%; margin-top: 10px; } #siteFooter .siteFooterColumn { width: 50%; margin-bottom: 15px; } .newEventFullWidth table.ticketclass .classDescription { min-width: 100px; } } .features2Col { -webkit-column-count: 2; -moz-columns: 2; list-style-position: inside; columns: 3; list-style-type: none; } .features2Col li { background-image: url(images/tick.jpg); background-repeat: no-repeat; background-position: 0em; padding-left: 1.5em; } @media screen and (max-width: 550px) { .features2Col{ -webkit-column-count: 1; -moz-columns: 1; list-style-position: inside; columns: 1;} .frontEnd #nav{ display: none; } .event.featured-1{ background-size: 100% 100%, 0% 0% !important; } .event.featured-1 .eventListingDetails{ width: auto; } } #myAccountForm input { margin-bottom: 0px; } #myAccountForm label { font-size: 12px; font-weight: bold; } #myAccountForm .help { font-size: 11px; color: #f57e21; } #WebLoginLayer0 input[name="username"] { text-transform: lowercase; } #siteFullWidthContent h3 { text-transform: uppercase; color: #f38a20; } #titlebar h1 { width: 100%; } #searchfield input[type="text"]{ width:80%; height: 32px; } .frontEnd .newEventFullWidth #titlebar{ margin-top: 40px; } #searchfield input#searchButton { border: 2px solid #ffffff; height: 32px; } #nav { } .eventMarket p{ display: inline; } .eventMarket label { float: right; margin-left: 10px; margin-top: -8px; } .eventMarket #marketingForm .row-fluid.question { margin-top: 10px; padding: 5px; } .eventMarket #marketingForm .row-fluid.question:after { content: " "; display: block; clear: both; } .eventMarket #marketingForm .row-fluid.question:nth-child(2n) { background-color: rgba(0, 0, 0, 0.07); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #gridInner { background-color: #ffffff; min-height: 300px; padding-top: 10px; } .gridIntro { width: 950px; margin: 20px auto; } .gridIntro h2{ text-align: center; font-size: 2.5em; color: #f57e21; padding: 15px 0px; } .gridIntro p{ text-align: center; } .wrapper #byline{ display: none; } /* blog */ #gridInner .blog .tile { display: inline-block; width: 33.3%; box-sizing: border-box; padding: 10px; margin-bottom: 5px; vertical-align: top; } #grid.twoColumn #gridInner .blog .tile { width: 50%; } #gridInner .blog { border-bottom: 1px dashed #dddddd; padding-bottom: 20px; margin-bottom: 10px; } #gridInner .blog .tile .featureImage { height: 180px; background-color: #eeeeee; margin-bottom: 10px; background-size: cover; background-position: center center; } #gridInner .blog .tile h1 { line-height: 1.0em; margin-bottom: 10px; color: #f38a20; } #gridInner .blog .tile h1 small { font-size: 0.75em; } #gridInner .blog .tile p { margin-bottom: 10px; } #gridInner .blog .tile p:last-of-type { margin-bottom: 0px; } #gridInner .blog .tile ul { margin-left: 20px; } #gridInner .blog .tile ul li { font-size: 1.4em; } @media(max-width: 800px) { #gridInner .blog .tile { width: 49.7%; } #gridInner .blog .tile .featureImage { height: 240px; } } @media(max-width: 560px) { #gridInner .blog .tile { width: 100%; } #gridInner .blog .tile .featureImage { height: 240px; } } /* gridEvents */ #gridInner .gridEvents .tile { display: inline-block; width: 33.1%; box-sizing: border-box; padding: 10px; margin-bottom: 5px; vertical-align: top; } #gridInner .gridEvents { border-bottom: 1px dashed #dddddd; padding-bottom: 20px; margin-bottom: 10px; } #gridInner .gridEvents .tile .featureImage { height: 180px; background-color: #eeeeee; margin-bottom: 5px; background-size: cover; background-position: center center; border: 1px solid #dddddd; position: relative; } #gridInner .gridEvents .tile .featureImage .eventTileDate { padding: 3px 6px; /*top: 5px;*/ right: 0px; position: absolute; color: #ffffff; background-color: #f38a20; font-size: 16px; display: inline-block; } #gridInner .gridEvents .tile .eventCTA { position: relative; text-align: right; display: none; } #gridInner .gridEvents .tile .eventCTA .eventTileDate, #gridInner .gridEvents .tile .eventCTA .eventBuyTickets { padding: 5px 10px; color: #ffffff; background-color: #f38a20; font-size: 14px; display: inline-block; } #gridInner .gridEvents .tile .eventCTA .eventBuyTickets { background-color: #4d4d4d; } #gridInner .gridEvents .tile a { text-decoration: none; } #gridInner .gridEvents .tile h1 { line-height: 1.0em; margin-bottom: 2px; color: #ffffff; background-color: #f38a20; padding: 5px; height: 46px; text-transform: uppercase; } #gridInner .gridEvents .featuredEvent { padding: 3px 6px; top: 0px; left: 0px; position: absolute; color: #ffffff; background-color: #f38a20; font-size: 14px; display: inline-block; } #gridInner .gridEvents .tile small { font-size: 1.25em; color: #999999; text-transform: uppercase; margin-bottom: 5px; display: block; } #gridInner .gridEvents .tile p { margin-bottom: 10px; color: #000000; text-decoration: none; } #gridInner .gridEvents .tile p:last-of-type { margin-bottom: 0px; } #gridInner .gridEvents .tile ul { margin-left: 20px; } #gridInner .gridEvents .tile ul li { font-size: 1.4em; } #gridInner .gridEvents .link { color: #f38a20; } @media(max-width: 950px) { .gridIntro { width: 100%; background: white; } } @media(max-width: 800px) { #gridInner .gridEvents .tile { width: 49.7%; } #gridInner .gridEvents .tile .featureImage { height: 240px; } } @media(max-width: 650px) { .gridIntro{ display: none; } } @media(max-width: 560px) { #gridInner .gridEvents .tile { width: 100%; } #gridInner .gridEvents .tile .featureImage { height: 240px; } } /* events toolbar */ #eventsToolbar { background-color: #f38a20; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn { padding: 10px; display: inline-block; width: 33.1%; box-sizing: border-box; vertical-align: top; } #eventsToolbar .datePicker { cursor: pointer; } #eventsToolbar .eventsToolbarField { position: relative; } #eventsToolbar .eventsToolbarField .inputToolButton { position: absolute; right: 0px; top: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; padding-right: 10px; cursor: pointer; font-size: 12px; visibility: hidden; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn input { width: 100%; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 40px; padding: 0px 10px; margin: 0px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn input[type=submit] { background-color: #4d4d4d; color: #ffffff; width: 30%; float: left; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn .communityEvents { background-color: #04A10C; white-space: nowrap; width: 100%; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; height: 40px; padding: 10px 10px; margin: 0px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; color: #ffffff; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; } .wrapper .menu{ width: auto; float: right; } body #nav{ background: #fff; height: 85px } #header .wrapper{ height: auto; } #header .wrapper .right{ z-index: 9999999; position: relative; } #header .wrapper #logo{ position: absolute; z-index: 99999; } #header{ overflow: visible; } ul.menu li:hover ul, .menu ul li a:hover ul{ border-top: 20px solid #fff; } #grid{ background: #fff; } #nav.adminnav{ margin-top: 75px; } @media(max-width: 936px) { body #nav{ height: auto; margin-top: 58px; padding: 10px 0px; } .wrapper .menu{ width: 98%; background: #fff; padding: 10px } } @media(max-width: 768px) { .frontEnd #nav{ display: none; } #header .wrapper #logo{ position: relative; } } @media(max-width: 800px) { #eventsToolbar #eventsToolbarInner .eventsToolbarColumn { width: 33%; } } @media(max-width: 560px) { #eventsToolbar #eventsToolbarInner .eventsToolbarColumn { width: 100%; padding-bottom: 0px; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:last-child { padding-bottom: 10px; } } #homeEventsBanner { clear: both; } #homeEventsBannerPlaceholder { clear: both; } #homeEventsBannerPlaceholder img { width: 100%; height: auto; display: block; } .gridIntro h3{ font-size: 1.6em; line-height: 1.6em; text-align: center; } #header #loginbtn a{ background: #f57e22; border: 1px solid #f57e22; } #header #extras{ width: 530px; } #header .wrapper .right{ float: none; position: absolute; top: 0px; right: 0px; } #header .wrapper .newLogo{ } #nav .wrapper.newmenuwrapper{ position: relative; text-align: center; background: #f89406; width: 100%; color: #fff; margin-top: 95px } #nav .wrapper.newmenuwrapper .menu{ text-align: center; margin: 0 auto; float: none; position: relative; color: #fff; display: inline-block; } #nav .wrapper.newmenuwrapper .menu li a{ color: #fff; } #nav .wrapper.newmenuwrapper ul.menu li:hover ul, #nav .wrapper.newmenuwrapper .menu ul li a:hover ul{ border-top: 20px solid #f89406; } body #nav.newNav{ height: auto; } .logoOld{ display: none; } .newHeader .wrapper #byline{ display: block; position: absolute; top: 50px; right: 0px; } #byline { margin-top: 25px; } .newHeader .wrapper #byline p{ text-align: right; } .newLogo #logo{ float: none; width: auto; } .newLogo{ width: 100%; text-align: center; margin-bottom: 5px; } .newHeader .wrapper{ width: 980px; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn .communityEvents{ display: none; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn{ padding-right: 0px; padding-left: 0px; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn{ width: 40%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:nth-of-type(2){ width: 20%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:nth-of-type(3){ width: 35%; } .socialBar{ float: right; } .socialBar img{ height: 40px; } #nav.adminnav{ margin-top: 90px; } @media (max-width: 936px){ .wrapper .menu{ background: none; } #byline p span:first-of-type{ display: block; } #byline p span span:first-of-type{ display: inline-block; } body #nav.newNav{ margin-top: 0px; } } @media (max-width: 795px){ .newLogo{ background: #fff; } .newHeader .wrapper #byline p{ text-align: center; } .newHeader .wrapper #byline{ width: 100%; } #byline p span:first-of-type{ display: inline-block; } .newHeader .wrapper #byline{ display: none; } #header .wrapper .newLogo{ display: block; } #header .wrapper #logo{ margin-top: 40px; } .frontEnd #nav{ display: block; } #nav .wrapper.newmenuwrapper{ margin-top: 0px; } #nav .wrapper.newmenuwrapper .menu li a{ font-size: .95em; } #header .wrapper #logo{ position: relative; } #header{ padding-bottom: 0px; } .wrapper .menu{width:auto;} } .slicknav_nav li [title~="Event Talk"]:first-of-type { display: none; } } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn{ width: 50%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:nth-of-type(2){ width: 15%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:nth-of-type(3){ width: 30%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn input[type=submit]{ width: 55%; } } .newmenuwrapper .menu .mobileLogin{ display: none; } .newmenuwrapper .menu ul ul .last{ display: none; } .newmenuwrapper .menu ul li:nth-of-type(9){ display: none !important; } .adminnav .mobileLogin{ display: none; } .newmenuwrapper .mobileLogin{ display: none; } #content #adminarea #administrator table thead .REFUNDED{ background-color: #db2c2c !important; } #siteFullWidthContent #siteFullWidthContentInner .leftColumn{ width: 65%; padding-right: 5%; border-right: solid 1px #999999; float: left; margin-bottom: 20px; } #siteFullWidthContent #siteFullWidthContentInner .rightColumn{ float: left; width: 24%; padding-left: 5%; } #siteFullWidthContent #siteFullWidthContentInner .rightColumn .module{ margin-bottom: 30px; border-bottom: 1px solid grey; padding-bottom: 20px; } #siteFullWidthContent #siteFullWidthContentInner .rightColumn h2, #siteFullWidthContent #siteFullWidthContentInner .leftColumn h2{ margin-bottom: 5px; } #siteFullWidthContent h3{ line-height: 1.25em; } #siteFullWidthContent #siteFullWidthContentInner .leftColumn ul ol li, #siteFullWidthContent #siteFullWidthContentInner .leftColumn ul ul li{ font-size: 1em; } #siteFullWidthContent #siteFullWidthContentInner .leftColumn ul{ margin-bottom: 15px; } #siteFullWidthContent #siteFullWidthContentInner .leftColumn .testTicket{ -webkit-box-shadow: 0px 5px 5px 0px #999; -moz-box-shadow: 0px 5px 5px 0px #999; box-shadow: 0px 5px 5px 0px #999; } #gridInner .gridEvents .tile.featuredContainer{ background: url(/assets/resources/bgpattern.png); } #gridInner .gridEvents .tile.featuredContainer h1{ background: #333; margin-bottom: 0px; } #gridInner .gridEvents .tile.featuredContainer small{ color:#fff; } #gridInner .gridEvents .tile.featuredContainer p{ color: #fff; } #gridInner .gridEvents .tile.featuredContainer .link { display: block; width: 100%; text-align: center; color: #fff; background: #f38a20; padding: 5px 0px; text-transform: uppercase; } #gridInner .gridEvents .tile.featuredContainer .descriptionContainer { background: rgba(0,0,0,.3); padding: 15px; } /* add to calendar start */ /** * AddToCalendar Blue Style * http://addtocalendar.com */ /* Base */ .addtocalendar var{ display: none; } .addtocalendar { position: absolute; right: -74px; display: inline-block; background: transparent!important; } .atcb-link { display: block; outline: none!important; cursor: pointer; } .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover{ visibility:visible; } .atcb-list { visibility: hidden; position: absolute; top: 100%; left: 0; width: 170px; z-index: 900; } .atcb-list, .atcb-item { list-style: none; margin: 0; padding: 0; background: #fff; } .atcb-item { float: none; text-align: left; } .atcb-item-link { text-decoration: none; outline: none; display: block; } .atcb-item.hover, .atcb-item:hover { position: relative; z-index: 900; cursor: pointer; text-decoration: none; outline: none; } /* Blue */ .atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover, .atc-style-blue .atcb-link:active, .atc-style-blue .atcb-link:focus { margin: 0; padding: auto; color: #fff; font-size: 14px; text-decoration: none; outline: none; line-height: 20px; vertical-align: middle; background: #f57e21; box-shadow: 0 0 40px rgba(0, 0, 0, .13) inset; border-radius: 4px; zoom: 1; } .atc-style-blue .atcb-list { width: 170px; border: 1px solid rgb(186,186,186); border-radius: 2px; box-shadow: 0 0 5px #AAA; } .atc-style-blue .atcb-list, .atc-style-blue .atcb-item { background: #fff; color: #000; } .atc-style-blue .atcb-item, .atc-style-blue .atcb-item-link { line-height: 1.3em; vertical-align: middle; zoom: 1; } .atc-style-blue .atcb-item-link, .atc-style-blue .atcb-item-link:hover, .atc-style-blue .atcb-item-link:active, .atc-style-blue .atcb-item-link:focus { color: #000; font-size: 14px; text-decoration: none; outline: none; padding: 5px 15px; } .atc-style-blue .atcb-item-link:hover, .atc-style-blue .atcb-item-link:active, .atc-style-blue .atcb-item-link:focus { color: #fff; } .atc-style-blue .atcb-item.hover, .atc-style-blue .atcb-item:hover { background: #f57e22; } /* add to calendar end */ .eventHeadingButton li a{ background: none; color: #000000; width: auto; text-align: left; padding: auto; } .addtocalendar { font-family: Arial, Helvetica, sans-serif; } #content .addtocalendar ul{ padding-bottom: 0px; } #content .addtocalendar ul li{ padding: 10px 0px; } #content .addtocalendar ul li a{ width: 100%; } #tellfriend{ position: absolute; right: 122px; } @media (max-width: 767px){ #nav .wrapper.newmenuwrapper{ display: none; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn input[type=submit]{ width: 33%; } #siteFullWidthContent #siteFullWidthContentInner .leftColumn, #siteFullWidthContent #siteFullWidthContentInner .rightColumn{ float: none; width: 100%; } } @media (max-width: 550px){ .socialBar{ display: none; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn input[type=submit]{ width: 100%; } #eventsToolbar #eventsToolbarInner .eventsToolbarColumn:nth-of-type(2){ width: 27%; } } #gridInner .gridEvents .tile.featuredContainer .featureImage{ background-size: contain; background-repeat: no-repeat; background-color: rgba(0,0,0,0); } .popover-content { font-size: 14px; }