/* Parametros do tooltip Slidout */

.slideOutTip{
	background-color:#2a5175;
	font-size:13px;
	color:white !important;
	overflow:hidden;
	height:12px;
	border:1px solid #0b335c;
	position:absolute;
	top:0;
	right:-20px;
}

.slideOutTip:hover{
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}
.tipVisible{ cursor:pointer; height:22px; }

.tipTitle{
	float:left;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:5px;
}

.tipIcon{
	width:20px;
	height:20px;
	float:left;

	/* CSS3 cantos arredondados
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px; */
}

.ajudaIcon, .toolTip{
	width:15px;
	height:15px;
	background:url('../images/ico/ajuda.gif') no-repeat -2px -2px;

	/* só funciona no Chrome e Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
	position:relative;
}

.toolTip span {
	background-color:#2a5175;
	border:1px solid #0b335c;
	display:none;
	color:#fff;
	position:absolute;
	bottom:20px;
	left:0;
	z-index:999;
	width:350px;
	padding:5px;
	font-size:0.70em;
}
.toolTip:hover span { display:block; }

.slideOutTip.isOpened{ z-index:10000; }

.slideOutTip.isOpened .ajudaIcon{
	background:url('../images/ico/fecha.png') no-repeat 0 -2px;
	width:22px;
	height:22px;
}
.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 8px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:5px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }
.slideOutContent p {color:#FFFFFF;}
.slideOutContent{
	display:none;
	padding:10px;
	width:300px;
}