/******* main.css *******/
BODY {
	background-color:#fff;
	color:#000;
}


SPAN.link {
	cursor:pointer;
	text-decoration:none;
	color:#048;
}
A:link:hover,A:visited:hover,SPAN.link:hover {
	/* text-decoration:underline; */
}

.help_button A, .help_button SPAN.link {
	cursor:help;
}

TR.r0 {
	background-color:#fff;
}
TR.r1 {
	background-color:#eee;
}
TR.Header, TD.Header {
	/* color:#fff; */
	background-color:#ccccff;
	font-weight:bold;
	text-align:center;
}
/*
TR.Header A, TR.Header SPAN.link,
TD.Header A, TD.Header SPAN.link {
	color:#eef;
}
*/

BODY {
	font-size:small;
}

/* For IE. Its "Text Size" thing under the "View" menu doesn't affect form
 * elements. */
INPUT, SELECT, TEXTAREA, BUTTON {
	font-size:100%;
}

.fixed {
	position:fixed;
}

.displaynone {
	display:none;
}
.visibilityhidden {
	visibility:hidden;
}

.hoverable:hover, .hovering {
	background-color:#ccf;
}
.weirdness.hoverable2 {
	background-color:#ccf;
}
.hoverable2:hover, .hovering2 {
	background-color:#cc8;
}

.nobr {
	white-space:nowrap;
}
.yesbr {
	white-space:normal;
}

INPUT.noborder, TEXTAREA.noborder {
	border-width:0;
	border-style:none;
	margin:0;
	padding:0;
	background-color:transparent;
}
INPUT.noborder.hover, INPUT.noborder.focus, TEXTAREA.noborder.hover, TEXTAREA.noborder.focus {
	background-color:#ddf;
}
INPUT[readonly].noborder, TEXTAREA[readonly].noborder {
	background-color:transparent;
}
INPUT.numeric {
	text-align:right;
	padding-right:3px;
}

H1.title {
	font-size:150%;
	text-align:center;
	margin:0; padding:.5ex 0;
}

TABLE.addressTable {
	table-layout:fixed;
	border:0 hidden black;
	border-spacing:0;
	width:44ex;
	margin:0; padding:0;
}
TABLE.addressTable > TBODY > TR > TD {
	border-style:hidden;
	padding:0;
}

UL.expandoList LI {
        list-style:none;
        margin:0; padding:0;
}
UL.expandoList LI > UL {
	display:none;
}
UL.expandoList LI.expand > UL {
	display:block;
}
UL.expandoList LI.selected {
	background-color:#cfc;
}

TABLE.stdtable {
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
	border:1px solid black;
}
TABLE.stdtable TD {
	padding:2px;
	border:1px solid black;
}

DIV.tinytag, DIV.tinytag_c {
	margin:0;
	padding:0;
	font-size:50%;
	text-align:left;
}
DIV.tinytag_c {
	text-align:center;
}

.border-box {
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.content-box {
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}


TABLE.simpleGrid {
	border-collapse:separate;
	border:0px none;
	border-top:1px solid;
}
TABLE.simpleGrid,
TABLE.simpleGrid > TR > TD, TABLE.simpleGrid > TR > TH,
TABLE.simpleGrid > * > TR > TD, TABLE.simpleGrid > * > TR > TH {
	border-color:black;
}

DIV.scrollTable.simpleGrid > DIV.scrollTableBody > TABLE {
	border-top:0px none;
}
TABLE.simpleGrid > * > TR > TD,
TABLE.simpleGrid > * > TR > TH {
	border-left:0px hidden;
	border-top:0px hidden;
	border-right:1px solid;
	border-bottom:1px solid;
}
TABLE.simpleGrid > * > TR > TD:first-child,
TABLE.simpleGrid > * > TR > TH:first-child {
	border-left:1px solid;
}
TABLE.simpleGrid > * > TR > TD.nbl,
TABLE.simpleGrid > * > TR > TH.nbl {
	border-left:none;
}
TABLE.simpleGrid > * > TR > TD.nbr,
TABLE.simpleGrid > * > TR > TH.nbr {
	border-right:none;
}
TABLE.simpleGrid > * > TR:last-child > TD.nbb,
TABLE.simpleGrid > * > TR:last-child > TH.nbb {
	border-bottom:none;
}
/******* box.css *******/
.orange-box {
	margin:0;
	padding:2px;
	border:1px solid #f80;
	background-color:#fed;
	color:#cc6c00;
}
.orange-box A, .orange-box SPAN.link {
	color:#f80;
}

.yellow-box {
	margin:0;
	padding:2px;
	border:1px solid #cc0;
	background-color:#ffd;
	color:#880;
}
.yellow-box A, .yellow-box SPAN.link {
	color:#aa0;
}

.green-box {
	margin:0;
	padding:2px;
	border:1px solid #0f0;
	background-color:#dfd;
	color:#080;
}
.green-box A, .green-box SPAN.link {
	color:#0b0;
}

.cyan-box {
	margin:0;
	padding:2px;
	border:1px solid #0cc;
	background-color:#dff;
	color:#088;
}
.cyan-box A, .cyan-box SPAN.link {
	color:#0aa;
}

.blue-box {
	margin:0;
	padding:2px;
	border:1px solid #00f;
	background-color:#ddf;
	color:#00c;
}
.blue-box A, .blue-box SPAN.link {
	color:#00f;
}

.purple-box {
	margin:0;
	padding:2px;
	border:1px solid #c0f;
	background-color:#f6ddff;
	color:#a700cc;
}
.purple-box A, .purple-box SPAN.link {
	color:#c0f;
}

.magenta-box {
	margin:0;
	padding:2px;
	border:1px solid #f0f;
	background-color:#fdf;
	color:#c0c;
}
.magenta-box A, .magenta-box SPAN.link {
	color:#f0f;
}

.grey-box {
	margin:0;
	padding:2px;
	border:1px solid #888;
	background-color:#eee;
	color:#555;
}
.grey-box A, .grey-box SPAN.link {
	color:#777;
}

.white-box {
	margin:0;
	padding:2px;
	border:1px solid #000;
	background-color:#fff;
	color:#000;
}
.white-box A, .white-box SPAN.link {
	color:#444;
}

.black-box {
	margin:0;
	padding:2px;
	border:1px solid #fff;
	background-color:#000;
	color:#fff;
}
.black-box A, .black-box SPAN.link {
	color:#ccf;
}

.red-box {
	margin:0;
	padding:2px;
	border:1px solid #f00;
	background-color:#fdd;
	color:#c00;
}
.red-box A, .red-box SPAN.link {
	color:#f00;
}

.center {
	text-align:center;
}
/******* tooltip.css *******/
DIV.tooltip {
	display:none;
	position:absolute;
	overflow:hidden;
	background-color:#ddf;
	border:1px solid #008;
	color:#000;
	margin:0;
	padding:2px;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	font:10pt sans-serif;
	width:auto;
	height:auto;
	cursor:default;
	z-index:10001;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
}
/******* formvalidate.css *******/
INPUT.invalidValue, TEXTAREA.invalidValue, SELECT.invalidValue, SPAN.invalidValue, LABEL.invalidValue {
	background-color:#fcc !important;

	/* Firefox forces no background or border on checkboxes or radio
	 * buttons, but we can still apply an outline to highlight them. */
	outline:#f00 solid 2px !important;
}
/******* popper.css *******/
/* Required CSS for popper.js */

DIV.PopperBlocker {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:7999;
	cursor:wait;
/**/
	background-color:black;
	opacity:.2;
	filter:alpha(opacity=20);
/**/
}

TABLE.PopperSplash {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:8000;
	cursor:wait;
	border:none;
}
TABLE.PopperErrorSplash {
	z-index:20000;
}

TABLE.opa {
	background-color:black;
	opacity:.01;
	filter:alpha(opacity=1);
}

TABLE.PopperWindow {
	position:fixed;
	border-collapse:separate;
	table-layout:fixed;
	z-index:8001;
}
TABLE.PopperWindow.Minimized {
	display:none;
}

TABLE.PopperWindow > TBODY > TR > TD {
	overflow:hidden;
	border-style:solid;
	vertical-align:top;
	text-align:left;
}

TABLE.PopperWindow > TBODY > TR.PopperTitle > TD {
	background-color:#008;
	color:#fff;
	font-size:8pt;
	border-width:2px 2px 1px 2px;
	border-color:#44a #006 #888 #44a;
	cursor:default;
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV {
	/* For IE: Somehow this magically makes the div not "cover" the buttons. */
	background-color:#008;
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD.Moving {
	background-color:#00f;
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV.Button {
	float:right;
	border-width:1px;
	border-style:solid;
	border-color:#44f #006 #006 #44f;
	width:20px;
	height:20px;
	background-color:#00c;
	background-repeat:no-repeat;
	background-position:4px 4px;
	cursor:pointer;
	overflow:hidden;
	z-index:10;
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV.Button:hover {
	background-color:#00f;
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV.CloseButton {
	background-image:url(/img/closebutton.1.png);
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV.MaxButton {
	background-image:url(/img/maximizebutton.1.png);
}
TABLE.PopperWindow.Maximized > TBODY > TR.PopperTitle > TD > DIV.MaxButton {
	background-image:url(/img/unmaximizebutton.1.png);
}
TABLE.PopperWindow > TBODY > TR.PopperTitle > TD > DIV.MinButton {
	background-image:url(/img/minimizebutton.1.png);
}
TABLE.PopperWindow.NoResize > TBODY > TR.PopperTitle > TD > DIV.MaxButton {
	display:none;
}

TABLE.PopperWindow > TBODY > TR.PopperBody > TD {
	height:100%;
	background-color:#fff;
	border-width:0 2px 0 2px;
	border-color:#aaa #444 #444 #aaa;
}

TABLE.PopperWindow > TBODY > TR.PopperResize > TD {
	background-color:#008;
	border-width:1px 1px 2px 1px;
	border-color:#44a #006 #006 #44a;
}
TABLE.PopperWindow > TBODY > TR.PopperResize > TD.Moving {
	background-color:#00f;
}
TABLE.PopperWindow > TBODY > TR.PopperResize > TD > DIV {
	overflow:hidden;
	height:4px;
	width:1px;
	overflow:hidden;
}
TABLE.PopperWindow > TBODY > TR.PopperResize > TD.RL {
	border-left-width:2px;
	cursor:sw-resize;
}
TABLE.PopperWindow > TBODY > TR.PopperResize > TD.RC {
	cursor:s-resize;
}
TABLE.PopperWindow > TBODY > TR.PopperResize > TD.RR {
	border-right-width:2px;
	cursor:se-resize;
}

TABLE.PopperWindow.NoTitle > TBODY > TR.PopperTitle {
	display:none;
}
TABLE.PopperWindow.NoTitle > TBODY > TR.PopperBody > TD {
	border-top-width:2px;
}
TABLE.PopperWindow.NoResize > TBODY > TR.PopperResize {
	display:none;
}
TABLE.PopperWindow.NoResize > TBODY > TR.PopperBody > TD {
	border-bottom-width:2px;
}

.PopperFormError {
	background-color:#fcc;
	color:#800;
}

DIV.PopperTray {
	position:fixed;
	bottom:0;
	left:0;
	border-top:1px solid black;
	border-right:1px solid black;
	background-color:#ccf;
	padding-right:8px;
	z-index:8000;
}
DIV.PopperTray.Hidden {
	height:8px;
}

DIV.PopperTray DIV.Icon {
	float:left;
	background-repeat:no-repeat;
	background-position:2px 2px;
	background-image:url(/img/popicon.png);
	font-size:6pt;
	color:black;
	width:24px;
	height:24px;
	overflow:hidden;
	cursor:pointer;
}
DIV.PopperTray.Hidden DIV.Icon {
	display:none;
}

DIV.PopperTray DIV.Handle {
	position:absolute;
	width:6px;
	top:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(/img/handle.gif);
	border-left:1px solid #888;
	background-color:#ccf;
	cursor:col-resize;
}
/******* colorpicker.css *******/
DIV.ColorPickerBlocker {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10000;
	cursor:wait;
}

TABLE.ColorPicker {
	position:absolute;
	border-collapse:collapse;
	z-index:10001;
	background-color:#fff;
	border-style:solid;
        border-width:2px;
        border-color:#aaa #444 #444 #aaa;
}

TABLE.ColorPicker TR.ColorPickerTitle TD {
	background-color:#309;
	color:white;
	font-weight:bold;
	text-align:center;
	cursor:default;
}

TABLE.ColorPicker TR.ColorPickerStatus TD {
	padding:0 1px;
	font-size:smaller;
	text-align:left;
	cursor:default;
}

TABLE.ColorPicker TR.ColorPickerRow TD {
	border:1px solid #000;
	width:12px;
	height:12px;
	font-size:1px;
	overflow:hidden;
	cursor:pointer;
}
TABLE.ColorPicker TR.ColorPickerRow TD.cur {
	border:2px solid #fff;
}
/******* limited-contenteditable.css *******/
.lce-toolbar span {
	display:inline-block;
	height:1.5em;
	width:1.5em;
	overflow:hidden;
	text-align:center;
	line-height:1.5em;
	white-space:nowrap;
	background-color:#ccc;
	border:3px outset #888;
	cursor:default;
}
.lce-toolbar span.on {
	border:3px inset #888;
}
.lce-toolbar span.unk {
	border:3px solid #888;
}
/******* catalog.css *******/
div.hoverImage,
div.searchIndicator {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border:none;
	background-color:rgba(0,0,0,0.5);
	z-index:10001;
}
div.hoverImage table, div.hoverImage tbody, div.hoverImage tr, div.hoverImage td,
div.searchIndicator table, div.searchIndicator tbody, div.searchIndicator tr, div.searchIndicator td {
	table-layout:fixed;
	width:100%;
	height:100%;
	border:none;
}
div.hoverImage td,
div.searchIndicator td {
	text-align:center;
	vertical-align:middle;
}
div.hoverImage img {
	margin:auto;
	vertical-align:middle;
	border:1px solid black;
	max-width:90%;
	max-height:90vh;
	display:block;
}
div.hoverImage div {
	margin:0 auto;
	width:90%;
	text-align:center;
	color:black;
	color:rgba(255,255,255,1.0);
	/*background-color:black;*/
	background-color:rgba(0,0,0,0);
	text-shadow:0px 0px 2px black;
}
div.hoverImage A {
	color:#88f;
}

div.searchIndicator div {
	margin:0 auto;
	display:inline-block;
	border:1px solid black;
	padding:1em;
	background:white url('/img/throbber.gif');
	font-weight:bold;
	font-size:120%;
	text-shadow:0px 0px 2px white;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
