#basic-info table {
    height: 76px;
}
#extended-info tr {
    line-height:12px;
}
#extended-info table {
    height: 112px;
}

#element-info .stats {
    background-color: #fff;
    border: #f99d27 1px solid;
}

#element-picture {
    border: #f99d27 1px solid;
    width: 102px; height: 102px;
    margin-bottom: 5px;
}

#fullscreen.active-overlay .overlay {
    display: block;
}

.overlay {
    position:absolute;
    width:124px;
    height:55px;
    z-index:5;
    display:none;
}
#left-overlay {
    left: 234px;
    top:28px;
}

#right-overlay {
    left: 615px;
    top:28px;
}

#fullscreen {
    position: absolute;
    left:0px; top:0px;
    width: 798px; height: 524px;
    display: none;
    z-index:4;
}


.elem-h #element-picture{
    background-image: url(../../img/small/1.png);
}

#fullscreen.elem-h {
    background-image: url(../../img/large/1.jpg);
}

.elem-he #element-picture{
    background-image: url(../../img/small/2.png);
}

#fullscreen.elem-he {
    background-image: url(../../img/large/2.jpg);
}

.elem-li #element-picture{
    background-image: url(../../img/small/3.png);
}

#fullscreen.elem-li {
    background-image: url(../../img/large/3.jpg);
}

.elem-be #element-picture{
    background-image: url(../../img/small/4.png);
}

#fullscreen.elem-be {
    background-image: url(../../img/large/4.jpg);
}

.elem-b #element-picture{
    background-image: url(../../img/small/5.png);
}

#fullscreen.elem-b {
    background-image: url(../../img/large/5.jpg);
}

.elem-c #element-picture{
    background-image: url(../../img/small/6.png);
}

#fullscreen.elem-c {
    background-image: url(../../img/large/6.jpg);
}

.elem-n #element-picture{
    background-image: url(../../img/small/7.png);
}

#fullscreen.elem-n {
    background-image: url(../../img/large/7.jpg);
}

.elem-o #element-picture{
    background-image: url(../../img/small/8.png);
}

#fullscreen.elem-o {
    background-image: url(../../img/large/8.jpg);
}

.elem-f #element-picture{
    background-image: url(../../img/small/9.png);
}

#fullscreen.elem-f {
    background-image: url(../../img/large/9.jpg);
}

.elem-ne #element-picture{
    background-image: url(../../img/small/10.png);
}

#fullscreen.elem-ne {
    background-image: url(../../img/large/10.jpg);
}

.elem-na #element-picture{
    background-image: url(../../img/small/11.png);
}

#fullscreen.elem-na {
    background-image: url(../../img/large/11.jpg);
}

.elem-mg #element-picture{
    background-image: url(../../img/small/12.png);
}

#fullscreen.elem-mg {
    background-image: url(../../img/large/12.jpg);
}

.elem-al #element-picture{
    background-image: url(../../img/small/13.png);
}

#fullscreen.elem-al {
    background-image: url(../../img/large/13.jpg);
}

.elem-si #element-picture{
    background-image: url(../../img/small/14.png);
}

#fullscreen.elem-si {
    background-image: url(../../img/large/14.jpg);
}

.elem-p #element-picture{
    background-image: url(../../img/small/15.png);
}

#fullscreen.elem-p {
    background-image: url(../../img/large/15.jpg);
}

.elem-s #element-picture{
    background-image: url(../../img/small/16.png);
}

#fullscreen.elem-s {
    background-image: url(../../img/large/16.jpg);
}

.elem-cl #element-picture{
    background-image: url(../../img/small/17.png);
}

#fullscreen.elem-cl {
    background-image: url(../../img/large/17.jpg);
}

.elem-ar #element-picture{
    background-image: url(../../img/small/18.png);
}

#fullscreen.elem-ar {
    background-image: url(../../img/large/18.jpg);
}

.elem-k #element-picture{
    background-image: url(../../img/small/19.png);
}

#fullscreen.elem-k {
    background-image: url(../../img/large/19.jpg);
}

.elem-ca #element-picture{
    background-image: url(../../img/small/20.png);
}

#fullscreen.elem-ca {
    background-image: url(../../img/large/20.jpg);
}

.elem-sc #element-picture{
    background-image: url(../../img/small/21.png);
}

#fullscreen.elem-sc {
    background-image: url(../../img/large/21.jpg);
}

.elem-ti #element-picture{
    background-image: url(../../img/small/22.png);
}

#fullscreen.elem-ti {
    background-image: url(../../img/large/22.jpg);
}

.elem-v #element-picture{
    background-image: url(../../img/small/23.png);
}

#fullscreen.elem-v {
    background-image: url(../../img/large/23.jpg);
}

.elem-cr #element-picture{
    background-image: url(../../img/small/24.png);
}

#fullscreen.elem-cr {
    background-image: url(../../img/large/24.jpg);
}

.elem-mn #element-picture{
    background-image: url(../../img/small/25.png);
}

#fullscreen.elem-mn {
    background-image: url(../../img/large/25.jpg);
}

.elem-fe #element-picture{
    background-image: url(../../img/small/26.png);
}

#fullscreen.elem-fe {
    background-image: url(../../img/large/26.jpg);
}

.elem-co #element-picture{
    background-image: url(../../img/small/27.png);
}

#fullscreen.elem-co {
    background-image: url(../../img/large/27.jpg);
}

.elem-ni #element-picture{
    background-image: url(../../img/small/28.png);
}

#fullscreen.elem-ni {
    background-image: url(../../img/large/28.jpg);
}

.elem-cu #element-picture{
    background-image: url(../../img/small/29.png);
}

#fullscreen.elem-cu {
    background-image: url(../../img/large/29.jpg);
}

.elem-zn #element-picture{
    background-image: url(../../img/small/30.png);
}

#fullscreen.elem-zn {
    background-image: url(../../img/large/30.jpg);
}

.elem-ga #element-picture{
    background-image: url(../../img/small/31.png);
}

#fullscreen.elem-ga {
    background-image: url(../../img/large/31.jpg);
}

.elem-ge #element-picture{
    background-image: url(../../img/small/32.png);
}

#fullscreen.elem-ge {
    background-image: url(../../img/large/32.jpg);
}

.elem-as #element-picture{
    background-image: url(../../img/small/33.png);
}

#fullscreen.elem-as {
    background-image: url(../../img/large/33.jpg);
}

.elem-se #element-picture{
    background-image: url(../../img/small/34.png);
}

#fullscreen.elem-se {
    background-image: url(../../img/large/34.jpg);
}

.elem-br #element-picture{
    background-image: url(../../img/small/35.png);
}

#fullscreen.elem-br {
    background-image: url(../../img/large/35.jpg);
}

.elem-kr #element-picture{
    background-image: url(../../img/small/36.png);
}

#fullscreen.elem-kr {
    background-image: url(../../img/large/36.jpg);
}

.elem-rb #element-picture{
    background-image: url(../../img/small/37.png);
}

#fullscreen.elem-rb {
    background-image: url(../../img/large/37.jpg);
}

.elem-sr #element-picture{
    background-image: url(../../img/small/38.png);
}

#fullscreen.elem-sr {
    background-image: url(../../img/large/38.jpg);
}

.elem-y #element-picture{
    background-image: url(../../img/small/39.png);
}

#fullscreen.elem-y {
    background-image: url(../../img/large/39.jpg);
}

.elem-zr #element-picture{
    background-image: url(../../img/small/40.png);
}

#fullscreen.elem-zr {
    background-image: url(../../img/large/40.jpg);
}

.elem-nb #element-picture{
    background-image: url(../../img/small/41.png);
}

#fullscreen.elem-nb {
    background-image: url(../../img/large/41.jpg);
}

.elem-mo #element-picture{
    background-image: url(../../img/small/42.png);
}

#fullscreen.elem-mo {
    background-image: url(../../img/large/42.jpg);
}

.elem-tc #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-tc {
    background-image: url(../../img/large/43.jpg);
}

.elem-ru #element-picture{
    background-image: url(../../img/small/44.png);
}

#fullscreen.elem-ru {
    background-image: url(../../img/large/44.jpg);
}

.elem-rh #element-picture{
    background-image: url(../../img/small/45.png);
}

#fullscreen.elem-rh {
    background-image: url(../../img/large/45.jpg);
}

.elem-pd #element-picture{
    background-image: url(../../img/small/46.png);
}

#fullscreen.elem-pd {
    background-image: url(../../img/large/46.jpg);
}

.elem-ag #element-picture{
    background-image: url(../../img/small/47.png);
}

#fullscreen.elem-ag {
    background-image: url(../../img/large/47.jpg);
}

.elem-cd #element-picture{
    background-image: url(../../img/small/48.png);
}

#fullscreen.elem-cd {
    background-image: url(../../img/large/48.jpg);
}

.elem-in #element-picture{
    background-image: url(../../img/small/49.png);
}

#fullscreen.elem-in {
    background-image: url(../../img/large/49.jpg);
}

.elem-sn #element-picture{
    background-image: url(../../img/small/50.png);
}

#fullscreen.elem-sn {
    background-image: url(../../img/large/50.jpg);
}

.elem-sb #element-picture{
    background-image: url(../../img/small/51.png);
}

#fullscreen.elem-sb {
    background-image: url(../../img/large/51.jpg);
}

.elem-te #element-picture{
    background-image: url(../../img/small/52.png);
}

#fullscreen.elem-te {
    background-image: url(../../img/large/52.jpg);
}

.elem-i #element-picture{
    background-image: url(../../img/small/53.png);
}

#fullscreen.elem-i {
    background-image: url(../../img/large/53.jpg);
}

.elem-xe #element-picture{
    background-image: url(../../img/small/54.png);
}

#fullscreen.elem-xe {
    background-image: url(../../img/large/54.jpg);
}

.elem-cs #element-picture{
    background-image: url(../../img/small/55.png);
}

#fullscreen.elem-cs {
    background-image: url(../../img/large/55.jpg);
}

.elem-ba #element-picture{
    background-image: url(../../img/small/56.png);
}

#fullscreen.elem-ba {
    background-image: url(../../img/large/56.jpg);
}

.elem-la #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-la {
    background-image: url(../../img/large/57.jpg);
}

.elem-ce #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-ce {
    background-image: url(../../img/large/58.jpg);
}

.elem-pr #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-pr {
    background-image: url(../../img/large/59.jpg);
}

.elem-nd #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-nd {
    background-image: url(../../img/large/60.jpg);
}

.elem-pm #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-pm {
    background-image: url(../../img/large/61.jpg);
}

.elem-sm #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-sm {
    background-image: url(../../img/large/62.jpg);
}

.elem-eu #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-eu {
    background-image: url(../../img/large/63.jpg);
}

.elem-gd #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-gd {
    background-image: url(../../img/large/64.jpg);
}

.elem-tb #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-tb {
    background-image: url(../../img/large/65.jpg);
}

.elem-dy #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-dy {
    background-image: url(../../img/large/66.jpg);
}

.elem-ho #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-ho {
    background-image: url(../../img/large/67.jpg);
}

.elem-er #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-er {
    background-image: url(../../img/large/68.jpg);
}

.elem-tm #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-tm {
    background-image: url(../../img/large/69.jpg);
}

.elem-yb #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-yb {
    background-image: url(../../img/large/70.jpg);
}

.elem-lu #element-picture{
    background-image: url(../../img/small/57To60-62To71.png);
}

#fullscreen.elem-lu {
    background-image: url(../../img/large/71.jpg);
}

.elem-hf #element-picture{
    background-image: url(../../img/small/72.png);
}

#fullscreen.elem-hf {
    background-image: url(../../img/large/72.jpg);
}

.elem-ta #element-picture{
    background-image: url(../../img/small/73.png);
}

#fullscreen.elem-ta {
    background-image: url(../../img/large/73.jpg);
}

.elem-w #element-picture{
    background-image: url(../../img/small/74.png);
}

#fullscreen.elem-w {
    background-image: url(../../img/large/74.jpg);
}

.elem-re #element-picture{
    background-image: url(../../img/small/75.png);
}

#fullscreen.elem-re {
    background-image: url(../../img/large/75.jpg);
}

.elem-os #element-picture{
    background-image: url(../../img/small/76.png);
}

#fullscreen.elem-os {
    background-image: url(../../img/large/76.jpg);
}

.elem-ir #element-picture{
    background-image: url(../../img/small/77.png);
}

#fullscreen.elem-ir {
    background-image: url(../../img/large/77.jpg);
}

.elem-pt #element-picture{
    background-image: url(../../img/small/78.png);
}

#fullscreen.elem-pt {
    background-image: url(../../img/large/78.jpg);
}

.elem-au #element-picture{
    background-image: url(../../img/small/79.png);
}

#fullscreen.elem-au {
    background-image: url(../../img/large/79.jpg);
}

.elem-hg #element-picture{
    background-image: url(../../img/small/80.png);
}

#fullscreen.elem-hg {
    background-image: url(../../img/large/80.jpg);
}

.elem-tl #element-picture{
    background-image: url(../../img/small/81.png);
}

#fullscreen.elem-tl {
    background-image: url(../../img/large/81.jpg);
}

.elem-pb #element-picture{
    background-image: url(../../img/small/82.png);
}

#fullscreen.elem-pb {
    background-image: url(../../img/large/82.jpg);
}

.elem-bi #element-picture{
    background-image: url(../../img/small/83.png);
}

#fullscreen.elem-bi {
    background-image: url(../../img/large/83.jpg);
}

.elem-po #element-picture{
    background-image: url(../../img/small/84-85.png);
}

#fullscreen.elem-po {
    background-image: url(../../img/large/84.jpg);
}

.elem-at #element-picture{
    background-image: url(../../img/small/84-85.png);
}

#fullscreen.elem-at {
    background-image: url(../../img/large/85.jpg);
}

.elem-rn #element-picture{
    background-image: url(../../img/small/86.png);
}

#fullscreen.elem-rn {
    background-image: url(../../img/large/86.jpg);
}

.elem-fr #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-fr {
    background-image: url(../../img/large/87.jpg);
}

.elem-ra #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-ra {
    background-image: url(../../img/large/88.jpg);
}

.elem-ac #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-ac {
    background-image: url(../../img/large/89.jpg);
}

.elem-th #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-th {
    background-image: url(../../img/large/90.jpg);
}

.elem-pa #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-pa {
    background-image: url(../../img/large/91.jpg);
}

.elem-u #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-u {
    background-image: url(../../img/large/92.jpg);
}

.elem-np #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-np {
    background-image: url(../../img/large/93.jpg);
}

.elem-pu #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-pu {
    background-image: url(../../img/large/94.jpg);
}

.elem-am #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-am {
    background-image: url(../../img/large/95.jpg);
}

.elem-cm #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-cm {
    background-image: url(../../img/large/96.jpg);
}

.elem-bk #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-bk {
    background-image: url(../../img/large/97.jpg);
}

.elem-cf #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-cf {
    background-image: url(../../img/large/98.jpg);
}

.elem-es #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-es {
    background-image: url(../../img/large/99.jpg);
}

.elem-fm #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-fm {
    background-image: url(../../img/large/100.jpg);
}

.elem-md #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-md {
    background-image: url(../../img/large/101.jpg);
}

.elem-no #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-no {
    background-image: url(../../img/large/102.jpg);
}

.elem-lr #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-lr {
    background-image: url(../../img/large/103.jpg);
}

.elem-rf #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-rf {
    background-image: url(../../img/large/104.jpg);
}

.elem-db #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-db {
    background-image: url(../../img/large/105.jpg);
}

.elem-sg #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-sg {
    background-image: url(../../img/large/106.jpg);
}

.elem-bh #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-bh {
    background-image: url(../../img/large/107.jpg);
}

.elem-hs #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-hs {
    background-image: url(../../img/large/108.jpg);
}

.elem-mt #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-mt {
    background-image: url(../../img/large/109.jpg);
}

.elem-ds #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-ds {
    background-image: url(../../img/large/110.jpg);
}

.elem-rg #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-rg {
    background-image: url(../../img/large/111.jpg);
}

.elem-cn #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-cn {
    background-image: url(../../img/large/112.jpg);
}

.elem-fl #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-fl {
    background-image: url(../../img/large/114.jpg);
}

.elem-lv #element-picture{
    background-image: url(../../img/small/43-61-87To112.png);
}

#fullscreen.elem-lv {
    background-image: url(../../img/large/116.jpg);
}
#stats-k, #stats-symbol, #stats-n {
    position:absolute;
    height: 22px;
    line-height:22px;
    padding: 0 4px;
}

#stats-k, #stats-symbol {
    top: 56px;
}

#stats-k, #stats-n {
    left: 116px; 
}

#stats-k {
    width: 27px; 
    font-size: 17px;
    text-align: center;
}

#stats-symbol {
    left: 159px;
    width: 97px; 
}

#stats-n {
    top: 86px;
    width: 140px; 
    font-size: 18px;
    font-weight: bold;1
}

#element-info table {
    width: 100%;
}

#extend-control {
    position:absolute;
    right: 2px;
    top: 2px;
}
#element-border {
    position: absolute;
    z-index:2;
    left: -7px;
    top: -7px;
}

#element-info {
    position: absolute;
    display:none;
}
#basic-info img {
}
#basic-info, #extended-info {
    margin: 1px;
    z-index:3;
    position: absolute;
    padding: 6px;
    width: 260px;
    background-color: #FFEDA9}
#basic-info {
    height: 184px;
}


#extended-info {
    display: none;
    height: 113px;
}

#element-info-border {
    position: absolute;
    z-index:1;
    border: #f99d27 1px solid;
    width: 272px;
    height: 196px;
}

#element-info.east .east-west{
    left: 36px;
}

#element-info.west .east-west{
    left: -274px;
}

#element-info.extended #extended-info {
    display: block;
}

#element-info.extended #element-info-border {
    height: 315px;
}

#element-info.extends-south #extended-info {
    padding-top: 0px;
}

#element-info.extends-north #extended-info {
    padding-bottom: 0px;
}

/*  ---- vertical positioning of #element-info-border, #basic-info, #extended-info

     #element-info-border has always the same top position as
     #basic-info, except with #element-info.extends-north.extended

*/
#element-info.south.extends-south #element-info-border,
#element-info.south.extends-south.extended #element-info-border,
#element-info.south.extends-north #element-info-border,
#element-info.south #basic-info {
    top: 51px;
}

#element-info.north.extends-south #element-info-border,
#element-info.north.extends-south.extended #element-info-border,
#element-info.north.extends-north #element-info-border,
#element-info.north #basic-info {
    top: -198px;
}

#element-info.south.extends-north.extended #element-info-border,
#element-info.south.extends-north #extended-info {
    top: -68px;
}
#element-info.north.extends-north.extended #element-info-border,
#element-info.north.extends-north #extended-info {
    top: -317px;
}

#element-info.south.extends-south #extended-info {
    top: 247px;
}

#element-info.north.extends-south #extended-info {
    top: -2px;
}




.border-elite{
    -webkit-box-shadow:inset 0px 0px 0px 1px #f99d27;
    -moz-box-shadow:inset 0px 0px 0px 1px #f99d27;
    box-shadow:inset 0px 0px 0px 1px #f99d27;
    
}

.topinfo, .bottominfo {
    width: 100%;
    position: absolute;
    left: 0px;
}
.topinfo {
    top: 18px;
}
.bottominfo {
    top: 32px;
}

.symbol {
    font-size:20px;
    position: absolute;
    width: 100%;
    left: 0px;
    line-height: 47px;
    font-family: helvetica, arial;
    font-weight: lighter;
}
.atomic-number {
    position: absolute;
    left: 0px;
    bottom: -2px;
    font-size: 9px;
}

#right-overlay {
    opacity: 0;
}

#right-overlay.metal { 
    background-color: #717a7f; 
    opacity: 1;
}
#right-overlay.semi-metal { 
    background-color: #67746a; 
    opacity: 1;
}
#right-overlay.non-metal { 
    background-color: #7f7e6a; 
    opacity: 1;
}

#left-overlay.metal { 
    background-color: #e2f4fe; 
}
#left-overlay.semi-metal { 
    background-color: #cde8d5; 
}
#left-overlay.non-metal { 
    background-color: #fffcd7; 
}

#ng-links, #la-links {
    display:none;
}

.caption.group0, .caption.group1 {
    position:absolute;
}

/* hg-links */
#hg-links .caption.group0 {
    left: 150px; top: 36px;
}

#hg-links .pse-left.group0 {
    left: 70px; top: 40px;
}

#hg-links .pse-right.group0 {
    left: 91px; top: 40px;
}


/* ng-links */
#ng-links .caption.group0 {
    left: 266px; top: 91px;
}

#ng-links .pse-left.group0 {
    left: 488px; top: 94px;
}

#ng-links .pse-right.group0 {
    left: 112px; top: 94px;
}

#ng-links .caption.group1 {
    width: 200px;
    left: 280px; top: 440px;
}

#ng-links .pse-left.group1 {
    left:228px; top: 444px;
}

#ng-links .pse-right.group1 {
    left: 249px; top: 444px;
}

.pse-left, .pse-right, #la-links .caption, #ng-links .caption {
    cursor: pointer;
}
/* la-links */
#la-links .caption.group0 {
    width: 200px;
    left: 365px; top: 200px;
}

#la-links .pse-left.group0 {
    left: 688px; top: 202px;
}

#la-links .pse-right.group0 {
    left: 152px; top: 202px;
}

#la-links .caption.group1 {
    width: 200px;
    left: 280px; top: 440px;
}

#la-links .pse-left.group1 {
    left: 249px; top: 444px;
}

#la-links .pse-right.group1 {
    left:228px; top: 444px;
}


.pse-links {
    position:absolute;
    left:0px;
    top:0px;

}
.pse-left, .pse-right, .pse-links .caption {

    z-index:1;
}
.pse-left {
    background-image: url(../img/pse-left.png);
    position:absolute;
    width:19px;
    height:7px;
}

.pse-right {
    background-image: url(../img/pse-right.png);
    position:absolute;
    width:19px;
    height:7px;
}

#pse-into {
    position:absolute;
    left:145px;
    top:419px;
}

#pse-out {
    position:absolute;
    left:149px;
    top:331px;
}

table.pse td.unknown-element, .element.metal, .color-sample.metal { background-color: #e6f6fe }
.element.semi-metal, .color-sample.semi-metal { background-color: #d5ebdc }
.element.non-metal, .color-sample.non-metal { background-color: #fffcdc }

.color-sample {
    width: 9px; height:9px;
    display: inline-block;
    float: right;
    margin-left: 3px;
}

#color-key {
    border: #f99d27 1px solid;
    background-color: #c8d2de;
    position:absolute;
    left: 380px;
    top: 24px;
    padding: 5px;
    z-index: 3;
}



table.pse {
    border-spacing:0px;
    margin-top: -20px;
}
table.pse td .cell-container {
    position: relative;
    width: 100%;
    height: 100%;
}

table.pse td {
    width: 32px;
    height: 47px;
    padding: 3px;
    border: 1px solid #a0b4c8;
}
table.pse td.rightnote {
    text-align: left;
    padding-left: 2px;
    padding-right: 0px;
} 

table.pse td.leftnote {
    text-align: right;
    padding-left: 0px;
    padding-right: 2px;
}

table.pse td.rightnote,  table.pse td.leftnote {
    width: 26px;
    height: 47px;
    vertical-align:middle;
}

table.pse td.element:hover {
    border: red 4px solid;
    padding: 0px;
}

table.pse td.element.selected:hover {
    border: none;
    padding: 4px;
}



.element, .groupnumber, table.pse td.unknown-element { text-align: center; }
.element, .element * { cursor: pointer }


.gaseous {
    color: red;
}
.state-unknown {
    color: #000;
}

.fluid {
    color: #0091cc;
}

/* for development purposes */
table.pse {
    float: left;
}

#stage {
    background-color:#a0b4c8;
    width: 2000px;
}
#mainContent {
    overflow:hidden;
}

#mode>div {
    display:inline-block;
    margin: 12px 0px;
}

#element-name {

}
.value-field {
    background-color:#FFF;
    width: 100px;
    height: 20px;
    padding: 0 3px;
}

#atom-mass, .value-field {
    line-height: 20px;

}

#atom-mass * {
    float: left;
}
#toggle-bildinfo {
    display:none;
}
#atom-mass .label {
    padding: 0 10px;
    background-color: #FFEDA9;
}

#element-name, #atom-mass {
    border:2px solid #f99d27;u
    display: inline-block;
    float: left;
    margin: 8px 5px;
}

#element-name {
    margin-left: 20px;
}
#atom-mass {
    margin-right: 10px;
    margin-left: 0px;
}

#atom-mass .value-field {
    border-left: 1px solid #f99d27;
}

.annotation {
    opacity: 0;
}


.annotation.visible {
    opacity: 1;
}