.menusmall { color: #999; font-size: 8pt; font-family: arial, sans-serif; font-weight: normal; line-height: 11pt; }
.menusmall > a:link { color: #999; }
.menusmall > a:visited { color: #999; }
.menusmall > a:hover { color: #f90; }

.menusmallfooter { color: #999; font-size: 8pt; font-family: arial, sans-serif; font-weight: normal; line-height: 11pt; text-align: center; }
.menusmallfooter > a:link { color: #999; }
.menusmallfooter > a:visited { color: #999; }
.menusmallfooter > a:hover { color: #f90; }

a.menu { color: #999; font-size: 9pt; font-family: arial, sans-serif; font-weight: normal; line-height: 13pt; }
a.menu:link { color: #999; }
a.menu:visited { color: #999; }
a.menu:hover { color: #f90; }

a.menutitle { color: white; font-size: 11pt; font-family: arial, sans-serif; font-weight: normal; line-height: 15pt; }
a.menutitle:link { color: white; }
a.menutitle:visited { color: white; }
a.menutitle:hover { color: #f90; }

.text,.adminbody { color: #333; font-size: 8pt; font-family: arial, sans-serif; line-height: 11pt; }
.title {
	font-weight: bold; font-size: 11pt; line-height: 15pt; color: #909090; font-family: arial, sans-serif;
}
.logontitle { font-size: 18pt; font-family: helvetica, arial, sans-serif; line-height: 21pt;}
.logonlabel { font-family: helvetica, arial, sans-serif; font-weight: bold; }
a:link { color: #f60; text-decoration: none; }
a:visited { color: #f60; text-decoration: none; }
a:hover { color: #33c; }
a:active { }
th { color: gray; text-align: left; border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: thin; }
tr.separator > td { padding-top: 20px; color: gray; text-align: left; font-weight: bold; border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: thin; }
tr.group-label > td { padding-top: 10px; color: gray; text-align: left; font-weight: bold; }
body { color: #333; font-size: 11pt; font-family: helvetica, arial, sans-serif; line-height: 14pt; }
orangeonblack { color: #f90; font-size: 11pt; font-family: helvetica, arial, sans-serif; line-height: 14pt; background-color: #000; }
p {  }
td { }
a#bullet img {height: 7px; width: 14px; background: url(../images/bullet_gray.gif) top left no-repeat;}
a#bullet:hover img {background: url(../images/bullet_orange.gif) top left no-repeat;}
img { border: 0px; }

.appframe { padding: 5px; }
.menuicons { text-align: center; font-size: 9pt; }

.de_white_bg_tab {
	left: 8px;
	top: 8px;
}
.de_logo_tab {
	position: absolute;
	left: 160px;
	top: 32px;
}
.studio_logo {
	margin-top: 2%;
	margin-left: 13%;
	margin-right: auto;
	width: 158px;
	height: 34px;
}

/* ------------------------------------------------------ */
/* app forms                                              */
/* ------------------------------------------------------ */
.formframe { }
.formbody { padding: 8px; width: 100%; background-color: #EEEEEE; white-space: nowrap; }
.formbody th { white-space: nowrap; }
.formbtnbar { text-align: right; width: 100%; height: 35px; }

.infobody { padding: 8px; background-color: #FFFFFF; width: 100%; }
.infoname { font-weight: bold; color: #909090;}
.infovalue { }

.listframe { }
.listpane { padding: 8px; width: 100%; }
.listpane th { white-space: nowrap; }
.listbtnbar { text-align: right; width: 100%; padding-top: 10px; }

.appbtnbar { margin-top: 10px; width: 100%; white-space: nowrap; }
.appbtnbar img { position: relative; top: +5px; }

/* ------------------------------------------------------ */
/* app headings                                           */
/* ------------------------------------------------------ */
.apptitlebar { margin-top: 5px; margin-bottom: 10px; }
.apptitletext { font-size: 14pt; line-height: 16pt; font-weight: bold; }
.apptitleicon { top: -5px; }

.subtitlebar { margin-top: 20px; margin-bottom: 10px; }
.subtitletext { font-size: 11pt; line-height: 13pt; font-weight: bold;  }
.subtitleicon { top: -3px; }

/* ------------------------------------------------------ */
/* date picker                                            */
/* ------------------------------------------------------ */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/* ------------------------------------------------------ */
/* dialog boxes                                           */
/* ------------------------------------------------------ */
.dlg_backlayer {
	background-color: rgb(0, 0, 0);
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	filter: alpha(opacity=50); /* IE */
	z-index: 5;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:absolute; /* was: fixed */
	top: 0px;
	left: 0px;
}
.dlg_outerframe table {
	padding:0 0 0 0;
	background:#fff;
}

.dlg_border {
	background-color: rgb(0, 0, 0);
	opacity: 0.5; /* Safari, Opera */
	-moz-opacity:0.50; /* FireFox */
	filter: alpha(opacity=50); /* IE */
}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}

/* ------------------------------------------------------- */
/* for custom widgets providing multiple select checkboxes */
/* ------------------------------------------------------- */
.ww-multi-select-checkboxes {
	height: 8em;
	border: solid 0.5px #767676;
	background-color: white;
	overflow: auto;
}

.ww-multi-select-checkboxes label {
	display: block;
	padding-bottom: 3px;
	font-size: 12px;
}

.ww-multi-select-checkboxes label input {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.ww-multi-select-checkboxes-on {
	color: #ffffff;
	background-color: #000099;
}

/* ------------------------------------------------------- */
/* for a grid of admin app icons, each having a link+title */
/* ------------------------------------------------------- */
.wwes-app-icon-grid {
	width: 600px;
	display: grid;
	grid-template-columns: repeat(4,minmax(0,1fr));
	grid-column-gap: 30px;
	grid-row-gap: 75px;
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 30px;
}
.wwes-app-icon-tile {
	display: inline-block;
	text-align: center;
	font-size: 9pt;
}
.wwes-app-icon-tile img {
	border: 0;
	height: 32px;
	width: 32px;
	padding-bottom: 5px;
}

/* ------------------------------------------------------------------------------------- */
/* Hover-Over-Popups, CSS/XHTML-friendly, see also: https://github.com/nhoening/popup.js */
/* ------------------------------------------------------------------------------------- */
#pup {
	position:absolute;
	z-index:200; /* always on top*/
	padding: 3px;
	margin-left: 10px;
	margin-top: 5px;
	width: 250px;
	border: 1px solid black;
	background-color: #777;
	color: white;
	font-size: 8pt;
}