/* Tab Style Index * /


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-tabbed-pages.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.hiddenTarget {display:none; position:fixed;}
...tabbedPages {position:relative; margin:50px 0;}
.tabs-container .tabnav{
	position:relative;
	z-index:9;
	margin:0;
	list-style:none;
	margin-right:0px;
	padding:1em 0;
	border-right:1px solid #E3E3E3;
}

.tabs-container {position:relative; margin-left: -20px !important;
	margin-top: 25px !important;}

.tabs-container .tabnav ul {
	display:block;
	list-style:none;
}


.vertical-tabs.margin {
	margin-top: 10px !important;
}

.vertical-tabs .tabnav {
	margin-right:-1px;
	padding:1em 0;
	border-right:1px solid #E3E3E3;
	//border-right:1px solid #000;
}

.vertical-tabs ul.tabs li {
	display:block;
	margin:-2px -1px 0px 0 !important;
	//padding:1em 15px;
	border:1px solid transparent !important;
	//border-bottom-style:dotted !important;
	//border-bottom-color:#dcdcdc !important;
	background:none;	
	color:#666;
	cursor:pointer;
	height: 50px !important;
}


.tabs-container ul.tabs li a {
	margin-right:-1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
		padding: 12px 0px 0px 15px; 
		border-style:solid;
		border-color:#E3E3E3;
		border-right-color:#ddd !important;
	        border-bottom: 1px dotted #888 !important;
		color:#444;
		display: block !important;
		background: #FFF;
		//width: 95% !important;
		border:1px solid transparent;
		border-bottom-style:dotted;
		//border-color:#fff;
}		
		

.vertical-tabs ul.tabs li a:hover {
	background: #f5f5f5;
	//border-right-color:#ffffff !important;
}

.vertical-tabs ul.tabs li a,
.vertical-tabs ul.tabs li a:hover {
	color:#666;
}
.vertical-tabs .panes {
	padding:1em 0 5em 3.7%;
	border-left:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
}



.tabs-container .panes{	
	position:relative;
	z-index:0;
	overflow:hidden;
}

.vertical-tabs ul.tabs li.current {
	margin-right:0px;
	border-style:solid;
	border-color:#E3E3E3;
	border-right-color:#ffffff !important;
	//border-right: 3px solid #ffffff !important;
	color:#444;
	background: #FBF9ED;
	background: -moz-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
	background: -webkit-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
	background: -webkit-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
	background: -o-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
	background: -ms-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
	background: linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
}

		.vertical-tabs ul.tabs li h5.ordintro {
			background: transparent url(/images/icons/icon-intro.png) 0 10.1em no-repeat;
			padding-left: 27px;
			margin: 1px -1px 9px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord1 {
			background: transparent url(/images/icons/icon-1.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord2 {
			background: transparent url(/images/icons/icon-2.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord3 {
			background: transparent url(/images/icons/icon-3.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord4 {
			background: transparent url(/images/icons/icon-4.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord5 {
			background: transparent url(/images/icons/icon-5.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord6 {
			background: transparent url(/images/icons/icon-6.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord7 {
			background: transparent url(/images/icons/icon-7.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord8 {
			background: transparent url(/images/icons/icon-8.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord9 {
			background: transparent url(/images/icons/icon-9.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ord10 {
			background: transparent url(/images/icons/icon-10.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -2px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.arrow {
			background: transparent url(/images/icons/icon-arrow.png) 0 0.005em no-repeat;
			padding-left: 27px;
			//margin: 1px -1px 11px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.arrowbk {
			background: transparent url(/images/icons/icon-arrowbk.png) 0 0.005em no-repeat;
			padding-left: 27px;
			margin: 1px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.ordnav {
			background: transparent url(/images/icons/icon-nav.png) 0 2px no-repeat;
			padding-left: 27px;
			margin: 0px -1px 10px 0 !important;
		}
		.vertical-tabs ul.tabs li h5.tagline {
			margin: 1px -1px 10px 0 !important;
		}
		



h5.nomargin a {
	color:#444;
}

h5.nomargin {
    margin:0;
    margin-bottom:0.7em;
    font-weight:normal;
    font-style:normal;
    font-family:Crete Round, Arial, Helvetica, sans-serif;
    line-height:1.5em;
    font-size:1.15em;
}

h5.nomargin span {
    font-size:0.8em;
}


p.crumb {
	display: none !important;
	}

/* change the tab to selected style */
ul.tabs li a.default,
#tab1:target ~ .tabs-container .tabs li a.default,
#tab2:target ~ .tabs-container .tabs li a.tab2,
#tab3:target ~ .tabs-container .tabs li a.tab3,
#tab4:target ~ .tabs-container .tabs li a.tab4,
#tab5:target ~ .tabs-container .tabs li a.tab5,
#tab6:target ~ .tabs-container .tabs li a.tab6,
#tab7:target ~ .tabs-container .tabs li a.tab7,
#tab8:target ~ .tabs-container .tabs li a.tab8, 
#tab9:target ~ .tabs-container .tabs li a.tab9,
#tab10:target ~ .tabs-container .tabs li a.tab10 {background: #FBF9ED;
	//padding: 14px 0px 3px 15px;
	margin-right: -1px !important; 
	margin-top: -1px !important;    
		border:1px solid transparent;
		border-right: 0px solid #ffffff !important;
		border-color:#E3E3E3;
	        border-bottom: 1px solid #D5D5D5 !important;
		background: -moz-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 100));
		background: -webkit-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
		background: -webkit-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
		background: -o-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
		background: -ms-linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
		background: linear-gradient(left, rgba(252, 248, 228, 1), rgba(255, 255, 255, 1));
		top: calc(1em + 33px);}

/* show the tab content */
div.default,
#tab1:target ~ .tabs-container div.default,
#tab2:target ~ .tabs-container div#view2,
#tab3:target ~ .tabs-container div#view3,
#tab4:target ~ .tabs-container div#view4,
#tab5:target ~ .tabs-container div#view5,
#tab6:target ~ .tabs-container div#view6, 
#tab7:target ~ .tabs-container div#view7, 
#tab8:target ~ .tabs-container div#view8, 
#tab9:target ~ .tabs-container div#view9,
#tab10:target ~ .tabs-container div#view10 {display:block;}

/* reset the unclicked tabs to default */
#tab2:target ~ .tabs-container .tabs li a.default,
#tab3:target ~ .tabs-container .tabs li a.default,
#tab4:target ~ .tabs-container .tabs li a.default,
#tab5:target ~ .tabs-container .tabs li a.default,
#tab6:target ~ .tabs-container .tabs li a.default,
#tab7:target ~ .tabs-container .tabs li a.default,
#tab8:target ~ .tabs-container .tabs li a.default,
#tab9:target ~ .tabs-container .tabs li a.default, 
#tab10:target ~ .tabs-container .tabs li a.default  {
border:1px solid transparent;
		border-color:#fff;
		border-right: 1px solid #E3E3E3 !important;
	        border-bottom: 1px dotted #D2D2D2 !important;
		background: -moz-linear-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));
		background: -webkit-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));
		background: -webkit-linear-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));
		background: -o-linear-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));
		background: -ms-linear-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));
		background: linear-gradient(left, rgba(255, 255, 255, 100), rgba(255, 255, 255, 100));}



/* reset the unclicked tabs to default */
#tab2:target ~ .tabs-container .tabs li:hover a.default,
#tab3:target ~ .tabs-container .tabs li:hover a.default,
#tab4:target ~ .tabs-container .tabs li:hover a.default,
#tab5:target ~ .tabs-container .tabs li:hover a.default,
#tab6:target ~ .tabs-container .tabs li:hover a.default,
#tab7:target ~ .tabs-container .tabs li:hover a.default,
#tab8:target ~ .tabs-container .tabs li:hover a.default,
#tab9:target ~ .tabs-container .tabs li:hover a.default,
#tab10:target ~ .tabs-container .tabs li:hover a.default  {background: #f5f5f5; !important;}		
	
		

/* hide the default tab when selecting other tabs*/
#tab2:target ~ .tabs-container div.default,
#tab3:target ~ .tabs-container div.default,
#tab4:target ~ .tabs-container div.default,
#tab5:target ~ .tabs-container div.default,
#tab6:target ~ .tabs-container div.default,
#tab7:target ~ .tabs-container div.default,
#tab8:target ~ .tabs-container div.default,
#tab9:target ~ .tabs-container div.default,
#tab10:target ~ .tabs-container div.default {display:none;}


.clear {clear:left;}


a[ id= "tab2" ]:target ~ #begincontent wrapper {
-webkit-transform: translateY( 0px);
transform: translateY( 0px );
}

a[ id= "tab3" ]:target ~ #begincontent wrapper {
-webkit-transform: translateY( 500px );
transform: translateY( 500px );
}
.transform {
-webkit-transform: translateY( 0px ) !important;
transform: translateY( 0px ) !important;
}


/* ------------------------------ 900-990px ---------------------------- */

@media only screen and (max-width: 999px) and (min-width: 900px) {


}



/* ------------------------------ 0-899px ---------------------------- */

@media only screen and (max-width: 899px) {


.tabs-container .tabnav {
	border-right:none !important;
	margin-top: -10px !important;
	margin-right: 15px !important;
}

.vertical-tabs ul.tabs li {
	display:inline-block;
	margin: 0px 5px 5px 0px !important;
	border:1px solid #E3E3E3 !important;
}
.tabs-container ul.tabs li a {
	padding: 11px 10px 2px 8px;
	font-size: 90% !important;
}


		.vertical-tabs ul.tabs li h5.ord1 {
			background: transparent url(/images/icons/icon-1m.png) 0px 1px no-repeat;
			padding-left: 14px !important;
		}

		.vertical-tabs ul.tabs li h5.ord2 {
			background: transparent url(/images/icons/icon-2m.png) 0px 1px no-repeat;
			padding-left: 14px !important;
		}

		.vertical-tabs ul.tabs li h5.ord3 {
			background: transparent url(/images/icons/icon-3m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}

		.vertical-tabs ul.tabs li h5.ord4 {
			background: transparent url(/images/icons/icon-4m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}

		.vertical-tabs ul.tabs li h5.ord5 {
			background: transparent url(/images/icons/icon-5m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}

		.vertical-tabs ul.tabs li h5.ord6 {
			background: transparent url(/images/icons/icon-6m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}

		.vertical-tabs ul.tabs li h5.ord7 {
			background: transparent url(/images/icons/icon-7m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}

		.vertical-tabs ul.tabs li h5.ord8 {
			background: transparent url(/images/icons/icon-8m.png) 0px 1px no-repeat;
			padding-left: 14px;
		}
		.vertical-tabs ul.tabs li h5.ordnav {
			background: transparent url(/images/icons/icon-nav.png) 0 1px no-repeat;
		}


ul.tabs li a.default,
#tab1:target ~ .tabs-container .tabs li a.default,
#tab2:target ~ .tabs-container .tabs li a.tab2,
#tab3:target ~ .tabs-container .tabs li a.tab3,
#tab4:target ~ .tabs-container .tabs li a.tab4,
#tab5:target ~ .tabs-container .tabs li a.tab5,
#tab6:target ~ .tabs-container .tabs li a.tab6,
#tab7:target ~ .tabs-container .tabs li a.tab7,
#tab8:target ~ .tabs-container .tabs li a.tab8, 
#tab9:target ~ .tabs-container .tabs li a.tab9 {
		background: #FBF9ED;
		border:1px solid transparent !important;
		border-right: 1px solid #E5E5E5 !important;
		border-color:#E5E5E5;
	        border-bottom: 0px!important;
		background: -moz-linear-gradient(left, rgba(252, 248, 228, 1), rgba(252, 248, 228, 1));
		background: -webkit-gradient(left, rgba(252, 248, 228, 10), rgba(255, 255, 255, 1));
		background: -webkit-linear-gradient(left, rgba(252, 248, 228, 10), rgba(255, 255, 255, 1));
		background: -o-linear-gradient(left, rgba(252, 248, 228, 10), rgba(255, 255, 255, 1));
		background: -ms-linear-gradient(left, rgba(252, 248, 228, 10), rgba(255, 255, 255, 1));
		background: linear-gradient(left, rgba(252, 248, 228, 10), rgba(255, 255, 255, 1));
	        }

	
}


/* ------------------------------ 0-900px ---------------------------- */

@media handheld, only screen and (max-width: 900px) {

p.crumb a {
	color: #999 !important;
	font-size: 11px !important;
	}
p.crumb {
	font-size: 11px;
	line-height: auto;
	color: #999 !important;
	display: block !important;
	margin-bottom: 8px !important;
	margin-top: -35px !important;
	}

}


/* ---------------------------- 0px-600px -------------------------- */

@media handheld, only screen and (max-width: 600px) {

		
.tabs-container ul.tabs li a {
	padding: 9px 10px 2px 6px;
	font-size: 90% !important;
}
.vertical-tabs ul.tabs li {
	margin: 0px 2px 5px 0px !important;
}


p.crumb {
	margin-bottom: 3px !important;
	margin-top: -15px !important;
	}
	
}


/* ---------------------------- 0px-480px -------------------------- */

@media handheld, only screen and (max-width: 480px) {

		
.tabs-container ul.tabs li a {
	padding: 9px 10px 2px 6px;
	font-size: 90% !important;
}
.vertical-tabs ul.tabs li {
	margin: 0px 2px 5px 0px !important;
}
	
}