#inPageControls{
    text-align: right;
}
#inPageControls a,
#inPageControls a:link,
#inPageControls a:visited{
    border: 1px solid #FFCC00;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 2px 5px;
    font-size: 80%;
    color: black;
    text-decoration: none;
}
#inPageControls a:hover,
#inPageControls a:focus,
#inPageControls a:active{
    background-color:  #FFCC00;
}


.cache{
    font-size: 75%;
    color: #C5CFEB;
}



/* Control panel for application */
#controlPanel{
	top: 324px;
	left: 0;
	/* width: 180px; */
}

#controlPanel{
	border: 1px solid silver;
	margin-top:5px;
}
#controlPanel input,
#controlPanel a{
	display: inline;
	margin: 2px auto;
}
#controlPanel h4{
	border-bottom: 1px solid silver;
	margin: 0;
	padding: 0.2em 0.3em;
	font-weight: bold;
}
#controlPanel a:link,
#controlPanel a:visited{
	text-align: center;
	text-decoration: none;	
	padding: 0.1em 0.3em;
}
#controlPanel a:hover,
#controlPanel a:active,
#controlPanel a:focus{
	background-color: #FCAB03;
}

#podcasts{
	border: 1px solid silver;
	margin-top:5px;
	border-bottom: none;
}
#podcasts a.podcast{
	padding-left: 18px;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}
#podcasts div.podcast{
	border-bottom: 1px solid silver;
	padding-top:10px;
		
}
#podcasts h4{
	border-bottom: 1px solid silver;
	padding: 0.2em 0.3em;
	font-weight: bold;
}

#podcasts a:link,
#podcasts a:visited{
	text-align: center;
	text-decoration: none;	
	padding: 0.1em 0.3em;
}

.collapsed legend{
	padding: 0 17px 0 0;
	position:relative;
	background-image: url(../images/collapse_right.gif) ;
	background-repeat:no-repeat;
	background-position: top right;

}
.collapseable legend{
	padding: 0 17px 0 0;
	position:relative;
	background-image: url(../images/collapse_down.gif) ;
	background-repeat:no-repeat;
	background-position: top right;

}


textarea.expandable{
    height: 3em;
    width: 20em;
    font-size:1em;
}
textarea.expandable:focus{
    height: 10em;
}

/* Chat transcripts */
.transcript{border-top: 1px dotted #C5CFEB; font-size:90%; }
.transcript td{border-bottom: 1px dotted #C5CFEB;}
.transcript td.message{width: 100%;}
.transcript tr.participant1{color: #330066;}
.transcript tr.participant2{color: #660033;}
.transcript tr.participant3{color: #336600;}
.transcript tr.participant4{color: #006633;}



.questionScore{
    display: inline;
}

.questionScore input{
    width: 60px;
 	display: inline;
}
label.radio{
	margin:0 0;
}

#questionXML{width:350px;height:250px;}



textarea.uneditedTextArea
{	height:1.5em;
	width:300px;
	overflow:hidden;
}

textarea.editedTextArea
{	height:15em;
	width:300px;
}




h3.toggleDown
{	border-bottom: 1px solid black;
	background-image: url(images/collapse_down.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}
h3.toggleUp
{	border-bottom: 1px solid black;
	background-image: url(images/collapse_right.gif); 
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 18px;
}
h3.toggleProgress
{	
	background-image: url(images/collapse_progress.gif); 
}

/*tweaks for  questions -> exams -> edit*/
	.collapseable table{width: 100%;}
	label {display:inline;}
	select, input, textarea {display:inline;}
	.radio input {display:inline}
	.collapseable th{text-align: left; padding-bottom: 10px}
	.collapseable td{text-align: left;padding-left: 100px}
	.collapseable label{padding-right: 20px; padding-left: 5px}
/* ======================================================== */


/* exemplary page tweaks ============= */
#sampleTables table{
	width:100%;
	}
#sampleTables table tr td{
width:50%;


}
.sampleAnswersBox{
border: 2px solid silver;
height: 200px;
width:300px;
overflow: auto;

}
.sampleAnswersBox table{
width: 100%;

}
.sampleAnswersBox table td{
width: 50%;

}
.sampleAnswersBox div{
	
}
.studentSample, .superUserSample {	
border-bottom: 1px solid silver;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;

}

.sampleText{
text-align: left;
}
.sampleButton{
text-align: right;
}

.exemplarplay{	

}




#sampleAnswerCourse table tr td{
	width: 50%;
}
#sampleAnswerCourse table {
	width: 100%;
}



/* ===== end exemplar tweaks ========= */

.examTranscript{width: 100%; border-collapse: collapse;}
.examTranscript .row0{background-color: #F9FBFF;}
.examTranscript .row1{background-color: #E6EBFC;}
.examTranscript td{padding: 0.1em 0.3em;}

/* Audio upload */
.file_available{
	padding-left:20px;
	background:url(../images/success.gif) no-repeat 0 0;
}
.file_unavailable{
	padding-left:20px;
	background:url(../images/error.gif) no-repeat 0 0;	
}	
/* Teacher Comments */
.teacher_comment textarea{

width: 200px;
height:100px;
overflow:auto;
}

.slimTable{
    border-collapse: collapse;
}
.slimTable td{
    text-align:center;
    border: 1px solid silver;
}
.slimTable th{
    border: 1px solid silver;
    padding: 0.1em 0.3em;
}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container a.modalCloseImg {background:url(/commonskins/default/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px;cursor:pointer;}
.f-login {padding:0 5px;}
.f-login table {width:100%;}
.f-login table th {width:40%;}
.f-login table th + td input {width:100%;}


/* Tweak for button playing sample answer and audio comment */
.exemplar_playback, .exemplar_playback span, 
.comment_playback, .comment_playback span {	
	display:inline-block;	
	vertical-align:middle;
} 
.exemplar_playback.playing span,
.comment_playback.playing span {	
	background-position: -64px 0; width: 32px; height: 32px;	
}
/* End Tweak for button playing sample answer and audio comment */

.longtext_response {
	border:1px solid #CCCCCC;
	max-height:400px;
	overflow:auto;
	padding:5px;
	width:90%;	
}

.longtext_response:hover {background-color:#FFFFD6;}

 */