/* MinifyError (4634,27): run-time error CSS1019: Unexpected token, found ' ' (4634,27): run-time error CSS1019: Unexpected token, found ' ' (4634,27): run-time error CSS1042: Expected function, found ' ' (4634,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4635,30): run-time error CSS1019: Unexpected token, found ' ' (4635,30): run-time error CSS1019: Unexpected token, found ' ' (4635,30): run-time error CSS1042: Expected function, found ' ' (4635,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4641,27): run-time error CSS1019: Unexpected token, found ' ' (4641,27): run-time error CSS1019: Unexpected token, found ' ' (4641,27): run-time error CSS1042: Expected function, found ' ' (4641,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4642,30): run-time error CSS1019: Unexpected token, found ' ' (4642,30): run-time error CSS1019: Unexpected token, found ' ' (4642,30): run-time error CSS1042: Expected function, found ' ' (4642,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (5492,35): run-time error CSS1046: Expect comma, found '100' (5492,42): run-time error CSS1046: Expect comma, found ')' (5492,43): run-time error CSS1047: Expected number or percentage value in rgb function, found ';' : error : Input string was not in a correct format. */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } @-webkit-viewport { width:device-width } @-moz-viewport { width:device-width } @-ms-viewport { width:device-width } @-o-viewport { width:device-width } @viewport { width:device-width } /*! JQueryUI.js 1.10.2 Microsoft grants you the right to use these script files for the sole purpose of interacting through your browser with the Microsoft website, subject to the website's terms of use. Microsoft reserves all other rights to the files not expressly granted by Microsoft, whether by implication, estoppel or otherwise. The notices and licenses below are for informational purposes only. * JQueryUI.js 1.10.2 * Copyright 2013 jQuery Foundation and other contributors, AUTHORS.txt (http://jqueryui.com/about) * http://jqueryui.com/ * Originally licensed by authors under the MIT license. ******************************************************************* *Includes Interface // Some named colors to work with // From Interface by Stefan Petre // http://interface.eyecon.ro/ *Collection originally license by authors under the MIT License. **************************************************************************** *Includes Metadata /* * Metadata - jQuery plugin for parsing metadata from elements * Copyright (c) 2006 John Resig, Yehuda Katz, J?�rn Zaefferer, Paul McLanahan * Originally licensed by authors under the MIT license: * http://www.opensource.org/licenses/mit-license.php ************************************************************************* *Includes jQuery 1.6.2 * jQuery JavaScript Library v1.6.2 * http://jquery.com/ * Copyright 2011, John Resig * Originally licensed by authors under the MIT license. ************************************************* * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2011, The Dojo Foundation * Originally licensed by authors under the MIT License. ****************************************************** *Includes jQuery Cookie * jQuery Cookie plugin * Copyright (c) 2010 Klaus Hartl (stilbuero.de) * Originally licensed by authors under the MIT license: * http://www.opensource.org/licenses/mit-license.php ************************************************ *Includes jQuery QUnit /** * QUnit - A JavaScript Unit Testing Framework * http://docs.jquery.com/QUnit * Copyright (c) 2011 John Resig, J�rn Zaefferer * Originally licensed by authors under the MIT (MIT-LICENSE.txt) ************************************** *Includes jQuery Validate and Validation Plug-in // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ jquery.validate.js was originally distributed by the authors under the MIT license. See e.g. http://www.koders.com/javascript/fid301576DDE33C8D7B5C5313DF7B69293EA551438F.aspx?s=%22Yehuda+Katz%22, which states: /* * Form Validation: jQuery form validation plug-in v1.1 * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ * Copyright (c) 2006 J�rn Zaefferer * $Id: jquery.validate.js 2133 2007-06-21 18:50:13Z joern.zaefferer $ * Originally licensed by authors under the MIT license: * ************************************************************************* *Includes Easing Equations * * TERMS OF USE - EASING EQUATIONS * Originally Open source under the BSD License by authors. * * Copyright 2001 Robert Penner * All rights reserved. ******************************************************************* MIT License Provided for Informational Purposes Only for jQuery UI and subcomponents listed above: MIT License Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ************************************************************************* *Includes jQuery Easing v1.3 /* * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * Uses the built in easing capabilities added In jQuery 1.1 * to offer multiple easing options * TERMS OF USE - jQuery Easing * Originally open source by authors under the BSD License. * Copyright 2008 George McGinley Smith * All rights reserved. BSD License provided for Informational Purposes Only BSD License Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ /*! jQuery UI - v1.10.2 - 2013-03-14 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* 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: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .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: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* 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; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 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, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* 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, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; min-height: 0; /* support: IE7 */ font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .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; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to overide default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertical centre icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* 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 { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .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, .ui-state-hover a:link, .ui-state-hover a:visited { 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; } /* 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; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .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-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first 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 { border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-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/*{opacityOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; } .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/*{opacityShadow}*/; filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* CSS MLX Grid base */ /* -------Base css ---------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { overflow-y: auto; height: auto; } body { font-size: 100%; line-height: 1.5; color: #333; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #1570a6; text-decoration: none !important; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -ms-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; } a:hover { vertical-align: baseline; background: transparent; color: #1570a6; text-decoration: none; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -ms-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; } a:visited { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #1570a6; text-decoration: none; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -ms-transition: color .1s linear; -o-transition: color .1s linear; transition: color .1s linear; } a:focus { color: #1570a6; text-decoration: underline; } /*Font size reference------- Base: 100% h1: 160% Light h2: 140% Light h3: 120% Light /* colour change --*/ /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } .tdUnderline { text-decoration: underline; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; clear: both; } input, select { vertical-align: middle; border: 1px solid #737373; height: 1.5em; } h1, h2, h3 { font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; color: #333; } h4, h5, h6 { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; color: #333; } .heading--large { line-height: 1.25; margin: 0 0 .75em 0; font-size: 150%; font-weight: 300; /*added*/ position: relative; color: #007233; } @media (max-width: 400px){ .res-course-progress-title{ word-wrap:break-word; } } .overlay-wrapper-report-small .overlay-container .heading--large { font-weight: 600; } h1 { font-size: 30px; } h2 { font-size: 160%; } h3 { font-size: 120%; } h3 a { font-weight: 300; font-size: 120%; line-height: 110%; } h3 a:hover { font-size: 120%; text-decoration: underline; } h4 { font-size: 90% !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 500; } .setting-email > a { word-wrap: break-word !important; } .text-bold { font-weight: bold; } .heading--medium { line-height: 1.25; margin: .25em 0 .75em; font-size: 180%; font-weight: 300; } .heading--normal-bold { font-size: 100%; line-height: 1.5; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: bold; } .heading--small-bold { font-size: 100% !important; line-height: 1.5; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 500; color: #008A00 !important; margin-left: 25px; } .heading--small-bold-img { position: absolute; height: 20px; width: 20px; overflow: hidden; } .heading--small-bold-img img { width: 570px; height: auto; position: absolute; left: -528px; top: -1.5px; } .heading--small-bold-img img.warning { left: -548px; } .heading--large a.back-arrow, .search-results-back .back-arrow { display: block; width: 40px; height: 40px; float: left; /*added*/ margin-right: 0.5em; margin-top: -0.1em; cursor: pointer; /*added*/ position: relative; background-image: url('/Content/images/back-arrow.png'); background-repeat: no-repeat; } .users-back-link .back-arrow, .lp-back-container .back-arrow { display: block; width: 40px; height: 40px; float: left; /*added*/ margin-right: 0.5em; margin-top: -0.1em; cursor: pointer; /*added*/ position: relative; } a .back-arrow:hover, a .back-arrow:focus { display: inline-block; width: 40px; height: 40px; } a.back-arrow, a.back-arrow + h1 { float: left; } a.back-arrow + h1 { margin-left: .5em; } .lp-back-container a.back-arrow + h1 { margin-left: 0; } h1 + p { display: block; clear: both; } /*added*/ h2.heading--large a.back-arrow-course { width: 40px; height: 40px; float: left; margin-right: 0.5em; cursor: pointer; background-image: url('/Content/images/back-arrow.png'); background-repeat: no-repeat; /*added*/ position: relative; margin-left: -50px; margin-top: -20px; } .logo-margin { margin-top: 9px; margin-bottom: 20px; } .small-text, p .small-text { font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 12px !important; } .required-text { font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 12px !important; float: right; position: relative; } .required-field:before { display: inline-block; color: #ba141a; content: "*"; margin-right: .5em; } .flo-r { float: right; } .flo-l { float: left; } /* Margins used in code */ .mar40-r { margin-right: 40px; } .mar30-r { margin-right: 30px; } .mar25-r { margin-right: 25px; } .mar20-r { margin-right: 20px; } .mar15-r { margin-right: 15px; } .mar10-r { margin-right: 10px; } .mar5-r { margin-right: 5px; } .mar0-r { margin-right: 0; } .mar45-l { margin-left: 45px; } .mar40-l { margin-left: 40px; } .mar35-l { margin-left: 35px; } .mar30-l { margin-left: 30px; } .mar25-l { margin-left: 25px; } .mar20-l { margin-left: 20px; } .mar15-l { margin-left: 15px; } .mar10-l { margin-left: 10px !important; } .mar5-l { margin-left: 5px; } .mar0-l { margin-left: 0; } .mar20-b { margin-bottom: 3em; } .mar20-t { margin-top: 3em; } .mar23-t { margin-top: 0.75em; position: absolute; bottom: 20px; } .mar5-t { margin-top: 0.5em; } .mar10-t { margin-top: 1.5em; } .mar5-b { margin-bottom: 5px; } .mar10-b { margin-bottom: 1.5em; } .mar0-b { margin-bottom: 0 !important; } .top-5 { padding-top: 5px; } .mar0-t { margin-top: 0; } .margin0Left { margin-left: 0; } .margin0Right { margin-right: 0; } .mar10--t { margin-top: -10px; } .mar2--t { margin-top: 2%; } legend.mar2--t { display: inline-block; } .width10 { width: 10%; } .width15 { width: 15%; } .width20 { width: 20%; text-align: left; } .width21 { width: 21%; text-align: left; } .width25 { width: 25%; } .width26 { width: 26%; } .width30 { width: 30%; } .width40 { width: 40%; text-align: left; } .width50 { width: 50%; } .width55 { width: 55%; } .width60 { width: 60%; } .width70 { width: 70%; } .width80 { width: 80%; } .width87 { width: 87%; } .width90 { width: 90%; } .width92 { width: 92%; } .width100 { width: 100%; } .wordwrap { word-wrap: break-word; } .acc-item-name-course .overflow-hide-span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .grey-text { color: #333; } /*added*/ .all-caps { text-transform: capitalize; } /*added*/ .white { color: #fff; } .visible-hide { visibility: hidden; } .resultCnt { font-size: 25px !important; vertical-align: super !important; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } .inlineblock { display: inline-block; } .scrollable { overflow: auto; } p { margin-bottom: 2em; } .red-wrong { color: rgba(230, 0, 0, 1); } .red-wrong p { color: rgba(230, 0, 0, 1); } .red-wrong a { color: rgba(230, 0, 0, 1); } ol, ul { margin: 0 0 2em 1.5em; } .accordion-panel p div li { font-size: 100% !important; } code { background: #f0f0f0; padding: 1px 2px; } pre { background: #f0f0f0; display: block; padding: 1em; margin-bottom: 2em; overflow-x: scroll; -webkit-overflow-scrolling: touch; } .screen-reader-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .row-padded { padding: 15px 0; } .clearfix, .cf { clear: both; } .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: " "; display: table; } .block { display: block; margin: 0; padding: 0; } .blueFont, .ui-widget-content a.blueFont { color: #1570a6; } .scroll-y { overflow: scroll; } /* change in course details*/ .clear-bottom { margin-bottom: 20px; } .height-auto { height: 100%; } ul.bulleted-list { list-style-type: disc; } ul.bulleted-list li { padding-bottom: 0.8em; margin-left: 15px !important; } ul.bulleted-list p { margin: .5em 0 1em 0 !important; } /* ------Loading animation----------------- */ /* ------Forms----------------- */ form .f-row { margin-bottom: 2em; } form .input { margin-bottom: 2em; } form fieldset { border: 0; margin: 0 auto 2em; /* Base Margin */ } #reports-container fieldset { margin-bottom: 0; } form fieldset > ul { list-style-type: none; margin-left: 0; } form fieldset p { margin-bottom: 1em; } form legend { font-weight: bold; vertical-align: top; } form label { font-family: "Segoe UI Semibold","wf_SegoeUISemibold","Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 100%; vertical-align: top; color: #333; } form input.error { border: 1px solid #BA141A; } span.error { color: #BA141A; } form label.error, form p.error { font-weight: normal; display: block; color: rgb(186,20,26); padding-left: 0em; vertical-align: top; height: auto; color: rgb(186,20,26); } form textarea.error { height: auto; } .profile label.error, .profile p.error { padding-left: 0em !important; } fieldset { display: block; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="submit"], form input[type="tel"], form input[type="button"], form input[type="file"], form button, form textarea { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; text-shadow: none; -moz-appearance: none; -webkit-appearance: none; } form select, form option { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } form select { background: #fff; font-size: 100%; display: block; clear: left; margin-bottom: 2em; min-width: 10em; border: 1px solid #d2d2d2; height: 34px; } input[type="submit"], input[type="button"], input[type="reset"], button { -webkit-transition: background-color 0.2s ease, border-color 0.2s ease; -moz-transition: background-color 0.2s ease, border-color 0.2s ease; -o-transition: background-color 0.2s ease, border-color 0.2s ease; transition: background-color 0.2s ease, border-color 0.2s ease; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; /*background: #CCC;*/ border: 1px solid transparent; color: #fff; margin-bottom: auto; padding: 0.4em 1em; font-size: 100%; line-height: 1.5em; display: inline-block; min-width: 85px; text-align: center; cursor: pointer; } input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus input[type="reset"]:hover, input[type="reset"]:focus, button:hover, button:focus { color: #fff; } input[type="submit"].button--primary, input[type="button"].button--primary, input[type="reset"].button--primary, button.button--primary, .button-primary { color: #fff; text-align: center; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } input[type="submit"].button--primary:hover, input[type="submit"].button--primary:focus, input[type="button"].button--primary:hover, input[type="button"].button--primary:focus, input[type="reset"].button--primary:hover, input[type="reset"].button--primary:focus, button.button--primary:hover, button.button--primary:focus, .button-primary:focus, .button-primary:hover { color: #FFF; } input[type="submit"].button--secondary, input[type="button"].button--secondary, input[type="reset"].button--secondary, button.button--secondary { color: #333; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } input[type="submit"].button--secondary:hover, input[type="submit"].button--secondary:focus, input[type="button"].button--secondary:hover, input[type="button"].button--secondary:focus, input[type="reset"].button--secondary:hover, input[type="reset"].button--secondary:focus, button.button--secondary:hover, button.button--secondary:focus { background: #007233; } input[type="submit"].button--tertiary, input[type="button"].button--tertiary, input[type="reset"].button--tertiary, button.button--tertiary { background: #fff; border-color: #737373; color: #333; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } input[type="submit"].button--tertiary:hover, input[type="submit"].button--tertiary:focus, input[type="button"].button--tertiary:hover, input[type="button"].button--tertiary:focus, input[type="reset"].button--tertiary:hover, input[type="reset"].button--tertiary:focus, button.button--tertiary:hover, button.button--tertiary:focus { background: #d2d2d2; } input[type="checkbox"] + label span { display: inline-block; margin: -1px 10px 0 0; vertical-align: middle; /*background: url('/Content/images/check-box.png') left top no-repeat;*/ cursor: pointer; font-weight: bold; border: none; } .role-description { font-size: 80%; position: relative; left: 25px; line-height: 120%; color: #333; } input[type="checkbox"]:checked + label span { /*background: url('/Content/images/check-box.png') right top no-repeat;*/ } input[type="radio"] { display: inline-block; border: none; } input[type="radio"] + label span.radio { width: 22px; height: 21px; vertical-align: middle; cursor: pointer; overflow: hidden; position: relative; display: inline-block; margin-left: -27px; } input[type="radio"] + label span.radio img { vertical-align: middle; cursor: pointer; position: absolute; width: 45px; height: 21px; display: inline-block; left: 0px; } input[type="radio"]:checked + label span.radio img { position: absolute; width: 45px; height: 21px; display: inline-block; left: -22px; } .radioChecked { display: inline-block; width: 21px; height: 21px; margin: -1px 10px 0 -21px; vertical-align: middle; overflow: hidden; /*background: url('/Content/images/radio-button.png') right top no-repeat;*/ cursor: pointer; position: relative; } .radioChecked img { position: absolute; width: 45px; height: 21px; display: inline-block; left: -22px; } .btn-green { background: #008A00 !important; text-align: center; margin-right: 5px; border-radius: 0px; font-size: 80% !important; padding: 0.46em 1em !important; border: 0px; margin-top: -1.5px; } /*add button*/ .btn-add-blue input[type=button] { background: #0072C6; width: 19.1%; height: 40px; border: none; color: #fff; font-size: 16px; cursor: default !important; float: right; } .btn-add-blue input[type=button]:hover, .btn-add-blue input[type=button]:focus { background: #004A81; color: #fff !important; text-decoration: underline; } /*remove button*/ .btn-remove-green input[type=button], .btn-remove-green button { background: #008A00; width: 19.1%; height: 40px; border: none; color: #fff; font-size: 16px; cursor: pointer; float: right; } .btn-remove-green input[type=button]:hover, .btn-remove-green input[type=button]:focus, .btn-remove-green button:focus, .btn-remove-green button:hover { background: #005A00; color: #fff !important; text-decoration: underline; } /*certificate button*/ .btn-certificate-orange input[type=button] { background: #872400; width: 19.1%; height: 40px; border: none; color: #fff !important; font-size: 16px; cursor: pointer; float: right; } .btn-certificate-orange input[type=button]:hover, .btn-certificate-orange input[type=button]:focus { background: #8F2700; color: #fff !important; text-decoration: underline; } .invite-admin-form { margin-bottom: 5px !important; } .invite-admin-form .btn-green { padding: 0.35em 1em; background: #008A00 !important; text-align: center; margin-left: 5px; border-radius: 0px; font-size: 80% !important; border: 0px; position: relative; } .invite-admin-form .btn-green:hover, .invite-admin-form .btn-green:focus { background: #007233 !important; } .overlay-button-container-left { float: left; display: inline-block; } .overlay-button-container-left .btn-green { padding: 0.4em 1em; background: #008A00 !important; text-align: center; margin-right: 5px; border-radius: 0px; font-size: 80% !important; border: 0px; } .overlay-button-container-left .btn-green:hover, .overlay-button-container-left .btn-green:focus { background: #007233 !important; } .sub-menu-level1 .btn-green1, .overlay-button-container-left .btn-green1 { background: #008A00 !important; text-align: center; margin-right: 5px; border-radius: 0px; font-size: 80% !important; padding: 0.46em 1em; border: 0px; color: white; } .disabled-button { padding: 0.4em 1em; background: grey; text-align: center; margin-right: 5px; border-radius: 0px; font-size: 80% !important; border: 0px; cursor: default; } .rightAlignButtonContainer { margin-right: 100px; float: right; } .sub-menu-level1 .btn-green1:hover, .btn-green:hover, .invite-admin-form .btn-green:hover, .overlay-button-container-left .btn-green:hover, .overlay-button-container-left .btn-green1:hover { color: #fff !important; background: #007233 !important; display: inline-block; } .sub-menu-level1 .btn-green1 :focus, .btn-green:focus, .invite-admin-form .btn-green:focus, .overlay-button-container-left .btn-green:focus, .overlay-button-container-left .btn-green1:focus { color: #fff !important; background: #007233 !important; display: inline-block; } button.button--tertiary { border-radius: 0px; font-size: 80%; } .overlay-small-button-container button.button--tertiary { padding: 0.5em 1em !important; } .deleteGroupButton button.button--tertiary { padding: 0.4em 1em !important; } #list-users-container .users-back-link { margin-right: 1%; } #admin-bulk-upload-users { padding: 0.6em 1em !important; background-color: #008A00; font-size: 80%; } #admin-bulk-upload-users:hover, #admin-bulk-upload-users:focus { background-color: #007233 !important; } .btn-grey { background: #d2d2d2; text-align: center; color: #333; } .btn-cancel-grey { background: #d2d2d2; text-align: center; color: #000; border-radius: 0px; font-size: 80% !important; padding: 0.46em 1em !important; border: 0px; margin-top: -1.5px; } .btn-cancel-grey:hover { background: #C2C2C2; color: #000 !important; } .text-center { text-align: center; } input[type="submit"][disabled], input[type="button"][disabled], input[type="reset"][disabled], button[disabled], input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover, input[type="reset"][disabled]:hover, button[disabled]:hover { background: #eee !important; color: #707070 !important; border-width: 0px; } img, video { height: inherit; } .green { color: #007233; } .dgreen { color: #008A00; } .white { color: #fff; } .orange { color: #D13900; } .gray { color: #333; } .gray-bg { background: #eee; padding: 1em; width: 70% !important; height: inherit; } span.icon-home { background: url('/Content/images/icon_home.png') no-repeat; width: 16px; height: 16px; position: absolute; top: 1em; right: 0px; } /* Common elements ------------------------------------------------------------------------------*/ /* Header -------------------- */ #site-header { display: block; padding-top: 0; margin: 0 auto; height: auto; background-color: #008a00; color: #FFF; height: 40px; width: 100%; position: fixed; top: 0; z-index: 21; } #header-left-container, #header-right-container { display: inline-table; padding-left: 3px; } #header-left-container > li, #header-right-container > li { display: table-cell; vertical-align: middle; padding: 0px 15px; } #header-left-container > li:first-child, #header-right-container > li:first-child { padding-left: 0px; } #header-left-container > li:last-child, #header-right-container > li:last-child { padding-right: 0px; } .header-title { color: #FFF; font-size: 20px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: bottom !important; max-width: 250px; } .header-title-admin, .header-title-unauthenticated { max-width: 500px !important; } .header-title:hover { font-size: 20px; } .a-white { color: #FFF !important; } a-white:hover { color: #FFF !important; } /*.height100 { height: 100% !important; }*/ .paddingL0 { padding-left: 0px !important; } .paddingR0 { padding-right: 0px !important; } /* top bar (for responsive) ---- */ .top-bar { text-align: right; height: 0.5em; clear: both; margin-bottom: 0px; } .account-sign-in { display: none; } /* Main Site Navigation -------------- */ /* left logo & Title --*/ #site-identity { display: inline; min-height: 1px; } .logo-page-header { position: relative; height: 20px; width: 94px; overflow: hidden; display: block; } .logo-dynamics-header { position: relative; height: 38px; width: 200px; overflow: hidden; display: block; padding-bottom: 1px; padding-top: 1px; } .logo-page-header img { position: absolute; left: -507px; top: -28px; height: auto; width: auto; } #site-logo { display: inline; float: left; min-height: 1px; line-height: 2.5em; } #site-logo h2 { font-size: 200%; color: #333; } #header-right-container #signin-name { line-height: 40px; display: block; } /* right sign in & search --*/ .search-bar-admin { float: right; } /*.search-bar-admin #search-bar{ position: absolute; right: 350px ; }*/ .search-form, .header-search { float: right; } @media (max-width: 800px) { .res-search-form { float: none; } } .icon { display: inline-block; vertical-align: bottom; } .header-search { margin: 7px 15px 0 15px; } .icon-search { background-image: url("//i.s-microsoft.com/global/ImageStore/PublishingImages/icons/search-button-blue.png"); height: 16px; width: 16px; } .icon-search-black { background: url('/content/images/ITA_icons_sprite.png') -100px -84px no-repeat; width: 20px; height: 20px; display: inline-block; overflow: hidden; } #site-meta { float: right; min-height: 90px; margin-right: 0; width: 50%; position: relative; } #site-meta-links { min-height: 1px; margin: 0 0 1em; } #sign-in { position: relative; display: inline-block; margin-right: 0.5em; padding: 0.3em 0.5em; } #sign-in-settings { z-index: 101; position: absolute; top: 40px; right: 0px; padding: 1em; background: #fff; font-size: 90%; border: 1px solid #737373; min-width: 12em; width: auto; color: #333; } #sign-in-settings ul { text-align: left; line-height: 2.5em; font-size: 90%; } #sign-in-settings ul li a:hover { text-decoration: underline; } .pipe:after { content: " | "; display: inline-block; padding: 0 15px; } .sign-in-options { width: 175px; max-height: 246px; overflow-y: auto; } .sign-in-options li a { color: #333 !important; } .sign-in-options li a:hover { color: #333 !important; } .sign-in-options .setting-email { text-overflow: ellipsis; overflow: hidden; } .site-switch-options { border-top: 1px solid #515151; } .org-radio-list li { margin: 10px 0px; } .setting-email { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #515151; width: 100%; } .sign-in-link-icon { background: url('/content/images/ITA_icons_sprite.png') -388px -27px no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; overflow: hidden; } #site-header-togglers { display: none; } .search-form, .header-search { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border: 1px solid #325B32; background-color: #FFF; font-size: 80%; display: block; height: 26px; } .header-search { width: 18em; } #lp-search { margin-left: 20px !important; float: left !important; width: 285px; height: 30px; margin-top: 5px; border-color: #737373; margin-right: 5px; } .drop-menu-container-lp { width: 175px; height: 30px; overflow: hidden; border: 0px solid #505050 !important; position: relative; margin-top: 5px; float: right; margin-right: 5px; } .drop-menu-container-lp select { background: transparent; width: 175px; height: 30px; padding: 5px; font-size: 0.9em; border: 1px solid #424242; } #lp-sortby { float: left; margin-top: 10px; font-size: 13px; font-weight: 700; } /*Incase we want to disable the (x) button from the search bar*/ /*.search-form input[type="search"]::-ms-clear { display: none; }*/ .search-form input[type="text"], .search-form input[type="search"], .header-search input[type="text"], .header-search input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; background: transparent; display: block; font-size: 100%; height: 24px; line-height: 24px; width: 100%; -moz-appearance: none; -webkit-appearance: none; padding: 0 24px 0 4px; } .header-search input[type="search"]::-webkit-search-cancel-button { display: none; } .header-search input[type="search"]::-ms-clear { display: none; width: 0; height: 0; } button[type=submit].search-submit { min-width: 16px !important; } .search-form .search-submit, .header-search .search-submit { background: transparent; border: 0; cursor: pointer; position: absolute; right: 30px; top: 4px; padding: 0; display: block; height: 16px; width: 16px; -moz-appearance: none; -webkit-appearance: none; } button.search-submit { margin-right: -2em; width: 16px; max-width: 16px !important; overflow: hidden; } button.search-submit > img { height: auto; width: auto; position: absolute; top: -4px; left: -340px; } /* Navigation --------*/ /*#site-navigation-wrapper { position: relative; font-weight: 500; font-size: 80%; height: 2em; width: 100%; max-width: 1600px; margin: 0 auto; }*/ #site-navigation { display: block; margin: 0 auto; max-width: 916px; } .layout-container { max-width: 916px; margin: 0 auto; } .contact-form { margin-left: 0; } .contact-form label { font-weight: normal; font-family: inherit; } .contact-form textarea { width: 100%; resize: none; overflow: auto; } #site-navigation-wrapper .site-navigation-tier2 { position: fixed; z-index: 21; width: 100%; max-width: 950px; margin: 0; padding: 42px 35px 0 35px; background: #eee; border-bottom: 1px solid #ddd; font-weight: normal; text-transform: capitalize; max-height: 100%; overflow: auto; box-sizing: border-box; } .site-navigation-tier2 label { /*margin-bottom: 2em;*/ font-size: 100%; color: #333; font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 600; text-transform: capitalize; } #site-navigation .site-navigation-tier2 a { border: 0; padding: 0; color: #1570a6; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; } #site-navigation .site-navigation-tier2 li { display: block; float: none; padding: 0; margin: 0.5em .25em 0em 0; border: 0; color: #1570a6; padding-bottom: .75em; } .site-navigation-tier2 ul li a, .site-navigation-tier2 ul li a:hover { color: #1570a6; padding: 0 !important; margin: 0; } #site-navigation ul, #site-navigation li { list-style: none; margin: auto 0.5em; padding: 0; display: inline-block; } #browse-link-container.isAdmin { display: none; } #site-navigation li a:hover, .site-navigation-tier2 ul li a:hover { text-decoration: underline; } #site-navigation > ul { margin-left: -1em; } #site-navigation ul.sub-nav { margin: 0em; } #site-navigation .sub-nav li a { font-size: 105%; } #site-navigation a { color: #505050; margin: 0; padding: 0.769em auto; background: transparent; border: 0; font-family: "Segoe UI Semibold","wf_SegoeUISemibold","Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 100%; } #site-navigation li a#browse-link, #site-navigation li a#browse-link:hover { color: #333; background: #eee; border-bottom: 1px solid #eee; padding: 0.2em 0.7em 0.5em 0.7em !important; display: block; } #site-navigation li a.help-link, #site-navigation li a.help-link:hover { color: #333; background: none; border-bottom: 1px solid #eee; padding: 0.2em 0.5em 0.5em 0.7em !important; display: block; } #site-navigation .here > a { color: yellow; } /* Hides for PC --*/ #search-bar2 { display: none; } #sign-in { min-height: 1px; margin: 0 0.05em 1.5em 0; float: right; font-size: 80%; } #dropdown-icon { display: inline-block; width: 5px; height: 4px; background: url('/Content/images/arrow.gif') no-repeat 0 0; margin-left: 0.5em; margin-bottom: 0.1em; vertical-align: middle; } /* Footer -------------------- */ .site-footer { display: block; background-color: #eee; width: 100%; height: 20px; padding: 10px 0 10px 0; clear: both; position: fixed; bottom: 0px; z-index: 20; } @media (max-width: 400px){ .position-footer-400{ position: relative !important; height: 80px !important; } } @media (max-width: 400px){ .footer-position-400{ position:relative; height: 80px; } } .groups-manage-groups-data{ word-wrap: break-word; } .footer-level-link { font-size: 80%; background: transparent; color: #1570a6; padding: 0 .5em; text-indent: 0; border-bottom: none; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; /*for ellipsis*/ text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; } #footer-level-privacystatement-text, #footer-level-terms-of-use-text, #footer-level-trademarks-link-text, #footer-level-contact-us-link-text { max-width: 105px; } #footer-level-help-link-text, #footer-level-faq-link-text, #footFeedbackLink { max-width: 75px; } a.footer-level-link, a.footer-level-link:hover { font-size: 83%; color: #1570a6 !important; padding: 0px 0.2em 0pc .17em; } .site-footer-logo a { position: relative; height: 16px; width: 69px; overflow: hidden; display: block; } .site-footer-logo a > img { position: absolute; height: auto; width: auto; left: -413px; top: -30px; } .copyright { font-size: .9em; } .footer-level-menubar { line-height: 20px; } .footer-level-menuitem { list-style-type: none; margin: auto; display: -moz-inline-stack; display: inline; float: left; } .footer-level-menuitem:first-child { margin: 0px; } .site-footer-logo { margin-top: 2px; margin-left: 5px; } .special-item { display: inline; float: right; line-height: 2.5em; } .marginR33 { margin-right: 33px !important; } .marginR15 { margin-right: 15px !important; } .marginT20 { margin-top: 20px !important; } .marginT100 { margin-top: 100px !important; } .marginL33 { margin-left: 33px !important; } /*Profile - added*/ .profile input { margin-bottom: 1em; } select.mar-subrtract { margin-top: 0px; } input.mar-subrtract-last { margin-top: 0px; margin-bottom: 0; } /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width: 30em) { #sign-in { display: none; } #site-navigation { display: none; } #site-header-togglers { display: block; margin: 0; padding: 0; position: absolute; top: 3.8em; right: 2%; width: 75px; height: 40px; float: right; z-index: 5; } #site-header-togglers ul { display: inline-block; list-style: none; margin: 0; padding: 0; } #site-header-togglers li { float: right; margin: 0; padding-right: 1em; } #nav { display: none; } .account-sign-in { display: block; background-color: #d2d2d2; text-align: right; font-size: 90%; padding: 5px 30px 5px 0; } #search-bar { display: none; } #nav-2 { width: 100%; margin: -20px 0 0 0; position: relative; clear: both; color: #fff; padding: 0; display: block; } #nav-2 ul { display: block; margin: 0; padding: 0; list-style: none; width: 100%; } #nav-2 li { width: 100%; float: left; margin: 0 0 .02em 0; padding: 5px 0; background-color: #0072C6; clear: both; } #nav-2 a { float: left; color: #fff; padding: 0 0 0 10px; } .top-level-menuitem { list-style-type: none; margin: 1em 0 1.5em 0; display: -moz-inline-stack; display: inline-block; border-bottom: 1px solid #FFF; } .second-level-menuitem { list-style-type: none; margin: 0 0 1.5em 0; display: -moz-inline-stack; display: inline-block; border-bottom: 1px solid #FFF; } .second-level-menuitem .arrowDown { background: url('//img2.store.microsoft.com/prod/clusterb/framework/locations/img/dashboard/hero/bg_stores_dropdown_toggle.png') right 0px no-repeat; } #search-bar2 { display: block; min-height: 1px; clear: both; float: left; margin: 0.5em auto; position: relative; } .grid-unit.search-form { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 auto; border: 1px solid #969696; float: left; height: 24px; width: 100%; display: block; } .search-form.input-wrapper, .header-search.input-wrapper { margin-right: 24px; width: 90%; position: relative; float: left; } .input-wrapper.search-submit { background: transparent; border: 0; cursor: pointer; position: relative; padding: 0; display: inline-block; height: 16px; width: 16px; -moz-appearance: none; -webkit-appearance: none; } button.search-submit { margin-right: -2em; width: 16px; display: inline-block; } .site-footer-logo { float: left; } } /* ---- Selector styling --*/ .drop-menu { margin-top: 1em; min-height: 34px; overflow: hidden; background: url('/Content/images/arrow_down.png') top 15px right 5px no-repeat; border: 1px solid #737373 !important; -webkit-appearance: none !important; font-size: 95%; width: 100.1%; padding: .3em; } @-moz-document url-prefix() { .drop-menu { font-size: 80%; } } .course-language-drop-menu { padding: 0 !important; min-height: 25px; height: 25px; overflow: hidden; background: url('/Content/images/arrow_down.png') top 10px right 2px no-repeat; border: 1px solid #737373 !important; -webkit-appearance: none !important; font-size: 100%; font-family: "wf_SegoeUI", "Segoe UI", "Segoe", "Segoe WP", "Tahoma", "Verdana", "Arial", "sans-serif"; width: 35% !important; } @-moz-document url-prefix() { .course-language-drop-menu { font-size: 90%; } } .course-lp-content > .info-for-user { left: 0px !important; } .drop-menu.width2col { width: 45.3em; } .width-add { min-width: 20%; } .list-plain li { margin: 1em 0; position: relative; font-family: inherit; } .list-plain li input[type=checkbox], .list-plain li label { display: inline-block; font-family: inherit; } .progrep-title { height: auto; } .courserep-title { height: auto; } @media screen and (max-width: 30em) { .drop-menu ul { float: left; clear: both; } .drop-menu.width2col { width: 20em; } } /*table - reports - added*/ .progress-report { overflow: hidden; min-height: 180px; } /* New Report Table */ .results-report *, .report-table-header * { box-sizing: border-box; margin: 0; padding: 0; } .results-report span, .report-table-header span { white-space: normal; } .report-container { background: #fff; } .report-header { background: #fff; position: fixed; z-index: 2; max-width: 100%; width: 985px; top: 2%; padding-top: 10px; overflow-x: hidden; } @media (max-width: 400px) { .res-view-transcript-all-zoom400 { overflow-x: auto; } } .report-table-new { background: #fff; z-index: 2; width: 985px; padding-top: 137px; } .report-table-new td { padding-right: 4px; } .report-table-new tr { border-bottom: 2px dotted #666; overflow: hidden; width: 100%; padding: .5em 0; height: 4em; } .report-table-header { border-bottom: 2px solid #666; overflow: hidden; width: 985px; max-width: 100%; } .table-header-title{ word-wrap: break-word; } .table-data-word-wrap{ word-wrap: break-word; } .report-table-header span { height: 3em; } @media (max-width: 400px){ .report-table-header span { height: 9em; } } .width40, .width18, .width24, .results-report h4 { display: block; float: left; overflow: hidden; } /*.width40, .results-report h4 { width: 40%; }*/ .width18 { width: 18%; padding-left: 1em; } .width24 { width: 24%; padding-left: 1em; text-overflow: ellipsis; } .assess { clear: left; } .results-report > li { border-bottom: 2px dotted #666; overflow: hidden; width: 100%; padding: .5em 0; } .results-report { width: 100%; margin: 0 0 30px 0; } .bold-report { font-weight: bold; } @media print { .report-header { width: 100%; position: relative; max-width: 100%; top: auto; } .results-report { margin: 0 0 0 0; } } #learnerTranscriptContainer .close-button-outline { position: fixed; right: 7%; } .icon-download { width: 40px; height: 40px; display: inline-block; margin-left: 5px; position: relative; cursor: pointer; overflow: hidden; } .icon-download:hover { margin-left: 5px; } .icon-download img { position: absolute; height: auto; width: auto; left: -80px; top: 0px; } .icon-printer { width: 40px; height: 40px; display: inline-block; position: relative; cursor: pointer; overflow: hidden; } @media (max-width: 400px){ .icon-printer-res{ margin-right: 50px; } } .icon-printer img { position: absolute; height: auto; width: auto; left: -120px; top: 0px; } .course-activity-report-table { min-height: 180px; } .report-percent { margin-top: 10px; line-height: 1em; background: #008A00; padding: 5px 5px; right: 0; color: #fff; text-align: right; } .report-percent .heading--large { color: #fff; } .report-assesment-figure { width: 100%; padding: 0.5em 0; border-top: 1px solid #666; } .support li { display: inline-block; margin-right: 1em; } .support ul { margin-bottom: 1em; } .support-label { display: block; width: auto !important; } /*Admin*/ table.courses-published-post { margin-top: 10px; border-collapse: collapse; } table.courses-published-post tr td { border: 1px solid #000; padding: 5px; font-size: 13pt !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } table.courses-published-post tr:first-child td { white-space: nowrap; font-weight: bold; } table.report-table td span.bold-report { font-size: 80%; font-weight: 900; } table.course-activity-table { line-height: 80%; margin-top: 2em; width: 99%; table-layout: auto; } table.course-activity-table th { font-weight: bold; font-size: 80% !important; padding-bottom: 7px; text-align: left !important; vertical-align: bottom; border-bottom: 1px solid #737373; } table.course-activity-table td { font-size: 80% !important; text-align: left !important; padding-top: 3px; } table.course-activity-table th.col-padded { width: 14px; text-align: left !important; } table.course-activity-table tr { overflow: hidden; } table.course-activity-table th, table.course-activity-table td { padding-right: 14px; box-sizing: border-box; width: 8.33% } table.course-activity-table th.small, table.course-activity-table td.small { width: 5% } table.course-activity-table th.large, table.course-activity-table td.large { width: 11.33% } table.course-activity-table td:after { display: inline-block; content: " "; } table.course-activity-table tr th:last-child, table.course-activity-table tr td:last-child { padding-right: 0; } /*added may29*/ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; border: 1px #666 solid; background: #fff; color: #666; border-radius: 0px; font-size: 80%; } body .ui-tooltip { border-width: 1px; } div#shell { padding: 0 !important; } /*.tool-tip p { line-height: 1.2em; }*/ #faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s { display: none !important; } .mar5-b { margin-bottom: 5px; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea { border: 1px solid #737373; max-width: 30em; min-height: 28px; padding: 0.35em 0.5em; width: 100%; } form input[type="file"] { border: 1px solid #D2D2D2 !important; padding: 0; -webkit-box-shadow: 0 0 5px #fff inset; -moz-box-shadow: 0 0 5px #fff inset; box-shadow: 0 0 5px #fff inset; } #faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s { display: none !important; } .mar5-b { margin-bottom: 5px; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea { border: 1px solid #737373; max-width: 30em; min-height: 28px; padding: 0.35em 0.5em; width: 100%; } .feedback-row-pad, .contant-row-pad { margin-top: -6%; } #faqCnt .ui-icon.ui-icon-triangle-1-e, #faqCnt .ui-icon.ui-icon-triangle-1-s { display: none !important; } .mar5-b { margin-bottom: 5px; } form input[type="text"], form input[type="password"], form input[type="email"], form input[type="search"], form input[type="tel"], form textarea { border: 1px solid #737373; max-width: 30em; min-height: 28px; padding: 0.35em 0.5em; width: 100%; } .mar25em-t { margin-top: 2.5em; } form input.input-browse { max-width: 30em; min-height: 28px; margin: 0px; padding: 0.35em 0.5em; width: 100%; border: 1px solid #D2D2D2; padding: 0; -webkit-box-shadow: 0 0 5px #fff inset; -moz-box-shadow: 0 0 5px #fff inset; box-shadow: 0 0 5px #fff inset; } .contact-heading { display: inline-block; } .support-phone { clear: both; display: block; height: 3em; margin: 0px 0px 10px 0px; width: 40%; } .sign-in-control { text-align: right; } .sign-in-control.userName-overFlow { text-align: left; } .catalog-control { float: left; } #catalog-trigger { line-height: 40px; padding: 0 0 0 15px; } .sign-in-control-seperator { cursor: default; } #divErrorMessage { z-index: 10000; } #upload-error-span, .overlay-error-span { color: #ff0000 !important; } #overlay-error-heading { color: #007233; margin-bottom: 10px; } #overlay-auth-error-heading { color: #007233; margin-bottom: 20px; } #authAccessRedeemLink { text-decoration: none; } strong { font-weight: 900 !important; } .top-strip { padding: 0.5em 0; } .showAll, a.showAll, .hideAll, a.hideAll { font-size: 130%; line-height: 110%; } a.showAll:hover, a.showAll:focus { font-size: 130%; line-height: 110%; text-decoration: underline; } .accList ol { margin: 1em 0; list-style-type: decimal !important; font-size: 80% !important; } .accList li { font-size: inherit !important; margin: 0.5em 0.5em 0 1.7em; } .sc-container p.help-desc { font-size: 100% !important; } .complete-status { font-size: 100%; color: #fff; } .mlx-radio-button-list ul { list-style: none; } .mlx-radio-button-list ul li { margin-left: 5%; line-height: 150%; } .mlx-radio-button-list ul li span { display: inline-block; width: 21px; height: 21px; margin: -1px 10px 0 -21px; vertical-align: middle; background: url('../images/radio-button.png') left top no-repeat; cursor: pointer; } .mlx-radio-button-list ul li label { vertical-align: middle; } .mlx-radio-button-list ul .selected .radio { background: url('../images/radio-button.png') right top no-repeat; } .sub-header-help { font-size: 100% !important; } .complete-status { font-size: 100%; color: #fff; } .sub-title-course { font-size: 100%; font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 600; } .sub-title-course-detail { font-size: 100%; font-family: "wf_SegoeUISemibold","wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 600; } .itsa-name-heading { font-size: 110%; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; color: #333; } .itsa-report-extra-message { color: #333; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 80%; } .profile input, .profile select { margin-bottom: 20px; } #profile .profile { width: 41%; } .profile input.mar-subrtract-last { margin-bottom: 5px !important; } .profile-optin { width: 400px; margin-bottom: 20px; } .profile-optin label { text-indent: -22px; padding-left: 5px; } .profile-optin input { vertical-align: bottom; display: inline; margin-bottom: 2px !important; } .grid-unit.contact-buttons { margin-bottom: 20px !important; } .video-navigation-button { width: 40px; height: 40px; display: inline-block; } .contentHide { display: none; } #info ul li { font-size: 13px !important; } .faq-question { color: #1570A6; } .faq-loading-indicator { font-style: italic; margin: 10px 0 0 20px; } .faq-learning-plans-table-container { border: 1px solid #CCCCCC; margin-top: 8px; font-size: 0.765em; margin-left: 20px; } .faq-learning-plans-table { width: 100%; display: table; border-collapse: collapse; } .faq-learning-plans-table > div:first-child { border-bottom: 1px solid #CCCCCC; font-weight: 600; } .faq-learning-plans-table > div { display: table-row; } .faq-learning-plans-table > div > div { display: table-cell; padding: 4px 0 4px 10px; vertical-align: top; } .faq-learning-plans-table > div > div.column1 { width: 50%; } .faq-learning-plans-table > div > div.column2 { width: 50%; padding-right: 10px; } .no-courses-msg { margin-left: 53px; margin-bottom: 10px; } .no-courses-msg p { font-size: 1em !important; margin: 10px 0px; color: #333; } /*Help file styles*/ p.Para { font-size: 13pt !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; } p.Para1 { font-size: 13pt !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; margin-top: 5px; margin-bottom: 5px; margin-left: 30px; } p.ProcHead { font-size: 13pt !important; font-family: "wf_SegoeUISemibold"; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; font-weight: bold; } div.NotePara { margin-top: 0.0pt; margin-right: 0in; margin-bottom: 4.0pt; margin-left: .2in; page-break-after: avoid; font-size: 10pt !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; background-color: #FFEEC2; } p.NotePara { margin-top: 0.0in; margin-right: 0.0in; margin-bottom: 4.0pt; margin-left: .1in; page-break-after: avoid; font-size: 10pt !important; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; background-color: #FFEEC2; } ol.num { list-style-type: decimal; margin-left: 50px; } ol.num1 { list-style-type: decimal; margin-left: 25px; } ol.num2 { list-style-type: lower-alpha; } ol.num3 { list-style-type: lower-roman; } .accordion-panel.ui-accordion-content ol.num li, .accordion-panel.ui-accordion-content ol.num1 li, .accordion-panel.ui-accordion-content ol.num2 li, .accordion-panel.ui-accordion-content ol.num3 li { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 13pt !important; } ul.bul { list-style-type: disc; margin-left: 50px; } ul.bul1 { list-style-type: disc; margin-left: 50px; } ul.bul2 { list-style-type: circle; margin-left: 25px; } ul.bul3 { list-style-type: square; margin-left: 25px; } .accordion-panel.ui-accordion-content ul.bul li, .accordion-panel.ui-accordion-content ul.bul1 li, .accordion-panel.ui-accordion-content ul.bul2 li, .accordion-panel.ui-accordion-content ul.bul3 li { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 13pt !important; } b, strong { font-weight: bold; } i, em { font-style: italic; } .accordion-panel .accList h3, .accordion-panel .accList h4 { font-size: 13pt !important; font-family: "wf_SegoeUISemibold"; } /* MLX Colour codes -- updated July 16 2013 All text as content Dark gray: #333 rgb(51,51,51) All main titles Dark green: #007233 rgb(0,114,51) ------------------- Buttons - primary (green) button background: #008A00 rgb(0,138,0) on hover / focus: #007233 rgb(0,114,51) Add button (blue): #0072C6 rgb(0,114,198) hover: #004A81 rgb(0,74,129) Remove button (green): #008A00 rgb(0,138,0) hover: #005A00 rgb(0,90,0) Print Certificate button (orange): #DC3C00 rgb(220,60,0) hover: #8F2700 rgb(143,39,0) ------------------- Error (red): # ------------------- Grays - dark to light #000000 #505050 #969696 #D2D2D2 #FFFFFF */ .profile input.error { margin-bottom: 0em; } .profile select.error { margin-bottom: 0em; } .profile label.error, .profile p.error { margin-bottom: 1em; } .overflow-hide { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .overflow-hide-a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: bottom !important; max-width: 130px; } #sign-in-trigger { max-width: 260px; } .overflow-hide-display { display: inline-block; vertical-align: bottom !important; max-width: 110px; } table.course-activity-table td.overflow-hide-display { display: block; } .overflow-width { max-width: 100% !important; vertical-align: bottom !important; } .lineHeight15 { line-height: 1.5; } .posR { position: relative; } .posA { position: absolute; } .bold { font-weight: 700; } .main-header-container { position: relative; } #site-navigation-wrapper { bottom: 0; left: 0; } .va-mid { vertical-align: middle; } .expiration-message-container { background-color: #FFFC9E; padding-left: 10px; font-size: 15px; padding-bottom: 7px; padding-top: 7px; border-bottom: 1px solid #FF9900; border-top: 1px solid #FF9900; z-index: 10; } .cookie-message-container { z-index: 10; } .expired-img { padding-right: 5px; position: relative; display: block; height: 20px; width: 20px; overflow: hidden; } .expired-img img { margin-top: 5px; position: absolute; width: auto; height: auto; left: -550px; top: -6px; } .ExportLink, .ExportLink:hover { font-size: 85%; } .profile textarea.error { margin-bottom: 0em; } .profile textarea { margin-bottom: 20px; } /* Custom UI tabs LP */ .divPlayerHeading { width: 100%; height: 30px; margin: 0 0 10px 0; } .divPlayerHeading .divPlayerHeadingList { width: 40%; height: 30px; background-color: #737373; } .divPlayerHeading .divPlayerHeadingList ul { list-style: none; line-height: 25px; padding: 0px; margin: 0; display: table; } .divPlayerHeading .divPlayerHeadingList ul li { font-family: 'Segoe UI'; color: #ffffff; font-size: 16px; font-weight: normal; float: left; cursor: pointer; padding-right: 14px; padding-left: 14px; height: 30px; line-height: 30px; } .divPlayerHeading .divPlayerHeadingList ul li:hover { background-color: #505050; } .divPlayerHeading .divPlayerHeadingList ul li.active:before { position: absolute; font-weight: 700; content: attr(data-title); } .divPlayerHeading .divPlayerHeadingList ul li a { display: table-cell; } .divPlayerHeading .divPlayerHeadingList ul li.active a { visibility: hidden; display: table-cell; } #divPlayerHeading { width: 544px; } /* Custom UI tabs*/ ul.ui-tabs-list { margin: 0px auto 0px 0px; border-bottom: 1px solid #d2d2d2; list-style: none; display: table; } ul.ui-tabs-list li:last-child { border-right: 0px; } ul.ui-tabs-list li { display: inline-block; font-size: 13px; font-weight: 400; padding-bottom: 5px; cursor: pointer; color: #0072C6; text-decoration: none; } ul.ui-tabs-list li:not(:first-child) { margin-left: 15px; } ul.ui-tabs-list li.active { border-bottom: 4px solid #0072c6 !important; color: #333 !important; } ul.ui-tabs-list li.active a { color: #333 !important; } #img-nav-previous { background: url('/Content/images/arrow-left-green.png') no-repeat; height: 40px; width: 40px; } #img-nav-next { background: url('/Content/images/arrow-right-green.png') no-repeat; height: 40px; width: 40px; } .catalog-courses { margin-right: 10px; margin-bottom: 30px; overflow: hidden; } .catalog-courses ul { padding-left: 33px; display: inline-block; width: 30%; float: left; } .catalog-courses li { list-style: none; margin-bottom: 15px; } .catalog-courses li a:hover { text-decoration: none !important; } .see-all-courses-link { font-size: 20px; margin-top: 2em; text-transform: none; padding-top: 10px; } .semibold { font-weight: 700; } .disabled { color: #696969 !important; } .marginB5 { margin-bottom: 5px; } .marginB15 { margin-bottom: 15px; } .margin40 { margin-bottom: 40px; } .displayBlock { display: block !important; } .marginT30 { margin-top: 30px; } .paddingT10 { padding-top: 10px; } .floatR { float: right; } /* Draw triangle in css */ .triangleup { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF; position: absolute; bottom: 3px; /* assuming border of container to be 1px */ left: calc( 20% - 10px); left: -moz-calc( 20% - 10px); left: -webkit-calc( 20% - 10px); z-index: 1200; } #catalog-content .triangleup { left: calc( 20% - 10px); left: -moz-calc( 20% - 19px); left: -webkit-calc( 20% - 19px); } #searchcourses .topicwisecourses { float: left; } .topic-wise-course-heading, .product-wise-course-heading, .popular-courses-heading { line-height: 1; } #productwisecourses .product-wise-course-heading { font-family: 'Segoe UI'; font-size: 25px; margin-left: 30px; font-weight: 100; color: #333333; } .all-courses-heading { font-weight: 100; /*color: #0072C6;*/ color: #006cbc !important; float: right; clear: both; display: block; width: 30%; font-size: 16px !important; margin-bottom: 60px; padding-right: 10px } .all-courses-heading span { line-height: 25px; display: inline-block; float: left; } .all-courses-heading:after { width: 25px; height: 25px; display: inline-block; float: left; margin-left: 10px; content: ""; background: url('/content/images/ITA_icons_sprite.png') -345px -285px no-repeat; } .riteArrowImg { width: 25px; height: 25px; vertical-align: middle; overflow: hidden; } .riteArrowImg > img { height: 388px; width: 675px; position: absolute; top: -285px; left: -345px; } /*.riteArrowImg { background-image: url('/Content/images/arrow-right-green.png'); background-repeat: no-repeat; width: 25px; height: 25px; background-size: 250px 600px; background-position: -50px -525px; vertical-align: middle; margin-left: 5px; }*/ .riteArrowImg:hover { background-position: -75px -525px !important; } .verticalalign-top { vertical-align: top; } .black { color: #333333; } #catalog-link, #Header-Classroom-title { color: #fff; text-decoration: none; } .product-wise-course-count { color: #696969; font-size: 13px; padding-left: 10px; } .tdecorationnone { text-decoration: none !important; } .search-block { float: left; } /*add button with blue background*/ .btn-add-green input[type=button] { background: #008A00; width: 19.1%; height: 40px; border: none; color: #fff; font-size: 16px; cursor: default !important; float: right; } #productwisecourses .product-wise-course-heading { font-family: 'Segoe UI'; font-size: 25px; margin-left: 20px; font-weight: 100; color: #333333; } #searchcourses .topic-wise-courses, #searchcourses .product-wise-courses { float: left; width: 32%; margin-right: 10px; margin-top: 20px; margin-bottom: 30px; } #searchcourses .popular-courses { float: left; width: 32%; margin-top: 20px; margin-bottom: 30px; } #productwisecourses ul { list-style: none !important; padding-left: 24px !important; margin-top: 30px; } #productwisecourses ul li { font-size: 15px !important; margin-right: 20px; font-family: 'Segoe UI'; padding-left: 0px !important; padding-right: 0px !important; font-weight: 400 !important; line-height: 1.3; } .product-wise-course-list ul li:active { background-color: transparent !important; } #productwisecourses ul li .link { font-size: 16px; } .sub-menu-level1 #add-lp { width: 142px; height: 30px; margin-top: 5px !important; } /* New Style Guide styles*/ .headline { font-size: 25px; font-family: 'Segoe UI Light'; } .subhead { font-size: 16px; font-family: "Segoe UI"; font-weight: 600; } .body { font-size: 13px; font-family: "Segoe UI"; } .subscription-details-container { margin-top: 3em; } .subscription-details-table { border: 1px solid #737373; font-size: 0.9em; overflow: auto !important; vertical-align: text-top; margin-top: 1em; height: 350px; } .subscription-details-table .table-header { border-bottom: 1px solid #737373; font-weight: 600; min-height: 38px; height: auto; } .subscription-details-table .details-row, .subscription-details-table .details-header { display: inline-block; vertical-align: top; word-wrap: break-word; margin: 5px 5px; } .subscription-details-table .subscription-codes { height: auto; overflow: auto; } /* Styles to remove page scroll bar */ .content-container { margin: 55px auto; } @media (max-width:400px){ .res-margin-learning-plan-page-400{ margin: 85px auto; } } #feedbackCnt.content-container, #contactUsCnt.content-container, #faq-container.content-container, #help-container.content-container { margin-top: 55px; height: calc(100% - 80px) !important; overflow: auto; } .main-content-container { height: calc(100% - 120px) !important; /* consider page title height as 68px */ overflow: hidden; padding-right: 5px !important; } .displayInline { display: inline; } .main-content-container-user { width: calc( 100% - 150px) !important; overflow: auto; } .main-content-container-with-desc { width: calc( 100% - 25px) !important; height: calc(100% - 120px) !important; /* consider page title and desc height as 120px */ overflow: hidden; padding-right: 20px !important; } #course-details-container { height: 100%; width: calc( 100% - 25px) !important; overflow-y: auto; padding-right: 20px !important; } #course-details-container .ui-tabs .ui-tabs-panel { padding: 0; font-size: 80%; } .font13 { font-size: 13px; } .mar15-b { margin-bottom: 15px; } .mar-2-t { margin-top: -1.8%; } .marginL20 { margin-left: 20px !important; } .overflow-dasboard { overflow: auto !important; } .cursor-default { cursor: default !important; } .cursor-pointer { cursor: pointer !important; } .paddingL15 { padding-left: 15px !important; } .learning-plan-report { margin-left: 25%; margin-top: 8%; font-weight: 700; } .orgnizationlistContainer { margin-left: 12px; } .normalFontWeight { font-weight: normal !important; } #Header-Classroom-title { padding: 5px; float: left; } #site-logo > #Header-Classroom-title, #site-logo > #Header-Classroom-title:hover, #site-logo > #Header-Classroom-title:focus { padding: 0 5px 0 5px !important; } #Header-Classroom-title:hover, #Header-Classroom-title:focus { background-color: #006a00; padding: 5px; } .logo-page-header { left: 33px; position: relative; } .OrgName-link-textContainer { margin-top: 0px !important; } #OrgName-link-text { color: #333; font-size: 13px; } #header-left-container { padding-left: 0px; float: left; } .launchLabOverlayButton { font-size: 80%; height: 35px; text-align: center; } #launchLabOverlayOkButton { background-color: #FFF; color: #333333; border: 1px solid; } #launchLabOverlayCancelButton { background-color: #008A00; color: #FFF; } .userName-overFlow { max-width: 77px !important; } .site-header-OfFooter { display: block; padding-top: 0; margin: 0 auto; background-color: #008a00; color: #FFF; height: 40px !important; width: 100%; position: relative; } .sr { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .autoHeight { height: auto; } .autoHeight footer, #contactUsCnt .site-footer { position: fixed; bottom: 0px; padding: 0px; height: 40px; display: block !important; } .autoHeight .site-footer { bottom: 0px; } .autoHeight footer a.footer-level-link, .autoHeight footer a.privacyfooter:hover { font-size: 83%; color: #1570a6; padding: 0px 0.2em 0pc .17em !important; font-size: 13px !important; font-weight: 400 !important; } .footer-level-menubar { margin-bottom: 0px !important; } .autoHeight .footer-level-menubar, #contactUsCnt .footer-level-menubar { margin-top: 10px; } .termsOfUseContainer { height: 93% !important; width: auto !important; margin-left: 10px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; padding-top: 5px !important; } #termsOfUseFooter .grid-container { margin-right: 208px; margin-left: 208px; } .group-tablist.ui-tabs-nav { background: transparent; } .group-tablist.ui-tabs-nav > .ui-state-default a { color: #0072c6; font-size: .9em; padding: 0; font-weight: normal; margin: 10px 10px 10px 0; } .group-tablist.ui-tabs-nav > .ui-tabs-active a { font-weight: bold; } /* Screenreaders only */ .sr { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .retireCourseNotification { background: url('/content/images/ITA_icons_sprite.png') -650px -1px; background-repeat: no-repeat; height: auto; padding-left: 25px; display: block; max-height: 50px; } /*-- Switch user account overlay --*/ .customMessageHeading { font-size: 25.6px !important; } .customMessageText { font-size: 15.66px !important; } .customMessageButton { font-size: 12.8px !important; } .padding-left-10px { padding-left: 10px !important; } .CrossBorderMessage { font-family: 'Segoe UI'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #666666; } a.skip-link { left: -999px; position: fixed; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -2; } /*skip stop main content css*/ .skip-link { cursor: pointer; } .skip-link:active, .skip-link:focus { color: #fff; background-color: #008a00; left: 0; top: 0; width: 99.5%; height: auto; overflow: auto; padding: 5px; text-align: center; font-size: 1.2em; z-index: 999; } ::-webkit-input-placeholder { color: #45454e; } .sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } @media screen and (min-width: 600px) and (max-width: 1279px) { .cust-header-font { font-size: 64%; } #Header-Classroom-title { /*padding: 3px;*/ font-size: 16px; } #learnerTranscriptContainer .close-button-outline { right: 6%; width: 40px; height: 40px } #lp-search { margin-left: 0px !important; width: 30%; } #lp-sortby { width: 40%; } .drop-menu-container-lp { width: 60%; } .drop-menu-container-lp select { width: 100%; } .footer-level-menuitem { margin: 0px 1.5px; } .table-font-size { font-size: 84% !important; } .ftrResponsive { display: flex; font-size: 95%; } #footer-level-copyright-text, #OrgName-link-text { font-size: 0.7rem; } .site-footer .footer-level-menubar { font-size: 97%; width: 81%; } .height-footer-40 { height: 35px; } .report-header { position:relative!important; } .report-header-hide{ display:none; } #learnerTranscriptContainer .overlay-wrapper-report-small{ overflow-x:auto; } .report-table-new { padding-top: 5px; } } /*calendar datepicker*/ .sr-only { position: absolute; top: -2000em; left: -3000em; } .datepicker { margin-top: 1em; position: relative; } .datepicker .group { display: inline-block; position: relative; width: 13em; } .datepicker label { display: block; } .datepicker input { padding: 0; margin: 0; height: 2em; background-color: white; color: black; border: 1px solid gray; } .datepicker button.icon { position: relative; /*top: 0.25em;*/ margin: 0; min-width:0!important; padding: 4px; border: 0 solid #005a9c; background-color: white; border-radius: 5px; } .datepicker .desc { position: absolute; left: 0; top: 2em; } .datepicker .fa-calendar-alt { color: #008a00; } .datepicker button.icon:focus { outline: none; padding: 2px; border-width: 2px; background-color: #def; } .datepicker input:focus { background-color: #def; outline: 2px solid #005a9c; outline-offset: 1px; } .datepicker-dialog { position: absolute; width: 300px; clear: both; border: 3px solid #194e83; margin-top: 0.15em; border-radius: 5px; padding: 0; background-color: #fff; } .datepicker-dialog .header { cursor: default; background-color: #194e83; padding: 7px; font-weight: bold; text-transform: uppercase; color: white; display: flex; justify-content: space-around; } .datepicker-dialog h2 { margin: 0; padding: 0; display: inline-block; font-size: 1em; color: white; text-transform: none; font-weight: bold; border: none; } .datepicker-dialog button { border-style: none; background: transparent; } .datepicker-dialog button::-moz-focus-inner { border: 0; } .datepicker-dialog .dates { width: 300px; } .datepicker-dialog .prev-year, .datepicker-dialog .prev-month, .datepicker-dialog .next-month, .datepicker-dialog .next-year { padding: 4px; width: 24px; height: 24px; color: white; } .datepicker-dialog .prev-year:focus, .datepicker-dialog .prev-month:focus, .datepicker-dialog .next-month:focus, .datepicker-dialog .next-year:focus { padding: 2px; border: 2px solid white; border-radius: 4px; outline: 0; } .datepicker-dialog .prev-year:hover, .datepicker-dialog .prev-month:hover, .datepicker-dialog .next-month:hover, .datepicker-dialog .next-year:hover { padding: 3px; border: 1px solid white; border-radius: 4px; } .datepicker-dialog .dialog-ok-cancel-group { text-align: right; margin-top: 0.5em; margin-bottom: 0.5em; margin-right: 1em; } .datepicker-dialog .dialog-ok-cancel-group button { padding: 6px; margin-left: 1em; width: 5em; background-color: #194e83; font-size: 0.85em; color: white; outline: none; border-radius: 5px; } .datepicker-dialog .dialog-button:focus { padding: 4px; border: 2px solid black; } .datepicker-dialog .dialog-button:hover { padding: 5px; border: 1px solid black; } .datepicker-dialog .fa-calendar-alt { color: #008a00; } .datepicker-dialog .month-year { display: inline-block; width: 12em; text-align: center; } .datepicker-dialog table.dates { padding-left: 1em; padding-right: 1em; padding-top: 1em; border: none; border-collapse: separate; } .datepicker-dialog table.dates th, .datepicker-dialog table.dates td { text-align: center; background: white; color: black; border: none; } .datepicker-dialog table.dates tr { border: 1px solid black; } .datepicker-dialog table.dates td { padding: 3px; margin: 0; line-height: inherit; height: 30px; width: 35px; border-radius: 5px; font-size: 15px; background: #D4D4D4; } .datepicker-dialog table.dates td.disabled { padding: 3px; border: none; height: 30px; width: 36px; } .datepicker-dialog table.dates td:focus, .datepicker-dialog table.dates td:hover { padding: 0; background-color: hsl(216deg 80% 92%); color: black; } .datepicker-dialog table.dates td:focus { padding: 1px; border: 2px solid rgb(100 100 100); outline: 0; } .datepicker-dialog table.dates td:not(.disabled):hover { padding: 2px; border: 1px solid rgb(100 100 100); } .datepicker-dialog table.dates td[aria-selected] { padding: 1px; border: 2px dotted rgb(100 100 100); } .datepicker-dialog table.dates td[aria-selected]:focus { padding: 1px; border: 2px solid rgb(100 100 100); } .datepicker-dialog table.dates td[tabindex="0"] { background-color: #194e83; color: white; } .datepicker-dialog .dialog-message { padding-top: 0.25em; padding-left: 1em; height: 1.75em; background: #194e83; color: white; } #myDatepicker .date-icon, #myDatepicker1 .date-icon { top: 0px !important; } .datepicker-dialog .header button { min-width: 0 !important; } .pl-5{ padding-left:5%!important; } /* The responsive proportional grid ------------------------------------------------------------------------------*/ /* Grid */ .mstResponsive .grid-container { width: 100%; margin-left: auto; margin-right: auto; max-width: 950px; } @media (max-width: 400px){ .overflow-grid-container{ overflow-x: hidden; } } .mstResponsive .grid-container:after { content: ""; display: table; clear: both; } .mstResponsive .grid-row .grid-unit { position: relative; margin-left: 0; width: 100%; float: left; } .mstResponsive .grid-row:after { clear: both; } .mstResponsive .grid-row { clear: both; float: left; width: 100%; } #search-container .grid-container { margin-right: 33px !important; float:left; margin-left:29px; width:68%; } @media screen and (min-width: 540px) { .mstResponsive .grid-row .grid-unit { margin-left: 2%; } .mstResponsive .grid-row .grid-unit:first-child { margin-left: 0; } /* Top-level columns */ .mstResponsive .column-1 .grid-unit { width: 100%; } /* line 47, ../SCSS/_grid.scss */ .mstResponsive .column-2 .grid-unit { width: 49%; } .mstResponsive .column-3 .grid-unit { width: 32%; min-width: 290px; } .mstResponsive .column-4 .grid-unit { width: 49%; } /* Nested columns*/ .mstResponsive .column-3 .colspan-1, .mstResponsive .column-3 .colspan-2, .mstResponsive .column-4 .colspan-1, .mstResponsive .column-4 .colspan-2, .mstResponsive .column-4 .colspan-3 { width: 100%; margin-left: 0; } .mstResponsive .column-3 .colspan-2 .grid-unit, .mstResponsive .column-4 .colspan-2 .grid-unit, .mstResponsive .column-6 .colspan-2 .grid-unit { width: 49%; } .mstResponsive .column-2 .colspan-2 .grid-unit, .mstResponsive .column-2 .colspan-3 .grid-unit, .mstResponsive .column-3 .colspan-3 .grid-unit, .mstResponsive .column-4 .colspan-3 .grid-unit { width: 100%; margin-left: 0; margin-right: 0; } .mstResponsive .column-4 .colspan-3 .colspan-2 { width: 100%; } .mstResponsive .column-2 .colspan-2 .grid-unit:first-child, .mstResponsive .column-3 .colspan-2 .grid-unit:first-child, .mstResponsive .column-4 .colspan-2 .grid-unit:first-child, .mstResponsive .column-4 .colspan-3 .grid-unit:first-child, .mstResponsive .column-6 .colspan-2 .grid-unit:first-child { margin-left: 0; } .mstResponsive .column-4 .grid-unit:nth-of-type(2n+3) { margin-left: 0; clear: both; } .mstResponsive .column-3 .colspan-2 + .grid-unit, .mstResponsive .column-4 .colspan-2 + .grid-unit { margin-left: 0; margin-right: 2%; } .mstResponsive .column-4 .colspan-2.grid-unit + .grid-unit + .grid-unit, .mstResponsive .column-4 .colspan-3 .grid-unit { clear: none; } .mstResponsive .column-6 .grid-unit { width: 49%; } .mstResponsive .column-6 .grid-unit:nth-of-type(2n+3) { margin-left: 0; clear: both; } .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) { width: 100%; } .mstResponsive .grid-container .grid-right { float: right; } } @media screen and (min-width: 680px) { .mstResponsive .column-2 .colspan-3 .grid-unit, .mstResponsive .column-3 .colspan-3 .grid-unit, .mstResponsive .column-4 .colspan-3 .grid-unit { width: 31.63%; margin-left: 2.555%; margin-right: 0; } .mstResponsive .column-4 .colspan-3 .colspan-2 { width: 65.815%; } .mstResponsive .column-6 .grid-unit { width: 32%; } .mstResponsive .column-6 .colspan-2 { width: 49%; } .mstResponsive .column-6 .grid-unit:nth-of-type(2n+3) { margin-left: 2%; clear: none; } .mstResponsive .column-6 .grid-unit:nth-of-type(4n) { margin-left: 0; clear: both; } .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) { margin-left: 0; clear: both; width: 100%; } } @media screen and (min-width: 900px) { /* Top-level columns */ .mstResponsive .column-1 .grid-unit { width: 100%; } .mstResponsive .column-2 .grid-unit { width: 49%; } .mstResponsive .column-3 .grid-unit { width: 32%; min-width: 290px; } .mstResponsive .column-4 .grid-unit { width: 23.5%; } .mstResponsive .column-3 .colspan-2 .grid-unit, .mstResponsive .column-4 .colspan-2 .grid-unit, .mstResponsive .column-6 .colspan-2 .grid-unit { width: 48.3335%; margin-left: 3.333%; margin-right: 0; } .mstResponsive .column-3 .colspan-2 { width: 66%; margin-left: 2%; } .mstResponsive .column-4 .colspan-2 { width: 49%; margin-left: 2%; } .mstResponsive .column-4 .colspan-3 { width: 74.5%; margin-left: 2%; } .mstResponsive .column-4 .colspan-1 { margin-left: 2%; } .mstResponsive .column-2 .colspan-2 .grid-unit { width: 48.3335%; margin-left: 3.333%; margin-right: 0; } .mstResponsive .column-3 .colspan-2 + .grid-unit, .mstResponsive .column-4 .colspan-2 + .grid-unit, .mstResponsive .column-6 .colspan-2 + .grid-unit { margin-right: 0; } .mstResponsive .column-4 .colspan-3 .grid-unit:nth-of-type(2n+3), .mstResponsive .column-4 .colspan-3 .colspan-2 + .grid-unit { margin-left: 2.555%; } .mstResponsive .column-3 .colspan-2 + .grid-unit, .mstResponsive .column-4 .colspan-2 + .grid-unit, .mstResponsive .column-3 .colspan-2 + .grid-unit, .mstResponsive .column-4 .grid-unit:nth-of-type(2n+3) { margin-left: 2%; clear: none; } .mstResponsive .column-6 .grid-unit { width: 15%; } .mstResponsive .column-6 .grid-unit:nth-of-type(4n) { margin-left: 2%; clear: none; } .mstResponsive .column-6 .colspan-2 { width: 32%; margin-left: 2%; } .mstResponsive .column-6 .colspan-2:nth-of-type(2n+3) { margin-left: 2%; clear: none; width: 32%; } } /* NonResponsive - a non responsive grid ------------------------------------------------------------------------------*/ .mstNonResponsive { min-width: 996px; } .mstNonResponsive .grid-container:after { content: ""; display: table; clear: both; } .mstNonResponsive .grid-row .grid-unit { position: relative; margin-left: 0; width: 100%; float: left; } .mstNonResponsive .grid-row { width: 100%; } .mstNonResponsive .grid-row, .mstNonResponsive .grid-row:after { clear: both; } .mstNonResponsive .grid-container { width: 916px; margin-left: auto; margin-right: auto; padding: 0 40px; } .mstNonResponsive .grid-container .grid-unit { margin-left: 10px; margin-right: 10px; display: inline; } .show-grid div[class*="grid-"] { margin-top: 0em; padding: 0; display: block; } @media screen and (min-width: 600px) and (max-width: 1279px) { .mt-3 { margin-top: 3% !important; } } /*Learning Plan grid*/ .anchored-left-fixed-width-2 { width: 200px; padding-left: 0px; padding-right: 0px; float: left; } #LPDescLine1 { display: block; margin-top: 40px; } #manageIcon { display: inline; margin-left: 0px; } .title-desc-indent-lp { font-size: 0.95em !important; } #learning-plan-data-container { max-width: calc(100% - 225px) !important; } @media (max-width: 400px){ #learning-plan-data-container { max-width: calc(100% - 1px) !important; } } /*#learning-plans { clear: both; }*/ .lp-grid-container { max-width: calc(100%-275px) !important; } .lp-back-container { width: 200px; float: left; } #learning-plan-container .anchored-left-fixed-width-2 { width: 185px !important; /*padding-left: 15px !important;*/ } /* body.show-grid Helper class for diagnosing grid problems. Add using jQuery when needed: $('body').addClass('show-grid'); ------------------------------------------------------------------------------ .show-grid .grid-row { background-color: transparent; } .show-grid .column-1 div[class*="grid-"] { background-color: #8bbf2c; } .show-grid .column-2 div[class*="grid-"] { background-color: #edd21f; } .show-grid .column-3 div[class*="grid-"] { background-color: #26bef0; } .show-grid .column-4 div[class*="grid-"] { background-color: #f03a25; } .show-grid .column-6 div[class*="grid-"] { background-color: none; } .show-grid .grid-row div[class*="grid-"] .grid-unit { background-color: rgba(0, 0, 0, 0.3); }*/ /* All Controls-------------------------- * 1. Accordian * 2. Rating * 3. Progress Bar * 4. Tabs * 5. Overlay * 6. carousel n/a * 7. Pagnation n/a * 8. Filters n/a ----------------------*/ /*---- 1. Accordian ---*/ .accordion { background: white !important; margin-bottom: 55px !important; border-radius: 0px !important; margin-top: 2px; } .ui-accordion-header-icon { background-image: none !important; content: "" !important; } .accordion .accordion-heading { margin: 0 !important; font-weight: normal !important; border-radius: 0px !important; float: left; width: 100% !important; height: auto; } .accordion .course-accordion-heading { margin: 0 !important; font-weight: normal !important; border-radius: 0px !important; } .accordion .accordion-heading2 { margin: auto 0 !important; font-weight: normal !important; border-radius: 0px !important; } .accordion .ui-accordion-header { padding: 0.2em 0px 0.2em 2.2em !important; transition: background-color 0.2s !important; line-height: 2em !important; position: relative !important; box-sizing: border-box !important; -webkit-transition: background-color 0.2s ease !important; -moz-transition: background-color 0.2s ease !important; -o-transition: background-color 0.2s ease !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .accordion :first-of-type.ui-accordion-header { border-top-color: currentColor !important; border-top-width: 0px !important; border-top-style: none !important; } /*added*/ .accordion .ui-accordion-header::before { left: 0px !important; top: 0.5em !important; width: 20px !important; height: 20px; text-align: center !important; line-height: 1em !important; font-family: "mshp_iconsregular" !important; font-size: 1.5em !important; display: block !important; position: relative !important; content: "" !important; float: left !important; background: url('/Content/images/accordian_icons.png') 0 0 no-repeat; margin: auto 0; vertical-align: middle; } /*added*/ .accordion .ui-accordion-header-active::before { font-family: 'MSHPIconsRegular'; content: "" !important; width: 20px !important; height: 20px; background: url('/Content/images/accordian_icons.png') -20px 0 no-repeat; } .accordion .ui-accordion-content { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; border-radius: 0px !important; border: 0px solid #fff !important; } @media all and (min-width:540px) { /*added*/ .accordion .ui-accordion-content { margin-left: 0em !important; overflow: visible; } } .accordion .ui-accordion-header { border-top-color: rgb(235, 235, 235) !important; border-top-width: 1px !important; border-top-style: solid !important; } .accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(235, 235, 235) !important; cursor: pointer !important; overflow: hidden; padding: 0.5em 0 0.5em 0 !important; } /*added*/ .accordion [aria-selected='false'].ui-accordion-header:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons.png') -40px 0 no-repeat; } .accordion [aria-selected='false'].ui-accordion-header-active:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons.png') -60px 0 no-repeat; } .accordion--solid-background.accordion .ui-accordion-header { background: rgb(235, 235, 235) !important; border-color: white !important; padding: 0.5em 0px 0.5em 2.25em !important; } .accordion--solid-background.accordion .ui-accordion-header::before { left: 0.25em !important; } .accordion--solid-background.accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(202, 202, 202) !important; } .accordion--solid-background.accordion .ui-accordion-content { padding: 0.5em 0em 0.5em 0.25em; } /*added - white on dark grey*/ .accordion--dgrey-text.accordion .ui-accordion-header { background: #ccc !important; border-color: #ccc !important; padding: 0.5em 0 0.5em 0em !important; color: #000 !important; margin-top: 2px !important; } .accordion--dgrey-text.accordion .ui-accordion-header::before { left: 0.25em !important; padding: 0 !important; margin: 0; } .accordion--dgrey-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: #808080 !important; padding: 0.5em 0 0 0em !important; margin-top: 2px !important; } .accordion--dgrey-text.accordion .ui-accordion-content { padding: 0.1em 0 0em 0 !important; clear: left; } .accordion--dgrey-text.accordion .ui-accordion-content li, .accordion--grey-text.accordion .ui-accordion-content li, .accordion--white-text.accordion .ui-accordion-content li { font-size: 13px !important; } /*white - accordian*/ .accordion--white-background.accordion .ui-accordion-header::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_white.png') 0px 0 no-repeat !important; } .accordion--white-background.accordion .ui-accordion-header-active::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_white.png') -20px 0 no-repeat !important; } .accordion--white-background.accordion .ui-accordion-header:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_white.png') -40px 0 no-repeat !important; } .accordion--white-background.accordion .ui-accordion-header-active:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_white.png') -60px 0 no-repeat !important; } /*white on black*/ .accordion--white-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 2.25em !important; clear: both; } .accordion--white-text.accordion .ui-accordion-header { background: #008A00 !important; border: none !important; padding: 0.5em 0 0.5em 0 !important; color: #fff !important; display: block !important; } .accordion--white-text.accordion .ui-accordion-header::before { left: 0.25em !important; color: #fff; } .accordion--white-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: #008A00 !important; overflow: hidden; } .accordion--white-text.accordion .ui-accordion-header { background: #008A00 !important; border: none !important; padding: 0.5em 0 0.5em 0 !important; color: #fff !important; display: block !important; border-bottom: 2px solid #fff !important; } .accordion--white-text.accordion .ui-accordion-header::before { left: 0.25em !important; color: #fff; overflow: hidden; } .accordion--white-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: #008A00 !important; overflow: visible; } .accordion--darkgreen-background.accordion .ui-accordion-header::before, .accordion--darkgreen-background.accordion .ui-accordion-header-active::before, .accordion--darkgreen-background.accordion .ui-accordion-header:hover::before, .accordion--darkgreen-background.accordion .ui-accordion-header-active:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: none !important; } .accordion--darkgreen-background.accordion .accordion-title-icon { width: 20px; height: 20px; display: inline-block; background-color: transparent; position: absolute; top: 11px; left: 10px; overflow: hidden; } .accordion--darkgreen-background.accordion .accordion-title-icon img { position: absolute; width: 80px; height: 20px; display: inline-block; left: 10px; } .accordion--darkgreen-background.accordion .ui-accordion-header .accordion-title-icon img { left: 0px; } .accordion--darkgreen-background.accordion .ui-accordion-header-active .accordion-title-icon img { left: -20px; } .accordion--darkgreen-background.accordion .ui-accordion-header:hover .accordion-title-icon img, .accordion--darkgreen-background.accordion .ui-accordion-header .accordion-title-icon:focus img { left: -40px; } .accordion--darkgreen-background.accordion .ui-accordion-header-active:hover .accordion-title-icon img, .accordion--darkgreen-background.accordion .ui-accordion-header-active .accordion-title-icon:focus img { left: -60px; } .manage-course-expander { width: 15px; height: 15px; display: inline-block; background-color: transparent; position: absolute; top: 11px; left: 5px; } /*orange - accordian*/ .accordion--orange-background.accordion .ui-accordion-header::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_orange.png') 0px 0 no-repeat !important; } .accordion--orange-background.accordion .ui-accordion-header:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_orange.png') -40px 0 no-repeat !important; } .accordion--orange-background.accordion .ui-accordion-header-active::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_orange.png') -20px 0 no-repeat !important; } /*default - accordian*/ .accordion--default-background.accordion .ui-accordion-header::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_default.png') 0px 0 no-repeat !important; } .accordion--default-background.accordion .ui-accordion-header:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_default.png') -40px 0 no-repeat !important; } .accordion--default-background.accordion .ui-accordion-header-active:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_default.png') -60px 0 no-repeat !important; } .accordion--default-background.accordion .ui-accordion-header-active::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons_default.png') -20px 0 no-repeat !important; } /*grey-001*/ .accordion--grey-text.accordion .ui-accordion-header-active::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons.png') -20px 0 no-repeat !important; } .accordion--grey-text.accordion .ui-accordion-header:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons.png') -40px 0 no-repeat !important; } .accordion--grey-text.accordion .ui-accordion-header-active:hover::before { font-family: 'mshp_iconsregular'; content: "" !important; background: url('/Content/images/accordian_icons.png') -60px 0 no-repeat !important; } /*light grey*/ .accordion--grey-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 2.25em !important; } .accordion--grey-text.accordion .ui-accordion-header { background: rgb(255, 255, 255) !important; border-color: white !important; padding: 0.5em 0 0.5em 0 !important; color: rgb(80,80,80) !important; display: block !important; } .accordion--grey-text.accordion .ui-accordion-header::before { left: 0.25em !important; color: #008A00; } .accordion--grey-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(225, 225, 225) !important; overflow: visible; } .accordion--grey-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 2.25em !important; } .accordion--grey-text.accordion .ui-accordion-header { background: rgb(255, 255, 255) !important; border-color: white !important; padding: 0.5em 0 0.5em 0 !important; color: rgb(80,80,80) !important; display: block !important; } .accordion--grey-text.accordion .ui-accordion-header::before { left: 0.25em !important; color: #008A00; } .accordion--grey-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(225, 225, 225) !important; overflow: hidden; } /*BG Dark green*/ .accordion--dGreen-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 2.25em !important; } .accordion--dGreen-text.accordion .ui-accordion-header { background: rgb(0,138,0) !important; border-color: white !important; padding: 0.5em 0 0.5em 0 !important; color: rgb(255,255,255) !important; display: block !important; } .accordion--dGreen-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(0,138,0) !important; overflow: hidden; } .accordion--dGreen-text.accordion .ui-accordion-header::before { left: 0.25em !important; background-image: url('/Content/images/accordian_icons_white.png') !important; } .accordion--dGreen-background.accordion .ui-accordion-header:hover::before { background: url('/Content/images/accordian_icons_white.png') -40px 0 no-repeat !important; } .accordion--dGreen-background.accordion .ui-accordion-header-active::before { background: url('/Content/images/accordian_icons_white.png') -20px 0 no-repeat !important; } .accordion--white-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 2.25em !important; } h3 a.accordian-links, h4 a.accordian-links { color: #fff !important; } h3 a.accordian-links:hover, h4 a.accordian-links:hover { color: #fff !important; text-decoration: underline; height: 40px; width: 40px; z-index: 7; } .play-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 7; } /*---- 2. Rating ---*/ /*---- search results ---*/ .rating-wrapper { width: 25%; padding-left: 20px; float: left; } .rating { width: 82%; height: 40px; padding: 0; margin: 0; display: block; } .cdContainer-right .rating { display: none; } .rating-number { display: inline-block; margin-left: 10px; font-size: .9em; position: relative; top: -3px; color: #000; } .star-rating { list-style: none; margin: 5px 0 0 0px; padding: 0; width: 100%; height: 18px; position: relative; background: url('/Content/images/ratings.png') top left repeat-x; display: block; } .star-rating li { padding: 0px; margin: 0px; height: 18px; width: 18px; /*\*/ float: left; /* */ } .star-rating li a { display: block; width: 18px; height: 18px; line-height: 30px; text-decoration: none; text-indent: -9000px; z-index: 7; position: absolute; padding: 0px; overflow: hidden; } .star-rating li a:hover { background: url('/Content/images/ratings.png') left -19px; z-index: 2; left: 0px; border: none; } .star-rating a.one-star { left: 0px; } .star-rating a.one-star:hover { width: 18px; } .star-rating a.two-stars { left: 18px; } .star-rating a.two-stars:hover { width: 36px; } .star-rating a.three-stars { left: 36px; } .star-rating a.three-stars:hover { width: 54px; } .star-rating a.four-stars { left: 54px; } .star-rating a.four-stars:hover { width: 72px; } .star-rating a.five-stars { left: 72px; } .star-rating a.five-stars:hover { width: 90px; } .star-rating li.current-rating { background: url('/Content/images/ratings.png') left bottom; position: absolute; height: 18px; display: block; text-indent: -9000px; z-index: 1; } /*---- 3. Progress bar ---*/ progress, .progress { background: #ccc; width: 100%; height: 0.75em; margin-bottom: 2em; } progress .progress-value, .progress .progress-value { display: block; height: 0.75em; background: #1570A6; } progress { /* IE10 */ color: #1570A6; /* Chrome */ /* Firefox */ /* Chrome */ } progress::-webkit-progress-bar { background: #ccc; } progress::-moz-progress-bar { background: #1570A6; } progress::-webkit-progress-value { background: #1570A6; } .progress-step-meter { list-style-type: none; display: block; width: 100%; margin-left: 0; } .progress-step-meter li { border-left: 0.5em solid #e2e2e2; padding: 1em 0 1em 1em; position: relative; } .progress-step-meter li .bullet { display: block; color: transparent; height: 1em; width: 1em; border-radius: 16px; background-color: #e2e2e2; position: absolute; top: 42.5%; top: -webkit-calc(50%-0.5em); top: -moz-calc(50%-0.5em); top: -o-calc(50%-0.5em); top: -ms-calc(50%-0.5em); top: calc(50%-0.5em); left: -0.75em; } .progress-step-meter li.completed { border-color: #1570a6; } .progress-step-meter li.completed .bullet { background-color: #1570a6; } .progress-i { display: block; width: 100%; background: #008A00; height: 20px; position: absolute; bottom: 0px; left: 0px; z-index: 1; float: left; } .progress-i span { font-size: 11px; position: absolute; right: 10px; line-height: 2em; color: #fff; } .progress-i .progress { width: 85%; background: #007233; height: 20px; z-index: 2; } .progress-b { display: block; width: 100%; background: #008A00; height: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 1; float: left; } .progress-b .progress { width: 85%; background: #55D455; height: 100%; } .progress-b span { font-size: 1.5em; line-height: 1.5em; position: absolute; right: .5em; top: 0; font-weight: bold; color: #fff; } @media (min-width: 540px) { .progress-step-meter { display: table; } .progress-step-meter li { display: table-cell; border-left: 0; border-top: 0.5em solid #e2e2e2; padding: 1em; text-align: center; } .progress-step-meter li .bullet { top: -0.75em; left: 50%; left: -webkit-calc(50%-0.5em); left: -moz-calc(50%-0.5em); left: -o-calc(50%-0.5em); left: -ms-calc(50%-0.5em); left: calc(50%-0.5em); } } /*---- 4. Tabs ---*/ #info { width: 100%; } #info p { width: inherit; background-color: inherit; padding: 0; margin: 0; clear: both; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 80%; color: #333; } #course-details-container .ui-accordion-header { font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 13px; font-weight: 600; padding-top: 12px; padding-bottom: 13px } #info-tab { margin: 0 auto; padding: 3px 0; max-width: 1600px; list-style: none; font-weight: 300; overflow: hidden } .info-tab-container { width: 100%; background: rgb(238, 238, 238); position: relative; overflow: visible; } #info-tab li { display: inline-block; border-bottom: 0; margin-right: 5.25%; padding: 5px 8px 5px 0; cursor: pointer; font-size: 90%; font-weight: 600; } #info-tab li:first-child a { padding-left: 5px } /*added*/ #info-tab li.padding-l8 { padding-left: 0px; } #info-tab li a:hover, #info-tab li a:focus { color: #008A00; text-decoration: underline; } #info-tab li.ui-state-active a { color: #006600 !important; } #celebs { clear: both; } /*added*/ span.icon-open-window { background: url('/content/images/ITA_icons_sprite.png') -361px -25px no-repeat; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 0.2em; overflow: hidden; } @media screen and (min-width: 40em) { #info-tab li a { font-size: 90%; color: #666666 !important; } } /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width: 30em) { #info-tab li a { font-weight: 600; font-size: .765em; color: #737373 !important; } } /* 5. Overlay ----*/ .overlay-wrapper { position: fixed; width: 100%; z-index: 300; margin: auto 0; padding: 1em; left: 0; background-color: #fff; display: none; height: auto; min-height: 206px; vertical-align: middle; line-height: 10em; } .heightAuto { height: auto; } #overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #333; z-index: 299; opacity: 0.8; display: none; } #contentFrame { width: 100%; height: 100%; overflow: hidden; border: 0; } .close { margin: 0; position: absolute; right: 0px; top: 0px; color: #333; height: 40px; width: 40px; line-height: 20px; vertical-align: top; text-align: center; cursor: pointer; display: block; text-align: center; } /* Fix for Edge issue for not visible close image*/ .close img { border-left: 1px solid #FFF; } #admin-learningplan-overlay { position: fixed; width: 98.75%; left: 0.5%; top: 1%; min-height: 150px; max-height: 680px; height: 97%; overflow-y: auto; overflow-x: hidden; z-index: 300; margin: auto 0 auto 0%; padding: 0; background-color: #fff; display: block; min-width: 900px; } @media (max-width: 400px){ .res-add-learning-plan-dialog { min-width: auto !important; } } @media and (max-width: 1000px) { .res-add-learning-plan { overflow-y: auto; } } #Create-edit-learningplan-overlay-dialog { /*margin-right:20px !important;*/ } .overlay-wrapper-small { position: fixed; width: 90%; left: 50%; min-height: 150px; max-height: 680px; height: 90%; overflow-y: auto; overflow-x: hidden; z-index: 300; margin: auto 0 auto -45.5%; padding: 0; background-color: #fff; display: block; } @media (max-width: 400px){ .res-new-group-success-dialog{ overflow-y: auto !important; width: auto !important; } } .res-certificate-overflow { position: fixed; width: 90%; left: 50%; min-height: 150px; max-height: 680px; height: 90%; overflow-y: auto; overflow-x: auto; z-index: 300; margin: auto 0 auto -45.5%; padding: 0; background-color: #fff; display: block; } @media screen and (min-width: 600px) and (max-width: 1279px) { #course-player-overlay .overlay-wrapper-small { min-width: 640px !important; } #groups-assessmentreport-overlay, #groups-activityreport-overlay { min-width: 615px !important; left: 47%; overflow: auto; } #admin-learningplan-overlay { min-width: 600px; } #my-certificate-container { min-width: 605px; } .accordion--white-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 0.5em !important; } .cert-printer-pos { left: 400px !important; } #my-certificate-container .certificate .cert-content { margin-left: 0 !important; } #my-certificate-container .cert-date { text-align: left; } #groups-activityreport-overlay .overlay-container, #groups-assessmentreport-overlay .overlay-container { width: 120% !important; } } #course-player-overlay .overlay-wrapper-small { position: fixed; width: 99%; left: 0.5%; top: 0; height: 100%; overflow: auto; margin: 0%; z-index: 300; padding: 0; background-color: #fff; display: block; } .overlay-wrapper-report-small { position: fixed; width: 90%; left: 50%; top: 2% !important; z-index: 300; margin: auto 0 auto -45.5%; padding: 0; height: 90%; vertical-align: middle; background-color: #fff; display: block; overflow-y: auto; overflow-x: hidden; } @media(max-width: 400px) { .res-view-transcript-all { margin-top: -80px; justify-self: flex-start; height: calc(100% - 700px) !important; position:absolute; } } .overlay-container { max-width: 985px; margin: 0 auto 0.5em auto; padding: 1em; clear: both; line-height: 150%; vertical-align: middle; width: 90% } #course-player-overlay .overlay-wrapper-small .overlay-container { margin: 0 auto 0 auto; padding: 0; clear: both; line-height: 150%; vertical-align: middle; overflow-y: auto; overflow-x: hidden; width: 99%; max-width: 100%; } .overlay-container-resign { text-align: center; padding-top: 90px; } .overlay-container-report { max-width: 855px; height: inherit; margin: 0 auto; padding: 1em; clear: both; line-height: 150%; vertical-align: middle; } @media (max-width: 1500px){ .res-overflow-course-activity-report{ overflow-x:hidden; overflow-y:auto; } } .no-x-sroll { overflow-x: hidden !important; } .no-y-sroll { overflow-y: hidden !important; } .multiple-cert { align-self: center; width: 93% !important; padding-right: 1em; height: 90%; } /* Overlay-progress-report is used in Admin reports. Please verify that all admin reports work before you make *any* change to this following style. It has to be present after overlay-container so that it can override the max-height and min-height styles */ /*.sign-options { height: 450px !important; }*/ .welcome-signedin { height: 206px !important; } .overlay-container p { font-size: 100%; color: #333; line-height: 130%; margin-left: 0; margin-bottom: 0; width: 60%; font-weight: normal; } .overlay-container-report p { font-size: inherit; color: #969696; line-height: 100%; margin-left: 0; margin-bottom: 0; width: 100%; font-weight: normal; height: 2.5em; } .overlay-container-score p { font-size: inherit; color: #969696; line-height: 100%; margin-left: 0; margin-bottom: 0; width: 100%; font-weight: normal; height: 3em; } .overlay-button-container { width: 100%; height: 35px; margin-right: 50px; margin-bottom: 1.5em; margin-top: 1.5em; float: right; text-align: right; } .overlay-button-textline-container { width: 40%; height: 35px; margin-bottom: 1.5em; margin-top: 1.2em; float: right; text-align: right; } .overlay-small-button-container { width: 100%; height: 50px; float: left; text-align: left; vertical-align: baseline; margin-top: 1em; margin-bottom: 1em; } .overlay-button-container span { float: left !important; margin-left: 100px; font-size: .8em; } .overlay-close { width: 40px; height: 40px; z-index: 360; position: absolute; top: 0; right: 0; } .fixed-overlay-close { width: 50px; height: 50px; } .signin-account { position: relative; clear: both; margin-bottom: 0; display: inline-block; margin-left: 0; } .signin-account .signin-text { width: 100%; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 200px } .signin-account .signin-text p { font-weight: normal; font-size: 11.2px; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; margin: 0; width: 100%; margin-right: inherit; } .signin-account .signin-text h3 { font-size: 19.2px; font-weight: 100; font-family: "Segoe UI Light","Segoe","Segoe UI","SegoeUI-Light-final",Tahoma,Helvetica,Arial,sans-serif; color: #000; } .signin-account .signin-text h3 a { color: #0072C6; } .signin-account .signin-text h3 a:hover { text-decoration: none; } .signin-image { width: 48px; height: 48px; margin: 0 10px 0 0; float: left; } #signin-container h2 { color: #333; } .signin-text { float: inherit; } /*Signin Modal Updates to uniform the look and feel with MS sites*/ p.signin-bodyText { font-family: "Segoe UI","Segoe","SegoeUI-Regular-final",Tahoma,Helvetica,Arial,sans-serif; font-size: 14.4px; margin: 0; text-align: left; display: block; } /*Move the login modal to left*/ div#signin-container > div.overlay-container { padding-right: calc((100% - 1050px) / 2); max-width: 600px; } /*Signin type selection*/ div.signin-account a { outline: none; width: 100%; color: #000 } div.signin-account a:focus .signin-text h3, div.signin-account a:focus table.signin-tile, div.signin-account a:focus .signin-text p { background: #0072c6; outline: none; color: #fff; } div.signin-account a:hover { background: #fff; text-decoration: none } table.signin-tile { border-spacing: 10px; border-collapse: separate; width: 100%; } table.signin-tile:hover { background: #e6e6e6 } table.signin-tile:active { background: #0072c6; color: #fff } td.signin-tablecell { vertical-align: middle; text-align: left; margin-top: 0; } input[type="button"].button--overlay, button.button--overlay { color: #fff; background: #008A00; } input[type="button"].button--overlay:hover, input[type="button"].button--overlay:focus, button.button--overlay:hover, button.button--overlay:focus { background: #BAD80A; } /* overlay loading screen --*/ .overlay-loading-wrapper { position: fixed; width: 100%; top: 12.5em; left: 0; min-height: 206px; height: auto; z-index: 300; margin: auto 0; vertical-align: middle; padding: 0; background-color: #fff; display: block; } .overlay-loading-container { width: 91.96787148594378%; height: 78.37837837837838%; margin: 1em auto; padding: 0; clear: both; } .overlay-loading-container h1 { font-size: 2em; color: #008A00; margin: 0; padding-bottom: 25px; text-align: center; } #loading-animation { background: url('/Content/images/progressIndicator40x40.gif') no-repeat; width: 40px; height: 40px; margin: 40px auto; } #loading-animation-green { background: url('/Content/images/progressIndicatorGreen40x40.gif') no-repeat; width: 40px; height: 40px; margin: 40px auto; } #loading-animation-lime { background: url('/Content/images/progressIndicatorLime40x40.gif') no-repeat; width: 40px; height: 40px; margin: 40px auto; } /****Lab****/ .lab-wrapper { background: #fff; } .lab-wrapper .overlay-container { width: 96.96787148594378%; height: 94.37837837837838%; margin: 1em auto; position: relative; } .lab-wrapper .column-2 .grid-unit { width: 48%; height: auto; overflow: auto; } .lab-wrapper .border1pt { border: 1px #d2d2d2 solid; width: 48%; } .tab-content { margin-bottom: 2em; } .tab-content-lab { height: 27em; } .tab-content-lab .new-window { position: absolute; right: 0px; } #lab-player #servers { height: 24em; } /*added*/ .tab-content p { padding-bottom: 1em; } .actions-panel { margin: 4px 0 0 4px; } #rdp-client-host { margin: 4px 0 0 4px; } /* Overlay Self Assessment */ .assessment-wrapper { height: inherit !important; } .assessment-wrapper .overlay-container { width: 97.96787148594378%; min-height: 400px; margin: 1em auto; position: relative; } .assessment-wrapper .overlay-container h1, .assessment-wrapper .overlay-container p { font-size: 1em; line-height: 1em; } .assessment-QA-number { height: 25px; width: 100%; background: rgb(80,80,80); text-align: center; color: #fff; } .QandA p.qes { font-weight: 500; font-size: 1em; line-height: 1.2em; margin-bottom: 0px; padding-left: 0; } .ans-li { margin: 1em 0; } .ans-li.no-top-margin { margin: 0 0; } .ans-li li { font-weight: 500; font-size: .8em; line-height: 1.2em; } .ans-li li input[type=radio] { margin-right: 10px; } .ans-icon { margin: 0 10px 30px 5px; height: 1.5em; } .correct-ans { color: #008A00; } .incorrect-ans { color: #333; } .ans-icon-space { width: 20px; margin-right: 10px !important; height: 20px; display: inline-block; } .correct-icon { position: relative; top: 5px; width: 20px; margin-right: 10px !important; height: 20px; display: inline-block; background: url('/Content/images/correct-icon.png') center top no-repeat; } .incorrect-icon { position: relative; top: 5px; width: 20px; margin-right: 10px; height: 20px; display: inline-block; background: url('/Content/images/incorrect-icon.png') center top no-repeat; } .prev-next-button { position: absolute; bottom: 0em; vertical-align: baseline; left: 0; } /* transcripts --*/ .transcript.complete .grid-unit { width: 14%\9 !important; } .transcript.complete .grid-unit.colspan-2 { width: 35%\9 !important; } .transcript { font-size: 0.8em; } .transcript .grid-row .grid-unit { margin-left: 1em !important; margin-bottom: 0em; } .transcript .grid-row.transHdr .grid-unit:first-child { margin-left: 0.5em !important; } .transcript .grid-row .grid-unit:first-child { margin-left: 0em !important; } .transcript .grid-row.transHdr { background: #008A00; padding: 0.4em 0; font-weight: bold; } .transcript .grid-row.transRow { border-bottom: 1px solid #808080; } .transcript .grid-row .grid-unit.courseName { background: #ccc; padding: 0.2em 0 0.2em 0.5em; } .transcript .grid-row .grid-unit.courseName p { font-size: 0.9em; color: #808080; margin: 0em; padding: 0em; } .transcript .grid-row .grid-unit.courseName h4 { font-weight: bold; font-size: 1.1em; } .transcript .grid-row .grid-unit.status p { width: 2em; padding: 0.3em; background: #ccc; } .transcript .grid-row .grid-unit.status p.success { background: #008A00; } .right { float: right; background-color: transparent; border: none; text-align: right; } .right a, a:hover { background-color: transparent; border: none; } .left { float: left; } .transHead .right p { padding: 0em; margin: 0em; text-align: right; } .transHead .right p.itaName { margin-top: 1.5em; font-size: 0.65em; } .transcript.inProgress .grid-row .grid-unit.topic { width: 25%; padding: 0.2em 0 0.2em 0.5em; } .transcript.inProgress .grid-row .grid-unit.others { width: 72.6%; } .transcript.inProgress .grid-row .grid-unit.others .grid-row { margin: 0; } .transcript.inProgress .grid-row .grid-unit.others .grid-row .grid-unit { width: 23%\9; } .transcript.inProgress .grid-row .grid-unit.others .grid-row .grid-unit.colspan-2 { width: 49.4%\9; } .transcript.inProgress .grid-row.transHdr .grid-unit:first-child { margin-left: 0em !important; } .transHead p { margin: 0; } .transHead label { color: #808080; } .transHead strong { margin-left: 0.2em; } .transHead .progStatus { font-size: 0.8em; margin-top: 1.5em; } .score { color: #008A00; font-size: 2em; margin: 0 .2em; } .transHead .trans { margin-top: 1.5em; } .fntp9em { font-size: 0.9em; } .fntp75em { font-size: 0.75em; } .fntp65em { font-size: 0.65em; } .transcript .grid-row { margin-top: 0.5em\9; } .certificate .certCount { color: #808080; font-size: 1.4em; } .single-cert { padding-bottom: 0px !important; margin-bottom: 0px !important; overflow: hidden; } .certificate { background: #fff; margin: 0; position: relative; margin-right: 0; width: 790px; font-family: "Segoe UI Light","wf_SegoeUILight","wf_SegoeUI","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 11px; } .certificate-header { background: transparent; margin: 0em !important; position: relative; height: inherit; width: 790px; border: 0; } .certificate-header .ms-logo { width: 169px; height: 62px; border: none; display: inline-block; } .cert-header-title h2 { padding-left: 16px; } .cert-header-title img, .certificate-footer img { height: 8px !important; } h2.cert--large { font-family: "Segoe UI Light","wf_SegoeUILight","wf_SegoeUI","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 36px; font-weight: 300; display: block; clear: both; margin-bottom: 10px; line-height: 36px; word-wrap: break-word; } .fontSize48 { font-size: 48px !important; } .cert--normal { font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-size: 2em; line-height: 1.2em; } .cert-content { float: left; margin-left: 6.2em; margin-top: 1.5em; line-height: 1.2em; width: 84%; } p.cert-content { word-wrap: break-word !important; } .cert-date { text-align: right; word-wrap: break-word !important; } .completedStatus { padding: 0.5em 0; font-size: 11px; } .cert-desig { position: relative; margin-top: 3em; margin-bottom: 2em; width: 100%; } .cert-desig .sign { padding-bottom: 0.5em; } .certificate-footer { background: transparent; margin: 0 0 1em 0 !important; position: relative; line-height: 4em; width: 790px; } .cert-printer, .cert-printer-all { position: absolute; top: 0; left: 800px; display: block; width: 24px; height: 24px; cursor: pointer; margin: 0; background: url('/Content/images/ITA_icons_sprite.png')-312px -1px no-repeat !important; } .cert-multiple { margin: 0em !important; position: relative; max-width: 780px; height: 2em; line-height: 2em; } .print-all { margin-top: -5px; float: left; margin-right: -60px; } .tab-content-cert { height: 90%; } .tab-content-cert ul { margin-left: 0; } .tab-content-cert li { margin-bottom: 2em; } .tab-content-cert-li { position: relative !important; page-break-after: always; } .tab-content-cert-li-a { position: absolute !important; right: 2em !important; z-index: 99 !important; } .sign { float: left; } /*.certificate .grid-unit { width: 200px!important; }*/ a span.print-icon { background: url('/Content/images/icon_email_print.png') left 0 no-repeat; width: 40px; height: 40px; margin: 0 20px; float: right; } a span.email-icon { background: url('/Content/images/icon_email_print.png') right 0 no-repeat; width: 40px; height: 40px; float: right; } .print-all { float: right; } .print-all a { font-size: 1em; vertical-align: middle; } @media screen and (max-width: 600px){ .res-course-activity-report { width: 91.96787148594378%; height: 78.37837837837838%; margin: 5em auto; padding: 0; clear: both; vertical-align: middle; overflow: auto; } } @media (max-width: 400px){ .res-confirm-actions-delete-group{ width: auto !important; overflow-y: auto !important; } } @media (max-width:400px){ .res-course-added-dialog { width: auto !important; overflow-y: auto !important; } } @media (max-width: 400px){ .res-course-remove-dialog{ width: auto !important; overflow-y: auto !important; } } /* responsive overlay for Mobile phones --*/ @media screen and (max-width: 30em) { .overlay-wrapper { width: 100%; height: 50%; position: fixed; top: 0; left: 0; overflow-y: hidden; } .close { margin: 0; position: absolute; right: 15px; top: 15px; color: #333; height: 40px; width: 40px; line-height: 20px; vertical-align: top; text-align: center; cursor: pointer; background: url('/Content/images/overlay_close.png') no-repeat; display: block; } /*.small { position: absolute; width: 90%; left:50%; top: 10%; min-height: 150px; z-index: 300; margin: auto 0 auto -45.5%; padding: 0; vertical-align: middle; background-color: #fff; display: block; }*/ /*.sign-options { height: 450px !important; }*/ .overlay-container { width: 91.96787148594378%; height: 78.37837837837838%; margin: 5em auto; padding: 0; clear: both; vertical-align: middle; } @media (max-width: 400px){ .res-overlay-container-height{ height: auto !important; } } .overlay-button-container { width: 90%; height: 50px; margin-left: 20px; margin-right: 20px; float: left; text-align: left; } .overlay-button-container { width: 90%; height: 50px; margin-left: 20px; margin-right: 20px; float: left; text-align: left; } .overlay-container h1 { font-size: 2em; color: #008A00; margin-left: 20px; margin-right: 20px; padding-bottom: 25px; } h1.black { font-size: 2em; color: #333; margin-left: 20px; margin-right: 20px; padding-bottom: 25px; } .overlay-container p { font-size: 1em; color: #969696; line-height: 110%; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; width: 90%; } /* overlay loading animation --*/ .overlay-loading-wrapper { width: 100%; height: 50%; position: absolute; top: 7.5em; left: 0; bottom: 0; background-color: #fff; display: block; overflow-y: hidden; } .overlay-loading-container { width: 91.96787148594378%; height: 78.37837837837838%; margin: 5em auto; padding: 0; clear: both; } .overlay-loading-container { text-align: center; } #loading-animation { background: url('/Content/images/progressIndicator40x40.gif') no-repeat; width: 40px; height: 40px; margin: 0 auto; } } /* Transcripts overlays */ .transcript.complete .grid-unit { width: 14%\9 !important; } .transcript.complete .grid-unit.colspan-2 { width: 35%\9 !important; } .transcript { font-size: 0.8em; } .transcript .grid-row .grid-unit { margin-left: 1em !important; margin-bottom: 0em; } .transcript .grid-row.transHdr .grid-unit:first-child { margin-left: 0.5em !important; } .transcript .grid-row .grid-unit:first-child { margin-left: 0em !important; } .transcript .grid-row.transHdr { background: #008A00; padding: 0.4em 0; font-weight: bold; } .transcript .grid-row.transRow { border-bottom: 1px solid #808080; } .transcript .grid-row .grid-unit.courseName { background: #ccc; padding: 0.2em 0 0.2em 0.5em; } .transcript .grid-row .grid-unit.courseName p { font-size: 0.9em; color: #808080; margin: 0em; padding: 0em; } .transcript .grid-row .grid-unit.courseName h4 { font-weight: bold; font-size: 1.1em; } .transcript .grid-row .grid-unit.status p { width: 2em; padding: 0.3em; background: #ccc; } .transcript .grid-row .grid-unit.status p.success { background: #008A00; } .transHead .right, a.close, .transHead .right a { float: right; } .transHead .left { float: left; } .transHead .right p { padding: 0em; margin: 0em; text-align: right; } .transHead .right p.itaName { margin-top: 1.5em; font-size: 0.65em; } .transcript.inProgress .grid-row .grid-unit.topic { width: 25%; padding: 0.2em 0 0.2em 0.5em; } .transcript.inProgress .grid-row .grid-unit.others { width: 72.6%; } .transcript.inProgress .grid-row .grid-unit.others .grid-row { margin: 0; } .transcript.inProgress .grid-row .grid-unit.others .grid-row .grid-unit { width: 23%\9; } .transcript.inProgress .grid-row .grid-unit.others .grid-row .grid-unit.colspan-2 { width: 49.4%\9; } .transcript.inProgress .grid-row.transHdr .grid-unit:first-child { margin-left: 0em !important; } .transHead p { margin: 0; } .transHead label { color: #808080; } .transHead strong { margin-left: 0.2em; } .transHead .progStatus { font-size: 0.8em; margin-top: 1.5em; } .transHead .progStatus .score { color: #008A00; font-size: 2em; } .transHead .trans { margin-top: 1.5em; } .fntp9em { font-size: 0.9em; } .fntp75em { font-size: 0.75em; } .fntp65em { font-size: 0.65em; } .transcript .grid-row { margin-top: 0.5em\9; } .mrg-btm-20 { margin-bottom: 20px; } .progress-report .accordion-panel { height: 100% !important; } .noBgIcon { background: none !important; } #divOrganizationSwtich .overlay-container { padding-top: 0em !important; position: relative; margin: auto; z-index: -1; } #divOrganizationSwtich.overlay-wrapper-small { height: 99%; } #divEditProfile .overlay-container, #divAddUser .overlay-container, #divBulkUpload .overlay-container, #divInviteUsers .overlay-container, #divPrivacySettings .overlay-container { padding-top: 0em !important; position: relative; top: -30px; } #divOrganizationSwtich .org-change-close, #divOrganizationSubscriptions .org-change-close, #divEditProfile .edit-profile-close, .print-certificate-close, .close-button-outline { float: right; width: 50px; height: 50px; display: inline-block; } #confirm-learningplan-save-container-dialog { overflow: hidden; height: 525px !important; } select.adminDropdown { margin-top: 0.1em; margin-bottom: 0.7em; min-height: 30px; overflow: hidden; background: url('/Content/images/arrow_down.png') top 15px right 5px no-repeat; border: 1px solid #d2d2d2 !important; -webkit-appearance: none !important; font-size: 90%; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; width: 30%; padding: .3em; border-radius: 4px; } .position-fixed { position: fixed; } .enrollcode-height { height: 220px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #course-player-overlay .overlay-wrapper-small .overlay-container { overflow-y: hidden; } } @media (max-width: 400px) { .res-new-group-success-dialog { overflow-y: auto !important; width: auto !important; } .res-overlay-wrapper-small { overflow-x: auto !important; } .res-assessment-report { width: 300% !important; } .res-overlay-progress-report-assessment { width: 300% !important; height: auto !important; } .res-course-activity-report { width: 300% !important; margin: 5em auto; padding: 5px !important; clear: both; vertical-align: middle; overflow: auto; height: auto !important; } } /* * 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; 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://jquit.com/builder/#gcc=ffffff&gcb=d4d4d4&gct=525252&gci=d4d4d4&pcc=d4d4d4&acb=525252&o=ffffff&ghc=3399ff&ght=ffffff&ghi=ffffff&gdc=d4d4d4&gdb=d4d4d4&gdt=525252&tdc=3399ff&tdb=3399ff&tdt=ffffff&tdi=ffffff&ddc=d4d4d4&ddb=d4d4d4&ddt=525252&pxd=000000&asc=3399ff&ast=ffffff&goc=66B3FF&gob=66B3FF&got=ffffff&toc=66B3FF&tob=66B3FF&tot=ffffff&toi=ffffff&doc=66B3FF&dob=66B3FF&dot=ffffff&pxa=525252&gac=3399ff&gab=3399ff&gat=ffffff&tac=ffffff&tab=d4d4d4&tat=525252&tai=d4d4d4&dac=3399ff&dab=3399ff&dat=ffffff&dic=d4d4d4&dib=3399ff&dit=ffffff&gic=efdca9&gib=efdca9&git=525252&gii=525252&ec=c31d1d&eb=c31d1d&et=ffffff&ei=ffffff */ /* Component containers ----------------------------------*/ .ui-widget { font-family: 'Segoe UI WPC', 'Segoe UI Light', 'Segoe UI', Helvetica, 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: 'Segoe UI WPC', 'Segoe UI Light', 'Segoe UI', Helvetica, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #444444; } .ui-widget-content a { color: #444444; } .ui-widget-header { border: 1px solid #dddddd; background: #dddddd; color: #444444; font-weight: bold; } .ui-widget-header a { color: #444444; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #cccccc; background: #ffffff; color: #444444; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444444; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #ff0084; background: #ffffff; color: #222222; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: normal; } .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; } /* 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: 0; -webkit-border-top-left-radius: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -khtml-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -khtml-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } /* Overlays */ .ui-widget-overlay { background: #eeeeee; opacity: .80; filter: Alpha(Opacity=80); } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa; opacity: .60; filter: Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* * 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: inline-block; font-size: 1em; padding: 0; } /*changed padding*/ .ui-accordion-icons .ui-accordion-header a { padding-left: 0; } /*changed padding 2.2em*/ .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 2px; 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: 2px 15px; 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; } .ui-button-text-only .ui-button-text { padding: .2em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .2em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em 1em .2em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em 2.1em .2em 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: .2em 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 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: -12px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -12px; } .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: .35em; } .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: .35em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .35em; } /*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: 2px; bottom: 2px; } .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; 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; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; border-bottom: 0 !important; padding: 0; white-space: nowrap; background-color: none !important; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; } .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; 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: normal; 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%; } /* General */ html, body { background-color: #ffffff; } .ui-widget { font-family: 'Segoe UI WPC', 'Segoe UI Light', 'Segoe UI', Helvetica, Verdana; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 2px solid #dddddd; background: inherit; font-weight: bold; text-decoration: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 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 { font-weight: bold; color: #ffffff; border-width: 2px; } .ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; font-weight: bold; color: #ff0084; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; } /* Accordion */ .ui-accordion-header { border: 2px solid; } .ui-accordion .ui-accordion-header { margin-top: 2px; } .ui-accordion-content { border: 2px solid; border-top: none; margin-bottom: 3px !important; } .ui-accordion .ui-accordion-header a { font-size: 1.0em; padding: 0; font-weight: bold; } /*changed padding .6em .3em .5em 2.9em*/ .ui-accordion > .ui-state-active a, .ui-accordion > div > h3.ui-state-active a { padding-bottom: .8em; } /*.ui-accordion .ui-accordion-header .ui-icon{margin-top:-12px;}*/ .ui-accordion > .ui-state-active, .ui-accordion > div > h3.ui-state-active { border-bottom: none !important; } .ui-accordion-header > .ui-icon { margin: 4px; } /* Tabs */ .ui-tabs { padding: 0; border: none; } .ui-tabs-nav { padding: 0px 0px 0px 0px !important; border: none; background-color: black; } .ui-tabs-nav .ui-state-default { border: none; padding: 0px !important; margin: 2px !important; } .ui-tabs-nav .ui-state-default a { border: none; position: relative; font-weight: bold; } .ui-tabs-nav .ui-tabs-selected a { border: none; } .ui-tabs .ui-widget-content { border: none; } .ui-tabs-nav .ui-state-hover { border: none; } /* Dialog */ .ui-dialog { border-width: 2px; padding: 0; } .ui-dialog-titlebar { border: none; border-bottom-width: 2px; padding: .6em 1em .6em 1em !important; font-weight: bold; font-size: 1.1em; } .ui-dialog-buttonpane { border-top-width: 2px !important; margin-top: 0 !important; } .ui-dialog .ui-dialog-titlebar-close { width: 24px; height: 24px; margin: -13px 0px 0px 0px; padding: 0; } .ui-dialog-titlebar-close > .ui-icon { margin: 4px !important; } /* Datepicker*/ .ui-datepicker { border: 2px solid; padding: 0 !important; } .ui-datepicker .ui-datepicker-header { border: none; padding: .4em 1em .4em 1em; } .ui-datepicker .ui-datepicker-header .ui-state-default, .ui-datepicker .ui-datepicker-header .ui-state-hover { background: none; border: none; padding: 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 24px; height: 24px; margin: 0; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { position: relative; top: 0; left: 0; margin: 0; } .ui-datepicker .ui-datepicker-prev-hover { left: 2px; top: 2px; } .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; } .ui-datepicker table { margin: 0px; border: 1px solid; } .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-active { border-width: 2px; } .ui-datepicker .ui-icon { margin: 4px !important; } /* Button */ .ui-button { border-width: 2px !important; border-bottom-style: solid; font-weight: normal !important; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -3px; } /* Additional states */ .ui-state-highlight { border: 2px solid; } .ui-state-error { border: 2px solid; } /*.ui-state-highlight .ui-icon, .ui-state-error .ui-icon{position:relative;top:-4px;}*/ /* Slider */ .ui-slider { border: none; } .ui-slider .ui-slider-handle { width: .8em; height: .8em; border: none; margin: -.4em; } .ui-slider-horizontal .ui-slider-handle { margin-top: 0; top: 0; } .ui-slider-vertical .ui-slider-handle { margin-left: 0; left: 0; } /* Progressbar */ .ui-progressbar { border: none; height: 0.8em; } .ui-progressbar .ui-progressbar-value { border: none; } /* Autocomplete */ .ui-autocomplete { border: solid 2px #bbbbbb; padding: 0; } .ui-autocomplete .ui-menu-item a { padding: 5px; border: none; margin: 0 !important; } /* Icon states */ .ui-icon { width: 16px; height: 16px; } /* General */ .ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon { background-image: url(/Content/images/ui-icons_d4d4d4_0.png); } .ui-state-default .ui-icon { background-image: url(/Content/images/ui-icons_525252_0.png); } .ui-state-active .ui-icon, .ui-state-hover .ui-icon { background-image: url(/Content/images/ui-icons_ffffff_0.png); } .ui-widget-overlay { background: #000000; } .ui-widget-content { color: #525252; } /* Button states */ .ui-state-default, .ui-widget-content .ui-state-default { background-color: darkblue; border-color: white; color: white; } .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: blue; border-color: white; color: #ffffff; } .ui-state-hover, .ui-widget-content .ui-state-hover { background-color: blue; border-color: white; color: #ffffff; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: blue; border-color: white; color: #ffffff; outline:1px solid transparent; } /* Accordion */ .ui-accordion-content { border-color: #d4d4d4; background: #ffffff; } .ui-accordion-header.ui-state-active, .ui-accordion-header.ui-state-active.ui-state-hover { color: #525252; border-color: #d4d4d4 !important; background-image: url(/Content/images/ui-icons_d4d4d4_0.png); background-position: -230px -213px !important; } .ui-accordion-header.ui-state-active a { color: #525252 !important; } .ui-accordion-header.ui-state-default { border-color: #3399ff; background: #3399ff; } .ui-accordion-header.ui-state-default a { color: #ffffff; } .ui-accordion-header.ui-state-hover { background: #66B3FF; border-color: #66B3FF; } .ui-accordion-header.ui-state-hover a { color: #ffffff; } .ui-accordion-header.ui-state-active .ui-icon { background-image: url(/Content/images/ui-icons_d4d4d4_0.png) !important; } .ui-accordion-header.ui-state-default .ui-icon { background-image: url(/Content/images/ui-icons_ffffff_0.png); } .ui-accordion-header.ui-state-hover .ui-icon { background-image: url(/Content/images/ui-icons_66B3FF_0.png); } .ui-accordion-header { background-image: url(/Content/images/ui-icons_ffffff_0.png) !important; background-position: -230px -214px !important; background-repeat: no-repeat !important; } .ui-accordion-header.ui-state-hover { background-image: url(/Content/images/ui-icons_ffffff_0.png) !important; background-position: -230px -166px !important; } /* New Accordion */ .acc-accordion .ui-accordion-header a h3, .acc-accordion .ui-accordion-header a h2, .acc-accordion .ui-accordion-header a p { font-weight: normal; font-size: .875em; line-height: 1; margin: 0; color: #fff; } .acc-accordion .ui-accordion-header { overflow: hidden; clear: both; display: block; line-height: 1 !important; padding-left: 0; } .acc-accordion .ac-container p { color: #fff; font-weight: normal; font-size: 100%; } .acc-accordion .ui-accordion-header a h3, .acc-accordion .ui-accordion-header a h2 { text-transform: uppercase; font-family: Verdana,Arial,sans-serif; padding-top: 2px; } .acc-r-icon { width: auto; height: 24px; position: absolute; right: 15px; z-index: 2; } .acc-r-icon span { display: inline-block; line-height: 24px; color: #fff; float: right; margin-left: 5px; width: 3em; } .acc-l-icon { width: auto; height: 24px; position: absolute; right: 90px; z-index: 2; } .acc-r-icon:hover { transition: none; } .acc-control { display: block !important; position: relative; width: 90%; color: #ffffff !important; z-index: 1; padding-left: 30px !important; } a.acc-control { float: left; } #myAchieveAccordion .acc-control { width: 80%; } .acc-control:before, .faq-accordion .ui-accordion-header:before { display: inline-block; width: 20px; height: 20px; content: ""; position: absolute; left: -10px; top: 0; background: url(/Content/images/accordian_icons_white.png); } .acc-control:hover:before, .faq-accordion .ui-accordion-header:hover:before, .acc-control:focus:before, .faq-accordion .ui-accordion-header:focus:before { background-position: -40px 0; } .ui-accordion-header-active .acc-control:before, .faq-accordion .ui-accordion-header-active:before { background-position: -20px 0; } .ui-accordion-header-active .acc-control:hover:before, .faq-accordion .ui-accordion-header-active:hover:before, .ui-accordion-header-active .acc-control:focus:before, .faq-accordion .ui-accordion-header-active:focus:before { background-position: -60px 0; } .acc-accordion .ui-accordion-header { background: #008a00 none !important; color: #fff; border: 0; } .faq-accordion .ui-accordion-content { border: 0; height:auto; padding:0; overflow-x:hidden; margin:0 } .faq-accordion .ui-accordion-header { font-size: 16px; padding: .8em .8em .8em 40px; } .faq-accordion h3 { font-size: 16px; } .faq-accordion .ui-accordion-header:before { left: 10px; top: 50%; margin-top:-10px; } .faq-accordion .ui-accordion-header:hover { color: #fff; } /* Tabs states */ .ui-tabs-nav > .ui-state-default a { border-color: #3399ff; background: none; color: #ffffff; } .ui-tabs-nav > .ui-tabs-selected a { border-color: #d4d4d4 !important; background: none !important; color: #525252 !important; } .ui-tabs-nav > .ui-state-hover a { background: none; border-color: #66B3FF; color: #ffffff; } .ui-tabs-nav > .ui-state-focus a { background: none; color: #ffffff; } .ui-tabs .ui-widget-content { border-color: #d4d4d4 !important; background-color: #ffffff; } .ui-tabs-nav { border-color: #d4d4d4; } .ui-tabs-nav > li { background-color: transparent !important; } .ui-tabs-nav .ui-state-default img { opacity: 0.5; } .ui-tabs-nav .ui-state-active img { opacity: 1; } /* Dialog states */ .ui-dialog { border-color: #3399ff; background-color: #ffffff !important; } .ui-dialog-titlebar { border-color: #3399ff; color: #ffffff; background-color: #3399ff; } .ui-dialog-buttonpane { border-color: #3399ff !important; background-color: #ffffff; } .ui-dialog-content { background-color: #ffffff !important; } .ui-dialog-titlebar .ui-icon { background-image: url(/Content/images/ui-icons_ffffff_0.png); } .ui-dialog-titlebar .ui-state-hover .ui-icon { background-image: url(/Content/images/ui-icons_3399ff_0.png) !important; } .ui-dialog-titlebar-close { background-image: url(/Content/images/ui-icons_ffffff_0.png) !important; background-position: -232px -216px !important; } .ui-dialog-titlebar-close.ui-state-hover { background: url(/Content/images/ui-icons_ffffff_0.png) !important; background-position: -232px -168px !important; } /* Slider */ .ui-slider { background: #d4d4d4; } .ui-slider .ui-slider-range { background: #3399ff; } .ui-slider .ui-state-default { background-color: #000000; } .ui-slider .ui-state-active { background-color: #525252 !important; } .ui-slider .ui-state-focus { background-color: #000000; } .ui-slider .ui-state-hover { background-color: #525252; } /* Progressbar */ .ui-progressbar { background: #d4d4d4; } .ui-progressbar .ui-progressbar-value { background-color: #3399ff; } /* Autocomplete */ .ui-autocomplete { border-color: #525252; } .ui-autocomplete a { background-color: #ffffff; color: #525252; } .ui-autocomplete .ui-state-hover { background: #3399ff; color: #ffffff; } /* Datepicker */ .ui-datepicker { border-color: #3399ff; } .ui-datepicker .ui-datepicker-header { background-color: #194e83; color: #ffffff; } .ui-datepicker table { border-color: #ffffff; } .ui-datepicker-calendar { background: #ffffff; } .ui-datepicker-calendar .ui-state-default { background-color: #d4d4d4; border-color: #d4d4d4; color: #525252; } .ui-datepicker-calendar .ui-state-hover { background-color: #66B3FF !important; border-color: #66B3FF !important; color: #000080 !important; } .ui-datepicker-calendar .ui-state-highlight { background-color: #d4d4d4; border-color: #3399ff; color: #000080; } .ui-datepicker-calendar .ui-state-active { background-color: #3399ff; border-color: #3399ff; <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>AUTO GENERATED BY CONFLICT EXTENSION>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> origin/users/v-kadarade/Accessibility_Bugs_Fixes } .ui-datepicker .ui-icon { background-image: url(/Content/images/ui-icons_ffffff_0.png); } .ui-datepicker .ui-state-hover .ui-icon { background-image: url(/Content/images/ui-icons_3399ff_0.png); } .ui-datepicker-next, .ui-datepicker-prev { background-image: url(/Content/images/ui-icons_ffffff_0.png); background-position: -232px -216px; } .ui-datepicker-next-hover, .ui-datepicker-prev-hover { background-image: url(/Content/images/ui-icons_ffffff_0.png) !important; background-position: -232px -168px !important; opacity: 1; } .ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled { background-image: url(/Content/images/ui-icons_ffffff_0.png); background-position: -232px -216px; } /* Highlight */ .ui-state-highlight { border-color: #efdca9; color: #525252; background: #efdca9; } .ui-state-highlight .ui-icon { background-image: url(/Content/images/ui-icons_525252_0.png); } /* Error */ .ui-state-error { border-color: #c31d1d; color: #ffffff; background: #c31d1d; } .ui-state-error .ui-icon { background-image: url(/Content/images/ui-icons_ffffff_0.png); } @media screen and (max-width: 1279px) { #ui-datepicker-div{ z-index:25 !important; } } .narrow-by ul, .sort-by ul { position: relative; margin: 0px; padding: 0px; border: none; margin-top: 5px; } .searchMessage { margin-right: .25em; text-overflow: ellipsis; overflow: hidden; max-width: 180px; white-space: nowrap; display: inline-block; } .height28 { height:28px !important; } .narrowby-container { display: inline-block; float: left; width: 25%; } .narrowby-container .search-results-back { margin-top: 12px; display: inline-block; width: 100%; } .narrowby-container .divnarrowby { display: inline-block; width: 100%; } .sort-by ul li, .sort-by ul li:hover { border: none !important; background: none !important; } .sort-by label { margin-bottom: .2em; } .scContainer { width: calc(100% - 230px); } .narrow-by ul li { list-style: none; font-size: 1em; margin: 0px; padding: 0px; display: inline; margin-right: 15px; padding-right: 5px; } .narrow-by ul li span.down-arrow { display: inline-block; height: 8px; width: 12px; margin-left: 10px; background: url('/Content/images/arrow_down.png') no-repeat; } .narrow-by ul li span.refresh-icon { display: inline-block; height: 35px; width: 35px; background: url('/Content/images/refresh.png') 0 0px no-repeat; margin-bottom: -12px; } .sort-by ul li { list-style: none; margin: 0px; padding: 0px; display: inline; } .narrow-by p, .sort-by p, .sort-by label { font-size: 0.765em; } .narrow-by, .sort-by { display: inline-block; } .narrow-by-mobile { display: none; } .drop-menu-container { width: 175px; height: 42px; overflow: hidden; background: url('/Content/images/arrow_down.png') 155px 10px no-repeat; border: 0px solid #d2d2d2 !important; -webkit-appearance: none !important; position: relative; display: inline; } .drop-menu-container select { background: transparent; width: 175px; height: 25px; padding: 5px; font-size: 0.9em; border: 1px solid #d2d2d2; height: 34px; -webkit-appearance: none !important; -moz-appearance:none } .drop-menu-container select::-ms-expand { display: none; } .length { width: 130px; margin-top: 33px; } .length select { width: 80px; } .link, a { cursor: pointer; color: #0072C6; text-decoration: none; } .link { font-size: 13px; } .search-container { width: 310px !important; right: 198px !important; top: 20px !important; } .show-search { display: block !important; top: auto !important; } .overlay-size { max-width: 91%; width: 100%; } /* LEVEL */ .narrow-by-level { position: absolute; margin-top: 10px; background: #fff; border: 1px solid #d2d2d2; z-index: 10; } .narrow-by-menu ul { display: block; border: 0; margin: 0 auto; margin-left: 0; background: #fff; border: 1px solid #d2d2d2; z-index: 10; } .narrow-by-menu fieldset ul li { list-style-type: none; margin: 10px; display: block; font-size: 0.9em; } /*TECHNOLOGIES */ .narrow-by-tech { position: absolute; margin-top: 10px; margin-left: 90px; background: #fff; border: 1px solid #d2d2d2; z-index: 10; } /*PRODUCT */ .narrow-by-product { position: absolute; margin-top: 10px; margin-left: 235px; background: #fff; border: 1px solid #d2d2d2; z-index: 10; } /*LANGUAGE */ .narrow-by-lang { position: absolute; margin-top: 10px; margin-left: 350px; background: #fff; border: 1px solid #d2d2d2; z-index: 10; } .narrow-by-language { float: left; } .narrow-by-language-noresult { margin-top: 1%; } .sort-by { float: right; width: 300px; } .sort-by-lp { float: right; width: 255px; } .sort-by p { margin-left: 5px; display: inline-block; } .sort-by ul { border: none; min-width: 120px; font-size: 1em; } #search_learningPlan{ width:260px !important; padding-left:10px!important; font-size:13px; font-weight:normal; font-family:'Segoe UI'; } .sort-by select { border: 1px solid rgb(115,115,115 ); min-width: 170px; } .sort-by select option { padding: 10px !important; } /********* Rearch Result Body Page *********/ .sc-container { width: 100%; display: block; margin: 0px; clear: both; } .sc-container h2,.sc-container h1 { font-size: 150%; color: #007233; } .sc-container .sort-by { margin-top: 0px; } .sc-container p { font-size: .765em; margin-bottom: 0px; padding-bottom: 0px; } .clear { clear: both; } .sc-item { max-width: 100%; height: 78px; margin: 5px 0; margin-bottom: 10px; color: #fff; } .course-description-container { width: 100%; height: 135px; background: #333; float: left; overflow: hidden; } .course-description-container-lp { width: 100%; height: 78px; background: #333; float: left; overflow: hidden; } .lp-launchers-container { width: 100%; height: 32px; padding: 0; margin-right: 0; line-height: 2.7em; float: left; background: rgb(80,80,80); } .launchers-container { width: 100%; height: 40px; padding: 0; margin-right: 0px; line-height: 2.7em; float: left; background: rgb(80,80,80); } .course-item-button { width: 19.10480349344978%; height: 40px; margin-left: 0; float: right; position: relative; } .course-item-button input { width: 100%; height: 40px; background: #009E49; border: none; color: #fff; font-size: 16px; cursor: pointer; } .launchers-container .launchers { width: 49.9%; float: left; } .launchers ul { list-style: none; position: relative; float: left; display: block; margin-top: 0; padding: 0; } .launchers ul li { position: relative; float: left; display: block; } .launchers ul li a { display: block; height: 24px; line-height: 1.3em; margin: 0 0 0 1px; padding: 0 10px 3px; text-decoration: none; width: 35px; } .search-results-back { margin-right: 1.2%; } .drop-menu-container .search-results-back { display: inline-block; float: right; margin-top: 0px !important; } /*added*/ /*.launchers a.e-mail { background: url('/Content/images/Picture1.png') 50% 50% no-repeat; } .launchers a.share { background: url('/Content/images/courses.png') 50% 50% no-repeat; } .launchers a.course-page { background: url('/Content/images/courses.png') 50% 50% no-repeat; } .launchers a.wish-list { background: url('/Content/images/wish.png') 50% 50% no-repeat; } .launchers a.recomended { background: url('/Content/images/pin.png') 50% 50% no-repeat; }*/ /*Green*/ /*.launchers a.e-mail-green { background: url('/Content/images/email.png') 50% 50% no-repeat; } .launchers a.share-green { background: url('/Content/images/share.png') 50% 50% no-repeat; } .launchers a.transcript-green { background: url('/Content/images/transcript.png') 50% 50% no-repeat; } .launchers a.course-page-green { background: url('/Content/images/courses_green.png') 50% 50% no-repeat; } .launchers a.wish-list-green { background: url('/Content/images/wish.png') 50% 50% no-repeat; } .launchers a.recomended-green { background: url('/Content/images/pin.png') 50% 50% no-repeat; }*/ /*Orange*/ .launchers a.e-mail-orange { /*background: url('/Content/images/email.png') 50% 50% no-repeat;*/ } .launchers a.share-orange { /*background: url('/Content/images/share.png') 50% 50% no-repeat;*/ } /* .launchers a.transcript-orange { /*background: url('/Content/images/trans_orange.png') 50% 50% no-repeat; }*/ .launchers a.course-page-orange { /*background: url('/Content/images/courses_orange.png') 50% 50% no-repeat;*/ } .launchers a.wish-list-orange { /*background: url('/Content/images/wish.png') 50% 50% no-repeat;*/ } .launchers a.recomended-orange { /*background: url('/Content/images/pin.png') 50% 50% no-repeat;*/ } .course-image-box { width: 26.20087336244541%; height: 135px; background: #D13900; margin-right: 0px; float: left; position: relative; cursor: pointer; } .course-image-box img { height: 135px; width: 100%; float: left; } .complete-percent { position: absolute; top: 10px; left: 10px; color: #fff; width: auto; z-index: 20; } .complete-percent .percent-numbers { font-weight: bold; font-size: 120%; } .course-description-box { width: 73.79912663755459%; height: 105px; padding: 0; position: relative; float: right; } .course-description, .author-description { position: relative; width: 75%; float: left; color: #333; } .author-description { bottom: 0px; } .course-description { top: 0px; } .author-description p { line-height: 0.5em; font-size: 0.9em; padding: 5px 0 5px 20px; } .course-description .desc { } .course-description .shortdesc { color: rgb( 210, 210,210 ); font-family: 'Segoe UI'; font-size: 10.5pt; font-weight: normal; } .course-description .descalign { overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .course-description .title { font-size: 1em; } .course-description h3,.course-description p.shortdesc { font-size: 16px; line-height: 1.3em; padding-left: 20px; color: #fff; margin-top: 0; } .course-description p.shortdesc { font-size:10.5pt; } .mar10--t { margin-top: 10px !important; } .course-description h4 { font-size: 13px; padding: 15px 0 0 20px; color: #fff; } .course-description h4.orange { color: #fff; font-size: 13px; } .font13 { font-size: 13px !important; } .course-difficulty { width: 19.187772925764192%; height: 110px; margin: 0px; float: right; text-align: right; color: #fff; } .course-difficulty h4 { font-size: 100% !important; padding: 15px 20px 0 0; color: #fff; } .course-complete { width: 21.5%; height: 110px; margin: 0px; margin-right: 10px; margin-top: 10px; float: right; text-align: right; color: #fff; font-size: 80%; } .course-complete h4 { font-size: .765em; padding: 15px 20px 0 0; color: #ff8c00; } .course-difficulty p { padding: 0 20px 0 0; color: #fff; } /*To match the learner search title font size*/ #learningplan-productlist-search .course-description h4 { font-size: 13pt !important; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } /*learningplan manage users and groups*/ .length { width: 130px; margin-top: 33px; } .length select { width: 80px; } .link { color: #0072C6; } .search-containers { width: 310px !important; right: 198px !important; top: -30px !important; } .show-search { display: block !important; top: auto !important; } .fontS13 { font-size: 13px !important; } .overlay-size { max-width: 91%; width: 100%; } .hide { display: none; } .show { display: block !important; } #search-wrapper { width: 280px; } #user-grid-row-container, #group-grid-row-container { min-width: 915px; position: relative; font-family: 'Segoe UI' !important; } #user-grid-row-container .user-list-header, #group-grid-row-container .user-list-header { border: 1px solid #737373; margin-top: 10px; border-bottom: 0px; border-right: 0px; } .gridViewUsers, .gridViewGroups { height: 350px; overflow-y: auto; border: 1px solid #737373; width: 87%; float:left; } .groups-table { border: 1px solid #737373; width: 87%; float:left; table-layout:fixed; } @media (max-width: 400px){ .groups-table-width-400{ width: 100% !important; } } .groups-body { height: 350px; overflow-y: auto; display:block; } .groups-table td, .groups-table th { width:20%; display:block; float:left; overflow:hidden; box-sizing:border-box; } .groups-table td { padding:5px; } .groups-table td.assignment { padding-left:13px; } .groups-table th.description { padding-left:5px; } .groups-table th { text-align:left; font-weight:bold; padding-top:5px; padding-bottom:5px; } @media (max-width: 400px){ .margin-for-group-assignment-groups { margin-left: 40px !important; word-wrap:break-word; width: 40px; } } @media (max-width: 400px){ .res-margin-for-groups-tabl-column-data{ margin-left: 40px !important; } } @media (max-width: 400px){ .res-groups-table-width{ width: 100%; } } @media (max-width: 400px){ .res-word-wrap-width{ word-wrap:break-word; width:65px; margin-left: 40px !important; } } @media (max-width: 400px){ .res-margin-description{ margin-left: 40px !important; width: 60px !important; } } @media(max-width: 400px){ .res-margin-assignment-data{ word-wrap:break-word !important; white-space:normal !important; } } @media (max-width: 400px){ .res-name-groups-table { word-wrap: break-word !important; white-space: normal !important; } } @media (max-width:400px){ .res-word-wrap-description { word-wrap: break-word !important; white-space: normal !important; } } @media (max-width: 400px){ .res-width-groups-quick-actions{ width: 92% !important; } } .groups-table th:first-child { padding-left:5px; } .groups-table td label, .groups-table span.overflow-hide, .report-table .overflow-hide { display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } @media (max-width: 400px) { .groups-table-data-overlap { white-space: normal !important; text-overflow: inherit !important; } } @media (max-witdh: 400px) { .groups-table-unique-id { white-space: normal !important; text-overflow: inherit !important; } } @media (max-width: 400px){ .groups-table-emailID { white-space: normal !important; text-overflow: inherit !important; } } @media (max-width: 400px) { .groups-table-role-assigned { white-space: normal !important; text-overflow: inherit !important; } } @media (max-width: 400px) { .groups-table-group-assigned { white-space: normal !important; text-overflow: inherit !important; } } .groups-table td ul { margin-left:5px; } @media (max-width: 400px){ .groups-role-assigned-column{ margin-left: 0px !important; } } @media (max-width: 400px){ .groups-column-padding{ padding: 2px !important; } } @media (max-width: 400px){ .groups-data-font-size{ font-size: smaller; } } #group-grid-row-container .groups-table th, #group-grid-row-container .groups-table td { width:33.33%; } .groups-table tr { display:block; width:100%; overflow:hidden; } .groups-header-title-manage-groups{ word-wrap: break-word; } .groups-header, .groups-body tr { border-bottom: 1px solid #737373; width:100%; } .groups-body tr:last-child { border-bottom:0; } .filter-col .filter-image-container { position:relative; display:inline-block; } #group-grid-row-container .disable-button { background-color: #aaa !important; cursor: default; } #user-grid-row-container .disable-button { background-color: #aaa !important; cursor: default; } #group-grid-row-container .user-list-header { height: 37px !important; } #user-grid-row-container .user-list-item, #group-grid-row-container .user-list-item { border-bottom: 1px solid #737373; } #user-grid-row-container .list-user, #group-grid-row-container .list-user { padding: 5px; padding-left: 0px; line-height: 100%; vertical-align: top; } #user-grid-row-container .user-checkbox, #group-grid-row-container .user-checkbox { padding: 0; height: inherit; } #user-grid-row-container .list-user-check, #group-grid-row-container .list-user-check { width: 20px; padding-left: 5px; } #user-grid-row-container .list-user-email { width: 25%; } #user-grid-row-container .list-user-assignment { width: 20%; position: relative; } #user-grid-row-container .group-assignment { width: 18%; position: relative; } #group-grid-row-container .group-assignment { width: 18%; position: relative; } #manage-groups-users-tab, #manage-groups-groups-tab { text-decoration: none; } .filter-image-container { display: inline-block; top: 5px; position: absolute; height: 20px; width: 20px; overflow: hidden; right: 0px; } #group-grid-row-container .list-user-name, #group-grid-row-container .list-subgroup-description { width: 30%; } #group-grid-row-container .list-user-name, #group-grid-row-container .list-user-description { width: 40%; } #user-grid-row-container .activity-link { display: block; } #user-grid-row-container .activity-link:last-child { margin-top: 10px !important; } #user-grid-row-container .list-user-class { width: 9%; margin-right: 5%; } #user-grid-row-container .list-user-roles { width: 12%; margin-right: 4%; } #user-grid-row-container .list-user-name { width: 15%; } #user-grid-row-container .list-user-page-count { width: 24%; text-align: right; } #user-grid-row-container .list-user-status, #user-grid-row-container .list-user-uid { width: 12%; } .list-user-page-count { position: absolute; top: 20px; right: 0px; } .list-user-page-count .show-count { color: #1570a6; display: inline-block; margin-right: 5px; } .list-user-page-count .drop-menu-container { width: 50px; height: 30px; display: inline-block; margin-bottom: -10px; background: url('/Content/images/arrow_down.png') top 12px right 8px no-repeat; } .list-user-page-count .drop-menu-container select { width: 100%; height: 100%; padding: 0; } .list-user-page-count .drop-menu-container select option { padding-left: 5px; } #user-grid-row-container .narrowby-dropdown { position: absolute; width: 150px; height: auto; border: 1px solid #cacaca; background-color: #FFF; z-index: 2; display: none; } .page-container { width: 80%; height: 40px; } .btn-blue { background-color: #0072C6; } .quick-container { line-height: 30px; border-bottom: 1px solid #737373; color: #333; } .filter-options { border: 1px solid #CACACA; position: absolute; width: 150px; height: auto; background-color: #fff; z-index: 1000; } .mar10-r { margin-right: 10px; } .learningplanname-container { max-width: 96%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .displayB { display: inline-block; } .cursorP { cursor: pointer; } #user-grid-row-container .gap-fill, #group-grid-row-container .gap-fill { width: 21px; border-top: 1px solid #737373; border-right: 1px solid #737373; position: absolute; height: 39px; top: 10px; right: 0px; display: inline-block; left: calc(87% - 20px); } .fontW100 { font-weight: 100 !important; } .list-header-container { width: 87%; } #learningplan-member-for-currentplan { margin-top: 10px; } @media screen and (max-width: 1200px) { #user-grid-row-container, #group-grid-row-container { min-width: 800px; width: 820px; } .list-header-container { width: 83%; } #user-grid-row-container .gap-fill, #group-grid-row-container .gap-fill { left: calc(83% - 20px); } .gridViewUsers, .gridViewGroups { width: 83%; } #user-grid-row-container .list-user-assignment { width: 18%; } #user-grid-row-container .list-user-email { width: 21%; } #user-grid-row-container .list-user-name { width: 14%; } #user-grid-row-container .list-user-class { margin-right: 2%; } #user-grid-row-container .list-user-roles { margin-right: 2%; } } /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width: 30em) { .sc-item { max-width: 100%; height: inherit; margin: 5px 0; margin-bottom: 30px; color: #fff; } .course-description-box { width: 100%; height: inherit; padding: 0; position: relative; float: left; clear: both; overflow: hidden; } .course-image-box { width: 100%; height: inherit; background: rgb(220,60,0); float: left; position: relative; clear: both; } .course-image-box img { height: 270px; width: 100%; float: left; } .course-description-container { width: 100%; height: 130%; background: #333; float: left; } .launchers-container { width: 100%; height: 80px; padding: 0; margin-right: 0; line-height: 2.7em; float: left; background: #333; clear: both; position: relative; } @media (max-width: 700px){ .res-interactive-icons { height: 150px; } } .rating { width: 48%; height: 40px; padding: 0 0 0 20px; margin-right: 0px; line-height: 2.7em; float: left; } .course-item-button { width: 48%; height: 40px; margin-left: 0; float: right; position: absolute; top: 0; right: 0; } .course-item-button input { width: 100%; height: 40px; background: rgb(0,188,242); border: none; color: #fff; font-size: 16px; cursor: pointer; } .launchers-container .launchers { width: 100%; float: left; text-align: center; overflow: hidden; margin-left: 1em; } .launchers ul { width: 100%; list-style: none; position: relative; float: left; display: inline-table; margin: 0 auto; } @media (max-width: 400px){ .res-intractive-button-learning-plan{ position: absolute !important; display: flex !important; margin-left: -10px !important; } } .launchers ul li { display: table-cell; position: relative; float: left; } li.last { padding-right: 0px; } .launchers ul li a { padding: 0 10px; display: block; text-decoration: none; line-height: 1.3em; padding-right: 45px; } .progress-i { display: none; } .narrow-by { display: none; } .narrow-by-mobile { height: 35px; } .narrow-by-mobile { display: inline-block; margin-top: 20px; } .narrow-by-mobile span.filter { margin-right: 10px; display: inline-block; height: 40px; width: 40px; background: url('/Content/images/filter.png') no-repeat; vertical-align: middle; } .narrow-by ul { display: none; } } #learningplan-users-dialog-overlay .user-quick-actions, #manage-group-overlay .user-quick-actions { right: 0px; width: 10%; } @media (max-width: 400px) { .user-quick-action-res { width: 92% !important; } } #learningplan-users-dialog-overlay, #manage-group-overlay .overlay-container { padding-top: 10px; padding-bottom: 10px; } .focus-noline:focus { text-decoration: none; } .search-header-container { margin: 0 0 0 0; width: calc(100% - 230px); float:right; } @media screen and (min-width: 600px) and (max-width: 1279px) { .search-header-container { width: 70%; display: flex; justify-content: space-between; } .cust-font { font-size: 70%; } .course-complete { width: 20.5%; } .scContainer { width: 70%; } #group-manage-users-search { width: 176px !important; right: 118px !important; } #group-grid-row-container1 .groups-table, #user-grid-row-container1 .groups-table { width: 85% !important; } #manage-group-overlay, #divCreateGroup { min-width: 600px; } .course-description-container-lp .lp-image-box { width: 30%; } .course-description-container-lp .course-description-box-lp { width: 68%; } #search_learningPlan { text-overflow: ellipsis; width: 100% !important; } .sort-by-lp { display: flex; } } .ui-autocomplete { left:auto !important; top:auto !important; width:100% !important; position:relative; overflow:auto; box-sizing:border-box; z-index:1000 !important; border-color:#d2d2d2; border-width:1px !important; background-color:white; overflow: hidden; } .ui-autocomplete .ui-menu-item a { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:13px; color:#333 !important; padding:5px !important; width: 100%; } span.search-result-text { display:table-cell; width: 100%; } .ui-autocomplete > li > a { display:table !important; } .ui-autocomplete > li > a > i { margin-right:5px; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { background:none; background-color:#eee; } /* Dashboard ------------------------------------------------------------------------------*/ .dashboard-tile-1, .dashboard-tile-2, .dashboard-tile-3, .dashboard-tile-4 { height: 172px !important; width: 222px !important; line-height: 1.5em; margin-left: 20px !important; } #dashBoardContainer .grid-row .grid-unit:first-child { margin-left: 0px !important; } .dashboard-tile-click { width: 100%; height: 94%; margin-top: 0px; padding-top: 4%; } /* not working */ .background-photo-container { background: url('/Content/images/dashboard_photo_default.jpg') no-repeat; } .dashboard-tile-1 { background-color: #008A00; } .dashboard-tile > a { display: inline-block; height: 100%; width: 100%; } #catalog-trigger:after { background: url('/content/images/ITA_icons_sprite.png') -388px -27px no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; overflow: hidden; } #catalog-trigger:after { content: ""; } .sign-in-img, .menu-arrow { width: 15px; height: 15px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left:5px; } .sign-in-img::after, .menu-arrow::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-388px; top:-27px; } #catalog-trigger:after { margin-left: 5px; } .dashboard-tile-icon #icon_courses { width: 60px; height: 50px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 150px !important; margin-bottom: -85px; } .dashboard-tile-icon #icon_courses::before { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-179px; top:-141px; } .dashboard-tile-icon img { position: absolute; } .dashboard-tile-icon #icon_achieve { background-image: url('/content/images/ITA_icons_sprite.png'); background-repeat: no-repeat; width: 60px; height: 50px; display: inline-block; vertical-align: middle; overflow: hidden; background-position: -126px -135px !important; margin-left: 150px !important; margin-bottom: -60px; } .dashboard-tile-icon #icon_group { width: 60px; height: 50px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 150px !important; margin-bottom: -60px; } .dashboard-tile-icon #icon_group::before { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:0px; top:-135px; } .dashboard-tile-icon #icon_user { width: 60px; height: 50px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 150px !important; margin-bottom: -65px; } .dashboard-tile-icon #icon_user::before { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-60px; top:-135px; } .dashboard-tile-icon #icon_reports { width: 60px; height: 50px; display: inline-block; vertical-align: middle; overflow: hidden; margin-left: 150px !important; margin-bottom: -160px; } .dashboard-tile-icon #icon_reports::before { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-179px; top:-90px; } .learnerDashBoardTheme { overflow: hidden; position: relative; min-height: 533px; } .learnerDashBoardImage { position: absolute; width: 100%; height: 100%; top: 0px; text-align: center; } .adminDashBoardTheme { background: none; height: 400px; overflow: hidden; } .dashboard-tile-2 { background-color: #D83B01; } .dashboard-tile-3 { background-color: #0072C6; } .dashboard-tile-4 { background: #EC008C url('/Content/images/icon_wishlist.png')8.95em 5.25em no-repeat; } #menu-item-learningplans, #menu-item-users, #menu-item-groups, .dashboard-tile-1 a, .dashboard-tile-2 a { color: #fff; } #menu-item-learningplans:hover, #menu-item-users:hover, #menu-item-groups:hover, .dashboard-tile-1 a:hover, .dashboard-tile-2 a:hover { text-decoration: underline; } .dashboard-tile-start { height: 235px; width: 465px; } .dashboard-heading { background: transparent url('/Content/images/black70pixel.png')repeat; height: 40px; padding: 0; z-index: 2; position: absolute; top: 0px; left: 0; width: 465px; } .dashboard-video-title { font-size: 1.5em; font-weight: 200; color: #fff; margin: 0px 0 5px 20px; padding: 0; z-index: 2; display: inline-block; } .dashboard-video { overflow: hidden; height: 15em; width: 100%; margin-top: 0px; z-index: 1; } .dashboard-video img { width: 465px; height: 235px; position: relative; top: -19px; } .dashboard-video img { color: #fff; } .dashboard-tile-start-overlay { background: transparent url('/Content/images/black70pixel.png')repeat; height: 60px; padding: 0; z-index: 2; position: absolute; bottom: 0px; left: 0; width: 465px; } .dashboard-tile-start-overlay img { height: auto; width: auto; } .dashboard-tile-top-overlay { background: transparent url('/Content/images/black70pixel.png')repeat; height: 40px; padding: 0; z-index: 2; position: absolute; top: 0px; left: 0; width: 100%; } .dashboard-tile-top-overlay span { color: #fff !important; font-size: 1.2em; display: inline-block; padding: 5px 5px 5px 10px; } .dashboard-tile-help { background-color: #0072C6; overflow: hidden; padding: 10px 0px; width: 704px; } #dashBoardContainer .dashboard-tile-help { width: 465px !important; } .help-videos { float: left; width: 100%; height: auto; background: transparent; position: relative; } .video-play-icon { float: right; width: 40px; height: 40px; position: relative; top: 5px; right: 5px; overflow: hidden; } .video-play-icon img { top: 0px; left: -160px; position: absolute; } .cd-video-play-icon { margin-top: 10px; margin-left: 10px; float: left; display: block; width: 40px; height: 40px; background: url('/Content/images/sprite_learner_40.png') -160px 0px no-repeat; overflow: hidden; } .video-text-title { text-align: left; margin-left: 10px; padding-top: 10px; float: left; color: #fff; font-size: 80%; width: 80%; } .video-text-title p { line-height: 1.2em; padding: 0; margin: 0; } .help-topics { color: #fff; background-color: #0072C6; padding: 0em 0.5em 0em 22px; min-height: 12.4em; max-height: 18em; margin-top: 0em; } .help-topics li { line-height: 31px; margin: 0; padding: 0; } .help-topics .float-left { float: left; } .help-topics li a { text-decoration: none; color: #fff !important; margin: 0; padding: 0; } .help-topics li a:hover, .help-topics li a:focus { text-decoration: underline; color: #fff; margin: 0; padding: 0; font-size: 13px; } .help-topics-admin { height: 13.7em; } .dashboard-title { margin: 0px 0 25px 20px; color: #fff; } h2 .dashboard-title:focus, h2 .dashboard-counter:focus { color: #fff; text-decoration: none; } .dashboard-counter { font-size: 300%; margin: -10px 0 20px 20px; color: #fff; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: 300; display: block; } .notification-overlay { position: fixed; bottom: 0; height: 3.5em; z-index: 10; margin: 0; padding: 0; clear: both; width: 100%; } .notification-overlay ul { position: relative; background: transparent url('/Content/images/black70pixel.png')repeat; display: inline-block; margin-left: auto; margin-right: auto; list-style: none; width: inherit; height: 3.5em; } .notification-overlay-count { position: absolute; top: -25px; margin-left: -20px; } .notification-overlay ul li { position: relative; display: inline; list-style: none; color: #fff; font-size: .9em; font-weight: 600; } .notification-overlay ul li span.email { display: inline-block; margin-top: 8px; margin-left: 25px; margin-right: 25px; background: url('/Content/images/email.png') no-repeat; width: 40px; height: 40px; } .notification-overlay ul li span.cal { display: inline-block; margin-right: 25px; background: url('/Content/images/cal.png') no-repeat; width: 40px; height: 40px; } .notification-overlay ul li span.chat { display: inline-block; margin-right: 25px; background: url('/Content/images/chat.png') no-repeat; width: 40px; height: 40px; } /* to disable narrow by dropdown*/ #divNarrowBy li .disabled { pointer-events: none; cursor: default; opacity: 0.2; } .divnarrowby fieldset { width: 187px; padding-bottom: 14px; } .divnarrowby legend a, .divnarrowby legend a:hover { color: #000 !important; font-size: 13px; padding-left: 10px !important; vertical-align: baseline; width: 100% !important; box-sizing: border-box; } .divnarrowby legend a:focus { border:1px dotted #999; } .divnarrowby legend a:after { background: url(/Content/images/arrow_down.png); content: ""; position: absolute; right: 5px; top: 10px; width: 11px; height: 11px; } .cursor-default { cursor: default; } #search-container .divnarrowby { height: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); overflow-y: auto; } #search-container .anchored-left-fixed-width-2 { width: 220px; padding-right: 0px; } @media screen and (min-width: 600px) and (max-width: 1279px) { #search-container .anchored-left-fixed-width-2 { width: 30%; } #divNarrowBy .dropwidth { width: 80% !important; } } /* Custom scrollbar for Narrow by */ #search-container .divnarrowby .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .reset-filter { width: 200px; } .reset-filter-text { vertical-align: top; margin-left: 5px; font-family: 'Segoe UI'; font-size: 13px; line-height: 25px !important; display: inline-block; font-weight: 100 !important; line-height: 25px !important; display: inline-block; font-weight: 400 !important; } .lastResumeCourse:focus { border: 1px dotted #000; } /* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width: 30em) { .dashboard-tile-1 { background: #008A00 url('/Content/images/icon_courses.png')24.55em 2.35em no-repeat; height: 7em; line-height: 1.5em; } .dashboard-tile-2 { background: #D83B01 url('/Content/images/icon_achieve.png')24.55em 2.35em no-repeat; height: 7em; line-height: 1.5em; } .dashboard-tile-3 { background: #0072C6 url('/Content/images/icon_interests.png')24.55em 2.35em no-repeat; height: 7em; line-height: 1.5em; } .dashboard-tile-4 { background: #EC008C url('/Content/images/icon_wishlist.png')24.55em 2.35em no-repeat; height: 7em; line-height: 1.5em; } .show-grid div[class*="grid-"] { margin-bottom: 0; margin-top: 0; padding: 0; display: block; } @media (max-width: 400px){ .groups-page-dimensions{ margin-top: 25px !important; } } .dashboard-tile-start { margin-top: 20px; } .notification-overlay { display: none; } } /* Landing page ------------------------------------------------------------------------------*/ /*added may29*/ .landing-photo { max-width: 1104px; height: 550px; margin: 0 auto; float: none; } .landing-photo-admin { max-width: 1104px; height: 550px; } .unauthenticatedLandingSection { position: relative; overflow: hidden; } .landingPhoto { position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; max-height: 550px; overflow: hidden; } .box-sign-in-title { margin-top: -5px; margin-bottom: 0.5em; color: #fff; line-height: 120%; } @media screen and (max-width: 1024px) { .landing-photo { height: 460px; } } .landing-photo img { width: 100%; height: auto; } .landing-signin { z-index: 1; position: absolute; right: 30px; bottom: 90px; float: right; background: #008A00; height: auto; min-height: 6em; line-height: 1.5em; padding: 15px; width: 28em; } .landing-signin-container { width: 90% !important; float: right !important; } .white { color: #fff; } .float-right { float: right; } .btn-out-white { border: 2px solid #fff; background: transparent; padding: 5px 20px; margin-right: 20px; min-width: 10em; } .btn-out-white:hover { } .btn-out-white-dashboard:hover { background: #00188F; color: #fff !important; } .btn-out-white-dashboard:focus { background: #00188F; color: #fff !important; } .btn-out-white-green { border: 2px solid #fff; background: #008A00 !important; padding: 5px 20px; margin-right: 20px; min-width: 10em; } .btn-out-white-green:hover, .btn-out-white-green:focus { color: #fff !important; background: #007233 !important; } input[type="checkbox"] { display: inline !important; border: none; } @media screen and (max-width: 40em) { .landing-photo { background: url('/Content/images/landing_photo_default_small.jpg') no-repeat; max-width: 40em; height: 100%; margin: 0 auto; overflow: hidden; width: 100%; } .landing-signin { z-index: 1; position: relative; margin-top: 18.75em; margin-left: -1.5em; float: left; background: #008A00; height: inherit; line-height: 1.5em; padding: 20px 25px 20px 25px; width: 100%; } .white { color: #fff; } .float-right { float: left; } .btn-out-white { border: 1px solid #fff; background: transparent; padding: 5px 20px; margin-right: 20px; width: 10em; } } @media screen and (max-width: 640px) { .cdContainer-left, .cdContainer-right { width: 100%; position: relative; display: block; float: none; } .left-indent { margin-left: 0px; } .course-desc { padding-top: 25px; } .video-cointainer { width: 450px; height: 235px; background: #ddd; } .progress-status { text-align: right; color: #008A00; display: inline-block; float: right; width: 50%; } .course-dates { clear: left; } .dl-icons { width: 100%; height: 40px; background: #ddd; margin: 0; } .course-dates { text-align: left; } .course-dates p { display: inline-block; margin-right: 1%; } .progress-status { text-align: left; color: #008A00; } .progress-status p span { font-size: 1.5em; font-weight: 500; } .progress-status p, .progress-status .dl-icons { display: inline-block; width: 50%; float: left; } .star-rating { margin-left: 0px !important; } } .courseDetailsInfo { background: #eee; margin-bottom: 0.15em !important; } .cd-infoTab { margin-top: 1.5em !important; } .lbl-all-items, .lbl-progress, .lbl-time, .download-icon { display: block; float: left; padding: 6px 0px 5px 10px !important; color: #fff !important; } .download-icon { height: 31px; } /*added*/ .blk-report { color: #000 !important; margin-left: 0; padding-left: 0; } .blk-report a { color: #1570a6 !important; } .lbl-all-items { width: 50.4%; } .lbl-all-items-h { width: 51.4%; } .lbl-all-items a { color: white !important; } .info-topbar-white .lbl-all-items a { color: #1570a6 !important; } .lbl-progress { margin-left: 1.5em; width: 13em; } .lbl-time { width: 16.4%; } .lbl-progress-h, .lbl-time-h { width: 19%; margin-left: 1.8em; } @media (max-width: 400px){ .res-view-transcript-heading{ margin-left: 0px !important; padding-left: 0px !important; word-wrap:break-word; } } @media (max-width: 400px){ .res-view-transcript-dialog-last-title{ word-wrap:break-word; margin-left: 0px; } } .download-icon { width: 4%; height: 32px; background: url('/Content/images/download-icon.png') no-repeat center; } /*changed*/ .acc-item-name { margin-left: 1.5em; font-weight: 600; width: 65em; display: inline-block; } .acc-item-name-learningPlan { margin-left: 1.5em; font-weight: 600; } .course-item-name, .course-item-progress, .course-item-time, .download-checkbox, .course-item-name-nomedia { display: table; float: left; height: 21px; color: white; vertical-align: middle; line-height: normal; } .course-item-name, .course-item-name-nomedia { width: 48.3%; display: table-cell; vertical-align: middle; text-align: left; height: 100%; position: relative; } .course-item-name { margin-left: 0; } .component-icon[tabindex="-1"] { display: none; } .course-item-name-nomedia { color: black; font-size: 13px; padding: 5px 6px; } .course-item-progress { width: 196px; position: relative; vertical-align: middle; display: table-cell; margin-left: 1.8em; margin-left: 41px; } .accordion-heading .course-item-progress { width: 218px; } .course-item-time { width: 15.5%; } .download-checkbox { width: inherit; height: 32px; } .prog-icon { position: relative; top: 4px; width: 20px; margin-right: 5px; height: 20px; display: inline-block; background: url('/Content/images/prog-icon.png') center top no-repeat; } .tick-icon { position: relative; margin-right: 5px; top: 4px; width: 24px; height: 24px; display: inline-block; background: url('/Content/images/tick_icons_24.png') center top no-repeat; } .progress-b { display: inline-block; background: #008A00; position: absolute; left: 0px; z-index: 1; float: left; } .height12 { height: 15px; top: 3px; margin-left: 5px; margin-top: 4px; width: 70%; } /*added for reports*/ .course-item-name-blk { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; width: 80%; margin-left: 20px; font-size: 100%; margin-top: -5px; line-height: 1.5em; color: #fff; } .course-item-name-report { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; width: 91%; margin-left: 20px; font-size: 100%; position: relative; top: -5px; line-height: 1.5em; color: #fff; display: inline-block; } .course-item-name-sub { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; width: 39.2%; margin-left: 20px; font-size: 80%; } .course-item-date { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; width: 25.8%; position: relative; vertical-align: middle; font-size: 80%; margin-left: 1.4em; } .course-item-finish { font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; font-weight: normal; width: 15.5%; font-size: 80%; } .course-item-name-blk { display: block; float: left; height: 21px; padding: 6px 0px 3px 10px; color: #fff; } .course-item-name-sub, .course-item-date, .course-item-finish, .course-item-name-red { display: block; float: left; height: 21px; padding: 4px 0px 3px 10px; color: #000; } #course-activity-report .progress-report .course-item-name-sub, #course-activity-report .progress-report .course-item-date, #course-activity-report .progress-report .course-item-finish, #course-activity-report .progress-report .course-item-name-red { height: auto; padding: 4px 0px 3px 0px; } #course-activity-report .progress-report .course-item-date { margin-left: 1.8em; width: 20.5%; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; } @media (max-width: 400px){ .res-course-progress-first-date{ margin-left:0.6em !important; } .res-course-progress-last-date{ margin-left: 0em !important; width: 17% !important; } } #course-activity-report .progress-report .course-item-finish { margin-left: 1.8em; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; } #course-activity-report .progress-report .accordion .ui-accordion-header, #course-activity-report .progress-report .accordion .ui-accordion-header:hover { padding: 0.5em 0 0 0 !important; } .report-assesment-figure .lbl-all-items { width: 52.35%; } .report-assesment-figure .lbl-progress, .report-assesment-figure .lbl-time { margin-left: 1.8em; width: 19.5%; } #course-activity-report .progress-report .accordion--darkgreen-background.accordion .accordion-title-icon { top: 7px; } #course-activity-report .progress-report .accordion--white-text.accordion .ui-accordion-content { padding-left: 0 !important; } #course-activity-report .progress-report p { font-size: 80%; } #course-activity-report .progress-report .accordion-panel { overflow: hidden; } .course-item-name-red { width: 90%; margin-left: 20px; font-size: 80%; margin-top: -2px; line-height: 1.5em; color: rgb(220,0,0); } .height12 span { font-size: 0.765em; line-height: 0.765em; position: absolute; right: .5em; top: 4px; font-weight: normal; color: #fff; z-index: 1; } .progress-b .progress-coursedetail { width: 50%; background: #007233; height: 15px; position: absolute; left: 0; top: 0; } .course-components .course-item-name, .course-components .course-item-progress, .course-components .course-item-time, .course-components .download-checkbox { display: table-cell; float: left; padding: 0px 0px 0 10px; color: #333; margin: auto 0; vertical-align: middle; } .course-components { width: 100%; clear: both; margin-bottom: 2px; vertical-align: middle; text-align: left; overflow: hidden; text-overflow: ellipsis; } .course-components li .item { padding-left: 33px; } /*background: #e5f1cc;*/ .component-icon, .component-icon:hover, .component-icon:focus { margin: 2px 6px 0 10px; float: left; vertical-align: middle; width: 24px; height: 24px; line-height: 30px; } @media (max-width: 400px){ .res-component-icon:hover, .res-component-icon:focus{ margin: 0px 2px 0px 2px; } } @media (max-width: 400px){ .margin-icon-tran-table-data{ margin: 0 0 0 0; } } .course-components-reports { background: none !important; } .course-components .course-item-name { position: relative; vertical-align: middle; line-height: 24px; margin: auto 0 5px; text-overflow: ellipsis; height: 100%; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 80%; color: #333; text-align: left; padding: 0; } .course-components .course-item-progress { color: #008A00; font-size: 80%; font-weight: 600; vertical-align: middle; height: 21px; line-height: 30px; padding-left: 5px; margin-left: 1.8em; } .course-components .course-item-time { width: 16%; height: 21px; line-height: 30px; } .course-components .download-checkbox { width: 3%; height: 21px; line-height: 30px; margin: -1px 0; } .video, .demonstration { background: url('/Content/images/ITA_icons_sprite.png')-193px -1px no-repeat !important; } .pdf { background: url('/Content/images/pdf_icons_24.png') center center no-repeat !important; } .lab, .labexternal { background: url('/Content/images/ITA_icons_sprite.png')-168px -1px no-repeat !important; } .prereq-satisfied .self-assessment, .not-prereq-satisfied .self-assessment, .self-assessment { background: url('/Content/images/ITA_icons_sprite.png')-575px -1px no-repeat !important; } .prereq-satisfied .exam, .exam { background: url('/Content/images/ITA_icons_sprite.png')-217px -1px no-repeat !important; } .not-prereq-satisfied .exam { background: url('/content/images/ITA_icons_sprite.png') -380px -324px no-repeat; } .microsoft-word, .microsoft-powerpoint, .microsoft-excel, .pdf, .zip, .document-download { background: url('/Content/images/icons_sprite-24-opt_final.png') no-repeat !important; } .embed { background: url('/Content/images/icons_sprite.png')-360px -24px no-repeat !important; } .simulation, .practice, .demo, .htmlcode { background: url('/Content/images/ITA_icons_sprite.png')-240px -1px no-repeat !important; } .no-media-type { background: url('/Content/images/Play-btn_devUI.png') center center no-repeat !important; } .no-media-play { background: url('/Content/images/icons_sprite-24-opt_final.png') -528px -2px no-repeat !important; width:22px; } .paused { background-color: #e5f1cd; } .kc-completed { vertical-align: top; } .course-player-back-button { float: left; } h1 .course-player-back-button { float:none } @media screen and (min-width: 641px) { .cdContainer-left { width: 79.1666%; position: relative; display: inline-block; float: left; height: inherit; } .cdContainer-right { width: 14%; position: relative; display: inline-block; float: right; text-align: left; } .left-indent { margin-left: 50px; } div#videoBox:focus-within { border: thick solid black; } .video-cointainer { width: 450px; height: 235px; background: #ddd; position: relative; overflow: hidden; cursor: pointer; } .video-cointainer:focus { outline: dashed 10px black; } span.play-button-overlay { background: #000 url('/content/images/play-video-large.png') center center no-repeat; opacity: 0.4; width: 100%; height: 395px; z-index: 2; cursor: pointer; position: absolute; margin: auto auto; text-align: center; } .progress-status { text-align: right; color: #008A00; } .progress-status p span { font-size: 200%; font-weight: 600; margin-right: 5px; } .dl-icons { width: 24px; height: 24px; /*background: transparent url(/Content/images/transcript.png) no-repeat;*/ margin: 0 0 1em 0; float: right; } .course-dates { text-align: right; } } .author-desc { margin-bottom: 1%; } .author-desc p { line-height: 1.2em; font-size: .8em; } .course-desc h4 { font-weight: 600; font-size: 1em; line-height: .7em; } .course-desc h1 { width:90%; } .course-dates .exp { color: rgb(220,0,0); } .dc-container p { font-size: 80%; margin-bottom: 0px; padding-bottom: 0px; } /*added - Accordian - header for my courses*/ .acc-item-name-course { margin-left: 20px; margin-top: 0; display: inline-block; width: 94.9%; position: relative; line-height: 120%; /*top: -18px;*/ } .acc-item-name-course .flo-l { clear: left; text-align: left; } .mycourse-heading--normal { font-size: 100%; font-weight: 600; text-transform: uppercase; } .mycourse-heading--large { font-size: 125%; font-weight: normal; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } .mycourse-heading--large-help { font-size: 125%; font-weight: normal; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; position: relative; bottom: -5px; } /*for single course names in accordians*/ .mycourse-heading--large-add { font-size: 125%; font-weight: normal; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; position: relative; bottom: -7px; } .mycourse-heading--large-bold { font-size: 120%; font-weight: 800; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; } .marTop20 { margin-top: 20px; } .mycourse-right { display: block; font-weight: 600; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; text-align: right; padding-right: 0; } .myachieve-right { display: inline-block; font-weight: 600; font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; text-align: left; padding-right: 0; margin-right: -10px; margin-top: 4px; float: right; } .mycourse-transcript { text-align: right; margin-left: 0; display: inline; width: 100%; margin-top: 0px; margin-right: 0px; } .myachieve-right .mycourse-transcript { width: auto; margin-right: 10px; } .ui-accordion .ui-accordion-header.myachieve-right a .mycourseLeft-achiev-icons-trans { text-align: left; margin-left: 0; display: inline-block !important; width: inherit; margin-top: 0px; margin-right: 10px; float: right; cursor: pointer; position: relative; top: 6px; padding: 0 !important; } .ui-accordion .ui-accordion-header .myachieve-right a .mycourse-achiv-print { text-align: right; margin-left: 0; display: inline-block !important; width: inherit; margin-top: 0px; margin-right: 3px; float: left; cursor: pointer; position: relative; top: 6px; padding: 0 !important; } .myachieve-right .small-text { cursor: pointer; position: relative; top: 0px; right: 1px; } #form-upload-users .error { color: #BA141A !important; font-family: inherit !important; } .mycourseLeft-icons-print span.small-text { cursor: pointer; position: relative; top: 4px; right: 1px; } .mycourse-transcript a, .mycourse-transcript a:hover { padding-left: 0 !important; } .myachieve-transcript { text-align: left; display: inline-block; width: 44%; } .mycourseLeft-icons-transcriptcript { width: 24px; height: 24px; margin-right: 5px; float: right; } .mycourseLeft-icons-transcript:hover { width: 24px; height: 24px; margin-right: 5px; float: right; } .mycourseLeft-icons-print� { display: inline-block; float: left; height: 24px; margin-left: 0; margin-right: 5px; width: 24px; } .course-item-button-green input[type=button] { width: 19.1%; height: 40px; background: #008A00; border: none; color: #fff; font-size: 16px; cursor: pointer; float: right; } .course-item-button-blue input[type=button] { background: #0072C6; } .course-item-button-orange input[type=button] { width: 19.1%; height: 40px; background: #D13900; border: none; color: #fff; font-size: 16px; cursor: pointer; float: right; } .course-item-button-orange input[type=button]:hover, .course-item-button-green input[type=button]:hover, .course-item-button-orange input[type=button]:focus, .course-item-button-green input[type=button]:focus { color: #fff !important; background: #505050; } .bottom0 { bottom: 0px; } .myachieveLeft-icons-trans { width: 24px; height: 24px; background: transparent url('/Content/images/icon_trans_orange.png') 0 2px no-repeat; margin-right: 10px; float: left; } .video-player-wrapper { width: 1170px; height: 543px; padding: 0; display: block; margin-left: auto; margin-right: auto; margin-top: 5px; } .video-player { width: 100%; height: 100%; border: 1px solid #eee; } .video-player-control-wrapper { width: 98.55%; height: 5em; padding: 0.5em; display: block; vertical-align: baseline; background: url('/Content/images/black70pixel.png') repeat; z-index: 350; margin-top: 35.5%; } .video-player-control-buttons-left { width: 46%; float: left; margin-right: 0.5em; display: inline-block; } .video-player-control-buttons-right { width: 49%; float: right; margin-left: 0.5em; display: inline-block; } .video-player-control-progress { width: 100%; display: block; } .video-navigation { width: 1032px; margin: 0; padding: 0; display: block; clear: both; height: 40px; margin-left: auto; margin-right: auto; } .video-buttons { position: relative; } .video-navigation li { list-style: none; margin: 0 0.5em 0 0; padding: 0; display: inline-block; line-height: 1.5em; } .video-navigation > div:first-child { width: 75%; float: left; } .video-text { width: 85%; display: block; color: #333; position: absolute; left: 100px; line-height: 1.5; background: #fff; height: 2.5em; } .video-text span { font-size: 0.765em; vertical-align: top; display: block; } .video-text span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .back-button .video-text { visibility: hidden; } .back-button:hover .video-text, .back-button:focus .video-text { visibility: visible; z-index: 2; } div.loading-course-player { font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; text-align: right; width: 25%; float: right; } /**** Info Tab ****/ .info-topbar { width: 100%; overflow: hidden; background: #333; } .course-details-info-container .lbl-all-items, .course-details-info-container .lbl-progress { height: auto; padding-top: 10px; } .course-details-info-container .lbl-time { width: 18.4%; height: auto; padding-top: 2px; } .course-details-info-container .lbl-time span.exclude { display: block; font-size: 0.7em; position: relative; top: -5px; line-height: 1; } /*added*/ .info-topbar-white { width: 100%; height: 40px; background: #fff; } @media (max-width:400px){ .view-transcript-topbar-height{ height: 90px !important; } } .accordion-panel ol, ul { margin: 0px; list-style: none; } .course-details-info-container .accordion-panel ol, ul { font-size: 98%; } .video-info, .bulleted-list, blockquote ul { font-size: 1em; } .video-info, .overview-tab-headers, .accessibility-requirement { padding-left: 40px; } .accessibility-requirement .bulleted-list { font-size: 1.2em; margin-top: 10px; } .overview-tab-headers ul { line-height: 1.3em; } .accordion-panel ul li { margin: 0 0em; font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; font-size: 100%; color: #333; } .video-info li span { display: inline-block; width: 20%; margin-bottom: 10px; margin-left: 3px; } /*---Lab ----*/ .lab-player { width: 100%; height: 36em; } ul.lab-time-wrapper { list-style: none; margin-top: 0; float: right; text-align: right; margin-right: 25px; } .lab-time-wrapper li { display: inline-block; text-align: right; } .lab-time { margin: 0 !important; padding: 0 !important; text-align: right; } .lab-time-a { font-size: 2em !important; margin: 0 !important; padding: 0 !important; cursor: default !important; color: #333 !important; } .lab-time-a:hover { font-size: 2em !important; margin: 0 !important; padding: 0 !important; text-decoration: none !important; color: #333 !important; } .lab-refresh img { vertical-align: top; width: 40px; height: 40px; margin-left: 0.5em; } .lab-server-wrapper { width: 100%; margin: 0; background: #fff; padding-top: 5px; } .lab-server-image { display: block; background: url('/content/images/icons_sprite-24-opt_final.png') no-repeat; width: 96px; height: 87px; vertical-align: middle; margin: 0 auto; } .lab-server-image.green, .lab-server-image.connected { background-position: left -191px; } .lab-server-image.dark-green { background-position: -288px -191px; } .lab-server-image.grey { background-position: -192px -191px; } .lab-server-image.dark-grey { background-position: -480px -191px; } .lab-server-image.red { background-position: -96px -191px; } .lab-server-image.dark-red { background-position: -384px -191px; } .lab-server-image-text { text-align: center; } .lab-server-image-text h4:first-child { margin-top: 20px; } .lab-server-image h4 { color: #333; text-align: center; } .lab-server-image h4 a { color: #333; } .lab-server-image h4 a:hover { color: #fff; } .lab-server-image-grey h4 { color: #333; text-align: center; padding-top: 120px; } .lab-server-image-grey h4 a { color: #333; } .lab-server-image-grey h4 a:hover { color: #fff; } ul.lab-servers { float: left; list-style: none; width: 94%; margin-left: 20px; } ul.lab-servers li { float: left; display: inline-block; margin: 0 auto; margin: .3em .3em; width: 28%; } .bluebg { color: #333; } a.bluebg:hover .lab-server-wrapper { background: #4668C5; } a.bluebg:hover .lab-server-wrapper h4 { color: #fff; } .labbuttonposition { float: right; margin-right: 5px; margin-top: 10px; } .contextmenu .lab-server-dropdown { position: absolute; top: 220px; left: 130px; z-index: 999; padding: 0; width: 27%; border: 1px solid #d2d2d2; background: #fff; margin: 0; } .contextmenu .lab-server-dropdown ul { list-style: none; margin: 0; padding: 0; } .contextmenu .lab-server-dropdown ul li { margin: 0; width: 83%; } .contextmenu .lab-server-dropdown li a { display: block; color: #333; margin: 5px; padding: 5px; width: 100%; height: 25px; } .contextmenu .lab-server-dropdown li.ui-state-disabled a { cursor: default; } .contextmenu .lab-server-dropdown li a:hover { color: #fff; background: #4668C5; } .contextmenu .lab-server-dropdown li.ui-state-disabled a:hover { color: #333; background: transparent; } .course-player-container-close { display: block; float: right; position: relative; right: 5px; top: 5px; width: 40px; } /*Changes to syllabus start here */ .syllabusLevel-1.course-components { position: relative; padding: 0; margin: 0; } .syllabusLevel-2.course-components { position: relative; padding: 0; margin: 0; } .syllabusLevel-3.course-components { position: relative; padding-left: 75px; width: 91.8%; } .course-components .course-item-name-l1, .course-components .course-item-name-l2, .course-components .course-item-name-l3 { vertical-align: middle; line-height: 1.25em; margin: auto 0; height: 100%; color: #1570a6; text-align: left; position: relative; } .course-components .course-item-name-l1, .course-components .course-item-name-l2 { font-family: "Segoe UI Semibold","wf_SegoeUISemibold","Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; margin-bottom: 8px; } .course-components .course-item-name-l3 { font-family: "Segoe UI","wf_SegoeUI",Tahoma,Verdana,Arial,Helvetica,sans-serif !important; margin-bottom: 8px; } .course-item-name-l1 { width: 45.5%; margin-left: 20px; display: table-cell; vertical-align: middle; text-align: left; height: 100%; position: relative; padding-right: 5px !important; } .course-item-name-l2 { width: 44.5%; margin-left: 20px; display: inline-block; vertical-align: middle; text-align: left; height: 100%; padding-right: 5px !important; } .course-item-name-l3 { width: 42.5%; margin-left: 20px; display: table-cell; vertical-align: middle; text-align: left; height: 100%; position: relative; padding-right: 5px !important; } .course-components .item:hover, .course-components .item:focus { background: #c5e08e; } .course-components .item { display: block; overflow: hidden; } .now-playing { position: relative; top: -3px; color: #333; font-size: 80%; } .syllabusLevel-1 .course-item-name { width: 46.3%; } .syllabusLevel-1 .course-item-name .assetType, .syllabusLevel-2 .course-item-name .assetType, .syllabusLevel-3 .course-item-name .assetType { color: #333 !important; } .syllabusLevel-2 .course-item-name { width: 45%; } #course-activity-report .syllabusLevel-2 .course-item-name { width: 44.5%; } #course-activity-report .syllabusLevel-2 .course-item-date { width: 21.1%; } .syllabusLevel-3 .course-item-name { width: 43.1%; } #course-activity-report .syllabusLevel-3 .course-item-name { width: 42.6%; } #course-activity-report .syllabusLevel-3 .course-item-date { width: 21.7%; } #course-player-container .overlay-container { height: 100%; top: 0px; } #course-player-container .video-player-wrapper { height: 90%; height: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); height: -o-calc(100% - 50px); height: -ms-calc(100% - 50px); top: 0px; } #course-player-container .course-player-container-close { position: absolute; } @media screen and (min-width: 600px) and (max-width: 1279px) { .video-player-wrapper { width: 100% !important; } .lbl-all-items-h { width: 45.4%; } } .dashboard-tile-LearningPlans-a, .dashboard-tile-Users-a, .dashboard-tile-Groups-a, .dashboard-tile-Reports-a { height: 172px !important; width: 222px !important; line-height: 1.5em; margin-left: 20px !important; } #admin-dashBoardContainer .grid-row .grid-unit:first-child { margin-left: 0px !important; } #dashboard-seeall-link-text { display: inline-block; font-size: 100%; line-height: 1.5em; padding: 5px 0px; } #dashboard-seeall-link-text:hover { background: #00188F; border: 2px solid #fff; color: #fff !important; margin-right: 20px; min-width: 10em; padding: 5px 0px; transition: background-color 0.2s ease, border-color 0.2s ease; } .dashboard-tile-1-a, .dashboard-tile-LearningPlans-a { background-color: #008A00; } .dashboard-tile-2-a, .dashboard-tile-Users-a { background-color: rgb(69,104,196); } .dashboard-tile-3-a, .dashboard-tile-Groups-a { background-color: rgb(104,33,122); } .dashboard-tile-4-a, .dashboard-tile-Reports-a { background-color: #D83B01; } .dashboard-counter-admin { font-size: 300%; margin: -10px 0 20px 20px; color: #fff; } .admin-dashboard-header { color: #008a00; display: inline-block; margin-bottom: 20px; line-height: 25px; } .su-container { width: 100%; display: block; margin: 0px; clear: both; } .su-container h2 { font-size: 140%; color: #007233; } .heading--normal1 { font-size: 1.5em; } .sub-title-bi { font-size: 1em; font-weight: 600; margin-top: 20px; color: #666; } .lastModified { height: 10px; margin-right: 0px; float: right; text-align: right; color: #333; font-size: 100% !important; font-weight: bold; padding: 0 !important; display: block; } .showcount { padding-left: 5px; border-left: 1px solid #333; } .modifiedDateInfo { width: 50%; padding: 0 !important; font-weight: normal !important; } .invite-admin-form input[type=text] { border: #999 solid 1px !important; width: 450px !important; } .invite-admin-form .f-row { display: inline-block; } .su-containerp { font-size: 1em; margin-bottom: 0px; padding-bottom: 0px; } .title-desc-indent { position: relative; left: 0px; margin-bottom: 0em; font-size: 1em; top: 0px; } .marl-50 { margin-left: 50px; } .martb-20 { margin-top: 20px; margin-bottom: 20px; } @media (max-width: 400px){ .res-martb-20-learning-plan-info{ margin-left:10px; width: 200px; } } .table-header back-gray { width: 100%; } #add-member-to-group, #leaningplan-add-member, #learningplan-productlist-search { border: none !important; overflow: visible !important; } #add-member-to-group #info, #leaningplan-add-member #info { border: 1px solid #737373 !important; } #learningplan-productlist-search #info #lpcourses #search { border: 1px solid #737373 !important; padding-left: 0px !important; } #learningplan-productlist-search .ui-tabs-nav { background:transparent; width:auto; float:left; border-bottom:1px solid #d2d2d2; margin-bottom:10px; } #learningplan-productlist-search .ui-tabs-nav li a { color: #0072c6; font-weight:normal; padding:0 0 5px 0; } #learningplan-productlist-search .ui-tabs-nav li.ui-tabs-active a { border-bottom: 4px solid #0072c6 !important; color:#333; } #learningplan-productlist-search .ui-tabs-nav li { margin:0 !important; } #learningplan-productlist-search .ui-tabs-nav li:not(:first-child) { margin-left:15px !important; } #learningplan-productlist-search .ui-tabs-panel { padding:0; } #add-member-to-group-heading { width: 55%; float: left; } .landg-titile { font-size: 1em; font-weight: 600; color: #333; } #learning-plan-landing-title { display: inline-block; float: left; } #learning-plan-landing-search { float: right; } .separator { display: inline-block; width: 2px; background: #aaa; height: 18px; margin-right: 10px; position: relative; top: 4px; } .su-item { max-width: 100%; height: 175px; margin: 5px 0; margin-bottom: 30px; color: #fff; } .user-description-container { width: 100%; background: #333; float: left; overflow: hidden; } .manage-user-description-container { width: 100%; background: #333; float: left; overflow: hidden; max-height: 100%; } .manage-user-description-container .user-description-box { height: 105px; } .manage-user-description-container .user-description { margin-left: 0px !important; } #group-member-search, #learningplan-member-search { position: absolute; right: 0px; top: -5px; } .user-description { color: #999999; float: left; margin: 11px 10px 10px 17px; position: relative; width: 74.5%; } .user-description p { width: auto !important; } .user-description span.lpId { color: #fff; line-height: 1em; font-weight: 600; font-size: 12px !important; display: block; } .user-description span.usrId { color: #fff; line-height: 1em; font-weight: 600; font-size: 12px !important; display: block; } .user-description h2, .user-description h3, .user-description h4 { color: #fff; font-weight: 300; font-family: "wf_SegoeUILight", "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; line-height: 1.75em; font-size: 140%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .report-info { border-style: solid; border-width: thin; border-color: #ffd800; padding: 5px 5px 5px 5px; margin-right: 170px; } .report-dwnld-info { font-size: 90%; } .icon-text-info { text-transform: uppercase; vertical-align: text-top; margin-right: 25px; font-size: 80%; margin-bottom: 15px; } .wrap-word { word-wrap: break-word; } @media (max-width: 400px){ .word-wrap-400{ word-wrap:break-word !important; white-space: normal !important; } } h2.admin-user-page span.back-arrow { position: relative; } .user-desc-item { display: inline-block !important; margin: 10px 20px 10px 0px !important; font-size: 14px !important; width: auto !important; } .user-desc-learners { display: inline-block !important; margin: 10px 20px 10px 0px !important; font-size: 14px !important; width: auto !important; } .user-desc-item-desc, .user-desc-item-desc label, .user-desc-item-desc span, .user-desc-learners label, .user-desc-item label { display: block; color: #fff; } .user-desc-item-desc, .user-desc-item-desc label, .user-desc-item-desc span { font-size: 125%; } .user-desc-learners span { display: inline-block; color: #fff; } .overlay-container .user-description p { width: auto !important; margin-bottom: 0 !important; } .user-desc-item a, .user-desc-learners a { color: #fff; } .user-desc-item a:hover, .user-desc-item a:focus, .user-desc-learners a:hover, .user-desc-learners a:focus { color: #fff; text-decoration: underline; } .marginb10 { margin-bottom: 11px !important; } .user-description-box-overlay .user-description h3 { font-size: 140%; line-height: 2.2em; } .user-desc-item label { display: block; color: #fff; } .user-desc-item a, .user-desc-item a:visited { color: #fff; } .user-desc-item a:hover { text-decoration: underline; } .sub-menu-level1 { display: inline-block; float: left; } .sub-menu-level2 { display: inline-block; float: right; margin-right: 0%; } .sub-menu-level1 ul, sub-menu-level2 ul { position: relative; margin: 0px; padding: 0px; border: none; margin-top: 5px; } .sub-menu-level1 ul li, sub-menu-level2 ul li { list-style: none; font-size: 1em; margin: 0px; padding: 0px; display: inline; margin-right: 11px; padding-right: 5px; } .user-desc-item span { font-weight: 500; color: #fff; display: inline-block; } .user-desc-item span.user-desc-align { overflow: hidden; -webkit-line-clamp: 4; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .user-desc-item span.user-desc-label { display: block; } .user-groups { font-size: 12px; margin-top: 15px; font-size: 14px !important; } .user-groups li { font-weight: 500; color: #fff; } .more-items.collapsed { height: 1px; overflow: hidden; } .more-items.expanded { height: auto; } #learning-plans .launchers ul { /*margin-top: 10px; Changed on admin.css*/ } .rating-wrapper-lp { width: 135px; } .last-modified { width: 21.5%; height: 30px; margin: 0px; float: right; text-align: right; color: #fff; } .last-modified span.ldate { padding: 0px 20px 0 0; } .last-modified-lp { width: 25%; height: 30px; margin: 0; float: right; text-align: right; color: #fff; font-size: 13px !important; padding: 10px 10px 0 0; font-family: 'Segoe UI' !important; } @media (max-width: 400px){ .res-last-modified-lp{ width: 60%; height: auto; padding: 0px 5px 0 0; } } #groups-container .last-modified-lp { width: 20% !important; } .modified-date { display: block; clear: both; width: 100%; margin: 0; margin-bottom: 0 !important; padding: 0 !important; } .lp-modified-date { display: block; clear: both; width: 100%; margin: 0; margin-top: -5px !important; margin-bottom: 15px !important; padding: 0 !important; } @media (max-width: 400px){ .res-lp-modified-date{ margin-top: 0px !important; margin-bottom: 0px !important; } } @media (max-width: 400px){ .res-modified-date{ word-wrap:break-word; } } .show-more-button { width: 50px; height: 40px; margin-left: 0; float: right; position: relative; cursor: pointer; text-align: center; line-height: 40px; } .show-more-button a { position: relative; height: 8px; width: 22px; overflow: hidden; display: inline-block; vertical-align: middle; } .show-more-button img { height: auto; width: auto; left: -361px; top: -8px; position: absolute; } .user-image-box { width: 142px; height: 134px; background: rgb(220,60,0); margin-right: 0px; float: left; position: relative; overflow: hidden; } .user-image-box img { position: absolute; height: auto; } .user-image-box .group-image-holder { left: -389px; top: -55px; } .user-image-box .user-image-holder { left: -246px; top: -55px; } .manage-user-image-box { width: 111px; height: 105px; background: rgb(220,60,0); margin-right: 0px; float: left; position: relative; overflow: hidden; } .manage-user-image-box img { position: absolute; height: auto; width: auto; } .manage-user-image-box .group-image-holder { left: -112px; top: -282px; } .manage-user-image-box .user-image-holder { left: -0px; top: -282px; } .usr-launcher { background-color: rgb(80,80,80); } .usr-launcher .launchers ul { margin-top: 5px !important; } .user-description-box { /*width: 79.16666666667%;*/ width: 81.25%; padding: 0; position: relative; float: right; background: #333; line-height: normal; } .su-rating-wrapper { width: 16.5083%; padding-left: 20px; float: left; } .e-mail-blue, .add-profile, .transcript-blue, .course-page-blue, .course-page-green, .block-user, .enable-user { background-repeat: no-repeat; background-position: center; } .launchers a.e-mail-blue { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.add-profile { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.transcript-blue { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.course-page-blue { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.block-user { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.enable-user { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.course-page-green { text-align: center; background-repeat: no-repeat; background-position: center; } .manage, .profile-green, .transcript-green, .course-green { background-repeat: no-repeat; background-position: center; } .manage-small { display: block; height: 24px; line-height: 1.3em; text-decoration: none; width: 24px; background-repeat: no-repeat; background-position: center; } .launchers a.manage { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.profile-green { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.transcript-green { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.course-green { text-align: center; background-repeat: no-repeat; background-position: center; } .manage-mem, .reports-o, .assment-o, .remove-o, .edit-o { background-repeat: no-repeat; background-position: center; } .launchers a.manage-mem { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.edit-o { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.reports-o { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.assment-o { text-align: center; background-repeat: no-repeat; background-position: center; } .launchers a.remove-o { text-align: center; background-repeat: no-repeat; background-position: center; } .enr-code-button { /*width: 19.10480349344978%;*/ width: auto; height: 32px; margin-left: 0; margin-top: -5px; float: right; position: relative; } .enr-code-button input { width: 100%; height: 32px; background: #008A00; border: none; color: #fff; font-size: 16px; cursor: pointer; } .enr-code-button input:hover, .enr-code-button input:focus { background: #005A00 !important; } .enr-code-button input[type="button"] { margin-bottom: 1em; } .course-description-box-lp { width: 78%; height: 78px; padding: 0; position: relative; float: right; } @media (max-width: 400px){ .res-learning-plan-name-modification{ width: 52%; } } .course-description-lp { position: relative; width: 65%; float: left; color: #999; margin: 10px 5px 10px 0px; } @media (max-width: 400px) { .res-course-description-lp { width: 30% !important; height: auto !important; word-wrap: break-word; } } .course-description-lp h2 { font-size: 13px; color: white; line-height: 1.3em; overflow: hidden; font-family: 'Segoe UI'; } .add-edit-group form input[type="text"], .add-edit-group form input[type="password"], .add-edit-group form input[type="email"], .add-edit-group form input[type="search"], .add-edit-group form input[type="tel"], .add-edit-group form textarea { max-width: none !important; border: 1px solid #737373; } .add-edit-group label { color: #333; font-weight: normal; } h4 { font-size: 1.5em; } .manage-course-title { position: relative; display: inline-block; } .course-manage-count-container { float: right; width: 25%; margin-right: -10px; } @media (max-width:400px){ .res-course-manage-count-container{ margin-right: 10px; } .res-course-export-link-container{ position: static !important; } } .overlay-container p.width70 { width: 70% !important; } .course-manage-count { display: inline; position: relative; max-width: 55px !important; text-align: right; font-size: 1em; float: left; margin-bottom: 0px !important; } .course-manage-count label, .course-manage-count a, .course-manage-count span.value { display: block; font-size: 1em; font-weight: 300; } .course-manage-count a:focus { outline: 0; text-decoration: none; } .course-added-count a, .course-manage-count span.value { color: #008A00 !important; } .course-added-count { padding-left: 0px; margin-right: 15px; max-width: 40px !important; } .course-removed-count a { color: #333 !important; } .course-removed-count { padding-left: 0px; margin-right: 0px; } #Create-edit-learningplan-overlay-dialog .course-total-count-error a { color: rgb(186,20,26) !important; } .course-total-count { padding-left: 0px !important; margin-right: 0px !important; max-width: 40px !important; } .course-total-count a { color: #333 !important; font-weight: bold !important; } #info div.course-total-count-error p { color: rgb(186,20,26) !important; } .lt-max50 { font-size: 12px !important; margin-bottom: 0px !important; width: 70px; display: block; float: right !important; } #Create-edit-learningplan-overlay-dialog .course-removed-count a { color: rgb(51,51,51); } #Create-edit-learningplan-overlay-dialog .course-total-count a { color: #000; font-family: 'Segoe UI' !important; font-weight: 600 !important; } .course-export-link-container { float: right; width: 25px; position: absolute; right: 55px; text-align: right; z-index: 10; top:100px; } .course-manage-error-container > span { color: rgb(186,20,26); font-size: 90%; line-height: 10px !important; text-align: right; } .mar01-t { margin-top: 1px !important; } .mar05-t { margin-top: 2px !important; } .date-icon { display: inline-block; height: 24px; position: relative; top: 8px; width: 24px; cursor: pointer; } .date-range-title { font-weight: 900; margin-bottom: 0em; font-size: 120%; } .grid-row.reports-download { float: none; } .reports-date-controls { min-width: 180px; } .start-date { width: 220px; } .start-date input { width: 150px !important; padding-right: 2px; height: 2em !important; } .end-date { width: 220px; } .end-date input { width: 150px !important; padding-right: 2px; height: 2em !important; } .padl-50 { padding-left: 50px; } .ui-datepicker { font-size: 90% !important; } .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-datepicker .ui-state-default { background-color: #D4D4D4 !important; border: 0 none !important; border-radius: 0 0 0 0 !important; font-size: 100% !important; margin-right: 0px !important; padding: 0.2em !important; } .moreInfo-title-icon { background-color: transparent; } .toggle-view { position: absolute; right: 0px; top: 0px; } .gridViewUsersList { height: 250px; overflow-y: scroll; display: block; } #user-holder { width: 800px; float: left; overflow: hidden; } #users-grid-row-container { font-size: 13px !important; font-family: 'Segoe UI' !important; border: 1px solid #737373; width: 100%; display: block; } #users-grid-row-container tr { border-bottom: 1px solid #737373; display: block; overflow: hidden; width: 100%; } #users-grid-row-container .user-list-header { border-bottom: 1px solid #737373; display: block; } #users-grid-row-container th { padding: 5px 5px 5px 0; } #users-grid-row-container td { padding: 5px; overflow: hidden; } #users-grid-row-container .th-label { font-weight: bold; white-space: normal; } #users-grid-row-container th, #users-grid-row-container td { box-sizing: border-box; display: block; float: left; white-space: nowrap; text-align: left; } #users-grid-row-container .overflow-hide { display: block; width: 100%; } .pre-trigger { display: block; float: left; font-weight: bold; } .pagination { clear: both; } td.name,th.name { width:16% } td.id,th.id { width:9% } td.email,th.email { width:15% } td.lemail,th.lemail { width:15% } td.status,th.status { width:8% } td.roles,th.roles { width:13% } td.groups,th.groups { width:16% } td.reports,th.reports { width:8% } #users-grid-row-container td.reports { padding-left:18px; padding-right:0; } #users-grid-row-container th.name { padding-left:5px } td.status span, #users-grid-row-container td > ul { margin-left: 5px; display: block; } #users-grid-row-container td.groups ul { margin-left:8px } .reports a { width:20px; } #users-grid-row-container .user-list-item { border-bottom: 1px solid #737373; } #users-grid-row-container tr:last-child { border-bottom: 0px; } #users-grid-row-container .list-user { padding: 5px; padding-left: 0px; line-height: 100%; vertical-align: top; } #users-grid-row-container .user-list-header .list-user-check { padding-top: 3px; } #users-grid-row-container .list-user span { vertical-align: top; } #users-grid-row-container .user-checkbox { padding: 0; height: inherit; } #users-grid-row-container .list-user-check { width: 10px; padding-left: 5px; } #users-grid-row-container .list-user-email, #users-grid-row-container .list-user-SignInEmail { width: 13%; } #users-grid-row-container .list-user-reports { width: 7%; } #users-grid-row-container .activity-link { display: block; } #users-grid-row-container .list-user-roles, #users-grid-row-container .list-user-class { width: 12%; } #users-grid-row-container .list-user-name, #users-grid-row-container .list-user-groups { width: 14%; } #users-grid-row-container .list-user-page-count { width: 24%; text-align: right; } #users-grid-row-container .user-list-item .list-user-name, #users-grid-row-container .user-list-item .list-user-email { color: #1570a6; } #users-grid-row-container .list-user-status, #users-grid-row-container .list-user-uid { width: 8%; } #users-grid-row-container .list-user-status { width: 7%; } #users-grid-row-container .list-user-status, #users-grid-row-container .list-user-groups { vertical-align: top; } #users-link, #groups-link { text-decoration: none; } .list-user-page-count { position: absolute; top: 20px; right: 0px; } .list-user-page-count .show-count { color: #1570a6; display: inline-block; margin-right: 5px; } .list-user-page-count .drop-menu-container { width: 50px; height: 30px; display: inline-block; margin-bottom: -10px; background: url('/Content/images/arrow_down.png') top 12px right 8px no-repeat; } .list-user-page-count .drop-menu-container select { width: 100%; height: 100%; padding: 0; } .list-user-page-count .drop-menu-container select option { padding-left: 5px; } #users-grid-row-container .narrowby-dropdown { position: absolute; height: auto; border: 1px solid #cacaca; background-color: #FFF; z-index: 110; display: none; padding: 5px; height: 200px; } #users-grid-row-container #narrowbyStatusDd.narrowby-dropdown { width: 150px; } #users-grid-row-container #narrowbyGroupDd.narrowby-dropdown { width: 200px; } #users-grid-row-container #narrowbyStatusDd { width: 100px; } .blue-button { width: 40px; padding: 5px; color: #fff; text-align: center; background-color: #008A00; } .disable-button { background-color: #aaa !important; cursor: default; } .blue-button:hover, .blue-button:focus { background-color: #005A00; } #users-container { overflow:hidden; } #users-container .green-button { width: 50px; padding: 5px; color: #fff; text-align: center; background-color: #008A00; } #users-container .green-button:hover { background-color: #007233; } #users-container .overlay-loading-wrapper { z-index: 310; } .gray-back { background-color: #e5e0e0; } .user-menu { display: block; clear: both; overflow: hidden; margin-bottom: 10px; padding-top: 5px; } .user-menu li { display: block; float: left; } .user-menu li.flo-r { float: right; } .user-menu li:first-child:after, .user-menu li:nth-child(2):after { display: block; float: right; width: 1px; border-left: 2px solid #aaa; margin-left: 10px; margin-right: 9px; content: ""; height: 1em; margin-top: 5px; } .user-quick-actions { border: 1px solid #737373 !important; float: right; width: 125px; height: auto; padding: 10px; background-color: #fff; margin-left: 3px; margin-top: 33px; } .user-quick-actions .activity-link, .user-quick-actions legend { border-top: 1px solid #737373; display: block; color: #0072c6; width: 100%; cursor: pointer; } .user-quick-actions legend { overflow:hidden; } .user-quick-actions h2 { font-size:120%; } .filter-status { height: auto; top: 30px; } .filter-dd { border: 1px solid #CACACA; padding: 5px; background-color: #FFF; z-index: 100; display: none; } .view-all { color: #1570a6; } #ajaxLoaderusers { display: none; } .list-user .filter-img, #users-grid-row-container .filter-img, #learningplan-filter-options-link .filter-img, #manage-group-overlay .filter-img { height: 165px; top: -20.5px; left: -75px; } .list-user .activity-img, #users-grid-row-container .activity-img { height: 265px; top: -33.5px; } .list-user .activity-img-as, #users-grid-row-container .activity-img-as { left: -97px; } .list-user .activity-img-cr, #users-grid-row-container .activity-img-cr { left: -73px; } .overlay-container p.page-count { display:inline-block; margin:0 !important; width:auto !important; position:relative; top:-1em; border-left: 1px solid #333; padding-left:5px; } .quick-steps-message { font-size: 13px; color: #333; display: block; margin: 5px 0px; } #quickRoles, #quickStatus { padding-top: 3px; } th .pop-content { margin-top: 17px; } .saved-users { width: 40%; max-height: 300px; overflow-y: auto; } .bulkUpdateSuccess .overlay-container { padding: 0px; } #recordsPerPage { width: 50px; } .height30 { height: 30px; } .pagination-img { height: 20px; overflow: hidden; } .pagination-img:focus { text-decoration: none; } .filter-img-holder { height: 20px; width: 20px; overflow: hidden; } .activity-img-holder { height: 24px; width: 24px; overflow: hidden; } .pagination-img img { height: 20px; } .pagination-img .pagination-img-first { left: 0; } .pagination-img .pagination-img-pre { left: -100px; } .pagination-img .pagination-img-next { left: -120px; } .pagination-img .pagination-img-last { left: -120px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .search-form .input-wrapper { width: 175px; display: block; } .learning-plan-narrowby .search-form .input-wrapper { width: 163px !important; } #narrowbyGroupDd .groupsdd { width: 200px; height: 170px; overflow-y: auto; } #narrowbyGroupDd .groupsdd ul { width: 160px; } #narrowbyGroupDd .search-form { margin-bottom: 0px; float: left; font-size: 100%; } .width100-20 { width: 98%; width: calc(100% - 20px); } .user-list-item .list-user-roles ul li, .user-list-item .list-user-groups ul li { line-height: 17px; } .user-quick-actions .btn-blue { background-color: #008A00; } .user-quick-actions .btn-blue:hover, .user-quick-actions .btn-blue:focus { background-color: #005A00; } #group-assign-confirm, #learningplans-confirmassignment-overlay { min-height: 300px; width: 90%; left: 3em; } .saved-groups-users, .saved-learningplan-users { width: 40%; max-height: 7em; overflow-y: auto; min-height: 5em; } .no-usersresults-message h2 { font-size: 135%; } .no-learningplanresults-message h2 { font-size: 100%; color: #333; } .ad-TotalTimeInCourseNotification { font-size:13px; margin-top:-30px; } @media screen and (min-width: 600px) and (max-width: 1279px) { .course-description-box-lp .last-modified-lp { font-size: 10Px !important; } #list-learning-plans .su-container { display: flex; } #lp-search .input-wrapper { width: 120px; } } .basic-info-wrap { top: 10px; } .basic-info-wrap p { width: 100%; } .basic-info-wrap input[type=text] { height: 2.2em; } .user-basic-information .f-row { margin-top: 10px; margin-bottom: 0em; } .user-basic-information .f-row label { font-weight: normal; } .user-basic-information .f-row label.error { padding-left: 0em; } .user-basic-information .f-row input, .user-basic-information .f-row textarea { width: 90%; display: block; } .user-basic-information .f-row textarea { resize: none; } .user-basic-information p { font-size: 90%; width: 100%; margin: 20px 0px; } .user-basic-information p.error { margin: 0; } .basic-info-checklist ul li p { font-size: .765em; width: 100%; margin-left: 30px; } .basic-info-checklist ul li { margin-top: 15px; } .error { border-color: #BA141A !important; height: 2.2em; } .error-msg { max-width: 60%; min-width: 50%; padding: 5px; color: #BA141A; background: #fff; border: #BA141A solid 1px; position: absolute; top: 23px; right: -51%; z-index: 10; } .error-msg p { padding: 0px; margin: 0px; color: #BA141A; } .f-row { position: relative; } .left-arrow { position: absolute; height: 17px; width: 10px; display: block; left: -10px; background: url('/Content/images/arrowLeft.png'); } .overlay-container p, #divOrganizationSubscriptions legend { width: 98% !important; margin-bottom: 1em !important; word-wrap: break-word; color: rgb(51, 51, 51); } #divOrganizationSubscriptions legend { font-weight: bold; } .overlay-container #groups-member-for-currentgroup { margin-top: 1.1em; } .overlay-container .add-user-info-message { width: 200% !important; } .marginb5 { margin-bottom: 5px; } .invite-admin-submit { display: table !important; } .invite-admin-submit div { display: table-cell !important; vertical-align: middle !important; } .user-csv { margin-left: -8px; } .user-csv iframe { width: 500px !important; } .user-csv iframe form input[type="file"]:hover { border: 1px solid #008A00 !important; } .user-csv iframe .error { color: #BA141A; width: 500px !important; } .user-csv .f-row { margin-top: 10px; margin-bottom: 0em; } .user-csv .f-row label { font-weight: normal; } .user-csv p { font-size: 1em; width: 100%; margin: 10px 0px 80px 0px; } .error-msg-f { max-width: 400px; padding: 5px; color: #f60000; background: #fff; border: #f60000 solid 1px; position: absolute; top: 23px; right: 20%; z-index: 10; } .error-msg-f p { padding: 0px; margin: 0px; color: #f60000; } .f-row { position: relative; } .invite-admin-table { border: 1px solid #737373; font-size: 0.9em; overflow: auto !important; vertical-align: text-top; width: 100%; } .invite-admin-table th { text-align: left; } .enr, .qty, .rem, .grp, .user, .dtc, .mailthis, .enrcheckbox, .rlo, .ell { margin: 5px 0px; } .marginl30 { margin-left: 40px !important; } .margint20 { margin: 20px 0px !important; } .margint10 { margin: 10px 0px !important; } .invite-admin-table .table-header { border-bottom: 1px solid #737373; font-weight: 600; min-height: 38px; } .invite-admin-table .table-header h4, .invite-admin-table .table-header h3 { margin: 0px 0px 0px 10px; padding-top: 4px; } .invite-admin-table .enr { width: 18%; display: inline-block; margin-left: 5px; margin-right: 5px; word-wrap: break-word; vertical-align: top; } .invite-admin-table .rlo { width: 11%; display: inline-block; margin-right: 5px; } .invite-admin-table .qty { width: 10%; display: inline-block; margin-right: 5px; vertical-align: top; } .invite-admin-table .rem { width: 10%; display: inline-block; margin-right: 5px; word-wrap: break-word; vertical-align: top; } .invite-admin-table .ell { width: 13%; display: inline-block; margin-right: 5px; } .invite-admin-table .grp { width: 12%; display: inline-block; margin-right: 5px; word-wrap: break-word; vertical-align: top; } .invite-admin-table .user { width: 10%; display: inline-block; margin-right: 5px; word-wrap: break-word; vertical-align: top; } .invite-admin-table .dtc { width: 11%; display: inline-block; margin-right: 5px; vertical-align: top; } .invite-admin-table .mailthis { width: 14%; display: inline-block; vertical-align: top; } .invite-admin-table .enrcheckbox { width: 25%; display: inline-block; margin-left: 5px; margin-right: 5px; word-wrap: break-word; vertical-align: top; } .invite-admin-table .manage-table-header { font-weight: 600; height: 38px; } .invite-admin-table .manage-table-header h4 { margin: 0px 0px 0px 10px; padding-top: 4px; } .manage-table-header #info-tab li.current { height: 25px !important; border-bottom: 1px solid #FFF !important; } .manage-table-header > ul li { background-color: #FFF; display: table-cell !important; padding-bottom: 5px !important; padding-top: 5px !important; padding-left: 20px !important; padding-right: 20px !important; margin-right: 0px !important; border-right: 1px solid #737373; border-top: 1px solid #737373; border-bottom: 1px solid #737373 !important; } .manage-table-header > ul li:first-child { border-left: 1px solid #737373 !important; } .manage-table-header > ul { display: inline-block; padding-bottom: 0px !important; padding-top: 0px !important; } .manage-table-header #info-tab li a:focus { color: #969696 !important; text-decoration: none !important; } .manage-table-header #info-tab li.current a { color: rgb(21, 112, 166) !important; text-decoration: none !important; } .manage-table-header #info-tab li a:hover { color: rgb(21, 112, 166) !important; text-decoration: none !important; } .manage-table-header #info-tab li:hover a { color: rgb(21, 112, 166) !important; text-decoration: none !important; } .bordert0 { border-top: none !important; } .invite-admin-table .browse, .invite-admin-table .search { display: inline-block; margin-left: 10px; } .invite-admin-table .course-lp-content { margin: 10px; height: 235px; overflow: auto; width: 98%; } .height350 { height: 350px !important; } #Create-edit-learningplan-overlay-dialog { overflow-y: hidden !important; margin-bottom: 0px !important; position: relative; } #Create-edit-learningplan-overlay-dialog .invite-admin-table .course-lp-content { margin: 25px 0px 0px 0px; width: 98%; } #Create-edit-learningplan-overlay-dialog .invite-admin-table .course-lp-content .grid-row { width: 99%; } #Create-edit-learningplan-overlay-dialog .course-lp-content { height: 355px; margin: 15px 0px 0px 0px !important; width: 98%; } #Create-edit-learningplan-overlay-dialog .lp-search-tip { list-style-type: disc; } .lp-filter-section { padding-left: 2%; } #search .heading--large > span { font-size: 20px; } .search-courses-lp { margin: 0px 3% 0px 0px; padding: 0px; position: absolute !important; right: 0px; top: 60px; z-index: 10; display: none; height: 28px; } .learning-plan-narrowby .search-courses-lp { right: auto; } .search-add-courses { display: block !important; margin: 0 !important; } .search-group-lp { margin: 0px; padding: 0px; right: 7px; top: 7px; z-index: 10; height: 28px; background: #ffffff; width: 20em; float:right; } @media (max-width: 1000px){ .res-search-members { position: sticky; float: left; margin-right: 1200px; } } @media (max-width:400px){ .res-search-width{ width: 200px; } } .course-lp-content { position: relative; font-size: .765em; } .lp-info-for-user { width: 100%; margin-top: 10px; clear: both; } .lp-info-for-user p { font-size: 13px !important; } .info-for-user { position: absolute; top: 2%; z-index: 5; text-align: left; margin-left: 10px !important; font-size: 14px !important; } @media (max-width: 400px) { .res-search-lp-overlay { height: 90px !important; margin-bottom: 20px !important; } } .searchR-lp-overlay { margin: 0px !important; margin-bottom: 10px !important; height: 80px !important; } .learningplan-name input { width: 100%; height: 30px !important; display: block; } .invite-admin-table .manage-content { margin: 10px; height: 340px; min-height: 340px !important; overflow: auto; width: 98%; } .manage-content { position: relative; font-size: .765em; } .groupR-lp-overlay { margin: 0px !important; margin-bottom: 10px !important; height: 105px !important; } .manage-table-header { height: 36px !important; } .course-lp-content .product-container { display: table; } .course-lp-content .product-container input { margin-right: 5px; } .course-lp-content .product-container input, .course-lp-content .product-container label, .course-lp-content .product-container a, .course-lp-content .product-container a img, .course-lp-content .product-container span { display: table-cell; vertical-align: middle; float: left; } #expand-collapse-anchor { width: 20px; height: 20px; position: relative; overflow: hidden; } #expand-collapse-anchor img { position: absolute; } #expand-collapse-anchor > #expand-icon_devUI { left: 0px; top: 0px; } #expand-collapse-anchor > #collapse-icon_devUI { left: -20px; top: 0px; } .lp-course-description-container { width: 100%; height: 80px; background: #333; float: left; overflow: hidden; cursor: pointer; } @media (max-width:400px){ .res-lp-course-description-400{ height: 90px !important; margin-bottom: 10px; } } .lp-course-description-box { width: 81.8%; height: 80px; padding: 0; position: relative; float: left; } .lp-course-description { position: relative; width: 75%; float: left; color: #333; } @media (max-width: 400px) { #course-title-learning-plan-add.lp-course-description-addLP { font-size: 10px !important; padding: 5px 0 0 5px !important; line-height: 1em !important; width: 70% !important; word-wrap:break-word; } } .lp-course-description h4 { font-size: 13px !important; padding: 15px 0 0 20px; color: #fff; } .lp-course-description h4.orange { color: #fff; font-size: 13px; } .lp-course-image-box { width: 18.2%; height: 80px; background: #D13900; margin-right: 0px; float: left; position: relative; cursor: pointer; } .lp-course-image-box img { height: 80px; width: 100%; float: left; } .lp-image-box { width: 142px; height: 78px; background: #D13900; margin-right: 0px; float: left; position: relative; } .lp-image-box img { height: 78px; width: 100%; float: left; } .accordion--white-text.accordion .ui-accordion-content li, .accordion--grey-text.accordion .ui-accordion-content li { font-size: 80% !important; font-weight: normal; } .accordion--grey-text.accordion .ui-accordion-header { background: rgb(255, 255, 255) !important; border-color: white !important; padding: 0.5em 0px 0.5em 0em !important; color: rgb(80,80,80) !important; } .accordion--grey-text.accordion .ui-accordion-header::before { left: 0.25em !important; color: #008A00; } .accordion--grey-text.accordion [aria-selected='false'].ui-accordion-header:hover { background: rgb(225, 225, 225) !important; } .accordion--grey-text.accordion .ui-accordion-content { padding: 0.5em 0px 0.5em 3em !important; } .course-item-button { width: 19.10480349344978%; height: 40px; margin-left: 0; float: right; position: absolute; right: 0px; bottom: 0px; } @media(max-width:400px){ .res-course-item-button{ width: auto; } } .course-item-button input.remove { width: 100%; height: 40px; background: #008A00; border: none; color: #fff; font-size: 16px; cursor: default; } .course-item-button input.remove:hover, .course-item-button input.remove:focus { background: #005A00 !important; text-decoration: underline; color: #fff !important; } .course-item-button input.add { width: 100%; height: 40px; background: #0072C6; border: none; color: #fff; font-size: 16px; cursor: pointer; } .course-item-button input.add:hover, .course-item-button input.add:focus { background: #004A81 !important; text-decoration: underline; color: #fff !important; } #leaningplan-add-member .course-item-button { width: auto; } /**/ .manage-course-item-button { position: absolute !important; bottom: 0px !important; right: 0px !important; } .paddingb10 { padding-bottom: 10px !important; } .marginl10 { margin-left: 10px !important; } .marginl-15 { margin-left: -15px; } .back-gray { background: rgb(210,210,210); border: 0px solid #ccc; } .dwn-btn { position: absolute; top: 30px; left: 0px; width: 120px; } .width80 { width: 78%; word-wrap: break-all; } a.plus-icon { display: inline-block; width: 20px; height: 20px; position: absolute; top: 28px; right: 18px; background-color: none !important; } a.plus-icon:hover { background-color: none !important; } .main-check-box { display: inline; overflow: visible; position: absolute; top: 10px; left: -30px; } .manage-course-accordion { position: relative; margin-left: 30px; } .manage-course-accordion .accordion-heading { position: relative; } .accordion-row { position: relative; } .sub-check-box li { margin: 0px 0px 2em 0px !important; } .sub-check-box li input label { font-size: 1em !important; } .secLineText { margin-top: -14px; } .course-lp-content .product-container span { height: 20%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 50em; } .course-lp-content { overflow: hidden; } .marginb10 { margin-bottom: 10px !important; } #AccessCodes-overlay-container-dialog .invite-admin-table .table-header { height: auto; } .rlo-width { width: 13% !important; } .qty-width { width: 15% !important; } .rem-width { width: 10% !important; } .ell-width { width: 25% !important; } .enrollment-text { border: 1px solid #D2D2D2; width: 100%; height: 50px; padding: 0.35em 0.5em; font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; text-shadow: none; -moz-appearance: none; -webkit-appearance: none; } .lp-heading--large { font-size: 25px !important; font-weight: lighter !important; font-family: 'Segoe UI' !important; margin-bottom: 2px !important; } .lp-help { font-size: 13px !important; font-weight: normal !important; font-family: 'Segoe UI' !important; margin-bottom: 2px !important; } .lp-tab-container { height: 350px; } .lp-button { min-width: 95px; } .lp-back-arrow { margin-right: 0.1em !important; color: #007233; } .learning-plan-narrowby { width: 220px; display: inline-block; position: absolute; left: -240px; top: 0; } .edit-intro { width: 75%; } .learning-plan-course-details { width: calc(100% - 245px); display: inline-block; float:right; } @media (max-width:400px){ .res-learning-plan-details{ width: calc(100% - 1px) !important; } .res-learning-plan-narrowby{ left: 0px; position: relative; } .res-learning-plan-narrowby-divnarrowby{ height: 250px !important; } } .learning-plan-narrowby .divnarrowby { height: 376px; overflow-y: auto; } .manage-white-icon { width: 26px; height: 22px; vertical-align:middle; display: inline-block; overflow: hidden; } .manage-white-icon::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:1px; top:-25px; } .manage-black-icon { width: 25px; height: 17px; vertical-align:middle; display: inline-block; overflow: hidden; } .manage-black-icon::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-288px; top:-326px; } .download-excel-img { width: 30px; height: 30px; vertical-align:middle; display: inline-block; overflow: hidden; } .download-excel-img::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-257px; top:-323px; } .displayInlineBlock { display: inline-block; } .reset-image { width: 23px; height: 23px; line-height: 25px !important; display: inline-block; overflow: hidden; } .reset-image::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-278px; top:-287px; } .reset-image.active { width: 25px; height: 25px; display: inline-block; overflow: hidden; } .reset-image.active::after { content: url('/content/images/ITA_icons_sprite.png'); position:relative; left:-253px; top:-286px; } .reset-image.active:hover::after { left:-300px; top:-287px; } .riteArrowImgSprite { display: inline-block; line-height: 25px !important; background-image: url('/Content/images/ITA_icons_sprite.png'); background-repeat: no-repeat; width: 30px; height: 30px; background-position: -342px -283px; } .verticalAlignSuper { vertical-align: super; } .hidecatalog { display: none !important; } /* Draw triangle in css */ .triangleup { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFF; position: absolute; bottom: 0px; /* assuming border of container to be 1px */ left: calc( 39% - 83px); left: -moz-calc( 39% - 83px); left: -webkit-calc( 39% - 83px); z-index: 1200; } .verticalAlignMiddle { vertical-align: middle; } #diveula-profile-container { height: 550px; overflow-y: auto; } #access-code-profile-page-container { height: 550px; overflow-y: auto; } .enrollment-link-container { display: block; } .list-added-courses { width: 98%; height: 350px; overflow-y: auto; } .text-align-left { text-align: left; } @media screen and (min-width: 600px) and (max-width: 1279px) { .lp-course-description h4 { font-size: 12px !important; line-height: normal; } .course-item-button-pos { width: 25.104803% !important; height: 36% !important; } .input-button-pos { min-width: 66px !important; padding: 0 !important; height: 100% !important; } } ul.child-product-list { margin-left: 30px; position: relative; } span.child-product-list { margin-left: 30px; position: relative; display: inline-block; top: -25px; } .searchingSpinner { z-index: 500; padding: 0; min-height: 10em; vertical-align: middle; line-height: 10em; position: fixed; margin-left: 20%; } .lp-launcher { margin-top: 5px!important; width:auto!important; } .admin-report-key { margin-right: 20px; margin-bottom: 10px; } .admin-report-key span { float: right; margin-right: 8px; font-style: italic; } .lp-accesscodes { overflow: auto; height: auto; } .mlx-wrapper { display: block; height: 26px; border: 1px solid #000; background: white; width: 100%; } .mlx-input { width: 90% !important; border: none; height: 26px; background-color: transparent; display: inline-block; vertical-align: middle; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 0px; line-height: 25px; font-weight: normal; } .mlx-dropdown-container { height: 100%; position: relative; height: 100%; position: relative; } .mlx-drop-source input { height: inherit; padding-left: 0px; } .mlx-dropdown { width: 100%; height: 100%; width: 100%; height: 100%; background-color: #FFF; } .mlx-dropdown ul { list-style-type: none; padding-left: 0px; padding-left: 0px; margin: 0px; } .mlx-dropdown ul li { padding: 5px; padding-top: 5px; padding-bottom: 5px; font-size: 10pt; display: table; width: calc( 100% - 10px); } .mlx-dropdown ul li:hover { display: table; background-color: #0072C6; color: #FFF; } .mlx-dropdown ul li input { vertical-align: middle; cursor: pointer; float: left; padding-left: 5px; } .mlx-dropdown ul li label { width: 100%; cursor: pointer; margin-left: 5px; padding-left: 5px; padding-right: 5px; word-break: keep-all; display: table-cell; line-height: 12pt; font-size: 13px; } .mlx-dropdown ul li label:first-child { padding-left: 0px; } .mlx-drop-target ul li label:first-child { width: 5px; } #divNarrowBy .mlx-dropdown ul li label { font-weight: normal; } .mlx-dropdown.mlx-drop-target { color: #0072c6; } .mlx-drop-target ul li label { vertical-align: middle; } .mlx-drop-source { z-index: 101; border: 1px solid #000; border-top: 0px solid #FFF; margin-top: -1px; /* this is added to hide bottom border of wrapper */ } .mlx-drop-source input { height: inherit; padding-left: 0px; } .mlx-drop-source ul { overflow-y: auto; max-height: 200px; } .mlx-drop-source ul li label { vertical-align: middle; } .mlx-dropdown-close-icon { color: #0072c6; cursor: pointer; } .mlx-drop-target { z-index: 100; z-index: 100; } .mlx-drop-target ul li:hover { display: block; background-color: transparent; color: inherit; } .dropdown-icon { position: absolute; top: 10px; right: 5px; } .dropdown-icon .dropdown-icon-down-svg { display: inline-block; vertical-align: middle; margin: 7.5px auto; background-image: url('/Content/images/ITA_Icons.svg'); background-repeat: no-repeat; width: 10px; height: 10px; background-size: 100px 160px; background-position: -60px -30px; } .dropdown-icon .dropdown-icon-up-svg { display: inline-block; vertical-align: middle; margin: 0 auto; background-image: url('/Content/images/ITA_Icons.svg'); background-repeat: no-repeat; width: 10px; height: 10px; background-size: 100px 160px; background-position: -80px -30px; } /*may be use in future*/ /*.mlx-wrapper:hover span, .mlx-wrapper span:hover { background-color: #DADADA; }*/ .mlx-list-wrapper .addbutton-icon { width: 30px; height: 35px; display: inline-block; background: url('../images/Expand-icon_devUI.png') top 12px right 4px no-repeat; vertical-align: middle; } .mlx-list-wrapper { display: table; height: 31px; width: 100%; } .mlx-list-wrapper .mlx-list-input { width: 90%; float: left; border: none; height: 32px; border: 1px solid #969696; } div.border-bottom0 { border-bottom: 0px solid #000 !important; } div.mlx-dropdown-container .mlx-drop-source.border-top0 { border-top: 0px solid #000 !important; } .disable { pointer-events: none; cursor: default; opacity: 0.4; background-color: lightgray; } disable * { pointer-events: none; } .mlx-drop-source .disable { background-color: lightgray; opacity: 1; } div.jHtmlArea { display: inline block; } div.jHtmlArea div { padding: 0px; margin: 0px; } div.jHtmlArea .ToolBar { } div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url(/Content/jHtmlArea/jHtmlArea_Toolbar_Group_BG.png) repeat-x;} div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; } div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; background: #ddd url(/Content/jHtmlArea/jHtmlArea_Toolbar_Group__Btn_Select_BG.png); padding: 0; } div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(/Content/jHtmlArea/jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; } div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; } div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;} div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;} div.jHtmlArea .ToolBar ul li a:hover { } div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; } div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; } div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; } div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; } div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; } div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; } div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; } div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; } div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; } div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; } div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; } div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; } div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);} div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);} div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;} div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;} div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;} div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;} div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;} div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;} div.jHtmlArea .ToolBar ul li a.subscript { background-position: -96px -16px;} div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;} div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;} div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;} div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;} div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;} div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;} div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;} div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;} div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;} div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;} div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}