.boxy-wrapper { position: absolute; border: 1px solid #000;}
.boxy-wrapper.fixed { position: fixed; }

  /* Modal */
  
  .boxy-modal-blackout { position: absolute; 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: 3px; height: 3px; 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='http://www.textendo.com/images/boxy-nw.png'); }
	.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.textendo.com/images/boxy-ne.png'); }
	.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.textendo.com/images/boxy-se.png'); }
	.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.textendo.com/images/boxy-sw.png'); }
	
	.boxy-wrapper .top,
	.boxy-wrapper .bottom { height: 3px; background-color: black; padding: 0 }
	
	.boxy-wrapper .left,
	.boxy-wrapper .right { width: 3px; background-color: black; padding: 0 }
	
     Title bar */ 
	
    .boxy-wrapper .title-bar {
      position: relative; top:0px;
      background:#E5E4E0 url(../images/popup-header.gif) repeat-x scroll 0 0;
      height:31px;
      }
   
   
	  .boxy-wrapper .title-bar.dragging { cursor: move; }
	  
	   .boxy-wrapper{
     position: absolute;
     color:#7C796E;
     font-size:10px;
     line-height: 1;
     /*padding: 10px;*/
     margin: 0; 
     }
	  
	  .title-bar h2 {
      background:transparent url(../images/orange_arrow.gif) no-repeat scroll 0 10px;
      color:#333333;
      font-size:16px;
      line-height:1;
      margin:0 0 0 10px;
      padding:8px 0 0 20px;
      position:absolute;
     }
	  
	    .boxy-wrapper .title-bar .close {
       /*color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1;*/ 
       background:transparent url(../images/btn-close.gif) no-repeat scroll 0 0;
       position: absolute; right: 1px;;
       height:31px;
       text-indent:-9999px;
       width:32px;
       }
		
	/* Content Region */
	
	.boxy-inner { background-color: white; min-height:110px; padding: 0}

  .boxy-content {
  color:#333333;
  font-size:11px;
  line-height:14px;
  margin:0;
  padding: 5px 15px 15px 15px;
   }
	
  .boxy-content .h2{
   color:#A8A498;
  font-size:1.6em;
  font-weight:bold;
  line-height:1.2em;
  margin:0;
  padding: 5px 15px 5px 15px;
   }
	
	/* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }


/* Password change styling on user settings page*/
.passwordchange {
background:transparent url(../images/input-bg-5.gif) no-repeat scroll 0 0;
height:31px;
margin:5px 0 0;
width:276px;
}

.passwordinput {
background:transparent none repeat scroll 0 0;
border:0 none;
color:#A8A498;
display:inline;
float:left;
font-family:Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:14px;
margin:8px 0 10px 5px;
padding:1px 0 0;
width:243px;
}
