/* Scroll */
.jScrollPaneContainer
{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.homebroker-abas .jScrollPaneContainer
{
	margin-top: 40px;
	float: left;
}
.jScrollPaneTrack
{
	background-image:url("Images/geral/setaBackground.png");
	background-repeat:repeat-y;
	background-position:top left;
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 98%;
	width:13px!important;
}
.jScrollPaneDrag
{
	position: absolute;
	background-image:url("Images/geral/setaCentro.png");
	background-position:no-repeat;
	background-repeat:top left;
	cursor: pointer;
	overflow: hidden;
	width:10px!important;
	margin-left:1px;
	min-height:15px!important;
}
.jScrollPaneDragTop
{
	background-image:url("Images/geral/setaCentroSuperior.png");
	background-position:no-repeat;
	background-repeat:top left;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width:10px!important;
	height:6px!important;
}
.jScrollPaneDragBottom
{
	background-image:url("Images/geral/setaCentroInferior.png");
	background-position:no-repeat;
	background-repeat:top left;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width:10px!important;
	height:6px!important;
	}
a.jScrollArrowUp
{
	background-image:url("Images/geral/setaSuperior.png");
	background-repeat:no-repeat;
	background-position:top center;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 14px;
	width:12px;
}
a.jScrollArrowDown
{
	background-image:url("Images/geral/setaInferior.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-color:Transparent;
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 14px;
	width:12px;
}
.scroll-pane
{
	width: 590px!important;
	height: 170px;
}
.scroll-pane-carteira
{
	width: 96%;
	height: 85px;
}
.scroll-pane-noticias
{
	width: 96%;
	height: 85px;
}


/* Lightbox */
#overlay
{
	background: #265766;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
}
.prettyPopin
{
	display: none;
	overflow: hidden;
	position: absolute;
	z-index: 11000;
	top: 50%;
	left: 50%; /*background: url(Images/prettyPopin/popinLeft.gif) bottom left no-repeat;*/
}
.prettyPopin a#b_close
{
	display: none;
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 15px;
	width: 42px;
	height: 40px;
	text-indent: -10000px;
	background: url(Images/geral/x.png) bottom left no-repeat;
}
.prettyPopin .prettyContent
{
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 1.2em;
}
.prettyPopin .prettyContent .prettyContent-container
{
	display: none;
	padding: 20px 15px 15px 15px;
}
.prettyPopin .prettyContent .loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -14px 0 0 -14px;
}


/* Menu LavaAmp */
.lavaLamp
{
	/*position: relative;*/
	height: 39px;
	width: 738px;
	background: #375a5a;
	padding: 5px 86px 6px 86px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	clear: both;
	position: relative;
	background:url(Images/menu/fundoSubmenu.png) 0px -2px no-repeat;
}
.lavaLamp li
{
	float: left;
	list-style: none;
	text-align: center;
	margin: 0px 1% 0px 1%;
}
.lavaLamp li.backLava
{
	width: 9px;
	height: 18px;
	z-index: 8;
	position: absolute;
	background-color: #040f0f;
	padding: 8px 0px 8px 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 0px;
}
.lavaLamp li.backLava .left
{
	height: 30px;
}
/*.lavaLamp li.selectedLava { width: 9px; height: 18px;z-index: 7; background-color:#040f0f; padding: 10px 10px 10px 0px; border-radius: 5px; -moz-border-radius: 5px;}*/
.lavaLamp li a, .lavaLamp li a:link
{
	position: relative;
	overflow: hidden;
	text-decoration: none;
	font-style: normal !important;
	font-size: 15px !important;
	color: #fff;
	outline: none;
	text-align: center;
	height: 20px;
	top: 10px;
	z-index: 10;
	letter-spacing: 0;
	display: block;
	margin: auto;
}
.lavaLamp li a:hover
{
	text-decoration: none;
}
.lavaLamp li.ativo a, .lavaLamp li.ativo a:link
{
	position: relative;
	overflow: hidden;
	text-decoration: none;
	font-style: normal !important;
	font-size: 15px !important;
	outline: none;
	text-align: center;
	height: 20px;
	top: 10px;
	z-index: 10;
	letter-spacing: 0;
	display: block;
	margin: auto;
}



p#vtip
{
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px;
	font-size: 0.8em;
	background-color: white;
	border: 1px solid #c8c8c8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 9999;
	background-color: #e6e6e6;
}
p#vtip #vtipArrow
{
	position: absolute;
	top: -10px;
	left: 5px;
}

/* tabs */
@media projection, screen
{
	/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide
	{
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print
{
	.tabs-nav
	{
		display: none;
	}
}
.tabs-nav:after
{
	/* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.tabs-nav a, .tabs-nav a span
{
	display: block;
	padding: 0 10px;
	background: url(tab.png) no-repeat;
}
.tabs-nav a
{
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
.tabs-nav li
{
	background-image: url(Images/geral/background-abali.png);
}
.tabs-nav .tabs-selected
{
	background-image: url(Images/geral/background-abalih.png);
}
.tabs-nav .tabs-selected a
{
	color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active
{
	background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active
{
	background-position: 100% -100px;
}
.tabs-nav a span
{
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
* > .tabs-nav a span
{
	/* hide from IE 6 */
	width: auto;
	height: auto;
}
.tabs-nav .tabs-selected a span
{
	padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span
{
	background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span
{
	background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited
{
	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active
{
	/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.tabs-nav .tabs-disabled
{
	opacity: .4;
}
.tabs-container
{
	background: transparent; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em
{
	padding: 0 0 0 20px;
	background: url(loading.gif) no-repeat 0 50%;
}
#avatar
{
	list-style: none;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#avatar li
{
	width: 65px;
	height: 70px;
	position: relative;
	float: left;
}

#avatar a, #avatar a:visited, #avatar a, #avatar a:hover
{
	margin: 0px;
	padding:0px;
	width:55px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
}
#avatar input
{
	background: none;
}

#avatar li img.sombra
{
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.escolha-avatar label
{
	display: block;
	width: 180px;
	text-align: left !important;
	font-size: 14px !important;
}
.escolha-avatar input
{ margin-top:0px;}
.escolha-avatar
{
	margin-left: 40px;
	float: right;
	width: 265px;
	margin-top: -240px;
	*margin-top:0px;
	margin-right:0px;
}
.avatarSelecionado 
{
    position:absolute;
    z-index:50;
    top:0;
    left:0;
    filter: alpha(opacity=00);	
	-moz-opacity: 0.0;
	opacity: 0.0;
}
#avatar .ativo
{
}
#avatar .ativo .avatarSelecionado 
{

	filter: alpha(opacity=100);	
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.ipos-reservar
{
	margin-bottom: -9px;
	margin-left: 5px;
}