/* begin some basic styling here                     */

div.controlPanel {
	clear: both;
	height: 224px;
	width: 900px;
}
table#dateRange, table#selectCarrier {
	clear: both;
	border: 1px solid #685A7F;
	width: 100%;
	margin-bottom: 10px;
}
table#filterTable {
	clear: both;
	border: 1px solid #685A7F;
}
table#filterTable th {
	color:white;
	background-color:#685A7F;
}
table#legendTable th {
	color:white;
	background-color:#685A7F;
}
/* end basic styling                                 */

div.tableHolder{/*Div holding the table - sets size of "viewport" for table*/
    height:300px;
	width:800px;
	position:relative;
 	margin:0 auto;
 	border:0px;
	overflow:auto;
	overflow-y:hidden ;
	}
div.legendContainer {
	clear: both;
	position:relative;
 	margin:0 auto;
	border: 1px solid black;
	height: 238px;
	overflow:auto;
	overflow-y:hidden ;
	width: 226px;
}
table.tableOutline{/*Table syle*/
  width:783px;
  border:0px;
	}
	
table.legendTable{/*Table syle*/
  width:208px;
  border:0px;
	}

table.tableOutline td {page-break-inside:avoid; font-size: 10px; font-family: helvetica;} /*Cell styling*/
table.tableOutline td:last-child, table.legendTable td:last-child {padding-right: 20px} /*Prevent Mozilla scrollbar from hiding cell content*/

table.legendTable td {page-break-inside:avoid; font-size: 11px; font-family: verdana;} /*Cell styling*/
.tableTbody{/*Table body style */
  width:400px;
  overflow:auto;
  overflow-x:hidden;
  border:0px;
	}
.legendBody{/*Table body style */
  width:200px;
  overflow:auto;
  overflow-x:hidden;
  border:0px;
	}
.tableHeader{
  height:20px;
	position:relative;/*Making header static for ie */
        top:expression(this.offsetParent.scrollTop-2);/*Making header static for ie */
	Z-Index:20;/*Keeps text under header  */
  text-align: center;
	color:white;
	background-color:#685A7F;
	}


.tableFooter{
	height:20px;
	position:relative;/*Making footer static for ie */
	top:expression(this.offsetParent.clientHeight - this.offsetParent.scrollHeight + this.offsetParent.scrollTop);/*Making footer static for ie*/ 
        Z-Index:20;/*Keeps text under header  */
       text-wrap:suppress;
       text-align:left;
	color:white;
	background-color:purple;
	}

.tableSpacer{/*Keeps the body the same height */
	height:100%;
 }
.fixed {
    position: relative;/*Making left column static for ie  */
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft-2); /*Making left column static for ie  */
    color:white;
    background-color:purple;
    }