body{
	margin: 0;
	background-color:#F9F9F9;
}

#outer {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

div.container, div.container2{
	/*top: -319px;*/
	top: -287px;
	left: 50%;
	position: absolute;
	margin-left: -498px;
	width: 996px;
	/*height: 606px;*/
	height: 574px;
	visibility: visible;
	overflow: hidden;
	text-align: left;
}

div.container{
	background-repeat:no-repeat;
	background-image: url('/image/learn2hear.gif');
		/*border: 1px solid;*/
}

div.container2{
	background-repeat:no-repeat;
	background-image: url('/image/learn2hear2.gif');
}

div .appHead{
	position: absolute; 
	left: 382px; 
	top: 47px;
	width: 460px;
}

div.appHead_main{
	position: absolute; 
	left: 445px; 
	top: 34px;
}

#load
{
	position:absolute;
	left: 204px;
	top: 104px;
	width: 587px;
	height: 384px;
	visibility: hidden;
	z-index: 40;
}

#high
{
	position:absolute;
	left: 834px;
	top: 110px;
	width: 160px;
	height: 103px;
	z-index: 2;
	line-height: 14px;
}

#high_int, #high_tri, #high_tet, #high_sca
{
	position:absolute;
	top: 0px;
	width: 132px;
	height: 370px;
	z-index: 2;
	line-height: 14px;
}
#high_int{
left: 0px;
}
#high_sca{
left: 175px;
}
#high_tri{
left: 350px;
}
#high_tet{
left: 525px;
}



#interval
{
	position:absolute;
	top: 2px;
	left: 50px;
	width: 270px;
	height: 164px;
	z-index: 2;
	line-height: 14px;
}

#triad
{
	position:absolute;
	top: 182px;
	left: 50px;
	width: 270px;
	height: 164px;
	z-index: 2;
	line-height: 14px;
}

#tetrad
{
	position:absolute;
	top: 182px;
	left: 414px;
	width: 270px;
	height: 164px;
	z-index: 2;
	line-height: 14px;
}

#scale
{
	position:absolute;
	top: 2px;
	left: 414px;
	width: 270px;
	height: 164px;
	z-index: 2;
	line-height: 14px;
}

#pie
{
	/*border: 1px solid;*/
	position:absolute;
	top: 194px;
	left: 700px;
	width: 180px;
	height: 150px;
	z-index: 2;
	line-height: 14px;
}

.box
{
position:absolute;
	border: 1px solid;
	height: 146px;
	width: 270px;
	top: 18px;
}

div #level
{
	position:absolute;
	left: 40px;
	top: 112px;
	width: 130px;
	height: 370px;
}
/*
div#google1
{
	position:absolute;
	right: 67px;
	top: 531px;
}
div#google2
{
	position:absolute;
	left: 71px;
	top: 535px;
}
div#google3
{
	position:absolute;
	left: 10px;
	top: 120px;
}*/
div#bundani
{
	position:absolute;
	left: 5px;
	top: 535px;
	width: 996px;
	height: 48px;
}

div#bundmenu
{
	position:absolute;
	left: 71px;
	top: 500px;
	width: 921px;
	height: 20px;
}

div#explain
{
vertical-align: middle;
	position:absolute;
	left: 4px;
	top: 468px;
	width: 750px;
	height: 20px;
	z-index: 2;
}

div#tell
{
	vertical-align: middle;
	position:absolute;
	left: 810px;
	top: 468px;
	width: 185px;
	height: 20px;
}

div#user1, div#user2{
	position:absolute;
	left: 834px;
	top: 68px;
	width: 160px;
	height: 22px;
	z-index: 2;
	line-height: 16px;
}

div#user2{
	height: 23px;
}

div.centerindhold
{
	/*overflow: auto;*/
	position:absolute;
	left: 100px;
	top: 110px;
	width: 796px;
	height: 372px;
	z-index: 1;
}
div.center
{
	position:absolute;
	left: 202px;
	top: 110px;
	width: 590px;
	height: 372px;
	z-index: 1;
}

div.center1
{
	position:absolute;
	left: 303px;
	top: 121px;
	width: 390px;
	height: 350px;
	z-index: 1;
}


/* Table styles */

table#user TD{
	padding:0;
	vertical-align:top;
}

table#user p{
margin-bottom:12px;
}

table.userformtable TD{
	padding: 5px 10px 0 0;
}

table.userformtable{
	margin: 20px 0 0 10px;
}

table#report td{
padding: 0;
margin: 0;
}


/* Image styles */

a.logo{
	position:absolute;
	top: 50px;
	left: 9px;
	width: 95px;
	height: 36px;
	display: block;
}

#bundani img{
	margin-right: 25px;
}


/* Form styles */

.login_form {
	background-color: #BEF7F8;
	border: #000000 1px solid;
	color: #000000;
	font-family: verdana,arial,helvetica,sans serif;
	font-weight: normal;
	width: 160px;
	margin: 0;
}


/* List styles  */

#bundmenu ul, #diciplins ul{
	margin: 0px;
	padding: 0;
}

ul{
margin: 0; 
}

#bundmenu li{
	display: inline;
	list-style-type: none;
	font-size: 14px;
	font-family: arial, courier;
	padding-right: 98px;
}
#diciplins li{
display: inline;
list-style-type: none;
font-family: arial, courier;
font-size: 12px;
}

/* Text/font styling  */



.smallblack{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color: #000000;
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 10px;
}

.smallblack a:link, .smallblack a:visited{
font-size: 10px;
color: #006FAE;
}

a {
	color: #006FAE;
}

a:visited {
	color: #720000;
}

a img{ 
	border-left:0px none; border-right:0px none; border-top:0px none; text-decoration: none;
	border-bottom: medium none;
}

h1{
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 15px;
  margin-top: 55px; 
  text-align:center;
  margin-bottom: 15px;
}
  
h2{
	font-family: verdana,arial,helvetica,sans serif;
	margin-top: 10px;
	text-align: center;
}

h3{
	font-family: verdana,arial,helvetica,sans serif;
}

#help h4, span, ol{
	font-family: verdana,arial,helvetica,sans serif;
	margin-bottom: 0;
}

#help p{
	margin-top: 0;
	font-family: verdana,arial,helvetica,sans serif;
}

p.normtext{
	margin-top: 0;
	margin-left: 100px;
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 15px;
}

.standard{
	margin: 0;
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 15px;
}

.standardBig{
	margin: 0;
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 20px;
}

#userlinks .standard a:link, #userlinks .standard a:visited{
color: #006FAE;
}

.standardsmall, table#report p{
	margin: 0;
	font-family: verdana,arial,helvetica,sans serif;
	font-size: 13px;
}