/* Layout helpers ----------------------------------*/ .connect-accordion .ui-helper-hidden { display: none; } .connect-accordion .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .connect-accordion .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; } .connect-accordion .ui-helper-clearfix:before, .connect-accordion .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .connect-accordion .ui-helper-clearfix:after { clear: both; } .connect-accordion .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .connect-accordion .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .connect-accordion .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Misc visuals ----------------------------------*/ /* Overlays */ .connect-accordion .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .connect-accordion .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; } .connect-accordion .ui-accordion h3.ui-accordion-header{ line-height:1.3;// } .connect-accordion .ui-accordion .ui-accordion-content { padding: .9em 1.6em; border-top: 0; overflow: auto; font-size:14px; } .connect-accordion .ui-accordion .ui-accordion-content p{ font-size:inherit; margin-bottom:6px; } /* Component containers ----------------------------------*/ .connect-accordion .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .connect-accordion .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .connect-accordion .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .connect-accordion .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .connect-accordion .ui-state-default, .connect-accordion .ui-widget-content .ui-state-default, .connect-accordion .ui-widget-header .ui-state-default, .connect-accordion .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .connect-accordion .ui-button.ui-state-disabled:active { border: 1px solid #9ca5ab; background: #f2f1f1; font-weight: normal; color: #474747; } .connect-accordion .ui-state-default a, .connect-accordion .ui-state-default a:link, .connect-accordion .ui-state-default a:visited, a.connect-accordion .ui-button, a:link.connect-accordion .ui-button, a:visited.connect-accordion .ui-button, .connect-accordion .ui-button { color: #454545; text-decoration: none; } .connect-accordion .ui-state-focus, .connect-accordion .ui-widget-content .ui-state-focus, .connect-accordion .ui-widget-header .ui-state-focus{ border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .connect-accordion .ui-state-focus a, .connect-accordion .ui-state-focus a:link, .connect-accordion .ui-state-focus a:visited, a.connect-accordion .ui-button:focus { text-decoration: none; } .connect-accordion .ui-state-active, .connect-accordion .ui-widget-content .ui-state-active, .connect-accordion .ui-widget-header .ui-state-active, a.connect-accordion .ui-button:active, .connect-accordion .ui-button:active { border: 1px solid #9ca5ab; background: #d8e0e6; font-weight: normal; color: #474747; } .connect-accordion .ui-icon-background, .connect-accordion .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .connect-accordion .ui-state-active a, .connect-accordion .ui-state-active a:link, .connect-accordion .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .connect-accordion .ui-state-highlight, .connect-accordion .ui-widget-content .ui-state-highlight, .connect-accordion .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .connect-accordion .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .connect-accordion .ui-state-highlight a, .connect-accordion .ui-widget-content .ui-state-highlight a, .connect-accordion .ui-widget-header .ui-state-highlight a { color: #777620; } .connect-accordion .ui-state-error, .connect-accordion .ui-widget-content .ui-state-error, .connect-accordion .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .connect-accordion .ui-state-error a, .connect-accordion .ui-widget-content .ui-state-error a, .connect-accordion .ui-widget-header .ui-state-error a { color: #5f3f3f; } .connect-accordion .ui-state-error-text, .connect-accordion .ui-widget-content .ui-state-error-text, .connect-accordion .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .connect-accordion .ui-priority-primary, .connect-accordion .ui-widget-content .ui-priority-primary, .connect-accordion .ui-widget-header .ui-priority-primary { font-weight: bold; } .connect-accordion .ui-priority-secondary, .connect-accordion .ui-widget-content .ui-priority-secondary, .connect-accordion .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .connect-accordion .ui-state-disabled, .connect-accordion .ui-widget-content .ui-state-disabled, .connect-accordion .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .connect-accordion .ui-corner-all, .connect-accordion .ui-corner-top, .connect-accordion .ui-corner-left, .connect-accordion .ui-corner-tl { border-top-left-radius: 3px; } .connect-accordion .ui-corner-all, .connect-accordion .ui-corner-top, .connect-accordion .ui-corner-right, .connect-accordion .ui-corner-tr { border-top-right-radius: 3px; } .connect-accordion .ui-corner-all, .connect-accordion .ui-corner-bottom, .connect-accordion .ui-corner-left, .connect-accordion .ui-corner-bl { border-bottom-left-radius: 3px; } .connect-accordion .ui-corner-all, .connect-accordion .ui-corner-bottom, .connect-accordion .ui-corner-right, .connect-accordion .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .connect-accordion .ui-widget-overlay { background: #aaaaaa; opacity: .3; }