/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    background-image: url("../images/mha_bg.jpg");
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


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

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

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

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

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

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

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

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

fieldset label.inline 
{
    display: inline;
}

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

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

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

div.accountInfo
{
    width: 42%;
}

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

.clear
{
    clear: both;
}

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

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: left;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

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

.bold
{
    font-weight: bold;
}

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

                /* Ohio Heart of it All Brand Colors */
                :root {
                    --buckeye-blue-800: #082646;
                    --buckeye-blue-700: #0E3F75;
                    --buckeye-blue-600: #738CAD;
                    --buckeye-blue-500: #A2B3C8;
                    --buckeye-blue-400: #bec9d9;
                    --buckeye-blue-300: #d8e0e9;
                    --buckeye-blue-200: #e8ecf3;
                    --buckeye-blue-100: #f3f5f9;
                    --cardinal-red-600: #6E0017;
                    --cardinal-red-500: #C12637;
                    --cardinal-red-400: #D05760;
                    --cardinal-red-300: #DD8288;
                    --cardinal-red-200: #EFC0C3;
                    --cardinal-red-100: #FAE9EB;
                    --appalachian-green-600: #527445;
                    --appalachian-green-500: #729364;
                    --appalachian-green-400: #8FA984;
                    --appalachian-green-300: #ABBFA3;
                    --appalachian-green-200: #C6D4C1;
                    --appalachian-green-100: #E3E9E0;
                    --pawpaw-green-600: #8AAE1B;
                    --pawpaw-green-500: #BBD36F;
                    --pawpaw-green-400: #D0E19C;
                    --pawpaw-green-300: #E4EFBF;
                    --pawpaw-green-200: #EBF2D5;
                    --pawpaw-green-100: #F1F6E3;
                    --circleville-orange-700: #BC860B;
                    --circleville-orange-600: #EBA70E;
                    --circleville-orange-500: #EFB93E;
                    --circleville-orange-400: #F3CA6E;
                    --circleville-orange-300: #F7DC9F;
                    --circleville-orange-200: #FBEDCF;
                    --circleville-orange-100: #FDF6E7;
                    --solar-yellow-600: #C2B26E;
                    --solar-yellow-500: #F3DF89;
                    --solar-yellow-400: #F5E5A1;
                    --solar-yellow-300: #F8ECB8;
                    --solar-yellow-200: #FAF2D0;
                    --solar-yellow-100: #FDF9E7;
                    --quarry-blue-600: #549B9E;
                    --quarry-blue-500: #69C2C6;
                    --quarry-blue-400: #87CED1;
                    --quarry-blue-300: #A5DADD;
                    --quarry-blue-200: #C3E7E8;
                    --quarry-blue-100: #E1F3F4;
                    --tech-blue-600: #007AA9;
                    --tech-blue-500: #0098D3;
                    --tech-blue-400: #33ADDC;
                    --tech-blue-300: #66C1E5;
                    --tech-blue-200: #99D6ED;
                    --tech-blue-100: #CCEAF6;
                    --earth-brown-600: #53381E;
                    --earth-brown-500: #8A5E32;
                    --earth-brown-400: #A17E5B;
                    --earth-brown-300: #B99E84;
                    --earth-brown-200: #D0BFAD;
                    --earth-brown-100: #E8DFD6;
                    --monument-gray-600: #6A6B69;
                    --monument-gray-500: #B0B3AF;
                    --monument-gray-400: #C0C2BF;
                    --monument-gray-300: #D0D1CF;
                    --monument-gray-200: #DFE1DF;
                    --monument-gray-100: #EFF0EF;
                    --black-1000: #0e0e0e;
                    --black-900: #222222;
                    --black-800: #444444;
                    --black-700: #666666;
                    --black-600: #949494;
                    --black-500: #b5b5b5;
                    --black-400: #d4d4d4;
                    --black-300: #e5e5e5;
                    --black-200: #F0F0F0;
                    --black-100: #f6f6f6;
                    --text-black: #171717;
                    --utility-red: #CC071E;
                    --utility-red-drk: #9E0012;
                    --utility-red-lte: #F9E6E8;
                    --utility-orange: #EBA70E;
                    --utility-orange-drk: #A95600;
                    --utility-orange-lte: #FDF6EA;
                    --utility-blue: #0074E8;
                    --utility-blue-drk: #0047B0;
                    --utility-blue-lte: #E5EFF9;
                    --utility-green: #007D3E;
                    --utility-green-drk: #005C2E;
                    --utility-green-lte: #E6F2EC;
                    --wild-sand-600: #FFFFFF;
                    --wild-sand-400: #ECECEC;
                    --wild-sand-300: #DFDFDF;
                    --wild-sand-200: #CFCFCF;
                    --wild-sand-100: #BFBFBF;
                    --oh-transparent: transparent
                }
       
                td a {
                    color: var(--utility-blue-drk) !important;
                }

                td a:visited {
                    color: var(--cardinal-red-600) !important;
                }
                .topnav, .topnav a.active {
                    background-color: var(--buckeye-blue-800) !important;
                }

                a.tablink:not(.active),  a.tablink:hover {
                    background-color: var(--buckeye-blue-700) !important;
                }

                .ace-settings-box > p > img {
                    height: auto !important;
                    margin: 5px auto !important;
                    width: 143px !important; 
                }