/* The calendar styles for the component WITH JavaScript. */

.calendar_ComponentScript { text-align: center; }
.calendar_ComponentData { padding: 0px; margin: 0px; }

table.calendar_Grid { 
background-color:white;
border:2px solid #001E6F;
border-collapse:collapse;
font-family:Arial Narrow; 
}
table.calendar_Grid td { border-collapse: collapse; border-style: solid; border-width: 1px; border-color: green; width: 20px; height: 20px; padding: 0px; margin: 0px; }
table.calendar_Grid td.calendar_Week { padding:0px; text-align:center; vertical-align:middle; font-size: 8pt; padding-left: 1px; }
table.calendar_Grid td.calendar_DayIn { padding:0px; font-size: 8pt; text-align:center; vertical-align:middle; }
table.calendar_Grid th.calendar_Title { padding:0px; background-color: #95D1EF; }
table.calendar_Grid th.calendar_ArrowLeft, table.calendar_Grid th.calendar_ArrowRight { background-color: #95D1EF; font-size: 9pt; font-family: Arial; }
table.calendar_Grid th button { background: none; border: 0px; margin: 0px; padding: 0px; color: darkblue; font-weight: normal; cursor: pointer; }
table.calendar_Grid th button.calendar_Disabled { color: gray; cursor: text; }
table.calendar_Grid th.calendar_WeekHead, th.calendar_DayHead { color: white; background-color: #0689CD; }
table.calendar_Grid .calendar_Weekend { padding:0px; background-color:#D1E5EF; text-align:center; vertical-align:middle; }
table.calendar_Grid .calendar_Weekend button { font-style: italic; }
table.calendar_Grid .calendar_WithEvents a { text-align:center; vertical-align:middle; padding:0px; font-weight: bold; text-decoration: none; color: inherit; }
table.calendar_Grid .calendar_Today { text-align:center; vertical-align:middle; padding:0px; background-color:#175D7F;
color:white;
font-weight:bold; }
table.calendar_Grid .calendar_DayOff{ text-align:center; vertical-align:middle; padding:0px;}

table.calendar_Grid .calendar_Clickable { font-weight: bold; cursor: pointer; color:#294D5F;}

.calendar_Window { background-color:#DFF4FF;
border:2px solid #07546F;
font-size:11px;
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:10px;
text-align:left;
width:300px;
height:100px;
overflow:auto;
vertical-align:middle;
}
.calendar_Window .calendar_Title { padding: 0px; margin: 0px; margin-bottom: 3px; font-weight: bold; text-decoration: underline; }
.calendar_Window .calendar_Close { padding: 0px; margin: 0px; }
.calendar_Window .calendar_Close button { background-color:white;
border:1px solid black;
font-size:8px;
margin:0px;
padding:0px;
cursor:pointer;
float:right;
display:block;
 }

.calendar_Event {
list-style-image:url(/wel/images/arrowright.gif);
list-style-position: outside;
margin-top:15px;
font-size: 8pt; 
}
.calendar_Event li{
margin-bottom:6px;
}
.calendar_ComponentNoScript { text-align: left; background-color: lightgreen; margin: 5px; }
.calendar_ComponentNoScript h1 { font-size: 14pt; color: green; text-decoration: underline; font-weight: normal; }
.calendar_ComponentNoScript h2 { font-size: 12pt; color: darkblue; padding-left: 5px; font-weight: normal; font-style: italic; }
.calendar_ComponentNoScript .calendar_Event { padding: 0px; padding-left: 15px; margin: 0px; font-size: 8pt; }

/* The calendar styles for the archive component. */

#dynamic_calendar button { visiblity:block;}
.calendar_YearOverview button { display: none;}

table.calendar_YearOverview td { vertical-align: top; padding-top:15px; }