@CHARSET "UTF-8";
/* Tour navigation */
#feature-background-full {
  height: 300px;
}
#sidenav-tour-wrapper {
    position: absolute;
    top: 12px;
    left: 20px;
    bottom: 30px;
}
#sidenav-tour {
  position:absolute;
  top: 20px;
  left: 0px;
  width: 200px;
  background: #ffffff;
  margin-bottom: 1.5em;
  margin-right: 20px;
  padding: 4px 4px 0;
  border: 1px solid #A1A1A1;
  min-height: 20em;
  z-index: 9999;
}
#sidenav-tour a:link, #sidenav-tour a:visited {
  display: block;
  font-weight: bold;
  font-size: 0.95em;
  line-height: 16px;
  border: 0;
  color: #515151;
  padding: 1em 0.5em 1em 1.5em;
  background-color: #FFFFFF;
}
#sidenav-tour a span {
  font-weight: normal;
  font-size: 0.85em;
  line-height: 0.8em;
  color: #515151;
}
#sidenav-tour a:hover, #sidenav-tour a:active, #sidenav-tour a.active {
  color: #000;
  background-color: #e1f3fc;
}
#sidenav-tour h4 {
  display: block;
  text-align: center;
  font-size: 1.2em;
  background: #ffffff;
  padding: 0.5em 2%;
  font-weight: bold;
  margin: 0;
  color: #494b4b;
  border-bottom: 1px solid #A1A1A1;
}
#sidenav-tour h4.light {
  background: #EAEAEA;
  color: #000000;
}
#sidenav-tour a:hover span, #sidenav-tour a.active span {
  color: #555;
}
#sidenav-tour ul {
  list-style: none;
}
#sidenav-tour li {
  border-bottom: 1px solid #A1A1A1;
  margin: 0;
}
#sidenav-tour li.last {
  margin-bottom: 0.4em;
}
/*#sidenav-tour li.first a {
  padding-top: 0.5em;
}*/
#sidenav-tour li.first a:hover span, #sidenav-tour li.first a.active span {
  border-top: 0;
}

/* Tour page scroller */
#scroller-window {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
#scroller-content {
	width: 600%;
	position: relative;
	height: auto;
}
.scroller-section {
	float: left;
	width: 16.6%;
	padding-right: 4px;
	overflow: hidden;
}
.scroller-section-header-content {
	/*background: #EAEAEA; */
	padding: 20px 0;
  margin-left: 250px;
  min-height: 270px;
  height: 260px;
}
.scroller-section-content {
	overflow: hidden;
	margin: 1.5em 0 0;
}
.scroller-section-header-content .scroller-section-content {
  margin-top: 0;
}
.scroller-section-content h1 {
  font-family: Arial, Garuda, Helvetica;
  color: #000000;
  font-size: 1.5em;
  margin: 0;
  border: 0;
  line-height: 1.2em;
}
.scroller-section-content h4 {
  font-size: 16px !important;
  font-family: Verdana, Kalimati, Tahoma;

  position: relative;
  background: #F6F6F6;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(249, 249, 249, 1)),color-stop(100%,rgba(242, 242, 242, 1)));
  background: -webkit-linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(242, 242, 242, 1) 100%);
  background: -moz-linear-gradient(top,rgba(252, 252, 252, 1) 50%,rgba(247, 247, 247, 1) 100%);
  background: -o-linear-gradient(top,rgba(252, 252, 252, 1) 50%,rgba(247, 247, 247, 1) 100%);
  background: -ms-linear-gradient(top,rgba(252, 252, 252, 1) 50%,rgba(247, 247, 247, 1) 100%);
  background: linear-gradient(top,rgba(249, 249, 249, 1) 50%,rgba(242, 242, 242, 1) 100%);

  color: #515151;
  text-align: left;
  padding: 0.8em 2% 0.8em 2%; /* Adjust to suit */
  margin: 2em auto 1.5em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */

  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}
.scroller-section-content h4.dark-gray {
  color: #FFFFFF;
  background: #515151;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(97, 97, 97, 1)),color-stop(100%,rgba(81, 81, 81, 1)));
  background: -webkit-linear-gradient(top,rgba(97, 97, 97, 1) 50%,rgba(81, 81, 81, 1) 100%);
  background: -moz-linear-gradient(top,rgba(97, 97, 97, 1) 50%,rgba(81, 81, 81, 1) 100%);
  background: -o-linear-gradient(top,rgba(97, 97, 97, 1) 50%,rgba(81, 81, 81, 1) 100%);
  background: -ms-linear-gradient(top,rgba(97, 97, 97, 1) 50%,rgba(81, 81, 81, 1) 100%);
  background: linear-gradient(top,rgba(97, 97, 97, 1) 50%,rgba(81, 81, 81, 1) 100%);
}
.scroller-section-content h4.gray {
  color: #515151;
  background: #EAEAEA;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(234, 234, 234, 1)),color-stop(100%,rgba(234, 234, 234, 1)));
  background: -webkit-linear-gradient(top,rgba(242, 242, 242, 1) 50%,rgba(234, 234, 234, 1) 100%);
  background: -moz-linear-gradient(top,rgba(242, 242, 242, 1) 50%,rgba(234, 234, 234, 1) 100%);
  background: -o-linear-gradient(top,rgba(242, 242, 242, 1) 50%,rgba(234, 234, 234, 1) 100%);
  background: -ms-linear-gradient(top,rgba(242, 242, 242, 1) 50%,rgba(234, 234, 234, 1) 100%);
  background: linear-gradient(top,rgba(242, 242, 242, 1) 50%,rgba(234, 234, 234, 1) 100%);
}
.scroller-section-content h2 {
	font-size: 2.3em;
  line-height: 1.1em;
  font-weight: normal;
  margin: 0.5em 2% 0.8em;
  font-family: Calibri, Arial, Garuda, Helvetica;
}
.section-content {
	position: relative;
	padding: 1.5em 2% 2em;
	overflow: hidden;
}
.section-content p, .section-content ul li, .scroller-section-content p {
	text-align: justify;
}
.section-content.right-of-menu {
  margin-left: 230px;
}
.section-content ul {
	list-style: disc;
	padding-left: 1.5em;
}
.section-content ul li {
	padding: 0.5em 0;
}
.bgscreen {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}
.bgscreen.col1, .txt-col2 {
	float: right;
}
.section-content .txt.col1 {
  margin-left: 2%;
}
.section-content .txt.col2 {
  margin-right: 2%;
}
.bgscreen.col1, .txt-col1 {
	 margin-right: 3%;
}
.bgscreen.col2, .txt-col1 {
  float: left;
}
.bgscreen.col2, .txt-col2 {
  margin-left: 3%;
}
.scroller-section-footer-content {
	margin: 1.5em 0 3em;
	text-align: center;
}
.scroller-section-footer-content h3 {
  font-family: Arial, Garuda, Helvetica;
	background: transparent;
	font-size: 2.75em;
	line-height: 1.25em;
  margin: 0;
  padding: 0;
}
.scroller-section-footer-content h4 {
  font-family: Arial, Garuda, Helvetica;
	font-size: 2.5em;
	line-height: 1.25em;
  margin: 0.4em 0 0;
  padding: 0;
}
#scroller-content a.floatbox {
  display: block;
  border: 0;
  float: left;
}
img.supported-sites-icon {
  float: right;
	width: 72px;
  height: 54px;
  border: 0;
	margin: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#tabletracker-supported-sites img.supported-sites-icon {
  margin: 16px;
}
#tabletracker-supported-sites ul li {
  padding: 0;
  text-align: left;
}