#dirbutton {
    background: transparent url(/img/ui/buttons/dir_sm_gr.png) no-repeat 0 0;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
}

#dirbutton:hover {
    background: transparent url(/img/ui/buttons/dir_sm_gr.png) no-repeat 0 -30px;
}

#fsbutton {
    float: right;
    background: transparent url(/img/ui/buttons/fs_gr.png) no-repeat 0 0;
    display: none;
    width: 100px;
    height: 30px;
    text-indent: -99999px;
    cursor: pointer;
}

#fsbutton:hover {
    background: transparent url(/img/ui/buttons/fs_gr.png) no-repeat 0 -30px;
}

#gallerybutton {
    background: transparent url(/img/ui/buttons/photos_sm_gr.png) no-repeat 0 0;
    display: none;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
}

#gallerybutton:hover {
    background: transparent url(/img/ui/buttons/photos_sm_gr.png) no-repeat 0 -30px;
}

#sharebutton {
    background: transparent url(/img/ui/buttons/share_sm_gr.png) no-repeat 0 0;
    display: none;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
}

#sharebutton:hover {
    background: transparent url(/img/ui/buttons/share_sm_gr.png) no-repeat 0 -30px;
}

#sharebutton {
    background: transparent url(/img/ui/buttons/share_sm_gr.png) no-repeat 0 0;
    display: none;
    width: 100px;
    height: 30px;
    text-indent: -9999px;
    cursor: pointer;
}

#sharebutton.fs {
    background: transparent url(/img/ui/buttons/share_fs_gr.png) no-repeat 0 0;
    margin-left: 50px;
}

#sharebutton:hover {
    background: transparent url(/img/ui/buttons/share_sm_gr.png) no-repeat 0 -30px;
}

#otherviews {
    background: transparent url(/img/backgrounds/views_gr.png) no-repeat 0 0;
    display: block;
    width: 50px;
    height: 30px;
    text-indent: -99999px;
}

#view1 {
    background: transparent url(/img/ui/buttons/1.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view1:hover {
    background: transparent url(/img/ui/buttons/1.png) no-repeat 0 -30px;
}
#view1.buttonactive {
    background: transparent url(/img/ui/buttons/1.png) no-repeat 0 -60px;
}

#view2 {
    background: transparent url(/img/ui/buttons/2.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view2:hover {
    background: transparent url(/img/ui/buttons/2.png) no-repeat 0 -30px;
}
#view2.buttonactive {
    background: transparent url(/img/ui/buttons/2.png) no-repeat 0 -60px;
}


#view3 {
    background: transparent url(/img/ui/buttons/3.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view3:hover {
    background: transparent url(/img/ui/buttons/3.png) no-repeat 0 -30px;
}
#view3.buttonactive {
    background: transparent url(/img/ui/buttons/3.png) no-repeat 0 -60px;
}

#view4 {
    background: transparent url(/img/ui/buttons/4.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view4:hover {
    background: transparent url(/img/ui/buttons/4.png) no-repeat 0 -30px;
}
#view4.buttonactive {
    background: transparent url(/img/ui/buttons/4.png) no-repeat 0 -60px;
}

#view5 {
    background: transparent url(/img/ui/buttons/5.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view5:hover {
    background: transparent url(/img/ui/buttons/5.png) no-repeat 0 -30px;
}
#view5.buttonactive {
    background: transparent url(/img/ui/buttons/5.png) no-repeat 0 -60px;
}

#view6 {
    background: transparent url(/img/ui/buttons/6.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view6:hover {
    background: transparent url(/img/ui/buttons/6.png) no-repeat 0 -30px;
}
#view6.buttonactive {
    background: transparent url(/img/ui/buttons/6.png) no-repeat 0 -60px;
}

#view7 {
    background: transparent url(/img/ui/buttons/7.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view7:hover {
    background: transparent url(/img/ui/buttons/7.png) no-repeat 0 -30px;
}
#view7.buttonactive {
    background: transparent url(/img/ui/buttons/7.png) no-repeat 0 -60px;
}

#view8 {
    background: transparent url(/img/ui/buttons/8.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view8:hover {
    background: transparent url(/img/ui/buttons/8.png) no-repeat 0 -30px;
}
#view8.buttonactive {
    background: transparent url(/img/ui/buttons/8.png) no-repeat 0 -60px;
}

#view9 {
    background: transparent url(/img/ui/buttons/9.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view9:hover {
    background: transparent url(/img/ui/buttons/9.png) no-repeat 0 -30px;
}
#view9.buttonactive {
    background: transparent url(/img/ui/buttons/9.png) no-repeat 0 -60px;
}

#view10 {
    background: transparent url(/img/ui/buttons/10.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view10:hover {
    background: transparent url(/img/ui/buttons/10.png) no-repeat 0 -30px;
}
#view10.buttonactive {
    background: transparent url(/img/ui/buttons/10.png) no-repeat 0 -60px;
}



/* ------------- */


#view11 {
    background: transparent url(/img/ui/buttons/11.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view11:hover {
    background: transparent url(/img/ui/buttons/11.png) no-repeat 0 -30px;
}
#view11.buttonactive {
    background: transparent url(/img/ui/buttons/11.png) no-repeat 0 -60px;
}

#view12 {
    background: transparent url(/img/ui/buttons/12.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view12:hover {
    background: transparent url(/img/ui/buttons/12.png) no-repeat 0 -30px;
}
#view12.buttonactive {
    background: transparent url(/img/ui/buttons/12.png) no-repeat 0 -60px;
}


#view13 {
    background: transparent url(/img/ui/buttons/13.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view13:hover {
    background: transparent url(/img/ui/buttons/13.png) no-repeat 0 -30px;
}
#view13.buttonactive {
    background: transparent url(/img/ui/buttons/13.png) no-repeat 0 -60px;
}

#view14 {
    background: transparent url(/img/ui/buttons/14.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view14:hover {
    background: transparent url(/img/ui/buttons/14.png) no-repeat 0 -30px;
}
#view14.buttonactive {
    background: transparent url(/img/ui/buttons/14.png) no-repeat 0 -60px;
}

#view15 {
    background: transparent url(/img/ui/buttons/15.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view15:hover {
    background: transparent url(/img/ui/buttons/15.png) no-repeat 0 -30px;
}
#view15.buttonactive {
    background: transparent url(/img/ui/buttons/15.png) no-repeat 0 -60px;
}

#view16 {
    background: transparent url(/img/ui/buttons/16.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view16:hover {
    background: transparent url(/img/ui/buttons/16.png) no-repeat 0 -30px;
}
#view16.buttonactive {
    background: transparent url(/img/ui/buttons/16.png) no-repeat 0 -60px;
}

#view17 {
    background: transparent url(/img/ui/buttons/17.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view17:hover {
    background: transparent url(/img/ui/buttons/17.png) no-repeat 0 -30px;
}
#view17.buttonactive {
    background: transparent url(/img/ui/buttons/17.png) no-repeat 0 -60px;
}

#view18 {
    background: transparent url(/img/ui/buttons/18.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view18:hover {
    background: transparent url(/img/ui/buttons/18.png) no-repeat 0 -30px;
}
#view18.buttonactive {
    background: transparent url(/img/ui/buttons/18.png) no-repeat 0 -60px;
}

#view19 {
    background: transparent url(/img/ui/buttons/19.png) no-repeat 0 0;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
}
#view19:hover {
    background: transparent url(/img/ui/buttons/19.png) no-repeat 0 -30px;
}
#view19.buttonactive {
    background: transparent url(/img/ui/buttons/19.png) no-repeat 0 -60px;
}