/* Start CSS Reset Classes */

/**
 * Percents could work for IE ,  but for backCompat purposes ,  we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
 
/* Font size conversion chart 
10px = 77%
11px  = 85%
12px  = 93%
13px  = 100%
14px  = 108%
15px  = 116%
16px  = 123.1%
17px  = 131%
18px  = 138.5%
19px  = 146.5%
20px  = 153.9%
21px  = 161.6%
22px  = 167%
23px  = 174%
24px  = 182%
25px  = 189%
26px  = 197%
*/

body{font:13px arial , helvetica , clean , sans-serif;*font-size:small;*font:x-small;}

/**
 * 99% for safari; 100% is too large
 */
select ,  input ,  textarea {font:99% arial , helvetica , clean , sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre ,  code {font:115% monospace;}


/* Start CSS Reset Classes */
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
 margin:0;
 padding:0;
 }

table {
 border-collapse:collapse;
 border-spacing:0;
}
fieldset , img { 
 border:0;
}
address , caption , cite , code , dfn , em , th , var {
 font-style:normal;
 font-weight:normal;
}
ol , ul {
 list-style:none;
}
caption , th {
 text-align:left;
}
q:before , q:after {
 content:'';
}
abbr , acronym { border:0;
}

/* Begin Global Link Treatment */
a {color: #0F57C2; text-decoration: none;}
a:link {color:#0F57C2; text-decoration: none;}
a:visited {color:#0F57C2; text-decoration: none;}
a:active {color:#0F57C2; text-decoration: underline;}
a:focus {color:#0F57C2; text-decoration: underline;}
a:hover {color:#0F57C2;text-decoration: underline;}
/* End Global Link Treatment */

/* Begin Global Classes */
.popup{padding:0px 0px 0px 3px !important;}
.bold{font-weight:bold;}
.center{text-align:center;}
/* End Global Classes */

/* Begin Utility Classes */
.clear-left {clear: left;}
.clear-right {clear: right;}
.clear-both {clear: both;}
.clear-bottom {padding-bottom:0px !important; margin-bottom:0px !important;}
.clear-top {padding-top:0px !important; margin-top:0px !important;}
.off-screen{position:absolute; left:-5000px;width:0px;height:0px;overflow:hidden;}
.clear-line-height{line-height:normal !important;}
.reduce-top{margin-top:-5px;}
/* End Utility Classes */

/* Layout classes */
.layout-breadcrumb-region {width: 975px; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; }
.layout-breadcrumb-region .layout-spacer-01 {padding:0px 0px 6px 0px;}
.layout-body-region {width: 995px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top;}
.layout-body-left-gutter {width: 10px; padding: 0px; margin: 0px; vertical-align: top;}
.layout-body-toc {width: 169px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-toc .layout-spacer-01 {padding: 0px 0px 20px 0px;}
.layout-body-toc-right-gutter {width: 21px; padding: 0px; margin: 0px; vertical-align: top;}
.layout-body-header {width:785px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-content {width: 508px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-body-gutter-right{width: 10px; margin: 0px; padding: 0px; vertical-align:top;}
.layout-body-gutter-right-border {width: 11px; margin: 0px; padding: 0px; vertical-align:top; border-left: 1px solid #DBDCDE;}
.layout-body-right {width: 256px; padding: 0px; margin: 0px; vertical-align: top;}
.layout-body-far-right-gutter {width: 10px; margin: 0px; padding: 0px; vertical-align: top;}
.layout-footer-region {width: 995px; padding: 0px; margin: 0px;}
.layout-footer-region .layout-spacer-01 {padding:0px 0px 59px 0px;}

/* already_reg.shtml */
.already-reg .layout-body-toc {width: 0px;}
.already-reg .layout-body-toc-right-gutter {width: 0px;}
.already-reg .layout-body-gutter-right-border {border:none;}
.already-reg .layout-footer-region .layout-spacer-01 {padding:0px 0px 55px 0px;}

/* offer_expired.shtml */
.offer-expired .layout-body-toc {width: 0px;}
.offer-expired .layout-body-toc-right-gutter {width: 0px;}
.offer-expired .layout-body-gutter-right-border {border:none;}
.offer-expired .layout-body-region .layout-spacer-01 {padding:0px 0px 17px 0px;}
.offer-expired .layout-footer-region .layout-spacer-01 {padding:0px 0px 60px 0px;}

/* termsofuse.shtml */
.termsofuse .layout-body-toc {width: 0px;}
.termsofuse .layout-body-toc-right-gutter {width: 0px;}
.termsofuse .layout-body-gutter-right-border {border:none;}
.termsofuse .layout-body-region .layout-spacer-01 {padding:0px 0px 24px 0px;}
.termsofuse .layout-body-region .layout-spacer-02 {padding:0px 0px 25px 0px;}
.termsofuse .layout-footer-region .layout-spacer-01 {padding:0px 0px 57px 0px;}

/* thankyou.shtml */
.thankyou .layout-body-toc {width: 0px;}
.thankyou .layout-body-toc-right-gutter {width: 0px;}
.thankyou .layout-body-content {width: 638px;}
.thankyou .layout-body-gutter-right-border {border:none;}
.thankyou .layout-body-right {width: 126px;}
.thankyou .layout-body-region .layout-spacer-01 {padding:0px 0px 22px 0px;}

/* detect.shtml */
.detect .layout-body-toc {width: 0px;}
.detect .layout-body-toc-right-gutter {width: 0px;}
.detect .layout-body-gutter-right-border {border:none;}
.detect .layout-body-region .layout-spacer-01 {padding:0px 0px 25px 0px;}

/* ScreenerAboutVideo.html */
.screeneraboutvideo .layout-body-toc {width: 0px;}
.screeneraboutvideo .layout-body-toc-right-gutter {width: 0px;}
.screeneraboutvideo .layout-body-header {height:64px;}
.screeneraboutvideo .layout-body-content {width: 764px;}
.screeneraboutvideo .layout-body-gutter-right-border {border:none;}
.screeneraboutvideo .layout-body-right {width: 0px;}
.screeneraboutvideo .layout-body-region .layout-spacer-01 {padding:0px 0px 18px 0px;}
.screeneraboutvideo .layout-body-region .layout-spacer-02 {padding:0px 0px 27px 0px;}
.screeneraboutvideo .layout-footer-region .layout-spacer-01 {padding:0px 0px 57px 0px;}

/* Component classes */
/* Begin BreadCrumb Component Classes */
.breadcrumb {color:#666666; font-size: 85%; padding: 9px 0px 9px 0px; margin: 0px; line-height: 90%;border-bottom: 1px dotted #DBDCDE;}
.breadcrumb .caret {padding: 0px 1px 0px 5px; margin: 0px;}
.breadcrumb .bold {font-weight:bold;}
.breadcrumb ul {padding: 0px; margin: 0px;}
.breadcrumb ul li {display: inline; padding: 0px; margin: 0px; list-style: outside; list-style-type: none; list-style-image: none;}
.breadcrumb a {color:#666666; text-decoration: none;}
.breadcrumb a:link {color:#666666; text-decoration: none;}
.breadcrumb a:visited {color:#666666; text-decoration: none;}
.breadcrumb a:active {color:#E74B00; text-decoration:underline;}
.breadcrumb a:focus {color:#E74B00; text-decoration:underline;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb .byline {float:right;text-align:right;font-family:Arial , sans-serif;font-size:85%;color:#666666; width:49%;}
/* End BreadCrumb Component Classes*/

/* Begin header classes */
.header h1 {font-size: 182%; color: #408800; font-weight: normal; padding-bottom:14px;}
/* thankyou.shtml */
.thankyou .header .thank-you-head{color:#000000;}
/* End header classes */

/* Begin header-wide classes */
.header-wide h1 {font-size: 182%; color: #408800; font-weight: normal; padding-top:22px; padding-bottom:14px;}
/* End header-wide classes */

/* Begin content Classes*/
.content {line-height:138.5%;}
.content p {padding:0px 0px 13px 0px; font-size:93%;}
.content h2 {font-size: 123.1%; color: #408800; padding:15px 0px 10px 0px; font-weight: bold;}
.content sup {font-weight: normal; vertical-align: top;}
.content h3 {font-size: 108%; color:#333333; font-weight:bold; padding:13px 0px 10px 0px;}
.content h4 {font-size: 93%; font-weight:bold; padding:13px 0px 10px 0px;}
.content ol {padding:0px 0px 13px 0px;}
.content ol li {font-size:93%; list-style: decimal;padding:0px 0px 8px 0px;margin:0px 0px 0px 22px;}
.content ul {padding:0px 0px 13px 0px;}
.content ul li {font-size:93%; background:url("/images/greenbulsq.gif") 0px 8px no-repeat;padding:0px 0px 8px 11px;list-style: outside; list-style-type: none; list-style-image: none;}
.content ul li img {border: 0px; cursor: pointer;}
.content img {padding:0px 2px 0px 0px;}
.content ul .clear-bottom {padding-bottom:0px !important;margin-bottom:0px !important;}
.content em {font-style:italic;}
.content .top-link {text-align: right; padding-bottom:0px;}
.content .top-link-bottom {text-align: right; padding-bottom:13px;}
.content .center {text-align:center;}
.content .left{float:left;}
.content .right{float:right;}
.content .inner-ul{padding:6px 0px 0px 25px;}
.content .inner-ul li{font-size:100%;}
.content .greenarrow {font-size:93%; background:url("/images/11_11_bullet.gif") 0px 4px no-repeat;padding:0px 0px 8px 15px;list-style: outside; list-style-type: none; list-style-image: none;}
.content .right-img{float:right; padding:4px 0px 0px 16px; }
.content .logo-image{padding-right:15px;}
.content hr{color:#CED7DE; padding-bottom:0px; margin-bottom:3px;}
/* ScreenerAboutVideo.html */
.screeneraboutvideo .content{width:745px;}
/* already_reg.shtml*/
.already-reg .content .continue {float:right; padding-bottom:0px;}
.already-reg .content .continue img{padding:4px 10px 4px 0px; float:left;}
.already-reg .content .continue a{float:left; padding-top:3px;}
/* End content Classes*/

/* Begin footnote classes */
.footnote {font-size:85%; color:#666666;}
.footnote p {padding:0px 0px 6px 0px;}
.footnote ol {margin:0px 0px 6px 18px; list-style-type: decimal;}
.footnote ol li {padding:0px 0px 6px 0px;}
.footnote sup {vertical-align : super; font-size:90%;}
.footnote em{font-style:italic;}
.footnote .clear-bottom {padding-bottom:0px !important;margin-bottom:0px !important;}
.footnote .strong-p{font-size:110% !important; color:#666666; font-weight:bold;}
/* ScreenerAboutVideo.html */
.screeneraboutvideo .footnote {width:745px;}
/* End footnote classes */

/* Begin footnote-border classes */
.footnote-border {font-size:85%; color:#666666;border-top: 1px solid #666666 ; border-bottom:1px solid #666666; padding:5px 0px 7px 0px;}
/* End footnote-border classes */

/* Begin open-account classes */
/* offer_expired.shtml */
.open-account {font-size:93%;}
.open-account img {float:left;}
.open-account .right {float:right; padding:4px 0px 0px 0px}
.open-account .yellow-image {float:left;  padding:0px 8px 0px 0px; margin:0px;}
/* End open-account Classes*/

/* Begin inner-container classes */
/* ScreenerAboutVideo.html */
.inner-container {padding:15px 0px 5px 15px; background-color:#F7F7F7; border: 1px solid #CECFD6;  width:728px;}
.inner-container h2{font-size: 123.1%; color: #408800; font-weight: bold;}
.inner-container .page-number{padding:6px 0px 16px 0px; font-weight:bold; font-size:93%;}
.inner-container .page-number .pipe-page-spacing {padding:0px 5px 0px 5px; vertical-align:middle;}
.inner-container .page-number .next-bullet-spacing {padding:0px 0px 0px 2px; vertical-align:middle;}
.inner-container .page-number .previous-bullet-spacing {padding:0px 2px 0px 0px; vertical-align:middle;}
.inner-container .screenshot {padding:0px 0px 20px 0px;}
.inner-container .hidden-div {display:none;}
/* End inner-container Classes*/