/* 
================================
 Container Styles for UDI
================================
*/


/* GrayBox */
#graybox__container
{
	background: #ddd;
	border: 1px solid #999;
	border-top-width: 4px;
	margin-bottom: 10px;
	padding: 0;
}

#graybox__title
{
	float: left;
}

.graybox__title
{
	color: #666;
	font: normal normal bold 100% Trebuchet MS, Verdana, Arial;
	text-transform: uppercase;
}

#graybox__actions
{
	color: #666;
	float: right;
}

#graybox__content
{
	background: #fff;
	clear: both;
	color: #666;
	padding: 10px;
}

#graybox__footer
{
	background: #fff;
	text-align: right;
}







/* GoldTitle */
#goldtitle__container
{
	margin-bottom: 10px;
}

#goldtitle__title
{
	float: left;
}

.goldtitle__title
{
	color: #fc0;
	font: normal normal bold 120% Trebuchet MS, Verdana, Arial;
}

#goldtitle__actions
{
	float: right;
}

#goldtitle__content
{
	clear: both;
	color: #fff;
	padding: 10px;
}

#goldtitle__footer
{
	background: #066;
	text-align: right;
}






/* BlueWhiteRounded */
/* spiffybox.com */
#bluewhiterounded, #bluewhiterounded__body, #bluewhiterounded__head, #bluewhiterounded__head h2
{
	background: transparent url(bluewhite.jpg) no-repeat bottom right;
}
#bluewhiterounded
{
	width: 100% !important;			/* IE Win = width - padding */
	width: 100%;					/* the gap on the right edge of the image (not content padding) */
	padding-right: 10px;			/* use to position the box - s/b +(head's margin-right) */
	margin: 0 auto;
}

#bluewhiterounded__head
{
	background-position: top right;	/* pull the right image over on top of border */
	margin-right: -10px;			/* right-image-gap + right-inside padding :  -(container's padding-right) */
	padding-right: 40px;
}

#bluewhiterounded__head h2
{
	background-position: top left;
	margin: 0;						/* reset main site styles*/
	border: 0;						/* ditto */
	padding: 5px 0 5px 20px;		/* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%;						/* IE Holly Hack */
}

#bluewhiterounded__body
{
	background-position: bottom left;
	margin-right: 25px;				/* interior-padding right */
	padding: 15px 0 15px 20px;		/* mirror #bluewhiterounded__head right/left */
}

.bluewhiterounded__title
{
	color: #666;
	font: normal normal bold 80% Trebuchet MS, Verdana, Arial;
	text-transform: uppercase;
}





/* None */
#none__container
{
}

#none__title
{
	float: left;
}

.none__title
{
	color: #fc0;
	font: normal normal bold 120% Trebuchet MS, Verdana, Arial;
}

#none__actions
{
	float: right;
}

#none__content
{
	clear: both;
	color: #fff;
	padding: 0;
}

#none__footer
{
	background: #066;
	text-align: right;
}