/* Minification failed. Returning unminified contents. (3747,22): run-time error CSS1019: Unexpected token, found ':' (3747,22): run-time error CSS1042: Expected function, found ':' (3747,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ /*! jQuery UI - v1.10.3 - 2013-05-03 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} .button { background:#ededed; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #c0c0c0) ); background:-webkit-linear-gradient( center top, #ffffff 5%, #c0c0c0 100% ); background:-moz-linear-gradient( center top, #ffffff 5%, #c0c0c0 100% ); background:-ms-linear-gradient( center top, #ffffff 5%, #c0c0c0 100% ); background:-o-linear-gradient( center top, #ffffff 5%, #c0c0c0 100% ); background:linear-gradient( center top, #ffffff 5%, #c0c0c0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c0c0c0'); zoom: 1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #808080; display:inline-block; color:#000000; font-weight:normal; text-decoration:none; /*/text-align:center;*/ cursor:pointer; } .button:hover { background:#83A7C8; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #86aac9) ); background:-webkit-linear-gradient( center top, #ffffff 5%, #86aac9 100% ); background:-moz-linear-gradient( center top, #ffffff 5%, #86aac9 100% ); background:-ms-linear-gradient( center top, #ffffff 5%, #86aac9 100% ); background:-o-linear-gradient( center top, #ffffff 5%, #86aac9 100% ); background:linear-gradient( center top, #ffffff 5%, #86aac9 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#86aac9'); zoom: 1; } .button:active { /* om vi vill ha lite rörelse position:relative; top:1px; left:1px; */ background:#86aac9; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #86aac9), color-stop(1, #c3dcf4) ); background:-webkit-linear-gradient( center top, #86aac9 5%, #c3dcf4 100% ); background:-moz-linear-gradient( center top, #86aac9 5%, #c3dcf4 100% ); background:-ms-linear-gradient( center top, #86aac9 5%, #c3dcf4 100% ); background:-o-linear-gradient( center top, #86aac9 5%, #c3dcf4 100% ); background:linear-gradient( center top, #86aac9 5%, #c3dcf4 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86aac9', endColorstr='#c3dcf4'); zoom: 1; } .button:focus > span { /* om nått ska hända med själva texten när vi trycker ner */ } .button > span { /* texten står inom en span */ height:inherit; width:inherit; text-align:center; display:table-cell; vertical-align:middle; } .button:focus { border: 1px solid #cc8500; } /* This imageless css button was generated by CSSButtonGenerator.com */ .button[disabled="disabled"] { color: #AAA; background: #DDD; } .button > img { float: left; margin: 6px; } .calculator > .content { background:#EDF2F8 !important; /*width:calc(90% - 20px)!important;*/ height:calc((100%) - 54px)!important; padding: 10px !important; width: calc((100%) - 42px) !important; } .calculator > .content > .display{ float:left; clear:both; border:0px none; width:149px; height:35px; margin:0px 0px 10px 0px; padding:3px; overflow:hidden; background:#6481AD; border-radius:5px; font-size:22px; color:#FFF; } .calculator > .content > .display span { float:right; } .calculator > .content > div { float: left; } .calculator > .content > div > img { margin:0px 5px 5px 0px; } .calculator > .content > div > img:nth-of-type(n+4) { margin:0px 0px 5px 0px; } .calculator > .content > div > .numbersAndComma { float: left; width:120px; } .calculator > .content > div > .numbersAndComma > img { margin:0px 5px 5px 0px; } .calculator > .content > div > .numbersAndComma > img { margin:0px 5px 5px 0px; } .colorPicker { float:left; position:relative; } .colorPicker > input{ float:left; height:20px; padding:0 20px 0 2px; border:1px solid #ccc; } .colorPicker > .button { position:absolute; top:1px; right:1px; height:16px; background:#fff no-repeat; border-left:1px solid #ccc; padding:2px 0px 2px 1px; cursor:pointer; } .palette{ position:absolute; width:208px; border:1px solid; background:#fff; z-index:10; } .palette .color{ float:left; width:20px; height:20px; border:1px solid; margin:2px; cursor:pointer; } .comboBox { float:left; position:relative; } .comboBoxLabel { float:left; } .comboBoxTextBox { float:left; height:20px; padding:1px 20px 0 2px; border:1px solid #ccc; } .comboBoxButton { position:absolute; top:1px; right:1px; height:16px; padding:2px 0px 2px 1px; cursor:pointer; } .comboBoxDataContainer { position:fixed; top:19px; z-index:10; border:1px #ccc solid; } comboBoxData { position:relative; display:table; z-index:10; white-space:nowrap; } .comboBoxData .header { display:table-row; height:16px; background:#c8d7e5; border:0; } .comboBoxData .header div { display:table-cell; padding:1px 5px 2px 5px; font:bold 12px Arial; cursor:default; } .comboBoxData .row { display:table-row; cursor:pointer; } .comboBoxData .row div { display:table-cell; padding:1px 5px 2px 5px; font:normal 11px Verdana; } .comboBoxData .row:nth-child(even) { background:#ffffff; } .comboBoxData .row:nth-child(odd) { background:#ebf0f2; } .comboBoxData .selected:nth-child(n) { background:#ffe8a6; } .comboBoxData .row:hover, .comboBoxData .hover:nth-child(n) { background:#c8dccc; } .comboBoxData .header .hidden, .comboBoxData .row .hidden { display:none; } .comboBox[disabled="disabled"] span { color:#ccc; } .datePicker { float:left; position:relative; } .datePickerLabel { float:left; margin:2px 5px 0px 0px; } .datePickerTextBox { float:left; height:20px; padding:0 20px 0 2px; border:1px solid #ccc; } .datePickerButton { position:absolute; top:1px; right:2px; height:16px; padding:2px 0px 2px 0px; cursor:pointer; } .datePickerDates { position:fixed; width:186px; background:#ebf0f2; border:1px solid #999; border-radius:5px; -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); z-index: 10; font-size:11px; } .datePickerDates .months { width:186px; height:18px; clear:both; background:#C3D9FF; } .datePickerDates .months > div { float:left; width:156px; } .datePickerDates .months > div > span { display:block; text-align:center; /*width:150px;*/ } .datePickerDates .months .previous { cursor:pointer; float:left; clear:left; width:15px; height:15px; } .datePickerDates .months .previous:after { float:right; content:"<"; } .datePickerDates .months .next { cursor:pointer; float:right; width:15px; height:15px; } .datePickerDates .months .next:after { float:left; content:">"; } .datePickerDates .calendar { clear:both; } .datePickerDates .calendar .week { clear:left; margin-right:1em; margin-left:.7em; cursor:default; } .datePickerDates .calendar div { float:left; margin:2px; padding:1px; width:14px; text-align:right; cursor:pointer; } .datePickerDates .calendar .weekDay { cursor:default; color:#666; text-align:right; } .datePickerDates .calendar .selected { border:1px solid #f00; } .datePickerDates .calendar .redDay { color:#f00; } .datePickerDates .calendar .highlight { color:#00f; } .datePickerDates .calendar .highlight2 { font-weight:bold; } .datePickerDates .calendar .notValid { cursor:default; color:#ccc; } .datePickerDates .buttons { clear:both; text-align:center; cursor:pointer; margin:10px auto; width:120px; position:relative; } .datePickerDates .buttons div { float:left; border-radius:3px; margin:6px 3px 6px 3px; padding:1px 4px 1px 4px; background:#C3D9FF; } /* Kalenderkontroll från daypilot, ska kanske ligga nån annanstans */ /* navigator styles */ .navigator_main { border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; background-color: white; } .navigator_month { font-family: Tahoma; font-size: 8pt; /*border: 1px solid black;*/ } .navigator_day { color: black; /*background-color: white;*/ } .navigator_dayheader { color: black; /*border-bottom: 1px solid black;*/ } .navigator_line { border-bottom: 1px solid #A0A0A0; } .navigator_dayother { color: gray; } .navigator_todaybox { border: 1px solid red; } .navigator_select { background-color: #FFE794; } .navigator_title, .navigator_titleleft, .navigator_titleright { background-color: #ECE9D8; border-top: 1px solid #A0A0A0; color: #000000; } .navigator_busy { font-weight: bold; } /* Navigator blue theme */ .navigator_blue_main { border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; xbackground-color: #F3F3F9; } .navigator_blue_month { font-family: Tahoma; font-size: 8pt; /*border: 1px solid black;*/ } .navigator_blue_day { color: black; /*background-color: white;*/ } .navigator_blue_dayheader { color: black; /*border-bottom: 1px solid black;*/ } .navigator_blue_line { border-bottom: 1px solid #A0A0A0; } .navigator_blue_dayother { color: gray; } .navigator_blue_todaybox { border: 1px solid red; } .navigator_blue_select { background-color: #AACCEE; } .navigator_blue_title, .navigator_blue_titleleft, .navigator_blue_titleright { background-color: #C3D9FF; color: black; border-top: 1px solid #A0A0A0; } .navigator_blue_busy { font-weight: bold; } /* Navigator silver theme */ .navigator_silver_main { border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0; border-bottom: 1px solid #A0A0A0; background-color: white; color: #000000; } .navigator_silver_month { font-family: Tahoma; font-size: 8pt; /*border: 1px solid black;*/ } .navigator_silver_day { color: black; /*background-color: white;*/ } .navigator_silver_weekend { background-color: #f0f0f0; } .navigator_silver_dayheader { color: black; } .navigator_silver_line { border-bottom: 1px solid #A0A0A0; } .navigator_silver_dayother { color: gray; } .navigator_silver_todaybox { border: 1px solid red; } .navigator_silver_select { background-color: #FFE794; } .navigator_silver_title, .navigator_silver_titleleft, .navigator_silver_titleright { background-color: #ECE9D8; border-top: 1px solid #A0A0A0; background-image: url('navigator_silver/top21.gif'); background-repeat: repeat-x; } .navigator_silver_busy { font-weight: bold; } /* scheduler silver theme */ .scheduler_silver_timeheadergroup, .scheduler_silver_corner, .scheduler_silver_timeheadercol { background-image: url('scheduler_silver/top20.gif'); background-repeat: repeat-x; } .scheduler_silver_rowheader { background-image: url('scheduler_silver/left45.gif'); background-repeat: repeat-y; } .scheduler_silver_tree_image_no_children { background-image: url('scheduler_silver/tree_nochildren.png'); } .scheduler_silver_tree_image_expand { background-image: url('scheduler_silver/tree_expand.png'); } .scheduler_silver_tree_image_collapse { background-image: url('scheduler_silver/tree_collapse.png'); } .scheduler_silver_selected { background-color: red; background-image: url('scheduler_silver/light_line_10.png'); } /* calendar silver theme */ .calendar_silver_colheader { background-image: url('calendar_silver/top21.gif'); background-repeat: repeat-x; background-color: #EAEAEA; } .calendar_silver_corner { background-image: url('calendar_silver/corner20.gif'); background-repeat: repeat-x; background-color: #EAEAEA; } .calendar_silver_rowheader { background-image: url('calendar_silver/left45.gif'); background-repeat: repeat-y; background-color: #CFCFCF; } .calendar_silver_cornerright { background-image: url('calendar_silver/right17.gif'); background-repeat: repeat-y; background-color: #CFCFCF; } .calendar_silver_alldayheader { background-color: #EAEAEA; } .calendar_silver_event_delete { background-image: url('calendar_silver/delete.gif'); } .calendar_silver_scroll_up { background-image: url('calendar_silver/up.png'); } .calendar_silver_scroll_down { background-image: url('calendar_silver/down.png'); } .calendar_silver_alldayevent { background-image: url('calendar_silver/top21.gif'); background-repeat: repeat-x; background-color: #CFCFCF; } .calendar_silver_selected { background-color: red; background-image: url('calendar_silver/light_line_10.png'); } /* calendar bronze theme */ .calendar_bronze_colheader, .calendar_bronze_corner, .calendar_bronze_cornerright { background-image: url('calendar_bronze/top21.gif'); background-repeat: repeat-x; background-color: #E0DBBE; } .calendar_bronze_rowheader { background-image: url('calendar_bronze/left30.gif'); background-repeat: repeat-y; background-color: #E0DBBE; } .calendar_bronze_alldayheader { background-color: #E0DBBE; } .calendar_bronze_event_delete { background-image: url('calendar_bronze/delete.gif'); } .calendar_bronze_scroll_up { background-image: url('calendar_bronze/up.png'); } .calendar_bronze_scroll_down { background-image: url('calendar_bronze/down.png'); } /* Month silver theme */ .month_silver_header { background-image: url('month_silver/top20.gif'); background-repeat: repeat-x; background-color: #CFCFCF; } .month_silver_event { background-image: url('month_silver/event20.gif'); background-repeat: repeat-x; background-color: #CFCFCF; } .month_silver_selected { background-image: url('month_silver/light_line_10.png'); background-repeat: repeat; } /* Context menu NG */ .menu_main { font-family: Tahoma, Arial, Sans-Serif; font-size: 8pt; border: 1px solid gray; background-color: white; padding: 0px; cursor: default; background-image: url('menu_default/bg3white.png'); background-repeat: repeat-y; } /* title */ .menu_title { background-color: #f2f2f2; border-bottom: 1px solid gray; padding: 4px 4px 4px 37px; } .menu_main a { padding-left: 35px; color: black; text-decoration: none; cursor: default; } .menu_main a img { margin-left: 6px; margin-top: 2px; } .menu_main a span { display: block; height: 20px; line-height: 20px; width: 150px; overflow:hidden; padding-left: 2px; padding-right: 20px; } .menu_main a:hover { background-image: url('menu_default/left.png'); background-repeat: no-repeat; xbackground-position: 0% 100%; } .menu_main a:hover span { background-image: url('menu_default/right.png'); background-repeat: no-repeat; background-position: 100%; } .menu_main div div /* separator */ { border-top: 1px solid #dddddd; margin-top: 2px; margin-bottom: 2px; margin-left: 28px; } .month_white_main { border: 1px solid #aaa; } .month_white_cell { background-color: white; } .month_white_cell_inner { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; } .month_white_cell_header { text-align: right; padding-right: 2px; } .month_white_header_inner { text-align: center; vertical-align: middle; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #999; border-bottom: 1px solid #999; cursor: default; color: #666; background: #eee; background: -moz-linear-gradient( top, #eee 0%, #ddd); background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#ddd)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd"); text-shadow: 0px -1px 1px rgba(000,000,000,0.2), 0px 1px 0px rgba(255,255,255,0.3); } .month_white_message { padding: 10px; opacity: 0.6; color: #ffffff; background: #ffa216; background: -moz-linear-gradient( top, #ffa216 0%, #ff8400); background: -webkit-gradient( linear, left top, left bottom, from(#ffa216), to(#ff8400)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffa216", endColorStr="#ff8400"); } .month_white_event_inner { position: absolute; top: 0px; bottom: 2px; left: 0px; right: 0px; overflow:hidden; padding: 2px; padding-left: 5px; font-size: 12px; color: #666; background: #fff; background: -moz-linear-gradient( top, #ffffff 0%, #eee); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#eee)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee"); border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8); -webkit-box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8); box-shadow: 0px 2px 3px rgba(000,000,000,0.3), inset 0px 0px 2px rgba(255,255,255,0.8); } .month_white_event_hover .month_white_event_inner { background: #fff; background: -moz-linear-gradient( top, #ffffff 0%, #e8e8e8); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#e8e8e8)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#e8e8e8"); } .month_white_shadow_inner { background-color: #666666; opacity: 0.5; filter: alpha(opacity=50); height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .dialogFrameModal { position:fixed; top:0px; left:0px; width:100%; height:100%; border:0; z-index:999999; background: url('Images/bg_modal_tr50.png') repeat top left; /*En transparent bakgrundbild behövs. Opacity gör så att innehållet i dialogen också bli genomskinligt*/ } .modalDialogWrapper { position:fixed; border:1px solid #ccc; border-radius:10px; -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); box-shadow: 0 0 15px 5px rgba(0,0,0,0.25); overflow:hidden; } .dialogFrameModeless { position:fixed; top:0px; left:0px; border:1px solid #ccc; border-radius:5px; overflow:hidden; z-index:999999; } .modelessDialogWrapper { width:100%; height:100%; border:0; border-radius:5px; overflow:hidden; } #dialogWrapper #dialogHeader { width:110%; /* egentligen bara 10px men eftersom det inte går att ange så tar vi 110% istället, det är ok */ height:30px; position:relative; left: -9px; top: -5px; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#a1a1a1'); Fungerar inte med drag and drop script!*/ background:#d6dfe4; background:-moz-linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent; background:linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d6dfe4)); border-top-left-radius:5px; border-top-right-radius:5px; } #dialogWrapper #dialogHeader span { float:left; cursor:default; margin:7px; } #dialogWrapper #dialogContent .closeButton { top:-27px; left:-7px; z-index: 10; } #dialogWrapper #dialogContent .sizemodeButton { top:-24px; left:-15px; z-index: 10; } #dialogWrapper #dialogContent { background: #fff; /* defaultfärg om villkoren i MasterDialog.Master.cs inte är ok*/ padding-top: 4px; padding-bottom: 3px; padding-left: 9px; } .draggable { position: fixed; top:100px; left:100px; border:0px none; border-radius:10px; background:rgba(255,255,255,0.5); } .draggable img{ float:right; } .draggable > .header{ width:100%; height:20px; /*background:#b6ff00;*/ } .draggable iframe { border: 0; overflow: hidden !important; } .draggable > .content { width:calc((100%) - 20px); margin: auto; border: 4px solid rgba(128,128,128,0.5); border-radius: 8px; background:#EEE; height:calc((100%) - 34px); } .draggable > .header span { width:102px; margin: 2px 0 0 10px; float: left; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; cursor:move; } .draggable > .header > img{ margin:5px 10px 0 0; cursor:pointer; } /*.draggable > .header img:nth-of-type(1) { margin: 4px 0 0; position: absolute; left: 163px; cursor:pointer; } .draggable > .header img:nth-of-type(2) { margin: 4px 10px 0 0; float: right; position: relative; cursor:pointer; }*/ .noheader { background: 0; } .noheader > .header { visibility: hidden; } .noheader > .content { background:0; border: 4px solid rgba(128,128,128,0); } .noheader:hover { background: rgba(255,255,255,0.4); } .noheader:hover > .header { visibility: visible; } .noheader:hover > .content { background:rgba(255,255,255,0.1); border: 4px solid rgba(128,128,128,.5); } .grid { position:relative; /*Används för att sfå summraden på rätt ställe.*/ float:left; overflow:hidden; border:1px solid #999; background:#fff; } .grid > div { float:left; clear:left; display:table; white-space:nowrap; } /*JavascriptScroll*/ .grid div > .header { display:table-row; height:21px; background:#99bbdd; } .grid div > .header span { color:#fff; } .grid div > .header .sort { float:none; cursor:pointer; } .grid div > .header .primarySort span { font-weight:bold; } .grid div > .header .secondarySort span { color:green; } .grid div > .header .cell { border-right:1px solid #aaccee; height:11px; } .grid div > .header .cell:not(.hidden):last-of-type { border-right:0 !important; padding-right:5px !important; } .grid .toolbox { float:right; clear:right; background:#99bbdd; display:block; } .grid .toolbox img { cursor:pointer; } .grid .verticalScrollbar { float:right; clear:right; } .grid .verticalScrollbar > * { float:left; clear:both; } .grid .verticalScrollbar .slider { display:block; float:left; clear:both; } /*Chrome CSS hack*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .grid .toolbox { float:left; } .grid .verticalScrollbar { float:left; } } .grid .horizontalScrollbar { float:left; clear:left; } .grid .horizontalScrollbar > * { float:left; } .grid .horizontalScrollbar .slider { display:block; float:left; } /*JavascriptScroll*/ /*No JavascriptScroll*/ .grid > div .header { display:table-row; background:#99bbdd; } .grid > div .header span { color:#fff; } .grid > div .header .cell { border-right:1px solid #f0f0f0; padding: 0 4px; /*OBS! Om CellOffsetWidth måste också ändras!*/ } .grid > div .header .cell:not(.hidden):last-of-type { border-right:0; padding-right:5px !important; } /*No JavascriptScroll*/ .grid > div .row { display:table-row; background:#fff !important; } .striped > div .row:nth-child(odd) { background:#ebf0f2 !important; } .striped > div .row:nth-child(even) { background:#fff !important; } .striped > div .selected:nth-child(n) { background:#ffe8a6 !important; } .striped > div .selected:nth-child(n):hover { background:#e5d195 !important; } .striped > div .row:hover { background:#c8d7e5 !important; /*Behövs eftersom bakgrunden kan sättas inline*/ cursor:pointer; } .striped > div .arrowSelected:nth-child(n) { background:#c8d7e5 !important; } .grid > div .row[onclick] { cursor:pointer; } .grid > div .cell { display:table-cell; color:#000; padding: 0 4px; /*OBS! Om CellOffsetWidth måste också ändras!*/ border-right:1px solid transparent; vertical-align: bottom; overflow:hidden; } .grid > div .selected{ background:#ffe8a6; } .grid > div .arrowSelected{ background:#c8d7e5 !important; } .grid > div .selected > span{ background:#ffe8a6 !important; } .grid > div .selected > input{ background:#fff !important; } .grid > div input[readonly="readonly"]{ border:0 !important; } .grid > div .cell:not(.hidden):last-of-type{ border-right:0; padding-right:5px !important; } .grid > div .cell img { margin-top: 2px; /*Tänk på vad du gör!*/ /*Tidigare var värdet 3px, men raderna med bilder i blev då 1px för stora i FF*/ } .grid > div .cell .textBoxIcon { float:left; width:16px; margin-top: 2px; /*Tänk på vad du gör!*/ } .grid > div .cell span { width:100%; min-height:16px; max-width:100%; display:block; overflow:hidden; text-overflow:ellipsis; margin:2px 0 2px 0; float:left; } .grid > div .cell .textBoxIcon + span { width:calc((100%) - 16px); } .grid > div .cell input[type="text"] { width:100%; height:16px; margin:2px 0 2px 0; border:0; background-color:transparent; } .grid > div .cell input[type="text"]:focus { background-color:#fff; } .grid .hidden { display:table-cell !important; max-width:0; width:0; min-width:0; border:0; padding:0; margin:0; overflow:hidden; visibility:hidden; /*display:none är nog rätt sätt, men Chrome klarar inte av det riktigt. 2015-03-17 PLY GL*/ } .grid .hidden > span { visibility: hidden; } .horizontalLines > div > div > div .row .cell { border-bottom:1px solid #ccc; } .horizontalLines > .header .cell { border-bottom:0; } .verticalLines > div .cell { border-right:1px solid #ccc; } .verticalLines > div .cell:not(.hidden):last-of-type { border-right:0; padding-right:5px !important; } .grid .sum .row:nth-child(n) { background:#fff; } .grid .sum > .row:nth-child(n) .cell { font-weight:bold; cursor:default; border-top:1px solid #ccc; border-bottom:0; } .grid:focus { border:1px solid #c7a158; outline:none; box-shadow: 0 0 2px #f1ca7f; } .grid .line-through div * { text-decoration:line-through; } .grid .paging { width:100%; display:block; color:#666; border-top:1px solid #999; } .grid .paging > * { float:left; font-size:12px; } .grid .paging > img { margin:6px 3px 2px 3px; cursor:pointer; } .grid .paging > img:nth-of-type(1) { margin-left:8px; } .grid .paging > img:nth-of-type(4) { margin-right:12px; } .grid .paging span{ margin:4px 2px 0 2px; } .grid .paging input { height:10px; width:20px; margin:4px 2px 0 2px; padding:2px; outline:none; } .grid .paging > input:focus { padding:3px; /*Behöver vara en px större av någon anledning???*/ } .grid .paging .filter { float:right; } .grid .paging .filter input { width:100px; } .grid .paging .filter button { margin-right: 20px; } .grid .numeric input { text-align: right; } .htmlEditor iframe { width:100%; height:100%; border:0; } .imageButton { float:left; white-space:nowrap; padding:5px 0 0 0; cursor:pointer; overflow:hidden; } .imageButton:focus > span { color:#06c; font-weight:bold; } .imageButton > span { margin:2px 5px 0px 0px; /* cursor:pointer; */ vertical-align: calc(-1px); white-space:nowrap; } .imageButton:hover { color:#000; } .imageButton > img { margin-right:5px; /* cursor:pointer; */ vertical-align:middle; } .imageButton > img:last-child { } .imageButton[disabled="disabled"] { color:#ccc; } .twoState { } .twoState span{ font-weight:bold; } html { height:100%; } body { position:relative; width:100%; height:100%; } form { height:100%; } #wrapper { background: url("images/bg_start.png") repeat; min-height:100%; } #header { position:relative; width:100%; height:40px; } #header .logo { float:left; width:212px; height:32px; } #header .header { max-width:980px; min-width:300px; } #content, #desktop { position:relative; width:970px; min-height:540px; } .content .desktop { width:100%; } .closeButton { position:relative; float: right; top: -33px; left: 2px; z-index: 3; } .sizemodeButton { position:relative; float: right; top: -33px; left: 2px; z-index: 3; } /* CSS för diven till vänster. box-shadow:5px 0 5px #888888; z-index måste vara lägre eller samma än för flärparna. */ .list { float:left; border-bottom-right-radius:5px; box-shadow: 0 9px 5px -5px #888; cursor:pointer; } .list .item { height:25px; background:none repeat scroll 0 0 #eee; border-right:1px solid #888; border-bottom:1px solid #888; border-top-right-radius:5px; border-bottom-right-radius:5px; box-shadow:9px 5px 5px -5px #888 inset; } .list:first-child { box-shadow:10px 0 5px -5px #888 inset; } .list .selected { background: #fff; border-left:0; box-shadow:none; } .list .item:hover { background:#c8d7e5; } .list .item div { display:table-cell; } .list .item div:first-child { width:30px; } .list .item div:nth-child(2) { min-width:100px; } .list .item div img { float:left; margin:5px 0 0 10px; } .list .item div span { float:left; margin:3px; } .progressBar { float:left; background: #ffd800; } .progressBar > div { float:left; height:100%; background: #b6ff00; } .noMenuContent { position:relative; width:100%; height:100%; background:#fff url('images/bg_login.jpg'); margin:0; padding:0; } .noMenuContent .logo { margin:10px 0px 0px 45px; } .noMenuContent .login { width:410px; height:210px; background:url('images/bg_login_dialog.png') no-repeat; margin:160px auto 0px auto; padding:20px; overflow:hidden; } .noMenuContent .error { width:449px; height:257px; background:url('images/bg_error.png') no-repeat; margin:160px auto 0px auto; padding:20px; overflow:hidden; } .noMenuContent .error span { font-size:10px; /*font:normal 10px Verdana;*/ color:#fff; } .noMenuContent .login .title { float:left; width:100%; font-size:18px; /*font:bold 18px Arial;*/ color:#fff; margin-bottom:20px; } .noMenuContent .login > .text { float:left; width:100px; } .noMenuContent .login > span { font-size:12px; /*font:normal 12px Verdana;*/ color:#fff; } .noMenuContent .login .row { float:left; width:100%; margin-bottom:5px; } .noMenuContent .login .row .text { margin-top:3px; } .noMenuContent .login .row input { float:right; width:200px; height:16px; border:1px solid #ccc; } .noMenuContent .login .row .errorMessage { float:right; } .noMenuContent .login input[type="submit"] { float:right; } .noMenuContent .copyright { position:fixed; bottom:30px; width:100%; text-align:center; } .noMenuContent .copyright a { font-size:9px; color:#333; } .noMenuContent .startcookieshelp { position:fixed; bottom:15px; width:100%; text-align:center; } .noMenuContent .startcookieshelp a:first-child { font-size:9px; color:#333; } .noMenuContent .startcookieshelp a:last-child { font-size:9px; color:#333; } .noMenuContent .copyright span { font-size:9px; /*font:normal 9px Verdana;*/ color:#333; } /*http://www.webdesignerwall.com/demo/css3-dropdown-menu/*/ .menu { position:relative; color: #666; z-index:3; } .menu ul { text-decoration: none; list-style: none; } .menu li { position:relative; width:170px; } .menu li:hover { cursor:pointer; background: #d1d1d1; color: #444; } .menu li:hover > ul { display:block; } .menu a { display:table-row; } .menu span { display:inline-block; margin:3px 5px; white-space:nowrap; } .menu > span { font-size:16px; position:absolute; top:-40px; left:0px; z-index:1; } .menu img { vertical-align:text-top; margin-left:2px; } .menu img + span { margin-left:2px; } .menu .node { position:absolute; height:auto; padding:0; background:#fff; border:1px solid #999; border-radius:5px; -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); } .menu .node ul { display:none; position:absolute; top:0px; left:170px; } .menu .node li { display:table; } .menu .node li div, .menu .node li a div { display:table-cell; } .menu .node li:first-child div:first-child { border-radius:5px 0 0 0; } .menu .node li:last-child div:first-child { border-radius:0 0 0 5px; } .menu .node li div:first-child, .menu .node li a div:first-child { width:18px; background:#eee; } .menu .node li:hover > div, .menu .node li:hover > a div { background:#ccc; color: #444; } .menu .node li:hover > div:first-child, .menu .node li:hover > a div:first-child { background:#ddd; color: #444; } .menu .node a { cursor:default; } .menu .node a[onclick] { cursor:pointer; } .menu .node a div[disabled="disabled"] span { color:#bbb; } .menu .separator { background: #FF0000; border-bottom: 1px solid #ccc !important; } /*Root node*/ .menu .root { position:absolute; width:100%; padding:0 10px 0 10px; height:30px; top:-40px; left: -10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius:10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius:10px; border:0; background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #d6dfe4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#d6dfe4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%,#d6dfe4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%,#d6dfe4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%,#d6dfe4 100%); /* IE10+ */ background: linear-gradient(top, #f8f8f8 0%,#d6dfe4 100%); /* W3C */ -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10); -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.10); } .menu .root > li > span { margin:0; } .menu .root > li { margin: 0 10px 0 0; padding: 0; position: absolute; right:40px; width:auto; list-style: none; } .menu .root > li > div > span { display: block; padding: 6px 10px 9px 10px; margin:0; } .menu .root > li > .node { left:0px; top:30px; } .menu .root li { display:block; } .menu .root > li > div:first-child { width:auto; background:transparent; } .menu .root li:hover > div:nth-child { background:transparent; color: #444; } /*RootDialog*/ .menu .rootDialog { position:absolute; width:100px; padding:0 10px 0 10px; height:30px; top:-30px; right:0px; border:0; background:transparent; } .rootDialog > li { margin:0; padding:0; position:absolute; right:40px; width:auto; list-style: none; } .rootDialog > li > div > span { display: block; padding: 6px 10px 9px 10px; margin:0; } .rootDialog > li > .node { left:0px; top:30px; } .rootDialog li { display:block; } .rootDialog > li > div:first-child { display:none; } nav { position:relative; width:870px; height:30px; padding-right:110px; margin:0px auto; z-index: 100001; } nav > ul li { position: relative; } nav div { display:inline-block; cursor:pointer; } /*Root menu*/ nav > ul > li { float:left; height:25px; padding: 5px 3px 0 4px; } nav > ul > li > img { cursor:pointer; } nav > ul > li > div { float:left; width:auto; height:14px; font-size:14px; line-height:16px; color:#e9f0eb; } nav > ul > li > div:before { content:""; float:left; width:5px; height:16px; margin-top:-2px; background:url("images/menu0_left.png") no-repeat top left; } nav > ul > li > div:after { content:""; float:left; width:5px; height:25px; /*background:url("images/menu0_right.png") no-repeat top left;*/ } /*Submenu*/ nav > ul > li > ul { top:30px; left:5px; } nav > ul ul { display:none; position: absolute; top:-9px; left:32px; width:auto; height:auto; padding:7px 0px 9px 0px; margin:0; z-index:100; background:#fff; border:1px solid #999; box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); } nav > ul ul li { display:table-row; margin:0; padding:0; white-space:nowrap; } nav > ul ul div { display:table-cell; color:#000; margin:1px 0 1px 0; padding:4px 10px 4px 10px; } nav > ul ul div:nth-of-type(1){ } nav > ul ul div:nth-of-type(2){ padding-right:0; padding-left:0; } nav > ul ul div:nth-of-type(3){ display:block; /*FF fix Annars fungerar inte position:absolute;*/ position:relative; padding-top:3px; } nav > ul ul .selected, nav > ul ul div:hover { background:#ddd; } nav > ul ul li .delimiter { display:table-cell; width:100%; padding:0; margin:0; border-top:1px solid #DDD; border-bottom:5px solid #FFF; } .navTop { position:relative; top:23px; left:-25px; } .navTop > img { cursor:pointer; } .navTop > ul { display:none; position: absolute; width:auto; height:auto; padding:7px 0px 9px 0px; margin:0; z-index:99999; background:#fff; border:1px solid #999; box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); right:0px; top:16px; } .navTop > ul > li { display:table-row; margin:0; padding:0; white-space:nowrap; } .navTop > ul > li > div { display:table-cell; color:#000; margin:1px 0 1px 0; cursor:pointer; } .navTop > ul > li > div:nth-of-type(1){ padding:0; } .navTop > ul > li > div:nth-of-type(2){ padding:5px 10px 5px 10px; } .navTop > ul > li > div:nth-of-type(3){ padding:0; } .navTop > ul > li > div:hover{ background:#ddd; } .popupMenu { position:fixed; cursor:pointer; color: #666; z-index:10; } .popupMenu ul { text-decoration: none; list-style: none; } .popupMenu li { position:relative; } .popupMenu li:hover > ul { display:block; } .popupMenu a { display:table-row; } .popupMenu span { display:inline-block; margin:3px 5px; white-space:nowrap; vertical-align:calc(-7px); min-width:100px; } .popupMenu img { vertical-align:text-top; margin-left:6px; margin-top:3px; } .popupMenu img + span { margin-left:2px; } .popupMenu .node { position:absolute; height:auto; padding:0; background:#fff; border:1px solid #999; border-radius:5px; box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); } .popupMenu .node ul { display:none; position:absolute; top:0px; } .popupMenu .node li { display:table; } .popupMenu .node li div, .popupMenu .node li a div { display:table-cell; width:100%; } .popupMenu .node li:first-child div:first-child { border-radius:5px 0 0 0; } .popupMenu .node li:last-child div:first-child { border-radius:0 0 0 5px; } .popupMenu .node li > div:first-child, .popupMenu .node li a div:first-child { width:28px; min-width:28px; background:#EEE; } /*Jobba vidare p� denna!! / mx*/ .popupMenu .node li > div, .popupMenu .node li a div span div div { margin: 2px; background: #FFF; } .popupMenu .node li:hover > div, .popupMenu .node li:hover > a div { background:#ccc; color: #444; } .popupMenu .node li:hover > div:first-child, .popupMenu .node li:hover > a div:first-child { background:#ccc; color: #444; } .popupMenu .node .selected > div, .popupMenu .node .selected > a div { background: #ccc; color: #444; } .popupMenu .node .selected > div:first-child, .popupMenu .node .selected > a div:first-child { background: #ccc; color: #444; } .popupMenu .node li div:nth-child(3), .popupMenu .node li a div:nth-child(3) { display:table-cell; width:50px; min-width:50px; } .popupMenu .node a { cursor:default; } .popupMenu .node a[onclick] { cursor:pointer; } .popupMenu .node a div[disabled="disabled"] span { color:#bbb; } .popupMenu .separator { display:table-row !important; height:1px; } .popupMenu .separator > * { background:#ddd !important; } .popupMenu .disabled { color:#999; } .popupMenu img.disabled { background: #EEE; filter:gray; -webkit-filter:grayscale(1); opacity:0.2; } .search { float:left; position:relative; } .searchTextBox { float:left; height:20px; padding:0 20px 0 2px; border:1px solid #ccc; } .searchDataContainer { position:fixed; min-width:300px; /*Chrome fix*/ background:#ebf0f2; border:1px solid #999; border-radius:5px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); z-index:10; } .searchData { max-width: 500px; width:300px; z-index: 10; } .searchData .result { overflow-y: auto; overflow-x: hidden; border-bottom:1px solid #ccc; border-radius:5px 5px 0 0; } .searchData .row:nth-child(odd) { background:#ebf0f2; } .searchData .row:nth-child(even) { background:#fff; } .searchData .row:hover { background:#c8d7e5; } .searchData .row { display:block; height:30px; padding:5px 10px; cursor:pointer; } .searchData .rowExtra { display:block; height:44px!important; padding:5px 10px; cursor:pointer; } .searchData .row * { display:inline; } .searchData .row .headline { white-space: nowrap; display: block; color: #00a2e8; } .searchData .row .text1 { white-space: nowrap; } .searchData .row .text2 { display: block; white-space: nowrap; } .searchData .selected:nth-child(n) { background:#ffe8a6; } .searchData .row .highlight { font-weight: bold; } .searchButtons { float:left; width:100%; } .searchButtons img { float:left; margin:5px 0 5px 21px; cursor:pointer; } .searchButtons img:first-child { margin-left:10px; } .searchButtons img:last-child { margin-left:120px; } .searchButton { position:absolute; top:1px; right:2px; height:16px; padding:2px 0px 2px 0px; cursor:pointer; } .searchLoading { float:right; } .searchLoading > * { float:right; margin:5px 5px 5px 0px; } .searchLoading > *:first-child { margin-right:10px; } .shield{ background:rgba(0, 0, 0, 0.25); z-index:900001; cursor:wait; } .shield > div{ border:1px solid #000000; border-radius:10px 10px 10px 10px; box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.25); background:#FFF!important; margin:300px auto; padding:10px; z-index:900001; color:#000000; } .shield button{ float:right; clear:both; margin-right:40px; cursor:pointer; position:relative; bottom:28px; z-index:9999; } #SHIELD_headline{ font-size:11px; padding:5px 10px 0px 10px; float:left; width:100%; /* egentligen bara 10px men eftersom det inte går att ange så tar vi 110% istället, det är ok */ height:20px; position:relative; left: -10px; top: -8px; background:#d6dfe4; background:-moz-linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent; background:linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d6dfe4)); border-top-left-radius:5px; border-top-right-radius:5px; } #SHIELD_text{ margin:10px 10px 10px 30px; float:left; clear:both; } #SHIELD_progresstext{ padding:8px 10px 0px 10px; position:relative; bottom:-45px; left:-10px; height:25px; width:calc(100% + 0px); float:left; clear:both; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #d6dfe4 0%, #e1ebf0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dfe4), color-stop(100%,#e1ebf0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* IE10+ */ background: linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* W3C */ border-radius:0 0 10px 10px; } /* progress */ .progressBar{ height:17px; width:350px; background:url(images/progress_bar_bg.png) no-repeat; float:left; margin-left:30px; } .progressBar > div{ height:16px; width:0%; background:#336699; border-radius:8px; } /* process */ .processBar{ height:30px; width:100%; float:left; } .processBar > img{ height:17px; margin-left:30px; margin-top:6px; } /* wheel */ .progressWheel{ height:30px; width:100%; float:left; } .progressWheel > img{ height:30px; margin-left:200px } .statusBar { position:absolute; bottom:0px; left:0px; width:100%; height:30px; color:#666; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #d6dfe4 0%, #e1ebf0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dfe4), color-stop(100%,#e1ebf0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* IE10+ */ background: linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* W3C */ font-size: 14px; border-radius:0 0 10px 10px; } .statusBar .image { float:left; margin:8px 10px; } .statusBar .text { display:inline-block; float:left; margin:4px 0px 9px 0px; } .statusBar .right { float:right; height:100%; border-left:0px none #fff; } .statusBar .right span { display:inline-block; margin:9px 10px; } * { outline:none; } html, body, img, p, a, h1 h2, h3, h4, ul, ol, li, br, form, table{ margin:0; padding:0; border:0; } body { /* font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;*/ font-family: "Segoe UI", Arial, "Lucida Grande", "Helvetica Neue", Helvetica, Verdana, sans-serif; font-size:11px; /*font:normal 11px Verdana;*/ background:#dde5eb repeat top left; } a { text-decoration:none; outline:none; } li { list-style:none; } input[type="text"]:focus,input[type="password"]:focus,select:focus { background-color:#f9fcfb; } span[disabled="disabled"] { color:#ccc !important; } input[disabled="disabled"] { background:#eee !important; } .disabled label { color:#ccc; } #header { background:#5489ba url('images/bg_top.png'); } #header .logo { margin:5px 0 0 10px; } #header .header { position:relative; height:100%; margin:0 auto; z-index: 100002; } #header .header a { font-size:11px; color:#fff; } #header .header .panRoutineSearch { position:absolute; right:0; bottom:-25px; } #header .header .panRoutineSearch .routineSearch { position:absolute; } #content, #desktop { margin:30px auto 0px auto; padding:40px 10px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border:2px solid; border-radius: 10px; border-color: #c6c6c6; background:rgba(255, 255, 255, 0.8); -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); } #desktop { border:0; background:none; -webkit-border-radius: 0; -moz-border-radius:0; border-radius:0; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; } .closeDialog { position:absolute; top:5px; right:15px; z-index:9; } .dialogStack { position:absolute; top:79px; width:100%; white-space:nowrap; } .dialogStack > div { width:980px; margin:0 auto; } .dialogStack > div > ul { width:1200px; } .dialogStack > div > ul > li { padding-left: 4px; float:left; } .dialogStack > div > ul > li > a { color: #999; font-size: 11px; } .dialogStack > div > ul > li > .current { color: #333; font-size: 11px; } .dialogStack > div > ul > li > .closeimage { margin-left:6px; vertical-align:middle; cursor:pointer; } .dialogStack > div > ul > li > .menuimage { margin-left:1px; vertical-align:middle; } .dialogStack > div > ul > li > .vertbar { color: #999; font-size: 11px; position: relative; top:-1px; } .dialogStack .popupList { position:relative; z-index:10; color: #000; } .dialogStack .popupList > ul { display:none; z-index:10; padding:8px 0 10px 0; border: 1px solid #999; background:#fff; box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); } .dialogStack .popupList:hover > ul { display:block; z-index:9999999; } .dialogStack .popupList > ul > li { float:none; padding:12px; background: #fff; clear:both; } .dialogStack .popupList > ul > li:hover { background:#ddd; cursor:pointer; } .dialogStack .popupList > ul > li > a { color:#000; } .msgbox-no-close .ui-dialog-titlebar-close { display: none; } /* for PLACEHOLDER in input and textareas, doesn't work on IE */ ::-webkit-input-placeholder { color: #ccc !important; } :-moz-placeholder { color: #ccc !important; } .kcDialogFrame { /* margin: 40px 0 0 10px; *//* left and top margin MUST BE THE SAME AS left and top padding for the #content */ Position: absolute; Overflow: hidden; border-radius: 10px; border-width: 0; background:rgba(0,0,0,0.06); /*-moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); */ z-index: 9; } .kcDialogNoframe { /* margin: 40px 0 0 10px;*/ /* left and top margin MUST BE THE SAME AS left and top padding for the #content */ Position: absolute; Overflow: hidden; z-index: 9; } #Panel_MsgPopup { background-color: transparent; position: fixed; top: 200px; left: 0; } .InfoBoxCont { background-color: #fdfdfd; font-size:8pt; line-height:10pt; margin-top:4px; } .InfoBox { color: #666; width:100%; background-color: #fdfdfd; } .InfoBox .ImageCol { width: 2px; } .InfoBox .Header { font-weight: bold; } .InfoBox .Separator { line-height: 0px; } .InfoBox .BoolTrue { background:url('images/s_checkbox1.png') no-repeat; width:16px; height:16px; } .InfoBox .BoolFalse { background:url('images/s_checkbox0.png') no-repeat; width:16px; height:16px; } /* krävs av timoutkontrollen */ .hidden { display:none; visibility:hidden; } fieldset { border-radius:5px; border: 1px solid #ccc; } fieldset legend { margin: 0px 3px 0px 6px; } /*#region userPanel*/ #userPanel { float:right; height:40px; margin-right:-34px; } #userPanel > div { float:left; margin:0 10px 0 0; color:#ffffff; } #userPanel #topLinkArea { float:left; margin:5px 10px 0 0; color:white; cursor:pointer; } #userPanel #userName { float:right; clear:both; } #userPanel #userNameX { float:right; clear:both; } #userPanel #companyName { float:right; font-size:16px; } #userPanel #logout { float:left; margin: -3px 0px 0px -4px!important; cursor:pointer; } #userPanel #logout > img { margin:0; } #userPanel .separator { visibility: hidden; } /*#endregion*/ #logout + .separator { margin:2px 4px 0px 2px; /* border: 1px solid;*/ } #form1 #Label1 { font-size:20px; margin-top:10px; } #form1 #Label2 { font-size:20px; } #form1 #Label3 { font-size:20px; } #Large { margin-bottom:20px; } .DeskTheme { margin-bottom: 10px; } #form1 #Large { margin-bottom: 20px; } .AppInfo { /*background:#333;*/ } .AppInfo td { /*background: #EEE;*/ width: 180px; vertical-align: top; padding-right:15px; } .AppInfo td span { float:left; } .AppInfo td span:nth-of-type(1) { font-weight:bold; } .AppInfo input { margin: 0px; } .AppInfo img { border: solid 1px; } .header .search { float:right; position:relative; top:0px; } .header .search input { width:80px; padding-right:20px; /*border:1px solid #ccc; border-radius:5px; -moz-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,0.10); box-shadow: 0 0 15px 5px rgba(0,0,0,0.10);*/ } .header .search .searchButton { position:absolute; top:2px; right:2px; z-index:100; width:16px; height:16px; margin:0; padding:0; } .clockCalendar{ width:150px; height:150px; } /* treeView */ /*.treeNode { font-size: 12px; color: #666; border: none 0px; width: 130px; padding-left: 5px; }*/ .treeView { background-color: none; border-style: none; overflow:auto; color:#333; } .treeView table { margin: 0; padding: 0; background-color: none; } .treeView td { margin: 0; padding: 0; background-color: none; } .treeView td div { height: 20px !important; } .treeView td img { display: block; } .treeView td a { margin: 0; padding: 0; background-color: none; color:#333; } .treeView .parentNode { } .treeView .treeNode { background-color: none; } .treeView .leafNode { background-color: none; } .treeView .selectedNode { background-color: #c8d7e5; } .treeView .hoverNode { } .treeView .rootNode { background-color: none; color: #333; } .aspNetDisabled { color: #c0c0c0; } #AddPanel #iconTitle { font-size:20px; margin: 0 10px 10px 0; float:left; clear:left; } #AddPanel #Label1 { font-size:12px; margin: 0 15px 0 0; float:left; clear:left; } #AddPanel #routineSearch { clear:right } #AddPanel #Label2 { font-size:12px; margin: 5px 10px 0 0; float:left; clear:left; } #AddPanel #txtName { float:left; clear:right; margin: 5px 0 0 0; } #AddPanel #Label3 { font-size:12px; margin: 0 10px 10px 0; float:left; clear:left; } #AddPanel #colorRow { float: left; clear: left; } #AddPanel #Label7 { font-size:12px; float:left; clear:left; } #AddPanel #shapeRow { float: left; clear: left; } #AddPanel #Label9 { font-size:12px; float:left; clear:left; } #AddButton { float:left; margin:0px 5px 0px 12px; } #AddButton /*> a*/ { visibility: hidden; } #ShortcutTable:hover + #AddButton /*> a*/ { visibility: visible; } #AddButton:hover /*> a*/ { visibility: visible; } #EditButton { margin-left:5px; } #EditButton /*> a*/ { visibility: hidden; } #ShortcutTable:hover + #AddButton + #EditButton /*> a*/ { visibility: visible; } #EditButton:hover /*> a*/ { visibility: visible; } .ShortcutSquare { display: block; width: 70px; height: 70px; padding:5px; font-size: 11px; font-family: segoe ui; color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; } .ShortcutRect { display: block; width: 150px; height: 70px; padding:5px; font-size: 11px; font-family: segoe ui; color: rgb(255, 255, 255); border-radius: 10px 10px 10px 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; } .ShortcutSquare img { margin:10px 15px 0px 15px; } .ShortcutRect img { margin:10px 55px 0px 55px; } #IconTable div { background: none repeat scroll 0 0 #CCCCCC; border-radius: 5px 5px 5px 5px; height: 50px; width: 60px; padding-left:20px; } #IconTable div img { margin: 0 20px 0 20px; } #AddPanel #Preview { height: 95px!important; width: 430px!important; border-radius: 16px; } #AddPanel #Preview .ShortcutSquare { margin:0 0 0 170px; } #AddPanel #Preview .ShortcutRect { margin:0 0 0 140px; } .nobackground { background: 0; } #appNotes { background-color: #fff; background-image: /*linear-gradient(90deg, transparent 79px, #abced4 79px, #abced4 81px, transparent 81px),*/ linear-gradient(#eee .1em, transparent .1em); background-size: 100% 1.2em; height:100%; } .appNotesHeader { background:#BBB; color:#FFF; height:20px; } .appNotesHeader_left { float:left; margin-left:4px; } .appNotesHeader_middle { float:left; text-align:center; color:#FFF; margin-left:6px; } .appNotesHeader_right { float: right; margin-right:1px; } #appNotes textarea { /*background:#f9f0b2;*/ background-color:transparent; width:160px; height:180px; border:none 0px; padding:8px; /*border-radius:8px;*/ } #PrevWeek { margin-left: 4px; } #NextWeek { margin-left: 4px; } .appCalendar { margin:4px; } .appCalendar .Header { margin:2px 0 0 0; } .dateBox { border: 1px solid #999; width: 30px; box-shadow: 3px 3px 5px #CCC; text-align:center; margin: 0 5px 0 0; border-radius:3px; } .monthBox { background:#ED4E4E; color:#fff; font-weight:bold; font-size:10px; } .monthBox a{ color:#fff; } .dayBox { background:#E0E7FE; color:#666; } .dayBox a{ color:#999; } .calHeader { background:#BBB; color:#FFF; height:20px; text-align:center; } .TodoList img { margin-top: 5px; } .TodoHeader { background:#BBB; color:#FFF; height:20px; text-align:center; } .TodoHeader_left { float:left; margin-left:4px; } .TodoHeader_right { float: right; margin-right:1px; } .TodoHeader label { vertical-align:top; } input[readonly="readonly"] { border: 1px dashed #CCC!important; cursor: default; color: #666; } /* for file upload */ div.fileinputs { position: relative; } div.fakefile { position: absolute; top: 0px; left: 0px; z-index: 1; cursor: pointer; } div.fakefile_disabled > img { filter: url('./filters.svg#grayscale'); filter: gray; -webkit-filter : grayscale(1); opacity: 0.2; cursor: default; } input.file { position: relative; text-align: right; -moz-opacity:0 ; filter:alpha(opacity: 0); opacity: 0; z-index: 2; width: 0px !important; height: 0px !important; cursor: pointer; display: none; } /* För att inte få uppercase på placeholder */ /* Verkar inte funka för IE */ ::-webkit-input-placeholder { /* WebKit browsers */ text-transform: none !important; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ text-transform: none !important; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ text-transform: none !important; } :-ms-input-placeholder { /* Internet Explorer 10+ */ text-transform: none !important; } .tabControl { position:relative; float:left; overflow:hidden; } .tabControl .tabs { width:3000px; height:18px; color:#0066cc; border-bottom:1px #ccc solid; margin-left:0px; /*Måste finnas*/ } .tabControl .tabs .tab { float:left; height:15px; background:#fff; border-radius: 5px 5px 0 0; border:1px #ccc solid; border-bottom:0; padding:1px 5px; margin:0 1px 0 0; cursor:pointer; } .tabControl .tabs .tab span { margin:0 3px 0 3px; } .tabControl .arrow { position:absolute; top:0px; width:18px; height:18px; border-bottom:1px solid #ccc; background:transparent; cursor:pointer; } .tabControl .properties { position:absolute; top:0px; width:16px; height:18px; border-bottom:1px solid #ccc; background:transparent; cursor:pointer; } .tabControl .tabsContainer { margin:0px 16px 0px 0px; overflow:hidden; } .tabControl .oneRow { height:20px; } .tabControl .twoRows { height:40px; } .tabControl .threeRows { height:60px; } .tabControl .tabs .tab:hover { color:#000; } .tabControl .content { float:left; clear:left; border:1px #ccc solid; border-top:0; } .tabControl .tabs .selected { border:1px #ccc solid; border-bottom:1px #fff solid; font-weight:bold; } .tabControl .tabs .tabButton { float:left; height:15px; border-radius: 5px; border:1px #777 solid; padding:1px 5px; margin:0 3px 1px 0; cursor:pointer; } .tabControl .tabs .tabButton:hover { color:#000; } .tabControl .tabs .tab[disabled="disabled"], .tabControl .tabs tab[disabled="disabled"]:hover { cursor:default; color:#999; } .tabControl .tabs .newRow { clear:left; } .textBox * { float:left; } .textBox input { float:left; height:18px; padding:2px 2px 0 2px; border:1px solid #ccc; } .textBox textarea { border:1px solid #ccc; } .timeout { float:left; display:none; } .timeout > a { cursor:pointer; clear:both; font-weight:bold; } .timeout > div { clear:both; } .timeout > div > div { } .timeout span { color:#fff; } .timeout .hidden { visibility:hidden; display:none; } .group { float:left; margin:0px 20px 23px 0px; /*23px för att få samma höjd som LabelTextBox.*/ } .group .label { width:150px; } .largeGroup { margin:0px 10px 0px 0px; } .container { float:left; margin-top:20px; } .uppercase { text-transform: uppercase; } .lowercase { text-transform:lowercase; } .invisible { display:none; visibility:hidden; } .left { float:left; } .right { float:right; } .columnRight { text-align:right; } .columnRight > input { text-align:right; } .columnCenter { text-align:center; } .disabled { cursor:default; } *:focus{ outline:none; box-shadow:none; /*box-shadow: 0 0 2px #f1ca7f;*/ } input[type="text"]:focus, input[type="password"]:focus{ border:1px solid #c7a158; box-shadow: 0 0 2px #f1ca7f; } input[type="checkbox"]:focus, input[type="radio"]:focus{ outline:1px solid #c7a158; } .htmlToolTip { position: fixed; z-index:99999; top: 0; left: 0; border: 1px solid; background: #fff; border-radius: 5px; box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.10); padding:10px; } .htmlToolTip .toolTipHeader { } .htmlToolTip .toolTipText { } .htmlToolTip .toolTipImage { } .showKey{ position:fixed; width:20px; height:20px; background:hsl(246,38%,50%); border-radius:2px; text-align:center; } .showKey > span { display:block; margin-top:1px; font-size:12px; font-weight:bold; color:#fff; }