/* --------------------------------------------------------------
   data.css
-------------------------------------------------------------- */


/* Selection form -------------------------------------------------------------- */

.step {
    border-top: 1px solid #ecece4;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    }

    .step fieldset { padding: 0; margin: 0; }


.step_number,
.choose_subject,
.choose_year,
.step .explanation,
.step .buttons,
.selections .issues,
.selections .variable-box,
.step .pulldown,
.step label {
    float: left;
    overflow: hidden;
    }

.step_number { width: 64px; padding-top: 10px; }

.choose_subject {
    width: 325px;
    border-right: 1px dotted #d9d9ca;
    margin-right: 20px;
    }

    .choose_subject label { width: 155px; padding-top: 4px; }

    .choose_subject label .small {
        display: block;
        font-weight: normal;
        }

    #tab1 .choose_subject select { width: 150px; }
    #tab2 .choose_subject select { width: 150px; }


.choose_year {
    width: 300px;
    }

    .choose_year label { width: 120px; padding: 4px 0 0 20px; }

    .choose_year label .small {
        display: block;
        font-weight: normal;
        }

    #tab1 .choose_year select { width: 150px; }
    #tab2 .choose_year select { width: 150px; }


.explanation {
    width: 300px;
    }

   .explanation h2 {
       font-size: 14px;
       font-weight: bold;
       padding: 8px 0 0 0;
       margin: 0;
       }

   .explanation p {
       font-size: 12px;
       line-height: 16px;
       padding: 0; margin: 0;
       }

.selections {
    background: url('/design/img/data_selection_tile.png') repeat-y left top;
    margin: 15px 0 0 64px;
    font-size: 12px;
    line-height: 15px;
    }

.selections .issues { width: 235px; }


    .selections .issues ul {
        width: 214px;
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px dotted #c9c9b5;
        }

    .selections .issues li {
        width: 214px;
        margin: 0;
        padding: 0;
        display: block;
        }

    .selections .issues li a {
        display: block;
        margin: 0 auto !important;
        padding: 9px;
        width: 196px;
        border-bottom: 1px dotted #c9c9b5;
        }

    .selections .issues li a:hover {
        background: #fcfcfa;
        }

    .selections .issues li.selected a {
        color: #000000;
        font-weight: bold;
        background: white url('/design/img/data-issues-selected-arrow.png') no-repeat 200px 14px;
        }

    .selections .issues li a .count {
        display: none;
        font-size: 10px;
        text-transform: uppercase;
        }


.selections .variable-box {
    width: 435px;
    margin: 0 0 15px 0;
    }

    .variable-box h3 {
        font-size: 12px;
        font-weight: bold;
        padding: 15px 0 0 0;
        margin: 0;
        }

    .variable-box fieldset {
        margin: 0;
        padding: 6px 0 0 0;
        }

    .variable-box .checkbox {
        margin: 1px 6px 0 0;
        .margin: -3px 3px 0 0;
        padding: 0;
        float: left;
        border: 0px;
        width: 14px;
        }

    .variable-box label {
        margin: 0;
        padding: 0;
        float: left;
        width: 415px;
        display: block;
        font-size: 12px;
        line-height: 14px;
        font-weight: normal;
        }

.buttons { margin-left: 290px; }

    .step .buttons { margin-left: 110px; .margin-left: 50px; }

    .buttons .submit {
       background: #f4f4ef;
       border: 1px solid #c9c9b5;
       color: #950908;
       font-size: 14px;
       text-align: center;
       width: 110px;
       margin: 20px 0 0 10px;
       padding: 5px;
       }

    .buttons .focus {
       font-weight: bold;
       }




/* Display table -------------------------------------------------------------- */

#data_query_results { color: #000000; font-size: 12px;}

#ui-dialog-title-data_target h1 {
  font-size: 1em;
  line-height: 1.2em;
  padding: 0;
  margin: 0;
  }

#data_query_results th,
#data_query_results td {
    line-height: 16px;
    padding: 5px 7px;
    border-bottom: 1px solid #e3e3dd;
    border-right: 1px solid #e3e3dd;
    vertical-align: bottom;
    text-align: center;
    }

#data_query_results th {
    cursor: pointer;
    }

#data_query_results th.first {
    border-left: 1px solid #e3e3dd;
    font-weight: bold;
    text-align: left;
    }

#data_query_results td.first {
    border-left: 1px solid #e3e3dd;
    text-align: left;
    text-transform: capitalize;
    }

#data_query_results td.source {
    border-left: 1px solid #e3e3dd;
    text-align: left;
    }

#data_query_results td.level0 {
    background: #9d9d82;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #e3e3dd;
    }

#data_query_results td.level1 {
    background: #bbbba0;
    color: white;
    font-weight: bold;
    }

#data_query_results td.level2 {
    background: #e0e0d5;
    font-weight: bold;
    }

#data_query_results th.level3 {
    background: #f3f3e7;
    }

#data_query_results a span {display: none;}

.controls {
    margin: 10px auto auto auto;
    list-style: none;
    width: 33px;
    height: 11px;
    }

.controls li { font-size: 10px; float: left; width: 11px; height: 11px;}

.descending,
.ascending,
.delete { width: 11px; height: 11px; display: block; }

.descending { background: url('/design/img/data-col-sort-descending.png') no-repeat left 0;}
.ascending { background: url('/design/img/data-col-sort-ascending.png') no-repeat right 0;}
.delete { background: url('/design/img/data-col-delete.png') no-repeat right 0;}

.selected,
.descending:active,
.ascending:active,
.delete:active  { color: white; background-position: left -34px;}


.headerSortUp .descending { color: white; background-position: left -34px;}

.headerSortDown .ascending { color: white; background-position: left -34px;}



#ui-dialog-title-data_target h1 .buttons {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 210px;
    overflow: hidden;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    padding: 0;
    }

#ui-dialog-title-data_target h1 .export,
#ui-dialog-title-data_target h1 .print {
    text-transform: uppercase;
    display: inline;
    font-size: 10px;
    line-height: 10px;
    }

#ui-dialog-title-data_target h1 .export {
    background: url('/design/img/icon_download.png') no-repeat 1px 3px;
    padding: 0 10px 0 15px;
    }

#ui-dialog-title-data_target h1 .print {
    background: url('/design/img/icon_print.png') no-repeat 10px 3px;
    padding: 0 10px 0 25px;
    float: none;
    }