
/* Not everyone has implemented CSS variables - so we can't use this feature */
/* Define the variables */
/*
:root {
	--threesl-blue-dark:			#0A0AB2;
	--threesl-blue-medium:			#1106E8;
	--threesl-blue-light:			#107FFC;
	--threesl-blue-lightest:		#CDE6FF;
	--threesl-cyan-dark:			#009999;
	--threesl-cyan-medium:			#16DCF6;
	--threesl-cyan-light:			#B4FFFF;
	--threesl-black:				#000000;
	--threesl-grey-dark:			#595959;
	--threesl-grey-medium:			#B8B8C0;
	--threesl-grey-light:			#E6E6F0;
	--threesl-white:				#FFFFFF;
	--threesl-brown-dark:			#996600;
	--threesl-brown-light:			#FFB625;
	--threesl-red-dark:				#AC0A0A;
	--threesl-red-medium:			#E60A0A;
	--threesl-red-light:			#FA7D7D;
	--threesl-orange-dark:			#FF6600;
	--threesl-orange-light:			#F2A161;
	--threesl-yellow-dark:			#F2E900;
	--threesl-yellow-light:			#FFFF65;
	--threesl-green-dark:			#008000;
	--threesl-green-medium:			#00CD00;
	--threesl-green-light:			#7DFF7D;
	--threesl-purple-dark:			#990099;
	--threesl-purple-light:			#E389FF;
	--threesl-pink-dark:			#FF5B9D;
	--threesl-pink-light:			#FFABCD;
	--threesl-cradle-rm-desktop:	#CD853F;
	--threesl-cradle-rm-pro:		#FFA500;
	--threesl-cradle-se-desktop:	#006400;
	--threesl-cradle-se-pro:		#00CD00;
	--threesl-cradle-enterprise:	#4169E1;
	--threesl-Cradle-SaaS:          #AC33FF;
	--threesl-enterprise-cradle-rm-basic:	#cd603f;
	--threesl-enterprise-cradle-rm-pro:		#FF7133;
	--threesl-enterprise-cradle-se-basic:	#006451;
	--threesl-enterprise-cradle-se-pro:		#00cd8c;
}
 */
/* Call the variable within the CSS element */
/*
body {
	background: var(--threesl-white);
	color: var(--threesl-grey-dark);
}
 */

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1170px;
  }
}


body {
	background-color: white;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #595959;
}

h5 {
	font-weight: normal;
}

@media (min-width: 530px) {
body {
/* padding so we don't cover the top of the page with the fixed menu */
	padding-top: 90px;
}
}

@media (max-width: 530px) {
body {
/* padding so we don't cover the top of the page with the fixed menu */
	padding-top: 120px;
}
}

@media (max-width: 280px) {
body {
/* padding so we don't cover the top of the page with the fixed menu */
	padding-top: 145px;
}
}

.email body {
	padding-top: 0px;
}

.email {
	padding-top: 0px;
    height: auto;
}

.email #header {
    height: auto;
}

p {
    line-height: 20px;
	padding-top: 10px;
}
p.glossary {
    padding-bottom: 10px;
	line-height: none;
}

.caret {
	margin-left: 10px;
}


/*=================================================================
	About
==================================================================*/

#customers,
#about,
#features ,
#companyinfo {
    background-color: #009EE3;
    color: #fff;
}

#customers h3,
#about h3 ,
#features h3{
    color: #fff;
    margin: 0 0 35px;
    text-transform: uppercase;
}

#customers .welcome-block h3,
#about .welcome-block h3,
#features .welcome-block h3{
    margin: 0 0 65px;
}

#customers .welcome-block img,
#about .welcome-block img,
#features .welcome-block img {
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 35px;
    max-width: 100px;
}

#customers .message-body,
#about .message-body,
#features .message-body {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 70px;
}
#companyinfo .message-body {
	 font-size: 10px;
	 color:#fff;
}



#marquee {
    background-color: #2E2E2E;
    color: #FFF;
	padding: 8px 0px;
	
	position: fixed;
	right: 0px;
	left: 0px;
	top: 45px;
	z-index: 1029;
}

#marquee h2,
#marquee h3,
#marquee a{
	color: #fff;
	padding: 0px;
	text-decoration: none;
	margin-top: 3px;
	margin-bottom: 0px;
	font-size: 24px;
}

#marquee a:visited {
	color: #107FFC;
}

#about .welcome-block img {
    border: none;
    border-radius: 0px;
    margin-right: 35px;
    max-width: 150px;
}

.testimonial-item img {
    border: none;
    border-radius: 0px;
    margin-right: 35px;
    max-width: 100px;
}

.carousel-control {
	margin-top: 50px;
	margin-bottom: 50px;
}

.carousel-control.left {
    background-image: none;
}

.carousel-control.right {
    background-image: none;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.greystrikeout {
	text-decoration: line-through; 
	color: #B8B8C0;
}

/* colour of selected top menu items and text */
nav .container .navbar-collapse.collapse .nav > li.active > a, 
nav .container .navbar-collapse.collapse .nav > li.active > a:hover,
nav .container .navbar-collapse.collapse .nav > li.open > a, 
nav .container .navbar-collapse.collapse .nav > li.open > a:focus, 
nav .container .navbar-collapse.collapse .nav > li.open > a:hover, 
nav .container .navbar-collapse.collapse .nav > li > a:focus,
nav .container .navbar-collapse.collapse .nav > li > a:hover {
    background: white none repeat scroll 0% 0%;
    color: #107FFC;
}

/* colour of unselect top menu items */
nav .container .navbar-collapse.collapse .nav, 
nav .container .navbar-collapse.collapse .nav > li > a {
	color: white;
	background-color: #107FFC;
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #107FFC;
}

.dropdown-menu {
	min-width: 180px;
	border: 0px outset; /* add a bit of a border to the top menu dropdowns */
	padding-top:2px; 
	padding-bottom:2px;
	border-top-style: none;
	border-bottom-style: none;	
}

.navbar-nav .open .dropdown-menu > li > a, 
.navbar-nav .open .dropdown-menu .dropdown-header
.dropdown-menu > li ,
.dropdown-menu > li > a {
	padding: 2px 0px 2px 10px;
	background-color: white;
    color: #595959;


}

.dropdown-header-top {
	background-color: #1106e8;
	padding: 2px 0px 2px 10px;
	color: #white;

}


@media (max-width: 767px) {
.dropdown-menu {
	border-left: 1px;
	border-left-style: solid;
	border-left-color: #107FFC;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #595959;
}

}
/* colour of the dropdown menu items (top menu & fly-in) */
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    text-decoration: none; 
    color: white;
    background-color: #107FFC;
}


.dropdown-menu {
	padding-top:2px; 
	padding-bottom:2px;
	border-top-style: none;
	border-bottom-style: none;
}

nav .navbar-brand {
	vertical-align: top;
	padding: 0px;
}

/* 3SL logo position */
nav .navbar-brand > img{
	vertical-align: top;
	padding: 0px;
	padding-top: 5px;
}
/* Hambuger colours - bun */
nav .container > .navbar-header .navbar-toggle {
    background: #107FFC none repeat scroll 0% 0%;
}
/* Hambuger colours - patties */
.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

nav {
	padding-left: 0px;
 	border-top: white;
	background: white;
	color: black;
}

.navbar-default {
    background-color: #107FFC;;
    border-color: #107FFC;;
}



/* overrides menuheader navbar */

#navbarDropdownAbout.nav-link, #navbarDropdownCradle.nav-link, #navbarDropdownProducts.nav-link, #navbarDropdownResources.nav-link, #navbarDropdownSupport.nav-link, #navbarDropdownBuy.nav-link, #navbarDropdownContact.nav-link, #navbarDropdownUsers.nav-link {
    color: white;
    padding: 5px;
}

#navbarDropdownAbout.nav-link.show, #navbarDropdownCradle.nav-link.show, #navbarDropdownProducts.nav-link.show, #navbarDropdownResources.nav-link.show, #navbarDropdownSupport.nav-link.show, #navbarDropdownBuy.nav-link.show, #navbarDropdownContact.nav-link.show, #navbarDropdownUsers.nav-link.show {
    background-color: white;
    color: #0d6efd !important;
    padding: 5px;
}

#navbarDropdownAbout.nav-link:hover, #navbarDropdownCradle.nav-link:hover, #navbarDropdownProducts.nav-link:hover, #navbarDropdownResources.nav-link:hover, #navbarDropdownSupport.nav-link:hover, #navbarDropdownBuy.nav-link:hover, #navbarDropdownContact.nav-link:hover, #navbarDropdownUsers.nav-link:hover {
    background-color: white;
    color: black;
    padding: 5px;
    text-decoration: none;	
}

@media (min-width: 768px) {

#navbarDropdownAbout.nav-link, #navbarDropdownCradle.nav-link, #navbarDropdownProducts.nav-link, #navbarDropdownResources.nav-link, #navbarDropdownSupport.nav-link, #navbarDropdownBuy.nav-link, #navbarDropdownContact.nav-link, #navbarDropdownUsers.nav-link {
    border-color: #0D6EFD;
    border-style: solid;
    border-width: 0px 1px;
    height: 50px; 
    padding: 15px;	

}

#navbarDropdownAbout.nav-link.show, #navbarDropdownCradle.nav-link.show, #navbarDropdownProducts.nav-link.show, #navbarDropdownResources.nav-link.show, #navbarDropdownSupport.nav-link.show, #navbarDropdownBuy.nav-link.show, #navbarDropdownContact.nav-link.show, #navbarDropdownUsers.nav-link.show {
    border-color: #0D6EFD;
    border-style: solid;
    border-width: 0px 1px;	
    height: 50px; 
    padding: 15px;

}

#navbarDropdownAbout.nav-link:hover, #navbarDropdownCradle.nav-link:hover, #navbarDropdownProducts.nav-link:hover, #navbarDropdownResources.nav-link:hover, #navbarDropdownSupport.nav-link:hover, #navbarDropdownBuy.nav-link:hover, #navbarDropdownContact.nav-link:hover, #navbarDropdownUsers.nav-link:hover {
    border-color: #0D6EFD;
    border-style: solid;
    border-width: 0px 1px;	
    height: 50px; 
    padding: 15px;
}

.dropdown-menu {
	--bs-dropdown-spacer: 0rem;
}
}




@media (max-height: 800px) { 
nav .container .navbar-collapse.collapse.in {
	color: #0A0AB2;
	background-color: #107FFC;
	z-index: 1000;
	width: 250px;
	max-height: 350px;
	top: 50px;
	overflow-y: scroll;
	right: 0px;
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	transition:  left 0.5s ease;	
}
}
@media (min-height: 800px) { 
nav .container .navbar-collapse.collapse.in {
	color: #0A0AB2;
	background-color: #107FFC;
	z-index: 1000;
	width: 250px;
	max-height: 2048px;
	right: 0px;
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	transition:  left 0.5s ease;	
}
}
@media (max-height: 350px) { 
nav .container .navbar-collapse.collapse.in {
	color: #0A0AB2;
	background-color: #107FFC;
	z-index: 1000;
	width: 250px;
	max-height: 200px;
	top: 50px;
	overflow-y: scroll;
	right: 0px;
	-webkit-transition: left 0.5s ease;
	-moz-transition: left 0.5s ease;
	-o-transition: left 0.5s ease;
	transition:  left 0.5s ease;	
}
}

@media (min-width: 768px) {
  .nav-right {
    position: fixed;
	right:0;
  }
}

.products .row:nth-child(even) {
	background-color: #CDE6FF;
}
.products .ruler {
	border-bottom: 1px solid #ccc;
}

.products .rowtitle {
	font-weight: bold;
	font-size: 16px;
}

.product_benefits .row {
	font-weight: bold;
	padding: 10px;
}

.product_benefits>ul {
	margin-left: -40px;
}

.topofpage {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/topofpage.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpage h1 {
	padding-top: 60px;
	color:#fff;
}
.topofpagesas {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SaaS-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagesas h1 {
	padding-top: 60px;
	color:#fff;
}

.topofpagectc {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/CTC-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagectc h1 {
	padding-top: 60px;
	color:#fff;
}

.topofpagesep {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SE-Pro-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagesep h1 {
	padding-top: 60px;
	color:#fff;
}

.topofpagesed {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SE-Desktop-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagesed h1 {
	padding-top: 60px;
	color:#fff;
}

.topofpagermd {	
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/RM-Desktop-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagermd h1 {
	padding-top: 60px;
	color:#fff;
}
.topofpageermb {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SaaS-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;

}
.topofpageermb h1 {
	padding-top: 40px;
	color:#fff
}
.topofpageermp {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SaaS-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;

}
.topofpageermp h1 {
	padding-top: 60px;
	color:#fff
}
.topofpageeseb {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SaaS-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%; 

}
.topofpageeseb h1 {
	padding-top: 60px;
	color:#fff
}
.topofpageesep {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/SaaS-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;

}
.topofpageesep h1 {
	padding-top: 60px;
	color:#fff
}
.topofpagermp {
	margin-top:-4px;
	height: 175px;	
	background-image: url("/images/RM-Pro-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpagermp h1 {
	padding-top: 60px;
	color:#fff;
}

.topofpageent {
	margin-top:-4px;
	height: 175px;
	background-image: url("/images/Enterprise-Top.png");
	background-repeat: no-repeat;
	background-position: right top;	
	background-size: 100% 100%;
}
.topofpageent h1 {
	padding-top: 60px;
	color:#fff;
}
.tinytextwarning {
	font-size: 9px;
	color:#FF0000;
}

footer .container-wrapper {
	width: 100%;
	max-width: 101%;
	min-width: 100%;
	background-color: #595959;
	border-radius: 5px;
}

footer .container-fluid {
	background-color:#595959; 
	border-radius:5px; 
	width:95%;
}

footer .col-xs-12,
footer .col-sm-12,
footer .col-md-6,
footer .col-lg-6 {
	padding-right: 2px;
	padding-left: 0px;
}

footer .row {
	margin-left: 0px;
}

footer .footer-border {
	border-top: #FF6600 solid 6px;
	border-radius: 25px;
	width: 100%;
}

footer .header {
	color: #FF6600; 
	font-size:14px;
	font-weight:200;
}

footer .text,
footer .text > a{
	color: white;
	font-size: 12px;
	font-weight: 100;
	white-space: nowrap;
	list-style-type: none;
	padding-left: 0px;
	line-height: 15px;
}

h1 {
	color: #0A0AB2;
}

h2 {
	color: #1106E8;
}

h3 {
	color: #107FFC;
}

h4 {
	color: #0A0AB2
}

#content-no-banner {
	margin-left: 10px;
}

#footer {
	padding: 10px;
	
}

.ulpad, 
#nav-bullet {
	margin-left:-15px;
	line-height: 20px;
	padding-top: 10px;
}
.ulpad2 {
	margin-left:-27px;
	line-height: 20px;
}
.alpha_list {
	margin-left:-20px
}
.number_list {
	margin-left:-20px
}
.direntry {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#FF6600;
	background-color:#E1E8FF;
	height:24px;
	vertical-align:middle;
	padding-left:10px;
	width: 95%;
	min-width: 95%;
}

.price-table .value {
    height: 100px;
}

.price-table .assist {
    height: 80px;
	vertical-align: top;
}

.price-table ul li{
	padding: 5px 10px 5px 10px;
	
}
.price-table span {
	padding: 20px;
}

.social-button li a {
    color: #107FFC;
    line-height: 96px;
    width: 96px;
	margin: -15px;
	margin-top: 0px;
}
@media (max-width: 700px) {
.social-button li a,
.social-button li a:hover {
    border: none;
}

}

.contact-details h3 {
	color: #107FFC;
}
.cradle-border-row {
	background-color: #CDE6FF;
}

.actiontag {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#1E51AD;
	background-color:#E1E8FF;
	height:24px;
	vertical-align:middle;
	padding-left:10px;
	width: 15%;
	min-width: 15%;
}

.dirwarning {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#000000;
	background-color:#FFD700;
	height:24px;
	vertical-align:middle;
	padding-left:10px;
	width: 95%;
	min-width: 95%;
}
.ftpspacer {
	font-size:2px;
	font-weight:normal;
	text-align:left;
	color:#FFFFFF;
	background-color:#FFFFFF;
	height:2px;
	vertical-align:middle;
	padding-left:0px;
	width: 95%;
	min-width: 95%;
}
.submit-icon {
    height: 50px;
	padding: 15px 20px;
}

/* --------------------------------------------------------------------------
 * Start Product Branding
 * -------------------------------------------------------------------------- */

td .Product_Box {
    width: 60px;
	height: 120px;
    vertical-align: top;
}

.RMD_Product_Bar {
    background-color: #CD853F;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}

.RMD_Product_Box {
    border: thick solid #CD853F;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
    vertical-align: top;
}

.RMP_Product_Bar {
    background-color: #FFA500;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}

.RMP_Product_Box {
    border: thick solid #FFA500;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
}

.SED_Product_Bar {
    background-color: #006400;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}

.SED_Product_Box {
    border: thick solid #006400;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
}

.SEP_Product_Bar {
    background-color: #00CD00;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}

.SEP_Product_Box {
    border: thick solid #00CD00;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
}

.ENT_Product_Bar {
    background-color: #4169E1;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}

.ENT_Product_Box {
    border: thick solid #4169E1;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
}

.ECS_Product_Bar {
    background-color: #AC33FF;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}
.ECS_Product_Box {
    border: thick solid #AC33FF;
    border-radius: 15px 0px 15px 15px;
    padding: 13px;
}

.CTC_Product_Bar {
    background-color: #0A0AB2;
    color: #FFFFFF;
    height: 20px;
    font-weight: bold;
}
.CTC_Product_Box {
    border: thick solid #0A0AB2;
    border-radius: 15px 0px 15px 15px;
    padding-top: 14px;
	padding-bottom: 14px;
	Padding-left: 28px;
	padding-right: 28px;
}

.VAT_Table {
    font-size: 10pt;
    width: 100px;
}

.VAT_Cell {
    font-size: 8pt;
}

/* --------------------------------------------------------------------------
 * End Product Branding
 * -------------------------------------------------------------------------- */

 
 
.thumbnail {
    position:relative;
    overflow:hidden;
	width: 300px;
}

.img-wrapper {
	float: left;
	position: relative;
}

.img-description {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 24px;
	background-color: #595959;
	font-size: 12px;
	color: white;
}

.img-description-content {
	padding: 2px;
	margin-left: 5px;
	text-align: left;
	
}

.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
	
}
.caption .h1 .p .a {
    position:absolute;
    top:0;
    right:0;
    background:rgba(66, 139, 202, 0.75);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
	
}

.caption-left {
	position:absolute; 
	bottom:0; 
	left: 0;
}

.caption-right {
	position:absolute; 
	bottom:0; 
	right: 0;
}

.button-green {
	color:#000;
}

.button-green:hover {
	color:#000;
}
#submit:hover {
    color: #000;
}

.content_menu_entry {
	color: #000;
}
/* TABLE stuff */

table.example {
	border:1px solid black;
	border-collapse:collapse;
}
table.example th, table.example td {
	border:1px solid #aaaaaa;
	padding: 2px 15px 2px 15px;
}

table.example thead th,
table.example tfoot td  {
    background-color: #E6E6F0;
}

table.example tr.tbody_header {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

table.example a.pagelink {
	padding-left:5px;
	padding-right:5px;
	border:1px solid #666666;
	margin:0px 5px 0px 5px;
}
table.example a.currentpage {
	background-color:yellow;
}
/* Striping */
tr.alternate {
	background-color:#ffffcc;
}

/* Sorting */
/*
th.table-sortable {
	cursor:pointer;
	background-image:url("/images/3pty/table/sortable.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:12px;
}

th.table-sorted-asc {
	background-image:url("/images/3pty/table/sorted_up.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
th.table-sorted-desc {
	background-image:url("/images/3pty/table/sorted_down.gif");
	background-position:center left;
	background-repeat:no-repeat;
}

th.table-filtered {
	background-image:url("/images/3pty/table/filter.gif");
	background-position:center left;
	background-repeat:no-repeat;
}
*/
select.table-autofilter {
	font-size:smaller;
}

/* Examples which stray from the default */
table.altstripe tr.alternate2 {
	background-color:#ccffff;
}

/* Sort Icon Styles */
table.sort01 th.table-sortable { background-image:url("/images/3pty/table/01_unsorted.gif"); }
table.sort01 th.table-sorted-asc { background-image:url("/images/3pty/table/01_ascending.gif"); }
table.sort01 th.table-sorted-desc { background-image:url("/images/3pty/table/01_descending.gif"); }

table.sort02 th.table-sortable { background-image:none; padding-left:16px; }
table.sort02 th.table-sorted-asc { background-image:url("/images/3pty/table/02_ascending.gif"); }
table.sort02 th.table-sorted-desc { background-image:url("/images/3pty/table/02_descending.gif"); }

table.sort03 th.table-sortable { background-image:none; }
table.sort03 th.table-sorted-asc { background-image:url("/images/3pty/table/03_ascending.gif"); }
table.sort03 th.table-sorted-desc { background-image:url("/images/3pty/table/03_descending.gif"); }

table.sort04 th.table-sortable { background-image:none; }
table.sort04 th.table-sorted-asc { background-image:url("/images/3pty/table/04_ascending.gif"); }
table.sort04 th.table-sorted-desc { background-image:url("/images/3pty/table/04_descending.gif"); }

table.sort05 th.table-sortable { background-image:url("/images/3pty/table/05_unsorted.gif"); padding-left:16px;}
table.sort05 th.table-sorted-asc { background-image:url("/images/3pty/table/05_ascending.gif"); }
table.sort05 th.table-sorted-desc { background-image:url("/images/3pty/table/05_descending.gif"); }

table.sort06 th.table-sortable { background-image:none; padding-left:16px;}
table.sort06 th.table-sorted-asc { background-image:url("/images/3pty/table/06_ascending.gif"); }
table.sort06 th.table-sorted-desc { background-image:url("/images/3pty/table/06_descending.gif"); }

table.sort07 th.table-sortable { background-image:none; }
table.sort07 th.table-sorted-asc { background-image:url("/images/3pty/table/07_ascending.gif"); }
table.sort07 th.table-sorted-desc { background-image:url("/images/3pty/table/07_descending.gif"); }

table.sort08 th.table-sortable { background-image:none; }
table.sort08 th.table-sorted-asc { background-image:url("/images/3pty/table/08_ascending.gif"); }
table.sort08 th.table-sorted-desc { background-image:url("/images/3pty/table/08_descending.gif"); }

table.sort09 th.table-sortable { background-image:none; padding-left:30px;}
table.sort09 th.table-sorted-asc { background-image:url("/images/3pty/table/09_ascending.gif"); }
table.sort09 th.table-sorted-desc { background-image:url("/images/3pty/table/09_descending.gif"); }

table.sort10 th.table-sortable { background-image:url("/images/3pty/table/10_unsorted.gif"); }
table.sort10 th.table-sorted-asc { background-image:url("/images/3pty/table/10_ascending.gif"); }
table.sort10 th.table-sorted-desc { background-image:url("/images/3pty/table/10_descending.gif"); }
/*
table.sort11 th.table-sortable { background-image:url("/images/3pty/table/11_unsorted.gif");padding-left:24px; }
table.sort11 th.table-sorted-asc { background-image:url("/images/3pty/table/11_ascending.gif"); }
table.sort11 th.table-sorted-desc { background-image:url("/images/3pty/table/11_descending.gif"); }
*/
table.sort12 th.table-sortable { background-image:none; }
table.sort12 th.table-sorted-asc { background-image:url("/images/3pty/table/12_ascending.gif"); }
table.sort12 th.table-sorted-desc { background-image:url("/images/3pty/table/12_descending.gif"); }

table.sort13 th.table-sortable { background-image:none; }
table.sort13 th.table-sorted-asc { background-image:url("/images/3pty/table/13_ascending.gif"); }
table.sort13 th.table-sorted-desc { background-image:url("/images/3pty/table/13_descending.gif"); }
/*
table.sort14 th.table-sortable { background-image:none; }
table.sort14 th.table-sorted-asc { background-image:url("/images/3pty/table/14_ascending.gif"); }
table.sort14 th.table-sorted-desc { background-image:url("/images/3pty/table/14_descending.gif"); }
*/
table.sort15 th.table-sortable { background-image:none; }
table.sort15 th.table-sorted-asc { background-image:url("/images/3pty/table/15_ascending.gif"); }
table.sort15 th.table-sorted-desc { background-image:url("/images/3pty/table/15_descending.gif"); }

table.sort16 th.table-sortable { background-image:none; }
table.sort16 th.table-sorted-asc { background-image:url("/images/3pty/table/16_ascending.gif"); }
table.sort16 th.table-sorted-desc { background-image:url("/images/3pty/table/16_descending.gif"); }

table.sort17 th.table-sortable { background-image:none; }
table.sort17 th.table-sorted-asc { background-image:url("/images/3pty/table/17_ascending.gif"); }
table.sort17 th.table-sorted-desc { background-image:url("/images/3pty/table/17_descending.gif"); }
/*
table.sort18 th.table-sortable { background-image:url("/images/3pty/table/ns/18_unsorted.gif"); }
table.sort18 th.table-sorted-asc { background-image:url("/images/3pty/table/18_ascending.gif"); }
table.sort18 th.table-sorted-desc { background-image:url("/images/3pty/table/18_descending.gif"); }
*/
table.sort19 th.table-sortable { background-image:url("/images/3pty/table/19_unsorted.gif");padding-left:24px; }
table.sort19 th.table-sorted-asc { background-image:url("/images/3pty/table/19_ascending.gif"); }
table.sort19 th.table-sorted-desc { background-image:url("/images/3pty/table/19_descending.gif"); }

/* Icons box */
.iconset {
	margin:5px;
	border:1px solid #cccccc;
	border-color:#cccccc #666666 #666666 #cccccc;
	text-align:center;
	cursor:pointer;
	width:100px;
}
.iconset img {
	margin:3px;
}

/* Documentation */
tr.doc_section {
	font-weight:bold;
	text-align:center;
	background-color:#dddddd;
}

.container .jumbotron, .container-fluid .jumbotron {
    padding: 20px;
	padding-top: 10px;
	width: 100%;
	background-color: #eee;
}

@media (min-width: 768px) {
.container .jumbotron, .container-fluid .jumbotron {
    padding: 20px;
	padding-top: 10px;
	width: 100%;
	background-color: #eee;
}
}

.jumbotron p {
    margin-bottom: 15px;
    font-weight: 200;
	font-size: 14px;
}
.carousel-caption {
	vertical-align:-50%;
    position: absolute;
    z-index: 10;
	top:0px;	
    display:table;
    width:100%;
    height:100%;
	text-align:left;
	color:#000;
	text-shadow: 0px 0px 0px #fff;
	overflow:auto;
	bottom:0px;
}

.sec-title {
    margin-bottom: 5px;
}

.sec-title h2,
.sec-title h2:after {
    border-bottom: none;
    margin: 0 0 0px;
	padding-top: 20px;
    padding-bottom: 20px;}

.sec-title.white h2:after {
    border-bottom: none;
}

#testimonials .sec-title h2:after {
    border-bottom: none;
}


.absolute-div {
	vertical-align:top;
	position: absolute;
	top: 0px;
	left: 2%;
	text-align: left;
	width: 40%;
}

.absolute-div-wide {
	vertical-align:top;
	position: absolute;
	top: 0px;
	left: 2%;
	text-align: left;
	width: 100%;
}

.carousel-caption h3 {
    display:table;
    top:0px;
    text-align:left;
	color:#0A0AB2;
	font-weight:800;
	margin-top:-20px;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6);
}
.carousel-caption p {
    display:table;
    color:#000;
	margin-top:-3px;
	margin-left:-12px;
	vertical-align:-50%;
	width:100%;
}
.smallfont {
	font-size:12px;
}
.smallfont2 {
	font-size:10px;
}
.bigfont {
	font-size:20px;
	line-height:140%
}

.item {
    position:relative;
}
.panelfont {
	font-size:16px;
}
.menupadding {
	padding-top:8px;
	padding-bottom:8px;
}
.trainingpanel {
	height:350px;
	background-color:#fff;
	margin-bottom:15px;
	border:1px solid #107FFC;
}
.palewhite {
	background-color:#fff;
	opacity: 0.9;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	padding-bottom:10px;
}

.threefl { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0     0px; }
.gbflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -12px; }
.euflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -24px; }
.auflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -36px; }
.benflag { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -48px; }
.brflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -60px; }
.zhflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -72px; }
.deflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -84px; }
.huflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0   -96px; }
.koflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0  -108px; }
.nlflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0  -120px; }
.ruflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0  -132px; }
.usflag   { white-space: nowrap; padding-left: 25px; width:20px; height:12px; background:url("/images/Flags/flag-sprite.png") no-repeat 0  -144px; }

.subscribe::placeholder {
  color: white;
}