@charset "utf-8";
/* CSS Document */

.graph-container {
	margin:0; padding:20px 0;
}
#page-content .graph-container h3 {
	text-align:center;
	font:italic bold 0.9em Arial, Helvetica, sans-serif;
	color:#666;
}

#page-content .graph-container .label-container {
	float:left;
	width:195px;
}
#page-content .graph-container .label-container label {
	font:italic bold 0.8em/48px Arial, Helvetica, sans-serif;
	color:#999;
	display:block;
	text-align:right;
	height:48px;
}

#page-content .graph-container .bar-container {
	background:url(../images/graph-markers.gif) -1px bottom repeat-x transparent;
	border-left:2px solid #999;
	padding:4px 0 8px;
	margin:0 0 0 200px;
	width:601px;
}
#page-content .graph-container .bar-container .slider-bar {
	background-position:right top;
	overflow:hidden;
	text-indent:-9999px;
	height:38px;
	margin:5px 0;
}
#page-content .graph-container .bar-container .graph-legends {
	position:relative;
	top:7px;
	float:left;
	width:608px;
}
#page-content .graph-container .bar-container .graph-legends span {
	display:block;
	float:left;
	width:50px;
	margin:0; padding:0;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-align:center;
}
#page-content .graph-container .graph-slider { position:relative;}
#page-content .graph-container .graph-slider strong {
	float:left;
	width:195px;
	font:italic bold 0.8em Arial, Helvetica, sans-serif;
	color:#999;
	display:block;
	text-align:right;
	height:28px;
}
#page-content .graph-container .graph-slider .slider {
	background:url(../images/graph-slider-bg.gif) left top repeat-x #ccc;
	margin-top: 30px;
	margin-left: 200px;
	width:588px;
	border:1px solid #ccc;
	border-width:0 1px;
	height:24px;
}
#page-content .graph-container .graph-slider .slider label {
	float:left;
	width:83px;
	border-right:1px solid #ccc;
	font:0.7em/19px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:1px 0 0;
	cursor: pointer;
}

#page-content .graph-container .graph-slider .slider label.selected {
	background:url(../images/graph-slider-current.gif) left top repeat-x transparent;
}

#page-content .graph-container .graph-slider .drag-control {
	position:absolute;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:12px;
	height:21px;
	top:15px;
	background:url(../images/graph-slider.gif) left top no-repeat transparent;
	cursor:w-resize;
}
#page-content .jgsClass1 {
	margin-left: 200px;
}
#page-content .jgsClass2 {
	background-color: #FF5588;
	border: red 1px solid;
	color: #000000;
	width: 100px;
	margin-top: 5px;
	heigth: 100px;
	float: left;
}
#page-content .jgsClass4 {
	opacity: 0.50;
	position: absolute;
}
#page-content .jgsClass3 {
	background-color: #00FF66;
	border: black 1px solid;
	width: 10px;
	height: 70px;
	cursor: move;
	position: absolute;
}
#page-content .slider label span {
	display: none;
}

/* Scrolling Ads */

#page-content #sjaId1 {
	width: 350px;
	overflow: hidden;
	border: black 1px solid;
	height: 190px;
	position: relative;
	margin: 10px;
}

#page-content #sjaId1 a {
	color: #FFFFFF;
}

#page-content #sjaId2 {
	position: absolute;
	left: 5px;
	top: 75px;
	z-index: 200;
}

#page-content #sjaId3 {
	position: absolute;
	right: 5px;
	top: 75px;
	z-index: 200;
}

#page-content #sjaId4 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 300;
	margin: auto;
}

#page-content #sjaId4 div {
	display: inline-block;
	padding-left: 5px;
	text-align: center;
}
#page-content #sjaId4 div a {
	display: block;
	text-decoration: none;
}

#page-content .sjaClass1 {
	background-color: #000000;
	color: #FFFFFF;
}
#page-content .sjaClass1 a {	color: #FFFFFF;		}

#page-content .sjaClass2 {
	background-color: #FFFFFF;
	color: #000000;
}
#page-content .sjaClass2 a {	color: #000000; !important	}

#page-content .sjaClass3 {
	width: 350px;
	display: inline;
	float: left;
	position: relative;
}
#page-content .sjaClass3 span {
	z-index: 300;
	position: absolute;
	bottom: 0px;
	display: none;
}

/* Fading ads */
#page-content #jfaId1 {
	width: 350px;
	overflow: hidden;
	border: black 1px solid;
	height: 190px;
	position: relative;
	margin: 10px;
}
#page-content #jfaId1 a {
	color: #FFFFFF;
}
#page-content #jfaId2 {
	position: absolute;
	left: 5px;
	top: 75px;
	z-index: 200;
}
#page-content #jfaId3 {
	position: absolute;
	right: 5px;
	top: 75px;
	z-index: 200;
}
#page-content #jfaId4 img {
	display: inline-block;
}
#page-content .jfaClass1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#page-content #jfaId6 {
	display: none;
}
#page-content #jfaId5 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 300;
	margin: auto;
}
#page-content #jfaId5 div {
	display: inline;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}
#page-content .jfaClass2 {
	background-color: #000000;
	color: #FFFFFF;
}
#page-content .jfaClass2 a {	color: #FFFFFF;		}
#page-content .jfaClass3 {
	background-color: #FFFFFF;
	color: #000000;
	height:190px;
	display:inline;
}
#page-content .jfaClass3 a { color: #000000 !important;}
#page-content #jfaId5 div a {
	display: inline;
	text-decoration: none;
}