/************************************** Top Level ************************************************/
/****************** Estilo para elementos básicos da estrutura do HTML ***************************/
/*************************************************************************************************/

/* The Body of the Page*/
body
{
    position: relative;
    overflow-x: hidden; /*min-height: 1024px;*/
}

/* Font Definition */
*
{	
	font-family: Trebuchet, "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}


/* Links */
* a
{
    cursor: pointer;
}

/* Header 1st Level */
h1
{
    font-weight: bold;
    font-size: 1.6em; 
    text-transform: uppercase;
    color: #fff; 
}

/* Header 2nd Level */
h2
{
    font-weight:bold;
    font-size:1.2em;
    padding-top:15px;
    display:block;
}

/* iFrame*/
iframe
{
    width: 100%;
    height: 23em;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

/* Input (Caixa de Texto) */
input
{
    border: #aaa 1px solid;
    font-family: sans-serif ;
    font-size: 1em;
    color: #000000;
    /* Arredondamento */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px ;
}

/* Input (CheckBox) */
input[type=checkbox]
{
    border: none;
   
    /* Arredondamento */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}


/* Hr */
hr
{
    width:95%;
    height:1px;
    float:left;
    clear:both;
}


/************************************** Top Level ************************************************/
/*********************** Estilo para Eventos de elementos de HTML ********************************/
/*************************************************************************************************/

/* ON FOCUS */
/***** TEXT BOX E TEXT AREA (Se tiver a classe activo conta como se tivesse focus ******/
input:focus, textarea:focus, *.activo
{
    border-color: #058cf5;
    -moz-box-shadow: 0px 0px 3px #aaa;
    -webkit-box-shadow: 0px 0px 3px #aaa;
    box-shadow: 0px 0px 3px #aaa;
}


/* DISABLED */
/***** ITEMS QUE ESTÃO DISABLED ******/
*[disabled] 
{
    background-color: #F0F8FF;
    color: Black;
}

*[type=checkbox][disabled]
{
	background:none;
}

/* READ-ONLY */
/***** ITEMS QUE ESTÃO APENAS PARA LEITURA ******/
/* Tive de colocar aqui important por causa dos mandatory e afins. Basicamente forço a cor do readonly independentemente do cenário. */
*[readonly='readonly']
{
    color: Black;
  /*  background-color: #F0F8FF !important; --- Eu tirei porque me estava a forçar a por isto quando nao queria*/
}

/* Main Button */
.styledButton
{
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
	border:none;
	color:white !important;
	margin-bottom:5px;
	height:25px;
	display:block;
	cursor:pointer;
	text-align:center;
    font-size: 16px;
}
.styledButtonBig
{
    -moz-border-radius: 4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
	border:none;
	color:black !important;
	margin-bottom:5px;
	height:25px;
    width:auto;
	display:block;
	cursor:pointer;
	text-align:center;
    font-size: 16px;
    
}

/************************************** Top Level ************************************************/
/*********************************** Estilo Re-Utilizáveis ***************************************/
/*************************************************************************************************/

.visible
{
    display:block;
    visibility:visible;
}

.invisible
{
    display:none;
    visibility:hidden;
}

/************************************** Top Level ************************************************/
/***************************** Estilo para Classes básicas ***************************************/
/*************************************************************************************************/
.message
{
	color: white;
	font-size: small;
	font-weight: bold;
}

.message h1
{
	margin-bottom: 10px;
}

.message ul
{
	list-style-type: disc;
	margin-left: 5px;
	padding-left: 20px;
	padding-top: 5px;
}

.message ul li
{
	display: list-item;
	margin-bottom: 2px;
}

.message a
{
	color: White;
}

.invisible
{
    display:none;
    visibility:hidden;
}