/*
 *	Styling for box borders & corners
 *	Copyright (c) 2009 Daniel Phillimore - Roger Clark Motorsport
 */

.clsTopLeftCorner {
	position: absolute;
	left: 0px;
	bottom: 0px;
	
	width: 12px;
	height: 12px;
	
	z-index: 4;
	
	font-size: 0px;
	
	background-image: url("/images/border/section_top_left.png");
}

.clsTopBorderContainer {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 12px;
	background-color: transparent;
	z-index: 4;
}

.clsTopBorder_Gray {
	margin: 0px 12px;
	width: auto;
	height: 12px;
	background-color: #CCCCCC;
}

.clsTopRightCorner, .clsTopRightCorner_Gray {
	background-image: url("/images/border/section_top_right.png");
	height: 12px;
	font-size: 0px;
	width: 12px;
	position: absolute;
	z-index: 4;
	right: 0px;
	bottom: 0px;
}

.clsTopRightCorner_Gray {
	background-image: url("/images/border/section_top_right_gray.png");
}

.clsBottomLeftCorner, .clsBottomLeftCorner_Red, .clsBottomLeftCorner_RedLine, .clsBottomLeftCorner_Transparent, .clsBottomLeftCorner_DarkGray, .clsBottomLeftCorner_DarkGrayLine {
	background-image: url("/images/border/section_bottom_left.png");
	height: 12px;
	font-size: 0px;
	width: 12px;
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 0px;
}

.clsBottomLeftCorner_Red {
	background-image: url("/images/border/section_bottom_left_red.png");
}
.clsBottomLeftCorner_RedLine {
	background-image: url("/images/border/section_bottom_left_red_line.png");
}
.clsBottomLeftCorner_Transparent {
	background-image: url("/images/border/section_bottom_left_transparent.png");
}
.clsBottomLeftCorner_DarkGray {
	background-image: url("/images/border/section_bottom_left_darkgray.png");
}
.clsBottomLeftCorner_DarkGrayLine {
	background-image: url("/images/border/section_bottom_left_darkgray_line.png");
}


.clsBottomBorderContainer, .clsShop_BottomBorderContainer {
	background-color: transparent;
	position: relative;
	width: auto;
	height: 12px;
	z-index: 2;
}

.clsBottomBorder, .clsBottomBorder_Red {
	margin: 0px 12px;
	background-color: #CCCCCC;
	height: 12px;
	font-size: 0px;
	width: auto;
	border: none;
	position: relative;
	z-index: 2;
}

.clsBottomBorder_Red {
	background-color: #CE2127;
}

.clsBottomRightCorner, .clsBottomRightCorner_Red, .clsBottomRightCorner_RedLine, .clsBottomRightCorner_Transparent, .clsBottomRightCorner_DarkGray, .clsBottomRightCorner_DarkGrayLine {
	background-image: url("/images/border/section_bottom_right.png");
	height: 12px;
	font-size: 0px;
	width: 12px;
	position: absolute;
	z-index: 2;
	right: 0px;
	bottom: 0px;
}

.clsBottomRightCorner_Red {
	background-image: url("/images/border/section_bottom_right_red.png");
}

.clsBottomRightCorner_RedLine {
	background-image: url("/images/border/section_bottom_right_red_line.png");
}

.clsBottomRightCorner_Transparent {
	background-image: url("/images/border/section_bottom_right_transparent.png");
}
.clsBottomRightCorner_DarkGray {
	background-image: url("/images/border/section_bottom_right_darkgray.png");
}
.clsBottomRightCorner_DarkGrayLine {
	background-image: url("/images/border/section_bottom_right_darkgray_line.png");
}

.clsShadow_TopRightCorner {
	position: absolute;
	right: -8px;
	top: 8px;
	background-image: url("/images/border/section_shadow_top_right_corner.png");
	height: 30px;
	width: 30px;
	z-index: -1;
}

.clsShadow_BottomBorderContainer {
	position: absolute;
	
	left: 8px;
	bottom: -8px;
	width: 100%;
	height: 30px;
}

.clsShadow_BottomRightCorner {
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url("/images/border/section_shadow_bottom_right_corner.png");
	height: 30px;
	width: 30px;
	z-index: -1;
}

.clsShadow_BottomLeftCorner {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-image: url("/images/border/section_shadow_bottom_left_corner.png");
	height: 30px;
	width: 30px;
	z-index: 1;
}

.clsShadow_RightBorder {
	position: absolute;
	right: -8px;
	
	bottom: 22px;
	height: auto !important;
	
	top: 38px;
	
	background-image: url("/images/border/section_shadow_right_border.png");
	height: 30px;
	width: 30px;
	z-index: 1;
}

.clsShadow_BottomBorder {
	margin: 0px 30px;
	
	width: auto;
	
	background-image: url("/images/border/section_shadow_bottom_border.png");
	height: 30px;
	z-index: 1;
}

.clsTopLeftCorner_Red, .clsTopLeftCorner_RedLine, .clsTopLeftCorner_DarkGray, .clsTopLeftCorner_DarkGrayLine {
	background-image: url("/images/border/section_top_left_red.png");
	height: 12px;
	font-size: 0px;
	width: 12px;
	position: absolute;
	z-index: 2;
	left: 0px;
	bottom: 0px;
}
.clsTopRightCorner_Red, .clsTopRightCorner_RedLine, .clsTopRightCorner_DarkGray, .clsTopRightCorner_DarkGrayLine {
	background-image: url("/images/border/section_top_right_red.png");
	height: 12px;
	font-size: 0px;
	width: 12px;
	position: absolute;
	z-index: 2;
	right: 0px;
	bottom: 0px;
}

.clsTopLeftCorner_RedLine {
	border: solid blue 1px;
	z-index: 4; background-image: url("/images/border/section_top_left_red_line.png");
}
.clsTopLeftCorner_DarkGray {
	z-index: 4; background-image: url("/images/border/section_top_left_darkgray.png");
}
.clsTopLeftCorner_DarkGrayLine {
  z-index: 4; background-image: url("/images/border/section_top_left_darkgray_line.png");
}
.clsTopRightCorner_RedLine {
	z-index: 4; background-image: url("/images/border/section_top_right_red_line.png");
}
.clsTopRightCorner_DarkGray {
	z-index: 4; background-image: url("/images/border/section_top_right_darkgray.png");
}
.clsTopRightCorner_DarkGrayLine {
  z-index: 4; background-image: url("/images/border/section_top_right_darkgray_line.png");
}

.clsShop_BottomBorderContainer .clsBottomLeftCorner_DarkGrayLine, .clsShop_BottomBorderContainer .clsBottomLeftCorner_RedLine {
	left: 0px;
	bottom: -1px;
}

.clsShop_BottomBorderContainer .clsBottomRightCorner_DarkGrayLine, .clsShop_BottomBorderContainer .clsBottomRightCorner_RedLine {
	right: 0px;
	bottom: -1px;
}