/*********************************************/
/*         Buzz Boxes - Paul Axten           */
/*       Copyright Buzz Interactive          */
/*               08/11/2006                  */
/*********************************************/

/*Corner and edge styles for the boxes*/
.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .cutOff {
	display: block;
}
.s1 {
	/*The width of the entire peice must be defined in s1*/
	width: 100%;
	
	background-image: url(../images/shad.t.gif);
	background-repeat: repeat-x;
	background-position: top;
	
	float: none;
	clear: both;
}
.s2 {
	background-image: url(../images/shad.b.gif);
	background-repeat: repeat-x;
	background-position: bottom;		
}
.s3 {
	background-image: url(../images/shad.l.gif);
	background-repeat: repeat-y;
	background-position: left;		
}
.s4 {
	background-image: url(../images/shad.r.gif);
	background-repeat: repeat-y;
	background-position: right;		
}
.s5 {
	background-image: url(../images/shad.tl.gif);
	background-repeat: no-repeat;
	background-position: top left;		
}
.s6 {
	background-image: url(../images/shad.tr.gif);
	background-repeat: no-repeat;
	background-position: top right;		
}
.s7 {
	background-image: url(../images/shad.bl.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.s8 {
	background-image: url(../images/shad.br.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	padding: 12px 14px 16px 12px;
}
.box, .boxOdd {
	display: block;
	position: relative;
	background-color: #6579ab;
	border: 2px solid #FFFFFF;
	padding: 6px;
}
.boxOdd {
	background-color: #a5b2d2;
}
.cutOff {
	background-image: url(../images/box.br.db.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	width: 20px;
	height: 18px;
	margin: -10px -8px 0px 0px;
	
	float: right;
}


/*Tweaked corner and edge styles for joined up boxes*/
.joined .sFirst .cutOff, .joined .sMid .cutOff {
	background-image: url(../images/box.br.joined.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	
	width: 20px;
	height: 16px;
	margin: -10px -8px 0px 0px;
	
	float: right;
}

.sMid .s1,  .sMid .s2,  .sMid .s5,  .sMid .s6,  .sMid .s7,  .sMid .s8 {
	background-image: none;
}
.sFirst .s2,  .sFirst .s7,  .sFirst .s8 {
	background-image: none;
}
.sLast .s1,  .sLast .s5,  .sLast .s6 {
	background-image: none;
}

.joined .s8 {
	padding: 0px 14px 0px 12px;
}
.sFirst .s8 {
	padding-top: 12px;
}
.sLast .s8 {
	padding-bottom: 16px;
}

.joined .box, .joined .boxOdd {
	border-bottom: 0px;
}

.sLast .box, .sLast .boxOdd {
	border-bottom: 2px solid #FFFFFF;
}