/* Minification failed. Returning unminified contents. (3910,20): run-time error CSS1030: Expected identifier, found ' ' (6180,19): run-time error CSS1031: Expected selector, found '/' (6180,19): run-time error CSS1025: Expected comma or open brace, found '/' */ /* Important Note: Common classes has been added in Common.css file */ /* * jQuery UI Autocomplete 1.8.14 * */ .ui-autocomplete { position: absolute; cursor: default; max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; /* add padding to account for vertical scrollbar */ padding-right: 20px; } .autocompleteIndicator { background-image: url('../../images/autocomplete2.jpg'); background-repeat: no-repeat; background-position: center center; margin-top: -3px; white-space: nowrap; height: 21px; background-color: #ffffff; cursor: pointer; vertical-align: middle; border-style: none; width:15px; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* * jQuery UI Menu 1.8.14 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { border-style: hidden solid solid solid; border-width: 1px; border-color: #000000; margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: bold; margin: -1px; } .autocompleteheader { font-weight: bold; font-style: normal; background-color: #660066; color: #ffffff; font-family: Arial, Helvetica, sans-serif; text-align: center; vertical-align: middle; } .autocompleteUpperDiv { border: thin solid #FF00FF; padding: 2px; margin: 1px; background-color: #000000; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; position: absolute; opacity: 0.7; filter: alpha(opacity=70); font-size: inherit; } .ui-widget-content { border: 1px solid #aaaaaa /*{borderColorContent}*/; background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/; color: #222222 /*{fcContent}*/; } /* Component containers ----------------------------------*/ .ui-widget-content { color: #145166; border: 0px solid #aaaaaa; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:999; opacity:.7; } .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* The Maximum drop down height - Remove this line if you do not want scroll bars on the drop down list */ .ui-autocomplete { max-height: 300px; overflow-y: scroll; overflow-x: hidden; } /* Menu ----------------------------------*/ .ui-menu2 { list-style: none; padding: 2px; margin: 0; display: block; } .ui-menu2 .ui-menu { margin-top: -3px; } .ui-menu2 .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu2 .ui-menu-item a { text-decoration: none; display: block; padding: .2em .3em; line-height: 1; } .ui-menu2 .ui-menu-item a.ui-state-hover, .ui-menu2 .ui-menu-item a.ui-state-active { font-weight: bold; background-color: #c5d7ff; width: 100%; } .ui-button-combo { background-position: center center; margin-left: -22px; margin-bottom: 2px; background-image: url('image/DropArrow.gif'); border: 1px solid #a4cad6; background-repeat: no-repeat; white-space: nowrap; } /* Interaction states ----------------------------------*/ .ui-state-default a, .ui-widget-content .ui-state-default a { color: #145166; background: url(Image/tab-btnbg.png) no-repeat right -31px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { color: #145166; } .ui-state-hover { color: #145166; background: url(Image/tab-btnbg.png) repeat-x left -62px !important; } .ui-state-hover a, .ui-state-hover a:hover { color: #145166; background: url(Image/tab-btnbg.png) no-repeat right -93px !important; } .ui-state-active, .ui-widget-content .ui-state-active { color: #145166; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #145166 !important; border: 0px solid #aaaaaa; } /* Overlays */ .ui-widget-overlay { /*background: #aaaaaa url(image/tab-hover.gif) 50% 50% repeat-x;*/ background: #333333 50% 50% repeat-x; } .ui-widget-shadow { /*background: #aaaaaa url(image/tab-hover.gif) 50% 50% repeat-x;*/ } /* Tabs */ .ui-tabs .ui-tabs-nav li { background: url(Image/tab-btnbg.png) repeat-x left top; } .ui-tabs-nav li a:hover { background: url(Image/tab-btnbg.png) no-repeat right -93px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: url(Image/tab-btnbg.png) repeat-x left -124px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { background: url(Image/tab-btnbg.png) no-repeat right -155px; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { background: #def3f9 !important; border: 1px solid #6c8c94 !important; } .ui-tabs-panel .Table { background: #def3f9 !important; } /* dialog classes */ .ui-dialog { position: absolute; padding: .2em; z-index:9999; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; border: 1px solid #4297d7; background: #2191C0; color: #eaf5f7; font-weight: bold; float:left; width:98%; border-radius:5px; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 1px solid #4297d7; padding: .5em 1em; background: #fcfdfd; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width: auto; overflow: visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_0078ae_256x240.png); } .ui-widget-content .ui-icon { background-image: url(images/ui-icons_0078ae_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_e0fdff_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_056b93_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_f5e175_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_f7a50d_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_fcd113_256x240.png); } .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 #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; font-weight: bold; color: #1c94c4; } /*! jQuery UI - v1.11.1 - 2014-09-19 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 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-datepicker { width: 180px; padding: .2em .2em 0; display: none; z-index: 12000 !important; } .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.2em; height: 1.4em; } .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 { line-height: 1.8em; margin:0px 25px; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 10px; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 55px; } .ui-datepicker-month { float:left; } .ui-datepicker-year { float:right; } .ui-datepicker table { width: 100%; font-size: 10px; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .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-widget { font-family: Trebuchet MS,Tahoma,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: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #ddd; background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #5a6e76; background:#5da4c2; color: #fff; font-weight: bold; } .ui-widget-header a { color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #555; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2a7fa3 !important; font-weight: bold; color: #2a7fa3 !important; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 #2a7fa3; font-weight: bold; color: #2a7fa3 !important; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #9fe2ff; background: #195f8f; color: #FFF; } .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: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #fff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .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_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_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: 4px 4px; background-image: url("images/calendar-next.png") !important; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: 0px 4px; background-image: url("images/calendar-prev.png") !important; } .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: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); border-radius: 5px; } /*! jQuery UI - v1.11.0 - 2014-07-23 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, button.css, dialog.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 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-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .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-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-widget { font-family: Trebuchet MS,Tahoma,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: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #ddd; background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #5a6e76; background: #5da4c2; color: #fff; font-weight: bold; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2a7fa3 !important; font-weight: bold; color: #2a7fa3 !important; } .ui-datepicker-calendar .ui-state-default.ui-state-hover { border: 1px solid #2a7fa3 !important; font-weight: bold; color: #2a7fa3 !important; } .ui-datepicker-title select { height: auto !important; } .ui-widget-header a { color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; 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 #fbcb09; background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #9fe2ff; background: #195f8f; color: #fff; } .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: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #fff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #fff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #fff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .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_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_ffd27a_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: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); border-radius: 5px; } body { } /* #region Activity */ #busyindicator { z-index:10000; position: fixed; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .Panel_Text { font-size:15px !important; } @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 108px; } } @media all and (min-width: 241px) and (max-width: 320px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 128px; } } @media all and (min-width: 321px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 192px; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 300px; } } @media all and (min-width: 769px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 300px; } } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFF; } .toast-message a:hover { color: #CCC; text-decoration: none; } .toast-top-full-width { top: 70px; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999; } #toast-container > div { margin: 0 0 6px; padding: 5px 5px 5px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .toast { background-color: #030303; } .toast-success { /*background-color: #51A351;*/ background-color: #297378; } .toast-error { background-color: #519296; color:red !important; } .toast-info { /*background-color: #b09029;*/ background-color: #2F96B4; } .toast-warning { background-color: #F89406; } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 108px; } } @media all and (min-width: 241px) and (max-width: 320px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 128px; } } @media all and (min-width: 321px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 192px; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 5px 5px 5px 50px; width: 300px; } } /* overrides */ #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 100%; margin: 1px 0 1px 0; } /* SmartWizard 2.0 plugin jQuery Wizard control Plugin by Dipu http://www.techlaboratory.net http://tech-laboratory.blogspot.com */ .swMain { position: relative; display: block; margin: 0; padding: 0; border: 1px solid #297378; padding:10px; overflow: visible; font-size:12px; float: left; width: 100%; /* */ } .swMain .stepContainer { display: block; position: relative; margin: 0; padding: 0; border: 0px solid #CCC; overflow: hidden; clear: right; } .swMain .stepContainer div.content { display: block; font-size:15px !important; position: absolute; float: left; margin: 0; padding: 5px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #5A5655; background-color: #F8F8F8; text-align: left; overflow: auto; z-index: 88; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; clear: both; height: 500px; width:99%; line-height:20px; } .swMain div.actionBar { display: block; position: relative; clear: right; border: 1px solid #297378; padding: 0; color: #5A5655; background-color: #F8F8F8; height: 40px; width:100%; /* width:730px; float:right; */ text-align: left; overflow: auto; z-index: 88; margin:15px 0px 0px 0px; } .swMain .stepContainer .StepTitle { display: block; position: relative; margin: 0; border-bottom: 3px solid #297378; padding: 5px; font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #5A5655; clear: both; text-align: left; z-index: 88; } .swMain ul.anchor { position: relative; display: block; float: left; list-style: none; padding: 0px; margin: 5px 10px 0 0; border: 0px solid #CCCCCC; background: transparent; /*#EEEEEE */ } .swMain ul.anchor li { position: relative; display: block; margin: 0; padding: 0; border: 0px solid #E0E0E0; float: left; clear: both; } /* Anchor Element Style */ .swMain ul.anchor li a { display: block; position: relative; float: left; margin: 0; width: 230px; text-decoration: none; outline-style: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 99; } .swMain ul.anchor li a .stepNumber { position: relative; float: left; width: 30px; text-align: center; padding: 5px; padding-top: 0; font: bold 45px Verdana, Arial, Helvetica, sans-serif; } .stepDescProgress { position: relative; display: block; float: left; text-align: left; padding: 5px; font: bold 18px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a .stepDesc { position: relative; display: block; float: left; text-align: left; padding: 5px; font: bold 15px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a .stepDesc small { font: normal 15px Verdana, Arial, Helvetica, sans-serif; } .swMain ul.anchor li a.selected { color: #F8F8F8; background: #165a5f; /* EA8511 */ border: 1px solid #3695e5; cursor: text; } .swMain ul.anchor li a.selected:hover { color: #F8F8F8; background: #103a3d; } .swMain ul.anchor li a.done { position: relative; color: #FFF; background: #48bac2; border: 1px solid #8abfed; z-index: 99; cursor:text !important; } .swMain ul.anchor li a.donehover:hover { color: #fff; background: #48bac2; border: 1px solid #48bac2; cursor:pointer !important; } .swMain ul.anchor li a.disabled { color: #247f85; background: #F8F8F8; border: 1px solid #48bac2; cursor: text; } .swMain ul.anchor li a.disabledHide { color: #247f85; background: #F8F8F8; border: 1px solid #48bac2; cursor: text; display:none; } .swMain ul.anchor li a.disabled:hover { color: #333333; background: #F8F8F8; } .swMain ul.anchor li a.error { color: #6c6c6c !important; background: #f08f75 !important; border: 1px solid #fb3500 !important; } .swMain ul.anchor li a.error:hover { color: #000 !important; } .swMain .buttonNext { display: block; float: right; margin: 5px 3px 0 3px; padding: 5px; text-decoration: none; text-align: center; font: bold 14px Verdana, Arial, Helvetica, sans-serif; width: 100px; color: #FFF; outline-style: none; border: 1px solid #1c5457; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#225356; } .swMain .buttonNext:hover { background:#7dc9cd; color:#333333; } .swMain .buttonDisabled { color: #F8F8F8 !important; background-color: #76a7a7 !important; border: 1px solid #398287 !important; cursor: text; } .swMain .buttonPrevious { display: block; float: right; margin: 5px 3px 0 3px; padding: 5px; text-decoration: none; text-align: center; font: bold 14px Verdana, Arial, Helvetica, sans-serif; width: 100px; color: #FFF; outline-style: none; border: 1px solid #5A5655; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#225356 } .swMain .buttonPrevious:hover { background:#7dc9cd; color:#333333; } .swMain .buttonFinish { display: block; float: right; margin: 5px 10px 0 3px; padding: 5px; text-decoration: none; text-align: center; font: bold 14px Verdana, Arial, Helvetica, sans-serif; width: 100px; color: #FFF; outline-style: none; border: 1px solid #5A5655; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#225356; } .swMain .buttonFinish:hover { background:#7dc9cd; color:#333333; } /* Form Styles */ .txtBox { border: 1px solid #CCCCCC; color: #5A5655; font: 13px Verdana,Arial,Helvetica,sans-serif; padding: 2px; width: 430px; } .txtBox:focus { border: 1px solid #EA8511; } .swMain .loader { position: relative; display: none; float: left; margin: 2px 0 0 2px; padding: 8px 10px 8px 40px; border: 1px solid #FFD700; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #5A5655; background: #FFF url(../images/loader.gif) no-repeat 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 998; } .swMain .msgBox { position: relative; display: none; float: left; margin: 6px 0 0 5px; padding: 5px; border: 1px solid #777777; background-color: #FFFFDD; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #5A5655; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 999; } .swMain .msgBox .content { font: normal 12px Verdana,Arial,Helvetica,sans-serif; padding: 0px; float: left; } .swMain .msgBox .close { border: 1px solid #CCC; border-radius: 3px; color: #CCC; display: block; float: right; margin: 0 0 0 5px; outline-style: none; padding: 0 2px 0 2px; position: relative; text-align: center; text-decoration: none; } .swMain .msgBox .close:hover { color: #EA8511; border: 1px solid #EA8511; } .WizardDiv { width: 88%; margin: 0px auto; } .ProgressBarDivParent { float:left; overflow:hidden; position:relative; width:100%; } .ProgressBarDiv { list-style:none; margin:0; padding:0; position:relative; left:50%; /*left:75%\9;*/ text-align:center; } .ProgressBarDiv li { float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } .ProgressBarCircle { list-style: none; width: 100%; margin: 0; padding: 0; margin-bottom: 20px; } .ProgressBar { list-style: none; width: 100%; margin: 0; padding: 0; /*margin-bottom: 20px;*/ } .ProgressBar span { float: left; line-height: 37px; text-align: left; color: #FFFFFF; font-size:14px; font-weight:bold; font-family:'Segoe UI'; } .ProgressBarCircle span { float: left; padding: 5px; background: #989898; width: 25px; height: 25px; line-height: 30px; text-align: center; border-radius: 50%; color: #333; font-weight: bold; font-size: 15px; } .ProgressBarCircle .ProgressSaperator { background-position: center center; width: 80px; height: 15px; padding: 0px; margin-top: 10px; border-radius: 0px !important; background-image: url('../../Images/arrow.png'); background-repeat: no-repeat; background-color: transparent !important; } .ProgressBarCircle .ProgressDone .stepSpan { color: #fff; background-color: #1476a1; font-size: 20px; } .ProgressBarCircle .ProgressHighlight .stepSpan { color: #fff; font-size: 20px; background-color: #063549 !important; } .ProgressBarCircle .selectable :hover { background-color: #2dbfff !important; cursor: pointer; } .ProgressBarCaptionDiv { width: 100%; float: left; margin-top: 5px; margin-bottom: 10px; position:relative; left:-37px; } .ProgressBarCaptionDiv ul { list-style-type: none; margin: 0px; padding: 0px; } .ProgressBarCaptionDiv li { float: left; width: 115px; text-align: center; display: block; white-space: normal; font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif; font-size: 14px; color: #0b4c82; } .ProgressBar { /*centering*/ display: inline-block; border-radius: 5px; /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/ counter-reset: flag; } .ProgressBar .ProgressDone { color: #fff; background-color: #1476a1; } .ProgressBar .ProgressDone .stepSpan{ color: #fff; } .ProgressBar .ProgressDone:after { color: #fff; background-color: #1476a1; } .ProgressBar .ProgressHighlight { color: #fff; background: #58999d; } .ProgressBar .ProgressHighlight:after { color: #fff; background: #58999d; } .ProgressBar .stepSpan { color: #333; } .ProgressBar .ProgressHighlight .stepSpan { color: #fff; } .ProgressBar .selectable:hover { background-color: #2dbfff !important; cursor: pointer; } .ProgressBar .selectable:hover:after { background-color: #2dbfff !important; cursor: pointer; } .ProgressBar li { text-decoration: none; outline: none; display: block; float: left; line-height: 36px; height: 36px; color: white; /*need more margin on the left of links to accomodate the numbers*/ padding: 0 10px 0 60px; background:#d7d7d7; border:1px solid #888888; margin-top:3px; position:relative; /*width:170px;*/ } /*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/ .ProgressBar li:first-child { padding-left: 46px; border-radius: 5px 0 0 5px; /*to match with the parent's radius*/ } .ProgressBar li:first-child:before { left: 14px; } .ProgressBar li:last-child { border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/ padding-right: 20px; } /*adding the arrows for the breadcrumbs using rotated pseudo elements*/ .ProgressBar li:after { content: ''; position: absolute; top: 0; right: -18px; width: 36px; height: 36px; -webkit-transform: scale(0.707) rotate(45deg); transform: scale(0.707) rotate(45deg); z-index: 1; background:#d7d7d7; box-shadow: 2px -2px 0 0px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1); border-radius: 0 5px 0 50px; } /*we dont need an arrow after the last link*/ .ProgressBar li:last-child:after { content: none; } /*we will use the :before element to show numbers*/ .ProgressBar li:before { content: counter(flag); counter-increment: flag; /*some styles now*/ border-radius: 100%; width: 20px; height: 20px; line-height: 20px; margin: 8px 0; position: absolute; top: 0; left: 30px; background: #444; font-weight: bold; } .Bold { font-weight:bold ; } .flat a, .flat a:after { background: white; color: black; transition: all 0.5s; } .flat a:before { background: white; box-shadow: 0 0 0 1px #ccc; } .flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after { background: #9EEB62; } /*reset*/ body, h1, h2, h3, .main-nav, .sagi-nav, #banner p, .browsers, .mobileOSs, #footer ul, #footer p, #nav-pager, #examples-list, #themeChooser, .widgetGrid ul { margin: 0; padding: 0; list-style: none; } body { background-color: #fff; min-height: 100%; min-width: 100%; } /* scroll bar css starts*/ a { color: #333333; } body { -ms-scrollbar-face-color: #d0d1d7; scrollbar-face-color: #d0d1d7; -ms-scrollbar-highlight-color: #57a8fa; scrollbar-highlight-color: #57a8fa; -ms-scrollbar-3dlight-color: #67c9f6; scrollbar-3dlight-color: #67c9f6; -ms-scrollbar-track-color: #e6e7e8; scrollbar-track-color: #e6e7e8; -ms-scrollbar-arrow-color: #000; scrollbar-arrow-color: #000; } ::-webkit-scrollbar { width: 10px; background: #e6e7e8; } /* Track */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px #d0d1d7; box-shadow: inset 0 0 2px #d0d1d7; -webkit-border-radius: 3px; border-radius: 3px; } /* Handle */ ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #d0d1d7; -webkit-box-shadow: inset 0 0 2px #d0d1d7; box-shadow: inset 0 0 2px #d0d1d7; } ::-webkit-scrollbar-thumb:window-inactive { background: #a1989a; } /* scroll bar css ends*/ img { border: 0; } #header a, li > a, h2 > a, h3 > a, #footer a, .get-sagiui { text-decoration: none; } #header { background: url("../images/header_LBg.png") no-repeat left top; } UL LI a, li a { cursor: pointer; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } h2 { color: #25466d; font-size: 1.8rem; font-weight: 300; font-family: 'Open Sans','Segoe UI Symbol',Helvetica; padding: 5px 3px 3px 15px; -webkit-text-shadow: rgba(0,0,0,.9) 0 1px 0; text-shadow: rgba(0,0,0,.9) 0 1px 0; } h4 { color: #886c76; font-size: 1em; font-weight: 300; font-family: 'Open Sans','Segoe UI Symbol',Helvetica; padding: 5px 3px 3px 25px; -webkit-text-shadow: rgba(0,0,0,.9) 0 1px 0; text-shadow: rgba(0,0,0,.9) 0 1px 0; } /*global*/ .floatWrap:after, #example:after { content: ""; display: block; clear: both; } .floatWrap, #example { display: block; } .clear { clear: both; } html { overflow-y: scroll; } #header, #banner, .suite-demos-nav, .demos-nav, .search-panel, #footer, .centerWrap { font-family: 'Lucida Sans Unicode','Lucida Grande',arial,helvetica,sans-serif; } .overview, #footer { font-size: 13px; } .overview #header, .overview #banner, .overview .suite-demos-nav, .overview .demos-nav, .overview #footer { /*iPad fix*/ min-width: 990px; } .centerWrap { /*width:940px;*/ margin: 0; padding: 0; } .odd_row { background-color: #cdd5d9 !important; } .widgetGrid .centerWrap { /*width:976px;*/ } /*header*/ #header h1 { width: 140px; height: 37px; float: left; margin: 14px 100px 14px 0px; } .overview #header h1 { width: 223px; height: 73px; margin: 16px 0 0; } #logo { display: block; height: 100%; text-indent: -4444px; text-align: center; overflow: hidden; background: url(../images/new-logo.jpg) no-repeat left top; height: 65px; margin-top: -12px; margin-left: 13px; width: 270px; } #Prodlogo { display: block; height: 100%; text-indent: -4444px; text-align: center; overflow: hidden; background: url(../images/new-logo_Production.jpg) no-repeat left top; height: 65px; margin-top: -12px; margin-left: 13px; width: 330px; } #Devrlogo { display: block; height: 100%; text-indent: -4444px; text-align: center; overflow: hidden; background: url(../images/new-logo_Denver.jpg) no-repeat left top; height: 65px; margin-top: -12px; margin-left: 13px; width: 370px; } #Perflogo { display: block; height: 100%; text-indent: -4444px; text-align: center; overflow: hidden; background: url(../images/new-logo_PerformanceTesting.jpg) no-repeat left top; height: 65px; margin-top: -12px; margin-left: 13px; width: 470px; } #header ul { float: right; clear: right; color: #f2a93d; } .main-nav { margin: 22px -8px 0 0; } .main-nav > li, .sagi-nav > li { float: left; position: relative; } .main-nav > li { border-left: 1px solid #dcdcdc; padding: 0 8px; } .main-nav li:first-child { border: 0; } .suite-demos-nav a: { color: #fff; /*background:#ffa200;*/ padding: 0px 5px 0px 5px; } .main-nav a { color: #2e2e2e; } .sagi-nav { margin: 0px 10px 0px 0px; } .overview .sagi-nav { margin: 22px 0; } .sagi-nav > li { width: 50px; height: 40px; margin-right: 1px; background: #58999d; margin-top: 5px; } .sagi-nav > li:hover { background: #333333; } .sagi-nav li:first-child { border-radius: 0px 0px 0px 5px; } .sagi-nav li:last-child { border-radius: 0px 0px 5px 0px; } .sagi-nav a { display: block; font: 21px/1.6 Lucida Sans, Tahoma, Arial, Sans-serif; color: #2e2e2e; text-align: center; line-height: 55px; } .main-nav a > span, .sagi-nav a > span { font: .55em/1 sans-serif; position: relative; top: -.2em; } #header .get-sagiui, #mainWrap .get-sagiui { color: #fff; } .sagi-nav .get-sagiui { font-size: 17px; line-height: 34px; } .get-sagiui:hover, .launchButton:hover { filter: alpha(opacity=80); opacity: .8; } .sagi-nav .active, .suite-demos-nav .active, #footer .centerWrap, #codeStrip .k-state-active { position: relative; } /*orange bar*/ #banner { background: 50% 50% url(../images/flowerWrap.png); min-height: 2px; } .overview #bannerInner { padding: 30px 0 10px 0; background: 50% 0 url(flowers.png); } #bannerInner > .centerWrap { height: 100%; } #banner h1 { font-size: 30px; line-height: 32px; margin-bottom: 20px; color: white; font-weight: normal; } /*suite demos nav*/ .suite-demos-nav { height: 66px; background: #FFA200 url(../images/vrHeader.png) repeat-x left top; } .suite-demos-nav ul { list-style: none; } .suite-demos-nav a { display: block; font-size: 13px; /*line-height:46px;*/ color: #fff; } .mainMenuIcon { width: 24px; height: 24px; display: block; margin: 0 auto; } .mainMenuIconPerson { width: 24px; height: 24px; display: block; margin: 0 auto; } .mainMenuIconOrga { width: 24px; height: 24px; display: block; margin: 0 auto; } .mainMenuIconPay { width: 24px; height: 24px; display: block; padding-left: 30px; } .suite-demos-nav .active:before, .suite-demos-nav .active:after { content: " "; display: block; left: 50%; margin: 0 0 0 -7px; position: absolute; top: 40px; width: 0; height: 0; } .suite-demos-nav .selected { background: #ffa200; } .suite-demos-nav li:hover { background: #ffa200; } .suite-demos-nav .active:last-child:after { border-color: #fff transparent; } .suite-demos-nav .active:before { border-color: #c9c9c9 transparent; margin-top: -1px; } /*featured demos and demos-nav*/ .demos-nav, .sourceChooser, #codeStrip .k-content.k-tabstrip .k-tabstrip-items { background: url(../images/vrBg.png) repeat-x left top; } /*inner pages*/ .search-panel { padding-bottom: 3em; } .search-panel { border-left: 2px solid #35272b; min-height: 533px; float: left; } #main { float: left; width: 759px; margin-left: -2px; } /*widget grid*/ .widgetGrid .wideCol:first-child, .widgetGrid .narrowCol:first-child { background: #eee; background: rgba(191,191,191,.2); } .widgetGrid .wideCol, .widgetGrid .narrowCol { float: left; width: 650px; } .widgetGrid .narrowCol { width: 310px; } .widgetGrid .narrowCol ul:empty { display: none; } .widgetGrid .mobile-widgets { width: 340px; } .widgetGrid ul { float: left; width: 150px; margin: 8px 0 0 18px; padding: 0px 0 10px 0px; background: url(../images/vrDevider.png) no-repeat right center; } .widgetGrid li { line-height: 25px; padding: 0px 0px 0px 15px; background: url(../images/Icon_Dots.png) no-repeat left center; } .widgetGrid a { color: #fff; } .widgetGrid a:hover { color: #e26b1d; } /* Search Navigation */ #main { /*margin: 80px auto;*/ position: relative; width: 40px; } * { margin: 0; padding: 0; } #navigationMenu li { list-style: none; /*height:326px; padding:2px;*/ width: 30px; } #navigationMenu a { background: url(../images/navigation.png) no-repeat; height: 167px; width: 30px; display: block; position: relative; } /* General hover styles */ #navigationMenu a:hover span { width: auto; padding: 0 20px; overflow: visible; } #navigationMenu a:hover { text-decoration: none; /* CSS outer glow with the box-shadow property */ -moz-box-shadow: 0 0 5px #b5b599; -webkit-box-shadow: 0 0 5px #b5b599; box-shadow: 0 0 5px #939391; } /* Search Button */ #navigationMenu .search { background-position: 0 0; } #navigationMenu .search:hover { background-position: left top; width: 750px; height: 167px; background-color: #35272b; border-top-right-radius: 1em; border-bottom-right-radius: 1em; } #navigationMenu .search span { -webkit-text-shadow: 1px 1px 0 #99bf31; text-shadow: 1px 1px 0 #99bf31; } /* Navigation Button */ #navigationMenu .navigation { background-position: left -168px; } #navigationMenu .navigation:hover { background-position: left -168px; width: 750px; height: 167px; background-color: #35272b; border-top-right-radius: 1em; border-bottom-right-radius: 1em; } #navigationMenu .navigation span { color: #223a44; -webkit-text-shadow: 1px 1px 0 #44a8d0; text-shadow: 1px 1px 0 #44a8d0; } /* New Menu Style Starts Here */ #menu { list-style: none; padding: 0px 20px 0px 20px; } #menu li { float: left; margin: 26px 0px 0px 0px; margin: 22px 0px 0px 0px\9; padding: 0px 5px 0px 5px; background: #483D39; border-right: 5px solid #35262a; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } #menu li, x:-moz-any-link, x:default { float: left; margin: 21px 0px 0px 0px; margin: 22px 0px 0px 0px\9; padding: 0px 5px 0px 5px; background: #483D39; border-right: 5px solid #35262a; -webkit-transition: background 1s ease-in-out; -moz-transition: background 1s ease-in-out; -o-transition: background 1s ease-in-out; transition: background 1s ease-in-out; } #menu li.selected { background: #ffa200; } #menu li:hover { /* Background color and gradients */ background: #ffa200; background: -moz-linear-gradient(top, #ffa200, #ffa200); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa200), to(#ffa200)); } #menu li a { font-size: 13px; color: #eee; display: block; outline: 0; padding: 0px 5px 0px 5px; text-decoration: none; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; } #menu li:hover a { color: #fff; } #menu li ul li { border: 0px !important; } .dropDownMenu { margin: 0px auto; float: left; position: absolute; left: -999em; /* Hides the drop down */ text-align: left; padding: 8px 5px 0px 5px; /* Gradient background */ background: #3b322f; height: 200px; background: -moz-linear-gradient(top, #3b322f, #3f3531); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b322f), to(#3f3531)); } .dropDownMenu { width: 99%; } #menu li:hover .dropDownMenu { left: 1px; top: auto; z-index: 9999; border-top: 2px solid #ffa200; color: #463b37; } .columns { display: inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .columns .single { display: block; overflow: hidden; width: 250px; height: 125px; } .columns .double { display: block; overflow: hidden; width: 550px; height: 125px; } .columns .triple { display: block; overflow: hidden; width: 775px; height: 125px; } .columns .fourth { display: block; overflow: hidden; width: 1000px; height: 125px; } #menu li:hover div a { font-size: 12px; color: #fff; } #menu li:hover div a:hover { color: #fff; line-height: 27px; margin: 0px 0px 0px -15px; padding: 0px 15px 0px 19px; background: #ffa200 url(../images/Icon_White_Dots.png) no-repeat left center; } #menu li ul { list-style: none; margin: 0 0 12px 0; margin: 8px 0 0 18px; padding: 0px 0 10px 0px; /*background:url(../images/vrDevider.png) repeat-y right center;*/ } #menu li ul li { position: relative; padding: 0; margin: 0; display: block; width: 225px; float: left; line-height: 27px; padding: 0px 15px 0px 15px; background: url(../images/Icon_Dots.png) no-repeat left center; } #menu li ul li:hover { background: none; border: none; padding: 0; margin: 0; width: 225px; padding: 0px 15px 0px 15px; } /******** NEW *******/ #SlideOutOtherTriger { background: url(../images/navigation.png) no-repeat; background-position: 0 0; height: 167px; width: 30px; display: block; position: relative; z-index: 200; cursor: pointer; } #MiddleSplitter { background-color: #d9e3c0; } #ContentSplitter { padding: 5px; background-color: #FFFFFF; margin-left: 10px; margin-top: 4px; } #RightContentSplitter { padding-left: 10px; } .CriteriaDiv { background-color: #ffffff; border-top-left-radius: 1em; border-top-right-radius: 1em; padding: 10px; height: 92%; border: 1px solid #666666; } .sectionhead { color: #423834; font-size: 17px; font-weight: 400; font-family: 'Open Sans','Segoe UI Symbol',Helvetica; padding: 20px 3px 5px 20px; } #CenterLeft { padding-left: 5px; } #CenterLeft .sectionhead { color: #423834; font-size: 14px; font-weight: bold; font-family: 'Open Sans','Segoe UI Symbol',Helvetica; padding: 0px 3px 15px 0px; margin-bottom: 5px; } .ResultDiv { background-color: #FFFEF5; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding: 10px; border: 1px solid #666666; margin-top: -3px; } #CenterLeft .sectionhead { color: #423834; font-size: 14px; font-weight: bold; font-family: 'Open Sans','Segoe UI Symbol',Helvetica; padding: 0px 3px 15px 0px; margin-bottom: 5px; } #CenterLeft .ResultDiv { background-color: #f6f6f6; padding: 10px; margin-bottom: 5px; border-radius: 0; background: #ecede7; /* Old browsers */ background: -moz-linear-gradient(top, #ecede7 0%, #cccdbd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ecede7), color-stop(100%,#cccdbd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ecede7 0%,#cccdbd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ecede7 0%,#cccdbd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ecede7 0%,#cccdbd 100%); /* IE10+ */ background: linear-gradient(to bottom, #ecede7 0%,#cccdbd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecede7', endColorstr='#cccdbd',GradientType=0 ); /* IE6-9 */ border: 1px solid #CCC; } #LookupParent { width: 100%; height: 100%; } #LookupHolder { border-radius: 1em; /*background: #acbe78;*/ background: #efefef; height: 96%; width: 100%; } .LookupFormParant { overflow: auto; height: 100%; width: 100%; margin-right: 20px; } .preloader { height: 50px; width: 50px; background: url(../images/preloader.png) no-repeat center center; } #SouthSplitter { background-color: #000000 !important; color: #fff; padding: 2px 0px 2px 5px; } .rotate { -moz-transform: rotate(270deg); -moz-rotation-point: 0 0; -webkit-transform: rotate(270deg); -webkit-rotation-point: 0 0; rotation-point: 0 0; -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); height: auto; width: auto; position: relative; letter-spacing: 1px; } /************** Breadcrumbs*************/ .breadcrumb { list-style: none; overflow: hidden; font: 11px Helvetica, Arial, Sans-Serif; float: left; } .breadcrumb-page-info { float: left; } .breadcrumb li { float: left; } .breadcrumb li a { color: #FFFFFF !important; text-decoration: none; padding: 5px 0px 5px 40px; background-color: transparent; /* fallback color */ position: relative; display: block; float: left; font-size: 15px; } .breadcrumb li a:after { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid #007785; position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb li a:before { content: " "; display: block; width: 0; height: 0; border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */ border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb li:first-child a { padding-left: 10px; } .breadcrumb li:nth-child(2) a { background: #008a9a; } .breadcrumb li:nth-child(2) a:after { border-left-color: #008a9a; } .breadcrumb li:nth-child(3) a { background: #009eb1; } .breadcrumb li:nth-child(3) a:after { border-left-color: #009eb1; } .breadcrumb li:nth-child(4) a { background: #00b4ca; } .breadcrumb li:nth-child(4) a:after { border-left-color: #00b4ca; } .breadcrumb li:nth-child(5) a { background: #00bed5; } .breadcrumb li:nth-child(5) a:after { border-left-color: #00bed5; } .breadcrumb li:last-child a { background-color: transparent !important; color: black; pointer-events: none; cursor: default; } .breadcrumb li:last-child a:after { border: 0; background: #ede9ea !important; } .breadcrumb li a:hover { background: #527197; } .breadcrumb li a:hover:after { border-left-color: #527197 !important; } .breadcrumb li:last-child a:before { display: none; } #CloseRightForm { right: 20px; position: absolute; } .ErrorDiv { color: red; padding: 2px; font-size: 0.9em; } .fakelink { color: #00f; text-decoration: underline; } .cssmenu li { margin: 0; padding: 0; } .cssmenu a { margin: 0; padding: 0; } .cssmenu ul { list-style: none; margin: 0px; padding: 0px; border: 1px solid #333333; border-radius: 5px; margin-top: 5px; } .cssmenu a { text-decoration: none; } .cssmenu { height: 70px; background-color: #FFFFFF; } .cssmenu li:first-child a { pointer-events: none; font-size: 1em; font-weight: bold; color: #333333; font-family: 'Segoe UI'; } .cssmenu li:first-child { background: #fff url(../Images/subheadbg.jpg) repeat-x; border-radius: 5px 5px 0px 0px; pointer-events: none; } .cssmenu > ul > li { background: #333; /*margin-top: 1px;*/ border-bottom: 1px solid #FFF; padding: 10px 10px; } .cssmenu > ul > li:last-child { border: 0; } .cssmenu > ul > li > a { color: #FFFFFF; font-family: Verdana, 'Lucida Grande'; font-size: 1em; -webkit-transition: color .15s; -moz-transition: color .15s; -o-transition: color .15s; transition: color .15s; } .cssmenu > ul > li > a:hover { color: #fff; } .cssmenu > ul > li > ul { opacity: 0; visibility: hidden; padding: 2px; background-color: rgb(124, 108, 101); text-align: left; position: absolute; left: 50%; margin-left: -150px; width: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); box-shadow: 0px 1px 3px rgba(0,0,0,.4); } .cssmenu > ul > li:hover > ul { opacity: 1; top: 30px; visibility: visible; } .cssmenu > ul > li > ul:before { content: ' '; display: block; border-color: transparent transparent rgb(250,250,250) transparent; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 50%; margin-left: -10px; } .cssmenu > ul ul > li { position: relative; } .cssmenu ul ul a { color: rgb(50,50,50); font-family: Verdana, 'Lucida Grande'; font-size: 12px; background-color: rgb(250,250,250); padding: 5px 8px 7px 16px; display: block; -webkit-transition: background-color .1s; -moz-transition: background-color .1s; -o-transition: background-color .1s; transition: background-color .1s; } .cssmenu ul ul a:hover { background-color: #527197; color: #fff; } .cssmenu ul ul ul { visibility: hidden; opacity: 0; position: absolute; top: -16px; left: 206px; padding: 16px 0 20px 0; background-color: rgb(250,250,250); text-align: left; width: 160px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); box-shadow: 0px 1px 3px rgba(0,0,0,.4); } .cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible; } .captionTd { text-align: right; line-height: 20px; font-weight: bold; font-size: 1em !important; padding-left: 50px !important; padding-right: 15px !important; } .astrick-td { text-align: right !important; line-height: 20px; font-weight: bold; padding-left: 0px !important; padding-right: 0px !important; color: OrangeRed !important; } .WizardDiv .captionTd { text-align: left; line-height: 20px; padding-left: 20px !important; } .FullWidth, .WizardDiv .Table { white-space: normal; text-align: left !important; width: 100%; border-spacing: 0px; border-collapse: collapse; } .FullWidth td, .WizardDiv .Table td { padding: 0px 5px 2px 3px; font-size: 1.1em; } .FullWidth td, .WizardDiv .Table td span { font-size: 0.9em; } .FullWidth td, .WizardDiv .Table td label { font-size: 1em; } .Table { white-space: normal; text-align: left !important; border-spacing: 0px; border-collapse: collapse; } .Table td { padding: 0px 5px 2px 3px; font-size: 1.1em; } .Table-vc { white-space: normal; text-align: left !important; border-spacing: 0px; border-collapse: collapse; } .Table-vc td { padding: 0px 5px 2px 3px; font-size: 12px; padding-right: 0px !important; } .Table-summary { white-space: normal; text-align: left !important; width: 100%; border-spacing: 0px; border-collapse: collapse; } .Table-summary td { padding: 0px 5px 2px 3px; font-size: 1em; } #CenterLeft > ul { margin-top: 25px; } #LookupName { margin-top: 5px; } #LookupFormTitle { padding: 10px 10px 15px 15px; font-weight: bold; font-size: 1.4em; } .highlighted { background-color: #6c9cc6 !important; } .centerleft-fieldset { padding: 5px; margin: 5px 0px 5px 0px; } .centerleft-legend { font-weight: bold; border: 1px solid #333333; padding: 3px; background: #fffef5; color: #333333; } .literal { } .org-image { background: url(../Images/org-out.png); width: 15px; height: 90px; float: right; top: -430px; position: relative; left: 25px; } .lookups-image { background: url(../Images/lookups-out.png); width: 15px; height: 120px; float: right; top: 14px; position: absolute; right: -16px; } .navigator-image { background: url(../Images/navigator-out.png); width: 15px; height: 120px; float: right; top: 14px; position: absolute; right: 25px; } .navDiv { background-color: #efefef; border-top-left-radius: 1em; border-top-right-radius: 1em; padding: 10px; height: 92%; border: 3px solid #255b88; } .dashboardContainer { width: 100%; } .dashboardContainer div { margin: 3px; } .ChartConfig { display: none; } .btnLookupChartConfig { background: url(../Images/setting.png); width: 20px; } .CheckBoxListGap { padding-left: 10px; } .SelectedCheckBox { background: url(../Images/CheckedBox.gif); background-repeat: no-repeat; height: 20px; width: 20px; } .UnSelectedCheckBox { background: url(../Images/UnCheckedBox.gif); background-repeat: no-repeat; height: 20px; width: 20px; } .WizardStepHeading { background-color: #297378; color: #FFFFFF; width: 100%; padding: 5px 10px !important; font-size: 1em !important; font-family: 'Segoe UI'; } .WizardStepHeadingsummary { background-color: #297378; color: #FFFFFF; padding: 5px 10px !important; font-size: 1em !important; font-family: 'Segoe UI'; text-align: right; padding-right: 20px !important; } legend { font-family: 'Segoe UI'; font-size: 14px; font-weight: bold; color: #333333 !important; } fieldset { font-family: 'Segoe UI'; font-size: 13px; padding: 10px; } fieldset a { color: #333333; } .StaticTextWrapping { float: left; } .boxdiv { border: 1px solid #333333; margin-top: 5px; font-size: 1em; color: #333333; padding: 5px; } .boxborder { background-repeat: repeat-x; background-position: bottom; border: #00496c 1px solid; background-color: #FFFFFF; border-spacing: 0px; margin-top: 5px; border-top: none; border-radius: 5px; border: 1px solid #333333; border-top: none; width: 100%; } .leftMenuHeading { height: 45px; color: #333333; text-align: left; font-weight: bold; overflow: visible; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 5px; background: #fff url(../Images/subheadbg.jpg) repeat-x; border-top: 1px solid #333333; font-family: 'Segoe UI'; border-radius: 5px 5px 0px 0px; font-size: 1em; padding-left: 15px; } .leftMenuTxt { height: 45px; color: #FFFFFF; padding: 0px; text-align: left; overflow: visible; line-height: 18px; border-top: 1px solid #FFFFFF; background-color: #343434; padding-left: 15px; } .leftMenuTxt a { font-weight: normal; font-family: 'Segoe UI'; font-size: 11pt; color: #FFF; text-decoration: none; color: #FFFFFF; } .marg-top-5 { margin-top: 5px; } .marg-top-10 { margin-top: 10px; } .employer-grid-head { background: #58999d; text-align: center; font-family: 'Segoe UI'; font-size: 16px; color: hsl(0, 100%, 100%); padding: 3px 0px !important; border: 1px solid hsl(0, 0%, 20%); } .employer-grid-text { background: #FFFFFF; text-align: center; font-family: 'Segoe UI'; font-size: 14px; color: #333333; padding: 5px 0px !important; border: 1px solid hsl(0, 0%, 20%); } .section-info { border-spacing: 20px !important; border-collapse: separate !important; width: 100%; } .employer-table { padding: 0px !important; border-spacing: 0px; border-collapse: collapse; width: 100%; } .employer-table td { border: 1px solid #333333; padding: 5px 10px; text-align: center; font-family: 'Segoe UI'; font-size: 1em; color: #333333; } .payment-td { background: #58999d; color: #FFFFFF !important; font-size: 14px !important; } .bold-td { font-weight: bold !important; } .ReqInformation { color: OrangeRed !important; margin-left: -13px; padding-right: 5px; float: left; margin-top: 3px; } .ReqInformationNextToControl { color: OrangeRed !important; padding-right: 5px; margin-top: 3px; } .ReqInformationWithoutMargin { color: OrangeRed !important; float: left; } .RightAlignedNormalLabel { text-align: right; font-weight: normal; line-height: 20px; *display: inline-block; float: right; padding-right: 15px; } .LeftAlignedRadibuttonList { float: left; } .alignleft { text-align: left !important; } .aligncenter { text-align: center !important; } .alignright { text-align: right !important; } .marg-top-none { margin-top: 0px !important; border-radius: 0px 0px 5px 5px !important; } .HideControl { display: none; } .LeftAlignedNormalLabel { text-align: left; font-weight: normal; line-height: 20px; *display: inline-block; margin-left: 5px; } .width-50 { width: 50% !important; } .no-border { border: none !important; } .v-align-top { vertical-align: top; } #GlobalMessageDiv { padding: 5px; font-weight: bold; margin-top: 5px; box-shadow: 2px 2px 4px 1px #333333; } .GlobalMessage { background: #1e848b !important; color: #ffffff !important; } .GlobalError { color: red !important; border: 1px solid red; } .tableStyle { border-spacing: 0px; margin-left: 80px !important; margin-right: 10px !important; } .ItemstableStyle { border-spacing: 0px; } .tableBorder { border-spacing: 0px; padding: 0; } .tdStyle { border: 1px solid black; padding: 1px 10px 5px 20px; font-size: 12px; } .lineLeftBottom { border-left: 3px solid red; border-bottom: 3px solid red; } .lineBottom { border-bottom: 3px solid red; } .lineLeft { border-left: 3px solid red; } .minus { left: -55px; top: 20px; position: relative; background: url(../images/minus.jpg) !important; height: 9px; width: 9px; display: block; } .plus { left: -55px; top: 20px; position: relative; background: url(../images/plus.jpg) !important; height: 9px; width: 9px; display: block; } span { margin: 0px; padding: 0px; } .case:before { content: url(../images/case.png) !important; position: absolute !important; margin-left: -40px !important; } .default:before { content: url(../images/default.png) !important; position: absolute !important; margin-left: -40px !important; } .switch:before { content: url(../images/switch.png) !important; position: absolute !important; margin-left: -40px !important; } .return:before { content: url(../images/return.png) !important; position: absolute !important; margin-left: -40px !important; } .foreach:before { content: url(../images/foreach.png) !important; position: absolute !important; margin-left: -40px !important; } .foreach .ValueSpan { border-radius: 5px; padding: 5px; position: relative; top: -15px; right: -11px; } .actions:before { content: url(../images/icon.png) !important; position: absolute !important; margin-left: -40px !important; } .calldecisiontable:before { content: url(../images/calldecisiontable.png) !important; position: absolute !important; margin-left: -40px !important; } .ValueSpan { font-weight: bold; margin-right: 10px; color: #fff; padding: 3px; background-color: #555050; } .DecisionTable { } .DecisionTable td, .DecisionTable th { padding: 5px; border: solid 1px black; font-size: 13px; } .case_table .tdStyle { background-color: #feebc0; } .default_table .tdStyle { background-color: #feebc0; } .switch_table .tdStyle { background-color: #fff468; } .return_table .tdStyle { background-color: #77dde5; } .HighLightTable .tdStyle { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfd310), to(#b9cd12)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #b9cd12, #bfd310); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #b9cd12, #bfd310); /* IE 10 */ background: -ms-linear-gradient(top, #b9cd12, #bfd310); /* Opera 11.10+ */ background: -o-linear-gradient(top, #b9cd12, #bfd310); } .FirstTD { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } .LastTD { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } .LoopNavigator { font-size: 15px; font-weight: bold; padding: 5px; margin: 5px; background-color: aqua; cursor: pointer; } .SelectedLoopStep { background-color: #bfd310 !important; } .HighLightDecisionCell { background-color: #fffd5f; } .dif { background-color: #dcd61e; } .dreturn { background-color: #ffcc57; } .dreturnheader { background-color: #d2960c; } .dcolheader, .drowheader { /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ccc50d), to(#f2ec34)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #f2ec34, #ccc50d); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f2ec34, #ccc50d); /* IE 10 */ background: -ms-linear-gradient(top, #f2ec34, #ccc50d); /* Opera 11.10+ */ background: -o-linear-gradient(top, #f2ec34, #ccc50d); } .marg-left-11 { margin-left: 11px !important; } .marg-left-8 { margin-left: -8px !important; } .marg-left-13 { margin-left: 13px !important; } .pad-left-12 { padding-left: 12px !important; } .pad-left-14 { padding-left: 14px !important; } .full-width { width: 100% !important; } .width-24 { width: 24% !important; } .wagesummaryLabel { font-weight: bold !important; } .autoWidth { width: auto !important; } .center-table { width: 100%; } .center-table td { width: 50% !important; text-align: right !important; padding-right: 0px !important; } .center-table td:last-child { text-align: left !important; } .no-right-margin { margin-right: 0px !important; } .center-table td input[type="button"] { margin-right: 0px; } .refund-table { white-space: normal; text-align: left !important; border-spacing: 0px; border-collapse: collapse; } .refund-table td { padding: 0px 5px 2px 3px; font-size: 12px; } .refund-table tr:first-child td { text-align: center !important; } .refund-table td:first-child { text-align: center !important; } .refund-table td:last-child { text-align: left !important; } .small-td { width: 77% !important; font-weight: bold !important; } .wage-table { width: 100%; white-space: normal; text-align: left !important; border-spacing: 0px; border-collapse: collapse; } .wage-table td { padding: 0px 5px 2px 3px; font-size: 15px; } .bold-font { font-weight: bold !important; } .Table-Grid { white-space: normal; text-align: left !important; border-spacing: 0px; border-collapse: collapse; width: 600px; } .Table-Grid td { padding: 5px 5px 5px 5px !important; font-family: "Segoe UI" !important; font-size: 14px !important; border: 1px solid #333333; } .Table-Grid-Header { background: #066f9f; padding: 5px 5px 5px 5px !important; font-family: "Segoe UI" !important; font-size: 13px !important; color: #ffffff; border: 1px solid #333333; } .CellPadding-50 { padding-left: 50px !important; } .NotesBox { height: 80px !important; width: 340px !important; text-wrap: normal !important; } .LeftAlignedLabel { float: left; font-size: 0.9em !important; } .ext-box { width: 70px; } select { font-size: 12px; font-family: 'Helvetica', sans-serif; padding: 2px .3em; } textarea { font-size: 15px !important; font-family: Verdana !important; } .fleft { float: left !important; } .TableCaption { font-weight: bold !important; text-align: right !important; width: 150px !important; } .TableCaptionValue { width: 220px !important; } .TableCaption-two-column { font-weight: bold !important; text-align: right !important; width: 160px !important; } .TableCaptionValue-two-column { /* width:200px !important;*/ } .TableCaption-four-column-one { font-weight: bold !important; text-align: right !important; width: 60px !important; } .TableCaption-four-column-two { font-weight: bold !important; text-align: right !important; width: 50px !important; } .TableCaptionValue-four-column-one { width: 50px !important; } .TableCaptionValue-four-column-two { width: 175px !important; } .linkview { color: #333333 !important; text-decoration: underline !important; } #tblBusiEmpInfo td { padding: 0px 5px 10px 3px !important; } .non-center { margin: 0px !important; display: inline !important; } #errorWindow legend { font-size: 1em; } #errorWindow table td { font-size: 0.9em; } .notify { width: 30px; height: 30px; border: 1px solid #333333; border-radius: 3px; background: url('../Images/save.gif') no-repeat center #e6e7e8; font-size: 0.8em; } select { height: 30px; border: 1px solid #474747; border-radius: 3px; background: #e5f1f7; border: 1px solid #94c0d2; color: #003f59; } select:hover { background: #a6e0f9; } option:focus { background: red; } option:hover { background: #2b7898; color: #FFFFFF; } .width-100 { width: 100% !important; } .ddlConState { visibility: visible !important; } .ddlConCountry { visibility: visible !important; } .ddlSecConState { visibility: visible !important; } .ddlSecConCountry { visibility: visible !important; } .ddlELAState { visibility: visible !important; } .ddlELACountry { visibility: visible !important; } .ddlMAState { visibility: visible !important; } .ddlMACountry { visibility: visible !important; } .ddlStateOOI { visibility: visible !important; } .ddlConState { visibility: visible !important; } .ddlConState { visibility: visible !important; } .ddlCountryOOI { visibility: visible !important; } .ErrorLink { color: red; padding: 2px; font-size: 0.9em; } .HighlightError { border: 2px solid red; } #ltrReqForPass { font-weight: bold !important; } #ltrReqForUserName { font-weight: bold !important; } #ltrReqInfoOne { margin-left: 20px; } #ltrReqInfoTwo { margin-left: 20px; } #ltrReqInfoThree { margin-left: 20px; } #ltrReqInfoFour { margin-left: 20px; } #ltrReqInfoFourOne { margin-left: 30px; } #ltrReqInfoFourTwo { margin-left: 30px; } #ltrReqInfoFourThree { margin-left: 30px; } #ltrReqInfoForPassOne { margin-left: 20px; } #ltrReqInfoForPassTwo { margin-left: 20px; } #ltrReqInfoForPassThree { margin-left: 20px; } .HomePageMsg { color: black; font-size: 15px; font-weight: bold; height: 200px; vertical-align: baseline; } .associated-id { position: absolute; margin-top: -27px; border: none !important; } .associated-id table td:first-child { padding-left: 0px !important; } #tblFileUpload .k-datepicker { width: 200px !important; } .s-textbox { text-indent: 0.16em; height: 20px !important; color: #003f59; background-color: #FFFFFF; border: 1px solid #878788; border-radius: 4px; font-size: 100%; padding: 2px .3em; } .k-i-calendar { margin-top: -5px !important; } .k-numerictextbox .k-link { height: 10px !important; } .k-numerictextbox .k-icon { height: 13px !important; } .k-datepicker, .k-numerictextbox { border: 0px !important; padding: 0px !important; } .k-picker-wrap, .k-numeric-wrap { background: #FFF !important; border: 1px solid #878788 !important; } .ui-datepicker-trigger { background: url('../Images/calender.png') !important; width: 15px; height: 18px; margin-left: 3px; position: absolute; content: url("../Images/calender.png") !important; } .width-150 { width: 150px !important; } .ui-datepicker-trigger .ui-state-default { background: none !important; } #wfmrptEmployerFileSubmissionReport table { width: auto !important; } .disabledHide { display: none !important; } .validator-error { color: red; } .ui-datepicker-next { background: url('Images/calendar-next.png') no-repeat center; right: 0px; cursor: pointer; } .ui-datepicker-next:hover { background: url('Images/calendar-next.png') no-repeat center !important; outline: 0; border: 0px !important; } .ui-datepicker-prev { background: url('Images/calendar-prev.png') no-repeat center; left: 0px; cursor: pointer; } .ui-datepicker-prev:hover { background: url('Images/calendar-prev.png') no-repeat center !important; outline: 0; border: 0px !important; } .left-menu-table { width: 95%; margin: 0 auto; } .wage-file-status-table .k-grid table { border-collapse: collapse; } .wage-file-status-table .k-grid td { border-width: 1px !important; } .wage-file-status-table table td { width: 15%; } .wage-file-status-table table td:nth-child(6) { width: 40%; } .no-left-pad { padding-left: 0px !important; } .bullet-list .literal { list-style-type: disc; display: list-item; margin-left: 30px; } .error-div { color: red; } .time-hidden-grid .fluid-table tr td:last-child, .time-hidden-grid .fluid-table tr th:last-child { display: none; } .SurveyLink > a { font-weight: bold; } .DuplicateFEIN { float: left; font-weight: bold; margin-right: 20px; } .owener-officer-table .ReqInformation { float: none; } .owener-officer-table .browse-control .ReqInformation { float: left; } .PurchaseInformationTable td:first-child { width: 75%; } .poa-font-table .captionTd { font-weight: normal !Important; } .poa-bullets { font-size: 22px !Important; position: relative; top: 4px; } .Initial-QuestionTD { Padding-left: 20px !important; position: relative; } .PFLEmployerDetails td:nth-child(odd) { text-align: right; } .textRight { text-align: right !important; padding-right: 10px !important; } .ela-table td > label[style="visibility:hidden"] { margin-left: 4px; } .ela-table tr:nth-child(3) td:nth-child(2) label { margin-left: -7px !important; } .add-business-info-table tr:nth-child(3) td:first-child, .add-business-info-table tr:nth-child(4) td:first-child, .add-business-info-table tr:nth-child(5) td:first-child { /* background: red; */ width: 50% !important; text-align: right; padding-right: 10px; } .margin-left-2 { margin-left: -1px; } .margin-left-A2 { margin-left: 2px; } .margin-left-cm { margin-left: -1px; } .FullWidth-Table { width: 100% !important; } .TwoCellRow-Table { width: 100% !important; } .TwoCellRow-Table td:nth-child(odd) { text-align: right !important; padding-left: 0px !important; font-weight: bold; padding-right: 5px !important; vertical-align: middle; font-size: 13px; } .TwoCellRow-Table .req-field { position: absolute; margin-left: -9px; padding-right: 5px; color: OrangeRed !important; } .TwoCellRow-Table td { width: 50%; padding: 0px 5px 5px 13px !important; } .RightLable { float:right; } .PFLAgentDetails{ width: 100% !important; } .PFLAgentDetails table td{ border-style: solid; border-width: 0 0 0 1px; padding: .4em .6em !important; line-height: 1.6em; vertical-align: middle; white-space: nowrap !important; } .PFLAgentDetails table tr:nth-child(even) td { background: #f1f1f1; } .PFLAgentDetails table td:nth-child(2) a { text-align: center !important; } .PFLAgentDetails table td:nth-child(8) { text-align: right !important; } .LiteralBold { font-weight:bold; } .login-details { padding: 9px; float: left; width: 100%; } .login-details span:first-child { float: left; } .login-details span:not(first-child) { float: right; margin-right: 10px; } *for UI Standards*/ /*100% width of table*/ .FullWidth-Table { width: 100% !important; } /*Caption field right Align*/ .FullWidth-Table .captionTd { padding-right: 2px !important; text-align: right !important; padding-left: 0px !important; vertical-align: top; } .FullWidth-Table td { padding: 0px 5px 5px 3px; } .FullWidth-Table .ReqInformation { margin-left: 0px !important; position: static !important; padding-right: 0px !important; float: right !important; }