/* InvestQuest Quick Quote Style Sheet */
/* This must be included on any page using the Quick Quote Application */
/*
 * These classes allow you to custom modify the Quick Quote.  To turn
 * off a particular row, use display:none.  To center the table in
 * it's container, you must use margin-left/right: auto. You *may*
 * need body { text-align: center } for IE to work but that causes
 * other issues as well.  I will continue working on a better solution
 */
 
/* Broadridge-only! */
.qq_box {
 background-color: #f4f4f4;
 border-top: 3px solid #bfc837;
 border-right: 3px solid #bfc837;
 border-bottom: 2px solid #bfc837;
 border-left: 2px solid #bfc837;
 margin-left: auto;
 margin-right: auto;
 padding-top: 20px;
 padding-bottom: 20px;
 width: 526px;
}
/* Broadridge-only! */
.qq_button {
 text-align: center;
 margin-left:30px;
 margin-top: -30px;
}

/* the overall container */
.qquote {
 background-color: #f4f4f4;
 color: #666666;
 font-family: "arial";
 text-align: center;
}
/* if the change and change % are positive, negative, or even */
.qq_positive {
 color: #6eb927;
}
.qq_negative {
 color: #990000;
}
.qq_nochange {
 color: #000000;
}
/* the actual table of values */
.qq_table {
 background-color: #f4f4f4;
 float:left;
 font-size: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 180px;
}
/* All left-side table entries (labels) */
.qq_label {
 text-align: left;
}
/* All right-side table entries (values) */
.qq_value {
 text-align: right;
}
/* the Symbol Row */
.qq_symbol_row {
}
/* the Last Value Row, with a label of Last */
/* you should only enable one of these two... */
.qq_last_row {
 font-weight: bold;
}
/* the Last Value Row, with a label of Price */
.qq_price_row {
 display:none; 
}
/* the Change Row */
.qq_change_row {
 font-weight: bold;
}
/* the Change % Row */
.qq_percent_row {
}
/* the Volume Row */
.qq_volume_row {
}
/* the Date as a single column */
/* you should only enable one of these two... */
.qq_date1_row {
 display:none;
}
/* the Date in two columns: Last Trade, and Date */
.qq_date2_row {
 text-align:center;
}
/* the actual Chart */
.qq_chart {
 /* if you don't want the chart, uncomment the following... */
 /* display:none; */
 float: right;
 padding: 5px;
}