/* CORNER Styles */
/* ROUNDED CORNER HTML IMPLEMENTATION:
<div class="corners insideW fillBgG cBottom">
	<span class="corner cLeft"> &nbsp; </span>
	<span class="corner cRight"> &nbsp; </span>
</div>
*/
.corners { position: relative; clear:both; display:block; width:100%; height:10px; }
.corners * { display:block; }
.corner { height: 10px; width:10px; display:block; position:relative; }
.cTop .cLeft { float:left; background-position: left top; top: -1px; right: 1px; }
.cTop .cRight { float:right; background-position: right top; top: -1px; left: 1px; }
.cBottom .cLeft { float:left; background-position: left bottom; bottom: -1px; right: 1px; }
.cBottom .cRight { float:right; background-position: right bottom; bottom: -1px; left: 1px; }
.insideW .corner { background-image:url("/static/Images/Layout/Corners/cornerWhiteInside.gif"); }
.outsideW .corner { background-image:url("/static/Images/Layout/Corners/cornerWhiteOutside.gif"); }
.outsideWNoBdr .corner { background-image:url("/static/Images/Layout/Corners/cornerWhiteOutsideNoBdr.gif"); }
.fillBgW .corner { background-color:#FFF; }
.fillBgG .corner { background-color:#DDD; }

.corners .jsHide { display: none; }
.nojs .corners .jsHide { display: block; }