* {
    font-family: Arial, Helvetica, sans-serif !important;
}

body {
    font-size: 9pt;
    background-color: #FFFFFF;
    display: table;
    width: 800px;
    margin: 0 auto;
}

span {
    font-size: 9pt;
    color: #990000;
}

nav a {
    font-size: 9pt;
    color: #990000 !important;
}

#ctl00_MasterPanel {
    background-color: #FFFFFF;
    width: 100%;
}

#LogOutPanel {
    background-color: #FFFFFF;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

#ctl00_Content_ImagePanel {
    margin-left: auto;
    margin-right: auto;
}

#ctl00_Content_PhoneticsPanel {
    margin-left: auto;
    margin-right: auto;
}
/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #FFFBD6;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

/************ PasswordStrength Related Styles ***********************/
.TextIndicator_TextBox1 {
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
}

.BarIndicator_TextBox2_weak {
    color: Red;
    background-color: Red;
}

.BarIndicator_TextBox2_average {
    color: Blue;
    background-color: Blue;
}

.BarIndicator_TextBox2_good {
    color: Green;
    background-color: Green;
}

.BarBorder_TextBox2 {
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}

.TextIndicator_TextBox3 {
    background-color: Blue;
    color: Yellow;
    font-size: small;
    font-variant: small-caps;
    padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox3_Handle {
    width: 16px;
    height: 14px;
    background-image: url(images/Question.png);
    overflow: hidden;
    cursor: help;
}

.TextIndicator_TextBox1_Strength1 {
    background-color: Gray;
    color: White;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

.TextIndicator_TextBox1_Strength2 {
    background-color: Gray;
    color: Yellow;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

.TextIndicator_TextBox1_Strength3 {
    background-color: Gray;
    color: #FFCAAF;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

.TextIndicator_TextBox1_Strength4 {
    background-color: Gray;
    color: Aqua;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

.TextIndicator_TextBox1_Strength5 {
    background-color: Gray;
    color: #93FF9E;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}



.dynamicPopulate_Normal {
    border: silver 1px inset;
    padding: 2px;
    text-align: center;
    height: 2em;
    margin: 5px;
    width: 200px;
}

.dynamicPopulate_Updating {
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    border: silver 1px inset;
    text-align: center;
    padding: 2px;
    height: 2em;
    margin: 5px;
    width: 200px;
}



table.recipients {
    margin-left: auto;
    margin-right: auto;
}

table.recipients td.recipient {
    color: #6c9977;
    width: 190px;
}

table.recipients td.pagination {
    text-align: center;
    /*
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;*/
}

table.notifications {
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    width: 775px;
}

table.notifications tr.header {
    font-weight: bold;
}

table.notifications tr.even {
    background-color: #EDEDED;
}

table.notifications tr.pagination {
    background-color: #cccccc;
}

table.reports {
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    width: 775px;
}

table.reports tr.header {
    font-weight: bold;
}

table.reports tr.even {
    background-color: #EDEDED;
}

table.reports tr.pagination {
    background-color: #cccccc;
}

table.phonetics {
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    width: 775px;
}

table.phonetics tr.header {
    font-weight: bold;
}

table.phonetics tr.even {
    background-color: #EDEDED;
}

table.phonetics tr.pagination {
    background-color: #cccccc;
}





.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

/*
    Horizontal Navigation Menu
    http://codepen.io/twodogstar/pen/FwedC
*/
nav.horizontalMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

nav.horizontalMenu ul li {
    display: block;
    position: relative;
    float: left;
}

nav.horizontalMenu li ul {
    display: none;
}

nav.horizontalMenu ul li a, nav.horizontalMenu ul li span {
    display: block;
    padding: 1em;
    text-decoration: none;
    white-space: nowrap;
}

nav.horizontalMenu li:hover > ul {
    display: block;
    position: absolute;
}

nav.horizontalMenu li:hover li {
    float: none;
}

nav.horizontalMenu > ul li ul li {
    border-top: 0;
}

nav.horizontalMenu ul ul ul {
    left: 100%;
    top: 0;
}

nav.horizontalMenu ul:after,
nav.horizontalMenu ul:before {
    content: " ";
    display: table;
}

nav.horizontalMenu ul:after {
    clear: both;
}