/* to override per survey include, see tt2/style/default or use another style */
body {
    background-color: #ffffff;
    color: #333333;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
}
div.content {
    padding: 10px;
    /*width: 70%;
    float: left; */
}
div.right_content {
    padding: 10px;
    /* width: 20%; */
    vertical-align: top;
    text-align: right;
}
h1 { /* copy of below, XXX canonicalize to h1,h2,h3 */
    font-weight: bold;
    font-size: 18px;
    color: #003D71; /* stratdat blue */
}
div.header1 {
    font-weight: bold;
    font-size: 18px;
    color: #003D71; /* stratdat blue */
}
div.header2 {
    font-weight: bold;
    font-size: 14px;
    color: #003D71;
}
span.qn_prefix {
    font-weight: bold;
}
.text {
    font-size: 12px;
}
div.question {
    font-weight: bold;
    font-size: 12px;
}
div.banner_top {
    /* background-color: #cccccc; */
    background-color: #bdbdbd;
}
div.banner_top_strip {
    background-color: #666666;
    padding: 2px;
}
div.copyright {
    font-weight: normal;
    font-size: 10px;
    color: #666666;
    text-align: right;
    padding: 10px;
    clear: both;
    vertical-align: bottom;
}
div.form_element {
    background-color: #e3e3e3;
    padding: 10px;
}
div.other_number {
    display: none;
}
.ulist {
    list-style-type: circle;
    color: #666666;
}
span.nav_no_submit {
    padding-right: 6px;
}
span.nav_submit {
    padding-right: 6px;
}
div.nav_submit {
    padding-top: 6px;
}
div.nav_no_submit {
    padding-top: 10px;
    color: #666666;
}
div.index_link {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

/* non submitting links */
A:link.nav_no_submit, A:visited.nav_no_submit {
    color: #666666;
    text-decoration: none;
}
A:hover.nav_no_submit {
    /* color: #cc6600; */
    color: #ff9900;
    text-decoration: underline;
}

/* index links */
A:link.index_link, A:visited.index_link {
    color: #666666;
    /* color: #003D71; */
    text-decoration: none;
}
A:hover.index_link {
    color: #ff9900;
    text-decoration: none;
}

/* list links */
A:link.list_link, A:visited.list_link {
  color: #666666;
  text-decoration: none;
}
A:hover.list_link {
  /* color: #cc6600; */
  color: #ff9900;
  text-decoration: underline;
}

/* other links */
A:link, A:visited {
}
A:hover {
  color: #ff9900;
  text-decoration: underline;
}

/* main index */
A:link.main_index, A:visited.main_index {
    color: #003D71;
    text-decoration: underline;
}
A:hover {
  color: #ff9900;
  text-decoration: underline;
}

/* privacy links */
A:link.privacy, A:visited.privacy {
  color: #666666;
  text-decoration: underline;
}
A:hover.privacy {
  /* color: #cc6600; */
  color: #ff9900;
  text-decoration: underline;
}

.float_clear {
  display: block;
  clear: both;
}

/* choice_v widget */
.widget_choice_v_row {
  clear: both;
  margin-bottom: 0.8em;
  display: table;
}

.widget_choice_v {
  margin: 0 0.2em;
}

/* standard data table */
table.data_table {
}
table.data_table td {
    padding: 4px;
}
table.data_table th {
    padding: 4px;
}

td.valign_middle {
    vertical-align: middle;
}

/* alternating rows data table */
table.alt_data_table tr {
    background-color: #e3e3e3;
}
table.alt_data_table tr.even {
    background-color: #ffffff;
}
table.alt_data_table td {
    padding: 4px;
}
table.alt_data_table th {
    padding: 4px;
    background-color: #bdbdbd;
}

/* alternating rows data table with border */
table.alt_data_table_bdr {
    border: thin solid #bdbdbd;
    border-collapse: collapse;
}
table.alt_data_table_bdr td {
    padding: 4px;
    border: thin solid #bdbdbd;
    border-collapse: collapse;
}
table.alt_data_table_bdr tr {
    background-color: #e3e3e3;
}
table.alt_data_table_bdr tr.even {
    /* background-color: #c1cdcd; */
    background-color: #ffffff;
}
table.alt_data_table_bdr th {
    padding: 4px;
    background-color: #bdbdbd;
}
table.alt_data_table_bdr th.choice {
    text-align: center;
}

/* question buttons */
.button_std {
    /* background-color: #6699cc; */
    background-color: #cccccc;
    /*
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: none;
    border-top-style: none;
    */
    border-style: outset;
    /* color: #336699; */
    color: #333333; /* cc9933 on over */
    font-weight: bold;
    /* border-width: thin medium medium thin; */
}
.button_over {
    background-color: #ff9900;
    border-style: outset;
    font-weight: bold;
    color: #333333;
}

/* question selects */
.question_select {
    background-color: #ff9900;
    border-style: inset;
    color: #333333;
}

/* top banner table */
table.banner_top {
}
table.banner_top td.banner_title {
    font-weight: bold;
    font-size: 20pt;
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
}
span.banner_title {
    font-weight: bold;
    font-size: 20pt;
    color: #ffffff;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
}

th { 
    text-align: left;
    font-size: 12px; /* IE defaulted to larger, didn't inherit */
}
td { vertical-align: top }

.required { font-weight: normal }
.optional { font-style: normal }

.input_span { }
.input_td { background-color: #C0C0C0 }
.error_cells { background-color: #FFC0C0 }
.error_msg {
    color: maroon;
    font-weight: bold;
    display: block;
}

.ok_msg {
    color: green;
    font-weight: bold;
    display: block;
}

/* top banner color bar */
td.top_banner_colorbar {
    background-color: #176E97;
}

/* Progress Bar */
div.ProgressBarCellOn, div.ProgressBarCellOff {
    width: 12px;
    height: 15px;
    font-family: Courier, Verdana;
    font-size: 8px;
    float: left;
}

div.ProgressBarBorder {
    width: 172px;
    height: 24px;
    background-color: #FFFFFF;
}

div.ProgressBarText {
    font-size: 12px;
    font-weight: bold;
}

div.ProgressBarCellOn {
    background-color: #990000;
}

div.ProgressBarCellOff {
    background-color: #DDDDDD;
}