/* The main calendar widget.  DIV containing a table. */
.calendar{position:relative;display:none;font-size:11px;cursor:default;background-color:#f3f3f3;}
.calendar table{font-size:11px;color:#000;cursor:default;}
/* Header part -- contains navigation buttons and day names. */
.calendar .button{ /* "<<", "<", ">", ">>" buttons have this class */
text-align:center;padding:1px;border:1px solid #fff;}
.calendar .nav{background:transparent url(menuarrow.gif) no-repeat 100% 100%;}
.calendar thead .title{ /* This holds the current "month, year" */
font-weight:bold;padding:3px;background-color:#f3f3f3;color:#000;text-align:center;}
.calendar thead .topytop{display:none;}
.calendar thead .headrow{ /* Row <TR> containing navigation buttons */
}
.calendar thead .daynames{ /* Row <TR> containing the day names */
}
.calendar thead .name{ /* Cells <TD> containing the day names */
border-bottom:1px solid #a9a9a9;border-top:1px solid #a9a9a9;padding:2px 1px;text-align:center;background-color:#e3e3e3;}
.calendar thead .weekend { /* How a weekend day name shows in header */
color:#000;}
.calendar thead .hilite{ /* How do the buttons in header appear when hover */
border:1px solid #333;padding:0;background-color:#fff;}
.calendar thead .active { /* Active (pressed) buttons in header */
padding:2px 0px 0px 2px;border:1px solid #ccc;background-color:#fff;}
/* The body part -- contains all the days in month. */
.calendar tbody .day{ /* Cells <TD> containing month days dates */
width:22px;text-align:right;padding:2px 4px 2px 2px;}
.calendar tbody .day.othermonth{font-size:80%;color:#aaa;}
.calendar tbody .day.othermonth.oweekend{color:#faa;}
.calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid #a9a9a9;background-color:#e3e3e3;}
.calendar tbody .rowhilite td{background-color:#e3e3e3;}
.calendar tbody .rowhilite td.wn{background-color:#f3f3f3;}
.calendar tbody td.hilite{ /* Hovered cells <TD> */
padding:1px 3px 1px 1px;border:1px solid #333;background-color:#fff;}
.calendar tbody td.active{ /* Active (pressed) cells <TD> */
padding:2px 2px 0px 2px;border:1px solid #333;}
.calendar tbody td.selected{ /* Cell showing selected date */
font-weight:bold;padding:2px 2px 0px 2px;border:1px solid #333;background-color:#fff;}
.calendar tbody td.weekend{ /* Cells showing weekend days */
color:#333;}
.calendar tbody td.today{ /* Cell showing today date */
font-weight:bold;}
.calendar tbody .disabled{color:#999;}
.calendar tbody .emptycell{visibility:hidden;}
.calendar tbody .emptyrow *{color:#e3e3e3!important;}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow{ /* The <TR> in footer (only one right now) */
}
.calendar tfoot .ttip{ /* Tooltip (status bar) cell <TD> */
background-color:#fff;padding:1px;border-top:1px solid #a9a9a9;color:#333;text-align:center;font-weight:bold;}
.calendar tfoot .hilite{ /* Hover style for buttons in footer */
border-right:1px solid #a9a9a9;background-color:#666;}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
padding:2px 0px 0px 2px;border:1px solid #a9a9a9;}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo{position:absolute;display:none;width:4em;top:0;left:0;cursor:default;border:1px solid #333;background-color:#efefef;font-size:90%;padding:1px;z-index:100;}
.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;}
.calendar .combo .label-IEfix{width:4em;}
.calendar .combo .active{background-color:#f3f3f3;padding:0;border:1px solid #a9a9a9;}
.calendar .combo .hilite{background-color:#333;color:#efefef;}
.calendar td.time{border:1px solid #000;padding:1px 0px;text-align:center;background-color:#e8f0f4;}
.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{padding:0px 3px 0px 4px;border:1px solid #a9a9a9;font-weight:bold;background-color:#fff;}
.calendar td.time .ampm{text-align:center;}
.calendar td.time .colon{padding:0 2px 0 3px;font-weight:bold;}
.calendar td.time span.hilite{background-color:#667;color:#fff;}
.calendar td.time span.active{border-color:#333;background-color:#000;color:#0f0;}
#newsTicker{width:224px;border:solid 1px #999999;float:left;background-color:#fff;overflow:hidden;margin:5px 0 0 0;}
#newsTicker h2{font-weight:bold;font-size:16px;margin:0 0 0 10px;padding:0;text-align:center;color:#333;}
#newsTicker .SlidingPanels{width:224px;height:246px;float:left;}
#newsTicker .SlidingPanelsContentGroup{width:224px;float:left;}
#newsTicker .SlidingPanelsContent{float:left;width:224px;height:246px;background-color:#fff;}
#newsTicker .prev{text-align:center;padding:4px 4px;margin:2px;clear:both;background-color:#f3f3f3;}
#newsTicker .prev a{outline:none;text-decoration:none;font-size:12px;}
.SlidingPanelsAnimating *{overflow:visible!important;}
.SlidingPanels{position:relative;width:100%;height:400px;padding:0;border:none;}
.SlidingPanelsContentGroup{position:relative;width:100%;margin:0;padding:0;border:none;}
.SlidingPanelsContent{width:100%;height:400px;overflow:hidden;margin:0;padding:0px;border:none;}
.SlidingPanelsAnimating *{overflow:hidden!important;}
#fillArea{margin:15px;text-align:center;}
#fillArea *{font-size:12px;}
.calFront{font-size:14px;font-weight:bold;color:#333;}