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

/* CSS FOR CENTRALISING CONTAINER */

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/* HIGHEST BANNER */

#bannerhigh {
	position:absolute;
	width: 798px;
	height: 48px;
	margin-top:0px;
	margin-left: 0px;
	border: 1px solid #CF9ECF;  /* CHANGE */
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	text-align: left;
	background-color: #CF9ECF; /* CHANGE */
	z-index:4;
	box-shadow:0 12px 8px -9px #555;
}
#highlink1 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 10px;
	text-align:left;
	padding-left: 20px;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:1;
}
#highlink2 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 130px;
	text-align: left;
	padding-left: 20px;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:1;
}
#highlink3 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 280px;
	text-align: left;
	padding-left: 20px;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:1;
}
#highlink4 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 450px;
	text-align: left;
	padding-left: 20px;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:1;
	display:block;
}
#highlink5 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 640px;
	text-align: left;
	padding-left: 20px;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:1;
}

/* MEDIWEB TOP */

#headertopleft {
	width: 198px;
	height: 148px;
	position:absolute;
	margin-left: 0px;
	margin-top:58px;
	text-align: left;
	z-index:2;
	background-image:url(../images/mediweb2.jpg);
	box-shadow:0 12px 8px -9px #555;
}
#headertopmiddel {
	width: 358px;
	height: 148px;
	position:absolute;
	margin-left: 210px;
	text-align: left;
	padding-left:20px;
	z-index:2;
	margin-top:58px;
	background-color: #CCC;
	box-shadow:0 12px 8px -9px #555;
}
#headertopright {
	width: 198px;
	height: 133px;
	position:absolute;
	margin-left: 600px;
	margin-top:58px;
	text-align: center;
	z-index:2;
	background-color: #FFF;
	border:1px solid #ccc;
	vertical-align: middle;
	box-shadow:0 12px 8px -9px #555;
	padding-top: 15px;
}

/* TOP BANNER */

#bannertop {
	position:absolute;
	margin-top:215px;
	margin-left: 0px;
	width: 798px;
	height: 48px;
	text-align: left;
	border: 1px solid #999999;
	background-color: #999999;
	box-shadow:0 12px 8px -9px #555;
	z-index:23;	
}
#bannerlink1 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 10px;
	text-align:left;
	padding-left: 20px;
	background-color: #999999;
	z-index:1;
}
#bannerlink2 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 130px;
	text-align: left;
	padding-left: 20px;
	background-color: #999999;
	z-index:1;
}
#bannerlink3 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 280px;
	text-align: left;
	padding-left: 20px;
	background-color: #999999;
	z-index:1;
}
#bannerlink4 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 450px;
	text-align: left;
	padding-left: 20px;
	background-color: #999999;
	z-index:1;
	display:block;
}
#bannerlink5 {
	text-align:left;
	position:absolute;
	width: 120px;
	height: 20px;
	margin-top:15px;
	margin-left: 640px;
	text-align: left;
	padding-left: 20px;
	background-color: #999999;
	z-index:1;
}

/* INFO's */

#info {
	width: 100px;
	height: 20px;
	position:absolute;
	text-align: center;
	margin-left: 50px;
	margin-top: 170px;
	z-index:30;
	
}
#infocentral {
	position:absolute;
	width: 600px;
	height: 550px;
	margin-left: 100px;
	margin-top: 20px;
	border: 1px solid #999;
	border-radius: 9px;
	padding:20px;
	text-align: left;
	background-color: #ffffff;
	background-image:url(../images/mwbg5.jpg);
	box-shadow:0 12px 8px -9px #555;
}
#infosmall {
	position:absolute;
	width: 400px;
	height: 300px;
	margin-left: 150px;
	margin-top: 150px;
	border: 1px solid #999;
	border-radius: 9px;
	padding:20px;
	text-align: left;
	background-color: #ffffff;
	background-image:url(../images/mwbg6.jpg);
	box-shadow:0 12px 8px -9px #555;
}
#infosmallest {
	position:absolute;
	width: 300px;
	height: 200px;
	margin-left: 150px;
	margin-top: 150px;
	border: 1px solid #999;
	border-radius: 9px;
	padding:20px;
	text-align: left;
	background-color: #ffffff;
	background-image:url(../images/mwbg6.jpg);
	box-shadow:0 12px 8px -9px #555;
}
#infoendless {
	position:absolute;
	width: 760px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom:10px;
	padding:20px;
	text-align: left;
	background-color: #FFFFFF;
	background-image:url(../images/mwbg7.jpg);
}
#screening {
	width: 100px;
	height: 20px;
	position:absolute;
	text-align: center;
	margin-left: 250px;
	margin-top: 170px;
	z-index:3;
	background-color: #999;
}
#measuring {
	width: 100px;
	height: 20px;
	position:absolute;
	text-align: center;
	margin-left: 450px;
	margin-top: 170px;
	z-index:30;
}
#monitoring {
	width: 100px;
	height: 20px;
	position:absolute;
	text-align: center;
	margin-left: 650px;
	margin-top: 170px;
	z-index:30;
}

/* CSS FOR MIDDLE CONTENT */

#contentleft {
	width: 400px;
	height: 300px;
	position:absolute;
	margin-left: 0px;
	margin-top: 210px;
	z-index:-1;
	background-color: #FFFFFF;
	background-image: url(../images/sad2.JPG);
}
#contentleft:hover {
	background-image:url(../images/happy1.jpg);
}
#contentright {
	width: 360px;
	height: 280px;
	position:absolute;
	margin-left: 400px;
	margin-top: 210px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #FFF;
	background-image: url(../images/mediweb3bg2.jpg);
	text-align: left;
	vertical-align: top;
}
#contentwide1 {
	width: 760px;
	position:absolute;
	margin-left: 0px;
	margin-top: 275px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
	border: 1px solid #999999;
	box-shadow:0 12px 8px -9px #555;
}
#contentwide2 {
	width: 758px;
	position:absolute;
	margin-left: 0px;
	margin-top: 255px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #FFF;
	background-image: url(../images/mwbg2.JPG);
	text-align: left;
	vertical-align: top;
	border: 1px solid #999999;
	box-shadow:0 12px 8px -9px #555;
}
#contentwide3 {
	width: 760px;
	height: 315px;
	position:absolute;
	margin-left: 0px;
	margin-top: 210px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	background-color: #FFF;
	background-image: url(../images/measure1bg3.JPG);
	text-align: left;
	vertical-align: top;
}
#contentevent {
	position:absolute;
	width: 300px;
	height: 250px;
	margin-left: 370px;
	margin-top: 20px;
	border: 1px solid #999;
	border-radius: 9px;
	padding:20px;
	text-align: left;
}

/* CSS FOR BOTTOM CONTROLS */

#bannerbottom {
	position:absolute;
	width: 798px;
	height: 48px;
	margin-left: -21px;
	margin-top: 10px;
	border: 1px solid #CF9ECF;  /* CHANGE */
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	text-align: left;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:4;
	box-shadow:0 12px 8px -9px #555;
}
#bannerbottomfixed {
	position:absolute;
	width: 798px;
	height: 48px;
	margin-left: 0px;
	margin-top: 800px;
	border: 1px solid #CF9ECF;  /* CHANGE */
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	text-align: left;
	background-color: #CF9ECF;  /* CHANGE */
	z-index:4;
	box-shadow:0 12px 8px -9px #555;
}
#spacebottom {
	position:absolute;
	width:400px;
	height:50px;
	margin-top:100px;
	margin-left:0px;
	background-color:transparent;
}
#bottom1 {
	width: 150px;
	height: 20px;
	position:absolute;
	text-align: left;
	margin-left: 50px;
	margin-top: 530px;
	z-index:3;
	background-color: #7188BC;
}
#bottom2 {
	width: 150px;
	height: 20px;
	position:absolute;
	text-align: left;
	margin-left: 250px;
	margin-top: 530px;
	z-index:3;
	background-color: #7188BC;
}
#bottom3 {
	width: 150px;
	height: 20px;
	position:absolute;
	text-align: left;
	margin-left: 450px;
	margin-top: 530px;
	z-index:3;
	background-color: #7188BC;
}
#bottom4 {
	width: 150px;
	height: 20px;
	position:absolute;
	text-align: left;
	margin-left: 650px;
	margin-top: 530px;
	z-index:3;
	background-color: #7188BC;
}

/* CSS FOR BOTTOM CONTENT */

#contentbottom {
	position: absolute;
	width: 758px;
	hight: 1200px;
	margin-left: 0px;
	margin-top: 272px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	z-index:22;
	text-align:left;
	background-image:url(../images/mwbg3.jpg);
	border: 1px solid #999999;
	box-shadow:0 12px 8px -9px #555;
}
#resultcontent {
	position: absolute;
	width: 758px;
	hight: 1200px;
	margin-left: 0px;
	margin-top: 285px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	z-index:2;
	text-align:left;
	background-image:url(../images/info1bg3.jpg);
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	box-shadow:0 12px 8px -9px #555;
}
#resulttab1 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 0px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab2 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 100px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab3 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 200px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab4 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 300px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab5 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 400px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab6 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 500px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab7 {
	position: absolute;
	width: 99px;
	hight: 20px;
	margin-left: 600px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#resulttab8 {
	position: absolute;
	width: 98px;
	hight: 20px;
	margin-left: 700px;
	margin-top: 272px;
	padding-top: 6px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	z-index:30;
	background-color:#FFF;
	text-align:center;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#riskcount {
	position:absolute;
	margin-top:-50px;
	margin-left: 0px;
	height: 20px;
	width:100px;
	z-index: 20;
}
#riskbar {
	position:absolute;
	margin-top: -50px;
	margin-left:100px;
	height: 20px;
	width: 0px;
	background-color:#666666;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#contentinsights{
	width: 760px;
	position: absolute;
	margin-left: 0px;
	margin-top: 570px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	z-index:2;
	text-align:left;
	visibility:hidden;
	background-image:url(../images/info1bg3.jpg);
}
#contentbottomfloat {
	width: 760px;
	height: 40px;
	position: relative;
	margin-left: -20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	z-index:3;
	background-color: #7188BC;
}
#score {
	width: 100px;
	height: 40px;
	position: relative;
	margin-left: 0px;
	z-index:4;
	background-color: #FFFFFF;
}

/* CSS FOR TEXT */

h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #333333; 
}
.bodytext {
	font-family: Calibri, Arial, Verdana;
	font-size: 13px;
	color: #333333;  /* CHANGE */
}
.bodytextblack {
	font-family: Calibri, Arial, Verdana;
	font-size: 13px;
	color: #000;
}
.bodytextwhite {
	font-family: Calibri, Arial, Verdana;
	font-size: 13px;
	color: #FFF;
}
.janniebodytextbig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #333333;
	font-size: 28px;
}
.janniebluebig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #336699;
	font-size: 28px;
}
.janniebluemedium {
	font-family: Calibri, Arial, Verdana;
	color: #336699;  
	font-size: 18px;
}
.janniebluesmall {
	font-family: Calibri, Arial, Verdana;
	color: #336699;
	font-size: 14px;
}
.janniepersbig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #996699;
	font-size: 28px;
}
.janniepersmedium {
	font-family: Calibri, Arial, Verdana;
	color: #996699;
	font-size: 18px;
}
.jannieperssmall {
	font-family: Calibri, Arial, Verdana;
	color: #996699;
	font-size: 14px;
}
.janniegreybig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #7A7A7A;
	font-size: 28px;
}
.janniegreymedium {
	font-family: Calibri, Arial, Verdana;
	color: #7A7A7A;
	font-size: 18px;
}
.janniegreysmall {
	font-family: Calibri, Arial, Verdana;
	color: #7A7A7A;
	font-size: 14px;
}
.janniewhitebig {
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
	font-size: 28px;
}
.janniewhitemedium {
	font-family: Calibri, Arial, Verdana;
	color: #FFFFFF;
	font-size: 18px;
}
.janniewhitesmall {
	font-family: Calibri, Arial, Verdana;
	color: #FFFFFF;
	font-size: 14px;
}

/* CSS FOR LINKS */

a {
	font-family: Calibri, Arial, Verdana;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:link .email  {
	text-decoration: none;
	color:inherit;
	background:none;
}
a:link .filelink  {
	text-decoration: none;
	color:inherit;
	background:none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
	background:none;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background:none;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	background:none;
}
.dropdown {
	border-radius: 6px;
	margin-left: 0px;
	margin-top:7px;
	float:right;
	font-family: Calibri, Arial, Verdana;
	font-size: 12px;
}
.fakelink {
	cursor:pointer;
	font-size: 12px;
	background:none;
}

/* CSS FOR BAR CHART */

#contentbarchart {width: 758px;height:500px;position: absolute;margin-left: 0px;margin-top: 270px;
				  padding-left: 20px;padding-right: 20px;padding-top: 20px;z-index:22;
				  text-align:left;border: 1px solid #7188BC;background-image:url(../images/info1bg3.jpg);}
				  
#chartnote {position:absolute;margin-top: 320px;margin-left:10px;height: 20px;}

#axisx {position:absolute;margin-top: 300px;margin-left: 0%;height: 2px;width: 90%;background-color:#999999;box-shadow:0 12px 8px -9px #555;}
#axisy {position:absolute;margin-top: 20px;margin-left:0%px;height: 280px;width: 2px;background-color:#999999;box-shadow:0 12px 8px -9px #555;}

#recent {position:absolute;margin-top: 20px;margin-left: 0%;height: 0px;width: 90%;background-color:#CCCCCC;text-align:right}
#earlier {position:absolute;margin-top: 20px;margin-left: 2%;height: 0px;width: 90%;background-color:#CCCCCC;text-align:left}

#axis25 {position:absolute;margin-left: 0%;height: 1px;width: 90%;background-color:#CCCCCC;text-align:left}
#note25 {position:absolute;margin-left: 2%;text-align:left; font-weight:100;}

#axis50 {position:absolute;margin-left: 0%;height: 1px;width: 90%;background-color:#CCCCCC;text-align:left}
#note50 {position:absolute;margin-left: 2%;text-align:left; font-weight:100;}

#axis75 {position:absolute;margin-left: 0%;height: 1px;width: 90%;background-color:#CCCCCC;text-align:left}
#note75 {position:absolute;margin-left: 2%;text-align:left; font-weight:100;}

#axis100 {position:absolute;margin-left: 0%;height: 1px;width: 90%;background-color:#CCCCCC;text-align:left}
#note100 {position:absolute;margin-left: 2%;text-align:left; }

#bar1 {
	position:absolute;
	width: 20px;
	background-color:#CF9ECF;  /* CHANGE */
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar1note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar1date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar2 {
	position:absolute;
	width: 20px;
	background-color:#999999;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar2note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar2date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar3 {
	position:absolute;
	width: 20px;
	background-color:#CF9ECF;  /* CHANGE */
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar3note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar3date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar4 {
	position:absolute;
	width: 20px;
	background-color:#999999;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar4note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar4date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar5 {
	position:absolute;
	width: 20px;
	background-color:#CF9ECF;  /* CHANGE */
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar5note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar5date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar6 {
	position:absolute;
	width: 20px;
	background-color:#999999;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar6note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar6date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar7 {
	position:absolute;
	width: 20px;
	background-color:#CF9ECF;  /* CHANGE */
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar7note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar7date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar8 {
	position:absolute;
	width: 20px;
	background-color:#999999;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar8note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar8date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar9 {
	position:absolute;
	width: 20px;
	background-color:#CF9ECF;  /* CHANGE */
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar9note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar9date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
#bar10 {
	position:absolute;
	width: 20px;
	background-color:#999999;
	box-shadow:0 12px 8px -9px #555;
	z-index: 20;
}
#bar10note {
	position:absolute;
	width: 40px;
	z-index: 21;
}
#bar10date {
	position:absolute;
	width: 120px;
	z-index: 21;
	display:none;
	transform:rotate(-70deg);
}
.fbar {
	width: 100px;
	height: 18px;
	background-color:#cccccc;
	padding-left:10px;
}.gbar {
	width: 100px;
	height: 18px;
	background-color:#999999;
	padding-left:10px;
}

.qmore {font-style: italic; display:block;}
.gone {background-color:#000;}