/* 
 * 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;
}


#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;
} 

.InteractionArea {
    position: relative;
    width: 100%;
	height: 220px;
    background-color: #FFCC66;
    background-image: url("mixed_stripe.png");	
    border-width: 1px;
    border-style: solid;
    border-color: #CC8833;
    z-index: 1;
}


#IA_InteractionLogContainer
{
	position: absolute;
	float: top;
  	background-color: #FFCC66; 
    background-image: url("mixed_stripe.png");	
    width: 100%;
    height: 220px;
	border: 1px;
}
#IA_InteractionLogContainer #IA_LogContracter
{	
/*	position: absolute;*/
	top: 0px;
	left: 0px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 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_InteractionLog
{
    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_StudentTextDiv
{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 0px;
    margin-right: 10px;
    height: 25px; 
    overflow: auto;
    width: 92%;
}
#IA_StudentTextDiv .student
{
/*    font-family: Verdana;	 */
    font-size: 100%;
    display: block;
    color: #009900;
}


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

#IA_SystemHtmlDiv
{
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 10px;
    padding-right: 0px;
    margin-right: 10px;
    overflow: auto;
    width: 92%;
    font-size: 100%;
    display: block;
    color: #660000;
}

#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;
}


.student
{
/*    font-family:Verdana;	*/
    font-size:100%;
    display:block;
    color: #009900;
}

.system
{
/*	font-family:Verdana;	*/
	font-size:100%;
	display:block;
    color: #990000;
}

.open 
{
	display: absolute;
}

.closed
{
	display: none;
}