/* Blue Box */

.blue {
	width: 240px;
	height: auto;
	background: url(../images/grey-blue_boxes/mid_blue.gif) repeat-y;
}
.blue .top {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/top_blue.gif) no-repeat;
}
.blue .bot {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/bot_blue.gif) no-repeat;
}

/* Grey Box */

.grey {
	width: 240px;
	height: auto;
	background: url(../images/grey-blue_boxes/mid_grey.gif) repeat-y;
}
.grey .top {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/top_grey.gif) no-repeat;
}
.grey .bot {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/bot_grey.gif) no-repeat;
}

/* Red Box */

.red {
	width: 240px;
	height: auto;
	background: url(../images/grey-blue_boxes/mid_red.gif) repeat-y;
}
.red .top {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/top_red.gif) no-repeat;
}
.red .bot {
	width: 240px;
	height: 20px;
	background: url(../images/grey-blue_boxes/bot_red.gif) no-repeat;
}

/* Content */
/* this below does not work for zapatec-tree content. Instead change top of /zapatec-tree/zptree/themes/default.css -> .zpTreeDefaultContainer*/
.glow_box_text {
	width: auto;
	padding: 5px 20px;
	height: auto;	
	text-align:left;
}