/******************************************************************************************************
*
* Project		: RT Live
* File			: ie-button.css
* Description	: Custom button for Internet explorer
* Author		: Harindra Herath
* Copyright		: Race Technology Ltd, UK
*
*
* Version	  Date			Author					Change/Reason
* -------	----------		--------------------	-------------------------------------------------------
*	1.0		07/04/2015		Harindra Herath		Created
*******************************************************************************************************/

.button
{
    float:left;
}

.button-front
{
    background-position: left top;
    width:13px;
    background-image: url('../img/button_front.png');
    background-repeat: repeat-x;
    cursor:pointer;
    display:block;
    float:left;
    height:22px;

}

.button-back
{
    background-position: left top;
    width:13px;
    background-image: url('../img/button_back.png');
    height:22px;
    background-repeat: repeat-x;
    cursor:pointer;
    display:block;
    float:left;
    margin-right:5px
}


.button-middle
{
    display:block;
    float:left;
    background-position: left top;
    height:22px;
    float: left;
    text-align: center;
    background-image: url('../img/button_middle.png');
    background-repeat: repeat-x;
    color:black;
    font-weight:bold;
    font-size:12px;
    padding-top:4px;
    cursor:pointer;
    margin-top:0px;
    min-width:70px;

}


div.button:hover .button-front
{
    background-position: left top;
    width:13px;
    background-image: url('../img/button_front_hover.png');
    background-repeat: repeat-x;
    cursor:pointer;
    display:block;
    float:left;
    height:22px;

}

div.button:hover .button-back
{
    background-position: left top;
    width:13px;
    background-image: url('../img/button_back_hover.png');
    height:22px;
    background-repeat: repeat-x;
    cursor:pointer;
    display:block;
    float:left;
    margin-right:5px
}


div.button:hover .button-middle
{
    display:block;
    float:left;
    background-position: left top;
    height:22px;
    float: left;
    text-align: center;
    background-image: url('../img/button_middle_hover.png');
    background-repeat: repeat-x;
    color:#272727;
    font-weight:bold;
    font-size:12px;
    padding-top:4px;
    cursor:pointer;
    margin-top:0px;
    min-width:70px;
    text-shadow:none;
}