/* Box :: Layout */
.box { width:20em; position:relative; margin:20px 0; }
.box { clear:both; margin:0; padding:0; }
.box .top,
.box .middle,
.box .bottom { clear:both; position:relative; }
.box .top h2 { margin:0; padding:0; }
.box .top .left,
.box .top .right,
.box .bottom .left,
.box .bottom .right { position:absolute; right:0; top:0; }

/* Box :: Design */
.box .top {
  margin:0 40px;
  background:url(/javascript/jquery/images/s001-x.png) repeat-x 0 -40px; height:40px;
  }
.box .top .left {
  left:-40px;
  background:url(/javascript/jquery/images/s001.png) no-repeat -80px 0; width:40px; height:40px;
  }
.box .top .right {
  right:-40px;
  background:url(/javascript/jquery/images/s001.png) no-repeat -120px 0; width:40px; height:40px;
  }
.box .middle .left {
  background:url(/javascript/jquery/images/s001-y.png) repeat-y 0 0;
  }
.box .middle .right {
  background:url(/javascript/jquery/images/s001-y.png) repeat-y 100%;
  }
.box .middle .content {
  background:#fff;
  margin:0 40px;
  }  
.box .bottom {
  margin:0 40px;
  background:url(/javascript/jquery/images/s001-x.png) repeat-x 0 0; height:40px;
  }
.box .bottom .left {
  left:-40px;
  background:url(/javascript/jquery/images/s001.png) no-repeat 0 0; width:40px; height:40px;
  }
.box .bottom .right {
  right:-40px;
  background:url(/javascript/jquery/images/s001.png) no-repeat -40px 0; width:40px; height:40px;
  }

/* Form :: Layout */
.box h1 {
  font-size:1em;
  margin:0 0 10px 0;
  }
.box form div {
  margin:0 0 5px 0;
  }
.box form label {
  display:block;
  }
.box form input {
  width:100%;
  }