@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 {
	width: 260px;
	float: right;
}
/* 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 {
	margin: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #FFFFFF;
	font-size: 85%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AC9D4F;
	background-color: #567CC3;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
}

/* 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 {
	margin: 0px;
	padding: 5px 0px 0px 5px;
	background-color: #567CC3;
}
.CollapsiblePanelContent p {
	line-height: 130%;
	color: #97CBFF;
	margin-top: 0px;
	font-size: 90%;
}
.CollapsiblePanelContent a {
	color: #CEE8FF;
	text-decoration: none;
}
#Tour5DNorth .CollapsiblePanelContent h3, 
#Tour4DNorth .CollapsiblePanelContent h3, 
#Tour3DNorth .CollapsiblePanelContent h3,
#Tour2DNorth .CollapsiblePanelContent h3 {
	font-weight: normal;
	text-transform: uppercase;
	color: #FBAF5D;
	font-size: 85%;
}
#Tour5DSouth .CollapsiblePanelContent h3, 
#Tour4DSouth .CollapsiblePanelContent h3, 
#Tour3DSouth .CollapsiblePanelContent h3,
#Tour2DSouth .CollapsiblePanelContent h3 {
	font-weight: normal;
	text-transform: uppercase;
	color: #A3D39C;
	font-size: 85%;
}
#Tour5DSoSouth .CollapsiblePanelContent h3, 
#Tour4DSoSouth .CollapsiblePanelContent h3, 
#Tour3DSoSouth .CollapsiblePanelContent h3,
#Tour2DSoSouth .CollapsiblePanelContent h3 {
	font-weight: normal;
	text-transform: uppercase;
	color: #7B1779;
	font-size: 85%;
}
#Tour5DNorth .CollapsiblePanelContent a:hover, 
#Tour4DNorth .CollapsiblePanelContent a:hover, 
#Tour3DNorth .CollapsiblePanelContent a:hover,
#Tour2DNorth .CollapsiblePanelContent a:hover {
	color: #FBAF5D;
	text-decoration: none;
}
#Tour5DSouth .CollapsiblePanelContent a:hover, 
#Tour4DSouth .CollapsiblePanelContent a:hover, 
#Tour3DSouth .CollapsiblePanelContent a:hover
#Tour2DSouth .CollapsiblePanelContent a:hover {
	color: #A3D39C;
	text-decoration: none;
}
#Tour5DSoSouth .CollapsiblePanelContent a:hover, 
#Tour4DSoSouth .CollapsiblePanelContent a:hover, 
#Tour3DSoSouth .CollapsiblePanelContent a:hover
#Tour2DSoSouth .CollapsiblePanelContent a:hover {
	color: #7B1779;
	text-decoration: none;
}
#Tour5DNorth .CollapsiblePanelTab, 
#Tour4DNorth .CollapsiblePanelTab, 
#Tour3DNorth .CollapsiblePanelTab,
#Tour2DNorth .CollapsiblePanelTab {
	color: #FBAF5D;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FBAF5D;
	border-bottom-color: #FBAF5D;
	margin-top: 5px;
}
#Tour5DSouth .CollapsiblePanelTab, 
#Tour4DSouth .CollapsiblePanelTab, 
#Tour3DSouth .CollapsiblePanelTab,
#Tour2DSouth .CollapsiblePanelTab {
	color: #A3D39C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A3D39C;
	border-bottom-color: #A3D39C;
	margin-top: 5px;
}
#Tour5DSoSouth .CollapsiblePanelTab, 
#Tour4DSoSouth .CollapsiblePanelTab, 
#Tour3DSoSouth .CollapsiblePanelTab,
#Tour2DSoSouth .CollapsiblePanelTab {
	color: #7B1779;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7B1779;
	border-bottom-color: #7B1779;
	margin-top: 5px;
}

/* 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 {
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
#Tour5DNorth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour4DNorth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour3DNorth .CollapsiblePanelOpen .CollapsiblePanelTab,
#Tour2DNorth .CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #FBAF5D;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FBAF5D;
	border-bottom-color: #FBAF5D;
}
#Tour5DSouth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour4DSouth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour3DSouth .CollapsiblePanelOpen .CollapsiblePanelTab,
#Tour2DSouth .CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #A3D39C;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #A3D39C;
	border-bottom-color: #A3D39C;
}
#Tour5DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour4DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTab, 
#Tour3DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTab,
#Tour2DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTab {
	color: #7B1779;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7B1779;
	border-bottom-color: #7B1779;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
#Tour5DNorth .CollapsiblePanelTabHover, #Tour5DNorth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour4DNorth .CollapsiblePanelTabHover, #Tour4DNorth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour3DNorth .CollapsiblePanelTabHover, #Tour3DNorth .CollapsiblePanelOpen .CollapsiblePanelTabHover,
#Tour2DNorth .CollapsiblePanelTabHover, #Tour2DNorth .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #FBAF5D;
}
#Tour5DSouth .CollapsiblePanelTabHover, #Tour5DSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour4DSouth .CollapsiblePanelTabHover, #Tour4DSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour3DSouth .CollapsiblePanelTabHover, #Tour3DSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover,
#Tour2DSouth .CollapsiblePanelTabHover, #Tour2DSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #A3D39C;
}
#Tour5DSoSouth .CollapsiblePanelTabHover, #Tour5DSovSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour4DSoSouth .CollapsiblePanelTabHover, #Tour4DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover, 
#Tour3DSoSouth .CollapsiblePanelTabHover, #Tour3DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover,
#Tour2DSoSouth .CollapsiblePanelTabHover, #Tour2DSoSouth .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #A864A8;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
#Tour5DNorth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour5DSouth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour5DSoSouth .CollapsiblePanelFocused .CollapsiblePanelTab, 
#Tour4DNorth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour4DSouth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour4DSoSouth .CollapsiblePanelFocused .CollapsiblePanelTab, 
#Tour3DNorth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour3DSouth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour3DSoSouth .CollapsiblePanelFocused .CollapsiblePanelTab,
#Tour2DNorth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour2DSouth .CollapsiblePanelFocused .CollapsiblePanelTab, #Tour2DSoSouth .CollapsiblePanelFocused .CollapsiblePanelTab {
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FBAF5D;
}