/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}
/* 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;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}

table {
    border: 1px solid black;
}*/


table {
    border-collapse: collapse;
}

/*table, th, td {
    border: 1px solid black;
}*/

/**
 * CSS-only task/navigation menus
 */
.menu {
    clear: both;
    cursor: default;
    padding: 0;
    z-index: 1001;
}
    /* Menu Item separators */
    .menu hr {
        border-width: 0px 0px 1px 0px;
        margin: 0.5em 1.5em;
    }
    /* Menu Items */
    .menu li {
        position: relative;
    }
    /* Top-Level Menu container */
    .menu > ul {
        display: block;
        list-style: none;
        list-style-position: inside;
        margin: 0;
        overflow: visible;
        padding: 0;
        position: relative;
    }
        /* Menu Item anchor styling */
        .menu ul a, .menu ul a:visited { 
            display: block;
            line-height: 1.35em;
            padding: 0.25em 1em;
            text-decoration: none;
            white-space: nowrap;
        }
        .menu ul a:hover, .menu ul a:active {
            text-decoration: none;
        }
        /* Top-Level Menu Items */
        .menu > ul > li {
            border: 1px solid;
            display: inline-block;
            margin: 0 4px;
            padding: 0px;
        }
            /* Top-Level Menu Item sub-menus */
            .menu > ul > li ul {
                border: 1px solid;
                display: none;
                list-style: none;
                list-style-position: inside;
                min-width: 16em;
                padding: 0px;
                z-index: 1002;
            }
            .menu li:hover > ul {
                display: initial;
            }
            /* Menu Item Sub-menu container demarcation */
            .menu li li > a:not(:only-child)::after { 
                content: "\25B8";
                font-weight: bold;
                position: absolute;
                right: 0.2em;
            }
        /* Menu Item sub-menu positioning */
        .menu li > ul {
            position: absolute;
        }
            /* Top-Level Menu Item container position */
            .menu > ul > li > ul {
                left: -1px;
                top: 100%;
            }
            /* Sub-menu container positioning */
            .menu li > ul ul {
                left: 100%;
                top: 0%;
            }
    .menu > ul > li > ul > li {
        height: 35px;
    }
/* Menu Defaults */
.menu {
    background-color: #777;
}
    .menu ul, .menu li {
        background-color: inherit;
    }
        .menu ul a, .menu ul a:visited { 
            color: #000;
        }
        .menu ul a:hover, .menu ul a:active {
            background-color: #000;
            color: #fff;
        }

#usermenu {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px none transparent;
    border-radius: 0 0 2px 2px;
    cursor: default;
    margin: 0 2em;
    padding: 0;
    z-index: 1002;
}

    /*#usermenu a {
        display: block;
        padding: 0.25em 1em;
        white-space: nowrap;
        width: 100px;
    }
    #usermenu > a { color: inherit; }
    #usermenu li {
        position: relative;
        width: 100px;
    }
    #usermenu > ul {
        border-radius: 0.525em;
        display: none;
        list-style: none;
        list-style-position: inside;
        margin-top: 0.4em;
        min-width: 16ch;
        max-width: 20ch;
        overflow: visible;
        position: absolute;
        text-align: left;
        top: 50%;
        width: 100px;
    }
    #usermenu:hover > ul { display: block; }
    #usermenu > ul::before {
        content: " ";
        display: block;
        left: 0;
        height: 0.8em;
        position: absolute;
        top: -0.8em;
        width: 100px;
    }
    #usermenu > ul::after {
        content: "\25B2";
        position: absolute;
        text-align: center;
        top: -0.8em;
        width: 100%;
    }*/


#usermenu2 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0px none transparent;
    border-radius: 0 0 2px 2px;
    cursor: default;
    margin: 0 2em;
    padding: 0;
    z-index: 1001;
}

    #usermenu2 a {
        display: block;
        padding: 0.15em 1em;
        white-space: nowrap;
        width: 100px;
    }

    #usermenu2 > a {
        color: inherit;
    }

    #usermenu2 li {
        position: relative;
        width: 100px;
    }

    #usermenu2 > ul {
        border-radius: 0.125em;
        display: none;
        list-style: none;
        list-style-position: inside;
        margin-top: 0.4em;
        min-width: 16ch;
        max-width: 20ch;
        overflow: visible;
        position: absolute;
        /*right: -1px;*/
        text-align: left;
        top: 50%;
        width: 100px;
    }

    #usermenu2:hover > ul {
        display: block;
    }

    #usermenu2 > ul::before {
        content: " ";
        display: block;
        left: 0;
        height: 0.8em;
        position: absolute;
        top: -0.8em;
        width: 100px;
    }

    #usermenu2 > ul::after {
        content: "\25B2";
        position: absolute;
        text-align: center;
        top: -0.8em;
        width: 100%;
    }

#linksmenu {
    cursor: default;
    /*margin: 0 2em;*/
    padding: 0;
    z-index: 998;
    display: inline;
}

#linksmenu a {
    display: none;
    padding: 0.15em 1em;
    white-space: nowrap;
    width: 100px;
}

#linksmenu > a {
    color: inherit;
}

#linksmenu li {
    position: relative;
    width: 100px;
}

#linksmenu > div {
    border-radius: 0.325em;
    z-index: 1000000;
    display: none;
    margin-right: 2px;
    list-style: none;
    list-style-position: inside;
    position: absolute;
    text-align: center;
    right: -1px;
    top: 100%;
    /*width: 250px;*/
    overflow: visible;
}

#linksmenu:hover > div {
    display: inline;
}

#linksmenu > div::before {
    content: " ";
    display: none;
    float: left;
    left: 0;
    height: 0.8em;
    position: absolute;
    top: -0.8em;
    width: 100px;
}

#linksmenu > div::after {
    content: "\25B2";
    position: absolute;
    top: 10px;
    text-align: center;
    display: inline
}

#linksmenu {
    background-color: none;
    margin-right: 600px;
}

#linksmenu a, #linksmenu * a:hover {
    color: #000;
}

#linksmenu a:hover {
    text-decoration: underline;
}

#linksmenu > a {
    color: #000;
}

#linksmenu > ul {
    background-color: #ffffff;
}

#linksmenu > ul::after {
    color: #ffffff;
}






#ninedots {
    cursor: default;
    z-index: 999;
    display: inline;
}

#ninedots a {
    display: none;
    white-space: nowrap;
    width: 100px;
}

#ninedots > a {
    color: inherit;
}

#ninedots li {
    position: relative;
    width: 100px;
}

#ninedots > div {
    border-radius: 0.325em;
    z-index: 1000000;
    display: none;
    list-style: none;
    list-style-position: inside;
    position: absolute;
    text-align: center;
    right: -1px;
    top: 140%;
    right: 25px;
    width: 550px;
    overflow: visible;
}

#ninedots > div::before {
    content: " ";
    display: none;
    float: left;
    left: 0;
    height: 0.8em;
    position: absolute;
    top: -0.8em;
    width: 100px;
}

#ninedots > div::after {
    content: "\25B2";
    position: absolute;
    text-align: right;
    display: inline;
    width: 100px;
    color: #CCCCCC;
    bottom: 13.4em;
    right: 8px;
}

#ninedots > div:focus {
    outline: none;
}

#ninedots {
    background-color: none;
    margin-right: 6px;
}

#ninedots a, #ninedots * a:hover {
    color: #000;
}

#ninedots a:hover {
    text-decoration: underline;
}

#ninedots > a {
    color: #000;
}

#ninedots > ul {
    background-color: #ffffff;
}

#ninedots > ul::after {
    color: #ffffff;
}

#recentFiles {
    cursor: default;
    padding: 0;
    z-index: 999;
    display: inline;
}

#recentFiles > a {
    color: black;
}

#recentFiles li {
    position: relative;
    width: 100px;
}

#recentFiles > div {
    z-index: 1000000;
    display: none;
    position: absolute;
    text-align: left;
    left: -1px;
    top: 200px;
    left: 170px;
    width: 88.5%;
    height: auto;
    overflow: visible;
    border: solid;
    border-color: black;
}

#recentFiles > div::before {
    content: " ";
    display: none;
    float: left;
    left: 0;
    height: 0.8em;
    position: absolute;
    top: -0.8em;
    width: 100px;
}

#recentFiles > div::after {
    /*content: "\25B2";*/
    position: absolute;
    text-align: center;
    display: inline;
    width: 0px;
    height: 0px;
    color: black;
    top: -30px;
    left: 193px;
    pointer-events: none;
    outline: none !important;
}

#recentFiles > div:focus {
    outline: none;
}

#archivedFiles {
    cursor: default;
    padding: 0;
    z-index: 9999;
    display: inline;
}

#archivedFiles > a {
    color: black;
}

#archivedFiles li {
    position: relative;
    width: 100px;
}

#archivedFiles > div {
    z-index: 1000000;
    display: none;
    position: absolute;
    text-align: left;
    left: -1px;
    /*top: 200px;*/
    top: 80px;
    left: 170px;
    width: 88.5%;
    height: 500px;
    overflow: visible;
    border: solid;
    border-color: black;
}

#archivedFiles > div::before {
    content: " ";
    display: none;
    float: left;
    left: 0;
    height: 0.8em;
    position: absolute;
    top: -0.8em;
    width: 100px;
}

#archivedFiles > div::after {
    /*content: "\25B2";*/
    position: absolute;
    text-align: center;
    display: inline;
    width: 100px;
    width: 0px;
    height: 0px;
    color: black;
    bottom: 488px;
    top: -30px;
    left: 359px;
    pointer-events: none;
}

#archivedFiles > div:focus {
    outline: none;
}

/**** hovering over image adds a border ****/
.imglinks in:hover {
    outline: none;
    box-shadow: 0px 0px 3px #cecece;
}


#menubar {
    cursor: default;
    padding: 0;
    z-index: 999;
    display: inline;
}

#menubar a {
    display: none;
    white-space: nowrap;
    width: 100px;
}

#menubar > a {
    color: inherit;
}

#menubar li {
    position: relative;
    width: 100px;
}

#menubar > div {
    border-radius: 0.325em;
    z-index: 1000000;
    display: none;
    list-style: none;
    list-style-position: inside;
    position: absolute;
    text-align: center;
    left: -1px;
    top: 59px;
    left: 5px;
    padding:12px;
    overflow: visible;
}

#menubar > div::before {
    content: " ";
    display: none;
    float: left;
    left: 0;
    height: 0.8em;
    position: absolute;
    /*top: -0.8em;*/
    width: 100px;
}

#menubar > div::after {
    content: "\25B2";
    position: absolute;
    text-align: left;
    display: inline;
    width: 100px;
    color: black;
    left: 23.5px;
    bottom: 119px;
}

#menubar > div:focus {
    outline: none;
}

#menubar {
    background-color: none;
}

#menubar a, #menubar * a:hover {
    color: #000;
}

/*#menubar a:hover {
    text-decoration: underline;
}*/

#menubar > a {
    color: #000;
}

#menubar > ul {
    background-color: #ffffff;
}

#menubar > ul::after {
    color: #ffffff;
}


/**** hovering over image adds a border ****/
.imglinks input:hover {
    outline: none;
    /*box-shadow: 0px 0px 3px #61C5FA;*/
    box-shadow: 0px 0px 3px #cecece;
}

.quickbar {
position: relative;
height: 24px;
}

.quickbar a { text-decoration: none; }
.quickbar a:hover { text-decoration: underline; }
.quickbar > span:first-of-type {
    clear: both;
    font-weight: bold;
}
.quickbar > .quicklinks {
    float: right;
    list-style-type: none;
    /*padding: 0 2.5em 0 0;*/
}
.quickbar > span:first-of-type, 
.quickbar > .quicklinks > li {
    display: inline-block;
    padding: 0.25em 1em;
}

.page > section.note-banner {
    background-image: url('../../imgs/MtEverest_wikipedia.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    height: 44em;
    margin: 9.9em 0 0 0 !important;
    padding: 0;
    text-align: center;
    width: 100%;
}
.post-it {
    background-image: url('../../imgs/postit-wip.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 30em;
    margin: 2em auto;
    padding: 1em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 30em;
}
.post-it > *:first-child {
    display: block;
    height: 20em;
    margin: 6em 4em;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: left;
}
.post-it > *:not(:first-child) {
    display: hidden;
}
.post-it > *:first-child::-webkit-scrollbar-track {
    background-color: rgba(64, 32, 0, 0.10);
    border-radius: 0.25em;
    margin: 1em;
}
.post-it > *:first-child::-webkit-scrollbar {
    background-color: transparent;
    margin: 1em;
    width: 0.5em;
}
.post-it > *:first-child::-webkit-scrollbar-thumb {
    background-color: rgba(64, 32, 0, 0.25);
    border-radius: 10px;
    margin: 1em;
}


/**
 * Basic html, body, and element setup
 */

html, body {
    background: #b9b9b9;
    color: #696969;
    font-family:  /* CFPB Font */
        "Arial", 
        "Helvetica Neue", 
        "Lucida Grande", 
        "Segoe UI", 
        Helvetica, 
        Verdana, 
        sans-serif;
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
}
body > * {
    text-align: initial;
}

a:link, a:visited, a:active {
    color: #0050f0;
}
a:hover {
    color: #2060ff;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-variant: small-caps;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 0px;
}
h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.5em;
    font-weight: 600;
    height: 25px;
}
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }
    /* Generated column header margins */
    .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
        margin-top: 0px;
    }
p {
    margin: 0.8em 1.6em;
    line-height: 1.6em;
}


/**
 * Page layout
 */
.page {
    background-image: url("../../imgs/backblue.png");
    background-position: center 0em;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid;
    position: relative;
}
    /* Page Header */
    .page > header:first-of-type {
        margin: 0px;
        overflow: visible;
        padding: 0px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 10;
    }
        .page > header:first-of-type aside {
            display: block;
            font-size: 1.1em;
            padding: 10px;
            right: -500px; 
            position: absolute; 
            text-align: right;
            top: 0px;
        }
    .page > header:first-of-type h1 {
        font-size: 2em;
        margin: 0px;
        padding: 0px 0px 0px 20px;
    }
    .page > header:first-of-type img.logo {
        margin: 0.00em 1em 0.0em 0;
    }
    /* Page Body */
    .page > section {
        padding: 0px 12px;
        margin: 1.6em;
        min-height: 24em;
    }
        .page > section:first-of-type {
            
            margin-top: 3em;
            padding-top: 1em;
        }
        
    /* Page Footer */
    .page > footer:last-of-type, 
    .page > section > footer:last-of-type, 
    .page ~ footer:last-of-type {
        line-height: normal;
        margin: 0px auto;
        padding: 8px 0px 0px 0px;
        text-align: center;
    }

/**
 * Page customisation
 */
.page {
    background-color: #fff;
    border: 1px solid #496077;
}
    .page > header:first-of-type {
        background-color: #0066b3; /*#5070a0; /*4b6c9e*/
        background-image: linear-gradient(#0099cc 25%, #003399 100%);
        color: #f9f9f9;
    }
        .page > header:first-of-type aside, 
        .page > header:first-of-type aside a:link, 
        .page > header:first-of-type aside a:visited, 
        .page > header:first-of-type aside a:hover {
            color: #fff;
        }
    .page > section.main {
        background-color: #fff;
        margin-left: auto;
        margin-right: auto;
        max-width: 90vw;
        text-align: left;
    }
    .page > footer:last-of-type, 
    .page > section > footer:last-of-type, 
    .page ~ footer:last-of-type {
        background-color: #fff;
        color: #4e5766;
    }

/*
    .page > header:first-of-type * { border: 1px solid red !important;}
*/


/**
 * Menu customization, custom colors and border settings
 */
/*
.menu {
    background-color: #567;
    background-color: rgba(0, 0, 0, 0.125);
}
    .menu hr {
        border: 0px none transparent;
        border-bottom: 1px solid rgba(32, 64, 96, 0.50);
    }
    .menu li { background-color: transparent; }
        .menu ul a, .menu ul a:visited { 
            background-color: transparent;
            color: #dde4ec;
        }
        .menu ul a:hover {
            background-color: transparent;
            text-decoration: underline;
        }
        .menu ul a:active {
            background-color: transparent;
            text-decoration: underline;
        }
        .menu > ul > li {
            border: 1px solid transparent;
        }
            .menu > ul > li > a {
                font-size: 1.4em;
                font-weight: bold;
            }
            .menu > ul > li li {
                font-size: 1.1em;
            }
            .menu > ul > li ul {
                background-color: #567;
                background-color: rgba(17, 34, 51, 0.75);
                border: 0px none;
            }
#usermenu { background-color: rgba(0, 0, 0, 0.2); }
    #usermenu a { color: #666688; }
    #usermenu > a { color: inherit; }
    #usermenu > ul { background-color: #fff; }
    #usermenu > ul::after { color: #fff; }

.quickbar {
    background-color: #000;
}
    .quickbar a:hover { color: #fff; }

*/

/* Westcor styles */
body { background-color: #fff; font-family: 'Open Sans', sans-serif; }

.page { background-color: none; border: none; }
.page > header:first-of-type {
    background-color: transparent;
    background-image: none;
    background-image: 
        linear-gradient(rgba(255,255,255,1) 60%, rgba(255,255,255,0.25) 100%);
    color: #f9f9f9;
}
.page > header:first-of-type img.logo {
    margin: 0.50m 1em 0.5em 0;
}

.menu {
    background-color: rgba(255,255,255, 0.25);/*#b1b1b3;*/
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}
    .menu hr {
        display: none;
        border: 0px none transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }
    .menu li li:not(:first-of-type) a {
        border-top: 1px solid rgba(0, 0, 0, 0.33);
    }
    .menu li { background-color: transparent; }
        .menu ul > li ul a, .menu ul > li ul a:visited
        { 
            background-color: transparent;
            color: #fff;
        }
        .menu ul a:hover {
            background-color: transparent;
            text-decoration: underline;
        }
        .menu ul a:active {
            background-color: transparent;
            text-decoration: underline;
        }
        .menu > ul > li {
            border: 1px solid transparent;
            color: #333;
        }
            .menu > ul > li > a {
                color: #191919;
                font-size: 1.4em;
            }
            .menu > ul > li > a:hover {
                color: #66c;
                text-decoration: none;
            }
            .menu > ul > li li {
                font-size: 1.1em;
            }
            .menu > ul > li ul {
                background-color: #333;
                border: 0px none;
                margin-top: 2px;
            }
        .menu > ul > li.active, 
        .menu > ul > li:hover {
            border-bottom: 2px solid #66c !important;
            color: #66c !important;
            margin-bottom: -2px;
            text-decoration: none !important;
        }


#usermenu {
    background-color: none;
    border: none;
}
		
#usermenu2 {
    background-color: none;
    border: none;
    margin-right: 600px;
}
    /*#usermenu a, #usermenu * a:hover { color: #fff; }*/
    #usermenu2 a, #usermenu2 * a:hover { color: #000; }
    #usermenu2 a:hover { text-decoration: underline; }
    #usermenu2 > a { color: #000; }
    /*#usermenu > ul { background-color: #99c; min-width: 100%; }*/
    #usermenu2 > ul { background-color: #eab420; }
    /*#usermenu > ul::after { color: #99c; }*/
    #usermenu2 > ul::after { color: #eab420; }
    
.quickbar { background-color: #028df6; }
    .quickbar a { color: #fff; }
    .quickbar a:hover { color: #fff; cursor: pointer; }
    .quickbar > .quicklinks { padding: 0 1.5em 0 0; }
    .quickbar > span:first-of-type, 
    .quickbar > .quicklinks > li { padding: 0.25em 0.5em; }
    .quickbar > span:first-of-type { margin-left: 12em;}
.quickpanel {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0 0 0 10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
    display: none;
    overflow: hidden;
    padding: 2px 8px;
    position: absolute;
    top: 100%;
    right: 0;
    height: 80px;
    /* width: 301px; */
}
.quickpanel > * { color: #000; display: inline-block; font-weight: bold; }
    .quickpanel > a {
        height: 78px;
        float: right;
    }
    .quickpanel .button {
        border: 1px solid #000;
        border-radius: 8px;
        margin: 0 3px;
        position: relative;
        text-decoration: none;
        width: 78px;
    }
    .quickpanel .button img {
        margin: 0;
        padding: 0;
        left: calc(50% - 24px);
        top: calc(50% - 32px);
        position: absolute;
        height: 48px;
        width: 48px;
    }
    .quickpanel > .title {
        color: #2b5796;
        display: inline-block;
        font-size: 1.8em;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        top: calc(50% - 1em);
    }

    .buttonDisabledTrust {
        margin: 0;
        padding: 0;
        left: calc(50% - 24px);
        top: calc(50% - 32px);
        position: absolute;
        height: 48px;
        width: 48px;
        display: none;
    }


    .quickpanel .buttonDisabled {
        border: 1px solid #000;
        border-radius: 8px;
        margin: 0 3px;
        position: relative;
        text-decoration: none;
        width: 78px;
        cursor: not-allowed;
        opacity: 1;
    }

    .quickpanel .buttonDisabled img {
        margin: 0;
        padding: 0;
        left: calc(50% - 24px);
        top: calc(50% - 32px);
        position: absolute;
        height: 48px;
        width: 48px;
    }

.page > section.note-banner {
    background-image: url('../../imgs/Logo_Standard.png');
    height: 44em;
    margin: 6.25em 0 0 0 !important;
}
.note-banner:before {
    background-color: transparent;
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.page > .note-banner {
    text-align: center;
}
    .page > .note-banner > * {
        color: #5361cf; 
        display: inline-block;
        font-size: 4em; 
        font-weight: bold;
        vertical-align: middle;
    }




/* Asp.Net Catch-Alls */
.failureNotification {
    color: #ff0000;
    font-size: 1.2em;
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*
.main {
    padding: 0px 12px;
    margin: 10em 8px;
    min-height: 24em;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

*/





/* FORM ELEMENTS   
----------------------------------------------------------*/

/*
fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}
*/

/* MISC  
----------------------------------------------------------*/


/*
.clear { clear: both; }

.title {
    display: block;
    text-align: left;
}

.loginDisplay {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #ffffff;
}

.loginDisplay a:link, .loginDisplay a:visited, .loginDisplay a:hover {
    color: #ffffff;
}

.failureNotification {
    color: #ff0000;
    font-size: 1.2em;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}
*/

/* more
------------------------------- */

/*
    div.divToggleButton input[type=checkbox]
    {
        display: none;
        white-space: nowrap;
    }
    div.divToggleButton label
    {
        display: block;
        float: left;
        cursor: pointer;
    }
*/

    /* set the size of the pseudo-toggle button control */
/*
    div.divToggleButton input[type=checkbox]:checked + label::before,
    div.divToggleButton input[type=checkbox]:not(:checked) + label::before,
    div.divToggleButton input[type=checkbox] + label
    {
        width: 40pt;
        height: 40pt;
        line-height: 40pt;
    }
*/

    /* additional styling: rounded border, gradient */
/*
    div.divToggleButton input[type=checkbox] + label
    {
        vertical-align: middle;
        text-align:center;
        font-size: 16pt;
        font-family:Arial, Calibri;
        border: 1px solid #bdbdbd;
        border-radius: 5px;
        background: #f0f0f0;
        background-image: -moz-linear-gradient(top, #fdfdfd, #f9f9f9 50%, #e5e5e5 50%, #fdfdfd);
        background-image: -webkit-gradient(linear, center top, center bottom,
        from(#fdfdfd), color-stop(0.5, #f9f9f9), color-stop(0.5, #e5e5e5 ), to(#fdfdfd));
        background-image: linear-gradient(to bottom, #fdfdfd, #f9f9f9 50%, #e5e5e5 50%, #fdfdfd);
    }
*/

    /* content to display and style pertinent to unchecked state*/
/*
    div.divToggleButton input[type=checkbox]:not(:checked) + label::before
    {
        content: "Info"; 
        color: #303030;
        opacity: 0.6;
    }
*/

    /* content to display and style pertinent to checked state*/
/*
    div.divToggleButton input[type=checkbox]:checked + label::before
    {
        content         : "Info\2714"; 
        color           : #FF0090;
        font-weight     : bold;
    }
*/



.modal {
    background-color: #404040;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 100vh;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100vw;
    z-index: 100000;
}

    .modal > .close {
        cursor: pointer;
        display: block;
        position: absolute;
        left: 90vw;
        bottom: 90vh;
    }
        .modal > .close > img {
            opacity: 0.75;
            width: 64px;
        }

        .modal > .close:hover > img {
            opacity: 1;
        }

    .modal > .viewport {
        height: 96vh;
        margin: 2vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 96vw;
    }



    .modal > .viewportDefault {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 925px;
        min-height: 675px;
    }

    .modal > .viewport1099File {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 925px;
        min-height: 675px;
    }


    .modal > .viewport1099DB {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 1460px;
        max-height: calc(100vh - 275px);
    }

    .modal > .viewportDashboard {
        height: 96vh;
        margin: 2vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 96vw;
    }


    .modal > .viewportChecklistFile {
        height: 95vh;
        margin: 2px 2px 2px 2px;
        padding: 0;
        position: relative;
        text-align: center;
        width: 80vw;
        background-color: white;
        /* min-height: 675px; */
    }


    .modal > .viewportChecklistDB {
        height: 95vh;
        margin: 2px 2px 2px 2px;
        padding: 0;
        position: relative;
        text-align: center;
        width: 80vw;
        /*max-height: calc(100vh - 275px); */
    }

    .modal > .viewportOneLookFile {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 85vw;
        /* height: calc(100vh - 50px); */
    }

    .modal > .viewportOneLookDB {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 85vw;
    }


    .modal > .viewportDataCallFile {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 900px;
    }

    .modal > .viewportDataCallDB {
        height: 80vh;
        margin: 10vh auto auto auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 80vw;
    }


.filetable1 table, th, td {
    border: 1px solid black;
}


.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #eeeeee;
}


    .jumbotron h1 {
        line-height: 1;
        color: inherit;
    }

    .jumbotron p {
        line-height: 1.4;
    }

.container .jumbotron {
    border-radius: 6px;
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 6px;
        padding-bottom: 48px;
    }

    .container .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1 {
        font-size: 63px;
    }
}


.BigCheckBox input {
    width: 20px;
    height: 20px;
    white-space: nowrap;
}

    .BigCheckBox input[type=checkbox]:checked + label {
            border-bottom: 5px solid blue;
            transition: all .15s ease;
    }

.HoverTextbox {
    background-color: aliceblue;
}

.HoverTextbox:hover {
    background-color: deepskyblue;
}

.HoverTextbox:focus {
    background-color: palegreen;
}

.dateinput {
    background-color: aliceblue;
}

    .dateinput:hover {
        background-color: deepskyblue;
    }

    .dateinput:focus {
        background-color: palegreen;
    }


/*.zipcode  {
    background-color: aliceblue;
}

    .zipcode:hover {
        background-color: deepskyblue;
    }

    .zipcode:focus {
        background-color: palegreen;
    }*/

input {
    background-color: aliceblue;
}

    input:hover {
        background-color: deepskyblue;
    }

    input:focus {
        background-color: palegreen;
    }

    input:disabled {
        background-color:  bisque;
    }


select {
    background-color: aliceblue;
}

    select:hover {
        background-color: deepskyblue;
    }

    select:focus {
        background-color: palegreen;
    }

textarea {
    background-color: aliceblue;
}

    textarea:hover {
        background-color: deepskyblue;
    }

    textarea:focus {
        background-color: palegreen;
    }


:root {
    /*--printBackColor: orange;*/
}

.BigCheckBoxPrint  {
    /*display: inline-block;*/
    /*display: inline-block;*/
    /*background-color: var(--printBackColor);*/
    background-color: aliceblue;
}

.BigCheckBoxPrint input {
    width: 20px;
    height: 20px;
    white-space: nowrap;
}

.BigCheckBoxPrint label {
    position: relative;
    font-size: medium;
    font-weight: bold;
    display: block;
    padding-left: 28px;
    vertical-align: top;
    top: -20px;
}

.BigCheckBoxPrint input[type=checkbox]:checked + label {
    color: blue;
        
    /*--printBackColor: pink;*/
}

.BigCheckBoxPrint input[type=checkbox]:checked {
    /*background-color: pink;*/
    /*--printBackColor: pink;*/
}

.DraftDocCheckBox input {
    width: 20px;
    height: 20px;
}

.DraftDocCheckBox label {
    position: relative;
    top: -5px;
    font-weight: bold;
}

.DraftDocCheckBox input[type=checkbox]:checked + label {
    color: blue;
    border-bottom: 3px solid blue;
    padding-bottom: 2px;
}

.CheckBoxPDFAsDraft {
    position: relative;
    top: 27px;
    left: 78px;
    float: left;
}

.CheckBoxPDFAsDraft input {
    width: 30px;
    height: 30px;
}

.CheckBoxPDFAsDraft label {
    font-size: 28px;
    position: relative;
    top: -6px;
    font-weight: bold;
}

.CheckBoxPDFAsDraft input[type=checkbox]:checked + label {
    color: blue;
    border-bottom: 3px solid blue;
    padding-bottom: 2px;
}

.DraftLink {
    font-size: larger;
    color: blue;
    left: 10px;
    position: relative;
}

.BigRadioButton input {
    width: 20px;
    height: 20px;
}

    .BigRadioButton input[type=radio]:checked + label {
        border-bottom: 5px solid blue;
        transition: all .15s ease; 
    }





input[type=checkbox].yesnocheckbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].yesnocheckbox + label.yesnolabel {
        padding-left: 55px;
        height: 25px;
        display: inline-block;
        line-height: 25px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 25px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].yesnocheckbox:checked + label.yesnolabel {
        background-position: 0 -25px;
    }

label.yesnolabel {
    background-image: url('../imgs/YESNO.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



input[type=checkbox].yearyearscheckbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].yearyearscheckbox + label.yearyearslabel {
        padding-left: 55px;
        height: 25px;
        display: inline-block;
        line-height: 25px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 25px;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].yearyearscheckbox:checked + label.yearyearslabel {
        background-position: 0 -25px;
    }

label.yearyearslabel {
    background-image: url('../imgs/YEARYEARS.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/*START: For paging numbers on OpenFile2*/
.PagingButtons {
    background-color: #fff;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 1px solid #49ad56;
    display: inline-block;
    cursor: pointer;
    color: #49ad56;
    padding: 11px 16px;
    text-decoration: none;
    outline: none;
    font-size: 18px;
}

.PagingButtons:hover {
    background-color: #C9E7CD;
    color: #49ad56;
    cursor: pointer;
}

.PagingButtonsSelectedPage {
    background-color: #B5B5B6;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    border: 0px solid #B5B5B6;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    padding: 11px 16px;
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}
/*END: For paging numbers on OpenFile2*/

.GreenCreateBtn {
    background-color: #49ad56;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #49ad56;
    position: relative;
    top: 2px;
}

.GreenCreateBtn:hover {
    background-color: #C9E7CD;
    color: #49ad56;
}

.OrangeWSCreateBtn {
    background-color: #EAB420;
    border-radius: 7px;
    cursor: pointer;
    color: black;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #EAB420;
    font-size: x-large;
}

    .OrangeWSCreateBtn:hover {
        background-color: #ead08b;
        color: black;
    }


.ClearDocPackBtn {
    background-color: #C9E7CD;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #49ad56;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #49ad56;
}

.ClearDocPackBtn:hover {
    background-color: #fff;
    color: #49ad56;
}

.SearchFilesBtn {
    background-color: #49ad56;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #49ad56;
    outline: none;
}

.SearchFilesBtn:hover {
    background-color: #C9E7CD;
    color: #49ad56;
}

.TitleCalcBtn {
    background-color: #3fabf4;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4.5px 14px;
    text-decoration: none;
    outline: none;
    border: 1px solid #3fabf4;
    outline: none;
}

    .TitleCalcBtn:hover {
        background-color: #bfe5ff;
        color: #3fabf4;
    }

.BrokersBtn {
    background-color: #3fabf4;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4.5px 18px;
    text-decoration: none;
    outline: none;
    border: 1px solid #3fabf4;
    outline: none;
}

    .BrokersBtn:hover {
        background-color: #bfe5ff;
        color: #3fabf4;
    }
.RecordingBtn {
    background-color: #3fabf4;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4.5px 11px;
    text-decoration: none;
    outline: none;
    border: 1px solid #3fabf4;
    outline: none;
}

    .RecordingBtn:hover {
        background-color: #bfe5ff;
        color: #3fabf4;
    }


.ClearSearchBtn {
    background-color: #fff;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #49ad56;
    display: inline-block;
    cursor: pointer;
    color: #49ad56;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
}

.ClearSearchBtn:hover {
    color: #49ad56;
    background-color: #c9e7cd;
    border: 1px solid #49ad56;
}

.RecentFilesBtn {
    background-color: #0087ec;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #0087ec;
    outline: none;
    margin-left: 50px;
    position: relative;
    /*top: 2px;*/
}

.RecentFilesBtn:hover {
    background-color: #c9e2e7;
    color: #0087ec;
}

.storageUploadButton {
    background-color: #0087ec;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #0087ec;
    outline: none;
    margin-left: 10px;
    position: relative;
}

    .storageUploadButton:hover {
        background-color: #F0F8FF;
        color: #0087ec;
    }

.PrintDocsBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background-color: #007cd8;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #264516;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 14px;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    margin-left: 500px;
}

.SelectFile td > span > a {
    display: none;
}

.SelectFile:hover {
    background-color: cornflowerblue;
    color: white;
    cursor: pointer;
}

    .SelectFile:hover td > span > a {
        display: inline;
    }


.SelectFileMyLock td > span > a {
    display: none;
}

.SelectFileMyLock:hover {
    background-color: #65C801;
    color: white;
    cursor: pointer;
}

    .SelectFileMyLock:hover td > span > a {
        display: inline;
    }


.SelectFileLocked:hover {
    background-color: red;
    color: white;
    cursor: not-allowed;
}

.ChkBoxClass input {
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.SelectPrintedItem:hover {
    background-color: #65C801;
    cursor: pointer;
}

.SelectPrintedItem:hover a {
    color: white;
    text-decoration: none;
}

.ChangePass {
    -moz-box-shadow: inset 0px 0px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 0px 0px 0px #9acc85;
    box-shadow: inset 0px 0px 0px 0px #9acc85;
    background-color: cornflowerblue;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #264516;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    padding: 5px 12px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

    .ChangePass:hover {
        background-color: #3676e8;
    }

.ToLogin {
    -moz-box-shadow: inset 0px 0px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 0px 0px 0px #9acc85;
    box-shadow: inset 0px 0px 0px 0px #9acc85;
    background-color: #65C801;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #264516;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 16px;
    padding: 7px 12px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

.ToLogin:hover {
    background-color: #509e02;
}

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

.PDFButton:hover {
    border: solid;
    border-color: #157EFB;
    border-radius: 1px;
}

.EditDocPkg {
    -moz-box-shadow: inset 0px 0px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 0px 0px 0px #9acc85;
    box-shadow: inset 0px 0px 0px 0px #9acc85;
    background-color: #168cfcad;
    border: 1px solid #264516;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

.DeleteDocPkg {
    -moz-box-shadow: inset 0px 0px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 0px 0px 0px #9acc85;
    box-shadow: inset 0px 0px 0px 0px #9acc85;
    background-color: white;
    border: 1px solid #168cfc;
    display: inline-block;
    cursor: pointer;
    color: #168cfcad;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

.CreateDocPackage {
    -moz-box-shadow: inset 0px 0px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 0px 0px 0px #9acc85;
    box-shadow: inset 0px 0px 0px 0px #9acc85;
    background-color: lightsteelblue;
    border: 1px solid black;
    display: inline-block;
    cursor: pointer;
    color: black;
    font-weight: bold;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    font-weight: bold;
}

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

.AccountBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
    box-shadow: inset 0px 1px 0px 0px #97c4fe;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
    background: -moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
    background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
    background-color: #3d94f6;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #337fed;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 19px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #1570cd;
    outline: none;
}

.AccountBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
    background: -moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
    background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
    background-color: #1e62d0;
}

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

.CancelChangePassBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background: -moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: -ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color: #f9f9f9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 19px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #ffffff;
    outline: none;
}

.CancelChangePassBtn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background: -moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: -ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color: #e9e9e9;
}

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

.ChkBoxClass input {
    width: 17px;
    height: 17px;
}

.PrintMenuSelect {
    background-color: white;
}

.chkMovePropAddress {
    position: absolute;
    bottom: 6px;
    right: 7px;
    color: black;
    font-size: 16px;
    font-weight: normal;
}

.chkMovePropAddress input {
    width: 20px;
    height: 20px;
    white-space: nowrap;
    top: 5px;
    position: relative;
}

.selected-tab-in-history {
    background-color: LightBlue;
    transform: scale(1.2, 1.2);
    pointer-events: none;
    cursor: default;
    font-weight: bold;
    height: 31px;
    min-width: 46px;
    margin-right: 3px;
}

.unselected-tab-in-history {
    cursor: pointer;
    height: 31px;
    min-width: 46px;
    margin-right: 3px;
}

.reset-mod-bal-sheet {
    background-color: #99b4d1;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 6px 12px;
    outline: none;
    border: 1px solid #99b4d1;
    position: relative;
}

.reset-mod-bal-sheet:hover {
    background-color: #d5e2f0;
    color: #768ca3;
}

.mbs-delete {
    background-color: #ff0000;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #ff0000;
    position: relative;
}

    .mbs-delete:hover {
        background-color: #ffd6d6;
        color: #ff0000;
    }


.mbs-add {
    background-color: #49ad56;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #49ad56;
    position: relative;
}

.mbs-add:hover {
    background-color: #C9E7CD;
    color: #49ad56;
}

.ArchiveSelectedFilesBtn {
    background-color: #49ad56;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 4px 12px;
    text-decoration: none;
    outline: none;
    border: 1px solid #49ad56;
    outline: none;
}

.ArchiveSelectedFilesBtn:hover {
    background-color: #C9E7CD;
    color: #49ad56;
}