/* * jQuery UI CSS Framework 1.8.11 * * 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 ----------------------------------*/ .simpleAutoCompleteBehavior .ui-helper-hidden { display: none; } .simpleAutoCompleteBehavior .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .simpleAutoCompleteBehavior .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .simpleAutoCompleteBehavior .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .simpleAutoCompleteBehavior .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .simpleAutoCompleteBehavior .ui-helper-clearfix { display:block; } /* end clearfix */ .simpleAutoCompleteBehavior .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .simpleAutoCompleteBehavior .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .simpleAutoCompleteBehavior .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .simpleAutoCompleteBehavior .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.11 * * 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=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .simpleAutoCompleteBehavior .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .simpleAutoCompleteBehavior .ui-widget .ui-widget { font-size: 1em; } .simpleAutoCompleteBehavior .ui-widget input, .simpleAutoCompleteBehavior .ui-widget select, .simpleAutoCompleteBehavior .ui-widget textarea, .simpleAutoCompleteBehavior .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .simpleAutoCompleteBehavior .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .simpleAutoCompleteBehavior .ui-widget-content a { color: #222222; } .simpleAutoCompleteBehavior .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .simpleAutoCompleteBehavior .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .simpleAutoCompleteBehavior .ui-state-default, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-default, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .simpleAutoCompleteBehavior .ui-state-default a, .simpleAutoCompleteBehavior .ui-state-default a:link, .simpleAutoCompleteBehavior .ui-state-default a:visited { color: #555555; text-decoration: none; } .simpleAutoCompleteBehavior .ui-state-hover, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-hover, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-hover, .simpleAutoCompleteBehavior .ui-state-focus, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-focus, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .simpleAutoCompleteBehavior .ui-state-hover a, .simpleAutoCompleteBehavior .ui-state-hover a:hover { color: #212121; text-decoration: none; } .simpleAutoCompleteBehavior .ui-state-active, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-active, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .simpleAutoCompleteBehavior .ui-state-active a, .simpleAutoCompleteBehavior .ui-state-active a:link, .simpleAutoCompleteBehavior .ui-state-active a:visited { color: #212121; text-decoration: none; } .simpleAutoCompleteBehavior .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .simpleAutoCompleteBehavior .ui-state-highlight, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-highlight, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .simpleAutoCompleteBehavior .ui-state-highlight a, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .simpleAutoCompleteBehavior .ui-state-error, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-error, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .simpleAutoCompleteBehavior .ui-state-error a, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-error a, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-error a { color: #cd0a0a; } .simpleAutoCompleteBehavior .ui-state-error-text, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-error-text, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .simpleAutoCompleteBehavior .ui-priority-primary, .simpleAutoCompleteBehavior .ui-widget-content .ui-priority-primary, .simpleAutoCompleteBehavior .ui-widget-header .ui-priority-primary { font-weight: bold; } .simpleAutoCompleteBehavior .ui-priority-secondary, .simpleAutoCompleteBehavior .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .simpleAutoCompleteBehavior .ui-state-disabled, .simpleAutoCompleteBehavior .ui-widget-content .ui-state-disabled, .simpleAutoCompleteBehavior .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .simpleAutoCompleteBehavior .ui-icon { width: 16px; height: 16px; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_222222_256x240.png); } .simpleAutoCompleteBehavior .ui-widget-content .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_222222_256x240.png); } .simpleAutoCompleteBehavior .ui-widget-header .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_222222_256x240.png); } .simpleAutoCompleteBehavior .ui-state-default .ui-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_888888_256x240.png); } .simpleAutoCompleteBehavior .ui-state-hover .ui-icon, .simpleAutoCompleteBehavior .ui-state-focus .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_454545_256x240.png); } .simpleAutoCompleteBehavior .ui-state-active .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_454545_256x240.png); } .simpleAutoCompleteBehavior .ui-state-highlight .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_2e83ff_256x240.png); } .simpleAutoCompleteBehavior .ui-state-error .ui-icon, .simpleAutoCompleteBehavior .ui-state-error-text .ui-icon {background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-icons_cd0a0a_256x240.png); } /* positioning */ .simpleAutoCompleteBehavior .ui-icon-carat-1-n { background-position: 0 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-ne { background-position: -16px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-e { background-position: -32px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-se { background-position: -48px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-s { background-position: -64px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-sw { background-position: -80px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-w { background-position: -96px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-1-nw { background-position: -112px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-2-n-s { background-position: -128px 0; } .simpleAutoCompleteBehavior .ui-icon-carat-2-e-w { background-position: -144px 0; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-n { background-position: 0 -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-ne { background-position: -16px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-e { background-position: -32px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-se { background-position: -48px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-s { background-position: -64px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-sw { background-position: -80px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-w { background-position: -96px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-1-nw { background-position: -112px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .simpleAutoCompleteBehavior .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-n { background-position: 0 -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-ne { background-position: -16px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-e { background-position: -32px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-se { background-position: -48px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-s { background-position: -64px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-sw { background-position: -80px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-w { background-position: -96px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-1-nw { background-position: -112px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .simpleAutoCompleteBehavior .ui-icon-arrow-4 { background-position: 0 -80px; } .simpleAutoCompleteBehavior .ui-icon-arrow-4-diag { background-position: -16px -80px; } .simpleAutoCompleteBehavior .ui-icon-extlink { background-position: -32px -80px; } .simpleAutoCompleteBehavior .ui-icon-newwin { background-position: -48px -80px; } .simpleAutoCompleteBehavior .ui-icon-refresh { background-position: -64px -80px; } .simpleAutoCompleteBehavior .ui-icon-shuffle { background-position: -80px -80px; } .simpleAutoCompleteBehavior .ui-icon-transfer-e-w { background-position: -96px -80px; } .simpleAutoCompleteBehavior .ui-icon-transferthick-e-w { background-position: -112px -80px; } .simpleAutoCompleteBehavior .ui-icon-folder-collapsed { background-position: 0 -96px; } .simpleAutoCompleteBehavior .ui-icon-folder-open { background-position: -16px -96px; } .simpleAutoCompleteBehavior .ui-icon-document { background-position: -32px -96px; } .simpleAutoCompleteBehavior .ui-icon-document-b { background-position: -48px -96px; } .simpleAutoCompleteBehavior .ui-icon-note { background-position: -64px -96px; } .simpleAutoCompleteBehavior .ui-icon-mail-closed { background-position: -80px -96px; } .simpleAutoCompleteBehavior .ui-icon-mail-open { background-position: -96px -96px; } .simpleAutoCompleteBehavior .ui-icon-suitcase { background-position: -112px -96px; } .simpleAutoCompleteBehavior .ui-icon-comment { background-position: -128px -96px; } .simpleAutoCompleteBehavior .ui-icon-person { background-position: -144px -96px; } .simpleAutoCompleteBehavior .ui-icon-print { background-position: -160px -96px; } .simpleAutoCompleteBehavior .ui-icon-trash { background-position: -176px -96px; } .simpleAutoCompleteBehavior .ui-icon-locked { background-position: -192px -96px; } .simpleAutoCompleteBehavior .ui-icon-unlocked { background-position: -208px -96px; } .simpleAutoCompleteBehavior .ui-icon-bookmark { background-position: -224px -96px; } .simpleAutoCompleteBehavior .ui-icon-tag { background-position: -240px -96px; } .simpleAutoCompleteBehavior .ui-icon-home { background-position: 0 -112px; } .simpleAutoCompleteBehavior .ui-icon-flag { background-position: -16px -112px; } .simpleAutoCompleteBehavior .ui-icon-calendar { background-position: -32px -112px; } .simpleAutoCompleteBehavior .ui-icon-cart { background-position: -48px -112px; } .simpleAutoCompleteBehavior .ui-icon-pencil { background-position: -64px -112px; } .simpleAutoCompleteBehavior .ui-icon-clock { background-position: -80px -112px; } .simpleAutoCompleteBehavior .ui-icon-disk { background-position: -96px -112px; } .simpleAutoCompleteBehavior .ui-icon-calculator { background-position: -112px -112px; } .simpleAutoCompleteBehavior .ui-icon-zoomin { background-position: -128px -112px; } .simpleAutoCompleteBehavior .ui-icon-zoomout { background-position: -144px -112px; } .simpleAutoCompleteBehavior .ui-icon-search { background-position: -160px -112px; } .simpleAutoCompleteBehavior .ui-icon-wrench { background-position: -176px -112px; } .simpleAutoCompleteBehavior .ui-icon-gear { background-position: -192px -112px; } .simpleAutoCompleteBehavior .ui-icon-heart { background-position: -208px -112px; } .simpleAutoCompleteBehavior .ui-icon-star { background-position: -224px -112px; } .simpleAutoCompleteBehavior .ui-icon-link { background-position: -240px -112px; } .simpleAutoCompleteBehavior .ui-icon-cancel { background-position: 0 -128px; } .simpleAutoCompleteBehavior .ui-icon-plus { background-position: -16px -128px; } .simpleAutoCompleteBehavior .ui-icon-plusthick { background-position: -32px -128px; } .simpleAutoCompleteBehavior .ui-icon-minus { background-position: -48px -128px; } .simpleAutoCompleteBehavior .ui-icon-minusthick { background-position: -64px -128px; } .simpleAutoCompleteBehavior .ui-icon-close { background-position: -80px -128px; } .simpleAutoCompleteBehavior .ui-icon-closethick { background-position: -96px -128px; } .simpleAutoCompleteBehavior .ui-icon-key { background-position: -112px -128px; } .simpleAutoCompleteBehavior .ui-icon-lightbulb { background-position: -128px -128px; } .simpleAutoCompleteBehavior .ui-icon-scissors { background-position: -144px -128px; } .simpleAutoCompleteBehavior .ui-icon-clipboard { background-position: -160px -128px; } .simpleAutoCompleteBehavior .ui-icon-copy { background-position: -176px -128px; } .simpleAutoCompleteBehavior .ui-icon-contact { background-position: -192px -128px; } .simpleAutoCompleteBehavior .ui-icon-image { background-position: -208px -128px; } .simpleAutoCompleteBehavior .ui-icon-video { background-position: -224px -128px; } .simpleAutoCompleteBehavior .ui-icon-script { background-position: -240px -128px; } .simpleAutoCompleteBehavior .ui-icon-alert { background-position: 0 -144px; } .simpleAutoCompleteBehavior .ui-icon-info { background-position: -16px -144px; } .simpleAutoCompleteBehavior .ui-icon-notice { background-position: -32px -144px; } .simpleAutoCompleteBehavior .ui-icon-help { background-position: -48px -144px; } .simpleAutoCompleteBehavior .ui-icon-check { background-position: -64px -144px; } .simpleAutoCompleteBehavior .ui-icon-bullet { background-position: -80px -144px; } .simpleAutoCompleteBehavior .ui-icon-radio-off { background-position: -96px -144px; } .simpleAutoCompleteBehavior .ui-icon-radio-on { background-position: -112px -144px; } .simpleAutoCompleteBehavior .ui-icon-pin-w { background-position: -128px -144px; } .simpleAutoCompleteBehavior .ui-icon-pin-s { background-position: -144px -144px; } .simpleAutoCompleteBehavior .ui-icon-play { background-position: 0 -160px; } .simpleAutoCompleteBehavior .ui-icon-pause { background-position: -16px -160px; } .simpleAutoCompleteBehavior .ui-icon-seek-next { background-position: -32px -160px; } .simpleAutoCompleteBehavior .ui-icon-seek-prev { background-position: -48px -160px; } .simpleAutoCompleteBehavior .ui-icon-seek-end { background-position: -64px -160px; } .simpleAutoCompleteBehavior .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .simpleAutoCompleteBehavior .ui-icon-seek-first { background-position: -80px -160px; } .simpleAutoCompleteBehavior .ui-icon-stop { background-position: -96px -160px; } .simpleAutoCompleteBehavior .ui-icon-eject { background-position: -112px -160px; } .simpleAutoCompleteBehavior .ui-icon-volume-off { background-position: -128px -160px; } .simpleAutoCompleteBehavior .ui-icon-volume-on { background-position: -144px -160px; } .simpleAutoCompleteBehavior .ui-icon-power { background-position: 0 -176px; } .simpleAutoCompleteBehavior .ui-icon-signal-diag { background-position: -16px -176px; } .simpleAutoCompleteBehavior .ui-icon-signal { background-position: -32px -176px; } .simpleAutoCompleteBehavior .ui-icon-battery-0 { background-position: -48px -176px; } .simpleAutoCompleteBehavior .ui-icon-battery-1 { background-position: -64px -176px; } .simpleAutoCompleteBehavior .ui-icon-battery-2 { background-position: -80px -176px; } .simpleAutoCompleteBehavior .ui-icon-battery-3 { background-position: -96px -176px; } .simpleAutoCompleteBehavior .ui-icon-circle-plus { background-position: 0 -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-minus { background-position: -16px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-close { background-position: -32px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-triangle-e { background-position: -48px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-triangle-s { background-position: -64px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-triangle-w { background-position: -80px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-triangle-n { background-position: -96px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-arrow-e { background-position: -112px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-arrow-s { background-position: -128px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-arrow-w { background-position: -144px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-arrow-n { background-position: -160px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-zoomin { background-position: -176px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-zoomout { background-position: -192px -192px; } .simpleAutoCompleteBehavior .ui-icon-circle-check { background-position: -208px -192px; } .simpleAutoCompleteBehavior .ui-icon-circlesmall-plus { background-position: 0 -208px; } .simpleAutoCompleteBehavior .ui-icon-circlesmall-minus { background-position: -16px -208px; } .simpleAutoCompleteBehavior .ui-icon-circlesmall-close { background-position: -32px -208px; } .simpleAutoCompleteBehavior .ui-icon-squaresmall-plus { background-position: -48px -208px; } .simpleAutoCompleteBehavior .ui-icon-squaresmall-minus { background-position: -64px -208px; } .simpleAutoCompleteBehavior .ui-icon-squaresmall-close { background-position: -80px -208px; } .simpleAutoCompleteBehavior .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .simpleAutoCompleteBehavior .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .simpleAutoCompleteBehavior .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .simpleAutoCompleteBehavior .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .simpleAutoCompleteBehavior .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .simpleAutoCompleteBehavior .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .simpleAutoCompleteBehavior .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-top { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-bottom { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-right { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-left { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; } .simpleAutoCompleteBehavior .ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* Overlays */ .simpleAutoCompleteBehavior .ui-widget-overlay { background: #aaaaaa url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .simpleAutoCompleteBehavior .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/autocomplete/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Autocomplete 1.8.11 * * 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 */ .simpleAutoCompleteBehavior .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.11 * * 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 */ .simpleAutoCompleteBehavior .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .simpleAutoCompleteBehavior .ui-menu .ui-menu { margin-top: -3px; } .simpleAutoCompleteBehavior .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .simpleAutoCompleteBehavior .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .simpleAutoCompleteBehavior .ui-menu .ui-menu-item a.ui-state-hover, .simpleAutoCompleteBehavior .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } body { background-color: #ffffff; margin: 0; } body { font-family: Verdana, Arial, sans-serif; font-size: 68.75%; line-height: 1.455em; color: #000; } input.searchSubmitButton { top: 40px; left: 100px; } div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } em { font-style: italic !important; } table { border-collapse: collapse; border-spacing: 0; margin: 0px !important; /*To override polopoly css*/ } table .unit { color: gray; } a,a:link,a:visited,a:active,a:hover,a:focus { font-weight: bold; color: #000000; } p { padding: 5px; } input { margin: 5px; } /* * Main header styles */ .mainHeader { height: 55px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/pp-header_bg.png) repeat-x; } .mainHeader .mainLogo { float: left; font-size: 20px; padding: 0px 0px 0px 74px; height: 42px; margin: 13px 0px 0px 5px; background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/smhi-logo_white.png) no-repeat scroll 0 0; } .mainHeader .packLogo { margin: 10px 0px 0px 10px; } .mainHeader .mainTitle { color: #FFFFFF; font-size: 17px; padding: 12px 0 0 8px; text-transform: uppercase; font-family: Verdana, Arial, sans-serif; font-weight: bold; } .mainHeader .menuDropDown { position: relative; top: 7px; left: 8px; } .headerToolbar { float: right; padding: 10px 0px 0px 0px; color: #ccc; width: 250px; } .headerToolbar a,.headerToolbar a:link,.headerToolbar a:visited,.headerToolbar a:active,.headerToolbar a:hover,.headerToolbar a:focus { color: #ccc; } .languageListItem { padding: 0 0 2px 0; vertical-align: top; } .languageList { padding: 13px 10px 0 0; float: left; height: 25px; width: 60px; border-right: 1px solid #999; margin-right: 10px; } /* * Modal window */ /* Explorer bug fix */ .modal_content { height: 100%; cursor: default; position: relative; overflow: auto; } /* * AjaxIndicator */ #ajaxIndicator { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; z-index: 99000; } #ajaxIndicator img { display: inline-block; position: absolute; margin-top: -25px; margin-left: -25px; top: 50%; left: 50%; z-index: 99001; } #ajaxIndicator img:hover { transparent: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/loading_hover.gif) no-repeat scroll 0 0; z-index: 99002; } /* * Login styles */ .loginForm { padding: 15px; } /* * Tabpanel .tabpanel { margin-top: 10px; } */ .searchListPanel { padding: 10px 5px 0px 5px; } /* * Userlist styles */ .image-button { float: none; margin-top: 5px; } .userlist-filter-left { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_left.png) no-repeat scroll 0 0; display: inline; padding: 5px 0px 4px; } .userlist-filter-center { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_center.png) repeat-x scroll 0 0; display: inline; margin: 0px 0px 0px 22px; padding: 5px 0px 4px; } .userlist-filter-right { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_right.png) no-repeat scroll 100% 0; display: inline; padding: 5px 0px 4px; } .userlist-filter { background: transparent; width: 220px; height: 18px; border: none; padding: 5px 0px 2px; } /* * MCC styles START */ .mccSubStep { position: relative; margin-bottom: 10px; } .mccSubStep .mccSubStepHeader { background: white url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/modul_header_bgr.png) repeat-x 0px 0px; position: relative; } .mccSubStepHeader span { position: relative; color: #DDD; left: 4px; line-height: 18px; } .mccSubStepMapHeader span { font-size: 11px; top: 2px; } .mccSubStep .mccSubStepFrame { border: 1px solid #e1e1e1; padding: 2px; } .mccCustomerListPanel { padding: 10px 5px 0px 5px; } .mccCustomerListPanel-filter-left { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_left.png) no-repeat scroll 0 0; display: inline; padding: 5px 0px 4px; } .mccCustomerListPanel-filter-center { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_center.png) repeat-x scroll 0 0; display: inline; margin: 0px 0px 0px 22px; padding: 5px 0px 4px; } .mccCustomerListPanel-filter-right { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_right.png) no-repeat scroll 100% 0; display: inline; padding: 5px 0px 4px; } .mccCustomerListPanel-filter { background: transparent; width: 220px; height: 18px; border: none; padding: 5px 0px 2px; } .tab-panel .adminpanel { /* ORIGINAL padding-top: 10px; */ /*ANDREA*/ padding-top: 0px; } .mccWarningGroupLeft { float: left; margin: 0px 20px 20px 0px; width: 345px; } .mccWarningGroupRight { float: left; margin-bottom: 20px; width: 360px; } .mccWarningLabel { font-weight: bold; padding: 20px 0px 5px 25px; } .mccWarningLabelTop { font-weight: bold; padding: 5px 0px 5px 25px; } .mccWarningRadio { font-style: italic; height: 26px; padding-left: 5px; position: relative; } .mccWarningRadio div input,.mccWarningRadio div span { vertical-align: middle; } .mccWarningRadio div select { position: absolute; right: 0px; } .promap .areaInfoBox { position: absolute; background-color: white; bottom: 2px; right: 4px; font-weight: bolder; opacity: 0.6; z-index: 3000; } .mccSubscriptionForm .topContent { padding: 10px 10px 0px 10px; } .mccSubscriptionForm .topContent input { margin: 0px 6px 0px 0px; } .mccSubscriptionForm .mainContent { overflow: auto; border-bottom: 1px solid #e1e1e1; } .mccSubscriptionForm .mainContent .warningAreasContainer { width: 302px; float: left; padding: 10px; } .mccSubscriptionForm .mainContent .warningAreasContainer .olMap { border: 1px solid #e1e1e1; } .mccSubscriptionForm .mainContent .rightContent { float: left; padding: 10px; } .mccSubscriptionForm .mainContent .rightContent .warningTypesContainer input { margin: 0; } .mccSubscriptionForm .mainContent .rightContent .recieversContainer { clear: both; } .mccSubscriptionForm .bottomContent { bottom: 1.7em; width: 100%; padding-top: 4px; } .mccSubscriptionForm .bottomContent a { color: #666; text-decoration: none; } .mccSubscriptionForm .subscriptionRecieverTable td { vertical-align: top; } .mccSubscriptionForm .subscriptionRecieverTable fieldset { padding: 2px; margin: 2px; border: none; width: 180px; } .mccSubscriptionForm .subscriptionRecieverTable legend { font-weight: bolder; } .mccSubscriptionForm .subscriptionRecieverTable input { margin: 0px; } .mccSubscriptionForm .arealistnamecolumn { width: 234px; } . /* * MCC styles END */ /* * Table styles */ /* "Master" table */ table.dataview { margin: 0 0 1px 1px; } /* "Master" table header */ table.dataview tr th { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif) #eaeaea repeat-x; border: 1px solid #e1e1e1; padding: 2px 10px 2px 9px; font-size: 0.9em; color: #000; font-weight: bold; } table.dataview tr th.title { color: #000; } table.dataview tr th.forecast-date-cell { border-right: 0; } table.dataview tr th.forecast-link-cell { border-left: 0; text-align: right; } table.dataview td.footer { text-align: left; } table.dataview tr th a:link,table.dataview tr th visited,table.dataview tr th a:active,table.dataview tr th a:hover,table.dataview tr th a:focus { font-weight: bold; color: #000000; } table.dataview tr th span.date { font-weight: normal; } /* "Master" table footer */ table.dataview tfoot tr td { background-color: #f7f7f7; border: 1px solid #e1e1e1; padding: 0.27273em 0.9091em 0.4545em 0.9091em; } table.dataview-line tfoot tr td { line-height: 1.2727em; padding: 5px 10px 7px 10px; } /* "Master" table body */ table.dataview tr td { background-color: #fff; border: 1px solid #e1e1e1; /*padding: 3px 10px 4px 10px;*/ padding: 0.3em; vertical-align: middle; text-align: center; } table.dataview tbody tr td.first { background: #f7f7f7; } table.dataview tbody tr td.first a:link,table.dataview tbody tr td.first a:visited { color: #0063BE; background: url(../img/arrow-table-link.gif) no-repeat; background: url(../img/arrow-table-link.png) no-repeat; /* for transparency */ padding-left: 10px; } table.dataview tbody tr td.first a:hover,table.dataview tbody tr td.first a:active,table.dataview tbody tr td.first a:focus { color: #000; } table.dataview tbody tr td.weather-symbol { border-right: 0; padding: 3px 0 5px 11px; padding: 6px 0 3px 11px; /* added for spacing the new icons */ } /* added for mouseover, previously JS? */ table.dataview tbody tr:hover td { background: #f0f6fb; } table.dataview tbody tr:hover td.first { background: #e8eef4; } table.nowrap td { white-space: nowrap; } table.dataview tr.analysis td { background-color: #EEEEEE; } table.dataview tr.dateHeaderRow td { background-color: #EEEEEE; text-align: left; font-weight: bold; padding: 0.5em; } div.addFromListTableContainer table.dataview tr td { text-align: left; } div.addFromListTableContainer table.dataview { width: 100%; } /* * Paging styles */ .navigator a { color: #000000; } .paging-link { vertical-align: middle; margin: 0px -3px; } /* * Filter styles */ .ajaxtextfilter-left { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_left.png) no-repeat scroll 0 0; display: inline-block; padding-left: 18px; margin-top: 5px; } .ajaxtextfilter-center { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_center.png) repeat-x scroll 0 0; display: inline-block; } .ajaxtextfilter-right { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/search_input_right.png) no-repeat scroll 100% 0; display: inline-block; } .ajaxtextfilter { background: transparent; border: none; margin: 0px; } table.dataview tr td.filter-td { background-color: #F0F0F0; padding: 0 0.3em 0.3em 0.3em; } /* * Tabpanel styles */ div.tabpanel div.tab-row ul { height: 23px; margin: 0; padding-left: 10px; border-bottom: 1px solid #3c3c3c; list-style-type: none; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_bg_left.gif) repeat-x left top; } div.tabpanel div.tab-row li { float: left; margin: 0; display: inline; /*ORIGINAL padding-left: 3px; border-right:1px solid #3c3c3c; */ background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_bg_left.gif) no-repeat left top; /*ANDREA*/ padding-left: 0px; border-left: 1px solid #3c3c3c; /*END ANDREA*/ } div.tabpanel div.tab-row li.last { border-right: 1px solid #3c3c3c; } div.tabpanel div.tab-row li.selected { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_left.gif) no-repeat left top; border-bottom: 1px solid #009FE3; } div.tabpanel div.tab-row a { float: left; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_bg_right.gif) no-repeat right top; font-size: 12px; line-height: 19px; font-weight: bold; padding: 2px 14px 2px 14px; /* ORIGINAL margin-right: 4px; color: #666; */ /* ANDREA */ margin-right: 0px; text-decoration: none; text-shadow: 1px 1px 1px #EEE; /*END ANDREA */ } div.tabpanel div.tab-row li.selected a { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_right.gif) no-repeat right top; /* ORIGINAL border-bottom: 1px solid #fff; color: #000; */ /* ANDREA */ border-bottom: 0px solid #fff; color: #ffffff; text-shadow: 1px 1px 1px #111; /*END ANDREA */ / } div.tabpanel div.tab-row a:hover { /* ORIGINAL background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_right.gif) no-repeat right top; */ /* ANDREA */ color: #ffffff; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_over_bg_right.gif) no-repeat right top; } div.tabpanel div.tab-row li:hover { /* ORIGINAL background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_left.gif) no-repeat left top; */ /* ANDREA */ background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_over_bg_left.gif) no-repeat left top; } div.tabpanel div.tab-row a:active { color: #ffffff; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_right.gif) no-repeat right top; text-shadow: 1px 1px 1px #111; } div.tabpanel div.tab-row li:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_left.gif) no-repeat left top; } div.tabpanel div.tab-row li.selected a:active { color: #ffffff; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_right.gif) no-repeat right top; } div.tabpanel div.tab-row li.selected:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/tab_selected_bg_left.gif) no-repeat left top; } div.tab-row { /* ORIGINAL padding-top: 10px; */ /* ANDREA */ padding-top: 0px; border-bottom: 3px solid #009FE3; /*END ANDREA*/ / } div.adminpanel .tab-panel { border-left: 1px solid #dadada; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; padding: 10px; } /**headerTabpanel**/ div.headerTabpanel { height: 100%; } div.headerTabpanel div.header-tab-row ul { margin: 0; padding: 0; list-style-type: none; position: absolute; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/opacity_black_0.8.png); z-index: 1000000; display: none; /* hidden by Andrea 20120602 width: 200px; */ /* added by Andrea 20120602 */ width: auto; /* added by Andrea 20120908 */ max-height: 90%; overflow: auto; height: auto; } div.headerTabpanel div.header-tab-row li { margin: 0; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid black; } div.headerTabpanel div.header-tab-row a:link,div.headerTabpanel div.header-tab-row a:visited { font-size: 12px; line-height: 19px; font-weight: bold; text-decoration: none; color: #fff; display: block; /* HIDDEN 20120602 width: 190px; padding: 5px; */ /* MODIFIED BY ANDREA */ width: auto; padding: 5px 10px 5px 5px; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } div.headerTabpanel div.header-tab-row li.selected a:link,div.headerTabpanel div.header-tab-row a:visited.active { background-color: #4D4D4D; color: #fff; } div.headerTabpanel div.header-tab-row a:hover { background-color: #76D5FF; color: #000; } div.headerTabpanel div.header-tab-row ul li a:active { color: #fff; } /** * Preloading tab panel (smhi.se style) */ div.preLoadTabPanel div.preLoadTabRow { height: 25px; margin: 0; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } div.preLoadTabPanel div.preLoadTabRow ul { height: 25px; margin: 0; padding: 0; width: 100%; list-style-type: none; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg.gif") repeat-x scroll 0 0 #D2D2D2; } div.preLoadTabPanel div.preLoadTabRow li { margin: 0; padding: 0; display: inline; height: 25px; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg.gif") repeat-x scroll 0 0 #D2D2D2; } div.preLoadTabPanel div.preLoadTabRow li.selected a:link,div.preLoadTabPanel div.preLoadTabRow li.selected a:visited { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_active.gif") repeat-x scroll 0 0 #F7F7F7; font-weight: bold; color: #000; } div.preLoadTabPanel div.preLoadTabRow li a:link,div.tabpanel div.preLoadTabRow li a:visited { border-right: 1px solid #D9D9D9; color: #777; display: block; float: left; padding: 4px 14px 5px 15px; text-decoration: none; font-weight: normal; } div.preLoadTabPanel div.preLoadTabRow a:hover { text-decoration: underline !important; } div.preLoadTabPanel div.preLoadTabRow li.first a:link,div.preLoadTabPanel div.preLoadTabRow li.first a:visited { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_left.gif") #d2d2d2 no-repeat; border-right: 1px solid #D9D9D9; } div.preLoadTabPanel div.preLoadTabRow li.first.selected a:link,div.preLoadTabPanel div.preLoadTabRow li.first.selected a:visited { background: transparent url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_left_active.gif") no-repeat scroll 0 0; } /* * Feedbackpanel classes goes here */ .feedbackPanelERROR { color: #FF0000; } /* * Add user form */ .editUserForm { padding: 5px 10px; } .editUserForm .tdlabel { padding: 2px 10px 0px 0px; } .editUserForm label { font-weight: bold; } .editUserForm .empty { margin-top: 5px; } .editUserForm fieldset { margin: 5px; padding: 3px; background-color: #F0F0F0; border-color: #B8B8B8; } .editUserForm legend { background-color: white; margin: 6px; padding: 2px; border: 1px solid #B8B8B8; } .editUserForm td { vertical-align: top; } .editUserForm .divInFieldset { float: left; padding: 2px; } .editUserForm .divInFieldset label { margin: 2px; font-weight: normal; } .editUserForm .divInFieldset input { margin: 0px; } /* * List AD users */ .listADUsersPanel { padding: 5px 10px; } .listADUsersPanel label { font-weight: bold; } /** * Home panel */ .news-heading { border-bottom: 3px solid #000000; text-transform: uppercase; font-size: 13px; font-family: Arial, sans-serif; } .home-container { padding: 20px 0px 0px 10px; } .home-table { width: 750px; } .home-table td { padding-right: 10px; padding-bottom: 10px; vertical-align: top; } /** * EditorPanel */ .packageEditorContainer { height: 100% } .leftToolbarPanel { _position: relative; *position: relative; float: left; width: 180px; height: 100%; padding-right: 1px; border-right: 10px solid #EAEAEA; overflow: visible; overflow-y: auto; } .modulePanel { } .leftToolbarPanel fieldset { border: none; padding: 5px; } .leftToolbarPanel fieldset legend { margin-bottom: 5px; width: 150px; height: 15px; display: block; background: transparent; color: #000; text-decoration: none; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_open.png) no-repeat right top; cursor: pointer; } .leftToolbarPanel fieldset legend:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_open_hover.png) no-repeat right top; } .leftToolbarPanel fieldset legend.collapsed { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_collapsed.png) no-repeat right top; } .leftToolbarPanel fieldset legend.collapsed:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_collapsed_hover.png) no-repeat right top; } .leftToolbarPanel fieldset legend span { background: white; width: auto; padding-right: 5px; padding-left: 2px; font-size: 12px; } .packageEditorPanel { margin-left: 190px; height: 100%; } .packageEditorPanel .topToolbar { padding: 10px; height: 40px; background: #eaeaea; border-bottom: 1px solid #d1d1d1; } .packageEditorPanel .topToolbar .title { font-size: 16px; height: 16px; } .packageEditorPanel .topToolbar .editTitle { position: relative; } .packageEditorPanel .topToolbar .description { font-size: 12px; margin-top: 10px; height: 12px; } .packageEditorPanel .topToolbar .right-buttons-panel { float: right; } .packageEditorPanel .dropzone { margin: 10px; background: #f1f1f1; background-image: none !important; border: 1px solid; overflow: auto; position: relative; } .packageEditorPanel .editModeCompContainer { position: relative; } .packageEditorPanel .dropModulePanel { background: #f1f1f1 url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/click_to_import.png') no-repeat center center !important; } .packageEditorPanel .dropModulePanel:hover { background: #e2e2e2 url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/click_to_import.png') no-repeat center center !important; } .packageEditorPanel .acceptDrop { background: #bfe4ff !important; } .packageEditorPanel .dropzone .lazyLoadPanel { width: 100%; height: 100%; } /* .packageEditorPanel .dynamicDroppedPanel { background: #ffffff; border: none; width: 100%; height: 100%; margin: 0; padding: 50px; }*/ .packageEditorPanel .droppedPanel { background: #ffffff; border: none; width: 100%; height: 100%; margin: 0; padding: 2px; } .packageEditorPanel .droppedPanel:hover { border: 2px solid #4b8cdc; padding: 0; } .packageEditorPanel .droppedLayout { width: 100%; height: 100%; } .packageEditorPanel .droppedPanel:hover .toolbar { display: block; } .packageEditorPanel .droppedPanel .toolbar { position: absolute; background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/module_toolbar.png') no-repeat right top; height: 24px; bottom: -2px; right: -3px; width: 150px; display: none; z-index: 100000; } .packageEditorPanel .droppedPanel .toolbar .remove-button { float: right; height: 20px; width: 20px; margin: 2px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/blue_close.png) no-repeat; } .packageEditorPanel .toolbar .remove-button:hover,.packageEditorPanel .toolbar .remove-button:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/blue_close_hover.png) no-repeat; } .packageEditorPanel .toolbar .mapSetView-button { position: relative; float: right; height: 20px; width: 20px; margin: 2px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/mapview_module_settings.png) no-repeat; z-index: 1; } .packageEditorPanel .toolbar .mapSetView-button:hover,.packageEditorPanel .toolbar .mapSetView-button:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/mapview_module_settings_hover.png) no-repeat; } .packageEditorPanel .toolbar .settings-button { float: right; height: 20px; width: 20px; margin: 2px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/edit_module_settings.png) no-repeat; } .packageEditorPanel .toolbar .settings-button:hover,.packageEditorPanel .toolbar .settings-button:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/edit_module_settings_hover.png) no-repeat; } .packageEditorPanel .toolbar .export-button { float: right; height: 20px; width: 20px; margin: 2px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/export_module.png) no-repeat; } .showOrder-button { float: right; height: 20px; width: 20px; margin: 2px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/show_order.png) no-repeat; } .packageEditorPanel .toolbar .export-button:hover,.packageEditorPanel .toolbar .export-button:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/export_module_hover.png) no-repeat; } .showOrder-button:hover,.showOrder-button:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/show_order_hover.png) no-repeat; } .packageEditorPanel .layoutToolbar .remove-button { position: absolute; top: 0px; right: 0px; height: 25px; width: 25px; margin: 0px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/x-close.png) no-repeat; z-index: 2; } .packageEditorPanel .droppedPanel .module { overflow: visible; width: 100%; height: 100%; } .leftToolbarPanel .leftToolbarHeader { padding: 4px 2px 10px; } .leftToolbarPanel .leftToolbarHeader .title { font-size: 14px; font-weight: bold; } .leftToolbarPanel .leftToolbarHeader .description { font-size: 11px; } .leftToolbarPanel tr td { padding: 4px; } .leftToolbarPanel tr td:hover { background-color: #cccccc; } .leftToolbarPanel tr td:active { background-color: #aaaaaa; } .draggableObject { cursor: move; } .map { height: 100%; } .mapDiv { background: #ffffff; height: 100%; width: 100%; } /** * Table module */ .contentContainer .table,.packageEditorPanel .table { overflow: auto; height: 100%; } .tableModule { height: 100%; width: 100%; overflow: auto; position: relative; } /** * Package View Panel */ .contentContainer { /* margin: 10px;*/ width: 100%; height: 100%; background: transparent; /* border: 1px solid;*/ } .contentContainer .droppedPanel { background: #ffffff; border: 0px solid; width: 100%; height: 100%; } .contentContainer .content { overflow: visible; width: 100%; height: 100%; /* ANDREA 20120920*/ /* clear:both;*/ } /** * Standard layout panel */ .standardLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .standardLayoutPanel .container1 { float: left; margin: 10px; width: 300px; height: 400px; } .standardLayoutPanel .container2 { float: left; margin: 10px; width: 300px; height: 400px; } /** * Standard layout panel */ .mapTeaserLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .mapTeaserLayoutPanel .container1 { float: left; margin: 0px; width: 287px; height: 161px; } .mapTeaserLayoutPanel .container2 { display: none; } .mapTeaserLayoutPanel .promap #hd { display: none; } .packageEditorPanel .mapTeaserLayoutPanel .container2 { float: left; margin-top: 10px; width: 287px; height: 50px; clear: left; display: block; } .startPageTeaserLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .startPageTeaserLayoutPanel .container1 { float: left; margin: 0px; width: 625px; height: 666px; } .startPageTeaserLayoutPanel .container2 { display: none; } .startPageTeaserLayoutPanel .promap #hd { display: none; } .packageEditorPanel .startPageTeaserLayoutPanel .container2 { float: left; margin-top: 10px; width: 625px; height: 50px; clear: left; display: block; } /** * MultiModule layout panel */ .multiModuleLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .multiModuleLayoutPanel .container1 { float: left; margin: 10px; width: 250px; height: 450px; } .multiModuleLayoutPanel .container2 { float: left; margin: 10px; width: 200px; height: 250px; } .multiModuleLayoutPanel .container3 { float: left; margin: 10px; width: 200px; height: 250px; } .multiModuleLayoutPanel .container4 { float: left; margin: 10px; width: 200px; height: 250px; } .multiModuleLayoutPanel .container5 { margin: 300px 0px 0px 280px; width: 640px; height: 70px; } /** * Brandrisk layout panel */ .brandriskLayoutPanel { width: 100%; height: 700px; background: #ffffff; overflow: auto; position: relative; } .brandriskLayoutPanel .container1 { position: absolute; left: 10px; top: 10px; width: 225px; height: 475px; } .brandriskLayoutPanel .container2 { position: absolute; left: 255px; top: 10px; width: 225px; height: 475px; } .brandriskLayoutPanel .container3 { position: absolute; left: 500px; top: 10px; width: 225px; height: 475px; } .brandriskLayoutPanel .container4 { position: absolute; left: 745px; top: 10px; width: 225px; height: 475px; } .brandriskLayoutPanel .container5 { position: absolute; top: 510px; left: 10px; width: 96%; height: 70px; max-width: 960px; } /** * kraftOchVatten layout panel */ .kraftOchVattenLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .kraftOchVattenLayoutPanel .container1 { position: absolute; left: 10px; top: 10px; width: 225px; height: 475px; } .kraftOchVattenLayoutPanel .container2 { position: absolute; left: 255px; top: 10px; width: 225px; height: 475px; } .kraftOchVattenLayoutPanel .container3 { position: absolute; left: 500px; top: 10px; width: 225px; height: 475px; } .kraftOchVattenLayoutPanel .container4 { position: absolute; left: 745px; top: 10px; width: 225px; height: 475px; } .kraftOchVattenLayoutPanel .container5 { position: absolute; top: 495px; left: 10px; width: 96%; height: 70px; max-width: 960px; } /** * OceanWeb Vertical layout panel */ .OwVerticalLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .OwVerticalLayoutPanel .container1 { position: absolute; height: 600px; width: 320px; left: 10px; top: 10px; } .OwVerticalLayoutPanel .container2 { position: absolute; height: 520px; width: 225px; left: 340px; top: 10px; } .OwVerticalLayoutPanel .container3 { position: absolute; height: 520px; width: 225px; left: 575px; top: 10px; } .OwVerticalLayoutPanel .container4 { position: absolute; height: 70px; width: 460px; left: 340px; top: 540px; } .OwVerticalLayoutPanel .container5 { position: absolute; height: 600px; width: 225px; left: 810px; top: 10px } /** * BOA layout panel */ .BOALayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .BOALayoutPanel .leftHalf { float: left; } .BOALayoutPanel .container1 { margin: 10px; width: 465px; height: 485px; } .BOALayoutPanel .container3 { margin: 10px; width: 465px; height: 70px; } .BOALayoutPanel .container4 { margin: 10px 10px 10px 485px; height: 18px; } .BOALayoutPanel div.preLoadTabPanel { margin: 10px 10px 10px 485px; height: 485px; } .BOALayoutPanel div.preLoadTabPanel div.preLoadTabRow { height: 25px; margin: 0; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } .BOALayoutPanel .tabContainer1 { margin: 10px 0; height: 485px; } .BOALayoutPanel .tabContainer2 { margin: 10px 0; height: 485px; } .BOALayoutPanel .tabContainer3 { margin: 10px 0; height: 485px; } .BOALayoutPanel .tableModule { overflow: hidden !important; } /** * Ferrybox layout panel */ .FerryboxLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .FerryboxLayoutPanel .leftHalf { float: left; } .FerryboxLayoutPanel .container1 { margin: 10px; width: 500px; height: 400px; } .FerryboxLayoutPanel .container3 { margin: 10px; width: 500px; height: 70px; } .FerryboxLayoutPanel .container4 { margin: 10px 10px 10px 520px; height: 18px; } .FerryboxLayoutPanel .container2 { margin: 10px; width: 260px; height: 432px; margin-left: 520px; } .FerryboxLayoutPanel .tableModule { overflow: hidden !important; } /** * MapTabChartCommentLayoutPanel layout panel */ .MapTabChartCommentLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .MapTabChartCommentLayoutPanel .leftHalf { float: left; } .MapTabChartCommentLayoutPanel .container1 { margin: 10px; width: 465px; height: 485px; } .MapTabChartCommentLayoutPanel .container3 { margin: 10px; width: 465px; height: 70px; } .MapTabChartCommentLayoutPanel .container4 { margin: 10px 10px 10px 485px; height: 18px; } .MapTabChartCommentLayoutPanel div.preLoadTabPanel { margin: 10px 10px 10px 485px; height: 485px; } .MapTabChartCommentLayoutPanel div.preLoadTabPanel div.preLoadTabRow { height: 25px; margin: 0; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } .MapTabChartCommentLayoutPanel .tabContainer1 { margin: 10px 0; height: 485px; } .MapTabChartCommentLayoutPanel .tabContainer2 { margin: 10px 0; height: 485px; } .MapTabChartCommentLayoutPanel .tabContainer3 { margin: 10px 0; height: 485px; } .MapTabChartCommentLayoutPanel .tableModule { overflow: hidden !important; } /** * MapTabChartLayoutPanel layout panel */ .MapTabChartLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .MapTabChartLayoutPanel .leftHalf { float: left; } .MapTabChartLayoutPanel .container1 { margin: 10px; width: 465px; height: 485px; } .MapTabChartLayoutPanel .container3 { margin: 10px; width: 465px; height: 70px; } .MapTabChartLayoutPanel .container4 { margin: 10px 10px 10px 485px; height: 18px; } .MapTabChartLayoutPanel div.preLoadTabPanel { margin: 10px 10px 10px 485px; height: 485px; } .MapTabChartLayoutPanel div.preLoadTabPanel div.preLoadTabRow { height: 25px; margin: 0; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } .MapTabChartLayoutPanel .tabContainer1 { margin: 10px 0; height: 485px; } .MapTabChartLayoutPanel .tabContainer2 { margin: 10px 0; height: 485px; } .MapTabChartLayoutPanel .tableModule { overflow: hidden !important; } /** * BOA chart layout panel (tab inside BOA layout panel) */ .BOAChartLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: hidden; display: block; } .BOAChartLayoutPanel .chartContainer1 { height: 230px; margin-bottom: 20px; } .BOAChartLayoutPanel .chartContainer2 { height: 230px; } /** * Map-Table/diagram layout panel */ .mapAndTableDiagramLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .mapAndTableDiagramLayoutPanel .container1 { float: left; margin: 0px 10px; width: 465px; height: 520px; } .mapAndTableDiagramLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 485px; } .mapAndTableDiagramLayoutPanel .parentTo2And3 { margin: 10px 485px; height: 485px; } .mapAndTableDiagramLayoutPanel div.preLoadTabPanel div.preLoadTabRow { height: 25px; margin: 0px 10px 10px 485px; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } .mapAndTableDiagramLayoutPanel .tabContainer1 { margin: 10px 10px 10px 485px; height: 485px; } .mapAndTableDiagramLayoutPanel .tabContainer2 { margin: 10px 10px 10px 485px; height: 485px; } .mapAndTableDiagramLayoutPanel .container3 { margin: 10px 0px 0px 10px; width: 96%; height: 70px; } /** * Brandrisk AC layout panel */ .brandriskACLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .brandriskACBottomLayout { clear: both; width: 100%; } .brandriskACLayoutPanel .container1 { float: left; margin: 10px; width: 465px; height: 485px; } .brandriskACLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 485px; } .brandriskACLayoutPanel .container3 { margin: 0px 10px; height: 70px; margin-left: 130px; margin-right: 10px; } .brandriskACLayoutPanel .container4 { height: 70px; width: 110px; float: left; margin-left: 10px; } /** * Brandrisk AC fixed layout panel */ .packageEditorPanel .brandriskACFixedLayoutPanel { width: 100%; } .brandriskACFixedLayoutPanel { width: 995px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .brandriskACFixedBottomLayout { clear: both; width: 960px; } .brandriskACFixedLayoutPanel .container1 { float: left; margin: 10px; width: 465px; height: 485px; } .brandriskACFixedLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 485px; width: 465px; overflow: auto; padding-right: 30px; } .brandriskACFixedLayoutPanel .container3 { margin: 0px 10px; height: 70px; margin-left: 10px; margin-right: 10px; width: 345px; float: left; } .brandriskACFixedLayoutPanel .container4 { height: 70px; width: 110px; float: left; margin-left: 10px; } .brandriskACFixedLayoutPanel .container5 { height: 70px; margin-left: 485px; width: 465px; } /** * Forut Split AC fixed layout panel */ .packageEditorPanel .FourSplitLayoutPanel { width: 100%; } .FourSplitLayoutPanel { width: 995px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .FourSplitLayoutBottomLayout { clear: both; width: 960px; } .FourSplitLayoutPanel .container1 { float: left; margin: 10px; width: 465px; height: 300px; } .FourSplitLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 300px; width: 465px; overflow: auto; padding-right: 30px; } .FourSplitLayoutPanel .container3 { margin: 0px 10px; height: 300px; margin-left: 10px; margin-right: 10px; width: 465px; float: left; } .FourSplitLayoutPanel .container5 { height: 300px; margin-left: 485px; width: 465px; } /** * SMHI Startpage fixed layout panel */ .packageEditorPanel .SMHIStartpageLayoutPanel { width: 645px; } .SMHIStartpageLayoutPanel { width: 645px; height: 600px; background: #ffffff; overflow: auto; *overflow: hidden; } .SMHIStartpageTopLayout { clear: both; width: 645px; } .SMHIStartpageLayoutPanel .container1 { float: left; margin-left: 10px; width: 305px; height: 450px; } .SMHIStartpageLayoutPanel .container2 { margin: 38px 10px 10px 329px; height: 450px; width: 305px; overflow: auto; } .SMHIStartpageLayoutPanel .container3 { margin: 10px 10px; height: 70px; margin-left: 10px; margin-right: 10px; width: 305px; float: left; clear: both; } .SMHIStartpageLayoutPanel .container4 { height: 18px; width: 625px; float: right; margin: 10px; } .SMHIStartpageLayoutPanel .container5 { height: 80px; margin-left: 329px; width: 305px; } /** * Snow layout panel */ .packageEditorPanel .SnowLayoutPanel { width: 950px; } .SnowLayoutPanel { width: 950px; height: 750px; background: #ffffff; overflow: auto; *overflow: hidden; } .SnowTopLayout { clear: both; width: 950px; } .SnowLayoutPanel .container1 { float: left; margin: 10px 10px 0px 10px; width: 450px; height: 450px; } .SnowLayoutPanel .container2 { margin: 10px 10px 10px 470px; height: 20px; width: 450px; } .SnowLayoutPanel .container3 { margin: 10px 10px; height: 70px; margin-left: 10px; margin-right: 10px; width: 450px; float: left; clear: both; } .SnowLayoutPanel .container4 { height: 75px; width: 930px; margin: 10px; } .SnowLayoutPanel .container5 { height: 530px; margin-left: 470px; width: 450px; } .SnowLayoutPanel .container6 { height: 50px; margin: 10px 10px 0px 10px; width: 450px; float: left; clear: both; } .SnowLayoutPanel .preLoadTabPanel { margin: 10px 10px 10px 0px; height: 485px; } .SnowLayoutPanel .preLoadTabPanel .preLoadTabRow { height: 25px; margin: 0; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/tabs/barmenu_bg_right.gif") no-repeat scroll right top #D2D2D2; padding-right: 10px; } .SnowLayoutPanel .preLoadTabPanel .preLoadTabRow li { display: inline-block; } .SnowLayoutPanel .tabContainer1 { margin-top: 10px; height: 548px; } .SnowLayoutPanel .tabContainer2 { margin-top: 10px; height: 548px; } .SnowLayoutPanel .tabContainer3 { margin-top: 10px; height: 548px; } .lightningArchiveLayoutPanel { width: 915px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .packageEditorPanel .lightningArchiveLayoutPanel { width: 915px; } .lightningArchiveLayoutPanel .container1 { float: left; margin: 10px; width: 395px; height: 30px; } .lightningArchiveLayoutPanel .container2 { margin: 10px 0px 10px 10px; height: 575px; width: 475px; overflow: auto; } .packageEditorPanel .lightningArchiveLayoutPanel .container2 { padding-right: 0px; } .lightningArchiveLayoutPanel .container3 { margin: -535px 10px 0px 10px; height: 525px; width: 395px; } .brandriskDLayoutPanel { width: 924px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .packageEditorPanel .brandriskDLayoutPanel { width: 100%; } .brandriskDLayoutPanel .container1 { float: left; margin: 10px; width: 465px; height: 485px; } .brandriskDLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 565px; width: 380px; overflow: auto; padding-right: 30px; } .packageEditorPanel .brandriskDLayoutPanel .container2 { padding-right: 0px; } .brandriskDLayoutPanel .container3 { margin: 0px 10px; height: 70px; width: 465px; margin-left: 10px; margin-right: 10px; margin-top: -80px; } .lantbruksvaderSokLayoutPanel { width: 924px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .packageEditorPanel .lantbruksvaderSokLayoutPanel { width: 100%; } .lantbruksvaderSokLayoutPanel .container1 { float: left; margin: 10px; width: 465px; height: 485px; } .lantbruksvaderSokLayoutPanel .container2 { margin: 10px 10px 10px 485px; height: 565px; width: 380px; overflow: auto; padding-right: 30px; } .packageEditorPanel .lantbruksvaderSokLayoutPanel .container2 { padding-right: 0px; } .lantbruksvaderSokLayoutPanel .container3 { margin: 0px 10px; height: 70px; width: 465px; margin-left: 10px; margin-right: 10px; margin-top: -80px; } .lantbruksvaderSokLayoutPanel .container4 { margin: 10px 0px 0px 10px; width: 855px; height: 25px; } .webHyProLayoutPanel { width: 924px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .packageEditorPanel .webHyProLayoutPanel { width: 100%; } .webHyProLayoutPanel .container1 { margin: 10px; width: 365px; height: 485px; } .webHyProLayoutPanel .container2 { margin: 10px 10px 10px 385px; height: 90px; width: 480px; overflow: auto; padding-right: 30px; } .webHyProLayoutPanel .container3 { margin: 10px 10px 10px 385px; height: 140px; width: 480px; overflow: auto; padding-right: 30px; } .webHyProLayoutPanel .container4 { margin: 10px 10px 10px 385px; height: 285px; width: 480px; overflow: auto; padding-right: 30px; } .webHyProLayoutPanel .container5 { margin: 10px 10px 10px 10px; height: 40px; width: 365px; overflow: auto; } .webHyProLayoutPanel .leftHalf { float: left; } .blastSnoLayoutPanel { width: 1040px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; position: relative; } .packageEditorPanel .blastSnoLayoutPanel { width: 100%; } .blastSnoLayoutPanel .container1 { float: left; margin: 10px; width: 360px; height: 480px; } .blastSnoLayoutPanel .container2 { position: absolute; top: 10px; left: 380px; width: 360px; height: 480px; } .blastSnoLayoutPanel .container3 { position: absolute; top: 10px; left: 750px; height: 550px; width: 280px; overflow: auto; } .blastSnoLayoutPanel .container4 { height: 70px; width: 730px; left: 10px; right: 10px; top: 500px; position: absolute; } .askriskLayoutPanel { width: 1040px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; position: relative; } .packageEditorPanel .askriskLayoutPanel { width: 100%; } .askriskLayoutPanel .container1 { float: left; margin: 10px; width: 360px; height: 480px; } .askriskLayoutPanel .container2 { position: absolute; top: 10px; left: 380px; width: 360px; height: 480px; } .askriskLayoutPanel .container3 { position: absolute; top: 10px; left: 750px; height: 550px; width: 280px; overflow: auto; } .askriskLayoutPanel .container4 { height: 70px; width: 360px; left: 380px; right: 370px; top: 500px; position: absolute; } .thunderRiskLayoutPanel { width: 905px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .packageEditorPanel .thunderRiskLayoutPanel { width: 100%; } .thunderRiskLayoutPanel .container1 { float: left; margin: 10px; width: 225px; height: 400px; } .thunderRiskLayoutPanel .container2 { margin: 10px 10px 10px 245px; height: 480px; width: 380px; overflow: auto; padding-right: 30px; } .packageEditorPanel .thunderRiskLayoutPanel .container2 { padding-right: 0px; } .thunderRiskLayoutPanel .container3 { margin: 0px 10px; height: 70px; width: 225px; margin-left: 10px; margin-right: 10px; margin-top: -80px; } /** * Comparison Layout */ .ComparisonLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .ComparisonLayout .container1 { position: absolute; top: 10px; left: 10px; width: 465px; height: 480px; } .ComparisonLayout .container2 { position: absolute; top: 10px; left: 485px; width: 465px; height: 480px; } .ComparisonLayout .container3 { position: absolute; top: 500px; left: 10px; width: 940px; height: 70px; } /** * Dynamic Comparison Layout */ .DynamicComparisonLayout { width: 100%; height: 100%; background: #ffffff; overflow: hidden; } .DynamicComparisonLayout .container1 { margin: 10px; width: 465px; height: 85%; position: relative; float: left; } .DynamicComparisonLayout .container2 { margin: 10px 10px 10px 485px; width: 465px; height: 85%; position: relative; } .DynamicComparisonLayout .container3 { margin: 10px 0px 0px 10px; width: 940px; height: 70px; } /** * SVT Vertical Layout */ .SVTVerticalLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .SVTVerticalLayout .container1 { position: absolute; top: 10px; left: 10px; width: 465px; height: 480px; } .SVTVerticalLayout .container2 { position: absolute; top: 10px; left: 615px; width: 465px; height: 480px; } .SVTVerticalLayout .container3 { position: absolute; top: 10px; left: 485px; width: 120px; height: 480px; } /** * PMP Comparison Layout */ .PMPComparisonLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .PMPComparisonLayout .container1 { position: absolute; top: 10px; left: 10px; width: 700px; height: 95%; } .PMPComparisonLayout .container2 { position: absolute; top: 10px; left: 850px; width: 700px; height: 95%; } .PMPComparisonLayout .container3 { position: absolute; top: 10px; left: 720px; width: 120px; height: 95%; } /** * Observation Map Layout */ .ObsMapLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .ObsMapLayout .container1 { margin: 10px 140px 0 10px; height: 95%; } .ObsMapLayout .container2 { position: absolute; top: 10px; right: 10px; width: 120px; height: 95%; } /** * OneSmallMapAndSlider AC layout panel */ .oneSmallMapAndSliderLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .oneSmallMapAndSliderLayoutPanel .container1 { margin: 10px; width: 225px; height: 475px; } .oneSmallMapAndSliderLayoutPanel .container2 { margin: 0px 10px; height: 70px; clear: both; } /** * Fjarrvarme layout */ .fjarrvarmeLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .fjarrvarmeLayout .textModulePanel { width: 99%; overflow: initial; } .fjarrvarmeLayout .leftHalf { float: left; } .fjarrvarmeLayout .container1 { margin: 10px; width: 468px; height: 500px; } .fjarrvarmeLayout .container2 { margin: 0px 10px; height: 70px; width: 468px; clear: both; } .fjarrvarmeLayout .container3 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .fjarrvarmeLayout .container4 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .packageEditorPanel .fjarrvarmeLayout .container2 { height: 50px; } .fjarrvarmeLayout .preLoadTabPanel { margin: 10px 10px 10px 488px; position: relative; } .fjarrvarmeLayout .tabContainer1 { margin: 10px 0px; height: 480px; } .fjarrvarmeLayout .tabContainer1 .tableModule { overflow: initial; } .fjarrvarmeLayout .tabContainer2 { margin: 10px 0px; position: absolute; height: 480px; width: 100%; } /** * MediawebMap468 Layout Panel */ .MediawebMap468LayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .MediawebMap468LayoutPanel .container1 { margin: 10px; width: 468px; height: 500px; } .MediawebMap468LayoutPanel .container2 { margin: 0px 10px; height: 70px; width: 468px; clear: both; } /** * BrandriskNarrowLayoutPanel */ .BrandriskNarrowLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .BrandriskNarrowLayoutPanel .container1 { margin: 10px; width: 374px; height: 400px; } .BrandriskNarrowLayoutPanel .container2 { margin: 0px 10px; height: 70px; width: 374px; clear: both; } /** * Brandrisk440 Layout Panel */ .Brandrisk440LayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .Brandrisk440LayoutPanel .container1 { margin: 10px; width: 440px; height: 800px; } .Brandrisk440LayoutPanel .container2 { margin: 0px 10px; height: 70px; width: 440px; clear: both; } /** * OneFullMapAndSlider AC layout panel */ .oneFullMapAndSliderLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: hidden; } .packageEditorPanel .oneFullMapAndSliderLayoutPanel .container1 { } .oneFullMapAndSliderLayoutPanel .container1 { height: 80%; margin: 10px; } .oneFullMapAndSliderLayoutPanel .container2 { margin: 10px; height: 70px; } /** * ThunderLightning layout panel */ .thunderLightningLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .thunderLightningBottomLayout { clear: both; width: 100%; } .thunderLightningBottomRightDiv { margin: 0px 10px; height: 70px; margin-left: 130px; margin-right: 10px; } .thunderLightningLayoutPanel .container1 { float: left; margin: 10px; width: 600px; height: 485px; } .thunderLightningLayoutPanel .container2 { margin: 10px 10px 10px 620px; height: 485px; } .thunderLightningLayoutPanel .container3 { /*margin: 0px 10px;*/ height: 70px; /*margin-left: 130px; margin-right: 10px; */ width: 480px; float: left; } .thunderLightningLayoutPanel .container4 { height: 70px; width: 110px; float: left; margin-left: 10px; } .thunderLightningLayoutPanel .container5 { /*margin: 0px 10px;*/ height: 70px; margin-left: 490px; /*margin-right: 10px;*/ } /** * Fivemaps layout panel */ .fiveMapsLayoutPanel { width: auto; height: 100%; background: #ffffff; overflow: auto; } .fiveMapsLayoutPanel .container1 { position: relative; float: left; margin: 5px; width: 225px; height: 475px; } .fiveMapsLayoutPanel .container2 { float: left; margin: 5px; width: 225px; height: 475px; } .fiveMapsLayoutPanel .container3 { float: left; margin: 5px; width: 225px; height: 475px; } .fiveMapsLayoutPanel .container4 { float: left; margin: 5px; width: 225px; height: 475px; } .fiveMapsLayoutPanel .container5 { float: left; margin: 5px; width: 225px; height: 475px; } /** * One container layout panel */ .oneContainerLayoutPanel { width: auto; height: 100%; background: #ffffff; overflow: auto; } /** * Tenmaps layout panel */ .tenMapsLayoutPanel { width: auto; height: 100%; background: #ffffff; overflow: auto; } .tenMapsLayoutPanel .container1 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container2 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container3 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container4 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container5 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container6 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container7 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container8 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container9 { float: left; margin: 5px; width: 225px; height: 475px; } .tenMapsLayoutPanel .container10 { float: left; margin: 5px; width: 225px; height: 475px; } /** * Bygg och anlï¿?ggning layout panel */ .byggLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .byggLayoutPanel .container1 { float: left; margin: 10px; width: 320px; height: 475px; } .byggLayoutPanel .parentTo2And3 { margin: 10px 10px 10px 340px; height: 475px; } .byggLayoutPanel .container2 { margin-bottom: 20px; height: 275px; } .byggLayoutPanel .container3 { height: 180px; overflow: auto; } .byggLayoutPanel .container4 { margin: 0px 10px; height: 70px; clear: both; } /** * Snowslip layout */ .snowslipLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; position: relative; } .snowslipLayoutPanel .container1 { float: left; margin: 10px; width: 350px; height: 250px; } .snowslipLayoutPanel .container2 { float: left; margin: 10px; width: 350px; height: 250px; } .snowslipLayoutPanel .container3 { float: left; margin: 10px; width: 350px; height: 250px; } .snowslipLayoutPanel .container4 { clear: left; margin: 10px; height: 100px; } /** * AvdustningLayout layout */ .avdustningLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; } .avdustningLayout .parentTo1And3 { margin: 10px 10px 10px 10px; float: left; } .avdustningLayout .container1 { width: 465px; height: 485px; } .avdustningLayout .container2 { margin: 10px 10px 10px 485px; height: 540px; max-width: 380px; width: auto; /*margin-right: -999px;*/ /* make this as big as you think it needs to be sort of a maximum overlap if you like */ } .avdustningLayout .textModulePanel { overflow: initial; } .avdustningLayout .container3 { margin: 10px 0px 10px 0px; height: 50px; width: 465px; } .avdustningLayout .container4 { margin: 0px 0px 0px 2px; height: 30px; clear: both; } .avdustningLayout .container5 { /*padding: 10px;*/ /*height: 30px;*/ } /* * Tabcontainer of avdustning */ .avdustningLayout .preLoadTabPanel { margin: 0px 0px 0px 10px; position: relative; } .avdustningLayout .tabContainer1 { height: 480px; margin: 10px 0px; } .packageEditorPanel .avdustningLayout .mountainWeatherChartLayout .chartContainer1 { height: 200px !important; } .avdustningLayout .tabContainer2 { height: 480px; margin: 10px 0px; } /** * Farming weather layout with two charts */ .farmingWeatherLayout { width: 100%; height: 100%; background: #ffffff; overflow: visible; position: relative; } .farmingWeatherLayout .container1 { margin: 0px; padding: 10px; height: 12px; position: relative; z-index: 1; } .farmingWeatherLayout .container2 { margin: 0px; padding-left: 10px; padding-right: 10px; position: relative; } .packageEditorPanel .farmingWeatherLayout .container2 { height: 50px; } .farmingWeatherLayout .preLoadTabPanel { margin: 10px; position: relative; } .farmingWeatherLayout .tabContainer1 { margin: 10px 0px; min-height: 480px; } .packageEditorPanel .farmingWeatherLayout .tabContainer1 { height: 480px; } .farmingWeatherLayout .tabContainer2 { margin: 10px 0px; min-height: 480px; } .packageEditorPanel .farmingWeatherLayout .tabContainer2 { height: 480px; } /** * SMHI World weather layout */ .SMHIWorldLayout { width: 950px; height: 100%; background: #ffffff; overflow: visible; } .SMHIWorldLayout .container1 { margin: 10px 10px 10px 10px; width: 930px; height: 500px; } .SMHIWorldLayout .container3 { margin: 0px 10px 10px 10px; width: 930px; height: 50px; } .SMHIWorldLayout .container4 { margin: 0px 10px 10px 10px; width: 930px; height: 18px; } .SMHIWorldLayout .container2 { margin: 0px 10px 10px 10px; padding-left: 10px; padding-right: 10px; position: relative; } .packageEditor .SMHIWorldLayout .container2 { height: 50px; } .SMHIWorldLayout .preLoadTab { margin: 10px; width: 930px; } .SMHIWorldLayout .tabContainer1 { margin: 10px 0px 10px 0px; width: 930px; height: 480px; overflow: auto; } .packageEditor .SMHIWorldLayout .tabContainer1 { width: 930px; } .SMHIWorldLayout .tabContainer2 { margin: 10px 0px 10px 0px; height: 480px; width: 930px; } .SMHIWorldLayout .preLoadTabPanel { margin: 10px 10px 10px 10px; } .packageEditor .SMHIWorldLayout .tabContainer2 { height: 480px; width: 930px; } /** * SMHI Sweden weather layout */ .SMHISwedenLayout { width: 950px; height: 1200px; background: #ffffff; overflow: visible; } .SMHISwedenLayout .container1 { margin: 0px 5px 10px 10px; width: 460px; height: 500px; float: left; } .SMHISwedenLayout .container5 { margin: 0px 10px 10px 480px; width: 460px; height: 560px; overflow: auto; } .SMHISwedenLayout .container3 { margin: -60px 10px 10px 10px; width: 460px; height: 50px; } .SMHISwedenLayout .container4 { margin: 0px 10px 10px 10px; width: 930px; height: 18px; } .SMHISwedenLayout .container2 { margin: 0px 10px 10px 10px; padding-left: 10px; padding-right: 10px; position: relative; } .packageEditor .SMHISwedenLayout .container2 { height: 50px; } .SMHISwedenLayout .preLoadTab { margin: 10px; width: 930px; } .SMHISwedenLayout .tabContainer1 { margin: 10px 0px 10px 0px; width: 930px; height: 480px; overflow: auto; } .packageEditor .SMHISwedenLayout .tabContainer1 { width: 930px; } .SMHISwedenLayout .tabContainer2 { margin: 10px 0px 10px 0px; height: 480px; width: 930px; } .SMHISwedenLayout .preLoadTabPanel { margin: 10px 10px 10px 10px; height: 480px; } .packageEditor .SMHISwedenLayout .tabContainer2 { height: 480px; width: 930px; } /** * Mountain weather layout */ .mountainWeatherLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: visible; position: relative; } .mountainWeatherLayoutPanel .container1 { margin: 0px; padding: 10px; height: 12px; position: relative; z-index: 1; } .mountainWeatherLayoutPanel .preLoadTabPanel { margin: 10px; position: relative; } .mountainWeatherLayoutPanel .tabContainer1 { margin: 10px 0px; min-height: 480px; } .packageEditorPanel .mountainWeatherLayoutPanel .tabContainer1 { height: 480px; } .mountainWeatherLayoutPanel .tabContainer2 { margin: 10px 0px; height: 480px; } .packageEditorPanel .mountainWeatherLayoutPanel .tabContainer2 { height: 480px; } /** * Mountain weather layout with two charts */ .mountainWeatherTwoChartsLayout { width: 100%; height: 100%; background: #ffffff; overflow: visible; position: relative; } .mountainWeatherTwoChartsLayout .container1 { margin: 0px; padding: 10px; height: 12px; position: relative; z-index: 1; } .mountainWeatherTwoChartsLayout .preLoadTabPanel { margin: 10px; position: relative; } .mountainWeatherTwoChartsLayout .tabContainer1 { margin: 10px 0px; min-height: 480px; } .packageEditorPanel .mountainWeatherTwoChartsLayout .tabContainer1 { height: 480px; } .mountainWeatherTwoChartsLayout .tabContainer2 { margin: 10px 0px; min-height: 480px; } .packageEditorPanel .mountainWeatherTwoChartsLayout .tabContainer2 { height: 480px; } /** * Mountain weather chart layout panel (tab inside Mountain weather layout panel) */ .mountainWeatherChartLayout { width: 100%; height: 100%; background: #ffffff; overflow: hidden; display: block; } .mountainWeatherChartLayout .chartContainer1 { height: 225px; margin-bottom: 20px; } .mountainWeatherChartLayout .chartContainer2 { height: 225px; } /** * Common layout */ .layoutWrapper { height: 100%; width: 100%; } /** * Dynamic Layout **/ .dynamicMainWrapper { height: 100%; width: 100%; display: block !important; position: absolute; } .dropZone { width: 100%; height: 100%; } .packageEditorPanel .ui-layout-pane .dropModulePanel { height: 100%; } .hiddenResizer { visibility: hidden; } .ui-layout-pane { padding: 0px !important; border: 0px solid #BBB !important; } /** * Module settings */ .moduleSettingsButtonDiv { position: absolute; bottom: 1.7em; width: 100%; left: 0px; } .moduleSettingsButtonDiv a,.moduleSettingsButtonDiv a:link,.moduleSettingsButtonDiv a:visited,.moduleSettingsButtonDiv a:active,.moduleSettingsButtonDiv a:focus { color: #666; text-decoration: none; } .moduleSettingsButtonDiv a:hover { color: #999; } /* * Other styles */ .transparent-div { position: fixed; background-color: black; opacity: 0.2; /* ie */ filter: alpha(opacity = 20); top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .modalAjaxEditFrame { position: relative; border: 1px dashed; z-index: 2; padding: 0 2px; } .ajaxTableEditFrame { width: 90%; height: 15px; display: inline-block; cursor: text; } .mapSetView { background: #4B8CDC; border: 1px solid #226daa; height: 90px; right: 47px; position: absolute; bottom: 0px; width: 160px; padding-right: 15px; } .setStartPlaceView { background: #4B8CDC; border: 1px solid #226daa; height: 27px; right: 47px; position: absolute; bottom: 0px; width: 330px; padding-right: 15px; } .mapSetButton { font-size: 9px; margin: 5px; } fieldset { border: 1px solid #E1E1E1; } .editUserPackagePanel { padding: 5px; overflow: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 60px; } .editUserPackageLabelContainer { padding-top: 12px; padding-bottom: 5px; } .imxt-grid { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/header_editable_table.png) repeat-x scroll 0 0; } div.imxt-vista { border: 1px solid #c9cacb !important; } div.imxt-head-container { border-top: none !important; border-bottom: none !important; } div.imxt-head-container1 { background: none !important; } table.imxt-head { border-top: 2px solid #c8c9ca; border-left: 2px solid #c8c9ca; border-right: 2px solid #c8c9ca; } div.imxt-form { border-left: 1px solid #C8C9CA; border-right: 1px solid #C8C9CA; overflow: hidden; } div.imxt-body-container2 { margin-left: -1px; } div.imxt-bottom-toolbar-container { border-left: 2px solid #c8c9ca; border-right: 2px solid #c8c9ca; border-bottom: 2px solid #c8c9ca; } .editUserPackageFunctionsTable { height: 27px; } .tableHeaderButtonCell { float: left; border: 1px solid transparent; margin: 2px 0 0 4px; } .tableHeaderButtonCell:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/table_header_button_bgr_hover.png) repeat-x scroll 0 0; border: 1px solid #AFAFAF; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .tableHeaderButtonCell:active { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/table_header_button_bgr_active.png) repeat-x scroll 0 0; border: 1px solid #AFAFAF; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .tableHeaderButtonCell a { color: #000000; float: left; font-size: 12px; font-weight: normal !important; text-decoration: none !important; display: block; padding: 3px 7px 4px 21px; } .tableHeaderButtonCell span { color: #000000; float: left; font-size: 12px; font-weight: normal !important; text-decoration: none !important; display: block; padding: 3px 7px 4px 21px; } .tableHeaderButtonCellDisabled { float: left; border: 1px solid transparent; margin: 2px 0 0 4px; } .tableHeaderButtonCellDisabled a { color: #555; float: left; font-size: 12px; font-weight: normal !important; text-decoration: none !important; font-style: italic; display: block; padding: 3px 7px 4px 21px; } .tableHeaderButtonCellDisabled span { color: #555; float: left; font-size: 12px; font-weight: normal !important; text-decoration: none !important; font-style: italic; display: block; padding: 3px 7px 4px 21px; } .tableHeaderButtonAdd { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/add_icon.png) no-repeat 4px 5px; } .tableHeaderButtonEdit { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/edit_icon.png) no-repeat 4px 5px; } .tableHeaderButtonRemove { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/remove_icon.png) no-repeat 4px 5px; } .tableHeaderButtonCell em { color: #999; } .tableHeaderButtonEditTime { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/clock_icon.png) no-repeat 4px 5px; } .tableHeaderButtonPackageEdit { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/package_icon.png) no-repeat 2px 4px; } .tableHeaderButtonLinkGenerator { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/link_icon.png) no-repeat 2px 4px; } .tableHeaderButtonWebservice { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/webservice_icon.png) no-repeat 2px 4px; } .editUserPackageFunctionsTable tr td { padding: 0; } .menuButtonCell { background: none repeat scroll 0 0; height: 20px; position: relative; } .menuButtonCell:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/drop-down-bgr.png) repeat-x scroll 0 0; } .menuButtonCell a { font-size: 11px; font-weight: normal !important; text-decoration: none !important; display: block; padding: 2px 37px 2px 28px; } .menuButtonCell span { font-size: 11px; font-weight: normal !important; text-decoration: none !important; display: block; padding: 2px 37px 2px 28px; } .menuButtonCell em { color: #DDDDDD; } .menuButtonCell .menuButtonIcon { position: absolute; display: block; border: none; left: 5px; bottom: 2px; } .menuButtonCell .menuButtonLabel { display: inline; padding: 0; } .dropdownButtonsContainer { float: left; border: 1px solid #000; display: block; position: absolute; background: #FFF; z-index: 1; } .dropdownMenuButtonMultipleChoiceGroup { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/folder-checkbox.png) no-repeat 7px 1px; } .dropdownMenuButtonSingleChoiceGroup { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/folder-radiobutton.png) no-repeat 7px 1px; } .dropdownMenuButtonFixedLayer { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/folder-locked.png) no-repeat 7px 1px; } .dropdownMenuButtonCombinedLayer { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/folder-layer.png) no-repeat 7px 1px; } .dropdownMenuButtonLayer { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/layer-single.png) no-repeat 7px 1px; } .dropdownMenuButtonFrodoParam { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/column.png) no-repeat 7px 1px; } .editUserPackageTable { background: none repeat scroll 0 0 #FFFFFF; width: 100%; border-left: 3px solid #9ea0a1; border-bottom: 3px solid #9ea0a1; border-right: 3px solid #9ea0a1; } .editUserPackageTable tr th { border-bottom: 1px solid #EEEEEE; } .editUserPackageTable tr td { border-bottom: 1px solid #EEEEEE; } .addFromListTableContainer { padding: 5px; overflow: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 60px; } .addFromListButtonsContainer { bottom: 1em; position: absolute; width: 100%; } .addFromListTable { width: 100%; border: 1px solid #DDDDDD } .addFromListTable tr td { border-bottom: 1px solid #EEEEEE; } .addFromListTable tr th { border-bottom: 1px solid #EEEEEE; text-align: left; } .addFromListForm a,.addFromListForm a:link,.addFromListForm a:visited,.addFromListForm a:active,.addFromListForm a:focus { color: #666; text-decoration: none; } .addFromListForm a:hover { color: #999; } .editUserPackageButtonsContainer { bottom: 1.7em; position: absolute; width: 100%; } .editUserPackageButtonsContainer a,.editUserPackageButtonsContainer a:link,.editUserPackageButtonsContainer a:visited,.editUserPackageButtonsContainer a:active,.editUserPackageButtonsContainer a:focus { color: #666; text-decoration: none; } .editUserPackageButtonsContainer a:hover { color: #999; } .textParameterTextAreaContainer { width: 100%; height: 300px; } .editHtml { width: 50%; float: left; margin: 10px 10px 0 0; } strong { font-weight: bold; } .editHtmlHeader { float: left; font-weight: bold; margin-top: 5px; } .instructionsHeader { font-weight: bold; } .instructionsDiv { margin: 15px 0 0 0; } .instructionsDiv ul { list-style: disc inside; } .warningDialog { padding: 5px; } .warningDialogButtonContainer { bottom: 1em; position: absolute; width: 100%; } /* Tree grid styles */ .imxt-grid-row { background-color: #FFFFFF; } img.imxt-tree-icon { padding-right: 2px !important; } .searchBoxDiv { width: 100%; } /**Search promap**/ .searchBox { width: 200px !important; top: 22px; right: 35px; border: 1px solid #CCCCCC; height: 17px; margin: 0; padding: 2px 0 2px 4px; font-size: 14px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png); border-style: none solid solid solid; display: none; } input.searchBoxTextField { border: 1px solid #808080; height: 17px; width: 150px !important; margin: 0; padding: 2px 0 2px 4px; float: left; color: #7F7F7F; font-size: 14px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/searchfield_bgr.png) repeat-x; } input.searchSubmitButton { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/search-button-sprite.png) no-repeat !important; margin: 0; text-indent: -9999px; width: 27px; height: 23px; border: none !important; float: left; } .searchBoxHint { color: #999999; font-size: 10px; text-decoration: none; font-weight: lighter; text-align: left; margin-left: 9px; } .logoSelector { background-color: #000; } .logoSelector a.imageFrame { display: block; float: left; padding: 2px; margin: 2px; border: 1px solid #ccc; } .logoSelector a.imageFrame:hover { border-color: #3b9cdf; } .logoSelector a.selected { border: 2px solid #3b9cdf; padding: 1px; } .logoSelector a.imageFrame img { border: none; } /**Generic buttons**/ /**Generic buttons**/ button,input[type="reset"],input[type="button"],input[type="submit"] { border: 1px solid #8F8F8F; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 2px 6px; background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/button_bgr.png') repeat-x; background-color: #000000 solid; filter: chroma(color = #000000); color: #0F0F0F; } button:hover,input[type="reset"]:hover,input[type="button"]:hover,input[type="submit"]:hover { background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/button_bgr_hover.png') repeat-x; border: 1px solid #8F8F8F; } button:active,input[type="reset"]:active,input[type="button"]:active,input[type="submit"]:active { background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/button_bgr_pressed.png') repeat-x; border: 1px solid #8F8F8F; } button[disabled]:active,button[disabled],input[type="reset"][disabled]:active,input[type="reset"][disabled],input[type="button"][disabled]:active,input[type="button"][disabled],input[type="submit"][disabled]:active,input[type="submit"][disabled] { background-color: #EFEFEF; background-image: none; border-color: #CFCFCF; color: #CFCFCF; } /** Searchbox styles**/ .searchBoxModuleContainer { position: relative; white-space: nowrap; } .searchBoxModuleContainer .selectedLocation { /*ORIGINAL*/ font-size: 16px; font-weight: bold; height: 20px; line-height: 20px; margin-bottom: 3px; display: inline; float:left; /* ANDREA CHANGES height: 20px; font-family: 'Futura', Arial, sans-serif; line-height: 0.9em; font-size: 1.8em; margin-bottom: 3px; display: inline; */ } .searchBoxInputContainer { margin-left: 8px; display: inline; } .searchBoxFavoriteContainer { position: absolute; margin-left: 8px; display: inline; font-size: 0px; z-index: 9999999; } .searchBoxModuleContainer .searchField { width: 150px; height: 13px; outline: none; padding: 3px 7px 3px 20px; background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/SearchBox.png) no-repeat; border: none; margin: 0; vertical-align: top; } .searchBoxModule { z-index: 100000 !important; border-width: 1px; border-color: #cccccc; border-style: solid; } .searchBoxModule div.wicket-aa { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/sprite.png) no-repeat -292px 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; font-size: 12px; padding: 0px; text-align: left; } .searchBoxModule div.wicket-aa ul { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/sprite.png) no-repeat -532px -572px; list-style: none; list-style-position: outside; padding: 2px; margin: 0; } .searchBoxModule div.wicket-aa ul li { background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/sprite.png) no-repeat 4px -698px; color: #fff; text-decoration: underline; padding: 0px 5px 2px 18px; margin: 0; font-size: 11px; line-height: 16px; overflow: hidden; } .searchBoxModule div.wicket-aa ul li.selected { color: white; background: transparent url(http://ppdyn.smhi.se/produktportal-1.0/images/sprite.png) no-repeat -772px -572px; } /**Modal window**/ div.wicket-modal div.w_content_3 { border: none !important; } /**CHART**/ div.color_preview { display: inline-block; height: 15px; width: 50px; } .highcharts-series { clip: rect(0px, 2048px, 2048px, 0px) !important; } /**DATE RANGE PICKER**/ .dateRangePicker { cursor: pointer; position: relative; } .dateRangePicker .drHeader,.dateRangePicker .drBody,.dateRangePicker .drFooter { position: relative; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif'); background-repeat: repeat-x; } .dateRangePicker .drHeader { background-position: 0 -200px; margin: 0 5px; width: auto; padding-top: 5px; } .dateRangePicker .drBody { background-position: 0 -210px; background-color: #1A1A1A; border: solid #a6a6a6; border-width: 0 1px; height: 40px; padding: 0 7px 0 7px; } .dateRangePicker .drFooter { background-position: 0 -185px; margin: 0 5px; width: auto; padding-top: 5px; } .dateRangePicker .corner { position: absolute; top: 0; display: block; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; width: 3px; height: 3px; overflow: hidden; } .dateRangePicker .drHeaderLeft,.dateRangePicker .drHeaderRight,.dateRangePicker .drFooterLeft,.dateRangePicker .drFooterRight { width: 5px; height: 5px; } .dateRangePicker .drHeaderLeft { background-position: 0 -805px; left: -5px; } .dateRangePicker .drHeaderRight { background-position: 0 -815px; right: -5px; _right: 0px; } .dateRangePicker .drFooterLeft { background-position: 0 -825px; left: -5px; } .dateRangePicker .drFooterRight { background-position: 0 -835px; right: -5px; _right: 0px; } .dateRangePicker .dateRangeStart { position: absolute; } .dateRangePicker .dateRangeEnd { position: absolute; bottom: 0; } .dateRangePicker .drArrow { position: absolute; right: 7px; top: 13px; width: 15px; height: 15px; background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/dropdown_collapsed.png') no-repeat; } .dateRangePicker .open { background: url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/dropdown_open.png') no-repeat; } .dateRangePicker .datepicker { position: absolute !important; bottom: 50px !important; top: auto !important; } /** TIME INTERVAL SETTINGS **/ .timeIntervalPanel { margin: 0px 0px 20px 20px; } .timeIntervalPanel fieldset { margin: 0px 0px 10px 0px; } .timeSettingsHeader { padding: 0 10px; font-weight: bold; } .timeIntervalPanel .fixedPanel { margin: 0px 0px 20px 0px; } .timeIntervalFixedTable { margin: 0px 0px 5px 20px; } .timeIntervalPanel .relativePanel { margin: 10px 0 0; } .timeIntervalRelativeTable { margin: 0px 0px 5px 20px; } .timeSliderTimeSettingsTD { padding: 0 5px; } .timeIntervalFixedTable .timeSliderTimeSettingsTD { padding: 0 10px; } .timeFixedCheckbox { margin: 4px 0px 4px 0px; } .timeIntervalHelp { margin: 0px 0px 0px 20px; } .timeIntervalHelp span { font-weight: bold; } .timeIntervalHelp .box { padding: 4px; } .labelDisabled { font-style: italic; color: #ddd; } .textModulePanel { width: 100%; overflow: auto; display: inline; } .textModuleDiv { padding: 5px 0px 0px 0px; } .textModule { } h3.textModule { font-weight: bold; font-size: 0.9em; } h2.textModule { font-wight: bold; font-size: 1.5em; margin: 0 0 10px 0; } span.textModule { display: block; font-size: 0.9em; margin: 10px 0px 10px 0px; } span.textModuleUpdateTime { font-size: 78%; } ul.textModuleList { list-style: disc inside; margin: 10px 0px 10px 0px; } li.textModuleListElement { } .x-grid3-cell-inner { padding: 0 0 0 10px !important; } .x-grid3-cell { vertical-align: middle !important; background-color: #FFFFFF !important; /*To override polopoly css*/ } .x-grid3-row-table { height: 100%; } td.x-grid3-hd-over,td.sort-desc,td.sort-asc,td.x-grid3-hd-menu-open { border-left: 0px solid !important; border-right: 1px solid !important; } td.ux-grid-hd-group-cell { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif") #eaeaea repeat-x !important; font-weight: bold !important; } .x-grid3-hd-row td { font-weight: bold !important; } .x-grid3-header-inner { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif") #eaeaea repeat-x !important; } .x-grid3-hd-inner { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif") #eaeaea repeat-x !important; } .x-grid3-header { background-color: #F9F9F9; background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif") !important; } .x-panel-header { font-weight: normal !important; background: none repeat-x scroll 0 4px transparent !important; background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/datatable_header_bg.gif") !important; } .forecast-row { background-color: #FFFFFF; } .analysis-row { background-color: #CCCCCC; } .exportTableDataIcon { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/disk_bw.png") !important; } .inlineColorSelector { display: inline-block; } .favoriteButton { font-size: 0px; line-height: 0px; text-decoration: none; outline: none; display: inline-block; } .saveFavoriteImage { padding: 0; margin: 0; border: none; border-width: 0px; } .favoriteHome { width: 14px; height: 24px; float: left; margin: 0 8px 0 4px; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/favoriteHome2.png"); } .favoriteHomeSelected { width: 14px; height: 24px; float: left; margin: 0 8px 0 4px; background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/favoriteHomeSelect2.png"); } .favoriteHome:hover { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/favoriteHomeSelect2.png"); } .favoriteLink { text-decoration: none; outline: none; font-size: 11px; } .favoriteDropDownListButton { font-size: 0px; line-height: 0px; text-decoration: none; outline: none; display: inline-block; } .iconFavoriteListImage { padding: 0; margin: 0; border: none; border-width: 0px; } .favoriteDropDownListPanel { border: 1px solid #e2e2e2; display: block; position: absolute; background: #f2f2f2; z-index: 999999; width: 250px; top: 19px; left: 0px; } .favoriteDropDownListRow { height: 24px; position: relative; line-height: 24px; } .favoriteDropDownListRow:hover { background-color: #cccccc; } .favoriteDropDownListRow .starPlaceButton { margin-left: 4px; margin-right: 4px; font-size: 0px; vertical-align: middle; text-decoration: none; } .favoriteDropDownListRow .favoritePlaceButton { text-decoration: none; font-weight: normal; } .favoriteDropDownListRow .noFavorite { margin: 5px; font-size: 11px; } .favoriteDropDownListRowDelete { background: none; width: 20px; height: 24px; text-decoration: none; outline: none; top: 0px; right: 0px; position: absolute; } .favoriteDropDownListRowDelete:hover { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/favoriteDelete_rollover.png") !important; } .favoriteDropDownListRow:hover .favoriteDropDownListRowDelete { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/favoriteDelete.png"); } .paramLayerTimeEdit { width: 130px; } .expose-el-trees { height: 375px !important; } .expose-el-trees .wicket-tree { height: 330px !important; } .redlabel { color: red; } .greenlabel { color: green; } .contentDisplayClass { /*background-color: white; padding-right: 15px; padding-top: 20px; padding-bottom: 5px; padding-left: 5px;*/ font-weight: bold; } .popupDisplayClass { font-weight: bold; } .olPopupCloseBox { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/gray_close.png") no-repeat !important; width: 21px !important; height: 21px !important; } /** * Blixtarkiv layout panel */ .packageEditorPanel .blixtarkivLayoutPanel { width: 100%; } .blixtarkivLayoutPanel { width: 995px; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .blixtarkivLayoutPanel .blixtarkivLayoutLeft { float: left; } .blixtarkivLayoutPanel .container1 { margin: 10px; width: 465px; height: 70px; } .blixtarkivLayoutPanel .container2 { margin: 10px; width: 465px; height: 485px; } .blixtarkivLayoutPanel .container3 { margin: 10px 10px 10px 485px; width: 465px; min-height: 20px; position: relative; } .blixtarkivLayoutPanel .container4 { margin: 10px 10px 10px 485px; width: 465px; height: 485px; overflow: auto; position: relative; } /* * Grey background for timeslider and datetimepicker and other components */ .corner, .timePop .pointer { position: absolute; top: 0; display: block; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; width: 3px; height: 3px; overflow: hidden; } .timeHd, .timeBd, .timeFt, .plateBd { position: relative; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif'); background-repeat: repeat-x; } .timeHd { background-position: 0 -200px; margin: 0 5px; width: auto; padding-top: 5px; } .timeFt { background-position: 0 -185px; margin: 0 5px; width: auto; padding-top: 5px; } .timeL, .timeR, .timeBL, .timeBR { width: 5px; height: 5px; } .timeL { background-position: 0 -805px; left: -5px; } .timeR { background-position: 0 -815px; right: -5px; _right: 0px; } .timeBL { background-position: 0 -825px; left: -5px; } .timeBR { background-position: 0 -835px; right: -5px; _right: 0px; } .newUserPanel{ height: 300px; } .newUserPanel .newUserLabel{ padding: 5px 0px 5px 0px; width: 35% } .newUserPanel .newUserInput{ padding: 5px 0px 5px 0px; } .newUserPanel .newUserButton{ padding: 15px 0px 15px 0px; } .newCustomerPanel{ height: 100px; } .newCustomerPanel .newCustomerLabel{ padding: 5px 0px 5px 0px; width: 35% } .newCustomerPanel .newCustomerInput{ padding: 5px 0px 5px 0px; } .newCustomerPanel .newCustomerButton{ padding: 15px 0px 15px 0px; } .jquery_tinywatermark { color: #999 !important; } div.highlighted td { background-color: #D2D2D2 !important; } /* START LOOK FOR TEXTMODUL, SAME LOOK AS IN SMHI.se */ .smalltitle { font: 1.3em smhi-font, Arial, sans-serif; opacity: 0.999; line-height: 1em; font-weight: normal; text-transform: uppercase; margin: 0 0 2px 0; padding-top: 3px; } .divider_medium { clear: both; width: 100%; background-color: black; height: 3px; max-height: 3px; min-height: 3px; margin: 0 0 10px 0; } /* END LOOK FOR TEXTMODUL */ div.olControlMapTime { bottom: 3px; left: 3px; display: block; position: absolute; font-family: Verdana; background-color: white; font-size: smaller; opacity: 0.75; filter: alpha(opacity=75); padding: 2px 2px 2px 2px; } .olControlNavToolbar .olControlNavigationItemActive { background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png"); background-repeat: no-repeat; background-position: 0px -39px !important; } .olControlNavToolbar .olControlNavigationItemInactive { background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png"); background-repeat: no-repeat; background-position: -29px -39px !important; } .olControlNavToolbar .olControlZoomBoxItemActive { background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png"); background-repeat: no-repeat; background-position: 0px -70px !important; } .olControlNavToolbar .olControlZoomBoxItemInactive { background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png"); background-repeat: no-repeat; background-position: -29px -70px !important; } .olControlNavToolbar div { display: block; width: 28px; height: 28px; top: 300px; left: 18px; position: relative; } /* KOM IGANG SIDOR CSS START*/ #container_help { background: #EBEAE6; } #container_help #white_col { border: 3px solid #DFDEDA; background-color: white; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top: none; border-bottom: 1px solid #DFDEDA; z-index: 0; width: 750px; position: relative; height: auto; min-height: 100%; padding: 0.45em 0 0 2.36em; margin-left: auto; margin-right: auto; background-color: white; } #container_help .element_w70 { width:725px; } #container_help h1.mainH1 { font: 3.4em Arial, sans-serif; opacity: 0.999; line-height: 1em; clear: both; margin-top: 0.2em; margin-bottom: 0.27em; font-weight: bold; overflow: visible; } #container_help h2.mainH2 { font: 1.3em Arial, sans-serif; opacity: 0.999; line-height: 1em; font-weight: bold; text-transform: uppercase; margin: 2.3em 0 2px 0; padding-top: 3px; } #container_help .preamble { font-size: 1.09em; font-weight: bold; } #container_help a { color: #0063BE; text-decoration: underline; } #container_help .divider_medium { clear: both; width: 100%; background-color: black; height: 3px; max-height: 3px; min-height: 3px; margin: 0 0 10px 0; } #container_help .paragraph_part { margin-top: 10px; } #container_help .teaser { overflow: hidden; clear: left; width: 100%; display: block; margin: 10px 0; } #container_help ul { list-style-type: none; padding: 0; margin: 2.3em 0 0 0; } #container_help h4 { margin-bottom: 0; margin-top: 10px; } #container_help .teaser p { margin-top: 0; margin-bottom:7px; } #tableheaderpointgroup { font-weight: bold; } /* KOM IGANG SIDOR CSS END*/ p.infohover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/info_icon.png) no-repeat scroll 0 0; height: 16px; } table.packageMenuShowHide { height: 55px; } /** * Spraying weather layout */ .sprayingweatherLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .sprayingweatherLayoutPanel .leftHalf { float: left; } .sprayingweatherLayoutPanel .container1 { margin: 10px; width: 468px; height: 500px; } .sprayingweatherLayoutPanel .container2 { margin: 0px 10px; height: 70px; width: 468px; clear: both; } .sprayingweatherLayoutPanel .container6 { margin: 10px; width: 468px; height: 20px; } .sprayingweatherLayoutPanel .container5 { margin: 10px; width: 468px; height: 500px; } .sprayingweatherLayoutPanel .container3 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .sprayingweatherLayoutPanel .container4 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .sprayingweatherLayoutPanel .container4 .textModule{ height: 20px; } .packageEditorPanel .sprayingweatherLayoutPanel .container2 { height: 50px; } .sprayingweatherLayoutPanel .preLoadTabPanel { margin: 10px 10px 10px 488px; position: relative; } .sprayingweatherLayoutPanel .tabContainer1 { margin: 10px 0px; height: 2000px; overflow: auto; *overflow: hidden; } .sprayingweatherLayoutPanel .tabContainer1 .tableModule { overflow: initial; } /** * Evaporation layout */ .evaporationLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .evaporationLayoutPanel .leftHalf { float: left; } .evaporationLayoutPanel .container1 { margin: 10px; width: 468px; height: 500px; } .evaporationLayoutPanel .container2 { margin: 0px 10px; height: 70px; width: 468px; clear: both; } .evaporationLayoutPanel .container6 { margin: 10px; width: 468px; height: 20px; } .evaporationLayoutPanel .container5 { margin: 10px; width: 468px; height: 400px; } .evaporationLayoutPanel .container7 { margin: 10px; width: 468px; height: 100px; } .evaporationLayoutPanel .container3 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .evaporationLayoutPanel .container4 { margin: 10px 10px 10px 485px; height: 20px; position: relative; } .evaporationLayoutPanel .container4 .textModule{ height: 20px; } .packageEditorPanel .evaporationLayoutPanel .container2 { height: 50px; } .evaporationLayoutPanel .preLoadTabPanel { margin: 10px 10px 10px 488px; position: relative; } .evaporationLayoutPanel .tabContainer1 { margin: 10px 0px; height: 485px; overflow: auto; *overflow: hidden; } .evaporationLayoutPanel .tabContainer1 .tableModule { overflow: initial; } /** * Evaporation chart layout panel (tab inside Evaporation layout panel) */ .EvaporationChartLayoutPanel { width: 100%; height: 100%; background: #ffffff; overflow: hidden; display: block; } .EvaporationChartLayoutPanel .chartContainer1 { height: 230px; margin-bottom: 20px; } .EvaporationChartLayoutPanel .chartContainer2 { height: 230px; } /** * Vvis Layout */ .VvisLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .VvisLayout .VvisRightLayout { float: right; width: 53%; } .VvisLayout .VvisUpperLayout { width: 100%; height: 505px; } .VvisLayout .container1 { margin: 5px 5px 5px 5px; width: 45%; height: 715px; float: left; } .VvisLayout .container4 { margin: 5px 5px 5px 5px; height: 20px; } .VvisLayout .container2 { margin: 5px 5px 5px 5px; height: 680px; } .VvisLayout .container3 { margin: 5px 5px 5px 5px; width: 100%; height: 70px; float: left; } /** * Pmp vs Mesan Layout */ .PmpVsMesanLayout { width: 100%; height: 100%; background: #ffffff; overflow: auto; *overflow: hidden; } .PmpVsMesanLayout .PmpVsMesanRightLayout { float: right; width: 53%; } .PmpVsMesanLayout .PmpVsMesanUpperLayout { width: 100%; height: 715px; } .PmpVsMesanLayout .container1 { margin: 5px 5px 5px 5px; width: 45%; height: 715px; float: left; } .PmpVsMesanLayout .container4 { margin: 5px 5px 5px 5px; height: 20px; } .PmpVsMesanLayout .container5 { margin: 5px 5px 5px 5px; height: 200px; overflow: auto; } .PmpVsMesanLayout .container2 { margin: 10px 5px 5px 5px; height: 475px; } .PmpVsMesanLayout .container3 { margin: 5px 5px 5px 5px; width: 100%; height: 70px; float: left; } a { color: #0063BE; text-decoration: underline; } p { padding: 5px 0 0; margin: 10px 0; } div#Infocontainer{ border: 3px solid #DFDEDA; z-index: 0; margin:50px auto 10px auto; font: 1.3em smhi-font, Arial, sans-serif; width: 65%; -webkit-border-radius: 4px; border-radius: 4px; border-top: none; border-bottom: 1px solid #DFDEDA; background: white; padding-top: 15px; } div#title{ padding-left: 25px; } div#content{ margin-bottom:80px; width: 500px; padding: 20px 0 0 45px; } div#imgDiv{ float: left; margin-left: 25px; } hr.headerLine{ height: 3px; background-color: #000000; padding: 0px; margin: 0px; width: 600px; } hr.widgetLine{ width: 250px; height: 3px; background-color: #000000; } div#errorMsg{ width: 400px; height:70px; margin-left: 110px; } div#divider_black_bottom{ position: relative; height: 12px; width: 95%; margin-top: 65px; margin-left: auto; margin-right: auto; background: black; } b.widgetTitle{ font-size: 1.3em; text-transform:uppercase } div#footer{ width: 60%; height: 400px; margin: 20px auto; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/images/isobar.gif); background-repeat: no-repeat; } div#footerContent{ min-width: 950px; width: 95%; margin: 0px auto; height: 200px; } .widget{ width: 245px; padding: 15px; margin: 0px 30px 0px auto; float: left; display: inline-block; } div#errorDesc{ width:700px; } div.errorText{ width: 700px; margin-top:-15px; } ul{ list-style:none; margin-left:-37px; } .facebook { display: block; line-height: 2.455em; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/facebook.gif) 0 7px no-repeat; padding: 0.18em 0 0.36em 1.82em; overflow: hidden; } .twitter { display: block; line-height: 2.455em; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/twitter.gif) 0 7px no-repeat; padding: 0.18em 0 0.36em 1.82em; overflow: hidden; } .folketsVader { display: block; line-height: 2.455em; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/fv-ikon.gif) 0 7px no-repeat; padding: 0.18em 0 0.36em 1.82em; overflow: hidden; } input .jquery_tinywatermark { color: #999 !important; } .timeBarPanel { position: relative; text-align: left; font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; margin: 0; padding: 0; outline-style:none; outline: 0 none; /* Change min-width if timline exteds */ /* min-width: 300px; */ width: auto; /* Change IE6 width if timline exteds */ _width: 300px; height: 40px; } .time { position: absolute; height: 100%; width: 100%; } .timeBd { background-position: 0 -210px; background-color: #1A1A1A; border: solid #a6a6a6; border-width: 0 1px; height: 40px; padding: 0; z-index: 1; } .timeBar { position: relative; } .timeBar .timeSliderContainer { padding: 8px 30px 0px; *padding: 9px 30px 0; } .timeBar ul { margin: 0; padding: 0; } .timeBar li, .timeBar a, .timeBar span { display: block; overflow: hidden; width: 15px; height: 20px; border: 0; padding: 0; cursor: pointer; vertical-align: center; } .timeBar a, .timeBar span { text-indent: -9999em; } .timeBar li { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_bg.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_bg.gif'); background-repeat: repeat-x; height: 20px; position: relative; width: 10px; float: left; list-style-type: none; } .timeBar .timestep { } .timeBar .loading { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_loading_bg.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_loading_bg.gif'); } .timeBar .loaded { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_loaded_bg_test.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_loaded_bg_test.gif'); } .timeBar .newDay { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_newDay.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_newDay.gif'); background-repeat: no-repeat; } .timeBar .timestepForward { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; background-position: 0 -560px; width: 20px; display: none; } .timeBar .timestepBackward { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; background-position: 0 -500px; width: 20px !important; display: none; } .time .primeTime { position: absolute; width: 100%; left: 0; bottom: 0px; } .time .timeLabel { font-size: 77%; line-height: 1.3em; color: #999; text-align: center; margin: 0; padding: 0; position: relative; } .time .iewarning { z-index: 100; width: 100%; bottom: 0px; position: absolute; left: 0px; } .time .iewarningShown { display: none; } .time .iewarningbox { position: relative; z-index: 10; } .time .iewarningcloseimg { position: relative; bottom: -3px; left: 4px; } .time .iewarningtext { font-size: 77%; color: #ff0000 !important; } .time .iewarninglink { font-size: 77%; color: #ff0000 !important; text-decoration: none; } .time .iewarningimgleft { position: relative; bottom: -8px; right: -4px } .time .iewarningleft { display: inline; } .time .iewarningmiddle { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/ie_warning/ie-warning-bg-middle.png) repeat-x; position: relative; bottom: -3px; text-align: center; display: inline; } .time .iewarningimgright { position: relative; bottom: -8px; } .time .iewarningright { display: inline; } .time .iewarningtext a, .time .iewarningtext a:link, .time .iewarningtext a:visited, .time .iewarningtext a:active, .time .iewarningtext a:hover, .time .iewarningtext a:focus { color: #ff0000; } .time .hidden { display: none; } .timePop { position: absolute; top: -16px; z-index: 999999; margin: 0; display: none; } .timePopHd, .timePopFt { clear: both; position: relative; min-width: 160px; width: 160px; *width: 160px; height: 3px; margin: 0 3px; } .timePopHd { background: #1A1A1A; } .timePopFt { background: #000; } .timePopBd { background: #000 url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif') 0 -150px repeat-x; font-size: 85%; line-height: 1.3em; white-space: nowrap; text-align: center; padding: 1px 4px 2px; color: #fff; } .timePop .pointer { left: 50%; bottom: 0; background-position: 0 -620px; width: 6px; height: 5px; margin: 3px 0 0 -1px; } .timePop .tl, .timePop .bl { float: left; } .timePop .tr, .timePop .br { float: right; } .timePop .tl { background-position: 0 -600px; left: -3px; } .timePop .tr { background-position: 0 -605px; right: -3px; } .timePop .bl { background-position: 0 -610px; left: -3px; } .timePop .br { background-position: 0 -615px; right: -3px; } .timeMissing { display: block; } /* SLIDER STYLES */ .timeBar .timeSlider { position: absolute; left: 57px; _left: 25px; top: 12px; _top: 13px; } .ui-slider { height: 0em !important; } .timeSlider, .ui-slider .ui-slider-handle { border: 0px; position: absolute; z-index: 2; outline-style:none; outline: 0 none; } .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -8px; } .timeSlider >.ui-state-default { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png") no-repeat 0 -540px ; } .playButton { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_play.png"); height: 18px; width: 18px; position: absolute; top: 9px; left: 6px; } .stopButton { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/time_bar_pause.png"); height: 18px; width: 18px; position: absolute; top: 9px; left: 6px; } div.olMap { z-index: 0; padding: 0 !important; margin: 0 !important; cursor: default; } div.olMapViewport { text-align: left; } div.olLayerDiv { -moz-user-select: none; -khtml-user-select: none; } .olLayerGoogleCopyright { left: 2px; bottom: 2px; } .olLayerGoogleV3.olLayerGoogleCopyright { right: auto !important; } .olLayerGooglePoweredBy { left: 2px; bottom: 15px; } .olLayerGoogleV3.olLayerGooglePoweredBy { bottom: 15px !important; } .olControlAttribution { font-size: smaller; right: 3px; bottom: 4.5em; position: absolute; display: block; } .olControlScale { right: 3px; bottom: 3em; display: block; position: absolute; font-size: smaller; } .olControlScaleLine { display: block; position: absolute; left: 10px; bottom: 15px; font-size: xx-small; } .olControlScaleLineBottom { border: solid 2px black; border-bottom: none; margin-top:-2px; text-align: center; } .olControlScaleLineTop { border: solid 2px black; border-top: none; text-align: center; } .olControlPermalink { right: 3px; bottom: 1.5em; display: block; position: absolute; font-size: smaller; } div.olControlMousePosition { bottom: 0; right: 3px; display: block; position: absolute; font-family: Arial; font-size: smaller; } .olControlOverviewMapContainer { position: absolute; bottom: 0; right: 0; } .olControlOverviewMapElement { padding: 10px 18px 10px 10px; background-color: #00008B; -moz-border-radius: 1em 0 0 0; } .olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton { height: 18px; width: 18px; right: 0; bottom: 80px; cursor: pointer; } .olControlOverviewMapExtentRectangle { overflow: hidden; background-image: url("img/blank.gif"); cursor: move; border: 2px dotted red; } .olControlOverviewMapRectReplacement { overflow: hidden; cursor: move; background-image: url("img/overview_replacement.gif"); background-repeat: no-repeat; background-position: center; } .olLayerGeoRSSDescription { float:left; width:100%; overflow:auto; font-size:1.0em; } .olLayerGeoRSSClose { float:right; color:gray; font-size:1.2em; margin-right:6px; font-family:sans-serif; } .olLayerGeoRSSTitle { float:left;font-size:1.2em; } .olPopupContent { padding:5px; overflow: auto; } .olControlNavigationHistory { background-image: url("img/navigation_history.png"); background-repeat: no-repeat; width: 24px; height: 24px; } .olControlNavigationHistoryPreviousItemActive { background-position: 0 0; } .olControlNavigationHistoryPreviousItemInactive { background-position: 0 -24px; } .olControlNavigationHistoryNextItemActive { background-position: -24px 0; } .olControlNavigationHistoryNextItemInactive { background-position: -24px -24px; } div.olControlSaveFeaturesItemActive { background-image: url(img/save_features_on.png); background-repeat: no-repeat; background-position: 0 1px; } div.olControlSaveFeaturesItemInactive { background-image: url(img/save_features_off.png); background-repeat: no-repeat; background-position: 0 1px; } .olHandlerBoxZoomBox { border: 2px solid red; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olHandlerBoxSelectFeature { border: 2px solid blue; position: absolute; background-color: white; opacity: 0.50; font-size: 1px; filter: alpha(opacity=50); } .olControlPanPanel { top: 10px; left: 5px; } .olControlPanPanel div { background-image: url(img/pan-panel.png); height: 18px; width: 18px; cursor: pointer; position: absolute; } .olControlPanPanel .olControlPanNorthItemInactive { top: 0; left: 9px; background-position: 0 0; } .olControlPanPanel .olControlPanSouthItemInactive { top: 36px; left: 9px; background-position: 18px 0; } .olControlPanPanel .olControlPanWestItemInactive { position: absolute; top: 18px; left: 0; background-position: 0 18px; } .olControlPanPanel .olControlPanEastItemInactive { top: 18px; left: 18px; background-position: 18px 18px; } .olControlZoomPanel { top: 71px; left: 14px; } .olControlZoomPanel div { background-image: url(img/zoom-panel.png); position: absolute; height: 18px; width: 18px; cursor: pointer; } .olControlZoomPanel .olControlZoomInItemInactive { top: 0; left: 0; background-position: 0 0; } .olControlZoomPanel .olControlZoomToMaxExtentItemInactive { top: 18px; left: 0; background-position: 0 -18px; } .olControlZoomPanel .olControlZoomOutItemInactive { top: 36px; left: 0; background-position: 0 18px; } /* * When a potential text is bigger than the image it move the image * with some headers (closes #3154) */ .olControlPanZoomBar div { font-size: 1px; } .olPopupCloseBox { background: url("img/close.gif") no-repeat; cursor: pointer; } .olFramedCloudPopupContent { padding: 5px; overflow: auto; } .olControlNoSelect { -moz-user-select: none; -khtml-user-select: none; } .olImageLoadError { background-color: pink; opacity: 0.5; filter: alpha(opacity=50); /* IE */ } /** * Cursor styles */ .olCursorWait { cursor: wait; } .olDragDown { cursor: move; } .olDrawBox { cursor: crosshair; } .olControlDragFeatureOver { cursor: move; } .olControlDragFeatureActive.olControlDragFeatureOver.olDragDown { cursor: -moz-grabbing; } /** * Layer switcher */ .olControlLayerSwitcher { position: absolute; top: 25px; right: 0; width: 20em; font-family: sans-serif; font-weight: bold; margin-top: 3px; margin-left: 3px; margin-bottom: 3px; font-size: smaller; color: white; background-color: transparent; } .olControlLayerSwitcher .layersDiv { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; padding-right: 10px; background-color: darkblue; } .olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl { margin-top: 3px; margin-left: 3px; margin-bottom: 3px; } .olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv { padding-left: 10px; } .olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv { width: 18px; height: 18px; top: 5px; right: 0; cursor: pointer; } .olBingAttribution { color: #DDD; } .olBingAttribution.road { color: #333; } .olGoogleAttribution.hybrid, .olGoogleAttribution.satellite { color: #EEE; } .olGoogleAttribution { color: #333; } span.olGoogleAttribution a { color: #77C; } span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a { color: #EEE; } /** * Editing and navigation icons. * (using the editing_tool_bar.png sprint image) */ .olControlNavToolbar , .olControlEditingToolbar { margin: 5px 5px 0 0; } .olControlNavToolbar div, .olControlEditingToolbar div { background-image: url("img/editing_tool_bar.png"); background-repeat: no-repeat; margin: 0 0 5px 5px; width: 24px; height: 22px; cursor: pointer } /* positions */ .olControlEditingToolbar { right: 0; top: 0; } .olControlNavToolbar { top: 295px; left: 9px; } /* layouts */ .olControlEditingToolbar div { float: right; } /* individual controls */ .olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive { background-position: -103px -1px; } .olControlNavToolbar .olControlNavigationItemActive , .olControlEditingToolbar .olControlNavigationItemActive { background-position: -103px -24px; } .olControlNavToolbar .olControlZoomBoxItemInactive { background-position: -128px -1px; } .olControlNavToolbar .olControlZoomBoxItemActive { background-position: -128px -24px; } .olControlEditingToolbar .olControlDrawFeaturePointItemInactive { background-position: -77px -1px; } .olControlEditingToolbar .olControlDrawFeaturePointItemActive { background-position: -77px -24px; } .olControlEditingToolbar .olControlDrawFeaturePathItemInactive { background-position: -51px -1px; } .olControlEditingToolbar .olControlDrawFeaturePathItemActive { background-position: -51px -24px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive{ background-position: -26px -1px; } .olControlEditingToolbar .olControlDrawFeaturePolygonItemActive { background-position: -26px -24px; } div.olControlZoom { position: absolute; top: 8px; left: 8px; background: rgba(255,255,255,0.4); border-radius: 4px; padding: 2px; } div.olControlZoom a { display: block; margin: 1px; padding: 0; color: white; font-size: 18px; font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; height: 22px; width:22px; line-height: 19px; background: #130085; /* fallback for IE - IE6 requires background shorthand*/ background: rgba(0, 60, 136, 0.5); filter: alpha(opacity=80); } div.olControlZoom a:hover { background: #130085; /* fallback for IE */ background: rgba(0, 60, 136, 0.7); filter: alpha(opacity=100); } @media only screen and (max-width: 600px) { div.olControlZoom a:hover { background: rgba(0, 60, 136, 0.5); } } a.olControlZoomIn { border-radius: 4px 4px 0 0; } a.olControlZoomOut { border-radius: 0 0 4px 4px; } /** * Animations */ .olLayerGrid .olTileImage { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } /* ----------------------------------------------- Version: CVS $Id: base.css 7816 2009-04-29 17:57:15Z perros $ * is for IE6/7 quirks mode _ is for IE6 quirks mode Pixel / 13 = "em" Pixel / 13.3333 ="IE em" or "em" x 0.9759 = "IE em" ----------------------------------------------- */ /* ----------------------------------------------- BASE HTML ELEMENTS START ----------------------------------------------- */ /* ----------------------------------------------- font-size: 77% for setting 10px font-size: 85% for setting 11px font-size: 93% for setting 12px font-size: 100% for setting 13px font-size: 108% for setting 14px font-size: 116% for setting 15px font-size: 123.1% for setting 16px font-size: 131% for setting 17px font-size: 138.5% for setting 18px font-size: 146.5% for setting 19px font-size: 153.9% for setting 20px font-size: 161.6% for setting 21px font-size: 167% for setting 22px font-size: 174% for setting 23px font-size: 182% for setting 24px font-size: 189% for setting 25px font-size: 197% for setting 26px ----------------------------------------------- */ .promap { font:13px/1.231 Verdana,'Lucida Grande',sans-serif; *font-family: Verdana,Tahoma,Arial,sans-serif; *font-size:small; *font:x-small; height: 100%; } .promap a, .promap a:visited, .promap a:active { color: #0063bc; text-decoration: none; outline-style:none; } .nowarning { position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -73px; font-family: Arial, Verdana, sans-serif; font-weight: bold; z-index: 1000; font-size: 16px; text-align: center; border-style: solid; border-width: 4px; padding: 5px 5px 5px 5px; background-color: #FFFFFF; text-transform:uppercase; width: 136px; border-color: green; -moz-box-shadow: 0 0 10px 3px #888; -webkit-box-shadow: 0 0 10px 3px #888; box-shadow: 0 0 10px 4px #888; } .driftstorning { overflow-x: hidden; overflow-y: hidden; width: 162px; opacity: 1; position: relative; font-family: Arial, Verdana, sans-serif; font-weight: bold; z-index: 1000; border-style: solid; border-width: 4px; padding: 5px 5px 5px 5px; background-color: white; text-transform: uppercase; border-color: black; /*margin: 130px auto 0 auto;*/ -moz-box-shadow: 0 0 10px 3px #888; -webkit-box-shadow: 0 0 10px 3px #888; box-shadow: 0 0 10px 4px #888; } .promap a:hover, .promap a:focus { color: #000; text-decoration: none; /* border-bottom: 1px #FFF dotted;*/ /* _border-bottom: 1px #FFF solid;*/ } .promap h1 { font-size: 153.9%; font-weight: normal; word-spacing: normal; letter-spacing: -1px; *letter-spacing: normal; line-height: 1.3em; *line-height: 1.2em; color: #FFF; margin: 0; } .promap h3 { margin: 0.5em 0; } .promap h4 { margin: 0; } .promap h3, .promap h4, .promap p, .promap legend, .promap caption, .promap address, .promap th, .promap td, .promap dt, .promap dd, .promap li { font-size: 85%; line-height: 1.6em; } .promap dl dl dt, .promap dl dl dd, .promap li li, .promap table h1, .promap table h2, .promap table h3, .promap table h4, .promap table p, .promap table label, .promap table address, .promap table dt, .promap table dd, .promap table li, .promap table input { font-size: 100%; } .promap iframe { border: 1px #333 solid; } .promap dt, .promap legend, .promap caption { color: #FFF; font-weight: bold; text-align: left; } .promap input, .promap select, .promap textarea, .promap button { font-size: 85%; color: #333; } .promap input[type=text], .promap input[type=password], .promap input[type=file], .promap select, .promap textarea, .promap .input { width: 99%; *width: 98%; *padding: 0 1px 1px; } .promap .input { _width: 98%; _padding: 0 1px 1px; } .promap select { *width: 99.5%; } .promap textarea { height: 80px; padding: 1px; } .promap fieldset { position: relative; overflow: hidden; clear: both; } .promap input[type=radio], .promap input.radio { margin: 2px 5px 0 0; *margin: -1px 2px 0 0; padding: 0; vertical-align: top; } .promap input[type=checkbox], .promap input.checkbox { margin: 1px 5px 0 0; *margin: -2px 2px 0 0; padding: 0; vertical-align: top; } .promap fieldset input[type=checkbox], .promap fieldset input[type=radio] { /* position: absolute; left: -9999em; margin: 0; padding: 0; *left: 0; *margin: -4px 5px 0 0; */ } .promap fieldset input[type=checkbox] + label, .promap fieldset input[type=radio] + label { width: auto; cursor: pointer; background-repeat: no-repeat; } .promap fieldset input[type=checkbox] + label { /* background-image: url('../../images/smhi_pro/smhi-sprite.png');*/ /*_background-image: url('../../images/smhi_pro/smhi-sprite.gif');*/ /* temp. for test IE7 */ /* *background-image: none;*/ /*background-position: 0 -350px! important;*/ } .promap fieldset input[type=radio] + label { /* background-image: url('../../images/smhi_pro/smhi-sprite.png');*/ /* _background-image: url('../../images/smhi_pro/smhi-sprite.gif');*/ /* temp. for test IE7 */ /**background-image: none;*/ /* background-position: 0 -450px! important;*/ } /* .promap fieldset input[type=checkbox]:checked + label { background-position: 0 -300px! important; } .promap fieldset input[type=radio]:checked + label { background-position: 0 -400px! important; } .promap fieldset input[type=checkbox]:disabled + label { background-position: 0 -350px! important; } .promap fieldset input[type=radio]:disabled + label { background-position: 0 -450px! important; } */ .promap fieldset input[type=checkbox] + label:hover, .promap fieldset input[type=radio] + label:hover { cursor: pointer; } .promap fieldset input.checkbox, .promap fieldset input.radio, .promap fieldset label { _float: left; _margin-right: 5px; } .promap table { border-collapse: collapse; border: 0; margin: 0 1px 1em; *margin: 0 0 1em; } .promap th, .promap td { border: solid #DDD; border-width: 1px; padding: 4px; } .promap th { white-space: nowrap; font-weight: bold; } .promap table tbody th { width: 1%; text-align: right; } .promap tr.selected { background: #EFEFEF; } .promap tr.selected a { color: #333! important; border: none! important; } .promap td dl, .promap td dt, .promap td dd { margin: 0; padding: 0; } .promap .olMap { height: 99%; border: 1px solid; } /* ----------------------------------------------- BASE HTML ELEMENTS STOP ----------------------------------------------- */ /* ----------------------------------------------- BASE PAGE & GRIDS START ----------------------------------------------- */ #doc { position: relative; width: 100%; height: 100%; } #hd, #bd { text-align: left; } #hd { background: #fff url('http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/modul_header_bgr.png') 0 -0 repeat-x; min-height: 22px; height: 22px; *height: 22px; _height: 22px; position: absolute; top: 0; width: 100%; z-index: 99999; } #hd h1 { display: block; width: 54px; height: 22px; margin: 0; padding: 10px 25px; } #hd .headerLabel { height: 100%; font-size: 16px; color: #ffffff; padding-left: 8px; } #hd .headerLabel p { padding: 0; margin: 0; /* Andrea added 2011-07-06 */ font-size: 85%; line-height: 1.6em; } #bd { background: #FFF; height: 100%; overflow: hidden; position: relative; } #doc fieldset, #doc img { border:0; } #doc li { list-style:none; } #doc caption, #doc th { text-align:left; } /* ----------------------------------------------- BASE PAGE & GRIDS STOP ----------------------------------------------- */ /* ----------------------------------------------- MAP START ----------------------------------------------- */ #map .olControlScale, #map .olControlMousePosition { border: 1px solid #DDD; background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png') 0 0 repeat; _background-image: none; _background-color: #FFF; bottom: 15px! important; font-family: Verdana,'Lucida Grande',Arial,sans-serif; *font-family: Verdana,Tahoma,Arial,sans-serif; font-size: 9px! important; color: #444; white-space: nowrap; text-align: center; padding: 2px 0; } #map .olControlScale strong { font-weight: normal! important; } #map .olControlScale { width: 120px; right: 15px! important; } #map .olControlMousePosition { width: 160px; right: 150px! important; } /* ----------------------------------------------- MAP STOP ----------------------------------------------- */ /* ----------------------------------------------- HELP,CONTROL,TOOLS,ZOOM START ----------------------------------------------- */ .I { border-left: 1px #a6a6a6 solid; } #tools { margin: 0 0 0 -60px; } #tools ul li { margin: 1px 6px 0 0; } #tools a { display: block; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; overflow: hidden; text-indent: -9999em; width: 24px; height: 24px; border: 0; } #tools li.hand a { background-position: 0 -40px; } #tools li.hand a:hover, #tools li.hand a:active, #tools li.hand a.selected { background-position: -26px -40px; } #tools li.mag a { background-position: 0 -70px; } #tools li.mag a:hover, #tools li.mag a:active, #tools li.mag a.selected { background-position: -26px -70px; } .smhiZoom { margin-top: 4px; } .smhiZoom li, .smhiZoom a, .smhiZoom span { display: block; overflow: hidden; width: 20px; height: 20px; border: 0; margin: 0; padding: 0; } .smhiZoom a, .smhiZoom span { text-indent: -9999em; } .smhiZoom li { float: left; list-style-type: none; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; } .smhiZoom .zoom { width: 10px; background-position: 0 -520px; } .smhiZoom .zoomIn { background-position: 0 -560px; } .smhiZoom .zoomOut { background-position: 0 -500px; } .smhiZoom .slider { width: 20px; background-position: 0 -540px; } /* ----------------------------------------------- HELP,CONTROL,TOOLS,ZOOM STOP ----------------------------------------------- */ /* ----------------------------------------------- PANEL START ----------------------------------------------- */ .panel { position: absolute; z-index: 9999; text-align: left; width: auto; height: auto; overflow: hidden; } .layersPanel { right: 0px; top: 0px; min-width: 220px; width: 16.923076923076923em; *width: 16.500041250103125em; } .legendPanel { /*background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png') repeat; _background-image: none;*/ background-color: #f7f7f7; right: 0px; bottom: 0px; min-width: 100px; *width: 12.000030000075em; } .info { background:url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/legend_icon.png") no-repeat scroll 0 0 transparent; right: 5px; float: right; position:relative; top: -30px; height: 25px; width: 25px; z-index: 20000; } .infoLegend { background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png') repeat; left:7em; position:relative; top:22em; height: 100px; width: 100px; border: #ccc solid; } .panelHd { position: relative; background: #262626 url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif') 0 -100px repeat-x; min-height: 24px; height: 1.846153846153846em; *min-height: 23px; *height: 1.725004312510781em; _height: 23px; clear: both; border: #ccc solid; border-width: 1px; } .layersPanelHd { background: transparent; border: none; height: 22px; *height: 22px; *min-height: 22px; _height: 22px; min-height: 22px; } .panelHd h2 { font-size: 85%; font-weight: bold; line-height: 1.2em; margin: 0; padding: 0.45em 8px 0; *padding-top: 0.25em; } p.panelShowHide { position: relative; z-index: 99999; margin: 0 4px 0 0; padding: 0; float: right; } .layersPanel p.panelShowHideHover { background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png'); } .layerIcon { width: 29px; height: 22px; background:url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/layers-icon-2011-09-06.png') 0 0; } .layerIconHover { width: 29px; height: 22px; background:url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/layers-icon-2011-09-06.png') 0 -23px; } .olPopupCloseBox { background: url("http://ppdyn.smhi.se/produktportal-1.0/images/admin/img/blue_close.png") no-repeat; cursor: pointer; width: 16px; height: 16px; } /* SearchBox button*/ p.printerPageButton { /* z-index: 99999;*/ margin: 0 4px 0 0; padding: 0; float: right; } p.printerMenuShowHideButton { /* z-index: 99999;*/ margin: 0 4px 0 0; padding: 0; float: right; } p.printerMultiPageButton { position: absolute; top: 3px; right: 65px; width: 17px; height: 17px; z-index: 99999; margin: 0; padding: 0; } p.printMenuShow { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png); } .singlePrintToggleIcon { width: 29px; height: 22px; background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/print-single-icon-2011-11-04.png"); } .multiPrintToggleIcon { width: 29px; height: 22px; background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/print-icon-2011-09-06.png"); } .singlePrinterIcon { width: 17px; height: 17px; } .multiPrinterIcon { width: 28px; height: 17px; } .printerWarningsTextStart { font-weight: bold; } .topPrinterPanelContent { margin-top: 3px; } .printerPanelContent { margin-left: 3px; } .printerPanelFooter { margin-top: 5px; font-size: 10px; } .printLink { font-weight: 100; color: black; text-decoration: underline; } .printMenuHide .multiPrintToggleIcon { background-position: 0 0; } .printMenuShow .multiPrintToggleIcon { background-position: 0 -22px; } .autoupdateIcon_on { border: 0; width: 17px; height: 17px; display: none; } .autoupdateIcon_off { border: 0; width: 17px; height: 17px; display: none; } .autoupdateIcon_ns { border: 0; width: 17px; height: 17px; display: none; } .autoupdateIcon_refresh { border: 0; width: 17px; height: 17px; display: none; } .autoupdateIcon_newlayer { border: 0; width: 17px; height: 17px; display: none; } p.autoupdateButton { position: absolute; top: 3px; right: 97px; width: 17px; height: 17px; z-index: 99999; margin: 0 4px 0 0; padding: 0; } .layersPanel p.searchBoxPanelShowHide { /* top: 1px;*/ /* right: 73px;*/ /* width: 22px;*/ /* height: 22px;*/ margin: 0 4px 0 0; float: right; } .layersPanel p.searchBoxPanelShowed { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png); _background-image: none; _background-color: #f7f7f7; } .searchBoxPanelShowHide a, .searchBoxPanelShowHide a:hover { /* display: block;*/ background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/search-icon-2011-09-06.png'); /* _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif');*/ /* background-repeat: no-repeat;*/ /* border: 0;*/ overflow: hidden; text-indent: -9999em; width: 29px; height: 22px; } /*.layersPanel .searchBoxPanelShowHide a,*/ /*.layersPanel .searchBoxPanelShowHide a:hover {*/ /* background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/search-icon.png');*/ /* width: 22px ! important;*/ /* height: 22px ! important;*/ /*}*/ .panelShowHide .searchBoxPanelHide, .panelShowHide .searchBoxPanelShowReverse { background-position: 0 0; } .panelShowHide .searchBoxPanelShow, .panelShowHide .searchBoxPanelHideReverse { background-position: 0 -20px; } .layersPanel .searchBoxPanelShow { background-position: 0 0; } .layersPanel .searchBoxPanelHide { background-position: 0 -22px; } .panelBd, .panelFt { position: relative; clear: both; padding: 4px 8px 8px; } .panelFt button { margin: 0 8px 0 0; } .layersPanel .panelBd { /*background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png') repeat; background-image: none; */ background-color: #f7f7f7; border: #ccc solid; border-width: 1px; border-top: 0; padding: 8px; } .printDropDownListPanel { /*background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/bgHighlightWhite.png') repeat; _background-image: none;*/ background-color: #f7f7f7; border: #ccc solid; border-width: 1px; border-top: 0; padding: 8px; position: absolute; top: 22px; right: 1px; z-index: 999; width: 175px; } .legendPanel .panelBd { padding-right: 0; border: #ccc solid; border-width: 1px; border-bottom: none; } .panelFt { clear: both; background: #ededed; border: #d4d4d4 solid; border-width: 0 1px 1px; margin: 0 8px 8px; padding: 0 8px 8px; } .layersPanel .panelFt { margin: 0; } .panelContent { clear: both; background: #ededed; border: #d4d4d4 solid; border-width: 1px 1px 1px; *padding-top: 5px; padding-bottom: 4px; } .panelContent fieldset legend { font-weight: bold !IMPORTANT; } .panelContent .walkTheLine { display: none; } .panel fieldset { position: relative; margin: 0; padding: 0; padding-right: 6px; } .panel fieldset legend { font-weight: normal; margin: 0; *margin: 0 0 0 -0.5em; padding: 0; color: #000; } .layersPanel fieldset { margin: 5px 6px 0; } .layersPanel .panelFt fieldset { margin: 0; } .panel .walkTheLine { overflow: hidden; height: 1px; background: transparent; margin: 4px 0 8px; } .panel fieldset ul, .panel fieldset dl { margin: 0; padding: 0; } .panel fieldset ul li { list-style-type: none; margin: 0; padding: 0; clear: both; } .panel fieldset ul li label { float: none; width: auto! important; } .panel fieldset ul li select { float: none; width: auto; font-size: 100%; margin: 0 0 0 8px; } fieldset.layersGroup { border: none; padding: 0; font-size: 11px; } fieldset.layersGroup legend { margin-bottom: 5px; font-weight: bold; width: 195px; height: 15px; display: block; background: transparent; color: #000; text-decoration: none; background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_open.png) no-repeat; cursor: pointer; } fieldset.layersGroup legend:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_open_hover.png) no-repeat; } fieldset.layersGroup legend.collapsed { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_collapsed.png) no-repeat; } fieldset.layersGroup legend.collapsed:hover { background: url(http://ppdyn.smhi.se/produktportal-1.0/images/layers_group_dropdown_collapsed_hover.png) no-repeat; } fieldset.layersGroup legend span { background: #ededed; width: auto; padding-right: 5px; } /* ----------------------------------------------- PANEL STOP ----------------------------------------------- */ /* ----------------------------------------------- PANEL NAV START ----------------------------------------------- */ .panelNav { position: relative; height: 1.538461538461539em; *height: 1.500003750009375em; clear: both; display: none; } .panelNav ul { position: absolute; bottom: -1px; left: 0; z-index: 999999; margin: 0; padding: 0 0 0 5px; } .panelNav ul li { list-style-type: none; float: left; line-height: 1.4em; *line-height: 1.3em; margin: 0 7px 0 0; padding: 0; } .panelNav ul li a, .panelNav ul li span { display: block; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; } .panelNav ul li a span { display: block; background-position: 0 -200px; margin: 0 8px 0 -5px; padding: 4px 0 2px 8px; *padding: 3px 0 3px 8px; } .panelNav ul li a { background-position: right -250px; padding: 0; } .panelNav ul li a:hover span, .panelNav ul li.selected a span { background-position: 0 -100px; } .panelNav ul li a:hover, .panelNav ul li.selected a { background-position: right -150px; border: 0; } /* ----------------------------------------------- PANEL NAV STOP ----------------------------------------------- */ /* ----------------------------------------------- LEGENDLIST START ----------------------------------------------- */ .legendList dl dd { font-size: 77%; line-height: 1.6em; margin: 0; padding: 0; clear: both; margin-right: 25px; } .legendList span { display: block; float: left; width: 15px; height: 10px; _line-height: 0; margin: 0.2em 5px 0 0; *margin: 0.25em 5px 0 0; } /* ----------------------------------------------- LEGENDLIST STOP ----------------------------------------------- */ /* ----------------------------------------------- TIME START ----------------------------------------------- */ /* ----------------------------------------------- OVERLAY START ----------------------------------------------- */ div.overlay { z-index: 999999; left: 25px! important; min-width: 200px; width: 15.384615384615385em; *width: 15.00003750009375em; text-align: left; margin: 0; padding: 0; border: 1px #000 solid; } .overlay h3 { background: #262626 url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif') 0 -300px repeat-x; font-size: 77%; font-weight: bold; line-height: 1.2em; margin: 0; padding: 0.45em 8px; *padding: 0.25em 8px 0.45em; border-bottom: 1px #000 solid; } .overlay ul { background: #000 url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/x-sprite.gif') 0 -400px repeat-x; margin: 0; padding: 4px 0 8px; } .overlay li { list-style-type: none; position: relative; font-size: 77%; margin: 0; padding: 0 20px 3px 16px; color: #fff; } .overlay li.selected { background: #262626 url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png') 0 -715px no-repeat; _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); } .overlay li a { margin-bottom: 1px; } .overlay li a:hover { margin-bottom: 0; } .overlay li .removeSetButton { display: block; position: absolute; top: 3px; right: 4px; background: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png') 0 -700px no-repeat; _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); cursor: pointer; width: 14px; height: 14px; text-indent: -9999em; overflow: hidden; margin: 0; border: 0; } /* ----------------------------------------------- OVERLAY STOP ----------------------------------------------- */ /* ----------------------------------------------- SMHI MODAL START ----------------------------------------------- */ .yui-overlay, .yui-panel-container { visibility: hidden; position: absolute; z-index: 2; } .yui-tt-shadow { display: none; } * html body.masked select { visibility: hidden; } * html div.yui-panel-container select { visibility: inherit; } * html div.drag select { visibility: hidden; } * html div.hide-select select { visibility: hidden; } .mask { z-index: 1; display: none; position: absolute; top: 0; left: 0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #000; } .hide-scrollbars, .hide-scrollbars * { overflow: hidden; } .hide-scrollbars select { display: none; } .show-scrollbars { overflow: auto; } .yui-panel-container.show-scrollbars { overflow: visible; } .yui-panel-container.show-scrollbars .underlay { overflow: auto; } .yui-effect-fade .underlay { display: none; } .yui-panel { width: 300px; visibility: hidden; position: relative; left: 0; top: 0; z-index: 1; text-align: left; overflow: hidden; } .smhiModal { width: 100%; margin-bottom: 24px; } .smhiModalHd, .smhiModalFt { position: relative; background: #1A1A1A; margin: 0 6px; padding: 6px 0 0; } .smhiModalButton { text-align: right; border-bottom: 2px #262626 solid; padding: 8px 0 16px; } .smhiModalButton button { margin: 0 0 0 8px; } .smhiModalBd { background: #1A1A1A; padding: 8px 24px; } .smhiModal h3 { font-size: 153.9%; font-weight: normal; line-height: 1.3em; *line-height: 1.2em; color: #FFF; border: 0; margin: 0 0 8px; padding: 0; } .smhiModal p { font-size: 77%; color: #fff; margin: 8px 0; padding: 0; } .smhiModal input { margin: 0 0 8px; } .smhiModal .corner { position: absolute; top: 0; display: block; background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png'); _background-image: url('http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.gif'); background-repeat: no-repeat; width: 6px; height: 6px; overflow: hidden; } .smhiModal .tl, .smhiModal .bl { float: left; } .smhiModal .tr, .smhiModal .br { float: right; } .smhiModal .tl { background-position: 0 -750px; left: -6px; } .smhiModal .tr { background-position: 0 -760px; right: -6px; _right: 0; } .smhiModal .bl { background-position: 0 -770px; left: -6px; } .smhiModal .br { background-position: 0 -780px; right: -6px; _right: 0; } /* ----------------------------------------------- SMHI MODAL STOP ----------------------------------------------- */ /* ----------------------------------------------- UTIL START ----------------------------------------------- */ .clear { clear:both; } .floatLeft { float:left; } .floatRight { float:right; } .center { text-align:center! important; } .left { text-align:left! important; } .right { text-align:right! important; } .middle { vertical-align:middle! important; } .bottom { vertical-align:bottom! important; } .capitalize { text-transform:capitalize! important; } .uppercase { text-transform:uppercase! important; } .lowercase { text-transform:lowercase! important; } .nowrap { white-space:nowrap! important; } .bold { font-weight:bold! important; } .block { display:block! important; } .hide { display:none! important; } .hidden { display:none; } .transp { width:1px; height:1px; } .widthAuto { width:auto; } .widthH { width:100%; } .widthTight { width:1%; } .heightAuto { height:auto; } .heightTight { height:1%; } .marginSmallTop { margin-top:5px; } .marginSmallRight { margin-right:5px; } .marginSmallBottom { margin-bottom:5px; } .marginSmallLeft { margin-left:5px; } .marginTop { margin-top:10px; } .marginRight { margin-right:10px; } .marginBottom { margin-bottom:10px; } .marginLeft { margin-left:10px; } .marginWideTop { margin-top: 20px; } .marginWideRight { margin-right:20px; } .marginWideBottom { margin-bottom:20px; } .marginWideLeft { margin-left:20px; } .paddingSmallTop { padding-top:5px; } .paddingSmallRight { padding-right:5px; } .paddingSmallBottom { padding-bottom:5px; } .paddingSmallLeft { padding-left:5px; } .paddingTop { padding-top:10px; } .paddingRight { padding-right:10px; } .paddingBottom { padding-bottom:10px; } .paddingLeft { padding-left:10px; } .paddingWideTop { padding-top:20px; } .paddingWideRight { padding-right:20px; } .paddingWideBottom { padding-bottom:20px; } .paddingWideLeft { padding-left:20px; } .copyright { left: 1px; float: left; position: absolute; top: 80px; width: auto; opacity: 0.5; font-family: Verdana; font-size: smaller; font-weight: bold; padding: 1px; z-index: 99998; } .packageEditorPanel .printProMapLink { display: none; } /* ----------------------------------------------- UTIL STOP ----------------------------------------------- */ /*------------------------------ FIX FOR IE MAP POINTS ---------------------------------*/ olv\:oval { z-index: 2500; } /* / Fix for Opnelayers Tile Animation */ .olLayerGrid .olTileImage { -webkit-transition: none; -moz-transition: none; -o-transition: all 0 none; transition: none; } /* ----------------------------------------------- OpenLayers override ------------------------------------------------ */ /**/ div.olControlMousePosition { top: 23px; right: 3px; display: block; position: absolute; font-family: Verdana; width: 100%; text-align: center; background-color: white; font-size: smaller; opacity: 0.50; filter: alpha(opacity=50); height: 13px; } div.olControlMapTime { bottom: 3px; left: 3px; display: block; position: absolute; font-family: Verdana; background-color: white; font-size: smaller; opacity: 0.75; filter: alpha(opacity=75); padding: 2px 2px 2px 2px; } /* .olControlNavToolbar { display:block; width: 28px; height: 28px; position: relative; background-image: url("http://ppdyn.smhi.se/produktportal-1.0/images/smhi_pro/smhi-sprite.png"); background-repeat: no-repeat; } */ .olControlNavToolbar div { left: 5px; top: 0; } .olControlNavToolbar div, .olControlEditingToolbar div { height: 25px; } .w_topLeft { background: url('/produktportal-1.0/images/admin/img/modal_window_border_top-left.png') no-repeat !important; height: 10px !important; width: 10px !important; } .w_topRight { background: url('/produktportal-1.0/images/admin/img/modal_window_border_top-right.png') no-repeat !important; height: 10px !important; width: 10px !important; } .w_top { background: url('/produktportal-1.0/images/admin/img/modal_window_border_top.png') repeat-x !important; height: 10px !important; } .w_left { background: url('/produktportal-1.0/images/admin/img/modal_window_border_left.png') repeat-y !important; } .w_right { background: url('/produktportal-1.0/images/admin/img/modal_window_border_right.png') repeat-y right center !important; } .w_bottomRight { background: url('/produktportal-1.0/images/admin/img/modal_window_border_bottom-right.png') no-repeat !important; height: 10px !important; width: 10px !important; } .w_bottomLeft { background: url('/produktportal-1.0/images/admin/img/modal_window_border_bottom-left.png') no-repeat !important; height: 10px !important; width: 10px !important; } .w_bottom { background: url('/produktportal-1.0/images/admin/img/modal_window_border_bottom.png') repeat-x !important; height: 10px !important; } .w_right_1 { margin-left: 10px !important; } .w_content_1 { margin-right: 10px !important; border: 4px solid #ffffff; } .wicket-mask-dark { opacity: 0.3 !important; filter: alpha(opacity=30); } .w_caption { background: #fff url('/produktportal-1.0/images/admin/img/modul_header_bgr.png') 0 -0 repeat-x !important; height: 24px !important; } .w_captionText { font-size: 10pt !important; font-weight: normal !important; top: 4px !important; left: 4px !important; margin: 0 !important; color: #dddddd !important; } .w_close { height: 20px !important; width: 20px !important; background-image: url(/produktportal-1.0/images/admin/img/modal_close.png) !important; background-position: 0 0 !important; top: 1px !important; } .w_close:hover { background-image: url(/produktportal-1.0/images/admin/img/modal_close_hover.png) !important; } /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';} .ext-forced-border-box, .ext-forced-border-box * { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; } .ext-el-mask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); width: 100%; height: 100%; zoom: 1; } .ext-el-mask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid; background:repeat-x 0 -16px; padding:2px; } .ext-el-mask-msg div { padding:5px 10px 5px 10px; border:1px solid; cursor:wait; } .ext-shim { position:absolute; visibility:hidden; left:0; top:0; overflow:hidden; } .ext-ie .ext-shim { filter: alpha(opacity=0); } .ext-ie6 .ext-shim { margin-left: 5px; margin-top: 3px; } .x-mask-loading div { padding:5px 10px 5px 25px; background:no-repeat 5px 5px; line-height:16px; } /* class for hiding elements without using display:none */ .x-hidden, .x-hide-offsets { position:absolute !important; left:-10000px; top:-10000px; visibility:hidden; } .x-hide-display { display:none !important; } .x-hide-nosize, .x-hide-nosize * /* Emulate display:none for children */ { height:0px!important; width:0px!important; visibility:hidden!important; border:none!important; zoom:1; } .x-hide-visibility { visibility:hidden !important; } .x-masked { overflow: hidden !important; } .x-masked-relative { position: relative !important; } .x-masked select, .x-masked object, .x-masked embed { visibility: hidden; } .x-layer { visibility: hidden; } .x-unselectable, .x-unselectable * { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select:ignore; } .x-repaint { zoom: 1; background-color: transparent; -moz-outline: none; outline: none; } .x-item-disabled { cursor: default; opacity: .6; -moz-opacity: .6; filter: alpha(opacity=60); } .x-item-disabled * { cursor: default !important; } .x-form-radio-group .x-item-disabled { filter: none; } .x-splitbar-proxy { position: absolute; visibility: hidden; z-index: 20001; zoom: 1; line-height: 1px; font-size: 1px; overflow: hidden; } .x-splitbar-h, .x-splitbar-proxy-h { cursor: e-resize; cursor: col-resize; } .x-splitbar-v, .x-splitbar-proxy-v { cursor: s-resize; cursor: row-resize; } .x-color-palette { width: 150px; height: 92px; cursor: pointer; } .x-color-palette a { border: 1px solid; float: left; padding: 2px; text-decoration: none; -moz-outline: 0 none; outline: 0 none; cursor: pointer; } .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { border: 1px solid; } .x-color-palette em { display: block; border: 1px solid; } .x-color-palette em span { cursor: pointer; display: block; height: 10px; line-height: 10px; width: 10px; } .x-ie-shadow { display: none; position: absolute; overflow: hidden; left:0; top:0; zoom:1; } .x-shadow { display: none; position: absolute; overflow: hidden; left:0; top:0; } .x-shadow * { overflow: hidden; } .x-shadow * { padding: 0; border: 0; margin: 0; clear: none; zoom: 1; } /* top bottom */ .x-shadow .xstc, .x-shadow .xsbc { height: 6px; float: left; } /* corners */ .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr { width: 6px; height: 6px; float: left; } /* sides */ .x-shadow .xsc { width: 100%; } .x-shadow .xsml, .x-shadow .xsmr { width: 6px; float: left; height: 100%; } .x-shadow .xsmc { float: left; height: 100%; background-color: transparent; } .x-shadow .xst, .x-shadow .xsb { height: 6px; overflow: hidden; width: 100%; } .x-shadow .xsml { background: transparent repeat-y 0 0; } .x-shadow .xsmr { background: transparent repeat-y -6px 0; } .x-shadow .xstl { background: transparent no-repeat 0 0; } .x-shadow .xstc { background: transparent repeat-x 0 -30px; } .x-shadow .xstr { background: transparent repeat-x 0 -18px; } .x-shadow .xsbl { background: transparent no-repeat 0 -12px; } .x-shadow .xsbc { background: transparent repeat-x 0 -36px; } .x-shadow .xsbr { background: transparent repeat-x 0 -6px; } .loading-indicator { background: no-repeat left; padding-left: 20px; line-height: 16px; margin: 3px; } .x-text-resize { position: absolute; left: -1000px; top: -1000px; visibility: hidden; zoom: 1; } .x-drag-overlay { width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/s.gif); z-index: 20000; } .x-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; } .x-spotlight { z-index: 8999; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); width:0; height:0; zoom: 1; } #x-history-frame { position:absolute; top:-1px; left:0; width:1px; height:1px; visibility:hidden; } #x-history-field { position:absolute; top:0; left:-1px; width:1px; height:1px; visibility:hidden; } .x-resizable-handle { position:absolute; z-index:100; /* ie needs these */ font-size:1px; line-height:6px; overflow:hidden; filter:alpha(opacity=0); opacity:0; zoom:1; } .x-resizable-handle-east{ width:6px; cursor:e-resize; right:0; top:0; height:100%; } .ext-ie .x-resizable-handle-east { margin-right:-1px; /*IE rounding error*/ } .x-resizable-handle-south{ width:100%; cursor:s-resize; left:0; bottom:0; height:6px; } .ext-ie .x-resizable-handle-south { margin-bottom:-1px; /*IE rounding error*/ } .x-resizable-handle-west{ width:6px; cursor:w-resize; left:0; top:0; height:100%; } .x-resizable-handle-north{ width:100%; cursor:n-resize; left:0; top:0; height:6px; } .x-resizable-handle-southeast{ width:6px; cursor:se-resize; right:0; bottom:0; height:6px; z-index:101; } .x-resizable-handle-northwest{ width:6px; cursor:nw-resize; left:0; top:0; height:6px; z-index:101; } .x-resizable-handle-northeast{ width:6px; cursor:ne-resize; right:0; top:0; height:6px; z-index:101; } .x-resizable-handle-southwest{ width:6px; cursor:sw-resize; left:0; bottom:0; height:6px; z-index:101; } .x-resizable-over .x-resizable-handle, .x-resizable-pinned .x-resizable-handle{ filter:alpha(opacity=100); opacity:1; } .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west { background-position: left; } .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north { background-position: top; } .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ background-position: top left; } .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ background-position:bottom right; } .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ background-position: bottom left; } .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ background-position: top right; } .x-resizable-proxy{ border: 1px dashed; position:absolute; overflow:hidden; display:none; left:0; top:0; z-index:50000; } .x-resizable-overlay{ width:100%; height:100%; display:none; position:absolute; left:0; top:0; z-index:200000; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0); } .x-tab-panel { overflow:hidden; } .x-tab-panel-header, .x-tab-panel-footer { border: 1px solid; overflow:hidden; zoom:1; } .x-tab-panel-header { border: 1px solid; padding-bottom: 2px; } .x-tab-panel-footer { border: 1px solid; padding-top: 2px; } .x-tab-strip-wrap { width:100%; overflow:hidden; position:relative; zoom:1; } ul.x-tab-strip { display:block; width:5000px; zoom:1; } ul.x-tab-strip-top{ padding-top: 1px; background: repeat-x bottom; border-bottom: 1px solid; } ul.x-tab-strip-bottom{ padding-bottom: 1px; background: repeat-x top; border-top: 1px solid; border-bottom: 0 none; } .x-tab-panel-header-plain .x-tab-strip-top { background:transparent !important; padding-top:0 !important; } .x-tab-panel-header-plain { background:transparent !important; border-width:0 !important; padding-bottom:0 !important; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border:1px solid; height:2px; font-size:1px; line-height:1px; } .x-tab-panel-header-plain .x-tab-strip-spacer { border-top: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-spacer { border-bottom: 0 none; } .x-tab-panel-footer-plain .x-tab-strip-bottom { background:transparent !important; padding-bottom:0 !important; } .x-tab-panel-footer-plain { background:transparent !important; border-width:0 !important; padding-top:0 !important; } .ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer, .ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer { height:3px; } ul.x-tab-strip li { float:left; margin-left:2px; } ul.x-tab-strip li.x-tab-edge { float:left; margin:0 !important; padding:0 !important; border:0 none !important; font-size:1px !important; line-height:1px !important; overflow:hidden; zoom:1; background:transparent !important; width:1px; } .x-tab-strip a, .x-tab-strip span, .x-tab-strip em { display:block; } .x-tab-strip a { text-decoration:none !important; -moz-outline: none; outline: none; cursor:pointer; } .x-tab-strip-inner { overflow:hidden; text-overflow: ellipsis; } .x-tab-strip span.x-tab-strip-text { white-space: nowrap; cursor:pointer; padding:4px 0; } .x-tab-strip-top .x-tab-with-icon .x-tab-right { padding-left:6px; } .x-tab-strip .x-tab-with-icon span.x-tab-strip-text { padding-left:20px; background-position: 0 3px; background-repeat: no-repeat; } .x-tab-strip-active, .x-tab-strip-active a.x-tab-right { cursor:default; } .x-tab-strip-active span.x-tab-strip-text { cursor:default; } .x-tab-strip-disabled .x-tabs-text { cursor:default; } .x-tab-panel-body { overflow:hidden; } .x-tab-panel-bwrap { overflow:hidden; } .ext-ie .x-tab-strip .x-tab-right { position:relative; } .x-tab-strip-top .x-tab-strip-active .x-tab-right { margin-bottom:-1px; } /* * Horrible hack for IE8 in quirks mode */ .ext-ie8 ul.x-tab-strip li { position: relative; } .ext-ie8 .x-tab-strip .x-tab-right{ margin-bottom: 0 !important; top: 1px; } .ext-ie8 ul.x-tab-strip-top { padding-top: 0; } .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { top:4px; } .ext-ie8 .x-tab-strip-bottom .x-tab-right{ top:0; } .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text { padding-bottom:5px; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { margin-top:-1px; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text { padding-top:5px; } .x-tab-strip-top .x-tab-right { background: transparent no-repeat 0 -51px; padding-left:10px; } .x-tab-strip-top .x-tab-left { background: transparent no-repeat right -351px; padding-right:10px; } .x-tab-strip-top .x-tab-strip-inner { background: transparent repeat-x 0 -201px; } .x-tab-strip-top .x-tab-strip-over .x-tab-right { background-position:0 -101px; } .x-tab-strip-top .x-tab-strip-over .x-tab-left { background-position:right -401px; } .x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner { background-position:0 -251px; } .x-tab-strip-top .x-tab-strip-active .x-tab-right { background-position: 0 0; } .x-tab-strip-top .x-tab-strip-active .x-tab-left { background-position: right -301px; } .x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner { background-position: 0 -151px; } .x-tab-strip-bottom .x-tab-right { background: no-repeat bottom right; } .x-tab-strip-bottom .x-tab-left { background: no-repeat bottom left; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { background: no-repeat bottom right; } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { background: no-repeat bottom left; } .x-tab-strip-bottom .x-tab-left { margin-right: 3px; padding:0 10px; } .x-tab-strip-bottom .x-tab-right { padding:0; } .x-tab-strip .x-tab-strip-close { display:none; } .x-tab-strip-closable { position:relative; } .x-tab-strip-closable .x-tab-left { padding-right:19px; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { opacity:.6; -moz-opacity:.6; background-repeat:no-repeat; display:block; width:11px; height:11px; position:absolute; top:3px; right:3px; cursor:pointer; z-index:2; } .x-tab-strip .x-tab-strip-active a.x-tab-strip-close { opacity:.8; -moz-opacity:.8; } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ opacity:1; -moz-opacity:1; } .x-tab-panel-body { border: 1px solid; } .x-tab-panel-body-top { border-top: 0 none; } .x-tab-panel-body-bottom { border-bottom: 0 none; } .x-tab-scroller-left { background: transparent no-repeat -18px 0; border-bottom: 1px solid; width:18px; position:absolute; left:0; top:0; z-index:10; cursor:pointer; } .x-tab-scroller-left-over { background-position: 0 0; } .x-tab-scroller-left-disabled { background-position: -18px 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scroller-right { background: transparent no-repeat 0 0; border-bottom: 1px solid; width:18px; position:absolute; right:0; top:0; z-index:10; cursor:pointer; } .x-tab-scroller-right-over { background-position: -18px 0; } .x-tab-scroller-right-disabled { background-position: 0 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scrolling-bottom .x-tab-scroller-left, .x-tab-scrolling-bottom .x-tab-scroller-right{ margin-top: 1px; } .x-tab-scrolling .x-tab-strip-wrap { margin-left:18px; margin-right:18px; } .x-tab-scrolling { position:relative; } .x-tab-panel-bbar .x-toolbar { border:1px solid; border-top:0 none; overflow:hidden; padding:2px; } .x-tab-panel-tbar .x-toolbar { border:1px solid; border-top:0 none; overflow:hidden; padding:2px; }/* all fields */ .x-form-field{ margin: 0 0 0 0; } .ext-webkit *:focus{ outline: none !important; } /* ---- text fields ---- */ .x-form-text, textarea.x-form-field{ padding:1px 3px; background:repeat-x 0 0; border:1px solid; } textarea.x-form-field { padding:2px 3px; } .x-form-text, .ext-ie .x-form-file { height:22px; line-height:18px; vertical-align:middle; } .ext-ie6 .x-form-text, .ext-ie7 .x-form-text { margin:-1px 0; /* ie bogus margin bug */ height:22px; /* ie quirks */ line-height:18px; } .ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn { top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */ } .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field { margin:-1px 0; /* ie bogus margin bug */ } .ext-strict .x-form-text { height:18px; } .ext-safari.ext-mac textarea.x-form-field { margin-bottom:-2px; /* another bogus margin bug, safari/mac only */ } /* .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field { margin-bottom: 1px; } */ .ext-gecko .x-form-text , .ext-ie8 .x-form-text { padding-top:2px; /* FF won't center the text vertically */ padding-bottom:0; } .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item { margin: 0 !important; /* clear ie bogus margin bug fix */ } textarea { resize: none; /* Disable browser resizable textarea */ } /* select boxes */ .x-form-select-one { height:20px; line-height:18px; vertical-align:middle; border: 1px solid; } /* multi select boxes */ /* --- TODO --- */ /* 2.0.2 style */ .x-form-check-wrap { line-height:18px; height: auto; } .ext-ie .x-form-check-wrap input { width:15px; height:15px; } .x-form-check-wrap input{ vertical-align: bottom; } .x-editor .x-form-check-wrap { padding:3px; } .x-editor .x-form-checkbox { height:13px; } .x-form-check-group-label { border-bottom: 1px solid; margin-bottom: 5px; padding-left: 3px !important; float: none !important; } /* wrapped fields and triggers */ .x-form-field-wrap .x-form-trigger{ width:17px; height:21px; border:0; background:transparent no-repeat 0 0; cursor:pointer; border-bottom: 1px solid; position:absolute; top:0; } .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{ cursor:pointer; } .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{ position:static; top:auto; vertical-align:top; } .x-form-field-wrap { position:relative; left:0;top:0; text-align: left; zoom:1; white-space: nowrap; } .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger { right: 0; /* IE8 Strict mode trigger bug */ } .x-form-field-wrap .x-form-trigger-over{ background-position:-17px 0; } .x-form-field-wrap .x-form-trigger-click{ background-position:-34px 0; } .x-trigger-wrap-focus .x-form-trigger{ background-position:-51px 0; } .x-trigger-wrap-focus .x-form-trigger-over{ background-position:-68px 0; } .x-trigger-wrap-focus .x-form-trigger-click{ background-position:-85px 0; } .x-trigger-wrap-focus .x-form-trigger{ border-bottom: 1px solid; } .x-item-disabled .x-form-trigger-over{ background-position:0 0 !important; border-bottom: 1px solid; } .x-item-disabled .x-form-trigger-click{ background-position:0 0 !important; border-bottom: 1px solid; } .x-trigger-noedit{ cursor:pointer; } /* field focus style */ .x-form-focus, textarea.x-form-focus{ border: 1px solid; } /* invalid fields */ .x-form-invalid, textarea.x-form-invalid{ background:repeat-x bottom; border: 1px solid; } .x-form-inner-invalid, textarea.x-form-inner-invalid{ background:repeat-x bottom; } /* editors */ .x-editor { visibility:hidden; padding:0; margin:0; } .x-form-grow-sizer { left: -10000px; padding: 8px 3px; position: absolute; visibility:hidden; top: -10000px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; zoom:1; } .x-form-grow-sizer p { margin:0 !important; border:0 none !important; padding:0 !important; } /* Form Items CSS */ .x-form-item { display:block; margin-bottom:4px; zoom:1; } .x-form-item label.x-form-item-label { display:block; float:left; width:100px; padding:3px; padding-left:0; clear:left; z-index:2; position:relative; } .x-form-element { padding-left:105px; position:relative; } .x-form-invalid-msg { padding:2px; padding-left:18px; background: transparent no-repeat 0 2px; line-height:16px; width:200px; } .x-form-label-left label.x-form-item-label { text-align:left; } .x-form-label-right label.x-form-item-label { text-align:right; } .x-form-label-top .x-form-item label.x-form-item-label { width:auto; float:none; clear:none; display:inline; margin-bottom:4px; position:static; } .x-form-label-top .x-form-element { padding-left:0; padding-top:4px; } .x-form-label-top .x-form-item { padding-bottom:4px; } /* Editor small font for grid, toolbar and tree */ .x-small-editor .x-form-text { height:20px; line-height:16px; vertical-align:middle; } .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text { margin-top:-1px !important; /* ie bogus margin bug */ margin-bottom:-1px !important; height:20px !important; /* ie quirks */ line-height:16px !important; } .ext-strict .x-small-editor .x-form-text { height:16px !important; } .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text { height:20px; line-height:16px; } .ext-border-box .x-small-editor .x-form-text { height:20px; } .x-small-editor .x-form-select-one { height:20px; line-height:16px; vertical-align:middle; } .x-small-editor .x-form-num-field { text-align:right; } .x-small-editor .x-form-field-wrap .x-form-trigger{ height:19px; } .ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger{ height:21px; } .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;} .x-form-clear { clear:both; height:0; overflow:hidden; line-height:0; font-size:0; } .x-form-clear-left { clear:left; height:0; overflow:hidden; line-height:0; font-size:0; } .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{ margin-top: 3px; } .x-form-cb-label { position: relative; margin-left:4px; top: 2px; } .ext-ie .x-form-cb-label{ top: 1px; } .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{ top: 3px; } .x-form-display-field{ padding-top: 2px; } .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{ padding-top: 1px; } .ext-ie .x-form-display-field{ padding-top: 3px; } .ext-strict .ext-ie8 .x-form-display-field{ padding-top: 0; } .x-form-column { float:left; padding:0; margin:0; width:48%; overflow:hidden; zoom:1; } /* buttons */ .x-form .x-form-btns-ct .x-btn{ float:right; clear:none; } .x-form .x-form-btns-ct .x-form-btns td { border:0; padding:0; } .x-form .x-form-btns-ct .x-form-btns-right table{ float:right; clear:none; } .x-form .x-form-btns-ct .x-form-btns-left table{ float:left; clear:none; } .x-form .x-form-btns-ct .x-form-btns-center{ text-align:center; /*ie*/ } .x-form .x-form-btns-ct .x-form-btns-center table{ margin:0 auto; /*everyone else*/ } .x-form .x-form-btns-ct table td.x-form-btn-td{ padding:3px; } .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{ background-position:0 -147px; } .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{ background-position:0 -168px; } .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{ background-position:0 -189px; } .x-form .x-form-btns-ct .x-btn-click .x-btn-center{ background-position:0 -126px; } .x-form .x-form-btns-ct .x-btn-click .x-btn-right{ background-position:0 -84px; } .x-form .x-form-btns-ct .x-btn-click .x-btn-left{ background-position:0 -63px; } .x-form-invalid-icon { width:16px; height:18px; visibility:hidden; position:absolute; left:0; top:0; display:block; background:transparent no-repeat 0 2px; } /* fieldsets */ .x-fieldset { border:1px solid; padding:10px; margin-bottom:10px; display:block; /* preserve margins in IE */ } /* make top of checkbox/tools visible in webkit */ .ext-webkit .x-fieldset-header { padding-top: 1px; } .ext-ie .x-fieldset legend { margin-bottom:10px; } .ext-ie .x-fieldset { padding-top: 0; padding-bottom:10px; } .x-fieldset legend .x-tool-toggle { margin-right:3px; margin-left:0; float:left !important; } .x-fieldset legend input { margin-right:3px; float:left !important; height:13px; width:13px; } fieldset.x-panel-collapsed { padding-bottom:0 !important; border-width: 1px 1px 0 1px !important; border-left-color: transparent; border-right-color: transparent; } .ext-ie6 fieldset.x-panel-collapsed{ padding-bottom:0 !important; border-width: 1px 0 0 0 !important; margin-left: 1px; margin-right: 1px; } fieldset.x-panel-collapsed .x-fieldset-bwrap { visibility:hidden; position:absolute; left:-1000px; top:-1000px; } .ext-ie .x-fieldset-bwrap { zoom:1; } .x-fieldset-noborder { border:0px none transparent; } .x-fieldset-noborder legend { margin-left:-3px; } /* IE legend positioning bug */ .ext-ie .x-fieldset-noborder legend { position: relative; margin-bottom:23px; } .ext-ie .x-fieldset-noborder legend span { position: absolute; left:16px; } .ext-gecko .x-window-body .x-form-item { -moz-outline: none; outline: none; overflow: auto; } .ext-mac.ext-gecko .x-window-body .x-form-item { overflow:hidden; } .ext-gecko .x-form-item { -moz-outline: none; outline: none; } .x-hide-label label.x-form-item-label { display:none; } .x-hide-label .x-form-element { padding-left: 0 !important; } .x-form-label-top .x-hide-label label.x-form-item-label{ display: none; } .x-fieldset { overflow:hidden; } .x-fieldset-bwrap { overflow:hidden; zoom:1; } .x-fieldset-body { overflow:hidden; } .x-btn{ cursor:pointer; white-space: nowrap; } .x-btn button{ border:0 none; background-color:transparent; padding-left:3px; padding-right:3px; cursor:pointer; margin:0; overflow:visible; width:auto; -moz-outline:0 none; outline:0 none; } * html .ext-ie .x-btn button { width:1px; } .ext-gecko .x-btn button, .ext-webkit .x-btn button { padding-left:0; padding-right:0; } .ext-gecko .x-btn button::-moz-focus-inner { padding:0; } .ext-ie .x-btn button { padding-top:2px; } .x-btn td { padding:0 !important; } .x-btn-text { cursor:pointer; white-space: nowrap; padding:0; } /* icon placement and sizing styles */ /* Only text */ .x-btn-noicon .x-btn-small .x-btn-text{ height: 16px; } .x-btn-noicon .x-btn-medium .x-btn-text{ height: 24px; } .x-btn-noicon .x-btn-large .x-btn-text{ height: 32px; } /* Only icons */ .x-btn-icon .x-btn-text{ background-position: center; background-repeat: no-repeat; } .x-btn-icon .x-btn-small .x-btn-text{ height: 16px; width: 16px; } .x-btn-icon .x-btn-medium .x-btn-text{ height: 24px; width: 24px; } .x-btn-icon .x-btn-large .x-btn-text{ height: 32px; width: 32px; } /* Icons and text */ /* left */ .x-btn-text-icon .x-btn-icon-small-left .x-btn-text{ background-position: 0 center; background-repeat: no-repeat; padding-left:18px; height:16px; } .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text{ background-position: 0 center; background-repeat: no-repeat; padding-left:26px; height:24px; } .x-btn-text-icon .x-btn-icon-large-left .x-btn-text{ background-position: 0 center; background-repeat: no-repeat; padding-left:34px; height:32px; } /* top */ .x-btn-text-icon .x-btn-icon-small-top .x-btn-text{ background-position: center 0; background-repeat: no-repeat; padding-top:18px; } .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text{ background-position: center 0; background-repeat: no-repeat; padding-top:26px; } .x-btn-text-icon .x-btn-icon-large-top .x-btn-text{ background-position: center 0; background-repeat: no-repeat; padding-top:34px; } /* right */ .x-btn-text-icon .x-btn-icon-small-right .x-btn-text{ background-position: right center; background-repeat: no-repeat; padding-right:18px; height:16px; } .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text{ background-position: right center; background-repeat: no-repeat; padding-right:26px; height:24px; } .x-btn-text-icon .x-btn-icon-large-right .x-btn-text{ background-position: right center; background-repeat: no-repeat; padding-right:34px; height:32px; } /* bottom */ .x-btn-text-icon .x-btn-icon-small-bottom .x-btn-text{ background-position: center bottom; background-repeat: no-repeat; padding-bottom:18px; } .x-btn-text-icon .x-btn-icon-medium-bottom .x-btn-text{ background-position: center bottom; background-repeat: no-repeat; padding-bottom:26px; } .x-btn-text-icon .x-btn-icon-large-bottom .x-btn-text{ background-position: center bottom; background-repeat: no-repeat; padding-bottom:34px; } /* background positioning */ .x-btn-tr i, .x-btn-tl i, .x-btn-mr i, .x-btn-ml i, .x-btn-br i, .x-btn-bl i{ font-size:1px; line-height:1px; width:3px; display:block; overflow:hidden; } .x-btn-tr i, .x-btn-tl i, .x-btn-br i, .x-btn-bl i{ height:3px; } .x-btn-tl{ width:3px; height:3px; background:no-repeat 0 0; } .x-btn-tr{ width:3px; height:3px; background:no-repeat -3px 0; } .x-btn-tc{ height:3px; background:repeat-x 0 -6px; } .x-btn-ml{ width:3px; background:no-repeat 0 -24px; } .x-btn-mr{ width:3px; background:no-repeat -3px -24px; } .x-btn-mc{ background:repeat-x 0 -1096px; vertical-align: middle; text-align:center; padding:0 5px; cursor:pointer; white-space:nowrap; } /* Fixes an issue with the button height */ .ext-strict .ext-ie6 .x-btn-mc, .ext-strict .ext-ie7 .x-btn-mc { height: 100%; } .x-btn-bl{ width:3px; height:3px; background:no-repeat 0 -3px; } .x-btn-br{ width:3px; height:3px; background:no-repeat -3px -3px; } .x-btn-bc{ height:3px; background:repeat-x 0 -15px; } .x-btn-over .x-btn-tl{ background-position: -6px 0; } .x-btn-over .x-btn-tr{ background-position: -9px 0; } .x-btn-over .x-btn-tc{ background-position: 0 -9px; } .x-btn-over .x-btn-ml{ background-position: -6px -24px; } .x-btn-over .x-btn-mr{ background-position: -9px -24px; } .x-btn-over .x-btn-mc{ background-position: 0 -2168px; } .x-btn-over .x-btn-bl{ background-position: -6px -3px; } .x-btn-over .x-btn-br{ background-position: -9px -3px; } .x-btn-over .x-btn-bc{ background-position: 0 -18px; } .x-btn-click .x-btn-tl, .x-btn-menu-active .x-btn-tl, .x-btn-pressed .x-btn-tl{ background-position: -12px 0; } .x-btn-click .x-btn-tr, .x-btn-menu-active .x-btn-tr, .x-btn-pressed .x-btn-tr{ background-position: -15px 0; } .x-btn-click .x-btn-tc, .x-btn-menu-active .x-btn-tc, .x-btn-pressed .x-btn-tc{ background-position: 0 -12px; } .x-btn-click .x-btn-ml, .x-btn-menu-active .x-btn-ml, .x-btn-pressed .x-btn-ml{ background-position: -12px -24px; } .x-btn-click .x-btn-mr, .x-btn-menu-active .x-btn-mr, .x-btn-pressed .x-btn-mr{ background-position: -15px -24px; } .x-btn-click .x-btn-mc, .x-btn-menu-active .x-btn-mc, .x-btn-pressed .x-btn-mc{ background-position: 0 -3240px; } .x-btn-click .x-btn-bl, .x-btn-menu-active .x-btn-bl, .x-btn-pressed .x-btn-bl{ background-position: -12px -3px; } .x-btn-click .x-btn-br, .x-btn-menu-active .x-btn-br, .x-btn-pressed .x-btn-br{ background-position: -15px -3px; } .x-btn-click .x-btn-bc, .x-btn-menu-active .x-btn-bc, .x-btn-pressed .x-btn-bc{ background-position: 0 -21px; } .x-btn-disabled *{ cursor:default !important; } /* With a menu arrow */ /* right */ .x-btn-mc em.x-btn-arrow { display:block; background:transparent no-repeat right center; padding-right:10px; } .x-btn-mc em.x-btn-split { display:block; background:transparent no-repeat right center; padding-right:14px; } /* bottom */ .x-btn-mc em.x-btn-arrow-bottom { display:block; background:transparent no-repeat center bottom; padding-bottom:14px; } .x-btn-mc em.x-btn-split-bottom { display:block; background:transparent no-repeat center bottom; padding-bottom:14px; } /* height adjustment class */ .x-btn-as-arrow .x-btn-mc em { display:block; background-color:transparent; padding-bottom:14px; } /* groups */ .x-btn-group { padding:1px; } .x-btn-group-header { padding:2px; text-align:center; } .x-btn-group-tc { background: transparent repeat-x 0 0; overflow:hidden; } .x-btn-group-tl { background: transparent no-repeat 0 0; padding-left:3px; zoom:1; } .x-btn-group-tr { background: transparent no-repeat right 0; zoom:1; padding-right:3px; } .x-btn-group-bc { background: transparent repeat-x 0 bottom; zoom:1; } .x-btn-group-bc .x-panel-footer { zoom:1; } .x-btn-group-bl { background: transparent no-repeat 0 bottom; padding-left:3px; zoom:1; } .x-btn-group-br { background: transparent no-repeat right bottom; padding-right:3px; zoom:1; } .x-btn-group-mc { border:0 none; padding:1px 0 0 0; margin:0; } .x-btn-group-mc .x-btn-group-body { background-color:transparent; border: 0 none; } .x-btn-group-ml { background: transparent repeat-y 0 0; padding-left:3px; zoom:1; } .x-btn-group-mr { background: transparent repeat-y right 0; padding-right:3px; zoom:1; } .x-btn-group-bc .x-btn-group-footer { padding-bottom:6px; } .x-panel-nofooter .x-btn-group-bc { height:3px; font-size:0; line-height:0; } .x-btn-group-bwrap { overflow:hidden; zoom:1; } .x-btn-group-body { overflow:hidden; zoom:1; } .x-btn-group-notitle .x-btn-group-tc { background: transparent repeat-x 0 0; overflow:hidden; height:2px; }.x-toolbar{ border-style:solid; border-width:0 0 1px 0; display: block; padding:2px; background:repeat-x top left; position:relative; left:0; top:0; zoom:1; overflow:hidden; } .x-toolbar-left { width: 100%; } .x-toolbar .x-item-disabled .x-btn-icon { opacity: .35; -moz-opacity: .35; filter: alpha(opacity=35); } .x-toolbar td { vertical-align:middle; } .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ white-space: nowrap; } .x-toolbar .x-item-disabled { cursor:default; opacity:.6; -moz-opacity:.6; filter:alpha(opacity=60); } .x-toolbar .x-item-disabled * { cursor:default; } .x-toolbar .x-toolbar-cell { vertical-align:middle; } .x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, .x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc { background-position: 500px 500px; } /* These rules are duplicated from button.css to give priority of x-toolbar rules above */ .x-toolbar .x-btn-over .x-btn-tl{ background-position: -6px 0; } .x-toolbar .x-btn-over .x-btn-tr{ background-position: -9px 0; } .x-toolbar .x-btn-over .x-btn-tc{ background-position: 0 -9px; } .x-toolbar .x-btn-over .x-btn-ml{ background-position: -6px -24px; } .x-toolbar .x-btn-over .x-btn-mr{ background-position: -9px -24px; } .x-toolbar .x-btn-over .x-btn-mc{ background-position: 0 -2168px; } .x-toolbar .x-btn-over .x-btn-bl{ background-position: -6px -3px; } .x-toolbar .x-btn-over .x-btn-br{ background-position: -9px -3px; } .x-toolbar .x-btn-over .x-btn-bc{ background-position: 0 -18px; } .x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{ background-position: -12px 0; } .x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{ background-position: -15px 0; } .x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{ background-position: 0 -12px; } .x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{ background-position: -12px -24px; } .x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{ background-position: -15px -24px; } .x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{ background-position: 0 -3240px; } .x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{ background-position: -12px -3px; } .x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{ background-position: -15px -3px; } .x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{ background-position: 0 -21px; } .x-toolbar div.xtb-text{ padding:2px 2px 0; line-height:16px; display:block; } .x-toolbar .xtb-sep { background-position: center; background-repeat: no-repeat; display: block; font-size: 1px; height: 16px; width:4px; overflow: hidden; cursor:default; margin: 0 2px 0; border:0; } .x-toolbar .xtb-spacer { width:2px; } /* Paging Toolbar */ .x-tbar-page-number{ width:30px; height:14px; } .ext-ie .x-tbar-page-number{ margin-top: 2px; } .x-paging-info { position:absolute; top:5px; right: 8px; } /* floating */ .x-toolbar-ct { width:100%; } .x-toolbar-right td { text-align: center; } .x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar { overflow:hidden; zoom:1; } .x-toolbar-more .x-btn-small .x-btn-text{ height: 16px; width: 12px; } .x-toolbar-more em.x-btn-arrow { display:inline; background-color:transparent; padding-right:0; } .x-toolbar-more .x-btn-mc em.x-btn-arrow { background-image: none; } div.x-toolbar-no-items { color:gray !important; padding:5px 10px !important; } /* fix ie toolbar form items */ .ext-border-box .x-toolbar-cell .x-form-text { margin-bottom:-1px !important; } .ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text { margin:0 !important; } .ext-ie .x-toolbar-cell .x-form-field-wrap { height:21px; } .ext-ie .x-toolbar-cell .x-form-text { position:relative; top:-1px; } .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text { top: 0px; } .x-toolbar-right td .x-form-field-trigger-wrap{ text-align: left; } .x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{ margin-top: 5px; } .x-toolbar-cell .x-form-cb-label{ vertical-align: bottom; top: 1px; } .ext-ie .x-toolbar-cell .x-form-checkbox, .ext-ie .x-toolbar-cell .x-form-radio{ margin-top: 4px; } .ext-ie .x-toolbar-cell .x-form-cb-label{ top: 0; } /* Grid3 styles */ .x-grid3 { position:relative; overflow:hidden; } .x-grid-panel .x-panel-body { overflow:hidden !important; } .x-grid-panel .x-panel-mc .x-panel-body { border:1px solid; } .x-grid3 table { table-layout:fixed; } .x-grid3-viewport{ overflow:hidden; } .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ -moz-outline: none; outline: none; -moz-user-focus: normal; } .x-grid3-row td, .x-grid3-summary-row td { line-height:13px; vertical-align: top; padding-left:1px; padding-right:1px; -moz-user-select: none; -khtml-user-select:none; -webkit-user-select:ignore; } .x-grid3-cell{ -moz-user-select: none; -khtml-user-select:none; -webkit-user-select:ignore; } .x-grid3-hd-row td { line-height:15px; vertical-align:middle; border-left:1px solid; border-right:1px solid; } .x-grid3-hd-row .x-grid3-marker-hd { padding:3px; } .x-grid3-row .x-grid3-marker { padding:3px; } .x-grid3-cell-inner, .x-grid3-hd-inner{ overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:3px 3px 3px 5px; white-space: nowrap; } /* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */ .x-action-col-cell .x-grid3-cell-inner { padding-top: 1px; padding-bottom: 1px; } .x-action-col-icon { cursor: pointer; } .x-grid3-hd-inner { position:relative; cursor:inherit; padding:4px 3px 4px 5px; } .x-grid3-row-body { white-space:normal; } .x-grid3-body-cell { -moz-outline:0 none; outline:0 none; } /* IE Quirks to clip */ .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ width:100%; } /* reverse above in strict mode */ .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ width:auto; } .x-grid-row-loading { background: no-repeat center center; } .x-grid-page { overflow:hidden; } .x-grid3-row { cursor: default; border: 1px solid; width:100%; } .x-grid3-row-over { border:1px solid; background: repeat-x left top; } .x-grid3-resize-proxy { width:1px; left:0; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; visibility:hidden; border:0 none; z-index:7; } .x-grid3-resize-marker { width:1px; left:0; position:absolute; top:0; height:100px; overflow:hidden; visibility:hidden; border:0 none; z-index:7; } .x-grid3-focus { position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; font-size:1px; -moz-outline:0 none; outline:0 none; -moz-user-select: text; -khtml-user-select: text; -webkit-user-select:ignore; } /* header styles */ .x-grid3-header{ background: repeat-x 0 bottom; cursor:default; zoom:1; padding:1px 0 0 0; } .x-grid3-header-pop { border-left:1px solid; float:right; clear:none; } .x-grid3-header-pop-inner { border-left:1px solid; width:14px; height:19px; background: transparent no-repeat center center; } .ext-ie .x-grid3-header-pop-inner { width:15px; } .ext-strict .x-grid3-header-pop-inner { width:14px; } .x-grid3-header-inner { overflow:hidden; zoom:1; float:left; } .x-grid3-header-offset { padding-left:1px; text-align: left; } td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { border-left:1px solid; border-right:1px solid; } td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { background: repeat-x left bottom; } .x-grid3-sort-icon{ background-repeat: no-repeat; display: none; height: 4px; width: 13px; margin-left:3px; vertical-align: middle; } .sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon { display: inline; } /* Header position fixes for IE strict mode */ .ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd { position:relative; } .ext-strict .ext-ie6 .x-grid3-hd-inner{ position:static; } /* Body Styles */ .x-grid3-body { zoom:1; } .x-grid3-scroller { overflow:auto; zoom:1; position:relative; } .x-grid3-cell-text, .x-grid3-hd-text { display: block; padding: 3px 5px 3px 5px; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select:ignore; } .x-grid3-split { background-position: center; background-repeat: no-repeat; cursor: e-resize; cursor: col-resize; display: block; font-size: 1px; height: 16px; overflow: hidden; position: absolute; top: 2px; width: 6px; z-index: 3; } /* Column Reorder DD */ .x-dd-drag-proxy .x-grid3-hd-inner{ background: repeat-x left bottom; width:120px; padding:3px; border:1px solid; overflow:hidden; } .col-move-top, .col-move-bottom{ width:9px; height:9px; position:absolute; top:0; line-height:1px; font-size:1px; overflow:hidden; visibility:hidden; z-index:20000; background:transparent no-repeat left top; } /* Selection Styles */ .x-grid3-row-selected { border:1px dotted; } .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ background: repeat-x 0 bottom !important; vertical-align:middle !important; padding:0; border-top:1px solid; border-bottom:none !important; border-right:1px solid !important; text-align:center; } .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ padding:0 4px; text-align:center; } /* dirty cells */ .x-grid3-dirty-cell { background: transparent no-repeat 0 0; } /* Grid Toolbars */ .x-grid3-topbar, .x-grid3-bottombar{ overflow:hidden; display:none; zoom:1; position:relative; } .x-grid3-topbar .x-toolbar{ border-right:0 none; } .x-grid3-bottombar .x-toolbar{ border-right:0 none; border-bottom:0 none; border-top:1px solid; } /* Props Grid Styles */ .x-props-grid .x-grid3-cell{ padding:1px; } .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ background:transparent repeat-y -16px !important; padding-left:12px; } .x-props-grid .x-grid3-body .x-grid3-td-name{ padding:1px; padding-right:0; border:0 none; border-right:1px solid; } /* dd */ .x-grid3-col-dd { border:0 none; padding:0; background-color:transparent; } .x-dd-drag-ghost .x-grid3-dd-wrap { padding:1px 3px 3px 1px; } .x-grid3-hd { -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:ignore; } .x-grid3-hd-btn { display:none; position:absolute; width:14px; background:no-repeat left center; right:0; top:0; z-index:2; cursor:pointer; } .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { display:block; } a.x-grid3-hd-btn:hover { background-position:-14px center; } /* Expanders */ .x-grid3-body .x-grid3-td-expander { background:transparent repeat-y right; } .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { padding:0 !important; height:100%; } .x-grid3-row-expander { width:100%; height:18px; background-position:4px 2px; background-repeat:no-repeat; background-color:transparent; } .x-grid3-row-collapsed .x-grid3-row-expander { background-position:4px 2px; } .x-grid3-row-expanded .x-grid3-row-expander { background-position:-21px 2px; } .x-grid3-row-collapsed .x-grid3-row-body { display:none !important; } .x-grid3-row-expanded .x-grid3-row-body { display:block !important; } /* Checkers */ .x-grid3-body .x-grid3-td-checker { background:transparent repeat-y right; } .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { padding:0 !important; height:100%; } .x-grid3-row-checker, .x-grid3-hd-checker { width:100%; height:18px; background-position:2px 2px; background-repeat:no-repeat; background-color:transparent; } .x-grid3-row .x-grid3-row-checker { background-position:2px 2px; } .x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker { background-position:-23px 2px; } .x-grid3-hd-checker { background-position:2px 1px; } .ext-border-box .x-grid3-hd-checker { background-position:2px 3px; } .x-grid3-hd-checker-on .x-grid3-hd-checker { background-position:-23px 1px; } .ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker { background-position:-23px 3px; } /* Numberer */ .x-grid3-body .x-grid3-td-numberer { background:transparent repeat-y right; } .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { padding:3px 5px 0 0 !important; text-align:right; } /* Row Icon */ .x-grid3-body .x-grid3-td-row-icon { background:transparent repeat-y right; vertical-align:top; text-align:center; } .x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner { padding:0 !important; background-position:center center; background-repeat:no-repeat; width:16px; height:16px; margin-left:2px; margin-top:3px; } /* All specials */ .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { background:transparent repeat-y right; } .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { padding: 1px 0 0 0 !important; } .x-grid3-check-col { width:100%; height:16px; background-position:center center; background-repeat:no-repeat; background-color:transparent; } .x-grid3-check-col-on { width:100%; height:16px; background-position:center center; background-repeat:no-repeat; background-color:transparent; } /* Grouping classes */ .x-grid-group, .x-grid-group-body, .x-grid-group-hd { zoom:1; } .x-grid-group-hd { border-bottom: 2px solid; cursor:pointer; padding-top:6px; } .x-grid-group-hd div.x-grid-group-title { background:transparent no-repeat 3px 3px; padding:4px 4px 4px 17px; } .x-grid-group-collapsed .x-grid-group-body { display:none; } .ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text { position:relative; top:-1px; } .ext-ie .x-props-grid .x-editor .x-form-text { position:static; top:0; } .x-grid-empty { padding:10px; } /* fix floating toolbar issue */ .ext-ie7 .x-grid-panel .x-panel-bbar { position:relative; } /* Reset position to static when Grid Panel has been framed */ /* to resolve 'snapping' from top to bottom behavior. */ /* @forumThread 86656 */ .ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar { position: static; } .ext-ie6 .x-grid3-header { position: relative; } /* Fix WebKit bug in Grids */ .ext-webkit .x-grid-panel .x-panel-bwrap{ -webkit-user-select:none; } .ext-webkit .x-tbar-page-number{ -webkit-user-select:ignore; } /* end*/ /* column lines */ .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { padding-right:0; border-right:1px solid; } .x-pivotgrid .x-grid3-header-offset table { width: 100%; border-collapse: collapse; } .x-pivotgrid .x-grid3-header-offset table td { padding: 4px 3px 4px 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; line-height: 13px; font-family: tahoma; } .x-pivotgrid .x-grid3-row-headers { display: block; float: left; } .x-pivotgrid .x-grid3-row-headers table { height: 100%; width: 100%; border-collapse: collapse; } .x-pivotgrid .x-grid3-row-headers table td { height: 18px; padding: 2px 7px 0 0; text-align: right; text-overflow: ellipsis; font-size: 11px; font-family: tahoma; } .ext-gecko .x-pivotgrid .x-grid3-row-headers table td { height: 21px; } .x-grid3-header-title { top: 0%; left: 0%; position: absolute; text-align: center; vertical-align: middle; font-family: tahoma; font-size: 11px; padding: auto 1px; display: table-cell; } .x-grid3-header-title span { position: absolute; top: 50%; left: 0%; width: 100%; margin-top: -6px; }.x-dd-drag-proxy{ position:absolute; left:0; top:0; visibility:hidden; z-index:15000; } .x-dd-drag-ghost{ -moz-opacity: 0.85; opacity:.85; filter: alpha(opacity=85); border: 1px solid; padding:3px; padding-left:20px; white-space:nowrap; } .x-dd-drag-repair .x-dd-drag-ghost{ -moz-opacity: 0.4; opacity:.4; filter: alpha(opacity=40); border:0 none; padding:0; background-color:transparent; } .x-dd-drag-repair .x-dd-drop-icon{ visibility:hidden; } .x-dd-drop-icon{ position:absolute; top:3px; left:3px; display:block; width:16px; height:16px; background-color:transparent; background-position: center; background-repeat: no-repeat; z-index:1; } .x-view-selector { position:absolute; left:0; top:0; width:0; border:1px dotted; opacity: .5; -moz-opacity: .5; filter:alpha(opacity=50); zoom:1; }.ext-strict .ext-ie .x-tree .x-panel-bwrap{ position:relative; overflow:hidden; } .x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ border: 0 none; height: 18px; margin: 0; padding: 0; vertical-align: top; width: 16px; background-repeat: no-repeat; } .x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{ border: 0 none; height: 18px; margin: 0; padding: 0; vertical-align: top; width: 16px; background-position:center; background-repeat: no-repeat; } .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon { vertical-align: middle !important; } .ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon { vertical-align: top !important; } /* checkboxes */ input.x-tree-node-cb { margin-left:1px; height: 19px; vertical-align: bottom; } .ext-ie input.x-tree-node-cb { margin-left:0; margin-top: 1px; width: 16px; height: 16px; vertical-align: middle; } .ext-strict .ext-ie8 input.x-tree-node-cb{ margin: 1px 1px; height: 14px; vertical-align: bottom; } .ext-strict .ext-ie8 input.x-tree-node-cb + a{ vertical-align: bottom; } .ext-opera input.x-tree-node-cb { height: 14px; vertical-align: middle; } .x-tree-noicon .x-tree-node-icon{ width:0; height:0; } /* No line styles */ .x-tree-no-lines .x-tree-elbow{ background-color:transparent; } .x-tree-no-lines .x-tree-elbow-end{ background-color:transparent; } .x-tree-no-lines .x-tree-elbow-line{ background-color:transparent; } /* Arrows */ .x-tree-arrows .x-tree-elbow{ background-color:transparent; } .x-tree-arrows .x-tree-elbow-plus{ background:transparent no-repeat 0 0; } .x-tree-arrows .x-tree-elbow-minus{ background:transparent no-repeat -16px 0; } .x-tree-arrows .x-tree-elbow-end{ background-color:transparent; } .x-tree-arrows .x-tree-elbow-end-plus{ background:transparent no-repeat 0 0; } .x-tree-arrows .x-tree-elbow-end-minus{ background:transparent no-repeat -16px 0; } .x-tree-arrows .x-tree-elbow-line{ background-color:transparent; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{ background-position:-32px 0; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{ background-position:-48px 0; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{ background-position:-32px 0; } .x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{ background-position:-48px 0; } .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{ cursor:pointer; } .ext-ie ul.x-tree-node-ct{ font-size:0; line-height:0; zoom:1; } .x-tree-node{ white-space: nowrap; } .x-tree-node-el { line-height:18px; cursor:pointer; } .x-tree-node a, .x-dd-drag-ghost a{ text-decoration:none; -khtml-user-select:none; -moz-user-select:none; -webkit-user-select:ignore; -kthml-user-focus:normal; -moz-user-focus:normal; -moz-outline: 0 none; outline:0 none; } .x-tree-node a span, .x-dd-drag-ghost a span{ text-decoration:none; padding:1px 3px 1px 2px; } .x-tree-node .x-tree-node-disabled .x-tree-node-icon{ -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50); } .x-tree-node .x-tree-node-inline-icon{ background-color:transparent; } .x-tree-node a:hover, .x-dd-drag-ghost a:hover{ text-decoration:none; } .x-tree-node div.x-tree-drag-insert-below{ border-bottom:1px dotted; } .x-tree-node div.x-tree-drag-insert-above{ border-top:1px dotted; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{ border-bottom:0 none; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{ border-top:0 none; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ border-bottom:2px solid; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ border-top:2px solid; } .x-tree-node .x-tree-drag-append a span{ border:1px dotted; } .x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{ display:none !important; } /* Fix for ie rootVisible:false issue */ .x-tree-root-ct { zoom:1; } .x-date-picker { border: 1px solid; border-top:0 none; position:relative; } .x-date-picker a { -moz-outline:0 none; outline:0 none; } .x-date-inner, .x-date-inner td, .x-date-inner th{ border-collapse:separate; } .x-date-middle,.x-date-left,.x-date-right { background: repeat-x 0 -83px; overflow:hidden; } .x-date-middle .x-btn-tc,.x-date-middle .x-btn-tl,.x-date-middle .x-btn-tr, .x-date-middle .x-btn-mc,.x-date-middle .x-btn-ml,.x-date-middle .x-btn-mr, .x-date-middle .x-btn-bc,.x-date-middle .x-btn-bl,.x-date-middle .x-btn-br{ background:transparent !important; vertical-align:middle; } .x-date-middle .x-btn-mc em.x-btn-arrow { background:transparent no-repeat right 0; } .x-date-right, .x-date-left { width:18px; } .x-date-right{ text-align:right; } .x-date-middle { padding-top:2px; padding-bottom:2px; width:130px; /* FF3 */ } .x-date-right a, .x-date-left a{ display:block; width:16px; height:16px; background-position: center; background-repeat: no-repeat; cursor:pointer; -moz-opacity: 0.6; opacity:.6; filter: alpha(opacity=60); } .x-date-right a:hover, .x-date-left a:hover{ -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); } .x-item-disabled .x-date-right a:hover, .x-item-disabled .x-date-left a:hover{ -moz-opacity: 0.6; opacity:.6; filter: alpha(opacity=60); } .x-date-right a { margin-right:2px; text-decoration:none !important; } .x-date-left a{ margin-left:2px; text-decoration:none !important; } table.x-date-inner { width: 100%; table-layout:fixed; } .ext-webkit table.x-date-inner{ /* Fix for webkit browsers */ width: 175px; } .x-date-inner th { width:25px; } .x-date-inner th { background: repeat-x left top; text-align:right !important; border-bottom: 1px solid; cursor:default; padding:0; border-collapse:separate; } .x-date-inner th span { display:block; padding:2px; padding-right:7px; } .x-date-inner td { border: 1px solid; text-align:right; padding:0; } .x-date-inner a { padding:2px 5px; display:block; text-decoration:none; text-align:right; zoom:1; } .x-date-inner .x-date-active{ cursor:pointer; color:black; } .x-date-inner .x-date-selected a{ background: repeat-x left top; border:1px solid; padding:1px 4px; } .x-date-inner .x-date-today a{ border: 1px solid; padding:1px 4px; } .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { text-decoration:none !important; } .x-date-bottom { padding:4px; border-top: 1px solid; background: repeat-x left top; } .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ text-decoration:none !important; } .x-item-disabled .x-date-inner a:hover{ background: none; } .x-date-inner .x-date-disabled a { cursor:default; } .x-date-menu .x-menu-item { padding:1px 24px 1px 4px; white-space: nowrap; } .x-date-menu .x-menu-item .x-menu-item-icon { width:10px; height:10px; margin-right:5px; background-position:center -4px !important; } .x-date-mp { position:absolute; left:0; top:0; display:none; } .x-date-mp td { padding:2px; font:normal 11px arial, helvetica,tahoma,sans-serif; } td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn { border: 0 none; text-align:center; vertical-align: middle; width:25%; } .x-date-mp-ok { margin-right:3px; } .x-date-mp-btns button { text-decoration:none; text-align:center; text-decoration:none !important; border:1px solid; padding:1px 3px 1px; cursor:pointer; } .x-date-mp-btns { background: repeat-x left top; } .x-date-mp-btns td { border-top: 1px solid; text-align:center; } td.x-date-mp-month a,td.x-date-mp-year a { display:block; padding:2px 4px; text-decoration:none; text-align:center; } td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { text-decoration:none; cursor:pointer; } td.x-date-mp-sel a { padding:1px 3px; background: repeat-x left top; border:1px solid; } .x-date-mp-ybtn a { overflow:hidden; width:15px; height:15px; cursor:pointer; background:transparent no-repeat; display:block; margin:0 auto; } .x-date-mp-ybtn a.x-date-mp-next { background-position:0 -120px; } .x-date-mp-ybtn a.x-date-mp-next:hover { background-position:-15px -120px; } .x-date-mp-ybtn a.x-date-mp-prev { background-position:0 -105px; } .x-date-mp-ybtn a.x-date-mp-prev:hover { background-position:-15px -105px; } .x-date-mp-ybtn { text-align:center; } td.x-date-mp-sep { border-right:1px solid; }.x-tip{ position: absolute; top: 0; left:0; visibility: hidden; z-index: 20002; border:0 none; } .x-tip .x-tip-close{ height: 15px; float:right; width: 15px; margin:0 0 2px 2px; cursor:pointer; display:none; } .x-tip .x-tip-tc { background: transparent no-repeat 0 -62px; padding-top:3px; overflow:hidden; zoom:1; } .x-tip .x-tip-tl { background: transparent no-repeat 0 0; padding-left:6px; overflow:hidden; zoom:1; } .x-tip .x-tip-tr { background: transparent no-repeat right 0; padding-right:6px; overflow:hidden; zoom:1; } .x-tip .x-tip-bc { background: transparent no-repeat 0 -121px; height:3px; overflow:hidden; } .x-tip .x-tip-bl { background: transparent no-repeat 0 -59px; padding-left:6px; zoom:1; } .x-tip .x-tip-br { background: transparent no-repeat right -59px; padding-right:6px; zoom:1; } .x-tip .x-tip-mc { border:0 none; } .x-tip .x-tip-ml { background: no-repeat 0 -124px; padding-left:6px; zoom:1; } .x-tip .x-tip-mr { background: transparent no-repeat right -124px; padding-right:6px; zoom:1; } .ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc { font-size:0; line-height:0; } .ext-border-box .x-tip .x-tip-header, .ext-border-box .x-tip .x-tip-tc{ line-height: 1px; } .x-tip .x-tip-header-text { padding:0; margin:0 0 2px 0; } .x-tip .x-tip-body { margin:0 !important; line-height:14px; padding:0; } .x-tip .x-tip-body .loading-indicator { margin:0; } .x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text { cursor:move; } .x-form-invalid-tip .x-tip-tc { background: repeat-x 0 -12px; padding-top:6px; } .x-form-invalid-tip .x-tip-bc { background: repeat-x 0 -18px; height:6px; } .x-form-invalid-tip .x-tip-bl { background: no-repeat 0 -6px; } .x-form-invalid-tip .x-tip-br { background: no-repeat right -6px; } .x-form-invalid-tip .x-tip-body { padding:2px; } .x-form-invalid-tip .x-tip-body { padding-left:24px; background:transparent no-repeat 2px 2px; } .x-tip-anchor { position: absolute; width: 9px; height: 10px; overflow:hidden; background: transparent no-repeat 0 0; zoom:1; } .x-tip-anchor-bottom { background-position: -9px 0; } .x-tip-anchor-right { background-position: -18px 0; width: 10px; } .x-tip-anchor-left { background-position: -28px 0; width: 10px; }.x-menu { z-index: 15000; zoom: 1; background: repeat-y; } .x-menu-floating{ border: 1px solid; } .x-menu a { text-decoration: none !important; } .ext-ie .x-menu { zoom:1; overflow:hidden; } .x-menu-list{ padding: 2px; background-color:transparent; border:0 none; overflow:hidden; overflow-y: hidden; } .ext-strict .ext-ie .x-menu-list{ position: relative; } .x-menu li{ line-height:100%; } .x-menu li.x-menu-sep-li{ font-size:1px; line-height:1px; } .x-menu-list-item{ white-space: nowrap; display:block; padding:1px; } .x-menu-item{ -moz-user-select: none; -khtml-user-select:none; -webkit-user-select:ignore; } .x-menu-item-arrow{ background:transparent no-repeat right; } .x-menu-sep { display:block; font-size:1px; line-height:1px; margin: 2px 3px; border-bottom:1px solid; overflow:hidden; } .x-menu-focus { position:absolute; left:-1px; top:-1px; width:1px; height:1px; line-height:1px; font-size:1px; -moz-outline:0 none; outline:0 none; -moz-user-select: none; -khtml-user-select:none; -webkit-user-select:ignore; overflow:hidden; display:block; } a.x-menu-item { cursor: pointer; display: block; line-height: 16px; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding: 3px 21px 3px 27px; position: relative; text-decoration: none; white-space: nowrap; } .x-menu-item-active { background-repeat: repeat-x; background-position: left bottom; border-style:solid; border-width: 1px 0; margin:0 1px; padding: 0; } .x-menu-item-active a.x-menu-item { border-style:solid; border-width:0 1px; margin:0 -1px; } .x-menu-item-icon { border: 0 none; height: 16px; padding: 0; vertical-align: top; width: 16px; position: absolute; left: 3px; top: 3px; margin: 0; background-position:center; } .ext-ie .x-menu-item-icon { left: -24px; } .ext-strict .x-menu-item-icon { left: 3px; } .ext-ie6 .x-menu-item-icon { left: -24px; } .ext-ie .x-menu-item-icon { vertical-align: middle; } .x-menu-check-item .x-menu-item-icon{ background: transparent no-repeat center; } .x-menu-group-item .x-menu-item-icon{ background-color: transparent; } .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ background: transparent no-repeat center; } .x-date-menu .x-menu-list{ padding: 0; } .x-menu-date-item{ padding:0; } .x-menu .x-color-palette, .x-menu .x-date-picker{ margin-left: 26px; margin-right:4px; } .x-menu .x-date-picker{ border:1px solid; margin-top:2px; margin-bottom:2px; } .x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{ margin: 0; border: 0 none; } .x-date-menu { padding:0 !important; } /* * fixes separator visibility problem in IE 6 */ .ext-strict .ext-ie6 .x-menu-sep-li { padding: 3px 4px; } .ext-strict .ext-ie6 .x-menu-sep { margin: 0; height: 1px; } /* * Fixes an issue with "fat" separators in webkit */ .ext-webkit .x-menu-sep{ height: 1px; } /* * Ugly mess to remove the white border under the picker */ .ext-ie .x-date-menu{ height: 199px; } .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{ height: 197px; } .ext-strict .ext-ie7 .x-date-menu{ height: 195px; } .ext-strict .ext-ie8 .x-date-menu{ height: auto; } .x-cycle-menu .x-menu-item-checked { border:1px dotted !important; padding:0; } .x-menu .x-menu-scroller { width: 100%; background-repeat:no-repeat; background-position:center; height:8px; line-height: 8px; cursor:pointer; margin: 0; padding: 0; } .x-menu .x-menu-scroller-active{ height: 6px; line-height: 6px; } .x-menu-list-item-indent{ padding-left: 27px; }/* Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:

YOUR TITLE HERE (optional)

YOUR CONTENT HERE
*/ .x-box-tl { background: transparent no-repeat 0 0; zoom:1; } .x-box-tc { height: 8px; background: transparent repeat-x 0 0; overflow: hidden; } .x-box-tr { background: transparent no-repeat right -8px; } .x-box-ml { background: transparent repeat-y 0; padding-left: 4px; overflow: hidden; zoom:1; } .x-box-mc { background: repeat-x 0 -16px; padding: 4px 10px; } .x-box-mc h3 { margin: 0 0 4px 0; zoom:1; } .x-box-mr { background: transparent repeat-y right; padding-right: 4px; overflow: hidden; } .x-box-bl { background: transparent no-repeat 0 -16px; zoom:1; } .x-box-bc { background: transparent repeat-x 0 -8px; height: 8px; overflow: hidden; } .x-box-br { background: transparent no-repeat right -24px; } .x-box-tl, .x-box-bl { padding-left: 8px; overflow: hidden; } .x-box-tr, .x-box-br { padding-right: 8px; overflow: hidden; }.x-combo-list { border:1px solid; zoom:1; overflow:hidden; } .x-combo-list-inner { overflow:auto; position:relative; /* for calculating scroll offsets */ zoom:1; overflow-x:hidden; } .x-combo-list-hd { border-bottom:1px solid; padding:3px; } .x-resizable-pinned .x-combo-list-inner { border-bottom:1px solid; } .x-combo-list-item { padding:2px; border:1px solid; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; } .x-combo-list .x-combo-selected{ border:1px dotted !important; cursor:pointer; } .x-combo-list .x-toolbar { border-top:1px solid; border-bottom:0 none; }.x-panel { border-style: solid; border-width:0; } .x-panel-header { overflow:hidden; zoom:1; padding:5px 3px 4px 5px; border:1px solid; line-height: 15px; background: transparent repeat-x 0 -1px; } .x-panel-body { border:1px solid; border-top:0 none; overflow:hidden; position: relative; /* added for item scroll positioning */ } .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { border:1px solid; border-top:0 none; overflow:hidden; padding:2px; } .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { border-top:1px solid; border-bottom: 0 none; } .x-panel-body-noheader, .x-panel-mc .x-panel-body { border-top:1px solid; } .x-panel-header { overflow:hidden; zoom:1; } .x-panel-tl .x-panel-header { padding:5px 0 4px 0; border:0 none; background:transparent no-repeat; } .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon { padding-left:20px !important; background-repeat:no-repeat; background-position:0 4px; zoom:1; } .x-panel-inline-icon { width:16px; height:16px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; margin-right:4px; margin-top:-1px; margin-bottom:-1px; } .x-panel-tc { background: transparent repeat-x 0 0; overflow:hidden; } /* fix ie7 strict mode bug */ .ext-strict .ext-ie7 .x-panel-tc { overflow: visible; } .x-panel-tl { background: transparent no-repeat 0 0; padding-left:6px; zoom:1; border-bottom:1px solid; } .x-panel-tr { background: transparent no-repeat right 0; zoom:1; padding-right:6px; } .x-panel-bc { background: transparent repeat-x 0 bottom; zoom:1; } .x-panel-bc .x-panel-footer { zoom:1; } .x-panel-bl { background: transparent no-repeat 0 bottom; padding-left:6px; zoom:1; } .x-panel-br { background: transparent no-repeat right bottom; padding-right:6px; zoom:1; } .x-panel-mc { border:0 none; padding:0; margin:0; padding-top:6px; } .x-panel-mc .x-panel-body { background-color:transparent; border: 0 none; } .x-panel-ml { background: repeat-y 0 0; padding-left:6px; zoom:1; } .x-panel-mr { background: transparent repeat-y right 0; padding-right:6px; zoom:1; } .x-panel-bc .x-panel-footer { padding-bottom:6px; } .x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc { height:6px; font-size:0; line-height:0; } .x-panel-bwrap { overflow:hidden; zoom:1; left:0; top:0; } .x-panel-body { overflow:hidden; zoom:1; } .x-panel-collapsed .x-resizable-handle{ display:none; } .ext-gecko .x-panel-animated div { overflow:hidden !important; } /* Plain */ .x-plain-body { overflow:hidden; } .x-plain-bbar .x-toolbar { overflow:hidden; padding:2px; } .x-plain-tbar .x-toolbar { overflow:hidden; padding:2px; } .x-plain-bwrap { overflow:hidden; zoom:1; } .x-plain { overflow:hidden; } /* Tools */ .x-tool { overflow:hidden; width:15px; height:15px; float:right; cursor:pointer; background:transparent no-repeat; margin-left:2px; } /* expand / collapse tools */ .x-tool-toggle { background-position:0 -60px; } .x-tool-toggle-over { background-position:-15px -60px; } .x-panel-collapsed .x-tool-toggle { background-position:0 -75px; } .x-panel-collapsed .x-tool-toggle-over { background-position:-15px -75px; } .x-tool-close { background-position:0 -0; } .x-tool-close-over { background-position:-15px 0; } .x-tool-minimize { background-position:0 -15px; } .x-tool-minimize-over { background-position:-15px -15px; } .x-tool-maximize { background-position:0 -30px; } .x-tool-maximize-over { background-position:-15px -30px; } .x-tool-restore { background-position:0 -45px; } .x-tool-restore-over { background-position:-15px -45px; } .x-tool-gear { background-position:0 -90px; } .x-tool-gear-over { background-position:-15px -90px; } .x-tool-pin { background-position:0 -135px; } .x-tool-pin-over { background-position:-15px -135px; } .x-tool-unpin { background-position:0 -150px; } .x-tool-unpin-over { background-position:-15px -150px; } .x-tool-right { background-position:0 -165px; } .x-tool-right-over { background-position:-15px -165px; } .x-tool-left { background-position:0 -180px; } .x-tool-left-over { background-position:-15px -180px; } .x-tool-up { background-position:0 -210px; } .x-tool-up-over { background-position:-15px -210px; } .x-tool-down { background-position:0 -195px; } .x-tool-down-over { background-position:-15px -195px; } .x-tool-refresh { background-position:0 -225px; } .x-tool-refresh-over { background-position:-15px -225px; } .x-tool-minus { background-position:0 -255px; } .x-tool-minus-over { background-position:-15px -255px; } .x-tool-plus { background-position:0 -240px; } .x-tool-plus-over { background-position:-15px -240px; } .x-tool-search { background-position:0 -270px; } .x-tool-search-over { background-position:-15px -270px; } .x-tool-save { background-position:0 -285px; } .x-tool-save-over { background-position:-15px -285px; } .x-tool-help { background-position:0 -300px; } .x-tool-help-over { background-position:-15px -300px; } .x-tool-print { background-position:0 -315px; } .x-tool-print-over { background-position:-15px -315px; } .x-tool-resize { background-position:0 -360px; } .x-tool-resize-over { background-position:-15px -360px; } .x-tool-move { background-position:0 -375px; } .x-tool-move-over { background-position:-15px -375px; } /* Ghosting */ .x-panel-ghost { z-index:12000; overflow:hidden; position:absolute; left:0;top:0; opacity:.65; -moz-opacity:.65; filter:alpha(opacity=65); } .x-panel-ghost ul { margin:0; padding:0; overflow:hidden; font-size:0; line-height:0; border:1px solid; border-top:0 none; display:block; } .x-panel-ghost * { cursor:move !important; } .x-panel-dd-spacer { border:2px dashed; } /* Buttons */ .x-panel-btns { padding:5px; overflow:hidden; } .x-panel-btns td.x-toolbar-cell{ padding:3px; } .x-panel-btns .x-btn-focus .x-btn-left{ background-position:0 -147px; } .x-panel-btns .x-btn-focus .x-btn-right{ background-position:0 -168px; } .x-panel-btns .x-btn-focus .x-btn-center{ background-position:0 -189px; } .x-panel-btns .x-btn-over .x-btn-left{ background-position:0 -63px; } .x-panel-btns .x-btn-over .x-btn-right{ background-position:0 -84px; } .x-panel-btns .x-btn-over .x-btn-center{ background-position:0 -105px; } .x-panel-btns .x-btn-click .x-btn-center{ background-position:0 -126px; } .x-panel-btns .x-btn-click .x-btn-right{ background-position:0 -84px; } .x-panel-btns .x-btn-click .x-btn-left{ background-position:0 -63px; } .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ white-space: nowrap; } /** * W3C Suggested Default style sheet for HTML 4 * http://www.w3.org/TR/CSS21/sample.html * * Resets for Ext.Panel @cfg normal: true */ .x-panel-reset .x-panel-body html, .x-panel-reset .x-panel-body address, .x-panel-reset .x-panel-body blockquote, .x-panel-reset .x-panel-body body, .x-panel-reset .x-panel-body dd, .x-panel-reset .x-panel-body div, .x-panel-reset .x-panel-body dl, .x-panel-reset .x-panel-body dt, .x-panel-reset .x-panel-body fieldset, .x-panel-reset .x-panel-body form, .x-panel-reset .x-panel-body frame, frameset, .x-panel-reset .x-panel-body h1, .x-panel-reset .x-panel-body h2, .x-panel-reset .x-panel-body h3, .x-panel-reset .x-panel-body h4, .x-panel-reset .x-panel-body h5, .x-panel-reset .x-panel-body h6, .x-panel-reset .x-panel-body noframes, .x-panel-reset .x-panel-body ol, .x-panel-reset .x-panel-body p, .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body center, .x-panel-reset .x-panel-body dir, .x-panel-reset .x-panel-body hr, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body pre { display: block } .x-panel-reset .x-panel-body li { display: list-item } .x-panel-reset .x-panel-body head { display: none } .x-panel-reset .x-panel-body table { display: table } .x-panel-reset .x-panel-body tr { display: table-row } .x-panel-reset .x-panel-body thead { display: table-header-group } .x-panel-reset .x-panel-body tbody { display: table-row-group } .x-panel-reset .x-panel-body tfoot { display: table-footer-group } .x-panel-reset .x-panel-body col { display: table-column } .x-panel-reset .x-panel-body colgroup { display: table-column-group } .x-panel-reset .x-panel-body td, .x-panel-reset .x-panel-body th { display: table-cell } .x-panel-reset .x-panel-body caption { display: table-caption } .x-panel-reset .x-panel-body th { font-weight: bolder; text-align: center } .x-panel-reset .x-panel-body caption { text-align: center } .x-panel-reset .x-panel-body body { margin: 8px } .x-panel-reset .x-panel-body h1 { font-size: 2em; margin: .67em 0 } .x-panel-reset .x-panel-body h2 { font-size: 1.5em; margin: .75em 0 } .x-panel-reset .x-panel-body h3 { font-size: 1.17em; margin: .83em 0 } .x-panel-reset .x-panel-body h4, .x-panel-reset .x-panel-body p, .x-panel-reset .x-panel-body blockquote, .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body fieldset, .x-panel-reset .x-panel-body form, .x-panel-reset .x-panel-body ol, .x-panel-reset .x-panel-body dl, .x-panel-reset .x-panel-body dir, .x-panel-reset .x-panel-body menu { margin: 1.12em 0 } .x-panel-reset .x-panel-body h5 { font-size: .83em; margin: 1.5em 0 } .x-panel-reset .x-panel-body h6 { font-size: .75em; margin: 1.67em 0 } .x-panel-reset .x-panel-body h1, .x-panel-reset .x-panel-body h2, .x-panel-reset .x-panel-body h3, .x-panel-reset .x-panel-body h4, .x-panel-reset .x-panel-body h5, .x-panel-reset .x-panel-body h6, .x-panel-reset .x-panel-body b, .x-panel-reset .x-panel-body strong { font-weight: bolder } .x-panel-reset .x-panel-body blockquote { margin-left: 40px; margin-right: 40px } .x-panel-reset .x-panel-body i, .x-panel-reset .x-panel-body cite, .x-panel-reset .x-panel-body em, .x-panel-reset .x-panel-body var, .x-panel-reset .x-panel-body address { font-style: italic } .x-panel-reset .x-panel-body pre, .x-panel-reset .x-panel-body tt, .x-panel-reset .x-panel-body code, .x-panel-reset .x-panel-body kbd, .x-panel-reset .x-panel-body samp { font-family: monospace } .x-panel-reset .x-panel-body pre { white-space: pre } .x-panel-reset .x-panel-body button, .x-panel-reset .x-panel-body textarea, .x-panel-reset .x-panel-body input, .x-panel-reset .x-panel-body select { display: inline-block } .x-panel-reset .x-panel-body big { font-size: 1.17em } .x-panel-reset .x-panel-body small, .x-panel-reset .x-panel-body sub, .x-panel-reset .x-panel-body sup { font-size: .83em } .x-panel-reset .x-panel-body sub { vertical-align: sub } .x-panel-reset .x-panel-body sup { vertical-align: super } .x-panel-reset .x-panel-body table { border-spacing: 2px; } .x-panel-reset .x-panel-body thead, .x-panel-reset .x-panel-body tbody, .x-panel-reset .x-panel-body tfoot { vertical-align: middle } .x-panel-reset .x-panel-body td, .x-panel-reset .x-panel-body th { vertical-align: inherit } .x-panel-reset .x-panel-body s, .x-panel-reset .x-panel-body strike, .x-panel-reset .x-panel-body del { text-decoration: line-through } .x-panel-reset .x-panel-body hr { border: 1px inset } .x-panel-reset .x-panel-body ol, .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body dir, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dd { margin-left: 40px } .x-panel-reset .x-panel-body ul, .x-panel-reset .x-panel-body menu, .x-panel-reset .x-panel-body dir { list-style-type: disc;} .x-panel-reset .x-panel-body ol { list-style-type: decimal } .x-panel-reset .x-panel-body ol ul, .x-panel-reset .x-panel-body ul ol, .x-panel-reset .x-panel-body ul ul, .x-panel-reset .x-panel-body ol ol { margin-top: 0; margin-bottom: 0 } .x-panel-reset .x-panel-body u, .x-panel-reset .x-panel-body ins { text-decoration: underline } .x-panel-reset .x-panel-body br:before { content: "\A" } .x-panel-reset .x-panel-body :before, .x-panel-reset .x-panel-body :after { white-space: pre-line } .x-panel-reset .x-panel-body center { text-align: center } .x-panel-reset .x-panel-body :link, .x-panel-reset .x-panel-body :visited { text-decoration: underline } .x-panel-reset .x-panel-body :focus { outline: invert dotted thin } /* Begin bidirectionality settings (do not change) */ .x-panel-reset .x-panel-body BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } .x-panel-reset .x-panel-body BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } .x-window { zoom:1; } .x-window .x-window-handle { opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } .x-window-proxy { border:1px solid; z-index:12000; overflow:hidden; position:absolute; left:0;top:0; display:none; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); } .x-window-header { overflow:hidden; zoom:1; } .x-window-bwrap { z-index:1; position:relative; zoom:1; left:0;top:0; } .x-window-tl .x-window-header { padding:5px 0 4px 0; } .x-window-header-text { cursor:pointer; } .x-window-tc { background: transparent repeat-x 0 0; overflow:hidden; zoom:1; } .x-window-tl { background: transparent no-repeat 0 0; padding-left:6px; zoom:1; z-index:1; position:relative; } .x-window-tr { background: transparent no-repeat right 0; padding-right:6px; } .x-window-bc { background: transparent repeat-x 0 bottom; zoom:1; } .x-window-bc .x-window-footer { padding-bottom:6px; zoom:1; font-size:0; line-height:0; } .x-window-bl { background: transparent no-repeat 0 bottom; padding-left:6px; zoom:1; } .x-window-br { background: transparent no-repeat right bottom; padding-right:6px; zoom:1; } .x-window-mc { border:1px solid; padding:0; margin:0; } .x-window-ml { background: transparent repeat-y 0 0; padding-left:6px; zoom:1; } .x-window-mr { background: transparent repeat-y right 0; padding-right:6px; zoom:1; } .x-window-body { overflow:hidden; } .x-window-bwrap { overflow:hidden; } .x-window-maximized .x-window-bl, .x-window-maximized .x-window-br, .x-window-maximized .x-window-ml, .x-window-maximized .x-window-mr, .x-window-maximized .x-window-tl, .x-window-maximized .x-window-tr { padding:0; } .x-window-maximized .x-window-footer { padding-bottom:0; } .x-window-maximized .x-window-tc { padding-left:3px; padding-right:3px; } .x-window-maximized .x-window-mc { border-left:0 none; border-right:0 none; } .x-window-tbar .x-toolbar, .x-window-bbar .x-toolbar { border-left:0 none; border-right: 0 none; } .x-window-bbar .x-toolbar { border-top:1px solid; border-bottom:0 none; } .x-window-draggable, .x-window-draggable .x-window-header-text { cursor:move; } .x-window-maximized .x-window-draggable, .x-window-maximized .x-window-draggable .x-window-header-text { cursor:default; } .x-window-body { background-color:transparent; } .x-panel-ghost .x-window-tl { border-bottom:1px solid; } .x-panel-collapsed .x-window-tl { border-bottom:1px solid; } .x-window-maximized-ct { overflow:hidden; } .x-window-maximized .x-window-handle { display:none; } .x-window-sizing-ghost ul { border:0 none !important; } .x-dlg-focus{ -moz-outline:0 none; outline:0 none; width:0; height:0; overflow:hidden; position:absolute; top:0; left:0; } .ext-webkit .x-dlg-focus{ width: 1px; height: 1px; } .x-dlg-mask{ z-index:10000; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); } body.ext-ie6.x-body-masked select { visibility:hidden; } body.ext-ie6.x-body-masked .x-window select { visibility:visible; } .x-window-plain .x-window-mc { border: 1px solid; } .x-window-plain .x-window-body { border: 1px solid; background:transparent !important; }.x-html-editor-wrap { border:1px solid; } .x-html-editor-tb .x-btn-text { background:transparent no-repeat; } .x-html-editor-tb .x-edit-bold, .x-menu-item img.x-edit-bold { background-position:0 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-italic, .x-menu-item img.x-edit-italic { background-position:-16px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-underline, .x-menu-item img.x-edit-underline { background-position:-32px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-forecolor, .x-menu-item img.x-edit-forecolor { background-position:-160px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-backcolor, .x-menu-item img.x-edit-backcolor { background-position:-176px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-justifyleft, .x-menu-item img.x-edit-justifyleft { background-position:-112px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-justifycenter, .x-menu-item img.x-edit-justifycenter { background-position:-128px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-justifyright, .x-menu-item img.x-edit-justifyright { background-position:-144px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-insertorderedlist, .x-menu-item img.x-edit-insertorderedlist { background-position:-80px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-insertunorderedlist, .x-menu-item img.x-edit-insertunorderedlist { background-position:-96px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-increasefontsize, .x-menu-item img.x-edit-increasefontsize { background-position:-48px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-decreasefontsize, .x-menu-item img.x-edit-decreasefontsize { background-position:-64px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-sourceedit, .x-menu-item img.x-edit-sourceedit { background-position:-192px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tb .x-edit-createlink, .x-menu-item img.x-edit-createlink { background-position:-208px 0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-html-editor-tip .x-tip-bd .x-tip-bd-inner { padding:5px; padding-bottom:1px; } .x-html-editor-tb .x-toolbar { position:static !important; }.x-panel-noborder .x-panel-body-noborder { border-width:0; } .x-panel-noborder .x-panel-header-noborder { border-width:0 0 1px; border-style:solid; } .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { border-width:0 0 1px; border-style:solid; } .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { border-width:1px 0 0 0; border-style:solid; } .x-window-noborder .x-window-mc { border-width:0; } .x-window-plain .x-window-body-noborder { border-width:0; } .x-tab-panel-noborder .x-tab-panel-body-noborder { border-width:0; } .x-tab-panel-noborder .x-tab-panel-header-noborder { border-width: 0 0 1px 0; } .x-tab-panel-noborder .x-tab-panel-footer-noborder { border-width: 1px 0 0 0; } .x-tab-panel-bbar-noborder .x-toolbar { border-width: 1px 0 0 0; border-style:solid; } .x-tab-panel-tbar-noborder .x-toolbar { border-width:0 0 1px; border-style:solid; }.x-border-layout-ct { position: relative; } .x-border-panel { position:absolute; left:0; top:0; } .x-tool-collapse-south { background-position:0 -195px; } .x-tool-collapse-south-over { background-position:-15px -195px; } .x-tool-collapse-north { background-position:0 -210px; } .x-tool-collapse-north-over { background-position:-15px -210px; } .x-tool-collapse-west { background-position:0 -180px; } .x-tool-collapse-west-over { background-position:-15px -180px; } .x-tool-collapse-east { background-position:0 -165px; } .x-tool-collapse-east-over { background-position:-15px -165px; } .x-tool-expand-south { background-position:0 -210px; } .x-tool-expand-south-over { background-position:-15px -210px; } .x-tool-expand-north { background-position:0 -195px; } .x-tool-expand-north-over { background-position:-15px -195px; } .x-tool-expand-west { background-position:0 -165px; } .x-tool-expand-west-over { background-position:-15px -165px; } .x-tool-expand-east { background-position:0 -180px; } .x-tool-expand-east-over { background-position:-15px -180px; } .x-tool-expand-north, .x-tool-expand-south { float:right; margin:3px; } .x-tool-expand-east, .x-tool-expand-west { float:none; margin:3px auto; } .x-accordion-hd .x-tool-toggle { background-position:0 -255px; } .x-accordion-hd .x-tool-toggle-over { background-position:-15px -255px; } .x-panel-collapsed .x-accordion-hd .x-tool-toggle { background-position:0 -240px; } .x-panel-collapsed .x-accordion-hd .x-tool-toggle-over { background-position:-15px -240px; } .x-accordion-hd { padding-top:4px; padding-bottom:3px; border-top:0 none; background: transparent repeat-x 0 -9px; } .x-layout-collapsed{ position:absolute; left:-10000px; top:-10000px; visibility:hidden; width:20px; height:20px; overflow:hidden; border:1px solid; z-index:20; } .ext-border-box .x-layout-collapsed{ width:22px; height:22px; } .x-layout-collapsed-over{ cursor:pointer; } .x-layout-collapsed-west .x-layout-collapsed-tools, .x-layout-collapsed-east .x-layout-collapsed-tools{ position:absolute; top:0; left:0; width:20px; height:20px; } .x-layout-split{ position:absolute; height:5px; width:5px; line-height:1px; font-size:1px; z-index:3; background-color:transparent; } /* IE6 strict won't drag w/out a color */ .ext-strict .ext-ie6 .x-layout-split{ background-color: #fff !important; filter: alpha(opacity=1); } .x-layout-split-h{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/s.gif); background-position: left; } .x-layout-split-v{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/s.gif); background-position: top; } .x-column-layout-ct { overflow:hidden; zoom:1; } .x-column { float:left; padding:0; margin:0; overflow:hidden; zoom:1; } .x-column-inner { overflow:hidden; zoom:1; } /* mini mode */ .x-layout-mini { position:absolute; top:0; left:0; display:block; width:5px; height:35px; cursor:pointer; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); } .x-layout-mini-over, .x-layout-collapsed-over .x-layout-mini{ opacity:1; -moz-opacity:1; filter:none; } .x-layout-split-west .x-layout-mini { top:48%; } .x-layout-split-east .x-layout-mini { top:48%; } .x-layout-split-north .x-layout-mini { left:48%; height:5px; width:35px; } .x-layout-split-south .x-layout-mini { left:48%; height:5px; width:35px; } .x-layout-cmini-west .x-layout-mini { top:48%; } .x-layout-cmini-east .x-layout-mini { top:48%; } .x-layout-cmini-north .x-layout-mini { left:48%; height:5px; width:35px; } .x-layout-cmini-south .x-layout-mini { left:48%; height:5px; width:35px; } .x-layout-cmini-west, .x-layout-cmini-east { border:0 none; width:5px !important; padding:0; background-color:transparent; } .x-layout-cmini-north, .x-layout-cmini-south { border:0 none; height:5px !important; padding:0; background-color:transparent; } .x-viewport, .x-viewport body { margin: 0; padding: 0; border: 0 none; overflow: hidden; height: 100%; } .x-abs-layout-item { position:absolute; left:0; top:0; } .ext-ie input.x-abs-layout-item, .ext-ie textarea.x-abs-layout-item { margin:0; } .x-box-layout-ct { overflow:hidden; zoom:1; } .x-box-inner { overflow:hidden; zoom:1; position:relative; left:0; top:0; } .x-box-item { position:absolute; left:0; top:0; }.x-progress-wrap { border:1px solid; overflow:hidden; } .x-progress-inner { height:18px; background:repeat-x; position:relative; } .x-progress-bar { height:18px; float:left; width:0; background: repeat-x left center; border-top:1px solid; border-bottom:1px solid; border-right:1px solid; } .x-progress-text { padding:1px 5px; overflow:hidden; position:absolute; left:0; text-align:center; } .x-progress-text-back { line-height:16px; } .ext-ie .x-progress-text-back { line-height:15px; } .ext-strict .ext-ie7 .x-progress-text-back{ width: 100%; } .x-list-header{ background: repeat-x 0 bottom; cursor:default; zoom:1; height:22px; } .x-list-header-inner div { display:block; float:left; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .x-list-header-inner div em { display:block; border-left:1px solid; padding:4px 4px; overflow:hidden; -moz-user-select: none; -khtml-user-select: none; line-height:14px; } .x-list-body { overflow:auto; overflow-x:hidden; overflow-y:auto; zoom:1; float: left; width: 100%; } .x-list-body dl { zoom:1; } .x-list-body dt { display:block; float:left; overflow:hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; cursor:pointer; zoom:1; } .x-list-body dt em { display:block; padding:3px 4px; overflow:hidden; -moz-user-select: none; -khtml-user-select: none; } .x-list-resizer { border-left:1px solid; border-right:1px solid; position:absolute; left:0; top:0; } .x-list-header-inner em.sort-asc { background: transparent no-repeat center 0; border-style:solid; border-width: 0 1px 1px; padding-bottom:3px; } .x-list-header-inner em.sort-desc { background: transparent no-repeat center -23px; border-style:solid; border-width: 0 1px 1px; padding-bottom:3px; } /* Shared styles */ .x-slider { zoom:1; } .x-slider-inner { position:relative; left:0; top:0; overflow:visible; zoom:1; } .x-slider-focus { position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; font-size:1px; -moz-outline:0 none; outline:0 none; -moz-user-select: none; -khtml-user-select:none; -webkit-user-select:ignore; display:block; overflow:hidden; } /* Horizontal styles */ .x-slider-horz { padding-left:7px; background:transparent no-repeat 0 -22px; } .x-slider-horz .x-slider-end { padding-right:7px; zoom:1; background:transparent no-repeat right -44px; } .x-slider-horz .x-slider-inner { background:transparent repeat-x 0 0; height:22px; } .x-slider-horz .x-slider-thumb { width:14px; height:15px; position:absolute; left:0; top:3px; background:transparent no-repeat 0 0; } .x-slider-horz .x-slider-thumb-over { background-position: -14px -15px; } .x-slider-horz .x-slider-thumb-drag { background-position: -28px -30px; } /* Vertical styles */ .x-slider-vert { padding-top:7px; background:transparent no-repeat -44px 0; width:22px; } .x-slider-vert .x-slider-end { padding-bottom:7px; zoom:1; background:transparent no-repeat -22px bottom; } .x-slider-vert .x-slider-inner { background:transparent repeat-y 0 0; } .x-slider-vert .x-slider-thumb { width:15px; height:14px; position:absolute; left:3px; bottom:0; background:transparent no-repeat 0 0; } .x-slider-vert .x-slider-thumb-over { background-position: -15px -14px; } .x-slider-vert .x-slider-thumb-drag { background-position: -30px -28px; }.x-window-dlg .x-window-body { border:0 none !important; padding:5px 10px; overflow:hidden !important; } .x-window-dlg .x-window-mc { border:0 none !important; } .x-window-dlg .ext-mb-input { margin-top:4px; width:95%; } .x-window-dlg .ext-mb-textarea { margin-top:4px; } .x-window-dlg .x-progress-wrap { margin-top:4px; } .ext-ie .x-window-dlg .x-progress-wrap { margin-top:6px; } .x-window-dlg .x-msg-box-wait { background:transparent no-repeat left; display:block; width:300px; padding-left:18px; line-height:18px; } .x-window-dlg .ext-mb-icon { float:left; width:47px; height:32px; } .x-window-dlg .x-dlg-icon .ext-mb-content{ zoom: 1; margin-left: 47px; } .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error { background:transparent no-repeat top left; } .ext-gecko2 .ext-mb-fix-cursor { overflow:auto; }.ext-el-mask { background-color: #ccc; } .ext-el-mask-msg { border-color:#6593cf; background-color:#c3daf9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb-blue.gif); } .ext-el-mask-msg div { background-color: #eee; border-color:#a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; } .x-mask-loading div { background-color:#fbfbfb; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-item-disabled { color: gray; } .x-item-disabled * { color: gray !important; } .x-splitbar-proxy { background-color: #aaa; } .x-color-palette a { border-color:#fff; } .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { border-color:#8bb8f3; background-color: #deecfd; } /* .x-color-palette em:hover, .x-color-palette span:hover{ background-color: #deecfd; } */ .x-color-palette em { border-color:#aca899; } .x-ie-shadow { background-color:#777; } .x-shadow .xsmc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow-c.png); } .x-shadow .xsml, .x-shadow .xsmr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow-lr.png); } .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow.png); } .loading-indicator { font-size: 11px; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-spotlight { background-color: #ccc; } .x-tab-panel-header, .x-tab-panel-footer { background-color: #deecfd; border-color:#8db2e3; overflow:hidden; zoom:1; } .x-tab-panel-header, .x-tab-panel-footer { border-color:#8db2e3; } ul.x-tab-strip-top{ background-color:#cedff5; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-strip-bg.gif); border-bottom-color:#8db2e3; } ul.x-tab-strip-bottom{ background-color:#cedff5; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-strip-btm-bg.gif); border-top-color:#8db2e3; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border-color:#8db2e3; background-color: #deecfd; } .x-tab-strip span.x-tab-strip-text { font:normal 11px tahoma,arial,helvetica; color:#416aa3; } .x-tab-strip-over span.x-tab-strip-text { color:#15428b; } .x-tab-strip-active span.x-tab-strip-text { color:#15428b; font-weight:bold; } .x-tab-strip-disabled .x-tabs-text { color:#aaaaaa; } .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tabs-sprite.gif); } .x-tab-strip-bottom .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-inactive-right-bg.gif); } .x-tab-strip-bottom .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-inactive-left-bg.gif); } .x-tab-strip-bottom .x-tab-strip-over .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-over-right-bg.gif); } .x-tab-strip-bottom .x-tab-strip-over .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-over-left-bg.gif); } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-right-bg.gif); } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-btm-left-bg.gif); } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-close.gif); } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/tab-close.gif); } .x-tab-panel-body { border-color:#8db2e3; background-color:#fff; } .x-tab-panel-body-top { border-top: 0 none; } .x-tab-panel-body-bottom { border-bottom: 0 none; } .x-tab-scroller-left { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/scroll-left.gif); border-bottom-color:#8db2e3; } .x-tab-scroller-left-over { background-position: 0 0; } .x-tab-scroller-left-disabled { background-position: -18px 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scroller-right { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tabs/scroll-right.gif); border-bottom-color:#8db2e3; } .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { border-color:#99bbe8; }.x-form-field { font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-text, textarea.x-form-field { background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/text-bg.gif); border-color:#b5b8c8; } .x-form-select-one { background-color:#fff; border-color:#b5b8c8; } .x-form-check-group-label { border-bottom: 1px solid #99bbe8; color: #15428b; } .x-editor .x-form-check-wrap { background-color:#fff; } .x-form-field-wrap .x-form-trigger { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/trigger.gif); border-bottom-color:#b5b8c8; } .x-form-field-wrap .x-form-date-trigger { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/date-trigger.gif); } .x-form-field-wrap .x-form-clear-trigger { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/clear-trigger.gif); } .x-form-field-wrap .x-form-search-trigger { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/search-trigger.gif); } .x-trigger-wrap-focus .x-form-trigger { border-bottom-color:#7eadd9; } .x-item-disabled .x-form-trigger-over { border-bottom-color:#b5b8c8; } .x-item-disabled .x-form-trigger-click { border-bottom-color:#b5b8c8; } .x-form-focus, textarea.x-form-focus { border-color:#7eadd9; } .x-form-invalid, textarea.x-form-invalid { background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/invalid_line.gif); border-color:#c30; } .x-form-invalid.x-form-composite { border: none; background-image: none; } .x-form-invalid.x-form-composite .x-form-invalid { background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/invalid_line.gif); border-color:#c30; } .x-form-inner-invalid, textarea.x-form-inner-invalid { background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/invalid_line.gif); } .x-form-grow-sizer { font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-item { font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-invalid-msg { color:#c0272b; font:normal 11px tahoma, arial, helvetica, sans-serif; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/warning.gif); } .x-form-empty-field { color:gray; } .x-small-editor .x-form-field { font:normal 11px arial, tahoma, helvetica, sans-serif; } .ext-webkit .x-small-editor .x-form-field { font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-form-invalid-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/exclamation.gif); } .x-fieldset { border-color:#b5b8c8; } .x-fieldset legend { font:bold 11px tahoma, arial, helvetica, sans-serif; color:#15428b; } .x-btn{ font:normal 11px tahoma, verdana, helvetica; } .x-btn button{ font:normal 11px arial,tahoma,verdana,helvetica; color:#333; } .x-btn em { font-style:normal; font-weight:normal; } .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/btn.gif); } .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ color:#000; } .x-btn-disabled *{ color:gray !important; } .x-btn-mc em.x-btn-arrow { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/arrow.gif); } .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow.gif); } .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-o.gif); } .x-btn-mc em.x-btn-arrow-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b-noline.gif); } .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b.gif); } .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-bo.gif); } .x-btn-group-header { color: #3e6aaa; } .x-btn-group-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-tb.gif); } .x-btn-group-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-cs.gif); } .x-btn-group-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-cs.gif); } .x-btn-group-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-tb.gif); } .x-btn-group-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-cs.gif); } .x-btn-group-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-cs.gif); } .x-btn-group-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-lr.gif); } .x-btn-group-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-lr.gif); } .x-btn-group-notitle .x-btn-group-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/group-tb.gif); }.x-toolbar{ border-color:#a9bfd3; background-color:#d0def0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/toolbar/bg.gif); } .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ font:normal 11px arial,tahoma, helvetica, sans-serif; } .x-toolbar .x-item-disabled { color:gray; } .x-toolbar .x-item-disabled * { color:gray; } .x-toolbar .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-o.gif); } .x-toolbar .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-bo.gif); } .x-toolbar .xtb-sep { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-blue-split.gif); } .x-tbar-page-first{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-first.gif) !important; } .x-tbar-loading{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/refresh.gif) !important; } .x-tbar-page-last{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-last.gif) !important; } .x-tbar-page-next{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-next.gif) !important; } .x-tbar-page-prev{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-prev.gif) !important; } .x-item-disabled .x-tbar-loading{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/refresh-disabled.gif) !important; } .x-item-disabled .x-tbar-page-first{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-first-disabled.gif) !important; } .x-item-disabled .x-tbar-page-last{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-last-disabled.gif) !important; } .x-item-disabled .x-tbar-page-next{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-next-disabled.gif) !important; } .x-item-disabled .x-tbar-page-prev{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-prev-disabled.gif) !important; } .x-paging-info { color:#444; } .x-toolbar-more-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/toolbar/more.gif) !important; }.x-resizable-handle { background-color:#fff; } .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/e-handle.gif); } .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/s-handle.gif); } .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/s-handle.gif); } .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/se-handle.gif); } .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/nw-handle.gif); } .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/ne-handle.gif); } .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/sizer/sw-handle.gif); } .x-resizable-proxy{ border-color:#3b5a82; } .x-resizable-overlay{ background-color:#fff; } .x-grid3 { background-color:#fff; } .x-grid-panel .x-panel-mc .x-panel-body { border-color:#99bbe8; } .x-grid3-row td, .x-grid3-summary-row td{ font:normal 11px/13px arial, tahoma, helvetica, sans-serif; } .x-grid3-hd-row td { font:normal 11px/15px arial, tahoma, helvetica, sans-serif; } .x-grid3-hd-row td { border-left-color:#eee; border-right-color:#d0d0d0; } .x-grid-row-loading { background-color: #fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/loading-balls.gif); } .x-grid3-row { border-color:#ededed; border-top-color:#fff; } .x-grid3-row-alt{ background-color:#fafafa; } .x-grid3-row-over { border-color:#ddd; background-color:#efefef; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/row-over.gif); } .x-grid3-resize-proxy { background-color:#777; } .x-grid3-resize-marker { background-color:#777; } .x-grid3-header{ background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow.gif); } .x-grid3-header-pop { border-left-color:#d0d0d0; } .x-grid3-header-pop-inner { border-left-color:#eee; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hd-pop.gif); } td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { border-left-color:#aaccf6; border-right-color:#aaccf6; } td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { background-color:#ebf3fd; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow-over.gif); } .sort-asc .x-grid3-sort-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/sort_asc.gif); } .sort-desc .x-grid3-sort-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/sort_desc.gif); } .x-grid3-cell-text, .x-grid3-hd-text { color:#000; } .x-grid3-split { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-split.gif); } .x-grid3-hd-text { color:#15428b; } .x-dd-drag-proxy .x-grid3-hd-inner{ background-color:#ebf3fd; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow-over.gif); border-color:#aaccf6; } .col-move-top{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/col-move-top.gif); } .col-move-bottom{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/col-move-bottom.gif); } td.grid-hd-group-cell { background: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow.gif) repeat-x bottom; } .x-grid3-row-selected { background-color: #dfe8f6 !important; background-image: none; border-color:#a3bae9; } .x-grid3-cell-selected{ background-color: #b8cfee !important; color:#000; } .x-grid3-cell-selected span{ color:#000 !important; } .x-grid3-cell-selected .x-grid3-cell-text{ color:#000; } .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ background-color:#ebeadb !important; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-hrow.gif) !important; color:#000; border-top-color:#fff; border-right-color:#6fa0df !important; } .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ color:#15428b !important; } .x-grid3-dirty-cell { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/dirty.gif); } .x-grid3-topbar, .x-grid3-bottombar{ font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-grid3-bottombar .x-toolbar{ border-top-color:#a9bfd3; } .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif) !important; color:#000 !important; } .x-props-grid .x-grid3-body .x-grid3-td-name{ background-color:#fff !important; border-right-color:#eee; } .xg-hmenu-sort-asc .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-asc.gif); } .xg-hmenu-sort-desc .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-desc.gif); } .xg-hmenu-lock .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-lock.gif); } .xg-hmenu-unlock .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-unlock.gif); } .x-grid3-hd-btn { background-color:#c3daf9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hd-btn.gif); } .x-grid3-body .x-grid3-td-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-row-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/row-expand-sprite.gif); } .x-grid3-body .x-grid3-td-checker { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-row-checker, .x-grid3-hd-checker { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/row-check-sprite.gif); } .x-grid3-body .x-grid3-td-numberer { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { color:#444; } .x-grid3-body .x-grid3-td-row-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-sel-bg.gif); } .x-grid3-check-col { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/unchecked.gif); } .x-grid3-check-col-on { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/checked.gif); } .x-grid-group, .x-grid-group-body, .x-grid-group-hd { zoom:1; } .x-grid-group-hd { border-bottom-color:#99bbe8; } .x-grid-group-hd div.x-grid-group-title { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-collapse.gif); color:#3764a0; font:bold 11px tahoma, arial, helvetica, sans-serif; } .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-expand.gif); } .x-group-by-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-by.gif); } .x-cols-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/columns.gif); } .x-show-groups-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-by.gif); } .x-grid-empty { color:gray; font:normal 11px tahoma, arial, helvetica, sans-serif; } .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { border-right-color:#ededed; } .x-grid-with-col-lines .x-grid3-row-selected { border-top-color:#a3bae9; }.x-pivotgrid .x-grid3-header-offset table td { background: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow.gif) repeat-x 50% 100%; border-left: 1px solid; border-right: 1px solid; border-left-color: #EEE; border-right-color: #D0D0D0; } .x-pivotgrid .x-grid3-row-headers { background-color: #f9f9f9; } .x-pivotgrid .x-grid3-row-headers table td { background: #EEE url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-rowheader.gif) repeat-x left top; border-left: 1px solid; border-right: 1px solid; border-left-color: #EEE; border-right-color: #D0D0D0; border-bottom: 1px solid; border-bottom-color: #D0D0D0; }.x-dd-drag-ghost{ color:#000; font: normal 11px arial, helvetica, sans-serif; border-color: #ddd #bbb #bbb #ddd; background-color:#fff; } .x-dd-drop-nodrop .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-no.gif); } .x-dd-drop-ok .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-yes.gif); } .x-dd-drop-ok-add .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-add.gif); } .x-view-selector { background-color:#c3daf9; border-color:#3399bb; }.x-tree-node-expanded .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/folder-open.gif); } .x-tree-node-leaf .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/leaf.gif); } .x-tree-node-collapsed .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/folder.gif); } .x-tree-node-loading .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/loading.gif) !important; } .x-tree-node .x-tree-node-inline-icon { background-image: none; } .x-tree-node-loading a span{ font-style: italic; color:#444444; } .x-tree-lines .x-tree-elbow{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow.gif); } .x-tree-lines .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-plus.gif); } .x-tree-lines .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-minus.gif); } .x-tree-lines .x-tree-elbow-end{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end.gif); } .x-tree-lines .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end-plus.gif); } .x-tree-lines .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end-minus.gif); } .x-tree-lines .x-tree-elbow-line{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-line.gif); } .x-tree-no-lines .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-plus-nl.gif); } .x-tree-no-lines .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-minus-nl.gif); } .x-tree-no-lines .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end-plus-nl.gif); } .x-tree-no-lines .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end-minus-nl.gif); } .x-tree-arrows .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/arrows.gif); } .x-tree-node{ color:#000; font: normal 11px arial, tahoma, helvetica, sans-serif; } .x-tree-node a, .x-dd-drag-ghost a{ color:#000; } .x-tree-node a span, .x-dd-drag-ghost a span{ color:#000; } .x-tree-node .x-tree-node-disabled a span{ color:gray !important; } .x-tree-node div.x-tree-drag-insert-below{ border-bottom-color:#36c; } .x-tree-node div.x-tree-drag-insert-above{ border-top-color:#36c; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ border-bottom-color:#36c; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ border-top-color:#36c; } .x-tree-node .x-tree-drag-append a span{ background-color:#ddd; border-color:gray; } .x-tree-node .x-tree-node-over { background-color: #eee; } .x-tree-node .x-tree-selected { background-color: #d9e8fb; } .x-tree-drop-ok-append .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-add.gif); } .x-tree-drop-ok-above .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-over.gif); } .x-tree-drop-ok-below .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-under.gif); } .x-tree-drop-ok-between .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-between.gif); }.x-date-picker { border-color: #1b376c; background-color:#fff; } .x-date-middle,.x-date-left,.x-date-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/hd-sprite.gif); color:#fff; font:bold 11px "sans serif", tahoma, verdana, helvetica; } .x-date-middle .x-btn .x-btn-text { color:#fff; } .x-date-middle .x-btn-mc em.x-btn-arrow { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/toolbar/btn-arrow-light.gif); } .x-date-right a { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/right-btn.gif); } .x-date-left a{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/left-btn.gif); } .x-date-inner th { background-color:#dfecfb; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/glass-bg.gif); border-bottom-color:#a3bad9; font:normal 10px arial, helvetica,tahoma,sans-serif; color:#233d6d; } .x-date-inner td { border-color:#fff; } .x-date-inner a { font:normal 11px arial, helvetica,tahoma,sans-serif; color:#000; } .x-date-inner .x-date-active{ color:#000; } .x-date-inner .x-date-selected a{ background-color:#dfecfb; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/glass-bg.gif); border-color:#8db2e3; } .x-date-inner .x-date-today a{ border-color:darkred; } .x-date-inner .x-date-selected span{ font-weight:bold; } .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { color:#aaa; } .x-date-bottom { border-top-color:#a3bad9; background-color:#dfecfb; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/glass-bg.gif); } .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ color:#000; background-color:#ddecfe; } .x-date-inner .x-date-disabled a { background-color:#eee; color:#bbb; } .x-date-mmenu{ background-color:#eee !important; } .x-date-mmenu .x-menu-item { font-size:10px; color:#000; } .x-date-mp { background-color:#fff; } .x-date-mp td { font:normal 11px arial, helvetica,tahoma,sans-serif; } .x-date-mp-btns button { background-color:#083772; color:#fff; border-color: #3366cc #000055 #000055 #3366cc; font:normal 11px arial, helvetica,tahoma,sans-serif; } .x-date-mp-btns { background-color: #dfecfb; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/glass-bg.gif); } .x-date-mp-btns td { border-top-color: #c5d2df; } td.x-date-mp-month a,td.x-date-mp-year a { color:#15428b; } td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { color:#15428b; background-color: #ddecfe; } td.x-date-mp-sel a { background-color: #dfecfb; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/glass-bg.gif); border-color:#8db2e3; } .x-date-mp-ybtn a { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/tool-sprites.gif); } td.x-date-mp-sep { border-right-color:#c5d2df; }.x-tip .x-tip-close{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/qtip/close.gif); } .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/qtip/tip-sprite.gif); } .x-tip .x-tip-mc { font: normal 11px tahoma,arial,helvetica,sans-serif; } .x-tip .x-tip-ml { background-color: #fff; } .x-tip .x-tip-header-text { font: bold 11px tahoma,arial,helvetica,sans-serif; color:#444; } .x-tip .x-tip-body { font: normal 11px tahoma,arial,helvetica,sans-serif; color:#444; } .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/error-tip-corners.gif); } .x-form-invalid-tip .x-tip-body { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/exclamation.gif); } .x-tip-anchor { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/qtip/tip-anchor-sprite.gif); }.x-menu { background-color:#f0f0f0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/menu.gif); } .x-menu-floating{ border-color:#718bb7; } .x-menu-nosep { background-image:none; } .x-menu-list-item{ font:normal 11px arial,tahoma,sans-serif; } .x-menu-item-arrow{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/menu-parent.gif); } .x-menu-sep { background-color:#e0e0e0; border-bottom-color:#fff; } a.x-menu-item { color:#222; } .x-menu-item-active { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/item-over.gif); background-color: #dbecf4; border-color:#aaccf6; } .x-menu-item-active a.x-menu-item { border-color:#aaccf6; } .x-menu-check-item .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/unchecked.gif); } .x-menu-item-checked .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/checked.gif); } .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/group-checked.gif); } .x-menu-group-item .x-menu-item-icon{ background-image:none; } .x-menu-plain { background-color:#f0f0f0 !important; background-image: none; } .x-date-menu, .x-color-menu{ background-color: #fff !important; } .x-menu .x-date-picker{ border-color:#a3bad9; } .x-cycle-menu .x-menu-item-checked { border-color:#a3bae9 !important; background-color:#def8f6; } .x-menu-scroller-top { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); } .x-menu-scroller-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); } .x-box-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); } .x-box-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/l.gif); } .x-box-mc { background-color: #eee; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; color: #393939; font-size: 12px; } .x-box-mc h3 { font-size: 14px; font-weight: bold; } .x-box-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/r.gif); } .x-box-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); } .x-box-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners-blue.gif); } .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb-blue.gif); } .x-box-blue .x-box-mc { background-color: #c3daf9; } .x-box-blue .x-box-mc h3 { color: #17385b; } .x-box-blue .x-box-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/l-blue.gif); } .x-box-blue .x-box-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/r-blue.gif); }.x-combo-list { border-color:#98c0f4; background-color:#ddecfe; font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-combo-list-inner { background-color:#fff; } .x-combo-list-hd { font:bold 11px tahoma, arial, helvetica, sans-serif; color:#15428b; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/panel-title-light-bg.gif); border-bottom-color:#98c0f4; } .x-resizable-pinned .x-combo-list-inner { border-bottom-color:#98c0f4; } .x-combo-list-item { border-color:#fff; } .x-combo-list .x-combo-selected{ border-color:#a3bae9 !important; background-color:#dfe8f6; } .x-combo-list .x-toolbar { border-top-color:#98c0f4; } .x-combo-list-small { font:normal 11px tahoma, arial, helvetica, sans-serif; }.x-panel { border-color: #99bbe8; } .x-panel-header { color:#15428b; font-weight:bold; font-size: 11px; font-family: tahoma,arial,verdana,sans-serif; border-color:#99bbe8; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/white-top-bottom.gif); } .x-panel-body { border-color:#99bbe8; background-color:#fff; } .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { border-color:#99bbe8; } .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { border-top-color:#99bbe8; } .x-panel-body-noheader, .x-panel-mc .x-panel-body { border-top-color:#99bbe8; } .x-panel-tl .x-panel-header { color:#15428b; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-panel-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/top-bottom.gif); } .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/corners-sprite.gif); border-bottom-color:#99bbe8; } .x-panel-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/top-bottom.gif); } .x-panel-mc { font: normal 11px tahoma,arial,helvetica,sans-serif; background-color:#dfe8f6; } .x-panel-ml { background-color: #fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/left-right.gif); } .x-panel-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/left-right.gif); } .x-tool { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/tool-sprites.gif); } .x-panel-ghost { background-color:#cbddf3; } .x-panel-ghost ul { border-color:#99bbe8; } .x-panel-dd-spacer { border-color:#99bbe8; } .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ font:normal 11px arial,tahoma, helvetica, sans-serif; } .x-window-proxy { background-color:#c7dffc; border-color:#99bbe8; } .x-window-tl .x-window-header { color:#15428b; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-window-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/top-bottom.png); } .x-window-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/left-corners.png); } .x-window-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/right-corners.png); } .x-window-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/top-bottom.png); } .x-window-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/left-corners.png); } .x-window-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/right-corners.png); } .x-window-mc { border-color:#99bbe8; font: normal 11px tahoma,arial,helvetica,sans-serif; background-color:#dfe8f6; } .x-window-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/left-right.png); } .x-window-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/left-right.png); } .x-window-maximized .x-window-tc { background-color:#fff; } .x-window-bbar .x-toolbar { border-top-color:#99bbe8; } .x-panel-ghost .x-window-tl { border-bottom-color:#99bbe8; } .x-panel-collapsed .x-window-tl { border-bottom-color:#84a0c4; } .x-dlg-mask{ background-color:#ccc; } .x-window-plain .x-window-mc { background-color: #ccd9e8; border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9; } .x-window-plain .x-window-body { border-color: #dfe8f6 #a3bae9 #a3bae9 #dfe8f6; } body.x-body-masked .x-window-plain .x-window-mc { background-color: #ccd9e8; }.x-html-editor-wrap { border-color:#a9bfd3; background-color:#fff; } .x-html-editor-tb .x-btn-text { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); }.x-panel-noborder .x-panel-header-noborder { border-bottom-color:#99bbe8; } .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { border-bottom-color:#99bbe8; } .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { border-top-color:#99bbe8; } .x-tab-panel-bbar-noborder .x-toolbar { border-top-color:#99bbe8; } .x-tab-panel-tbar-noborder .x-toolbar { border-bottom-color:#99bbe8; }.x-border-layout-ct { background-color:#dfe8f6; } .x-accordion-hd { color:#222; font-weight:normal; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/panel/light-hd.gif); } .x-layout-collapsed{ background-color:#d2e0f2; border-color:#98c0f4; } .x-layout-collapsed-over{ background-color:#d9e8fb; } .x-layout-split-west .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-left.gif); } .x-layout-split-east .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-right.gif); } .x-layout-split-north .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); } .x-layout-split-south .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); } .x-layout-cmini-west .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-right.gif); } .x-layout-cmini-east .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-left.gif); } .x-layout-cmini-north .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); } .x-layout-cmini-south .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); }.x-progress-wrap { border-color:#6593cf; } .x-progress-inner { background-color:#e0e8f3; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/qtip/bg.gif); } .x-progress-bar { background-color:#9cbfee; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/progress/progress-bg.gif); border-top-color:#d1e4fd; border-bottom-color:#7fa9e4; border-right-color:#7fa9e4; } .x-progress-text { font-size:11px; font-weight:bold; color:#fff; } .x-progress-text-back { color:#396095; }.x-list-header{ background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow.gif); } .x-list-header-inner div em { border-left-color:#ddd; font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-list-body dt em { font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-list-over { background-color:#eee; } .x-list-selected { background-color:#dfe8f6; } .x-list-resizer { border-left-color:#555; border-right-color:#555; } .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/sort-hd.gif); border-color: #99bbe8; }.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-bg.png); } .x-slider-horz .x-slider-thumb { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-thumb.png); } .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-v-bg.png); } .x-slider-vert .x-slider-thumb { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-v-thumb.png); }.x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text { font-size:12px; } .x-window-dlg .ext-mb-textarea { font:normal 12px tahoma,arial,helvetica,sans-serif; } .x-window-dlg .x-msg-box-wait { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-window-dlg .ext-mb-info { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/icon-info.gif); } .x-window-dlg .ext-mb-warning { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/icon-warning.gif); } .x-window-dlg .ext-mb-question { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/icon-question.gif); } .x-window-dlg .ext-mb-error { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/window/icon-error.gif); } /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ .x-grid3-locked, .x-grid3-unlocked { overflow: hidden; position: absolute; } .x-grid3-locked { border-right: 1px solid #99BBE8; } .x-grid3-locked .x-grid3-scroller { overflow: hidden; } .x-grid3-locked .x-grid3-row { border-right: 0; } .x-grid3-scroll-spacer { height: 19px; } .x-grid3-unlocked .x-grid3-header-offset { padding-left: 0; } .x-grid3-unlocked .x-grid3-row { border-left: 0; } /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ td.ux-grid-hd-group-cell { background: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-hrow.gif) repeat-x bottom; } /*! * Ext JS Library 3.3.0 * Copyright(c) 2006-2010 Ext JS, Inc. * licensing@extjs.com * http://www.extjs.com/license */ .ext-el-mask { background-color: #ccc; } .ext-el-mask-msg { border-color:#999; background-color:#ddd; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif); background-position: 0 -1px; } .ext-el-mask-msg div { background-color: #eee; border-color:#d0d0d0; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; } .x-mask-loading div { background-color:#fbfbfb; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-item-disabled { color: gray; } .x-item-disabled * { color: gray !important; } .x-splitbar-proxy { background-color: #aaa; } .x-color-palette a { border-color:#fff; } .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel { border-color:#CFCFCF; background-color: #eaeaea; } /* .x-color-palette em:hover, .x-color-palette span:hover{ background-color: #eaeaea; } */ .x-color-palette em { border-color:#aca899; } .x-ie-shadow { background-color:#777; } .x-shadow .xsmc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow-c.png); } .x-shadow .xsml, .x-shadow .xsmr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow-lr.png); } .x-shadow .xstl, .x-shadow .xstc, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbc, .x-shadow .xsbr{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shadow.png); } .loading-indicator { font-size: 11px; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-spotlight { background-color: #ccc; }.x-tab-panel-header, .x-tab-panel-footer { background-color: #eaeaea; border-color:#d0d0d0; overflow:hidden; zoom:1; } .x-tab-panel-header, .x-tab-panel-footer { border-color:#d0d0d0; } ul.x-tab-strip-top{ background-color:#dbdbdb; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-strip-bg.gif); border-bottom-color:#d0d0d0; } ul.x-tab-strip-bottom{ background-color:#dbdbdb; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-strip-btm-bg.gif); border-top-color:#d0d0d0; } .x-tab-panel-header-plain .x-tab-strip-spacer, .x-tab-panel-footer-plain .x-tab-strip-spacer { border-color:#d0d0d0; background-color: #eaeaea; } .x-tab-strip span.x-tab-strip-text { font:normal 11px tahoma,arial,helvetica; color:#333; } .x-tab-strip-over span.x-tab-strip-text { color:#111; } .x-tab-strip-active span.x-tab-strip-text { color:#333; font-weight:bold; } .x-tab-strip-disabled .x-tabs-text { color:#aaaaaa; } .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tabs-sprite.gif); } .x-tab-strip-bottom .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-inactive-right-bg.gif); } .x-tab-strip-bottom .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-inactive-left-bg.gif); } .x-tab-strip-bottom .x-tab-strip-over .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-over-left-bg.gif); } .x-tab-strip-bottom .x-tab-strip-over .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-over-right-bg.gif); } .x-tab-strip-bottom .x-tab-strip-active .x-tab-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-right-bg.gif); } .x-tab-strip-bottom .x-tab-strip-active .x-tab-left { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-btm-left-bg.gif); } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-close.gif); } .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/tab-close.gif); } .x-tab-panel-body { border-color:#d0d0d0; background-color:#fff; } .x-tab-panel-body-top { border-top: 0 none; } .x-tab-panel-body-bottom { border-bottom: 0 none; } .x-tab-scroller-left { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/scroll-left.gif); border-bottom-color:#d0d0d0; } .x-tab-scroller-left-over { background-position: 0 0; } .x-tab-scroller-left-disabled { background-position: -18px 0; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); cursor:default; } .x-tab-scroller-right { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tabs/scroll-right.gif); border-bottom-color:#d0d0d0; } .x-tab-panel-bbar .x-toolbar, .x-tab-panel-tbar .x-toolbar { border-color:#d0d0d0; } .x-form-field{ font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-text, textarea.x-form-field{ background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/text-bg.gif); border-color:#C1C1C1; } .x-form-select-one { background-color:#fff; border-color:#C1C1C1; } .x-form-check-group-label { border-bottom: 1px solid #d0d0d0; color: #333; } .x-editor .x-form-check-wrap { background-color:#fff; } .x-form-field-wrap .x-form-trigger{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/form/trigger.gif); border-bottom-color:#b5b8c8; } .x-form-field-wrap .x-form-date-trigger{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/form/date-trigger.gif); } .x-form-field-wrap .x-form-clear-trigger{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/form/clear-trigger.gif); } .x-form-field-wrap .x-form-search-trigger{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/form/search-trigger.gif); } .x-trigger-wrap-focus .x-form-trigger{ border-bottom-color: #777777; } .x-item-disabled .x-form-trigger-over{ border-bottom-color:#b5b8c8; } .x-item-disabled .x-form-trigger-click{ border-bottom-color:#b5b8c8; } .x-form-focus, textarea.x-form-focus{ border-color:#777777; } .x-form-invalid, textarea.x-form-invalid{ background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/invalid_line.gif); border-color:#c30; } .ext-webkit .x-form-invalid{ background-color:#fee; border-color:#ff7870; } .x-form-inner-invalid, textarea.x-form-inner-invalid{ background-color:#fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/invalid_line.gif); } .x-form-grow-sizer { font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-item { font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-form-invalid-msg { color:#c0272b; font:normal 11px tahoma, arial, helvetica, sans-serif; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/warning.gif); } .x-form-empty-field { color:gray; } .x-small-editor .x-form-field { font:normal 11px arial, tahoma, helvetica, sans-serif; } .ext-webkit .x-small-editor .x-form-field { font:normal 12px arial, tahoma, helvetica, sans-serif; } .x-form-invalid-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/exclamation.gif); } .x-fieldset { border-color:#CCCCCC; } .x-fieldset legend { font:bold 11px tahoma, arial, helvetica, sans-serif; color:#777777; }.x-btn{ font:normal 11px tahoma, verdana, helvetica; } .x-btn button{ font:normal 11px arial,tahoma,verdana,helvetica; color:#333; } .x-btn em { font-style:normal; font-weight:normal; } .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/btn.gif); } .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{ color:#000; } .x-btn-disabled *{ color:gray !important; } .x-btn-mc em.x-btn-arrow { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/arrow.gif); } .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow.gif); } .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/s-arrow-o.gif); } .x-btn-mc em.x-btn-arrow-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b-noline.gif); } .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b.gif); } .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/s-arrow-bo.gif); } .x-btn-group-header { color: #666; } .x-btn-group-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-tb.gif); } .x-btn-group-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-cs.gif); } .x-btn-group-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-cs.gif); } .x-btn-group-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-tb.gif); } .x-btn-group-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-cs.gif); } .x-btn-group-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-cs.gif); } .x-btn-group-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-lr.gif); } .x-btn-group-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-lr.gif); } .x-btn-group-notitle .x-btn-group-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/group-tb.gif); } .x-toolbar{ border-color:#d0d0d0; background-color:#f0f0f0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/toolbar/bg.gif); } .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ font:normal 11px arial,tahoma, helvetica, sans-serif; } .x-toolbar .x-item-disabled { color:gray; } .x-toolbar .x-item-disabled * { color:gray; } .x-toolbar .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/s-arrow-o.gif); } .x-toolbar .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/button/s-arrow-b-noline.gif); } .x-toolbar .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-toolbar .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/button/s-arrow-bo.gif); } .x-toolbar .xtb-sep { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-split.gif); } .x-tbar-page-first{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/page-first.gif) !important; } .x-tbar-loading{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/refresh.gif) !important; } .x-tbar-page-last{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/page-last.gif) !important; } .x-tbar-page-next{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/page-next.gif) !important; } .x-tbar-page-prev{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/page-prev.gif) !important; } .x-item-disabled .x-tbar-loading{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif) !important; } .x-item-disabled .x-tbar-page-first{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-first-disabled.gif) !important; } .x-item-disabled .x-tbar-page-last{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-last-disabled.gif) !important; } .x-item-disabled .x-tbar-page-next{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-next-disabled.gif) !important; } .x-item-disabled .x-tbar-page-prev{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/page-prev-disabled.gif) !important; } .x-paging-info { color:#444; } .x-toolbar-more-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/toolbar/more.gif) !important; } .x-resizable-handle { background-color:#fff; } .x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east, .x-resizable-over .x-resizable-handle-west, .x-resizable-pinned .x-resizable-handle-west { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/e-handle.gif); } .x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south, .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/s-handle.gif); } .x-resizable-over .x-resizable-handle-north, .x-resizable-pinned .x-resizable-handle-north{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/s-handle.gif); } .x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/se-handle.gif); } .x-resizable-over .x-resizable-handle-northwest, .x-resizable-pinned .x-resizable-handle-northwest{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/nw-handle.gif); } .x-resizable-over .x-resizable-handle-northeast, .x-resizable-pinned .x-resizable-handle-northeast{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/ne-handle.gif); } .x-resizable-over .x-resizable-handle-southwest, .x-resizable-pinned .x-resizable-handle-southwest{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/sizer/sw-handle.gif); } .x-resizable-proxy{ border-color:#565656; } .x-resizable-overlay{ background-color:#fff; } .x-grid3 { background-color:#fff; } .x-grid-panel .x-panel-mc .x-panel-body { border-color:#d0d0d0; } .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-grid3-hd-row td { border-left-color:#eee; border-right-color:#d0d0d0; } .x-grid-row-loading { background-color: #fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/shared/loading-balls.gif); } .x-grid3-row { border-color:#ededed; border-top-color:#fff; } .x-grid3-row-alt{ background-color:#fafafa; } .x-grid3-row-over { border-color:#ddd; background-color:#efefef; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/row-over.gif); } .x-grid3-resize-proxy { background-color:#777; } .x-grid3-resize-marker { background-color:#777; } .x-grid3-header{ background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-hrow2.gif); } .x-grid3-header-pop { border-left-color:#d0d0d0; } .x-grid3-header-pop-inner { border-left-color:#eee; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hd-pop.gif); } td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { border-left-color:#ACACAC; border-right-color:#ACACAC; } td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-hrow-over2.gif); } .sort-asc .x-grid3-sort-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/sort_asc.gif); } .sort-desc .x-grid3-sort-icon { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/sort_desc.gif); } .x-grid3-cell-text, .x-grid3-hd-text { color:#000; } .x-grid3-split { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-split.gif); } .x-grid3-hd-text { color:#333; } .x-dd-drag-proxy .x-grid3-hd-inner{ background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-hrow-over2.gif); border-color:#ACACAC; } .col-move-top{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/col-move-top.gif); } .col-move-bottom{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/col-move-bottom.gif); } .x-grid3-row-selected { background-color:#CCCCCC !important; background-image: none; border-color:#ACACAC; } .x-grid3-cell-selected{ background-color: #CBCBCB !important; color:#000; } .x-grid3-cell-selected span{ color:#000 !important; } .x-grid3-cell-selected .x-grid3-cell-text{ color:#000; } .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ background-color:#ebeadb !important; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid-hrow.gif) !important; color:#000; border-top-color:#fff; border-right-color:#6fa0df !important; } .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ color:#333 !important; } .x-grid3-dirty-cell { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/dirty.gif); } .x-grid3-topbar, .x-grid3-bottombar{ font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-grid3-bottombar .x-toolbar{ border-top-color:#a9bfd3; } .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif) !important; color:#000 !important; } .x-props-grid .x-grid3-body .x-grid3-td-name{ background-color:#fff !important; border-right-color:#eee; } .xg-hmenu-sort-asc .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-asc.gif); } .xg-hmenu-sort-desc .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-desc.gif); } .xg-hmenu-lock .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-lock.gif); } .xg-hmenu-unlock .x-menu-item-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/hmenu-unlock.gif); } .x-grid3-hd-btn { background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-hd-btn.gif); } .x-grid3-body .x-grid3-td-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-row-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/row-expand-sprite.gif); } .x-grid3-body .x-grid3-td-checker { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-row-checker, .x-grid3-hd-checker { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/row-check-sprite.gif); } .x-grid3-body .x-grid3-td-numberer { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { color:#444; } .x-grid3-body .x-grid3-td-row-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/grid3-special-col-bg.gif); } .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-special-col-sel-bg.gif); } .x-grid3-check-col { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/unchecked.gif); } .x-grid3-check-col-on { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/checked.gif); } .x-grid-group, .x-grid-group-body, .x-grid-group-hd { zoom:1; } .x-grid-group-hd { border-bottom-color:#d0d0d0; } .x-grid-group-hd div.x-grid-group-title { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/group-collapse.gif); color:#5F5F5F; font:bold 11px tahoma, arial, helvetica, sans-serif; } .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/group-expand.gif); } .x-group-by-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-by.gif); } .x-cols-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/columns.gif); } .x-show-groups-icon { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/group-by.gif); } .x-grid-empty { color:gray; font:normal 11px tahoma, arial, helvetica, sans-serif; } .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell { border-right-color:#ededed; } .x-grid-with-col-lines .x-grid3-row{ border-top-color:#ededed; } .x-grid-with-col-lines .x-grid3-row-selected { border-top-color:#B9B9B9; } .x-dd-drag-ghost{ color:#000; font: normal 11px arial, helvetica, sans-serif; border-color: #ddd #bbb #bbb #ddd; background-color:#fff; } .x-dd-drop-nodrop .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-no.gif); } .x-dd-drop-ok .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-yes.gif); } .x-dd-drop-ok-add .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/dd/drop-add.gif); } .x-view-selector { background-color:#D6D6D6; border-color:#888888; }.x-tree-node-expanded .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/folder-open.gif); } .x-tree-node-leaf .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/leaf.gif); } .x-tree-node-collapsed .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/folder.gif); } .x-tree-node-loading .x-tree-node-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/loading.gif) !important; } .x-tree-node .x-tree-node-inline-icon { background-image: none; } .x-tree-node-loading a span{ font-style: italic; color:#444444; } .ext-ie .x-tree-node-el input { width:15px; height:15px; } .x-tree-lines .x-tree-elbow{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow.gif); } .x-tree-lines .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-plus.gif); } .x-tree-lines .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-minus.gif); } .x-tree-lines .x-tree-elbow-end{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-end.gif); } .x-tree-lines .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/elbow-end-plus.gif); } .x-tree-lines .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/elbow-end-minus.gif); } .x-tree-lines .x-tree-elbow-line{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-line.gif); } .x-tree-no-lines .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-plus-nl.gif); } .x-tree-no-lines .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/elbow-minus-nl.gif); } .x-tree-no-lines .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/elbow-end-plus-nl.gif); } .x-tree-no-lines .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/elbow-end-minus-nl.gif); } .x-tree-arrows .x-tree-elbow-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-end-plus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/arrows.gif); } .x-tree-arrows .x-tree-elbow-end-minus{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/tree/arrows.gif); } .x-tree-node{ color:#000; font: normal 11px arial, tahoma, helvetica, sans-serif; } .x-tree-node a, .x-dd-drag-ghost a{ color:#000; } .x-tree-node a span, .x-dd-drag-ghost a span{ color:#000; } .x-tree-node .x-tree-node-disabled a span{ color:gray !important; } .x-tree-node div.x-tree-drag-insert-below{ border-bottom-color:#36c; } .x-tree-node div.x-tree-drag-insert-above{ border-top-color:#36c; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{ border-bottom-color:#36c; } .x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{ border-top-color:#36c; } .x-tree-node .x-tree-drag-append a span{ background-color:#ddd; border-color:gray; } .x-tree-node .x-tree-node-over { background-color: #eee; } .x-tree-node .x-tree-selected { background-color: #ddd; } .x-tree-drop-ok-append .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-add.gif); } .x-tree-drop-ok-above .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-over.gif); } .x-tree-drop-ok-below .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-under.gif); } .x-tree-drop-ok-between .x-dd-drop-icon{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/tree/drop-between.gif); } .x-date-picker { border-color:#585858; background-color:#fff; } .x-date-middle,.x-date-left,.x-date-right { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/shared/hd-sprite.gif); color:#fff; font:bold 11px "sans serif", tahoma, verdana, helvetica; } .x-date-middle .x-btn .x-btn-text { color:#fff; } .x-date-middle .x-btn-mc em.x-btn-arrow { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/toolbar/btn-arrow-light.gif); } .x-date-right a { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/shared/right-btn.gif); } .x-date-left a{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/shared/left-btn.gif); } .x-date-inner th { background-color:#D8D8D8; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif); border-bottom-color:#AFAFAF; font:normal 10px arial, helvetica,tahoma,sans-serif; color:#595959; } .x-date-inner td { border-color:#fff; } .x-date-inner a { font:normal 11px arial, helvetica,tahoma,sans-serif; color:#000; } .x-date-inner .x-date-active{ color:#000; } .x-date-inner .x-date-selected a{ background-image: none; background-color:#D8D8D8; border-color:#DCDCDC; } .x-date-inner .x-date-today a{ border-color:darkred; } .x-date-inner .x-date-selected span{ font-weight:bold; } .x-date-inner .x-date-prevday a,.x-date-inner .x-date-nextday a { color:#aaa; } .x-date-bottom { border-top-color:#AFAFAF; background-color:#D8D8D8; background:#D8D8D8 url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif) 0 -2px; } .x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{ color:#000; background-color:#D8D8D8; } .x-date-inner .x-date-disabled a { background-color:#eee; color:#bbb; } .x-date-mmenu{ background-color:#eee !important; } .x-date-mmenu .x-menu-item { font-size:10px; color:#000; } .x-date-mp { background-color:#fff; } .x-date-mp td { font:normal 11px arial, helvetica,tahoma,sans-serif; } .x-date-mp-btns button { background-color:#4E565F; color:#fff; border-color:#C0C0C0 #434343 #434343 #C0C0C0; font:normal 11px arial, helvetica,tahoma,sans-serif; } .x-date-mp-btns { background-color:#D8D8D8; background:#D8D8D8 url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif) 0 -2px; } .x-date-mp-btns td { border-top-color:#AFAFAF; } td.x-date-mp-month a,td.x-date-mp-year a { color: #333; } td.x-date-mp-month a:hover,td.x-date-mp-year a:hover { color:#333; background-color:#FDFDFD; } td.x-date-mp-sel a { background-color:#D8D8D8; background:#D8D8D8 url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif) 0 -2px; border-color:#DCDCDC; } .x-date-mp-ybtn a { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/tool-sprites.gif); } td.x-date-mp-sep { border-right-color:#D7D7D7; }.x-tip .x-tip-close{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/qtip/close.gif); } .x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/qtip/tip-sprite.gif); } .x-tip .x-tip-mc { font: normal 11px tahoma,arial,helvetica,sans-serif; } .x-tip .x-tip-ml { background-color: #fff; } .x-tip .x-tip-header-text { font: bold 11px tahoma,arial,helvetica,sans-serif; color:#444; } .x-tip .x-tip-body { font: normal 11px tahoma,arial,helvetica,sans-serif; color:#444; } .x-form-invalid-tip .x-tip-tc, .x-form-invalid-tip .x-tip-tl, .x-form-invalid-tip .x-tip-tr, .x-form-invalid-tip .x-tip-bc, .x-form-invalid-tip .x-tip-bl, .x-form-invalid-tip .x-tip-br, .x-form-invalid-tip .x-tip-ml, .x-form-invalid-tip .x-tip-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/error-tip-corners.gif); } .x-form-invalid-tip .x-tip-body { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/form/exclamation.gif); } .x-tip-anchor { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/qtip/tip-anchor-sprite.gif); }.x-menu { background-color:#f0f0f0; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/menu.gif); } .x-menu-floating{ border-color:#7D7D7D; } .x-menu-nosep { background-image:none; } .x-menu-list-item{ font:normal 11px arial,tahoma,sans-serif; } .x-menu-item-arrow{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/menu/menu-parent.gif); } .x-menu-sep { background-color:#e0e0e0; border-bottom-color:#fff; } a.x-menu-item { color:#222; } .x-menu-item-active { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/menu/item-over.gif); background-color: #f1f1f1; border-color:#ACACAC; } .x-menu-item-active a.x-menu-item { border-color:#ACACAC; } .x-menu-check-item .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/unchecked.gif); } .x-menu-item-checked .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/menu/checked.gif); } .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{ background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/menu/group-checked.gif); } .x-menu-group-item .x-menu-item-icon{ background-image:none; } .x-menu-plain { background-color:#fff !important; } .x-menu .x-date-picker{ border-color:#AFAFAF; } .x-cycle-menu .x-menu-item-checked { border-color:#B9B9B9 !important; background-color:#F1F1F1; } .x-menu-scroller-top { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); } .x-menu-scroller-bottom { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); }.x-box-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); } .x-box-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/l.gif); } .x-box-mc { background-color: #eee; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif; color: #393939; font-size: 12px; } .x-box-mc h3 { font-size: 14px; font-weight: bold; } .x-box-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/r.gif); } .x-box-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb.gif); } .x-box-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners.gif); } .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/corners-blue.gif); } .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/tb-blue.gif); } .x-box-blue .x-box-mc { background-color: #c3daf9; } .x-box-blue .x-box-mc h3 { color: #17385b; } .x-box-blue .x-box-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/l-blue.gif); } .x-box-blue .x-box-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/box/r-blue.gif); } .x-combo-list { border-color:#ccc; background-color:#ddd; font:normal 12px tahoma, arial, helvetica, sans-serif; } .x-combo-list-inner { background-color:#fff; } .x-combo-list-hd { font:bold 11px tahoma, arial, helvetica, sans-serif; color:#333; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/panel-title-light-bg.gif); border-bottom-color:#BCBCBC; } .x-resizable-pinned .x-combo-list-inner { border-bottom-color:#BEBEBE; } .x-combo-list-item { border-color:#fff; } .x-combo-list .x-combo-selected{ border-color:#777 !important; background-color:#f0f0f0; } .x-combo-list .x-toolbar { border-top-color:#BCBCBC; } .x-combo-list-small { font:normal 11px tahoma, arial, helvetica, sans-serif; }.x-panel { border-color: #d0d0d0; } .x-panel-header { color:#333; font-weight:bold; font-size: 11px; font-family: tahoma,arial,verdana,sans-serif; border-color:#d0d0d0; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/white-top-bottom.gif); } .x-panel-body { border-color:#d0d0d0; background-color:#fff; } .x-panel-bbar .x-toolbar, .x-panel-tbar .x-toolbar { border-color:#d0d0d0; } .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar { border-top-color:#d0d0d0; } .x-panel-body-noheader, .x-panel-mc .x-panel-body { border-top-color:#d0d0d0; } .x-panel-tl .x-panel-header { color:#333; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-panel-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/top-bottom.gif); } .x-panel-tl, .x-panel-tr, .x-panel-bl, .x-panel-br{ background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/corners-sprite.gif); border-bottom-color:#d0d0d0; } .x-panel-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/top-bottom.gif); } .x-panel-mc { font: normal 11px tahoma,arial,helvetica,sans-serif; background-color:#f1f1f1; } .x-panel-ml { background-color: #fff; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/left-right.gif); } .x-panel-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/left-right.gif); } .x-tool { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/tool-sprites.gif); } .x-panel-ghost { background-color:#f2f2f2; } .x-panel-ghost ul { border-color:#d0d0d0; } .x-panel-dd-spacer { border-color:#d0d0d0; } .x-panel-fbar td,.x-panel-fbar span,.x-panel-fbar input,.x-panel-fbar div,.x-panel-fbar select,.x-panel-fbar label{ font:normal 11px arial,tahoma, helvetica, sans-serif; } .x-window-proxy { background-color:#fcfcfc; border-color:#d0d0d0; } .x-window-tl .x-window-header { color:#555; font:bold 11px tahoma,arial,verdana,sans-serif; } .x-window-tc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/top-bottom.png); } .x-window-tl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/left-corners.png); } .x-window-tr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/right-corners.png); } .x-window-bc { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/top-bottom.png); } .x-window-bl { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/left-corners.png); } .x-window-br { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/right-corners.png); } .x-window-mc { border-color:#d0d0d0; font: normal 11px tahoma,arial,helvetica,sans-serif; background-color:#e8e8e8; } .x-window-ml { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/left-right.png); } .x-window-mr { background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/left-right.png); } .x-window-maximized .x-window-tc { background-color:#fff; } .x-window-bbar .x-toolbar { border-top-color:#d0d0d0; } .x-panel-ghost .x-window-tl { border-bottom-color:#d0d0d0; } .x-panel-collapsed .x-window-tl { border-bottom-color:#d0d0d0; } .x-dlg-mask{ background-color:#ccc; } .x-window-plain .x-window-mc { background-color: #E8E8E8; border-color: #D0D0D0 #EEEEEE #EEEEEE #D0D0D0; } .x-window-plain .x-window-body { border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE; } body.x-body-masked .x-window-plain .x-window-mc { background-color: #E4E4E4; } .x-html-editor-wrap { border-color:#BCBCBC; background-color:#fff; } .x-html-editor-tb .x-btn-text { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/editor/tb-sprite.gif); } .x-panel-noborder .x-panel-header-noborder { border-bottom-color:#d0d0d0; } .x-panel-noborder .x-panel-tbar-noborder .x-toolbar { border-bottom-color:#d0d0d0; } .x-panel-noborder .x-panel-bbar-noborder .x-toolbar { border-top-color:#d0d0d0; } .x-tab-panel-bbar-noborder .x-toolbar { border-top-color:#d0d0d0; } .x-tab-panel-tbar-noborder .x-toolbar { border-bottom-color:#d0d0d0; } .x-border-layout-ct { background-color:#f0f0f0; } .x-border-layout-ct { background-color:#f0f0f0; } .x-accordion-hd { color:#222; font-weight:normal; background-image: url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/panel/light-hd.gif); } .x-layout-collapsed{ background-color:#dfdfdf; border-color:#d0d0d0; } .x-layout-collapsed-over{ background-color:#e7e7e7; } .x-layout-split-west .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-left.gif); } .x-layout-split-east .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-right.gif); } .x-layout-split-north .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); } .x-layout-split-south .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); } .x-layout-cmini-west .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-right.gif); } .x-layout-cmini-east .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-left.gif); } .x-layout-cmini-north .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-bottom.gif); } .x-layout-cmini-south .x-layout-mini { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/layout/mini-top.gif); } .x-progress-wrap { border-color:#8E8E8E; } .x-progress-inner { background-color:#E7E7E7; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/qtip/bg.gif); } .x-progress-bar { background-color:#BCBCBC; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/progress/progress-bg.gif); border-top-color:#E2E2E2; border-bottom-color:#A4A4A4; border-right-color:#A4A4A4; } .x-progress-text { font-size:11px; font-weight:bold; color:#fff; } .x-progress-text-back { color:#5F5F5F; } .x-list-header{ background-color:#f9f9f9; background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/grid/grid3-hrow2.gif); } .x-list-header-inner div em { border-left-color:#ddd; font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-list-body dt em { font:normal 11px arial, tahoma, helvetica, sans-serif; } .x-list-over { background-color:#eee; } .x-list-selected { background-color:#f0f0f0; } .x-list-resizer { border-left-color:#555; border-right-color:#555; } .x-list-header-inner em.sort-asc, .x-list-header-inner em.sort-desc { background-image:none; border-color: #d0d0d0; } .x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-bg.png); } .x-slider-horz .x-slider-thumb { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/slider/slider-thumb.png); } .x-slider-vert, .x-slider-vert .x-slider-end, .x-slider-vert .x-slider-inner { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/slider/slider-v-bg.png); } .x-slider-vert .x-slider-thumb { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/slider/slider-v-thumb.png); } .x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text { font-size:12px; } .x-window-dlg .ext-mb-textarea { font:normal 12px tahoma,arial,helvetica,sans-serif; } .x-window-dlg .x-msg-box-wait { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/default/grid/loading.gif); } .x-window-dlg .ext-mb-info { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/icon-info.gif); } .x-window-dlg .ext-mb-warning { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/icon-warning.gif); } .x-window-dlg .ext-mb-question { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/icon-question.gif); } .x-window-dlg .ext-mb-error { background-image:url(http://ppdyn.smhi.se/produktportal-1.0/javascript/ext-3.3.0/resources/images/gray/window/icon-error.gif); }