/* CSS Document */
:root {
 --white: #ffffff;      /* #ffffff */
 --lighttext: #ffffff;  /* #ffffff */
 --darktext: #000000;   /* #000000 */
 --blue: #718ba4;       /* #718ba4 */
 --navy: #003366;       /* #003366 */
 --sky: #b1bfcd;        /* #b1bfcd */
 --green: #77a471;      /* #77a471 */
 --yellow: #e9d341;     /* #e9d341 */
 --red: #c2452d;        /* #c2452d */
 --purple: #663336;     /* #663336 */
 --lavender: #a4717d;   /* #a4717d */
 --orange: #cb8d49;     /* #cb8d49 */
 --odd: #f5f8fa;        /* #f5f8fa */
 --even: #e6edf2;       /* #e6edf2 */
 --highlight: #ffff99;  /* #ffff99 */
 --black: #000000;      /* #000000 */
 --ash: #cccccc;        /* #cccccc */
 --slate: #666666;      /* #666666 */
 --grey: #999999;       /* #999999 */
 --background: #fbf7c8; /* #fbf7c8 */
 --disabled: rgb(239,239,239,.3);
}
body {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: auto;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input, select {
 background-color: var(--white);
 color: var(--darktext);
 border: thin solid var(--grey);
}
input:disabled, select:disabled {
 background-color: var(--disabled);
 color: var(--darktext);
}
a.hl:link {
	color: var(--purple);
	font-size: 12px;
}
a.hl:visited {
	color: var(--purple);
	font-size: 12px;
}
form {
	margin: 0px;
}
option {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.margin {
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
	background-color: var(--white);
 color: var(--black);
}
.hi-row {
	color: var(--lighttext);
	background-color: var(--navy);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	font-weight: bold;
}
.tskb {
	background-color: var(--navy);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	color: var(--lighttext);
}
.in-reg {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
}
.in-reg-up {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-transform: uppercase;
}
.in-err {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	background-color: var(--red);
	color: var(--lighttext);
}
.in-err-up {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
	background-color: var(--red);
	color: var(--lighttext);
	text-transform: uppercase;
}
.in-dis {
	padding-left: 3px;
	font-size: 11px;
	text-transform: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: var(--darktext);
}
.lb-reg {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 5px;
	padding-left: 5px;
}
.st {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lk-reg {
	font-size: 11px;
	color: var(--lighttext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tb-rb {
	border: 1px solid var(--orange);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tb-ab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--lighttext);
	font-size: 11px;
	background-color: var(--orange);
}
.tb-sb {
	font-size: 11px;
	color: var(--lighttext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: var(--blue);
}
.nh {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: var(--blue);
	color: var(--lighttext);
	border-right: 1px solid var(--white);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: var(--white);
	border-bottom-color: var(--white);
	padding-left: 5px;
	padding-right: 5px;
}
.nh1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: var(--blue);
	color: var(--lighttext);
	border-right: 1px solid var(--white);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: var(--white);
	border-bottom-color: var(--white);
	padding-left: 5px;
	text-decoration: underline;
	cursor: pointer;
}
.nh2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: var(--blue);
	color: var(--lighttext);
	border-right: 1px solid var(--white);
}
.nc1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 6px;
}
.nc2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: 1px solid var(--white);
}
.ebdn {
	background-image: url(../images/elbow-blue.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 35px;
}
.nc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: var(--darktext);
	border-right: 1px solid var(--white);
	padding-left: 5px;
	padding-right: 5px;
}
.ebup {
	background-image: url(../images/elbow-blue-up.gif);
	background-position: center;
	background-repeat: no-repeat;
}
.odd {
	background-color: var(--odd);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.even {
	background-color: var(--even);
 color: var(--darktext);
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ar-up {
	background-image: url(../images/ar-up.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	height: 10px;
}
.ar-dn {
	background-image: url(../images/ar-dn.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	height: 10px;
}
.ar-ft-dk {
	background-image: url(../images/ar-ft-dk.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	width: 13px;
}
.ar-pv-dk {
	background-image: url(../images/ar-pv-dk.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	width: 13px;
}
.ar-nt-dk {
	background-image: url(../images/ar-nt-dk.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	width: 13px;
}
.ar-lt-dk {
	background-image: url(../images/ar-lt-dk.gif);
	cursor: pointer;
	background-repeat: no-repeat;
	width: 13px;
}
.lk-vew {
	background-image: url(../images/eye.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
}
.lk-chg {
	background-image: url(../images/edit.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
}
.lk-del {
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
}
.lk-add {
	background-image: url(../images/add.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
}
.lk-cpy {
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 21px;
}
.lk-flt {
	background-image: url(../images/filter.jpg);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 21px;
	padding-left: 3px;
	padding-right: 3px;
}
.lk-exp {
	background-image: url(../images/export.gif);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 21px;
	padding-left: 3px;
	padding-right: 3px;
}
.lb-can {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 46px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-vew {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 36px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-chg {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 50px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-cpy {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 36px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-del {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 44px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-ill {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 50px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-add {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 8px;
	width: 21px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-res {
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 40px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-ent {
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 50px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.lb-prt {
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
	padding-right: 5px;
	width: 36px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: white;
}
.ctbl {
	text-align: center;
	vertical-align: baseline;
}
.ob1 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	width: 58px;
}
.ob2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	width: 1px;
}
.slct {
	text-align: center;
	padding-left: 45px;
	padding-right: 3px;
	width: 1px;
	font-size: 11px;
	color: var(--lighttext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.slsl {
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	width: 1px;
	font-size: 11px;
	color: var(--lighttext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	cursor: pointer;
}
.rt {
	width: 120px;
	cursor: pointer;
	text-decoration: underline;
}
.al {
	cursor: pointer;
	text-decoration: underline;
	padding-left: 5px;
	padding-right: 5px;
	width: 1px;
}
.am {
	display: inline;
	cursor: pointer;
	text-decoration: underline;
	padding: 5px;
	color: var(--lighttext);
}
td.rt:hover {
	font-weight: bolder;
	empty-cells: show;
	margin: 10px;
}
.fl {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
}
.fs {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.fr {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(../images/rf.gif);
}
.errm {
	color: var(--red);
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.alert {
	color: var(--red);
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}
.mo-vew {
	background-image: url(../images/eye.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
}
.mo-add {
	background-image: url(../images/add.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
}
.mo-cpy {
	background-image: url(../images/copy.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
}
.mo-chg {
	background-image: url(../images/edit.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
}
.mo-del {
	background-image: url(../images/delete.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 25px;
}
.ph {
	visibility: hidden;
	display: none;
}
.ph1 {
	visibility: hidden;
}
.ps {
	visibility: visible;
	display: block;
}
.ps1 {
	visibility: visible;
	display: block;
	height: 100%;
}
.ps2 {
	visibility: visible;
	display: inline;
}
.hid {
	visibility: collapse;
	display: inline;
}
.msgi {
	background-image: url(../images/info.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: var(--navy);
	height: 25px;
	padding-left: 25px;
}
.msge {
	background-image: url(../images/stop.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: var(--red);
	height: 25px;
	padding-left: 25px;
}
.msgw {
	background-image: url(../images/warn.gif);
	background-repeat: no-repeat;
	background-position: 3px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: var(--darktext);
	height: 25px;
	padding-left: 25px;
}
.btnl {
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: var(--odd);*/
	padding-left: 25px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline;
}
.cnn {
	background-color: var(--green);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--lighttext);
	font-size: 11px;
	padding-right: 6px;
	padding-left: 6px;
	cursor: n-resize;
	background-image: url(../images/splitter.png);
	background-position: right;
	background-repeat: no-repeat;
	text-align: left;
	height: 25px;
	position: relative;
}
.cnn2 {
	background-color: var(--green);
 color: var(--lighttext);
	font-size: 11px;
	padding-right: 6px;
	padding-left: 6px;
	background-image: url(../images/splitter.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 25px;
	position: relative;
}
.rs {
	top: 5px;
	position: relative;
	color: var(--lighttext);
}
.mr {
	top: 5px;
	left: 125px;
	text-decoration: underline;
	position: relative;
	cursor: pointer;
	z-index: 100;
	margin: 6px;
	padding: 5px;
}
.fh1 {
	background-color: var(--background);
 color: var(--darktext);
	border: thin outset;
	width: 50%;
	padding: 3px;
	left: 46%;
	top: 3px;
	position: absolute;
	z-index: 25;
	visibility: hidden;
}
.fh2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
}
.fh3 {
	background-image: url(../images/closetip.png);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 16px;
}
.fh4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}
.fh5 {
	cursor: pointer;
	background-image: url(../images/fieldtip.png);
	background-repeat: no-repeat;
	width: 25px;
}
.fh6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
	font-weight: bold;
}
.dow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--lighttext);
	font-size: 12px;
	font-weight: bold;
	background-color: var(--orange);
	text-align: center;
	width: 14%;
}
.day {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--darktext);
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--white);
}
td.day:hover {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--slate);;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--ash);;
	border: thin outset;
}
.daz {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--grey);
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--background);
}
td.daz:hover {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--slate);;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--ash);;
	border: thin outset;
}
.dot {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--lighttext);
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--green);
}
td.dot:hover {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--slate);;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--ash);;
	border: thin outset;
}
.das {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--lighttext);
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--navy);
}
td.das:hover {
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: var(--slate);;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 14%;
	background-color: var(--ash);;
	border: thin outset;
}
.popon {
	border: 2px outset var(--white);
	position: absolute;
	visibility: visible;
	display: block;
	z-index: 101;
}
.popoff {
	position: absolute;
	visibility: hidden;
	display: none;
	z-index: 101;
}
.popdiv {
	width: 100%;
}
.poptitle {
	background-color: var(--navy);
	color: var(--lighttext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	width: 100%;
	cursor: move;
}
.popclose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: var(--lighttext);
	border: 1px outset;
	cursor: pointer;
	width: 17px;
	text-align: center;
}
.wk {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: var(--green);
	color: var(--lighttext);
	text-decoration: blink;
}
.tf {
	height: 25px;
	padding-left: 25px;
}
.ta {
	height: 100%;
	width: 100%;
	border: 0px;
	background-color: var(--white);
	color: var(--darktext);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tsp {
	background-color: var(--navy);
 color: var(--lighttext);
	margin: 25px;
	border: 1px solid var(--navy);
}
.nb1 {
	display: inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: var(--lighttext);
	text-decoration: underline;
	background-color: var(--blue);
	border: none;
	cursor: pointer;
	margin: 0px;
	padding-right: 8px;
	padding-left: 0px;
	height: 20px;
}
.nb2 {
	display: inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: var(--lighttext);
	text-decoration: underline;
	background-color: var(--blue);
	border: none;
	padding-right: 8px;
	padding-left: 0px;
	cursor: pointer;
	white-space: nowrap;
	height: 20px;
}
.bold {
	font-weight: bold;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.ab00 {
	color: var(--darktext);
	background-color: var(--lighttext);
}
.ab01 {
	color: var(--darktext);
	background-color: var(--light-blue); /* Light Blue */
}
.ab02 {
	color: var(--lighttext);
	background-color: var(--green); /* Green */
}
.ab03 {
	color: var(--darktext);
	background-color: var(--yellow); /* Yellow */
}
.ab04 {
	color: var(--lighttext);
	background-color: var(--red); /* Red */
}
.ab05 {
	color: var(--lighttext);
	background-color: var(--purple); /* Purple */
}
.ab06 {
	color: var(--lighttext);
	background-color: var(--orange); /* Orange */
}
.ab07 {
	color: var(--lighttext);
	background-color: var(--blue); /* Medium Blue */
}
.ab08 {
	color: var(--lighttext);
	background-color: var(--lavender); /* Light Purple */
}
.ab09 {
	color: var(--lighttext);
	background-color: var(--navy); /* Dark Blue */
}
tr.padded td {
	padding-top: 5px;
	padding-bottom: 5px;
}
td.pcg {
	background-image: url(../images/pclipg.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 60px;
	cursor: pointer;
}
.db-box {
	position: absolute;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	display: none;
	border: 1px solid var(--ash);
	background-color: var(--white);
 color: var(--darktext);
}
.db-list {
	border-collapse: collapse;
}
.db-list tr td {
	padding: 3px;
	cursor: pointer;
}
.db-sel:hover, .db-sel2 {
	background-color: var(--sky);
 color: var(--darktext);
}
body.timepop {
	margin: 0px;
	background-color: var(--sky);
 color: var(--darktext);
}
table.timetable {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
}
table.ttm {
	margin-bottom: 8px;
}
td.head {
	color: var(--lighttext);
	background-color: var(--orange);
	padding: 4px 10px;
	font-weight: bold;
}
td.rh {
	padding: 4px;
	text-align: center;
	background-color: var(--green);
	color: var(--lighttext);
	font-weight: bold;
	width: 16%;
	border: 1px solid var(--slate);
}
td.tm {
	width: 7%;
	text-align: center;
	padding: 4px;
	border: 1px solid var(--slate);
	background-color: var(--white);
	cursor: pointer;
}
td.tm:hover {
	background-color: var(--highlight);
 color: var(--darktext);
}
td.ts {
	color: var(--lighttext);
	background-color: var(--blue);
	text-align: center;
	padding: 4px;
	width: 7%;
	font-weight: bold;
	border: 1px solid var(--slate);
}
.tmsub {
	background-color: var(--orange);
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	text-decoration: underline;
	padding-right: 5px;
	width: 50px;
	color: var(--lighttext);
	border-right: thin solid var(--white);
}
.tmlink {
	background-color: var(--orange);
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	text-decoration: underline;
	padding-right: 5px;
	width: 90px;
	color: var(--lighttext);
	border-right: thin solid var(--white);
}
.navbtn {
	background-color: var(--orange);
	color: var(--lighttext);
	font-weight: bold;
	padding: 4px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.favwa {
	 width: 100%;
	 padding: 5px 0px;
	 text-align: center;
	 background-color: var(--navy);
	 color: var(--lighttext);
}
.x1 {
 background-color: var(--orange);
 font-size: 16px;
 font-weight: bold;
 color: var(--lighttext);
}