body {
    font-family: futura condensed, sans-serif;
    font-size: 10pt;
    margin:1%;    
    background-color: #C6EF8C;
  }
p {
     font-size: 10pt;
  }
h2 {
    text-align: center;
  }
h3 {
    text-align: center;
    font-style: italic;
  }
table  {
   border: 0;
   align: center;
   cellpadding: 0;
   cellspacing: 0;
   width: 100%;
   margin: 0;
   topmargin: 0;
  }
#inputId {
    padding: 0.5ex;
    font-size: 120%;
    font-weight: bold;
    color: blue;
    height: 1em;
    border: solid 1px black;
    background-color: white;
    width: 120%;
    align: center;
  }
#arabicId {
    padding: 0.5ex;
    font-size: 150%;
    font-weight: bold;
    color: green;
    height: 1em;
    border: solid 1px black;
    background-color: #F7FFAD;
    width: 120;
    align: center;
  }
#englishId {
    padding: 0.5ex;
    font-size: 100%;
    font-weight: bold;
    color: blue;
    height: 2.5em;
    border: solid 1px black;
    background-color: white;
    width: 130;
    align: center;
  }
div.inputCellId {
    align: center;
}
caption {
    font-weight: bold;
    font-size: 120%;
    font-style: italic;
    color: blue;
    background-color: #F7FFAD;
    align: center;
}
a {
    vertical-align: bottom;
    font-size: x-small;
}
div.label {
    vertical-align: top;
    font-size: x-small;
}
div.actionChoices {
    font-weight: bold;
    font-size: 80%;
}
div.fuzzyOption {
    font-weight: bold;
    font-size: x-small;
    color: red;
}
div.instructions 
    {
        text-align: left;
	border: solid 1px black;
	background: white;
	text-indent: 20pt;
}
div.note 
    {
        text-align: left;
	border: solid 1px black;
	background: white;
	color: green;
	font-size: 10pt;
}
span.arabic {
	font-weight: bold;
	font-size: 130%;
	color: green;
	}
span.roman {
        font-weight: bold;
        color: blue;
	}
span.fuzzy {
        font-weight: bold;
        font-style: italic;
        color: red;
        }