/***********************************************/
/* ROUNDED CORNER BOXES                        */
/***********************************************/
/* This file, is used to create the rounded    */
/* boxes. The breakdown of how the file works  */
/* is as follows:                              */
/* v-chrome acts as wrapper                    */
/* v-chrome-bd acts as the "body",             */
/* 		copy/elements can go immediately after */
/*		the v-chrome-bd                        */
/* v-chrome .bgnd acts as the background       */
/* wrapper & uses the following structure:     */               
/* 		<u class=w> (upper west)               */
/* 		<u class=e) (upper east)               */
/* 		<i class=w> (inner west)               */
/* 		<i class=e> (inner east)               */
/* 		<b class=w> (bottom west)              */
/* 		<b class=e> (bottom east)              */
/* The background is a single sprite png image */
/* however, a gif image is used as a "hack" for*/
/* IE6 browsers, as png transparency isn't     */
/* supported.                                  */
/*                                             */
/* Separate themes can be created & called in  */
/* using/altering the following styles, which  */
/* are stored in a separate css file:          */
/* .v-chrome{                                  */
/*   margin-bottom:30px;                       */
/* }                                           */
/*											   */
/* .v-chrome-bd{							   */
/*   padding:40px 40px 40px 40px;			   */
/* }										   */
/*											   */
/* .v-chrome .bgnd *{						   */
/*background-image:url(roundBox_dkRed_thin.png)*/
/*  _background-image:url(brown_dialog.gif);   */
/* }										   */
/***********************************************/


.v-chrome{
  position:relative;
  z-index:2;  
  margin:3px;
  zoom:1;
}

.v-chrome-bd{
  padding:12px;
  _height:100px;
  min-height:100px;
  zoom:1;
}

.v-chrome .bgnd{
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  zoom:1;
}

.v-chrome .bgnd *{
  position:absolute;  overflow:hidden;
  background-repeat:no-repeat;
  zoom:1;
}


.v-chrome .bgnd u.w{
  left:0;
  top:0;
  right:40px;
  height:60px;
}

.v-chrome .bgnd u.e{
  top:0;
  right:0;
  height:60px;
  width:40px;
  background-position:-960px 0;
}

.v-chrome .bgnd i.w{
  left:0;
  top:60px;
  right:40px;
  bottom:40px;
  background-repeat:repeat-y;
  /*background-position:-1003px -123px;*/ /* red brushed */
  background-position:-1000px 0px; /* red underpaint */  
}

.v-chrome .bgnd i.e{
  top:60px;
  right:0px;
  width:40px;
  bottom:40px;
  background-repeat:repeat-y;
  /*background-position:-1959px 19px;*/ /*red brushed */
  background-position:-1960px 0px; /*red underpaint */
}

.v-chrome .bgnd b.w{
  left:0;
  bottom:0;
  right:40px;
  height:40px;
  background-position:0 100%;
}

.v-chrome .bgnd b.e{
  height:40px;
  bottom:0;
  right:0;
  width:40px;
  background-position:-960px 100%;
}