@charset "UTF-8";

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

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

.MathiesCollapsiblePanel {
	margin: 0px 0px 10px -10px;
	padding: 0px;
	background: #E5ECFA;
}

.MathiesCollapsiblePanelTab {
	font: bold 12px/25px Arial, Verdana, Geneva, sans-serif;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #FFF;
	line-height:260%;
}

.link {
	background: #999 url("../../sample/Images/leftmenu_arc_right.gif") no-repeat right bottom;
	height: 25px;
	font: bold 12px/25px Verdana, Geneva, sans-serif;
	border-bottom: solid 1px #CCC;
	margin: 0px 0px 10px -10px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #FFF;
	line-height:260%;
}

.link a {
	color: #FFF;
	text-decoration: none;
	display:block;
}

.link a:hover {
	text-decoration: underline;
}

.listlink a {
	color: #FFF;
	text-decoration: none;
	display:block;
}

.listlink a:hover {
	text-decoration: underline;
}
.listlink {
	border-bottom: 1px dotted #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 10px;
}

.MathiesCollapsiblePanelContent {
	margin: 0px 0px 0px -20px;
	padding: 0px;
	color: #000;
}

.MathiesCollapsiblePanelTab a {
	color: #FFF;
	text-decoration: none;
	display:block;
}


.MathiesCollapsiblePanelOpen .MathiesCollapsiblePanelTab {
	height: 25px;
}


.MathiesCollapsiblePanelClosed .MathiesCollapsiblePanelTab {
	height: 25px;	
}

/* 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.
 */
.MathiesCollapsiblePanelTabHover,  .MathiesCollapsiblePanelOpen .MathiesCollapsiblePanelTabHover {
	text-decoration: underline;
	cursor:pointer;
}

.MathiesCollapsiblePanelOpen .MathiesCollapsiblePanelTab2 {
	margin-left: 10px;
	
}

.MathCollapsiblePanelClosed .MathCollapsiblePanelTab2 {
	margin-left: 10px;
}
/* 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.
 */
.MathCollapsiblePanelFocused .MathCollapsiblePanelTab {
	
}

.MathCollapsiblePanel li a {
	text-decoration:none;
	color:#000;
	cursor:pointer;
	display:block;
	margin-bottom: 8px;
	vertical-align:middle
}

.MathCollapsiblePanel li a:hover{
	text-decoration:underline;
	display:block;
}

#MathiesCollapsiblePanel1 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel2 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel3 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel4 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel5 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel6 .MathiesCollapsiblePanelTabHover,
#MathiesCollapsiblePanel7 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel8 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel9 .MathiesCollapsiblePanelTabHover,
#MathiesCollapsiblePanel10 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel11 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel12 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel13 .MathiesCollapsiblePanelTabHover,
#MathiesCollapsiblePanel14 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel15 .MathiesCollapsiblePanelTabHover, 
#MathiesCollapsiblePanel16 .MathiesCollapsiblePanelTabHover, #MathiesCollapsiblePanel17 .MathiesCollapsiblePanelTabHover {
	-webkit-transition: background-color 0.4s linear;  
    -moz-transition: background-color 0.4s linear;  
    -o-transition: background-color 0.4s linear;   
    background-color: #9df45e;  
	
    -webkit-box-shadow: #111 0 2px 6px;  
    -moz-box-shadow: #111 0 2px 6px;  
    box-shadow: #111 0 -2px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	width:450px;
	text-decoration: none;
	color:white;
}

.MathiesCollapsiblePanelTabBody {
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #0067bc;
	text-decoration:none;
	line-height:140%;
	margin-left:13px;
	margin-bottom: 5px;
	background: #e8fdd9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 450px;
	font-family: Arial, sans-serif;
	font-size: 18px;
}
.MathiesCollapsiblePanelTabVideo {
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #000;
	line-height:140%;
	margin-left:13px;
	margin-bottom: 5px;
	background: #e8fdd9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 450px;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
.MathCollapsiblePanelVideoContent{
	margin-left:20px;	
}