/*

filename: styles.css

Copyright (c) 2020 Lighting Analysts, Inc.

*/

/* -------------------------- Element Directives -------------------------- */
body { font-family: "Arial Nova", arial, serif; font-size: 11px; background-color:#EBEBEB; color:#000000; text-align:left; margin:0; padding:0; }
a { color: #cf5e0a; font-size: 11px; font-weight: normal; text-decoration: underline; }
form { display: inline; }
img { -ms-interpolation-mode: bicubic; }
table, p, span, div { font-family: "Arial Nova", arial, serif; font-size: 11px; }
td { font-family: "Arial Nova", arial, serif; font-size: 11px; vertical-align: top; }
input, select, textarea { font-family: "Arial Nova", arial, serif; font-size: 11px; }




/* -------------------------- Attribute Directives -------------------------- */




/* -------------------------- Class Directives -------------------------- */
.whiteBG { background-color: white; }
.no-close .ui-dialog-titlebar-close { display: none; }
.clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }

.tableDisplayOn { clear: both; }
.tableDisplayOff { clear: both; display: none; }

.main { font-size: 11px; }
.main10 { font-size: 10px; }
.main10Italics { font-size: 10px; font-style: italic; }
.main12 { font-size: 12px; }
.main13 { font-size: 13px; }
.main14 { font-size: 14px; }
.main16 { font-size: 16px; }
.mainQuote { font-size: 11px; }
.mainQuote14 { font-size: 14px; }
.mainQuote-xx-small { font-size: 9px; }
.smallTextRed { font-size: 10px; color: #ff0000; }
.smallTextGrey { font-size: 10px; color: #666666; }
.smallerTextGrey { font-size: 9px; color: #666666; }
.smallText { font-weight:normal; font-size: 10px; }
.smallTextBold { font-weight:bold; font-size: 10px; }
.smallestText { font-weight:normal; font-size: 7px; }
.smallestTextBold { font-weight:bold; font-size: 7px; }
.smallText9 { font-weight:normal; font-size: 9px; }
.main2 { font-size: 11px; line-height: 1.5; color:#999999; }
.mainRed { font-size: 11px; line-height: 1.5; color: #FF0000; }
.mainBold { font-size: 11px; font-weight:bold; }
.mainBold12 { font-size: 12px; font-weight:bold; }
.mainBlueBold14 { color: #0000FF; font-size: 14px; font-weight:bold; }
.mainBlueBold { color: #0000FF; font-weight:bold; font-size: 11px; }
.mainBoldDrkGrey { font-size: 11px; font-weight:bold; color: #444444; }
.mainBoldBlk { font-size: 11px; font-weight:bold; line-height: 1.5; color: #000000; }
.mainGrey { font-size: 11px; font-weight:normal; line-height: 1.5; color: #666666; }
.mainBoldRed { font-size: 11px; font-weight:bold; line-height: 1.5; color: #FF0000; }

.boxText { font-size: 10px; }
.errorBox { font-size: 10px; background: #ffb3b5; font-weight: bold; }

.whiteText { color: #ffffff; }
.whiteTextBold { color: #ffffff; font-weight: bold; }
.blackText { color: #000000; }
.blackTextBold { color: #000000; font-weight: bold; }
.blueText { color: #0000ff; }
.blueTextBold { color: #0000ff; font-weight: bold; }
.yellowBG {background-color: yellow; }
.yellowBkgrdText { color: #000000; background-color: yellow; }
.redText { color: #ff0000; }
.redText10 { color: #ff0000; font-size: 10px; }
.redTextBold { color: #ff0000; font-weight: bold; }
.greyText { color: #666666; }
.greyTextBold { color: #666666; font-weight: bold; }
.ltGreyText { color: #cccccc; }
.ltGreyTextBold { color: #cccccc; font-weight: bold; }
.dkBlueText { color: #000099; }
.dkBlueTextBold { color: #000099; font-weight: bold; }
.dkRedText { color: #990000; }
.dkRedTextBold { color: #990000; font-weight: bold; }
.darkGreenText { color: #007700; }
.darkGreenTextBold { color: #007700; font-weight: bold; }
.AGi32BaseColor { color: #F4791F; }
.AGi32BaseColorDrk { color: #B35109; }
.ETBaseColor { color: #4635DF; }
.redBkgrdText { color: #ffffff; background-color: red; }
.redBkgrdTextWithBlackText { color: #000000; background-color: red; }

.underline { text-decoration:underline; }
.hand { cursor: pointer; }
.italics { font-style: italic; }
.notBold { font-weight: normal; }
.boldText { font-weight: bold; }

.redLink { color: #FF0000; }
.redBoldLink { font-weight:bold; color:#ff0000; }
.darkRedLink { color: #CC0000; }
.blueBoldLink { font-weight:bold; color:#0000ff; }
.blueLink { color: #0000FF; }
.blueLink:hover { color: #FF0000;}
.blueLinkBold { font-weight: bold; color: #0000FF; }
.blueLinkBold:hover { font-weight: bold; color: #FF0000;}
.blueLinkBold10 { font-weight: bold; font-size: 10px; color: #0000FF; }
.blueLinkBold10:hover { font-weight: bold; font-size: 10px; color: #FF0000;}
.orangeLink { color: #cf5e0a; font-size: 11px; font-weight: normal; text-decoration: underline; }
.mainBlueLink { color: #0000FF; }
.mainBlueLink:hover { color: #FF0000;}
.mainBlueLinkBold { font-weight: bold; color: #0000FF; }
.mainBlueLinkBold:hover { font-weight: bold; color: #FF0000;}
.mainBlueLink12 { font-size: 12px; color: #0000FF; }
.mainBlueLink12:hover { font-size: 12px; color: #FF0000;}


.headerBlueTextBold { color: #0000ff; font-weight: bold;  }
.existingAccountsBoxContents { background: #99CCFF; font-size: 10px; padding: 2px; }
.infoBox { background: #b6b7cb; }
.infoBoxContent { background: #f8f8f9; font-size: 10px; padding: 2px; }
.infoBoxContentYellow { font-size: 10px; color: #000000; background-color: #FFFFCC; padding: 2px; }
.infoBoxHeading { font-size: 10px; font-weight: bold; background: #bbc3d3; color: #000000; }
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-size: 10px; padding: 2px; }
.productListing-evenOver { background-color: #AAFFFF; }
.productListing-oddOver { background-color: #AAFFFF; }
.productListing-heading { font-size: 10px; background: #b6b7cb; color: #000000; font-weight: bold; }
.productListing-data { font-size: 10px; }
.productListing-data-small { font-size: 9px; }
.productListingRevit-odd { background: #E0E9F8; }
.productListingRevit-even { background: #B7C8EE; }
.productListing-even-grey { background: #e8e8e9; color: #999999; }
.productListing-odd-grey { background: #f8f8f9; color: #999999; }
.productListing-odd { background: #f8f8f9; }
.productListing-even { background: #e8e8e9; }
.pageHeading { font-size: 20px; font-weight: bold; color: #9a9a9a; }
.pageHeadingBlack { font-size: 20px; font-weight: bold; color: #000000; }
.pageHeadingBlue { font-size: 20px; font-weight: bold; color: #0000ff; }
.heading16BlueBold { font-size: 16px; font-weight: bold; color: #0000ff; }
.heading18BlueBold { font-size: 18px; font-weight: bold; color: #0000ff; }
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.moduleRowNoPointer { }
.moduleRowOverNoPointer { background-color: #D7E9F7; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

.noDecorationLink { color: #000000; text-decoration: none; }
.noDecorationLink:link, .noDecorationLink:visited, .noDecorationLink:hover { color: #000000; text-decoration: none; }

.messageBox { font-size: 10px; }
.messageStackError { font-size: 10px;background-color: #ffb3b5; }
.messageStackWarning { font-size: 10px;background-color: #FFFF33; }
.messageStackSuccess { font-size: 10px;background-color: #99ff00; }
.messageStackBlank { font-size: 10px; }


.inputRequirement { font-size: 10px; color: #ff0000; }
.missingData { color: #ff0000; }

.dataTableTitle { font-size: 12px; font-weight: bold; color: #000000; }
.dataTableTitleBlue { font-size: 12px; font-weight: bold; color: #000099; }
.dataTableHeadingRow { background-color: #C9C9C9; font-weight: bold; }
.dataTableHeadingRow-Checkbox { background: #C9C9C9; font-size: 10px; color: #000000; font-weight: bold; cursor:pointer }
.dataTableHeadingContent { background: #C9C9C9; font-size: 10px; color: #000000; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; }
.dataTableContent { font-size: 10px; color: #000000; }
.dataTableContentInactive { font-size: 10px; color: #000000; background: #ffbfbf}
.dataTableContent-even { font-size: 10px; color: #000000; background: #e8e8e9; }
.dataTableContent-odd { font-size: 10px; color: #000000; background: #f8f8f9; }
.dataTableContent-critical { font-size: 10px; color: #000000; background: #ebe7de; }
.dataTableContent-normal { font-size: 10px; color: #000000; background: #ffffff; }
.dataTableContent-evenOver { background-color: #AAFFFF; }
.dataTableContent-oddOver { background-color: #AAFFFF; }
.dataTableContent-highlight { font-size: 10px; color: #000000; background: #FFFFAA; }
.dataTableContent-data { font-size: 10px; }
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaInactive { background-color: #ffbfbf; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: "Arial Nova", arial, serif; font-size: 12px; font-weight: bold; }
.fieldRequired { font-size: 10px; color: #ff0000; }
.fieldInputMain {  font-size: 11px; line-height: 1.5; color: #000000; font-weight: normal; background-color:#CEDEFF}
.fieldInputMainRed {  font-size: 11px; line-height: 1.5; color: #000000; font-weight: normal; background-color:#FF0000}
.fieldInputMainRedtext {  font-size: 11px; line-height: 1.5; color: #FF0000; font-weight: normal; background-color:#CEDEFF}
.fieldInputMainRedWhite {  font-size: 11px; line-height: 1.5; color: #FFFFFF; font-weight: normal; background-color:#FF0000}

.MainBlueWhite10 { color: #FFFFFF; background-color: #0000FF; font-size: 10px; }

.scrollToTop { width: 52px; height: 50px; padding: 35px 10px 10px 10px; text-align: center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position: fixed; top: 80%; right: 10px; display: none; background: url('../images/icons/PNGs/arrow_up48x48.png') no-repeat 14px 12px; opacity: 0.75; }
.scrollToTop:hover { text-decoration: none; }

.scrollToTopHide { width: 52px; height: 15px; padding: 15px 10px 10px 10px; text-align: center; font-weight: normal; color: #444; text-decoration: none; position: fixed; top: 85%; right: 10px; display: none; opacity: 0.75; }
.scrollToTopHide:hover { text-decoration: none; }

.g3PortalHeadingCol { background-color: #c9c9c9; font-weight: bold; vertical-align: bottom; }
.g3PortalContent-even { background: #e8e8e9; }
.g3PortalContent-odd { background: #f8f8f9; }
.g3PortalContent-data { font-weight: normal; }
.g3PortalPadRt20 { padding-right: 20px; }
.expiredClass_G3Licp { display: none; }
.expiredClass_G3ProductsList { display: none; }
.activationsClass_G3Licp { display: table-row; }
.activationsClassInUseOnly_G3Licp { display: table-row; }


.controlGroup { border: 1px solid #999999; padding: 5px 10px 5px 10px; }
.controlGroupNoBorder { border: 0; padding: 5px 10px 5px 10px; }
.controlGroupTitle { display: inline-block; position: relative; top: -15px; background-color: #fff; }


.Header { background: #ffffff; color: #000000; font-size: 14px; font-weight: bold; }
.HeaderWhite { background: #000000; color: #ffffff; font-size: 14px; font-weight: bold; }


.linkButton { background-color: #68BE7D; border: none; border-radius: 4px; color: white; padding: 3px 15px; text-align: center; text-decoration: none; height: 22px; font-size: 12px; cursor: pointer; }
.linkButtonMini { padding: 2px 8px; font-size: 8px; }
.linkButtonSmall { height: 12px; font-size: 10px; }
.linkButtonLarge { padding: 10px 15px; height: 35px; font-size: 12px; }
.linkButtonDisabled { background-color: #CCCCCC; color: white; cursor: default; }
.linkButtonOrange { background-color: #EB7903; }
.linkButtonRed { background-color: #CC3300; }
.linkButtonBlue { background-color: #0000FF; color: white; }
.linkButtonBlue:hover { color: red !important; cursor: pointer; }

.Revalize-linkButton { font-family: "Arial Nova", arial, serif; background-color: #13508b; border-color:#13508b; border-radius: 30px; color: #ffffff; padding: 8px 14px; font-size:14px; font-weight:400; line-height:14px; cursor: pointer; text-decoration: none; }
.Revalize-linkButtonMini { padding: 2px 8px; font-size: 8px; }
.Revalize-linkButtonSmall { line-height: 10px; font-size: 10px; padding: 4px 10px; }
.Revalize-linkButtonLarge { padding: 10px 15px; height: 35px; font-size: 12px; }
.Revalize-linkButtonDisabled { background-color: #CCCCCC; color: white; cursor: default; }

.submitButton:hover { text-decoration: none; color: black; }
.submitButton { background-color: #68BE7D; border: none; border-radius: 4px; color: white; padding: 3px 15px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; cursor: pointer; }
.submitButtonMini { padding: 2px 8px; font-size: 8px; }
.submitButtonSmall { font-size: 10px; }
.submitButtonLarge { padding: 10px 15px; font-size: 12px; }
.submitButtonDisabled:hover { color: white; cursor: default; }
.submitButtonDisabled { background-color: #CCCCCC; color: white; cursor: default; }
.submitButtonOrange { background-color: #EB7903; }
.submitButtonRed { background-color: #CC3300; }
.submitButtonBlue { background-color: #0000FF; color: white; }
.submitButtonBlue:hover { color: red; cursor: default; }

.Revalize-submitButton { font-family: "Arial Nova", arial, serif; background-color: #13508b; border-color:#13508b; border-radius: 30px; color: #ffffff; padding: 8px 14px; font-size:14px; font-weight:400; line-height:14px; cursor: pointer; text-decoration: none; }
.Revalize-submitButtonMini { padding: 2px 8px; font-size: 8px; }
.Revalize-submitButtonSmall { line-height: 10px; font-size: 10px; padding: 4px 10px; }
.Revalize-submitButtonLarge { padding: 10px 15px; font-size: 12px; }
.Revalize-submitButtonDisabled { background-color: #CCCCCC; color: white; cursor: default; }

.loggedInAs { font-size: 12px; color: #0000ff; font-weight: bold; }
.errorText { color: #ff0000; }
.spaceOver20{ padding: 0 20px; }
.pageWarning { font-size: 20px; font-weight: bold; color: #FF0000; }
.tableHeading { font-size: 12px; font-weight: bold; }
.formAreaTitle { font-size: 12px; font-weight: bold; }
.formLabelRight { font-weight: bold; text-align: right; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.ContentBlock { padding: 10px 10px 10px 10px; }

.inUseClass_G3LA { display: table-row; }
.inUseClass_G3LAp { display: table-row; }

table.zero_default {border: 0; width: 100%; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0;}
table.NavbarHeader {border: 0; width: 1152px; margin-right: auto; margin-left: auto; -webkit-border-horizontal-spacing: 0; -webkit-border-vertical-spacing: 0; }

.hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    /*margin: 1em 0;*/
    padding: 0;
}

/* -------------------------- ID Directives -------------------------- */
#pageHdrContent { padding: 20px 10px 10px 10px; }
#pageFooterContent { padding: 20px 10px 20px 10px; text-align: center; }
#greyBarHolder.slim { height: 50px; }
#greyBar.fixed_elem { left:0; top:0; }
#greyBar { background-color:#FFFFFF; min-width:350px; width:100%; z-index:300; }
#greyBarCenter { position: relative; float: none; height: 100%; min-height:40px; margin:5px;}
#greyBarLeft { position: relative; float: left; height: 50px; }
#greyBarRight { position: relative; float: right; height: 50px; vertical-align: bottom; }
#renderingContestFloat { position:absolute; left:45%; top:180px; }
#proceedText { color: #EB7903; font-style: italic; }


/* -------------------------- Combined Directives -------------------------- */
a.disabledLink { color: #9a9a9a; }
a.mainDisabledLink { color: #9a9a9a; }
a.headerNavigation { color: #666666; }
a.headerNavigation:hover { color: #cf5e0a; }
a.existingAccountsBoxContents { background: #99CCFF; font-size: 10px; color:#0000FF; text-decoration:underline; }
a.pageResults { color: #0000FF; }
a.pageResults:hover { color: #0000FF; background: #FFFF33; }
a.linkButton:hover { text-decoration: none; color: white; }
a.linkButtonDisabled:hover { pointer-events: none; color: white; cursor: default; }

li.none {list-style-type:none;}
li.step1 {list-style-type:disc;}
li.step2 {list-style-type:square;}
li.step3 {list-style-type:circle;}
li.pad2 {padding-bottom: 2px;}
li.pad3 {padding-bottom: 3px;}

span.headerError { background: #ffffff; color: #000000; }

table.default { border: 0; border-collapse: collapse; padding: 0; width: 100%; }
table.CatalogViewport { border: 0; border-collapse: collapse; padding: 0; width: 1152px; background-color: #ffffff; margin: auto; }
table.basicTable { border-collapse: collapse; border-spacing: 2px; border: 0; padding: 2px;
    -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; }
table.basicTableBorder1 { border-spacing: 2px; border: 1px ridge black; padding: 2px;
    -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; width: 100%; }
table.basicTableWithBorder { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px;
    border-collapse: separate;
    -webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; width: 100%; }
table.basicTableForOrders { border-collapse: collapse; border: 1px solid #b6b7cb; width: 100%; margin-bottom: 5px; }
table.pad2 { padding: 2px; }
table.outer, table.innerExpanded { border-collapse: collapse; width: 100%; }
table.Expanded { width: 100%; border: 1px solid black; }
table.productListing { border: 1px solid #b6b7cb; margin-bottom: 5px; }
table.WithBorder { width: 100%; border: 2px ridge #666666; padding: 2px; border-collapse: collapse; }
table.WithThinLineBorder { width: 100%; border: 1px ridge #666666;  padding: 2px;  border-collapse: collapse; }
table.lined { border-collapse: collapse; border: 2px ridge black; }
table.thinLine { border-collapse: collapse; border: 1px solid black; }
table.inner { border-collapse: collapse; width: auto; }
table.pad5, td.pad5, th.pad5, p.pad5 { padding: 5px; }
table.innerHeader { border-collapse: collapse; width: auto; background-color: #ffffff; margin-right: auto; margin-left: auto; }
table.innerMain { border-collapse: collapse; width: auto; background-color: #ffffff; margin-right: auto; margin-left: auto; }
table.innerFooter { border-collapse: collapse; width: 1024px; background-color: #ebebeb; margin-right: auto; margin-left: auto; padding: 0; }
table.centeredDefault1152 { border: 0; border-collapse: collapse; padding: 0; background-color:
        #ffffff; width: 1152px; margin-left: auto; margin-right: auto;}
table.centeredDefault { border: 0; border-collapse: collapse; padding: 0; background-color:
        #ffffff; width: 100%; margin-left: auto; margin-right: auto;}

td.headerNavigation { font-size: 10px; background: #ffffff; color: #333333; font-weight : normal; }
td.headerError { font-size: 12px; background: #d42b1a; color: #000000; font-weight : bold; text-align : center; }
td.headerError2 { font-size: 12px; background: #d42b1a; color: #ffffff; font-weight : bold; text-align : center; }
td.headerInfo { font-size: 12px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center; }
td.footer { font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight: bold; }
td.thinLine, th.thinLine { border-collapse: collapse; border: 1px solid black; }
td.outer { padding: 5px; }
td.inner0, th.inner0 { padding: 0; }
td.inner2, th.inner2 { padding: 2px; }
td.inner3, th.inner3 { padding: 3px; }
td.pad2, th.pad2, p.pad2 { padding: 2px; }
td.pad3, th.pad3, p.pad3 { padding: 3px; }
td.pad4, th.pad4, p.pad4 { padding: 4px; }
td.padLeft20 { padding-left: 20px; }

tr.header { background: #ffffff; color: #666666; }
tr.headerNavigation { background: #ffffff; color: #666666; }
tr.headerError { background: #ff0000; }
tr.headerError2 { background: #ff0000; }
tr.headerInfo { background: #00ff00; }
tr.footer { background: #bbc3d3; }

th.WithBorder, tr.WithBorder, td.WithBorder { border: 2px ridge #666666;  padding: 2px; border-collapse: collapse; }
th.WithThinLineBorder, tr.WithThinLineBorder, td.WithThinLineBorder { border: 1px ridge #666666; padding: 2px; border-collapse: collapse; }
th.lined, tr.lined, td.lined { border: 2px ridge black; padding: 4px; border-collapse: collapse; }

div.ContentBlock { padding: 10px 10px 10px 10px; }
div.FormInput { padding: 10px 10px 10px 10px; }
div.g3LoggerContainer { width: 1000px; min-width: 1000px; max-width: 1000px; clear: both; overflow: scroll; border: 1px solid #999999; height: 200px; min-height: 200px; max-height: 200px; }
div.g3LoggerContainerExtended { clear: both; overflow: scroll; border: 1px solid #999999; }

textarea.Expanded { width: 100%; box-sizing: border-box; }

table.tableContainer { padding: 2px; border-spacing: 0; width: 100%; border: 0; }


@media print {
    .no-print, .no-print * { display: none !important; }
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: lavender;
    margin-top: 10%;
    margin-left: 35%;
    padding: 20px;
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
    text-align: center;
}

.greenBlock { background-color: green; width: 10px; height: 10px; }
.redBlock { background-color: red; width: 10px; height: 10px; }
.blueBlock { background-color: blue; width: 10px; height: 10px; }
.yellowBlock { background-color: yellow; width: 10px; height: 10px; }