﻿/*****Start Calendar CSS*******/
.tblMonth, .tblWeek
{
	background:#fff; color:#000; line-height:normal;
}


.tblMonth td, .tblWeek td
{
	vertical-align: top;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.calHeadTr td
{
	padding-top:5px;  height:29px; background:url(../Images/caltopbg.jpg) repeat-x top left;; color:#333; font-weight:bold; 
}
.calHeadTr td.sundayhead { 	padding-top:5px;  height:29px; background:#ccc; color:#333; font-weight:bold;  }

.tblMonth .calHeadTr td
{
	 
	border-bottom: 1px solid #000;
}
.tblMonth { border:1px solid #B7181A; background-color:#fff;}
.tblMonth td {  border:1px solid #ccc; border-collapse:collapse; border-right:none; border-bottom:none}

.calHeadTr div
{
	display: block;
	text-align: center;
}

.calHeadTr div div
{
	padding: 2px; background::#ff0
}


.tdHourLable, .tdHourLable td
{		

  border:none; color:#fff
 
}
#ctl00_MainContent_lnkPrevious a[style]{ background:#ff0 }
.tdHourLable td[style]{background-color:#BD1011  !important;  border-bottom:1px #000 solid !important}
.tdHourLable td div[style]{ border-bottom:none !important}
.dayDiv
{
	float: left;
	min-height:100px;
	width: 100%;
}
.dayDivDate
{
	color: #847e7e;
	font-family: Tahoma;
	font-size: 10pt;
	height: 16px;
	padding-right: 2px;
	text-align: right;
	background:url(../Images/caldatebg.jpg) repeat-x top left; padding:5px
}
div.dayDivEvent
{
	background:#bd1011 url(../Images/evebg.jpg) repeat-x top left;
	color: #fff;
	font-size:8pt;
	min-height:13px;
	margin: 3px; 
	padding:4px 3px 3px 3px;
	text-align:center;
	cursor: pointer; border:#333 1px solid
}
div.dayDivEvent:hover { background:#870105; color:#fff; border:#333 1px  solid}



.divAddNewEvent
{
	margin-left: 3px;
	margin-top: 3px;
	cursor: pointer;
	float: left;
	width: 11px;
	height: 11px;
	background-image: url(Images/plus.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

.calEventTr
{
	background: black;
}

.calWeekDayDiv
{
	border-right:1px #B7181A solid;
}

div.calEventDiv {font-family: Tahoma;font-size: 7pt; /*white-space: no-wrap;*/background:#FFDB7B; margin-left:5px; border:#000 1px solid}

div.calEventDiv:hover {background:#000; color:#fff}

.calEventDurationBar
{
	background:#f00;
	font-size: 1px;
	
}

.calEventDurationBarRBorder
{
	background-color: Green ;
}
td.calOtherDayTd  {background:#ede4e4; vertical-align :middle ; text-align :center; color:#bb9696 }
.calOtherDayTd .dayDivDate {background:#DFCACA;}
.calSunDayTd {background:#dfcaca;}
.calSunDayTd .dayDivDate { background:#E4D6D6}
.calToDayTd {background:#fff;}
.calToDayTd:hover {background:#ccc; cursor:pointer}
.calNormalDayTd {background:#f3f3f3}
.calNormalDayTd:hover { background:#fff; cursor:pointer }
.calEventDayTd { background:#fff}
.calEventDayTd:hover { background:#ccc}

.calWeekGrid 
{
	border-bottom:dotted 1px #B7181A;
}

.calWeekGridAlt
{
	border-bottom:solid 1px #B7181A; background:#fff
}
table.calmonthtitle { width:100%; font-size:16px; height:36px; padding:8px; color:#F8BC82; font-weight:bold; background:#530003}
.calmonthtitle td.monnexpre {font-size:12px; margin-bottom:10px;}

.caltop .mwl ul li { float:right; padding:3px 10px; background:#000; margin-left:5px; list-style:none; color:#fff; }
.caltop .mwl ul li:hover { background:#BD1011; color:#000 } 
.caltop .mwl ul li a{color:#fff}

.calEventDayTd .dayDivDate{	font-weight : bold ;}
.caltop .mwl ul li.lnkSelected{	background :#530003;}

/*****End Calendar CSS*******/

