.page-header { margin:0; border:0; }
.well { background: none; }
p.uk-article-meta { margin:5px 0; }
.tm-main.uk-width-medium-1-1 { padding-left:0; }

.home-trial-button,
.uk-nav li > a.freeTrial { display: none; }

/* Link Colour */
body a, .uk-nav a:hover, .uk-nav li.uk-active > a, .tm-navbar .uk-navbar-nav > li > a:hover, .tm-navbar .uk-navbar-nav > li.uk-open > a, .tm-navbar .uk-navbar-nav > li.uk-active > a { color:#026DA8; } 

/* Dundas Bi. */
span.dundas-bi {
    white-space: nowrap;
    *font-weight: 400;
}

h1 span.dundas-bi,
h2 span.dundas-bi,
h3 span.dundas-bi,
h4 span.dundas-bi,
h5 span.dundas-bi,
h6 span.dundas-bi {
    font-weight: inherit;
}

/* Main: Column. */
body .maincol {
  background: url(images/mainbg.png) repeat-x top;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(247,247,247,0)), to(rgba(247,247,247,1)));
  background: -webkit-linear-gradient(top, rgba(247,247,247,1), rgba(247,247,247,0));
  background: -moz-linear-gradient(top, rgba(247,247,247,1), rgba(247,247,247,0));
  background: -ms-linear-gradient(top, rgba(247,247,247,1), rgba(247,247,247,0));
  background: -o-linear-gradient(top, rgba(247,247,247,1), rgba(247,247,247,0));
  
  padding-bottom: 20px;
}

body.onlineTrialPage .maincol,
body.home .maincol {
    background: none;
}


/* Home: Slideshow. */
.wk-slideshow-default > div { text-align:center; }
.wk-slideshow .slides article a { max-width: 940px; display: block; margin: auto; }
.wk-slideshow .slides img { display: block; max-width: 940px; }
.wk-slideshow .caption { background: none; top: 0; text-align:left; width: 940px; max-width: 940px; margin: 0 auto; font-size: inherit; padding: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; orphans:bla }
.wk-slideshow div.caption-content { width: 30%; }
.wk-slideshow div.caption-content a { display: block; background-color: rgba(255,255,255,0.85); text-decoration: none; color: inherit; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wk-slideshow div.caption-content a:hover { background-color: rgba(255,255,255,.95); }
.wk-slideshow div.caption-content h1 img { max-width: 106px; display: inline-block; position: relative; bottom: 3px; left: -3px; }
.wk-slideshow div.caption-tryDundasBI { position: absolute; bottom: 0; right: 0; margin: 20px; margin-bottom: 50px; background-color: #026DA8; }
.wk-slideshow div.caption-tryDundasBI a { display: block; padding: 5px 10px; text-decoration: none; }
.wk-slideshow div.caption-tryDundasBI a:hover { text-decoration: underline; }
.wk-slideshow .caption h1 { color: #323232; margin:0; padding:0; font-weight: 700; font-size: 24px; line-height: 1; }
.wk-slideshow .caption h1 span { display:block; color:#026DA8; }
.wk-slideshow .caption p { font-size: 19px; color:black; color:black; width: 23%; }
.wk-slideshow .caption a { background:#2896d3; display:inline-block; font-size:15px; padding: 10px 15px; margin:30px 0 0; text-decoration:none; }
.wk-slideshow .caption a:hover { background-color: rgba(29,153, 216, .7); }
/*
.wk-slideshow-default > div:hover .next { margin-top: -90px; background: url(../images/buttons.png) 0 0 no-repeat; }
.wk-slideshow-default > div:hover .prev { margin-top: -90px; background: url(../images/buttons.png) 0 -50px no-repeat; }
*/
.wk-slideshow-default .nav { position: absolute; bottom: 10px; width: 100%; padding: 0; margin: 0; z-index: 100; line-height: 1;  }
.wk-slideshow-default .nav li { margin-left: 10px; line-height: 1;  }
.wk-slideshow-default .nav li span { width: 16px; height: 16px; border-radius: 100%; background: none; background-color: #FFF; line-height: 1;  }
.wk-slideshow-default .nav li:hover span,
.wk-slideshow-default .nav li.active span { background-color: #026DA8; }

/* Home: Intro. */
.homeIntro > div { margin-top: 0;  }
.homeIntro > div h2 { line-height: 1.2; margin: 0; font-size: 20px; }

/* Home: Top FAQs. */
.home .tm-sidebar-a { margin: 0; }
.topFAQs { padding: 0; }
.topFAQs h3 { margin: 0; padding: 10px 20px; background-color: #b2b2b2; color: #FFF; }
.topFAQs .topFAQs { padding: 20px; }
.topFAQs .span0 { float: none; margin: 0; }
.topFAQs .items-row { margin-bottom: 10px; }
.topFAQs .items-row:last-of-type { margin-bottom: 0; }
.topFAQs span.title a { color: #000; text-decoration: none; }
.topFAQs span.title a:hover { color: #026DA8; }


/* Home: Get Started. */
.getStarted h4 { margin:0 0 20px 0; padding:0; font-size:16px; }
.getStarted .item-separator { display:none; }
.getStarted .cols-1 { padding:10px 0 10px 50px; background:url(../images/home/7.png) no-repeat 0 10px; }
.getStarted .cols-1.row-4 { border:0; }
.getStarted { background-color: #f8f8f8; }
.getStarted .recommendedContent { padding-right: 10px; }
.getStarted h3 { font-size: 26px; font-weight: 400;  margin: 0; padding:0; color: black; }
.getStarted .span0 { float: none; margin: 0; }
.getStarted .span0 .item { overflow: hidden; }
.getStarted .span0:last-of-type .item { margin-bottom: 0; }
.getStarted .listItem-image { float: left; width: 70px; }
.getStarted img { display: block; float: none; max-width: 100%; }
.getStarted .listItem-content { margin-left: 85px; line-height: 1.2; }
.getStarted span.title { margin-bottom: 5px; display: block;  font-weight: 400; }
.getStarted span.title a { margin:0; padding:0; font-size: 18px; display: block; color: black; text-decoration: none; }
.getStarted p { margin:0; padding:0; }
.getStarted span.category-name a { display:inline-block; color:#2b95d2; font-size:16px; margin:20px 0 0; text-decoration: underline; }

.blog-featuredgetStarted { border-top-style: solid; border-top-width: 1px; border-top-color: #cacaca; }

/* Home: What's New. */
.getStarted.whatsNew h3 { color: #000313; }
.getStarted.whatsNew .cols-1 { padding:5px 0 10px 25px; border-bottom:solid 1px #e7e7e7; background:url(../images/bluesquare.png) no-repeat 0 13px; background-size: 10px 10px; }
.getStarted.whatsNew span.title { margin:0; }

/* Home: Link Widgets */
.getStarted--widgets {
	padding: 0px;
	padding-left: 25px;
}
.getStarted--widgetContainer {
	padding-left: 5px;
	padding-right: 5px;
}
.getStarted--widgetContainer.lastWidget {
	padding-right: 0px;
}
.getStarted--widgetContainer.firstWidget {
	padding-left: 0px;
}

.offTheChartsWidget  {
	background: url(/support/images/home/ForumsWidgetIcon.png);
	background-position: center;
	background-size: cover;
	min-height: 186px;
	max-height: 186px;
}
.offTheChartsWidget:hover {
	background-image: url(/support/images/home/ForumsLearnMore.png);
	background-position: center;
	background-size: contain;
	min-height: 186px;
}
.offTheChartsWidget img {
	opacity: 0;
	padding-top: 60px;
}

.getStarted--widget {
	background-color: #f3f8fb;
	min-height: 186px;
	padding-left: 20px;
	padding-right: 20px;
}
@media (max-width: 767px) {
	.getStarted--widgets {
		padding-left: 0px;
	}
	.getStarted--widgetContainer {
		padding-right: 0px;
	}
	.getStarted--widget {
		min-height: 0px;
		margin-top: 25px;
	}
	.offTheChartsWidget  {
		background: url(/support/images/home/OTC720x144.jpg);
		background-position: center;
		max-height: 144px;
		min-height: 0px;
	}
	.offTheChartsWidget:hover  {
		background-color: #2897D3;
		background-image: url(/support/images/home/OTCWatch.jpg);
		background-position: center;
		background-repeat-x: no-repeat;
		max-height: 144px;
		min-height: 0px;
	}
}
div.getStarted--widgetTitle {
	/*text-align: center;*/
	background-repeat: no-repeat;
	background-position: left;
}
div.getStarted--widgetTitle.samples {
	/*background-image: url('../images/home/5.png');*/
}
div.getStarted--widgetTitle.webinars {
	/*background-image: url('../images/home/6.png');*/
	/*text-align: right;*/
}
.getStarted--widgetTitle {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #2b95d2;
	padding-bottom: 3px;
	width: 100%;
	margin: 0 auto;
}
.getStarted--widgetTitle img {
	display: inline-block;
	padding-right: 10px;
}
.getStarted--widgetTitle h3 {
	display: inline-block;
	vertical-align: middle;
	/*padding-left: 50px;*/
}

.getStarted--widgetContent img {
	display: inline;
	margin-left: 10px;
}

.getStarted--widgetContent span {
	font-weight: 400;
}

.getStarted--widgetContent span a {
	display:inline-block; 
	color:#2b95d2; 
	font-size:16px; 
	margin-top: 10px;
	margin-bottom: 10px; 
	text-decoration: underline;
}

.getStarted--widgetContent ul {
	padding-top: 15px;
	padding-left: 20px;
	list-style-image: url(../images/bluesquaresmall.png);
	margin-bottom: 0px;
}

.getStarted--widgetContent a {
	color: black;
	text-decoration: none;
	font-size: 16px;
}

/* Interior: Get Started. */
body.dundasCategoryBlog .uk-panel-box.getStartedInterior h3.uk-panel-title { margin:0; }
body.dundasCategoryBlog .uk-panel-box.getStartedInterior {  border:solid 1px #e5e5e5; background:white; }
body.dundasCategoryBlog .uk-panel-box.getStartedInterior.doc { float:right; }
body.dundasCategoryBlog .tm-main-bottom .uk-width-medium-1-2 { width: 49%; }
body.dundasCategoryBlog .tm-main-bottom .uk-width-medium-1-2:nth-child(2) { margin-left:1%; }
.getStartedInterior .item-separator { display:none; }
.getStartedInterior .row-separator { clear:both; }
.getStartedInterior p { margin:0; padding:0; }
.getStartedInterior ul { margin:0; padding:0; list-style:none; }
.getStartedInterior ul li { padding:25px 0 25px 60px; border-bottom:solid 1px #e5e5e5; background:url(../images/greyarrow.png) no-repeat 0 30px; }
.getStartedInterior.doc ul li { padding:25px 0 25px 60px; border-bottom:solid 1px #e5e5e5; background:url(../images/articles.png) no-repeat 0 30px; }
.getStartedInterior ul li:last-child { border:0; }
body.dundasCategoryBlog  .tm-main-bottom.uk-grid { margin:0; }
body.dundasCategoryBlog  .tm-main-bottom.uk-grid .uk-width-1-1 { padding: 0; }

/* Home: Tabs. */
.uk-panel-box.tabs { padding:0; }
.tabs ul { margin:0; padding:0; list-style:none; }
.tabs ul li { margin-bottom:9px; }
.tabs ul li a { background:#f5f5f5 url(../images/hometabs.png) no-repeat 0 0; height:81px; line-height:81px; padding-left:115px; display:block;  }
.tabs ul li a.support { background-position: 0 -81px; }

/* Content: Category Blog (Dundas): FAQ Category Blog. */
.anchors { text-align:center }
.anchors a { display:inline-block; padding: 0 25px;  }
.totop { position:relative; }

/* Content: Category Blog (Dundas): FAQ Item. */
body.home .tm-sidebar-a .uk-panel-box { padding: 0; }
body.home .tm-sidebar-a .uk-panel-box.topFAQs { margin-top: 0; background: #f2f2f2; }
body.home .item.faqItem { margin-bottom: 5px; }
body.home .items-row:last-of-type .item.faqItem { padding-bottom: 0; margin-bottom: 0; }
body.home .item.faqItem .faqItem-content {}
body.home .item.faqItem .faqItem-content:before { content: ">"; color: #026DA8; display: block; float: left; font-weight: 700; line-height:12px; height: 15px; }
body.home .item.faqItem .faqItem-title { display: block; color: #000; margin: 0; margin-bottom: 5px; cursor: pointer; line-height: 1.2; margin-left: 15px; }
body.home .item.faqItem .faqItem-title:hover { color: #026DA8; }
body.home .item.faqItem.faqItem--open .faqItem-title { font-weight: 500; }
body.home .item.faqItem .faqItem-text { display: none; margin-left: 15px; }
body.home .item.faqItem .faqItem-text p {  }
body.home .item.faqItem p:last-of-type { margin-bottom: 0; }


/* HostIndicator. */
.hostIndicator-module {  }
.hostIndicator { position: fixed; right: 0; bottom: 0; margin: 10px !important; padding: 5px; background-color: #f2f2f2; color: #000; text-align: right; line-height: 1; z-index: 1000; opacity: .7; cursor: default; }
.hostIndicator:hover { opacity: 1; }
.hostIndicator .hostIndicator-header { }
.hostIndicator .hostIndicator-title { text-transform: uppercase; font-size: 10px; font-weight: 500; }
.hostIndicator .hostIndicator-serverName { font-size: 14px; font-weight: 500; }
.hostIndicator .hostIndicator-content { display: none; }
.hostIndicator:hover .hostIndicator-content { display: block; }
.hostIndicator .hostIndicator-serverAddress {  }

/* Google CSE Component */
.cse-search-button { margin-bottom: 10px; border-width: 0px; padding-top: 4px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background-color: #2896d3; color: white;}
.cse-search-box { width: 100%; max-width: 350px; }
.cse-result-title { font-size: 18px; }
.cse-result-item { padding-bottom: 25px; }
.cse-nav { margin-top: 25px; }
.cse-nav-button { display: inline-block; margin-bottom: 5px; font-size: 18px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; margin-right: 5px; background-color: #2896d3; color: white; }
.cse-nav-button-current { display: inline-block; margin-bottom: 5px; font-size: 18px; padding-left: 10px; padding-right: 10px; margin-right: 5px; font-weight: 600; }

.cse-search-box-module:after {
    content: "\f002";
    position: absolute;
    
    top: 0;
    right: 18px;

    width: 30px;
    line-height: 30px;

    text-align: center;

    font-family: FontAwesome;
    font-size: 14px;

    color: #000;
}

/* Online Trial: Banner. */
.onlineTrialPage .tm-top-a { margin: 0; }
.onlineTrialPage .tm-top-a .uk-width-1-1 { padding: 0; }
.onlineTrialBanner-module { padding: 0; margin: auto; max-width: 935px; }
.onlineTrialBanner { position: relative; background-color: #9bddf9; overflow:hidden; }
.onlineTrialBanner .onlineTrialBanner-image {}
.onlineTrialBanner .onlineTrialBanner-content { position: absolute; top: 0; margin: 40px; max-width: 550px; }
.onlineTrialBanner h1 { color: #323232; font-size: 30px; font-weight: 700;  margin-bottom: 10px; }
.onlineTrialBanner h1 img { max-width: 140px; position: relative; bottom: 3px; }
.onlineTrialBanner h2 { line-height: 1.2; font-size: 22px; margin-top: 0; font-weight: 400; }
.onlineTrialBanner .onlineTrialBanner-content ul { list-style: none; padding: 0; }
.onlineTrialBanner .onlineTrialBanner-content ul li { position: relative; padding: 3px 0; margin-left: 20px; max-width: 70%; }
.onlineTrialBanner .onlineTrialBanner-content ul li:before { display: block; position: absolute; left: -20px; font-family: FontAwesome; content: "\f105"; text-align: center; width: 20px; color: #fff; }
.onlineTrialBanner .onlineTrialBanner-anchor { display: block; background-image: url(../images/online-trial/get-started-with-videos.png); background-repeat: no-repeat; background-position: 15px center; padding: 15px; padding-left: 70px; min-height: 40px; background-color: #fff; max-width: 120px; margin-top: 140px; }

/* Online Trial: Video. */
.onlineTrialPage .tm-main-bottom { margin-top: 25px; margin-bottom: 25px; }
.trialPageVideo-module { background-color: #f2f2f2; margin-bottom: 30px; }
.trialPageVideo { overflow: hidden; }
.trialPageVideo-content { *margin-right: 120px; }
.trialPageVideo-buttons { float: right; }
.trialPageVideo-buttons a { color: #fff; background-color: rgba(40,150,211,.7); text-decoration: none; display: block; padding: 10px 15px; text-align: center; width: 120px; }
.trialPageVideo-buttons a:hover { color: #fff; background-color: rgba(40,150,211,1); text-decoration: none; }

 /* Online Trial: Module. */
x.onlineTrialPage .tm-top-b { margin-left: -25px !important; }
x.onlineTrialPage .tm-top-b .uk-width-1-1 { padding-left: 25px; }
.trialPageModule { border: 3px solid #f2f2f2; text-align: center; padding: 0; margin-top: 25px; position: relative; }
.trialPageModule.trialPageModule--trial { border-color: #F08C1D; }
.trialPageModule.trialPageModule--demo { border-color: #FBB440; }
.trialPageModule.trialPageModule--download { border-color: #9bddf9; }
.trialPageModule h3 { color: #000; padding: 0; padding-bottom: 3px; margin: 0; height: 60px; font-size: 20px; line-height: 60px; font-weight: 300; }
.trialPageModule.trialPageModule--trial h3 { background-color: #F08C1D; }
.trialPageModule.trialPageModule--demo h3 { background-color: #FBB440; }
.trialPageModule.trialPageModule--download h3 { background-color: #9bddf9; font-size: 18px; line-height: 20px; padding: 10px 40px; height: 43px; }
.trialPageModule .trialPageModule-content { padding: 20px; *padding-bottom: 90px; }
.trialPageModule .trialPageModule-content *:last-of-type { margin-bottom: 0; }
.trialPageModule .trialPageModule-icon { height: 50px; margin: 0 auto; margin-bottom: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.trialPageModule .trialPageModule-content .trialPageModule-pusher { height: 70px; }
.trialPageModule .trialPageModule-content .trialPageModule-anchorDiv { position: absolute; bottom: 0;  margin: 0 auto; margin-top: 20px; padding: 0 15px; left: 0; right: 0; display: block; width: 160px; margin-bottom: 20px; }
.trialPageModule .trialPageModule-content .trialPageModule-anchorDiv a,
.trialPageModule .trialPageModule-content .trialPageModule-anchorDiv input { border: 0; display: table-cell; color: #fff; background-color: #026DA8; text-decoration: none; width: 160px; height: 50px; vertical-align: middle; text-align: center;}
.trialPageModule .trialPageModule-content .trialPageModule-anchorDiv a:hover,
.trialPageModule .trialPageModule-content .trialPageModule-anchorDiv input:hover { background-color: rgba(29,153, 216, .7); color: #fff; text-decoration: none; }
.trialPageModule .trialPageModule-content label { margin: 10px 0; vertical-align: middle; }
.trialPageModule .trialPageModule-content label input { margin: 0; margin-right: 5px; }

/* My Account: Downloads. */ 
.myDownloads-requestForm {}
.myDownloads-requestForm label { vertical-align: middle; }
.myDownloads-requestForm label input { margin: 0; margin-right: 5px; }
.myDownloads-requestForm .myDownloads-requestForm-submit { border: 0; background: none; display: inline-block; color: #fff; background-color: rgba(29,153, 216, .7); text-decoration: none; text-align: center; padding: 5px 25px; width: initial; }
.myDownloads-requestForm .myDownloads-requestForm-submit:hover { background-color: #026DA8; color: #fff; text-decoration: none; }

/* Grid */
.uk-grid:not(.uk-grid-preserve) + .uk-grid, .uk-grid + .uk-grid { margin: 0; }
.uk-container { max-width: 985px;  }

/* Lists */
ul.arrow { list-style-image: url(../images/arrow.png); }
ul.arrow li {margin-bottom:5px; }


/* Top A */
.tm-top-a { margin-bottom: 40px;  }
.tm-top-a.uk-grid > * { float:none; }
.tm-top-a .right { float:right; }

/* Top B */


/* Top C */
.tm-top-c .uk-width-1-1 { padding: 0; }
.tm-top-c h3.uk-panel-title { font-size:25px; color:black; }

/* Sidebar A */
/*.uk-panel.grey { background:#f9f9f9; }*/
.uk-panel.grey h3 { font-size:30px; color:white; background:#2b95d2; padding:10px 30px; margin:0; }
.uk-panel.grey a { color:#656565; }
.uk-panel.grey ul { padding:10px 40px; }

/* Middle */
body.home .tm-middle { padding:20px 0; }

/* Bottom A */
.tm-bottom-a .uk-width-1-1 { float:left; }
x.tm-bottom-a .uk-panel { margin: 0 10px; }
body .tm-bottom-a .uk-container.uk-container-center { padding-left: 0; padding-right: 0; }
.tm-bottom-a a.blue { color:white; font-size:30px; display:block; background:#2b95d2; padding:10px 0; }
.tm-bottom-b p { font-size:20px; margin: 20px 0; }
.tm-bottom-b .inputbox { background:white; border: solid 1px #2996d3; width: 80%; vertical-align:top; margin:0; padding:8px; }
.tm-bottom-b .submit { background: #2996d3; vertical-align:top; color:white;padding:9px 30px 10px 30px; border:0; font-size:16px; }


/* TOC Plugin */
.autotoc {
    float: right;
    min-width: 180px;
    max-width: 240px;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 15px;
    font-size: 13px;
    background-color: #FFF;
    border: 1px solid #d8d8d8;
}

.autotoc > span {}

.autotoc > span + span {
    float: right;
    margin-left: 10px;
    font-family: inherit;
    font-size: inherit;
}

.autotoc ul {
    margin-left: 20px;
}

.autotoc > ul {
    margin-top: 5px;
    margin-left: 0;
}

.autotoc > ul li {
    display: block;
    margin: 5px 0;
}

.autotoc > ul li:last-of-type {
    margin-bottom: 0;
}

body.dundasCategoryBlog .uk-article .autotoc ul li { padding: 0; margin-left: 0; }
body.dundasCategoryBlog .uk-article .autotoc ul li:before { display: none; }

.autotoc > ul li a {
    display: inline-block;
    color: #000;
}

.autotoc a:hover {
    text-decoration: inherit;
    color: #026DA8;
}

/* Content. */

/* Buttons */
#editor-xtd-buttons a.btn, .controls a.btn, .controls .input-append .btn { font-size:13px; text-decoration:none; padding:6px 20px; }
.input-append .add-on, .input-prepend .add-on { height:20px; }

/* Content: Category List. */
.category-list {

}

.category-list .cat-children > h3 {
    display: none;
}

.category-list .cat-children .item-title {
    font-size: inherit;
    font-family: inherit;
}

.category-list .cat-children .item-title .btn-mini {
    display: none;
}



/* Content: PropertyName. */
span.property-name {
    color: #026DA8;
    font-family: Consolas, monospace, serif;
    letter-spacing: 0;
    font-size: 95%;
    font-weight: bold;
}

span.property-name:before {
    display: inline-block;
    position: relative;
    font-family: IcoMoon;
    font-size: 90%;
    margin-right: 3px;
    content: "\0038";
    top: 2px;

    display: none;
}

/* Syntax Highlighter. */
.syntaxhighlighter .toolbar { display: none; }

/* Tabs. */
.dundasTabs {

}

/* Tabs: Nav. */

.dundasTabs .dundasTabs-nav {
    list-style: none;

    margin: 0;
    margin-top: 50px;
    margin-bottom: 50px;

    padding: 0;
  
    border-bottom: 1px solid #d8d8d8;

    overflow: hidden;
}

.dundasTabs .dundasTabs-nav li {
    margin-bottom: -1px;
    position: relative;
    float: left;
}

.dundasTabs .dundasTabs-nav li a {
    display: block;
    padding: 8px 30px;
    border: 1px solid transparent;
    border-bottom-width: 0;
    margin-bottom: 1px;
    text-decoration: none;

    color: #000;
}

.dundasTabs .dundasTabs-nav li a:hover {
    color: #026DA8;
}
.dundasTabs .dundasTabs-nav li.dundasTabs-nav--active a {
    border-color: #d8d8d8;
    color: #026DA8;
}

.dundasTabs .dundasTabs-nav li:first-of-type { margin-left: 50px; }

/* Tabs: Items. */
.dundasTabs .dundasTabs-items {
    margin: 0;
    padding: 0;
}

.dundasTabs .dundasTabs-items > li {
    display: none;
    list-style: none;
}

.dundasTabs .dundasTabs-items > li.dundasTabs-item--active {
    display: block;
}


/* Content: Article. */
body.dundasCategoryBlog .uk-article { margin: 0 40px; }
body.dundasCategoryBlog .uk-article .uk-article-title { margin-left: -40px; margin-right: -40px; margin-bottom: 40px; }
Xbody.dundasCategoryBlog .uk-article * + h2 { border-top: 1px solid #d8d8d8; margin-top: 50px; margin-left: -40px; margin-right: -40px; padding: 0 40px; padding-top: 50px; }

/* Content: Article: List. */
ul.arrows,
body.dundasCategoryBlog .uk-article ul { list-style: none; padding: 0; }
ul.arrows > li,
body.dundasCategoryBlog .uk-article ul > li { padding: 3px 0 3px 20px; position:relative;}
ul.arrows > li:before,
body.dundasCategoryBlog .uk-article ul > li:before { font-family: FontAwesome; content: "\f105"; text-align: center; width: 20px; position:absolute; left: 0;}

/* Content: Article: Table. */
.uk-article table { background: #fff; border: 1px solid #d8d8d8; }
.uk-article table thead { border-bottom: 1px solid #d8d8d8; }
.uk-article table thead th { font-weight: 500; text-align: left; vertical-align: top; }
.uk-article table thead tr:first-of-type th { padding-top: 10px; } 
.uk-article table thead tr:last-of-type th { padding-bottom: 10px; } 
.uk-article table th,
.uk-article table td { padding-left: 0; padding-right: 20px; }
.uk-article table tbody { font-size: 13px; line-height: 1.3; }
.uk-article table tbody tr { border-bottom: 1px solid #d8d8d8; }
.uk-article table tbody tr:last-of-type { border-bottom: 0; }
.uk-article table tbody tr td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
.uk-article table th:first-of-type,
.uk-article table td:first-of-type { padding-left: 20px; }
.uk-article table tbody tr:first-of-type td { padding-top: 10px; }

/* Content: OAuth Article */
.oauth-page {
	font-family: Roboto;
	font-weight: 300;
	line-height: 1.7;
	color: #4E4E4E;
}
.oauth-page .header {
	color: #FFFFFF;
}

.oauth-page .header h1 {
	color: #FFFFFF;
}

.oauth-page  h1 {
	font-weight: 700;
	text-align: center;
	font-size: 34px;
	line-height: 1.5;
	margin-bottom: 45px;
}

.oauth-page .header p {
	font-size: 25px;
	max-width: 1000px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.oauth-page .header {
	background-color: #2896D3;
	width: 100%;
	height: auto;
	min-height: 500px;
	padding: 150px 30px;
	margin-top: 60px;
}

.oauth-page h2 {
	font-weight: 700;
	text-align: center;
	font-size: 34px;
	line-height: 1.5;
	margin-top: 100px;
	padding: 0 20px;
}

.oauth-page p.intro {
	max-width: 1000px;
	margin: 0 auto;
	display: block;
	font-size: 20px;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 45px;
	padding: 0 20px;
}

.oauth-page .emphasized {
	font-weight: 700;
}

.oauth-page .button {
    margin: 0 auto;
	padding: 12px 25px; 
	width: fit-content;
	background-color: #F28830;
	border-radius: 30px;
	color: #FFFFFF;
	cursor: pointer;
	border-color: #F28830;
	border-width: 1px;
	border-style: solid;
	display: block;
	line-height: 1;
	font-weight: 300;
	font-size: 1.5rem;
	transition: all .3s ease;
	outline:none;
	text-align: center;
	text-decoration: none;
}

.oauth-page .button:hover {
	background-color: #FFFFFF;
	border-color: #F28830;
	color: #F28830;
}

.oauth-page .button.secondary {
	color: #F28830;
	background-color: #FFFFFF;
}

.oauth-page .button:hover {
	background-color: #FFFFFF;
	color: #F28830;
	text-decoration: none;
}

.oauth-page .button.secondary:hover {
	background-color: #4C4C4C;
	color: #F28830;
	text-decoration: none;
}

.oauth-page #login-choices {
	display: flex;
	justify-content: center;
}

.oauth-page #login-choices a {
	margin: 10px 10px;
}

.oauth-page .button.disabled {
	background-color: #F2883045;
	border-color: #F2883014;
	cursor: not-allowed;
}

.oauth-page .button.disabled:hover {
	background-color: #F2883045;
	border-color: #F2883014;
	color: #FFFFFF;
	cursor: not-allowed;
}

.oauth-page div#choice-container {
	display: flex;
	flex-wrap: wrap;
	flex-basis: min-content;
	justify-content: center;
	padding: 0 20px;
}

.oauth-page div#download {
    width: 100%;
	max-width: 600px;
	border: 1px solid #2896D3
	box-sizing: border-box;
	box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
	border-radius: 10px;
	margin-right: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #2896D3;
}

.oauth-page div#download h3 {
	color: #FFFFFF;
	background-color: #2896D3;
	display: block;
	text-align: center;
	padding-top: 28px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 80px;
	font-size: 24px;
	font-weight: 700;
}

.oauth-page div#trial {
    width: 100%;
	max-width: 600px;
	border: 1px solid #F2F2F2
	box-sizing: border-box;
	box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
	border-radius: 10px;
	margin-left: 22px;
	border-width: 1px;
	border-style: solid;
	border-color: #F2F2F2;
}

.oauth-page div#trial h3 {
	color: #4E4E4E;
	background-color: #F2F2F2;
	display: block;
	text-align: center;
	padding-top: 28px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 80px;
	font-size: 24px;
	font-weight: 700;
}

.oauth-page div#choice-container h4 {
	color: #4E4E4E;
	display: block;
	text-align:center;
	margin-top: 45px;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 700;
}

.oauth-page div#choice-container p {
	margin-left: 45px;
	margin-right: 45px;
	margin-top: 45px;
	margin-bottom: 36px;
	font-size: 20px;
}

.oauth-page div#choice-container p.logged-out {
	margin-left: 45px;
	margin-right: 45px;
	margin-top: 18px;
	margin-bottom: 60px;
	font-size: 16px;
	font-style: italic;
	text-align: center;
}

.oauth-page #choice-container h1 {
	margin-top: 0px;
}

.oauth-page #choice-container h2 {
	margin-top: 0px;
}

.oauth-page #choice-container h3 {
	margin-top: 0px;
}

.oauth-page ul {
	margin-left: 45px;
	margin-right: 45px;
	font-size: 20px;
	list-style: none;
	padding-left: 15px;
}
.oauth-page ul li:before {
	content: '✓ ';
	font-weight: 1000;
	margin-left: -1em;
	margin-right: .100em;
}
.oauth-page ul li {
	min-height: 75px;
	line-height: 25px;
	max-width: 420px;
}

.oauth-page .expert-container {
    display: flex;
	justify-content:center;
	margin-top: 118px;
}

.oauth-page .expert-text {
	max-width: 629px;
}

.oauth-page .expert-text.logged-in {
	max-width: 629px;
	padding-top: 70px;
}

.oauth-page .expert-image {
	max-width: 470px;
	margin-left: 108px;
}

.oauth-page .expert-text h2 {
	text-align:left;
	margin-top: 0px;
	margin-bottom: 45px;
	padding: 0px;
}

.oauth-page .expert-text p {
	font-size: 20px;
}

.oauth-page .expert-text a {
	margin: 0;
	margin-top: 45px;
}

.mobile-only {
	display: none;
}

@media screen and (max-width:1349px) {
	.oauth-page div#choice-container {
		display: block;
		width: 100%;
	} 
	.oauth-page div#download {
		max-width: 100%;
	}
	.oauth-page div#trial {
		max-width: 100%;
		margin-left: 0px;
		margin-right: 22px;
		margin-top: 45px;
	}
	.mobile-only {
		display: block;
		margin-top :45px;
	}
	.desktop-only {
		display: none !important;
	}
	.oauth-page ul {
		margin: 0 auto;
		padding-left: 66px;
		padding-right: 22px;
	}
	.oauth-page ul li {
		margin: 0 auto;
		max-width: 700px;
	}
}

@media screen and (max-width:1200px) {
	.oauth-page .expert-image {
		display:none;
	}
}

@media only screen (min-width: 0) and (max-width: 768px)  {
	.oauth-page .expert-container {
		text-align: center;
		padding: 0 20px;
	}
	.oauth-page .expert-text h2 {
		text-align:center;
	}
	.oauth-page .expert-text a {
		margin: 45px auto!important;
	}
	.tm-bottom-d .footer-social {
		vertical-align: bottom;
		width:160px; /* brings the content closer to the center */
		margin: 0 auto; /* centers the content */
	}
}

/* Content: Promotional Article */
body.onlineTrialPage div.uk-panel-box { padding-left: 0px; padding-right: 0px; }

div.promotional-article { padding: 0px; padding-top: 10px; margin-top: -15px; overflow: hidden; }
div.trial-logo { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: lightgray;}
div.trial-logo h1 { margin-top: 0px; font-size: 16px; margin-bottom: 10px; }
div.promotional-article.uk-grid { max-width: 1280px; margin-left: 0px; }
div.promotional-article div.uk-width-medium-1-2.demo { background-color: #d4eaf7; padding-bottom: 500em; margin-bottom: -500em; }
div.promotional-article div.uk-width-medium-1-2.demo { border-right-style: solid; border-right-width: 6px; border-right-color: white; }
.promotional-article h1 { color: black; text-align: center; margin: 0; margin-bottom: 25px; font-size: 30px; font-weight: 500; float: none; }
.promotional-article h2 { color: #2b95d2; text-align: center; margin: 0; font-size: 30px; font-weight: 400; }
.promotional-article h3 { color: black; text-align: center; margin: 0; font-size: 18px; font-weight: 400; }
.promotional-article h4 { color: #2b95d2; text-align: center; }
div.promotional-article img { margin: 0 auto; display: block; }
.promotional-article div.spacer-text { background-color: white; padding-top: 40px; padding-bottom: 40px; }

.promotional-article div.trial-demo-header { text-align: center; background-size: contain; }
.promotional-article div.trial-demo-header img { width: 100%; height: auto; max-height: 307px; }
.promotional-article div.trial-demo-header.demo { background-image: url("/support/images/online-trial/demo.jpg"); }
.promotional-article div.trial-demo-header.trial { background-image: url("/support/images/online-trial/trial.jpg"); }
.promotional-article div.trial-demo-header span { padding-top: 10px; font-size: 18px; display: block; }
.promotional-article div.trial-demo-header h2 { padding-bottom: 10px; font-size: 26px; font-weight: 500; }
.promotional-article div.trial-demo-header.demo span { cursor: pointer; }
.promotional-article div.trial-demo-header.demo h2 { cursor: pointer; }
.promotional-article div.trial-demo-header.demo span { background-color: #2896d3; color: white;}
.promotional-article div.trial-demo-header.demo h2 { background-color: #2896d3; color: white; }
.promotional-article div.trial-demo-content.demo { background-color: #d4eaf7; padding-top: 40px; padding-bottom: 40px; border}
.promotional-article div.ul-list { text-align: center; margin-bottom: 40px; }
.promotional-article div.ul-list ul { display: inline-block; text-align: left; margin: 0px;}
.promotional-article div.ul-list li { padding: 7px 0px; }
.promotional-article div.btn  { background: white; border-color: #2b95d2; border-style: solid; border-width: 1px; color: #2b95d2; width: 200px; padding: 10px 0; margin: 0 auto; text-align:center; display: block; }
.promotional-article div.btn#demo-button-1 { margin-bottom: 40px; }

.promotional-article div.trial-demo-content.trial { overflow: hidden; }
.promotional-article div.trial-demo-content.title { border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: white; }
.promotional-article div.trial-demo-header { border-bottom-style: solid; border-bottom-width: 6px; border-bottom-color: white; }
.promotional-article div.trial-demo-header.trial span { background-color: #f2f2f2; color: black;}
.promotional-article div.trial-demo-header.trial h2 { background-color: #f2f2f2; color: black; }
.promotional-article div.download-online-section { background-color: #f2f2f2; width: 49.5%; float: left; text-align:center; padding-bottom: 500em; margin-bottom: -500em; }
.promotional-article div.download-online-section.button p {text-align: left; margin-left: 20px; margin-right: 20px; }
.promotional-article div.spacer { float: left; width: 1%; padding-bottom: 500em; margin-bottom: -500em; background-color: white;}
.promotional-article div.download-online-section { padding-top: 20px; }
.promotional-article div.download-online-section h3 { padding-bottom: 20px }
.promotional-article div.download-online-section span { display:block; width: 75%; margin: 0 auto; }
.promotional-article div.download-online-section div.ul-list li { padding: 5px 0px; }
.promotional-article div.download-online-section div.ul-list { margin-bottom: 20px; }
.promotional-article div.download-online-section div.btn { margin-bottom: 40px; width: 80%; max-width: 200px; }

div#demo-form p { text-align: center; margin-top: 10px; margin-bottom: 0px; }
.modal-body iframe { max-height: none; }
.modal-body { max-height: none; }

.promotional-article .form-box fieldset { margin-bottom: 0px; }
div.promotional-article .form-box .single-form-item { float: left; width: 100%; }
div.promotional-article .form-box .form-item-left { float: left; width: 50%; }
div.promotional-article .form-box .form-item-right { float: right; width: 50%; }
div.promotional-article .form-box .form-item-left fieldset { padding-right: 5px; }
div.promotional-article .form-box .form-item-right fieldset { padding-left: 5px; }
.promotional-article .form-box .single-form-item input { width: 100%; height: 30px; }
.promotional-article .form-box .single-form-item select { width: 100%; height: 30px; }
.promotional-article .form-box .form-item-left select { width: 100%; height: 30px; }
.promotional-article .form-box .form-item-right select { width: 100%; height: 30px; }
.promotional-article .form-box .form-item-left input { width: 100%; height: 30px; }
.promotional-article .form-box .form-item-right input { width: 100%; height: 30px; }
.promotional-article .form-box input[type="submit"] { width: auto; height: inherit; float: right; }
.promotional-article .form-box input[type="checkbox" i] { margin-top: -2px; }

div.promotional-article .sectioned-row {border-color: #2b95d2; border-width: 1px 0 0 0; border-style: solid; padding: 5px 0 5px 0; }

.promotional-article.uk-grid h1 { padding-left: 0px; }
.promotional-article.uk-grid div { padding-left: 0px; }
div.promotional-article aside { border-left-style: solid; border-left-width: 1px; border-left-color: #2b95d2; }
div.promotional-article div.left { padding-right: 25px; }
div.promotional-article div.uk-grid { padding-left: 25px; }
div.promotional-article p { text-align: center; }
div.promotional-article p.info-text { text-align: left; }
.promotional-article hr { border-color: #2b95d2; }
.promotional-article div.column-container div.column-1-2-left { float: left; width: 49%; overflow: hidden; }
.promotional-article div.column-container div.column-1-2-right { float: left; width: 49%; overflow: hidden }
.promotional-article div.column-container { overflow: hidden; }
.promotional-article div.column-spacer { float: left; width: 1px; padding-bottom: 500em; margin-bottom: -500em; border-left-style: solid; border-left-width: 1px; border-left-color: #2b95d2; }
div.column-1-2-left .inner { padding-right: 25px; padding-bottom: 500em; margin-bottom: -500em; }
div.column-1-2-right .inner { padding-left: 25px; padding-bottom: 500em; margin-bottom: -500em; }
div.column-container p { min-height: 38px; }

div.promotional-article aside img { max-width: 467px; margin: 0 auto; display: block; }

@media (max-width: 767px) {
	div.promotional-article div.left { padding-right: 0px; }
	div.promotional-article aside { border-left-style: none; }
}

div.promotional-article { min-width: 320px; }
div.promotional-article .header  { margin-bottom: 30px; }
div.promotional-article .header-left  { margin-bottom: 30px; }
div.promotional-article .form-box { border-color: #c0c0c0; border-width: 1px; border-style: solid; padding: 10px;}

.promotional-article li:before { color: #2b95d2; font-family: FontAwesome; content: '\f00c'; margin-left: -2em; margin-right: 0.100em; }
.promotional-article ul { list-style: none; }

.promotional-article form { margin-bottom: 0px; }
.promotional-article form p {text-align: left; margin-bottom: 0px; padding-top: 5px; }

div.aligned-login-box { width: 310px; float:left; display:inline-block; padding-left: 5px; padding-top: 20px; margin-right: 10px; margin-bottom: 10px; border-style: solid; border-width:1px; border-color:#c0c0c0; min-height: 214px; }
.aligned-login-box input[type="password" i]{ width: 300px; }
.aligned-login-box input[type="email" i]{ width: 300px; }
.aligned-register-box { width: 586px; float: left; }

/* Profile Edit */
.profile-edit p { margin-top:0; }
.profile-edit input,
.profile-edit select { width: 100%; }
.profile-edit input[type=checkbox] { width: auto; }
.profile-edit fieldset { margin: 0 50px; }
.profile-edit .form-actions { background:none; margin-left: 220px; padding-left: 0; }
.profile-edit .optional { display: none; }

.profile-edit .buttons { float: right; margin-right: 0; }
.profile-edit .form-actions.buttons { padding:0; }
.pass { clear:both; border-top: solid 1px #d8d8d8; padding-top: 50px; margin-top: 50px; }

.uk-table th { border-right: solid 5px #fafbfb;}
.uk-table th i { float:right; }
.uk-table th { background:#f2f2f2; font-size:16px; }
.uk-table td { font-size:16px; }
ul#my-account li h3 { margin:0 0 10px 0; padding:0; }
.downloads .uk-table th, .keys .uk-table th, .license .uk-table th, .notifications .uk-table th { cursor:pointer; background:none; }
.notifications .uk-table th  { text-align:center; }
.interests  input[type="checkbox"] { margin:0 10px 0 0; }
.overview.form-horizontal .controls { margin:8px 0 0 200px; }	
.form-horizontal.overview .control-label { text-align:left; }
.row.input { margin:0 0 10px 0; }

/* My Account Intro. */
.myAccountIntro { padding: 20px; background-color: #9bddf9; text-align: center; }
.myAccountIntro .myAccountIntro-links { list-style: none; text-align: center; margin: 0; }
.myAccountIntro .myAccountIntro-links li { display: inline-block; margin-left: 20px; }
.myAccountIntro .myAccountIntro-links li:first-of-type { margin-left: 0; }
.myAccountIntro .myAccountIntro-links li a { display: block; color: #000; padding: 10px 25px; text-decoration: none; background-color: #f2f2f2; }
.myAccountIntro .myAccountIntro-links li a:hover { background-color: #fff; text-decoration:none; }

/* My Account: Issues. */
.myIssuesTable { width: 100%; background: #fff; border: 1px solid #d8d8d8; }
.myIssuesTable thead { border-bottom: 1px solid #d8d8d8; }
.myIssuesTable thead th { font-weight: 500; text-align: left; vertical-align: top; }
.myIssuesTable thead tr:first-of-type th { padding-top: 10px; } 
.myIssuesTable thead tr:last-of-type th { padding-bottom: 10px; } 
.myIssuesTable th,
.myIssuesTable td { padding-left: 0; padding-right: 20px; }
.myIssuesTable tbody { font-size: 13px; line-height: 1.3; }
.myIssuesTable tbody tr { border-bottom: 1px solid #d8d8d8; }
.myIssuesTable tbody tr:last-of-type { border-bottom: 0; }
.myIssuesTable tbody tr td { padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
.myIssuesTable th:first-of-type,
.myIssuesTable td:first-of-type { padding-left: 20px; }
.myIssuesTable tbody tr:first-of-type td { padding-top: 10px; }
.myIssuesTable td p { margin-bottom: 10px; }
.myIssuesTable tbody tr td *:last-child { margin-bottom: 0; }


/* Best Practices */
body.bestpractices h3.uk-h3,
body.bestpractices h1.uk-article-title { font-size:35px; color:black; }

body.bestpractices .uk-article h2 { font-size: 30px; }
body.bestpractices .pull-left.item-image { margin:0 30px 95px 0; }
body.bestpractices dl.article-info  { display:none; }
body.bestpractices a.btn { background:none; padding:0; margin:0; color: #000; margin-top: 5px; }
body.bestpractices a.btn:hover { color: #026DA8; }
body.bestpractices a.btn span { display:none; }
body.bestpractices .tm-content .uk-width-medium-1-1 { padding-left:0; }
body.bestpractices .tm-content .uk-width-medium-1-1 h2 { margin:0; padding:0; font-size:22px; }
body.bestpractices .tm-content .uk-width-medium-1-1 p { margin:0; padding:0;  }
body.bestpractices .item { clear:both; border-bottom:solid 1px #e5e5e5; padding-bottom:50px; margin-bottom:50px; }
body.bestpractices .item:last-child { border:0; }
body.bestpractices .tm-content { }

/* Content: Category Blog (Dundas). */
body.dundasCategoryBlog.article .uk-article .uk-article-title { margin:0px; }
body.dundasCategoryBlog.article .uk-article { margin:0; }
body.dundasCategoryBlog.article .uk-article h1.uk-article-title { font-size:24px; margin:0 0 20px 0; }

body.dundasCategoryBlog .page-header { padding:0; margin-bottom: 5px; }
body.dundasCategoryBlog.tm-sidebar-a-left .tm-sidebar-a { padding: 0; border-right: 1px solid #d8d8d8; }
body.dundasCategoryBlog.tm-sidebar-a-left .tm-sidebar-a > .uk-panel { padding: 40px; }
body.dundasCategoryBlog.tm-sidebar-a-left .tm-main { padding: 40px; }
body.dundasCategoryBlog .tm-content .uk-width-medium-1-1 { padding-left:0; }
body.dundasCategoryBlog .tm-content h3.uk-h3 {  margin: 0; margin-bottom: 30px; }
body.dundasCategoryBlog a.btn { background:none; color: #2b95d2; padding:0; margin:0; font-size:14px; }
body.dundasCategoryBlog a.btn span { display:none; }
body.dundasCategoryBlog .uk-panel-box { background: none; }
body.dundasCategoryBlog.tm-sidebar-a-left .tm-middle { background: #FFF; border: 1px solid #d8d8d8; }
body.dundasCategoryBlog .maincol { }
body.dundasCategoryBlog .item { clear:both; border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; }
body.dundasCategoryBlog .item:last-child { border:0; padding-bottom: 0; margin-bottom: 0; }

body.dundasCategoryBlog .item.item--hasImage .itemImage { float: left; width: 70px; }
body.dundasCategoryBlog .itemImage .item-image { float: none; width: 100%; }
body.dundasCategoryBlog .itemImage .item-image img { width: 100%; }

body.dundasCategoryBlog .item.item--hasImage .itemContent { margin-left: 85px; }
body.dundasCategoryBlog .item .item-videoDuration { margin-bottom: 10px; opacity: .7; }

body.dundasCategoryBlog .item .article-info { display: none; }
body.dundasCategoryBlog .tm-content .uk-pagination { margin-top: 50px; }
body.dundasCategoryBlog .tm-content .item h2 { font-family: inherit; font-size: 18px; margin: 0; }
body.dundasCategoryBlog .tm-content .item p { margin:0; padding:0; }

/* Content: Category Blog (Dundas): FAQ Item. */
body.dundasCategoryBlog .item.faqItem { padding-bottom: 10px; margin-bottom: 10px; }
body.dundasCategoryBlog .item.faqItem .faqItem-content {}
body.dundasCategoryBlog .item.faqItem .faqItem-title { color: #000; font-size: 16px; margin: 0; margin-bottom: 5px; cursor: pointer; }
body.dundasCategoryBlog .item.faqItem .faqItem-title:hover { color: #026DA8; }
body.dundasCategoryBlog .item.faqItem .faqItem-text { display: none; }

/* Content: Category Blog (Dundas): Sidebar: Nav. */
body.dundasCategoryBlog .tm-sidebar-a .uk-nav ul { padding-left: 25px; }
body.dundasCategoryBlog .tm-sidebar-a .uk-nav li > a { padding: 5px 0; }

/* Content: Category Blog (Dundas): Featured Items. */
.featuredBlogItems { padding-bottom: 30px; }
.featuredBlogItems > div > div { background: #FFF; border: 1px solid #d8d8d8; }
.featuredBlogItems > div > div > div { width: 33.3%; border-right: 1px solid #d8d8d8; padding: 30px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.featuredBlogItems > div > div > div:last-of-type { border: 0; }
.featuredBlogItems > div > div > div > a { display: block; text-align: center; }
.featuredBlogItems > div > div > div > a img { display: inline-block; max-width: 100%; }
.featuredBlogItems > div .info { border-top: 1px solid #d8d8d8; padding-top: 20px; margin-top: 20px; }
.featuredBlogItems > div .title { display: block; line-height: 1.2; margin-bottom: 5px; }

/* Content: Video. */
.articleVideo { background-color: #f3f3f3; padding: 40px; margin-top: 20px; }
.articleVideo .articleVideo-iframe,
.articleVideo object,
.articleVideo embed { display: block; margin: auto; height: 480px; width: 100%; }
.articleVide-download { margin-top: 10px; }

/* Content: Training Video Category */
div.video-playlist-header {
    margin-top: 25px;
    margin-bottom: 25px;
}

#module-filter {
    font-size: 20px;
    width: 300px;
    background-color: white;
}

div.video-filter-container-set {
    min-width: 500px;
    display: inline-block;
}

div.video-filter-container {
    position: relative;
    display: inline-block;
}

div.video-filter-container div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
    cursor: pointer;
    pointer-events: none;
}

div.video-filter-container input {
    background-color: white;
    color: black;
    border-color: lightgrey;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    outline: none;
}

div.video-filter-container input:hover{
    background-color: lightgrey;
    color: black;
}

div.video-filter-container input:active{
    background-color: #e0e0e0;
}

div.video-filter-container select {
    width: 100px;
}

div.video-playlist-container {
    min-width: 500px;
}

div.video-playlist-item {
    padding-top: 25px;
    padding-left: 50px;
    background-color: #eaf5fb;
    margin-top: 2px;
    min-height: 81px;
}

div.video-icon {
    float: left;
    width: 100px;
    height: 56px;
    background-image: url("/support/images/videos/play-icon.png");
    background-repeat: no-repeat;
    background-position: 50% 10%;
    background-color: #bbc4c9;
    position: relative;
}

div.video-watched {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 3;
    color: darkgrey;
    text-align: center;
    background-color: rgba(220, 220, 220, 0.5);
    pointer-events: none;
}

div.category-container {
    display: inline-block;
}

span.clickableLink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 2;
}

div.video-icon-progress {
    background-color: rgba(40,150,211, 0.5);
    height: 100%;
    float: left;
}

span.video-icon-text {
    position: absolute;
    top: 30px;
    left: 25px;
    font-size: 20px;
}

div.video-info {
    overflow: hidden;
    margin-left: 120px;
}

span.video-info-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 0.75em;
    margin-right: 20px;
}

span.video-info-length {
    background-color: black;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
}

span.video-info-audience {
    color: darkgrey;
    margin-left: 10px;
    padding-left: 10px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #2896d3;
}

span.video-info-description {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    color: darkgrey;
}

/* Downloads */
body.downloads h1.uk-article-title a { font-size:30px; color:#b2b2b2; }
body.downloads .tm-main-bottom { margin:70px 0; }

/* Contact: Holiday Hours. */
.contactHolidayHours { padding: 20px; border: 2px solid #026DA8; margin-bottom: 40px; }
.contactHolidayHours h2 { color: #026DA8; }
.contactHolidayHours p:last-of-type { margin-bottom: 0; }

/* Contact. */
.contactSupportItem { overflow: hidden; margin-top: 20px; }
.contactSupportItem .contactSupportItem-icon { display: block; float: left; width: 60px; height: 60px; background-position: center top; background-repeat: no-repeat; }
.contactSupportItem.contactSupportItem--call .contactSupportItem-icon { background-image: url(../layout/contact/call.png);}
.contactSupportItem.contactSupportItem--email .contactSupportItem-icon { background-image: url(../layout/contact/email.png); }
.contactSupportItem.contactSupportItem--issue .contactSupportItem-icon { background-image: url(../layout/contact/issue.png); }
.contactSupportItem .contactSupportItem-content { display: block; margin: 0; margin-left: 80px; }

/* Contact: Issue. */
.contactForm { margin: 0; padding: 0; }

/* Contact: Form. */
.contactSupportForm-module { margin: 0; padding: 0; }
.contactSupportForm { background: #FFF; border: 1px solid #d8d8d8; padding: 40px; margin-bottom: 15px; }
.contactSupportForm fieldset { margin: 0; margin-bottom: 10px; margin-left: 40px; }
.contactSupportForm fieldset label { display: inline-block; width: 200px; }
.contactSupportForm fieldset input,
.contactSupportForm fieldset select,
.contactSupportForm fieldset textarea { display: inline-block; width: 500px; margin: 0; }
.contactSupportForm fieldset textarea { min-height: 100px; }
.contactSupportForm .contactSupportForm-submit { border: 0; color: #fff; background: rgba(29,153, 216, .7); width: auto; display: inline-block; padding: 5px 25px; }
.contactSupportForm .contactSupportForm-submit:hover { background: #026DA8; }

/* Support Form */
#chronoform_Submit_Issue {  }
#chronoform_Submit_Issue fieldset { background: #fff; border: 1px solid #d8d8d8; padding: 40px; margin-bottom:15px; }
#chronoform_Submit_Issue h2 { margin-bottom: 30px; }
#chronoform_Submit_Issue .ccms_form_element { margin:0 40px; }
#chronoform_Submit_Issue .ccms_form_element.cfdiv_select { margin-bottom:10px; }
#chronoform_Submit_Issue .ccms_form_element.cfdiv_submit input { width: 80px; background-color: rgba(29,153, 216, .7); color:#fff; padding: 8px 0 !important; margin: 0; margin-top: 30px; margin-left: 620px; }
#chronoform_Submit_Issue .ccms_form_element.cfdiv_submit input:hover { background: #026DA8; }
.chronoform { display:none; }
#chronoform_Submit_Issue .ccms_form_element label { font-weight: normal; width: 200px; }
#chronoform_Submit_Issue .ccms_form_element input,
#chronoform_Submit_Issue .ccms_form_element textarea { width: 500px; border: 0; padding: 6px !important; }
#chronoform_Submit_Issue .ccms_form_element textarea { min-height: 100px; }
#chronoform_Submit_Issue .ccms_form_element select { width: 500px; border: 0; padding: 6px;  }

/* Support Bottom Module */
body.contactsupport .tm-bottom-b .uk-panel { text-align: left; color:black; }
body.contactsupport .tm-bottom-b .uk-panel img { float: left; margin:0 60px 0 30px }
body.contactsupport .tm-bottom-b .uk-panel h3 { margin: 0 0 10px; padding:0; font-size:30px; }
body.contactsupport .tm-bottom-b .uk-panel p { margin:0; padding:0; font-size:16px; }

/* Login Form Message. */
.loginFormMessage-module { }
.loginFormMessage { }
.loginFormMessage .loginFormMessage-content { padding: 2px; background-color: #9bddf9; overflow: hidden; }
.loginFormMessage .loginFormMessage-title { font-weight: 700; font-size: 27px; background-color: #FFF; padding: 10px; }
.loginFormMessage .loginFormMessage-title img { position: relative; bottom: 3px; }
.loginFormMessage .loginFormMessage-text { padding: 5px 10px;  }
.loginFormMessage .loginFormMessage-text *:last-child { margin-bottom: 0; }

/* Login: Form. */
.uk-alert { margin-top: 20px; }
.login label { text-align:left; }
.login input[type="checkbox"] { margin:0; }
.remember { font-size:13px; }
.submit { text-align:right }
.login .well { margin: 40px 40px; }
.login .form-horizontal .control-label { width: 180px; }
.login .form-horizontal .controls { margin-left:220px; }
.login .control-group input#username, .login .control-group input#password  { width: 100%; float:right; padding:6px; }
.login .controls.loginLinks { margin-top: 20px; }

/* Registration */
.registration .control-label { text-align:left }
.registration form { margin: 40px; }
.registration .controls input  { width: 100%; padding: 6px; }
.registration .controls select { width: 100%; }
.registration .form-horizontal .controls { margin-left: 200px; }
.registration .form-horizontal .control-label { width: 200px; }
.registration #jform_profile_tos {  }
.registration #jform_profile_tos label { position: relative; top: -4px; }
.registration .optional { display:none; }
.star, .red  { color:#026DA8; font-weight:bold; }
.registration #jform_spacer-lbl { display: none; }
.registration .submit { float:right; }
.form-actions.submit { padding: 0; }
.registration .form-horizontal .info { font-size:12px; line-height:140%; margin:20px 0; }
.registration .info .controls { margin-left:210px; }
.registration .controls input[type="radio"],
#jform_profile_tos input[type="radio"] { width: 14px !important; height: 16px; margin: 0 !important; padding: 0 !important; margin-right: 4px !important; }
.registration #jform_profile_casl { padding: 0; margin: 0; padding-left: 2px; }
.registration #jform_profile_casl label { position: relative; top: -4px; margin: 0; }
.registration .control-group:nth-child(8) { margin-top: 10px; padding-top: 10px; border-top: 2px solid #d8d8d8; }

/* Email Subscriptions  */
#chronoform_EmailSubscriptions input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])  {  width: 50%; background:#f2f2f2; border:0; float:right; padding:8px; margin:0;  }
#chronoform_EmailSubscriptions .cfdiv_text label { width: 250px; }
#chronoform_EmailSubscriptions .ccms_form_element { margin-bottom:0; padding-bottom: 0; }
#chronoform_EmailSubscriptions .cfdiv_submit input.btn.btn-primary { float: right; border:0; padding:10px 20px !important; }
.cfdiv_checkboxgroup label { width: 85%; }

/* Mobile Menu */
.uk-navbar-toggle span { display:none; }

.tm-navbar .uk-navbar-nav > li > a.mobile-only {display: none; }

/* Search Module */
.uk-search label { display:none; }

/* Search Result */
#searchForm .uk-panel { margin: 0; padding: 0; margin-bottom: 50px; }
#searchForm  input[type="radio"],
#searchForm  input[type="checkbox"] { margin:4px 5px 0;}
.uk-margin-topsearchResults { overflow: hidden; }
.uk-margin-topsearchResults > strong { float: left; }
.uk-margin-topsearchResults > .uk-float-right { }
fieldset.filter .uk-form-row { display:inline-block; vertical-align:top }
fieldset.filter .uk-form-row.filters { margin: 0; }

/* Search: Results. */
.searchResult-item {

}
.searchResult-item:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.searchResult-item .searchResult-itemTitle {
    margin: 0;
    margin-bottom: 5px;
}

/* Tablet. */
@media (max-width: 944px)  {

    /* Debug. */
    *body { background-color: rgba(255,255,0,0.3); }

    /* Nav. */
    .tm-navbar .uk-navbar-nav { float: none; border-bottom: 1px solid #d8d8d8; }

    /* Nav: Search. */
	input.uk-search-field,
    input.uk-search-field:focus { width: 255px; }
	
    /* Home: Top A. */
    .home .tm-top-a { margin-bottom: 20px; }

    .homeWidget a h3 { font-weight: 300; }

    /* Home: Slideshow. */
    .wk-slideshow .caption { width: 100%; }
    .wk-slideshow div.caption-content { width: 40%; }
    .wk-slideshow div.caption-content a { padding: 20px; }
    .wk-slideshow .slides img { max-width: 100%; }

    /* Home: Intro. */
    .homeIntro > div { margin: 0; }
    .homeIntro > div h2 { font-size: 18px; }
    
    body.dundasCategoryBlog .uk-article { margin: 0 30px; }
    body.dundasCategoryBlog .uk-article .uk-article-title { margin-left: -30px; margin-right: -30px; margin-bottom: 30px; }

    .recommendedContent h3 { font-size: 24px; font-weight: 300; }
    x.trialPageModule h3 { font-weight: 300; }

    /* Content: Video. */
    .articleVideo { padding: 20px; }
    .articleVideo .articleVideo-iframe,
    .articleVideo object,
    .articleVideo embed { height: 400px; }

    /* Online Trial. */
    .onlineTrialBanner .onlineTrialBanner-image { display: none; }
    .onlineTrialBanner .onlineTrialBanner-content { position: relative; max-width: initial; }
    .onlineTrialBanner .onlineTrialBanner-content ul li { max-width: initial; }
    .onlineTrialBanner .onlineTrialBanner-anchor { margin-top: 10px; }
    .trialPageModule h3 { font-size: 24px; }
    .trialPageModule.trialPageModule--download h3 { font-size: 20px; padding-left: 10px; padding-right: 10px; }
    
    /* Support. */
    .supportWidgetButtons li { width: 48%; }

    /* Contact. */
    #chronoform_Submit_Issue .ccms_form_element label { float: none; }
    #chronoform_Submit_Issue .ccms_form_element input,
    #chronoform_Submit_Issue .ccms_form_element textarea { width: 100%; }
    #chronoform_Submit_Issue .ccms_form_element select { width: 100%; }
    #chronoform_Submit_Issue .ccms_form_element.cfdiv_submit input { float: right; margin-left: 0; }

    /* Contact: Form. */
    .contactSupportForm { padding: 20px; }
    .contactSupportForm fieldset { margin-left: 0; }
    .contactSupportForm fieldset input,
    .contactSupportForm fieldset select,
    .contactSupportForm fieldset textarea { width: 100%; }
    
    /* Login. */
    .login .well { margin: 20px 20px; }

    /* Register. */
    .registration form { margin: 30px; }
}

/* Phone. */
@media (max-width: 767px)  {

    /* Debug. */
    *body { background-color: rgba(255,0,0,0.3); }
	
	/*body { font-size: 18px; }
	.autotoc { font-size: 18px; }
	.tm-top-b .uk-breadcrumb {font-size: 18px; }
	.tm-bottom-d { font-size: 18px; }
	.tm-bottom-e { font-size: 18px; }
	.tm-footer { font-size: 18px; }
	.uk-article table tbody { font-size: 18px; }*/

    /* Footer: Nav. */
    .tm-bottom-d .uk-nav { display: none; }

    /* Footer: Info. */
    .tm-bottom-e .uk-panel.phone { margin-top: 10px; }
    .tm-bottom-e .uk-panel.phone p { margin-bottom: 10px; }
    .tm-bottom-e .uk-panel.phone p:last-child { margin-bottom: 0; margin-top: 10px; }

    /* TODO: romane - Clean this up. */
	.uk-grid, .uk-grid > .uk-grid-margin { margin:0; }
	.tm-footer, .tm-bottom-e, .tm-bottom-d { padding:10px; text-align:center }
	.tm-bottom-c { padding:15px; }
	.tm-bottom-c IMG { display:block; margin:10px 0; }
	.tm-bottom-d { border: 0; }
	.tm-bottom-b { padding:10px 0; }
	.tm-bottom-b a { display:block; }
    .tm-bottom-b p { margin-bottom: 20px; }
	.tm-bottom-b .dd-banner-nav { margin: 0 auto; }
	.tm-bottom-b ul li:last-child {  }
	.maincol { padding:10px;  }
	.tm-bottom-d li { line-height: 1.2; }
	.uk-breadcrumb { padding:5px 0; }
	.tm-bottom-b ul li { display:block; }
	body.about .tm-content .uk-width-medium-1-1, body.support .maincol { margin:0; }
	h2, .uk-h2 { line-height: 1.2; }
	.uk-grid > * { padding-left: 0; }
	.tm-bottom-d .uk-width-medium-1-3 > div { float:none; text-align:center;  width: auto;} 
	body.dundasCategoryBlog.tm-sidebar-a-left .maincol { margin:auto; }
	#chronoform_EmailSubscriptions .cfdiv_text label { width: auto; }
	#chronoform_EmailSubscriptions input:not([type="radio"]):not([type="checkbox"]):not([type="submit"])  { float:none; width: auto; }
	
    /* Home: Top A. */
    .home .tm-top-a { margin-bottom: 10px; }

    /* Home: Slideshow. */
    .wk-slideshow .caption { margin: 0; padding: 0; position: relative; top: 0; }
    .wk-slideshow div.caption-content { float: none; width: 100%; }
    .wk-slideshow div.caption-content a { padding: 10px; }
    .wk-slideshow div.caption-tryDundasBI { bottom: 100%; }
    .wk-slideshow .caption h1 { font-size: 21px; }
    .wk-slideshow .caption h1 span { display:inline-block; font-size: inherit; color: inherit; }
    .wk-slideshow .caption p { *display: none; font-size: inherit; margin-top: 10px; }
    .wk-slideshow-default .nav { position: relative; margin: 0 auto; bottom: 0; padding: 10px 0; background-color: rgba(0,0,0,.1); }

     /* Home: Widget. */
    .homeWidget a img { display: none; }

    /* Content: Category Blog (Dundas). */
    body.dundasCategoryBlog.tm-sidebar-a-left .tm-sidebar-a { border-right: 0; border-top: 1px solid #d8d8d8; }
    body.dundasCategoryBlog.tm-sidebar-a-left .tm-sidebar-a > .uk-panel { padding: 20px 40px; }
    body.dundasCategoryBlog.tm-sidebar-a-left .tm-main { padding: 20px; }
    body.dundasCategoryBlog .pull-left.item-image { display: none; }
    body.dundasCategoryBlog .item { padding-bottom: 15px; margin-bottom: 15px; }
    body.dundasCategoryBlog .tm-content .item h2 { font-size: 16px; }
    body.dundasCategoryBlog .tm-content .uk-pagination { margin-top: 30px; }

    body.dundasCategoryBlog .uk-article { margin: 0; }
    body.dundasCategoryBlog .uk-article .uk-article-title { margin-left: 0; margin-right: 0; margin-bottom: 20px; }

    /* Content: Category Blog (Dundas): Featured Items. */
    .featuredBlogItems > div > div > div { width: auto; border: 0; border-bottom: 1px solid #d8d8d8; padding: 20px 0; margin: 0 20px; display: block; overflow: hidden; }
    .featuredBlogItems > div > div > div:last-of-type { border: 0; }
    .featuredBlogItems > div > div > div > a { float: left; max-width: 120px; }
    .featuredBlogItems > div > div > div > a img { display: inline-block; max-width: 100%; }
    .featuredBlogItems > div .info { border: 0; padding: 0; margin: 0; margin-left: 140px; }
    .featuredBlogItems > div .title {  }

    /* Content: Video. */
    .articleVideo { padding: 10px; }
    .articleVideo .articleVideo-iframe,
    .articleVideo object,
    .articleVideo embed { height: 320px; }

    /* Support. */
    .supportWidgetButtons li { width: auto; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #d8d8d8; }
    .supportWidgetButtons li:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

    /* Contact. */
    #chronoform_Submit_Issue fieldset { padding: 20px; }
    #chronoform_Submit_Issue .ccms_form_element { margin: 0; }

    /* Contact: Form. */
    .contactSupportForm .dundasTabs .dundasTabs-nav li:first-of-type { margin-left: 20px; }

    /* Login: Message. */
    .loginFormMessage .loginFormMessage-image { margin: auto; }

    /* Login: Form. */
    .login .well { margin: 20px 0; }
    .login .form-horizontal .control-label { width: auto; }
    .login .form-horizontal .controls { margin-left: 0; }
    .login .control-group input#username,
    .login .control-group input#password,
    .login .control-group input[type="text"]  { width: 100%; }
    .login .controls.loginLinks { margin-top: 20px; }

    /* Register. */
    .registration form { margin: 20px 10px; }
    .registration .form-horizontal .control-label { width: auto; }
    .registration .form-horizontal .controls { margin-left: 0; }

    /* Profile. */
    .profile-edit fieldset { margin: 0 10px; }
    .profile-edit .control-label { width: auto; float: none; }
    .profile-edit .controls { margin-left: 0; }

    /* Online Trial. */
    .trialPageModule h3 { line-height: 1.2; height: auto; }

    /* Search. */
    #searchForm .uk-panel { margin-bottom: 20px; }
    .uk-form label { display: block; margin-bottom: 4px; }
    
    /* Content: Training Video Category */
    div.category-container {
        display: block;
    }

/* Phone. */
@media (max-width: 480px) {

    body.dundasCategoryBlog .uk-article { margin: 0; }
    body.dundasCategoryBlog .uk-article .uk-article-title { margin-left: 0; margin-right: 0; margin-bottom: 20px; }

    /* Content: Items. */
    .featuredBlogItems > div .info { margin: 0; }
    .featuredBlogItems > div > div > div > a img { display: none; }

    /* Content: Video. */
    .articleVideo { padding: 10px; }
    .articleVideo .articleVideo-iframe,
    .articleVideo object,
    .articleVideo embed { height: 240px; }
}