body {
	/*background-color:#2A3F55;*/
	background:url(stripe.png);
}

/***************
CONTAINER
***************/
div#container {
	text-align:center
}

div#container {
	width:700px;
	margin:50px auto;
	padding:5px;
	border:1px solid #000;
	background-color:#FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#container h1	{
	margin:0px 0px 50px 0px;
	padding:0px;
	font-family:Georgia,'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:18px;
	color:#121615;
	text-align:center;
	font-weight:normal;
}

div#container h2	{
	padding-left:10px;
	background-color:#524847;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFF;
	text-align:left;
}

div#container p, div#container form p.factor	{
	margin:5px;
	padding:0px;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:justify;
	font-weight:normal;
}

div#container p.head    {
  background-color:#E9F4CA;
  border:1px dotted #D4D494;
}


div#container form p.factor	{
	margin-left:20px;
	margin-top:10px;
}

div#container form	{
	text-align:left;
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

div#container form input	{
	text-align:left;
	margin-left:30px;
	padding:0px;
}

div#container form p	{
	font-weight:bold;
	font-style:italic;
}

div#container form p.centered	{
	text-align:center;
	margin-top:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
	font-weight:normal;
	font-style:normal;
}

div#container form p.centered.text	{
	background-color:#E3E3E3;
	border:1px dotted #999999;
	padding:5px;
	text-align:justify;
}

div#container p.centered.credit	{
	border-top:1px dotted #434B4D;
	text-align:center;
	font-size:10px;
}

div#container form p.centered input[type=submit], div#container form p.centered input[type=reset]	{
	border:0px;
	padding:5px 15px;
	background:url(stripe.png);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}

div#container div#success	{
	background-color:#EFFEAB;
	border:1px solid #869807;
	padding:5px;
}

div#container div#success h2, div#container div#failed h2	{
	background:none;
	padding:0px;
	margin:0px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	color:#3F4703;
	text-align:center;
}

div#container div#success p.showID	{
	font-size:14px;
	font-weight:bold;
}

div#container div#failed	{
	background-color:#F0A593;
	border:1px solid #A5351F;
	padding:5px;
}

div#container div#failed h2	{
	color:#000;
}

/*****************************************************
    FOR resultChart.php PAGE
*****************************************************/
#bar_gender, #bar_factors   {
    width:650px;
    height:600px;
    text-align: center;
}

#bar_gender, #bar_field {
  width:500px;
  height:100px;
  color:#000;
}

#bar_field  {
  height:250px;
}


div#container h1#result {
  margin:0px;
  font-size:28px;
  font-style:italic;
  font-weight:bold;
}


div#container h2#result {
  background-color:transparent;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 16px;
  color:#000;
  text-align:justify;
  font-weight: normal;
}

div#container h2#result span.fig    {
  color:#BBCCC4;
}

/*****************************************************
    FOR resultTable.php PAGE
*****************************************************/
div#tab   {
	width:150%;
	margin:50px auto;
	padding:5px;
	border:1px solid #000;
	background-color:#FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#tab h1  {
  margin:0px 0px 20px 0px;
  font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size:28px;
  text-align:center;
}


div#tab table   {
  width:100%;
  margin-bottom:50px;
  border:1px solid #ABC600;
}

div#tab table.gen   {
  width:70%;
}


div#tab table td.cent {
  text-align: center;
}


div#tab table thead th    {
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:12px;
  color:#584E57;
  border:0px;
  word-wrap:break-word;
}

div#tab table thead tr th.first {
  background-color:#E2FF9E;
  font-family: 'Palatino Linotype', 'Book Antiqua', Palatino6, serif;
  font-size:18px;
  font-weight:bold;
  color:#000;
}


div#tab table thead th sup   {
  font-weight: normal;
}


div#tab table thead tr:hover   {
  background-color:transparent;
}

div#tab table tbody tr td   {
  border-bottom: 1px dashed #E2E685;
  border-right: 1px dashed #E2E685;
  border-bottom: 1px dashed #E2E685;
  font-family:'Trebuchet MS', Helvetica, sans-serif;
  font-size:11px;
  color:#584E57;
  text-align:center;
  word-wrap:break-word;
}

div#tab table tbody tr   {
  background-color:#FAFBE3;
}


div#tab table tbody tr:hover {
  background-color:#E2FF9E;
}

div#tab table tfoot tr td    {
  font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  font-size:12px;
  font-style: italic;
  text-align:center;
  padding:5px;
}

div#tab table tfoot tr td.note   {
  border-top:1px dashed #F0ECAC;
  font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-style:normal;
  text-align: left;
  font-size: 10px;
}

div#tab table tfoot tr td.note:hover {
  background-color: transparent;
}