| /* |
| 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 |
| */ |
| /** |
| * SAM |
| * |
| * Skin colors used: |
| * |
| * - Control Border : 808080 |
| * - Control Chrome : f2f2f2 |
| * - Cell Borders : cccccc |
| * - Normal Cell BG : ffffff |
| * - Date Links : 0066cc |
| * - Selected Cells BG : b3d4ff |
| * - Cell Hover BG : 426fd9 |
| * - Disabled BG : cccccc |
| * - Disabled Text Color : a6a6a6 |
| **/ |
| |
| /* CALENDAR BOUNDING BOX */ |
| .yui-skin-sam .yui-calcontainer { |
| background-color:#f2f2f2; |
| border:1px solid #808080; |
| padding:10px; |
| } |
| |
| /* CALENDARGROUP BOUNDING BOX */ |
| .yui-skin-sam .yui-calcontainer.multi { |
| padding:0 5px 0 5px; |
| } |
| |
| /* BOUNDING BOX FOR EACH CALENDAR GROUP PAGE */ |
| .yui-skin-sam .yui-calcontainer.multi .groupcal { |
| background-color:transparent; |
| border:none; |
| padding:10px 5px 10px 5px; |
| margin:0; |
| } |
| |
| /* TITLE BAR */ |
| .yui-skin-sam .yui-calcontainer .title { |
| background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; |
| border-bottom:1px solid #cccccc; |
| font:100% sans-serif; |
| color:#000; |
| font-weight:bold; |
| height:auto; |
| padding:.4em; |
| margin:0 -10px 10px -10px; |
| top:0; |
| left:0; |
| text-align:left; |
| } |
| |
| .yui-skin-sam .yui-calcontainer.multi .title { |
| margin:0 -5px 0 -5px; |
| } |
| |
| .yui-skin-sam .yui-calcontainer.withtitle { |
| padding-top:0; |
| } |
| |
| /* CLOSE BUTTON */ |
| .yui-skin-sam .yui-calcontainer .calclose { |
| background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px; |
| width:25px; |
| height:15px; |
| top:.4em; |
| right:.4em; |
| cursor:pointer; |
| } |
| |
| /* CALENDAR TABLE */ |
| .yui-skin-sam .yui-calendar { |
| border-spacing:0; |
| border-collapse:collapse; |
| font:100% sans-serif; |
| text-align:center; |
| margin:0; |
| } |
| |
| /* NAVBAR BOUNDING BOX */ |
| .yui-skin-sam .yui-calendar .calhead { |
| background:transparent; |
| border:none; |
| vertical-align:middle; |
| padding:0; |
| } |
| |
| /* NAVBAR TEXT CONTAINER */ |
| .yui-skin-sam .yui-calendar .calheader { |
| background:transparent; |
| font-weight:bold; |
| padding:0 0 .6em 0; |
| text-align:center; |
| } |
| |
| .yui-skin-sam .yui-calendar .calheader img { |
| border:none; |
| } |
| |
| /* NAVBAR LEFT ARROW */ |
| .yui-skin-sam .yui-calendar .calnavleft { |
| background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -450px; |
| width:25px; |
| height:15px; |
| top:0; |
| bottom:0; |
| left:-10px; |
| margin-left:.4em; |
| cursor:pointer; |
| } |
| |
| /* NAVBAR RIGHT ARROW */ |
| .yui-skin-sam .yui-calendar .calnavright { |
| background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -500px; |
| width:25px; |
| height:15px; |
| top:0; |
| bottom:0; |
| right:-10px; |
| margin-right:.4em; |
| cursor:pointer; |
| } |
| |
| /* WEEKDAY HEADER ROW */ |
| .yui-skin-sam .yui-calendar .calweekdayrow { |
| height:2em; |
| } |
| |
| .yui-skin-sam .yui-calendar .calweekdayrow th { |
| padding:0; |
| border:none; |
| } |
| |
| /* WEEKDAY (Su, Mo, Tu...) HEADER CELLS */ |
| .yui-skin-sam .yui-calendar .calweekdaycell { |
| color:#000; |
| font-weight:bold; |
| text-align:center; |
| width:2em; |
| } |
| |
| /* CALENDAR FOOTER. NOT IMPLEMENTED BY DEFAULT */ |
| .yui-skin-sam .yui-calendar .calfoot { |
| background-color:#f2f2f2; |
| } |
| |
| /* WEEK NUMBERS (ROW HEADERS/FOOTERS) */ |
| .yui-skin-sam .yui-calendar .calrowhead, .yui-skin-sam .yui-calendar .calrowfoot { |
| color:#a6a6a6; |
| font-size:85%; |
| font-style:normal; |
| font-weight:normal; |
| border:none; |
| } |
| |
| .yui-skin-sam .yui-calendar .calrowhead { |
| text-align:right; |
| padding:0 2px 0 0; |
| } |
| |
| .yui-skin-sam .yui-calendar .calrowfoot { |
| text-align:left; |
| padding:0 0 0 2px; |
| } |
| |
| /* NORMAL CELLS */ |
| .yui-skin-sam .yui-calendar td.calcell { |
| border:1px solid #cccccc; |
| background:#fff; |
| padding:1px; |
| height:1.6em; |
| line-height:1.6em; /* set line height equal to cell height to center vertically */ |
| text-align:center; |
| white-space:nowrap; |
| } |
| |
| /* LINK INSIDE NORMAL CELLS */ |
| .yui-skin-sam .yui-calendar td.calcell a { |
| color:#0066cc; |
| display:block; |
| height:100%; |
| text-decoration:none; |
| } |
| |
| /* TODAY'S DATE */ |
| .yui-skin-sam .yui-calendar td.calcell.today { |
| background-color:#000; |
| } |
| |
| .yui-skin-sam .yui-calendar td.calcell.today a { |
| background-color:#fff; |
| } |
| |
| /* OOM DATES */ |
| .yui-skin-sam .yui-calendar td.calcell.oom { |
| background-color:#cccccc; |
| color:#a6a6a6; |
| cursor:default; |
| } |
| |
| /* SELECTED DATE */ |
| .yui-skin-sam .yui-calendar td.calcell.selected { |
| background-color:#fff; |
| color:#000; |
| } |
| |
| .yui-skin-sam .yui-calendar td.calcell.selected a { |
| background-color:#b3d4ff; |
| color:#000; |
| } |
| |
| /* HOVER DATE */ |
| .yui-skin-sam .yui-calendar td.calcell.calcellhover { |
| background-color:#426fd9; |
| color:#fff; |
| cursor:pointer; |
| } |
| |
| .yui-skin-sam .yui-calendar td.calcell.calcellhover a { |
| background-color:#426fd9; |
| color:#fff; |
| } |
| |
| /* DEFAULT OOB DATES */ |
| .yui-skin-sam .yui-calendar td.calcell.previous { |
| color:#e0e0e0; |
| } |
| |
| /* CUSTOM RENDERERS */ |
| .yui-skin-sam .yui-calendar td.calcell.restricted { text-decoration:line-through; } |
| .yui-skin-sam .yui-calendar td.calcell.highlight1 { background-color:#ccff99; } |
| .yui-skin-sam .yui-calendar td.calcell.highlight2 { background-color:#99ccff; } |
| .yui-skin-sam .yui-calendar td.calcell.highlight3 { background-color:#ffcccc; } |
| .yui-skin-sam .yui-calendar td.calcell.highlight4 { background-color:#ccff99; } |
| |
| /* CalendarNavigator */ |
| |
| /* MONTH/YEAR LABEL */ |
| .yui-skin-sam .yui-calendar a.calnav { |
| border: 1px solid #f2f2f2; |
| padding:0 4px; |
| text-decoration:none; |
| color:#000; |
| zoom:1; |
| } |
| |
| .yui-skin-sam .yui-calendar a.calnav:hover { |
| background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; |
| border-color:#A0A0A0; |
| cursor:pointer; |
| } |
| |
| /* NAVIGATOR MASK */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-mask { |
| background-color:#000; |
| opacity:0.25; |
| *filter:alpha(opacity=25); /* IE */ |
| } |
| |
| /* NAVIGATOR BOUNDING BOX */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav { |
| font-family:arial,helvetica,clean,sans-serif; |
| font-size:93%; |
| border:1px solid #808080; |
| left:50%; |
| margin-left:-7em; |
| width:14em; |
| padding:0; |
| top:2.5em; |
| background-color:#f2f2f2; |
| } |
| |
| .yui-skin-sam .yui-calcontainer.withtitle .yui-cal-nav { |
| top:4.5em; |
| } |
| |
| /* NAVIGATOR BOUNDING BOX */ |
| .yui-skin-sam .yui-calcontainer.multi .yui-cal-nav { |
| width:16em; |
| margin-left:-8em; |
| } |
| |
| /* NAVIGATOR YEAR/MONTH/BUTTON/ERROR BOUNDING BLOCKS */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-y, |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-m, |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-b { |
| padding:5px 10px 5px 10px; |
| } |
| |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-b { |
| text-align:center; |
| } |
| |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-e { |
| margin-top:5px; |
| padding:5px; |
| background-color:#EDF5FF; |
| border-top:1px solid black; |
| display:none; |
| } |
| |
| /* NAVIGATOR LABELS */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav label { |
| display:block; |
| font-weight:bold; |
| } |
| |
| /* NAVIGATOR MONTH CONTROL */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-mc { |
| width:100%; |
| _width:auto; /* IE6, IE7 Quirks don't handle 100% well */ |
| } |
| |
| /* NAVIGATOR MONTH CONTROL, VALIDATION ERROR */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-y input.yui-invalid { |
| background-color:#FFEE69; |
| border: 1px solid #000; |
| } |
| |
| /* NAVIGATOR YEAR CONTROL */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav-yc { |
| width:4em; |
| } |
| |
| /* NAVIGATOR BUTTONS */ |
| |
| /* BUTTON WRAPPER */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { |
| border:1px solid #808080; |
| background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; |
| background-color:#ccc; |
| margin: auto .15em; |
| } |
| |
| /* BUTTON (based on button-skin.css) */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { |
| padding:0 8px; |
| font-size:93%; |
| line-height: 2; /* ~24px */ |
| *line-height: 1.7; /* For IE */ |
| min-height: 2em; /* For Gecko */ |
| *min-height: auto; /* For IE */ |
| color: #000; |
| } |
| |
| /* DEFAULT BUTTONS */ |
| /* NOTE: IE6 will only pickup the yui-default specifier from the multiple class specifier */ |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { |
| border:1px solid #304369; |
| background-color: #426fd9; |
| background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px; |
| } |
| |
| .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { |
| color:#fff; |
| } |