.it_div_base {
   display: block;
   color: #000000;
   background-color: #2222cc;
   border: 2px outset rgb(135, 135, 245);
   border-radius: 10px;
}

.it_div_title_text {
   display: block;
   margin: 0 8px;
   height: 30px;
   line-height: 30px;
   border: 0px solid yellow;
}

.it_spn_title_text {
   display: inline-block;
   position: relative;
   top: 0;
   font-family: verdana;
   font-size: 11pt;
   font-weight: bold;
   color: white;
}

.it_div_frame {
   margin: 0 8px 5px 8px;
   /*padding: 4px 5px;*/
   font-family: tahoma;
   color: #ffffff;
   background-color: rgb(0, 0, 126);
   border: 1px inset rgb(148, 148, 248);
}

.it_div_tip_store {
   display: none;
   visibility: hidden;
   position: absolute;
   left: -9999px;
}

.it_btn_next_tip_back {
   display: inline-block;
   height: 17px;
   width: 15px;
   vertical-align: middle;
}

.it_btn_next_tip_fwd {
   display: inline-block;
   height: 17px;
   width: 15px;
   vertical-align: middle;
   margin-left: 2px;
}

.it_tip {
   opacity: 1;
   transition: opacity 300ms ease-in-out;
}

.it_tip.fade-out {
      opacity: 0;
   }

.it_tip.fade-in {
      opacity: 0;
      animation: fadeInTip 300ms ease-in-out forwards;
   }

@keyframes fadeInTip {
   to {
      opacity: 1;
   }
}