#periodicTable {

	



	float:left;

	

}



.ppCell {



font-family:"Century Gothic",Arial, Helvetica, sans-serif;

	font-size:10px;

	border:1px solid #fff;	

	border-radius:2px;

width:31px;

height:40px;

text-align:center;

float:left;





display:block;	





}



.ppEmptyCell {

	background-color:#fff;

}









.ppFirstGroup {

	clear:both;

}



.ppSymbol {

	font-family:"Century Gothic",Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	

}



.ppName {

	font-family:"Century Gothic",Arial, Helvetica, sans-serif;

	font-size:9px;

	display:none;

	text-shadow:none;

}



.ppAtomicNumber {

	font-size:10px;

	font-weight:normal;

	text-shadow:none;

	color:#555;

	margin-bottom:-2px;

	margin-top:4px;

	

	

	

}





.ppActive a{

	text-decoration:none;

	color:#111;

	display:block;

}



.ppActive {

	

	border-radius:2px;

	cursor:pointer;

	

	

	

	background: #dddddd;

background: -moz-linear-gradient(-45deg,  #dddddd 0%, #cccccc 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc));

background: -webkit-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -o-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -ms-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: linear-gradient(135deg,  #dddddd 0%,#cccccc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=1 );



	text-shadow:1px 1px 0 rgba(255,255,255,0.5);

	

	 box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-moz-box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-webkit-box-shadow: inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

		

		

}



.ppActive:hover{

	

	text-decoration:none;

	color:#000;

		border:1px solid #13a8be;

/*	background: #dddddd;

background: -moz-linear-gradient(-45deg,  #dddddd 0%, #cccccc 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc));

background: -webkit-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -o-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -ms-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: linear-gradient(135deg,  #dddddd 0%,#cccccc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=1 );

*/

	

/*background: #f1cccc;

background: -moz-linear-gradient(-45deg,  #f1cccc 0%, #ba8c8c 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1cccc), color-stop(100%,#ba8c8c));

background: -webkit-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -o-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -ms-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: linear-gradient(135deg,  #f1cccc 0%,#ba8c8c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cccc', endColorstr='#ba8c8c',GradientType=1 );

*/



 

	

}



.ppInActive {

border-radius:2px;

	background-color:#eee;

	color:#999;

}





.ppInActive.ppAge1,.ppInActive.ppAge2,.ppInActive.ppAge3,.ppInActive.ppAge4,.ppInActive.ppAge5{

	background:#eee;

}





.ppInActive  {

	text-decoration:none;

		color:#999;

		cursor:default;

	

}



.ppInActive  .ppSymbol{

	

		font-weight:normal;

}



.ppInActive  .ppAtomicNumber{

	

		color:#999;

		font-weight:normal;

}











.ppInfoAgeTitle {

	font-weight:bold;

	text-shadow:none;

}





.ppInfoAge {

	float:left;

	font-family:"Century Gothic", Arial;

	font-size:18px;

	margin-left:50px;

	margin-top:-430px;

	padding:10px;

	padding-left:15px;

	border-radius:5px;

	width:270px;

	

	background: #f1cccc;

background: -moz-linear-gradient(-45deg,  #f1cccc 0%, #ba8c8c 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1cccc), color-stop(100%,#ba8c8c));

background: -webkit-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -o-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -ms-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: linear-gradient(135deg,  #f1cccc 0%,#ba8c8c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cccc', endColorstr='#ba8c8c',GradientType=1 );





text-shadow:1px 1px 0 rgba(255,255,255,0.5);

	

	 box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-moz-box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-webkit-box-shadow: inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	

	opacity:0;

}









.ppInfo {

	float:left;

	font-family:"Century Gothic", Arial;

	font-size:18px;

	margin-left:122px;

	margin-top:-410px;

	padding:10px;

	padding-left:15px;

	border-radius:5px;

	width:130px;

	/*

	background: #f1cccc;

background: -moz-linear-gradient(-45deg,  #f1cccc 0%, #ba8c8c 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1cccc), color-stop(100%,#ba8c8c));

background: -webkit-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -o-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: -ms-linear-gradient(-45deg,  #f1cccc 0%,#ba8c8c 100%);

background: linear-gradient(135deg,  #f1cccc 0%,#ba8c8c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cccc', endColorstr='#ba8c8c',GradientType=1 );

*/

background: #dddddd;

background: -moz-linear-gradient(-45deg,  #dddddd 0%, #cccccc 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#dddddd), color-stop(100%,#cccccc));

background: -webkit-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -o-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: -ms-linear-gradient(-45deg,  #dddddd 0%,#cccccc 100%);

background: linear-gradient(135deg,  #dddddd 0%,#cccccc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=1 );





text-shadow:1px 1px 0 rgba(255,255,255,0.5);

	

	 box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-moz-box-shadow:inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	-webkit-box-shadow: inset -1px -1px 0px rgba(0,0,0,0.3), inset 1px 1px 0px rgba(255,255,255,0.7);

	

	opacity:0;

}



.ppInfoSymbol {

	font-weight:bold;

	font-size:36px;

}



.ppInfoName {

	text-shadow:none;

}



.ppInfoAtomicNumber {

	font-size:14px;

	margin-bottom:-5px;

	text-shadow:none;

}







.ppAgeNav {

	font-family:"Century Gothic",Arial, Helvetica, sans-serif;

	margin-left:610px;

	margin-bottom:-180px;

	margin-top:30px;

	

}





.ppAgeNav a{

	text-decoration:none;

	display:block;

	color:#111;

	padding:5px;

	width:275px;

	font-size:13px;

	border-radius:4px;

	border:2px #fff solid;

}



.ppAgeNav a:hover{

	text-decoration:underline;

	

}





.ppAgeNav #Age1 a{

background: #f4e4ca;

background: -moz-linear-gradient(-45deg,  #f4e4ca 0%, #c6ab80 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4e4ca), color-stop(100%,#c6ab80));

background: -webkit-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: -o-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: -ms-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: linear-gradient(135deg,  #f4e4ca 0%,#c6ab80 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e4ca', endColorstr='#c6ab80',GradientType=1 );





}



.ppAgeNav #Age2 a{

	background: #e2cdf1;

background: -moz-linear-gradient(-45deg,  #e2cdf1 0%, #a78cba 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e2cdf1), color-stop(100%,#a78cba));

background: -webkit-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: -o-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: -ms-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: linear-gradient(135deg,  #e2cdf1 0%,#a78cba 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cdf1', endColorstr='#a78cba',GradientType=1 );



}



.ppAgeNav #Age3 a{

	background: #caf4f4;

background: -moz-linear-gradient(-45deg,  #caf4f4 0%, #80c6c6 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#caf4f4), color-stop(100%,#80c6c6));

background: -webkit-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: -o-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: -ms-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: linear-gradient(135deg,  #caf4f4 0%,#80c6c6 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caf4f4', endColorstr='#80c6c6',GradientType=1 );



}



.ppAgeNav #Age4 a{

background: #f4cadc;

background: -moz-linear-gradient(-45deg,  #f4cadc 0%, #c6809e 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4cadc), color-stop(100%,#c6809e));

background: -webkit-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: -o-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: -ms-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: linear-gradient(135deg,  #f4cadc 0%,#c6809e 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cadc', endColorstr='#c6809e',GradientType=1 );

}



.ppAgeNav #Age5 a{

	background: #cff1cd;

background: -moz-linear-gradient(-45deg,  #cff1cd 0%, #8eba8c 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cff1cd), color-stop(100%,#8eba8c));

background: -webkit-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: -o-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: -ms-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: linear-gradient(135deg,  #cff1cd 0%,#8eba8c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cff1cd', endColorstr='#8eba8c',GradientType=1 );

}















.ppAge1 {

background: #f4e4ca;

background: -moz-linear-gradient(-45deg,  #f4e4ca 0%, #c6ab80 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4e4ca), color-stop(100%,#c6ab80));

background: -webkit-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: -o-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: -ms-linear-gradient(-45deg,  #f4e4ca 0%,#c6ab80 100%);

background: linear-gradient(135deg,  #f4e4ca 0%,#c6ab80 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e4ca', endColorstr='#c6ab80',GradientType=1 );





}





.ppAge2 {

	background: #e2cdf1;

background: -moz-linear-gradient(-45deg,  #e2cdf1 0%, #a78cba 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e2cdf1), color-stop(100%,#a78cba));

background: -webkit-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: -o-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: -ms-linear-gradient(-45deg,  #e2cdf1 0%,#a78cba 100%);

background: linear-gradient(135deg,  #e2cdf1 0%,#a78cba 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2cdf1', endColorstr='#a78cba',GradientType=1 );



}



.ppAge3 {

background: #caf4f4;

background: -moz-linear-gradient(-45deg,  #caf4f4 0%, #80c6c6 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#caf4f4), color-stop(100%,#80c6c6));

background: -webkit-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: -o-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: -ms-linear-gradient(-45deg,  #caf4f4 0%,#80c6c6 100%);

background: linear-gradient(135deg,  #caf4f4 0%,#80c6c6 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caf4f4', endColorstr='#80c6c6',GradientType=1 );

	

}





.ppAge4 {

background: #f4cadc;

background: -moz-linear-gradient(-45deg,  #f4cadc 0%, #c6809e 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f4cadc), color-stop(100%,#c6809e));

background: -webkit-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: -o-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: -ms-linear-gradient(-45deg,  #f4cadc 0%,#c6809e 100%);

background: linear-gradient(135deg,  #f4cadc 0%,#c6809e 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cadc', endColorstr='#c6809e',GradientType=1 );



}





.ppAge5 {

	background: #cff1cd;

background: -moz-linear-gradient(-45deg,  #cff1cd 0%, #8eba8c 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cff1cd), color-stop(100%,#8eba8c));

background: -webkit-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: -o-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: -ms-linear-gradient(-45deg,  #cff1cd 0%,#8eba8c 100%);

background: linear-gradient(135deg,  #cff1cd 0%,#8eba8c 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cff1cd', endColorstr='#8eba8c',GradientType=1 );



}