/*-------------------------------------------------
Skin Based on the Cavalier Theme with Customizations
Adjusted from earlier DNN7 skinning

Note: Sorry for the mess. I would like to get this
file cleaned up after Beta is approved.
-------------------------------------------------*/
@charset "UTF-8";
@import url("CSS/nav-main.css");
@import url("CSS/panes.css");
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC');
/*-------------------------------------------------
Random stuff to fix - Legacy Styles from DNN
Leftovers from Cavalier Theme
-------------------------------------------------*/
/*ANCHOR CLASS*/
.anchor-class {
    display: block;
    position: relative;
    top: -273px;
    visibility: hidden;
}

.anchor-icon-class {
    top: -363px;
}

/* login page fix */
.dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel {
    width: 35%;
}
/* Social Modules */
.social-report-content > h3 {
    font-size: 16px;
}

.comment-actions-menu a.comment-actions {
    background-color: #eaeaea;
}

.comment-actions-menu a.approve-comment-actions {
    background-color: #fe9e47;
}

.comment-actions-menu ul.comment-actions-dropdown li a:hover {
    border-left: 3px solid #fe9e47;
}

.comment-context-card .displayName > span {
    font-size: 15px;
    color: #666;
}

.comment-context-card .member-since {
    font-size: 85%;
    color: #999;
}

.comment-context-card .content {
    font-weight: bold;
    color: #888;
}

.comment-panel .avatar {
    border: 3px solid #ddd;
    background-color: #ddd;
}

.comment-author {
    color: #000;
    font-weight: bold;
}

.comment-date {
    color: #bbb;
}

a.dnnSocialLink {
    color: #0099cc;
}

.moduleTopInsetShadowBox {
    background: #eee;
}

.moduleBotInsetShadowBox {
    -moz-box-shadow: 0 -40px 40px -25px #E9E1DE inset;
    -webkit-box-shadow: 0 -40px 40px -25px #E9E1DE inset;
    box-shadow: 0 -40px 40px -25px #E9E1DE inset;
}

.title-container > h3.content-title {
    font-size: 20px;
    font-weight: bold;
}

.title-container > p.title-returnPrev {
    font-size: 12px;
}
/* social module list view some common label style */
.list-row-title {
    font-size: 18px;
    font-weight: bold;
}

.list-row-comment-link {
    font-style: italic;
    font-size: 12px;
}

.list-row-label {
    font-weight: bold;
    font-size: 10pt;
}

.fc-calendar .fc-row > div.fc-today {
    background: #ef4f69;
}

/* Calendar Controls */
.view-controls{
    padding-left:8%;
}
#calendar-view{margin-bottom:25px;}
#view-calendar{
    background-image:url(Images/visualizers/ConferenceCalendar/icon-view-calendar-full.png);
    width:35px;
    height:29px;
    display:inline-block;
    background-repeat:no-repeat;
    margin:1px;
    background-position: bottom;
}
#view-list{
    background-image:url(Images/visualizers/ConferenceCalendar/icon-view-calendar-list.png);
    width:35px;
    height:29px;
    display:inline-block;
    background-repeat: no-repeat;
    margin:1px;
}
#view-calendar.active{background-image:url(Images/visualizers/ConferenceCalendar/icon-view-calendar-full-active.png);}
#view-list.active{background-image:url(Images/visualizers/ConferenceCalendar/icon-view-calendar-list-active.png);}

/* Conference Menu */
.conference-menu {
    height:42px;
    background:#43d1c0;
    position: relative;
    z-index:98;
    text-align:center;
}
.conference-menu ul.sf-menu{margin:0 auto;display:inline-block;float:none;}
.conference-menu .sf-menu li{background:#43d1c0;}
.conference-menu .sf-menu a{color:#fff;border-left:solid 1px #43d1c0;border-top:solid 1px #43d1c0;padding:8px 15px;border-bottom:1px solid #43d1c0;}
.conference-menu .sf-arrows .sf-with-ul:after{border-top-color:#fff;right:0;}
.conference-menu .sf-menu li:hover, .conference-menu .sf-menu li.sfHover{background:#43d1c0;}

.conf-sponsers-swiper .swiper-slide img{max-height:300px;}

.dnnSearchResultItem div.dnnSearchResultItem-Others.SourceText{display:none;}

.dnnSearchBoxPanel{max-width:98%;}
.dnnSearchBoxPanel .dnnSearchBox{width:98%;margin-right:0px;margin-left:10px;height:24px;}
.dnnSearchBox > .dnnSearchBox_advanced{display:none;}
.dnnSearchResultAdvancedTip{display:none;}
.dnnSearchResultAdvancedTip{height:24px;}
.dnnSearchBox > a.dnnSearchBoxClearText.dnnShow{right:20px !important;}

#cookieNotice{background-color: rgba(0,0,0,0.85);color:#fff;text-align:center;position:fixed;bottom:0;width:100%;
    display:none;margin:0;z-index:999;}
#cookieNotice a{color:#fff;}
#cookieNotice .cookieTextWrap{padding:15px;}
#cookieNotice .cookieText{}
#cookieNotice .dismissCookie{padding: 7px 14px;border-radius: 4px;color: #fff !important;font-size: 15px;background-color:#04a89b;cursor:pointer;
    display:inline-block;margin:5px;}
#cookieNotice .dismissCookie:hover{}

.getlink{cursor:pointer;}

@media screen and (max-width: 1025px) {
    .view-controls{
        display:none;
    }
    #calendar-view{display:none !important;}
    #conference_calendar_list{display:block !important;}
}

/* End Calendar Controls */
.detail-main-container {
    background-color: #fff;
}

    .detail-main-container > h3 {
        font-weight: normal;
        font-size: 20px;
        color: #333;
    }

span.detail-comments-author {
    font-weight: bold;
    color: #000;
}

span.detail-comments-date {
    color: #bbb;
}

.ui-datepicker th {
    color: #666;
    font-size: 12px;
}

.moduleTitleContainer {
    background-color: #fff;
}

.dnnFilterSet {
    background: #eee;
    border: 1px solid #edeae9;
}

    .dnnFilterSet h3 {
        font-size: 20px;
        line-height: 1.2em;
    }

.dnnFileUploadScope {
    background-color: #F0F0F0;
}
/* like tag menu */
.approve-comment-actions .tag-menu,
.likes .tag-menu {
    font-size: 11px;
}
/* social group invites */
.user-name span {
    font-size: 12px;
    font-weight: bold;
    color: #339795;
}

.inviteLabel {
    color: #666;
    font-weight: bold;
}
/* workaround for DNN-4931, can be removed when the issue gets fixed */
.DnnModule-Messaging-Notifications .smListings .message {
    max-width: 378px;
}
/* remove it after 7.3.3 */
table.dnnPermissionsGrid {
    clear: both;
}

.dnnPermissionsGrid > .dnnFormItem {
    overflow: inherit;
}
/* avatar modify */
.avatar40,
.comment-panel .avatar,
.journalTools .avatar,
.journalrow div.author,
.journalrow div.group-avatar,
.comment-context-card .avatar {
    border: 3px solid transparent;
    background: transparent;
    border-radius: 40px;
}

    .avatar40 span,
    .comment-panel .avatar span,
    .journalTools .avatar span,
    .journalrow div.author span,
    .comment-context-card .avatar span {
        border-radius: 40px;
    }

.status-compact-container .avatar,
.leader-contents table.dnnLeaderboard2 .dnnLeaderboard-avator,
.leader-contents table.dnnLeaderboard div.dnnLeaderboard-avator,
.leader-contents table.dnnLeaderboard4 tr td div.dnnLeaderboard4-avator {
    border: 2px solid transparent;
    background: transparent;
    border-radius: 35px;
}

    .status-compact-container .avatar span,
    .leader-contents table.dnnLeaderboard2 .dnnLeaderboard-avator span,
    .leader-contents table.dnnLeaderboard div.dnnLeaderboard-avator span,
    .leader-contents table.dnnLeaderboard4 tr td div.dnnLeaderboard4-avator span {
        border-radius: 35px;
    }

.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar {
    border: 2px solid transparent;
    background: transparent;
    border-radius: 32px;
}

    .journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar span {
        border-radius: 32px;
    }

.leader-contents table.dnnLeaderboard3 div.dnnLeaderboard3-avator {
    border: 3px solid transparent;
    background: transparent;
    border-radius: 35px;
}

    .leader-contents table.dnnLeaderboard3 div.dnnLeaderboard3-avator span {
        border-radius: 35px;
    }

.journalrow div.journalitem div.journalgroup a.journal-grouped-avatar,
.journalrow div.journalitem div.challenge-completed-area > a.challenge-completed-avatar {
    border-radius: 30px;
}

div.token-input-dropdown-facebook ul li span.avatar-25 {
    border-radius: 25px;
}

.DnnModule-Messaging-Notifications .smListings .profileImg {
    border-radius: 40px;
    border: 3px solid transparent;
    background: transparent;
}

    .DnnModule-Messaging-Notifications .smListings .profileImg span {
        border-radius: 40px;
    }

.dnnMemberDirectory .mdAdvancedSearchForm label {
    width: 100px;
    display: inline-block;
    color: #666;
}

.DnnModule-Publisher-AccentColor-Background {
    background-color: #20B1EA;
}

.DnnModule-Publisher-AccentColor-Border {
    border-left-color: #20B1EA;
}

.DnnModule-Publisher-BackgroundColor {
    background-color: #FFFFFF;
}

    .DnnModule-Publisher-BackgroundColor .DnnModule-Publisher-BackgroundShadowColor {
        color: #FFFFFF;
    }

.DnnModule-Publisher-Color {
    color: #666;
}

div.DnnModule-Publisher-List-Empty {
    color: #bbb;
}

div.DnnModule-DotNetNukeModulesDigitalAssets ul li {
    list-style: none;
}



/*-------------------------------------------------
  Global Styling: DNN-Specific Selectors -
  Fixing Buggy Display Problems Caused by Default DNN CSS
  -------------------------------------------------*/
div.actionMenu ul.dnn_mact > li.actionMenuMove > ul li {
    height: auto !important;
    min-height: 20px;
}

.dnnSearchResultPanel {
    display: none;
}
.dnnSearchResultItem-Source{display:none;}

.dnnSearchResultContainer > .dnnSearchResultItem > .dnnSearchResultItem-Others a.dnnSearchResultItem-sourceLink{display:none;}
.dnnSearchResultContainer > .dnnSearchResultItem-Subset > .dnnSearchResultItem-Others a.dnnSearchResultItem-sourceLink{display:none;}

.dnnSearchBoxPanel {
    background-color: transparent;
}

    .dnnSearchBoxPanel a {
        border-bottom: 0px;
    }


.dnnFormHelpContent {
    visibility: hidden;
    background-color: white;
    border: 1px solid #d9e1ea;
}

.MainNavigation.dnnSortable.dnnModuleManager.ui-sortable {
    min-height: 64px !important;
}
/*-------------------------------------------------
  Global Styling: DNN-Specific Selectors -
  Leftover from Cavalier Theme
  -------------------------------------------------*/
.CommandButton {
    font-size: 13px;
    color: #3d3d3d;
    font-weight: bold;
}

    .CommandButton:hover {
        color: #007cae;
    }

a.CommandButton:link {
    font-size: 13px;
    text-decoration: none;
    color: #3d3d3d;
    font-weight: bold;
}

a.CommandButton:hover {
    text-decoration: underline;
    color: #007cae;
}

.dnnActionMenu {
    z-index: 100;
}
/*-------------------------------------------------
Global Styling: Body Elements
-------------------------------------------------*/
html, body, #Form {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #fff;
}

#Body {
    height: 100%;
}

.popUp{}
.popUp .bstrap30 .row{margin-left:0;margin-right:0;}

@media screen and (min-width: 600px) {
    #Body {
        margin-left: 0;
    }
}
/*-------------------------------------------------
Global Styling: Custom Fonts
---------------------------------------------------
Change these styles in this section below to change
the fonts throughout the entire skin. Do not declare
font faces elsewhere to keep this structure; instead
declare display-font in the markup to denote the
specialty font.
-------------------------------------------------*/
a {
    cursor: pointer;
    color: #333;
    border-bottom: 1px solid #bcbcbc;
}

a:visited {
    color: inherit;
}
    a:hover {
        cursor: pointer;
        color: #777;
        /*border-bottom: none; - Commented 8/8/2018 to remove border on clickable boxes from conference landing pages*/
    }

    a.nostyle {
        color: inherit;
        border-bottom: none;
    }

        a.nostyle:hover {
            color: inherit;
        }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    border-bottom: inherit;
}

.header a,
.topBar a,
.footer-container a {
    border-bottom: 0;
}

body, th, td, table, .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, #Body {
    color: #333;
    font-family: 'ProximaNova-Light', 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
}

em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    font-family: 'ProximaNova-Bold', 'Monserrat', sans-serif;
    font-weight: normal;
}

small {
    font-size: 11px;
    letter-spacing: 0;
}

p {
    margin: 0 0 1.3em;
}

hr {
    clear: both;
    height: 0;
    border: solid #e8e8e8;
    border-width: 1px 0 0;
    margin: 20px 0 20px 0;
}

.display-font {
    font-family: 'Arvo', serif;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

.display-font-bold {
    font-family: 'Arvo', serif;
    text-rendering: optimizeLegibility;
    font-weight: 700;
}

.font-caption,
.font-bit-smaller,
.font-bit-bigger,
.font-bigger,
.font-much-bigger,
.font-biggest,
#Body {
    transition: all 0.5s ease;
}

.font-caption {
    font-size: 0.7em;
}

.font-bit-smaller {
    font-size: 0.9em;
}

.font-bit-bigger {
    font-size: 1.2em;
}

.font-bigger {
    font-size: 1.5em;
}

.font-much-bigger {
    font-size: 1.8em;
}

.font-biggest {
    font-size: 2em;
}

h1, h1 .Head,
h2, h2 .Head,
h3, h3 .Head,
h4, h4 .Head,
h5, h5 .Head,
h6, h6 .Head {
    font-family: 'ProximaNova-Bold', 'Monserrat', sans-serif;
    font-weight: normal;
    line-height: 1.5em;
    transition: all 0.5s ease;
    -webkit-margin-before: .2em;
    -webkit-margin-after: .2em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-top: .2em;
    margin-top: .2em;
}

    h1, h1 .Head {
        font-size: 2em;
    }

    h2, h2 .Head {
        font-size: 1.75em;
    }

    h3, h3 .Head {
        font-size: 1.5em;
    }

    h4, h4 .Head {
        font-size: 1.375em;
    }

    h5, h5 .Head {
        font-size: 1.25em;
    }

    h6, h6 .Head {
        font-size: 1.175em;
    }

        h1 a,
        h2 a,
        h3 a,
        h4 a,
        h5 a,
        h6 a {
            border: 0;
        }

        h4.display-font-bold,
        h4 > span > .display-font-bold,
        h4 > span.display-font-bold,
        h5.display-font-bold,
        h5 > span > .display-font-bold,
        h5 > span.display-font-bold,
        h6.display-font-bold,
        h6 > span > .display-font-bold,
        h6 > span.display-font-bold {
            font-family: 'Arvo', serif;
            text-rendering: optimizeLegibility;
            font-weight: 400;
        }

    h1.display-font,
    h2.display-font,
    h3.display-font {
        font-family: 'Arvo', serif;
        text-rendering: optimizeLegibility;
        font-weight: 700;
    }
/*-------------------------------------------------
Global Styling: Custom Fonts - Media Queries for
Mobile Breakpoint
-------------------------------------------------*/
@media only screen and (max-width: 1025px) {
    th, td, table, .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, #Body {
        font-size: 0.750em;
    }

    h1, h1 .Head,
    h2, h2 .Head,
    h3, h3 .Head,
    h4, h4 .Head,
    h5, h5 .Head,
    h6, h6 .Head {
        line-height: 1.3em;
        -webkit-margin-before: .2em;
        -webkit-margin-after: .2em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin-top: .2em;
        margin-top: .2em;
    }

        h1, h1 .Head {
            font-size: 1.333em;
        }

        h2, h2 .Head {
            font-size: 1.167em;
        }

        h3, h3 .Head {
            font-size: 1.167em;
        }

        h4, h4 .Head {
            font-size: 1.167em;
        }

        h5, h5 .Head {
            font-size: 1.167em;
        }

        h6, h6 .Head {
            font-size: 1.167em;
        }
}
/*-------------------------------------------------
Global Styling: Links
-------------------------------------------------*/
a, a:link, a:visited, a:active {
    text-decoration: none;
    cursor: pointer;    
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/*a:visited {
    color: unset;
}

    a:hover {
        text-decoration: none;
    }*/

.pinkLink {
    color: #e1529d;
}

a[href^="mailto"],
.footer-container a[href^="mailto"] {
    color: #04a89b;
}

    a[href^="mailto"]:hover,
    .footer-container a[href^="mailto"]:hover {
        color: #07e5d3;
    }
/*-------------------------------------------------
Global Styling: Font Colors
-------------------------------------------------*/
.text-purple, a.text-purple {
    color: #7a52c4;
}

.text-blue, a.text-blue {
    color: #38bde3;
}

.text-green, a.text-green {
    color: #7dc13f;
}

.text-orange, a.text-orange {
    color: #eea220;
}

.text-pink, a.text-pink {
    color: #e1529d;
}

.text-teal, a.text-teal {
    color: #43d1c0;
}

.text-lightgray, a.text-lightgray {
    color: #f6f7f8;
}

.text-medgray, a.text-medgray {
    color: #a6b4c4;
}

.text-darkgray, a.text-darkgray {
    color: #3F444A;
}

.text-almostblack, a.text-almostblack {
    color: #333;
}
/*-------------------------------------------------
Global Styling: Custom Unordered Checklist
---------------------------------------------------
Styling for unordered lists throughout the site
-------------------------------------------------*/
div.checklist-teal ul{
    list-style-image: url('Images/checkmark-teal.png');
    text-align:left;
}
div.checklist-teal ul li ul{
    list-style-image: none;
}
ul.checklist-teal {
    list-style-image: url('Images/checkmark-teal.png');
    text-align:left;
}
ul.checklist-teal li ul{
    list-style-image: none;
}
div.checklist-gray ul{
    list-style-image: url('Images/checkmark-gray.png');
    text-align:left;
}
div.checklist-gray ul li ul{
    list-style-image: none;
}
ul.checklist-gray {
    list-style-image: url('Images/checkmark-gray.png');
    text-align:left;
}
ul.checklist-gray li ul{
    list-style-image: none;
}
/*-------------------------------------------------
Global Styling: Lightweight Responsive Fluid Columns
-------------------------------------------------*/
.three-column, .four-column {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    margin: auto;
    width: auto;
}

.five-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

.keep-together {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
        /*display: table;  Commented 5/30/2018 to fix alignment issues on mobile.*/ 

}

.keep-together-ex-cf {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 30%;

}


.keep-together-non-footer {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: block;
    /*width: 30%;*/
    text-align: left;
    justify-content: center;
}

.keep-together-non-footer-ex-cf {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
    display: flex;
    width: 30%;
    text-align: left;
    justify-content: center;
}

@media screen and (min-width: 600px) {
    .two-column, .three-column, .four-column {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .five-column {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}
@media screen and (max-width: 425px) {
	.color-palette.five-column {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .color-palette .keep-together{
    	text-align: center;
    }
}

@media screen and (min-width: 800px) {
    .two-column-ex-cf {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }
        .two-column {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .three-column, .four-column {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .five-column {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

@media screen and (min-width: 1026px) {
    .four-column {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }

    .five-column {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
}
/*-------------------------------------------------
Global Styling: Image Styling
-------------------------------------------------*/
img {
    border: 0;
}

.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}
/*-------------------------------------------------
Global Styling: Lists: Unordered
-------------------------------------------------*/
ul li {
    list-style-type: disc;
    margin-bottom: 8px;
    vertical-align: top;
}

ul ul {
    margin-top: 8px;
    margin-left: 30px;
}

ul li li {
    list-style-type: disc;
}

    ul li li li {
        list-style-type: circle;
    }
/*-------------------------------------------------
Global Styling: Lists: Ordered
-------------------------------------------------*/
ol li {
    list-style-type: decimal;
    margin-bottom: 8px;
    vertical-align: top;
}

ol ol {
    margin-top: 8px;
    margin-left: 30px;
}

    ol ol li {
        list-style-type: lower-roman;
    }

    ol ol ol li {
        list-style-type: lower-alpha;
    }

ol ul li {
    list-style-type: lower-roman;
}
/*-------------------------------------------------
Global Styling: Tables
-------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

table.tableDefault {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

    table.tableDefault th,
    table.tableDefault td {
        font-size: 12px;
        padding: 8px;
    }

    table.tableDefault th {
        color: #fff;
        font-weight: bold;
        text-align: left;
        border-bottom: solid 2px #eb3250;
        background-color: #fb4563;
    }

    table.tableDefault td {
        border-bottom: solid 1px #d9d9d9;
    }

    table.tableDefault tr:nth-child(odd) {
        background: transparent;
    }

    table.tableDefault tr:nth-child(even) {
        background: #e8e4e3;
    }

.tableDefault tbody tr:hover td {
    color: #111;
}
/*-------------------------------------------------
Global Styling: Forms
-------------------------------------------------*/
.siamform{max-width:85%;margin:0 auto;}
.bstrap30 .siamform textarea.form-control{height:90px;}
.bstrap30 textarea.form-control{height:90px !important;}
.bstrap30 .field-container{margin-bottom:5px !important;}
.bstrap30 label.recaptcha{display:none;}
.bstrap30 .g-recaptcha{margin:20px 0 0 0;}

@media screen and (max-width:768px)
{
    .bstrap30 .siamform{max-width:98%;}
    .popUp .bstrap30 .row .col-sm-12{padding:0px;}
    .rc-anchor-light{max-width:98% !important;}
    .g-recaptcha>div{max-width:100%;}
    .g-recaptcha iframe{max-width:100%;}
}

input[type="text"], select, textarea, input[type="email"], input[type="search"], input[type="password"] {
    padding: 7px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

    input[type="text"]:focus {
        outline: none;
    }

select {
    line-height: 30px;
}
/*-------------------------------------------------
Global Styling: Forms: One Column
-------------------------------------------------*/
.form_oneCol label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_oneCol input, .form_oneCol textarea {
    width: 94%;
}
.bstrap30 .siamform h3{font-family: 'Arvo', serif;text-rendering: optimizeLegibility;font-weight: 700;font-size:1.5em;}
.bstrap30.avt-action-form .form-horizontal label.control-label:not(.required){font-weight:normal !important;}
.bstrap30.avt-action-form .form-horizontal label.required:after{content: '*';color:#e1529d;}
.bstrap30.avt-action-form .has-error .help-block, .bstrap30.avt-action-form .has-error .control-label, .bstrap30.avt-action-form .has-error .radio, .bstrap30.avt-action-form .has-error .checkbox, 
.bstrap30.avt-action-form .has-error .radio-inline, .bstrap30.avt-action-form .has-error .checkbox-inline, .bstrap30.avt-action-form .has-error.radio label, 
.bstrap30.avt-action-form .has-error.checkbox label, .bstrap30.avt-action-form .has-error.radio-inline label, 
.bstrap30.avt-action-form .has-error.checkbox-inline label{color:#e1529d;}
.bstrap30.avt-action-form .has-error .form-control{border-color:#e1529d;}
.bstrap30.avt-action-form  .text-danger{color:#e1529d;}

.bstrap30 .siamform .btn,
.bstrap30 .siamform .btn-info, 
.bstrap30 .siamform .btn-info:visited
.bstrap30 .siamform .btn,
.bstrap30 .siamform .btn-info, 
.bstrap30 .siamform .btn-info:visited {
    background-color: #333;
    color: #FFF !important;
    padding: 4px 14px;
    margin: 10px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
    border-color:unset;
}


.bstrap30 .btn-info {
    background-color: #333!important;
    padding: 4px 14px;
    margin: 10px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
    border-color:unset!important;
}

.bstrap30.avt-action-form .fileinput-button{background-color:#04a89b;}
.bstrap30.avt-action-form .has-error .form-control:focus{border-color:#e1529d;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #e1529d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #e1529d;}
.bstrap30.avt-action-form .btn-info:hover, .bstrap30.avt-action-form .btn-info:focus, 
.bstrap30.avt-action-form .btn-info.focus, .bstrap30.avt-action-form .btn-info:active, 
.bstrap30.avt-action-form .btn-info.active, .open>.dropdown-toggle.bstrap30.avt-action-form .btn-info,
.bstrap30 .btn-info:hover, .bstrap30 .btn-info:focus, .bstrap30 .btn-info.focus, .bstrap30 .btn-info:active, 
.bstrap30 .btn-info.active, .open>.dropdown-toggle.bstrap30 .btn-info
{    background-color: #555!important;
    display: inline-block;
    border-bottom: 0;
    border-color:unset!important;
}
.bstrap30.avt-action-form .btn-success:hover, .bstrap30.avt-action-form .btn-success:focus, .bstrap30.avt-action-form .btn-success.focus, 
.bstrap30.avt-action-form .btn-success:active, .bstrap30.avt-action-form .btn-success.active, 
.open>.dropdown-toggle.bstrap30.avt-action-form .btn-success {
    color: #fff;
    background-color: #04a89b;
    border-color: #04a89b;
    opacity:.7;
}

/*-------------------------------------------------
Global Styling: DNN Buttons
-------------------------------------------------*/
button.dnnTertiaryAction,
a.dnnTertiaryAction,
button.altButton,
a.altButton {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #666;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    background-color: #eee;
}

    button.dnnTertiaryAction:hover,
    a.dnnTertiaryAction:hover,
    button.altButton:hover,
    a.altButton:hover {
        cursor: pointer;
        background-color: #bbb;
        border: 1px solid #aaa;
        color: #fff;
    }

    button.dnnTertiaryAction.dnnDisabled:hover,
    a.dnnTertiaryAction.dnnDisabled:hover,
    button.altButton.dnnDisabled:hover,
    a.altButton.dnnDisabled:hover {
        color: #666;
        padding: 10px;
        border: 1px solid #ddd;
        background-color: #eee;
    }
/*-------------------------------------------------
Global Styling: Buttons: Group Styles
-------------------------------------------------*/
.dashboard-tab .dnnButtonGroup li a {
    padding: 8px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    font-weight: bold;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
}

    .dashboard-tab .dnnButtonGroup li a.active {
        padding: 8px;
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fff));
        background: -moz-linear-gradient(top, #dcdcdc, #fff);
        background: linear-gradient(to bottom, #dcdcdc 0%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#ffffff');
    }

    .dashboard-tab .dnnButtonGroup li a:hover {
        background: #e0dede; /* Old browsers */
        background: -moz-linear-gradient(top, #e0dede 0%, #f5f5f5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0dede), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e0dede 0%,#f5f5f5 100%); /* IE10+ */
        background: linear-gradient(to bottom, #e0dede 0%,#f5f5f5 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0dede', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
    }

    .dashboard-tab .dnnButtonGroup li a span {
        color: #777;
    }
/*-------------------------------------------------
Global Styling: Spacing
-------------------------------------------------*/
.spacingTop {
    margin-top: 15px;
}

.spacingRight {
    margin-right: 15px;
}

.spacingBottom {
    margin-bottom: 15px;
}

.spacingLeft {
    margin-left: 15px;
}

.added-bottom-margin {
    margin-bottom: 15px;
}

.added-top-margin {
    margin-top: 15px;
}

.more-bottom-margin {
    margin-bottom: -5px;
}

.more-top-margin {
    margin-top: 33px;
}
/*-------------------------------------------------
Global Styling: Skin Styles: Structure
-------------------------------------------------*/
.dnnClear {
    clear: both;
}

.DnnModule {
    width: 100%;
}

.margin-nuked {
    margin-top: 0;
    margin-bottom: 0;
}
/*-------------------------------------------------
Global Styling: Skin Styles: Alignments
-------------------------------------------------*/
.text-centered {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}
/*-------------------------------------------------
Global Styling: Sticky Header
-------------------------------------------------*/


.sticky-header {
    top: 0;
    margin: 0;
    padding: 0;
    /* border-bottom: 1px solid #d9e1ea; */
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 999;
    transition: all 0.5s ease;
}

.header-positioning {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.content-margin {
    margin-top: 254px;
}
.content-margin.nobreadcrumbs {
    margin-top: 219px;
}

.sleek-header {
    transition: all 0.5s ease;
}

    .sleek-header .header {
        min-height: 40px;
    }

    .sleek-header .sitename {
        display: none;
    }
    .sleek-header .logo{margin-top:0px;}
    .sleek-header .logo img {
        height: 40px;
        min-height: auto;
    }

    .sleek-header .dnnRight {
        margin-top: 0px;
    }
    .sleek-header .topHeader .dnnRight {
            margin-top: 0px;
    }

@media screen and (max-width: 1025px) {
    .sticky-header {
        position: static;
    }

    .content-margin {
        margin-top: 0px;
    }
}
/*-------------------------------------------------
Global Styling: Skin Styles: Header: Brow Navigation
-------------------------------------------------*/
.brow-container {
    background-color: #f1f2f4;
    color: #606f80;
    font-size: 13px;
    display: none;
}

    .brow-container a:hover {
        color: #b1b9c3;
        text-decoration: none;
    }

.brow-left li {
    list-style: none;
}

    .brow-left li a {
        color: #6d7c8e;
        list-style: none;
        text-transform: uppercase;
    }

ul.brow-left {
    padding: 0 0 0 0;
    margin: 0;
}

.brow-social-buttons a {
    color: #a2abb6;
    font-size: 18px;
}

.brow-social-buttons a {
    padding-left: 0px;
}

a.brow-contact, a.brow-donate, a.brow-mobile-member {
    font-size: 13px;
    text-transform: uppercase;
}

ul.brow-left {
    display: none;
}

@media screen and (max-width: 799px) {
    .brow-container, .header, .footer-container {
        padding: 0;
        display: block;
    }

    .brow-left li a, .brow-social-buttons a {
        padding: 10px 20px;
        border-bottom: 1px solid #c7c9cc;
        display: block;
        text-align: center;
    }

    .brow-left li a {
        padding: 0 20px;
    }

        .brow-left li a:hover, .brow-social-buttons a:hover {
            background-color: #FFF;
        }
}

@media screen and (min-width: 800px) {
    .brow-container, .header, .footer-container {
        padding: 0 5%;
        display: block;
    }



        .brow-container.hidden {
            display: none;
            transition: all 0.5s ease;
        }

    .brow-left li, .brow-social-buttons a {
        border-bottom: none;
        display: inline;
        text-align: left;
        padding: 0 5px;
    }

        .brow-left li a, .brow-social-buttons a {
            padding: 0 20px 0 0;
        }

    ul.brow-left, div.brow-social-buttons {
        margin: auto;
        width: auto;
    }
}

@media screen and (max-width:1049px) {
    .brow-social-buttons {
        text-align: center;
    }
}

@media screen and (min-width: 1050px) {
    .brow-social-buttons {
        float: right;
        position: relative;
        top: -25px;
    }

        .brow-left li a, .brow-social-buttons a {
            padding: 0 20px 0 0;
        }

    ul.brow-left, div.brow-social-buttons {
        margin: 0 0;
    }

    a.brow-mobile-member {
        display: none;
    }

    ul.brow-left, .brow-social-buttons {
        display: block;
    }
}
/*-------------------------------------------------
Global Styling: Skin Styles:
Header: Main Navigation: Top Bar and Logo
-------------------------------------------------*/
.topBar {
    background-color: #f1f2f4;
    padding: 8px 0 7px 0;
    color: #9aa3ae;
}

    .topBar a, .topBar a:visited {
        color: #9aa3ae;
    }

        .topBar a:hover {
            color: #cbcbcb;
        }

.header {
    background-color: white;
    min-height: 120px;
}
@media screen and (max-width: 1360px) {
        .header{min-height:100px;}
        .content-margin{margin-top:230px;}
    }
@media screen and (max-width: 1200px) {
        .content-margin{margin-top:224px;}
    }
@media screen and (max-width: 1025px) {
        .content-margin {
            margin-top: 0px;
        }
    }

.logo {
    margin-top: 10px;
    float: left;
}

    .logo img {
        min-height: 60px;
    }


.sitename {
    font-size: 14px;
    display: block;
    font-family: 'Arvo', serif;
    color: #04a89b;
}
@media screen and (max-width: 1360px) {
        .sitename{font-size:12px;}
    }

.mobileMenu,
.mobileSitename {
    display: none;
}

.userRegister,
.userLogin {
    padding: 7px 14px;
    border-radius: 4px;
    color: #f1f2f4 !important;
    font-size: 15px;
}

.userRegister {
    background-color: #333;
}

.userLogin {
    background-color: #04a89b;
}
/*-------------------------------------------------
Global Styling: Skin Styles: Header: Brow Navigation
Special Color Overrides
-------------------------------------------------*/
a.brow-donate, a.brow-donate:visited {
    color: #eea220;
}

    a.brow-donate:hover {
        color: #f1b959;
    }
/*-------------------------------------------------
Global Styling: Skin Styles:
Header: Main Navigation: Language
-------------------------------------------------*/
.language {
    float: left;
    margin-top: 5px;
}

    .language .language-object {
        float: right;
        display: block;
        margin: 0;
        padding: 0;
    }

        .language .language-object span {
            float: left;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 5px;
            margin: 0;
        }

            .language .language-object span:first-child {
                padding-left: 8px;
            }

            .language .language-object span img {
                height: 12px;
                width: 17px;
                opacity: 0.3;
            }

            .language .language-object span:hover img {
                opacity: 1;
            }

        .language .language-object .Language.selected img {
            opacity: 1;
            border-color: #222;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        }
/*-------------------------------------------------
Global Styling: Skin Styles:
Header: Main Navigation: Search
-------------------------------------------------*/
.dnnRight {
    /*float: right;
    position: absolute;
    margin-right: 5%;
    right: 0;
    margin-top: 40px;*/
    /*Edited 11/1/2017 - ABC - Let's try not to change a native dnn layout style. Let's be more specific with how we adjust the base style. */
}

.topHeader .dnnRight {
    float: right;
    position: absolute;
    margin-right: 5%;
    right: 0;
    margin-top: 40px;
}



.search {
    width: 290px;
    height: 24px;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
}
ul.searchSkinObjectPreview {
        z-index:9999;
    }
    .mobileSearch{display:none;}
    .search a.SearchButton:link,
    .search a.SearchButton:visited {
        float: right;
        display: block;
        height: 20px;
        width: 15px;
        text-indent: -9999px;
        padding: 0;
        margin: 0;
        background-color: #f4e9e9;
        border-radius: 3px;
        background: url('images/search.png') no-repeat center center;
    }

    .search .searchSite label {
        display: none;
    }

    .search .searchSite input,
    .search .searchSite input[type="text"],
    .search .searchSite input[type="search"] {
        display: block;
        float: left;
        width: 120px;
        height: 28px;
        color: #ff5f76;
        line-height: 1;
        padding: 0 0 0 10px;
        border: none;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
        outline: none;
    }

#dnn_dnnSearch_txtSearch,
#dnn_dnnmobileSearch_txtSearch {
    display: block;
    width: 90%;
    height: 28px;
    color: #999;
    line-height: 1;
    padding: 0 0 0 10px;
    border: none;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    outline: none;
}

.searchInputContainer {
    border-bottom: 1px solid #bfcad7;
    width: 265px;
}

.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    margin: -20px 0 0;
}
/* User Controls Menu */
.login {
    margin-left: 10px;
    display: inline-block;
}

.userProperties {
    max-width: 240px; /* grow user information to a max of 260px */
    display: inline-block;
    position: relative;
    top: 8px;
}

    .userProperties > ul {
        padding: 0;
        margin: 0;
    }

        .userProperties > ul li {
            position: relative;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .userProperties > ul li.userLogin a {
                border-left: solid 1px #fff;
            }

        .userProperties > ul > li,
        .userProperties > ul > li > span {
            float: left;
        }
            /*.userProperties > ul > li. img, */
            .userProperties > ul > li > a {
                width: auto;
                display: block;
                font-size: 15px;
                font-weight: normal;
                text-decoration: none;
            }

.userRegister > a,
.userLogin > a {
    display: inline-block;
    line-height: 1;
    margin-top: 8px;
}

    .userRegister > a:hover,
    .userLogin > a:hover,
    .userName > a:hover {
        color: #f1f2f4;
    }

.userName {
    max-width: 200px; /* user name and arrow max width */
}

    .userName > a {
        display: inline-block;
        padding: 5px 25px 5px 10px;
        margin-right: 1px;
        background: url("images/arrowDown.png") no-repeat 95% center;
        /* styles to handle long names */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border-radius: 3px;
    }

        .userName > a.active {
            color: #ff8015;
        }

.userProfile .userProfileImg {
    float: right;
    display: block;
    overflow: hidden;
    margin: 0;
    border-radius: 28px;
}

    .userProfile .userProfileImg img {
        width: 28px;
        height: 28px;
    }

.userProfile .userMessages {
    display: none;
}

    .userProfile .userMessages:after {
        content: '';
        position: absolute;
        left: -4px;
        top: 5px;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-bottom: 4px solid transparent; /* left arrow slant */
        border-top: 4px solid transparent; /* right arrow slant */
        border-right: 4px solid #f7f7f7; /* bottom, add background color here */
    }
/* User Controls Menu Drop Down */
.userProperties ul.userMenu {
    z-index: 100;
    display: none;
    position: absolute;
    width: 225px;
    top: 10px;
    left: 0;
    border: 1px solid #fff;
    margin: 25px 0 0 0;
    background: #fff;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
    -webkit-animation-duration: .25s;
    -webkit-animation-delay: .2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .25s;
    -moz-animation-delay: .2s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .25s;
    -ms-animation-delay: .2s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .25s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    padding: 5px;
}

    .userProperties ul.userMenu li {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
    }

.userProperties li.userNotifications,
.userProperties li.userProfilename {
    border-bottom: 1px dotted #999;
}

.userProperties ul.userMenu a {
    display: block;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms;
    -webkit-transition: all ease-in 100ms;
    -o-transition: all ease-in 100ms;
    -ms-transition: all ease-in 100ms;
    text-transform: none;
}

    .userProperties ul.userMenu a span {
        padding: 0px 4px;
        background: rgba(0,0,0,0.45);
        border-radius: 3px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        display: none;
    }

.userProperties ul.userMenu li:last-child > a {
    padding-top: 10px;
}

.userProperties ul.userMenu li:hover > a,
.userProperties ul.userMenu li:hover > a strong {
    color: #ff5f76;
    background: #f4f4f4;
}

.userRegister a {
    background-color: #333333;
    padding: 10px;
    color: white;
    border-radius: 4px;
    margin-right: 5px;
}

.userLogin a {
    background-color: #04a99b;
    padding: 10px;
    color: white;
    border-radius: 4px;
}

.userRegister a:hover {
    background-color: #a6b4c4;
}

.userLogin a:hover {
    background-color: #43d1c0;
}

.userName a {
    color: #777;
}

    .userName a:hover {
        color: #333;
    }

@media screen and (max-width: 1025px) {
    .dnnRight {
        display: none;
    }
    .searchInputContainer a.dnnSearchBoxClearText.dnnShow{
        display: none;
    }
}
/*-------------------------------------------------
Global Styling: Breadcrumbs
-------------------------------------------------*/
.breadcrumbs-container {
    background-color: #a6b4c4;
    /* padding: 4px 5% 0; */padding: 0px 5% 0;
    line-height: 35px;
    font-size: .9em;    
}
@media screen and (max-width: 1360px) {
        .breadcrumbs-container {font-size:.8em;}
    }

.sticky-breadcrumbs {
    top: 220px;
    position: fixed;
    width:100%;
    z-index: 998;
    transition: all 0.5s ease;
    margin: 0;    
}

.breadcrumbs-position {
    margin-left: 25px;
}

.sleek-breadcrumbs {
    transition: all 0.5s ease;
    top:161px;
}
    /* .sleek-breadcrumbs .breadcrumbs-position {
        min-height: 35px;
    } */

.breadcrumbs-starter {
    display: none;
}

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span:after {
    content: url('Images/breadcrumb.gif');
    position: absolute;
    display: inline-block;
    margin-left: 20px;
}

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span:last-of-type {
    background-color: #b0becd;
}

    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span:last-of-type:after {
        content: url('Images/breadcrumb-last-updated.gif');
        position: absolute;
        display: inline-block;
        margin-left: 20px;
    }

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span:only-of-type {
    background-color: #a6b4c4;
}

    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span:only-of-type:after {
        content: '';
        position: absolute;
        display: inline-block;
        margin-left: 20px;
    }

#dnn_dnnBreadcrumb_lblBreadCrumb > span > span {
    padding: 0 20px 0 40px;
    height: 35px;
    display: inline-block;
}

    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span a {
        border-bottom: 0;
    }

    #dnn_dnnBreadcrumb_lblBreadCrumb > span > span a font{display:inline-block;}

#dnn_dnnBreadcrumb_lblBreadCrumb span > img,
.breadcrumb-separator {
    position: absolute;
    display: none;
}

@media screen and (max-width: 1025px) {
    .sticky-breadcrumbs {
        position: sticky;
    }
}
/* Content Styling */
/* Top Banners */
.header-image-960 {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
/* Home Page */
.header-copy .Story-Header {
    margin-top: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    display: block;
}

.image-shadow > img {
    width: 100%;
}

.Story-Body {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    color: #FFF;
    text-align: left;
    line-height: 24px;
}

.CTA-btn {
    background-color: #09F;
    text-align: center;
    padding: 15px 20px 15px 20px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    text-decoration: none;
}

.image-CTA-padding-left, .image-CTA-no-padding {
    float: left;
    font-size: 14px;
    color: #fff;
    margin-bottom: 8px;
}

.image-CTA-text-padding {
    background-color: #606060;
    text-align: center;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
}
/* Our Products */
.product-header-text {
    text-align: center;
    padding: 25px 0 25px 0;
    margin: 0px;
    background-color: #333;
}

    .product-header-text h1 {
        color: #FFF;
    }

.product-overview-container {
    width: 250px;
    background-color: #FFF;
    padding: 25px;
    float: left;
    margin-bottom: 25px;
}

.product-image {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.product-name {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px;
}

.Gray-cap-text {
    font-size: 12px;
    color: #999;
    font-variant: small-caps;
}

.tv-size {
    margin-right: 10px;
    margin-left: 10px;
}

.product-size {
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.greencircle {
    border: 2px solid #0C3;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.review-green-text {
    font-size: 18px;
    color: #07a82c;
    height: 40px;
}

.bullets ul {
    padding: 0px;
    color: #000;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.bullets li {
    padding-bottom: 10px;
}

.price {
    text-align: right;
    float: right;
}

.float-left {
    float: left;
}

.price {
    font-size: 14px;
    text-decoration: line-through;
}

.price2 {
    font-size: 14px;
    color: #000;
    float: right;
}

.price3 {
    font-size: 14px;
    color: #F00;
    float: right;
}

.price-wrapper {
    height: 25px;
}

.Products-btn {
    background-color: #09F;
    margin-top: 15px;
    text-align: center;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 84%;
    font-size: 16px;
    text-decoration: none;
}

@media only screen and (min-width: 580px) and (max-width: 768px) {
    .header-copy {
        padding: 15px;
        width: 45%;
        float: left;
    }

    .header-image {
        padding-top: 15px;
        padding-right: 15px;
        display: block;
        width: 48%;
        float: left;
    }

    .CTA-btn {
        width: 50%;
    }

    .footer-container {
        height: auto;
    }     
    
}

@media only screen and (min-width: 768px) {
    .header-copy {
        width: 50%;
        float: left;
    }

    .header-image {
        padding-top: 15px;
        width: 50%;
        float: right;
    }

    .CTA-btn {
        width: 50%;
    }

    .footer-container {
        height: auto;
    }        
}
/*-------------------------------------------------
Global Styles: Footer
-------------------------------------------------*/
.footer-container {
    background-color: #333;
    background-image: url(Images/bg-footer.png);
    background-size: auto;
    background-position: top left;
    color: #FFF;
    font-family: 'ProximaNova-Light', 'Montserrat', sans-serif;
    text-rendering: optimizeLegibility;
    padding: 0 3% 10px;
    height: 60vh;
}

    .footer-container a {
        color: #f0efef;
        line-height: 1em;
    }

        .footer-container a:hover {
            color: #FFF;
        }

.footer-content {
    margin: 0 auto;
    line-height: 1.1em;
    font-size: 1em;
    padding-top: 30px;
}

.footer-siam-logo {
    font-family: 'Arvo', serif;
    color: #04a89b;
    font-size: 16px;
    padding-top: 40px;
    text-rendering: optimizeLegibility;
    display: none;
}

    .footer-siam-logo:before {
        content: '';
        display: block;
        height: 65px;
        width: 210px;
        background-image: url(Images/siam-footer-logo.png);
        background-size: cover;
        margin-bottom: 10px;
    }

.footer-subhead {
    margin: 0 0 1em;
    letter-spacing: 1px;
    color: white;
    line-height: 1.2em;
    font-family: 'Arvo', serif;
    text-rendering: optimizeLegibility;
    font-weight: 700;
}

.footer-content ul {
    margin-bottom: 0px;
    margin-left: 0px;
}

.footer-contact > h6.footer-subhead {
    color: #a6b4c4;
}

div.footer-content.five-column > div.keep-together > ul {
    padding: 0;
}

    div.footer-content.five-column > div.keep-together > ul > li {
        list-style: none;
        margin: 12px 0;
        color: #fbfbfb;
        font-size: 17px;
    }

.footer-contact {
    color: #a6b4c4;
}

    .footer-contact a {
        color: #f0efef;        
    }

.footer-contact-name {
    font-family: 'ProximaNova-Bold', 'Monserrat', sans-serif;
    display: block;
    font-size: 1.2em;
}

.social-buttons {
    min-width: 190px;
    margin-top: 20px;
    margin-bottom: 5%;
}

    .social-buttons a {
        color: #a6b4c4;
        cursor: pointer;
        padding: 10px 10px 10px 0;
    }

        .social-buttons a:hover {
            text-decoration: none;
            color: #fff;
        }

        .social-buttons a:after {
            content: "|";
            margin-left: 10px;
            color: #606f80;
        }

        .social-buttons a:last-of-type::after {
            content: " ";
        }

.subfooter {
    padding-top: 4.5%;
}

    .subfooter, .subfooter a {
        color: #77828e;
    }

        .subfooter a:hover {
            text-decoration: underline;
        }

        .subfooter a:hover {
            color: #FFF;
        }

.footer-container {
    background-size: contain;
}

.footer-pipe-separators {
    display: inline;
    margin-bottom: 0;
}

    .footer-pipe-separators:after {
        content: "|";
        display: inline-block;
        margin-left: 20px;
        padding-right: 20px;
        color: #717a84;
    }
/*-------------------------------------------------
Global Styles: Footer Media Queries
-------------------------------------------------*/
.footer-content > .keep-together:first-child {
    display: table; /*To keep the first column in the footer always stay together in Safari*/
}

@media screen and (min-width: 800px) {
    .footer-content {
        width: 100%;
        margin: 0 auto;
    }

    .footer-container {
        height: auto;
    }    

    .footer-contact {
        /*border-left: 11px solid #606f80;
    margin-left: -15px;
    padding-left: 30px;*/
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

@media screen and (min-width: 1025px) {
    div.footer-content.five-column {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 1px;
        -moz-column-gap: 1px;
        column-gap: 1px;
    }

    .footer-contact {
        /*border-left: 24px solid #444343;
    margin-left: -25px;
    padding-left: 40px;*/
    }

    .footer-siam-logo {
        display: block;
    }

    .footer-desktop-only {
        display: inline-block;
    }

    .footer-mobile-only {
        display: none;
    }

    .mobile-social-buttons {
        display: none;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1255px) {
}

@media screen and (min-width: 1026px) {
    .footer-subhead {
        margin: 1.5em 0 0.5em;
    }
    .footer-content > .keep-together:first-child .footer-subhead:first-child {
        margin: 0 0 0.5em;
    }
    .footer-content > .keep-together:nth-child(2) .footer-subhead:first-child {
        margin: 0 0 0.5em;
    }
}

@media only screen and (max-width: 1025px) {
    .footer-content {
        width: 90%;
    }

    .footer-siam-logo {
        display: none;
    }

    .footer-desktop-only {
        display: none;
    }

    .footer-mobile-only {
        display: inline-block;
    }

    .mobile-social-buttons {
        display: block;
        border-bottom: 1px solid #4a4949;
        border-top: 1px solid #4a4949;
        padding: 20px 0;
        text-align: center;
        margin-top: 10px;
    }

        .mobile-social-buttons a {
            padding-right: 16%;
            color: #a6b4c4;
        }

            .mobile-social-buttons a:hover {
                color: white;
            }

            .mobile-social-buttons a:last-of-type {
                padding-right: 0;
            }

    div.footer-content.five-column > div.keep-together > ul > li {
        font-size: 12px;
        line-height: 0.7em;
    }

    .subfooter {
        font-size: 10px;
        padding: 20px 0;
        line-height: 1.4em;
    }

    .footer-pipe-separators:after {
        margin-left: 2%;
        padding-right: 2%;
    }

    .footer-contact {
        display: none;
    }

    .footer-copyright {
        display: block;
    }

    .footer-subhead {
        letter-spacing: normal;
        font-size: 0.95em;
    }
}

@media only screen and (max-width: 600px) {
    .footer-content {
        width: 92%;
    }
}
/*-------------------------------------------------
Global Styling: Buttons!
-------------------------------------------------*/
.button-dark, .button-dark:visited,
.dark-button {
    background-color: #333;
    color: #FFF !important;
    padding: 4px 14px;
    margin: 10px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}    

.container-H2-dark-confetti .button-dark
, .container-H2-dark-confetti .button-dark:visited
, .container-H2-dark-confetti .dark-button {
        background-color: #fff;
        color: #333 !important;
    }
.button-dark-mobile-yellow-arrow, .button-dark-mobile-yellow-arrow:visited {
    background-color: #333;
    color: #FFF;
    padding: 4px 14px;
    margin: 15px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

.button-dark-mobile-white-arrow, .button-dark-mobile-white-arrow:visited {
    background-color: #333;
    color: #FFF;
    padding: 4px 14px;
    margin: 15px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

    .button-dark:hover,
    .button-dark-mobile-yellow-arrow:hover,
    .button-dark-mobile-white-arrow:hover {
        background-color: #555;
        display: inline-block;
        border-bottom: 0;
    }

.button-yellow-arrow-with-text, .button-yellow-arrow-with-text:visited {
    color: #333 !important;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

    .button-yellow-arrow-with-text:after {
        margin-left: 5px;
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);
        border-bottom: 0;
    }

.button-white-arrow-with-text, .button-white-arrow-with-text:visited {
    color: #333 !important;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

    .button-white-arrow-with-text:after {
        margin-left: 5px;
        /*content: url(http://laurafolio.com/temp/siam/Images/white-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/white-arrow.png);
    }

    .button-yellow-arrow-with-text:hover,
    .button-white-arrow-with-text:hover {
        color: #77818C !important;
        display: inline-block;
    }

.button-white, .button-white:visited,
.button-white-mobile-yellow-arrow, .button-white-mobile-yellow-arrow:visited {
    background-color: #FFF;
    color: #333 !important;
    padding: 4px 14px;
    margin: 10px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

.button-white-with-yellow-arrow, .button-white-with-yellow-arrow:visited {
    background-color: #FFF;
    color: #333 !important;
    padding: 4px 14px;
    margin: 10px;
    border-radius: 4px;
    font-weight: normal;
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

    .button-white:hover,
    .button-white-with-yellow-arrow:hover,
    .button-white-mobile-yellow-arrow:hover {
        background-color: #d9e1ea;
        display: inline-block;
    }

    .button-white-with-yellow-arrow:after {
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);
        margin-left: 5px;
    }

.button-display-text-yellow-arrow, .button-display-text-yellow-arrow:visited {
    font-family: 'Arvo', serif;
    text-rendering: optimizeLegibility;
    font-weight: normal;
    color: #333 !important;
    /*font-size: 1.375em;*/
    transition: all 0.5s ease;
    display: inline-block;
    border-bottom: 0;
}

    .button-display-text-yellow-arrow:hover {
        color: #77818C;
        display: inline-block;
    }

    .button-display-text-yellow-arrow:after {
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);
        margin-left: 5px;
    }

.button-yellow-arrow {
    border: 0;
    opacity: 1;
}

    .button-yellow-arrow:hover {
        color: #a6b4c4;
        opacity: 0.8;
    }

    .button-yellow-arrow:after {
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);
    }

.button-white-arrow {
    border: 0;
    opacity: 1;
}

    .button-white-arrow:hover {
        color: #a6b4c4;
        opacity: 0.8;
    }

    .button-white-arrow:after {
        /*content: url(http://laurafolio.com/temp/siam/Images/white-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/white-arrow.png);
    }

.more-arrow-up,
.more-arrow-down {
    /*content: url(http://laurafolio.com/temp/siam/Images/more-arrow.png);*/
    content: url(/Portals/_default/Skins/Siam/Images/more-arrow.png);
    height: 17px;
    width: 17px;
    margin: 0 auto;
}

.more-arrow-up {
    transform: rotateX(180deg);
}
/*-------------------------------------------------
Global Styling: Buttons! Media Queries
-------------------------------------------------*/
@media only screen and (max-width: 1025px) {
    .button-dark,
    .button-white,
    .button-white-with-yellow-arrow,
    .button-display-text-yellow-arrow {
        font-size: 1em;
    }

    .button-dark-mobile-yellow-arrow,
    .button-white-mobile-yellow-arrow {
        background-color: transparent;
        color: transparent;
        padding: 7px 14px;
        border-radius: 0;
        font-weight: normal;
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);
        margin:0;
    }

    .button-dark-mobile-white-arrow {
        background-color: transparent;
        color: transparent;
        border-radius: 0;
        font-weight: normal;
        /*content: url(http://laurafolio.com/temp/siam/Images/white-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/white-arrow.png);
        padding: 0px;
        margin:0;
    }

        .button-dark-mobile-yellow-arrow:hover,
        .button-dark-mobile-white-arrow:hover,
        .button-white-mobile-yellow-arrow:hover {
            background-color: transparent;
        }

    .button-yellow-arrow-with-text {
        color: transparent;
        /*content: url(http://laurafolio.com/temp/siam/Images/yellow-arrow.png);*/
       /* content: url(/Portals/_default/Skins/Siam/Images/yellow-arrow.png);*/
    }

    .button-white-arrow-with-text {
        color: transparent;
        /*content: url(http://laurafolio.com/temp/siam/Images/white-arrow.png);*/
        content: url(/Portals/_default/Skins/Siam/Images/white-arrow.png);
    }
}
/*-------------------------------------------------
Global Styles: Nicer DNN Info Boxes
-------------------------------------------------*/
.dnnFormMessage.dnnFormWarning {
    background-color: #fff;
    color: #fb0044;
    font-weight: bold;
    border: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 0;
}

.dnnFormMessage {
    background-color: #fff;
    color: black;
    font-weight: normal;
    border: none;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
    border-radius: 0;
}
/* temp adjustment */
.topHero .dnnFormMessage {
    margin: 0px auto;
    width: 980px;
}
/* temp adjustment */
.dnnFormMessage.dnnFormWarning {
    margin: auto;
    text-align: center;
}
/* some specific nebula elements color redefine */
.activeIndicator {
    background-color: #ff5f76;
    color: #fff;
}

span.no-answer {
    background-color: #ff5f76;
    color: #fff;
}

.DnnModule-Messaging-Notifications .dnnAdminTabNav a span {
    background-color: #fb0044;
    background: #fb0044;
    color: #fff;
}

.dnnFormPopup div.dnnLabel {
    font-weight: bold;
    font-size: 12px;
}

.ui-dialog-content .social-wizard {
    margin-top: 0;
}

.dnnFormPopup div.fu-container {
    padding: 18px 30px 0 30px;
}

.like-popup-list {
    padding: 8px 28px 0 28px;
}

#dnnDocumentViewerGetUrlModal, #dnnModuleDigitalAssetsGetUrlModal {
    padding: 0 35px;
}
/* customised modal dialog style */
.dnnFormPopup {
    border-radius: 7px;
}

    .dnnFormPopup.ui-dialog .ui-dialog-titlebar, .dnnFormPopup .ui-dialog-titlebar {
        padding: 22px 0 18px 22px;
        background-color: #092836;
        color: #ffffff;
        border: none;
        cursor: move;
        font-size: 18px;
        font-weight: normal;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

.LoginPanel {
    margin-top: 10px;
}

.mobileView .dnnFormPopup .ui-dialog-titlebar {
    margin: inherit;
    padding: 5px 0 0 0;
    line-height: 1.5em;
    background-color: inherit;
    color: inherit;
    border: inherit;
    cursor: inherit;
    font-size: 22px;
    font-weight: bold;
    border-radius: 0;
}

.dnnFormPopup .dnnModalCtrl {
    top: 20px;
    right: 22px;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: none;
    box-shadow: none;
}

    .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close {
        background: #092836 url(images/icon_close_dialog.png) no-repeat;
        border: none;
        width: 20px;
        height: 20px;
        margin: 0;
        float: right;
        margin-right: 30px;
    }

        .dnnFormPopup .dnnModalCtrl .ui-dialog-titlebar-close:hover {
            background: #092836 url(images/icon_close_dialog.png) no-repeat;
            border: none;
            width: 20px;
            height: 20px;
            margin: 0;
            float: right;
            margin-right: 30px;
        }

    .dnnFormPopup .dnnModalCtrl a.dnnToggleMax {
        display: none;
    }

        .dnnFormPopup .dnnModalCtrl a.dnnToggleMax:hover {
            display: none;
        }

div.ui-dialog-titlebar > .ui-dialog-titlebar-close {
    top: 20px;
    right: 22px;
    background: #092836 url(images/icon_close_dialog.png) no-repeat;
    border: none;
    width: 20px;
    height: 20px;
}

    div.ui-dialog-titlebar > .ui-dialog-titlebar-close:hover {
        background-color: #092836;
        cursor: pointer;
    }

.dnnFormPopup .ui-resizable-se {
    display: none;
}

.dnnFormPopup div.ui-dialog-content {
    margin: 0 -18px -18px -18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.comment-update-dialog textarea.message {
    display: block;
    box-size: border-box;
    -moz-box-size: border-box;
    margin: 20px;
    border-radius: none;
}
/* compose message popup css fix */
.dnnFormPopup div.ui-dialog-content.composeMessageDialog {
    padding-top: 20px;
}

.mobileView .dnnFormPopup div.ui-dialog-content {
    margin: 0;
    border-radius: 0;
}

div.dialog-footer {
    padding: 8px 30px 8px 30px;
    border-top: 1px solid #edeae9;
    background-color: #f4f4f4;
}

    div.dialog-footer ul.dnnActions {
        display: block;
    }

.mobileView div.dialog-footer,
.mobileView .dnnFormPopup div.ui-dialog-buttonpane {
    padding: 0;
    border: none;
    background-color: transparent;
    margin: 0;
}

    .mobileView div.dialog-footer ul.dnnActions.dnnRight {
        float: none;
        width: 100%;
    }

        .mobileView div.dialog-footer ul.dnnActions.dnnRight > li {
            float: none;
            display: inline-block;
            width: 48%;
            margin: 0;
        }

            .mobileView div.dialog-footer ul.dnnActions.dnnRight > li > a {
                width: 100%;
            }

.dnnFormPopup div.ui-dialog-buttonpane {
    padding: 12px 22px 18px 22px;
    border-top: 1px solid #edeae9;
    background-color: #f4f4f4;
    margin: 18px -18px -18px -18px;
}

.dnnFormPopup.fileManagerPopup .ui-dialog-buttonpane {
    margin: 18px -18px -18px -18px;
}

.dnnFormPopup div.ui-dialog-buttonpane div.ui-dialog-buttonset {
    float: right;
}

.dnnFormPopup .ui-dialog-buttonpane div.ui-dialog-buttonset button {
    padding: 10px;
    float: right;
    display: block;
}

.dnnFormPopup .dnnDialog,
.dnnFormPopup .ui-dialog-content.social-report-content {
    padding: 22px;
}

span.dnnFormRequired:after, div.dnnFormItem.dnnFormRequired > div.dnnLabel span:after {
    font-size: 16px;
}
/* fix on jquery ui popup with default button */
/*.dnnFormPopup .ui-dialog-buttonpane button.dnnPrimaryAction {
    border: 1px solid #339795;
}
.dnnFormPopup .ui-dialog-buttonpane button.dnnSecondaryAction {
    border: 1px solid #ddd;
}*/
.comment-load-more {
    border-right: 5px solid #ff5f76;
}
/* vote button style */
.share-idea-vote-options .button,
.idea-vote-options .button {
    position: relative;
    overflow: hidden;
    color: #fff;
    background-color: rgb(0, 215, 199);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 215, 199)), to(rgb(0, 179, 193)));
    background: -moz-linear-gradient(top, rgb(0, 215, 199) 0%, rgb(0, 179, 193) 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%); /* IE10+ */
    background: linear-gradient(top, rgb(0, 215, 199) 0%,rgb(0, 179, 193) 100%); /* W3C */
}

    .share-idea-vote-options .button.left,
    .idea-vote-options .button.left {
        display: block;
        clear: none;
        border-left-color: rgb(0, 194, 194);
        border-left-style: solid;
        border-right-color: gray;
        border-right-style: solid;
        border-top-color: rgb(0, 194, 194);
        border-top-style: solid;
        border-top-width: 1.1111111640930176px;
        box-shadow: #306166 0px 1px 1px 0px;
        border-radius: 1px;
        overflow: hidden;
        border-right: 1px solid gray; /* IE */
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE dumbness */
    }

.idea-vote-options .ie-shadow {
    background-color: rgb(68,68,68); /* Needed for IEs */
    border-radius: 5px; /* for non-IE */
    -moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    -webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
}

.share-idea-vote-options .button.center,
.idea-vote-options .button.center {
    border-left-color: rgb(0, 194, 194);
    border-left-style: solid;
    border-right-color: gray;
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px;
}

.share-idea-vote-options .button.vright,
.idea-vote-options .button.vright {
    border-left: none;
    border-right-color: gray;
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.share-idea-vote-options .button.single,
.idea-vote-options .button.single {
    border-left-color: rgb(0, 194, 194);
    border-left-style: solid;
    border-right-color: rgb(0, 194, 194);
    border-right-style: solid;
    border-top-color: rgb(0, 194, 194);
    border-top-style: solid;
    border-top-width: 1.1111111640930176px;
    box-shadow: #306166 0px 1px 1px 0px;
}

.share-idea-vote-options .button.disabled,
.idea-vote-options .button.disabled,
.share-idea-vote-options .button.disabled:hover,
.idea-vote-options .button.disabled:hover,
.share-idea-vote-options .button.disabled:active,
.idea-vote-options .button.disabled:active {
    background-color: #eee;
    color: rgb(122, 122, 122);
}

.share-idea-vote-options .button:hover,
.idea-vote-options .button:hover {
    background-color: rgb(0, 149, 138);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 149, 138)), to(rgb(0, 74, 80)));
    background-image: linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -o-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -moz-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -webkit-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -ms-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
}

.share-idea-vote-options .button:active,
.idea-vote-options .button:active {
    background-color: rgb(0, 74, 80);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 74, 80)), to(rgb(0, 149, 138)));
    background-image: linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138));
    background-image: -o-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138));
    background-image: -moz-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138));
    background-image: -webkit-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138));
    background-image: -ms-linear-gradient(top, rgb(0, 74, 80), rgb(0, 149, 138));
}

.share-idea-vote-options .button.selectedVotes,
.idea-vote-options .button.selectedVotes {
    background-color: rgb(0, 149, 138);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(0, 149, 138)), to(rgb(0, 74, 80)));
    background-image: linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -o-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -moz-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -webkit-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
    background-image: -ms-linear-gradient(top, rgb(0, 149, 138), rgb(0, 74, 80));
}

.share-idea-vote-options a.idea-remove-button,
.idea-vote-options a.idea-remove-button {
    position: relative;
    overflow: hidden;
    display: block;
}

input[type="text"]::-webkit-input-placeholder,
input[type="text"]:-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]:-ms-input-placeholder {
    color: #333;
}
/* group page skin fix */
.dgdGroupQuickInfo ul li {
    font-size: 12px;
    padding: 0 20px 0 22px;
    margin-bottom: 20px;
}

    .dgdGroupQuickInfo ul li a {
        padding: 10px;
        font-size: 12px;
    }

.dgdMainContent a.dnnPrimaryAction.createGroup {
    margin-bottom: 15px;
}
/* Mobile view primary/secondary button redefine */
.mobileView button.dnnPrimaryAction,
.mobileView button.dnnSecondaryAction,
.mobileView a.dnnPrimaryAction,
.mobileView a.dnnSecondaryAction {
    border: none;
    margin-bottom: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

    .mobileView button.dnnPrimaryAction,
    .mobileView a.dnnPrimaryAction,
    .mobileView a.dnnPrimaryAction:hover,
    .mobileView a.dnnPrimaryAction:visited {
        border-color: transparent;
        color: #fff;
        background: #0099cc;
    }

    .mobileView button.dnnSecondaryAction,
    .mobileView a.dnnSecondaryAction,
    .mobileView a.dnnSecondaryAction:hover,
    .mobileView a.dnnSecondaryAction:visited {
        border: none;
        color: #777;
        background: #eee;
    }
/*-------------------------------------------------
Global Styles: Skin Structure Media Queries - Max Width
-------------------------------------------------*/
.sleek-search {
    width: 290px;
    height: 24px;
    background-color: #fff;
    border-radius: 10px;
    display: inline-block;
    text-align: right;
    cursor: pointer;
}
@media screen and (max-width: 1360px) {
        .logo img {
            min-height: 40px;
            height: 50px;
        }
    }

@media only screen and (max-width: 1025px) {
    .moduleContainer a.dnnMobileCreateNewButton, .moduleContainer a.dnnMobileCreateNewButton-searchResult {
        background-color: #0099cc;
    }

    .search {
        margin: -14px 20px 20px 0;
        display: block;
    }


    .mobileSearch{display:block;top:58px;right:5%;position:absolute;width:15px;height:20px;
        -webkit-transition: width .5s, height .5s, display .5s;transition: width .5s, height .5s, display .5s;}
    .mobileSearch a.SearchButton, .mobileSearch a.SearchButton:link{display:none;}
    .mobileSearch .closeButton{display:none;}
    .mobileSearch i {height: 20px;color: #43d1c0;font: normal normal normal 22px/1 FontAwesome;cursor:pointer;right:0;position:absolute;}
    .mobileSearch .searchInputContainer{display:none};

    .search a.SearchButton:link,
    .search a.SearchButton:visited,
    .mobileSearch a.SearchButton:link,
    .mobileSearch a.SearchButton:visited {
        border-radius: 0;
    }

    .search .searchInputContainer {
        position: inherit;
    }

        .search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
            right: 43px;
        }
    .mobileSearch.focused {width:90%;height:80px;}
    .mobileSearch.focused .searchInputContainer{display:block;width:100%;border:none;position:absolute;margin-top:-4px;}
    .mobileSearch.focused a.SearchButton{}
    .mobileSearch.focused #dnn_dnnmobileSearch_txtSearch{width:90%;float:left;background-color:#fff;border:solid 1px #ddd;position:absolute;z-index:9999;height:50px;border-radius:0;
        top:-15px;font-size:25px !important;font-family:'Arvo', serif;}
    .mobileSearch.focused .searchInputContainer a.dnnSearchBoxClearText{display:none;}
    .mobileSearch.focused .fa-search:before{content:url(images/icon_close_dialog.png);}
    .mobileSearch.focused .closeButton{}




    ul.searchSkinObjectPreview {
        right: 0;
        left: 0;
        width: inherit;
        top: 42px;
        z-index:9999;
    }

    form.showControlBar ul.searchSkinObjectPreview {
        top: 90px;
    }

    .header {
        padding-bottom: 0;
        text-align: center;
        min-height: 85px;
    }

    .breadcrumb {
        display: none;
    }

    .logo {
        float: none;
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        width: 70%;
    }

        .logo img {
            min-height: 40px;
            height: 50px;
        }

    .mobileMenu{
        display: inline-block;
        position: relative;
        top: 12px;
    }

        .mobileMenu a{
            color: #43d1c0;
        }

            .mobileMenu a i{
                font: normal normal normal 22px/1 FontAwesome;
            }

    .sitename {
        display: none;
    }

    .mobileSitename {
        display: inline-block;
        color: #04a89b;
        font-size: 14px;
        font-family: 'Arvo', serif;
    }
}

@media only screen and (max-width: 800px) {
    .footer-container {
        height: auto;
    }
    .mobileSearch{top:23px;}

}

@media only screen and (max-width: 500px) {

}
/*-------------------------------------------------
Style Guide Sheet: Icon Grid
-------------------------------------------------*/
.big-icon-grid {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

    .big-icon-grid h3 {
        display: block;
        color: #a6b4c4;
        width: 100%;
        padding: 20px 0;
    }

    .big-icon-grid .icon-container {
        position: relative;
        text-align: center;
        padding-bottom: 30px;
        display: inline-block;
        width: 15%;
        vertical-align: top;
    }

        .big-icon-grid .icon-container img {
            width: 60px;
            height: 60px;
        }

    .big-icon-grid .image-container {
        position: relative;
        text-align: center;
        padding-bottom: 30px;
        padding-right: 30px;
        display: inline-block;
        width: 15%;
        vertical-align: top;
    }
    .big-icon-grid .image-container img {
            max-width:98%;
        }

@media only screen and (max-width: 1025px) {
    .big-icon-grid .icon-container {
        width: 20%;
        padding-bottom:20px;
    }
    .big-icon-grid .image-container {
        width: 20%;
    }
    .siam-numbers-text{min-height:15px;}
}

@media only screen and (max-width: 600px) {
    .big-icon-grid .icon-container {
        width: 30%;
        padding-bottom:10px;
    }
    .big-icon-grid .image-container {
        width: 40%;
    }
}
/*-------------------------------------------------
Display on Mobile or Desktop Common Elements
-------------------------------------------------*/
@media screen and (min-width: 1026px) {
    .desktop-only {
        display: block;
    }

    .mobile-only {
        display: none !important;
    }
}

@media screen and (max-width: 1025px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block;
    }
}



/*A NO HOVER*/
.aNoHover:hover {
    color: inherit;
    cursor: initial;
}

@media screen and (max-width: 1025px) {
    #dnnSearchResultAdvancedForm {
        width: 100% !important;
    }

    .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown {
        right: -100px !important;
    }
}

/* (REAL) SMALL CAPS */
.small-caps {
    font-family: 'Alegreya Sans SC', sans-serif!important;
}

.popUp .dnnPrimaryAction, .popUp .form-builder-canvas.Simple .dnnPrimaryAction, .popUp .form-builder-canvas.Simple button{
	all: initial !important;
    background-color: #333 !important;
    color: #FFF !important;
    padding: 3px 36px !important;
    border-radius: 4px !important;
    font-weight: normal !important;
    transition: all 0.5s ease !important;
    line-height: 2em !important;
    font-family: 'ProximaNova-Light', 'Montserrat', sans-serif !important;
    border-radius:4px !important;
    cursor:pointer !important;

}

:target:before {
  content:"";
  display:block;
  height:360px; /* fixed header height*/
  margin:-360px 0 0; /* negative fixed header height */
}


@media screen and (max-width: 480px) {
    #doorbell-button {
        visibility: hidden !important;
    }
}