@charset iso-8859-1;

/*
 SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 

  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;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

.white-panels .CollapsiblePanel { border: none; }

/*
 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: #ecf2ee;
	border-bottom: solid 1px #CCC;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin: 0px;
	overflow: hidden;
	padding: 7px;
	}

.white-panels .CollapsiblePanelTab {
	background-color: #fff;
	border-bottom: none;
	}

.CollapsiblePanelTab h2, .CollapsiblePanelTab h3 {
	margin: 0;
	padding: 5px 0px 3px 0px;
	}

.CollapsiblePanelTab p {
	margin: 0;
	padding: 0;
	}

.panel-heading2 {
	color: #000;
	}

/*
 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 openclose 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 20px;
}

/*
 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;
}

/*
 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: #D8E7DD; }

.white-panels .CollapsiblePanelOpen .CollapsiblePanelTab { background-color: #fff; }

.CollapsiblePanelOpen .panel-heading { font-size: 1.3em; }

/*
 This is an example of how to change the appearance of the panel tab when the
  CollapsiblePanel is closed. The CollapsiblePanelClosed class is programatically added and removed
  whenever the CollapsiblePanel is closed.
*/

.CollapsiblePanelClosed .CollapsiblePanelTab {
  background-color: #EFEFEF;
}

/*
 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.
*/
 
.CollapsiblePanelTabHover { background-color: #dbe7df; }

.white-panels .CollapsiblePanelTabHover { background-color: #eee; }

.CollapsiblePanelTabHover .panel-heading, .CollapsiblePanelTabHover .panel-heading2, .CollapsiblePanelTabHover .panel-open-close { font-weight bold; }

.CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #d0efda; }

.white-panels .CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #eee; }

/*
 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 { background-color: #d8e9dd; }

.white-panels .CollapsiblePanelFocused .CollapsiblePanelTab { background-color: #fff; }

.CollapsiblePanelFocused .CollapsiblePanelTabhover { background-color: #d0efda; }

.white-panels .CollapsiblePanelFocused .CollapsiblePanelTabhover { background-color #eee; }

/*	
 add space above first panel 
*/

#CollapsiblePanel1 { margin-top: 7px; }
	
	

@font-face {
  font-family: 'FontAwesome';
  src: url('.._font-awesomefontsfontawesome-webfont.eotv=4.4.0');
  src: url('.._font-awesomefontsfontawesome-webfont.eot#iefix&v=4.4.0') format('embedded-opentype'), url('.._font-awesomefontsfontawesome-webfont.woff2v=4.4.0') format('woff2'), url('.._font-awesomefontsfontawesome-webfont.woffv=4.4.0') format('woff'), url('.._font-awesomefontsfontawesome-webfont.ttfv=4.4.0') format('truetype'), url('.._font-awesomefontsfontawesome-webfont.svgv=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px1 FontAwesome;
  font-size: inherit;
  margin-right: 5px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.panel-icon { font-size: .75em; }

.CollapsiblePanelClosed .panel-iconbefore { 
	content: f067;
	}
	
.CollapsiblePanelOpen .panel-iconbefore { 
	content: f068;
	}