﻿/****************
    COLOR SCHEME
    #959480  Light Brown
    #4E4C36  Dark Brown
    #FD7010  Orange
    #00A5C3  Turquoise

****************/

/* DEFAULTS
----------------------------------------------------------*/

body, .body {
    /*background: #C0C0C0;*/
    font-size: 11pt;
    /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #4E4C36;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
}

a:link, a:visited {
    color: #4E4C36;
    text-decoration: none;
}

a:hover, a:active {
    color: #FD7010;
    text-decoration: none;
}

a.CampaignReport:link, a.CampaignReport:visited {
    color: #FD7010;
    text-decoration: none;
}

a.CampaignReport:hover, a.CampaignReport:active {
    color: #4E4C36;
    text-decoration: none;
}

p {
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 1.6em;
}

img {
    border-width: 0px;
}

.accentText {
    font-family: 'Times New Roman', Times, serif;
    font-size: 17pt;
    font-style: italic;
    position: relative;
    bottom: -1px;
    color: #FD7010;
}

input[type=text], input[type=password], select.dropdown
{
 border:1px solid #4E4C36;
 font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 10pt;
 padding: 0px 0px 0px 3px; 
 border-radius: 3px;
} 
select.dropdown{

}

/*.dropdowntest {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
    padding: 0px 0px 0px 3px;
    border: none;
    background-color: darkgray;
    border: 0 !important;
    background-color:darkgray;
    border-radius: 5px !important;
    -webkit-appearance: none !important;
    background: url(/Resources/Images/down-arrow_12x8.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    text-overflow: "" !important;
}*/



ul{
    list-style-type: none;
}

    ul li:before {
        content: "•";
        font-size: 110% !important;
        font-family:Arial;
        padding-right: 8px;
        vertical-align: middle;
    }

/*.tutorial {
    color: #00a5c3;
    color: #959480;
}

.information {
    color: #6226e9;
    color: #4e4c36;
}

.buy {
    color: #0bb923;
    color: #4e4c36;
}

.support {
    color: #eb15a2;
    color: #4e4c36;
}*/
/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    color: #404040;
    font-variant: small-caps;
    text-transform: none;
    font-weight: bold;
    margin-top: 0em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

h3 {
    font-size: 12pt;
}

h4 {
    font-size: 11pt;
}

h5, h6 {
    font-size: 10pt;
}

a {
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

.heading {
    margin-top: 12px;
    font-size: 13pt;
    color: #959480 !important;
    text-shadow: rgba(27, 27, 27, 0.40) 1px 1px 1px;
}

.subHeading {
    margin-top: 12px;
    font-size: 12pt;
    color: #959480;
    text-shadow: rgba(27, 27, 27, 0.10) 1px 1px 1px;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    /*width: 95%;*/
    background-color: #fff;
    /*margin: 20px auto 0px auto;*/
    border-bottom: 1px solid #496077;
}

.header {
    /*position: relative;*/
    margin: 0px;
    padding: 0px;
    /*background: #FFFFFF;*/
    color: #000000;
    width: 100%;
    background-image: url('/Resources/Images/MeasureHound_slogan_316x28.png');
    /*background-image: url('~/Resources/Images/MeasureHound_slogan_316x28.png');*/ 
    background-position: right 20px bottom; background-repeat:no-repeat;
       margin-right: 50px;
}

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #204060;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.pageTitle {
    text-align: center;
    font-size: 14pt;
    /*font-weight: bold;
    color: #606060;
    padding: 0.5em;*/
    color: #959480;
    text-shadow: rgba(27, 27, 27, 0.3) 1px 1px 1px;
    text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 4px;
    /*border-bottom: 2px solid #EEE9E6;*/
}

    .pageTitle div {
        border-bottom: 2px solid #EEE9E6;
    }

/*.pageTitle .tutorial {
        color: #00a5c3;
    }

    .pageTitle .information {
        color: #6226e9;
        color: #3d26e9;
    }

    .pageTitle .buy {
        color: #0bb923;
    }

    .pageTitle .support {
        color: #eb15a2;
    }*/


.information a:link, .information a:visited {
    color: #FD7010 !important;
}

.information a:hover, .information a:active {
    color: #6226E9 !important;
}

.main {
    padding: 0.5em 1em 2em;
    min-height: 420px;
    vertical-align: top;
}

.leftCol {
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer {
    width: 95%;
    margin: 0px auto;
    text-align: left;
    line-height: normal;
    background-color: #eee9e6;
}

.DashboardWidget, .DashboardWidget:active, .DashboardWidget:visited, .DashboardWidget:link {
    display: inline-block;
    text-align: center;
    min-width: 200px;
    color: #000000;
    font-weight: bold;
    font-size: 10pt;
    text-decoration: none;
    background: linear-gradient(#F8F8F8,#FFFFFF,#F0F0F0,#E0E0E0);
    border: 1px outset #C0C0C0;
    border-radius: 0.5em;
    padding: 1em;
    margin: 0.25em;
    vertical-align: bottom;
}

    .DashboardWidget:hover {
        color: #FFFFFF;
        background: #004080;
        /*background: linear-gradient(#004080,#004080,#002040);*/
        background: linear-gradient(#353A59,#555a7a,#262a48);
    }

    .DashboardWidget img {
        margin-bottom: 8px;
        border: none;
        max-height: 96px;
        max-width: 96px;
    }

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    /*background: #353A59;*/
    /*background: linear-gradient(#353A59,#555a7a,#262a48,#262a48);*/
    /*background: linear-gradient(#004080,#004080,#002040);*/
    width: 100%;
}

div.menu {
    padding: 4px 0px 4px 8px;
    font-weight: bold;
}

    div.menu ul {
        /*background: #004080;*/
        /*background: linear-gradient(#004080,#004080,#004080,#002040);*/
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        z-index: 1;
    }

        div.menu ul li ul {
            background: linear-gradient(#353A59,#555a7a,#262a48,#262a48);
            box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
            border: none;
        }

        div.menu ul li a, div.menu ul li a:visited {
            background: transparent;
            color: #FFFFFF;
            display: block;
            line-height: 1.25em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.menu ul li a:hover {
                background-color: #FFFFFF;
                color: #203040;
                text-decoration: none;
            }

            div.menu ul li a:active {
                background-color: #353A59;
                /*background-color: #405080;*/
                color: #FFFFFF;
                text-decoration: none;
            }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}
/*.wizard input[type=text]
{background-color: red; 
 border:4px solid lime;
}*/ 

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: white;
    }

    .loginDisplay a:visited {
        color: white;
    }

    .loginDisplay a:hover {
        color: white;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.button, .buttonSmall, .button:link, .buttonSmall:link, .dxucButton a {
    padding: 2px 0.5em;
    border: solid 1px #353A59;
    border-radius: 0.5em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #5D6468;
    padding: 4px 8px;
    background: #F0F4F8;
    background: linear-gradient(100deg, #ffffff, #ffffff, #f1f6f9);
    border-radius: 6px;
    border: 1px solid #729f98;
    box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6);
}

    .button:hover, .button:active, .buttonSmall:hover, .buttonSmall:active {
        background: linear-gradient(-45deg, #EEE9E6, #ffffff);
        color: #5D6468;
    }

    .button:disabled, buttonSmall:disabled, .buttonMenu:disabled {
        background: #FFFFFF;
        color: #808080;
        cursor: default;
    }

.button {
    font-size: 10pt;
}

.buttonSmall {
    font-size: 8pt;
}

.buttonMenu {
    background: #FFFFFF;
    color: #000000;
    font-size: 10pt;
    border: none;
    border-radius: 0.5em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    margin-top: 1em;
    padding: 4px;
}

    .buttonMenu:visited, .buttonMenu:link, .buttonMenu a {
        color: #000000;
    }

    .buttonMenu:hover {
        background: linear-gradient(#353A59,white,#262a48);
        color: #FFFFFF;
    }

.buttonImage {
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    height: 24px;
    margin: 0px;
}

    .buttonImage:visited, .buttonImage:link, .buttonImage A {
        color: #000000;
    }

    .buttonImage:hover {
        background: #E0E0E0;
        background: linear-gradient(#E0E0E0,#FFFFFF,#C0C0C0);
        color: #000000;
        border: 1px outset #C0C0C0;
    }

.buttonUploadControl {
    text-align: right;
}

    .buttonUploadControl a {
        color: #5D6468;
        font-size: 10pt;
        padding: 2px 0.5em;
        border: solid 1px #353A59;
        border-radius: 0.5em;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
        background: linear-gradient(100deg, #ffffff, #ffffff, #f1f6f9);
    }

        .buttonUploadControl a:hover, .buttonUploadControl a:active {
            background: linear-gradient(-45deg, #EEE9E6, #ffffff);
            color: #5D6468;
        }

/* GRIDS */
.gridView {
    font-size: 11pt;
    border-collapse: collapse;
    background: #FFFFFF;
    border-spacing: 0em;
    font-family: Calibri;
}

    .gridView TH, .gridView TD {
        padding: 4px 8px !important;
    }

.gridViewBorderless {
    font-size: 11pt;
    border-collapse: collapse;
    background: #FFFFFF;
    border-spacing: 0em;
    border: 0px none transparent;
    font-family: Calibri;
}

    .gridViewBorderless TH, .gridViewBorderless TD {
        padding: 4px 8px !important;
        border: 0px none transparent;
    }

.gridViewWide {
    font-size: 11pt;
    border-collapse: collapse;
    background: #FFFFFF;
    border-spacing: 0em;
    border: 0px none;
    font-family: Calibri;
}

    .gridViewWide TH {
        padding: 4px 8px !important;
        border: 0px none;
    }

    .gridViewWide TD {
        padding: 8px !important;
        border: 0px none;
    }

.gridViewHeaderStyle {
    /*background: #004080;

    background: linear-gradient(#353A59,#555a7a,#262a48);
    border-color: #FFFFFF;
    color: #FFFFFF;*/
    text-align: left;
    border-bottom: 1px solid black;
}

.gridViewAlternatingItemStyle {
    background-color: #E0E0E0;
    border-bottom: 1px #E0E0E0;
}

.gridViewItemStyle {
    border-bottom: 1px #E0E0E0;
}

.gridViewPagerStyle {
    background: #C0C0C0;
    /*background: linear-gradient(#C0C0C0, #F0F0F0, #FFFFFF, #E0E0E0, #C0C0C0);*/
    /*background: linear-gradient(#004080,#004080,#002040);*/
    background: linear-gradient(#353A59,#555a7a,#262a48);
    font-weight: bold;
}

    .gridViewPagerStyle TD {
        padding: 0em !Important;
        border: 0px none;
    }

    .gridViewPagerStyle SPAN {
        display: inline-block;
        padding: 0.25em 0.5em;
        border-radius: 0.25em;
        border: 1px inset #C0C0C0;
        color: #000000;
        background: #FFFFFF;
    }

    .gridViewPagerStyle A {
        display: inline-block;
        padding: 0.25em 0.5em;
        text-decoration: none;
        color: #FFFFFF;
        border: 1px solid transparent;
    }
/*----------------------------*/

.AlignLeft, .AlignLeft TH, .AlignLeft TD {
    text-align: left !important;
}

.AlignRight, .AlignRight TH, .AlignRight TD {
    text-align: right !important;
}

.AlignCenter, .AlignCenter TH, .AlignCenter TD {
    text-align: center !important;
}

.AlignTop {
    vertical-align: top;
}

.AlignBottom {
    vertical-align: bottom;
}

.AlignMiddle {
    vertical-align: middle;
}

.Bold {
    font-weight: bold;
}

.Borderless {
    border: none;
}

.BorderBottomSolid {
    border-bottom-style: solid;
}

.modalPopup {
    background-color: #FFFFFF;
    padding: 1em;
    border: outset 2px;
    border-radius: 0.5em;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.5);
}

.popup {
    background-color: #FFFFFF;
    padding: 0em;
    border: outset 1px;
    border-radius: 0.25em;
    box-shadow: 4px 4px 16px rgba(0,0,0,0.5);
}

.modalBackground {
    background-color: rgba(0,0,0, 0.25);
}

.FormInput {
    border-collapse: collapse;
}

    .FormInput TH, .FormInput .fieldLabel {
        text-align: right;
        padding: 0.25em 0.5em;
        font-size: 10pt;
    }

    .FormInput TD {
        padding: 0.25em 0.5em;
        font-size: 10pt;
    }

        .FormInput TD TABLE, .FormInput TH TABLE {
            margin: -0.25em -0.5em;
        }

.RequiredField {
    background-color: #FFFFE0;
}
/*JEN*/
 /*.RequiredField::after {
    content: "*";
        padding-left: 3px;
        color: red; 
        line-height: .6;
}*/

.DashboardStatBar {
    border-collapse: collapse;
    border-spacing: 0px;
    color: #000000;
    background-color: #E0E0E0;
    background: linear-gradient(#F8F8F8,#F4F4F4,#F0F0F0,#ECECEC,#E8E8E8,#E4E4E4,#E0E0E0,#D0D0D0);
}

    .DashboardStatBar TH {
        text-align: right;
        padding: 0.25em 0.5em;
        padding-left: 2em;
        white-space: nowrap;
    }

    .DashboardStatBar TD {
        padding: 0.25em 0.5em;
        white-space: nowrap;
    }

.TabControl {
    display: inline-block;
    text-align: left;
}

    .TabControl .ajax__tab_header {
        border-bottom: solid 1px #808080;
        font-weight: bold;
        font-size: 10pt;
    }

    .TabControl .ajax__tab_outer {
        background: linear-gradient(#F0F0F0,#FFFFFF,#F0F0F0,#D0D0D0);
        color: #000000;
        border: solid 1px #808080;
        border-bottom: 1px solid #808080;
        border-radius: 0.5em 0.5em 0em 0em;
        margin-right: 1px;
    }

    .TabControl .ajax__tab_active .ajax__tab_outer {
        position: relative;
        top: 1px;
        z-index: 0;
        background: #FFFFFF;
        color: #000000;
        border-bottom: solid 1px #FFFFFF;
    }

    .TabControl .ajax__tab_tab {
        display: block;
        background: transparent;
        color: #000000;
        padding: 2px 1em;
    }

    .TabControl .ajax__tab_active .ajax__tab_tab {
        color: #000000;
    }

    .TabControl .ajax__tab_body {
        border-style: none solid solid solid;
        border-width: 1px;
        border-color: #808080;
        padding: 0.5em;
        height: auto;
    }

.requiredSpan {
    color: #FF0000;
    vertical-align: top;
}

.GreybarHorizontal {
    background: linear-gradient(#F8F8F8,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
}

.GrayBorderedBox {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    border: 1px outset #C0C0C0;
    border-radius: 0.5em;
    display: inline-block;
    text-align: left;
}

.GrayBorderedPanel {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    margin: 1em 0em;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
    border-radius: 0.5em;
    display: block;
    text-align: left;
}

.GrayBorderedCell {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
    border-radius: 0.5em;
    text-align: left;
}

.InsetBox {
    padding: 0.5em;
    border-left: 1px solid #606060;
    border-top: 1px solid #606060;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-radius: 0.5em;
    text-align: left;
}

.ExpanderHeader, .ExpanderHeader:active, .ExpanderHeader:link, .ExpanderHeader:visited {
    display: block;
    text-decoration: none;
    font-size: 13pt;
    font-weight: bold;
    color: #404040;
    cursor: pointer;
    padding-bottom: 0.5em;
}

    .ExpanderHeader:hover {
        color: #FF8000;
    }

.CheckBox24 {
    border: 2px solid #808080;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 4px;
    text-decoration: none;
}

/* Treeview */
.TreeView {
    font-weight: bold;
    color: #000000;
}

    .TreeView table {
        border-collapse: collapse;
    }

    .TreeView th, .TreeView td {
        padding: 0px 2px;
    }

    .TreeView a {
        color: #000000;
        display: inline-block;
        padding: 0px;
    }

    .TreeView img, .TreeNode img {
        max-height: 24px;
    }

    .TreeView tr:hover {
        color: #000000;
        background: linear-gradient(#FFF0E0,#FFF0E0,#E0D0C0);
    }

    .TreeView .TreeViewSelected {
        color: #000000;
        background: linear-gradient(#FFF0E0,#FFF0E0,#E0D0C0);
        padding: 0em 0.5em;
        border-radius: 0.25em;
        border: 1px outset #806040;
    }

        .TreeView .TreeViewSelected a {
            color: #000000;
            background: transparent;
            padding: 0px;
            border: 0px none;
        }

td.TreeNode {
    width: 100%;
}

a.TreeNode {
    display: block;
}

.ToggleButton_Off, a.ToggleButton_Off {
    display: inline-block;
    color: #000000;
    background: linear-gradient(#E0E0E0,#FFFFFF,#FFFFFF,#C0C0C0);
    border-width: 1px 2px 2px 1px;
    border-style: outset;
    border-color: #E0E0E0;
    border-radius: 0.25em;
    text-decoration: none;
    padding: 2px 0.5em;
}

.ToggleButton_On, a.ToggleButton_On {
    display: inline-block;
    color: #000000;
    background: #E0F0FF;
    background: linear-gradient(#C0D0FF,#FFFFFF,#FFFFFF,#90A0D0);
    border-width: 2px 1px 1px 2px;
    border-style: inset;
    border-color: #E0E8FF;
    border-radius: 0.25em;
    text-decoration: none;
    padding: 2px 0.5em;
}

.sideMenuContainer {
    /*display: inline-block;
    width: 8%;
    border-bottom: 1px solid black;
    -webkit-box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    2px 1px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         2px 1px 5px 0px rgba(50, 50, 50, 0.5);*/
    margin-top: 0px;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
    border-right: 1px solid #E18868;
    border-right: 1px solid #FD7010;
    flex-shrink: 0;
    height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 50;
    align-items: stretch;
    background-color: #FD7010;
    font-weight: bold;
}

.sideMenuTitles {
    /*padding: 4px 0px 4px 4px;
    border-top: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    font-weight: bold;
    color: white;
    background: linear-gradient(#38415b,#838fb3,#000000,#000000);
    background: #38415b;*/
    color: #959480;
    line-height: 48px;
    text-transform: uppercase;
    font-family: Calibri !important;
    font-size: 12pt;
    padding: 0px 30px 0px 10px;
    display: block;
    /*width: 100%;*/
}
    .sideMenuTitles:hover {
        color: #4E4C36 !important;
    }
    .sideMenuContainer a {
    /*color: #9196a2;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;*/
    text-decoration: none !important;
    /*border-collapse:collapse;*/
    /*line-height: 48px;
    padding: 6px 0px;*/
    /*width: 100%;*/
}

    .sideMenuContainer a:link div, .sideMenuContainer a:visited div {
        color: white;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        /*line-height: 48px;
    padding: 6px 0px;*/
        /*text-decoration: none;
    width: 100%;*/
    }

    .sideMenuContainer a:hover div, .sideMenuContainer:active div {
        color: #FD7010;
        border-top: 1px solid #4E4C36;
        border-bottom: 1px solid #4E4C36;
        /*line-height: 48px;
    padding: 6px 0px;*/
        /*text-decoration: none;
    width: 100%;*/
    }

.sideMenuTitles {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}


.sideMenuItems {
    color: white !important;
    line-height: 48px;
    text-transform: uppercase;
    font-family: Calibri !important;
    font-size: 12pt;
    padding: 0px 30px 0px 30px;
    display: block;
    line-height: 28px !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .sideMenuItems:hover {
        color: #4E4C36 !important;
        /*border-top: 1px solid #E4DBD4;
        border-bottom: 1px solid #E4DBD4;*/
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }


/*.sideMenuItems:hover {
        background-color: #e2e2e3;
        padding: 3px 16px;
        text-decoration: none;
    }*/
/*.sideMenuItems:link
    {background-color: purple;
     padding-left: 16px;
    margin-bottom: 8px;
        }*/


.informationMenuContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 3px 40px 2px 40px;
    margin: 0;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-content: stretch;
}

.informationMenu {
    /*display: table-cell;*/
    line-height: 1.5em;
    white-space: nowrap;
    font-size: 19px;
    font-family: Calibri;
    font-size: 13pt;
    text-transform: uppercase;
    padding-top: 8px;
    padding-right: 8px;
    text-decoration: none !important;
    /*color: #444c64 !important;*/
    color: #959480 !important;
    /*color: #4e4c36;*/
    /*width: 100%;*/
    text-align: center;
}

    .informationMenu a {
        text-decoration: none !important;
        /*color: #444c64 !important;*/
        color: #4e4c36 !important;
    }

.informationMenuContainer a:hover {
    text-decoration: none !important;
    /*color: #868DA3 !important;*/
    color: #FD7010 !important;
}

.informationMenuContainer .tutorial:hover {
    color: #00a5c3 !important;
}

.informationMenuContainer .information:hover {
    color: #6226e9 !important;
}

.informationMenuContainer .buy:hover {
    color: #0bb923 !important;
}

.informationMenuContainer .support:hover {
    color: #eb15a2 !important;
}


/*.informationMenu:hover div, .informationMenu:active div {
        color: #868DA3 !important;
    }*/
.informationMenu:link div img, .informationMenu:visited div img {
    opacity: .6;
}

.informationMenu:hover div img, .informationMenu:active div img {
    opacity: 1;
}
/*.informationMenu a:hover div{
            text-decoration: none;
            color: #4a4e5a !important;
        }*/
.informationMenu a:hover div img {
    opacity: .5;
}

.informationMenu img {
    position: relative;
    vertical-align: middle;
    margin-right: 8px;
}

/*.informationMenu.tutorials a:hover {
            text-decoration: none !important;
            color: red !important;
            opacity: .5;
        }
         .tutorials a:hover {
            text-decoration: none !important;
            color: red !important;
            opacity: .5;
        }
         .informationMenuText .tutorials a:hover {
            text-decoration: none !important;
            color: red !important;
            opacity: .5;
        }
          .informationMenuText  a:hover {
            text-decoration: none !important;
            color: red !important;
            opacity: .5;
        }*/
.bodyContainer {
    display: inline-block;
    /*width: 91%;*/
    /*min-width: 700px;*/
    width: 100%;
    vertical-align: top;
    /*text-align: center;*/
}

.footerLinksContainer {
    display: flex;
    position: relative;
    /*padding: 3px 0px 2px 40px;*/
    width: 100%;
    position: relative;
    justify-content: space-between;
    margin: 0px auto;
    /*padding-bottom: 20px;
    text-align: center;
   
        */
    /**/
}

.footerLinks {
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.4em;
    margin: 0px auto;
    /*
    display: inline-block;
    vertical-align: top;
    
    text-align: left;
    
    */
    /*width: 25%;*/ /*padding: 0px 70px;*/
}

    .footerLinks a {
        text-decoration: none !important;
        color: #4a4e5a !important;
        font-size: 10pt;
    }

        .footerLinks a:hover {
            text-decoration: underline;
            color: #000000 !important;
        }

.footerLinksHeader {
    font-weight: bold;
    font-size: 10pt;
}

.icon-bar {
    background-color: black;
    display: block;
    width: 25px;
    height: 2px;
    border-radius: 1px;
    margin: 4px 0px;
}

.col-M-12 {
    width: 100%;
}

.mobileMenuIcon {
    display: inline-block;
    margin: 0px 8px;
    padding: 4px 10px;
    cursor: pointer;
    border: 1px solid white;
    background-image: url('../../images/prb_menu_bkgrnd.gif');
    width: 20%;
}

.mobileMenu {
    display: none;
}

.navMenuTop {
    text-align: center;
    border-top: solid 1px #9196a2;
    background-color: #38415b;
}

    .navMenuTop div {
        width: 100%;
        text-align: center;
        background: white; /*linear-gradient(#FD7010, #e57012, #e57012, #FD7010);*/
        line-height: 2em;
        font-family: 'Segoe UI', 'Arial';
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 10pt;
        font-weight: bold;
        text-decoration: none;
        color: #959480;
        /*background: transparent;*/
        display: block;
        white-space: nowrap;
        /*border-top: 1px solid #959480;*/
        border-bottom: 1px solid #959480;
    }

    .navMenuTop a {
        text-decoration: none;
        color: #959480;
    }

        .navMenuTop a:hover {
            color: #FD7010 !important;
        }


.navMenuLinks div {
    color: #959480;
    background: white;
}

    .navMenuLinks div:hover {
        border-bottom: 1px solid #FD7010;
        border-top: 1px solid #FD7010;
        color: #FD7010;
    }


.navMenuLinks a {
    color: #959480;
    text-decoration: none;
}

    .navMenuLinks a:hover {
        color: #FD7010;
    }

.bottomNavMenu {
    line-height: 2em;
    border-bottom: solid 1px #e2e2e3;
    display: none;
    /*background-image: url('../../Images/prb_menu_bkgrnd.gif');*/
}

    .bottomNavMenu div {
        text-align: left;
        border-top: solid 1px #9196a2;
        line-height: 2em;
        font-family: 'Segoe UI', 'Arial';
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 10pt;
        text-decoration: none;
        white-space: nowrap;
        /*background-image: url('../../Images/prb_menu_bkgrnd.gif');*/
    }

.bottomNavMenuLinks {
    background-color: #e2e2e3;
    display: block;
    border-top: solid 1px #9196a2;
}

    .bottomNavMenuLinks div:hover {
        background-color: #e9e9e9;
    }

    .bottomNavMenuLinks a {
        color: black;
        text-decoration: none;
        margin-left: 16px;
    }

        .bottomNavMenuLinks a:hover {
            color: #1ffc02;
        }

.flexContainerHorizontal {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    /*padding: 0;
    margin: 0;*/
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-content: stretch;
    flex-direction: row;
}

.flexContainerVertical {
    flex-direction: column;
    align-items: stretch;
    /*padding: 0;
    margin: 0;*/
    -ms-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    /*justify-content: space-around;*/
    align-content: stretch;
    -webkit-align-items: stretch;
    justify-content: flex-start;
}

.flexSubContainerVertical {
    margin-top: 0px;
    flex-shrink: 0;
    height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 50;
    align-items: stretch;
}

.flexItemHorizontalMenu {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    float: left;
    align-items: stretch;
    flex-grow: 1;
    min-width: 140px;
    /*border: 3px solid rgba(0,0,0,.2);
  
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;*/
}

.flexItemHorizontalBody {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row; /*float: left;*/
    align-items: stretch;
    /*flex-grow: 2;*/
    /*min-width: 800px;*/
    /*border: 3px solid rgba(0,0,0,.2);campaignsListControl
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;*/
}

.historyChartControl {
    text-align: center;
    /*border: 1px solid black;
    width: 100%;*/
    /*width: 450px;*/
    margin-left: 30px;
    margin-right: 0px;
    display: inline-block;
    float: right;
    /*height: 100%;*/
}

.historyChartControlContainer {
    flex-direction: row; /*flex-grow: 2;*/
    align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    /*display: flex;*/
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-direction: row;
}

.historyChartControlFlex {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    float: left;
    align-items: stretch;
    width: 50%;
}

.historyChartControlFlex {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    float: left;
    align-items: stretch;
    flex-grow: 1;
    min-width: 140px;
    /*border: 3px solid rgba(0,0,0,.2);
  
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;*/
}

.historyChartControlOuter {
    position: static;
    height: 100%;
    width: 100%;
    display: table;
}

.historyChartControlMiddle {
    display: table-cell;
    vertical-align: middle;
}

.historyChartControlInner {
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    width: 200px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

.campaignsListControl {
    display: inline-block;
    min-width: 40%;
    text-align: right;
    vertical-align: top;
    margin-right: 2%;
}

.reportsControl {
    display: inline-block;
    min-width: 40%;
    text-align: left;
    vertical-align: top;
    margin-left: 2%;
}

    .reportsControl a {
        color: #000000;
        text-decoration: none;
    }

        .reportsControl a:hover {
            color: blue;
            text-decoration: underline;
        }

.rotatingAdsContainer {
    display: inline-block;
    text-align: center;
    vertical-align: central;
    text-align: right;
    float: right;
}

.rotatingAds {
    display: inline-block;
    padding-right: 32px;
    width: 40%;
    border: 1px solid black;
}

.bottomInformation {
    width: 40%;
    display: block;
    text-align: left;
    margin-right: 64px;
}

.collapsePanel {
    width: 640px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader {
    width: 640px;
    height: 20px;
    color: Yellow;
    background-color: blue;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}

.userMenu {
    background: #004080;
    background: linear-gradient(#353A59,#555a7a,#262a48);
    color: #FFFFFF;
    font-size: 10pt;
    padding: 2px 0.5em;
    border: solid 1px #353A59;
    border-radius: 0.5em;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    margin-top: 4px;
    min-width: 20%;
    text-align: center;
}

    .userMenu:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

    .userMenu:hover {
        background: #F0F0F0;
        color: #000000;
    }

    .userMenu:disabled {
        background: #FFFFFF;
        color: #808080;
        cursor: default;
    }

.howSloganOuterContainer {
    width: 100% !important;
    min-width: 100%;
    max-width: 100%;
    display: inline;
    text-align: center;
    background-color: #EEE9E6;
    /*max-width: 600px;
    min-width: 350px;
    margin: 0px auto;
    align-content: space-between;
    align-items: stretch;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-content: stretch;*/
}

.howSloganContainer {
    text-align: center;
    background-color: #EEE9E6;
    max-width: 600px;
    min-width: 350px;
    margin: 0px auto;
    align-content: space-between;
    align-items: stretch;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-content: stretch;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

/*don't think we need this*/
.howSloganFlexContainer {
    flex-direction: row; /*flex-grow: 2;*/
    align-items: stretch;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    /*-webkit-justify-content: space-around;
    justify-content: space-around;*/
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    flex-direction: row;
    width: 100%;
    /*width: 80%;
        background-color: #84aea8;*/
    background-color: #EEE9E6;
    color: #4E4C36;
}

.howSlogan {
    font-size: 13pt;
    background-clip: text;
    color: transparent;
    /*color: #6226e9;*/
    text-shadow: rgba(27, 27, 27, 0.20) 1px 1px 1px;
    padding-top: 1px;
    display: inline;
    align-content: space-between;
    align-items: stretch;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 0px;
    color: #959480 !important;
    text-align: center;
}

.howItWorks .slogan {
    font-size: 13pt;
    background-clip: text;
    color: transparent;
    /*color: #6226e9;*/
    /*color: #00A5C3;
    text-shadow: rgba(27, 27, 27, 0.30) 1px 1px 1px;*/
    text-shadow: rgba(27, 27, 27, 0.20) 1px 1px 1px;
    padding-top: 1px;
    text-align: left;
}

.howItWorks .heading {
    margin-top: 12px;
    font-size: 13pt;
    /*color: #658a84;*/
    /*color: #6226e9;*/
    text-shadow: rgba(27, 27, 27, 0.40) 1px 1px 1px;
    
}

.howItWorks .subHeading {
    margin-top: 14px;
    font-size: 12pt;
    /*color: #658a84;*/
    /*color: #6226e9;*/
    text-shadow: rgba(27, 27, 27, 0.10) 1px 1px 1px;
    color: #4E4C36;
}

.howMain {
    float: left;
    width: 67%;
    padding-right: 8px;
}

.howAdvertisingTypes {
    float: right;
    border: 2px solid #FD7010;
    width: 31%;
    border-radius: 10px;
    background-color: #FD7010;
}

.informationMenuMobileContainer {
    display: none;
}
.wizard{
    padding: 0px 0px 8px 8px;
}

.wizardInstructions {
        color: #959480;
    font-size: 10.5pt;
        margin-top: 20px;
}
.wizardInstructions p {
    padding: 0px 0px 8px 8px;
    color: #959480;
    font-size: 10.5pt;
    line-height: 1.2;
    margin: 0px;
}
.wizardSideBar {
    font-size: 16pt;
    display: block;
}

    .wizardSideBar a {
        text-decoration: none;
        color: black;
    }

        .wizardSideBar a:hover {
            text-decoration: underline;
            color: black !important;
            cursor: pointer;
        }

.campaignFlex {
    /*height: 100%;*/
    position: relative;
    display: flex;
    flex-direction: row; /*float: left;*/
    flex-wrap: wrap;
    /*margin: 0px auto !important;*/
}

    .campaignFlex .campaignFlexItemCampaign {
        /*height:400px;*/
        margin-left: auto !important;
        margin-right: 0.5em;
    }

    .campaignFlex .campaignFlexItemLead {
        /*height:400px;*/
        margin-right: auto !important;
        margin-left: 0.5em;
    }

.CampaignImage {
    max-width: 70px;
    max-height: 90px;
    margin-right: 0.5em;
    margin: 0px auto;
}

.loggedInDisplay {
    /*display: table-cell;*/
    /*line-height: 1.5em;*/
    white-space: nowrap;
    font-size: 19px;
    font-family: Calibri;
    font-size: 13pt;
    text-transform: uppercase;
    padding-top: 4px;
    padding-right: 8px;
    text-decoration: none !important;
    color: #4E4C36 !important;
    /*width: 100%;*/
    cursor: pointer;
    text-align: right;
}

    .loggedInDisplay a {
        text-decoration: none !important;
        color: #4E4C36 !important;
        cursor: pointer;
    }

        .loggedInDisplay a:hover {
            color: #FD7010 !important;
        }

.glossaryTable {
    border-collapse: collapse;
    margin: 24px 24px;
    padding: 16px;
}

    .glossaryTable td {
        padding: 16px 0px 16px 8px;
    }

    .glossaryTable th {
        padding: 16px 0px 16px 0px;
        vertical-align: top;
        text-align: right;
    }

.campaignButtonContainer {
    display: block;
    padding-bottom: 12px;
}

.campaignButtondiv {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 40px 8px 0px 8px;
}

.campaignAddButton {
    /*height: 20px;*/
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    text-align: center;
    vertical-align: bottom;
    min-width: 112px;
}

.campaignInstructionButton {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    text-align: center;
    height: 31px;
    min-width: 112px;
}

.campaignQuickButton {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    text-align: center;
    /*height: 20px;*/
    min-width: 112px;
}

.homeInfoContainer {
    width: auto;
    padding-right: 100px;
        /*display: inline-block;*/
}

.pricingTable {
    /*border: 1px solid black;
    width: 100%;*/
    /*width: 450px;*/
    margin-left: 30px;
    margin-right: 0px;
    display: inline-block;
    float: right;
    /*height: 100%;*/
}

    .pricingTable td {
        border: 1px solid black;
        padding-left: 8px;
        text-align: left;
    }
.wizardQuestionBorder {
    border: 1px solid #959480;
    margin-bottom:8px;
    padding:6px 0px 6px 0px;
    border-radius: 0.5em;
}
.tooltip {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #eb15a2; font-weight: bold; vertical-align: top; position: relative; top: -4px; left: -16px;  margin: 0px 4px 0px 2px; height: 0px; display: inline}
.tooltipLabel {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-left: 3px;  }
.tooltipPanel {position: absolute; margin-top: 14px; margin-left: 10px; padding: 10px; border: 1px solid #FD7010; border-width: 1px 3px 3px 1px; border-radius: 10px; background-color: #e8e8e5; z-index: 1002; overflow: auto;}
.tooltipButton {background-image: url('/Resources/Images/help_icon_orange_16x16.png'); height:16px; width: 16px; margin-left: 2px;}
/*.tooltipTest {background-color: red;}
.tooltipLabelTest {font-family: 'Comic Sans MS'; color:red;}*/

@media screen and (max-width: 1680px) {
    .imageURLEmail {
        margin-top: 0.5em;
        white-space: pre-line;
    }
    /*.media100{width: 100%;}*/
}

@media screen and (max-width: 1309px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }
    /*.media100{width: 100%;}*/
}

@media screen and (max-width: 1291px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }

    .campaignFlex .campaignFlexItemCampaign {
        /*height:400px;*/
        margin: 1em auto;
    }

    .campaignFlex .campaignFlexItemLead {
        /*height:400px;*/
        margin: 1em auto;
    }
    /*.media100{width: 100%;}*/
}


@media screen and (max-width: 1090px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }

    /*.wizardSideBar {
        display: inline-block;
    }*/

    .page {
        margin: 0px;
        width: 100%;
        border-top: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 1024px) {
    .mobileMenu {
        display: block;
        white-space: nowrap;
    }

        .mobileMenu img {
            margin: 0px 2px 0px 2px;
        }

    .sideMenuContainer {
        display: none;
    }

    .informationMenuMobileContainer {
        display: none;
    }

    .informationMenuMobile {
        margin: 0px 6px 0px 0px;
        width: 19%;
        text-align: left;
        display: inline-block;
    }


    .flexItemHorizontalMenu {
        display: none;
    }

    .informationMenuContainer {
        display: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 800px) {

    .informationMenuText {
        display: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 760px) {
    .bodyContainer {
        /*width: 80%;*/
    }

    .campaignsListControl {
        display: block;
        text-align: center;
    }

    /*.informationMenuMobileContainer{
        display:block
        }
    .informationMenuContainer{
        display:none;
    }*/

    .bottomMobileMenu {
        display: block;
        width: 100%;
    }

    .bottomInformation {
        width: 100%;
    }

    .bottomNavMenu {
        display: block;
        width: 100%;
    }

    .footerLinks {
        display: none;
    }

    .media100 {
        width: 100%;
    }
}

@media screen and (max-width:720px) {
    .campaignButtondiv {
        display: block;
        vertical-align: bottom;
        text-align: center;
        margin: 0px 0px 0px 0px;
        width: 100%;
    }

    .campaignButtonContainer {
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 0px;
        width: 32%;
    }

    .campaignAddButton {
        height: 31px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        vertical-align: bottom;
        padding-right: 4px;
        min-width: 78px;
    }

    .campaignInstructionButton {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        height: 31px;
        padding-right: 4px;
    }

    .campaignQuickButton {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        height: 31px;
        min-width: 79px;
    }

    .media100 {
        width: 100%;
    }

    .historyChartControl {
        width: auto;
        display: block;
        height: auto;
        float: none;
        margin-bottom: 8px;
    }

    .homeInfoContainer {
        width: auto;
    }
    .pricingTable {
        display: block;
        margin-left: 0px;
        margin: 0px auto;
        float: none;
        width: 400px;
    }
}


@media screen and (max-width: 650px) {
    .bodyContainer {
        display: block;
        width: 100%;
        flex-direction: column;
    }

    /*.informationMenuMobileContainer {
        display: none;
    }

    .informationMenuMobile {
        width: 19%;
    }

    .mobileMenu {
        display: block;
    }

        .mobileMenu img {
            margin: 0px 2px 0px 2px;
        }

    .sideMenuContainer {
        display: none;
    }

    .flexItemHorizontalMenu {
        display: none;
    }*/

    .footerLinks {
        display: none;
    }

    .informationMenuContainer {
        border: 1px solid black;
        width: 100%;
        margin-right: 32px;
        display: none;
    }

    .informationMenuText {
        display: none;
    }

    .mobileMenu informationMenuMobile img {
        margin: 0px 6px 0px 0px;
        width: 19%;
    }

    .reportsControl {
        margin-left: 0%;
    }

    .rotatingAdsContainer {
        width: 100%;
    }

    .rotatingAds {
        padding-right: 0px;
        width: 100%;
    }

    .bottomMobileMenu {
        display: block;
        width: 100%;
    }

    .bottomInformation {
        width: 100%;
    }

    .bottomNavMenu {
        display: block;
        width: 100%;
    }

    .media100 {
        width: 100% !important;
    }
}


/*SECURITY MODEL STYLES*/
.formLabelSmall {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}


.accountCornerLink {
    color: #4E4C36;
    font-size: 10pt;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

    .accountCornerLink:link, .accountCornerLink:visited {
        color: #4E4C36;
        font-size: 10pt;
        text-decoration: none;
    }

    .accountCornerLink:hover, .accountCornerLink:active {
        color: #FD7010;
        font-size: 10pt;
        text-decoration: none;
    }



/*JEN*/
/* 
.fieldLabel::before
{background-image: url('/Resources/Images/active.png');
 content: "test";
 icon:url('/Resources/Images/active.png');
 
}

fieldLabel::before:hover {
    content:"hat";
    background-image: url('http://lorempixel.com/273/274/animals');
    position: absolute;
    top:50%;
    left: 50%;
    width: 273px;
    height: 274px;
}*/  
