@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Sliding tab panel with css colored tabs */

/* Main Panel parameters - percentage width is not possible */
.SlidingPanels {
	background-color:#fff;
	position: relative;
	width: 100%;
	padding: 10px 10px 10px 0;
	border-top: 1px solid #000000;
	overflow: hidden;
	clear: both;
}

/* Main Panel parameters - do not change*/
.SlidingPanelsContentGroup {
	position: relative;
	float: left;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	border: none;
}

/* Main Panel parameters - percentage width is not possible */
.SlidingPanelsContent {
	border: medium none;
    float: left;
    margin: 0;
    max-height: 350px;
    overflow: auto;
    padding: 0 10px;
    width: 490px;
}

/* Link properties */
A {
	color:#000000;
	text-decoration:none;
}
A:hover {
	text-decoration:none;
}

/* Do not change*/
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* Content parameters */
UI, LI, P, .tabpanelcontent {
}
h1 {
	padding:0;
	font-size:24px;
	color: #198DBE;
}
h2 {
	font-size:24px;
	color:#198DBE;
	text-decoration: none;
	
}

/* General tab area settings */
.slidingTabPanelWrapper {
	height:26px;
	margin:0px 0 0px 0;
	/*display: none;*/
}
.slidingTabPanel {
	list-style:none;
	margin:0 auto;
	padding:0;
	
}
.slidingTabPanel LI {
	list-style:none;
	float:left;
	width:auto;
	margin:0 1px 0 0px;
}

/* Tab settings */
.tabActive {
	background-color: #fff;
	font-weight: bold;
	color:#999999;
	position:relative;
	font-weight: bold;
	top:1px;
	display:block;
	width:auto;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	height:22px;
	cursor:default;
	outline:none;
	border-top: 1px solid #111111;
	border-left: 1px solid #111111;
	border-right: 1px solid #111111;
	text-align:center;
	background-color:#fff;
	border-bottom: solid 1px #fff;
	z-index:1
}

.tab {
	background-color:#cccccc;
	font-weight: bold;
	color:#fff;
	position:relative;
	top:1px;
	display:block;
	width:auto;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	height:22px;
	background-position:-100px;
	cursor:pointer;
	outline:none;
	/*border-top: 1px solid #60B3BD;
	border-left: 1px solid #60B3BD;
	border-right: 1px solid #60B3BD;*/
	text-align:center;
}

a.tabActive:link {
	background: #000000;
	padding-top: 4px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration:none;
}

a.tab:link {
	background: #FFFFFF;
	padding-top: 4px;
	color:#000000;
	font-weight: normal;
	text-decoration:none;
}

a.tab:hover, a.tabActive:hover{
	background: #000000;
	padding-top: 4px;
	color:#FFFFFF;
	text-decoration:none;
}

.reltabname,.reltabdescription {
	border-width: 0px;
	padding: 1px;
	border-style: dotted;
	border-color: #000000;
}

/* This is the first breakpoint and is for screen sizes between 780 and 980 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
-------------------------------------*/
@media screen and (max-width: 980px) {
	.SlidingPanels {
		width: 576px;
	}
	
	/* Main Panel parameters - percentage width is not possible */
	.SlidingPanelsContent {
		width: 566px;
	}
}


/* This is the second breakpoint and is for screen sizes between 468 and 758 pixels. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:758px) {
	.SlidingPanels {
		width: 440px;
	}
	
	.SlidingPanelsContent {
		width: 430px;
	}
}


/* This is the third breakpoint and is for smartphones. 
If there is no difference in the classes above, you would use the classes above or if you need to make changes at this resolution, add them below
*/
@media screen and (max-width:400px) {
	.SlidingPanels {
		width: 295px;
	}
	
	.SlidingPanelsContent {
		width: 285px;
	}
}