/* Refrences:
http://www.emblematiq.com/blog/vertical_align_with_css/
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://www.webdeveloper.com/forum/showthread.php?t=199620
*/

/* style for the element acting as the Button */
.button  {
    display: table;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
}

/* http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/ */
.button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

/* style for the container wrapping the content and the embedded image */
.button div {
    border-width: 0px;
    display:inline-block;
    margin: 0px;
    overflow: hidden;
    padding: 0px;
    position: relative;
 }

/* style for the container of the content */

.button div span 
{
    border-width: 0px;
    display:inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
}

/* style for embedded image */
.button div img {
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    position: absolute;
}