@charset "utf-8";

.container a{
	display: block;
	text-align:left;
	text-decoration: none;
	padding-left:8px;
}

/*** Container All Tabs ********************/
.tabs{
	position: relative;
	display: block;
	width: 850px;
	height:380px;
	margin: 10px auto;
	float:right;
}

/*** Container One Tab ********************/
.container{
	position: absolute;
	display: block;
	
	left: 0;
	height:358px;
	width: 825px;
	padding: 10px 10px;
	
	border:none;
	border:1px solid #cbcbcb;
	


}
.container:target .content {
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: .9s;
	-webkit-animation-iteration-count:1;
}
/*.container:target .label{
	width: 160px;
	left: -160px;
}
*/
/*** Tab Lebels ****************************/
.label{
	position: absolute;
	width: 305px;
	height: 47px;
	left: -300px;
}
.container:nth-child(1) .label{
	top: 0px;
}
.container:nth-child(2) .label{
	top:47px;
}
.container:nth-child(3) .label{
	top: 94px;
}
.container:nth-child(4) .label{
	top:141px;
}
.container:nth-child(5) .label{
	top:188px;
}
.container:nth-child(5) .label{
	top:188px;
}
.container:nth-child(6) .label{
	top:235px;
}
.container:nth-child(7) .label{
	top:282px;
}
.container:nth-child(8) .label{
	top:329px;
}
.label h5{
	font-size:16px;
}
.label h5 a{
	width: 96%;
	line-height:47px;
	/*-webkit-border-radius:4px 0 0 12px;
	-moz-border-radius:4px 0 0 12px;	*/
	box-shadow: -1px 1px 1px 1px rgba(96, 96, 96,.2);
	-webkit-box-shadow: -1px 1px 1px 1px rgba(96, 96, 96,.2);
	-moz-box-shadow: -1px 1px 1px 1px rgba(96, 96, 96,.2);	
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
}
.label h5 a i{
	padding-right:7px;
	font-size:22px;
}

/*** Content ******************************/
.content{
	position:absolute;
	height: 368px;
	width:835px;
	overflow:scroll;
	overflow-x: hidden;
	
}
.content p,h3{
	padding: 2px 10px 5px 10px;
	margin:10px 0 10px 15px;
	text-align: justify;
}
.content h4{
	padding: 8px 0 7px 15px;
	font-size: 19px;
}
.content h6{
	padding:8px 15px 10px 15px;
	margin:35px 10px 10px 10px;
	
	font-size:13px;
	text-align:justify;
	border-top:1px solid;
}
.content h6 i{
	padding:0 5px;
	font-size:16px;
}

/*** Change Style *************************/

.container{
	font-family: 'geosanslightregular';    
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	                 
}
.label a{
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0a131b), to(#16283b)); 
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #16283b, #0a131b); 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #16283b, #0a131b);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #16283b, #0a131b); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #16283b, #0a131b);
	
	box-shadow:inset 0 0 10px #4e4e4e;
	-moz-box-shadow:inset 0 0 10px #4e4e4e;   
	color: #f7f7f7;
	font-size:14px;
}
.label:hover a{
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbddde), to(#eff3f4)); 
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eff3f4, #dbddde); 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eff3f4, #dbddde);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #eff3f4, #dbddde); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #eff3f4, #dbddde); 
	color:#11202e;             /*Main Color*/
}
.container:target .label a{
	/*<!--background-color: #FF1493;                   
	color:#000;-->*/
	
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbddde), to(#eff3f4)); 
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #eff3f4, #dbddde); 
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #eff3f4, #dbddde);
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #eff3f4, #dbddde); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #eff3f4, #dbddde); 
	color:#11202e;             /*Main Color*/
}
.content p{                       
	color:#333333;	
}
.content h4{
	color: #00bff3;   
	                   /*Main Color*/
}
.content h6{
	color:#333333;
	border-top-color:#999999;
}
.content h6 i{
	color: #FF1493;          
}