/*
**------------------------------------------------------------------------------
** Global.
**------------------------------------------------------------------------------
*/

/*
** Tags.
*/
body 
{
    font-family:Arial;
    font-size:small;
    padding:0px;
    margin:0px;
    background-color:#B0B0B0;
}

h1
{
    text-align:center;
    margin: 0.2em 0px 0.5em 0px;
    line-height:normal;
}

h2
{
    text-align:left;
    margin: 0.2em 0px 0.5em 0px;
    line-height:normal;
}

h3
{
    text-align:left;
    margin: 0em 0px 0.5em 0px;
    line-height:normal;
}

img
{
    border:none;
}

p
{
    margin-top:0px;
    padding-top:0px;
}

/*
** General bullet point list. Note that only the bullets are red so an additional class style
** is needed to put the text back to black.
*/
ul
{
    list-style-type:disc;
    color:Red;
    padding: 0px 0px 0px 1em;
    margin:0px;
    line-height: 1.4em;
}

li
{
    margin-bottom:0.2em;
}

.li-colour
{
    color:Black;
}

/*
** Style to make a DIV look like an HR since HRs don't seem to obey their color setting in Firefox.
*/
.hr
{
    border-bottom:solid 2px red;
    clear:both;
    width:100%;
    line-height:6px;
    height:6px;
}

/*
** General block of text.
*/
.text-block
{
    background-color:White;
    margin:10px;
    padding:10px;
    text-align:justify;
    font-size:larger;
    overflow:hidden;
}

.text-block-main
{
    background-color:White;
    padding:3em;
    text-align:justify;
    font-size:larger;
    line-height:1.3em
}

/*
** Styles used to determine if a tag's content is only displayed on the screen or only printed.
*/
.print-only-inline { display:none; }
.print-only-block  { display:none; }

.no-break
{
    white-space:nowrap;
}

/*
**------------------------------------------------------------------------------
** Common page header.
**------------------------------------------------------------------------------
*/
#company-logo
{
    float:left;
    margin:1% 0px 0.2% 1%;
}

#ATEX-logo
{
    float:left;
    margin:1% 0px 0.2% 4%;
}

#buttons
{
    float:right;
    line-height:2em;
    margin:1% 0px 2px 1%;
}

/*
** Background for main button style. Has to be separate from the button style itself or the focus
** rectangle is displayed incorrectly due to the padding.
*/
.button-main-bg
{
	white-space:nowrap;
	background-color: red;
}

.button-main-bg
{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	margin-right:10px;
}

.button-main
{
	text-decoration: none;
	white-space:nowrap;
}

.button-main
{
	color: white;
	font-weight: bold;
}

a:visited.button-main
{
}

a:hover.button-main
{
    text-decoration: underline;
}

a:active.button-main
{
    text-decoration: none;
}

/*
**------------------------------------------------------------------------------
** Front page.
**------------------------------------------------------------------------------
*/
.title-text
{
    color:White;
    font-size:3em;
    padding:0px;
    margin:0.5em;
    font-weight:bold;
}

.main-photo, .last-main-photo
{
    float:left;
    padding-left:4%;
    width:28%;
}

.last-main-photo
{
    float:right;
    padding-left:0px;
    padding-right:4%;
}

.photo-link
{
    position:relative;
    bottom:2em;
    margin:0px;
    margin-left:15%;
    padding:0px;
    text-align:center;
}

.home-para-text
{
    clear:both;
    text-align:center;
    font-size:x-large;
    margin:0px;
    padding:0px;
    margin-bottom:0.5em;
}

.footnote
{
    font-style:italic;
    text-align:right;
    padding-right:0.1em;
    padding-top:0.3em;
}

.button-main-smaller
{
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-right:0px;
	font-weight:normal;
	font-style:normal;
}

/*-----------------------------------------------------*/

.table-1
{
    text-align:left;
}

.table-1-row-head
{
    font-weight:bold;
}

.table-1-row-head, .table-1-content
{
    padding:0.2em;
    border-top: solid 1px #B0B0B0;
}

/*-----------------------------------------------------*/

.table-1-1
{
    margin-top:0.5em;
    margin-bottom:0.5em;
    text-align:left;
}

.table-1-1-row-head, .table-1-1-row-head-l, .table-1-1-col-head, .table-1-1-col-head-l
{
    font-weight:bold;
}

.table-1-1-col-head, .table-1-1-col-head-l, .table-1-1-row-head, .table-1-1-row-head-l, .table-1-1-content, .table-1-1-content-lr, .table-1-1-content-lc
{
    padding:0.2em 0.5em 0.2em 0.5em;
    border-bottom: dotted 1px #B0B0B0;
    border-right: dotted 1px #B0B0B0;
    background-color:#F0F0F0;
}

/*
.table-1-1-row-head, .table-1-1-row-head-l
{
    padding-left:0.5em;
    padding-right:0.5em;
}

.table-1-1-content, .table-1-1-content-l
{
    padding-right:0.5em;
}
*/

.table-1-1-row-head-l, .table-1-1-content-lr
{
    border-bottom: dotted 0px #B0B0B0;
}

.table-1-1-col-head-l, .table-1-1-content-lc
{
    border-right: dotted 0px #B0B0B0;
}

/*-----------------------------------------------------*/

table.table-2
{
    text-align:center;
    width:97%;
}

table.table-2 td, table.table-2 th
{
    padding:0.2em;
    white-space:nowrap;
}

table.table-2 th
{
    border-top: solid 1px Black;
    border-bottom: solid 2px Black;
    background-color:#F0F0F0;
    font-weight:bold;
}

table.table-2 td
{
    border-bottom: solid 1px Black;
}

table.table-2 .col-row-head
{
    border-left: solid 1px Black;
    font-weight:bold;
    text-align:left;
}

table.table-2 .col-last
{
    border-right: solid 1px Black;
}

table.table-2 th.col-group-head
{
    border-bottom: none;
    border-left: solid 1px Black;    
    border-right: solid 1px Black;    
}

table.table-2 th.col-sub-head
{
    border-left: solid 1px Black;    
    font-size:smaller;
    width: 4.1em;
}

table.table-2 td.red
{
    background-color:Red;
    border-left: solid 1px Black;
}

table.table-2 td.yellow
{
    background-color:Yellow;
    border-left: solid 1px Black;
}

table.table-2 td.green
{
    background-color:Lime;
    border-left: solid 1px Black;
    border-right: solid 1px Black;
}