.mainBox{
  width:400px;
  height:101%;
}

.boxTopMain{
  background:url(../resources/images/top.gif) top repeat-x;
  width: 372px;
  height:14px;
  float:left;
}

.boxTopLeft {
  height:14px;
  width:14px;
  line-height:0px;
  font-size:0px;
  background:url(../resources/images/top-left.gif) no-repeat top left;
  float:left;
}

.boxTopRight {
  height:14px;
  width:14px;
  line-height:0px;
  font-size:0px;
  background:url(../resources/images/top-right.gif) no-repeat top right;
  float:left;
}

.boxLeft {
  background:url(../resources/images/left.gif) left repeat-y;
  float:left;
  width:14px;
  min-height:150px;
}

.boxRight {
  background:url(../resources/images/right.gif) right repeat-y;
  float:left;
  width:14px;
  min-height:150px;
}

.boxContent{
  width: 372px;
  min-height:150px;
  float:left;
}

.boxBottomMain {
  background:url(../resources/images/bottom.gif) bottom repeat-x;
  width: 372px;
  height:16px;
  float:left;
}

.boxBottomLeft {
  height:16px;
  width:14px;
  line-height:0px;
  font-size:0px;
  background:url(../resources/images/bottom-left.jpg) no-repeat bottom left;
  float:left;
}

.boxBottomRight {
  height:16px;
  width:14px;
  line-height:0px;
  font-size:0px;
  background:url(../resources/images/bottom-right.jpg) no-repeat bottom right;
  float:left;
}



.boxLeftBig {
  background:url(../resources/images/left.gif) left repeat-y;
  float:left;
  width:14px;
}

.boxRightBig {
  background:url(../resources/images/right.gif) right repeat-y;
  float:left;
  width:14px;
}

.boxContentBig{
  width: 400px;
  float:left;
}