/* ========== layout.css ========== */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ .yui-layout-loading{visibility:hidden;} /* war ursprünglich position:relative. position:fixed scheint folgendes Firefox-Problem zu fixen: Fokus per Mausklick auf Top-Bar oder einer anderen Leiste. Dann CRSR DOWN -> komplettes Layout rutscht um 30px nach unten. */ body.yui-layout{overflow:hidden;position:fixed;padding:0;margin:0;} .yui-layout-doc{position:relative;overflow:hidden;padding:0;margin:0;} /* @group ======= YUI:Layout-Units ====== */ .yui-layout-unit { height:50px; width:50px; padding:0; margin:0; float:none; z-index:0; } .yui-layout-unit-top { position:absolute; top:0; left:0; width:100%; } .yui-layout-unit-left { position:absolute; top:0; left:0; border-right: 1px solid #cececf; } .yui-layout-unit-right { position:absolute; top:0; right:0; } .yui-layout-unit-bottom { position:absolute; bottom:0; left:0; width:100%; } .yui-layout-unit-center { position:absolute; top:0; left:0; width:100%; } /* @end */ .yui-layout div.yui-layout-hd{position:absolute;top:0;left:0;zoom:1;width:100%;} .yui-layout div.yui-layout-bd{position:absolute;top:0;left:0;zoom:1;width:100%;} .yui-layout .yui-layout-noscroll div.yui-layout-bd{overflow:hidden;} .yui-layout .yui-layout-scroll div.yui-layout-bd{overflow:auto;} .yui-layout div.yui-layout-ft{position:absolute;bottom:0;left:0;width:100%;zoom:1;} .yui-layout .yui-layout-unit div.yui-layout-hd h2{text-align:left;} .yui-layout .yui-layout-unit div.yui-layout-hd .close{cursor:pointer;height:13px;position:absolute;right:2px;top:2px;width:17px;font-size:0;} .yui-layout .yui-layout-unit div.yui-layout-hd .collapse-close{right:25px;} .yui-layout .yui-layout-clip{position:absolute;height:20px;background-color:#c0c0c0;display:none;} .yui-layout .yui-layout-wrap{height:100%;width:100%;position:absolute;left:0;} .yui-skin-sam .yui-layout .yui-resize-proxy{border:none;font-size:0;margin:0;padding:0;} .yui-skin-sam .yui-layout .yui-resize-resizing .yui-resize-handle{visibility:hidden;} .yui-skin-sam .yui-layout .yui-resize-proxy div{position:absolute;border:1px solid #808080;background-color:#EDF5FF;} .yui-skin-sam .yui-layout .yui-resize .yui-resize-handle-active{} .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-l{width:5px;height:100%;top:0;left:0;} .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-r{width:5px;top:0;right:0;height:100%;position:absolute;zoom:1;} .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-b{width:100%;bottom:0;left:0;height:5px;} .yui-skin-sam .yui-layout .yui-resize-proxy .yui-layout-handle-t{width:100%;top:0;left:0;height:5px;} /* @group ====== YUI:Collapse ====== */ .yui-layout .yui-layout-clip .collapse { position:absolute; right:2px; top:2px; height:17px; width:20px; font-size:0px; cursor:pointer; } .yui-layout .yui-layout-unit div.yui-layout-hd .collapse { position:absolute; right: 2px; top: 2px; height: 17px; width: 20px; font-size:0; cursor:pointer; } .yui-skin-sam .yui-layout .yui-layout-unit-left DIV.yui-layout-hd .collapse { background:transparent url(layout_sprite.png) no-repeat -19px -158px; } .yui-skin-sam .yui-layout .yui-layout-clip-left .collapse { background:transparent url(layout_sprite.png) no-repeat -19px -138px; } .yui-skin-sam .yui-layout .yui-layout-unit-right div.yui-layout-hd .collapse { background:transparent url(layout_sprite.png) no-repeat -19px -198px; } .yui-skin-sam .yui-layout .yui-layout-clip-right .collapse { background:transparent url(layout_sprite.png) no-repeat -19px -118px; } .yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-hd .collapse { background:transparent url(layout_sprite.png) no-repeat -20px -220px; border:1px solid #808080; } .yui-skin-sam .yui-layout .yui-layout-clip-top .collapse { background:transparent url(layout_sprite.png) no-repeat -20px -240px; border:1px solid #808080; } .yui-skin-sam .yui-layout .yui-layout-unit-bottom div.yui-layout-hd .collapse { background:transparent url(layout_sprite.png) no-repeat -20px -260px; border:1px solid #808080; } .yui-skin-sam .yui-layout .yui-layout-clip-bottom .collapse { background:transparent url(layout_sprite.png) no-repeat -20px -180px; border:1px solid #808080; } /* @end */ .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd .close{background:transparent url(layout_sprite.png) no-repeat -20px -100px;border:1px solid #808080;} .yui-skin-sam .yui-layout .yui-layout-hd{background:url(sprite.png) repeat-x 0 -1400px;border:1px solid #808080;} .yui-skin-sam .yui-layout{background-color:#EDF5FF;} .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2{font-weight:bold;color:#fff;padding:3px;} .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd{border:1px solid #808080;border-bottom:none;border-top:none;*border-bottom-width:0;*border-top-width:0;background-color:#f3f5f6;text-align:left;} .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft{border-bottom:1px solid #808080;} .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd{border-top:1px solid #808080;} .yui-skin-sam .yui-layout .yui-layout-clip{position:absolute;height:20px;background-color:#EDF5FF;display:none;border:1px solid #808080;} .yui-skin-sam .yui-layout div.yui-layout-ft{border:1px solid #808080;border-top:none;*border-top-width:0;background-color:#f3f5f6;} /* @group ====== YUI:Handle ====== */ .yui-skin-sam .yui-layout-unit .yui-resize-handle { background-color:transparent; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-r { right:0;top:0; background-image:none; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-l { left:0;top:0; background-image:none; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-b { right:0;bottom:0; background-image:none; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-t { right:0;top:0; background-image:none; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-r .yui-layout-resize-knob, .yui-skin-sam .yui-layout-unit .yui-resize-handle-l .yui-layout-resize-knob { position:absolute; height:32px; width:6px; top:45%; left: 3px; background: transparent url(layout_sprite.png) no-repeat 0 0px; } .yui-skin-sam .yui-layout-unit .yui-resize-handle-t .yui-layout-resize-knob, .yui-skin-sam .yui-layout-unit .yui-resize-handle-b .yui-layout-resize-knob { position:absolute; height:6px; width:16px; left:45%; background:transparent url(layout_sprite.png) no-repeat -20px 0; } /* @end */ /* ========== menu-skin.css ========== */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ /* MenuBar style rules */ .yui-skin-sam .yuimenubar { font-size: 93%; /* 12px */ line-height: 2; /* ~24px */ *line-height: 1.9; /* For IE */ border: solid 1px #808080; background: url(sprite.png) repeat-x 0 0; } /* MenuBarItem style rules */ .yui-skin-sam .yuimenubarnav .yuimenubaritem { border-right: solid 1px #ccc; } .yui-skin-sam .yuimenubaritemlabel { padding: 0 10px; color: #000; text-decoration: none; cursor: default; border-style: solid; border-color: #808080; border-width: 1px 0; *position: relative; /* Necessary to get negative margins in IE. */ margin: -1px 0; } .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel { padding-right: 20px; /* Prevents the label from shifting left in IE when the ".yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected" rule us applied. */ *display: inline-block; } .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu { background: url(menubaritem_submenuindicator.png) right center no-repeat; } /* MenuBarItem states */ /* Selected MenuBarItem */ .yui-skin-sam .yuimenubaritem-selected { background: url(sprite.png) repeat-x 0 -1700px; } .yui-skin-sam .yuimenubaritemlabel-selected { border-color: #7D98B8; } .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected { border-left-width: 1px; margin-left: -1px; *left: -1px; /* For IE */ } /* Disabled MenuBarItem */ .yui-skin-sam .yuimenubaritemlabel-disabled { cursor: default; color: #A6A6A6; } .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled { background-image: url(menubaritem_submenuindicator_disabled.png); } /* Menu style rules */ .yui-skin-sam .yuimenu { font-size: 93%; /* 12px */ line-height: 1.5; /* 18px */ *line-height: 1.45; /* For IE */ } .yui-skin-sam .yuimenubar .yuimenu, .yui-skin-sam .yuimenu .yuimenu { font-size: 100%; } .yui-skin-sam .yuimenu .bd { /* The following application of zoom:1 prevents first tier submenus of a MenuBar from hiding when the mouse is moving from an item in a MenuBar to a submenu in IE 7. */ *zoom: 1; _zoom: normal; /* Remove this rule for IE 6. */ border: solid 1px #808080; background-color: #fff; text-align: left; } .yui-skin-sam .yuimenu .yuimenu .bd { *zoom: normal; } .yui-skin-sam .yuimenu ul { padding: 3px 0; border-width: 1px 0 0 0; border-color: #ccc; border-style: solid; } .yui-skin-sam .yuimenu ul.first-of-type { border-width: 0; } /* Group titles */ .yui-skin-sam .yuimenu h6 { font-weight: bold; border-style: solid; border-color: #ccc; border-width: 1px 0 0 0; color: #a4a4a4; padding: 3px 10px 0 10px; } .yui-skin-sam .yuimenu ul.hastitle, .yui-skin-sam .yuimenu h6.first-of-type { border-width: 0; } /* Top and bottom scroll controls */ .yui-skin-sam .yuimenu .yui-menu-body-scrolled { border-color: #ccc #808080; overflow: hidden; } .yui-skin-sam .yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar { height: 16px; border: solid 1px #808080; background: #fff url(sprite.png) no-repeat 0 0; } .yui-skin-sam .yuimenu .topscrollbar { border-bottom-width: 0; background-position: center -950px; } .yui-skin-sam .yuimenu .topscrollbar_disabled { background-position: center -975px; } .yui-skin-sam .yuimenu .bottomscrollbar { border-top-width: 0; background-position: center -850px; } .yui-skin-sam .yuimenu .bottomscrollbar_disabled { background-position: center -875px; } /* MenuItem style rules */ .yui-skin-sam .yuimenuitem { /* For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode: Used to collapse superfluous white space between
  • elements that is triggered by the "display" property of the elements being set to "block." */ _border-bottom: solid 1px #fff; } .yui-skin-sam .yuimenuitemlabel { padding: 0 8px; color: #000; text-decoration: none; cursor: default; } .yui-skin-sam .yuimenuitemlabel .helptext { margin-top: -1.5em; *margin-top: -1.45em; /* For IE*/ } .yui-skin-sam .yuimenuitem-hassubmenu { background-image: url(menuitem_submenuindicator.png); background-position: right center; background-repeat: no-repeat; } .yui-skin-sam .yuimenuitem-checked { background-image: url(menuitem_checkbox.png); background-position: left center; background-repeat: no-repeat; } /* Menu states */ /* Visible Menu */ .yui-skin-sam .yui-menu-shadow-visible { display: none; visibility: hidden; /* Kein Bock auf Shadow */ /* background-color: #000; */ /* Opacity can be expensive, so defer the use of opacity until the menu is visible. */ /* opacity: .12; */ /* *filter: alpha(opacity=12); */ /* For IE */ } /* MenuItem states */ /* Selected MenuItem */ .yui-skin-sam .yuimenuitem-selected { background-color: #B3D4FF; } /* Disabled MenuItem */ .yui-skin-sam .yuimenuitemlabel-disabled { cursor: default; color: #A6A6A6; } .yui-skin-sam .yuimenuitem-hassubmenu-disabled { background-image: url(menuitem_submenuindicator_disabled.png); } .yui-skin-sam .yuimenuitem-checked-disabled { background-image: url(menuitem_checkbox_disabled.png); } /* @group ========= Anpassungen */ .yui-skin-sam .yuimenuitemlabel { outline: none; } /* @end */ /* ========== button-skin.css ========== */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ /* @group ========= Button-Core ========= */ .yui-button { display: -moz-inline-box; /* Gecko */ display: inline-block; /* IE, Opera and Safari */ vertical-align: text-bottom; } .yui-button .first-child { display: block; *display: inline-block; /* IE */ } .yui-button button, .yui-button a { display: block; *display: inline-block; /* IE */ border: none; margin: 0; } .yui-button button { background-color: transparent; *overflow: visible; /* Remove superfluous padding for IE */ cursor: pointer; } .yui-button a { text-decoration: none; } /* @end */ /* @group ========= Button-Core ========= */ .yui-skin-sam .yui-button { border-width: 0 0; border-style: solid; border-color: red; background: url(sprite.png) repeat-x 0 0; margin: auto 10px; } .yui-skin-sam .yui-button .first-child { border-width: 0 1px; border-style: solid; border-color: #585858; margin: 0 -1px; *position: relative; /* Necessary to get negative margins working in IE */ *left: -1px; /* Don't apply rounded corners for IE 6 (Quirks and Standards Mode) and IE 7 Quirks Mode since it causes more problems than its worth. */ _margin: 0; _position: static; } .yui-skin-sam .yui-button BUTTON, .yui-skin-sam .yui-button A { padding: 0 10px; font-size: 12px; line-height: 1; /* line-height: 2; ~24px */ /* *line-height: 1.7; For IE */ height: 26px; /* For Gecko */ /* *min-height: auto; /* For IE */ color: #000; } .yui-skin-sam .yui-button a { /* Necessary to get Buttons of type "link" to be the correct height in IE. */ *line-height: 1.875; *padding-bottom: 1px; } .yui-skin-sam .yui-split-button button, .yui-skin-sam .yui-menu-button button { padding-right: 20px; background-position: right center; background-repeat: no-repeat; } .yui-skin-sam .yui-menu-button button { background-image: url(menu-button-arrow.png); color: #f4f4f4; font-weight: bold; } .yui-skin-sam .yui-split-button button { background-image: url(split-button-arrow.png); } /* @group ...... Focus State ...... */ .yui-skin-sam .yui-button-focus { border-color: #7D98B8; background-position: 0 -1300px; } .yui-skin-sam .yui-button-focus .first-child { border-color: #7D98B8; } .yui-skin-sam .yui-button-focus button, .yui-skin-sam .yui-button-focus a { color: #000; } .yui-skin-sam .yui-split-button-focus button { background-image: url(split-button-arrow-focus.png); } /* @end */ /* @group ...... Hover State ...... */ .yui-skin-sam .yui-button-hover { border-color: #7D98B8; background-position: 0 -1300px; } .yui-skin-sam .yui-button-hover .first-child { border-color: #7D98B8; } .yui-skin-sam .yui-button-hover button, .yui-skin-sam .yui-button-hover a { color: #000; } .yui-skin-sam .yui-split-button-hover button { background-image: url(split-button-arrow-hover.png); } /* @end */ /* @group ...... Active State ...... */ .yui-skin-sam .yui-button-active { border-color: #7D98B8; background-position: 0 -1700px; } .yui-skin-sam .yui-button-active .first-child { border-color: #7D98B8; } .yui-skin-sam .yui-button-active button, .yui-skin-sam .yui-button-active a { color: #000; } .yui-skin-sam .yui-split-button-activeoption { border-color: #808080; background-position: 0 0; } .yui-skin-sam .yui-split-button-activeoption .first-child { border-color: #808080; } .yui-skin-sam .yui-split-button-activeoption button { background-image: url(split-button-arrow-active.png); } /* @end */ /* @group ...... Checked State ...... */ .yui-skin-sam .yui-radio-button-checked, .yui-skin-sam .yui-checkbox-button-checked { border-color: #304369; background-position: 0 -1400px; } .yui-skin-sam .yui-radio-button-checked .first-child, .yui-skin-sam .yui-checkbox-button-checked .first-child { border-color: #304369; } .yui-skin-sam .yui-radio-button-checked button, .yui-skin-sam .yui-checkbox-button-checked button { color: #fff; } /* @end */ /* @group ...... Disabled State ...... */ .yui-skin-sam .yui-button-disabled { border-color: #ccc; background-position: 0 -1500px; } .yui-skin-sam .yui-button-disabled .first-child { border-color: #ccc; } .yui-skin-sam .yui-button-disabled button, .yui-skin-sam .yui-button-disabled a { color: #A6A6A6; cursor: default; } .yui-skin-sam .yui-menu-button-disabled button { background-image: url(menu-button-arrow-disabled.png); } .yui-skin-sam .yui-split-button-disabled button { background-image: url(split-button-arrow-disabled.png); } /* @end */ /* @end */ /* @group ========== Light Buttons ========= */ .buttons-light .yui-button BUTTON, .buttons-light .yui-button A { height: 20px; border: 1px solid #b8b8b8; font-size: 11px; color: #5f605c; outline: none; } .buttons-light .yui-button { background: transparent url('sprite.png') repeat-x 0 -2150px; height: 20px; margin: 3px 0 3px 0; } /* @group :::::: Hover */ .buttons-light .yui-button-hover BUTTON, .buttons-light .yui-button-hover A { color: #268ceb; } .buttons-light .yui-button-hover { background: transparent url('sprite.png') repeat-x 0 -2200px; } /* @end */ .buttons-light .yui-button-checked { background: transparent url('helper-sprite-2.png') repeat-x center center; height: 20px; margin: 3px 0 3px 0; } .buttons-light .yui-button .first-child { border-color: #b8b8b8; border-width: 0; } /* @end */ /* ========== tabview-skin.css ========== */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ /* .yui-navset defaults to .yui-navset-top */ /* @group ========= TabView Core ========= */ /* default space between tabs */ .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { margin:0 0 0.5em; /* vertical tabs */ } .yui-navset .yui-content .yui-hidden { display:none; } /* default width for side tabs */ .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { width:auto; } .yui-navset .yui-navset-left, .yui-navset-left { padding:0 0 0 6em; } /* map to nav width */ .yui-navset-right { padding:0 6em 0 0; } /* ditto */ .yui-navset-top, .yui-navset-bottom { padding:auto; } /* core */ .yui-navset { position:relative; /* contain absolute positioned tabs (left/right) */ zoom:1; } .yui-navset .yui-content:after { content:''; display:block; clear:both; } .yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li { display:block; } .yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a { display:block; } .yui-navset-bottom .yui-nav li a { vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */ } /* position left and right oriented tabs */ .yui-navset .yui-navset-left .yui-nav, .yui-navset .yui-navset-right .yui-nav, .yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; } .yui-navset-top .yui-nav, .yui-navset-bottom .yui-nav { position:static; } .yui-navset .yui-navset-left .yui-nav, .yui-navset-left .yui-nav { left:0; right:auto; } .yui-navset .yui-navset-right .yui-nav, .yui-navset-right .yui-nav { right:0; left:auto; } /* @end */ /* protect nested tabviews from other orientations */ .yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { border:solid #2647a0; /* color between tab list and content */ border-width:0 0 0 0; Xposition:relative; zoom:1; } .yui-skin-sam .yui-navset .yui-nav .selected, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { margin:0 0 -1px 0; /* for overlap */ } /* no focus effect for selected *//* no hover effect for selected */ /* selected tab background */ .yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* background:#2647a0 url(sprite.png) repeat-x left -1400px; */ background: #f3f5f6; color:#333333; font-size: 10px; font-weight: bold !important; } .yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus { background:#bfdaff url(sprite.png) repeat-x left -1300px; /* selected tab background */ outline:0; } /* raise selected tab */ .yui-skin-sam .yui-navset .yui-nav .selected a em { padding: 9px 10px 8px 10px; border-left: 0px solid #454545; } /* selected tab border color */ .yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a em { /* border-color:#243356; */ } /* left and right orientations */ .yui-skin-sam .yui-navset-left .yui-nav, .yui-skin-sam .yui-navset .yui-navset-left .yui-nav, .yui-skin-sam .yui-navset .yui-navset-right .yui-nav, .yui-skin-sam .yui-navset-right .yui-nav { border-width:0 5px 0 0; Xposition:absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */ top:0; bottom:0; /* stretch to fill content height */ } .yui-skin-sam .yui-navset .yui-navset-right .yui-nav, .yui-skin-sam .yui-navset-right .yui-nav { border-width:0 0 0 5px; } .yui-skin-sam .yui-navset-left .yui-nav li, .yui-skin-sam .yui-navset .yui-navset-left .yui-nav li, .yui-skin-sam .yui-navset-right .yui-nav li { margin:0 0 0.16em; /* space between tabs */ padding:0 0 0 1px; /* gecko: make room for overflow */ } .yui-skin-sam .yui-navset-right .yui-nav li { padding:0 1px 0 0; /* gecko: make room for overflow */ } .yui-skin-sam .yui-navset-left .yui-nav .selected, .yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected { margin:0 -1px 0.16em 0; } .yui-skin-sam .yui-navset-right .yui-nav .selected { margin:0 0 0.16em -1px; } .yui-skin-sam .yui-navset-left .yui-nav a, .yui-skin-sam .yui-navset-right .yui-nav a { border-width:1px 0; } .yui-skin-sam .yui-navset-left .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em, .yui-skin-sam .yui-navset-right .yui-nav a em { border-width:0 0 0 1px; padding:0.2em .75em; top:auto; left:-1px; /* for 1px rounded corners */ } .yui-skin-sam .yui-navset-right .yui-nav a em { border-width:0 1px 0 0; left:auto; right:-1px; /* for 1px rounded corners */ } .yui-skin-sam .yui-navset-left .yui-nav a, .yui-skin-sam .yui-navset-left .yui-nav .selected a, .yui-skin-sam .yui-navset-left .yui-nav a:hover, .yui-skin-sam .yui-navset-right .yui-nav a, .yui-skin-sam .yui-navset-right .yui-nav .selected a, .yui-skin-sam .yui-navset-right .yui-nav a:hover, .yui-skin-sam .yui-navset-bottom .yui-nav a, .yui-skin-sam .yui-navset-bottom .yui-nav .selected a, .yui-skin-sam .yui-navset-bottom .yui-nav a:hover { background-image:none; /* no left-right or bottom-top gradient */ } .yui-skin-sam .yui-navset-left .yui-content { border:1px solid #808080; /* content border */ border-left-color:#243356; /* different border color */ } /* bottom orientation */ .yui-skin-sam .yui-navset-bottom .yui-nav, .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav { border-width:5px 0 0; /* color between tab list and content */ } .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected, .yui-skin-sam .yui-navset-bottom .yui-nav .selected { margin:-1px 0.16em 0 0; /* for overlap */ } .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li, .yui-skin-sam .yui-navset-bottom .yui-nav li { padding:0 0 1px 0; /* gecko: make room for overflow */ vertical-align:top; } .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li a, .yui-skin-sam .yui-navset-bottom .yui-nav li a { } .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em, .yui-skin-sam .yui-navset-bottom .yui-nav a em { border-width:0 0 1px; top:auto; bottom:-1px; /* for 1px rounded corners */ } .yui-skin-sam .yui-navset-bottom .yui-content, .yui-skin-sam .yui-navset .yui-navset-bottom .yui-content { border:1px solid #808080; /* content border */ border-bottom-color:#243356; /* different border color */ } /* ========== calendar.css ========== */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /** * CORE * * This is the set of CSS rules required by Calendar to drive core functionality and structure. * Changes to these rules may result in the Calendar not functioning or rendering correctly. * * They should not be modified for skinning. **/ /* CALENDAR BOUNDING BOX */ .yui-calcontainer { position:relative; float:left; _overflow:hidden; /* IE6 only, to clip iframe shim */ } /* IFRAME SHIM */ .yui-calcontainer iframe { position:absolute; border:none; margin:0;padding:0; z-index:0; width:100%; height:100%; left:0px; top:0px; } /* IFRAME SHIM IE6 only */ .yui-calcontainer iframe.fixedsize { width:50em; height:50em; top:-1px; left:-1px; } /* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */ .yui-calcontainer.multi .groupcal { z-index:1; float:left; position:relative; } /* TITLE BAR */ .yui-calcontainer .title { position:relative; z-index:1; } /* CLOSE ICON CONTAINER */ .yui-calcontainer .close-icon { position:absolute; z-index:1; text-indent:-10000em; overflow:hidden; } /* CALENDAR TABLE */ .yui-calendar { position:relative; } /* NAVBAR LEFT ARROW CONTAINER */ .yui-calendar .calnavleft { position:absolute; z-index:1; text-indent:-10000em; overflow:hidden; } /* NAVBAR RIGHT ARROW CONTAINER */ .yui-calendar .calnavright { position:absolute; z-index:1; text-indent:-10000em; overflow:hidden; } /* NAVBAR TEXT CONTAINER */ .yui-calendar .calheader { position:relative; width:100%; text-align:center; } /* CalendarNavigator */ .yui-calcontainer .yui-cal-nav-mask { position:absolute; z-index:2; margin:0; padding:0; width:100%; height:100%; _width:0; /* IE6, IE7 quirks - width/height set programmatically to match container */ _height:0; left:0; top:0; display:none; } /* NAVIGATOR BOUNDING BOX */ .yui-calcontainer .yui-cal-nav { position:absolute; z-index:3; top:0; display:none; } /* NAVIGATOR BUTTONS (based on button-core.css) */ .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { display: -moz-inline-box; /* Gecko */ display: inline-block; /* IE, Opera and Safari */ } .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { display: block; *display: inline-block; /* IE */ *overflow: visible; /* Remove superfluous padding for IE */ border: none; background-color: transparent; cursor: pointer; } .yui-calcontainer .yui-cal-nav .yui-cal-nav-b BUTTON { border: 1px solid #cae3fa; padding: 2px 4px; background-color: #eaf2fa; color: #666666; } /* Specific changes for calendar running under fonts/reset */ .yui-calendar .calbody a:hover {background:inherit;} p#clear {clear:left; padding-top:10px;} .yui-calcontainer { position:relative; padding:5px; background-color: #ffffff; border:1px solid #cae3fa; float:left; z-index: 10; _overflow:hidden; /* IE6 only, to clip iframe shim */ } .yui-calcontainer iframe { position:absolute; border:none; margin:0;padding:0; z-index:0; width:100%; height:100%; left:0px; top:0px; } /* IE6 only */ .yui-calcontainer iframe.fixedsize { width:50em; height:50em; top:-1px; left:-1px; } .yui-calcontainer.multi { padding:0; } .yui-calcontainer.multi .groupcal { padding:5px; background-color:transparent; z-index:1; float:left; position:relative; border:none; } .yui-calcontainer .title { font:100% sans-serif; color:#666666; margin-bottom:5px; height:25px; position:absolute; top:3px;left:5px; z-index:1; } .yui-calcontainer .close-icon { position:absolute; overflow:hidden; text-indent:-10000em; right:3px; top:3px; border:none; z-index:1; } .yui-calcontainer .calclose { background: url("calx.gif") no-repeat; width:17px; height:13px; cursor:pointer; } /* Calendar element styles */ .yui-calendar { font:100% sans-serif; text-align:center; border-spacing:0; border-collapse:separate; position:relative; } .yui-calcontainer.withtitle { padding-top:1.5em; } .yui-calendar .calnavleft { position:absolute; overflow:hidden; text-indent:-10000em; cursor:pointer; top:1px; bottom:0; width: 12px; height: 11px; left:2px; z-index:1; background: url("callt.png") center no-repeat; } .yui-calendar .calnavright { position:absolute; overflow:hidden; text-indent:-10000em; cursor:pointer; top:1px; bottom:0; width: 12px; height: 11px; right:2px; z-index:1; background: url("calrt.png") center no-repeat; } .yui-calendar td.calcell { padding:.1em .2em; border:1px solid #E0E0E0; text-align:center; } .yui-calendar td.calcell a { color:#003DB8; text-decoration:none; } .yui-calendar td.calcell.today { border: 1px solid #3192ec; background-color: #cae3fa; } .yui-calendar td.calcell.today A { color: #3192ec !important; } .yui-calendar td.calcell.oom { cursor:default; color:#999; background-color:#EEE; border:1px solid #E0E0E0; } .yui-calendar td.calcell.selected { color:#003DB8; background-color:#FFF19F; border:1px solid #FF9900; } .yui-calendar td.calcell.calcellhover { cursor:pointer; color:#FFF; background-color:#FF9900; border:1px solid #FF9900; } .yui-calendar td.calcell.calcellhover a { color:#FFF; } .yui-calendar td.calcell.restricted { text-decoration:line-through; } .yui-calendar td.calcell.previous { color:#CCC; } .yui-calendar td.calcell.highlight1 { background-color:#CCFF99; } .yui-calendar td.calcell.highlight2 { background-color:#99CCFF; } .yui-calendar td.calcell.highlight3 { background-color:#FFCCCC; } .yui-calendar td.calcell.highlight4 { background-color:#CCFF99; } .yui-calendar .calhead { vertical-align:middle; background-color: #ffffff; padding: 4px 0 3px 0; /* border:1px solid #cae3fa; */ } .yui-calendar .calheader { position:relative; width:100%; text-align:center; border:1px solid #cae3fa; padding-top: 1px; background-color: #eaf2fa; } .yui-calendar .calheader img { border:none; } .yui-calendar .calweekdaycell { color:#666; font-weight:normal; text-align:center; width:1.5em; } .yui-calendar .calfoot { background-color:#EEE; } .yui-calendar .calrowhead, .yui-calendar .calrowfoot { color:#666; font-size:9px; font-style:italic; font-weight:normal; width:15px; } .yui-calendar .calrowhead { border-right-width:2px; } /* CalendarNavigator */ .yui-calendar a.calnav { _position:relative; padding-left:2px; padding-right:2px; padding-top: 2px; text-decoration:none; color:#000; } .yui-calendar a.calnav:hover { border:1px solid #d7d7d7; background-color: #e7e7e7; color:#fff; cursor:pointer; } .yui-calcontainer .yui-cal-nav-mask { position:absolute; z-index:2; display:none; margin:0; padding:0; left:0; top:0; width:100%; height:100%; _width:0; /* IE6, IE7 Quirks - width/height set programmatically to match container */ _height:0; background-color:#000; opacity:0.25; *filter:alpha(opacity=25); } .yui-calcontainer .yui-cal-nav { position:absolute; z-index:3; display:none; padding:0; top:1.5em; left:50%; width:12em; margin-left:-6em; border:1px solid #cae3fa; background-color:#ffffff; font-size:93%; } .yui-calcontainer.withtitle .yui-cal-nav { top:3.5em; } .yui-calcontainer .yui-cal-nav-y, .yui-calcontainer .yui-cal-nav-m, .yui-calcontainer .yui-cal-nav-b { padding:2px 5px 2px 5px; } .yui-calcontainer .yui-cal-nav-b { text-align:center; } .yui-calcontainer .yui-cal-nav-e { margin-top:2px; padding:2px; background-color:#EDF5FF; border-top:1px solid black; display:none; } .yui-calcontainer .yui-cal-nav label { font-weight:boldx; color: #999; } .yui-calcontainer .yui-cal-nav-mc { width:100%; _width:auto; /* IE6 doesn't like width 100% */ } #search-container .yui-calcontainer .yui-cal-nav-mc { width: 100px; } #search-container .yui-calcontainer .yui-cal-nav-yc { width: 92px; margin: 0; } .yui-calcontainer .yui-cal-nav-y input.yui-invalid { background-color:#FFEE69; border: 1px solid #000; } .yui-calcontainer .yui-cal-nav-yc { width:3em; } .yui-calcontainer .yui-cal-nav-b button { font-size:93%; text-decoration:none; cursor: pointer; background-color: #79b2ea; border: 1px solid #003366; border-top-color:#FFF; border-left-color:#FFF; margin:1px; } .yui-calcontainer .yui-cal-nav-b .yui-default button { /* not implemented */ } /* Specific changes for calendar running under fonts/reset */ .yui-calendar .calbody a:hover {background:inherit;} p#clear {clear:left; padding-top:10px;} /* @group =========== DCX-Skin */ /* @group ::::::::: FORM:Edit-Document */ .page-edit .datetime .yui-calcontainer { left: 300px !important; top: -20px !important; -webkit-box-shadow: 3px 3px 5px #999999; -moz-box-shadow: 3px 3px 5px #999999; } .page-edit .datetime .yui-calendar { font-size: 11px; } .page-edit .datetime .title { font-size: 10px; } /* @end */ /* @end */ /* ========== container.css ========== */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ /* @group ====== CORE */ .yui-overlay, .yui-panel-container { visibility:hidden; position:absolute; z-index: 2; } .yui-tt { visibility:hidden; position:absolute; color:#333; background-color:#FDFFB4; font-family:arial,helvetica,verdana,sans-serif; padding:2px; border:1px solid #FCC90D; font:100% sans-serif; width:auto; } /* PLEASE NOTE: The
    element used for a Tooltip's shadow is appended to its root element via JavaScript once it has been rendered. The code that creates the shadow lives in the Tooltip's public "onRender" event handler that is a prototype method of YAHOO.widget.Tooltip. Implementers wishing to remove a Tooltip's shadow or add any other markup required for a given skin for Tooltip should override the "onRender" method. */ .yui-tt-shadow { display: none; } * html body.masked select { visibility:hidden; } * html div.yui-panel-container select { visibility:inherit; } * html div.drag select { visibility:hidden; } * html div.hide-select select { visibility:hidden; } .mask { z-index: 1; display:none; position:absolute; top:0; left:0; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); background-color:#CCC; } /* There are two known issues with YAHOO.widget.Overlay (and its subclasses) that manifest in Gecko-based browsers on Mac OS X: 1) Elements with scrollbars will poke through Overlay instances floating above them. 2) An Overlay's scrollbars and the scrollbars of its child nodes remain visible when the Overlay is hidden. To fix these bugs: 1) The "overflow" property of an Overlay instance's root element and child nodes is toggled between "hidden" and "auto" (through the application and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes) as its "visibility" configuration property is toggled between "false" and "true." 2) The "display" property of