body {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: verdana, arial, helvetica, sans-serif;
	background: white;
	line-height: 1.3;
	color: black;
}
form {
	margin: 0;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
input, select, textarea, button, label, option, optgroup {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
}
button {
	white-space: nowrap;
}
optgroup {
	color: rgb(20,80,165);
	background: white;
}
optgroup option {
	color: black;
	padding: 0 0 0 7px;
}
p {
	margin: 0 0 .3em 0;
}
p + p {
	margin: 0 0 .3em 0;
}
a {
	color: rgb(20,80,165);
	text-decoration: none;
}
a img {
	border: none;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	color: rgb(20,80,165);
	font-weight: bold;
	margin: .7em 0 .3em 0;
	font-size: 1em;
}
h1 { font-size: 1.75em;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.2em;}
h2 img {
	vertical-align: -6px; 
	margin-top: -8px;
}
ul {
	list-style-type: square;
	margin: 0 0 .3em 2.5em;
	padding: 0;
}
ol {
	margin: 0 0 .3em 3em;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
table, tr, td {
	font-size: 100%;
	border: none;
}

/* Top section div */
div#header {
	background: url("images/header.png") rgb(248,248,250) 0 0 no-repeat;
	height: 105px;
	border-bottom: 1px solid black;
	position: relative;
}
#loginform {
	position: absolute;
	right: 7px;
	top: 10px;
	text-align: right;
	font-size: 80%;
}
#loginform input, #loginform button {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2;
}
#header .home1, #header .home1:hover {
	position: absolute;
	left: 10px;
	top: 5px;
	width: 95px;
	height: 35px;
	border: none;
	background: none;
}
#header .home2, #header .home2:hover {
	position: absolute;
	left: 10px;
	top: 40px;
	width: 300px;
	height: 35px;
	border: none;
	background: none;
}
noscript div {
	display: inline; 
}

/* Top Main menu */
ul#mainmenu {
	position: absolute;
	bottom: 0;
	left: 10px;
	margin: 0;
	list-style-type: none;
}
ul#mainmenu li {
	float: left;
	margin-right: 4px;
}
ul#mainmenu li a {
	text-decoration: none;
	background: rgb(210,210,215);
	background-repeat: no-repeat;
	background-image: url("images/icons.png");
	border-top: rgb(240,240,245) 1px solid;
	border-left: rgb(240,240,245) 1px solid;
	border-right: rgb(160,160,165) 1px solid;
	color: black;
	float: left;
	padding: 0 10px 1px 28px;
}
ul#mainmenu li a img {
	height: 16px;
	width: 16px;
	position: relative;
	bottom: -3px;
}
ul#mainmenu li a:hover {
	background: rgb(230,230,235);
	background-repeat: no-repeat;
	background-image: url("images/icons.png");
	border-top: rgb(250,250,255) 1px solid;
	border-left: rgb(250,250,255) 1px solid;
	border-right: rgb(180,180,185) 1px solid;
}
ul#mainmenu li a#active {
	background: rgb(20,80,165);
	background-repeat: no-repeat;
	background-image: url("images/icons.png");
	border-top: rgb(60,120,205) 1px solid;
	border-left: rgb(60,120,205) 1px solid;
	border-right: rgb(10,60,145) 1px solid;
	color: white;
}
ul#mainmenu li a.m1, ul#mainmenu li a.m1:hover, ul#mainmenu li a.m1#active  {
	background-position: 10px 1px;
}
ul#mainmenu li a.m2, ul#mainmenu li a.m2:hover, ul#mainmenu li a.m2#active {
	background-position: 10px -23px;
}
ul#mainmenu li a.m3, ul#mainmenu li a.m3:hover, ul#mainmenu li a.m3#active  {
	background-position: 10px -47px;
}
ul#mainmenu li a.m4, ul#mainmenu li a.m4:hover, ul#mainmenu li a.m4#active  {
	background-position: 10px -815px;
}
ul#mainmenu li a.m5, ul#mainmenu li a.m5:hover, ul#mainmenu li a.m5#active  {
	background-position: 10px -479px;
}
ul#mainmenu li a.m6, ul#mainmenu li a.m6:hover, ul#mainmenu li a.m6#active  {
	background-position: 10px -95px;
}
ul#mainmenu li a.m7, ul#mainmenu li a.m7:hover, ul#mainmenu li a.m7#active  {
	background-position: 10px -119px;
}

/* Admin main menu */
#adminmenu {
	list-style-type: none;
	float: right;
	font-size: 80%;
	margin-top: -1px;
}
#adminmenu fieldset {
	text-align: right;
}
#adminmenu input {
	border: none;
	padding: 0 6px 0 18px;
	cursor: pointer;
	background-color: rgb(190,210,235);
	background-repeat: no-repeat;
	background-image: url('images/icons12.png');
	overflow: visible;
}
#adminmenu input:hover {
	background-color: rgb(210,230,245);
}
#adminmenu input.active {
	color: white;
	background-color: rgb(20,80,165);
}
#adminmenu .a1, #adminmenu .a1:hover, #adminmenu .a1.active { /* info */
	background-position: 5px 1px;
}
#adminmenu .a2, #adminmenu .a2:hover, #adminmenu .a2.active { /* db */
	background-position: 5px -23px;
}
#adminmenu .a3, #adminmenu .a3:hover, #adminmenu .a3.active { /* users */
	background-position: 5px -47px;
}
#adminmenu .a4, #adminmenu .a4:hover, #adminmenu .a4.active { /* languages */
	background-position: 5px -71px;
}
#adminmenu .a5, #adminmenu .a5:hover, #adminmenu .a5.active { /* std lists */
	background-position: 5px -95px;
}
#adminmenu .a6, #adminmenu .a6:hover, #adminmenu .a6.active { /* master list */
	background-position: 5px -119px;
}
#adminmenu .a7, #adminmenu .a7:hover, #adminmenu .a7.active { /* config */
	background-position: 5px -144px;
}
#adminmenu .a8, #adminmenu .a8:hover, #adminmenu .a8.active { /* stats */
	background-position: 5px -168px;
}

/* Main body */
#main {
	clear: both;
	margin: 0 10px 0 10px;
	padding-top: 10px;
	min-height: 400px;
}

/* Query controls */
div#query {
	margin: 0 0 10px 0;
	font-size: 85%;
	vertical-align: top;
}
table#qoptions {
	margin-bottom: 10px; 
}
table#qoptions tr {
	vertical-align: top;
}
table#qoptions tr table tr {
	vertical-align: baseline;
}
table#qoptions td.space  {
	padding-right: 10px;
}
#qoptions input.wrd {
	width: 15px;
	padding: 0;
	font-size: 120%;
	margin: 1px 2px 0 2px;
}
div#query button img {
	width: 14px;
	height: 14px;
}
div#query span.colselect {
	color: rgb(20,80,165);
	cursor: pointer;
	font-size: 85%;
}
div#query span.colselect:hover {
	text-decoration: underline;
}
div#query select.wordlist, #query select.stdlist, #query select.domain {
	width: 22em;
	height: 9em;
}
div#query select.collist {
	height: 9em;
}
div#query label {
	font-size: 80%;
}
div#query label.main {
	font-weight: bold;
	font-size: 110%;
}
#qoptions td.filter label, label.up {
	top: -2px;
	position: relative;
}
#query div.filtertab {
	margin: 0 0 0 1em;
}
#query div.querybar input, #query div.querybar button  {
	padding: 2px 2px 2px 10px;
}
#subbtn {
	width: 20em;
}
#rstbtn, #dwnbtn {
	width: 10em;
}

/* home page stuff */
div#home p.intro {
	font-size: 120%;
}
div#home ul {
	margin: 5px 10px 0 30px;
	list-style-type: none;
}
div#home ul li {
	list-style-type: none;
	margin: 0 0 1px 30px;
}
div#home ul li img {
	vertical-align: -7px;
	margin-left: -30px;
}
div#home ul li b {
	font-size: 110%;
	letter-spacing: -0.5px;
}

/* icons are 16px square. src is empty (0.png) but a css background is used and shifted dependant on what the style is */
/* this saves time loading. icons.png is one, big image file with all the icons in it, shift background 24px for each one */
.button { /* normal button with text */
	border: none;
	border-width: 1px;
	border-style: solid;
	border-color: rgb(200,200,200);
	background-color: rgb(230,230,230);
	margin: 1px;
	padding: 1px 5px 1px 5px;
	cursor: pointer;
	overflow: visible;
}
.button:hover {
	background-color: rgb(237,237,237);
	border-top-color: rgb(240,240,240);
	border-right-color: rgb(180,180,180);
	border-bottom-color: rgb(180,180,180);
	border-left-color: rgb(240,240,240);
}
.button:active {
	background-color: rgb(240,240,240);
	border-top-color: rgb(210,210,210);
	border-right-color: rgb(245,245,245);
	border-bottom-color: rgb(245,245,245);
	border-left-color: rgb(210,210,210);
}
.button.image { /* normal button with text and an image in it */
	background-image: url("images/icons.png");
	background-repeat: no-repeat;
}
.sbutton { /* small 16x16 buttons, no text */
	background-image: url("images/icons.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	border: white 1px solid;
	cursor: pointer;
	margin-bottom: -4px;
}
.sbutton:hover {
	border-color: rgb(210,210,210);
	background-color: rgb(230,230,230);
}
.sbutton:active {
	background-color: rgb(200,200,200);
}
.icon { /* small 16x16 icon, no text */
	background-image: url("images/icons.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
}

/* here's all the background shifting stuff 24px apart (s prefix is for small 16x16 buttons)*/
/* classes with s in front are needed for image buttons in a table */
.search   { background-position: 5px 1px;   }
.ssearch  { background-position: 0px 0px;   }
.check    { background-position: 5px -23px; }
.scheck   { background-position: 0px -24px; }
.view     { background-position: 5px -47px; }
.sview    { background-position: 0px -48px; }
.submit   { background-position: 5px -71px; }
.ssubmit  { background-position: 0px -72px; }
.info     { background-position: 5px -95px; }
.sinfo    { background-position: 0px -96px; }
.help     { background-position: 5px -119px;}
.shelp    { background-position: 0px -120px;}
.apply    { background-position: 5px -143px;}
.sapply   { background-position: 0px -144px;}
.cancel   { background-position: 5px -166px;}
.scancel  { background-position: 0px -168px;}
.save     { background-position: 5px -190px;}
.ssave    { background-position: 0px -192px;}
.plus     { background-position: 5px -214px;}
.splus    { background-position: 0px -216px;}
.delete   { background-position: 5px -239px;}
.sdelete  { background-position: 0px -240px;}
.restore  { background-position: 5px -263px;}
.srestore { background-position: 0px -264px;}
.edit     { background-position: 5px -286px;}
.sedit    { background-position: 0px -287px;}
.green    { background-position: 5px -311px;}
.sgreen   { background-position: 0px -312px;}
.orange   { background-position: 5px -335px;}
.sorange  { background-position: 0px -336px;}
.red      { background-position: 5px -359px;}
.sred     { background-position: 0px -360px;}
.user     { background-position: 5px -383px;}
.suser    { background-position: 0px -384px;}
.admin    { background-position: 5px -407px;}
.sadmin   { background-position: 0px -408px;}
.undo     { background-position: 5px -430px;}
.sundo    { background-position: 0px -432px;}
.question { background-position: 0px -456px;}
.squestion { background-position: 0px -456px;}
.down     { background-position: 5px -502px;}
.sdown    { background-position: 0px -504px;}
.warning  { background-position: 5px -527px;}
.swarning  { background-position: 0px -528px;}
.apply14   { background-position: 0px -553px;}
.refresh14 { background-position: 0px -577px;}
.sright2   { background-position: 0px -600px;}
.right2    { background-position: 5px -598px;}
.sleft2    { background-position: 0px -624px;}
.left2     { background-position: 5px -622px;}
.refresh   { background-position: 5px -647px;}
.srefresh  { background-position: 0px -648px;}
.edit2     { background-position: 5px -671px;}
.sedit2    { background-position: 0px -672px;}
.edit3     { background-position: 5px -695px;}
.sedit3    { background-position: 0px -696px;}
.db        { background-position: 5px -718px;}
.sdb       { background-position: 0px -720px;}
.edit4     { background-position: 5px -743px;}
.sedit4    { background-position: 0px -744px;}
.edit5     { background-position: 5px -767px;}
.sedit5    { background-position: 0px -768px;}
.cancelg   { background-position: 5px -791px;}
.scancelg  { background-position: 0px -792px;}
.move      { background-position: 5px -815px;}
.smove     { background-position: 0px -816px;}
.erase     { background-position: 5px -839px;}
.serase    { background-position: 0px -840px;}
.speaker   { background-position: 0px -864px;}
.list      { background-position: 0px -888px;}
.semail    { background-position: 0px -912px;}
.speakerg  { background-position: 0px -936px;}
.spma      { background-position: 0px -961px;}
.wiz       { background-position: 5px -983px;}
.swiz      { background-position: 0px -984px;}
.sflushf   { background-position: 0px -1008px;}
.sflushw   { background-position: 0px -1032px;}
.sedit6    { background-position: 0px -1056px;}
.sedit7    { background-position: 0px -1080px;}
.sphp      { background-position: 0px -1104px;}
.blank     { background-position: 0px -2000px;}

/* Table output, scrolling and non-scrolling version */

@font-face { /* CSS3 feature. IE can't use this and needs an .eot font file which is called from header.php */
	font-family: dejavusans;
	src: local('DejaVu Sans'), url('resources/DejaVuSans.ttf');
}
@font-face {
	font-family: dejavusans;
	font-weight: bold;
	src: local('DejaVu Sans Bold'), url('resources/DejaVuSans-Bold.ttf');
}
div.scroll {
	float: left;
	margin: 10px 0 10px 0;
}
div.scroll div.cont {
	height: 400px;
	display: inline;
	zoom: 1;
	overflow: scroll;
	overflow-x: hidden;
}
table.scroll, table.noscroll {
	font-family: dejavu sans, dejavusans, bitstream vera sans, arev sans, charis sil, gentium, gentium basic, gentium book basic, andika, andika basic, arial unicode ms, arial, helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 0;
}
table.scroll input, table.noscroll input {
	font-family: dejavu sans, dejavusans, bitstream vera sans, arev sans, charis sil, gentium, gentium basic, gentium book basic, andika, andika basic, arial unicode ms, arial, helvetica, sans-serif;
	font-size: 100%;
}
table.noscroll {
	margin: 10px 0 10px 0;
}
table.scroll td, table.scroll th, table.noscroll td, table.noscroll th {
	vertical-align: baseline;
	white-space: nowrap;
}
table.scroll thead tr {
	position: relative;
}

/* language headers */
thead tr.lnghd th {
	text-align: center;
	border: none;
	font-weight: bold;
	font-size: 100%;
	background: white;
	color: black;
}
thead tr.lnghd th span {
	cursor: help;
}

/* column headers */
table.scroll th, table.noscroll th  {
	background: gray;
	font-size: 75%;
	font-weight: normal;
	border: none;
	padding: 0 5px 0 5px;
	color: white;
	border-top: 1px solid silver;
	border-bottom: 1px solid rgb(80,80,80);
	border-left: 1px solid rgb(155,155,155);
	text-align: center;
}
table.scroll th.edit, table.noscroll th.edit {
	background: rgb(60,125,60);
	border-top: 1px solid rgb(180,215,180);
	border-left: 1px solid rgb(120,155,120);
	border-bottom: 1px solid rgb(20,85,20);
}
table.scroll th.dv, table.noscroll th.dv  {
	border-left: 2px solid rgb(155,155,155);
}

/* main body of table */
table.scroll tbody {
	height: 400px;
	overflow: scroll;
	overflow-x: hidden;
}
table.scroll td, table.noscroll td {
	border: none;
	border-bottom: 1px solid rgb(225,225,225);
	border-left: 1px solid white;
	padding: 0px 5px 0px 5px;
}
tr {
	background: white;
	height: auto;
}
tr.b {
	background: rgb(242,242,242);
}
table.scroll td.first, table.noscroll td.first {
	font-size: 60%;
	text-align: right;
	color: rgb(180,180,180);
	padding-top: 8px;
	padding-bottom: 3px;
}
table.scroll td.last { /* extra padding for the last column of the scrolling table */
	padding-right: 22px;
}
table.scroll td.dv, table.noscroll td.dv {
	border-left: 2px gray solid;
}

/* cells for editing */
td.edit {
	cursor: pointer;
	background: rgb(244,252,244);
}
tr.b td.edit {
	background: rgb(232,243,232);
}
td.edit:hover, tr.b td.edit:hover  {
	background: rgb(212,242,212);
}
td.edit input {
	padding: 0;
}
td.edit img.sbutton { /* this also does input type=image */
}
td.edit img.sbutton:hover { /* this also does input type=image */
	border: rgb(182,212,182) 1px solid;
	background-color: rgb(202,232,202);
}

/* cells with special formatting */
td.center, .center { /* centered cells */
	text-align: center;
}
td.right, .right { /* right-aligned cells */
	text-align: right;
}
td.bgA, tr.b td.bgA, .bgA { /* yellow background */
	background-color: rgb(255,255,174);
}
td.edit.bgA:hover, tr.b td.edit.bgA:hover  { 
	background-color: rgb(245,245,154);
}
td.bgB, tr.b td.bgB, .bgB { /* redish background */
	background-color: rgb(247,192,165);
}
td.edit.bgB:hover, tr.b td.edit.bgB:hover   {
	background-color: rgb(247,172,145);
}
td.bgC, tr.b td.bgC,  .bgC { /* orange background */
	background-color: rgb(255,229,140);
}
td.edit.bgC:hover, tr.b td.edit.bgC:hover   {
	background-color: rgb(255,209,80);
}
td.bgD, tr.b td.bgD, .bgD { /* brown background */
	background-color: rgb(235,229,180);
}
td.edit.bgD:hover, tr.b td.edit.bgD:hover   {
	background-color: rgb(235,219,140);
}

/* cells for submission preview */
tr th.bgE { /* blue background for header*/
	background-color: rgb(60,70,130);
}
tr th.bgA { /* red background for header*/
	background-color: rgb(130,40,40);
}
td.bgE, .bgE { /* blue background */
	background-color: rgb(244,242,255);
}
tr.b td.bgE { 
	background-color: rgb(232,233,255);
}

/* footer */
div.scroll div.footer, table.noscroll tfoot tr {
	background: gray;
	color: white;
}
div.scroll div.footer {
	font-size: 75%;
}
div.scroll div.footer, table.noscroll tfoot th {
	border-top: 1px solid silver;
	border-bottom: 1px solid rgb(80,80,80);
	padding: 1px 5px 1px 5px;
	text-align: left;
}
.scroll div.footer input, .noscroll tfoot input { /* page navigation buttons*/
	padding: 0 4px 0 4px;
	margin: 0 1px 0 0;
}
table.noscroll tfoot table {
	width: 100%;
}
table.noscroll tfoot table td {
	border: none;
	padding: 0;
}
table.noscroll tfoot table td:first-child {
	text-align: left;
	color: white;
	padding: 0 10px 0 0;
}
div.scroll div.footer {
	text-align: right;
}
.scroll .word1, .noscroll .word1 {
	width: 3em;
}
.scroll .word2, .noscroll .word2 {
	width: 6em;
}
.scroll .word3, .noscroll .word3 {
	width: 10em;
}

/* tone stuff, each is 32px apart */
img.f, img.d1, img.d2, img.d3, img.d4, img.d5, img.d6, img.u1, img.u2, img.u3, img.u4, img.u5, img.u6 {
	background-image: url("images/tones.png");
	background-repeat: no-repeat;
	width: 8px;
}
img.f {
	height: 1px;
	background-position: 0 -7px;
}
img.u1 {
	height: 3px;
	background-position: 0 -37px;
}
img.d1 {
	height: 3px;
	background-position: 0 -69px;
}
img.u2 {
	height: 5px;
	background-position: 0 -99px;
}
img.d2 {
	height: 5px;
	background-position: 0 -131px;
}
img.u3 {
	height: 7px;
	background-position: 0 -161px;
}
img.d3 {
	height: 7px;
	background-position: 0 -193px;
}
img.u4 {
	height: 9px;
	background-position: 0 -223px;
}
img.d4 {
	height: 9px;
	background-position: 0 -255px;
}
img.u5 {
	height: 11px;
	background-position: 0 -285px;
}
img.d5 {
	height: 11px;
	background-position: 0 -317px;
}
img.u6 {
	height: 13px;
	background-position: 0 -347px;
}
img.d6 {
	height: 13px;
	background-position: 0 -379px;
}
img.l1 {
	vertical-align: -3px;
}
img.l2 {
	vertical-align: -1px;
}
img.l3 {
	vertical-align: 1px;
}
img.l4 {
	vertical-align: 3px;
}
img.l5 {
	vertical-align: 5px;
}
img.l6 {
	vertical-align: 7px;
}
img.l7 {
	vertical-align: 9px;
}

/* forminput - input form in table form */
table.forminput td {
	padding-bottom: 2px;
	padding-right: 10px;
	vertical-align: top;
}
table .top {
	vertical-align: top;
	padding-top: 0.15em;
}

table.viewform td {
	padding-bottom: 2px;
	padding-right: 10px;
	vertical-align: baseline;
}
table.viewform td:first-child {
	color: rgb(80,80,80);
	font-size: 85%;
}

#toolbar {
	margin: 10px 0 10px 0;
}
#toolbar input, #toolbar button  {
	width: 11em;
	margin: 0 2px 0 0;
	padding: 1px 5px 1px 5px;
}

/* Help pages */
div.help {
	margin-left: 20px;
}
div.help h3, div.help h2 {
	margin-left: -20px;
}
div.help hr {
	margin: 20px 0 0 -20px;
}
div.help table tr {
	vertical-align: top;
}

/* submit progress bar */
div.substep {
	float: right;
	width: 17em;
	margin: 0 0 5px 10px;
}
div.substep ul {
	border: 1px solid black;
	padding: 10px;
	margin: 0;
	background: rgb(245,245,245);
}
div.substep ul li {
	text-align: left;
	white-space: pre;
	padding-right: 0.3em;
	list-style-type: none;
	margin: 0.3em 0 0 0;
}
div.substep ul li.active {
	background: rgb(90,150,95);
	color: white;
}

div.substep h3 {
	text-align: center;
}

form#submitform button.step {
	width: 13em;
	margin-top: 1em;
}

/* submit sample table */
.preview tr th {
	text-align: left;
	font-size: 70%;
}
.preview select.ftype {
	width: 9em;
	margin: 2px 0 2px 0;
}
.preview input {
	margin: 0;
	padding: 0;
}
.preview label {
	top: -2px;
	position: relative;
}

/* Stats */
table.monthstats {
	border: 1px solid silver;
	table-layout: fixed;
}
table.monthstats tr {
	vertical-align: bottom;
}
table.monthstats tr div.bar {
	position: relative;
	background: rgb(140,220,145);
	border-bottom: 1px solid black;
}
table.monthstats tr img.imgbar {
	background: rgb(140,220,145);
	border-bottom: 1px solid black; 
}
table.monthstats tr div.barnum {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0%;
	font-size: 80%;
}
table.monthstats tr.hdr td {
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	width: 4.5em;
}
table.stats {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
table.stats th {
	background: gray;
	font-size: 75%;
	font-weight: normal;
	color: white;
	padding: 0 5px 2px 5px;
	text-align: left;
}
table.stats tr {
	vertical-align: baseline;
}
table.stats tr td {
	padding: 2px 5px 2px 5px;
}
table.stats tr td.first {
	font-size: 75%;
	text-align: right;
	color: gray;
}

table.stdlist {
	border: 1px solid gray;
	background: rgb(250,250,250);
}
table.stdlist tr {
	background: rgb(250,250,250);
}

/* Other stuff */
.error {
	color: red;
	cursor: help;
}
.mp3 {
	cursor: pointer;
	color: rgb(110,165,110);
}
.mp3:hover {
	color: rgb(30,125,30);
}
em[title='Required'] {
	cursor: help;
	color: red;
}
span.help {
	cursor: help;
}
em.help {
	cursor: help;
	color: red;
	font-style: normal;
}
.nobreak {
	white-space: pre;
}
.red {
	color: red;
	font-style: normal;
}
.green {
	color: green;
	font-style: normal;
}
.orange {
	color: orange;
	font-style: normal;
}
.blue {
	color: blue;
	font-style: normal;
}
ol.trackercomments li {
	margin-bottom: 10px;
}

/* Footer */
#footer {
	clear: both;
	text-align: center;
	margin-top: 15px;
	border-top: 1px solid black;
	font-size: 80%;
	padding-top: 3px;
	line-height: 1.8;
}
#footer form#langform {
	float: right;
	text-align: right;
	width: 20em;
	padding-right: 5px;
}
#footer div.tracker {
	float: left;
	line-height: 1.2;
	text-align: left;
	margin-left: 5px;
	width: 20em;
}
#footer div.menu {
	padding: 0 20em 0 20em;
}
#footer div.fineprint {
	color: silver;
	text-align: left;
	clear: both;
	padding-left: 5px;
}
#footer div.fineprint div {
	font-family: monospace;
	white-space: pre;
	line-height: 1.2;
}

#flash { /* this is where the JS writes the flash mp3 player */
	line-height: 0.0;
	position: relative;
	top: -10px; /* shove it off the screen so the screen doesn't blip in IE7 when the user clicks the play mp3 button */
}