@charset "utf-8";
body, td, ul, ol, div, input, button, select, textarea {
	font-family: 'Ubuntu', sans-serif;
	margin: 0;
	padding: 0;
}

body {
	margin:0; 
	padding:0; 
	top:0; 
	color:#333;
	background-color:#fefefe;	
}

a, a:hover, a:link, a:visited, a:active {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: 'Libre Baskerville', sans-serif;*/
	line-height:120%;
	/*padding:6px 0;*/
}

h1 {
	font-size:200%;
}

h2 {
	font-size:180%;
}

h3 {
	font-size:140%;
}

h4 {
	font-size:120%;
}

h5 {
	font-size:100%;
}

h6 {
	font-size:90%;
}
      

hr.tj-hr {
	height:5px; 
	background:#600; 
	margin:0; 
	padding:0; 
	border:0px;	
}

hr.tj-hr.cor-2 {
	background:#06C; 
}

/******************************************
begin cabeçalho da página 
******************************************/
	#tj-topo {
		width:1011px;
		height:108px;
		margin:0 auto;	
	}
	
	#tj-topo:after {
		content:" ";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}
	
	#tj-logo-tj, #tj-logo-app{
		background-repeat:no-repeat 
		background-position:center center; 
		width:414px; 
		text-indent:-6000px; 
		margin-top:20px;
	}
	
	#tj-logo-app {
		float:right;
		height: 65px; 
	}
	
	#tj-app-info {
		float:right;
		font-size:11px;
		line-height:100%;
		text-align:right;
		text-wrap:none; 
		margin-top:3px;
	}
	
	/* logotipo do tribunal */
	#tj-logo-tj {
		float:left;
		height: 79px; 
		background-image:url('../img/logoTJPA.png'); 
	}
	
	#tj-logo-tj a, #tj-logo-app a {
		display: block; 
		height: 79px;
	}
/* end cabeçalho da página */

/******************************************
begin barra de menus
******************************************/
	#tj-menubar {
		width:100%;
		height:33px;
		background-color:#06c;	
		border-collapse:collapse;
		border:none;
		text-align:none;
	}

	#tj-menubar.cor-2 {
		background-color:#600;	
	}
	
	#tj-menubar:after {
		content:" ";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}
	
	#tj-menubar.off {
		height:0px;
		display:block;
		border-top:4px solid #06c;
	}

	#tj-menubar.off.cor-2 {
		border-top-color:#600;
	}

	#tj-menubar ul {
		background:fff;
		padding:0;
		margin:0 auto;
		width:1011px;
		
	}
	
	#tj-menubar.off ul {
		display:none;
	}
	
	/* 
	  a largura desse elemento deve ser determinada em percentuais
		de acordo com a quantidade de itens de menu.
		A fórmula é:
		floor(1011 / num-itens) - 2
	*/
	#tj-menubar ul li{
		display:block;
		float:left;
		width:250px;
		background:#06c;
		color:#fff;
		margin:0;
		border-right: 2px solid #fff;
		padding:0;
		text-align:center;
	}
	
	/* 
		largura baseada nos elementos anteriores.
		a fórmula é
		1011 - ((largura-do-elemento-li + 2) * (num-itens - 1))
    Ex: 1011 - (252 * 3 )	= 255
	*/
	#tj-menubar ul li:last-child{
		border-right:none;
		/*width: 255px;*/
	}
	
	#tj-menubar  ul li a{
		color: #fff; 
		background: #06c; 
		padding: 10px 0; 
		display: block;
		text-decoration: none; 
		font-weight: bold;
		font-size:13px;
		line-height:100%;
	}

	#tj-menubar  ul li a:hover,
	#tj-menubar  ul li.tj-active a:hover,
	#tj-menubar.cor-2 ul li a:hover,
  #tj-menubar.cor-2 ul li.tj-active a:hover{
		background: white; 
		color: black; 
		text-decoration: none; 
		padding: 8px 0 10px 0; 
		border-bottom:2px solid #06c;
		border-top:1px solid #06c;
	}
		
	#tj-menubar ul li.tj-active a{
		background-color: #036;
		padding: 8px 0 10px 0; 
		border-bottom:2px solid #900; 
	}
	
  #tj-menubar.cor-2 ul li.tj-active a{
    background-color: #c00;
    padding: 8px 0 10px 0; 
    border-bottom:2px solid #600; 
  }
  
  #tj-menubar.cor-2 ul li,
	#tj-menubar.cor-2 ul li a{
	 background-color:#600;
	}

  #tj-menubar.cor-2 ul li a:hover,
  #tj-menubar.cor-2 ul li.tj-active a:hover{
    border-bottom-color: #600;
    border-top-color: #600;
}
  
 #tj-menubar ul li ul {
	display: none;
	border: 1px solid #06c;
	position: absolute;
	width: auto; 	
} 
 #tj-menubar ul li:hover ul {
	display: block;
	position: absolute;
} 
 #tj-menubar ul li ul li {
	float: none; 	
} 
 #tj-menubar ul li ul li a {
	background: #fff;
	color: #06c;
} 
/* end barra de menus */

/******************************************
begin caixa principal
******************************************/
/* define a caixa principal do aplicativo */
/* utiliza largura padrão de 1011px */

.tj-appbox{ 
	width:1011px; 
	margin:0; 
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

/* sem restrição de largura */
.tj-appbox.off {
	width:100%;
	margin-left:10px;
	margin-right:10px;
}

/* begin caixa principal */


/******************************************
begin barra de informações
******************************************/
	#tj-info {
		width:100%;
		height:36px;
		margin:2px 0;
	}
	
	div.tj-migalha-box{
		margin: 5px 0 0 0; 
		padding: 5px 10px; 
		background:#eee; 
		border:1px solid #ccc; 
		border-radius: 5px;
		float:left;
	}
	
	div.tj-migalha ul {
		display:block;
		margin:0;
		padding:0;
	}

	div.tj-migalha ul li{
		display:inline-block;
		*display:inline;
		zoom:1;
		padding:0 4px;
		font-size:11px; 
	}
	
	div.tj-migalha ul li:after{
		content:" » "; 
	}
	
	div.tj-migalha ul li:last-child{
		font-weight:bold;
	}

	div.tj-migalha ul li:last-child:after{
		content:normal;
	}
	
	#tj-info-app {
		float:right;
		height:32px;
		min-width:200px;	
	}
	
/* end barra de informações */

/******************************************
begin área principal da aplicação
******************************************/
	.tj-content {
		/* min-height:300px; */
		x-margin-top:-8px;
		padding:0 0 0 260px;
	}

	.tj-content:after{
		content:" ";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
	}
	
	.tj-content.no-sidebar {
		padding:0;
		min-height:inherit;
	}
	
	/* barra lateral de opções */
	.tj-sidebar, 
	.tj-menu {
		background:#EEE;  
		float:left;
		margin:0; 
		padding:0 5px 2px 5px; 
		height:auto; 
		border:1px solid #DDD;  
		text-align:center; 
		border-radius: 6px;		
	}
	
	.tj-sidebar{
    margin-left:-260px; 
    width:240px;
	}
	
	.tj-sidebar  h2,
	.tj-menu h2 { 
		margin:10px 0 0 0; 
		padding:0; 
		text-align:center; 
		font-weight:bold;
		font-size:16px;
	}
	
	.tj-sidebar ul, 
	.tj-sidebar ol, 
    .tj-menu ul {
		margin:0 auto; 
		padding:0; 
		display:block; 
		width: 100%;
	}
	
	.tj-sidebar ul li, 
	.tj-sidebar ol li,
	.tj-menu ul li{
		margin:-1px auto 0 auto;
		padding:8px 0 8px 10px; 
		text-align: left; 
		font-weight:bold ;
		background:#fff; 
		border: 1px solid #ccc; 
		color:#818181; 
		display:block;
	}
	
	.tj-sidebar ul li:first-child,
    .tj-sidebar ol li:first-child,
	.tj-menu ul li:first-child{
		margin-top:5px;
		border-radius:4px 4px 0 0;
	}
	
	.tj-sidebar ul li:last-child, 
	.tj-sidebar ol li:last-child,
    .tj-menu ul li:last-child { 
      margin-bottom:5px;
	  border-radius: 0 0 4px 4px;
	}
	
	.tj-sidebar ul li.sub-item, 
    .tj-menu ul li.sub-item, 
	.tj-sidebar ol li{
		padding-left:30px; 
		background: url(images/seta_consulta.png) no-repeat 15px 11px #fff;
	}

	.tj-sidebar ul li.tj-active, 
    .tj-menu ul li.tj-active, 
	.tj-sidebar ol li.tj-active{
		background:#FFC;
	}

	.tj-content.no-sidebar div.tj-sidebar {
		display:none;	
	}
	
	/* área de conteúdo propriamente dito da página */
	#tj-page, .tj-page {
		width:auto; 
		margin:0; 
		padding:10px; 
		height:auto; 
		border:1px solid #DDD; 
		border-radius: 10px;
		background-color:white;
    	box-shadow: 0 2px 6px rgba(50,50,50,.75)
	}
	

	
/* end área principal da aplicação */

/******************************************
begin rodapé
******************************************/
	#tj-rodape {
		min-height:270px; 
		margin:5px 0 0 0; 
		padding:5px 0 20px 0; 
		background-color:#EEE;
		text-align:center;
		background-image: -ms-linear-gradient(top, #eee, #ddd);
		background-image: -moz-linear-gradient(top, #eee, #ddd);
		background-image: linear-gradient(to bottom, #eee, #ddd);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0)";
	}
	
	/*
		largura definida em função do número de colunas.
		a fórmula é 
		floor((Largura / NumColunas) - 20)
		
		Ou seja:
		floor(1011 / 4) = 232
	*/
	#tj-rodape ul{
		display:inline-block;
		vertical-align:top;
		width:232px; 
		padding: 0 0 0 20px; 
		margin:0 auto;
	}
	
	#tj-rodape  ul h3{
		color:#999; 
		margin:10px 0 30px 0;		
	}
	
	#tj-rodape  ul li{
		display:block; 
		color:#555; 
		font-size:11px; 
		margin:5px 0 0 0; 
		padding:0;	
	}

	/*
		logotipo e contato do TJPA no rodapé
	*/	
	
	#tj-logo-rodape {
	text-align: center;
	padding:0;
	margin:20px 0 0 0;
	}

	#tj-logo-rodape h1{
		color:#333;
		font-size:14px;
	}
	
/* end rodapé */

/******************************************
begin alertas
******************************************/

.tj-alerta, 
.tj-alerta-ok, 
.tj-alerta-erro, 
.tj-alerta-info {
  padding: 8px 36px 8px 12px;
  margin-bottom: 14px;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  border-width: 1px;
	border-style: solid;
  border-radius: 8px;
}

.tj-alerta h4, 
.tj-alerta-ok h4, 
.tj-alerta-erro h4, 
.tj-alerta-info h4 {
  margin: 0;
}

.tj-alerta .tj-fechar , 
.tj-alerta-ok .tj-fechar , 
.tj-alerta-erro .tj-fechar , 
.tj-alerta-info .tj-fechar {
	display:block;
  float: right;
  margin-top: 2px;
  margin-right: -20px;
  line-height: 14px;
}

.tj-alerta {
  color: #c09853;
  border-color: #b0ad9e;
  background-color: #fcf8e3;
}

.tj-alerta-ok {
  background-color: #dff0d8;
  border-color: #9ca897;
  color: #468847;
}

.tj-alerta-erro {
  background-color: #f2dede;
  border-color: #a99b9b;
  color: #b94a48;
}

.tj-alerta-info {
  background-color: #d9edf7;
  border-color: #97a5ac;
  color: #3a87ad;
}

/* end alertas */

/******************************************
begin botão/link fechar
******************************************/
.tj-fechar {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 14px;
  color: black;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  opacity: .2;
}

.tj-fechar:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
	opacity: .4;
}
/* end begin botão/link fechar */

/******************************************
begin form elements
******************************************/

form {
  margin: 0 0 0px;
}

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}
button,
input {
  *overflow: visible; /* IE6/7 */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; 
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; 
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 28px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
	font-size: 9px;
	color: #999;
}
	
label {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"] {
  display: inline-block;
  /*height: 14px;*/
  padding: 4px 6px;
  margin-bottom: 9px;
  color: #555;
  border-radius: inherit;
}

input, 
textarea,
select {
  width: 220px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="email"] {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border linear .2s, box-shadow linear .2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="email"]:focus {
	border-color: rgba(82,168,236,.8);
	outline: 0;
	*outline: thin dotted; /* IE6-9 */
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 0 2px 0 0;
  cursor: pointer;
	line-height:11px;
}

select,
input[type="file"] {
  height: 30px; /* não funciona no IE7 */
  /* *margin-top: 4px; */ /* IE7 */ 
  line-height: 30px;
}

select {
  border: 1px solid #ccc;
  background-color: white;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline-offset: -2px;
}

label.required {
	font-weight:bold;	
}

label.required + input[type="text"],
label.required + input[type="password"],
label.required + input[type="date"],
label.required + input[type="email"],
label.required + select,
label.required + textarea,
input[type="text"].required,
input[type="password"].required,
input[type="date"].required, 
input[type="email"].required,
select.required,
textarea.required {
	background-color:#FFC;	
}

label.controle {
  min-height: 18px;
  padding-left: 18px;
}

label.controle input[type="radio"], 
label.controle input[type="checkbox"] {
  float:left;
  margin-left: -18px;	
	padding-top:0;		
}

div.inline {
	margin-bottom:7px;	
}

div.inline input,
div.inline select,
div.inline textarea,
div.inline label {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

div.inline label {
	margin-top:0;	
}

div.inline label.right {
	text-align:right;	
}

div.inline label + label {
	margin-left:10px;
}

div.inline label.top {
	vertical-align:top;
}

div.inline hr {
	height:1px; 
	padding:0; 
	margin:2px 0; 
	border:0px;	
}

.tj-form-buttons {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
}

/* end form elements */

/******************************************
begin buttons
******************************************/
button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"], 
[class^="tj-btn"], 
[class*=" tj-btn"] {
  font-size:110%;
  display: inline-block;
  padding: 4px 16px;
  /*margin-top: 8px;*/
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  background-repeat:repeat-x;
  
}

button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
[class^="tj-btn"]:hover, 
[class*=" tj-btn"]:hover {
	color:#333;
	text-decoration: none;
	background-position: 0 -15px;
	transition: background-position .1s linear;
}

button:focus, 
input[type="submit"]:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
[class^="tj-btn"]:focus, 
[class*=" tj-btn"]:focus { 
  outline: thin dotted #333;
  outline-offset: -2px;
}

button:active, 
input[type="submit"]:active, 
input[type="button"]:active, 
input[type="reset"]:active, 
[class^="tj-btn"]:active, 
[class*=" tj-btn"]:active {
	background-image: none;
	outline: 0;
	box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

button, 
input[type="submit"], 
input[type="button"], 
input[type="reset"], 
.tj-btn,
a.tj-btn {
	color: #333;
	background-color: #f2f2f2;
	background-image: linear-gradient(to bottom, white, #e5e5e5);
	border-color: #cccccc #cccccc #bfbfbf;
}


button:hover, 
input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
.tj-btn:hover,
a.tj-btn:hover { 
	color: #333;
	background-color: #e5e5e5;
	border-color: #bfbfbf #bfbfbf #b2b2b2;
}


button.tj-btn-default, 
input[type="submit"].tj-btn-default, 
input[type="button"].tj-btn-default,
.tj-btn-default,
a.tj-btn-default  {
	color: #fff;
	background-color: #0065ff;
	background-image: linear-gradient(to bottom, #08f, #0032ff);
	border-color: #0028cc #0028cc #0022b2;
}

button.tj-btn-default:hover, 
input[type="submit"].tj-btn-default:hover, 
input[type="button"].tj-btn-default:hover,
.tj-btn-default:hover , 
a.tj-btn-default:hover { 
	color: #fff;
	background-color: #0032ff;
	border-color: #0022b2 #0022b2 #001eae;
}


button.tj-btn-alerta, 
input[type="submit"].tj-btn-alerta, 
input[type="button"].tj-btn-alerta,
.tj-btn-alerta,
a.tj-btn-alerta {
	color: #fff;
	background-color: #eb961d;
	background-image: linear-gradient(to bottom, #faa936, #dd8405);
	border-color: #ac6604 #ac6604 #935703;
}

button.tj-btn-alerta:hover, 
input[type="submit"].tj-btn-alerta:hover, 
input[type="button"].tj-btn-alerta:hover,
.tj-btn-alerta:hover,
a.tj-btn-alerta:hover { 
	color: #fff;
	background-color: #dd8405;
	border-color: #935703 #935703 #7a4903;
}

button.tj-btn-erro, 
input[type="submit"].tj-btn-erro, 
input[type="button"].tj-btn-erro,
.tj-btn-erro,
a.tj-btn-erro {
	color: #fff;
	background-color: #da4e49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	border-color: #942a24 #942a24 #7f241f;
}

button.tj-btn-erro:hover, 
input[type="submit"].tj-btn-erro:hover, 
input[type="button"].tj-btn-erro:hover,
.tj-btn-erro:hover,
a.tj-btn-erro:hover { 
	color: #fff;
	background-color: #bd362f;
	border-color: #7f241f #7f241f #7b201b;
}

button.tj-btn-sucesso, 
input[type="submit"].tj-btn-sucesso, 
input[type="button"].tj-btn-sucesso,
.tj-btn-sucesso,
a.tj-btn-sucesso {
	color: #fff;
	background-color: #59b359;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	border-color: #408040 #408040 #376f37;
}

button.tj-btn-sucesso:hover, 
input[type="submit"].tj-btn-sucesso:hover, 
input[type="button"].tj-btn-sucesso:hover,
.tj-btn-sucesso:hover, 
a.tj-btn-sucesso:hover { 
	color: #fff;
	background-color: #51a351;
	border-color: #376f37 #376f37 #336b33;
}


button.tj-btn-info, 
input[type="submit"].tj-btn-info, 
input[type="button"].tj-btn-info,
.tj-btn-info,
a.tj-btn-info {
	color: #fff;
	background-color: #45abc9;
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
	border-color: #24748b #24748b #1f6377;
}

button.tj-btn-info:hover, 
input[type="submit"].tj-btn-info:hover, 
input[type="button"].tj-btn-info:hover,
.tj-btn-info:hover, 
a.tj-btn-info:hover { 
	color: #fff;
	background-color: #2f96b4;
	border-color: #1f6377 #1f6377 #1b5f73;
}

button.disabled, 
button[disabled], 
input[type="submit"].disabled, 
input[type="button"].disabled, 
input[type="submit"][disabled], 
input[type="button"][disabled], 
input[type="reset"][disabled], 
[class^="tj-btn"].disabled, 
[class*=" tj-btn"].disabled,
button.disabled:hover, 
button[disabled]:hover, 
input[type="submit"].disabled:hover, 
input[type="button"].disabled:hover, 
input[type="submit"][disabled]:hover, 
input[type="button"][disabled]:hover, 
input[type="reset"][disabled]:hover, 
[class^="tj-btn"].disabled:hover, 
[class*=" tj-btn"].disabled:hover {	
	cursor: default;
	background-color: #d8d8d8;
	background-image: none;
	border:1px solid #aaa;
	opacity: 0.65;
	box-shadow: none;
}

button.small, 
input[type="submit"].small, 
input[type="button"].small, 
input[type="reset"].small,
[class^="tj-btn"].small, 
[class*=" tj-btn"].small {	
	min-width: 16px;
	padding:2px 6px;
	line-height:20px;
}

/* end buttons */

/******************************************
begin combo
******************************************/
div.tj-combo {
  margin-bottom: 5px;
  white-space: nowrap; 
	vertical-align: top;
	font-size:0;
}

div.tj-combo input[type="text"], 
div.tj-combo input[type="button"],
div.tj-combo [class^="tj-btn"],
div.tj-combo [class*=" tj-btn"]
{
	margin-left:-1px;
	margin-right:0px;
	position: relative;
	margin-bottom: 0; 
	*margin-left: 0;
	display: inline-block;
	min-width: 16px;
	border-radius: 0;
	line-height:14px;
	font-size:12px;
}

div.tj-combo input[type="text"]{
	padding:8px 6px;
}

div.tj-combo.small input[type="text"]{
	padding:5px 6px;
}

div.tj-combo.small input[type="button"],
div.tj-combo.small [class^="tj-btn"],
div.tj-combo.small [class*=" tj-btn"]{
	line-height:20px;
	padding:2px 6px;
}

div.tj-combo input[type="text"]:first-child {
	border-radius: 3px 0 0 3px;
	margin-left:0;
}

div.tj-combo input[type="text"]:last-child{
	border-radius: 0 3px 3px 0;
	margin-right:0;
}

div.tj-combo [class^="tj-btn"]:first-child,
div.tj-combo [class*=" tj-btn"]:first-child,
div.tj-combo input[type="button"]:first-child {
	border-radius: 4px 0 0 4px;
	margin-left:0;
}

div.tj-combo [class^="tj-btn"]:last-child,
div.tj-combo [class*=" tj-btn"]:last-child,
div.tj-combo input[type="button"]:last-child {
	border-radius: 0 4px 4px 0;
	margin-right:0;
}
/* end combo */

/******************************************
begin button-group
******************************************/
.tj-buttons {
  position: relative;
  font-size: 0; 
  vertical-align: middle; 
  white-space: nowrap; 
}

.tj-buttons + .tj-buttons {
  margin-left: 5px;
}

.tj-buttons > [class^="tj-btn"],
.tj-buttons > [class*=" tj-btn"] {
  font-size: 12px; 
  position: relative;
  border-radius:0;
	vertical-align:middle;
	margin-left:-1px;
}

.tj-buttons > [class^="tj-btn"]:first-child,
.tj-buttons > [class*=" tj-btn"]:first-child {
  margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.tj-buttons > [class^="tj-btn"]:last-child,
.tj-buttons > [class*=" tj-btn"]:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* end button group */

/******************************************
begin ícones
******************************************/

[class^="tj-ico-"],
[class*=" tj-ico-"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  background-image: url("images/icones-20x20-blue.png");
  background-position: 20px 20px;
  background-repeat: no-repeat;
	margin-top:-1px;
}

.tj-ico-cifrao{ background-position:0 0}
.tj-ico-home{ background-position:-20px 0}
.tj-ico-like{ background-position:-40px 0}
.tj-ico-tile{ background-position:-60px 0}
.tj-ico-rss{ background-position:-80px 0}
.tj-ico-star{ background-position:-100px 0}
.tj-ico-quadrado{ background-position:-120px 0}
.tj-ico-lista{ background-position:-140px 0}
.tj-ico-exportar{ background-position:-160px 0}
.tj-ico-importar{ background-position:-180px 0}

.tj-ico-expandir{ background-position:0 -20px}
.tj-ico-contrair{ background-position:-20px -20px}
.tj-ico-retrocesso{ background-position:-40px -20px}
.tj-ico-retrocesso-rapido{ background-position:-60px -20px}
.tj-ico-avanco-rapido{ background-position:-80px -20px}
.tj-ico-avanco{ background-position:-100px -20px}
.tj-ico-reciclar{ background-position:-120px -20px}
.tj-ico-substituir{ background-position:-140px -20px}
.tj-ico-refresh{ background-position:-160px -20px}
.tj-ico-seta{ background-position:-180px -20px}

.tj-ico-primeira{ background-position:0 -40px}
.tj-ico-anterior{ background-position:-20px -40px}
.tj-ico-proxima{ background-position:-40px -40px}
.tj-ico-ultima{ background-position:-60px -40px}
.tj-ico-pausa{ background-position:-80px -40px}
.tj-ico-ok{ background-position:-100px -40px}
.tj-ico-cancelar{ background-position:-120px -40px}
.tj-ico-mais{ background-position:-140px -40px}
.tj-ico-interrogacao{ background-position:-160px -40px}
.tj-ico-info{ background-position:-180px -40px}

.tj-ico-duvida{ background-position:0 -60px}
.tj-ico-negado{ background-position:-20px -60px}
.tj-ico-power{ background-position:-40px -60px}
.tj-ico-destrancado{ background-position:-60px -60px}
.tj-ico-trancado{ background-position:-80px -60px}
.tj-ico-mais-doc{ background-position:-100px -60px}
.tj-ico-menos-doc{ background-position:-120px -60px}
.tj-ico-menos-zoom{ background-position:-140px -60px}
.tj-ico-mais-zoom{ background-position:-160px -60px}
.tj-ico-busca{ background-position:-180px -60px}

.tj-ico-mouse{ background-position:0 -80px}
.tj-ico-fone{ background-position:-20px -80px}
.tj-ico-smile{ background-position:-40px -80px}
.tj-ico-som{ background-position:-60px -80px}
.tj-ico-som-off{ background-position:-80px -80px}
.tj-ico-comentar{ background-position:-100px -80px}
.tj-ico-pessoas{ background-position:-120px -80px}
.tj-ico-foto{ background-position:-140px -80px}
.tj-ico-pessoa{ background-position:-160px -80px}
.tj-ico-viagem{ background-position:-180px -80px}

.tj-ico-configurar{ background-position:0 -100px}
.tj-ico-ferramenta{ background-position:-20px -100px}
.tj-ico-pen-drive{ background-position:-40px -100px}
.tj-ico-nuvem{ background-position:-60px -100px}
.tj-ico-relogio{ background-position:-80px -100px}
.tj-ico-mundo{ background-position:-100px -100px}
.tj-ico-pizza{ background-position:-120px -100px}
.tj-ico-barras{ background-position:-140px -100px}
.tj-ico-carteira{ background-position:-160px -100px}
.tj-ico-filmar{ background-position:-180px -100px}

.tj-ico-lixo{ background-position:0 -120px}
.tj-ico-mouse-black{ background-position:-20px -120px}
.tj-ico-microfone{ background-position:-40px -120px}
.tj-ico-tv{ background-position:-60px -120px}
.tj-ico-rede{ background-position:-80px -120px}
.tj-ico-calendario{ background-position:-100px -120px}
.tj-ico-documento-vazio{ background-position:-120px -120px}
.tj-ico-pino{ background-position:-140px -120px}
.tj-ico-ampulheta{ background-position:-160px -120px}
.tj-ico-editar{ background-position:-180px -120px}

.tj-ico-disquete{ background-position:0 -140px}
.tj-ico-aprovar{ background-position:-20px -140px}
.tj-ico-reprovar{ background-position:-40px -140px}
.tj-ico-selecionar{ background-position:-60px -140px}
.tj-ico-imprimir{ background-position:-80px -140px}
.tj-ico-diretorio{ background-position:-100px -140px}
.tj-ico-cortar{ background-position:-120px -140px}
.tj-ico-envelope{ background-position:-140px -140px}
.tj-ico-chave{ background-position:-160px -140px}
.tj-ico-doc{ background-position:-180px -140px}

.tj-ico-diagrama{ background-position:0 -160px}
.tj-ico-alarme{ background-position:-20px -160px}
.tj-ico-lampada{ background-position:-40px -160px}
.tj-ico-mapa{ background-position:-60px -160px}
.tj-ico-bandeira{ background-position:-80px -160px}
.tj-ico-filme{ background-position:-100px -160px}
.tj-ico-valise{ background-position:-120px -160px}
.tj-ico-tiquete{ background-position:-140px -160px}
.tj-ico-clipe{ background-position:-160px -160px}
.tj-ico-aviso{ background-position:-180px -160px}

.tj-ico-doc-pdf{ background-position:0 -180px}


/******************************************
begin box
******************************************/
.tj-box {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius:4px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.05);
}

/* end box */

/******************************************
begin elementos com ícone
******************************************/
.tj-icon-pdf {
	display: block;
	padding-left: 50px;
	min-height: 33px;
	background-image: url(images/pdf.png);
	background-position:15px 5px;
	background-repeat: no-repeat;
}
	
.tj-icon-loading {
	display: block;
	padding-left: 50px;
	min-height: 34px;
	background-image: url(images/loading.gif);
	background-position:13px 5px;
	background-repeat: no-repeat;
}

.tj-icon-arquivo {
	display: block;
	padding-left: 50px;
	min-height: 33px;
	background-image: url(images/arquivo.png);
	background-position:15px 5px;
	background-repeat: no-repeat;
}
	
.tj-icon-doc {
	display: block;
	padding-left: 50px;
	min-height: 33px;
	background-image: url(images/doc.png);
	background-position:15px 5px;
	background-repeat: no-repeat;
}
		
/* end elementos com ícone */

/******************************************
begin links em lista ol
******************************************/
ol.links {

}

ol.links li {
	background: #fff; 
	display: block; 
	padding: 0px; 
	margin: 0; 
	width: 100%; 
	border: 0; 
}

ol.links li a{
	display: block;
	margin:0;
	padding:10px 10px 10px 50px; 
	border-bottom: 1px dotted #ddd; 
	text-align: left; 
	color: #888;
	background-color:white;
}

ol.links li a:hover{
	background-color:#ffb;
}

ol.links li:last-child a{
	border-bottom: none; 
}

/* end links em lista ol */

/******************************************
begin atributos de tamanho
******************************************/
.tj-1 {
	width: 73px;
}

.tj-2 {
	width: 146px;
}

.tj-3 {
	width: 219px;
}

.tj-4 {
	width: 292px;
}

.tj-5 {
	width: 365px;
}

.tj-6 {
	width: 438px;
}

.tj-7 {
	width: 511px;
}

.tj-8 {
	width: 584px;
}

.tj-9 {
	width: 657px;
}

.tj-10 {
	width: 730px;
}

/* end atributos de tamanho */



/* aplicar a classe clearfix em elementos que contém floats */
/* isso irá ajustar o conteúdo do container à altura dos floats */

.clearfix:after {
	content:" ";
	float:none;
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	clear:both;
	margin:0;
	padding:0;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}

.clear {
	clear:both;
}

.hidden {
	display:none;
}

.inline-box {
	display:inline-block;
	*display:inline;
	zoom:1;
}

/****************************************************************/
/* alterações no tema do jquery-ui para adaptar ao nosso layout */
/****************************************************************/

.ui-dialog-titlebar,
.ui-dialog-titlebar-widget-header,
.ui-dialog-titlebar.ui-corner-all ,
.ui-tabs-nav,
.ui-tabs-nav.ui-widget-header,
.ui-tabs-nav.ui-corner-all ,
.ui-datepicker-header, 
.ui-datepicker-header.ui-widget-header,  
.ui-datepicker-header.ui-corner-all {
  border: none;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
}

.ui-dialog-title {
	font-size:16px;
	line-height:18px;
}

.ui-tabs,
.ui-tabs.ui-widget-content,
.ui-tabs.ui-corner-all {
  border:none;
}

.ui-tabs .ui-tabs-nav {
	padding-left:1em;	
}

.ui-tabs-nav > li.ui-state-active{
	background-color:white;	
	background-image:none;
}

.ui-dialog {
	border:4px solid #777;
	box-shadow: 0 0 20px #888888;
}

button.ui-corner-all.ui-widget.ui-dialog-titlebar-close {
	border:none;
}

.ui-datepicker td span, 
.ui-datepicker td a,
.ui-datepicker td a.ui-state-default {
	border:none;
	text-align:center;
	margin:1px;	
}

.ui-datepicker td a.ui-state-active {
	border:1px solid #aaa;
	margin:0px;
}

.ui-datepicker-week-end .ui-state-default{
	font-weight:bold;
}

ol.links.ui-accordion-content.ui-widget-content {
	padding:0;
	margin:0;
}