/*
Chunky Borders
http://www.cssplay.co.uk/boxes/chunky.html

BASIC HTML
<div class="xsnazzyDarkGray">
	<b class="xbDarkGray1"></b><b class="xbDarkGray2"></b><b class="xbDarkGray3"></b><b class="xbDarkGray4"></b><b class="xbDarkGray5"></b><b class="xbDarkGray6"></b><b class="xbDarkGray7"></b>
	<div class="xboxcontentDarkGray">
		<!-- CONTENT GOES HERE -->
	</div>
	<b class="xbDarkGray7"></b><b class="xbDarkGray6"></b><b class="xbDarkGray5"></b><b class="xbDarkGray4"></b><b class="xbDarkGray3"></b><b class="xbDarkGray2"></b><b class="xbDarkGray1"></b>
</div>
*/


/* DEFAULTS
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
.xsnazzy {background: transparent; margin-bottom: 1em;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}
.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 
.xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}
.xboxcontent p { margin-bottom: 1em; }
*/
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xsnazzyDarkGray {background: transparent; margin-bottom: 1em;}
.xbDarkGray1, .xbDarkGray2, .xbDarkGray3, .xbDarkGray4, .xbDarkGray5, .xbDarkGray6, .xbDarkGray7 {display:block; overflow:hidden; font-size:0;}
.xbDarkGray1, .xbDarkGray2, .xbDarkGray3, .xbDarkGray4, .xbDarkGray5, .xbDarkGray6 {height:1px;}
.xbDarkGray4, .xbDarkGray5, .xbDarkGray6, .xbDarkGray7 {background:#CCC; border-left:1px solid #999; border-right:1px solid #999;}
.xbDarkGray1 {margin:0 8px; background:#999;}
.xbDarkGray2 {margin:0 6px; background:#999;}
.xbDarkGray3 {margin:0 4px; background:#999;}
.xbDarkGray4 {margin:0 3px; background:#DADADA; border-width:0 5px;}
.xbDarkGray5 {margin:0 2px; background:#DADADA; border-width:0 4px;}
.xbDarkGray6 {margin:0 2px; background:#DADADA; border-width:0 3px;} 
.xbDarkGray7 {margin:0 1px; background:#DADADA; border-width:0 3px; height:2px;} 
.xboxcontentDarkGray {display:block; background:#DADADA; border:3px solid #999; border-width:0 3px; padding: 1em 2em 1em 2em;}
.xboxcontentDarkGray p { margin-bottom: 1em; }

.xsnazzyMediumGray {background: transparent; margin-bottom: 1em;}
.xbMediumGray1, .xbMediumGray2, .xbMediumGray3, .xbMediumGray4, .xbMediumGray5, .xbMediumGray6, .xbMediumGray7 {display:block; overflow:hidden; font-size:0;}
.xbMediumGray1, .xbMediumGray2, .xbMediumGray3, .xbMediumGray4, .xbMediumGray5, .xbMediumGray6 {height:1px;}
.xbMediumGray4, .xbMediumGray5, .xbMediumGray6, .xbMediumGray7 {background:#CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xbMediumGray1 {margin:0 8px; background:#CCC;}
.xbMediumGray2 {margin:0 6px; background:#CCC;}
.xbMediumGray3 {margin:0 4px; background:#CCC;}
.xbMediumGray4 {margin:0 3px; background:#EAEAEA; border-width:0 5px;}
.xbMediumGray5 {margin:0 2px; background:#EAEAEA; border-width:0 4px;}
.xbMediumGray6 {margin:0 2px; background:#EAEAEA; border-width:0 3px;}
.xbMediumGray7 {margin:0 1px; background:#EAEAEA; border-width:0 3px; height:2px;}
.xboxcontentMediumGray {display:block; background:#EFEFEF; border:3px solid #CCC; border-width:0 3px; padding: 1em 2em 1em 2em;}
.xboxcontentMediumGray p { margin-bottom: 1em; }

.xsnazzyLightGray {background: transparent; margin-bottom: 1em;}
.xbLightGray1, .xbLightGray2, .xbLightGray3, .xbLightGray4, .xbLightGray5, .xbLightGray6, .xbLightGray7 {display:block; overflow:hidden; font-size:0;}
.xbLightGray1, .xbLightGray2, .xbLightGray3, .xbLightGray4, .xbLightGray5, .xbLightGray6 {height:1px;}
.xbLightGray4, .xbLightGray5, .xbLightGray6, .xbLightGray7 {background:#CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xbLightGray1 {margin:0 8px; background:#CCC;}
.xbLightGray2 {margin:0 6px; background:#CCC;}
.xbLightGray3 {margin:0 4px; background:#CCC;}
.xbLightGray4 {margin:0 3px; background:#FAFAFA; border-width:0 5px;}
.xbLightGray5 {margin:0 2px; background:#FAFAFA; border-width:0 4px;}
.xbLightGray6 {margin:0 2px; background:#FAFAFA; border-width:0 3px;}
.xbLightGray7 {margin:0 1px; background:#FAFAFA; border-width:0 3px; height:2px;}
.xboxcontentLightGray {display:block; background:#FAFAFA; border:3px solid #CCC; border-width:0 3px; padding: 1em 2em 1em 2em;}
.xboxcontentLightGray p { margin-bottom: 1em; }

.xsnazzyWhite {background: transparent; margin-bottom: 1em;}
.xbWhite1, .xbWhite2, .xbWhite3, .xbWhite4, .xbWhite5, .xbWhite6, .xbWhite7 {display:block; overflow:hidden; font-size:0;}
.xbWhite1, .xbWhite2, .xbWhite3, .xbWhite4, .xbWhite5, .xbWhite6 {height:1px;}
.xbWhite4, .xbWhite5, .xbWhite6, .xbWhite7 {background:#CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xbWhite1 {margin:0 8px; background:#CCC;}
.xbWhite2 {margin:0 6px; background:#CCC;}
.xbWhite3 {margin:0 4px; background:#CCC;}
.xbWhite4 {margin:0 3px; background:#FFF; border-width:0 5px;}
.xbWhite5 {margin:0 2px; background:#FFF; border-width:0 4px;}
.xbWhite6 {margin:0 2px; background:#FFF; border-width:0 3px;}
.xbWhite7 {margin:0 1px; background:#FFF; border-width:0 3px; height:2px;}
.xboxcontentWhite {display:block; background:#FFF; border:3px solid #CCC; border-width:0 3px; padding: 1em 2em 1em 2em;}
.xboxcontentWhite p { margin-bottom: 1em; }