/************************************************************** 
    CONTENT STYLES
 **************************************************************/

#innerContentWrapper {
    clear:both;
    position:relative;
    float:left;
    width:680px; 
    padding:15px 20px 0px 20px;
    line-height:1.3em;
}
    #innerContentWrapper h1,
    #innerContentWrapper h2 {
        margin-bottom:10px;
        padding-bottom:5px;
        font-size:1.2em;
        border-bottom:solid 1px #e0e0e0;
    }
    #innerContentWrapper h3 {
        margin-bottom:5px;
        padding-bottom:5px;
        border-bottom:solid 1px #e0e0e0;
    }    
    #innerContentWrapper p {
        margin-bottom:10px;
		line-height:1.5em;
    }
    #innerContentWrapper ul {
        margin-left:17px;
    }
    #innerContentWrapper .left,
    #innerContentWrapper .right {
        width:325px; 
        font-size:1.0em;
        line-height:1.6em;
    }
    #innerContentWrapper .left {
        margin-right:30px;
    }
    #innerContentWrapper .left .related, 
    #innerContentWrapper .right .related {
        margin:15px 10px 40px 10px;
        font-size:0.9em;
    }

#calloutContentWrapper {
    position:relative;
    float:right;
    width:240px;
}
    .calloutContent {
        padding:0px 15px;
        font-size:0.9em;  
        overflow:auto; /*fixes weird ghost text IE bug*/
        background-color:#f3f3f3;
    }
        .calloutContentTop, 
        .calloutContentBottom {
            width:240px; 
            height:15px;   
            background:transparent url(../images/boxes/simple_filled_sprite_240.gif) no-repeat;
        }
        .calloutContentTop {
            background-position:0px 0px;
            margin-top:10px;
        }
        .calloutContentBottom {
            background-position:0px -15px;
        }
    .calloutContent h2 {
        text-align:center; 
        font-size:1.1em;
    }
    .calloutContent ul {
        list-style:none;
        margin:10px 3px 0px 3px;
    }
        .calloutContent ul li {
            line-height:1.2em;
            padding:6px 0px;
        }
        .calloutContent ul.toggleChild li {
            line-height:1.7em;
            padding:0px;
        }
        .calloutContent ul ul {
            list-style-type:disc;
            margin:0px 0px 15px 16px;
        }
        .calloutContent ul ul li {
            line-height:1.3em;
        }
        
.toggleParent {
    margin-top:10px;
    margin-bottom:15px;
    font-weight:bold;
}
.toggleChild {
    margin-left:15px;
    margin-bottom:20px;
    line-height:1.5em;
} 
    .toggleChild ul {
        margin:5px 0px 5px 16px;
        font-size:0.9em;
    }
    
.textBulletedList {
    clear:both;
    margin-bottom:20px;
}    
    .textBulletedList span {
        clear:both;
        float:left;
        margin-right:15px;
        width:8%;
        font-weight:bold;
    }
    .textBulletedList div {
        position:relative; /*needed or else weird IE6 bug*/
        float:left;
        margin-top:1px;
        width:89%;
        padding-bottom:15px;
        line-height:1.2em;
    }
    
.modalStyle1 a {
    font-weight:bold;
}
.modalStyle1 ol {
    list-style-type:decimal;
    margin:15px 0px 5px 33px;
    font-size:0.95em;
}
    .modalStyle1 ol li {
        padding:3px 10px 3px 0px;
    }
    
.contactContent {
    width:60%;
    margin:0px auto 40px auto; /*left margin causes weird movement on social links rollover*/
    padding:20px 50px;
    font-size:0.9em;
    text-align:left;
    border:solid 1px #efefef;
}
#innerContentWrapper h1.miseq-data{background:url(../images/systems/miseq-data-background.jpg) no-repeat;border-bottom:none;font: 24px/1.1 TeXGyreHerosRegular,Arial,sans-serif;height:132px;padding-top:50px;width:340px;padding-left:330px;padding-right:10px;vertical-align:middle;}