﻿/* GLOBALS --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body
{
    background-color: #DCDCDC; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0;
}

    body tr:has(.PageMessage) {
        height: 0px;
    }

    body tr:has(.PageMessage > .PageMessageBox > .PageMessageBox-Message:empty) {
        /* only collapses the message box area when it is empty */
        visibility: collapse;
    }

    body tr:has(.test_banner) {
        height: 0px;
        visibility: collapse;
    }

div
{
    /*background-color: #FFFFFF;*/ /* divs default to white background */
    display: block;
    overflow: hidden;
}

/* links default to blue, no underline */
a:link
{
    font-weight: normal;
    text-decoration: none;
    color: #008897;
    font-weight: bold;
}

/* visited links do not look different */
a:visited
{
    font-weight: normal;
    text-decoration: none;
    color: #008897;
    font-weight: bold;
}

/* active links do not look different */
a:active
{
    font-weight: normal;
    text-decoration: none;
    color: #008897;
    font-weight: bold;
}

/* hovered links acquire an underline */
a:hover
{
    font-weight: normal;
    text-decoration: none;
    color: #00B5C9;
    font-weight: bold;
}

li
{
    margin-bottom: 10px;
}

label
{
    display: inline-block;
}

input
{
    margin-bottom: 3px;
}

/* MAIN MENU ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menuContainer
{
    background-color: #F47920;
}

.menuColor
{
    background-color: #F47920;
}

#menuContainer .activeUsername {
    font-weight: bold;
    color: #8B2C03;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
}

#atxShoppingCartCount {
    color: #FFFFFF !important;
}

    #atxShoppingCartCount:hover {
        color: #8B2C03 !important;
    }

a.menuLink:link
{
    text-decoration: none;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
}

a.menuLink:visited
{
    text-decoration: none;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
}

a.menuLink:active
{
    text-decoration: none;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
}

a.menuLink:hover
{
    text-decoration: none;
    color: #8B2C03;
    vertical-align: middle;
    font-weight: bold;
}

/* LINKS THAT ACT AS JAVASCRIPT BUTTONS ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
a.buttonLink:link
{
    font-weight: bold;
    text-decoration: underline;

}

a.buttonLink:visited
{
    font-weight: bold;
    text-decoration: underline;
}

a.buttonLink:active
{
    font-weight: bold;
    text-decoration: underline;
}

a.buttonLink:hover
{
    font-weight: bold;
    text-decoration: underline;
}

/* COMPANY EDITING ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.validationError
{
    color: #FF0000;
    padding-left: 5px;
    padding-bottom: 5px;
}

.validationError2
{
    color: #FF0000;
    padding-left: 5px;
    padding-bottom: 5px;
}

#contactInfo-editable-tip
{
    width: 365px;
    top: 0px;
    left: 0px;
    position: absolute;
}

#contactInfo-editable-main label
{
    width: 100px;
}

.companyInfoError
{
    color: #FF0000;
    padding-left: 0px;
    margin-left: 130px;
    padding-bottom: 5px;
}

#companyInfo-editable-tip
{
    width: 365px;
    top: 0px;
    left: 0px;
    position: absolute;
}

#companyInfo-editable-main label
{
    width: 135px;
}

.mapState
{
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
    width: 300px;
    height: 200px;
}

#bankAccount-editable-tip
{
    width: 365px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.bankAccountError
{
    color: #FF0000;
    padding-left: 0px;
    margin-left: 155px;
    padding-bottom: 5px;
}

#filingStates-editable-main label
{
    width: 30px;
    margin-left: 5px;
}

.filingStates-readonly-map-state
{
    position: absolute;
    top: 0px;
    left: 0px;
}

#filingStates-readonly-data td
{
    width: 30px;
}

.pins-editable-generic-item
{
    font-weight: bold;
}

.pins-editable-generic-item span
{
    background-color: #FFFFFF;
    padding-left: 2px;
    padding-right: 8px;
}

#pins-editable-generic-data label
{
    width: 150px;
}

#pins-editable-generic-data input
{
    width: 150px;
}

.pins-editable-generic-item-instr
{
}

#pins-editable-generic-tip
{
    width: 365px;
    top: 0px;
    left: 0px;
    position: absolute;
}

.sectionHeading
{
    margin-top: 10px;
    background-color: #F3F3F3;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
}

#company-header
{
    margin-top: 20px;
    background-color: #F3F3F3;
    font-size: 24px;
    padding: 10px 10px 5px 10px;
}

.disabledLink
{
    color: #A0A0A0;
}

.login-header
{
    font-weight: bold;
    margin-bottom: 30px;
}

.login-box
{
    width: 450px;
}

#efilepackage-step2-packagelist td
{
    width: auto;
}

#efilepackage-step2-packagelist td label
{
    padding-left: 5px;
    cursor: pointer;
}

#pins-editable-94xrequest-data label
{
    width: 140px;
}

#pins-editable-94xrequest-tip
{
    width: 365px;
    top: 0px;
    left: 0px;
    position: absolute;
}

#pins-editable-94xrequest-data input
{
    width: 300px;
}

/*This colors the header of the notification pop up*/
.ui-widget-header 
{ 
    border: 1px solid #008897; 
    background: #00636D 50% 50% repeat-x; 
    color: #ffffff; 
    font-weight: bold; 
}

.test_banner {
    border: 3px solid red; 
    color: red;     
    display: flex; 
    align-items: center; 
    justify-content: center; 
    height: 50px;
    font-family: Arial, sans-serif; 
    font-size: 18px; 
}