/* rounded corner box common style */
.box {
	float: left;
	position: relative;
}
.box .rowTop, 
.box .rowMiddle, 
.box .rowBottom {
	float: left;
	clear: both;
}
.box .rowTop, 
.box .rowBottom {
	line-height: 0px;
	font-size: 0px;
}
.box .row .cornerLeft, 
.box .row .cornerMiddle, 
.box .row .cornerRight {
	float: left;
}

/* background image defaults */
.box {
}
	.box .rowTop .cornerLeft, 
	.box .rowTop .cornerRight, 
	.box .rowBottom .cornerLeft, 
	.box .rowBottom .cornerRight {background-repeat: no-repeat;}

	.box .rowTop .cornerLeft 		{background-position: left top;}
	.box .rowTop .cornerRight 		{background-position: right top;}

	.box .rowBottom .cornerLeft 	{background-position: left bottom;}
	.box .rowBottom .cornerRight 	{background-position: right bottom;}


/* grey colored rounded corner box, with crisp transparent bitmap edges */
.box_grayOnTrans {
}
	.box_grayOnTrans .row .cornerLeft, 
	.box_grayOnTrans .row .cornerRight {
		height: 9px;
		width: 9px;
	}
	.box_grayOnTrans .row .cornerMiddle {
		height: 9px;
	}
	body .box_grayOnTrans .cornerLeft, 
	body .box_grayOnTrans .cornerRight, 
	body.d08 .box_grayOnTrans .cornerLeft, 
	body.d08 .box_grayOnTrans .cornerRight, 
	body.usg .box_grayOnTrans .cornerLeft, 
	body.usg .box_grayOnTrans .cornerRight, 
	body.ush .box_grayOnTrans .cornerLeft, 
	body.ush .box_grayOnTrans .cornerRight, 
	body.eng .box_grayOnTrans .cornerLeft, 
	body.eng .box_grayOnTrans .cornerRight {
		background-image: url(../images/box/rounded/grayOnTrans_r9.gif);
	}
	body .box_grayOnTrans .row .cornerMiddle, 
	body .box_grayOnTrans .rowMiddle {
		background-color: #cccccc;
	}


/* rounded corner box with cuecard handle on the north-east edge */
.box_grayOnTrans.boxCCNE {
}
.box_grayOnTrans.boxCCNE .CCNEtab {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
}
	.box_grayOnTrans.boxCCNE .CCNEtab .rowTop {
		width: 20px;
	}
	.box_grayOnTrans.boxCCNE .CCNEtab .rowTop .cornerRight {
		width: 9px;
		height: 9px;
		float: left;
	}
	.box_grayOnTrans.boxCCNE .CCNEtab .CCNEcornerFill {
		float: left;
		width: 11px;
		height: 9px;
		background-color: #cccccc;
	}
	.box_grayOnTrans.boxCCNE .CCNEtab .CCNEtabfill {
		clear: left;
		float: left;
		width: 20px;
		height: 305px;
		background-color: #cccccc;
	}
	.box_grayOnTrans.boxCCNE .CCNEtab .CCNEtabfoot {
		clear: left;
		float: left;
		width: 20px;
		height: 11px;
		background-image: url(../images/box/rounded/boxCCNE.gif);
		background-position: right top;
		background-repeat: no-repeat;
		line-height: 0px;
		font-size: 0px;
	}


/* section-specific black rounded corner box, aa to gray */
.box_ssblackOnGray {
}
	.box_ssblackOnGray .row .cornerLeft, 
	.box_ssblackOnGray .row .cornerRight {
		height: 12px;
		width: 12px;
	}
	.box_ssblackOnGray .row .cornerMiddle {
		height: 12px;
	}
		body .box_ssblackOnGray .cornerLeft, 
		body .box_ssblackOnGray .cornerRight, 
		body.d08 .box_ssblackOnGray .cornerLeft, 
		body.d08 .box_ssblackOnGray .cornerRight, 
		body.usg .box_ssblackOnGray .cornerLeft, 
		body.usg .box_ssblackOnGray .cornerRight {
			background-image: url(../images/box/rounded/ssblackOnGray_r12_d08.gif);
		}
		body .box_ssblackOnGray .row .cornerMiddle, 
		body .box_ssblackOnGray .rowMiddle, 
		body.d08 .box_ssblackOnGray .row .cornerMiddle, 
		body.d08 .box_ssblackOnGray .rowMiddle, 
		body.usg .box_ssblackOnGray .row .cornerMiddle, 
		body.usg .box_ssblackOnGray .rowMiddle {
			background-color: #08131c;
		}
		body.ush .box_ssblackOnGray .cornerLeft, 
		body.ush .box_ssblackOnGray .cornerRight {
			background-image: url(../images/box/rounded/ssblackOnGray_r12_ush.gif);
		}
		body.ush .box_ssblackOnGray .row .cornerMiddle, 
		body.ush .box_ssblackOnGray .rowMiddle {
			background-color: #171307;
		}
		body.eng .box_ssblackOnGray .cornerLeft, 
		body.eng .box_ssblackOnGray .cornerRight {
			background-image: url(../images/box/rounded/ssblackOnGray_r12_eng.gif);
		}
		body.eng .box_ssblackOnGray .row .cornerMiddle, 
		body.eng .box_ssblackOnGray .rowMiddle {
			background-color: #0c1a0a;
		}


/* gray rounded corner box, aa to section-specific black */
.box_grayOnSsblack {
}
	.box_grayOnSsblack .row .cornerLeft, 
	.box_grayOnSsblack .row .cornerRight {
		height: 7px;
		width: 7px;
	}
	.box_grayOnSsblack .row .cornerMiddle {
		height: 7px;
	}
	body .box_grayOnSsblack .cornerLeft, 
	body .box_grayOnSsblack .cornerRight, 
	body.d08 .box_grayOnSsblack .cornerLeft, 
	body.d08 .box_grayOnSsblack .cornerRight, 
	body.usg .box_grayOnSsblack .cornerLeft, 
	body.usg .box_grayOnSsblack .cornerRight {
		background-image: url(../images/box/rounded/grayOnSsblack_r7_d08.gif);
	}
	body.ush .box_grayOnSsblack .cornerLeft, 
	body.ush .box_grayOnSsblack .cornerRight {
		background-image: url(../images/box/rounded/grayOnSsblack_r7_ush.gif);
	}
	body.eng .box_grayOnSsblack .cornerLeft, 
	body.eng .box_grayOnSsblack .cornerRight {
		background-image: url(../images/box/rounded/grayOnSsblack_r7_eng.gif);
	}
	body .box_grayOnSsblack .row .cornerMiddle, 
	body .box_grayOnSsblack .rowMiddle, 
	body.d08 .box_grayOnSsblack .row .cornerMiddle, 
	body.d08 .box_grayOnSsblack .rowMiddle, 
	body.usg .box_grayOnSsblack .row .cornerMiddle, 
	body.usg .box_grayOnSsblack .rowMiddle, 
	body.ush .box_grayOnSsblack .row .cornerMiddle, 
	body.ush .box_grayOnSsblack .rowMiddle, 
	body.eng .box_grayOnSsblack .row .cornerMiddle, 
	body.eng .box_grayOnSsblack .rowMiddle {
		background-color: #cccccc;
	}



/* section-specific black rounded corner box, with crisp transparent bitmap edges */
.box_ssblackOnTrans {
}
	.box_ssblackOnTrans .row .cornerLeft, 
	.box_ssblackOnTrans .row .cornerRight {
		height: 9px;
		width: 9px;
	}
	.box_ssblackOnTrans .row .cornerMiddle {
		height: 9px;
	}
	body .box_ssblackOnTrans .cornerLeft, 
	body .box_ssblackOnTrans .cornerRight, 
	body.d08 .box_ssblackOnTrans .cornerLeft, 
	body.d08 .box_ssblackOnTrans .cornerRight, 
	body.usg .box_ssblackOnTrans .cornerLeft, 
	body.usg .box_ssblackOnTrans .cornerRight {
		background-image: url(../images/box/rounded/ssblackOnTrans_r9_d08.gif);
	}
	body .box_ssblackOnTrans .row .cornerMiddle, 
	body .box_ssblackOnTrans .rowMiddle, 
	body.d08 .box_ssblackOnTrans .row .cornerMiddle, 
	body.d08 .box_ssblackOnTrans .rowMiddle, 
	body.usg .box_ssblackOnTrans .row .cornerMiddle, 
	body.usg .box_ssblackOnTrans .rowMiddle {
		background-color: #08131c;
	}
	body.ush .box_ssblackOnTrans .cornerLeft, 
	body.ush .box_ssblackOnTrans .cornerRight {
		background-image: url(../images/box/rounded/ssblackOnTrans_r9_ush.gif);
	}
	body.ush .box_ssblackOnTrans .row .cornerMiddle, 
	body.ush .box_ssblackOnTrans .rowMiddle {
		background-color: #171307;
	}
	body.eng .box_ssblackOnTrans .cornerLeft, 
	body.eng .box_ssblackOnTrans .cornerRight {
		background-image: url(../images/box/rounded/ssblackOnTrans_r9_eng.gif);
	}
	body.eng .box_ssblackOnTrans .row .cornerMiddle, 
	body.eng .box_ssblackOnTrans .rowMiddle {
		background-color: #0c1a0a;
	}




/*
   border lines
	tdg - top dotted gray
	b2g - bottom double gray
*/
body .box .border_tdg {
	border-top: 1px dotted #cccccc;
}
body .box .border_b2g {
	border-bottom: 3px double #cccccc;
}


/* gradient backgrounds */
body .box .gradient {
	background-position: center top;
	background-repeat: no-repeat;
}
body .box .gradient, 
body.d08 .box .gradient, 
body.usg .box .gradient {
	background-image: url(../images/flatview/gradient_ssblack_d08.jpg);
}
body.ush .box .gradient {
	background-image: url(../images/flatview/gradient_ssblack_ush.jpg);
}
body.eng .box .gradient {
	background-image: url(../images/flatview/gradient_ssblack_eng.jpg);
}