* {	font-family: Arial, Helvetica, Gotham, "Helvetica Neue", "sans-serif"; font-size: 15px;
	padding: 0;	margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#wrapper { max-width: 1280px; width: 100%; margin:auto; display:block; position:relative; padding-left: 10px; padding-right: 10px; height: 100%; background: #fff; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ }
a { color:#125fa7; }
body { background-color:#fff; line-height:110%;	border-top: solid 0 #eee; color:#33363b; }
body, html { height: 100%; margin: 0; }
.ie6 .wrapper { height: 100%;  }
#wrapper { min-height: 375px; }
#top{ margin: 0 0 0 0; position: relative; }
#toplogo { position: relative; margin-bottom: 0.5em; }
#toplogo .img1 {background-color:#fff; margin-left: 0; min-width: 150px;  height: auto; vertical-align: middle; font-size:0;}
#toplogo .img2 { background-color: #fff; float: right; margin-top: 50px; width: 24px; height: 24px; display: block; margin-right:0.833em; }

#mapcontainer { width: 100%; height: 640px; }
#map { width: 100%; height: 100%; }

#header {padding:0.833em;}
#umbrella { background: #eeeeee; font-size: 0.933em; font-weight: normal; position: absolute; top: 0; right: 0; -webkit-border-radius: 0 0 0.5em 0.5em; -moz-border-radius: 0 0 0.5em 0.5em;  border-radius: 0 0 0.5em 0.5em;  }
#umbrella ul { margin: 0; padding: 0; list-style: none; }
#umbrella li {  float: left; padding: 0.5em 1em 0.833em 0; margin: 0 1em 0 0; border-right: solid 1px #cccccc;  }
#umbrella li.username { float: left; padding: 0.5em 1em 0.833em 0; margin: 0 1em 0 0;}
#umbrella p { margin: 0; }
#umbrella a { color: #666666; text-decoration: none; font-size: 1em; }
#umbrella a:hover { color: #000000; text-decoration: underline; }

#umbrellanolog { position:absolute; top: 0; right: 0px; }
#umbrellanolog ul { padding: 0; list-style:none; }
#umbrellanolog li {  background: #979492; padding: 0.5em 1em 0.5em 1em; float: left; margin: 0 0 0 0; -webkit-border-radius: 0 0 0.5em 0.5em; -moz-border-radius: 0 0 0.5em 0.5em;  border-radius: 0 0 0.5em 0.5em; }
#umbrellanolog li.free { background: #A5A5A5; }
#umbrellanolog li.user { background: #007eed; padding-bottom: 0.833em;} /*#3fc3f4*/
#umbrellanolog p { margin: 0; }
#umbrellanolog a { color: #FFF; text-decoration: none; font-size: 1.067em; font-family: Arial, sans-serif; font-weight: 500; text-align: center; vertical-align: middle;}
#umbrellanolog a:hover { color: #FFF; text-decoration: underline; }

p {	margin-bottom:1.083em; /*font-family: Arial, sans-serif;*/ font-weight: normal;  }

#content{background-color:#ffffff;display:block;padding:0.5em 10px 10px 10px;}
#content h2 {font-size: 1.5em; line-height: 115%; }

#main {margin-bottom:10px; margin-top:0px; font-family: Arial, sans-serif;font-size: 1em; font-weight:500; box-sizing:border-box;}
#main h1 { font-style:normal; color: #474747; font-weight:600;border-bottom:0px solid #a4afc3;display:inline-block;min-width: 75px;margin-bottom:12px; padding-bottom:1px; line-height: 115%;}
#main h1 a{text-decoration:none; line-height: 150%; font-family: inherit; font-size:1.167em; }

#main h1link a {font-family: Arial, sans-serif; font-size:1.6em;font-style:normal; color: #474747; font-weight:600;border-bottom:1px solid #a4afc3;display:inline-block;min-width: 75px;margin-bottom:12px; padding-bottom:1px; line-height: 115%;}

#main h1mod, h1cat {font-size: 1.667em;font-style:normal;font-weight:600;border-bottom:0;display:inline-block;min-width: 75px; margin-bottom:7px;}
#main h1mod a, h1cat a {text-decoration:none; line-height: 110%; font-size: 0.9em; }
#main h1cat {border-bottom: 1px solid #a4afc3;padding-bottom:1px; line-height: 100%;}
#main h1tgt {font-size: 1.667em;font-style:normal;font-weight:600;border-bottom:0;display:inline-block;min-width: 75px; margin-bottom:7px;}

#main h1not {font-size: 1.5em;font-style:normal;font-weight:600;border-bottom:0;display:inline-block;min-width: 75px; margin-bottom:7px; }
#main h1not a {text-decoration:none; line-height: 110%; font-size: 1em; }

/* newsh1, h5, h6, trialh1 was "proxima-nova-n6", "proxima-nova", */
#main newsh1 {font-family: Arial, sans-serif; font-size:20px;font-style:normal;font-weight:600;color:#005ec4;border-bottom:1px solid #a4afc3;display:inline-block;min-width: 175px;margin-bottom:12px;margin-top:6px;}
#main h2{text-align:left;font-size:18px;font-weight:bold;display:block;}
#main h3, h3mod, h3modb {font-size:1.15em; margin-bottom: 4px; line-height: 130%;}
#main h3modb {color:#b00000;}
#main h3modc {color:#125FA7;}

#main h3 a, h3mod a {font-size:1.15em; }
#main h3mod a {font-size:0.95em; }
#main h4{font-family:bebas-neue, Graduate, sans-serif;font-size:24px;color:#000000;font-weight:500;}
#main h4blue{font-family:bebas-neue, Graduate, sans-serif;font-size:24px;color:#005ec4;font-weight:500;text-shadow: 1px 1px #3fc3f4;}
#main h5{font-family: Arial, sans-serif; font-size:16px;font-style:normal;font-weight:600;margin-bottom:2px;display:block;text-align:center;line-height:20px; padding:0;clear:both;max-width:880px;color:#125fa7;position:inherit;margin: -16px 0 0 24px;background-color:#FFC;}
#main h6{font-family: Arial, sans-serif; font-size:14px;font-style:normal;font-weight:600;display:block;margin-bottom:4px;text-align:center;line-height:18px; padding:0;clear:both;max-width:880px;color:#125fa7;position:inherit;margin: -12px 0 0 24px;background-color:#FFC;}
#main trialh1 {font-family: Arial, sans-serif; font-size:20px;font-style:normal;font-weight:600;color:#005ec4;border-bottom:1px solid #a4afc3;display:inline-block;min-width: 175px;margin-bottom:12px;line-height:110%;}
#main trialp1 {font-family: Arial, sans-serif; font-size:14px;font-style:normal;font-weight:400;color:#000000;display:inline-block;min-width: 175px;margin-bottom:12px;margin-top:6px; line-height:110%;max-width:880px}
.boxed { border: 1px solid #666666; }
#main video {border: thick #F00;}
#main h7{font-family: Arial, sans-serif; font-size:14px;font-style:normal;font-weight:600;margin-bottom:0;text-align:left;line-height:18px; padding: 4px 10px 4px 10px;clear:both;color:#000;position:inherit;margin: 0;background-color:#eeeeee;}

smallprint{font-size:0.833em;}
p1{font-size:1.3333em; line-height: 115%;}
p2{font-size:1.1667em; line-height: 115%;}
p2 a { text-decoration: none; }

#sidebar{background-color:#ffffff;width:174px;float:right; margin: 1.8em 0px 0.833em 1em;}
#sidebar h3{width:174px; display:block;padding-top:2px;padding-left:3px;text-align:left;font-family:bebas-neue;font-size:1.467em;font-weight:300;color:#000000;padding-bottom:0;line-height:90%;}
#sidebar i{text-align:right;display:block;}
#sidebar ul{margin: 5px 0px 0.833em 20px;}
#sidebar .title{display:block;margin-top:2px;}
#sidebar p {padding:2px;margin-bottom:0.15em;font-size: 0.867em; line-height:105%; text-align:justify;}
#sidebar p a.inline {font-size:1em; padding-bottom: 12px;}
#sidebar a {font-size:1em;}
p3{font-size:0.9167em; }

#sidebar .SBbutton a {font-size: 1.25em;}
#sidebar .SBbutton a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }

#sidebar_acc {background-color:#ffffff;width:22%;float:right; margin: 1.8em 0px 0.833em 1em;}
#sidebar_acc h3{width:174px; display:block;padding-top:2px;padding-left:3px;text-align:left;font-family:bebas-neue;font-size:1.467em;font-weight:300;color:#000000;padding-bottom:0;line-height:90%;}
#sidebar_acc i{text-align:right;display:block;}
#sidebar_acc ul{margin: 5px 0px 0.833em 20px;}
#sidebar_acc .title{display:block;margin-top:2px;}
#sidebar_acc p {padding:4px 2px 2px 0px;margin-bottom:0.15em;font-size: 1em; line-height:105%; text-align:justify;}
#sidebar_acc p a.inline {font-size:1em; padding-bottom: 12px;}
#sidebar_acc a {font-size:1em;}

.SBbutton a {font-size: 1.25em; border: 1px solid; border-color: #666666; background-color:#3fc3f4;padding:5px 5px; color:#eee; text-decoration:none; display:block; width:140px; text-align:center; margin:4px 0 0 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:700; font-family: "proxima-nova-n6", "proxima-nova", Arial; }
.SBbutton a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }
/*.SBbutton a:active {position:relative; top:1px;}*/

.SBbuttonsub a { border: 1px solid; border-color: #666666; background-color:#4064b8; padding:5px 5px; color:#eee; text-decoration:none; display:block; width:140px; text-align:center; margin:4px 0 0 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 18px; font-weight:700; font-family: "proxima-nova-n6", "proxima-nova", Arial; }
.SBbuttonsub a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }
.SBbuttonsub a:active {position:relative; top:1px;}

#mygis_sidebar{background-color:#ffffff;width:174px;float:right; margin: 120px 0px 10px 790px;font-size:11px;position:absolute;z-index:1000; }
#mygis_sidebar p{padding:2px;margin-bottom:6px;}
#mygis_sidebar h3{width:174px; display:block;padding-top:2px;padding-left:3px;text-align:left;font-family:bebas-neue;font-size:22px;font-weight:300;color:#000000;padding-bottom:0;line-height:90%;}
#mygis_sidebar i{text-align:right;display:block;}
#mygis_sidebar ul{margin: 5px 0px 10px 20px;}
#mygis_sidebar .title{display:block;margin-top:2px;}
#mygis_footer {padding:2px;margin-bottom:6px; display:none;}

@media only screen and (max-width: 1280px) {
	#sidebar {display: none;}
	#sidebar_acc {display: none;}
	#mygis_sidebar {display: none;}
	#mygis_footer {display: block;}
}

/* .vid for inline video elements: does not affect course videos*/
.vid-border {
	margin: 0;
	border: 10px outset #ddd;
	width: 570px;
	height: 492px;
}

.vid-responsive {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;		
}

table, tbody {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



.lead{margin-bottom:20px;font-size:1.3333em;font-weight:200;line-height:1.4;}
cp2{font-family: Arial, sans-serif;font-size:1.083em;margin-left:1.667em; font-weight:bold;}
cp3{font-family: Arial, sans-serif;font-size:1em;margin-left:0.833em;}
form ul{list-style-type:none;}

prefs{font-family: Arial, sans-serif; font-size: 1em; color:#666666; font-style:italic;}

#nav{background:url(/images/nav2.png) no-repeat;display:block;height:20.5em; }
#nav ul{list-style-type:none;padding:1.333em 0px 0px 0.167em;}
#nav ul li{float:left;}
#nav ul li a{background:url(/images/navright.png) right no-repeat;text-decoration:none;font-family:bebas-neue, Arial, sans-serif;font-size:24px;color:#666666;padding:4px 0.833em 3px 0.833em;display:block;}
#nav ul li a:hover {color:#3fc3f4;}

#subnav {display:block;height:24px;padding-left:13px;font-size:11px;padding-top:17px;}
#subnav a{font-size:11px;color:#125fa7;text-decoration:none;}
#newsubnav{display:inline-block;height:14px;padding-left:18px;font-size:11px;padding-top:4px; padding-bottom:4px;}
#newsubnav a{font-size:11px;color:#125fa7;text-decoration:none;}

.banner{width:954px;height:137px;display:block;}

#logos_sidebar{background-color:#eee;width:174px;float:right; margin: 120px 0px 10px 790px;font-size:11px;position:absolute;z-index:1000;padding: 5px; }
#logos_sidebar p{padding:2px;margin-bottom:6px;}
#logos_sidebar h3{width:174px; display:block;padding-top:2px;padding-left:3px;text-align:left;font-family:bebas-neue;font-size:22px;font-weight:300;color:#000000;padding-bottom:0;line-height:90%;}
#logos_sidebar i{text-align:right;display:block;}
#logos_sidebar ul{margin: 5px 0px 10px 20px;}
#logos_sidebar .title{display:block;margin-top:2px;}

a.timing:link {text-decoration:none;font-family: Arial, Helvetica, Gotham, "Helvetica Neue", "sans-serif";font-size:22px;font-weight:500;margin: 10px 0 0 0;display:inline-block;color:#125fa7;line-height: 1.25em;}
a.timing:hover {text-decoration:underline;}
a.timing:visited {text-decoration:none;font-family: Arial, Helvetica, Gotham, "Helvetica Neue", "sans-serif";font-size:22px;font-weight:500;margin: 10px 0 0 0;display:inline-block;color:#125fa7;}

/*a.h1link:link {color:#000;text-decoration:none;font-family: "proxima-nova-n6", "proxima-nova", Arial; font-size:22px;font-style:normal;font-weight:600;border-bottom:1px solid #a4afc3;display:inline-block;min-width: 75px;margin-bottom:12px; }*/
a.h1link:link {color:#000;text-decoration:none;font-family:"proxima-nova-n6", "proxima-nova", Arial, sans-serif; font-size:22px;font-style:normal;font-weight:600;border-bottom:1px solid #a4afc3;display:inline-block;margin-bottom:12px;}
a.h1link:visited {color:#000;text-decoration:none;font-family:"proxima-nova-n6", "proxima-nova", Arial, sans-serif; font-size:22px;font-style:normal;font-weight:600;border-bottom:1px solid #a4afc3;display:inline-block;margin-bottom:12px;}
a.h4link:link {color:#000;text-decoration:none;font-family: Arial, Helvetica, Gotham, "Helvetica Neue", "sans-serif";font-size:24px;font-style:normal;font-weight:600;display:inline-block;}
a.h4link:hover {text-decoration:underline;color:#000000;}
a.h4link:visited {color:#000;}

timingbox {
	position:relative;
	width: 360px;
	font-size: 14px;
	font-style:normal;
	font-family: Arial, sans-serif;
	font-weight:600;
	padding: 14px 10px 10px;
	padding-bottom: 0;
	border-top: 1px solid #979492;
	border-bottom: 1px solid #979492;
	border-left: 1px solid #979492;
	border-right: 1px solid #979492;
	text-align:right;
	color: black;
	background-color:#eeeeee;
	float: right;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; }



#tabs{float:left;max-width:764px;font-style:normal;}

/*#tabs li {font-size:13px;} /*font-style:normal;font-weight:400;color:#0}*/
/*#tabs li a:hover {color:#3fc3f4;}
#tabs li a:focus {color:#000;}*/
.main_left{float:left;width: 340px;}
.main_right{float:left;width: 340px;margin-left:36px;}
.main_left h3,.main_right h3{margin:10px 0px 5px 0px;}
h3.unheaded{margin-top:20px;}
.course-listing{margin-left:10px;line-height:150%; text-align: justify;}
#main .main_left h1, #main .main_right h1,.main_left h1, .main_right h1{font-size:15px;font-weight:bold;border-bottom:1px dashed #a4afc3;display:inline-block;min-width: 225px;margin-top:15px;}
.main_left ul, .main_right ul{margin: 5px 0px 10px 20px; }
#footer{display:block;height:19px;font-size:11px;padding:5px 5px 25px; margin-top: 40px;}
#footer a{color:#125fa7;text-decoration:none;}
#power{font-size:10px;padding:5px;text-align:center;}

#footerlogo .img3 {background-color:#fff;float:left;margin-top:5px; max-width: 100px; height:auto; display:block; margin-left:0.833em;}
@media only screen and (max-width: 800px) {
	#footerlogo {margin-top: 20px;}
}

/* accordion for course details 12/03/2019 */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  border: 0;
  /*border-bottom: 2px red;*/
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	font-weight: 600;
}

button[class^='accordion-'] { background-color: #D7D7D7; color: #444; cursor: pointer; padding: 8px; width: 100%; border: 0; text-align: left; outline: none; transition: 0.4s; font-weight: 600; }
button[class^='accordion-']:hover { background-color: #D7D7D7; }
button[class^='accordion-'].active { color: white; }
button[class^='accordion-'] h0 { font-size: 1em; }
/*button[class^='accordion-'] h0:after { content: '\02795'; font-size: 13px; color: #777; float: right; margin-left: 5px; }*/
button[class^='accordion-'] h0:after { content: url(/images/home/Heavy-Plus-Sign15px.png); float:right; padding-top: 3px;}
button[class^='accordion-'].active h0:after { content: "\2212"; color: white; font-size: 13px; }

.accordion-1.active, .accordion-1.active:hover { background-color: #3fc3f4; }
.accordion-2.active, .accordion-2.active:hover { background-color: #01ae9a; }
.accordion-3.active, .accordion-3.active:hover { background-color: #fdbd3b; }
.accordion-4.active, .accordion-4.active:hover { background-color: #f25d23; }
.accordion-5.active, .accordion-5.active:hover { background-color: #ba3e96; }
.accordion-6.active, .accordion-6.active:hover { background-color: #0154a5; }
.accordion-7.active, .accordion-7.active:hover { background-color: #3fc3f4; }
.accordion-8.active, .accordion-8.active:hover { background-color: #01ae9a; }
.accordion-9.active, .accordion-9.active:hover { background-color: #0154a5; }

button[class^='accordion-'].active h1:after { content: "\2212"; color: white; }
button[class^='accordion-'].active h1 { color: white !important; }
.active, .accordion:hover { background-color: #ccc; }
/*.accordion.active { background-color: red !important; color: white; }*/

.panel, .panelP, .panelG { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.panel, .panelP, .panelG { padding: 0px 8px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panelG { min-width: 500px !important; border-top: 1px solid #D7D7D7;}
.panel p1, .panelP p1, .panelG p1 { font-size: 1em !important; color: black !important; width: 100%; border: 0px !important; text-align: center; }
.panel p, .panel2 p, .panelP p, .panelG p { padding: 8px 6px 0px;}
.panel2 { padding: 0px 8px; background-color: #C8ECFB; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
}

/* definition for new style user list, 2014/03/19 */
.cmgtbox{background:#fff;width:680px;border:1px solid #979492;font-size:13px;clear:both;margin-bottom:15px;margin-top:15px;	-webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; }
.cmgtbox p{padding:5px 10px;margin-bottom:6px;}
.cmgtbox h3{padding:5px 10px;font-size:16px;}
.cmgtbox li{padding-left:24px; margin-bottom:2px;}
.cmgtbox h1{padding-left:0; margin-left:14px; font-size:14px; font-weight:bold; margin-bottom:6px;padding-bottom:4px; border-bottom:1px dashed #979492;display:inline-block;min-width: 300px; }
div.cmgtbox table {font-size:14px;}
div.cmgtbox td {padding-left:40px;}
div.cmgtbox th {padding-left:40px;font-weight:bold;border:0;text-align:left;}
div.cmgtbox form select { margin-left:20px}
div.cmgtbox form label { float:left; margin-left:20px}

table.homepage{ background: #fff;}
table.homepage td {width: auto; padding: 6px 30px 10px 14px; text-align:center; vertical-align: top; }
div.software { background: #fff; border-bottom:0 solid #CCC; display: inline-block; padding-bottom: 1px; }

table.homepagelicences{ background: #fff; border-collapse: separate;}
table.homepagelicences td { font-family: bebas-neue; width: 330px; padding: 6px 30px 10px 14px; text-align:center; vertical-align: top; background: #DDD; border-spacing: 5px 20px; }


/* Styles for Licence Grid */
.product-grid{
  list-style: none;
  margin: 0;
  color: #666666;
 }
.product-grid li{
  width: 177px;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  }
.product-grid .last-in-row{ margin-right: 0; }

.generated-height .product-grid-item{
  width: 177px;
  position: absolute;
  bottom: 0;
  }

.product-grid img{
  display: block;
  margin: 0 auto;
  }

.product-grid a{
  text-decoration: none;
  display: block;
  color: #666666;
  font-weight:500;
  font-size: 24px;
  font-family: bebas-neue, Arial, sans-serif;
  }
 
.product-grid .last-in-row a, .product-grid .last-in-row-free a {
  text-decoration: none;
  display: block;
  color: #000;
  font-weight:500;
  font-size: 24px;
  font-family: bebas-neue, Arial, sans-serif;
  }	
	
.product-grid a:hover{
  color: #3fc3f4;
  }

.product-grid .last-in-row-free a:hover {
  color: #fff;
  }
   
.product-grid .product-link{
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  margin: 0;
  min-height: 50px;
  /* for ie6: */
  width: 100%;
  }

.product-photo{
  max-width: 177px;
  }
  
.ie6 .product-grid{ overflow: hidden; }

.product-information{
  padding: 10px;
  position: relative;
  background: #f6f6f6;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  }
  
.product-information h3{

  font-weight: normal;
  font-size: 24px;
  font-family: bebas-neue, Arial, sans-serif;
  margin: 5px 0 10px 0;
  }
  
.product-information p{
  line-height: 1.4em;
  margin: 0 0 .75em 0;
  }

.product-price{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
  padding: 4px 8px;
  text-align: right;
  font-weight: bold;
  color: #333333;
  filter: alpha(opacity=85); /* internet explorer */
  -moz-opacity: 0.85;       /* mozilla, netscape */
  opacity: 0.85;           /* fx, safari, opera */
  background: #ffffff;
  -webkit-border-radius: 4px 0 0 0;
  -moz-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  }
  
.product-information{
  padding: 10px;
  position: relative;
  background: #f6f6f6;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  }
  
.product-information-last{
  padding: 10px;
  position: relative;
  background: #F8F4AD;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  }

.product-information-free{
  padding: 10px;
  position: relative;
  background: #3fc3f4;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  margin-left: 10px;
  }
  
.product-information h3, .product-information-last h3, .product-information-free h3{
	color: #474747;
	text-decoration: none;
	font-size:16px;
	font-family: bebas-neue, Arial, sans-serif;
	margin: 5px 0 10px 0;
  }
  
.product-information p, .product-information-last p{
  line-height: 1.4em;
  margin: 0 0 .75em 0;
  }
  
#featured-grid .product-price.sale, .sale {
  background-color: #444444;
  color: #ffffff;
  }

#featured-grid li{
  width: 230px;
  background: #f6f6f6;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  display: inline-block;
  }
  
#featured-grid .product-photo{
  max-width: 240px;
  }
  
#featured-grid .product-price{
  top: -30px;
  right: 0;
  bottom: auto;
  padding: 3px 8px;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  }
  
table.userbox {background:#fff;width:680px;border:1px solid #979492; margin-top:0px;border-collapse:separate;border-spacing:10px 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-bottom:15px; padding-top:10px;padding-bottom:6px;}
table.userbox td {vertical-align:middle; }
table.userbox td.c1 { width: 5%; padding: 0 0 0 12px; }
table.userbox td.c2 { width: 5%; padding: 0; }
table.userbox td.c3 { width: 60%; padding: 0 ; }
table.userbox td.c4 { width: 6%; padding: 0 ; } 
table.userbox td.c5 { width: 6%; padding: 0 ; }
table.userbox td.c6 { width: 6%; padding: 0 12px 0 0; }
table.userbox td.c7 { width: 6%; padding: 0 ; }
table.userbox td.c8 { width: 6%; padding: 0 ; }

table.userboxnew {background:#fff;width:1080px;border:1px solid #979492; margin-top:0px;border-collapse:separate;border-spacing:10px 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-bottom:15px; padding-top:10px;padding-bottom:6px;}
table.userboxnew td {vertical-align:middle; }
table.userboxnew td.c1 { width: 5%; padding: 0; }
table.userboxnew td.c2, td.c3, td.c4 { width: 23%; padding: 0; }
table.userboxnew td.c3 {font-size: 12px; }
table.userboxnew td.c5, td.c6 { width: 15%; padding: 0; }
table.userboxnew td.c7 { width: 10%; padding: 0; text-align: right; }


table.userbox td.cm { width: 33%; padding: 0; vertical-align:middle; text-align:center;  }
table.userbox td.um { width: 15%; padding: 0; vertical-align:middle; text-align:center;  }
table.userbox a, table.userboxnew a {font-size:13px;}
table.userbox img:active {	position:relative; top:1px;}
table.userbox img.cmp { padding: 0 34px 0 40px;}
table.userbox img.cmp2 { padding: 0 34px 0 0;}
table.userbox .btntag, table.userboxnew .btntag {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	height:17px;
	line-height:17px;
	min-width: 80px;
	padding: 0 4px 0 4px;
	text-decoration:none;
	text-align:center;
}
table.userbox .btntag:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	border:1px solid #3fc3f4;
}
table.userbox .btntag:active {
	position:relative;
	top:1px;
}

table.usercoursebox {background:#fff;width:680px;border:1px solid #979492; margin-top:0px;border-collapse:separate;border-spacing:10px 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-bottom:15px; padding-top:10px;padding-bottom:6px;}
table.usercoursebox td {vertical-align:middle; text-align: center; }
table.usercoursebox td.c1 { width: 35%; padding: 0 0 0 12px; text-align: left;}
table.usercoursebox td.c2 { width: 17%; padding: 0; }
table.usercoursebox td.c3 { width: 16%; padding: 0 ; }
table.usercoursebox td.c4 { width: 16%; padding: 0 ; } 
table.usercoursebox td.c5 { width: 16%; padding: 0 ; }

table.userboxglobal{background:#fff;width:680px;border:1px solid #979492; margin-top:0px;border-collapse:separate;border-spacing:10px 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-bottom:15px; padding-top:10px;padding-bottom:6px;}
table.userboxglobal td {vertical-align:middle; }
table.userboxglobal td.c1 { width: 5%; padding: 0 0 0 12px; }
table.userboxglobal td.c2 { width: 7%; padding: 0; }
table.userboxglobal td.c2b { width: 5%; padding: 0; }
table.userboxglobal td.c3 { width: 53%; padding: 0 ; }
table.userboxglobal td.c4 { width: 6%; padding: 0 ; } 
table.userboxglobal td.c5 { width: 6%; padding: 0 ; }
table.userboxglobal td.c6 { width: 6%; padding: 0 12px 0 0; }
table.userboxglobal td.c7 { width: 6%; padding: 0 ; }
table.userboxglobal td.c8 { width: 6%; padding: 0 ; }
table.userboxglobal td.cm { width: 33%; padding: 0; vertical-align:middle; text-align:center;  }
table.userboxglobal td.um { width: 15%; padding: 0; vertical-align:middle; text-align:center;  }
table.userboxglobal a{font-size:13px;}
table.userboxglobal p9{color:green;}
table.userboxglobal img:active {	position:relative; top:1px;}
table.userboxglobal img.cmp { padding: 0 34px 0 40px;}
table.userboxglobal img.cmp2 { padding: 0 34px 0 0;}
table.userboxglobal .btntag {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	height:17px;
	line-height:17px;
	min-width: 80px;
	padding: 0 4px 0 4px;
	text-decoration:none;
	text-align:center;
}
table.userboxglobal .btntag:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
	border:1px solid #3fc3f4;
}
table.userboxglobal .btntag:active {
	position:relative;
	top:1px;
}

table.userboxglobal .sf {filter: grayscale(100%);}

table.userboxcheck{background:#fff;width:780px;border:1px solid #979492; margin-top:0px;border-collapse:separate;border-spacing:10px 2px; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; margin-bottom:15px; padding-top:10px;padding-bottom:6px;}
table.userboxcheck td {vertical-align:middle; }
table.userboxcheck td.c1 { width: 10%; padding: 0 0 0 12px; }
table.userboxcheck td.c2 { width: 7%; padding: 0; }
table.userboxcheck td.c2b { width: 5%; padding: 0; }
table.userboxcheck td.c3 { width: 53%; padding: 0 ; }
table.userboxcheck td.c4 { width: 6%; padding: 0 ; } 
table.userboxcheck td.c5 { width: 6%; padding: 0 ; }
table.userboxcheck td.c6 { width: 6%; padding: 0 12px 0 0; }

table.userboxcheck td.cm { width: 33%; padding: 0; vertical-align:middle; text-align:center;  }
table.userboxcheck td.um { width: 15%; padding: 0; vertical-align:middle; text-align:center;  }
table.userboxcheck a{font-size:13px;}
table.userboxcheck img:active {	position:relative; top:1px;}
table.userboxcheck img.cmp { padding: 0 34px 0 40px;}
table.userboxcheck img.cmp2 { padding: 0 34px 0 0;}

userboxkey { width: 290px; font-size: 100%; font-style:normal; margin-left: 695px; font-family: Arial, sans-serif; padding:10px; border-top: 1px solid #979492; 	border-bottom: 1px solid #979492; border-left: 1px solid #979492; border-right: 1px solid #979492; text-align:left; color: black; background-color: white; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px;
	position:fixed;z-index:1000; }
userboxkey img {vertical-align:middle; padding: 0 5px 0 0; width:20px; height:20px;}
userboxkey p {alignment-adjust:auto; font-family: Arial, sans-serif; font-size:1em; padding-bottom:1px;}
userboxkey a {font-size: 0.8em;}
userboxkey k1 { font-family: Arial, sans-serif; font-size:15px; margin:0 0 0 3px; font-weight:bold; border-bottom: 1px dashed #979492;}

certgradebox { width: 190px; height: auto; font-size: 100%; font-style:normal; margin-left: 695px; font-family: Arial, sans-serif; padding:14px 10px 0px; border-top: 1px solid #979492; border-bottom: 1px solid #979492;	border-left: 1px solid #979492;	border-right: 1px solid #979492; text-align:center; color: black; background-color: #3fcaf4; -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; position:fixed; z-index:1000; }
certgradebox p {alignment-adjust:auto; font-family: Arial, sans-serif; font-size:1em; padding-bottom:1px;}
certgradebox k1 { font-family: Arial, sans-serif; font-size:16px; margin:0 0 0 3px; font-weight:bold; border-bottom: 1px dashed #979492;}

updatebox {
	float: right;
	width: 210px;
	font-size: 100%;
	font-style:normal;
	font-family: Arial, sans-serif;
	font-weight:600;
	padding: 10px;
	border-top: 1px solid #979492;
	border-bottom: 1px solid #979492;
	border-left: 1px solid #979492;
	border-right: 1px solid #979492;
	text-align:right;
	color: black;
	background-color:#eeeeee;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px;
 }
updatebox a:link {	font-size: 100%;
	font-style:normal;
	font-family: Arial, sans-serif;
	font-weight:bold;	color:#125fa7;
	text-decoration:none;
}
@media only screen and (max-width: 800px) {
	updatebox {display: none;}
}


table.groupbox{background:#fff;width:680px;border:0; margin-top:0px;border-collapse:separate;border-spacing:2px 2px; margin-bottom:5px; padding:6px;}
table.groupbox td.M {vertical-align:middle; padding-left:0; text-align:center; }
table.groupbox td.L {vertical-align:left; padding-left:0; text-align:left;}
table.groupbox th.L {vertical-align:left; padding-left:0; text-align:left;}
table.groupbox th.M {vertical-align:middle; padding-left:0; text-align:center;}

.cbox,.cbox2{background:#edf1f4;width:466px;border:1px solid #1b4657;float:left;font-size:11px;}
.cbox{margin:30px 10px 10px 0px;}
.cbox2{margin:30px 0px 10px 10px;}
.cbox h3,.cbox2 h3{background:url(/images/boxtop.png) repeat-x; width:466px; height:22px;display:block;padding-top:3px;text-align:center;font-size:13px;}
.cbox p,.cbox2 p{padding:5px;margin-bottom:6px;}

.fbox{background:#fff;width:100%;border:0px solid #1b4657;clear:both;margin-bottom:15px;margin-top:10px;min-height: 300px;}
/*.fbox{background:#edf1f4;width:1200px;border:1px solid #1b4657;font-size:11px;clear:both;margin-bottom:15px;margin-top:30px;}*/
.fbox h3 {width:1200px; height:22px;display:block;padding-top:3px;text-align:left; margin-bottom:15px !important;}

#main .fbox h3 { font-size: 1.35em;}

.fbox h4,.ibox h4, .mygisbox h4{margin: 10px 10px 0px 10px;font-size:11px;}
.fbox h5{width:100%; height:22px;display:block;padding-top:3px;text-align:left;font-size:13px;}
.fbox p,.ibox p,.mygisbox p{padding:5px 10px;margin-bottom:6px;}
.fbox ul,.ibox ul,.mygisbox ul{margin: 5px 0px 10px 20px;}
.fbox a { font-size:1.1em; text-decoration: underline; font-weight: normal; line-height: 120%;}
.fbox span,.ibox span, .mygisbox span{margin:10px;display:block;float:left;}
.ibox{background:#edf1f4;width:771px;border:1px solid #1b4657;font-size:11px;margin:10px 10px 10px 4px;}
.ibox h3, .mygisbox h3{background:url(/images/boxtop.png) repeat-x; width:771px; height:22px;display:block;padding-top:3px;text-align:center;font-size:13px;}
.fbox h4.progress,.ibox h4.progress, .mygisbox h4.progress{font-size:13px;margin-top:15px;}
.fbox h5,.ibox h5, .mygisbox h5{font-size:12px;margin:5px 40px;}
.fbox h6,.ibox h6, .mygisbox h6{font-size:11px;margin:9px 50px;}

.mygisbox{background:#FFF;max-width:100%;border:1px solid rgba(132, 132, 132, .75);font-size:11px;margin:10px 10px 10px 0;}
.mygisbox h7{font-size:14px; margin: 5px 10px; font-weight:bold;}
.mygisbox h8{font-size:13px; margin: 5px 20px; font-weight:bold;}
.mygisbox li{margin:0 0 3px 35px;}
img{border:0;}
img.banner{margin:0px auto 10px auto;display:block;}
img.social{border:0; margin-right:6px;}
.pad_sidebar{margin-left:0px;}

.fright{float:right;}
.fright a {font-size: 0.8em;}

.clear{clear:both;}
input, select{display:block;}
input[type=checkbox],input[type=radio]{display:inline;}
input[type=text],input[type=password],input[type=file], select{margin: 2px 0px;padding:1px;background:#f5fdff;border:1px solid;width:300px;}
input[type=submit]{padding: 0px 10px;display:inline;}
input:focus{background:#ffffff;}
textarea{display:block;margin: 2px 0px;border:1px solid;background:#f5fdff;width:500px;height:200px;font-size:1em; padding: 4px;}
.error{color:#ff0000;}
.unlicensed,.sender-them,#subnav .unlicensed a{color:#b00000;}
h3 .unlogged a{color:#0000EE;}
.licensed,.sender-me,#subnav .licensed a{color:#00b000;}
#sidebar ul.assets, ul.assets{list-style-type:none;margin-left:10px;}
ul.assets li{margin-bottom:5px;}
a.asset-x-shockwave-flash{padding: 5px 0px 5px 20px;background:url(/images/icon_film.gif) no-repeat center left;}
a.asset-pdf{padding: 5px 0px 5px 20px;background:url(/images/icon_pdf.gif) no-repeat center left;}
a.asset-vnd-ms-powerpoint{padding: 5px 0px 5px 20px;background:url(/images/icon_pps.gif) no-repeat center left;}
a.asset-x-zip-compressed{padding: 5px 0px 5px 20px;background:url(/images/icon_archive.gif) no-repeat center left;}
span.pips{margin-top:5px;width:50px;}
h6 span.pips{width:10px;}
p.pad_pips{margin-left:70px;}
div.moduleinfo{margin-left:10px;}
div.pad_pips{margin-left:80px;}
.moduleinfo p{font-style:italic;padding:2px 20px;}
.moduleinfo ul{margin-bottom:15px;}
span.expand{width:16px;height:16px;background:url(/images/expand.gif);text-indent:-999999px;display:inline-block;float:none;margin:0px; }
span.open{background:url(/images/contract.gif);}

.asset { font-size: 1em; line-height:125%; }
.assetbox li {float:left; margin-right: 15px; list-style-type: none;} 
.assetbox ul.htm, .assetbox ul.pf { float:left; margin-left:25px; }
.assetbox ul.pf a { background-image: none;}
.assetbox li img, .assetbox ul img { border: 1px solid #969696; }
.assetbox ul.pf img { padding: 4px; }

.formlink{font-weight:bold;text-decoration:underline;cursor:pointer;}
#chat-messages{height:400px;overflow:scroll;border:1px dashed #000000;padding:5px;}
#chat-input{margin-top:5px;}
#chat-input input[type=text]{width:700px;}
.fbox table{width:100%;margin:5px;}
.fbox th{text-align:left;font-size:13px;}
#subnav .fright{margin-right:10px;}
.fbox input{display:inline;}
.fbox form{padding:5px;}
.fbox form input[type=text]{margin: 2px 0px;padding:1px;background:#f5fdff;border:1px solid;width:50px;}
.cbox td,.cbox th,.cbox2 td,.cbox2 th{padding:0px 3px;}
.cbox form{padding:5px;}
ol{margin-left:30px;}
.quotediv{background-color:#f0f0f0;padding:5px;border:1px solid #d0d0d0;width:350px;}
.fbox td span{float:none;display:inline-block;}
.assets td{vertical-align:top;  }
.cbox h2{text-align:center;}
table.mygis { width: 760px; margin:0; text-align:justify; text-justify:inter-word; }
table.mygis td.c1 { width: 50%; padding: 0 8px 0 0; }
table.mygis td.c2 { width: 50%; padding: 0 0 0 8px; }
table.myprofile { width: 760px; margin:0; text-align:left; }
table.myprofile td.c1 { width: 17%; padding: 2px 8px 2px 0; }
table.myprofile td.c2 { width: 83%; padding: 0 0 0 8px; }
table.myprofile img {padding: 1px; border: 1px solid #3fc3f4; background-color: #FFF;}
table.myprofile td[rowspan] {vertical-align:top; text-align:left;}
table.myprofile td {
	font-size: 15px;
	color: #666666;
	font-weight: normal;
	margin: 0.4em 0 1em;
}

table.myprofilex { width: 760px; margin:0; text-align:left; }
table.myprofilex td.c1 { width: 17%; padding: 0 8px 0 0; }
table.myprofilex td.c2 { width: 42%; padding: 0 0 0 2px; }
table.myprofilex td.c3 { width: 41%; padding: 0 0 0 2px; }
table.myprofilex td.c3a { width: 41%; padding: 4px 0 0 2px ; }
table.myprofilex img {padding: 1px; border: 1px solid #3fc3f4; background-color: #FFF; margin-bottom:20px; z-index:-1}
table.myprofilex td[rowspan] {vertical-align:top; text-align:left;}

table.myassess { width: 680px; margin:0; text-align:justify; text-justify:inter-word; }
table.myassess td.c1 { width: 50%; padding: 0 0 5px 0; }
table.myassess td.c2 { width: 40%; padding: 0 0 5px 0; }
table.myassess td.c3 { width: 10%; padding: 0 0 5px 0; vertical-align:middle; }

#tblsoftware { -webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; border: 1px solid #979492; width: 760px; height: 70px; }
table.software { max-width: 760px; height: 70px; margin:2px; text-align:center; border-spacing:0; white-space:normal; vertical-align:middle;}
table.software td.c1 { width: 20%; padding: 0 ; display:table-cell; vertical-align:middle;}
table.software td.c2 { width: 20%; padding: 0 ; display:table-cell; vertical-align:middle;}
table.software td.c3 { width: 20%; padding: 0 ; display:table-cell; vertical-align:middle;}
table.software td.c4 { width: 20%; padding: 0 ; display:table-cell;vertical-align:middle;}
table.software img {padding: 1px; border: 0; background-color: #FFF; margin-bottom:1px; z-index:-1}
/*table.software td[rowspan] {vertical-align:top; text-align:left;}*/

@media only screen and (max-width: 800px) {
	#tblsoftware {display: none;}
}

table.userreport { width: 960px; height: 70px; margin:2px; text-align:left; border-spacing:0; white-space:normal; vertical-align:middle;}
table.userreport td.c1 { width: 19%; padding: 0 0 0 0; display:table-cell;}
table.userreport td.c2 { width: 21%; padding: 0 0 0 2px; }
table.userreport td.c3 { width: 43%; padding: 0 0 0 2px; }
table.userreport td.c4 { width: 17%; padding: 0 0 2px 0; }
table.userreport img {padding: 1px; border: 0; background-color: #FFF; margin-bottom:1px; z-index:-1}
table.userreport td[rowspan] {vertical-align:top; text-align:left;}

/* Style for search results table */
table.searchres { width: 100%; margin:0; text-align:left; }
table.searchres td.c1 { width: 20%; padding: 0 8px 0 0; }
table.searchres td.c2 { width: 80%; padding: 0 0 0 2px; }
table.searchres img {padding: 1px; border: 1px solid #3fc3f4; background-color: #FFF; margin-bottom:20px; z-index:-1}
table.searchres td[rowspan] {vertical-align:top; text-align:left;}
table.searchres a{display: inline-block; overflow: hidden; position: relative; }
table.searchres a:hover .play {
    background:url(https://www.gis247.com/images/thumbplay.png) no-repeat center center;
    opacity: 0.8;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
searchblockquote {
	float: right;
	width: 350px;
	font-size: 100%;
	font-style: italic;
/*	font-family: Georgia, Times, serif;*/
	font-family: Arial, sans-serif;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	border-top: 1px solid #979492;
	border-bottom: 1px solid #979492;
	border-left: 1px solid #979492;
	border-right: 1px solid #979492;
	text-align:right;
	color: black;
	background-color: white;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; }

searchblockquotecat {
	float: right;
	width: 100px;
	font-size: 100%;
	font-style: italic;
/*	font-family: Georgia, Times, serif;*/
	font-family: Arial, sans-serif;
	margin: 0px 0px 10px 10px;
	padding: 2px;
	border-top: 1px solid #979492;
	border-bottom: 1px solid #979492;
	border-left: 1px solid #979492;
	border-right: 1px solid #979492;
	text-align:center;
	color: black;
	background-color: white;
	-webkit-border-radius: 15px; -moz-border-radius: 15px;  border-radius: 15px; }

table.mytraining { width: 760px; margin:0; text-align:left; display:table;}
table.mytraining th {width: 20%; padding: 0 0 8px 0; border:0px; text-align:left; }
table.mytraining td.c1 { width: 20%; padding: 0 8px 0 0; }
table.mytraining td.c2 { width: 20%; padding: 0 8px 0 0; }
table.mytraining td.c3 { width: 20%; padding: 0 8px 0 0; }
table.mytraining td.c4 { width: 20%; padding: 0 8px 0 0; }
table.mytraining td.c5 { width: 20%; padding: 0; }
table.mytraining img {padding: 1px; border: 1px solid #3fc3f4; background-color: #FFF;}

@media only screen and (max-width: 800px) {
	table.mytraining { display: block;}
	table.mytraining td.c1 { width: 100%; }
	table.mytraining td.c2 { width: 100%; }
	table.mytraining td.c3 { width: 100%; }
	table.mytraining td.c4 { width: 100%; }
	table.mytraining td.c5 { width: 100%; }
}




/* Tables
================================== */
.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0;
  max-width: 800px;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: solid 0px white;
  margin: 0;
  min-width: 140px;
}

@media all and (max-width: 800px) {
  .Rtable--collapse  {
    display: block;
  }
}

.no-flexbox .Rtable {
  display: block;
}

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell  { width: 50%; }
.Rtable--3cols > .Rtable-cell  { width: 33.33%; }
.Rtable--4cols > .Rtable-cell  { width: 25%; }
.Rtable--5cols > .Rtable-cell  { width: 20%; }
.Rtable--6cols > .Rtable-cell  { width: 16.6%; }


.Ptable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 0;
  padding: 0;
  max-width: 960px;
}
.Ptable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0;
  overflow: hidden;
  list-style: none;
  border: solid 0px white;
	margin: 0px;
	min-width: 170px;
}


@media all and (max-width: 800px) {
  .Ptable--collapse  {
    display: block;
  }
}

.no-flexbox .Ptable {
  display: block;
}

/* Table column sizing
================================== */
.Ptable--2cols > .Ptable-cell  { width: 50%; }
.Ptable--3cols > .Ptable-cell  { width: 33.33%; }
.Ptable--4cols > .Ptable-cell  { width: 25%; }
.Ptable--5cols > .Ptable-cell  { width: 20%; }
.Ptable--6cols > .Ptable-cell  { width: 16.6%; }

.Pcontainer {
  position: relative;
  text-align: left;
  color: black;
}

.Pcontainer img {
	margin: 0 0 7px;
	border: 1px solid #414342;
}

.Pcontainer ul {
	font-size: 1em;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 4px;
}

.Pcontainer ul li {
	margin: 0 0 2px;
}

/* Lcontainer used for list of additional elements on Pricing pages */
.Lcontainer ul {
	font-size: 1em;
	list-style-type: circle;
	list-style-position: outside;
	margin-bottom: 12px;
}
.Lcontainer ul li {
	margin: 2px 2px 2px 20px;
}
/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 4px;
  left: 4px;
}

/* IMAGES WITH TEXT ATTEMPT 14/03/2019 */
/********* Simple or original overlay *******/
/* Main container */
.overlay-image {
 position: relative;
 width: 100%;
}
/* Original image used for COURSES with software logo */
.overlay-image .imagesw { display: block; height: 180px; width: auto; object-fit: cover; object-position: center; margin-left: 15% !important;}
/* Image used for COURSES with no software logo */
.overlay-image .image { display: block;	height: auto; width: 100%; object-fit: cover; object-position: center; }

p.touchonly {
	font-size: 1.2em;
	display: none;
}
/* Touchonly text should appear only on touch enabled devices */
@media (pointer:coarse) {
	p.touchonly { display: inline-block; }
}

/********* Overlay on hover *******/
/* New overlay on hover */
.overlay-image .hover, .overlay-image .active {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
 transition: .5s ease;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

/********* Background and text only overlay on hover *******/
.overlay-image .normal {
 transition: .5s ease;
}
.overlay-image:hover .normal {
 opacity: 1;
}
.overlay-image .hover {
 background-color: rgba(0,0,0,0.5);
}

table.myres { width: 760px; margin:0; text-align:justify; text-justify:inter-word; font-size:12px; }
table.myres td.c1a { width: 33%; padding: 0 12px 2px 0; }
table.myres td.c2a { width: 33%; padding: 0 10px 2px 8px; }
table.myres td.c3a { width: 33%; padding: 0 0 2px 10px; }
table.myres td.c1 { width: 33%; padding: 0 12px 14px 0; }
table.myres td.c2 { width: 33%; padding: 0 10px 14px 8px; }
table.myres td.c3 { width: 33%; padding: 0 0 14px 10px; }
/*
.video_table { width:950px; }
.video_table tr { margin: 4px; padding:4px; padding-bottom; 12px }
.video_table td { margin: 6px; text-align:center; vertical-align: middle; }
.video_table tr.spaceunder > .video_table.td { padding-bottom: 12px; }
*/

table.companies {max-width : 99%; margin:0; font-size: 0.8em; padding:0; border:1px solid; table-layout:fixed; }
table.companies th { border-bottom: 1px solid; }
table.companies td, th {border-right:1px solid #999; font-size: 0.8em;}
table.companies td a { font-size: 1em;}
table.companies td.c1, th.c1 {width: 5%; text-align:center; }
table.companies td.c2, th.c2 {width: 30%; text-align:left; padding-left: 5px;  }
table.companies td.c3, th.c3 {width: 8%; text-align:center; }
table.companies td.c4, th.c4 {width: 17%; text-align:center; }
table.companies td.c5, th.c5 {width: 5%; text-align:center; }
table.companies td.c6, th.c6 {width: 5%; text-align:center; }
table.companies td.c7, th.c7 {width: 30%; text-align:left; padding-left: 5px; }
table.companies tr.ok { background: #FFF; }
table.companies tr.expired { background: #FF9; }
table.companies tr.near30 { background: #3fc3f4; }
table.companies tr.near60 { background: #99ffff; }
table.timings {background-color:#eeeeee; width : 90%; margin:0; font-size: 12px; padding:5px; border:0px solid; table-layout:fixed; }
table.timings th {font-size: 14px; padding:10px; border-bottom: thin solid; border-bottom-color: #CCC;}
table.timings td { padding-bottom: 4px; padding-top: 3px;}
table.timings td.tc1, th.tc1 {width: 40%; text-align:left; padding-left: 5px; border:0px; }
table.timings td.tc1b {width: 40%; text-align:left; padding-left: 15px; }
table.timings td.tc2, th.tc2 {width: 16%; text-align:center; border:0px; }
table.timings td.tc3, th.tc3 {width: 24%; text-align:left; border:0px; }
table.timings td.tc4, th.tc4 {width: 8%; text-align:center; border:0px; }
table.timings td.tc5, th.tc5 {width: 12%; text-align:center; border:0px; }
table.timings tfoot {border-top: thin solid; border-top-color: #CCC;}
table.timings tfoot td {background-color:#eeeeee; font-size: 14px; padding-top:5px; padding-bottom:5px; }

table.onlineassess { width: 640px; margin:0; text-align:left; border:none; border-collapse:collapse;}
table.onlineassess th {border:none; padding:4px 0 6px 0; }
table.onlineassess th.h1 {width: 12%; padding: 0; }
table.onlineassess th.h4 {width: 45%; padding: 0; }
table.onlineassess th.h5 {width: 19%; padding: 0; }
table.onlineassess td.c1 { width: 12%; padding: 3px 0 3px 0; text-align:center; }
table.onlineassess td.c2 { width: 12%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c3 { width: 12%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c4 { width: 45%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c4a { width: 15%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c4b { width: 15%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c4c { width: 15%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess td.c5 { width: 19%; padding: 3px 0 3px 0; text-align:center;}
table.onlineassess tr.even { background-color: #E8E8E8; }
table.onlineassess tr.odd { background-color: #fff; }
table.onlineassess tr.evenfirst { background-color: #E8E8E8; border-top: thin solid; border-color:#ABABAB; }
table.onlineassess tr.oddfirst { background-color: #fff; border-top:thin solid; border-color: #ABABAB; }
table.onlineassess tr.evenlast { background-color: #E8E8E8; border-bottom:thin solid; border-bottom-color: #ABABAB; }
table.onlineassess tr.oddlast { background-color: #fff; border-bottom:thin solid; border-bottom-color: #ABABAB; }
table.onlineassess tr.evenboth { background-color: #E8E8E8; border-bottom:thin solid; border-bottom-color: #ABABAB; border-top:thin solid; border-color: #ABABAB; }
table.onlineassess tr.oddboth { background-color: #fff; border-bottom:thin solid; border-bottom-color: #ABABAB; border-top:thin solid; border-color: #ABABAB; }
table.onlineassess img {padding: 0; border: 0px solid #3fc3f4; background-color: #FFF;}
#main e1{font-family: Arial, sans-serif; font-size:13px;font-style:italic; color: #ff0000; font-weight:300;display:inline-block;min-width: 75px;margin-bottom:12px; padding-bottom:1px;}
#main e2{font-family: Arial, sans-serif; font-size:13px;font-style:italic; color: #ff0000; font-weight:300;display:inline-block;min-width: 75px;padding-bottom:1px;}


/* NEW STUFF FOR 3D ROTATE: USED FOR LICENCE IMAGES ON HOME PAGE */
#f1_container { list-style:none; margin:20px 0; height:510px; position:relative;}

#f1_container li { display:inline; float:left; perspective: 500px;
	-webkit-perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
	-webkit-transition-property: perspective; }
	
/*#f1_container li:hover {-webkit-perspective: 500px;}*/
	
#f1_container li img {
/* display: block;*/
/*  width: 100%;*/
/*  height: 100%;*/
  backface-visibility: hidden;
  transition: all 0.5s linear;
  border:10px solid #fcfafa;
  -webkit-transform:rotateY(30deg) translate3d(0,0,0);
  transform: rotateY(30deg);
  -webkit-transition-property:transform;
  -webkit-transition-duration: 0.5s; 
  -webkit-box-shadow: 0 3px 10px #888;
  -moz-box-shadow: 0 3px 10px #888;
  box-shadow: 0 3px 10px #888;
  margin: 0 6px 0 0;
}
#f1_container li:hover img {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-box-shadow: -5px 5px 5px #aaa;
  -moz-box-shadow: -5px 5px 5px #aaa;
  box-shadow: -5px 5px 5px #aaa;
}
/* info box 3d */
.licenceinfo { border:6px solid #FFF; padding:0 4px 4px 4px; width:140px; height:120px; background-color:#eeeeee; margin:-100px 0 0 30px; position:absolute;
	-moz-box-shadow:0 20px 40px #888; -webkit-box-shadow:0 20px 40px #888;  box-shadow: 0 20px 40px #888;
	-webkit-transform: translateZ(40px) rotateY(30deg) translate3d(0,0,0); transform:translateZ(40px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }
	
#f1_container li:hover .licenceinfo { -webkit-transform: rotateY(0deg); -webkit-box-shadow:0 5px 10px #aaa; margin:-70px 0 0 16px; transform:rotateY(0deg); transition: all 0.5s linear; -moz-box-shadow:0 5px 10px #aaa; box-shadow:0 5px 10px #aaa; }
	
.licenceinfo h9 { color:#666666; font-family:bebas-neue, sans-serif; text-align:center; padding-bottom:5px; font-weight:300; font-size: 20px;}
.licenceinfo p9 { color:#666666; font-family:arial, sans-serif; font-size: 12px; line-height:105%;}
.licenceinfo p { padding-bottom:2px; padding-top:2px; }
.licenceinfo a { background-color:#666666; padding:5px 5px; color:#eee; text-decoration:none; display:block; width:80px; text-align:center; margin:10px 0 0 24px;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 12px; }
.licenceinfo a:hover, .licenceinfo a:focus { background-color:#3fc3f4; color:#fff; }


@media only screen and (max-width: 1280px) {
	#f1_container {display: none;}
}

/* style for edit part assets table */
#editpart
{
	width:100%;
	border-collapse:collapse;
}
#editpart td, #editpart th 
{
	font-size:1em;
	border-style: solid;
	border:0;
	border-right:medium double #000000;
	padding:3px 7px 2px 7px;
}
#editpart td.alt_lt_left
{
	color:#000000;
	background-color:#edf1f4;
}
#editpart td.alt_lt_right
{
	color:#000000;
	background-color:#c7ffb7;
}
#editpart td.alt_dk_left
{
	color:#000000;
	background-color:#a7c1dc;
}
#editpart td.alt_dk_right
{
	color:#000000;
	background-color:#82ff63;
}
#editpart tr.alt_under td
{
	padding-bottom:10px;
	color:#000000;
}
#editpart tr.alt_above td
{
	padding-top:10px;
	color:#000000;
}

#mc_embed_logout form {display:block; position:relative; text-align:left; padding:10px 0 10px 20px; background-color:#3fc3f4; width:350px;}
/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 20px; background-color:#3fc3f4;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#3fc3f4;}
#mc_embed_signup .button {clear:both; background-color: #666666; border: 1px solid; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#3fc3f4;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup textarea { width: 96%; }

#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:96%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:96%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#000000; font-size:200%;}
#mc_embed_signup .mc-field-group .error{font-size:100%; position:absolute; top:50px; right:30px; color:#ff0000;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right: 6%;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .asterisk2 {color:#000000; font-size:200%; }
#mc_embed_signup .mc-field-group .asterisk2 {position:absolute; top:0px; right: 6%;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

.pdf { position: relative; }
.pdf a {
   position: absolute;
   display: block;
   background: url("/images/downthumb38.png");
   height: 20px;
   width: 18px;
   top: 98px;
   left: 72px;
}
.flash { position: relative; }
.flash a {
   position: absolute;
   display: block;
   background: url("/images/playthumb30.png");
   height: 18px;
   width: 10px;
   top: 98px;
   left: 135px;
}



/* 3D styles for asset display */
#asset_container { list-style:none; margin:20px 0 60px 10px; height:200px; position:relative;}
#courseasset_container { list-style:none; margin:20px 0 60px 10px; height:140px; position:relative;}
#asset_container li, #courseasset_container li { display:inline; float:left; perspective: 500px;
	-webkit-perspective: 500px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
	-webkit-transition-property: perspective; }
#asset_container li img, #courseasset_container li img {
  backface-visibility: hidden;
  transition: all 0.5s linear;
  border:6px solid #fcfafa;
  -webkit-transform:rotateY(30deg) translate3d(0,0,0);
  transform: rotateY(30deg);
  -webkit-transition-property:transform;
  -webkit-transition-duration: 0.5s; 
  -webkit-box-shadow: 0 3px 10px #888;
  -moz-box-shadow: 0 3px 10px #888;
  box-shadow: 0 3px 10px #888;
  margin: 0 6px 0 0;
  vertical-align: bottom;
}
#asset_container li:hover img, #courseasset_container li:hover img {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.assetinfo { position:absolute; top: 108px; left: 135px;
	-webkit-transform: translateZ(40px) rotateY(30deg) translate3d(0,0,0); transform: translateZ(40px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }
#asset_container li:hover .assetinfo, #courseasset_container li:hover .assetinfo { -webkit-transform: rotateY(0deg); margin:0 0 0 0; transform: rotateY(0deg); transition: all 0.5s linear;}
.timeinfo { position:absolute; top: 134px; left: 30px;
	-webkit-transform: translateZ(65px) rotateY(30deg) translate3d(0,0,0); transform: translateZ(65px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }
#asset_container li:hover .timeinfo, #courseasset_container li:hover .timeinfo { -webkit-transform: rotateY(0deg); margin:0 0 0 0; transform: rotateY(0deg); transition: all 0.5s linear;}
.assetinfo a {	
	width:0; 
	height:0; 
	border-bottom:12px solid transparent;  /* left arrow slant */
	border-top:12px solid transparent; /* right arrow slant */
	border-left:20px solid #666666; /* bottom, add background color here */
	font-size:0;
	line-height:0;
}
.assetinfo a:hover, .assetinfo a:focus { 
	width:0; 
	height:0; 
	border-bottom:15px solid transparent;  /* left arrow slant */
	border-top:15px solid transparent; /* right arrow slant */
	border-left:25px solid #3fc3f4; /* bottom, add background color here */
	font-size:0px;
	line-height:0px; transition: all 0.35s linear;
}
.pdfinfo { position:absolute; top: 124px; left: 78px;
	-webkit-transform: translateZ(40px) rotateY(30deg) translate3d(0,0,0); transform: translateZ(40px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }
#asset_container li:hover .pdfinfo, #courseasset_container li:hover .pdfinfo { -webkit-transform: rotateY(0deg); margin:0 0 0 0; transform:rotateY(0deg); transition: all 0.5s linear;}

.pdfinfo a {	
	width:0; 
	height:0; 
	border-left:12px solid transparent;  /* left arrow slant */
	border-right:12px solid transparent; /* right arrow slant */
	border-top:20px solid #666666; /* bottom, add background color here */
	font-size:0px;
	line-height:0px;
}
.pdfinfo a:hover, .pdfinfo a:focus { 
	width:0; 
	height:0;
	margin: 0 0 0 -3px;
	border-left:15px solid transparent;  /* left arrow slant */
	border-right:15px solid transparent; /* right arrow slant */
	border-top:25px solid #3fc3f4; /* bottom, add background color here */
	font-size:0px;
	line-height:0px; transition: all 0.35s linear;
}

.manualpdfinfo { position:absolute; top: 124px; left: 54px;
	-webkit-transform: translateZ(40px) rotateY(30deg) translate3d(0,0,0); transform: translateZ(40px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }
#asset_container li:hover .pdfinfo, #courseasset_container li:hover .pdfinfo { -webkit-transform: rotateY(0deg); margin:0 0 0 0; transform:rotateY(0deg); transition: all 0.5s linear;}

.manualpdfinfo a {	
	width:0; 
	height:0; 
	border-left:12px solid transparent;  /* left arrow slant */
	border-right:12px solid transparent; /* right arrow slant */
	border-top:20px solid #666666; /* bottom, add background color here */
	font-size:0px;
	line-height:0px;
}
.manualpdfinfo a:hover, .pdfinfo a:focus { 
	width:0; 
	height:0;
	margin: 0 0 0 -3px;
	border-left:15px solid transparent;  /* left arrow slant */
	border-right:15px solid transparent; /* right arrow slant */
	border-top:25px solid #3fc3f4; /* bottom, add background color here */
	font-size:0px;
	line-height:0px; transition: all 0.35s linear;
}

/* Newsletter sign-up button */
/*.newsletter a { border:6px solid #FFF; padding:4px 4px 4px 4px; width:140px; height:50px; background-color:#CCC; margin:-80px 0 0 10px; position:absolute;
	-moz-box-shadow:0 12px 24px #e0e0e0; -webkit-box-shadow:0 12px 24px #e0e0e0;  box-shadow: 0 12px 24px #e0e0e0; font-size: 15px; font-weight:700; font-family: Arial, sans-serif; text-align:center;}
/*	-webkit-transform: translateZ(40px) rotateY(30deg) translate3d(0,0,0); transform:translateZ(40px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; transition: all 0.5s linear; }*/
.newsletter a { border: 1px solid; border-color: #666666; background-color:#3fc3f4; padding:5px 5px; color:#eee; text-decoration:none; display:block; width:140px; text-align:center; margin:5px 0 8px 14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 18px; font-weight:700; font-family: "proxima-nova-n6", "proxima-nova", Arial; }
.newsletter a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }


.SBsocial {display: block;}
.SBsocial a {margin:0 0 8px 10px;}
.SBresbutton a { border: 1px solid; border-color: #666666; background-color:#3fc3f4; padding:5px 5px; color:#eee; text-decoration:none; display:block; width:140px; text-align:center; margin:4px 0 0 30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size: 18px; font-weight:700; font-family: "proxima-nova-n6", "proxima-nova", Arial; }
.SBresbutton a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }
.SBsearchbutton a { border: 1px solid; border-bottom: 0; border-color: #979492; background-color:#3fc3f4; padding:3px 0 6px 0; color:#eee; text-decoration:none; display:block; width:85px; text-align:center; margin:4px 30px 0 0; -moz-border-radius:0px; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; line-height:130%; font-size: 14px; font-weight:600; font-family: "proxima-nova-n6", "proxima-nova", Arial; 	float: right; }
.SBsearchbutton a:hover, .newsletter a:focus { background-color:#666666; font-color: #000000; }

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge a{ font-family:"proxima-nova-n6", "proxima-nova", Arial; font-size: 14px; font-weight:normal; text-align:center; width: 100px; display:block; text-decoration:none; color:#3fc3f4; }

ul.enlarge li{
display:inline-block; /*places the images in a line*/
zoom:1;
position:relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 12px 0 4px;
}
ul.enlarge img{
background-color:#eeeeee;
padding: 6px;
-webkit-box-shadow: 0 0 4px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 4px rgba(132, 132, 132, .75);
box-shadow: 0 0 4px rgba(132, 132, 132, .75);
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#eeeeee;
padding: 10px;
font-family: 'Droid Sans', sans-serif;
font-size:.9em;
text-align: center; 
color: #495a62; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
bottom: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 0px; /*distance from the left of the thumbnail to the left of the popup image*/
}


/* STYLES FOR BUTTONS */
.BTNcourse {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3fc3f4), color-stop(1, #4064b8) );
	background:-moz-linear-gradient( center top, #3fc3f4 5%, #4064b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fc3f4', endColorstr='#4064b8');
	background-color:#3fc3f4;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-size: 14px;
	font-weight:700;
	font-family: "proxima-nova-n6", "proxima-nova", Arial;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:126px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
	margin:0 0 6px 10px;
}
.BTNcourse:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005ec4), color-stop(1, #3fc3f4) );
	background:-moz-linear-gradient( center top, #005ec4 5%, #3fc3f4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005ec4', endColorstr='#3fc3f4');
	background-color:#4197ee;
}
.BTNcourse:active {
	position:relative;
	top:1px;
}

/*
.BTNxcourse {
	-moz-box-shadow:inset 0px 1px 0px 0px #eeeeee;
	-webkit-box-shadow:inset 0px 1px 0px 0px #eeeeee;
	box-shadow:inset 0px 1px 0px 0px #eeeeee;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #666666) );
	background:-moz-linear-gradient( center top, #eeeeee 5%, #666666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#666666');
	background-color:#eeeeee;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #666666;
	display:inline-block;
	color:#666;
	font-size: 14px;
	font-weight:700;
	font-family: "proxima-nova-n6", "proxima-nova", Arial;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:126px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000000;
	margin:0 0 6px 10px;
}
.BTNxcourse:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #eeeeee) );
	background:-moz-linear-gradient( center top, #005ec4 5%, #3fc3f4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005ec4', endColorstr='#3fc3f4');
	background-color:#4197ee;
}
.BTNxcourse:active {
	position:relative;
	top:1px;
}

.BTNycourse {
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #96c22f), color-stop(1, #273c2d) );
	background:-moz-linear-gradient( center top, #96c22f 5%, #273c2d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#96c22f', endColorstr='#273c2d');
	background-color:#96c22f;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #666666;
	display:inline-block;
	color:#ffffff;
	font-size: 14px;
	font-weight:700;
	font-family: "proxima-nova-n6", "proxima-nova", Arial;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:126px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #287ace;
	margin:0 0 6px 10px;
}
.BTNycourse:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #273c2d), color-stop(1, #96c22f) );
	background:-moz-linear-gradient( center top, #273c2d 5%, #96c22f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#273c2d', endColorstr='#96c22f');
	background-color:#96c22f;
}
.BTNycourse:active {
	position:relative;
	top:1px;
}*/

/* Styles for certificate success tracker */
.cbp-qtrotator { width: 772px; height: 30px; position: relative; float: left; margin: 0; padding-top: 30px }
.cbp-qtcontent { width: 100%; height: auto; position: absolute; min-height: 30px; top: 0; z-index: 2; display: none }
.cbp-qtrotator .cbp-qtcontent.current { display: block }
.cbp-qtrotator blockquote { margin: 8px 0 0 0; padding: 0 }
.cbp-qtrotator blockquote p { font-size: 15px; color: #666666; font-weight: normal; margin: 0.4em 0 1em }
.cbp-qtrotator blockquote footer { font-size: 1.2em }
.cbp-qtrotator blockquote footer:before {content: '― '}
.cbp-qtrotator .cbp-qtcontent img { float: right; margin: 50px 0 0 50px }
.cbp-qtprogress { position: absolute; background: #47a3da; height: 1px; width: 0%; z-index: 1; }

/* TOP IMAGE WITH ANIMATED TEXT STYLES 19/03/2019 */
/* HOME PAGE IMAGE PARALLAX 18/03/2019 */
.parallax-imageA {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/home/20190305/IMG_8611.JPG');
  height: 300px; 
  /* Create the parallax scrolling effect by putting background-attachment: fixed */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 8px;
  position: relative;
}
div[class*='parallax-image-'] {
	height: 11.6vw;
  /* Create the parallax scrolling effect by putting background-attachment: fixed */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 8px;
  position: relative;
}

	
.parallax-image-home {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/home/20190305/IMG_8611.JPG');
}
.parallax-image-sectors {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/home/20190305/DSCF6038.JPG');
}
.parallax-image-whatisgis247 {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/home/20190305/Land-cover_map.jpg');
}	
.parallax-image-aboutus {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/2k19/topimage/aboutus_DSC02418.JPG');
}	

.parallax-imageB {
  background-image: linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.35)),url('https://www.gis247.com/images/home/20190305/DSCF6038.JPG');
  height: 300px; 
  /* Create the parallax scrolling effect by putting background-attachment: fixed */
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 8px;
	position: relative;
}


 #topimage {
  text-align:center;
  font-weight:300;
  font-size:1em;
  overflow:hidden;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.anitext { display:inline-block; overflow:hidden; white-space:nowrap; font-size: 1em; }
.anitext:first-of-type { -webkit-animation: showup 7s infinite; animation: showup 7s infinite; }
.anitext:last-of-type { width:0px; -webkit-animation: reveal 7s infinite; animation: reveal 7s infinite; }
.anitext:last-of-type span { margin-left:-640px; -webkit-animation: slidein 7s infinite; animation: slidein 7s infinite; }

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-640px; }
    20% { margin-left:-640px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:640px;}
    80% {opacity:1;}
    100% {opacity:0;width:640px;}
}

.anitext h1 { font-size:3em; font-style:normal; color: rgba(255,255,255,1); font-weight:600; border-bottom:0px solid #a4afc3; display:inline-block;	margin-bottom:12px;	padding-bottom:1px;	line-height: 115%; text-shadow: 2px 2px 2px rgba(0,0,0,0.8); margin-top: 4.5vw; }

@media screen and (max-width: 1100px) {
	.anitext h1 {
		font-size: 2em;
		/*display: none;*/
	}
	div[class*='parallax-image-'] {
		display: none;
	}
}

/*@media only screen and (max-width: 1366px) {
  .parallax-imageB {
    background-attachment: scroll;
	height: 240px;
  }
}*/


/* 12 columns grid*/
[class*="col-"] {float: left;}
.col-1 	{width: 8.333333%;}
.col-2 	{width: 16.666666%;}
.col-3, .col-3a, .col-3b {width: 25%;}
.col-4 	{width: 33.333333%;}
.col-5 	{width: 41.666666%;}
.col-6 	{width: 50%;}
.col-7 	{width: 58.333333%;}
.col-8 	{width: 66.666666%;}
.col-9 	{width: 75%;}
.col-10 {width: 83.333333%;}
.col-11 {width: 91.666666%;}
.col-12 {width: 100%; }

/* 12 rows grid*/
.row-0 	{height: 2%; min-height: 10px; }
.row-1 	{height: 5%; min-height: 15px; }
.row-2 	{height: 10%;min-height: 30px;}
.row-3 	{height: 15%;min-height: 45px;}
.row-4 	{height: 20%;min-height: 60px;}
.row-5 	{height: 25%;min-height: 75px;}
.row-5b 	{height: 25%;min-height: 75px; margin-top:24px;}
.row-6 	{height: 30%;min-height: 90px;}
.row-7 	{height: 35%;min-height: 105px;}
.row-8 	{height: 40%;min-height: 120px;}
.row-9 	{height: 45%;min-height: 135px;}
.row-10 {height: 50%;min-height: 150px;}
.row-11 {height: 55%;min-height: 165px; } 
.row-12 {height: 60%; min-height: 180px; }
.row-13 {height: 65%; min-height: 195px; }
.row-14 {height: 70%; min-height: 210px; }
.row-15 {height: 75%; min-height: 225px; }
.row-16 {height: 80%; min-height: 240px; }
.row-17 {height: 85%; min-height: 255px; }
.row-18 {height: 90%; min-height: 270px; }
.row-19 {height: 95%; min-height: 285px; }
.row-20 {height: 100%; min-height: 300px; }

/* CAPTION COLOUR & SIZE */
video::cue { color: white; font-size: 0.9em; }

/* STYLE FOR BLUE CONTACT US BAR */
.HtableZ { display: flex; flex-wrap: wrap; margin: 0 0 0 0; padding: 0; max-width: inherit; align-items: center; justify-content: center; background-color: #5b9bd5; }
.Htable--3cols { text-align: center; min-width: 100%;   }
.Htable--3cols > .Htable-cellAbb { width: 33.3%; position: relative; height: 45px; }
.Htable--3cols > .Htable-cellBbb { width: 33.3%; position: relative; height: 45px; }
.Htable--3cols > .Htable-cellCbb { width: 33.3%; position: relative; height: 45px; }
.Htable--3cols > .Htable-cellAbb img { width: 10%; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%;  transform: translate(-50%,-50%);}
.Htable--3cols > .Htable-cellBbb img { width: 10%; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%;  transform: translate(-50%,-50%);}
.Htable--3cols > .Htable-cellCbb img { width: 10%; margin: 0; position: absolute; top: 50%; left: 50%; margin-right: -50%;  transform: translate(-50%,-50%);}
.Htable--3cols p2, .Htable--3cols a {font-size:1.1667em; line-height: 115%; color: white; text-decoration: none; }
.Htable--3cols a:hover { text-decoration: underline; }
.Htable--3cols img, .Htable--3cols .text { color: white; font-style: bold; font-size: 1.5em;}
@media only screen and (max-width: 450px) {
	.HtableZ { display: none; }
}
/* END STYLE FOR CONTACT US BAR */

/*Cookie Consent Begin*/
#cookieConsent { width: 100%; background-color: rgba(20,20,20,0.8); max-height: 140px; font-size: 1em; color: #ccc; line-height: 140px; padding: 8px 0 8px 30px; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999;  }
#cookieConsent a { color: #4B8EE7; text-decoration: none; }
#closeCookieConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -60px 0 0 0; font-weight: bold; }
#closeCookieConsent:hover { color: #FFF; }
#cookieConsent a.cookieConsentOK { line-height: 200%; background-color: #3fc3f4; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; float: right; margin: 55px 30px 0px 10px; }
#cookieConsent a.cookieConsentOK:hover { background-color: #E0C91F; }
/*Cookie Consent End*/

/* FOLLOWING IS FOR LOGIN PAGE */
#myBtnLog u, p.tc a { text-decoration: none; color: #125fa7; font-style: normal; font-weight: bold;}
#myBtnLog { cursor: pointer;}

.unifylogin { height: 30px; margin-right: 10px; display: inline-block; }
#myBtn2, #myBtn2i { cursor: pointer; }

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); }
.modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; }
.close1, .close2 { color: #fff; float: right; font-size: 1.85em; font-weight: bold; }
.close1:hover, .close1:focus, .close2:hover, .close2:focus { color: black; text-decoration: none; cursor: pointer; }
.modal-header { padding: 12px 16px; background-color: #3fcaf4; color: white; }
.modal-body { padding: 2px 16px;}
.modal-footer { padding: 2px 16px; background-color: #3fcaf4; color: white;}
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 40%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); animation-name: animatetop; animation-duration: 0.4s; top: 20%; }
/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 20%; opacity: 1}
}

#main h2b {text-align:center;font-size:20px;font-weight:bold;width: 375px;margin:0px auto 5px auto;display:block;}
p#demo, #power { display: none; }
p.maintenance  { background: red; color: white; font-size: 1.25em; padding: 4px; line-height: 110%; }