/**
 * Event container
 */
.e-c{
	width:24px;
	height:24px;
	cursor:hand; 
	cursor:pointer;
	display:inline-block;
}
/**
 * Event container mouseover behavior
 */
.e-c:hover{
	-moz-opacity: 0.5 !important;
	opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
}
/**
 * Event object
 */
.e{
	width:20px;
	height:20px;
	overflow:hidden;
	font-family:'Trebuchet MS', arial, serif !important;
	font-weight:bold !important;
	font-size:14px !important;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background-color:#808080;
	border:#bcbcbd 0px solid;
	display:table-cell;
	direction:ltr !important;
}
/**
 * The event inside DOM (required from IE8)
 */
.e-i{
	background-repeat:no-repeat;
	background-position:center top;
	width:inherit;
	height:inherit;
	overflow:hidden;
}
/**
 * Event with small text
 */
.e-txt-s{
	font-size:10px !important;
}
/**
 * Event with a Blue background color
 */
.e-bl{
	background-color:#33cbf7;
	color:#fff;
}
/**
 * Event with a Green background color
 */
.e-grn{
	background-color:#39c164;
	color:#fff;
}
/**
 * Event with a Orange background color
 */
.e-orng{
	background-color:#ff9b29;
}
/**
 * Event with a Red background color
 */
.e-rd{
	background-color:#e6462e;
}
/**
 * Event with a Round format
 */
.e-round{
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
}
/**
 * Event with a to-l Flag format
 */
.e-flag-l{
	-khtml-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
}
/**
 * Event with a to-r Flag format
 */
.e-flag-r{
	-khtml-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
}
/**
 * Event with a to-t Flag format
 */
.e-flag-t{
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
}
/**
 * Event with a to-b Flag format
 */
.e-flag-b{
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
}
/**
 * Event with the following rounded corners: top-l and the bottom-r
 */
.e-flag-tl-br{
	-moz-border-radius: 10px 0px 10px 0px;
	border-radius: 10px 0px 10px 0px;
	-webkit-border-radius: 10px 0px 10px 0px;
	-khtml-border-radius: 10px 0px 10px 0px;
}
/**
 * Event with the following rounded corners: top-r and the bottom-l
 */
.e-flag-tr-bl{
	-moz-border-radius: 0px 10px 0px 10px;
	border-radius: 0px 10px 0px 10px;
	-webkit-border-radius: 0px 10px 0px 10px;
	-khtml-border-radius: 0px 10px 0px 10px;
}
/**
 * Event acknowledge. The event apear with a check icon
 */
.e-ack{
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position: right 13px;
	background-image: url(../../images/events/event_check.png);
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	position:relative;
	top:0px;
	left:0px;
}

.e-cell-bg{
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	box-shadow:inset 0px 4px 8px #FCFCFC;
	-moz-box-shadow:inset 0px 4px 8px #FCFCFC;
	-webkit-box-shadow:inset 0px 4px 8px #FCFCFC;
	
	-moz-opacity: 0.9;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.e-cell-container{
	height:20px;
	width:100%;
	display:table;
}

.e-cell-left{
	width:8px;
	height:20px;
	background:transparent url(../../images/border_ref.png) no-repeat 0px -40px;
	display:table-cell;
}

.e-cell-center{
	height:20px;
	width:auto;
	background:transparent url(../../images/border_ref.png) repeat-x 0px -20px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

.e-cell-right{
	width:8px;
	height:20px;
	background:transparent url(../../images/border_ref.png) no-repeat 0px 0px;
	display:table-cell;
}

.e-cell-no-shadow{
	background:none !important;
}