/* main menu css */

/* start module navigation */
.cssTopModuleNav {overflow: hidden;border-color: #333;border-radius: 10px;margin-top: -5px;margin-bottom: 2px;background-image: url(../Graphics/Jpgs/ShadowHori.jpg);background-repeat: repeat;}
.cssTopModuleNav a {float: left;font-size: 13px;color:white;text-align:center;padding: 4px 5px;text-decoration: none;}
.cssTopModuleNav a:hover, .cssModuleDropdown:hover {background-color: #AFE0E6;border-color: #AFE0E6;color: black;border-radius: 10px;}
.cssTopModuleNav a.cssActive {background-color: #4CAF50;color: white;border-radius: 10px;}
.cssModuleDropdown {float: left;overflow: hidden;}
.cssModuleDropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;border-radius: 10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.cssModuleDropdown-content a {float: none;color: black;padding: 8px 10px;text-decoration: none;display: block;text-align: left;}
.cssModuleDropdown-content a:hover {background-color: #ddd;border-radius: 10px;}
.cssModuleDropdown:hover .cssModuleDropdown-content {display: block;}
/* end module navigation */

.cssMnuItm {margin-top:1px;border-radius:10px;vertical-align:middle;padding-left:5px;}
.cssMnuItm:hover{background-color:lightgoldenrodyellow;}
.cssMnuImg {float:left;margin: 0 0 0 0px;height:25px;width:25px;border-radius:50%;}
.cssMnuLbl {color: #545454;Font-size:12.5px;border-radius:10px;}
.cssMnuLbl:hover {padding-top:3px; padding-bottom:5px;text-decoration:underline;cursor:pointer;background-color:#FFD78A;}

/*for menu image and menu name */
.cssChip30 {display:inline-block;padding: 0 15px 0px;height:30px;font-size:14px;line-height:30px;border-radius:30px;background-color:white;width:92%;}
.cssChipImg30 {float:left;margin: 0 0 0 -15px;height:30px;width:30px;border-radius:50%;}
.cssChip30:hover{background-color:#FFD78A;}

.cssOpnNav-Cntnr {display:none;position:absolute;width:50%;}
.cssOpnNav-Cntnr option {font-size:medium;}

/* The browser window #ddd */
.cssWin-Cntnr {margin-right:5px;margin-bottom:10px;box-sizing:border-box;border-radius:10px;border-style:solid;border-width:3px;background-color:#f9f9f9;border-color:aliceblue;}
.cssWin-Cntnr:hover {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.cssWin-Cntnr:hover .cssDivHdg {color:black;}
/* Container for columns and the top "toolbar" */
.cssWin-Hdr {padding:4px;border-radius:10px;}

.cssWin-DefBakClr {background-color:#f9f9f9;border-color:#f9f9f9;}
.cssWin-DefBakClr:hover {background-color:aliceblue;border-color:aliceblue;}

.cssBakClr-GldnYlow {background-color:lightgoldenrodyellow;border-color:lightgoldenrodyellow;}
.cssBakClr-GldnYlow:hover {background-color:#AFE0E6;border-color:#AFE0E6;}

.cssBakClr-Beige {background-color:beige;border-color:beige;}
.cssBakClr-Beige:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divAprvlPndg:hover .cssGadgetWrap {background-color:beige;border-color:beige;}

.cssBakClr-CornSilk {background-color:cornsilk;border-color:cornsilk;}
.cssBakClr-CornSilk:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divGudsPur:hover .cssGadgetWrap {background-color:cornsilk;border-color:cornsilk;}

.cssBakClr-AliceBlue {background-color:hsla(120,100%,75%,0.2);border-color:hsla(120,100%,75%,0.2);}
.cssBakClr-AliceBlue:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divOutstanding:hover .cssGadgetWrap {background-color:aliceblue;border-color:aliceblue;}

.cssBakClr-LvndrBlush {background-color:lavenderblush;border-color:lavenderblush;}
.cssBakClr-LvndrBlush:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divTopCust:hover .cssGadgetWrap {background-color:lavenderblush;border-color:lavenderblush;}
#divSale:hover .cssGadgetWrap {background-color:lavenderblush;border-color:lavenderblush;}

.cssBakClr-LmnChfn {background-color:lemonchiffon;border-color:lemonchiffon;}
.cssBakClr-LmnChfn:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divTopVndr:hover .cssGadgetWrap {background-color:lemonchiffon;border-color:lemonchiffon;}

.cssBakClr-Linen {background-color:linen;border-color:linen;}
.cssBakClr-Linen:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divTopSrvPrv:hover .cssGadgetWrap {background-color:linen;border-color:linen;}

.cssBakClr-Thistle {background-color:hsla(290,60%,70%,0.3);border-color:hsla(290,60%,70%,0.3);}
.cssBakClr-Thistle:hover {background-color:#AFE0E6;border-color:#AFE0E6;}
#divUsrMntr:hover .cssGadgetWrap {background-color:thistle;border-color:thistle;}




/* Clear floats after the columns */
.cssWin-Hdr:after {
    content: "";
    display: table;
    clear: both;
}

.cssGadgetWrap { border:none; border-radius:10px;padding: 5px 5px 5px 5px;}


.cssAccordion {margin-bottom:10px;}

.cssAccrdHdr {border-width: 1px 1px 1px;border-style:solid;border-radius:10px;background-color:white;border-color:#f9f9f9;
    font-size:12.5px;color:#545454;padding: 5px;margin-bottom: 5px;cursor: pointer;}

.cssAccrdHdr:hover{color:black;background-color:#FFD78A;}
.cssAccrdHdr:hover::after {content: "▼";}


.cssAccrdnHdrSelected {color:black;font-weight:bold;margin-top:2px;padding:2px;cursor:text;background-color:bisque;border-width:2px;border-radius:10px;border-color:aliceblue;}
.cssAccrdnHdrSelected::after {content: "";}

.cssAccrdnContent {padding: 2px 5px 10px 5px;background-color:floralwhite;border-width:2px;border-style:solid;border-radius:10px;
    border-color:#f1f1f1;margin-bottom: 5px;height:100%;}
.cssAccrdnContent:hover {background-color:white;}