.day-in-month	{	background-color: #e5e5e5;}
.day-out-of-month	{	
	background: #888888 url(../images/bg_dayoutofmonth.gif) no-repeat  top left;
	color: #cccccc;;
}

.day-today	{	background: #93b7e9;	}

#popup-preview-content {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    /*width: 275px;
    height: 195px;*/
    visibility:hidden;
    overflow:hidden;
    padding: 8px;
    background: transparent;
    border: 0;
}

#popup-preview-content .popup-preview-mainbar
{
	border: 1px solid #a1a1a1;
	background: #bbbbbb url(../pnimages/bg_float_title.gif) repeat;
	margin-bottom: 4px;
	padding: 2px;
}

#popup-preview-content div {
    z-index:9999;
}

.leftTop {
    z-index: 9999;
}

.leftBottom {
    z-index: 9999;
}

.rightTop {
    z-index: 9999;
}

.rightBottom {
    z-index: 9999;
}

.mcalendar-info { 
	background: #dedfff url('../../../images/icons/ajax/info.gif') 5px 50% no-repeat;
	border: 1px solid #9bb8d9;
	color: #406299;
	padding: 5px 5px 5px 24px;
	margin: 2px;
	position: relative;
}

.mcalendar-topic {	
	background-color: #ffffff;
	margin: 0 0 0.3em 0;
	padding: 1px;
	border: 1px solid #bbbbbb;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
}

.mcalendar-topic-title	{
	border:0;       
	margin:0;       
	padding:0.15em; 
	font-weight:bold;
	position: relative;
}

.mcalendar-topic-events	{
	border:0;
	margin:0.2em;
	padding:0;      
	list-style-position:inside;
	list-style-type:none;
}

.mcalendar-topic-events li {	list-style-type:none;}

table.mcalendar
{
	width: 100%;
	background: #FFFFFF;
}


table.mcalendar th, table.mcalendar td
{
	padding: 0.1em;
	border: 1px solid #cccccc;	
}

table.mcalendar caption
{
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}

table.mcalendar-block
{
	table-layout: fixed;
	padding: 0px;
	border: 1px solid #bbbbbb;
	width: 100%;
}

table.mcalendar-block td, table.mcalendar-block th
{
	text-align: center;
	font-size: 80%;
	border: 1px solid #cccccc;
	height: 2em;
	vertical-align: middle;
}

table.mcalendar-block th
{
	border: none;
	background: #ffffff;
}

div.mcalendar-row {
	padding: 5px 0px 10px 0px; /* top, right, bottom, left */
	min-height: 2em;
}

div.mcalendar-row label {
	float: left;
	width: 200px;
	font-weight: bold;
	margin-left: 5px;
  	padding: 0px 5px 0px 0px;
	text-align: right;
}

div.mcalendar-row span{
	float: none;
	margin-left:10px;
}

div.mcalendar-row div{
	float: none;
	margin-left:220px;
}



.mcalendar-topic {	
	background-color: #ffffff;
	margin: 0 0 0.3em 0;
	padding: 0px;
	border: 1px solid #bbbbbb;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
}

.mcalendar-topic-title	{
	border:0;       
	margin:0;       
	padding:0.15em; 
	font-weight:bold;
}

.mcalendar-topic-events	{
	border:0;
	margin:0.2em;
	padding:0;      
	list-style-position:inside;
	list-style-type:none;
}

.mcalendar-topic-events li {	list-style-type:none;}


#popup-preview
{
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 1000;
	background: #dddddd;
	border: 1px solid #999999;
	padding: 1px;
	
	margin: 1em 0.2em 0.2em 0.2em;
	border: 2px solid #bbbbbb;
	background: white;
	
	width: auto !important;
	min-width: 200px;
	width: 200px;
}

#popup-preview .popup-preview-mainbar
{
	border-bottom: 1px solid #afafaf;
	background: #bbbbbb url(../images/bg_float_title.gif) repeat;
	cursor: move;
}

#popup-preview .popup-preview-mainbar a.close-button
{
	display: block;
	background: url(../images/close_x.gif) no-repeat left;
	width: 16px;
	height: 16px;
	text-decoration: none;
}

table.mcalendar
{
	width: 100%;
	background: #FFFFFF;

}

table.mcalendar th, table.mcalendar td
{
	padding: 0.1em;
	border: 1px solid #cccccc;
	
}

table.mcalendar caption
{
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}

table.mcalendar-block
{
	padding: 0px;
	width: 92%;
}

table.mcalendar-block caption
{
	padding-bottom: 8px;
}

table.mcalendar-block .day-out-of-month {
	background: transparent;
	color: #556333;
}

table.mcalendar-block .day-in-month {
	background: #799a5b;
	color: #ffffff;
}

table.mcalendar-block .day-today {
	color: #000000;
}

table.mcalendar-block td, table.mcalendar-block th
{
	text-align: center;
	font-size: 90%;
	border: 1px solid #cccccc;
	height: 2em;
	vertical-align: middle;
}

table.mcalendar-block td:hover
{
	border: 1px solid green;
}

table.mcalendar-block th
{
	line-height: 1.0em;
	border: 1px solid #ffffff;
}