body, body.gq {
background-color:#aaa;
background-image:url(/images/gradient-bg.jpg);
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#666;
}

blockquote {
margin:10px 0px 0px 0px;
padding:0px;
font-size:10px;
line-height:14px;
}

blockquote p {
font-style:italic;
line-height:12px;
}

acronym {
  border-bottom: 1px dashed #444;
}

.clearer {
clear:both;
height:0px;
line-height:0px;
font-size:1px;
}

p {
margin:10px 0px 0px 0px;
padding:0px;
}

.wrapper ul li { /*specifying .wrapper distinguishes site lists from regform lists*/
background-image:none;
}

ol li {
margin-top:10px;
}

ol.top10 li {
font-weight:bold;
}

ol.top10 li *{
font-weight:normal;
}

.border .top10 {
text-align:left;
margin:-20px 0px 30px 0px;
}

hr {
border:0px;
border-top:1px solid #BEBDBD;
margin:10px 0px 10px 40px;
width:50%;
text-align:left;
height:1px;
}

ol ol li {
list-style:lower-alpha;
}

.jumplinks h2{
margin:10px 0px 0px 0px;
}

.jumplinks ul{
padding-left:16px;
}

.jumplinks li {
list-style-type:square;
color:#247bd2;
}

.padder h1, .gq h1 { /*.padder distinguishes this from homepage h1 tag, which is wrapped around an image*/
font-size:18px;
font-weight:normal;
padding:10px 0px 12px 0px;
margin:0px;
color:#062c7a;
}

h2 {
font-size:16px;
font-weight:normal;
margin: 25px 0 0 0;
color:#062c7a;
}

h3 {
font-size:14px;
font-weight:strong;
padding:10px 0px 0px 0px;
margin:0px;
}

h4 {
font-size:14px;
font-weight:normal;
padding:0px;
margin:0px;
}




.TRcorner, .TLcorner, .BRcorner, .BLcorner {
width:2px;
height:2px;
background-repeat:no-repeat;
position:absolute;
}

.TRcorner {
background-image:url(/images/TRcorner-WhiteOnGrey.gif);
top:0px;
right:0px;
}

.TLcorner {
background-image:url(/images/TLcorner-WhiteOnGrey.gif);
top:0px;
left:0px;
}

.BRcorner {
background-image:url(/images/BRcorner-WhiteOnGrey.gif);
bottom:0px;
right:0px;
}

.BLcorner {
background-image:url(/images/BLcorner-WhiteOnGrey.gif);
bottom:0px;
left:0px;
}

img {
display:block; /*prevent 3px jog*/
border:0px;
}

img.image-sm {
float:right;
clear:right;
margin:10px 0px 10px 10px;
}

a {
color:#247bd2;
text-decoration:none;
}

/*expandable buttons*/
a.button {
background:url(../../images/button-edgeL.png) no-repeat left top;
display:inline-block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:16px;
color:#247BD2;
text-decoration:none;
text-align:center;
margin: 16px 0px 0px 0px;
}

.button div {
background:url(../../images/button-edgeR.png) no-repeat right top;
display:inline-block;
}

.button div div{
line-height:37px;
background:transparent;
display:inline-block;
background:url(../../images/button-bg.png) repeat-x left top;
margin:0px 5px;
padding:2px 5px;
}

.button div div div{
line-height:16px;
background:transparent;
height:46px;
display:inline-block;
}

.button span {
display:none;
}

.button b {
font-weight:normal;
}
/*end expandable buttons*/

.secondary-nav {
margin:0px 0px 0px 0px;
padding:0px;
display:inline;
line-height:25px;
}

li.chat {
float:left;
font-weight:bold;
}

li.chat span {
color:#009933;
}

li.chat b {
display:none;
}

p.chat span{
color:#009933;
font-weight:bold;
background-image:url(/images/green-LED-on-gray.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:25px;
padding-bottom:10px;
}

a.highlighted {
color:#009933;
font-weight:bold;
}

a.led {
background-image:url(/images/green-LED-on-gray.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:25px;
padding-bottom:10px;
}

.secondary-nav li {
list-style-type:none;
margin:0px;
padding:0px 0px 0px 20px;
}

.secondary-nav a {
color:#666;
}

.secondary-nav .last {
padding-left:20px;
margin-left:10px;
border-left:1px solid #BEBDBD;
}

.hdrsearch {
float:right;
}

.hdrsearch #query {
width:100px;
}

.primary-nav {
margin:23px 19px 0px 0px;
padding:0px;
display:inline;
}

.primary-nav li {
list-style-type:none;
font-size:16px;
margin:0px;
list-style-type:none;
padding:0px 15px 15px 15px;
zoom:1;
}

.primary-nav li.current {
background-image:url(/images/current-highlight.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

.primary-nav a {
color:#009933;
text-transform:uppercase;
}

.primary-nav li.current a {
color:#247bd2;
text-transform:uppercase;
}

.banner {
background-image:url(/images/leaves-banner.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

/*
.home .banner {
background-image:url(../images/home-banner.jpg);
}
*/

.content-area-rightBG{
background-image:url(/images/right-body-shadow.gif);
background-repeat:repeat-y;
background-position:right;
background-color:#eaeaea;
float:left; /*expand to contain floated children*/
}

.content-area-leftBG{
background-image:url(/images/left-body-shadow.gif);
background-repeat:repeat-y;
float:left; /*expand to contain floated children*/
}

.content-area-topBG{
background-image:url(/images/leaves-banner-reflection.jpg);
background-repeat:no-repeat;
float:left; /*expand to contain floated children*/
}

/*
.home .content-area-topBG{
background-image:url(../images/home-banner-reflection.jpg);
float:left; 
}
*/

.content-area-bottomBG {
background-image:url(/images/bottom-body-shadow.jpg);
background-repeat:no-repeat;
background-position:bottom;
padding:18px 0px 30px 0px;
float:left; /*expand to contain floated children*/
}

.left .white-box {
background-color:#fff;
padding:5px 20px 15px 20px; /*top padding just to increase default 10px padding of elements like h3, p, etc.*/
position:relative; /*nearest positioned ancestor of absolutely positioned rounded corners added with javascript*/
}

.right .white-box {
background-color:#fff;
padding:5px 9px 15px 20px; /*top padding just to increase default 10px padding of elements like h3, p, etc.*/
position:relative; /*nearest positioned ancestor of absolutely positioned rounded corners added with javascript*/
}

.left-float{
float:left;
margin:10px 20px 0px 0px;
}

.right-float{
float:right;
margin:10px 14px 20px 20px;
}

.left-float img, .right-float img {
border:1px solid #999;
}

.left-float .caption, .right-float .caption{
font-size:10px;
line-height:14px;
font-weight:bold;
margin:5px 0px;
text-align:center;
width:200px;
}

.left-float .white-box, .right-float .white-box {
width:205px;
padding:10px 20px 20px 20px;
}

.border {
padding:0px 15px 15px 0px; /*top padding just to increase default 10px padding of elements like h3, p, etc.*/
border-right:1px solid #BEBDBD;
margin:40px 0px 0px 0px;
text-align:right;
font-size:10px;
line-height:14px;
}

.border h4{
line-height:18px;
}

.border a {
color:#009933;
}

.padder {
margin:15px 100px 6px 100px;
clear:both;
}

.left .padder {
margin:15px 0px 6px 24px;
}

.sub-nav {
margin:10px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

.sub-nav li {
margin:0px;
padding:5px 0px 5px 9px;
list-style-type:none;
border-bottom:1px solid #bebdbd;
}

.sub-nav li a{
padding:0px 0px 0px 12px;
background-image:url(/images/subnav-bullet.gif);
background-repeat:no-repeat;
background-position:left 5px;
color:#247bd2;
display:block;
}

.sub-nav li.current {
background-image:url(/images/subnav-current-highlight.gif);
background-repeat:repeat-x;
background-position:left bottom;
}

.sub-nav li.current a {
color:#062c7a;
font-weight:bold;
background-image:url(/images/subnav-bullet-current.gif);
}

.right .padder {
margin:15px 25px 6px 32px;
}

.home .right .padder {
margin:15px 25px 6px 14px;
}

.left .padder.intro {
margin:32px 20px 16px 44px;
}


.aggregator {
margin:0px;
margin-left: 14px;
margin-top:10px;
padding:0px;
}

.aggregator li { padding-bottom: 10px; }

/*
.aggregator li.press {
list-style-type:none;
background-image:url(/images/green-LED-on-white.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:30px;
}

.aggregator li.feed {
list-style-type:none;
background-image:url(/images/rss-icon-20x20.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:30px;
}
*/

.video-description {
float:left;
width:164px;
}

.video-description h3 {
margin:0px 20px 10px 20px;
}

.video-description .caption {
margin:10px 0px 6px 36px;
font-size:10px;
font-weight:bold;
line-height:14px;
}

.video-description img {
padding-left:33px;
}

.padder {
zoom:1; /*trigger haslayout for ie6 & 7, to resolve several display issues with video*/
}

embed {
float:right;
}

.audience-nav{
margin:15px 0px 6px 10px;
}

.audience-nav .first {
margin-right:6px;
}

.indent {
padding:20px;
text-align:right;
}

.indent h4 {
font-size:16px;
text-align:left;
}

.indent ol, .indent li{
text-align:left;
margin-bottom:0px;
padding-bottom:0px;
}

/*contact sales form*/
form ul {
margin:0px;
padding:0px;
}

form li {
list-style-type:none;
margin:3px 0px;
padding:0px;
float:left;
clear:left;
}

form li label {
float:left;
width:140px;
padding-right:10px;
}

.button-bg {
margin-left:160px;
}

.button-bg input {
background-color:transparent;
border:0px;
cursor:pointer;
color:#fff;
font-size:16px;
}

.privacy {
clear:both;
padding:20px 0px 0px 0px;
}

/*end contact sales form*/

/*registration form*/
.right .padder.regform {
margin-left:0px;
}

iframe {
border:0px;
padding-left:32px;
}

body.gq {
background-color:#eaeaea;
background-image:none;
}

.gq table {
border-spacing:0px;
width:619px;
}

.gq td {
vertical-align:top;
}

.gq label {
font-weight:bold;
padding-right:10px;
}

.gq #userTypeRadioContainer label {
font-weight:normal;
}

.button-bg {
background-image:url(/images/green-button-bg.gif);
background-repeat:repeat-x;
float:left;
margin-top:10px;
}

.gq .button-bg {
margin-left:0px;
}

.button-right {
background-image:url(/images/green-button-right.gif);
background-repeat:no-repeat;
background-position:right top;
float:left;
}

.button-left {
background-image:url(/images/green-button-left.gif);
background-repeat:no-repeat;
background-position:left top;
height:38px;
line-height:38px;
cursor:pointer;
color:#fff;
font-size:16px;
padding:0px 6px;
float:left;
}

.textarea {
padding:0px 10px;
margin-bottom:20px;
background-color:#fff;
width:590px;
height:200px;
overflow:scroll;
border:1px solid gainsboro;
}

form {
margin:20px 0px;
}
/*end registration form*/

/*pricing chart*/
.pricing table{
color:#000;
background-color:#ddd;
border-collapse:collapse;
border:2px solid #fff;
font-size:10px;
line-height:12px;
}

.white-box.pricing {
padding:0px;
margin:0px;
background-color:transparent;
}

.pricing .TRcorner, .pricing .TLcorner, .pricing .BRcorner, .pricing .BLcorner {
width:8px;
height:8px;
background-repeat:no-repeat;
position:absolute;
}

.pricing .TRcorner {
background-image:url(/images/TRcorner-BlueOnGrey.gif);
top:0px;
right:0px;
}

/*hack to workaround firefox's misplaced table border*/
@-moz-document url-prefix() {
.pricing .TRcorner {
top:-1px;
right:-1px;
}
}

.pricing .TLcorner {
background-image:url(/images/TLcorner-BlueOnGrey.gif);
top:0px;
left:0px;
}

@-moz-document url-prefix() {
.pricing .TLcorner {
top:-1px;
left:-1px;
}
}

.pricing .BRcorner {
background-image:url(/images/BRcorner-BlueOnGrey.gif);
bottom:0px;
right:0px;
}

@-moz-document url-prefix() {
.pricing .BRcorner {
bottom:-1px;
right:-1px;
}
}

.pricing .BLcorner {
background-image:url(/images/BLcorner-BlueOnGrey.gif);
bottom:0px;
left:0px;
}

@-moz-document url-prefix() {
.pricing .BLcorner {
bottom:-1px;
left:-1px;
}
}

.pricing th, .pricing td{
text-align:center;
border:1px solid #fff;
padding:10px 5px;
}

.pricing th{
background-color:#247bd2;
font-weight:normal;
color:#fff;
}

.nowrap {
white-space:nowrap;
}

.footnotes td{
background-color:#fff;
text-align:left;
line-height:16px;
padding:10px 5px;
}

sup {
font-size:7px;
padding-right:2px;
}
/*end pricing chart*/

.footer .padder{
margin:9px 30px;
padding:0px;
}

.footer-nav {
margin:0px 0px 0px 10px;
padding:0px;
display:inline;
float:right;
}

.footer-nav li {
list-style-type:none;
margin:0px;
padding:0px 6px 0px 10px;
}

.footer-nav a {
color:#666;
}

.footer-nav .last {
border-left:1px solid #8a8a8a;
}

/*popbox styles (image enlargement script)*/
.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url(/images/magplus.cur), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url(/images/magminus.cur), pointer;
	position:absolute;
}
.PopBoxImageShrink
{
	cursor: url(/images/magminus.cur), pointer;
}
.PopBoxImageLink,
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

/*end popbox*/



.left h4 { color: #009933; }
.left a { color: #247bd2; }
.left h4 a { color: #009933; }



a.lred { color: #C1272D; }

/* HTML5 VIDEO */
div.padder { position: relative; }

video {
  position: relative;
  background: #000;
}
video.fullscreen {
  z-index: 1001;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
div#video_controls {
  z-index: 1005;
  position: absolute; 
  right: 4px;
  top: 5px;
}
a#button_fullscreen {
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  background: url(/images/icon_fullscreen.png) no-repeat;
  text-indent: -9999px;
  border: none;
  outline: none;
}

/* IP VIDEO */
#ip_video_container {
  position: relative;
  /* background: url("/images/ip_video_placeholder.jpg") no-repeat; */
  width: 600px;
  height: 462px;
}
#ip_video_container .video_chapter {
  position: relative;
  float: left;
  margin: 9px 10px 0 0;
  display: block;
  width: 110px;
  height: 66px;
  border: 1px solid #aaa;
  text-align: center;
  background: #eee;
  outline: none !important;
}
#ip_video_container .video_chapter.last {
  margin-right: 0px;
}
#ip_video_container .video_chapter span {
  display: block;
  width: 112px;
  position: absolute;
  bottom: -19px;
  left: -1px;
  font-size: 9px;
}
#ip_video_container .active span {
  background: #247BD2;
  color: #fff;
}
#ip_video_container #html5_video_outer_container {
  width: 600px;
  height: 362px;
  background: #ccc;
}
#ip_video_container #ip_chapter_1 { background: url('/images/ip_video_1.jpg') no-repeat; }
#ip_video_container #ip_chapter_2 { background: url('/images/ip_video_2.jpg') no-repeat; }
#ip_video_container #ip_chapter_3 { background: url('/images/ip_video_3.jpg') no-repeat; }
#ip_video_container #ip_chapter_4 { background: url('/images/ip_video_4.jpg') no-repeat; }
#ip_video_container #ip_chapter_5 { background: url('/images/ip_video_5.jpg') no-repeat; }

/* Button */
a.audience-button {
  /* background: url(/images/btn-slider-right.png) no-repeat scroll top right; */ 
  background: #eee;
  background: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(250, 250, 250, .5)), to(rgba(175, 185, 200, 0.5)));
  background: -moz-linear-gradient(top,  #FAFAFA,  #C8D2DC);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#C8D2DC');

  /* background-color: #def; */

  border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px;
  box-shadow: 0 1px 3px #aaa; -moz-box-shadow: 0 1px 3px #aaa; -webkit-box-shadow: 0 1px 3px #aaa;

  border: 1px solid #8ac;
  border-top: 1px solid #ace;
  border-left: 1px solid #9bd;
  display: inline-block;
  height: 31px; 
  margin-right: 6px;
  margin-top: 11px;
  padding-right: 10px; 
  text-decoration: none;
  color: #247BD2;
  font-family: Helvetica;
  font-size:12px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden; 
  text-shadow: 1px 1px 3px #fff;
}
a.audience-button span {
  float:left;
  /* background: url(/images/btn-slider.png) no-repeat; */ 
  display: block;
  line-height: 21px; 
  padding: 6px 5px 5px 15px;
  font-weight: bolder;
  cursor: hand;
  text-transform: uppercase;
  letter-spacing: 0.5px;
} 
a.audience-button:hover {
  border: 1px solid #68a;
  border-top: 1px solid #9bd;
  border-left: 1px solid #8ac;

  background: #fafafa;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(200, 210, 220, 0.8)), to(rgba(250, 250, 250, .9)));
  background: -moz-linear-gradient(top,  #C8D2DC, #FAFAFA);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8D2DC', endColorstr='#FAFAFA');  
  -webkit-box-shadow: #ccc 0 0 5px;
  -moz-box-shadow: #ccc 0 0 5px;
  text-shadow: 1px 1px 2px #aaa;
  -moz-box-shadow: 0 0 0 #aaa; -webkit-box-shadow: 0 0 0 #aaa; box-shadow: 0 0 0 #aaa;
}
a.audience-button:active {
  color: #fff;
  background: #aaa;
}

/* Whats New Sidebar */
.whats-new {
  text-align: left;
}
.right .whats-new {
  width: 205px;
  background: #ddd !important;
  border: 1px solid #cfcfcf;
  padding:0px 20px 10px 18px;
  margin-bottom: 10px;
  position:relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.whats-new ul {
  margin: 5px 0 0 0;
  padding-left: 15px;
}
.whats-new ul li {
  margin: 0 0 9px 0;
}
.whats-new ul li:last-child {
  margin-bottom: 0;
}

/* Button */
a.download-pdf {
  outline: none;
  background: url(/images/download-pdf.png) no-repeat;
  display: block;
  width: 173px; height: 29px;
  text-indent: -9999px;
} 
a.download-pdf:hover, a.download-pdf:active {
  background-position: 0 -29px;
}

#mini-features {margin: 15px 0; float: left; }
#mini-features .feature { float: left; width: 300px; height: 91px; margin: 0 5px 20px 0; }
#mini-features .feature h3 { padding-top: 0;}
#mini-features .feature p { margin-top: 0px ;}
#mini-features a.btn { white-space: nowrap; padding:1px 5px; background:#ddd; font-size:10px;  border:none; float: right; margin-right: 10px; }
#mini-features a.btn { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-transform:uppercase; } /* effects */
#mini-features a.btn:hover { background:#eee; text-decoration:none; }

div#feature-pitch {
  text-align: center; padding: 10px 10px; margin: 20px 0 10px; font-size: 1.4em; line-height: 1.3em; background-color: #fafafa; 
  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; 
  border: 2px solid #89A7D8; 
}

div.right-float a.logo {
  margin: 10px 0 0 10px;
  display: block;
  width: 200px;
  text-align: center;
}
div.right-float a.logo img {
  margin: auto;
  border: none !important;
}

div#jj-quote { 
  margin: 35px 25px 50px 25px; padding: 10px 10px 20px 10px;
  border: 2px solid #89A7D8; 
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; 
  -webkit-box-shadow: 0px 0px 6px #aaa; -moz-box-shadow: 0px 0px 6px #aaa; box-shadow: 0px 0px 6px #aaa;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(250, 250, 250, .9)), to(rgba(200, 210, 220, 0.8)));
  background: -moz-linear-gradient(top, #FAFAFA, #C8D2DC);
}
div#jj-quote img { 
  float: left; width: 94px; height: 131px; background: #fff; margin: 0 10px 0 0; border: 1px solid #ddd;
  border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; 
}
div#jj-quote blockquote{ margin-top: 0; }
div#jj-quote blockquote p { font-size: 16px; line-height: 23px; font-style: normal; margin: 0 0 15px 0;}
div#jj-quote blockquote cite { font-size: 14px; margin: 0 0 0 25px; }