@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:93%;
	margin: 0px;
	border-left:   dashed 1px #333333;
	border-right:  dashed 1px #333333;
	border-top:    dashed 1px #333333;
	border-bottom: solid 0px  #333333;
}

.CollapsiblePanelLast {
 width:93%;
	
	
	margin: 0px;

	border-left:   dashed 1px #333333;
	border-right:  dashed 1px #333333;
	border-top:    dashed 1px #333333;
	border-bottom: solid  1px #333333;
}


.CollapsiblePanel img { 
    text-decoration: none;
	 border: none;
}


.CollapsiblePanel ul {
	
	list-style: none;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
    
	font-size: 80%;
	font-style: normal;
	line-height: 1.6em;
	font-weight: normal;
	font-variant: normal;
	}


/* 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;
	padding: 5px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	font-size: 90%;
	font-weight: bold;
}



.CollapsiblePanelTab  img , CollapsiblePanelTab h4 img { 
    text-decoration: none;
	border: none;
	background-color: transparent;
	
	
}

.CollapsiblePanelTab h4{
	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
	font-size: 90%;
	font-weight: bold;
}




CollapsiblePanelTab span {
    font-size: 90%;
	font-weight: normal; 	
	background-color: transparent;
	color: #333333;
	padding-left: 15px;
}

CollapsiblePanelTabHover span {
    font-size: 90%;
	font-weight: normal; 	
	background-color: transparent;
	color: #fff;
	padding-left: 15px;
	
}

.tab  {
	font-size: 90%;
	
	font-weight: normal;
	padding-left: 25px;
	
	
}

CollapsiblePanelTab h4 span .tab{
    
	font-weight: normal; 	
	background-color: transparent;
	color: #333333;
	
}

CollapsiblePanelTabHover h4 span .tab{
   
	font-weight: normal; 	
	background-color: transparent;
	color: #fff;
	
	
}

/* 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: 5px;
	padding: 5px;
}

.CollapsiblePanelContentLast {
	margin: 5px;
	padding: 5px;
	border-bottom: solid 0px  #333333;
}

.CollapsiblePanelContent p {
   font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;
   font-size: 80%;
   font-style: normal;
   line-height: 1.6em;
   font-weight: normal; 
   margin: 0px;
   padding: 5px;
 
}

.CollapsiblePanelContent p a {
  font-weight: bolder; 
 
}

.CollapsiblePanelContent img {
  font-weight: normal; 
  margin: 0px;
  padding: 7px;
 
}

/* 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: #575757;
	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.
 */
 
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #999933;
	color: #fff;
}

.CollapsiblePanelOpen .CollapsiblePanelTab h4{
    font:  'Trebuchet MS', 'Helvetica Neue', 'Sans-Serif';
	background-color: #999933;
	color: #fff;
}

/* 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.
 */
 .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #986C0E; 
	color: #fff;
}


 .CollapsiblePanelOpen .CollapsiblePanelTabHover h4{
    font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #986C0E; 
	color: #fff;
}

 .CollapsiblePanelOpen .CollapsiblePanelTabHover span{
	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	color: #fff;
	background-color: #986C0E; 
	
}

 .CollapsiblePanelClose .CollapsiblePanelTabHover {
    font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #999933;
	color: #fff;
}
	
  .CollapsiblePanelClose .CollapsiblePanelTabHover h4{
    font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #999933;
	color: #fff;
}
  .CollapsiblePanelClose .CollapsiblePanelTabHover span{
  	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	color: #fff;
	background-color: #999933;
}	

 .CollapsiblePanelClose .CollapsiblePanelTabHover .tab{
  	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	color: #fff;
	background-color: #999933;
}	

/* 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.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #999933;
	color: #fff;
}


.CollapsiblePanelFocused .CollapsiblePanelTab h4{
	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	background-color: #999933;
	color: #fff;
}

.CollapsiblePanelFocused .CollapsiblePanelTab span{
	font:  'Trebuchet MS', 'Helvetica Neue', Arial, 'Sans-Serif';
	color: #fff;
	background-color: #999933;
}