.lightbox{}
      
        #overlay {
            /* core styles */
            top: 0; left: 0;
            width: 100%;
            height: 100%;
            position: absolute;

            z-index: 20000;
            
            /*optional styles */
            opacity: .5;
            filter: alpha(opacity=50);
            background-color: #000000;
            }
            
        .lightbox {
            /*optional styles - appearance*/
            background-color: transparent;
            padding: 0px;
            border: none;
            
            /*optional styles - position*/
            width: 100%;
            height: 100%;
            top: 0px;

            /* core styles */
            position: absolute;
            z-index: 30000;
        }
        .lightbox div.lbWrapper {}
        .lightbox div.lbContent {
            margin: 0px auto; width: 760px;
            padding: 5px; 
            border-bottom: 1px solid gray;
            border-left: 1px solid gray;
            border-right: 1px solid gray;
            }
        .lightbox div.lbFooter {
            height: 30px; width: 100%;
            margin: 0; padding: 0;
            background-position: bottom;
            clear: both;
            
            }
        
        .lbContent {background-color: #393939; margin-top: -20px;}
    
        .lightbox .title {margin: 8px 0 4px 0; padding: 6px 0 3px 0; font-size: 24px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: white; background-color: transparent;}
        a.viewButton {background-color: yellow; color: white; margin: 3px; padding: 4px; 10px; display: block; width: 10%; text-align: center; text-decoration: none;}
        a.viewButton:hover {color: black;}
        a.lbOff { padding: 5px 25px; margin: 3px 5px 10px 5px; display: block;font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid white; text-decoration: none;  color: white;}
        a.lbOff:hover {color: yellow; border-bottom: 1px solid red;}