.button { position: relative; display: table-cell; vertical-align: middle; border: 1px solid #d4d4d4; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #001489; white-space: nowrap; cursor: pointer; background-color: #FFF; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* ===== IE hacks ===== */ zoom: 1;  *display: inline; }
.button:hover,.button:active { border-color: #d4d4d4; text-decoration: none;  color: #001489;  outline: 0; }
.button-first {  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#user_area .btn-group { display: inline-block; z-index: 2; list-style: none; float: left; padding: 0; margin: 0;    zoom: 1; *display: inline; }
.button-gray { border: 1px solid #cac9c9; -webkit-box-shadow: #d2d0cf 0px 1px 1px; -moz-box-shadow: #d2d0cf 0px 1px 1px; box-shadow: #d2d0cf 0px 1px 1px, inset 0 1px #ffffff; background: #f7f8f7; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f8f7), to(#efefef)); background: -webkit-linear-gradient   (#f7f8f7, #efefef); background: -moz-linear-gradient   (#f7f8f7, #efefef); background: -ms-linear-gradient    (#f7f8f7, #efefef); background: -o-linear-gradient  (#f7f8f7, #efefef); background: linear-gradient     (#f7f8f7, #efefef); }
 .button-gray:hover { border: 1px solid #001489; -webkit-box-shadow: #d2d0cf 0px 1px 1px; -moz-box-shadow: #d2d0cf 0px 1px 1px; box-shadow: #d2d0cf 0px 1px 1px, inset 0 1px #ffffff; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#efefef)); background: -webkit-linear-gradient   (#ffffff, #efefef); background: -moz-linear-gradient   (#ffffff, #efefef); background: -ms-linear-gradient    (#ffffff, #efefef); background: -o-linear-gradient  (#ffffff, #efefef); background: linear-gradient     (#ffffff, #efefef); }
.button-blue { border: 1px solid #001489; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #6ba6da; background: #263cfb; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#263cfb), to(#001489)); background: -webkit-linear-gradient(#263cfb, #001489); background: -moz-linear-gradient(#263cfb, #001489); background: -ms-linear-gradient(#263cfb, #001489); background: -o-linear-gradient(#263cfb, #001489); background: linear-gradient(#263cfb, #001489); }
.button-blue:hover { border: 1px solid #001489; color: #ffffff;  -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #7ac0ea; background: #263cfb; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#263cfb), to(#001489)); background: -webkit-linear-gradient(#263cfb, #001489); background: -moz-linear-gradient(#263cfb, #001489); background: -ms-linear-gradient(#263cfb, #001489); background: -o-linear-gradient(#263cfb, #001489); background: linear-gradient(#263cfb, #001489); }
.button-blue:active { border: 1px solid #001489; color: #ffffff;  -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #416d8d; background: #263cfb; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#263cfb), to(#001489)); background: -webkit-linear-gradient(#263cfb, #001489); background: -moz-linear-gradient(#263cfb, #001489); background: -ms-linear-gradient(#263cfb, #001489); background: -o-linear-gradient(#263cfb, #001489); background: linear-gradient(#263cfb, #001489); }
 .button-login-top-selected,  .button-login-top-selected:hover, .button-login-top-selected:active { border: 1px solid #001489; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 0px 0px; -moz-box-shadow: #4e4c4b 0px 0px 000000px; box-shadow: #4e4c4b 0px 0px 0px, inset 0 1px #001489;  background: #001489; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#001489), to(#1a4985)); background: -webkit-linear-gradient(#001489, #1a4985); background: -moz-linear-gradient(#001489, #1a4985); background: -ms-linear-gradient(#001489, #1a4985); background: -o-linear-gradient(#001489, #1a4985); background: linear-gradient(#001489, #1a4985); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; -webkit-border-radius: 3px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 3px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; }
.button-orange { border: 1px solid #d47144; color: #ffffff; -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #febe4d; background: #fcaf18; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcaf18), to(#f8951d)); background: -webkit-linear-gradient(#fcaf18, #f8951d); background: -moz-linear-gradient(#fcaf18, #f8951d); background: -ms-linear-gradient(#fcaf18, #f8951d); background: -o-linear-gradient(#fcaf18, #f8951d); background: linear-gradient(#fcaf18, #f8951d); }
.button-orange:hover  { border: 1px solid #d47144; color: #ffffff;  -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #ffd153; background: #ffc616; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc616), to(#f78f20)); background: -webkit-linear-gradient(#ffc616, #f78f20); background: -moz-linear-gradient(#ffc616, #f78f20); background: -ms-linear-gradient(#ffc616, #f78f20); background: -o-linear-gradient(#ffc616, #f78f20); background: linear-gradient(#ffc616, #f78f20); }
.button-orange:active { border: 1px solid #d47144; color: #ffffff;  -webkit-box-shadow: #4e4c4b 0px 1px 1px; -moz-box-shadow: #4e4c4b 0px 1px 1px; box-shadow: #4e4c4b 0px 1px 1px, inset 0 1px #c78d2b; background: #e5a123; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5a123), to(#f89520)); background: -webkit-linear-gradient(#e5a123, #f89520); background: -moz-linear-gradient(#e5a123, #f89520); background: -ms-linear-gradient(#e5a123, #f89520); background: -o-linear-gradient(#e5a123, #f89520); background: linear-gradient(#e5a123, #f89520); }
.button-language { margin-top: 5px; width: 28px; line-height: 22px;}
.button-abrir-conta { margin-top: 4px; width: 85px; line-height: 24px;}
.main_header.logged .button-abrir-conta { margin-top: 4px; width: 85px; line-height: 24px;}
#top_menu .button { text-align: center; text-shadow: 0 1px rgba(0,0,0,0.23);}
.button-login-form { width: 283px; height: 34px; font-size: 14px; font-weight: bold; }
.button-experimente { margin-top: 4px; width: 85px; line-height: 24px; text-align: center; margin-left: 10px;}
.button-login-top,.button-login-top:active{ float: right; padding: 6px 13px 7px 12px; font-size: 13px; line-height: 20px; z-index: 1000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:  none;}
.button-logout  { position: relative; top: 5px; padding-right: 6px; line-height: 23px;}
.button-pfa,.button-mensagem,.button-eventos-bolsa,.button-meu-perfil,.button-confirmar { color: #787878; font-size: 10px; border-radius: 0; border: 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding-top: 3px; padding-bottom: 3px;}
.button-pfa { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.button-mensagem,.button-eventos-bolsa,.button-confirmar { border-right: 1px solid #ebebeb; }
.button-meu-perfil { border-right: 1px solid #ebebeb; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.button-agendar { margin: 6px 0 0 0; width: 88%; text-align: center; color: #787878;}
#user_area .open .button-meu-perfil,#user_area .open .button-confirmar,#user_area .open .button-pfa { border-bottom: 1px solid #FFF; z-index: 2;}
#user_area .open .button-pfa { border-bottom-left-radius: 0px;}
#user_area .open .button-meu-perfil,#user_area .open .button-confirmar { border-bottom-right-radius: 0px;}
.btn-icon-left, .btn-icon-right { width: 20px;  height: 20px;  background: url(../best_images/icons-sprites.png) 0 100px no-repeat; }
.btn-icon-left  { float: left;}
.btn-icon-right { float: right;}
.lock { background-position:  -140px -60px; }
.down-arrow { background-position:  -100px -80px; }
.down-arrow-login { margin-left: 17px; background-position: -60px -60px; }
 .right-arrow-login { background-position: -100px -40px; }
.ballon { background-position:  -160px -60px; }
.blue-message { background-position:  -180px -61px; }
.briefcase { background-position:  -200px -61px; }
 .wheel { background-position:  -220px -60px; }
 .clock_bkpos { background-position:  -425px -87px; }
 .telephone { background-position:  -260px -60px; }
.mobile { background-position:  -280px -60px; }
.email { background-position:  -300px -60px; }
.calendar { background-position:  -240px -61px; }
.interrogation { cursor: pointer; background-position: -140px -80px; position: absolute; bottom: 23px;}
.interrogation:hover { background-position: -160px -80px;}
.user { margin-right: 16px; background-position: -80px -40px; }
.close-login { cursor: pointer; background-position: -60px -40px; position: absolute; right: 10px; top: 10px;}
.login-arrow-wrapper { background-position: -120px -40px; position: absolute; z-index: 1000; right: 10px; top: -10px;}
.counter { position: absolute; top: 0px; left: 16px; color: #FFFFFF; width: 14px; height: 10px; font-size: 9px; line-height: 10px; text-align: center; background-color: #f96922; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  text-shadow: 1px 1px 1px #000000; filter: dropshadow(color=#000000, offx=1, offy=1); }
.checkradio{ padding: 0;  margin: 0; }
.checkradio label { display: block; }
.checkradio label input { margin-top: 3px !important; }
.checkradio label { clear:  both; }
.checkradio.inline label { clear: none; display: inline-block; }
.checkradio label ~ label { margin-top: 5px; }
.checkradio.inline label ~ label { margin-top: 0px; margin-left: 10px; }
.checkradio label input, .checkradio label input { display: none; }
.checkradio.checkbox label span { display: block; float: left; margin-right: 10px; background: #fff; border: 1px solid #999999; box-shadow: inset 0px 2px 3px 0px #E2E2E2; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; }
.checkradio.checkbox label.checked span { background: url("../best_images/check_cehckboxes.png") no-repeat center center #fff; }
.checkradio.radio label span { display: block; float: left; margin-right: 10px; background: #fff; border: 1px solid #999999; box-shadow: inset 0px 2px 3px 0px #E2E2E2; width: 20px; height: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.checkradio.radio label.checked span { background: url("../best_images/checked_radio_btns.png") no-repeat center center #fff; }
.checkradio.error label span{ border-color: #e02a28; }
.checkradio.radio label.checked span { 	background: url("../../BESTSite/best_images/checked_radio_btns.png") no-repeat center center #fff;	 }
.checkradio.error label span{ 	border-color: #e02a28; }
.checkradio label.disabled{	 cursor: not-allowed; }
.checkradio.radio label.disabled span,  .checkradio.checkbox label.disabled span{	  border-color: #ddd;  }
.checkradio label.disabled.checked span{	  background: url("../../BESTSite/best_images/check_checkboxes_disabled.png") no-repeat center center #fff;	  }