/*
        Required Styles
*/
#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000;
}

 #aToolTip .aToolTipContent {
    position:relative;
    margin:0;
    padding:0;
    width: 150px;
}
/*
        END: Required Styles
*/
/**
        Default atooltip Theme
*/
.defaultTheme {
    border:2px solid #444;
    background:#555;
    color:#fff;
    margin:0;
    padding:6px 12px;
    left: 650px !important;
    -moz-border-radius: 12px 12px 12px 0;
    -webkit-border-radius: 12px 12px 12px 0;
    -khtml-border-radius: 12px 12px 12px 0;
    border-radius: 12px 12px 12px 0;

    -moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
    box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
}

.defaultTheme #aToolTipCloseBtn {
    display:block;
    height:18px;
    width:18px;
    background:url(../images/closeBtn.png) no-repeat;
    text-indent:-9999px;
    outline:none;
    position:absolute;
    top:-20px;
    right:-30px;
    margin:2px;
    padding:4px;
}

.container .conta { background:#464143; color:#fff; font-size:23px; padding:10px 5px; }
.container .botoes-calculadora {
    background: #fff;
    padding: 5px;
}
.container .botoes-calculadora .botoes {
    width: 100%;
}
.container .contaCalculo {
    padding: 5px;
}
.container .botoes-calculadora .bt-cinza-escuro { background:#a5a6a7; border:1px solid #fff; color:#fff; font-size:16px; padding:10px 10px 12px; }
.container .botoes-calculadora .bt-cinza-claro {
    background: #e6e6e6;
    border: 2px solid #fff;
    border-left: 1px;
    border-right: 1px;
    color: #958b8f;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 10px;
}
.container .botoes-calculadora .bt-azul {
    background: #47a8b8;
    border: 1px solid #fff;
    color: #fff;
    font-size: 28px;
    padding: 0px 10px 4px;
}

.container .agrupador { /*background:#ffedf8;*/ padding:5px; }
.agrupador.second table { margin-left: 50px;}
.agrupador { min-height: 405px; height: 405px; }
.agrupador table tr td img { display:none; position: relative; }
.container .resultado { background:#929292; color:#fff; font-size:26px; font-weight:bold; margin-top:14px;; }
.container .continha { background:rgba(196, 94, 97, 0.7); color:#fff; font-size:14px; margin-top:200px; padding:3px 5px; }
.container .continha2 { background:#c45e61; color:#fff; font-size:22px; margin-top:30px; padding:3px 5px; }
.container .numero-continha2 { color:#c45e61; font-size:43px; margin-top:10px; }

/**
* Blink
*/
.blink {
    animation: blink 2s steps(48, start) infinite;
    -webkit-animation: blink 2s steps(48, start) infinite;

}

@keyframes blink{ to{ background-color: #f00; }}
@-webkit-keyframes blink{ to{ background-color: #f00; }}




.expressao {
    margin-bottom: 20px;
    font-family: Arial;
    font-weight: bold;
    font-size: 18px;
    width: 380px;
}

.expressoes_secundarias {
	padding: 0px;
	margin-left: -32px;
	margin-bottom: 15px;
	width: 995px;
	position: relative;
	clear: both;
	border-radius: 3px;
}

.expressoes_secundarias span{
    padding: 5px;
    margin: 0px;
    float: left;
    z-index: 2;
}

.operador {
    font-family: Arial;
    font-weight: Bold;
    font-size: 24px;
    color: #2381C0;
    cursor: pointer;
}

.parentese {
    font-family: Arial;
    font-weight: Bold;
    font-size: 24px;
    color: #c45e61;
}

.token_comum {
    font-family: Arial;
    font-weight: Bold;
    font-size: 24px;
    color:#383838;
}

.acertou {
    color: #77B400;
    font-size: 25px;
    margin-left: 40px;
}

.errou {
    color: #f00;
    font-size: 25px;
    margin-left: 40px;
}

.floatResult {
    color:#000;
    font-size:18px;
    left: -18px;
    top: 8px;
    width: 50px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
}

.expressaoTitulo {
    color:#000;
    font-size:18px;
    font-weight: bold;
    left: -35px;
    bottom: -25px;
    width: auto;
	padding: 0px 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
	z-index: 100;
	background-color: rgba(255, 251, 176, 0.8);
	height: 25px;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #ccc;
}

.chaves{
    height:1px;
    width:100px;
    position:absolute;
    background-color:#000;
    margin-bottom: 30px;
}

.chaves:before,
.chaves:after{
    content:'';
    height:7px;
    width:1px;
    top:-7px;
    position:absolute;
    background-color:#000;
}

.chaves:before{
    left:0;
}

.chaves:after{
    right:0;
}

.chaves span{
    position:absolute;
    left:50%;
    margin-left:-8px;
}

.chaves span:before,
.chaves span:after{
    width: 0;
    height: 0;
    content:'';
    left:0;
    position:absolute;
}

.chaves span:before{
    top:0;
    border-top: 7px solid #000;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.chaves span:after{
    top:-1px;
    border-top: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.chaves_titulo {
    height:3px;
    width:100px;
    position:absolute;
    background-color:#00a;
    margin-bottom: 30px;
    top: 85px; /*colocar dinamicamente*/
}


.chaves_titulo:before{
    left:0;
}

.chaves_titulo:after{
    right:0;
}

.chaves_titulo span{
    position:absolute;
    left:50%;
    margin-left:-8px;
}

.chaves_titulo span:before,
.chaves_titulo span:after{
    width: 0;
    height: 0;
    content:'';
    left:0;
    position:absolute;
}

.chaves_titulo span{
    width:3px;
    height:50px;
    position:absolute;
    left:55%;
    background-color:#00a;
}

.chaves_titulo span:after{
    content:'';
    width:10px;
    height:10px;
    position:absolute;
    left:-4px;
    bottom:0;
    background-color:#00a;
    border-radius:100%
}

.voltar {
	font-weight: bolder;
	font-size: 25px;
	cursor: pointer;
	color: #FFF;
	width: 30px;
	height: 30px;
	background-color: #0077AF;
	border-radius: 30px;
	text-align: center;
}

.linha_destacada {
	border-radius: 4px;
	background: #FFEDD3;
	padding: 0px 15px;
	box-shadow: 0px 2px 4px #ccc;
}

.dica {
	height: 33px;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: 18px;
	background-color: #DD4949;
	border: solid 1px #fff;
	border-radius: 3px;
	color: #fff;
	text-shadow: 1px 1px 1px #3A0000;
	cursor: pointer;
}

.ok2{
	height: 33px;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: 18px;
	background-color: #FF7000;
	border: solid 1px #fff;
	border-radius: 3px;
	color: #fff;
	text-shadow: 1px 1px 1px #943500;
	cursor: pointer;
}

.dica.com_erro {
    background-color: red;
    border-color: red;
}

.caracter_grande {
    position: absolute;
    font-size: 40px;
    font-weight: bold;
    border: 1px solid #f00;
    height: 50px;
    width: 50px;
    text-align: center;
    border-radius: 5px;
}

.tabela_frutas {
    border: #000 solid 2px;
    padding: 5px;
}

.tabela_frutas td {
    border: #000 solid 2px;
    font-family: Arial;
    padding: 5px;
}

.fundo_amarelo {
    background-color: #ffffcc;
}

.fundo_azul {
    background-color: #66ccff;
}

.fundo_laranja {
    background-color: #feac5a;
}

.fundo_rosa {
    background-color: #ffccff;
}

.fundo_verde {
    background-color: #66cc66;
}

.cabecalho {
    background-color: #dfe5e7;
    font-weight: bold;
}

.resultado_geral {
    margin: 30px;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
}