/* Table Defaults */

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 1em !important;
}

/* Single Metals */

.single-metals article p,
.single-members-directory article p { line-height:1.45;  }

.single-metals article h1,
.single-members-directory article h1 {
	margin-bottom:0.6em;
	font-size:2rem;
	line-height: 1;
    border-bottom: 1px dashed #e1e1e3;
    padding: 0 0 0.6em;
    margin: 0 0 0.6em;
}

.single-metals article p,
.single-members-directory article p,
.single-metals article ul,
.single-members-directory article ul {
	margin:0 0 1.5rem;
}

.single-metals article ul,
.single-members-directory article ul {
	
	padding-left:15px;
}

.single-metals article ul li,
.single-members-directory article ul li {
	list-style-type:square;
}

.ppt-element-tag {
	width:100px;
	line-height:100px;
	text-align:center;
	position:relative;
	background:#123159;
	color:white;
	margin-bottom:1em;
}
.ppt-element-tag .atomic-symbol {
	font-size:112.5%;
}
.ppt-element-tag .atomic-number {
	position:absolute;
	top:5px;
	left:5px;
	line-height:1;
	font-size:75%;
}
.ppt-element-tag  .atomic-weight{
	position:absolute;
	bottom:5px;
	right:5px;
	line-height:1;
	font-size:75%;
}	

.type-members-directory h3 {
    font-size: 28px;
    line-height: 1;
    border-bottom: 1px dashed #e1e1e3;
    padding: 0 0 0.6em;
    margin: 0 0 0.6em;
}
.type-members-directory .memeber-website,
.type-members-directory .members-country {
	margin: 0 0 0.5em;
    line-height: 1;
}
.type-members-directory .members-country  {
	margin:0 0 1em;
	font-size:87.5%;
}
.type-members-directory .inner {
	background: white;
	position:relative;
    padding-bottom: 1.5em;
    margin-bottom: 2em;
    border-bottom: 1px dashed #e1e1e3;
}


/* Periodic Table Style */
#periodic-table-wrapper {
	overflow: auto;
}

#periodic-table {
	display: ilnine-block;
	overflow: visible;
	width: 98% !important;
	margin-left: 1%;
	margin-top: 1px;
	padding-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	    box-sizing: border-box;
}

#periodic-table .element {
	width: 5.555555%;
	height: 40px;
	float: left;
	position:relative;
	border-top:1px solid #e1e1e3;
	border-left:1px solid #e1e1e3;
	box-sizing: border-box;
}

.element-bottom {
	border-bottom:1px solid #e1e1e3;
}
.element-last-right {
	border-right:1px solid #e1e1e3;
}
#periodic-table .element .element-inner {
	margin: 0;
	padding: 3px 5px;
	width: auto;
	display: block;
	text-decoration: none;
	color: #777;
	cursor: default;
	background: #fafafa;
    box-sizing: border-box;
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

#periodic-table .element .element-inner:hover {
	background: #eee;
}

#periodic-table .element .linked-element {
	background: #257;
	color: #fff;
	cursor: pointer;
}

#periodic-table .element .linked-element:hover {
	background: #146;
}

#periodic-table .atomic-number {
	font-size: 8px;
	text-align: right;
	width: 100%;
	line-height: 10px;
}

#periodic-table .letter {
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: -10%;
}

#periodic-table .push-1 {
	margin-left: 5.555555%;
}

#periodic-table .push-2 {
	margin-left: 11.111111%;
}

#periodic-table .push-3 {
	margin-left: 16.66665%;
}

#periodic-table .push-4 {
	margin-left: 22.222222%;
}

#periodic-table .push-5 {
	margin-left: 27.777775%;
}

#periodic-table .push-6 {
	margin-left: 33.333333%;
}

#periodic-table .push-7 {
	margin-left: 38.888885%;
}

#periodic-table .push-8 {
	margin-left: 44.444444%;
}

#periodic-table .push-9 {
	margin-left: 49.999995%;
}

#periodic-table .push-10 {
	margin-left: 55.555555%;
}

#periodic-table .push-11 {
	margin-left: 61.111105%;
}

#periodic-table .push-12 {
	margin-left: 66.666666%;
}

#periodic-table .push-13 {
	margin-left: 72.222215%;
}

#periodic-table .push-14 {
	margin-left: 77.777777%;
}

#periodic-table .push-15 {
	margin-left: 83.333325%;
}

#periodic-table .push-16 {
	margin-left: 88.888888%;
}

#periodic-table .push-17 {
	margin-left: 94.444435%;
}

#periodic-table .push-18 {
	margin-left: 100%;
}

#periodic-table .push-top {
	margin-top: 20px;
}

#periodic-table.small {
	width: 420px;
	display: inline-block;
	margin: 0 auto;
}

#periodic-table.small .atomic-number {
	display: none;
}

#periodic-table.small .letter {
	font-size: 10px;
	font-weight: bold;
	position: relative;
	top: -5%;
}

body div#periodic-table-small {
	width: 100% !important;
}

body #periodic-table.small {
	width: 100% !important;
}

.minor-metals {
	background: #eee;
	margin-bottom: 20px;
}
.minor-metals p{
	display: block;
	padding: 10px 10px;
}

.minor-metals h4{
	padding: 0px 10px;
}

.minor-metals ul {
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

.minor-metals h3 {
	color: #fff;
	background: #257;
	padding: 5px 10px;
	margin-bottom: 0;
}

.minor-metals a {
	display: block;
	padding: 10px 0;
}

.minor_metals-page .side-content {
	background: #eee;
	margin-bottom: 20px;
	padding: 10px;
}