/* Minification failed. Returning unminified contents.
(3,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(4,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
html, body
{
   // height: 100%;
   // width: 100%;
}

body
{
    overflow-x:hidden;
    background: #FFF;
    margin: 0px;
    padding: 0px;
    text-align: center;
    color: #000;
    height: 100%;
    overflow-y: scroll;
    font-family: Tahoma,Geneva,sans-serif;
}

img
{
    border: 0;
}

a
{
    color: #69605A;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: none;
}

    a:link, a:visited,
    a:active, a:hover
    {
        color: #000;
    }

mark
{
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

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

.clear
{
    clear: both;
}

a.subscriptionsLink
{
    cursor: pointer;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}
/***** OVERRIDE STYLES *****/
.ui-dialog .ui-dialog-titlebar
{
    background: #cedc98;
    border: 1px solid #DDDDDD;
    color: #333333;
    font-weight: bold;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    font: bold 12px Tahoma,Geneva,sans-serif;
    text-align: left;
}
.ui-dialog-titlebar-close
{
    background: transparent !important;
    border: 0px !important;
    filter: brightness(0.5);
    outline: none;
}
.ui-dialog-titlebar-close:hover
{
    filter: none;
    right: .3em !important;
    top:50% !important;
}
.ui-dialog-titlebar-close:hover span.ui-button-icon-primary
{
    background-color: #f9f1f1;
    border: 1px solid #f9f1f1;
    border-radius: 2px;
     top:50% !important;
}
.subscriber-ui-dialog
{
    top: 0px !important;
}

/************************/
/******** DIALOGS  ********/
/************************/
/* Message Dialog*/
.MsgDialogClass
{
    z-Index: 9999999 !important;
}

    .MsgDialogClass .ui-dialog-titlebar
    {
        background: #DEDEDE;
        display: none;
    }

    .MsgDialogClass .ui-widget
    {
        font-weight: normal;
        font-size: 12px;
        outline: none;
    }

div.MsgDialogClass button
{
    border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
    border-radius: 4px;
    background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    font-size: 12px;
    color: #555555 /*{fcDefault}*/;
    outline: none;
    padding: 5px 10px;
    font-weight: bold;
}

div.messageDialog
{
    overflow: hidden;
    display: none;
    z-Index: 999999 !important;
}

    div.messageDialog div.image
    {
        float: left;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    div.messageDialog div.message
    {
        float: left;
        width: 230px;
        height: 30px;
        padding: 10px;
    }

    div.messageDialog img
    {
        height: 30px;
    }

    div.messageDialog span
    {
        font-size: 11px;
    }


/* Visitor's Data*/
div.visitor-data
{
    position: absolute;
    overflow: hidden;
    z-Index: 999999 !important;
    width: 635px;
    height: 325px;
    background-color: #FFF;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 10px;
    font-family: Tahoma,Geneva,sans-serif;
}

    div.visitor-data > div
    {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    div.visitor-data div.header
    {
        float: left;
        width: 90%;
        margin-left: 5%;
        text-align: center;
        padding-top: 30px;
    }

        div.visitor-data div.header img
        {
            width: auto;
            height: 80px;
            outline: none;
        }

    div.visitor-data div.vis-close
    {
        width: 5%;
        float: left;
        text-align: right;
        cursor: pointer;
    }


        div.visitor-data div.vis-close:hover
        {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

    div.visitor-data div.text
    {
        font-size: 25px;
        text-align: center;
        padding: 25px;
        line-height: 30px;
    }

    div.visitor-data div.info
    {
        width: 100%;
        text-align: center;
    }

        div.visitor-data div.info input[type="text"]
        {
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 16px;
            border-radius: 0px;
            border-color: #69605A;
            height: 30px;
            margin: 3px;
            outline: none;
        }


            div.visitor-data div.info input[type="text"].invalid
            {
                border-color: red;
            }

            div.visitor-data div.info input[type="text"]:focus
            {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

        div.visitor-data div.info input.long
        {
            width: 300px;
        }

        div.visitor-data div.info input.short
        {
            width: 150px;
        }

        div.visitor-data div.info input[type="button"]
        {
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 20px;
            color: #FFF;
            background-color: #69605A;
            border: none;
            height: 40px;
            width: 164px;
            margin: 3px;
        }

            div.visitor-data div.info input[type="button"]:hover
            {
                opacity: 0.6;
                filter: alpha(opacity=60);
            }


/* Digital Editions Download Dialog*/
div.downloadEditions
{
    color: #69605A;
    text-align: justify;
    font-family: Tahoma,Geneva,sans-serif;
}

    div.downloadEditions label.control-label
    {
        font-size: 11px;
        margin-left: 2px;
    }



#divDownloadEditions div.modal-body
{
    max-height: 800px;
}

/*************************/
/******** LAYOUT  ********/
/*************************/
/* Ajax Loader  */
div.ajaxLoader
{
    background-color: #F1F1F1;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2000;
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    display: none;
}

img.loadCover
{
    position: absolute;
    border-width: 0px;
    display: none;
    left: 0px;
    top: 0px;
    z-index: 2100;
}

div.canvasBodyContent
{
    background-color: #FFF;
    text-align: center;
    width: 1100px;
    margin: auto;
}

/*************************/
/******** HEADER  ********/
/*************************/
header.canvasHeader
{
}

/* Logo  */
div.canvasLogo {
  
  text-align: left;
  padding: 0px; 
  float: left; 
}

    div.canvasLogo img
    {
        width: 400px;
        height: auto;
    }

div.user_info_search
{
    float:right;
}

/* Social Media  */
div.canvasSocialMedia
{
    float: left;
    text-align: left;
    padding: 0px;
    width: 25%;
    /*margin: 6% 0 1% 0;*/
    padding-top: 10px;
}

    div.canvasSocialMedia a
    {
        height: 25px;
        width: auto;
        cursor: pointer;
        text-decoration: none;
    }

        div.canvasSocialMedia a img
        {
            height: 31px;
            width: auto;
        }

    /*search*/
    div.canvasSocialMedia div.search
    {
        clear: both;
        font-size: 14px;
        text-align: left;
        border: solid 1px #706862;
        height: 27px;
        width: 200px;
        margin-top: 30px;
    }

        div.canvasSocialMedia div.search input
        {
            color: #706862;
            font-size: 12px;
            text-align: left;
            vertical-align: top;
            border: 0px;
            padding: 0px;
            height: 24px;
            width: 130px;
            outline: none;
        }

        div.canvasSocialMedia div.search span.reset
        {
            color: #706862;
            font-weight: bold;
            font-family: Tahoma,Geneva,sans-serif;
            vertical-align: middle;
            cursor: pointer;
            visibility: hidden;
        }

        div.canvasSocialMedia div.search span.button
        {
            color: #706862;
            font-weight: bold;
            line-height: 22px;
            padding: 4px;
            cursor: pointer;
        }

/* Subscribe  */
div.canvasSubscribe
{
    float: right;
    text-align: right;
    width: 26%;
    margin: 6% 0 1% 0;
}

    div.canvasSubscribe a:hover
    {
        text-decoration: none;
    }

    /*image*/
    div.canvasSubscribe div.image
    {
        float: left;
        text-align: left;
        width: 37%;
        padding-bottom: 0px;
    }

        div.canvasSubscribe div.image img
        {
            width: 125px;
        }

    /*description*/
    div.canvasSubscribe div.description
    {
        float: right;
        text-align: center;
        width: 57%;
        line-height: 138px;
    }

        div.canvasSubscribe div.description img
        {
            width: 172px;
            height: auto;
            vertical-align: bottom !important;
        }


/* Navigation Menu Bar  */
div.canvasNavigationBar
{
    /*font-weight: bold;*/
    text-align: center;
    letter-spacing: 0px;
    border-top: solid 1px #706862;
    border-bottom: solid 1px #706862;
    padding: 10px 0 10px 0px;
    width: 100%;
    margin-top:30px;

}



    div.canvasNavigationBar a
    {
        color: #000;
        font: normal 16px Tahoma,Geneva,sans-serif;
        font-weight:bold;
        text-transform: uppercase;
        margin: 0 0.99% 0 0.99%;
        display: inline;
        height: 20px;
    }

/**************************/
/******** SECTION  ********/
/**************************/
section.canvasSection
{
    clear: both;
    margin-top: 15px;
    min-height: 0;
    height: 100%;
}

div.canvasHorizontalBar
{
    height: 100%;
    width: 100%;
}

div.canvasMain
{
    margin-top: 30px;
}

    /* canvasPageBody */
    div.canvasMain div.canvasPageBody
    {
      
        min-height: 0;
        width: 100%;
    }

    /* canvasAdBar */
    div.canvasMain div.canvasAdBar
    {
        
        min-height: 400px;
        width: 22%;
    }

        div.canvasMain div.canvasAdBar div
        {
            text-align: right;
            /*margin-bottom: 20px;*/
        }

            div.canvasMain div.canvasAdBar div a
            {
                padding: 0px;
            }

                div.canvasMain div.canvasAdBar div a.hasUrl
                {
                    cursor: pointer;
                }

            div.canvasMain div.canvasAdBar div img
            {
                width: 245px;
            }

/************************/
/******** FOOTER ********/
/************************/
footer.canvasFooter
{
    clear: both;
    padding: 100px 0px 35px 0px;
}

div.canvasBottomMenu
{
    font-size: 13px;
    /*font-weight: bold;*/
    text-align: center;
    width: 100%;
}

    div.canvasBottomMenu a
    {
        color: #706862;
        font-family: Tahoma,Geneva,sans-serif;
        display: inline;
        height: 20px;
    }

        div.canvasBottomMenu a:hover
        {
            text-decoration: underline;
        }

    div.canvasBottomMenu span
    {
        font-size: 13px;
        margin: 0 2% 0 1%;
        color: #706862;
    }

/*************************/
/********* HOME  *********/
/*************************/

/******* Carousel Bar *******/
section.carouselBar a:hover
{
    text-decoration: none;
}

section.carouselBar a.carousel-control
{
    margin-top: 240px;
    padding: 0px;
    width: 20px;
}

section.carouselBar .carousel-control.right
{
    right: 0px;
    left: auto;
}

section.carouselBar .carousel-control.left
{
    right: auto;
    left: 0px;
}

section.carouselBar div.topicSmall
{
    float: left;
    text-align: left;
    width: 38%;
    margin-left: 0;
}

    section.carouselBar div.topicSmall a
    {
        padding: 0px;
    }

    section.carouselBar div.topicSmall img
    {
        height: 385px;
    }

section.carouselBar div.topicBig
{
    float: right;
    text-align: right;
    width: 59%;
    margin-right: 0;
}

    section.carouselBar div.topicBig a
    {
        padding: 0px;
    }

    section.carouselBar div.topicBig img
    {
        height: 385px;
    }

/* Topic Info */
section.carouselBar div.topic
{
    color: #000;
    text-align: center;
    line-height: 20px;
    margin-top: 15px;
}

section.carouselBar div.topicSmall div.topic
{
    float: right;
    width: 93%;
    margin-left: 7%;
}

section.carouselBar div.topicBig div.topic
{
    float: left;
    width: 95%;
    margin-right: 5%;
}

section.carouselBar div.topic .title
{
    font: normal 20px Tahoma,Geneva,sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}

section.carouselBar div.topic .text
{
    max-height: 60px;
    font:normal 15px Tahoma,Geneva,sans-serif;
}

section.carouselBar div > a:hover
{
    color: #69605A;
}


/******* Body *******/
div.homeBody
{
}
    /* Stories */
    div.homeBody div.stories
    {
        float: left;
        width: 50%;
    }

        div.homeBody div.stories div.topic
        {
            float: left;
            text-align: center;
            width: 45%;
            margin: 0 5% 5% 0%;
            cursor: pointer;
            color: #000;
            text-align: center;
        }

            div.homeBody div.stories div.topic a:hover
            {
                text-decoration: none;
            }

            div.homeBody div.stories div.topic img
            {
                width: 260px;
            }

            /* Topic Info */
            div.homeBody div.stories div.topic .title
            {
                font-size: 19px;
                text-transform: uppercase;
                margin-top: 10px;
                margin-bottom: 5px;
                font-family: Tahoma,Geneva,sans-serif;
            }

            div.homeBody div.stories div.topic .text
            {
                font-size: 15px;
                height: 60px;
                width: 100%;
                overflow: hidden;
            }



    /* Recent Posts */
    div.homeBody div.recentPosts
    {
        float: left;
        color: #000;
        width: 22%;
    }

        div.homeBody div.recentPosts div.stories
        {
            width: 100%;
            border: solid 1px black;
        }

            div.homeBody div.recentPosts div.stories a
            {
                display: block;
            }

            div.homeBody div.recentPosts div.stories div.caption
            {
                font:normal 19px Tahoma,Geneva,sans-serif;
                text-align: center;
                padding: 14px 0px 0px 0px;
                width: 100%;
            }

            div.homeBody div.recentPosts div.stories div.topic
            {
                width: 86%;
                padding: 0% 7% 2% 7%;
                margin-top: 9%;
                text-align: left;
            }

                div.homeBody div.recentPosts div.stories div.topic img
                {
                    width: 190px;
                    height: auto;
                }

                div.homeBody div.recentPosts div.stories div.topic .title
                {
                    margin-top: 7%;
                    text-transform: uppercase;
                    font:normal 16px Tahoma,Geneva,sans-serif;

                }

                div.homeBody div.recentPosts div.stories div.topic .text
                {
                    font-size: 15px;
                    line-height: 20px;
                    width: 100%;
                    height: 60px;
                }

        div.homeBody div.recentPosts div.line
        {
            clear: both;
            text-align: center;
            border-bottom: solid 1px black;
            height: 1px;
            width: 90%;
            margin: 0 5% 0% 5%;
        }

        /* Submition Form */
div.homeBody div.submitionForm 
{
    float:left;
    width:20%;
    height:640px;
    margin:0 3% 0 1%;
}
div.homeBody div.submitionForm label.title 
{
    color: #3F76CE;
}


/***************************/
/******* IN THE MAGAZINE  *******/
/***************************/
div.magazineInfoBody
{
}

    div.magazineInfoBody img
    {
        width: 363px;
    }

    div.magazineInfoBody div.title
    {
        padding: 40px;
        text-transform: uppercase;
        font-size: 25px;
        font-family: Tahoma,Geneva,sans-serif;
    }

    div.magazineInfoBody div.content
    {
        text-align: left;
        font-size: 17px;
        padding-bottom: 20px;
        padding-right: 20px;
    }

        div.magazineInfoBody div.content span.title
        {
            display: block;
            font-size: 20px;
        }


/***************************/
/******* DEPARTMENT  *******/
/***************************/
div.departmentBody
{
}
    /* Top */
    div.departmentBody div.top
    {
        text-align: left;
        width: 98%;
        margin-bottom: 20px;
    }

        div.departmentBody div.top img
        {
            width: 820px;
        }

        div.departmentBody div.top a:hover
        {
            text-decoration: none;
        }

        div.departmentBody div.top div.topic
        {
            color: #000;
            text-align: center;
            line-height: 20px;
            width: 100%;
        }

            div.departmentBody div.top div.topic .title
            {
                font-family: Tahoma,Geneva,sans-serif;
                font-size: 20px;
                text-transform: uppercase;
                margin-top: 15px;
                margin-bottom: 5px;
            }

            div.departmentBody div.top div.topic .text
            {
                font-size: 14px;
                max-height: 60px;
            }



    /* Stories */
    div.departmentBody div.stories
    {
        text-align: left;
        width: 98%;
    }

        div.departmentBody div.stories div.topic
        {
            float: left;
            text-align: center;
            width: 48%;
            margin-bottom: 3%;
            cursor: pointer;
            color: #000;
            line-height: 20px;
        }

        div.departmentBody div.stories div.right
        {
            float: right;
        }

        div.departmentBody div.stories div.topic a:hover
        {
            text-decoration: none;
        }

        div.departmentBody div.stories div.topic img
        {
            width: 410px;
            height: auto;
        }

        /* Topic Info */
        div.departmentBody div.stories div.topic .text
        {
            font-size: 15px;
            text-align: center;
            height: 42px;
            width: 100%;
        }

        div.departmentBody div.stories div.topic .title
        {
            font-size: 17px;
            margin-top: 15px;
            margin-bottom: 5px;
            text-transform: uppercase;
            font-family: Tahoma,Geneva,sans-serif;
        }

    /* Recent Posts*/
    div.departmentBody div.recent-posts
    {
        clear: both;
    }

        div.departmentBody div.recent-posts div.show-more
        {
            text-align: center;
        }

            div.departmentBody div.recent-posts div.show-more a
            {
                font-size: 16px;
                font-weight: bold;
                cursor: pointer;
            }

                div.departmentBody div.recent-posts div.show-more a:hover
                {
                    text-decoration: underline;
                }

/************************/
/******** STORY  ********/
/************************/
/******* Body *******/
div.storyBody
{
    width: 100%;
}

    /*===== images =====*/
    div.storyBody div.images
    {
        width: 100%;
    }

        div.storyBody div.images div.main
        {
            text-align: center;
            min-height: 490px;
            padding: 0px 0px 5px 3px;
        }

            div.storyBody div.images div.main img
            {
                width: 820px;
                height: auto;
            }

        /* slider */
        div.storyBody div.images div.slider
        {
            text-align: left;
            font-size: 21px;
            font-weight: 400;
            margin: 5px 0px 20px;
        }

            div.storyBody div.images div.slider span
            {
            }

            div.storyBody div.images div.slider a
            {
                font-size: 18px;
                text-decoration: none;
                cursor: pointer;
            }

    /*===== topics =====*/
  
    

    div.storyBody div.topics
    {
        text-align: justify;
        font-size: 15px;
        color: #000;
        line-height: 1.5;
        width: 100%;
        padding-top: 10px;
        overflow:hidden;
    }

        div.storyBody div.topics div.title
        {
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 19px;
            text-transform: uppercase;
            margin-bottom: 15px;
            text-align:center;
        }

/**************************/
/****** STORY SEARCH ******/
/**************************/
div.storySearch
{
    width: 100%;
}

    /*===== images =====*/
    div.storySearch div.image
    {
        float: left;
        width: 25%;
    }

        div.storySearch div.image img
        {
            width: 160px;
            height: auto;
        }

    /*===== topics =====*/
    div.storySearch div.topic
    {
        float: right;
        text-align: justify;
        font-size: 14px;
        color: #000;
        overflow: hidden;
        line-height: 20px;
        max-height: 155px;
        width: 73%;
        padding-top: 5px;
    }

        div.storySearch div.topic div.title
        {
            font-size: 19px;
            font-family: Tahoma,Geneva,sans-serif;
            text-transform: uppercase;
        }

    div.storySearch div.line
    {
        clear: both;
        text-align: center;
        border-bottom: solid 1px #DFDCDA;
        padding-top: 25px;
        margin: 0px 5% 25px 5%;
        width: 90%;
        height: 1px;
    }

/**************************/
/*  Editorial Submission  */
/**************************/
/******* Body *******/
div.editorialBody
{
    width: 100%;
}

    div.editorialBody div.topics
    {
        text-align: left;
        color: #000;
        font-size: 17px;
        line-height: 20px;
        width: 100%;
    }

        div.editorialBody div.topics p
        {
            margin-bottom: 20px;
        }

            div.editorialBody div.topics p a.italic
            {
                font-style: italic;
            }

        div.editorialBody div.topics h1
        {
            font-weight: bold;
            font-size: 23px;
            margin-top: 0;
            margin-bottom: 40px;
            padding: 0;
            line-height: 28px;
        }

        div.editorialBody div.topics h3
        {
            font-weight: bold;
            font-size: 17px;
            margin-top: 20px;
            margin-bottom: 0;
            line-height: 25px;
        }

/**************************/
/*  Privacy Policy  */
/**************************/
/******* Body *******/
div.privacyBody
{
    width: 100%;
}

    div.privacyBody div.topics
    {
        text-align: left;
        color: #000;
        width: 100%;
    }

        div.privacyBody div.topics h2
        {
            margin-bottom: 0px;
            text-indent: 7px;
            font-size: 10px;
            line-height: 10px;
            font-weight: normal;
        }

        div.privacyBody div.topics p
        {
            margin-bottom: 0px;
            text-indent: 15px;
            font-size: 10px;
            line-height: 10px;
        }

        div.privacyBody div.topics ol
        {
            margin-left: 25px;
        }

            div.privacyBody div.topics ol li
            {
                margin-bottom: 10px;
                font-size: 10px;
                line-height: 10px;
            }

        div.privacyBody div.topics h1
        {
            font-weight: bold;
            font-size: 23px;
            margin-top: 0;
            margin-bottom: 20px;
            padding: 0;
            line-height: 28px;
        }

/**************************/
/******* MEDIA KIT  *******/
/**************************/
/******* Body *******/
div.mediaKitBody
{
    width: 100%;
}
    /* image */
    div.mediaKitBody div.image
    {
        float: left;
        text-align: left;
        width: 42%;
    }

        div.mediaKitBody div.image img
        {
            width: 350px;
            height: auto;
            margin-bottom: 20px;
        }

    /* info */
    div.mediaKitBody div.topicInfo
    {
        float: right;
        text-align: center;
        color: #000;
        font-size: 16px;
        width: 55%;
        padding: 130px 10px;
    }

        div.mediaKitBody div.topicInfo p a
        {
            font-style: italic;
            cursor: pointer;
        }

/*************************/
/******* CONTACTS  *******/
/*************************/
/******* Body *******/
div.contactsBody
{
    width: 100%;
}

    div.contactsBody div.topics
    {
        text-align: center;
        font-size: 15px;
        color: #000;
        line-height: 20px;
        width: 100%;
    }

        div.contactsBody div.topics div.title
        {
            font-weight: bold;
            font-size: 23px;
            margin-bottom: 30px;
        }

        /* contacts*/
        div.contactsBody div.topics div.contacts
        {
            /*font-family: ACaslonPro, serif; */
            font-size: 15px;
            text-align: left;
        }

            div.contactsBody div.topics div.contacts p
            {
                text-align: center;
                color: #000;
                line-height: 22px;
                margin: 0px;
            }

                div.contactsBody div.topics div.contacts p.header
                {
                    font-weight: bold;
                }

                div.contactsBody div.topics div.contacts p a
                {
                    font-size: 15px;
                    color: #000;
                    padding-left: 0px;
                }

                    div.contactsBody div.topics div.contacts p a:hover
                    {
                        text-decoration: underline;
                    }

/*--------------  Button ----------------*/
.btn
{
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #69605A;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active,
    .btn.disabled,
    .btn[disabled]
    {
        color: #69605A;
        background-color: #e6e6e6;
        *background-color: #d9d9d9;
    }

    .btn:active,
    .btn.active
    {
        background-color: #cccccc;
    }

    .btn:hover,
    .btn:focus
    {
        color: #69605A;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position 0.1s linear;
        -moz-transition: background-position 0.1s linear;
        -o-transition: background-position 0.1s linear;
        transition: background-position 0.1s linear;
    }

    .btn:focus
    {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn.active,
    .btn:active
    {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .btn.disabled,
    .btn[disabled]
    {
        cursor: default;
        background-image: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


.textCover
{
    color: #7F7F7F;
    font-style: italic;
}


   .rssDiv
   {
       float: left;
       border:1px solid #D3CAD7; 
       padding-top:5px;
   }
        .rssDiv img 
        { 
            width:100% !important;
        }
    
   .feedEkList
    {
       width:270px; 
       height:745px;
       list-style:none outside none;
       background-color:#FFFFFF; 
       padding:4px 6px; 
       color:#3E3E3E; 
       margin-left:10px;
       overflow-y:auto;
       text-align:left;
   }
   .feedEkList li
   {
       border-bottom:1px solid #D3CAD7; 
       padding:5px;
   }
   .feedEkList li:last-child
   {
       border-bottom:none;
   }
   .itemTitle a
   {
       font-weight:bold; 
       color:#4EBAFF !important; 
       text-decoration:none;
   }
  .itemTitle a:hover
  { 
      text-decoration:underline; 
  }
  .itemDate
  {
      font-size:11px;
      color:#AAAAAA;
  }

  .mainTitle 
  {
      font: normal 16px Tahoma,Geneva,sans-serif;
      color:#000;
      font-weight:bold;
      text-align:center;
      border-bottom:none !important;
  }



  div.UserPhoto
{
    width: 90px;
    padding: 10px;
    margin: 0px 10px 5px 0px;
    text-align: center;
    float: left;
}

    div.UserPhoto img 
    {
        margin: auto;
        max-width: 80px;
        border-radius:2px;
        max-height:100px;
    }

    div.UserPhoto p
    {
        margin-bottom:0px;
        color:#67BE7E;
    }

    h2.ind {
          font-size: 28px;
          line-height: 34px;
          color: #000;
          text-transform: uppercase;
          font-weight: normal;
        }

    .info-note
    {
        margin-left:160px;
        text-align:left;
    }
    p.note
    {
        font-size:0.9em;
        font-style:italic;
    }
    div.buttonBar
    {
        width:450px;
        text-align:right;
    }

.forgotPasswordText 
{
    text-align: left;
    margin-top: 5px;
    margin-bottom: 15px;
}

div.forgotPassword
{
    margin-left:5px;   
}
/********************
*   Mobile Styles   *
********************/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
    /*************************/
    /******** LAYOUT  ********/
    /*************************/
    div.canvasBodyContent
    {
        width: 890px;
    }

    /*************************/
    /******** HEADER  ********/
    /*************************/
    header.canvasHeader
    {
    }

    /* Logo  */
    div.canvasLogo
    {
    }

        div.canvasLogo img
        {
            width: 450px;
            height: auto;
            padding-bottom: 14px;
        }

    /* Social Media  */
    div.canvasSocialMedia
    {
        padding-top: 86px;
    }

        div.canvasSocialMedia a
        {
            height: 20px;
            width: auto;
        }

            div.canvasSocialMedia a img
            {
                height: 24px;
                width: auto;
            }

    /* Subscribe  */
    div.canvasSubscribe
    {
    }

        /*image*/
        div.canvasSubscribe div.image
        {
            padding-bottom: 0px;
        }

            div.canvasSubscribe div.image img
            {
                width: 84px;
            }

        /*description*/
        div.canvasSubscribe div.description
        {
            line-height: 109px;
        }

            div.canvasSubscribe div.description img
            {
                width: 136px;
            }

    /*search*/
    div.canvasSocialMedia div.search
    {
        font-size: 11px;
        height: 20px;
        width: 163px;
    }

        div.canvasSocialMedia div.search input
        {
            font-size: 9px;
            height: 18px;
            width: 110px;
        }

        div.canvasSocialMedia div.search span.button
        {
            line-height: 20px;
            padding: 2px;
        }

    /* Navigation Menu Bar  */
    div.canvasNavigationBar
    {
        font-size: 13px;
        padding: 7px 0 7px 0px;
    }

        div.canvasNavigationBar a
        {
            height: 15px;
        }

    div.canvasTopMenu div.links span
    {
        font-size: 11px;
    }

    /**************************/
    /******** SECTION  ********/
    /**************************/
    section.canvasSection
    {
        margin-top: 12px;
        min-height: 405px;
    }

    div.canvasMain
    {
        margin-top: 23px;
    }

        /* canvasPageBody */
        div.canvasMain div.canvasPageBody
        {
            min-height: 323px;
        }

        /* canvasAdBar */
        div.canvasMain div.canvasAdBar
        {
            min-height: 323px;
        }

            div.canvasMain div.canvasAdBar div
            {
                /*margin-bottom: 18px;*/
            }

                div.canvasMain div.canvasAdBar div img
                {
                    width: 211px;
                }

    /************************/
    /******** FOOTER ********/
    /************************/
    footer.canvasFooter
    {
        padding: 75px 0px 23px 0px;
    }

    div.canvasBottomMenu
    {
        font-size: 10px;
    }

        div.canvasBottomMenu a
        {
            height: 16px;
        }

        div.canvasBottomMenu span
        {
            font-size: 10px;
        }

    /*************************/
    /********* HOME  *********/
    /*************************/

    /******* Carousel Bar *******/
    section.carouselBar a.carousel-control
    {
        margin-top: 185px;
    }

    section.carouselBar div.topicSmall img
    {
        height: 310px;
    }

    section.carouselBar div.topicBig img
    {
        height: 310px;
    }

    /* Topic Info */
    section.carouselBar div.topic
    {
        line-height: 16px;
        margin-top: 12px;
    }

        section.carouselBar div.topic .title
        {
            font-size: 14px;
        }

        section.carouselBar div.topic .text
        {
            font-size: 12px;
            max-height: 48px;
        }

    /******* Body *******/
    div.homeBody
    {
    }

        div.homeBody div.stories div.topic img
        {
            width: 225px;
        }

        /* Topic Info */
        div.homeBody div.stories div.topic
        {
            line-height: 16px;
        }

            div.homeBody div.stories div.topic .title
            {
                font-size: 14px;
                margin-top: 8px;
            }

            div.homeBody div.stories div.topic .text
            {
                font-size: 12px;
                height: 48px;
            }

        /* Recent Posts */
        div.homeBody div.recentPosts
        {
        }

            div.homeBody div.recentPosts div.stories div.caption
            {
                font-size: 15px;
                padding: 12px 0px 0px 0px;
            }

            div.homeBody div.recentPosts div.stories div.topic
            {
                padding: 0% 7% 4% 7%;
                margin-top: 7%;
            }

                div.homeBody div.recentPosts div.stories div.topic img
                {
                    width: 165px;
                    height: auto;
                }

                div.homeBody div.recentPosts div.stories div.topic .title
                {
                    font-size: 12px;
                }

                div.homeBody div.recentPosts div.stories div.topic .text
                {
                    font-size: 12px;
                    height: 60px;
                    line-height: 16px;
                }

    /******* Instagram ******/
    div.instagramContainer,
    div.pinsContainer
    {
       /* width: 900px !important;*/
    }

        div.instagramContainer div.title h1,
        div.pinsContainer div.title h1
        {
            /*font-size: 2em;*/
        }

    .insta-post
    {
       /*width: 163px !important;
        height: 160px !important;
        line-height: 160px !important;
        margin-right: 15px !important;*/
    }

        .insta-post > img.main
        {
           /* width: 148px !important;
            margin: 5px !important;*/
        }

    /******* Pinterest *********/
    div.pinterest
    {
        width: 163px !important;
        margin-right: 15px !important;
        line-height: 160px !important;
        margin-bottom: 0px !important;
    }

        div.pinterest > p
        {
            width: 150px !important;
            margin: 5px !important;
        }

        div.pinterest img
        {
            width: 150px !important;
        }

    /***************************/
    /******* DEPARTMENT  *******/
    /***************************/
    div.departmentBody
    {
    }
        /* Top */
        div.departmentBody div.top
        {
            margin-bottom: 15px;
        }

            div.departmentBody div.top img
            {
                width: 663px;
            }

            div.departmentBody div.top div.topic
            {
                line-height: 16px;
            }

                div.departmentBody div.top div.topic .title
                {
                    font-size: 14px;
                    margin-top: 12px;
                }

                div.departmentBody div.top div.topic .text
                {
                    font-size: 11px;
                    max-height: 48px;
                }

        /* Stories */
        div.departmentBody div.stories
        {
        }

            div.departmentBody div.stories div.topic img
            {
                width: 333px;
            }

            /* Topic Info */
            div.departmentBody div.stories div.topic
            {
                line-height: 16px;
            }

                div.departmentBody div.stories div.topic .title
                {
                    margin-top: 12px;
                    font-size: 14px;
                }

                div.departmentBody div.stories div.topic .text
                {
                    font-size: 12px;
                    height: 33px;
                }


    /************************/
    /******** STORY  ********/
    /************************/
    /******* Body *******/
    div.storyBody
    {
    }

        div.storyBody div.images div.main
        {
            min-height: 396px;
            width: 663px;
            padding: 0px 0px 4px 3px;
        }

            div.storyBody div.images div.main img
            {
                width: 663px;
            }

        /* slider */
        div.storyBody div.images div.slider
        {
            font-size: 16px;
            margin: 5px 0px 15px;
        }

            div.storyBody div.images div.slider a
            {
                font-size: 14px;
            }

        /*===== topics =====*/
        /*div.storyBody div.topics
        {
            font-size: 11px;
            line-height: 16px;
            padding-top: 7px;
        }

            div.storyBody div.topics div.title
            {
                font-size: 18px;
                margin-bottom: 11px;
            }*/

    /**************************/
    /****** STORY SEARCH ******/
    /**************************/
    div.storySearch
    {
    }

        /*===== images =====*/
        div.storySearch div.image img
        {
            width: 129px;
            height: auto;
        }

        /*===== topics =====*/
        div.storySearch div.topic
        {
            font-size: 11px;
            line-height: 15px;
            max-height: 125px;
            padding-top: 4px;
        }

            div.storySearch div.topic div.title
            {
                font-size: 15px;
            }

        div.storySearch div.line
        {
            padding-top: 20px;
            margin: 0px 5% 20px 5%;
        }

    /**************************/
    /*  Editorial Submission  */
    /**************************/
    /******* Body *******/
    div.editorialBody
    {
    }

        div.editorialBody div.topics
        {
            font-size: 14px;
            line-height: 16px;
        }

            div.editorialBody div.topics p
            {
                margin-bottom: 15px;
            }

            div.editorialBody div.topics h1
            {
                font-size: 18px;
                margin-bottom: 32px;
                line-height: 23px;
            }

            div.editorialBody div.topics h3
            {
                font-size: 13px;
                margin-top: 15px;
                line-height: 20px;
            }

    /**************************/
    /*  Privacy Policy  */
    /**************************/
    /******* Body *******/
    div.privacyBody
    {
    }

        div.privacyBody div.topics h2
        {
            text-indent: 6px;
            font-size: 8px;
            line-height: 8px;
        }

        div.privacyBody div.topics p
        {
            text-indent: 12px;
            font-size: 8px;
            line-height: 8px;
        }


        div.privacyBody div.topics ol
        {
            margin-left: 20px;
        }

            div.privacyBody div.topics ol li
            {
                margin-bottom: 8px;
                font-size: 8px;
                line-height: 8px;
            }

        div.privacyBody div.topics h1
        {
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 22px;
        }

    /**************************/
    /******* MEDIA KIT  *******/
    /**************************/
    /******* Body *******/
    div.mediaKitBody
    {
    }

        div.mediaKitBody div.image img
        {
            width: 283px;
            margin-bottom: 15px;
        }

        /* info */
        div.mediaKitBody div.topicInfo
        {
            font-size: 12px;
            padding: 118px 7px;
        }

            div.mediaKitBody div.topicInfo p
            {
                line-height: 9px;
            }

    /*************************/
    /******* CONTACTS  *******/
    /*************************/
    /******* Body *******/
    div.contactsBody
    {
    }

        div.contactsBody div.topics
        {
            font-size: 12px;
            line-height: 16px;
        }

            div.contactsBody div.topics div.title
            {
                font-size: 18px;
                margin-bottom: 23px;
            }

            /* contacts*/
            div.contactsBody div.topics div.contacts
            {
                font-size: 12px;
            }

                div.contactsBody div.topics div.contacts p
                {
                    line-height: 17px;
                }

                    div.contactsBody div.topics div.contacts p a
                    {
                        font-size: 12px;
                    }
}

/*========== PORTRAIT =========*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
}

/********************
*   Mobile Styles   *
********************/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px)
{
    /*************************/
    /******** LAYOUT  ********/
    /*************************/
    div.canvasBodyContent
    {
        
    }

    /*************************/
    /******** HEADER  ********/
    /*************************/
    header.canvasHeader
    {
    }

    /* Logo  */
    div.canvasLogo
    {
    }

       /* div.canvasLogo img
        {
            width: 450px;
            height: auto;
        }*/

    /* Social Media  */
    div.canvasSocialMedia
    {
        padding-top: 86px;
    }

        div.canvasSocialMedia a
        {
            height: 20px;
            width: auto;
        }

            div.canvasSocialMedia a img
            {
                height: 24px;
                width: auto;
            }

    /* Subscribe  */
    div.canvasSubscribe
    {
    }

        /*image*/
        div.canvasSubscribe div.image
        {
            padding-bottom: 0px;
        }

            div.canvasSubscribe div.image img
            {
                width: 84px;
            }
        /*description*/
        div.canvasSubscribe div.description
        {
            line-height: 109px;
        }

            div.canvasSubscribe div.description img
            {
                width: 136px;
            }


    /*search*/
    div.canvasSocialMedia div.search
    {
        font-size: 11px;
        height: 20px;
        width: 163px;
    }

        div.canvasSocialMedia div.search input
        {
            font-size: 9px;
            height: 18px;
            width: 110px;
        }

        div.canvasSocialMedia div.search span.button
        {
            line-height: 20px;
            padding: 2px;
        }

    /* Navigation Menu Bar  */
    div.canvasNavigationBar
    {
        font-size: 13px;
        padding: 7px 0 7px 0px;
    }

        div.canvasNavigationBar a
        {
            height: 15px;
        }

    div.canvasTopMenu div.links span
    {
        font-size: 11px;
    }

    /**************************/
    /******** SECTION  ********/
    /**************************/
    section.canvasSection
    {
        margin-top: 12px;
        min-height: 0;
    }

    div.canvasMain
    {
        margin-top: 23px;
    }

        /* canvasPageBody */
        div.canvasMain div.canvasPageBody
        {
            min-height: 0;
        }

        /* canvasAdBar */
        div.canvasMain div.canvasAdBar
        {
            min-height: 323px;
        }

            div.canvasMain div.canvasAdBar div
            {
                /*margin-bottom: 18px;*/
            }

                div.canvasMain div.canvasAdBar div img
                {
                    width: 211px;
                }

    /************************/
    /******** FOOTER ********/
    /************************/
    footer.canvasFooter
    {
        padding: 75px 0px 23px 0px;
    }

    div.canvasBottomMenu
    {
        font-size: 10px;
    }

        div.canvasBottomMenu a
        {
            height: 16px;
        }

        div.canvasBottomMenu span
        {
            font-size: 10px;
        }

    /*************************/
    /********* HOME  *********/
    /*************************/

    /******* Carousel Bar *******/
    section.carouselBar a.carousel-control
    {
        margin-top: 185px;
    }

    section.carouselBar div.topicSmall img
    {
        height: 310px;
    }

    section.carouselBar div.topicBig img
    {
        height: 310px;
    }

    /* Topic Info */
    section.carouselBar div.topic
    {
        line-height: 16px;
        margin-top: 12px;
    }

        section.carouselBar div.topic .title
        {
            font-size: 14px;
        }

        section.carouselBar div.topic .text
        {
            font-size: 12px;
            max-height: 48px;
        }

    /******* Body *******/
    div.homeBody
    {
    }

        div.homeBody div.stories div.topic img
        {
            width: 225px;
        }

        /* Topic Info */
        div.homeBody div.stories div.topic
        {
            line-height: 16px;
        }

            div.homeBody div.stories div.topic .title
            {
                font-size: 14px;
                margin-top: 8px;
            }

            div.homeBody div.stories div.topic .text
            {
                font-size: 12px;
                height: 48px;
            }

        /* Recent Posts */
        div.homeBody div.recentPosts
        {
        }

            div.homeBody div.recentPosts div.stories div.caption
            {
                font-size: 15px;
                padding: 12px 0px 0px 0px;
            }

            div.homeBody div.recentPosts div.stories div.topic
            {
                padding: 0% 7% 4% 7%;
                margin-top: 7%;
            }

                div.homeBody div.recentPosts div.stories div.topic img
                {
                    width: 165px;
                    height: auto;
                }

                div.homeBody div.recentPosts div.stories div.topic .title
                {
                    font-size: 12px;
                }

                div.homeBody div.recentPosts div.stories div.topic .text
                {
                    font-size: 12px;
                    height: 60px;
                    line-height: 16px;
                }

    /******* Instagram ******/
    div.instagramContainer,
    div.pinsContainer
    {
        /*width: 870px !important;*/
    }

        div.instagramContainer div.title h1,
        div.pinsContainer div.title h1
        {
            /*font-size: 2em;*/
        }

    .insta-post
    {
        /*width: 157px !important;
        height: 157px !important;
        line-height: 157px !important;
        margin-right: 15px !important;*/
    }

      /*  .insta-post > img.main
        {
            width: 145px !important;
            margin: 5px !important;
        }*/

    /******* Pinterest *********/
    div.pinterest
    {
        width: 157px !important;
        margin-right: 15px !important;
        line-height: 157px !important;
        margin-bottom: 0px !important;
    }

        div.pinterest img
        {
            width: 145px !important;
        }

        div.pinterest > p
        {
            width: 145px !important;
            margin: 5px !important;
        }

    /***************************/
    /******* DEPARTMENT  *******/
    /***************************/
    div.departmentBody
    {
    }
        /* Top */
        div.departmentBody div.top
        {
            margin-bottom: 15px;
        }

            div.departmentBody div.top img
            {
                width: 663px;
            }

            div.departmentBody div.top div.topic
            {
                line-height: 16px;
            }

                div.departmentBody div.top div.topic .title
                {
                    font-size: 14px;
                    margin-top: 12px;
                }

                div.departmentBody div.top div.topic .text
                {
                    font-size: 11px;
                    max-height: 48px;
                }

        /* Stories */
        div.departmentBody div.stories
        {
        }

            div.departmentBody div.stories div.topic img
            {
                width: 333px;
            }

            /* Topic Info */
            div.departmentBody div.stories div.topic
            {
                line-height: 16px;
            }

                div.departmentBody div.stories div.topic .title
                {
                    margin-top: 12px;
                    font-size: 14px;
                }

                div.departmentBody div.stories div.topic .text
                {
                    font-size: 12px;
                    height: 33px;
                }

    /************************/
    /******** STORY  ********/
    /************************/
    /******* Body *******/
    div.storyBody
    {
    }

        div.storyBody div.images div.main
        {
            min-height: 396px;
            width: 663px;
            padding: 0px 0px 4px 3px;
        }

            div.storyBody div.images div.main img
            {
                width: 663px;
            }

        /* slider */
        div.storyBody div.images div.slider
        {
            font-size: 16px;
            margin: 5px 0px 15px;
        }

            div.storyBody div.images div.slider a
            {
                font-size: 14px;
            }

        /*===== topics =====*/
        /*div.storyBody div.topics
        {
            font-size: 11px;
            line-height: 16px;
            padding-top: 7px;
        }

            div.storyBody div.topics div.title
            {
                font-size: 18px;
                margin-bottom: 11px;
            }*/

    /**************************/
    /****** STORY SEARCH ******/
    /**************************/
    div.storySearch
    {
    }

        /*===== images =====*/
        div.storySearch div.image img
        {
            width: 129px;
            height: auto;
        }

        /*===== topics =====*/
        div.storySearch div.topic
        {
            font-size: 11px;
            line-height: 15px;
            max-height: 125px;
            padding-top: 4px;
        }

            div.storySearch div.topic div.title
            {
                font-size: 14px;
            }

        div.storySearch div.line
        {
            padding-top: 20px;
            margin: 0px 5% 20px 5%;
        }

    /**************************/
    /*  Editorial Submission  */
    /**************************/
    /******* Body *******/
    div.editorialBody
    {
    }

        div.editorialBody div.topics
        {
            font-size: 14px;
            line-height: 16px;
        }

            div.editorialBody div.topics p
            {
                margin-bottom: 15px;
            }

            div.editorialBody div.topics h1
            {
                font-size: 18px;
                margin-bottom: 32px;
                line-height: 23px;
            }

            div.editorialBody div.topics h3
            {
                font-size: 13px;
                margin-top: 15px;
                line-height: 20px;
            }

    /**************************/
    /*  Privacy Policy  */
    /**************************/
    /******* Body *******/
    div.privacyBody
    {
    }

        div.privacyBody div.topics h2
        {
            text-indent: 6px;
            font-size: 8px;
            line-height: 8px;
        }

        div.privacyBody div.topics p
        {
            text-indent: 12px;
            font-size: 8px;
            line-height: 8px;
        }


        div.privacyBody div.topics ol
        {
            margin-left: 20px;
        }

            div.privacyBody div.topics ol li
            {
                margin-bottom: 8px;
                font-size: 8px;
                line-height: 8px;
            }

        div.privacyBody div.topics h1
        {
            font-size: 18px;
            margin-bottom: 15px;
            line-height: 22px;
        }

    /**************************/
    /******* MEDIA KIT  *******/
    /**************************/
    /******* Body *******/
    div.mediaKitBody
    {
    }

        div.mediaKitBody div.image img
        {
            width: 283px;
            margin-bottom: 15px;
        }

        /* info */
        div.mediaKitBody div.topicInfo
        {
            font-size: 12px;
            padding: 118px 7px;
        }

            div.mediaKitBody div.topicInfo p
            {
                line-height: 9px;
            }

    /*************************/
    /******* CONTACTS  *******/
    /*************************/
    /******* Body *******/
    div.contactsBody
    {
    }

        div.contactsBody div.topics
        {
            font-size: 12px;
            line-height: 16px;
        }

            div.contactsBody div.topics div.title
            {
                font-size: 18px;
                margin-bottom: 23px;
            }

            /* contacts*/
            div.contactsBody div.topics div.contacts
            {
                font-size: 12px;
            }

                div.contactsBody div.topics div.contacts p
                {
                    line-height: 17px;
                }

                    div.contactsBody div.topics div.contacts p a
                    {
                        font-size: 12px;
                    }
}

/*========== PORTRAIT =========*/
@media only screen and (min-device-width : 320px) and (max-device-width : 640px) and (orientation : portrait)
{
}



/*****************  Layout Header **********************/
/* header nav bar*/
#header .brand {
    margin-top: 0px !important;
    padding: 18px 20px;
    width: 132px;
}
#header.navbar {
  
}
#header .navbar .nav > li > a{
    padding:0px !important;
}


header div.top_header_container
{
    background-color: #1b1b1b;
    height: 45px;
    width: 100%;
}

header div.top_header_container .top_header
{
    margin: auto;
    max-width: 1100px;
    height: 100%;
}

header div.top_header_container .top_header .topNavigationBar
{
    height: 100%;
    float: left;
    width: auto;
    display: flex;
}

header div.top_header_container .top_header .topNavigationBar a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1;
    height: 14px;
    margin-top: auto;
    margin-bottom: auto;
    margin: auto 25px auto 0;
    padding: 2px 0;
}

header div.top_header_container .top_header .topNavigationBar a.current_item
{
    border-bottom: solid 1px rgb(255,0,0);
}

header div.top_header_container .top_header .topNavigationBar a:hover
{
    border-bottom: solid 1px rgb(255,0,0);
    text-decoration: none;
}

 div.canvasLogo
{
    max-width:40%;
    padding-right: 10px;
    box-sizing: border-box;
}

 .middle_header.logged-out div.canvasLogo
 {
     max-width:50% !important;
 }

div.user_info_search div.user_info
{
    display: flex;
    justify-content: flex-end;
    padding-left: 10px;
    box-sizing: border-box;
}



a.highlited_button
{
    color: #FFF !important;
    height: 25px;
    min-width: 164px !important;
    max-width:40%;
    margin: 3px !important;
    padding: 8px 7px 0 9px !important;
    display: block;
    cursor: pointer;
    border-radius: 12px;
    border: solid 1px #fff;
    font: normal 15px Tahoma,Geneva,sans-serif;
    text-transform:uppercase;
    font-weight: bold;
}

a.highlited_button.premium
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

a.highlited_button:hover
{
    text-decoration:none;
}

 a.highlited_button.green
 {
    background-color: #58ae51;
    border-color: #58ae51;
 }
 a.highlited_button.green:hover
 {
    background-color: #85cf7f;
    border-color: #85cf7f;
 }


div.dropdown.user-info
{
    width: auto;
    height: 28px;
    margin: auto 0 auto 0;
    max-width:60%;
}

div.dropdown.user-info a.dropdown-toggle.user
{
    display: flex;
   
}

div.dropdown.user-info a.dropdown-toggle.user >img
{
    margin-right: 5px;
}

div.dropdown.user-info a.dropdown-toggle.user >span.username
{
    margin-right:2px;
    max-width: calc(100% - 35px);
    overflow: hidden;
    text-overflow:ellipsis;
}

a.dropdown-toggle.user >b.caret
{
    margin-top: 8px !important;
}

div.user_info_search
{
    margin-top:16px;
    max-width:60%;
    box-sizing:border-box;
}
     .middle_header.logged-out div.user_info_search
     {
         max-width:50% !important;
     }

div.user_info_search div.siteSearch
{
    margin-top:10px;
}

header ul.nav.notifications
{
    float: right;
    display: flex;
    margin: 0;
    margin-top: 10px;
}



#header_notification_bar div.dropdown-menu.notification ul.notifications {
    list-style: none;
    padding-left: 0;
    max-height: 600px;
    overflow: auto;
    margin-left: 0;    
    font-family: "ACaslonPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#header_notification_bar div.dropdown-menu.notification ul.notifications > li
{
    text-align: left;
}

.notif-text:not(.reviewed) a {
    font-weight: bold !important;
}



#header_notification_bar div.dropdown-menu.notification .slimScrollDiv .slimScrollBar
{

    width: 7px !important;
    border-radius: 7px !important;
}

ul.nav.notifications >li.open > a.dropdown-toggle:after {
    position: absolute;
    bottom: -2px;
    display: block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    content: '';
    z-index: 1000000;
}

.badge-notify-blue {
    background-color: #3bbef5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bbef5), color-stop(100%, #3bbef5));
    background-image: -webkit-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -moz-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -ms-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: -o-linear-gradient(top, #3bbef5, #3bbef5);
    background-image: linear-gradient(top, #3bbef5, #3bbef5);
}

header ul.nav.notifications > li > a
{
    padding: 10px 15px;
    outline-color:red;
}

.notification span {
    margin-top: 8px;
    margin-left: 5px;
}
.label-warning, .badge-warning {
    background-color: #f89406;
}


header ul.nav.notifications > li > a:hover, header ul.nav.notifications > li > a:visited, header ul.nav.notifications > li > a:active, header ul.nav.notifications > li > a:focus
{
    background: none !important;
}

    header ul.nav.notifications > li > a span.badge 
    {
        position: absolute;
        top: -1px;
        z-index: 100;
        right: 1px;
        font-family: "ACaslonPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
header ul.nav.notifications > li a.admin_lnk
{
    color:rgb(255,0,0);
    font-size:11px;
}
.badge-important
{
    background-color: #b94a48;
}

.badge-warning {
    background-color: #009DE0;
}

.dropdown-menu.extended
{    
    z-index: 10000;
    top: 40px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 235px !important;
}

.dropdown-menu.extended li p 
{
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    color: #666;
    text-align:left;
}

.dropdown-menu.extended li p.mark-as-read
{
    padding: 0 0 3px;
    text-align: center;
    margin-top: -10px;
}

    .dropdown-menu.extended li p.mark-as-read > a 
    {
        padding: 0 !important;
        display: inline-block;
        cursor: pointer;
        color: #ff0000;
        font-size: 12px;   
    } 

    .dropdown-menu.extended li p.mark-as-read > a:hover 
    {
       text-decoration: underline;
    } 

.dropdown-menu.extended li a
{
    text-align:left;
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    background-color: inherit !important;
    color: rgb(105, 96, 90);
    white-space: normal;
}

.dropdown-menu.extended li:last-child a 
{
    border-top: 1px solid white !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.extended li i 
{
    margin-right: 3px;
}


.dropdown-menu.extended.inbox > li > a:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
}

.dropdown-menu.extended.notification li a
{
    background-color: inherit !important;
}
 
.dropdown-menu.extended.notification span
{
      margin-top: 8px;
    margin-left: 5px;
}

.dropdown-menu.extended.notification li:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
    text-decoration:none;  
}


.dropdown-menu.extended.notification li:last-child a
{
    border-top: none !important;
}

.dropdown-menu.inbox li a .photo img {
    float: left;
    height: 46px;
    width: 46px;
    margin-right: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject .from 
{
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message
{
    display: block !important;
    font-size: 11px;
}

.dropdown-menu.inbox li a .subject
{
    display: block;
}

.dropdown-menu.extended.logout 
{
    width: 150px !important;
    min-width: 120px !important;
    max-width: 260px !important;
}

.dropdown-menu.extended.logout > li > a:hover
{
    background:  #eeeeee !important;
    background-color: #eeeeee !important;
    text-decoration:none;  
}


.badge-pink
{
    background-color: #F282A0 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F282A0), color-stop(100%, #F282A0)) !important;
    background-image: -webkit-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -moz-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -ms-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: -o-linear-gradient(top, #F282A0, #F282A0) !important;
    background-image: linear-gradient(top, #F282A0, #F282A0) !important;
}

.badge-important 
{
    background-color: #E52558;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E52558), color-stop(100%, #E52558));
    background-image: -webkit-linear-gradient(top, #E52558, #E52558);
    background-image: -moz-linear-gradient(top, #E52558, #E52558);
    background-image: -ms-linear-gradient(top, #E52558, #E52558);
    background-image: -o-linear-gradient(top, #E52558, #E52558);
    background-image: linear-gradient(top, #E52558, #E52558);
}

.dropdown-menu.extended.notification .label-success
{
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}




.dropdown-menu.extended.notification .label-warning 
{
    background-color: #009DE0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DE0), color-stop(100%, #009DE0));
    background-image: -webkit-linear-gradient(top, #009DE0, #009DE0);
    background-image: -moz-linear-gradient(top, #009DE0, #009DE0);
    background-image: -ms-linear-gradient(top, #009DE0, #009DE0);
    background-image: -o-linear-gradient(top, #009DE0, #009DE0);
    background-image: linear-gradient(top, #009DE0, #009DE0);
}
.dropdown-menu.extended.notification >li
{
    text-align:left;
}
.dropdown-menu.extended.notification .label
{
    display: inline-block;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    white-space: nowrap;
    vertical-align: baseline;

    border-radius: 0px;
    text-shadow: none;
    padding: 5px;
   
}

.dropdown-menu.extended.notification .notif-text
{
    
    margin-top: -32px !important;
    margin-left: 25px !important;
    text-decoration: none;
    text-align: left;
}

.dropdown-menu.extended.notification .notif-text > a
{
    display:block;
}

.dropdown-menu.extended.notification .notif-text > a:hover
{
    text-decoration:none;
}

@media (max-width:1470px)
{
    .top_header .dropdown-menu.extended.inbox
    {
        right:0;
        left:auto;
    }

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


@media (max-width:1220px)
{
    .dropdown-menu.extended.logout
    {
        right:0;
        left:auto;
    }
}
  
 .instagramContainer
 {
     max-width:100%;
 }

@media (max-width: 1120px)
{
    header div.top_header_container .top_header
    {
        padding: 0 10px;
    }

    div.canvasLogo
    {
        padding-left: 10px !important;
    }

    div.user_info_search
    {
        padding-right: 10px;
    }

    a.highlited_button 
    {
        min-width: 154px !important;
    }

    div.canvasBodyContent
    {
        padding: 25px 10px 0 10px;
        box-sizing: border-box;
    }

    div.subscribe 
    {
        box-sizing: border-box;
        margin-left:0 !important;
        max-width:100%;
    }
    
    div.subscribe input.search
    {
        width: calc(100% - 73px);
    }


    div.footerContainerItem, div.footerContainerItemLast 
    {
        padding-left: 10px;
        margin-left:0 !important;
        box-sizing: border-box;
        height: auto !important;
    }

    div.followUs 
    {
        width: calc(100% - 68px) !important;
    }

    div.followUsHeader 
    {
       width: auto !important;
       margin-left:0 !important;
    }

    div.followUsFooter 
    {
        float: right;
        margin-left: 0 !important;
    }

    div.footerLinkColumn 
    {
        max-width:50%;
        padding-right:10px; 
        margin-left: 0 !important;
        box-sizing:border-box;
    }

    div.footerContainer
    {
        height:auto !important;
    }

    div.footerContainerSmall {
 
        height: auto !important;
        overflow-y: auto;
        padding-bottom:20px;
    }
}


@media (max-width:1120px) and (min-width:601px)
{
    div.footerContainerItem, div.footerContainerItemLast 
    {
        max-width: 33%;
    }
}

@media (max-width: 681px)
{
    header div.top_header_container.administration
    {
        height: auto !important;
    }
        header div.top_header_container.administration .top_header .topNavigationBar
        {
            float: none !important;
            height: 40px !important;
        }
    header div.top_header_container.administration .top_header ul.nav.notifications
    {
        float: none !important;
        justify-content: flex-end;
    }

     header div.top_header_container.administration .top_header .topNavigationBar 
     {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

     div.top_header_container.administration .top_header .topNavigationBar a 
    {
        margin: auto !important;
        height: auto !important;
    }


    a.highlited_button
    {
        min-width:0 !important;
        max-width:40% !important;
        height:auto !important;
        font-size:13px !important;
        padding: 2px 6px !important;
    }

    a.highlited_button.premium
    {
        font-size: 10px !important;
    }
}

@media (max-width: 562px) 
{
      header div.top_header_container:not(.administration)
    {
        height: auto !important;
    }
        header div.top_header_container:not(.administration) .top_header .topNavigationBar
        {
            float: none !important;
            height: 40px !important;
        }
    header div.top_header_container:not(.administration) .top_header ul.nav.notifications
    {
        float: none !important;
        justify-content: flex-end;
    }

     header div.top_header_container:not(.administration) .top_header .topNavigationBar
    {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

    header div.top_header_container:not(administration) .top_header .topNavigationBar a
    {
        margin:auto;
        height:auto;
    }

}

@media (max-width: 400px)
{
    a.highlited_button
    {
        font-size:11px !important;
    }

    a.highlited_button.premium
    {
        font-size: 8px !important;
    }

    header div.top_header_container .top_header .topNavigationBar a 
    {
        font-size: 12px;
    }
}

header div.middle_header
{
    max-width:1100px;
    margin:auto;
    margin-top:30px;
}

header div.canvasNavigationBarMobile
{
    clear: both;
    text-align: left;
    margin-left: 5px;
    display: none;
    position: relative;
}

header div.canvasNavigationBarMobile .navbar-toggle {
    position: relative;
    float: right;
    padding-right: 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: none !important;
}
    header div.canvasNavigationBarMobile .navbar-toggle img
    {
        width: 30px;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }

   header  div.canvasNavigationBarMobile ul 
   {
    position: absolute;
    z-index: 9999 !important;
    width: 99%;
    margin: 2px 0px;
    display: none;
    top: 40px;
    left:0;
}

   div.canvasNavigationBarMobile ul li a {
    display: block;
    padding: 13px 30px;
    color: #fff;
    background-color: rgb(112, 104, 98);
    font-family: MillerBannerLight;
    text-decoration: none;
    outline: none;
    border-bottom: 1px solid rgb(255,255,255);
    font-size: 14px;
    text-transform: uppercase;
}



div.siteSearch.mobile
{
    display:none;
    width:82%;
    max-width: 487px;
    margin: 0 auto 0 auto;
}


.instagramContainer, .footerContainerSmall, .canvasPageBody, .sidbarSection,  div.storyBody
{
    box-sizing: border-box;
    ms-box-sizing: border-box;
    webkit-box-sizing: border-box;
    moz-box-sizing: border-box;
}


div.storySearch 
{
    min-height:200px;
}
    div.storySearch div.noResult 
    {
        font-size:18px;
        line-height:200px;
    }


 .instagramContainer #insta-feed 
 {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
 }

 .instagramContainer #insta-feed a
 {
    padding: 0;
    display: block;
    float: none;
    max-width: 20%;
    box-sizing: border-box;
}
  .instagramContainer #insta-feed a .insta-post {
    box-sizing: border-box;
    float: none;
    width: 198px;
    max-width: calc(100% - 20px);
    height: 222px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    border: solid 1px #AAA;
    box-shadow: 3px 3px 3px 0px #AAA;
}

.instagramContainer #insta-feed a .insta-post > img.main {
    max-width: calc(100% - 10px);
    width: 186px;
    margin-bottom: 0px;
    border: solid 1px #CCC;
    display: block;
    margin: 5px auto !important;
}

@media (max-width:830px) and (min-width:620px)
{
    .instagramContainer #insta-feed a
    {
        max-width:25%;
    }
}

@media (max-width:619px) and (min-width:510px)
{
    .instagramContainer #insta-feed a
    {
        max-width:33%;
    }
}

@media (max-width:509px) and (min-width:321px)
{
    .instagramContainer #insta-feed a
    {
        max-width:50%;
    }
}

@media (max-width: 320px) 
{
    .canvasBodyContent div.instagramContainer {
      
        padding-left: 5px !important;
    }
     .instagramContainer #insta-feed a
    {
        max-width:100%;
    }
}
@media (max-width: 600px) and (min-width: 510px) 
{
    .instagramContainer #insta-feed a .insta-post {
    
        height: 185px;
    }
}

@media (max-width: 350px) and (min-width: 321px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 170px !important;
    }
}
@media (max-width: 380px) and (min-width: 351px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 180px !important;
    }
}

@media (max-width: 509px) and (min-width: 381px) 
{
    .instagramContainer #insta-feed a .insta-post {

        height: 195px !important;
    }
}


@media (max-width: 600px) {
    header div.canvasNavigationBarMobile {
        display: flex !important;
        justify-content:center;
        margin-top: 15px;
    }

    header div.canvasNavigationBarMobile div.siteSearch form.search-form {
        float: none !important;
        width: 100% !important;
    }

    header div.top_header_container.administration .top_header .topNavigationBar
    {
        justify-content: space-around;
        display: flex;
        width: 100%;
    }

    header div.top_header_container.administration .top_header .topNavigationBar a
    {
        margin:auto;
        height:auto;
    }

     div.user_info_search 
    {
        margin: auto 0;
        width:60%;
    }
     .middle_header.logged-out div.user_info_search
     {
         max-width:50% !important;
     }

        div.user_info_search div.user_info 
        {
            
            max-width: 100%;
        }
     header div.middle_header
     {
         display:flex;
     }
    div.canvasLogo
    {
        max-width:40%;
    }

     .middle_header.logged-out div.canvasLogo
     {
         max-width:50% !important;
     }

    div.canvasNavigationBar {
        display: none !important;
    }

    .canvasPageBody 
    {
        margin-bottom:20px;
        padding-right:15px !important;
    }

    section.canvasSection {
        float: none !important;
        max-width: 100% !important;
        width:100% !important;
    }

    section.sidbarSection {
        float: none !important;
        max-width: 100% !important;
        width: 97% !important;
        margin-left: 5px !important;
    }

    div.socialMediaBar, div.siteSearch {
        display: none;
    }

        div.siteSearch.mobile {
            display: block;
        }

    .feedEkList {
        width: 100% !important;
    }

    .featured_articles {
        text-align: center;
    }

    div.canvasBodyContent {
        margin-left: 5px !important;
        width: 97% !important;
    }

 
    .footerContainer {
        width: 100% !important;
        height: auto !important;
    }

    div.footerContainerSmall {
        width:100% !important;
        height: auto !important;
    }


    .footerContainerItem, .footerContainerItemLast {
        float: none !important;
        width: 100% !important;
        height: 150px !important;
        margin-left:0 !important;
        border-right: none !important;
        padding-left:10px;
        padding-right:10px;
    }

    .footerContainerItem {
        padding-bottom: 10px !important;
        border-bottom: solid 1px #D3CAD7 !important;
    }

    div.footerLinkColumn {
        width: 45%;
        margin-left: 10px;
    }

    .instagramContainer #insta-feed {
        margin-left: 0 !important;
    }

    .instagramContainer line2.float-left {
        width: 20% !important;
    }

    .instagramContainer title.float-left {
        width: 60% !important;
    }

    .instagramContainer div.title.float-left > h1 {
        font-size: 15px !important;
    }


    section.sidbarSection .feedEkList {
        max-height: 227px !important;
    }

    .storyBody .images .main {
        min-height: 0 !important;
    }

    
    .footerContainerItemLast {
        margin-left: 0 !important;
    }

    .footerContainerItemLast .subscribe
    {
        margin-left: 0 !important;
    }

    div.storyBody
    {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    div.login-buttons 
    {
        justify-content: flex-end !important;
    }

     .followUs .followUsHeader
     {
         margin-left:8px;
         float:none;
     }

    .followUs .followUsFooter
    {
        float:none;
    }

    div.footerContainerItem.itemCenter
    {
        border-left: none !important;
        border-right: none !important;
    }
}


@media (max-width: 460px)
{
    a.highlited_button
    {
        max-width: 40% !important;
        height: auto !important;
    }
     div.dropdown.user-info
    {
        max-width:60%;
    }
   
}

@media (max-width: 619px) and (min-width: 361px)
{
    
    
    .instagramContainer #insta-feed 
    {
        margin-left:0 !important;
    }
    .instagramContainer line2.float-left 
    {
        width:20% !important;
    }
    .instagramContainer title.float-left
    {
        width:60% !important;
    }
        .instagramContainer div.title.float-left > h1
        {
            font-size:15px !important;
        }
   

  
}


@media (max-width: 1024px) and (min-width:601px)
{
     .insta-post {        
        height: 190px !important;
    }
}

@media (max-width:600px) and (min-width:376px)
{
     .insta-post {
  
        width: 165px !important;
      
    }
}

@media (max-width: 375px) and (min-width:361px)
{
     .insta-post {
  
        width: 155px !important;
        height: 170px !important;
    }
}

@media (max-width: 1024px)
{

    .feedEkList
    {
        max-height:1100px !important;
        margin-left:0;
        padding:0;
    }

    section.sidbarSection
    {
        padding-left: 5px;
        padding-right: 10px;
        max-width: 27%;
    }

    section.canvasSection
    {
        padding-left: 5px;
    }
    .instagramContainer
    {
        width:100% !important;
    }
    
   
    .insta-post > img.main
    {
        margin:0 !important;
    }

    .footerContainer 
    {
        padding-left:0 !important;
        padding-right:0 !important;
    }

    div.storyBody 
    {
        padding-left: 10px !important;
    }
  
}





    header div.middle_header div.siteSearch {
          text-align:left;
    }
header div.middle_header div.siteSearch button {
             background-color: transparent;
            border: none;
    }
    header div.middle_header div.siteSearch button img {
            width: 24px;
            height: auto;
    }
.navbar-inverse .nav > li > a {
    color: #fff;
}

.navbar .nav > li > a {
    padding: 10px;
}

.navbar-inner, .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}

.navbar-height {
    height:45px;
    background-color:#000;
    margin-bottom:0px !important;
}

.user-info {
	margin-top: -8px;
}


#header .navbar-inner .nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header .navbar-inverse .brand, .navbar-inverse .nav > li > a{
    color: #fff;
}

#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
}

#header .navbar-inner li.dropdown .dropdown-toggle .label {
    position: relative;
    top:-3px;
    font-size: 9px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
}

#header.navbar-inverse .btn-navbar {
    background-image: none;
    margin-top: 10px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e9ebec;
    border-color: #caced1 #caced1 black;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#header.navbar-inverse .btn-navbar:hover {
    background-color: #caced1;
}

#header .navbar-inner {
    top:0px;
    width: 100%;
    margin: 0px !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header.navbar-inverse .navbar-inner {
    height: 45px;
    border:none !important;
}

#header.navbar-inverse .divider-vertical {
    height: 40px;
}

#header .navbar-search {
    margin-left: 110px;
}

#header .top-nav .dropdown-menu {
    margin-top: 3px;
}

.top-menu {
    padding: 5px;
}

    .not {
        margin-top:-7px;
    }

#top_menu {
    margin-left:70px;
}

#top_user {
    margin-right:80px;
}

.headerMenuCenter 
{
    width:1170px;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px !important;
    padding-right:0px !important;
}

#header .top-menu .dropdown .dropdown-toggle .caret {
    margin-top: 12px !important;
    border-top-color: #fff;
    border-bottom-color: #fff;
}




/*-----------------login------------------------------------------------------*/

div.login-buttons
{
   display: flex;
   justify-content: center;
   margin-bottom: 5px;
}

a.redLoginButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 32px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

    a.redLoginButton:hover
    {
        cursor: pointer;
        cursor: hand;
        background-color: #E42559;
        width: 110px;
        height: 32px;
        border-top: 0px solid;
        border-bottom: 0px solid;
        border-left: 0px solid #ffffff;
        border-right: 1px solid #ffffff;
        font: normal 10px Tahoma,Geneva,sans-serif;
        color: #ffffff;
        float: left;
        padding-top: 13px;
        text-decoration: none;
        text-align: center;
    }
a.redLoginButton:visited
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 25px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}

a.redLoginButton :active
{
    cursor: pointer;
    cursor: hand;
    background-color: #E42559;
    width: 110px;
    height: 25px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid #ffffff;
    border-right: 1px solid #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    float: left;
    padding-top: 13px;
    text-decoration: none;
    text-align: center;
}


a.greenButton
{
    cursor: pointer;
    width: 112px;
    display: block;
    background-color: #58ae51;
    color: #fff;
    height: 40px;
    font: normal 12px Tahoma,Geneva,sans-serif;
    line-height: 40px;
    text-decoration:none;
}

    a.greenButton:hover
    {
        cursor: pointer;
        width: 112px;
        display: block;
        background-color: #58ae51;
        color: #fff;
        height: 40px;
        font: normal 12px Tahoma,Geneva,sans-serif;
        line-height: 40px;
    }
a.greenButton:visited
{
    cursor: pointer;
    width: 112px;
    display: block;
    background-color: #58ae51;
    color: #fff;
    height: 40px;
    font: normal 12px Tahoma,Geneva,sans-serif;
    line-height: 40px;
}

a.greenButton:active
{
    cursor: pointer;
    width: 112px;
    display: block;
    background-color: #58ae51;
    color: #fff;
    height: 40px;
    font: normal 12px Tahoma,Geneva,sans-serif;
    line-height: 40px;
}

a.loginButton
{  
    width: 100px;
    height: 28px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-color: #ffffff;
    font: normal 10px Tahoma,Geneva,sans-serif;
    color: #ffffff;
    padding-top: 11px;
    text-decoration: none;
    text-align: center;
}
    

    a.loginButton.blue{
         background-color: #009de0;    
    }
    a.loginButton.red{
         background-color: #E42559;
    }

a.sideBarButton
{  
    color: #FFF !important;
    height: 33px !important;
    width:100%;
    min-width: 164px !important;
    margin: 3px !important;
    padding: 0px !important;
    display: block;
    cursor: pointer;
    padding-top: 12px !important;
    border-radius: 12px;
    border: solid 1px #fff;
    font:  normal 15px Tahoma,Geneva,sans-serif;
    
}
    a.sideBarButton.blue{
         background-color: #009de0;    
         border-color: #009de0;    
    }
    a.sideBarButton.red{
         background-color: #E42559;  
         border-color: #E42559;  
    }
    a.sideBarButton.green {
         background-color: #58ae51;
         border-color: #58ae51;
    }
    a.sideBarButton.white{
        background-image: linear-gradient(to top,#F3F4F6,#fff);
         background-color: #fff;   
         border-color:#F3F4F6;
         color:#000 !important; 
    }

    div.headerBar
{
    height: 40px;
    margin-right: 170px;
    /*width: 720px;*/
    float: right;
}

div.headerBarMenu 
{
    height: 45px;
    width: 985px;
    margin-left: auto !important;
    margin-right: auto !important;
    float:none !important;
}

div.headerMenuItemLong
{
    width: 170px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 40px;
    line-height: 38px;
}

div.headerMenuItem
{
    width: 105px;
    text-align: center;
    vertical-align: middle;
    float: left;
    height: 40px;
    line-height: 38px;
}

div.headerMenuItemFirst{
    margin-left:160px;
}


div.headerMenuItemIcon
{
   
    text-align: center;
    vertical-align: middle;
    float: left;
    line-height: 38px;
}
    div.headerMenuItemIcon a 
    {
         height: 25px;
    }

    div.headerMenuItemIcon a img
    {
        width:21px;
    }

div.headerMenuItemButton{
    float: right;
    width: 118px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
    line-height: 38px;
}

div.headerContainer
{
    background-color: #F3F4F6;
    width: auto;
    height: 46px;
    padding: 2px;
    border-bottom: 1px solid #E2E3E7;
    
}

div.footerContainer
{
    background-color: #F3F4F6;
    width: 100%;
    height: 240px;
    padding: 2px;
    border-top: 1px solid #E2E3E7;
    margin-top:10px;
}

div.footerContainerSmall
{
    max-width:100%;
    width: 980px;
    height: 240px;
    margin-left: auto;
    margin-right: auto;
}

div.footerContainerItem
{
    width: 300px;
    height: 150px;
    margin-top: 0px;
    margin-left: 10px;
    float: left;
}
div.footerContainerItem.itemCenter
{
    border-left: 1px solid #E2E3E7;
    border-right: 1px solid #E2E3E7;
}


div.footerContainerItemLast
{
    width: 300px;
    height: 150px;
    margin-top: 0px;
    margin-left: 10px;
    float: left;
}


div.followUs
{
    width: 180px;
    height: 68px;
    float: left;
}

div.followUsHeader
{
    width: 120px;
    height: 20px;
    float: left;
    font: normal 13px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    margin-top: 10px;
    margin-left: 30px;
    text-align:left;
}

div.followUsFooter
{
    width: 160px;
    height: 38px;
    float: left;
    margin-left: 20px;
    text-align:left;
}

div.footerLink
{
    margin-top: 10px;
    height: 20px;
    text-align:left;
}

div.footerLinkColumn
{
    width: 130px;
    height: 150px;
    float: left;
    margin-left: 20px;
}

a.footerLink
{
    font: normal 9px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    cursor: pointer;
    text-align:left;
}

    a.footerLink:hover
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: underline;
        color: #808080;
    }

    a.footerLink:visited
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.footerLink:active
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
    }

    a.footerLink[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }

    div.footerText
    {
        font: normal 9px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #808080;
        text-align:left;
    }


div.subscribe
{
    width: 300px;
    height: 100px;
    margin-left: 30px;
    text-align:left;
}

span.subHeaderDescriptionItalicText
{
    font: italic 12px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #808080;
    text-align: left;
    line-height: 18px;
}

input.submitRedButton
{
    cursor: pointer;
    background-color: #E52558;
    width: 73px !important;
    height: 27px;
    border: 0px solid;
    font: normal 12px Tahoma,Geneva,sans-serif;
    color: #ffffff;
}

input.search
{
    width: 208px;
    height: 25px;
    float: left;
    border: 0px solid;
    background-color: #ffffff;
    color: #808080;
    padding: 1px 0px 1px 0px;
}
.left
{
    float: left;
}

div.miniLogo
{
    width: 68px;
    height: 68px;
    float: left;
}

div.headerBlack
{
    height: 54px;
    width: auto;
    background-color: #000000;
}

div.loginContainer
{
    width: 230px;
    height: 38px;
    float: right;
    margin-right: 140px;
}

div.logoutContainer
{
    width: 500px;
    height: 38px;
    float: right;
    margin-right: 140px;
    display: none;
}

div.loggedUser
{
    width: 360px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    text-align: right;
    float: left;
    margin-right: 20px;
}

/*------------------------------Anchors------------------------------------------------------*/
a.menuItem
{
    font: normal 11px Tahoma,Geneva,sans-serif;
    text-decoration: none;
    color: #000000;
    line-height: 30px;
    height: 30px;
    cursor: pointer;
}

    a.menuItem :hover
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem :visited
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem :active
    {
        font: normal 11px Tahoma,Geneva,sans-serif;
        text-decoration: none;
        color: #000000;
        line-height: 30px;
        height: 30px;
    }

    a.menuItem[disabled]
    {
        color: #a0a0a0;
        cursor: default;
    }


input.regularRedButton
{
    cursor: pointer;
    cursor: hand;
    background-color: #E52558;
    width: 150px;
    height: 35px;
    border: 0px solid;
    font: normal 14px Tahoma,Geneva,sans-serif;
    color: #ffffff;
}

    input.regularRedButton[disabled] 
    {
        cursor: default;
        opacity: 0.5;
    }

label.formLabel 
{
    margin-bottom:10px;
}
input.formInput
 {
    margin-bottom:20px;
}


/*---- Profile Edit ----*/
.prof-form {
	overflow: hidden;
	width: 100%;
}
.prof-form form {
	float: left;
	_overflow: visible;
}
.prof-form form fieldset {
	overflow: hidden;
	width: 100%;
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
}
.prof-form form fieldset label {
	float: left;
	width: 147px;
    font-size: 1em;
    font-weight:normal;
	padding: 6px 15px 0 0;
	text-align: right;
}
.prof-form form fieldset.select {
	padding-top: 1px;
}
.prof-form form fieldset.select label {
	padding-top: 2px;
}
.prof-form form fieldset input {
	border: 1px solid #d3d3d3;
	padding: 5px;
	float: left;
	width: 270px;
	font-size: 1em;
	margin: 0;
}
.prof-form form fieldset select {
	border: 1px solid #d3d3d3;
	float: left;
	width: 282px;
}
.prof-form form fieldset textarea {
	border: 1px solid #d3d3d3;
	padding: 5px;
	float: left;
	width: 270px;
	_height: 40px;
}
.prof-form form fieldset.sbx_buttons {
	padding-left: 162px;
	_width: 100px;
   
}
.prof-form form fieldset.sbx_buttons span.sbx_button {
	float: left;
    background-color: rgb(55, 141, 229);
    color: #2d1c02;
}
.prof-form form fieldset.sbx_buttons span.sbx_button input {
	border: none;
	float: left;
	width: auto;
}

.prof-form form span.sbx_button input {
	border: none;
	float: left;
	width: auto;
}

.prof-form .account-info {
	width: 410px;
	float: right;
	border: 1px solid #E0DED9;
	padding: 24px 28px 24px 28px;
}
.prof-form .account-info h4 {
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #E0DED9;
}
.prof-form .account-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prof-form .account-info ul li {
	overflow: hidden;
	width: 100%;
}
.prof-form .account-info ul li strong {
	display: block;
	float: left;
	width: 80px;
}
.prof-form .account-info ul li a {
	display: block;
	float: left;
}

.field-box div{
    margin-bottom:7px;
}
.field-box div label{
    margin-bottom:1px;
    font-size:1em;
}

.field-box div span{
    font-style:italic;
    color:#2D1C02;
}

.field-box h1
{
    font-size:16px;
    text-align:left;
    margin-left:162px;
}


/*--------------------------------------------------Login---------------------------------------------------*/
div.loginContainer
{
    width: 900px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:100px;
    /*height:600px;*/
    height:500px;
}
div.loginLogo
{
    float:left;
    width:450px;
    height:200px;
    display:none;
}
div.loginValueRoadmap
{
    float:left;
    width:450px;
    height:200px;
    text-align:center;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size:40px;
    line-height:50px !important;
    display:none;
    
}
div.loginDialog
{
    float:left;
    width:400px;
    border:0px solid;
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */
    background-color:#A1B8DA;
    height:300px;
}
div.loginRightImage
{
    float:left;
    width:400px;
    margin-left:80px;
    border:0px solid;
    border-radius:25px;
    -moz-border-radius:25px; /* Old Firefox */
    background-color:#A1B8DA;
    height:300px;
}

table.loginDialog
{
    width:100%;
    margin-left:5px;
   /* margin-top:80px;*/
}

table.loginDialog td
{
   
    font: normal 12px Tahoma,Geneva,sans-serif !important;
    text-decoration: none !important;
    color: #4d4c4c !important;
    text-align: left !important;
    line-height: 18px !important;
    padding: 4px 0;
    
}
table.loginDialog td.loginDialogButton
{
    text-align:right !important;
}

td.loginDialogLeft
{
  
    text-align:right;
    color:#424642;
    padding-right:4px !important;
    width:30%;
}
td.loginDialogRight
{
    width:200px;
    text-align:left;
    max-width:70%;
}
td.loginDialogButton
{
    text-align:right;
}
td.loginDialogError
{
    text-align:center;
    color:red;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:normal;
    font-size:12px !important;
}
input.loginText
{
    width: 100% !important;
    max-width:270px;
    height: 22px !important;
    color: #4d4c4c !important;
    font-size: 12px !important;
    font-family: Tahoma,Geneva,sans-serif !important;
    font-weight: normal !important;
    margin: 0px !important;
    padding: 0px !important; 
    border: 1px inset rgb(238,238,238);
    border-radius: 0;
}

input.loginDialogButton
{
    padding: 10px 20px;
    background:#1743ad;
    border-radius:5px;
    -moz-border-radius:5px; /* Old Firefox */
    border:0px solid;
    color:#fff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-weight:bold;
    cursor:pointer;
    cursor:hand;
    
}

img.loginRightImage
{
    margin-top:50px;
    margin-left:100px;
}

div.loginDiv
{
    line-height: 27px !important;
}

.loginDiv td.forgotPassword {
    text-align: right !important;
}

table.loginDialog a.commonLink {
    color: #009DE0;
}

/*--------------------------------------------------Login---------------------------------------------------*/

.hiddenItem
{
    display:none;
}

.canvasNavigationBarMobile
{
    display:none;
}

 div.canvasBodyContent 
    {
        max-width: 1100px;
        width:100%;
        padding-top:25px;
    }


.sidbarSection 
{
    width:292px;
    max-width:29%;
}

.sidbarSection div.intro 
{
    margin-bottom: 15px;
    text-align: justify;
    font-style: italic;
    line-height:1.5
}

.sidbarSection div.intro h4
{
   font-size:14px;
   font-weight:normal;
   line-height:21px;
   margin-top:0;
}

    .sidbarSection div.featured_articles
    {
        text-align: left;
        margin-bottom:15px;
    }

    .sidbarSection div.featured_articles ul
    {
        list-style-type: none;
        margin:0;
    }

    .sidbarSection div.featured_articles ul li
    {
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: bold;
    }
  
    section.canvasSection
    {
        max-width:70%;
        width:70%;
        margin-top:0;
    }

    body 
    {
        height:auto !important;
    }

    .canvasHorizontalBar .item_conatiner 
    {
        margin-bottom: 20px;
    }
    .canvasHorizontalBar .item_conatiner a 
    {
        display:block;
    }

     .canvasHorizontalBar .item_conatiner a img
    {
        width:100%;
    }


.rssDiv 
{
    max-width:100%;
}
    .feedEkList
    {
       max-height:1400px;
       max-width:100%;
       height:auto !important;
    }

    .div.homeBody div.submitionForm 
    {
        float:right !important;
        width:30% !important;
    }

    div.homeBody div.stories 
    {
        width:100% !important;
        float:none !important;
    }

.sidebar_buttons
{
    margin-bottom:15px;
}

div.siteSearch form.search-form
{
    float: right;
    width: 220px !important;
    height: 32px !important;
    padding-left: 5px;
    font-size: 14px;
    text-align: left;
    border: solid 1px #A6A6A6;
    display: flex;
}

  div.siteSearch form.search-form input 
    {
        text-align: left;
        vertical-align: top;
        border: 0px;
        padding: 0px;
        float: none;
        height: 30px !important;
        width: 100% !important;
    }
    div.siteSearch form.search-form input:focus
    {
       outline: none;
    }
    div.siteSearch form.search-form button
    {
        background: none;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 0px;
        padding-right: 3px;
        border:0;
        background:none;
    }

.item_conatiner a .title {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 5px;
    color: #69605A;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.item_conatiner a .description {
    text-align: center;
    word-wrap: break-word;
    font-size: 14px;
    max-height: 60px;
    color: #69605A;
    max-height: 60px;
    line-height: 20px;
    font-family: ACaslonPro;
}


.storyBody .images .main
{
    max-width:100%;
}


/*/div.departmentBody div.stories div.topic .text.readmore
{
    max-height:42px;
    overflow:hidden;
}*/


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

.featuredStory a img 
{
    max-width:150px;
}

.featuredStory a .description
{
    max-height: 42px;
    text-align: center;
    word-wrap: break-word;
    font-size: 13px;
    max-height: 60px;
    color: #69605A;
    max-height: 60px;
    line-height: 20px;
    font-family: ACaslonPro;
}
.featuredStory a .title {
    font-size: 16px;
    text-transform: uppercase;
    color: #69605A;
    text-decoration: none;
    text-align: center;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 15px;
}


div.ui-dialog[aria-describedby="dvLogin"]
{
    max-width: 97%;
    z-index:10000;
}


.siteSearch.mobile form.search-form 
{
    margin-bottom:5px;
}


.siteSearch.mobile form.search-form span.reset
{
    visibility: hidden;
}

.dep_odd.dep_even .item_conatiner>a
{
    color:rgb(26, 26, 26);
}

.dep_odd.dep_even .item_conatiner>a img
{
    max-width:100%;
}

#dvLogin 
{
    display:none;
}



.siteSearch form.search-form
{
    margin-bottom:5px;
}

.siteSearch form.search-form span.reset
{
   visibility: hidden;
}

#dvForgotPassword
{
    display:none;
}

#dvLogin .loginDiv 
{
    /*margin-top:-50px;*/
}

    #dvLogin .loginDiv form 
    {
        margin-bottom:5px;
    }


.instagramContainer .dvLoaderShowcase 
{
    height:200px;
    line-height:200px;
}

.instagramContainer .dvLoaderShowcase img
{
    vertical-align: middle;
}

@media (max-width:500px)
{
    div.dropdown.user-info
    {
        max-width:70%;
        height: auto;
    }

    div.dropdown.user-info a.dropdown-toggle.user
    {
        display: block;
        height:auto;
        overflow-y:auto;
        width:100%;
    }

    a.highlited_button
    {
        max-width: 30% !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    div.dropdown.user-info a.dropdown-toggle.user >img 
    {
       margin-right: auto;
       display: block;
    }

    div.dropdown.user-info a.dropdown-toggle.user >span.username 
    {
        max-width: calc(100% - 15px);
        text-overflow: ellipsis;
        float: left;
        display: inline-block;
    }

    a.dropdown-toggle.user >b.caret 
    {
        float: left;
        display: inline-block;
    }

    div.user_info_search div.user_info
    {
        align-items: flex-start;
    }

    .dropdown-menu.extended 
    {
        top: 46px;
    }

}



.top_header .no-login
{
    float: right;
    margin: 0;
    margin-top: 12px;
    padding-left: 0;
    color: rgb(255,0,0);
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 820px)
{

    .top_header_container.no-login-mode
    {
        height: auto !important;
    }

    .top_header_container.no-login-mode .topNavigationBar
    {
        float: none !important;
        padding-top:5px !important;
    }

    .top_header .no-login 
    {
        
        float: none;
        margin: 10px 0 0;
        font-size: 13px;
        text-align: center;
        padding-bottom: 10px;
        width: 100%;
    }
}

@media (max-width: 562px)
{
    .top_header .no-login 
    {
        margin: 2px 0 0 !important;
    }
}