/* ---------------------- Start tools (Create Event, Login, Help) menu ---------------------- */
.calTools {float:right; padding:0px 0px 0px 10px;}
.calTools a{color:#069FD1;text-decoration:none;}
.calTools ul{margin:0; float:right;}
.calTools ul li{display:block; float:left; padding:0px 8px; border-right:1px solid #ccc;}
.calTools ul li a:hover{color:#069FD1;text-decoration:underline;}
.calTools ul li.active a{color:#474747; font-weight:bold;}
.back {float:left; background:url(/calendar/images/icon_arrow_back.gif) no-repeat; font-size:85%;color:#989898; display:block; text-decoration:none; margin:0px 0px 0px 10px; padding:0 20px;} 
a.createLink{color:#0c4f73; font-weight:bold; background:url(/calendar/images/icon_calendar.gif) no-repeat; padding:0px 0px 0px 20px;}
/* ---------------------- END tools menu  ---------------------- */

/* ---------------------- Start Search Box ---------------------- */
.searchBox{float:none; padding:0 40px 3px 0;}

.searchBox .formField .btn {margin:0px 0px 0px 0px;}

#calendarSearch div.browseButton{padding:0 0 10px 0px}
#calendarSearch div.searchButton{padding:0 0 10px 255px}

.searchBox .formField #moreOptionsButton {margin-left:0px;}
#bodyContent .searchBox .formField h2 {color:#0C4F73;font-size:1.25em;line-height:1.25em;margin:0 0 0px;}
.formField{padding-right:5px;float:left;}
input.button{padding-left:5px;padding-right:3px;}
.filterBox{position:absolute;z-index:500;width:500px;background:#EAEAEC;padding:10px;margin:30px 0px 0px 25px;border:1px solid #999;max-height:490px;overflow:auto;}
.ie6 .filterBox{margin:27px 0px 0px -400px; max-height:500px;}
.ie7 .filterBox{margin:27px 0px 0px -400px;max-height:500px;}
.filterBox #tagsFilterBox{float:left;width:43%;}
.filterBox #categoriesFilterBox{margin-right:10px;width:47%;float:left;}
.filterBox li{list-style:none;list-style-type:none;line-height:131%;}
.filterBox ul li a{margin:0px 0px 6px 0px;padding:0px 0px 0px 0px;color:#333;display:block;text-decoration:none;line-height:108%;}
.filterBox ul li a:hover{text-decoration:none;color:#0c4f73;}
.filterBox ul{margin:0px 0px 10px 0px;}
.filterBox h3{margin:0px 0px 5px 0px;font-size:85%;font-weight:bold;color:#980436;text-transform:uppercase;}
.filterBox li ul li a{color:#797979;line-height:123.1%;margin:0px 0px 0px 15px;text-decoration:none;}
.filterBox li a:hover{text-decoration:underline;}
#categoriesBox {margin-top:0;margin-left:0;font-size:93%;width:330px;}
.ie6 #categoriesBox h3, .ie7 #categoriesBox h3{font-size:100%;}
/* ---------------------- END Search ---------------------- */

/* ---------------------- Start view menu ---------------------- */
.viewBox{float:right; background:#D5D5D5; margin:0px 4px -1px 0px;}
#bodyContent .viewBox a{color:#6E6E6E;}
.viewBox a{color:#6E6E6E; display:block; float:left; padding:5px 2px 5px 26px; width:45px; height:20px; text-decoration:none;border-right: 1px solid #fff;}
.ie6 .viewBox div{margin:0px 0px -7px 0px;}
.dayOff{background:url(/calendar/images/icon_dayOff.gif) no-repeat 3px 4px;} 
.weekOff{background:url(/calendar/images/icon_weekOff.gif) no-repeat 3px 4px;}
.monthOff{background:url(/calendar/images/icon_monthOff.gif) no-repeat 3px 4px;}
#bodyContent a.dayOff:hover, a.dayOn:hover{background:url(/calendar/images/icon_dayOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#bodyContent a.dayOn{background:url(/calendar/images/icon_dayOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#bodyContent a.weekOff:hover, a.weekOn:hover{background:url(/calendar/images/icon_weekOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#bodyContent a.weekOn{background:url(/calendar/images/icon_weekOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#bodyContent a.monthOff:hover, a.monthOn:hover{background:url(/calendar/images/icon_monthOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#bodyContent a.monthOn{background:url(/calendar/images/icon_monthOn.gif) #0c4f73 no-repeat 3px 4px; color:#FFF;}
#listDrop{position:absolute;z-index:600;background:#EAEAEA;width:130px;font-size:77%;padding:0px 0px;border:1px solid #D3D3D3;margin:27px 0px 0px -1px;}
.ie7 #listDrop, .ie6 #listDrop{margin-left:-222px;}
#listDrop a{display:block; color:#000;width:105px;padding:2px 5px 2px 20px;}
#listDrop a:hover{background:#B5B5B5;}
#listDrop a.active{background:url(/calendar/images/bg_mark.gif) no-repeat 3px 3px;}
#listDrop a.active:hover{background:url(/calendar/images/bg_mark.gif) #B5B5B5 no-repeat 3px 3px;}
/* ---------------------- End view menu ---------------------- */

/* ---------------------- Start month view ---------------------- */
.date{text-align:right;display: block;clear:both;}
.noDate{background:#E2E6C5;}
.today{background:#C9DF70;}
#monthControls{padding-bottom:5px;}
.date{text-align:right;display: block;clear:both;}
.generalDef{margin:18px 0px;}
.generalDef dt{font-weight:normal; width:19%; font-size:85%; float:left; clear:both; display:block; margin:0px 0px 10px 0px;}
.generalDef dd{width:80%; float:left; margin:0px 0px 10px 0px;}
.generalDef.withImg dd, .generalDef.withImg dt{margin:0px 0px 30px 0px;}
.generalDef h3{color:#666;font-size:100%; font-family:Verdana,Helvetica,"trebuchet MS",Verdana,sans-serif,sans-serif; font-weight:bold; margin:-2px 0px 0px 0px;}
.generalDef h4{font-weight:normal; color:#ABABAB; margin:5px 0px;}
.generalDef strong{color:#333;}
.mainCol hr{background-color:#D9D9D9;border:0px none;color:#D9D9D9;height:1px;margin:20px 0px;}
.ie6 .dropBig{margin:0px 0px 0px -3px;}
.files{margin:0px;padding:0px;}
.files li{list-style-type:none;margin:8px 0px;}
.files img{margin:0px 0px -1px 0px;}
.rss_btn{margin:3px 11px 0px 0px; float:right;}
/* ---------------------- END month view ---------------------- */

/* ---- Start event detail --- */
.title h2{border:1px solid #9ACB31;background:#98CD34; padding:10px;margin:10px 0px;}
h3.small{font-family:Verdana,Helvetica,"trebuchet MS",Verdana,sans-serif,sans-serif;font-size:93%;line-height:131%; color:#323232; margin:10px 0px; font-weight:bold;}
.title h2{color:#302C3D; font-weight:bold;}
.rightCol{padding:15px 20px; line-height:146.5%;}
.rightCol h2{margin:0px 0px 15px -10px;}
#bodyContent .rightCol h3{color:#000; font-size:100%; line-height:138.5%; font-weight:bold; margin:0px 0px 10px 0px; border-bottom:none; padding:0px 0px 2px 0px;}
.rightCol dl{margin-bottom:20px;}
.rightCol dt, .rightCol dt a{font-size:100%;font-weight:bold;color:#323232;text-decoration:none; line-height:131%; padding:0px 0px 2px 0px;}
.rightCol dt a:hover{color:#069FD1;}
.rightCol dd{padding:5px 0px 10px 0px;}
.rightCol dd a {color:#318BBC;}
.relatedEvents a{color:#6B6B6B;}
.close{margin-bottom:-1px;}
.address{float:left; margin:0px 0px 0px 0px; width:60%;}
#bodyContent .rightCol dt{border-top:none;padding:0px 0px 0px 0px;font-size:100%;font-weight:bold;color:#323232;text-decoration:none; line-height:131%;}
/* -- end event detail -- */


#bodyContent .calendar {padding: 0 auto; margin: 0 auto; color:#760000; background-color:#fff; border-left:1px solid #D9D9D9;}
#bodyContent th{padding:0 0 0 5px;text-align:center;color:#000;background:#D5D5D5;font-weight:bold;font-size:0.9em;}
#bodyContent #calendar td{font-size:77%; line-height:116%; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; width:14%; height:100px;vertical-align:top; padding: 5px 2px 10px 5px; white-space:normal;}
#bodyContent .dayNumber{text-align:right;display: block;clear:both; padding:2px 3px;}
#bodyContent .dayNumber a{text-decoration:none;color:#0c4f73;font-weight:bold;  font-size:108%;}
#bodyContent .dayNumber a:hover{background:#0c4f73;color:#fff;}
#bodyContent .allDayEvents a{background:#eee;display:block;color:#0c4f73;; text-decoration:none; margin:0px -2px 0px -5px; padding:5px;}
#bodyContent .dayEventsSection{margin:10px 0px;}
#bodyContent .dayEventsSection a{color:#0c4f73; text-decoration:none; margin:2px;}
#bodyContent .allDayEvents a:hover, #bodyContent .dayEventsSection a:hover{color:#0c4f73; text-decoration:underline;}
#bodyContent .dayEventsSection span{color:#333;display:none;}
#bodyContent .emptyDay{background:#fff;}
#bodyContent .locationWrap{margin: 0px; float: left; width: 250px;}
#bodyContent .caption{text-transform:uppercase;text-align:center;padding:10px;background:#0C4F73;color:#FFF;font-weight:bold;font-size:123.1;}
#bodyContent .subcaption{text-transform:uppercase;padding:5px;background:#3FA1D3;color:#FFF;font-weight:bold;font-size:123.1;}

/* --------------------- Calendar Navigation (small table) ------------------------*/
.tableWrap{border:1px solid #D9D9D9;width:210px;margin:0px 0px 20px 0px;}
#calendarNavigation td{border:0px;padding:3px 0px 0px 0px;height: 25px;width: 27px;background:#FFF;}
#calendarNavigation th{border-top:0px;border-bottom:0px;border-right:0px;border-top:0px;color:#FFF;background:#0C4F73;cursor:pointer;cursor:hand;}
#calendarNavigation table{font-size:77%;width:210px;margin-bottom:0px;}
#navBodyHead{color:#000;} 
#navBodyHead .weekend{color:#959A9D;}
#navBodyHead td{ width:27px;height:24px; text-align:center;background:#D5D5D5;border-top:1px solid #D9D9D9;border-bottom:1px solid #D9D9D9;}
.navHeader th {background:#fff;text-align: center;color:#989795;padding:3px 0px;font-weight: bold;}
.navDay, .navLastDay {text-align: center;}
.navDay a,.navLastDay a {color:#000;text-decoration:none;}
.navDay a:hover,.navLastDay a:hover{color:#069FD1;}
.navSelectedDay, .navSelectedDay a{color:#000;}
.today  a{color:#0c4f73; font-weight:bold;}
#calendarNavigation td.navSelectedDay{background:#EEEEEE;}
/* --------------------------- end  calendar navigation -------------------------- */

/* ======= Event Detail Bubble  ====== */
.bubbleTop{background:url(/calendar/images/bg_bubble_top.png) no-repeat; width:390px; height:13px;}
.bubbleMiddle{background:url(/calendar/images/bg_bubble_middle.png) repeat-y; width:360px; padding:1px 15px 15px; color:#000000; font-size:85%; line-height:146.5%;} 
.ie6 .bubbleMiddle , .ie7 .bubbleMiddle{margin-top:-5px; padding:5px 15px 5px 15px;}
.bubbleBottom{background:url(/calendar/images/bg_bubble_bottom.png) no-repeat; width:390px; height:16px;}
.bubbleMiddle h3 a{color:#000000;font-weight:bold;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:1.25em; text-decoration:none; display:block;outline:none;}
.bubbleMiddle hr{background-color:#333333;border:0px none;color:#333333;height:1px; margin:10px 0px;}
.bubbleMiddle .smallText{font-size:93%;}
.bubbleMiddle .smallText a{color:#999;}
.detailBubble.left .bubbleRight{display:none;}
.detailBubble.right .bubbleLeft{display:none;}
.bubbleLeft{float:left; height:65px; top:40px; position:absolute; left:-58px; width:65px; background:url(/calendar/images/bg_bubble_left.png) no-repeat;}
.bubbleRight{float:left; height:65px; top:40px; position:absolute; right:-58px; width:65px; background:url(/calendar/images/bg_bubble_right.png) no-repeat;}
#eventDetailOthers{margin:10px 0px 0px 0px;}
.ie7 #eventDetailOthers{margin:30px 0px 0px 0px;}
#eventDetailDate{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.bubbleMiddle a.arrow{
background:#cccccc none repeat scroll 0 0;
border:1px solid #999999;
color:#000000;
display:block;
float:left;
font-size:85%;
font-weight:bold;
height:15px;
padding:3px;
text-decoration:none;
text-transform:uppercase;}
.bubbleMiddle a img{border:none;outline:none;}
.bubbleMiddle a.btn {background:#FFFFFF url(/calendar/images/btn_map.gif) no-repeat; height:25px; width:38px;outline:none;} 
.location-inline{display:inline;}
.view-event-details{float:right;}

/* ====== Weekly View ======= */
/* #weeklyViewControls{padding-bottom:5px; margin:0px 0px 20px 0px;} */
.weekView{border:1px solid #D9D9D9; border-top:0px; border-left:0px;} 
.weeklyCalendarBody td {width:14%; line-height:116%; font-size:77%;  min-height:400px; height:400px; vertical-align:top; border-left:1px solid #D9D9D9; white-space: normal;  padding: 5px 2px 10px 5px;}
.eventTime {font-weight: bold; margin:10px 0px 2px 0px; }
.emptyDayShim {width: 92px;}
.weeklyCalendarBody .dayEventsSection a{margin:0px 0px;}
.notInMonth{background:url(/calendar/images/bg_disabled.gif) repeat;}

/* ===== List View ====== */
.dayView{background:#FFF;border:1px solid #D9D9D9;}
.dayView th{text-align:left;}
.dayView .caption{text-align:center;}
.dayView td{padding:5px 10px; border-bottom:1px solid #D9D9D9; border-left:1px solid #D9D9D9; vertical-align:top;} 
.dayView h3{color:#920000; margin:4px 0px; font-weight:bold; font-size:108%;}
.dayView dt a{color:#353533; text-decoration:none;outline:none;}
.dayView dt a:hover{}
.dayView dd{margin:0px 0px 10px 0px;}
.dayView a{color:#696768}
.dayView a:hover{color:#069FD1;}
.daySpacer{height:15px;}
.ongoing dt {font-size:85%;}
.ongoing dt span{background-color:#0C4F73; color:#FFFFFF;display:block; font-weight:normal; margin:5px 0; padding:4px;}
.ongoing dd{margin:0px 0px 25px 0px;}

#bodyContent #eventsList dl{margin:0px 0px 0px 0px;}
#bodyContent #eventsList dt{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-top:none;}
#bodyContent #eventsList tr{height:5px;}

/* ===== Suggestion Box ====== */
.suggestions {background:#F3F3F3;border:1px solid #A5A5A5;margin-top:-1px;padding:3px;text-align:left;width:340px;max-height:150px;overflow:auto;}
.suggestions a{text-decoration:none;font-size:85%;}
.suggestions a:hover {text-decoration:none;}
#showAllLocations {border:0pt none;margin:0pt 0pt 0pt -1px;padding:0pt;}
.locationMap {background-color:white;border:1px solid gray;width:300px;}
#locationMapControls {text-align:right;}
#locationMapMessage {color:red;text-align:center;}

/* ==================== Tag Cloud ==================== */
.tags{border:1px solid #D9D9D9;padding:10px;background:#F7F7F7;}
.tags h2{border:none;padding:0px 0px;margin:0px 0px;}
.tagCloud a{line-height:131%; color:#696969; text-decoration:none;}
.tagCloud a.mediumTag{line-height:93%; font-size:93%;}
.tagCloud a.xLargeTag{line-height:93%; font-size:116%;}
.tagCloud a:hover{	color:#1C75A3;text-decoration: underline;}
.tagCloud a.largeTag{line-height:93%; font-size:131%;}

/* =================== Social BookMarks ================== */
.shareWrap{float:left;position:relative; background:url(/calendar/images/bg_button_blue.gif) no-repeat; width:69px; color:#68aacf; padding:2px 0px 0px 0px; height:21px;}
.shareWrap a {color:#FFF; text-decoration:none; font-size:83%; font-weight:bold; border:0px;}
.shareWrap .rss_btn{background:none;}
#socialBookmarks{border:1px solid #D9D9D9;width:100px;background:#fff;position:absolute;z-index:800;padding:10px; left:0px; text-align:left; top:24px;}
.ie6 #socialBookmarks{right:-1px;}
#socialBookmarks a{color:#2e7fad; text-decoration:none;display:block; font-size:85%; margin:0px 0px 5px 0px; font-weight:normal; background:none; padding:0px 0px 0px 0px;}
#socialBookmarks a:hover{color:#A9C12D;}
#socialBookmarks img{padding:0px 0px 0px 0px; margin:0px 0px -4px 0px;}
#socialBookmarks .close{color:#069FD1; text-align:center; margin:10px 0px 0px 0px; padding:3px 0px 0px 0px;font-weight:bold; border-top:1px solid #eee;}
#socialBookmarks .close:hover{color:#E47400;}

/* ======= Calendar Buttons ============ */
#rangeSelector{font-size:85%; width:73px; height:19px; margin:1px 0px 0px 0px;}
#leftCol .appFilters dt{color:#910000; margin:10px 0px; }
dl.appFilters{width:210px; margin:2px 0px 20px 0px;}
.appFilters a{float:right;}
.appFilters dd{padding:3px 5px 3px 8px; margin:0px 0px 0px 0px; background:#E0E892; margin:1px 0px 1px 0px;}
.appFilters dd.no_styles{background:none; padding:3px 0px 0px 0px;}
.popularCal{padding:10px 0px;}
.popularCal a{text-decoration:none;color:#696969;}
.popularCal a:hover{color:#069FD1;}

/* ========  Start add event ========== */
.formHeader{height:30px; margin:5px 10px; padding:10px 10px 5px 10px; background:#d5d5d5;}
#selectedCategoriesBox{width:74%;}
.location{width:77%; background:#eee; border:1px solid #7f9db9; min-height:50px; _height:50px;}
.location div{padding:10px 10px 0px 10px; color:#3A383B; line-height:153.9%;}
.location h3{font-weight:bold; font-size:108%; color:#3A383B; margin:0px 0px 8px 0px;}
.addWrap{padding:15px 0px; margin:20px 10px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; }
.tag{position:relative;}
.tag div{position:absolute; z-index:400; border:1px solid #A5A5A5; background:#F3F3F3; padding:5px 5px; width:110px; margin:-65px 0px 0px 180px;}
.ie6 #location, .ie7 #location{height:13px;}
img.drop{margin:0px 0px -4px -4px;}
.gecko img.drop{margin:0px 0px -6px -4px;}
.webkit img.drop{margin:0px 0px -6px -4px;}
.gecko #endDateCal , #startDateCal{margin:0px 0px 0px 0px;}
span.arrow{background:url(/calendar/images/icon_arrow_green_s.gif) no-repeat; content:"."; display:block; width:20px; height:15px; display:none;}
dl.input{margin:0px 0px 0px 0px;}
dl.form label{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
dl.form dt{width:21%; float:left; clear:both; display:block; padding:0px 0px 15px 0px; margin:0px 5px 0px 0px;}
dl.form dd{ padding:0px 0px 15px 0px; width:77%;float:left;}
input.big, dl.form input.big {height:20px;width:235px; float:left; padding:3px 0px 0px 5px;border:1px solid #878787;}
input.big{width:280px;}
dl.form input.btn, input.btn{padding:2px; height:auto;}
dl.form label{color:#323232; font-size:85%;}
dl.form dd.wrap label{display:block; float:left; margin:0px 15px 0px 2px; font-size:93%;}
dl.form dd.wrap input{float:left; display:block;}
dl.form dd.wrap.alignedLabel label{width:56px;}
dl.form dt.long{width:37%; }
#errorMessages{margin:0px 0px 15px 0px;color:#880107;font-weight:bold;font-size:93%;}
/* -- =================  End add event ======================== ----*/


/* ======= Calendar Buttons ============ */

a.btn {
    background:#3FA1D3;
    /*background:#3FA1D3 url('/global/images/misc/button_cal.png') repeat-x scroll top right;*/
    color: #FFFFFF;
    font-size:85%;
    display: block;
    float: left;
    height: 20px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none; 
    text-transform:uppercase;
    font-weight:bold;
    border:#FFFFFF solid 1px;
}

a.btn span {
	color: #FFFFFF;
    background: transparent #3FA1D3 no-repeat;
    display: block;
	line-height:11px;
    margin:0px 0px 0px 0px;
    padding:5px 0 0 10px;
}

a.btn:hover{color: #0C4F73;}


a.btn:active {
    background-position: bottom right;
    color: #6E6E6E;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:active span {
	display: block;
	line-height:11px;
    background-position: bottom right;
    margin:0px 0px 0px 0px;
    padding: 5px 0 0 10px; /* push text down 1px */
}