﻿/*.periodic_table_container
{
	background: url("../images/alcmainBG.jpg") repeat-x scroll 0 0 #666666;
	clear: both;
	float: left;
	margin: 10px auto 1px;
	padding: 0 0 12px;
	width: 960px;
}*/
.periodic_table_container {
    background: url("../images/alcmainbaground.jpg") no-repeat scroll 0 0 transparent;
    clear: both;
    float: left;
    height: auto;
    padding: 0 0 12px;
    width: 960px;
}
.clear
{
	clear: both;
}
.container
{

}
.alchomespace
{
	margin-left: 15px;
	position: relative;
}
.alcwhatspace
{
	margin-left: 10px;
	position: relative;
}
.symboltab_selected
{
	float: left;
	background: url("../images/alctab_Selected.jpg") no-repeat scroll 0 0 transparent;
	height: 31px;
	width: 167px;
	cursor: pointer;
}
.symboltab_unselected
{
	float: left;
	background: url("../images/alctab_unselected.jpg") no-repeat scroll 0 0 transparent;
	height: 31px;
	width: 167px;
	cursor: pointer;
}
.alc_main_title_landing_JS
{
	text-align: center;
	width: 167px;
	height: 31px;
	font-size: 14px;
	vertical-align: middle;
	padding-top: 6px;
}
.chemical_sign
{
	background: url("../images/alcsymbol.png") no-repeat scroll 0 0 transparent;
	height: 90px;
	margin-right: 2px;
	width: 78px;
	padding-right: 8px;
	float: left;
	margin-left: 16px;
	cursor: pointer;
	_background: url("../images/alcsymbol.gif") no-repeat scroll 0 0 transparent;
	_padding-right: 2px;
	_margin-left: 24px;
	_width: 75px;
	_height: 75px;
}
.chemical_sign_hover
{
	background: url("../images/alcsymbol_hover.png") no-repeat scroll 0 0 transparent;
	height: 90px;
	margin-right: 2px;
	width: 78px;
	padding-right: 8px;
	float: left;
	margin-left: 16px;
	cursor: pointer;
	_background: url("../images/alcsymbol_hover.gif") no-repeat scroll 0 0 transparent;
	_padding-right: 2px;
	_margin-left: 24px;
	_width: 75px;
	_height: 75px;
}
.chemical_sign_selected
{
	background: url("../images/alcsymbol_hover.png") no-repeat scroll 0 0 transparent;
	height: 90px;
	margin-right: 2px;
	width: 78px;
	padding-right: 8px;
	float: left;
	margin-left: 16px;
	cursor: pointer;
	_background: url("../images/alcsymbol_hover.gif") no-repeat scroll 0 0 transparent;
	_padding-right: 2px;
	_margin-left: 24px;
	_width: 75px;
	_height: 75px;
}
.chemical_sign_text
{
	float: left;
	text-align: center;
	vertical-align: bottom;
	width: 89px;
	height: 89px;
	position: relative;
	_width: 75px;
	_height: 75px;
}
.chemical_sign_text a
{
	text-decoration: none;
}
.chemical_sign_text .elementIn
{
	display: inline-block;
	height: 100%;
	line-height: 145px;
	_line-height: 130px;
	position: absolute;
	text-decoration: none !important;
	top: 0;
	left: 0;
	width: 100%;
}
.chemical_sign_text_simple
{
	color: #FFFFFF !important;
	text-decoration: none;
}
.chemical_sign_text_hover
{
	color: #e09b04 !important;
	text-decoration: none;
}
.chemical_sign_text_selected
{
	color: #e09b04 !important;
	text-decoration: none;
}
.po_1
{
	background-position: -2px 1px;
	_background-position: -7px -6px;
}
.po_2
{
	background-position: -89px 1px;
	_background-position: -94px -6px;
}
.po_3
{
	background-position: -176px 1px;
	_background-position: -181px -6px;
}
.po_4
{
	background-position: -263px 1px;
	_background-position: -268px -6px;
}
.po_5
{
	background-position: -350px 1px;
	_background-position: -355px -6px;
}
.po_6
{
	background-position: -437px 1px;
	_background-position: -442px -6px;
}
.po_7
{
	background-position: -524px 1px;
	_background-position: -529px -6px;
}
.po_8
{
	background-position: -611px 1px;
	_background-position: -616px -6px;
}
.po_9
{
	background-position: -2px -87px;
	_background-position: -7px -93px;
}
.po_10
{
	background-position: -89px -87px;
	_background-position: -94px -93px;
}
.po_11
{
	background-position: -176px -87px;
	_background-position: -181px -93px;
}
.po_12
{
	background-position: -263px -87px;
	_background-position: -268px -93px;
}
.po_13
{
	background-position: -350px -87px;
	_background-position: -355px -93px;
}
.po_14
{
	background-position: -437px -87px;
	_background-position: -442px -93px;
}
.po_15
{
	background-position: -524px -87px;
	_background-position: -529px -93px;
}
.po_16
{
	background-position: -611px -87px;
	_background-position: -616px -93px;
}
/*.main_block
{
	float: left;
	padding-left: 56px;
	_padding-left: 32px;
	padding-top: 30px;
	width: 904px;
}*/
.main_block {
    /*background: url("../images/alc_mid_whitebg.jpg") repeat-y scroll 0 0 #fff;*/
    float: left;
    padding-top: 20px;
    _padding-top:-10px;
    padding-left:45px;
    width: 897px;
}
.main_block_outer
{
	float: left;
	width: 960px;
}
/*.main_block_desc
{
	float: left;
	padding-left: 80px;
	padding-top: 30px;
}*/
.main_block_desc {
    float: left;
    padding-left: 9px;
    padding-top: 13px;
}
.main_block_desc1
{
	padding-top: 5px;
}
/*.main_block_desc_top
{
	float: left;
	width: 800px;
	height: 7px;
	background: url("../images/alccontainerBG_top.png") no-repeat scroll 0 0 transparent;
	_background: url("../images/alccontainerBG_top.gif") no-repeat scroll 0 0 transparent;
}*/
.main_block_desc_top {
    /*background: url("../images/alccontainerbg_head.png") no-repeat scroll 0 1px transparent;*/
    background-color: #333333;
    float: left;
    height: 10px;
	line-height:10px;
    width: 941px;
}
/*.main_block_desc_bottom
{
	height: 7px;
	float: left;
	background: url("../images/alccontainerBG_bottom.png") no-repeat scroll 0 0 transparent;
	_background: url("../images/alccontainerBG_bottom.gif") no-repeat scroll 0 0 transparent;
	width: 800px;
}*/
.main_block_desc_bottom {
    /*background: url("../images/alccontainerbg_bot.png") no-repeat scroll 0 -2px transparent;*/
    background-color: #333333;
    float: left;
    height: 10px;
    width: 941px;
	line-height:10px;
}
.main_block_desc_sprite
{
	background: url("../images/almcontainerBG.png") no-repeat scroll 0 0 transparent;
	float: left;
}
/*.main_block_desc_mid
{
	background-color: #1e1e1e;
	border-color: #E09B04;
	border-style: none solid;
	border-width: 1px;
	padding: 5px 15px;
	_padding: 5px 14px;
	float: left;
	width: 768px;
}*/
.main_block_desc_mid {
    /*background: url("../images/alccontainermid_bg.jpg") repeat-y scroll 0 0 transparent;*/
    background-color: #333333;
    float: left;
    padding: 5px 15px;
    width: 911px;
}

.main_block_desc_mid_home
{
	background-color: #1e1e1e;
	border-color: #E09B04;
	border-style: none solid;
	border-width: 1px;
	padding: 5px 15px;
	_padding: 5px 10px;
	float: left;
	width: 768px;
}
* html .main_block_desc_mid
{
	/* target IE6 only */
	margin-top: -10px;
}
* html .main_block_desc_mid_home
{
	/* target IE6 only */
	margin-top: -10px;
}
.main_block_desc alcdata
{
	float: left;
}
* html .main_block_desc alcdata
{
	/* target IE6 only */
	margin-top: -20px;
}
.alchem_image
{
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	width: 175px;
}
.alchem_description
{
	color: #E3E3E3;
	margin-left: 10px;
	padding-right: 10px;
	text-align: left;
	line-height: 20px;
	text-align: justify;
}
.alchem_description a
{
	color: #bbad90;
	text-decoration: none;
}
.alchem_description a:hover
{
	color: #bbad90;
	text-decoration: underline;
}
.alchem_description2
{
	color: #BBAD90;
	float: left;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
	width: 750px;
}
.back_to_alc
{
	float: left;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.back_to_alc_txt a
{
	float: left;
	color: #817314 !important;
	cursor: pointer;
	padding-left: 5px;
	font-size: 12px;
	text-align: right;
	padding-top: 7px;
}
.back_to_alc_txt a:hover
{
	float: left;
	color: #817314 !important;
	cursor: pointer;
	padding-left: 5px;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
	padding-top: 7px;
}
.top_to_alc_txt a
{
	float: left;
	color: #817314;
	cursor: pointer;
	padding-left: 5px;
	font-size: 12px;
	text-align: right;
}
.top_to_alc_txt a:hover
{
	float: left;
	color: #817314;
	cursor: pointer;
	padding-left: 5px;
	font-size: 12px;
	text-decoration: underline;
	text-align: right;
}
.top_to_alc_txt a:visited
{
	color: #817314;
	cursor: pointer;
	float: left;
	font-size: 12px;
	padding-left: 5px;
	text-align: right;
}
.back_to_alc_fullimage
{
	float: left;
	width: 250px;
	height: 200px;
	margin-top: 10px;
}
.back_to_alc_row
{
	float: left; /*width: 800px;*/
	width: 870px;
}
.back_to_alc_fullimage_right
{
	float: left; /*width: 550px;*/
	width:615px;
}
.back_sub_image
{
	float: left; /*width: 550px;*/
	width: 615px;
}
.back_to_alc_thumb
{
	float: left;
	width: 82px;
	height: 82px;
	margin-left: 10px;
	_margin-left: 5px;
	margin-top: 10px;
}
.back_to_alc_desc {
    color: #E3E3E3;
    float: left;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
    text-align: justify;
}
.alc_main_title_landing
{
	font-family: Arial;
	font-size: 22px;
	width: 640px;
	float: left;
	color: #e09b04;
	height: 25px;
	padding-top: 2px;
	padding-left:11px;
}
.alc_main_title_landing_white
{
	font-family: Arial;
	font-size: 22px;
	width: 640px;
	float: left;
	color: white;
	height: 25px;
	padding-top: 2px;
}
.alc_main_title
{
	font-family: Arial;
	font-size: 22px;
	width: 730px;
	float: left;
	color: #e09b04;
	height: 25px;
	padding-top: 2px;
}
.alc_main_head_title a
{
	color: #E09B04 !important;
	float: left;
	font-family: Arial;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 20px;
	width: 900px;
	padding-bottom: 5px;
	cursor: pointer;
}
.alc_main_head_title a:hover
{
	color: #E09B04 !important;
	float: left;
	font-family: Arial;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 20px;
	width: 900px;
	padding-bottom: 5px;
	text-decoration: underline;
	cursor: pointer;
}
.alc_main_head_title_border
{
	float: left;
	padding-left: 20px;
	padding-top: 5px;
	_padding-top: 1px;
}

/* ----- Start AtoZ section -----*/
.container_footer{width:960px;margin:0 auto;text-align:left;padding-top:4px;}
.clear{clear:both;}

.footer_container {
    border: 1px solid #dedede;
    background-color: #ffffff;
    width: 940px;
    margin-left: 9px;
}

.footer_container_title{
  /*background: url("../images/alc_top_whitebg.png") no-repeat scroll 0 0 transparent;*/
    cursor: pointer;
    height: 32px;
    _height:29px;
    line-height: 32px;
    _line-height:29px;
}

.explore_expand{
 display:inline-block;
 width:20px;
 background:url("../Images/explore_ec_sprite.png") scroll no-repeat 0px -4px transparent;
 margin-left:14px;
 cursor:pointer;
padding-top:7px;
height:25px;
}

.explore_collapse{
 background-position:0px -54px;
}

.explore_text{
  display:inline-block;
  margin-left:5px;
  font-size: 16px;
  font-weight: bold;
  height:25px;
 }

.footer_elements_container{
 height:470px;
 background-color:#9d9ea0; padding:15px;
 border-top:1px solid #757577;
}

.footer_elements_groups{
 float:left;
 width:186px; 
}

.footer_blocks{
 position:relative;  
 margin-bottom:23px;
}

.footer_elements{
 margin:0; padding:0; list-style-type:none;
 border-left:1px solid #c5c5c7; 
 margin-left:21px;
}

.footer_elements li{
 background:url(../images/footer_links_arrow_right.gif) scroll no-repeat 4px 50% transparent;
 padding-left:15px;
 height:15px; 
}

.element_char{
 width:21px; height:16px; display:inline-block;
 position:absolute;
 top:0px; left:0px; _left:-22px;
 background-color:#747474;
 text-align:center;
 color:#fff;
}

a.footer_elements_link {
 color:#fff !important;
 text-decoration:none; 
 position:relative;
 _position:static;
 font-size:12px;
 top:0px;
}

a.footer_elements_link:hover {
 text-decoration:underline;
 
}
.a_z_bottom
{
	/*background:url(../images/alc_white_bot.png) no-repeat scroll 0 0; */
	height:10px; 
	width:942px; 
	margin-left:9px;
}

.b_container {
    /*background: url("../images/breadcum_bg.jpg") no-repeat scroll 0 0 transparent;*/
    height: 8px;
    line-height: 8px;
    margin-bottom: -2px !important;
    margin-top: -2px !important;
    padding-left: 10px;
    position: absolute;
    width: 950px;
}
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;
}
.goldcolour
{
	color:#9A43A4;
	outline: medium none;
	font-size: 11px;
}
.horizontal_line
{
	border-bottom: 1px solid #D9D9D9;
    float: left;
    height: 3px;
    margin-left: -30px;
    margin-top: -15px;
    _margin-top:-30px;
    width: 900px;
}

/*----- End AtoZ section -----*/