/* 
 * Stylesheet for Intelligent Book Circuit Tool
 *
 * created by Will Billingsley
 *
 * draft 1,  10 July 2003
 */

.test
{
    position: absolute;
    top: 630px;
    left: 0px;
    width: 96%;
    margin: 0% 0% 2% 2%;
    background-color: #CC9999;
    font-family: Verdana;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #CC8833;
}
.test input
{
    display: inline;
    width: 50%;
}
.test button
{
    display: inline;
}
.test button *
{
    margin-top: 0px;
    padding-top: 0px;
}

body {
    background-color: #CCCCCC;	
}

#body {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 96%;
    background-color: #FFFFFF;	
    margin: 2% 2% 2% 2%;
    padding: 0px;
}

#AppletSection {
    position: relative;
    top: 0px;
    left: 0px;
    overflow: auto;
    width: 100%;
    margin: 0% 0% 0% 0%;
    border-width: 0px;
    z-index: 1;
}
#AppletSection applet 
{
    position: relative;
    height: 350px;
    width: 100%;
    top: 0px;
    z-index: 1;
} /*
#AppletSection img
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 350px;
    width: 100%;
} */

#IA_InteractionSection {
    position: absolute;
    top: 350px;
    width: 100%;
    background-color: #FFCC66;	
    border-width: 1px;
    border-style: solid;
    border-color: #CC8833;
    z-index: 1;
}


#IA_InteractionSection #IA_InteractionLogContainer
{
    display: none; 
    background-color: #FFCC66; 
    position: absolute;
    width: 100%;
    top: -220px;
    height: 220px;
}
#IA_InteractionLogContainer #IA_LogContracter
{	
	position: absolute;
	top: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #CC8833;
	height: 20px;
	width: 100%;
	z-index: 3;
}
#IA_InteractionLogContainer #IA_LogContracter img
{
	position: absolute;
	display: inline;
	right: 0px;
}	
#IA_InteractionLogContainer #IA_LogContracter #IA_system_log_heading
{
      position: relative;
	font-family: Verdana;	
	font-style: oblique;
	font-weight: bold;
      color: #990000;
	display: inline;
	margin-right: 10px;
	z-index: 2;
}	
#IA_InteractionLogContainer #IA_LogContracter #IA_student_log_heading
{
    position: relative;
    font-family: Verdana;	
    font-style: oblique;
    font-weight: bold;
    color: #009900;
    display: inline;
    margin-right: 10px;
    z-index: 2;
}	
#IA_InteractionLogContainer #IA_LogDisplayEl
{
    position: relative;
    top: 0px;
    padding-top: 30px;
    overflow: auto;
    height: 189px;
    z-index: 2;

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #CC8833;
}

#IA_LogExpander
{
    position: absolute;
    right: 0px;
    height: 20px;
    width: 52px;
    float: right;
    
}


#IA_StudentDisplayEl
{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 0px;
    margin-right: 10px;
    height: 25px;
    overflow: auto;
    width: 92%;
}
#IA_StudentDisplayEl student
{
    font-family: Verdana;	
    font-size: 100%;
    display: block;
    color: #009900;
}


#IA_SystemDisplayEl
{
    padding-top: 1px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 100px;
    overflow: auto;
}
#IA_SystemDisplayEl system 
{
    font-family:Verdana;	
    font-size:150%;
    display:block;
    color: #990000;
}



#IA_StudentInputArea
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #009900;
    font-size: 115%;
}
#IA_StudentInputArea input
{
    font-size: 115%;
    width: 90%;
}
#IA_StudentInputArea button
{
    font-size: 115%;
    width: 60px;
    height: 30px;
    text-align: center;
}

#IA_InteractionSectionHelp 
{
    background-color: #9999CC;
    padding-top: 5px;
    padding-bottom: 5px;
}
#IA_InteractionSectionHelp button
{
    font-family: Verdana;	
    font-size: 105%;
    margin-left: 10px;
    margin-right: 10px;
}


log student
{
    font-family:Verdana;	
    font-size:100%;
    display:block;
    color: #009900;
}
log system
{
	font-family:Verdana;	
	font-size:100%;
	display:block;
    color: #990000;
}