/* 
/*
/*	eval.css		10/25/2006
/*
/*	2007-06-28		- added css for error sounds
/*
/*
*/

/*
	0000ff	blue
	ff0000	red
	00ff00	green
*/
	/* unused????	*/
.classHeading		{
	font-size		:	13px		;
	margin			:	0px		;
	border			:	0px		;
	padding			:	0px		;
}

	/*
		word display only on the left side 
	*/

	/* normal display of word <span> referenced in  evalHtmlTableCells.js */
.normalWordDisplaySpanClass	{
	color			:	#ff0000		;
	font-size		:	140%		;
	border-style		:	none		;	/* added 2008-01-19 */
}

	/* phonetic display of word <div> referenced in  evalHtmlTableCells.js */
.phoneticWordDisplayDivClass	{
	border-width		:	medium		;	
	color				:	black			;
}

	/* phonetic display of word <span> referenced in  evalHtmlTableCells.js */
	/* this is for each individual letter in the div	*/
.phoneticWordDisplaySpanClass	{
	color			:	#001234		;
	font-size		:	23px		;
	padding			:	1px		;	/* space the letters out a bit */
}




	/* <td> of the language spec group referenced in  evalHtmlTableCells.js */

.langSpecNameTdClass	{
	color			:	#ff0000		;
	font-size		:	9px;		;
	padding			:	3px		;
}
		/* css settings for the specific language display <div> referenced in evalHtmlTableCells.js */
.selectSpecLangDivClass	{
	background-color	:	#eeeeee		;
	border			:	#0000ff		;
	border-style		:	solid		;
	border-width		:	thin		;
	cursor			:	pointer		;
	text-align		:	left		;
}

		/* css mouseover settings for the specific language display <div> MOUSEOVER referenced in evalHtmlTableCells.js */
.selectSpecLangMouseoverDivClass	{
	background-color	:	#aaaaaa		;
	border			:	#0000ff		;
	border-style		:	dashed		;
	border-width		:	thin		;
	cursor			:	pointer		;
	text-align		:	left		;
}


		/* css settings for the specific language letter <span> referenced in evalHtmlTableCells.js */
		/* all this class probably does is to 'space' out the language specific letters */
.selectSpecLetterSpanClass	{
	color			:	#123123		;
	font-size		:	19px		;
	padding			:	5px		;
}





/* eval target sounds cell <td> - referenced in evalHtmlTableCells.js	*/
.evalTargetSoundTdCss	{
	padding			:	3px		;
}

/* eval target sounds cell <div>  - referenced in evalHtmlTableCells.js	*/
.evalTargetSoundDivClass	{
	border-style		:	none		;	/* added 2008-01-19 */
	color			:	black		;
	font-size		:	28px		;
	height			:	35px		;
	width			:	20px		;
}




	/*
		eval error sound cells	2008-01-26
		these names are store inside of the Mysql table Session_names

		this contains the SIX possibilities, one for each time (time1, modeled, time2)
		and for each one replicated
	*/

		/* time one normal */
.evalErrorSoundsTime1DivNormalClass	{
	border-color		:	#0000ff		;	/* moody blue */
	border-style		:	solid		;
	border-width		:	thin		;	/* thin border */
	color			:	red		;	
	padding-left		:	4px		;	/* move character over a little to the right */
	cursor			:	pointer		;
	font-size		:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width			:	25px		;
}

		/* time one replicate */
.evalErrorSoundsTime1DivReplClass	{
	border-color		:	#0000ff		;	/* moody blue */
	border-style		:	solid		;
	border-width		:	thin		;	/* thin border */
	color			:	#d0d0d0		;	/* light grey */
	cursor			:	pointer		;
	font-size		:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width			:	25px		;
}

		/* modeled normal */
.evalErrorSoundsModeledDivNormalClass	{
	border-color		:	blue		;	
	border-style		:	solid		;
	border-width		:	thin		;
	color				:	#00ff00		;
	cursor			:	pointer		;
	font-size			:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width				:	25px		;
}

		/* modeled replicate */
.evalErrorSoundsModeledDivReplClass	{
	border-color		:	blue		;	
	border-style		:	solid		;
	border-width		:	thin		;
	color				:	#d0d0d0		;
	cursor			:	pointer		;
	font-size			:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width				:	25px		;
}

		/* time two normal */
.evalErrorSoundsTime2DivNormalClass	{
	border-color		:	blue		;	
	border-style		:	solid		;
	border-width		:	thin		;
	color			:	#0000ff		;
	cursor			:	pointer		;
	font-size		:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width			:	25px		;
}


		/* time two replicate */
.evalErrorSoundsTime2DivReplClass	{
	border-color		:	blue		;	/* its green! */
	border-style		:	solid		;
	border-width		:	thin		;
	color			:	#d0d0d0		;
	cursor			:	pointer		;
	font-size		:	24px		;
	height			:	30px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	width			:	25px		;
}



	/* final results for grand <table> class referenced in eval.js */
	/* there should be ~200 tables, one table per each word */
.evalWordTableClass	{
	border-collapse		:	collapse	;
	border			:	thin solid #666666;
	text-align		:	center		;
}




.anlysPopupCss {		/* added 2007-05-29  to facilitate the anlys menu popup on the left side of the table */
	background-image	:	url(/images/evalPopupForms/anlys_popup_form_image.JPG)	;
	background-repeat	:	repeat-y	;
	cursor			:	pointer		;
	width			:	20px		;
}

.anlysPopupGrammarErrorBoxCss {		/* added 2007-05-29  to facilitate the anlys menu popup on the left side of the table */
	background-image	:	url(/images/evalPopupForms/eval_grammar_box_error.JPG)	;
	background-repeat	:	repeat-y	;
	cursor			:	pointer		;
	width			:	30px		;
}






	/* master table css  referenced in eval.pl */
.evalLinks		{
	border-collapse		:	collapse	;
	text-align		:	center		;
	width			:	475px		;
	border-bottom-style	:	solid		;
	border-bottom-width	:	thin		;
	border-top-style	:	solid		;
	border-top-width	:	thin		;
	border-left-style	:	solid		;
	border-left-width	:	thin		;
	border-right-style	:	solid		;
	border-right-width	:	thin		;
}

.evalLinks a:link {			/* master table word links */
	visibility		:	visible		;
	color			:	green		;
	text-decoration		:	none		;
}

.evalLinks a:visited {			/* master table word links */
	visibility		:	visible		;
	color			:	blue		;
	text-decoration		:	none		;
}

.evalLinks a:hover {			/* master table word links */
	visibility		:	visible		;
	color			:	red		;
	text-decoration		:	underline	;
}