BODY {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12pt;
	font-style : normal;
	line-height : normal;
	font-weight : normal;
	font-variant : normal;
	color : #000000;
	text-decoration : none;
	margin: 0px 0px 0px 0px;
}

.bodyfull { width:100%; text-align:center;}
.toptable { width:100%;  table-layout:fixed; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}
td.topbanner { height:30px; background-color: #6666CC; background-repeat: no-repeat; background-position: right; background-image:url('../graphic/top_banner.gif') }

td.topmenu { height:25px; background-color: #6666FF; vertical-align:middle;}
a.steelblue{ text-decoration:underline; font: bold 9pt Verdana; margin-left: 10px; margin-right: 10px; text-align:center; vertical-align:middle; color:steelblue}

a.topmenu { text-decoration:none; font: bold 8pt Verdana; margin-left: 10px; margin-right: 10px; text-align:center; vertical-align:middle; color: #ffffff}
a.topmenu:hover { text-decoration:underline;}

a.submenu { text-decoration:none; font: 8pt Arial; margin-left: 10px; margin-right: 10px; text-align:center; vertical-align:middle; color: #000000}
a.submenu:hover { text-decoration:underline;}
td.submenu { font: bold 8pt Verdana; height:20px; vertical-align:middle; background-color: #C0C0C0; color: #ffffff}

a.submenu2 { margin-left: 10px; margin-right: 10px; text-decoration:none; font: 8pt Arial; text-align:center; vertical-align:middle; color: #000000}
a.submenu2:hover { text-decoration:underline;}
td.submenu2 { width:100%; font: bold 8pt Verdana; height:25px; vertical-align:middle; background-color: #cccccc; color: #ffffff}
td.submenu3 { font: bold 8pt Verdana; height:45px; vertical-align:top; text-align:center; background-color: #cccccc; color: #ffffff}
td.submenuInstruction, td.cellInstruction
{
	font: bold 8pt Verdana;
	vertical-align: middle;
	 text-align:center ;
	width: 100%;
	color: #006699;
	height: 25px;
	background-color: #ffff66;
}
.mainInstruction
{
	font: bold 8pt Verdana;
	vertical-align: middle;
	 text-align:center ;
	color: #006699;
	background-color: #ffff66;
}
td.cellInstruction
{
	width: 600px;
	text-align: left;
	font: bold 9pt Verdana;
}
span.PageTitle { margin-left: 10px; font: bold 14pt Arial; color: #000000}
span.PageSubTitle { margin-left: 10px; font: italic 12pt Verdana; color: #000000}

span.instruction { margin-left: 10px; font: bold 10pt Arial; margin-top: 10px; margin-bottom: 10px; color: #CC0000; text-align:left; }
.instruction2 { margin-left: 80px; font: 9pt Arial; margin-top: 10px; margin-bottom: 10px; color: #6600FF; text-align:left; }
td.paging { text-align: right; font: 10pt Verdana; color: #CC0000; }
td.paging-detail { text-align: right; font: 10pt Arial; color: #CC0000; }
input.abttn, input.abttn2, select.filterby, select.quantum , select.abttn
{
    border-style: solid solid solid solid; 
	border-top-color: rgb(175, 196, 213); border-right-color: rgb(16, 74, 123); border-bottom-color: rgb(16, 74, 123); border-left-color: rgb(175, 196, 213);
    border-width: 1px 1px 1px 1px;
    font-size: 11px; text-decoration: none;
    background-color: rgb(214, 231, 239); background-image: none; background-repeat: repeat;
    color: black;
    font-family: Arial;
    height: 19px;
}
input.abttn2 { 
	border-top-color: #6699FF;  
	border-left-color: #6699FF; 
	border-bottom-color: #0066FF;  
	border-right-color:  #0066FF;  
	background-color: #6699FF; 
}
select.quantum { background-color:#ffffff; width:100% }
td.filterby { text-align: right; font: 8pt Verdana; color: #CC0000; }
.dataTable { width:98%; table-layout:fixed; margin: 0px 0px 0px 0px; border-collapse: collapse; padding:0px 0px 0px 0px; font: 10pt Arial; }
.dataTable tr:hover { text-decoration: none; background-color: #FFFFCC; width:100%}
.dataTable a, a:hover { text-decoration: none; }
.dataTable td {border-bottom: 1px; border-bottom-color: #cccccc; border-bottom-style: solid;
				border-left: 1px; border-color: #DADADA; border-left-style: solid;
				padding-left: 5px;
				}
.dataTable thead {background-color: #B7B7B7; height:25px; }

.dataPointsTitle { font: bold 10pt Arial; text-align:left; margin-left: 10px; margin-bottom: 5px;}
.dataPoints { width:400px; table-layout:fixed; margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; border: 1px; border-style:solid; border-color: #cccccc; font: 10pt Arial; }
.dataPoints td { height:25px; border-bottom: 1px; border-bottom-color: #cccccc; border-bottom-style: solid; margin-left: 25px;  }
.dataPoints thead {background-color: #FFCC99; font-weight: bold; text-align: center; height:25px; width:100%}
td.defaultPoints { text-align:center; font: italic 10pt Arial; }
td.pointDesc { text-align:center;}
td.pointScore { text-align:center;}
td.leftcolumn, td.rightcolumn  { vertical-align: top;}

.dataParamTitle { font: bold 10pt Arial; text-align:left; margin-left: 10px; margin-bottom: 5px;}
.dataParam { width:400px; table-layout:fixed; margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; border: 1px; border-style:solid; border-color: #cccccc; font: 10pt Arial; }
.dataParam td { height:25px; margin-left: 25px; border: 1px; border-style: solid; border-color: #ffffff }
tr.trOdd { background-color: #FFFFCC }
tr.trEven { background-color: #ffffff}
.dataParam thead {background-color: #FFCC99; font-weight: bold; text-align: center; height:25px; width:100%}
td.defaultParam { text-align:center; font: italic 10pt Arial; }

/* form */
.editformcontainer { width: 100%; text-align:center;}
.editForm { margin-left: 30px; width: 600px; border: 2px; border-style: solid; border-color: #6600FF }
.formColumn1 { text-align:right;width:200px;font: 10pt Verdana; }
.formColumn2 { width:20px }
.formColumn3 { width:380px;text-align:left }
.formColumn35 { width:140px;text-align:left }
.selectColumn3 { width:280px }
.smaller { color: #CC0033; font:  8pt Verdana;}
.table_form {
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 3px;
 padding-top: 3px;
 font: 10pt Verdana;
 border: solid 1px;
 background-color: #FFFFCC;
}
.table_form td { padding-left: 4px;  padding-bottom: 2px;  padding-right: 3px;  padding-top: 3px; }
input.interviewPts { width:50px; font: 8pt Arial; }
h1 { font: 11pt Verdana;font-weight : bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	width: 600px;
}
h2 { font: 10pt Verdana;font-weight : bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #DDDDDD;
	border-right-color: #DDDDDD;
	border-bottom-color: #DDDDDD;
	border-left-color: #DDDDDD;
	width: 600px;
}

h3 { font: 9pt Verdana;font-style : italic; text-decoration : UNderline;
	 width: 600px;}
td.tab1 { height: 20px; font: 8pt Verdana; width: 150px; text-align:center; background-repeat: no-repeat; background-position: center; background-image:url('../graphic/tab_button.gif') }
.firstColumn { font: 9pt Verdana; }
.validators { font: bold 8pt Verdana; color:#FF0000; }
.roles { width:100%; font: 8pt Verdana; height:10pt; vertical-align:top; text-align: right; color: #000000}
.fieldSubject { width:300px; font: 9pt Verdana; }
.fieldGrade { width:100px; font: 9pt Verdana; }
.fieldAction { text-align: center; width:100px; font: bold 9pt Verdana; }
.standard-text
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}