﻿
   .TabStyle .ajax__tab_header
        {
            cursor: pointer;
         
            font-size: 14px;
       
            font-family: Arial, Helvetica, sans-serif;
            height: 36px;
       
            width:100%;
        }
     
        .TabStyle .ajax__tab_active .ajax__tab_tab
        {
            border: 1px solid;
            border-color: #bebebe #bebebe #e1e1e1 #bebebe;
            background-color: #f2f2f2;
            padding: 10px;
            border-bottom: none;
        }
        .TabStyle .ajax__tab_active .ajax__tab_tab:hover
        {
            border: 1px solid;
            border-color: #bebebe #bebebe #e1e1e1 #bebebe;
            background-color: #f2f2f2;
            padding: 10px;
            border-bottom: none;
        }
     
        .TabStyle .ajax__tab_tab
        {
            border: 1px solid;
            border-radius: 8px 8px 0px 0px;
            border-color: #e1e1e1 #e1e1e1 #bebebe #e1e1e1;
      
            color: #000;
            cursor: pointer;
            text-decoration: none;
            padding: 10px;
        }
        .TabStyle .ajax__tab_tab:hover
        {
            border: 1px solid;
            border-color: #bebebe #bebebe #e1e1e1 #bebebe;
            background-color: #e1e1e1;
            color: #777777;
            cursor: pointer;
            text-decoration: none;
            padding: 10px;
            border-bottom: none;
        }
        .TabStyle .ajax__tab_active .ajax__tab_tab, .TabStyle .ajax__tab_tab, .TabStyle .ajax__tab_header .ajax__tab_tab
        {
            margin: 0px 0px 0px 0px;
        }
     
        .TabStyle .ajax__tab_body
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            border-top: 0;
        /*    border: 1px solid #bebebe;*/
            border-top: none;
            padding: 5px;
     
                 width:100%;
        }



   .aradius {
    border-radius: 7px;
    background-color: burlywood;
}
   
.aradius2 {
   border-radius: 10px;
  border: 5px solid #fff;
  padding: 4px; 

}  
.aradius2b {
   border-radius: 10px;
  border: 5px solid #fff;
  padding: 4px; 


}  


.aradius2x {
   border-radius: 10px;
  border: 1px solid #e1e1e1;
  padding: 4px; 

}  
.aradius3 {
   border-radius: 10px;
  border: 5px solid #fff;
  padding: 2px; 

}  

.aradius33 {
   border-radius: 10px;
  border: 5px solid #d7d7d7;
  padding: 2px; 
  text-align:center;

}

.aradius4 {
   border-radius: 10px 10px 0px 0px ;

  padding: 4px; 

}  

.aradius5 {
   border-radius: 0px 0px 10px 10px ;

  padding: 4px; 

} 


.right_align { text-align: right; }    
 
  .buttonsave {border-radius: 4px;
background-color:green;
width:150px;
 color: white;
 cursor:pointer;
 
  }
   .buttonedit {border-radius: 4px;
background-color:burlywood;
width:150px;
 color: white;
  cursor:pointer;
  }
    .buttondel {border-radius: 4px;
background-color:crimson;
width:150px;
 color: white;
  cursor:pointer;
  }
     .buttonsp {border-radius: 4px;
background-color:darkmagenta;
width:150px;
 color: white;
  cursor:pointer;
  }

        .hdp {
border:none
  }
   
   
        .fone1 {
            width: 100px;
              vertical-align:top;
        }

         .fone2 {
            width: 40px;
          vertical-align:top;
        }
         .fone3 {
            width: 120px;
              vertical-align:top;
        }
       .fone4 {
            width: 250px;
              vertical-align:top;
        }
      .fone5 {
            width:205px;
              vertical-align:top;
        }
        .fone6 {
            width: 450px;
              vertical-align:top;
        }
         .fone7 {
            width: 400px;
              vertical-align:top;
        }
          .fone8 {
            width: 200px;
              vertical-align:top;
        }
           .fone9 {
            width: 80px;
              vertical-align:top;
        }

          .completionList {
            border:solid 1px #444444;
            margin: 7px 0px 0px 7px;
            padding: 2px;
            height: 150px;
            background-color: #fff;
            overflow: auto;
            visibility : hidden;
            cursor: pointer;
        }

        .listItem {
            color: #666666;
        }

        .itemHighlighted {
            background-color: #ffc0c0;
            font-weight: bold;
        } 
        
        
        * {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 680px;

  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 45px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active2 {
  background-color: #717171;
}

/* Fading animation */
.fade2 {
  -webkit-animation-name: fade2;
  -webkit-animation-duration: 1.5s;
  animation-name:fade2;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.logo2{
    text-align:right;
    vertical-align:middle;
     width:65px;   
}

.btnst {
 
  border:2px;
   border-radius: 5px;
 /*  color: white;
 /* padding: 20px;
       margin: 4px 0px;
 */
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;

  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
  width:32px;
  height:100%;
  background-color:#ddd;
       vertical-align: middle;
}
.rcorners6 {
  border-radius: 15px;
  border: 2px solid #fff;
  padding: 5px; 
 
  background-color:#fcfcfc;
  font-size:16px;

}





.divseven{
  max-width: 900px;
  margin: auto;
}

.fsbigx2{
    font-size:44px;
} 

.fsbigx3{
    font-size:large;
}

.whun {

}

@media (max-width:600px) {

.whun {
width:100%;
}

    .divbutton {
        height: 27px;
        vertical-align: bottom;
        padding: 0px 0px 0px 3px;
    }

    .fsbigx2 {
        font-size: large;
    }

    .fsbigx {
        font-size: medium;
    }

    .fsbigx3 {
        font-size: medium;
    }
}




.w3-round-small {
    border-radius: 2px;
}

.w3-round, .w3-round-medium {
    border-radius: 4px;
}

.w3-round-large {
    border-radius: 8px;
}

.w3-round-xlarge {
    border-radius: 16px;
}

.w3-round-xxlarge {
    border-radius: 32px;
}

.w3-amber, .w3-hover-amber:hover {
    color: #000 !important;
    background-color: #ffc107 !important;
}

.w3-aqua, .w3-hover-aqua:hover {
    color: #000 !important;
    background-color: #00ffff !important;
}

.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #2196F3 !important;
}

.w3-light-blue, .w3-hover-light-blue:hover {
    color: #000 !important;
    background-color: #87CEEB !important;
}

.w3-brown, .w3-hover-brown:hover {
    color: #fff !important;
    background-color: #795548 !important;
}

.w3-cyan, .w3-hover-cyan:hover {
    color: #000 !important;
    background-color: #00bcd4 !important;
}

.w3-blue-grey, .w3-hover-blue-grey:hover, .w3-blue-gray, .w3-hover-blue-gray:hover {
    color: #fff !important;
    background-color: #607d8b !important;
}

.w3-green, .w3-hover-green:hover {
    color: #fff !important;
    background-color: #4CAF50 !important;
}

.w3-light-green, .w3-hover-light-green:hover {
    color: #000 !important;
    background-color: #8bc34a !important;
}

.w3-indigo, .w3-hover-indigo:hover {
    color: #fff !important;
    background-color: #3f51b5 !important;
}

.w3-khaki, .w3-hover-khaki:hover {
    color: #000 !important;
    background-color: #f0e68c !important;
}

.w3-lime, .w3-hover-lime:hover {
    color: #000 !important;
    background-color: #cddc39 !important;
}

.w3-orange, .w3-hover-orange:hover {
    color: #000 !important;
    background-color: #ff9800 !important;
}

.w3-deep-orange, .w3-hover-deep-orange:hover {
    color: #fff !important;
    background-color: #ff5722 !important;
}

.w3-pink, .w3-hover-pink:hover {
    color: #fff !important;
    background-color: #e91e63 !important;
}

.w3-purple, .w3-hover-purple:hover {
    color: #fff !important;
    background-color: #9c27b0 !important;
}

.w3-deep-purple, .w3-hover-deep-purple:hover {
    color: #fff !important;
    background-color: #673ab7 !important;
}

.w3-red, .w3-hover-red:hover {
    color: #fff !important;
    background-color: #f44336 !important;
}

.w3-sand, .w3-hover-sand:hover {
    color: #000 !important;
    background-color: #fdf5e6 !important;
}

.w3-teal, .w3-hover-teal:hover {
    color: #fff !important;
    background-color: #009688 !important;
}

.w3-yellow, .w3-hover-yellow:hover {
    color: #000 !important;
    background-color: #ffeb3b !important;
}

.w3-white, .w3-hover-white:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.w3-black, .w3-hover-black:hover {
    color: #fff !important;
    background-color: #000 !important;
}

.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
    color: #000 !important;
    background-color: #9e9e9e !important;
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #000 !important;
    background-color: #f1f1f1 !important;
}

.w3-dark-grey, .w3-hover-dark-grey:hover, .w3-dark-gray, .w3-hover-dark-gray:hover {
    color: #fff !important;
    background-color: #616161 !important;
}

.w3-pale-red, .w3-hover-pale-red:hover {
    color: #000 !important;
    background-color: #ffdddd !important;
}

.w3-pale-green, .w3-hover-pale-green:hover {
    color: #000 !important;
    background-color: #ddffdd !important;
}

.w3-pale-yellow, .w3-hover-pale-yellow:hover {
    color: #000 !important;
    background-color: #ffffcc !important;
}

.w3-pale-blue, .w3-hover-pale-blue:hover {
    color: #000 !important;
    background-color: #ddffff !important;
}

.w3-text-amber, .w3-hover-text-amber:hover {
    color: #ffc107 !important;
}

.w3-text-aqua, .w3-hover-text-aqua:hover {
    color: #00ffff !important;
}

.w3-text-blue, .w3-hover-text-blue:hover {
    color: #2196F3 !important;
}

.w3-text-light-blue, .w3-hover-text-light-blue:hover {
    color: #87CEEB !important;
}

.w3-text-brown, .w3-hover-text-brown:hover {
    color: #795548 !important;
}

.w3-text-cyan, .w3-hover-text-cyan:hover {
    color: #00bcd4 !important;
}

.w3-text-blue-grey, .w3-hover-text-blue-grey:hover, .w3-text-blue-gray, .w3-hover-text-blue-gray:hover {
    color: #607d8b !important;
}

.w3-text-green, .w3-hover-text-green:hover {
    color: #4CAF50 !important;
}

.w3-text-light-green, .w3-hover-text-light-green:hover {
    color: #8bc34a !important;
}

.w3-text-indigo, .w3-hover-text-indigo:hover {
    color: #3f51b5 !important;
}

.w3-text-khaki, .w3-hover-text-khaki:hover {
    color: #b4aa50 !important;
}

.w3-text-lime, .w3-hover-text-lime:hover {
    color: #cddc39 !important;
}

.w3-text-orange, .w3-hover-text-orange:hover {
    color: #ff9800 !important;
}

.w3-text-deep-orange, .w3-hover-text-deep-orange:hover {
    color: #ff5722 !important;
}

.w3-text-pink, .w3-hover-text-pink:hover {
    color: #e91e63 !important;
}

.w3-text-purple, .w3-hover-text-purple:hover {
    color: #9c27b0 !important;
}

.w3-text-deep-purple, .w3-hover-text-deep-purple:hover {
    color: #673ab7 !important;
}

.w3-text-red, .w3-hover-text-red:hover {
    color: #f44336 !important;
}

.w3-text-sand, .w3-hover-text-sand:hover {
    color: #fdf5e6 !important;
}

.w3-text-teal, .w3-hover-text-teal:hover {
    color: #009688 !important;
}

.w3-text-yellow, .w3-hover-text-yellow:hover {
    color: #d2be0e !important;
}

.w3-text-white, .w3-hover-text-white:hover {
    color: #fff !important;
}

.w3-text-black, .w3-hover-text-black:hover {
    color: #000 !important;
}

.w3-text-grey, .w3-hover-text-grey:hover, .w3-text-gray, .w3-hover-text-gray:hover {
    color: #757575 !important;
}

.w3-text-light-grey, .w3-hover-text-light-grey:hover, .w3-text-light-gray, .w3-hover-text-light-gray:hover {
    color: #f1f1f1 !important;
}

.w3-text-dark-grey, .w3-hover-text-dark-grey:hover, .w3-text-dark-gray, .w3-hover-text-dark-gray:hover {
    color: #3a3a3a !important;
}







 
        
        
   
           

