.mblAccordion { border-style: outset; border-width: 1px; border-color: #8c8f91; } .mblAccordionRoundRect { margin: 7px 9px 16px 9px; padding: 0; border: 1px solid #adaaad; border-radius: 8px; } .mblAccordionRoundRect .mblAccordionTitle:first-child { border-top-left-radius: 8px; border-top-right-radius: 8px; } .mblAccordionRoundRect .mblAccordionTitleLast, .mblAccordionRoundRect .mblAccordionPane:last-child { border-bottom-width: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .mblAccordionTitle { position: relative; height: 30px; width: 100%; font-family: Helvetica; font-size: 17px; font-weight: bold; line-height: 30px; vertical-align: middle; white-space: nowrap; border-top: 1px solid #8c8f91; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e1e5e8), color-stop(0.2, #f0f2f3)); } .mblAccordionTitle:first-child { border-top: none; } .mblAccordionTitleAnchor { display: block; height: 100%; text-decoration: none; white-space: nowrap; color: black; } .mblAccordionIconParent { float: left; margin: 6px 4px 0 6px; line-height: normal; } .mblAccordionIconParent1 { display: block; } .mblAccordionIconParent2 { display: none; } .mblAccordionTitleSelected { border-bottom: 1px solid #8c8f91; background-image: -webkit-gradient(linear, left top, left bottom, from(#97afc0), to(#46708e), color-stop(0.2, #7796ac)); color: white; } .mblAccordionTitleSelected .mblAccordionTitleAnchor { color: white; } .mblAccordionTitleSelected .mblAccordionIconParent1 { display: none; } .mblAccordionTitleSelected .mblAccordionIconParent2 { display: block; }