/*
 * Geral
 */

body {
    font-size: 0.8em;
}

a {
    font-weight: normal;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    background: transparent;
}

h1 {
    margin: 1em 0;
    font-size: 160%;
}

p {
    margin-bottom: 1ex;
}

input, textarea {
    font-size: 100%;
    padding: 0.2em;
    border: 1px solid #ccc;
}

form {
    width: 400px;
    padding: 1ex;
    background: #eef;
    border: 1px solid #ccc;
}

table tr:nth-child(2n) td,
table .altrow td {
	background: #eee;
}

div.input.select div.checkbox {
    margin-bottom: 0;
}

#container {
    width: 850px;
    margin: 3em auto;
    background: #eef;
}

#header {
    padding: 0;
    margin: 0;
}

#header .direita {
    float: right;
    color: #777;
    padding-top: 4px;
    padding-right: 2ex;
    font-size: 90%;
}

#footer {
    color: #666;
    font-size: 80%;
    text-align: center;
}

#content {
    width: 800px;
    overflow: hidden;
    margin: auto;
    background-image: url('/img/fundo.jpg');
    background-repeat: no-repeat;
}

#flashMessage {
    padding: 0;
    background: transparent;
    color: #f00;
}

table td.empty {
    padding: 2em;
    font-style: italic;
    text-align: center;
}

table.vertical th {
    width: 25ex;
}

table a {
    font-weight: bold;
}

div.voltar {
    text-align: right;
}

div.botoes-esquerda {
    float: left;
}

div.error-message {
    padding: 0;
    background: transparent;
    color: #f00;
}

div.radio-sem-estilo label {
    margin: 0;
    margin-bottom: 0.5ex;
}

div.radio-sem-estilo input[type=radio] {
    float: none;
}

div.radio-sem-estilo input[type=text] {
    width: auto;
}

fieldset.sem-estilo {
    margin: 0;
    padding: 0;
    border: none;
}

div.nome-oracao {
    font-weight: bold;
    margin-bottom: 1ex;
}


/*
 * Menu
 */

ul.dropdown {
    position: relative;
    list-style: none;
    margin: 0;
}

ul.dropdown li {
    float: left;
    background: #eef;
    margin: 0;
}

ul.dropdown a {
    text-decoration: none;
}

ul.dropdown a:active {
    color: #fa0;
}

ul.dropdown li a {
    display: block;
    padding: 4px 8px;
    border-right: 1px solid #333;
    color: #222;
}

ul.dropdown li:last-child a {
}

ul.dropdown li.open {
    background: #bbe;
    color: #000;
    position: relative;
}

ul.dropdown li.open a {
    color: #000;
}

ul.dropdown ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    list-style: none;
}

ul.dropdown ul li {
    background: #eef;
    color: #000; 
    float: none;
}

ul.dropdown li.open ul li:hover {
    background: #fff;
}

ul.dropdown ul li a {
    border-bottom: 1px solid #ccc;
}

ul.dropdown ul li.novo-grupo a {
    border-top: 2px solid #ccc;
}

ul.dropdown ul li a {
    border-right: none;
    width: 204px;
    display: inline-block;
}


/*
 * Paginacao
 */

div.paginator-prev span,
div.paginator-next span {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

div.paginator-prev span a,
div.paginator-next span a {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
}

div.paginator-prev span {
    background-image: url('/img/arrow_left_disabled.png');
}

div.paginator-prev span a {
    float: left;
    background-image: url('/img/arrow_left.png');
}

div.paginator-next span {
    float: right;
    background-image: url('/img/arrow_right_disabled.png');
}

div.paginator-next span a {
    background-image: url('/img/arrow_right.png');
}

div.paginator-counter {
    height: 32px;
    margin-top: -24px;
    color: #336;
    font-size: 12px;
    text-align: center;
}


/*
 * Calendario do mes
 */

div#calendario_mes {
    width: 800px;
    margin: 0 auto;
    font-size: 85%;
}

table#calendario_mes_nome_dos_dias {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

table#calendario_mes_nome_dos_dias th {
    width: 14%;
    padding: 3px 0;
    padding-left: 1ex;
}

div#calendario_mes_dias {
    height: 600px;
    cursor: pointer;
}

div.calendario_mes_dias_linha {
    width: 100%;
    overflow: hidden;
}

div.calendario_mes_dias_linha table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

div.calendario_mes_dias_linha td {
    width: 14%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 0;
}

div.calendario_mes_dias_linha td.hoje {
    background: #ef9;
}

div.calendario_mes_dias_linha td div.label {
    background: #eee;
    text-align: right;
    padding: 0.3em 0.5em;
    color: #444;
}

div.calendario_mes_dias_linha td div.evento,
div.calendario_mes_dias_linha td div.compromisso,
div.calendario_mes_dias_linha td div.festa,
div.calendario_mes_dias_linha td div.aniversario,
div.calendario_mes_dias_linha td div.santo-do-dia {
    padding: 0.3em 0.5em;
}

div.calendario_mes_dias_linha td div.evento {
    background: #ee4;
}

div.calendario_mes_dias_linha td div.compromisso {
    background: #e44;
    color: #fff;
}

div.calendario_mes_dias_linha td div.festa {
    background: #fa0;
}

div.calendario_mes_dias_linha td div.aniversario {
    background: #44e;
    color: #fff;
}

div.calendario_mes_dias_linha td div.santo-do-dia {
    background: #474;
    color: #fff;
}

div.calendario_mes_dias_linha td div.nao-atual {
    color: #aaa;
}

div.calendario_mes_dias_linha td.hoje div.label {
    background: #cd7;
}

div.calendario_mes_seta_esquerda,
div.calendario_mes_seta_direita {
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-repeat: no-repeat;
}

div.calendario_mes_seta_esquerda.superior,
div.calendario_mes_seta_direita.superior {
    padding-bottom: 1ex;
}

div.calendario_mes_seta_esquerda.inferior,
div.calendario_mes_seta_direita.inferior {
    margin-top: 1ex;
}

div.calendario_mes_seta_esquerda {
    background-image: url('/img/arrow_left.png')
}

div.calendario_mes_seta_direita {
    float: right;
    background-image: url('/img/arrow_right.png')
}

div#calendario_mes_legenda {
    margin-top: 2ex;
    padding: 1ex;
    border: 1px solid #ccc;
    font-size: 90%;
}

div.calendario_mes_legenda_item {
    float: left;
    width: 120px;
    margin-right: 1ex;
    text-align: center;
    padding: 10px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

div.calendario_mes_legenda_item.evento {
    background: #ee4;
    border: 1px solid #995;
}

div.calendario_mes_legenda_item.compromisso {
    background: #e44;
    color: #fff;
    border: 1px solid #955;
}

div.calendario_mes_legenda_item.festa {
    background: #fa0;
    border: 1px solid #970;
}

div.calendario_mes_legenda_item.aniversario {
    background: #44e;
    color: #fff;
    border: 1px solid #559;
}

div.calendario_mes_legenda_item.santo-do-dia {
    background: #474;
    color: #fff;
    border: 1px solid #559;
}

div#calendario_mes_legenda_fim {
    clear: both;
}


/*
 * Agenda do dia
 */

div#calendario_dia_calendario_mes {
    float: right;
}

div#calendario_dia_calendario_mes a.evento {
    background: #ee4;
}

div#calendario_dia_calendario_mes a.compromisso {
    background: #e44;
    color: #fff;
}

div#calendario_dia_imagem {
    margin-top: 2ex;
    clear: right;
    float: right;
    cursor: pointer;
}

div#calendario_dia div.item {
    width: 520px;
    padding: 1ex;
    overflow: hidden;
    margin-bottom: 1ex;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    cursor: pointer;
}

div#calendario_dia div.item div.tipo {
    margin-right: 3ex;
    float: left;
    font-weight: bold;
}

div#calendario_dia div.item.evento {
    background: #ee4;
    border: 1px solid #995;
}

div#calendario_dia div.item.compromisso {
    background: #e44;
    color: #fff;
    border: 1px solid #955;
}

div#calendario_dia div.item.festa {
    background: #fa0;
    border: 1px solid #970;
}

div#calendario_dia div.item.aniversario {
    background: #44e;
    color: #fff;
    border: 1px solid #559;
}

div#calendario_dia div.item.santo-do-dia {
    background: #474;
    color: #fff;
    border: 1px solid #559;
}