.field {
font-weight: bold;
border:1px solid #ccc;
background-color:#D4FFFF;
color:#666;
padding:2px;
}
.MC_option
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-SIZE: 15px;
}
.field:hover,.field:focus {
border:1px solid #9c0;
background-color:#fff;
}
.def {
  font-weight: normal;
  color: black;
}
.sg_test_testarea{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight: normal;
}
table.TABLEborder {
		border-width: 1px 1px 1px 1px;
			border-color: gray gray gray gray;
		}
.SQUIZarea{
	font-weight: normal;
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	height:20;
	background-color:#CCFFFF;
	overflow-y:scroll:
}		
.SHEADER
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-SIZE: 13px;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
	
}
.SBACKbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:1px;
	color: #000000;
	background-color: #00C9FB; /*-- F7F69A -- */
	border: 1px solid #999999;
    FONT-WEIGHT: bold;	
}
.TITLEbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:1px;
	color: #000000;
	background-color: #1AFEFE; /*-- F7F69A -- */
	border: 1px solid #999999;
    FONT-WEIGHT: bold;	
}
.LHEADERauthor
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    COLOR: #000000;
    FONT-SIZE: 14px;
    TEXT-DECORATION: none;
    FONT-WEIGHT: bold;
}		
<!-- padding-top padding-right padding-bottom padding-left  -->
<!-- Balloon style starts for QUERIES -->
		.QUERIESballoon a:hover {background-color: #FFFF99;;color:#0000FF;}
		.QUERIESballoon a:link span{display: none;}
		.QUERIESballoon a:visited span{display: none;}
		.QUERIESballoon a:hover span {
			position: absolute;
		  	margin:0px 10px 0px 10px;
		  	background-color: #FFCCFF;
		  	width: auto;
		  	padding: 0px 2px 0px 2px;
		  	border: 1px solid #C0C0C0;
		  	font: normal 16px verdana;
		  	text-decoration:none;
		  	color: #000;
		  	text-align:justify;
		  	display: block;
			cursor:url("custom.cur"), pointer;
		}
		 <!-- Balloon style ends for QUERIES -->
		 
<!-- Balloon style starts for ENDNOTES 		  	margin:15px 0px 0px 10px; -->
		.ENDNOTESballoonendnote a:hover {background-color: #FFFF99;;color:#0000FF;}
		.ENDNOTESballoonendnote a:link span{display: none;}
		.ENDNOTESballoonendnote a:visited span{display: none;}
		.ENDNOTESballoonendnote a:hover span {
			position: absolute;
		  	margin:0px 10px 0px 10px;
		  	background-color: #FFFF99;
		  	width: auto;
		  	padding: 0px 2px 0px 2px;
		  	border: 1px solid #C0C0C0;
		  	font: normal 16px verdana;
		  	text-decoration:none;
		  	color: #000;
		  	text-align:justify;
		  	display: block;
			cursor:url("custom.cur"), pointer;
		}
		 <!-- Balloon style ends for ENDNOTES -->
		 		 
<!-- Balloon style starts for DEFINITION -->
		.DEFINITIONballoonnote a:hover {background-color: #FFFF99;;color:#0000FF;}
		.DEFINITIONballoonnote a:link span{display: none;}
		.DEFINITIONballoonnote a:visited span{display: none;}
		.DEFINITIONballoonnote a:hover span {
			position: absolute;
		  	margin:0px 10px 0px 10px;
		  	background-color: #CCFFCC;
		  	width: auto;
		  	padding: 0px 2px 0px 2px;
		  	border: 1px solid #C0C0C0;
		  	font: normal 16px verdana;
		  	text-decoration:none;
		  	color: #000;
		  	text-align:justify;
		  	display: block;
			cursor:url("custom.cur"), pointer;
		}
		 <!-- Balloon style ends for DEFINITION -->