/*
	CORE CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:	
	Project:	Ticketek
	
	CONTENTS
	==============================
	$1 - Global resets
	$2 - Links
	$3 - Typography
	$4 - Global Lists & Clearing
	$5 - Page Structures
	$6 - Masthead & Navigation
	$7 - The Footer
	$8 - Forms
	$9 - Error message container
	$10 - Social Media Plugins
	$11 - Floating bar
*/

/* $1 - Global Resets. 
To change font sizes please use the metric 1em = 10px, 1.2em = 12px 
============================================================================== */

/*
	COLOURS
	White --------- #fff
	Blue ---------- #00ACED
	Yellow -------- #fee949
	Darkest Grey -- #434343
	Dark Grey ----- #555
	Grey ---------- #dbdbdb
	Light Grey ---- #ebebeb
	Lightest Grey - #f3f3f3
*/


/* Font Definition for Open Sans.
	Light:       200
	Regular:     400
	Semi Bold:   500
	Bold:        700
	Extra Bold:  900
*/

/* Light */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;
}
/* Regular */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}
/* Semibold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: 500;
    font-style: normal;
}
/* Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}
/* Extra Bold */
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font: 62.5% 'Open Sans', Arial, Helvetica, sans-serif;
    color: #555;
    text-align: center;
    background-color: #ebebeb;
    border-bottom: 58px solid transparent; /* room for floating bar */
    /*padding-bottom:58px; - cannot modify padding as is overridden by greybox.css*/
    -webkit-text-size-adjust: auto;
}

img, img a {
    padding: 0;
    margin: 0;
    border: none;
}

.overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /*top be above floater*/
    opacity: 0.1;
    filter: alpha(opacity = 10); /*IE* Support for Opacity*/
    background-color: black;
}

/* $2 - Links
============================================================================== */

a, a.yellowLink {
    color: #555;
}

    a:hover {
        text-decoration: underline;
    }

#sessionTimeDiv a {
    color: #555;
    text-decoration: underline;
}

.wrapBodyNew a {
    color: #00ACED;
    text-decoration: none;
    font-weight: 500;
}

    .wrapBodyNew a.yellowLink {
        color: #00ACED;
    }

        .wrapBodyNew a.yellowLink:hover {
            text-decoration: underline !important;
        }

.help {
    display: inline-block;
    margin: 2px 5px;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    height: 15px;
    width: 15px;
    background-color: #F3F3F3;
    background: linear-gradient(tobottom,#fff0%,#d2d2d2100%);
    box-shadow: 0 1px 2px #ddd;
}

a.help, a.help:hover, a.help:active {
    text-decoration: none !important;
}

.help:after {
    content: "?";
    display: block;
    color: #555;
    padding: 2px 0 0 4px;
    line-height: 1em;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}

.see-more-summary {
    position: relative;
}

.balloon {
    z-index: 99;
    display: block;
    position: absolute;
    min-width: 100px;
    max-width: 250px;
    box-shadow: 0 0 5px #999;
    border: 1px solid #999;
    background-color: #484848;
    padding: 10px;
    text-align: left;
    color: #FFF;
}

.with-overlay .balloon {
    z-index: 10100;
}


.see-more-summary .balloon {
    max-width: inherit;
    width: 350px;
}

#templated-alert-message-content {
    margin-top: 20px;
}

/*.see-more-popup-open
{
    color: inherit !important;
}*/

.balloon .caret {
    position: absolute;
    display: block;
    color: #484848;
    font-family: Arial;
    font-size: 20px;
}

    .balloon .caret.top, .balloon .caret.bottom {
        -ms-transform: scaleX(1.8);
        -webkit-transform: scaleX(1.8);
        transform: scaleX(1.8);
        left: 50%;
        margin-left: -10px;
    }

        .balloon .caret.top:after {
            content: "\25B2";
        }

    .balloon .caret.top {
        top: -18px;
        filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=0,offY=-1,positive=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=0, offY=-1, positive=1)";
        -ms-text-shadow: 0 -1px 0 #999, 0 -2px 1px #ccc;
        -webkit-text-shadow: 0 -1px 0 #999, 0 -2px 1px #ccc;
        text-shadow: 0 -1px 0 #999, 0 -2px 1px #ccc;
    }

    .balloon .caret.bottom:after {
        content: "\25BC";
    }

    .balloon .caret.bottom {
        bottom: -18px;
        filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=0,offY=1,positive=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=0, offY=1, positive=1)";
        -ms-text-shadow: 0 1px 0 #999, 0 3px 2px #ccc;
        -webkit-text-shadow: 0 1px 0 #999, 0 3px 2px #ccc;
        text-shadow: 0 1px 0 #999, 0 3px 2px #ccc;
    }

    .balloon .caret.left, .balloon .caret.right {
        -ms-transform: scaleY(1.8);
        -webkit-transform: scaleY(1.8);
        transform: scaleY(1.8);
        top: 50%;
        margin-top: -15px;
    }

        .balloon .caret.left:after {
            content: "\25C0";
        }

    .balloon .caret.left {
        left: -13px;
        filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=-1,offY=0,positive=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=-1, offY=0, positive=1)";
        -ms-text-shadow: -1px 0 0 #999, -3px 0 2px #ccc;
        -webkit-text-shadow: -1px 0 0 #999, -3px 0 2px #ccc;
        text-shadow: -1px 0 0 #999, -3px 0 2px #ccc;
    }

    .balloon .caret.right:after {
        content: "\25B6";
    }

    .balloon .caret.right {
        right: -13px;
        filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999,offX=1,offY=0,positive=1);
        -ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=1, offY=0, positive=1)";
        -ms-text-shadow: 1px 0 0 #999, 3px 0 2px #ccc;
        -webkit-text-shadow: 1px 0 0 #999, 3px 0 2px #ccc;
        text-shadow: 1px 0 0 #999, 3px 0 2px #ccc;
    }

.balloon h6 {
    font-size: 1.1em;
    line-height: 1em;
    padding: 0 0 .5em;
    margin: 0;
}

.balloon p {
    margin: 5px 0 !important;
}

.see-more-popup-close {
    position: absolute;
    top: 10px;
    right: 0;
}

    .see-more-popup-close a, .see-more-popup-close a:hover {
        display: inline-block;
        padding-right: 17px;
        background-image: url(/images/cross-white.png);
        background-position: right center;
        background-repeat: no-repeat;
        color: #FFF;
    }
/* $3 - Typography
============================================================================== */
h1 {
    margin: 0;
    padding: 0 0 8px 0;
    color: #555;
}

h1 {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #555;
    font-weight: normal;
}

.wrapBodyNew h1 {
    color: #00ACED;
    font-size: 22px;
    font-weight: 700;
    text-transform: none;
}

h2 {
    font-weight: 500;
    font-size: 1.6em;
}

h3 {
    font-size: 1.1em;
    color: #555;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: normal;
}

.wrapBodyNew h3 {
    color: #00ACED;
    font-size: 18px;
    font-weight: 500;
}

h4 {
    margin: 0 0 8px 0;
    padding: 0;
}

h6 {
    font-size: 1.2em;
}

.contentColumn span {
    color: #555;
}

p {
    margin: 0px 0px 10px 0px;
}

b, strong {
    font-weight: 500; /*reduce bold to semi bold Open Sans*/
}

.columnRight p {
    font-size: 1.3em;
}

table {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
}

td.alignRight {
    text-align: right;
}

td.verticalAlignTop {
    vertical-align: top;
}

.noBorderBottom {
    border-bottom: 0 !important;
}

.align-right /*alignRight has right padding in purchase.css*/ {
    text-align: right;
}

.float-right {
    float: right;
}

.note {
    font-size: 11px;
}

    .note h6 {
        font-size: 1em;
        margin: 5px 0;
    }

        .note h6 sup {
            font-size: smaller;
        }
/* $4 - Global Lists & Clearing
============================================================================== */

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.disc {
        padding-left: 10px;
        margin-left: 10px;
        list-style-type: disc;
        margin-bottom: 1em;
    }

ol {
}

li.noBorder {
    border: none !important;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.cl {
    clear: both;
    height: 1px;
    display: block;
}

.center {
    text-align: center;
}
/* $5 - Page Structures
============================================================================== */

/* Contains dark gradient from top (#022346) to bottom (#0C4C93) */
#darkGradientBG {
    background: #EBEBEB;
    min-width: 1007px;
    position: relative;
    /*overflow: hidden;remove footer gap*/
}

#wrapBodyHome {
    margin: 0 auto;
    text-align: center;
    position: relative;
    min-width: 1000px;
    width: 100%;
}
/* VERY IMPORTANT FOR HOME PAGE TAKEOVERS - DO NOT CHANGE */
#wrapBody.wrapBodyNew {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center top;
}
/* Content shell */
#contentShell {
    width: 1007px;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 0 0;
    min-height: 810px;
    position: relative !important;
    height: auto !important;
    height: 810px;
}

    #contentShell.contentShellNew {
        width: 1007px;
        border: 1px solid #EBEBEB;
        border-top: 0;
        border-bottom: 0;
        padding: 0;
        background: #FFF !important;
        -moz-box-shadow: 0px 0px 3px 3px rgb(204,204,204);
        -webkit-box-shadow: 0px 0px 3px 3px #CCCCCC;
        box-shadow: -6px 0px 3px -3px #ccc, 6px 0px 3px -3px #CCC;
    }

#contentShellInner {
    margin: 0 10px 15px 10px;
    min-height: 900px;
    background: #fff;
}

div.headingWrapDivide {
    margin: 5px 0;
    height: 1px;
    background: #F3F3F3;
}

div.showHeadingWrapDivide {
    background: url(/images/headingDivideLine.gif) bottom left no-repeat;
    margin: 0;
}

#primaryContainer {
    float: left;
    width: 622px;
    color: #555;
    border: 1px solid #EBEBEB;
    padding: 16px;
    margin: 10px 0;
    background: #fff;
}

#primaryContainerWide {
    float: left;
    background: #FFF;
    color: #555;
    border: 1px solid #EBEBEB;
    padding: 16px;
    width: 937px;
}
/* new look pages */
.primaryContainer {
    float: left;
    position: relative;
    width: 637px;
    margin: 10px 0 15px 0;
    border: 1px solid #EBEBEB;
    border-top: 0;
    background-color: #FFF;
    color: #555;
    font-size: 12px; /*overflow: hidden;*/
}
/*These styles are to cater for the border in primaryContainer which is supposed to be inside the 639px container size*/
.primaryContainerInner {
    margin-left: -1px;
    width: 639px;
    overflow: hidden;
}

#primaryContainerHome {
    background-size: 100% 699px;
    -moz-background-size: 100% 699px;
    -webkit-background-size: 100% 699px;
    -o-background-size: 100% 699px;
    float: none;
    border: none;
    margin-bottom: 0;
}

#primaryContainerHome, #primaryContainerGenre {
    margin-top: 0;
    overflow: hidden;
}

    #primaryContainerHome, #primaryContainerGenre #moreEventsSection {
        background-color: #FFF;
        background-size: cover;
    }

        #primaryContainerHome #primaryContainerInner {
            width: 624px;
            padding-left: 15px;
        }

        #primaryContainerHome div.myEvents {
            margin-top: 10px;
        }

#eventsPageContainer {
    float: left;
    width: 673px; /* + border bring it to 675px */
    background: #FFF;
    /*border-right: 1px solid #EBEBEB;	*/
    color: #555;
}

#eventsPageContainerInner {
    padding: 10px;
}

#eventsPageContainer .sectionTitle {
    margin-right: 10px;
}

#showSocial {
    float: right;
    margin: 5px 10px 5px 5px;
    height: 30px;
}

.addthis_button_facebook_like, .addthis_button_tweet, .addthis_button_google_plusone, .addthis_pill_style {
    margin-top: 5px;
    display: block;
    float: left;
}

.addthis_button_tweet {
    width: 90px;
}

.addthis_button_google_plusone {
    width: 70px;
}

.addthis_button_facebook_like {
    background: transparent url(/images/fb_like_zero.png) 51px 1px no-repeat;
}

.facebookLikeBox .addthis_button_tweet, .facebookLikeBox .addthis_button_google_plusone, .facebookLikeBox .addthis_pill_style {
    width: auto;
    margin: 0 0 5px 0;
}
/* right column */
#secondaryContainer {
    float: right;
    width: 300px;
    margin: 0;
    position: relative;
    z-index: 10;
    color: #555;
}

.wrapBodyNew #secondaryContainer {
    width: 300px;
    background: #f3f3f3;
    border: 1px solid #ebebeb;
    padding: 10px 5px;
    margin: 10px 0;
}
/* hide secondary div styling on waitlist
#primaryContainer + #visaPlatRHS + #secondaryContainer {
	background: #fff;
	border: none;
}*/
/* hide secondary container on Transaction History
#primaryContainerWide + #visaPlatRHS + #secondaryContainer {
	background: #fff;
	border: none;
	padding: 0;
}*/
/* remove bg and spacing from ads inherited from secondaryContainer */
.narrowRight {
    background: none !important;
    border: none !important;
    padding: 10px 0 10px 10px !important;
    margin: 0 !important;
}

body.default #secondaryContainer {
    padding: 10px 0 10px 10px;
}

.wrapBodyNew #secondaryContainer.secondaryContainerWider {
    width: 336px;
    background: #fff;
    border: none;
}

    .wrapBodyNew #secondaryContainer.secondaryContainerWider.padBorder {
        padding: 10px 0 10px 6px;
        margin: 0;
        padding-top: 10px;
        border: none;
        border-top: 1px solid #EBEBEB;
        background: none;
    }

#secondaryContainerInner {
    width: 300px;
    padding: 15px 18px;
    background: #fff;
}

.column-10 {
    float: left;
    width: 10%;
    box-sizing: border-box;
    padding: 6px;
}

.column-15 {
    float: left;
    width: 15%;
    box-sizing: border-box;
    padding: 6px;
}

.column-20 {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 6px;
}

.column-25 {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 6px;
}

.column-30 {
    float: left;
    width: 30%;
    box-sizing: border-box;
    padding: 6px;
}

.column-last {
    float: right;
}

.columnLeft img {
    border: 1px solid #EBEBEB;
}

.columnRight p span {
    color: #555;
}

h1 span.lowlight {
    text-transform: none;
    font-weight: normal;
}

h1 span.highlight {
    color: #555;
    text-transform: none;
}

.userBarWide {
    height: 41px;
    width: 605px;
    position: relative;
    margin-bottom: 4px; /*
	height: 35px;
	width: 620px;
	position: relative;
	margin-bottom: 4px;
	background: white;
	margin: -16px 0 0 -15px;
	padding: 10px;
	*/
}

    .userBarWide .absLeft, .userBarWide .absRight {
        position: absolute;
        top: 6px;
    }

.absRight .yellowLink {
    font-weight: 500;
}

.userBarWide .absLeft {
    left: 0px;
}

.userBarWide .absRight {
    right: 0px;
    padding-top: 2px;
    font-size: 12px;
    color: #555;
}

#myEventsSection .userBarWide .absRight {
    padding-top: 10px;
    font-size: 14px;
    float: right;
}

.sectionTitle {
    position: relative;
    background-color: #ebebeb;
    height: 40px;
    margin: 10px 0;
    padding: 0;
    color: #555;
    clear: both; /*overflow:hidden;*/ /*white-space:no-wrap;*/
}

h1.sectionHeading, h2.sectionHeading, h3.sectionHeading, h4.sectionHeading, .detailModuleCopy h4.sectionHeading {
    float: left;
    font-size: 20px;
    margin: 0 18px;
    padding: 0;
    vertical-align: middle;
    color: #555;
    font-weight: bold;
    text-transform: none;
}

.sectionTitle h1.sectionHeading {
    line-height: 35px;
}

h4.sectionHeading, .detailModuleCopy h4.sectionHeading {
    font-weight: bold;
}

.sectionTitle h1.sectionHeading, .sectionTitle h2.sectionHeading, .sectionTitle h3.sectionHeading, .sectionTitle h4.sectionHeading {
    margin: 6px 12px 0;
}

.sectionHeadingText {
    margin-top: 4px !important;
}

.sectionTitleRightText {
    position: absolute;
    vertical-align: middle;
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    line-height: 40px;
    padding-right: 10px;
}

.sectionTitleRightText a {
    color: #555;
}

.sectionHeadingNote {
    display: block;
    width: 200px;
    height: 100%;
    margin: 2px;
    padding: 0 18px;
    border-left: 2px solid #ebebeb;
    vertical-align: middle;
    font-size: 11px;
    line-height: 15px;
    float: right;
    color: #555;
}

.sectionFooterNote {
    width: 200px;
    margin: 2px;
    margin-top: 5px;
    padding-top: 5px;
    padding-right: 21px;
    padding-bottom: 0px;
    padding-left: 0px !important;
    border-top: 1px solid #EBEBEB;
    vertical-align: middle;
    font-size: 11px;
    line-height: 15px;
    float: right;
    color: #555;
}
/* Remove Border on ad - override inline style */
#islandBannerSpace1 {
    border: 0 !important;
}
/* $6 - Masthead & Navigation
============================================================================== */

#mastHead {
    width: auto;
    padding-top: 10px;
    z-index: 99999;
    background-color: #fff;
}

    #mastHead #mainLogoAndLangDiv {
        float: left;
        width: 172px;
    }

        #mastHead #mainLogoAndLangDiv #mainLogo {
            padding: 10px 0px 25px 0px;
            float: left;
            width: 172px;
            height: 70px;
        }

#mainLogoAndLangDiv #languageDiv {
    padding-top: 5px;
    padding-left: 67px;
    float: left;
}

#mastHead #bannerSpace {
    float: right;
    width: 728px;
    height: 90px;
    border: 1px solid #ebebeb;
}

#mastHead #bannerSpaceSmall {
    float: right;
    width: 468px;
    height: 60px;
    margin-top: 22px; /* negative margin is used to align banner with RHS side, this is for Purchase pages only */
    padding: 0;
    margin-right: -10px;
    position: relative;
}
/* SignIn | Register */
#mastHead_signin_search {
    height: 44px;
    clear: both;
    z-index: 99999;
}

#mastHeadSignin {
    font-size: 1.9em;
    /*display:block;*/
    float: left;
    width: 395px;
    margin: 7px 0 0 8px;
    padding: 5px;
    font-weight: 500;
}

    #mastHeadSignin .loginWrapper {
        font-size: .7em;
    }

    #mastHeadSignin a {
        text-transform: uppercase;
        color: #555;
    }

    #mastHeadSignin.mastHeadSigninFixed, #mastHeadSignin.mastHeadSigninFixed a {
        color: #FFF;
    }

.noBorder {
    border: none !important;
}

#mastHeadSignin a:hover {
    text-decoration: underline !important;
}
/* SEARCH */
#mastHead #searchModule {
    float: right;
    width: 550px;
    position: relative;
    height: 41px;
    /*update for new masthead*/
    /*changes*/
    margin: 4px 0 5px 0; /*width:450px !important;*/
}

    #mastHead #searchModule #searchWhat input {
        /*width:90px; */
        /*update for new masthead*/
        width: 500px /*!important*/;
    }
/* Masthead - Fixed bar on scroll ------------ */

#mastHead.mastHeadFixed {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #00ACED;
    width: 100%;
    border-top: 5px solid #434343;
    border-bottom: 2px solid #FFF;
}

.fixfixed {
    position: relative; /*
	position:fixed;
	top:0 !important;
	*/
}

.mastHead_signin_search_Fixed {
    width: 987px;
    margin: 0 auto;
}

.fixedLogo { /*Add loogo*/
    display: none;
}

.fixedLogoActive {
    width: 90px;
    float: left;
    display: block;
}

#mastHeadSignin.mastHeadSigninFixed { /*reduce size of signin*/
    font-size: 1.2em;
    margin: 5px 0 15px 25px;
    width: 250px;
}

    #mastHeadSignin.mastHeadSigninFixed .loginWrapper {
        font-size: 1.0em;
    }

.searchModuleFixed { /*reduce size of search bar*/
    margin: 4px 0 0 0;
    width: 550px;
}

.searchWhatFixed {
    height: 16px;
}

.btnGoFixed {
    height: 24px;
}

.btnGoImageFixed {
    height: 14px;
    width: 14px;
    background-position: 4px 4px;
}

.inputFixed {
    width: 506px;
}
/* ---------------------- */



#sessionTimeDivAndLangDiv {
    clear: both;
    /*padding:10px 0px 5px 20px;*/
    /* fix for ie7, to ensure no mainNavigation elements are visible through the region popup */
    z-index: 3000;
    position: relative;
}

#regionSelectorAndTimeDiv {
    padding: 3px 0px 3px 10px;
    float: left;
}
/* ---- Region Selector ------- */
.regionSelectorDiv {
    display: inline;
    height: 30px;
    line-height: 18px;
    position: relative;
    top: -5px;
    float: left; /*New Layout
	padding:10px 0px 3px 10px;*/
}

.regionSelector {
    margin-top: 3px;
    position: relative;
}
    /* TODO check where this is used and where this image SHOULd be located*/
    .regionSelector .dropdownOuter {
        display: none;
        position: absolute;
        z-index: 1000;
        top: 25px;
        left: -40px;
        padding-top: 15px;
        width: 620px;
        background: transparent url(/images/region_selector_fatuparrow.png) 235px 4px no-repeat;
    }

/* hack for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .regionSelector .dropdownOuter {
        top: 23px;
    }
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .regionSelector .dropdownOuter {
        top: 20px;
        left: -20px;
        overflow: hidden;
        background-position: 220px 4px;
    }
}

.regionSelector.popupUp .dropdownOuter {
    display: block;
}

.regionSelector .dropdownInner {
    font-size: 120%;
    background-color: #fff;
}

    .regionSelector .dropdownInner .left a {
        color: #00ACED;
        text-decoration: none;
    }

        .regionSelector .dropdownInner .left a:hover {
            text-decoration: underline !important;
        }

    .regionSelector .dropdownInner .right a {
        color: #00ACED;
    }

        .regionSelector .dropdownInner .right a:hover {
            text-decoration: underline !important;
        }

    .regionSelector .dropdownInner .left {
        float: left;
        background-color: #fff;
        width: 190px;
        padding: 15px 10px;
        line-height: 15px;
    }

    .regionSelector .dropdownInner .right {
        float: left;
        background: #fff;
        margin: 0 0 15px 0;
        width: 364px;
        /* this is just to set min-height, and the other stuff is for IE7 */
        height: auto !important;
        height: 145px;
        min-height: 155px;
    }

    .regionSelector .dropdownInner .clear {
        clear: both;
    }

.regionSelector .rightHeader {
    margin-bottom: 10px;
    background: #f3f3f3;
    padding: 10px;
    width: 100%;
}

.regions {
    margin-left: 10px;
    padding-top: 5px;
}

.regionSelector .rightHeader a {
    font-size: 12px;
    text-decoration: none;
}

.regionSelector .rightHeader .regionListCaption {
    font-size: 22px;
    font-weight: bold;
    margin-right: 5px;
}

.regionSelector .regionSelectorSpan {
    text-transform: uppercase;
    font-weight: 500;
    color: #555;
    line-height: 30px;
}

.regionSelector .regionSelectorSpan {
    font-size: 17px;
}

.regionSelector .regionColumn {
    float: left;
    padding-right: 20px;
}

.regionSelector .regionLink {
    text-decoration: none;
    cursor: pointer;
    color: #555;
    font-size: 120%;
    line-height: 20px;
}

    .regionSelector .regionLink:hover {
        text-decoration: underline;
    }
    /* TODO check where this is used and where this image SHOULd be located*/
    .regionSelector .regionLink.selected {
        font-weight: bolder;
        text-decoration: none;
        cursor: default;
        color: #555;
        padding-left: 12px;
        margin-left: -12px;
        background: transparent url(/images/region_selector_bullet.png) left center no-repeat;
    }

/*fix header width on ipad*/
@media all and (device-width: 768px) and (device-height: 1024px) {
    #mastHeadNew {
        width: 1007px !important;
    }
}
/* ---------------------------------------- */
/* NEW MastHead*/
#mastHeadNew {
    width: 100%;
    min-width: 1007px;
    position: relative;
}
/* GREY */
#headerGrey {
    height: 44px;
    background: #434343;
    position: relative;
    width: auto;
}

#headerGreyCentre {
    width: 1007px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

    #headerGreyCentre #sessionTimeDivAndLangDiv {
        clear: both;
        /*padding:10px 0px 5px 20px;*/
        /* fix for ie7, to ensure no mainNavigation elements are visible through the region popup */
        z-index: 3000;
        position: relative;
    }

    #headerGreyCentre #regionSelectorAndTimeDiv {
        padding: 3px 0px 3px 10px;
        float: left;
    }
/* ----------------------------------------- */
/* Region Selector */
/*#headerGreyCentre*/ .regionSelectorDiv {
    display: inline;
    height: 30px;
    line-height: 18px;
    position: relative;
    top: -5px;
    float: left;
    /*new layout*/
    padding: 10px 0px 3px 10px;
}

.regionSelector {
    margin-top: 3px;
    position: relative;
}

    .regionSelector .dropdownOuter {
        display: none;
        position: absolute;
        z-index: 1000;
        top: 25px;
        left: 0;
        padding-top: 13px;
        width: 400px;
        background: transparent url(/images/region_selector_fatuparrow.png) 120px 4px no-repeat;
        /*Drop Shadow*/
        -webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);
    }

/* hack for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .regionSelector .dropdownOuter {
        top: 23px;
    }
}
/* 
No longer needed
iPad [portrait + landscape] 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.regionSelector .dropdownOuter {
	top:20px;
	left:-20px;
	overflow:hidden;
	background-position:220px 4px;
}
}*/
.regionSelector.popupUp .dropdownOuter {
    display: block;
}

.regionSelector .dropdownInner {
    /*font-size: 120%;*/
    background-color: #fff;
    border: 1px solid #ebebeb;
    width: 400px;
}

    .regionSelector .dropdownInner .left a {
        color: #00ACED;
    }

    .regionSelector .dropdownInner .right a {
        color: #00ACED;
    }

    .regionSelector .dropdownInner .left {
        float: right;
        /*background-color: #fff;*/
        width: 380px;
        padding: 0 10px;
        line-height: 15px;
        margin-top: 178px;
        /**/
        background: #f3f3f3;
    }

        .regionSelector .dropdownInner .left p {
            color: #555;
            margin: 10px 0;
        }

    .regionSelector .dropdownInner .right {
        float: left;
        background: #fff;
        /*padding:10px 10px 0 10px;*/
        width: 380px;
        /* this is just to set min-height, and the other stuff is for IE7 */
        height: auto !important;
        height: 155px;
        min-height: 155px;
        position: absolute;
        clear: both;
    }

    .regionSelector .dropdownInner .clear {
        clear: both;
    }

.regionSelector .rightHeader {
    margin-bottom: 5px;
    color: #555;
}

    .regionSelector .rightHeader a {
        font-size: 11px;
        text-decoration: none;
    }

    .regionSelector .rightHeader .regionListCaption {
        font-size: 14px;
        font-weight: 700; /*margin-right:5px;*/
    }
/* yelow selection text*/
#headerGreyCentre .regionSelector .regionSelectorSpan {
    text-transform: none;
    font-weight: 500;
    color: #fee949;
    line-height: 30px;
}

#headerGreyCentre .regionSelector .regionSelectorSpan {
    font-size: 1.3em; /*font-size:12px;*/
}

    #headerGreyCentre .regionSelector .regionSelectorSpan .currentRegion {
        text-decoration: underline;
        cursor: pointer;
    }

        #headerGreyCentre .regionSelector .regionSelectorSpan .currentRegion:hover {
            text-decoration: none;
            cursor: pointer;
        }
/*Dropdown - RIGHT*/
.regionSelector .regionColumn {
    float: left;
    padding-right: 0px;
    margin: 0 0 0 20px;
}

.regionSelector .regionLink {
    text-decoration: none;
    cursor: pointer;
    color: #555;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
}

    .regionSelector .regionLink.selected {
        font-weight: 500;
        text-decoration: none;
        cursor: default;
        color: #555;
        padding-left: 12px;
        margin-left: -12px;
        background: transparent url(/images/region_selector_bullet.png) left center no-repeat; /*change image*/
    }
/* --------------------------- */
/* NAVIGATION */
#headerGreyCentre #sessionTimeDivAndLangDiv #navBar {
    width: auto; /*380px*/
    height: 44px;
    float: right;
    margin-top: 0 !important;
}

#headerGreyCentre #mainNavigation {
    padding: 15px 0px 0px 0;
    height: 25px;
    float: left;
    width: auto;
    margin: 0 5px 0 0;
}

    #headerGreyCentre #mainNavigation li {
        float: left;
        color: #fff;
        /*font-size: 1.3em;*/
        height: 8px;
        background: none;
        border-right: solid 1px #fff;
        padding: 0 0 6px 0;
        line-height: 13px;
    }

        #headerGreyCentre #mainNavigation li a {
            color: #fff;
            text-transform: none;
            text-decoration: none;
            font-weight: normal;
            height: 18px;
            width: auto;
            display: block;
            padding: 0px 9px 0px 9px;
            letter-spacing: 0;
            font-size: 12px;
        }

            #headerGreyCentre #mainNavigation li a:hover, #mainNavigation li a.activeMainNav {
                background: none;
                text-decoration: underline;
                color: #f3f3f3;
            }
/* Menu social */
#navBar #socialHeader {
    margin: 6px 0 0 0;
    width: auto;
    height: 44px;
    overflow: hidden;
    float: right;
}

    #navBar #socialHeader li {
        display: inline-block;
        float: left;
        height: 22px;
        width: 22px;
        padding: 5px 4px 0px 2px !important;
    }

        #navBar #socialHeader li a {
            font-size: 0px;
            line-height: 0px;
            height: 22px;
            width: 22px;
            display: block;
            cursor: pointer;
        }

        #navBar #socialHeader li.facebook2 a {
            background-image: url(/images/social/homeSidebar/facebook_off_Square.png);
            background-size: contain;
        }

            #navBar #socialHeader li.facebook2 a:hover {
                background-image: url(/images/social/homeSidebar/facebook_on_Sqaure.png);
                background-size: contain;
            }

        #navBar #socialHeader li.facebook a {
            background: url('/images/social/homeSidebar/facebook_off.png');
            background-size: contain;
        }

            #navBar #socialHeader li.facebook a:hover {
                background: url('/images/social/homeSidebar/facebook_on.png');
                background-size: contain;
            }

        #navBar #socialHeader li.twitter a {
            background-image: url(/images/social/homeSidebar/twitter_off.png);
            background-size: contain;
        }

            #navBar #socialHeader li.twitter a:hover {
                background-image: url(/images/social/homeSidebar/twitter_on.png);
                background-size: contain;
            }

        #navBar #socialHeader li.youtube a {
            background-image: url(/images/social/homeSidebar/youTube_off.png);
            background-size: contain;
        }

            #navBar #socialHeader li.youtube a:hover {
                background-image: url(/images/social/homeSidebar/youTube_on.png);
                background-size: contain;
            }

        #navBar #socialHeader li.instagram a {
            background-image: url(/images/social/homeSidebar/instagram_off.png);
            background-size: contain;
        }

            #navBar #socialHeader li.instagram a:hover {
                background-image: url(/images/social/homeSidebar/instagram_on.png);
                background-size: contain;
            }
/* ------------------------------- */
/* BLUE */
#headerBlue {
    height: 114px;
    background: #00ACED;
    width: auto;
}

#headerBlueCentre {
    width: 1007px;
    margin: 0 auto;
}
    /* LOGO */
    #headerBlueCentre #mainLogoAndLangDiv {
        float: left;
        width: 207px;
    }

        #headerBlueCentre #mainLogoAndLangDiv #mainLogo {
            padding: 20px 0 0 10px;
            float: left;
            width: 207px;
            height: 86px;
        }

        #headerBlueCentre #mainLogoAndLangDiv #languageDiv {
            padding-top: 5px;
            padding-left: 67px;
            float: left;
        }
    /* ------------------------ */
    /* Banner Ad */
    #headerBlueCentre #bannerSpace {
        float: right;
        width: 728px;
        height: 90px;
        border: 1px solid #ebebeb;
        margin: 10px 10px 0 0;
    }

    #headerBlueCentre #bannerSpaceSmall {
        float: right;
        width: 468px;
        height: 60px;
        margin-top: 22px; /*negative margin is used to align banner with RHS side, this is for Purchase pages only*/
        padding: 0;
        margin-right: -10px;
        position: relative;
    }
/*-------------------*/

#languageDiv {
    float: right;
    padding-top: 2px;
}

    #languageDiv a {
        padding-left: 4px;
    }

#sessionTimeDiv {
    display: inline;
    color: #555;
    font-size: 1.1em;
    height: 18px;
    margin-left: 10px;
    position: relative;
    top: -5px;
}
/*Hack targeting all IE versions */
#sessionTimeDiv {
    *padding-bottom: 4px;
}

    #sessionTimeDiv img {
        position: relative;
        top: 7px;
    }

    #sessionTimeDiv span {
        color: #555;
    }

#navBar {
    width: 972px;
    height: 41px;
}

.wrapBodyNew #navBar {
    background: none;
    float: right;
    height: inherit;
    width: inherit;
    z-index: 9999;
}

#mainNavigation {
    padding: 0px 0px 0px 30px;
    height: 41px;
    float: left;
    width: 482px;
}

.wrapBodyNew #mainNavigation {
    height: inherit;
    width: inherit;
    padding-right: 30px;
}

    .wrapBodyNew #mainNavigation a:hover {
        text-decoration: underline;
    }

#mainNavigation li {
    float: left;
    color: #555;
    font-size: 11px;
    height: 41px;
    background: url(/images/navItemDivider.png) top left no-repeat;
}

.wrapBodyNew #mainNavigation li {
    color: #fff;
    height: inherit;
    line-height: 12px;
    background: none;
    margin-top: 8px;
    border-left: 1px solid #EBEBEB;
}

    .wrapBodyNew #mainNavigation li:first-child {
        border-left: none;
    }
/* this is the changed by ALpha Salmon*/
* html #mainNavigation li {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/navItemDivider.png', sizingMethod='crop');
}

    * html #mainNavigation li a {
        display: inline-block;
    }

    #mainNavigation li a {
        color: #555;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        height: 28px;
        width: auto;
        display: block;
        padding: 14px 9px 0px 9px;
        letter-spacing: 0;
    }

.wrapBodyNew #mainNavigation li a {
    color: #555;
    height: inherit;
    text-transform: none;
    padding-top: 0;
}

#mainNavigation li a:hover, #mainNavigation li a.activeMainNav {
    background: #ebebeb;
}

.wrapBodyNew #mainNavigation li a:hover, .wrapBodyNew #mainNavigation li a.activeMainNav {
    background: none;
}

#searchModule {
    float: right;
    /*width:478px;*/
    /*width:450px !important;*/
    position: relative;
    height: 41px; /*update for new masthead
	margin:8px 0 20px 0;*/
}
    /* Hide labels - these are added for accesibility but are not shown as standard */
    #searchModule label {
        display: none;
    }

    #searchModule #searchWhat, #searchModule #searchGenre, #searchModule #searchWhere, #searchModule #searchDate {
        position: absolute;
        top: 11px;
        padding: 0;
        margin: 0;
    }

    #searchModule #searchWhat {
        left: 45px;
        width: auto;
    }

        #searchModule #searchWhat input {
            width: 90px; /*width:400px !important;*/
        }

    #searchModule #searchGenre {
        left: 145px;
        width: auto;
    }

        #searchModule #searchGenre select {
            width: 84px;
        }

    #searchModule #searchWhere {
        left: 234px;
        width: auto;
    }

        #searchModule #searchWhere select {
            width: 120px;
        }

    #searchModule #searchDate {
        left: 359px;
        width: 95px;
    }

        #searchModule #searchDate input {
            width: 65px;
        }

        #searchModule #searchDate img {
            position: absolute;
            top: 1px;
            right: 0;
        }

    #searchModule input, #searchModule select {
        font-size: 11px;
        color: #555;
        margin: 0;
        padding: 0;
    }

    #searchModule input {
        border: none;
    }

@media all and (device-width: 768px) and (device-height: 1024px) {
    .wrapBodyNew #searchModule #searchWhat input {
        -webkit-appearance: caret;
    }

    .wrapBodyNew #btnGo a {
    }
}

#searchModule input {
    border-left: 1px solid #DBDBDB;
    border-top: 1px solid #DBDBDB;
}

#searchModule input {
    padding: 2px 0px 0px 2px;
}

#searchModule select {
    padding: 0px 0px 0px 2px;
}

#btnGo {
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 0;
    margin: 0;
}

#searchModule h2 {
    position: absolute;
    top: 14px;
    left: -10px;
    color: #555;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.wrapBodyNew #searchModule {
    width: inherit;
    height: inherit;
}

    .wrapBodyNew #searchModule h2 {
        display: none;
    }

    .wrapBodyNew #searchModule #searchWhat, .wrapBodyNew #searchModule #btnGo {
        float: left;
        position: inherit;
        top: inherit;
        right: inherit;
        left: inherit;
        bottom: inherit;
    }

        .wrapBodyNew #searchModule #searchWhat input {
            /*height: 16px;*/
            width: 290px;
            font-size: 14px;
            color: #555;
            margin: 0;
            padding: 5px;
            border: 2px solid #DBDBDB;
            border-radius: 4px 0 0 4px !important;
            border-right: none;
            /*Changes*/
            height: 22px;
            border: 2px solid #dbdbdb;
            border-right: none;
            font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
        }

            .wrapBodyNew #searchModule #searchWhat input.inputPrompt {
                color: #AAA;
            }

.wrapBodyNew #btnGo {
    height: 24px;
    border: 2px solid #ebebeb;
    border-radius: 0 2px 2px 0;
    border-left: none;
    background-color: #fff;
    padding: 1px;
    cursor: pointer;
    /*Changes*/
    height: 30px;
    border: 2px solid #dbdbdb;
    border-left: none;
}

    .wrapBodyNew #btnGo a {
        display: block;
        height: 14px;
        width: 14px;
        background-color: #00ACED;
        background-image: url("/images/search.png");
        background-position: 5px 5px;
        background-repeat: no-repeat;
        border-radius: 2px;
        padding: 5px;
        /*Changes*/
        height: 20px;
        width: 20px;
        background-position: 7px 7px;
    }

    .wrapBodyNew #btnGo img {
        display: none;
    }

.wrapBodyNew .checkModule a {
    color: #555;
}
/* Genre tabs
============================================================================== */
#categoricalNav {
    list-style-type: none;
    margin: 10px 0;
    padding: 0;
    width: 987px;
    height: 40px;
    background-color: #ebebeb;
    text-align: justify;
}

    #categoricalNav li {
        display: inline-block;
        vertical-align: top;
        width: 120px;
        font-size: 15px;
        font-weight: bold;
        font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
        text-transform: uppercase;
        background: transparent url(/images/2013/nav_border_white.png) top right no-repeat;
    }

    #categoricalNav .catNavActive {
        /*border-color: transparent;*/
    }

        #categoricalNav .catNavActive a: {
            /*border-color: transparent;*/
        }

    #categoricalNav .catNavNoBorder a {
        /*border-color: transparent;*/
    }

    #categoricalNav a {
        display: block;
        width: 98.5%;
        line-height: 40px;
        height: 35px;
        overflow: hidden;
        color: #555;
        text-decoration: none;
        text-align: center;
        font-size: 15px;
    }

        #categoricalNav a:hover {
            text-decoration: none !important;
            color: #00ACED;
        }

    #categoricalNav li.catNavLast a {
        /*border: 0;*/
    }

    #categoricalNav li.catNavLast /*, #categoricalNav li.catNavNoBorder*/ {
        background-image: none;
    }

    #categoricalNav .catNavActive a {
        color: #00ACED;
        border-bottom: solid 5px #fee949;
    }

        #categoricalNav .catNavActive a:hover {
            background: transparent;
        }
/* $7 - The Footer
============================================================================== */

#wrapFooter {
    text-align: right;
    font-size: 1.1em;
    background-color: #F3F3F3;
    color: #555;
    padding: 15px;
    clear: both !important;
    overflow: hidden;
}

    #wrapFooter a {
        color: #555;
        font-size: 11px;
        text-transform: none;
        line-height: 16px;
        font-weight: 400;
    }

        #wrapFooter a:hover {
            text-decoration: underline !important;
        }

    #wrapFooter h3 {
        color: #555;
        text-transform: none;
        font-size: 14px;
        margin-bottom: 10px;
    }

    #wrapFooter > div {
        display: inline-block;
        vertical-align: top;
        padding: 10px;
        width: 125px;
        text-align: left;
    }

    #wrapFooter .footerAbout, #wrapFooter .footerInsurance {
        width: 435px;
        float: left;
    }

    #wrapFooter .footerCompany {
        width: 160px;
    }

    #wrapFooter .footerSite {
        width: 130px;
    }

    #wrapFooter .footerPartners {
        min-height: 95px;
        width: 179px;
    }

    #wrapFooter .footerBannerSpaceNew {
        float: left;
        width: 728px;
        height: 90px;
    }

    #wrapFooter .footerVersion {
        display: block;
        padding: 0 10px;
        text-align: center;
        width: 100%;
        clear: both;
    }

    #wrapFooter .secondaryNav {
        padding: 0;
        height: auto;
        font-size: inherit;
    }

        #wrapFooter .secondaryNav li {
            padding: 0;
            display: list-item;
            border: 0;
        }

#footerAdSegment {
    background: #d6ecff url(/images/footerShadowTop.jpg) top left repeat-x;
    width: 100%;
    text-align: center;
    padding: 15px 0px;
}

#footerContent {
    width: 980px;
    margin: 0 auto;
}

#footerLargeLogos {
    float: right;
    width: 240px;
}

#footerBannerSpace {
    float: left;
    width: 728px;
    margin: 0px 10px 0px 0px;
}

#footerBannerSpaceNew {
    margin: 0 auto;
    clear: both;
}

#footerNav {
    background-color: #F3F3F3;
    padding: 10px 0px;
}

    #footerNav li {
        padding: 0px 0px 0px 3px;
        display: inline;
    }

        #footerNav li a {
            color: #555;
            padding: 0px 3px 0px 0px;
            text-decoration: none;
        }

            #footerNav li a:hover {
                text-decoration: underline !important;
            }

#sitewalk {
    margin: 0 auto;
    width: 900px;
}

    #sitewalk td {
        vertical-align: top;
        text-align: left;
        width: 100px;
    }

    #sitewalk li {
        line-height: 2em;
    }

#footerLogos {
    padding: 10px 0px 15px 0px;
    background: url(/images/footerLogosDivide.gif) bottom center no-repeat;
    margin-bottom: 10px;
}

    #footerLogos ul {
        text-align: center;
    }

    #footerLogos li {
        display: inline;
        padding: 0px 8px;
    }

#footerSecurityCenter {
    margin: 0 auto;
    width: 315px;
    height: 60px;
}

#footerSecurityCenterHttps {
    margin: 0 auto;
    width: 250px;
    height: 60px;
}

#footerSecurityLeft {
    float: left;
    padding: 5px 0px 0px 20px;
}

#footerSecurityRight {
    float: right;
    padding: 5px 8px 0px 8px;
}

#footerSecurityIcons {
    float: right;
    margin: -25px 0 0 0;
}
/* $8 - Forms
============================================================================== */

form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
/*iOS Issue of rounded form elements*/
input, select {
    margin: 0;
    padding: 0;
    font-size: 11px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/* IE9 to make the border look the way its suppose to when border-radius comes into effect */
select {
    border: solid 1px #DBDBDB;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
    -webkit-appearance: button;
    -webkit-box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-binding: none;
}

input[type="radio"] {
    -webkit-border-radius: 30px;
}

input.borInput, textarea.borInput {
    border: 1px solid #DBDBDB;
    padding: 3px;
    margin: 0;
    font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
    color: #555;
    font-size: 1em;
}

select.borInput {
    color: #555;
    font-size: 12px;
    /*font-size:1.2em !important;*/
    padding: 7px 7px;
    width: 100% /*!important*/;
}
/*location - state drop down width*/
/*TODO Find what this selector Should be*/
#ctl00_ctl00_uiBodyMain_uiBodyMain_uiAddressDetails_tblAddress select.borInput {
    width: auto;
}

.ajax__calendar_container {
    z-index: 99;
    background: white;
}

input.button, a.button {
    padding: 8px 12px;
    cursor: pointer;
    text-decoration: none;
}

.formModule .button {
    font-size: 16px;
}

.blueButton, .blackButton, .yellowButton, .greyButton, .yellowGradientButton, .blueGradientButton, .redButton {
    display: inline-block;
    border: 0;
    padding: 8px 12px;
    color:#fff;
    background-color: #00ACED;
    color: #555;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
    text-decoration: none;
}
/**/
.yellowButton {
    width: 270px;
}

.heroText .yellowGradientButton
{
    padding: 6px 99px;
    /**/
    margin-right: 3px;
}

a.blueButton, a.blueButton:hover, a.blackButton, a.blackButton:hover, a.greyButton, a.greyButton:hover, a.blueGradientButton, a.blueGradientButton:hover,
.detailModuleCopy a.blueButton, .detailModuleCopy a.redButton, .detailModuleCopy a.greyButton {
    color: #fff;
}

    a.greyButton:hover, a.blueButton:hover, a.blackButton:hover {
        text-decoration: none !important;
    }

.blueButton, .blueGradientButton {
    background-color: #00ACED;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    color: #fff;
}

    .blueButton.disabled {
        background-color: #C0C0C0;
    }

.blackButton {
    background-color: #555;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    text-transform: uppercase;
}

.greyButton {
    background-color: #555;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}

.yellowButton, a.yellowButton, a.yellowButton:hover, .yellowGradientButton, a.yellowGradientButton, a.yellowGradientButton:hover {
    background-color: #FEE949;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    color: #555;
}

.yellowGradientButton {
    background: #FEE949;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}

    .yellowGradientButton:hover {
        background: #FEE949;
        border: 0;
        border-bottom: 1px solid #EBEBEB;
        border-right: 1px solid #F3F3F3;
        border-right: 1px solid #F3F3F3;
    }

.blueGradientButton {
    background-color: #FEE949;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}

    .blueGradientButton:hover {
        background-color: #FFF949;
        border: 0;
        border-bottom: 1px solid #EBEBEB;
        border-right: 1px solid #F3F3F3;
        border-right: 1px solid #F3F3F3;
    }

.redButton, a.redButton, a.redButton:hover {
    background-color: #ED0036;
    color: #fff;
    text-decoration: none;
}

.redButton:hover {
    background-color: #ED4100;
}

.redButton.inverse {    
    background-color: #fff;
    color: #ED0036;
    border: 1px solid #ED0036;
    outline: none;
}

.blueButton.small {
    padding: 4px 8px;
}

.toggleButton, a.toggleButton:hover, a.toggleButton:active {
    display: inline-block;
    border-radius: 4px;
    background-color: #808284;
    color: #808284;
    font-size: 20px;
    line-height: 1em;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    position: relative;
}

a.toggleButton:hover, a.toggleButton:active {
    background-color: #96989A;
    color: #96989A;
}

a.toggleButton.off:after {
    content: "\002b";
    color: #fff;
    text-decoration: none;
}

a.toggleButton.on:after {
    /*medium width dash ... fiddle the position or not vertically aligned*/
    content: "\2013";
    color: #fff;
    position: absolute;
    top: -2px;
    left: 0px;
    width: 20px;
    text-decoration: none;
}

.resultBuyNow .blueGradientButton, .resultBuyNow a.blueGradientButton, .resultBuyNow a.blueGradientButton:hover {
    background-color: #FEE949;
    color: #555 !important;
}

.resultBuyNow .blueGradientButton {
    background: #FEE949;
    border: 0;
    border-bottom: 1px solid #EBEBEB;
    border-right: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}

    .resultBuyNow .blueGradientButton:hover {
        border: 0;
        border-bottom: 1px solid #EBEBEB;
        border-right: 1px solid #F3F3F3;
        border-right: 1px solid #F3F3F3;
    }
/* $9 - Error message container
============================================================================== */

.errorMessage {
    margin: 10px 0px;
    /*	border: solid 2px #f00;*/
    /*	padding: 10px 5px;*/
    padding: 10px 10px 1px 15px;
    background-color: #fff;
    color: red;
    font-weight: 500; /*semibold*/
}

.errorMessageInLine {
    color: #f00;
    font-weight: 500;
}
/* $10 - Social Media Plugins
===================================== */
.facebookLikeBox {
    padding: 0;
    padding-top: 15px;
    padding-left: 13px;
    background-color: #fff;
    border: 1px solid #aaa;
    margin-bottom: 10px;
}

.venueFaceBook .facebookLikeBox {
    border: 0;
    padding-top: 0px;
    margin-bottom: 0px;
}

.addthis_button_facebook_like iframe.fb_iframe_widget_lift {
    z-index: 12 !important;
}

.facebookActivityBox {
    background-color: #fff;
    margin-bottom: 15px;
}

    .facebookActivityBox .fb_iframe_widget span, .facebookActivityBox .fb_iframe_widget iframe {
        height: 270px !important;
        width: 300px !important;
    }
/* $11 - Special Access Booking
===================================== */

.specialAccessHeader {
    /*	background: url(/images/disabledarrow.png) 0px 18px no-repeat;*/
    background: url(/images/disabled.png) 0px 15px no-repeat;
    cursor: pointer;
    min-height: 50px;
    padding-top: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #00ACED;
    padding-bottom: 2px;
}
/*.specialAccessHeaderToggle 
{
	background: url(/images/disabledarrowdown.png) 0px 18px no-repeat;
	cursor: pointer;
}*/

.specialAccessTitle {
    float: left;
    padding-left: 40px;
    line-height: 16px;
    width: 100%;
}

#ticketSelectionModule .specialAccessHeader {
    /*	background: url(/images/disabledarrow.png) 0px 18px no-repeat;*/
    background: url(/images/disabled.png) 10px 15px no-repeat;
    cursor: pointer;
    min-height: 30px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 14px;
    color: #00ACED;
    padding-bottom: 10px;
}

#ticketSelectionModule .specialAccessTitle {
    float: left;
    padding-top: 9px;
    padding-left: 35px;
    width: 100%;
}

.specialAccessDisabled {
    float: right;
    padding-top: 3px;
}

.specialAccessBody {
    display: none;
    background-color: #fff;
    padding: 10px;
    margin: -10px 0px 10px 0px;
    color: #555;
    font-size: 12px;
}
/* $12 - Floating bar
To change font sizes please use the metric 1em = 10px, 1.2em = 12px 
============================================================================== */

.floatingbar {
    /*background: #DBDBDB;*/
    background: rgb(219,219,219);
    background: rgba(219,219,219,0.95);
    /*border-top: 1px solid #DBDBDB;*/
    color: #555;
    height: 63px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    padding: 0;
    text-align: left;
}

.floatingbarInner {
    max-width: 1010px;
    width: 100%;
    margin: 0px auto;
    position: relative;
    text-align: right;
}

.floatingbar div.floatingbarInner div.accountdetails {
    height: 58px;
    float: left;
    margin-left: 0px;
    border-top: 5px solid transparent;
    text-align: left;
}

.floatingbar div.floatingbarInner div.accountdetailsInner {
    /*background: transparent url(/images/floatbaravatar.png) 10px 10px no-repeat;*/
    /*padding: 10px 5px 2px 48px;*/
    padding: 10px 5px 2px 8px;
    cursor: default;
}

.floatingbar-popupavail.floatingbar-accountdetailsup .floatingbar .accountdetails, .floatingbar-popupavail .floatingbar .accountdetails:hover {
}

.floatingbar .accountdetails .myticketek {
    font-size: 14px;
    font-weight: 500;
    /*color: #0075C9;*/
    font-family: 'Open Sans', Arial, Helvetica, Sans-serif;
}

.floatingbar {
    color: #555;
}

    .floatingbar a {
        color: #555;
    }

        .floatingbar a:hover {
            color: #434343;
        }

    .floatingbar .accountdetails .visitorname a, .floatingbar .accountdetails .visitorname {
        font-size: 12px;
        /*color: #555;*/
        text-decoration: none;
    }

    .floatingbar .accountdetails .visitoremail {
        display: block;
    }

    .floatingbar .myBasket {
        display: inline-block;
        *display: inline;
        vertical-align: middle;
    }

        .floatingbar .myBasket img {
            position: relative;
            top: 8px;
        }

        .floatingbar .myBasket div.nobasket, .floatingbar .myBasket a {
            text-align: center;
            display: block;
            position: relative;
            top: 0px;
            width: 50px;
            height: 58px;
            padding: 10px 0 5px 0;
            margin: 0;
            border-top: 5px solid transparent;
        }

            .floatingbar .myBasket a:hover {
                background: #F3F3F3;
            }

    .floatingbar .timeremaining {
        border-top: 5px solid transparent;
        text-align: left;
        display: inline-block;
        *display: inline;
    }

        .floatingbar .timeremaining .blurb {
            width: 115px;
            height: 58px;
            font-size: 11px;
            font-weight: 500;
            color: #555;
            text-align: right;
            padding: 13px 5px 0 0;
            display: inline-block;
            /* fix for ie7, to get it to do inline-block */
            zoom: 1;
            *display: inline;
        }

        .floatingbar .timeremaining .clock {
            background: #FEE949;
            width: 190px;
            height: 58px;
            font-size: 21px;
            color: #555;
            text-align: center;
            padding: 15px 0px 2px 0;
            display: inline-block;
            position: relative;
            top: -3px;
            /* fix for ie7, to get it to do inline-block */
            zoom: 1;
            *display: inline;
        }

            .floatingbar .timeremaining .clock img {
                position: relative;
                top: 2px;
            }

    .floatingbar .rhsad {
        display: inline-block;
        *display: inline;
        vertical-align: middle;
    }

    .floatingbar .rhsadInner {
        height: 61px; /*58px*/
        border-top: 10px solid transparent;
        padding-top: 12px;
        padding-right: 8px;
    }

        .floatingbar .rhsadInner.floatingbar-rhspopupavail {
            border-top: 5px solid transparent;
        }

        .floatingbar .rhsadInner a {
            cursor: default;
        }

        .floatingbar .rhsadInner img {
            /*height: 30px;*/
        }

    .floatingbar .clear {
        clear: both;
    }
/* ----- */

.floatingbar-popupavail.floatingbar-accountdetailsup .floatingbar-popupOuter, .floatingbar-popupavail.floatingbar-accountdetailsup .floatingbar-accountdetailspopup {
    display: block;
}

.floatingbar-popupOuter {
    display: none;
    z-index: 900;
    position: fixed;
    bottom: 63px;
    text-align: left;
    width: 100%;
}

.floatingbar-popupInner {
    width: 1020px;
    margin: 0px auto;
    left: 0px; /* required for ie7 */
    overflow: hidden; /* required to keep arrow in place*/
}
 
.floatingbar-accountdetailspopup {
    height: 300px;
    display: none;
    right: 0;
    cursor: default;
    float: left; /* required to autosize popup to content */
    background: transparent;
    margin: 46px 0 0 10px;
}

.floatingbar-accountdetailspopup-inner {
    float: left;
    display: inline-block;
    width: 156px;
    /*padding: 10px 15px 10px 15px;*/
    padding: 0;
    height: 285px;
    margin: 0;
    padding: 5px 5px 0 5px;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0 16px 1px rgba(0, 0, 0, 0.4);
}

.floatingbar-accountdetailspopup-ad {
    float: left;
    display: inline-block;
    height: 273px;
}

.floatingbar-accountdetailspopup-inner, .floatingbar-accountdetailspopup-ad {
    background-color: #fff; /*border-bottom: 2px solid #EBEBEB;
	border-top: 5px solid #F3F3F3;*/ /*border:1px solid #00ACED;*/
}

.floatingbar-accountdetailspopup .boxbodyAccount {
    background: #00ACED;
    padding: 10px 15px;
}

    .floatingbar-accountdetailspopup .boxbodyAccount .visitorname {
        display: block;
        font-size: 13px;
        color: #fff;
        font-weight: 500;
        padding: 0;
        margin: 0;
    }

    .floatingbar-accountdetailspopup .boxbodyAccount .visitoremail {
        display: block;
        font-size: 11px;
        color: #fff;
        padding: 0; /*margin-bottom: 10px;*/
    }

.floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav {
    padding: 0 15px;
    text-align: left;
    height: auto;
}

    .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav ul {
        list-style-type: none;
        /*padding-top: 10px;*/
        padding: 10px 0;
        border-top: 1px solid #F3F3F3;
        /* height: 188px; */
    }

    .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav li {
        display: block;
        padding: 0;
        border-width: 0;
        margin-bottom: 6px;
    }

    .floatingbar-accountdetailspopup .boxbodyLogoutLink a, .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav a, .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav a.activeSubItem {
        font-size: 12px;
        font-weight: normal;
        color: #555;
        text-decoration: none;
        text-transform: none;
        font-weight: 500;
    }

        .floatingbar-accountdetailspopup .boxbodyLogoutLink a:hover, .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav a:hover, .floatingbar-accountdetailspopup .boxbodyLinks .secondaryNav a.activeSubItem:hover {
            color: #00ACED;
        }

.floatingbar-accountdetailspopup .boxbodyLogoutLink {
    margin: 7px 0;
}

    .floatingbar-accountdetailspopup .boxbodyLogoutLink a {
        padding: 0 15px;
    }

#floatingbar-container {
    float: left;
    margin-top: 63px;
}

#darkGradientBG #floatingbar-container {
    margin: 0 !important; /*fix for transparent footer on My Ticketek*/
}

#floatingbar-container.mobile {
    position: fixed;
}

    #floatingbar-container.mobile .floatingbar {
        position: static;
    }

    #floatingbar-container.mobile .floatingbar-popupOuter, #floatingbar-container.mobile .floatingbar-rhsPopupOuter {
        position: absolute;
        top: -275px;
    }
/* ----------------- */
.floatingbar-rhsup .floatingbar-rhsPopupOuter, .floatingbar-rhsup .floatingbar-rhsPopupInner {
    display: block;
}

.floatingbar-rhsPopupOuter {
    display: none;
    z-index: 900;
    position: fixed;
    bottom: 63px;
    text-align: left;
    width: 100%;
}

.floatingbar-rhsPopup {
    height: 214px;
    width: 1000px;
    margin: 0px auto;
    left: 0px; /* required for ie7 */
}

.floatingbar-rhsPopupInner {
    display: none;
    height: 214px;
    cursor: default;
}

.floatingbar-rhsPopup-events-inner-header {
    margin: 0 10px 10px 0;
}

.floatingbar-rhsPopup-events {
    display: inline-block;
    padding: 0px;
    margin: 0;
    border: solid 1px #000;
}

.floatingbar-rhsPopup-events-inner {
    margin: 25px 0px 0px 25px;
    border-right: 1px solid #EBEBEB;
    height: 152px;
}

    .floatingbar-rhsPopup-events-inner .event {
        float: left;
    }

        .floatingbar-rhsPopup-events-inner .event .singleShowBox {
            display: inline-block;
            width: 189px;
            margin-right: 15px;
        }

            .floatingbar-rhsPopup-events-inner .event .singleShowBox img {
                width: 189px;
            }

            .floatingbar-rhsPopup-events-inner .event .singleShowBox .singleShowCaption a {
                color: #555;
                font-size: 100%;
            }

.floatingbar-rhsPopup-ad {
    display: inline-block;
    width: 285px;
}

.floatingbar-rhsPopup-ad {
    float: right;
    height: 203px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0 16px 1px rgba(0, 0, 0, 0.4);
}

    .floatingbar-rhsPopup-ad a {
        background: transparent url(/images/floatbarrhspopupfatdownarrowWhite.png) no-repeat 50% bottom;
        height: 149px;
    }

.floatingbar-rhsPopup-events {
    float: right;
    height: 200px;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
}
/* ---------- */

.floatingbar-rhsPopup-eventsBox .singleShowBox {
    display: inline-block;
    width: 101px;
    margin-right: 15px;
}

    .floatingbar-rhsPopup-eventsBox .singleShowBox img {
        width: 101px;
    }

    .floatingbar-rhsPopup-eventsBox .singleShowBox .singleShowCaption a {
        color: #a0a0a0;
        font-size: 100%;
    }
/* ----------------- */

/* $12 - Login
============================================================================== */

#primaryContainer.login {
    width: 953px;
    border: none;
}

.login #myTick2Col {
    background-color: #fff;
    color: #000;
    margin: 0;
    vertical-align: top;
    padding: 0px;
    display: table-row;
    width: 100%;
}

    .login #myTick2Col .formMod2Col {
        margin: 0;
        float: left;
        vertical-align: top;
        display: block;
        border: none;
    }

        .login #myTick2Col .formMod2Col h3 {
            font-size: 20px;
            color: #00ACED;
            margin: 0px;
            padding: 0px;
            text-transform: capitalize;
            display: block;
        }

        .login #myTick2Col .formMod2Col .formModule {
            border: none;
            padding: 0;
            color: #555;
            min-height: 0px;
            height: auto;
        }

            .login #myTick2Col .formMod2Col .formModule p {
                font-size: 14px;
            }

            .login #myTick2Col .formMod2Col .formModule loginContentContainer.RememberMe label {
                font-size: 12px;
                color: #000;
                margin: -18px 0px 0px 20px;
                font-weight: bold;
                padding: 0px 0px 3px 0px;
            }

#myTick2Col .formMod2Col.left h3, #myTick2Col .formMod2Col.right h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
}

#pipeLineContent #myTick2Col .formMod2Col.right .formModule {
    min-height: 182px;
}

#pipeLineContent #myTick2Col .formMod2Col.left .formModule .loginContentContainer p strong {
    font-size: 13px;
}

.login #myTick2Col .formMod2Col.left, .login #myTick2Col .formMod2Col.right {
    text-align: left;
    padding: 35px 30px;
    position: relative;
    min-height: 0px;
    height: 250px;
    width: 50%;
    display: table-cell;
    float: none;
    border: 20px #f3f3f3 solid;
    border-width: 21px 18px;
}

.loginContentContainer.RememberMe strong {
    font-size: 13px;
}

.right .fromModule {
    background: red;
}

.login div.loginContentContainer {
    padding: 0;
    color: #555;
    font-size: 13px;
    margin-top: 15px;
}

    .login div.loginContentContainer a {
        font-size: 11px;
        margin: 0px;
        margin-right: 0;
        margin-top: 4px;
        padding: 0px;
        color: #555;
        float: right;
    }

    .login div.loginContentContainer.submit {
        position: relative;
        bottom: 0px;
        left: 0px;
    }

    .login div.loginContentContainer.RememberMe {
        position: relative;
        bottom: 0px;
        left: 10px;
    }

        .login div.loginContentContainer.RememberMe strong {
            font-size: 13px;
        }

.login #myTick2Col .formMod2Col.left .formModule a {
    position: relative;
    bottom: 0px;
}

.login .loginContentContainer strong {
    font-size: 16px;
    color: #555;
}

.login input.borInput {
    height: 20px;
    width: 97%;
    padding: 5px;
    margin-top: 2px;
    font-size: 15px;
}

.login #myTick2Col .formMod2Col.right .errorMessage {
    padding: 5px 0px 0px 0px;
    border: 0px;
    margin: 0px;
    font-size: 12px;
}
/* $13 - Seatmap Footer
============================================================================== */
.seatMapFooter {
    padding: 10px 5px;
}

a.disclaimer {
    color: #0071BC;
    text-decoration: none;
    font-weight: bold;
}

    a.disclaimer:hover {
        text-decoration: underline;
    }
/*TODO check if these are used*/
.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}
/* Back to Top - START
============================================================================== */
.wrapBodyNew .backToTopDiv {
    display: none;
    clear: both;
    height: 40px;
    background-color: #EBEBEB;
    border-bottom: 1px solid #F3F3F3;
}

.backToTopDiv.showUp {
    display: block;
}

.backToTopDiv .leftLogo {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.backToTopDiv .rightAnchor {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

    .backToTopDiv .rightAnchor a {
        font-weight: 500;
        font-size: 12px;
        color: #555;
    }

.fb_iframe_widget_lift {
    z-index: 12;
}
/* Show Page Popout Video
============================================================================== */
.showvideos {
    position: absolute;
    bottom: 10px;
    right: 30px;
    display: block;
    line-height: 0px;
}

.eventImg .showvideosImg {
    border: none;
    height: 70px;
    width: 70px;
}

.eventImg {
    position: relative;
}

#video_overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 4000;
    display: none;
}

#video_lightbox {
    position: fixed;
    display: none;
    z-index: 9999;
    width: 100%;
    text-align: center;
    top: 150px;
}

#video_lightboxBg {
    background-color: #fff;
    line-height: 0px;
    width: 570px;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

    #video_lightboxBg #player {
        padding: 5px;
        z-index: 9999;
        width: 560px;
        height: 315px;
    }

#video_light_close {
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    opacity: .8;
    filter: alpha(opacity = 80);
    background: #000;
    border: 2px solid #FFF;
    border-radius: 3px;
    padding: 3px 5px;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #FFF !important;
    text-decoration: none;
    z-index: 10000;
}

    #video_light_close:hover {
        text-decoration: none !important;
    }
/* $15 - Manage Credit Card
============================================================================== */
.btnDeleteCreditCard {
    text-decoration: underline !important;
    color: blue !important;
    padding: 0 0 0 18px;
}

.btnManageCreditCard {
    vertical-align: middle;
    float:right;
}

.manageCreditCardValidation {
    color: Red;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.billPayments tr:nth-child(2n+1) td {
    background: #fff;
}

table.billPayments a {
    color: #00ACED;
}

.managePartPayments {
    position: relative;
    min-height: 850px;
}

#managePartPaymentIframe {
    display: none;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: 0;
}

.managePartPayments .blueButton.close {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    padding: 10px 8px;
    z-index: 1;
}

.totalCostRenewalPage {
    border: 1px solid #eee;
    width: 25%;
    float: right;
    margin-right:0;
    /*padding-top: 15px;*/
    background-color: #eee;
}

.totalCostRenewalPageForNotSuccessor {
    border: 1px solid #eee;
    width: 100%;
    float: right;
    background-color: #e8e8e8;
}

#renewalManageContainer input.btnManageCreditCard {
    clear: both;
    float:right;
    margin: 10px;
    width: 220px;
}

.renewalManageOptOutLabel {
    padding-left: 10px;
}

.sectionTitleManageRenewal {
    background-color: #ebebeb;
    height: 25px;
    margin: 10px 0;
    padding-top: 12px;
    color: rgba(0, 0, 0, 0.4);
    clear: both; /*overflow:hidden;*/ /*white-space:no-wrap;*/
    display: block;
}

.manageRenewalTotalCostTitle {
    font-size: 16px;
    vertical-align: middle;
    float: left;
    color: #555;
}

.customPrimaryContainer {
    float: left;
    width: 71%;
    color: #555;
    padding: 15px;
}

.creditCardFields .ccLogo {
    float: right;
    width: 70px;
}

.EstimatedPackageCostSeparator {
    float: left;
    height: 0.01px;
    width: 230px;
    border: 1px solid gray;
}

#managePaymentMethodIframe {
    width: 100%;
    height:600px;
    border: 0;

}
.clManagePaymentMethodIframe
{
    width: 100%;
    height:600px;
    border: 0;
}

.noRhs #primaryContainer {
    float: none;
    width: auto;
}
.merchRadioBtn {
    display: inline-block;
    border: none;
    background: #00ACED;
    padding: 10px 18px 10px 18px;
    color: white;
    margin-bottom: 8px;
}

.merchButton {
    display: inline-block;
    padding: 10px 18px 10px 18px;
    border: none;
    background: #00ACED;
    color: white;
    margin-bottom:8px;
}

#btnAddToCart:not(.disabled) {
    cursor: pointer;
}

.sizeUnavailable {
    background: gray;
}

.merchButton.disabled {
    background: gray;    
}

.merchBlock {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px 0 0;
}

hr {
    display: block; 
    margin: 15px 0 15px 0; 
    padding: 0; 
}

.merchContent {
    font-size: 12px;
}

.merchSmallTitle {
    font-size:14px; 
    margin-bottom:10px;
    font-weight:bold;
}

.merchSelectOption {
    font-size: 14px;
}

.merchSizeSelected {
    background: yellow;
    color: black;
}

.merchErrorMessage, .merchSuccessfulMessage {
    padding: 2px 2px;
}
.merchSuccessfulMessage {
    background: #8ee947;
}

.merchErrorMessage {
    background: #eb7373;
}

.merchButtonGroup {
    margin-top: 10px;
}

.slick-slide{
    height:456px;
}

.transactionHistoryMain {
    /*padding-bottom: 30px;*/
    width: 100%;
    padding-right: 25px;
}

.transactionRecord {
    margin-bottom: 5px;
    font-size: 13px;
}

.transactionProduct {
    margin-bottom: 3px;
}

.transactionChildPerformance > .transactionDetails  {
    background-color: lightblue;
}

.ticketDetails {
    background-color: wheat;
    padding-left: 10px;
}

.transactionHeader {
    font-size: 15px;
    line-height: 50px;
    font-weight: bold;
    background-color: #ebebeb;
}

.transactionHeader,
.transactionHeaderSmall
{
    padding: 0 10px;
    box-sizing: border-box;
}

.transactionHeaderSmall {
    font-size: 12px;
    line-height: 50px;
    background-color: #ebebeb;
}

.transactionDetails {
    background-color: lightcyan;
    padding-left: 5px;
}

.transactionFieldTitle {
    font-weight: bold;
    padding-right: 5px;
}

.transactionFieldLeft {
    display: inline-block;
    padding-bottom: 5px;
    width: 80%;
}

.transactionFieldRight {
    display: inline-block;
    padding-bottom: 5px;
}

.transactionHeaderLeft {
    float: left;
    width:60%;
    background-color: #ebebeb;
}

.transactionHeaderRight {
    float: right; 
    width:38%;
    background-color: #ebebeb;
}

.transactionDetailLeft {
    display: inline-block;
    width:40%;
    padding-left: 60px;
    padding-right: 30px;
}

.transactionDetailRight {
    display: inline-block;
    width:35%;
    padding-left: 120px;
    vertical-align: top;
}

.gameSeparator {
    padding-bottom: 25px;
    position: relative;
}

.gameSeparator .gameDetails {
    padding-left: 10px;
}

.gameDetails .gameDetailLeft {
    display: inline-block;
    width:55%;
    padding-left: 5%;
    padding-right: 5%;
}

.gameDetails .gameDetailRight {
    display: inline-block;
    width:30%;
    padding-right: 2%;
}
#selectAllSeatsLabel {
    display: inline-block;
    padding: 12px;
}

#selectAllSeatsLabel.disabled {
    background: none;
    color: #999;
}

#sendSelectedTickets, #sendSelectedTickets:visited, #sendSelectedTickets:active, #sendSelectedTickets:hover {
    color: #f33;
    display: inline-block;
    padding: 12px;
    text-decoration: none;
}

#sendSelectedTickets {
    float: right;
}

#sendSelectedTickets.disabled {
    color: #c66;
    background: inherit;
    cursor: default;
}

#sendSelectedTickets.disabled:hover {
    text-decoration: none;
}

.gameSeparator .selectSeat {
    position: absolute;
    left: 12px;
    top: 38px;
}

.ticket-sent-icon {
    display: inline-block;
    margin: -3px 0;
}

.divAlignLeft {
    float: left;
}

.divAlignRight {
    float: right;
}
#returnSelectedTickets, #returnSelectedTickets:visited, #returnSelectedTickets:active, #returnSelectedTickets:hover {
    color: #f33;
    display: inline-block;
    padding: 12px;
    text-decoration: none;
}

#returnSelectedTickets {
    float: right;
}

#returnSelectedTickets.disabled {
        color: #c66;
        background: inherit;
        cursor: default;
}

#returnSelectedTickets.disabled:hover {
            text-decoration: none;
 }

.ticket-return-icon {
    position: absolute;
    top: 35%;
    left: 95%;
    transform: translate(-20%, -20%);
}
.ticketTermsandConditionOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #aaaaaa;
    opacity: .6 /*{opacityOverlay}*/;
    filter: Alpha(Opacity=30) /*{opacityFilterOverlay}*/; /* support: IE8 */
    width: 100%;
    height: 100%;
}

.ticketTermsandConditionDialog {
    z-index: 1000;
}

.ticketTermsandConditionsOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #aaaaaa;
    opacity: .6 /*{opacityOverlay}*/;
    filter: Alpha(Opacity=30) /*{opacityFilterOverlay}*/; /* support: IE8 */
    width: 100%;
    height: 100%;
}

.ticketReturnButton {
    display: inline-block;
    min-width: 80px;
    margin: 0;
    padding: 12px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    background-color: #00ACED;
    border: 0;
    box-sizing: content-box;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
}



.transactionHistoryMain .pagination li {
    display: inline;
    padding: 0 5px 0 5px;
    border-right: 1px solid #555;
}

.transactionHistoryMain .pagination {
    text-align: right;
}

.transactionHistoryMain .pagination a {
    font-weight: bold;
    color: #0099CC;
    font-size: 0.875em;
    text-decoration: none;
}

.transactionHistoryMain .pagination .active a {
    font-weight: bold;
    color: black;
    font-size: 0.875em;
    text-decoration: none;
}

.transactionHistoryMain .viewDetails {
    height: 30px;    
}

.transactionHistoryMain .viewDetails a {
    color: #0099CC;
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/viewdetails.png);
    background-size: 20px 17px;
    background-position: 10px 0;
    background-repeat: no-repeat;
    min-height: 24px;
    display:inline-block;
}

.transactionHistoryMain .viewDetails a:hover {
    cursor: pointer;
}

.transactionHistoryMain .selectDetails {
    height: 70px;
}

.transactionHistoryMain .selectDetails a {
    color: #0099CC;
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/selectitems.png);
    background-size: 20px 17px;
    background-position: 10px 0;
    background-repeat: no-repeat;
}

.transactionHistoryMain .selectDetails a:hover {
    cursor: pointer;
}

.transactionHistoryMain .actions a {
    color: #0099CC;
    text-decoration: none;
    font-weight: bold;
}

.transactionHistoryMain .actions a:hover {
    cursor: pointer;
}

.transactionHistoryMain .transactionHistoryHeader {
    font-weight: bold;
    font-size: 22px;
    color: #00ACED;    
}
.productSelection {
    display: inline-block;
    width:90%;
    padding-left: 2%;
}
.productSelection .productDetails {
    height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.productSelection .productDetails .productHeader {
    display: inline-block;
    width:100%;
    font-weight: bold;
    background-color: #ebebeb;
    height: 30px;
}
.productSelectionHeader {
    height: 30px;
    font-weight: bold;
    font-size: 15px;
}
.productSelect {
    display: inline-block;
    width: 5%;
}
.productDate {
    display: inline-block;
    width: 20%;
}
.productName {
    display: inline-block;
    width: 43%;
}
.productVenue {
    display: inline-block;
    width: 28%;
}

.allocate {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
}
.allocate input {
    display: inline-block;
    min-width: 114px;
    margin: 0;
    padding: 12px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    background-color: #00ACED;
    border: 0;
    box-sizing: content-box;
    border-radius: 4px;
    cursor: pointer;
}
.transactionHistoryMain .errorMsg {
    padding-left: 10px;
    color: red;
    font-weight: bold;
}

.transactionHistoryMain .ticketForward a {
    color: #0099CC;
    padding-left: 25px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/giveToFriend.png);
    background-size: 20px 17px;
    background-repeat: no-repeat;
}

.transactionHistoryMain .ticketForward a:hover {
    cursor: pointer;
}

#ticketForwardPopup h2 {
    color: #00ACED;
}

#ticketForwardDetails div
{
    min-height: 30px;
    margin-bottom: 5px;
    height: auto;
}

#ticketForwardDetails #tktForwardSuccessMsg {
    color: green;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

#ticketForwardDetails #tktForwardErrorMsg {
    color: red;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.ticketForwardButton {
    display: inline-block;
    min-width: 80px;
    margin: 0;
    padding: 12px 8px;
    text-align: center;
    text-decoration: none;
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    background-color: #00ACED;
    border: 0;
    box-sizing: content-box;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 5px;
}

.ticketForwardOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #aaaaaa;
    opacity: .6/*{opacityOverlay}*/;
    filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
    width: 100%;
    height: 100%;
}

.ticketForwardDialog {
    z-index:1000;
}

.transactionHistoryMain .viewEzyTicket {
    padding-top: 5px;
    height: 20px;    
}

.transactionHistoryMain .viewEzyTicket a {
    color: #0099CC;
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/viewEzyTicket.png);
    background-size: 20px 17px;
    background-position: 10px 0;
    background-repeat: no-repeat;
}

.transactionHistoryMain .viewMobileTicket a {
    color: #0099CC;
    padding-left: 35px;
    text-decoration: none;
    font-weight: bold;
    background-image: url(/images/viewMobileTicket.png);
    background-size: 20px 17px;
    background-position: 10px 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

#ticketForwardDetails input[type=text]
{
    padding: 6px;
    display: inline-block;
}

#ticketForwardDetails #tktFirstName,
#ticketForwardDetails #tktLastName
{
    width: 170px;
}

#ticketForwardDetails #tktEmailOrPhone
{
    width: 265px;
}

#ticketForwardDetails div span {
    min-width: 92px;
    display: inline-block;
    vertical-align: middle;
    font-family: OpenSansSemiBold;
}

h2#ticketForwardTitle
{
    padding:0;
    margin: -5px 0 -20px 0;
}

.ticketForwardDialog .ui-dialog-titlebar
{
    display: none;
}

.ticketForwardDialog .ui-dialog-buttonset
{
    padding: 10px 5px;
    text-align: right;
    font-size: 14px;
}

.ticketForwardEmail
{
    margin-top: 15px;
}

.transactionOrderBlock
{
    margin-top: 6px;
    display: inline-block;
    width: 100%;
}

.transactionOrderBlock > div
{
    margin: 0;
}

.manageAccountBlurb 
{
    text-align: center; 
    padding: 10px 0; 
    font-size: 14px;
}

button#captchaRefresh {
    font-size: 30px;
    height: 50px;
    width: 50px;
    vertical-align: top;
    line-height: 45px;
}