body {
  background: #efefef;
  font-family: Tahoma, Verdana, Arial, serif; 
  color: black;
}

.bkgclasseditor {
  background: #334059;
  /*position: absolute;*/
  left: 0px; 
  top: 0px;
  width: 100%; 
  height: 100%;
}

.bkgclassinterm {
 /* background: #D1E3FF; */
  left: 0px; 
  top: 0px;
  width: 100%; 
  height: 100%;
}



.bordertable {
  border: 1px solid #333333;
  border-collapse: collapse;
}

h3 a, h2 a {
 color: #1F5891;
}

.dummyclass  {
}

a.tblgeneral {
  text-decoration: none;
  color: black;
}

a.nounderline {
  text-decoration: none;
}  

table.bordertable td, th {   
  border: 1px solid #333333;
}

.bordered {
  border-style: solid;
  border-width: 1px;
}

.topsectintro {
  padding: 10px 20px 10px 20px;
  opacity: 0.7;
  font-size: 14px;
}

.innersectintro {
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0.7;
  font-size: 13px;
  font-style: italic;
}

.micrecintro {
  padding: 20px 20px 20px 20px;
  opacity: 0.8;
  font-size: 14px;
  font-style: italic;
}

.subtitle {     
  color: #123456;
  text-align: center;
  padding: 4px 4px 4px 4px;
  background: #DCDCEF;
  /*clear: none;*/
}

.planemtitle {    
  padding: 2px 2px 4px 2px;
  letter-spacing: 2px;    font-weight: bold;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}


.flxinline {
 /* width:400px; */
  margin: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}


.maintitle {    
  color: #123456;
/*  color: #1F5891;*/
  text-align: center;
  padding: 2px 2px 4px 2px;
  margin: 1px 1px 1px 1px;
  background: #E9EDF5;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  white-space: nowrap;
  height: 30px;
  line-height: 30px; 
 }

.bottomcop {    
  color: #123456;
  text-align: center;
  border-top: 1px solid #444444;
  padding: 4px 2px 2px 2px;
  font-size: 12px;
}

.semivisfloarstat {
  color: #888888;
  float: left; 
  padding: 0px 0px 0px 0px;
  font-size: 12px;
}

.vcentered {
  vertical-align: middle; }

.floatright{
  float: right; 
}

.floatleft{
  float: left; 
}

@media screen {
  .scrollarea {
    padding: 5px; 
    overflow: auto; 
    width: 100%; 
  }

  .scrollareaPadding15 {
    padding: 15px; 
    overflow: auto; 
    width: 100%; 
  }
}  

@media print {
  .scrollarea {
  }

  .scrollareaPadding15 {
  }
}

.whitetext  {
  color: #FAFAFA;
}  


td.darkcell {
  background-color: #495D85;
}

td.lightcell {
  background-color: #DEE5ED;
}


.height150boxed {    
  border: 1px solid rgb(150, 150, 180); 
  height: 150px;
}

  
.height200boxed {    
  border: 1px solid rgb(150, 150, 180); 
  height: 200px;
}

.rightbkg {
  background: #64c864;
}

.wrongbkg {
  background: #ff7575;
}

.link-button {
  background: none;
  border: none;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
  font-size: 1em;
 /* font-family: serif; */
}
.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}


.fixbottoprint  {
  height: 55px;
  padding: 5px 5px 5px 5px;
  text-align: center;
}




.popup_fullscreen {
  position: fixed; /*absolute;*/
  z-index:10000;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 /* background-color: #BBBBBB;
  opacity: 0.85; */
  background-color: rgba(187, 187, 187, 0.85);
  filter: alpha(opacity=70); /* For IE8 and earlier */
 
  margin: 0px 0px 0px 0px;
}

.unicentered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.applybtncentered {
  width: 130px;
  text-align: center;
}

.popup_inside_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left; /*optional*/
  background-color: #EEEEEE;
  opacity: 1;
  padding: 15px 15px 15px 15px;
}




/************************ ER ***************************** */

.picsel {
  border-style: solid;
  border-width: 2px;
  border-color: #43B6D9;
}

.picnosel {
  border-style: solid;
  border-width: 2px;
  border-color: transparent;
}  

 .slidelistloc {
   display: inline-block;
   position: relative;
   box-sizing: content-box;
   width: 176px;
   height: 99px;
   padding: 5px;
  /* background-color: #BBBBBB; */
 }
 
 .slideToolbar {
   position: absolute;
   left: 0; right: 0;bottom: 0;height:30px;
   background-color: black;
   opacity: 0.5;
   display: none;
 }

span.slidelistloc:hover  .slideToolbar {
    display: block;
} 

 .slideTimebar {
   position: absolute;
   left: 0; right: 0;top: 0;height:25px;
   background-color: black;
   opacity: 0.5;
   display: none;
 }

span.slidelistloc:hover  .slideTimebar {
    display: block;
} 

 
 /* ************ Slide screen absolute elements ********** */
 .outerStyleFirst {
   background-color: #334059;
   color: white;
 }  
 .outerStyleSecond {
   background-color: #263147;
   color: white;
 } 
 
.outerStyleFirst a, .outerStyleSecond a {
  color: white;
}

.topErrMsg {
  color: red;
  /*overflow: hidden;
  text-overflow: ellipsis;*/
}


 
 .innerStyleFirst {
   background-color: #EDF0F2;
 }  
 

  /******************* conditional areas */ 
 
 .hsplit-mainverttoolbar {
   position: absolute;
   left: 0px;
   width: 80px;
   top: 0px;
   bottom: 0px;
   /*background-color: #999999;*/
 } 
 
 .hsplit-toolhidden {
   position: absolute;
   left: 80px;
   width: 0px;
   top: 0px;
   bottom: 0px;
  }  
  
 .hsplit-toolvis {
   position: absolute;
   left: 80px;
   width: 340px;
   top: 0px;
   bottom: 0px;
   /*background-color: #BBBBBB;*/
  }  
  
 .hsplit-areanotool {
   position: absolute;
   left: 80px;
   right: 10px;
   top: 0px;
   bottom: 0px;
   background-color: #999999;
 }  
 
 .hsplit-areawhentool {
   position: absolute;
   left: 420px;
   right: 10px;
   top: 0px;
   bottom: 0px;
   background-color: #999999;
 }  
 
 .hsplit-vertrightsmarea {
   position: absolute;
   right: 0px;
   width: 10px;
   top: 0px;
   bottom: 0px;
  /* background-color: #999999; */
 }  
 
 
 
 .slideinfobartop {
   position: absolute;
   left: 0;
   right: 0;
   top: 0px;
   height: 50px;
   line-height: 50px;
   /*background-color: #BBBBBB; */
   padding: 0px 0px 0px 0px;
 }
 
 .slidearea {
   position: absolute;
   left: 0; 
   right: 0;
   top: 50px;
   bottom: 200px;
   background-color: #CCCCCC;
   padding: 20px 20px 20px 20px;
 }   
 
 .slideAreaAtCenter {
   position: absolute;
   left: 0px; 
   right: 0px;
   top: 0px;
   bottom: 0px;
 }  
 
 .slideListAtBottom {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 130px;
   overflow: auto; 
  /*   background-color: #DDDDDD; */
   white-space: nowrap;
   padding: 10px 10px 10px 10px;
 }
 
 .slidetoolbarbottom {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 150px; 
   height: 50px;
   line-height: 50px;
   background-color: transparent;
   padding: 0px 0px 0px 0px;  
 }
 
 /* ********************** */
 
 
  .toolbtnplaceholder {
    position: relative;
    width: 80px;
    height: 80px;
    margin:0 auto;
    background-color: transparent;
    opacity: 0.75;
  }
  
  .inlineblock {
    display: inline-block;
  }  
  
  .toolbtnplaceholder:hover {
    opacity: 0.99;
  }
  
  .linknoubderline {
    text-decoration: none;
  }
  
  .toolbtnbkg {
    position: absolute;
    width:100%;
    height:100%;
    background-color:#263147;
    z-index: -1;
  }
  
  .toolbtnimage {
    padding-top:10px;
    padding-bottom:5px;
    display:block;
    margin:0 auto;
  }
  
  .toolbtncaption {
    margin-top:5px;
    color: white;
    text-align:center;
  }
  
  .toolbtnsel {
    /*opacity:1.0;*/
  }
  .toolbtnnosel {
    opacity:0;
  }

 /* ********************** */
 
 .slidetoolbar {
   position: relative;
   height: 50px;
   background-color: #BBBBBB;
   padding: 0px 0px 0px 0px;
 }
 
 .slidelocaltoolbar {
   position: relative;
   height: 30px;
   background-color: #BBBBBB;
   padding: 3px 3px 3px 3px;
 }
 
 .toolhspace {
   display: inline-block;
 }   
 .width20 {
   width: 20px;
 } 
 
 .width40 {
   width: 40px;
 } 
 
 .width100 {
   width: 100px;
 } 
 
 .darkbkg40 {
   background-color: #404040;
 } 
 
 .darkbkg20 {
   background-color: #202020;
 } 
 
  .darkbkg60 {
   background-color: #606060;
 } 

 
 .padding20 {
   padding: 20px 20px 20px 20px;
 }  
 
.toolarea-1 {
   background-color: #CCCCCC;
   padding: 4px 4px 4px 4px;
   margin: 4px 4px 4px 4px; 
}

.toolarea-2 {
   background-color: #DDDDDD;
   padding: 4px 4px 4px 4px;
   margin: 4px 4px 4px 4px; 
}

.toolarea-blue {
   background-color: #334059;
   padding: 4px 4px 4px 4px;
   margin: 4px 4px 4px 4px;
}

.centeredin { 
    max-height: 95%;  
    max-width: 95%; 
    position: absolute;  
    top: 0;  
    bottom: 0;
    left: 0;  
    right: 0;
    margin: auto;
}    

.paddingObeyWrapper {
  position:relative;
  width:100%;
  height:100%;
}  

img.centeredinfull { 
    max-height: 100%;  
    max-width: 100%; 
    position: absolute;  
    top: 0;  
    bottom: 0;
    left: 0;  
    right: 0;
    margin: auto;
}    


.w200h150 {
  width: 200px;
  height: 150px;
}

.w300h200 {
  width: 300px;
  height: 200px;
}

.w300h100 {
  width: 300px;
  height: 100px;
}


.w80h80 {
  width: 80px;
  height: 80px;
}

.w100h100 {
  width: 100px;
  height: 100px;
}

.alignchildrenright {
   align: right;
}

.height100 {
  height: 100px;
}

.height50 {
  height: 50px;
}

.areaforpreview {
  position: relative;
  background-color: #EEEEEE;
  margin: 4px 4px 4px 4px; 
}

.editorRootWrapper { /* was fullScreenWithMargins */
    display: block;
    position:absolute;
    height:auto;
    left:0; top:0; right:0; bottom:0;
    margin: 0;
    overflow: hidden; /* just in case some unexpected scrolling calculated */
}

.templcell  {
   display: inline-block;
   padding: 4px 4px 4px 4px;
   width: 180px;
   vertical-align: top;
}  

.fontsmaller {
  font-size: 80%;
}  


.handcursored {
   cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}

.opacity50 {
  opacity: 0.50;
}

.opacity25 {
  opacity: 0.25;
}

.textareatext {
  border: 1px solid #AAAAAA;
  padding: 5px;
  background-color: #334059;
  color: white;
} 

.toolheading {
  font-size: 140%;
}  

.toolbarbtnwrap {
}  

.vtoolbarvspacing {
  position:relative;
  height:20px;
}  

.toolAreaWrapper {
  position:absolute;
  box-sizing: border-box;
  width: 100%;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 0;
  height:100%;
  overflow-y:auto;
}

.horizSplitterWrapper {
  position: relative;
  width: 100%;
  height: 7px;
} 

.horizSplitter {
  position: relative;
  display:block;
  width:  75%;
  height: 1px;
  background-color: #CCCCCC;
  /*margin:0 auto;*/
}  

/* Assumed with of tool area inside = 320  */
.maketGrpIcon {
  box-sizing: border-box;
  position: absolute;
  width: 64px;
  height: 50px;
  padding: 2px;
} 
.uniAbsListIcon {
  box-sizing: border-box;
  position: absolute;
  display:block;
  margin: 2px;
  padding: 2px;
}  

.uniAbsListCaption {
  position:absolute;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align: center;
  white-space: nowrap;
} 

.uniCaption {
  overflow:hidden;
  text-overflow:ellipsis;
  text-align: center;
  white-space: nowrap;
} 

.inpupbtn {
  background: url('BtnBkg.png') no-repeat; /* /file/style/ */
  cursor: pointer;
  width: 147px;
  height: 36px;
  border: none;
  color: white;
}  

.inpupbtn[disabled="true"] {
  background: url('BtnBkgDis.png') no-repeat;
  cursor: none;
 }  

.uploadlabel {
  display: block;
  margin:0 auto;
  border: 1px solid #43B6D9;
  padding: 6px;
  cursor: pointer;
}  

.curuseplaceimg {
  box-sizing: border-box;
  position: relative;
  width: 200px;
  height: 200px;
  padding: 4px;
  margin:0 auto;
  background-color: white;
  color: black;
}  
.curuseplacetextonly {
  box-sizing: border-box;
  position: relative;
  width: 200px;
  height: 30px;
  padding: 4px;
  margin:0 auto;
  background-color: white;
  color: black;
}

.curuseplacesnd {
  box-sizing: border-box;
  position: relative;
  width: 300px;
  height: 125px;
  padding: 4px;
  margin:0 auto;
  background-color: #334059;
  color: white;
}