.btn,a.btn:link,a.btn:visited,a.btn:active{
	display:block;
	background:#009900 url("http://www.devmedia.com.br/assine/img/arrow2.png") no-repeat scroll 95% 9px;
	padding:14px 0 0 13px;
	width:180px;
	height:50px;
	text-decoration:none;
	font:normal bold 19px/100% Arial;color:white;
	border-radius:7px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
}
a.btn:hover{background-color:#00CC00;}

.btn.orange,a.btn.orange:link,a.btn.orange:visited,a.btn.orange:active{background:#F47322 url("http://www.devmedia.com.br/assine/img/arrow.png") no-repeat scroll 95% 9px;}
a.btn.orange:hover{background-color:#F93;}
/***********************************/
/* Yarnball */
#yarnball {
display: inline-block;
}
.yarnball {
list-style: none;
margin: 0 0 0 22px;
/*BY GREGORY*/font-family: Arial, Helvetica, sans-serif !important;
}
.yarnlet {
display: inline;
}
.yarnlet div,.yarnlet a,.yarnlet a:link,.yarnlet a:visited{
color:#666;
display:inline-block;
font-size:12px;
margin-left:-13px;
padding:7px 17px 11px 25px;
position:relative;
text-decoration:none;
vertical-align:top;
}
.yarnlet.first div,.yarnlet.first a,.yarnlet.first a:link,.yarnlet.first a:visited{
padding-left:8px;
}
.yarnlet.first div,body.ie7 .yarnlet.first a,body.ie7 .yarnlet.first a:link,body.ie7 .yarnlet.first a:visited{
padding-left:17px;
}
.yarnlet a,.yarnlet div{
background-image:url(/includeb/img/hc_yarnlett_global.png);
background-repeat:no-repeat;
background-position:100% 0;
}
.yarnlet:hover a {
background-position: 100% -48px;
color: #333;
}
.yarnlet:active a {
background-position: 100% -96px;
color: #333;
}
.yarnlet .left-yarn {
background: url(/includeb/img/hc_yarnlett_global.png) no-repeat;
margin-left: -17px;
padding: 7px 6px 11px 4px;
z-index: 11;
}
.ff .yarnlet .left-yarn {
padding-top: .6em;
}
.yarnlet a:hover .left-yarn {
background-position: 0 -48px;
}
.yarnlet a:active .left-yarn {
background-position: 0 -96px;
}
/* Yarnball for RTL */
.rtl .yarnball {
margin-right: -17px;
}
.rtl .yarnlet a {
background: url(/includeb/img/hc_yarnlett_global_rtl.png);
background-position: 0 0;
}
.rtl .yarnlet:hover a {
background-position: 0 -48px;
}
.rtl .yarnlet:active a {
background-position: 0 -96px;
}
.rtl .yarnlet .left-yarn {
background: url(/includeb/img/hc_yarnlett_global_rtl.png) no-repeat;
background-position: 100% 0;
margin: 0 -27px 0 0;
}
.rtl .yarnlet a:hover .left-yarn {
background-position: 100% -48px;
}
.rtl .yarnlet a:active .left-yarn {
background-position: 100% -96px;
}
.rtl .yarnlet.first a,
.rtl .yarnlet.first a:link,
.rtl .yarnlet.first a:visited {
padding-left: 24px;
}
/* IE fixes */
body.ie7 .yarnlet a:active,
body.ie8 .yarnlet a:active {
background-position: 100% -96px;
}
body.rtl.ie7 .yarnlet a:active,
body.rtl.ie8 .yarnlet a:active {
background-position: 0 -96px;
}
/***********************************/
.botao{
	font-family: Arial !important;
	font-size:11px !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.botao div,.botao a,.botao input{
	position:relative;
	display: inline-block;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	height: 27px;
	line-height: 27px;
	min-width: 54px;
	outline: 1;
	padding: 0 8px;
	text-decoration:none !important;
	
	background-color: whiteSmoke;
	background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
	background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
	color: #444;
	border: 1px solid gainsboro;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.botao div.nostyle{
background:transparent !important;
padding:0 !important;
-webkit-box-shadow:none !important;
-moz-box-shadow:none !important;
box-shadow:none !important;
border:none !important;
}
.botao input{
padding: 0 18px;
height:29px;
}
.botao div:first-child,.botao a:first-child,.botao input:first-child{margin-left:0;}

.botao div:hover,.botao a:hover,.botao input:hover{
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	
	background-color:#F8F8F8;
	border:1px solid #C6C6C6;
}

.botao div:active,.botao a:active,.botao input:active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color:#F8F8F8;
	border: 1px solid gainsboro;
	background-image: none;
}

.botao div.active,.botao a.active,.botao input.active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #EEE;
	background-image: -webkit-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -moz-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -ms-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -o-linear-gradient(top,#EEE,#E0E0E0);
	background-image: linear-gradient(top,#EEE,#E0E0E0);
	border: 1px solid #CCC;
	color: #D14836;
}
/*.botao a,.botao a:hover{
margin-left:0;
display:table;
display:inline-block;
width:100%;
height:27px;
padding:0 14px;
font-size:11px !important;
color:#444 !important;
text-decoration:none;
border:0px solid #000;
}
.botao div.active a,.botao div.active a:hover{color:#D14836 !important;}*/
/***********************************/
.botao.blue div,.botao.blue a,.botao.blue input{
	//border-color: #2F5BB7;
	border-color: #3079ED;
	background-color: #357AE8;
	background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
	background-image: linear-gradient(top,#4D90FE,#4787ED);
	color: #fff;
	//border: 1px solid #3079ED;
}
.botao.blue div:hover,.botao.blue a:hover,.botao.blue input:hover{
	border-color: #2F5BB7;
	background-color: #357AE8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357AE8));
	background-image: -webkit-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -moz-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -ms-linear-gradient(top,#4D90FE,#357AE8);
	background-image: -o-linear-gradient(top,#4D90FE,#357AE8);
	background-image: linear-gradient(top,#4D90FE,#357AE8);
}
.botao.blue div:active,.botao.blue a:active,.botao.blue input:active{
	border-color: #2F5BB7;
	background-color: #357AE8;
	background-image: none;
	//border:10px solid #000;
}
.botao.blue div.active,.botao.blue a.active,.botao.blue input.active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #EEE;
	background-image: -webkit-linear-gradient(top,#1C7BFD,#196AD8);
	background-image: -moz-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -ms-linear-gradient(top,#EEE,#E0E0E0);
	background-image: -o-linear-gradient(top,#EEE,#E0E0E0);
	background-image: linear-gradient(top,#EEE,#E0E0E0);
	border: 1px solid #3079ED;
	color: #fff;
}
/***********************************/
.botao.white div,.botao.white a,.botao.white input{
	border-color: #dedede;
	background-color: #fcfcfc;
	background-image: -webkit-linear-gradient(top,#fdfdfd,#fdfdfd);
	background-image: -moz-linear-gradient(top,#fdfdfd,#fdfdfd);
	background-image: -ms-linear-gradient(top,#fdfdfd,#fdfdfd);
	background-image: -o-linear-gradient(top,#fdfdfd,#fdfdfd);
	background-image: linear-gradient(top,#fdfdfd,#fdfdfd);
	color: #333;
	//border: 1px solid #dedede;
}
.botao.white div:hover,.botao.white a:hover,.botao.white input:hover{
	border-color: #cacaca;
	background-color: #fff;
	background-image: -webkit-linear-gradient(top,#fdfdfd,#fff);
	background-image: -moz-linear-gradient(top,#fdfdfd,#fff);
	background-image: -ms-linear-gradient(top,#fdfdfd,#fff);
	background-image: -o-linear-gradient(top,#fdfdfd,#fff);
	background-image: linear-gradient(top,#fdfdfd,#fff);
}
.botao.white div:active,.botao.white a:active,.botao.white input:active{
	//border-color: #2F5BB7;
	//background-color: #e7e7e7;
	box-shadow: inset 0 1px 5px #e7e7e7;
	background-image: none;
	color: #333;
	//border:10px solid #000;
}
.botao.white div.active,.botao.white a.active,.botao.white input.active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	background-color: #fdfdfd;
	background-image: -webkit-linear-gradient(top,#fafafa,#fdfdfd);
	background-image: -moz-linear-gradient(top,#fafafa,#fdfdfd);
	background-image: -ms-linear-gradient(top,#fafafa,#fdfdfd);
	background-image: -o-linear-gradient(top,#fafafa,#fdfdfd);
	background-image: linear-gradient(top,#fafafa,#fdfdfd);
	border: 1px solid #cacaca;
	color: #333;
}
/***********************************/
.botao.radius div,.botao.radius a,.botao.radius input{
	-moz-border-radius: 2px;
	border-radius: 2px;
}
/***********************************/
.botao.group div,.botao.group a,.botao.group input{
	-moz-border-radius: 0px;
	border-radius: 0px;
	float:left;
	margin-left: -1px;
}

.botao.group div:first-child,.botao.group a:first-child,.botao.group input:first-child{
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.botao.group div:last-child,.botao.group a:last-child,.botao.group input:last-child{
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
/*.botao.group a,.botao.group a:hover{
padding:0 8px;
}*/
/***********************************/
.botao div span.down,.botao a span.down{
display:inline-block;
margin-top:13px;
width:5px;
height:3px;
background: url(http://www.devmedia.com.br/imagens/portal2010/arrow_updown.png) no-repeat 0 -3px;
}
.botao div span.up,.botao a span.up{
display:inline-block;
margin-top:13px;
width:5px;
height:3px;
background: url(http://www.devmedia.com.br/imagens/portal2010/arrow_updown.png) no-repeat 0 0;
}
.botao div span.left,.botao a span.left{
display:inline-block;
margin-top:11px;
width:3px;
height:5px;
background: url(http://www.devmedia.com.br/imagens/portal2010/arrow_leftright.png) no-repeat 0 0;
}
.botao div span.right,.botao a span.right{
display:inline-block;
margin-top:11px;
width:3px;
height:5px;
background: url(http://www.devmedia.com.br/imagens/portal2010/arrow_leftright.png) no-repeat -3px 0;
}
/***********************************/
.botao div div,.botao div div:hover{
	display:block;
	position:absolute;
	background:transparent !important;
	top:0;left:0;
	width:100%;
	padding:0;
	border:0px solid #000;
}
.botao div div{
display:none;
}

.botao div ul,.botao ul{
display:none;
position:absolute;
top:27px;left:0;
background:transparent;
/*padding-top:27px;*/
width:auto;
box-shadow:0 0 5px 0 gainsboro;
border:1px solid gainsboro;
}
.botao ul{
position:relative;
display:block;
top:0;
}

.botao div:active div,
.botao div:active ul,
.botao div:focus div,/*for ie*/
.botao div:focus ul,/*for ie*/
.botao div div:hover,
.botao div div:hover ul,
.botao div ul:hover{
display:block;
}

.botao div ul li,.botao ul li{
display:table;
width:100%;
background:#fff;
list-style:none;
white-space:nowrap;
}
.botao div ul li a,.botao ul li a{
background:#fff;
width:100%;
height:auto;
text-align:left;
padding:0 10px;
padding:6px 19px 7px 25px;
line-height:normal;
-moz-box-sizing:border-box;
box-sizing:border-box;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}
.botao div ul li a:hover,.botao ul li a:hover{
background-color:whiteSmoke !important;
background-image:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
border:none !important;
}

.botao div span.checkmark,.botao a span.checkmark{
display:inline-block;
margin-top:5px;
width:13px;
height:12px;
background: url(http://www.devmedia.com.br/imagens/portal2010/checkmark.png) no-repeat 0 0;
border:1px solid #000;
}

.botao div ul li a.checkmark,.botao ul li a.checkmark{
background:#fff url(http://www.devmedia.com.br/imagens/portal2010/checkmark.png) no-repeat 8px center;
}
.botao div ul li a.checkmark:hover,.botao ul li a.checkmark:hover{
background:whiteSmoke url(http://www.devmedia.com.br/imagens/portal2010/checkmark.png) no-repeat 8px center !important;
}