/*= Table and Cell Formatting
---------------------------------------*/

.report_table {
    clear: both;
    border-collapse: collapse;
    border: 1px solid black;
    width: 100%;
    background-color: #FFFFFF;
    padding: 0em;
    margin: 0em;
    font-size: 1.2em;
    font-weight: 400;
}

.report_table th,.report_table td {
    border: 1px solid black;
    border-collapse: collapse;
    height: 1em;
}

.report_table thead th {
    border: none;
    text-align: center;
}

/* The style below is a change
   suggested by the usability study
------------------------------------------*/
.report_table th {
    padding: 0.1em 0.4em 0.1em 0.4em;
}

.report_table td {
    padding: 0.1em 0.4em 0.1em 0.4em;
}

.report_table th.field_label {
    /* Change suggested by the usability study
    ------------------------------------------
    old value: padding: 0.1em 0.4em 0.1em 0.4em;
    They also suggested adding the following rule:
    text-align: right;
    but we chose not to do this because it disrupts
    scanning of the field labels by eye
*/
    padding: 0.3em 0.4em 0.3em 0.4em;
    vertical-align: top;
}

/*= General Column Layout
---------------------------------------*/

.four_col_column1 {
    width: 12.5em;
}

.four_col_column3 {
    width: 12.5em;
}

.four_col_column2 {
    width: 20.4em;
}

.four_col_column4 {
    width: 20.4em;
}

.two_col_column1 {
    width: 12.5em;
}

.two_col_column2 {
    width: 53.34em;
}


/*= Nested Table (& PseudoTable) Layout
---------------------------------------*/

td.tablecontainer {
    border: none;
    padding-left: 0em;
    font-size: 0.833333em;
}


td.tablecontainer td {
    border: 1px solid black;
}


.report_table td.nopadding {
    padding: 0em;
}

.report_table td.tablecontainer img.toggle_button {
   margin: 0em 0.7em 0em 0em;
   padding: 0.1em 0em 0em 0em;
}



/*= Colour scheme and formatting of Sections
---------------------------------------------*/

.field_label {
    text-align: left;
    padding-left: .75em;
    font-weight: bold;
    width: 12em;
    background-color: #CCC6AE;
}

.section_title {
    background-color: #003366;
    color: #FFFFFF;
    text-align: left;
    padding-left: 0.3em;
    width: 79em; /* 100% doesn't work here for some reason. */
}

.subsection_title {
    background-color: #669999;
    text-align: left;
    padding-left: 1em;
}

.subsection {
    background-color: #ADC9C8;
    text-align: left;
    padding-left: 2em;
}

.subsubsection {
    background-color: #E3F2F2; /* pale blue */
    text-align: left;
    padding-left: 3em;
}

.greytext {
    color: #AAA;
}

/*= Matryoshka layout and buttons
---------------------------------------------*/
.hidden {
    display: none;
}


#helpButton {
    position: relative;
    height: 3.5em;
    width: 15em;
    display: block;
    float: left;
}



#helpButton a,
#allButtons a {
    border: 1px solid black;
    display: block;
    text-align: center;
    font-weight: bold;
    position: absolute;
    color: black;
    padding: 0.2em .5em .2em .5em;
    text-decoration: none;
    top: 0.7em;
    background-color: #E5E5E5;
}

#openAll_button {
    right: 8em;
}

#closeAll_button {
    right: 1em;
}

#helpButton a:hover,
#allButtons a:hover {
    background-color: #D5D5D5;
}

#allButtons {
    position: relative;
    height: 3.5em;
    width: 15em;
    display: block;
    float: right;
}

.toggle_button,.report_table tbody tr td img.toggle_button {
    margin: 0em 0.5em 0em 0em;
    padding: 0em;
    height: 0.9em;
    width: 0.9em;
    cursor: pointer;
}

.stoggle_event th, .toggle_event th {
    cursor: pointer;
}


/*= List Formatting
---------------------------------------*/


.report_table  ul {
    list-style: none;
    margin: 0.1em 0em;
}

.report_table dd {
   padding: 0em 0em 0.8em 0em;
}
.report_table dt {
   padding: 0em;
}


.two_col_list {
    float: left;
    display: block;
}

.two_col_list dt {
    clear: left;
    float: left;
    display: block;
    width: 10em;
}

.two_col_list dd {
    float: left;
    width: 40em;
}

.stockpadding {
padding-left: 2em;
}


/* =One Col List
---------------------------------------*/

.onecol {
clear:left;
float: left;
width: 100%;
height: auto;
margin: 0em;
padding: 0.2em 0em 0.8em 0.4em;
text-align: left;
line-height: 1.2em;
}

.twocol_a_item_one ul{
padding: 0em;
margin: 0em;
width: 100%;
height: auto;
line-height: 1em;
}

.twocol_a_item_one ul li{
padding: 0em;
margin: 0em;
}



/* =Two Col List type A
---------------------------------------*/

.twocol_a_item_one {
clear:left;
float: left;
width: 20%;
margin: 0em;
padding: 0.2em 0em 0.2em 0.4em;
text-align: left;
line-height: 1.5em;
}

.twocol_a_item_two {
float: left;
width: 76%;
padding: 0.2em 0em 0.2em 1em;
}

.twocol_a_item_one ul{
padding: 0em;
margin: 0em;
line-height: 1em;
}

.twocol_a_item_one ul li{
padding: 0em;
margin: 0em;
}


/* =Two Col List type B
---------------------------------------*/

.twocol_b_item_one {
clear:left;
float: left;
width: 44%;
margin: 0em;
padding: 0.2em 0em 0.2em 0.4em;
text-align: left;
line-height: 1.5em;
}

.twocol_b_item_two {
float: left;
width: 52%;
padding: 0.2em 0em 0.2em 1em;
}

.twocol_b_item_one ul{
padding: 0em;
margin: 0em;
line-height: 1.2em;
}

.twocol_b_item_one ul li{
padding: 0em;
margin: 0em;
}



/* =Two Col List type C
---------------------------------------*/

.twocol_c_item_one {
clear:left;
float: left;
width: 66%;
margin: 0em;
padding: 0.2em 0em 1em 0.4em;
line-height: 1.2em;
text-align: left;
}

.twocol_c_item_two {
float: left;
width: 30%;
padding: 0.2em 0em 1em 1em;
line-height: 1.2em;
}

#stocksearch {
    padding: 0.7em 0em 0.7em 0.4em;
}

/*= General formatting for pseudotables
---------------------------------------*/
.header_line-wrapper {
    clear: left;
    float: left;
    width: 100%;
    margin: 0em;
    padding: 0em;
    background-color: #CCC6AE;
    padding: 0.1em 0em 0.1em 0em;
    line-height: 1em;
}

.header_bordertop_line-wrapper {
    clear: left;
    float: left;
    width: 100%;
    border-top: 0.1em solid;
    margin: 0em;
    padding: 0em;
    background-color: #CCC6AE;
    padding: 0.1em 0em 0.1em 0em;
    line-height: 1em;
}

.line-wrapper {
    clear: left;
    float: left;
    width: 100%;
    border-top: 0.1em solid;
    margin: 0em;
    padding: 0em;
    line-height: 1.5em;
}

.noborder-line-wrapper {
    clear: left;
    float: left;
    width: 100%;
    border: 0em;
    margin: 0em;
    padding: 0em;
    line-height: 1.5em;
}

.grey {
    background-color: #EEE;
}

.bottomborder-line-wrapper {
    clear: left;
    float: left;
    width: 100%;
    border: 0em;
    border-bottom: 0.1em solid;
    margin: 0em;
    padding: 0em;
    line-height: 1.5em;
}