/*= 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: #F2F2E3; /* pale yellow */
    text-align: left;
    padding-left: 3em;
}

.greytext {
    color: #AAA;
}

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

#toggleMenu {
   position: relative;
   height: 3em;
   margin-top: 1em;
}

#profileMgrDiv {
   position: absolute;
   top: 0;
   left: 0;
}

#profileLabel {
   font-weight: bold;
   font-size: 1.1em;
   padding: 0 0.5em 0 0;
}

.top_button {
    border: 1px solid black;
    display: block;
    position: absolute;
    width: 6.5em;
    text-align: center;
    font-weight: bold;
    color: black;
    padding: 0.2em 0.5em 0.2em 0.5em;
    text-decoration: none;
    background-color: #E5E5E5;
    margin: 0.2em 0 0 0;
}

.top_button.wiki {
    margin: 0.2em 0 0 0em;
}

.top_button.help {
    margin: 0.2em 0 0 57em;
    width: 3em;
}

.top_button.open_all {
    margin: 0.2em 0 0 65em;
    width: 5em;
}

.top_button.close_all {
    margin: 0.2em 0 0 72.5em;
    width: 5em;
}

a.top_button:link, a.top_button:active, a.top_button:visited {
    text-decoration: none;
    color: black;
    background-color: #E5E5E5;
}

a.top_button:hover {
    text-decoration: none;
    color: black;
    background-color: #D5D5D5;
}
#helpButton,#openAll_button,#closeAll_button {
    border: 1px solid black;
    display: block;
    text-align: center;
    font-weight: bold;
    position: absolute;
    color: black;
    padding: 0.2em 0.5em 0.2em 0.5em;
    margin: 0.2em 0 0 0 ;
    text-decoration: none;
    background-color: #E5E5E5;
}

#helpButton:hover, #openAll_button:hover, #closeAll_button:hover {
    background-color: #D5D5D5;
}

#saveProfile, #deleteProfile, #bookmarkProfile, #profileHelp {
    margin: 0 0 0 0.7em;
}

#profileHelp {
    cursor: help;
}

/*Allow button images to scale.*/
#profileHelp img, #saveProfile img, #deleteProfile img, #bookmarkProfile img {
    width: 1.6em;
    height: 1.6em;
    position: relative;
    top: 0.5em;
}

#saveMessage {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 1.1em;
    position: relative;
    top: 0.2em;
}

#openAll_button {
    right: 8em;
}

#closeAll_button {
    right: 1em;
}

#helpButton {
    right: 17em;
}

.toggle_row {
    position:relative;
}

.openSub_button {
    position: absolute;
    top:0.1em;
    right:1em;
    cursor: pointer;
    width: 1.3em;
    height: 0.9em;
}

.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;
    line-height: 1.5em;
}

.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;
}

/* =Three Col List 
---------------------------------------*/

.threecol_item_one {
    clear:left;
    float: left;
    width: 25%;
    margin: 0em;
    padding: 0.2em 0em 0.2em 2em;
    text-align: center;
    line-height: 1.5em;
}

.threecol_item_two {
    float: left;
    width: 30%;
    margin: 0em;
    padding: 0.2em 0em 0.2em 1em;
    text-align: center;
    line-height: 1.5em;
}

.threecol_item_three {
    float: left;
    width: 35%;
    margin: 0em;
    padding: 0.2em 0em 0.2em 1em;
    text-align: left;
    line-height: 1.5em;
}


#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;
}


.data_list a {
   height: 1.5em;
}

.data_list ul li {
   float: left;
   padding: 0.5em 1em 0.5em 1em;
   height: 2em;
}

/* =Linkout data
---------------------------------------*/
.linkoutheader {
    font-weight: 700;
    padding: 0em 0em 0em 0.4em;
}

.linkoutdata_item_one {
    clear: left;
    float: left;
    width: 4%;
    margin: 0em;
    padding: 0.5em 0.5em 1em 0em;
    line-height: 1em;
    text-align: right;
}

.linkoutdata_item_two {
    float: left;
    width: 94%;
    padding: 0em 0.4em 1em 0em;
    line-height: 1em;
}

.linkouttext {
    padding: 0.5em 0em 1.5em 0em;
    line-height: 1em;
}

/*= Common Lists
-------------------------------*/ /*= EST List formatting
-------------------------------*/
.ests a {
    display: block;
    float: left;
    /*background-color: #e5e;*/ /*border:  1px solid #000;*/
    width: 16em;
}

.ests ul li {
    float: left;
    padding: 0.25em;
    display: inline;
}