/* Misc. */

* {
	margin:0;
	padding:0;
	border:0; /* added as an Internet Expplorer recommendation */
	}
body {
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	margin:25px 0 4px 0;
	color:#305050;
	}
img {
	border:0;
	}
p {
	margin-bottom:20px;
	line-height:20px;
	}


/* Headings */

h1 {
	font-size:30px;
	font-weight:normal;
	letter-spacing:-1px;
	}

/* Link Colors */

h1 a {
	color:#fff;
	text-decoration:none;
	}
h1 a:hover {
	color:#fff;
	}

#content a {
	color:#222222;
	text-decoration:none;
	font-weight:bold;
	}
#content a:hover {
	color:#222222;
	text-decoration:underline;
	}
#content ol {
        list-style-position: inside;
        }
#content li {
        float:left;
        text-align:center;
        }

#footer a {
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
#footer a:hover {
	color:#ffffff;
	}

/* adding css for graph */


#suggest{
 	position:absolute;
 	background:#fff; 
 	width:150px;
	z-index:2;
	}
 
#suggest div{
 	background:#fff;
 	color:#000;
 	padding-left:4px;
 	cursor:hand;
 	text-align:left;
	z-index:2;
	font-size: 75%; 
	font-weight: lighter;
	font-family: sans-serif
 	}
 
#suggest div.over{
 	color:#fff;
 	background:#000;
	z-index:2;
	font-size: 80%;
 	}

input[type=button]
{
    border: 1px solid #006;
    color: #050;
    background-color: #fed;
}

#submitbutton {
    border: 1px solid #006; 
    color: #050;
    background-color: #fed;
}

#submitbutton_first {
    border: 1px solid #006;
    color: #050;
    background-color: #fed;
}

#txtdecade {
 	color: #050;
    /*font: bold 85%; */
    background-color: #fed;
	 border: 1px solid #006;
}

#q-graph {position: relative; width: 600px; height: 300px;
  z-index:1;
  margin: 1.1em 0 3.5em; padding: 0; 
  background: #F7f8E0; /*E6E6E6; */
/*  border: 2px solid gray; list-style: none; */
  font: 13px Helvetica, Geneva, sans-serif;}

#q-graph ul {margin: 0; padding: 0; list-style: none; z-index:1}
#q-graph li {position: absolute; bottom: 0; width: 75px; z-index:1;
  margin: 0; padding: 0;
  text-align: center; list-style: none;}
#q-graph li.qtr {height: 298px; padding-top: 2px;
  border-right: 0px dotted #C4C4C4; color: #AAA; 
  font-size: 120%; color: #071907; z-index:1;}
#q-graph li.qtr90deg {
/* this doesn'twork */
   height: 298px; padding-top: 2px;
   border-right: 0px dotted #C4C4C4; color: #AAA;
   font-size: 120%; color: #071907; z-index:1;
   -webkit-transform: rotate(-90 deg);
   -moz-transform: rotate (-90 deg);
  /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    		right:-15px; top:5px; */ 

}

#q-graph li.bar {width: 35px; border: 1px solid; border-bottom: none; color: #000; font-size: 90%; z-index:3; }
#q-graph li.bar p {margin: 5px 0 0; padding: 0;}
#q-graph li.male {left: 13px; background: #81BEF7;
  border-color: #EDC #BA9 #000 #EDC; z-index:3;}
#q-graph li.female {left: 13px; background: #F5A9F2;
  border-color: #CDC #9B9 #000 #BFB; z-index:3;}

#q-graph #name1 {left: 0; z-index:4;}
#q-graph #name2 {left: 75px; z-index: 4;}
#q-graph #name3 {left: 150px; z-index: 4; }
#q-graph #name4 {left: 225px; z-index: 4;}
#q-graph #name5 {left: 300px; z-index: 4;}
#q-graph #name6 {left: 375px; z-index: 4; }
#q-graph #name7  {left: 450px; z-index: 4;}
#q-graph #name8 {left: 525px; z-index: 4;}
#q-graph #name9 {left: 600px; z-index: 4;}
#q-graph #name10 {left: 675px; z-index: 4;}

#q-graph #ticks {width: 600px; height: 300px; z-index:1; font-size:8px: }
#q-graph #ticks .tick {position: relative; border-bottom: 1px solid #D8D8D8; width: 600px; z-index:1;}
#q-graph #ticks .tickthick {position: relative; border-bottom: 2px solid #8B8878; width: 600px; z-index:1;}
#q-graph #ticks .tick p {position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em; z-index:1;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 12px; font-size: 11px;}
#q-graph #ticks .tickthick p {position: absolute; left: 100%; top: -0.67em; margin: 0  0 0 0.5em; z-index:1;  font-family:Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 12px; font-size: 11px; }