﻿html, body {
    height: 100%;
    min-width: 380px;
    margin: 0;
    padding: 0;
    background-image: none;
}

.body {
    font-family: Verdana, arial, Sans-Serif;
    border-collapse: collapse;
    background-color: #c4c4c4;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#outer {
    min-height: 100%;
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 0 0;
    background-color: white;
}

#wrapper {
    background-color: white;
    height: auto;
    margin: 0;
    width: 960px;
}

    #wrapper.width100 {
        width: 100%;
    }

#content {
    padding: 0 10px;
}

.center {
    font-family: Verdana, helvetica, sans-serif;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    text-align: center;
    padding: 0;
    border: 0;
}

/* CENTER READ ME: Use .center to align the page in the middle of the user's browser. 
The body tag (above) must then be set to "text-align: center" and then all other paragraph, header, and gridview tags must 
contain: "text-align: left" -- this is included in all classes; if not, inline coding will be required  */

.navbar-header {
    font-family: Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 14px;
    background-color: #505060;
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
}

.navbar {
    float: right;
    background-color: transparent;
    margin: 0;
    min-height: 40px;
}

    .navbar ul {
        height: 40px;
        margin: 0;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        display: block;
        line-height: 20px;
        float: right;
    }

    .navbar li {
        display: block;
        float: left;
        position: relative;
    }

    .navbar a {
        height: 40px;
        display: block;
        color: white;
        padding: 17px 10px 11px 10px;
        text-decoration: none;
        text-transform: none;
        box-sizing: border-box;
    }

        .navbar a:hover {
            background-color: white;
            color: #505060;
        }

#miGovHome {
    background-image: url(../Images/spriteState.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 35px;
}

    #miGovHome:hover {
        background-position: 0 -44px;
    }

.siteBanner {
    width: 960px;
    display: inline-block;
    margin-bottom: -3px;
}

.leftSiteBanner, .rightSiteBanner {
    display: inline-block;
    width: 480px;
    height: 130px;
    vertical-align: middle;
}

.leftSiteBanner {
    float: left;
}

.rightSiteBanner {
    float: right;
}

.tableborder /* Silver border, top and bottom margins */ {
    margin: 15px auto 15px auto;
    background-color: white;
    border: 1pt solid silver;
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    text-align: left;
    vertical-align: top;
}

.tableBorder /* No top and bottom margins */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    border: 1pt solid silver;
}

.calendar {
    vertical-align: top;
    text-align: right;
}

.ul {
    list-style-type: none;
    line-height: 15pt;
    list-style-position: outside;
}

.li {
    list-style-type: square;
    list-style-position: inside;
    text-align: left;
}

.lispacing {
    list-style-type: square;
    line-height: 15pt;
    margin-top: 3pt;
    margin-bottom: 6pt;
}

.validator {
    font: verdana;
    color: #FF3300;
    font-size: 10pt;
    list-style-type: square;
    margin-top: 0pt;
    margin-bottom: 0pt;
}

.left {
    text-align: left;
}

.Button /* Use on all standard buttons */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: #0066CC;
}

.LnkBtn /* used on certain search screens when a link button is used instead of a standard button */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding-top: 2pt;
    padding-bottom: 3pt;
    padding-right: 6pt;
    padding-left: 6pt;
    color: #0066CC;
    border: 2px solid #408AB4;
}
.LnkBtn1:hover {
    border: solid 1px gray;
}

.LnkBtn1 /* used on certain search screens when a link button is used instead of a standard button */
{
    background-color: #EEEEEE;
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    border-left: 1px solid silver;
    cursor: default;
     text-rendering: auto;
    color: #0066CC;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    -webkit-rtl-ordering: logical;
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 9pt;
    font-weight: bold;
}
/* 
*********************************************************************** 
FORMS STYLES -- USE ONLY ON THE CORP FORMS PROJECT

These do not apply to the SEC masters

Some of these are sample styles for testing purposes and will be noted
as such
*********************************************************************** 
*/

.header {
    margin: 0px;
    border: 0;
    font-family: Arial Black, Verdana, sans-serif;
    font-weight: normal;
    font-size: 12pt;
    color: black;
    text-align: left;
    padding-top: 12pt;
}

.headerAddress /* used with corresponding headers for masters */ {
    margin: 0px;
    font-family: Trebuchet MS, Helvetica, Sans-serif;
    font-size: 9pt;
    color: black;
    border: 0px;
    text-align: left;
}

.headerAlt /* Forms Master, print version of the form */ {
    margin: 0px;
    border-bottom: 1pt dotted #31658A;
    width: 100%;
    font: Georgia, Times New Roman, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 24pt;
    color: Gray;
    text-align: center;
}

.headerAddressAlt /* used with corresponding headers for masters */ {
    margin: 0px;
    width: 100%;
    font: Georgia, Times New Roman, serif;
    font-weight: normal;
    font-size: 12pt;
    color: Gray;
    text-align: center;
}

.headerfooter /* used on Forms masters */ {
    font-family: Trebuchet MS, Helvetica, Sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color: gray;
    padding-top: 6pt;
    text-align: left;
    vertical-align: middle;
    text-align: center;
}

footer.footer /* used on other masters */ {
    font-family: Arial, Helvetica, Verdana, sans-serif !important;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    padding-top: 6pt;
    text-align: left;
    vertical-align: middle;
    text-align: center;
    padding-bottom: 15pt;
}

div.footerNav {
    padding-top: 10px;
}

.footerNav ul {
    padding: 0;
    list-style: none;
    text-align: center;
}

.footerNav li {
    display: inline-block;
    line-height: normal;
}

.footerNav a {
    display: block;
    padding: 0 12px;
    line-height: normal;
    color: #069;
    text-decoration: none;
}

    .footerNav a:hover {
        color: #666;
    }

.copyright {
    text-align: center;
    font-size: 0.7em;
    padding: 14px;
}

.tableForms /* use for corp forms -- this applies margins and space between table chunks */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 3pt;
    margin-bottom: 3pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border: 1pt solid silver;
    color: Black;
}

.tableFormsNoBorder /* use for corp forms -- based on tableForms but no border */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 3pt;
    margin-bottom: 3pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: Black;
}

.tableFormsNoMargin /* use for corporate forms -- table chunks without any margins or space between */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 0pt;
    margin-bottom: 0pt;
    background-color: white;
    border: 1pt solid silver;
    border-collapse: collapse;
    color: Black;
}

.tableFormsBottomBorder /* Use only for Corp Forms -- applies a bottom border, with margins */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 2pt;
    margin-bottom: 2pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border-bottom: 1pt solid black;
    color: Black;
}

.table /* Use ONLY for Corp Forms -- do not use on other Corporations .aspx pages!!!! */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-top: 2pt;
    margin-bottom: 2pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border-bottom: 1pt solid black;
    color: Black;
}

.FormsH1 /* SAMPLE ONLY: Use only for Corp Forms */ {
    font-family: Palatino Linotype, Georgia, Serif;
    font-size: 24px;
    text-align: left;
    padding-bottom: 6pt;
    color: Black;
}

.tableFormsText /* SAMPLE ONLY: Use for Corp Forms legal text */ {
    font-family: Palatino Linotype, Georgia, serif;
    font-size: 10pt;
    line-height: 18pt;
    border-right: 0px solid white;
    color: black;
    text-align: left;
    vertical-align: top;
}

.TextExtra /* SAMPLE ONLY: use with tableFormsText - above */ {
    font-family: Verdana, Courier, Serif;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    line-height: 20pt;
}

tr.FormsTableItem td /* SAMPLE ONLY: use with tableFormsText - above */ {
    border: 1pt solid #88A5C3;
    padding: 2px;
}

/* 
*********************************************************************** 
END FORMS STYLES -- END FORMS STYLES -- END FORMS STYLES --
*********************************************************************** 
*/


/* 
*********************************************************************** 
CORP STYLES -- USE THROUGHOUT PROJECT -- MATCHES sec web standards
*********************************************************************** 
*/

.h1 /* First level header */ {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    padding-bottom: 6px;
    color: Black;
}

.h2, h2 /* Second level header */ {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16pt;
    font-weight: bold;
    vertical-align: top;
    color: #31658A; /*#61619B; blue */
    margin: 10px auto 0 auto;
}

.h3 /* Third level header */ {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: #31658A; /*#408AB4; blue */
}

.h4 /*  */ {
    font-family: Arial Black, Verdana, Sans-serif;
    font-size: 12pt;
    text-align: left;
    vertical-align: top;
    color: #31658A; /* gray #B6AFB3 */
}

.h5 /*  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: Black;
}

.h6 /*  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    color: Black;
}

.h7 /* centered white head with gray background */ {
    font-family: Arial Black, Verdana, Sans-serif;
    font-size: 12pt;
    text-align: center;
    vertical-align: middle;
    color: white;
    background-color: Gray;
}


/* **************************************** 
PARAGRAPH STYLES 
******************************************* */

/* **************************************** 
READ ME! VERY IMPORTANT!!
USE CARE when specifying a row class with a FIXED
height!
Only use with a single row of text; no wrapping! no second lines! 
******************************************* */

.RowHeight /* Extra height */ {
    height: 28pt;
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
}

.RowHeightWithPadding /* Extra spacing */ {
    padding-top: 4pt;
    padding-bottom: 3pt;
    font-size: 10pt;
    text-align: left;
    font-weight: normal;
}

.RowHeightWithPaddingBorder /* Extra spacing */ {
    padding-top: 3pt;
    padding-bottom: 4pt;
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
    border-bottom: 1pt solid black;
}

.RowHeight36 /*  */ {
    height: 36px;
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
}

.RowHeight40 /* */ {
    height: 40px;
    font-size: 10pt;
    vertical-align: top;
    text-align: left;
}

.TableBorderGray /* Used on CorpSummary.aspx */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border: 1px solid gray;
    color: Black;
    border-collapse: collapse;
}

.TableBorderScheduledTaskAdmin /* Used on CorpSummary.aspx */ {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: Black;
    border-collapse: collapse;
}

.SubTableBorderScheduledTaskAdmin /* Used on CorpSummary.aspx */ {
    border: 1px solid #88A5C3;
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    color: Black;
}

.p1 /*basic body text, verdana*/ {
    font-family: verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-variant: normal;
    font-weight: normal;
    border: 0;
    background-color: White;
    text-align: left;
    vertical-align: top;
    color: black;
}

.p2 /*  basic body text, arial*/ {
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-variant: normal;
    text-align: left;
    vertical-align: top;
    color: black;
}

.p3 /* TEXT BOXES */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border: 1pt solid #88A5C3;
    padding: 2pt;
    background-color: White;
    margin-right: 10px;
}

.disabledControl /* TEXT BOXES */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border: 1pt solid lightgray;
    padding: 2pt;
    background-color: silver;
    margin-right: 10px;
}

.p3MI /* TEXT BOXES */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 11pt;
    color: black;
    font-weight: normal;
    text-align: left;
    vertical-align: central;
    border: 1pt solid #88A5C3;
    padding: 2pt;
    background-color: White;
    margin-top: 0px;
}

.p4 /* DD LISTS */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    border: 1pt solid #88A5C3;
    padding: 2pt;
    background-color: White;
}

.p5 /* bold  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

.p6 /* LABEL */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    border: 0px dotted #4B6C9E;
    background-color: White;
}

.p7 /* Text Box ID #4B6C9E -- not sure where we are using this; it was a text element?????  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: bold;
    text-align: left;
    background-color: White;
    border: 0;
    padding-left: 6px;
    padding-right: 12px;
}

.p8 /* Check Box List  */ {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: black;
    text-align: left;
    vertical-align: top;
}


.Note /*  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: black;
    font-weight: normal;
    text-align: left;
    border: 1pt solid #88A5C3;
    background-color: White;
    padding: 6px;
}

.ErrorMessage *, .ErrorMessage {
    font-family: Verdana, Courier, Serif;
    font-size: 10pt;
    font-weight: normal;
    color: #FF3300;
}

.ErrorMessageMI *, .ErrorMessageMI {
    font-family: Verdana, Courier, Serif;
    font-size: 10pt;
    font-weight: 800;
    color: #FF3300;
    float: right;
}

.SuccessMessage *, .SuccessMessage {
    font-family: Verdana, Courier, Serif;
    font-size: 10pt;
    font-weight: normal;
    color: #006400;
}


.LargeRedStar /* red, bigger font */ {
    font-family: Courier New, Courier, Serif;
    font-size: 12pt;
    color: #FF3300;
}

.Watermark {
    font-family: Verdana, Helvetica, Sans-serif;
    font-size: 10pt;
    color: gray;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    background-color: #D8E2EE;
    border: 1pt solid #5983AC;
    height: 24px;
}

.right-align {
    text-align: right;
}


/* **************************************** 
GRID VIEW 
******************************************* */

.GridTopAlign td {
    vertical-align: text-top;
}

table.Grid /* do not wrap with td and tr */ {
    border: 1pt solid Gray;
    border-collapse: collapse;
    height: auto;
}

tr.GridHeader th /* SEC blue background, white text */ {
    font: 10pt Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: White;
    background: #31658A;
    padding: 3pt;
    border: 1pt solid #31658A;
    border-collapse: collapse;
}

tr.GridRow td {
    font: 10pt Verdana, Arial, Helvetica;
    text-align: left;
    color: black;
    background: white;
    padding: 3pt;
    border-bottom: 1pt solid gray;
}

tr.GridAltRow td {
    font: 10pt Verdana, Arial, Helvetica;
    text-align: left;
    color: black;
    background: #F5FAFF;
    padding: 3pt;
    border-bottom: 1pt solid gray;
}

tr.GridHeader2 th /* Gray background */ {
    font: 10pt Helvetica, Arial, Helvetica;
    font-weight: bold;
    color: Black;
    vertical-align: middle;
    padding: 3pt;
    border-bottom: 1pt solid Gray;
    border-collapse: collapse;
    background-color: Gray;
}

tr.GridRow2 td {
    font: 10pt Arial, Verdana, Helvetica;
    color: black;
    background: white;
    padding: 3px;
    border-bottom: 1pt solid Gray;
}

tr.GridAltRow2 td {
    font: 10pt Arial, Verdana, Helvetica;
    color: black;
    background: #F5FAFF;
    padding: 3px;
    border-bottom: 1pt solid Gray;
}

.GridFooter /*  */ {
    background-color: #F2F2F2;
    border-collapse: collapse;
}

tr.CenterItem td {
    text-align: center;
}

tr.ColumnHead th /* SEC blue text, white background, with a 2pt bottom border  */ {
    font-family: Verdana, Helvetica, Sans-serif;
    color: Gray;
    border-bottom: 1pt solid Black;
    font-size: 10pt;
    line-height: 15pt;
    font-weight: bold;
    padding: 4pt;
    text-align: left;
    vertical-align: top;
}


/* **************************************** 
LINK STYLES 
******************************************* */

.MenuLink /* Use in single TDs */ {
    font-family: Trebuchet MS, helvetica, sans-serif;
    font-size: 11pt;
    line-height: 16pt;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    border-collapse: collapse;
    background-color: #666666;
}

a.MenuLink:link {
    text-decoration: none;
}

a.MenuLink:visited {
    text-decoration: none;
}

a.MenuLink:hover {
    background-color: Silver;
    text-decoration: none;
    border: 0px solid #52A3CC; /*SEC blue*/
}

a.MenuLink:active {
    background-color: #52A3CC;
    text-decoration: none;
}

.link /*Use for standard links*/ {
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 10pt;
    color: #0066CC; /*light blue #52A3CC*/
    text-decoration: none;
}

a.link:link {
    text-decoration: none;
    font-weight: bold;
    color: #0066CC;
}

a.link:visited {
    text-decoration: none;
}

a.link:hover {
    text-decoration: none;
    border-bottom: 1pt dashed #FF3300;
    font-weight: bold;
    color: #FF3300;
}

a.link:active {
    text-decoration: none;
    color: #FF3300;
}

.GridCenterLink /*centers link in grid view*/ {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #0066CC; /*blue*/
    text-decoration: none;
}

a.GridCenterLink:link {
    text-decoration: none;
    padding-left: 12pt;
}

a.GridCenterLink:visited {
    text-decoration: none;
}

a.GridCenterLink:hover {
    text-decoration: none;
    border-bottom: 1pt dashed #FF3300;
    color: #FF3300;
}

a.GridCenterLink:active {
    text-decoration: none;
    color: #FF3300;
}

.PagingLink {
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
    color: #0066CC; /*teal*/
    text-decoration: none;
}

a.PagingLink:link {
    color: #0066CC;
    font-size: 10pt;
    text-align: center;
    text-decoration: none;
}

a.PagingLink:visited {
    color: #366B86;
    text-align: center;
    text-decoration: none;
}

a.PagingLink:hover {
    color: #FF3300; /* red */
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #FF3300;
}

a.PagingLink:active {
    color: #FF3300; /* red */
    text-decoration: none;
    border: 0;
}

/*********************************/

.popupControl /* Not in use:*/ {
    font-family: Courier Courier New Sans-Serif;
    font-size: 10pt;
    line-height: 18pt;
    color: navy;
    background-color: #F1F1F1;
    border-style: solid;
    border-color: Gray;
    border-width: 1pt;
    visibility: hidden;
    padding: 6px;
    width: 300px;
    height: 300px; /* Set to longest common denominator */
}

.popup_Header {
    vertical-align: central;
}

.popup_TitleContent {
    text-align: center;
    background-color: #31658A;
    color: white;
    width: 100%;
}

.GoogleFix /* Not in use:*/ {
    background-color: #FFFFFF !important;
}

.focusField /* Not in use:*/ {
    background-color: #FFFF99;
}


.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}
/*url(../Images/titlebar_bg.jpg);*/
.popup_Titlebar {
    background: #5D7B9D;
    height: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.popup_Body {
    padding: 15px 15px 15px 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    line-height: 15pt;
    clear: both;
    padding: 20px;
    width: 100%;
}

.TitlebarLeft {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
}

.TitlebarRight {
    background: url(../Images/cross_icon_normal.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 7px;
    margin-top: 7px;
}

.popup_Buttons {
    text-align: center;
    margin-bottom: 10px;
}

.popup_Container {
    background-color: white;
    overflow: auto;
    margin-top: 30px;
}

.leftP {
    width: 225px;
    height: 250px;
    padding: 10px;
    margin: 0px 10px 10px 0;
    z-index: 0;
    position: relative;
    border-radius: 10px;
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CfCfCf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #ffffff, #cfcfcf); /* for firefox 3.6+ */
    border: thin solid #F3F3F3;
}

.service-description {
    padding-left: 21px !important;
    display: table-cell;
}

#expeditenote span {
    border: 0 none;
    font-style: italic;
}

#expeditedradiolist tr {
    vertical-align: top;
    line-height: 18px;
}

#expeditedradiolist td {
    padding-bottom: 10px;
}

#expediteTable > tbody > tr td {
    padding: 5px 10px;
}

/* **************************************** 
SEARCH PAGE
******************************************* */

TD.radioTd label {
    font-weight: bold;
    padding-left: 5px;
}

td.radioTd input[type="radio"] {
    margin-top: -1px;
    vertical-align: middle;
}

#search-form td {
    vertical-align: middle;
}

#search-form .ErrorMessage ul li {
    padding: 10px 0;
}

/* **************************************** 
ORDER PAGE
******************************************* */

#fromOrderEntry td {
    align-content: flex-start;
    align-items: flex-start;
    text-align: left;
    vertical-align: text-top;
    vertical-align: top;
    padding: 5px 8px;
}

#fromOrderEntry table {
    padding: 0;
    margin: 0;
}

#fromOrderEntry .border-bottom {
    border-bottom: solid 1px #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#fromOrderEntry .no-padding {
    padding: 0;
}

#fromOrderEntry .ErrorMessage {
    text-align: left;
}


/*************************************'
Generate Manual Certificate Number Page
**************************************/

#dvGenerateCertificateNumber #dvControls, #dvGenerateCertificateNumber #dvButtons {
    margin: 20px;
    text-align: center;
}

#results td {
    padding: 10px;
}

#results table {
    margin-bottom: 60px;
}

#results tr:nth-child(even) {
    background: #eee;
}

#pnlCertificateNumber table {
    border: solid 1px silver;
    margin: 15px auto;
}

#pnlCertificateNumber label, #pnlCertificateNumber span {
    font-family: Arial;
    font-size: 12px;
}


/* **************************************** 
SKIP LINK
******************************************* */

#skip {
    background-color: #fd0;
    text-align: left;
}

    #skip a {
        padding: 3px 10px;
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

        #skip a:focus {
            position: static;
            width: auto;
            height: auto;
        }

.leftcolumn, .middlecolumn, .rightcolumn {
    float: left;
    width: 280px;
}

.contentsubmenu {
    clear: both;
}

    .contentsubmenu blockquote {
        width: 450px;
    }

    .contentsubmenu .left {
        width: 250px;
        height: 250px;
        float: left;
        padding: 10px;
        margin: 0px 10px 10px 0;
        z-index: 0;
        position: relative;
        border-radius: 10px;
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CfCfCf 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cfcfcf); /* for firefox 3.6+ */
        border: thin solid #F3F3F3;
    }

    .contentsubmenu .middle {
        width: 250px;
        height: 250px;
        float: left;
        padding: 10px;
        margin: 0px 10px 10px 0;
        border-radius: 10px;
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cfcfcf); /* for firefox 3.6+ */
        border: thin solid #F3F3F3;
    }

    .contentsubmenu .right {
        width: 250px;
        height: 250px;
        float: left;
        padding: 10px;
        margin: 0px 10px 10px 0;
        border-radius: 10px;
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cfcfcf)); /* for webkit browsers */
        background: -moz-linear-gradient(top, #ffffff, #cfcfcf); /* for firefox 3.6+ */
        border: thin solid #F3F3F3;
    }

.floatLeft {
    float: left;
}

.tableContainer {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

.certificateofCorrectiontrLeftBold {
    width: 15%;
    font-weight: bold;
}

.certificateofCorrectiontrLeft {
    width: 15%;
}

.certificateofCorrectiontrLeft20 {
    width: 20%;
}
.foreignPrincipalOfficetrLeft22 {
	width: 22%;
	padding-left: 22px;
}
.certificateofCorrectiontrLeftBold33 {
    width: 28%;
    font-weight: bold;
}

.TableBorderSilver {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border: 1px solid silver;
    color: Black;
    border-collapse: collapse;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

.TableScheduledTasks {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border: 1px solid silver;
    color: Black;
    border-collapse: collapse;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.TablePrintPrepopulatedForm {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    border: 1px solid silver;
    color: Black;
    border-collapse: collapse;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.TableBroadCastMessage100 {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: lightyellow;
    border: 1px solid white;
    color: Black;
    border-collapse: collapse;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.TableBroadCastMessage90 {
    font-family: Verdana;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    background-color: lightyellow;
    border: 1px solid white;
    color: Black;
    border-collapse: collapse;
    width: 40%;
    margin-left: 25%;
    margin-right: 35%;
}

.blueBroadCastMessage {
    color: #313695;
    text-align: left;
    font-weight: bold;
}

.additionalInstructions {
    color: #313695;
    font-size: 10pt;
}

.redBroadCastMessage {
    color: #9A2617;
    text-align: left;
    font-weight: bold;
}

.GreenBroadCastMessage {
    color: #4A856B;
    text-align: left;
    font-weight: bold;
}

.printerSelector {
    width: 50vw;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: darkslategray;
    padding: 16px;
    color: whitesmoke;
    font-size: 12px;
    line-height: 14px;
}

.printerButtonPanel {
    display: inline-block;
    opacity: 1.0;
    width: 100px;
    height: 100px;
    margin: 6px;
    position: relative;
    color: black;
}

    .printerButtonPanel:hover {
        background-color: whitesmoke;
    }

    .printerButtonPanel input:hover {
        cursor: pointer;
    }

.printerCancelButton {
    background-color: lightgray;
}

.printerBackground0 {
    background-color: darksalmon;
}

.printerBackground1 {
    background-color: palegoldenrod;
}

.printerBackground2 {
    background-color: honeydew;
}

.printerBackground3 {
    background-color: pink;
}

.printerBackground4 {
    background-color: cornsilk;
}

.printerBackground5 {
    background-color: snow;
}

.printerButtonPanel img {
    display: block;
    margin: auto;
    margin-top: 4px;
    margin-bottom: 2px;
}

.printerName {
    position: absolute;
    top: 52px;
    height: 44px;
    width: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.printerButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
}

.printerMessage {
    display: block;
    color: lemonchiffon;
}

.hasToolTip {
    position: relative;
}

    .hasToolTip .toolTipAbove {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: whitesmoke;
        text-align: center;
        padding: 5px 2px;
        border-radius: 6px;
        position: absolute;
        bottom: 105%;
        left: 50%;
        margin-left: -60px;
        z-index: 1;
    }

        .hasToolTip .toolTipAbove::after {
            content: " ";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .hasToolTip:hover .toolTipAbove {
        visibility: visible;
    }

.errorDiv {
    margin:25px;
    border-radius:12px;
    padding-top:8px;
    padding-bottom:8px;
    background-color:lightsteelblue;
}
.errorHeader {
    margin:0;
    font-size:24pt;
}
.userControlContainer {
    border: 1px solid silver;
    padding: 6px;
    text-align: left;
}
.sectionTop {
    margin-top: 16px;
}
.userControlContainer .radioList input {
    float: left;
}

.userControlContainer .radioList label {
    margin-left: 22px;
    display: block;
}
.userControlContainer .userControlInstructions {
    margin-bottom: 12px;
}
.userControlContainer .userControlButtonRow {
    text-align: right;
    margin-top: 6px;
    margin-right: 16px;
}
.userControlContainer .userControlDisplayValue {
    font-weight: bold;
}
.checkList input {
    vertical-align: middle;
}
.checkList label {
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 8px;
}
.hidden {
    display: none;
}


.loader {
    animation: spin 2s linear infinite;
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 70%;
    width: 120px;
    height: 120px;
    margin: -100px 0 0 -100px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    animation: spin 2s linear infinite;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .loader {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .loader {
    display: block;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}