/*This HACK needed for ie7 (button position)*/

*:first-child+html button.Button, *:first-child+html a.Button

{

  display:list-item;

  list-style-type:none;

  float:left;

}





.Button .btn

{

  position: relative;

  overflow: hidden;

  display: block;

  width: auto;

  z-index: 0;

  height: 31px;

  color: #EDFAFD;

  white-space: nowrap;

  float: left;

}



.Button .t

{

  height:31px;

  white-space: normal;

  padding: 0 16px;

  font-family: Arial, Helvetica, Sans-Serif;

  font-size: 11px;

  font-style: normal;

  font-weight: normal;

  text-align: left;

  line-height: 31px;

  text-decoration: none !important;

}



input, select

{

  font-family: Arial, Helvetica, Sans-Serif;

  font-size: 11px;

  font-style: normal;

  font-weight: normal;

}



.Button .active

{

  color: #F9E4E1;

}



.Button .hover,  a.Button:hover

{

  color: #EFEEEB;

  text-decoration: none !important;

}



.Button .active .r

{

  top: -62px;

}



.Button .hover .r

{

  top: -31px;

}



.Button .r

{

  display: block;

  position: absolute;

  overflow: hidden;

  z-index: -1;

  top: 0;

  right: 0;

  width: 7px;

  height: 93px;

}





.Button .r span

{

  display: block;

  position: absolute;

  overflow: hidden;

  z-index: -1;

  top: 0;

  right: 0;

  width:403px;

  height: 93px;

}





.Button .active .l

{

  top: -62px;

}



.Button .hover .l

{

  top: -31px;

}



.Button .l

{

  display: block;

  position: absolute;

  overflow: hidden;

  z-index: -1;

  top: 0;

  left: 0;

  right: 7px;

  height: 93px;

}





.Button .l, .Button .r span

{

  background-image: url('../images/Button.png');

}



/* end Button */