@charset "UTF-8";

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

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

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}



.solAjaxA { position:absolute; top:372px; left:90px; width:431px;}

.solAjaxB {
	position:absolute;
	top:372px;
	left:530px;
	width:431px;
}



#CollapsiblePanel1,#CollapsiblePanel2,#CollapsiblePanel3,#CollapsiblePanel4 { width: 431px; height: auto;}




/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	background-color: #DDD;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 431px;
	height:68px;
}




/*sky*/
.CollapsiblePanelTabSky {
	background-image:url(../assets/images/icons/solboxTopSky.png);
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 431px;
	height:68px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.CollapsiblePanelTabSkyBottom {
	background-image:url(../assets/images/icons/solboxBottomSky.png);
	height:67px;
	width: 431px;
	margin:0px;
	display:block;
	background-position: center;
}



/*water*/
.CollapsiblePanelTabWater {
	background-image:url(../assets/images/icons/solboxTopWater.png);
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 431px;
	height:68px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.CollapsiblePanelTabWaterBottom {
	background-image:url(../assets/images/icons/solboxBottomWater.png);
	height:67px;
	width: 431px;
	margin:0px;
	display:block;
	background-position: center;
}




/*AG*/
.CollapsiblePanelTabAG {
	background-image:url(../assets/images/icons/solboxTopAG.png);
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 431px;
	height:68px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.CollapsiblePanelTabAGBottom {
	background-image:url(../assets/images/icons/solboxBottomAG.png);
	height:67px;
	width: 431px;
	margin:0px;
	display:block;
	background-position: center;
}



/*Rec*/
.CollapsiblePanelTabRec {
	background-image:url(../assets/images/icons/solboxTopWaste.png);
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	width: 431px;
	height:68px;
	background-position: bottom;
	background-repeat: no-repeat;
}
.CollapsiblePanelTabRecBottom {
	background-image:url(../assets/images/icons/solboxBottomWaste.png);
	height:67px;
	width: 431px;
	margin:0px;
	display:block;
	background-position: center;
}










/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	background-image:url(../assets/images/icons/solboxBG.png);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	font-size:13px;
	line-height:23px;
}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}





.CollapsiblePanelOpen .CollapsiblePanelTabRec {
	background-image:url(../assets/images/icons/solboxTopWaste_focus.png);
}
.CollapsiblePanelTabRecHover,  .CollapsiblePanelOpen .CollapsiblePanelTabRecHover {
	background-image:url(../assets/images/icons/solboxTopWaste_focus.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabRec {
	background-image:url(../assets/images/icons/solboxTopWaste_focus.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabSky {
	background-image:url(../assets/images/icons/solboxTopSky_focus.png);
}
.CollapsiblePanelTabSkyHover,  .CollapsiblePanelOpen .CollapsiblePanelTabSkyHover {
	background-image:url(../assets/images/icons/solboxTopSky_focus.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabSky {
	background-image:url(../assets/images/icons/solboxTopSky_focus.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabAG {
	background-image:url(../assets/images/icons/solboxTopAG_focus.png);
}
.CollapsiblePanelTabAGHover,  .CollapsiblePanelOpen .CollapsiblePanelTabAGHover {
	background-image:url(../assets/images/icons/solboxTopAG_focus.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabAG {
	background-image:url(../assets/images/icons/solboxTopAG_focus.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabWater {
	background-image:url(../assets/images/icons/solboxTopWater_focus.png);
}
.CollapsiblePanelTabWaterHover,  .CollapsiblePanelOpen .CollapsiblePanelTabWaterHover {
	background-image:url(../assets/images/icons/solboxTopWater_focus.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabWater {
	background-image:url(../assets/images/icons/solboxTopWater_focus.png);
}





/*bottom*/




.CollapsiblePanelOpen .CollapsiblePanelTabRecBottom {
	background-image:url(../assets/images/icons/solboxBottomWaste.png);
}
.CollapsiblePanelTabRecBottomHover,  .CollapsiblePanelOpen .CollapsiblePanelTabRecBottomHover {
	background-image:url(../assets/images/icons/solboxBottomWaste.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabRecBottom {
	background-image:url(../assets/images/icons/solboxBottomWaste.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabSkyBottom {
	background-image:url(../assets/images/icons/solboxBottomSky.png);
}
.CollapsiblePanelTabSkyBottomHover,  .CollapsiblePanelOpen .CollapsiblePanelTabSkyBottomHover {
	background-image:url(../assets/images/icons/solboxBottomSky.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabSkyBottom {
	background-image:url(../assets/images/icons/solboxBottomSky.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabAGBottom {
	background-image:url(../assets/images/icons/solboxBottomAG.png);
}
.CollapsiblePanelTabAGBottomHover,  .CollapsiblePanelOpen .CollapsiblePanelTabAGBottomHover {
	background-image:url(../assets/images/icons/solboxBottomAG.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabAGBottom {
	background-image:url(../assets/images/icons/solboxBottomAG.png);
}





.CollapsiblePanelOpen .CollapsiblePanelTabWaterBottom {
	background-image:url(../assets/images/icons/solboxBottomWater.png);
}
.CollapsiblePanelTabWaterBottomHover,  .CollapsiblePanelOpen .CollapsiblePanelTabWaterBottomHover {
	background-image:url(../assets/images/icons/solboxBottomWater.png);
}
.CollapsiblePanelFocused .CollapsiblePanelTabWaterBottom {
	background-image:url(../assets/images/icons/solboxBottomWater.png);
}