/* 
    Document   : cssButtons
    Created on : 18-set-2008, 10.13.51
    Author     : dfn
    Description:
        Purpose of the stylesheet follows.
*/

.normalButton{    
    padding:3px;     
    border: 2px solid #ffffff;
    text-align: center;
    vertical-align: middle;
    font-family: "verdana";
    font-size:12px;
    background-color: #043284;
    border-color: #6388cb;
    height:33px;    
    color: #ffffff; 
    cursor:pointer;
}

.normalButton:active{        
    background-color: #3769c4;    
    color: #ffffff; 
    cursor:pointer;        
}

.disabledButton{
    padding:3px;     
    border: 2px solid #ffffff;
    text-align: center;
    vertical-align: middle;
    font-family: "verdana";
    font-size:12px;
    background-color: gray;
    border-color: silver;
    color: #ffffff; 
    cursor:default;
    height:33px;    
}

/*
.normalButton:hover, .normalButton:focus, .completeStepButton:hover, .inCompleteStepButton:hover{
    border-color: #ffcc00;    
}
*/
.inCompleteStepButton{    
    cursor:pointer;
    height:33px;
    width:110px;
    padding: 1px 28px 1px 1px;
    
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #223049;    
    
    border:none;
    background-repeat: no-repeat;
    background-position: right;
    background-color:transparent;
    background-image: url(/ESAcademy/images/notCompleted.png);    
}

.completeStepButton{    
    cursor:pointer;
    height:33px;
    width:110px;
    padding: 1px 28px 1px 1px;
    
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #223049;
    
    border:none;
    background-repeat: no-repeat;
    background-position: right;
    background-color:transparent;
    background-image: url(/ESAcademy/images/ok.png);
    
}

.logoutButton{    
    cursor:pointer;
    height:33px;
    width:110px;
    padding: 1px 28px 1px 1px;
    
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #223049;
    
    border:none;
    background-repeat: no-repeat;
    background-position: right;
    background-color:transparent;
    background-image: url(/ESAcademy/images/logout.png);
    
}

.helpButton{    
    cursor:pointer;
    height:33px;
    width:110px;
    padding: 1px 28px 1px 1px;
    
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    color: #223049;
    
    border:none;
    background-repeat: no-repeat;
    background-position: right;
    background-color:transparent;
    background-image: url(/ESAcademy/images/help.png);
    
}



.buttonSilverSmall {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonSmall.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 80px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
    
}
.buttonSilverMedium {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonMedium.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 150px;
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
.buttonSilverLarge {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonLarge.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 220px;
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
.buttonSilverHuge {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonHuge.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 290px;
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
/* Button marked*/
.buttonSilverSmallMrk {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonSmallMrk.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 80px;
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
.buttonSilverMediumMrk {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonMediumMrk.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 150px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}

.buttonSilverLargeMrk {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonLargeMrk.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 220px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}

.buttonSilverHugeMrk {
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonHugeMrk.png) no-repeat;
    text-align:center;
    height: 22px;
    width: 290px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}

/*End of Button marked*/

/*Button clicked*/
.buttonSilverSmallClk{ 
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonSmallClk.png) no-repeat;    
    text-align:center;
    height: 22px;
    width: 80px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
.buttonSilverMediumClk{
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonMediumClk.png) no-repeat;    
    text-align:center;
    height: 22px;
    width: 150px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}

.buttonSilverLargeClk{
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonLargeClk.png) no-repeat;    
    text-align:center;
    height: 22px;
    width: 220px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
.buttonSilverHugeClk{
    border: 0;
    background: #fff url(/ESAcademy/images/buttons/SilverbuttonHugeClk.png) no-repeat;    
    text-align:center;
    height: 22px;
    width: 290px;    
    position: relative;
    
    font-family: "verdana";
    font-size:12px;
    cursor:pointer;
}
/*End of Button clicked*/