/* GENERAL */

.small { font-size: 10px; }
.large { font-size: 12px !important; }
.important { color: #4488CC !important; }
.middle { text-align: center; }
.maxwidth { width: 100%; }
.nowrap { white-space: nowrap; }
.pointer { cursor: pointer; }

/* BASIC */

BODY {
	font-family: verdana,arial,helvetica;
	padding: 0px;
	margin: 5px;
	background-color: #FFFFFF;
}

A {
	color: #4488CC;
	text-decoration: none;
}

A:hover {
	color: #88CCFF;
	text-decoration: underline;
}

B.selected {
	font-weight: 800;
	color: #4488CC;
}

TABLE {
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
}

TD {
	padding: 0px;
	margin: 0px;
}

TABLE.main {
	width: 100%;
}

TABLE.main TD.menu-padding {
	padding: 0px 30px 0px 30px;
}

TABLE.main TD.padding {
	padding: 5px 30px 0px 30px;
}

TABLE.main TD.footer-padding {
	padding: 0px 30px 0px 30px;
}

/* MENU BAR */

TABLE.menubar {
	width: 100%;
	background-position: 0px -45px;
	background-image: url('/images/collage2.png');
}

TABLE.menubar TD.left {
	text-align: left;
	background-position: -26px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TD.right {
	text-align: right;
	background-position: -31px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TD.center {
	width: 100%;
	text-align: center;
}

TABLE.menubar TD.content {
	font-size: 11px;
	padding: 1px 5px 0px 5px;
	background-color: #FFFFFF;
	background-image: none !important;
}

TABLE.menubar TABLE.box {
	width: 100%;
}

TABLE.menubar TABLE.box TD.box-left {
	width: 5px;
	padding: 0px;
	background-position: -55px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TABLE.box TD.box-right {
	width: 5px;
	padding: 0px;
	background-position: -60px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TABLE.box TD.box-center {
	width: 100%;
	font-size: 11px;
	padding-top: 4px;
	background-color: #F7F7F7;
}

TABLE.menubar TABLE.box TD.corner-left {
	width: 5px;
	height: 5px;
	padding: 0px;
	background-position: -50px -68px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TABLE.box TD.corner-right {
	width: 5px;
	height: 5px;
	padding: 0px;
	background-position: -50px -73px;
	background-image: url('/images/collage1.png');
}

TABLE.menubar TABLE.box TD.box-bottom {
	width: 100%;
	height: 5px;
	background-position: 0px -40px;
	background-image: url('/images/collage2.png');
}

TABLE.menubar TABLE.box TD.box-center A {
	font-size: 11px;
}

TABLE.menu TD.divider-left-on {
	width: 2px;
	height: 25px;
	background-position: -50px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menu TD.divider-right-on {
	width: 2px;
	height: 25px;
	background-position: -52px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menu TD.divider-left-sel {
	width: 2px;
	height: 25px;
	background-position: -48px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menu TD.divider-right-sel {
	width: 2px;
	height: 25px;
	background-position: -46px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.menu TD.divider-left,
TABLE.menu TD.divider-right {
	width: 2px;
	height: 25px;
}

TABLE.menu TD.arrow {
	padding-left: 10px;
}

TABLE.menu TD.arrow-on {
	padding-left: 10px;
	background-position: 0px -95px;
	background-image: url('/images/collage2.png');
}

TABLE.menu TD.arrow-sel {
	padding-left: 10px;
	background-position: 0px -70px;
	background-image: url('/images/collage2.png');
}

TABLE.menu TD.item {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
}

TABLE.menu TD.item-on {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	background-position: 0px -95px;
	background-image: url('/images/collage2.png');
}

TABLE.menu TD.item-sel {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	background-position: 0px -70px;
	background-image: url('/images/collage2.png');
}

TABLE.menu TD.item A,
TABLE.menu TD.item-on A,
TABLE.menu TD.item-sel A {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	text-decoration: none;
	white-space: nowrap;
}

TABLE.menu TD.spacer {
	width: 5px;
}

/* FOOTER */

TABLE.footer {
	width: 100%;
	background-position: 0px -45px;
	background-image: url('/images/collage2.png');
}

TABLE.footer TD.spacer {
	width: 100%;
}

TABLE.footer TD.footer-left {
	width: 5px;
	height: 25px;
	padding: 0px;
	background-position: -26px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.footer TD.footer-right {
	width: 5px;
	height: 25px;
	padding: 0px;
	background-position: -41px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.footer TD.footer-divider {
	width: 2px;
	background-position: -48px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.footer TD.footer-text {
	font-size: 10px;
	font-weight: 800;
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 5px;
	white-space: nowrap;
	background-position: 0px -70px;
	background-image: url('/images/collage2.png');
}

/* WINDOWS */

TABLE.window {
	width: 100%;
}

TABLE.window TD.spacer {
	width: 100%;
	text-align: right;
	padding-top: 2px;
	padding-right: 1px;
	padding-left: 10px;
	vertical-align: middle;
}

TABLE.window TD.window-error {
	padding: 1px 5px 0px 5px;
}

TABLE.window TD.window-error TABLE.error {
	width: 100%;
	border: solid 1px #660000;
	border-collapse: separate;
	border-spacing: 0px;
	background-color: #990000;
}

TABLE.window TD.window-error TABLE.error TD {
	font-size: 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #BB0000;
	padding: 1px 10px 1px 10px;
}

TABLE.window TD.window-status {
	padding: 1px 5px 0px 5px;
}

TABLE.window TD.window-status TABLE.status {
	width: 100%;
	border: solid 1px #66BB00;
	border-collapse: separate;
	border-spacing: 0px;
	background-color: #88DD00;
}

TABLE.window TD.window-status TABLE.status TD {
	font-size: 10px;
	font-weight: 800;
	color: #FFFFFF;
	text-align: center;
	border: solid 1px #99EE00;
	padding: 1px 10px 1px 10px;
}

TABLE.window TD.content {
	font-size: 11px;
	padding: 1px 5px 0px 5px;
}

TABLE.window TD.padding {
	height: 5px;
}

TABLE.window TABLE.orange-bar {
	width: 100%;
	background-position: 0px -170px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.orange-left {
	width: 5px;
	height: 25px;
	background-position: -36px -52px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.orange-right {
	width: 5px;
	height: 25px;
	background-position: -31px -52px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.orange-title {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	background-position: 0px -195px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.orange-divider {
	width: 2px;
	height: 25px;
	background-position: -46px -52px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.orange-min {
	width: 13px;
	height: 13px;
	background-position: 0px -52px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.orange-min-on {
	width: 13px;
	height: 13px;
	background-position: -13px -52px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.orange-max {
	width: 13px;
	height: 13px;
	background-position: 0px -65px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.orange-max-on {
	width: 13px;
	height: 13px;
	background-position: -13px -65px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.blue-bar {
	width: 100%;
	background-position: 0px -120px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.blue-left {
	width: 5px;
	height: 25px;
	background-position: -36px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.blue-right {
	width: 5px;
	height: 25px;
	background-position: -31px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.blue-title {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	background-position: 0px -145px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.blue-divider {
	width: 2px;
	height: 25px;
	background-position: -46px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.blue-min {
	width: 13px;
	height: 13px;
	background-position: 0px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.blue-min-on {
	width: 13px;
	height: 13px;
	background-position: -13px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.blue-max {
	width: 13px;
	height: 13px;
	background-position: 0px -39px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.blue-max-on {
	width: 13px;
	height: 13px;
	background-position: -13px -39px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.green-bar {
	width: 100%;
	background-image: url('/images/bar-green1-bg.png');
	background-position: 0px -45px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.green-left {
	width: 5px;
	height: 25px;
	background-position: -36px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.green-right {
	width: 5px;
	height: 25px;
	background-position: -31px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window TD.green-title {
	font-size: 12px;
	font-weight: 800;
	color: #FFFFFF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 10px;
	background-position: 0px -70px;
	background-image: url('/images/collage2.png');
}

TABLE.window TD.green-divider {
	width: 2px;
	height: 25px;
	background-position: -46px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.green-min {
	width: 13px;
	height: 13px;
	background-position: 0px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.green-min-on {
	width: 13px;
	height: 13px;
	background-position: -13px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.green-max {
	width: 13px;
	height: 13px;
	background-position: 0px -13px;
	background-image: url('/images/collage1.png');
}

TABLE.window IMG.green-max-on {
	width: 13px;
	height: 13px;
	background-position: -13px -13px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.box {
	width: 100%;
}

TABLE.window TABLE.box TD.box-left {
	width: 5px;
	padding: 0px;
	background-position: -55px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.box TD.box-right {
	width: 5px;
	padding: 0px;
	background-position: -60px 0px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.box TD.box-center {
	width: 100%;
	font-size: 11px;
	padding-top: 4px;
	background-color: #F7F7F7;
}

TABLE.window TABLE.box TD.corner-left {
	width: 5px;
	height: 5px;
	padding: 0px;
	background-position: -50px -68px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.box TD.corner-right {
	width: 5px;
	height: 5px;
	padding: 0px;
	background-position: -50px -73px;
	background-image: url('/images/collage1.png');
}

TABLE.window TABLE.box TD.box-bottom {
	width: 100%;
	height: 5px;
	background-position: 0px -40px;
	background-image: url('/images/collage2.png');
}

/* BUTTONS */

TABLE.button {
	cursor: pointer;
}

TABLE.button TD.button-left {
	width: 2px;
	height: 20px;
	padding: 0px;
	background-position: -50px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.button TD.button-left-on {
	width: 2px;
	height: 20px;
	padding: 0px;
	background-position: -50px -46px;
	background-image: url('/images/collage1.png');
}

TABLE.button TD.button-right {
	width: 2px;
	height: 20px;
	padding: 0px;
	background-position: -52px -26px;
	background-image: url('/images/collage1.png');
}

TABLE.button TD.button-right-on {
	width: 2px;
	height: 20px;
	padding: 0px;
	background-position: -52px -46px;
	background-image: url('/images/collage1.png');
}

TABLE.button TD.button-center {
	height: 20px;
	font-size: 10px;
	font-weight: 800;
	color: #4488CC;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	background-position: 0px 0px;
	background-image: url('/images/collage2.png');
}

TABLE.button TD.button-center-on {
	height: 20px;
	font-size: 10px;
	font-weight: 800;
	color: #88CCFF;;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	background-position: 0px -20px;
	background-image: url('/images/collage2.png');
}

/* BASIC PAGE LAYOUT */

TABLE.frame {
	width: 100%;
}

TABLE.frame TD.frame-left {
	width: 33%;
	padding-right: 5px;
	vertical-align: top;
}

TABLE.frame TD.frame-right {
	width: 66%;
	vertical-align: top;
}

/* FLOAT */

TABLE.float {
	width: 130px;
	float: left;
}

DIV.float {
	width: 100px;
	float: left;
}

DIV.map {
	border: solid 1px #88CCFF;
	background-color: #FFFFFF;
}

/* FORM */

TABLE.form TD.note {
	font-size: 11px;
	border: solid 1px #DDDDDD;
	padding: 3px;
	background-color: #EEEEEE;
}

TABLE.form TD.note TABLE.legend {
	width: 100%;
	border: solid 1px #DDDDDD;
	margin-top: 2px;
	background-color: #F7F7F7;
}

TABLE.form TD.note TABLE.legend TD {
	padding: 2px;
}

TABLE.form TD.error {
	font-size: 10px;
	font-weight: 800;
	color: #990000;
}

TABLE.form TD.label {
	font-size: 10px;
	font-weight: 800;
	color: #4488CC;
	text-align: right;
	padding-right: 1px;
	white-space: nowrap;
}

TABLE.form TD.required {
	width: 14px;
	padding-left: 1px;
	padding-right: 2px;
}

TABLE.form TD.top {
	vertical-align: top;
	padding-top: 5px;
}

TABLE.form TD.topdrop {
	vertical-align: top;
	padding-top: 7px;
}

TABLE.form TD.topmin {
	vertical-align: top;
	padding-top: 2px;
}

TABLE.form TD.input {
	width: 100%;
}

TABLE.form TD.minput {}

TABLE.form TD.text {
	font-size: 10;
	color: #4488CC;
	white-space: nowrap;
}

TABLE.form TD.textright {
	font-size: 10;
	color: #4488CC;
	white-space: nowrap;
	text-align: right;
}

TABLE.form TD.drop { padding-top: 2px; }
TABLE.form TD.shift { padding-left: 2px; }

FORM {
	margin: 0px;
	padding: 0px;
}

SELECT {
	font-family: arial,helvetica,courier;
	font-size: 12px;
	height: 18px;
	border: solid 1px #88CCFF;
}

INPUT.tinput {
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	height: 20px;
	padding-left: 2px;
	border: solid 1px #88CCFF;
}

TEXTAREA {
	font-family: arial,verdana,helvetica;
	font-size: 12px;
	padding-left: 2px;
	padding-top: 2px;
	margin: 0px;
	border: solid 1px #88CCFF;
}

SELECT.wfull { width: 100%; }
SELECT.wmedium { width: 200px; }
SELECT.wsmall { width: 100px; }
SELECT.wtiny { width: 50px; }
INPUT.wfull { width: 100%; }
INPUT.wtiny { width: 50px; }
INPUT.wsmall { width: 100px; }
INPUT.wmedium { width: 200px; }
INPUT.wsmall { width: 100px; }
TEXTAREA.wfull { width: 100%; }
TEXTAREA.htiny { height: 50px; }
TEXTAREA.hsmall { height: 100px; }
TEXTAREA.hmedium { height: 150px; }
TEXTAREA.hlarge { height: 300px; }