.qtable {
    position: relative;
    background-color: White;
}
        
table.qtable {
    margin-left: 0 auto;
    margin-right: 0 auto;
    border-collapse: collapse;
    position: static; /* This cannot be relative because it prevents scrolling in IE6/7 */
}
        
table.qtable tr th {
    padding: 0.2em 0.4em;
    text-align: center;
}
        
table.qtable tr td {
    margin: 0;
    padding: 0 0.4em 0;
    text-align: left;
}



/*
 * Table contents
 */

table.qtable {
    empty-cells: show;
    font-family: sans-serif;
}

/* Separate the title from the rest of the table. */
table.qtable th.title {
    padding: 0 0 0.4em 0;
}

/* Separate the column statistics from the main body of numbers. */
table.qtable tr.firstcolstat td {
    padding-top: 0.4em;
}

/* Right-align numbers. */
table.qtable td.value, table.qtable .colStatValue, table.qtable .rowStatValue {
    text-align: right;
    padding-right: 1em;
}

/* Text series (e.g. Column Comparisons) also right-aligned so they don't look out of place when underneath numbers. */
table.qtable td.textstat {
    text-align: right;
    padding-right: 1em;
}

/* Left-align raw text data (e.g. open-ended responses). */
table.qtable td.rawtextvalue {
    text-align: left;
}

/* Left align row headers. */
table.qtable th.rowHeader, table.qtable th.rowspan {
    text-align: left;
}
 
/* Fixed width for columns containing statistics. */
table.qtable td.value, 
table.qtable td.textstat, 
table.qtable th.numberDataHeader div,  /* Width on div allows word-wrap to work. */
table.qtable td.rowStatValue,
table.qtable td.colStatValue {
    /* If changing this, consider also the widths in OfXmlTable.cs */
    /* Also consider the widths in TablePageMaker.cs */
    width: 5.5em; /* Just wide enough to show "Coefficient" and "Probability" without wrapping. */
}

/* .textstat is a text statistic in a number table. E.g. column comparisons "a b c" */
table.qtable td.value, table.qtable td.textstat, table.qtable td.rowStatValue, table.qtable td.colStatValue {
    white-space: nowrap;
}

/* Prevents the column containing the ID field of raw data tables from appearing too wide
   in webkit browsers. */
table.qtable.rawTextTable th.topLeft {
    width: 2em;
}

/* Wider fixed width for raw text data. */
table.qtable td.rawtextvalue {
    /* If changing this, consider also the widths in OfXmlTable.cs */
    /* Also consider the widths in TablePageMaker.cs */
    width: 30em;  /* Even IE9 does not support max-width here! */
}
 
/* We want tables to conform to our specified column widths, but some words will
   be too wide.  Hypenation is best, but IE<9 and Chrome do not support.  Happily
   they do support word-wrap. */
table.qtable td.value, table.qtable th.colHeader {
    word-wrap: break-word; /* Tested w/IE6, IE8, IE9?, Chrome.  Hyphenation works on FF, IE10. */
    hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
}

/* Always need a bit of space around cells. */
table.qtable th, table.qtable td {
    padding-left: 0.2em;
    padding-right: 0.2em;
}

/* Add space between rows where there is more than one statistic shown. */
table.qtable tr.gapunder td {
    padding-bottom: 0.25em;
}

/* Wrapping statistics makes them hard to tell apart, and they are not too long. */
.statname {
    white-space: nowrap;
}


/* 
 * Significance arrows
 */
.sig-arrow, .sig-arrow-none {
    vertical-align: middle;
    display: inline-block;
    position: static; /* If this is not static, the arrows will not scroll with the table */
    width: 0.6em;
    height: 1em;
    margin: 0 0 0 0.2em;
    padding: 0;
}
.sig-arrow-up, .sig-arrow-down {
    display: block;
    width: 0;
    height: 0;
    margin: 0 auto 0 auto;
    padding: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
}
.sig-arrow-up {
    border-bottom-width: 0.5em;
    border-bottom-style: solid;
}
.sig-arrow-down {
    border-top-width: 0.5em;
    border-top-style: solid;
}
.sig-arrow-body {
	display: block;
    width: 0.2em;
    margin: 0 auto 0 auto;
    padding: 0;
}
/* IE6-only hack to allow transparency */
* html .sig-arrow-up, * html .sig-arrow-down {
    border-left-color: #ffffff;
    border-right-color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
/* IE6-only hack because IE6 places the border at the bottom of the parent bock if we just use 'top' */
* html .sig-arrow {
    overflow: hidden;
}


/*
 * Flashy table style.
 * Delete the below style definitions to get back the basic table style.
 */
table.qtable.nostyle {
    font-family: Tahoma, Sans-Serif;
}
table.qtable.nostyle {
    border-bottom: medium solid #E3E8F2;
}
table.qtable.nostyle th {
    font-weight: normal;
}
table.qtable.nostyle th.rowHeader, table.qtable.nostyle th.rowspan {
    background-color: #F2F6FF;
    color: #474747;
    margin: 0;
    padding: 0.5em 0.3em 0.3em;
    text-align: left;
}
table.qtable.nostyle th.rowHeader,
table.qtable.nostyle th.rowspan,
table.qtable.nostyle td.colStatsHeader {
    border-bottom: thin solid #E3E8F2;
}
table.qtable.nostyle th.colHeader, table.qtable.nostyle th.colspan {
    background-color: #F2F6FF;
    color: #474747;
    margin: 0;
    padding: 0.5em 0.3em 0.3em;
    text-align: left;
}
table.qtable.nostyle th.colHeader,
table.qtable.nostyle th.colspan,
table.qtable.nostyle td.statisticHeader {
    border-bottom: thin solid #E3E8F2;
}
table.qtable.nostyle tr.single-series td,
table.qtable.nostyle tr.multi-series-first td {
    border-top: thin solid #FCFBFC;
}

table.qtable.nostyle tr.single-series td,
table.qtable.nostyle tr.multi-series-last td,
table.qtable.nostyle tr.multi-series-first td.rowStatValue,
table.qtable.nostyle td.colStatValue {
    border-bottom: thin solid #E9E9E9;
}
table.qtable.nostyle th.colspan,
table.qtable.nostyle th.spanned-last {
    border-left-style: none;
    border-right-style: solid;
    border-right-color: #E3E8F2;
    border-right-width: thin;
}

table.qtable.nostyle th.rowspan {
    border-right-color: #E3E8F2;
    border-spacing: 0.5em;
    border-top-style: none;
    border-bottom-style: solid;
    border-bottom-color: #E3E8F2;
}
/* Make spans obvious (these are removed when exporting). */
table.qtable.nostyle th.colspan {
    border-bottom-style: solid;
    border-color: #E3E8F2;
    border-width: thin;
}
table.qtable.nostyle th.rowspan {
    border-right-style: solid;
    border-right-color: #E3E8F2;
    border-right-width: thin;
}

body.dashboard table.qtable.nostyle td.statname { font-size: 0.88889em; }
body.export    table.qtable.nostyle td.statname { font-size: 8pt; }  /* Keep ppt 2003 from going haywire */


/*
 * End flashy table style.
 */