/* Mixins */
.hidden {
  display: none; }

#pageTitle {
  position: relative; }

#pageTitle h1#waPro {
  background: transparent url("/pro/images/wa-interactive-pro.png") 0 0 no-repeat !important;
  display: inline-block;
  left: 496px;
  margin: 0;
  text-indent: -9999px;
  top: 19px;
  width: 507px;
}
#pageTitle a#waProFeatures {
    display: inline-block;
    font-size: 18px;
    position: relative;
    left: 760px;
}
  #pageTitle h1 span {
    text-indent: -9999px; }

#topBanner {
  margin-bottom: 0 auto;
  border-bottom: 1px solid #e4e9ef; }

.header-gradient {
  background: #eef0f4;
  background: -moz-linear-gradient(top, #eef0f4 0%, #e6eaf0 50%, #dce2ea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef0f4), color-stop(50%, #e6eaf0), color-stop(100%, #dce2ea));
  background: -webkit-linear-gradient(top, #eef0f4 0%, #e6eaf0 50%, #dce2ea 100%);
  background: -o-linear-gradient(top, #eef0f4 0%, #e6eaf0 50%, #dce2ea 100%);
  background: -ms-linear-gradient(top, #eef0f4 0%, #e6eaf0 50%, #dce2ea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eef0f4', endColorstr='#dce2ea',GradientType=0 );
  background: linear-gradient(top, #eef0f4 0%, #e6eaf0 50%, #dce2ea 100%); }

#main {
  display: block;
  -webkit-box-shadow: 0px 0px 5px #cacaca;
  -moz-box-shadow: 0px 0px 5px #cacaca;
  box-shadow: 0px 0px 5px #cacaca; }

.pagewidth #topBanner {
  padding: 10px 0 5px;
  position: relative; }

.feedbackSurvey {
 display: none;
}

.centerWrapper {
  width: 770px;
  margin: 0 auto; }

#bannerText {
  width: 555px;
  vertical-align: middle;
  display: inline-block;
  padding: 10px 55px 0 0; }

#bannerText h1 {
  font-size: 27px;
  padding-bottom: 18px; }

#bannerText p {
  font-size: 16px;
  margin-left: 2px;
  color: #7b7b7b;
  line-height: 0.5; }

#topBanner img {
  vertical-align: middle; }

#install {
  padding: 22px 0;
  display: block;
  position: relative;
  border-bottom: 1px solid #c8d5e1; }

.plugin-gradient {
  background: #c8d1de;
  background: -moz-linear-gradient(top, #c8d1de 0%, #bfd0dd 50%, #bbcede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c8d1de), color-stop(50%, #bfd0dd), color-stop(100%, #bbcede));
  background: -webkit-linear-gradient(top, #c8d1de 0%, #bfd0dd 50%, #bbcede 100%);
  background: -o-linear-gradient(top, #c8d1de 0%, #bfd0dd 50%, #bbcede 100%);
  background: -ms-linear-gradient(top, #c8d1de 0%, #bfd0dd 50%, #bbcede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8d1de', endColorstr='#bbcede',GradientType=0 );
  background: linear-gradient(top, #c8d1de 0%, #bfd0dd 50%, #bbcede 100%); }

#installerWrapper {
  padding-left: 100px;
  padding-top: 5px;
  overflow: hidden; }
  #installerWrapper a, #installerWrapper img {
    vertical-align: middle;
    display: inline-block; }
  #installerWrapper img#playerArrow {
    margin-right: 30px;
    margin-left: -25px; }

img.ready {
  padding-right: 40px !important; }

a#plugin {
  background: url("/pro/images/btn_downloadPlayer.png") 0 -44px;
  width: 208px;
  height: 41px; }

a#plugin:hover {
  background: url("/pro/images/btn_downloadPlayer.png") 0 0; }

#interactiveExamples li {
  height: 360px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  background: -moz-linear-gradient(top, white 0%, #fdfdfd 80%, #f1f1f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(80%, #fdfdfd), color-stop(100%, #f1f1f1));
  background: -webkit-linear-gradient(top, white 0%, #fdfdfd 80%, #f1f1f1 100%);
  background: -o-linear-gradient(top, white 0%, #fdfdfd 80%, #f1f1f1 100%);
  background: -ms-linear-gradient(top, white 0%, #fdfdfd 80%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, white 0%, #fdfdfd 80%, #f1f1f1 100%); }

#interactiveExamples li:last-child {
  border-bottom: 1px solid #d3d3d3; }

.leftContainer, .rightContainer {
  padding: 40px 30px 30px 30px;
  width: 900px;
  overflow: hidden;
  margin: 0 auto; }

.rightContainer {
  text-align: right; }

/* Unique positionins for image examples */
#resizeContainer {
  padding-top: 10px; }

#enhancedContainer {
  padding-top: 10px; }

.leftImgContainer {
  width: 500px;
  height: 100%;
  float: left; }

.rightImgContainer {
  width: 500px;
  height: 100%;
  float: right; }

.leftContainer img, .rightContainer img {
  display: block;
  margin: 0 auto; }

li .text {
  overflow: hidden;
  padding-top: 95px; }

.text.right {
  padding-left: 70px; }

.text.right.manText {
  padding-left: 62px; }

.text.left {
  padding-right: 60px; }

/* Unique text positioning for titles and descriptions */
#resize {
  padding-top: 128px; }

#read {
  padding-top: 60px; }

#enhanced {
  padding-top: 115px; }

h3 {
  font-family: Arial, Verdana, Tahoma;
  font-weight: bold;
  font-size: 16px;
  color: black;
  padding-bottom: 5px; }

.text span {
  font-size: 12px;
  width: 250px;
  display: inline-block;
  line-height: 1.5; }

/* Span widths for descriptions */
#3D {
  width: 220px; }

#dynamic {
  width: 235px; }

#visualization {
  width: 230px; }

/* Arrow positions */
#manArrow {
  margin-left: -60px;
  margin-top: -10px; }

#rotateArrow {
  margin-right: -72px;
  margin-top: -10px; }

#resizeArrow {
  float: left;
  margin-left: -42px; }

#animateArrow {
  margin-top: -20px;
  margin-left: -50px; }

#imagesArrow {
  margin-top: 51px;
  margin-right: -70px; }

/* Input bars */
#interactiveQuery {
  display: block;
  border: 1px solid #feba2b;
  background: #fed085;
  -moz-border-radius: 7px;
  border-radius: 7px;
  width: 255px;
  height: 24px;
  position: relative; }

/* Unique positioning for input bars */
.resizeInput {
  margin-top: 25px;
  margin-left: -2px; }

.queryRight {
  float: right; }

#queryWrapper {
  border: 1px solid #fb6d1b;
  background: white;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 249px;
  height: 18px;
  margin-top: 2px;
  margin-left: 2px; }

input.I {
  width: 242px;
  background: white;
  border: 0 none;
  font-family: Arial, Verdana, Tahoma;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  margin: 0;
  outline: none;
  padding-bottom: 0;
  padding-left: 3px;
  position: relative; }

input#submitIQuery {
  display: block;
  width: 9px;
  height: 10px;
  margin: 0;
  padding: 0;
  background: #fb6c1d;
  border: 0 none;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: white;
  -webkit-appearance: none;
  cursor: pointer;
  position: absolute;
  top: 7px;
  right: 6px;
  text-indent: -1000px; }

.input {
  top: 10px !important;
  right: 8px !important;
  cursor: pointer; }

.no-borderradius #submitQuery {
  background: url(/images/header-equals.gif) no-repeat left top transparent; }

/* Explanation */
#explanation {
  margin-top: 22px;
  width: 960px;
  display: block;
  position: relative;
  border: 1px solid #cccccc;
  -webkit-box-shadow: 0px 0px 5px #cacaca;
  -moz-box-shadow: 0px 0px 5px #cacaca;
  box-shadow: 0px 0px 5px #cacaca;
  border-radius: 7px; }
  #explanation > img {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; }

#explanationTitleWrapper {
  height: 44px;
  background: url(/pro/images/headerbg.gif) repeat-x 0 0;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px; }
  #explanationTitleWrapper img#works {
    margin-top: 15px;
    margin-left: 35px; }
  #explanationTitleWrapper #more {
    float: right;
    margin-right: 16px;
    margin-top: 6px;
    display: inline-block;
    background-image: url("/pro/images/more_about_cdf_tech_button.png");
    height: 32px;
    width: 206px;
  }
  #explanationTitleWrapper #more:hover {
   background-position: 0 -32px;
  }



/* Footer */
.pluginFooter {
  padding: 16px 0 !important;
 }

.footer-gradient {
  background: #dce2e9;
  background: -moz-linear-gradient(top, #dce2e9 0%, #dee4ea 50%, #dfe5eb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dce2e9), color-stop(50%, #dee4ea), color-stop(100%, #dfe5eb));
  background: -webkit-linear-gradient(top, #dce2e9 0%, #dee4ea 50%, #dfe5eb 100%);
  background: -o-linear-gradient(top, #dce2e9 0%, #dee4ea 50%, #dfe5eb 100%);
  background: -ms-linear-gradient(top, #dce2e9 0%, #dee4ea 50%, #dfe5eb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dce2e9', endColorstr='#dfe5eb',GradientType=0 );
  background: linear-gradient(top, #dce2e9 0%, #dee4ea 50%, #dfe5eb 100%); }

#interactiveFooter h2 {
  font-size: 17px;
  color: black;
  margin-bottom: 20px; }

#footerExamples li {
  width: 33%;
  display: block;
  float: left; }

#footerExamples label {
  color: grey;
  font-size: 11px;
  margin-left: 5px; }

a.example {
  width: 260px !important; }

span.submit {
  background: url("/images/redesign/_equal_button.gif") !important; }

#bottomClear {
  margin: 40px 0; }

#footerWrapper {
  background: #dfe5ed;
  background: -moz-linear-gradient(top,  #dfe5ed 0%, #b9cdde 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe5ed), color-stop(100%,#b9cdde));
  background: -webkit-linear-gradient(top,  #dfe5ed 0%,#b9cdde 100%);
  background: -o-linear-gradient(top,  #dfe5ed 0%,#b9cdde 100%);
  background: -ms-linear-gradient(top,  #dfe5ed 0%,#b9cdde 100%);
  background: linear-gradient(top,  #dfe5ed 0%,#b9cdde 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe5ed', endColorstr='#b9cdde',GradientType=0 );
  padding: 15px 55px 15px 60px;
  border-bottom: 1px solid #ced9e3;
  overflow: auto;
}
#footerWrapper h1 {
  float:left;
  font-size:19px;
  line-height:34px;
  height:34px;
  color: #555555;
}
#footerWrapper  h1 .icon {
  display:inline-block;
  width:33px;
  height:33px;
  background:url(/images/pro/marketing/fupex-spikey.png) no-repeat left top transparent;;
  float:left;
  margin-right:2px;
}

#footerWrapper a.lg-btn {
	float: right;
	top: 1px;
	font-weight: bold;
	margin-left: 10px;
}
a.claimdiscount{
	color: #FE6518;
        font-size:11px;
	display:inline-block;
	text-align:left;		
}
a.nosignin {
	color: #FE6518;
	font-size:11px;
	display:block;
	text-align:left;
}
.pro-button span{
	margin-right: 47px;
}