@charset "UTF-8";

/* SpryStackedContainers.css */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main container of the Stacked Containers structure. 
 
If you want to constrain the width of the Stacked Containers structure, set a width on the StackedContainers container. By default, our structure expands horizontally to fill up available space.
 */
.StackedContainers
{
	font: 80% Verdana, Geneva, sans-serif;
	margin: 2px;
	background:#FFF;
	padding: 10px;
	height: 600px;
	overflow:auto;
}

/* This is the selector for the Row Container element which houses all the column classes. 
*/
.StackedContainers .RowContainer
{
	margin-bottom: 5px;
	border: 2px ridge #F90;
	padding-left: 5px;
	padding-right: 5px;
}

/* This is the selector for a column element which holds the actual data. Change color of highligt
*/
.StackedContainers .RowColumn
{
	background-color: #FF9;/*#F90; orange #BEF4D8; light green */
	margin-bottom: 1px;
	width: 150px;
}
.StackedContainers .RowColumnNew
{
	background-color: #FFF;
	margin-bottom: 1px;
}