/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
  margin:1em 0;
  padding:0 10px;
  border:0px solid #ff0000;
  background: #000000 url(../imageset/box_back.jpg);
}
.cbb h1 {
  margin:0 -10px;
  padding:0.3em 10px;
  background:#000000;
  font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
  /* Top corners and border */
.bt {
  height: 10px;
  margin:0 0 0 0;
  background:url(../imageset/box.gif) no-repeat 100% 0;
}
.bt div {
  position:relative;
  background:url(../imageset/box.gif) no-repeat 0 0;
  font-size:0;
  height: 10px;
  line-height:0;
}

  /* Bottom corners and border */
.bb {
  height: 10px;
  margin: 0 0 0 0;
  background:url(../imageset/box.gif) no-repeat 100% 100%;
}
.bb div {
  position:relative;
  height:10px;
  background:url(../imageset/box.gif) no-repeat 0% 100%;
  font-size:0;
}

  /* Left border */
.i1 {
  padding:0 0 0 10px;
  background:url(../imageset/borders.gif) repeat-y 0 0;
}
  /* Right border */
.i2 {
  padding:0 10px 0 0;
  background:url(../imageset/borders.gif) repeat-y 100% 0;
}
  /* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
  display:block;
  
  padding: 5px 5px 5px 5px;
  background: #000000 url(../imageset/box_back.jpg) ;
}

.i3 img {
	vertical-align: middle;
}

  /* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */