<div id="headingArrowInfoServicoNegocio" class='row-fluid'>
	<h4 class="heading-arrow"><fmt:message key="gerenciaportfolio.infoServico" /></h4>
</div>
<div id="tabsServico" class="tabsbar">
	<ul>
		<li class="active dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.detalhes')" onmouseout="fechaTooltip()"data-ref="detalhesServico">
			<span href="#detalhesServico" data-toggle="tab">
				<a class="glyphicons book_open" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.requisitosNivelServico')" onmouseout="fechaTooltip()" data-ref="requisitoNivelServico">
			<span href="#requisitoNivelServico" data-toggle="tab">
				<a class="glyphicons certificate"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.atributosFinanceiros')" onmouseout="fechaTooltip()" data-ref="atributosFinanceiros">
			<span href="#atributosFinanceiros" data-toggle="tab">
				<a class="glyphicons usd"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.businessCase.titulo')" onmouseout="fechaTooltip()" data-ref="casoDeNegocio">
			<span href="#casoDeNegocio"  data-toggle="tab">
				<a class="glyphicons suitcase"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.mapaDesenhoNegocio')" onmouseout="fechaTooltip()" data-ref="mapaDesenhoNegocio">
			<span href="#mapaDesenhoNegocio" data-toggle="tab">
				<a class="glyphicons vector_path_line" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.processosNegocio')" onmouseout="fechaTooltip()" data-ref="processosNegocio">
			<span href="#processosNegocio"  data-toggle="tab">
				<a class="glyphicons briefcase" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.servicosApoio')" onmouseout="fechaTooltip()" data-ref="servicosApoio">
			<span href="#servicosApoio" data-toggle="tab">
				<a class="glyphicons settings"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.donoNegocio')" onmouseout="fechaTooltip()" data-ref="donoNegocio">
			<span href="#donoNegocio" data-toggle="tab">
				<a class="glyphicons asterisk"><i></i></a>
			</span>
		</li>

		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.businessUser')" onmouseout="fechaTooltip()" data-ref="businessUser">
			<span href="#businessUser" data-toggle="tab">
				<a class="glyphicons retweet"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.servicosRequisicao')" onmouseout="fechaTooltip()" data-ref="servicoRequisicaoNegocio">
			<span href="#servicoRequisicaoNegocio" data-toggle="tab">
				<a class="glyphicons list"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'portfolio.aplicacao.aplicacoes')" onmouseout="fechaTooltip()" data-ref="aplicacoesNegocio">
			<span href="#aplicacoesNegocio" data-toggle="tab">
				<a class="glyphicons sampler" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.esquemaDados')" onmouseout="fechaTooltip()" data-ref="esquemaDados">
			<span href="#esquemaDados" data-toggle="tab">
				<a class="glyphicons database_plus" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.incidentes')" onmouseout="fechaTooltip()" data-ref="servicoIncidenteNegocio">
			<span href="#servicoIncidenteNegocio" data-toggle="tab">
				<a class="glyphicons circle_exclamation_mark" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.procedimentos')" onmouseout="fechaTooltip()" data-ref="servicoProcedimento">
			<span href="#servicoProcedimento" data-toggle="tab">
				<a class="glyphicons notes_2" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.contratos')" onmouseout="fechaTooltip()" data-ref="contratos">
			<span href="#contratos"  data-toggle="tab">
				<a class="glyphicons file" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.proprietarios')" onmouseout="fechaTooltip()" data-ref="proprietarios">
			<span href="#proprietarios"  data-toggle="tab">
				<a class="glyphicons parents" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.conhecimento')" onmouseout="fechaTooltip()" data-ref="conhecimento">
			<span href="#conhecimento"  data-toggle="tab">
				<a class="glyphicons lightbulb" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.habilidadeRecurso')" onmouseout="fechaTooltip()" data-ref="habilidadeRecurso">
			<span href="#habilidadeRecurso" data-toggle="tab">
				<a class="glyphicons nameplate"><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'menu.nome.gerenciacapacidade.indicadorescapacidade')" onmouseout="fechaTooltip()" data-ref="indicadorCapacidade">
			<span href="#indicadorCapacidade"  data-toggle="tab">
				<a class="glyphicons cargo" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'menu.nome.gerenciademanda.atributodemanda')" onmouseout="fechaTooltip()" data-ref="atributoDemanda">
			<span href="#atributoDemanda"  data-toggle="tab">
				<a class="glyphicons notes" ><i></i></a>
			</span>
		</li>
		<li class="dinamico" onmouseover="abreTooltip(this, 'gerenciaportfolio.auditoriaServico')" onmouseout="fechaTooltip()" data-ref="auditoriaServico">
			<span href="#auditoriaServico"  data-toggle="tab">
				<a class="glyphicons eye_open" ><i></i></a>
			</span>
		</li>
	</ul>
</div>
<div class="tab-content">
	<div class="tab-pane active" id="detalhesServico">
		<div class='row-fluid'>
			<div class='span12 formularioServicoNegocio tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="requisitoNivelServico">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="atributosFinanceiros">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="casoDeNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="mapaDesenhoNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="processosNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicosApoio">
		<div class='row-fluid'>
			<div class='span12 formularioServicoApoio tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="donoNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="businessUser">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicoRequisicaoNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="aplicacoesNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="esquemaDados">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicoIncidenteNegocio">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="servicoProcedimento">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="contratos">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="proprietarios">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="conhecimento">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="habilidadeRecurso">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="indicadorCapacidade">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="atributoDemanda">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
	<div class="tab-pane" id="auditoriaServico">
		<div class='row-fluid'>
			<div class='span12 tabConteudo' data-loaded="false">
				<div class="carregando"></div>
			</div>
		</div>
	</div>
</div>