div.calendarCtrlDiv {
	font-weight:normal;
	width:100%;
	position:relative;
	left:0px;
}

div.calendartitle
{
	background-color:#E9E9E9;
	color:black;
	width:100%;
	position:relative;
	padding:15px 0px 15px 0px; 
	text-align:center;
}

div.calendarPanel
{
	width:100%;
	background-color:#FFFFFF;
	
}

.calendartitle span.leftarrow
{
	padding-left:2px;position:absolute;left:0px; top:8px;
}

.calendartitle span.rightarrow
{
	padding-right:2px;position:absolute;right:0px; top:8px;
	cursor:pointer;
}

.calendartitle span.title
{
	font-size:18px;
	font-weight:normal;
	color:Green;
}

.calendartitle a.title
{
	font-size:18px;
	font-weight:normal;
	color:Green;
}

table.eventTable
{
	border-radius: 0px;
	border-left: 12px solid #23a6ef;
	border-top: 0px solid #23a6ef;
	border-right: 0px solid #23a6ef;
	border-bottom: 0px solid #23a6ef;
	background-color:#f0f0f0;
	width:100%;
	margin:0px;
	position:relative;
}

table.eventTableNotStarted 
{
	border-left: 12px solid #4f1e9f;
}

table.eventTableStarted 
{
	border-left: 12px solid green;
}

table.eventTableOpened 
{
	border-left: 12px solid green;
}

table.eventTableInCamera 
{
	border-left: 12px solid red;
}

table.eventTableEnded 
{
	border-left: 12px solid #23a6ef;
}

table.eventTablePaused 
{
	border-left: 12px solid orange;
}

table.eventTableCancelled 
{
	border-left: 12px solid purple;
}

table.eventTableUnknown 
{
	border-left: 12px solid #900000;
	
}

table.eventTable tbody tr td {
	color: #333;
	padding: 0px 0px;
	vertical-align: middle;
	border: none;
}

table.eventTable .tdEventTitle
{
	padding:3px 5px;
	background-color:#d0d0d0;
	color:black;
	vertical-align:bottom;
	position: relative;
	padding-right: 100px;  
	display:block;
}

div.divEventMode0 table.eventTable .tdEventTitle
{
	padding-right: 0px;
}
table.eventTable .tdEventThumbnail
{
	display:inline-block;
	width:80px;
	height:60px;
}

table.eventTable .tdEventText
{
	display:inline-table;
}

table.eventTable .eventText
{
	padding-left:10px;
	display:inline-block;

}

.divEvent
{
	 background-color:#e0e0e0;
	 margin-bottom:10px;
	 overflow-x:visible;
	 position:relative;
}



div.divEvent div.divDuration
{
	height: 76px;  
	position:relative;
	color: white;
	overflow: hidden;
	white-space: nowrap;
	padding-left:5px;
}

div.divEvent div.divDurationSelected
{
	position:relative;
	color: white;
	overflow: hidden;
	border-color:Red;
}

.divEvent a
{
	font-size:14px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	 color:Black;
	 
}

div.eventTitle
{
	overflow-x: hidden;
	white-space:normal;
}

img.eventThumbailSmall
{
	border:none;
	width:80px;
	height:60px;
}

span.eventThumbailSmall
{
	vertical-align:middle;
	float:left;
}

#calendarCtrlWrapper
{
	position:relative;
}

#weekCtrlWrapper
{
	position:relative;
}

div.contentwrapper
{
	
	position: relative; 
	overflow-x: hidden;
	overflow-y:visible
}
div#wrapper div {
	 -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing:content-box;
}
div#wrapper .ui-slider-horizontal .ui-slider-handle { top: 0px; margin-left:0px; }

.eventtooltip {
	position: relative;
}

	.eventtooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: #e0e0e0;
		border-radius: 6px;
		padding: 5px 0;
		position: absolute;
		color: black;
		z-index: 1;
		bottom: 120%;
		left: 50%;
		margin-left: -60px;
		border: 1px solid #909090;
		padding-left: 10px;
	}

		.eventtooltip .tooltiptext::after {
			content: "";
			position: absolute;
			top: 100%;
			left: 50%;
			margin-left: -5px;
			border-width: 5px;
			border-style: solid;
			border-color: #909090 transparent transparent transparent;
		}

	.eventtooltip:hover .tooltiptext {
		visibility: visible;
	}