/* $Id: crof_common.css |NA|NA| E02979<GGNS1LTE02979> | Tue Dec 12 17:09:40 2023 +0530 $
 * Author: 07/05/2006 amyers
 * This is the common StyleSheet to be used by the CROF Custom application
 * Should test on IE 6.x, Firefox 1.5.x and Netscape 7.x
 * --------------------------------------------------------------------------------------------------------
 * Modified for: 
 * hsc-asethi        07/31/2019      REQ- 02184: Added new brown color for Equipment Shipped Site Status.
 * hsc-skhurana      11/08/2019	     REQ - 02652 : HughesON UI/UX Optimizations- Tab changes - Phase 0
 * hsc-usharma       3/11/2020       IP-617 :Platform defect for Selected row background color in Install service orders list view is different than selected row color in cases list view
 * hsc-chandralok          08/17/2020     IP-1301 Installer Portal Derive Requirement of PS Retire: HughesON for Non-NEP (including Non NEP Enterprise and VAR Customers) Phase-1
 * hsc-mmukta        04/04/2022     IP-5539 : Installer Portal Derive Requirement of Support for J3 for NAD Program - Drop 4 - UI change
 * amyers            05/19/2023     NAD-28235/IP-9786 change to HON Color and Hughes Corporate Branding Guidelines (Button) - Could NOT change Sections, too many hard codes 
                                    FONT-SIZE: 8pt to 10pt
 * 09-18-2023 hsc-rswami IP-10735 Installer Portal Derive Requirement of [IP] icon, css, menu updates, phase 3
 * 10/17/2023 hsc-akujur IP-10327 Updated align to text-align
 * 11/24/2023 hsc-akujur IP-11781 Removed duplicate color attribute
 * 11/24/2023 hsc-akujur IP-11791 Added generic font family
 * 11/28/2023 hsc-mabuzar IP-11788  [IP] [SONAR REPORT](CSS) Font declarations should contain at least one generic font family
 * 11/28/2023 hsc-mabuzar IP-11777  [IP][SONAR REPORT](CSS) Selectors should be known
 * 11/29/2023 hsc-akujur IP-11793 Added generic font family
 * 11/29/2023 hsc-akujur IP-11838 Added generic font family
 * 12/05/2023 hsc-akujur IP-11941 Added generic font family
 * 12/05/2023 hsc-akujur IP-11920 Removed duplicate font-weight
 */

TH
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 BACKGROUND-IMAGE: none;
 COLOR: black;
 BACKGROUND-REPEAT: repeat;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-ALIGN: left
}
TD
{
 FONT-SIZE: 12px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
BODY
{
 MARGIN-TOP: 3px;
 FONT-SIZE: 12px;
 MARGIN-LEFT: 3px;
 MARGIN-RIGHT: 3px;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
}
FORM
{
 MARGIN-TOP: 0px
}
TEXTAREA
{
 FONT-SIZE: 12px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
/* IP-11777 Sonar Issue fix : commented TEXT selector as TEXT is not a valid CSS selector */
/* TEXT
{
 FONT-SIZE: 12px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
} */
/** 09-18-2023 hsc-rswami IP-10735 Installer Portal Derive Requirement of [IP] icon, css, menu updates, phase 3**/
SELECT
{
 FONT-SIZE: 12px;
 PADDING: 5px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
BUTTON
{
 FONT-SIZE: 12px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}
INPUT
{
 FONT-SIZE: 12px;
 PADDING: 4px;
 COLOR: black;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif
}

a.DistPayments:hover {
 color: #808080;
}

a:hover {
 color: #99CCFF;
}

.displaytext
{
 FONT-SIZE: 10pt;
 COLOR: black;
/*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: left
}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.displaytextDefBold
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 10pt;
 COLOR: black;
 FONT-FAMILY: Arial, sans-serif;
 TEXT-ALIGN: left
}
/*13/11/2018 arajawat : D-14091 : Basic cost page migration People Soft to IP */
/* 11/29/2023 hsc-akujur IP-11838 Added generic font family */
.displaytextRightPadding
{
 FONT-SIZE: 10pt;
 COLOR: black;
 FONT-FAMILY: Arial, sans-serif;
 TEXT-ALIGN: left;
 padding-right: 30px
}
.displaytextRight
{
 FONT-SIZE: 10pt;
 COLOR: black;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: right
}
.displaytextReadOnly
{
 FONT-SIZE: 10pt;
 COLOR: black;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: left;
 BACKGROUND: #CCCCCC
}
.displaytextlbl
{
 FONT-WEIGHT: bolder;
 FONT-SIZE: 10pt;
 COLOR: #003196;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: right
}
.displaytextlbl_req
{
 FONT-WEIGHT: bolder;
 FONT-SIZE: 10pt;
 COLOR: Red;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: right
}
.displaytextlblLeft_req
{
 FONT-WEIGHT: bolder;
 FONT-SIZE: 10pt;
 COLOR: Red;
/*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: left
}

.displaytextlblLeft
{
 FONT-WEIGHT: bolder;
 FONT-SIZE: 10pt;
 COLOR: #003196;
/*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-ALIGN: Left
}
.PgTtl
{
 FONT-SIZE: 25pt;
 BACKGROUND-IMAGE: none;
 COLOR: #003196;
 BACKGROUND-REPEAT: repeat;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 BACKGROUND-COLOR: transparent
}
.PgTtlMed
{
 FONT-SIZE: 22pt;
 BACKGROUND-IMAGE: none;
 COLOR: #003196;
 BACKGROUND-REPEAT: repeat;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 BACKGROUND-COLOR: transparent
}
.PgTtlSmall
{
 FONT-SIZE: 16pt;
 FONT-WEIGHT: bold;
 COLOR: #003196;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
}
.NavTitle
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 16px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: none
}
.NavItem
{
 FONT-SIZE: 12px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: none
}
.NavItem:hover
{
 FONT-SIZE: 12px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: underline
}
/* AM: 5/19/2023 NAD-28235/IP-9786 was 12px*/
.SecHeading
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 14px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: none
}
.OptHeading
{
 FONT-SIZE: 18px;
 MARGIN-LEFT: 0px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: none
}
.OptHeading:hover
{
 FONT-SIZE: 18px;
 MARGIN-LEFT: 0px;
 COLOR: white;
 FONT-FAMILY: Arial, Helvetica, Verdana, sansca, sans-serif;
 TEXT-DECORATION: underline
}
.appName
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 16px;
 COLOR: #ffff99;
 FONT-STYLE: italic;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-DECORATION: none
}
/* 12/05/2023 hsc-akujur IP-11941 Added generic font family */
.OptSubHeading
{
 FONT-SIZE: 12px;
 COLOR: white;
 FONT-FAMILY: Arial, sans-serif;
}
.Description
{
 FONT-SIZE: 13px;
 BACKGROUND: none transparent scroll repeat 0% 0%;
 COLOR: black;
 LINE-HEIGHT: 18px;
/*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 font-family: Arial, sans-serif; 
 TEXT-DECORATION: none
}
.LinkTtl
{
 FONT-SIZE: 12px;
 COLOR: black;
 /*  IP-11788 Include a generic font family (e.g., sans-serif) as a fallback  */
 FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
 TEXT-DECORATION: underline
}
.sbttn
{
 BORDER-RIGHT: #104a7b 1px solid;
 BORDER-TOP: #afc4d5 1px solid;
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 BACKGROUND: #003196;
 BORDER-LEFT: #afc4d5 1px solid;
 COLOR: white;
 BORDER-BOTTOM: #104a7b 1px solid;
 FONT-FAMILY: tahoma,sans-serif;
 HEIGHT: 19px;
 TEXT-DECORATION: none
}
.sbttn2
{
 BORDER-RIGHT: #104a7b 1px solid;
 BORDER-TOP: #afc4d5 1px solid;
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 BACKGROUND: #018B01;
 BORDER-LEFT: #afc4d5 1px solid;
 COLOR: white;
 BORDER-BOTTOM: #104a7b 1px solid;
 FONT-FAMILY: tahoma,sans-serif;
 HEIGHT: 19px;
 TEXT-DECORATION: none
}
.displaytextImportant
{
 FONT-WEIGHT: bolder;
 BACKGROUND-COLOR: lightGreen 
}
.ReadOnlyInputDisplay
{
 BORDER: 0px none white;
 FONT-SIZE: 10pt;
 COLOR: Black;
/* IP-11788 Include a generic font family (e.g., sans-serif) as a fallback */
 FONT-FAMILY: Arial, sans-serif;   
 TEXT-ALIGN: left;
 BACKGROUND-COLOR: transparent
}
/* 12/05/2023 hsc-akujur IP-11941 Added generic font family */
.RequiredInputDisplay
{
 FONT-SIZE: 10pt;
 COLOR: Black;
 FONT-FAMILY: Arial, sans-serif; 
 TEXT-ALIGN: left;
 /*BORDER-COLOR: Red;*/
 BACKGROUND-COLOR: #FFC0C0;
}
.RequiredInputDispNoBG
{ /*Created just to identify required fields */
 FONT-SIZE: 10pt;
 COLOR: Black;
/* IP-11788 Include a generic font family (e.g., sans-serif) as a fallback */
 FONT-FAMILY: Arial, sans-serif;
 TEXT-ALIGN: left;
 /*BORDER-COLOR: Red;*/
 /* BACKGROUND-COLOR: #FFC0C0; */
}
.footerWhite {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 16px;
 height: 12px;
}
.headerWhite {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 FONT-WEIGHT: bolder;
 color: #FFFFFF;
 text-decoration: underline;
}
.cdivNoteReadOnly {
 border: 1px gray solid; 
 /*10/17/2023 hsc-akujur IP-10327 Updated align to text-align*/
 text-align: left; 
 padding: 2;
}
.cdivNoteReadOnly2 {
 border: 1px gray solid; 
  /*10/17/2023 hsc-akujur IP-10327 Updated align to text-align*/
 text-align: left; 
 padding: 2;
 background: #CCCCCC;
}
/** DIV definitions **/
#divSurround{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}
#divSurroundMenu{background-color:#4973A9}
#divSurroundMenuSelected{background-color:#284277}
#divFilter{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}
#divAdvFilter{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0;}
#divMenuSelected{border-style: solid; border-width:1px; border-bottom-width:0; border-color: #000000; background-color:#4A598C}
#divMenuNotSelected{border-style: solid; border-width:1px; border-bottom-width:0; border-color: #807F7F; background-color:#789CCA}
 /*10/17/2023 hsc-akujur IP-10327 Updated align to text-align*/
#divNoteReadOnly {border: 1px gray solid; text-align: left; padding: 2;}

/** For use with SearchUtil.java **/
.SearchUtilHeader{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.SearchUtilHeader:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.SearchUtilHeader:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.SearchUtilHeader:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.SearchUtilPaging { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.SearchUtilPaging:link { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchUtilPaging:visited { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchUtilPaging:hover { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bold; }

.SearchResultsPaging { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; }
a.SearchResultsPaging:link { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchResultsPaging:visited { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.SearchResultsPaging:hover { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bold; }

.SearchUtilData { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.SearchUtilData :link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.SearchUtilData :visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.SearchUtilData :hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: normal; }

/** hscmmukta IP-5539 added specific styling for DIV_NETWORK_PARAMS**/
#DIV_NETWORK_PARAMS {overflow: auto;}/** height: 601px;**/
#DIV_NETWORK_PARAMS table tr th{position: sticky; top: 0; z-index: 1;}
.tableRowHeader{position: sticky; top: 0; z-index: 1;}
.image-append-up{  background:url("../images2/up_sort.png") no-repeat; height:5px;width:8px;margin-bottom: 7px;margin-left: -2px; background-position:2px;}
.image-append-down{  background:url("../images2/down_sort.png") no-repeat; height:5px;width:8px;margin-bottom: 7px;margin-left: -2px; background-position:2px;}


/** For use with EDDS **/
.EddsMenuHeader{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.EddsSearchUtilHeader:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsSearchUtilHeader:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsSearchUtilHeader:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }

.EddsMenuCategory{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; }
a.EddsMenuCategory:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsMenuCategory:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
a.EddsMenuCategory:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }


/** PeopleSoft styles **/
/**
 .PSPUSHBUTTON{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(0,0,0);background-color:rgb(252,252,181);}
 .PSPUSHBUTTON:disabled{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
 .PSPUSHBUTTONDISABLED{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
 .PSGREENPUSHBUTTON{font-family:"Arial","sans-serif";font-size:9pt;font-weight:bold;font-style:normal;color:rgb(255,255,255);background-color:rgb(1,139,1);}
 .PSGREENPUSHBUTTON:disabled{font-family:"Arial","sans-serif";font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);}
**/

/* AM: 05/19/2023 Bigger size and HON Colors */
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSPUSHBUTTON{font-family:"Arial",sans-serif;font-size:9pt;font-weight:normal;font-style:normal;background-color:white;border:1px solid #0095E5;color:#0095E5;height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSPUSHBUTTON:active{font-family:"Arial",sans-serif;font-size:9pt;font-weight:normal;font-style:normal;background-color:#0095E5;border:1px solid #0095E5;color:white;height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSPUSHBUTTON:disabled{font-family:"Arial",sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSPUSHBUTTONDISABLED{font-family:"Arial",sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSGREENPUSHBUTTON{font-family:"Arial",sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:#1fc2b2;border:1px solid #1fc2b2;color:white;height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSGREENPUSHBUTTON:active{font-family:"Arial",sans-serif;font-size:9pt;font-weight:bold;font-style:normal;background-color:white;border:1px solid #1fc2b2;color:#1fc2b2;height:32px;}
/* 11/24/2023 hsc-akujur IP-11791 Added generic font family */
.PSGREENPUSHBUTTON:disabled{font-family:"Arial",sans-serif;font-size:9pt;font-weight:normal;font-style:normal;color:rgb(169,169,169);background-color:rgb(204,204,204);height:32px;}

/* IP-11788  removing "" in font-family as font property in "" is not visible to CSS */
.PABOLDBLUETEXT{font-family:Arial, sans-serif;font-size:9pt;font-weight:bold;font-style:normal;color:rgb(51,51,204);}
.PAPAGETITLE,.PSPTABLABEL,.PSSRCHACTION{font-family:Arial,sans-serif;font-size:14pt;font-weight:bold;font-style:normal;color:rgb(74,89,140);}
.divHeaderSection{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#E9EDF4} 
.divSection{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#F2F4F0}

.divSectionWhite{border-style: solid; border-width:1px; border-color: #4A598C; background-color:#FFFFFF}
.divHeaderSectionDotted{border-style: dashed; border-width:1px; border-color: #4A598C; background-color:#E9EDF4} 

/** For use with TabMenuUtil.java **/
/** AM: 5/19/2023 NAD-28235/IP-9786 changes to tab, non HON **/

.TabSpanSel
 {
  /**border-style: solid; border-width:1px; border-bottom-width:0; border-color: #000000; background-color:#4A598C;
     font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; **/  
  border-style: solid; border-width:1px; border-bottom-width:0; border-color: gray; border-radius: 10px 10px 0px 0px; background-color:#4378B8;
  font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder;
  
 }
.TabSpan
 {
  /** border-style: solid; border-width:1px; border-bottom-width:0; border-color: #807F7F; background-color:#789CCA;
     font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; **/  
  border-style: solid; border-width:1px; border-bottom-width:0; border-color: gray; border-radius: 10px 10px 0px 0px; background-color: white;
  font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder;
 }
/** 09-18-2023 hsc-rswami IP-10735 Installer Portal Derive Requirement of [IP] icon, css, menu updates, phase 3**/
.TabSpan:hover
 {
 background-color:#0095E5;
 } 
 
 .TabSpanSelHO
 {
 background-color:#4378B8; font-size: 24px; font-weight: bold; border-radius: 10px 10px 0px 0px; border:none;
 }
.TabSpanHO
 {
  background-color:white; font-size: 24px; font-weight: bold; border-radius: 10px 10px 0px 0px; border:none;
 }
 

/** AM: 5/19/2023 NAD-28235/IP-9786 changes to tab, non HON 
09-18-2023 hsc-rswami IP-10735 Installer Portal Derive Requirement of [IP] icon, css, menu updates, phase 3
**/
/** .TabHeader{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; } **/
.TabHeader{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
/* 11/24/2023 hsc-akujur IP-11781 Removed duplicate color attribute */
/* 12/05/2023 hsc-akujur IP-11920 Removed duplicate font-weight */
.TabHeaderHO{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none;  font-weight: bolder; color: black; }/*11/08/2019 hsc-skhurana REQ - 02652 : HughesON UI/UX Optimizations- Tab changes - Phase 0*/
/**
 a.TabHeader:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
 a.TabHeader:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bolder; }
 a.TabHeader:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bolder; }
**/
a.TabHeader:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.TabHeader:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: underline; font-weight: normal; }
a.TabHeader:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: normal; color:white;}

/** .TabHeaderSel{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bolder; } **/
.TabHeaderSel{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-weight: normal; }
/* 11/24/2023 hsc-akujur IP-11781 Removed duplicate color attribute */
/* 12/05/2023 hsc-akujur IP-11920 Removed duplicate font-weight */
.TabHeaderSelHO{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bolder; color: white; }/*11/08/2019 hsc-skhurana REQ - 02652 : HughesON UI/UX Optimizations- Tab changes - Phase 0*/
/**
 a.TabHeaderSel:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
 a.TabHeaderSel:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
 a.TabHeaderSel:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bolder; }
**/
a.TabHeaderSel:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-weight: normal; }
a.TabHeaderSel:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-weight: normal; }
a.TabHeaderSel:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: white; text-decoration: none; font-weight: normal; }

/** AM: 5/19/2023 NAD-28235/IP-9786 minor changes on font-size and font-weight**/
.TabHeaderDsbl{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabHeaderDsbl:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabHeaderDsbl:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabHeaderDsbl:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }


/* AM: 5/19/2023 NAD-28235/IP-9786 No change on Footer */
.TabFooter { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: none; font-weight: normal; }
a.TabFooter:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: underline; font-weight: normal; }
a.TabFooter:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #3333CC; text-decoration: underline; font-weight: normal; }
a.TabFooter:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: normal; }

.TabFooterSel { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }
a.TabFooterSel:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: black; text-decoration: none; font-weight: normal; }

.TabFooterDsbl { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:link { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }
a.TabFooterDsbl:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #C0C0C0; text-decoration: none; font-weight: normal; font-style: italic; }

/** AM: 5/19/2023 NAD-28235/IP-9786 was 12px **/
.WhiteLink{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; font-weight: bold; }
a.WhiteLink:link { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.WhiteLink:visited { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; font-weight: bold; }
a.WhiteLink:hover { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #99CCFF; text-decoration: underline; font-weight: bold; }

.hughes_footer_txt_link {
 color:#686868;
 /* IP-11788 Include a generic font family (e.g., sans-serif) as a fallback */
 font-family: Arial, sans-serif;
 font-size:12px;
 text-decoration:none;
}


/* Customer Calendar CSS Work in progress #1008813 hsc-daggarwal*/
.fc-event.customerspecific{
 background-color: #B2DFEE;
}

.fc-event.festival{
 background-color: #B2DFEE;
}
 
.fc-event.weekend{
  background-color: #B2DFEE;
}
 
.fc-event.markedToRemove{
 background-color: #DCDCDC;
}

#calendar {
 width: 1000px;
 margin: 0 auto;
}
 
/* Customer Calendar CSS ends */

/* Supporting CSS for MasterFSO*/
.statusBoxICON {
 float: left;
 height: 15px;
 margin-top: 1px;
 vertical-align: middle;
 width: 15px;
 border: 1px dashed;
}
.plusIcon {
 background-image: url("../images2/icoADD.gif");
 background-repeat: no-repeat;
 min-width:20px!important;
 max-width:20px!important;
 height:20px;
}
.plusIcon_ho {
 background-image: url("../images2/ico_ADD_HO.gif");
 background-repeat: no-repeat;
 min-width:17px!important;
 max-width:17px!important;
 height:17px;
 margin-top:7px;
}
.plusIcon_ho_header {
 background-image: url("../images2/ico_ADD_WHT_HO.gif");
 background-repeat: no-repeat;
 min-width:17px!important;
 max-width:17px!important;
 height:17px;
 margin-top:7px;
}
.minusIcon {
 background-image: url("../images2/icoREMOVE.gif");
 background-repeat: no-repeat;
 width:20px;
 height:20px; 
}
.minusIcon_ho {
 background-image: url("../images2/ico_MINUS_HO.gif");
 background-repeat: no-repeat;
 min-width:17px!important;
 max-width:17px!important;
 height:17px;
 margin-top:7px;
}
.minusIcon_ho_header {
 background-image: url("../images2/ico_MINUS_WHT_HO.gif");
 background-repeat: no-repeat;
 min-width:17px!important;
 max-width:17px!important;
 height:17px;
 margin-top:7px;
}
/** 09-18-2023 hsc-rswami IP-10735 Installer Portal Derive Requirement of [IP] icon, css, menu updates, phase 3**/
/* 11/29/2023 hsc-akujur IP-11793 Added generic font family */
.PSPUSHBUTTONACTIVE{
font-family: Arial, sans-serif;
font-size:9pt;
font-weight:normal;
font-style:normal;
color:white;
background-color:#0095E5;
border:1px solid #0095E5;
height:32px;
}

.indent{
 padding-left: 20px;
 width:100%
}
.Content{
 padding-bottom: 10px;
 border-color: #4A598C;
 border-style: solid;
 border-width: 1px;
}
.tablerowStyle{
 border-color: white;
 border-spacing: 2px;
 padding: 2px;
 border: 1px solid;
 width: 100%;
}

.tablerowStyleWithoutBorder{
 border-color: white;
 border-spacing: 2px;
 padding: 2px;
 width: 100%;
 border-collapse: collapse;
}
.collapse{
 display: none;
}
.collapse.in{
 display: block;
}
.collapsing {
 position: relative;
 height: 0;
 overflow: hidden;
 -webkit-transition: height .35s ease;
 -o-transition: height .35s ease;
 transition: height .35s ease;
}

.siteWhite {
 background-color: #E9EDF4;
}
.siteGreen {
 background-color: #DFFFDF;
}
.siteGrey {
 background-color: #C0C0C0;
}
.siteYellow {
 background-color: #FFFFDF;
}.siteBlue {
 background-color: #E9EDF4;
}
.siteBrown{
 background-color: #8f5d3f;
}
.siteDefault{
 background-color: white;
}
/* CSS for making button glow */
@-webkit-keyframes glowing {
 0% { -webkit-box-shadow: 0 0 5px #F6CECE;}
 25% { -webkit-box-shadow: 0 0 8px #F6CECE;}
 50% { -webkit-box-shadow: 0 0 10px #FA5858;}
 75% { -webkit-box-shadow: 0 0 12px #F6CECE;}
 100%{ -webkit-box-shadow: 0 0 15px #FF0000;}
}

@-moz-keyframes glowing {
 0% { -moz-box-shadow: 0 0 5px #F6CECE;}
 25% { -moz-box-shadow: 0 0 8px #F6CECE;}
 50% { -moz-box-shadow: 0 0 10px #FA5858;}
 75% { -moz-box-shadow: 0 0 12px #F6CECE;}
 100%{ -moz-box-shadow: 0 0 15px #FF0000;}
}

@-o-keyframes glowing {
 0% { box-shadow: 0 0 5px #F6CECE;}
 25% { box-shadow: 0 0 8px #F6CECE;}
 50% { box-shadow: 0 0 10px #FA5858;}
 75% { box-shadow: 0 0 12px #F6CECE;}
 100%{ box-shadow: 0 0 15px #FF0000;}
}

@keyframes glowing {
 0% { box-shadow: 0 0 5px #F6CECE;}
 25% { box-shadow: 0 0 8px #F6CECE;}
 50% { box-shadow: 0 0 10px #FA5858;}
 75% { box-shadow: 0 0 12px #F6CECE;}
 100%{ box-shadow: 0 0 15px #FF0000;}
}

/* glows 7 times */
.PSPUSHBUTTONGLOW7 {
 -webkit-animation: glowing 1000ms;
 -moz-animation: glowing 1000ms;
 -o-animation: glowing 1000ms;
 animation: glowing 1000ms;
 -webkit-animation-iteration-count: 7; 
 -moz-animation-iteration-count: 7; 
 -o-animation-iteration-count: 7; 
}

/* glows infinitely */
.PSPUSHBUTTONGLOW {
 -webkit-animation: glowing 1000ms infinite;
 -moz-animation: glowing 1000ms infinite;
 -o-animation: glowing 1000ms infinite;
 animation: glowing 1000ms infinite;
}

/* blank check box lookalike div */

/* BLANKCHECKBOX2 class uses css transform property and background to render disabled checkbox */
.BLANKCHECKBOX2{
 background-color:darkgray;
 border-radius:3px;
 border:1px solid lightgray;
 min-height:10px;
 min-width:10px; 
 width:10px;
 height:10px;
}

.BLANKCHECKBOX2 span{
 width: 15px;
 height: 50px;
 border-bottom: 1px solid red;
 transform: translateY(-38px) translateX(15px) rotate(45deg);
 position: absolute;
}

/* BLANKCHECKBOX class uses image to render disabled checkbox */
.BLANKCHECKBOX{
 background:url("../images2/disabledCheckbox.png");
 border-radius:3px; 
 border:1px solid lightgray;
 min-height:10px;
 min-width:10px; 
 width:10px;
 height:10px;
}

/* BLANKCHECKBOX class uses image to render disabled checkbox */
.BLANKDEVICECHECKBOX{
 background:url("../images2/disabledCheckbox.png");
 border-radius:3px; 
 border:1px solid lightgray;
 min-height:10px;
 min-width:10px; 
 width:10px;
 height:10px;
}

.labelPointer{
    cursor: pointer;
}

/* HughesOn Search Results AM: ID#1009915 09/21/2016*/
table.hoSR {
border-collapse:collapse;
text-align: left;
vertical-align: top;
FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
}

tr.hoSR:hover { 
 background: #d9d9d9 !important; /* hsc-usharma 3/11/2020 IP-617 : color change for row in HoMasterFsoSearch*/
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
}

th.hoSR {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 10px;
 border-bottom: medium solid #ddd;
}

th.hoSRNew {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 10px;
 font-weight: bold;
}

td.hoSRNew {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 10px;
}

td.hoSR {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 10px;
 border-top: thin solid #ddd;
}

td.hoSRpaging {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 5px; 
}

/* .hoPUSHBUTTON {
 background-color:#005DAC; Default Blue
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-size:16px;
 font-weight:bold;
 padding:10px 20px;
 text-decoration:none;
 border: none;
} */
.hoPUSHBUTTON
{
    display: inline-block;
    background-color: #337ab7;
    color: white;
    FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 8.5px;
    font-weight: 400;
    line-height: 0px;
    text-align: center;
    height: 30px;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px;
}

.hoPUSHBUTTON0
{
    display: inline-block;
    background-color: #337ab7;
    color: white;
    FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 8.5px;
    font-weight: 400;
    line-height: 0px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.hoPUSHBUTTONLeft
{
    display: inline-block;
    background-color: #337ab7;
    color: white;
    FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 8.5px;
    font-weight: 400;
    line-height: 0px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 20px 0px 0px 20px;
}

.hoPUSHBUTTONRight
{
    display: inline-block;
    background-color: #337ab7;
    color: white;
    FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 8.5px;
    font-weight: 400;
    line-height: 0px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px 20px 20px 0px;
}
.hoPUSHBUTTON:hover {
 background-color:#286090; /*Hover Blue*/
}
.hoPUSHBUTTON:active {
 position:relative;
 top:1px;
}
 input.hoInput {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:10px;
 color:rgb(51,51,51);
 padding: 8px;
 border-color: LightGray;
 border-style: solid;
 border-width: thin;
 border-radius: 4px;
}
input.hoInput:focus { 
 outline: none !important;
 border-color: #66AFE9;
 box-shadow: 0 0 4px #66AFE9;
}
 
.hoLabel {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:12px;
 color:rgb(51,51,51);
 font-weight: bold;
 font-style:normal;
 
}

.hoTextValue {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:12px;
 color:rgb(51,51,51);
 font-style:normal;
}

select.hoSelect {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size:12px;
 color:rgb(51,51,51);
 padding: 8px;
 border-color: LightGray;
 border-style: solid;
 border-width: thin;
 border-radius: 4px;
 overflow: auto;
}
 
.hoFieldSize{
    width: 170px;
}
h1.hoH1 {
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 font-size: 36px;
 color: #005DAC;
}

input.hoRadio {
 height:30px;
 width:30px;
 vertical-align: middle;
}

input.hoCheckbox {
 font-size: xx-large;
 height:30px; 
 width:30px;
 vertical-align: middle;
}  

.hoAnchor {
    text-decoration: none;
    color: #337ab7;
}
.hoAnchor:hover {
    color: #23527c;
    text-decoration: underline;
}
.hoSecHeading
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 COLOR: white;
 FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif;
 TEXT-DECORATION: none
}

.hoSR { color: #0071BC; text-decoration: none;}
a.hoSR:link { color: #0071BC; text-decoration: underline;}
a.hoSR:visited { color: #4C2C92; text-decoration: underline;}
a.hoSR:hover { color: #0071BC; text-decoration: underline; }

.hoSRPaging { font-size: 12px; FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif; color: rgb(51,51,51); text-decoration: none; font-weight: bold; }
a.hoSRPaging:link { font-size: 12px; FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif; color: rgb(51,51,51); text-decoration: underline; font-weight: bold; }
a.hoSRPaging:visited { font-size: 12px; FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif; color: rgb(51,51,51); text-decoration: underline; font-weight: bold; }
a.hoSRPaging:hover { font-size: 12px; FONT-FAMILY: Helvetica Neue,Helvetica,Arial,sans-serif; color: rgb(51,51,51); text-decoration: underline; font-weight: bold; }

.hoSRHeader { color: rgb(51,51,51); font-weight: bold; text-decoration: none;}
a.hoSRHeader:link { color: rgb(51,51,51); font-weight: bold; text-decoration: none;}
a.hoSRHeader:visited { color: rgb(51,51,51); font-weight: bold; text-decoration: none;}
a.hoSRHeader:hover { color: rgb(51,51,51); font-weight: bold;  }
#hoDivFilter{border-style: solid; border-width:1px; border-color: #4A598C;}
/* HughesOn END */

/* 03/10/2017 hsc-ataneja IssueId : IS-74 - Increase Username length to 400 chars - Entered By, Modified By */

.tooltip {
    position: relative;
    display: inline-block;
   }
 
.tooltip  .tooltiptext {
    visibility: hidden;
    background-color: #F2F4F0;
    color: #495259;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top:12px;
    max-width:50em;
    word-wrap: break-word;
    box-shadow: 0 0 5px #aaa;
    min-width: 7em;
}

.tooltip:hover  .tooltiptext {
    visibility: visible;
}  

/* Floating MenusTop amyers  06/12/2023 NAD-28235/IP-9786 */
.clMenuTopHamburgerMenuDropdown {
  position: relative;
  display: inline-block;
}

.clMenuTopHamburgerMenuDropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 300px;
  max-width: 400px;
  max-height: 500px;
  overflow: auto;
  border: 1px solid #4D83C0;
  z-index: 1;
}

.clMenuTopHamburgerMenuDropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.clMenuTopHamburgerMenuDropdown a:hover {background-color: #4D83C0;}
.clMenuTopHamburgerMenuShow {display: block;}
.clMenuTopHamburgerMenuInput {vertical-align:middle; border: none; outline:none;}
.clMenuTopHamburgerMenuInputA {font-weight: bold;}

.clsMenusTop {width: 100%; background-color: #4A598C;}
.clsMenusTable {width: 100%; padding: 2px; border-spacing: 2px;}
.clMenuTopImgMiddle {vertical-align:middle;}