/* 200 per column, 90 for the fuse */
    
    body {
        text-align:center;
    }
    #menubar {
        text-align: left;
    }

    #footer {
        text-align: left;
    }

    #blackfridaymonth {
        position: relative;
        margin: 0 auto;
        text-align: left;
        width: 890px;
    }

    #blackfridaymonth, #fuse {
        margin-bottom: 180px;
    }

    #fuse {
        position: absolute;
        top: 120px;
        left: 250px;
        width: 5px;
        background: black;
        z-index: 20;
    }


    .datetick {
        position: absolute;
        padding-left: 20px;
        width: 30px;
        left: 240px;

        height: 1px;
        background-color: black;
        z-index: 200;
        font-size: 9px;
        color: black;
    }

    .column {
        top: 30px;
        position: absolute;
        width: 198px;
        background-color: #eee;
        border-right: solid 2px #fff;
    }

    .col1 { left: 0px; background-color: #6985a8; width: 228px; }

    .col2 { left: 290px; background-color: #c45e50; }
    .col3 { left: 490px; background-color: #545454; }
    .col4 { left: 690px; background-color: #e6a847; }

    .timeline {
        position: relative;
        
    }

    /* ------------------ TOPBAR ----------------------- */
    #bftopbar {
        /* pos */
        z-index: 100;
        top: 0px;
        width: 888px;
        height: 110px;
        border-bottom: dotted 3px white;
    }

    .bftopbar-absolute {
        position: absolute;

    }

    .bftopbar-fixed {
        margin-top: 0px;
        position: fixed;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='50p.png');
    
    }

    .bftopbar-fixed[class] {
        background-image: url(50p.png);
    }


    #bftopbar #date {
        background-color: black;
        color: white;
        display: block;
        height: 29px;
        font-size: 15px;
        padding-left: 10px;
        padding-top: 2px;
    }
    
    .bftopbar-fixed #date[id] {
        background: transparent;
        background-image: url(75p.png);
    }

    .bftopbar-fixed .logos div {
        background-color: transparent;
    }

    
    #bftopbar #date strong {
        display: inline;
    }

     #bftopbar #date span {
        font-style: italic;
    }
    .logos div {
        position: absolute;
        height: 80px;
        width: 198px;
        top: 30px;
        background-position: center center;
        background-repeat: no-repeat;
    }
    .logos .col1 {
        width: 228px;
    }

    .logo1 { background-image: url(industry.png); }
    .logo2 { background-image: url(ps.png); }
    .logo3 { background-image: url(ftp.png); }
    .logo4 { background-image: url(apub.png); }



    /* ------------------ FUSEALEDGE ----------------------- */
    
    .marker {
        /* the center-point is 100px down always */
        position: absolute;
        width: 165px;
        z-index: 25;
        margin: 0;
        padding: 0;
    }

    .marker-ab  { left: 15px; width: 195px; }

    /* thin cols in col1 - 10 +   5 + 106 + 5 + 106 + 5 */
    .marker-a  { left: 15px; width: 95px; z-index: 30; }
    .marker-b  { left: 115px; width: 95px; z-index: 40; }

    .marker-2, .marker-23, .marker-234  { left: 305px; z-index: 50 }
    .marker-3 { left: 505px; z-index: 40 }
    .marker-4 { left: 705px; z-index: 30  }

    .marker-23 { width: 365px; }
    .marker-234 { width: 565px; }


    .sparkmark {
        z-index: 500;
        position: absolute;
        padding: 0;
        margin: 0;
        left: 0px;
        top: 16px;
        width: 56px;
        height: 58px;
        background: url(spark.png) center top no-repeat;
        
    }


    .marker-ab .sparkmark { left: 208px; }
    .marker-a .sparkmark { left: 208px; }
    .marker-b .sparkmark { left: 108px; }

    .marker-2 .sparkmark, .marker-23 .sparkmark, .marker-234 .sparkmark { left: -82px; }
    .marker-3 .sparkmark { left: -282px; }
    .marker-4 .sparkmark { left: -482px; }

    .sparkline {
        position: absolute;
        z-index: 30;
        background-color: black;
        height: 2px;
        left: 0px;
        top: 29px;
    }

    .marker-ab .sparkline { left: 195px; width: 40px }

    .marker-a .sparkline { left: 95px; width: 140px }
    .marker-b .sparkline { left: 95px; width: 40px }

    .marker-2 .sparkline, .marker-23 .sparkline, .marker-234 .sparkline { left: -52px; width: 80px; }
    .marker-3 .sparkline { left: -252px; width: 280px; }
    .marker-4 .sparkline { left: -452px; width: 480px; }
    
    .markerbox {
        cursor: pointer;
        color: #e7e7e7;
        z-index: 100;
        padding: 0;
    }

    .markerbox h3 {
        background-color: black;
        text-align: center;
        font-size: 13px;
        padding: 6px;
        margin: 0;
    }

    .markerbox-size-2 { border: solid 2px #e7e7e7; }

    .markerbox-size-3 { border: solid 2px #e7e7e7; }

    .markerbox-size-2 h3 { font-size: 16px; line-height: 18px; }
    .markerbox-size-3 h3 { font-size: 24px; line-height: 28px; }


    .markerbox div {
        display: none;
        margin: 0;
        background-color: white;
        font-size: 12px;
        color: black;
        padding: 6px;
    }

    #bomb {
        background: url(bomb.png) left top no-repeat;
        position: absolute;
        width: 208px;
        height: 214px;
        left: 237px;
    }









#popup-bg {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#popup {
    display: none;
    position: absolute;
    _position:absolute; /* hack for internet explorer 6*/
    left: 400px;
    width: 400px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2000;
    font-size:13px;
}


#popup img {
    float: right;
    margin-left: 6px;
}
    
#popup p {
    font-size: 15px;
    padding: 15px 0 0 15px;
    line-height: 20px;
}
    
#popup h3 {
    color: #e7e7e7;
    padding: 5px 20px 5px 20px;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    background-color: black;
    margin-bottom: 2px;
}

#popup small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
}
    
#popup-close {
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
    cursor: pointer;
}