body { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	overflow-y : scroll; 
	overflow-x : hidden;
}
::-webkit-scrollbar
{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}
.slider {
  max-width: 100%;
  height: 450px;
  margin: 0px;
  position: relative;  
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(/public/res/slides/slide1.webp)no-repeat center;
      background-size: cover;
    animation:fade 20s infinite;
-webkit-animation:fade 20s infinite;

} 
.slide2 {
  background: url(/public/res/slides/slide2.webp)no-repeat center;
      background-size: cover;
    animation:fade2 20s infinite;
-webkit-animation:fade2 20s infinite;
}
.slide3 {
    background: url(/public/res/slides/slide3.webp)no-repeat center;
      background-size: cover;
    animation:fade3 20s infinite;
-webkit-animation:fade3 20s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}
#top {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 88px;
	background-color: #000000;
	text-align: center;	
	filter: alpha(opacity=90);
  	/* IE */
  	-moz-opacity: 0.9;
  	/* Mozilla */
  	opacity: 0.9;
  	/* CSS3 */
	display: flex;
}
#top #logoContainer{
	width: 100px;
	float: left;
	text-align: right;
	padding: 0px;
}
#top #toolStrip {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 50px;
	padding-top: 40px;	
	text-align: right;
	flex-grow: 1; 
} 
#top #toolStrip a{	
	padding-left: 20px;	
	color: #FFFFFF;
	text-decoration: none;
}
#top #toolStrip a:hover{		
	color: #FFDDDD;	
}
#top #demoStrip {
	width: 200px;
	float: right;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	height: 80px;
	padding-top: 20px;	
}
#top #toolStripMobile {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	height: 50px;
	padding-top: 34px;	
	padding-right: 3px;
	text-align: right;
	flex-grow: 1; 	
} 
#top #toolStripMobile a{	
	padding-right: 10px;	
	color: #FFFFFF;
	text-decoration: none;
}
#top #toolStripMobile a:hover{		
	color: #FFDDDD;	
}
@media only screen and (max-width: 640px){
	#top {
		position: absolute;
	}
	#top #logoContainer{
		width: 60px;
	}
	#top #toolStrip {
		display: none;
	} 
	#top #demoStrip {
		display: none;
	}
}
@media all and (min-width: 641px){
	#top #toolStripMobile {
		display: none; 	
	} 
}
#top #logoContainer a{	
	text-decoration: none;
}
#top #nameContainer{
	width: 250px;
	float: left;
	text-align: left;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
	height: 80px;
	padding-top: 20px;		
}
#top #nameContainer a{
	text-decoration: none;
	color: #FFFFFF;
} 

#punch {
	height: auto; 
	width: 100%; 
	background-color: #EE0000;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;	
	border-top: 1px solid #000000;
}
#punch h1{
	font-size: 36px;
	line-height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#punch h2{
	font-size: 24px;
	line-height: 130%;
	padding-left: 30px;
	padding-right: 30px;
}
@media all and (max-width: 640px){
	#punch h1{
		font-size: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	#punch h2{
		font-size: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
}


#modules {
	width: 100%; 
	background-color: #EE0000;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;	
	background: #EE0000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#EE0000, #FFEEEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EE0000, #FFEEEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EE0000, #FFEEEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EE0000, #FFEEEE); /* Standard syntax */
}
#modules:after {
    content: "";
}

#modules .row{
	text-align: center;
}

#modules .row .modulecell{
	width: auto;
	padding: 10px;
}
.module { 
	border-radius: 2px;
    padding-top: 10px; 
	padding-bottom: 5px; 
	margin-bottom: 5px;
	cursor: pointer;
}
.module:after {
    content: "";
}
@media all and (max-width: 640px){
	#modules .row .modulecell{
		float: left;
	}
	.module { 
		font-size: 14px;
	}
}
@media all and (min-width: 641px){
	#modules {
		display: table;
	}
	#modules:after {	   
	    display: table;
	    clear: both;
	}	
	#modules .row{
		display: table-row;		
	}
	#modules .row .modulecell{
		width: 25%;
		padding: 0px 20px 20px 20px; 
		display: table-cell;
	}
	.module { 
		height: 300px;
		border-radius: 2px;
	    padding-top: 10px; 
		display: table;
		cursor: pointer;
	}
	.module:after {
	    content: "";
	    display: table;
	    clear: both;
	}
}

.module a{	
	text-decoration: none;	
}
.module h3 {
	margin: 10px 2px 10px 2px;
}
.module h3 a{
	color: #000000;
	text-decoration: none;
	font-size: 20px;
}
.module p { 
	color: #000000;
	text-align: left;
	font-weight: normal;	
	line-height: 150%;
	font-size: 20px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
}
@media all and (min-width: 640px){
	.module p { 
		font-size: 16px;
		margin-left: 17px;
		margin-right: 17px;
	}
} 
.module1 {
	background-color: #3399FF; 
}
.module2 {
	background-color: #CCF000;	
}
.module3 {
	background-color: #13C7AF;
}
.module4 {
	background-color: #FBBD0A;
}
.module5 {
	background-color: #ACD57F;
}
.module6 {
	background-color: #8B03C3;
}
.module7 {
	background-color: #FF3300;
}
.module8 {
	background-color: #FF069F;
}
.module9 {
	background-color: #4E7DCB;
}
.module10 {
	background-color: #4EC4F6;
}
.module11 {
	background-color: #57BB89;
}
.module12 {
	background-color: #FF8B64;
}

/* STYLES FOR TOP MIDDLE DECTION START HERE */
#midLayer {
	width: 100%; 
	background-color: #222233;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
}
#midLayer:after {
    content: ""; 
}
#midLayer .leftFill {
	float: left; 	
	text-align: left;
	font-weight: bold;	
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 5%;
}
#midLayer .leftFill ul{
	list-style-image: url('/public/res/img/tickR.png');
}
#midLayer .leftFill li{
	padding: 10px;
}
#midLayer .leftFill h2{ 
	font-size: 26px;
	font-weight: normal;
}
#midLayer .socialFrame {
	width: auto; 
	float: left; 	
}
#midLayer .socialFrame iframe {
	border: none; 
	overflow: hidden; 
	width:320px; 
	height:500px;	
}
@media all and (max-width: 640px){
	#midLayer {
		display: table;
	}
}
@media all and (min-width: 641px){
	#midLayer:after {
	    display: table;
	    clear: both;
	}
	#midLayer .leftFill {
		flex-grow: 1; 
		margin-top: 10px;
	}
	#midLayer .socialFrame {
		width: 340px; 
		float: right; 	
		padding-top: 30px;
	}
}
/* STYLES FOR TOP MIDDLE DECTION ENDED HERE */


#prefooter {
	 background-color: #CCCCCC;
	 text-align: left;
	 display: table;
	 width: 100%;
	 border-top: 2px solid #FFFFFF;
	 border-bottom: 2px solid #FFFFFF;
}
#prefooter:after {
    content: "";
    clear: both;
}
#prefooter .pfset{
	width: 95%;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}
#prefooter .pfset h2{
	margin: 1px;
}
#prefooter .pfset a{
	padding-left: 5px;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
} 
#prefooter .pfset a:hover{
	color: #111111;
} 
#prefooter .pfset h3{
	padding-left: 10px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
	margin: 2px;
}
@media all and (min-width: 641px){
	#prefooter:after {
	    display: table;
	}
	#prefooter .pfset{
		width: 16.6%;	
		display: table-cell;
	}
	#prefooter .pfset a{
		font-size: 12px;
	} 
	#prefooter .pfset h3{
		font-size: 11px;
	}
}
#footer {
	width: 100%;
	background-color: #000000;
	display: table;	
}
#footer #fright{
	text-align: center;	
}
#footer #fright a{	
	padding-right: 5px;
	padding-top: 2px;
	text-decoration: none;		
} 
#footer #fleft{
	text-align: center;	
}
#footer #fleft img{
	padding-right: 10px;	
}
#footer #fmiddle{
	padding-top: 20px;
	color: #FFFFFF;	
	text-align: center;	
}
#footer #fmiddle a{
	color: #FFFFFF;	
	margin-right: 7px;
	margin-left: 7px;
}

@media all and (min-width: 641px){
	#footer {
		height: 85px;
		text-align: center;	
		display: flex;	
	}
	#footer #fleft{
		width: 200px;
		/* height: 85px; */
		float: left;
		text-align: left;	
		color: #FFFFFF;	
		font-size: 10px;
		padding-top: 10px;
		padding-left: 50px;
	}
	#footer #fleft img{		
		padding-right: 10px;
	}
	#footer #fright{
		width: 200px;
		/* height: 85px; */
		float: right;
		text-align: left;	
		color: #FFFFFF;	
		font-size: 10px;
		padding-top: 10px;
	}
	#footer #fmiddle{
		flex-grow: 1;	
		/* height: 85px; */
		float: left;
		text-align: center;	
		color: #FFFFFF;	
		font-size: 14px;
		padding-top: 20px;
	}
}

#headerbackground {
	height: 88px;
	background-color: #FFFFFF;
}
#maincontentdiv { 
	background-color: #222233; 
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	font-size: 14px;
	min-height: calc( 100vh - 173px );	
} 
#maincontentdiv:after {
    content: "";
}
#maincontentdiv #pagebanner{
	text-align: center;
	padding-top: 10px;	
}
@media all and (min-width: 641px){
		#maincontentdiv:after {
  	  	display: table;
    	clear: both; 
	}
	#maincontentdiv #pagebanner{
		width: 100%; 			
		height: 50px;		
	}
}
#maincontentdiv #searchholder { text-align: right; padding-top: 10px; padding-right: 20px; height: 30px;}
#maincontentdiv #searchholder img { padding-top: 10px;}
#maincontentdiv #searchholder input {padding-top: 0px; width: 300px;}


#maincontentdiv h1{ 
	font-size: 26px;
	font-weight: normal;
	background-image: url("/public/res/img/pagebannerBG.gif");
	background-repeat: repeat;
}
#maincontentdiv h1 span{ 
	padding-top: 0px;
  	padding-left: 10px;
	padding-right: 10px;	
	background-color: #222233; 
}
#maincontentdiv h2{ 
	font-size: 18px;
	font-weight: normal;
}
#maincontentdiv h3{ 
	font-size: 16px;
	font-weight: normal;
}
#maincontentdiv ul{ 
	list-style-image: url('/public/res/img/tickR.png');
}
#maincontentdiv #maincontentbody{	
	padding-left: 6%;
	padding-right: 6%;
}

#maincontentdiv #maincontentbody #leftpane{
	text-align: left;
}
#maincontentdiv #maincontentbody a {
	text-decoration: none;
	color: #FFCCCC;
}
#maincontentdiv #maincontentbody a:hover {
	color: #FF0000;
}
#maincontentdiv #maincontentbody .slide img {	
	width: 95%;
	margin-bottom: 10px;
}
@media all and (min-width: 641px){
	#maincontentdiv h1{ 
		margin-top: 0px;
	  	margin-left: 100px;
		margin-right: 100px; 
	}
	#maincontentdiv h1 span{ 
	  	padding-left: 50px;
		padding-right: 50px; 
	}
	#maincontentdiv #maincontentbody{	
		display: flex;	
	}
	#maincontentdiv #maincontentbody #leftpane{
		width: 48%; 
		float: left;
		display: table-cell;
	}
	#maincontentdiv #maincontentbody #rightpane{
		flex: 1; 
		float: right;
		text-align: left;
		padding-left: 20px;
		display: table-cell;
	}
	#maincontentdiv #maincontentbody img {
		margin: 10px;
		width: 90%;
	}
}

.imageback1 {
	border: 10px solid #3399FF; 
}
.imageback2 {
	border: 10px solid #CCF000;	
}
.imageback3 {
	border: 10px solid #13C7AF;
}
.imageback4 {
	border: 10px solid #FBBD0A;
}
.imageback5 {
	border: 10px solid #ACD57F;
}
.imageback6 {
	border: 10px solid #8B03C3;
}
.imageback7 {
	border: 10px solid #FF3300;
}
.imageback8 {
	border: 10px solid #FF069F;
}
.imageback9 {
	border: 10px solid #4E7DCB;
}
.imageback10 {
	border: 10px solid #4EC4F6;
}
.imageback11 {
	border: 10px solid #57BB89;
}
.imageback12 {
	border: 10px solid #FF8B64;
}
/* STYLES FOR DROPDOWN MENU */
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 260px;
	padding-top: 20px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	text-align: left;	
	filter: alpha(opacity=100);
  	-moz-opacity: 1;
  	opacity: 1;
	zindex: 999;
}

.dropdown-content a {
    color: #FFFFFF;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-top: 1px solid #111111;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #111122}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
/* STYLES FOR DROPDOWN MENU */
@media all and (max-width: 640px){
	.dropdown a{
	    font-size: 24px;
		text-decoration: none; 
	}
	.dropdown-content {    
		padding-left: 0px;    
	}
	.dropdown-content a {
		font-size: 16px;
	}
	.dropdown:hover .dropdown-content {
		margin-left: -200px;
	}
}


#hpCD {
	text-align: center;
}
#lpCD {
	text-align: center;
}
#ppCD {
	text-align: center;
}
.generalinfo {
	padding: 20px 0px 0px 0px;
}
.generalinfo h2 {
	color: #FFFFFF; font-size: 18px; text-align: left;
}
.generalinfo li {
	color: #FFFF00; font-size: 14px; text-align: left; margin-bottom: 10px;
}
.generalinfo a {
	color: #FFFF00; font-size: 14px; text-decoration: none;
}
.applybutton {   
  	padding-left: 20px;
}
.applybutton a{  
	background-color: #FF0000;
	padding: 5px 30px 5px 30px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.applybutton a:hover{  
	color: #FFEEEE;		
}
.job p { margin: 0px; }
.job h2 { margin: 0px; }
.jdp p { margin: 0px; } 

.formtable {  }
.formtable .formrow { }
.formtable .formrow .titlecell { padding-top: 10px; }
.formtable .formrow .datacell { }
.formtable input {padding: 5px; width: 290px;}
.formtable textarea {padding: 5px; width: 290px; height: 80px;}

.submittable { }
.submittable .submitrow { color: #FFFFFF; font-weight: bold;}
.submittable .submitrow .validationcell { line-height: 110%; }
.submittable .submitrow .buttoncell { padding-bottom: 30px;}
.submittable .submitrow .buttoncell input{ width: 120px; align: center; background-color: #FF0000; padding: 5px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 16px;}
#dummyHeightAdjuster { width: 1px; height: 200px;}
.validationWarning { font-size: 12px; color: #FF0000; }
.sbr { background-color: #FF0000; color: #FFFFFF; font-weight: bold; border: 2px solid #999999; border-radius: 25px; padding: 2px 10px;  margin-top: 10px; margin-bottom: 10px; }

@media all and (min-width: 641px){
	.formtable { display: table; }
	.formtable .formrow { display: table-row;}
	.formtable .formrow .titlecell { display: table-cell; width: 120px; padding-top: 10px; vertical-align: top;}
	.formtable .formrow .datacell { display: table-cell;  padding-top: 10px; vertical-align: top;}
	.formtable input {padding: 5px; width: 300px;}
	.formtable textarea {padding: 5px; width: 300px; height: 80px;}
	
	.submittable { display: table; }
	.submittable .submitrow { display: table-row; color: #FFFFFF; font-weight: bold;}
	.submittable .submitrow .validationcell { display: table-cell; min-height: 10px; width: 300px;line-height: 110%; }
	.submittable .submitrow .buttoncell { display: table-cell; width: 140px; padding-bottom: 30px;}
}

#blogcontentdiv { background-color: #222233; width: 100vw; color: #FFFFFF; line-height: 120%; font-size: 14px;  padding-top: 15px;} 
#blogcontentdiv:after { content: "";}
#blogcontentdiv #pagebanner{ width: auto; text-align: center; padding-top: 0px; font-size: 26px; font-weight: normal;background-image: url("/public/res/img/pagebannerBG.gif");background-repeat: repeat;}
#blogcontentdiv #pagebanner span{ padding-top: 0px; padding-left: 10px;padding-right: 10px;background-color: #222233;}

.blogtable { background-color: #222233; width: calc(100vw - 20px); margin-left: auto; margin-right: auto;} 
.blogtable .blogrow { }
.blogtable .blogrow .topic { padding-left: 1%; padding-right: 5%; vertical-align: top; padding-bottom: 10px;}
.blogtable .blogrow .topic img { max-width: 90%;}
.blogtable .blogrow .topic .daterow { color: #FFFFFF; font-size: 14px; display: block; }
.blogtable .blogrow .topic h1 { color: #FFCCCC;; font-size: 20px;  display: block; margin-top: 5px;}
.blogtable .blogrow .topic h1 a { text-decoration: none; color: #FFCCCC;; font-size: 20px;  display: block;}
.blogtable .blogrow .topic h2 { display: inline; font-size: 18px; margin-top: 20px; color: #FFCCCC; }

.blogtable .blogrow .topic h3 { display: inline; font-size: 16px; font-weight: normal;}
.blogtable .blogrow .topic p { margin-top: 10px;}
.blogtable .blogrow .topic .details { color: #FFFFFF; font-size: 16px; display: block; line-height: 160%; text-align: justify; }
.blogtable .blogrow .topic .details a { text-decoration: none; color: #FFEEEE;}
.blogtable .blogrow .topic .keywords { color: #FFDDDD; font-size: 14px; display: block; line-height: 130%; text-align: justify; 
										font-weight: bold; }
.blogtable .blogrow .topic .keywords h2{ font-size: 14px; color: #FFEEEE;}
.blogtable .blogrow .topic .keywords a { text-decoration: none; color: #FFEEEE; font-size: 14px; }
.blogtable .blogrow .topic .sep { border: 1px solid #FF0000; margin-top: 10px;}
.blogtable .blogrow .author { padding-left: 10px; padding-right: 10px; margin-top: 20px; text-align: center;
	display: flex; flex-direction: column; align-items: center;}
.blogtable .blogrow .author .namerow { padding-top: 1px; width: 135px; text-align: left;}
.blogtable .blogrow .author .namerow a { text-decoration: none; color: #FFEEEE; font-size: 18px; line-height: 110%;}

.headshot { background-color: #EEEEEE;  display: flex; justify-content: center; align-items: center; margin: 2px; text-align: center; vertical-align: middle; float: left; 
    border-radius: 5px; border-top: 1px solid #888888; border-left: 1px solid #888888; border-bottom: 2px solid #888888; border-right: 2px solid #888888; 
    cursor: zoom-in;}
.headshot img { margin: auto; display: block;}

@media all and (min-width: 641px){
	#blogcontentdiv:after { display: table; clear: both; } 
	#blogcontentdiv #pagebanner{ height: 50px; margin-top: 0px; margin-left: 100px; margin-right: 100px; } 
	#blogcontentdiv #pagebanner span{ padding-left: 50px; padding-right: 50px; }

	.blogtable { background-color: #222233; display: table; }
	.blogtable .blogrow { display: table-row;}
	.blogtable .blogrow .topic { display: table-cell; min-width: 75%; padding-right: 6%; padding-bottom: 20px; }
	.blogtable .blogrow .topic h1 { font-size: 28px;}
	.blogtable .blogrow .topic h1 a { font-size: 28px;}
	.blogtable .blogrow .author { width: 200px; vertical-align: top; padding-left: 10px; padding-right: 10px; }
}

.forumtopic { border-bottom: 1px solid #FFFFFF; margin-bottom: 20px;}
.forumtopic .ftm { display: table; }
.forumtopic .ftm .ftmrow { display: table-row; }
.forumtopic .ftm .ftmrow .headshotholder{ display: table-cell; width: 80px; text-align: center; vertical-align: middle; }
.forumtopic .ftm .ftmrow .headers{ display: flex; flex-direction: column;}
.forumtopic .ftm .ftmrow .headers .daterow { text-align: left; font-size: 16px; padding: 2px 2px 2px 10px; line-height: 120%; }
.forumtopic .ftm .ftmrow .headers .namerow { text-align: left; font-size: 18px; font-weight: bold; padding: 2px 2px 2px 10px; line-height: 120%; }
.forumtopic .ftm .ftmrow .headers .titlerow { text-align: left; font-size: 18px; font-weight: bold; padding: 2px 2px 2px 10px;  line-height: 120%;}
.forumtopic .ftm .ftmrow .headers .titlerow h2 { font-size: 18px; font-weight: bold; line-height: 120%; margin-bottom: 0px; }
.forumtopic .details { display: block; line-height: 160%; text-align: justify; }
.forumtopic .keywords { line-height: 140%; padding-bottom: 20px; } 
.forumtopic .keywords h4 { font-size: 16px; font-weight: normal; line-height: 120%; display: inline; }
.forumig { border-bottom: 1px solid #FFFFFF; margin-bottom: 20px; }
.forumig .gtitle {}
.forumig .gtitle h3 { font-size: 16px; font-weight: bold; line-height: 120%; margin-bottom: 5px; }
.forumig .numline { font-size: 16px; font-weight: normal; line-height: 120%; margin-bottom: 0px; }
.forumig .numline span { margin-right: 10px; }
.forumig .details { margin: 10px 0px; display: block; line-height: 130%; text-align: justify; }
.forumtopic .social { display: flex; width: 100%; }
.forumtopic .social .socialrow { display: table-row; margin-right: 10px; }
.forumtopic .social .socialrow .ic { display: table-cell; width: 36px; padding-top: 5px;}
.forumtopic .social .socialrow .lc { display: table-cell; padding: 0px; }
.forumtopic .social .socialrow .lc a { margin: 0px; }
 

.heatmap span { margin-right: 5px;}
.heatmap .s10 a {font-size:10px;}
.heatmap .s11 a {font-size:11px;}
.heatmap .s12 a {font-size:12px;}
.heatmap .s13 a {font-size:13px;}
.heatmap .s14 a {font-size:14px;}
.heatmap .s15 a {font-size:15px;}
.heatmap .s16 a {font-size:16px;}
.heatmap .s17 a {font-size:17px;}
.heatmap .s18 a {font-size:18px;}
.heatmap .s19 a {font-size:19px;}
.heatmap .s20 a {font-size:20px;}
.heatmap .s21 a {font-size:21px;}
.heatmap .s22 a {font-size:22px;}
.heatmap .s23 a {font-size:23px;}
.heatmap .s24 a {font-size:24px;}
.heatmap .s25 a {font-size:25px;}
.heatmap .s26 a {font-size:26px;}
.heatmap .s27 a {font-size:27px;}
.heatmap .s28 a {font-size:28px;}
.heatmap .s29 a {font-size:29px;}
.heatmap .s30 a {font-size:30px;}
.heatmap .s31 a {font-size:31px;}
.heatmap .s32 a {font-size:32px;}

#docsshell { display: table; width: 100%; margin-bottom: 10px;}
#docsshell #apilist { display: table-cell; vertical-align: top; width: 20%; padding: 15px; border-right: 2px dashed #FF0000; }
#docsshell #apilist ul {list-style-position: outside; margin-left: -10px;}
#docsshell #apilist ul li { line-height: 130%; margin-bottom: 10px;}
#docsshell #apilist a {text-decoration: none; color: #FFFFFF; }
#docsshell #apidesc { display: table-cell; vertical-align: top; width: 40%; padding: 15px;  border-right: 2px dashed #FF0000;}
#docsshell #apidoc { display: table-cell; vertical-align: top; width: 40%; padding: 15px;}
#docsshell table { width: 100%; color: #FFFFFF; border-spacing: 0px; border-collapse: collapse;}
#docsshell table th { border: 0.5px solid #888888; padding: 5px; line-height: 110%;vertical-align: top;}
#docsshell table td { border: 0.5px solid #888888; padding: 5px;vertical-align: top;}
#docsshell textarea { width: 99%; border: none; resize: vertical; tab-size: 20px; font-size: 14px;}
#docsshell textarea:focus  { border: none; outline: 0;}
#docsshell .tchead{font-size: 16px; }
#docsshell .tcsub{font-size: 12px; padding: 0px 0px 5px 0px; line-height: 110%; }
#docsshell .tcode { background-color: #EEEEEE; color: #000000; line-height: 140%; padding: 10px; border-radius: 10px; white-space: pre-wrap;margin-top: 0px;}
@media all and (max-width: 640px){   
	#docsshell { display: table; width: 90%; margin-left: auto; margin-right: auto;}    
	#docsshell #apilist { display: table-row; padding: 10px; border-bottom: 1px dotted #FFFFFF; }
	#docsshell #apidesc { display: table-row; padding: 10px;  border-bottom: 1px dotted #FFFFFF;}
	#docsshell #apidoc { display: table-row; padding: 10px;}
	.nomobile { display: none;}
}

.thumb1 { width: 36px; height: 36px; }
.thumb2 { width: 52px; height: 52px; }
.thumb3 { width: 68px; height: 68px; }
.thumb4 { width: 100px; height: 100px; }
.thumb5 { width: 132px; height: 132px; }
.thumb6 { width: 196px; height: 196px; }
.thumb7 { width: 260px; height: 260px; }
.thumb8 { width: 388px; height: 388px; }
.thumb9, .thumb0 { width: 520px; height: 520px; }

.thumb5 img, #maincontentdiv #maincontentbody .thumb3 a img, #maincontentdiv #maincontentbody .headshot img,
 .blogrow .author .thumb6 img{
	width: 100%;
  height: 100%;
  object-fit: cover; 
  display: block;
  margin: 0px;
}


.thumb3 a{
	width: 68px; height: 68px;
}

.blogrow .author .headshot img{
	cursor: default;
}

.ftmrow .thumb5{
	cursor: default;
}

.blogrow .author .thumb6 + .namerow {
  width: 100%;
  text-align: left;
}