/* CSS Document */
#calendar {
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-collapse:collapse;
	margin-bottom:20px;

}

#calendar td {
	border:1px solid #8C8C8C;
	width:200px;
	height:75px;
	padding:0px;
	margin:0px;
	font-size:75%;
}

#calendar .theDate {
	position:relative;
	float: left;
	/*border-right:1px dotted #8C8C8C;
	border-bottom:1px dotted #8C8C8C;*/
	padding:3px;
	top:0px;
	z-index:0;
	color:#8C8C8C;
}

#calendar .events {
	width:50px;
	padding-left:3px;
}
#calendar .the-events-box {
	padding:3px;
	border:0px solid red;
}

#calendar .eventDescription {
	border:1px solid black;
	display:none;
	position:absolute;
	width:150px;
	background-color:#DDDDDD;
	padding:5px;
}

#calendar .blankDays {
	background-color:#CCC;
}

#calendar #dayLabels td {
	text-align:center;
	font-size:2em;
	padding-top:1em;
}

#calendar_title {
	
	
	
}
div#thecalendarheader {
	width:400px;
	border:0px solid red;
	font-size:3em;
	text-align:center;
	margin-top:1em;
	padding:10px;
}

.calendar_nav {
	width:200px;
	font-size:7em;
	text-align:center;
}

#footer_pagination {
	text-align:center;
	margin-bottom:10px;
}

#window #theWindowEventTitle {
	font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

#window #theWindowEventTime {
	text-align:center;
	font-style:italic;
}

#window
{
	position: absolute;
	left: 200px;
	top: 100px;
	width: 400px;
	height: 200px;
	overflow: hidden;
	display: none;
	background-color:#003399;
	z-index:10;
	
}
#windowTop
{
	height: 30px;
	overflow: 30px;
	background-image: url(images/window_top_end.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	margin-right: 13px;
	background-image:url(images/window_top_start.png);
	background-position:left top;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: white;
	margin-bottom:10px;
}
#windowMin
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
}
#windowMax
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#windowBottom
{
	position: relative;
	height: 270px;
	background-image: url(images/window_bottom_end.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
#windowBottomContent
{
	position: relative;
	height: 270px;
	background-image: url(images/window_bottom_start.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 20px;
	left: 5px;
	height: auto;
	overflow: auto;
	border: 1px solid #ccc;
	height: auto;
	width: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	margin-top:10px;
}

.transferer2
{
	border: 1px solid #6BAF04;
	background-color: #003399;;
	filter:alpha(opacity=30); 
	-moz-opacity: 0.3; 
	opacity: 0.3;
}

.eventInstance {
	margin-top:10px;
	
}

.windowOpenId {
	display:none;
}
#theWindowEventDescription {
	padding:10px;
}