.esriFontAlignment {
}

.esriFontAlignment .icon {
  width: 32px;
  height: 32px;
  padding: 3px;
}

.esriFontAlignment button {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-spacing: 0;
  margin: 3px 1px;
}

.esriFontAlignment button:hover {
  background: #DDD;
}

.esriFontAlignment button:active {
  background-color: #c4c4c4; 
  border: 1px solid #999;
}

.bot-left, .bot-mid, .bot-right, .mid-left, .mid-mid, .mid-right, .top-left, .top-mid, .top-right{
  background: url(../images/positionSprite.png) no-repeat;
  width: 24px;
  height: 24px;
}

.bot-left{background-position: 0 -44px;}
.bot-mid{background-position: -22px -44px;}
.bot-right{background-position: -44px -44px;}
.mid-left{background-position: 0 -22px;}
.mid-mid{background-position: -22px -22px;}
.mid-right{background-position: -44px -22px;}
.top-left{background-position: 0 0;}
.top-mid{background-position: -22px 0;}
.top-right{background-position: -44px 0;}


.esriFontAlignment .selectedFontAlignment{
  border: 1px solid #2c6dc2;
}