/*  16/02/2022
this css combined some csss file from /templates/css/*  , which has been removed because of deprecated php-drive templates of webinar and arcgis
including:                      
/page.css
/page-product.css
/page-product-info.css
/resources-box.css
/model-validation-table.css*/

/*page.css*/
h1 { font-family: "Roboto","Calibri",sans-serif; font-size: 48px; color: #666; font-weight: 200; letter-spacing: -1px; line-height: 70px; margin: 10px; text-align: center; }
h2 { font-family: "Roboto",sans-serif; font-size: 24px; color: #666; font-weight: 200; margin: 0; margin-top:20px; line-height:24px; }
h3 { font-family: "Roboto",sans-serif; font-size:16px; color: #666; font-weight: 200; margin: 0; }
h4 { font-family: "Roboto",sans-serif; font-size: 14px; color: #666; font-weight: 200; margin: 0; }
img { border: 0; }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 200; src: url(/fonts/sparx.woff); }
/* Containers */
#wide-content-inner { margin-bottom: 30px; }
#contentMain { vertical-align: top; }
#contentAside { vertical-align: top; }
#detailsBox { clear: both; }
#creditLine { width: 95%;font-size:12px;border-top:1px solid #CCCCCC;margin: 40px 0px 25px 25px; }
/* Page Structures */
.productMain #contentMain{ padding-left:340px;padding-right:40px;float: left;background-repeat:no-repeat;background-position: left 40px; }
.productMain #detailsBox { ; }
.partnerResources #contentMain{ padding-left: 340px; padding-right: 40px; font-size: 12px; float: left; background-repeat: no-repeat; background-position: left 40px; }
.productInfo #contentMain { width: 70%; float: left; margin: 10px 0px 0px 50px; font-size: 14px; line-height: normal; }
.productInfo #contentAside { width: 17%; float: right; margin: 10px 50px 0px 0px; font-size: 12px; line-height: normal; }
.plain #contentMain { width: 95%; float: left; margin-left: 20px; }
/* Settings for the lead paragraph in contentMain */
.productMain #intro { margin-top: 0px; }
.productInfo #intro { font-size: 16px; margin-top: 0px; }
.plain #intro { font-size: 16px; margin-top: 0px; }
.webinarRegistration #intro { font-size: 14px; margin-top: 0px; }
/* Commonly used effects */
ul.tickList {
 list-style: none; margin:7px 0px 10px 25px;
 padding:0px 0px 0px 16px; text-indent: -16px;
/* *padding:0px 0px 0px 0px; *text-indent: 0px; */ /* IE7 and lower degrades */
}
ul.tickList li:before {
 content: "✔";
 color: lightgreen;
 font-size: 14px;
 padding-right:4px;
 padding-bottom:2px;
 display: block;
 float: left;
 width: 12px;
 height: 1px;
}
@media only screen and (max-width: 500px) {
	h1,h2,h4{width: 90%;margin: 16px!important; auto!important;}
	h1{font-size: 36px!important;}
	.description h2{width: 100%;margin:16px 0px!important;}	
	.webinarRegistration #contentAside{min-width: 36%;}
	.webinarRegistration #contentMain {max-width: 64%;}
	.webinarLibrary #contentMain{width: 90% }
	.webinarRegistrationList #contentMain{width: 100%;}
	.presenter{float:none!important;text-align: center;}
	.upcoming{padding: 16px;}
	
	/*library*/
	.pastWebinar,.thumbnail,.summary{display:block!important;width:100%;}
	.summary{padding-left:0px!important;}
	.thumbnail{text-align: center;}
	.summary h2{text-align:center;}
}
@media only screen and (max-width: 700px) {	
	.mainarea,.demolink{margin: 20px auto;width:96%!important;}
	.accordion{padding:0px!important;}
	.headingblock{width: auto!important;}
	#tbl-subject{width: auto!important;}
	.qalist{margin: 0px!important;}
	}
  
/* page -products.css */  
/* Note: the background image must be defined for each product page by overriding the videoPromo ID in the page's local CSS file */
#videoPromo { display: inline-block; background-repeat: no-repeat; width: 363px; height: 219px; margin-top: 5px; border: 1px solid black; cursor: pointer; padding-top: 0px; position: relative; }
#intro p { margin-top: 0px; }
#intro ul { list-style:none;margin:7px 0px 10px 25px;padding:0px 0px 0px 16px;text-indent: -16px;}
#intro ul li:before { content: "✔"; color: lightgreen; font-size: 14px; padding-right: 4px; padding-bottom: 2px; display: block; float: left; width: 12px; height: 1px; }
/* This defines the play button which overlays the background image */
#videoPromoPlay { display: inline-block; background-image: url(/resources/webinar/images/youtube-play-button-70deepgray-40scaledown.png); background-repeat: no-repeat; background-position: center; width: 363px; height: 219px; }
#actionBox { float: right; margin-top: 5px; }
#actionBox img { float: left; border: none; }
#actionBox a { display: block; line-height: 25px; font-size: 16px; color: white; width: 188px; height: 45px; text-align: center; font-family: calibri,Verdana,Arial,Helvetica,sans-serif; text-decoration: none; padding-top: 5px; margin-bottom: 12px;}
#actionBox .try { background:url('/images/layout/headers/freetrial.png') no-repeat; }
#actionBox .buy { background:url('/images/layout/headers/purchasenow.png') no-repeat; }
#actionBox .register { background:url('/images/layout/headers/register.png') no-repeat; }
#actionBox .learn { background:url('/images/layout/headers/register.png') no-repeat; }
#moreInfo { ; }
#getStarted { ; }
#systemRequirements { ; }
#moreInfo, #getStarted, #systemRequirements { margin: 0px 25px; }
#detailsBox { text-shadow: 0 1px 0 white; }
#detailsBox h2 { font-size: 26px; font-family: calibri,Verdana,Arial,Helvetica,sans-serif; color: #0066cb; margin-left: 10px; margin-bottom: 15px; line-height: 26px; }
#detailsTable { display: table; border-collapse: separate; border-spacing: 10px; margin: 0px 10px 5px 15px; padding-top: 20px; }
/* Note: '*float: left' is a hack to support IE7, which doesn't support the 'display: table-cell' property */
.detailsCol { display: table-cell; *float: left; position: relative; margin: 20px 4px 0px 4px; padding: 5px; }
.detailsCol img { display: block; margin: 0 auto 10px auto; width: 252px; padding: 0px; }
#detailsBox1 { width: 31%; background-color: #F6F6F6; }
#detailsBox2 { width: 31%; background-color: #E8F0F4; }
#detailsBox3 { width: 31%; background-color: #F6F6F6; }
.detailsWide { margin: 5px 20px 10px 25px; padding: 5px; background-color: #E8F0F4; }
.detailsWide::after { content: ""; clear: both; display: table; }
.detailsWide h2 { margin-bottom: 10px; }
.detailsWide img { margin: 0 25px 10px 25px; float: left; padding: 0px; }
.detailsWide p, .detailsWide ul, .detailsWide ol { width: auto; overflow: hidden; margin: 0px 15px 5px 15px; }
  
  /*merge from /templates/page-product-info.css*/
  hr { width:60%; height: 2px; color: #EF8000; background-color: #EF8000; border: none; }
.topic-container { margin: 0 auto; overflow: auto; position: relative; }
.topic-container h3 { font-weight: bold; font-size: 18px; color: black; margin-top:9px; }
.topic-container img { padding: 10px 0px 10px 0px; }
.topic-container table { border-collapse: collapse; border: 1px solid grey; width:100%; margin-bottom: 14px;}
.topic-container td, th { padding: 0.25rem; text-align: left; border: 1px solid black; }
.topic-container td { font-size: 12px; }
#sections li { padding: 5px }
#sections { margin-bottom: 40px; }
#intro p { margin-top: 0px; }
#intro ul { list-style: none; margin:7px 0px 10px 25px; padding:0px 0px 0px 16px; text-indent: -14px; font-size: 14px;}
#intro ul li:before { content: "✔"; color: lightgreen; font-size: 14px; padding-right:4px; padding-bottom:2px; display: block; float: left; width: 12px; height: 1px; }
code { display: block; background-color: #eff0f1; margin: 10px 0px 10px 0px; }
li > code { margin: 0px; }
li > p { margin-top: 0px; }
/* .visible-caption { font-style: italic; } */
.ui-element { font-weight:bold; }  
  
 /*merge from /templates/resource-box.css*/
  #title { background: none repeat scroll 0 0 #4081b2; color: #FFF; font-size: 14px; margin: 0; padding: 1px; margin-bottom: 15px; text-align: center; }
.resourceBox { padding-bottom:5px; background-color: #eee; border: 1px solid #999; margin: 45px 0px 0px 5px; }
.resourceBox h4 { line-height:120%; font-weight:bold; }
.resourceBox ul { list-style-type:none; padding:0; margin:0; }
.resourceBox li a { margin-left: 4px; padding-left: 25px; height: 35px; display: block; }
.resourceBox a.externalLink { background: url("/images/arrow.gif") no-repeat left top; }
.resourceBox a.download { background: url("/images/icons/download-green.png") no-repeat left top; }
.resourceBox a.validate { background: url("/images/icons/validate.png") no-repeat left top; }

/*merge from /templates/model-validation-table.css*/
  .items {
   display: table;
   width: 100%;
   display:inline-block; *display:inline;
  }
  .item {
   background: none repeat scroll 0 0 #FFFFFF;
   border: 0 none;
   color: #000;
   display: table-row;
   display:inline;
   font: inherit;
   display:inline-block;
   margin: 0;
   padding: 0;
   vertical-align: baseline;
   width: 100%;
   word-wrap: break-word;
  }
  .arrowhover {
   background-image: url("/images/layout/bullet-transparent-openblue.png");
   background-position: 0 0;
   background-repeat: no-repeat;
   display: block;
   width: 20px;
  }
  .items div:hover {
   background: none repeat scroll 0 0 #F5F9FC;
  }
  .items h2 {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background-color: #EEEEEE;
   border-color: #C9DDF2 #C9DDF2 -moz-use-text-color;
   border-color: #C9DDF2;
   border-image: none;
   border-style: solid solid none;
   border-width: 1px 1px medium;
   color: #444444;
   display: block;
   font-size: 18px;
   font-weight: bold;
   text-align: left;
   height: 30px;
   width: 175px;
   margin-bottom: 0;
   margin-top:13px;
   padding-top: 3px;
   padding-left: 10px;
  }
  .ruleCode {
   border-top: 1px dotted #C9DDF2;
   overflow: hidden;
   padding: 2px 0;
   vertical-align: top;
   width: 100px;
   padding:5px 0 0 5px;
   font-size:11px;
   display: table-cell; *display:inline; *zoom:1; *width:75px;
  }
  .ruleShort {
   border-top: 1px dotted #C9DDF2;
   overflow: hidden;
   padding: 3px;
   vertical-align: top;
   width: 25%;
   display: table-cell; *display:inline; *zoom:1; *width:169px;
  }
  .ruleLong {
   border-top: 1px dotted #C9DDF2;
   padding: 5px;
   vertical-align: top;
   width: 65%;
   word-wrap: break-word;
   font-size: 11px;
   display: table-cell; *display:inline; *zoom:1; *width:480px;
  }
  .item h3 {
   color: #003460;
   font-size: 14px;
   font-weight: bold;
   margin: 2px 0 0 2px;
  }