* {padding:0; margin:0;}
img { border: none;}
.clear { clear:both; }
.marginTB { margin: 10px 0;}
#calenwrap { background: url(../images/loading.gif) no-repeat  center center; height:40em; }
#calendar #today { border: 2px solid #66b361 !important; }
#calendar .hightlightDZ { background: #ffffff url("../images/event-green-bg.gif") repeat-x bottom left !important; }
#calendar .hightlight { background: #ffffff url("../images/event-dark-bg.gif") repeat-x bottom left !important; }
#calendar .hightlightBoth { background: #ffffff url("../images/multiple.gif") no-repeat bottom center !important; }
#calendar table { border-collapse:collapse;}
/* cal table */
#calendar .dayrow td { color: #000; border: 1px solid #D0D1CC; vertical-align: top; padding:3px; background: #ffffff url("../images/event-cell-bg.gif") repeat-x left bottom; height:6em; width:7.5em;}
#calendar .dayrow .cal_content { left:-12px; height:6.5em; overflow:hidden; font-size:70%; }
#calendar #firstrow { vertical-align:middle; color:#a3a3a3; font-size:1.6em; padding: 0.5em 0 }
#calendar #firstrow #now a { color:#a3a3a3; font-size:0.8em !important;}
#calendar #firstrow img { margin:0;}
#calendar #firstrow a {color:white; text-decoration:none; font-size:120%; padding: 0 0.3em;}
#calendar .dayHeader th { text-align: center; color: #000; height:2em; font-weight:normal;}
#calendar #now { float:right;}
#calendar .dayrow { background: #FFF; }
#calendar div.day { font-weight:bold; font-size:85%; }
#calendar .day span {font-size: 10px; }
#calendar #extra { visibility:hidden;}
#calendar .cal_content a { display: block; height:5.5em; text-decoration:none; color: #66b361; font-size: 120%; padding:0.3em 0 0 0; }
#calendar #rss { padding: 0 0 0 0.8em; margin:0.8em 0 0 0; }
#calendar #rss img { vertical-align: middle; }
#calendar #rss a { color: #64B25E; text-decoration:none; }
#calendar #rss a:hover { text-decoration:underline; }
#img-rss { width:1.33em; height:1.33em; }

/* later may use for hover event on the cell
.on { background-color: #EEE;}
.out { background-color: #FFF; }
*/

/* upon setting */
.upcoming-events .events-box { width:49.9%; float:left }
.upcoming-events dl { clear:both; }
.upcoming-events dt, .upcoming-events .events-box dt { width: 27%; font-size:75%; }
.upcoming-events dd{ float:right; width: 71%; font-size:75%;}
.upcoming-events h3 { font-weight:normal; margin-bottom: 0.5em; }
.upcoming-events h4 { color:#A6A5AB; font-weight:normal; }
.upcoming-events h5 { color:#60B363; font-weight:normal; }

/* ----------------------------------------jquery tabs---------------------------------------- */
.ui-tabs-hide { display:none;}
.ui-tabs-panel { clear: left; height:15em; min-height:15em; overflow: hidden;}
#cluetip #cluetip-title{ float:right; width:2em; position: relative; top:25px; right: 15px; z-index:10;  }
#cluetip .tab-content { font-size:11px; margin:0; }
#cluetip .tabs-nav li { background-color: white; margin: 0 0 -1px 6px !important; border:1px solid #c3c8c3; list-style:none;}
#cluetip .tabs-nav li.ui-tabs-selected { background-color: #65b461; }
#cluetip .tabs-nav li a {  font-size:11px; padding:2px 5px;}
#cluetip #box h3 { color: #8A8B8E; font-size:13px; padding:10px 0pt 5px 11px; background: transparent url(../images//box-top.gif) no-repeat left top; text-align: left !important;}
#cluetip #box .multiBox h3 { background: white url(/images/silverBg.gif) repeat-x left top !important; border-left:1px solid silver; border-right:1px solid silver; }
#cluetip #box-wrap { background-color: white; padding-bottom:1px; border-left: 1px solid silver; border-right:1px solid silver; }
#cluetip #box-right a { background: url(../images/calRight.gif) left center no-repeat; padding: 0 0 0 18px; color: #66B361;text-decoration:none; }
#cluetip #box-right a:hover { text-decoration:underline; } 
#cluetip #box-wrap p {  margin:3px 0; }/* line-height: 16px;*/
#cluetip .margin { margin: 10px 0; }
#cluetip #box-right { float:right; padding:0em; background: white; z-index: 110; width:110px; display: inline; position:relative }
#cluetip #box-left { min-height: 140px; padding:0em 0px 1em 1em; background: white;  width:200px; font-size:11px; }
#cluetip .tabs-nav {    list-style: none;    margin: 0;    padding: 0 0 0 3px; clear:both; position: relative; float:left; clear:both; z-index: 100;}
#cluetip .tabs-nav:after { display: block;    clear: both;    content: " ";}
#cluetip .tabs-nav li {    float: left;    margin: 0;   width: 60px; }
#cluetip .tabs-nav a, .tabs-nav a span {    display: block;    padding: 0 10px;    background: url(tab.png) no-repeat;}
#cluetip .tabs-nav a {    position: relative;    top: 1px;    z-index: 2;    padding-left: 0;    color: #65B461;    font-size: 14px;    font-weight: bold;    text-decoration: none;    white-space: nowrap;  }
#cluetip .tabs-nav .ui-tabs-selected a {    color: #000;}
#cluetip .tabs-nav .ui-tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {    background-position: 100% -150px; outline: 0; }
#cluetip .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {    background-position: 100% -100px;	text-align:left;}
#cluetip .tabs-nav a span {    width: 64px; min-width: 64px;    height: 18px; min-height: 18px;    padding-top: 6px;    padding-right: 0;}
*>.tabs-nav a span { width: auto;    height: auto;}
#cluetip .tabs-nav .ui-tabs-selected a span {    padding-top: 7px;}
#cluetip .tabs-nav .ui-tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {    background-position: 0 -50px;}
#cluetip .tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {    background-position: 0 0;}
#cluetip .tabs-nav .ui-tabs-selected a:link, .tabs-nav .ui-tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text; color: white !important;}
#cluetip .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { cursor: pointer;}
#cluetip .tabs-nav .tabs-disabled {    opacity: .4;}
#cluetip .tabs-container { background: transparent url(../images/box-bot.gif) no-repeat scroll left bottom; padding:0 0 10px 0; position:relative; clear:both; }
#cluetip .tabs-loading em {    padding: 0 0 0 20px;    background: url(../images/loading.gif) no-repeat 0 50%;}
#cluetip .weblink { background: url(../images/calRight.gif) left center no-repeat; padding: 0 0 0 18px; }
#cluetip .weblink a { color: #66B361; text-decoration:none;  }
#cluetip .weblink a:hover { text-decoration:underline; } 
#cluetip #box-right p { line-height: 16px; margin:3px 0; }
#cluetip #box-wrap dd { float:right; width: 120px; }
#cluetip #rightcolumn dt, #box-wrap dt { width: 70px }
#cluetip #rightcolumn dd{ float:right; width: 120px; }


/* ----------------------------------- jquery cluetip ----------------------------------------------------------*/
/* global */
#cluetip-close img {  border: 0;  vertical-align:middle;}
#cluetip-title #cluetip-close {  float: right;  position: relative; }
#cluetip-waitimage {  width: 43px;  height: 11px;  position: absolute;  background-image: url(../images/loading.gif);}
.cluetip-arrows {  display: none;  position: absolute;  top: 0;  left: -11px;  height: 22px;  width: 11px;  background-repeat: no-repeat;  background-position: 0 0;}
#cluetip-extra {  display: none;}

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */

.cluetip-default {  }
.cluetip-default #cluetip-outer {  position: relative;  margin: 0;}
.cluetip-default h3#cluetip-title {}
.cluetip-default #cluetip-title a {  color: #d9d9c2;  font-size: 0.95em;}  
.cluetip-default #cluetip-inner {  padding: 5px 5px 0 5px;  min-height:1em;}
.cluetip-default div#cluetip-close {   text-align: right;  margin: 0 5px 0 0;  color: #900;}

/* default arrows */

.clue-right-default .cluetip-arrows {  background-image: url(../images/darrowleft.gif);}
.clue-left-default .cluetip-arrows {  background-image: url(../images/darrowright.gif);  left: 100%;  margin-right: -11px;}
.clue-top-default .cluetip-arrows {  background-image: url(../images/darrowdown.gif);  top: 99.5%;  left: 50%;  margin-left: -11px;  height: 23px;  width: 22px; }   
.clue-bottom-default .cluetip-arrows {  background-image: url(../images/darrowup.gif);  top: -6px;  left: 50%;  margin-left: -11px;  height: 23px;  width: 22px;}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {  background-color: transparent;}
.cluetip-jtip #cluetip-outer {  border: 2px solid #ccc;  position: relative;  background-color: #fff;}
.cluetip-jtip #cluetip-title {  margin: 0 0 5px;  padding: 2px 5px;  font-size: 16px;  font-weight: normal;  background-color: #ccc;  color: #333;}
.cluetip-jtip #cluetip-inner {  padding: 0 5px 5px;  display: inline-block;}
.cluetip-jtip div#cluetip-close {   text-align: right;  margin: 0 5px 5px;  color: #900;}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {  background-image: url(../images/arrowleft.gif);}
.clue-left-jtip .cluetip-arrows {  background-image: url(../images/arrowright.gif);  left: 100%;  margin-right: -11px;}
.clue-top-jtip .cluetip-arrows {  background-image: url(../images/arrowdown.gif);  top: 100%;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;  }  
.clue-bottom-jtip .cluetip-arrows {  background-image: url(../images/arrowup.gif);  top: -11px;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;}

.cluetip-rounded {  background: transparent url(../images/bl.gif) no-repeat 0 100%;  margin-top: 10px;  margin-left: 12px;}
.cluetip-rounded #cluetip-outer {  background: transparent url(../images/tl.gif) no-repeat 0 0;  margin-top: -12px;}
.cluetip-rounded #cluetip-title {  background-color: transparent;  padding: 12px 12px 0;  margin: 0 -12px 0 0;  position: relative;}
.cluetip-rounded #cluetip-extra {  position: absolute;  display: block;  background: transparent url(../images/tr.gif) no-repeat 100% 0;  top: 0;  right: 0;  width: 12px;  height: 30px;  margin: -12px -12px 0 0;}
.cluetip-rounded #cluetip-inner {  background: url(../images/br.gif) no-repeat 100% 100%;  padding: 5px 12px 12px;  margin: -18px -12px 0 0;  position: relative;}
.cluetip-rounded div#cluetip-close {   text-align: right;  margin: 0 5px 5px;  color: #009;  background: transparent;}
.cluetip-rounded div#cluetip-close a {  color: #777;}

/* rounded arrows */
.clue-right-rounded .cluetip-arrows {  background-image: url(../images/rarrowleft.gif);}
.clue-left-rounded .cluetip-arrows {  background-image: url(../images/rarrowright.gif);  left: 100%;  margin-left: 12px;}
.clue-top-rounded .cluetip-arrows {  background-image: url(../images/rarrowdown.gif);  top: 100%;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;  }  
.clue-bottom-rounded .cluetip-arrows {  background-image: url(../images/rarrowup.gif);  top: -23px;  left: 50%;  margin-left: -11px;  height: 11px;  width: 22px;}

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {  zoom: 1;}