/* Minification failed. Returning unminified contents. (3855,23): run-time error CSS1038: Expected hex color, found '#fff ' (3859,23): run-time error CSS1038: Expected hex color, found '#258DC8 ' (3909,23): run-time error CSS1038: Expected hex color, found '#A8B500 ' */ /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Accordion 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Autocomplete 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Menu 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Button 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Datepicker 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Dialog 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Progressbar 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Resizable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Selectable 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Slider 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI Tabs 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * Note: While Microsoft is not the author of this file, Microsoft is * offering you a license subject to the terms of the Microsoft Software * License Terms for Microsoft ASP.NET Model View Controller 3. * Microsoft reserves all other rights. The notices below are provided * for informational purposes only and are not the license terms under * which Microsoft distributed this file. * * jQuery UI CSS Framework 1.8.7 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; border-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, 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: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(/Content/themes/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(/Content/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/Content/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; 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 #79b7e7; background: #d0e5f5 url(/Content/themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } .ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/Content/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(/Content/themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Content/themes/redmond/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/Content/themes/redmond/images/ui-icons_469bdd_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_469bdd_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(/Content/themes/redmond/images/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_f9bd01_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/themes/redmond/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(/Content/themes/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* $1. GENERIC CONTROLS -------------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } * { margin: 0px; padding: 0px; } body { background-color: #f1f1f2; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; } .left { float: left !important; text-align: left; width: auto; } .clr { clear: left; height: 1px; width: 100%; } .clrLeft { clear: left !important; } .cen { display: block; margin: 0 auto; text-align: center; } a, img { border: none; text-decoration: none; } img a:hover { border: none; outline: none; background-image: none; } .right { float: right; } .strong { font-weight: bold; } h1, h2, h3, h3.large, h4, h5, h6, p, li { color: #00337f; } h1 { font-size: 18px; color: #00337f; } h2 { font-size: 16px; margin-bottom: 10px; color: #00337f; } .title h2, .TabHeadingarea h2 { color: #fff !important; } .title h2 { padding: 5px 0px 0px 5px; } .editor h2 { margin-top: 30px; } h3 { font-size: 14px; color: #003683; } h3.large { font-size: 18px; font-style: italic; font-weight: lighter; } h5, h6 { font-size: 11px; font-style: italic; font-weight: lighter; } h6 { border-top: dashed 1px #333; display: block; font-size: 15px; font-weight: normal; width: 99%; padding-top: 10px; } p, li { color: #404041; font-size: 12px; line-height: 20px; } li { margin-bottom: 10px; } p { padding: 7px 0px 7px 0px; } #breadcrumb li { font-size: 12px; } h4 { font-size: 18px; line-height: 20px; margin-bottom: 10px; } p.right { font-size: 12px; margin-bottom: 0px; } section, div { zoom: 1; } .container { background-color: White; width: 960px; margin: 0 auto; } #main { background-color: white; clear: both; margin: 0 auto; width: 940px; } .padbot { padding-bottom: 10px !important; } .padtop { padding-top: 10px !important; } legend + .editor { margin-top: 10px; padding-left: 10px; } hr { margin-bottom: 10px; } input, select { height: 16px; padding: 3px; } .editor-field select { float: left; } .labpad { display: block; padding: 10px; } .mb { margin-bottom: 15px; } .editor h2 { margin: 20px 10px 0px 0px; } .editor .editor-label h2, .editor-field h2 { margin-left: 0px; margin-top: 0px; } p input { margin-left: 10px !important; } input#CandidateId { min-width: 90px !important; } input#candidate_SpecialRequirement_Amount { min-width: 60px !important; width: 60px !important; } .red, .Red { color: Red; } .green, .Green { color: Green; } span.Green { font-weight: bold; } ul { margin-left: 18px; } li { margin-bottom: 5px; } nav ul, menu ul { margin-left: 0px; } nav li, menu li { margin-bottom: 0px; } tbody td.redColor { background-color: #F55252 !important; } .green { background-color: green !important; } .red { background-color: red !important; } tfoot { font-size: 12px; background: #83B2DB; font-weight: bold; } tfoot td { border: 1px solid #ccc; } table { width: 100%; table-layout: fixed; border-spacing: 1px !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } table td { word-wrap: break-word; vertical-align: top; } /* All form elements showing Focus on Tab order (This is done for Browser compatibility. Please do not change this)*/ input:focus, textarea:focus { /*-webkit-box-shadow:0 0 5px #286eb5 !important;-moz-box-shadow:0 0 5px #286eb5!important;border:solid 2px #286eb5;} select:focus {-moz-border-radius:6px !important;-webkit-border-radius:6px !important;border-radius:6px !important; border:solid 2px #286eb5!important;*/ border-width: 2px; border-style: solid; padding: 3px; } input[type="checkbox"]:focus, input[type="radiobutton"]:focus { outline: 2px solid #286eb5 !important; } .LoginButtonDiv { float: left; width: 100%; } /* Generic links and buttons */ a, a:visited, .clk { color: black; text-decoration: none; font-weight: bold; } a:hover, .clk:hover { color: black; text-decoration: underline; cursor: pointer; font-weight: bold; } .gradlight a:hover { color: black; } a.btn:hover { font-weight: normal; } /* $2. PARENT BLOCKS-------------------------------------------------*/ .container { width: 960px; margin: 0 auto; background-color: White; } header { width: 960px; background: url("/Content/images/headerbg.gif") repeat-x center left; height: 120px; } #account { float: right; text-align: right; } .TwoThirds { float: left; margin-right: 10px; width: 640px; } .OneThird { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float: left; width: 286px; } .TwoThirdsRight { float: right; width: 624px; } .OneThirdLeft { float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 260px; margin-right: 20px; clear: left; } .boxThree { float: left; width: 280px; margin-right: 10px; } .editor-collection { clear: both; margin-left: 80px; } .TwoThirds div.area { width: 610px; } .main { float: left; width: 940px; margin-left: 10px; } .gradlight, .OneThirdLeft fieldset { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 1px #ccc; background: #f1f0f0; background: -webkit-linear-gradient(top, #ffffff, #f1f0f0); background: -moz-linear-gradient(top, #ffffff, #f1f0f0); box-shadow: 4px 4px 4px #999; } footer { clear: left; color: #404041; font-size: 11px; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width: 960px; margin: 20px auto; } /* $3. HEADER -------------------------------------------------*/ /* IMPORTANT! 20/2/13 - Because the portal has top links but admin doesn't we can't use the same rules on both sections any longer */ header aside { float: left; width: 435px; } header section { float: left; margin: 0px 10px 0px 0px; width: 510px; } header section aside { float: left; height: 30px; text-align: right; width: 100%; } header section aside select { float: right; font-size: 12px; height: 24px; width: auto; margin: 5px 3px; padding: 1px !important; color: #6D6E70; border: 1px solid #D0D2D3; background: #fff; min-width: 111px!important; } header section aside span { position: relative; top: 5px; font-size: 12px; } header section div p { display: inline; float: right; width: auto; } header section div img { position: relative; top: 4px; } header section aside a { color: #333; font-size: 12px; text-decoration: none; } header section section { clear: left; float: left; font-family: Arial, Helvetica, sans-serif; } header section section p { padding: 10px 10px 0px 0px; text-align: right; } header section section p img { position: relative; top: 5px; } /*header section a:hover {color:Red;}*/ header section aside div { } header section aside section { clear: left; float: right; font-size: 12px; width: auto; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 14px 0px 5px 210px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 26px; } header .logo { background-image: url('/content/images/apmginterlogo.gif'); background-repeat: no-repeat; } /* $4. CONTENT -------------------------------------------------*/ /* Breadcrumb */ #breadcrumb { float: left; width: 100%; } #breadcrumb ul { width: 100%; margin-left: 0px; } #breadcrumb li { float: left; list-style-type: none; width: auto; background: url("/Content/images/bread-arrow.png") no-repeat center left; margin-right: 5px; padding-left: 20px; } #breadcrumb li.home { background: none; padding-left: 0px; } #breadcrumb li.last { font-weight: bold; } /* Gradients for headers */ .gradlight h1, .gradlight h2, .gradlight h3, .gradlight h4, .gradlight p, .gradlight ul { padding: 10px 10px 0px 10px; } .gradlight h2 { -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: normal; padding: 5px 0px 5px 10px; color: white; } .title { background: url("/Content/images/table-headerBG.png") repeat-x scroll bottom left #3e90e2; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 1px 0px 5px 10px; box-shadow: 0px 2px 2px #999; height: 30px; } .title legend, .title .ui-widget-header legend { font-size: 14px; font-weight: bold; color: #fff !important; margin-left: 0px; padding: 0px; } /* New CSS menu - Seperate lines to clearly see the rules for broswers and effects */ header nav { clear: left; float: left; width: 960px; } header section nav { clear: both; float: left; margin-bottom: 10px; } #menu, #menu ul { margin: 0; padding: 0; list-style: none; } #menu { width: 960px; margin: 10px auto; border-bottom: 1px solid #666; background-color: #00337f; float: left; } #menu:before, #menu:after { content: ""; display: table; } #menu:after { clear: both; } #menu { zoom: 1; } #menu li { float: left; border-right: 1px solid #929497; position: relative; margin-bottom: 0px; } #menu a { float: left; padding: 10px 12px 9px 12px; color: white; text-transform: capitalize; font: bold 13px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #666; border-bottom: 1px solid #555; } #menu li:hover > a, #menu li:hover, #menu li.dropdown ul li { color: white; background-color: #164a97; } #menu li.dropdown ul li:hover { background-color: #00337f !important; } #menu li.dropdown ul li a { background: transparent !important; } *html #menu li a:hover { /* IE6 only */ color: #fafafa; } #menu ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 35px; left: 0; z-index: 99999; background: #0066b5; background: linear-gradient(#444, #111); box-shadow: 0 -1px 0 rgba(255,255,255,.3); border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #menu ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ box-shadow: -1px 0 0 rgba(255,255,255,.3); } #menu ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ border-bottom: solid 1px white; } #menu ul li:last-child { box-shadow: none; } #menu ul a { padding: 10px 15px; width: auto; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; } #menu ul a:hover { background-color: #0186ba; background-image: linear-gradient(#04acec, #0186ba); } #menu ul li:first-child > a { border-radius: 3px 3px 0 0; } #menu ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; } #menu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; } #menu ul li:first-child a:hover:after { border-bottom-color: #04acec; } #menu ul ul li:first-child a:hover:after { border-right-color: #0299d3; border-bottom-color: transparent; } #menu ul li:last-child > a { border-radius: 0 0 3px 3px; } #menu-trigger { /* Hide it initially */ display: none; } /* Tablet Styling for Menu */ @media screen and (max-width:600px) { #menu-wrap { position: relative; } #menu-wrap * { box-sizing: border-box; } #menu-trigger { display: block; /* Show it now */ height: 40px; line-height: 40px; cursor: pointer; padding: 0 0 0 35px; border: 1px solid #222; color: #fafafa; font-weight: bold; background-color: #111; /* Multiple backgrounds here, the first is base64 encoded */ background: url(data:image/png;base64,iVBOR...) no-repeat 10px center, linear-gradient(#444, #111); border-radius: 6px; box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; } #menu { margin: 0; padding: 10px; position: absolute; top: 40px; width: 100%; z-index: 1; display: none; box-shadow: none; } #menu:after { content: ''; position: absolute; left: 25px; top: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #444; } #menu ul { position: static; visibility: visible; opacity: 1; margin: 0; background: none; box-shadow: none; } #menu ul ul { margin: 0 0 0 20px !important; box-shadow: none; } #menu li { position: static; display: block; float: none; border: 0; margin: 5px; box-shadow: none; } #menu ul li { margin-left: 20px; box-shadow: none; } #menu a { display: block; float: none; padding: 0; color: #999; } #menu a:hover { color: #fafafa; } #menu ul a { padding: 0; width: auto; } #menu ul a:hover { background: none; } #menu ul li:first-child a:after, #menu ul ul li:first-child a:after { border: 0; } } @media screen and (min-width: 600px) { #menu { display: block !important; } } /* iPad styling for menu */ .no-transition { transition: none; opacity: 1; visibility: visible; display: none; } #menu li:hover > .no-transition { display: block; } #menu img { position: relative; right: 8px; top: 3px; } #menu li.dropdown, #menu li.dropdown:hover { background: url(/Content/images/nav-arrow.png) no-repeat 0px 4px !important; } #menu li.dropdown a { text-indent: 10px; background: transparent !important; } /* $4a Area and Tables */ div.area.login { padding: 0px; margin-right: 20px; width: 610px; border: 1px solid #286eb5 !important; } div.area.noPadding { width: 97%; border: 1px solid #286eb5 !important; padding: 0px 0px 10px 0px !important; } table { border-collapse: initial; } td { font-family: Arial, Helvetica, sans-serif; padding: 8px; } thead { background-color: #9ba0bb; color: #fff; font-weight: bold; } tbody tr:nth-child(even) { background: #efeeee; } tbody tr:nth-child(odd) { background-color: #f9f9f9; } tbody tr:hover { background-color: #e9eef2; } tbody td { /*border:1px solid #ccc;*/ font-size: 12px; } th { background: url("/Content/images/table-headerBG.png") repeat-x scroll bottom left #3e90e2; color: #fff; box-shadow: 0px 2px 2px #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px 5px !important; text-align: left; word-wrap: break-word; } .showHideCheckbox tbody tr:nth-child(n+1) { background: #f9f9f9; } table { width: 100%; overflow: scroll; } /* For tables that have too much content to fit - Wrap the table in this div */ .scrollable { overflow: auto; width: 900px; } .grid { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; } .grid p { padding: 7px 7px 7px 7px; } .halfsizegrid { width: 462px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; background-color: #fff; margin-bottom: 10px; } .editor-field .editor-field { margin-left: 0px; } input { font-size: 12px; padding: 3px; margin-right: 6px; } select { min-width: 217px; width: 217px; } input#searchSubmit { min-width: 85px; } .datePicker { background: #fff; } .req { color: #f33; margin-left: 2px; } .req.requiredif { display: none; } .FormForgot { margin-bottom: 0px; padding-top: 4px; } #pagesize { float: right; width: auto; /* Any float always needs width mentioned */ } a.editperson { /*background: url(/Content/images/edit_user.png) no-repeat left center;padding:28px;*/ } .editor-group { border-bottom: 1px dotted #666; margin-bottom: 12px; padding-bottom: 12px; } .scrollableCheckBoxList label { display: block; padding: 0px 5px; } /* For buttons needing to be on one line */ .buttonOneLine { clear: both; float: left; width: 99%; } /* Timeline - Images pointing to my server until I get approval for the images */ .timelineWrapper { float: left; clear: both; width: 914px; margin-bottom: 5px; padding: 12px 12px 0px 12px; } #BookingTimeLine { clear: both; float: left; width: 100%; } #BookingTimeLine span { font-size: 14px; font-weight: bold; } #BookingTimeLine label { } #BookingTimeLine .left { margin-top: 5px; border: #ddd solid 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; background-color: #f1f1f1; } #BookingTimeLine .right { width: 830px; } #BookingTimeLine .Heading h2 { color: #fff !important; font-size: 18px; } #BookingTimeLine .Heading { padding: 10px 0px 5px 10px; color: #fff !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; height: 25px; width: 100%; background-color: #2a64b0; } .infoLinkText { text-decoration: underline; font-size:inherit; background-image: url('/Content/Images/infolink.jpg'); background-repeat: no-repeat; padding-left: 26px; padding-bottom: 5px; background-position: 2px 0; float: left; } #infoLink { float: right; width: auto; margin-right: 18px; } #bookingConfirmedBy { float: right; width: auto; margin-right: 18px; } #bookingCreatedBy { float: right; width: auto; margin-right: 18px; } #bookingID { float: right; width: auto; margin-right: 18px; } #bookingID p, #lockdown p, #ATOName p, #bookingCreatedBy p, #bookingConfirmedBy p { margin-bottom: 0px; line-height: 12px; margin-top: 5px; color: #900; } #bookingID label, #lockdown label, #ATOName label, #bookingCreatedBy label, #bookingConfirmedBy label { font-weight: bold; } .left #ATOName { float: right; width: auto; } #lockdown { float: right; width: auto; margin-right: 18px; } #Timezone { float: right; margin-right: 18px; width: auto; } #estimated-delivery-date { float: right; margin-right: 18px; width: auto; } ul.timeline { width: 100%; clear: both; margin: 5px 0px 0px -20px; list-style-type: none; float: left; } ul.timeline li { float: left; width: 87px; text-align: center; min-height: 60px; background: url(/Content/images/backline-center-notick.png) no-repeat -139px 14px; line-height: 14px; margin-bottom: 0px; } ul.timeline li img { float: left; clear: both; margin: 5px 0px; width: auto; } ul.timeline li div { margin-left: 6px; float: left; font-weight: bold; width: 125px; } ul.timeline li label { padding-top: 5px; float: left; margin: 0 auto; position: relative; z-index: 10; font-weight: bold; width: 125px; } ul.timeline li div span { width: 61px; margin-top: 65px; float: left; font-weight: bold; font-size: 11px; font-weight: normal; margin-left: 32px; } ul.timeline li.first { background: url(/Content/images/backline-left-notick.png) no-repeat 36px 14px; } ul.timeline li.last { background: url(/Content/images/backline-right-notick.png) no-repeat -59px 14px; } .TimelineLeftLabel { float: left; width: auto; color: #00337f !important; font-weight: bold; } .TimelineLeftValue { width: auto; font-size: 12px; padding: 20px 0px 0px 0px; } .oddTimelineItem { margin-top: 40px !important; color: #00337f !important; font-weight: bold; } .evenTimelineItem { color: #00337f !important; font-weight: bold; } /* Completed on timeline */ ul.timeline li.complete { background: url(/Content/images/backline-center.png) no-repeat -37px 14px; } ul.timeline li.first.complete { background: url(/Content/images/backline-left.png) no-repeat 54px 14px; } ul.timeline li.last.complete { background: url(/Content/images/backline-right.png) no-repeat -52px 14px; } /* Popup button positions */ #dialog-buttons input, #dialog-buttons button { outline: none !important; } .content p a, a:visited { font-weight: normal; } /* Until we know how long the characters are for the longest foreign language this will probably need tweaking until we know */ .searchwrapDates { clear: both; min-width: 77%; width: 77%; padding: 10px 10px 15px 10px; border: solid 1px #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; height: 35px; } .searchwrapDates label, .searchwrapDates input, .searchwrapDates span { float: left; width: auto; margin-right: 10px; } .searchwrapDates label, .searchwrapDates span, .searchwrapDates input { margin-top: 4px; } .searchwrapDates input { margin-top: 0px; } .searchwrapDates span { margin-top: 9px; } .searchwrapDates span span { margin-top: 1px; } .searchwrapDates input[type=submit] { margin-top: -7px; margin-left: 0px; margin-right: 0px; float: right; width: auto; } .datePickerClear { padding: 3px 5px; color: #404041; font-size: 12px; text-decoration: underline; } .datePickerClear a { text-decoration: none; color: #404041; } /* Content Header */ .contentHeader { clear: left; float: left; width: 100%; } .contentHeader nav { float: left; width: 650px; } .contentHeader .Buttons { float: right; width: 295px; } .contentHeader nav { width: 920px; } /* Green Tabs */ nav.tabs li.tab2, input.green { border: solid 1px #83B2DB; background: rgb(201,222,150); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(201,222,150) 0%, rgb(138,182,107) 44%, rgb(57,130,53) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201,222,150)), color-stop(44%,rgb(138,182,107)), color-stop(100%,rgb(57,130,53))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* W3C */ } /* Chrome has an annoying habbit of giving an active element a horrible yellow border. This removes it.*/ input, button, .action, input[type=submit], a.action, .action, div.ato .action, .ato input[type="submit"], input[type=submit], form select { outline: none !important; } /* Validation */ .field-validation-error { color: #900; font-size: 12px; background: none repeat scroll 0 0 white; border: 1px solid red; padding: 0 5px; } .no-inv-access { background-color: green; color: white; font-weight: bold; } .input-validation-error { border: 1px solid #ff3333 !important; } .validation-summary-errors ul { padding: 0; } .validation-summary-errors li { color: #900; list-style: none; } .editor-collection .editor { margin-bottom: 24px; } #main form .area p { /*display:inline;*/ } .iconResults .area th.status-column { text-align: left; } .field-validation-error, .validation-summary-errors { color: #900; font-weight: bold; } legend { background: none !important; color: #00337f; font-weight: bold; padding: 5px; margin: 10px 0px 5px 5px; font-size: 14px; } label { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } th label { color: #404041; } .iconResults { clear: both; } option { font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 2px 4px 4px 4px; } .login input[type=submit] { margin-left: 0px; margin-top: 6px; } .login p { margin-bottom: 0px; } .pager { margin-bottom: 15px; float: left; clear: both; width: 100%; margin-top: 20px; text-align: center; } .pager span { color: #fff; font-size: 12px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; padding: 4px 10px; border: solid 1px white !important; background-color: #3e90e2 !important; margin: 5px; font-weight: normal!important; } /* Buttons and inputs etc */ input[type=submit], a.btn { min-width: auto; } input[type=submit] { height: auto; } a.TextButton { position: relative; font-size: 14px; top: 5px; } input[type="checkbox"] { min-width: 14px !important; border: solid 1px #bab9b9; } input[type="number"] { padding: 2px; width: 90px; min-width: 90px; } /* smaller sized Input buttons inside the td*/ table td a.action, table td a.btn, table td input[type="button"].btn, td input[type=submit] { padding: 4px 6px!important; font-size: 12px !important; min-width: 20px !important; } p input[type="submit"] { margin-left: 0px !important; margin-right: 10px !important; } .OneThirdLeft p input[type="submit"] { margin: 10px 0px 20px 10px!important; } input[type=text], input[type=password], input[type="email"] { font-family: Arial, Helvetica, sans-serif; width: 210px; } form select { height: 26px; padding: 2px; } .login input[type=submit] { margin-left: 0px; } input[type=submit], button { float: left; margin: 0px 5px 5px 0px; padding: 6px 12px; width: auto; } input.datePicker { width: 75px; min-width: 75px; } input.justNumbers { width: 35px; min-width: 35px; } input[type=file] { /*-webkit-appearance: textfield;*/ background: white; position: relative; -webkit-box-sizing: border-box; width: 176px; margin-right: 76px; min-width: 176px; height: 30px; padding-top: 3px; } input[type=file]::-webkit-file-upload-button { width: 0; padding: 0; margin: 0; -webkit-appearance: none; border: none; } /*Divs and Spans used for the placement of all the Primary and Secondary buttons*/ .allButtons { padding: 0px; float: left; width: 99%; text-align: center; } .allButtons .PrimaryActions { padding: 5px 0px 5px 5px; float: left; text-align: left; margin-left: 41%; } .allButtons .SecondaryActions { padding: 5px; float: left; text-align: left; } /*Disabled fields styling*/ input:not([type]):disabled, input:disabled, input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="file"]:disabled::-webkit-file-upload-button, button:disabled, select:disabled, keygen:disabled, optgroup:disabled, option:disabled, select[disabled] > option, input:disabled, isindex:disabled, textarea:disabled { background-color: rgb(192, 192, 192)!important; } input.readonly { background-color: rgb(192, 192, 192)!important; } /* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */ x::-webkit-file-upload-button, input[type=file]:after { content: 'Browse...'; display: inline-block; left: 100%; margin-left: 12px; position: relative; -webkit-appearance: button; padding: 3px 8px 2px; } a.view { margin-left: 5px; } a.btn, a.action { text-decoration: none; margin-bottom: 10px; /* Buttons next to content sit on top of content */ } a.action.right, .FloatNone { float: none; } /* Smaller buttons when inside tables */ a.action.cancelsessioncandidate { padding: 2px 8px; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 0px; } .searchBox p { float: right; font-size: 14px; width: auto; } .searchBox img { margin-left: 10px; position: relative; top: 8px; } .btn { float: left; font-size: 12px; margin-right: 5px; width: auto; } .btn-margin-left { float: left; font-size: 12px; margin-right: 5px; margin-left: 10px; width: auto; } input[type="radio"] { min-width: 14px; float: left; width: auto; margin-right: 5px; margin-top: -1px; } /* Styling for text options next to buttons */ .textOptions { position: relative; top: 11px; padding-left: 10px; } table#bookingcandidatelistitem-grid td.a.action { padding: 2px 8px; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 0px; } /* JQuery override to force it to behave */ .ui-widget-content a { color: white !important; } .ui-widget-content p a { color: #333 !important; } .ui-datepicker-calendar a.ui-state-default { color: #2E6E9E !important; } .ui-widget-content .ui-autocomplete a, .ui-widget-content li.ui-menu-item a { color: #2E6E9E !important; } #dialog-buttons { clear: left; } /* Form Styling */ .editor-item { clear: both; margin: 5px 0px 10px 0px; width: 100%; } .editor-label { clear: left; float: left; padding: 2px 0px 5px 0px; width: 40%; margin-top: 0px; font-weight: bold; float: left; display: inline; text-align: right; } .editor-item input[type=checkbox], .editor-field input[type=checkbox] { position: relative; margin-right: 5px; min-width: 14px !important; } .editor-collection { clear: both; margin-left: 80px; } #tableheader { clear: both; color: #003683; font-weight: bold; font-size: 1.3em; margin-bottom: 10px; padding: 10px 0px 0px 10px; } .iconResults #tableheader { padding-left: 0px; } .editor-field a { font-size: 12px; } .origTrainer { margin: 8px 0px 2px 0px !important; } label input { margin-right: 4px; } .editor-field label { margin-right: 12px; margin-left: 0px; } .oneline .editor-label { width: 100%; text-align: left; } .oneline .editor-field { clear: left; margin: 10px 0px 6px 10px; float: left; display: inline; } .oneline .editor-item, .ExpandedDiv .editor-field { margin: 1px 10px 7px 0px !important; width: 100%; } .ExpandedDiv .editor-label { width: 100%; text-align: left; margin: 0px; } .ExpandedDiv .editor-field { clear: left; display: inline; padding: 2px 0px 5px 0px; } .OneThirdLeft fieldset .editor-field { clear: left; width: 100% !important; display: inline; padding: 22px 0px 5px 0px; } .OneThirdLeft fieldset .editor-label { clear: left; float: left; padding: 2px 0px 5px 0px; width: 100% !important; margin: 8px 0px 0px 0px !important; font-weight: bold; float: left; display: inline; } .OneThirdLeft fieldset .editor-label label { float: left; } /* .editor-field div {float:left;width:100%;margin-top:0px !important;line-height:1em;}*/ .area.accordian .editor-field div { float: left; width: 50% !important; } .OneThirdLeft fieldset .editor-item { margin: 0px; } /* Child Elements */ fieldset { border: none; margin-bottom: 10px; width: 98.5%; } .Border { background: #f1f0f0; background: -webkit-linear-gradient(top, #ffffff, #f1f0f0); background: -moz-linear-gradient(top, #ffffff, #f1f0f0); border: solid 1px #286eb5; -moz-border-radius: 6px; -webkit-border-radius: 6px; float: left; width: 99%; padding: 0px; margin-left: 5px; } .LoginBorder { float: left; width: 99%; padding: 10px; } .options .fieldset { padding-left: 10px; } .TwoThirds fieldset { width: 600px; } .editor { clear: both; padding-left: 10px; } .editor .editor { padding-left: 0px; } .editor-field { clear: left; margin: -25px 0px 6px 10px; width: 59%; display: inline; padding: 2px 0px 5px 0px; float: right; } .display-field { padding: 6px 0px 0px 0px; } .editor-field input { padding-left: 2px; float: left; } .editor-field span { position: relative; /*top:4px;*/ margin-bottom: 10px; } .editor-field input.check-box { position: relative; float: none; top: 4px; /*This 'top' is to align the check boxes with their labels*/ } #editDialog .editor-field span.field-validation-error { width: 232px; margin-bottom: 0px; } .editor-itemContainer { width: 100%; float: left; padding-top: 5px; } #editDialog h1 { padding: 3px 0px; } /* These create the greyed out option */ .editor-field p, span.nonSelect { font-style: italic; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; padding: 3px 3px 3px; margin-right: 6px; width: 217px; background: #eee; } /* NON-ACTIVE Buttons */ .nonActiveButton { color: #666; font-size: 14px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc; padding: 5px 3px 3px; margin-right: 6px; width: 210px; background: #eee; padding: 4px 10px; } /* Override for scrolling div span */ #static span.nonActiveButton { float: none; position: relative; top: 10px; margin-left: 10px; margin-right: 0px; } /* Tick boxes sitting beside each other but with the inputs inside a label?? */ .tickBoxJoined label { margin-right: 10px; } .tickBoxJoined label input { margin-right: 5px; } /* Dashboard display needs icons and text centered */ table#DashboardTable td { text-align: center; } /* Footer */ footer p { font-size: 12px; margin-top: 10px; } /* Pauls Booking page with multiple fields on a line */ .bookingDetailsWrapper p { margin-bottom: 0px; } .bookingDetailsWrapper .editor { clear: left; } .fieldAlignFirst { width: 250px; float: left; clear: left; margin-bottom: 30px; } .editor.fieldAlign { width: 250px; float: left; margin-bottom: 30px; } .fieldSingle { width: 100%; clear: left; margin-bottom: 30px; } .buttons { clear: left; float: left; width: 99%; } hr { clear: both; float: left; width: 99%; } /* Until we know how long the characters are for the longest foreign language this will probably need tweaking until we know */ .searchwrapDates { clear: both; min-width: 77%; width: 77%; padding: 10px 10px 15px 10px; border: solid 1px #333; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; height: 35px; } .searchwrapDates label, .searchwrapDates input, .searchwrapDates span { float: left; width: auto; margin-right: 10px; } .searchwrapDates label, .searchwrapDates span, .searchwrapDates input { margin-top: 4px; } .searchwrapDates input { margin-top: 0px; } .searchwrapDates span { margin-top: 9px; } .searchwrapDates span span { margin-top: 1px; } .searchwrapDates input[type=submit] { margin-top: -7px; margin-left: 0px; margin-right: 0px; float: right; width: auto; } td input[type=submit] { font-weight: normal; margin-bottom: 0px; padding: 5px 25px; } .datePickerClear { padding: 3px 5px; color: #404041; font-size: 12px; text-decoration: underline; } .datePickerClear a { text-decoration: none; color: #404041; } /* Content Header */ .contentHeader { clear: left; float: left; width: 100%; } .contentHeader nav { float: left; width: 650px; } .contentHeader .Buttons { float: right; width: 295px; } .contentHeader nav { width: 920px; } /* $4c TABS */ nav.tabs { clear: both; float: left; margin: 0px 10px 0px 10px; width: 920px; } nav.tabs ul { width: 100%; list-style-type: none; float: left; clear: left; } nav.tabs li { float: left; line-height: 20px; padding: 5px 10px; width: auto; margin-right: 2px; letter-spacing: 1px; font-size: 12px; margin-bottom: -1px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } nav.tabs li a { color: #333; text-decoration: none; } nav.tabs .tab1 a { color: #00337f; } nav.tabs li.active, nav.tabs li.active a, nav.tabs li.tab1-active, nav.tabs li.tab1-active a, nav.tabs li.tab2-active, nav.tabs li.tab2-active a, nav.tabs li.tab3-active, nav.tabs li.tab3-active a { color: #00337f; font-weight: bold; text-decoration: none; } nav.tabs li:hover a { color: #00337f; text-decoration: underline; } /* New Tabs */ nav.tabs li.active, nav.tabs li.tab1-active, nav.tabs li.tab3-active { border: solid #83B2DB; border-width: 1px 1px 0px 1px; margin-top: 1px; color: #fff; background: rgb(42,100,176); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url("/Content/images/TabActiveBg.png") repeat-x 0 0 #2a64b0; background: -moz-linear-gradient(top, rgb(74, 141, 226) 0%, rgb(42,100,176) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74, 141, 226)), color-stop(100%,rgb(42,100,176))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* W3C */ } nav.tabs li.tab2-active { background: #A7EFAE !important; border-width: 1px 1px 0px 1px; margin-top: 1px; color: #404041; } nav.tabs li.tab2, nav.tabs li.tab2-active { border: solid #A7EFAE !important; border-width: 1px 1px 1px 1px !important; } nav.tabs li.tab2 { border: solid 1px #83B2DB; background: url("/Content/images/TabActiveBg.png") repeat-x 0 0 #2a64b0; background: -moz-linear-gradient(top, rgb(74, 141, 226) 0%, rgb(42,100,176) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74, 141, 226)), color-stop(100%,rgb(42,100,176))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* W3C */ } nav.tabs li.tab3 { border: solid 1px #83B2DB; background: url("/Content/images/TabActiveBg.png") repeat-x 0 0 #2a64b0; background: -moz-linear-gradient(top, rgb(74, 141, 226) 0%, rgb(42,100,176) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(74, 141, 226)), color-stop(100%,rgb(42,100,176))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(74, 141, 226) 0%,rgb(42,100,176) 100%); /* W3C */ } /* $6. CSS3 CODE ONLY -------------------------------------------------*/ div.area { border: 5px solid #2a64b0; padding: 12px; margin-bottom: 24px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 4px 4px 4px #999; background: #f1f0f0; background: -webkit-linear-gradient(top, #ffffff, #f1f0f0); background: -moz-linear-gradient(top, #ffffff, #f1f0f0); float: left; width: 99%; } div.area .area { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: none; background: transparent; width: auto; padding-left: 0px; width: 98%; } .OneThirdLeft fieldset { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 4px 4px 4px #999; background: #f6f4f4; background: -webkit-linear-gradient(top, #f6f4f4, #dedddd); background: -moz-linear-gradient(top, #f6f4f4, #dedddd); float: left; width: 100%; } .OneThirdLeft .OuterDiv { float: left; } .TitleBar { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 4px 4px 4px #999; background: #f6f4f4; background: -webkit-linear-gradient(top, #f6f4f4, #dedddd); background: -moz-linear-gradient(top, #f6f4f4, #dedddd); float: left; width: 98%; } header section aside section, .searchwrapDates { border: solid 1px #999; background: rgb(241,240,240); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(241,240,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(100%,rgba(241,240,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(241,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(241,240,240,1)100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(241,240,240,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(254,254,254,1) 0%,rgba(241,240,240,1) 100%); /* W3C */ box-shadow: 1px -1px 4px #999; } div.areaThinBorder {border:1px solid #286eb5 !important;width:97%;} div.areaDivBorder { border: 1px solid black !important; width: 30%; padding: 10px 0px 10px 5px !important; } div.areaNoBorder { border: none !important; width: 98%; padding: 10px 0px 10px 10px !important; box-shadow: none !important; margin-bottom: 10px; } div.NormalBorder { border: 1px solid #286eb5 !important; width: auto; padding: 10px!important; box-shadow: 4px 4px 4px #999 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; float: left; } select.Postcode { height: 155px; } .tableGeneric { width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: 4px 4px 4px #999; border: 1px solid #ccc; background-color: #fff; } .tabs ul li.tab1 { border: solid #286eb5; border-width: 1px 1px 0px 1px; margin-top: 1px; color: #00337f; background: url("/Content/images/TabNonActiveBg.png") repeat-x 0 0 #eceef1; background: rgb(241,241,242); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4ZGRmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGM4ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(241,241,242,1) 0%, rgba(236,238,241,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,242,1)), color-stop(100%,rgba(236,238,241,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,241,242,1) 0%,rgba(236,238,241,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,241,242,1) 0%,rgba(236,238,241,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,241,242,1) 0%,rgba(236,238,241,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(241,241,242,1) 0%,rgba(236,238,241,1) 100%); /* W3C */ } li.tab-valid span { background: url("/Content/images/icons/greentick-small.png") no-repeat 100% 0; } /* The New Approved Styles for Primary & secondary Buttons */ input[type=submit], a.btn, a.action, .ato a.action, .ato input[type="submit"], .ui-dialog-buttonset .ui-button, button, a.DarkButton, a.CsvUploaderLink, td input[type=button].btn, .ato input[type="button"].green, .ato input[type="submit"].green, div.ato div.action.green, div.ato div.action.green, input[type="button"] { color: #fff !important; float: left; font-size: 14px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; padding: 6px 12px; background: #00337f; background-image: url("/Content/images/buttonBG.png") !important; /* fallback */ background-image: url("/Content/images/buttonBG.png"), -webkit-gradient(linear, left top, left bottom, from(#0445a4), to(#00337f)); /* Saf4+, Chrome */ background-image: url("/Content/images/buttonBG.png"), -webkit-linear-gradient(top, #0445a4, #00337f); /* Chrome 10+, Saf5.1+ */ background-image: url("/Content/images/buttonBG.png"), -moz-linear-gradient(top, #0445a4, #00337f); /* FF3.6+ */ background-image: url("/Content/images/buttonBG.png"), -ms-linear-gradient(top, #0445a4, #00337f); /* IE10 */ background-image: url("/Content/images/buttonBG.png"), -o-linear-gradient(top, #0445a4, #e2e1e1); /* Opera 11.10+ */ background-image: url("/Content/images/buttonBG.png"), linear-gradient(top, #0445a4, #e2e1e1); /* W3C */ box-shadow: 4px 4px 4px #999 !important; border: solid 1px white !important; cursor: pointer !important; line-height: 1.4em; font-weight: normal; } .pager a { color: #fff; font-size: 12px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; padding: 6px 10px; background: #003484 !important; box-shadow: 4px 4px 4px #999 !important; border: solid 1px white !important; cursor: pointer; margin: 5px; font-weight: normal !important; } input[type=submit]:hover, a.btn:hover, a.action:hover, .ato a.action:hover, .ato input[type="submit"]:hover, input[type="button"]:hover, .ui-dialog-buttonset:hover .ui-button:hover, .pager a:hover, button:hover, a.DarkButton:hover, a.CsvUploaderLink:hover, td input[type=button].btn:hover, .ato input[type="submit"].green:hover { background: #164a97 !important; font-weight: normal !important; text-decoration: none !important; } input[type=submit]:active, a.btn:active, a.action:active, .ato a.action:active, .ato input[type="submit"]:active, input[type="button"]:active, .ui-dialog-buttonset:active .ui-button:active, .pager a:active, button:active, a.DarkButton:active, td input[type=button].btn:active { background: #003484 !important; box-shadow: -2px -1px 1px #bbb !important; } .PlainSecondaryActions { float: left; font-size: 12px; font-weight: bold; height: auto; text-decoration: none; margin-top: 12px; } .SecondaryActions a, .SecondaryActions input, .SecondaryActions button { box-shadow: 4px 4px 4px #999 !important; border: solid 1px white !important; line-height: 1.4em; text-decoration: none !important; color: #fff !important; float: left; font-size: 14px; -webkit-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; padding: 6px 12px; font-weight: normal; background: #ddd; background-image: url("/Content/images/buttonBGHover.png") !important; /* fallback */ background-image: url("/Content/images/buttonBGHover.png"), -webkit-gradient(linear, left top, left bottom, from(#0445a4), to(#00337f)); /* Saf4+, Chrome */ background-image: url("/Content/images/buttonBGHover.png"), -webkit-linear-gradient(top, #0445a4, #00337f); /* Chrome 10+, Saf5.1+ */ background-image: url("/Content/images/buttonBGHover.png"), -moz-linear-gradient(top, #0445a4, #00337f); /* FF3.6+ */ background-image: url("/Content/images/buttonBGHover.png"), -ms-linear-gradient(top, #0445a4, #00337f); /* IE10 */ background-image: url("/Content/images/buttonBGHover.png"), -o-linear-gradient(top, #0445a4, #e2e1e1); /* Opera 11.10+ */ background-image: url("/Content/images/buttonBGHover.png"), linear-gradient(top, #0445a4, #e2e1e1); /* W3C */ } .SecondaryActions a:hover, .SecondaryActions input:hover, .SecondaryActions button:hover { background: #999 !important; } input[type="button"] { height: auto; } .DisplayBelow { padding: 2px; float: left; } /* Classes for Extra Primary Buttons like Add New Course etc. */ .OtherButton { padding: 2px; float: left; } button.IconAdd, a.IconAdd { font-weight: bold !important; box-shadow: none !important; background: url("/Content/images/IconAdd.png") no-repeat 1% 50% !important; text-decoration: none!important; padding-left: 29px; color: #003484 !important; font-weight: bold; border: none !important; } button.IconBack, a.IconBack { padding-right: 2px; font-weight: bold !important; box-shadow: none !important; background: url("/Content/images/IconBack.png") no-repeat 1% 50% !important; text-decoration: none!important; padding-left: 29px; color: #003484 !important; font-weight: bold; border: none !important; } button.IconBack:hover, a.IconBack:hover { box-shadow: none !important; background: url("/Content/images/IconBack.png") no-repeat 1% 50% !important; background-color: none !important; text-decoration: underline!important; font-weight: bold !important; border: none !important; } button.IconAdd:hover, a.IconAdd:hover, .IconAdd:focus { box-shadow: none !important; background: url("/Content/images/IconAdd.png") no-repeat 1% 50% !important; text-decoration: underline!important; font-weight: bold !important; border: none !important; } .deleteButtonDiv { float: right !important; } .deleteButton { height: 26px; width: 26px; float: left; background: url("/Content/images/icons/IconDelete.png") no-repeat 1% 50% !important; text-indent: -999px; box-shadow: none !important; border: none !important; } .deleteButton:hover { float: left; background: url("/Content/images/icons/iconDelete-hover.png") no-repeat 1% 50% !important; } /* Greyed out, non-active tabs */ .tabs ul li.tab1.non-active, .tabs ul li.tab2.non-active, .tabs ul li.tab2.non-active { border: solid 1px rgb(210, 212, 214); color: #999; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */ } .tabs ul li.tab1.non-active a, .tabs ul li.tab2.non-active a, .tabs ul li.tab2.non-active a { color: rgb(180, 178, 178); cursor: not-allowed; } .tabs ul li.tab1.non-active a:hover, .tabs ul li.tab2.non-active a:hover, .tabs ul li.tab2.non-active a:hover { cursor: not-allowed; } #searchbox input[type=submit] { filter: none; border: solid #83B2DB; border-width: 1px 1px 0px 1px; margin-top: 1px; color: #404041; background: rgb(184,221,249); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4ZGRmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OGM4ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(184,221,249,1) 0%, rgba(136,200,234,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,221,249,1)), color-stop(100%,rgba(136,200,234,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(184,221,249,1) 0%,rgba(136,200,234,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(184,221,249,1) 0%,rgba(136,200,234,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(184,221,249,1) 0%,rgba(136,200,234,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(184,221,249,1) 0%,rgba(136,200,234,1) 100%); /* W3C */ } /* Lighter Blue Button */ button#add-level.action { background: rgb(75,155,198); /* Old browsers */ background: -moz-linear-gradient(top, rgba(75,155,198,1) 0%, rgba(76,156,196,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,155,198,1)), color-stop(100%,rgba(76,156,196,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(75,155,198,1) 0%,rgba(76,156,196,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(75,155,198,1) 0%,rgba(76,156,196,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(75,155,198,1) 0%,rgba(76,156,196,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(75,155,198,1) 0%,rgba(76,156,196,1) 100%); /* W3C */ } /* Green Tabs */ nav.tabs li.tab2, input.green { border: solid 1px #83B2DB; background: rgb(201,222,150); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(201,222,150) 0%, rgb(138,182,107) 44%, rgb(57,130,53) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(201,222,150)), color-stop(44%,rgb(138,182,107)), color-stop(100%,rgb(57,130,53))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(201,222,150) 0%,rgb(138,182,107) 44%,rgb(57,130,53) 100%); /* W3C */ } .gradlight { background: rgb(241,240,240); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,240,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(241,240,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,240,240,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,240,240,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,240,240,1) 100%); /* W3C */ } /* 4 new buttons for High (red) / Medium (yellow) / Low (green) / Non-event (grey) */ a.btn-ragHigh, a.btn-ragMedium, a.btn-ragLow, a.btn-ragNA { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 3px 24px; color: black; font-weight: bold; } button.btn-ragHigh, button.btn-ragLow { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px 15px; color: black; font-weight: bold; } a.btn-ragHigh { color: White; } /* Red */ a.btn-ragHigh, button.btn-ragHigh { border: solid 1px #CC3300; background: rgb(252,176,177); /* Old browsers */ background: -moz-linear-gradient(top, rgba(252,176,177,1) 0%, rgba(239,50,50,1) 50%, rgba(232,36,6,1) 51%, rgba(252,95,95,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,176,177,1)), color-stop(50%,rgba(239,50,50,1)), color-stop(51%,rgba(232,36,6,1)), color-stop(100%,rgba(252,95,95,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(252,176,177,1) 0%,rgba(239,50,50,1) 50%,rgba(232,36,6,1) 51%,rgba(252,95,95,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(252,176,177,1) 0%,rgba(239,50,50,1) 50%,rgba(232,36,6,1) 51%,rgba(252,95,95,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(252,176,177,1) 0%,rgba(239,50,50,1) 50%,rgba(232,36,6,1) 51%,rgba(252,95,95,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(252,176,177,1) 0%,rgba(239,50,50,1) 50%,rgba(232,36,6,1) 51%,rgba(252,95,95,1) 100%); /* W3C */ } /* Yellow */ a.btn-ragMedium { border: 1px solid #BBB712; background: rgb(251,252,176); /* Old browsers */ background: -moz-linear-gradient(top, rgba(251,252,176,1) 0%, rgba(239,239,50,1) 50%, rgba(229,222,6,1) 51%, rgba(255,236,96,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,252,176,1)), color-stop(50%,rgba(239,239,50,1)), color-stop(51%,rgba(229,222,6,1)), color-stop(100%,rgba(255,236,96,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(251,252,176,1) 0%,rgba(239,239,50,1) 50%,rgba(229,222,6,1) 51%,rgba(255,236,96,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(251,252,176,1) 0%,rgba(239,239,50,1) 50%,rgba(229,222,6,1) 51%,rgba(255,236,96,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(251,252,176,1) 0%,rgba(239,239,50,1) 50%,rgba(229,222,6,1) 51%,rgba(255,236,96,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(251,252,176,1) 0%,rgba(239,239,50,1) 50%,rgba(229,222,6,1) 51%,rgba(255,236,96,1) 100%); /* W3C */ } /* Green */ a.btn-ragLow, button.btn-ragLow { border: solid 1px #00CC33; background: rgb(212,252,176); /* Old browsers */ background: -moz-linear-gradient(top, rgba(212,252,176,1) 0%, rgba(136,242,50,1) 50%, rgba(125,229,6,1) 51%, rgba(168,255,96,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,252,176,1)), color-stop(50%,rgba(136,242,50,1)), color-stop(51%,rgba(125,229,6,1)), color-stop(100%,rgba(168,255,96,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(212,252,176,1) 0%,rgba(136,242,50,1) 50%,rgba(125,229,6,1) 51%,rgba(168,255,96,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(212,252,176,1) 0%,rgba(136,242,50,1) 50%,rgba(125,229,6,1) 51%,rgba(168,255,96,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(212,252,176,1) 0%,rgba(136,242,50,1) 50%,rgba(125,229,6,1) 51%,rgba(168,255,96,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(212,252,176,1) 0%,rgba(136,242,50,1) 50%,rgba(125,229,6,1) 51%,rgba(168,255,96,1) 100%); /* W3C */ } /* Not Applicable */ a.btn-ragNA { border: solid 1px #999; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ } /* Chrome has an annoying habbit of giving an active element a horrible yellow border. This removes it. If you spot more please tell me! */ input, button, .action, input[type=submit], a.action, .action, div.ato .action, .ato input[type="submit"], input[type=submit], form select { outline: none !important; margin-right: 5px; font-weight: normal; } /* $7. CROSS BROWSER FIXES -------------------------------------------------*/ /* Easy clearing w/hasLayout fix for IE */ /* .ready {height:1%;overflow:hidden;} */ /* lte ie8 */ td { background-color: #fff\9; } .pager a { background-color: #258DC8\9 !important; } header section aside section { margin-top: 18px\9; padding-top: 4px\9; } .radio-list label { clear: left\9; } .radio-list input { position: relative; top: -3px\9; } legend { margin-top: 10px\9; } .ui-dialog-content.ui-widget-content { overflow-x: hidden\9 !important; } .radio-list { float: left; margin-bottom: 10px; padding-top: 3px; } /* lte ie7 */ .pager a { *padding: 5px !important; *display: block; *float: left; *width: auto; } .pager span { *float: left; *padding: 5px !important; *width: auto; } .gradlight h2 { background-color: #00337f; } form div.area { border: 1px solid #A8B500\9; } :root form div.area { border: 0px none\9; } /* Don't want IE9 to have the border*/ header section aside select { height: 22px\9; margin-top: 3px\9; } header section aside section { background-color: rgb(168, 213, 241)\9 !important; } div#main { *margin-top: 20px; } header section aside { position: relative; } header section aside section { *position: absolute; *right: 0px; *top: 30px; *height: 15px; } legend { *margin-top: 10px; } div.TwoThirdsRight { *margin-top: 20px !important; } /* *:first-child+html .editor-field input.check-box {top:0px;} #menu ul li:first-child a:after {*top:-20px !important;}*/ /* ie6 only */ /* The header language HTML is in the wrong order. I need to force IE7 to render in exact positions */ header section aside p { *position: absolute; *right: 0px; } header section aside span { *position: absolute; *right: 200px; } header section aside select { *position: absolute; *right: 15px; } /* Version three of show/hide */ .showhide.v3 { margin-left: 8px; } .showhide.v3 .showhide a[id] { width: 880px; } .showhide.v3 a#toggleChangeSearch { width: 880px; } .showhide.v3 .showhide div { width: 880px; } .showhide.v3 div#changeSearch { background-color: white; padding-bottom: 10px; margin-top: 4px; width: 880px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #77B9D3; } .showhide.v3 div#changeSearch .editor-label { padding-top: 10px; } .showhide.v3 .editor { border: 0 none; } .showhide.v3 #changeSearch, .showhide.v3 .showhide { } .showhide.v3 .showhide div[id] { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #77B9D3; margin-top: -1px; padding: 10px 0px; width: 885px; } .showhide.v3 div.scrollableCheckBoxList { width: 40%; margin-bottom: 10px; } .showhide.v3 div.scrollableCheckBoxList div { width: 100%; } .showhide.v3 .showhide div.editor-field { margin-bottom: 10px; } /* trying to stop IE and Safari bleeding the popup and background */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { background-color: White !important; } /* div adds a light grey border */ .DivBorderGrey { -webkit-border-radius: 6px; -moz-border-radius: 6px; border: solid 1px #ccc; float: left; width: 100%; } .GenericContentDiv { width: 98% !important; float: left; margin-top: 10px; } /* Scrollable table with show/hide tables */ .scrollable.tableExpand { width: 98% !important; margin: 10px 0px 10px 10px; } .scrollable.tableExpand input[type="text"], .scrollable.tableExpand input[type="password"], .scrollable.tableExpand input[type="email"], .scrollable.tableExpand select { width: 80px !important; min-width: 80px !important; max-width: 80px !important; } .scrollable.tableExpand input[type="text"].justNumbers { width: 20px !important; min-width: 20px !important; max-width: 20px !important; } .scrollable.tableExpand td select[id].valid { width: 80px !important; min-width: 80px !important; max-width: 80px !important; } .scrollable.tableExpand td input[type="button"].btn { padding: 2px 4px; margin-right: 0px; } .end { } .scrollable.tableExpand table tr[id] .scrollable.tableExpand input[type="checkbox"] { position: relative; top: 6px; } .scrollable.tableExpand div input[type="button"].btn { padding: 5px 10px; } /* Show / Hide Styling */ /* Copied over from portal */ /* Styling for Show/Hide elements */ .showhide { margin: 10px 0px 5px 0px; float: left; width: 100%; } .showhide a.showhide { /*background: url("/Content/images/plusminus.png") no-repeat 99% 6px;*/ font-size: 12px; margin-left: 0px; width: 99%; display: block; margin-top: 4px; height: 19px; background-color: #DFF2FA; margin-right: 5px; padding-left: 5px; padding-top: 6px; font-size: 13px; font-weight: bold; padding-bottom: 4px; } .showhide a:hover { color: #333; } .showhide div.showhide { margin-top: 10px; } .showhide div { -moz-border-radius: 8px; } .showhide a { font-size: 12px; width: 98%; display: block; height: 19px; background: #e2e1e1; background-repeat: no-repeat; background-position: 99%; background-image: url("/Content/images/icons/down.png"); /* fallback */ background-image: url("/Content/images/icons/down.png"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#999999)); /* Saf4+, Chrome */ background-image: url("/Content/images/icons/down.png"), -webkit-linear-gradient(top, #fff, #e2e1e1); /* Chrome 10+, Saf5.1+ */ background-image: url("/Content/images/icons/down.png"), -moz-linear-gradient(top, #fff, #e2e1e1); /* FF3.6+ */ background-image: url("/Content/images/icons/down.png"), -ms-linear-gradient(top, #fff, #e2e1e1); /* IE10 */ background-image: url("/Content/images/icons/down.png"), -o-linear-gradient(top, #fff, #e2e1e1); /* Opera 11.10+ */ background-image: url("/Content/images/icons/down.png"), linear-gradient(top, #fff, #e2e1e1); /* W3C */ -webkit-border-radius: 6px; -moz-border-radius-bottomleft: 6px; padding: 5px; margin: 0px 5px 0px 10px; font-size: 13px; font-weight: bold; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #bbb; } .showhide div[id] { border-width: 0px 1px 1px 1px; border-style: solid; border-color: #77B9D3; padding-bottom: 10px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding-right: 1px; margin-left: 2px; } #changeSearch { background: none; border: none; padding: 0px 10px 35px 5px; } .scrollableCheckBoxList { height: 135px; overflow: auto; width: 300px; float: left; background: #fff; border: solid 1px black; margin-left: 20px; } a#toggleChangeSearch { width: 97%; } #toggleChangeSearch .showhide div[id] { background: none !important; } .showhide a[id] { width: 98%; } #changeSearch p { margin-top: 10px; } #changeSearch input#submitSearch { margin-left: 0px; } .showhide .Search-criteria { margin-top: 5px; width: 100%; float: left; } .showhide .SearchContainer { width: 98%; float: left; } /* PH has coded this differently to the others so I have to create new rules and overrides for his */ .showhide.version2 div[id] + div[id], .showhide div + div, .showhide div[id], .showhide div div { border: 0 none; } .showhide.version2 span a { background: none; margin-left: 0px; width: 100%; margin-top: 4px; height: auto; background-color: inherit; margin-right: 5px; padding-left: 0px; padding-top: 0px; margin-left: 0px; padding-bottom: 0px; border: 0 none; } .showhide.version2 div h2 { padding: 10px 0 0 10px; margin-bottom: 10px; } .showhide.version2 span { font-size: 12px; } .showhide.version2 div div[id] { margin-top: 10px; } .showhide.version2 div a { border: 0 none; background-image: none; background-color: transparent; } /* Confirmation of Submitted Booking */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable { width: 49.5% !important; overflow: hidden; left: 27% !important; } /* Accordion Styling */ .area.accordion .ui-widget input, .area.accordion .ui-widget select, .area.accordion .ui-widget textarea, .area.accordion .ui-widget button { font-size: 12px; } .area.accordion .ui-widget { border: 0 none !important; margin-bottom: 10px; float: left; } .area.accordion h3.ui-accordion-header { color: #404041; padding: 6px 0px 4px 25px; margin-bottom: 0px; font-size: 14px; border-bottom: solid 2px #83B2DB; } .area.accordion { padding: 0px 0px 10px 0px; } .area.accordion .ui-accordion-content { height: auto !important; } .area.accordion div.area { margin-bottom: 0px; } .area.accordion .ui-accordion-content { padding-top: 10px !important; padding-left: 10px; margin-bottom: 10px !important; } .TabHeadingarea { height: 20px; padding: 8px; background-color: #2a64b0; text-align: center; } .TabContentarea { padding: 12px; } /* Having multiple editor-items on one line (up to 3) */ .oneline { float: left; clear: both; width: 100%; } .oneline .editor-item { float: left; width: 220px; clear: none; margin-right: 20px; } .oneline select { float: left; width: 200px; clear: none; } .oneline button { margin-top: 38px; } .indented { float: left; clear: both; padding-left: 35px; } /* Changed the icons for the dropdown */ .ui-icon-triangle-1-s { background-position: -16px -191px !important; } .ui-icon-triangle-1-e { background-position: 0px -192px !important; } /* 'Statictable' Th classes */ .staticTable { width: 100%; margin-bottom: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /*box-shadow: 4px 4px 4px #999; border: 1px solid #bbb;*/ background-color: #fff; } .staticTable table { table-layout: fixed; width: 100%; margin-bottom: 0px; } .staticTable table input[type="checkbox"] { position: relative; margin-right: 4px; } .staticTable th, .staticTable td { vertical-align: top; box-sizing: border-box; } .staticTable input[type="text"] { min-width: 96% !important; max-width: 96% !important; width: 96% !important; } .staticTable td { padding: 5px; } td.container-cell { padding: 0; } table.form-candidate-table { margin-bottom: 10px; } .form-candidate-table tr:first-child td{ line-height: 24px; position: relative; } .form-candidate-table td { word-wrap: inherit; } .feedbacklink-column { width: 60px; } .staticTable th.ExpandIcon, .form-candidate-table td.ExpandIcon { width: 20px; } .staticTable th.candidateFirstName, .staticTable th.candidateLastName, .staticTable th.candidateEmail, .form-candidate-table td.candidateFirstName, .form-candidate-table td.candidateLastName,.form-candidate-table td.candidateEmail { width: 129px; } .staticTable th.phoneNumber-column { width: 100px; } .staticTable th.examDate-column { width: 200px; } .staticTable th.level-column { width: 200px; } .staticTable th.exam-type-column { width: 130px; } .staticTable th.invigilator-column { width: 200px; } .staticTable th.candidate-name-column { width: 140px; } .staticTable th.rationale-column { width: 150px; } .staticTable th.cv-column { width: 40px; } .staticTable th.exam-column { width: 40px; } .staticTable th.candidateID, .form-candidate-table td.candidateID { width: 85px; } .staticTable th.candidateRemove, .form-candidate-table td.candidateRemove { width: 50px; } .staticTable th.levelsModules, .form-candidate-table td.levelsModules { width: 85px; } .staticTable th.proctorUnit, .form-candidate-table td.proctorUnit { width: 85px; } .staticTable th.specialRequirements, .form-candidate-table td.specialRequirements { width: 55px; } .staticTable td.iconRemove button { padding: 4px 0px; background: url("/Content/images/icons/iconDelete.png") no-repeat center center !important; height: 26px; width: 26px; border: none!important; text-indent: -1200px; margin-left: 3px; margin-top: 1px; box-shadow: none !important; } .staticTable td button { padding: 0px 4px; } .staticTable tr[id] { background-color: #f3f4f4; } .area .staticTable table { width: 100%; } .staticTable th input[type="checkbox"] { float: right; width: auto; margin-right: 13px; } .staticTable th.cellToggle { width: 60px; } .staticTable th.ColumnReleaseResults { width: 125px; } /*Invoice & Certification Alert columns styling*/ #invoiceerrorsalertitem-grid th.errortext-column { width: 320px; } #invoiceerrorsalertitem-grid th.bookingid-column { width: 55px; } #invoiceerrorsalertitem-grid th.productandversionname-column { width: 60px; } #invoiceerrorsalertitem-grid th.acquirealert-column { width: 80px; } #invoiceerrorsalertitem-grid th.atoname-column { width: 80px; } #invoiceerrorsalertitem-grid th.examdate-column { width: 69px; } #invoiceerrorsalertitem-grid th.acquirecomplete-column { width: 88px; } #certificateerrorsalertitem-grid th.errortext-column { width: 240px; } #certificateerrorsalertitem-grid th.bookingid-column { width: 50px; } #certificateerrorsalertitem-grid th.levelname-column { width: 125px; } #certificateerrorsalertitem-grid th.acquirealert-column { width: 80px; } #certificateerrorsalertitem-grid th.atoname-column { width: 55px; } #certificateerrorsalertitem-grid th.examdate-column { width: 69px; } #certificateerrorsalertitem-grid th.sessioncandidatename-column { width: 60px; } #certificateerrorsalertitem-grid th.responsibleadministrator-column { width: 60px; } #resultimporterrorsalertitem-grid th.candidateid-column { width: 79px; } #resultimporterrorsalertitem-grid th.productcode-column { width: 80px; } #resultimporterrorsalertitem-grid th.examdate-column { width: 80px; } #resultimporterrorsalertitem-grid th.examref-column { width: 100px; } #resultimporterrorsalertitem-grid th.resultimporterrortypeid-column { width: 60px; } #resultimporterrorsalertitem-grid th.errortext-column { width: 200px; } #resultimporterrorsalertitem-grid th.responsibleadministrator-column { width: 60px; } #resultimporterrorsalertitem-grid th.acquirealert-column { width: 60px; } #resultimporterrorsalertitem-grid th.acquirecomplete-column { width: 70px; } td.toggleExpand button { box-shadow: 2px 2px 4px #999 !important; border: solid 1px white !important; background: url("/Content/images/icons/ExpandIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; } th.toggleExpand button { box-shadow: 2px 2px 4px #999 !important; border: solid 1px white !important; background: url("/Content/images/icons/ExpandIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; } td.toggleCollapse button { box-shadow: 2px 2px 4px #999 !important; border: solid 1px white !important; background: url("/Content/images/icons/CollapseIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; } th.toggleCollapse button { box-shadow: 2px 2px 4px #999 !important; border: solid 1px white !important; background: url("/Content/images/icons/CollapseIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; padding: 3px 9px!important; } td.checkbox { width: 40px; } .expand_ { box-shadow: 1px 1px 4px #222 !important; background: url("/Content/images/icons/ExpandIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; } .collapse_ { box-shadow: 1px 1px 4px #222 !important; background: url("/Content/images/icons/CollapseIcon.png") no-repeat center center !important; height: 20px; width: 20px; text-indent: -1200px; } /* Th classes for the table in 'Booking' list pages */ th.link-column { width: 42px; } /*table#syllabusarea-grid {width:890px;}*/ th.view-column { width: 40px; } th.estimateddespatchdate-column { width: 120px; } th.details-column { width: 74px; } th.examdate-column { width: 68px; } th.id-column { width: 79px; } th.poreference-column { width: 90px; } th.productlevel-column { width: 73px; } th.trainer-column { width: 85px; } th.trackingdetails-column { width: 80px; } th.bookingstatus-column { width: 60px; } th.productversion-column { width: 85px; } th.candidatename-column { width: 85px; } th.conditiontype-column { width: 65px; } th.comments-column { width: 90px; } th.productversionname-column { width: 120px; } th.relationship-column { width: 70px; } th.status-column { width: 75px; } th.edit-column { width: 35px; } #bookingcondition-grid th.link-column { width: 18px; } #bookingcondition-grid th.details-column { width: 125px; } #bookingcondition-grid th.detailstext-column { width: 125px; } #bookingcondition-grid th.rejectreason-column{ width: 132px; } #bookingcondition-grid th.comments-column { width: 50px; } #bookingcondition-grid th.status-column { width: 70px; } #bookingcondition-grid th.edit-column { width: 18px; } #bookingsummary-grid th.details-column { width: 34px; } th.recreatepack-column { width: 100px; } th.DetailsColumnTh { width: 150px; } .PrerequisiteColumn { float: left; width: auto; } .InputColumn { float: left; width: auto; } th.VerificationColumnTh { width: 250px; } .field-validation-valid, .field-validation-error { line-height: 24px; display: inline; margin-bottom: 0 !important; } .field-validation-valid { background: url("/Content/images/icons/valid.png") no-repeat 0 0 transparent; width: 24px; } .field-validation-error { background: url("/Content/images/icons/invalid.png") no-repeat 0 9% transparent; padding-left: 20px; border: 0; float: left; margin-left: 0px; height: auto; color: #cc3333; padding-bottom: 3px; margin-top: 5px; } span.readonlyValue { margin-bottom: 0; display: inline; line-height: 24px; } span.new-section { display: block; } span.field-validation-error { line-height: 14px; min-height: 22px; } span.field-validation-error span { line-height: 14px !important; } table.showHideCheckbox td.data-special-req-column { text-align: center !important; } /* JS calander override - The JS inline styles so I have to use important to override */ .ui-datepicker { z-index: 10000 !important; } .ui-datepicker th, .ui-datepicker th span { font-size: 10px !important; } /* Alert icons classes */ .NoRightMargin { margin-right: 5px !important; } .conflictMessage { height: 25px; float: left; width: 24px; background: url("/Content/images/icons/icon-alert-small.png") no-repeat center left; margin: 0px; } .AlertMessageHeading { line-height: 25px; height: 32px; float: left; color: #ec9d13; font-weight: bold; font-size: 12px; } .conflictIcon { width: 100%; float: left; background: url("/Content/images/icons/icon-alert-small.png") no-repeat 70% 0%; } .conflictIcon .editor-field input { border: solid 1px #ec9d13; } /*---------------Editlink, Deletlink styles---------------------*/ a.EditLink, button.EditLink, input.EditLink, span.EditLink { text-indent: -1200px; margin-left: 3px; height: 26px; float: left; width: 26px; background: url("/Content/images/icons/IconEdit.png") no-repeat center left !important; margin: 0px; border: none!important; box-shadow: none !important; } a.EditLink:hover, button.EditLink:hover, input.EditLink:hover, span.EditLink:hover { background: url("/Content/images/icons/IconEditHover.png") no-repeat center left !important; } a.DeleteLink, button.DeleteLink, input.DeleteLink, span.DeleteLink { height: 26px; text-indent: -1200px; margin-left: 3px; float: left; width: 26px; background: url("/Content/images/icons/iconDelete.png") no-repeat center left !important; margin: 0px; border: none!important; box-shadow: none !important; } a.DeleteLink:hover, button.DeleteLink:hover, input.DeleteLink:hover, span.DeleteLink:hover { background: url("/Content/images/icons/iconDelete-hover.png") no-repeat center left !important; } .DisplayNone { display: none; } /*---------------JQuery override styles-----------------*/ /* jQuery Overrides for forms */ .ui-jqgrid .ui-jqgrid-bdiv { overflow: hidden !important; } .ui-jqgrid-title { padding-left: 5px; } .ui-pager-control td { font-size: 1.1em; } .ui-jqgrid tr.jqgrow td { padding: 5px !important; } #gbox_list { float: left; width: auto; } .OneThirdLeft .ui-widget-header { background: none !important; color: black; } .ui-dialog .ui-dialog-content { font-size: 13px; } .ui-widget-header { color: #fff; } .ui-widget-header span { font-size: 14px !important; } .ui-dialog-buttonset .ui-button { color: White !important; font-weight: normal !important; } .ui-widget { border: 1px solid #404041 !important; } .ui-dialog { border: solid 5px rgba(255,255,255,.4) !important; box-shadow: 2px 2px 25px rgba(0, 0, 0, .4); width: auto !important; } legend.ui-widget-header { color: #fff; } .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { text-align: left !important; text-indent: 4px; } .ui-widget textarea { width: 97% !important; } .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr { padding-top: 4px; } .gradlight h2 img { height: 23px; float: right; margin-right: 5px; width: 23px; } /* jQuery Overrides for accordion headers */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(/Content/themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-dialog .ui-dialog-buttonpane button { padding: 0px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/Content/themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: url("/content/themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png") repeat-x scroll 50% 50% #FBEC88; border: 1px solid #FAD42E; color: #363636; } .AccordianHeader { border: 1px solid #c5dbec; background: #eaf4fd url(/Content/images/AccordianHeaderBg.png) 50% 0% repeat-x; font-weight: bold; color: #2e6e9e; float: left; margin-bottom: 0px; font-size: 14px; border-bottom: solid 2px #83B2DB; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 30px; } .AccordianHeader .OtherButton { margin-top:-2px !important; } .ui-widget-header { background: url("/Content/images/table-headerBG.png") repeat-x scroll bottom left #3e90e2!important; color: #fff; font-weight: bold; padding: 5px 13px !important; text-align: left; font-size: 14px !important; } /* Fullwidth Heading bars */ .HeadingBar { border: solid 1px #ccc; float: left; margin-left: 0px; font-size: 12px; text-align: center; margin-bottom: 10px; color: #00337f; width: 99.5%; background: url("/Content/images/backgroundSelectBar.png") repeat-x center left; height: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 0px 0px 0px; box-shadow: 2px 2px 2px #999; line-height: 1.3em; } .SubHeadingBar { background: url("/Content/images/backgroundSelectBar.png") repeat-x center left; border: solid 1px #ccc; float: left; font-size: 12px; margin-bottom: 10px; color: #00337f; width: 99%; height: 21px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 3px 0px 10px; } .fullwidth { width: 100% !important; } /*.HeadingBar h2{border:dashed 1px red;}*/ .SpanGeneric { float: left; padding: 5px; } .rowDataChanged { background-color: #e45b5b !important; } .checkedIn { background-color: #95dba2 !important; filter: alpha(opacity=60); } .legendRight { float: right; width: 354px; border: solid 1px #999; padding: 3px; margin: 10px 10px 0px 0px; } .RedSquare { background-color: #e45b5b; float: left; width: 10px; height: 10px; border: solid 1px rgb(197, 195, 195); margin: 2px; } .GreenSquare { background-color: #95dba2; float: left; width: 10px; height: 10px; border: solid 1px #999; margin: 2px; } .LightGreySquare { background-color: #efeeee; float: left; width: 10px; height: 10px; border: solid 1px #999; margin: 2px; } .LegendColour { float: left; } .LegendText { float: left; } .DivOneLine { float: left; display: inline; padding: 2px; } .DivWidth20 { width: auto; float: left; margin: 0px 15px; } .DivWidth90 { width: 95%; float: left; margin-left: 25px; padding: 2px; } .DivWidth20Right { width: 20%; float: right; } /*lightbox styling for exam pack candidate check in page*/ .DivWidth20 { width: auto; float: left; } .DivWidth20 input[type="checkbox"] { min-width: 10px !important; } .LightboxMessageText { width: auto; float: left; padding: 10px; border: solid 1px #eee; } .SuccessMsg { background: url("/Content/images/icons/greentick-small.png") no-repeat 0 50%; float: left; padding: 10px 10px 10px 29px; } .OnHoldMsg { float: left; padding: 10px; padding: 10px 10px 10px 24px; background: url("/Content/images/icons/icon-alert-small.png") no-repeat center left; } .ErrorMsg { color: #900; font-weight: bold; background: url("/Content/images/icons/invalid.png") no-repeat 0 50% transparent; float: left; padding: 10px 10px 10px 24px; } /* Candidate List2 Styling */ .tickMultiLine { float: left; width: 316px; margin-top: 20px; } .oneline .tickMultiLine .editor-item.mLine1 { width: 150px; float: left; margin-right: 0px; } .oneline .tickMultiLine .editor-item.mLine2 { width: 125px; float: left; margin: 6px 0px 0px 10px; } .oneline .tickMultiLine .editor-item.mLine2 .editor-field { width: 50px; float: left; clear: none; } .editor-label.reqRadio { width: 115px; float: left; margin-top: 0px; margin-left: 15px; } span.OrigTrainerSpan { width: 181px !important; margin-top: 3px !important; margin-right: 68px; } .OrigTrainer label { margin-right: 2px !important; float: left; } .editor-label.ConfirmSector { height: 22px; } div.OrigTrainer { width: auto; } #candidate_Membership_MembershipId { width: 120px; } .ExpandedDiv { border: solid 1px #93BBDD; background-color: #e9eef2; color: #00337f; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 2px 2px 4px #bbb; padding: 0px 0px 10px 10px; margin-left: 29px; width: 95%; font-weight: bold; } .CandidateHeading { color: #111 !important; border: solid 1px #d1e8fb; float: left; width: 97%; background: #f8f8f8; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: bold; box-shadow: 1px 1px 4px #999; padding: 7px 7px 20px 7px; margin-bottom: 8px; margin-top: 8px; } .CandidateHeadingMember { color: #111 !important; border: solid 1px #d1e8fb; float: left; width: 97%; background: #f8f8f8; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: bold; box-shadow: 1px 1px 4px #999; padding: 7px 7px 8px 7px; margin-bottom: 8px; margin-top: 8px; } .ExpandedDiv h2 { margin-left: 20px; margin-top: -15px; } /* The original Trainer input requires different rules to the rest */ .staticTable .editor-item .editor-label.origTrainer input[type="text"] { width: 210px !important; min-width: 210px !important; max-width: 210px !important; } .oneline .editor-item.longerField { width: 478px; } .oneline .editor-item.longerField span { width: 400px; float: right; top: -5px; } .oneline .editor-item.longerField span.req { width: auto; float: left; top: 0px; margin-bottom: 0px; } table.showHideCheckbox .editor-field { min-height: 24px; max-height: 24px; margin-bottom: 10px; } /* Errort message overrides */ div.errorOrigTrainer span.field-validation-error { margin-top: 10px; margin-bottom: -30px !important; padding-top: 2px; left: 245px; } div.errorReason span.field-validation-error { line-height: 18px !important; } div.errorAmount span.field-validation-error { width: 220px; line-height: 18px !important; left: -155px; top: 6px; } /*Styling for the Delivery Tab content*/ #DeliveryMethodFields { font-size: 12px; margin-bottom: 10px; } span.deliverycontent { border: solid 1px #ccc; float: left; margin-left: 0px; font-size: 12px; text-align: center; margin-bottom: 10px; color: #00337f; width: 98%; background: url("/Content/images/backgroundSelectBar.png") repeat-x center left; height: 23px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 3px 0px 10px; } .messageDiv { margin-bottom: 10px; font-weight: normal !important; padding: 0px; float: left; margin-top: -5px; } .radio_button_additional_message { color: red; } .input_field_additional_message { color: red; } .candidate_additional_time_message { color: red; padding-top: 6px; } span.DeliveryHeadingItem { margin-top: -5px; } span.deliverycontent input[type="radio"] { float: none !important; } #messagePopup { float: left; min-height: 50px !important; } #passwordMessage, #confirmPasswordMessage { float: left; width: auto; } .pending { padding: 6px 0px; background: url("/Content/images/icons/icon-alert-small.png") no-repeat center center !important; height: 34px; width: 30px; } .verified { padding: 6px 0px; background: url("/Content/images/icons/greentick-small.png") no-repeat center center !important; height: 32px; width: 30px; } table.prerequisitePopUp { table-layout: auto !important; border: 1px solid #ccc; } table.prerequisitePopUp .editor-field { margin: 0px !important; width: auto !important; float: left; } /*Account notification classes*/ .account-notification { float: left; width: auto; top: -1px !important; } .WholeLoginTab { float: left; width: auto; height: 34px; padding: 4px 6px; } .DividerSpan { float: left; width: auto; top: -3px !important; font-size: 16px; } .MyAccount, .LogoutText, .LogonText { float: left; width: auto; top: -1px !important; } span.WelcomeText { float: left; width: auto; top: -1px !important; margin-right: 3px; } /*Account notification classes overriding bootstrap classes*/ .badge { display: inline-block; min-width: 10px; padding: 2px 6px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; top: 0px !important; background-color: #999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: solid 1px #ffffff; float: left; margin-left: 4px; } .Emptybadge { display: inline-block; min-width: 10px; padding: 2px 6px; line-height: 1; vertical-align: baseline; top: 0px !important; background-color: transparent; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } span.account-notification a { float: left; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; float: right !important; } .FloatRight { float: right !important; } .FloatLeft { float: left !important; } span.WarningMessage { width: 95%; float: left; background: url("/Content/images/icons/icon-alert-small.png") no-repeat 1% 15%; min-height: 30px; padding-left: 40px; font-size: 12px; padding-top: 5px; } th.syllabusareacode-column { width: 13%; } th.numberofquestion-column { width: 14%; } th.totalmarks-column { width: 16%; } .saving, .saving th, .saving td { background-color: #9f9; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } /*Candidate POrtal page styling*/ #address-editor .editor-field span, #phonenumber-editor .editor-field span, #organisationid-editor .editor-field span { top:3px; } #address-editor .showhide.version2 span a { margin-top:0px; } #DispatchDateTo { float: none; } #BookingDateTo { float: none; } #ExamDateTo { float: none; } #ApmgResultsReleasedDateTo { float: none; } /* On hold candidate alert */ #candidatesonholdalert-grid th.sessioncandidateid-column { width: 60px; } #candidatesonholdalert-grid th.candidatename-column { width: 60px; } #candidatesonholdalert-grid th.poreference-column { width: 100px; } #candidatesonholdalert-grid th.onholdcomments-column { width: 100px; } #candidatesonholdalert-grid th.bookingid-column { width: 40px; } #candidatesonholdalert-grid th.resultcreateddate-column { width: 80px; } #candidatesonholdalert-grid th.fullproductversionlevelname-column { width: 100px; } /* referred exam packs alert */ #uploadedpacksreferredalert-grid th.bookingid-column { width: 60px; } #uploadedpacksreferredalert-grid th.poreference-column { width: 60px; } #uploadedpacksreferredalert-grid th.fullproductversionexternalname-column { width: 100px; } #uploadedpacksreferredalert-grid th.referraldate-column { width: 100px; } /*ResultsDashboard columns styling*/ #resultsdashboardresult-grid th.details-column { width: 40px; } #resultsdashboardresult-grid th.poreference-column { width: 90px; } #resultsdashboardresult-grid th.productversion-column { width: 90px; } #resultsdashboardresult-grid th.outstandingreleasedbyato-column { width: 70px; } #resultsdashboardresult-grid th.atoreleasevstotalreleasecount-column { width: 80px; } #resultsdashboardresult-grid th.apmgreleasedresults-column { width: 95px; } #resultsdashboardresult-grid th.atoreleasedresults-column { width: 95px; } #resultsdashboardresult-grid th.id-column { width: 60px; } #resultsdashboardresult-grid th.examdate-column { width: 70px; } #productversionlevelaccreditation-grid th.atoname-column { width: 200px !important } #productversionlevelaccreditation-grid th.productversionname-column { width: 250px !important } #productversionlevelaccreditation-grid th.productversionlevelname-column { width: 140px !important } #productversionlevelaccreditation-grid th.status-column { width: 150px !important } .extrawide { width: 500px; } .auto-width { width: auto !important; } .highlightLink { text-decoration: #990000 } .read-only-input { float: left; width: 223px; } .emailEditorLabel { width: auto; } .emailEditorField { width: auto; } .emailSaveChanges { margin-top : 0px; } #facebox { position:absolute; top:45% !important; left: 0; z-index: 100; text-align: left; } #facebox .popup{ position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); } #facebox .content { display:table; width: auto; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ opacity:0.3; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } /* Both solutions have two ways of doing the same thing. It's cuasing issues with having defaults */ .editor {padding-left:0px;} .OuterDiv .editor {padding-left:10px; padding-bottom:10px;} /* Parent Elements */ #tableheader {color: #666;font-weight: bold;font-size:1.2em;padding-bottom: 16px;margin-left:0px;padding-left:0px;} /* JS Overrides */ .ui-dialog-content .editor-item, .ui-dialog-content .editor-label {margin-top:0px;} #Document_Document {height:20px;} /* Tickbox inside a P needs specific styling, See /candidate/requirements/ */ .haveRead {margin:2px 5px 0px 5px;} /* Messages Search Box */ .OneThirdLeft {margin-top:0px;} .OneThirdLeft label {color:#404041;text-align:left;font-size:13px;width:auto;float:left;clear:left;margin-bottom:0px;} .OneThirdLeft .ui-widget-header legend {color:#404041;background:none;} .OneThirdLeft .editor-label {text-align:left;} .OneThirdLeft .editor-field {clear:left;} .OneThirdLeft legend + .editor {padding:10px;margin-top:0px;} .OneThirdLeft .editor-label {padding-left:0px;} .OneThirdLeft .editor-label label {font-weight:bold;} .OneThirdLeft .editor-field label {font-weight:normal;font-size:12px;} .OneThirdLeft .pager {clear: both;margin:20px auto;} .OneThirdLeft label input {position:relative;top:3px;} /*.OneThirdLeft fieldset {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}*/ .TwoThirdsRight.messages {margin-top:0px;} /* Alerts styling */ th.bookingid-column {width:99px;} a.bookingresults { margin-right:0px; padding:5px 10px; color: black !important; text-decoration: none !important; font-weight: bold !important; background: none !important; border:none !important; box-shadow:none !important; } a.bookingresults:hover { text-decoration: underline !important; font-weight: bold !important; background: none !important; border:none !important; box-shadow:none !important; } /* Alert Styles */ .AlertRed { color: red; font-weight:bold; } .AlertOrange { color: orange; font-weight:bold; } .AlertGreen { color: green } /* ATO Address */ .ato {width: 450px;float: left;margin: 5px 0px 5px 0px;} .ato address {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-size:12px; box-shadow:2px 2px 4px #bbb;background-color:white;width: auto;padding: 5px;margin-bottom:10px;min-height:320px;border:solid 1px #93BBDD;margin-right:40px;} div.ato .green, div.ato .action.green { background-color: green !important;display: block;} a[href^="/my-account/address/add"] {margin-left:0px;color:White;} .ato h2 {font-size:14px;font-style:normal;} .ato p {font-style:normal;font-size:12px;} /* Search Box override */ select#PageSize {width:50px !important;min-width:50px !important;} /* Booking Options */ .boxThree select {font-size:12px} .boxThree.small {width:175px;} .boxThree.small select {width:175px;} .text-box.single-line.small {width:50px;} .boxThree.med {width:330px;} .boxThree.med select {width:330px;} .boxThree.large {width:400px;} .boxThree.large select {width:400px;} .options input {float:left;} .boxThree select{width:260px;min-height:120px;} /* $8. STYLING BY DEVS -------------------------------------------------*/ #editDialog form { width: auto; } .message { cursor: pointer; } .unread-message { cursor: pointer; font-weight: bold; } table#atomessage-grid, table#candidatemessage-grid, .TwoThirdsRight table {width:100% !important;} .area table {width:100%;} .trainerConflict { float: left; width: 100%; } tbody tr.high {color:#ff6b6b !important;} tbody tr.med {color:#000000 !important;} tbody tr.low {color:#4CC24E !important;} ul li.high {color:#ff6b6b !important;} ul li.med {color:#000000 !important;} ul li.low {color:#4CC24E !important;} .trainerConflict table {width:890px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #999;} .priority-low { border-bottom: 2px solid #00ff00; } .priority-medium { border-bottom: 2px solid #ffff00; } .priority-high { border-bottom: 2px solid #ff0000; } .status-complete { color: green; } .status-incomplete {color: #ff0000;} .bookingstatus-outstanding {color: #000;font-weight: bold;} .bookingstatus-pendingapproval {color:#404041;font-weight:bold;} .bookingstatus-approved {color:green;font-weight:bold;background:url("/Content/images/icons/greentick-small.png") no-repeat 0 100%;float:left;padding:10px 10px 0px 20px;} .bookingstatus-rejected {color:red;font-weight:bold;background:url("/Content/images/icons/IconCross.png") no-repeat 0 100%;float:left;padding:0px 10px 0px 20px;} .existing-filename {margin-left:12px;margin-bottom:12px;} #bookingcondition-grid .id-column {width:90px !important;} #infoMessage {padding:10px;font-size:12px;float:left} .hideOnLoad {display:none;} #resultsTable .even {background-color:aliceblue} #resultsTable .odd { background-color:#c7e3f0} #resultsTable th.session-candidate-id-column {width: 70px;} #resultsTable th.product-column {width: 150px;} #resultsTable th.result-column {width: 50px;} #resultsTable th.certificate-column {width: 100px;} #resultsTable th.feedback-column {width: 60px;} #resultsNotAvailableTable .even {background-color:aliceblue} #resultsNotAvailableTable .odd { background-color:#c7e3f0} /* Changed to left align to match rest of site */ #dialog-buttons { position:relative; left:0px; bottom: 20px; top:0px; outline: none !important; } #dialog-buttons input, #dialog-buttons button { margin: 0 10px 0 0px; outline: none !important;} .acceptLink { color: #000099 !important; clear: both; } .acceptLink:hover { color: #0000ff !important; } .wide-dialog { width: 940px; } #MemorableQuestionsViewModel_FirstMemorableQuestion, #MemorableQuestionsViewModel_SecondMemorableQuestion {float:left;width:auto; } input.removefloat {float:none;width:auto;} label.removebold {font-weight:normal;} .explanatoryText { margin-bottom:-10px; margin-left:1px; } #editDialog { overflow-y: scroll; max-height:600px; } button#add-level {} div.radio-list label {margin-bottom:5px;float:left;margin-right:0px;width:235px;} div.radio-list.inline {display:inline;} div.radio-list.inline label {display:inline-block;} div.radio-list{float:left;width:224px;} /* .summaryMessage p {margin-top:10px;} #candidate-exam-detail #atoname-editor, #candidate-exam-detail #poreference-editor, #candidate-exam-detail #examdate-editor, #candidate-exam-detail #examtime-editor, #candidate-exam-detail #examtype-editor { float: left; clear: none; width: 250px; }*/ /* Text is inside spans instead of headers - Need to overide the generic font-size for spans #candidate-exam-detail #atoname-editor span, #candidate-exam-detail #poreference-editor span, #candidate-exam-detail #examdate-editor span, #candidate-exam-detail #examtime-editor span, #candidate-exam-detail #examtype-editor span {font-size:12px;}*/ /* playing with validation starts here */ .editor-field { min-height:24px; font-size:12px; } .indentLeft { margin-left:0px; } /* Changed the icons for the dropdown */ .ui-icon-triangle-1-s {background-position:-16px -191px !important;} .ui-icon-triangle-1-e {background-position:0px -192px !important;} #message { width: 100%; } #editDialog {width:97% !important; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#fff; margin:5px 0px; padding: 10px 10px 0px 10px; } .area.accordion .ui-accordion-content {width:96%;} #message table {width:100%;border:solid 1px #ccc;} #message table td {word-wrap:break-word;vertical-align:top;} #message table * {font-size:12px;} #message a:active {border:0 none;} /* Feedback Report */ .fullsizegrid table {width: 100%;} .reportgrid tr:last-child {font-weight: bold;} table#results-grid table {margin:10px 0px 10px 0px;margin-left:3px;} table#results-grid td.heading strong {margin-left:3px;margin-bottom:4px;} #linkpanel{ /* background: url("http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;*/ float: right; text-align: right; font-size: 12px; height: 30px; width: 50%; padding: 1px !important; color: #6D6E70; /*margin: 0px 6px; border: 1px solid #D0D2D3;*/ } #linkpanel li { list-style-type: none; display:inline;padding-right: 20px; } #linkpanel li a{color:#000;} /* Style for the table with half the width */ .halfsizegrid table { width:460px; } /* Merge pages styling */ .merge-info { padding: 0 200px 10px 370px; overflow: auto; background-repeat: no-repeat; background-position: 330px center; } .merge-info img { float: left; } .merge-image { margin-left:-220px } .merge-wrong-person-image, .merge-invalid-image { margin-left:-80px } .merge-complete-image { margin-left:-90px } .merge-info-request-success { background-image: url("/Content/images/icons/greentick-small.png"); } .merge-info-request-found { background-image: url("/Content/images/icons/greentick-small.png"); } .merge-info-request-not-found { background-image: url("/Content/images/icons/icon-alert-small.png"); } .candidate-login .title h2 { padding-top: 7px; } .candidate-login .content { position: relative; width: 80%; /* HACK: main layout pushes form over to the right */ overflow: auto; padding: 1em 0; } .candidate-login .heading { padding: .5em 1em .5em 41%; margin: .5em 0 1em; } .candidate-login .footer { clear: both; overflow: auto; padding-left: 41%; } .candidate-login .footer p{ line-height: 35px; } .candidate-id-column { width: 100px; } .candidate-name-column { width: 120px; } .session-candidate-id-column { width: 140px; } .session-candidate-status-column { width: 80px; } .product-column { } .result-column { width: 85px; } .result-column strong { display: block; clear: left; } .feedback-column { width: 70px; } .status-column { width: 110px; } .booking-results-summary .PrimaryActions{ float: right; margin: 0; padding: 0; } .SendEmail { float: right; } .SendEmailText { font-size: 12px; float: right; } .booking-results-summary .release-results-column { width: 90px; text-align: center; } .booking-results-summary .release-results-column input[type=checkbox]{ float: none; margin: 0; margin-top: 3px; } .booking-results-summary .release-certificates-column { width: 90px; text-align: center; } .booking-results-summary .release-certificates-column input[type=checkbox]{ float: none; margin: 0; margin-top: 3px; } #despatchedepack-grid th.bookingid-column { width: 60px; } #despatchedepack-grid th.productname-column { width: 120px; } #despatchedepack-grid th.productversionlevelname-column { width: 160px; } #despatchedepack-grid th.examdate-column { width: 110px; } #despatchedepack-grid th.atocontact-column { width: 120px; } #despatchedepack-grid th.download-column { width: 80px; } #despatchedepack-grid th.downloadcandidatelist-column { width: 80px; } #myinvigilator-grid th.name-column {width:20%;} #myinvigilator-grid th.atoname-column {width:40%;} #myinvigilator-grid th.portalaccess-column {width:20%;} #myinvigilator-grid th.portalbookingaccess-column {width:20%;} #mytrainer-grid th.name-column {width:20%;} #mytrainer-grid th.atoname-column {width:20%;} #mytrainer-grid th.exam-column {width:30%;} #mytrainer-grid th.affiliationtype {width:3%;} #mytrainer-grid th.invigilatorportalaccessdisplay {width:20%;} #Notes { width: 220px; height: 63px; } .leftBtn { margin-left: 10px; } .textBox { width: 50px; } .boxed-group h3 { padding: 9px 10px 10px; font-size: 14px; line-height: 17px; display: block; border-radius: 3px 3px 0 0; background-color: #f5f5f5; border: 1px solid #d8d8d8; } .boxed-group.dangerZone h3 { background-color: #df3e3e; color: #fff; border: 1px solid #a00; } .boxed-group-inner { padding: 1px 10px; border: 1px solid #d8d8d8; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #666; font-size: 13px; } .boxed-group-inner h4 { margin: 15px 0 -5px; font-size: 14px; color: #000; } .boxed-group-inner input[type=button] { float: right; display: inline; box-shadow: none!important; } .membership-error-message {width:400px} .voucher-error-message {width:600px} #virtualTrainingPanel a { text-decoration: none; font-weight: normal; } #virtualTrainingPanel b { padding-left: 10px; } .hide-preferences { display: none; } .multi-sessions-inhibit-message { width: 100%; max-width: 840px; margin: auto; background-color: #fcf8e3; border-color: #164a97; border: solid 1px; color: #164a97; font-size: 12px; -moz-border-radius: 6px; padding: 10px 10px 10px 10px; -webkit-border-radius: 6px; margin-top: 5px; margin-bottom: 5px; } .main-logo { display: inline-block; overflow: hidden; width: 435px; height: 0; padding-top: 95px; background-image: url('/Content/common/images/Logo_435x95.png'); background-repeat: no-repeat; background-position: -15px 7px; } .checkBoxList { max-height: 135px; overflow: auto; min-width: 216px; float: left; background: #fff; border: solid 1px #bbb; border-radius: 6px; } .checkBoxList label { display: block; padding: 0 0 5px 5px; } .create-pin { position: absolute; right: 5px; } .create-pin a { text-decoration: none; padding: 5px 10px; } #EnvironmentVersion { position: fixed; top: 38px; right: -45px; font-size: 1em; z-index: 100000000; background-color: #fe9; color: #000; text-shadow: 0 0 3px rgba(255, 255, 255, 0.5); border: solid 2px #fc6; opacity: .85; padding: .5em 5em; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .error-section { padding: 20px 0; } .error-section h2, .error-section h3, .error-section p, .error-section ul { padding: .5em 20px; line-height: 1.4em; } .error-section p, .error-section ul, .error-section label { font-size: 1.2em; } .error-section ul { list-style: none; } .error-section label { display: inline-block; width: 5em; color: #666; text-align: right; padding-right: 1em; } .error-section .section-title h2 { font-size: 2em; } .error-section .error-message p { font-size: 1.3em; } .error-section .support-message { margin-top: 20px; border-top: solid 1px #eee; padding-top: 20px; } #facebox { position: absolute; top:45% !important; left:0; z-index:100; text-align:left; } #facebox .popup{ position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); } #facebox .content { display:table; width:auto; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ opacity:0.3; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } input, select, textarea { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: solid 1px #bbbbbb; padding: 3px; margin-right: 6px; min-height: 18px; } textarea { resize: none; } .resizeable-vertical { resize: vertical; } .resizeable { resize: both; } /* Highlight the element with focus */ /* TODO: not currently implemented as default.css has a similar rule input:focus, select:focus, textarea:focus { border-color: #aaa; border-bottom-color: #ddd; border-right-color: #ddd; box-shadow: 0 0 4px #999; }*/ .action-bar { overflow: auto; padding-top: 5px; } .action-bar .btn-right{ float: right; } .responsive-form .editor-label{ width: 30%; } .responsive-form .allButtons .PrimaryActions { margin-left:31% } .responsive-form .editor-field { width: 54%; margin-right: 15%; } .responsive-form .editor-field>span:first-child, .responsive-form #address-editor .editor-field>span:first-child{ top: 0; padding-top: 3px; display: inline-block; } .responsive-form .editor-field select, .responsive-form .editor-field input { margin-top: -3px; width: 100%; border-radius: 2px; } .responsive-form .editor-field input[type=radio], .responsive-form .editor-field input[type=check], .responsive-form .editor-field [data-addressdetail-url] { width: auto; } .responsive-form .editor-field input { padding-left: 6px; } .responsive-form .editor-field button{ margin-top: -3px; float: left; line-height: 1.1em; border-radius: 2px; border: none!important; box-shadow: none!important; background-image: inherit!important; background: #123f81; padding: 10px 15px; } .responsive-form button#findAddress { padding: 6px 12px; } .responsive-form .ui-tabs { min-height: 400px; overflow: auto; } .responsive-form .ui-tabs>div { padding-top: 30px; } .responsive-form .req { position: absolute; right: 13%; } .responsive-form .addressLookupResult { position: absolute; margin-top: 25px; z-index: 10000; } .responsive-form .addressLookupResult .NormalBorder { background-color: #fff; padding: 30px 50px; width: 300px; } .responsive-form .addressLookupResult .areaNoBorder { padding: 10px 0!important; overflow: auto; } .help, form .help { font-size: 1.2em; border:solid 1px #eee; border-radius: 2px; padding: 8px 10px 8px 26px; background-color: #ffe; background-image: url(/content/Icons/question-mark.png); background-repeat: no-repeat; background-position: 2px 5px; text-align: left; clear: both; } .help.help-legend, form .help.help-legend { padding: 8px 10px; background-image: none; } .help.help-inline, form .help.help-inline { position: absolute; right: 10px; margin-top: -5px; border: none; border-bottom: solid 5px #00337f; box-shadow: 2px 2px 4px rgba(0, 0, 0, .3); } .help .help-title, form .help .help-title { border-bottom: solid 1px #eee; font-size: 1.1em; } li.icon, td.icon, th.icon { padding-left: 26px; } a.icon { padding-left: 16px; } .icon{ background-image: url('/Content/images/icons/Cog_20x20.png'); background-repeat: no-repeat; } .icon-only { display: inline-block; padding-left: 24px; width: 0;height: 24px; overflow: hidden; background-position: center center; background-repeat: no-repeat; } li.icon { background-position: left center; } td.icon, th.icon { background-position: left 4px; } .icon-candidate { background-image: url('/Content/icons/candidate.png'); } .icon-candidate-not-registered { background-image: url('/Content/icons/question-mark.png'); } .icon-candidate-registered { background-image: url('/Content/icons/tick-green.png'); } .icon-candidate-not-enrolled { background-image: url('/Content/icons/question-mark-blue.png'); background-color: #e9eef2; } .icon-candidate-enrolled { background-image: url('/Content/icons/tick-blue.png'); background-color: #e9eef2; } .icon-candidate-enrolled-by-apmg { background-image: url('/Content/icons/tick-amber.png'); background-color: #e9eef2; } .icon-booking { background-image: url('/Content/icons/booking.png'); } .icon-pdf { background-image: url('/Content/icons/document-pdf.png'); } .icon-email-grey { background-image: url('/Content/icons/Email-icon-grey.png'); } .icon-email-green { background-image: url('/Content/icons/Email-icon-green.png'); } .icon-view-doc { background-image: url('/Content/icons/document-view.png'); } .icon-download-doc { background-image: url('/Content/icons/document-download.png'); } a.icon-download-doc { background-image: url('/Content/icons/document-download-small.png'); } .icon-pause { background-image: url('/Content/icons/pause.png'); } a[href=''].icon, a[href=''].icon-only { display: none; } .inline-tabs.ui-widget{border:none !important;border-bottom:solid 1px #ccc !important;border-radius:0;box-shadow:0 8px 5px -5px rgba(0,0,0,.1)}.inline-tabs.ui-widget-content a{color:inherit !important}.inline-tabs .ui-widget-header{background:none !important;box-shadow:none;border-style:none;border-bottom:solid 1px #ccc;border-radius:0;box-shadow:inset 0 -6px 5px -5px rgba(0,0,0,.1);padding-bottom:0 !important}.inline-tabs .ui-tabs-nav li{background:none;background-color:#eee;color:#666;border-color:#ddd;font-weight:normal;box-shadow:inset 0 -5px 5px -5px rgba(0,0,0,.1)}.inline-tabs .ui-tabs-nav li.ui-tabs-selected{background-color:#fff;padding-bottom:2px;margin-top:-1px;color:#3578bb;border-color:#ccc;font-weight:bold;box-shadow:none}.inline-tabs .ui-tabs-nav li a:focus{outline:none}.inline-tabs input:focus,.inline-tabs select:focus{border-width:1px;box-shadow:0 0 5px #3578bb} .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #164a97; width: 840px; margin: 10px; font-size: 12px; -moz-border-radius: 6px; padding: 10px 10px 10px 40px; -webkit-border-radius: 6px; background: url("/Content/images/icons/icon-alert-small.png") no-repeat #fcf8e3 1% 50% !important; } .alert-error { background-color: #ffb6c1; border-color: #faebcc; color: #164a97; width: 840px; margin: 10px; font-size: 12px; -moz-border-radius: 6px; padding: 10px 10px 10px 40px; -webkit-border-radius: 6px; background: url("/Content/images/icons/iconsReject.png") no-repeat #ffb6c1 1% 10px !important; } .alert-info { background-color: #5bc0de; border-color: #46b8da; color: #FFFFFF; width: inherit; margin: 10px; font-size: 12px; -moz-border-radius: 6px; padding: 10px 10px 10px 40px; -webkit-border-radius: 6px; background: url("/Content/Icons/information.png") no-repeat #5bc0de 1% 50% !important; } .width-inherit { width:inherit; } .alert-warning button { float: right !important; padding: 0px 6px !important; margin-top: -5px !important; margin-right: -4px; font-size: 12px; box-shadow: 2px 2px 2px #999 !important; /*background: #C29011 !important;*/ } #status-messages { position: relative; } .status-message { display: none; position: relative; } .status-message-content { display: flex; position: relative; width: 940px; margin: 0 auto; padding: 0 10px; overflow: auto; box-shadow: 0 0 10px rgba(0, 0, 0, .05); } .status-message-content h4, .status-message-content p, .status-message-button span { font-size: 15px; line-height: 1.25em; margin: 0; padding: 3px 0; color: inherit; } .status-message-content a { color: inherit; } .status-message-title { flex-basis: 20%; padding: 10px 15px; } .status-message-description { padding: 10px 15px; flex-basis: 60%; } .status-message-button { position: relative; flex-basis: 20%; } .status-message-button span { position: absolute; right: 10px; bottom: 5px; width: 80%; max-height: 90%; padding: 8px; border-radius: 5px; cursor: pointer; text-align: center; } .status-message-button:hover { filter: brightness(110%); } .status-message-type-Information { background-color: #dde; } .status-message-type-Information .status-message-content { background-color: #eef; color: #00337f; } .status-message-type-Information .status-message-button span { color: #eef; background-color: #00337f; } .status-message-type-ScheduledDowntime { background-color: #eeb; } .status-message-type-ScheduledDowntime .status-message-content { background-color: #ffc; color: #960; } .status-message-type-ScheduledDowntime .status-message-button span { color: #462e00; background-color: #f2a100; } .status-message-type-UnexpectedDowntime { background-color: #edd; } .status-message-type-UnexpectedDowntime .status-message-content { color: #933; background-color: #fee; } .status-message-type-UnexpectedDowntime .status-message-button span { color: #fee; background-color: #c33; } .ui-timepicker-div dl { float: left; width: 100%; } .ui-timepicker-div { float: left; width: 100%; padding: 10px 0; font-weight: bold; } .ui-timepicker-div, .ui-timepicker-div select { font-size: 11px !important; } .ui-timepicker-div select { width: auto;min-width: inherit; height: 26px; float: left; } .ui-timepicker-div dt { float:left; font-size: 10px; padding: 1px 5px 0 2px; } .ui-timepicker-div .ui_tpicker_time { padding-bottom: 8px; } .ui-timepicker-div .ui_tpicker_hour_label, .ui-timepicker-div .ui_tpicker_minute_label { padding-top: 6px; }