/* ---Calendar ---*/
.k2CalendarBlock {
	margin-bottom: 8px;
}
/* use this height value so that the calendar height won't change on Month change via ajax */
.k2CalendarLoader {
	background: #fff;
}
.k2CalendarBlock table.calendar {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	border-collapse: collapse;
	border-left: 1px solid #eee;
	font-family: Arial, Helvetica, sans-serif;
}
.k2CalendarBlock table.calendar tr{
	height: 42px;
}
.k2CalendarBlock table.calendar tr td {
	text-align: center;
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #eee;
	background: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarNavMonthPrev,
.k2CalendarBlock table.calendar tr td.calendarNavMonthNext {
	background: #fff;
	text-align: center;
	font-size: 15px !important;
}
.k2CalendarBlock table.calendar tr td.calendarDayName {
	background: #f5f5f5;
	font-size: 11px;
	width: 14.2%;
	color: #333;
	font-weight: 600;
	/*font-family: sans-serif, Arial, Helvetica;*/
	font-family: Arial, Helvetica, sans-serif;
}

.k2CalendarBlock table.calendar tr td.calendarCurrentMonth {
	/*font-family: sans-serif, Arial, Helvetica;*/
	font-family: Arial, Helvetica, sans-serif;
}
.k2CalendarBlock table.calendar tr td.calendarDateEmpty {
	background: #fbfbfb;
}
.k2CalendarBlock table.calendar tr td.calendarDate {
	font-size: 12px;
	height: 42px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked {
	background: rgb(0,0,128);
	color: #fff;
	padding: 0;
	height: 42px;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked:hover {
	background: #252525;
	color: #fff;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a {
	display: block;
	text-align: center;
	vertical-align: middle;
}
.k2CalendarBlock table.calendar tr td.calendarDateLinked a:hover {
	background: #252525;
	color: #fff !important;

}
.k2CalendarBlock table.calendar tr td.calendarToday {
	background: #d90309;
	color: #fff;
	height: 42px;
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked {
	background: #d90309;
	height: 42px;
}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked:hover {
	background: #252525;
	color: #fff !important;
}
table.calendar tr td.calendarTodayLinked a {
	display: block;
	padding: 0px;
	color: rgb(0,0,128);
	font-size: 12px;
	text-align: center;
	vertical-align: middle;

}
.k2CalendarBlock table.calendar tr td.calendarTodayLinked a:hover {
	background: #252525;
	color: #fff;
}
.k2CalendarBlock form {
	margin-bottom: 0 !important;
}

.calendarNavLink { color: #d24747}
/* restriction */
.gkColumns > aside .k2CalendarBlock table.calendar,
.gkColumns > aside .k2CalendarBlock table.calendar tr td {
	background: none;
	border: none;
	color: #fff;
	height: 42px;
}
.gkColumns > aside .k2CalendarBlock table.calendar tr td.calendarDateLinked a {
	font-weight: 700;
	font-size: 18px;
}
.gkColumns > aside .k2CalendarBlock table.calendar tr td.calendarTodayLinked a {
	font-weight: 700;
	font-size: 18px;
}
.gkColumns > aside .calendarNavMonthPrev,
.gkColumns > aside .calendarCurrentMonth,
.gkColumns > aside .calendarNavMonthNext {
	background: #2f3336 !important;
}
/*.k2TagCloudBlock a {
	color: #555 !important;
	background: url('../images/header_bg.png') repeat 0 0 #F9F9F9!important;
}*/
.k2TagCloudBlock a:hover {
	color: #fff !important;
	background: #418cd1 !important;
}
/* ---Category Tree Select calbox ---*/
.k2CategorySelectBlock form select {
	width: auto;
}
/* ---Tag Cloud ---*/
.k2TagCloudBlock {
	padding: 8px 0 0 4px;
	font-size: 15px;
}
.k2TagCloudBlock a {
	float: left;
	margin-bottom: 6px;
}





a.activator{
    z-index:1;
    cursor:pointer;
}
/* Style for overlay and calbox */
.overlay{
    background:transparent url(images/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;

}
.calbox{
    position:fixed;
    top: -200px;
    left:30%;
    right:30%;
    background-color:#fff;
    color:#7F7F7F;
    padding:20px 20px 0px;
    border:2px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    -khtml-border-radius:20px;
    -moz-calbox-shadow: 0 1px 5px #333;
    -webkit-calbox-shadow: 0 1px 5px #333;
    z-index:101;
}
.calbox h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px -20px 0px -20px;
    padding:10px;
    background-color:#2F3335;
    color:#FFF;
    text-align: center;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.calboxclose{
    float:right;
    width:26px;
    height:26px;
    background:transparent url(images/cancel.png) repeat top left;
    margin-top:-30px !important;
    margin-right:-30px;
    cursor:pointer;
}

.eventDetailLink {
	cursor: pointer;
}
.eventDetailLink:hover {
	background-color: #C0C0C0;
}
#events {
	float: left;
	display: inline-block;
	width: 100%
}
#eventDetails {
	float: right;
	display: inline-block;
	width: 100%;

}
#eventDetails td.eventKey {
	font-size: 100%;
	font-weight: bold;
	padding: 3px 0;
	margin: 0;
	width: 7em;
	color: #4E4E4E;
}
#vseperator {
	display: inline-block;
	height: 100%;
	width: 100%;
}
#eventTable {
	width: 100%;
	margin-bottom: 0px;
	border: 0px;
}
#eventTable td.eventList {
	vertical-align: top;
	width: 49%;
}
#eventTable td.vsep {
	border-left: 1px dashed #7F7F7F;
	width: 2%;
}
#eventTable td.eDetails {
	vertical-align: top;
	width: 49%;
}
#eventTable td.eDetails ul{
	float: left;
}
#calendarFrame {
	border: 0px;
	width: 300px;
	height: 337px !important;
	overflow: hidden !important;
}