/* Este CSS seta o padrão de estilos para os portlets */

/* ---------- Portlet wrapper e icones ---------- */

.portlet {
	text-align: left;
}

.freeform .portlet {
	margin-bottom: 0;
}

body.portlet {
	border: none;
}

.portlet-topper {
	position: relative;
}

.portlet-title {
	display: block;
	font-weight: bold;
	min-width: 50%;
}

.portlet-title img {
	vertical-align: middle;
}

.portlet-icons {
	margin: 0;
	position: absolute;
	right: 5px;
	text-align: right;
	top: 5px;
}

.portlet-icons .nobr {
	display: block;
	float: left;
	padding: 1px;
}

.portlet-content, .portlet-minimized .portlet-content-container {
	padding: 12px 10px 10px;
}

.portlet-minimized .portlet-content {
	padding: 0;
}

.portlet-icon-back {
	background: url(../images/arrows/01_left.png) no-repeat 0 50%;
	font-weight: bold;
	padding: 3px 0 3px 18px;
}

/* ---------- Panel Page ---------- */

.lfr-panel-page {
	width: 100%;
}

.lfr-panel-page .portlet-title {
	font-size: 13px;
}

.lfr-panel-page #content-wrapper {
	margin: 0;
	width: auto;
}

.lfr-panel-page .lfr-add-content h2 span {
	background-color: #D3DADD;
}

/* ---------- Standard styles defined in the JSR 168 ---------- */

/* ---------- Fonts ---------- */

/* ---------- Font attributes for the 'normal' fragment font ---------- */

.portlet-font {
}

/* ---------- Font attributes similar to the .portlet-font but the color is lighter ---------- */

.portlet-font-dim {
}

/* ---------- Messages ---------- */

/* ---------- Status of the current operation ---------- */

.portlet-msg-status {
}

/* ---------- Help messages, general additional information, etc. ---------- */

.portlet-msg-info {
	background: #DFF4FF url(../images/messages/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

.portlet-msg-info.pending {
	background-image: url(../images/common/time.png);
}

/* ---------- Mensagens de Erro ---------- */

.portlet-msg-error {
	background: #FDD url(../images/messages/error.png) no-repeat 6px 50%;
	border: 1px solid #F00;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Mensagens de Advertência ---------- */

.portlet-msg-alert {
	background: #FFC url(../images/messages/alert.png) no-repeat 6px 20%;
	border: 1px solid #FC0;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Mensagens de Sucesso ---------- */

.portlet-msg-success {
	background: #F4FDEF url(../images/messages/success.png) no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}

/* ---------- Sessões ---------- */

/* ---------- Tabela ou cabeçalho da sessão ---------- */

.portlet-section-header {
}

.portlet-section-header th {
}

/* ---------- Texto normal em uma célula de tabela ---------- */

.portlet-section-body {
}

.portlet-section-body td {
}

/* ---------- Texto em todas as outras linhas de uma célula ---------- */

.portlet-section-alternate {
}

.portlet-section-alternate td {
}

.portlet-section-alternate-hover td, .portlet-section-body-hover td {
}

.portlet-section-body td td, .portlet-section-body-hover td td {
}

.portlet-section-alternate td td, .portlet-section-alternate-hover td td {
}

/* ---------- Texto em uma célula ativa/selecionada ---------- */

.portlet-section-selected, .portlet-section-selected a {
	background: #727C81;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.portlet-section-selected a:hover, .portlet-section-selected a:focus {
	background-color: #727C81;
}

/* ---------- Texto de um subcabeçalho ---------- */

.portlet-section-subheader {
}

/* ---------- Tabela ou nota de sessão ---------- */

.portlet-section-footer {
}

.portlet-section-text {
}

/* ---------- Formulários ---------- */

/* ---------- Texto descritivo usado para o rótulo de todo o formulário (não os rótulos de campos) ---------- */

.portlet-form-label {
}

/* ---------- Texto da entrada de um usuário, em um campo de entrada ---------- */

.portlet-form-input-field {
}

/* ---------- Texto de um botão ---------- */

.portlet-form-button {
}

/* ---------- O texto que aparece ao lado de um contexto dependente ação do ícone ---------- */

.portlet-icon-label {
}

/* ---------- O texto que aparece ao lado de um ícone padrão (por exemplo, OK ou Cancelar) ---------- */

.portlet-dlg-icon-label {
}

/* ---------- Texto para um separador de campos (por exemplo, caixas, etc) ---------- */

.portlet-form-field-label {
}

/* ---------- Texto para um campo (não campo de entrada, por exemplo, caixas, etc) ---------- */

.portlet-form-field {
}

/* ---------- Menus ---------- */

/* ---------- Geral do menu como a cor de fundo, margens, etc ---------- */

.portlet-menu {
}

/* ---------- Normal, itens não selecionados do menu ---------- */

.portlet-menu-item {
}

/* ---------- Item selecionado do menu ---------- */

.portlet-menu-item-selected {
}

/* ---------- Normal, itens não selecionados do menu quando o mouse passa sobre ele ( hover ) ---------- */

.portlet-menu-item-hover {
}

/* ---------- Item selecionado do menu, quando o mouse passa sobre ele ---------- */

.portlet-menu-item-hover-selected {
}

/* ---------- Normal, itens não selecionados do menu que tem sub-menus ---------- */

.portlet-menu-cascade-item {
}

/* ---------- Item de sub-menu selecionado, que tem sub-menus ---------- */

.portlet-menu-cascade-item-selected {
}

/* ---------- Texto descritivo para o menu (por exemplo, em um contexto de ajuda abaixo do menu) ---------- */

.portlet-menu-description {
}

/* ---------- Legenda de Menu ---------- */

.portlet-menu-caption {
}

/* ---------- Estilos dos portlets variados ---------- */

.restricted, .restricted td {
	background: #FDD;
	border: none;
}

.alt.restricted td {
	background-color: #FFC0C0;
}

.hover.restricted td {
	background-color: #D3BDC0;
}

.restricted * {
	color: #727C81;
}

.restricted td.col-1, .alt.restricted td.col-1 {
	background-image: url(../images/messages/error.png);
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 28px;
}

/* ---------- Permissões ---------- */

.results-row.lfr-role .col-1, .results-row.hover.lfr-role .col-1 {
	background-image: url();
	background-position: 5px 50%;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.results-row.lfr-role-guest .col-1, .results-row.hover.lfr-role-guest .col-1 {
	background-image: url(../images/common/guest_icon.png);
}

.results-row.lfr-role-regular .col-1, .results-row.hover.lfr-role-regular .col-1 {
	background-image: url(../images/common/user_icon.png);
}

.results-row.lfr-role-community .col-1, .results-row.hover.lfr-role-community .col-1 {
	background-image: url(../images/common/community_icon.png);
}

.results-row.lfr-role-organization .col-1, .results-row.hover.lfr-role-organization .col-1 {
	background-image: url(../images/common/organization_icon.png);
}

/* ---------- Estilos dos componentes variados ---------- */

/* ---------- Adicionar conteúdo de diálogo ---------- */

.lfr-portlet-item, .lfr-portlet-item p a {
	font-size: 1em;
}

/* ---------- Botão de Ações ---------- */

.lfr-actions {
}

.lfr-actions, .lfr-actions ul {
	background: #FFF url(../images/forms/button.png) repeat-x 0 100%;
	border: 1px solid;
	border-color: #DEDEDE #BFBFBF #BFBFBF #DEDEDE;
}

.lfr-actions ul {
	bottom: -1px;
}

.lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger, .lfr-actions .lfr-trigger strong {
	background: none;
}

.lfr-actions .lfr-trigger strong span {
	background: url(../images/common/action.png) no-repeat 5px 50%;
}

.lfr-actions.left .lfr-trigger strong span {
	background: url(../images/common/action_right.png) no-repeat 98% 50%;
}

.lfr-actions .lfr-trigger li {
	background: transparent;
	border-bottom: 1px solid #DEDEDE;
	padding: 2px;
}

.lfr-actions .lfr-trigger li a {
	padding: 5px 10px 5px 25px;
}

.lfr-actions .lfr-trigger li a:hover {
	background-color: #828F95;
	color: #FFF;
}

.lfr-actions .lfr-trigger li a img {
	left: 3px;
	position: absolute;
}

.lfr-actions .lfr-trigger li.last {
	border-bottom: none;
}

.lfr-actions.portlet-options {
	background: none;
	border: none;
	float: left;
}

.lfr-actions.portlet-options .lfr-trigger {
	padding: 0;
}

.lfr-actions.portlet-options .lfr-trigger strong {
	min-width: 0;
	padding: 1px;
}

.lfr-actions.portlet-options .lfr-trigger strong span {
	background-image: url(../images/portlet/options.png);
	background-position: 0 0;
	display: block;
	height: 16px;
	padding: 0;
	text-indent: -9999em;
	width: 16px;
}

.visible.portlet-options .lfr-trigger strong span {
	background-image: url(../images/portlet/options_selected.png);
}

/* ---------- Taglib - Calendário ---------- */

.taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td {
	border: none;
}

.taglib-calendar tr td a {
	background-color: #F0F5F7;
	border: 1px solid #FFF;
	border-bottom: none;
	border-left: none;
	display: block;
	height: 15px;
	padding: 5px 0;
}

.taglib-calendar table td {
	border-width: 0;
}

.taglib-calendar tr td a:hover {
	background-color: #727C81;
	color: #FFF;
}

.taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a {
	background-color: #FFF;
}

.taglib-calendar .calendar-current-day a {
	border: 1px solid #727C81;
	color: #369;
	text-decoration: underline;
}

.taglib-calendar tr td.calendar-inactive {
	background-color: #FFF;
	color: #B5BFC4;
}

.taglib-calendar tr th {
	border-bottom-color: #D7D7D7;
}

.ie .taglib-calendar tr td.first a {
	border-right: none;
}