﻿/* BUILT-IN DOCUMENT MAIN STRUCTURE ELEMENTS */
html, body, div, td, ul, h1, h2, h3, h4, p, li, form {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;	
}

html {
	overflow-x: hidden;	/* workaround a possible precison bug in IE when using percent widths */
    overflow-y: scroll; /* always shows vertical scrollbars */
}

body, input {
   font-family: arial, sans-serif; 
}

body {
	font-size: 101%;
}

input {
	font-size: 90%;	
}

h1, h2, h3 {
	margin: 1.5%;
	margin-left: 2%;
	margin-right: 2%;
}

h1 {
	font-size: 1.9em;
}

h2 {
	font-size: 1.4em;
    font-weight: normal;
}

/* CUSTOM DOCUMENT MAIN STRUCTURE ELEMENTS */
div.container {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* "real" browsers */
	min-height: 100%; /* "real" browsers */
}

div.header {
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
}
/*
img.logotipo {
	margin-top: 16px;	
	margin-left: 16px;	
}
*/
a.logotipo, a.logotipo:hover {
	display: inline-block;
	width: 450px;
	height: 40px;
	margin-top: 14px;
	font-family: "Times New Roman", Times, serif;
	/* hide main title text. Only to be shown when printing.  */
	font-size: 0px;
	line-height: 0px; 
	letter-spacing: -1px;
}

html>body a.logotipo {
	display: -moz-inline-box;
}

div.page ul {
    padding-left: 2%;
    padding-bottom: 0.5em;
}

div.content {
	padding-bottom: 56px;
	min-height: 100%;
	font-size: 80%;
	color: black;
}

div.footer {
	position: absolute;
	bottom:0; /* stick to bottom */
	width:100%;
	background-color: lightgray;
	border-top: 1px solid darkgray;
	color: darkgray;
	font-size: small;
	text-align: right;
}

div.footer div.conteudoRodape {
	padding: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	font-family: "century gothic", arial, sans-serif;		
}

div.footer div.conteudoRodape a {
	text-decoration: none;
}

div.footer div.conteudoRodape a:hover {
	color: blue;
	border-bottom: 1px dotted;
}

/* OTHER GENERIC DOCUMENT ELEMENTS */
.aviso, .erro {
	margin: 2%;
	padding: 0.6%;
	border: 2px dotted #775f39;
	background-color: lightgray;
}


div.aviso h1, div.erro h1 {
	margin: 0px;
	padding: 0.3%;
	font-size: medium;
}
div.aviso p, div.erro p {
	margin: 0px;
	padding: 0.3%;
}

ul li, p {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}

ul li h1, ul li h2, ul li h3{
	line-height: 1.2em;
}

p, ul{
	margin-left: 2%;
	margin-right: 2%;	
}

p {
    margin-bottom: 0.5em;
    text-align: justify;
}

a {
	color: blue;
	text-decoration: underline;
}

a:hover{
	color: red;	
}

.caption {
	font-weight: bold;
}

a img {
	border: 2px solid blue;
}

a:hover img {
	border-color: #4490bd;	
}

div.paginas{
   margin-top: 2em;
}

div.paginas ul {
/*   display: inline-block;*/
   text-align: center;
   margin: 0px;
   padding: 0.3em;
   font-size: 90%;
   margin-left: auto;
   margin-right: auto;
}

div.paginas ul li{
	display: inline;
	border: 1px solid #cbe1ed;
	margin-left: 0.2em;
	margin-right: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0px;
}

div.paginas ul li:hover{
	border: 1px solid #99bbcc;
}

div.paginas ul li.seta, div.paginas ul li.hiato {
	border: 0px !important;
	background-color: transparent;
	padding: 0.2em;
}

div.paginas ul li.seleccao {
	background-color: #f7911d;
	border: 1px solid #f7911d;
	color: white;
	font-weight: bold;
}

div.paginas ul li a{
	color: #2678A8;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

div.paginas ul li img {
   border: 0px;
   vertical-align: text-top;
}

table.examples {
    border-collapse: collapse;
    margin-left: 4%;
    margin-right: 2%;
    margin-bottom: 0.5em;
}

table.examples td, table.examples th {
    padding: 0.2em;
    padding-left: 0.5em;
    padding-right: 1em;
    text-align: left;
}

table.examples td {
    border: 1px solid #28556f;
}

table.examples td.input, table.examples td.output {
    font-family: Courier, "Courier New", monospace;
}

table.examples th, table.examples td.input, table.examples td.output {
    white-space: nowrap;
}

/* OTHER SPECIFIC DOCUMENT ELEMENTS */

/* large icons */
.tituloDocumento,
.tituloSerie,  
.tituloIdeografico, 
.tituloGeografico, 
.tituloOnomastico,
.tituloTipologia, 
.tituloProdutor {
	padding-left: 30px;
	background: url('/media/common/img/icons/empty_24.png') no-repeat left top;
	min-height: 1.35em;
}

/* emulate min-height in internet explorer 6*/
/*\*/
* html .tituloDocumento,
* html .tituloSerie, 
* html .tituloIdeografico, 
* html .tituloGeografico, 
* html .tituloOnomastico, 
* html .tituloTipologia,
* html .tituloProdutor {
	height: 1.3em;
}
/**/

.tituloDocumento {
	background: url('/media/common/img/icons/document_24.png') no-repeat left top;
}

.tituloSerie {
	background: url('/media/common/img/icons/serie_24.png') no-repeat left top;
}

.tituloIdeografico{
	background: url('/media/common/img/icons/ideographic_24.png') no-repeat left top;
}

.tituloOnomastico {
	background: url('/media/common/img/icons/onomastic_24.png') no-repeat left top;
}

.tituloGeografico {
	background: url('/media/common/img/icons/geographic_24.png') no-repeat left top;
}

.tituloTipologia {
	background: url('/media/common/img/icons/form_24.png') no-repeat left top;
}

.tituloProdutor {
	background: url('/media/common/img/icons/creator_24.png') no-repeat left top;
}

/* small icons */

ul.registosAutoridade,
ul.unidadesArquivisticas,
ul.codigos,
ul.datastreams {
	list-style-type: none;
}

ul.registosAutoridade li.ideografico, 
ul.registosAutoridade li.onomastico, 
ul.registosAutoridade li.geografico,
ul.registosAutoridade li.tipologia,
ul.registosAutoridade li.produtor,
ul.unidadesArquivisticas li.documento, 
ul.unidadesArquivisticas li.serie,
ul.codigos li,
a.serie,
a.documento,
li.datastream {
	padding-left: 1.55em;
	background: url('/media/common/img/icons/empty_16.png') no-repeat top left;
	width: auto;
	height: auto;
	min-height: 16px;
}

ul.registosAutoridade li.subtipologia {
	margin-left: 1.2em;
}

a.serie, a.documento {
    padding-bottom: 2px;
}

/* emulate min-height in internet explorer 6*/
/*\*/
* html ul.assuntosChave li.ideografico, 
* html ul.assuntosChave li.onomastico, 
* html ul.assuntosChave li.geografico,
* html ul.tipologias li {
	height: 16px;
}
/**/

ul.codigos li {
	background: url('/media/common/img/icons/code_16.png') no-repeat top left;
}

ul.registosAutoridade li.produtor {
	background: url('/media/common/img/icons/creator_16.png') no-repeat top left;
}

ul.registosAutoridade li.ideografico {
	background: url('/media/common/img/icons/ideographic_16.png') no-repeat top left;
}

ul.registosAutoridade li.onomastico {
	background: url('/media/common/img/icons/onomastic_16.png') no-repeat top left;
}

ul.registosAutoridade li.geografico {
	background: url('/media/common/img/icons/geographic_16.png') no-repeat top left;
}

ul.registosAutoridade li.tipologia {
	background: url('/media/common/img/icons/form_16.png') no-repeat top left;
}

ul.unidadesArquivisticas li.documento, a.documento  {
	background: url('/media/common/img/icons/document_16.png') no-repeat top left;
}

ul.unidadesArquivisticas li.serie, a.serie  {
	background: url('/media/common/img/icons/serie_16.png') no-repeat top left;
}

ul.datastreams li.datastream  {
	background: url('/media/common/img/icons/datastream_16.png') no-repeat top left;
}

/* menu */
ul.menu {
    vertical-align: middle; 
    font-size: 0.9em; 
    margin-top: 0.3em;
    margin-left: auto;
    margin-right: 0.5em;  
    text-align: right; 
}

ul.menu li {
    display: inline;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

ul.menu li img, ul.menu li a {
    vertical-align: middle;
}


/* search boxes */
input.button {
	background-color: #f4f8fa;
}

div.searchFormAndOptions {
	width: 35em;
	height: 4em;
	margin-left: auto;
	margin-right: auto;
    margin-top: 1.1em;
    padding-left: 10em;
    font-size: 1em;
}

/* unused?
div.header div.searchFormAndOptions {
    position: absolute;
    right: 0px;
	margin-right: 20px;
    margin-top: 1.5em;
    font-size: 0.8em;
}

div.header div.searchFormAndOptions a {
    color: white;
}
*/

div.searchFormAndOptions form.search {
    float: left;
	width: 23.5em;
    text-align: right; 
    margin-right: 1em;
}

div.searchFormAndOptions div.options {
	float: left;
	width: 10em;
	text-align: left;
}

div.searchFormAndOptions input.button {
    width: 7em;
}

div.searchFormAndOptions input#q{
	width: 24em;
    clear: right;
    margin-bottom: 0.5em;
}
/*
div.header div.searchFormAndOptions input#q{
	width: 20em;
}
*/

div.creatorsSideSearchForm,
div.formsSideSearchForm,
div.subjectsSideSearchForm,
div.unitsOfDescriptionSideSearchForm,
p.numResultados {
    float: right;
    clear: both;
    padding: 1.5em;
    width: 17em;
}

p.numResultados {
    width: auto;
    
}

div.unitsOfDescriptionSideSearchForm input#txtAll,
div.creatorsSideSearchForm input#txtTerm {
	width: 18em;
}

div.unitsOfDescriptionSideSearchForm input.button,
div.unitsOfDescriptionSideSearchForm div.options {
    float: left;
}

div.unitsOfDescriptionSideSearchForm input, 
div.creatorsSideSearchForm input,
div.creatorsSideSearchForm select,
div.subjectsSideSearchForm input,
div.subjectsSideSearchForm select {
	margin-bottom: 0.8em;
}

div.unitsOfDescriptionSideSearchForm div.options {
    width: 11em;
	margin-left: 1.5em;
    font-size: 0.82em;
    vertical-align: top;
}


/*
div.authorityRecordsSearchForm p.title {
    margin-left: 0;
    font-weight:bold;
}
*/

/*
ul.registosAutoridade {
    background-color: red;
}

div.authorityRecordsSearchForm {
    background-color: blue;
    width: 300px;
}

div.content {
    background-color: yellow;
}
*/
