/*upcoming events widget*/

.upcomingEventsContainer,
.upcomingEventsContainer .ui-tabs-nav,
.upcomingEventsContainer .ui-tabs-nav .upcomingEventsContainerBtn,
.upcomingEventsContainer .ui-tabs-nav .upcomingEventsContainerBtn a
{
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
  -webkit-border-radius:0px;
	border:none;
	padding:0;
	margin:0;
	float:none;
}

.upcomingEventsContainer {
	color: #FFF;
	background : #00819d url(../images/shell/calendar/bgUpcoming.gif) repeat-x 0 32px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.upcomingEventsContainer a {
	color: #fff;
	padding: 0px;
	margin: 0px;
}
.upcomingEventsContainer .eventsTab{
	padding-left: 16px;
	padding-top: 16px;
	padding-bottom: 7px;
	padding-right: 5px;
}
.eventsTab li {
	margin-bottom: 4px;
}
.eventsTab h4 {
  line-height : 14px;
}
.upcomingEventsContainer .ui-tabs-nav .upcomingEventsContainerBtn {
	background-image:url(../images/shell/calendar/btnBg.gif);
	background-repeat:repeat-x;
	height: 22px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	text-align:center;
	cursor: pointer;
	width: 162px;
	
}

.upcomingEventsContainer .outerContainerBtm a {
  padding         : 0 35px 8px 0;
  margin          : 0 5px 0 0;
  text-transform  : uppercase;
}
/* firefox bug */
.upcomingEventsContainerBtn a:focus, .upcomingEventsContainerBtn a:hover, .upcomingEventsContainerBtn a:active { outline:none }

.ui-tabs-selected {
	background-image:url(../images/shell/calendar/btnBgO.gif) !important;
  padding: 10px 0 0 0 !important;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
/*monthly calendar*/
.cal-container {
	background-image:url(../images/shell/calendar/calBg.gif);
	background-repeat:repeat-x;
	background-color: #007a92;
	color: #FFF;
	padding: 16px;
}
.cal-container table {
	width: 280px;
}
.cal-container td {
	text-align:center;
}

.cal-container .date {
	color: #999;
	text-align:center;

}
.cal-container .date a {
	color: #FFF;
	text-align:center;
}
.cal-container .date a {
	font-size: 10px !important;
}
.cal-container .date a, .cal-container .date, .cal-container .today, .cal-container .selweek, .cal-container .cdate{
	width: 20px;
	height: 25px;
	line-height: 25px;

}
.cal-container .today {
	border: solid 1px #6faab2;
}
.cal-container .seldate a {
	color: #FC0;
}
.cal-container h3 {
	font-size: 20px;
	text-transform:uppercase;
	margin-bottom: 6px;
}
.cal-container .day {
	border-bottom: solid 1px #48929d;
	text-align:center;
}
.cal-container .daySpacer {
	height: 6px;
}
.cal-container .dayHeader h3{
	font-size: 15px;
	margin-bottom: 0px;
}

.cal-mainHeader {
	margin-bottom: 9px;
}
.cal-mainHeader .prevArrow, .cal-mainHeader .nextArrow {
	background-color: #007A92;
}
.cal-mainHeader h3 {
	font-size: 16px;
	margin-bottom: 0px;
	float: left;
	margin-left: 12px;
	margin-right: 12px;
	padding: 0px;
}

/*cal search most css is in main only calendar specific stuff is here*/
.searchHolder select {
	font-size: 10px;
}
.cal-mainHeader .searchHolder label {
	margin-left: 1px;
}
/*event header*/
.evnt-mainHeader {
	float: right;
}
.evnt-mainHeader h3 {
	float: left;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 10px;
}


.event-item {
  margin-bottom : 14px;
}

#eventBrowserContainer{padding:16px 5px 7px 16px}
#eventBrowser{width:300px;height:250px;overflow:hidden;position:relative}
#eventBrowserEvents{position:absolute;height:250px}
#eventBrowser .eventPage{float:left;width:300px;height:250px}