#left_side {
    float: left;
    width: 242px;
    padding-right: 8px;
    padding-top: 8px;
    box-shadow: 8px 0 5px -6px #999;
    position: relative;
    z-index: 100;
}
#right_side {
    float: right;
    overflow-x: scroll;
    overflow-y:visible;
    width: 700px;
    min-height: 100px;   
    position: relative;
    z-index: 50;
}
    #right_side_inner {
        white-space: nowrap;
        position: relative;
        width: 1660px;
    }
#expand {
    background-image: url(../images/expand_bg.png);
    height: 44px;
    margin-top: 5px;
}

    .expand_all {
        background-color: #4cabc1;
        padding: 5px;
        color: #FFF;
        border: none;
        border-radius: 3px;
        font-weight: bold;
        font-size: 13px;
        float: right;
        margin-top: 8px;
        margin-right: 8px;
        cursor: pointer;
    }
    .expand_all:hover {
        background-color: #eff1ec;
        color: #4cabc1;
    }
.track {
    background-color: #3d8496;
    margin-top: 8px;
    padding: 10px;
    min-height: 70px;
    position: relative;
}
    .track .name {
        color: #b0d9e5;
        font-weight: bold;
        font-size: 12px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .track .description {
        color: #FFF;
        font-family: georgia, times, serif;
        font-size: 14px;
    }
    .track .mag {
        position: absolute;
        height: 15px;
        width: 15px;
        background-image: url(../images/magnifying_glass.png);
        top: 8px;
        right: 8px;
        cursor: pointer;
    }
    .track .expand {
        position: absolute;
        background-image: url(../images/expand.png);
        height: 27px;
        width:  27px;
        bottom: 0px;
        right: 0px;
        cursor: pointer;
    }
    .track .expand.retract {
        background-image: url(../images/retract.png);
    }
    .track .expand:hover {
        background-image: url(../images/expand_hover.png);
        height: 44px;
         height: 27px;
        width:  27px;
        bottom: 0px;
        right: 0px;
    }
    .track .expand.retract:hover {
        background-image: url(../images/retract.png);
    }
    .track .tooltip {
        display: none;
        background-color: #eff1ec;
        position: absolute;
        top:-8px;
        left: -219px;
        z-index: 100;
        padding: 15px;
        font-size: 13px;
        color: #636462;
        width: 212px;
        background-image: url(../images/magnifying_glass_hover.png);
        background-repeat: no-repeat;
        background-position: right top;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        box-shadow: 0px 0px 4px #999;
    }
        .track .tooltip strong {
            font-weight: bold;
        }
        .track .tooltip p {
            line-height: 18px;
            margin-top: 8px;
            margin-bottom: 10px;
        }
.track_header {
	background-image: url(../images/trackheader.png);
	
	background-color: #E7E7E5;
	border-top: 8px solid #FFF;
	position: absolute;
	width: 1660px;
	display: none;
}
    .subtrack {
        background-color: #f0f1ee;
        margin-top: 1px;
        border-left: 8px solid #cfe8ee;
        color: #636462;
        padding: 9px;
        display: none;
        position: relative;
    }
    .subtrack .mag {
    	background-image: url("../images/subtrack_mag.png");
		cursor: pointer;
		height: 15px;
		position: absolute;
		right: 8px;
		top: 8px;
		width: 15px;
    }
    .subtrack .tooltip {
    	font-size: 13px;
    	display: none;
	    background-color: #636562;
	    background-image: url("../images/subtrack_mag_hover.png");  
	    background-position: right top;
	    background-repeat: no-repeat;
	    color: #FFF;
	    position: absolute;
	    margin-top: -8px;
	    padding: 15px;
	    border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        z-index: 1000;
        right: -8px;
        width: 212px;
	    box-shadow: 0px 0px 4px #999;
    }
    .subtrack .tooltip strong {
        font-weight: bold;
    }
    .subtrack .tooltip p {
        line-height: 18px;
        margin-top: 8px;
        margin-bottom: 10px;
    }
    
    .subtrack.odd {
        background-color: #e6e7e5;
    }        
    	.subtrack strong {
            font-weight: bold;
            font-size: 14px;
        }
        .subtrack p {
            font-size: 12px;
            margin-top: 8px;
            line-height: 18px;
        }
#month_container {
    white-space: nowrap;
}
.month {
    padding: 13px;
    background-color: #b0d9e5;
    color: #2a5b67;
    text-transform: uppercase;
    width: 124px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
.event {
    font-size: 13px;
    color: #5b5d5a;
    background-color: #d2ebf1;
    width: 124px;
    padding: 13px;
    position: relative;
    display: inline-block;
    border-right: 1px solid #FFF;
    vertical-align:top;
    white-space: normal;
    line-height: 16px;

}
    .event_name {
        position: relative;
        margin-bottom: 20px;
        
    }
    .event_name:last-child {
        margin-bottom: 0;
    }
    .event_tooltip {
        position: absolute;
        top: -14px;
        right: -13px;
        height: 25px;
        width: 150px;
        background-image: url(../images/zoom_event.png);
        cursor: default;
    }
        .event_tooltip .tooltip_clickable {
            height: 25px;
            width:  25px;
            right: 0;
            top: 0;
            z-index: 100;
            position: absolute;
            cursor: pointer;
        }
    .event_tooltip_text {
        background-color: #3d8496;
        display: none;
        font-size: 12px;
        position: absolute;
        z-index: 300;
        color: #fff;
        width: 275px;
        right: 0;
        border-radius: 3px;
        padding: 13px;
        background-image: url(../images/zoom_event_hover.png);
        background-position: right top;
        background-repeat: no-repeat;
        box-shadow: 0px 0px 4px #999;
    }
    .event:nth-child(1) .event_tooltip_text {
        right: -275px;
        background-position: left top;
    }
.empty {
    vertical-align:top;
    font-size: 13px;
    color: #5b5d5a;
    width: 124px;
    padding: 13px;
    display: inline-block;
    border-right: 1px solid #FFF;
    background-color: #F0F1EE;
}

.row {
    position: absolute;
    display: none;
    border-top: 1px solid #FFF;
}
	.row.odd .empty {
		background-color: #e6e7e5;
	}
	.row.last {
    	border-bottom: 8px solid #FFF;
	}
#intro {
    position: absolute;
    padding: 15px;
    padding-left: 23px;
    padding-right: 23px;
    box-shadow: 0px 0px 4px #999;
    font-size: 14px;
    font-weight: bold;
    background-color: #FFF;
    color: #3d8496;
    text-align: center;
    border-radius: 3px;
    opacity: 0.9;
    top: 40%;
    left: 137px;
}
    #intro p {
        line-height: 30px;
    }
.scrollb {
    height: 18px;
	width:700px;
}


#fwhite {
    background-color: #FFF;
    height: 20px;
}