/* View 0 */
div.myclass{
  background:url('logo.gif') no-repeat;
}

b.b5-border-gray-top {
	height: 0px; 
	overflow: hidden; 
	font-size: 1px; 
	display: block; 
	margin: 0 4px;
	border-bottom-width: 1px;
	border-bottom-color: #a0a0a0;
	border-bottom-style: solid;	
}

b.b5-border-gray-bottom {
	height: 0px; 
	overflow: hidden; 
	font-size: 1px; 
	display: block; 
	margin: 0 4px;
	border-top-width: 1px;
	border-top-color: #a0a0a0;
	border-top-style: solid;	
}

b.b4-border-gray {
	height: 1px; 
	overflow: hidden; 
	font-size:1px; 
	display: block; 
	margin: 0 4px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #a0a0a0;
	border-right-color: #a0a0a0;
	border-left-style: solid;
	border-right-style: solid;
}


b.b3-border-gray {
	height: 1px; 
	overflow: hidden; 
	font-size:1px; 
	display: block; 
	margin: 0 3px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #a0a0a0;
	border-right-color: #a0a0a0;
	border-left-style: solid;
	border-right-style: solid;	
}

b.b2-border-gray {
	height: 1px; 
	overflow: hidden; 
	font-size:1px; 
	display: block; 
	margin: 0 2px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #a0a0a0;
	border-right-color: #a0a0a0;
	border-left-style: solid;
	border-right-style: solid;
}

b.b1-border-gray {
	height: 1px; 
	overflow: hidden; 
	font-size:1px; 
	display: block; 
	margin: 0 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-left-color: #a0a0a0;
	border-right-color: #a0a0a0;
	border-left-style: solid;
	border-right-style: solid;		
} 
/* View 1 */
 .rounded * {
    padding-left: 16px;
    padding-right: 16px;
    
    }
.rounded {
  background-color:DarkGray;
  margin-right: -1px;
}  
.rounded {
    margin: 1em;
    padding:0;
  }


.rounded:before {
  background: transparent url(top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(bottom-left.png);
  margin: 2px 0 0 0;
  height: 30px;
  background: transparent url(bottom-right.png) scroll no-repeat bottom right;
  padding: 0;
}  
/* View 2 */
.bl {background: url(bl.gif) 0 100% no-repeat 		#FFA500; /*width: 40em*/}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 
/* View 3 */
.roundbox-tr { width:90%; margin:auto; padding:0; background:url("roundbox_tr.gif") no-repeat right top; }

.roundbox-tl { margin:0; padding:0; background: url("roundbox_tl.gif") no-repeat left top; }

.roundbox-br { margin:0; padding:0; background: url("roundbox_br.gif") no-repeat right bottom; }

.roundbox-bl { margin:0; padding:0; background: url("roundbox_bl.gif") no-repeat left bottom; }
.roundbox-content { margin:0; padding:1em 1.5em; }

.roundbox-content p { margin:0; padding:0; line-height:1.6; }
/* View 4 */
.quote {
    max-width: 620px;
    background: url(rs-right.png) right repeat-y }
.quote::before {
    display: block;
    line-height: 0;
    background: url(rs-topright.png) top right no-repeat;
    content: url(rs-topleft.png) }
.quote::after {
    display: block;
    line-height: 0;
    background: url(rs-bottomright.png) bottom right no-repeat;
    content: url(rs-bottomleft.png) }
/* View 5 */
.top-left, .top-right, .bottom-left, .bottom-right {     
    	background-image: url('corners1280x18.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
/* View 6 */
.r1, .r2, .r3 {
    display: block;
    height: 1px;
}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #CCCCCC;
    
}
#rounded-box-3 {
padding-bottom:5px;
}
.inner-box {
    padding:1em;
}
.r1, .r2, .r3 {
    overflow: hidden; 
    font-size:1px;
}