/*  --------------------------------------  */

body{
	margin: 0 auto;
	width: 750px;
}

form{
	padding:10px 0px;
}

h1{margin:30px 0px;}

#intro{
/*	background-color:#DAECFF;*/
	padding:30px;
}

#examples{
	padding:0px 30px 30px 30px;
}

#exercises{
	background-color:#FFFFDD;
	padding:30px;
}
#exercise_intro{
	text-align:justify;
	padding-bottom:20px;
}

#stat{
	text-align:center;
	padding-top:10px;
}

#foot{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
}

#result{
	margin:0 auto;
	text-align:left;
	background-color:lightyellow;
	font-family:arial,sans-serif;
	font-size:12px;
}

#feedingback{
	padding:5px;
	color:red;
/*	background-color:yellow;*/
	font-family:arial,sans-serif;
	font-size:12px;
}

#date{
	font-size:10px;
	padding-bottom:10px;
}

.w{
	border:2px solid red;
}

/*  -----------------------------------------  */

.but{
	padding: 5px;
}
.but img{
	cursor:pointer;
}

.showbut{
	cursor:pointer;
}

.help{
	color:green;
	padding-bottom:10px
}

/*  ------------------------------------------  */

.example{
	color:blue;
	position:relative;
}

.question{
	color:blue;
	margin:20px;
}

.red{	color:red;}
.green{	color:green;}
.blue{	color:blue;}
.black{	color:black;}

.large{	font-size:16px;}
.medium{font-size:14px;}
.small{	font-size:12px;}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.question input{
	margin:3px 10px;
}

.question td{
	padding:5px 5px;
}

.ex{
	width:300px;
	background-color:#FFFF9C;
	color:red;
	font-family:arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:0px 5px;
	line-height:20px;
	cursor:default;
}

#show1_1 td{
	padding:5px 10px 5px 10px;
}
#show1_2 td{
	padding:5px 10px 5px 10px;
}
#show1_3 td{
	padding:5px 10px 5px 10px;
}
#show1_4 td{
	padding:5px 10px 5px 10px;
}

.fraction{
	text-align:center;
}

.fraction td{
	padding:2px 5px;
}

.fraction .fn{
	border-top:1px solid blue;
}

.floatbox{
	position:absolute;
	border:4px solid #FFFF90;
}

/* ----- sect1 ------------------------------------------------- */

#sect1 .introtable table {
	border-collapse:collapse;
}

#sect1 .introtable{
	margin: 10px 0px 10px 60px;
}

#sect1 .introtable td{
	padding: 5px 5px;
	text-align:right;
}

.trunder td{
	border-bottom:1px solid gray;
}
/* ------- */


.q5t td{
	text-align:right;
	width:160px;
}

/* ----- sect2 ------------------------------------------------- */

#sect2 .introtable{
	margin:0 auto;
	border:1px solid black;
	padding:10px 40px;
}

#sect2 .introtable td{
	text-align:right;
}

#sect2 .q7{
	padding-left:30px;
}

#sect2 #q9t{
	width:390px;
	padding-left:100px;
}

/* ----- sect3 ------------------------------------------------- */
#sect3 #q7 td{
	padding:0px 30px;
}

#sect3 .q7{
	padding-left:30px;
}

/* ----- sect4 ------------------------------------------------- */

#sect4 .introtable{
	border:1px solid black;
	border-collapse:collapse;
}

#sect4 .introtable td{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:5px 20px;
}

#sect4 .introtable .bl{
	border-bottom:1px solid black;
}

#sect4 .introtable .tl{
	border-top:1px solid black;
	border-bottom:1px solid black;
}

.columns {
	padding-top:1px;
/*	border: 1px solid #000000;*/
	overflow: hidden;
	width: 100%;
}

.column1 {
	width: 45%;
	float: left;
}

.column2 {
	width: 45%;
	float: right;
}

#sect4 .introtable2 table {
	border-collapse:collapse;
}

#sect4 .introtable2{
	margin: 10px 0px 10px 60px;
}

#sect4 .introtable2 td{
	padding: 5px 5px;
	text-align:right;
}

#sect4 .ex{
	width:auto;
}

#sect4 #show1_3 .ex{
	width:200px;
}
#sect4 #show1_4 .ex{
	width:200px;
}

#sect4 .q5question{
	padding:20px 0px;
}
#sect4 .q5table{
	padding-left:30px;
	color:black;
}

.leftskip{
	padding-left:30px;
}