.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 .top-left,
	.boxy-wrapper .top-right,
	.boxy-wrapper .bottom-right,
	.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
	
	.boxy-wrapper .top-left { background: url('../../images/boxy-nw.png'); }
	.boxy-wrapper .top-right { background: url('../../images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { background: url('../../images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { background: url('../../images/boxy-sw.png'); }
	
	/* IE6+7 hacks for the border. IE7 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 .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
	
	/* Title bar */
	
	.boxy-wrapper .title-bar { background-color: #2696db; padding: 6px; position: relative;}
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	    .boxy-wrapper .title-bar h2 { font-size: 16px; color: white; line-height: 1; margin: 0; padding: 0; }
	    .boxy-wrapper .title-bar .close { color: black; position: absolute; top: 6px; right: 6px; font-size: 12px; line-height: 1; }
		
	/* Content Region */
	
	.boxy-inner { background-color: red; padding: 0; font-size: 16px; }
	.boxy-inner input { font-size: 12px; }
	.boxy-content { padding: 15px; background-image: url("../../images/modalbodybg.jpg"); background-repeat: repeat-x; }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: left; }
    .boxy-wrapper .answers input[type="button"] {
        display: inline-block;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        border-bottom: 1px solid #b3b3b3;
        display: inline;
      /* IE7 inline-block hack */

      *    zoom: 1;
          padding: 4px 10px 4px;
          margin-bottom: 0;
          font-size: 13px;
          line-height: 18px;
          color: #333333;
          text-align: center;
          vertical-align: middle;
          background-color: #f5f5f5;
          background-repeat: repeat-x;
          -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        cursor: pointer;
        background-color: #2696db;
        background-repeat: repeat-x;
        color:White;
        font-weight:bold;
    }
    
    .boxy-wrapper .answers input[type="button"]:first-child {
        background-color:#f5f5f5;
        color:Black;
    }