.tdtcpanelHldr
        {
            left:50%!important;
            margin-left: -45%!important; 
            margin-right: auto!important;
            margin-top:90px!important;
            max-width:90%!important;
            min-width:90%!important;
            position:relative!important;
            display:inline-block!important;
            padding:0px!important;
        }
        .tdtcpanelHldr:after 
        {
            padding-top: 15.51%;
            /* 245:38 ratio */
            display: block;
            content: '';
        }
        .tdtcpanelHldr,
        .tdtcpanelHldr .subpanels
        {
            overflow:hidden;
            overflow-x:hidden;
            overflow-y:hidden;
        }
        .tdtcpanelHldr .subpanels
        {
            position:absolute;
            
            width:100%;
            max-width:100%;
            min-width:100%;

            max-height:229px;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            padding:1px 1px 1px 1px;
        }
        .tdtcpanelHldr .cover .subpanels
        {
            position:absolute;
            
            width:100%;
            max-width:100%;
            min-width:100%;

            max-height:190px;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            padding:0px 0px 0px 0px!important;
        }
        .tdtcpanelHldr .subpanels img
        {
            height:auto;
            max-width:100%;
            width:100%;
            min-width:100%;
            
        }
        .panelbkgrd 
        {
            
        }
        .tdtcpanelHldr .collapser,
        .opener
        {
            background-image: url('./images/tdtc_arrow_icons.png');
            background-repeat: no-repeat;
        }
        .tdtcpanelHldr .collapser
        {
            background-position-x:-34.25px;
            background-position-y:0;
            height:26px;
            width:32.25px;
            border:0px solid transparent;
            margin:1px;
            cursor:pointer;
            position:absolute;
            right:0;
            top:0;
            /*display:block;
            float:right;*/
            margin-top:2px;
            margin-right:7px;
            z-index:1000;
        }
        .tdtcpanelHldr .panelbkgrd
        {
            width:100%!important;
            max-width:100%!important;
            min-width:100%!important;
            height:auto;
        }
        .openerMsg
        {
            color:#00558c;
            font-size:11px;
            height:30px;
            margin-right: 5%;
            margin-top:90px;
            max-width:32.25px;
            min-width:32.25px;
            position:relative;
            display:inline-block;
            float:right;
        }
        .opener
        {
            background-position-x:-2px;
            background-position-y:0;
            height:26px;
            width:32.25px;
            border:0px solid transparent;
            margin-top:-10px;
            cursor:pointer;
            position:absolute;
            /*right:0;
            top:0;*/
            margin-right:7px;
            z-index:1000;
        }


        /* Specific Panels - Test Only */
        .infoPanel h2
        {
            color:#eef2f4;
            position:absolute;
            z-index:5;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size:16px;
            margin-left:2%;
        }
        .infoPanel img 
        {
            width: 100%;
            max-width: 100%;
            height: auto;
        }

@media screen and (max-width: 640px) 
{
    .tdtcpanelHldr
        {
            left:50%;
            margin-left: -45%; 
            margin-right: auto;
            margin-top:10px;
            max-width:99%!important;
            min-width:99%!important;
            position:relative;
            display:inline-block;
            padding:0px;
        }
}