/* CSS Document */
/* GraphCube (Keith Stewart) Specific Style Elements */
body {font-family:Calibri,Tahoma, Geneva, sans-serif;font-size:14px;margin:0px;width:100%;height:100%;background-color:#fff;}
html{
  height: 100%;
  margin: 0;
    scroll-behavior: smooth;
}
iframe {
            width: 100%;
            height: 100%;
            border: 0px;
			background-color:transparent;;
        }
.container {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
     /* height: 100vh;  Full viewport height */
    }

    .column {
      width: 50%;
      padding: 10px;
      box-sizing: border-box;
    }

    .left-column {
      background-color: #fff;
    }

    .right-column {
      background-color: #fff;
    }
@media (max-width: 726px) {
  .column {
    width: 100%;
  }
}
.contentarea0 {float:left;margin-top:42px;width:100%; position:inherit;background-image:linear-gradient(140deg, #001DA2,#1FFFDB);color:#fff;padding:2px;z-index:2;} 
.contentarea {float:left;margin-top:42px;width:100%; position:inherit;background-color:#fff;color:#292929;padding:2px;z-index:2;} 
.contentarea2 {float:left;margin-top:0px;width:100%; position:inherit;height:100%; background-color:#DDF1FD;color:#000;padding:2px;z-index:2;} /*#001DA2,#C9C0A9*/
/* CAROSEL */
/* Basic styling for the carousel */ 
.carousel { position: relative;text-align:center;width:460px; border: 0px solid #ccc; } 
.carousel img { width: 100%; display: none; } 
.carousel img.active { display: block; } 
/*.carousel button.nav { position: absolute; top: 50%; transform: translateY(-50%); background-color: transparent; color:  transparent; border: none;display: none; } 
.carousel button.nav.prev { left: 10px; } 
.carousel button.nav.next { right: 10px; } */
/* Styling for the button row */ 
.button-row { text-align: left; margin-top: 5px; } 
.button-row button { background-color: #ddd; border: none; padding: 10px; margin: 5px; cursor: pointer; border-radius: 5px; } 
.button-row button.active { background-color: #2F68F5; color: white; }


* {box-sizing: border-box;}
img {vertical-align: middle;}
.mySlides {display: none;}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 5px;
	left:5px;
  width:100%;
  text-align:left;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #fff;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
   height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none; /*inline-block;*/
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/* END CAROSEL */
#dhtmltooltip{
position: absolute;
/*min-width:325px;
max-width:500px;
cursor:pointer;*/
border-width:1px;
	border-color:transparent;
border-style: solid;
padding:4px;
visibility:hidden;
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #575757), color-stop(1, #000000));
	background:-moz-linear-gradient(top, #575757 5%, #000000 100%);
	background:-webkit-linear-gradient(top, #575757 5%, #000000 100%);
	background:-o-linear-gradient(top, #575757 5%, #000000 100%);
	background:-ms-linear-gradient(top, #575757 5%, #000000 100%);
	background:linear-gradient(to bottom, #575757 5%, #000000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#000000',GradientType=0);
	background-color:#575757;*/
opacity:0.97;
/*filter: alpha(opacity = 95);*/
z-index:1000;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:white;
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
 /* border-bottom: 1px dotted black; */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 8px;
	border-color:transparent;
	border-style:none;
	border-width:0px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#cookie-consent-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #222;
  color: #fff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 9999;
  font-size: 14px;
  flex-wrap: wrap;
}

#cookie-consent-bar p {
  margin: 0;
}

#cookie-consent-bar button {
  margin-left: 10px;
  padding: 8px 14px;
  border: none;
  background-color: #0073e6;
  color: white;
  cursor: pointer;
  border-radius: 4px;
}

#cookie-consent-bar button:hover {
  background-color: #005bb5;
}

#cookie-consent-bar select {
  padding: 4px 8px;
  margin-left: 5px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
TD {font-family:Tahoma, Geneva, sans-serif;}
textarea {resize:none;}
.lsText1 {font-size:185%;}
.lsText2 {font-size:175%;}
.lsText3 {font-size:165%;}
.lsText4 {font-size:155%;}
.lsText5 {font-size:145%;}
.lsText6 {font-size:135%;}
.lsText7 {font-size:125%;}
.lsText8 {font-size:120%;}
.inL {font-size:11px;background-color:#FFC;}
.inK {font-size:11px;background-color:#CFC;}
.required {display:inline-block;background-color:red;padding:4px;margin-top:3px;margin-bottom:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:white;}
.optional {display:inline-block;background-color:#2F46B0;padding:4px;margin-top:3px;margin-bottom:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:white;}
.rotate {writing-mode:tb-rl;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	/*background-color:#f1f1f1;*/}
.strike {text-decoration: line-through;}
.rotate0 {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.rotate90n {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.rotate90p {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.rotate45n {-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.rotate45p {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.rotate20n {-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);}
.rotate20p {-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);}
.rotate180 {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.gray01 {color:#808080;}
.red {color:#FF0004;}
.yellow {color:#F0FF00;}
.lime {color:#16E30D;}
.blue {color:#1A00FF;}
.darkBlue {color:#00306A}
.navy {color:#000080;}
.green {color:#4C9649}
.pointer {cursor:pointer;}
.pointerNo {cursor:none;}
.helper {cursor:help;}
.rollMe {background-color:transparent;cursor:default;}
.rollMe:hover {background-color:#eaeaea;cursor:pointer;}
.bxList {background-color:#FF0004;}
.bxList:hover {background-color:#007700;}
.code {font-family:monospace;}
.collapse {border-collapse:collapse;border:1px solid #999999;}
.uMe {text-decoration:underline;}
.GC1 {font-family:Tahoma,Verdana, Geneva, Helvetica, Arial, sans-serif;}
a.norm:link {color:#808080;text-decoration:none;padding:5px;}
a.norm:visited {color:#808080;text-decoration:none;padding:5px;}
a.norm:hover {color:#FF0000;text-decoration:underline;background-color:#DDDDDD;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
a.norm:active {color:#808080;text-decoration:none;padding:5px;}

.aRed {color:#569EE6;text-decoration:underline;}
.aRed:hover {color:#FF0000;text-decoration:underline;cursor: pointer;}

a.none:link {color:white;text-decoration:none;}
a.none:visited {color:white;text-decoration:none;}
a.none:hover {color:white;text-decoration:underline;}
a.none:active {color:white;text-decoration:none;}

a.nonew:link {color:white;text-decoration:underline;}
a.nonew:visited {color:white;text-decoration:underline;}
a.nonew:hover {color:yellow;text-decoration:underline;}
a.nonew:active {color:white;text-decoration:underline;}

a.noneb:link {color:navy;text-decoration:none;font-weight:600;}
a.noneb:visited {color:navy;text-decoration:none;font-weight:600;}
a.noneb:hover {color:#FF0004;text-decoration:underline;font-weight:600;}
a.noneb:active {color:#FF0004;text-decoration:underline;font-weight:600;}

a.contents:link {color:black;text-decoration:underline;}
a.contents:visited {color:black;text-decoration:underline;}
a.contents:hover {color:red;text-decoration:underline;}
a.contents:active {color:red;text-decoration:underline;}

a.blue:link {color:yellow;text-decoration:underline;}
a.blue:visited {color:yellow;text-decoration:underline;}
a.blue:hover {color:red;text-decoration:underline;}
a.blue:active {color:red;text-decoration:none;}

.xT {font-size: 100%;transform: scaleY(1.4);}
.xT2 {font-size: 100%;transform: scaleY(1.2);}
.round {border:1px solid;border-radius:25px;-moz-border-radius:25px;font-size:11px;background-color:#FFC;}
.roundBorder2 {-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.roundBorder4 {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.roundBorder5 {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.roundBorder8 {-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.borderBL8 {border-bottom-left-radius:8px;-moz-border-bottom-left-radius:8px;-webkit-border-bottom-left-radius:8px;}
.borderBL4 {border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;}
.borderBL6 {border-bottom-left-radius:6px;-moz-border-bottom-left-radius:6px;-webkit-border-bottom-left-radius:6px;}
.borderBR6 {border-bottom-right-radius:6px;-moz-border-bottom-right-radius:6px;-webkit-border-bottom-right-radius:6px;}
.borderBL12 {border-bottom-left-radius:12px;-moz-border-bottom-left-radius:12px;-webkit-border-bottom-left-radius:12px;}
.borderBL16 {border-bottom-left-radius:16px;-moz-border-bottom-left-radius:16px;-webkit-border-bottom-left-radius:16px;}
.borderTL8 {border-top-left-radius:8px;-moz-border-top-left-radius:8px;-webkit-border-top-left-radius:8px;}
.borderTL6 {border-top-left-radius:6px;-moz-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;}
.borderTR6 {border-top-right-radius:6px;-moz-border-top-right-radius:6px;-webkit-border-top-right-radius:6px;}
.borderTR2 {border-top-right-radius:2px;-moz-border-top-right-radius:2px;-webkit-border-top-right-radius:2px;}
.borderBR2 {border-bottom-right-radius:2px;-moz-border-bottom-right-radius:2px;-webkit-border-bottom-right-radius:2px;}
.borderTL4 {border-top-left-radius:5px;-moz-border-top-left-radius:5px;-webkit-border-top-left-radius:5px;}
.borderTL4x {border-top-left-radius:4px;-moz-border-top-left-radius:4px;-webkit-border-top-left-radius:4px;}
.borderTR4x {border-top-right-radius:4px;-moz-border-top-right-radius:4px;-webkit-border-top-right-radius:4px;}
.borderTL16 {border-top-left-radius:16px;-moz-border-top-left-radius:16px;-webkit-border-top-left-radius:16px;}
/* Magnifier */
.img-magnifier-container {
  position: relative;
    cursor:zoom-in;
}
.img-magnifier-glass {
cursor:zoom-in;  
position: absolute;
  border: 2px solid blue;
  border-radius: 50%;
    opacity: 0.85;
  /*Set the size of the magnifier glass:*/
  width: 220px;
  height: 220px;
}
/* END Magnifier */
.blog_button {border-radius: 4px;}
.btnGR {
	-moz-box-shadow: 0px 0px 0px 0px #BFBFBF;
	-webkit-box-shadow: 0px 0px 0px 0px #BFBFBF;
	box-shadow: 0px 0px 0px 0px #BFBFBF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E9E9E9), color-stop(1, #BFBFBF));
	background:-moz-linear-gradient(top, #E9E9E9 5%, #BFBFBF 100%);
	background:-webkit-linear-gradient(top, #E9E9E9 5%, #BFBFBF 100%);
	background:-o-linear-gradient(top, #E9E9E9 5%, #BFBFBF 100%);
	background:-ms-linear-gradient(top, #E9E9E9 5%, #BFBFBF 100%);
	background:linear-gradient(to bottom, #E9E9E9 5%, #BFBFBF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#BFBFBF',GradientType=0);
	background-color:#E9E9E9;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #A8A8A8;
	display:inline-block;
	/*cursor:pointer;*/
	color:#333333;
	font-family:arial;
	font-weight:bold;
	padding:4px;
	text-decoration:none;
	/*text-shadow:0px 1px 0px #8C8C8C;*/
	margin-bottom:0px;
	text-align:center;
}
.btnGR:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #BFBFBF), color-stop(1, #E9E9E9));
	background:-moz-linear-gradient(top, #BFBFBF 5%, #E9E9E9 100%);
	background:-webkit-linear-gradient(top, #BFBFBF 5%, #E9E9E9 100%);
	background:-o-linear-gradient(top, #BFBFBF 5%, #E9E9E9 100%);
	background:-ms-linear-gradient(top, #BFBFBF 5%, #E9E9E9 100%);
	background:linear-gradient(to bottom, #BFBFBF 5%, #E9E9E9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBFBF', endColorstr='#E9E9E9',GradientType=0);
	background-color:#BFBFBF;
}
.btnGR:active {
	position:relative;
	top:0px;
}
.btnGY {
	-moz-box-shadow: 0px 0px 0px 0px #63ff38;
	-webkit-box-shadow: 0px 0px 0px 0px #63ff38;
	box-shadow: 0px 0px 0px 0px #63ff38;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9ef7b3), color-stop(1, #93d670));
	background:-moz-linear-gradient(top, #9ef7b3 5%, #93d670 100%);
	background:-webkit-linear-gradient(top, #9ef7b3 5%, #93d670 100%);
	background:-o-linear-gradient(top, #9ef7b3 5%, #93d670 100%);
	background:-ms-linear-gradient(top, #9ef7b3 5%, #93d670 100%);
	background:linear-gradient(to bottom, #9ef7b3 5%, #93d670 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ef7b3', endColorstr='#93d670',GradientType=0);
	background-color:#9ef7b3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #709e75;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-weight:bold;
	padding:4px;
	text-decoration:none;
	/* text-shadow:0px 1px 0px #ffee66; */
	margin-bottom:0px;
	text-align:center;
}
.btnGY:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #93d670), color-stop(1, #9ef7b3));
	background:-moz-linear-gradient(top, #93d670 5%, #9ef7b3 100%);
	background:-webkit-linear-gradient(top, #93d670 5%, #9ef7b3 100%);
	background:-o-linear-gradient(top, #93d670 5%, #9ef7b3 100%);
	background:-ms-linear-gradient(top, #93d670 5%, #9ef7b3 100%);
	background:linear-gradient(to bottom, #93d670 5%, #9ef7b3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#93d670', endColorstr='#9ef7b3',GradientType=0);
	background-color:#93d670;
}
.btnGY:active {
	position:relative;
	top:0px;
}

.btnBL {
	-moz-box-shadow: 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow: 0px 1px 0px 0px #dcecfb;
	/*box-shadow: 0px 1px 0px 0px #dcecfb;*/
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #569EE6));
	background:-moz-linear-gradient(top, #bddbfa 5%, #569EE6 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #569EE6 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #569EE6 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #569EE6 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #569EE6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#569EE6',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	/*border:1px solid #84bbf3;*/
	display:inline-block;
	cursor:pointer;
	color:#333333;
	
	/*font-size:11px; */
	font-weight:bold;
	padding:4px;
	text-decoration:none;
	/* text-shadow:0px 1px 0px #ffee66; */
	margin-bottom:0px;
	text-align:center;
}
.btnBL:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #569EE6), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #569EE6 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #569EE6 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #569EE6 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #569EE6 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #569EE6 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#569EE6', endColorstr='#bddbfa',GradientType=0);
	background-color:#569EE6;
	
}
.btnBL:active {
	position:relative;
	top:0px;
}
.btnBLxc {background-color:#fff;}
.btnBLxc:hover {background-color:#569EE6;color:#fff;}
.bxColor {background-color:#fff;}
.lxColor {background-color:transparent;}

.myWTrans {
    width: 0px;
    /*height: 0px;*/
    -webkit-transition: width 0.35s;
	-webkit-transition-delay: 0s;
    transition:width 0.35s;
	-webkit-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	transition-delay:0s;
}
.oTrans {
opacity: 0;
    transition-delay: 0s;
	transition: opacity 0.45s ease-in-out;
    -moz-transition: opacity 0.45s ease-in-out;
    -webkit-transition: opacity 0.45s ease-in-out;
	-webkit-transition-delay: 0s;
}
.ix, .bx {
  /*float: left;*/
  font-size: 1.1em;
  padding: 4px 2px;
  margin: 0;
  border: 1px solid #333;
  outline: 0;
  box-shadow: none;
}

::-moz-focus-inner { 
  padding: 0;
  border: 0;
}

.ix {
  width: 15em;
  background-color: #fff;
  border-right: 0 none;
  border-radius: 3px 0 0 3px;
}

.bx {
  position: relative;
  background-color: #E1E1E1;
  border-radius: 0 3px 3px 0;
  font-weight:bold;
  cursor: pointer;
}

.copied::after {
  position: absolute;
  top: 1px;
  right: 20%;
  display: block;
  content: "copied";
  font-size: 1.0em;
  padding: 3px 10px;
  color: #fff;
  background-color: #22a;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 2.0s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  40% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
  }
}
/* FLOATING MENU */

#MobileMenuContent{
    width:0px;
    /*font-size:1.4em;*/
    /*line-height:39px; */
    right:0px;
    top:10px; /* change this value to place the menu higher or lower */
    position:absolute;
	/*overflow:hidden;*/
	z-index: 100;
	opacity:1.00;
	filter:Alpha(opacity=100);
	/*background-size:90%; */
}

#tab{
    float:left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 99;
}

#tab li span{
    display: block;
    padding: 0 0px;
    position: relative;
}

#links{
    width:100%;
    padding:0px;
    float: left;   
}

.show, .hide{
    /* we specify the transition length for hiding and showing */
            transition: width .4s ease-in;
    -webkit-transition: width .4s ease-in;
}

.hide{
    width:0px;
	overflow:hidden;
	
}

.show{
    width:100%;
	overflow:hidden;

}

#arrow, .bt{
    cursor: pointer;
}

.bt{
    width:100%;
    height:36px;
    /*margin:-1px;*/
    text-align:left;
	overflow:hidden;
	padding-left:10px;
	background-color:#252525;
	
}d
.bt:hover{
   
    transition: background .3s linear;
    background:#cccccc;
         -o-transition: background .3s linear;
       -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
	text-decoration:none;
	overflow:hidden;
	opacity:1;
	filter:Alpha(opacity=100);   
}
.bt a{
    line-height:36px;
    color: #ffffff;
    display: block;
	text-decoration:none;
	overflow:hidden;
    
}
.bt a:hover{
    line-height:36px;
    color: #ffffff;
    display: block;
	text-decoration:none;
	overflow:hidden;
    }
/*#5075AD */


.bta{
    width:100%;
    /*min-height:32px;*/
    /*margin:-1px;*/
    text-align:left;
	overflow:hidden;
	padding-left:10px;
	background-color:#DCDCDC;
	
}
.bta:hover{
   
    /*transition: background .3s linear;
    background:#B5B5B5;
         -o-transition: background .3s linear;
       -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;*/
	text-decoration:none;
	overflow:hidden;
	opacity:1;
	filter:Alpha(opacity=100);   
}
.bta a{
    /*line-height:32px;*/
    color: #000;
    display: block;
	text-decoration:none;
	overflow:hidden;
    
}
.bta a:hover{
    /*line-height:32px;*/
    color: navy;
    display: block;
	text-decoration:none;
	overflow:hidden;
    }
/*#5075AD */


#deco{
    width:100%;
    float: left;
	overflow:hidden;
	/*box-shadow:0px 0px 5px #000;
    -moz-box-shadow:0px 0px 5px #000;
    -webkit-box-shadow:0px 0px 5px #000;*/
}
/* END FLOATING MENU */
.f08 {font-size:8px;}
.f09 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}
.buttonX01A {border-width:0px;background:linear-gradient(#749bc7,#3a578b);padding:8px;text-align:center;margin-top:4px;text-decoration:none;color:white;font-weight:bold;}
.buttonX01A:hover {background:linear-gradient(#f4f051 15%, #ff8000);color:black;font-weight:bold;text-decoration:none;}
.devButton {background:linear-gradient(#f4f051,#ff8000);color:black;}
.devButton:hover {background:linear-gradient(#ffc184 15%, #ff0000);color:white;transition-delay:0.25s;}

/* SmartPhones   */
@media only screen and (max-width: 726px) {
.headerLogo {float:left;width:60%; height:50%;font-size:1.0em;}
.headerMini {display:block;}
.container {flex-wrap: wrap;}
.iW {width:200px;}
.sizer {width:100%;}
.fmenu {float:left;display:none;}
.mmenu {float:right;width:22%;hight:42px;text-align:right;display:none;color:white;}
.leftMenu {display:none;}
.receiver {padding:50px 4px 4px 4px;}
.blogTitle {font-size:100%;letter-spacing:0.5px;}
.mM {display:block;}
.mMf {display:none;}
#mainMenu {display:none;}
#menuBar1 {display:block;}
#C3-1, .grid3 {float:left;width:98%;}
/*.aboutMeTitle {display:none;}
.aboutMeTitleN {font-family:'Open Sans', Sans-serif;color:white;font-size:28px;font-weight: 800;letter-spacing: 2px;}*/
.FPheaders2 {font-size:180%;font-family:'Open Sans', Sans-serif;color:white;margin-left:5px;line-height:18px;}
.aboutMeTitleMini {display:block;}
.photoMarquee {display:none;}
.textMarquee {width:95%;}
.cvButton {margin-left:1%;margin-bottom:10px;}
.grid1 {float:left;width:99%}
.grid1n {float:left;width:97%}
.grid2 {float:left;width:96%;}
.grid2n {float:left;width:97%;}    
.grid2a {float:left;width:98%;}
.grid2x {float:left;width:96%;margin-left:2%; }
.grid2z {float:left;width:98%;}
.grid2zx {float:left;width:98%;}
.grid2aBK {background-color:transparent;border-radius: 0px;margin-top:25px;}
.grid2b {float:left;width:98%;margin-bottom:5px;}
.grid2c {float:left;width:98%;margin-bottom:5px;}
.grid2bSpacer {margin-right:0%;}
.grid3 {float:left;width:96%;margin-left:5px;margin-right:5px;}
.grid3a {float:left;width:97%;}
.grid3af {float:left;width:260px;}  
.grid3ag {width:405px;} 
.grid3b {float:left;width:95%;}
.grid66 {float:left;width:98%;}
.grid75 {float:left;width:98%;}   
.grid33 {float:left;width:96%;}
.grid4 {float:left;width:96%;}
.grid4m {float:right;width:42%;}
.grid4n {float:left;width:56%;}
.grid4p {float:left;width:98%;}
.grid4Spacer {float:left;width:10%;}
.grid4SpacerX {display:none;}
.colSize{font-size:105%;}
.miniFi01 {width:200px;height:200px;text-align:center;}
.contact {margin-left:1%;width:98%;}
.cMenu {float:left;width:95%;margin-top:5px;}
.cMenuX {float:left;width:95%;margin-top:5px;}
.cPreview {float:left;width:95%;margin-top:10px;}
.oPreview {float:left;width:95%;margin-top:10px;}
.mediumT {font-size:1.6em;}
.IM1 {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px;margin-bottom:10px;border-width:1px;border-color:gray;border-style:solid;width:70%;}
.IM1a {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px;border-width:1px;border-color:gray;border-style:solid;width:70%;}
.IM2 {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px;margin-bottom:10px;border-width:1px;border-color:gray;border-style:solid;width:70%;}
.IM3 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:1px;margin-bottom:5px;border-width:1px;border-color:gray;border-style:solid;width:85px;}
.IM4 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:1px;border-width:1px;border-color:gray;border-style:solid;width:85px;}
.f08 {font-size:8px;}
.f09 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}

}


@media only screen and (min-width: 727px) {
.headerLogo {float:left;width:60%; height:50%;font-size:1.2em;}
.headerMini {display:block;}
.iW {width:320px;}
.sizer {width:50%;}
.fmenu {float:left;display:none;}
.mmenu {float:right;width:35%;hight:42px;text-align:right;display:none;color:white;}
.leftMenu {width:225px;display:block;}
.receiver {padding:50px 4px 4px 240px;}
.blogTitle {font-size:130%;letter-spacing:1px;}
.mM {display:none;}
.mMf {display:block;}
#mainMenu {display:none;}
#menuBar1 {display:block;}
/*.aboutMeTitle {display:block;}
.aboutMeTitleN {font-family:'Open Sans', Sans-serif;color:white;font-size:38px;font-weight: 800;letter-spacing: 2px;}*/
.FPheaders2 {font-size:220%;font-family:'Open Sans', Sans-serif;color:white;margin-left:5px;line-height:28px;}
    .MobileMenuContent {display:none;}
.aboutMeTitleMini {display:none;}
.photoMarquee {display:block;}
.textMarquee {width:55%;}
.cvButton {margin-left:1%;margin-bottom:35px;}
.grid1n {float:left;width:90%}
.grid2 {float:left;width:44%;}
.grid2n {float:left;width:45%;}
.grid2a {float:left;width:49%;}
.grid2x {float:left;width:64%;}
.grid2z {float:left;width:33%;}
.grid2zx {float:left;width:60%;}
.grid2aBK {background-color:#212121;padding:6px;border-radius: 6px;}
.grid2b {float:left;width:48%;margin-right:10px;margin-bottom:10px;}
.grid2c {float:left;width:48%;margin-bottom:10px;}
.grid2bSpacer {margin-right:3%;}
.colSize{font-size:95%;}
.grid3 {float:left;width:29%;margin-left:5px;margin-right:5px;}
.grid3a {float:left;width:30%;}
.grid3af {float:left;width:260px;} 
.grid3ag {width:405px;} 
.grid3b {float:left;width:65%;}
.grid66 {float:left;width:68%;}
.grid75 {float:left;width:75%;}    
.grid33 {float:left;width:38%;}
.grid4 {float:left;width:22%;}
.grid4m {float:left;width:22%;}
.grid4n {float:left;width:22%;}
.grid4p {float:left;width:18%;}
.grid4Spacer {float:left;width:6%;}
.grid4SpacerX {float:left;width:6%;}
.miniFi01 {width:100%;max-width:400px;height:240px;text-align:center;}
.mediumT {font-size:1.3em;}
.mediumT2 {font-size:1.1em;}
.contact {margin-left:50px;width:85%;}
.cMenu {float:left;width:300px;margin-top:5px;margin-left:5px;}
.cMenuX {float:left;width:400px;margin-top:5px;margin-left:5px;}
.cPreview {float:left;width:525px;margin-left:35px;margin-top:5px;position:relative;}
.oPreview {float:left;width:62%;margin-left:35px;margin-top:5px;position:relative;}
.IM1 {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:5px;margin-bottom:5px;border-width:1px;border-color:gray;border-style:solid;width:240px;}
.IM1a {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px;border-width:1px;border-color:#80B0EE;border-style:solid;width:240px;}
.IM2 {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:5px;margin-bottom:5px;border-width:1px;border-color:gray;border-style:solid;width:220px;}
.IM3 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:1px;margin-bottom:5px;border-width:1px;border-color:gray;border-style:solid;width:85px;}
.IM4 {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:1px;border-width:1px;border-color:gray;border-style:solid;width:85px;}
/*#MobileMenuContent{display:block;}*/
.f08 {font-size:8px;}
.f09 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f19 {font-size:19px;}
.f20 {font-size:20px;}	
	
}