#calendar { clear: left; padding: 20px; }
#calendar #eventful_calendar { margin:0; }

#eventful_calendar { width: 350px; margin: 40px auto; background: #393939; padding: 1px 0 0; font-family: arial,sans-serif; font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
	#eventful_calendar div.head { width: 336px; margin: 0 auto; border-top: 1px solid #595959; position: relative; text-align: center; color: #dedede; padding: 12px 5px; font-size: 18px; 
		-webkit-text-shadow: 0 -1px 0 #000;
		-moz-text-shadow: 0 -1px 0 #000;
		-o-text-shadow: 0 -1px 0 #000;
		text-shadow: 0 -1px 0 #000;
	}
	#eventful_calendar div.head a { height: 0 !important; width: 0 !important;  border: 9px solid transparent; line-height: 0 !important; overflow: hidden; display: block; position: absolute; top: 12px;}
		#eventful_calendar div.head a.next { border-left-color: #dedede; right: 5px;}
		#eventful_calendar div.head a.prev { left: 5px; border-right-color: #dedede;}
		
	#eventful_calendar table { width: 350px; background-color: #dedede; color: #6c6c6c; font-size: 14px; text-align: center; border-collapse: collapse; position: relative;
		-webkit-text-shadow: 0 1px 0 #fff;
		-moz-text-shadow: 0 1px 0 #fff;
		-o-text-shadow: 0 1px 0 #fff;
		text-shadow: 0 1px 0 #fff;
	}
		#eventful_calendar th { text-transform: uppercase; font-size: 10px; font-weight: normal; background: #ebebeb; border: 1px solid #fff; border-width: 1px 0 0; color: #393939; padding: 5px 0; display: block; float: left; width: 50px; }
		#eventful_calendar td { padding: 9px 4px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; display: block; float: left; width: 40px; position: relative; cursor: pointer;
		
			background: -webkit-gradient(linear,left top, left bottom, color-stop(0,#ebebeb), color-stop(1,#e0dede));
			background: -webkit-linear-gradient(top, #ebebeb 0%, #e0dede 100%);
			background: -moz-linear-gradient(top, #ebebeb 0%, #e0dede 100%);
			background: -ms-linear-gradient(top, #ebebeb 0%, #e0dede 100%);
			background: -o-linear-gradient(top, #ebebeb 0%, #e0dede 100%);
			background: linear-gradient(top, #ebebeb 0%, #e0dede 100%);

			-webkit-box-shadow: inset 0 0 0 #4f9eb3;
			-moz-box-shadow: inset 0 0 0 #4f9eb3;
			-o-box-shadow: inset 0 0 0 #4f9eb3;
			box-shadow: inset 0 0 0 #4f9eb3;
		}
		
		#eventful_calendar td.nonmonth { opacity: 0.4; filter: alpha(opacity=40);}
		#eventful_calendar td.today,#eventful_calendar td.today:hover,#eventful_calendar td.selected,#eventful_calendar td.selected:hover { background: #6cafbf; border-color: #488799; color: #dedede; opacity:1; filter: alpha(opacity=100);
			-webkit-text-shadow: -1px -1px 0 #6c6c6c;
			-moz-text-shadow: -1px -1px 0 #6c6c6c;
			-o-text-shadow: -1px -1px 0 #6c6c6c;
			text-shadow: -1px -1px 0 #6c6c6c;
		}
		
		#eventful_calendar td:hover {
			background: -webkit-gradient(linear,left bottom, left top, color-stop(0,#ebebeb), color-stop(1,#e0dede));
			background: -webkit-linear-gradient(bottom, #ebebeb 0%, #e0dede 100%);
			background: -moz-linear-gradient(bottom, #ebebeb 0%, #e0dede 100%);
			background: -ms-linear-gradient(bottom, #ebebeb 0%, #e0dede 100%);
			background: -o-linear-gradient(bottom, #ebebeb 0%, #e0dede 100%);
			background: linear-gradient(bottom, #ebebeb 0%, #e0dede 100%);
		}
		
		#eventful_calendar td>span { width: 0 !important; height: 0 !important; overflow: hidden; position: absolute; bottom: 3px; left: 47%; display: block; border: 2px solid #494949;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			border-radius: 2px;
		}
		
		#eventful_calendar td:active, #eventful_calendar td.selected, #eventful_calendar td.selected:hover {
			background: #393939; 
			-webkit-text-shadow: -1px -1px 0 #6c6c6c;
			-moz-text-shadow: -1px -1px 0 #6c6c6c;
			-o-text-shadow: -1px -1px 0 #6c6c6c;
			text-shadow: -1px -1px 0 #6c6c6c;
			-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
			-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
			-o-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
			box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
		}
		
		/* fix for IE */
		#eventful_calendar td.nonmonth>span { filter: alpha(opacity=40); }
		#eventful_calendar td.nonmonth:hover>span { filter: alpha(opacity=100); }
		/* end calendar stylings */
		
.loadinggif { background: url(none) 0 0 no-repeat; opacity: 1; filter: alpha(opacity=100); position: absolute; width: 40px !important; height: 40px !important; overflow: hidden; z-index: 100003; background: url(../images/fancy_loading.png) 0 0 no-repeat;}