/* --- BUTTONS --- */

.button_sm {
	line-height: 18px;
	height: 18px;
	padding: 4px 0 5px 1em;
	font-size: 9px;
	margin-right: .5em;
	margin-left: 0px;
}
a.button_sm:hover {
	text-decoration: none;
}
.ie .button_sm {
	padding: 0 0 0 0em;
}
.button_sm em {
	margin: 0;
	padding: 4px 2em 5px 0;
	font-size: 9px;
	line-height: 18px;
	height: 18px;
	font-style: normal;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}
.ie .button_sm 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_sm:hover {
	text-decoration: none; background-position: left -32px;
}
a.button_sm:hover em {
	text-decoration: none; background-position: right -32px;
}
a.button_sm:active {
	text-decoration: none; background-position: left -65px;
}
a.button_sm:active em {
	text-decoration: none; background-position: right -65px;
}

.backButton { 
    width: 63px;
    height: 21px;
    padding: 4px;
    margin-right: 1px;
    background: url(../images/backButton.gif) left top no-repeat;
     outline: none;
}
a.backButton:hover { 
	text-decoration: none; background-position: left -29px;
	 outline: none;
}

.nextButton { 
    width: 63px;
    height: 21px;
    padding: 4px;
    background: url(../images/nextButton.gif) left top no-repeat;
     outline: none;
}
a.nextButton:hover { 
	text-decoration: none; background-position: left -29px;
	 outline: none;
}

.thumbButton, .thumbButton_current { 
    width: 25px;
    height: 25px;
    padding: 6px 6px 6px 4px;
    line-height: 28px;
    margin-right: 0px;
    background: url(../images/cell.gif) left top no-repeat;
     outline: none;
}
a.thumbButton:hover, a.thumbButton_current { 
    width: 25px;
    height: 25px;
    background: url(../images/cell_current.gif) left top no-repeat;
    text-decoration: none;
     outline: none;
}