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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
* jQuery UI CSS Framework 1.8.18
*
* Copyright 2011, 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:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.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 CSS Framework 1.8.18
*
* Copyright 2011, 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/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=ffffff&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=ffffff&fcHeader=00532b&iconColorHeader=00532b&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=00532b&fcContent=333333&iconColorContent=333333&bgColorDefault=008042&bgTextureDefault=01_flat.png&bgImgOpacityDefault=15&borderColorDefault=008042&fcDefault=ffffff&iconColorDefault=ffffff&bgColorHover=18603d&bgTextureHover=01_flat.png&bgImgOpacityHover=25&borderColorHover=18603d&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=00532b&bgTextureActive=01_flat.png&bgImgOpacityActive=100&borderColorActive=00532b&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=18603d&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=18603d&fcHighlight=ffffff&iconColorHighlight=ffffff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=2b2922&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=15&opacityOverlay=90&bgColorShadow=cccccc&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=95&opacityShadow=20&thicknessShadow=12px&offsetTopShadow=-12px&offsetLeftShadow=-12px&cornerRadiusShadow=10px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #00532b; background: #ffffff url(images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #ffffff; background: #ffffff url(images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x; color: #00532b; font-weight: bold; }
.ui-widget-header a { color: #00532b; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #008042; background: #008042 url(images/ui-bg_flat_15_008042_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; 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 #18603d; background: #18603d url(images/ui-bg_flat_25_18603d_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #00532b; background: #00532b url(images/ui-bg_flat_100_00532b_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; 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 #18603d; background: #18603d url(images/ui-bg_flat_55_18603d_40x100.png) 50% 50% repeat-x; color: #ffffff; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #ffffff; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(images/ui-bg_flat_95_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.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(images/ui-icons_333333_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_333333_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_00532b_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
/* 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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
/* Overlays */
.ui-widget-overlay { background: #2b2922 url(images/ui-bg_flat_15_2b2922_40x100.png) 50% 50% repeat-x; opacity: .90;filter:Alpha(Opacity=90); }
.ui-widget-shadow { margin: -12px 0 0 -12px; padding: 12px; background: #cccccc url(images/ui-bg_highlight-hard_95_cccccc_1x100.png) 50% top repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }/*
* jQuery UI Resizable 1.8.18
*
* Copyright 2011, 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.18
*
* Copyright 2011, 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 Accordion 1.8.18
*
* Copyright 2011, 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.18
*
* Copyright 2011, 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.18
*
* 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.18
*
* Copyright 2011, 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: hidden; *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 Dialog 1.8.18
*
* Copyright 2011, 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: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 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 Slider 1.8.18
*
* Copyright 2011, 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.18
*
* Copyright 2011, 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 Datepicker 1.8.18
*
* Copyright 2011, 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%; font-size:0em; }
/* 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 Progressbar 1.8.18
*
* Copyright 2011, 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; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.CodeMirror {
line-height: 1em;
font-family: monospace;
/* Necessary so the scrollbar can be absolutely positioned within the wrapper on Lion. */
position: relative;
/* This prevents unwanted scrollbars from showing up on the body and wrapper in IE. */
overflow: hidden;
}
.CodeMirror-scroll {
overflow: auto;
height: 300px;
/* This is needed to prevent an IE[67] bug where the scrolled content
is visible outside of the scrolling box. */
position: relative;
outline: none;
}
/* Vertical scrollbar */
.CodeMirror-scrollbar {
position: absolute;
right: 0; top: 0;
overflow-x: hidden;
overflow-y: scroll;
z-index: 5;
}
.CodeMirror-scrollbar-inner {
/* This needs to have a nonzero width in order for the scrollbar to appear
in Firefox and IE9. */
width: 1px;
}
.CodeMirror-scrollbar.cm-sb-overlap {
/* Ensure that the scrollbar appears in Lion, and that it overlaps the content
rather than sitting to the right of it. */
position: absolute;
z-index: 1;
float: none;
right: 0;
min-width: 12px;
}
.CodeMirror-scrollbar.cm-sb-nonoverlap {
min-width: 12px;
}
.CodeMirror-scrollbar.cm-sb-ie7 {
min-width: 18px;
}
.CodeMirror-gutter {
position: absolute; left: 0; top: 0;
z-index: 10;
background-color: #f7f7f7;
border-right: 1px solid #eee;
min-width: 2em;
height: 100%;
}
.CodeMirror-gutter-text {
color: #aaa;
text-align: right;
padding: .4em .2em .4em .4em;
white-space: pre !important;
cursor: default;
}
.CodeMirror-lines {
padding: .4em;
white-space: pre;
cursor: text;
}
.CodeMirror pre {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border-width: 0; margin: 0; padding: 0; background: transparent;
font-family: inherit;
font-size: inherit;
padding: 0; margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
}
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal;
}
.CodeMirror-wrap .CodeMirror-scroll {
overflow-x: hidden;
}
.CodeMirror textarea {
outline: none !important;
}
.CodeMirror pre.CodeMirror-cursor {
z-index: 10;
position: absolute;
visibility: hidden;
border-left: 1px solid black;
border-right: none;
width: 0;
}
.cm-keymap-fat-cursor pre.CodeMirror-cursor {
width: auto;
border: 0;
background: transparent;
background: rgba(0, 200, 0, .4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6600c800, endColorstr=#4c00c800);
}
/* Kludge to turn off filter in ie9+, which also accepts rgba */
.cm-keymap-fat-cursor pre.CodeMirror-cursor:not(#nonsense_id) {
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.CodeMirror pre.CodeMirror-cursor.CodeMirror-overwrite {}
.CodeMirror-focused pre.CodeMirror-cursor {
visibility: visible;
}
div.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused div.CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-searching {
background: #ffa;
background: rgba(255, 255, 0, .4);
}
/* Default theme */
.cm-s-default span.cm-keyword {color: #708;}
.cm-s-default span.cm-atom {color: #219;}
.cm-s-default span.cm-number {color: #164;}
.cm-s-default span.cm-def {color: #00f;}
.cm-s-default span.cm-variable {color: black;}
.cm-s-default span.cm-variable-2 {color: #05a;}
.cm-s-default span.cm-variable-3 {color: #085;}
.cm-s-default span.cm-property {color: black;}
.cm-s-default span.cm-operator {color: black;}
.cm-s-default span.cm-comment {color: #a50;}
.cm-s-default span.cm-string {color: #a11;}
.cm-s-default span.cm-string-2 {color: #f50;}
.cm-s-default span.cm-meta {color: #555;}
.cm-s-default span.cm-error {color: #f00;}
.cm-s-default span.cm-qualifier {color: #555;}
.cm-s-default span.cm-builtin {color: #30a;}
.cm-s-default span.cm-bracket {color: #997;}
.cm-s-default span.cm-tag {color: #170;}
.cm-s-default span.cm-attribute {color: #00c;}
.cm-s-default span.cm-header {color: blue;}
.cm-s-default span.cm-quote {color: #090;}
.cm-s-default span.cm-hr {color: #999;}
.cm-s-default span.cm-link {color: #00c;}
span.cm-header, span.cm-strong {font-weight: bold;}
span.cm-em {font-style: italic;}
span.cm-emstrong {font-style: italic; font-weight: bold;}
span.cm-link {text-decoration: underline;}
span.cm-invalidchar {color: #f00;}
div.CodeMirror span.CodeMirror-matchingbracket {color: #0f0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #f22;}
@media print {
/* Hide the cursor when printing */
.CodeMirror pre.CodeMirror-cursor {
visibility: hidden;
}
}
/***********************************************************
Base Less
**********************************************************/
/***************************************************
Less Function
***************************************************/
/***************************************************
Global Styles
***************************************************/
html {
font-family: "Segoe UI", Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #333;
overflow: hidden;
}
footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
input {
font-family: "Segoe UI";
}
input[type="text"] {
height: 22px;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
outline: #008042 solid thin;
}
#rootContainer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.2);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
position: relative;
}
h2 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
border-left-style: solid;
border-left-width: 8px;
border-left-color: #008042;
color: #ffffff;
font-size: 13px;
text-align: left;
text-transform: uppercase;
line-height: 1.8;
margin-bottom: 12px;
padding-left: 6px;
}
a {
text-decoration: none;
}
a:focus {
outline: none;
}
a:hover {
text-decoration: none;
cursor: pointer;
color: #2a2a2a;
}
/***************************************************
Specials
***************************************************/
.spinner {
width: 1px;
}
.subMenu {
-moz-box-shadow: 2px 2px 10px rgba(91, 91, 91, 0.4);
-webkit-box-shadow: 2px 2px 10px rgba(91, 91, 91, 0.4);
box-shadow: 2px 2px 10px rgba(91, 91, 91, 0.4);
}
.splitter {
background-color: rgba(255, 255, 255, 0);
left: 100px;
width: 10px;
top: 0;
bottom: 0;
position: absolute;
z-index: 51;
cursor: col-resize;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/***************************************************
Notifications
***************************************************/
.notification {
padding: 6px;
margin-bottom: 6px;
color: #333;
border-width: 1px;
border-style: solid;
padding-right: 24px;
position: relative;
}
.notification.notification-Error {
background-color: #e6b9b9;
border-color: #c00000;
}
.notification.notification-Notice {
background-color: #dddddd;
border-color: #aaaaaa;
}
.notification.notification-OK {
background-color: #c2e6b9;
border-color: #00c000;
}
.notification .notificationCloseBox {
position: absolute;
top: 2px;
right: 4px;
padding: 4px;
font-size: 11px;
font-weight: bolder;
font-family: 'Arial Black', Gadget, sans-serif, Arial;
cursor: pointer;
}
.notification.notification-Error .notificationCloseBox {
color: #c00000;
}
.notification.notification-Notice .notificationCloseBox {
color: #aaaaaa;
}
.notification.notification-OK .notificationCloseBox {
color: #00c000;
}
.notification a,
.notification a:hover,
.notification a:visited {
color: #333;
text-decoration: underline;
}
/***************************************************
InTrial
***************************************************/
.trialNotification {
position: fixed;
top: 0;
left: 0;
right: 0;
text-align: center;
line-height: 24px;
}
.trialNotification span {
color: #333;
background-color: #e6b9b9;
border-color: #c00000;
border-width: 0 0 1px 1px;
border-style: solid;
display: inline-block;
padding: 0 0 0 4px;
}
.trialNotification a {
text-decoration: underline;
}
.trialNotification .trialNotificationCloseBox {
display: inline-block;
background-color: #e6b9b9;
border-color: #c00000;
color: #c00000;
border-width: 0 1px 1px 0;
border-style: solid;
padding: 0 4px 0 8px;
cursor: pointer;
font-weight: bold;
}
/***************************************************
Sign In Box
***************************************************/
#signInBox {
width: 300px;
background-color: WhiteSmoke;
border: 1px solid #3f3f3f;
position: absolute;
line-height: 24px;
-moz-box-shadow: 0 0 20px #CCC;
-webkit-box-shadow: 0 0 20px #CCC;
box-shadow: 0 0 20px #CCC;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#signInBoxApplicationTitle {
border-style: solid;
border-color: #3f3f3f;
border-width: 0 0 1px 0;
font-size: 13px;
color: white;
padding: 2px 12px 0 6px;
text-transform: uppercase;
line-height: 24px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
border-left-style: solid;
border-left-width: 8px;
border-left-color: #008042;
}
#signInBoxItemsContainer {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 6px 12px 12px 12px;
}
#signInBox #vidyanoProvider {
display: none;
}
#signInBox #vidyanoProvider #signIn {
height: 32px;
}
#signInBox #mixedSignInMode {
display: none;
}
#signInBox #oAuthProviders {
display: none;
}
#signInBox #oAuthProviders .provider {
display: block;
margin: 6px 0;
padding: 6px 0;
text-align: center;
}
#signInBox #oAuthProviders .provider span.ui-button-text {
display: inline;
background-repeat: no-repeat;
background-position: left center;
padding-left: 24px;
}
#signInBox #oAuthProviders .provider.Microsoft span.ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADCSURBVDhPY2QgEvz7908FSMGwMowNN+D///8sQEoFSCuAaEZGxidAWgPIj4fyQfIYgBFo8n4gDVIgAxGCAKDGBSAaKJ4AFsABmIAKHNA1kwKYoDTZYOANgAUiBgCGy05gQL4BMq0hItgByID5UDY6OAo0BGSAAYSLHTACbfkPZaMAoqMRSpMNBoEBQL9+gLLJAuDMBDREAIhBuUsBGGigDCUPZN8FYnEgzgGKcQBprICo7AyMahmgIaCciZKVGRgYVAA9ykMw5U8zxQAAAABJRU5ErkJggg==);
}
#signInBox #oAuthProviders .provider.Google span.ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFQSURBVDhPnZKvSwRBFMdnhgsGi3BhwwXDgQaLSYPhrhn9AwwGq2D0vzAqmEwqWgThbIdgEK5aBEGDoKCgQVDw2PXz3jzOnbsV9D7w3fdj3nszu7O+KIoaWvHez7n/cY8OXZ7n2wwYC3o7nscHu0/EoSnUvGCuY6Q0qW2Yr4SqZhrf0QbuCToKIbSpu8DPZD1BjjKMvVYrRhovY7IYpQSbk2C79WOk8SLmM0YplQMYvEDTJVbUR1do1ZZTWBhBPizaxJ1FmbwC+tLFIeQ/KGzWb0xR0sR2OdVkTP1QOYDUG2aXhhv8J27hHLuEOiNDSCbY8RtoT3zLPVpuR4tKVH3EM3aRE6xh9R/Byv23UE3iBBs0gF3uLL+F/4rkRMfEdeyzFpUIaHDfArtNU9glf4s/T6qNTol7xHUtKkPxgUwaB3p7cgsydR07E0f+mQfn3P43dBDXU+cDZmgAAAAASUVORK5CYII=);
}
#signInBox #oAuthProviders .provider.Facebook span.ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACvSURBVDhPY/z3799sBgYGFyAmB1xh/A8EUA5ZgAlKkw2IcgFQyQsgtYWRkfEpRIShHkqDJfECYBjdBlIiUOVgAJGBAGK8MBFo8xsQA6heAogTwKIwADYGP3CAKmWAugYF4HQBUG4DkEoE4htgASAAuqQVSIHEEABiDlbQAFWCAaDyYIDPBfZA3ADEClAhkBiIj2owUIAQgIcBlI8CKE5Iw8EAYDjsgbJJBv///78CAAK1AOMx969kAAAAAElFTkSuQmCC);
}
#signInBox #oAuthProviders .provider.Twitter span.ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEGSURBVDhP1ZKhTgNBFEV3NisqVlQgVlZUIhEIRAWiAlwFYj8AwT9UViIr+YUmFZUrEJg6BDgEhgSBWEPSZpcz+26aToaQSnqSm3nvvvtmJ2mT46Bt26xpmnPOgawYhrnKCJbnqEZ3smIYlujZh7isL9v7V/Q76J84Co1DGD4q9IVKeZX39sFbdgv74PcYvFjEoF+pDMDfoFs00bqBcYrelfsTcm/oRqsGfoFZodpiv8Pcv2CstRDmJwdc8KC4fVXlDgIzi8b4y9FQ0cTh5WiqfovOnHOX1oaQ++C4TtN0bY5g4P9p9+iTOgLf/6xzyui1TmcHgYxjhC46A/BeedECfcv6VyTJD3BvgR0Ci9o3AAAAAElFTkSuQmCC);
}
#signInBox #oAuthProviders .provider.Yammer span.ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAkAAAAJABhkKK/QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFxSURBVDiNjZRPKERRFMa/kWlKSET+LCRDmZSFklKzmiytWbGwsbOwYMHOSrJBlqQkkxWlpEgRW0RRFtNsLGbjT4r0s5jzdF3vZU6d3rvf952vc8+9XQFbQBaoABSSKWAP6I7gf1LAPcUYixCtGz9Zitmsic9CBFXAG/AJNHncEHAHTLtmjcCHGaa8gnHDdx0sDiwa/gXMuWYCto1c8szODc/Yuhm4sG5XgKS/TQFpKyoACcO6DHsAYoYt2bbqomYW5LUVj9h6wdZT/w0+yBggiwlJq5KOJQ1KykuqkdQiqaDf0SmpV1JSUrukVkknrnMl8GzdzNh3M6SDNHAA5OwAgsj6wmXnlAAGStheBVAPJMJuexBXHhcDhilepVDjMm8Wt5Iu7X/N45BULulR0r6kfvnhuTcAL8ArUB3RQRrIW/dHQE/AuaI4cGqi+X/mVAvsmPbQNesDboB3I3NEvyB+ZoAO12yU4s1/AjaAthKN/uQ3l7hu5Ec/iWoAAAAASUVORK5CYII=);
}
#signInBox input[type="text"],
input[type="password"] {
height: 32px;
padding-left: 4px;
padding-right: 4px;
font-size: 15px;
display: block;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 8px;
}
#signInBox input[type="checkbox"] {
margin: 0 12px 0 0;
cursor: pointer;
}
.signInLabel {
font-weight: bold;
display: block;
width: 290px;
line-height: 32px;
}
.signInBottom {
display: block;
position: relative;
margin-top: 16px;
margin-bottom: 6px;
}
.signInButton {
display: inline-block;
margin-top: 6px;
}
.staySignedInContainer {
display: inline-block;
vertical-align: middle;
color: #888;
margin-left: 12px;
height: 32px;
line-height: 36px;
padding-left: 12px;
cursor: pointer;
}
.staySignedInContainer label {
cursor: pointer;
}
#signInSpinner {
position: absolute;
top: 0;
right: 18px;
}
#signInNotification {
margin-top: 12px;
}
.poweredByVidyano {
text-transform: uppercase;
font-size: 10px;
text-align: right;
padding-right: 6px;
color: silver;
}
/***************************************************
Header and Content
***************************************************/
header {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
height: 62px;
}
header .overflowButton ul {
z-index: 51;
}
#content {
position: fixed;
overflow: auto;
top: 62px;
bottom: 0;
left: 0;
right: 0;
background-color: white;
}
/***************************************************
Sign In-Out & Global Search
***************************************************/
#applicationSignIn {
margin: 12px 12px 0 24px;
display: none;
z-index: 51;
}
#applicationSignIn #globalSearch {
display: inline-block;
vertical-align: middle;
height: 22px;
border: #008042 solid 1px;
margin: 0 1px 0 0;
padding: 0 20px 0 6px;
background-color: #008042;
color: white;
font-style: italic;
font-size: 12px;
line-height: 12px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA9wAAAPcBuQ9IfwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADTSURBVCiRfdAxLoRRGIXhM381mlFgAVoLEAvQiWgUzBaswAb0Op1KwSammURMaDRT6SSYEAmJ0fAoXFx/wpt8+XLPfXNPcoNU02AbZ7jFFfYwg6QlH/nkDWM8lvMITS2ulosxFkrWqx7YquXDEi632ubwjMsmP/TKvs5vHpJMk6jlUdn9lrySZD7JRV03iydMcYA17GKCd6zX8mYJ27xgB+ngq2qQpJtkP8l5kqUkd0lOktwkSbBYquAYndZvfE9wWsQhun+JSJPkPskwyUaS1/zDB5+bOyLsNr3jAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 95% center;
width: 130px;
}
#applicationSignIn #globalSearch:focus {
width: 224px;
background-color: white;
color: black;
font-style: normal;
padding: 0 2px 0 2px;
}
#applicationSignIn #signInOut {
display: inline-block;
vertical-align: middle;
height: 24px;
line-height: 24px;
z-index: 51;
color: white;
background-color: #008042;
font-weight: bold;
font-size: 11px;
padding: 0 20px 0 7px;
cursor: pointer;
-moz-outline-style: none;
outline-style: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAGCAYAAADzG6+8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAYQAAAGEBVSuQvQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABUSURBVBiVjcu9DUBQGEDRrxArqDSm0JpJqzaJAYyiNIjo5KgkL/L83OSWJzDLt6NB5A7U2DJweEIXDPQ3tKL8AwssCezeUAoDLQ5MX+gOAyOqP/AEy8sRN05sgq0AAAAASUVORK5CYII=);
background-size: 14px 6px;
background-repeat: no-repeat;
background-position: right center;
}
#applicationSignIn #signInOut.noDropDown {
background-image: none;
padding: 0 7px;
}
#applicationSignIn #signInOut ul {
background-color: white;
color: #333;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #008042;
font-size: 13px;
font-weight: normal;
line-height: 30px;
z-index: 100;
padding: 2px;
}
#applicationSignIn #signInOut ul li {
padding: 0 6px;
height: 30px;
}
#applicationSignIn #signInOut ul li:hover {
color: white;
background-color: #008042;
}
#applicationSignIn .ui-button-text {
padding: 0 5px;
vertical-align: middle;
font-size: 11px;
line-height: 1.1;
}
/***************************************************
Program Units
***************************************************/
.programUnits {
padding: 6px 0 0 12px;
white-space: nowrap;
}
.programUnits .list .programUnit {
line-height: 22px;
list-style-type: none;
padding: 0;
margin-right: 12px;
cursor: pointer;
display: inline-block;
}
.programUnits .list .programUnit a {
text-transform: uppercase;
font-size: 12px;
color: #aaa;
font-weight: 700;
}
.programUnits .list .selectedProgramUnit a {
color: #e7e7e7;
}
.programUnitsOverflow {
background-color: white;
list-style: none;
z-index: 51;
border: solid 1px #B4B4B4;
}
.programUnitsOverflow .programUnit {
display: block !important;
padding: 0 !important;
margin: 0 !important;
line-height: 30px !important;
}
.programUnitsOverflow .programUnit:hover {
background-color: #008042 !important;
color: white !important;
cursor: pointer !important;
}
.programUnitsOverflow .programUnit a {
font-size: 14px !important;
color: #333 !important;
padding: 8px !important;
font-weight: normal !important;
}
.programUnitsOverflow .programUnit:hover a {
color: white !important;
}
/***************************************************
Program Unit Items
***************************************************/
.programUnitItems ul {
list-style-type: none;
margin-left: 24px;
color: #f5f5f5;
white-space: nowrap;
text-transform: lowercase;
z-index: 51;
line-height: 28px;
}
.programUnitItems ul .programUnitTemplate {
height: 12px;
width: 15px;
cursor: pointer;
margin-right: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAUUlEQVQoU2NABv///wfhdiiGiqIBJEUwgKkYJACVQAcIxSAGVAAXgCiGMgiBdpipxyF8rOA4WBEIgDgQMTA4A8TrgfgtmIdHYQyaGE0UMjAAADGfGOaBpH+BAAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
}
.programUnitItems ul .addProgramUnitItem:after {
content: "+";
color: #bbb;
}
.programUnitItems ul li {
display: inline-block;
margin: 0 12px 0 0;
cursor: pointer;
font-size: 16px;
line-height: 24px;
}
.programUnitItems ul li a:link,
.programUnitItems ul li a:visited,
.programUnitItems ul li a:hover {
color: #f5f5f5;
}
.programUnitItems ul li.programUnitItemSelected a {
color: white;
font-weight: bold;
font-family: "Segoe UI Light";
}
.programUnitItems ul li .programUnitItemIcon {
width: 13px;
height: 13px;
margin: 0 6px 3px 0;
vertical-align: middle;
display: inline-block;
}
.programUnitItemsGroupHeader {
display: inline;
margin-left: 5px;
padding-right: 20px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA6SURBVHjaYvj//z8DNTHDqIGjBlLXQGIAyS4kyTBivUy0YaSEIVGGkRop/0fT4aiBNDIQAAAA//8DABqAxHTjJ/o7AAAAAElFTkSuQmCC);
background-size: 20px;
background-repeat: no-repeat;
background-position: right center;
margin-right: 8px !important;
}
.programUnitItemsGroupHeader .programUnitItemsGroup {
margin: 4px 0 0 0;
padding: 1px;
background-color: white;
z-index: 100;
border: solid 1px #B4B4B4;
}
.programUnitItemsGroupHeader .programUnitItemsGroup li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block !important;
white-space: nowrap;
width: 100%;
clear: both;
line-height: 1;
padding: 8px;
}
.programUnitItemsGroupHeader .programUnitItemsGroup li a {
color: #333 !important;
display: block;
margin-right: 12px;
display: inline-block !important;
}
.programUnitItemsGroupHeader .programUnitItemsGroup li:hover > a {
color: white !important;
}
.programUnitItemsGroupHeader .programUnitItemsGroup .programUnitItemsGroupHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABDSURBVHjaYvj//z8DNTHDqIFD0EB7e/v/9vb2DMiYGgb+p4WB/2lh4H9aGPh/ULtw8MYy9dLhaOFAfwMBAAAA//8DAEpaXzRZyCZzAAAAAElFTkSuQmCC);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right center;
padding-right: 8px;
display: block !important;
vertical-align: middle;
}
.programUnitItemsGroupHeader .programUnitItemsGroup .programUnitItemsGroupHeader:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA3SURBVHjaYvj//z8DNTHDqIFD08D/tDDwPy0M/E8LA//TwsD/g9qFgzeWR/PyUDYQAAAA//8DABwqxHR+4H2aAAAAAElFTkSuQmCC);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right center;
}
.programUnitItemsGroup li a {
display: block;
}
.programUnitItemsGroup li:hover a:link {
color: whitesmoke;
}
.programUnitItemsGroup li:hover a:visited {
color: whitesmoke;
}
.programUnitItemsGroup li a:link {
color: #333;
}
.programUnitItemsGroup li a:visited {
color: #333;
}
.programUnitItemsGroup li:hover {
background-color: #008042;
}
.programUnitItemsGroup li:hover a {
color: #f5f5f5;
}
.programUnitItemsOverflow {
background-color: white;
list-style: none;
z-index: 51;
border: solid 1px #B4B4B4;
margin: 8px 0 0 0 !important;
}
ul.programUnitItemsOverflow {
z-index: 52 !important;
}
.programUnitItemsOverflow li {
display: block !important;
padding: 8px !important;
color: #333 !important;
margin: 0 !important;
line-height: 1;
}
.programUnitItemsOverflow li a {
display: inline-block !important;
color: #333 !important;
margin: 0 !important;
line-height: 1 !important;
}
.programUnitItemsOverflow li.programUnitItemSelected a {
color: #333 !important;
}
.programUnitItemsOverflow li:hover {
background-color: #008042;
cursor: pointer;
}
.programUnitItemsOverflow li:hover > a {
color: white !important;
}
.programUnitItemsOverflow .programUnitItemsGroupHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABDSURBVHjaYvj//z8DNTHDqIFD0EB7e/v/9vb2DMiYGgb+p4WB/2lh4H9aGPh/ULtw8MYy9dLhaOFAfwMBAAAA//8DAEpaXzRZyCZzAAAAAElFTkSuQmCC);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right center;
padding-right: 12px;
display: block !important;
vertical-align: middle;
}
.programUnitItemsOverflow .programUnitItemsGroupHeader:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAA3SURBVHjaYvj//z8DNTHDqIFD08D/tDDwPy0M/E8LA//TwsD/g9qFgzeWR/PyUDYQAAAA//8DABwqxHR+4H2aAAAAAElFTkSuQmCC);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: right center;
}
.programUnitItemsOverflow .programUnitItemsGroupHeader:hover > a {
color: white !important;
}
.programUnitItemsOverflow .programUnitItemsGroupHeader a {
margin-right: 12px !important;
padding: 0 !important;
}
.programUnitItemsOverflow .programUnitItemsGroupHeader .programUnitItemsGroup li {
line-height: 20px !important;
}
/***************************************************
Result Panel
***************************************************/
.resultPanel {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.resultPanel .resultHeader {
padding: 0 24px 0 12px;
height: 50px;
position: relative;
}
.resultPanel .resultHeader .resultTitle {
font-size: 28px;
line-height: 50px;
color: #008042;
}
.resultPanel .specialControls {
margin-top: 4px;
margin-left: 6px;
}
.resultPanel.masterDetail .specialControls {
margin-top: 1px;
}
.resultPanel.query .resultHeader .specialControls {
position: absolute;
right: 12px;
bottom: 6px;
}
.resultPanel.pagingActive .specialControls .paging {
display: inline-block;
}
.resultPanel.searchActive .specialControls .search {
display: inline-block;
}
.resultPanel.pagingActive.searchActive .specialControls .paging {
margin-right: 2px;
}
.resultPanel.persistentObject.masterDetail .persistentObjectAttributes {
width: 33%;
height: 100%;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.resultPanel.persistentObject.masterDetail .persistentObjectQueries {
width: 67%;
height: 100%;
display: inline-block;
padding-left: 12px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
}
.resultPanel.persistentObject .persistentObjectNavigationContainer {
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: 0 12px;
}
.resultPanel.persistentObject.noNavigation .persistentObjectNavigationContainer {
display: none;
}
.resultPanel.persistentObject.masterDetail .persistentObjectNavigationContainer {
border-bottom: none;
}
.resultPanel.persistentObject .persistentObjectNavigationContainer .persistentObjectNavigationTabs {
padding-right: 3px;
}
.resultPanel.persistentObject.masterDetail .persistentObjectNavigationContainer .persistentObjectNavigationTabs {
margin-right: 6px;
}
.resultPanel.persistentObject .persistentObjectNavigationContainer .persistentObjectAttributes {
margin-right: 0;
}
.resultPanel.persistentObject.masterDetail .persistentObjectNavigationContainer .persistentObjectQueries div.specialControls {
padding-top: 3px;
}
.resultPanel .resultActionsContainer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 52px;
}
.resultPanel .resultActionsContainer.expandedActions {
height: 76px;
}
.resultPanel.masterDetail.noPersistentObjectActions.noQueryActions .resultContentContainer,
.resultPanel.query.noQueryActions .resultContentContainer,
.resultPanel.normal.noPersistentObjectActions .resultContentContainer {
bottom: 12px;
}
.resultPanel.query.noQueryActions .resultActionsContainer,
.resultPanel.masterDetail.noPersistentObjectActions.noQueryActions .resultActionsContainer,
.resultPanel.normal.noPersistentObjectActions .resultActionsContainer {
display: none;
}
.resultPanel .resultActionsContainer .resultActions {
height: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #eee;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #aaa;
}
.resultPanel .resultActionsContainer .resultActions .normalActions {
margin: 0 0 0 12px;
list-style-type: none;
}
.resultPanel .resultActionsContainer .resultActions .pinnedActions {
list-style-type: none;
margin: 0 12px 0 12px;
}
.resultPanel .resultContentContainer {
position: absolute;
top: 50px;
bottom: 64px;
left: 0;
right: 0;
margin: 0 12px;
}
.resultPanel.expandedActions .resultContentContainer {
bottom: 88px;
}
.resultPanel.persistentObject.noNavigation .resultContentContainer {
top: 50px;
}
.resultPanel .resultContentContainer .resultContent {
overflow: auto;
vertical-align: top;
height: 100%;
position: relative;
}
.resultPanel.persistentObject .resultContentContainer {
top: 88px;
}
.resultPanel.masterDetail .resultContent.persistentObjectAttributes {
-moz-box-shadow: 3px 3px 10px #CCC;
-webkit-box-shadow: 3px 3px 10px #CCC;
box-shadow: 3px 3px 10px #CCC;
}
.resultPanel.masterDetail .persistentObjectNavigationContainer {
margin-left: 0;
}
.resultPanel.masterDetail .persistentObjectNavigationContainer .persistentObjectAttributes {
padding-left: 12px;
}
.resultPanel.masterDetail .resultContentContainer {
margin-left: 0;
}
.resultPanel.masterDetail .resultContentContainer .persistentObjectAttributes {
padding-left: 12px;
}
/***************************************************
Actions Toolbar
***************************************************/
.actionsToolbar li span {
line-height: 20px;
}
.actionsToolbar .normalActions .overflowActions {
margin: 8px 0;
list-style-type: none;
background-color: white;
border: solid 1px #B4B4B4;
}
.actionsToolbar .normalActions .overflowActions li {
display: block !important;
padding: 8px !important;
}
.actionsToolbar .normalActions .overflowActionsButton div {
width: 32px;
height: 32px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
background-repeat: no-repeat;
background-position: top center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJcSURBVHjaxJc/SFtRFMZ/jRIKcUixcZYuutuIim4O4pDN0TH+KSXBCK1QXMQhKuogFlsQRHDpZjpVF2fpUmfTdLLQQIeYlgzK6/I9uA0vLy8vLy8HLiT3nPN959777j3ngHfpBQaBGeAVsAEcaWxobkY2vQQoT4AR4Bi4BiqA1WBUZHMsn0g7xFHgJVAAasAj8BO4AA6BdWBRY11zF7J5lE9BGFE/AaSBW2Nla8AUEHfxictmzdipW2ChFeLnQF7Of4B9YMDHAgbkWxVWXthNJQ/8BcpAFuhr4xj7hFEWZr7ZmacVbRkYD/BDHhemJY5oI6OStj1L8JIVdslpcT3AlSLcaXPb3Y5jRxxX4vxv9Q/apn46J/3ieDB34SlwpslVOi+r4joTN8PADfADGA0hgFFxfQOGAFL6OApALIQAYsBncaYAVvRh7BGe7IlzBb3hlrKZk1xKf9mCbs5IUNMOfsvSvQc41Z95B8OFumw34lFXNOY/OeDOS3faLIC3dSQvPOp+G/MfmgXgdgTPgK9GMvGqs4Mr1gXmeAQ5/dkN8SPcFWfOvIbnIV7Dc/MadushuhF3959igIkuJKMJt3Qc69DZN0zHZkFSBTIdCCAj7FKjaiuqEtsCfgFjAZKPCdMSh2uZvm0UpZk2q6OYMOyidNuLUwLYUrRVZa6ED/KEHpx7YW21irNoJJUK8AaY9NCYTMrWbky+A0t+W7Okioears4d8AU4AN6pxE7r94F0d7KtyTfptzWzJSKQEzWe9y7NaVU2J/KJBHmN7PZ8FngNbAIfNTY1N9tqe/5vANt32S9Jnep/AAAAAElFTkSuQmCC);
background-size: 32px 32px;
}
.actionsToolbar li {
display: inline-block;
padding: 9px 0;
margin: 0 12px 0 12px;
position: relative;
text-align: center;
cursor: pointer;
}
.actionsToolbar li img {
width: 32px;
height: 32px;
display: block;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
}
.actionsToolbar li .actionOptions {
display: none;
padding: 0;
background: #FFFFFF 0 0;
border: 1px solid #B4B4B4;
margin: 8px 0;
z-index: 100000;
}
.actionsToolbar li .actionOptions li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
margin: 0;
clear: both;
display: block;
white-space: nowrap;
cursor: pointer;
width: 100%;
text-align: left;
}
.actionsToolbar li .actionOptions li:hover {
color: white;
background-color: #008042;
}
.actionsToolbar li .actionOptionsOpen {
display: block;
}
.defaultActionButton {
width: 32px;
height: 32px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
background-repeat: no-repeat;
background-position: top center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAACQklEQVRYR8XXu68NURzF8fGISCgkHrWO3iMIvSj8B0rPyBUkIhGNKDyCQohIJCLxB6CiUuuoufdWJHReURDWR2amuM7cY+6ZmbOSbzKz57fX2mfPmZm9ixZaGTaH/eFEuBTulTjW5poatZ1pWdgWHoRX4XP43YBratTqszwsWavC9vA0/Ai/wofwItwJF8PREsfaXFOjVh99efBqrcPhbah+2fmwL6wLTXJNjdpqpngcCf+tDeFK0PlbuBU2hbbSR9+vgRdP3mOl8Hv4FE6FtWGp0pcHL568G+U+mXaj1WF36Eq8ePKWMfI/oWgumHaj7lo8ecv458etCC+DEV4Pk0x7k3jyliFLZi0j+hlM03oNPYm3DFn1LKwOj4PGsxp6lgxZMmUXW8ObMB92auhZMmS9Dls0HAz+HN5aazT0LBnPgkzZxengj3HTyUCSJVP233e4E1+zoXQ8yLzr5FF5csjJQJIlU/b0BzD1W3CmPLnhZCDJkim7fgyfhKEeQ1n1YzitF5FM2dN/FdOeoHHIj5HMWgs/x338F3g2fo6pWpBYw81o6Fg8eY9ckJBlkiW2EX4Mu0JX4sWTt4xFl+nXQrUoNepJVkemnQcvnrzHamO4GozWlPlyaWsrfbxwvgRePFv5mKp3QWebjHNhbxi3MVGjttqYzIZjobXcpx3B4sE2y6PzPjwPt8OFYIkNx9pcU6NWH315LHrPx8kGk8nDYONZTeko3DI1avWZaHO6UNX2/EA4GS6H+yWOtbnWYnteFH8Aq5y1D0C/whsAAAAASUVORK5CYII=);
background-size: 32px 32px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAACQklEQVRYR8XXu68NURzF8fGISCgkHrWO3iMIvSj8B0rPyBUkIhGNKDyCQohIJCLxB6CiUuuoufdWJHReURDWR2amuM7cY+6ZmbOSbzKz57fX2mfPmZm9ixZaGTaH/eFEuBTulTjW5poatZ1pWdgWHoRX4XP43YBratTqszwsWavC9vA0/Ai/wofwItwJF8PREsfaXFOjVh99efBqrcPhbah+2fmwL6wLTXJNjdpqpngcCf+tDeFK0PlbuBU2hbbSR9+vgRdP3mOl8Hv4FE6FtWGp0pcHL568G+U+mXaj1WF36Eq8ePKWMfI/oWgumHaj7lo8ecv458etCC+DEV4Pk0x7k3jyliFLZi0j+hlM03oNPYm3DFn1LKwOj4PGsxp6lgxZMmUXW8ObMB92auhZMmS9Dls0HAz+HN5aazT0LBnPgkzZxengj3HTyUCSJVP233e4E1+zoXQ8yLzr5FF5csjJQJIlU/b0BzD1W3CmPLnhZCDJkim7fgyfhKEeQ1n1YzitF5FM2dN/FdOeoHHIj5HMWgs/x338F3g2fo6pWpBYw81o6Fg8eY9ckJBlkiW2EX4Mu0JX4sWTt4xFl+nXQrUoNepJVkemnQcvnrzHamO4GozWlPlyaWsrfbxwvgRePFv5mKp3QWebjHNhbxi3MVGjttqYzIZjobXcpx3B4sE2y6PzPjwPt8OFYIkNx9pcU6NWH315LHrPx8kGk8nDYONZTeko3DI1avWZaHO6UNX2/EA4GS6H+yWOtbnWYnteFH8Aq5y1D0C/whsAAAAASUVORK5CYII=) !important;
}
/***************************************************
Paging Control
***************************************************/
.paging {
display: none;
}
.paging button {
width: 24px;
height: 24px;
margin: 0;
}
.paging button.disabled.ui-state-hover {
background-color: #008042;
border-color: #008042;
cursor: auto;
}
.paging button.first {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADWSURBVHja7JQxSgNhFIRnflJYWqTMFbyBjZ1g0lnmApZCSo9gIdjYWe4F7CWQMp0XyAFSpgzz2QSERdfdsAspMvC6/328N7z5DWgIFQ2kM/h/MLAA3oFb26oXMAcqNQD+KgCSfNbej5K88qNf+0dd1ksyASrb1715nGQq6asNVFK7iZPcS6pst97QDcnj4OlW0mUD1MdacdFl0i7gNfA4SEBKKS/AA7DvPXmllDfbN8Cm90jbXtm+Aj6OPjfgWdLY9rIG30maJXmSdGe787mdv80TB38PABr4i/ENzVJnAAAAAElFTkSuQmCC);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.first.disabled {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADQSURBVHja7NShTgNBEIfx/7c5QRAEhUSRCgQSgagklQ25Z0OjUEgET0AQPAFBkAo0umI/TEXTtOkduRMknWTN7uxvVswsasaIkpHiAO+H1Rt1rl4A2Vzqldruut/sOgBuVwVOk3yuFSzqDLhebT31grdFrfVEbYHzfblND3SS5A446pLfdEQvk7RAGbIrzvqiXeGmL9oV/lZfRhmQUsqb+qzWwSevlPIOPKg/g480sADu1Y8/t5v6muQY+NrAl0kea63TJBNg+yMOH/3/hX8HAOJwUSYYfC87AAAAAElFTkSuQmCC);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.previous {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACbSURBVHja7JSxCQJBFAVvxfBCi7AY7cIyzCzDAgwMLrQBwcAiLESYMRFU3N07zt1AuIGf7Rs+7OMHtanBrKnEJB4mDiFER92ox6xZTU7k7RzY+yKdHSpWl8DFT34TA1vg7jfjxGoLHEwzTgyczJPM9tVtUatua/U8ytz3eZGKWbRuwAq4FRc/t2+Brrj4bfsdcM1lw3To/1f8GABPVkRiZ7YFTQAAAABJRU5ErkJggg==);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.previous.disabled {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACqSURBVHja7JStCgJhEEX3DIvBbDQaTfsA4gOImPbRzKbF7CP4AGYxGswGk+E7voDsD+wXBAem3TlcmDuDWuSoKDLVH9wPDHxttVLrttlyiAs11A1QdWnLAdCZugPmffS9wCmllboGeu+k7HA5UbfAcujyusA1sMgRt2muuDXqPQf4BRzUy+iXB6SIOKmN+hz9pCPiBuzV6+i/AnhHxFE9q49W7f/R/y74MwD9UEwJahyZxwAAAABJRU5ErkJggg==);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging .pageNumber {
display: inline-block;
color: white;
font-weight: bold;
background-color: #008042;
line-height: 24px;
height: 22px;
padding: 0 6px;
border: 1px solid #008042;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.paging button.next {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACcSURBVEhLYxgFwxT8+/dvNRCnQLnUA/+hAGj4bCDFAhWmHECMhQCg4ceBlAZUijIAMRIBgIb/BuIaqDT5AGoeBgAavhxI8UCVkQ4gxmAHQMO3Q5VhBUxQmhwgAqVJB1DHYQCgaw8DKQmoMtIBxBhUADSU8qQHMQoCgAbeB2IfqBRlAGomyND1QIr8VIAOgAaeBuJmKHcUjAzAwAAA84vgP7g4u4MAAAAASUVORK5CYII=);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.next.disabled {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACySURBVHja7JQhDgJBDEX7mgkCjdwTbFB7AARnIHsAJEdDoAiSI6AJQSHQaEQ/CkeGXTIrSPYnozp5adqXIsmGiNtAGcHdwJJaSQ1gn14uKVcEajOrI6IC9kAUHQXQSFpLmhWfMVBJ2kTEovjyAAeWEbGSNCluBTCX1A6l2/RnKzIa3oBtUbCk01u93AFLPYAPMzu4+6XL/9QRegZ2wLNrI+kL8G5mV3c/9jZnPPT/C34NAHSsRwm8BsWwAAAAAElFTkSuQmCC);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.last {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVEhL7ZMtDgIxEIW3BIFAIJAchQMgkEgEEkuC5AZIDoBEIjgAAoHBcQCugIe0fNMOCRvoUn7UZr9k8jJv0rfdbjerKCHW2hU11DYHfo9aUlO10nEKixdIXW0P3jZMnVMrHV3nIWhHdXSUFFxTLcQY00WOBPaD856kYIHwFrImfBCcYozqE7HXxL4iZx7Ulh59mZG84zvkyIdshC7Ox8HseIIcQvcFchSPcLYXaiyzlFsRRdd5CDohcjM8fwkmZIM01fb8FMziPTXTNgd5I2byS8/VqigPWXYDb0XNanFi+pcAAAAASUVORK5CYII=);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
.paging button.last.disabled {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAADVSURBVHja7JShSkRREIb/73CDyScQMYhBFqNBfAjDBqPZZxOTYbNBjOaNi5g3iRjmsxhEdvVeuRuEHRg4MHM+Zv7/cFCziWjZUGzBv4PVqXoC5Huqh+qFerbufreuAEySTKpqD5gB9aV8Dhx8nh/+JAVwql5V1e7oGgP7Sa6r6mh084CdJJdVddynvxuyHtDUaZK30Z8b0PoMNBiszpK8jAZWS71rrT2OprG6BG6BRd9Buh7QOXADvA+RrPsB+Jxk3lq7X2Hgk7pM8gqsNnn70f9f8McAnSZSL5Qcoe4AAAAASUVORK5CYII=);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: center center;
}
/***************************************************
Search Box
***************************************************/
.search {
display: none;
vertical-align: bottom;
}
.search input {
height: 18px;
line-height: 18px;
padding-left: 2px;
vertical-align: top;
margin-right: 2px;
}
.search input:focus {
-moz-outline: none;
outline: none;
}
.search .ui-button.filterButton {
margin-right: 0;
}
.search .ui-button-text {
height: 22px;
width: 22px;
padding: 0;
}
.search .searchButton {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA9wAAAPcBuQ9IfwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADTSURBVCiRfdAxLoRRGIXhM381mlFgAVoLEAvQiWgUzBaswAb0Op1KwSammURMaDRT6SSYEAmJ0fAoXFx/wpt8+XLPfXNPcoNU02AbZ7jFFfYwg6QlH/nkDWM8lvMITS2ulosxFkrWqx7YquXDEi632ubwjMsmP/TKvs5vHpJMk6jlUdn9lrySZD7JRV03iydMcYA17GKCd6zX8mYJ27xgB+ngq2qQpJtkP8l5kqUkd0lOktwkSbBYquAYndZvfE9wWsQhun+JSJPkPskwyUaS1/zDB5+bOyLsNr3jAAAAAElFTkSuQmCC);
background-size: 11px 12px;
background-repeat: no-repeat;
background-position: center center;
}
.search .filterButton {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAB8SURBVChTY/z3799yBgYGCSDGB34w/v//3wCoAoTxgTsMQIU8QFOPA2msACj3HCgBsRHEAApcR1cJFPsMtRFhG1BQBaobrB7I/g3EPljdA5KAmQpkNyMrYkLmMDIyfoHxgey7OBXi8zaKiUQrBFp3AOhGTyBeA8R/kDUCAMHTfvwIRJoHAAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
}
.search .queryFilterMenu {
position: absolute;
right: 0;
top: 25px;
z-index: 50;
background-color: white;
display: none;
border-width: 1px;
border-style: solid;
border-color: #B4B4B4;
padding: 1px;
}
.search .queryFilterMenu .newFilter {
color: #333;
padding: 8px;
cursor: pointer;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #B4B4B4;
}
.search .queryFilterMenu .newFilter:hover {
color: white;
background-color: #008042;
}
.search .queryFilterMenu .queryFilterMenuItem {
display: block;
cursor: pointer;
}
.search .queryFilterMenu .filterName {
color: #333;
padding: 8px 72px 8px 8px;
cursor: pointer;
overflow: hidden;
white-space: nowrap;
}
.search .queryFilterMenu .filterName:hover {
color: white;
background-color: #008042;
}
.search .queryFilterMenu .filterName.isDefault {
font-weight: 600;
}
.search .queryFilterMenu .editFilter {
float: right;
padding: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFrSURBVDhPhZKtTsRAFIW3LbKbIBErEIglgZS2aRNUkRgSeAN4A1AEgSAIIAGNQeCQYFAItgrS0rL1JKxYgWxSs6JNObfpNNP/SSbNTM757pl7Kwx6lq7r4zRN7yH7kSTp3HXdP94idPlN0xzFcfwmCMI414X43smyfGvb9oLuxC6A4zjz4XC4iQRHlAB7GfsyiiKX+VoBmqZdIf4+KsW+7z+i6joDIZHMAI1PgHEHgncSwTSF4cLzvBc6W5a1FIbhKAiCGZ1rABJQRJi2+OdVQa1PgPmwas4qAQjIk2EYKzy41ANFUbImtTUWkJvqGEsAzPkUolIFBkP1ORp5XYUXAIoGMzWvcQFwxmbPC2pNxPieIVgDbIMTfmIK203kIkE+ugFmfpAkyR7EX9hhPsqTtmTFPQC/qP6tquouu6Rn4e64y1w8gQAQruYVJ/nPM+mrXPuV0awFzDNRFLP4fYtP8AHxK4wP1Vl3Qf4BJcGNC+aZ1f8AAAAASUVORK5CYII=);
background-position: center center;
background-repeat: no-repeat;
height: 13px;
width: 16px;
}
.search .queryFilterMenu .editFilter:hover {
color: white;
background-color: #008042;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVDhPY2AgAP7//6/x79+//UA8G8iWIKQeRR6oSQaIrwM1ggGQ/R6Ia4BMDqINAipmAeIEoMbbSAZdJmgAUEM7UEMATCGyQUC5+3gNACp2QLLtPBaDFHAaALIJaANIEwqAisFdhNMAoMIUdM1IrvmONyaAkgJAA57jMgAo3oDX79CAw6ofKPcYb/SBnAZUdByP82MIRh1IAdCQ9UB8GdkgkMEENYOiDinOFYCaToNSHjQFWhA0AJQ4QFEFxB5IBoG8VUBQM9Tp95Giaz+yi/AZwIQuCdT4Ayj2AIg/EGUzTBEooKA5jaQsCwC7AnGCKFOMugAAAABJRU5ErkJggg==);
}
.search .queryFilterMenu .deleteFilter {
float: right;
padding: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE7SURBVDhPjVMxboNAEPQZt0hp4QEULtzQuIhEm9py41/Y6fMCF3GfB6SxlNolXRoo7fokS9QWaZAskxnEofXlIEZCLHszs8PuMhq1VxzHS9xb8973JIZYc+4xYKKu60+l1HMYhk9FURxcAsC9I/8K7AK4E3BHJcgTQdplWbaRIi15bXIQuaLgyguC4A3BzKo4l05sMrHgjCFyU0mSTMqypP3uu6STNu4qCwd73/dXiol/RP60A5Ubcpqm16aJWutbFEVfVVVN4WQ6NAlJJq4ReFTEJpM3ltVoCQ7OfQ54Row87xww6er20HTuPuEBstG6G7HZRG6Yc1TIHx2N7US4ib1kjoplh/aE26Ttpslus2kUYs6B0x5+iG+s8wU2Xwhwjcq1J8Bt8jzfNT0wIgh/zIbZ1aQIzj5IJuYX9BfRxphE6zUAAAAASUVORK5CYII=);
background-position: center center;
background-repeat: no-repeat;
height: 13px;
width: 16px;
}
.search .queryFilterMenu .deleteFilter:hover {
color: white;
background-color: #008042;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhPjVPBDYMwDEwQI/bDFuzBgzF4lKUqsQUo9AxOa4LtYCkCy3dHbB8hcKSUXjhDzq0nYQh7qTN53RF4Hx3yyJj1JyLJVLRESDjXLyIoTLKgiZRkgZkCkhaAtyXikInTHu16Iobwn5wH9lSEb3t+uYyaiEZupEiMcUO+OF5YGKNDrIEV69N98oRs+sRblbfio4/anms+oSF+lG3MGFZHA+PTQWhWJndycYte9Hc3iWI24pR/ZO+aRIhI8hfaYWLFlK+7cwAAAABJRU5ErkJggg==);
}
/***************************************************
Persistent Object Navigation
***************************************************/
.persistentObjectNavigationTabsOwner {
border-bottom: 1px solid #ccc;
height: 27px;
}
.persistentObjectNavigationTabs {
list-style: none;
padding: 0;
}
.persistentObjectNavigationTabs#attributes {
float: left;
}
.persistentObjectNavigationTabs li:first-child {
margin: 0 0 0 8px;
}
.persistentObjectNavigationTabs li {
display: inline-block;
cursor: pointer;
position: relative;
vertical-align: top;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin: 0 0 0 3px;
background-color: #eee;
line-height: 26px;
}
.persistentObjectNavigationTabs li.persistentObjectNavigationTab:first-child {
margin: 0 0 0 8px;
}
.persistentObjectNavigationTabs li span {
padding: 4px;
cursor: pointer;
text-transform: lowercase;
}
.persistentObjectNavigationTabs .persistentObjectSelectedNavigationTab {
background-color: white;
border-width: 1px 1px 0 1px;
line-height: 27px;
color: #333;
}
.persistentObjectNavigationTabsOverflow {
background-color: white;
z-index: 51;
margin: 4px 0;
border: solid 1px #B4B4B4;
}
.persistentObjectNavigationTabsOverflow li {
padding: 8px;
margin: 0 !important;
border: none;
display: block;
line-height: 1;
}
.persistentObjectNavigationTabsOverflow li:hover {
background-color: #008042;
}
.persistentObjectNavigationTabsOverflow li span {
border: none;
padding: 0;
margin: 0;
background-color: transparent;
font-size: 13px;
}
.persistentObjectNavigationTabsOverflow li.persistentObjectSelectedNavigationTab span {
background-color: transparent !important;
border-bottom: none !important;
}
.persistentObjectNavigationTabsOverflow li:hover span {
color: white;
}
/***************************************************
Persistent Object Attributes and Template
***************************************************/
.persistenObjectTemplateNotFound {
color: red;
font-weight: bold;
}
.persistenObjectAttributeSection .persistenObjectAttributeSectionContent {
margin: 0 0 12px 0;
padding-right: 1px;
}
.persistenObjectAttributeSectionColumn {
display: inline-block;
vertical-align: top;
}
.persistentObjectAttributeLabel {
display: block;
margin: 12px;
font-weight: bold;
}
.persistentObjectAttributeValidationError input[type="text"],
.persistentObjectAttributeValidationError input[type="password"],
.persistentObjectAttributeValidationError textarea,
.persistentObjectAttributeValidationError select {
-moz-outline: red solid 1px;
outline: red solid 1px;
outline-offset: -1px;
}
.persistentObjectAttributeValidationErrorMessage {
margin-top: 6px;
margin-bottom: 6px;
color: #AB0000;
}
.persistentObjectAttributeRequiredLabel:after {
content: " *";
}
.persistentObjectAttributeBulkEditCheckbox {
float: left;
}
.persistentObjectAttributeControl {
padding-left: 12px;
padding-right: 12px;
min-height: 24px;
overflow: hidden;
}
.persistentObjectAttributeControl a.referenceNavigation {
color: #008042;
padding-right: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACaSURBVChTYyAWMEJpMBBK6y9gYGTsZ/jP8OcfA0Pih1kFS6BSDMxQGgy+n915gtPY/SNQsRcjI0MQiA0SA8mhKAQBJMUeIMxh4iHw4+yOnYxCaRP2Q9WggP8M/00YGRl5oLwlTEBSAStmZGQB0hDwn+EsimdgQCi9L4ThP9NyoFdZGP7/L3w3q3AChkJsikDiqMGDQxEJgIEBAIjzO3TEUcYaAAAAAElFTkSuQmCC);
background-position: right center;
background-repeat: no-repeat;
}
.persistentObjectAttributeControl a.referenceNavigation.noValue {
background-image: none;
}
.persistentObjectAttributeControl .persistentObjectAttributeValuePartFill {
overflow: hidden;
}
.persistentObjectAttributeControl .persistentObjectAttributeValueTwoPartShare {
width: 50%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2px;
}
.persistentObjectAttributeControl .persistentObjectAttributeValueThreePartShare {
width: 33%;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 2px;
}
.persistentObjectAttributeControl .persistentObjectAttributeValuePartRight {
float: right;
margin-left: 4px;
margin-right: 0;
}
.persistentObjectAttributeControl input[type="text"] {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.persistentObjectAttributeControl input[type="password"] {
height: 22px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.persistentObjectAttributeControl input[type="radio"] {
width: auto;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.persistentObjectAttributeControl select {
width: 100%;
}
.persistenObjectAttributeTemplateNotFound {
color: red;
font-weight: bold;
}
.persistenObjectAttributeBlockRow {
clear: left;
}
.persistentObjectAttributeMinWidth {
float: right;
width: auto;
}
.persistentObjectAttributeMaxWidth {
float: left;
width: 100%;
}
.persistentObjectAttributeButton {
padding: 0;
height: 22px;
width: 22px;
}
.persistentObjectAttributeButton .ui-button-text {
padding: 0;
width: 20px;
height: 20px;
}
.persistentObjectAttributeButton.clearButton .ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGJJREFUOE+tUwkKACAI6/+ftgMSM8fECoRK5zybiLQh+8w7E7W1wIwDw3OyWkXEfgDnYxtdChd+qLcMyAF07MOLDP2fYlK5oW6gtrAaLNxX5nLO5WqzHGGfGRAO0vNsl7eqA+10GRIkMfyXAAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: bottom;
}
.persistentObjectAttributeButton.editButton .ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAFxJREFUOE+d0tEJACAIBFB3af8ZrYzCIvU06KseJ3jEzJS84/tARK0ERRcSZ9g5aPJr1uRAuobXxBE2YZTsQg+H0MIQ/GEYvjgFNU5DD0crlPddN107CGqc7bkEdOOy3GPM1kE+AAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: bottom;
}
.persistentObjectAttributeButton.addReferenceButton .ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAGGoAABhqABJxZkogAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAPElEQVQ4T2P4//8/Aw4MFIYDrGpwaQSJj2rGErDoAYMWTvi5dNf8HuYeXPHMhOZgRmwJaTSRoCYEghkDAN0N8R5Qo1w7AAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: bottom;
}
.persistentObjectAttributeButton.browseReferenceButton .ui-button-text {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAMElEQVQ4T2P4//8/A7mYbI0gC0c1kxjyIznAgAkGDmDhQFCMaIXQ9I9iIFU0kxVlAA51u2GhEBslAAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: bottom;
}
.persistentObjectAttributeRadioSet .ui-button-text {
padding: 0;
padding-left: 10px;
padding-right: 10px;
height: 22px;
line-height: 22px;
}
.clearFloat {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.persistentObject_Edit_Template fieldset {
width: 100%;
}
.persistentObjectAttribute_Edit_FlagsEnum {
width: 100%;
}
.persistentObjectAttribute_Edit_FlagsEnum .persistentObjectAttributeEditSelectWrapperDropDown {
position: absolute;
border-style: solid;
border-width: 1px;
border-top-width: 0;
border-color: #aaacb2;
background: white;
z-index: 10000;
}
.persistentObjectAttribute_Edit_FlagsEnum .persistentObjectAttributeEditSelectWrapperDropDown div {
margin: 2px;
}
.persistentObjectAttribute_Edit_FlagsEnum .persistentObjectAttributeEditSelectWrapperDropDown div input {
width: auto;
}
.persistentObjectAttribute_Edit_FlagsEnum .persistentObjectAttributeEditSelectWrapperHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAACVJREFUGFdjMDc3/48LM/z//58BmyRIHCyJrgAmBpeEKYBJgGgAi9w+HUH3ngYAAAAASUVORK5CYII=);
-moz-background-size: 7px 5px;
-o-background-size: 7px 5px;
-webkit-background-size: 7px 5px;
background-size: 7px 5px;
background-repeat: no-repeat;
background-position: 99.3%, 100%;
border-style: solid;
border-width: 1px;
border-color: #aaacb2;
height: inherit;
line-height: 1.333;
vertical-align: middle;
padding-left: 4px;
}
.persistentObjectAttribute_Edit_MultiLineString .toolTip {
padding-left: 32px;
color: #777;
font-size: 11px;
margin-bottom: 6px;
}
.persistentObjectAttributeEditLanguages {
margin: 6px 0 6px 12px;
}
.persistentObjectAttributeEditLanguages label {
line-height: 18px;
}
.persistentObjectAttribute_Edit_Image .persistentObjectAttributeValueImageContainer {
border: 1px solid #aaacb2;
min-height: 20px;
}
.persistentObjectAttribute_Edit_Image .PersistentObjectAttributeValueImageFileNameText {
position: absolute;
line-height: 20px;
margin-left: 2px;
}
.persistentObjectAttribute_Edit_Image .persistentObjectAttributefileInput {
cursor: pointer;
}
.persistentObjectAttribute_Edit_Image .persistentObjectAttributefileInputWrapper {
position: absolute;
-moz-opacity: 0;
opacity: 0;
width: 24px;
margin-top: 2px;
cursor: pointer;
overflow: hidden;
}
/***************************************************
Query Grid
***************************************************/
.queryGrid td {
vertical-align: middle;
}
.queryGrid tr.selected {
background: #e7e7e7;
}
.queryGrid tr.hover {
color: #ffffff;
background: #008042;
}
.queryGrid .header {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
height: 24px;
}
.queryGrid .header .headerSelector {
height: 100%;
float: left;
}
.queryGrid .header .headerSelector div {
border-left-color: #008042;
border-left-style: solid;
border-left-width: 8px;
height: 100%;
}
.queryGrid .header .columnHeader {
float: left;
height: 24px;
line-height: 24px;
color: white;
overflow: hidden;
white-space: nowrap;
padding: 0 12px 0 0;
cursor: pointer;
}
.queryGrid .header .columnHeader span {
padding: 0 20px 0 6px;
text-transform: uppercase;
}
.queryGrid .header .columnHeader span.sortASC {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADlJREFUKFNj+P//PwM1MamGAe3G7wBSDAQZBgM49RFrILJheA0lxkBshuE0lJCB+AzDaighA0mWBwDIA7tTCLVfKgAAAABJRU5ErkJggg==);
background-size: auto;
background-repeat: no-repeat;
background-position: right center;
}
.queryGrid .header .columnHeader span.sortDESC {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAADlJREFUKFNj+P//PwM1MSHDgHYRBChmEDIQJI8PYOgnxkBchmLVS6yB6Ibi1EeKgTBD8eoh1UCC6gFkHrtTVc+UEgAAAABJRU5ErkJggg==);
background-size: auto;
background-repeat: no-repeat;
background-position: right center;
}
.queryGrid .dataSelector {
width: 32px;
}
.queryGrid .dataSelector.noSelection {
width: 8px;
}
.queryGrid .dataSelector.noSelection .contentHolder {
width: 8px;
border-left-width: 0px !important;
}
.queryGrid .dataSelector.noSelection tr {
background-image: none !important;
}
.queryGrid .dataSelector td .contentHolder {
padding: 0;
}
.queryGrid .dataSelector tr.noData .contentHolder {
visibility: hidden;
}
.queryGrid .dataSelector tr.hasData {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGFJREFUOE/tzMEJACEQQ1H7L2casRRLmDWwXkxgB+LeFB7Cx9gy8zgZXTK6ZHTJ6JLRRSEi+pQFfd8uFDConPcd7YHC/XRe3+d+iov2QOGvTwcGBWPfLjK6ZHTJ6JLRk+0B+6J6EJ7KRbwAAAAASUVORK5CYII=);
background-size: 21px 21px;
background-repeat: no-repeat;
background-position: 10px center;
}
.queryGrid .dataSelector tr.hasData.selected {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAQZJREFUOE/tkTGKg1AQhmUh5Ax7ki1TpPAOqaxsTCOCIGhhoQfYyrXezkY8gK1ljiCIjYUERCy0mMyMCiFsokk2kMIPfnjje//HkycsvC2fmHW//B++MN+YLU9/EUXRAQMzcsDjG8wvZkfdq1BhDoZhAB7/weiYD+peZUrati14ngeiKJJ037cmuCWt6xpc1wVZlkGSJJKu+tYEo1RRFAjDELqu47koCjBNk4W2bUMQBCSdxyiN45gFjuNAkiSgqirPJK6qih9rqExz/vu+77NojK7rUJYl7z0sbZoGLMtioaZpkOf5sPOElMiyjIVpmg5fep6SEnTjS+6VHqkwI8ehsvByBOEE3uqYJ3A98XsAAAAASUVORK5CYII=);
background-size: 21px 21px;
background-repeat: no-repeat;
background-position: 10px center;
}
.queryGrid .dataSelector tr .contentHolder {
border-left-style: solid;
border-left-width: 8px;
border-left-color: #F0F0F0;
width: 24px;
}
.queryGrid td .contentHolder {
overflow: hidden;
padding: 0 6px;
}
.queryGrid .dataSelector tr.selected .contentHolder {
border-left-color: #008042;
}
.queryGrid .pinnedDataTable {
border-right-style: solid;
border-right-width: 1px;
border-right-color: #AAA;
}
.queryGrid .managementButtonContainer {
position: absolute;
top: 0;
right: 0;
height: 24px;
width: 24px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
}
.queryGrid .managementButton {
width: 100%;
height: 100%;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABOQAAATkBYCGs+AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEqSURBVDiNjZJPK4RRFMZ/jVn5l5SRjY9BTfkGRNIsUOywsputkp0sSGFhYaVIUbJShJSPYWshC0v52dx35szrfeWpW+c59znPvZ1zUCk5c7axXqar0EY3sBz4SIgHQrwA9LdYcupR79NrR2pNvQg/uFaH1e3En9U+tWUwaSe+/Y18rhENUDcLisqwl9VFg0H1K4ie1Lo6re7nDEazuiqwkpo0DnSl1pwD88BX4ldABVhL/BB4AD4o+eKyv0dWLxLGMUa8FuTei4TVNNcaMAHMpnwTuMtpmyG+AW6Bt7+aeKJOqWPqsZ1jbDUxGuyU9KMIB3mDxZzgP4u0FA161cd0sasOqadBnK3yVuIv5lY5M2kEvhoMNkJ+Rh0wLFKGT+As8LcQf4T4Mo7mB+jagQZg20DqAAAAAElFTkSuQmCC);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialogOverlay {
background-color: rgba(0, 0, 0, 0.2);
}
.queryGrid .managementDialog {
background-color: White;
margin: auto;
-moz-box-shadow: 0 0 20px #505050;
-webkit-box-shadow: 0 0 20px #505050;
box-shadow: 0 0 20px #505050;
}
.queryGrid .managementDialog .managementHeader {
display: block;
border-left-color: #008042;
border-left-style: solid;
border-left-width: 8px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
color: white;
line-height: 24px;
padding-left: 6px;
text-transform: uppercase;
}
.queryGrid .managementDialog .managementFooter {
height: 27px;
background-color: #DDD;
padding: 2px 1px 0 2px;
}
.queryGrid .managementDialog table {
width: 100%;
}
.queryGrid .managementDialog table .iconColumn {
width: 28px;
height: 28px;
}
.queryGrid .managementDialog table .iconColumn.isPinned {
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAL1JREFUOE/NkcEJAjEQRXPQm1exB0HrsAHRuz3Yg5UoXizBHgTvOYolqKDvhwlMXHY3N/3wWDLzJ5nPhp8oxriGE4ysVC+GVvCAN5ytXCcGlvC0YXG0Vr8w62U/fICBtbuFUZnz2mIPQ2snwwImdixE3WfOLxfDG3jBBcZWTuLcyAzl2hTuznCFdAnfuswUZ3Azk9AmW2jP/C2ac/CXeMrMbcKkTXwc0czcJcxTyJfU/2cvhrTJDvrX/gOF8AEw9SCGe066RQAAAABJRU5ErkJggg==);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table .iconColumn.isVisible {
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAL1JREFUOE/NkcEJAjEQRXPQm1exB0HrsAHRuz3Yg5UoXizBHgTvOYolqKDvhwlMXHY3N/3wWDLzJ5nPhp8oxriGE4ysVC+GVvCAN5ytXCcGlvC0YXG0Vr8w62U/fICBtbuFUZnz2mIPQ2snwwImdixE3WfOLxfDG3jBBcZWTuLcyAzl2hTuznCFdAnfuswUZ3Azk9AmW2jP/C2ac/CXeMrMbcKkTXwc0czcJcxTyJfU/2cvhrTJDvrX/gOF8AEw9SCGe066RQAAAABJRU5ErkJggg==);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table .iconColumn.checked {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAALZJREFUOE/FkUEKwkAMRWehO7fiHYSaa/QConvv4B16khY3XiDQOwjeQTyCCvpDMpCptU5XffAWTWYy+TRMA9MenuHCKiNg2sEHfMPWqpkwbeHTLosn62SgL/vLDZxZ9w+aOa4t1nBuXcBUwpV9paSZ48vJ5QN8wQtcWlXpy/y1NtPdHbhCHZKdmamANzskyiZHOJC5C9MG+iHeTuZf6CY+jtiTeQimNYxDRvxnj25SwYy1pyeED/9yij/ekYk5AAAAAElFTkSuQmCC);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table .iconColumn.unchecked {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAL1JREFUOE/NkcEJAjEQRXPQm1exB0HrsAHRuz3Yg5UoXizBHgTvOYolqKDvhwlMXHY3N/3wWDLzJ5nPhp8oxriGE4ysVC+GVvCAN5ytXCcGlvC0YXG0Vr8w62U/fICBtbuFUZnz2mIPQ2snwwImdixE3WfOLxfDG3jBBcZWTuLcyAzl2hTuznCFdAnfuswUZ3Azk9AmW2jP/C2ac/CXeMrMbcKkTXwc0czcJcxTyJfU/2cvhrTJDvrX/gOF8AEw9SCGe066RQAAAABJRU5ErkJggg==);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table th .isPinnedHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+90jELAWEYwPFXYlEyKMJmYLD5DsrHMLDKZzAxyXar8h0UmZSB1SDZZLRahP9z3lfddXfubvCvX2/v1fOccipCCX3GqoQ1yvYtRh28cEJFHkQpiyVkgTijhlDJ8BZm2LiijsAK2ME9bByRxrc8hlhhhgO8BudoQX6dox6e8BoypkjCtz78lkwQ6lsYwD0sbw5VBnvc8UCkBSkscEETbcgiWTDCzyxsULRvn2TJDQ37FlAXYzj+V11On4FV9fnvlHoDimFAT4fosVgAAAAASUVORK5CYII=);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table th .isVisibleHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAPhJREFUOE/d0cFKQkEUxvGzNhIKpNeIFm2E2qS4iPZCGwmlhb6ADyItXBlpRJFQUEhEBC1r40IoCp/CiIj8f2ccuCnS3g9+cA7MnXtmxhY3K9hBGRXksYp/s40b9PGN34RX3EIbzySFJrrYxDN+0MMVvvCGLZyjBX3jUaGFh96Z1aGPC96FbGCEhndmB3jCkppj6KwxD3gM5Z+08R5KTwlnKjqTJkYbyHRO8BFKTxEXKjSGxtFYSjxCzruQdegIR96Z7UNTpr0jugf94RRa/AK9wjUu8YkhsojrljETvfcdtIFuPvmMA9wjeblzk8EuqqhhD2tYvJiNATv5OHzXWQ0+AAAAAElFTkSuQmCC);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table .lastPinnedRow {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: silver;
}
.queryGrid .managementDialog table .iconColumn.moveUp {
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGJJREFUOE9jGAX4QXFxsYCdnZ0BlEsaKCoqEgBS/0FYUFCQNEMKCwvhmmGYj4+POEMKCgowNMMwQUPy8/NxaoZhnIYQoxmGsRri5OQUICws3MDFxUUQ8/PzF0C1jQLKAQMDAE7cMN4D7Is3AAAAAElFTkSuQmCC);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
.queryGrid .managementDialog table .iconColumn.moveDown {
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAGRJREFUOE9jGAVUBPz8/AVcXFwNhLCwsHCDk5NTAFQbAvDx8RkAqf/E4Pz8fAEgjQmIMQSnZhjAZ0hBQQF+zTCAzZDCwkLiNMOAoKAg3JCioiLSNMOAnZ2dQXFxMXmaRwxgYAAA4vQw3ndI2rcAAAAASUVORK5CYII=);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center center;
}
/***************************************************
Query List
***************************************************/
.queryViewer {
overflow: auto;
width: 100%;
}
.queryViewer .queryViewerItem {
width: inherit;
cursor: pointer;
}
.queryViewer .queryViewerItem .queryViewerItemContent {
padding: 0;
margin: 0;
}
.queryViewer .queryViewerItem .queryViewerItemSelector {
float: left;
width: 24px;
border-left-style: solid;
border-left-width: 8px;
border-left-color: #f0f0f0;
}
.queryViewer .queryViewerItem.selectedRow {
background: #f0f0f0;
}
.queryViewer .queryViewerItem.selectedRow .queryViewerItemSelector {
border-left-color: #008042;
}
/***************************************************
Query Filter
***************************************************/
.queryFilterOpen {
margin-bottom: 12px;
}
.queryFilter #queryFilterHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAMAAACeL25MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTc3Nz8/P0ZGRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEmDS+kAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41Ljg3O4BdAAAAFUlEQVQYV2NgYGRkZGACESAEJJgYAQCqABHRYifnAAAAAElFTkSuQmCC);
background-position: 8px center;
border-left-style: solid;
border-left-width: 8px;
border-left-color: #008042;
color: #ffffff;
font-size: 13px;
text-align: left;
text-transform: uppercase;
line-height: 1.8;
padding-left: 6px;
position: relative;
height: 24px;
}
.queryFilter #queryFilterHeader #title {
display: inline-block;
}
.queryFilter #queryFilterHeader #filterName {
display: inline-block;
}
.queryFilter #queryFilterHeader #buttons {
position: absolute;
right: 0;
top: 0;
height: 22px;
}
.queryFilter #queryFilterHeader #buttons button {
width: 22px;
height: 22px;
-moz-opacity: 0.5;
opacity: 0.5;
background-color: transparent;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
}
.queryFilter #queryFilterHeader #buttons button:hover {
-moz-opacity: 1;
opacity: 1;
}
.queryFilter #queryFilterHeader #buttons #collapseFilter {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYSURBVChTY2AYgYDxPxCQ4m8mUhSPWLUAUugEAIKjKVAAAAAASUVORK5CYII=);
}
.queryFilter #queryFilterHeader #buttons #closeFilter {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACVSURBVDhPY2AYXuDfv3/LgXjz////edB9BhRjAcotBuL9OH0NlNwOVPgfSB9GNgSqeTVU7jJOA0CaoJrhhqBpvg7kS+ANd3RDgAbCbCasGWYysiFQZ+PUzITDOT+A4i+Q5N4A2V+ISjLofkYPE0L+B0UVip+xBSy+aFyMzc9ohuBNB4eBLriMLapghgDl7xMVFkNHEQBIgv1HKKlHggAAAABJRU5ErkJggg==);
}
.queryFilter h2 {
margin-bottom: 0;
}
.queryFilter .queryFilterContent {
padding: 8px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow-x: auto;
white-space: nowrap;
border-width: 0 1px;
border-style: solid;
border-color: #DDD;
background-color: #eee;
}
.queryFilter .queryFilterContent .picker {
display: inline-block;
min-width: 64px;
background-image: url(data:image/png;base64,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);
background-size: 32px 32px;
background-position: center center;
background-repeat: no-repeat;
height: 213px;
line-height: 211px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.queryFilter .queryFilterContent .picker select {
width: auto;
height: 48px;
-moz-opacity: 0;
opacity: 0;
cursor: pointer;
}
.queryFilter .queryFilterContent .queryFilterColumn {
display: inline-block;
width: 160px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
vertical-align: top;
margin-right: 12px;
padding: 4px 4px 0 4px;
}
.queryFilter .queryFilterContent .queryFilterColumn .remove {
-moz-opacity: 0.5;
opacity: 0.5;
float: right;
margin-top: 4px;
padding: 4px 0 0 4px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADVSURBVDhPY2TAAoyMjNYzMjIGIEv9////yLlz52zRlTNhMwBdM0gNUMwGq1qQIDYbsSnG5iKYCzwIaUCXx+UiUs1hYITpAHojgRTdwABdAA4bmCZjY+P/pBhw9uxZsF6MWABG1wWguCOQ7kAyEGSbIxDvICYaPwBNPwBUeBNJ8UOo2AtiDCDFJ5heIEk3tjAYOAOAof6HVNvRo3ENOGEwMhoYGhp6AOlgJAPdQWJAPixDnYHJwdMBUEMj0BWg6BNgYmLaDqR9kAywgIqpAMXOANVWwuQAjVw8LsHUNCIAAAAASUVORK5CYII=);
background-size: 16px 16px;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
width: 16px;
height: 16px;
}
.queryFilter .queryFilterContent .queryFilterColumn .remove:hover {
-moz-opacity: 1;
opacity: 1;
}
.queryFilter .queryFilterContent .queryFilterColumn .notBox {
float: left;
margin: 4px 0 0 0;
padding: 4px;
cursor: pointer;
font-weight: 600;
background-color: #ddd;
color: #888;
}
.queryFilter .queryFilterContent .queryFilterColumn .notBox:hover {
color: #333;
}
.queryFilter .queryFilterContent .queryFilterColumn.negated .notBox {
background-color: #990000;
color: white;
}
.queryFilter .queryFilterContent .queryFilterColumn.negated .queryFilterDistinctsContainer {
border-color: #990000;
}
.queryFilter .queryFilterContent .queryFilterColumn label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.queryFilter .queryFilterContent .queryFilterColumn input[type="text"] {
margin: 0 0 2px 0;
display: block;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.queryFilter .queryFilterContent .queryFilterColumn input[type="text"]:focus {
-moz-outline: transparent solid thin;
outline: transparent solid thin;
border: 1px solid #007700;
}
.queryFilter .queryFilterContent .queryFilterColumn.negated input[type="text"]:focus {
border: 1px solid #990000;
}
.queryFilter .queryFilterContent .queryFilterColumn .queryFilterDistinctsContainer {
height: 140px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
background-color: white;
border-color: #AAA;
border-width: 1px;
border-style: solid;
}
.queryFilter .queryFilterContent .queryFilterColumn .queryFilterDistinctsContainer div {
cursor: pointer;
height: 24px;
line-height: 24px;
padding: 0 4px;
}
.queryFilter .queryFilterContent .queryFilterColumn .queryFilterDistinctsContainer .remainingDistinct {
color: #888;
}
.queryFilter .queryFilterContent .queryFilterColumn .queryFilterDistinctsContainer .includeDistinct {
background-color: #007700;
color: white;
}
.queryFilter .queryFilterContent .queryFilterColumn .queryFilterDistinctsContainer .excludeDistinct {
background-color: #990000;
color: white;
}
.queryFilter .queryFilterActionsContainer {
display: block;
background-color: #ddd;
border-width: 1px;
border-style: solid;
border-color: #DDD;
height: 26px;
}
.queryFilter .queryFilterActions {
float: right;
}
.queryFilter .queryFilterActions .clear {
padding-right: 16px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADHSURBVDhPY2DAAv79+7f+PxoAih3GppYRmyBIL1bFjIwY6plACtFtxKYZJIbsKJiLwCYCOd+BhnPg0ohLHKgHqw9IMgduAtB5CaToBFq+AKQe2QCsAUfI+eBARAZAl1wA8h2BdAdMHMgG2QYS24GuHsMAoIIPQOcdAOKbMMVA9kOQGJD/ghgDSAkKBmwuGKoGAEP4D0luR1cMTM7LQWkdSL8HYg8g3gxL+0D2cajYbaia0xiWASU0gIr2o2djLNn6NFDMBWYAAHyIucBm6HZ+AAAAAElFTkSuQmCC);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: 80% center;
margin: 0;
}
.saveFilter .row {
display: block;
margin-bottom: 12px;
}
.saveFilter .saveFilterLabel {
width: 125px;
display: inline-block;
}
.saveFilter .ui-buttonset {
display: inline-block;
}
.saveFilter input[type="text"] {
width: 185px;
display: inline-block;
}
/***************************************************
Browse Reference
***************************************************/
.ui-dialog .ui-dialog-content.browseReferenceDialogContent {
background-color: white;
}
.ui-dialog .ui-dialog-title.browseReferenceDialogTitle {
font-size: 30px;
font-weight: normal;
line-height: 33px;
}
#browseReferenceResult {
height: 100%;
position: relative;
overflow: hidden;
}
#browseReferenceQuery {
height: 100%;
}
#browseReferenceContainer {
position: relative;
width: 600px;
height: 800px;
}
#browseReferenceActionsToolbar {
height: 72px;
background-color: White;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #888;
}
#browseReferenceActionsToolbar ul {
margin-top: 12px;
list-style-type: none;
}
#browseReferenceActionsToolbar li {
display: inline;
margin: 0 6px 0 6px;
}
#browseReferenceActionsToolbar li img {
width: 36px;
height: 36px;
}
.browseReferenceSearch {
margin-top: 15px;
float: right;
}
.browseReferenceSearch input {
height: 16px;
vertical-align: top;
margin-right: 2px;
}
.browseReferenceSearch button .ui-button-text {
height: 20px;
width: 20px;
padding: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA9wAAAPcBuQ9IfwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADTSURBVCiRfdAxLoRRGIXhM381mlFgAVoLEAvQiWgUzBaswAb0Op1KwSammURMaDRT6SSYEAmJ0fAoXFx/wpt8+XLPfXNPcoNU02AbZ7jFFfYwg6QlH/nkDWM8lvMITS2ulosxFkrWqx7YquXDEi632ubwjMsmP/TKvs5vHpJMk6jlUdn9lrySZD7JRV03iydMcYA17GKCd6zX8mYJ27xgB+ngq2qQpJtkP8l5kqUkd0lOktwkSbBYquAYndZvfE9wWsQhun+JSJPkPskwyUaS1/zDB5+bOyLsNr3jAAAAAElFTkSuQmCC);
background-size: 10px 10px;
background-repeat: no-repeat;
background-position: center center;
vertical-align: bottom;
}
/***************************************************
Editable Select
***************************************************/
input.editable-select {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAHCAYAAAAIy204AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAAAQElEQVQoU2P4//8/AzUxXsPMzc3/E8LojiHoOnwGYvMZQQNBmrAZiiuYiDIQ3VB8YU60gTBDCUUgSQYSMgwkDwDpjYC79oQFPgAAAABJRU5ErkJggg==);
background-color: #FFFFFF;
background-position: right center;
background-repeat: no-repeat;
padding-right: 13px;
width: 100%;
border-style: solid;
border-width: 1px;
border-color: #AAA;
}
.editable-select-options {
position: absolute;
display: none;
overflow: auto;
margin: 0;
padding: 0;
background: #FFF;
border: 1px solid #CCC;
z-index: 10;
}
.editable-select-iframe {
position: absolute;
background: #FFF;
z-index: 9;
display: none;
}
.editable-select-options ul {
margin: 0;
padding: 0;
z-index: 10;
list-style: none;
list-style-image: none;
}
.editable-select-options li {
cursor: default;
padding: 2px;
}
.editable-select-options li.selected {
background: #EAEAEA;
}
/***************************************************
JQUERY UI OVERRIDES
***************************************************/
.ui-button-text {
padding: 0.4em 1em;
font-size: 11px;
}
.ui-dialog-content {
padding-top: 10px;
padding-bottom: 10px;
}
.ui-dialog-buttonpane ul {
padding-left: 24px;
margin-top: 12px;
list-style-type: none;
}
.ui-dialog-buttonpane .queryGridPaging {
margin-top: 0;
}
.ui-dialog-buttonpane li {
float: left;
margin: 0 6px 0 6px;
position: relative;
text-align: center;
min-width: 48px;
cursor: pointer;
}
.ui-dialog-buttonpane li img {
width: 32px;
height: 32px;
display: block;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
}
.ui-dialog-buttonpane li .actionOptions {
display: none;
padding: 0;
position: absolute;
bottom: 48px;
left: -12px;
background: #FFFFFF 0 0;
border: 1px solid #B4B4B4;
z-index: 100;
}
.ui-dialog-buttonpane li .actionOptions li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
margin: 0;
clear: both;
display: block;
white-space: nowrap;
cursor: pointer;
width: 100%;
}
.ui-dialog-buttonpane li .actionOptions li:hover {
color: white;
background-color: #008042;
}
.ui-dialog-buttonpane li .actionOptionsOpen {
display: block;
}
/***************************************************
Week Scheduler
***************************************************/
.weekSchedulerGrid {
margin-left: 13px;
margin-top: 10px;
}
.weekSchedulerGrid .weekSchedulerGridDayCell {
font-weight: bold;
padding-right: 10px;
}
.weekSchedulerGrid .weekSchedulerGridHourCell .weekSchedulerGridCellSelector {
width: 20px;
height: 20px;
margin: 0 1px;
background: #8ccd8c;
cursor: pointer;
}
.weekSchedulerGrid .weekSchedulerGridHourCell .weekSchedulerGridCellSelector.selected {
background: #00a700;
}
.weekSchedulerLegend {
margin-top: 10px;
margin-left: 30px;
}
.weekSchedulerLegend .weekSchedulerLegendPart {
width: 33%;
display: inline;
float: right;
}
.weekSchedulerLegend .weekSchedulerLegendPart label {
line-height: 1.5;
margin-left: 10px;
}
.weekSchedulerLegend .weekSchedulerLegendPart .weekSchedulerLowLoad {
width: 20px;
height: 20px;
background: #8ccd8c;
float: left;
}
.weekSchedulerLegend .weekSchedulerLegendPart .weekSchedulerHighLoad {
width: 20px;
height: 20px;
background: #00a700;
float: left;
}
/***************************************************
Chrome Frame
***************************************************/
.chromeframe {
background: #ccc;
color: #000;
padding: 10px;
z-index: 5000;
position: fixed;
left: 0;
right: 0;
text-align: center;
top: 0;
}
/***************************************************
Code Mirror
***************************************************/
.CodeMirror-scroll {
height: auto;
min-height: 200px;
overflow-y: hidden;
overflow-x: auto;
}
.CodeMirror-fullscreen {
position: fixed;
background-color: white;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding-top: 6px;
overflow: auto;
z-index: 10000;
}
/***********************************************************
Default Style overrides
**********************************************************/
html {
overflow: auto;
}
body {
background-color: #EAEAEA;
}
#rootContainer {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 950px;
margin: 0 auto;
background-color: white;
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: solid;
border-bottom-color: white;
min-height: 400px;
}
#applicationSignIn {
margin-right: 0px;
margin-top: 24px;
}
#applicationSignIn #globalSearch {
width: 81px;
padding-left: 4px;
}
#applicationSignIn #globalSearch:focus {
width: 101px;
}
#content {
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
background-color: white;
background-color: transparent;
}
header {
padding-top: 4px;
background-image: url(http://storage.2sky.be/site/vidyano/images/header.png);
background-repeat: no-repeat;
padding-left: 165px;
margin-left: 0px;
margin-right: 12px;
}
h2 {
height: 24px;
}
strong {
font-weight: bold;
}
footer {
position: static;
bottom: auto;
height: auto;
clear: both;
margin: 24px 0px;
}
#FooterOne,
#FooterTwo,
#FooterTree {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 600px;
text-align: center;
}
#FooterOne {
padding-top: 6px;
}
#FooterTwo {
color: #888888;
line-height: 20px;
height: 20px;
}
#FooterTwo a {
color: inherit;
}
#FooterTwo p {
display: inline-block;
vertical-align: top;
}
#FooterTwo img {
margin-top: 3px;
}
#FooterTree {
color: #AAAAAA;
line-height: 20px;
height: 20px;
text-align: center;
margin-top: 0px;
}
.programUnits .list .programUnit span {
color: white;
}
.programUnits .list .selectedProgramUnit a {
color: white;
}
.programUnitItems ul .programUnitTemplate {
visibility: collapse;
width: 0px;
margin: 0px;
}
.programUnitItemSelected {
border-bottom: 3px solid #008042;
}
.programUnits .list .programUnit span {
color: #888;
}
.programUnitItems ul {
color: #888;
}
.programUnitItems ul li.programUnitItemSelected a {
color: #333 !important;
}
.programUnitItems ul li a:link,
.programUnitItems ul li a:visited,
.programUnitItems ul li a:hover {
color: #888;
}
.programUnits .list .selectedProgramUnit a {
color: #333;
}
.programUnits td,
.programUnitItems td {
text-align: center;
}
.programUnits td .list,
.programUnitItems td .list {
float: none !important;
}
.programUnitItemsGroupHeader {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABCSURBVHja7NKxDQAwCMRA78f+83z6KAgRKL9we5WRxGYYNLgIRoSqumCF8gNmKBOQFzYFubE26LEN5h0AAAD//wMARc1liOrTcuIAAAAASUVORK5CYII=);
}
.programUnitItems ul li {
line-height: 29px;
}
.resultPanel .resultActionsContainer {
height: 76px;
position: static;
}
.resultPanel .resultHeader {
height: 62px;
padding: 0 24px 0 24px;
}
.resultPanel .resultHeader .resultTitle {
font-variant: small-caps;
text-transform: lowercase;
font-size: 36px;
font-weight: 400;
color: #333 !important;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
}
.resultPanel .resultContentContainer {
position: static;
margin: 0px 12px 12px 24px;
}
.resultPanel .resultContentContainer .resultContent.fixedHeight {
height: 500px !important;
}
.resultPanel .resultActionsContainer .resultActions {
background-color: transparent;
}
.resultPanel.persistentObject .persistentObjectNavigationContainer {
position: static;
margin-bottom: 12px;
}
.resultContent .persistenObjectAttributeSection {
margin-bottom: 24px;
}
.noLicense {
margin-top: 24px;
display: block;
text-align: center;
font-size: 16px;
line-height: 24px;
overflow-y: auto;
}
.noLicense .comparison {
margin: 0 auto;
width: 850px;
text-align: left;
font-size: 13px;
}
.noLicense .comparison h2 {
margin-top: 24px;
}
.noLicense .comparison .explanation {
background-color: #008042;
color: White;
padding: 12px;
font-size: 13px;
margin-bottom: 12px;
}
.noLicense .comparison .free {
color: #b10000;
font-weight: bold;
}
.noLicense .comparison .pro {
color: #008042;
font-weight: bold;
}
.noLicense .comparison .description {
font-weight: bold;
text-align: left;
padding-left: 12px;
}
.noLicense .comparison .version {
font-weight: bold;
width: 150px;
}
.noLicense .comparison td {
text-align: center;
padding: 2px 0px;
}
.noLicense .comparison .price {
font-weight: bold;
font-size: 16px;
padding: 6px 0;
}
.noLicense .comparison .users {
color: @main-ui-color-1;
font-weight: bold;
}
.noLicense button {
margin: 36px 0px 2px 0px;
}
.noLicense button span {
font-size: 20px;
}
.question{
background-image: url("http://storage.2sky.be/site/vidyano/images/Question.png");
background-repeat: no-repeat;
background-position: top left;
padding-left: 60px;
}
.replies{
background-image: url("http://storage.2sky.be/site/vidyano/images/Replies.png");
background-repeat: no-repeat;
background-position: top left;
padding-left: 60px;
margin-left: 60px;
}
.solutions{
background-image: url("http://storage.2sky.be/site/vidyano/images/Solution.png");
background-repeat: no-repeat;
background-position: top left;
padding-left: 60px;
color: green;
}
.action {
float: right;
padding: 0px 12px 0px 24px;
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
}
.action.edit {
background-image: url(http://storage.2sky.be/site/vidyano/images/Edit.png);
}
.action.markSolution {
background-image: url(http://storage.2sky.be/site/vidyano/images/MarkSolution.png);
}
.action.reply {
background-image: url(http://storage.2sky.be/site/vidyano/images/Reply.png);
}
.gravatarTable{
width: 100%;
margin-bottom: 12px;
}
.gravatarTable tr:first-child td:first-child {
width: 1px;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
}
.gravatarTable .body {
margin: 0px 0px 0px 12px;
}
.gravatarTable .notificationTarget {
margin-left: 12px;
margin-right: 6px;
}
.gravatarTable .inputBox {
width: 100%;
box-sizing: border-box;
padding: 0px 0px 0px 12px;
}
.gravatarTable textarea {
width: 100%;
height: 340px;
box-sizing: border-box;
}
.questionColumn
{
background-repeat: no-repeat;
background-position: center center;
background-size: 30px 30px;
width: 20px;
height: 30px
}
.questionColumn.isSolution {
background-image: url("http://storage.2sky.be/site/vidyano/images/IsSolutionColumn.png");
}
.hover .questionColumn.isSolution {
background-image: url("http://storage.2sky.be/site/vidyano/images/IsSolutionColumnHover.png");
}
.-vi-WebPage {
overflow: visible !important;
}
.webPage {
line-height: 25px;
margin: 0 8px;
overflow: visible;
}
.webPage a {
color: #008042;
}
.webPage.Welcome {
margin: 0px;
}
.webPage.Welcome .resultHeader {
display: none;
}
.welcomeTop {
text-align: center;
font-size: 24px;
line-height: 60px;
background-image: url(http://storage.2sky.be/site/vidyano/images/welcome_bg3.png);
background-position: 460px 0;
background-repeat: no-repeat;
padding-bottom: 12px;
margin: 12px 0 0 24px;
}
.welcomeTop h1 {
font-variant: small-caps;
font-size: 36px;
font-weight: 400;
color: #333 !important;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
line-height: 50px;
}
.welcomeTop ul {
font-size: 16px;
color: #777;
line-height: 2.2;
padding-left: 12px;
margin: 24px 0 36px 0;
list-style-type: none;
}
.welcomeTop ul li {
padding-left: 24px;
}
.welcomeTop .downloadFree {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALdSURBVEhLpZY9aBRBFMff3KawsLBMEcwHghEsFCwshI2JEMWIChaxtLAIKCgolnuLgpUasbGIiCiIhZiIRfzKZfEEwUZBwSKQBK4IaCVRFC43/t7MJCaXu9wl+cPOzb6ZfV/z3n/OyFpI4q0i0Qkxtl/EdCBp8wsyJ2JLYs1LkYVRSbMfQb4KtQ04xblLYswV3ko8o2LlK9tn3LrYNr7cyWSAZzfvd8VW0lqGVhtI4n1iomdubs1ZSd+Ou3k9JPF+9t9n1sr+09X7o/DrkfQOismNofk5Hh2XtPAlrNRHNluSePs9vtuGuzcl7vwl2fSHsLosAu/5O1KB1xOPgnR9SPp6OK/XRHKSSF6oyEegOVfl6nlauOpkG0E2PSNxR4TbN4jqIdH9zPkVDlRhKxfd76ZQucYwRcqcoyZ4/z2E1ehAW/iQAzUHSOVtUjkcVlYiifeg86PYhV1EQJ1rKTZSrkizMlEOMSvh2i2K4oJfqEKafSIdk2RmMOebiDpvFmk2j2dHmBXXNGLNGH3UTwR0qGuidaApI0ZLvKOFgfZf7NCAfG8hzBphixu9EQwvP5MyOqM2rSKMlMteuATlnWaeVh4PY9vDbAU0Argm0s1FJ1HkJzrDrD58RT1G8ykSPiz5QnWJKzHOEQGs6ImreTRWDqJuhlKO04ZyHSs2h6aUA2OPMo4TAXyulKtc1AjNKk9iUm4OU2lPPdnlD95BcAjBXkrwj5NtBq4K7TwOHNMqYs5loRVhoo0T3SKS3nOMUEnlsr56Ns1mf0vc9ZnDhs+73jtW3AiSuJsUPqFxz0s6+UpF/y+cbHoKqv2LkQeOcnvaixiuhNXGUM9VudgRKP96kKKuGknfABXAQUK5duGMJ641oAfqr0xl2CG6ecQveNS79LnUlc/NIB4VHXE5btH2d6CJqHNXilSL2Dcu52n2LawvobaBRSTxDqVcZUXetNuX/W1x/zbGtRTrRynyD+MBBfBLdhvkAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: right 18px;
padding-right: 36px;
line-height: 24px;
font-size: 38px;
margin-left: 36px;
font-variant: small-caps;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
}
.welcomeTop .downloadFree strong {
font-family: 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
font-weight: 700;
}
.welcomeContest{
margin-left: 0px;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #aaa;
background-image: url(http://storage.2sky.be/site/vidyano/images/contest.png);
background-repeat: no-repeat;
height: 72px;
}
#contest-banner{
display: none;
}
.welcomeContest a{
opacity: 0;
display: block;
line-height: 72px;
}
.welcomeBottom {
margin-left: 0px;
border-style: solid;
border-width: 1px 0 0 0;
border-color: #aaa;
padding: 24px 0px 24px 36px;
}
.welcomeBottomPart {
width: 294px;
box-sizing: border-box;
display: inline-block;
text-align: left;
cursor: pointer;
padding: 0px 12px 0 24px;
color: white;
vertical-align: top;
}
.welcomeBottomPart h1 {
color: #666;
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
display: inline-block;
background-position: right center;
background-repeat: no-repeat;
padding-right: 24px;
}
.welcomeBottomPart h1.twitter {
background-image: url(http://storage.2sky.be/site/vidyano/images/welcome-twitter.png);
}
.welcomeBottomPart h1.blogPost {
background-image: url(http://storage.2sky.be/site/vidyano/images/welcome-rss.png);
}
.welcomeBottomPart h1.demo {
background-image: url(http://storage.2sky.be/site/vidyano/images/welcome-demo.png);
}
.welcomeBottomPart .nav{
background-image: url(http://storage.2sky.be/site/vidyano/images/go_grey.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: 16px 16px;
width: 16px;
height: 16px;
}
.welcomeBottomPart .welcomeBottomContent {
padding-right: 36px;
text-align: justify;
display: block;
color: #666;
}
.welcomeBottomPart:hover {
color: #333;
}
.playDevices{
cursor: pointer;
}
.webPage.GetStarted {
margin: 0;
}
.webPage.GetStarted .options {
height: 40px;
box-sizing: border-box;
vertical-align: bottom;
padding-left: 12px;
border-bottom: 1px solid #BBB;
margin: 0 0 12px -12px;
}
.webPage.GetStarted .options .option{
display: inline-block;
border: 1px solid #BBB;
padding: 6px 12px;
font-size: 14px;
height: 24px;
cursor: pointer;
}
.webPage.GetStarted .options .option.selected {
border-bottom-color: white;
cursor: default;
font-size: 18px;
height: 26px;
}
.webPage.GetStarted .stepByStep {
margin-left: 12px;
font-size: 18px;
font-weight: bold;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
}
.webPage.GetStarted .steps {
margin-left: 12px;
display: none;
}
.webPage.GetStarted .steps.selected {
display: block;
}
.webPage.GetStarted .steps h2.stepTitle {
margin: 12px;
clear: both;
}
.webPage.GetStarted .steps .step {
margin: 0 12px 0 24px;
padding-right: 140px;
padding-bottom: 12px;
float: left;
width: 866px;
text-align: justify;
}
.webPage.GetStarted .steps .step ul {
margin-left: 36px;
}
.webPage.GetStarted .steps .step ul li {
list-style: disc;
padding-left: 12px;
}
.webPage.GetStarted .steps .step .screenshots{
float: right;
padding-left: 24px;
}
.webPage.GetStarted .steps .step a.html5lightbox {
display: inline-block;
}
.webPage.Overview .intro {
color: #555;
font-size: 14px;
text-align: justify;
}
.webPage.CaseStudies p.intro{
margin-bottom: 12px;
color: #555;
}
.webPage.CaseStudies .caseStudy {
color: #555;
}
.webPage.CaseStudies .caseStudy h2 {
margin-right: 6px;
}
.webPage.CaseStudies .caseStudy td {
width: 33%;
}
.webPage.CaseStudies .caseStudy p {
text-align: justify;
margin: 0px 12px 0px 12px;
}
.webPage.CaseStudies .caseStudy h3 {
margin: 6px 0 0 12px;
border: inherit;
color: inherit;
background: inherit;
font-weight: bold;
}
.webPage.CaseStudies .caseStudy ul {
list-style-type: square;
padding-left: 36px;
}
.webPage.Features {
margin-bottom: 24px;
}
.Features table {
margin: 12px 0 0 0;
width: 100%;
box-sizing: border-box;
}
.Features table tbody tr:first-child {
border-bottom: 1px solid #BBB;
}
.Features th:not(:first-child){
width: 125px;
font-weight: 600;
}
.Features th:first-child{
font-weight: 600;
color: #008042;
text-align: left;
font-size: 18px;
}
.Features td:not(:first-child){
text-align: center;
background-color: hsl(0, 0%, 97%);
}
.Features td:not(:first-child):nth-child(even){
background-color: hsl(0, 0%, 96%);
}
.Features td {
padding: 6px 0;
border-bottom: 1px solid #E4E4E4;
height: 24px;
vertical-align: middle;
}
.Features td.backend:after{
content: " ยน";
}
.Features td.indent {
padding: 0 0 0 36px !important;
}
.Features td.indent2 {
padding: 0 0 0 72px !important;
}
.Features td.check {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG8SURBVEhL7ZSxSgNBEIZnL0EsUihYWIhEsbCwsLCwEFciaMDaQkFE0AewUBGE9SrBSvERFBRiZyEiJjkI6ANYWJkIFnkAK41Z/70bY867nJAIIuSDvZt/Dva/nd1ZavPnxPjdOrupPZKDgpziI2dcfsdApVZJ0D7GIsnkGzmlAn8hi9/No+QYJj5iFSchljl2ac1AyR4SsQyiTi9BL6Tf5zl2ad5ASfytdYwo6SWApjWynXtWLkEDJRMYI6wisHaIRJoF0AdkZ89Y1PAbKNmLJV9j3CIe5WwQNZ1GrRUrQ4F0dYNjH34DEbvAcxwjgfgSJsNuvh4lh0joU1aGslt326mw9uE30HTIkcFbjVnVJ6Z83qZ2eQmqkBYLmLzMOoDfwM6ewGSdlaEPE+ZqJsIyx/GrdFpvk32TZxVKsNGc4h1NDcQRTXoJwlG0JtBA3aj7JueAPic7V/8zoYR3cr6Yo6kkyiDMfhiwEjHDseEBmzpHztMr64Y0virypSuYYJPF9yNrmmkWdX9mHUmwD+rR1SW3FPWENFMU0Qbm6OnqCiK+vMKbKYqfb1NTZ9mfwUZ3wGwLuspf2vwLiD4AYhd0Qx3bJyAAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center center;
}
.Features td:first-child {
padding: 0 0 0 12px;
color: #666;
}
.pricing {
}
.pricing table {
margin-left: 12px;
margin-bottom: 12px;
}
.pricing .comparison {
margin-bottom: 36px;
}
.pricing p.explanation {
color: #555;
font-size: 14px;
margin-bottom: 12px;
}
.pricing .free {
color: #b10000;
font-weight: bold;
text-align: center;
}
.pricing .pro {
color: #008042;
font-weight: bold;
text-align: center;
}
.pricing .description {
font-weight: bold;
}
.pricing .version {
font-weight: bold;
width: 150px;
text-align: center;
}
.pricing .price {
font-weight: bold;
font-size: 16px;
padding: 6px 0;
color: #555;
}
.pricing .users {
color: #008042;
font-weight: bold;
}
.pricing .price{
width: 100%;
font-size: 13px;
}
.pricing table{
width: 888px;
vertical-align: top;
}
.pricing table td {
vertical-align: top;
}
.pricing table td.buy {
vertical-align: top;
text-align: center;
}
.pricing .price .token {
font-weight: bold;
font-size: 16px;
text-align: left;
color: #008042;
}
.pricing button {
min-width: 120px;
margin-right: 10px;
}
.pricing button .ui-button-text {
font-size: 20px;
}
.topicContainer {
margin: 12px 0 0 12px;
line-height: 25px;
}
.topic {
display: block;
margin-bottom: 6px;
padding: 4px;
}
.topic:hover {
background-color: #eee;
}
.topic .topicTitle {
font-size: 18px;
font-weight: bold;
color: #008042;
}
.topic .topicDescription {
color: #333;
padding: 0px 0px 0px 8px;
}
.documentation {
margin: 0px 0px 12px 0px;
text-align: justify;
line-height: 25px;
}
.documentation .navigation{
font-size: 14px;
}
.documentation .title {
font-variant: small-caps;
text-transform: lowercase;
font-size: 36px;
font-weight: 400;
color: #333 !important;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Arial, Helvetica;
line-height: 50px;
padding-bottom: 12px;
}
.documentation .targetButtons{
float: right;
margin-right: 12px;
font-size: 16px;
text-transform: uppercase;
font-variant: small-caps;
padding-top: 6px;
}
.documentation .targetButtons button {
background-color: inherit;
text-transform: uppercase;
font-variant: small-caps;
cursor: pointer;
color: #008042;
margin-left: 6px;
}
.documentation .targetButtons button.selected {
color: inherit;
cursor: inherit;
font-weight: bold;
}
.documentation .targetButtons button:first-child {
margin-right: 6px;
}
.documentation ul {
font-size: 12px;
line-height: 26px;
text-transform: uppercase;
margin-right: 10px;
}
.documentation ul li.current a {
color: #333;
}
.documentation ul li.current ul a {
color: #888;
}
.documentation ul li a {
color: #888;
}
.documentation ul li a:hover {
color: #008042;
}
.documentation ul li ul {
padding-left: 10px;
text-transform: none;
}
.documentation .html {
margin-right: 12px;
padding-left: 12px;
}
.documentation .html h1 {
font-size: 16px;
background-color: transparent;
border: solid 0px transparent;
margin: 0 0 12px 0;
padding: 0px;
font-weight: 700;
color: #008042;
}
.documentation .html h2 {
margin-left: -12px;
}
.documentation .html h3 {
font-size: inherit;
background-color: transparent;
border: solid 0px transparent;
margin: 0;
padding: 0px;
font-weight: 700;
color: #030;
text-transform: none;
line-height: 40px;
}
.documentation .html h4{
color: #008042;
font-weight: bold;
}
.documentation .html ul {
list-style-type: disc;
padding: 0 0 0 40px;
margin: 1em 0;
font-size: 100%;
line-height: 20px;
text-transform: none;
}
.documentation .html ul li ul {
margin: 0px;
}
.documentation .html img {
max-width: 700px;
}
.documentation .html pre {
background-color: #ECECEC !important;
border: dashed .1em #030 !important;
font-family: Consolas, "Courier New",Courier,Monospace !important;
margin-top: 0;
padding: .5em;
height: auto;
overflow: auto;
width: 100% !important;
box-sizing: border-box;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.documentation .html a {
color: #008042;
}
.documentation .html a:hover {
color: #333333;
border-bottom: 0px;
}
.documentation b {
font-weight: bold;
}
.documentation i {
font-style: italic;
}
.documentation .html table th {
background-color: #008042;
color: white;
white-space: nowrap;
font-weight: 600;
}
.documentation .html table td, .documentation .html table th {
padding: 2px;
padding-right: 24px;
}
.documentation .html table td:first-child {
white-space: nowrap;
}
.documentation .html table tr:nth-child(even) {
background: #EEE;
}
.documentation .comparisonTable table tr:first-child > th:not(:first-child) {
background-color: #008042;
color: white;
text-align: center;
width: 128px;
white-space: nowrap;
font-weight: 600;
}
.documentation .comparisonTable table tr:first-child > th:first-child {
background-color: white;
}
.documentation .comparisonTable table td:not(:first-child) {
text-align: center;
}
.documentation .comparisonTable table tr:not(:first-child) td:first-child {
background-color: #008042;
color: white;
padding-right: 24px;
}
.payPal {
background-position: top left;
background-repeat: no-repeat;
padding: 0px 0px 0px 76px;
height: 400px;
font-size: 36px;
margin-top: 24px;
}
.payPal.success {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQySURBVHhe7ZpbSBVBGMe/1KQiKszAh5IuIhIKEQgGdrGSCooSC4tuBEVkBEZoRdGxCxRF1ENIUlERIWJl0kXCogtFUlE9hFZEkfggeigTM4uu/+1bEtqzO7Nnzp7dPf5e5oJ6zv8/M998M+MAKp/5i2KYOC5jFo8ZMIBLdXjMAPWrVYEB6kflfyL3GQoMcCKGWn2GfYN8EgR1g+QHwycG6MjPBB8YEN4S9IEB4QVIGwY4EfWdw4YBTkR955AwwF8jryNhgL9GXscHQTA8PH0cnj1+Mm3MXkSTUiZQa1eQ6l49oKONF+n7zx/8E9YYGIC17n5P9s9aS9tyl3HrH8/b3tCUU5uo9/s37jHHYAm4X/zevDWG4sGklDQKTF/FLWs8FwNKcgpp57QV3DJmaWYe16zxlAEQf2ROMbdCM3ZECtes8YwBiydOExIPXrS/45o1njAA4qsKd3LLmlPP6rlmjesNmJuWrYlPiIvnHnPut7ygY48uc8saVxuQm5pJNUsCwuIbW5to3vltgnnA39TetQZAfP3yAzQ0cTD3mPMy2EIF1QHq/vaFe6z4u9270oCM5FSqLdojJT7v7BZq6/7APeK4zgCIv736MCUPGc495rR2ddgWD1xlwOhhozTxKUOTuMcciM4/V2ZbPHCNARDdsPKglHiMPKZ/ONgyAFFZdIqKANEYeUx/ERDoMPLhigdSBiAonV5YRh+31lFH6SX6sqNeO5iIBisj8Lu1RbulxGOrk8n2zBC+DxiUkEjP1lcaflG7URjisdVhyxNBF49kRxXCMwDpaKhR0iO36PoFWEbY6kTFI7lZdnGfUvFA2IDlWbO5ZoyMCRCP9BY3OiLo4q++buQedQgbkJE8hmuhETFBF48ZJYIu/kLTPe5Ri7ABoldMViYcyl8vLB5svlERMfFA2IDG1mauWQMTHq+r0Mq+4DyPSw1RIF7mZGcHYQMOP6yROGj8y+p0E8pnrJYSX9pQqd3wRpp4mjGunOumtH/upObge5qfnkOJ8QO51xxsc5juSJqs7vH6AuGBO2e4FVmk3wX0M7rMlicDxGPqO4XwEtDBPqwiBzfi5NPrjooHBgZYP4JC/NTTJUqTEkT6DdeOcss5DAwQWxHBnk9/DiSlSrYo/A3s9TJPWqroEwTln7/xhWua7mrnhNzULO6V4+bbp1RQvSsq4kGfGWD/SWz7rZPa9JUVgSUUTfFAOgiG4viTK5oY0VwB4nGyk8ktIoEyAwAOKwiOVsdiBNEFVTuiLh4oNQDgeTr7RLFWGoGLDGyjnb3d3BNdBDJBxAa5ANn1tUd7nuro6aT0kaMpafAwbVZgny+6sNc14kGITNAb/yShghBLIDbEA5MYENMzAMgnRl5E+S7gNXxsgNgM9rEBYjGsfwlwGbP0G8BlzNJvAJcxS4QNcH82GWED3H6eIPoN+Q2AOyqlVnMAAAAASUVORK5CYII=);
}
.payPal.error {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVbSURBVHhe7Zp/SJZXFMdPZmLDDWsyXJMhS0zIP9StZVCQLFmyxPxDSsYg+0H9kVB/RPRHMBCJKCgoiCHDwmIMExoKJjoKrLAgkIgpS0WGazLEZMpm4Wx+H86d9naf97nnPs+jwvN+4OV57zXoOd977jnn3vOu+JboNUWYJH5GloQA/IwsCQH4GVkSAvAzsiQE4GdkWbRKcG1ODuXt3k1r1q+ntMzM/z/g77ExmhoddT4vBgdp4PZtGu3tdf4WNqEK8EF+Pm3cs4dyd+2izIICnjVjfGCA+m/dor6WFhrp6eHZ4AlFAKx2SV0d5e/dyzP+gEf8fOpUKF4RqADvZGQ4hhcdPEhJyck8GxxPrl+nO6dP08TwMM/4JzAB4OLVra30XlYWz4TD9MQENVdV0VBXF8/4I5AsAFev6e4O3XiQmp5OX7e3U/GxYzzjj5XbieacwB68SHlDA61MSeGZ8FmRlEQ5O3c6Ygx2dPCsHb4EwMrD+KUiq7iY/n35kn67d49n5FhvAez5pTRegaALb7DFSgBEewS8lLQ0npkHqapx2zaqX72a6latou8KC2n47l3+qzmvpqac1HejrIyaSkup88QJJwDGgmxT1dzspF4brLLAV1eu0GdHjvBoHhjfsGkTzc7M8Mw8X164YBy4xvr7HcNj0x2CLIJtenY2z8zza1sb/VBeziNzxB4ApZHndbTX1mqNBx3Hj1PPxYs8cgfGXysp0eb6v0ZG6KeaGh69CarN7O1zEU2IWADsOV2RMzM97RmMvERQxuNM4Aa2E84OOvBuUkQCoLZ3K28hgAluIpgYr3CrBD/eutXxBAkiAXCwcQM5OSMvj0fxiRVBYjy8DwvhRrx31CESwEvd0nPn+Js3SgSJ8QCBNDk1lUdvg5QoOYcYZwEEv9pnz3jkDtLVg/PneeQNPEeX3nTAxb/p7IwrAEDaND0rGHsALjNMgBdI6nSJ8TgDeBkPNlRU8DdvjAXATY4pkpxvgjJeV3jpkBRFxgKo6ytTghJBajyQvGtoAgC/ItgYD5aNAMBWBFvjQSgC+Lni+vTwYaPgtZDCAwesjJdiLIBpno5F5XnTSlHReugQ/XLzJo9kuJXKOkIVQFrkLASHqpbqaisRJP9faAL4MV5hK0IoAqBjY0oQxitsREBTxRRjAdCcMCFI4xVSESQXpcYC4LbHS1kEuh8rK42NR6r7/OhRHsVHieDVHcJVmuliAWMBAHp18Xh0+bLjASaoPF926ZJxnQARuuvreaQHxksyjkgANCrj8fvDh/wtPrFFjqRY8vIAr3eMRSQAurR+W1JuFZ6pCDg+u/Hn06fijCESAOC878ZHmzfzNz1e5a2JCPEuZdA4xTaRIO4MIcDh6kt3LfVhUZHjgrpKzMt4BW503Lo9aMZUNDZqy3L8+66TJ3lkjlVr7I/Hj6lg37636nu8GC5Oxvr63sgYiPR4cdPa/pMdO5wrbtQe/4yP0/u5uVS4fz9VNjVpzxRYdXSMJ58/5xlzrNvjeEmsqNshCTc9EAHeYmq4LegV9F69yiMZVh4AXgwN0avJSde+HFbq3XXrQu8a42L1/tmzPJJjLQBAVkBURpd2KUDEb5s7ar+eneUZOb4EACg7EbSwZ9G3Xyyw8jBeGvVjCewnMtgK6NKGvd9hMO4KbPd8LIEtGUpQtMIldbgUpLrvt2wJzHgQmAcsBNvhizNnAosNqPBQ5HidRWwIRQAFqjb06rA98KMKCepUh8IKwc7vXncjVAEUqBXgFejYoGmBW1v1AQt/KovaAYFVeqqzZVEEWM4sXt5apiQE4GdkSQjAz8iSEICfkSUhAD8jCtF/TOZ6JiCKa80AAAAASUVORK5CYII=);
}
.payPal p {
font-size: 18px;
margin-left: 12px;
}
.payPal p a, .payPal p a:hover, .payPal p a:visited {
color: #008042;
font-weight: bold;
}
.signIn {
text-align: center;
margin-top: 50px;
line-height: 24px;
}
.signIn .windowsLiveId {
margin-top: 12px;
background-image: url(data:image/png;base64,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);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 60px;
cursor: pointer;
}
.howitworks{
}
.howitworks h1 {
font-size: 28px;
line-height: 50px;
color: #008042;
}
.howitworks .numbers {
width: 100%;
margin: 12px auto 0 auto;
}
.howitworks .numbers td {
width: 25%;
}
.howitworks .numbers .number{
margin: 0 24px;
background-position: top center;
background-repeat: no-repeat;
text-align: center;
padding-top: 100px;
font-weight: bold;
cursor: pointer;
}
.howitworks .numbers .number.n1{
background-image: url(http://storage.2sky.be/site/vidyano/images/howitworks/1.png);
}
.howitworks .numbers .number.n2{
background-image: url(http://storage.2sky.be/site/vidyano/images/howitworks/2.png);
}
.howitworks .numbers .number.n3{
background-image: url(http://storage.2sky.be/site/vidyano/images/howitworks/3.png);
}
.howitworks .numbers .number.n4{
background-image: url(http://storage.2sky.be/site/vidyano/images/howitworks/4.png);
}
.howitworks h2{
margin-top: 24px;
}
.howitworks img {
margin-left: 14px;
margin-top: 12px;
display: inline-block;
}
.howitworks .description{
width: 440px;
display: inline-block;
text-align: justify;
margin-top: 12px;
margin-left: 14px;
vertical-align: top;
color: #555;
}
.howitworks p:not(:first-child) {
margin-top: 12px;
}
.resultContent.-vi-BlogPost {
padding-bottom: 12px;
}
.resultContent.-vi-BlogPost ul {
list-style-type: none;
}
.resultContent.-vi-BlogPost a.html5lightbox {
display: inline-block;
margin-right: 12px;
}
.content-list {
line-height: inherit !important;
}
.content-item {
margin: 0 0 0 8px;
padding: 0 0 24px 48px;
background-image: url(http://storage.2sky.be/site/vidyano/images/Post.png);
background-repeat: no-repeat;
background-position: top left;
}
.post-name {
font-size: 24px;
font-weight: bold;
margin: 0 0 8px 0;
line-height: 32px;
vertical-align: center;
}
.post-name a, .post-name a:visited {
color: #008042;
}
.post-date {
font-size: 12px;
margin: 2px;
color: #888888;
}
.post-summary {
min-height: 16px;
margin: 2px 12px 2px 2px;
overflow: hidden;
line-height: normal;
padding-left: 0 !important;
text-align: justify;
}
.webPage.Videos img {
cursor: pointer;
margin: 0 0 12px 56px;
width: 400px;
display: inline-block;
}
.webPage.Videos .related{
display: inline-block;
vertical-align: top;
margin-left: 24px;
}
.webPage.Videos .related .relatedTitle{
font-weight: bold;
}
.webPage.Videos .related iframe{
margin: 6px 0 0 0;
height: 21px !important;
}
.webPage.Videos .related .iframe{
margin: 6px 0 0 0;
height: 21px !important;
}
.webPage.Videos iframe:not(:first-child){
margin-right: 6px;
}
.webPage.Videos .documentation a:not(:last-child):after{
content: ", ";
}
.webPage.Videos iframe {
margin: 0px 12px 12px 24px;
}
.webPage.Videos .videoTitle{
margin-left: 12px;
font-weight: bold;
}
.webPage.Videos .videoDescription{
margin-left: 12px;
font-size: 12px;
line-height: 14px;
margin-bottom: 12px;
}
.webPage.Videos .intro{
line-height: 30px;
font-size: 15px;
margin-bottom: 12px;
}
.webPage.Videos .videoHeader {
background-image: url(http://storage.2sky.be/site/vidyano/images/video.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 32px;
margin-left: 12px;
}
.webPage.Videos .videoHeader p {
line-height: 17px;
}
.webPage.Videos .videoHeader p:first-child {
color: #008042;
}
.webPage.Downloads .downloads{
margin-bottom: 24px;
text-align: left;
}
.webPage.Downloads .type {
color: #008042;
}
.webPage.Downloads .download{
background-image: url(http://storage.2sky.be/site/vidyano/images/Download.png);
background-repeat: no-repeat;
background-position: 8px center;
padding: 12px 12px 12px 48px;
line-height: 16px;
font-weight: bold;
height: 32px;
display: inline-block;
color: #333;
font-size: 14px;
}
.webPage.Downloads .download.vsix {
background-image: url(http://storage.2sky.be/site/vidyano/images/vsix.png);
}
.webPage.Downloads .download.zip {
background-image: url(http://storage.2sky.be/site/vidyano/images/zip.png);
}
.webPage.Downloads .download p {
font-weight: normal;
color: #666;
font-size: 12px;
line-height: 17px;
}
.webPage.Downloads .requirements {
margin-left: 60px;
font-size: 16px;
margin-bottom: 24px;
line-height: 1.8em;
}
.webPage.Downloads .requirements ul{
padding-left: 36px;
font-size: 12px;
list-style: disc;
}
.webPage.Downloads .requirements ul li{
padding-left: 12px;
}
#disqus_thread a{
color: #008042;
}
#html5-text{
line-height: 32px;
}
.-vi-WebPage .Contest {
font-size: 16px;
}
.-vi-WebPage .Contest .intro{
padding-right: 480px;
text-align: justify;
height: 325px;
background-image: url(http://storage.2sky.be/site/vidyano/images/surfacert.png);
background-repeat: no-repeat;
background-position: right top;
}
.-vi-WebPage .Contest sup{
vertical-align: super;
font-size: smaller;
}
.-vi-WebPage .Contest .prices {
padding-left: 24px;
}
.-vi-WebPage .Contest .prices .price {
width: 60px;
display: inline-block;
line-height: 2em;
}
.-vi-WebPage .Contest .entries {
padding-left: 24px;
}
.-vi-Question .html{
text-align: left;
}
html {
overflow: auto;
}
ul {
list-style-type: disc; margin-left: 20px;
}
.persistenObjectAttributeSectionColumn {
display: inline-block;
vertical-align: top;
float: none;
}
#rootContainer {
position: static;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 950px;
margin: 0 auto;
background-color: white;
-moz-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.4);
-webkit-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-style: solid;
border-bottom-color: white;
min-height: 400px;
max-height: none;
}
#content {
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
background-color: white;
background-color: transparent;
}
.resultPanel .resultActionsContainer {
height: 76px;
position: static;
}
.resultPanel .resultHeader
{
height: 62px;
padding: 0 24px 0 24px;
}
.resultPanel .resultHeader .resultTitle
{
font-variant: small-caps;
text-transform:lowercase;
font-size: 36px;
font-weight: 400;
color: #333 !important;
font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Sans Unicode', Verdana, Arial, Helvetica;
}
.resultPanel .resultContentContainer {
position: static;
margin: 0px 12px 12px 24px;
}
.resultPanel .resultActionsContainer .resultActions {
background-color: transparent;
}
.resultPanel.persistentObject .persistentObjectNavigationContainer {
position: static;
margin-bottom: 12px;
}
.resultContent .persistenObjectAttributeSection {
margin-bottom: 24px;
}
footer {
position: static;
bottom: auto;
height: auto;
clear: both;
margin: 24px auto;
}
#FooterOne, #FooterTwo, #FooterTree {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 950px;
text-align: center;
}
#FooterOne {
padding-top: 6px;
}
#FooterTwo {
color: #888888;
line-height: 20px;
height: 20px;
}
#FooterTwo a {
color: inherit;
}
#FooterTwo p {
display: inline-block;
vertical-align: top;
}
#FooterTwo img {
margin-top: 3px;
}
#FooterTree {
color: #AAAAAA;
line-height: 20px;
height: 20px;
text-align: center;
margin-top: 0px;
}