/*----- Container classes -----*/

/*----- Grey border -------*/
.moduleContainer
{
    width: auto;
    height: auto;
    margin-bottom: .9em;
}

.moduleContainerNav
{
    width: auto;
    height: auto;
    margin-bottom: .1em;
}
.moduleContentPane
{
    margin-left: 10px;
    margin-right: 10px;
}

.noIndent
{
    margin-left: 6px;
    margin-right: 6px;
}
.noHeaderIndent
{
    margin-left: 0px;
    margin-right: 0px;
}
.moduleContentPaneDark
{
    background-color: #66147F;
    margin-left: 6px;
    margin-right: 6px;
}
/**/
.darkContentPane
{
    background-color: #66147F;
    margin-left: 6px;
    margin-right: 6px;
}
/**/
* html .darkContentPane
{
    height: 5px;
}
.topStretch
{
    width: auto;
    background-image: url(../images/top_stretch.gif);
    background-repeat: repeat-x;
    height: 6px;
}
.topLeft
{
    font-size: 1px;
    width: 6px;
    height: 6px;
    background-image: url(../images/top_left.gif);
    float: left;
}
.topRight
{
    font-size: 1px;
    width: 6px;
    height: 6px;
    background-image: url(../images/top_right.gif);
    float: right;
}
* html .moduleLeftBG
{
    height: 100%;
}
.moduleLeftBG
{
    width: auto;
    height: auto;
    background-image: url(../images/left_stretch.gif);
    background-repeat: repeat-y;
}
* html .moduleRightBG
{
    height: 100%;
}
.moduleRightBG
{
    width: auto;
    height: auto;
    background-image: url(../images/right_stretch.gif);
    background-repeat: repeat-y;
    background-position: right;
}
.bottomStretch
{
    clear: both;
    width: auto;
    background-image: url(../images/bottom_stretch.gif);
    background-repeat: repeat-x;
    height: 6px;
}
.bottomLeft
{
    font-size: 1px;
    width: 6px;
    height: 6px;
    background-image: url(../images/bottom_left.gif);
    float: left;
}
.bottomRight
{
    font-size: 1px;
    width: 6px;
    height: 6px;
    background-image: url(../images/bottom_right.gif);
    float: right;
}
/*----- largeModuleHeader TwoTone -------*/
.smallModuleHeaderTwoTone
{
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 22px;
    width: auto;
    background-image: url(../images/small_header_bg.gif);
    background-repeat: repeat-x;
    background-color: #af0136;
}
/*----- smallModuleHeader plain -------*/
.smallModuleHeader
{
    overflow: hidden;
    margin-bottom: 5px;
    margin-left: 6px;
    margin-right: 6px;
    min-height: 22px;
    width: auto;
    background-color: #e0ad09;
}
* html .smallModuleHeader
{
    overflow: visible;
    height: 22px;
}
.smallModuleHeaderTopLeft
{
    font-size: 1px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_left.gif);
    float: left;
}
.smallModuleHeaderTopRight
{
    font-size: 1px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_right.gif);
    float: right;
}
.smallModuleHeaderText
{
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: 6px;
}
/*----- largeModuleHeader plain -------*/
.largeModuleHeader
{
    overflow: hidden;
    margin-left: .6em;
    margin-right: .6em;
    width: auto;
    height: 3em;
    background-color: #af0136;
}
.largeModuleHeaderMasked
{
    overflow: hidden;
    width: auto;
    height: 42px;
    background-image: url(../images/large_header_bg.gif);
}
.largeModuleHeaderTopLeft
{
    font-size: 1px;
    margin-right: 11px;
    width: 5px;
    height: 5px;
    background-image: url(../images/small_header_top_left_red.gif);
    float: left;
}
.largeModuleHeaderTopRight
{
    font-size: 1px;
    width: 5px;
    height: 5px;
    background-image: url(../images/small_header_top_right_red.gif);
    float: right;
}
.largeModuleHeaderText
{
    margin-top: .2em;
    margin-bottom: .3em;
    margin-left: .7em;
    color: #FFF;
    font-size: 1.9em;
    font-weight: 500;
}


/*----- red module -------*/
.redModule
{
    overflow: hidden;
    margin-bottom: 0;
    margin-left: .6em;
    margin-right: .6em;
    background-color: #af0136;
}


/*----- largeModuleHeader Red -------*/
.largeModuleHeaderRed
{
    overflow: hidden;
    margin-left: 6px;
    margin-right: 6px;
    width: auto;
    height: 3em;
    background-color: #af0136;
}

.largeModuleHeaderText_Red
{
    margin-top: .2em;
    margin-bottom: .3em;
    margin-left: 0em;
    color: #af0136;
    font-size: 1.9em;
    font-weight: 500;
}


h3
{
    margin-top: .2em;
    margin-bottom: .3em;
    margin-left: 0em;
    color: #af0136;
    font-size: 1.9em;
    font-weight: 500;
}

.largeModuleHeaderMaskedRed
{
    overflow: hidden;
    width: auto;
    height: 42px;
    background-image: url(../images/large_header_bg.gif);
}
.largeModuleHeaderTopLeftRed
{
    font-size: 1px;
    margin-right: 11px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_left_red.gif);
    float: left;
}
.largeModuleHeaderTopRightRed
{
    font-size: 1px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_right_red.gif);
    float: right;
}
.largeModuleHeaderTextRed
{
    margin-top: .4em;
    margin-bottom: .4em;
    margin-left: .9em;
    color: #fff;
    font-size: 1.6em;
    font-weight: 900;
}

/*----- largeModuleHeader Yellow -------*/
.largeModuleHeaderYellow
{
    overflow: hidden;
    margin-left: 6px;
    margin-right: 6px;
    width: auto;
    height: 3em;
    background-color: #e0ad09;
}
.largeModuleHeaderMaskedYellow
{
    overflow: hidden;
    width: auto;
    height: 42px;
    background-image: url(../images/large_header_bg.gif);
}
.largeModuleHeaderTopLeftYellow
{
    font-size: 1px;
    margin-right: 11px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_left_yellow.gif);
    float: left;
}
.largeModuleHeaderTopRightYellow
{
    font-size: 1px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_right_yellow.gif);
    float: right;
}
.largeModuleHeaderTextYellow
{
    margin-top: .4em;
    margin-bottom: .4em;
    margin-left: .9em;
    color: #fff;
    font-size: 1.6em;
    font-weight: 900;
}

/*----- largeModuleHeader TwoTone -------*/
.largeModuleHeaderTwoTone
{
    overflow: hidden;
    margin-left: 0px;
    margin-right: 6px;
    width: auto;
    height: 42px;
    background-image: url(../images/large_header_bg.gif);
    background-color: #af0136;
}
.largeModuleHeaderMasked
{
    overflow: hidden;
    width: auto;
    height: 42px;
    background-image: url(../images/large_header_bg.gif);
}
.largeModuleHeaderTopLeft
{
    font-size: 1px;
    margin-right: 11px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_left_red.gif);
    float: left;
}
.largeModuleHeaderTopRight
{
    font-size: 1px;
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_right_red.gif);
    float: right;
}



/*----- darkModuleBottomLeft -------*/
.darkModuleBottomLeft
{
    width: 5px;
    height: 5px;
    background-image: url(../images/dark_container_bottom_left.gif);
    background-repeat: no-repeat;
    float: left;
}
.darkModuleBottomRight
{
    width: 5px;
    height: 5px;
    background-image: url(../images/dark_container_bottom_right.gif);
    background-repeat: no-repeat;
    float: right;
}
.darkModuleFooter
{
    font-size: 1px;
    clear: both;
    width: auto;
    height: 5px;
    background-color: #66147F;
    margin-left: 6px;
    margin-right: 6px;
}


/*----- smallModuleSubNavigation plain -------*/
.smallModuleNavigation
{
    overflow: hidden;
   /* margin-bottom: .5em;*/
    margin-bottom: 0;
    margin-left: .6em;
    margin-right: .6em;
    min-height: .3em;
    width: auto;
    background-color: #E1AD09;
}
/** html .smallModuleNavigation{overflow:visible;height:2.2em;}*/
.smallModuleNavigationTopLeft
{
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_left_red.gif);
    float: left;
}
.smallModuleNavigationTopRight
{
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_top_right_red.gif);
    float: right;
}
.smallModuleNavigationBottomLeft
{
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_bott_left_red.gif);
    float: left;
}
.smallModuleNavigationBottomRight
{
    width: 4px;
    height: 4px;
    background-image: url(../images/small_header_bott_right_red.gif);
    float: right;
}
/*
.smallModuleNavigationText a
{
    margin-left: .3em;
    padding-top: 1em;
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}*/

a.white
{
    display:block;
    text-align:center;

    line-height: 2.1em;
    color: #fff;
    font-size: .9em;
    font-weight: 600;
}

/*----- S Masked Container -------*/

* html .whatsOnContentPane
{
    margin-right: 0px;
}
.whatsOnMask
{
    width: 208px;
    height: 172px;
    overflow: hidden;
    float: left;
}
.whatsOnTitle
{
    margin-left: 10px;
}
.whatsOnHeader
{
    margin-left: 0px;
    margin-right: 0px;
    width: auto;
}
.whatsOnRight
{
    width: 360px;
    min-height: 172px;
    float: right;
}
* html .whatsOnRight
{
    height: 172px;
}
.whatsOnBottomStretch
{
    margin-left: -6px;
    margin-right: -6px;
}
.whatsOnRow
{
    padding-left: 10px;
    margin-top: 5px;
    padding-right: 10px;
}
.whatsOnBottomRight
{
    width: 5px;
    height: 5px;
    background-image: url(images/dark_container_bottom_right.gif);
    background-repeat: no-repeat;
    position: absolute;
    left: 569px;
    top: -5px;
    font-size: 1px;
}

.whatsOnContentPane
{
    width: 568px;
    background-color: #66147F;
}