/* ************************************************************ */
/* BUBBLE BOX STYLESHEET                                        */
/*                                                              */
/*                                                              */
/* ************************************************************ */


/* BUBBLE BOX VARIABLES
--------------------------------------------------------------- */
.contentBubbleWrapper {
		width: 758px;
		margin: 0px;
		padding: 10px;
		}
.contentWrapper-LR {
		width: 170px;
		margin: 0px;
		padding-bottom: 10px;
		}
.contentWrapper-Center {
		width: 400px;
		margin: 0px;
		padding-bottom: 10px;
		}
.contentWrapper-425 {
		width: 425px;
		margin: 0px;
		padding-bottom: 10px;
		}
.contentWrapper-555 {
		width: 555px;
		margin: 0px;
		padding-bottom: 10px;
		}
.contentWrapper-twoColumn {
		width: 525px;
		margin: 0px;
		padding-bottom: 10px;
		}
		
		
.contentWrapper-twoColumnGrey {
		width: 525px;
		margin: 0px;
		padding-bottom: 10px;
		}
				
.contentWrapper-twoColumnSmall {
		width: 272px;
		margin: 0px;
		padding-bottom: 10px;
		}
.contentWrapper-FlatTop {
		width: 525px;
		margin: 0px;
		padding: 0px;
		}
.content-FlatTop {
		margin: 0px;
		padding: 0px;
		background-color: #E9E9E9;
		border-left: 1px solid #B8B8B8;
		border-right: 1px solid #B8B8B8;
		border-bottom: 1px solid #B8B8B8;
		}
.content {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		border: 1px solid #B8B8B8;
		}
.content-Alt1 {							/* GRAY BUBBLE BOX */
		margin: 0px;
		padding: 0px;
		background-color: #F4F4F4;
		border: 1px solid #B8B8B8;
		}
.content-Alt1Small {						/* SMALL GRAY BUBBLE BOX */
		width: 390px;
		margin: 0px;
		padding: 0px;
		background-color: #F4F4F4;
		border: 1px solid #B8B8B8;
		}
		
.content-wide-grey {						/* SMALL GRAY BUBBLE BOX */
		width: 283px;
		margin: 0px;
		padding: 0px;
		background-color: #F4F4F4;
		border: 1px solid #B8B8B8;
		}		
				
.contentPadding-Left, .contentPadding-Center {
		margin: 0px;
		padding: 0px 5px 20px 10px;
		}
.contentBubblePadding {
		margin: 0px;
		padding: 5px 0px 10px 20px;
		}


/* ROUNDED CORNER CLASS VARIABLES
--------------------------------------------------------------- */
.roundedCornerSpacer {
		margin: 0px;
		padding: 0px;
		border: 0px;
		clear: both;
		font-size: 1px; 
		line-height: 1px;
		}
.borderTL, .borderTR, .borderBL, .borderBR {
		width: 14px;
		height: 14px;
		padding: 0px;
		border: 0px;
		z-index: 99;
		}
.borderTL, .borderBL {
		float: left;
		clear: both;
		}
.borderTR, .borderBR {
		float: right;
		clear: right;
		}
.borderTL { 
		margin:  -1px  0px  0px -1px; 
		}
.borderTR { 
		margin:  -1px -1px  0px  0px; 
		}
.borderBL { 
		margin: -14px  0px  0px  0px;
		}
.borderBR { 
		margin: -14px  0px  0px  0px; 
		}
/* IE5-5.5/win needs the border scooted to the left or right by an additional 3px!   Why?  */
.borderTL {
		margin-left: -4px;
		margin-left: -1px;
		}
html>body .borderTL  {
		margin-left: -1px;
		}
.borderTR {
		margin-right: -4px;
		margin-right: -1px;
		}
html>body .borderTR {
		margin-right: -1px;
		}
.borderBL {
		margin-left: -3px;
		margin-left: 0px;
		}
html>body .borderBL {
		margin-left: 0px;
		}
.borderBR {
		margin-right: -3px;
		margin-right: 0px;
		}
html>body .borderBR {
		margin-right: 0px;
		}