/************************************** * THEME NAME: totara * * Files included in this sheet: * * totara/jquery-ui-1.7.2.custom.css * totara/jquery.treeview.css * totara/styles_menu.css * totara/styles_page.css * totara/styles_buttons.css * totara/styles_totara.css * totara/styles_totara_common.css **************************************/ /***** totara/jquery-ui-1.7.2.custom.css start *****/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 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 button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 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 { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .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 { float:left; 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 .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /***** totara/jquery-ui-1.7.2.custom.css end *****/ /***** totara/jquery.treeview.css start *****/ .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { background-color: white; margin-top: 4px; } .treeview .hitarea { background: url(images/treeview/treeview-default.gif) -64px -24px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0; display: none; } /*.treeview .hover { color: red; cursor: pointer; }*/ .treeview li { background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -2px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); } .treeview li.lastCollapsable { background-position: 0 -111px } .treeview li.lastExpandable { background-position: -32px -67px } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(images/treeview/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview/treeview-red.gif); } .treeview-black li { background-image: url(images/treeview/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview/treeview-black.gif); } .treeview-gray li { background-image: url(images/treeview/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(images/treeview/treeview-famfamfam-line.gif); } .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview/treeview-famfamfam.gif); } .filetree li { padding: 3px 0 2px 16px; } .filetree li { padding: 0 0 0 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(images/treeview/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(images/treeview/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(images/treeview/file.gif) 0 0 no-repeat; } /***** totara/jquery.treeview.css end *****/ /***** totara/styles_menu.css start *****/ /***** page/styles_menu.css start *****/ /*** *** Menu CSS for the header menu ***/ /* This fixes sub-menu placement for Safari */ body { margin: 0pt; padding: 0pt; } /* YUI will show the menu and move it to an appropiate location */ .menutreeroot { visibility: hidden; position: absolute; } div.yuimenu { background-color: #FFFFFF; } div.yuimenu .yuimenuitem a.selected { background-color: #FFFFFF; } div.yuimenu .yuimenuitemlabel.hassubmenu em { background-image: url(http://ciscoinstitute.net/theme/cisco/pix/mod/pagemenu/pix/inactive.gif); background-position:0 0; } div.yuimenu .yuimenuitemlabel.hassubmenu.selected em { background-image: url(http://ciscoinstitute.net/theme/cisco/pix/mod/pagemenu/pix/active.gif); background-position:0 0; } div.yuimenu .yuimenuitem a { color: #0000FF; } div.yuimenu li.selected a.selected { color: #FF0000; text-decoration: underline; } div.yuimenu .yuimenuitem a.yuicurrent, div.yuimenu .yuimenuitem a.yuicurrent:hover, div.yuimenu li.yuicurrent.selected a.yuicurrent.selected { text-decoration: none; color: #000000; }/***** page/styles_menu.css end *****/ /***** totara/styles_menu.css end *****/ /***** totara/styles_page.css start *****/ /***** page/styles_page.css start *****/ /*** *** General CSS File ***/ /** * Give the header tabs some breathing room **/ .header-tabs { margin-top: 20px; } #site-index .header-tabs { margin-bottom: -32px; } /** * Clean up the formatting of the navbutton area **/ .navbar .navbutton form { float: left; } .navbar .navbutton .popupform { padding-top: 2px; } .navbar .navbutton #switchrole .helplink { display: block; float: left; margin-top: 2px; } /** * Add block **/ .block_adminblock { width: 100%; }/***** page/styles_page.css end *****/ /***** totara/styles_page.css end *****/ /***** totara/styles_buttons.css start *****/ /***** page/styles_buttons.css start *****/ /*** *** Submit Buttons ***/ .singlebutton { margin:10px 0; } span.button { padding: 5px 0 5px 5px; margin: 2px; font-size: 12px; } span.button a, span.button input { text-align: center; font-weight: bold; font-size: 12px; } /* Tag specific */ span.button input { border: 0px; margin: 0px; padding: 5px 5px 5px 0px; } span.button a { padding: 5px 5px 5px 0px; } span.button a:link, span.button a:visited, span.button a:active { color: #000000; text-decoration: none; } /*** *** Submit Button Style Fixes ***/ /* For login/index.php */ #login-index .loginbox td.left #login .button { margin-right: 20px; } /* For admin settings pages */ #adminsettings .button input { float: none; margin: 0px; } /* For quiz module, when taking the quiz */ .que .submit { float: none; /* Prevent the button from breaking in half */ }/***** page/styles_buttons.css end *****/ /***** totara/styles_buttons.css end *****/ /***** totara/styles_totara.css start *****/ /** * Global CSS file * * Please note: there are two sections to this theme file which both declare styles * which in some cases effect the same elements in different ways, as the two sets * of styles were contained in two different css files. Combining the two sets of * styles properly, and testing that work thoroughly is the ideal. Search for the * string "styles_totara_common.css" to find the second set of styles below. **/ p, li, td { font-family: verdana, helvetica, sans-serif; color: #322f2c; } th { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; } body { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; font-size: 85%; color: #322f2c; background: #E4E4E4 url("images/bg_grn_ftr.jpg") bottom left repeat-x scroll; background-attachment: fixed; } p, li { font-size: 1.0em; } .clearfix { clear:both; } input, select, button { font-size: 11px !important; } /* Give buttons a nice blue background and curved corners */ input[type="submit"], input[type="button"], button, .ui-widget-content button.ui-state-default { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: url("images/button_repeat.jpg") repeat-x scroll left top #2399A5; border: 1px solid #0DA7B2; color: #FFFFFF; cursor: pointer; margin:0px 1px; padding:3px 6px; } div.ui-dialog .ui-dialog-buttonpane button { padding:3px 6px; } /* Change the background image of buttons when the mouse hovers over them */ input[type="submit"]:hover, input[type="button"]:hover, button:hover, .ui-state-default:hover, .ui-widget-content button.ui-state-default:hover { background: url("images/button_repeat_hover.jpg") repeat-x scroll left top #146671; border-color:#1f838d; } /* Give buttons a grey style when they are disabled */ input[type="submit"][disabled="disabled"], input[type="button"][disabled="disabled"], button[disabled="disabled"], .ui-state-default[disabled="disabled"], .ui-widget-content button.ui-state-default[disabled="disabled"], input[type="submit"][disabled], input[type="button"][disabled], button[disabled], .ui-state-default[disabled], .ui-widget-content button.ui-state-default[disabled]{ border-color:#ACA899; color:#ACA899; background:#F5F4EA; cursor: auto; } form.mform fieldset, table.userinfobox { background-color: #fff; } div.admintree div a { text-decoration: none; } div.block_admin_tree div.content { padding-left: 20px !important; padding-right: 10px !important; } div.block_admin_tree div.admintree .depth1 { padding-left: 10px; } div.block_admin_tree div.admintree .depth2 { padding-left: 20px; } .userinfobox td.label { text-align: left; } /** * Remove borders **/ .mform fieldset { border:0 none; } .mform fieldset legend { font-size: 1.3em; } /* Center parts of courses */ #course-view .section td { border:0 none !important; } /* From forum posts */ .forumheaderlist, .forumpost { border:0 none; } /* From user info box */ .userinfobox { border:0 none; } /** * Layout Styles **/ #wrapper { background: transparent url('images/bg_shadow.png') repeat-y top left; min-height: 100%; margin: 0 auto; width: 980px; position: relative; } #top-bg { background: url("images/bg_grn.jpg") repeat-x scroll center bottom #738344; top:0; right: 0; height:140px; position:absolute; overflow: auto; width: 100%; z-index: -99; } #container { padding-left: 10px; padding-right: 10px; margin: 0 auto; display: auto; word-wrap: break-word; } #content { font-size: 0.9em; clear:both; padding: 10px 23px; background: url("images/content_bg_blue.jpg") no-repeat scroll right top #FFFFFF; margin-bottom: 100px; /* Stops footer overlapping content*/ } #content #layout-table { margin-left: -5px; } /* Admin block */ #left-column .block_admin_tree { background: url("images/left_menu_bg.gif") repeat-y scroll left top transparent; overflow: auto; } #left-column .block_admin_tree div.header { background: url("images/left_menu_header_bg.gif") no-repeat scroll left top transparent; border: 0 none; } #left-column .block_admin_tree div.content { background: none repeat scroll 0 0 transparent; } #left-column .block_admin_tree .hide-show-image { display: none; } div.totara-copyright { background-color: #7D8312; margin: 10px 20px; padding-bottom: 10px; overflow: auto; text-align:center; } /** * Header Styles **/ #header-home .headermain, #header .headermain { display: none; } div#header { background: #7d8312 url('images/hdr_bg_green.jpg') repeat-x top center; } #header-logo-container { background: transparent url('images/hdr_bg_circles.jpg') no-repeat 6px bottom; } #header-logo-container .headersearch { background:transparent url(images/search-bg.gif) no-repeat scroll right top; } #header-logo-container .headersearch input { font-size:1em !important; } #header .tagline { float:right; line-height:0; padding: 55px 24px 0 0; } #heading-hr { display: none; } .headermenu { color: #FFFFFF; background: #143d4f url(images/headermenu_bg.jpg) repeat-x center; } .navbar { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; background: url("images/breadcrumb_bg_blue.jpg") no-repeat scroll right bottom #45C1E5; } .navbar .breadcrumb { width:96%; padding-left:20px; } .navbar .breadcrumb span.first { float:left; color:#08A3D5; font-weight:normal; } span.youarehere { float: left; margin-right:20px; font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; color: white; font-weight: normal; } .navbar .breadcrumb ul li, .navbar .breadcrumb ul li a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; font-weight:normal; color: #FFFFFF; } .navbar .breadcrumb ul li a:hover { text-decoration: underline; } .navbar .breadcrumb .sep { color:#ffffff; } .navbar .navbutton, .navbar .menu { margin-right: 19px; } .navbar .navbutton .popupform { padding-top: 0px !important; } .login-container { font-family: verdana, helvetica, sans-serif; font-size: 1em; letter-spacing: -0.05em; color: #08a3d5; background:url("images/bg_grn.jpg") repeat-x scroll center top #E4E4E4; color:#FFFFFF; } .login-container a, .login-container a:link, .login-container a:visited, .login-container a:hover { color: #FFFFFF; font-weight: bold; } .loginbox, .loginbox .subcontent { border:none; } .loginpanel { padding-bottom:30px; } .loginbox { background: url("images/content_bg_blue.jpg") no-repeat scroll left top #FFFFFF; border: 1px solid #DDDDDD; -moz-border-radius: 8px; border-radius: 8px; } .navigation { display:none; } .header-search { margin-right: 23px; padding-bottom: 2px; padding-left: 23px; background: url('images/nav_main_spacer.gif') no-repeat left 8px; } .header-search #coursesearch { margin-top: 11px; overflow: hidden; } .header-search #coursesearchbox { float: left; border: none; padding: 5px; width: 150px; background: url('images/search_bg_field.gif') no-repeat top right; } .header-search #coursesubmit { margin: 0 0 0 5px; border: 0 none; overflow: hidden; padding: 0; text-indent: -10000px; width: 28px; height: 21px; background: url('images/search_bg_submit.gif') no-repeat top right; font-size: 0; line-height: 0; } /*** *** Core: Totara Menu ***/ div#totara_menu { background:#FFFFFF url('images/nav_main_bg.jpg') repeat-x top center; height:72px; clear:both; margin-right:0px; margin-left:0px; margin-top:0; margin-bottom:0; padding:0; position:relative !important; border:none; } /* Unselected primary navigation */ div#totara_menu ul { height: 72px; padding: 0 0 0 25px; } div#totara_menu ul li { height:47px; white-space:nowrap; z-index: 9999; font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; background:transparent url('images/nav_main_spacer.gif') no-repeat right 8px; } /* get rid of divider on last element */ div#totara_menu ul li.last { background:transparent; } /* IE compatibility? */ div#totara_menu ul li div{ zoom:1; } div#totara_menu ul li a { color: #4C4C4C; text-decoration: none; font-size: 1.1em; padding: 14px 11px 3px; height: 30px; margin-left: 0; } /* Unselected primary navigation, hover state */ div#totara_menu ul li a:hover { color: #696969; } /* Override styles on selected tab * Background images applied to list and anchor to create the tab effect */ div#totara_menu ul li.selected { font-weight:normal; margin-left:-2px; background: transparent url('images/nav_main_bg_lft.jpg') no-repeat bottom left; } div#totara_menu ul li.selected a { color:#FFFFFF; background: transparent url('images/nav_main_bg_rgt.jpg') no-repeat bottom right; } /* Don't change tab color on selected primary tab */ div#totara_menu ul li.selected a:hover { color: #FFFFFF; } /* Secondary navigation * We need to override all styles we don't want from the primary tabs, * because the primary tab selectors will match the secondary tabs too. */ div#totara_menu ul ul { padding:0; margin:0; position:absolute; background:transparent; width:900px; top:47px; left:0px; z-index: 1000; height: auto; } /* Unselected secondary navigation */ div#totara_menu ul li.selected ul li { list-style:none; float:left; background:transparent url('images/nav_sub_spacer.gif') no-repeat right center; height: 23px; font-size:0.9em; display:block; } /* get rid of divider on last element */ div#totara_menu ul li.selected ul li.last { background: transparent; } div#totara_menu ul li.selected ul li a { margin:0; padding: 0 20px; display:block; height: 23px; color:#FFFFFF; background:transparent; } /* Unselected secondary navigation, hover state */ div#totara_menu ul li.selected ul li a:hover { color:#CFCFCF; } /* Don't indicate link on selected secondary tab */ div#totara_menu ul li.selected ul li.selected a { font-weight: bold; cursor: default; background:transparent url('images/tab_indent.gif') no-repeat bottom center; } div#totara_menu ul li.selected ul li.selected a:hover { color: #EFEFEF; } /** * Footer Styles **/ #footer { position: absolute; bottom: 0; background: url("images/footer_bg_grn.jpg") repeat-x scroll center top #7D8412; width: 930px; padding:6px 15px; border:none; } #footer .sitelink, #footer .homelink, #footer .footerlinks ul li ul { display: none; } #footer .logininfo { display:none; font-size: 0.8em; } #footer .footerlinks ul { margin:2px 0 10px 0; } #footer .footerlinks ul li { display:inline; list-style-type: none; background: url('images/nav_ftr_spacer.gif') no-repeat right center; } #footer .footerlinks ul li.selected a { font-weight:normal; } #footer .footerlinks ul li.last { background:none; } #footer .footerlinks li div a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; color: #FFFFFF; } #footer .validators { margin-top: 15px; } #footer .validators ul li a:link, #footer .validators ul li a:visited, #footer .validators ul li a:hover { color:#CBCF81; } #footer .performanceinfo { text-align: center; } /** Action notifications **/ div#totara-header-notifications .notifyproblem { text-align:left !important; background:url("images/cross.gif") no-repeat scroll 10px center #F6BEBF; } div#totara-header-notifications .notifysuccess { text-align:left !important; background:url("images/tick.gif") no-repeat scroll 10px center #CFF1B4; } /*****************************************************************************/ /** Dialogs **/ /*****************************************************************************/ div.totara-dialog { background:url("images/content_bg_blue.jpg") no-repeat scroll center top #FFFFFF; overflow:visible !important; border: 5px solid #FFFFFF; padding: 10px 10px 5px; } div.totara-dialog div.ui-dialog-titlebar { background: 0 none; border:0 none; border: 0 none; overflow: visible; margin: 0 0 10px; padding: 0 0 5px; position: relative; } div.totara-dialog div.ui-dialog-titlebar span.ui-dialog-title { background:transparent url("images/dialog_header_left.gif") no-repeat top left; padding-left:10px; position:relative; left:-20px; float: left; margin: 0; } div.totara-dialog div.ui-dialog-titlebar span.ui-dialog-title h2 { padding: 7px 20px 2px 20px; background:transparent url("images/dialog_header_right.gif") no-repeat top right; color:#FFFFFF; font-size: 16px; font-weight: bold; margin: 0; } div.totara-dialog div.ui-dialog-content { font-size: 0.9em; padding: 0; background: none repeat scroll 0 0 transparent; border: 0 none; overflow: auto; color: #333333; } div.totara-dialog div.ui-dialog-content table.dialog-content { height: 100%; width: 100%; } div.totara-dialog div.ui-dialog-content table.dialog-content td.select { padding-right: 10px; vertical-align: top; width: 70%; } div.totara-dialog td.select div#dialog-tabs { background: none repeat scroll 0 0 transparent; border: medium none; height: 37px; width: 100%; } div.totara-dialog td.select div#dialog-tabs ul.ui-tabs-nav { background: none; border-color: #CCCCCC; border-style: none none solid; border-width: medium medium 1px; margin: 0 0 10px; padding: 0; } div.totara-dialog td.select div#dialog-tabs ul.ui-tabs-nav li a { color:#333333; font-size: 0.8em; font-weight: normal; padding: 5px 15px; } div.totara-dialog td.select div#dialog-tabs ul.ui-tabs-nav li.ui-state-hover { background-image:url(images/ui/ui-bg_glass_100_fdf5ce_1x400.png); border-color:#FBD850; } div.totara-dialog td.select div#dialog-tabs ul.ui-tabs-nav li.ui-state-hover a { } div.totara-dialog td.select div#dialog-tabs li.ui-tabs-active { background:#FFFFFF; border-color:#CCCCCC; color:#333333; } div.totara-dialog td.select div#dialog-tabs li.ui-tabs-selected { background:#FFFFFF; border-color:#FBD850; } div.totara-dialog td.select div#dialog-tabs li.ui-tabs-selected a { color:#333333 !important; } div.totara-dialog td.select div#dialog-tabs .ui-tabs-panel { padding: 10px 0 0; } div.totara-dialog td.select #search-tab, div.totara-dialog td.select #browse-tab { background: none repeat scroll 0 0 transparent; border: medium none; font-size: 12px; margin-top: 10px; padding-top: 0 !important; } div.totara-dialog td.select #search-tab fieldset { margin: 0; padding: 0; width: 100%; } div.totara-dialog td.select #search-tab form.mform, div.totara-dialog td.select #search-tab table#dialog-search-table { width: 100%; } div.totara-dialog td.select #search-tab fieldset input, div.totara-dialog td.select #search-tab fieldset select, div.totara-dialog td.select #search-tab fieldset button { font-size: 12px !important; } div.totara-dialog td.select #search-tab table#dialog-search-table td.querybox input { padding: 3px 0 !important; width: 90%; } div.totara-dialog div.treeview-wrapper, div.totara-dialog div#column-checkboxes { margin-top: 5px; overflow: auto; } div.totara-dialog ul.treeview li { padding-top: 2px; font-size: 12px; } div.totara-dialog ul.treeview li span a { margin-left: 5px; } div.totara-dialog ul.treeview li span a:hover { background-color:#EEEEEE; } div.totara-dialog ul.treeview li span.unclickable, div.totara-dialog ul.treeview li span.unclickable a { color: #999999; cursor: text; text-decoration: none; } div.totara-dialog ul.treeview span.deletebutton { display: none; } div.totara-dialog table.dialog-content td.selected { border-left: 1px solid #CCCCCC; padding-left: 10px; vertical-align: top; width: 30%; } div.totara-dialog .selected span { display: block; font-size: 12px; margin-bottom: 10px; overflow: auto; width: 100%; } div.totara-dialog .selected span.unremovable a { color: #999999; cursor: text; text-decoration: none; } div.totara-dialog .selected span a { cursor: text; display: block; float: left; text-decoration: none; width: 80%; outline:none; } div.totara-dialog .selected span span.addbutton, div.totara-dialog .selected span span.deletebutton { background: none repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; margin: 0; overflow: hidden; text-indent: -999px; width: 16%; } /* Handle hovers */ div.totara-dialog .selected span:hover span.deletebutton { background-image: url("../../theme/totara/pix/t/delete.gif"); background-position: right center; background-repeat: no-repeat; } div.totara-dialog .selected span:hover span.addbutton { background-image: url("../../theme/totara/pix/t/add.gif"); background-position: right center; background-repeat: no-repeat; } div.totara-dialog .selected span.unremovable:hover span.deletebutton, div.totara-dialog .selected span.unremovable:hover span.addbutton { background:none; } div.totara-dialog .selected p { font-weight: bold; margin-bottom:15px; } div.totara-dialog div.ui-dialog-buttonpane { -moz-border-radius: 0 0 0 0; background-color: #FFFFFF; background-image: none; border-color: #CACACA ; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; margin: 10px 0 0; padding: 5px 0 0; } div.ui-dialog .ui-dialog-buttonpane button { cursor: pointer; float: right; line-height: 1.4em; margin: 0.5em 0.4em 0.5em 0; overflow: visible; width: auto; padding: 3px 6px; margin-left: 10px; margin-right: 0; min-width: 100px; } div.totara-dialog div.ui-dialog-titlebar a.ui-dialog-titlebar-close { display:none; } div.ui-dialog.ui-corner-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; } .ui-tabs .ui-tabs-nav { position: static !important; } .ui-tabs .ui-tabs-nav li { position: static !important; } select.totara-limited-width-150 { position: static; width: 150px; } /** * Link colors **/ a:link, a:visited, a:hover { color: #04a2d5; } a:hover { text-decoration: none; } .navbar .breadcrumb a, .navbar .breadcrumb a:link, .navbar .breadcrumb a:active, .navbar .breadcrumb a:hover { color: #FFFFFF; } .block_admin_tree a:link, .block_admin_tree a:visited, .block_admin_tree a:hover { color: #04a2d5; } .block_admin_tree a span.visiblename { } .block_admin_tree a.link:link, .block_admin_tree a.link:visited, .block_admin_tree a.link:hover { color: #04a2d5; text-decoration: none; } .block_admin_tree a.link span.visiblename { text-decoration: none; } .block_admin_tree a:hover span.visiblename { text-decoration: underline; } .block_admin_tree .adminsearchform { text-align:center } .block_admin_tree #query { width:90px; } div.login-container { padding:5px 10px; } .logininfo { font-size:0.8em; } .logininfo a:link { text-decoration: underline; } /** * Heading colors **/ h1, h1.main, h2, h2.main, h3, h3.main, h4, h4.main, h5, h5.main, h6, h6.main { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; letter-spacing: -0.03em; color: #322f2c; margin: 10px 0 2px 0; } h1, h1.main { font-weight:normal; margin-top:0; margin-bottom: 10px; } h2, h2.main { font-size: 1.6em; font-weight:normal; text-align:left; } h2.headingblock, .headingblock, #middle-column h2 { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; } h2.headingblock { border:none; font-size:2.0em; } h3 { font-size: 1.2em; font-weight:bold; color: #000000; } h4 { font-size: 1em; font-weight:bold; color: #A70B05; } h5 { font-size: 1em; font-weight:bold; color: #333333; } h6 { font-size: 0.95em; font-weight:bold; color: #333333; } /*************************************** * Tabs ***************************************/ .tabtree { margin-top: 15px; padding-bottom:10px; } .tabrow0 div, .tabrow0 ul { top: 2.5em; } .tabrow0{ line-height: 2.5em; text-align:left; } .tabrow0 li a:link, .tabrow0 li a:hover, .tabrow0 li a:visited { font-family: 'Trebuchet ms', Verdana, Helvetica, sans-serif ; font-size: 1.3em ; background: url("images/tab/left_dark.gif") no-repeat scroll left top transparent; padding-top:4px; color:#FFFFFF; padding-bottom:2px; } .tabrow0 li a.nolink, .tabrow0 li a.nolink:hover, .tabrow0 li a.nolink:visited{ font-family: 'Trebuchet ms', Verdana, Helvetica, sans-serif ; font-size: 1.3em ; background: url("images/tab/left_dark.gif") no-repeat scroll left top transparent; padding-top:4px; color:#FFFFFF; padding-bottom:2px; opacity:0.5; } .tabrow0 li { font-weight: bold; margin-left: 4px; } .tabrow0 li a span { background: url("images/tab/right_dark.gif") no-repeat scroll right top transparent; padding-top:4px; padding-bottom:2px; } .tabrow0 li.selected a:hover span, .tabrow0 li.selected span, .tabrow0 li.active a:hover span, .tabrow0 li.active span { background: url("images/tab/right_white.gif") top right; padding-top:8px; } .tabrow0 li.selected a:hover, .tabrow0 li.selected a, .tabrow0 li.active a:hover, .tabrow0 li.active a { background: url("images/tab/left_white.gif") top left no-repeat; padding-top:8px; opacity:1; color:#444444; } .tabrow0 li.active ul.tabrow1 li a { background: none !important; } ul.tabrow1 { background: url("images/tab/tabrow1.gif") top left repeat-x !important; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-bottom: 0.5em; } .tabrow1 li a:link, .tabrow1 li a:hover, .tabrow1 li a:visited { font-size: 1.3em !important; } /* Hover Styles */ .tabrow0 a:link:hover, .tabrow0 a:visited:hover, .tabrow0 .last a:hover, .tabrow0 a:hover { background-image: url(images/tab/left_white.gif); color: #999999; } .tabrow0 a:link:hover span, .tabrow0 a:visited:hover span, .tabrow0 .last a:hover span, .tabrow0 a:hover span { background-image: url(images/tab/right_white.gif); color: #333333; } .tabrow0 a.nolink:link:hover span, .tabrow0 a.nolink:visited:hover span, .tabrow0 .last a.nolink:hover span, .tabrow0 a.nolink:hover span { background: url("images/tab/right_dark.gif") no-repeat scroll right top transparent; color: #ffffff; } .tabrow0 .active a:link:hover span, .tabrow0 .active a:visited:hover span, .tabrow0 .active.last a:hover span, .tabrow0 .active a:hover span, .tabrow0 .selected a:link:hover span, .tabrow0 .selected a:visited:hover span, .tabrow0 .selected.last a:hover span, .tabrow0 .selected a:hover span{ background-image: url(images/tab/right_white.gif); color: #333333; } .tabrow0 .here a:hover { background-image: url(images/tab/left.gif); } .tabrow0 .here a:hover span { background-image: url(images/tab/right.gif); } .tabrow0 .here .active a, .tabrow0 .here .active a:hover { font-weight:bold; } ul.tabrow0 li ul.tabrow1 a{ background: none; } .tabrow1 div, .tabrow1 ul { border-color:#aaaaaa; } ul.tabrow1 li a, ul.tabrow1 li a:link, ul.tabrow1 li a:visited { color: #322f2c !important; } .tabrow0 .tabrow1 li.selected a span, .tabrow0 .tabrow1 li.active a span { color: #7D8412; } .tabrow0 .tabrow1 li.selected a:hover span, .tabrow0 .tabrow1 li.active a:hover span { color: #7D8412; } .tabrow0 .tabrow1 li a:hover span { color: #7D8412; } .tabrow0 ul li a:hover span, .tabrow0 ul a { color: #322f2c; } .tabrow0 ul li.here a:hover span { color: #444; } .tabrow0 div, .tabrow0 ul { border-color: #cccccc; padding-top: .55em; background: #FFFFFF; border-bottom: 1px solid #cccccc; } .tabrow0 .empty { border-bottom:0 none; border-top:1px solid #AAAAAA; height:3px; } .tabtree a, .tabtree a:link, .tabtree a:visited, .tabtree a:hover { text-decoration: none; } /* Header tabs */ .header-tabs .tabtree { margin-top: 0; background: transparent url(images/tab/right.gif) no-repeat top right; padding: 10px 0 4px 0; position: relative; z-index: -1; } .navbar { position: relative; z-index: 0; border: 0 none; } .header-tabs { margin: 0 0 -1px 0; } #header-tabs .tabrow0 { padding-bottom: 0; text-align: left; line-height: normal; margin-top: 0; } #header-tabs .tabrow1 { display: none; } #site-index .header-tabs { margin-bottom: 10px; } #site-index .header-tabs .tabtree { border-bottom: 1px solid #DDDDDD; } /* Tab row height */ .tabtree.numrows_1{ height:30px; } .tabtree.numrows_2{ height:50px; } .tabtree.numrows_3{ height:65px; } /****************************************** * Frontpage *****************************************/ #front-blocks-spot h2 { color: #FFFFFF; font-size:1.7em; line-height: 1.25em; letter-spacing: -0.03em; } #front-blocks-spot td.col-blank { padding:4px; } #front-blocks-spot td.col-one, #front-blocks-spot td.col-two{ width:335px; padding-bottom: 11px; } #front-blocks-spot td.front-spot-one { background: transparent url('images/spot_one.jpg') no-repeat top center; } #front-blocks-spot td.front-spot-two { background: transparent url('images/spot_two.jpg') no-repeat top center; } #front-blocks-spot td.front-spot-three { background: transparent url('images/spot_three.jpg') no-repeat top center; } #front-blocks-spot td.front-spot-four { background: transparent url('images/spot_four.jpg') no-repeat top center; } #front-blocks-spot td .footer { background: transparent url('images/fp_bg_ftr.gif') no-repeat bottom left; } #front-blocks-spot td.front-spot-one .footer { background-color: #f26921; } #front-blocks-spot td.front-spot-two .footer { background-color: #34B9E4; } #front-blocks-spot td.front-spot-three .footer { background-color: #a2b001; } #front-blocks-spot td.front-spot-four .footer { background-color: #9f187c; } #front-blocks-spot .footer .more a { font-family: 'Trebuchet ms', Arial, Helvetica, sans-serif; font-size:1.1em; color:#FFFFFF; letter-spacing: -0.03em; } #front-blocks-spot .footer .more a:hover { color: #FFFFFF !important; text-decoration: underline; } #front-blocks-spot td.front-spot-one .footer .more a { background: url('images/arw_btm_org.gif') no-repeat right 3px; } #front-blocks-spot td.front-spot-two .footer .more a { background: url('images/arw_btm_blu.gif') no-repeat right 3px; } #front-blocks-spot td.front-spot-three .footer .more a { background: url('images/arw_btm_grn.gif') no-repeat right 3px; } #front-blocks-spot td.front-spot-four .footer .more a { background: url('images/arw_btm_pur.gif') no-repeat right 3px; } #front-blocks-lists td { font-family: 'Trebuchet ms',Verdana, Arial, Helvetica, sans-serif; width:352px; } #front-blocks-lists td.col-one { padding-right: 14px; } #front-blocks-lists h2 { font-size: 1.5em; font-weight:normal; padding: 3px 10px; margin:0; border:1px solid #D2D2D2; border-bottom:none; } #front-blocks-lists .front-recommended-courses h2 { color: #34b9e4; } #front-blocks-lists .front-latest-news h2 { color: #009697; } #front-blocks-lists .content { padding:7px 10px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } #front-blocks-lists .content a { color: #322F2C; } #front-blocks-lists .front-recommended-courses ul li { background: url('images/arw_blu.gif') no-repeat left 4px; } #front-blocks-lists .front-latest-news ul li { background: url('images/arw_teal.gif') no-repeat left 4px; } #front-blocks-lists td .footer { background: transparent url('images/fp_bg_ftr.gif') no-repeat bottom left; } #front-blocks-lists .front-recommended-courses .footer { background-color: #34b9e4; } #front-blocks-lists .front-latest-news .footer { background-color: #009697; } #front-blocks-lists .footer .more a { font-size:1.1em; letter-spacing:-0.03em; color:#FFFFFF; } #front-blocks-lists .front-recommended-courses .footer .more a { background: url('images/arw_btm_blu.gif') no-repeat right 4px; } #front-blocks-lists .front-latest-news .footer .more a { background: url('images/arw_btm_teal.gif') no-repeat right 4px; } /****************************************** * Page menu *****************************************/ .mod-pagemenu .menutree .menuitem a { color: #2970A6; text-transform: uppercase; } .mod-pagemenu .menutree .childtree .menuitem a { text-transform: none; } .mod-pagemenu .menutree .menuitem a:hover { text-decoration: none; } .mod-pagemenu .menutree .childtree { margin-left: -5px; } .mod-pagemenu .menutree .childtree .menuitem { border-bottom: none; } .mod-pagemenu .menutree .menuitem a.current, .mod-pagemenu .menutree .menuitem a.current:hover { font-weight: bold; color: #2970A6; } .mod-pagemenu .menutree li.current { background-color: #DDE6EB; } .mod-pagemenu .menutree li.current .childtree, .mod-pagemenu .menutree li.current .childtree .menuitem { background-color: #FFFFFF; } /****************************************** * Side block *****************************************/ .sideblock { width: 181px; margin-bottom:13px; border:none !important; } .sideblock div.header .title h2, .sideblock div.header .title h2 a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; letter-spacing: -0.03em; font-weight:normal; font-size:1.6em; color: #FFFFFF; margin:0 0 0 0; padding: 5px 4px 0 4px; } .sideblock div.header { border:0 none; padding-bottom: 3px; background: #009697; } .sideblock div.header .title h2, .sideblock div.header .title h2 a { padding-bottom: 0px; } .sideblock div.header .title .commands { position:relative; margin: 7px -4px -7px -4px; padding: 5px 4px 0; background: #FFFFFF; } .sideblock .header .icon.hide, .sideblock .header .icon.edit { margin-right: 2px !important; } .sideblock div.header .title .commands img { height: 11px; width: 11px; } .sideblock .content { text-align:left; padding: 7px 7px 7px 7px; margin:0; border:none; background:#fff; } .sideblock .content td a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; color: #322f2c; } .sideblock .content ul { margin:0 0 5px 0; padding:0; } .sideblock .content li { font-size: 1em; line-height: 1.4em; list-style-type: none; } .sideblock div.header .title input { margin: 7px 3px 0 0; background: #00b7b8; } .sideblock .hide-show a { border: none; } .sideblock .footer { text-align: left; } .sideblock .date { width: 165px; } /****************************************** * Dashlets *****************************************/ .dashlet { width: 95%; margin-bottom:13px; border:none !important; } .dashlet div.header .title h2, .dashlet div.header .title h2 a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; letter-spacing: -0.03em; font-weight:normal; color: #FFFFFF; margin:0 0 0 0; font-size: 1.5em; } .dashboard .dashlet .header .title h2 span { color: #322F2C; display: block; font-size: 0.7em; margin-top: 0.8em; } .dashlet div.header { left: -4px; /*border:1px solid #d2d2d2; border-bottom:none;*/ padding-bottom: 3px; /*background: #009697;*/ } .dashlet div.header .title h2, .dashlet div.header .title h2 a { padding-bottom: 0px !important; } .dashlet div.header .title .commands { position:relative; margin-top: -1.2em; background: #FFFFFF; } .dashlet .header .icon.hide, .daslet .header .icon.edit { margin-right: 2px !important; } .dashlet div.header .title .commands img { height: 11px; width: 11px; } .dashlet .content { text-align:left; padding: 7px 7px 7px 7px; margin:0; border:none; } .dashlet .content td a { font-family: 'Trebuchet ms', verdana, helvetica, sans-serif; color: #322f2c; } .dashlet .content ul { margin:0 0 5px 0; padding:0; } .dashlet .content li { font-size: 1em; line-height: 1.4em; list-style-type: none; } .dashlet div.header .title input { margin: 7px 3px 0 0; background: #00b7b8; } .dashlet .hide-show a { border: none; } .dashboardcol .dashlet .content { padding:7px 4px 7px 7px; } .dashboardcol .dashlet .content .footer { text-align: left; margin-top:10px; } .dashlet .date { width: 165px; } .dashlet .footer div.viewall a { background: url("images/arw_teal.gif") no-repeat scroll right center transparent; padding-right: 17px; } .dashboardcol .dashlet_container { margin-bottom: 10px; } /****************************************** * Block Specific *****************************************/ div.block_calendar_month div.header { background: #9f187c; } div.block_totara_report_manager { background: transparent url('images/icon_reportmanager.gif') no-repeat right bottom; } div.block_totara_report_manager div.header, div.block_completionstatus div.header{ background: #ed7906 } div.block_totara_report_manager div.header .title input, div.block_completionstatus div.header .title input{ background: #fcac00; } div.block_totara_my_team_nav div.header, div.block_admin_tree div.header, div.block_admin div.header{ background: #34b9e4; } div.block_totara_my_team_nav div.header .title input, div.block_admin_tree div.header .title input, div.block_admin div.header .title input{ background: #39caf9; } div.block_calendar_month div.header .title input { background: #ca1e9e; float: right; } div.block_totara_my_team_nav .content td img { display:block; } div.block_totara_my_team_nav .content a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#34b9e4; } div.block_totara_report_manager .content td { vertical-align:top; padding-bottom:4px; padding-right:3px; } div.block_html .header .title h2 { background: transparent; } div.block_totara_alerts .header .title h2 a { font-size: 0.6em; white-space: nowrap; } div.block_totara_alerts .content a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#34b9e4; } div.block_totara_alerts .content tr.shade { background: #F2F2F2; } div.block_totara_alerts .content tr.noshade { background: #ffffff; } div.block_totara_alerts .content td.statement { padding-left: 4px; } #totara-msgs-action table { border: 0px; padding: 3px; line-height: 15px; } td.totara-msgs-action-left { padding-right: 25px; padding-bottom: 10px; vertical-align: top; font-weight: bold; font-size: 0.9em; } td.totara-msgs-action-right { padding-left: 5px; padding-bottom: 10px; vertical-align: top; font-size: 0.9em; } td.totara-msgs-action-right a { color: #04a2d5; } div.block_totara_tasks .header .title h2 a { font-size: 0.6em; white-space: nowrap; } div.block_totara_tasks .content a { font-family: Verdana, Arial, Helvetica, sans-serif; color:#34b9e4; } .dashlet .content tr.shade { background: #F2F2F2; } .dashlet .content tr.noshade { background: #ffffff; } .dashlet .content tr td { padding:5px; } div.block_totara_tasks div.content div.footer div.viewall { text-align: left; } div.totara_tasks_actions { white-space: nowrap; } div.totara_tasks_actions .selectbox { vertical-align: top; float: right; padding-top: 0px; margin-top: 0px; } div.totara_tasks_actions .action { vertical-align: top; } div.block_totara_tasks .content td.statement { padding-left: 4px; } table.totara_messages_actions { vertical-align: top; border: 0px !important; padding: 0px; } table.totara_messages_actions td { text-align: left; vertical-align: top; border: 0px !important; padding: 0px; } div.totara_alerts_actions { white-space: nowrap; } div.totara_alerts_actions form { text-align: left; vertical-align: top; } div.totara_alerts_actions .selectbox { vertical-align: top; float: right; padding-top: 0px; margin-top: 0px; } div.totara_alerts_actions .action { vertical-align: top; } .message_values_task_links { white-space: nowrap; } /****************************************** * Notifications block widget *****************************************/ .block_totara_stats .content li.shade { background: none repeat scroll 0 0 #F2F2F2; } .block_totara_stats .content li.noshade { background: none repeat scroll 0 0 #FFFFFF; } /****************************************** * Notifications block widget *****************************************/ .block_quicklinks .block_quicklinks_link.shade { background: none repeat scroll 0 0 #F2F2F2; } .block_quicklinks .block_quicklinks_link.noshade { background: none repeat scroll 0 0 #FFFFFF; } /****************************************** * Stats block widget *****************************************/ .block_totara_stats.dashlet .content tr.stat0 td.staticon { background: url("images/icon_people.gif") no-repeat scroll center center transparent; } .block_totara_stats.dashlet .content tr.stat1 td.staticon { background: url("images/icon_new_course.gif") no-repeat scroll center center transparent; } .block_totara_stats.dashlet .content tr.stat2 td.staticon { background: url("images/icon_completed_course.gif") no-repeat scroll center center transparent; } .block_totara_stats.dashlet .content tr.stat3 td.staticon { background: url("images/icon_competency_achieved.gif") no-repeat scroll center center transparent; } .block_totara_stats.dashlet .content tr.stat4 td.staticon { background: url("images/icon_objective_achieved.gif") no-repeat scroll center center transparent; } /****************************************** * Quick links block *****************************************/ .block_quicklinks.dashlet .content td.linkicon { background: url("images/icon_link.gif") no-repeat scroll center center transparent; } .dashlet.block_quicklinks td.linktext p { margin:0.5em 0; } /****************************************** * List blocks *****************************************/ .block_news_items .newlink, .activitydate, .activityhead, .sideblock .content div.info, .sideblock .content .message, .sideblock .content .footer, .dashlet .content div.info, .dashlet .content .message, .dashlet .content .footer, .block_search_forums .searchform { text-align:left; font-size:1em; } .sideblock .content h3.eventskey, .dashlet .content h3.eventskey { font-size:1.1em; } .block_course_html .content, .block_course_summary .content { background:transparent !important; border-top: 1px solid #CACACA; border-bottom: 1px solid #CACACA; } .mod-forum.sideblock th.header, .mod-forum.dashlet th.header { border-style: none; } .block_calendar_month .content { padding: 3px 5px 10px 5px !important; } .block_calendar_month .calendar-controls { width:93%; margin:0 auto; } .block_calendar_month .calendar-controls a span { display: block; overflow: hidden; text-indent: 1000px; width: 13px; } .block_calendar_month .cal_popup_bg { border:1px solid #9f187c; } #calendar { border-spacing: 0; } table.minicalendar, table.minicalendar td { font-size: 0.9em; } table.minicalendar th { font-family: Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 0.9em; padding: 0; } #calendar .weekend, .minicalendar .weekend { color: #322f2c; font-size: 0.9em; } table.minicalendar .day a { font-size:10px; font-family: Verdana, Arial, Helvetica, sans-serif; } table.minicalendar .day { border:none; background: transparent url('images/cal_bg_weekday.gif') no-repeat center center; } table.minicalendar .dayblank { background: transparent url('images/cal_bg_blank.gif') no-repeat center center; } table.minicalendar .today { font-weight: normal; color: #FFFFFF; background: transparent url('images/cal_bg_today.gif') no-repeat center center; } table.minicalendar .today a { color: #FFFFFF; } #calendar td.sidecalendar .sideblock, #calendar td.sidecalendar .dashlet { background:transparent url('images/sb_bg_ftr.gif') no-repeat bottom left; } #calendar td.sidecalendar .sideblock .header, #calendar td.sidecalendar .dashlet .header { background:#9F187C; } #calendar td.sidecalendar .sideblock .header h2, #calendar td.sidecalendar .dashlet .header h2 { color: #FFFFFF; font-size: 1.5em; margin:0; } .block_calendar_month .calendar-controls a.previous{ background: transparent url('images/cal_bg_previous.gif') no-repeat left center; } .block_calendar_month .calendar-controls a.next { background: transparent url('images/cal_bg_next.gif') no-repeat right center; } .block_calendar_month .calendar-controls .current a { color:#322f2c ; } #calendar .event_global, .minicalendar .event_global, .block_calendar_month .event_global { background-color: transparent; border:none !important; } #calendar .event_global, #calendar .event_course, #calendar .event_group, #calendar .event_user, .minicalendar .event_global, .minicalendar .event_course, .minicalendar .event_group, .minicalendar .event_user { background-color: transparent; border:none !important; } table.calendarmonth tr ul li.event_user { background-color:#DBDBDB; } body#blocks-facetoface-calendar table.calendarmonth { font-size: 0.8em; } body#blocks-facetoface-calendar .calendar-controls { font-size: 0.8em; } body#blocks-facetoface-calendar table.calendarmonth .weekdays { background: #9F187C; color: #FFFFFF; font-size: 1.2em; } body#blocks-facetoface-calendar table.calendarmonth .weekdays th { text-align: center; border-right: 1px solid #CA1E9E; } div#calendarcontainer div.monthlycalendar table.calendarmonth td { border: 1px solid #DDDDDD; } div#calendarcontainer div.monthlycalendar div.calendar-controls span.current { font-size: 1.6em; } div#calendarcontainer div.monthlycalendar div.calendar-controls a.previous{ background: transparent url('images/cal_bg_previous.gif') no-repeat left center; color: #CA1E9E; } div#calendarcontainer div.monthlycalendar div.calendar-controls a.next{ background: transparent url('images/cal_bg_next.gif') no-repeat right center; color: #CA1E9E; } div#calendarcontainer div.monthlycalendar div.calendar-controls a span{ display: none; } body#blocks-facetoface-calendar table.calendarmonth td.today { background-color:#FFFFFF; border: 2px solid #CA1E9E !important; } body#blocks-facetoface-calendar .yui-tt .bd { border: 1px solid #CA1E9E; background: #f8f2f6; font-size: 0.9em; padding: 10px; } .mod-facetoface #content > div.generalbox { background-color: transparent !important; } /****************************************** * Guide Steps *****************************************/ /* Complete */ h2.guidesteptitle.complete, .guidestep.complete .stepstatus { background: #34B9E4 !important; color: #FFFFFF !important; } .guidestep.inactive.complete { border-color: #34B9E4 !important; } /* Active */ h2.guidesteptitle.active, .guidestep.active .stepstatus { background:#A2B001 !important; color:#FFFFFF !important; } .guidestep.active { border: 1px solid #A2B001 !important; } /****************************************** * YUI Drop-down menu *****************************************/ div.yuimenu { border-top: 1px solid #C9CBCD; border-left: 1px solid #C9CBCD; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 0; } div.yuimenu ul { padding: 0; } /* Rollovers */ div.yuimenu li.selected, div.yuimenubar li.selected { background-color: #D5E0E6; } div.yuimenu .yuimenuitem a { color: #2970A6; } div.yuimenu li.selected a.selected { color: #2970A6; text-decoration: none; } div.yuimenu .yuimenuitem a.yuicurrent, div.yuimenu .yuimenuitem a.yuicurrent:hover { text-decoration: none; color: #2970A6; font-weight: bold; } div.yuimenu li.yuimenuitem { border-bottom: 1px solid #D5E0E6; display: block; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; font-size: 90%; } div.yuimenu li.yuilastmenuitem { border-bottom: none; } div.yuimenu .yuichildtree .yuimenuitem { font-size: 100%; } .yuimenuitemlabel { padding: 2px 24px 2px 3px; outline:none; } .generalbox { border:none; padding:0; } #admin-upgradesettings .generalbox { background: 0 none; } .generaltable { width:100%; } .categoryboxcontent, .coursebox { margin-bottom: 10px; border-color: #DDDDDD; } .coursebox h2.main { font-size: 1.6em !important; } .categoryboxcontent, #adminsettings fieldset { border:none; color: #322f2c; } #adminsettings .form-shortname { color: #AAAAAA; } /** Course completion report **/ .completionreport th { white-space: nowrap; vertical-align: top; } .completionreport th.rowheader { text-align: right; font-style: italic; font-weight: normal; font-size: 90%; } .completionreport th.criteriagroup, .completionreport th.aggheader { text-align: center; } .completionreport th.aggheader { font-weight: normal; font-style: italic; } .completionreport span.completion-rplheader { display: block; color: #238E23; } .completionreport th a.rplexpand { display: none; } .completionreport td.completion-progresscell { text-align: left; white-space: nowrap; } .completionreport td.completion-progresscell a.rplshow { color: #238E23; display: none; } .completionreport form { display: inline; } .logtable th { font-size:1.1em; padding: 5px 10px; } .logtable td { font-size:0.9em; padding: 5px 10px; } .grade-report-grader table#user-grades { font-size: 11px; } /*****************************************************************************/ /** Pop-up Page Size Fix **/ /*****************************************************************************/ body#message-index div#wrapper, body#help div#wrapper, body#files-index div#wrapper { background-image: none; background-color: #FFFFFF; width: auto ; margin: 30px 20px 0px; padding-top: 30px; border-left: 1px solid #666; border-right: 1px solid #666; } body#message-index div#wrapper .login-container, body#help div#wrapper .login-container, body#files-index div#wrapper .login-container { display:none; } /*****************************************************************************/ /** Calendar **/ /*****************************************************************************/ #calendar .maincalendar, #calendar .sidecalendar { border:0 none; } #calendar .maincalendar .eventlist .event { border:0 none; } /*****************************************************************************/ /** Report Builder **/ /*****************************************************************************/ td.feedback-bar-color { background-color: #04A2D5; } /*****************************************************************************/ /** My reports **/ /*****************************************************************************/ #my-reports table tr.shade { background-color: #F0F0F0; } #my-reports table tr.noshade { background-color: #FAFAFA; } /*****************************************************************************/ /** Hierarchies **/ /*****************************************************************************/ .generaltable .cell { background: transparent; } /*****************************************************************************/ /** Tables **/ /*****************************************************************************/ table tr.r0 { background-color: #F0F0F0; } table tr.r1 { background-color: #FFFFFF; } th.header { border:0 none; } /* Remove borders on the general tables */ .generaltable { border:0 none; } /* Add some borders back in */ td.cell, th.header, .generaltable td.cell, .generaltable th.header { border:0 none; border-left:1px solid #DBDBDB; } /* Course edit screen */ table.editcourse th.header { border:0 none; } /** * Admin table with list of users needs some custom styling.. */ body#admin-user table.generaltable th.c5, body#admin-user table.generaltable th.c6, body#admin-user table.generaltable th.c7, body#admin-user table.generaltable td.c5, body#admin-user table.generaltable td.c6, body#admin-user table.generaltable td.c7 { border-left:0 none; border-right:0 none; } /*****************************************************************************/ /** Learning Plans **/ /*****************************************************************************/ #dp-plans-list-active-plans table td.c0 { background: url('images/icon_active_plan.gif') no-repeat 8px 10px transparent; background-color: none; } #dp-plans-list-unapproved-plans table td.c0 { background: url('images/icon_active_plan.gif') no-repeat 8px 10px transparent; background-color: none; } #dp-plans-list-completed-plans table td.c0 { background: url('images/icon_completed_plan.gif') no-repeat 8px 10px transparent; background-color: none; } #dp-plans-list-active-plans .c1, #dp-plans-list-active-plans .c2, #dp-plans-list-active-plans .c3, #dp-plans-list-unapproved-plans .c1, #dp-plans-list-unapproved-plans .c2, #dp-plans-list-unapproved-plans .c2, #dp-plans-list-completed-plans .c1, #dp-plans-list-completed-plans .c2, #dp-plans-list-completed-plans .c3 { width: 70px; } #dp-plans-list-active-plans table th.header.c0 a, #dp-plans-list-unapproved-plans table th.header.c0 a, #dp-plans-list-completed-plans table th.header.c0 a { color: #A52B86; font-size: 17px; text-decoration: none; } #dp-plans-menu { background: url("images/left_menu_bg.gif") repeat-y scroll left top transparent; } #dp-plans-menu h3 { background: url("images/left_menu_header_bg.gif") no-repeat scroll left top transparent; color: #FFFFFF; margin-left:-6px; padding:5px 20px; text-align: left; } #dp-plans-menu ul { padding: 2px 2px 2px 20px; } #dp-plans-menu ul li { background: url("images/arw_grn.gif") no-repeat scroll left center transparent; } #dp-plans-menu .dp-plans-menu-section { padding-left:30px; margin-bottom:10px; } #dp-plans-menu .dp-plans-menu-section ul { padding:0px; margin:0px; } .dp-plans-menu-sub-header { padding:0px; margin:0px; text-transform: uppercase; color:#777777; } #dp-plans-menu ul li.dp-menu-selected { background-image:url("images/arw_grey.gif"); } #dp-plans-menu ul li.dp-menu-selected a { color:#434343; text-decoration:none; } #dp-plans-menu p.sidebar-content { padding: 5px 5px 5px 20px; } table.dp-plan-component-items { width:100%; } div.plan_box { position:relative; margin: 5px 10%; } div.plan_box form { position:absolute; bottom:10px; right:10px; } div.plan_box form input { margin-left:10px; } div.plan_box table td.c1 { text-align:right; } div.plan_box form.approvalform { position:static; } div.plan_box_plain, div.plan_box_action { background-color: #EEEEFF; border: 1px solid #CCCCCC; } div.plan_box_completed { background-color: #DDDDDD; border: 1px solid #AAAAAA; } div.plan_box_wrap { float:left; display:inline; /*