/********************
* Theme Name: Default Layout
* Version: 1.2
* Updated: Feb 2016
* 
********************/

/* ------------------------------------------------- Import ------------------------------------------------- */
@import url("../../font-awesome/4.3.0/css/font-awesome.min.css");
@import url("print.css");

/* ------------------------------------------------- MAIN ------------------------------------------------- */

html {
    height: 100%;
}

body {
    margin: 0;
    font-size: 13px;
    font-family: tahoma, helvetica, sans-serif;
    line-height: 1;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../../css/fonts/glyphicons-halflings-regular.eot');
    src: url('../../css/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'), url('../../css/fonts/glyphicons-halflings-regular.woff') format('woff2'), url('../../css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../css/fonts/glyphicons-halflings-regular.svg') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* CK editor */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: normal;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-weight: bold;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input, select, textarea {
    vertical-align: middle;
}

.standard-input,
.field-control {
    width: 240px;
    padding: 3px 6px;
    border: 1px solid #818181;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

select.standard-input,
select.field-control {
    /*min-width: 240px;*/
    width: auto;
    padding: 2px 2px;
}

input[type="checkbox"] {
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 3px 3px 3px 4px;
}

input[type="radio"] {
    margin: 3px 3px 0px 4px;
    border: none;
    box-shadow: none;
    padding: 0;
}

label {
    margin-bottom: 5px;
    display: inline-block;
}

a {
    /*line-height: 150%;*/
}

.meetingDay, .meetingTime {
    width: 110px;
    height: 50px;
}
/*
#Menu li.t-item {
    float: left;
}
*/
#Menu li.t-item:hover {
    cursor: pointer;
}
/*
#Menu .t-group li.t-item {
    float: none;
}
*/

.boxHeaderContainer1 h2 {
    /*font-size: 14px;*/
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .h2 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h1 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h2 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h3 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h4 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h5 {
    padding: 0;
    margin: 0;
}

.boxHeaderContainer1 .widget-title h6 {
    padding: 0;
    margin: 0;
}

.storyBody ol, .CustomWidgetBody ol {
    display: block;
    list-style-type: decimal;
    /*margin-left: 30px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#footerContainer1 .WebsiteFooter {
    z-index: 1;
    position: relative;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

    #footerContainer1 .WebsiteFooter:before,
    #footerContainer1 .WebsiteFooter:after {
        content: "";
        clear: both;
        display: block;
    }

.system-footer {
    clear: both;
}

.storyBody ul, .CustomWidgetBody ul {
    display: block;
    list-style-type: disc;
    /*margin-left: 30px;*/
    margin-top: 10px;
    margin-bottom: 10px;
}

img {
    border: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.loginArea3 {
    padding-right: 10px;
}

ul#Menu li.t-item:last-child {
    border-right: none;
}

/* iframe limitations, need to remove it, because of FB popup window */

/*iframe { max-width:460px; }
.middleColumn iframe {max-width:460px;}
.leftColumn iframe,.rightColumn iframe {max-width:200px;}
.TwoColumnsTopBanner .leftColumn iframe,.TwoColumnsTopBanner .rightColumn iframe {max-width:460px;}
.OneColumn .middleColumn iframe {max-width:890px;}*/

/*h3 {
	font-size: 15px;
	font-weight: normal;
	padding-bottom: 3px;
	margin-bottom: 7px;
	 }*/

.selected {
    border: 1px solid #7F7F7F;
    background-color: #D8D8D8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 3px 3px 3px;
}

/* Fix for CMS Theme Preview */
.subMenu .subgroup .item.selected {
    border: none;
    background-color: transparent;
}

.clearboth {
    clear: both;
}

.clearboth2 {
    clear: both;
    height: 0px;
}

td {
    vertical-align: top;
}

:focus {
    outline: 0;
}

.PortalPageHeader {
    padding-bottom: 10px;
}

#mainBgContainer1 {
    background-repeat: no-repeat;
    background-position: 50% 0;
}

#mainContainer1 {
    width: 980px;
    min-height: 900px;
    margin: 0 auto 0 auto;
    padding-top: 15px; /*padding menu does't work with that: overflow: hidden;*/
    position: relative;
}

#headerContainer1 {
    margin-bottom: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    z-index: 1001;
    position: relative;
}

#headerContainer4 img {
    display: block;
}

#contentColumn1-4, #contentColumn2-4, #contentColumn3-4 {
    padding-bottom: 20px;
}

.loginArea2 {
    float: right;
    /*height: 20px;*/
    margin-top: 4px;
    /*margin-bottom: 4px;*/
}

.bannerBg {
    padding: 0px 0px 10px 0px;
}

.bannerLeftlogo {
    float: left;
    margin: 0 10px 0 0;
    padding: 10px 0 0 10px;
}

.bannerTxt {
    padding: 40px 0 0 10px;
}

.banner h1 {
    font-size: 28px;
    line-height: 32px;
}

.banner h2 {
    font-size: 16px;
    line-height: 20px;
}

#menuContainer1 {
    width: 970px;
    padding: 0px 0 10px 10px; /*height:100%;*/
    background-repeat: no-repeat;
    z-index: 1001;
    position: relative;
}

    #menuContainer1:before,
    #menuContainer1:after {
        content: "";
        display: table;
    }

    #menuContainer1:after {
        clear: both;
    }

#menuContainer2 {
    width: 960px;
    -webkit-border-radius: 8px; /*height:100%;*/
    -moz-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    display: inline-block;
    min-height: 20px;
    padding: 5px 0 5px 0;
    z-index: 1001;
}

    #menuContainer2:before,
    #menuContainer2:after {
        content: "";
        display: table;
    }

    #menuContainer2:after {
        clear: both;
    }

#menuContainer3:before,
#menuContainer3:after {
    content: "";
    display: table;
}

#menuContainer3:after {
    clear: both;
}

#Menu {
    z-index: 3000; /*line-height:170%;*/
    position: relative;
    /*float: left;*/ /*width: 100%; */
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}

    #Menu li.t-item {
        border: none;
        margin: 4px 0px 4px 5px; /*margin-top: 7px;
	margin-right: 3px;*/
    }

        #Menu li.t-item a.t-link {
            height: 16px;
            margin: -2px 0 -2px 0;
            padding: 0px 10px 0 3px;
            font-weight: normal;
            /*padding: 0px 10px 0 0px; */
        }

        #Menu li.t-item span.t-link {
            height: 16px;
            margin: -3px 0 -2px 0;
            padding: 0px 10px 0 0px;
            font-weight: normal;
            /*line-height: 150%;*/
        }

.t-menu .t-animation-container, .t-menu .t-group {
    z-index: 1001;
    margin-top: 2px;
}

#bannerContainer1 {
    padding: 10px 10px 10px 10px;
    /*min-height: 120px;*/
    background-repeat: repeat-y;
}

    #bannerContainer1:before,
    #bannerContainer1:after {
        content: "";
        display: table;
    }

    #bannerContainer1:after {
        clear: both;
    }

.WebsiteBannerWrap,
.BannerContent {
    overflow: hidden;
}

    .BannerContent a {
        height: 100%;
    }

    .BannerContent h1, .BannerContent .h1,
    .BannerContent h2, .BannerContent .h2,
    .BannerContent h3, .BannerContent .h3,
    .BannerContent h4, .BannerContent .h4,
    .BannerContent h5, .BannerContent .h5,
    .BannerContent h6, .BannerContent .h6 {
        margin: 0;
        padding: 0;
    }

#breadcrumbMenu1 {
    display: none;
}

#loginContainer1 {
    min-height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    position: relative;
    display: block;
    /* To avoid dropdown languages overlap */
    z-index: 1002;
}

    #loginContainer1:before,
    #loginContainer1:after {
        content: "";
        clear: both;
        display: block;
    }

#LanguageContainer1 {
    margin: 0 0 20px 0;
}

#loginContainer2:before,
#loginContainer2:after {
    content: "";
    clear: both;
    display: block;
}

.events-calendar tr.table-header {
    background: #CCC;
}

table#tblCalendar {
}

.events-calendar th.header-weekdays-cell, .events-calendar td {
    border-color: #ccc;
}

#contentContainer1 {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    position: relative;
    margin: auto auto;
    max-width: 980px;
}

    #contentContainer1:before,
    #contentContainer1:after {
        content: "";
        display: table;
    }

    #contentContainer1:after {
        clear: both;
    }

#contentContainer2 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
    position: relative; /*float:left;*/
    max-width: 980px;
}

#contentContainer3 {
    min-height: 650px;
}

#contentContainer4 { /*margin:0px 20px 0px 20px;
    */
}

.MainWidgetWrapper2 {
    padding: 0px;
}

/* Table with One, Two or Three Columns*/
.OneColumn, .TwoColumns, .ThreeColumns, .TwoColumnsTopBanner {
    width: 940px;
    max-width: 940px;
    position: relative;
    clear: both;
    /* District Member info card 
	overflow: hidden; */
}

.topColumn {
    width: 940px;
    max-width: 940px;
    position: relative;
    clear: both;
}

.OneColumn .middleColumn {
    width: 99%;
}

/* Columns */
.leftColumn {
    width: 220px;
    max-width: 220px;
    float: left;
    position: relative;
    min-width: 220px;
    min-height: 10px;
    /* FB like button popup */
    /*overflow: hidden;*/
}

.middleColumn {
    width: auto;
    padding: 0 10px 0 10px;
    float: left;
    position: relative;
    min-height: 10px;
    /* District Member info card 
	overflow: hidden; */
}

.rightColumn {
    width: 220px;
    max-width: 220px;
    float: left;
    position: relative;
    min-width: 220px;
    min-height: 10px;
    /* FB like button popup */
    /*overflow: hidden;*/
}

/* middle Column fix*/
.OneColumn .middleColumn {
    float: none;
}

.OneColumn .leftColumn {
    float: none;
    width: 100%;
    max-width: 100%;
}

.ThreeColumns .middleColumn {
    max-width: 480px;
    width: 480px;
    position: relative;
    word-wrap: break-word;
    /*overflow: hidden;*/
}

.TwoColumns .middleColumn {
    max-width: 710px;
    width: 710px;
    position: relative;
    word-wrap: break-word;
    /* District Member info card overflow: hidden; */
    float: left;
    padding: 0;
}

.TwoColumns .leftColumn {
    padding-right: 10px;
    float: left;
    min-height: 250px;
}

.TwoColumns .rightColumn {
    padding-left: 10px;
    float: left;
    min-height: 250px;
}

.TwoColumnsTopBanner .leftColumn {
    width: 50%;
    float: left;
    max-width: 50%;
}

.TwoColumnsTopBanner .rightColumn {
    width: 50%;
    float: right;
    max-width: 50%;
}

.TwoColumnsRightNarrow {
    width: 960px;
    max-width: 960px;
    float: left;
}

    .TwoColumnsRightNarrow .middleColumn {
        max-width: 710px;
        width: 710px;
        position: relative;
        word-wrap: break-word;
        /* District Member info card overflow: hidden; */
        float: left;
        padding: 0;
    }

    .TwoColumnsRightNarrow .rightColumn {
    }


/* boxContainer1 fix */
.OneColumn .middleColumn .boxContainer1 {
    width: 920px;
    max-width: 920px;
    word-wrap: break-word;
    /* FB popup message */
    /*overflow: hidden;*/
    position: relative;
    /*line-height: 150%;*/
}

/* P fix for long text */
.OneColumn .middleColumn p {
    max-width: 955px;
    word-wrap: break-word;
    position: inherit;
}

.TwoColumns .leftColumn p {
    max-width: 190px;
    word-wrap: break-word;
    display: block;
    position: inherit;
}

.TwoColumns .middleColumn p {
    max-width: 710px;
    word-wrap: break-word;
    position: inherit;
}

.ThreeColumns .leftColumn p {
    max-width: 190px;
    word-wrap: break-word;
    position: inherit;
}

.ThreeColumns .middleColumn p {
    max-width: 450px;
    word-wrap: break-word;
    position: inherit;
}

.ThreeColumns .rightColumn p {
    max-width: 190px;
    word-wrap: break-word;
    position: inherit;
}

.boxContainer1 {
    margin: 0 0 10px 0;
    position: relative;
    word-wrap: break-word;
    /*line-height: 150%;*/
    float: left;
    width: 100%;
    /*width:auto;
    position:relative;
    max-width:580px;
    overflow:hidden;
    */
}

.boxContainer1NoFrameNoBorder {
    margin: 0 0 10px 0;
    position: relative;
    word-wrap: break-word;
    /*line-height: 150%;*/
}

.boxContainer2 {
    /* doesn't work for popup windows FB*/
    /*z-index: 0;*/
    padding: 0 0 2px 0;
    position: relative; /* max-width:580px;
    overflow:hidden;
    */
}

.boxContainer3 {
    word-wrap: break-word;
    /*overflow: hidden;*/
}

/* Video Fix */
iframe {
    overflow: hidden;
}

.embededContent {
    max-width: 100%;
}

/* padding for img */
.boxContainer1 img,
.boxContainer1NoFrameNoBorder img {
    max-width: 100%;
    height: auto;
    /*margin: 0 10px 10px 0;*/ /** D4041 - complaint about extra spacing**/
    border: 0;
}

.CKeditorTemplates img {
    max-width: 100%;
    height: auto;
    margin: 0 10px 10px 0;
    border: 0;
}

/*  Fix below creates issues in CKeditor, was commented out
    D3517 Fix for CKeditor template for MAC/Safari, removes text overlapping */
/*.CKeditorTemplates span {
    display: block;
}*/

/* img */
/*.OneColumn,.TwoColumns,.ThreeColumns img { width:100% !important; height: auto;}*/
/* images fix */

.leftColumn .WidgetWrapper,
.rightColumn .WidgetWrapper {
    max-width: 220px;
}

.ThreeColumns .middleColumn .boxContainer1,
.ThreeColumns .middleColumn .boxContainer1NoFrameNoBorder,
.ThreeColumns .middleColumn .WidgetWrapper {
    max-width: 520px;
}

.ThreeColumns .leftColumn .boxContainer1,
.ThreeColumns .rightColumn .boxContainer1,
.ThreeColumns .leftColumn .boxContainer1NoFrameNoBorder,
.ThreeColumns .rightColumn .boxContainer1NoFrameNoBorder {
    max-width: 220px;
}

.TwoColumns .middleColumn .boxContainer1,
.TwoColumns .middleColumn .boxContainer1NoFrameNoBorder,
.TwoColumns .middleColumn .WidgetWrapper {
    max-width: 725px;
}

.TwoColumns .leftColumn .boxContainer1,
.TwoColumns .rightColumn .boxContainer1,
.TwoColumns .leftColumn .boxContainer1NoFrameNoBorder,
.TwoColumns .rightColumn .boxContainer1NoFrameNoBorder {
    max-width: 220px;
}

.OneColumn .middleColumn .boxContainer1,
.OneColumn .middleColumn .boxContainer1NoFrameNoBorder,
.OneColumn .middleColumn .WidgetWrapper {
    max-width: 960px;
}

/* CKeditor video manage in left/right column */
.leftColumn .CKeditorTemplates .embededContent iframe, .rightColumn .CKeditorTemplates .embededContent iframe,
.leftColumn .presidentsMessage iframe, .rightColumn .presidentsMessage iframe {
    max-width: 200px;
}

/* fixing bug for CKeditor -- template*/
.OneColumn .middleColumn .CKeditorTemplates {
    /*width: 900px;*/
    /*word-wrap: break-word;*/
}

    .OneColumn .middleColumn .CKeditorTemplates p {
        /*width: 400px;*/
        /*word-wrap: break-word;*/
    }

.TwoColumns .leftColumn .CKeditorTemplates {
    /*width: 200px;*/
    /*word-wrap: break-word;*/
}

.TwoColumns .middleColumn .CKeditorTemplates {
    /*width: 660px;*/
    /*word-wrap: break-word;*/
}

.ThreeColumns .leftColumn .CKeditorTemplates, .ThreeColumns .rightColumn .CKeditorTemplates {
    /*width: 200px;*/
    /*word-wrap: break-word;*/
}

.ThreeColumns .middleColumn .CKeditorTemplates {
    /*width: 460px;*/
    /*word-wrap: break-word;*/
    /*overflow: hidden;*/
}

.boxHeaderContainer1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-top: 8px;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}

.boxHeaderContainer2 {
    display: block;
    padding: 5px 10px 5px 10px;
    background-repeat: no-repeat;
    background-position: right top;
}


/* need a nice padding around borderless widget */
.WidgetNoBorder {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}

/* Overwrite for the advertisment old widget */
.Advertisement {
    padding: 0px !important;
}

    .Advertisement > .MainWidgetWrapper {
        display: none;
    }

.WidgetNoBorder.minicalendar {
    padding: 0;
}

    .WidgetNoBorder.minicalendar .WidgetWrapper {
        padding-bottom: 0;
    }
/*h1 {
	font-size: 20px;
	line-height: 22px;
	font-weight: normal; }
 
h2 {
	padding: 0 0;
	font-size: 17px;
	font-weight: normal;
    margin: 0 0;
    word-wrap: normal;
	 }*/

.contentHeaderBreadcrumb:before,
.contentHeaderBreadcrumb:after {
    content: "";
    display: table;
}

.contentHeaderBreadcrumb:after {
    clear: both;
}

.contentHeaderBreadcrumb2 h2, .contentHeaderBreadcrumb h2 {
    margin-bottom: 10px;
}

.contentHeaderBreadcrumb h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.btn {
    /*width: 69px;*/
    /*height: 23px;*/
    padding: 3px 10px 3px 10px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    color: #0A4F7F;
    /*margin-bottom: 3px;*/
    display: inline-block;
    border-color: transparent;
    background-color: transparent;
    text-decoration: none;
}

    .btn:hover {
        color: #175d8e;
        text-decoration: none;
    }

.floatRight {
    float: right;
    margin: 10px 0px 10px 10px;
    clear: both;
}

.floatRight2 {
    float: right;
}

.floatLeft {
    float: left;
    margin: 10px 10px 10px 0px;
}

.floatRightNoMargins {
    float: right;
}

.floatCenter {
    text-align: center;
}

.addMargins {
    margin-top: 20px;
    margin-bottom: 20px;
}

.SingleEmail .floatRightNoMargins {
    width: 50%;
    text-align: right;
}

.signinTbl {
    width: 100%;
}

.nameTD {
    font-weight: bold;
    width: 30%;
    padding: 12px 0 3px 15px;
}

.loginTD {
    width: 70%;
    text-align: right;
    padding: 5px 0 3px 0;
}

.mainLoginTbl {
    float: right;
    margin: 0 15px 0 0px;
}

.lgnLable {
    float: left;
    padding: 3px 5px 5px 5px;
}

.lgnsmallInput {
    height: 20px;
}

.lgnLableTxt {
    padding: 7px 5px 0 5px;
    float: left;
}

    .lgnLableTxt a {
    }

.lgnStandardButton {
    height: 25px;
    padding: 1px 6px 1px 6px;
    margin: 3px 0 0 0;
}

#loginContainer3 {
    padding: 5px 0 5px 20px;
}

    #loginContainer3:before,
    #loginContainer3:after {
        content: "";
        clear: both;
        display: block;
    }

    #loginContainer3 a {
    }

/* General settings for padding */
.boxContentCon1 {
    padding: 10px; /*10px 10px 0px 10px;*/
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottom: 8px;
    border-radius: 0px 0px 8px 8px;
    position: relative;
    /* Hides FB popup window */
    /*overflow: hidden;*/
}

/*.boxContentCon1.link { padding-left: 0px; }*/
/* custom widget */
/*.CustomWidget {
    padding:10px 10px 10px 10px;
}
*/

.fb_iframe_widget_lift {
    z-index: 9 !important;
}

.WidgetWrapper {
    /*overflow: hidden;*/
    overflow: visible !important;
    /*padding-bottom: 10px;*/
}

    .WidgetWrapper:before,
    .WidgetWrapper:after {
        content: "";
        clear: both;
        display: block;
    }

.boxContentCon1.minicalendar .WidgetWrapper {
    /*padding-bottom: 10px;
    margin-top: 0px;*/
}

/* Footer */
#footerContainer1 {
    min-height: 100px;
    margin-bottom: 15px;
    /*padding: 0 10px 0 10px;*/
    -webkit-border-radius: 15px;
    border-radius: 15px 15px 15px 15px;
    position: relative;
    clear: both;
    overflow: hidden;
}

    #footerContainer1 a {
    }

#rights {
    padding: 10px 0 10px 0;
    text-align: center;
}

/* Link Items */
.linkItemContainer1 a, .linkItemaltContainer1 a {
    background-repeat: no-repeat;
    background-position: 0px 12px;
    padding: 6px 5px 4px 20px;
    border-color: transparent;
    display: block;
}

    .linkItemContainer1 a:hover, .linkItemaltContainer1 a:hover {
        border-style: none;
        border-width: 0px;
        text-decoration: underline;
    }

.itemContainer1, .itemaltContainer1 {
    padding: 10px 15px 5px 15px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

/* File Items */
.download-fileItemContainer1 a, .download-fileItemaltContainer1 a {
    background-repeat: no-repeat;
    background-position: 0px 12px;
    padding: 5px 5px 5px 20px;
    border-color: transparent;
    display: block;
}

    .download-fileItemContainer1 a:hover, .download-fileItemaltContainer1 a:hover {
        border-style: none;
        border-width: 0px;
        text-decoration: underline;
    }

/* Organization Links */
.OrganizationLinklinkItemContainer1 a, .OrganizationLinkItemContainer1 a, .OrganizationLinkItemaltContainer1 a {
    background-repeat: no-repeat;
    background-position: 0px 12px;
    padding: 5px 5px 5px 20px;
    border-color: transparent;
    display: block;
    border-color: transparent;
}

.title {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
}

    .title a {
        padding: 0 0 5px 0;
        margin: 0;
        font-size: 18px;
        line-height: 22px;
    }

.date {
    padding: 5px 0 0px 0;
    font-size: 11px;
    line-height: 12px;
}

.newsEidtor {
    padding: 2px 0 5px 0;
    font-size: 11px;
    line-height: 12px;
    font-style: italic;
    font-size: 0.9em;
}

.desc {
    padding: 0px 0 5px 0;
}

    .desc p {
    }

    .desc a.readmore {
        text-decoration: none;
    }

    .desc a:hover.readmore {
        text-decoration: underline;
    }

.lastItem {
    border: none;
    padding-bottom: 0px;
}

.name {
    font-weight: bold;
    font-size: 14px;
}

.designation {
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    font-size: 0.9em;
}

a, a.readmore {
    text-decoration: none;
}

    a:hover, a.readmore:hover {
        text-decoration: underline;
    }

/* Sponsor */
.sponsorImage {
    text-align: center;
    padding: 5px;
}

/* FACEBOOK */
#fb-root {
    width: 100%; /*padding:10px 10px 10px 15px;
    */
}

/* ClubRunner Sponsors */
.slideshow {
    margin: 10px auto 10px auto;
}

/* widgetContainer */
.widgetCon {
    border-style: dashed;
    border-width: 1px;
    padding: 5px;
    margin: 5px 0 10px 0;
    border-color: transparent;
}

.widgetControlBar {
    margin: 0 0 10px 0;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

.widgetIconLeft {
    width: 18px;
}

.widgetIconRight {
    width: 60px;
    text-align: right;
}

.widgetTitle {
    width: auto;
    font-weight: bold;
}

.space-1 {
    width: 10px;
}

/* Club Executives & Directors */
.directors.ItemContainer1, .executivesItemContainer1, .executivesItemaltContainer1 {
    padding-bottom: 10px;
    /*line-height: 150%;*/
}

    .directors.ItemContainer1, .executivesItemContainer1.lastItem, .executivesItemaltContainer1.lastItem {
        padding-bottom: 0;
    }

        .directors.ItemContainer1 a, .executivesItemContainer1 a, .executivesItemaltContainer1 a {
            /*padding-left: 10px;*/
            display: block;
        }

.directorsTitle, .directorsName {
    /*line-height: 150%;*/
}

/* Files Widget */
.download-fileItemContainer1 a, .download-fileItemaltContainer1 a {
    /*padding-bottom: 0px;*/
    display: block;
}

.storyBrief { /*float: left;
overflow: hidden;*/
}

table.storyList {
    padding: 5px;
    margin-top: 10px;
    margin-left: 20px;
    width: 94%;
    border-collapse: collapse;
}

    table.storyList tr {
    }

        table.storyList tr td {
            vertical-align: middle;
            padding: 5px;
        }

td.StoryThumbnail {
    text-align: center;
    padding-right: 10px;
}

.storyList .StoryNumber {
    width: 2%;
}

.storyList .StoryUrl {
    width: 58%;
}

.storyList .StoryAuthor {
    width: 20%;
}

.storyList .StoryDate {
    width: 20%;
}

/* menu fix */
/*#menuContainer4 {
    padding-top:13px;
}
 
*/
.storyWrappingContent {
    overflow: visible;
}

    .storyWrappingContent .storyAuthor {
        margin-bottom: 10px;
    }

/* overflow:hidden needed */
.storyWrappingContent2 {
    padding: 5px;
    overflow: hidden;
}

/* Stylish Langauge menu */
.langLblCover {
    min-width: 260px;
    float: left;
    margin-left: -5px;
}

.stylishmenuCon1 {
    float: left;
}

.langLbl {
    float: left;
    padding-right: 10px;
}

.stylishmenuCon1 .stylishmenuCon {
    padding: 10px 10px 0 0;
}

.clickMenu {
    margin: 0;
    padding: 0;
}

    .clickMenu, .clickMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .clickMenu ul {
            margin: 0;
            padding: 0px;
            background: none;
            width: 110px;
            // float: right; /* ie doesnt know this:/ */
            //width: 100%; /*ie again*/ /*and again*/
        }

        .clickMenu div.outerbox {
            display: none;
            min-width: 110px; /* firefox produces animation-flickering when the box is bigger than this:/ */
        }

        .clickMenu div.inner {
            //top: 0px;
            left: 0; /* for ie */
            margin: 0;
        }

            .clickMenu div.inner div.outerbox {
                margin: 0;
                left: 98px;
                //left: 90px;
                top: -3px; /* for ie */
            }

        .clickMenu li {
            position: relative;
            padding: 0 0px 0 0px;
            list-style-type: none; /*white-space:nowrap;
    does not really work in ie */
        }

            .clickMenu li.main {
                float: right;
                background: none;
                //height: 20px; /* for ie */
            }

                .clickMenu li.main li {
                    min-width: 110px; /*z-index: 2;*/
                    list-style-type: none;
                }

            .clickMenu li.hover {
                z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
            }

        .clickMenu img.liArrow {
            position: absolute;
            right: 2px;
            top: 7px;
        }

        .clickMenu a {
            text-decoration: none;
            color: black;
            cursor: default;
            text-align: left;
        }

.stylishmenuCon1 .stylishmenu, .stylishmenuCon1 .stylishmenu ul {
    padding: 0px 0px 0 0;
    float: right;
    list-style-type: none;
    margin-left: 0;
}

    .stylishmenuCon1 .stylishmenu li.main {
        background: inherit;
        height: 20px;
        list-style-type: none;
    }

        .stylishmenuCon1 .stylishmenu li.main li.disabled {
            color: #bbb;
            background: white !important;
            list-style-type: none;
        }

    .stylishmenuCon1 .stylishmenu a {
        display: block;
        padding: 1px 10px 1px 10px;
        font-size: 12px;
        line-height: 16px;
        margin: 0 0 0 3px;
    }

        .stylishmenuCon1 .stylishmenu a:hover {
            background: #67d2fe;
        }

    .stylishmenuCon1 .stylishmenu ul.dropdown a {
        background: #0289c0;
        color: #c3e9f9;
    }

        .stylishmenuCon1 .stylishmenu ul.dropdown a:hover {
            background: #017db1;
            color: #9adbf6;
        }

    .stylishmenuCon1 .stylishmenu img.pic {
        position: relative;
        top: -2px;
        margin-right: -5px;
    }

.stylishmenuCon1 .stylishmenuCon1 {
    margin-right: 3px;
    margin-left: 3px;
}

    .stylishmenuCon1 .stylishmenuCon1 ul {
        float: left;
    }

.stylishmenuCon1 .stylishmenu ul.dropdown {
    *margin-top: 20px;
}

.blueBtnRight {
}

/* read more ... */
.readMore {
    text-align: right;
    padding-bottom: 5px;
    padding-top: 5px;
}

/* messages */
.message {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin: auto auto;
    position: relative;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    border-radius: .5em;
    moz-border-radius: .5em;
    webkit-border-radius: .5em;
    padding: 10px 10px 10px 10px;
}

.error {
    font: 13px arial, verdana, helvetica, sans-serif;
    background: #f5e8e8;
    border: 1px solid #dfb2b2;
    color: red;
}

.success {
    font: 13px arial, verdana, helvetica, sans-serif;
    background: #e8f6e9;
    border: 1px solid #b2e1b7;
    color: #3b6e22;
}

    .success:before {
        content: 'Success';
        background: url(../../css/gen/images/green-flag.png);
        background-repeat: no-repeat;
        background-size: 82px 27px;
        position: relative;
        width: 82px;
        height: 27px;
        color: white;
        padding-top: 4px;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
        margin-left: -25px;
        float: left;
        padding-right: 10px;
        margin-top: -5px;
    }

.info {
    font: 13px arial, verdana, helvetica, sans-serif;
    background: #eaedf7;
    border: 1px solid #b8c3e4;
    color: #165dbe;
}

.warning {
    font: 13px arial, verdana, helvetica, sans-serif;
    border: 1px solid #da7c0c;
    background: #edd1a5;
    color: #3D3D3D;
    padding-left: 10px;
}

    .warning:before {
        content: 'Attention';
        background: url(../../css/gen/images/orange-flag.png);
        background-repeat: no-repeat;
        background-size: 82px 27px;
        position: relative;
        width: 82px;
        height: 27px;
        color: white;
        padding-top: 4px;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
        margin-left: -25px;
        margin-top: -4px;
        float: left;
        padding-right: 10px;
        vertical-align: middle;
    }

#contentVersion.message.success {
    margin: 10px 10px 10px 20px;
}

    #contentVersion.message.success:before {
        content: 'Live View';
        background: url(../../css/gen/images/green-flag.png);
        background-repeat: no-repeat;
        background-size: 88px 27px;
        position: relative;
        width: 90px;
        height: 27px;
        color: white;
        padding-top: 4px;
        font-weight: bold;
        text-align: left;
        padding-left: 10px;
        margin-left: -25px;
        float: left;
        padding-right: 10px;
        margin-top: -5px;
    }


/* Buttons */
a.orangeBtn {
    padding: 0px 7px 0px 7px;
    color: #fff;
    text-decoration: none;
    background: #03a5e6 url(https://clubrunner.blob.core.windows.net/templates/3D837EF0-94E3-4E86-B3FD-46EBCE3E3A93/images/orangeBtnBG.png) repeat-x left bottom;
    font-size: 12px;
    border: 1px solid #fc9943;
    font-weight: normal;
    margin: 1px 0 0 0;
}

a:hover.orangeBtn {
    background: #ffae3c;
    text-decoration: none;
    border: 1px solid #fc9943;
}

/* All web site buttons, common style */
.portalButton {
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
    cursor: pointer;
    display: inline-block;
    border-radius: .5em;
    moz-border-radius: .5em;
    webkit-border-radius: .5em;
    moz-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    outline: none;
    padding: 3px 10px 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    font-size: 13px;
    border: none;
}

    .portalButton:hover {
        text-decoration: none;
    }

    .portalButton:active {
        position: relative;
        top: 1px;
    }

a.portalButton {
    font-weight: normal;
}

.portalButtonLarge {
    font-size: 16px;
}

/* Bootstrap Buttons */
.btn {
    box-shadow: 0 1px 2px rgba(0,0,0,.8);
    cursor: pointer;
    display: inline-block;
    border-radius: .5em;
    moz-border-radius: .5em;
    webkit-border-radius: .5em;
    moz-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    outline: none;
    padding: 3px 10px 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    font-size: 13px;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .btn:hover {
        text-decoration: none;
    }

    .btn:active {
        position: relative;
        top: 1px;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 5px 15px;
    font-size: 15px;
    line-height: 1.333333;
}

.btn-toggle {
    margin-left: 10px;
    margin-right: 10px;
}

/* Button Primary */
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #f7f7f7;
    border-color: #dddddd;
}

/* Button Default */
.btn-default {
    color: #2C3E50;
    background-color: #E7E7E8;
    border-color: #E7E7E8;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #CCC;
        border-color: #bebebe;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #f7f7f7;
        border-color: #dddddd;
    }

.btn .caret {
    margin-left: 0;
    margin-top: 6px;
    margin-bottom: 6px;
}
/* Firefox Fixes */
@-moz-document url-prefix() {
    .btn .caret {
        margin-bottom: 5px;
    }
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/* Button Groups */
.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: 0;
    }

    .btn-group .btn.active:hover,
    .btn-group .btn.active:focus {
        cursor: default;
    }

    .btn-group .btn.active:active {
        top: 0;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/* dropdown menu */
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > span {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #777777;
        white-space: nowrap;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #ffffff;
            background-color: #005daa;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #005daa;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}


/* FORMS */
.EmailMessageBody {
    margin-top: 10px;
    margin-right: 10px;
}

.editor-label {
    float: left;
    margin-left: 6px;
}

    .editor-label label {
        margin-top: 4px;
    }
/* Firefox Fixes */
@-moz-document url-prefix() {
    .editor-label label {
        margin-top: 5px;
    }
}

.wide .editor-label {
    width: 300px;
}

.narrow .editor-label {
    width: 170px;
}

.narrow .editor-field {
}

.editor-label-description {
    text-align: right;
    margin-right: 15px;
}

.editor-field {
    margin-bottom: 10px;
}

    .editor-field input + label {
        margin-top: 4px;
    }

.errorMessage {
    color: Red;
    /*padding-left: 165px;*/
}

.wide .errorMessage {
    padding-left: 305px;
    margin-top: 5px;
    color: #C41616;
}

.narrow .errorMessage {
    /*padding-left: 175px;*/
    margin-top: 5px;
    color: #C41616;
}

.greyDesc {
    font-size: 11px;
    font-style: italic;
    color: Gray;
    font-size: 0.9em;
}

input.portalButton { /*float:right;*/
}

.wide .greyDesc {
    padding-left: 305px;
}

.narrow .greyDesc {
    padding-left: 125px;
}

.errorMessage-wide,
.errormessage-wide {
    /*padding-left: 305px;*/
    color: #C41616;
    margin-top: 5px;
}

/* fieldset */
fieldset {
    border: 1px solid #CCC;
    padding-left: 10px;
    padding-right: 10px;
}

legend {
    font-size: 12px;
    line-height: 24px;
    padding: 0 5px 0 5px;
    color: #6E6E6E;
}

/* Width */
.large, .wide {
    width: 98%;
    position: static;
    padding: 5px;
}

.small, .narrow { /*width: 50%;
	position: static;
	padding: 5px;*/
}

/* header bar */
.header {
    width: 100%;
    position: relative;
    height: 20px;
    margin-bottom: 20px;
    float: left;
    clear: both;
}

    .header #headerText {
        float: left; /*padding-bottom:10px;
    */
    }

/* standard input */
input[type="text"]:focus, textarea:focus {
    background-color: #feeac4;
}

/*.standard-input {
    width: 250px;
    border: 1px solid #818181;
}*/

/*input.field-required {
    width: 250px;
    border: 1px solid #818181;
}*/

input.short-input, input.short-input.field-required {
    width: 80px;
    border: 1px solid #818181;
    padding: 2px;
}

select, input {
    border: 1px solid #818181;
    box-shadow: inset 0 0 3px #D5D5D5;
}

select {
    padding: 2px 2px;
}

input {
    padding: 3px 6px;
}

.shortInput {
    float: left;
}

.small-hint {
    clear: left;
}

.input-hint {
    color: #777777;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.PaymentInfo .editor-field {
    /*width: 100%;*/
}

.standard-txtarea {
    width: 270px;
    min-height: 100px;
    padding: 3px;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #aaa;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #aaa;
}

.standard-textarea-input {
    width: 252px;
    height: 150px;
    border: 1px solid #818181;
}

/* Page doesn't found */
.pageDoesntFound {
    text-align: center;
    padding-top: 120px;
    font-size: 27px;
    line-height: 150%;
    color: #555555;
}

    .pageDoesntFound.Error404 {
        padding-top: 0;
        display: table;
    }

        .pageDoesntFound.Error404 .ErrorId {
            margin-top: 20px;
            line-height: 150%;
        }

.errorMessageContent {
    padding-top: 100px;
    min-height: 500px;
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
    background: #FFF;
}

#errorDesc {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.pageDoesntFound .Sorry {
    font-size: 70px;
    text-align: left;
    line-height: 150%;
}

.pageDoesntFound .ErrorOccured {
    text-align: left;
    line-height: 130%;
}

    .pageDoesntFound .ErrorOccured div {
        margin-top: 15px;
    }

.pageDoesntFound .ErrorId {
    font-size: 18px;
    text-align: left;
}

.errorMessageContent img {
    float: left;
    width: 40%;
    margin-right: 50px;
}

/* Validation Summary Errors */
div.validation-summary-valid ul, div.validation-summary-errors ul {
    padding: 0 0;
    list-style: none;
    margin-left: 0;
}

    div.validation-summary-valid ul li, div.validation-summary-errors ul li, .AddVolunteer .message.error {
        background: #f5e8e8 url(../../css/gen/images/error.png) no-repeat 8px 2px;
        border: 1px solid #dfb2b2;
        color: #C41616;
        font-size: 12px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        padding: 4px 10px 3px 30px;
        border-radius: 0;
        /*width:48%;
    */
    }

    div.validation-summary-errors ul li {
        min-height: 18px;
    }

/* Club Info */

.clubInfo h2 {
    font-size: 16px;
}

.clubInfo .h2 {
    font-size: 16px;
}

.clubMoto h3.themeColorDark {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
    text-align: center;
}

.clubMoto {
    padding-bottom: 3px;
    /*line-height: 150%;*/
    text-align: center;
}

.clubMeetingPlace {
    text-align: center;
}

.clubAddress {
    /*line-height: 150%;*/
    text-align: center;
}

/* Club Info Improved look */
/** D3201 - Center all **/
.clubInfo .clubImage img {
    max-width: 100px !important;
    text-align: center;
    margin-right: 0;
    float: none;
    border: none;
}

.clubInfo .clubImage {
    padding-right: 0;
    max-width: 100%;
    text-align: center;
    margin: auto auto;
    padding-top: 0;
}

.clubInfo .clubGreeting {
    padding-bottom: 5px;
}

.clubGreeting h2 {
    margin-top: 0;
    padding-top: 0;
}

.row-club-info .clubImage img {
    max-width: 100% !important;
    text-align: center;
    margin-right: 0;
    float: none;
    border: none;
}

.row-club-info .clubImage {
    padding-right: 0;
    max-width: 100%;
    text-align: center;
    margin: auto auto;
    width: 100%;
    padding-top: 0;
}

.row-club-info .viewMap iframe {
    width: 100%;
}

/* Facebook Like Button Widget */
.leftColumn div.boxContentCon1.FacebookLike .fb_iframe_widget span {
    /*width: 190px !important;*/
    height: auto;
}

.leftColumn div.boxContentCon1.FacebookLike .fb_iframe_widget iframe {
    /*width: 190px !important;*/
    height: auto;
}

.leftColumn div.boxContentCon1.FacebookLike .fb_edge_widget_with_comment {
    /*width: 190px !important;*/
    height: auto;
}

/* doesn't show with overflow: hidden;  */

.leftColumn .fb_iframe_widget span {
    /*width: 190px !important;*/
    height: auto;
    line-height: 200%;
    display: inline-block;
    /*overflow: hidden;*/
}

.leftColumn .fb_iframe_widget iframe {
    /*width: 190px !important;*/
    height: auto;
    line-height: 200%;
    display: inline-block;
    /*overflow: hidden; margin-left: -15px;*/
}

.leftColumn .fb_edge_widget_with_comment {
    padding-bottom: 10px;
    padding-left: 5px;
    /*width: 190px !important;*/
    height: auto;
    line-height: 200%;
    display: inline-block;
    /*overflow: hidden;*/
}

.middleColumn div.boxContentCon1.FacebookLike .fb_iframe_widget span {
    /*width: 270px !important;*/
    height: auto;
}

.middleColumn div.boxContentCon1.FacebookLike .fb_iframe_widget iframe {
    /*width: 270px !important;*/
    height: auto;
}

.middleColumn div.boxContentCon1.FacebookLike .fb_edge_widget_with_comment {
    /*width: 270px !important;*/
    height: auto;
}

.middleColumn .fb_iframe_widget span {
    /*width: 300px !important;*/
    height: auto;
}

.middleColumn .fb_iframe_widget iframe {
    /*
    Doesnt' work with FB Comment Box
    width: 300px !important;*/
    height: auto;
}

.middleColumn .fb_edge_widget_with_comment {
    padding-bottom: 10px;
    padding-left: 5px;
    /*width: 300px !important;*/
    height: auto;
}

.rightColumn div.boxContentCon1.FacebookLike .fb_iframe_widget span {
    /*width: 190px !important;*/
    height: auto;
}

.rightColumn div.boxContentCon1.FacebookLike .fb_iframe_widget iframe {
    /*width: 190px !important;*/
    height: auto;
}

.rightColumn div.boxContentCon1.FacebookLike .fb_edge_widget_with_comment {
    /*width: 190px !important;*/
    height: auto;
}

.rightColumn .fb_iframe_widget span {
    /*width: 190px !important;*/
    height: auto;
}

.rightColumn .fb_iframe_widget iframe {
    /*width: 190px !important;*/
    height: auto;
}

.fb_edge_widget_with_comment {
    padding: 5px;
}

.rightColumn .fb_edge_widget_with_comment {
    padding-bottom: 10px;
    padding-left: 5px;
    /*width: 190px !important;*/
    height: auto;
}

/* Website Sponsors: Single Static Sponsor */
/*.leftColumn .singleStaticSponsorItemContainer1 {
	max-width: 188px;
	max-height: 188px;
	vertical-align: middle; }
 
	.leftColumn .singleStaticSponsorItemContainer1 img {
		max-width: 188px;
		max-height: 188px;
		overflow: hidden; }
 
.middleColumn .singleStaticSponsorItemContainer1 {
	max-width: 460px;
	max-height: 460px;
	vertical-align: middle; }
 
.middleColumn .singleStaticSponsorItemContainer1 {
	max-width: 460px;
	max-height: 460px;
	vertical-align: middle; }
 
.rightColumn .singleStaticSponsorItemContainer1 {
	max-width: 188px;
	max-height: 188px;
	vertical-align: middle; }
 
.rightColumn .singleStaticSponsorItemContainer1 {
	max-width: 188px;
	max-height: 188px;
	vertical-align: middle; }*/
/* Website Sponsors: all Sponsors */
.allSponsorsItemContainer1, .allSponsorsItemaltContainer1 {
    margin-bottom: 10px;
}

.leftColumn .allSponsorsItemContainer1, .leftColumn .allSponsorsItemaltContainer1 {
}

    .leftColumn .allSponsorsItemContainer1 img, .leftColumn .allSponsorsItemaltContainer1 img {
        /*max-width: 195px;*/ /*D3559 - 18-03-15*/
        /*max-height: 188px;*/ /*THV*/
        overflow: hidden;
        height: auto;
    }

.middleColumn .allSponsorsItemContainer1, .middleColumn .allSponsorsItemaltContainer1 {
}

    .middleColumn .allSponsorsItemContainer1 img, .middleColumn .allSponsorsItemaltContainer1 img {
        /*max-width: 195px !important;*/ /*D3559 - 18-03-15*/
        /*width: auto !important;*/ /*D3559 - 18-03-15*/
        /*max-height: 460px;*/ /*THV*/
        overflow: hidden;
        height: auto;
    }

.rightColumn .allSponsorsItemContainer1, .rightColumn .allSponsorsItemaltContainer1 {
}

.HomePageSponsors p {
    text-align: center;
}

.rightColumn .allSponsorsItemContainer1 img, .rightColumn .allSponsorsItemaltContainer1 img {
    /*max-width: 195px;*/ /*D3559 - 18-03-15*/
    /*max-height: 188px;*/ /*THV*/
    overflow: hidden;
    height: auto;
}

.sponsorsColumn .allSponsorsItemContainer1, .sponsorsColumn .allSponsorsItemaltContainer1 {
    /*max-width: 195px;*/ /*D3559 - 18-03-15*/
    /*max-height: 188px;*/ /*THV*/
    vertical-align: middle;
    height: auto;
}

    .sponsorsColumn .allSponsorsItemContainer1 img, .sponsorsColumn .allSponsorsItemaltContainer1 img {
        /*max-width: 195px;*/ /*D3559 - 18-03-15*/
        /*max-height: 188px;*/ /*THV*/
        vertical-align: middle;
        height: auto;
    }

/* Sponsors UI */
.singleAnimated {
    vertical-align: middle;
    z-index: 1;
}

    .singleAnimated img {
        /*max-width: 195px !important;*/ /*D3559 - 18-03-15*/
        height: auto;
        vertical-align: middle;
    }

.singleAnimatedSponsorItemContainer1,
.singleAnimatedSponsorItemaltContainer1 {
    max-width: 100%;
    background-color: transparent !important;
}

div#SponsorRotator {
    height: 180px;
    overflow: hidden;
}

/* Speakers */
.speakersArea, .speakersList {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 5px;
}

    .speakersArea h2 {
        padding-bottom: 20px;
        padding-top: 10px;
    }

.speakersItemContainer1, .speakersItemaltContainer1 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ViewEventsList,
.ViewSpeakersList {
    text-align: right;
}

.speakersImage, .speakersImage img, .speakerThumbnail img {
    text-align: center;
    max-height: 100px;
    padding-bottom: 5px;
    padding-right: 10px;
    max-width: 100%;
    height: auto !important;
    padding-bottom: 5px;
    display: inline-block;
}

.photo-album {
    padding-top: 10px;
}

.speakersImage, .speakersImage img {
    float: left;
}

td.speakerThumbnail {
    text-align: center;
}

.speakerInfo {
    padding-top: 5px;
    /*line-height: 150%;*/ /* padding-top:5px;*/
}

/* doesn't match with rest 
.speakerTopic {
	color: #555;
	line-height: 150%;
	font-size: 0.9em; }*/

.speakerName {
    /*line-height: 150%;*/
    margin-bottom: 5px;
}

.speakerComments {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
}

.speakerDate {
    /*line-height: 150%;*/
    color: #555;
}

table.speakersList {
    border-collapse: collapse;
    width: 100%;
}

    table.speakersList tr td {
        padding: 5px;
    }

        table.speakersList tr td.speakerInfo, table.speakersList tr td.speakerThumbnail {
            padding-top: 15px;
        }

.speakersWidget {
    /*line-height: 150%;*/
}

/* RSS */
.rssItemContainer1, .rssItemaltContainer1 {
    padding-bottom: 5px;
}

/* Events */
.WidgetWrapper .upcoming-event-list {
    margin-bottom: 0;
}

ul.upcoming-event-list {
    padding: 0 0 0 0;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0;
}

    ul.upcoming-event-list li {
        padding: 0 0 10px 0;
    }

        ul.upcoming-event-list li:last-child {
            padding: 0;
        }

a.event-name {
    /*line-height: 150%;*/
}

.upcoming-event-list .upcoming-event {
    padding-bottom: 5px;
    /*line-height: 150%;*/
}

.upcoming-event-list .event-location {
    /*line-height: 150%;*/
}

/* doesn't match with rest */
/*.upcoming-event-list .event-date {
	color: #555;
	line-height: 150%;
	font-size: 0.9em; }*/

.event-description {
    padding-top: 5px;
    /*line-height: 150%;*/
}

.ThreeColumns .middleColumn .event-description p {
    max-width: none;
}

ul.event-links {
    margin-left: 20px;
}

.online-registration-secure ul li {
    padding: 2px;
    margin-left: 0;
}

.TwoColumnsRightNarrow .middleColumn .upcoming-event-image,
.TwoColumnsRightNarrow .middleColumn .upcoming-event-image img,
.upcoming-event-image, .upcoming-event-image img {
    max-width: 200px;
    max-height: 200px;
    padding: 5px 10px 5px 5px;
}

table.upcoming-event tr td iframe {
    margin-left: 10px;
}

.all-upcoming-events-list {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background: #f0f0f0;
}

ul.all-upcoming-events-list {
    padding-top: 10px;
    padding-left: 20px;
    list-style: none;
    margin-left: 0;
}

.all-upcoming-events-list .event-date {
    color: #555;
    font-size: 0.9em;
}

.all-upcoming-events-list .event-location {
    padding-left: 0px;
}
/* doesn't match with rest  
.event-date {
	color: #555;
	font-size: 0.9em; }*/

ul.all-upcoming-events-list li.upcoming-event {
    padding: 10px;
    margin-right: 20px;
    margin-left: 0;
}

.all-upcoming-events-list .all-upcoming-events-list-selector ul {
    margin: 0;
    padding: 10px;
}

    .all-upcoming-events-list .all-upcoming-events-list-selector ul:before,
    .all-upcoming-events-list .all-upcoming-events-list-selector ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .all-upcoming-events-list .all-upcoming-events-list-selector ul li {
        width: 30%;
        float: left;
        padding: 0 10px 5px 0;
    }

        .all-upcoming-events-list .all-upcoming-events-list-selector ul li input {
            vertical-align: top;
        }

        .all-upcoming-events-list .all-upcoming-events-list-selector ul li label {
            max-width: calc(100% - 24px);
            padding-left: 0;
            padding-right: 0;
        }

.all-upcoming-events-list-selector {
    padding-top: 20px;
    float: left;
    padding-bottom: 20px;
    /* BG color too dark */
    /*background: #ccc;*/
    /*background: #f0f0f0;*/
    width: 100%;
    /*margin-bottom: 20px;*/
}

    .all-upcoming-events-list-selector form label {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .all-upcoming-events-list-selector .portalButton.floatRight {
        margin-right: 20px;
        margin-bottom: 20px;
        margin-top: 0;
    }

.all-upcoming-events-list .floatRight {
    margin: 0;
}

.ShowHideEventType {
    padding-left: 10px;
    display: inline-block;
}

    .ShowHideEventType:hover {
        cursor: pointer;
    }

/* Photo Album */
.photoAlbum {
    float: left;
    overflow: hidden;
    width: 100%;
}

/* GeneralList */
.listView .GeneralList {
    margin-bottom: 10px;
}

.GeneralList {
    float: left;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

    .GeneralList td, .GeneralList th { /*width:33.33%; 10/21/14 VT1*/
        text-align: left;
    }

    .GeneralList td { /*padding:10px;*/
    }

    .GeneralList tr.headmain {
        height: 30px;
    }

        .GeneralList tr.headmain .sorting_asc:hover, .GeneralList tr.headmain .sorting_desc:hover, .GeneralList tr.headmain .sorting:hover {
            cursor: pointer;
        }

#supersized-loader {
    display: none;
}

.GeneralList .sorting .dropdown {
    background: url(../../css/gen/images/down.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 20px;
}

.GeneralList .sorting_asc, .GeneralList .sorting_desc {
    font-weight: bold;
    text-decoration: underline;
}

    .GeneralList .sorting_asc .dropdown {
        background: url(../../css/gen/images/up.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 20px;
    }

    .GeneralList .sorting_desc .dropdown {
        background: url(../../css/gen/images/down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 20px;
    }

.GeneralList .sorting_desc, .GeneralList .sorting_asc, .GeneralList .sorting {
    background: none;
}

.GeneralList .StoryUrl {
    width: 60%;
}

.GeneralList .StoryAuthor {
    width: 25%;
}

.GeneralList .StoryDate {
    width: 15%;
}

.PhotoAlbumList .GeneralList td.PhotoAlbumListThumb {
    width: 20%;
}

.PhotoAlbumListThumb img {
    max-width: 100px;
    max-height: 100px;
}

.PhotoAlbumList .GeneralList td.PhotoAlbumListURL {
    width: 60%;
}

.PhotoAlbumList .GeneralList td.PhotoAlbumListDate {
    width: 20%;
}

.SpeakersList .GeneralList .speakerThumbnail {
    width: 20%;
}

.SpeakersList .GeneralList .speakerDate {
    width: 20%;
}

.SpeakersList .GeneralList .speakerName {
    width: 30%;
}

.SpeakersList .GeneralList .speakerTopic {
    width: 30%;
}

.tableWrapper.DownloadFilesList .GeneralList td, .tableWrapper.StoryList .GeneralList td {
    height: auto;
    vertical-align: middle;
}

.Subscription {
    padding: 5px;
    min-height: 600px;
}

#photo-album li {
    list-style-type: none;
    width: 100px;
    /*height: 100px;*/
    float: left;
    display: block;
    margin: 0 10px 10px 0;
}


/* Photo Album Details pagination, same as on Photo Albums List */
div.pager {
    float: left;
    height: 22px;
    margin-top: 4px;
    margin-bottom: 0px;
}

div.page-sizer {
    float: right;
    text-align: right;
    height: 30px;
    margin-right: 0px;
    padding-right: 0px;
}

div.pager a {
    padding: 3px;
    cursor: default;
    padding: 0.5em 0.5em;
    margin: 0 3px;
    border: 1px solid transparent;
}

/* New Grid */

div.pager.page-down {
    float: right;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

    div.pager.page-down a {
        padding: 3px;
        cursor: default;
        padding: 0.5em 1em;
        margin: 0 3px;
        border: 1px solid transparent;
    }

        div.pager.page-down a.jp-current, div.pager.page-down a.jp-disabled {
            text-decoration: none;
            color: #666;
        }

        div.pager.page-down a.jp-current {
            color: #FFF !important;
            background: rgb(0, 130, 179);
            border: 1px solid #AAA;
        }

.page-down a.jp-current:hover {
    font-weight: normal !important;
}

div.pager.page-down a:hover {
    cursor: pointer;
}

div.pager.page-down a:not(.jp-disabled):hover {
    color: #FFFFFF !important;
    background: rgb(0, 130, 179);
    border: 1px solid #AAA;
    text-decoration: none;
}

.photo-album-title {
    margin-bottom: 10px;
    padding-top: 10px;
}

#photo-album-info {
    /*width: 20%;*/
    float: left;
    padding: 10px;
    width: calc(100% - 20px);
}

    #photo-album-info .photoAlbumImageWrapper {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #photo-album-info .photoAlbumImageWrapper img {
            max-width: 100%;
            width: 100%;
            /*max-height: 150px;*/
        }

    #photo-album-info #lblSlideShowLoading {
        padding: 10px 0 5px 0;
        text-align: center;
    }

    #photo-album-info .photoAlbumDescription,
    #photo-album-info .photoAlbumOwner,
    #photo-album-info .photoAlbumStartSlideshow {
        padding-top: 5px;
        padding-left: 10px;
        text-align: left;
        padding-bottom: 0;
    }

    #photo-album-info .photoAlbumDescription {
        margin-bottom: 10px;
    }


#photo-album-pictures {
    /*width: -moz-calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);*/
    width: 100%;
    float: left;
    margin-top: 20px;
    /*margin: 20px 15px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
	padding-bottom: 20px;*/
    /* FB like button */
    /*overflow: hidden;*/
}

    #photo-album-pictures.highlight2 {
        background-color: transparent;
    }

#photo-album {
    height: 240px;
    margin: 0;
    padding-left: 0px;
    overflow: hidden;
}

.photoAlbumDescription {
    font-style: italic;
    color: Gray;
    font-size: 0.9em;
}

.photoAlbumOwner, .photoAlbumStartSlideshow {
    /* padding: 5px 0 5px 0; */
    padding: 10px 0 5px 0;
    /*Centering hyperlink and owner VT1 12/1/14 */
    text-align: center;
    width: 90% !important;
}

.leftColumn #SponsorSingleRotator.AdSingleRotator img {
    max-width: 190px;
}

.middleColumn #SponsorSingleRotator.AdSingleRotator img {
    max-width: 460px;
}

.rightColumn #SponsorSingleRotator.AdSingleRotator img {
    max-width: 190px;
}

.AdRotator:before,
.AdRotator:after {
    content: "";
    clear: both;
    display: block;
}

.leftColumn #SponsorRotator.AdRotator img {
    max-width: 190px;
}

.middleColumn #SponsorRotator.AdRotator img {
    max-width: 460px;
}

.rightColumn #SponsorRotator.AdRotator img {
    max-width: 190px;
}

.boxContentCon1.singleStatic, .boxContentCon1.singleAnimated {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Subscribe Page */
.subscribePage {
    padding: 10px;
}

.pageHeader {
    padding-bottom: 10px;
}

/* Advertising Banner */
/* Hide Old Widget */
#AdvertisementRotator {
    display: none;
}

/* Copy info into new Widget */
#AdvertisementHomePageRotator {
    padding-bottom: 10px;
}

.storyFB {
    padding-top: 13px;
    float: left;
    padding-left: 10px;
}

.SocialMedia {
    border-top: 1px solid #ccc;
    margin-top: 30px;
}

.ShareThis {
    float: right;
    margin-top: 12px;
    padding-right: 10px;
}

.speakerFB {
    padding-top: 10px;
    float: left;
    padding-left: 10px;
}

.upcoming-event .storyFB {
    padding-left: 0;
}

.photoAlbum .SocialMedia {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.WidgetWrapper .SocialMedia {
    margin-bottom: 40px;
    margin-top: 40px;
}

#divCalendarWrap {
    margin: auto auto;
    text-align: center;
    width: 100%;
}

    #divCalendarWrap #tblCalendar tr.CalendarDays td {
        height: 100px;
        overflow: hidden;
        width: 100px;
    }

    #divCalendarWrap .current-month-cell {
        padding-top: 10px;
    }

    #divCalendarWrap .next-month-cell {
        padding-top: 10px;
    }

table#tblCalendar {
    /*margin-left: 5px; width: 98%; margin-left:10px; margin-right:10px;
	width: 99%;*/
    min-width: 200px;
}

#tblCalendar {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
}

#divCalendarWrap .miniCalendar .current-month-cell {
    padding-top: 0px;
}

#divCalendarWrap .miniCalendar .next-month-cell {
    padding-top: 0px;
}

.events-calendar .club-event-container, .events-calendar .district-event-container {
    /*margin-top: 5px !important;*/
    /*margin-left: 2px;*/
}

.events-calendar-wrap {
}

.events-calendar tr.table-header {
    height: 24px;
    font-size: 11px;
}

    .events-calendar tr.table-header th {
        padding: 0 5px 0 5px;
        font-weight: normal;
    }

    .events-calendar tr.table-header a {
        text-decoration: none;
    }

.events-calendar tr.table-header-weekdays {
    height: 20px;
    font-size: 12px;
}

.events-calendar th.header-weekdays-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    text-align: center;
    font-weight: normal;
    font-size: 11px;
}

.events-calendar td.previous-month-cell {
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    color: #5C5C5C;
}

#tblCalendar {
    border-left: 1px solid #CCC;
}

.events-calendar .previous-month-cell-content {
    position: relative;
    width: 100%;
    height: 80%;
    z-index: 1;
}

.events-calendar td.current-month-cell {
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
}

.events-calendar .current-month-cell-content {
    /*position: relative;*/
    width: 100%;
    height: 100%;
    z-index: 1;
}

.events-calendar a.small-event-link {
    text-decoration: none;
}

.events-calendar td.today-month-cell {
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width: 0 1px 1px 0;
}

.events-calendar .today-month-cell-content {
    position: relative;
    width: 100%;
    height: 80%;
    z-index: 1;
}

.events-calendar td.next-month-cell {
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    color: #5C5C5C;
}

.events-calendar .next-month-cell-content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.events-calendar table.event-content-table {
    position: absolute;
    top: 0px;
    left: 2px;
    width: 96px;
    background-color: blue;
    color: black;
    z-index: 3;
}

.events-calendar .event-content-container {
    margin-bottom: 2px;
    font-size: 12px;
    text-align: left;
}

.miniCalendar .events-calendar .current-month-cell-content {
    width: auto;
}

table#tblCalendar tr.table-header th.previousMonth a:hover, table#tblCalendar tr.table-header th.nextMonth a:hover {
    text-decoration: underline;
}

table#tblCalendar tr.table-header th.previousMonth a {
    margin-right: 5px;
}

table#tblCalendar tr.table-header th.nextMonth a {
}

table#tblCalendar tr.table-header th.previousMonth a:before {
    content: '\0AB\00A0';
    position: relative;
    padding-top: 0px;
    font-size: 18px;
}

table#tblCalendar tr.table-header th.nextMonth a:after {
    content: '\00A0\0BB';
    position: relative;
    padding-top: 0px;
    font-size: 18px;
}

.boxContainer1NoFrameNoBorder table#tblCalendar.MiniCalendar {
    width: 100%;
    /*margin-left: 10px;*/
}

/* Return here */
.events-calendar .event-content {
    padding: 2px;
}

.events-calendar a.event-link {
    text-decoration: none;
}

    .events-calendar a.event-link:visited { /*color: blue;*/
    }

.events-calendar .day-number-content {
    font-weight: normal;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.events-calendar .today {
    font-weight: bold;
}

.day-number-content .markedEvent a {
    font-weight: bold;
}

/* Mini Calendar */
tr.miniCalendar .previous-month-cell-content {
    height: 45%;
}

tr.miniCalendar .today-month-cell-content { /*height: 5px;*/
}

.events-calendar tr.table-header {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px 10px 5px 10px;
}

/* List of Photot Albums */
.photoAlbumsList {
    padding-left: 20px;
    /*line-height: 150%;*/
    overflow: hidden;
}

.photoAlbumsListItem {
    width: 100%;
    float: left;
    position: relative;
}

.photoAlbumIcon, .photoAlbumName, .photoAlbumCreatedOn {
    width: 33.33%;
    float: left;
    position: relative;
}

.photoAlbumName, .photoAlbumCreatedOn {
    padding-left: 10px;
}

.photoAlbumsList .photoAlbumIcon {
    max-width: 100px;
    height: auto;
}

.photoAlbumsListItem {
    height: 100px;
    max-height: 100px;
    padding: 5px;
}

ul.photoAlbumsList li {
    /*line-height: 150%;*/
    margin-left: 0;
}

.photoAlbum {
    /*border: 1px solid red;*/
}

.photo-albumItemContainer1 a, .photo-albumItemaltContainer1 a {
    background-repeat: no-repeat;
    background-position: 0px 12px;
    /* padding-left 15px is necessarry */
    padding: 6px 5px 4px 20px;
    border-color: transparent;
    display: block;
    /*line-height: 150%;*/
}

.rssBrief {
    padding: 10px 0px;
    /*font-style: italic;*/
    color: #474747;
    font-size: 0.9em;
}

.content-wrapper,
.HomeContentWrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    position: relative;
    width: 100%;
}

    .HomeContentWrapper .content-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

.contentHeaderBreadcrumb2 {
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 10px;
}

.contentHeaderBreadcrumb .contentHeaderBreadcrumbWrap {
    width: 77%;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    /* Creates issue with long page title in IE */
    /*display: -ms-flexbox;*/
    display: -webkit-flex;
    /* Creates issue with long page title in IE */
    /*display: flex;*/
    align-items: baseline;
}

.contentHeaderBreadcrumb .AdvBanner {
    width: 23%;
    float: left;
    text-align: center;
}

    .contentHeaderBreadcrumb .AdvBanner .PageWidget {
        text-align: right;
        float: right;
    }

        .contentHeaderBreadcrumb .AdvBanner .PageWidget .WidgetNoBorder.AdvertisementInTitle {
            padding-right: 0;
        }

.subscribeMessage {
    /*font-style: italic;*/
    color: #474747;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
}

.portalClearBoth {
    height: 1px;
    clear: both;
}

/* Required Fields */
label.field-required {
    /*color: #C41616;
	font-weight: bold;*/
}

span.field-required {
    /*color: red;*/
    /*background-image: url(../../css/gen/images/star.png);*/
    display: inline;
}

/* Required Fields */
/* Story */
.storyHeader {
    padding-top: 5px;
    padding-bottom: 5px;
}

    .storyHeader:before,
    .storyHeader:after {
        content: "";
        display: table;
    }

    .storyHeader:after {
        clear: both;
    }

    .storyHeader.background-padding {
        margin-bottom: 5px;
    }

.background-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.content-wrapper .storyImage a img,
.HomeContentWrapper .storyImage a img {
    max-width: 100px; /*210px;*/
    max-height: 100px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0 10px 10px 0;
}

.storyDate, .storyAuthor, .photoAlbumCreatedOn {
    color: #555;
    float: left;
    /* misaligned with the rest */
    /*padding: 0 0 5px 0;*/
    /*font-size: 0.9em;*/
}

.storyDateAuthor {
    color: #555;
}

.storyInfo {
    padding-bottom: 5px;
}

/*News*/
.newsItemContainer1,
.newsItemaltContainer1 {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .newsItemContainer1:first-child,
    .newsItemaltContainer1:first-child,
    .newsItemContainer1.firstItem,
    .newsItemaltContainer1.firstItem {
        margin-top: 0;
    }

    .newsItemContainer1:last-child,
    .newsItemaltContainer1:last-child,
    .newsItemContainer1.lastItem,
    .newsItemaltContainer1.lastItem {
        margin-bottom: 0;
    }

        .newsItemContainer1:last-child .storyBody,
        .newsItemaltContainer1:last-child .storyBody,
        .newsItemContainer1:last-child .storyContent,
        .newsItemaltContainer1:last-child .storyContent,
        .newsItemContainer1.lastItem .storyBody,
        .newsItemaltContainer1.lastItem .storyBody,
        .newsItemContainer1.lastItem .storyContent,
        .newsItemaltContainer1.lastItem .storyContent {
            margin-bottom: 0;
        }

/*Stories*/
.storyItemContainer1,
.storyItemaltContainer1 {
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
}

    .storyItemContainer1:first-child,
    .storyItemaltContainer1:first-child,
    .storyItemContainer1.firstItem,
    .storyItemaltContainer1.firstItem {
        margin-top: 0;
    }

    .storyItemContainer1:last-child,
    .storyItemaltContainer1:last-child,
    .storyItemContainer1.lastItem,
    .storyItemaltContainer1.lastItem {
        margin-bottom: 0;
    }

        .storyItemContainer1:last-child .storyBody,
        .storyItemaltContainer1:last-child .storyBody,
        .storyItemContainer1:last-child .storyContent,
        .storyItemaltContainer1:last-child .storyContent,
        .storyItemContainer1.lastItem .storyBody,
        .storyItemaltContainer1.lastItem .storyBody,
        .storyItemContainer1.lastItem .storyContent,
        .storyItemaltContainer1.lastItem .storyContent {
            margin-bottom: 0;
        }

.storyBody, .storyContent {
    width: 100%;
    margin-bottom: 5px;
    overflow: hidden;
}

    .storyBody:before,
    .storyContent:before,
    .storyBody:after,
    .storyContent:after {
        content: "";
        display: table;
    }

    .storyBody:after,
    .storyContent:after {
        clear: both;
    }

    .storyBody .storyImage, .storyBody .storyBrief {
        padding-top: 5px;
    }

.storyImage {
    float: left;
    display: block;
    max-width: 200px;
    z-index: 1;
    position: relative;
}

.storyContent {
    overflow: hidden;
    padding-top: 10px;
}

.dataTables_paginate {
    margin-bottom: 15px;
}

/* Story List */
.storyList {
    padding-left: 10px;
}

/* Custom Widget - Images */
.AddImageButtonImage {
    margin: 10px;
    /*padding-right: 5px;*/ /* 29/06/15 - breaks images on homepage with borders */
    max-width: 100%;
    height: auto !important;
}

/* UL on sitepagecontent */
.sitepagecontent ul {
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: 0;
}

/* P on sitepagecontent */
.sitepagecontent p, p {
    margin: 0 0 10px 0;
}

/* Pop-up Preview, cursor hand removed, for Admin */
#divTemplateType .boxContainer1 a:hover {
    cursor: default !important;
}

/* DistrictOrganizationChart */

.districtOrgChart .committeeListHeader h2 {
    padding-left: 30px;
    padding-top: 0px;
    font-size: 15px;
}

#districtOrgChartHeader {
    margin: auto auto;
    position: relative;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

#districtOrgChartCurrent {
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.grouptitle span {
    font-weight: bold;
    font-size: 16px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.titleTab {
    font-size: 13px;
    font-weight: normal;
}

table.memberTitleTab {
    border-collapse: collapse;
}

.name .memberinfo {
    font-weight: normal;
}

.memberTitleTab .title, .memberTitleTab .name a, .memberTitleTab .name, .committeeList .title, .committeeList .title a {
    font-size: 13px;
    font-weight: normal;
}

.memberTitleTab tr td {
    width: 50%;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}

tr.grouptitle td {
    padding: 10px;
}

img.memberNameInfoImg {
    float: left;
    margin: 1px 10px 4px 0;
}

.memberTitleTab th.title, .memberTitleTab th.name {
    text-align: left;
    padding-left: 10px;
    font-weight: bold;
}

.committeeList {
    margin-left: -10px;
}

/*#DistrictOrgChartLastYear:before { content: "<< "; }*/

#districtOrgChartCurrent:before {
    content: " | ";
}

#districtOrgChartCurrent:after {
    content: " | ";
}

/*#DistrictOrgChartNextYear:after { content: " >>"; }*/

.pageItemContainer1, .pageItemaltContainer1 {
    padding-top: 10px;
}

.memberTitleTab td.Clubs {
    padding-right: 5px;
}

.memberinfo span:hover {
    cursor: pointer;
}

.memberInfoViewCard {
    width: 300px;
    position: absolute;
    display: none;
    z-index: 9999;
    margin-top: 10px;
}

    .memberInfoViewCard.Display {
        width: 270px;
        position: relative;
        display: block;
        z-index: 9999;
    }

        .memberInfoViewCard.Display .memberInfoViewCard2, #DistrictOrganizationChartPhoto .memberInfoViewCard2 { /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #EBEBEB;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#F8F8F8));
background: -webkit-linear-gradient(#EBEBEB, #F8F8F8);
background: -moz-linear-gradient(#EBEBEB, #F8F8F8);
background: -ms-linear-gradient(#EBEBEB, #F8F8F8);
background: -o-linear-gradient(#EBEBEB, #F8F8F8);
background: linear-gradient(#EBEBEB, #F8F8F8);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f8f8f8');
    border: 5px solid white;
    position:relative;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    max-width: 270px;*/
        }

/*.memberInfoViewCard.Display .memberInfoViewCard2:before,.memberInfoViewCard3:before {
			border-width: 8px;
			border-color: white white transparent transparent;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius: 0 0 0 5px;
			border-radius: 0 0 0 5px;
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			border-width: 0 16px 16px 0;
			border-style: solid;
			border-color: white white #CECECE #CECECE;
			background: #CECECE;
			display: block;
			width: 0;
			-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2); }*/

.memberInfoViewCard2 { /*
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: white;
	width: 100%;
	float: left;
	height: 100%;
	padding-top: 10px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 3px 1px #BDBCBC;
	-webkit-box-shadow: 0 0 3px 1px #BDBCBC;
	box-shadow: 0 0 3px 1px #BDBCBC;
	padding-left: 10px; */
}

/*.memberInfoViewCard2:after { content: ' ';
position: absolute;
bottom: 0;
right: 10px;
width: 144px;
height: 121px; background-image:url(../ColorCombinations/images/waves.png);background-position: center right;
background-repeat: no-repeat;}*/
.committeeList th.title, .committeeList th.name {
    font-weight: bold;
}

.committeeList table {
    border-collapse: collapse;
}

/* When / Where Clubs Meet */
table.clubmeetingstab {
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

    table.clubmeetingstab tr th {
        text-align: left;
    }

.viewMap {
    text-align: right;
}

table.clubmeetingstab tr td {
    vertical-align: middle;
}

.meetinglocation {
    /*position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: white;
	width: 100%;
	float: left;
	z-index: 9999;
	padding-top: 10px;
	border: 1px solid #ccc;
	-moz-box-shadow: 0 0 3px 1px #BDBCBC;
	-webkit-box-shadow: 0 0 3px 1px #BDBCBC;
	box-shadow: 0 0 3px 1px #BDBCBC;*/
}

.clubLink img {
    margin: -2px 0px 0px 5px;
}

.clubMap img {
    margin: 2px 0px 2px 0px;
}

.clubmeetingstab tr {
    height: 36px;
}

.SingleEmail {
    padding-left: 5px;
    padding-bottom: 10px;
    padding-right: 5px;
}

    .SingleEmail .EmailMessageBody .editor-field {
        min-height: 15px;
    }

    .SingleEmail .EmailMessageFooter .FormSubmitButton .portalButton {
        width: auto !important;
    }

fieldset.narrow {
    /*margin-top: -5px;*/
    width: 97%;
    margin-right: 10px;
}

.TwoColumns.SingleEmail .boxContainer1 {
    padding-top: 5px;
}

.TwoColumns.SingleEmail, .TwoColumns.SystemRequirments {
    overflow: hidden;
}

div.SystemRequirments2 {
    padding: 0px 10px 10px 10px;
}

/* Club Directory, View Map of All Clubs */
table.ClubDirectoryTab {
    width: 100%;
    /*border-collapse: collapse;*/
}

    table.ClubDirectoryTab tr th {
        text-align: left;
        padding: 5px;
    }

    table.ClubDirectoryTab tr td {
        padding: 5px;
        vertical-align: middle;
    }



/*div.ClubsMap a:before,div.viewMap a:before {
		content:' ';
		background-image: url(../ColorCombinations/images/map-icon.png);
		position: absolute;
		width:35px;
		height:35px;
		background-repeat:no-repeat;
        margin-top: -12px;
        margin-left: -45px;
		padding-top: 0px;
		font-size: 14px; }*/

/* CK Editor headers */
/*h1#contentTitle1 {
	color: inherit;
	font-size: 2.3em;
	margin: .67em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
h2#contentTitle2 {
	color: inherit;
	font-size: 1.8em;
	margin: .83em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
h3#contentTitle3 {
	color: inherit;
	font-size: 1.45em;
	margin: 1em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
h4#contentTitle4 {
	color: inherit;
	font-size: 1.15em;
	margin: 1.33em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
h5#contentTitle5 {
	color: inherit;
	font-size: 0.92em;
	margin: 1.67em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
h6#contentTitle6 {
	color: inherit;
	font-size: 0.67em;
	margin: 2.33em;
	font-weight: bold;
	float: inherit;
	height: inherit;
	font-family: inherit; }
 
pre#contentPre {
	margin: 0.5em 0px;
	color: inherit;
	font-size: 1.45em; }
 
address#contentAddress {
	margin: 0.5em 0px;
	color: inherit;
	font-family: inherit;
	font-size: 1.15em; }
 
div#contentDiv {
	margin: 0.5em 0px;
	color: inherit;
	font-family: inherit;
	font-size: inherit; }
 
p#contentP {
	margin: 0.5em 0px;
	color: inherit;
	font-family: inherit;
	font-size: inherit; }
*/

/* ClubInfo for District */
.ClubInfoPage {
    width: 100%;
    float: left;
}

.ClubInfoPage1 {
    width: 75%;
    float: left;
}

/* Email break */

.ClubInfoPage .clubEmailData {
    word-wrap: break-word;
}

.ClubInfoPage1-1 { /*padding-right: 10px;*/
}

.ClubInfoPage2 {
    width: 25%;
    float: left;
}

.ClubInfoPage3 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ClubInfoPage1-2 {
    float: left;
}

.ClubInfoPage1-1-1 {
    padding-bottom: 10px;
}

.ClubInfoPage1-1 .clubInfo { /*padding-left: 10px;*/
}

.ClubInfoPage1-1-1 .clubInfo h2 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ClubInfoPage1-1-1 .clubMeetingPlace, .ClubInfoPage1-1-1 .clubAddress {
    padding-left: 20px;
    padding-right: 20px;
}

.ClubInfoPage1-1 {
    width: 100%;
    float: left;
}

.ClubInfoPage1-1-1 {
    width: 100%;
    float: left;
}

.ClubInfoPage1-1-2 {
    width: 50%;
    float: right;
    padding-right: 10px;
}

.viewMap .viewMapIcon {
    position: relative;
}

    .viewMap .viewMapIcon:before, .viewMap .viewMapUrl:before {
        content: '';
    }

.ClubInfoPage1-1 .clubInfo .viewMap {
    text-align: left;
    padding-top: 20px;
}

.viewMapIcon img {
    margin: -10px 0px;
}

.viewMapUrl {
    padding-left: 5px;
}

.clubMeetingPlace, .clubAddress, .viewMap { /*padding-left: 20px;*/
}

.clubMeetingPlace {
    /*line-height: 150%;*/
}

#Filters h2 {
    padding-bottom: 10px;
}

.Choises {
    padding-left: 70px;
    padding-bottom: 10px;
    padding-top: 1px;
}

.daysOfTheWeek {
    padding-top: 10px;
    padding-left: 12px;
}

.meetingTime2.Time {
    padding-top: 10px;
    padding-left: 21px;
}

input#rbTimeOnly, input#rbTimeAll {
    margin-right: 5px;
}

.meetingDay2 {
    padding-left: 9px;
}

.meetingDay {
}

/* Club Info Page, No sponsor */
.ClubInfoPage.NoSponsor {
    width: 100%;
    float: none;
}

    .ClubInfoPage.NoSponsor .ClubInfoPage1 {
        width: 100%;
        float: left;
        position: relative;
    }

    .ClubInfoPage.NoSponsor .ClubInfoPage1-1 {
        width: 78%;
        float: left;
        position: relative;
        margin-right: 2%;
    }

    .ClubInfoPage.NoSponsor .ClubInfoPage2 {
        width: 100%;
        position: relative;
        display: block;
        float: none;
    }

.ClubInfoPage1-2 {
    float: left;
    width: 20%;
}

.ClubInfoPage2-1 {
    padding: 10px;
}

.ClubInfoPage .clubExecutivesTitle2, .ClubInfoPage .clubDirectorsTitle2 {
    margin-top: 0px;
}

.ClubInfoPage .memberName {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.ClubInfoPage .committeeList-1 .memberName {
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 6px;
}

.meetingDay {
    float: left;
}

.meetingTime {
    float: left;
}

/* President */
.presidentDirectorsTable {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.presidentDirectorsTitle {
    width: 65%;
    float: left;
    position: relative;
}

.presidentDirectorsTableHeader, .presidentDirectorsTableRow {
    float: left;
    width: 100%;
    position: relative;
}

.presidentDirectorsTitle, .presidentDirectorsLogin, .presidentDirectorsPhone, .presidentDirectorsTableRow2 {
    padding: 5px;
}

.presidentDirectorsTableRow2 {
    float: left;
    width: 99%;
}

.presidentDirectorsTitle, .presidentDirectorsLogin, .presidentDirectorsPhone {
    font-weight: bold;
}

.ExecutiveInfoSecure {
    float: left;
    width: 65.5%;
    position: relative;
}

.presidentDirectorsPhone {
    width: 32%;
    float: left;
}

.PhoneWithExtensionAndType2 {
    padding-left: 10px;
}

/* President Photo Card */
.ClubInfoPhotoPresident {
    width: 100%;
    margin: auto auto;
}

.ClubInfoPhotoPresident2, .clubExecutivesPhotoHeader, .clubInfoDirectorsPhotoHeader {
    text-align: center;
    padding: 5px;
}

.ClubInfoPhotoPresidentMemberCard {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.memberInfoViewCard2 {
    text-align: left;
}

    .memberInfoViewCard2 .address {
        padding-top: 10px;
    }

.InfoCardBottomPart, .memberExecutiveBottomPart {
    width: 100%;
    position: relative;
    float: left;
    /*padding-bottom: 5px;*/
    padding-top: 0px;
}

/* Club Executives */
.clubExecutivesTable {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.clubExecutivesTableHeader, .clubExecutivesTableRow {
    float: left;
    width: 100%;
    position: relative;
}

.clubExecutivesTitle, .clubExecutivesName, .clubExecutivesLogin, .clubExecutivesPrefferedPhone, .clubExecutivesTitle2, .clubExecutivesName2, .clubExecutivesLogin2, .clubExecutivesPrefferedPhone2 {
    padding: 5px 5px 3px 5px;
}

.clubExecutivesTitle, .clubExecutivesName, .clubExecutivesLogin, .clubExecutivesPrefferedPhone {
    font-weight: bold;
}

.clubExecutivesTitle, .clubExecutivesTitle2 {
    width: 31%;
    float: left;
    position: relative;
}

.clubExecutivesName, .clubExecutivesName2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.clubExecutivesLogin, .clubExecutivesLogin2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.clubExecutivesPrefferedPhone, .clubExecutivesPrefferedPhone2 {
    width: 32.11%;
    float: left;
    position: relative;
}

/* Club Executives Photo Card */
.clubExecutivesPhotoTableBody .memberInfoViewCard2 {
    float: left;
}

.clubExecutivesPhotoTableBody {
    background: #EBEBEB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#F8F8F8));
    background: -webkit-linear-gradient(#EBEBEB, #F8F8F8);
    background: -moz-linear-gradient(#EBEBEB, #F8F8F8);
    background: -ms-linear-gradient(#EBEBEB, #F8F8F8);
    background: -o-linear-gradient(#EBEBEB, #F8F8F8);
    background: linear-gradient(#EBEBEB, #F8F8F8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f8f8f8');
}

.clubExecutivesPhotoTable {
    float: left;
    width: 100%;
    position: relative;
    padding: 0px 0px 15px 0px;
    /*padding-top: 20px;
	padding-bottom: 20px;*/
}

.clubExecutivesPhotoTable,
.clubInfoDirectorsPhotoTableBody {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

    .clubInfoDirectorsPhotoTableBody .clubInfoDirectorsPhotoTableRow {
        width: 33%;
        background: none;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }


.clubExecutivesPhotoName2 .memberInfoViewCard.Display {
    float: left;
}

.clubExecutivesPhotoName2 {
    /*width: 265px;
    float: left;
    padding-right: 40px;*/
    width: 33.33%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.clubInfoDirectorsPhotoName2 {
    width: 100%;
    display: flex;
}

/* Club Directors */
.clubDirectors {
    float: left;
    width: 100%;
    position: relative;
}

.clubInfoDirectorsPhotoTableBody {
    padding: 0px 0px 15px 0px;
}

/*.ClubInfoPage2 .committeeList-1 {padding-top:10px;}*/

.clubDirectorsTable {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.clubDirectorsTableHeader, .clubDirectorsTableRow {
    float: left;
    width: 100%;
    position: relative;
}

.clubDirectorsTitle, .clubDirectorsName, .clubDirectorsLogin, .clubDirectorsPrefferedPhone, .clubDirectorsTitle2, .clubDirectorsName2, .clubDirectorsLogin2, .clubDirectorsPrefferedPhone2, .committeeListName2 {
    padding: 5px;
}

.clubDirectorsTitle, .clubDirectorsName, .clubDirectorsLogin, .clubDirectorsPrefferedPhone {
    font-weight: bold;
}

.clubDirectorsTitle, .clubDirectorsTitle2 {
    width: 31%;
    float: left;
    position: relative;
}

.clubDirectorsName, .clubDirectorsName2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.clubDirectorsLogin, .clubDirectorsLogin2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.clubDirectorsPrefferedPhone, .clubDirectorsPrefferedPhone2 {
    width: 32.11%;
    float: left;
    position: relative;
}

/*  Committees on District Organization Chart */
.WidgetWrapper .committeeListTable {
    width: 94%;
    float: left;
    position: relative;
    margin: 0 10px 10px 30px;
}

/*.committeeList-1:before {
content:'\21B3';
position:absolute;
width:20px;
height:20px;
z-index:9999;
font-size:30px;
color:#5E5959;
margin-left:5px; margin-top: -8px;
}
*/
.committeeListTable {
    margin-top: 10px;
    margin-bottom: 20px;
}

.committeeListTable {
    width: 100%;
    float: left;
    position: relative;
}

.committeeList-1 {
    float: left;
    width: 100%;
}

.committeeListTable { /*margin-top: 10px;
margin-bottom: 20px;*/
}

.committeeListTableHeader, .committeeListTableRow {
    float: left;
    width: 100%;
    position: relative;
}

.committeeListTitle, .committeeListName, .committeeListLogin, .committeeListPrefferedPhone, .committeeListTitle2, .committeeListLogin2, .committeeListPrefferedPhone2 {
    padding: 5px;
}

.committeeListTitle, .committeeListName, .committeeListLogin, .committeeListPrefferedPhone {
    font-weight: bold;
}

.committeeListTitle, .committeeListTitle2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.committeeListName, .committeeListName2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.committeeListLogin, .committeeListLogin2 {
    width: 32.11%;
    float: left;
    position: relative;
}

.committeeListPrefferedPhone, .committeeListPrefferedPhone2 {
    width: 32.11%;
    float: left;
    position: relative;
}

/* Club Info Links */
.club-info-lnks {
    width: 98%;
    float: left;
    position: relative;
    display: block;
    padding-top: 20px;
}

.memberInfoViewCard .memberDirectorFullName {
    font-weight: bold;
}

.memberInfoViewCard .memberDirectorClubName {
    padding-bottom: 5px;
}

/* District Organization Chart Photo */
#DistrictOrganizationChartPhoto {
    float: left;
    width: 100%;
    position: relative;
}

    #DistrictOrganizationChartPhoto h3, .memberDirectorTitle h3, .memberExecutiveTitle h3 {
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #CECECE;
        overflow: hidden;
        padding-top: 3px;
        font-weight: bold;
    }

        .memberExecutiveTitle h3 a {
            font-size: 100%;
            font-weight: bold;
        }

.DistrictOrganizationChartGroup {
    padding: 5px;
    text-align: center;
}

#DistrictOrganizationChartPhoto .memberInfoViewCard2 {
    width: calc(33.33% - 30px); /*30.5%;*/
    /*min-height: 290px;*/
    height: auto !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#DistrictOrganizationChartPhoto .memberInfoViewCard3 {
    /*min-height: 270px;*/ /*same as parent minus padding*/
}

.DistrictOrganizationChartMemberCard { /*width: 100%;
position: relative;
text-align: center;
margin: auto auto;
margin-top:20px; margin-bottom:20px;float: left;*/
}

.DistrictOrganizationChartMemberCard2 {
}

.memberInfoViewCard2:after {
    content: ' ';
    position: relative;
    /*border: 1px dashed #CECECE;*/
}

#DistrictOrganizationChartPhoto .memberInfoViewCard2 { /*margin:10px; float:left;max-width:270px;*/
}

#DistrictOrganizationChartPhoto .InfoCardDesignations {
    float: left;
}

.DistrictOrganizationChartMemberCard,
.ClubInfoPhotoPresidentMemberCard,
.clubExecutivesPhotoTable,
.clubInfoDirectorsPhotoTable {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    margin: auto auto;
}

.clubinfophoto .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard2,
.clubinfophoto .clubExecutivesPhotoTable .memberInfoViewCard2,
.clubinfophoto .clubInfoDirectorsPhotoTable .memberInfoViewCard2 {
    /*width: calc(33.33% - 30px);*/
    /*min-height: 290px;*/
    width: 100%;
    display: flex;
}

.clubinfophoto .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard3,
.clubinfophoto .clubExecutivesPhotoTable .memberInfoViewCard3,
.clubinfophoto .clubInfoDirectorsPhotoTable .memberInfoViewCard3 {
    /*min-height: 270px;*/
}

.ClubInfoPhotoPresidentMemberCard {
    /*padding: 0px 0px 15px 0px;*/
    display: flex;
    justify-content: center;
}

.ClubInfoPhotoPresidentMemberCard2 {
    width: 33%;
    justify-content: center;
}

.DistrictOrganizationChartMemberCard2, .ClubInfoPhotoPresidentMemberCard2 {
    /*min-height: 20px;
    margin: auto;
    padding: 0px 0px 15px 5px;
    width: 100%;
    float: left;
    max-width: 925px;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.memberInfoViewCard2, .meetinglocation2 {
    min-height: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 10px;
    width: 350px;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #EBEBEB;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EBEBEB), to(#F8F8F8));
    background: -webkit-linear-gradient(#EBEBEB, #F8F8F8);
    background: -moz-linear-gradient(#EBEBEB, #F8F8F8);
    background: -ms-linear-gradient(#EBEBEB, #F8F8F8);
    background: -o-linear-gradient(#EBEBEB, #F8F8F8);
    background: linear-gradient(#EBEBEB, #F8F8F8);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f8f8f8');
    border: 5px solid white;
    position: relative;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.52);
    z-index: 9999;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.memberInfoViewCard3 {
    width: 100%;
    padding: 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

    .memberInfoViewCard3:before,
    .memberInfoViewCard3:after {
        content: "";
        display: table;
    }

    .memberInfoViewCard3:after {
        clear: both;
    }

.memberExecutivePhoto, .DistrictOrganizationMemberPhoto, .memberInfoViewCard .memberDirectorPhoto {
    float: left;
    width: 115px;
    max-width: 115px;
    display: block;
    padding-right: 10px;
    min-height: 150px;
    /* position: absolute; */
}

    .memberExecutivePhoto img {
        max-width: 105px !important;
    }

.memberInfoViewCardDescription {
    max-width: calc(100% - 125px);
}

.memberExecutiveTitle, .memberExecutiveFullName, .memberExecutiveClubName, .memberDirectorClubAddress, .memberDirectorPhone {
    /*margin-left: 115px;*/
}

.memberDirectorPhone {
    padding-bottom: 10px;
}

.DistrictOrganizationChartMemberCard2.District.Governor {
    min-height: 190px;
    justify-content: center;
}

    .DistrictOrganizationChartMemberCard2.District.Governor .memberInfoViewCard2, .ClubInfoPhotoPresidentMemberCard .memberInfoViewCard2 {
        /*margin-left: 33.5%;*/
    }

#memberdesignation.MemberDesignation img {
    margin-right: 4px;
}

    #memberdesignation.MemberDesignation img:hover {
        cursor: pointer;
    }

.InfoCardBottomPart, .memberExecutiveBottomPart {
    position: relative;
    float: left;
    /** new styles **/
    width: 100% !important;
    margin-top: 20px;
    position: static !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
}

    .InfoCardBottomPart .InfoCardDesignations {
        margin-right: auto;
    }

    .InfoCardBottomPart .MemberDesignation {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap-reverse;
    }

    .InfoCardBottomPart .InfoCardSendEmail img {
        margin: 0 0px 5px 0;
    }

.InfoCardDesignations, .memberExecutiveDesignations, .memberDirectorDesignations {
    width: 80%;
    position: relative;
    float: left;
}

.InfoCardSendEmail, .memberExecutiveSendMail {
    position: relative;
}

.memberExecutiveSendMail {
    float: right;
}

/* DistrictOrganizationChartTable */
.DistrictOrganizationChartTable {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.DistrictOrganizationChartHeader {
    width: 100%;
    position: relative;
    float: left;
    font-weight: bold;
}

.DistrictOrganizationChartTableTitle {
    width: 48%;
    float: left;
    padding: 5px;
}

.DistrictOrganizationChartTableName {
    width: 48%;
    float: left;
    padding: 5px;
}

.DistrictOrganizationChartRow {
    width: 100%;
}

.DistrictOrganizationChartRow2 {
    width: 99%;
    position: relative;
    float: left;
    padding: 5px;
}

.DistrictOrganizationChartTableTitle2, .DistrictOrganizationChartTableName2 {
    width: 50%;
    float: left;
}

.DistrictOrganizationChart .committeeListTitle, .DistrictOrganizationChart .committeeListTitle2 {
    width: 48%;
}

.DistrictOrganizationChart .committeeListName2 {
    width: 50%;
    border-left: 1px solid #CCC;
}

.DistrictOrganizationChartTable.Assisstant.Area.Governors .DistrictOrganizationChartTableName2 {
    width: 30%;
    float: left;
}

.DistrictOrganizationChartTable.Assisstant.Area.Governors .DistrictOrganizationChartTableClubs {
    width: auto;
    float: right;
}

.memberInfoViewCard .memberInfoViewCard2 {
    margin-top: 0px;
}

.memberInfoViewCard .memberDirectorDesignations { /*margin-top:8px;*/
}

.memberName, .PhoneWithExtensionAndType2 {
    padding-right: 5px;
    padding-bottom: 4px;
    padding-top: 0px;
    float: left;
}

.PhoneWithExtensionAndType2 {
    padding-top: 3px;
}
/*.clubExecutivesTitle2,.clubDirectorsTitle2 {margin-top:6px;}*/
.ClubInfoLink {
    padding-bottom: 0px;
    padding-top: 6px;
    float: left;
}

.DistrictOrganizationChartTableTitle2 h3, .DistrictOrganizationChartTableClubs {
    margin-top: 0;
    padding-top: 5px;
    margin-bottom: 0px;
}

.committeeListName2 .memberinfo {
    padding-right: 10px;
    padding-left: 6px;
}

.memberinfoFloatLeft {
    float: left;
    padding-top: 6px;
}

    .memberinfoFloatLeft .memberNameLink img.memberNameInfoImg {
        margin-top: 2px;
    }
/* Exeption for Committees for ClubInfo */
.ClubInfoPage.NoSponsor .committeeListTable {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
/*.ClubInfoPage.NoSponsor .committeeList-1 {margin-top:10px;}*/

/* Club Meetings Table*/
.clubMeetingsTable {
}

.clubMeetingsTable, .clubMeetingsTableBodyRow {
    width: 99.8%;
    position: relative;
    float: left;
}

.clubMeetingsTableHeader {
    padding: 5px;
}

.clubMeetingsTableClub, .clubMeetingsTablePresident, .clubMeetingsTableLocation, .clubMeetingsTableMap, .clubMeetingsTableDayTime, .clubMeetingsTableClubLink, .clubMeetingsTableClubName, .clubMeetingsTableClubPresident, .clubMeetingsTableClubLocation, .clubMeetingsTableClubMap, .clubMeetingsTableClubMeetitngTime {
    float: left;
    width: 20%;
}

.clubMeetingsTableBodyRow {
}

.clubMeetingsTableBodyRow {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.clubMeetingsTableClubMap img {
    margin: -6px 0px;
}

@media \0screen {
    .memberName {
        min-width: 150px;
    }
}

/* Colors for Committees */
.districtOrgChart .committeeListTableHeader {
    background: #ccc;
}

.committeeListTable {
    border: 1px solid #CCC;
}

.DistrictOrganizationChart .committeeListTitle.themeColorDark {
    color: #333;
}

.committeeListTableRow.odd {
    background-color: #eee;
}

.committeeListTableRow.even {
    background-color: #fafafa;
}

.committeeListTableRow {
    border-top: 1px solid #ccc;
}

.DistrictOrganizationChartTableNameCommitteeList {
    background-color: #FAFAFA;
}

.committeeListTableRow {
    background-color: #eee;
}

/* District Organization Chart */
.DistrictOrganizationChartHeader, tr.headmain, .DistrictOrganizationChartGroup, .presidentDirectorsTableHeader,
.clubExecutivesTableHeader, .committeeListTableHeader, .clubDirectorsTableHeader {
    background-color: #E0E0E0;
}

.DistrictOrganizationChartBody, #ClubDirectory, .DistrictOrganizationChartGroup, .presidentDirectorsTable,
.clubExecutivesTable, .clubDirectorsTable, .ClubInfoPage .committeeListTable, .ClubInfoPhotoPresident,
.clubExecutivesPhotoHeader, .clubInfoDirectorsPhotoHeader {
    border: 1px solid #AFAFAF;
}

    .DistrictOrganizationChartRow, #ClubDirectory tr, .clubExecutivesTableRow, .clubDirectorsTableRow,
    .ClubInfoPage .committeeListTableRow {
        border-top: 1px solid #AFAFAF;
    }

#ClubDirectory {
    clear: left;
}

.Organization.InformationItemContainer1, .Organization.InformationItemaltContainer1 {
    padding: 5px 0px 5px 0px;
}

    .Organization.InformationItemContainer1:last-child, .Organization.InformationItemaltContainer1:last-child {
        padding-bottom: 3px;
    }
/* Even / Odd */
.even, .ClubInfoPage .committeeListTableRow {
    background-color: #EEEEEE;
}
/* Dark */
.odd {
    background-color: #FAFAFA;
}
/* Light*/


/* info img */
.memberNameInfoImg {
    width: 15px;
}

.DistrictOrganizationChartRow .memberInfoViewCard {
    margin-top: 20px;
}

.committeeListTable .memberInfoViewCard {
    margin-top: 20px;
}

.memberinfo .memberExecutiveSendMail img {
    margin-right: 0px;
}

/* Fix for District Clubs, Clubs Map, google pop-up, IE */

.club-popup-info {
    min-width: 200px;
    display: inline-block;
    color: #333;
    margin: 0 !important;
}

    .club-popup-info a {
        color: #005BF8;
    }

.memberNameLink, .memberNameText { /*height:20px;*/
    float: left;
}

/* Club Directory & Contact */
#ClubDirectory {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dataTables_length {
    margin-bottom: 15px;
}

#ClubDirectory tfoot {
    display: none;
}

#ClubDirectory tr td.clubWebsite {
    width: 5%;
}

#ClubDirectory tr td.clubName {
    width: 20%;
}

#ClubDirectory tr td.clubId {
    width: 11%;
}

#ClubDirectory tr td.clubPresident {
    width: 18%;
}

#ClubDirectory tr td.clubLocation {
    width: 23%;
}

#ClubDirectory tr td.clubMeeting {
    width: 23%;
}

#ClubDirectory .sorting {
    background: none;
}

    #ClubDirectory .sorting .dropdown {
        background: url(../../css/gen/images/down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 20px;
    }

#ClubDirectory .sorting_asc .dropdown {
    background: url(../../css/gen/images/up.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 20px;
}

#ClubDirectory .sorting_desc .dropdown {
    background: url(../../css/gen/images/down.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 20px;
}
/*#ClubDirectory .sorting:after{ content:'\25B2 \A \25BC'; margin-top:-2px; white-space: pre;font-size: 11px;
line-height: 100%; color:#777; position: relative; float:right;}*/
#ClubDirectory .sorting font.th_text {
    cursor: pointer;
}

#ClubDirectory .sorting_asc .th_text, #ClubDirectory .sorting_desc .th_text {
    text-decoration: underline;
    color: #333;
}

#ClubDirectory .sorting:hover:after {
    color: #4b4b4b;
    cursor: pointer;
}

#ClubDirectory .sorting_asc {
    background: none;
    font-weight: bold;
    cursor: pointer;
}
/*#ClubDirectory .sorting_asc:after{color:#4b4b4b;content:'\25B2'; margin-top:0px;white-space: pre;position: relative; float:right;font-size: 11px;}*/
#ClubDirectory .sorting_desc {
    background: none;
    font-weight: bold;
    cursor: pointer;
}
/*#ClubDirectory .sorting_desc:after{color:#4b4b4b;content:'\25BC'; margin-top:-2px;white-space: pre;position: relative; float:right;font-size: 11px;}*/
#ClubDirectory .sorting font.th_text:hover {
    text-decoration: underline;
}

#ClubDirectory .memberName {
    padding-top: 0px;
    padding-bottom: 0px;
}

#ClubDirectory th.sorting {
    cursor: pointer;
}

    #ClubDirectory th.sorting:hover {
    }

#ClubDirectory .clubLocation img {
    width: 17px;
    margin: -4px 2px -4px -4px;
}

#ClubDirectory .memberNameLink, #ClubDirectory .memberName2, #ClubDirectory .memberName, #ClubDirectory .memberNameText {
    float: none;
}

#ClubDirectory .memberInfoViewCard {
    margin-top: 0px;
}

#ClubDirectory td.clubLocation:hover {
    cursor: pointer;
}

#ClubDirectory .clubWebsite {
    text-align: center;
}

#ClubDirectory .clubLocation .meetinglocation {
    padding-top: 5px;
    float: none;
    position: absolute;
    margin-top: 0px;
    width: 300px;
    z-index: 9999;
    display: none;
}

#ClubDirectory .meetinglocation2 td.label {
    text-align: right;
    font-weight: bold;
    width: 30%;
}

#ClubDirectory .clubHomePage {
    width: 22px;
}

#ClubDirectory .meetinglocation2 {
    margin-top: 0px !important;
    min-height: inherit;
}

    #ClubDirectory .meetinglocation2 table {
        padding-top: 10px;
        padding-left: 10px;
        padding-bottom: 10px;
        width: 100%;
        float: left;
    }

        #ClubDirectory .meetinglocation2 table tr td {
            padding: 0px 0px 5px 5px;
        }

.meetinglocation2 table tr td {
    vertical-align: top;
    max-width: 200px;
}

.districtOrgChart .committeeListHeader {
    display: none;
}

.ClubInfoPage .committeeListTable {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-bottom: 20px;
}

.ClubInfoPage .memberInfoViewCard {
    margin-top: 20px;
}

.ClubInfoPage .viewMap {
    margin-right: 10px;
    padding-left: 0px;
}

.ClubInfoPage .memberInfoViewCard2 {
    width: 283px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.DistrictOrganizationChartPhoto .ClubInfoPage .memberInfoViewCard2 {
    width: calc(33.33% - 30px); /*30.5%;*/
}

.clubInfoDirectorsPhoto {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.no_sort.sorting_disabled {
    font-weight: normal;
}

.ClubDirectory .dataTables_wrapper {
    clear: none;
}

#ClubDirectory_wrapper.dataTables_wrapper {
    margin-top: 10px;
}

/* District Governor Section */
.DistrictGovernorSection {
    width: 100%;
    position: relative;
}

.DistrictGreeting {
    width: 100%;
    position: relative;
    margin: auto auto;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.DistrictLeftLogo, .DistrictRightLogo {
    width: 25%;
    float: left;
    padding-top: 15px;
    padding-bottom: 10px;
}

.DistrictGovernorSectionText {
    width: 50%;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

.DistrictLeftLogoText {
    color: #555;
    /*line-height: 150%;*/
    font-size: 0.9em;
    padding-top: 10px;
}

.DistrictInfo {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 5px;
}

.DistrictGovernorSectionText2 {
    margin: 10px;
    float: left;
    width: 100%;
}

.GovernorTitle, .GovernorHomeClub {
    float: left;
}

.DistrictLeftLogo2, .DistrictRightLogo2 {
    margin: auto;
    text-align: center;
    width: 100%;
}
/* Doesn't work in Club Info */
/*#imgRightLogo,#imgLeftLogo {max-width:80px;}*/
.DistrictGovernorSection img {
    margin: 0;
}

.GovernorTitle, .GovernorName {
    padding-bottom: 10px;
}

.GovernorDirectorsName {
    float: left;
}

#ClubDirectory_length select {
    border: 1px solid #7E7E7E;
}

/* Field Required */
label.field-required:before {
    /*content: '*';*/
    position: relative;
    color: #C41616;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    padding-right: 3px;
}

label.field-required {
}

.ContactUsForm {
    /*float: left;*/
    position: relative;
    /*width: 99%;*/
    /*margin-bottom: 10px;*/
}

.validation-summary-errors ul li:first-child {
    margin-top: 0px;
    margin-left: 0;
}

#tblAddPerson input {
    border: 1px solid gray;
}

.all-upcoming-events-list ul {
    list-style-type: none;
    margin-left: 0;
}

    .all-upcoming-events-list ul li {
        padding: 10px;
    }

.allUpcomingEventsList h2, .allUpcomingSpeakersList h2, .all-upcoming-events-list h3, .all-upcoming-events-list h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Area Governor */
.AreaGovernor {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}

.AreaGovernorText, .AreaGovernorName {
    float: left;
    padding-right: 10px;
}

.areaGovernorDetail, .areaGovernorDetail2, .AreaGovernorClubsBodyRow {
    float: left;
    width: 100%;
}

.areaGovernorDetail2 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.areaGovernorClubs .memberInfoViewCard {
    margin-top: 20px;
}

.areaName {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.areaTitle, .governorDetail {
    float: left;
    padding-right: 10px;
}

.AreaGovernorClubsHeader, .AreaGovernorClubsBodyRow, .AreaGovernorClubsHeader2 {
    float: left;
    width: 100%;
    position: relative;
}

.AreaGovernorClubsHeader2 {
    padding: 5px;
}

.AreaGovernorClubsTable {
    float: left;
    width: 100%;
    position: relative;
}

.AreaGovernorClubsHeaderName, .AreaGovernorClubsHeaderPresident, .AreaGovernorClubsBodyName {
    width: 50%;
    float: left;
}

.AreaGovernorClubsBodyPresident {
    width: 48%;
    float: left;
}

.governorDetail .memberName {
    padding-top: 0px;
}

.AreaGovernorClubsBodyName {
    padding-top: 5px;
    padding-left: 5px;
}

.areaGovernorClubs {
    float: left;
    width: 99%;
    padding-left: 10px;
}

/* Colors for Area Governor */
.AreaGovernorClubsHeader {
    background: #ccc;
}

.AreaGovernorClubsTable {
    border: 1px solid #CCC;
}

.AreaGovernorClubsBodyRow.odd {
    background-color: #eee;
}

.AreaGovernorClubsBodyRow.even {
    background-color: #fafafa;
}

.AreaGovernorClubsBodyRow {
    border-top: 1px solid #ccc;
}

.DistrictOrganizationChartTableNameCommitteeList {
    background-color: #FAFAFA;
}

/* Upcoming Event Registration */
.upcomingEventTable td.label {
    text-align: right;
}

#tblAddPerson, #tblRegisterMe {
    padding-left: 20px;
    width: 100%;
    /*margin-top: -30px;*/ /*D2857*/
}

table#tblAddPerson tr td:first-child {
    /*text-align: right;*/
}
/*#recaptcha_area {padding-top:20px;}*/
.EventRegisterPage {
    width: 100%;
    float: left;
}

/* Gray default buttons */
.PhotoViewButton, .ListViewButton, .ClubsMapButton {
    background: #777777;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777777), to(#8d8d8d));
    background: -webkit-linear-gradient(#777777, #8d8d8d);
    background: -moz-linear-gradient(#777777, #8d8d8d);
    background: -ms-linear-gradient(#777777, #8d8d8d);
    background: -o-linear-gradient(#777777, #8d8d8d);
    background: linear-gradient(#777777, #8d8d8d);
    -pie-background: linear-gradient(#777777, #8d8d8d);
    border: solid 1px #898888;
    color: white !important;
    position: relative;
    letter-spacing: normal;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .8);
    cursor: pointer;
    display: inline-block;
    border-radius: .5em;
    moz-border-radius: .5em;
    webkit-border-radius: .5em;
    moz-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    outline: none;
    padding: 3px 10px 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8);
    font-weight: bold;
    font-size: 13px;
}

    .PhotoViewButton:hover, .ListViewButton:hover, .ClubsMapButton:hover {
        background: #A2A3A3;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A2A3A3), to(#8E8F8F));
        background: -webkit-linear-gradient(#A2A3A3, #8E8F8F);
        background: -moz-linear-gradient(#A2A3A3, #8E8F8F);
        background: -ms-linear-gradient(#A2A3A3, #8E8F8F);
        background: -o-linear-gradient(#A2A3A3, #8E8F8F);
        background: linear-gradient(#A2A3A3, #8E8F8F);
        -pie-background: linear-gradient(#A2A3A3, #8E8F8F);
    }

    .PhotoViewButton a, .ListViewButton a, .ClubsMapButton a {
        color: white;
        padding-top: 2px;
        font-size: 14px;
    }

    .PhotoViewButton a, .ListViewButton a {
        line-height: 150%;
    }


        div.PhotoViewButton a:hover, .ListViewButton a:hover, .ClubsMapButton a:hover {
            color: #fffb89;
            text-decoration: none;
        }

div#toPhotoLink.PhotoView, div#toPhotoLink.ListView {
    padding-right: 6px;
    text-align: right;
    font-size: 15px;
}

.PhotoViewButton a:before {
    content: ' ';
    background-size: 18px 20px;
    background-image: url(../ColorCombinations/images/photo-view.png);
    position: relative;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 1px;
    font-size: 14px;
    z-index: 99999;
    display: inline-block;
    float: left;
}

.ListViewButton a:before {
    content: ' ';
    background-size: 18px 20px;
    background-image: url(../ColorCombinations/images/list-view.png);
    position: relative;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 1px;
    font-size: 14px;
    z-index: 99999;
    display: inline-block;
    float: left;
}

.PhotoViewButton a:before {
    content: ' ';
    background-size: 18px 20px;
    background-image: url(../ColorCombinations/images/photo-view.png);
    position: relative;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 1px;
    font-size: 14px;
    /* Conflicts with drop down menu */
    /*z-index: 99999;*/
    z-index: 999;
    display: inline-block;
    float: left;
}

div.ClubsMap {
    position: absolute;
    margin-top: -5px;
    right: 0;
    /* Conflicts with drop down menu */
    /*z-index: 99999;*/
    z-index: 999;
}

.ClubsMapButton a:before {
    content: ' ';
    background-size: 18px 20px;
    background-image: url(../ColorCombinations/images/map-icon-small.png);
    position: relative;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-top: 1px;
    font-size: 14px;
    z-index: 99999;
    display: inline-block;
    float: left;
}

/* Committee Members Layout List */
.CommiteeListTable, .CommiteeListTableHeader, .CommiteeListTableRow {
    width: 100%;
    float: left;
    position: relative;
}

.CommiteeListName, .CommiteeListClub, .CommiteeListPosition {
    float: left;
    width: 31.8%;
    padding: 5px;
}

.CommiteeListName2, .CommiteeListClub2, .CommiteeListPosition2 {
    float: left;
    width: 31.8%;
    padding: 5px;
}

.CommiteeListTable .memberName {
    padding: 0;
}

.CommiteeListTable {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .CommiteeListTable .memberInfoViewCard {
        padding-top: 9px;
    }

/* Coloring of Committee Members List */
.CommiteeListTable {
    border: 1px solid #CCC;
}

.CommiteeListTableHeader {
    background: #CCC;
}

.CommiteeListName, .CommiteeListClub, .CommiteeListPosition {
    color: #333;
    font-weight: bold;
}

.CommiteeListTableRow {
    background-color: #EEE;
}

.CommiteeListTableRow {
    border-top: 1px solid #CCC;
}

.CommitteeDescription {
    padding-top: 5px;
    padding-bottom: 5px;
}

.CommitteeMembersHeader {
    font-weight: bold;
}

/* Style for Custom widget without borders */
.boxContainer1NoFrameNoBorder .CustomWidgetBody {
    /*padding-left: 10px;*/ /*THV*/
}

/* Events, coloring */
.events-calendar .General, .legend .General {
    background: #D5D5D5;
}

.events-calendar .ClubMeeting, .legend .ClubMeeting {
    background: #FFD645;
}

.Calendar .events-calendar .Deadline, .legend .Deadline {
    background: #A30000;
    color: white;
}

    .Calendar .Deadline a, .legend .Deadline a {
        color: white;
    }

.events-calendar .ClubEvent, .legend .ClubEvent {
    background: #D7ECFD;
}

.events-calendar .SpeakerEvent, .legend .SpeakerEvent {
    background: #EFD7E3;
}

.events-calendar .CommitteeMeeting, .legend .CommitteeMeeting {
    background: #FFF1BE;
}

.events-calendar .BoardMeetingEvent, .legend .BoardMeetingEvent, .events-calendar .BoardMeetingEvent a, .legend .BoardMeetingEvent a {
    background: #A28C3C;
    color: white;
}

.events-calendar .OfficialDgVisit, .legend .OfficialDgVisit {
    background: #D1FFC8;
}

.events-calendar .Fundraiser, .legend .Fundraiser {
    background: #B5FFFF;
}

.events-calendar .DistrictEvent, .legend .DistrictEvent {
    background: #4098E2;
    color: white;
}

.previous-month-cell-content, .previous-month-cell, .next-month-cell {
    background: #F1F0F0 !important;
}

.events-calendar td.today-month-cell, .events-calendar .today-month-cell-content {
    background: #B3FFA0 !important;
    background-color: #B3FFA0 !important;
}

.listOfAllUpcomingEvents {
    width: 99%;
    padding-bottom: 8px;
    margin-top: -27px;
    text-align: right;
    margin-right: 10px;
}

.CalendarFormatOfUpcomingEvents {
    text-align: right;
    /* margin-bottom: -30px; */
    margin-right: 10px;
    /*margin-top: 30px;*/
    float: right;
    font-size: 16px;
}

.CalendarFormatOfUpcomingEvents2 {
    background: url(../../css/gen/images/calendar-gray.png) left;
    background-repeat: no-repeat;
    padding-left: 25px;
}

/* Event color legend */
.legend {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    display: inline-block;
    border: none;
}

    .legend .cell {
        width: 200px;
        padding-bottom: 10px;
        border: none;
    }

    .legend div {
        float: left;
        margin-right: 5px;
        margin-top: 0px;
        border: 1px solid #757575;
        border-radius: .3em;
        moz-border-radius: .3em;
        webkit-border-radius: .3em;
    }

    .legend .eventType {
        height: 15px;
        width: 15px;
    }

    .legend .text {
        width: 80%;
        float: left;
        margin-top: 0px;
        margin-right: 15px;
        border: none;
    }

/* Link BG image */
/*.linkItemContainer1 a, .linkItemaltContainer1 a { background-image: none !important;}*/

/* Links Widget */
/* Dynamic Navigation */
.DynamicNavigationGroupName {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
}
/*div.DynamicNavigationLinks {padding-left:10px; }*/
.DynamicNavigationLinks .linkItemContainer1 a img.DynamicNavigationImg {
    /*padding-left: 10px; 
    max-width: 100px;
    height: auto;*/ /*D3559 - 18-03-15*/
}


.field-validation-error {
    padding-top: 2px;
}

/* Calendar Page */
.TwoColumns.Calendar {
    min-height: 400px;
}

.padding {
    padding: 10px;
}

/* Club Info Icons */
.DistrictSiteIcon, .LatestPublishedBulletin, .VenueMap {
    float: left;
}

.clubInfoIcons {
    width: auto;
    margin: auto;
    padding-top: 10px;
}

    .clubInfoIcons td {
    }
/*td.DistrictSiteIcon {width:25%; word-wrap: normal;}
td.LatestPublishedBulletin {width:25%;word-wrap: normal;}
td.VenueMap {width:25%;word-wrap: normal;}*/
.clubInfoText {
    margin-right: 10px;
}

.clubInfoIcons tr td {
    text-align: center;
    vertical-align: top;
    align-items: center;
}

    .clubInfoIcons tr td a {
        float: left;
        width: 100%;
        padding: 10px 10px;
        padding-bottom: 0;
    }

        .clubInfoIcons tr td a .clubInfoIcon {
            margin: auto;
            display: inline-block;
            padding-bottom: 5px;
        }

    .clubInfoIcons tr td:first-child a {
        padding-left: 0;
    }

.leftColumn .DistrictSiteIcon, .leftColumn .LatestPublishedBulletin, .leftColumn .VenueMap {
    float: none;
}

.rightColumn .DistrictSiteIcon, .rightColumn .LatestPublishedBulletin, .rightColumn .VenueMap {
    float: none;
}

.leftColumn .clubInfoText, .rightColumn .clubInfoText {
    margin-right: 0;
    word-wrap: initial;
}

.leftColumn .clubInfoIcons tr td a, .rightColumn .clubInfoIcons tr td a {
    padding: 5px 0px 0px 0px;
}
/*.leftColumn .clubInfoIcons tr td:first-child a, .rightColumn .clubInfoIcons tr td:first-child a {
padding-left: 0px;
}*/
.leftColumn .clubInfoIcons, .rightColumn .clubInfoIcons {
    width: 100%;
    /*margin-left: -8px;*/
}
/*.leftColumn .clubInfoIcons tr td,.rightColumn .clubInfoIcons tr td {display: block;}*/

/* for images in td-s */
td img {
    max-width: none;
}

.clubInfoIcons img, .DistrictSiteIcon img {
    margin: 0px 5px 0px 0;
}

/* fixes for Club Info */
.leftColumn .clubInfoIcons img {
    float: none;
    display: inline-block;
    margin: auto auto;
    padding-bottom: 3px;
}

.rightColumn .clubInfoIcons img {
    float: none;
    display: inline-block;
    margin: auto auto;
    padding-bottom: 3px;
}

.leftColumn .clubInfoIcons td {
    float: left;
    width: 33.33%;
    display: inline-block;
}

.rightColumn .clubInfoIcons td {
    float: left;
    width: 33.33%;
    display: inline-block;
}
/*.middleColumn td.DistrictSiteIcon {width:31%;}
.middleColumn td.LatestPublishedBulletin {width:45%;}
.middleColumn td.VenueMap {width:24%;}*/

/* UL, OL fix */
ul {
    margin-left: 0; /*40px;*/
    padding-left: 40px;
    list-style-type: disc;
    margin-top: 10px;
}

ol {
    margin-left: 0; /*40px;*/
    padding-left: 40px;
    list-style-type: decimal;
    margin-top: 10px;
}

.NoEventsNoSpeakers {
    padding: 10px;
}

.CommitteeDescription, .CommitteeMembersLayout, .CommitteeMembers {
    padding-left: 10px;
}

.memberExecutiveTitle h3 {
    padding-top: 0px;
    margin-top: 0px;
}

/* CK editor fix */
strong, b, strong a, b a, strong span a {
    font-weight: bold;
}

/* President Widget */
.leftColumn .presidentOfTheClub .presidentsPhoto, .rightColumn .presidentOfTheClub .presidentsPhoto {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    margin: auto auto;
    text-align: center;
}

    .leftColumn .presidentOfTheClub .presidentsPhoto img, .rightColumn .presidentOfTheClub .presidentsPhoto img {
        float: none !important;
    }

.presidentsFullName h3 {
    margin-bottom: 5px;
    margin-top: 0;
    padding-top: 10px;
}

.middleColumn .presidentOfTheClub .presidentsPhoto {
    padding-top: 10px;
}

.presidentsEmail {
    /*float: left;*/
    clear: both;
}

.presidentsEmail, .presidentsPhone {
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.presidentOfTheClub .CKeditorTemplates {
    padding-bottom: 10px;
    display: block;
}

.presidentsPhoto, .presidentsMessage {
    padding-top: 5px;
}

.presidentsPhoto {
    float: left;
    max-width: 100px;
    max-height: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.presidentsPhoto:before, .presidentsPhoto:after {
    content: "";
    display: table;
}
.presidentsPhoto:after {
    clear: both;
}

.ContactCaptcha {
    float: left;
    margin-top: 0;
    /*margin-left: -4px;*/
}

    .ContactCaptcha.captchaImg {
        display: block;
    }

.side-column .ContactCaptcha {
    /*Needed for IE .side-column */
    width: 100%;
}

.SingleEmail .ContactCaptcha {
    margin-top: 0;
}

.FieldsAreRequired {
    float: left;
    margin-bottom: 10px;
    /*width: 50%;*/
    /* padding-left: 5px; */
}

.TwoColumnsRightNarrow .middleColumn .presidentDirectors {
    margin-left: 10px;
}

.TwoColumnsRightNarrow .middleColumn .clubExecutives {
    float: left;
    width: 100%;
    margin-left: 10px;
}

.TwoColumnsRightNarrow .middleColumn .clubDirectors {
    margin-left: 10px;
}

.TwoColumnsRightNarrow .middleColumn .committeeList-1 {
    margin-left: 10px;
}

.singleAnimatedSponsorItemContainer3 img { /*max-width: inherit !important; */
}

.leftColumn .uiIconText, .rightColumn .uiIconText {
    max-width: 110px !important;
}

/* Doesn't look good
.topColumn .ViewSpeakersList,.OneColumn .middleColumn .ViewSpeakersList,.OneColumn .middleColumn .readMore,.topColumn .readMore {width:40%;}
*/
.addSubscriber .floatRight2 {
    margin-top: 10px;
}
/* Bulletin Preview */
pre {
    white-space: inherit;
}

/* one column, ads on the right */
.OneColumn .middleColumn #AdvertisementHomePageRotator {
    float: right;
}

.BreadcrumbLinks {
    padding-bottom: 5px;
    border-bottom: 1px solid #DFDFDF;
    margin: 10px 10px 20px 0;
    padding-left: 10px;
}


/* Pop up */
/* pop-up window, same font */
.ui-widget-overlay.ui-front, .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.ui-widget {
    color: #333333;
    font: 13px/18px arial, verdana, helvetica, sans-serif;
    line-height: normal !important;
    font-size: 13px !important;
    font-family: Arial !important;
    z-index: 10000;
}

    .ui-widget .ui-widget-content a {
        color: #0078a8;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial !important;
        padding-left: 5px;
    }

.ui-dialog .ui-dialog-titlebar-close span.ui-icon {
    margin: -8px;
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close span.ui-button-text {
    margin: 0;
    padding: 0;
}

.modal-body-title {
    margin-top: 10px;
}

.CreateVolunteerSignUpList .ui-widget input, #divNumberOfPeople input, #divText input, input#NumberOfTasks, input#NoOfVolunteersPerTask {
}
/* End of Pop up */

/* Volunteer / ManageVolunteerContacts */
.Volunteers form {
    margin-left: 10px;
    margin-right: 10px;
}

.Volunteers .row {
    margin-left: -5px;
    margin-right: -5px;
}

.Volunteer {
}

    .Volunteer .TasksGroup {
        float: left;
        width: 99.8%;
        border-left: 1px solid rgba(177, 177, 177, 0.5);
        /*border-bottom: 1px solid rgba(177, 177, 177, 0.5);*/
        border-right: 1px solid rgba(177, 177, 177, 0.5);
        clear: both;
    }

    .Volunteer h3:first-child {
        border-top: 1px solid #CCC;
    }

    .Volunteer h3 {
        margin: 0;
        font-size: 16px;
        clear: both;
        padding: 5px 10px;
        border: 1px solid #CCC;
        border-top: none;
        display: block;
        padding: 5px 10px 5px 0px;
        border-bottom: 1px solid rgba(177, 177, 177, 0.5);
        background: #DDD;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DDD), to(#ECECEC));
        background: -webkit-linear-gradient(#DDD, #ECECEC);
        background: -moz-linear-gradient(#dddddd, #ececec);
        background: -ms-linear-gradient(#dddddd, #ececec);
        background: -o-linear-gradient(#dddddd, #ececec);
        background: linear-gradient(#DDD, #ECECEC);
        -pie-background: linear-gradient(#dddddd, #ececec);
    }

        .Volunteer h3 a {
            background: url('../../css/gen/images/volunteer-sprite.png') 15px 13px no-repeat;
            display: block;
            margin: 0;
            padding-left: 40px;
            margin-top: -10px;
            padding-top: 7px;
            font-weight: bold;
            font-size: 18px;
            margin-bottom: -3px;
        }

        .Volunteer h3:first-child {
            border-radius: 5px 5px 0px 0px;
            -webkit-border-top-left-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
        }

        .Volunteer h3.open a {
            background-position: 13px -25px;
        }

        .Volunteer h3 span {
            font-size: 13px;
            color: #646464;
            padding-left: 10px;
        }

    .Volunteer .TasksGroupItem {
        width: 100%;
        float: left;
        position: relative;
        border-bottom: 1px solid #D5D5D5;
        background: #F5F5F5;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#F9F9F9));
        background: -webkit-linear-gradient(#F5F5F5, #F9F9F9);
        background: -moz-linear-gradient(#f5f5f5, #f9f9f9);
        background: -ms-linear-gradient(#f5f5f5, #f9f9f9);
        background: -o-linear-gradient(#f5f5f5, #f9f9f9);
        background: linear-gradient(#F5F5F5, #F9F9F9);
        -pie-background: linear-gradient(#f5f5f5, #f9f9f9);
        font-size: 14px;
    }

    .Volunteer .TasksGroupItem2 {
        padding: 15px 15px 0px 15px;
    }

    .Volunteer .TaskNameDetails {
        float: left;
    }

    .Volunteer .BookButton.more {
        border-left: 1px solid #8A8A8A;
        /* position: absolute; */
        /* right: 0; */
        /* margin-right: 15px; */
        float: right;
        margin-top: -5px;
        margin-left: 10px;
        /* top: 10px; */
    }

    .Volunteer .BookButton {
        float: right;
        border-bottom: 1px solid #8B8B8B;
        z-index: 1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background: #59933E;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#59933E), to(#78AE60));
        background: -webkit-linear-gradient(#59933E, #78AE60);
        background: -moz-linear-gradient(#59933e, #78ae60);
        background: -ms-linear-gradient(#59933e, #78ae60);
        background: -o-linear-gradient(#59933e, #78ae60);
        background: linear-gradient(#59933E, #78AE60);
        -pie-background: linear-gradient(#59933e, #78ae60);
        border-left: 1px solid #8A8A8A;
        margin-bottom: 10px;
    }

    .Volunteer .BookButton2 {
        /*padding: 5px 15px 5px 10px;*/
    }

        .Volunteer .BookButton2 a {
            padding: 5px 15px 5px 10px;
            color: #FFF;
            display: inline-block;
        }

        .Volunteer .BookButton2 img {
            margin: -2px 6px -2px 0px;
        }

    .Volunteer .VolunteersList {
        float: left;
        width: 70%;
        padding: 15px;
        -webkit-border-radius: 5px;
        position: relative;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 1% 15%;
        background: #ECEBE6;
        background: -moz-linear-gradient(top, #ecebe6 1%, #f2f1ed 50%, #ecebe6 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ECEBE6), color-stop(50%,#F2F1ED), color-stop(100%,#ECEBE6));
        background: -webkit-linear-gradient(top, #ECEBE6 1%,#F2F1ED 50%,#ECEBE6 100%);
        background: -o-linear-gradient(top, #ecebe6 1%,#f2f1ed 50%,#ecebe6 100%);
        background: -ms-linear-gradient(top, #ecebe6 1%,#f2f1ed 50%,#ecebe6 100%);
        background: linear-gradient(to bottom, #ECEBE6 1%,#F2F1ED 50%,#ECEBE6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecebe6', endColorstr='#ecebe6',GradientType=0 );
    }

    .Volunteer .DateTime {
        float: right;
        color: #525252;
        margin-left: 35px;
        font-weight: normal;
    }

        .Volunteer .DateTime:before {
            content: ' ';
            background: url('../../css/gen/images/TimeDate.png');
            position: absolute;
            width: 16px;
            height: 16px;
            margin-left: -25px;
        }

    .Volunteer .TaskName span {
        padding-left: 30px;
        font-weight: bold;
        color: #525252;
    }

    .Volunteer .TaskName.booked {
        background: url('../../css/gen/images/volunteer-signup-list-booked.png');
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center left;
        ;
    }

    .Volunteer .TaskName.empty {
        background: url('../../css/gen/images/volunteer-signup-list-empty.png');
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center left;
    }

    .Volunteer .TaskName.in-process {
        background: url('../../css/gen/images/volunteer-signup-list-in-process.png');
        background-size: 16px 16px;
        background-repeat: no-repeat;
        background-position: center left;
    }

    .Volunteer .TasksGroupItem.in-process:hover {
        background: #fffdef;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fffdef), to(#fffce7));
        background: -webkit-linear-gradient(#fffdef, #fffce7);
        background: -moz-linear-gradient(#fffdef, #fffce7);
        background: -ms-linear-gradient(#fffdef, #fffce7);
        background: -o-linear-gradient(#fffdef, #fffce7);
        background: linear-gradient(#fffdef, #fffce7);
        -pie-background: linear-gradient(#fffdef, #fffce7);
    }

    .Volunteer .TasksGroupItem.empty:hover {
        background: #fef6f4;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fef6f4), to(#fef1ed));
        background: -webkit-linear-gradient(#fef6f4, #fef1ed);
        background: -moz-linear-gradient(#fef6f4, #fef1ed);
        background: -ms-linear-gradient(#fef6f4, #fef1ed);
        background: -o-linear-gradient(#fef6f4, #fef1ed);
        background: linear-gradient(#fef6f4, #fef1ed);
        -pie-background: linear-gradient(#fef6f4, #fef1ed);
    }

    .Volunteer .TasksGroupItem.booked:hover {
        background: #F2FFED;
    }

    .Volunteer .VolunteersStatus {
        margin-left: 30px;
        /* margin-top: 5px; */
        padding-bottom: 10px;
        color: #646464;
        float: right;
    }

        .Volunteer .VolunteersStatus.in-process {
            color: #AA840C;
        }

        .Volunteer .VolunteersStatus.empty {
            color: #AA0000;
        }

        .Volunteer .VolunteersStatus.booked {
            color: #237C01;
        }

.VolunteerInfoWrapper {
    text-align: left;
}

.VolunteerDelete {
    color: #C41616;
    cursor: pointer;
}

    .VolunteerDelete:hover,
    .VolunteerDelete:active {
        color: #961919;
    }

    .VolunteerDelete .fa {
        font-size: 18px;
    }

/* Volunteer Popup Form */
.wide.VolunteerRegister .editor-label {
    max-width: 200px;
}

.wide.padding.VolunteerRegister .editor-label {
    width: 150px;
}

#addVolunteerForm .addAnother a {
    margin-left: 15px;
}

#addVolunteerForm .addAnother {
    background: #EBEBEB;
    border: 1px solid #CCC;
    padding: 3px 5px;
    float: right;
    margin-right: 23.5%;
    border-radius: 5px;
    margin-top: -3px;
    width: 130px;
}

    #addVolunteerForm .addAnother:before {
        content: '+';
        position: absolute;
        color: #A0A0A0;
    }

#addVolunteerForm #existingEmailAddress, #addVolunteerForm #existingPhoneNumber {
    margin-top: 3px;
}

#addVolunteerForm .editor-label {
    float: left;
    margin-left: 6px;
    clear: both;
}

#addVolunteerForm .editor-label-description {
    margin-right: 15px;
    text-align: right;
    margin-top: 3px;
}

#addVolunteerForm #divPhone .editor-field {
    float: left;
    width: 68.5%;
}

#addVolunteerForm #existingPhone {
    padding-bottom: 10px;
}

#addVolunteerForm .editor-field .select2-container {
    margin-right: 7px;
    margin-top: -4px;
}

#addVolunteerForm #Phone_Number.standard-input {
    width: 100px !important;
}

#addVolunteerForm #divPhone {
    width: 100%;
    float: left;
}

.AddVolunteer .GroupName img {
    margin: 5px 15px 5px 10px;
}

.AddVolunteer .GroupName h2 {
    margin-bottom: 10px;
}

.AddVolunteer .AddVolunteerTaskName {
    padding-left: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #E0DFDF;
    margin-bottom: 10px;
}

/* Contact Us form for home page */
.WidgetWrapper .ContactUsForm,
.ContactUsForm.HomePage {
    margin-left: 0;
}

/*Too small form lage columns*/
/*.ContactUsForm.HomePage .narrow .editor-label {
        width: 100px;
    }*/

.leftColumn .ContactUsForm.HomePage .narrow .editor-label {
    /*width: 180px;*/
    width: 100%;
}

.rightColumn .ContactUsForm.HomePage .narrow .editor-label {
    /*width: 180px;*/
    width: 100%;
}

.leftColumn .ContactUsForm.HomePage .narrow .editor-field input, .leftColumn .ContactUsForm.HomePage .narrow .editor-field input.field-required {
    /*width: 180px;*/
    width: 100%;
}

.rightColumn .ContactUsForm.HomePage .narrow .editor-field input, .rightColumn .ContactUsForm.HomePage .narrow .editor-field input.field-required {
    /*width: 180px;*/
    width: 100%;
}

.leftColumn .ContactUsForm.HomePage .editor-label-description, .rightColumn .ContactUsForm.HomePage .editor-label-description {
    text-align: left;
}

.leftColumn .ContactUsForm.HomePage .standard-textarea-input, .rightColumn .ContactUsForm.HomePage .standard-textarea-input {
    /*width: 180px;*/
    /*width: 100%;*/
}

.leftColumn .ContactUsForm.HomePage .ContactCaptcha, .rightColumn .ContactUsForm.HomePage .ContactCaptcha {
    /*width: 200px;*/
    max-width: 200px;
    overflow: hidden;
}

fieldset.narrow {
    padding-left: 0;
}

.ContactUsForm.HomePage .narrow .errorMessage {
    padding-left: 0;
}

.ContactUsForm.HomePage legend {
    display: none;
}

.ContactUsForm.HomePage fieldset {
    border: none;
    padding: 0;
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
}

/*.middleColumn .ContactUsForm.HomePage .editor-field input {
    width: 300px;
}*/

/*.middleColumn .ContactUsForm.HomePage .editor-field textarea {
    width: 300px;
    width: calc(100% - 14px);
    max-width: 288px;
}*/


#waitTemplate ul {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 55px;
    /*line-height: 150%;*/
}



/* New Look for Calendar */
table#tblCalendar {
    border: none !important;
}

.events-calendar tr.table-header {
    height: 60px;
    background-color: transparent !important;
    background: none;
}

    .events-calendar tr.table-header a, .events-calendar tr.table-header th {
        color: #333 !important;
    }

    .events-calendar tr.table-header a {
        font-size: 14px !important;
    }

    .events-calendar tr.table-header th {
        font-size: 25px !important;
        line-height: normal;
    }

.events-calendar tr.table-header-weekdays {
    height: 30px;
    background-color: transparent !important;
    background: none;
    border: none !important;
}

.events-calendar th.header-weekdays-cell {
    background-color: transparent !important;
    background: none;
    border: none !important;
}

.events-calendar td.previous-month-cell {
    border: none !important;
    opacity: 0;
}

#divCalendarWrap .next-month-cell {
    opacity: 0;
    border-color: transparent !important;
}

#divCalendarWrap #tblCalendar tr.CalendarDays td {
    border-radius: 5px;
    box-shadow: inset 0 0 8px #D5D5D5;
}

table#tblCalendar {
    /*margin-bottom: 30px;*/ /** Breaks calendar widget **/
}

.events-calendar td.current-month-cell {
    border-width: 1px;
    border-color: #ccc !important;
}

.events-calendar td.today-month-cell {
    border-color: #057709 !important;
    border-width: 1px;
}

.events-calendar tr.table-header {
    background-color: transparent !important;
    background: none !important;
    text-shadow: none;
}

/* Birthday List */
ul.birthdayList li {
    padding-bottom: 10px;
}

    ul.birthdayList li:last-child {
        padding-bottom: 0;
    }

/* New look for Story List */
.tableWrapper.StoryList {
    padding-top: 10px;
}

    .tableWrapper.StoryList > table.GeneralList td, .tableWrapper.StoryList .GeneralList th {
        display: inline-block;
        padding: 0;
        float: left;
    }

    .tableWrapper.StoryList .GeneralList td.StoryThumbnail {
        clear: both;
        display: block;
        width: 55px;
        margin-right: 20px;
        margin-bottom: 10px;
        width: 100%;
    }

.StoryThumbnailWrapper img {
    max-width: 100px !important;
    max-height: 100px;
}

.tableWrapper.StoryList .GeneralList td.StoryUrl {
    font-size: 16px;
    width: 100%;
    padding-top: 10px;
}

.tableWrapper.StoryList .StoryAuthor {
    float: left;
    width: auto;
    font-style: italic;
    color: #616161;
}

.tableWrapper.StoryList .GeneralList tr.headmain:before {
    content: 'Sort by:';
    position: relative;
    float: left;
    margin-right: 10px;
}

.tableWrapper.StoryList .GeneralList th span {
    color: #616161;
    min-height: 90px;
}

.tableWrapper.StoryList .StoryBrief { /*width: 85%;*/
    margin-top: 15px;
    margin-bottom: 10px;
    color: #616161;
}

    .tableWrapper.StoryList .StoryBrief img { /*display: none; float:left; color: #616161;*/
        max-width: 100%;
        height: auto;
    }

        .tableWrapper.StoryList .StoryBrief img.AddImageButtonImage {
            max-width: inherit;
        }

.tableWrapper.StoryList .StoryDate {
    float: left;
    width: auto;
    font-style: italic;
    color: #616161;
    padding-bottom: 10px;
}

.tableWrapper.StoryList .GeneralList tr.odd, .tableWrapper.StoryList .GeneralList tr.even {
    background-color: transparent !important;
    border-top: 1px solid #CCC;
    display: inline-block;
    width: 100%;
}

.tableWrapper.StoryList .GeneralList .StoryThumbnailWrapper {
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    margin: 15px 15px 10px 5px;
    box-shadow: inset 0 0 8px #D5D5D5;
    background: #fff;
    width: 100px;
    height: auto;
    float: left;
}

.tableWrapper.StoryList .GeneralList tr.headmain {
    background-color: transparent !important;
}

.tableWrapper.StoryList .GeneralList th {
    width: 100px !important;
    font-weight: normal;
    text-align: center;
}

.tableWrapper.StoryList .GeneralList .sorting_asc, .tableWrapper.StoryList .GeneralList .sorting_desc {
    font-weight: bold;
}

.tableWrapper.StoryList .GeneralList tr.headmain {
    height: 30px;
}

.tableWrapper.StoryList {
    padding-bottom: 40px;
}
    /*.tableWrapper.StoryList .GeneralList td.StoryThumbnail.EmptyCell { width: 0; margin-right: 0; }*/
    .tableWrapper.StoryList .StoryBrief.EmptyCell {
        margin-left: 0;
        margin-bottom: 20px;
        width: 95%;
    }

    .tableWrapper.StoryList .ReadMore {
        text-align: right;
    }

/* Stories List width fix */
.TwoColumnsRightNarrow .middleColumn .tableWrapper.StoryList .GeneralList tr.odd,
.TwoColumnsRightNarrow .middleColumn .tableWrapper.StoryList .GeneralList tr.even {
    max-width: 700px;
}

/* New look for Speakers List */
.tableWrapper.SpeakersList {
    width: calc(100% - 20px);
}

    .tableWrapper.SpeakersList .GeneralList td, .tableWrapper.SpeakersList .GeneralList th {
        display: inline-block;
        padding: 0;
        float: left;
    }

        .tableWrapper.SpeakersList .GeneralList td.speakerThumbnail {
            width: 120px;
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .tableWrapper.SpeakersList .GeneralList td.speakerName {
            font-size: 16px;
            width: 100%;
        }

    .tableWrapper.SpeakersList .speakerName {
        float: left;
        width: inherit;
        color: #616161;
    }

    .tableWrapper.SpeakersList .speakerTopic {
        width: 100%;
        margin-top: 10px;
        color: #616161;
        word-break: break-word;
        -ms-word-break: break-word;
        word-wrap: break-word;
        -ms-word-wrap: break-word;
    }

.tableWrapper.SpeakersList {
    padding-bottom: 40px;
}

    .tableWrapper.SpeakersList #tblGrid_wrapper #tblGrid.listView {
        display: block !important;
    }

        .tableWrapper.SpeakersList #tblGrid_wrapper #tblGrid.listView tbody {
            display: block;
        }

    .tableWrapper.SpeakersList .speakerComments { /*width: 70%; margin-bottom: 10px; */
        color: #616161;
        padding: 0px;
        padding-top: 5px;
    }

        .tableWrapper.SpeakersList .speakerComments img {
            display: none;
            color: #616161;
        }

    .tableWrapper.SpeakersList .GeneralList td.speakerDate {
        float: left;
        width: inherit;
        font-style: italic;
        color: #616161;
        background: url(../../css/gen/images/calendar-gray.png) left center;
        background-repeat: no-repeat;
        padding-left: 25px !important;
        margin-left: 9px;
        width: 100%;
    }

    .tableWrapper.SpeakersList .GeneralList tr.odd, .tableWrapper.SpeakersList .GeneralList tr.even {
        background-color: transparent !important;
        border-top: 1px solid #CCC;
        display: inline-block;
        padding-top: 10px;
        width: 100%;
        padding-bottom: 10px;
    }

    .tableWrapper.SpeakersList .GeneralList .speakerThumbnailWrapper {
        border: 1px solid #CCC;
        border-radius: 3px;
        padding: 5px;
        margin: auto auto;
        text-align: center;
        box-shadow: inset 0 0 8px #D5D5D5;
        background: #fff;
        max-width: 100px;
        max-height: 100px;
        margin: 15px 15px 10px 5px;
        float: left;
    }

    .tableWrapper.SpeakersList .GeneralList tr.headmain {
        background-color: transparent !important;
    }

    .tableWrapper.SpeakersList .GeneralList th {
        width: 130px !important;
        font-weight: normal;
        text-align: center;
    }

    .tableWrapper.SpeakersList .GeneralList .sorting_asc, .tableWrapper.SpeakersList .GeneralList .sorting_desc {
        font-weight: bold;
    }

    .tableWrapper.SpeakersList .GeneralList tr.headmain {
        height: 30px;
    }

    .tableWrapper.SpeakersList .GeneralList td.speakerThumbnail.EmptyCell {
        width: 0;
        margin: 0;
    }

    .tableWrapper.SpeakersList .GeneralList tr.headmain:before {
        content: 'Sort by:';
        position: relative;
        /*top: 4px;*/
        float: left;
        /*margin-left: 10px;*/
        margin-right: 10px;
    }

    .tableWrapper.SpeakersList .GeneralList th.NoSort.sorting_disabled {
        width: 0 !important;
    }

    .tableWrapper.SpeakersList .GeneralList th {
        color: #616161;
    }

    .tableWrapper.SpeakersList .dataTables_paginate {
        height: 50px;
    }

/* New look for Events/Speakers List */
.EventAndSpeakersItem {
    border-top: 1px solid #CCC;
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.EventAndSpeakersItemDetails {
    float: left;
    width: 90%;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.TwoColumnsRightNarrow .EventAndSpeakersItemDetails {
    float: left;
    width: 80%;
}

.TwoColumnsRightNarrow .EventAndSpeakersItem {
    padding-bottom: 15px;
}

.TwoColumnsRightNarrow .EAS-Image img {
    max-width: 100px;
}

.EAS-Date {
    width: 60px;
    float: left;
    text-align: center;
    padding: 0px 20px 0px 0px;
    font-size: 20px;
    /*line-height: 150%;*/
    padding-left: 5px; /*min-height: 110px;*/
}

    .EAS-Date a,
    .EAS-Date a:hover {
        text-decoration: none;
    }

.EAS-Name {
    font-size: 16px;
}

.EAS-Image {
    float: left;
    margin-right: 25px;
    max-height: 100px;
    width: 100px;
    box-shadow: inset 0 0 8px #D5D5D5;
    border: 1px solid #CCC;
    padding: 5px;
    border-radius: 3px;
    text-align: center;
}

    .EAS-Image img {
        max-width: 100px;
        max-height: 100px;
    }

.EAS-Date .Date {
    font-size: 40px;
    color: #8A8A8A;
    /*padding-top: 5px;*/
    line-height: 28px;
}

.EAS-Date .Month {
    font-size: 22px;
    color: #8A8A8A;
}

.EAS-Date .Year {
    font-size: 14px;
    /*margin-top: -8px;*/
    color: #B5B5B5;
}

.EAS-Details {
    padding-top: 10px;
}

    .EAS-Details:before,
    .EAS-Details:after {
        content: "";
        display: table;
    }

    .EAS-Details:after {
        clear: both;
    }

.EAS-Comments {
    padding-top: 5px;
}

.EAS-Details .Organizer {
    float: left;
    background: url(../../css/gen/images/user-icon-gray.png);
    background-repeat: no-repeat;
    float: left;
    padding-left: 20px;
    padding-right: 10px;
    min-width: 105px;
}

.EAS-Details .OnStartTime, .EventAndSpeakersItem .OnStartTime {
    min-height: 16px;
    background: url(../../css/gen/images/calendar-gray.png);
    background-repeat: no-repeat;
    float: left;
    padding-left: 17px;
    padding-right: 10px;
}

.EventAndSpeakersList {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

/*.all-upcoming-events-list .all-upcoming-events-list-selector .portalButton.floatRight { margin-top: -25px; }*/

.ShowHideEventType .ShowHideEvent:before {
    content: '+ Show ';
    position: relative;
}

.ShowHideEventType .ShowHideEvent.show:before {
    content: '- Hide ';
    position: relative;
}

.clubRunnerDatePicker {
    width: 150px;
    background: url(../../css/gen/images/calendar-gray.png);
    background-position: 97% center;
    background-repeat: no-repeat;
    /*height: 16px;*/
    /*padding-left: 2px;*/
    /*text-align: left;
    border: 1px solid #CCC;*/
    /*padding-right: 2px;
    margin-right: 2px;*/
    padding-right: 30px; /* For background image */
}

    .clubRunnerDatePicker:hover {
        /*background-color: #feeac4;
        cursor: pointer;*/
    }

.CurrentSpeaker, .PastSpeaker {
    /*padding-top:10px;*/
    font-weight: bold;
    /*text-decoration: underline;*/
}

.MainWidgetWrapper {
    /*float:left;*/
}

.TwoColumns .middleColumn .upcoming-event .EventMap iframe {
    width: 100%;
}

.ThreeColumns .middleColumn .upcoming-event .EventMap iframe {
    width: 100%;
}

.EventMap iframe {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.boxContainer1 img.EventImg {
    width: 16px;
    margin: -2px 10px -2px 0px;
}

.upcoming-event .event-date {
    /*float: left;*/
    width: 70px;
    text-align: center;
    /*padding: 0px 20px 0px 0px;*/ font-size: 20px;
    /*line-height: 150%;*/ /*margin-left: -10px;padding-left: 5px;min-height: 110px;*/
}

    .upcoming-event .event-date a:hover {
        text-decoration: none;
    }

    .upcoming-event .event-date .Date {
        font-size: 40px;
        color: #8A8A8A;
        /*padding-top: 5px;*/
        line-height: 28px;
    }

    .upcoming-event .event-date .Month {
        font-size: 22px;
        color: #8A8A8A;
    }

    .upcoming-event .event-date .Year {
        font-size: 14px;
        /*margin-top: -8px;*/
        color: #B5B5B5;
    }

.AdditionalInfo {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .AdditionalInfo span {
        float: left;
        min-width: 60px;
        text-align: right;
        margin-right: 10px;
    }

.CurrencyCulture {
    font-weight: bold;
}

.upcoming-event table {
    border-spacing: 5px;
}

.LocationAddress table {
    border-spacing: 0px;
}

.LocationAddress img {
    padding-top: 5px;
}

table.upcoming-event {
    border-bottom: 1px solid #E4E2E2;
    border-top: 1px solid #E4E2E2;
    width: 100%;
    margin-bottom: 20px;
}

td.event-date {
    background: #ccc;
    vertical-align: middle;
}

.eventdetails .upcoming-event .event-date {
    background: #f0f0f0;
}

.ClubShortName, .FormattedEventDate, .LocationAddress {
    padding-left: 15px;
}

div.event-date {
    padding: 0px 3px 0px 3px;
}

.online-registration-secure ul, .online-registration-public ul {
    margin-left: 0 !important;
    padding: 0;
}

    .online-registration-secure ul li, .online-registration-public ul li {
        text-align: center;
    }

.online-registration-secure .portalButton, .online-registration-public .portalButton {
    min-width: 100px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    width: 50%;
    align-content: center;
    /*margin-left: 40px;*/
}

    .online-registration-secure .portalButton a, .online-registration-public .portalButton a {
        color: #fff;
    }

table.upcoming-event .FormattedEventDate {
    padding-top: 3px;
}

.online-registration-secure ul, .online-registration-public ul {
    list-style-type: none;
    margin-bottom: 10px;
}

.noRegistrationAvailable {
    padding-bottom: 10px;
    float: left;
}

.errorDesc {
}

.VolunteerRegister span.field-required {
    display: none;
}

.OneColumn .middleColumn .EAS-Comments img, .EAS-Comments img {
    max-width: 700px;
}

/* Duty Roster or Meeting Responsibilities */
.DutyRosterContent {
    /*margin-bottom:10px;*/
}

.DutyRosterGroupName {
    font-weight: bold;
    margin-bottom: 10px;
}

.DutyRosterPositions {
    margin-bottom: 10px;
}

.DutyRosterContent:last-child .DutyRosterPositions:last-child {
    margin-bottom: 0;
}

#CaptchaValue {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* Submit Form Footer*/
.EmailMessageFooter {
    width: 100%;
    float: left;
    padding-top: 30px;
}

    .EmailMessageFooter .FieldsAreRequired {
        width: 50%;
        float: left;
    }

    .EmailMessageFooter .FormSubmitButton {
        width: 49%;
        float: right;
        text-align: right;
        /*padding-right: 1%;*/
    }

.FieldsAreRequired span {
    padding-left: 10px;
}

.narrow.SingleEmail {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.wide.padding.VolunteerRegister {
    width: auto;
    border: none;
    margin: 0;
}

    .wide.padding.VolunteerRegister legend {
        display: none;
    }

    .wide.padding.VolunteerRegister .FieldsAreRequired {
        margin-top: 10px;
    }

    .wide.padding.VolunteerRegister .select2-container .select2-choice {
        height: 22px;
    }

    .wide.padding.VolunteerRegister .select2-container .select2-chosen {
        margin-top: -1px;
    }

    .wide.padding.VolunteerRegister .select2-container .select2-choice .select2-arrow b {
        display: block;
        width: 100%;
        height: 100%;
        /*background: url('https://clubrunner.blob.core.windows.net/templates/3D837EF0-94E3-4E86-B3FD-46EBCE3E3A93/select2.png') no-repeat 0 -1px;*/
        background-position: 0 -1px;
    }

    .wide.padding.VolunteerRegister .select2-dropdown-open .select2-choice .select2-arrow b {
        background-position: -18px -1px;
    }

.bulletinItemContainer1, .bulletinItemaltContainer1 {
    margin-bottom: 10px;
}
    /** Bulletin List Page : Widget **/
    .bulletinItemContainer1:last-child, .bulletinItemaltContainer1:last-child,
    .bulletinItemContainer1:nth-last-child(2), .bulletinItemaltContainer1:nth-last-child(2) {
        margin-bottom: 0;
    }
        /** Bulletin List : fallback **/
        .bulletinItemContainer1:nth-last-child(2) + .bulletinItemContainer1,
        .bulletinItemaltContainer1:nth-last-child(2) + .bulletinItemContainer1,
        .bulletinItemContainer1:nth-last-child(2) + .bulletinItemaltContainer1,
        .bulletinItemaltContainer1:nth-last-child(2) + .bulletinItemaltContainer1 {
            margin-top: 10px;
        }

/** Bulletin List **/
.bulletinType {
    margin-bottom: 5px;
    font-weight: bold;
}

.bulletinlist .bulletin-list .bulletinItemContainer1,
.bulletinlist .bulletin-list .bulletinItemaltContainer1 {
    margin-bottom: 20px;
}

.bulletinlist .bulletin-list:last-child .bulletinItemContainer1:last-child,
.bulletinlist .bulletin-list:last-child .bulletinItemaltContainer1:last-child {
    margin-bottom: 0;
}

.boxContentCon1.bulletin .BulletinGroupTitle {
    margin-bottom: 10px;
}

.DutyRosterPositions .PositionTitle {
    font-style: italic;
}

.Calendar #btnSubmit {
    margin-left: 10px;
}


/* Event Details, removing extra border */
.eventdetails .middleColumn .boxContentCon1, .eventdetails .middleColumn,
.eventdetails .middleColumn .boxContainer3,
.eventdetails .middleColumn .boxContainer2 {
    border: none !important;
    box-shadow: none !important;
    background: none;
}

.allSponsorsItemContainer1, .allSponsorsItemaltContainer1 {
    clear: both;
}


/* Sponsors: Center Text and Image */
.AdSingleRotator, .AdRotator, .singleAnimatedSponsorItemaltContainer1,
.singleAnimatedSponsorItemContainer1, .allSponsorsItemContainer1,
.allSponsorsItemaltContainer1, .singleAnimatedSponsorItemContainer3 {
    text-align: center;
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
    /* For images in CK editor with inline floating */
    .AdSingleRotator img, .HomePageSponsors .sponsorWrapper img {
        float: none !important;
    }

.sponsor-guide {
    padding-top: 10px;
}

/*For the page numbers at the bottom of the pages*/
.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    padding: 0px 5px;
    float: left;
    min-width: 15px;
    text-align: center;
}

/* Stories List one column width fix. International Theme has different layout */
.OneColumn .middleColumn .tableWrapper.StoryList .GeneralList tr.odd,
.OneColumn .middleColumn .tableWrapper.StoryList .GeneralList tr.even {
    max-width: 940px;
}

/* THV */

/* Popup Buttons */
.ui-dialog-buttonset .ui-button:nth-child(2) {
    float: right;
    margin-left: 8px;
}

/* Last Button */
.ui-dialog-buttonset .ui-button:last-child,
.ui-dialog-buttonset .ui-button:last-child:hover,
.ui-dialog-buttonset .ui-button:last-child:active {
    float: left;
    color: #0078A8;
    text-decoration: none;
    background: none;
    border: none;
    box-shadow: none;
    text-shadow: none;
    margin-top: 8px;
}

.ui-dialog-buttonset .ui-button {
    padding: 0;
}

    /* First Button */
    .ui-dialog-buttonset .ui-button:first-child {
        background: #e6e6e6 /*{bgColorDefault}*/ url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
        border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
        color: #555555 /*{fcDefault}*/;
    }

        .ui-dialog-buttonset .ui-button:first-child:hover {
            background: #dadada /*{bgColorHover}*/ url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
            border: 1px solid #999999 /*{borderColorHover}*/;
            color: #212121 /*{fcHover}*/;
        }

        .ui-dialog-buttonset .ui-button:first-child:active {
            background: #ffffff /*{bgColorActive}*/ url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
            border: 1px solid #aaaaaa /*{borderColorActive}*/;
            color: #212121 /*{fcActive}*/;
        }

.photoAlbumImageWrapper {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}

.ui-dialog #divMemberType .editor-field {
    display: table;
}

/* Update for Full Width above Equal Left and Right */
.TwoColumnsTopBannerBottom .leftColumn .WidgetWrapper, .TwoColumnsTopBannerBottom .rightColumn .WidgetWrapper {
    /*max-width: 342px;*/
    max-width: 456px;
}

/* HVT - Speaker Thumbnail Image*/
.TwoColumnsRightNarrow .middleColumn .speakerThumbnailWrapper img {
    max-width: 100px;
    max-height: 100px;
}

/* Mini Calendar - tint events and add underline */
.MiniCalendar .miniCalendar .current-month-cell .day-number-content {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0;
}

    .MiniCalendar .miniCalendar .current-month-cell .day-number-content .markedEvent {
        margin: -4px 0;
        padding: 6px 0;
        background: #F9F5DB;
        text-decoration: underline;
    }

.events-calendar .today a {
    text-decoration: underline;
}

.leftColumn .clubInfoIcons td {
    width: 32%;
}

/* padding for mini calendar */
.boxContentCon1.minicalendar {
    /*padding: 0;*/ /* Not Good - Add to selected Themes*/
}

/* Dynamic Form */
.dynamicForm .dynamicSection {
    margin-top: 20px;
}

    /**  OLD Styles **/
    /*.dynamicForm .dynamicSection .sectionBody .single-label {
        width: 235px;
        margin-bottom: 10px;
        text-align: right;
    }

        .dynamicForm .dynamicSection .sectionBody .single-label.new-line {
            width: 100%;
            margin-right: 0;
            text-align: left;
        }*/
    /**  OLD Styles **/

    .dynamicForm .dynamicSection .sectionBody .editor-label {
        width: 250px;
        min-height: 1px;
        margin-right: 0;
        margin-left: 0;
    }

    .dynamicForm .dynamicSection .sectionBody .editor-field {
        width: calc(100% - 250px);
        margin-bottom: 10px;
        display: inline-block;
    }

    .dynamicForm .dynamicSection .sectionBody > div.clearboth2 {
        margin: 0;
    }

.dynamicForm form .mn-form-row .mn-form-title {
    width: 235px;
    float: left;
    margin-right: 15px;
    text-align: right;
}

.dynamicForm form .mn-form-row .mn-form-combo {
    float: left;
    margin-bottom: 10px;
}

.dynamicForm select.standard-input {
    /*width: 256px;
    margin-top: -2px;*/
}

.dynamicForm input[type=radio],
.dynamicForm input[type=checkbox] {
    float: left;
    width: auto;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
}

.dynamicForm img {
    float: left;
    max-width: 150px;
    max-height: 150px;
    margin: 2px 10px 10px 10px;
}

    .dynamicForm img.checkmark2 {
        margin: 3px 5px;
    }

    .dynamicForm img#CaptchaImg {
        float: none;
        max-width: 100%;
        max-height: 100%;
        margin: 0; /*0px 0px 0px 16px;*/ /*new form markup*/
    }

input[name="Captcha"] {
    /*margin-left: 250px;*/ /*new form markup*/
}

.dynamicForm .editor-field {
    display: inline-block;
    margin: 0 0 10px 0;
}

.dynamicForm div .editor-field {
    /*display: block;*/
}

.dynamicForm .listLabel {
    /*width: 95%;*/
    padding-bottom: 10px;
    padding-left: 10px;
    display: table-cell;
}

.dynamicForm .priceOptionDiv,
.dynamicForm .sub-editor-field {
    /*margin-left: 43px;
    margin-bottom: 10px;*/
    /*margin-left: 180px;*/
}

.dynamicForm .editor-field-label {
    margin-bottom: 10px;
    clear: both;
}

.dynamicForm .sub-editor-field .listLabel {
    width: 75%;
    margin-left: 10px;
}

.dynamicForm .sub-editor-field .listLabelName {
    margin-bottom: 0;
}

.dynamicForm .sectionTitle {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px 10px;
    display: block;
    color: #FFFFFF;
    background: #729CC2;
}

.dynamicForm .sectionDescription {
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 10px;
    color: #215DB1;
}

.dynamicForm .sectionBody {
    /*margin-left: 10px;*/
}

.dynamicForm .dynamicSection #membershipOpenClose.editor-field .membershipDiv {
    /*margin-left: 150px;*/
}

.dynamicForm .dynamicSection #membershipOpenClose .errorMessage-wide {
    margin-bottom: 5px;
}

.dynamicForm.orderSummary > .editor-label .editor-label-description {
    text-align: left;
}

.dynamicForm.orderSummary .dynamicSection .sectionBody .editor-label {
    width: 35%;
}

.dynamicForm.orderSummary .dynamicSection .sectionBody .editor-field {
    width: 60%;
    display: inline-block;
}

.dynamicForm.orderSummary .dynamicSection:first-child .sectionBody .editor-label {
    width: 85%;
}

    .dynamicForm.orderSummary .dynamicSection:first-child .sectionBody .editor-label .editor-label-description {
        text-align: left;
    }

.dynamicForm.orderSummary .dynamicSection:first-child .sectionBody .editor-field {
    width: 12%;
    text-align: right;
}

.dynamicForm.orderSummary .dynamicSection:first-child .sectionBody .editor-label .editor-label-description label[for=Total] {
    float: right;
    font-weight: 600;
}

.dynamicForm.orderSummary .PaymentInfo {
    width: 100%;
}

    .dynamicForm.orderSummary .PaymentInfo img {
        margin: -2px 10px 10px 0;
    }

    .dynamicForm.orderSummary .PaymentInfo .shortInput input[type=text] {
        width: 29px;
    }

    .dynamicForm.orderSummary .PaymentInfo .shortInput:first-child input[type=text] {
        width: 15px;
    }

    .dynamicForm.orderSummary .PaymentInfo .small-hint {
        color: #A2A3A3;
    }

    .dynamicForm.orderSummary .PaymentInfo .address .editor-label {
        margin-left: 0;
    }
/*
.dynamicForm .blueButton {
	color: #FFFFFF !important;
	text-decoration: none;
	background: #118D98 !important;
	border: 1px solid #118D98 !important;
	cursor: pointer;
	padding: 5px 15px 5px 15px;
	text-align: center;
	border-radius: 3px;
	font: 15px 'Open Sans', arial, verdana, helvetica, sans-serif;
	min-width: 60px;
	box-shadow: none;
}
*/
.passStrengthify {
    margin-top: 5px;
    margin-left: 6px;
}

/* Search Page */
.NoSearchResults {
    margin-left: 10px;
}

.searchHighlight {
    background-color: #FFFF00;
}

.all-search-container-list {
    /*float: left;*/
    margin-bottom: 20px;
}

#searchContainer {
    padding-bottom: 20px;
}

    #searchContainer .typeahead {
        width: 400px;
        height: 21px;
        padding: 4px 10px;
        font-size: 16px;
        border: 1px solid #818181;
        line-height: normal;
        position: relative;
    }

    #searchContainer .portalButton {
        margin: 0 0 0 10px;
        padding: 8px 20px 6px 20px;
        min-width: 60px;
        vertical-align: top;
    }
/* Firefox Fixes */
@-moz-document url-prefix() {
    #searchContainer .portalButton {
        padding: 6px 20px 6px 20px;
    }
}

.all-search-results ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    /*padding: 10px 20px;*/
}

    .all-search-results ul li {
        padding: 10px;
        /*margin-bottom: 20px;*/
        /* background color comes from color themes */
        /*background: #F3F3F3;*/
    }

        .all-search-results ul li div span {
            /*font-weight: 600;*/
        }

.all-search-results .item-name {
    max-width: 100%;
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.all-search-results .item-type,
.all-search-results .item-date {
    color: #888888;
}

.all-search-results .item-content {
    max-height: 64px;
    margin: 6px 0;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    overflow: hidden;
}

.all-search-container-list form .all-search-results ul li {
    padding: 10px;
}

.all-search-results .more-results {
    padding-top: 15px;
    text-align: center;
}

    .all-search-results .more-results > div {
        padding: 5px 15px;
        font-size: 15px;
        line-height: 1.333333;
        border: 1px solid transparent;
        display: inline-block;
    }

/* Search Bar*/
.loginArea {
    text-align: right;
}

    .loginArea > .search-bar {
        margin-right: 10px;
        display: inline-block;
    }

        .loginArea > .search-bar #searchString {
            max-width: 100%;
            width: 170px;
            padding-right: 25px;
        }

        .loginArea > .search-bar .input-group-addon {
            padding: 5px 6px;
            position: absolute;
            right: 0;
            top: 0;
            display: inline-block;
        }

/* Profile Table */
/* New DataTable override */

.tableWrapper {
    clear: both;
    padding-top: 20px;
    display: block;
}

#tblGrid_wrapper.dataTables_wrapper {
    /*position: relative;
	top: 40px;*/
    /*margin-top: 40px;*/
}

    #tblGrid_wrapper.dataTables_wrapper .dataTables_length {
        float: right;
        margin-bottom: 10px;
        text-align: right;
    }

    #tblGrid_wrapper.dataTables_wrapper .dataTables_filter {
        float: left;
        margin-bottom: 10px;
    }

#tblGrid_wrapper #tblGrid.listView {
    clear: both;
    width: 100%;
}

    #tblGrid_wrapper #tblGrid.listView th {
        padding: 4px 0 5px 10px;
        text-align: left;
        border-bottom: 1px solid #CCC;
    }

.SpeakersList #tblGrid_wrapper #tblGrid.listView th,
.StoryList #tblGrid_wrapper #tblGrid.listView th {
    border-bottom: none !important;
}

#tblGrid_wrapper #tblGrid.listView th.sorting,
#tblGrid_wrapper #tblGrid.listView th.sorting_asc,
#tblGrid_wrapper #tblGrid.listView th.sorting_desc {
    padding: 0;
}

#tblGrid_wrapper #tblGrid.listView td {
    padding: 6px 0; /*6px 5px 6px 10px;*/ /* Breaks Stories List */
}

#tblGrid_wrapper table.listView.dataTable {
    border-bottom: none;
}

    #tblGrid_wrapper table.listView.dataTable tr {
        background-color: transparent;
    }

th.sorting_asc,
th.sorting_desc,
th.sorting {
    background: none;
}

    th.sorting font.dropdown {
        background: url(https://../../css/gen/images/down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 10px;
    }

    th.sorting_asc font.dropdown {
        background: url(https://../../css/gen/images/up.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 10px;
    }

    th.sorting_desc font.dropdown {
        background: url(https://../../css/gen/images/down.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding-left: 10px;
    }

.listView.dragDrop tr td {
    cursor: move;
}

#tblGrid_wrapper #tblGrid.listView .profileImage {
    float: left;
    max-width: 100px;
    min-height: 100px;
    margin-right: 10px;
}

    #tblGrid_wrapper #tblGrid.listView .profileImage img {
        max-width: 100px;
        min-height: 100px;
        text-align: center;
    }

        #tblGrid_wrapper #tblGrid.listView .profileImage img[src=""] {
            min-height: 10px;
            margin-bottom: 10px;
        }

    #tblGrid_wrapper #tblGrid.listView .profileImage .imageOptions {
        position: absolute;
    }

        #tblGrid_wrapper #tblGrid.listView .profileImage .imageOptions img {
            min-height: 16px;
        }

#tblGrid.listView td .tabSectionColumnLine:before,
#tblGrid.listView td .tabSectionColumnLine:after {
    content: "";
    clear: both;
    display: block;
}

#tblGrid.listView td .tabSectionColumnLine .lineLabel {
    float: left;
    color: #777777;
    width: 100px;
    text-align: left;
    padding-right: 10px;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

#tblGrid.listView td .tabSectionColumnLine .lineValue {
    float: left;
    width: calc(100% - 110px);
    padding-right: 10px;
    color: #333333;
    text-align: left;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #tblGrid.listView td .tabSectionColumnLine .lineValue.hasBlank {
        width: 100%;
    }



#tblGrid.listView .lineLabel.blankField {
    display: none;
}

.photoAlbum ul#photo-album li img {
    /*max-width: 100px;
	max-height: 100px;*/
    max-width: 100%;
    min-width: 50px;
}

.PaymentThankyouWrapper {
    margin: 0 60px 40px 60px;
}

.PaymentThankyouMessageHeader {
    margin: 20px 0;
    clear: both;
}

    .PaymentThankyouMessageHeader:before {
        content: "";
        float: left;
        background: url(../../css/gen/images/greencircle_checkmark.png) 0 10px;
        background-repeat: no-repeat;
        background-size: 75px;
        padding-left: 100px;
        height: 100px;
    }

    .PaymentThankyouMessageHeader:after {
        content: "";
        clear: both;
        min-height: 1px;
        display: block;
    }

    .PaymentThankyouMessageHeader h2 {
        float: left;
        margin: 0;
        padding-top: 30px;
        padding-bottom: 20px;
        font-size: 24pt;
        font-weight: normal;
    }

.PaymentThankyouMessageBody {
}

    .PaymentThankyouMessageBody div {
        margin-bottom: 20px;
    }

    .PaymentThankyouMessageBody ul {
        list-style: none;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .PaymentThankyouMessageBody ul li .label {
            float: left;
            min-width: 145px;
            margin-right: 5px;
            text-align: right;
            display: block;
        }

        .PaymentThankyouMessageBody ul li .value {
            font-weight: 600;
        }

.PayPalStdSubmit {
    margin-top: 80px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    /*background: url(../../css/gen/images/saving.gif) no-repeat 0px 150px;*/
    /*height:400px;*/
}

    .PayPalStdSubmit .waiting-redirect .fa-pulse {
        margin-top: 50px;
        font-size: 100px;
        color: #82CEEE;
    }

.bottomPadding {
    padding-bottom: 30px;
}

    .bottomPadding h1 {
        margin-left: 10px;
    }
/* Guest Fix D2857 */
table#tblAddPerson tr td:first-child {
    min-width: 200px;
}

/* Making 2 forms look good on Event/RegisterMember */
.event .register-member table#tblRegisterMe tr td:first-child,
.event .register-member table#tblAddPerson tr td:first-child {
    vertical-align: inherit;
    min-width: 100px;
}

.event .register-member table#tblRegisterMe tr td.required,
.event .register-member table#tblAddPerson tr td.required {
    font-style: normal;
}

.event .register-member table#tblRegisterMe tr td.tag-text,
.event .register-member table#tblAddPerson tr td.tag-text {
    vertical-align: top;
    padding-top: 5px;
}

.event .register-member table#tblAddPerson tr td input[type="text"] {
    margin-top: 8px;
}


.event .register-member table#tblAddPerson tr td:first-child .portalButton {
    line-height: normal;
}

table#tblAddPerson tr td span.input-hint {
    display: block;
    margin-right: 20px;
    font-size: 12px;
}

/* datatables override */
table.dataTable.listView thead .sorting,
table.dataTable.listView thead .sorting_asc,
table.dataTable.listView thead .sorting_desc {
    background-image: none;
}

table.dataTable.listView thead th, table.dataTable thead td {
    border-bottom: none;
}

.loginArea2.no-login {
    display: none;
}

.page-description {
    margin-left: 10px;
    margin-right: 10px;
}

/* Online Payment */
#fsOnlinePayment .editor-label {
    min-width: 200px;
    padding-right: 15px;
    text-align: right;
}

#fsOnlinePayment .editor-field {
    margin-left: 221px;
}

#fsOnlinePayment .editor-label .editor-label-description {
    margin-right: 0;
}

#fsOnlinePayment .editor-field .errorMessage-wide {
    padding-left: 0;
}

#fsOnlinePayment .editor-field .shortInput.cc-validate {
    float: none;
}

#fsOnlinePayment .editor-field .shortInput.date-separator {
    margin-right: 5px;
    margin-left: 5px;
}

/* Photo Albumn Description Override */
.fancybox-skin .fancybox-title.fancybox-title-float-wrap {
    margin: 0;
    padding-top: 10px;
    color: #444;
    border-radius: 4px;
    position: relative;
    right: 0;
    background: #f9f9f9;
}

    .fancybox-skin .fancybox-title.fancybox-title-float-wrap .child {
        margin: 0;
        padding: 0;
        background: none;
        text-shadow: none;
        color: #333;
        font-size: 12px;
        font-weight: normal;
        white-space: normal;
    }

/* Events Register Page - Removed inline */
sup.error-msg {
    visibility: hidden;
    color: red;
    font-size: 16px;
}

#divCaptcha, #btnSubmit {
    margin-left: 35px;
}

#btnSubmit {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 10px;
}

    #btnSubmit:disabled {
        background: #e3e3e3;
        color: #808080;
        cursor: default;
    }

.owingtext {
    padding-top: 10px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: bold;
}

#lblTotalRegistrationCost {
    font-weight: normal;
}

#tblPersonList {
    margin: 10px;
    width: 50%;
}

#tblPersonList {
    content: "";
    display: table;
}

    #tblPersonList:after {
        clear: both;
    }

    #tblPersonList td, #tblPersonList th {
        padding: 3px;
    }

.alignRight {
    text-align: right !important;
}

.alignLeft {
    text-align: left;
}

/*.event-description {
    margin-left: 20px;
}*/


/* paginate */
div.dataTables_wrapper .dataTables_paginate .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #FFF !important;
    background: rgb(0, 130, 179);
    border: 1px solid #AAA;
}

div.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 3px;
    background: transparent;
    border: 1px solid transparent;
}

    div.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #FFFFFF !important;
        background: rgb(0, 130, 179);
        border: 1px solid #AAA;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background-color: transparent;
    border: none;
}

div.dataTables_wrapper .dataTables_paginate > span > span {
    float: left;
}

div.dataTables_wrapper .dataTables_info {
    color: #6E6E6E;
}

/* Birthday Widget - moved from embedded styling */
.WidgetWrapper .birthdayTitle {
    font-style: italic;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCC;
}

.WidgetWrapper .memberfullName {
    font-weight: bold;
}

.WidgetWrapper .spousefullName {
    font-weight: bold;
}

.WidgetWrapper .memberDate {
}

.WidgetWrapper ul.birthdayList {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 0px;
    padding-left: 0;
}

/* Hide 1 price plan */
.dynamicForm .dynamicSection .sectionBody .sub-editor-field.pricePlanDiv .editor-field-label:only-child {
    display: none;
}

/* New Banner Style */
.BannerWrapper {
    position: relative;
}

    .BannerWrapper .BannerBackground img {
        max-width: 100%;
        height: auto;
        opacity: 0;
    }

        .BannerWrapper .BannerBackground img[src=""] {
            display: none;
        }

    .BannerWrapper .BannerContent {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .BannerWrapper.banner-bg .BannerContent {
        position: absolute;
        top: 0;
    }

    .BannerWrapper .BannerContent div {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

/* New Language Selector */
.language-selector {
    float: left;
    margin-top: 4px;
    margin-bottom: 4px;
}

    .language-selector li {
        list-style: none;
        position: relative;
    }

    .language-selector .dropdown .dropdown-menu {
        display: none;
    }

    .language-selector .dropdown.open .dropdown-menu {
        display: block;
        position: absolute;
        left: 0;
        right: 100%;
    }

#loginContainer1 .language-selector .dropdown-menu a {
    color: #333333;
}

    #loginContainer1 .language-selector .dropdown-menu a:hover {
        color: #FFFFFF;
    }

/* Bootstrap content templates */

/* UL, OL fix */
.PageWidget ul:not(.upcoming-event-list),
.PageWidget ol {
    overflow: hidden; /** overlapping floating elements **/
}

.cke_editable ul,
.cke_editable ol {
    overflow: hidden; /** overlapping floating elements **/
}

.PageWidget:before,
.PageWidget:after {
    content: "";
    clear: both;
    display: block;
}

.boxContainer1NoFrameNoBorder:before,
.boxContainer1NoFrameNoBorder:after,
.boxContainer1:before,
.boxContainer1:after {
    content: "";
    clear: both;
    display: block;
}

.band-wrapper .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0; /*15px;*/
    padding-right: 0; /*15px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.band-wrapper .row {
    margin-left: -5px; /*-15px;*/
    margin-right: -5px; /*-15px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px; /*15px;*/
    padding-right: 5px; /*15px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.single-column, .main-column, .side-column {
    /*Collapses empty column on old themes*/
    /*min-height: 0;*/
    padding-left: 5px;
    padding-right: 5px;
}

/* Bootstrap Carousel */
.carousel {
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .carousel .carousel-inner img {
        max-width: 100%;
        width: 100%;
    }

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner img {
        margin: 0;
    }

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        -moz-perspective: 1000;
        perspective: 1000;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.6;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 5px rgba(0, 0, 0, 1);
}

    .carousel-control .hidden {
        display: none !important;
    }

    .carousel-control.left {
        /*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
*/
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        /*
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
*/
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: 0;
        /*color: #ffffff;*/
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        line-height: 1;
        font-family: serif;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-indicators + .carousel-inner .carousel-caption {
    padding-top: 20px;
    padding-bottom: 20px;
    bottom: 20px;
}

.carousel-caption .btn {
    text-shadow: none;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
    }

    .carousel-indicators + .carousel-inner .carousel-caption {
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .carousel-caption {
        font-size: 8px;
    }

        .carousel-caption .caption-title {
            margin: 0;
            font-size: 1.5em; /*old browsers*/
            font-size: 3.5vw;
        }

    .carousel-indicators + .carousel-inner .carousel-caption {
        padding-bottom: 0;
    }

    .carousel-indicators {
        margin-top: 0;
        margin-bottom: 0;
        bottom: 10px;
        display: none; /*hide indicators for mobile*/
    }

        .carousel-indicators li {
            width: 6px;
            height: 6px;
        }

            .carousel-indicators li.active {
                width: 8px;
                height: 8px;
            }
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/** new website footer **/
.website-footer img {
    max-width: 100%;
    height: auto;
}

/** MN Forms **/
.public-directory .form-horizontal fieldset {
    margin: 0;
}

.form-group {
    margin-bottom: 15px;
}

    .form-group:before, .form-group:after {
        content: "";
        clear: both;
        display: block;
    }

    .form-group .editor-label {
        float: left;
        width: 33.33333333%;
        margin: 0;
        padding-right: 15px;
        text-align: right;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

@media (max-width: 768px) {
    .form-group .editor-label {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        padding-right: 0;
        text-align: left;
    }

    .calendar-item .calendar-item-image {
        text-align: center;
        margin-bottom: 10px;
    }
}

.col-xs-12.col-sm-12.col-md-12.col-lg-12.calendar-item-details {
    margin-bottom: 10px;
}

.form-group .editor-field {
    float: left;
    width: 66.66666667%;
    margin: 0;
    padding-left: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media (max-width: 768px) {
    .form-group .editor-field {
        float: left;
        width: 100%;
        padding-left: 0;
        text-align: left;
    }
}

.input-group {
    position: relative;
    display: table;
    /*margin-bottom: 5px;*/
}

    .input-group .radio-inline {
        padding-left: 0;
    }

.input-group-inline {
    float: left;
}

@media (max-width: 480px) {
    .input-group .checkbox-inline, .input-group .radio-inline {
        width: 100%;
    }
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.input-group-radio .radio-inline {
    min-width: 100px;
}

.editor-field .input-group .radio-inline {
    margin-right: 10px;
}

    .editor-field .input-group .radio-inline:last-child {
        margin-right: 0;
    }

/* Disabled Checkboxes */
.disabled-checkbox input[type="checkbox"] {
    opacity: 0.6;
}

.disabled-checkbox label {
    opacity: 0.6;
}

/* Search Results */
#searchResults {
    margin-top: 20px;
}

/* Photo Album List Style */
.PhotoAlbumList .listView th.NoSort {
}

.PhotoAlbumList .listView th.title {
    font-size: 14px;
    line-height: normal;
}

.PhotoAlbumList .listView th.date {
    font-size: 14px;
    line-height: normal;
}

/* New Gallery View Style */
.PhotoAlbumGallery {
    width: 100%;
    padding-left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .PhotoAlbumGallery table.listView.dataTable.gallery-list {
        display: block !important;
    }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list thead tr.headmain {
            width: 100%;
        }

            .PhotoAlbumGallery table.listView.dataTable.gallery-list thead tr.headmain .title {
                padding-left: 0;
            }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list tbody {
            margin-left: -7px;
            margin-right: -3px;
            display: block;
        }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list tr {
            float: left;
            width: 50%;
            position: relative;
            min-height: 1px;
            padding-left: 5px;
            padding-right: 5px;
            margin-bottom: 10px;
            display: block;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            background: transparent !important;
        }

        /* Photo Album List Sizes */
        .PhotoAlbumGallery table.listView.dataTable.gallery-list tr {
            width: 25%; /*220px;*/
        }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list th {
            border-bottom: none !important;
        }

            .PhotoAlbumGallery table.listView.dataTable.gallery-list th.title,
            .PhotoAlbumGallery table.listView.dataTable.gallery-list th.date {
                padding-right: 10px !important;
                font-size: 14px;
                line-height: 1;
            }

            .PhotoAlbumGallery table.listView.dataTable.gallery-list th.NoSort {
                display: none;
            }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list td {
            display: none;
        }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-item .album-title,
        .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-item .album-description {
            display: block;
        }

    .PhotoAlbumGallery #tblGrid_wrapper #tblGrid.listView.dataTable.gallery-list .album-item {
        width: auto;
        padding: 0;
        border: 1px solid #ececec;
        border-radius: 4px;
        background-color: #fff;
        display: block;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-item-block {
        padding: 10px;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-image {
        text-align: center;
    }

        .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-image img {
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            margin-bottom: 10px;
        }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-title {
        margin-bottom: 10px;
        font-size: 17px;
        font-weight: bold;
        line-height: 1.3;
        word-break: break-word;
        -ms-word-break: break-word;
        word-wrap: break-word;
        -ms-word-wrap: break-word;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-date {
        margin-bottom: 7.5px;
        font-size: 13px;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-description {
        max-height: 65px;
        overflow: hidden;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-meta {
        padding: 5px;
        border-top: 1px solid #ececec;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:before,
    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:after {
        content: " ";
        display: table;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:after {
        clear: both;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:before,
    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:after {
        content: " ";
        display: table;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .album-options:after {
        clear: both;
    }

    .PhotoAlbumGallery table.listView.dataTable.gallery-list .open-album {
        float: right;
    }

/* Photo Album Details */
.photoalbumdetails .photoAlbum {
    padding-bottom: 15px;
}

#photo-album {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: -15px;
    margin-right: -15px;
}

    #photo-album > li {
        /*padding: 15px;*/
        width: 33.33333333%;
        text-align: center;
        float: left;
        text-align: center;
        position: relative;
        min-height: 1px;
        /*padding-left: 15px;
  padding-right: 15px;*/
        margin: 0;
    }

        #photo-album > li a {
            display: block;
            margin: 15px 15px 0 0;
        }

    #photo-album img {
        height: auto;
        max-width: 100%;
        min-width: 50px;
        border-radius: 0;
    }

#photo-album-pictures #photo-album {
    margin: 0;
    margin-right: -15px;
    min-height: 100% !important;
    /*margin-left: 5px;
    margin-right: 5px;*/
}
/* Support of old HTML and new bootstrap HTML in _PhotoAlbumDetails */
#photo-album-info .photoAlbumImageWrapper img {
    max-width: 200px;
    float: left;
    margin-right: 10px;
}

#photo-album-info .row .photoAlbumImageWrapper img {
    max-width: 100%;
    float: none;
    margin-right: 0;
}



.Subscription .unsubscribe-greeting {
    padding-bottom: 20px;
}

.form-block .form-checkmark {
    width: 30px;
    height: 24px;
    text-align: center;
    display: inline-block;
    min-width: 20px;
    padding-right: 10px;
    margin-top: -8px;
}

.form-block .form-info {
    padding-bottom: 10px;
    padding-left: 30px;
    width: 100%;
    display: inline-block;
}

.form-block .btn {
    text-align: center;
}

.form-block .form-text {
    text-align: center;
    padding-top: 20px;
}

.form-block .form-button {
    width: 100%;
    margin: auto;
    text-align: center;
}

.form-block .checkmark2 {
    color: green;
    font-size: 20px;
    font-weight: bolder;
}

.form-block h4 {
}

.form-center {
}



/* Saving form screen */
.stretched .TwoColumnsRightNarrow .middleColumn .message.info {
    width: calc(100% - 35px);
}

/*Event/RegisterMember*/
.content-wrapper.register-member {
    display: inline-block;
    padding-bottom: 50px;
}

    .content-wrapper.register-member .message {
        margin-left: 0;
    }

/* apply this class to .row to vertically align the content */

.vertical-align {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.form-group .control-label {
    font-weight: 600;
}

.vertical-padding {
    padding-left: 5px;
    padding-right: 5px;
}


/*** Images for member designations: chart and photos ***/
.districtorganizationchartphoto .MemberDesignation img,
.districtorganizationchart .MemberDesignation img {
    display: inline-block;
    margin-bottom: 5px;
}

/*** Contact Us widged, different variations ***/

.ContactUsForm legend {
    line-height: normal;
    margin-bottom: 10px;
}

.ContactUsForm .row {
    margin-left: -5px; /*-15px;*/
    margin-right: -5px; /*-15px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .ContactUsForm .row:before,
    .ContactUsForm .row:after {
        content: "";
        display: table;
    }

    .ContactUsForm .row:after {
        clear: both;
    }

.ContactUsForm .FieldsAreRequired span {
    padding-left: 0;
}

.ContactUsForm textarea, .ContactUsForm input[type="text"] {
    width: 240px;
}

.side-column, .leftColumn, .rightColumn {
}

    .side-column .FieldsAreRequired, .leftColumn .FieldsAreRequired, .rightColumn .FieldsAreRequired {
        width: 100%;
    }

        .side-column .FieldsAreRequired span, .leftColumn .FieldsAreRequired span, .rightColumn .FieldsAreRequired span {
            padding-left: 0px;
        }

    .side-column .editor-label, .leftColumn .editor-label, .rightColumn .editor-label {
        margin-left: 0px;
    }

    /*.side-column .narrow .editor-field, .leftColumn .narrow .editor-field, .rightColumn .narrow .editor-field {
        width: 100%;
    }*/

    .side-column fieldset.narrow, .leftColumn fieldset.narrow, .rightColumn fieldset.narrow {
        margin: 0;
        /*padding: 0;*/
    }

    .side-column .ContactUsForm .editor-label, .leftColumn .ContactUsForm .editor-label, .rightColumn .ContactUsForm .editor-label, .side-column .ContactUsForm .editor-field, .leftColumn .ContactUsForm .editor-field, .rightColumn .ContactUsForm .editor-field {
        float: left;
        width: 100%;
    }

    .side-column .ContactUsForm .editor-label-description, .rightColumn .ContactUsForm .editor-label-description, .leftColumn .editor-label-description {
        text-align: left;
    }

    .side-column .ContactUsForm input, .leftColumn .ContactUsForm input, .rightColumn .ContactUsForm input, .side-column .ContactUsForm textarea, .leftColumn .ContactUsForm textarea, .rightColumn .ContactUsForm textarea {
        width: 100%;
    }

        .side-column .ContactUsForm input[type="submit"],
        .leftColumn .ContactUsForm input[type="submit"],
        .rightColumn .ContactUsForm input[type="submit"] {
            width: auto;
        }

.ContactUsForm .EmailMessageBody {
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    width: 100%;
}

.ContactUsForm .validation-summary-valid ul {
    margin: 0;
}

.ContactUsForm .editor-label label {
    margin-top: 2px;
}

.ContactUsForm .floatRight {
    margin-bottom: 0;
}

.ContactUsForm legend {
    padding: 0;
}

.ContactUsForm .FieldsAreRequired span {
    color: #C41616;
    font-weight: bold;
}


/*FF fix for fieldset */
@-moz-document url-prefix() {
    .ContactUsForm.HomePage fieldset {
        display: table-cell;
        padding: 10px 0;
    }
}


/* select2 */
.select2-drop { /* phone dropdown in popup */
    z-index: 10001 !important;
    border: 1px solid #5897FB !important;
}

    .select2-drop.select2-drop-above .select2-search input, .select2-drop .select2-search input {
        margin-top: 5px;
    }

.select2-drop-mask {
    z-index: 10000 !important;
}

/* D3870 */

.FormattedEventDateWrap, .FormattedClubShortName {
    padding-left: 3px;
}

.FormattedEventDate a:hover img {
    opacity: 0.7;
}

/** Fix for images in tables **/
/* Fix above breakes image in table, refer to D3913 */
/*.boxContainer1 table td img, .boxContainer1NoFrameNoBorder table td img {
    max-width: none;
}*/

/* F3944 */
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #AFAFAF !important;
}

table.dataTable tbody tr {
    background-color: transparent !important;
}

    table.dataTable tbody tr.odd {
        background-color: #FAFAFA !important;
    }

.ClubDirectory table.ClubDirectoryTab {
    border-spacing: 2px !important;
}

table.dataTable tbody th, table.dataTable tbody td,
table.dataTable thead th, table.dataTable thead td {
    padding: 5px !important;
}

.ClubDirectory table.ClubDirectoryTab .clubWebsite img {
    margin: 0;
}

.clubPhoneLabel, .clubEmailLabel, .clubFaxLabel {
    text-align: right;
}

.clubsmap .club-popup-info {
    line-height: 150%;
}

    .clubsmap .club-popup-info .clubPhoneOnMap .clubPhoneLabel,
    .clubsmap .club-popup-info .clubFaxOnMap .clubFaxLabel,
    .clubsmap .club-popup-info .clubEmailOnMap .clubEmailLabel,
    .clubsmap .club-popup-info .clubWebsiteOnMap .clubWebsiteLabel {
        text-align: left;
        padding-left: 0;
    }

    .clubsmap .club-popup-info .clubEmailData {
        word-break: break-all;
    }

/** Tooltip **/
.fa-question-circle {
    font-size: 20px;
    width: 22px;
    margin: 0 5px;
    color: #777;
    text-align: center;
    position: relative;
    top: 2px;
    margin-top: 3px;
}

    .fa-question-circle:hover {
        cursor: pointer;
        color: rgba(0, 0, 0, 0.2);
    }

.ui-widget.ui-tooltip {
    max-width: 200px;
    color: #71653A;
    background-color: #FFF1BE;
    background: #FFF1BE;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    border: 1px solid #71653A;
    border-radius: 5px;
    padding: 10px 10px;
    position: absolute;
    text-align: center;
    opacity: 0.9;
    z-index: 10070;
}

    .ui-widget.ui-tooltip .ui-tooltip-content {
        background-color: #FFF1BE;
        background: #FFF1BE;
        color: #71653A;
    }

        .ui-widget.ui-tooltip .ui-tooltip-content:before {
            content: "";
            position: absolute;
            border-left: 10px solid rgba(113, 101, 58, 0);
            border-right: 10px solid rgba(113, 101, 58, 0);
            border-bottom: 10px solid #71653A;
            left: 45%;
            top: -10px;
        }

        .ui-widget.ui-tooltip .ui-tooltip-content:after {
            content: "";
            position: absolute;
            border-left: 10px solid rgba(255, 241, 190, 0);
            border-right: 10px solid rgba(255, 241, 190, 0);
            border-bottom: 10px solid #FFF1BE;
            left: 45%;
            top: -9px;
        }


/* Gallery View Style */
.BulletinGallery {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px;
}

.TwoColumnsRightNarrow .BulletinGallery {
    margin-right: 10px;
}

@media (max-width: 992px) {
    .BulletinGallery {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.BulletinGallery .bulletin-item {
    float: left;
    width: 50%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*@media (max-width: 480px) {
    .BulletinGallery .bulletin-item {
        width: 100%;
    }
}*/
@media (min-width: 768px) {
    .BulletinGallery .bulletin-item {
        float: left;
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .BulletinGallery .bulletin-item {
        float: left;
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .BulletinGallery .bulletin-item {
        float: left;
        width: 25%;
    }
}

.BulletinGallery .bulletin-item-block {
    padding: 15px;
    border: 1px solid #ececec;
    border-radius: 4px;
    background: #fff;
    display: block;
}

.BulletinGallery .bulletin-image {
    text-align: center;
}

    .BulletinGallery .bulletin-image img {
        max-width: 100%;
        margin-bottom: 15px;
    }

.BulletinGallery .bulletin-title {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    color: inherit;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.BulletinGallery .bulletin-date {
    margin-bottom: 5px;
    font-size: 13px;
}

/** Navigation Tabs **/
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #ecf0f1;
            }

        .nav > li.disabled > a {
            color: #b4bcc2;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #b4bcc2;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #ecf0f1;
        border-color: #008F7D;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9.5px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ecf0f1;
}

    .nav-tabs:before,
    .nav-tabs:after {
        content: "";
        display: table;
    }

    .nav-tabs:after {
        clear: both;
    }

    .nav-tabs > li {
        float: left;
        /*margin-bottom: 1px;*/
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 0 0 0 0;
        }

            .nav-tabs > li > a:hover {
                border-color: #ecf0f1 #ecf0f1 #ecf0f1;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #2C3E50;
            background-color: #fff;
            border: 1px solid #ecf0f1;
            border-bottom-color: transparent;
            cursor: default;
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0;
    }

        .nav-tabs.nav-justified > li {
            float: none;
        }

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px;
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto;
        }

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: 0;
        }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ecf0f1;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ecf0f1;
        border-radius: 0 0 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.tab-content > .tab-pane .bulletin-item {
    display: none;
}

.tab-content > .active .bulletin-item {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.mn-tabs {
    margin-bottom: 15px;
    clear: both;
}

    .mn-tabs li {
        margin-top: 7.5px;
        /*border-bottom: 1px solid #F5F5F5;*/
    }

        .mn-tabs li a {
            /*margin-bottom: -1px;*/
            background-color: #F5F5F5;
            border: 1px solid #EcEcEc;
            border-bottom: #F5F5F5;
            padding: 5px 10px;
            margin-left: 5px;
            color: #2C3E50;
            position: relative;
            top: 1px;
        }

        .mn-tabs li.active a {
            /*margin-bottom: -1px;*/
            position: relative;
            top: 1px;
            font-weight: 600;
        }

.subscriber-remove h2 {
    margin-top: 0;
}

.subscriber-remove .editor-label-description {
    text-align: right;
}

.subscriber-remove .portalButtonWrapper {
    margin-top: 10px;
    text-align: center;
}

/** Speakers Widgets **/
.leftColumn .speakerInfo,
.rightColumn .speakerInfo,
.side-column .speakerInfo {
    clear: both;
}

.speakersWidget .speakerInfo:before,
.speakersWidget .speakerInfo:after {
    content: "";
    display: table;
}

.speakersWidget .speakerInfo:after {
    clear: both;
}

.speakersWidget .speakerThumbnailWrapper {
    float: left;
    max-width: 100px;
    max-height: 100px;
    margin: 5px 10px 5px 0px;
    padding: 5px;
    text-align: center;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: inset 0 0 8px #D5D5D5;
    background: #fff;
}

    .speakersWidget .speakerThumbnailWrapper img {
        width: 100%;
        max-width: 100px;
        height: auto;
        max-height: 100px;
        margin: 0;
    }

.speakersWidget .speakerComments {
    padding-top: 10px;
    padding-bottom: 0;
}

/** Hightlight Speaker **/
.highlight-speaker {
    /*border-bottom: 1px solid #ececec;*/
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ececec;
    background-color: rgba(235, 235, 235, 0.4);
}

    .highlight-speaker .speakersWidget {
    }

    .highlight-speaker .speakerName {
        font-size: 115%;
        font-weight: bold;
    }

    .highlight-speaker .speakerTopic {
        font-size: 115%;
    }

.CurrentSpeaker.highlight-speaker {
    padding: 0;
    border: none;
    background-color: transparent;
}

/* D3913 - .ck-image-wrap for images correct display in tables */
.boxContainer1 .CKeditorTemplates .ck-image-wrap, .boxContainer1NoFrameNoBorder .CKeditorTemplates .ck-image-wrap,
.customWidgetContent .ck-image-wrap, .widgetPreviewDesignerWrapper .ck-image-wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
}

/* Fixing issues with long stretching phrases */
.PageWidget {
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

/* F3776 - Calendar Item */
.calendar-item .container {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .calendar-item .container label {
        font-weight: normal;
    }

    .calendar-item .container .calendar-item-image {
        text-align: center;
    }

        .calendar-item .container .calendar-item-image figure {
            margin: 0;
        }

        .calendar-item .container .calendar-item-image img {
            /*border: 1px solid #ccc;*/
            /*padding: 5px;*/
            max-width: 100%;
            height: auto;
            max-height: 200px;
        }

    .calendar-item .container .calendar-item-website {
        display: flex;
        align-items: center;
        padding-top: 3px;
    }

.calendar-item .calendar-item-link {
    padding-top: 3px;
}

.calendar-item .container .calendar-item-date {
    text-align: center;
    vertical-align: middle;
    background: #f0f0f0;
    vertical-align: middle;
}

    .calendar-item .container .calendar-item-date .day {
        /*padding-top: 5px;*/
        font-size: 35px;
        color: #8A8A8A;
        line-height: normal;
    }

    .calendar-item .container .calendar-item-date .month {
        font-size: 20px;
        color: #8A8A8A;
        line-height: normal;
    }

    .calendar-item .container .calendar-item-date .year {
        font-size: 14px;
        color: #8A8A8A;
        line-height: normal;
    }

    .calendar-item .container .calendar-item-date .time {
        font-size: 14px;
        line-height: normal;
        color: #8A8A8A;
    }

.calendar-item .container .calendar-item-details {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin-left: 15px;
    min-width: calc(100% - 15px);
}

.calendar-item .container .calendar-item-location label {
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 1px;
}

.calendar-item .container .calendar-item-description,
.calendar-item .container .calendar-item-map {
    padding: 15px;
}

    .calendar-item .container .calendar-item-map iframe {
        width: 100%;
    }

.calendar-item .container .calendar-item-details-wrapper-2 > .row {
    margin: 5px 0;
    display: inline-block;
    width: 100%;
}

    .calendar-item .container .calendar-item-details-wrapper-2 > .row .calendar-item-icon {
        text-align: center;
        padding: 0;
    }

        .calendar-item .container .calendar-item-details-wrapper-2 > .row .calendar-item-icon .fa {
            font-size: 16px;
            /*line-height: normal;*/
            line-height: 150%;
            color: #8A8A8A;
            text-align: center;
        }

            .calendar-item .container .calendar-item-details-wrapper-2 > .row .calendar-item-icon .fa.fa-map-marker {
                margin-top: -2px;
            }

.calendar-item .calendar-item-location {
    line-height: 150%;
}

    .calendar-item .calendar-item-location .top-buffer div {
        padding-left: 0;
    }

.calendar-item .calendar-item-datetime {
    line-height: 150%;
    /*padding-top: 3px;*/
}

.calendar-item .calendar-item-wrapper {
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Calendar Item Display in One Column - No Sponsors */
.calendar-item.OneColumn div[class*="col-lg-"].calendar-item-image {
    /*float: none !important;
    width: 16.66666667%;*/
}

.calendar-item.OneColumn div[class*="col-md-"].calendar-item-image {
    /*float: none !important;
    width: 16.66666667%;*/
}

.calendar-item.OneColumn div[class*="col-sm-"].calendar-item-image {
    float: none !important;
    /*width: 50%;*/
}

.calendar-item .SocialMedia {
    display: inline-block;
    width: 100%;
}

.calendaritem .calendar-item .SocialMedia {
    margin-left: 15px;
    max-width: calc(100% - 15px);
}

/* Image control in Calendar Item Description */
.calendaritem .calendar-item .calendar-item-description img {
    max-width: 100%;
    height: auto !important;
}

/* Calendar Item Display in Two Columns - With Sponsors */
@media (min-width: 480px) and (max-width: 768px) {
    .calendar-item.TwoColumnsRightNarrow .is-table-row,
    .calendar-item.TwoColumnsRightNarrow .calendar-item-image {
        display: block;
        margin: auto;
    }

    .calendar-item.TwoColumnsRightNarrow .calendar-item-image {
        margin-bottom: 5px;
    }

    .calendar-item.TwoColumnsRightNarrow .calendar-item-date {
        left: 0;
    }
}

@media (max-width: 480px) {
    .calendar-item.OneColumn .is-table-row,
    .calendar-item.OneColumn .calendar-item-image {
        display: block;
        margin: auto;
    }

    .calendar-item.OneColumn .calendar-item-image {
        margin-bottom: 5px;
    }

    .calendar-item.OneColumn .calendar-item-date {
        left: 0;
    }
}

.calendar-item .container .calendar-item-details > div {
    min-height: 100px;
}

/* Special Fix form FF */
@-moz-document url-prefix() {
    .calendar-item .container .calendar-item-details > div {
        height: 100px;
    }
}

/* D3988 - CMS - Footer List */
.body-website-footer {
    display: flex;
    align-items: center;
}


/* 
    //
    //** New Form Markup
    //
*/
label {
    margin-bottom: 5px;
}

.control-label-size,
.label-control-size {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.form-control-size,
.field-control-size {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.form-control-static,
.field-control-static {
    padding-top: 0;
    padding-bottom: 5px;
}

.radio-inline:last-child,
.checkbox-inline:last-child {
    margin-right: 0;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    margin-left: 0;
}

.checkbox label,
.radio label {
    width: auto;
    max-width: calc(100% - 20px);
    padding-top: 3px;
    display: inline-block;
}

/*.form-horizontal .radio,
.form-horizontal .checkbox,*/
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 4px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 23px;
}

.form-horizontal .field-group .radio,
.form-horizontal .field-group .checkbox {
    min-height: 23px;
}

.help-block {
    display: block;
    margin: 0;
    padding-top: 5px;
    color: #6f6f6f;
    font-size: 13px;
    font-style: italic;
}

@media (min-width: 768px) {
    .form-horizontal .control-label,
    .form-horizontal .label-control {
        padding-top: 4px;
        text-align: right;
    }
}

.form-horizontal .form-control-static,
.form-horizontal .field-control-static {
    padding-top: 4px;
    padding-bottom: 4px;
}

#CaptchaImg {
    max-width: 200px;
}

.radio-inline label,
.checkbox-inline label {
    font-weight: normal;
}

.field-control-static {
    min-height: 1px;
    display: inline-block;
}

.radio-inline {
    cursor: default;
}

    .radio-inline input[type="radio"] + label {
        width: auto;
        max-width: 100%;
    }

    .radio-inline label {
        margin-bottom: 0;
        cursor: pointer;
    }

    .radio-inline ~ select {
        top: 1px;
    }

    .radio-inline ~ input[type="text"] {
        top: 1px;
    }

.checkbox-inline {
    cursor: default;
}

    .checkbox-inline input[type="checkbox"] + label {
        width: auto;
        max-width: 100%;
    }

    .checkbox-inline label {
        margin-bottom: 0;
        cursor: pointer;
    }

    .checkbox-inline ~ select {
        top: 1px;
    }

    .checkbox-inline ~ input[type="text"] {
        top: 1px;
    }

form:before,
form:after {
    content: " ";
    display: table;
}

form:after {
    clear: both;
}

form:before,
form:after {
    content: " ";
    display: table;
}

form:after {
    clear: both;
}

.field-group:before,
.field-group:after {
    content: " ";
    display: table;
}

.field-group:after {
    clear: both;
}

.field-group:before,
.field-group:after {
    content: " ";
    display: table;
}

.field-group:after {
    clear: both;
}

.field-group-static label {
    color: #808080;
}

input.input-xs {
    width: 50px !important;
}

input.input-sm {
    width: 75px !important;
}

input.input-md {
    width: 200px !important;
}

input.input-lg {
    width: 300px !important;
}

input.input-xl {
    width: 375px !important;
}

label.label-control.field-required {
    position: relative;
    color: #005DAA;
}

    label.label-control.field-required:before {
        content: "";
        /*font-family: Georgia, 'Times New Roman', Times, serif;*/
        margin-left: -10px;
        position: absolute;
        top: 0;
        /*color: #005DAA;*/
        font-size: 17px;
        font-weight: bold;
    }

input.field-required,
select.field-required,
textarea.field-required {
    max-width: calc(100% - 13px);
    display: inline-block;
}

input ~ .field-required:not(label),
select ~ .field-required:not(label),
textarea ~ .field-required:not(label) {
    width: 15px;
    display: inline;
    position: relative;
    /*color: #005DAA;*/
}

    input ~ .field-required:not(label):before,
    select ~ .field-required:not(label):before,
    textarea ~ .field-required:not(label):before {
        top: 0;
        left: 5px;
    }

.field-required .ContactCaptcha {
    max-width: calc(100% - 15px);
    float: none;
}

/* IE-fixes */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input ~ .field-required:not(label):before,
    select ~ .field-required:not(label):before,
    textarea ~ .field-required:not(label):before {
        top: -12px;
    }
}
/* Firefox Fixes */
@-moz-document url-prefix() {
    input ~ .field-required:not(label):before,
    select ~ .field-required:not(label):before,
    textarea ~ .field-required:not(label):before {
        top: -12px;
    }
}

input ~ .field-required:before,
select ~ .field-required:before,
textarea ~ .field-required:before {
    content: "*";
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    position: absolute;
    bottom: 0;
    color: #C41616;
    /*color: #005DAA;*/
    font-weight: bold;
    font-size: 17px;
}

input[type="checkbox"] ~ .field-required:before,
input[type="radio"] ~ .field-required:before {
    content: "";
    display: none;
}

.checkbox:first-child input[type="checkbox"] ~ .field-required:before,
.radio:first-child input[type="radio"] ~ .field-required:before {
    content: "*";
    display: inline;
}

.checkbox-inline:last-child input[type="checkbox"] ~ .field-required:before,
.radio-inline:last-child input[type="radio"] ~ .field-required:before {
    content: "*";
    display: inline;
}

.upload-file.field-required a {
    max-width: calc(100% - 15px);
    display: inline-block;
}

.upload-file span.field-required {
    width: 15px;
    height: 13px;
    display: inline-block;
    position: relative;
    color: #C41616;
}

    .upload-file span.field-required:before {
        content: "*";
        position: absolute;
        top: 0;
        bottom: 0;
        color: #C41616;
        font-size: 17px;
        font-weight: bold;
        visibility: visible;
        /* Chrome | Safari Fixes */
        /* Firefox Fixes */
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .upload-file span.field-required:before {
        left: 5px;
    }
}

@-moz-document url-prefix() {
    .upload-file span.field-required:before {
        left: 5px;
    }
}

.ui-spinner ~ .field-required {
    width: 15px;
    height: 13px;
    display: inline-block;
    position: relative;
    color: #C41616;
}

    .ui-spinner ~ .field-required:not(label):before {
        top: 0;
        left: 5px;
    }

    .ui-spinner ~ .field-required:before {
        content: "*";
        position: absolute;
        bottom: 0;
        color: #C41616;
        font-size: 17px;
        font-weight: bold;
    }

.checkbox label.field-required,
.checkbox-inline label.field-required,
.radio label.field-required,
.radio-inline label.field-required {
    position: relative;
}

    .checkbox label.field-required:before,
    .checkbox-inline label.field-required:before,
    .radio label.field-required:before,
    .radio-inline label.field-required:before {
        right: -18px;
        top: 50%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

.ui-spinner .ui-spinner-input {
    width: 63px; /*120px;*/
    margin: 0;
    margin-right: 16px;
    padding: 4px 6px;
}

.ui-spinner.ui-widget-content a.ui-spinner-button {
    border: 1px solid #818181;
    border-top: none;
    border-bottom: none;
    border-right: none;
}

span.ui-spinner {
    width: auto;
    padding: 0;
    border-radius: 0;
    border: 1px solid #818181;
    overflow: visible;
    display: inline-block;
    z-index: 1;
}

@media (max-width: 991px) {
    span.ui-spinner .checkbox-inline {
        display: block;
    }
}

span.ui-spinner[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid {
    border-color: #aedf97;
}

    span.ui-spinner[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid:focus {
        border-color: #90d370;
        background-color: #bde5aa;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
    }

span.ui-spinner[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error {
    border-color: #f9c7c7;
}

    span.ui-spinner[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error:focus {
        border-color: #f49999;
        background-color: #fbdede;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
    }

span.ui-spinner:focus {
    border-color: #4d90fe;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(77, 144, 254, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(77, 144, 254, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(77, 144, 254, 0.6);
}

span.ui-spinner span.field-required {
    position: absolute;
    right: -15px;
}

.content-title-editor {
    width: 300px;
    max-width: 100%;
    margin-right: 5px;
    position: relative;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
}

#TitleContent {
    width: 300px;
    max-width: 100%;
    margin-right: 5px;
    position: relative;
    top: 1;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
    display: -moz-inline-box;
}

    #TitleContent:focus {
        background-color: #FFF;
    }

    #TitleContent + .field-control-static {
        position: relative;
        top: 1;
    }

.TitleContent {
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex;
    display: -moz-inline-box;
}

    .TitleContent:focus {
        background-color: #FFF;
    }

    .TitleContent .field-control-static {
        position: relative;
        top: 1;
        color: #005DAA;
    }

#DraftSlug {
    width: 300px;
    padding: 2px 6px !important;
    border: 1px solid #B7B7B7;
}

    #DraftSlug:focus {
        background-color: #FFF;
    }

#DraftAuthorName {
    width: 300px;
    padding: 2px 6px !important;
    border: 1px solid #B7B7B7;
}

    #DraftAuthorName:focus {
        background-color: #FFF;
    }

#DraftStoryDate {
    padding: 2px 6px !important;
    border: 1px solid #B7B7B7;
}

    #DraftStoryDate:focus {
        background-color: #FFF;
    }

form .minicolors input.standard-input,
form .minicolors input[type="minicolors"] {
    width: 75px;
}

form .btn {
    position: relative;
    top: 0;
}

.input-group .checkbox label {
    padding-left: 0;
    display: inline;
    word-break: break-word;
    -ms-word-break: break-word;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.input-group-inline {
    float: left;
}

@media (min-width: 768px) {
    .input-group-inline {
        float: left;
    }
}

@media (max-width: 991px) {
    .input-group-date {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .input-group-date .textbox-inline {
        margin-left: 0;
    }
}

.input-group-header {
    margin-bottom: 5px;
}

    .input-group-header:before,
    .input-group-header:after {
        content: " ";
        display: table;
    }

    .input-group-header:after {
        clear: both;
    }

    .input-group-header:before,
    .input-group-header:after {
        content: " ";
        display: table;
    }

    .input-group-header:after {
        clear: both;
    }

    .input-group-header span:not(:first-child) {
        margin-left: 5px;
    }

.input-group-radio .radio-inline {
    min-width: 115px;
}

.textbox-inline {
    margin-left: 15px;
    display: inline-block;
}

.disabled-checkbox input[type="checkbox"] {
    opacity: 0.6;
}

.disabled-checkbox label {
    opacity: 0.6;
}

.field-group .radio-inline {
    padding-top: 0;
    position: relative;
    top: 1;
}

.field-group .checkbox-inline {
    padding-top: 0;
    position: relative;
    top: 1;
}

.form-horizontal .field-group:not(:nth-child(2)) .input-group-header {
    padding-top: 15px;
    border-top: 1px solid #eee;
}

@media (min-width: 768px) {
    .form-horizontal .control-label-checkbox,
    .form-horizontal .label-control-checkbox {
        text-align: right;
        padding-top: 1px;
    }

    .form-horizontal .control-checkbox {
        padding-top: 2px;
    }
}

.form-vertical .form-horizontal .control-label,
.form-vertical .form-horizontal .label-control,
.form-vertical .form-horizontal .label-control {
    text-align: left;
}

.form-vertical .field-control {
    width: 100%;
    max-width: 100%;
}

.form-vertical input[type="text"] {
    width: 100%;
    max-width: 100%;
}

    .form-vertical input[type="text"]#BulletinName,
    .form-vertical input[type="text"]#OwnerName,
    .form-vertical input[type="text"]#OwnerEmail,
    .form-vertical input[type="text"]#SlugName,
    .form-vertical input[type="text"]#EmailSubject {
        width: 100%;
        max-width: 100%;
    }

    .form-vertical input[type="text"]#Date,
    .form-vertical input[type="text"].clubRunnerDatePicker {
        width: 100%;
        max-width: 100%;
    }

.form-vertical select {
    width: 100%;
}

.form-vertical .input-group-inline {
    margin-bottom: -10px;
}

.form-vertical .radio-inline {
    width: auto;
    margin-right: 15px;
    margin-bottom: 10px;
    vertical-align: top;
}

    .form-vertical .radio-inline:last-child {
        margin-bottom: 0;
    }

.form-popup #TitleContent {
    width: 200px;
}

.form-popup .control-label,
.form-popup .label-control,
.form-popup .label-control {
    text-align: left;
}

.form-popup .control-label-checkbox,
.form-popup .label-control-checkbox {
    text-align: left;
}

#WidgetProperties .LegendDesc + .fa-question-circle {
    position: absolute;
    top: -5px;
}

#WidgetProperties .tooltip-message .fa-question-circle {
    margin-top: 0;
    position: absolute;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.cke_dialog.cke_browser_webkit input[type="text"].cke_dialog_ui_input_text {
    width: 100%;
}

.cke_dialog.cke_browser_webkit select {
    padding: 2px 1px;
}

@media (max-width: 991px) {
    .cke_dialog.cke_browser_webkit select .checkbox-inline {
        display: block;
    }
}

.cke_dialog.cke_browser_webkit select[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid {
    border-color: #aedf97;
}

    .cke_dialog.cke_browser_webkit select[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid:focus {
        border-color: #90d370;
        background-color: #bde5aa;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
    }

.cke_dialog.cke_browser_webkit select[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error {
    border-color: #f9c7c7;
}

    .cke_dialog.cke_browser_webkit select[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error:focus {
        border-color: #f49999;
        background-color: #fbdede;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
    }

.cke_dialog.cke_browser_webkit .cke_dialog_ui_hbox:not(.cke_dialog_footer_buttons) .cke_dialog_ui_hbox a.cke_dialog_ui_button {
    padding: 4px;
}

.dataTables_filter,
.dataTables_length {
    position: relative;
    top: 0;
}

    .dataTables_filter input[type="text"],
    .dataTables_length input[type="text"] {
        height: 25px;
        padding: 2px 6px;
    }

    .dataTables_filter input[type="search"],
    .dataTables_length input[type="search"] {
        height: 25px;
        padding: 2px 6px 2px 32px;
        background-position: 3px 6px;
    }

    .dataTables_filter select,
    .dataTables_length select {
        height: 25px;
        padding: 2px 6px;
    }

table .radio input[type="radio"],
table .radio-inline input[type="radio"] {
    position: static;
}

table .checkbox input[type="checkbox"],
table .checkbox-inline input[type="checkbox"] {
    position: static;
}

form .errorMessage {
    display: block;
}

    form .errorMessage .field-validation-error {
        margin-top: 0;
        margin-bottom: 0;
        color: #C41616;
        display: inline-block;
    }

.field-group {
    margin-bottom: 10px;
}

    .field-group.new-line .control-label,
    .field-group.new-line .label-control,
    .field-group.new-line .label-control {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
        padding-top: 0;
    }

.control-group.new-line .control-label,
.control-group.new-line .label-control,
.control-group.new-line .label-control {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
    padding-top: 0;
}

@media (max-width: 991px) {
    .field-control .checkbox-inline {
        display: block;
    }
}

.input-column {
    margin-bottom: 15px;
}

    .input-column .control-label,
    .input-column .label-control {
        font-weight: 600;
    }

.form-horizontal .checkbox-inline input[type="checkbox"] {
    top: auto;
}

.form-horizontal .radio-inline input[type="radio"] {
    top: auto;
}

.form-horizontal-group .radio,
.form-horizontal-group .checkbox,
.form-horizontal-group .radio-inline,
.form-horizontal-group .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 11px;
}

.form-horizontal-group .radio,
.form-horizontal-group .checkbox {
    min-height: 32px;
}

.form-horizontal-group .field-group {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .form-horizontal-group .field-group .field-group:not(:last-child) {
        margin-bottom: 15px;
    }

    .form-horizontal-group .field-group .field-group:last-child {
        margin-bottom: 0;
    }

    .form-horizontal-group .field-group .help-icon-old .field-group:nth-last-child(2) {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .form-horizontal-group .field-control {
        margin-bottom: 15px;
    }

    .form-horizontal-group .checkbox {
        margin-bottom: 15px;
    }

    .form-horizontal-group .radio {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .form-horizontal-group .field-control:not(:first-child) {
        padding-left: 5px;
    }

    .form-horizontal-group .field-control:not(:last-child) {
        padding-right: 5px;
    }
}

@media (min-width: 768px) {
    .form-horizontal-group .control-label,
    .form-horizontal-group .label-control,
    .form-horizontal-group .label-control {
        text-align: right;
        margin-bottom: 0;
        padding-top: 11px;
    }
}

.form-horizontal-group .has-feedback .form-control-feedback {
    right: 15px;
}

@media (min-width: 768px) {
    .form-horizontal-group .field-group-lg .control-label,
    .form-horizontal-group .field-group-lg .label-control,
    .form-horizontal-group .field-group-lg .label-control {
        padding-top: 14.333333px;
    }
}

@media (min-width: 768px) {
    .form-horizontal-group .field-group-sm .control-label,
    .form-horizontal-group .field-group-sm .label-control,
    .form-horizontal-group .field-group-sm .label-control {
        padding-top: 6px;
    }
}

.help-icon .help-tooltip {
    width: auto;
    margin: 0;
    font-size: 16px;
    color: #005DAA;
    position: absolute;
    top: 1px;
}

    .help-icon .help-tooltip:hover:before {
        color: #004f91;
        opacity: 0.8;
        cursor: help;
    }

.help-icon .checkbox .help-tooltip,
.help-icon .radio .help-tooltip {
    margin-left: 20px;
    display: inline-block;
    white-space: nowrap;
}

.help-icon .checkbox label + .help-tooltip,
.help-icon .radio label + .help-tooltip {
    margin-left: 7px;
}

@media (min-width: 768px) {
    .help-icon .field-group {
        width: 100%;
    }

        .help-icon .field-group + .help-tooltip {
            right: 20px;
        }
}

@media (max-width: 767px) {
    .help-icon .help-tooltip {
        top: -20px;
        right: 15px;
    }
}

.field-control[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid {
    /*border-color: #aedf97;*/
}

    .field-control[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).valid:focus {
        /*border-color: #90d370;
  background-color: #bde5aa;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #cdebbe;*/
    }

.field-control[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error {
    /*border-color: #f9c7c7;*/
}

    .field-control[type="text"]:not(.TimePickerFor):Not(.hasDatepicker).input-validation-error:focus {
        /*border-color: #f49999;
  background-color: #fbdede;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px #fef5f5;*/
    }

.help-block.field-validation {
    margin: 0;
    padding: 0;
    color: #C41616;
    font-size: 13px;
    font-style: normal;
}

    .help-block.field-validation .field-validation-error {
        padding-top: 5px;
        display: inline-block;
    }

@media (min-width: 768px) {
    .field-control:not(:last-child) .timeEntry_control {
        right: 8px;
    }
}

.timeEntry_control {
    width: 20px !important;
    height: 20px !important;
    background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrange.png') 0 0 no-repeat !important;
    position: absolute;
    top: 0px;
    right: 18px;
}

.timeEntry_expand {
    width: 40px !important;
    height: 40px !important;
    background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') 0 0 no-repeat !important;
    cursor: pointer;
}

    .timeEntry_expand[title="Now"] {
        background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') -40px 0 no-repeat !important;
    }

    .timeEntry_expand[title="Next field"] {
        background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') -120px 0 no-repeat !important;
    }

    .timeEntry_expand[title="Previous field"] {
        background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') -80px 0 no-repeat !important;
    }

    .timeEntry_expand[title="Increment"] {
        background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') -160px 0 no-repeat !important;
    }

    .timeEntry_expand[title="Decrement"] {
        background: url('https://clubrunner.blob.core.windows.net/Content/css/gen/images/spinnerBlueOrangeBig.png') -200px 0 no-repeat !important;
    }

.radio .list-label,
.checkbox .list-label {
    padding-left: 18px;
    /*display: table;*/
}

.list-label:before,
.list-label:after {
    content: " ";
    display: table;
}

.list-label:after {
    clear: both;
}

.list-label:before,
.list-label:after {
    content: " ";
    display: table;
}

.list-label:after {
    clear: both;
}

.list-label label {
    padding-left: 0;
}

.list-label .list-name label {
    margin-bottom: 0;
    font-weight: bold;
}

.list-label .list-name {
}

.list-label .list-description {
    display: table;
}

.sub-field-group {
    display: block;
    clear: both;
}

    .sub-field-group:before,
    .sub-field-group:after {
        content: "";
        display: table;
    }

    .sub-field-group:after {
        clear: both;
    }

    .sub-field-group .radio,
    .sub-field-group .checkbox {
        min-height: 0;
        margin-top: 5px;
    }

/*.sub-field-group .list-label {
    margin-top: 5px;
}*/

.btn-file {
    padding: 2px 6px;
}

.field-control-group .field-control-group-item {
    display: inline-block;
}

    .field-control-group .field-control-group-item:not(:last-child) input.field-required,
    .field-control-group .field-control-group-item:not(:last-child) select.field-required,
    .field-control-group .field-control-group-item:not(:last-child) textarea.field-required {
        max-width: 100%;
    }

        .field-control-group .field-control-group-item:not(:last-child) input.field-required + .field-required,
        .field-control-group .field-control-group-item:not(:last-child) select.field-required + .field-required,
        .field-control-group .field-control-group-item:not(:last-child) textarea.field-required + .field-required {
            display: none;
        }

    .field-control-group .field-control-group-item:not(:last-child).field-required {
        max-width: 100%;
    }

        .field-control-group .field-control-group-item:not(:last-child).field-required + .field-required {
            display: none;
        }

input.field-control-xs,
.field-control-xs {
    width: 50px;
}

    input.field-control-xs input,
    .field-control-xs input {
        width: 50px;
    }

input.field-control-sm,
.field-control-sm {
    width: 75px;
}

    input.field-control-sm input,
    .field-control-sm input {
        width: 75px;
    }

input.field-control-lg,
.field-control-lg {
    width: 300px;
}

    input.field-control-lg input,
    .field-control-lg input {
        width: 300px;
    }

input.field-control-xl,
.field-control-xl {
    width: 375px;
}

    input.field-control-xl input,
    .field-control-xl input {
        width: 375px;
    }

.month-field input[type="text"] {
    width: 33.33333333px;
}

.year-field input[type="text"] {
    width: 62.5px;
}

.date-separator {
    text-align: center;
}

.cc-validate {
    width: 62.5px;
}

    .cc-validate input[type="text"] {
        width: 62.5px;
    }

.field-group.new-line .field-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

.field-group.new-line .field-control-size.field-control-offset {
    margin-left: 0;
}

.field-group.new-line textarea.field-control {
    width: 100%;
}

.label-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .label-control-size {
        float: left;
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .label-control-size {
        float: left;
        width: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .label-control-size {
        float: left;
        width: 25%;
    }
}

.field-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

#Documentationfilelist .fileItem {
    margin-bottom: 5px;
    padding-top: 4px;
}

    #Documentationfilelist .fileItem .percentTime {
        display: inline;
    }

#Documentationfilelist .AttachFile {
    display: inline-block;
}

#Documentationfilelist .removeAttach {
    display: inline-block;
}

    #Documentationfilelist .removeAttach .remove-attachment {
        color: #C41616;
    }

/* Header Title */
.headerTitle .field-group-static {
    margin-bottom: 0;
}

    .headerTitle .field-group-static .label-control-size {
        width: auto;
        padding: 0;
        margin: 0;
    }

    .headerTitle .field-group-static .field-control-size {
        width: auto;
        padding: 0;
        margin: 0;
    }

    .headerTitle .field-group-static .field-control-offset {
        margin: 0;
    }


    .headerTitle .field-group-static .label-control {
        /*color: #333;*/
    }

        .headerTitle .field-group-static .label-control:after {
            content: "\00a0";
        }

    .headerTitle .field-group-static .field-control-static {
        /*color: #333;*/
    }


@media (min-width: 768px) {
    .field-control-size {
        float: left;
        width: 66.66666667%;
    }
}

@media (min-width: 992px) {
    .field-control-size {
        float: left;
        width: 66.66666667%;
    }
}

@media (min-width: 1200px) {
    .field-control-size {
        float: left;
        width: 75%;
    }
}

@media (min-width: 768px) {
    .field-control-size.field-control-offset {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .field-control-size.field-control-offset {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .field-control-size.field-control-offset {
        margin-left: 25%;
    }
}

.field-group .single-label {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media (min-width: 768px) {
    .field-group .single-label {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .field-group .single-label {
        float: left;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .field-group .single-label {
        float: left;
        width: 100%;
    }
}

.form-application .field-group.new-line .field-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .form-application .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .form-application .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .form-application .field-group.new-line .field-control-size {
        float: left;
        width: 100%;
    }
}

.form-application .label-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .form-application .label-control-size {
        float: left;
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .form-application .label-control-size {
        float: left;
        width: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .form-application .label-control-size {
        float: left;
        width: 25%;
    }
}

.form-application .field-control-size {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .form-application .field-control-size {
        float: left;
        width: 66.66666667%;
    }
}

@media (min-width: 992px) {
    .form-application .field-control-size {
        float: left;
        width: 66.66666667%;
    }
}

@media (min-width: 1200px) {
    .form-application .field-control-size {
        float: left;
        width: 75%;
    }
}

@media (min-width: 768px) {
    .form-application .field-control-size.field-control-offset {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .form-application .field-control-size.field-control-offset {
        margin-left: 33.33333333%;
    }
}

@media (min-width: 1200px) {
    .form-application .field-control-size.field-control-offset {
        margin-left: 25%;
    }
}

.form-application .field-group .single-label {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .form-application .field-group .single-label {
        float: left;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .form-application .field-group .single-label {
        float: left;
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .form-application .field-group .single-label {
        float: left;
        width: 100%;
    }
}


/*
    //
    //** End of new form markup
    //
*/

/* Membership */
#membershipOpenClose > .membershipDiv {
    margin-bottom: 10px;
}

    #membershipOpenClose > .membershipDiv:before,
    #membershipOpenClose > .membershipDiv:after {
        content: "";
        display: table;
    }

    #membershipOpenClose > .membershipDiv:after {
        clear: both;
    }

/* Event Register Page*/
.EventRegisterPage td.required + td:after,
#tblRegisterMe td.required + td:after,
#tblAddPerson td.required + td:after {
    float: left;
    content: "*";
    margin-left: 3px;
    margin-top: 3px;
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    position: absolute;
    color: #C41616;
    /*color: #005DAA;*/
    font-weight: bold;
    font-size: 17px;
}

#tblRegisterMe td.required + td:not(input):after {
    margin-top: 0px;
}

.EventRegisterPage #tblAddPerson tr td:first-child {
    padding-top: 5px;
}

/*Register Member Page*/


/* Payment Form */
/*** Start: Temporary style for old/new markup ***/
#fsOnlinePayment .field-group {
    margin-bottom: 10px;
}

    #fsOnlinePayment .field-group .label-control-size {
        width: auto;
        min-width: 200px;
        margin-left: 6px;
        padding-left: 0;
        padding-right: 15px;
        text-align: right;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

        #fsOnlinePayment .field-group .label-control-size label {
            margin-top: 4px;
        }

#fsOnlinePayment .field-control-size {
    float: none;
    width: auto;
    margin-left: 221px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#fsOnlinePayment .PaymentInfo .editor-field > input[type="text"] {
    width: 226.2px;
}

#fsOnlinePayment .editor-field input.field-required {
    max-width: calc(100% - 30px);
}

#fsOnlinePayment .editor-field .month-field input.field-required {
    max-width: 100%;
}

#fsOnlinePayment .PaymentInfo .editor-field input[type="radio"] + label {
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

#fsOnlinePayment .editor-label .editor-label-description {
    margin-right: 0;
}

#fsOnlinePayment .editor-field .errorMessage-wide {
    padding-left: 0;
}

#fsOnlinePayment .editor-field .shortInput.cc-validate {
    float: none;
}

#fsOnlinePayment .month-field input[type="text"] {
    width: 25px;
}

.shortInput.month-field .field-required:before {
    display: none;
}
/*** End: Temporary style for old/new markup ***/

.subscription-calendar li {
    margin-bottom: 5px;
}

.btn-print + .btn,
.btn-print + .portalButton {
    margin-left: 10px;
}


/*Time Zone extra fix*/
.eventcalendar .Calendar #btnSubscribe.portalButton {
    display: none;
}