/* Minification failed. Returning unminified contents.
(1406,14): run-time error CSS1036: Expected expression, found '!important'
(1410,14): run-time error CSS1036: Expected expression, found '!important'
(1414,14): run-time error CSS1036: Expected expression, found '!important'
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
    /*background-color: white;
    background-image: url('/Images/wave-background_grey.jpg');
    background-position: 1200px top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
    height: 100%;
    width: 100%;
    /*float: left;*/
}

body {
    font-family: Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    /*float: left;*/
    font-size: 10pt;
    font-size: 16px;
    line-height: 1.25em;
    color: #333333;
    /*background: #FAFAFA;*/
}

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

h1 {
    color: #528820;
    line-height: 32px;
    /*font-size: 18pt;*/
    margin: 30px 0px 15px 0px;
    /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5);*/
    color: #102044;
    font-size: 2em;
}

h2 {
    color: #23355E;
    line-height: 28px;
    /*font-size: 15pt;*/
    margin: 30px 0px 10px 0px;
    font-size: 1.625em;
}

h3 {
    color: #394B76;
    line-height: 24px;
    /*font-size: 12pt;*/
    margin: 30px 0px 10px 0px;
    font-size: 1.375em;
}

    h3 a {
        color: #102044;
    }

h4 {
    /*font-size: 11pt;*/
    line-height: 20px;
    margin: 20px 0px 10px 0px;
    font-size: 1.125em;
}

h5 {
    line-height: 18px;
    margin: 10px 0px 10px 0px;
    font-size: 1em;
}
.label-h4 {
    display: inline-block;
    width: 100%;
    padding: 10px 0 5px 0;
    margin: 0 0 10px 0;
    color: #394b76;
    border-bottom: 1px solid #DDDDDD;
}
p {
    line-height: 20px;
}

.disableable[disabled] {
    cursor: not-allowed;
    opacity: 0.25 !important;
}
.red {
    color: crimson;
}
.green {
    color: #528820;
}
a[disabled], img[disabled] {
    cursor: not-allowed;
    opacity: 0.25 !important;
}

a {
    text-decoration: none;
    color: #428BCA;
    cursor: pointer;
}
a.red {
    color: crimson;
}
    a:hover {
        text-decoration: underline;
    }
            a.pdf-link-button.blue:hover {
                background-color: #f7f7f7;
            }
        a.link-button {
            border: none;
            color: white;
            text-transform: uppercase;
            text-decoration: none;
            font-size: 9pt;
            letter-spacing: 1px;
            padding: 0 10px 0 10px;
            transition: background .25s;
            text-align: center;
            display: inline-block;
            height: 34px;
            line-height: 34px;
            border-radius: 3px;
            font-weight: normal;
            /*width: auto;*/
            /*box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);*/
        }

        a.link-button.blue {
            background: #102044;
        }

            a.link-button.blue:hover {
                background: #091022;
            }

        a.link-button.green {
            background: #528820;
        }

            a.link-button.green:hover {
                background: #3e6519;
            }

        a.link-button.red {
            background: crimson;
        }

            a.link-button.red:hover {
                background: #a30f2d;
            }
            a.link-button.white {
                background: white;
                color: #102044;
                border: 1px solid #102044;
            }

                a.link-button.white:hover {
                    background: #fafafa;
                }
        a.link-button.medium {
            height: 25px;
            line-height: 25px;
            padding: 0 7px;
            font-size: 8pt;
        }

    a.link-image-button {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 8px 10px;
        transition: background .25s;
        background-color: #528820;
        background-color: #102044;
    }

        a.link-image-button:hover {
            background: #999999;
        }
.print-button {
    height: 34px;
    line-height: 34px;
    color: #102044 !important;
    border: 1px solid #888888 !important;
    border-radius: 3px !important;
    background-image: url('/Images/pdfIcon.png');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-right: 30px !important;
    background-position: right 5px center;
    text-transform: uppercase;
    font-size: 9pt;
    padding: 0 10px 0 10px;
    cursor: pointer;
    background-color: white;
}

a.print-button {
    text-decoration: none;
}

.print-button:not([disabled]):hover {
    background-color: #eeeeee;
}
.print-button.disabled {
}
.accordianLink {
    background: rgba(82, 136, 32, 1);
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0px 10px;
    line-height: 2.5;
    height: 28px;
    border: none;
    text-align: center;
    outline: none;
    font-size: 9pt;
    transition: 0.4s;
    transition: background .25s;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .active, .accordianLink:hover {
        background: #3e6519;
    }

.accordianPanel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


ul.ul-table {
    margin: 10px 0px;
    list-style-type: none;
    padding: 0px;
}

    ul.ul-table li {
        margin: 0px;
        padding: 10px 20px;
        border-bottom: 1px solid #DDDDDD;
    }

        ul.ul-table li:first-child {
            border-top: 1px solid #DDDDDD;
        }

        ul.ul-table li:nth-child(even) {
            background-color: #FAFAFA;
        }

ul {
    list-style-type: disc;
    padding-left: 30px;
}

li {
    margin: 10px 0px;
}

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

ol {
    list-style: decimal;
    padding-left: 30px;
}

#wrapper {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 2300px;
    /*float: left;*/
}

header {
    z-index: 9999;
    width: 100%;
    height: 100px;
    /*background: #2A2738 url('/Images/2A2738-texture.png') left top repeat;*/ /*LOGOTEST*/
    background: #102044; /*LOGOTEST*/
    position: fixed; /*make abosolute to enable scrolling*/
    top: 0px;
    left: 0px;
    /*box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);*/
    /*border-bottom: 2px solid #394B76;*/
    /*box-shadow: inset -4px -4px 5px 0px rgba(255, 255, 255, 0.25);*/
}

    /*header .menu-button {
        position: absolute;
        top: 13px; right: 13px;
        border: 1px solid #102044;
        background: #102044;
        color: white;
        border-radius: 3px;
        display: none;
    }*/
    /*header .menu-button:active {
            background-color: #EEEEEE;
            color: #2A2738;
            transition: color .5s;
            transition: background-color .5s, color .5s;
        }*/

    header .logo {
        float: left;
        /*margin: 10px;*/ /*LOGOTEST*/
    }

        header .logo .header-image-full {
            /*height: 80px;*/
            height: 75px;
            margin: 10px 0px 0px 60px;
            /*width: 180px;*/ /*LOGOTEST*/
        }

        header .logo .header-image-just-ram {
            height: 50px;
            margin: 10px 0px 0px 30px;
        }

    header .RAMTitle {
        margin-top: 25px;
        font-family: Constantia, serif;
        font-size: 40px;
        color: white;
        position: absolute;
        top: 0px;
        left: 200px;
        width: 525px;
        background: #102044;
    }

    header .address {
        color: white;
        position: absolute;
        top: 15px;
        right: 20px;
    }

        header .address span {
            float: right;
            clear: right;
            margin: 2px;
        }
/*#banner {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100px;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.5);
    background: #102044;
    z-index: 999999;
}*/

nav {
    z-index: 9999;
    float: left;
    width: 200px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    /*background-color: #3a4764;*/
    background-color: #fafafa;
    /*background: #2A2738 url('/Images/2A2738-texture.png') left top repeat;*/ /*LOGOTEST*/
    /*background: #102044;*/ /*LOGOTEST*/
    position: fixed; /*make aboslute to enable scrolling*/
    /*top: 75px;*/ /*LOGOTEST*/
    top: 100px; /*LOGOTEST*/
    /*top: 110px;*/
    /*left: 0px;*/
    border-right: 1px solid #dddddd;
    margin: 0 auto;
    /*box-shadow: 1px 0px 5px 0px #666666;*/
    /*box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);*/
    /*border-right: 2px solid #394B76;*/
    /*box-shadow: inset -4px -4px 5px 0px rgba(255, 255, 255, 0.25);*/
}
.agencydropdown-header {
    position: fixed;
    top: 60px;
    right: 10px;
    width: 25%;
    max-width: 500px;
    text-align: right;
}
.agencydropdown-accountpanel {
    display: none;
}
.agencyname {
    text-align: right;
    position: fixed;
    top: 67px;
    right: 10px;
    font-size: .8em;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: none;
}
.button-bar {
    color: white;
    position: fixed;
    /*top: 60px;*/
    top: 5px;
    right: 10px;
}

.button-bar-button {
    height: 40px;
    background-color: #102044;
    background-repeat: no-repeat;
    background-size: 30px;
    /*background-size: 25px;*/
    background-position: 10px center;
    float: right;
    font-size: 9pt;
    /*border-right: 1px solid #666666;*/
    text-align: right;
    transition: background-color .5s, color .5s;
    cursor: pointer;
}

.button-bar-button-text {
    text-transform: uppercase;
    font-size: 9pt;
    line-height: 40px;
    margin: 0px 15px 0px 0px;
    float: right;
}

.button-bar .button-bar-button:first-child {
    border-right: none;
}

.button-bar-button-active {
    background-color: #FAFAFA !important;
    /* background-color:#DDDDDD !important;*/
    color: black !important;
}

.button-bar-panel {
    display: none;
    position: fixed;
    /*top: 100px;*/
    top: 45px;
    right: -1px;
    min-width: 300px;
    background: #FAFAFA;
    /*  background:#DDDDDD;*/
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);
    /*border: 1px solid #666666;*/
    border: 1px solid #C5C5C5;
    border-top: none;
    color: black;
    padding: 5px 0;
    border-radius: 3px 0 3px 3px;
    z-index: 99999999;
}

.button-bar-panel-title {
    margin: 20px 10px 10px 10px;
    color: black;
}

.button-bar-panel-content {
    margin: 10px;
}

.button-bar-panel .button-bar-menu {
    list-style-type: none;
    padding: 5px 10px;
}

    .button-bar-panel .button-bar-menu li {
        padding: 0px 0px;
        margin: 10px 0px;
    }
    .button-bar-panel .button-bar-menu li:first-child {
        margin-top: 0;
    }
        .button-bar-panel .button-bar-menu li:last-child {
            margin-bottom: 0;
        }
        .button-bar-panel .button-bar-menu li a {
            margin: 0px;
            width: 100%;
        }

.button-bar-input-wrapper {
    margin: 5px 0px;
}

    .button-bar-input-wrapper label {
        width: 100px;
        margin-top: 6px;
        color: black;
        font-weight: bold;
    }

.button-bar-input-wrapper-box {
    width: 125px !important;
}

.button-bar-input-wrapper-button {
    padding: 0px 10px !important;
    margin-left: 5px !important;
}

.user-panel {
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
}

    .user-panel .user-links {
        float: right;
        clear: right;
        /*margin: 2px 0px;*/
        margin: 0px;
        padding: 0px;
    }

        .user-panel .user-links li {
            display: inline-block;
            list-style-type: none;
            padding: 0px 10px 0px 5px;
            border-right: 1px solid #999999;
        }

            .user-panel .user-links li:last-child {
                padding-right: 0px;
                border-right: none;
            }

        .user-panel .user-links a {
            color: #CCCCCC;
        }

#Content {
    /*float: left;*/
    /*clear: left;*/
    min-height: 100%;
    background: #FAFAFA;
    /*background: transparent;*/
    /*position: relative;*/
    width: 100%;
}

    #Content .inner-content {
        /*padding-left: 200px;*/
        padding-top: 100px;
        /*float: left;*/
        /*clear: left;*/
        /*width: 1100px;*/
        /*min-width: 400px;*/
        /*padding-bottom: 120px;*/
        width: 100%;
        /*max-width: 1900px;*/
        /*width: 95%;*/
        /*max-width: 1400px;*/
        margin: 0 auto;
        background: #ffffff;
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
        border-left: 1px solid #fafafa;
        border-right: 1px solid #fafafa;
    }

        #Content .inner-content .inner {
            padding: 20px;
            /*padding: 20px 5%;*/
            /*float: left;*/
            /*clear: left;*/
            width: 100%;
            display: inline-block;
            min-height: 610px;
            padding: 0px 20px 20px 20px;
          
        }
        #Content .inner-content .inner-agent{
            padding-left: 210px;
        }

            #Content .inner-content .inner .inner-header {
                /*float: left;*/
                /*clear: left;*/
                width: 100%;
                border-bottom: 1px solid #DDDDDD;
                position: relative;
                /*min-height: 75px;*/
                background-size: cover;
                background-repeat: no-repeat;
                /*height: 200px;
                background-image: url('/Images/SlideShow/commercial.jpg');
                background-size: cover;
                background-color: rgba(255, 255, 255, 0.5);*/
            }

                #Content .inner-content .inner .inner-header h1 {
                    /**position: absolute;*/
                    bottom: 0px;
                    left: 0px;
                    /*!!!!!!!!!!!!changed h1 tag color!!!!!!!!!!!*/
                    color: #102044;
                    line-height: 1;
                    /*padding-left: .3em;*/
                }

    #Content .inner-content-body {
        /*float: left;*/
        /*clear: left;*/
        width: 100%;
    }

    #Content .content-nav {
        /*clear: left;*/
        width: 100%;
        margin-bottom: 20px;
        /*text-align: center;*/
    }

        #Content .content-nav ul .sub-menu {
            display: none;
        }

        #Content .content-nav ul {
            padding: 10px 0px;
            /*padding-bottom: 20px;*/
            border-bottom: 1px solid #DDDDDD;
        }

        #Content .content-nav li {
            display: inline-block;
            padding: 0px 10px;
            margin: 0px;
            font-size: .8em;
            /*border: 1px solid black;*/
        }

            #Content .content-nav li a {
                line-height: 30px;
                position: relative;
                text-decoration: none;
            }

            #Content .content-nav li:hover a:after {
                opacity: 1;
                /*-webkit-transform: translateY(0px);
                -moz-transform: translateY(0px);
                transform: translateY(0px);*/
            }

            #Content .content-nav li a::after {
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                height: 2px;
                background: #428bca;
                content: '';
                opacity: 0;
                -webkit-transition: opacity .5s, -webkit-transform .5s;
                -moz-transition: opacity .5s, -moz-transform .5s;
                transition: opacity .5s, transform .5s;
                -webkit-transform: translateY(5px);
                -moz-transform: translateY(5px);
                transform: translateY(5px);
            }

    #Content #footer {
        /*background: rgba(0, 0, 0, .10);*/
        background: #FAFAFA;
        /*float: left;*/
        /*clear: left;*/
        /*height: 100px;*/
        min-height: 75px;
        width: 100%;
        /*position: absolute;*/
        /*bottom: 0px;*/
    }

    #Content .footer-inner {
        /*margin-left: 200px;*/
        padding: 10px 20px;
        text-align: center;
        /*float: left;*/
        /*font-size: 8pt;*/
        font-size: .76em;
        line-height: .76em;
        width: 100%;
        /*padding-top: 20px;*/
    }

    #Content #footer .footer-inner .footer-menu {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
        font-size: 8pt;
        /*float: left; clear: left;*/
    }

        #Content #footer .footer-inner .footer-menu li {
            display: inline-block;
            padding: 0px 5px 0px 8px;
            margin: 0px 0px 0px 0px;
            border-left: 1px solid #999999;
        }

            #Content #footer .footer-inner .footer-menu li:first-child {
                padding-left: 0px;
                border-left: none;
            }

    #Content #footer .footer-inner .footer-socialMedia-menu {
        margin: 5px 0px 10px 0px;
        padding: 0px;
        list-style-type: none;
    }

        #Content #footer .footer-inner .footer-socialMedia-menu li {
            display: inline-block;
            padding: 0px 5px 0px 5px;
            margin: 0px 0px 0px 0px;
        }

            #Content #footer .footer-inner .footer-socialMedia-menu li img {
                /*height: 20px;*/
                height: 15px;
            }

    #Content #footer .footer-inner .contact-info {
        margin: 0px 0px 5px 0px;
        padding: 0px;
        list-style-type: none;
        /*float: left; clear: left;*/
    }

        #Content #footer .footer-inner .contact-info li {
            display: inline-block;
            padding: 0px 5px 0px 8px;
            margin: 5px 0px 0px 0px;
            border-left: 1px solid #999999;
        }

            #Content #footer .footer-inner .contact-info li:first-child {
                padding-left: 0px;
                border-left: none;
            }

    #Content #footer .footer-inner .copyright-info {
        margin: 5px 0px 0px 0px;
        line-height: 15px;
        /*float: left; clear: left;*/
    }

#InnerContentAsidePanel {
    float: left;
    width: 1000px;
    padding: 10px;
    border: 1px solid green;
}

.inner-content-aside-item {
    color: white;
    background: #102044;
    float: left;
    margin: 10px 0px;
    width: 100%;
}

.header-image {
    /*width: 100%; 
    height: auto; 
    margin-bottom: 20px;*/
    width: 50%;
    float: right;
    margin: 20px;
    border: 1px solid #DDDDDD;
}

*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.coverage-detail-list .details:nth-of-type(1) {
    margin-top: 0px;
}

.coverage-detail-list .details {
    margin-top: 10px;
}

    .coverage-detail-list .details .details-summary {
        font-size: 10pt;
        color: black;
    }

#LoginMenu, #AgentsAccountMenu, #PolicyholdersAccountMenu {
    padding: 0px;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.25);
    font-size: 9pt;
    letter-spacing: 1px;
    color: white;
    position: absolute;
    right: 5px;
    top: 27px;
    z-index: 999999;
}

    #LoginMenu ul, #AgentsAccountMenu ul, #PolicyholdersAccountMenu ul {
        position: absolute;
        padding: 0px;
        margin: 0px;
    }

    #LoginMenu li, #AgentsAccountMenu li, #PolicyholdersAccountMenu li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        #LoginMenu li a, #AgentsAccountMenu li a, #PolicyholdersAccountMenu li a {
            display: block;
            padding: 6px 10px;
            color: white;
            text-align: center;
            text-decoration: none;
            background: #528820;
            white-space: nowrap;
            background: #102044;
        }

        #LoginMenu li ul a, #AgentsAccountMenu li ul a, #PolicyholdersAccountMenu li ul a {
            background: #999999;
        }

            #LoginMenu li ul a:hover, #AgentsAccountMenu li ul a:hover, #PolicyholdersAccountMenu li ul a:hover {
                background: #555555;
            }

    #LoginMenu .ui-state-focus, #LoginMenu .ui-state-active, #AgentsAccountMenu .ui-state-focus, #AgentsAccountMenu .ui-state-active, #PolicyholdersAccountMenu .ui-state-focus, #PolicyholdersAccountMenu .ui-state-active {
        background: #999999;
        color: white;
    }

    #LoginMenu li ul li, #AgentsAccountMenu li ul li, #PolicyholdersAccountMenu li ul li {
        background: #999999;
        border-bottom: 1px solid #AAAAAA;
    }

        #LoginMenu li ul li:last-child, #AgentsAccountMenu li ul li:last-child, #PolicyholdersAccountMenu li ul li:last-child {
            border-bottom: none;
        }

    #LoginMenu .menu-no-link, #AgentsAccountMenu .menu-no-link, #PolicyholdersAccountMenu .menu-no-link {
        display: block;
        padding: 6px 10px;
        color: white;
        text-align: center;
        background: #528820;
        cursor: default;
        /*!!!!!!!!!!!!!!!!!!!!!!!Testing different background colors for buttons!!!!!!!!!!!!!!!!*/
        background: #102044;
        border: 1px solid white;
    }

    #LoginMenu > li:hover > .menu-no-link, #AgentsAccountMenu > li:hover > .menu-no-link, #PolicyholdersAccountMenu > li:hover > .menu-no-link {
        background: #999999;
        border-bottom: 1px solid #AAAAAA;
    }

#BusinessPartnersLogoutButton, #MCMCLogoutButton, #AllianceLogoutButton {
    position: absolute;
    right: 5px;
    top: 27px;
    text-transform: uppercase;
    display: block;
    padding: 6px 10px;
    color: white;
    text-align: center;
    text-decoration: none;
    background: #528820;
    white-space: nowrap;
    font-size: 9pt;
    transition: background .25s;
    /*!!!!!!!!!!!!!!!!!Button color here!!!!!!!!!!!!!!!!!!!!!!!!*/
}

    #BusinessPartnersLogoutButton:hover, #MCMCLogoutButton:hover, #AllianceLogoutButton:hover {
        background: #999999;
        background: #3e6519;
    }

/*************************************/
/*
 *  Main Menu
 */
.mainMenu {
    /*margin-top: 25px;*/
}

    .mainMenu .menu {
        /*width: 200px;*/
        padding: 0px;
        text-transform: uppercase;
        /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.25);*/
        font-size: 10pt;
        letter-spacing: 1px;
        margin-top: 20px;
    }

        .mainMenu .menu ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            display: none;
            position: absolute;
            z-index: 99999999;
            white-space: nowrap; /* This forces each item to 1 line */
            /*box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);*/
            background: #D5D5D5;
        }

            .mainMenu .menu ul li {
                position: relative;
                display: block;
                /*    border-top: 1px solid #C5C5C5;*/
            }

                .mainMenu .menu ul li a:hover {
                    background: #C5C5C5;
                    /*padding: 0px 5px;*/
                }

                .mainMenu .menu ul li a {
                    color: #102044;
                }

            .mainMenu .menu ul ul {
                top: 0;
                left: 100%;
            }

        .mainMenu .menu li {
            z-index: 9999999;
            margin: 0;
            padding: 0;
            display: block;
            position: relative;
        }

            .mainMenu .menu li:last-child {
                /*border-bottom: none !important;*/
            }

            .mainMenu .menu li a {
                display: block;
                padding: 9px 5px 9px 15px;
                min-width: 200px;
                color: #102044;
                font-size: 1.2em;
                font-size: 1.1em;
                text-align: left;
                text-decoration: none;
                font-weight: 600;
            }

            .mainMenu .menu li ul li {
                /*background: #D5D5D5;*/
                /*border-bottom: 1px solid #C5C5C5;*/
                /*background: #FAFAFA;*/
                border-bottom: 1px solid #cccccc;
                background: #dddddd;
                /*  background:#DDDDDD;*/
                /*!!!!!!!!!!!!!!!!Color changed here AND BORDER STUFF!!!!!!!!!!!!!!*/
            }
                .mainMenu .menu li ul li:first-child {
                    border-top: none !important;
                }



        .mainMenu .menu .ui-state-focus, .mainMenu .menu .ui-state-active {
            /*background: #D5D5D5;*/
            color: #102044;
            /*background: #FAFAFA;*/
            background: #dddddd;
            /* background:#DDDDDD;*/
            /*!!!!!!!!!!!!!!!!!!!!main menu links background color change!!!!!!!!!!!!!!!!!!!!!*/
        }
/*
    Menu is part of document so when it opens it pushes everything down
    */
.acdnMenu {
    width: 100%;
    background: #f5f5f5;
    /*box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);*/
    display: none;
    /*float: left; clear: left;*/
    /*margin-top: 70px;*/
}

    .acdnMenu::-webkit-scrollbar {
        width: 0px;
    }

    .acdnMenu .menu {
        width: 100%;
        margin: 0px;
        padding: 0px;
        border-bottom: 5px solid transparent;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.25);
        letter-spacing: 1px;
        border-bottom: 1px solid #E5E5E5;
    }

        .acdnMenu .menu, .acdnMenu .menu ul {
            list-style: none;
        }

            .acdnMenu .menu li {
                width: 100%;
                margin: 0px;
                border-top: 1px solid #E5E5E5;
            }

            .acdnMenu .menu a {
                text-decoration: none;
                display: block;
                padding: 10px 0px;
                margin: 0px;
            }

            .acdnMenu .menu .ui-accordion-content {
                background: #D5D5D5;
                padding: 0px;
            }

                .acdnMenu .menu .ui-accordion-content a {
                    color: #102044;
                }

                .acdnMenu .menu .ui-accordion-content li:hover {
                    background: #C5C5C5;
                }

            .acdnMenu .menu .ui-accordion-header {
                color: #102044;
            }

            .acdnMenu .menu .ui-accordion-content li {
                border-top: 1px solid #C5C5C5;
            }

                .acdnMenu .menu .ui-accordion-content li ul {
                    font-size: smaller;
                    border: none;
                }

                    .acdnMenu .menu .ui-accordion-content li ul li {
                        padding: 2px 0px;
                    }

                        .acdnMenu .menu .ui-accordion-content li ul li:hover {
                            background: #EEEEEE;
                        }


.small-table {
    font-size: 9pt;
}

    .small-table tr {
    }

    .small-table th {
        padding: 10px 15px !important;
        vertical-align: bottom;
    }

    .small-table td {
        padding: 5px 15px !important;
        vertical-align: middle;
    }

.table-grid.alternate tr:nth-child(even) td {
    background-color: #FAFAFA;
}
/*
 *   Grid Styles
 */
/*.table-grid-wrapper {
    overflow-x: auto;
}

.table-grid {
    background-color: white;
}

    .table-grid tr {
        border-bottom: 1px solid #DDDDDD;
    }

        .table-grid tr:nth-child(even) td {
            background-color: #FAFAFA;
        }

    .table-grid td {
        padding: 6px 20px;
        vertical-align: middle;
        line-height: 18px;
    }

        .table-grid td.command-cell {
            padding: 0px 5px;
        }

            .table-grid td.command-cell a {
                text-decoration: none;
            }

                .table-grid td.command-cell a img {
                    height: 22px;
                }

            .table-grid td.command-cell input[type="image"] {
                height: 22px;
            }

    .table-grid th {
        padding: 15px 20px;
        font-weight: bold;
        color: white;
        background-color: #102044;
        vertical-align: bottom;
    }

    .table-grid .sub-heading {
        color: #6F6693;
        font-size: 14pt;
        font-weight: bold;
        padding: 15px 20px;
        text-align: center;
        color: #102044;
    }

.no-results {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 15px 20px;
    background-color: #FAFAFA;
    color: crimson;
    line-height: 18px;
}

.table-grid-footer-row {
    border: none !important;
}

    .table-grid-footer-row td {
        background-color: #EEEEEE !important;
    }*/

.ram-responsive-table-head-blank {
    display: none;
}

.ram-responsive-table-cell-label {
    font-weight: bold;
    display: none;
    vertical-align: middle;
}

.ram-responsive-table-cell-hidden {
    /*display: normal;*/
}

/* Info Dialog Styles*/

/*.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }*/

/* Table Sorter Styles*/
.tablesorter .tablesorter-header {
    background-image: url('/Images/TableSorter/asc-desc.png');
    background-repeat: no-repeat;
    background-position: right 5px center;
    /*background-position: center right;*/
    cursor: pointer;
}

    .tablesorter .tablesorter-header:hover {
        background-image: url('/Images/TableSorter/asc-desc-hov.png');
    }

.tablesorter th.tablesorter-headerAsc {
    background-image: url('/Images/TableSorter/asc.png');
}

    .tablesorter th.tablesorter-headerAsc:hover {
        /*background-image: url('/Images/TableSorter/asc-hov.png');*/
        background-image: url('/Images/TableSorter/asc.png');
    }

.tablesorter th.tablesorter-headerDesc {
    background-image: url('/Images/TableSorter/desc.png');
}

    .tablesorter th.tablesorter-headerDesc:hover {
        /*background-image: url('/Images/TableSorter/desc-hov.png');*/
        background-image: url('/Images/TableSorter/desc.png');
    }

.tablesorter .sorter-false {
    background-image: none !important;
    cursor: default !important;
}



.focus-highlight td:focus::after, .focus-highlight th:focus::after {
    background-color: lightblue;
}




.tablesorter-pager {
   margin: 10px 0;
}

.tablesorter-pager-nav {
    display: inline-block;
}

    .tablesorter-pager-nav .first, .tablesorter-pager-nav .prev, .tablesorter-pager-nav .next, .tablesorter-pager-nav .last {
        /*float: left;*/
        display: inline-block;
        vertical-align: middle;
    }

.tablesorter-pager .first, .tablesorter-pager .next {
    margin-right: 5px;
}

.tablesorter-pager .gotoPage {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.tablesorter-pager .pagesize {
    float: right;
    clear: left;
}

.tablesorter-pager .disabled, .tablesorter-pager .disabled .gotoPage {
    opacity: 0.25;
    filter: alpha(opacity=25);
    cursor: default !important;
}

.user-data {
    float: right;
    /*clear: right;*/
}

.user-data-welcome {
    padding-bottom: 10px;
    float: right;
    clear: right;
}

.user-data-action-list {
    float: right;
    clear: right;
}

    .user-data-action-list li {
        display: inline;
        border-right: 1px solid #CCCCCC;
        padding: 0px 10px;
    }

        .user-data-action-list li:last-child {
            border-right: none;
            padding-right: 0px;
        }

.user-data-account-select {
    margin-top: 10px;
    float: right;
    clear: right;
}

.user-data-account-dropdown {
    padding: 0px 4px;
}

.show-on-shrink {
    display: none !important;
}
.show-on-shrink-large {
    display: none !important;
}
.show-on-shrink-larger{
    display: none !important;
}

.hide-on-shrink {
    display: !important;
}

hide-on-shrink-large {
    display: !important;
}

.hide-on-hendheld {
    display: !important;
}

/* Inqury Styles*/
.inquiry-heading {
    font-weight: bold;
    color: #102044;
    font-size: 13pt;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #DDDDDD;
}

.details-table, .details-edit-table {
    width: 100%;
    /*max-width: 500px;*/
}

    .details-table td, .details-edit-table td {
        width: 45%;
        /*padding: 4px 0px;*/
        line-height: 20px;
    }

    .details-edit-table td {
        line-height: 30px;
    }

.inquiry-label {
    font-weight: bold;
    /*margin-right: 10px;*/
}

    .inquiry-label::after {
        content: ":";
    }

/*.double-row-table {
    width: 100%;
}*/

    .double-row-table tr:nth-child(odd) {
        border-bottom: none;
    }

    /*.double-row-table tr:nth-child(even) {
        border-top: none;
    }*/

        .double-row-table tr:nth-child(even) td {
            background: white;
        }

    .double-row-table tr:nth-child(4n) td {
        background-color: #FAFAFA;
    }

    .double-row-table tr:nth-child(4n-1) td {
        background-color: #FAFAFA;
    }

    .double-row-table td.empty-row {
        padding: 0px;
    }


/*
    Wizard Steps
    */
.wizard-steps-nav {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 0;
}

.wizard-steps-nav-step {
    list-style-type: none;
    display: inline-block;
    padding: 0 2px;
    margin: 0;
    font-size: 10pt;
    /*float: left;*/
    /*height: 100%;*/
}

    .wizard-steps-nav-step:last-child {
        padding-right: 0px;
    }

    .wizard-steps-nav-step:first-child {
        padding-left: 0px;
    }

    .wizard-steps-nav-step a, .wizard-steps-nav-step span {
        background: #102044;
        border-radius: 3px;
        padding: 0 10px;
        text-decoration: none;
        float: left;
        color: white;
        font-weight: bold;
        width: 100%;
        height: 40px;
        line-height: 40px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        transition: background .25s;
        /*height: 100%;*/
    }
/*.wizard-steps-nav-step-unavailable a, .wizard-steps-nav-step-unavailable span {
    color: #bbbbbb;
}*/
.wizard-steps-nav-step-available a:hover {
    background: #102044;
}

.wizard-steps-nav-step-current span {
    background: #DDDDDD;
    color: black;
}

.width-25pct {
    width: 25%;
}

.width-33pct {
    width: 33%;
}

.width-34pct {
    width: 34%;
}

.width-50pct {
    width: 50%;
}

.width-100pct {
    width: 100%;
}

.opacity-100-hover {
    opacity: .75 !important;
}

    .opacity-100-hover:hover {
        opacity: 1.0 !important;
        transition: opacity .5s;
    }

.warning-banner {
    border: 2px solid DarkOrange;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 1000px;
    background: rgba(255,69,0,0.025);
}
.error-banner {
    border: 2px solid crimson;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 1000px;
    background: rgba(220,20,60, 0.025);
}

.success-banner {
    border: 2px solid #528820;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 1000px;
    background: rgba(82,136,32,0.025);
}

.info-banner {
    border: 2px solid #102044;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 20px;
    max-width: 1000px;
    background: rgba(16,32,68,0.025);
}

#GolfOutingPhotoListLeft {
    width: 50%;
    float: left;
    padding-right: 10px;
}

#GolfOutingPhotoListRight {
    width: 50%;
    float: right;
    padding-left: 10px;
}

.golf-photo-list {
    padding: 0px;
    margin: 0px;
}

    .golf-photo-list li {
        width: 100%;
        list-style-type: none;
        float: left;
        padding: 10px 0px;
        margin: 0px;
        border: 1px solid #cccccc;
        padding: 5px;
        margin-bottom: 10px;
    }

        .golf-photo-list li img {
            width: 100%;
            cursor: pointer;               
        }



/*.button-list-panel {
    margin: 0px 0px;
    display: inline-block;
    width: 100%;
}

    .button-list-panel a, .button-list-panel input[type="button"], .button-list-panel input[type="submit"] {
        float: left;
        margin: 5px;
    }*/

.button-list-panel {
    overflow: hidden;
}

    .button-list-panel .left {
        float: left;
        margin: 2.5px 5px 2.5px 0;
    }

    .button-list-panel .right {
        float: right;
        margin: 2.5px 0 2.5px 5px;
    }
/*
                Agent meetings styles
            */
.locations {
    font-size: 0;
}
.locations-set {
    font-size: 11pt;
    display: inline-block;
    width: 50%;
    margin: 0px;
    padding: 0px;
}

.locations-set-location {
    list-style-type: none;
    text-align: center;
    margin: 0px;
    padding: 20px;
}

.locations-set-location-day {
    margin: 0px;
    line-height: 15px;
}

.locations-set-location-time, .locations-set-location-location, .locations-set-location-address, .locations-set-location-csz {
    line-height: 18px;
}
.locations-set-location-location {
    font-weight: bold;
    font-style: italic;
}
.locations-set-location-radio {
    margin: 10px;
}
.sideline {
    font-size: .80em;
    color: #212020;
    color: #528820;
}

.sidelineB {
    font-size: .90em;
    color: #212020;
    color: #528820;
}

.agentInfo {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.premiums {
    width: 49%;
    float: right;
}

.appLinks {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

    .appLinks li {
        display: inline-block;
        padding-right: 5%;
        padding-top: 0px;
    }

        .appLinks li:last-child {
            padding-right: 0px;
        }

        .appLinks li a {
            text-decoration: underline;
        }

.meeting-left{
    width: 50%;
    float: left;

}
.meeting-right{
    width: 50%;
    float: right;
}
.meeting-left h3, .meeting-right h3{
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
}



.meetingDiv{
    font-weight: bold;
    padding-bottom: 10px;

}

.imageDiv{
    width: 100%;
    margin: 0 auto;
}
.riverImage{

    float: right;
    padding: 10px;
    border: 1px solid #cccccc;
    margin-right: 0px;
    margin-top: 30px;
}
.meetingH3{
    margin-top: 5px;
}
.meetingP{
    margin-right: 10px;
}
.meetingWrapper{
    min-height: 200px;
}

.no-results {
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 15px;
    background-color: #FAFAFA;
    color: crimson;
}
.no-details {
    text-align: center;
    color: darkgray;
    font-weight: bold;
}

.helpMenu {
    overflow: hidden;
    display: inline-block;
    z-index: 99999999;
}

    .helpMenu .helpMenuBtn {
        border: none;
        color: white;
        text-transform: uppercase;
        text-decoration: none;
        font-size: 9pt;
        letter-spacing: 1px;
        padding: 0 10px 0 10px;
        transition: background .25s;
        text-align: center;
        display: inline-block;
        height: 34px;
        line-height: 34px;
        border-radius: 3px;
        font-weight: normal;
        background-color: #102044;
        cursor: pointer;
        float: right;
    }

.helpMenuContent {
    clear: right;
    display: none;
    /*position: absolute;*/
    /*margin-top: 34px;*/
    background-color: #fafafa;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99999999;
    border: 1px solid #dddddd;
}

    .helpMenuContent .helpMenuContentItem {
        float: none;
        color: #102044;
        padding: 10px 10px;
        text-decoration: none;
        display: block;
        text-align: left;
        border-bottom: 1px solid #dddddd;
        cursor: pointer;
    }

        .helpMenuContent .helpMenuContentItem:hover {
            background-color: #ddd;
        }

.helpMenu:hover .helpMenuContent {
    display: block;
}
.section {
    /*margin-bottom: 20px;*/
}

.section-inner {
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    width: 100%;
}

.section-inner-heading {
    background: #F7F7F7;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    color: #394B76;
    line-height: 24px;
    font-size: 1.375em;
    font-weight: bold;
    position: relative;
    display: inline-block;
    width: 100%;
}

.section-inner-heading-icon {
    margin-right: 10px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}

.section-inner-heading-title {
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 1600px) {
    #InnerContentAsidePanel {
        width: 200px;
    }
}
@media screen and (max-width: 1500px) {
    /*.show-on-shrink-large {
        display: block !important;

    }
    .hide-on-shrink-large{
        display: none !important;
    }*/
    .show-on-shrink-larger{
        display: block !important;
    }
    header{
        height: 65px;
        width: 100%;
        min-width: 300px;
    }
    header .logo .header-image-full{
        height: 45px;
    }
    #Content{
        width: 100%;
        margin-top: 65px;
    }

    #Content .inner-content{
        padding-top: 0px;
        /*padding-left: 20px;*/
        padding-left: 10px;
        width: 100%;
    }
    /*nav{
        display: none;
    }*/
    /*#Content .inner-content .inner-agent {
        padding-left: 10px;
    }*/
    .warning-banner {
        width: 100%;
    }
    nav{
        top: 65px;
    }
    .agencydropdown-header {
        display: none;
        /*width: 100%;
        top: 44px;*/
    }
    .agencydropdown-accountpanel {
        display: block;
    }
    .agencyname {
        /*display: block;*/
        width: 100%;
        top: 44px;
    }
}

/*
    Only use this media query for button-bar things
    */
@media screen and (max-width: 1125px) {
    .button-bar {
        right: 10px;
    }

    .button-bar-button {
        width: 40px !important;
        height: 40px;
        background-position: center center;
        padding: 0px 0px 0px 50px;
        border-right: none;
    }

    .button-bar-button-text {
        display: none;
    }

    .button-bar-panel {
        right: 9px;
    }
}

@media screen and (max-width: 1100px) {
    #Content .inner-content {
        width: 100%;
    }

    #Content #footer {
        width: 100%;
    }
       .riverImage{

        display: none;
 
    }
    .meeting-left{
        width: 100%;
        float: left;

    }
     .meeting-right{
        width: 100%;
        float: left;
        background-image: url(/Images/riv3.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 200px;
        margin-top: 10px;     


    }
}

@media screen and (max-width: 900px) {
    .header-image {
        width: 100%;
        height: auto;
        margin: 0px 0px 20px 0px;
    }
    nav {
        display: none;
    }
    .show-on-shrink-large {
        display: block !important;
    }

    .hide-on-shrink-large {
        display: none !important;
    }
    #Content .inner-content .inner-agent {
        padding-left: 10px;
    }
}

@media screen and (max-width: 670px) { /*670 needed for iPhone 6 (not 6+)*/
    .table-grid-wrapper {
        overflow: auto;
    }

    .ram-responsive-table {
        border-top: 1px solid #DDDDDD;
    }

    .ram-responsive-table-cell {
        max-width: none !important;
    }

    .ram-responsive-table thead {
        display: none;
    }

    .ram-responsive-table td:first-child {
        padding-top: 10px;
    }

    .ram-responsive-table td:last-child {
        padding-bottom: 10px;
    }

    .ram-responsive-table tbody td, .ram-responsive-table tfoot td {
        display: block;
        width: 100%;
        float: left;
        clear: left;
        text-align: left !important;
    }

    .ram-responsive-table-cell-label, .ram-responsive-table-cell-data {
        display: block;
        width: 50%;
    }

    .ram-responsive-table-cell-label {
        float: left;
    }

    .ram-responsive-table-cell-data {
        float: right;
    }

    .ram-responsive-table-cell-hidden {
        display: none !important;
    }

    header {
        height: 65px;
        width: 100%;
        min-width: 300px;
    }

        /*header .menu-button {
            display: block;
        }*/

        /*header .logo {
            width: 115px;
            overflow: hidden;
        }*/

        header .logo .header-image-full {
            margin-left: 13px;
            height: 45px;
        }

        header .RAMTitle {
            display: none;
        }
    /*.user-panel {
            top: 0px; right: 0px;
        }*/
    /*.user-panel .user-name {
        display: none;
    }*/
    .user-panel .user-links {
        /*margin: 0px; padding: 0px;*/
    }

        .user-panel .user-links li {
            /*margin: 0px;*/
        }
    .agencyname {
        display: none;
    }
    .button-bar-button {
        height: 65px;
        width: 65px !important;
        background-size: 40px;
    }

    .button-bar {
        top: 0px;
        right: 0px !important;
        /*margin-left: 200px;*/
    }

    .button-bar-panel {
        top: 65px;
        width: 100%;
        border-left: none;
        border-right: none;
        right: 0px !important;
    }

    nav {
        /*margin-left: -225px;*/
        display: none;
    }

    #Content {
        width: 100%;
        margin-top: 65px;
    }

        #Content .nav-shrunk {
            background: #f5f5f5;
            height: 40px;
        }

            #Content .nav-shrunk #btnMenuToggle {
                float: left;
                margin: 6px 0px 0px 12px;
                width: 30px;
                background-color: transparent;
                background-image: url('/Images/menu-button.png');
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

        #Content .inner-content .inner {
            /*padding: 20px 5%;*/
            width: 100%;
            padding-left: 10px;
        }
        #Content .inner-content .inner-agent {
            padding-left: 10px;
        }

        #Content .inner-content {
            padding-top: 0px;
            /*padding-left: 0px;*/
            padding-left: 10px;
            width: 100%;
        }

        #Content .footer-inner {
            margin-left: 0px;
        }

    .show-on-shrink {
        display: block !important;
    }


    .hide-on-shrink {
        display: none !important;
    }

    .width-100pct-shrunk {
        width: 100%;
    }

    .width-33pct-shrunk {
        width: 33%;
    }

    .width-34pct-shrunk {
        width: 34%;
    }

    .width-48pct-shrunk {
        width: 48%;
    }

    .width-50pct-shrunk {
        width: 50%;
    }

    .wizard-steps-nav-step {
        width: 50% !important;
    }

    .wizard-steps-nav .wizard-steps-nav-step:nth-child(even) {
        padding: 0 0 0 2px;
    }

    .wizard-steps-nav .wizard-steps-nav-step:nth-child(odd) {
        padding: 0 2px 0 0;
    }

    .policyholder-user-accounts-ddl {
        width: 100%;
    }

    .payment-account-policy {
        width: 100%;
    }

    .payment-account-billing {
        width: 100%;
        margin-top: 5px;
    }

    .payment-account-actions .action {
        margin: 5px 0px 0px 0px;
        width: 100%;
    }
    /*!!!!!!!!!!!!!!!Messing around with product images on shrink here!!!!!!!!!!!*/
    /*#Content .inner-content .inner .inner-header {
        max-height: 110px;
        overflow: hidden;
    }*/

    #GolfOutingPhotoListLeft {
        width: 100%;
        padding: 0px;
    }

    #GolfOutingPhotoListRight {
        width: 100%;
        float: left;
        padding: 0px;
    }

    /*.button-list-panel a, .button-list-panel input[type="button"], .button-list-panel input[type="submit"] {
        margin: 5px 0px;
        width: 100%;
    }*/

    .button-list-panel .right-shrunk {
        float: right;
    }
    .button-list-panel .left.width-50-percent-shrunk, .button-list-panel .left.width-100-percent-shrunk {
        margin-right: 0;
    }

    .button-list-panel .right.width-50-percent-shrunk, .button-list-panel .right.width-100-percent-shrunk {
        margin-left: 0;
    }

    .button-list-panel.margin-on-shrink input[type="button"], .button-list-panel.margin-on-shrink input[type="submit"], .button-list-panel.margin-on-shrink .link-button {
        margin: 5px 0;
    }

    .button-list-panel .width-50-percent-shrunk {
        width: 49%;
    }

    .button-list-panel .right.width-100-percent-shrunk {
        float: none;
    }

    .button-list-panel .width-100-percent-shrunk {
        width: 100%;
    }

    .locations-set {
        width: 100%;
        clear: left;
    }
        .agentInfo {
        width: 100%;
        float: left;
        margin: 0 auto;
    }

    .premiums {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .meeting-left{
        width: 100%;
        float: left;
        margin-right: 0px;
    }
    .meeting-right{
        width: 100%;
        float: left;
    }
    .meeting-left h3{
        margin-right: 0px;
    }
   
}

@media handheld {
    .hide-on-hendheld {
        display: none;
    }
}

@media print {
    .table-grid-wrapper {
        overflow-x: auto;
    }

    .dontPrint {
        display: none;
    }
}



@media screen and (max-height: 500px) {
    .mainMenu .menu li a {
        padding-top: 6px;
        padding-bottom: 6px;
    }
}
.table-grid-wrapper {
   overflow-x: auto;
}

.table-grid {
    background-color: white;
}

    .table-grid.alternating-rows tbody tr:nth-child(even) td {
        background-color: #F7F7F7;
    }

    .table-grid tbody tr {
        border-bottom: 1px solid #DDDDDD;
    }
    .table-grid tbody tr.border-on-shrink {
        border: none;
    }

        /*.table-grid tbody tr.alternate-row {
            background: #F6F6F6;
        }*/

    .table-grid tbody td {
        padding: 6px 10px;
        vertical-align: middle;
        line-height: 18px;
    }

    .table-grid tfoot td {
        padding: 6px 20px;
        vertical-align: middle;
        line-height: 18px;
        padding: 10px;
    }


    .table-grid tfoot tr {
        border-bottom: 1px solid #DDDDDD;
    }

    .table-grid td.command-cell {
        padding: 0 5px;
    }

        .table-grid td.command-cell a {
            text-decoration: none;
        }

            .table-grid td.command-cell a img {
                height: 22px;
            }

        .table-grid td.command-cell input[type="image"] {
            height: 22px;
        }

    .table-grid th {
        padding: 15px 10px;
        font-weight: bold;
        color: white;
        background: #102044;
    }
        .table-grid th:first-child {
            /*border-radius: 3px 0 0 3px;*/
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        .table-grid th:last-child {
            /*border-radius: 0 3px 3px 0;*/
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .table-grid .sub-heading {
        color: #6F6693;
        font-size: 14pt;
        font-weight: bold;
        padding: 15px 20px;
        text-align: center;
        color: #102044;
    }

.table-grid-footer-row {
    border: none !important;
}

    .table-grid-footer-row td {
        background-color: #EEEEEE !important;
    }

.table-grid.small thead th {
    padding: 5px 10px;
    font-size: 10pt;
}

.table-grid.small tbody td {
    padding: 3px 10px;
}

.table-grid.small tfoot td {
    padding: 3px 10px;
}

.table-grid.medium thead th {
    padding: 10px 10px;
    font-size: 10pt;
}

.table-grid.medium tbody td {
    padding: 5px 10px;
}

.table-grid.medium tfoot td {
    padding: 5px 10px;
}

.table-grid tr.invalid {
    border: 1px solid rgba(220,20,60,0.50);
    background: rgba(220,20,60,0.05);
}
.table-grid tfoot.add-item {
    background: #F7F7F7;
    cursor: pointer;
    color: #666666;
    font-size: 18px;
    line-height: 40px;
    transition: color .2s, background .2s;
}
    .table-grid tfoot.add-item tr:hover {
        background: ivory;
    }

    .table-grid tfoot.add-item td {
        padding: 8px 0;
        text-align: center !important;
    }

@media screen and (max-width: 670px) {
    .table-grid tbody tr.border-on-shrink {
        border-bottom: 1px solid #DDDDDD;
    }
}
* {
    box-sizing: border-box;
}

.rlf .rid {
    position: absolute;
    right: 10px;
}

/*
    Validtion error styles
*/
.validation-summary-valid {
    display: none;
}

.validation-summary-errors {
    border: 2px solid crimson;
    border-radius: 3px;
}


    .validation-summary-errors span {
        padding: 5px;
        display: block;
        color: white;
        font-weight: bold;
        background-color: crimson;
    }

    .validation-summary-errors ul {
        line-height: 18px;
        padding-left: 30px;
        padding-right: 10px;
    }

        .validation-summary-errors ul li {
            margin: 10px 0;
        }

.input-validation-error {
    border: 1px solid crimson !important;
    box-shadow: 0px 0px 5px 0px rgba(220, 20, 60, 0.50) !important;
}

input[type="radio"].input-validation-error, input[type="checkbox"].input-validation-error {
    border: initial !important;
    box-shadow: none !important;
}

.editor-error {
    vertical-align: top;
    display: block;
    color: crimson;
    margin-top: 0;
    font-size: 8pt;
    line-height: 14px;
}
    .editor-error.large {
        font-size: 10pt;
        line-height: 20px;
    }

/*
    General editor styles
*/
.editor-label {
    font-weight: bold;
    color: #666666;
    position: relative;
}

    .editor-label .editor-info-button {
        position: absolute;
        right: 5px;
        top: 50%;
        margin: -9px 0 0 0;
    }

.editor-input-40px {
    width: 40px;
}

.editor-input-45px {
    width: 45px;
}

.editor-input-50px {
    width: 50px;
}

.editor-input-75px {
    width: 75px;
}

.editor-input-100px {
    width: 100px;
}

.editor-input-125px {
    width: 125px;
}

.editor-input-150px {
    width: 150px;
}

.editor-input-200px {
    width: 200px;
}

.editor-input-250px {
    width: 250px;
}

.editor-input-300px {
    width: 300px;
}

.editor-input-350px {
    width: 350px;
}

.editor-input-400px {
    width: 400px;
}

.editor-input-50pct {
    width: 50%;
}

.editor-input-100pct {
    width: 100%;
}

.display-label {
    font-weight: bold;
    color: #666666;
    position: relative;
}

/*
    data-set-inline
*/
.data-set-inline {
    font-size: 0;
    padding: 5px 0;
}

    .data-set-inline .editor-wrapper {
        display: inline-block;
        padding: 0 5px 0 5px;
        vertical-align: top;
        font-size: 10pt;
    }

        .data-set-inline .editor-wrapper .rlf .rid {
            right: 0px;
            bottom: 0px;
        }

        .data-set-inline .editor-wrapper:last-child {
            padding-right: 0;
        }

    .data-set-inline .editor-label {
        width: 100%;
        line-height: 22px;
        display: block;
    }

    .data-set-inline .editor-input-wrapper {
        /*float: left;*/
    }

/*
    data-set-col1  
*/
.data-set-col1 {
    width: 100%;
}

    .data-set-col1 .editor-wrapper {
        width: 100%;
        padding: 5px;
        font-size: 0;
        line-height: 20px;
    }

    .data-set-col1.label-above .editor-wrapper .rlf .rid {
        right: 0px;
        bottom: 3px;
    }

    .data-set-col1.label-above .editor-wrapper, .data-set-col1 .editor-wrapper.label-above {
        margin: 10px 0px;
    }

    .data-set-col1 .editor-label {
        font-size: 10pt;
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-top: 8px;
    }

    .data-set-col1.label-above .editor-label, .data-set-col1 .editor-wrapper.label-above .editor-label {
        width: 100%;
        display: block;
    }

    .data-set-col1 .editor-input-wrapper {
        font-size: 10pt;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

    .data-set-col1.label-above .editor-input-wrapper, .data-set-col1 .editor-wrapper.label-above .editor-label-input-wrapper {
        width: 100%;
        display: block;
    }

    .data-set-col1 .editor-input {
        vertical-align: middle;
    }

    .data-set-col1 .editor-error {
        width: 100%;
    }

    /*
    data-set-col1 display  
*/

    .data-set-col1 .display-wrapper {
        width: 100%;
        padding: 10px 5px;
        font-size: 0;
        line-height: 20px;
    }
    .data-set-col1 .display-wrapper .rlf .rid {
        position: relative;
        right: unset;
        bottom: unset;
        margin-left: 10px;
    }
        .data-set-col1.label-above .display-wrapper, .data-set-col1 .display-wrapper.label-above {
            margin: 10px 0px;
        }

    /*.data-set-col1.small {
        margin: 5px 0;
    }*/

        .data-set-col1.small .display-wrapper {
            padding: 0 5px;
            margin: 0px 0px 5px 0px;
        }

            .data-set-col1.small .display-wrapper:last-child {
                margin-bottom: 0px;
            }

    .data-set-col1.verysmall {
        margin: 0;
    }

        .data-set-col1.verysmall .display-wrapper {
            padding: 0 5px;
            margin: 0;
        }

            .data-set-col1.verysmall .display-wrapper:last-child {
                margin-bottom: 0;
            }

    .data-set-col1 .display-label {
        width: 50%;
        font-size: 10pt;
        display: inline-block;
        vertical-align: middle;
    }

    .data-set-col1.label-above .display-label, .data-set-col1 .display-wrapper.label-above .display-label {
        width: 100%;
        display: block;
    }

    .data-set-col1 .display-data-wrapper {
        width: 50%;
        font-size: 10pt;
        display: inline-block;
        vertical-align: middle;
        /*margin-top: 8px;*/
    }

    .data-set-col1.label-above .display-data-wrapper, .data-set-col1 .display-wrapper.label-above .display-data-wrapper {
        width: 100%;
        display: block;
    }

    .data-set-col1.right .display-data-wrapper, .data-set-col1 .display-data-wrapper.right {
        text-align: right;
    }

/*
    4 Column type editor set.  
*/

.data-set-col3 {
    display: block;
    width: 100%;
    font-size: 0;
    padding: 5px 0;
}

    .data-set-col3 .editor-wrapper {
        font-size: 10pt;
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 0 5px 0 5px;
    }
    /*.data-set-col3 .editor-wrapper:nth-child(2) {
            width: 34%;
        }*/
    .data-set-col3 .editor-wrapper-colspan2 {
        width: 66.67%;
    }

    .data-set-col3 .editor-wrapper-colspan3 {
        width: 100%;
    }

    /*.data-set-col3 .editor-wrapper:last-child {
        padding-right: 0;
    }*/

    .data-set-col3 .editor-label {
        width: 100%;
        line-height: 22px;
        display: block;
    }

    .data-set-col3 .editor-input-wrapper {
        font-size: 10pt;
    }

    .data-set-col3 .editor-error {
        width: 100%;
    }
/*
    3 Column type display set
*/
    .data-set-col3 .display-wrapper {
        font-size: 10pt;
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
    }

    .data-set-col3 .display-wrapper-colspan2 {
        width: 66.67%;
    }

    .data-set-col3 .display-wrapper-colspan3 {
        width: 100%;
    }

    .data-set-col3 .display-label {
        width: 100%;
        line-height: 22px;
        display: block;
    }

    .data-set-col3 .display-data-wrapper {
        font-size: 10pt;
        min-height: 34px;
    }

    .data-set-col3 .display-error {
        width: 100%;
    }

/*
    4 Column type editor set.  
*/
.data-set-col4 {
    display: block;
    width: 100%;
    font-size: 0;
    padding: 5px 0;
}
    .data-set-col4.small {
        padding: 0;
    }
    .data-set-col4 .editor-wrapper {
        font-size: 10pt;
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0 5px 0 5px;
    }

    .data-set-col4 .editor-wrapper-colspan2 {
        width: 50%;
    }

    .data-set-col4 .editor-wrapper-colspan3 {
        width: 75%;
    }

    .data-set-col4 .editor-wrapper-colspan4 {
        width: 100%;
    }
    /*.data-set-col4 .editor-wrapper:last-child {
    padding-right: 0;
}*/
    .data-set-col4 .editor-label {
        width: 100%;
        line-height: 22px;
        display: block;
    }

    .data-set-col4 .editor-input-wrapper {
        font-size: 10pt;
    }

    .data-set-col4 .editor-error {
        width: 100%;
    }

    /*
    4 Column type display set
*/
    .data-set-col4 .display-wrapper {
        font-size: 10pt;
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0 5px;
    }

    .data-set-col4 .display-wrapper-colspan2 {
        width: 50%;
    }

    .data-set-col4 .display-wrapper-colspan3 {
        width: 75%;
    }

    .data-set-col4 .display-wrapper-colspan4 {
        width: 100%;
    }
    /*.data-set-col4 .display-wrapper:first-child {
        padding-left: 0;
    }*/

    .data-set-col4 .display-label {
        /*width: 100%;*/
        line-height: 22px;
        /*display: block;*/
    }

    .data-set-col4 .display-data-wrapper {
        font-size: 10pt;
        min-height: 34px;
    }
    .data-set-col4.small .display-data-wrapper {
        min-height: 0;
    }

    .data-set-col4 .display-error {
        width: 100%;
    }
/*
    radio buttons
*/
.radio-button {
    cursor: pointer;
    /*min-height: 34px;*/
    line-height: 1em;
}
    /*.radio-button-inline {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 2.4em;
    line-height: 2.4em;
}
    .radio-button-inline input[type="radio"] {
        margin: 0px 5px 3px 0;
        vertical-align: middle;
    }*/
    .radio-button input[type="radio"] {
        margin: 0px 5px 3px 0;
        vertical-align: middle;
    }

.radio-button-inline {
    display: inline-block;
    margin: 0 10px 0 0;
}

.radio-button-block {
    display: block;
}
.data-set-col1 .editor-input-wrapper .radio-button-inline {
    margin-top: 7px;
}
/*
    checkboxes
*/
.checkbox:not(.disabled) {
    cursor: pointer;
    /*min-height: 2.4em;*/
    /*height: 2.4em;*/
    line-height: 2em;
    padding: 0 10px 0 0;
    overflow: visible;
}
    .checkbox input[type="checkbox"] {
        margin: 0px 5px 3px 0;
        vertical-align: middle;
    }

.checkbox-inline {
    display: inline-block;
    margin: 0 10px 0 0;
}

.checkbox-block {
    display: block;
}

.indent20 {
    padding-left: 20px !important;
}
/*
    Radio Box
*/
.radioboxgroup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
    .radioboxgroup .radio-box {
        border-left: none;
    }
        .radioboxgroup .radio-box:first-child {
            border-left: 1px solid #AAAAAA;
            border-radius: 3px 0 0 3px;
        }
        .radioboxgroup .radio-box:last-child {            
            border-radius: 0 3px 3px 0;
        }
.radio-box {
    cursor: pointer;
    line-height: 1em;
    border: 1px solid #AAAAAA;
    padding: 10px 0;
    text-align: center;
    box-shadow: inset 0px 0px 3px 0px rgba(204,204,204,.7);
}
    .radio-box.selected {
        background: #666666;
        color: white;
    }
    .radio-box:not(.selected):hover {
        background: #CCCCCC;
    }
    .radio-box input[type="radio"] {
        display: none;
    }
    .radio-box > input[type="radio"][selected] {
        color: green;
    }

.radio-box-inline {
    display: inline-block;
    /*margin: 0 10px 0 0;*/
}

input[type="submit"], input[type="button"], input[type="reset"], input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="date"], input[type="time"], input[type="number"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
}
    input[type="password"]::-ms-reveal {
        display: block;
    }

    input[type="submit"], input[type="button"], input[type="reset"], .ui-dialog-button {
        height: 34px;
        border: none;
        padding: 0 10px;
        color: white;
        text-transform: uppercase;
        font-size: 9pt;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background .25s, color .25s;
        border-radius: 3px;
        /*box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);*/
    }

        input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled], .ui-dialog-button[disabled], input[type="checkbox"][disabled] {
            cursor: not-allowed;
        }

    input[type="submit"].small, input[type="button"].small, input[type="reset"].small {
        height: 20px;
        padding: 0 5px;
        font-size: 7pt;
    }

    input[type="submit"].medium, input[type="button"].medium, input[type="reset"].medium {
        height: 25px;
        padding: 0 7px;
        font-size: 8pt;
    }

        input[type="submit"].large, input[type="button"].large, input[type="reset"].large {
            height: 35px;
            padding: 0 7px;
            font-size: 10pt;
        }
        input[type="submit"].x-large, input[type="button"].x-large, input[type="reset"].x-large {
            height: 40px;
            padding: 0 7px;
            font-size: 11pt;
        }
        input[type="submit"].xx-large, input[type="button"].xx-large, input[type="reset"].xx-large {
            height: 45px;
            padding: 0 7px;
            font-size: 12pt;
        }
        input[type="submit"].xxx-large, input[type="button"].xxx-large, input[type="reset"].xxx-large {
            height: 50px;
            padding: 0 7px;
            font-size: 13pt;
        }
    input[type="submit"].ghost, input[type="button"].ghost, input[type="reset"].ghost {
        background: transparent;
        color: #102044;
        border: 1px solid #102044;
    }

    input[type="submit"].green, input[type="button"].green, input[type="reset"].green, .ui-dialog-button.green {
        background-color: #528820;
    }
    input[type="submit"].red, input[type="button"].red, input[type="reset"].red, .ui-dialog-button.red {
        background-color: crimson;
    }
    input[type="submit"].blue, input[type="button"].blue, input[type="reset"].blue, .ui-dialog-button.blue {
        background-color: #102044;
    }

    input[type="submit"].green:not([disabled]):hover, input[type="button"].green:not([disabled]):hover, input[type="reset"].green:not([disabled]):hover {
        background-color: #3e6519;
    }
    input[type="submit"].red:not([disabled]):hover, input[type="button"].red:not([disabled]):hover, input[type="reset"].red:not([disabled]):hover {
        background-color: #a30f2d;
    }
    input[type="submit"].blue:not([disabled]):hover, input[type="button"].blue:not([disabled]):hover, input[type="reset"].blue:not([disabled]):hover {
        background-color: #091022;
    }

input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="date"], input[type="time"], input[type="number"], select, textarea {
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #AAAAAA;
    border-radius: 3px;
    font-size: 1em;
    padding: 0 8px;
    color: #555555;
    height: 34px;
    max-width: 100%;
    box-shadow: inset 0px 0px 3px 0px rgba(204,204,204,.7);
    outline: none;
    background-color: white;
    transition: box-shadow .25s, border-color .25s, background-color .25s;
}
    /*input[type="text"].small, input[type="email"].small, input[type="tel"].small, input[type="search"].small, input[type="password"].small, input[type="date"].small, input[type="time"].small, input[type="number"].small, select.small, textarea.small {
        font-size: .8em;
        padding: 0 4px;
        height: 28px;
    }*/
/*
    Added this because for some reason the padding on selects got bigger?
*/
select {
    padding: 0 4px;
}

    input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="number"]:focus, select:focus, textarea:focus {
        border: 1px solid #428BCA !important;
        box-shadow: 0px 0px 5px 0px rgba(66,139,202,0.75) !important;
    }

textarea {
    min-height: 50px;
    padding: 8px 8px;
}


input[type="radio"] {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

label.rlf-required:after {
    content: " *";
    color: crimson;
}
/*label:after {
    content: " (optional)";
    font-weight: normal;
}*/
input[type="text"][disabled], input[type="email"][disabled], input[type="tel"][disabled], input[type="search"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="checkbox"][disabled], input[type="time"][disabled], input[type="number"][disabled], textarea[disabled], select[disabled], input[type="radio"][disabled] {
    background: #EEEEEE !important;
    border-color: #BBBBBB !important;
    cursor: unset;
    opacity: 1;
}

input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled] {
    opacity: .25;
}

*[readonly]:not([disabled]) {
    background: #EEEEEE !important;
}

select::-ms-expand {
    border: none;
    background: transparent;
}

input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #BBBBBB;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: #BBBBBB;
}

input:-ms-input-placeholder { /* IE 10+ */
    color: #BBBBBB;
}

input:-moz-placeholder { /* Firefox 18- */
    color: #BBBBBB;
}

.inline-block {
    display: inline-block;
}

/* This is like an agree checkbox.  CHeck box on left and big long string of text on right. */
.agree {
    display: flex;
    cursor: pointer;
}

.agree-check {
}

.agree-label {
    padding-left: 10px;
    font-size: 10pt;
    color: #666666;
}

/*
    Jquery UI Datepicker
*/
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    background: #f7f7f7 !important;
    border: 1px solid #cccccc;
    border-radius: 3px;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 8px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        /*top: 1px;*/
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: white;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        /*left: 1px;*/
    }

    .ui-datepicker .ui-datepicker-next-hover {
        /*right: 1px;*/
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        width: 30px;
        height: 25px;
        line-height: 25px;
        border: 1px solid #DDDDDD;
        /*padding: 2px;*/
    }

        .ui-datepicker td:hover a {
            background: #F7F7F7;
        }

        .ui-datepicker td a {
            border: 1px solid transparent;
        }

        .ui-datepicker td.ui-datepicker-today a {
            border: 2px solid #428BCA;
            background: rgba(66, 139, 202, .05);
        }

        .ui-datepicker td.ui-datepicker-current-day a {
            border: 2px solid #528820;
            background: rgba(82, 136, 32, .05);
        }

        .ui-datepicker td.ui-datepicker-other-month {
            border: none;
        }

        .ui-datepicker td .ui-state-default {
            background: white;
        }

        .ui-datepicker td.ui-datepicker-unselectable .ui-state-default {
            background: #F7F7F7;
            cursor: default;
        }

        .ui-datepicker td .ui-state-hover {
        }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
            color: black;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    text-indent: -99999px;
}
/*.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
    width: 15px;
    height: 15px;
    background-size: cover;
}

.ui-datepicker-prev .ui-icon {
    background-image: url('/Areas/RatersShared/Content/Images/LeftArrowBlack.png');
}

.ui-datepicker-next .ui-icon {
    background-image: url('/Areas/RatersShared/Content/Images/RightArrowBlack.png');
}*/
.ui-datepicker-trigger {
    position: absolute;
    height: 18px;
    top: 50%;
    right: 8px;
    margin-top: -9px;
    cursor: pointer;
}

.datepicker {
    position: relative;
    /*display: inline-block;*/
    display: inherit;
}
/*.datepicker {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.datepicker-trigger {
    position: absolute;
    right: 7px;
    top: 8px;
    height: 18px;
    opacity: .75;
}

    .datepicker-trigger:hover {
        opacity: 1;
    }*/


/*
    password strength indicator styles
    */
.password-strength-indicator-bar {
    margin: 0px 0px 0px 5px;
    width: 200px;
    height: 28px;
    background: #FAFAFA;
    border: 1px solid #EEEEEE;
    line-height: 28px;
    position: relative;
}

    .password-strength-indicator-bar .placeholder {
        line-height: 28px;
        padding-left: 5px;
        color: #666666;
        position: absolute;
        left: 0px;
        top: 0px;
        font-size: 8pt;
    }

    .password-strength-indicator-bar .bar {
        height: 100%;
        width: 0%;
        transition: width .5s;
    }

    .password-strength-indicator-bar.pw-none .bar {
        width: 0%;
    }

    .password-strength-indicator-bar.pw-very-weak .bar {
        width: 20%;
        background-color: crimson;
    }

    .password-strength-indicator-bar.pw-weak .bar {
        width: 40%;
        background-color: orange;
    }

    .password-strength-indicator-bar.pw-mediocre .bar {
        width: 60%;
        background-color: yellow;
    }

    .password-strength-indicator-bar.pw-strong .bar {
        width: 80%;
        background-color: orange;
    }

    .password-strength-indicator-bar.pw-very-strong .bar {
        width: 100%;
        background-color: green;
    }


.password-strength-indicator-label {
    display: inline-block;
    margin: 0px 0px 0px 5px;
    display: none;
}

    .password-strength-indicator-label .label {
        line-height: 28px;
    }

    .password-strength-indicator-label.pw-very-weak, .password-strength-indicator-label.pw-weak, .password-strength-indicator-label.pw-mediocre, .password-strength-indicator-label.pw-strong, .password-strength-indicator-label.pw-very-strong {
        display: inline-block;
    }
    .password-strength-indicator-label.pw-very-weak .label {
        color: red;
    }

    .password-strength-indicator-label.pw-weak .label {
        color: red;
    }

    .password-strength-indicator-label.pw-mediocre .label {
        color: orange;
    }

    .password-strength-indicator-label.pw-strong .label {
        color: orange;
    }

    .password-strength-indicator-label.pw-very-strong .label {
        color: green;
    }

        .password-strength-indicator-label.pw-very-strong .label:after {
            content: '  \2713';
        }

.image-button {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 34px;
}

.image-button-transparent {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 22px !important;
    height: 22px !important;
    background-color: transparent !important;
}
@media (max-width: 670px) {
    .editor-wrapper {
        width: 100%;
    }

    .editor-label {
        width: 100%;
    }

    .indent20 {
        padding-left: 0 !important;
        width: 100%;
    }

    .editor-label .editor-info-button {
        right: 0;
        margin: -14px 0 0 0;
    }

    .editor-set-variable-width .editor-wrapper {
        padding-right: 0;
    }

    .editor-set-variable-width .editor-input {
        width: 100%;
    }

    .data-set-inline .editor-wrapper {
        padding: 5px 0;
    }

    .data-set-inline .editor-input-wrapper {
        width: 100%;
    }

    .data-set-inline input[type="text"].editor-input,
    .data-set-inline input[type="email"].editor-input,
    .data-set-inline input[type="tel"].editor-input,
    .data-set-inline input[type="search"].editor-input,
    .data-set-inline input[type="password"].editor-input,
    .data-set-inline input[type="date"].editor-input,
    .data-set-inline input[type="time"].editor-input,
    .data-set-inline input[type="number"].editor-input,
    .data-set-inline textarea.editor-input,
    .data-set-inline select.editor-input {
        width: 100%;
        max-width: none;
    }

    /*
        1 Column type editor set.  
        */

    .data-set-col1 .editor-label {
        width: 100%;
        display: block;
    }

    .data-set-col1 .editor-input-wrapper {
        width: 100%;
        display: block;
    }

    .data-set-col1 input[type="text"].editor-input,
    .data-set-col1 input[type="email"].editor-input,
    .data-set-col1 input[type="tel"].editor-input,
    .data-set-col1 input[type="search"].editor-input,
    .data-set-col1 input[type="password"].editor-input,
    .data-set-col1 input[type="date"].editor-input,
    .data-set-col1 input[type="time"].editor-input,
    .data-set-col1 input[type="number"].editor-input,
    .data-set-col1 textarea.editor-input,
    .data-set-col1 select.editor-input {
        width: 100%;
        max-width: none;
    }
    .data-set-col1.right .display-data-wrapper, .data-set-col1 .display-data-wrapper.right {
        text-align: left;
    }
    .data-set-col1.small .display-wrapper {
        padding: 0;
    }
    .data-set-col1 .display-label {
        width: 100%;
        display: block;
    }

    .data-set-col1 .display-data-wrapper {
        width: 100%;
        display: block;
    }

    .data-set-col3 {
        padding: 0;
    }

        .data-set-col3 .editor-wrapper {
            width: 100%;
            display: block;
            padding: 5px 0;
        }

        .data-set-col3 .editor-wrapper-colspan2 {
            width: 100%;
        }

        .data-set-col3 .editor-wrapper-colspan3 {
            width: 100%;
        }

        .data-set-col3 .editor-wrapper-colspan4 {
            width: 100%;
        }

        .data-set-col3 input[type="text"].editor-input,
        .data-set-col3 input[type="email"].editor-input,
        .data-set-col3 input[type="tel"].editor-input,
        .data-set-col3 input[type="search"].editor-input,
        .data-set-col3 input[type="password"].editor-input,
        .data-set-col3 input[type="date"].editor-input,
        .data-set-col3 input[type="time"].editor-input,
        .data-set-col3 input[type="number"].editor-input,
        .data-set-col3 textarea.editor-input,
        .data-set-col3 select.editor-input {
            width: 100%;
            max-width: none;
        }

    .data-set-col3 .display-wrapper {
        width: 100%;
        display: block;
        padding: 5px 0;
    }

        .data-set-col3 .display-data-wrapper {
            width: 100%;
            display: block;
        }

        .data-set-col3 .display-wrapper-colspan2 {
            width: 100%;
        }

        .data-set-col3 .display-wrapper-colspan3 {
            width: 100%;
        }

    .data-set-col3 {
        padding: 0;
    }

        .data-set-col4 .editor-wrapper {
            width: 100%;
            display: block;
            padding: 5px 0;
        }

        .data-set-col4 .editor-wrapper-colspan2 {
            width: 100%;
        }

        .data-set-col4 .editor-wrapper-colspan3 {
            width: 100%;
        }

        .data-set-col4 .editor-wrapper-colspan4 {
            width: 100%;
        }

        .data-set-col4 input[type="text"].editor-input,
        .data-set-col4 input[type="email"].editor-input,
        .data-set-col4 input[type="tel"].editor-input,
        .data-set-col4 input[type="search"].editor-input,
        .data-set-col4 input[type="password"].editor-input,
        .data-set-col4 input[type="date"].editor-input,
        .data-set-col4 input[type="time"].editor-input,
        .data-set-col4 input[type="number"].editor-input,
        .data-set-col4 textarea.editor-input,
        .data-set-col4 select.editor-input {
            width: 100%;
            max-width: none;
        }

        .data-set-col4 .display-wrapper {
            width: 100%;
            display: block;
            padding: 5px 0;
        }

        .data-set-col4 .display-data-wrapper {
            width: 100%;
            display: block;
        }

        .data-set-col4 .display-wrapper-colspan2 {
            width: 100%;
        }

        .data-set-col4 .display-wrapper-colspan3 {
            width: 100%;
        }

        .data-set-col4 .display-wrapper-colspan4 {
            width: 100%;
        }

    .data-set-col1 .editor-input-wrapper .radio-button-inline {
        margin-top: 3px;
    }

    .rlf .rid {
        right: 0px;
        bottom: 3px;
    }

    .datepicker {
        display: block;
    }

    /*.editor-input-50pct {
        width: 100%;
    }*/
}


.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #888888;
    opacity: .35;
    filter: Alpha(Opacity=35);
    z-index: 9999999;
}
.ui-widget-overlay-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #888888 url('/Images/Loaders/loader-100-white.gif') center no-repeat;
    background-size: 100px 100px;
    opacity: .35;
    filter: Alpha(Opacity=35);
    z-index: 9999999999999;
}
/*
    Dialog    
*/
.ui-info-dialog {
    position: absolute;
    /*border: 1px solid #999999;*/
    background: white;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
    min-width: 0px;
    min-height: 0px;
    z-index: 99999999;
    border: 1px solid #102044;
}

    .ui-info-dialog .ui-dialog-content {
        float: left;
        padding: 10px;
    }
    .ui-dialog-titlebar {
        background: #102044;
        cursor: move;
        height: 40px;
    }
    .ui-info-dialog .ui-dialog-titlebar {
        border-bottom: 1px solid #888888;
        float: left;
        width: 100%;
    }
        .ui-info-dialog .ui-dialog-titlebar .ui-dialog-title {
            font-weight: bold;
            font-size: 11pt;
            color: white;
            padding: 12px 10px 0px 10px;
            float: left;
            clear: left;
        }
    .ui-info-dialog .ui-dialog-titlebar-close {
        position: absolute;
        top: 0;
        right: 0;
        margin: 7px;
        height: 16px;
        border: none;
        padding: 0px 5px;
        color: white;
        text-transform: uppercase;
        font-size: 7pt;
        letter-spacing: 1px;
        transition: background .25s;
        background: #528820; /* Old browsers */
    }

        .ui-info-dialog .ui-dialog-titlebar-close:hover {
            background: #999999;
        }



/*
    DatePicker
    */
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
    border: 1px solid #999999;
    background: white;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.25);
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev{
    background: url('../Images/DayPilot/prev.png') no-repeat left;
}
.ui-datepicker .ui-datepicker-next {
    background: url('../Images/DayPilot/next.png') no-repeat right;
}
.ui-datepicker .ui-datepicker-prev {
	left: 5px;
}
.ui-datepicker .ui-datepicker-next {
	right: 5px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
    color: #23355E;
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
    height: 22px;
    font-size: 8pt;
    margin: 0px 2px;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .3em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
    background: #102044;
    border: 1px solid #DDDDDD;
    color: white;
}
.ui-datepicker td {
	border: 0;
	padding: 2px;
    border: 1px solid #DDDDDD;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker-unselectable {
    background: #F6F6F6;
    color: #AAAAAA;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: 5px 0px;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0px 0px 4px 0px;
    height: 20px;
    border: none;
    background: white;
    padding: 0px 10px;
    color: white;
    text-transform: uppercase;
    font-size: 7pt;
    letter-spacing: 1px;
    cursor: pointer;
    transition: background .25s;
    background: #528820; /* Old browsers */
}
.ui-datepicker .ui-datepicker-buttonpane button:hover {
    background: #999999;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}