@charset "UTF-8";
/* CSS Document */

.rounded h3 {
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.rounded{
   border:1px solid #d1d1d1;
   background:#fff;
   padding:10px;
   // overflow: hidden;
   behavior: expression(!this.rounded ? this.rounded = this.innerHTML = '<div class="rounded_before"><img src="http://www.fx-invest.ru/images/c2.png" class="right"><img src="http://www.fx-invest.ru/images/c1.png" class="left"></div>' + this.innerHTML + '<div class="rounded_after"><img src="http://www.fx-invest.ru/images/c4.png" class="right2"><img src="http://www.fx-invest.ru/images/c3.png" class="left2"></div>': '' );
}

.rounded:before, .rounded_before{
   display:block;
   height:9px;
   background:transparent url(http://www.fx-invest.ru/images/c2.png) top right no-repeat;
   content: url(http://www.fx-invest.ru/images/c1.png);
   line-height:1px;
   font-size:1px;
   margin:-11px -11px 0px -11px;
}

.rounded:after, .rounded_after{
   display:block;
   height:9px;
   background:transparent url(http://www.fx-invest.ru/images/c4.png) bottom right no-repeat;
   content: url(http://www.fx-invest.ru/images/c3.png);
   line-height:1px;
   font-size:1px;
   margin:1px -11px -11px -11px;
}

.rounded img.right{
   float:right;
   position: absolute;
   right: 0px;
   top: 0px;
}

.rounded img.left{
	float: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

.rounded img.right2 {
   float:right;
   position: absolute;
   right: 0px;
   top: 0px;
}

.rounded img.left2 {
	float: none;
	position: absolute;
	left: 0px;
	top: 0px;
}


.rounded_before, .rounded_after{
   background:none;
   position:relative;
   z-index: 1;
}