.hyperlinkButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
    font-size: 10pt;
    font-family: century gothic;
    color: #00A5FF;
    text-decoration: none;
    font-weight: 700;
}

.hyperlinkButtonL {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
    font-size: 18pt;
    font-family: century gothic;
    color: #00A5FF;
    text-decoration: none;
    font-weight: 700;
}

.notification {
    color: rgb(133, 100, 4);
    background-color: rgb(255, 243, 205);
    padding: 8px;
    font-size: small;
    font-weight: bold;
    border: 1px solid rgb(133, 100, 4);
    display: none;
}

#blackout {
    width: 100%;
    height: 100%; /* make sure you have set parents to a height of 100% too*/
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10; /*just to make sure its on top*/
}

.hoverClass {
    cursor: pointer;
}

.handWritten {
    font-family: 'Gloria Hallelujah', cursive;
    font-size: large;
    color: dodgerblue;
}

/*this is for the next buttons*/
.imgClass {
    background-image: url(../images/next.png);
    width: 115px;
    height: 45px;
    border: 0px;
}

.pgbrk {
    page-break-after: always;
}

/*this is for the filing submit button*/
.submitFilingClass {
    background-image: url(../images/submitFiling.png);
    width: 115px;
    height: 45px;
    border: 0px;
}

/*this is for the back buttons*/
.backClass {
    background-image: url(../images/back.png);
    width: 115px;
    height: 45px;
    border: 0px;
}

/*this is for the save buttons*/
.saveClass {
    background-image: url(../images/save.png);
    width: 107px;
    height: 45px;
    border: 0px;
}

/*this is for the save buttons*/
.cancelClass {
    background-image: url(../images/cancelFilingButton.png);
    width: 115px;
    height: 45px;
    border: 0px;
}

/*this is for the create account button*/
.imgClassCreateAccount {
    background-image: url(../images/createAccount.png);
    width: 120px;
    height: 64px;
    border: 0px;
}

/*Grey Table Header*/
.tableHeader {
    background: #959290;
    color: white;
}

/*this is to show letters in the password input but hide it
when the user starts typing his/her password and show only the dots*/
#password-clear {
    display: none;
}

.hide_it {
    display: none;
}

/* Page Heading */
.pageTitle {
    font-family: "century gothic";
    font-size: 27px;
    color: #383A3B;
    margin-top: 4px;
}

.pageSubTitle {
    font-family: "century gothic";
    font-size: 20px;
    color: #383A3B;
}

/*This is for the red error message of each page in the system like home,settings,tech support etc.*/
font.errorFont {
    font-family: "century gothic";
    font-size: 18px;
    color: #E80000;
    font-weight: bold;
}

font.missingField {
    color: #E80000;
    font-family: "century gothic";
    font-size: 12px;
}

/*this is for the lettering for the input text fields*/
.fancyInputWelcomePage {
    height: 40px;
    width: 350px;
    font-size: 14pt;
    border: 1px solid;
    font-family: century gothic;
}

/*this is for the lettering for the input text fields*/
.fancyInput {
    height: 40px;
    width: 420px;
    font-size: 14pt;
    border: 1px solid;
    font-family: century gothic;
}

.fancyInputLong {
    height: 40px;
    width: 550px;
    font-size: 14pt;
    border: 1px solid;
    font-family: century gothic;
}

.fancyInputS {
    font-size: 11pt;
    font-family: century gothic;
}

/*this is for the search text fields*/
.searchInput {
    height: 40px;
    width: 550px;
    font-size: 14pt;
    border: 1px solid;
    font-family: century gothic;
}

/*this is for the lettering for the input text fields*/
.fancySignUp {
    height: 40px;
    width: 300px;
    font-size: 16pt;
    border: 1px solid;
    font-family: century gothic;
}

/*this is for the lettering for general fonts that may be through the site (WHITE)*/
.fancyFontsWhite {
    font-size: 14pt;
    font-family: century gothic;
    color: white;
}

/*this is for the lettering for general fonts that may be through the site*/
.fancyFonts {
    font-size: 14pt;
    font-family: century gothic;
}

/*this is for the lettering for general fonts that may be through the site*/
.fancyFontsBold {
    font-size: 16pt;
    font-family: century gothic;
    font-weight: bold;
}

/*this is for the lettering for general fonts that may be through the site*/
.smallFancyFonts {
    font-size: 11pt;
    font-family: century gothic;
}

/*this is for the lettering for general fonts that may be through the site (BLACK)*/
.fancyFontsBlack {
    font-size: 14pt;
    color: #000000;
    font-family: century gothic;
}

/*this is for the lettering for general fonts that may be through the site (BLACK Small Version)*/
.fancyFontsBlackS {
    color: #000000;
    font-family: century gothic;
}

/*this is for the lettering date default font*/
.dateFancyFont {
    font-size: 14pt;
    color: #C0C0C0;
    font-family: century gothic;
}

/*this is for the lettering date default font (small version)*/
.dateFancyFontS {
    color: #C0C0C0;
    font-family: century gothic;
}

/*this is for the lettering for general fonts that may be through the site*/
.smallWhiteFancyFonts {
    font-size: 8pt;
    font-family: century gothic;
    color: white;
}

.fancyTable {
    border-top: thin solid black;
    border-left: thin solid black;
    border-right: thin solid black;
    border-bottom: thin solid black;
    font-size: 14pt;
    font-family: century gothic;
    background-color: #eee;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
}

.fancyTableSmall {
    border-top: thin solid black;
    border-left: thin solid black;
    border-right: thin solid black;
    border-bottom: thin solid black;
    font-size: 10pt;
    font-family: century gothic;
}

/*Small Blue Button*/
.fancyBlueEditButtonS {
    background-color: #00A5FF;
    color: white;
    border: 0;
    height: 25px;
    cursor: pointer;
}

/*Small Blue Button*/
.fancyDarkBlueEditButtonS {
    background-color: #0174DF;
    color: white;
    border: 0;
    height: 25px;
    cursor: pointer;
    opacity: 0.5;
}

/*long Blue Button*/
.fancyBlueEditButtonL {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 170px;
    height: 40px;
    cursor: pointer;
}

/*long Blue Button*/
.fancyBlueEditButtonL {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 170px;
    height: 40px;
    cursor: pointer;
}

/*long Blue Button*/
.fancyBlueEditButtonXL {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 170px;
    height: 60px;
    cursor: pointer;
}

/*long Blue Button*/
.fancyBlueEditButtonXXL {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 600px;
    height: 60px;
    cursor: pointer;
    font-size: 25px;
}

/*login Button*/
.loginButtonS {
    width: 340px;
    height: 45px;
    background-color: #00A5FF;
    color: white;
    border: 0;
    cursor: pointer;
}

.fancyBluePageButtonS {
    background-color: #00A5FF;
    color: white;
    border: 0;
    height: 20px;
    width: 25px;
    cursor: pointer;
}

.backNextButton {
    background: url(../images/goToPageRight.jpg);
    border: 0px;
}

/*Small Blue Button to remove saved filing*/
.removeFiling {
    background-color: #00A5FF;
    color: white;
    border: 0;
    height: 20px;
    cursor: pointer;
}

/*Small Red Button*/
.fancyRedEditButtonS {
    background-color: #d30000;
    color: white;
    border: 0;
    height: 20px;
    cursor: pointer;
}

/*the search button uses this*/
.fancyBigBlueEditButton {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 110px;
    height: 45px;
    cursor: pointer;
}

/*the search button uses this*/
.searchButton {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 100%;
    height: 45px;
    cursor: pointer;
}

/*Fancy Medium Blue Edit Button*/
.fancyBlueEditButtonM {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 120px;
    height: 30px;
    cursor: pointer;
}

/*Medium Blue Button*/
.fancyBlueButtonM {
    background-color: #00A5FF;
    color: white;
    border: 0;
    width: 150px;
    height: 40px;
    cursor: pointer;
}

/*Medium Red Button*/
.fancyRedButtonM {
    background-color: #d30000;
    color: white;
    border: 0;
    width: 150px;
    height: 30px;
    cursor: pointer;
}

/*the search button uses this*/
.fancyBigRedEditButton {
    background-color: #d30000;
    color: white;
    border: 0;
    width: 110px;
    height: 45px;
    cursor: pointer;
}

.fancyBlueButtonM.link {
    padding: 10px;
    font-size: 14pt;
    font-family: century gothic;
    text-decoration: none;
    font-weight: 700;
    color: white;
}

.link {
    font-size: 14pt;
    font-family: century gothic;
    color: #00A5FF;
    text-decoration: none;
    font-weight: 700;
}

.success-msg {
    color: #155724;
    background-color: #d4edda;
    padding: 12px;
}

.error-msg {
    color: #721c24;
    background-color: #f8d7da;
    padding: 12px;
}

.smallLink {
    font-size: 11pt;
    font-family: century gothic;
    color: #00A5FF;
    text-decoration: none;
    font-weight: 700;
}

/*this is for the advanced search link under the search button*/
.advancedSearch {
    font-size: 10pt;
    font-family: century gothic;
    color: #00A5FF;
    text-decoration: none;
    font-weight: 700;
}

/*this is for the lettering for error msg when pwd does  match in the sign up page*/
.goodPwd {
    font-size: 14pt;
    font-family: century gothic;
}

.smallGoodPwd {
    color: #000000;
    font-size: 10pt;
    font-family: century gothic;
}

/*This is for the 3 icons (home,settings and logout) in the toolbar*/
.fader {
    display: inline-block;
}

    .fader img:last-child {
        top: 0;
        left: 0;
        display: none;
    }

/*this class is used for the inputs when creating new account. it shows the warning*/
.warning {
    color: #FF0000;
    font-size: 14pt;
    font-family: century gothic;
}

.smallWarning {
    color: #000000;
    font-size: 10pt;
    font-family: century gothic;
}

/*the following classes are used to change the password strength result colors*/
.short {
    color: #FF0000;
    font-size: 14pt;
    font-family: century gothic;
}

.tooShort {
    color: #000000;
    font-size: 10pt;
    font-family: century gothic;
}

.weak {
    color: #000000;
    font-size: 14pt;
    font-family: century gothic;
}

.tooWeak {
    color: #E66C2C;
    font-size: 10pt;
    font-family: century gothic;
}

.good {
    color: #2D98F3;
    font-size: 14pt;
    font-family: century gothic;
}

.tooGood {
    color: #2D98F3;
    font-size: 10pt;
    font-family: century gothic;
}

.strong {
    color: #006400;
    font-size: 14pt;
    font-family: century gothic;
}

.tooStrong {
    color: #006400;
    font-size: 10pt;
    font-family: century gothic;
}

.footerLinks {
    text-decoration: none;
    cursor: pointer;
}