/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 5
   Tutorial Case

   Style Sheet to create rounded boxes
   Author: 
   Date:   

   Filename:         rounded.css0	0
                     right.png, top.png, topleft.png, topright.png

*/
div.roundedBox                     {margin: 5px; width:200px; float:left; position:relative}

div.boxContent                     {padding: 16px} 
 


.topLeft                           {background: url(graphics/topleft.png) no-repeat top left}
.topRight                          {background: url(graphics/topright.png) no-repeat top right}
.bottomLeft                        {background: url(graphics/bottomleft.png) no-repeat bottom left}
.bottomRight                       {background: url(graphics/bottomright.png) no-repeat bottom right}

.top                               {background: url(graphics/top.png) repeat-x top  }
.bottom                            {background: url(graphics/bottom.png) repeat-x bottom}

.left                              {background: url(graphics/left.png) repeat-y  left}
.right                             {background: url(graphics/right.png) repeat-y right}