﻿html, body {
	background-color: #fff;
	color: #000;
	font: normal 90%/1.8em 'Comic sans', Verdana, Geneva, Lucida, Helvetica, Arial, sans-serif, 'Comic sansLucida Grande';
	margin:0em 1em 1em 0.5em;
	height: 100%;
}
h1 {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	color: #a83930;
}
h2 {
	font-size: 1.6em;
	margin: 1.0em 0em 1.0em 0em;
	font-weight: bold;
	color: #a83930;
}
h3
{
	font-size: 1.2em;
	margin: 0.5em 0em 0.5em 0em;
	font-weight: bold;
	color: #000000;
}

table	
{
	border-collapse: collapse;
}

td	
{
	border-collapse: collapse;
}
.tdLeft
{
	vertical-align:top; 
	width:80px
}
/* The The table on top, in main.master page */
#HeaderTable
{
	padding: 0px;
	margin: 0px;
	background-color:#ffffff;	/* Old Color #9999FF*/
	width:100%;	
	border-bottom:outset 1pt #3333CC;
	border-left:none 0px;
	border-right:none 0px;
	border-top: none 0px;
	border-spacing: 0px;

}
/* The The table on top, in main.master page */
#MenuTable
{
	padding: 0px;
	margin: 0px;
	background-color:Orange;
	width: 100%;
	border-bottom: none 0px;
	border-left: none 0px;
	border-right: none 0px;
	border-top: none 0px;
	border-style: inherit;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: hide;
}

p {
	font-size: 1.1em;
	line-height: 1.8em;
	margin: 1.1em 0em 1.1em 0em;
	text-align: left;
}
/* menu */
.ssStaticMenuStyle
{
	padding: 0px 2px 0px 5px;
	margin: 0px 2px 0px 5px;
	border-style: groove;
	border-width: 0px;
	font-family: Verdana, Comic Sans MS;
	font-size:11pt;
	color: Black;
}
.ssStaticMenuItemStyle
{
	/* Font-Names="Verdana, Arial" ForeColor="Black" BorderColor="#CCFF99" Font-Size="11pt" Font-Underline="False" BorderWidth="0px" HorizontalPadding="10px" VerticalPadding="0px" */
	border-style: none none groove none;
	border-width: 1px;
	border-color: #CCFF99;
	background-color: #CCFF99;
	font-family: Verdana, Comic Sans MS;
	color: Black;
	font-size: 11pt;
	border-spacing: 10px;
	text-decoration: none;
}
.ssStaticHoverStyle
{	
	/* BackColor="#FFFFF0" BorderColor="#CCFF99" BorderWidth="0px" Font-Underline="False" */
	background-color: #FFFFF0;
	border-color: #CCFF99;
	text-decoration: none;
}
.ssDynamicMenuStyle
{
	border-style: groove;
	border-width: 0px 1px 1px 0px;
	border-color: #CCFF99;
	font-family: Verdana, Comic Sans MS;
	font-size: 12px;
	text-decoration: none;
}
.ssDynamicMenuItemStyle
{
	/*  Font-Names="Verdana" Font-Size="11pt" BorderColor="#CCFF99" BorderWidth="0px" Font-Underline="False" BorderStyle="Groove" */
	margin: 0px 2px 0px 2px;
	padding: 0px 3px 0px 3px;
	font-family:Verdana, Comic Sans MS;
	font-size:12px;
	border:groove 0px #CCFF99;
}
.ssDynamicHoverStyle
{
	/*  BackColor="#CCFF99" BorderColor="#CCFF99" BorderWidth="1px" Font-Underline="False" BorderStyle="Outset" Font-Names="Verdana" */
	margin: 0px 2px 0px 2px;
	padding: 0px 3px 0px 2px;
	background-color:#CCFF99;
	border:Outset 1px #CCFF99;
	font-family:Verdana, Comic Sans MS;
}
/* This will indent 20 pixcel from left*/
.contentDiv
{
	padding-left:1px;
	border-collapse:collapse;
}
/* The The table on top, in main.master page style="border-color:#ffcc33;" width="100%" border="0"*/
.boxTable /* style="width:500px; border:groove 1px black"  height="180px" */
{
	border:groove 1px #000000;
	width: 500px;
	height: 180px;
	vertical-align:top;
}

.txtNumber
{
	width:100px;
	height:20px;
	color:#000000;
	background-color:#F0FFF0;
	font-family:Verdana, Arial;
	font-size:Large;
	text-align:right;
	border:groove 0px white;
}

.txtdvNumber
{
	width:60px;
	height:20px;
	color:#000000;
	background-color:#f0fff0;
	font-family:Verdana, Arial;
	font-size:Large;
	text-align:right;
	border:groove 0px white;
	margin:4px; 
	border-bottom:solid 1px #ffffff
}

.txtNumberTwo
{
	width:100px;
	height:20px;
	color:#000000;
	background-color:#F0FFF0;
	font-family:Verdana, Arial;
	font-size:Large;
	text-align:right;
	border:groove 0px white;
	border-bottom:groove 1px black;
}
.txtAnswer
{
	width:100px;
	height:20px;
	color:#000000;
	background-color:#20B2AA;
	font-family:Verdana, Arial;
	font-size:Large;
	text-align:right;
	border:groove 0px white;
}
.btnAnswer 
{
	width:100px;
	height:35px;
	background-color:#339900;
	border:Outset 3px #339900;
	color:#ffffff;
	font-family:Comic Sans MS, Verdana;
	font-size:medium;
}

/* Progress for animation*/
.progress {
	color:Red;
	position:absolute;
	left:250px;
	top:100px;
	z-index:inherit;
	float: right;
	font: bold x-large "Segoe UI", Segoe, sans-serif;
}
/*lblPlus */


