/*brown #3B0B0B (59,11,11)
 * mid-brown #4e2323
 * light-brown #6f4c4c
 * cream #F5ECCE
 * dark reddish - #6c3231
 * grey - #666666
 */
/* standardised box sizing across browsers */
* {
    box-sizing: border-box;
}
/* This rule resets a core set of elements so that they will appear consistent across browsers*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* now follows reset of same elements as required by particular website */

/* The body is the outermost layout component and contains the visible page content.*/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial;
	font-size: 1em;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	line-height:1.6em;
}
/* This is a wrapper for the complete page content. It is common to use the wrapper to constrain the width of the page content*/
#ux_wrapper {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 960px;
}
/* This is a wrapper for the page content, not including the footer. This allows interesting styling of the borders and seperation of the page content from externals in the footer, such as web designer, funding icons etc*/
#ux_container {
    width:100%;
    }

#ux_main{
	width:960px;
	background-color:rgba(255,255,255,0.95);
}

#ux_pageheader {
	position:relative;
    padding:16px 16px 0px 16px;
    border-bottom:6px solid #ebebeb;
    height:210px;
    z-index:1;
    background-color:transparent;
    background-image: url("../content/img/eire/faodhla_logo_900x200.png");
	background-repeat:no-repeat;
  background-position: center; 
    }
    
#ux_content {
    margin:10px auto 20px auto;
    width:940px;
    border:2px solid #ebebeb;
    padding:10px 10px 60px 10px;
    text-align:center;
    font-family:Arial,sans-serif;
    }
#ux_content h1{
	font-size:1.5em;
	letter-spacing: 1.5px;
	line-height:2em;
	padding-bottom:20px;
	text-align:center;
}
#ux_content h2{
	font-size:1.2em;
	letter-spacing: 1.2px;
	line-height:2em;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

#ux_content p{
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#ux_content img{
	display:block;
}
#ux_content .flag{
	padding:10px;
	width:200px;
}

#ux_content table{
	margin-top:20px;
	margin-bottom:20px;
	 margin-left: auto;
  margin-right: auto;
}

#ux_content table.ledger{
	text-align:center;
	border:1px solid black;
	border-radius:10px;
}
#ux_content th{
	text-align:left;
	padding:0px 4px 0px 4px;
	font-weight:bold;
	white-space: nowrap;
	vertical-align:top;
}
#ux_content td{
	text-align:left;
	padding:0px 4px 0px 4px;
	word-wrap: break-word;
	vertical-align:top;
}

#ux_content table.ledger td{
	text-align:right;
}

/* footer blocks work together to end page */
#ux_mainfooter {
    clear:both;
    }
#ux_containerfooter {
    clear:both;
    }
#ux_pagefooter {
    clear:both;
    margin:0px auto 0px auto;
    padding:20px;
    text-align:center;
    background-color:#121214;
    color:#ffffff;
    }
#ux_pagefooter p{
	line-height:2.4em;
}


div.ux_error{
	border:1px solid red;
	font-size:.6em;
}

.left{
   float:left;
	padding-right:10px;
}
.right{
float:right;
padding-left:10px;
}
span.ux_note{
	font-size:.6em;
}
#result{
	border:1px solid red;
	font-size:.8em;
	font-weight:bold;
	width:400px;
	padding:5px;
}


/****************display table of results************/
img.ux_docimg{
	width:300px;
	padding:4px;
	}

/*some kind of hack*/
* html #ux_containerfooter {
    height:1px;
    }
/*IE displays borders around linked images*/
a {
border:0px;
}