/*! * jQuery UI CSS Framework 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b/*{fcHover}*/; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)/*{iconsDefault}*/; } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; -ms-filter: "alpha(opacity=30)"/*{opacityFilterOverlay}*/; /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI CSS Framework 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Accordion 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/accordion/#theming */ /* */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } /*! * jQuery UI Autocomplete 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/button/#theming */ /* */ .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/checkboxradio/#theming */ /* */ .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } /*! * jQuery UI Controlgroup 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/controlgroup/#theming */ /* */ .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/datepicker/#theming */ /* */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/dialog/#theming */ /* */ .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Draggable 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Menu 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/menu/#theming */ /* */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/progressbar/#theming */ /* */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /*! * jQuery UI Selectable 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/selectmenu/#theming */ /* */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } /*! * jQuery UI Sortable 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */ /* */ .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } /*! * jQuery UI Slider 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/slider/#theming */ /* */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI Spinner 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/spinner/#theming */ /* */ .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /*! * jQuery UI Tabs 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /*! * jQuery UI Tooltip 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.13.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* */ body{min-width:960px}.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{position:relative}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1} /* * Default Trix editor styles. See Action Text overwrites below. */ trix-editor { border: 1px solid #bbb; border-radius: 3px; margin: 0; padding: 0.4em 0.6em; min-height: 5em; outline: none; } trix-toolbar * { box-sizing: border-box; } trix-toolbar .trix-button-row { display: flex; flex-wrap: nowrap; justify-content: space-between; overflow-x: auto; } trix-toolbar .trix-button-group { display: flex; margin-bottom: 10px; border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #888; border-radius: 3px; } trix-toolbar .trix-button-group:not(:first-child) { margin-left: 1.5vw; } @media (max-width: 768px) { trix-toolbar .trix-button-group:not(:first-child) { margin-left: 0; } } trix-toolbar .trix-button-group-spacer { flex-grow: 1; } @media (max-width: 768px) { trix-toolbar .trix-button-group-spacer { display: none; } } trix-toolbar .trix-button { position: relative; float: left; color: rgba(0, 0, 0, 0.6); font-size: 0.75em; font-weight: 600; white-space: nowrap; padding: 0 0.5em; margin: 0; outline: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0; background: transparent; } trix-toolbar .trix-button:not(:first-child) { border-left: 1px solid #ccc; } trix-toolbar .trix-button.trix-active { background: #cbeefa; color: black; } trix-toolbar .trix-button:not(:disabled) { cursor: pointer; } trix-toolbar .trix-button:disabled { color: rgba(0, 0, 0, 0.125); } @media (max-width: 768px) { trix-toolbar .trix-button { letter-spacing: -0.01em; padding: 0 0.3em; } } trix-toolbar .trix-button--icon { font-size: inherit; width: 2.6em; height: 1.6em; max-width: calc(0.8em + 4vw); text-indent: -9999px; } @media (max-width: 768px) { trix-toolbar .trix-button--icon { height: 2em; max-width: calc(0.8em + 3.5vw); } } trix-toolbar .trix-button--icon::before { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 768px) { trix-toolbar .trix-button--icon::before { right: 6%; left: 6%; } } trix-toolbar .trix-button--icon.trix-active::before { opacity: 1; } trix-toolbar .trix-button--icon:disabled::before { opacity: 0.125; } trix-toolbar .trix-button--icon-attach::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E"); top: 8%; bottom: 4%; } trix-toolbar .trix-button--icon-bold::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-italic::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-link::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-strike::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-quote::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-heading-1::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-code::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-bullet-list::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-number-list::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-undo::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-redo::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-decrease-nesting-level::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-button--icon-increase-nesting-level::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); } trix-toolbar .trix-dialogs { position: relative; } trix-toolbar .trix-dialog { position: absolute; top: 0; left: 0; right: 0; font-size: 0.75em; padding: 15px 10px; background: #fff; box-shadow: 0 0.3em 1em #ccc; border-top: 2px solid #888; border-radius: 5px; z-index: 5; } trix-toolbar .trix-input--dialog { font-size: inherit; font-weight: normal; padding: 0.5em 0.8em; margin: 0 10px 0 0; border-radius: 3px; border: 1px solid #bbb; background-color: #fff; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } trix-toolbar .trix-input--dialog.validate:invalid { box-shadow: #F00 0px 0px 1.5px 1px; } trix-toolbar .trix-button--dialog { font-size: inherit; padding: 0.5em; border-bottom: none; } trix-toolbar .trix-dialog--link { max-width: 600px; } trix-toolbar .trix-dialog__link-fields { display: flex; align-items: baseline; } trix-toolbar .trix-dialog__link-fields .trix-input { flex: 1; } trix-toolbar .trix-dialog__link-fields .trix-button-group { flex: 0 0 content; margin: 0; } trix-editor [data-trix-mutable]:not(.attachment__caption-editor) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection { background: none; } trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection { background: none; } trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection { background: highlight; } trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection { background: highlight; } trix-editor [data-trix-mutable].attachment.attachment--file { box-shadow: 0 0 0 2px highlight; border-color: transparent; } trix-editor [data-trix-mutable].attachment img { box-shadow: 0 0 0 2px highlight; } trix-editor .attachment { position: relative; } trix-editor .attachment:hover { cursor: default; } trix-editor .attachment--preview .attachment__caption:hover { cursor: text; } trix-editor .attachment__progress { position: absolute; z-index: 1; height: 20px; top: calc(50% - 10px); left: 5%; width: 90%; opacity: 0.9; transition: opacity 200ms ease-in; } trix-editor .attachment__progress[value="100"] { opacity: 0; } trix-editor .attachment__caption-editor { display: inline-block; width: 100%; margin: 0; padding: 0; font-size: inherit; font-family: inherit; line-height: inherit; color: inherit; text-align: center; vertical-align: top; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } trix-editor .attachment__toolbar { position: absolute; z-index: 1; top: -0.9em; left: 0; width: 100%; text-align: center; } trix-editor .trix-button-group { display: inline-flex; } trix-editor .trix-button { position: relative; float: left; color: #666; white-space: nowrap; font-size: 80%; padding: 0 0.8em; margin: 0; outline: none; border: none; border-radius: 0; background: transparent; } trix-editor .trix-button:not(:first-child) { border-left: 1px solid #ccc; } trix-editor .trix-button.trix-active { background: #cbeefa; } trix-editor .trix-button:not(:disabled) { cursor: pointer; } trix-editor .trix-button--remove { text-indent: -9999px; display: inline-block; padding: 0; outline: none; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background-color: #fff; border: 2px solid highlight; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); } trix-editor .trix-button--remove::before { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; content: ""; background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"); background-position: center; background-repeat: no-repeat; background-size: 90%; } trix-editor .trix-button--remove:hover { border-color: #333; } trix-editor .trix-button--remove:hover::before { opacity: 1; } trix-editor .attachment__metadata-container { position: relative; } trix-editor .attachment__metadata { position: absolute; left: 50%; top: 2em; transform: translate(-50%, 0); max-width: 90%; padding: 0.1em 0.6em; font-size: 0.8em; color: #fff; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; } trix-editor .attachment__metadata .attachment__name { display: inline-block; max-width: 100%; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } trix-editor .attachment__metadata .attachment__size { margin-left: 0.2em; white-space: nowrap; } .trix-content { line-height: 1.5; overflow-wrap: break-word; word-break: break-word; } .trix-content * { box-sizing: border-box; margin: 0; padding: 0; } .trix-content h1 { font-size: 1.2em; line-height: 1.2; } .trix-content blockquote { border: 0 solid #ccc; border-left-width: 0.3em; margin-left: 0.3em; padding-left: 0.6em; } .trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] { border-width: 0; border-right-width: 0.3em; margin-right: 0.3em; padding-right: 0.6em; } .trix-content li { margin-left: 1em; } .trix-content [dir=rtl] li { margin-right: 1em; } .trix-content pre { display: inline-block; width: 100%; vertical-align: top; font-family: monospace; font-size: 0.9em; padding: 0.5em; white-space: pre; background-color: #eee; overflow-x: auto; } .trix-content img { max-width: 100%; height: auto; } .trix-content .attachment { display: inline-block; position: relative; max-width: 100%; } .trix-content .attachment a { color: inherit; text-decoration: none; } .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover { color: inherit; } .trix-content .attachment__caption { text-align: center; } .trix-content .attachment__caption .attachment__name + .attachment__size::before { content: ' \2022 '; } .trix-content .attachment--preview { width: 100%; text-align: center; } .trix-content .attachment--preview .attachment__caption { color: #666; font-size: 0.9em; line-height: 1.2; } .trix-content .attachment--file { color: #333; line-height: 1; margin: 0 2px 2px 2px; padding: 0.4em 1em; border: 1px solid #bbb; border-radius: 5px; } .trix-content .attachment-gallery { display: flex; flex-wrap: wrap; position: relative; } .trix-content .attachment-gallery .attachment { flex: 1 0 33%; padding: 0 0.5em; max-width: 33%; } .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment { flex-basis: 50%; max-width: 50%; } /* * We need to override trix.css’s image gallery styles to accommodate the * element we wrap around attachments. Otherwise, * images in galleries will be squished by the max-width: 33%; rule. */ .trix-content .attachment-gallery > action-text-attachment, .trix-content .attachment-gallery > .attachment { flex: 1 0 33%; padding: 0 0.5em; max-width: 33%; } .trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--4 > .attachment { flex-basis: 50%; max-width: 50%; } .trix-content action-text-attachment .attachment { padding: 0 !important; max-width: 100% !important; } body { color: #666; height: 100%; font: normal 10pt "Lucida Grande", "Lucida Sans Unicode", sans-serif; line-height: 16px; } p { font-size: 12px; line-height: 1.5; margin-bottom: 2px; } a { color: #458C4C; text-decoration: none; } header { height: 100px; } footer { float: left; margin-top: 20px; width: 100%; } fieldset { border: 0px; } /* imagery */ #page-head-imagery {height: 55px; } #page-head-bottom { background: none; height: 55px; } ol li { font-size: 12px; } ul.public-content li { list-style-type: square; margin-left: 20px; margin-top: 3px; font-size: 12px; } .nav_wrapper { float: left; width: 100%; } #submenu { margin-bottom: 0; } ul.breadcrumbs { margin: 0; min-height: 25px; height: auto; width: 940px; float: left; margin-left: 15px; margin-right: 10px; line-height: 30px; margin-bottom: 10px; } ul.breadcrumbs li { float: left; line-height: 30px; } ul.breadcrumbs li a { color: #fff; padding: 0 5px 0 0; float: left; line-height: 30px; } ul.breadcrumbs li a:after { content: " >"; } ul.breadcrumbs li a:hover { text-decoration: none; } ul.breadcrumbs li a span { -moz-border-radius: 0; -webkit-border-radius: 0; color: #FFFFFF; font: normal 9pt/36px Arial,Helvetica,sans-serif; height: 36px; background-color: transparent; } ul.breadcrumbs li a:hover span { background: transparent url(/assetss/subnav-carat.png) no-repeat 50% bottom; color: #fff; } ul.submenu { margin: 0; min-height: 25px; height: auto; width: 940px; float: left; margin-left: 10px; margin-right: 10px; } ul.submenu li { height: 45px; } ul.submenu li a { height: 36px; } ul.submenu li a span { -moz-border-radius: 0; -webkit-border-radius: 0; color: #FFFFFF; font: normal 9pt/36px Arial,Helvetica,sans-serif; height: 36px; background-color: transparent; } ul.submenu li a:hover span { background: transparent url(/assetss/subnav-carat.png) no-repeat 50% bottom; color: #fff; } ul.utility-menu { float: right; color: #fff; margin-right: 20px; margin-top: 28px; font-size: 11px; } ul.utility-menu li { float: left; margin: 13px 0 0 5px; } ul.utility-menu li a { color: #fff; display: block; height: 15px; margin-right: 0px; float: left; } /* error messages */ h2.error-heading, div.formError {color: #be3a88;} #EnvironmentLabel { margin-left: 0; margin-top: 115px; } table { width: 100%; } thead { border: 1px solid #ccc; border-bottom: none; } tbody { border: 1px solid #ccc; } table.styled, .vanilla table { margin-bottom: 0; } table.styled th, .vanilla table th { border-bottom: none; font-size: 11px; white-space:nowrap; text-align:left; padding: 6px 4px; } table.styled th.label, .vanilla table th.label { width: 150px; } table.styled th span, .vanilla table th span { color: #aaa; font-size: 10px; padding: 0 0 0 2px; } table.styled td, .vanilla table td { border: none; font-size: 11px; padding: 10px 4px; } td.border-left { border-left: 1px solid #ccc !important; } table.bid-offer-controls { margin-bottom: 10px; } table.bid-offer-controls thead { border: none; } table.bid-offer-controls thead tr th { padding: 0; } td strong { font-weight: bold; } td.left, th.left { text-align: left !important; } td.right, th.right { text-align: right !important; } td.center, th.center { text-align: center !important; } .sprite { background-image: url(/assets/main-sprite.png); background-repeat: no-repeat; } .button-new-bid, .button-new-offer { background-color: rgba(51,51,51,.7); border-radius: 4px !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; color: #FFFFFF !important; font-size: 12px !important; padding: 0.4em 15px 0.4em 35px !important; display: block; text-align: right; box-shadow: inset 2px 2px 10px rgba(0,0,0,.25); } .button-new-bid { background-position: 5px 1px; } .button-new-offer { background-position: 5px -24px; } .disabled-bid-offer-button { opacity: 0.5; filter: alpha(opacity = 50); /* FFFFFFFFFFFF */ } .activity-spinner { position: relative; top: -398px; margin-bottom: -398px; width: 458px; height: 398px; background: url(/assets/ajax-loader.gif) no-repeat 50% 50%; } .actions { text-align: right; padding-right: 15px !important; white-space: nowrap; width: 40px; } td.left { text-align: left; } td.left a { padding: 0; } .actions a { display: inline-block; padding: 0 0 0 25px; line-height: 14px; color: #458C4C !important; } .actions .delete, .actions .withdraw { display: inline-block; padding: 0 0 0 25px; background: url(/assets/main-sprite.png) no-repeat 0 -56px; color: #CC0000 !important; } .actions .withdraw-bid { background: url(/assets/main-sprite.png) no-repeat 0 -81px; } .actions .withdraw-offer { background: url(/assets/main-sprite.png) no-repeat 0 -104px; } li.user { padding: 0 0 0 0px; line-height: 16px !important; margin-top: 7px !important; } li.user span { font-size: 11px; } li.user span em { color: #777;; } .chart-options-wrapper { float: left; width: 100%; } ul.chart-options { margin: 10px auto 0; width: 360px;; display: block; } ul.bid-offer-filters { float: right; margin-top: 10px; } ul.chart-options li, ul.bid-offer-filters li { float: left; margin: 0 5px 0 0; } ul.chart-options li a, ul.bid-offer-filters li a { width: 30px; padding: 9px; border: 1px solid #666; background: #666; color: #fff; float: left; margin: 0 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; display: block; } ul.bid-offer-filters li a { width: auto; } ul.chart-options li a:hover, ul.chart-options li.selected a, ul.bid-offer-filters li a:hover, ul.bid-offer-filters li.selected a { border: 1px solid #71A9B2; background: #71A9B2; text-decoration: none; } div.stock-chart { height: 400px; margin-top: 10px; } ul.legend { width: auto; float: right; margin: 0 35px 0 0; } .bid-offer-controls ul.legend { margin-bottom: -9px; } ul.legend li { float: left; white-space: nowrap; } .status-indicator { width: 40px; } .legend .status-indicator { width: auto; padding: 0 5px; font-size: 11px; line-height: 20px; color: #999; } .bid-offer-controls .legend .status-indicator { line-height: 25px; } .status-indicator div { text-indent: -10000px; height: 10px; width: 5px; margin: 0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .legend .status-indicator div { float: left; margin: 5px 5px 0 0; } .bid-offer-controls .legend .status-indicator div { margin: 0 5px 0 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 25px; width: 5px; } tr.live td.status-indicator div, .status-indicator div.live { background: #8CD98C; border: 1px solid #66CC66; } tr.fully_matched td.status-indicator div, .status-indicator div.fully_matched { background: #40D9D9; border: 1px solid #00CCCC; } tr.expired td.status-indicator div, .status-indicator div.expired { background: #E37070; border: 1px solid #D94040; } tr.withdrawn td.status-indicator div, .status-indicator div.withdrawn { background: #B3B3B3; border: 1px solid #999999; } .status-indicator div.user { background: #458C4C; border: 1px solid #458C4C; } .status-indicator div.company { background: #ccc; border: 1px solid #ccc; } .pagination { padding: 5px; margin-top: 10px; text-align: center; } .pagination a, .pagination em, .pagination span { display: inline-block; padding: 5px 10px; border: 1px solid #ccc; text-align: center; height: 20px; color: #666; } .pagination em { color: #71A9B2; font-weight: bold; } .pagination a:hover { border: 1px solid #71A9B2; background: #71A9B2; color: #fff; text-decoration: none; } a.previous_page, a.next_page, span.previous_page, span.next_page { display: inline-block; padding: 5px; border: none; text-align: center; width: auto; } a.previous_page:hover, a.next_page:hover { background: none; border: none; text-decoration: underline; color: #71A9B2; } span.gap { border: none; } .notice-message { margin: 5px 10px 0; padding: 5px 5px 5px 30px; border: 1px solid #bbb; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #eee url(/assets/main-sprite.png) no-repeat 3px -168px; float: left; width: 903px; } .notice-message { margin: 5px 10px 0; padding: 10px 5px 10px 30px; border: 1px solid #bbb; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #eee url(/assets/main-sprite.png) no-repeat 3px -168px; float: left; width: 903px; font-size: 14px; } .error-message { margin: 5px 0 10px 10px; padding: 10px 5px 10px 30px; border: 1px solid #AA1111; color: #666; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #eee url(/assets/main-sprite.png) no-repeat 3px -292px; float: left; width: 903px; font-size: 14px; color: #AA1111; } .list_filters_wrapper { width: 940px; clear: both; } #list_filters { } #list_filters thead { border-top: 3px solid #ccc; } #list_filters tbody { border-bottom: none; border-top: none; } #list_filters tr { background-color: #ddd !important; } #list_filters thead tr td { padding: 2px 6px 0; } #list_filters tbody tr td { padding: 2px 4px 6px; } #list_filters label { color: #888; } #list_filters .date-picker { width: 80px; float: left; } #list_filters .date-picker-control { float: left; } #list_filters .select-option { width: 120px; float: left; } a.csv_download { display: inline-block; padding: 0 0 2px 25px; margin: 0; line-height: 20px; font-size: 11px; background: url(/assets/main-sprite.png) no-repeat 0 -368px; } .trade_actions { width: 25px; } .trade_actions a.pdf_download { background: url(/assets/main-sprite.png) no-repeat 0 -393px; display: inline-block; font-size: 11px; text-indent: -10000px; margin: -10px 0 -5px; width: 25px; line-height: auto; height: 20px; padding: 0; overflow: hidden; } .void { text-decoration: line-through; } td.ownerflag { padding: 10px 0 !important; width: 5px !important; overflow: hidden; } td.bid-user, td.offer-user { background: #458C4C; } td.bid-company, td.offer-company { background: #ccc; } table.bid_offer_stack tr { border-bottom: 1px solid #ccc; } table.bid_offer_stack tr td.actions { width: 25px; padding: 0 !important; text-align:left !important; } table.bid_offer_stack tr td.actions .withdraw { display: block; text-indent: -10000px; width: 20px; height: 15px; background: url(/assets/main-sprite.png) no-repeat 0 -56px; color: #CC0000 !important; padding: 0 !important; } td.divide { border-right: 1px solid #ccc !important; } td.bids { text-align: right; } td.offerquantity { text-align: right; } td.bidprice, td.offerprice { width: 10px; white-space:nowrap; text-align: right; padding-left: 15px !important; padding-right: 15px !important; } td.bidprice { padding-right: 15px !important; } td.offerprice { padding-left: 15px !important; } td.cannot-trade { color: #ccc; } .bidhead, .offerhead { width: 50%; text-align: center!important; } .bidhead h4, .offerhead h4 { font-size: 11px; font-weight: bold; display: inline-block; padding: 0 10px; } .last-price-widget h5 { color: #458C4C; font-size: 25px; padding: 5px 0; white-space: nowrap; font-weight: bold; } .last-price-widget { } .last-price-widget h5 strong { font-size: 25px; } .last-price-meta { font-size: 10px; color: #aaa; margin-bottom: 10px; text-align: right; } .last-price-meta h6.up, .last-price-meta h6.no-change, .last-price-meta h6.down { font-size: 12px; font-weight: bold; } .last-price-meta h6.up, .last-price-widget h5 strong.up { color: #8CD98C; } .last-price-meta h6.no-change, .last-price-widget h5 strong.no-change { color: #8CD98C; } .last-price-meta h6.down, .last-price-widget h5 strong.down { color: #E37070; } .last-price-date { text-align: left; padding-top: 5px; } .overview { margin-top: 5px; } .overview thead { border: none; border-bottom: 1px solid #CCCCCC; } .overview tbody { border: none; } .overview table tr td, .overview table tr th { width: 25%; text-align: right; } .overview table tr td { color: #458C4C; font-size: 14px; } .currency { text-align: right !important; } span.header-link, span.header-link a { color: #999 !important; font-size: 11px; } p.smallprint { font-size: 10px; color: #999; padding-bottom: 10px; } a.page-top-anchor { height: 0; overflow: hidden; display: block; } .topLink { color: #333; margin: 5px 0 10px; display: inline-block; } ul.index { margin: 12px 0 0 10px; border-top: 1px dotted #ccc; } ul.index li { padding: 8px 0; border-bottom: 1px dotted #ccc; } ul.features { margin: 12px 0 0; border-top: 1px dotted #ccc; } ul.features li { padding: 8px 0; border-bottom: 1px dotted #ccc; } #market-state { display: block; float: right; background-image: url(/assets/menu/menu-bg-summer.png); background-repeat: repeat-x; color: #fff; border: 1px solid #fff; border-top: 0; z-index: 100000; padding: 0 15px; margin-right: 20px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .market-open { background-position: 0 -222px; } .market-suspended { background-position: 0 -282px; } .market-closed { background-position: 0 -342px; } #market-state h5, #market-state p { display: block; margin: 0 auto 7px; text-shadow: 1px 1px 4px #000; } #market-state h5 { font-weight: bold; font-size: 14px; margin: 5px auto 0; } #market-state p { font-size: 9px; font-weight: bold; } .form-column { float: left; margin-right: 20px; } .align-right { text-align: right; } .last-price-table { margin-top: 11px; } .last-price-table thead { border-bottom: 1px solid #CCCCCC; } #new_bid_dialog textarea, #new_offer_dialog textarea { height: 100px !important; } .company_product_permissions { border: 1px dotted #AAA; padding: 5px 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 250px; margin-top: 5px; background: #F9F9F9; display: inline-block; } .company_product_permissions li { border-bottom: 1px dotted #DDD; padding: 3px; } .company_product_permissions li label { font-size: 11px; margin-bottom: 0; } .company_product_permissions strong { font-weight: bold; /* why */ } .company_product_permissions_our_company { width: 197px !important; vertical-align: top; } .target_company_allowed_products_our_company { display: none; } /* Admin > Banner Images */ .banner_image_thumbnail { margin: 15px 0; } .banner_image_thumbnail img { width: auto; height: 150px; } /* Homepage Ad Banner */ .homepage-banner-ad img { width: 100%; margin-bottom: 10px; } /* html5 compatibility */ header, nav, footer, aside, article, section { display: block; } html { height: 100%; } h1, h2, h3 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: normal; color: #000; } h1 { font-size: 20pt; margin-bottom: 20px; } h2 { font-size: 16pt; margin-bottom: 10px; } h3 { font-size: 12pt; } /*a {text-decoration: none; color: #336699;}*/ a:hover { text-decoration: underline; } a img { text-decoration: none; border: none; } table { border-collapse: collapse; } .clear-both { display: block; float: none; clear: both; height: 0; overflow: hidden; } /* page head */ header { height: 96px; background: transparent url(/assets/structure/bg-page-head.png) repeat-x 0 0; background-color: #4d8f90; } #page-head-imagery { height: 96px; /* branding imagery can go here */ } #page-head-top { height: 50px; padding: 0 12px 0 20px; } #page-head-top h2 { float: left; margin: 14px 0 0 0; } #page-head-top h2 a { color: #fff; } #page-head-top h2 a:hover { text-decoration: none; } #page-head-top ul { float: right; height: 20px; margin-top: 5px; } #page-head-top ul li { float: left; margin-left: 10px; font-size: 9pt; color: #ccc; padding-bottom: 1px; } #page-head-top ul li.logout { /* margin-left: 20px; */ } #page-head-top ul li span { color: #eee; display: inline-block; margin-right: 10px; } #page-head-top ul li a { color: #fff; border-bottom: 1px dotted #ccc; } #page-head-top ul li a:hover { text-decoration: none !important; } #page-head-bottom { height: 46px; padding: 0 0 0 14px; /* background: transparent url(/assets/structure/bg-page-head-bottom.png) no-repeat bottom right;*/ } /* Enviromant label CSS */ #EnvironmentLabel { position: absolute; width: 144px; height: 35px; } #EnvironmentLabel_Color { position: absolute; opacity: 0.5; filter: alpha(opacity=50); } #EnvironmentLabel_Name { position: absolute; opacity: 0.7; filter: alpha(opacity=70); } /* Banner message CSS */ div.banner { padding: 10px; background: url(/assets/system-message-bg.png) repeat-x scroll left bottom #666; /* background: url(/assets/system-message-bg.png) repeat-x scroll left bottom #F7941E; */ color: #fff; text-align: center; font-size: 14px; } /* submenu */ ul.submenu { height: 50px; margin: 20px 18px 0 18px; } ul.submenu li { float: left; margin-right: 6px; } ul.submenu li a { display: inline-block; height: 28px; overflow: hidden; } ul.submenu li a span { display: inline-block; height: 28px; overflow: hidden; font: bold 9pt/28px Arial, Helvetica, sans-serif; -moz-border-radius: 14px; -webkit-border-radius: 14px; -border-radius: 14px; color: #777; background-color: #eee; padding: 0 12px; cursor: pointer; } ul.submenu li a:hover { text-decoration: none; } ul.submenu li a:hover span { background-color: #ddd; color: #444; } ul.submenu li.selected a span { background-color: #ccc; color: #333; } .submenu-content { margin: -16px 18px; background-color: #f7f7f9; padding: 16px; border-radius: 6px; min-height: 210px; } .container_12 { margin-left: auto !important; margin-right: auto !important; width: 960px !important; } /* common content */ .content { padding: 0 18px 0 22px; min-height: 520px; background: url(/assets/page-bg.png) no-repeat top left; margin: -10px 30px 0; padding-bottom: 50px; } div.col-1-of-2 { float: left; width: 49.99%; } div.col-1-of-3 { float: left; width: 33.32%; } div.col-content { margin: 0 30px 0 0; } /* forms */ input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 4px; } .vanilla label, label.styled { display: block; margin-bottom: 3px; font-size: 9pt; color: #666; } input.input-text, textarea.input-text { width: 221px; border: 1px solid #ccc; } select.select-option { border: 1px solid #ccc; padding: 2px; } select.select-option-trade { border: 1px solid #ccc; padding: 2px; min-width: 150px; max-width: 150px; } textarea.input-text { height: 100px; } input.input-text:focus, select:focus, textarea:focus { border: 1px solid #999; background-color: #fffbd2; } label.for-checkbox, label.for-radio { display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; margin-left: 4px; margin-right: 12px; } div.form-row { margin-bottom: 12px; } .login-box div.form-row { clear: both; } div.form-row-multiple div.form-row { float: left; margin-right: 10px; } .readonly div.form-row { width: 220px; margin-right: 20px; } .readonly div.form-row label { color: #458c4c; font-size: 12pt; } div.checkbox-radio-row { padding-top: 8px; } a.button, a.button span, button.button, button.button span { display: table-cell; background: transparent url(/assets/structure/bg-button-standard.gif) no-repeat 0 0; height: 29px; overflow: hidden; text-align: center; text-decoration: none; color: #333; cursor: pointer; font: bold 9.5pt/29px Arial, Helvetica, sans-serif; border: none; padding: 0; outline: none; padding: 0; margin: 0; position: relative; text-shadow: #fff 1px 1px 1px; } a.button, button.button { background-repeat: repeat-x; margin-right: 8px; #width: auto; #overflow: visible; } button.button::-moz-focus-inner { border: none; padding: 0; } button.button:focus::-moz-focus-inner { border: none; border-color: transparent !important; } a.button span.left, button.button span.left { background-position: 0 -30px; padding-left: 15px; } a.button span.right, button.button span.right { background-position: right -60px; padding-right: 15px; } button.button span { overflow: visible; } div.form-actions { height: 50px; padding-top: 15px; } .standard-delete, .standard-cancel, .standard-save { float: left; } .standard-cancel span { font-weight: normal !important; color: #555 !important; } .standard-save span.right { color: #222; width: 80px; } .wide span.right { color: #222; width: 150px; } h2.error-heading { background-color: #ffffb7; font: normal 12pt Arial, Helvetica, sans-serif; padding: 20px; margin: -5px 0 20px 0; width: 505px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -border-radius: 8px; color: #000; } div.fieldWithErrors input.input-text { border: 1px solid #333; background-color: #eee; } div.formError { font-size: 9pt; padding: 3px 0; color: red; } div.heading-for-editable { height: 3.3em; overflow: hidden; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; width: 942px; } div.heading-for-editable h1 { float: left; } div.heading-for-editable a.edit-details { float: right; display: inline-block; margin: 18px 5px 0 0; } a.edit-details { font: normal 11pt Arial, Helvetica, sans-serif; } span.attribute-value { font: normal 11pt Arial, Helvetica, sans-serif; color: #000; display: inline-block; margin-bottom: 7px; } div.heading-for-editable .standard-cancel, div.heading-for-editable .standard-save { float: right; margin-top: 5px; } /* text */ p.news_date { font-size: 8pt; color: #666; margin-bottom: 5px; } /* tables */ /*table.styled, .vanilla table {margin-bottom: 15px;}*/ /*table.styled th, .vanilla table th {border-bottom: 3px solid #eee; padding: 6px; font-size: 9pt; color: #333;}*/ /*table.styled td, .vanilla table td {border-bottom: 1px solid #eee; padding: 6px; font: normal 11pt Arial, Helvetica, sans-serif;}*/ .no-result { display: block; border: 1px solid #ccc; color: #666; padding: 10px; } /* footer */ #massive-page-container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -160px; min-width: 1004px; } .product-description p { color: #666666; font-size: 14px; font-weight: normal; line-height: 1.25; margin: 10px 0; } .push { height: 160px; } .content-wrapper-right ul { list-style-type: disc; margin: 0; } .content-wrapper-right ol { list-style-type: decimal; margin: 0; } .content-wrapper-right ul li, .content-wrapper-right ol li { display: list-item; margin: 0 0 0 30px; padding: 0; } footer { background-color: #333; height: 160px; min-width: 1004px; text-shadow: #333 0 0 0; color: #ccc; } #footer-left { float: left; height: 160px; background: transparent url(/assets/structure/bg-footer-left.png) no-repeat 0 0; width: 49.9%; } #footer-right { float: right; height: 160px; background: transparent url(/assets/structure/bg-footer-right.png) no-repeat right 0; width: 49.9%; text-align: right; } .reorder { cursor: move; } .last-updated { font-size: 10px; color: #999; text-align: right; padding-top: 5px; } .last-updated span { color: #666; } .bullet-list { list-style: disc; margin-left: 50px; } .numeric-list { list-style: decimal; margin-left: 50px; } .listing { margin: 0; } .listing li { margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px dotted #eee; } .listing img { display: inline-block; margin: 0 10px 10px 0; vertical-align: top; } .listing-body { display: inline-block; width: 375px; } .listing h3 { margin: 0; line-height: 1; } .listing .intro { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 6px; } .listing .intro p { font-size: 11px; } .listing-status { font-size: 10px; color: #999; } #greenlist, #redlist { border: 1px dotted #aaa; padding: 5px 10px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 450px; margin-top: 5px; background: #f9f9f9; } #greenlist li, #redlist li { border-bottom: 1px dotted #ddd; padding: 3px; } #greenlist li label, #redlist li label { font-size: 11px; margin-bottom: 0; } .agent-prices { margin-top: 10px; } .agent-prices td { padding: 5px 4px !important; } .price-warning { background: url(/assets/main-sprite.png) no-repeat 2px -295px #f7941e; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #fff; padding: 8px 10px 10px 30px; margin: 0 0 10px; font-size: 11px; } .price-warning strong { font-weight: bold; } /* This is a very basic stylesheet for the date-picker. Feel free to create your own. */ /* Hide the input by using a className */ input.fd-hidden-input, select.fd-hidden-input { display:none; } /* Screen reader class - hides it from the visual display */ .fd-screen-reader { position:absolute; left:-999em; top:0; width:1px; height:1px; overflow:hidden; outline: 0 none; -moz-outline: 0 none; } /* Disabled datePicker and activation button */ a.dp-disabled, .dp-disabled table { opacity:.3 !important; filter:alpha(opacity=40); } .dp-disabled, .dp-disabled td, .dp-disabled th, .dp-disabled th span { cursor:default !important; } a.date-picker-control:focus, div.datePicker table td:focus { overflow:hidden; outline:0 none; -moz-outline: 0 none; color:rgb(100,130,170) !important; } /* The wrapper div */ div.datePicker { position:absolute; z-index:9999; text-align:center; /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */ font:900 0.8em/1em Verdana, Sans-Serif; /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */ /* font:900 77%/77% Verdana, sans-serif; */ /* Or, if you prefer a pixel precision */ /* font:900 12px/12px Verdana, sans-serif; */ background:transparent; /* Mozilla & Webkit extensions to stop text-selection. */ -moz-user-select:none; -khtml-user-select:none; } /* Styles for the static datePickers */ div.static-datepicker { position:relative; top:5px; left:0; } div.datePicker table { width:auto; height:auto; border-collapse:separate; } /* Draggable datepickers */ div.datePicker tfoot th.drag-enabled, div.datePicker thead th.drag-enabled, div.datePicker thead th.drag-enabled span { cursor:move; } /* The iframe hack to cover selectlists in Internet Explorer <= v6 */ iframe.iehack { position:absolute; background:#fff; z-index:9998; padding:0; border:0; display:none; margin:0; } /* The "button" created beside each input for non-static datePickers */ a.date-picker-control:link, a.date-picker-control:visited { position:relative; /* Moz & FF */ display: -moz-inline-stack; border:0 none; padding:0; margin:0 0 0 4px; background:transparent url(/assets/datepicker/cal-grey.gif) no-repeat 50% 50%; min-width:16px; line-height:1; cursor:pointer; visibility:visible; text-decoration:none; vertical-align:top; } a.date-picker-control:hover, a.date-picker-control:active, a.date-picker-control:focus, a.dp-button-active:link, a.dp-button-active:visited, a.dp-button-active:hover, a.dp-button-active:active, a.dp-button-active:focus { background:transparent url(/assets/datepicker/cal.gif) no-repeat 50% 50% !important; } /* Feed IE6 the following rule, IE7 should handle the min-width declared above */ * html a.date-picker-control { width:16px; } /* IE, Safari & Opera. Seperate CSS rule seems to be required. */ a.date-picker-control { display:inline-block; } a.date-picker-control span { display:block; width:16px; height:16px; margin:auto 0; } /* Default "button" styles */ div.datePicker thead th span { display:block; padding:0; margin:0; text-align:center; line-height:1em; border:0 none; background:transparent; font-weight:bold; cursor:pointer; } /* The "month, year" display */ div.datePicker th span.month-display, div.datePicker th span.year-display { display:inline; text-transform:uppercase; letter-spacing:1px; font:normal 1.2em Verdana, Sans-Serif; cursor:default; } /* Next & Previous (month, year) buttons */ div.datePicker th span.prev-but, div.datePicker th span.next-but { font-weight:lighter; font-size:2.4em; font-family: georgia, times new roman, palatino, times, bookman, serif; cursor:pointer !important; } /* Hover effect for Next & Previous (month, year) buttons */ div.datePicker th span.prev-but:hover, div.datePicker th span.next-but:hover, div.datePicker th span.today-but:hover { color:#a84444; } /* Today button */ div.datePicker th span.today-but { text-align:center; margin:0 auto; font:normal 1em Verdana, Sans-Serif; width:100%; text-decoration:none; padding-top:0.3em; text-transform:uppercase; vertical-align:middle; cursor:pointer !important } /* Disabled buttons */ div.dp-disabled th span.prev-but, div.dp-disabled th span.next-but, div.dp-disabled th span.today-but, div.dp-disabled th span.prev-but:hover, div.dp-disabled th span.next-but:hover, div.dp-disabled th span.today-but:hover, div.datePicker th span.prev-but.fd-disabled:hover, div.datePicker th span.next-but.fd-disabled:hover, div.datePicker thead th span.fd-disabled, div.datePicker th span.fd-disabled:hover { color:#aaa; cursor:default !important; opacity:1; } /* The mon, tue, wed etc day buttons */ div.datePicker th span.fd-day-header { text-align:center; margin:0 auto; font:900 1em Verdana, Sans-Serif; text-decoration:none; text-transform:lowercase; cursor:pointer; } /* The table */ div.datePicker table { margin:0; padding:0; border:1px solid #ccc; background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px; text-align:center; border-spacing:2px; padding:0.3em; width:auto; empty-cells:show; border-radius:0.8em; -moz-border-radius:0.8em; -moz-box-shadow:0px 0px 5px #aaa; } /* Common TD & TH styling */ div.datePicker table td, div.datePicker table tbody th { border:0 none; padding:0; text-align:center; vertical-align:middle; cursor:pointer; background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; width:3em; height:3em; overflow:hidden; outline:transparent none 0px; border:1px solid #ccc; text-transform:none; -moz-border-radius:2px; border-radius:2px; } div.datePicker table td:focus, div.datePicker table td:active { outline:0 none red; } div.datePicker table th { border:0 none; padding:0; font-weight:bold; color:#222; text-align:center; vertical-align:middle; text-transform:none; } div.datePicker table thead th { height:auto !important; } div.datePicker table tbody th { border:1px solid #dcdcdc; } /* Week number display */ div.datePicker table thead th.date-picker-week-header, div.datePicker table tbody th.date-picker-week-header { font-style:oblique; background:transparent; cursor:default; } div.datePicker table thead th.date-picker-week-header { cursor:help; border:0 none; padding:0 0 0.2em 0; } /* tfoot status bar */ div.datePicker tfoot th { cursor:default; font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; border:0 none; background:#fff; height:2.8em; } /* TD cell that is _not_ used to display a day of the month */ div.datePicker table tbody td.date-picker-unused { background:#fff url(/assets/datepicker/backstripes.gif); border-color:#dcdcdc; cursor:default !important; } /* The TH cell used to display the "month, year" title */ div.datePicker table thead th.date-picker-title { width:auto; height:auto; padding:0.4em 0; } /* The "mon tue wed etc" day header styles */ div.datePicker table thead th.date-picker-day-header { text-transform:lowercase; cursor:help; height:auto; } /* The "todays date" style */ div.datePicker table tbody td.date-picker-today { background:#fff url(/assets/datepicker/bullet2.gif) no-repeat 0 0; color:rgb(100,100,100) !important; } div.datePicker table tbody td.month-out.date-picker-highlight { color:#aa8866 !important; } /* The "highlight days" style */ div.datePicker table tbody td.date-picker-highlight, div.datePicker table thead th.date-picker-highlight { color:#a86666 !important; } /* The "active cursor" style */ div.datePicker table tbody td.date-picker-hover { background:#fff url(/assets/datepicker/bg_header.jpg) no-repeat 0 0; cursor:pointer; border-color:rgb(100,130,170) !important; color:rgb(100,130,170); text-shadow: 0px 1px 1px #fff; } /* The "disabled days" style */ div.datePicker table tbody td.day-disabled { background:#fff url(/assets/datepicker/backstripes.gif) no-repeat 0 0; color:#aaa !important; cursor:default; text-decoration:line-through; } div.datePicker table tbody td.month-out { border-color:#ddd; color:#aaa !important; background:#fff url(/assets/datepicker/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px; } /* The "selected date" style */ div.datePicker table tbody td.date-picker-selected-date { color:#333 !important; border-color:#333 !important; } /* The date "out of range" style */ div.datePicker table tbody td.out-of-range, div.datePicker table tbody td.not-selectable { color:#ccc !important; font-style:oblique; background:#fcfcfc !important; cursor:default !important; } /* Week number "out of range" && "month-out" styles */ div.datePicker table tbody th.month-out, div.datePicker table tbody th.out-of-range { color:#aaa !important; font-style:oblique; background:#fcfcfc !important; } /* week numbers "out of range" */ div.datePicker table tbody th.out-of-range { opacity:0.6; filter:alpha(opacity=60); } /* Used when the entire grid is full but the next/prev months dates cannot be selected */ div.datePicker table tbody td.not-selectable { opacity:0.8; filter:alpha(opacity=80); } div.datePicker table tbody tr { display:table-row; } div.datePicker table tfoot sup { font-size:0.86em; letter-spacing:normal; text-transform:none; height: 0; line-height: 1; position: relative; top: -0.2em; vertical-align: baseline !important; vertical-align: top; } div.datePicker table thead th.date-picker-day-header, div.datePicker table thead span.month-display, div.datePicker table thead span.year-display { text-shadow: 0px 1px 1px #fff; } /* You can add focus effects (for everything but IE6) like so: */ div.datepicker-focus table.datePickerTable { border-color:#999 !important; } div.datePicker table tbody tr td:focus, div.datePicker table tbody td.date-picker-hover { overflow:hidden; outline:0px solid #ff0000; -moz-outline: 0 none; -o-highlight:0 none; color:rgb(100,130,170) !important; } div.static-datepicker table { -moz-box-shadow:0 0 0 transparent; } div.datepicker-focus table { /* Naughty, naughty - but we add a highlight using the table's border colour */ outline:none; -moz-box-shadow:0px 0px 5px #aaa; } *:-o-prefocus{outline : -o-highlight-border;} /* INTERNET EXPLORER WOES ====================== Hover Effects ------------- IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the row currently being hovered over. This should enable you to add hover effects if desired. e.g. the following rule will highlight the cell borders in another colour when a row is moused over, it looks like crap though so I didn't include the rule within the demo: div.datePicker table tbody tr.dp-row-highlight td { border-color:#aaa; } */ /* Remove the images for Internet Explorer <= v6 using the "* html" hack This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes which means that they are downloaded for every cell for every table - nasty! */ * html div.datePicker table td { background-image:none; } * html div.datePicker table td.date-picker-unused { background:#f2f2f2; } body.fd-drag-active { -webkit-user-select:none; } /* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together Remove one or the other to get things looking less ugly */ @media screen and (-webkit-min-device-pixel-ratio:0) { div.datePicker table { border-spacing:0.3em; /* Naughty, naughty */ -webkit-box-shadow:0px 0px 5px #aaa; -webkit-border-radius:0.8em; } div.static-datepicker table { -webkit-box-shadow:0 0 0 transparent; } div.datepicker-focus table { -webkit-box-shadow:0px 0px 5px #aaa; } div.datePicker table td, div.datePicker table tbody th { padding:0.1em; -webkit-border-radius:2px; } div.datePicker table tbody td.date-picker-hover { -webkit-box-shadow:0px 0px 1px rgb(100,130,170); } } /* CSS Document */ #input-01 {width: 200px;} #input-02, #input-03 {width: 350px;} #select-01 {width: 360px;} table.table-01 {width: 600px;} /* * Table */ table.dataTable { margin: 0 auto; clear: both; width: 100%; } table.dataTable thead th { padding: 6px 18px 4px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; *cursor: hand; } table.dataTable tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.dataTable td { padding: 3px 10px; } table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable tr.odd { background-color: #eee; } table.dataTable tr.even { background-color: white; } /* * Table wrapper */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; } /* * Page length menu */ .dataTables_length { float: left; } /* * Filter */ .dataTables_filter { float: right; text-align: right; } /* * Table information */ .dataTables_info { clear: both; float: left; } /* * Pagination */ .dataTables_paginate { float: right; text-align: right; } /* Two button pagination - previous / next */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; } .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; } .paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; } .paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; } .paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; } .paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; } .paginate_enabled_previous { background: url(/assets/back_enabled.png) no-repeat top left; } .paginate_enabled_previous:hover { background: url(/assets/back_enabled_hover.png) no-repeat top left; } .paginate_disabled_previous { background: url(/assets/back_disabled.png) no-repeat top left; } .paginate_enabled_next { background: url(/assets/forward_enabled.png) no-repeat top right; } .paginate_enabled_next:hover { background: url(/assets/forward_enabled_hover.png) no-repeat top right; } .paginate_disabled_next { background: url(/assets/forward_disabled.png) no-repeat top right; } /* Full number pagination */ .paging_full_numbers { height: 22px; line-height: 22px; } .paging_full_numbers a:active { outline: none } .paging_full_numbers a:hover { text-decoration: none; } .paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; color: #333 !important; } .paging_full_numbers a.paginate_button { background-color: #ddd; } .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important; } .paging_full_numbers a.paginate_active { background-color: #99B3FF; } /* * Processing indicator */ .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } /* * Sorting */ .sorting { background: url(/assets/sort_both.png) no-repeat center right; } .sorting_asc { background: url(/assets/sort_asc.png) no-repeat center right; } .sorting_desc { background: url(/assets/sort_desc.png) no-repeat center right; } .sorting_asc_disabled { background: url(/assets/sort_asc_disabled.png) no-repeat center right; } .sorting_desc_disabled { background: url(/assets/sort_desc_disabled.png) no-repeat center right; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } /* * Scrolling */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } /* CSS Document */ .position { visibility: hidden; width: 100%; height: 50%; margin: -210px auto 0 auto; float: left; } .wrapper { width: 560px; height: 400px; padding: 10px 20px; clear: both; background: transparent url(/assets/structure/bg-login.png) no-repeat 0 0; position: relative; top: -200px; margin: 0 auto; text-align: left; position: static; } .login-content-outer { margin: 0; padding: 10px; height: 349px; border: 1px solid #f5f5f5; border-right: none; border-bottom: none; } .login-content-inner { background: transparent url(/assets/structure/bg-login-gradient.png) no-repeat 0 0; background-color: #4d8f90; } .login-content-inner-imagery { height: 349px; overflow: hidden; /* any branding imagery goes here */ } body.login h2 { color: #fff; margin: 35px 40px 8px 40px; } body.login form { padding: 0 40px; font-size: 9pt; } body.login form fieldset { padding-bottom: 15px; } body.login form fieldset.remember { font-size: 8pt; } body.login form label { margin-top: 14px; color: #fff; opacity: 0.8; } body.login form label.for-checkbox { opacity: 1.0; } body.login form input.input-text { width: 200px; border-color: #888; font-size: 11pt; vertical-align: -1px; } body.login form input.input-checkbox { margin: 0 2px 0 0; padding: 0; } body.login label.for-checkbox-login { display: inline; opacity: 1.0; } body.login form fieldset.remember span { padding: 0 5px; color: #fff; opacity: 0.4; filter: alpha(opacity=40); } body.login a.forgot-password { color: #fff; border-bottom: 1px dotted #ccc; padding: 0 1px; } body.login a.forgot-password:hover { text-decoration: none; } body.login p.instructions { padding: 15px 40px 10px 40px; font-size: 9pt; color: #fff; } body.login button.button-login { display: inline-block; background: #eee url(/assets/structure/bg-button-colourbg.gif) repeat-x 0 0; height: 25px; overflow: hidden; text-align: center; text-decoration: none; color: #333; cursor: pointer; font: bold 9.5pt Arial, Helvetica, sans-serif !important; line-height: 20px; border: none; padding: 0; outline: none; padding: 0 12px; margin: 0 0 0 4px; position: relative; text-shadow: #fff 1px 1px 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; } button.button-login::-moz-focus-inner {border: none; padding: 0;} button.button-login:focus::-moz-focus-inner {border: none; border-color: transparent ! important;} ul.primary-nav { float: left; height: 36px; margin-top: 10px; } ul.primary-nav li { float: left; height: 36px; margin-right: 3px; } ul.primary-nav li a { display: block; height: 36px; overflow: hidden; text-align: center; color: #eee; background: transparent url(/assets/menu/menu-bg.png) repeat-x 0 -96px; font: bold 9pt/36px Arial, Helvetica, sans-serif; cursor: pointer; } ul.primary-nav li a:hover { background-position: 0 -132px; color: #fff; text-decoration: none; } ul.primary-nav li.selected a { background-color: #333; color: #FFF; margin-top: 3px; line-height: 38px; height: 35px; } /* Rollover menus */ ul.primary-nav li ul { position: absolute; z-index: 999; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; width: 180px; background: #666; } ul.primary-nav li ul li { margin-left: 0; width: 180px; background: none; color: #444; } ul.primary-nav li ul li a { color: #444 !important; background: #666 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; text-align: left; padding: 0 10px; color: #fff !important; font-weight: bold; font-size: 12px; line-height: 35px; margin-top: 0px; height: 35px; } ul.primary-nav li ul li a:hover { background: #bbb; } ul.primary-nav li { float: left; height: 36px; margin-right: 3px; /* min-width: 110px; width: 110px; */ } ul.primary-nav li a { display: block; height: 32px; line-height: 32px; overflow: hidden; text-align: center; color: #eee; background: transparent url(/assets/menu/menu-bg.png) repeat-x 0 -74px; font: bold 9pt/36px Arial, Helvetica, sans-serif; cursor: pointer; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; color: #eee; background: rgba(0,102,26,.5); padding: 0 12px; margin-top: 6px; text-decoration: none; } ul.primary-nav li a:hover, ul.primary-nav li a.active { background-position: 0 -110px; color: #fff; text-decoration: none; } ul.primary-nav li a:hover, ul.primary-nav li a.active { background: #666; } ul.primary-nav li.selected a:hover, ul.primary-nav li.selected a.active { background: #333; } ul.menu-items li a { background: #666 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; text-align: left; padding: 0 10px; color: #fff !important; font-weight: bold; font-size: 12px; } .selected ul.menu-items li a { background: none !important; } ul.menu-items li a span { color: #fff !important; } ul.menu-items li a:hover { background: rgba(255,255,255,.25) !important; } ul.menu-items li a:hover span { background: none !important; } ul.primary-nav li.selected ul { background: #333; } ul.primary-nav li.selected ul li a { margin-top: 0; } /* CSS Document */ /*header, #EnvironmentLabel, #submenu-wrapper, .footer-nav {display: none;}*/ /* CSS Document */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; /* border: 0;*/ outline: 0; /* font-weight: inherit; font-style: inherit;*/ /* font-size: 100%;*/ /* font-family: inherit;*/ vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; } a img {border:none;} table { /* border-collapse: separate; border-spacing: 0;*/ } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } ul.chart-options { margin: 10px auto 0; width: 360px; } ul.chart-options li { float: left; margin: 0 5px 0 0; } ul.chart-options li a { width: 30px; padding: 9px; border: 1px solid #666; background: #666; color: #fff; float: left; margin: 0 5px 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; display: block; } ul.chart-options li a:hover { border: 1px solid #71A9B2; background: #71A9B2; text-decoration: none; } /* Results tables */ table.results {font-size:80%;} /* Cron Job Screen CSS */ td.green { background:green; font-weight:bold; color:white; } td.red { background:red; font-weight:bold; color:yellow; } .good-status { background:green; font-weight:bold; color:white; padding:2px; } .bad-status { background:red; font-weight:bold; color:yellow; padding:2px; } dl.attribute-list { padding: 8px } dl.attribute-list dt { float: left; width: 160px; } dl.attribute-list dd { font-weight: bold; margin-bottom: 4px; } /* CSS Document */ #input-01 {width: 200px;} #input-02, #input-03 {width: 350px;} #select-01 {width: 360px;} /* YESTrade CSS Theme Document */ body { background: url(/assets/body-bg.png) repeat-x top left; } table.zebra tbody tr:nth-child(odd), tbody tr.clickable:nth-child(odd) { background: #eee; } table.zebra tr.odd, tr.odd { background: #eee; /* For stoopid IE */ } td.numeric, th.numeric { text-align: right !important; padding-right: 10px !important; } .login-content-inner, header {background-color: #71A9B2 !important; background: url(/assets/header-bg.png) repeat-x scroll left bottom !important;} h1,h2,h3 { color: #71A9B2; font-weight: normal; margin: 10px 0; /*font-family: Arial, Helvetica, sans-serif;*/} h1 strong { color: #666; } #page-head-bottom h2 { background: url(/assets/logo.png) no-repeat scroll 0 0; display: inline-block; height: 35px; margin: 13px 7px 0 -8px; text-indent: -10000px; width: 150px;} table.quote-line { width: 100%; } tr.clickable td a, tr.clickable td a:visited { display: block; text-decoration: none; color: inherit; } tr.clickable:hover { background-color: #DBE9EC !important; } tr.table-group-header, tr.table-group-header td, tr.table-group-header td strong { background-color: #666 !important; color:#fff !important; font-weight: bold !important; } #submenu-wrapper { background: url(/assets/subnav-bg.png) repeat-x left bottom #87B6BE; } ul.menu-items li a { background: #87B6BE !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; text-align: left; padding: 0 10px; color: #fff !important; font-weight: bold; font-size: 12px; } ul.menu-items li a span { color: #fff !important; } /*ul.menu-items li a:hover { background: #C3DADE !important; color: #666 !important; text-shadow: 1px 1px 4px #fff !important; }*/ /*ul.menu-items li a:hover span { background: #C3DADE !important; color: #666 !important; } */ /* jQuery UI Theme overrides */ .ui-widget-header { background: url(/assets/subnav-bg.png) repeat-x scroll left bottom #87B6BE; border: none; } .ui-widget-header span { color: #fff; text-shadow: 1px 1px 4px #666 !important; font: bold 9pt/25px Arial,Helvetica,sans-serif; border: none; } .ui-widget-header .ui-icon { background-image: url(/assets/themes/base/images/ui-icons_ffffff_256x240.png) !important; } /* YESTrade CSS Theme Document */ body { background: url(/assets/body-bg.png) repeat-x top left; } table.zebra tbody tr:nth-child(odd), tbody tr.clickable:nth-child(odd) { background: #eee; } table.zebra tr.odd, tr.odd { background: #eee; /* For stoopid IE */ } table.zebra tbody tr.dragging, tbody tr.dragging { background: #ddd; } td.numeric, th.numeric { text-align: right !important; padding-right: 10px !important; } .login-content-inner, header { /*background: url(/assets/header-bg.png) repeat-x left bottom !important;*/ /*background: #2A2018 url(/assets/header-bg-summer.jpg) repeat-x center bottom !important;*/ /*background: #2A2018 url(/assets/header-bg-lake1.jpg) repeat-x center bottom !important;*/ background: #333 url(/assets/header-bg-grass.jpg) repeat-x center bottom !important; height: 175px; } #page-head-imagery { background: transparent url(/assets/header-bg-shadow-overlay.png) repeat-x center bottom !important; height: 175px; } h1,h2,h3 { color: #333; font-weight: normal; margin: 10px 0; line-height: 1.5;} h1 strong { color: #666; } h4 { margin: 0 0 5px 0; font-size: 14px; } .sidebar-wrapper h3 { margin: 10px 0 0; } .sidebar-wrapper h4 { margin: 0px 0 0; font-size: 12px; color: #BA0E31; } .sidebar-wrapper table { margin: 10px 0 0; } #page-head-bottom h2 { background: url(/assets/carbon-match-logo.png) no-repeat scroll 0 0; display: inline-block; height: 90px; margin: 37px 7px 0 -8px; text-indent: -10000px; width: 250px; float: left; } .nav_wrapper { margin: 0 0 0 -13px; width: 960px; } ul.utility-menu { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: transparent url(/assets/menu/menu-bg-summer.png) repeat-x 0 -146px; color: #666; height: 36px; margin-right: 0; margin-top: 10px; padding: 0 3px 0 0; } ul.utility-menu li { margin: 11px 0 0 10px; } ul.utility-menu li a { color: #458C4C; } ul.logged-in { height: 38px; margin-top: 10px; } ul.logged-in li { line-height: 26px; margin: 3px 0 0 3px; } table.quote-line { width: 100%; } tr.clickable td a.clickable, tr.clickable td a.clickable:visited { display: block; text-decoration: none; color: inherit; } tr.clickable:hover { background-color: rgba(69,140,76,.15) !important; } tr.table-group-header, tr.table-group-header td, tr.table-group-header td strong { background-color: #666 !important; color:#fff !important; font-weight: bold !important; } #submenu-wrapper { background: #333; } ul.breadcrumbs { color: rgba(255,255,255,.8); } .footer { color: #fff; font-size: 11px; padding-top: 10px; } .footer p { float: left; line-height: 25px; font-size:: 11px; } ul.footer-nav { float: right; } ul.footer-nav li { float: left; line-height: 25px; font-size:: 11px; } ul.footer-nav li a { color: #fff; padding: 0 5px; } /* jQuery UI Theme overrides */ .ui-widget-overlay { opacity: 0.6; } .ui-dialog { box-shadow: 2px 2px 15px #666666; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 0; border: none; } .ui-dialog-titlebar { -moz-border-radius: 0px; } .ui-widget-header { background: #458C4C; border: none; border-radius: 5px 5px 0 0; } .ui-widget-header .ui-state-hover { background: #FBC98E; border: 1px solid #F7941E; } .ui-widget-header span { color: #fff; text-shadow: 1px 1px 4px #666 !important; font: bold 9pt/25px Arial,Helvetica,sans-serif; border: none; } .ui-widget-header .ui-icon { background-image: url(/assets/themes/base/images/ui-icons_ffffff_256x240.png) !important; } .sidebar-wrapper { border-left: 1px dotted #458C4C; padding: 0 10px 0 20px; } .sidebar-wrapper-left { padding: 0 20px 0 10px; } .content-wrapper-right { border-left: 1px dotted #458C4C; padding: 0 10px 0 20px; } fieldset.login-box { border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 15px 0 0 20px; } .login-box input.input-text { width: 189px; } button.login { float: right; margin-right: 0; } .remember { line-height: 29px; display: inline-block; } .order-confirmation { color: #999; font-size: 18px; margin: 10px 0; line-height: 25px; } .order-confirmation span, .order-expiry-detail span { color: #BA0E31; white-space: nowrap; } .order-expiry-detail, .order-note { color: #999999; margin: 0 0 10px; } .order-note strong { color: #666; font-weight: bold; } .list-numeric { list-style: decimal; counter-reset: item; margin: 0 15px; font-size: 12px; } .list-numeric li { display: block; float: left; margin-bottom: 5px; } .list-numeric li:before { content: counters(item, ".") " "; counter-increment: item } .list-numeric li span { display: inline; float: left; margin: 0 0 -10px 40px; position: relative; top: -16px; width: 865px; } .list-heading, #termsofuse strong, #marketrules strong { font-weight: bold; } .list-sub { font-weight: normal; margin: 5px 0 0 12px; float: left; } ol.list-alpha { list-style-type: lower-alpha !important; margin: 0 0 0 30px; } ol.list-roman { list-style-type: lower-roman !important; } .list-alpha li { display: list-item; float: none; margin-bottom: 0; } .list-alpha li:before { content: none; counter-increment: auto; } .list-continuation { counter-reset: item; } .list-step-out { margin: 5px 0 5px -30px; } .list-step-in { margin: 5px 0 5px 30px; } ul p, ol p { margin-top: 5px; } .terms-statement { background: #666; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .terms-statement p { padding: 10px; } .terms-statement a { color: #fff; font-weight: bold; border-bottom: 1px dotted #FBC98E; white-space: nowrap; } .terms-statement a:hover { border-bottom: 1px dotted #fff; text-decoration: none; } a.pdf_terms_download { background: url(/assets/pdf-icon.png) no-repeat 5px 50%; padding: 0 10px 0 40px; line-height: 50px; margin: 0 20px 15px; display: block; float: right; font-size: 11px; border: 1px solid #FBC98E; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } a.pdf_terms_download:hover { background-color: #efefef; text-decoration: none; } .mailinglist-form { margin-top: 5px; } .mailinglist-form .form-row { font-bottom: 7px; } .mailinglist-form label { font-size: 11px; color: #999; } div.field_with_errors { display: inline-block; } .trade_restriction_matrix_wrap { overflow-x: scroll; } .trade_restriction_matrix { margin-bottom: 20px !important; /* table-layout: fixed; */ background: #fff; width: auto; } .trade_restriction_matrix tr.odd { background: none; } .trade_restriction_matrix tr.even { background: rgba(238,238,238,.5); } .trade_restriction_matrix td, .trade_restriction_matrix th { width: 50px; min-width: 50px; } .trade_restriction_matrix th { text-align: center !important; } .trade_restriction_matrix thead, .trade_restriction_matrix tbody { border: none; } .trade_restriction_matrix thead th { color: #8e8e8e; font-size: 1em; white-space: normal; } .trade_restriction_matrix thead tr.buy_sell_heading { background-color: #555555; } .trade_restriction_matrix thead tr.buy_sell_heading th { color: #fff; } .trade_restriction_matrix tbody td { height: 40px; vertical-align: middle; padding: 0; border: 1px solid #ffffff; font-size: 1.1em; } .trade_restriction_matrix .first_column { padding-left: 10px; width: 200px; min-width: 200px; text-align: left !important; } .trade_restriction_matrix tbody .first_column { padding-right: 30px; } .trade_restriction_matrix .spacer { width: 4px; max-width: 4px; } .trade_restriction_matrix .buy { background: rgba(136,136,136,.5); } .trade_restriction_matrix .sell { background: rgba(136,136,136,.25); } .trade_restriction_matrix .tick { background: rgba(0,178,45,.4); text-shadow: 2px 2px 5px rgba(0,0,0,.5); color: #ffffff; text-align: center; font-size: 1.5em; line-height: 40px; } /* * jQuery UI Accordion 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI Datepicker 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /* * jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: 0; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Progressbar 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* * jQuery UI Selectable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Slider 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/assets/ui-bg_flat_75_ffffff_40x100-6a362798b983194784fdf53eeda3a748417b2c49a7cd72f67b5a98318a9f1ec0.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* Place all the styles related to the matching controller here. They will automatically be included in application.css. */ /* Place all the styles related to the matching controller here. They will automatically be included in application.css. */ table.daily-email-list-table { width: 100%; } tbody.email-list-table { width: 100%; } div.flash-messages { height: 55px; } table.management-only { opacity: 0.5; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } } /* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets, * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any styles * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * */