//js to go in document.ready, I couldn't get all the text to show without that min height, not sure if max height is actually needed.
$("#overlay-content").modal({overlayClose:true, minHeight:550, maxHeight:1050,opacity:80});




<!-- HTML for window -->
    <div id="overlay-content">
        <h2>Your Profile Page Has Changed!</h2>
        <p>Your profile has received some major functional and design changes with the goal of giving you a better looking, more personalized profile that can serve as a central place for your professional links and information. Here are some highlights of the changes:</p>
        <ul>
            <li>The page has been redesigned to look more polished and professional.</li>
            <li>You can add a quick one-line bio under your name and a longer description of yourself underneath.</li>
            <li>New profile widgets allow you to create a custom CV with a wide range of information, from Education to RSS feeds to free-text areas.</li>
            <li>You can easily add, edit, and drag widgets to reorder and delete profile information.</li>
            <li>A new Positions widget allows you to add multiple positions and titles to your profile. </li>
	<li>Information about your Commons identity (friends, groups, blogs) is now available on a background tab so that members can feature their public CVs.</li>
<li>Create a custom <strong>cuny.is quicklink</strong> (example: http://cuny.is/membername) to your profile to enable easy sharing of your profile page.
            
        </ul>
        <p>Close this message and click the <strong>Edit</strong> button to get started. Please visit our <a href="sss">tutorials</a> for more information about these changes.</p>
        <p>Comments are always welcome. Email us at <a href="mailto:commons@gc.cuny.edu">commons@gc.cuny.edu</a> or use the orange <b>Give Us Feedback</b> button on the right to let us know what you think.</p>
        <div class="clear"></div>
    </div>




 /* CSS Styling  */
    #simplemodal-overlay {
        background-color:#000;
    }

    .simplemodal-wrap{
        /*height:80px;*/
    }
    #simplemodal-container {
        background-color:#333; 
        border:3px solid #444; 
        /*padding:12px;*/

        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;

        width:60%;
        /*height:70%;*/
        margin: 0 auto;

        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }



    #simplemodal-container a.modalCloseImg {
        background:url(images/x.png) no-repeat; /* adjust url as required */
        width:25px;
        height:29px;
        display:inline;
        z-index:4000;
        position:absolute;
        top:-5px;
        right:-10px;
        cursor:pointer;
    }

    .simplemodal-data{
        font-size: 1.1em;
        color:#fff;
        height:100%;
    }

    

    .simplemodal-data h2{
        background-color:#3FC2F3;
        color: #fff;
        padding:1em;
        margin:0 0 1em 0;
        font-family: sans-serif;
        font-size:2em;
        font-weight: 400;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom: 1px solid #fff;

    }

    .simplemodal-data p{
        padding:0 2em;
    }
    .simplemodal-data ul{
        margin-left: 2em;
    }

    .simplemodal-data li{
        margin-left: 2em;
    }

    .simplemodal-data ul li{
        margin-left: 2em;
        list-style-type: disc;
        margin-bottom:1em;
    }

    .simplemodal-data strong{
        font-weight: 900;
        color: #70C176;
    }

    .simplemodal-data b{
        font-weight: 900;
        color: #F58D59;
    }   