@CHARSET "UTF-8";
/* ============================================================================
 * Box 1
 * ============================================================================
 */
.box-1-top-left, .box-1-top-right, .box-1-bottom-left, .box-1-bottom-right { 
  background-image: url('../images/rounded-box-type-1.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 */	
	_display: none;
  }
.box-1-top-left, .box-1-bottom-left { 
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	_display: none;
  }
.box-1-top-right, .box-1-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 */
	_display: none; 
  }
.box-1-top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	_display: none;
  }
.box-1-bottom-left  { 
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
  _display: none;
  }
.box-1-bottom-right { 
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	_display: none;
	}
.box-1-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 */
	
	_border-top: 1px solid #C00000;
	_border-bottom: 1px solid #C00000;
  _padding-top: 10px;
	_padding-bottom: 10px;
  } 

/* ============================================================================
 * Box 2
 * ============================================================================
 */
.box-2-top-left, .box-2-top-right, .box-2-bottom-left, .box-2-bottom-right { 
  background-image: url('../images/rounded-box-type-2.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 */
  _display: none;
  }
.box-2-top-left, .box-2-bottom-left { 
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	 _display: none;
  }
.box-2-top-right, .box-2-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 */
	_display: none; 
  }
.box-2-top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	_display: none; 
  }
.box-2-bottom-left  { 
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	_display: none; 
  }
.box-2-bottom-right { 
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	_display: none; 
  }
.box-2-inside {
  border-left: 1px solid #0008ff; /* YCC: color & properties of the left-borderline */
  border-right: 1px solid #0008ff;/* YCC: color & properties of the right-borderline */
  background: #FFFFFF;            /* 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 */
	
	_border-top: 1px solid #0008ff;
  _border-bottom: 1px solid #0008ff;
  _padding-top: 10px;
  _padding-bottom: 10px;
  }

/* ============================================================================
 * Box 3
 * ============================================================================
 */
.box-3-top-left, .box-3-top-right, .box-3-bottom-left, .box-3-bottom-right { 
  background-image: url('../images/rounded-box-type-3.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 */
	_display: none;
  }
.box-3-top-left, .box-3-bottom-left { 
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	_display: none;
  }
.box-3-top-right, .box-3-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 */
	_display: none;
  }
.box-3-top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	_display: none;
  }
.box-3-bottom-left  { 
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	_display: none;
  }
.box-3-bottom-right { 
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	_display: none;
  }
.box-3-inside {
  border-left: 1px solid #0008ff; /* YCC: color & properties of the left-borderline */
  border-right: 1px solid #0008ff;/* YCC: color & properties of the right-borderline */
  background: #fcfca8;            /* 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 */
	
	_border-top: 1px solid #0008ff;
  _border-bottom: 1px solid #0008ff;
  _padding-top: 10px;
  _padding-bottom: 10px;
  }
	
/* ============================================================================
 * Common
 * ============================================================================
 */
.box-common-notopgap    { 
  margin-top: 0;                  /* DNC: to avoid splitting of the box */ 
  margin-bottom: 0;
	height: 0; 
	font-size: 0;
  padding-top: 0;
	padding-bottom: 0;
	}    
.box-common-nobottomgap { 
  margin-bottom: -1px;            /* DNC: to avoid splitting of the box */ 
	padding-bottom: 1px;            /* DNC: to avoid splitting of the box */
	_margin-bottom: 0;
	_padding-bottom: 0;
	}