/*@charset "UTF-8";*/
/* CSS Document */
/* GraphCube (Keith Stewart) Specific Style Elements */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=Lobster&family=Lobster+Two:ital@1&family=Playfair+Display:ital@0;1&display=swap');
body {font-family:Tahoma, Geneva, sans-serif;font-size:14px;margin:10px;background-color:#fff;color:#000;}
html{scroll-behavior: smooth;scroll-padding-top:30px;}
.figureBox {border:1px #FF009E solid;text-align: center;vertical-align: middle;line-height:20px;width:20px;height:20px;font-weight:600;float:left;margin-right:4px;margin-top:2px;font-size:90%;}
.diamondBox {display:block;float:left;margin:15px 12px 0px 10px;height:30px;width:30px;text-align: center;vertical-align: middle;background-color:red;color:white;font-weight:800;font-size:145%;line-height:28px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.diamondBox12 {display:block;float:left;margin:7px 6px 0px 0px;height:12px;width:12px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.squareBox {display:block;float:left;margin:0px 6px 0px 0px;height:30px;width:30px;text-align: center;vertical-align: middle;font-weight:800;font-size:145%;line-height:28px;border-radius:2px;}
.circleBox30 {display:block;float:left;margin:0px 6px 0px 0px;height:30px;width:30px;text-align: center;vertical-align: middle;font-weight:800;font-size:145%;line-height:28px;border-radius:15px;}
.circleBox20 {display:block;float:left;margin:2px 6px 0px 0px;height:22px;width:22px;text-align: center;vertical-align: middle;font-weight:800;font-size:80%;line-height:21px;border-radius:11px;}
.circleBox16 {display:block;float:left;margin:2px 6px 0px 0px;height:16px;width:16px;text-align: center;vertical-align: middle;font-weight:800;font-size:80%;line-height:16px;border-radius:8px;}
.circleBox14 {display:block;float:left;margin:2px 6px 0px 0px;height:14px;width:14px;border-radius:8px;}
.circleBox12 {display:block;float:left;margin:7px 6px 0px 0px;height:12px;width:12px;border-radius:8px;}
.lobster {font-family:'Lobster',cursive;font-size:36px;}
.lobster2 {font-family:'Lobster Two',cursive;font-size:36px;margin-top:32px;}
.lobsterN {font-size:36px;}
.lobsterB {font-size:44px;}
.playfair {font-family:'Playfair Display',serif;font-size:18px;}
.dyn {font-size:60%;}
#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);
}
.black {color:#000;}
.white {color:#fff;}
.redacted {background-color:#000;color:#fff;border-radius:2px;padding:2px;}
.tableWborder {box-sizing:border-box;border-collapse:collapse;border:1px #252525 solid;}
.cLevel0 {margin-left:0px;font-weight:600;}
.cLevel1 {margin-left:10px;}
.cLevel2 {margin-left:20px;}
.cLevel3 {margin-left:30px;}
.cLevel4 {margin-left:40px;}
#borderedTable {
    border-collapse: collapse; /* Collapses the border */
    /* width: 100%;  Optional: Sets the width of the table to fit the container  */
}

#borderedTable th, #borderedTable td {
    border: 1px solid #252525; /* Sets the border for table headers and cells */
    padding: 6px; /* Adds some padding inside each cell */
    text-align: left; /* Aligns text to the left; change as needed */
}

#borderedTable th {
    background-color: #f2f2f2; /* Gives a background color to the table headers; optional */
}
.nav {
    width:300px ;
    position: fixed;
    height: 100%;
	border-right:1px gray solid;
    padding: 4px;
	scroll-behavior:auto;
	overflow:scroll;

}

.nav ul {
    list-style-type: none;
    padding: 0;
}

.nav ul li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 4px;
    transition: background-color 0.3s;
}

.nav ul li a:hover {
    background-color:#eaeaea;
	border-radius:4px;
	color:#000
}

.content {
	margin-left: 315px; /* Adjusted to prevent overlap with the navigation bar */
    padding: 8px;
	min-width:300px;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
 /* border-bottom: 1px dotted black; */
}

/* 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;
}


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%;}
.lsText8d {font-size:120%;line-height:24px;}
.lsText9 {font-size:110%;}
.lsText10 {font-size:105%;}
.lsText11 {font-size:100%;}
.lsText12 {font-size:95%;}
.lsText13 {font-size:90%;}
.lsText14 {font-size:85%;}
.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);display:block;}
.rotate90n {-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display:block;}
.rotate90p {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);display:block;}
.rotate45n {-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);display:block;}
.rotate45p {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);display:block;}
.rotate20n {-ms-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);transform: rotate(-20deg);display:block;}
.rotate20p {-ms-transform: rotate(20deg);-webkit-transform: rotate(20deg);transform: rotate(20deg);display:block;}
.rotate180 {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);display:block;}
.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.contents:link {color:black;text-decoration:none;}
a.contents:visited {color:black;text-decoration:none;}
a.contents:hover {color:red;text-decoration:underline;}
a.contents:active {color:red;text-decoration:none;}

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;}


.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:52px;
    /*margin:-1px;*/
    text-align:left;
	overflow:hidden;
	padding-left:10px;
	background-color:#252525;
	
}
.bt:hover{
   
    transition: background .3s linear;
    background:#33FFB0;
         -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:52px;
    color: #ffffff;
    display: block;
	text-decoration:none;
	overflow:hidden;
    
}
.bt a:hover{
    line-height:52px;
    color: #000000;
    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: 1023px) {
.headerLogo {float:left;width:60%; height:50%;font-size:1.0em;}
.headerMini {display:block;}
.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: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:44%;}
.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;}

}

/* ######## large sized devices ######## */
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
.headerLogo {float:left;width:60%; height:50%;font-size:1.2em;}
.headerMini {display:none;}
.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:block;}
#menuBar1 {display:none;}
.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:50%;}
.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:44%;}
.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;}
}
@media only screen and (min-width: 1301px) {
.headerLogo {float:left;width:60%; height:50%;font-size:1.2em;}
.headerMini {display:none;}
.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:block;}
#menuBar1 {display:none;}
.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:50%;}
.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;}	
	
}