body{
}

#intMadMen{
    width:920px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    font-family:arial;
    min-height:2500px;
}
#nav{
    height:144px;
    background-color:black;
    overflow:visible;
    z-index:2000;
    }
#navGhost{
    height:155px;
    display:none;
}
#intMadMen #portraits{
}
    #intMadMen #portraits .portrait{
        width:114px;
        height:144px;
        background-color:red;
        border-left:1px solid #E0E0E0;
        float:left;
        position:relative;
    }
    #intMadMen #portraits .portrait .nameplate{
        width:106px;
        background-color:black;
        margin-top:120px;
        height:16px;
        padding:4px;
        color:white;
        text-align:center;
        text-transform:uppercase;
        font-size:16px;
        line-height:16px;
        font-family:'Muli',sans-serif;
    }
    #intMadMen #portraits .portrait.leftmost{
        margin-left:0px;
        border-left:none;
    }
    #portraits .number{
        top:0px;
        right:0px;
        color:white;
        font-size:12px;
        text-align:center;
        width:114px;
        background-color:black;
        position:absolute;
        display:none;
    }
.phaseLabel{
    text-align:center;
    background-color:#ED3E3B;
    clear:both;
    color:white;
    height:30px;
    line-height:30px;
    text-transform:uppercase;
    font-weight:bold;
}
.unit{
    height:130px;
    font-size:12px;
    width:114px;
    background-color:white;
    float:left;
    margin-left:0px;
    padding-top:10px;
    position:relative;
}
.unit.marriage{
    background-color:#fff0a6;
}
.unit.leftmost{
    margin-left:0px;
    border-left:none;
}
.box{
    cursor:pointer;
    width:90px;
    height:90px;
    margin-left:auto;
    margin-right:auto;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    border:5px solid;
    behavior: url(PIE.htc);
    z-index:2;
    position:relative;
}
    .box.affair, .icon.affair{
        border-color:#EC3F3B;
        background-color:#EC3F3B;
    }
    .box.marry, .icon.marry{
        border-color:black;
        background-color:black;
    }
    .box.hookup, .icon.hookup{
        border-color:#EC3F3B;
        background-color:#EC3F3B;   
    }
    .box.flirt, .icon.flirt{
        border-color:#ad7272;
        background-color:#ad7272;
    }
    .box.divorce{
        border-color:#406578;
        background-color:#406578;
    }
.icon{
    margin-left:61px;
    margin-top:67px;
    width:35px;
    height:35px;
    border-radius:999px;
    border:1px solid;
    behavior: url(PIE.htc);
    position:relative;
    z-index:3;
}
.icon.marry{
    background:url('rings.jpg') no-repeat;
    background-color:black;
    background-position:center;
}
.icon.divorce{
    background:url('heart.jpg') no-repeat;
    background-color:#406578;
    border-color:#406578;
    background-position:center;
}
.icon.affair, .icon.hookup{
    background:url('lips.jpg') no-repeat;
    background-color:#EC3F3B;
    background-position:center;
}
.unit p{
    margin:0px;
    text-align:center;
}
.unit.married{
    background-color:#CCCCCC;
}
.unit.marry{
    
}
unit.cheat{

}
#timelines{
    margin-top:155px;
}
#top{
    font-family:'Arial';
    color:black;
    background-color:white;
    padding:20px;
    border-bottom:1px solid white;
}
#top h1{
    font-weight:normal;
    font-family:'Muli',sans-serif;
    text-align:center;
    margin-bottom:0px;
    margin-top:0px;
}
#top p{
    margin-top:0px;
    line-height:130%;
    margin-bottom:0px;
}
#overlayBG{
    cursor:pointer;
    width:100%;
    height:100%;
    background-color:black;
    opacity:.8;
    position:fixed;
    top:0;
    bottom:0;
    z-index:999;
    display:none;
}
#overlayBox{
    width:475px;
    background-color:white;
    position:absolute;
    z-index:1000;
    min-height:105px;
    padding:25px;
    display:none;

}
.halftop{
    height:75px;
    position:absolute;
    left:0px;
    width:114px;
    z-index:1;
    background-color:#CCCCCC;
}
.textbox{
    margin-right:0px;
    font-family:verdana, sans-serif;
}
.textbox h6{
    margin-top:0px;
    margin-bottom:0px;
    font-size:18px;
    margin-bottom:5px;
}
.overlayArrow{
    line-height:0px;
    background-color:white;
    width:30px;
    height:60px;
    color:gray;
    text-align:center;
    font-size:40px;
    cursor:pointer;
    display:none;
    position:absolute;
    z-index:1001;
    border-right:1px solid gray;
    line-height:normal;
    font-family:arial, sans-serif;
}
.collapsed{
    height:0px;
    margin:0px;
    padding-right:130px;
    padding:0px;
    border:0px;
}
.characterColumn{
    border-left:1px solid #E0E0E0;
    width:114px;
    float:left;
    min-height:100px;
}
.characterColumn.leftmost{
    margin-left:0px;
    border-left:none;
}
#btn_stop, #btn_expand{
    display:none;
}
#btn_expand, #btn_collapse, #btn_play, #btn_stop{
    cursor:pointer;
}
#phaseText{
    margin-left:-500px;
}
.phaseLabel.leftmost{
    width:919px;
    overflow:visible;
    text-align:center;
    position:relative;
}
.total{
    text-align:center;
    font-size:11px;
    margin-bottom:0px;
    margin-top:0px;
    border-top:7px solid black;
    padding-top:3px;
}
.totalNumber{
    text-align:center;
    margin-top:15px;
    margin-bottom:15px;
    font-size:50px;
}
#more{
    clear:both;
    text-align:center;
    
}
#key{
    width:500px;
    float:right;
}
#key img{
    float:right;
    margin-top:0px;
    margin-left:10px;
    height:20px;
    width:20px;
}
#key p{
    margin-top:0px;
    margin-bottom:0px;
    float:right;
    padding-left:3px;
    line-height:22px;
    font-size:12px;
    text-transform:uppercase;
    border-right:1px solid white;
    padding-right:10px;
}
#btns{
    border-top:1px solid #6b6b6b;
    width:899px;
    z-index:2100;
    height:25px;
    padding-right:10px;
    padding-left:10px;
    background-color:black;
    color:white;
    text-align:left;
    font-family:'Muli',sans-serif;
}
#theBtns{
    float:left;
    overflow:hidden;
}
#btns #theBtns p{
    line-height:25px;
    text-transform:uppercase;
    font-size:14px;
    margin-top:0px;
    margin-bottom:0px;
}
.push{
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    line-height: 0px;
}
#arrows{
    margin-left:auto;
    margin-right:auto;
    width:910px;
    text-align:center;
    margin-top:500px;
    overflow:visible;
    position:fixed;
    bottom:15px;
    z-index:3000;
    padding:5px;
    background-color:white;
    border-top:2px solid black;
    border-bottom:2px solid black;
}
#arrows p{
    font-size:20px;
    margin-top:0px;
    margin-bottom:0px;
}
#btn_close{
    color:gray;
    position:absolute;
    top:0px;
    left:0px;
    height:10px;
    padding:4px;
    font-size:20px;
    width:10px;
    line-height:10px;
    background-color:white;
    background-size:100%;
    z-index:3000;
    cursor:pointer;
}
#text_season{
    color:yellow;
}
#text_episode{
    color:yellow;
}