﻿.elements_link
{
	text-decoration: none !important;
	color: #000000 !important;
}
.elements_unknown, .element_no_unknown
{
	color: #6C7476 !important;
}
/*---start loading--*/
#loading
{
	position: absolute;
	left: 40%;
	top: 50%;
	border: 1px solid #6593cf;
	padding: 2px;
	background: #223335;
	color: #FFFFFF;
	width: 120px;
	text-align: center;
	z-index: 20001;
}
/*--end loading --*/

/* Start Periodic Table main content */
*, html
{
	margin: 0px;
	padding: 0px;
}

body
{
	color: #404040;
	font-family: arial,arial,sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
}
a:hover
{
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6
{
	color: #333;
}
.clear
{
	clear: both;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.p_container
{
	/*background: url(../images/bg_img2.jpg) scroll no-repeat 0px 0px transparent;*/
	padding-bottom: 12px;
	margin-top: 3px;
}
img
{
	border: none;
}
.element_row
{
	margin: 0px;
	height: 48px;
	padding: 4px 0 0 4px;
}
.element
{
	position: relative;
	height: 48px;
	width: 50px;
	margin-right: 2px;
	font-family: Arial;
	background: url(../images/Button_bdg.png) scroll no-repeat -2px 0px transparent;
	cursor: pointer;
}
.element_bar
{
	left: 0px;
	position: relative;
	height: 50px;
	width: 50px;
	margin-right: 2px;
	font-family: Arial;
	background: url(../images/Button_bdg_trends_hover.png) scroll no-repeat -2px 0px transparent;
	cursor: pointer;
}
.element .elementIn
{
	color: #404040 !important;
	text-decoration: none !important;
}
.element_hover
{
	position: relative;
	height: 48px;
	width: 50px;
	margin-right: 2px;
	font-family: Arial;
	background: url(../images/Button_bdg.png) scroll no-repeat -2px 0px transparent;
	cursor: pointer;
}

.e_1
{
	background-position: -1px 0px;
}
.e_2
{
	background-position: -54px 0px;
}
.e_3
{
	background-position: -107px 0px;
}
.e_4
{
	background-position: -159px 0px;
}
.e_5
{
	background-position: -212px 0px;
}
.e_6
{
	background-position: -265px 0px;
}
.e_7
{
	background-position: -318px 0px;
}
.e_8
{
	background-position: -370px 0;
}
.e_9
{
	background-position: -423px 0;
}
.e_10
{
	background-position: -476px 0px;
}
.e_11
{
	background-position: -529px 0;
}
.e_12
{
	background-position: -581px 0;
}
.element_grey
{
	background-position: -1056px 0;
}
.element_white
{
	background-position: -1162px 0;
}
.element_blank
{
	height: 48px;
	width: 50px;
	margin-right: 2px;
}
.element_no
{
	/*font-size: 10px;
	font-weight: bold;
	height: 13px;
	margin-left: 7px;
	margin-top: 2px;*/
	position: relative; 
	height: 13px;
    text-align: center;
    color: black;
    font-family: museo_sans_500regular,Arial !important;
    font-size: 11px;
    margin-top: 6px;
}
.element_name
{
	/*font-size: 17px;
	text-align: center;
	margin-top: 4px;
	font-weight: bold; */
	position: relative;
	text-align: center;
	font-family: museo_sans700,Arial !important;
    font-size: 18px;
    margin-top: 12px;
}
.element_info
{
	background: url("../images/hover_bg2_he.gif") no-repeat scroll 0 0 transparent;
	height: 151px;
	left: 115px;
	position: absolute;
	top: 5px;
	width: 517px;
	overflow: hidden;
}
.element_info_group
{
	height: 160px;
	left: 121px;
	position: absolute;
	top: 2px;
	width: 509px;
	_margin-left: 7px;
}
.element_header
{
	color: #000000;
	height: 37px;
    padding-top: 10px;
    text-align: left;
    padding-left: 15px;
    line-height: 26px;
    font-family: museo_sans_500regular,Arial !important;
    font-size: 30px;
}
.element_details
{
	height: 104px;
}
.element_hover_image
{
	height: 100px;
	margin-left: 2px;
	width: 106px;
	_margin-left: 1px;
}
.element_hover_data
{
	height: 105px;
}
table.element_hover_table
{
	/*height: 87px;
	margin: 0;
	padding: 0;
	width: 298px;*/
	height: 100px;
	margin: 5px 0 0 2px;
	padding: 0;
	width: 415px;
}
table.element_hover_table td.tlbox
{
	border-top: 1px solid #e7da7e;
	border-right: 1px solid #ab880f;
	border-bottom: 1px solid #ab880f;
}
table.element_hover_table td.tlbox_he
{
	border-bottom: 1px solid #FEED01;
	border-right: 1px solid #FEED01;
	border-top: 1px solid #FFFFFF;
}
table.element_hover_table td.trbox
{
	border-top: 1px solid #e7da7e;
	border-left: 1px solid #e7da7e;
	border-bottom: 1px solid #ab880f;
}
table.element_hover_table td.trbox_he
{
	border-bottom: 1px solid #FEED01;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
table.element_hover_table td.tdlast_he
{
	border-bottom: medium none;
}
table.element_hover_table td.tdfirst_he
{
	border-top: medium none;
}
table.element_hover_table td
{
	height: 25px;
	padding-left: 5px;
	width: 50%;
}
.td_height_popup
{
	height: 24px !important;
	line-height: 14px;
}
.td_height_popup_IE6_7
{
	height: 23px !important;
}
table.element_hover_table td.tlbox_even_he
{
	border-top: 1px solid #FFFFFF;
}
table.element_hover_table td.tlbox_even
{
	border-top: 1px solid #e7da7e;
}
table.element_hover_table td.tdfirst
{
	border-top: none;
}

table.element_hover_table td.tdlast
{
	border-bottom: none;
}
.element_hover_details
{
	height: 97px;
	width: 99px;
}

.element_hover_details_1
{
	color: #FFFFFF !important;
	height: 15px;
	padding-top: 11px;
	text-align: center;
	width: 32px;
    font-family: museo_sans700,Arial !important;
    font-size:13px;
    display: inline-block;
}


.element_hover_details_2
{
	bottom: 2px;
	height: 47px;
	text-align: center;
	padding-top: 19px;
    font-family: museo_sans700,Arial !important;
    font-size:13px;
    width:100px;
}

.element_hover_details_3
{
	color: #000000!important;
	float: right;
	height: 15px;
	padding-top: 11px;
	text-align: center;
	width: 67px;
	font-family: museo_sans_500regular,Arial !important;
    font-size:13px;
    display: inline-block;
}
.group_blocks
{
	background: url(../images/blocks_podcast.png) no-repeat scroll 0 0 transparent; 
}

.group_blocks_hydrogen
{
	background-position: -3px 0px;
}

.group_blocks_Actinium
{
	background-position: -1063px -159px;
}
.group_blocks_Carbon
{
	background-position: -533px -318px;
}
.group_blocks_Nitrogen
{
	background-position: -1063px -318px;
}
.group_blocks_Beryllium
{
	background-position: -533px 0px;
}
.group_blocks_Fluorine
{
	background-position: -533px -477px;
}
.group_blocks_Lanthanum
{
	background-position: -533px -159px;
}
.group_blocks_Scandnium
{
    background-position: -3px -159px;
}
.group_blocks_Boron
{
	background-position: -3px -318px;
}
.group_blocks_Helium
{
	background-position: -1063px -477px;
}
.group_blocks_Lithium
{
	background-position: -533px -318px;
}
.group_blocks_Oxygen
{
	background-position: -3px -477px;
}
/* Temperature Filters */
.tab_entry
{
	display: inline-block;
	padding-right: 20px;
	border-right: 1px solid #fff;
}
.transperancy
{
	outline-color: Blue;
	outline-width: 1px;
}
.clear_filters
{
	color: #F0F0F0;
	font-size: 12px;
	display: inline-block;
	height: 26px;
	padding-top: 8px;
	float: left;
}
.btn_clrFilter
{
	background-image: url(../images/clearFilters.gif);
	background-repeat: no-repeat;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	height: 25px;
	margin-right: 3px;
	padding: 0 0 2px 2px;
	width: 92px;
	float: left;
}
.group_element
{
	/*background: url(../images/group_hover_metal_nonmetal.gif) no-repeat scroll 0 0 transparent;*/
	height: 149px;
	left: 118px;
	position: absolute;
	top: 5px;
	*top: 6px;
	width: 514px;
}
.group_header
{
    color: #636363;
    background: #f2f2f4;
    width: 500px;
    height: 33px;
    line-height: 26px;
    padding: 14px 0 0 14px;
    text-align: left;
    font-family: museo_sans_500regular,Arial !important;
    font-size: 30px;
}
.mid_group_hover
{
    float: left;
    padding: 5px;
}
.mid_group_hover_element
{
	height: 80px;
    padding: 2px 11px 2px 11px;
    width: 390px;
    position: absolute;
}
.mid_group_hover_text
{
	font-weight:bold;
	/*padding-top: 7px;*/
	font-size: 15px;
	*line-height: 20px;
	line-height: 20px;
}
.mid_group
{
    border: 1px solid #dedede;
    width: 512px;
    height: 97px;
    margin-top: 4px;
    overflow: hidden;
    font-family: Arial !important;
    font-size: 12px;
    color: #636363;
}
a.bc, a.bc:active, a.bc:visited, a.bc:link, a.bc:hover
{
	color: #9A43A4;
	outline: medium none;
	font-size: 11px;
}
.bc
{
	color: #9A43A4;
	outline: medium none;
	font-size: 11px;
}
.attribute
{
	position: absolute;
	width: 100%;
	bottom: 0px;
    margin: 0 0 0 1px;
}
.text_center
{
	text-align: center;
}
.padT20
{
	padding-top: 20px;
}
.measure_value
{
	color: #E2C571;
	font-size: 32px;
	font-weight: bold;
	line-height: 35px;
}
.trend_outer_box 
{
    padding: 3px 3px 3px 4px;
    background-color: #F1F1F2;
    margin: 0 0 0 14px;
    width: 924px;
}
.trend_outer_top_box
{
	/*background: url(../images/trend_top_box.png) no-repeat;*/
	height: 10px;
	margin-left: 10px;
    width: 931px;
}
.trend_outer_mid_bg
{
	/*background: url(../images/mid_trend_bg.jpg) repeat-y;*/
	width: 953px;
	height: auto;
	display:table;
}
.trend_outer_bot_box
{
	/*background: url(../images/trend_bot_box.png) no-repeat;*/
	height: 10px;
	margin-left: 10px;
    width: 931px;
}
.trend_left_text
{
	width: 150px;
	float: left;
	padding-top: 17px;
	text-align: center;
	font-family: museo_sans_500regular,Arial !important;
    font-size: 13px;
    color: black;
    font-weight: normal;
}
.trend_out_mid_container
{
	width: 765px;
	float: left;
	/*background-color: #6D6D6D;*/
}
.trend_inner_top_box
{
	/*background: url(../images/inner_top_box.png) no-repeat;*/
	height: 10px;
	width: 779px;
    margin-left: 1px;
}
.trend_inner_mid_bg
{
	/*background: url(../images/inner_mid_bg.jpg) repeat-y;*/
	height: auto;
	width: 780px;
	display: inline-block;
	float: left;
}
.trend_inner_bot_box
{
	/*background: url(../images/inner_bot_box.png) no-repeat;*/
	height: 10px;
	width: 779px;
    margin-left: 1px;
}
.padL10
{
	padding-left: 10px;
}
.attribute_buttons
{
	background-position: 0 0;
}
.appliedgrey_v2_right
{
	background-position: 100% 0 !important;
}
.filter_grey_sprite
{
	/*background: url(../images/white_box_corner.png) no-repeat scroll 0 0 transparent;*/
	height: 23px;
	width: auto;
	background-color:#480C3C;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #C3C3C3;
	color: white;
}

.filter_grey_sprite:hover {
    height: 21px;
	width: auto;
	background-color:Purple !important;
	border:1px solid black !important;
	color: white;
}

.filter_grey_sprite_pressed
{
	/*background: url(../images/white_box_corner_hover.png) no-repeat scroll 0 0 transparent;*/
	height: 21px;
	width: auto;
	background-color:Purple !important;
	border:1px solid black !important;
	color: white;
}
.filter_grey_bg_center
{
	/*background: url(../images/white_bx_mid_bg.png) repeat-x;
	height: 23px;*/
	line-height: 16px;
	margin: 0 6px;
	top: 3px;
	width: auto;
	padding: 4px 5px 0px 5px;
}
.filter_grey_bg_center_pressed
{
	/*background: url(../images/white_mid_bg_hover.jpg) repeat-x;
	height: 27px;*/
	line-height: 15px;
	margin: 0 6px;
	top: 3px;
	width: auto;
	padding: 4px 5px 0px 5px;
}
.appliedgrey_title
{
	color: #444444;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
	font-family: museo_sans_500regular !important;
}
.sel_appliedgrey_title
{
	color: #444444;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
	font-family: museo_sans_500regular !important;
}
.appliedgrey_title:hover
{
	color: #C44BF9;
}
.box_grey_select
{
	margin-right: 5px;
	padding-top: 3px;
	text-align: left;
	_width: 10px;
}
.c_pointer
{
	cursor: pointer;
}
.d_pointer
{
	cursor: default;
}
.b_container {
    /*background: url("../images/breadcum_bg_home.jpg") no-repeat scroll 0 0 transparent;*/
    height: 8px;
    line-height: 8px;
    margin-bottom: -2px !important;
    margin-top: -4px !important;
    padding-left: 10px;
    position: absolute;
    width: 950px;
}


.element_symbol
{
    font-size:40px;padding-bottom:14px;
    color:#000000!important;
    font-family: museo_sans700,Arial !important
}
.symbol_name
{
     color:#000000;
     font-family: museo_sans_500regular,Arial !important
}
.blank_row
{
    height:20px;
}