/**
 * Spanky Corners -- CSS Rounded Corners by SitePoint
 *
 * Auto generated code by SitePoint.com
 * Details @ http://tools.sitepoint.com/spanky/
 * @version 1.0
 */

div#flow div#tab div.wrap{
	background-color: #ffffff;
	color: #333333;
	font-size:62.5%;
}

/* all curved boxes get the bottom-left corner */
div.wrap div.rounded {
	background: #B8C7DA url(/spanky/images/images/bl_18_B8C7DA_ffffff.gif) bottom left no-repeat;
	color: #333333;
	position: relative;
	padding-top: 0;
	padding-bottom: 18px;
	margin: 1em 10px 0 0 ;
	height:1%;
}

/* all elements within 'div.rounded' get the bottom-right corner */
div.wrap div.rounded * {
	color: #333333;
	background: #B8C7DA url(/spanky/images/images/br_18_B8C7DA_ffffff.gif) bottom right no-repeat;
	padding: 1em 2em 18px 18px;
	margin: 0 0 -18px 18px;
	height:1%;
}

/* Remove the corner from all elements *two or more* levels in */
div.wrap div.rounded * * {
	padding: 0;
	margin: 0;
	background: none;
	color: #333333;
	height:auto
}

/* override some elements to get the top right & left corners */

div.wrap div.rounded h1, div.wrap div.rounded h4 {
	color: #ffffff;
	background: #B8C7DA url(/spanky/images/images/tr_18_B8C7DA_ffffff.gif) top right no-repeat ;
	display: list-item;
	list-style-image: url(/spanky/images/images/tlc_18_B8C7DA_ffffff.gif);
	list-style-position: inside;
	list-style-type:none;
	padding: 0 ;
	margin: 0 ;
	position: relative;
}

div.wrap div.rounded  h1 {
	font-size: 3.2em;
}

div.wrap div.rounded  h4 {
	font-size: 2em;
}

/* prettier links */
div#flow div#tab div.wrap div.rounded a:link {color:#0000CC }
div#flow div#tab div.wrap div.rounded a:hover {color:#0033FF }
div#flow div#tab div.wrap div.rounded a:visited {color:#0000CC }

/* reset some useful defaults on list items */
div#flow div#tab div.wrap div.rounded  * li {
	margin-left: 2em;
}
div#flow div#tab div.wrap h1.title, div#flow div#tab div.wrap h5.title  {
color:#B8C7DA}