html {
	background-color:#659bff;
	/*background-image:url('bg.gif');*/
}

body {
	margin-top:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

h1 {
	font-weight:bold;
	font-size:36px;
}

p {
	font-size:14px;
}

sub {
	font-size:30%;
	position:relative;
	bottom:-10px;
	left:-10px;
}

a:link, a:visited, a:hover {
	color:#659bff;
}

.problem {
	font-family:"Courier New", Courier, monospace;
	font-size:48px;
	margin:auto;
}

.problem td {
	vertical-align:middle;
	text-align:right;
}

.operator td {
	text-align:left;
}

#input {
	display:block;
	margin:auto;
}

.input-add {
	width:100px; 
	border:none; 
	border-top:1px solid black; 
	background-color:#FFFFCC; 
	text-align:right;
	font-size:36px;
	font-family:"Courier New", Courier, monospace;
}

.input {
	width:100px; 
	border:none; 
	background-color:#FFFFCC; 
	text-align:right;
	font-size:36px;
	font-family:"Courier New", Courier, monospace;
}


.active a:link, .active a:visited, .active a:hover {
/*	background-image:url('http://intellipass.com/images/little-check.gif');
	background-repeat:no-repeat;
	list-style-type:none;*/
	font-weight:bold;
	background-color:#ffe92a;
}

#main {
	height:240px;
	width:400px;
	margin:auto;
	background-color:#FFFFFF;
	padding:30px;
	padding-top:100px;
}



#correct {
	background-color:#d6f87a;
	display:none;
	width:300px;
	height:100px;
	border:3px solid #62830a;
	margin:auto;
}

#correct h1 {
	color:#62830a;
	text-align:center;
	margin-top:30px
}

#incorrect {
	background-color:#ffe92a;
	border:5px solid #d12b06;
	display:none;
	width:300px;
	margin:auto;
	
}

#incorrect h1 {
	color:#d12b06;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

#stats {
	width:460px;
	margin:auto;
	background-color:#ffe92a;
	font-size:18px;
}

#stats table {
	width:100%;
}

#stats th, #stats td {
	padding:5px;
	text-align:center;
	
}

#stats th {
	color:#d12b06;
}

#menu {
	display:none;
	background-color:#FFFFFF;
	width:440px;
	padding:10px;
	margin:auto;
}

#menu h1 {
	font-size:24px;
	color:#d12b06;
}

#menu ul li {
	float:left;
	width:50%;
	margin-top:20px;
}

#menu ol {
	margin-top:10px;
	padding-left:25px;
	
}

#menu ol li {
	float:none;
	margin-top:0;
	margin-bottom:5px;
	font-size:14px;
	width:auto;	
	cursor:pointer;
	list-style-type:lower-roman;
}

#menu a:link, #menu a:visited, #menu a:hover {
	color:#000000;
	text-decoration:underline;
}

#menu a:hover {
	text-decoration:none;
}

#links {
	width:460px;
	margin:auto;
}

#links p {
	padding-bottom:4px;
}

#links a:link, #links a:visited, #links a:hover {
	cursor:pointer;
	font-size:14px;
	color:#fff;
	
}

#links p:hover {
	text-decoration:underline;
}


#alert {
	background-color:#d6f87a;
	width:100%;
	position:absolute;
	top:0;
	background-color:#ffe92a;
	color:#d12b06;
	text-align:center;
	display:none;
}

#message {
	font-size:14px;
	padding:10px;
}

#message a:link, #message a:visited, #message a:hover {
	font-weight:bold;
}

#help {
	display:none;
	background-color:#FFFFFF;
	width:440px;
	padding:10px;
	margin:auto;
	line-height:normal;
}

#help p{
	margin-bottom:10px;
}

