#calendarwrapper {border-left:solid 1px #ECE9D8;}
.mainwrapper {width:100%;}

#calendarheader
{
    background: #3B70A3;  
    border-right:solid 1px #c8c2bc; 
    
}

#calendarheader a
{
    color:#FFF;
}

#calendarheader a:link, #calendarheader a:active, #calendarheader a:visited
{
    color: #ffffff;   
    text-decoration:none;
}

.dayheader
{
    width: 14%;
    float: left;
    text-align: center;
    border: solid 0px #ECE9D8;
    border-width: 1px 1px 1px 0px;
    border-left: solid 1px #F7F6F3; 
    background: #F7F6F3;
    font-weight:bold;
}

.day
{
    width: 14%;
    float: left;
    border: solid 0px #ECE9D8;
    border-width: 0px 1px 0px 0px;
    border-left: solid 1px #ffffff;   
    font-weight:bold;
    background: #ffffff;
    padding-top:5px;
    padding-bottom:8px;
}

/*.day a 
{
    color:#333333;   
}*/

.selectedday
{
    width: 14%;
    float: left;
    border: solid 0px #999999;
    border-width: 0px 1px 1px 1px;   
    padding-top:5px;
    padding-bottom:8px;
    background: #999999;
    font-weight:bold;
}

.selectedday a, .selectedday a:active, .selectedday a:visited 
{
    color:#F7F6F3;   
}

.daylink 
{
    padding:5px;
    text-decoration:none;
}

.daylink:hover 
{
    text-decoration:underline;
}

.wbdr 
{
    width: 14%;
    float: left;
    border: solid 1px #ECE9D8;
    border-width: 0px 1px 1px 1px;   
    border-left: solid 1px #ffffff;
}

.selectedwbdr 
{
    width: 14%;
    float: left;
    border: solid 1px #999999;
    border-width: 0px 1px 1px 1px;   
    background: #999999;
}

.eventitem
{
    position: absolute;
    background-color: gray;   
    white-space:nowrap;
    text-align: center;
    font-size: 8pt;
    display:block;
}

.eventitemblock 
{
    position: relative;        
    clear:both;
}

.eventText
{
    position:relative;
    text-overflow:ellipsis;  
    -o-text-overflow:ellipsis; /*Opera 9*/
    overflow:hidden;
}

/*work around for Firefox*/
/*html>body .eventitem 
{
    clear:both;   
}

html>body .eventitem span:after 
{
    content: "...";
}

html>body .eventitem span 
{
    max-width:14%;  
    width:auto !important;
}
 /* end workaround */
    
a.eventlink, a.eventlink:active, a.eventlink:visited
{
    color:#efefef; 
    text-decoration:none;    
    font-weight:bold;     
}

a.eventlink:hover 
{
    text-decoration:underline;  
    color:blue;  
    font-weight:bold;
}

.cell
{
    width:14%;
    float: left;
    /*position:relative;*/
    border:solid 0px #ECE9D8;
    border-width: 0px 1px 0px 0px;
    border-left: solid 1px #ffffff;
    z-index:-1;
    height:18px;
    background:#ffffff;
}

.blankcell 
{
    height:18px;
    clear:both;
}

.selectedcell 
{
    width:14%;
    float: left;
    border:solid 0px #999999;
    border-width: 0px 1px 0px 1px;
    background: #999999;
    height:18px;
}


.adjacentmonths, a.adjacentmonths, a.adjacentmonths:active, a.adjacentmonths:visited, a.adjacentmonths:hover 
{
	font-variant:small-caps; 
	text-align: left; 
	width: 40%;
}
.monthname {
	font-size:19px; 
	font-weight:bold; 
	text-align:center;
	color:#D0D0D0;
	
}

/*Tool Tip*/

.event_item_container{
	position:relative;
	text-decoration:none !important;
}

.tool_tip {

	display:none;
	position:absolute;
	top:20px;
	*top:-60px;
	padding:6px;
	background-color: #FDFCA2;
	font-size:11px;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	text-align:left;
	text-shadow:0 0 1px white;
	color:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	z-index: 9;
	border:1px solid #BDB74F;
	max-width: 300px;
    word-wrap: break-word;
}


p.tool_tip_arrow  {
    position: absolute; 
    top: -10px; 
    left: 5px; 
    }
    
.DocumentManagementGridView_Col_Tooltip img
{
    cursor:pointer;
}

.eventHighlighted, .eventHighlighted a 
{
    background:yellow !important;
    color:#000 !important;
}

.next_btn
{
    background:url('/images/common/next_btn.png');
    width:26px;
    height:20px;
    display:block;
}

.prev_btn
{
    background:url('/images/common/prev_btn.png');
    width:26px;
    height:20px;
    display:block;
}


.CalendarUpdatePanel
{
    position:relative;
    clear:both;
}

.loadingProgressBackground {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}