.foo{}

/* Modal Popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

#left .modalPopup, #research .modalPopup {
	padding: 10px;
	width: 250px;
	border: dashed 2px Gray;
	background-color: White;
}
.modalItem
{
    overflow: hidden;
    height: 100%;
    margin: 15px 0px;
}
.modalItem ul
{
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
.modalItem li
{
    margin: 0px;
    padding: 5px 0px;
}
/* Inherits colour from styles.css h1 */
.modalHdr
{
    cursor: move;
    background-color: #F1F1F1;
    border: solid 1px Silver;
    text-align: center;
    padding: 3px;
    color: Navy;
    margin-bottom: 10px;
}
.modalItem p.note
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

/* Animated online help */
#help
{
    display: none;
    width: 400px;
    height: auto;
    z-index: 2;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    padding: 10px 10px 20px 10px;
    font-size: 12px;
}
#btnCloseParent
{
    float: right;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
#flyout
{
    display: none;
    overflow: hidden;
    z-index: 2;
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
}

/* Calendar styles */
.calendar, .calendar .cal, .calendar .legend, #right .calhome
{
    overflow: hidden;
    height: 100%;
}
.calendar
{
    margin-bottom: 20px;
}
#calendar_view .calendar a
{
    padding-left: 0px;
    background-image: none;
}
#calendar_view .calendar .legend, #calendar_view .calendar .cal
{
    float: left;
    margin-right: 20px;
}
#calendar_view .calendar .cal
{
    padding-left: 80px;
}
#calendar_view .calendar .legend table tbody td
{
    padding: 4px 5px;
    white-space: nowrap;
    border-bottom: solid 1px white;
}
#calendar_view .calendar .legend table tbody td.lbl
{
    text-align: center;
}
#calendar_view .calendar .legend table tbody td.selecteddate
{
    background-color: #5078B3;
    color: White;
}
#calendar_view .calendar .legend table tbody td.event
{
    background-color: Silver;
    color: Black;
}
#calendar_view .calendar .legend table tbody td.changemonth
{
    background-color: #00C0C0;
    color: White;
}
#calendar_view .calendar table caption
{
    padding: 5px;
}
#calendar_view .calendar h3 a
{
    color: White;
}
#right .calhome
{
    margin: 0px;
}
#right .calhome .content
{
    margin: 0px 8px;
    cursor: pointer;
}
#right .calhome h3
{
    margin-bottom: 10px;
}