<style>
    .expandHeader {
        cursor: pointer;
        background-image:url('/PublishingImages/downarrow.png');
        background-repeat: no-repeat;
        position: relative;
        height: 15px;
        padding-left: 25px;
    }

    .expandHeader button {
      background-color: #f26522;
      color:#fff;
      font-weight:bold;
      border-color: #f26522;
      padding:3px;
      margin-bottom:15px;
    }

    .expandBody {}

    .collapseBody {
        cursor: pointer;
        padding-left: 25px;
    }

    .altHeader {
        position: relative;
        background-image:url('/PublishingImages/uparrow.png');
        background-repeat: no-repeat;
    }
    #readMore,#close {
    	margin: 15px 0;
    	text-decoration: underline;
      background-image: none !important;
    }
</style>
<script>
    $(document).ready(function() {
        $(".expandBody").hide();
        $("div.expandHeader").html("<button>Click Here to Watch Video</button><br />");
        $(".expandHeader").click(function() {
            $(this).next(".expandBody").slideToggle("normal");
            $(this).closest(".expandHeader").toggleClass("altHeader");
            if ($(this).closest("div.expandHeader").attr("id") === "close") {
                $(this).closest("div.expandHeader").attr("id", "readMore");
                $(this).closest("div.expandHeader").html("<button>Click Here to Watch Video</button><br />");
            } else {
                $(this).closest("div.expandHeader").attr("id", "close");
                $(this).closest("div.expandHeader").html("<button>Close Player</button><br />");
            }
        });
        $(".collapseBody").click(function() {
            $(".expandHeader").removeClass("altHeader");
            $(".expandBody").slideUp("normal");
            $(this).closest("div.expandHeader").attr("id", "readMore");
        });
    });
</script>
<!--[if IE]>
<script>
$(document).ready(function(){
  $('div#pageAreaLayout').find('IFRAME').attr('height', '0px')
   });
</script>
<![endif]-->