div.textbox { margin-top: 1px; padding-bottom: 0; font-size: 11px; }
iframe { width: 100%; height: 100%; border-width: 0; }

.space { margin-left: 2px; }
.desc { background-color: transparent; border-width: 0; border-bottom: 1px solid #8eb4f2; }
.encrypted { border: 1px solid #a9d260; color: #444; }
.searchable { border: 1px solid #FFAEAD; color: #444; }
.matches {
  position: absolute;
  display: none;
  margin-top: 22px;
  margin-left: -150px;
  padding: 2px 0 0 5px;
  width: 350px;
  color: #fff;
  background-color: #000;
  opacity: 0.8;
  z-index: 10;
  border: 1px solid #8eb4f2;
  border-radius: 0.3em;
  box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
  -o-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
  -ms-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,0.5); }

.OEButton { width: 25px !important; font-weight: bold; }	/* 1/8 width button (for +/-) */
.OQButton { width: 49px !important; }				/* 1/4 width button */
.OTButton { width: 65px !important; }				/* 1/3 width button */
.OHButton { width: 99px !important; }				/* 1/2 width button */
.TTButton { width: 133px !important; }				/* 2/3 width button */
.TQButton { width: 149px !important; }				/* 3/4 width button */
.OFButton { width: 200px !important; }				/* One Full width button */
.OQCombobox, .OQListbox { width: 49px !important; }		/* 1/4 width combobox */
.OTCombobox, .OTListbox { width: 65px !important; }		/* 1/3 width combobox */
.OHCombobox, .OHListbox { width: 99px !important; }		/* 1/2 width combobox; 2px in border */
.TTCombobox, .TTListbox { width: 133px !important; }		/* 2/3 width combobox */
.TQCombobox, .TQListbox { width: 149px !important; }		/* 3/4 width combobox */
.OFCombobox, .OFListbox { width: 200px !important; }		/* One Full width combobox */
.OQTextbox { width: 41px !important; }				/* 1/4 width textbox */
.OTTextbox { width: 57px !important; }				/* 1/3 width textbox */
.OHTextbox { width: 91px !important; }				/* 1/2 width textbox; 2px in border, 6px in left/right padding */
.TTTextbox { width: 125px !important; }				/* 2/3 width textbox */
.TQTextbox { width: 141px !important; }				/* 3/4 width textbox */
.OFTextbox { width: 192px !important; }				/* One Full textbox */


.tblDetails, .tblList { width: 100%; color: #555; }
.tblDetails th, .tblList th { }
.tblDetails td, .tblList td { vertical-align: top; }
.tblDetails tr, .tblList tr { }
.tblDetails .thLine, .tblList .thLine { width: 45px; max-width: 45px; }
.tblDetails .thDate, .tblList .thDate { width: 120px; max-width: 120px; }		/* #thDate */
.tblDetails .thDateLong, .tblList .thDateLong { width: 200px; max-width: 200px; }
.tblDetails .thName, .tblList .thName { width: 200px; max-width: 200px; }		/* #tdCreator */
.tblDetails .thDesc, .tblList .thDesc {  }			/* #tdDesc */
.tblDetails .tdFilter, .tblList .tdFilter { padding-bottom: 2px; border-bottom: 1px solid #808080; }
.tblDetails .tdFilter .radFilterDate, .tblList .tdFilter .radFilterDate { margin: 2px 2px 0; }
.tblDetails .tdFilter .radFilterDateBefore, .tblList .tdFilter .radFilterDateBefore { float: left; }
.tblDetails .tdFilter .radFilterDateAfter, .tblList .tdFilter .radFilterDateAfter { float: right; }
.tblDetails .tdLast, .tblList .tdLast { padding: 0 0 15px; }

.divDetails {							/* controls the height of the History details table;	http://stackoverflow.com/questions/15580356/filling-remaining-vertical-space */
  /*min-width: ;*/
  height: calc(100% - 190px);
  overflow: auto; }
.divData {							/* controls the height of the Data upload list */
  /*min-width: ;*/
  height: calc(100% - 120px);
  overflow: auto; }
.divList {							/* controls the height of the List table */
  min-width: 940px;						/* for mobile */
  height: calc(100% - 50px);
  overflow: auto; }
.divNotes {							/* controls the height of the Notes table */
  min-width: 800px;						/* for mobile */
  height: calc(100% - 146px);
  overflow: auto; }



#divLoading { margin: 145px auto; width: 200px; text-align: center; }
.imgPopupLoading { display: block;  }
.lblPopupLoading {
  position: absolute;
  left: 50%;
  margin-top: 70px;
  color: #eee;
  text-shadow: 0 2px 3px #555;
  font-family: 'shit_happens_cursive';
  font-size: 50px;
  font-weight: bold;
  font-style: italic; }



#divPopup div #ulAddonList li { display: block; padding-right: 5px; font-size: 14px; text-align: justify; }
#divPopup div #ulAddonList li img { float: left; margin-right: 5px; border: 1px solid #444; border-radius: 0.3em; }
#divPopup div #ulAddonList li label { float: none; font-size: 14px; }
#divPopup div #ulAddonList li .checkbox { float: left; }
#divPopup div #ulAddonList li .button { border: 1px solid #808080; }


#divBalloon {
  display: none;
  position: absolute;
  padding: 5px 10px;
  width: 280px;
  font-size: 12px;
  color: #fff;
/*  background-color: rgba(0,0,0,0.8); */
  background-color: #000;
  border: 1px solid #555;
  text-align: justify;
  opacity: 0.75;
  z-index: 1000;

  box-shadow: inset 0 0 4px #fff, 0 0 8px rgba(0,0,0,1);
}
.balloon {
  border-radius: 0.5em;
}
.balloonTL {
  border-top-left-radius: 0;
  border-top-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%);
}
.balloonTR {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: linear-gradient(45deg, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
}
.balloonBL {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.5em;
  background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 10%);
}
.balloonBR {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%);
}



.header #ulLocation label { float: none; }

.footer #ulOpened { margin-top: 7px; overflow: hidden; text-align: center; }
.footer #ulOpened li { display: inline; margin: 0 2px; opacity: 0.4; cursor: pointer; }
.footer #ulOpened li:hover { opacity: 0.7; }
.footer #ulOpened .liSel { opacity: 1; }
.footer #ulOpened .liSel:hover { opacity: 1; }
.footer #ulOpened li img { background-color: #808080; }

.footer #ulStatus { margin: 0 auto; text-align: center; }
.footer #ulStatus li { display: inline; }
.footer #ulStatus .liAction { cursor: pointer; }



.container .buttons { float: right; margin: 8px 35px 0 0; }
.container .buttons li { display: inline; }
.container .Body { }
.container .Body .button {
  padding: 0;
  color: #fff;
  background: #4088ff;
  cursor: pointer;
  font-weight: normal;
  opacity: 0.6;

  border: solid 1px #0055e3;
  border-radius: 0.3em;
  box-shadow:0 0 4px rgba(0,0,0,0.7) inset; }	/* ,0 -3px 2px rgba(0,0,0,0.2) */
.container .Body .button:hover { background-color: #808080; border: 1px solid #808080; }



.ulCol {
  float: left;
  margin: 0 10px;
  width: 350px;
  text-align: right; }
.ulColData {
  margin: 0 auto;
  width: 525px;
  text-align: right; }
.ulCol li, .ulColData li { height: 24px; }
.ulCol div, .ulColData div {			/* any <div> will be considered to be treated as a textbox */
  float: right;
  margin-bottom: 4px;
  padding-top: 1px;
  height: 16px;
  text-align: left;
  overflow: auto; }
.ulCol img, .ulColData img { height: 18px; width: 18px; vertical-align: bottom; }



#sStatus_Dashboard, #sAvailability_Dashboard, #sStatus_Social, #sAvailability_Social {
  width: 95px;
  font-size: 11px;
  background-color: transparent;
  /*color: #76a7dc;*/
  color: #555;
  font-weight: bold;
  border-width: 0;
  text-align: center; }




#divTabs_Dashboard0, #divTabs_Dashboard2 { display: none; }
#divTabs_Dashboard0 { overflow: hidden; }
.tblDashboard { float: left; width: 370px; }
.tblDashboard th { border-bottom: 1px solid #808080; }
.tblDashboard .status, .tblDashboard .avail { width: 70px; text-align: center; text-transform: capitalize; }
#divWork_Dashboard {
  margin-left: 380px;
  padding: 0 10px;
  height: 100%;
  border-left: 1px solid #808080;
  overflow: auto; }
#divWork_Dashboard li { padding-top: 2px; }
#divWork_Dashboard .liHeader {
  font-weight: bold;
  border-bottom: 1px solid #808080;
  /* text-shadow: #aaa 0px 1px 0, #808080 0 -1px 0; */
  text-align: center; }
#divWork_Dashboard li label {
  float: none;						/* cancels global declaration */
  font-size: 16px;
  font-family: "Courier New", Courier, monospace; }
#divWork_Dashboard ul li ul li { text-align: center; }
#divWork_Dashboard ul li ul li label { float: left; }
#divWork_Dashboard ul li ul li .lblSub { margin-left: 25px; }
#divWork_Dashboard ul li ul li span { float: right; }


#divPage1 .container { bottom: 10px; }
#divPage1 .container #divProvider_Social { overflow: hidden; }
#divPage1 .container #ifProvider_Social { width: 100%; height: 100%; }