/* Minification failed. Returning unminified contents. (2325,22): run-time error CSS1038: Expected hex color, found '#fff ' (2326,28): run-time error CSS1038: Expected hex color, found '#258DC8 ' (2339,35): run-time error CSS1038: Expected hex color, found '#A8B500 ' (3154,70): run-time error CSS1030: Expected identifier, found ' ' (3154,70): run-time error CSS1019: Unexpected token, found ' ' */ /* * 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%; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(images/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* $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%;padding-left: 30px;} .left {float:left !important;text-align:left;width:auto;} .clr {clear:left;height:1px;width:100%;} .cen {display:block;margin:0 auto;text-align:center;} .clrLeft { clear: left !important; } 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;} .editor-field select,.editor-field input {float:left;} input, select {height:16px;padding:3px;} .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 (Please don't change those styles, they are done to achieve the optimum browser compatability after testing on different browsers*/ 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;} header nav {clear:left;float:left;margin:10px 0px;width:100%;} .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 {float: left;clear:left;width:100%;color:#6D6E70;font-size:16px;} header section aside section {clear:left;float:right;font-size:12px;width:auto;padding:4px 10px;-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-right:4px;margin-top:2px;height:13px;} /* $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;margin-top:-15px;} 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;} #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: 500;} 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;box-shadow:4px 4px 4px #999;border:1px solid #ccc; background-color:#fff;} .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%;} /* Validation */ .field-validation-error {color:#900; font-size:12px;background:none repeat scroll 0 0 white;border:1px solid red;padding: 0 5px;} .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;} /* Timeline - Images pointing to my server until I get approval for the images */ .timelineWrapper {float:left;clear:both;width:914px;margin-bottom:15px; padding: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:920px;} #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;} #infoLink {float: right;width: auto;margin-right: 18px;} #bookingConfirmedBy {float: right;width: auto;margin-right: 18px;} #bookingCreatedBy {float: right;width: auto;margin-right: 18px;} #ATOName {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;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 {width:91%;padding-left:33px;margin-top:-5px;float:left;min-height:30px;margin-top:64px;font-weight: bold;color:#00337f;font-size:11px;} ul.timeline li label {padding-top: 5px;width:92%;padding-left:32px;float:left;margin:0 auto;position:relative;z-index:10;} 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;} /* 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;} .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;} /*Please don't change those styles, they achieve the optimum browser compatability after testing on different browsers*/ form input[type=text], form input[type=password], input[type="file"], input[type="email"],textarea {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:solid 1px #bbbbbb;padding:3px;margin-right:6px;} textarea, input[type="number"], form input[type=text], form input[type=password], input[type="file"], input[type="email"] { background: #fbfbfb; }select, form select {border-width:1px;border-style:solid;padding:3px;margin-right:6px;} /* 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;} input[type="text"].large {width:300px;} input[type="url"] {font-family:Arial, Helvetica, sans-serif;width:500px;} 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; } [readonly] { font-style:italic; border-color: #ccc!important; background:#eee!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;} 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;} #candidateList table td {word-wrap: inherit;position:relative;} /* 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;top:5px;margin-right:5px;float:none;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;text-decoration: underline;color: blue;} .editor-item a {font-size:12px;text-decoration: underline;color: blue;} .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%; min-height: 24px; line-height: 20px; display: inline; padding: 2px 0px 5px 0px; float: right; } .editor-field input {padding-left:2px;} .editor-field span {position:relative;top:0px;margin-bottom:10px;} .editor-field input.check-box {position:relative;top:4px;/*This is to align the check boxes with their labels*/float:none;} #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;line-height: 1.4em !important;border: 1px solid #ddd; padding:5px 3px 3px;margin-right:10px;background: rgb(192, 192, 192)!important;padding:6px 12px;box-shadow:4px 4px 4px #ddd !important;float: left;} /* Override for scrolling div span */ #static span.nonActiveButton {float: none;position: relative;top:10px;margin-left:10px;margin-right:0px;} /*Disabled class created for a span with an anchor tag to look like a disabled button*/ span.disabledButton {background-color: rgb(192, 192, 192)!important;box-shadow:4px 4px 4px #ddd !important;border:solid 1px #aaa !important;line-height:1.4em;text-decoration:none !important;color:#666 !important; float:left;font-size:14px;-webkit-border-radius:6px;border-radius:6px;-moz-border-radius:6px;padding:6px 12px;} /* 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;} /* 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 8px;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 */} /* SUBTABS */ /* $4c TABS */ div.subtabs {clear:both;float:left;margin:0px 10px 0px 10px;width:720px;} div.subtabs ul {width:100%; list-style-type:none;float:left;clear:left;} div.subtabs li {float:left;line-height:20px;padding:5px 8px;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;} div.subtabs li a {color:#333;text-decoration:none;} div.subtabs .tab1 a {color:#00337f;} div.subtabs li.active, div.subtabs li.active a, div.subtabs li.tab1-active, div.subtabs li.tab1-active a, div.subtabs li.tab2-active, div.subtabs li.tab2-active a, div.subtabs li.tab3-active, div.subtabs li.tab3-active a {color:#00337f; font-weight:bold; text-decoration:none;} div.subtabs li:hover a {color:#00337f;text-decoration:underline;} /* New Tabs */ div.subtabs li.active, div.subtabs li.tab1-active, div.subtabs 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 */} div.subtabs li.tab2-active {background:#A7EFAE !important;border-width:1px 1px 0px 1px;margin-top:1px;color:#404041;} div.subtabs li.tab2, div.subtabs li.tab2-active {border:solid #A7EFAE !important;border-width:1px 1px 1px 1px !important;} div.subtabs 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 */} div.subtabs 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.subtabarea { border:1px solid #2a64b0; padding: 1px;margin-bottom: 2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; box-shadow:1px 1px 1px #999; background: #f1f0f0; background:-webkit-linear-gradient(top, #ffffff, #f1f0f0); background:-moz-linear-gradient(top, #ffffff, #f1f0f0); float:left;width:99%; } 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.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;} .subtabs 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 */ } .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;} .tabs ul li.pointer { cursor: pointer; } /* 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, .ui-dialog-buttonset button,input[type=button] { color:#fff !important; float:left; font-size:14px !important; -webkit-border-radius:6px !important; border-radius:6px !important; -moz-border-radius:6px !important; padding:6px 12px; background:#00337f !important; 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)) !important; /* Saf4+, Chrome */ background-image: url("/Content/images/buttonBG.png"), -webkit-linear-gradient(top, #0445a4, #00337f) !important; /* Chrome 10+, Saf5.1+ */ background-image: url("/Content/images/buttonBG.png"), -moz-linear-gradient(top, #0445a4, #00337f) !important; /* FF3.6+ */ background-image: url("/Content/images/buttonBG.png"), -ms-linear-gradient(top, #0445a4, #00337f) !important; /* IE10 */ background-image: url("/Content/images/buttonBG.png"), -o-linear-gradient(top, #0445a4, #e2e1e1) !important; /* Opera 11.10+ */ background-image: url("/Content/images/buttonBG.png"), linear-gradient(top, #0445a4, #e2e1e1) !important; /* W3C */ box-shadow:4px 4px 4px #999 !important; border:solid 1px white !important; cursor:pointer !important; line-height:1.4em !important; font-weight:normal !important; } .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, .ui-dialog-buttonset:hover .ui-button:hover, .pager a:hover,button:hover, a.DarkButton:hover, a.CsvUploaderLink:hover,td input[type=button].btn: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, .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;} /* Classes for Extra Primary Buttons like Add New Course etc. */ .OtherButton {padding:2px;float:left;margin-top:4px;} 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 */ } /* Green default buttons .ato input[type="button"].green, .ato input[type="submit"].green, div.ato div.action.green { background:#009107 !important;} /* Old browsers */ /*.ato input[type="submit"].green:hover, div.ato div.action.green, input[type="button"] {cursor: pointer;background:#008408;padding:5px 10px;width:auto;float:left;margin-right:10px;border-radius:6px;font-size:14px;color:white;min-width:inherit;}*/ /*td input[type=button].btn {padding: 5px 15px;width: auto;float: left;margin-top: 5px;margin-right: 10px;border-radius: 6px;font-size:14px;color:white;min-width:75px;line-height:8px;}*/ .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;} header section aside section {height:12px\9;} legend {margin-top:10px\9;} .ui-dialog-content.ui-widget-content {overflow-x:hidden\9 !important;} .radio-list {float:left;margin-bottom:10px;} /* 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;} .checkBoxList {max-height:135px;overflow:auto; min-width: 216px;float: left;background:#fff;border:solid 1px #777777;border-radius: 6px;} .checkBoxList label{ display: block;padding: 0 0 5px 5px;} 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 {box-shadow:0px 2px 2px #999;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%;margin-top:15px;} .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;} table.form-candidate-table { margin-bottom: 10px; } .form-candidate-table tr:first-child td{ line-height: 24px; } td.container-cell { padding: 0; } .staticTable th.ExpandIcon, .form-candidate-table td.ExpandIcon { width: 20px; } .staticTable th.candidateFirstName, .staticTable th.candidateLastName, .staticTable th.cadidateEmail, .form-candidate-table td.candidateFirstName, .form-candidate-table td.candidateLastName,.form-candidate-table td.cadidateEmail { width: 129px; } .staticTable th.candidateID, .form-candidate-table td.candidateID { width: 85px; } .staticTable th.candidateRemove, .form-candidate-table td.candidateRemove { width: 50px; overflow: hidden; } .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;} .staticTable th.plusButton {width:23px;} #bookingswithmanualprocessinglistitem-grid th.bookingid-column {width: 65px;} #bookingswithmanualprocessinglistitem-grid th.examdateasstring-column {width: 80px;} #bookingswithmanualprocessinglistitem-grid th.alertaction-column {width: 70px;} #bookingswithmanualprocessinglistitem-grid th.adminowner-column {width: 100px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.bookingid-column {width: 65px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.atoname-column {width: 65px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.fullproductversionlevelname-column {width: 120px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.sessioncandidateid-column {width: 60px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.candidatename-column {width: 80px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.task-column {width: 100px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.adminowner-column {width: 80px;} #sessioncandidateswithmanualpostresultreleasedtaskslistitem-grid th.alertaction-column {width: 60px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.bookingid {width: 25px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.answersimportedonutcfordisplay-column {width: 100px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.fullproductversionlevelname-column {width: 150px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.candidate-column {width: 100px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.deploymenttype-column {width: 50px;} #shortanswerquestionsreadyforprocessinglistitem-grid th.minimumnumberofquestionsansweredtext-column {width: 40px;} #migrationatoexception-grid th.parentatoid-column {width: 30px;} #migrationatoexception-grid th.atoname-column {width: 100px;} #migrationatoexception-grid th.examtype-column {width: 35px;} #migrationatoexception-grid th.exportdate-column {width: 68px;} #migrationatoexception-grid th.emailaddress-column {width: 100px;} #migrationatoexception-grid th.officeid-column {width: 30px;} #migrationatoexception-grid th.migrationatoexceptionfix-column {width: 125px;} #exampackmissingpaperalert-grid th.bookingid-column {width: 70px;} #exampackmissingpaperalert-grid th.fulfilmentofficename-column {width: 100px;} #exampackmissingpaperalert-grid th.versionname-column {width: 80px;} #passedexam-grid th.examandid-column { width: 250px; } #passedexam-grid th.dateformatted-column {width: 80px;} #passedexam-grid th.candidate-column {width: 120px;} #passedexam-grid th.candidateemail-column {width: 200px;} #passedexam-grid th.sessioncandidatestatus-column {width: 50px;} #passedexam-grid th.resultreleased-column {width: 50px;} #virtualcoursesummary-grid th.details-column { width: 40px; } #virtualcoursesummary-grid th.bookingid-column {width: 70px;} #virtualcoursesummary-grid th.aoname-column {width: 120px;} #virtualcoursesummary-grid th.poreference-column {width: 120px;} #virtualcoursesummary-grid th.coursestartdate-column {width: 100px;} #virtualcoursesummary-grid th.courseenddate-column {width: 100px;} #invigilatorportallogon-grid th.name-column { width: 100px;} #invigilatorportallogon-grid th.username-column { width: 150px;} #invigilatorportallogon-grid th.invigilatorportallogontype-column { width: 50px;} #invigilatorportallogon-grid th.legacytext-column { width: 50px;} #invigilatorportallogon-grid th.atotext-column { width: 200px;} #invigilatorportallogon-grid th.reset-column { width: 50px; } #onholdcandidatesalertitem-grid th.bookingid-column { width: 70px;} #onholdcandidatesalertitem-grid th.atoname-column { width: 150px;} #onholdcandidatesalertitem-grid th.numberofcandidatesonhold-column { width: 70px;} #onholdcandidatesalertitem-grid th.numberofcandidatesmissingprerequisites-column { width: 80px;} #onholdcandidatesalertitem-grid th.receiveddatetime-column { width: 130px;} #onholdcandidatesalertitem-grid th.lastexamdate-column { width: 80px;} #onholdcandidatesalertitem-grid th.packowner-column { width: 100px;} #trainerwithnoncorrespondingaffiliation-grid th.trainername-column {width: 100px;} #trainerwithnoncorrespondingaffiliation-grid th.legacytrainerid-column {width: 30px;} #trainerwithnoncorrespondingaffiliation-grid th.trainercountry-column {width: 30px;} #trainerwithnoncorrespondingaffiliation-grid th.fullproductversionlevelexternalname-column {width: 100px;} #trainerwithnoncorrespondingaffiliation-grid th.atoid-column {width: 30px;} #trainerwithnoncorrespondingaffiliation-grid th.atoname-column {width: 100px;} #mytrainer-grid th.displayname-column {width: 150px;} #mytrainer-grid th.atoname-column { width: 150px;} #mytrainer-grid th.exam-column { width: 150px;} #mytrainer-grid th.affiliationtype-column { width: 60px; } #mytrainer-grid th.edittraineremail-column { width: 25px; } #mytrainer-grid th.invigilatorportalaccessdisplay-column { width: 150px;} #mytrainer-grid th.edit-column { width: 25px; } #clustered-product-grid th.approve-column { width: 105px; } #clustered-product-grid th.atoname-column { width: 150px;} #clustered-product-grid th.levelnames-column { width: 90px;} #clustered-product-grid th.productname-column { width: 75px;} #clustered-product-grid th.emailaddress-column { width: 220px; } #clustered-product-grid input.emailaddress { width: 200px; } #clustered-product-grid th.expirydate-column { width: 90px; } #clustered-product-grid th.ukas-column { width: 50px; } #myinvigilator-grid th.displayname-column { width: 175px;} #myinvigilator-grid th.atoname-column { width: 175px;} #myinvigilator-grid th.invigilatorportalaccessdisplay-column { width: 250px;} #myinvigilator-grid th.archive-column { width: 50px;} #myinvigilator-grid th.edit-column { width: 20px; } #unconfirmedbookingalertitem-grid th.bookingid-column { width: 62px;} #unconfirmedbookingalertitem-grid th.atoname-column { width: 230px;} #unconfirmedbookingalertitem-grid th.poreference-column { width: 150px;} #unconfirmedbookingalertitem-grid th.firstexamdate-column { width: 90px;} #unconfirmedbookingalertitem-grid th.alertpriority-column { width: 55px;} #uploadedexampacksprovisionalresultsqueuealertitem-grid th.bookingid-column { width: 68px;} #uploadedexampacksprovisionalresultsqueuealertitem-grid th.poref-column { width: 150px;} #uploadedexampacksprovisionalresultsqueuealertitem-grid th.atoname-column { width: 230px;} #uploadedexampacksprovisionalresultsqueuealertitem-grid th.createddatetime-column { width: 100px;} #uploadedexampacksprovisionalresultsqueuealertitem-grid th.status-column { width:230px;} #productversionlevel-grid th.edit-column { width: 35px;} #productversionlevel-grid th.name-column { width: 150px;} #productversionlevel-grid th.statustext-column { width: 120px;} #productversionlevel-grid th.productversionlevelnextstatus-column { width: 100px;} #productversionlevel-grid th.productversionlevelidtowithdraw-column { width: 100px;} #productversionlevel-grid th.setproductversionlevelidbacktodraft-column { width: 100px;} #productversionlevel-grid th.createreregistrationlevel-column { width: 100px;} #removetrainerconflict-grid th.bookingid-column { width: 60px;} #removetrainerconflict-grid th.acceptaction-column { width: 50px;} #removetrainerconflict-grid th.rejectaction-column { width: 50px;} #candidateexam-grid th.sessioncandidateid-column { width: 60px;} /*Invoice & Certification Alert columns styling*/ #invoiceerrorsalertitem-grid th.bookingid-column {width:60px;} #invoiceerrorsalertitem-grid th.productandversionname-column {width:160px;} #invoiceerrorsalertitem-grid th.examdate-column {width:84px;} #invoiceerrorsalertitem-grid th.atoname-column {width:100px;} #invoiceerrorsalertitem-grid th.responsibleadministrator-column {width:90px;} #invoiceerrorsalertitem-grid th.alertaction-column {width:80px;} #certificationinfo-grid th.decisiondatetime-column {width:30%;} #certificationinfo-grid th.produceddatetime-column {width:30%;} #certificationinfo-grid th.certificatenumber-column {width:10%;} #certificationinfo-grid th.certificatetype-column {width:10%;} #certificationinfo-grid th.scrsentdatetime-column {width:10%;} #certificationinfo-grid th.certificatelink-column {width:10%;} #certificationinfo-grid th.showhidecertificatelink-column {width:10%;} #scrinfo-grid th.scrsentdatetime-column {width:25%;} #scrinfo-grid th.scrcurrentvisibilitystatus-column {width:50%;} #scrinfo-grid th.scrvisibility-column {width:25%;} #unclaimed-trainer-badges-grid th.replace-column {width:18%;} #unclaimed-trainer-badges-grid th.name-column {width:15%;} #unclaimed-trainer-badges-grid th.EmailAddress-column {width:27%;} #unclaimed-trainer-badges-grid th.ProductVersionLevelName-column {width:20%;} #unclaimed-trainer-badges-grid th.ExpiryDate-column {width:20%;} #unclaimed-trainer-badges-grid input.unclaimedEmailAddress {width:90%;} /*Invoice & Certification Alert columns styling*/ #unprocessedexampackalertitem-grid th.bookingid-column {width:60px;} #unprocessedexampackalertitem-grid th.poreference-column {width:140px;} #unprocessedexampackalertitem-grid th.atoname-column {width:100px;} #unprocessedexampackalertitem-grid th.productversion-column {width:140px;} #unprocessedexampackalertitem-grid th.responsibleadministrator-column {width:90px;} #unprocessedexampackalertitem-grid th.alertaction-column {width:80px;} #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:84px;} #certificateerrorsalertitem-grid th.acquirecomplete-column {width:135px;} #certificateerrorsalertitem-grid th.sessioncandidatename-column {width:150px;} #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:84px;} #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;} #prerequisitespendingalert-grid th.link-column {width:20px;} #prerequisitespendingalert-grid th.acceptcommand-column {width:26px;} #prerequisitespendingalert-grid th.rejectcommand-column {width:25px;} #prerequisitespendingalert-grid th.atoname-column {width:100px;} #prerequisitespendingalert-grid th.bookingid-column {width:40px;} #prerequisitespendingalert-grid th.productname-column {width:70px;} #prerequisitespendingalert-grid th.candidatename-column {width:50px;} #prerequisitespendingalert-grid th.prerequisitespendingalertcandidatename-column {width:50px;} #prerequisitespendingalert-grid th.prerequisitenumber-column {width:50px;} #prerequisitespendingalert-grid th.prerequisitespendingalertprerequisitenumber-column {width:50px;} #prerequisitespendingalert-grid th.details-column {width:130px;} #prerequisitespendingalert-grid th.alertstatus-column {width:30px;} #resultsreceptionalertitem-grid th.id-column {width:28px;} #resultsreceptionalertitem-grid th.receiveddatetime-column {width:84px;} #resultsreceptionalertitem-grid th.examdeploymenttype-column { width: 60px;} #resultsreceptionalertitem-grid th.bookingid-column {width:50px;} #resultsreceptionalertitem-grid th.poref-column {width:140px;} #resultsreceptionalertitem-grid th.lastexamdate-column {width:65px;} #resultsreceptionalertitem-grid th.packowner-column {width:80px;} #unprocesseduploadedexampackalertitem-grid th.id-column {width:28px;} #unprocesseduploadedexampackalertitem-grid th.bookingid-column {width:55px;} #unprocesseduploadedexampackalertitem-grid th.lastexamdate-column {width:75px;} #unprocesseduploadedexampackalertitem-grid th.dateuploaded-column {width:75px;} #unprocesseduploadedexampackalertitem-grid th.lastuploadedperson-column {width:65px;} #unprocesseduploadedexampackalertitem-grid th.poreference-column {width:130px;} #remoteproctoruresult-grid th.authorisationcode-column {width:100px;} #remoteproctoruresult-grid th.candidateid-column {width:79px;} #remoteproctoruresult-grid th.firstname-column {width:100px;} #remoteproctoruresult-grid th.lastname-column {width:100px;} #remoteproctoruresult-grid th.bookingid-column {width:60px;} #remoteproctoruresult-grid th.productversionlevelname-column {width:200px;} #remoteproctoruresult-grid th.resultstatus-column {width:60px;} #remoteproctoruresult-grid th.validate-column {width:60px;} #remoteproctoruresult-grid th.void-column {width:50px;} #remoteproctornowresult-grid th.authorisationcode-column {width:100px;} #remoteproctornowresult-grid th.candidateid-column {width:79px;} #remoteproctornowresult-grid th.firstname-column {width:100px;} #remoteproctornowresult-grid th.lastname-column {width:100px;} #remoteproctornowresult-grid th.bookingid-column {width:60px;} #remoteproctornowresult-grid th.productversionlevelname-column {width:200px;} #remoteproctornowresult-grid th.resultstatus-column {width:60px;} #remoteproctornowresult-grid th.validate-column {width:60px;} #remoteproctornowresult-grid th.void-column {width:50px;} #missingcandidateemailalertitem-grid th.id-column {width:32px;} #missingcandidateemailalertitem-grid th.bookingid-column {width:60px;} #missingcandidateemailalertitem-grid th.poreference-column {width:160px;} #missingcandidateemailalertitem-grid th.atoname-column {width:140px;} #missingcandidateemailalertitem-grid th.candidatename-column {width:140px;} #missingcandidateemailalertitem-grid th.candidateid-column {width:70px;} #missingcandidateemailalertitem-grid th.sessioncandidateid-column {width:70px;} #missingcandidateemailalertitem-grid th.examdate-column {width:70px;} #invigilatorsnotregisteredlistitem-grid th.bookingid-column {width:60px;} #invigilatorsnotregisteredlistitem-grid th.firstinvigilatortext-column {width:60px;} #invigilatorsnotregisteredlistitem-grid th.secondinvigilatortext-column {width:60px;} #invigilatorsnotregisteredlistitem-grid th.sessiondatetimelocaltext-column {width:40px;} #invigilatorsnotregisteredlistitem-grid th.atoname-column {width:100px;} th.editlinkid-column {width:35px;} #syllabusareatopics-grid th.topicid-column { width: 35px;} #syllabusareatopics-grid th.levels-column { width: 135px;} #syllabusareatopics-grid th.button-column { width: 70px;} #productversionlevelaccreditation-grid th.atoname-column { width: 180px;} #productversionlevelaccreditation-grid th.productversionname-column { width: 220px;} #productversionlevelaccreditation-grid th.iscbtavailable-column { width: 120px;} #candidatesearchitem-grid th.email-column { width: 300px;} 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:84px;} 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:65px;} 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;} #atobookingcondition-grid th.link-column { width: 17px; } #atobookingcondition-grid th.details-column { width: 135px; } #atobookingcondition-grid th.detailstext-column { width: 135px; } #atobookingcondition-grid th.rejectreason-column{ width: 125px; } #atobookingcondition-grid th.comments-column { width: 60px; } #atobookingcondition-grid th.status-column { width: 50px; } #atobookingcondition-grid th.edit-column { width: 18px; } #bookingsummary-grid th.details-column {width:104px;} th.recreatepack-column{width:100px;} .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.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;height:auto !important;} .ui-widget-header {color:#fff;} .ui-widget-header span {font-size:14px !important;} .ui-dialog {border:solid 1px #404041 !important;} .ui-dialog-buttonset .ui-button {color:White !important;font-weight:normal !important;} .ui-widget {border: 1px solid #404041 !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-dialog-buttonset,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {margin-left: 49%;} /*This is to shift the UI dialog button at the centre of the popup to make it consistent*/ .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; box-shadow: 0px 2px 2px #999; 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;}*/ .HeaderFont { font-style: normal } .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; } .DivWidth30 {width:auto;float:left;margin:0px 15px;font-weight: bold} .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;} .messageText {color:#900;font-weight: bold;} /* 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: 118px; float: left; margin-top: 0px; margin-left: 15px; } span.OrigTrainerSpan { width: 181px !important; margin-top: 3px !important; margin-right: 68px; } span.new-section { display: block; } .OrigTrainer label { margin-right: 2px !important; float: left; } .origTrainer label { margin-right: 0px !important; float: left; } div.OrigTrainer { width: auto; } .editor-label.ConfirmSector { height: 22px; } .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; } .public-booking-candidate { position: relative; } .public-booking-candidate .create-pin { margin-top: 5px; line-height: 25px; } .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 28px 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:35px;} 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:2px;} /*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:left; 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; } #messagePopup {float:left;min-height:50px !important;} #passwordMessage, #confirmPasswordMessage {float:left;width:auto;} /*Warning Messages displayed with the warning icon*/ 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;} .WarningMessageBox {width:100%;float:left;min-height:30px;padding:4px;font-size:12px;} .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; } .trainerConflict { clear: left; } .trainerConflict table{ margin-bottom:25px; } #BookingDateTo { float: none; } #ExamDateTo { float: none; } #DispatchDateTo { float: none; } #ApmgResultsReleasedDateTo { float: none; } .candidate-result-details .grid table{ clear: left; } #ATOLogoImage img { max-width: 500px; max-height: 400px; } .preserveLineBreaks { white-space: pre-line; } .extrawide { width: 500px; } .disable-links { pointer-events: none; } .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; } .agile-flag { padding-bottom: 0px; padding-top: 5px; } .headingLink { float: right; margin-right:10px; margin-top:5px; font-size:x-small; color: white; } .candidate_additional_time_message { color: red; padding-top: 5px; } a.nounderline { text-decoration: none } .splitDivsIntoThreeColumns { float: left; width: 33%; } .no-inv-access { background-color: red; color: white; font-weight: bold; } a.atobookingconditions { padding : 0px !important; } a.btn.voidresults { float: right; } button#update-product-codes{ padding: 2px 12px; } /* The .Net structure between the two sites is different. This will need addressing! */ fieldset .editor {margin-left:0px;} legend + .editor {margin-top:10px;padding-left:0px} fieldset {padding-left:10px;} .labpad {padding:10px 0px 0px} .editor {padding-left:0px;} th.productversionid-column {padding-left:4px;} /* Table Header backgrounds for High, Medium and Low */ tbody tr.high {color:#ff6b6b !important;} tbody tr.med {color:#F2C35C !important;} tbody tr.low {color:#4CC24E !important;} /* For tables that have too much content to fit - Wrap the table in this div */ .scrollable {overflow:auto;width:900px;} /* Quality Check Page Styling - This has lots of default overrides IMPORTANT NOTE: The min-width on the label WILL need changing when longer text labels are added! */ .packs {float:left;clear:left;margin:20px 0px;width:auto;} .packs .editor {clear:left;float:left;margin-top:10px;height:40px;width:auto;} a.TextButton {position:relative;font-size:13px;top:11px;} .packs label {width: auto;text-align: right;margin-left: 12px;float: right;} .packs a {float:left !important;width:auto !important;margin-top:-12px;position:relative; z-index:20;} .packs h3 {float:left;clear:both;margin:10px 0px;} .packs h3 label {margin-left:0px;} /* $4b FORM STYLING */ .greyedout{ opacity: 0.2; -moz-opacity: 0.2} /* For radio buttons that need to sit next to labels */ .radiooverride .editor-item {width:35px !important;float:left !important; clear:none !important;} .venueSelect {float:right;width:auto;position:relative;z-index:999;top:1px;} /*Some devs seem to be cascading the editor-field*/ .editor-field .editor-field {margin-left:0px;} /* Validation .field-validation-error {color: #900; font-size:12px;background: none repeat scroll 0 0 white;border: 1px solid red;padding: 0 5px;} .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;}*/ 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;/*background:url("/content/images/icons/closelabel.png") no-repeat top left;*/} .datePickerClear a {text-decoration:none;color:#404041;} /* Content Header */ .contentHeader {clear:left;float:left;width:100%;} .contentHeader nav {float:left;} .contentHeader .Buttons {float:right;width:295px;} /* ExaminerPool Styling */ .ExaminerPool div.editor {padding:10px;} .ExaminerPool select {width:300px;height:120px;} .ExaminerPool .addExaminer, .ExaminerPool .removeExaminer {width:50px;height:50px;margin-top:19px;font-size:26px;-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;color:White;} .examiner-unassigned {width:310px;float:left;} .examiner-buttons {width:60px;float:left;} .examiner-selected {width:300px;float:left;} .ExaminerPool .examiner-unassigned .editor {display:none;} .ExaminerPool label {font-size:14px;} .examiner-unassigned, .examiner-buttons, .examiner-selected {margin:20px 0px} /* Styling for text options next to buttons */ .textOptions {position:relative;top:11px;padding-left:10px;} /* $4b DEVELOPER ONLY FORM STYLING */ #editDialog form {width:auto;} #editpermissions {width:260px !important;} #languagesGrid{ } .narrowCheckBoxColumn { width:50px;white-space: nowrap;} .small {width: 80px !important;} .time-period {display: none;} #leftUpdateStatusForm {float: left;width: 300px;} #rightUpdateStatusForm {float: right;} .area.versions .editor-label {width:100%;} .area.versions th {text-align:left;} /* .area.versions th:nth-child(1) {width:30px;} .area.versions th:nth-child(2) {width:30px;} .area.versions th:nth-child(3) {text-align:left} */ .area.versions td a {display:block;text-align:center;} .area.versions .editor-field label {position:relative;top:2px;} .hidden { display: none;} #productversion-grid .productversionid-column {width:50px} th.status-column {width: 130px;} th.productversionidtowithdraw-column {width:120px;} th.productversionnextstatus-column {width:135px} th.areacode-column {width:75px;} /* System Log TH headers */ table#systemlog-grid th.date-column, table#systemlog-grid th.logger-column, table#systemlog-grid th.level-column, table#systemlog-grid th.message-column {padding-left:10px;} /* Rules for /products/versions/syllabus-areas/add */ th.saName-column {width:130px;} th.saUse-column {width:30px;} th.atoname-column {width:130px;} /* Product Page */ th.versions-column {width:60px;padding-left:4px;} .cversions fieldset {padding:6px;} #learningLevelsGrid textarea {width:460px;padding:2px;} textarea#Footer, textarea#Copyright, textarea#OverridePrerequisitesText {width:460px;height:90px;padding:4px;} label.text-box {color:Red;} /* Table Header backgrounds for High, Medium and Low */ tbody tr.high {color:red !important;} tbody tr.med {color:#F2C35C !important;} tbody .tr low {color:#4CC24E !important;} /* Exam page override */ input.text-box.single-line.small {width:30px !important;min-width:30px !important;} input.text-box.single-line.medium {width:125px !important;} .editor-field.Multipleinput {} /* This should no longer be used .area.exams .editor-label {width:250px;} */ /* Styling for the static div */ .area {position:relative;} .staticWrapper {margin-left:0px;margin-bottom:10px;} #static {width:888px;min-height:38px;border:1px solid #286eb5;float: left;z-index:1;background:white;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;} #static .steps {margin-left:10px;position:relative;top:10px;font-size:12px;} #static a.btn {float:none;position:relative;top:10px;margin-left:10px;margin-right:0px;} .staticContent {padding-top:0px;position:static} .name {text-align:center;margin-top:10px} .id {float: right;width: auto;margin-top: 5px;margin-right:10px;margin-top:10px;} .staticLeft {float:left;width:250px;} .staticMiddle {float:left;width:360px;} .staticRight {float:right;width:252px;} .staticwrapper2 {position:relative;margin:0px 0px 20px 0px;float:left;clear:both;height:75px;width:100%;} #static2 {position:fixed;width:920px;margin-top:0px;z-index:1;background:white;} .staticwrapper2 table {width:920px;margin-left:1px;} label.noaction {background:#ccc;padding:2px 6px;font-weight:normal;border-width: 1px;border-style: solid;border-color: #83AFB7 #a4c3ca #83afb7;} /* jQuery Overrides for forms */ .ui-jqgrid .ui-jqgrid-bdiv {overflow:hidden !important;} .ui-jqgrid-title {padding-left:5px;} .ui-pager-control td {font-size:11px;} .ui-jqgrid tr.jqgrow td {padding:5px !important;} #gbox_list {float:left;width:auto} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:left !important;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size:12px !important;} .ui-dialog {width:auto !important;} /* The new pop-up JS is NOT laying out the page correctly. Everything inline making styling a big issue! */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable {width:750px !important;overflow:hidden;padding:1px 7px 5px 1px; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {/*width:97%!important;margin-left:10px !important;margin-top:10px;*/} .ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {text-align:left !important;text-indent:4px;} .ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {padding-top:4px;} /* Green */ nav.tabs li.tab2, a.btn.green { border:solid 1px #83B2DB; background: rgb(180,223,91); /* Old browsers */ background: -moz-linear-gradient(top, rgba(180,223,91,1) 0%, rgba(180,223,91,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,223,91,1)), color-stop(100%,rgba(180,223,91,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(180,223,91,1) 0%,rgba(180,223,91,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4df5b', endColorstr='#b4df5b',GradientType=0 ); /* IE6-9 */ } /* Yellow */ nav.tabs li.tab3 {border:solid 1px #83B2DB; background: rgb(254,252,234); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(254,252,234) 0%, rgb(241,218,54) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,234)), color-stop(100%,rgb(241,218,54))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(254,252,234) 0%,rgb(241,218,54) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */} /* $4d SEARCH BOX */ .searchwrap {clear: both; float: right; width: auto; margin-top:-19px;} #searchbox {background: #eaf8fc; background-image: -moz-linear-gradient(#fff, #d4e8ec); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #d4e8ec),color-stop(1, #fff)); -moz-border-radius: 35px;border-radius: 35px;border-width: 1px;border-style: solid;border-color: #c4d9df #a4c3ca #83afb7; width: 300px;height: 27px;padding: 10px;margin: 0px;overflow: hidden;float:right;position:relative;top:25px;} .searchwrap p {color: #666;display:block;float:left;font-size:12px;font-weight: bold;margin-right:10px;position:relative;top:40px;text-align:right;width:auto;} #search, #searchbox #searchSubmit {float: left;} #searchbox #search {padding: 5px 9px;height: 15px;width: 180px;border: 1px solid #a4c3ca;font: normal 13px 'trebuchet MS', arial, helvetica; background: #f1f1f1; -moz-border-radius: 50px 3px 3px 50px; border-radius: 50px 3px 3px 50px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); margin-right:0px;} #searchbox #searchSubmit {background-color:#00337f; -moz-border-radius: 3px 50px 50px 3px; border-radius: 3px 50px 50px 3px; height: 27px;margin: 0 0 0 10px;padding: 0;width: 90px;cursor: pointer;font-size:14px;color:#404041;} #searchbox #searchSubmit:active { background: #95d788; outline: none; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; } #searchbox #searchSubmit::-moz-focus-inner {border: none;} #searchbox #search::-webkit-input-placeholder {color: #9c9c9c;font-style: italic;} #searchbox #search:-moz-placeholder {color: #9c9c9c;font-style: italic;} #search.placeholder {color: #9c9c9c !important;font-style: italic;} #searchbox #search:focus {border-color: #8badb4;background: #fff;outline: none;} tbody tr {-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;} /* Footer */ footer p {font-size:12px;margin-top:10px;} #linkpanel{ text-align: right; font-size: 12px; height: 30px; padding: 1px !important; margin-right: 20px; margin-top: 3px; color: #6D6E70; } #linkpanel li { list-style-type: none; display:inline;padding-right: 20px; } #linkpanel li a{color:#000;} /* $6. CSS3 CODE ONLY -------------------------------------------------*/ #searchbox input[type=submit] {filter:none;} header section aside section {margin-top:34px; } .gradlight h2 {line-height:20px;color:White;} /* Green background for content */ .area.tab2 { background: rgb(167,239,174); /* Old browsers */ background: -moz-linear-gradient(top, rgba(167,239,174,1) 0%, rgba(220,247,207,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,239,174,1)), color-stop(100%,rgba(220,247,207,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(167,239,174,1) 0%,rgba(220,247,207,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(167,239,174,1) 0%,rgba(220,247,207,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(167,239,174,1) 0%,rgba(220,247,207,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(167,239,174,1) 0%,rgba(220,247,207,1) 100%); /* W3C */ } div.area.tab2 .area {background:none;padding-left:0px;} /* $8. STYLING BY DEVS -------------------------------------------------*/ .iconResults .area th {text-align:left;} /* .iconResults .area th:nth-child(1) {width:30px;} .iconResults .area th:nth-child(2) {width:30px;} .iconResults .area th:nth-child(3) {text-align:left} */ .iconResults .area td a {display:block;text-align:center;} /* TABS STYLING */ .searchBox {position:relative;right:0px;top:35px;} /* Alert Styles */ .AlertRed { color: red; font-weight:bold; } .AlertOrange { color: orange; font-weight:bold; } .AlertGreen { color: green } /* Exam Pack Receipt Summary display */ .summary-item { width:325px; font-weight:bold; float:left; color:#404041; font-size:12px; line-height:20px; } .summary-item-detail { width:50px; font-weight:bold; float:left; color:#404041; font-size:12px; line-height:20px; } .summary-divider { width: 97%; height: 30px; clear: both; } .status-complete { color: green; } .status-incomplete { color: #ff0000; } .hideOnLoad { display:none; } .newline { display: block; clear: both; } /* 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;} */ input[type="radio"] {min-width:30px;float:left;margin-left:-5px;margin-bottom:6px;} .explanatoryText { margin-bottom:-10px; margin-left:1px; } #editDialog { overflow-y: scroll; max-height: 600px; padding: 5px 10px; margin-top: 5px; } .CandidateVerified { color: #008000; font-weight:bold; text-align:left; background:url("/Content/images/icons/greentick-small.png") no-repeat 0 0; margin-bottom:10px; padding-left:21px; } /* Remove style for image buttons */ button.image-button { background: none !important; padding: 0 !important; border:none !important; box-shadow:none !important; } button.image-button img { cursor: pointer; } div.radio-list label {display: block;margin-bottom: 5px; } div.radio-list input[type="radio"] { margin-bottom: 0px;} div.radio-list.inline { display: inline;} div.radio-list.inline label { display: inline-block;} /* SD - Reduced indent to 5px because the error meassage is so huge it falls onto another line when set to 30px */ .indentLeft { margin-left:5px; } /* Dupe Services */ .dupe {width:825px;} .dupe .area {width:100%;} .dupe #dialog-buttons {clear:left;float:left;margin-bottom:10px;width:100%;} .dupe div[id] {font-size:12px;} .dupe div[id] thead td {border:0 none !important;} .dupe div[id] h3 {font-size:20px;} .dupe div[id] thead {background:white;border:solid 1px #ccc;} /* Dupe Services Sub-Section */ .keys {clear:left;float:left;width:762px;margin-top:10px;background:white;border:dashed 1px red;padding:5px} .keys p {margin-bottom:0px;} .keys .same p, .keys .same span,.keys .different p, .keys .different span {float:left;} .keys .same {float:left;clear:left;width:100%} .keys .same p {margin-right:10px;} .keys .same span {background-color:#FD8B75;width:50px;height:10px;margin-top:5px;} .keys .different {float:left;clear:left;width:100%;} .keys span {margin-right:10px;width:50px;} /* Date of birth labels above the select boxes */ .labelTop span {float:left;width:auto;margin-right:20px} .labelTop span label {float:left;clear:both;text-align:left;width:auto} .labelTop span select {clear:both;float:left;width:70px;min-width:70px;max-width:70px;} /* Styling for /CandidateResults/ */ input#confirmFinalMark_4, input#confirmFinalMark_3, input#confirmFinalMark_7 {margin-bottom:0px;padding:6px 5px 10px 5px;height:30px;width:150px;min-width:150px;max-width:150px;margin-left:0px !important;} /* Devs are not wrapping text in any heading */ div, span {font-size:12px;} /* Results Styling */ div.results {float: left;} /* div.results h2 {margin-bottom:0px;} */ div.results h3 {margin-bottom:10px;} p.passMark span, span.readOnly, span.readOnly span {font-size:20px;} div.results p {clear:left;float:left;width:auto;} div.results p.passMark {background-color:none;display:inline;padding:10px 8px 5px 8px;border:none;margin:-10px 0px 10px 0px;width:63px} div.results .editor-field input[type="checkbox"] {} div.results .editor-label {margin-top:0px} /* Search Bookings Styling */ #atobooking-grid th.details-column {width:50px;} #atobooking-grid th.examdate-column {width: 75px;} #atobooking-grid th.productlevel-column {width:79px;} #atobooking-grid th.trackingdetails-column {width:65px;} #atobooking-grid th.id-column {width:79px;} #atobooking-grid th.poreference-column {width:65px} #atobooking-grid th.servicelevel-column {width:55px;} #atobooking-grid th.missingpaperbookingstatus-column {width:65px;} /* Candidate Check-in Styling */ .tableExpand th.passed {width:53px;} .tableExpand th.score {width:53px;} .tableExpand th.expand {width:30px;} /* Special Requirements */ #specialrequirementspendingalert-grid th.details-column {width:160px;} #specialrequirementspendingalert-grid th.dateuploaded-column {width:84px;} #specialrequirementspendingalert-grid th.alertstatus-column {width:70px;} #specialrequirementspendingalert-grid th.bookingconditionid-column {width:29px} #specialrequirementspendingalert-grid th.candidatename-column {width:160px;} #specialrequirementspendingalert-grid button.image-button img {margin-top:0px !important;} #specialrequirementspendingalert-grid button {margin-top:0px !important;} #specialrequirementspendingalert-grid th.bookingid-column { width: 79px;} #myreceiver-grid th.receivername-column {width:100px;} #myreceiver-grid th.emailaddress-column {width:210px;} #myreceiver-grid th.atoname-column {width:200px;} #myreceiver-grid th.status-column {width:80px;} /**/ #productconfigurationalertmodel .actionrequiredon-column{ width: 80px;text-align: center;} #productconfigurationalertmodel .alertpriority-column{ width: 80px;text-align: center;} #productconfigurationalertmodel .action-column{ width: 100px;text-align: center;} #genericdocuments-grid .action-column { width: 100px;text-align: center;} /* DashboardTable styling */ #DashboardTable tbody td { text-align:left; } /* Alerts/PrerequistiesPending styling */ th.bookingconditionid-column, th.acceptcommand-column, th.rejectcommand-column {width:40px;} th.bookingid-column {width:99px;} a.atobookingcourse, a.atobookingconditions, a.exampackslistawaitingexampackqualitycheck, a.atobookingexam, a.candidatepersonaldetails, a.genericdocumentsview, a.virtualcoursebookingedit, a.atobookingbookingcandidates { 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.atobookingcourse:hover, a.atobookingconditions:hover, a.exampackslistawaitingexampackqualitycheck:hover, a.atobookingexam:hover, a.candidatepersonaldetails:hover, a.genericdocumentsview:hover, a.virtualcoursebookingedit:hover, a.atobookingbookingcandidates:hover { text-decoration: underline !important; font-weight: bold !important; background: none !important; border: none !important; box-shadow: none !important; } .staticTable th.ExtraTime {width:110px;} .staticTable th.FurtherDetails {width:110px;} .staticTable th.Reason {width:220px;} /* Other candidates Styling */ div.OrigTrainer {width: 210px;margin: 5px 0px 0px 0px;} .oneline .editor-item.longerField span {width: 400px;} .editor-label.origTrainer {padding-top:0px;margin:0px 0px 5px 10px;} .editor-item.Mline1 {width:150px;float:left;margin-right:0px;margin-top:35px;} .editor-item.mLine2 {width:240px;float:left;margin-top: 34px;} .editor-item.mLine2 .editor-field {width: 110px;float: left;clear: none;} .editor-label.reqRadio {margin-top:-5px} /* 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;} .editor-field.resit input {float:left} .editor-field.resit label {float:left;top:3px;position:relative} div.errorOrigTrainer {clear:both;top:2px;position:relative;float:left;margin-left:-40px;} /*div.oneline span.field-validation-error {top:6px} Table error message fixes .staticTable td span.field-validation-error {display:block;padding:2px;line-height: 14px !important;padding-left: 30px !important;float: left;/*margin-bottom: -10px;top:2px}*/ /* 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: 118px;float:left;margin-top:0px;margin-left:35px;} span.OrigTrainerSpan {width:125px !important;margin-top:3px !important;margin-right:121px;} div.OrigTrainer {width:210px;} .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 28px 10px;margin-left:15px;width:95.5%;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;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:35px;} div.errorReason span.field-validation-error {line-height:23px !important;} div.errorAmount span.field-validation-error {width:200px;line-height:23px !important;left:-155px;top:6px;} .movetoondemand { display: inline-block; overflow: hidden; height: 0; padding-top: 26px; background: url(/Content/images/icons/DocumentMove.png) no-repeat; } .candidate-id-column { width: 100px; } .candidate-name-column { width: 150px; } .session-candidate-id-column { width: 140px; } .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; } .booking-results-summary .release-results-column { width: 90px; text-align: center; } .booking-results-summary .release-results-column input[type=checkbox]{ float: none; margin: 0; } .main-logo { background-position: -15px 0!important; } .candidate-list-session td { width: 112px; } .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; } div.address-import { overflow-x: scroll; } div.address-import table { table-layout: auto; } div.address-import td { padding: 0; } div.address-import input[type=text] { margin: 2px; border: none; background: none!important; border-radius: 0!important; font-style: normal; } div.address-import tr.error { background-color: #df3e3e; } div.address-import tr.error input[type=text] { color: #fff; } div.address-import td.wide input { width: 300px; } #atogroupmembersummary-grid th.atogroupmembers-column{width:100px; padding-left:4px;} #atogroupmembersummary-grid th.atoname-column {width: 500px; padding-left:4px;} #atogroupmembersummary-grid th.delete-column {width:100px; padding-left:4px;} #atogroupsummary-grid th.atogroupmembers-column {width: 100px;padding-left: 4px;} #courseonlycourseinprogress-grid th.bookingid-column{width:25px; padding-left:4px;} #courseonlycourseinprogress-grid th.isrunningtext-column{width:33px;} #courseonlycourseinprogress-grid th.numberofmoderators-column { width: 27px;} #courseonlycourseinprogress-grid th.numberofcandidates-column { width: 27px;} #courseonlycourseinprogress-grid th.meetingname-column { width: 80px;} #courseonlycourseinprogress-grid th.atoname-column {width: 80px;} #courseonlycourseinprogress-grid th.startdatetext-column {width: 35px;} #courseonlycourseinprogress-grid th.enddatetext-column {width: 35px;} #examcourseinprogress-grid th.bookingid-column{width:25px; padding-left:4px;} #examcourseinprogress-grid th.isrunningtext-column{width:33px;} #examcourseinprogress-grid th.numberofmoderators-column {width: 27px;} #examcourseinprogress-grid th.numberofcandidates-column { width: 27px;} #examcourseinprogress-grid th.meetingname-column { width: 80px;} #examcourseinprogress-grid th.atoname-column {width: 80px;} #examcourseinprogress-grid th.startdatetext-column {width: 35px;} #examcourseinprogress-grid th.enddatetext-column {width: 35px;} #examinvigilationinprogress-grid th.bookingid-column{width:25px; padding-left:4px;} #examinvigilationinprogress-grid th.isrunningtext-column{width:33px;} #examinvigilationinprogress-grid th.numberofmoderators-column {width: 27px;} #examinvigilationinprogress-grid th.numberofcandidates-column { width: 27px;} #examinvigilationinprogress-grid th.meetingname-column { width: 80px;} #examinvigilationinprogress-grid th.atoname-column {width: 80px;} #examinvigilationinprogress-grid th.startdatetext-column {width: 80px;} #candidateexam-grid th.bookingid-column{width:50px; padding-left:4px;} #candidateexam-grid th.status-column{width:100px;} #candidateexam-grid th.detailslink-column { width: 31px;} #candidateexam-grid th.examdatetimeformatted-column { width: 50px;} #candidateexam-grid th.productlevel-column { width: 90px;} #candidateexam-grid th.waive-column {width: 35px;} #candidateexam-grid th.feedbacklink-column {width: 57px;} #candidateexam-grid th.productversionname-column {width: 80px;} #candidateexam-grid th.atoname-column {width: 100px;} #candidateexam-grid th.marketingid-column {width: 70px;} #reopenbookingrequest-grid th.acceptaction-column {width:50px;} #reopenbookingrequest-grid th.rejectaction-column {width:50px;} #reopenbookingrequest-grid th.bookingid-column { width: 70px;} #reopenbookingrequest-grid th.examdatetime-column { width: 90px;} #reopenbookingrequest-grid th.atoname-column { width: 120px;} #reopenbookingrequest-grid th.alertstatus-column { width: 60px;} #awaitingexampackqualitycheck-grid th.productversion-column{width:90px;} #awaitingexampackqualitycheck-grid th.country-column {width:50px;} #awaitingexampackqualitycheck-grid th.atoname-column { width: 90px;} #awaitingexampackqualitycheck-grid th.exampacktypetext-column { width: 60px;} #awaitingexampackqualitycheck-grid th.hasspecialrequirements-column { width: 50px;} #awaitingexampackqualitycheck-grid th.id-column { width: 50px;} #awaitingexampackqualitycheck-grid th.firstexamdate-column { width: 75px;} #awaitingexampackqualitycheck-grid th.poref-column { width: 80px;} #awaitingexampackqualitycheck-grid th.info-column { width:80px;} #awaitingexampackqualitycheck-grid th.apmgofficeestimateddespatchdate-column{ width: 70px;} #awaitingdespatchbookings-grid th.productversion-column{width:90px;} #awaitingdespatchbookings-grid th.country-column {width:50px;} #awaitingdespatchbookings-grid th.atoname-column { width: 90px;} #awaitingdespatchbookings-grid th.exampacktypetext-column { width: 60px;} #awaitingdespatchbookings-grid th.details-column { width: 50px;} #awaitingdespatchbookings-grid th.id-column { width: 60px;} #awaitingdespatchbookings-grid th.poref-column { width: 90px;} #awaitingdespatchbookings-grid th.apmgofficeestimateddespatchdate-column{ width: 80px;} #awaitingdespatchbookings-grid th.despatch-column { width: 70px;} #rejectedqualitycheck-grid th.productversion-column{width:90px;} #rejectedqualitycheck-grid th.country-column {width:50px;} #rejectedqualitycheck-grid th.atoname-column { width: 90px;} #rejectedqualitycheck-grid th.exampacktypetext-column { width: 60px;} #rejectedqualitycheck-grid th.details-column { width: 50px;} #rejectedqualitycheck-grid th.id-column { width: 60px;} #rejectedqualitycheck-grid th.poref-column { width: 90px;} #rejectedqualitycheck-grid th.apmgofficeestimateddespatchdate-column{ width: 80px;} #rejectedqualitycheck-grid th.recreatepack-column { width: 80px;} #genericdocuments-grid th.id-column {width:30px;} #genericdocuments-grid th.filename-column {width:130px;} #genericdocuments-grid th.productversionname-column { width: 110px;} #genericdocuments-grid th.languageid-column { width: 80px;} #genericdocuments-grid th.status-column { width: 50px; text-align: left} #genericdocuments-grid th.selectall-column { width: 30px;} #resultsTable .even { background-color: aliceblue;} #resultsTable .odd { background-color: #c7e3f0;} #resultsTable th.session-candidate-id-column {width: 60px;} #resultsTable th.product-column {width: 150px;} #resultsTable th.result-column {width: 50px;} #resultsTable th.certificate-column {width: 100px;} #resultsTable th.feedback-column {width: 50px;} #resultsTable th.release-results-column {width: 100px;} #OtherPrerequisiteRequired { clear:left; margin:-25px 0px 6px 18px; display:inline; } #OtherPrerequisite { display: inline; margin:-25px 0px 6px 15px; clear:left } div.OtherPrerequisiteText { margin:-3px 0px 10px 400px; } #Notes { width: 220px; height: 63px; } #examPackHistoryTable th.created-by-column { width: 120px; } #examPackHistoryTable th.created-date-column { width: 140px; } #examPackHistoryTable th.filename { width: 240px; } #examPackHistoryTable th.pack-history-note { width: 180px; } div.sessionModerationQuestions { float: left; text-align: center; margin-left: 150px; } div.sessionModerationQuestions div.voidedQuestionRow { padding: 4px; } div.sessionModerationQuestions span.questionNumber { margin-right: 10px; } div.sessionModerationQuestions span.voidedQuestion { margin-right: 288px; } .create-url { position: absolute; right: 5px; text-decoration: none; margin-top: 35px; } .create-url a { text-decoration: none; padding: 5px 10px; } .exam-URL { margin-right: 0px; } .examUrlDialogue { width: 800px; height: 80px; } .membership-error-message {width:400px} .voucher-error-message {width:600px} #virtualTrainingPanel a { text-decoration: none; font-weight: normal; } #virtualTrainingPanel b { padding-left: 10px; } .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; } .hide-preferences { display: none; } .delete-document-form { display: inline-block; margin-top: -12px; } .set-candidate-to-aipp { position: absolute; right: 160px; margin-top: 25px; padding: 10px 0px; } .set-candidate-to-aipp-btn { text-decoration: none !important; } .set-candidate-to-proctoru { position: absolute; right: 160px; margin-top: 25px; padding: 10px 0px; } .set-candidate-to-proctoru-btn { text-decoration: none !important; } .single-criterion-searchContainer{ padding-top : 15px !important; } .override-prereqs{ white-space: pre-line; margin-left: 10px; font-size: 12px; margin-bottom: 10px; } .override-prereq-text { margin-left: 10px; margin-top: -20px; margin-bottom: -10px; } .reactivate-btn{ text-decoration: none !important; } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; min-width:100px; } .lbLoading { background: #fff url(/content/images/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/content/images/prevlabel.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/content/images/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/content/images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } .box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .box-container { padding: 10px 0; float: left; width: 100%; } .box-clear { clear: left; } .box-left { position: absolute; left: 0; top: 0; bottom: 0; } .box-right { position: absolute; right: 0; top: 0; bottom: 0; } .box-center { text-align: center; width: 400px; float: left; margin-left: 200px; } .box-border { border-radius:6px; border: solid 1px #ccc; min-height: 49px; } .box-padding { padding: 8px; } .box-static-container { width: 960px; background-color: #fff; box-shadow: rgba(0, 0, 0, .1) 1px 1px 5px; border: solid 1px #ccc; } .box-static-container .box-border { border: none; border-top: solid 1px #ccc; border-radius: 0; } .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; } /* This file is for overriding styles for global search which are necessary because of hacks in default.css It should not contain general styling for global search, that should go in the global search solution */ .global-search input { margin-left: 0!important; font-size: 14px; } .global-search input:focus { border-width: 3px; } .global-search h2 { font-weight: 100; margin: 8px 3px 2px; } .global-search li { color: #fff; padding: 4px; } .global-search .global-search-result { margin: 0; padding: 4px 0 4px 40px; } .global-search h4 { font-size: 12px; font-weight: 100; padding: 4px 0; } .global-search-results footer { border: none; margin: 0; width: auto; } .global-search-results footer ol li { line-height: 1em; margin: 0; } .grid-edit input { width: 100%; -moz-min-width: inherit; -ms-min-width: inherit; -o-min-width: inherit; -webkit-min-width: inherit; min-width: inherit; } td#optionalFeeConfiguration_DefaultPaperPackDeliveryInternational { width: 70px; } .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; } .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; } .shadow{box-shadow:1px 1px 10px rgba(0,0,0,.1)}.global-search{box-shadow:1px 1px 10px rgba(0,0,0,.1);position:fixed;top:0;bottom:0;left:-470px;z-index:1000;box-sizing:border-box;width:500px;background-color:#2a64b0;background-image:-o-linear-gradient(bottom,#265ba0 7%,#2a64b0 70%);background-image:-moz-linear-gradient(bottom,#265ba0 7%,#2a64b0 70%);background-image:-webkit-linear-gradient(bottom,#265ba0 7%,#2a64b0 70%);background-image:-ms-linear-gradient(bottom,#265ba0 7%,#2a64b0 70%);background-image:linear-gradient(to top,#265ba0 7%,#2a64b0 70%);color:#fff}.global-search-container{height:100%;overflow:auto;overflow-x:hidden;margin-right:30px;padding:1em}.global-search h2{color:#fff}.global-search-text{border:solid 3px #25589b;padding:.2em .2em .3em;width:65%;height:auto;min-width:200px;background-image:url(/Content/GlobalSearch/Images/magnifying-glass-black.png);background-repeat:no-repeat;background-position:center right;-webkit-appearance:none}.global-search-inProgress{background-image:url(/Content/GlobalSearch/Images/magnifying-glass-black-ani.png)}.global-search-text::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.global-search-text::-ms-clear{display:none}.global-search-handle{float:right;height:100%;width:30px;background-color:#25589b;background-image:url(/Content/GlobalSearch/Images/magnifying-glass-white-closed.png);background-repeat:no-repeat;background-position:center 1em}.global-search-open .global-search-handle{background-image:url(/Content/GlobalSearch/Images/magnifying-glass-white-opened.png)}.global-search-results ol{margin:0;padding:0;list-style:none}.global-search-result{overflow:auto;border-top:solid rgba(255,255,255,.1) 1px;border-bottom:solid rgba(0,0,0,.1) 1px;padding:5px 5px 5px 40px;background-repeat:no-repeat;background-position:6px 7px}.global-search-result-Bookings{background-image:url('/Content/GlobalSearch/Images/booking.png')}.global-search-result-Candidates{background-image:url('/Content/GlobalSearch/Images/candidate.png')}.global-search-result:first-child{border-top:none}.global-search-result:last-child{border-bottom:none}.global-search-results h4{font-weight:100;margin:0;padding:5px 0 5px}.global-search-results a{text-decoration:none;color:#fff}.global-search-results footer li{float:left;margin-right:10px}.global-search-results footer li:after{content:'|';padding-left:10px}.global-search-results footer li:last-child:after{content:''}.global-search-results footer,.global-search-results footer a{color:#ccc;font-size:.9em}