*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
	
}

sub, sup { 
	font-size: 75%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline; 
}
sup { 
	top: -0.5em; 
}
sub { 
	bottom: -0.25em; 
}



body{
	font-family: Arial;
}

h1{
	color: #000;
	font-size: 1.1em;
	font-weight: normal;
}

h2{
	color: #333;
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 3px;
}

h3{
	color: #000;
	font-size: .9em;
	font-weight: 600;
}

.note{
	color: #999;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 8px;
}


li{
	margin-bottom: 10px;
}

p{
	margin-top: 15px;
	color: #666766;
	font-size: .9em;
}

#site{
	position:	relative;
	width:	940px;
	margin: 0 22px;
	background: #fff;
}



#charts{
	
	width: 710px;
	float: left;

}

#filters{
	padding: 0px 0px 15px 15px;
	width: 200px;
	float: right;
}

#filters p{
	font-size: 0.8em;
}

hr {
	height:2px;
	background-color: #EBEBEB;
	border: none;
}


.linechart{
	margin: 0px 0px 50px 0px;
}

.barchart{
	margin: 0px 0px 30px 0px;
}

#BarChart{
	width: 710px;
	height: 150px;
}

#LineChart1{
	width: 732px;
	height: 280px;
	margin-left: -22px;
	position: relative;
	z-index: 10;


}

#LineChart1BG{
	width: 732px;
	height: 280px;
	margin-left: -22px;
	
	margin-top: -330px;
	z-index: 1;
}

#LineChart2{
	width: 732px;
	height: 240px;
	margin-left: -22px;
	position: relative;

	z-index: 10;

}

#LineChart2BG{
	width: 732px;
	height: 240px;
	margin-left: -22px;
	
	margin-top: -290px;
	z-index: 1;
}

.alldeals{
	cursor: pointer;
}

.ui-accordion-header{
	color: #676767;
	font-weight: bold;
	border-style:solid;
	border-width:1px;
	border-color: #b3b4b4;
	background-color: #ffffff;
	padding:8px;
	margin-bottom: 12px;
	font-size: 0.9em;
	cursor: pointer;
	background: url('../images/arrow-inactive.png') no-repeat right center;
}

.ui-accordion-content{
	margin-top: -12px;
	border-style:solid;
	border-width:1px;
	border-color: #b3b4b4;
	margin-bottom: 12px;
	padding: 15px;
	border-top: none;
}

.ui-accordion-header-active {
	margin-bottom:0;
	background-color: #ecedee !important;
	background: url('../images/arrow-active.png') no-repeat right center;
}

.sectiontoggles{
	float: right;
	margin-bottom: -5px;

}

.sectiontoggles label{
	margin-left: 20px;
	font-size: 0.7em;
	font-weight: bold;
	color: #666766;
}

.sectiontoggles label input{
	margin-right: 5px;
}

.subgroup{
	margin: 10px 0px;
	cursor: pointer;
}
.togglebutton{
	float: left;
	-moz-border-radius: 0px/0px;
    -webkit-border-radius: 0px 0px;
    border-radius: 0px/0px;;
    border:solid 1px #000; 
    width:15px;
    height:15px;  
    position: relative;
    top: 0px;
    margin-right: 5px;
}

.togglebuttonlabel{
	color: #666766;
	font-size: .9em;
}

.display-element        {}

.display-label{
	display: inline-block;
    width: 20px;
}

.display-field          {display: inline-block;
                         
                         vertical-align: top;
                         width: 95%; /* for testing purposes only */
                         margin-bottom: 15px;
                     }

.toggle-display-label{
	display: inline-block;
    width: 20px;
    vertical-align: top;
}



.toggle-display-field          {display: inline-block;
                         
                         vertical-align: top;
                         width: 132px; /* for testing purposes only */

                     }

#accordion{
	margin-top: 20px;
}

#tooltip{
    position:absolute;
    z-index:900;
    left:-9999px;

    width:250px;
    
}

#tooltip-content{
	position:relative;
    background-color:#fff;
    padding:10px;
    box-shadow:0 0 10px 1px #555;
    -webkit-box-shadow:0 0 10px 1px #555;
    -moz-box-shadow:0 0 10px 1px #555;
    width: 100%;
}



#tooltip-content h2{
    padding:0;
    float: left;

    font-size: 14px;
    width: 85%;
}

#tooltip-content p{
   font-size: 12px;
   line-height: 15px;
   
   text-align: left;
   margin-top: 0px;
}

#tooltip-content p span{
	color: #000;
	font-weight: bold;
}

#tooltip-content .togglebutton{
    float: right;
    border: none;
}

.tail{
	height: 12px;
	width: 250px;
}

#tailbottom{
	position:relative;
	z-index:999;
	background: url('../images/tail-bottom.png') no-repeat top center;
}


#tailtop{
	position:relative;
	z-index:999;
	background: url('../images/tail-top.png') no-repeat bottom center;
}
.instructions {
	color: #999;
	font-size: 0.8em;
	line-height: 140%;
	margin-bottom: 20px;
	margin-top: 0;	
	width: 710px;
}

sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	top: -0.5em; 
}