.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */

  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

  /* Border */

  .boxy-wrapper { empty-cells: show; }
    .boxy-wrapper .boxy-top-left,
    .boxy-wrapper .boxy-top-right,
    .boxy-wrapper .boxy-bottom-right,
    .boxy-wrapper .boxy-bottom-left { width: 10px; height: 10px; padding: 0 }

    :root .boxy-wrapper .boxy-top-left { background: url('http://strikersuperstars.com/images/boxy-nw.png'); }
    :root .boxy-wrapper .boxy-top-right { background: url('http://strikersuperstars.com/images/boxy-ne.png'); }
    :root .boxy-wrapper .boxy-bottom-right { background: url('http://strikersuperstars.com/images/boxy-se.png'); }
    :root .boxy-wrapper .boxy-bottom-left { background: url('http://strikersuperstars.com/images/boxy-sw.png'); }

    /* IE6-8 hacks for the border. IE7+8 should support this natively but fails in conjuction with modal blackout bg. */
    /* NB: these must be absolute paths or URLs to your images */
    .boxy-wrapper .boxy-top-left {
        #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png')";
    }
    .boxy-wrapper .boxy-top-right {
        #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png')";
    }
    .boxy-wrapper .boxy-bottom-right {
        #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png')";
    }
    .boxy-wrapper .boxy-bottom-left {
        #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png');
        -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png')";
    }

    .boxy-wrapper .boxy-top,
    .boxy-wrapper .boxy-bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

    .boxy-wrapper .boxy-left,
    .boxy-wrapper .boxy-right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

    /* Title bar */

    .boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
      .boxy-wrapper .title-bar.dragging { cursor: move; }
        .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
        .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

    /* Content Region */

    .boxy-inner { overflow: hidden; background-color: white; padding: 0 }
    .boxy-content { padding: 15px; }

    /* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }