.dialog.red 
             {
             position:relative;
             margin:0px auto;
             min-width:8em;
             max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
             color:#fff;
             z-index:1;
             margin-left:9px; /* default, width of left corner */
             margin-bottom:0.5em; /* spacing under dialog */
             }
             .dialog.red .content,
              .dialog.red .t,
              .dialog.red .b,
              .dialog.red .b div 
             {
                background:transparent url(./images/dialogueImage2.png) no-repeat top right;}
         
            .dialog.red .content 
            {
             position:relative;
             zoom:1;
             _overflow-y:hidden;
             padding:9px 9px 0px 0px;  /* Js Added to drop text cornerSize pixels below the top of the content area, and cornerSize pixels in from the right hand edge*/
            }
            
                    
            .dialog.red .t 
            {
             /* top+left vertical slice */
             position:absolute;
             left:0px;
             top:0px;
             width:9px;            /* top slice width  - width or corner specific aspect of box*/ 
             margin-left:-9px;     /* needs to be the same as width */
             height:100%;
             _height:1600px;                     /* arbitrary long height, IE 6 */
             background-position:top left;
            
            }
            
            .dialog.red .b 
            {
             /* bottom */
             position:relative;
             width:100%;
             text-align:left;
            }
            
            .dialog.red .b,
            .dialog.red .b div 
            {
             height:9px; /* height of bottom cap/shade */
             font-size:1px;
            }
            
            .dialog.red .b {
             background-position:bottom right;
            }
            
            .dialog.red .b div 
            {
             position:relative;
             width:9px; /* bottom corner width */
             margin-left:-9px;
             background-position:bottom left;
            }
            
            .dialog.red .hd,
            .dialog.red .bd,
            .dialog.red .ft 
            {
             position:relative;
            }
            
            .dialog.red .wrapper 
            {
             /* extra content protector - preventing vertical overflow (past background) */
             position:static;
             max-height:1000px;
             overflow:auto; 
            }
            
            .dialog.red h1,
            .dialog.red p 
            {
             margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
             padding:0.5em 0px 0.5em 0px;
            }
            
            .dialog.red h1 
            {
             padding-bottom:0px;
            }