/* some dynamic url calls for changing the box type (background color of surrounding area is part of the image)
the inside of the box can be changed by changing the background-color of .box



.box == background: #efefef url($paths.asset( "images","XHTML_BOX_LT","DEFAULT" ));
.bi == background: url($paths.asset( "images","XHTML_BOX_RT","DEFAULT" ));
.boxTop, .boxTop div, .boxBtm, .boxBtm div == background: url($paths.asset( "images","XHTML_BOX","DEFAULT" ));
 */



.box, .childBox  { 
	padding: 0;
	background: #1d1d26 url(/themes/universal/images/black/images-xhtml-box-lt-default.gif) 0 0 repeat-y;
}
	.bi, .childBoxBi {
		padding: 0 10px 0 6px; margin: 0;
		background: transparent url(/themes/universal/images/black/images-xhtml-box-rt-default.gif) 100% 0 repeat-y;
	}
		* html .bi, * html .childBoxBi {
			margin: -4px 0 0 0;
		}
		/* \*/* html .bi, * html .childBoxBi {
			margin: 0; }/*  */

	
	.boxTop, .childBoxTop {
	margin: 0;
	height: 12px;
	background: url(/themes/universal/images/black/images-xhtml-box-default.gif) 100% 0 no-repeat;
	}
		.boxTop div, .childBoxTop div {
		width:12px; height:12px;
		background: url(/themes/universal/images/black/images-xhtml-box-default.gif) 0 0 no-repeat;
		}
	.boxBtm, .childBoxBtm {
	margin:0;
	height: 12px;	
	background: url(/themes/universal/images/black/images-xhtml-box-default.gif) 100% 100% no-repeat;
	}
		.boxBtm div, .childBoxBtm div {
		width: 12px; height: 12px;
		background: url(/themes/universal/images/black/images-xhtml-box-default.gif) 0 100% no-repeat;
		}
		
		#sidebar .box, .scheduleWidget .box { 
			background-color: #1d1d26;
		}
		.nav .box { 
			background-color: #666;
		}