****************************************************
*Project: Calendar Snowshoe Mountain
*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:16px;
z-index:100;
}

.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:#bbc4ac;
}


.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 #bbc4ac;
line-height:14px;
z-index:100;
background-color: #bbc4ac;
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:11px; background-color:#efedee; padding:10px; }

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

.MonthlyCalendar .MonthName 

{ background-color:#efedee; width:300px; 
text-align:center; 
font-weight:bold; 
color:#333;
font-size:12px;
 float:left; 
padding:10px 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:#bbc4ac none repeat scroll 0 0; }

.MonthlyCalendar #CalendarBody { }

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

.DateLabel 
{height:16px; width:100%; 
background:#efedee 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:#e1e1e1 none repeat scroll 0 0; }


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

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

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