table#q-graph {
		width:300px;
		height:120px;
		background:transparent;
		position:relative;
		display:block; z-index:2;
	}
        table#q-graph div
        {
             width:300px;
	     height:40px;
             position:absolute;
             background-color:#e9eef2;
	     BORDER-BOTTOM: #424242 1px solid;
             top:80px;
	}
	table#q-graph tbody tr
        {
		position:absolute;
		width:100px;
		height:120px;
		vertical-align: top;
		bottom:0;
        }
         table#q-graph tbody th
	{
		position:absolute;
		height:10px;
		vertical-align: bottom;
		bottom:-20;
                font-size:18px;
	}
	tr#q1 {left:0;}
	tr#q2 {left:100px;}
	tr#q3 {left:220px;}
	td.bar{
		position:absolute;
		text-align:center;
		width:22px;
		bottom:0;
		z-index:2;
	}
 
	td.left {
                font-size:12px;
		color:#424242;
		left:20px;
		background:#ddd url(../Image/Mobile/SJGN.gif) no-repeat 0 0;
	}
	td.center {
                font-size:12px;
		color:#424242;
		left:40px;
		background:#ddd url(../Image/Mobile/SJGN.gif) no-repeat -23px 0;
	}
	td.right {
                font-size:12px;
                color:#424242;
		left:45px;
		background:#ddd url(../Image/Mobile/SJGN.gif) no-repeat -46px 0;
	}
	table#q-graph thead tr {
		bottom:auto;
		left:150;
		position:absolute;
		top:-20;
	}
	table#q-graph thead th
	{
		width:100px;
		position:absolute;
		left:0;
		height:auto;
        font-size:10px;
	}
	table#q-graph thead th.flag
	{
		top:30px;
	}