
/*Corner and edge styles for the boxes*/
/*.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .cutOff {
	display: block;
}*/
table.picture, table.largePicture {
	/*width: 25%;*/
	float: left;
	border-collapse: collapse;
	border: none;
	margin: 0px 3px 10px 0px;
}
table.largePicture {
	float: none;
	margin: auto;
}
.picture td, .largePicture td {
	padding: 0px;
	margin: 0px;
}
.content {
	background-image: url(images/transparent.darkGrey.png);
}
.t {
	background-image: url(images/shad.t.png);
	background-repeat: repeat-x;
	/*background-position: top;*/
	height: 10px;
	overflow: hidden;
}
.b {
	background-image: url(images/shad.b.png);
	background-repeat: repeat-x;
	/*background-position: bottom;*/
	height: 10px;
	overflow: hidden;
}
.l {
	background-image: url(images/shad.l.png);
	background-repeat: repeat-y;
	/*background-position: left;*/
	width: 10px;
}
.r {
	background-image: url(images/shad.r.png);
	/*background-repeat: repeat-y;*/
	background-position: right;
	width: 10px;
}
.tl {
	background-image: url(images/shad.tl.png);
	background-repeat: no-repeat;
	/*background-position: top left;*/
	
	width: 10px;
	height: 10px;
}
.tr {
	background-image: url(images/shad.tr.png);
	background-repeat: no-repeat;
	/*background-position: top right;*/	
	
	width: 10px;
	height: 10px;
}
.bl {
	background-image: url(images/shad.bl.png);
	background-repeat: no-repeat;
	/*background-position: bottom left;*/
	
	width: 10px;
	height: 10px;
}
.br {
	background-image: url(images/shad.br.png);
	background-repeat: no-repeat;
	/*background-position: bottom right;*/
	
	width: 10px;
	height: 10px;
}
.box, .boxOdd {
	display: block;
	/*background-color: #6579ab;
	border: 2px solid #FFFFFF;
	padding: 6px;*/
}
.boxOdd {
	/*background-color: #a5b2d2;*/
}
.cutOff {
	background-image: url(images/box.br.db.png);
	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.png);
	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;*/
}

.sFirst {
	float: left;
	width: 25%;
}