/*Clear any default browser CSS*/
html,body,div{
	margin:0;
	padding:0;

}
* {
	font-family: 'Titillium Web', Georgia !important;
}
html,body{

	overflow-x:hidden;
}
/* Header information box */
h1,h2,h3,h4,h5,p,a,table{
	line-height:1.6em;
	color:#1774B3;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:1.2em;
}
h4{
	font-size:1em;
}
h5{
	font-size:.8em;
}
h6{
	font-size:.7em;
}
p {
	font-size:.8em;
	text-indent:0px;
}

#text-size{
	position:absolute;
	width:30px;
	top:0;
	left:0;
	background-color:transparent;
	padding:0px;
	padding-top:0;
	padding-bottom:0;
	color:firebrick;
	z-index:99999999999;
	border-bottom-right-radius:5px;
	font-size:100%;
}
#text-size p {
	color:firebrick;
	margin:5px;
	text-align:center;
}
#text-size span{
	margin-right:0px;
	cursor:pointer;
	display:block;
}
#text-size-slider{
	position:absolute;
	left:30px;
	height:15px;
	top:50px;
	border-right:1px dotted firebrick;
}
#header{
	width:100%;
	height:50px;
}

/* Footer Inspection Notes */
#footer{
	width:92%;
	text-align:center;
	padding:4%;
	color:#1774B3;
	font-weight:bold;
	border-top:1px dashed #1774B3;
}
#footer div {
	display:inline-block;
	width:auto;
	background-color:#1774B3;
	padding:8px;
	padding-top:0;
	padding-bottom:10;
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-ms-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
}
#footer div a{
	display:inline-block;
	color:white;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-ms-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
#footer .footer-company{
	font-size:20px;
}
#footer .footer-links{
	margin-left:20px;
}
#footer .footer-copyright{
	font-size:12px;
}

/* Main Site Navigation (Not including documentation pages)*/
.navigation{
	width:100%;
	background-color:white;
	margin:0;
}
.navigation a{
	text-decoration: none;
	margin: 5px;
	color: firebrick;
	padding-bottom: 2px;
	border-top: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;

	position: relative;

}
.navigation a:hover .arrow-up{
	display:block;
}
.nav-logo{
	top:0;
	height:100%;
	width:10%;
	display:inline-block;
	vertical-align:top;
}
/* Wrapper for Navigation links */
.links-container{
	top:0;
	height:100%;
	width:auto;
	left:50%;
	margin-left:-70px;
	display:inline-block;
	position:relative;
	vertical-align:top;
	text-align:left;
	z-index:999999999999;
}
/* Arrow displayed on hover */
.arrow-up{
	display:none;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -12px;
	left: 50%;
	margin-left: -5px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid white;
}
.logo-container {
	position:relative;
	width:100%;
	margin-top:0px;
	min-height:250px;
	opacity:1;
	zoom:.6;
	-ms-zoom:60%;
	-moz-transform:scale(.60);
}
.logo-container-mozilla{
	margin-top:-25px;
	min-height:220px;
}
/* Wrapper for XLNT slide-in logo */
#logo-wrapper-index{
	position:absolute;
	width:850px;
	min-height:200px;
	opacity:1;
	left:50%;
	margin-left:-425px;

}
#logo-wrapper{
	position:absolute;
	width:850px;
	min-height:230px;
	opacity:1;
	left:50%;
	margin-left:-425px;
	cursor:pointer;

}
/* (X)LNT Text next to sliding logo */
#logo-remaining-text{
	color:#1774B3;
	margin-top:153px;
	margin-left:410px;
	font-size:21px;
	line-height:1.3em;
}
#logo-remaining-text span{
	font-size:120px;
	letter-spacing:.05em;
	margin-left:-10px;
}
.logo-x-bottom-line{
	position:absolute;
	background-color:firebrick;
	width:4000px;
	height:30px;
	margin-top:180px;
	left:-3800px;

}
.logo-x-top-line{
	position:absolute;
	background-color:firebrick;
	left:350px;
	width:4000px;
	height:30px;
	margin-top:30px;
}
.logo-x-red {
	position:absolute;
	margin-top:30px;
	margin-left:250px;
	height:180px;
	width:40px;
	background-color:firebrick;
	-ms-transform: skewX(-45deg); /* IE 9 */
	-webkit-transform: skewX(-45deg); /* Safari */
	transform: skewX(-45deg); /* Standard syntax */
}
.logo-x-blue {
	position:absolute;
	margin-top:30px;
	margin-left:250px;
	width:40px;
	height:180px;
	background-color:#1774B3;
	-ms-transform: skewX(45deg); /* IE 9 */
	-webkit-transform: skewX(45deg); /* Safari */
	transform: skewX(45deg); /* Standard syntax */
	box-shadow:2px 2px 3px black;
	border-radius:2px;
}
#moving-ribbon{
	position:absolute;
	height:150px;
	width:100%;
	margin-left:-20%;
	margin-top:45px;

	animation-name:RibbonMove;
	animation-duration:8s;
	animation-timing-function:ease-out;
	text-align:right;
	display:none;
}
.ribbon-point{
	display:none;
	position:absolute;
	margin-left:100%;
	left:0;
	height:0;
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 40px solid #1774B3;

	-webkit-filter:drop-shadow(2px 2px 1px black);
}

.slide-in {
	display:none;
	margin-top:10px;
	margin-left:20px;
	width:30px;
	height:30px;
	background-color:white;
	border-radius:2px;
	box-shadow:inset 0 0 2px black;
}
#main-content{
	position:relative;
	margin-top:50px;
	overflow:hidden;
	width:100%;
}
#main-content.content-offset{
	margin-top:20px;
}
#main-content p.no-top-margin{
	margin-top:0;
}
.blue-panel{
	width:90%;
	height:auto;
	background-color:#1774B3;
	box-shadow:0px 0px 2px black;
	color:white;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:30px;
	padding-top:20px;
}
.blue-panel h1,.blue-panel h2,.blue-panel h3,.blue-panel h4,.blue-panel h5,.blue-panel p,.blue-panel a,.blue-panel table{
	color:white;
}

.white-panel{
	width:90%;
	height:auto;
	color:#1774B3;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:30px;
	padding-top:20px;
}
.white-panel h1,.white-panel h2,.white-panel h3,.white-panel h4,.white-panel h5,.white-panel p,.white-panel a{
	color:#1774B3;
}

#main-content p{
	text-indent:0px;
}

.information-box{
	position:relative;
	display:inline-block;
	height:120px;
	width:150px;
	background-color:lightgray;
	right:0%;
	margin:10px;
	border-radius:5px;
	border:1px solid gray;
	box-shadow:2px 2px 5px black;
	color:gray;
}
.success-block{
	display:inline-block;
	width:40%;
	margin-right:4%;
	margin-left:4%;
	vertical-align:top;
	padding-bottom:20px;

}
.success-content {
	width:100%;
	max-height:163px;
	overflow:hidden;
}
.block{

	display:inline-block;
	width:40%;
	margin-right:4%;
	margin-left:4%;
	vertical-align:top;
	padding-bottom:20px;
}
.block-content {
	width:100%;
	overflow-x:hidden;

}
.left {
	text-align:left;

}
.more-info{
	position:relative;
	bottom:-10px;
	background-color:white;
	color:#1774B3;
	padding:5px;
	width:auto;
	border-radius:5px;
	text-align:center;
	cursor:pointer;
	font-size:1em;
}
.more-info:hover{
	box-shadow:1px 1px 2px black;
}

#fullScreen {
	top:0;
	left:0;
	width:80%;
	height:auto;
	position:fixed;
	margin:5%;
	padding:2em;
	max-height:100%;
	overflow:auto;
	background-color:white;
	box-shadow:0px 0px 2px black;
	z-index:999999999999;
	animation-name:slidetofull;
	animation-duration:1s;
	-webkit-animation-name:slidetofull;
	-webkit-animation-duration:1s;
	-o-animation-name:slidetofull;
	-o-animation-duration:1s;
	-moz-animation-name:slidetofull;
	-moz-animation-duration:1s;
}
#fullScreen p {
	line-height:1.6em;
}
#fullScreen p,#fullScreen h5,#fullScreen h4{
	color:#1774B3;
}

.close-window{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	padding:10px;
	border-radius:2px;
	color:white;
	background-color:#1774B3;
	cursor:pointer;
}
.close-window:hover{
	box-shadow:0px 0px 2px black;
}
#shownlogo {
	animation-name:slideleftlogo;
	animation-duration:.8s;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideleftlogo;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:slideleftlogo;
	-o-animation-duration:.8s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:slideleftlogo;
	-moz-animation-duration:.8s;
	-moz-animation-timing-function:ease-out;
}
#shown.blue-panel{
	animation-name:slideright;
	animation-duration:.8s;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideright;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:slideright;
	-o-animation-duration:.8s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:slideright;
	-moz-animation-duration:.8s;
	-moz-animation-timing-function:ease-out;
}
#shown.white-panel{
	animation-name:slideleft;
	animation-duration:.8s;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideleft;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:slideleft;
	-o-animation-duration:.8s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:slideleft;
	-moz-animation-duration:.8s;
	-moz-animation-timing-function:ease-out;
}
#shown.white-panel-nopad{
	animation-name:slideleftnopad;
	animation-duration:.8s;
	animation-timing-function:ease-out;
	-webkit-animation-name:slideleftnopad;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:slideleftnopad;
	-o-animation-duration:.8s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:slideleftnopad;
	-moz-animation-duration:.8s;
	-moz-animation-timing-function:ease-out;
}

.icon-tag {
	display:inline-block;
	text-align:left;
	width:280px;
	height:492px;
	background-color:#1774B3;
	border-radius:5px;
	cursor:pointer;
	margin:5px;
	color:white;
	overflow:hidden;
}
.icon-tag:hover{
	animation-name:icon-shake;
	animation-duration:.5s;
	animation-timing-function:ease-out;
}

.icon-tag-circle{
	display:inline-block;
	position:relative;
	width:260px;
	height:auto;
	background-color:white;
	top:10px;
	left:50%;
	margin-left:-130px;
	color:#1774B3;
	text-align:center;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-radius:5px;
}
.icon-tag-pic-wrap{
	margin-top:20px;
}
.icon-tag-pic-wrap img{
	margin-top:-10%;
}
.icon-tag-pic-wrap div{
	height:100px;
	overflow:hidden;
	border-top:1px solid gray;
}
.associated-header {
	margin-bottom:0px;
}
.block-content h5 {
	margin-bottom:0px;
}
.block-content h4 {
	margin-bottom:0px;
}
.block-content h3 {
	margin-bottom:10px;
}
.header-fix  h4,.header-fix  h5,.header-fix  h3{
	margin-bottom:0px;
}
#shown.icon-tag .icon-tag-pic-wrap div{
	animation-name:imageExpand;
	animation-duration:1s;
	animation-timing-function:ease-out;
	-webkit-animation-name:imageExpand;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:imageExpand;
	-o-animation-duration:1s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:imageExpand;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
}
#shown.icon-tag{
	animation-name:tagExpand;
	animation-duration:1s;
	animation-timing-function:ease-out;
	-webkit-animation-name:tagExpand;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:tagExpand;
	-o-animation-duration:1s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:tagExpand;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
}
#shown.icon-tag:hover{
	box-shadow:0 0 3px black;
}
#shown.icon-tag:hover .icon-tag-circle{
	background-color:#E34234;
	box-shadow:inset 0 0 3px white;
}
#shown.icon-tag:hover .icon-tag-circle h4{
	color:white;
}
.standard-list{
	font-size:.813em;
	line-height:1.3em;
	list-style-type:none;
	padding-left:30px;
	margin-top:5px;
}
.standard-list li{
	margin-bottom:6px;
}
.standard-list.circle-list{
	list-style-type:circle;
}
.standard-list.no-top-margin{
	margin-top:0;
}
.image-description-static{
	position:absolute;
	width:100%;
	color:white;
	background-color:rgba(255, 255, 255, 0.8);
}
.image-description-static h3 {
	color:white;
	text-shadow:0 0 2px black, 0 0 3px black;
	padding:0;
	margin:0;
	padding-top:5px;
	padding-bottom:0px;
}
.image-description-static p {
	color:white;
	padding:0;
	margin:0;
	padding-bottom:5px;
}
.key-value{
	list-style-type:none;
	font-size:.85em;
}
p.hiring-comments {
	color:silver;
	font-size:.7em;
}
.hiring-comments a {
	color:silver;
}

/*Navigation Start*/
.submenu-spacer {
	border-top:1px solid lightgray;
	margin:0;
	padding:0;
}
.links-container ul {
	margin:0;
	margin-top:20px;
	padding:0;
}
.links-container li {
	margin:0;
	padding:0;
}
.links-container a{
	margin:0;
	padding:0;
	border:none;
	margin-left:20px;
	font-size:1em;
}
.links-container ul li{
	position:relative;
	padding-bottom:20px;
}
.links-container ul li:hover ul{
	-webkit-animation-name:SlideSubmenu;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:SlideSubmenu;
	-o-animation-duration:1s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:SlideSubmenu;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
	animation-name:SlideSubmenu;
	animation-duration:1s;
	animation-timing-function:ease-out;
	display:inline-block;
}
.links-container ul li:hover ul li{
	-webkit-animation-name:FontGrow;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:FontGrow;
	-o-animation-duration:1s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:FontGrow;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease-out;
	animation-name:FontGrow;
	animation-duration:1s;
	animation-timing-function:ease-out;
	display:inline-block;
}
.links-container ul li ul{
	position:absolute;
	padding-left:0;
	display:none;
	margin-top:0;
	left:-15px;
	top:30px;
	width:150px;
	border-radius:5px;
	overflow:hidden;
}
.links-container ul li ul li a{
	display:inline-block;
	width:100%;
	padding-bottom:10px;
	padding-top:10px;
	font-size:1em;
	left:0;
	margin-left:0;
}
.links-container ul li ul li{
	width:100%;
	text-align:center;
	padding-bottom:0;
}
.links-container ul li ul li:hover{
	background-color:firebrick;
}
.links-container ul li ul li:hover a{
	color:white;
}
.links-container ul li{
	list-style-type:none;
	text-decoration:none;
	display:inline-block;
}
.links-container ul li ul{
	background-color:white;
	border:1px solid lightgray;
}

/*Navigation End*/

.window-stripe{
	position:absolute;
	background-color:white;
	width:400px;
	height:20px;
	top:0;
}

/* Image Magnifier Plugin CSS: padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
.mfp-content{
    z-index: 999999999999999999999;
	background-color:white;

}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {

	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
	background-color:white;
}
/*Image Magnifier Plugin CSS End*/

/* Product Documentation Banner for assistance purposes */
.documentation-banner{
	display:inline-block;
	width:auto;
	height:auto;
	border-radius:5px;
	padding:10px;
	background-color:#F4D03F;
	border:1px solid gray;
	font-size:1em;
	cursor:pointer;
	color:#7b691f;
	padding-left:15px;
	padding-right:15px;
}
.documentation-banner:hover{
	box-shadow:0 0 3px black;
}
.documentation-banner:before{
	content: "";
	border-color: transparent #F4D03F;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left:100%;
	margin-left:15px;
    top: .9em;
    position: relative;
	color:white;
	margin-top:-10px;
}

/* Circular Illustration Buttons */
.circle-illustration{
	display:inline-block;
	position:relative;
	vertical-align:top;
	border-radius:50%;
	width:100px;
	height:100px;
	margin:10px;
	background-color:white;
	color:#1774B3;
	text-align:center;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* IE/Edge */
	user-select: none;           /* not yet supported */
	cursor:pointer;
	border:5px solid lightgray;
	transition: all 0.5s ease-in-out;
}
.circle-illustration:hover {
	transition: all 0.5s ease-in-out;
	border-color:gray;
	box-shadow:0 0 5px black;
}
.spin:hover {
	transition: all 0.5s ease-in-out;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.jump:hover .circle-outer-div{
	transition: all 0.5s ease-in-out;
	-webkit-animation-name:JumpAnimation;
	-webkit-animation-duration:.6s;
	-webkit-animation-timing-function:cubic-bezier(0.310, 0.440, 0.445, 1.650);
	-o-animation-name:JumpAnimation;
	-o-animation-duration:.6s;
	-o-animation-timing-function:cubic-bezier(0.310, 0.440, 0.445, 1.650);
	-moz-animation-name:JumpAnimation;
	-moz-animation-duration:.6s;
	-moz-animation-timing-function:cubic-bezier(0.310, 0.440, 0.445, 1.650);
	animation-name:JumpAnimation;
	animation-duration:.6s;
	animation-timing-function:cubic-bezier(0.310, 0.440, 0.445, 1.650);
}
.circle-illustration .circle-outer-div{
	position:relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:2em;
	font-weight:bold;
	cursor:pointer;
	margin-top:4px;
	transition: all 0.5s ease-in-out;
}
.illustration-container{
	margin-bottom:-20px;
	margin-top:10px;
	display:inline-block;
	vertical-align:top;
	height:100%;
}

/* Product Summary Tab */
.product-summary{
	width:50%;
	display:inline-block;
	margin-right:20px;
}
.product-summary-text{
	margin-top:-20px;
	max-width:500px;
}
.product-summary-tab{
	display:inline-block;
	width:320px;
	height:auto;
	margin:10px;
	vertical-align:top;
	padding:5px;
	padding-right:15px;
	background-color:white;
	color:#1774B3;
	box-shadow:2px 2px 3px black;
	border-radius:5px;
}

.location-box{
	background-color:white;
	position:absolute;
	margin-top:-390px;
	border-radius:10px;
	border:1px solid lightgray;
	left:50%;
	margin-left:-150px;
	font-size:20px;
	z-index:9999;
	cursor:pointer;
}
.location-box a{
	padding:10px;
	text-decoration:none;
}
.location-box:hover{
	box-shadow:0 0 5px black;
}
.multi-column {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
	padding-bottom:20px;
	border-bottom:1px dotted #1774B3;
}
.multi-column p{
	margin-top:0;
}
.multi-column ul{
	margin-top:0;
}
.no-border {
	border-bottom:none;
}
.holiday-table td{
	font-size:.875em;
}
.contactHdr {
	font-weight:bold;
	font-size:1em;
}
.absolute-full {
	width:100%;
	height:80%;
	vertical-align:top;
	background-color:#1774B3;

}
.absolute-full div {
	vertical-align:top;

}
#side-bar{
	display:inline-block;
	width:22%;
	height:100%;
	padding:2%;
	margin:0;
	color:white;

}
#side-bar h1,#side-bar h2,#side-bar h3,#side-bar h4,#side-bar h5,#side-bar p,#side-bar a,#side-bar li{
	color:white;
}
.option-wrapper{
	width:100%;
	background-color:white;
	border:1px solid lightgray;
	max-height:320px;
	height:100%;
	margin-top:10px;
	overflow:auto;
}
#selected {
	background-color:silver;
	color:white;
}
.document-result{
	width:94%;
	padding-left:3%;
	padding-right:3%;
	border-bottom:1px solid lightgray;
	color:silver;
	padding-top:10px;
	padding-bottom:10px;
	cursor:pointer;
}
.document-result:hover{
	background-color:gray;
	color:white;
}
#document-search{
	display:inline-block;
	width:70%;
	height:100%;
	padding:2%;
	margin:0;
	margin-left:-5px;
}
#document-search-wrapper{
	width:100%;
	height:auto;
}
#preloader{
	width:20px;
	height:20px;
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:-90px;
	margin-right:10px;
	display:none;
}
#document-content-wrapper{
	width:96%;
	background-color:white;
	border:1px lightgray solid;
	height:100%;
	padding:2%;
}
#document-content-tag-wrapper{
	margin-bottom:10px;
	width:250px;
	display:inline-block;
}
#shown.absolute-full {
	padding:0;
	margin:0;
	width:100%;
	margin-bottom:30px;
}
/* Wrapper Styling for filter wrapper */
#document-filters{
	padding-bottom:10px;
}
/* Selection Styling for public and admin facing product and release version filters */
#document-filters select{
	padding:5px;
	color:#1774B3;
	font-weight:bold;
}
/* Search input styling for the public facing TReX documentation center */
#docs-search-input{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	color:black;
	width:94%;
	padding-left:3%;
	padding-right:3%;
	font-size:1em;
}
#docs-search-input-hint{
	position:absolute;
	float:left;
	width:200px;
	height:auto;
	padding:10px;
	margin-top:6px;
	margin-left:10px;
	background-color:white;
	border:1px solid lightgray;
	border-radius:5px;
	font-size:12px;
	color:silver;
	box-shadow:0 0 3px gray;
	display:none;
}
#docs-search-input-hint:after {
	content:"\A";
    border-style: solid;
    border-width: 0px 10px 15px 10px;
    border-color: transparent transparent white transparent;
    position: absolute;
    left: 25px;
	top:-15px;
}
#docs-search-input-hint:before {
	content:"\A";
    border-style: solid;
    border-width: 0px 11px 16px 11px;
    border-color: transparent transparent silver transparent;
    position: absolute;
    left: 24px;
	top:-17px;
}

/* Word cloud button and effects */
.word-cloud-button{
	background-color:white;
	width:auto;
	padding:5%;
	border-radius:4px;
	cursor:pointer;
	font-size:18px;
	color:#1774B3;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}
.word-cloud-button:hover{
	box-shadow:0 0 5px black,0 0 10px black;
}
.word-cloud-button:active{
	box-shadow:0 0 5px black,0 0 10px black,0 0 15px black;
}

/* Style for title and image docs pages */
#docs-title{
	position:absolute;
	background-color:white;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	top:0;
	margin-top:-54px;
	left:60px;

}
/* Remove padding and margin from title in docs pages */
#docs-title h1,#docs-title h2,#docs-title h3,#docs-title h5,#docs-title p{
	margin:0;
	padding:0;
}
.docs-title-logo{
	position:absolute;
	margin-left:-60px;
	margin-top:-15px;
}

/* Common Docs control styling */
.common-controls {
	position:absolute;
	top:0px;
	margin-top:-54px;
	left:430px;
	width:400px;
	z-index:9999;
}
.common-controls-button-styling {
	background-color:white;
	border:4px solid #1774B3;
	border-bottom:none;
	width:50px;
	height:50px;
	display:inline-block;
	margin-right:10px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
}
.common-controls-button-styling:hover {
	background-color:#1774B3;
	color:white;

}

/* remove padding full width */
.nopad {
	width:100%;
	padding:0;
}
/* standard input styles used in docs admin hub pages */
.full-width-input{
	width:94%;
	padding-left:3%;
	padding-right:3%;
	padding-top:10px;
	padding-bottom:10px;
}
.half-width-input{
	width:46%;
	padding-left:3%;
	padding-right:3%;
	padding-top:10px;
	padding-bottom:10px;
}
.200-width-input{
	width:180px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.index-image-wrapper{
	width:100%;
	left:0;
	top:0;
	position:absolute;
	z-index:-999;
	overflow:hidden;
}
.index-image-wrapper img{
	display:block;
	position:relative;
}
.nomargin{
	margin:0;
}
.photo-panel{
	text-align:center;
	box-align:center;
	overflow:hidden;
	background-color:transparent;
}
.loading {
	position:fixed;
	background-color:white;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:99999999999999999;
}
.hide-loading{
	opacity:0;
	-webkit-animation-name:HideLoading;
	-webkit-animation-duration:1.2s;
	-webkit-animation-timing-function:ease-out;
	-o-animation-name:HideLoading;
	-o-animation-duration:1.2s;
	-o-animation-timing-function:ease-out;
	-moz-animation-name:HideLoading;
	-moz-animation-duration:1.2s;
	-moz-animation-timing-function:ease-out;
	animation-name:HideLoading;
	animation-duration:1.2s;
	animation-timing-function:ease-out;
}
@keyframes HideLoading {
	0%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
.photo-panel{
	cursor:pointer;
}
#main-image img {
	-webkit-filter: grayscale(0%);
	filter:grayscale(0%);
}
.photo-panel:hover #main-image img{
	-webkit-filter: grayscale(20%);
	filter:grayscale(20%);
	-webkit-transition:0.2s ease-out;
	transition:0.2s ease-out;

}

@media screen and (min-width: 1000px) {
	.content-rich .blue-panel {
		width:70%;
		padding-left:15%;
		padding-right:15%;
	}
	.content-rich .white-panel {
		width:70%;
		padding-left:15%;
		padding-right:15%;
	}
	.content-rich #shown.blue-panel{
		animation-name:sliderightlarge;
		animation-duration:.8s;
		animation-timing-function:ease-out;
		-webkit-animation-name:sliderightlarge;
		-webkit-animation-duration:.8s;
		-webkit-animation-timing-function:ease-out;
		-o-animation-name:slideright;
		-o-animation-duration:.8s;
		-o-animation-timing-function:ease-out;
		-moz-animation-name:sliderightlarge;
		-moz-animation-duration:.8s;
		-moz-animation-timing-function:ease-out;
	}
	.content-rich #shown.white-panel{
		animation-name:slideleftlarge;
		animation-duration:.8s;
		animation-timing-function:ease-out;
		-webkit-animation-name:slideleftlarge;
		-webkit-animation-duration:.8s;
		-webkit-animation-timing-function:ease-out;
		-o-animation-name:slideleftlarge;
		-o-animation-duration:.8s;
		-o-animation-timing-function:ease-out;
		-moz-animation-name:slideleftlarge;
		-moz-animation-duration:.8s;
		-moz-animation-timing-function:ease-out;
	}
	@keyframes sliderightlarge{
		from{
			margin-left:-85%;
			padding-right:100%;
		}
		to{
			margin-left:0;
			padding-left:15%;
		}
	}
	@keyframes slideleftlarge{
		from{
			padding-left:100%;
		}
		to{
			padding-left:15%;
		}
	}
}
@media screen and (max-width: 750px) {
	.links-container{
		left:30%;
	}
	.blue-panel .block{
		border-top:1px dotted white;
	}
    .block{
		width:91%;

	}
	.multi-column{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}

}

@media screen and (max-width: 450px) {
	#header{
		height:auto;
	}
	#text-size{
		display:none;
	}
	.links-container{
		margin-left:0;
		left:0;
		width:100%;
	}
	.links-container ul {

		margin-left:0;
		left:0;
		width:100%;
	}
	.links-container ul li {
		width:100%;
		text-align:center;
		display:inline-block;
	}
	.links-container ul li ul {

		position:relative;
		width:100%;
		top:15px;
		left:0;
		border-radius:0;
		margin-bottom:20px;
	}
	.links-container ul li:hover ul {
		width:100%;
		display:inline-block;
		position:relative;
		top:15px;
		left:0;
		border-radius:none;
		margin-bottom:20px;
	}
	.links-container ul li ul li {
		width:100%;

	}
	.links-container a{
		margin:0;
		padding:0;
	}
	.logo-container{
		zoom: .5;
		-ms-zoom: 50%;
		-moz-transform: scale(.50);
	}
}

@media screen and (max-width: 860px) {
	.product-summary{
		width:100%;
		display:inline-block;
		margin-right:0px;
	}
	.product-summary-text{
		margin-top:-20px;
		max-width:100%;
		width:100%;
	}
	.product-summary-tab{
		position:relative;
		display:inline-block;
		width:320px;
		height:auto;
		margin:10px;
		vertical-align:top;
		padding:5px;
		padding-right:15px;
		background-color:white;
		color:#1774B3;
		box-shadow:2px 2px 3px black;
		border-radius:5px;
		left:50%;
		margin-left:-170px;
	}
}