/* CSS reset by Eric Meyer - edit by Ian Taylor 20171031                      */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0; padding: 0; border: 0;
  font-size: 1em; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section {
  display: block; }
body {
  background-color:#ffffff; line-height: 1;
  font-size:100%; font-family:Arial, sans-serif; }
ul {
  list-style:disc inside none; }
ol {
  list-style:decimal inside none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a { color:inherit; }
strong { font-weight:bold; }
table { border-collapse:collapse; border-spacing:0; }

/* End Eric Meyer CSS reset - edit by Ian Taylor 20171031                     */
/*----------------------------------------------------------------------------*/

h1 { font-size:3em; margin-top:0.5em; }

/* Page header and elements that reside in it */
#header {
	height:8em; width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between;
	color:#000000; background-color:#fcfcfc;
	background:linear-gradient(180deg,rgba(224, 224, 255, 1) 0%, rgba(248, 248, 255, 1) 100%);
	border-style:solid; border-width:0 0 0.1em 0; border-color:#c0c0c0; }
#header .logo { margin:0.5em; padding:0.5em; background-color:#ffffff; }
#header h1 { color:#000060; font-weight:bold; white-space:nowrap; overflow:hidden; }

/* Page body. This is a container for the navigation and content elements */
#body { display:flex; }

/* Page footer and elements that reside in it */
#footer {
	width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between;
	background-color:#f8f8ff;
	border-style:solid; border-width:0.1em 0 0 0; border-color:#c0c0c0;
	padding:1em;
	text-align:left; font-size:0.8em; line-height:1.2em; }
#footer h2 { font-weight:bold; color:#9090b8; margin-bottom: 0.5em; }
#footer p { color:#a0a0a0; margin-bottom: 0.5em; }

/* Navigation panel, navigation menu and sub-menu elements */
#nav { flex:0 0 16em; background-color:#fcfcfc; padding:1em 0; }
#nav>ul>li {
	color:#808080;
	border-style:solid; border-width:0.1em 0; border-color:transparent;
	padding: 0 0 0 0.5em;
	font-size:1.25em; line-height:2em;
	white-space:nowrap; overflow:hidden; list-style-type:none; cursor:pointer; }
#nav>ul>li:hover { color:#404040; background-color:#f8f8f8; border-color:#808080; }
#nav>ul>li li { background-color:#e8e8e8; }
#nav>ul>li a { display:block; text-decoration:none; }


#content { flex:1; display:flex; gap:1em; padding:1em; max-width:100em; }
#content h2 { margin-bottom:0.5em; font-size:2em; color:#0066cc; }
#content h3 { margin-bottom:0.25em; margin-top:0.25em; font-size:1em; color:#0066cc; }
#content h4 { color:#003366; font-weight:bold; }
#content hr { width:80%; margin:1em auto 1em auto; clear:both; border-width:0.1em 0 0 0; border-style:solid; border-color:#000000; }
#content p { line-height:1.2em; margin-bottom:0.5em; }
#content p.error { line-height:1.2em; margin-bottom:0.5em; color:#ff0000; }
#content ul { line-height:1.2em; padding-left:32px; }


/*  clear:both;
  position:relative; margin:0px auto 0px auto; width:960px; padding-top:15px;
  border-style:solid; border-width:0px 1px 1px 1px; border-color:#000000;
  text-align:left;
  background-color:#f6f6f6; }
*/










/*#navigation {
  clear:both;
  position:relative; margin:0px auto 0px auto; width:960px; padding:1px; 
  border-style:solid; border-width:0px 1px 1px 1px; border-color:#000000;
  height:20px;
  background-color:#003366; }
#navigation>span {
  position:relative; z-index:5; padding:0px 15px 0px 15px;
  color:#ffffff; font-size:10pt; }
span.navmainmenu {
  position:absolute; left:4px; top:15px; visibility:hidden;
  border:1px solid #0066cc; padding:2px; background-color:#003B77; }
span.navsubmenu {
  position:absolute; left:80px; top:0px; visibility: hidden;
  border:1px solid #0066cc; padding:2px; background-color:#004488; }


span.navmenu {display:block; position:relative; background-color:transparent; padding:2px 5px 2px 5px;
  white-space:nowrap; font-weight:normal; text-decoration:none; color:#ffffff; }
a.navmenu:link {display:block; background-color:transparent; padding:2px 5px 2px 5px;
  white-space:nowrap; font-weight:normal; text-decoration:none; color:#ffffff; }
a.navmenu:visited {display:block;  background-color:transparent;
  white-space:nowrap; font-weight:normal; text-decoration:none; color:#ffffff; }
a.navmenu:active {display:block; background-color:transparent;
  white-space:nowrap; font-weight:normal; text-decoration:none; color:#ffffff; }
a.navmenu:hover {display:block; background-color:#0080e0;
  white-space:nowrap; font-weight:normal; text-decoration:none; color:#ffffff; }


#contentheader {
  clear:both;
  position:relative; margin:20px auto 0px auto; width:934px; padding:5px 13px;
  border-style:solid; border-width:1px 1px 0px 1px; border-color:#000000;
  text-align:left; }
#contentheader h1 { margin:0.5em 0; font-size:2em; color:#003366; font-weight:bold; }
*/




/* Styles to define the column based layout in the main content section of    */
/* the page. The muneric styles define an area that number of columns wide.   */
/* The left, mid and midleft styles are modifiers that should be applied to   */
/* all area definitions to correctly define the lefthand gutter. left must be */
/* applied to the leftmost area on the page, midleft must be applied to the   */
/* leftmost area when an area is defined within another area and mid should   */
/* be applied to everything else.  */
div.cols1 { flex:1; }
div.cols2 { flex:2; }
div.cols3 { flex:3; }
div.cols4 { flex:4; }
div.cols6 { flex:6; }
div.cols8 { flex:8; }
div.colsBrk { flex-basis: 100%; height: 0; }
/*div.cols1 { position:relative; width:98px; float:left; }
div.cols2 { position:relative; width:216px; float:left; }
div.cols3 { position:relative; width:334px; float:left; }
div.cols4 { position:relative; width:452px; float:left;  }
div.cols6 { position:relative; width:688px; float:left; }
div.cols8 { position:relative; width:924px; float:left; margin:0px 0px 0px 18px; }
div.colsleft { margin:0px 0px 18px 18px; clear:left; }
div.colsmid { margin:0px 0px 18px 20px; }
div.colsmidleft { margin:0px 0px 18px 0px; }*/

/*----------------------------------------------------------------------------*/
/* Basic Elements                                                             */
/*----------------------------------------------------------------------------*/
/* Message and question boxes */
#eAjaxMsg {
	z-index:100; border: 0.25em solid #ffffff; border-radius:1.25em; padding:1.5em 2.5em; box-shadow:0 0 10em 1em black; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); }
#eAjaxMsg.none { display:none; }
#eAjaxMsg.good { display:block; background-color:#00d000; color:#ffffff; border-color:#ffffff; }
#eAjaxMsg.info { display:block; background-color:#e09000; color:#ffffff; border-color:#ffffff; }
#eAjaxMsg.bad { display:block; background-color:#d00000; color:#ffffff; border-color:#ffffff; }

/* Login panel */
#eUser {
	margin:0.5em; width:12em; border:0 solid #FFFFFF; padding:0.5em;
	font-family:"Arial", sans-serif; color:#808080; text-align:center }
#eUser>label {
	display:block; width:100%; height:1.5em; border:0 solid #000000; 
	text-align:right; }
#eUserU, #eUserP { width:50%; }
	  
/*#elogin td {
	height:1em; width:50%;
	padding:0 0.25em; text-align:left; vertical-align:middle; }
#elogin td:first-child { text-align:right; }
#elogin input { width:100%; }*/


/*----------------------------------------------------------------------------*/
/* Styles required by AJAX full screen overlays. Duplicating this here saves  */
/* having to download /e/session/session.css on every page                    */
div.eajaxfsoshade {
    position:fixed; top:0px; left:0px; width:100%; height:100%;
    opacity:0.7; background-color:#808080;
}
div.eajaxfso {
    position:fixed; top:0px; left:0px; width:100%; height:100%;
    z-index:100;
    background-color:transparent;
}
div.eajaxfsodialog {
    position:relative; width:50%; margin:10px auto 0px auto;
    z-index:100;
    border:2px solid #000000; border-radius:8px;
    padding:15px 5px 5px 5px;
    font-size:12pt;
    background-color:#ffffff;
}
button.eajaxfso {
    display:block;
    margin:10px auto 10px auto;
}
div.eajaxwaitfade {
	position:absolute; display:block; top:0px; left:0px; padding:4px;
	border:3px solid #ff0000;
	background-color:rgba(0,0,0,0.5); text-align:center;
	color:#ffffff; font-weight:bold; font-size:12pt;
	overflow:hidden;
}
div.eajaxwaitcapt {
	display:inline-block; border:2px solid #000000; border-radius:15px;
	background-color:#ffffff; color:#000000; padding:5px 10px;
}
img.eajaxwaitanim {
	vertical-align:middle; padding-bottom:4px;
}