div.cornerbox 
		{
  			margin: 0; 
			position:relative;
			
			width : 600px;
  			height: 100%; 
			
			border-style:solid;
			border-width:3px;
			border-color:#106da6;
		}
		
		img.cornerboxbg 
		{
  			position: absolute;
			z-index: 0;
			height:100%;
			width:100%;
		}

		div.cornercontent 
		{
  			position: absolute;
			z-index: 1;

		}

		span.c1 
		{
  			background : transparent url(/util/img/cornerbox/c1.png) no-repeat;
			position : absolute;
			left: -3px; 
			top: -3px;

  			width : 12px;
  			height : 12px;  
  			display : block;
  			/*margin : -1px;  /* this is for IE */
		}

		span.c2 
		{
  			background : transparent url(/util/img/cornerbox/c2.png) no-repeat;
			position : absolute;
			right: -3px; 
			top: -3px;

  			width : 12px;
  			height : 12px;  
  			display : block;
  			/*margin : -1px;  /* this is for IE */
		}
		
		span.c3 
		{
  			background : transparent url(/util/img/cornerbox/c3.png) no-repeat;
			position : absolute;
			right: -3px; 
			bottom: -3px;

  			width : 12px;
  			height : 12px;  
  			display : block;
  			/*margin-bottom : -1px;  /* this is for IE */
		}
		
		span.c4 
		{
  			background : transparent url(/util/img/cornerbox/c4.png) no-repeat;
			position : absolute;
			left: -3px; 
			bottom: -3px;

  			width : 12px;
  			height : 12px;  
  			display : block;
  			/*margin : -1px;  /* this is for IE */
		}