/* --- BUTTONS --- */

.button {
	line-height: 40px;
	height: 40px;
	padding: 40px 0 5px 1em;
	margin-left: 0px;
	border-right: 1px solid #fff;
	background-color: #9fb77d;
}
a.button:hover {
	text-decoration: none;
}
.ie .button {
	padding: 0 0 0 0em;
}
.button em {
	margin: 0;
	padding: 40px 20px 5px 0;
	line-height: 40px;
	height: 40px;
	font-style: normal;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}
.ie .button em {
	text-decoration: none;
    margin-top: 0;
	padding: 4px 0 5px 0;
}


.b_red_sm {
	background: url(../images/button_sm_red_l.gif) left top no-repeat;
}
.b_red_sm em {
	background: url(../images/button_sm_red_r.gif) right top no-repeat;
}

.b_red_arrow_sm {
	background: url(../images/button_sm_red_l.gif) left top no-repeat;
}
.b_red_arrow_sm em {
	background: url(../images/button_sm_red_arrow_r.gif) right top no-repeat;
}

.b_red_search_sm {
	background: url(../images/button_sm_red_l.gif) left top no-repeat;
}
.b_red_search_sm em {
	background: url(../images/button_sm_red_search_r.gif) right top no-repeat;
}

a.button:hover {
	text-decoration: none; 
    background-color: #779a48;
}
a.button:hover em {
	text-decoration: none; 
    background-color: #779a48;
}
a.button:active {
	text-decoration: none; 
    background-color: #779a48;
}
a.button:active em {
	text-decoration: none; 
    background-color: #779a48;
}

.button-login {
    width: 100px; 
    height: 28px;
    background: url(../images/button-login.jpg) top left no-repeat;
    cursor: pointer;
    float: left;
}
    .button-login:hover { 
        background-position: left -28px;
        cursor: pointer;
    }

.button-submit { 
    background: url(../images/button_submit.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
.button-go { 
    background: url(../images/button_go.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
.button-register { 
    background: url(../images/button_register.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
    .button-register span { 
        display: none;
    }
.button-startTest { 
    background: url(../images/button_startTest.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
.button-next { 
    background: url(../images/button_next.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
.button-back { 
    background: url(../images/button-back.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
.button-login { 
    background: url(../images/button_login.png) top left no-repeat;
    width: 95px;
    padding: 0px;
    margin: 0px;
    height: 24px;
    cursor: pointer;
    float: left;
}
    .button-login:hover,
    .button-go:hover,  
    .button-next:hover,  
    .button-back:hover,  
    .button-startTest:hover,
    .button-register:hover,
    .button-submit:hover { 
        text-decoration: none; background-position: left -40px;
    }