****************************************************
*Project: Calendar Mountain Creek
*Authors: eBusiness
*Filename: FullCalendar.css
*Purpose: Define Layout And Custom Elements Styles for full calendar view only.

******************************************************/


#calIntro
{
width:100px;
display:block;
}

#bluemenu{
height:10px;
width:50px;
margin:0px 0 0 690px;
position:relative;
top:18px;
z-index:400;
}

.bluetabs{
border: 1px solid #f7f7f7;
}

.bluetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
list-style-type: none;
text-align: right; 
background-color:#d5e4f7;
}


.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #323232;
}

.bluetabs li a:visited{
color: #323232;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}


.dropmenudiv_b{
position:absolute;
text-align:left;
top: 0;
border: 1px solid #d7d7d7;
line-height:14px;
z-index:100;
background-color: #d7d7d7;
width: 100px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #fafafa; 
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: #323232;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ 
background-color: #ffffff;
}



#jMonthCalendar { position:relative; }
.MonthlyCalendar .MonthNavigation {clear:both; height:25px; padding:0px 10px 0px 0px; }
.MonthlyCalendar .MonthNavPrev,
.MonthlyCalendar .MonthNavNext,
.MonthlyCalendar .TodayLink 
{ width:7%; float:left; font-size:13px; background-color:#efedee; padding:10px; }

.MonthlyCalendar .YearNavNext,
 .MonthlyCalendar .YearNavPrev 
{ width:10%; float:left; font-size:13px; background-color:#efedee; padding:10px; }

.MonthlyCalendar .MonthName { background-color:#efedee; width:300px; text-align:center; font-weight:bold; color:#666666;font-size:19px; float:left; padding:5px 0 0 0;}

.MonthlyCalendar {height:100%; width:760px; border-collapse:collapse; }

.MonthlyCalendar #CalendarHead { width:100%; background:#efedee none repeat scroll 0 0; }

.MonthlyCalendar #CalendarHead .DateHeader { width:14%; text-align:center; color:#333333; border-left:1px solid #ffffff; border-right:1px solid #ffffff; border-top:none; background:#d7d7d7 none repeat scroll 0 0; }

.MonthlyCalendar #CalendarBody { }

.DateBox { height:100px; vertical-align:top; border:solid 1px #d7d7d7;}

.DateLabel {height:16px; width:100%; background:#fafafa none repeat scroll 0 0; text-align:right; }

.DateLabel a { color:#666666; cursor:pointer; padding:0 5px 2px; text-decoration:none; line-height:16px;  }

#CalendarBody .Inactive { background:#d7d7d7 none repeat scroll 0 0; }

#CalendarBody .Inactive, #CalendarBody .Weekend { background:none repeat scroll 0 0; }

.Today { background:#d5e4f7 none repeat scroll 0 0; padding:0px 0px 0px 0px; border:0px solid #000;}

#jMonthCalendar .Event { font-size:12px; padding:2px; background-color:#77abe4; margin:0px; -moz-border-radius:0px; border:solid 1px #ffffff; cursor:pointer; }
.Event a { text-decoration:none; color:#323232; font-size:11px;}

.Event a:hover {text-decoration:none; }