/*
 * Green and red Button Styles
 */
button.greenButton, button.redButton {
    border: 0px;
    background: none;
    outline: 0 none;
    cursor: pointer;
    white-space: nowrap;
    margin: 0 -10px 0 -10px;
}

div.greenButtonLeft,div.greenButtonRight {
    background: url('../images/Buttons/greenButton.png');
}

div.redButtonLeft,div.redButtonRight {
    background: url('../images/Buttons/redButton.png');
}

div.greenButtonLeft,div.redButtonLeft {
    padding: 0 0px 0 15px;
    margin: 0 10px 0 0;
    height: 27px;
}

div.greenButtonRight,div.redButtonRight {
    height: 22px;
    background-position: 100% -27px;
    margin: 0 -10px 0 0;
    padding: 5px 15px 0 0;
    font-weight: bold;
    color: #ffffff;
}

button.greenButton:hover div.greenButtonLeft,button.redButton:hover div.redButtonLeft {
    background-position: 0 -54px;
}

button.greenButton:hover div.greenButtonRight,button.redButton:hover div.redButtonRight {
    background-position: 100% -81px;
}

/* Check Button Styles */
button.checkButton {
    background: url('../images/Buttons/continueButton.png');
    padding: 0px;
    height: 20px;
    width: 58px;
    cursor: pointer;
    border: none;
}

button.checkButton:hover {
    background-position: 100% -20px;
}

input.prizeCallCreditCode {
    border: 1px solid #d7d6d6;
}


/* Reset Button Styles */
button.resetButton {
    float: right;
    background: url('../images/Buttons/resetButton.png');
    border: 1px solid #848484;
    padding: 0px;
    margin: 0px 10px 0 0;
    height: 18px;
    width: 46px;
    cursor: pointer;
}

button.resetButton:hover {
    background-position: 0 100%;
}