/*==========*/
/* core.css */
/*------------------------*/
/* Core Styles for WOM... */
/*========================*/
html {scroll-behavior: smooth;}
body {background:#FFF; font-family:arial,tahoma,sans-serif; color:#333; margin:3px}
textarea {font-family:arial,tahoma,sans-serif}
td,th,img {vertical-align:top; text-align:left; padding:0; margin:0}
table,form,div,img,a {padding:0; margin:0}
li,p,td,th,form {color:#666}
h1,h2 {color:#44b; margin:3px 0px 6px 0px}
h3,h4,h5 {color:#363; margin:2px; margin-left:0px; margin-bottom:6px}

h1 {font-size:13pt}
h2 {font-size:12pt}
h3 {font-size:11pt}
h4 {font-size:10pt}
h5 {font-size:9pt}  /* Page notes... */

/*select {font-size:1em}*/

a {text-decoration:none; padding:0; margin:0}
a:link    {color:#00F}
a:visited {color:#00F}
a:hover   {color:#F00}

ol,ul,p {margin-bottom:4px; margin-top:3px}
li {margin:1px}

hr {height:1px; border-color:#BBB; border-style:dotted; margin:4px}

.shr {display:block;height:1px;font-size:1px;border-collapse:collapse;border-top:1px dashed #BBB;margin:4px}


.ttip {font-weight:bold}

.hlp {position:absolute; right:10%; top:100px; left:10%; background:#FFFFF8; border-style:double; padding:8px}

.greyout img {
  filter:alpha(opacity=30);
  -moz-opacity: .3;
  opacity: .3;
  border: 1px dotted #FFFFFF;
}

/*---------*/
/* Buttons */
/*---------*/
/*.btn {font-size:1em}*/
.fbtn {background:#DDF; border:1px solid #E8E8FF; width:39%}
.ssbtn {float:left;font-weight:bold;background:#eef;border:2px outset #fff;padding:3px;cursor:hand}

/*---------------------------------*/
/* Info / Warning / Error Messages */
/*---------------------------------*/
.err {text-align:center; background:#EFE; color:#F00; font-weight:bold; padding:2px}
.wrn {text-align:center; background:#EFE; color:#A0F; font-weight:bold; padding:2px}
.msg {text-align:center; background:#EFE; color:#060; font-weight:bold; padding:2px}

/*---------------*/
/* smallest text */
/*---------------*/
.xn {font-size:8pt;}
.xm {font-size:8pt; font-weight:normal}
.xx {font-size:7pt}
.xx a {font-size:7pt}
.xgi {font-size:7pt; font-weight:normal; font-style:italic; color:#888}


/*---------------------*/
/* LOGO / Main Menu... */
/*---------------------*/
.lgmnu {border-collapse:collapse;width:100%;background:#bbf;border-bottom:3px double #ddf}
.lgmnu td {padding:3px; font-weight:bold; color:#3A6E8F; font-size:10pt;text-align:center}

/*======================*/
/* Heading - Page Title */
/*======================*/
.hdg {background:#CCF; width:100%; vertical-align:middle; border-collapse:collapse}
.hdgl {font-size:12pt; color:#333; padding:3px; vertical-align:middle}
/*--------------------------*/
/* Right side of header bar */
/*--------------------------*/
.hdgr {color:#555; font-size:8pt; text-align:right; vertical-align:middle}
/*------------------*/
/* Inputs & Buttons */
/*------------------*/
.hdgi {font-size:8pt; border-width:1px}
.hdgb {font-size:8pt; border-width:1px}
/*-----------------------------------*/
/* Heading Image Cell & Buttons Cell */
/*-----------------------------------*/
.himg {width:30px; padding:2px}
.hbtn {width:55px; text-align:center; vertical-align:middle; color:#888; font-size:7pt; font-weight:normal}


/*======================*/
/* MyMenu - below Title */
/*======================*/
.mym {background:#FFF; border-collapse:collapse; border:1px solid #88f; font-size:7pt; width:100%; margin-bottom:2px}
.mym td {background:#f8f8f8; padding-right:6px}
.mym th {background:#88f; padding-right:6px; color:#fff}

.mym a {text-decoration:none; padding:0; margin:0}
.mym a:link    {color:#66f}
.mym a:visited {color:#66f}
.mym a:hover   {color:#F00}

/*---------------------------------*/
/* Hide/Show My Menu table & links */
/*---------------------------------*/
.hmmt  {border-collapse:collapse}
.hmmt td {color:#fff; font-size:5pt; font-weight:bold; padding:0px; text-align:center; cursor:pointer}


/*===========================================*/
/* Page Navigation - header - prev/nxt items */
/*===========================================*/
/*.itnv {font-size:1em}*/
.itnv a {text-decoration:none; padding:0; margin:0}
.itnv a:link    {color:#aaf}
.itnv a:visited {color:#aaf}
.itnv a:hover   {color:#F08}


/*================*/
/* Footer - Table */
/*================*/
.fsl {border-width:0; border-top:1px; border-color:#CCF; border-style:solid; width:100%}

/* Copyright */
#cr {font-size:6pt; color:#888; float:right}

/* Performance Info */
#perf {font-size:6pt; color:#888; cursor:pointer}


/*--------------------*/
/* GENERAL INFO TABLE */
/*====================*/
.inf {background:#FFFFFA; padding:3px; padding-bottom:6px; margin:1px; border-collapse:collapse; border:1px solid #DDF}
.inf th {font-size:10pt; background:#DDF; color:#448; padding:3px}
.inf td {font-size:9pt; background:#FFFFFA; padding:2px}
.inf p {font-size:.9pt}
.inf li {font-size:9pt; margin-bottom:6px}
.inft {text-decoration:underline}



/*-----------------------------------*/
/*    COMPLEX INFO TABLE FORMATS     */
/*===================================*/

/*============*/
/* Details... */
/*============*/
/*----------------------*/
/* Detail Heading Table */
/*----------------------*/
.dth {background:#E6E6FF; width:100%; border:1px solid #aaa}
.dthl {color:#444; padding-left:4px}
.dthr {font-size:9pt; text-align:right; float:right}
.dthb {font-size:7pt}
/*--------------------*/
/* Hidable sub-titles */
/*--------------------*/
.dtltx {margin-top:4px; background:#E6E6FF; cursor:pointer; width:100%; border-collapse:collapse; border:1px solid #E6E6FF}
.dtltxl {font-size:10pt; font-style:normal; font-weight:bold; color:#444; padding:3px}
.dtltxr {font-size:13pt; font-weight:bold; text-align:right; color:#AAA; padding:0; padding-right:3px}
/*--------------*/
/* Detail Table */
/*--------------*/
.dtl {background:#FFFFFA; width:100%; border-collapse:collapse; border:1px solid #E6E6FF; border-top:0}
.dtl th {font-size:10pt; background:#F8F8FF; color:#444; padding:1px; border:0; border-bottom:1px solid #EEE}
.dtl td {font-size:9pt; background:#FFFFFA; color:#444; padding:1px; border:0; border-bottom:1px solid #EEE; vertical-align:middle}
/*.dtl input {border:1px solid #CCC}*/

/*----------------------*/
/* Detail table buttons */
/*----------------------*/
.dtb {width:100%; margin-top:8px; background:#efe; border:1px solid #aaa}
.dtbc {text-align:center}
/*.dtbb {font-size:.7em}*/
/*-------------------------*/
/* Detail table small text */
/*-------------------------*/
/*.dtxl {font-size:1.2em; font-weight:normal; color:#666} */
/*.dtxm {font-size:.9em; font-weight:normal; color:#666; margin:2px; margin-top:4px; margin-bottom:8px} */ /* Medium small txt */
.dtx  {font-size:8pt; font-weight:normal; color:#888}
.dtxg {font-size:7pt; font-weight:normal; color:#777}

/*.dw1 {font-size:1.2em; color:#444}
.dw2 {font-size:.9em; color:#44b}*/


/*---------------------*/
/* Hidable Icon Tables */
/*---------------------*/
.dhic {background:#FFFFFA; width:100%; margin-bottom:3px; margin-top:3px;
      border-collapse:collapse; border:1px solid #E6E6FF}
.dhic th {background:#F8F8FF; color:#444; padding:1px; border:0; border-bottom:1px solid #EEE}
.dhic td {background:#FFFFFA; color:#444; padding:1px; border:0; border-bottom:1px solid #EEE; vertical-align:middle}

.dhichic {margin:2px; background:#eee; cursor:pointer; float:left; width:120px; border:2px outset #fff}
.dhichic td {text-align:center; font-size:7pt; color:#000}


/*-------------------------------------*/
/* Sub-Details pages: Admin & My Pages */
/*=====================================*/
/* Sub-Table Heading */
/*-------------------*/
.sth {font-style:normal; padding:2px; width:100%; margin-top:4px; background:#CCF}
/*---------------------------------*/
/* Sub-Table Header Button & Input */
/*---------------------------------*/
.sthb {font-style:normal}
/*------------------------*/
/* Sub-Table Header Title */
/*------------------------*/
.sthl {color:#448; font-style:normal; vertical-align:middle; text-align:left; padding:2px}
.sthr {color:#448; font-style:normal; text-align:right; float:right; padding:2px}
.sthtd {background:#FFF; padding:2px}
/*--------------------*/
/* Heading Image Cell */
/*--------------------*/
.sthi {width:26px; padding-left:6px}
/*----------------*/
/* Hidable titles */
/*----------------*/
/*.sttx {background:#EEF; cursor:pointer; width:100%; border-collapse:collapse; border:1px solid #CCC; border-top:0px}
.sttxl {font-size:.75em; font-weight:bold; color:#449; padding:3px}
.sttxr {font-size:1em; font-weight:bold; text-align:right; color:#EB4; padding:2px}*/
/*------------------*/
/* Sub-Table Detail */
/*------------------*/
.std {background:#FAFAFA; font-style:normal; padding:2px; padding-left:3px; width:100%;
      border-collapse:collapse; border:1px solid #CCC; border-top:0px}
.std th {color:#448; background:#F8F8FF; font-weight:bold; padding-left:3px; vertical-align:middle}
.std td {vertical-align:middle}
/*--------------------------*/
/* Sub-Table Button & Input */
/*--------------------------*/
.stb {font-style:normal}
/*.sti {font-size:1em}*/
/*------------*/
/* Small Text */
/*------------*/
.stx {font-size:7pt; font-weight:normal}


/*---------------------------*/
/* Helpdesk Menu - Drop Down */
/*---------------------------*/
/* Helpdesk menu forms */
.hdmf {float:right; margin-right:6px; color:#888; padding:2px}

/* Hidable Containing Div */
.hdmnudv {font-size:8pt; margin:1px; background:#eee; width:100%; padding-top:2px}

/* 'Buttons' */
.hdbtn {background:#efe; float:left; border:1px outset #fff; padding:2px}

/* HD Stats Boxes */
.hdsok {background:#dfd; float:left; border:1px solid #080; padding:2px}
.hdsw  {background:#FFd; float:left; border:1px solid #f88; padding:2px}
.hdsa  {background:#Fdd; float:left; border:1px solid #f88; padding:2px}
.hdsuc {background:#ddF; float:left; border:1px solid #88f; padding:2px}

.ati {margin:0; border:1px inset #fff; padding:0px; font-size:9pt; text-align:left; float:left} /* Input */
.atb {margin:0; border:1px outset; padding:0px; font-size:9pt} /* Button */
.att {float:left} /* text */

/* HD Menu Div... */
#sddm {margin:0; padding:0; z-index:30}
#sddm li {margin:0;	padding:0;list-style:none;float:left;width:16px}
#sddm li a {display:block;margin:0;padding:0;height:9pt;background:#aaa;color:#FFF;text-align:center;text-decoration:none}
#sddm li a:hover {background:#49A3FF}
#sddm div {position:absolute;visibility:hidden;margin:0;padding:0;background:#fff;border:1px solid #5970B2}
#sddm div a {position:relative;display:block;margin:0;padding:5px 10px;width:100%;white-space:nowrap;
		text-align:left;text-decoration:none;background:#eee;color:#00f;font:11px arial}
#sddm div a:hover	{background:#ddd;color:#F00}

/* System menu... */
#sddm2 {margin:1px;padding:0;z-index:1}
#sddm2 li {margin:0;padding:0;padding-right:8px;list-style:none;text-align:center;float:left;font-size:8pt}
#sddm2 li a {display:block;margin:0;padding:0;color:#226;text-align:center;text-decoration:none}
#sddm2 li a:hover {background:#eef}

#sddm2 div {position:absolute;visibility:hidden;margin:0;padding:0;background:#f8f8f8;border:1px solid #ddf; z-index:2;width:200px;}
#sddm2 div a {position:relative;display:block;margin:0;padding:5px 5px;white-space:nowrap;
		text-align:left;text-decoration:none;color:#66f;font-size:8pt}
#sddm2 div a:hover	{color:#F80;background:#ddf}
#sddm2 div td {color:#66f;font-size:8pt}

#sddm2 p {width:200px;position:absolute;top:-1px;left:148px;visibility:hidden;margin:0;padding:0;background:#f8f8f8;border:1px solid #ddf;text-align:left; z-index:3}
#sddm2 p a {position:relative;display:block;margin:0;padding:5px 5px;width:100%;white-space:nowrap;
		text-decoration:none;color:#66f;font-size:8pt;font-weight:bold}
#sddm2 p a:hover	{color:#F80;background:#ddf}

#sddm2 p form {position:relative;display:block;margin:0;padding:5px 10px;width:auto}

/* Used for auto-expanding, set-width select menus */
.expand {
  width: auto !important;
  z-index: 999;
}

.ui-datepicker-current-day a {
  font-weight: bold !important;
  }

.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.error, .message, .warning {
  position: relative !important;
  width: auto !important;
  font-size: 12px !important;
  margin: 5px;
}
.error h3 {
  margin: 2px;
  color: #A82326;
}
.warning {
  background: #ffe4b3 !important;
}


div.accordion {
  margin: 10px;
}

table.form {
  font-size: 12px;
  width: 100%;
}
table.form tbody > tr > th {
  vertical-align: middle;
}

.float-left {
  float: left;
}
.float-right {
  float: right;
}

ul.no-icon {
  padding: 0;
  list-style-type: none;
}
ul.no-icon > li {
  border-radius: 2px;
}
ul.block-li li > a {
  display: block;
  padding: 3px;
}

.clear {
  clear: both;
  height: 1px;
  content: '';
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}
.ui-dialog input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.ui-dialog input[required], .ui-dialog select[required] {
  border: 2px solid #A82326;
}
.ui-dialog table {
  width: 100%;
}
.ui-dialog table > thead > tr > th {
  border: 1px solid #999;
}
.padding-large {
  padding: 10px !important;
}