/*####-jQuery Plugin CSS Requirements-####*/ /* * Thickbox 3.1 - One Box To Rule Them All. * By Cody Lindley (http://www.codylindley.com) * Copyright (c) 2007 cody lindley * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php */ *{margin:0;padding:0;} #TB_window{font:12px Arial, Helvetica, sans-serif;position:fixed;background:#fff;z-index:102;color:#000;display:none;border:4px solid #525252;text-align:left;top:50%;left:50%;} #TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;} #TB_window a:hover{color:#000;} #TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;} .TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} #TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;} #TB_caption{height:25px;float:left;padding:7px 30px 10px 25px;} #TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;} #TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:7px 10px 5px 0;} #TB_ajaxWindowTitle{float:left;margin-bottom:1px;padding:7px 0 5px 10px;} #TB_title{background-color:#e8e8e8;height:27px;} #TB_ajaxContent{clear:both;overflow:auto;text-align:left;line-height:1.4em;padding:2px 15px 15px;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p{padding:5px 0;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;} #TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;} #TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;} #TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666;} .ui-slider-handle{position:absolute;height:23px;width:12px;top:0;left:0;background-image:url(/_themes/sunshine/images/slider-handle.gif);} .ui-slider-disabled .ui-slider-handle{opacity:0.5;filter:alpha(opacity=50);} .ui-slider-1{width:200px;height:23px;position:relative;background-image:url(/_themes/sunshine/images/slider-bg-1.png);background-repeat:no-repeat;background-position:center center;} .ui-slider-2{width:200px;height:23px;position:relative;background-image:url(/_themes/sunshine/images/slider-bg-2.png);background-repeat:no-repeat;background-position:center center;} table.tablesorter{font-family:arial;background-color:#CDCDCD;font-size:8pt;width:100%;text-align:left;margin:0px 0 15px 0;/*table-layout:fixed;*/} table.tablesorter thead tr th,table.tablesorter tfoot tr th{background-color:#78AFD0;border:1px solid #FFF;font-size:1.05em;padding:4px;color:#3D3D3D;} table.tablesorter thead tr .header{background-image:url(/_themes/sunshine/images/bg.gif);background-repeat:no-repeat;background-position:center right;cursor:pointer;} table.tablesorter tbody td{color:#3D3D3D;background-color:#FFF;vertical-align:top;padding:4px;} table.tablesorter tbody tr.odd td{background-color:#EBF4FA;} table.tablesorter tbody tr.over td{background-color:#A9CBE1;} table.tablesorter tbody tr.over td.thisbold{color:#000;} table.tablesorter thead tr .headerSortUp{background-image:url(/_themes/sunshine/images/asc.gif);color:#fff;} table.tablesorter thead tr .headerSortDown{background-image:url(/_themes/sunshine/images/desc.gif);} table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp{background-color:#347094;color:#fff;} td.options, th.options {text-align:right;width:130px;} .tableFilter {background-color:#CDCDCD;border:1px solid #CDCDCD; border-width:1px 1px 0 1px;} .filter{background-color:#78AFD0;border:1px solid #FFF;font-size:8pt;padding:0 46px 4px 46px;color:#3D3D3D;min-height:45px;clear:both;} .buttonsWrap {display:inline-block;} .buttonWrap {display:inline-block;height:23px;padding-top:14px;} .filter button {background:url(/_themes/sunshine/images/but-sub-small.png) repeat-y;display:inline-block;position:relative;height:20px;margin-top:-1px;color:#000;font-size:11px;border:1px solid #A9CBE1;border-width:0 1px 1px 0;} .filter button span{padding:1px 9px;display:block;} .filter button:hover {background:url(/_themes/sunshine/images/but-sub-small.png) repeat-y 0 -20px;color:#fff;} .filterClear {position:absolute;margin:0 0 0 3px;cursor:pointer;z-index:2;} .filterImage {position:absolute;left:0;top:0;margin:4px 2px 0 3px;} .refresh {position:absolute;right:0;top:0;margin:4px 4px 0 0;} /* .filter label{display:block;float:left;width:15em;padding:0 1em; margin:0 0.75em 0 0.5em;font-weight:bold;position:relative;z-index:1;} .filter input {border:0;} .filter select {border:0;width:162px;} */ .pager {position:relative;} .pager .pagedisplay {color:#fff;position:relative;top:-2px;margin:0 3px;} .pager .text {color:#fff;position:relative;top:-2px;margin:0 3px;} .pager img {position:relative;top:3px;} /* #### START Autocomplete */ .ac_results{padding:0;border:1px solid black;background-color:Window;overflow:hidden;z-index:99999;} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;} .ac_results li{margin:0;padding:2px 5px;cursor:default;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden;} .ac_loading{background:Window url('/_themes/sunshine/images/indicator.gif') right center no-repeat;} .ac_right {font-size:10px;float:right;color:#AD0C0C;margin-right:8px;} .ac_over{background-color:#347094;color:HighlightText;} .ac_over .ac_right {color:#fff;} .ac_moreItems{text-align:center;background-color:InactiveCaption;color:InactiveCaptionText;margin:0;padding:0 5px;cursor:default;display:block;width:100%;font:bold menu 12px;overflow:hidden;-moz-user-select:none;-khtml-user-select:none;} /* #### END Autocomplete */ /* #### START ToolTips*/ #JT_arrow_left{background-image:url(/_themes/sunshine/images/arrow_left.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;left:-12px;height:23px;width:10px;top:-3px;} #JT_arrow_right{background-image:url(/_themes/sunshine/images/arrow_right.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;height:23px;width:11px;top:-2px;} #JT{position:absolute;z-index:100;border:2px solid #347094;background-color:#fff;} #JT_copy{padding:10px;color:#333333;} .JT_loader{background-image:url(/_themes/sunshine/images/loader.gif);background-repeat:no-repeat;background-position:center center;width:100%;height:12px;} #JT_close_left{background-color:#347094;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:bold;} #JT_close_right{background-color:#347094;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:bold;} #JT_copy p{margin:3px 0;} #JT_copy img{padding:1px;border:1px solid #347094;} #JT_title {position:absolute;top:2px;left:4px;color:#fff;font-weight:bold;font-size:15px;} .jTip{cursor:help;} .jTipimg {margin:3px 5px 0 5px;} /* #### END ToolTips*/ /*MODAL - http://dev.jquery.com/view/trunk/plugins/ui/tests/modal.html */ .ui-modal .top.pane,.dark.ui-modal .top.pane {position: relative;cursor:move;} .ui-modal .top.pane .ui-modal-title-bar,.dark.ui-modal .top.pane .ui-modal-title-bar {background:#333;color:snow;padding:2px 4px;border-bottom:1px solid #333;font-weight:bold;font-size:1.1em;} .ui-modal .top.pane .ui-modal-buttons-right,.dark.ui-modal .top.pane .ui-modal-buttons-right {position: absolute;right: 5px;} .ui-modal .top.pane .ui-modal-button-close,.dark.ui-modal .top.pane .ui-modal-button-close {font:10pt Verdana;font-weight:bold;color:snow;cursor:pointer;} .ui-modal .middle.pane, .dark.ui-modal .middle.pane {position:relative;height: 100%;background:#222;padding-top:4px;} .ui-modal .middle.pane .center.pane, .dark.ui-modal .middle.pane .center.pane{position:relative;overflow: auto;height: 100%;margin:0 4px;background:#111;color:snow;} .ui-modal.noOverflow .middle.pane .center.pane,.dark.ui-modal.noOverflow .middle.pane .center.pane{overflow: visible;} .ui-modal .middle.pane .left.pane,.dark.ui-modal .middle.pane .left.pane {position: absolute;top: 0px;left: 0px;border-left:1px solid #333;height:100%;width: 2px;} .ui-modal .middle.pane .right.pane,.dark.ui-modal .middle.pane .right.pane {position: absolute;top: 0px;right: 0px;border-right:1px solid #333;height:100%;width: 2px;cursor:e-resize;} .ui-modal .bottom.pane,.dark.ui-modal .bottom.pane {position: relative;height:3px;background:#222;border:1px solid #333;border-top:none;cursor:s-resize;} .ui-modal .bottom.pane .ui-modal-resize-se,.dark.ui-modal .bottom.pane .ui-modal-resize-se {position: absolute;bottom:-1px;right:-1px;height:4px;width:4px;cursor:se-resize;} /* BLOCK UI*/ .blockMsg .headline {padding: 10px 10px 10px 36px; color:#347094; background:url('/_themes/sunshine/images/loading.gif') no-repeat 10px center; display:block;font-size:1.1em;font-weight:bold;} /** // +----------------------------------------------------------------------+ // | fsLib 0.9a - A jQuery / PHP file display, upload, removal system | // +----------------------------------------------------------------------+ **/ /* #### START File System */ #fileSystem {border:2px solid #347094;width:100%;background:#F5FBFE;position:relative;} #filePanel {background:#347094;color:#fff;padding:5px 5px 0 5px;height:29px;overflow:hidden;} .fileSystemWrap {min-height:450px;} *html .fileSystemWrap {height:450px;} #fileSystem #dir-files {width:100%;background:#fff;} #fileSystem #dir-files th{padding:2px 3px;color:#fff;background:#6197BB;} #fileSystem #dir-files td{padding:1px;} #fileSystem ul{list-style-type:none;margin:0;padding:0;} #fileSystem ul ul{list-style-type:none;margin:0;padding:0;min-height:20px;display:block;} #fileSystem #dir-files li{list-style-type:none;height:20px;margin:0;clear:both;padding:3px 0 1px 26px;font-size:100%;position:relative;background:#fff;} #fileSystem #dir-folder li img{top:3px;left:3px;} #fileSystem #dir-files li img{position:absolute;left:3px;} #fileSystem th {text-align:left;} #fileSystem .size {text-align:right;} #fileSystem th .size {text-align:center;} #fileSystem .options {text-align:left;} #fileSystem th .options {text-align:center;} #fileSystem .modTime {text-align:center;} #fileSystem #dir-files tr.stripe{background:#E4EDF4;} #fileSystem #dir-files tr.hover{background:#6197BB;color:#fff;} #fileSystem a {border:0;outline:0;color:#000;text-decoration:none;font-weight:bold;} #fileSystem a img {border:0;outline:0;} #filePanel a {color:#fff;} #fileSystem :focus {outline:0;} #fileSystem .dir-clear {clear:both;} #fileSystem .pathDisplay {display:block;font-size:11px;font-widght:normal;} #dirCreate, #uploadFile {position:absolute;top:34px;left:0;width:100%;height:0px;background:#6197BB;} #fileSystem .inner {padding:20px;} #fileSystem form, #flashTarget {margin:15px;color:#E4EDF4;} #fileSystem fieldset {border:1px solid #E4EDF4;} #fileSystem legend {border:1px solid #E4EDF4;margin-left:13px;padding:2px 5px;color:#E4EDF4;background:#6197BB;} #fileSystem label, #responseDir {font-weight:bold;} #cancelDir,#cancelFile {float:right;cursor:pointer;} /* #### END File System */ /*Start swfUpload*/ #fileSystem .likeParent{font:inherit;color:inherit;text-decoration:inherit;} #fileSystem .flash {padding:12px 25px 20px 20px;color:#E4EDF4;} #fileSystem a.likeParent, #fileSystem a.likeParent:link, #fileSystem a.likeParent:active, #fileSystem a.likeParent:visited, #fileSystem a.likeParent:hover{font:inherit;color:#000000;text-decoration:none;} #fileSystem .progressWrapper{width:50%;overflow:hidden;float:left;position:relative;} #fileSystem .progressContainer{margin:5px;padding:4px;border:solid 1px #E8E8E8;background-color:#F7F7F7;overflow:hidden;width:300px;} #fileSystem .red /* Error */{border:solid 1px #B50000;background-color:#FFEBEB;} #fileSystem .green /* Current */{border:solid 1px #DDF0DD;background-color:#EBFFEB;} #fileSystem .blue /* Complete */{border:solid 1px #CEE2F2;background-color:#F0F5FF;} #fileSystem .progressName{font-size:8pt;font-weight:bold;color:#347094;width:100%;height:14px;text-align:left;white-space:nowrap;overflow:hidden;} #fileSystem .progressBarInProgress,.progressBarComplete,.progressBarError{font-size:0;width:0;height:2px;background-color:#0D820D;margin-top:2px;} #fileSystem .progressBarComplete{width:100%;background-color:green;visibility:hidden;} #fileSystem .progressBarError{width:100%;background-color:red;visibility:hidden;} #fileSystem .progressBarStatus{margin-top:2px;width:315px;font-size:7pt;font-family:Verdana;text-align:left;white-space:nowrap;color:#347094;} #fileSystem a.progressCancel, #fileSystem a.progressCancel:link, #fileSystem a.progressCancel:active, #fileSystem a.progressCancel:visited, #fileSystem a.progressCancel:hover{margin-left:285px;font-size:0;display:block;height:16px;width:16px;background-image:url(/_themes/sunshine/images/cancel.png);background-repeat:no-repeat;position:absolute;} /*END swfUpload*/ /* #### START CustomDialog for File System */ #fslibDialog {display:none;font-size: 1.1em;} .fslibDialog {position: relative;width: 300px;padding-bottom: 12px;background-image: url(/_themes/sunshine/images/dialog_body.gif);background-repeat: no-repeat;background-position: 0 100%;font-family: Arial, sans-serif;text-align: center;} .fslibDialog h1{position: relative;top: -10px;margin: 0;border-bottom: 1px solid #001932;padding: 5px 8px;font-size: 120%;background:none;background-image: url(/_themes/sunshine/images/dialog_heading.gif);background-repeat: no-repeat;color: #FFFFFF;text-align: left;height:auto;left:0px;} .fslibDialog .text{display:block;min-height: 35px;margin: 0 0 15px 0;padding-right: 8px;padding-left: 50px;background-image: url(/_themes/sunshine/images/dialog_choice.gif);background-repeat: no-repeat;background-position: 8px 3px;text-align: left;} .fslibDialog .inputName {display:none; margin:-20px 0 15px 50px;} .fslibDialog button {margin: 0 5px;border: 3px double #FFFFFF;border-right-color: #7F7F7F;border-bottom-color: #7F7F7F;padding: 0 5px;background-color: #BBBCBC;background-image: url(/_themes/sunshine/images/dialog_button.gif);background-repeat: repeat-x;} #fsdir-files tr {width:100%;} *html .fslibDialog .text, *html .fslibDialog .text {height: 35px;} /* ie6 hack */ /* #### END CustomDialog */ /*Clock Picker*/ /* #CP_hourcont { color:#000;padding: 0px; margin:0;position:absolute; border:1px solid #A9CBE2; background-color:#A9CBE2; display:none; text-align:center;} #CP_minutecont { background-color:#CEE2EE; color:#000; padding: 1px; position:absolute; width:58px; display:none; } .floatleft { float:left; } .CP_hour { padding:2px; font-family: Arial, Helvetica, sans-serif; font-size:9px; white-space:nowrap; cursor:pointer; width:30px; } .CP_minute { padding:2px; font-family: Arial, Helvetica, sans-serif; font-size:9px; white-space:nowrap; text-align:center;cursor:pointer; width:25px;float:left; } .CP_over { background-color:#86B5D1; } */ #CP_hourcont {padding: 0px;position:absolute;border:1px dashed #bbbbbb;background-color:#dddddd;display:none;} #CP_minutecont {background-color:#dddddd;padding: 0px;position:absolute;width:45px;border: 1px dashed #cccccc;display:none;} .floatleft {float:left;} .CP_hour {padding:1px;font-family: Arial, Helvetica, sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:35px;margin:1px;background-color:#eeeeee;} .CP_minute {padding:1px;background-color:#eeeeee;font-family: Arial, Helvetica, sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:auto;margin:1px;} .CP_over {background-color:#ffffff;} /* .ui-tabs {padding: .2em; zoom: 1; font-size:1em;} .ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; } .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; } .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; } .ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0; background: none; } .ui-tabs-hide { display: none !important; } /**/ /* jQuery MultiSelect Plugin w/ ThemeRoller Support http://www.erichynds.com/jquery/jquery-multiselect-plugin-with-themeroller-support/ */ .ui-multiselect { padding:2px 0 2px 4px; text-align:left } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single label { padding:5px !important; display:inline !important; } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none;font-size:9px; } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000 } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px;width:15px; padding-right:4px; display:inline; } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } .multiWide label {width:99%;} .multiWide .ui-multiselect-options .ui-widget-header li {width:39%;clear:none;padding:0;margin:0;font-size:10px;background:none;border:0;float:left;display:inline !important;} /***************************************************************************** * FILE: anytime.css - The Any+Time(TM) JavaScript Library (stylesheet) * * VERSION: 4.1112G * * Copyright 2008-2010 Andrew M. Andrews III (www.AMA3.com). Some Rights * Reserved. This work licensed under the Creative Commons Attribution- * Noncommercial-Share Alike 3.0 Unported License except in jurisdicitons * for which the license has been ported by Creative Commons International, * where the work is licensed under the applicable ported license instead. * For a copy of the unported license, visit * http://creativecommons.org/licenses/by-nc-sa/3.0/ * or send a letter to Creative Commons, 171 Second Street, Suite 300, * San Francisco, California, 94105, USA. For ported versions of the * license, visit http://creativecommons.org/international/ * * Alternative licensing arrangements may be made by contacting the * author at http://www.AMA3.com/contact/ * * This file provides default styling for the Any+Time JavaScript Library's * calendar widget. The styles within can be overridden to customize the * picker's appearance for a particular platform. jQuery UI styles (such * as those created by jQuery ThemeRoller) will override the styles in this * stylesheet. * * These styles have been tested (but not extensively) on Windows Vista in * Internet Explorer 8.0, Firefox 3.0, Opera 10.10 and Safari 4.0. Minor * variations in IE older versions of IE are to be expected, due to its * broken box model. Please report any other problems to the author via * the URL above. * * Any+Time is a trademark of Andrew M. Andrews III. ****************************************************************************/ /* * The following styles ascertain that the types of elements used by * our picker have reasonable styles, especially font, font-size, * list-style-type, margin and padding. */ .AnyTime-pkr * { border:0; font: inherit; font-size: x-small; font-style:normal; font-weight:normal; list-style-type:none; margin:0; padding:0; white-space: nowrap; } /* * .AnyTime-win simulates a "window" that might be a popup or inline. * Styles should include background-color and border. A window should * be sized according to its contents; therefore, width and height * should NOT be specified. */ div.AnyTime-win { background-color:#F0F0F1; border:3px solid #C0C0C0; font:normal normal normal xx-small/normal sans-serif; padding-bottom:0.2em; -moz-border-radius:6px; -webkit-border-radius:6px; background:#fff; } /* * .AnyTime-pkr is the Date/Time picker, inserted into the page immediately * after the input (text field) to which it corresponds. The picker * attempts to size itself automatically based on its format fields; * therefore, do NOT set width or height. This is empty by default, * because .AnyTime-win styles provide consistent window appearance. */ .AnyTime-pkr { } /* * .AnyTime-cloak covers an AnyTime-pkr whenever an AnyTime-yr-selector is placed over * it. The picker cannot be accessed until the AnyTime-yr-selector has been * dismissed (possibly by clicking the AnyTime-cloak). The style usually * includes a background-color and opacity (and filter for MSIE opacity). */ .AnyTime-pkr .AnyTime-cloak { background-color:#D7D7D7; opacity:0.7; filter:alpha(opacity=70); } /* * .AnyTime-hdr is the title bar at the top of a "window." In addition to * the title label, the title bar for popup (non-inline) pickers also * contains .AnyTime-x-btn. */ .AnyTime-pkr .AnyTime-hdr { background-color:#D0D0D1; color:#606062; font-family:Arial,Helvetica,sans-serif; font-size:medium; font-weight:normal; height:1em; margin:0; padding:0 0 0.4em 0; text-align:center; -moz-border-radius:2px; -webkit-border-radius:2px; } /* * .AnyTime-x-btn is a pseudo-button that, when clicked, causes the entire * picker to disappear (the picker also disappears if the user clicks * almost anywhere off of it, or presses ESC). This is designed to have, * at minumum, a border and float:right. */ .AnyTime-pkr .AnyTime-x-btn { background-color:#FCFCFF; border:1px solid #F99; color:#FF9F9F; cursor:default; float:right; margin:0.3em; text-align:center; width:1.5em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; } /* * .AnyTime-btn is a pseudo-button for selection of a format field value. * Both height and float:left should be specified, but width is usually * left for different variations to specify (see classes .AnyTime-***-btn). */ .AnyTime-pkr .AnyTime-btn { background-color:#FCFCFE; border:1px solid #999; color:#606062; cursor:default; float:left; font-family:Arial,Helvetica,sans-serif; height:1.5em; margin-bottom:1px; margin-right:1px; padding-top:0.1em; -moz-border-radius:0.4em; -webkit-border-radius:0.4em; } /* * .AnyTime-body contains everything in thee picker except the title bar. * Because the picker attempts to size itself automatically based on * its format fields, do not width or height. */ .AnyTime-pkr .AnyTime-body { padding:0.5em; background:#fff;background-image:none; } /* * .AnyTime-date contains all content (labels and pseudo-buttons) for selecting * a date (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ .AnyTime-pkr .AnyTime-date { float:left; padding:0 0.5em; } /* * .AnyTime-lbl headings appear before each group of pseudo-buttons for a * particular format field. Each specific label has a class, also. * Styles clear:left and height should be specified here. */ .AnyTime-pkr .AnyTime-lbl { clear:left; color:#606063; font-family:Arial,Helvetica,sans-serif; font-size:100%; font-weight:normal; font-style:normal; height:1.3em; margin:0; padding:0; text-align:center; } .AnyTime-pkr .AnyTime-lbl-yr, .AnyTime-pkr .AnyTime-lbl-mon, .AnyTime-pkr .AnyTime-lbl-dom, .AnyTime-pkr .AnyTime-lbl-hr, .AnyTime-pkr .AnyTime-lbl-min, .AnyTime-pkr .AnyTime-lbl-sec { } /* * .AnyTime-yrs contains the year-selection pseudo-buttons. * A height and width should be specified. */ .AnyTime-pkr .AnyTime-yrs { height:2.6em; text-align:center; width:18.6em; } /* * Following are classes for the pseudo-buttons within .AnyTime-yrs * A width should be specified for each. */ .AnyTime-pkr .AnyTime-yrs-past-btn { width:2.7em; } .AnyTime-pkr .AnyTime-yr-prior-btn, .AnyTime-pkr .AnyTime-yr-cur-btn, .AnyTime-pkr .AnyTime-yr-next-btn { width:3.75em; } .AnyTime-pkr .AnyTime-yrs-ahead-btn { width:2.7em; } /* * .AnyTime-mons * .AnyTime-mons contains the month-selection pseudo-buttons. * A height and width should be specified. */ .AnyTime-pkr .AnyTime-mons { height:4.8em; text-align:center; width:18.8em; } /* * .AnyTime-mon-btn is for the pseudo-buttons within .AnyTime-mons * A width should be specified. * Each pseudo-button also has a class of its own. */ .AnyTime-pkr .AnyTime-mon-btn { width:2.75em; } .AnyTime-pkr .AnyTime-mon1-btn, .AnyTime-pkr .AnyTime-mon2-btn, .AnyTime-pkr .AnyTime-mon3-btn, .AnyTime-pkr .AnyTime-mon4-btn, .AnyTime-pkr .AnyTime-mon5-btn, .AnyTime-pkr .AnyTime-mon6-btn, .AnyTime-pkr .AnyTime-mon8-btn, .AnyTime-pkr .AnyTime-mon9-btn, .AnyTime-pkr .AnyTime-mon10-btn, .AnyTime-pkr .AnyTime-mon11-btn, .AnyTime-pkr .AnyTime-mon12-btn { } .AnyTime-pkr .AnyTime-mon7-btn { clear:left; } /* * .AnyTime-dom-table is the table containing days-of-the-month. * .AnyTime-dom-head is the table heading, containing days-of-the-week labels. * tr.AnyTime-dow is the row in the heading. * td.AnyTime-dow is a column heading; each heading has its own class, also. * .AnyTime-dom-body is the table heading, containing days-of-the-week labels. * .AnyTime-wk is a table row, containing pseudo-buttons for days. * Each week has its own class (.AnyTime-wk***), also. */ .AnyTime-pkr .AnyTime-dom-table { background-color:#F0F0F1; border:1px solid #E3E3E4; border-spacing:1px; width:18.6em; } .AnyTime-pkr .AnyTime-dom-head { } .AnyTime-pkr tr.AnyTime-dow { } .AnyTime-pkr th.AnyTime-dow { background-color:#C0C0C1; color:white; font-family:Arial,Helvetica,sans-serif; font-size:95%; font-weight:normal; font-style:normal; } .AnyTime-pkr .AnyTime-dow1, .AnyTime-pkr .AnyTime-dow2, .AnyTime-pkr .AnyTime-dow3, .AnyTime-pkr .AnyTime-dow4, .AnyTime-pkr .AnyTime-dow5, .AnyTime-pkr .AnyTime-dow6, .AnyTime-pkr .AnyTime-dow7 { } .AnyTime-pkr .AnyTime-dom-body { } .AnyTime-pkr .AnyTime-wk { } .AnyTime-pkr .AnyTime-wk1, .AnyTime-pkr .AnyTime-wk2, .AnyTime-pkr .AnyTime-wk3, .AnyTime-pkr .AnyTime-wk4, .AnyTime-pkr .AnyTime-wk5, .AnyTime-pkr .AnyTime-wk6 { } /* * .AnyTime-dom-btn is a pseudo-button for a day-of-the-month. * Styles width, text-align:right and float:none should be specified. * .AnyTime-dom-btn-filled is a button containing a specific day-of-the-month. * .AnyTime-dom-btn-empty is a button for an empty cell (no day-of-the-month). * .AnyTime-dom-btn-empty-above-filled is an empty button above a filled button. * .AnyTime-dom-btn-empty-before-filled is empty, left of a filled button. * .AnyTime-dom-btn-empty-after-filled is empty, right of a filled button. * .AnyTime-dom-btn-empty-below-filled is empty, below a filled button. */ .AnyTime-pkr .AnyTime-dom-btn { float:none; height:1.7em; text-align:right; padding:0 0.5em 0 0; } .AnyTime-pkr .AnyTime-dom-btn-filled { } .AnyTime-pkr .AnyTime-dom-btn-empty { background-color:#F3F3F4; border:1px solid #C0C0c1; } .AnyTime-pkr .AnyTime-dom-btn-empty-above-filled, .AnyTime-pkr .AnyTime-dom-btn-empty-before-filled, .AnyTime-pkr .AnyTime-dom-btn-empty-after-filled, .AnyTime-pkr .AnyTime-dom-btn-empty-below-filled { } /* * .AnyTime-time contains all content (labels and pseudo-buttons) for selecting * a time (or part thereof). It is designed to be float:left and should * have a small amount of paddding. */ .AnyTime-pkr .AnyTime-time { float:left; padding:0 0 0 1em; text-align:center; } /* * .AnyTime-hrs contains two columns (.AnyTime-hrs-am and .AnyTime-hrs-pm) of * pseudo-buttons for selecting hours. It is designed to be float:left, have * a width and padding. The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-hrs { float:left; padding-left:0.5em; padding-right:0.5em; text-align:center; width:7.2em; } .AnyTime-pkr .AnyTime-hrs-am, .AnyTime-pkr .AnyTime-hrs-pm { float:left; width:3.6em; } /* * .AnyTime-hr-btn is a pseudo-button for selecting an hour. * Style should include width. * Each button also has a style of its own. */ .AnyTime-pkr .AnyTime-hr-btn { text-align:right; padding-right:0.25em; width:3em; } .AnyTime-pkr .AnyTime-hr0-btn, .AnyTime-pkr .AnyTime-hr1-btn, .AnyTime-pkr .AnyTime-hr2-btn, .AnyTime-pkr .AnyTime-hr3-btn, .AnyTime-pkr .AnyTime-hr4-btn, .AnyTime-pkr .AnyTime-hr5-btn, .AnyTime-pkr .AnyTime-hr6-btn, .AnyTime-pkr .AnyTime-hr7-btn, .AnyTime-pkr .AnyTime-hr8-btn, .AnyTime-pkr .AnyTime-hr9-btn, .AnyTime-pkr .AnyTime-hr10-btn, .AnyTime-pkr .AnyTime-hr11-btn, .AnyTime-pkr .AnyTime-hr12-btn, .AnyTime-pkr .AnyTime-hr13-btn, .AnyTime-pkr .AnyTime-hr14-btn, .AnyTime-pkr .AnyTime-hr15-btn, .AnyTime-pkr .AnyTime-hr16-btn, .AnyTime-pkr .AnyTime-hr17-btn, .AnyTime-pkr .AnyTime-hr18-btn, .AnyTime-pkr .AnyTime-hr19-btn, .AnyTime-pkr .AnyTime-hr20-btn, .AnyTime-pkr .AnyTime-hr21-btn, .AnyTime-pkr .AnyTime-hr22-btn, .AnyTime-pkr .AnyTime-hr23-btn { } /* * .AnyTime-mins contains two columns (.AnyTime-mins-tens and .AnyTime-mins-ones) * of pseudo-buttons for selecting minutes. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-mins { float:left; padding-left:0.5em; padding-right:0.5em; text-align:center; width:4.7em; } .AnyTime-pkr .AnyTime-mins-tens, .AnyTime-pkr .AnyTime-mins-ones { float:left; width:2.3em; } /* * .AnyTime-min-ten-btn is a button in the .AnyTime-mins-tens column. * .AnyTime-min-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ .AnyTime-pkr .AnyTime-min-ten-btn, .AnyTime-pkr .AnyTime-min-one-btn { float:left; text-align:center; width:2em; } .AnyTime-pkr .AnyTime-min-ten-btn-empty, .AnyTime-pkr .AnyTime-min-one-btn-empty { background-color:#F3F3F4; border:1px solid #C0C0c1; } .AnyTime-pkr .AnyTime-min00-btn, .AnyTime-pkr .AnyTime-min10-btn, /*etc*/ .AnyTime-pkr .AnyTime-min0-btn, .AnyTime-pkr .AnyTime-min1-btn /*etc*/ { } /* * .AnyTime-secs contains two columns (.AnyTime-secs-tens and .AnyTime-secs-ones) * of pseudo-buttons for selecting seconds. * It is designed to be float:left, have a width and padding. * The columns should each have width and float:left. */ .AnyTime-pkr .AnyTime-secs { float:left; padding-left:0.5em; padding-right:0.5em; text-align:center; width:4.7em; } .AnyTime-pkr .AnyTime-secs-tens, .AnyTime-pkr .AnyTime-secs-ones { float:left; width:2.3em; } /* * .AnyTime-sec-ten-btn is a button in the .AnyTime-secs-tens column. * .AnyTime-sec-one-btn is a button in the .AnyTime-ones-tens column. * A width should be specified. * Each button also has its own style. */ .AnyTime-pkr .AnyTime-sec-ten-btn, .AnyTime-pkr .AnyTime-sec-one-btn { float:left; text-align:center; width:2em; } .AnyTime-pkr .AnyTime-sec-ten-btn-empty, .AnyTime-pkr .AnyTime-sec-one-btn-empty { background-color:#F3F3F4; border:1px solid #C0C0c1; } .AnyTime-pkr .AnyTime-sec00-btn, .AnyTime-pkr .AnyTime-sec10-btn, /*etc*/ .AnyTime-pkr .AnyTime-sec0-btn, .AnyTime-pkr .AnyTime-sec1-btn /*etc*/ { } /* * .AnyTime-offs contains the UTC offset (timezone) selection pseudo-buttons. * The container is designed to have clear:left, float:left and padding. * The two buttons have their own styles, and .AnyTime-off-select-btn should * include a width. * The width of the container and the .AnyTime-off-cur-btn should not be * specified, as they are computed based on the width of the * .AnyTime-off-select-btn and the .AnyTime-time container. */ .AnyTime-pkr .AnyTime-offs { clear:left; float:left; padding-left:0.5em; padding-top:0.5em; text-align:center; } .AnyTime-pkr .AnyTime-off-btn, .AnyTime-pkr .AnyTime-off-cur-btn { } .AnyTime-pkr .AnyTime-off-select-btn { width:1.5em; } /* * .AnyTime-yr-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * whether "era" buttons are displayed; therefore, do not set width. * AnyTime-hdr-yr-selector is its title bar. * AnyTime-body-yr-selector is its body. */ .AnyTime-pkr .AnyTime-yr-selector { } .AnyTime-pkr .AnyTime-hdr-yr-selector { } .AnyTime-pkr .AnyTime-body-yr-selector { padding:1em; } /* * .AnyTime-yr-mil is the column of millenium-selector pseudo-buttons. * .AnyTime-yr-cent is the column of century-selector pseudo-buttons. * .AnyTime-yr-dec is the column of decade-selector pseudo-buttons. * .AnyTime-yr-yr is the column of year-selector pseudo-buttons. * A width and float:left should be specified for each. * * .AnyTime-mil-btn is a millenium-selector button. * .AnyTime-cent-btn is a century-selector button. * .AnyTime-dec-btn is a decade-selector button. * .AnyTime-yr-btn is a year-selector button. * Each button has its own class, also. */ .AnyTime-pkr .AnyTime-yr-mil, .AnyTime-pkr .AnyTime-yr-cent, .AnyTime-pkr .AnyTime-yr-dec, .AnyTime-pkr .AnyTime-yr-yr { float:left; width:2.5em; } .AnyTime-pkr .AnyTime-mil-btn, .AnyTime-pkr .AnyTime-cent-btn, .AnyTime-pkr .AnyTime-dec-btn, .AnyTime-pkr .AnyTime-yr-btn { float:left; text-align:center; width:2em; } .AnyTime-pkr .AnyTime-mil0-btn, .AnyTime-pkr .AnyTime-mil1-btn, /* etc */ .AnyTime-pkr .AnyTime-cent0-btn, .AnyTime-pkr .AnyTime-cent1-btn, /* etc */ .AnyTime-pkr .AnyTime-dec0-btn, .AnyTime-pkr .AnyTime-dec1-btn, /* etc */ .AnyTime-pkr .AnyTime-yr0-btn, .AnyTime-pkr .AnyTime-yr1-btn /* etc */ { } /* * .AnyTime-yr-era contains the column of era-selection pseudo-buttons. * A width and float:left should be specified. * Each era button has class .AnyTime-era-btn (with width) as well as * its own class. */ .AnyTime-pkr .AnyTime-yr-era { float:left; padding-left:1em; width:4.1em; } .AnyTime-pkr .AnyTime-era-btn { text-align:center; width:3em; } .AnyTime-pkr .AnyTime-bce-btn, .AnyTime-pkr .AnyTime-ce-btn { } /* * .AnyTime-off-selector is an overlay (popup) for selecting a specific year. * The picker attempts to size the overlay automatically, based on * its contents; therefore, do not set width. * .AnyTime-hdr-off-selector is its title bar. * .AnyTime-body-off-selector is its body. * .AnyTime-off-off is the column of offset-selector pseudo-buttons. * .AnyTime-off-off-btn is an offset-selector pseudo-button. * .AnyTime-off-off-last-btn is the last offset-selector pseudo-button. */ .AnyTime-pkr .AnyTime-off-selector { } .AnyTime-pkr .AnyTime-hdr-off-selector { } .AnyTime-pkr .AnyTime-body-off-selector { margin:0.5em; } .AnyTime-pkr .AnyTime-off-off { } .AnyTime-pkr .AnyTime-off-off-btn { clear:left; padding-left:1em; padding-right:1em; text-align:left; } .AnyTime-pkr .AnyTime-off-off-last-btn { } /* * .AnyTime-cur-btn is applied to every pseudo-button that represents * a currently-selected value. They should stand out from the other * buttons, using a different background-color, border, color, font, * font-style and/or font-weight. Note that color alone is not * sufficient for color-blind users to differentiate the buttons. */ .AnyTime-pkr .AnyTime-cur-btn { border:1px solid #333334; background-color:#C0C0C1; color:#000; font-weight:bold; } /* * .AnyTime-out-btn is applied to every pseudo-button that represents * a value that should not be selected because it would make the value. * out-of-range. Typically, this is to give it a "grayed-out" appearance. * Note that color alone is not sufficient for color-blind users to * differentiate the buttons, but since there's no harm in pressing these * buttons, it's probably no big deal. */ .AnyTime-pkr .AnyTime-out-btn { background-color:#F0F0F1; border:1px solid #C0C0c1; } /* * .AnyTime-focus-btn is applied to the single pseudo-button that appears to * have keyboard focus. It should stand out from all other buttons, * using a different background-color, border, color, font, font-style * and/or font-weight. Note that color alone is not sufficient for * color-blind users to differentiate the button. Because most UIs * represent focus using a dashed or dotted border, this is recommended. */ .AnyTime-pkr .AnyTime-focus-btn { border:1px dashed black; } /* * END OF FILE */