html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: default; }

ol, ul {
	padding-left: 40px;
}

article, aside, figure, footer, header, hgroup, nav, section {
  display: block; }

blockquote, q {
    margin:0 20px;
    color:#ddd;
    quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
  text-decoration: inherit; }

.imagemapdiv {
    background-color: #ffff00;
    opacity: 0.2;
}

.imagemapdiv:hover {
    opacity: 0.5;
}

.imagemapdiv_hide {
    background-color: #ffff00;
    opacity: 0;
}

.imagemapdiv_hide:hover {
    opacity: 0.5;
}

.search_highlight {
  color: #000;
  background-color: #edeb33;
}

.iphone #adlink .wrapper {
	height: 100%;
}

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted black;
  cursor: help; }

.zoomable, .zoomable * {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: zoom-in; }

.lightbox, .lightbox * {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: zoom-out; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

.ie6 input {
  vertical-align: text-bottom; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

a:hover, a:active {
  outline: none; }

small {
  font-size: 85%; }

strong, th {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

input {
  cursor: auto; }

textarea {
  cursor: text; }

a, a *, .clickable, label, input[type=button], input[type=submit], input[type=reset], button, #nextPage, #previousPage, #nextPage *, #previousPage * {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button {
  width: auto;
  overflow: visible; }

.ie7 img {
  -ms-interpolation-mode: bicubic; }

.ie6 html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

ins {
  background-color: #fcd700;
  color: black;
  text-decoration: none; }

mark {
  background-color: #fcd700;
  color: black;
  font-style: italic;
  font-weight: bold; }

/* ==========================================================================
	PAGES

	Styles related to the grids/layouts in the app.

	This is currently acting as a catch-all for grid-related styles that
	haven't found a permanent home.

	These styles should mostly be moved into layout specific styles
	eventually, but are used throughout the test data, so we'll move them as
	it makes sense to do so.
   ========================================================================== */
.grid {
  margin: 18px;
  padding: 0 32px;
  background: white; }

.container img,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6, .column h7,
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container h7 {
  padding-left: 20px; }

.container hgroup {
  padding-bottom: 10px; }

.iphone .container hgroup {
  padding-bottom: 15px; }

p {
  padding-left: 20px;
  color: #333333;
  text-indent: 24px;
  text-align: justify; }
  p.noindent, p.caption, .keeptogether p {
    text-indent: 0; }
  p.caption {
    text-align: left; }
    .lightbox p.caption {
      color: #fff; }

.iphone .container img, .iphone .container hgroup, .iphone .column h1, .iphone .column h2, .iphone .column h3, .iphone .column h4, .iphone .column h5, .iphone .column h6, .iphone .column h7 {
  padding-left: 0; }

.iphone .column h4 {
  padding-left: 20px; }

.os-iphone grid.fixed.iphone.vertical {
  padding-left: 0;
  margin-right: 18px; }

.bgclear {
  background-color: transparent; }

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  font-weight: bold; }

h1 {
  font-family: sans-serif;
  font-size: 24px;
  line-height: 1em; }

p.caption {
  line-height: 1.2em;
  font-size: 90%;
  text-indent: 0; }

p.introduction:first-letter {
  font-size: 460%;
  font-weight: bold;
  font-family: serif;
  float: left;
  line-height: 0.95em;
  margin-right: -0.3em;
  margin-bottom: -0.2em;
  width: 1em;
  color: #c5e113; }

.hyperlink {
  color: #2561b1; }

a {
  color: #2561b1; }

.grid.iphone.vertical.page-1 .wrapper {
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.iphone.horizontal.page-1 .wrapper {
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.ipad.vertical.page-1 .wrapper {
  height: 872px;
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.grid.ipad.horizontal.page-1 .wrapper {
  height: 619px;
  margin: 21px 0px 0px;
  padding: 0 10px;
  position: relative; }

.no-mobile .grid .wrapper {
  height: 92%;
  /*margin-top: 5%;*/
  position: relative; }

.grid img {
  max-width: 100%; }

.grid .fLeft {
  float: left; }

.grid .fRight {
  float: right; }

.grid .bold {
  font-weight: bold; }

.grid .italic {
  font-style: italic; }

.grid .underline {
  text-decoration-line: underline; }


/* ISSUE-LEVEL RAW CSS */


/* END ISSUE-LEVEL RAW CSS */

 /* ////////////////////////////////////////////////////////////
// Media Queries for 1-column and 2-column
//////////////////////////////////////////////////////////// */

.grid.index {
  background-color: transparent;
}

.grid.index .column {
  width: 0px;
}

@media screen and (min-height:700px) {
/* 1-column */
.no-ios .index.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/320x480.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .index.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/768x1024.jpg") center center no-repeat;
  background-size: contain; height:100%;}
}

@media screen and (max-height:699px) {
/* 1-column */
.no-ios .index.w1.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/320x480.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* 2-column */
.no-ios .index.w2.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}
}

/* ////////////////////////////////////////////////////////////
// 3-column
//////////////////////////////////////////////////////////// */
.no-ios .index.w3.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// 4-column
//////////////////////////////////////////////////////////// */
.no-ios .index.w4.page-1 .wrapper {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/1024x768.jpg") center center no-repeat;
  background-size: contain; height:100%;}

/* ////////////////////////////////////////////////////////////
// iPhone vertical
//////////////////////////////////////////////////////////// */
.index.iphone.vertical.page-1 {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/320x480.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPhone horizontal
//////////////////////////////////////////////////////////// */
.index.iphone.horizontal.page-1 {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/1024x768.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad vertical
//////////////////////////////////////////////////////////// */
.index.ipad.vertical.page-1 {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/768x1024.jpg") center center no-repeat;background-size: contain;}

/* ////////////////////////////////////////////////////////////
// iPad horizontal
//////////////////////////////////////////////////////////// */
.index.ipad.horizontal.page-1 {
  background: url("http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/index/1024x768.jpg") center center no-repeat;background-size: contain;}

/* GUI CSS */

/* END GUI CSS */

 /* Header attributes */
.foreword .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.foreword .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.foreword .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.foreword .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.foreword .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.foreword.iphone .lefty,
.foreword.w1 .lefty {
  display:none
}

.foreword .lefty img {
  width:100%
}


/* GUI CSS */

/* END GUI CSS */

.foreword p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.foreword ul, .foreword ol {
  padding-left: 20px;
  text-align:justify;
  list-style: inside;
  color:#202425
}

.foreword ol, .foreword ul {
  padding-bottom:10px
}

.foreword .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.foreword.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.foreword.iphone .myWrapper .container {
  margin-left:18px
}

.foreword.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.foreword .myWrapper iframe {
  padding-left: 20px;}

.foreword.iphone .myWrapper iframe {
  padding-left: 0;}

.foreword.iphone .container {
  width: 280px
}

.foreword .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.foreword.ipad.vertical .myWrapper h1,
.foreword.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.foreword.iphone .myWrapper h1,
.foreword.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.foreword a:link,
.foreword a:visited,
.foreword a:active {
  color:#0085d5
}

.foreword a:hover,
.foreword a:focus {
  color:#ff9900
}

.foreword.grid.iphone {
  margin-left: -20px;}

.foreword .credit {
  display:box;
  margin:15px 0 0px 0;
  padding-bottom: 5px;
 
 
}

.foreword.iphone .credit {
  border-top:0;
  background-image:none
} /* Header attributes */
.tableofcontents .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.tableofcontents .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.tableofcontents .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.tableofcontents .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.tableofcontents .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.tableofcontents.iphone .lefty,
.tableofcontents.w1 .lefty {
  display:none
}

.tableofcontents .lefty img {
  width:100%
}


/* GUI CSS */

.tableofcontents h2 {
  color: #3b2f63;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

.tableofcontents h3 {
  color: #3b2f63;
  font-family: Arial;
  letter-spacing: 0px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 10px 0 0 -20px;
}

.tableofcontents a:link {
  color: #3b2f63;
}

.tableofcontents a:visited {
  color: #3b2f63;
}

/* END GUI CSS */

.tableofcontents p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.tableofcontents ul {
  padding:0
}

.tableofcontents ul li {
  list-style-type:none;
  margin:0;
  padding:0 0 0 1px;
  width:98%;
  font-size:90%
}

.tableofcontents li a:link,
.tableofcontents li a:visited,
.tableofcontents li a:active {
  color:#444444
}

.tableofcontents li a:hover,
.tableofcontents li a:focus {
  color:#fff
}

.tableofcontents li:nth-child(odd) {
  background:#E5E5E5
}

.tableofcontents li:hover {
  background:#777777
}

.tableofcontents li:hover a {
  color:#fff
}

.tableofcontents li:hover a > span {
  color:#fff
}

.tableofcontents ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.tableofcontents.ipad.vertical ul li span,
.tableofcontents.iphone ul li span,
.tableofcontents.w1 ul li span,
.tableofcontents.w2 ul li span {
  display:none
}

.tableofcontents .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.tableofcontents.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.tableofcontents.iphone .myWrapper .container {
  margin-left:18px
}

.tableofcontents.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.tableofcontents .myWrapper iframe {
  padding-left: 20px;}

.tableofcontents.iphone .myWrapper iframe {
  padding-left: 0;}

.tableofcontents.iphone .container {
  width: 280px
}

.tableofcontents .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.tableofcontents.ipad.vertical .myWrapper h1,
.tableofcontents.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.tableofcontents.iphone .myWrapper h1,
.tableofcontents.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.tableofcontents.grid.iphone {
  margin-left: -20px;}

.tableofcontents .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#777777;
  font:20px "ff-meta-web-pro",sans-serif;
  font-weight:bold;
  letter-spacing:1px;
  
}

.tableofcontents .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#777777;
  font:20px "ff-meta-web-pro",sans-serif;
  font-weight:bold;
  letter-spacing:1px;
   
}

.tableofcontents .boxymain {
  display:block;
  width:100%
}

.tableofcontents.ipad.vertical .boxymain,
.tableofcontents.iphone .boxymain,
.tableofcontents.w2 .boxymain,
.tableofcontents.w1 .boxymain {
  display:none
}

.tableofcontents span.clear {
  clear:both
} /* Header attributes */
.introduction .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.introduction .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.introduction .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.introduction .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.introduction .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.introduction.iphone .lefty,
.introduction.w1 .lefty {
  display:none
}

.introduction .lefty img {
  width:100%
}


/* GUI CSS */

.introduction h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 10px 0 0 0;
  padding: 0 0 0px 20px;
}

/* END GUI CSS */

.introduction p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 

}

.introduction ul, .introduction ol {
  padding-left: 20px;
  text-align:justify;
  list-style: inside;
  color:#202425
}

.introduction ol, .introduction ul {
  padding-bottom:10px
}

.introduction .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.introduction.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.introduction.iphone .myWrapper .container {
  margin-left:18px
}

.introduction.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.introduction .myWrapper iframe {
  padding-left: 20px;}

.introduction.iphone .myWrapper iframe {
  padding-left: 0;}

.introduction.iphone .container {
  width: 280px
}

.introduction .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.introduction.ipad.vertical .myWrapper h1,
.introduction.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.introduction.iphone .myWrapper h1,
.introduction.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.introduction a:link,
.introduction a:visited,
.introduction a:active {
  color:#0085d5
}

.introduction a:hover,
.introduction a:focus {
  color:#ff9900
}

.introduction.grid.iphone {
  margin-left: -20px;}

.introduction.iphone h2 {
  margin:0 0 0 20px
}

.introduction p.caption a:link,
.introduction p.caption a:visited,
.introduction p.caption a:active {
  color:#3b2f6b;
  font:"ff-meta-web-pro",sans-serif;
  letter-spacing:1px;
  font-weight:300;
  margin:10px 0 0 20px;
  font-family:arial, helvetica, sans-serif;
  padding:0 0 10px 0;
}

.introduction span.button {
  display:block;
  float:right;
  margin:15px 10px 0 0;
  padding:5px 10px;
  background: #ffb803; /* Old browsers */
  background: -moz-linear-gradient(top, #ffb803 1%, #ffb803 22%, #fb9d1d 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffb803), color-stop(22%,#ffb803), color-stop(100%,#fb9d1d)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffb803 1%,#ffb803 22%,#fb9d1d 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffb803 1%,#ffb803 22%,#fb9d1d 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffb803 1%,#ffb803 22%,#fb9d1d 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffb803 1%,#ffb803 22%,#fb9d1d 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb803', endColorstr='#fb9d1d',GradientType=0 ); /* IE6-9 */
  color:#fff;
  font-size:90%;
  line-height:100%;
  font-weight:900px;
  text-transform:uppercase;
  letter-spacing:1px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px
}

.introduction span.button:hover,
.introduction span.button:focus {
background: #d58719; /* Old browsers */
background: -moz-linear-gradient(top, #d58719 0%, #d58719 48%, #d89807 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d58719), color-stop(48%,#d58719), color-stop(100%,#d89807)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d58719 0%,#d58719 48%,#d89807 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d58719 0%,#d58719 48%,#d89807 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d58719 0%,#d58719 48%,#d89807 100%); /* IE10+ */
background: linear-gradient(to bottom, #d58719 0%,#d58719 48%,#d89807 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d58719', endColorstr='#d89807',GradientType=0 ); /* IE6-9 */
}  

.introduction .mainwrap {
  margin:0 0 20px 0
} /* Header attributes */
.sectionone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone.iphone .lefty,
.sectionone.w1 .lefty {
  display:none
}

.sectionone .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionone p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionone ul {
  padding:0
}

.sectionone ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionone li a:link,
.sectionone li a:visited,
.sectionone li a:active {
  color:#444444
}

.sectionone li a:hover,
.sectionone li a:focus {
  color:#fff
}

.sectionone li:nth-child(odd) {
  background:#E5E5E5
}

.sectionone li:hover {
  background:#777777
}

.sectionone li:hover a {
  color:#fff
}

.sectionone li:hover a > span {
  color:#fff
}

.sectionone ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionone.ipad.vertical ul li span,
.sectionone.iphone ul li span,
.sectionone.w1 ul li span,
.sectionone.w2 ul li span {
  display:none
}

.sectionone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone .myWrapper iframe {
  padding-left: 20px;}

.sectionone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone.iphone .container {
  width: 280px
}

.sectionone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionone.ipad.vertical .myWrapper h1,
.sectionone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone.iphone .myWrapper h1,
.sectionone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone.grid.iphone {
  margin-left: -20px;}

.sectionone .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionone .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionone .boxymain {
  display:block;
  width:100%
}

.sectionone.ipad.vertical .boxymain,
.sectionone.iphone .boxymain,
.sectionone.w2 .boxymain,
.sectionone.w1 .boxymain {
  display:none
}

.sectionone span.clear {
  clear:both
} /* Header attributes */
.sectionone_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_partone.iphone .lefty,
.sectionone_partone.w1 .lefty {
  display:none
}

.sectionone_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionone_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionone_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_partone.iphone .hidesmall {display:none}
}

.sectionone_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_partone ul, 
.sectionone_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_partone li {
  padding-left:15px;
  margin:0;
  
}

.sectionone_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_partone .myWrapper iframe {
  padding-left: 20px;}

.sectionone_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_partone.iphone .container {
  width: 280px
}

.sectionone_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_partone.ipad.vertical .myWrapper h1,
.sectionone_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_partone.iphone .myWrapper h1,
.sectionone_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_partone a:link,
.sectionone_partone a:visited,
.sectionone_partone a:active {
  color:#0085d5
}

.sectionone_partone a:hover,
.sectionone_partone a:focus {
  color:#ff9900
}

.sectionone_partone.grid.iphone {
  margin-left: -20px;}

.sectionone_partone.iphone h2 {
  margin:0 0 0 20px
} /* Header attributes */
.sectionone_parttwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_parttwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_parttwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_parttwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_parttwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_parttwo.iphone .lefty,
.sectionone_parttwo.w1 .lefty {
  display:none
}

.sectionone_parttwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_parttwo h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionone_parttwo h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_parttwo p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
    
 }
    
.sectionone_parttwo.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_parttwo .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_parttwo/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_parttwo ul, 
.sectionone_parttwo ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_parttwo li {
  padding-left:15px;
  margin:0;
  
}

.sectionone_parttwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_parttwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_parttwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_parttwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_parttwo .myWrapper iframe {
  padding-left: 20px;}

.sectionone_parttwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_parttwo.iphone .container {
  width: 280px
}

.sectionone_parttwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:none;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_parttwo.ipad.vertical .myWrapper h1,
.sectionone_parttwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_parttwo.iphone .myWrapper h1,
.sectionone_parttwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_parttwo a:link,
.sectionone_parttwo a:visited,
.sectionone_parttwo a:active {
  color:#0085d5
}

.sectionone_parttwo a:hover,
.sectionone_parttwo a:focus {
  color:#ff9900
}

.sectionone_parttwo.grid.iphone {
  margin-left: -20px;}

.sectionone_parttwo.iphone h2,
.sectionone_parttwo.iphone h3 {
  margin:0 0 0 20px
}
.sectionone_parttwo.iphone .hidesmall {display:none} /* Header attributes */
.sectionone_partthree .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_partthree .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_partthree .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_partthree .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_partthree .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_partthree.iphone .lefty,
.sectionone_partthree.w1 .lefty {
  display:none
}

.sectionone_partthree .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_partthree h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionone_partthree h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_partthree p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
    
}


@media screen and (min-height:501px) {
  .hidesmall {display:block}
}
@media screen and (max-height:500px) {
  .hidesmall {display:none}
}
    
.sectionone_partthree.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_partthree .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_partthree/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_partthree ul, 
.sectionone_partthree ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_partthree li {
  padding-left:15px;
  margin:0;
  
}
.sectionone_partthree .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_partthree.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_partthree.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_partthree.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_partthree .myWrapper iframe {
  padding-left: 20px;}

.sectionone_partthree.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_partthree.iphone .container {
  width: 280px
}

.sectionone_partthree .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:none;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_partthree.ipad.vertical .myWrapper h1,
.sectionone_partthree.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_partthree.iphone .myWrapper h1,
.sectionone_partthree.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_partthree a:link,
.sectionone_partthree a:visited,
.sectionone_partthree a:active {
  color:#0085d5
}

.sectionone_partthree a:hover,
.sectionone_partthree a:focus {
  color:#ff9900
}

.sectionone_partthree.grid.iphone {
  margin-left: -20px;}

.sectionone_partthree.iphone h2,
.sectionone_partthree.iphone h3 {
  margin:0 0 0 20px
}
.sectionone_partthree.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionone_partfour .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_partfour .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_partfour .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_partfour .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_partfour .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_partfour.iphone .lefty,
.sectionone_partfour.w1 .lefty {
  display:none
}

.sectionone_partfour .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_partfour h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionone_partfour h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_partfour p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 

}

.sectionone_partfour.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_partfour .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_partfour/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_partfour ul, 
.sectionone_partfour ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_partfour li {
  padding-left:15px;
  margin:0;
  
}

.sectionone_partfour .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_partfour.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_partfour.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_partfour.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_partfour .myWrapper iframe {
  padding-left: 20px;}

.sectionone_partfour.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_partfour.iphone .container {
  width: 280px
}

.sectionone_partfour .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_partfour.ipad.vertical .myWrapper h1,
.sectionone_partfour.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_partfour.iphone .myWrapper h1,
.sectionone_partfour.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_partfour a:link,
.sectionone_partfour a:visited,
.sectionone_partfour a:active {
  color:#0085d5
}

.sectionone_partfour a:hover,
.sectionone_partfour a:focus {
  color:#ff9900
}

.sectionone_partfour.grid.iphone {
  margin-left: -20px;}

.sectionone_partfour.iphone h2,
.sectionone_partfour.iphone h3 {
  margin:0 0 0 20px
}
.sectionone_partfour.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionone_partfive .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_partfive .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_partfive .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_partfive .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_partfive .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_partfive.iphone .lefty,
.sectionone_partfive.w1 .lefty {
  display:none
}

.sectionone_partfive .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_partfive h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionone_partfive h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_partfive p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
} 
    
.sectionone_partfive .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_partfive/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_partfive.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_partfive ul, 
.sectionone_partfive ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_partfive li {
  padding-left:15px;
  margin:0;
  
}
.sectionone_partfive .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_partfive.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_partfive.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_partfive.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_partfive .myWrapper iframe {
  padding-left: 20px;}

.sectionone_partfive.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_partfive.iphone .container {
  width: 280px
}

.sectionone_partfive .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_partfive.ipad.vertical .myWrapper h1,
.sectionone_partfive.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_partfive.iphone .myWrapper h1,
.sectionone_partfive.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_partfive a:link,
.sectionone_partfive a:visited,
.sectionone_partfive a:active {
  color:#0085d5
}

.sectionone_partfive a:hover,
.sectionone_partfive a:focus {
  color:#ff9900
}

.sectionone_partfive.grid.iphone {
  margin-left: -20px;}

.sectionone_partfive.iphone h2,
.sectionone_partfive.iphone h3 {
  margin:0 0 0 20px
}
.sectionone_partfive.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionone_partsix .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionone_partsix .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionone_partsix .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionone_partsix .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionone_partsix .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionone_partsix.iphone .lefty,
.sectionone_partsix.w1 .lefty {
  display:none
}

.sectionone_partsix .lefty img {
  width:100%
}


/* GUI CSS */

.sectionone_partsix h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0px 0;
}

.sectionone_partsix h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionone_partsix p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif
}

.sectionone_partsix.iphone h1 {
  padding:0;
  margin:0
}

.sectionone_partsix .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionone_partsix/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionone_partsix ul, 
.sectionone_partsix ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionone_partsix li {
  padding-left:15px;
  margin:0;
  
}

.sectionone_partsix .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionone_partsix.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionone_partsix.iphone .myWrapper .container {
  margin-left:18px
}

.sectionone_partsix.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionone_partsix .myWrapper iframe {
  padding-left: 20px;}

.sectionone_partsix.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionone_partsix.iphone .container {
  width: 280px
}

.sectionone_partsix .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionone_partsix.ipad.vertical .myWrapper h1,
.sectionone_partsix.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionone_partsix.iphone .myWrapper h1,
.sectionone_partsix.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionone_partsix a:link,
.sectionone_partsix a:visited,
.sectionone_partsix a:active {
  color:#0085d5
}

.sectionone_partsix a:hover,
.sectionone_partsix a:focus {
  color:#ff9900
}

.sectionone_partsix.grid.iphone {
  margin-left: -20px;}

.sectionone_partsix.iphone h2,
.sectionone_partsix.iphone h3 {
  margin:0 0 0 20px
}
.sectionone_partsix.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo.iphone .lefty,
.sectiontwo.w1 .lefty {
  display:none
}

.sectiontwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo ul {
  padding:0
}

.sectiontwo ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectiontwo li a:link,
.sectiontwo li a:visited,
.sectiontwo li a:active {
  color:#444444
}

.sectiontwo li a:hover,
.sectiontwo li a:focus {
  color:#fff
}

.sectiontwo li:nth-child(odd) {
  background:#E5E5E5
}

.sectiontwo li:hover {
  background:#777777
}

.sectiontwo li:hover a {
  color:#fff
}

.sectiontwo li:hover a > span {
  color:#fff
}

.sectiontwo ul li span {
  margin:7px 20px 0px 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
 line-height:100%;
  width:20%
}

.sectiontwo.ipad.vertical ul li span,
.sectiontwo.iphone ul li span,
.sectiontwo.w1 ul li span,
.sectiontwo.w2 ul li span {
  display:none
}

.sectiontwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo.iphone .container {
  width: 280px
}

.sectiontwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectiontwo.ipad.vertical .myWrapper h1,
.sectiontwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo.iphone .myWrapper h1,
.sectiontwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo.grid.iphone {
  margin-left: -20px;}

.sectiontwo .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectiontwo .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectiontwo .boxymain {
  display:block;
  width:100%
}

.sectiontwo.ipad.vertical .boxymain,
.sectiontwo.iphone .boxymain,
.sectiontwo.w2 .boxymain,
.sectiontwo.w1 .boxymain {
  display:none
}

.sectiontwo span.clear {
  clear:both
} /* Header attributes */
.sectiontwo_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partone.iphone .lefty,
.sectiontwo_partone.w1 .lefty {
  display:none
}

.sectiontwo_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

.sectiontwo_partone h4 {
  color: 000000;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

/* END GUI CSS */

.sectiontwo_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}
  
.sectiontwo_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partone ul, 
.sectiontwo_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partone li {
  padding-left:15px;
  margin:0;
  
}
.sectiontwo_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partone .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partone.iphone .container {
  width: 280px
}

.sectiontwo_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partone.ipad.vertical .myWrapper h1,
.sectiontwo_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partone.iphone .myWrapper h1,
.sectiontwo_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partone a:link,
.sectiontwo_partone a:visited,
.sectiontwo_partone a:active {
  color:#0085d5
}

.sectiontwo_partone a:hover,
.sectiontwo_partone a:focus {
  color:#ff9900
}

.sectiontwo_partone.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partone.iphone h2,
.sectiontwo_partone.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_partone.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwoparttwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwoparttwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwoparttwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwoparttwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwoparttwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwoparttwo.iphone .lefty,
.sectiontwoparttwo.w1 .lefty {
  display:none
}

.sectiontwoparttwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwoparttwo h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwoparttwo h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

.sectiontwoparttwo h4 {
  margin: 5px 0 0 0 ;
}

/* END GUI CSS */

.sectiontwoparttwo p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwoparttwo .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwoparttwo/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwoparttwo.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwoparttwo ul, 
.sectiontwoparttwo ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwoparttwo li {
  padding-left:15px;
  margin:0;
  
}
.sectiontwoparttwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwoparttwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwoparttwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwoparttwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwoparttwo .myWrapper iframe {
  padding-left: 20px;}

.sectiontwoparttwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwoparttwo.iphone .container {
  width: 280px
}

.sectiontwoparttwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwoparttwo.ipad.vertical .myWrapper h1,
.sectiontwoparttwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwoparttwo.iphone .myWrapper h1,
.sectiontwoparttwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwoparttwo a:link,
.sectiontwoparttwo a:visited,
.sectiontwoparttwo a:active {
  color:#0085d5
}

.sectiontwoparttwo a:hover,
.sectiontwoparttwo a:focus {
  color:#ff9900
}

.sectiontwoparttwo.grid.iphone {
  margin-left: -20px;}

.sectiontwoparttwo.iphone h2,
.sectiontwoparttwo.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwoparttwo.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_partthree .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partthree .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partthree .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partthree .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partthree .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partthree.iphone .lefty,
.sectiontwo_partthree.w1 .lefty {
  display:none
}

.sectiontwo_partthree .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partthree h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partthree h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_partthree p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partthree .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partthree/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwo_partthree.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partthree ul, 
.sectiontwo_partthree ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partthree li {
  padding-left:15px;
  margin:0;
  
}

.sectiontwo_partthree .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partthree.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partthree.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partthree.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partthree .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partthree.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partthree.iphone .container {
  width: 280px
}

.sectiontwo_partthree .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partthree.ipad.vertical .myWrapper h1,
.sectiontwo_partthree.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partthree.iphone .myWrapper h1,
.sectiontwo_partthree.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partthree a:link,
.sectiontwo_partthree a:visited,
.sectiontwo_partthree a:active {
  color:#0085d5
}

.sectiontwo_partthree a:hover,
.sectiontwo_partthree a:focus {
  color:#ff9900
}

.sectiontwo_partthree.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partthree.iphone h2,
.sectiontwo_partthree.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_partthree.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_partfour .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partfour .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partfour .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partfour .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partfour .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partfour.iphone .lefty,
.sectiontwo_partfour.w1 .lefty {
  display:none
}

.sectiontwo_partfour .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partfour h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partfour h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_partfour p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partfour .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partfour/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwo_partfour.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partfour ul, 
.sectiontwo_partfour ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partfour li {
  padding-left:15px;
  margin:0;
  
}

.sectiontwo_partfour .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partfour.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partfour.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partfour.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partfour .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partfour.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partfour.iphone .container {
  width: 280px
}

.sectiontwo_partfour .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partfour.ipad.vertical .myWrapper h1,
.sectiontwo_partfour.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partfour.iphone .myWrapper h1,
.sectiontwo_partfour.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partfour a:link,
.sectiontwo_partfour a:visited,
.sectiontwo_partfour a:active {
  color:#0085d5
}

.sectiontwo_partfour a:hover,
.sectiontwo_partfour a:focus {
  color:#ff9900
}

.sectiontwo_partfour.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partfour.iphone h2,
.sectiontwo_partfour.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_partfour.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_partfive .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partfive .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partfive .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partfive .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partfive .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partfive.iphone .lefty,
.sectiontwo_partfive.w1 .lefty {
  display:none
}

.sectiontwo_partfive .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partfive h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partfive h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_partfive p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partfive.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partfive .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partfive/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}
.sectiontwo_partfive ul, 
.sectiontwo_partfive ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partfive li {
  padding-left:15px;
  margin:0;
 
}

.sectiontwo_partfive .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partfive.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partfive.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partfive.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partfive .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partfive.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partfive.iphone .container {
  width: 280px
}

.sectiontwo_partfive .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partfive.ipad.vertical .myWrapper h1,
.sectiontwo_partfive.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partfive.iphone .myWrapper h1,
.sectiontwo_partfive.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partfive a:link,
.sectiontwo_partfive a:visited,
.sectiontwo_partfive a:active {
  color:#0085d5
}

.sectiontwo_partfive a:hover,
.sectiontwo_partfive a:focus {
  color:#ff9900
}

.sectiontwo_partfive.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partfive.iphone h2 {
  margin:0 0 0 20px
}
.sectiontwo_partfive.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_partsix .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partsix .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partsix .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partsix .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partsix .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partsix.iphone .lefty,
.sectiontwo_partsix.w1 .lefty {
  display:none
}

.sectiontwo_partsix .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partsix h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partsix h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_partsix p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partsix .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partsix/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwo_partsix.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partsix ul, 
.sectiontwo_partsix ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partsix li {
  padding-left:15px;
  margin:0;
  
}

.sectiontwo_partsix .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partsix.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partsix.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partsix.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partsix .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partsix.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partsix.iphone .container {
  width: 280px
}

.sectiontwo_partsix .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partsix.ipad.vertical .myWrapper h1,
.sectiontwo_partsix.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partsix.iphone .myWrapper h1,
.sectiontwo_partsix.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partsix a:link,
.sectiontwo_partsix a:visited,
.sectiontwo_partsix a:active {
  color:#0085d5
}

.sectiontwo_partsix a:hover,
.sectiontwo_partsix a:focus {
  color:#ff9900
}

.sectiontwo_partsix.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partsix.iphone h2,
.sectiontwo_partsix.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_partsix.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_partseven .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partseven .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_partseven .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_partseven .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_partseven .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_partseven.iphone .lefty,
.sectiontwo_partseven.w1 .lefty {
  display:none
}

.sectiontwo_partseven .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_partseven h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_partseven h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_partseven p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_partseven .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_partseven/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwo_partseven.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_partseven ul, 
.sectiontwo_partseven ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_partseven li {
  padding-left:15px;
  margin:0;
  
}
.sectiontwo_partseven .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_partseven.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_partseven.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_partseven.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_partseven .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_partseven.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_partseven.iphone .container {
  width: 280px
}

.sectiontwo_partseven .myWrapper h1 {
  font:30px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_partseven.ipad.vertical .myWrapper h1,
.sectiontwo_partseven.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_partseven.iphone .myWrapper h1,
.sectiontwo_partseven.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_partseven a:link,
.sectiontwo_partseven a:visited,
.sectiontwo_partseven a:active {
  color:#0085d5
}

.sectiontwo_partseven a:hover,
.sectiontwo_partseven a:focus {
  color:#ff9900
}

.sectiontwo_partseven.grid.iphone {
  margin-left: -20px;}

.sectiontwo_partseven.iphone h2,
.sectiontwo_partseven.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_partseven.iphone .hidesmall {display:none}
} /* Header attributes */
.sectiontwo_parteight .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_parteight .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectiontwo_parteight .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectiontwo_parteight .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectiontwo_parteight .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectiontwo_parteight.iphone .lefty,
.sectiontwo_parteight.w1 .lefty {
  display:none
}

.sectiontwo_parteight .lefty img {
  width:100%
}


/* GUI CSS */

.sectiontwo_parteight h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectiontwo_parteight h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectiontwo_parteight p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectiontwo_parteight .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectiontwo_parteight/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectiontwo_parteight.iphone h1 {
  padding:0;
  margin:0
}

.sectiontwo_parteight ul, 
.sectiontwo_parteight ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectiontwo_parteight li {
  padding-left:15px;
  margin:0;
  
}

.sectiontwo_parteight .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectiontwo_parteight.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectiontwo_parteight.iphone .myWrapper .container {
  margin-left:18px
}

.sectiontwo_parteight.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectiontwo_parteight .myWrapper iframe {
  padding-left: 20px;}

.sectiontwo_parteight.iphone .myWrapper iframe {
  padding-left: 0;}

.sectiontwo_parteight.iphone .container {
  width: 280px
}

.sectiontwo_parteight .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectiontwo_parteight.ipad.vertical .myWrapper h1,
.sectiontwo_parteight.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectiontwo_parteight.iphone .myWrapper h1,
.sectiontwo_parteight.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectiontwo_parteight a:link,
.sectiontwo_parteight a:visited,
.sectiontwo_parteight a:active {
  color:#0085d5
}

.sectiontwo_parteight a:hover,
.sectiontwo_parteight a:focus {
  color:#ff9900
}

.sectiontwo_parteight.grid.iphone {
  margin-left: -20px;}

.sectiontwo_parteight.iphone h2,
.sectiontwo_parteight.iphone h3 {
  margin:0 0 0 20px
}
.sectiontwo_parteight.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree.iphone .lefty,
.sectionthree.w1 .lefty {
  display:none
}

.sectionthree .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionthree p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree/AgiMag.png') no-repeat top right, #efefef;    
}

.sectionthree ul {
  padding:0
}

.sectionthree ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionthree li a:link,
.sectionthree li a:visited,
.sectionthree li a:active {
  color:#444444
}

.sectionthree li a:hover,
.sectionthree li a:focus {
  color:#fff
}

.sectionthree li:nth-child(odd) {
  background:#E5E5E5
}

.sectionthree li:hover {
  background:#777777
}

.sectionthree li:hover a {
  color:#fff
}

.sectionthree li:hover a > span {
  color:#fff
}

.sectionthree ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionthree.ipad.vertical ul li span,
.sectionthree.iphone ul li span,
.sectionthree.w1 ul li span,
.sectionthree.w2 ul li span {
  display:none
}

.sectionthree .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree .myWrapper iframe {
  padding-left: 20px;}

.sectionthree.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree.iphone .container {
  width: 280px
}

.sectionthree .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionthree.ipad.vertical .myWrapper h1,
.sectionthree.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree.iphone .myWrapper h1,
.sectionthree.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree.grid.iphone {
  margin-left: -20px;}

.sectionthree .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionthree .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionthree .boxymain {
  display:block;
  width:100%
}

.sectionthree.ipad.vertical .boxymain,
.sectionthree.iphone .boxymain,
.sectionthree.w2 .boxymain,
.sectionthree.w1 .boxymain {
  display:none
}

.sectionthree span.clear {
  clear:both
} /* Header attributes */
.sectionthree_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_partone.iphone .lefty,
.sectionthree_partone.w1 .lefty {
  display:none
}

.sectionthree_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionthree_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_partone ul, 
.sectionthree_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_partone li {
  padding-left:15px;
  margin:0;
}

.sectionthree_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_partone .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_partone.iphone .container {
  width: 280px
}

.sectionthree_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_partone.ipad.vertical .myWrapper h1,
.sectionthree_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_partone.iphone .myWrapper h1,
.sectionthree_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_partone a:link,
.sectionthree_partone a:visited,
.sectionthree_partone a:active {
  color:#0085d5
}

.sectionthree_partone a:hover,
.sectionthree_partone a:focus {
  color:#ff9900
}

.sectionthree_partone.grid.iphone {
  margin-left: -20px;}

.sectionthree_partone.iphone h2,
.sectionthree_partone.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_partone.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree_parttwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_parttwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_parttwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_parttwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_parttwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_parttwo.iphone .lefty,
.sectionthree_parttwo.w1 .lefty {
  display:none
}

.sectionthree_parttwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_parttwo h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_parttwo h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionthree_parttwo p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree_parttwo .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_parttwo/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_parttwo.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_parttwo ul, 
.sectionthree_parttwo ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_parttwo li {
  padding-left:15px;
  margin:0;
  
}

.sectionthree_parttwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_parttwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_parttwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_parttwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_parttwo .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_parttwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_parttwo.iphone .container {
  width: 280px
}

.sectionthree_parttwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_parttwo.ipad.vertical .myWrapper h1,
.sectionthree_parttwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_parttwo.iphone .myWrapper h1,
.sectionthree_parttwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_parttwo a:link,
.sectionthree_parttwo a:visited,
.sectionthree_parttwo a:active {
  color:#0085d5
}

.sectionthree_parttwo a:hover,
.sectionthree_parttwo a:focus {
  color:#ff9900
}

.sectionthree_parttwo.grid.iphone {
  margin-left: -20px;}

.sectionthree_parttwo.iphone h2,
.sectionthree_parttwo.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_parttwo.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree_partthree .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partthree .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partthree .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_partthree .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_partthree .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_partthree.iphone .lefty,
.sectionthree_partthree.w1 .lefty {
  display:none
}

.sectionthree_partthree .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_partthree h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_partthree h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

.sectionthree_partthree h4 {
  color: 000000;
  font-family: Arial;
  font-weight: bold;
  margin: 10px 0 0 0 ;
}

/* END GUI CSS */

.sectionthree_partthree p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree_partthree .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_partthree/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_partthree.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_partthree ul, 
.sectionthree_partthree ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_partthree li {
  padding-left:15px;
  margin:0;
  
}

.sectionthree_partthree .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_partthree.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_partthree.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_partthree.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_partthree .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_partthree.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_partthree.iphone .container {
  width: 280px
}

.sectionthree_partthree .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_partthree.ipad.vertical .myWrapper h1,
.sectionthree_partthree.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_partthree.iphone .myWrapper h1,
.sectionthree_partthree.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_partthree a:link,
.sectionthree_partthree a:visited,
.sectionthree_partthree a:active {
  color:#0085d5
}

.sectionthree_partthree a:hover,
.sectionthree_partthree a:focus {
  color:#ff9900
}

.sectionthree_partthree.grid.iphone {
  margin-left: -20px;}

.sectionthree_partthree.iphone h2,
.sectionthree_partthree.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_partthree.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree_partfour .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partfour .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partfour .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_partfour .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_partfour .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_partfour.iphone .lefty,
.sectionthree_partfour.w1 .lefty {
  display:none
}

.sectionthree_partfour .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_partfour h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_partfour h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionthree_partfour p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree_partfour.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_partfour .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_partfour/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_partfour ul, 
.sectionthree_partfour ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_partfour li {
  padding-left:15px;
  margin:0;
  
}

.sectionthree_partfour .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_partfour.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_partfour.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_partfour.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_partfour .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_partfour.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_partfour.iphone .container {
  width: 280px
}

.sectionthree_partfour .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_partfour.ipad.vertical .myWrapper h1,
.sectionthree_partfour.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_partfour.iphone .myWrapper h1,
.sectionthree_partfour.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_partfour a:link,
.sectionthree_partfour a:visited,
.sectionthree_partfour a:active {
  color:#0085d5
}

.sectionthree_partfour a:hover,
.sectionthree_partfour a:focus {
  color:#ff9900
}

.sectionthree_partfour.grid.iphone {
  margin-left: -20px;}

.sectionthree_partfour.iphone h2,
.sectionthree_partfour.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_partfour.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree_partfive .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partfive .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partfive .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_partfive .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_partfive .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_partfive.iphone .lefty,
.sectionthree_partfive.w1 .lefty {
  display:none
}

.sectionthree_partfive .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_partfive h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_partfive h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionthree_partfive p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionthree_partfive .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_partfive/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_partfive.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_partfive ul, 
.sectionthree_partfive ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_partfive li {
  padding-left:15px;
  margin:0;
  
}

.sectionthree_partfive .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_partfive.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_partfive.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_partfive.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_partfive .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_partfive.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_partfive.iphone .container {
  width: 280px
}

.sectionthree_partfive .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_partfive.ipad.vertical .myWrapper h1,
.sectionthree_partfive.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_partfive.iphone .myWrapper h1,
.sectionthree_partfive.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_partfive a:link,
.sectionthree_partfive a:visited,
.sectionthree_partfive a:active {
  color:#0085d5
}

.sectionthree_partfive a:hover,
.sectionthree_partfive a:focus {
  color:#ff9900
}

.sectionthree_partfive.grid.iphone {
  margin-left: -20px;}

.sectionthree_partfive.iphone h2,
.sectionthree_partfive.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_partfive.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionthree_partsix .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partsix .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionthree_partsix .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionthree_partsix .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionthree_partsix .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionthree_partsix.iphone .lefty,
.sectionthree_partsix.w1 .lefty {
  display:none
}

.sectionthree_partsix .lefty img {
  width:100%
}


/* GUI CSS */

.sectionthree_partsix h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionthree_partsix h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionthree_partsix p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}


.sectionthree_partsix .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionthree_partsix/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionthree_partsix.iphone h1 {
  padding:0;
  margin:0
}

.sectionthree_partsix ul, 
.sectionthree_partsix ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionthree_partsix li {
  padding-left:15px;
  margin:0;
  
}

.sectionthree_partsix .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionthree_partsix.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionthree_partsix.iphone .myWrapper .container {
  margin-left:18px
}

.sectionthree_partsix.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionthree_partsix .myWrapper iframe {
  padding-left: 20px;}

.sectionthree_partsix.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionthree_partsix.iphone .container {
  width: 280px
}

.sectionthree_partsix .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionthree_partsix.ipad.vertical .myWrapper h1,
.sectionthree_partsix.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionthree_partsix.iphone .myWrapper h1,
.sectionthree_partsix.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionthree_partsix a:link,
.sectionthree_partsix a:visited,
.sectionthree_partsix a:active {
  color:#0085d5
}

.sectionthree_partsix a:hover,
.sectionthree_partsix a:focus {
  color:#ff9900
}

.sectionthree_partsix.grid.iphone {
  margin-left: -20px;}

.sectionthree_partsix.iphone h2,
.sectionthree_partsix.iphone h3 {
  margin:0 0 0 20px
}
.sectionthree_partsix.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionfour .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionfour .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionfour .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionfour .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionfour .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionfour.iphone .lefty,
.sectionfour.w1 .lefty {
  display:none
}

.sectionfour .lefty img {
  width:100%
}


/* GUI CSS */

.sectionfour h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionfour p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionfour .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionfour/AgiMag.png') no-repeat top right, #efefef;    
}

.sectionfour ul {
  padding:0
}

.sectionfour ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionfour li a:link,
.sectionfour li a:visited,
.sectionfour li a:active {
  color:#444444
}

.sectionfour li a:hover,
.sectionfour li a:focus {
  color:#fff
}

.sectionfour li:nth-child(odd) {
  background:#E5E5E5
}

.sectionfour li:hover {
  background:#777777
}

.sectionfour li:hover a {
  color:#fff
}

.sectionfour li:hover a > span {
  color:#fff
}

.sectionfour ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionfour.ipad.vertical ul li span,
.sectionfour.iphone ul li span,
.sectionfour.w1 ul li span,
.sectionfour.w2 ul li span {
  display:none
}

.sectionfour .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionfour.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionfour.iphone .myWrapper .container {
  margin-left:18px
}

.sectionfour.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionfour .myWrapper iframe {
  padding-left: 20px;}

.sectionfour.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionfour.iphone .container {
  width: 280px
}

.sectionfour .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionfour.ipad.vertical .myWrapper h1,
.sectionfour.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionfour.iphone .myWrapper h1,
.sectionfour.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionfour.grid.iphone {
  margin-left: -20px;}

.sectionfour .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionfour .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionfour .boxymain {
  display:block;
  width:100%
}

.sectionfour.ipad.vertical .boxymain,
.sectionfour.iphone .boxymain,
.sectionfour.w2 .boxymain,
.sectionfour.w1 .boxymain {
  display:none
}

.sectionfour span.clear {
  clear:both
} /* Header attributes */
.sectionfour_one .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionfour_one .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionfour_one .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionfour_one .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionfour_one .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionfour_one.iphone .lefty,
.sectionfour_one.w1 .lefty {
  display:none
}

.sectionfour_one .lefty img {
  width:100%
}


/* GUI CSS */

.sectionfour_one h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionfour_one h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionfour_one p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}


.sectionfour_one .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionfour_one/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}  

.sectionfour_one.iphone h1 {
  padding:0;
  margin:0
}

.sectionfour_one ul, 
.sectionfour_one ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionfour_one li {
  padding-left:15px;
  margin:0;
}

.sectionfour_one .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionfour_one.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionfour_one.iphone .myWrapper .container {
  margin-left:18px
}

.sectionfour_one.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionfour_one .myWrapper iframe {
  padding-left: 20px;}

.sectionfour_one.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionfour_one.iphone .container {
  width: 280px
}

.sectionfour_one .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:none;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionfour_one.ipad.vertical .myWrapper h1,
.sectionfour_one.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionfour_one.iphone .myWrapper h1,
.sectionfour_one.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionfour_one a:link,
.sectionfour_one a:visited,
.sectionfour_one a:active {
  color:#0085d5
}

.sectionfour_one a:hover,
.sectionfour_one a:focus {
  color:#ff9900
}

.sectionfour_one.grid.iphone {
  margin-left: -20px;}

.sectionfour_one.iphone h2,
.sectionfour_one.iphone h3 {
  margin:0 0 0 20px
}
.sectionfour_one.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionfive .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionfive .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionfive .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionfive .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionfive .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionfive.iphone .lefty,
.sectionfive.w1 .lefty {
  display:none
}

.sectionfive .lefty img {
  width:100%
}


/* GUI CSS */

.sectionfive h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionfive p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionfive .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionfive/AgiMag.png') no-repeat top right, #efefef;    
}

.sectionfive ul {
  padding:0
}

.sectionfive ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionfive li a:link,
.sectionfive li a:visited,
.sectionfive li a:active {
  color:#444444
}

.sectionfive li a:hover,
.sectionfive li a:focus {
  color:#fff
}

.sectionfive li:nth-child(odd) {
  background:#E5E5E5
}

.sectionfive li:hover {
  background:#777777
}

.sectionfive li:hover a {
  color:#fff
}

.sectionfive li:hover a > span {
  color:#fff
}

.sectionfive ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionfive.ipad.vertical ul li span,
.sectionfive.iphone ul li span,
.sectionfive.w1 ul li span,
.sectionfive.w2 ul li span {
  display:none
}

.sectionfive .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionfive.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionfive.iphone .myWrapper .container {
  margin-left:18px
}

.sectionfive.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionfive .myWrapper iframe {
  padding-left: 20px;}

.sectionfive.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionfive.iphone .container {
  width: 280px
}

.sectionfive .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionfive.ipad.vertical .myWrapper h1,
.sectionfive.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionfive.iphone .myWrapper h1,
.sectionfive.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionfive.grid.iphone {
  margin-left: -20px;}

.sectionfive .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionfive .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionfive .boxymain {
  display:block;
  width:100%
}

.sectionfive.ipad.vertical .boxymain,
.sectionfive.iphone .boxymain,
.sectionfive.w2 .boxymain,
.sectionfive.w1 .boxymain {
  display:none
}

.sectionfive span.clear {
  clear:both
} /* Header attributes */
.sectionfive_one .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionfive_one .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionfive_one .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionfive_one .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionfive_one .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionfive_one.iphone .lefty,
.sectionfive_one.w1 .lefty {
  display:none
}

.sectionfive_one .lefty img {
  width:100%
}


/* GUI CSS */

.sectionfive_one h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionfive_one h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionfive_one p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionfive_one.iphone h1 {
  padding:0;
  margin:0
}

.sectionfive_one .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionfive_one/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionfive_one ul, 
.sectionfive_one ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionfive_one li {
  padding-left:15px;
  margin:0;
}

.sectionfive_one .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionfive_one.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionfive_one.iphone .myWrapper .container {
  margin-left:18px
}

.sectionfive_one.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionfive_one .myWrapper iframe {
  padding-left: 20px;}

.sectionfive_one.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionfive_one.iphone .container {
  width: 280px
}

.sectionfive_one .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionfive_one.ipad.vertical .myWrapper h1,
.sectionfive_one.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionfive_one.iphone .myWrapper h1,
.sectionfive_one.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionfive_one a:link,
.sectionfive_one a:visited,
.sectionfive_one a:active {
  color:#0085d5
}

.sectionfive_one a:hover,
.sectionfive_one a:focus {
  color:#ff9900
}

.sectionfive_one.grid.iphone {
  margin-left: -20px;}

.sectionfive_one.iphone h2,
.sectionfive_one.iphone h3 {
  margin:0 0 0 20px
}
.sectionfive_one.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionfive_parttwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionfive_parttwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionfive_parttwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionfive_parttwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionfive_parttwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionfive_parttwo.iphone .lefty,
.sectionfive_parttwo.w1 .lefty {
  display:none
}

.sectionfive_parttwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectionfive_parttwo h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionfive_parttwo h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionfive_parttwo p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionfive_parttwo.iphone h1 {
  padding:0;
  margin:0
}

.sectionfive_parttwo .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionfive_parttwo/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionfive_parttwo ul, 
.sectionfive_parttwo ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionfive_parttwo li {
  padding-left:15px;
  margin:0;
}

.sectionfive_parttwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionfive_parttwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionfive_parttwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectionfive_parttwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionfive_parttwo .myWrapper iframe {
  padding-left: 20px;}

.sectionfive_parttwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionfive_parttwo.iphone .container {
  width: 280px
}

.sectionfive_parttwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionfive_parttwo.ipad.vertical .myWrapper h1,
.sectionfive_parttwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionfive_parttwo.iphone .myWrapper h1,
.sectionfive_parttwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionfive_parttwo a:link,
.sectionfive_parttwo a:visited,
.sectionfive_parttwo a:active {
  color:#0085d5
}

.sectionfive_parttwo a:hover,
.sectionfive_parttwo a:focus {
  color:#ff9900
}

.sectionfive_parttwo.grid.iphone {
  margin-left: -20px;}

.sectionfive_parttwo.iphone h2,
.sectionfive_parttwo.iphone h3 {
  margin:0 0 0 20px
}
.sectionfive_parttwo.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionsix .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionsix .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionsix .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionsix .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionsix .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionsix.iphone .lefty,
.sectionsix.w1 .lefty {
  display:none
}

.sectionsix .lefty img {
  width:100%
}


/* GUI CSS */

.sectionsix h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionsix p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionsix .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionsix/AgiMag.png') no-repeat top right, #efefef;    
}

.sectionsix ul {
  padding:0
}

.sectionsix ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionsix li a:link,
.sectionsix li a:visited,
.sectionsix li a:active {
  color:#444444
}

.sectionsix li a:hover,
.sectionsix li a:focus {
  color:#fff
}

.sectionsix li:nth-child(odd) {
  background:#E5E5E5
}

.sectionsix li:hover {
  background:#777777
}

.sectionsix li:hover a {
  color:#fff
}

.sectionsix li:hover a > span {
  color:#fff
}

.sectionsix ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionsix.ipad.vertical ul li span,
.sectionsix.iphone ul li span,
.sectionsix.w1 ul li span,
.sectionsix.w2 ul li span {
  display:none
}

.sectionsix .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionsix.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionsix.iphone .myWrapper .container {
  margin-left:18px
}

.sectionsix.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionsix .myWrapper iframe {
  padding-left: 20px;}

.sectionsix.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionsix.iphone .container {
  width: 280px
}

.sectionsix .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionsix.ipad.vertical .myWrapper h1,
.sectionsix.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionsix.iphone .myWrapper h1,
.sectionsix.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionsix.grid.iphone {
  margin-left: -20px;}

.sectionsix .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionsix .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionsix .boxymain {
  display:block;
  width:100%
}

.sectionsix.ipad.vertical .boxymain,
.sectionsix.iphone .boxymain,
.sectionsix.w2 .boxymain,
.sectionsix.w1 .boxymain {
  display:none
}

.sectionsix span.clear {
  clear:both
} /* Header attributes */
.sectionsix_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionsix_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionsix_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionsix_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionsix_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionsix_partone.iphone .lefty,
.sectionsix_partone.w1 .lefty {
  display:none
}

.sectionsix_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectionsix_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionsix_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionsix_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionsix_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectionsix_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionsix_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionsix_partone ul, 
.sectionsix_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionsix_partone li {
  padding-left:15px;
  margin:0;
}

.sectionsix_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionsix_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionsix_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectionsix_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionsix_partone .myWrapper iframe {
  padding-left: 20px;}

.sectionsix_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionsix_partone.iphone .container {
  width: 280px
}

.sectionsix_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionsix_partone.ipad.vertical .myWrapper h1,
.sectionsix_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionsix_partone.iphone .myWrapper h1,
.sectionsix_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionsix_partone a:link,
.sectionsix_partone a:visited,
.sectionsix_partone a:active {
  color:#0085d5
}

.sectionsix_partone a:hover,
.sectionsix_partone a:focus {
  color:#ff9900
}

.sectionsix_partone.grid.iphone {
  margin-left: -20px;}

.sectionsix_partone.iphone h2,
.sectionsix_partone.iphone h3 {
  margin:0 0 0 20px
}
.sectionsix_partone.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionsix_parttwo .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionsix_parttwo .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionsix_parttwo .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionsix_parttwo .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionsix_parttwo .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionsix_parttwo.iphone .lefty,
.sectionsix_parttwo.w1 .lefty {
  display:none
}

.sectionsix_parttwo .lefty img {
  width:100%
}


/* GUI CSS */

.sectionsix_parttwo h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionsix_parttwo h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionsix_parttwo p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionsix_parttwo .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionsix_parttwo/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionsix_parttwo.iphone h1 {
  padding:0;
  margin:0
}

.sectionsix_parttwo ul, 
.sectionsix_parttwo ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionsix_parttwo li {
  padding-left:15px;
  margin:0;
}

.sectionsix_parttwo .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionsix_parttwo.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionsix_parttwo.iphone .myWrapper .container {
  margin-left:18px
}

.sectionsix_parttwo.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionsix_parttwo .myWrapper iframe {
  padding-left: 20px;}

.sectionsix_parttwo.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionsix_parttwo.iphone .container {
  width: 280px
}

.sectionsix_parttwo .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionsix_parttwo.ipad.vertical .myWrapper h1,
.sectionsix_parttwo.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionsix_parttwo.iphone .myWrapper h1,
.sectionsix_parttwo.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionsix_parttwo a:link,
.sectionsix_parttwo a:visited,
.sectionsix_parttwo a:active {
  color:#0085d5
}

.sectionsix_parttwo a:hover,
.sectionsix_parttwo a:focus {
  color:#ff9900
}

.sectionsix_parttwo.grid.iphone {
  margin-left: -20px;}

.sectionsix_parttwo.iphone h2,
.sectionsix_parttwo.iphone h3 {
  margin:0 0 0 20px
}
.sectionsix_parttwo.iphone .hidesmall {display:none}
} /* Header attributes */
.sectionseven .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionseven .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionseven .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionseven .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionseven .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionseven.iphone .lefty,
.sectionseven.w1 .lefty {
  display:none
}

.sectionseven .lefty img {
  width:100%
}


/* GUI CSS */

.sectionseven h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectionseven p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionseven .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionseven/AgiMag.png') no-repeat top right, #efefef;    
}

.sectionseven ul {
  padding:0
}

.sectionseven ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectionseven li a:link,
.sectionseven li a:visited,
.sectionseven li a:active {
  color:#444444
}

.sectionseven li a:hover,
.sectionseven li a:focus {
  color:#fff
}

.sectionseven li:nth-child(odd) {
  background:#E5E5E5
}

.sectionseven li:hover {
  background:#777777
}

.sectionseven li:hover a {
  color:#fff
}

.sectionseven li:hover a > span {
  color:#fff
}

.sectionseven ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectionseven.ipad.vertical ul li span,
.sectionseven.iphone ul li span,
.sectionseven.w1 ul li span,
.sectionseven.w2 ul li span {
  display:none
}

.sectionseven .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionseven.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionseven.iphone .myWrapper .container {
  margin-left:18px
}

.sectionseven.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionseven .myWrapper iframe {
  padding-left: 20px;}

.sectionseven.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionseven.iphone .container {
  width: 280px
}

.sectionseven .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectionseven.ipad.vertical .myWrapper h1,
.sectionseven.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionseven.iphone .myWrapper h1,
.sectionseven.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionseven.grid.iphone {
  margin-left: -20px;}

.sectionseven .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectionseven .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectionseven .boxymain {
  display:block;
  width:100%
}

.sectionseven.ipad.vertical .boxymain,
.sectionseven.iphone .boxymain,
.sectionseven.w2 .boxymain,
.sectionseven.w1 .boxymain {
  display:none
}

.sectionseven span.clear {
  clear:both
} /* Header attributes */
.sectionseven_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectionseven_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectionseven_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectionseven_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectionseven_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectionseven_partone.iphone .lefty,
.sectionseven_partone.w1 .lefty {
  display:none
}

.sectionseven_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectionseven_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectionseven_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectionseven_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectionseven_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectionseven_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectionseven_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectionseven_partone ul, 
.sectionseven_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectionseven_partone li {
  padding-left:15px;
  margin:0;
}

.sectionseven_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectionseven_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectionseven_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectionseven_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectionseven_partone .myWrapper iframe {
  padding-left: 20px;}

.sectionseven_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectionseven_partone.iphone .container {
  width: 280px
}

.sectionseven_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectionseven_partone.ipad.vertical .myWrapper h1,
.sectionseven_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectionseven_partone.iphone .myWrapper h1,
.sectionseven_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectionseven_partone a:link,
.sectionseven_partone a:visited,
.sectionseven_partone a:active {
  color:#0085d5
}

.sectionseven_partone a:hover,
.sectionseven_partone a:focus {
  color:#ff9900
}

.sectionseven_partone.grid.iphone {
  margin-left: -20px;}

.sectionseven_partone.iphone h2,
.sectionseven_partone.iphone h3 {
  margin:0 0 0 20px
}
.sectionseven_partone.iphone .hidesmall {display:none}
} /* Header attributes */
.sectioneight .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectioneight .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectioneight .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectioneight .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectioneight .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectioneight.iphone .lefty,
.sectioneight.w1 .lefty {
  display:none
}

.sectioneight .lefty img {
  width:100%
}


/* GUI CSS */

.sectioneight h2 {
  color: #B16DCD;
  font-family: Arial;
  letter-spacing: 1px;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 0;
}

/* END GUI CSS */

.sectioneight p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectioneight .container img {
  padding:35px 7px 7px 7px;
  border:1px solid #CCC;
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectioneight/AgiMag.png') no-repeat top right, #efefef;    
}

.sectioneight ul {
  padding:0
}

.sectioneight ul li {
  list-style-type:none;
  width:98%;
  margin:0;
  padding:0 0 0 5px;
  font-size:90%
}

.sectioneight li a:link,
.sectioneight li a:visited,
.sectioneight li a:active {
  color:#444444
}

.sectioneight li a:hover,
.sectioneight li a:focus {
  color:#fff
}

.sectioneight li:nth-child(odd) {
  background:#E5E5E5
}

.sectioneight li:hover {
  background:#777777
}

.sectioneight li:hover a {
  color:#fff
}

.sectioneight li:hover a > span {
  color:#fff
}

.sectioneight ul li span {
  margin:7px 20px 0 0;
  padding:0;
  color:#f66c25;
  float:right;
  text-align:left;
  font-size:90%;
  line-height:100%;
  width:15%
}

.sectioneight.ipad.vertical ul li span,
.sectioneight.iphone ul li span,
.sectioneight.w1 ul li span,
.sectioneight.w2 ul li span {
  display:none
}

.sectioneight .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectioneight.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectioneight.iphone .myWrapper .container {
  margin-left:18px
}

.sectioneight.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectioneight .myWrapper iframe {
  padding-left: 20px;}

.sectioneight.iphone .myWrapper iframe {
  padding-left: 0;}

.sectioneight.iphone .container {
  width: 280px
}

.sectioneight .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900;
  padding:0;
  margin:0
}
.sectioneight.ipad.vertical .myWrapper h1,
.sectioneight.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectioneight.iphone .myWrapper h1,
.sectioneight.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectioneight.grid.iphone {
  margin-left: -20px;}

.sectioneight .titlefirst {
  display:block;
  width:80%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase
}

.sectioneight .elementfirst {
  display:block;
  width:20%;
  float:left;
  color:#3B2F63;
  font:16px "ff-meta-web-pro",sans-serif;
  font-weight:400;
  letter-spacing:1px;
  text-transform:lowercase  
}

.sectioneight .boxymain {
  display:block;
  width:100%
}

.sectioneight.ipad.vertical .boxymain,
.sectioneight.iphone .boxymain,
.sectioneight.w2 .boxymain,
.sectioneight.w1 .boxymain {
  display:none
}

.sectioneight span.clear {
  clear:both
} /* Header attributes */
.sectioneight_partone .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.sectioneight_partone .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.sectioneight_partone .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.sectioneight_partone .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.sectioneight_partone .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.sectioneight_partone.iphone .lefty,
.sectioneight_partone.w1 .lefty {
  display:none
}

.sectioneight_partone .lefty img {
  width:100%
}


/* GUI CSS */

.sectioneight_partone h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  margin: 20px 0 0 0;
}

.sectioneight_partone h3 {
  color: #777777;
  font-family: Arial;
  letter-spacing: 1px;
  font-size: 80%;
  font-weight: normal;
  margin: 0 0 10px 20px;
  padding: 0;
}

/* END GUI CSS */

.sectioneight_partone p {
  text-indent:0;
  color:#333333;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.sectioneight_partone.iphone h1 {
  padding:0;
  margin:0
}

.sectioneight_partone .container img {
  padding:30px 7px 7px 7px;
  border:1px solid #CCC;  
  background:url('http://read.nxtbook.com/agilent/agilentbooks/icpqqqhandbook/sectioneight_partone/clicky.png') top right no-repeat, #efefef;
  background-position:top right  
}

.sectioneight_partone ul, 
.sectioneight_partone ol {
  padding:0 0 0 40px;
  list-style: outside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.sectioneight_partone li {
  padding-left:15px;
  margin:0;
}

.sectioneight_partone .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.sectioneight_partone.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.sectioneight_partone.iphone .myWrapper .container {
  margin-left:18px
}

.sectioneight_partone.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.sectioneight_partone .myWrapper iframe {
  padding-left: 20px;}

.sectioneight_partone.iphone .myWrapper iframe {
  padding-left: 0;}

.sectioneight_partone.iphone .container {
  width: 280px
}

.sectioneight_partone .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.sectioneight_partone.ipad.vertical .myWrapper h1,
.sectioneight_partone.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.sectioneight_partone.iphone .myWrapper h1,
.sectioneight_partone.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.sectioneight_partone a:link,
.sectioneight_partone a:visited,
.sectioneight_partone a:active {
  color:#0085d5
}

.sectioneight_partone a:hover,
.sectioneight_partone a:focus {
  color:#ff9900
}

.sectioneight_partone.grid.iphone {
  margin-left: -20px;}

.sectioneight_partone.iphone h2,
.sectioneight_partone.iphone h3 {
  margin:0 0 0 20px
}
.sectioneight_partone.iphone .hidesmall {display:none}
} /* Header attributes */
.glossary .header {
  position:absolute;
  height:10px;
  width:110%;
  top:0;
  left:-40px;
  padding-left:75px;
  background:#3b2f63;
  z-index:2
}

.glossary .footer {
  position:absolute;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding:0;
  background:#3b2f63;
  z-index:2
}

.glossary .righty {
  display:block;
  position:absolute;
  right:0px;
  bottom:0;
  z-index:4
}

.glossary .righty .fltleft {
  float:left;
  display:block;
  width:100px;
  background:pink
}

.glossary .lefty {
  display:block;
  position:absolute;
  width:180px;
  left:60px;
  bottom:5px;
  z-index:4
}

.glossary.iphone .lefty,
.glossary.w1 .lefty {
  display:none
}

.glossary .lefty img {
  width:100%
}


/* GUI CSS */

.glossary h2 {
  color: #3b2f6b;
  font-family: Arial;
  font-size: 200%;
  font-style: normal;
  font-weight: 700;
  margin: 15px 0 0 20px;
  padding: 0;
}

/* END GUI CSS */

.glossary p {
  text-indent:0;
  color:#333333;
  word-wrap:break-word;
  text-align:left;
  font-size:95%;
  line-height:100%;
  font-family:arial, helvetica, sans-serif 
}

.glossary ul, .glossary ol {
  padding-left: 20px;
  list-style: inside;
  color:#333333;  
  font-size:95%;
  line-height:100%
}

.glossary ol, .glossary ul {
  padding-bottom:10px
}

.glossary .myWrapper {
  margin-bottom:45px; 
  top:-5px
} 

.glossary.iphone .myWrapper {
  top:-5px;
  margin-bottom:3px;
}

.glossary.iphone .myWrapper .container {
  margin-left:18px
}

.glossary.iphone.horizontal .myWrapper .container {
  margin-left:23px;
  max-width:438px
}

.glossary .myWrapper iframe {
  padding-left: 20px;}

.glossary.iphone .myWrapper iframe {
  padding-left: 0;}

.glossary.iphone .container {
  width: 280px
}

.glossary .myWrapper h1 {
  font:32px "ff-meta-web-pro",sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-align:left;
  letter-spacing:1px;
  line-height:42px;
  color:#ff9900
}
.glossary.ipad.vertical .myWrapper h1,
.glossary.w2 .myWrapper h1 {
  font-size:26px;
  line-height:32px
}

.glossary.iphone .myWrapper h1,
.glossary.w1 .myWrapper h1 {
  font-size:18px;
  line-height:26px
}

.glossary a:link,
.glossary a:visited,
.glossary a:active {
  color:#0085d5
}

.glossary a:hover,
.glossary a:focus {
  color:#ff9900
}

.glossary.grid.iphone {
  margin-left: -20px;}

.glossary.iphone h2 {
  margin:0 0 0 20px
} .grid.backpage {
  background-color: transparent;
}

/* GUI CSS */

/* END GUI CSS */


/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
body {
  /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
  -webkit-backface-visibility: hidden; }

.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px); } }

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    transform: translateX(0); }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px); }

  20%, 40%, 60%, 80% {
    transform: translateX(10px); } }

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }

  40% {
    -webkit-transform: translateY(-30px); }

  60% {
    -webkit-transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }

  40% {
    -moz-transform: translateY(-30px); }

  60% {
    -moz-transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0); }

  40% {
    -o-transform: translateY(-30px); }

  60% {
    -o-transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }

  40% {
    transform: translateY(-30px); }

  60% {
    transform: translateY(-15px); } }

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1); }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg); }

  100% {
    -webkit-transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1); }

  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg); }

  100% {
    -moz-transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -o-transform: scale(1); }

  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg); }

  100% {
    -o-transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    transform: scale(1); }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg); }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg); }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg); }

  100% {
    transform: scale(1) rotate(0); } }

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada; }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center; }

  20% {
    -webkit-transform: rotate(15deg); }

  40% {
    -webkit-transform: rotate(-10deg); }

  60% {
    -webkit-transform: rotate(5deg); }

  80% {
    -webkit-transform: rotate(-5deg); }

  100% {
    -webkit-transform: rotate(0deg); } }

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg); }

  40% {
    -moz-transform: rotate(-10deg); }

  60% {
    -moz-transform: rotate(5deg); }

  80% {
    -moz-transform: rotate(-5deg); }

  100% {
    -moz-transform: rotate(0deg); } }

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg); }

  40% {
    -o-transform: rotate(-10deg); }

  60% {
    -o-transform: rotate(5deg); }

  80% {
    -o-transform: rotate(-5deg); }

  100% {
    -o-transform: rotate(0deg); } }

@keyframes swing {
  20% {
    transform: rotate(15deg); }

  40% {
    transform: rotate(-10deg); }

  60% {
    transform: rotate(5deg); }

  80% {
    transform: rotate(-5deg); }

  100% {
    transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%); }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg); }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg); }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -webkit-transform: translateX(0%); } }

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%); }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -moz-transform: translateX(20%) rotate(3deg); }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -moz-transform: translateX(10%) rotate(2deg); }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -moz-transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%); }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg); }

  30% {
    -o-transform: translateX(20%) rotate(3deg); }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg); }

  60% {
    -o-transform: translateX(10%) rotate(2deg); }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg); }

  100% {
    -o-transform: translateX(0%); } }

@keyframes wobble {
  0% {
    transform: translateX(0%); }

  15% {
    transform: translateX(-25%) rotate(-5deg); }

  30% {
    transform: translateX(20%) rotate(3deg); }

  45% {
    transform: translateX(-15%) rotate(-3deg); }

  60% {
    transform: translateX(10%) rotate(2deg); }

  75% {
    transform: translateX(-5%) rotate(-1deg); }

  100% {
    transform: translateX(0%); } }

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1); }

  50% {
    -moz-transform: scale(1.1); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1); }

  50% {
    -o-transform: scale(1.1); }

  100% {
    -o-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }

  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out; }

  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out; }

  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in; }

  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in; }

  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out; }

  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out; }

  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in; }

  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in; }

  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }

  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }

  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateX(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateX(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateX(10deg); }

  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateX(-10deg); }

  70% {
    transform: perspective(400px) rotateX(10deg); }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg); }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -moz-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -moz-transform: perspective(400px) rotateY(10deg); }

  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    -o-transform: perspective(400px) rotateY(-10deg); }

  70% {
    -o-transform: perspective(400px) rotateY(10deg); }

  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; }

  40% {
    transform: perspective(400px) rotateY(-10deg); }

  70% {
    transform: perspective(400px) rotateY(10deg); }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1; }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  100% {
    opacity: 1;
    transform: translateY(0); } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  100% {
    opacity: 1;
    -o-transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  100% {
    opacity: 1;
    transform: translateX(0); } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-20px); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(20px); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px); } }

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(-20px); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px); } }

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(20px); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0); }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0); }

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05); }

  70% {
    -webkit-transform: scale(0.9); }

  100% {
    -webkit-transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05); }

  70% {
    -moz-transform: scale(0.9); }

  100% {
    -moz-transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3); }

  50% {
    opacity: 1;
    -o-transform: scale(1.05); }

  70% {
    -o-transform: scale(0.9); }

  100% {
    -o-transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3); }

  50% {
    opacity: 1;
    transform: scale(1.05); }

  70% {
    transform: scale(0.9); }

  100% {
    transform: scale(1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn; }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px); }

  80% {
    -webkit-transform: translateY(10px); }

  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px); }

  80% {
    -moz-transform: translateY(10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(-30px); }

  80% {
    -o-transform: translateY(10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px); }

  60% {
    opacity: 1;
    transform: translateY(-30px); }

  80% {
    transform: translateY(10px); }

  100% {
    transform: translateY(0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px); }

  80% {
    -webkit-transform: translateY(-10px); }

  100% {
    -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateY(30px); }

  80% {
    -moz-transform: translateY(-10px); }

  100% {
    -moz-transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateY(30px); }

  80% {
    -o-transform: translateY(-10px); }

  100% {
    -o-transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px); }

  60% {
    opacity: 1;
    transform: translateY(30px); }

  80% {
    transform: translateY(-10px); }

  100% {
    transform: translateY(0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px); }

  80% {
    -webkit-transform: translateX(-10px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px); }

  80% {
    -moz-transform: translateX(-10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(30px); }

  80% {
    -o-transform: translateX(-10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px); }

  60% {
    opacity: 1;
    transform: translateX(30px); }

  80% {
    transform: translateX(-10px); }

  100% {
    transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px); }

  80% {
    -webkit-transform: translateX(10px); }

  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px); }

  80% {
    -moz-transform: translateX(10px); }

  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px); }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px); }

  80% {
    -o-transform: translateX(10px); }

  100% {
    -o-transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px); }

  60% {
    opacity: 1;
    transform: translateX(-30px); }

  80% {
    transform: translateX(10px); }

  100% {
    transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1); }

  25% {
    -webkit-transform: scale(0.95); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1); }

  25% {
    -moz-transform: scale(0.95); }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1); }

  100% {
    opacity: 0;
    -moz-transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1); }

  25% {
    -o-transform: scale(0.95); }

  50% {
    opacity: 1;
    -o-transform: scale(1.1); }

  100% {
    opacity: 0;
    -o-transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    transform: scale(1); }

  25% {
    transform: scale(0.95); }

  50% {
    opacity: 1;
    transform: scale(1.1); }

  100% {
    opacity: 0;
    transform: scale(0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(20px); }

  100% {
    opacity: 0;
    transform: translateY(-2000px); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0); }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0); }

  20% {
    opacity: 1;
    -o-transform: translateY(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    transform: translateY(0); }

  20% {
    opacity: 1;
    transform: translateY(-20px); }

  100% {
    opacity: 0;
    transform: translateY(2000px); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -o-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(20px); }

  100% {
    opacity: 0;
    transform: translateX(-2000px); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0); }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0); }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px); }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    transform: translateX(0); }

  20% {
    opacity: 1;
    transform: translateX(-20px); }

  100% {
    opacity: 0;
    transform: translateX(2000px); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0; }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; } }

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; } }

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0; } }

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0; } }

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0; } }

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1; }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0; } }

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1; }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1; }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out; }

  100% {
    -webkit-transform: translateY(700px);
    opacity: 0; } }

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out; }

  100% {
    -moz-transform: translateY(700px);
    opacity: 0; } }

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out; }

  100% {
    -o-transform: translateY(700px);
    opacity: 0; } }

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out; }

  100% {
    transform: translateY(700px);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg); }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); } }

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg); }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1; }

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1; }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  -moz-animation-name: lightSpeedIn;
  -o-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.animated.lightSpeedIn {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1; }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  -moz-animation-name: lightSpeedOut;
  -o-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.lightSpeedOut {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg); }

  10% {
    -webkit-transform: skewX(-8deg); }

  20% {
    -webkit-transform: skewX(7deg); }

  30% {
    -webkit-transform: skewX(-6deg); }

  40% {
    -webkit-transform: skewX(5deg); }

  50% {
    -webkit-transform: skewX(-4deg); }

  60% {
    -webkit-transform: skewX(3deg); }

  70% {
    -webkit-transform: skewX(-2deg); }

  80% {
    -webkit-transform: skewX(1deg); }

  90% {
    -webkit-transform: skewX(0deg); }

  100% {
    -webkit-transform: skewX(0deg); } }

@-moz-keyframes wiggle {
  0% {
    -moz-transform: skewX(9deg); }

  10% {
    -moz-transform: skewX(-8deg); }

  20% {
    -moz-transform: skewX(7deg); }

  30% {
    -moz-transform: skewX(-6deg); }

  40% {
    -moz-transform: skewX(5deg); }

  50% {
    -moz-transform: skewX(-4deg); }

  60% {
    -moz-transform: skewX(3deg); }

  70% {
    -moz-transform: skewX(-2deg); }

  80% {
    -moz-transform: skewX(1deg); }

  90% {
    -moz-transform: skewX(0deg); }

  100% {
    -moz-transform: skewX(0deg); } }

@-o-keyframes wiggle {
  0% {
    -o-transform: skewX(9deg); }

  10% {
    -o-transform: skewX(-8deg); }

  20% {
    -o-transform: skewX(7deg); }

  30% {
    -o-transform: skewX(-6deg); }

  40% {
    -o-transform: skewX(5deg); }

  50% {
    -o-transform: skewX(-4deg); }

  60% {
    -o-transform: skewX(3deg); }

  70% {
    -o-transform: skewX(-2deg); }

  80% {
    -o-transform: skewX(1deg); }

  90% {
    -o-transform: skewX(0deg); }

  100% {
    -o-transform: skewX(0deg); } }

@keyframes wiggle {
  0% {
    transform: skewX(9deg); }

  10% {
    transform: skewX(-8deg); }

  20% {
    transform: skewX(7deg); }

  30% {
    transform: skewX(-6deg); }

  40% {
    transform: skewX(5deg); }

  50% {
    transform: skewX(-4deg); }

  60% {
    transform: skewX(3deg); }

  70% {
    transform: skewX(-2deg); }

  80% {
    transform: skewX(1deg); }

  90% {
    transform: skewX(0deg); }

  100% {
    transform: skewX(0deg); } }

.wiggle {
  -webkit-animation-name: wiggle;
  -moz-animation-name: wiggle;
  -o-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -o-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

.animated.wiggle {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  -o-animation-duration: 0.75s;
  animation-duration: 0.75s; }

#jstwitter {
  font-family: georgia;
  line-height: 1em;
  font-size: 13px;
  color: #333333;
  padding: 10px 10px 10px 10px; }

#jstwitter .tweet {
  margin: 0 auto 5px auto;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #ccc; }

#jstwitter .tweet a {
  text-decoration: none;
  color: #13c9d0; }

#jstwitter .tweet a:hover {
  text-decoration: underline; }

#jstwitter .tweet .time {
  font-size: 10px;
  font-style: italic;
  color: #666666; }


/* ==========================================================================
	CHROME

	Styles related to the chrome (interface) of the app.
   ========================================================================== */
.viewer {
  top: 0px;
  right: 30px;
  bottom: 0px;
  left: 30px; }

.os-ipad .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.os-iphone .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.os-android .viewer {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

#grids_loading {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #333333;
  opacity: 0.9;
  z-index: 999;
  visibility: hidden;
}

#grids_loading .message {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}

#phone_rotated {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #333333;
  display: none;
  z-index: 999; }

#phone_rotated .message {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
}

#dialog_container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  visibility: hidden;
  z-index: 4; }

#dialog_container ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px; }

#dialog_container ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 1); }

.next.overlay {
  position: absolute;
  height: 100%;
  width: 32px;
  top: 0;
  right: -30px;
  z-index: 3;
  opacity: 0.8;
  background-color: #000000;
  background-image: url("../../core/interface/img/arrow_right.png");
  bacground-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;}
  .next.overlay:hover {
    opacity: 1;
 }

.prev.overlay {
  position: absolute;
  height: 100%;
  width: 32px;
  top: 0;
  left: -30px;
  opacity: 0.8;
  background-color: #000000;
  background-image: url("../../core/interface/img/arrow_left.png");
  bacground-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3; }
  .prev.overlay:hover {
    opacity: 1;
  }

.os-android .next.overlay:hover {
  background-color: rgba(0, 0, 0, 0);}

.os-android .prev.overlay:hover {
  background-color: rgba(0, 0, 0, 0);}

nav {
  display: block;
  position: absolute;
  z-index: 5;
  bottom: 0;
  height: 0;
  left: 0;
  right: 0; }

.bottom_controls {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 30px;
  z-index: 20;
  width: 64px;
  margin: auto; }

.radial_controls {
  width: 60px;
  height: 20px;
  margin: 0 auto;
  padding: 0 0;
  z-index: 20; }

.radial_inner {
  position: relative;
  display: inner-block;
  width: 60px;
  height: 20px;
  margin: 0 0;
  padding: 0 0;
  clear: both;
  z-index: 20; }

.radial_toggle_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat 0px -16px;
  width: 64px;
  height: 32px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  position: absolute;
  left: 0px;
  top: 0px; }
  .radial_toggle_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.contents_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -63px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: -120px;
  top: -36px; }
  .contents_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.share_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -127px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: -70px;
  top: -95px; }
  .share_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.search_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -319px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 0px;
  top: -118px; }
  .search_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.print_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -192px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 70px;
  top: -95px; }
  .print_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.help_btn {
  -webkit-transform: translate3d(0, 0, 0);
  background: url("../../core/interface/img/icons.png") no-repeat -255px 0px;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
  border: none;
  position: absolute;
  display: block;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  transition: all 0.1s linear;
  left: 120px;
  top: -36px; }
  .help_btn:hover {
    -webkit-transform: scale(1.1);
    /*Webkit: Scale up image to 1.2x original size*/
    -moz-transform: scale(1.1);
    /*Mozilla scale version*/
    -o-transform: scale(1.1);
    /*Opera scale version*/ }

.radial_button_hidden {
  left: 0px;
  top: 0px; }

.lbscroll {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto;
  overflow-x: hidden; }

.lightbox {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5); }
  .lightbox .container {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: black;
    padding-left: 0px; }

/* ==========================================================================
	IPAD SPECIFIC CHROME STYLES

	Contains any chrome styling specific to the iPad.
   ========================================================================== */
.os-ipad button {
  -webkit-appearance: none; }

/* ==========================================================================
	IPHONE SPECIFIC CHROME STYLES

	Contains any chrome styling specific to the iPhone (normal and retna)
   ========================================================================== */
.os-iphone button {
  -webkit-appearance: none; }

.r16x9.w1, .container.w1 [ratio="16x9"] img {
  width: 308px;
  height: 173px; }

.r16x9.w2, .container.w2 [ratio="16x9"] img {
  width: 634px;
  height: 357px; }

.r16x9.w3, .container.w3 [ratio="16x9"] img {
  width: 960px;
  height: 540px; }

.r4x3.w1, .container.w1 [ratio="4x3"] img {
  width: 308px;
  height: 231px; }

.r4x3.w2, .container.w2 [ratio="4x3"] img {
  width: 634px;
  height: 476px; }

.r4x3.w3, .container.w3 [ratio="4x3"] img {
  width: 960px;
  height: 720px; }

.r5x4.w1, .container.w1 [ratio="5x4"] img {
  width: 308px;
  height: 246px; }

.r5x4.w2, .container.w2 [ratio="5x4"] img {
  width: 634px;
  height: 507px; }

.r5x4.w3, .container.w3 [ratio="5x4"] img {
  width: 960px;
  height: 768px; }

.r1x1.w1, .container.w1 [ratio="1x1"] img {
  width: 308px;
  height: 308px; }

.r1x1.w2, .container.w2 [ratio="1x1"] img {
  width: 634px;
  height: 634px; }

.r1x1.w3, .container.w3 [ratio="1x1"] img {
  width: 960px;
  height: 960px; }

.r4x5.w1, .container.w1 [ratio="4x5"] img {
  width: 308px;
  height: 385px; }

.r4x5.w2, .container.w2 [ratio="4x5"] img {
  width: 634px;
  height: 793px; }

.r4x5.w3, .container.w3 [ratio="4x5"] img {
  width: 960px;
  height: 1200px; }

.r3x4.w1, .container.w1 [ratio="3x4"] img {
  width: 308px;
  height: 411px; }

.r3x4.w2, .container.w2 [ratio="3x4"] img {
  width: 634px;
  height: 845px; }

.r3x4.w3, .container.w3 [ratio="3x4"] img {
  width: 960px;
  height: 1280px; }

.c1 {
  margin-left: 0px; }

.c2 {
  margin-left: 326px; }

.c3 {
  margin-left: 652px; }

.w1 {
  width: 308px; }

.w2 {
  width: 634px; }

.w3 {
  width: 960px; }

.w2.grid:not(.fixed):not(.sizetocontainer) {
  max-width: 960px; }

.w1.grid:not(.fixed):not(.sizetocontainer) {
  max-width: 634px; }

.lightbox .container[class*="single"] {
  width: 308px; }
.lightbox .container[class*="double"] {
  width: 634px; }
.lightbox .container[class*="triple"] {
  width: 960px; }
.lightbox .container[class*="quad"] {
  width: 1286px; }
.lightbox .container img {
  width: 100%;
  height: auto; }

.column {
  width: 308px;
  font-size: 16px;
  line-height: 24px; }

orientation-horizontal .column {
  width: 390px; }

orientation-vertical .column {
  width: 200px; }

.grid {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased; }

.fixed.grid, .sizetocontainer.grid {
  max-width: none;
  max-height: none;
  min-width: none;
  min-height: none; }

html.js .hidden, html.no-js .hidden {
  display: none; }

.chrome, .viewer {
  position: absolute;
  display: block; }

.chrome {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.container.scroll {
  position: absolute;
  overflow: auto;
  overflow-x: hidden; }

.grid .scroll-fade:after {
  content: "\0020";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
  background-image: linear-gradient(top, rgba(255, 255, 255, 0), white); }

.container .scroll {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-bottom: 40px; }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px; }

::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5); }

.touch ::-webkit-scrollbar {
  width: 3px; }

html {
  font-size: 16px;
  line-height: 24px;
  font-family: sans-serif;
  color: #333333;
  background-color: #333666;
  background-image: url("../../core/interface/img/app_background.png"); }

html, body {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  word-wrap: break-word; }

.column, .container {
  position: absolute;
  overflow: hidden;
  top: 32px;
  bottom: 32px; }

.column {
  min-height: 72px; }

#previousPage, #nextPage {
  opacity: 0.5; }

#currentPage {
}

.os-android #previousPage {
  opacity: 1;
}

.os-android #nextPage {
  opacity: 1;
}

.grid.trimleft {
  padding-left: 0; }

.grid.trimright {
  padding-right: 0; }

figure {
  display: block; }

.colapsed {
  position: absolute; }

.topfix {
  top: 0; }

.rightfix {
  right: 0; }

.bottomfix {
  bottom: 0;
  top: auto; }

.leftfix {
  left: 0; }

.overflow {
  overflow: visible; }

.error, .loading {
  position: absolute; }
  .error#nextPage, .error#previousPage, .loading#nextPage, .loading#previousPage {
    display: none; }

.hidden, .microdata {
  display: none; }

.group {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 0; }

.center, .center * {
  text-align: center; }

.nocap .caption {
  display: none; }

.fill .caption {
  padding-left: 32px;
  padding-right: 32px; }

.caption.left {
  text-align: left; }
.caption.right {
  right: 0;
  text-align: right; }

.insetcap .caption {
  position: absolute; }
.insetcap.ul .caption {
  top: 0;
  left: 0; }
.insetcap.ur .caption {
  top: 0;
  right: 0; }
.insetcap.ll .caption {
  bottom: 0;
  left: 0; }
.insetcap.lr .caption {
  bottom: 0;
  right: 0; }

.fullbleed {
  position: absolute;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto; }

.os-ipad, .os-ipad .grid, .os-iphone, .os-iphone .grid {
  -webkit-font-smoothing: antialiased; }

html.offline .no-offline, html.offline [data-requires~="no-offline"] {
  display: none; }
html.offline [data-requires~="offline"] {
  display: block; }

html.no-offline [data-requires~="no-offline"] {
  display: block; }
html.no-offline [data-requires~="offline"] {
  display: none; }

.r {
  background: #ff9999 !important; }

.g {
  background: #99ff99 !important; }

.b {
  background: #9999ff !important; }

.c {
  background: #99ffff !important; }

.m {
  background: #ff99ff !important; }

.y {
  background: #ffff99 !important; }

.grid.ipad {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-ipad .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-ipad .grid.fixed.ipad.horizontal {
  height: 644px;
  width: 960px;
  min-width: 960px;
  padding: 0 32px; }
.os-ipad .grid.fixed.ipad.vertical {
  height: 900px;
  width: 634px;
  min-width: 634px;
  padding: 0 67px; }

.os-ipad.fullscreen .grid.fixed.ipad.horizontal {
  height: 748px; }
.os-ipad.fullscreen .grid.fixed.ipad.vertical {
  height: 1004px; }

.grid.iphone {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-iphone .vertical div {
  line-height: 16px;
  font-size: 12px; }
  .os-iphone .vertical div.column {
    width: 300px; }
.os-iphone .vertical p {
  line-height: 16px;
  font-size: 12px; }
.os-iphone .horizontal div {
  line-height: 16px;
  font-size: 12px; }
  .os-iphone .horizontal div.column {
    width: 460px; }
.os-iphone .horizontal p {
  line-height: 16px;
  font-size: 12px; }
.os-iphone .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-iphone .grid.fixed.iphone.horizontal {
  width: 480px;
  min-width: 468px;
  padding: 0px 0px; }
  .os-iphone .grid.fixed.iphone.horizontal .container {
    width: 480px; }
.os-iphone .grid.fixed.iphone.vertical {
  width: 320px;
  min-width: 308px;
  padding: 0px 0px; }

.os-iphone.fullscreen .grid.fixed.iphone.horizontal {
  height: 300px; }
.os-iphone.fullscreen .grid.fixed.iphone.vertical {
  height: 460px; }
  .os-iphone.fullscreen .grid.fixed.iphone.vertical div.column {
    width: 300px; }

.ipc1 {
  margin-left: 0; }

.ipw_v {
  width: 300px; }

.ipw_h {
  width: 460px; }

.grid.ipod {
  min-width: 99999px;
  width: 99999px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

.os-ipod div {
  font-size: 12px; }
.os-ipod .grid {
  min-width: 99999px;
  width: 99999px;
  opacity: 1 !important; }
.os-ipod .grid.fixed.ipod.horizontal {
  width: 960px;
  min-width: 960px;
  padding: 0 -460px; }
.os-ipod .grid.fixed.ipod.vertical {
  width: 960px;
  min-width: 960px;
  padding: 0 -466.667px; }

.os-ipod.fullscreen .grid.fixed.ipod.horizontal {
  height: 300px; }
.os-ipod.fullscreen .grid.fixed.ipod.vertical {
  height: 460px; }

.contents_panel {
  z-index: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none; }
  .contents_panel h1 {
    margin-left: 8px; }
  .contents_panel .lFloatclear {
    float: left;
    clear: both; }
  .contents_panel .clearDiv {
    height: 0;
    clear: both; }
  .contents_panel .contentslist {
    background: #000;
    padding-top: 10px;
    max-width: 422px;
    margin: 1.5em auto 1.5em;
    position: relative; }
  .contents_panel .contentitem {
    background: #303030;
    background: -webkit-linear-gradient(top, #303030, #242424);
    background: -moz-linear-gradient(top, #303030, #242424);
    background: -o-linear-gradient(top, #303030, #242424);
    background: -ms-linear-gradient(top, #303030, #242424);
    background: linear-gradient(top, #303030, #242424);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#242424');
    max-width: 422px;
    cursor: pointer;
    border-top: 1px solid #4d4d4d;
    border-bottom: 2px solid #000;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 8px 8px 8px 8px;
    cursor: pointer; }
  .contents_panel .contentitem:hover, .contents_panel .contentitem:active {
    background: #242424;
    background: -webkit-linear-gradient(top, #242424, #303030);
    background: -moz-linear-gradient(top, #242424, #303030);
    background: -o-linear-gradient(top, #242424, #303030);
    background: -ms-linear-gradient(top, #242424, #303030);
    background: linear-gradient(top, #242424, #303030);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#303030'); }
  .contents_panel .contentitem img {
    cursor: pointer;
    width: 64px;
    height: 64px;
    float: right;
    margin-left: 8px;
    margin-bottom: 8px; }
  .contents_panel .contenttitle {
    display: block;
    font-weight: lighter;
    font-size: 1em;
    color: #aeaeae;
    padding: 5px 8px 5px 0;
    cursor: pointer; }
  .contents_panel .tocDesc {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 1.25em;
    color: #909090;
    font-size: .75em;
    margin-right: 80px;
    text-align: left; }
  .contents_panel .author {
    float: right;
    clear: both;
    color: #909090;
    padding: 0;
    margin: 0;
    font-size: 75%;
    font-style: italic; }

.os-iphone .contents_thumb {
  display: none; }

.share_panel .text {
  color: #dfdfdf; }

.share_panel .share_facebook_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_facebook.png) no-repeat;
}

.share_panel .share_twitter_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_twitter.png) no-repeat;
}

.share_panel .share_pinterest_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_pinterest.png) no-repeat;
}

.share_panel .share_linkedin_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_linkedin.png) no-repeat;
}

.share_panel .share_email_icon {
  float:left;
  display:block;
  width: 33px;
  height: 33px;
  margin-right:10px;
  background: url(../../core/interface/img/share/share_email.png) no-repeat;
}

.share_panel .emailbox {
  padding: 5px 5px;
  margin-left: 20px;
}

.share_panel .toolbox a, .share_panel .emailbox a {
  display: block;
  color:#dfdfdf;
  float: left;
  width: 45%;
  margin: 0 0 1px 2%;
  padding: 1%;
  font-size: 85%;
  white-space: nowrap;
  line-height: 33px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 2px solid #000;
  background: #303030;
  background: -webkit-linear-gradient(top, #303030, #242424);
  background: -moz-linear-gradient(top, #303030, #242424);
  background: -o-linear-gradient(top, #303030, #242424);
  background: -ms-linear-gradient(top, #303030, #242424);
  background: linear-gradient(top, #303030, #242424);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#303030', endColorstr = '#242424'); }
.share_panel .toolbox a:hover, .share_panel .emailbox a:hover {
  background: #242424;
  color:#fff;
  background: -webkit-linear-gradient(top, #242424, #303030);
  background: -moz-linear-gradient(top, #242424, #303030);
  background: -o-linear-gradient(top, #242424, #303030);
  background: -ms-linear-gradient(top, #242424, #303030);
  background: linear-gradient(top, #242424, #303030);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#242424', endColorstr = '#303030'); }
.share_panel .action {
  float: left;
  margin-right: 20px;
  color: #dfdfdf;
  vertical-align: baseline; }
.share_panel #yourmessage {
  width: 100%; }
.share_panel .share {
  display: block;
  min-width: 200px;
  float: left;
  margin-bottom: 10px; }
.share_panel label {
  display: block;
  font-size: 100%;
  margin-top: 10px; }
.share_panel .url {
  font-size: 75%;
  line-height: 8px; }

.help_panel .fingerSwipe {
  height: 100px;
  margin: 3px; }
  .help_panel .fingerSwipe img {
    width: 100px;
    height: 100px; }
  .help_panel .fingerSwipe h4 {
    margin: 30px 30px; }

.search_panel .search2 {
  display: none; }
.search_panel .search {
  width: 99%;
  position: relative; }
.search_panel .action {
  float: left;
  margin-right: 20px;
  color: #dfdfdf;
  vertical-align: baseline; }
.search_panel #searchtype {
  padding: 3px; }
.search_panel input, .search_panel label {
  vertical-align: baseline; }
.search_panel label {
  margin-left: 10px; }
.search_panel .searchoptions {
  float: left;
  margin-top: 24px;
  margin-bottom: 24px; }
.search_panel .previousblock {
  float: left;
  position: relative;
  left: -20px; }
.search_panel .nextblock {
  float: right;
  position: relative;
  right: -20px; }
.search_panel .previousblock p, .search_panel .nextblock p, .search_panel .previousblock img, .search_panel .nextblock img {
  display: block;
  float: left;
  text-indent: 0;
  margin-right: 6px;
  color: #dfdfdf;
  font-variant: small-caps; }
.search_panel .contentslist {
  background: #000;
  padding: 30px;
  padding-top: 10px;
  max-width: 422px;
  margin: 1.5em auto 1.5em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative; }
.search_panel .contentitem {
  background: #303030;
  background: -webkit-linear-gradient(top, #303030, #242424);
  background: -moz-linear-gradient(top, #303030, #242424);
  background: -o-linear-gradient(top, #303030, #242424);
  background: -ms-linear-gradient(top, #303030, #242424);
  background: linear-gradient(top, #303030, #242424);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#303030', endColorstr = '#242424');
  max-width: 422px;
  cursor: pointer;
  border-top: 1px solid #4d4d4d;
  border-bottom: 2px solid #000;
  margin-bottom: 1px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px 8px 8px 8px;
  cursor: pointer; }
.search_panel .contentitem:hover, .search_panel .contentitem:active {
  background: #242424;
  background: -webkit-linear-gradient(top, #242424, #303030);
  background: -moz-linear-gradient(top, #242424, #303030);
  background: -o-linear-gradient(top, #242424, #303030);
  background: -ms-linear-gradient(top, #242424, #303030);
  background: linear-gradient(top, #242424, #303030);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#242424', endColorstr = '#303030'); }
.search_panel .contentitem img {
  cursor: pointer;
  width: 64px;
  height: 64px;
  float: right;
  margin-left: 8px;
  margin-bottom: 8px; }
.search_panel .contenttitle {
  display: block;
  font-weight: lighter;
  font-size: 1em;
  color: #aeaeae;
  padding: 5px 8px 5px 0;
  cursor: pointer; }
.search_panel .h_divider {
  background: url(../../img/h-divider-gradient.png) no-repeat;
  max-width: 422px;
  height: 3px;
  margin-top: 9px;
  margin-bottom: 9px; }
.search_panel .resultdesc {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1.25em;
  color: #909090;
  font-size: .75em;
  margin-right: 80px;
  text-align: left; }
.search_panel .resultsTitle {
  margin-bottom: 24px;
  color: #909090;
  font-size: 75%;
  margin: 5px 8px; }
.search_panel .keyword {
  color: #CC3333; }

/***
 VARIABLES
***/
/*************************************************/
.articlebarholder {
  position: absolute;
  height: 16px;
  left: 36px;
  right: 36px;
  top: 0px;
  padding: 0px 0px;
  padding-bottom: 4px;
  margin: 0px 0px;
  z-index: 10;
  text-align: center;
  background-color: #333;
  border: solid 1px #333;
  border-bottom: none;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.articlebar_line {
  position: absolute;
  left: 3px;
  right: 3px;
  padding: 3px;
  margin: 0px auto; }

.os-android .articlebarholder {
  visibility: hidden;}

.os-iphone .articlebarholder {
  visibility: hidden;}

.os-ipad .articlebarholder {
  visibility: hidden;}

.os-android .articlebar_line {
  visibility: hidden;
}

.os-iphone .articlebar_line {
  visibility: hidden;
}

.os-ipad .articlebar_line {
  visibility: hidden;
}

.articlebar_article, .articlebar_indicator {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  float: left;
  top: -4px;
  height: 14px;
  background-color: #666666;
  border: solid 1px #333;
  border-top: none;
  border-bottom: none;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 10px;
  color: #000;
  line-height: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #666666;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#595959');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#595959');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #8c8c8c), color-stop(0.5, #666666), color-stop(0.49, #595959));
  background-image: -webkit-linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%);
  background-image: -moz-linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%);
  background-image: linear-gradient(top, #8c8c8c 0%, #666666 50%, #595959 51%, #595959 100%); }

.articlebar_article div, .articlebar_indicator div {
  margin-left: -999em;
  position: absolute;
  font-size: 16px;
  color: #fff;
  line-height: 20px;
  font-weight: bold;
  text-align: left; }

.articlebar_article:hover, .articlebar_indicator:hover {
  background-color: #aaaaaa;
  background-color: #aaaaaa;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9d9d9d');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9d9d9d');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #d0d0d0), color-stop(0.5, #aaaaaa), color-stop(0.49, #9d9d9d));
  background-image: -webkit-linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%);
  background-image: -moz-linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%);
  background-image: linear-gradient(top, #d0d0d0 0%, #aaaaaa 50%, #9d9d9d 51%, #9d9d9d 100%); }

.articlebar_article:hover div, .articlebar_indicator:hover div {
  position: absolute;
  top: 20px;
  z-index: 99;
  margin-left: 0; }

.articlebar_currentarticle, .articlebar_indicator {
  background-color: #333333;
  background-color: #333333;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#262626');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#262626');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #595959), color-stop(0.5, #333333), color-stop(0.49, #262626));
  background-image: -webkit-linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%);
  background-image: -moz-linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%);
  background-image: linear-gradient(top, #595959 0%, #333333 50%, #262626 51%, #262626 100%); }

/**
	The tooltip that shows the article title.
*/
.articlebar_label {
  background-color: #000000;
  color: #ffffff;
  border: solid 1px #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 6px; }

.articlebar_label p {
  padding: 4px 4px;
  color: #fff;
  font-weight: normal;
  text-indent: none;
  text-align: left; }

/**
	The indicator holder div.
	This moves and provides a way to show a line or some other
*/
.articlebar_indicator {
  background-color: #4c83a9;
  position: absolute;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  top: 3px;
  border: none;
  background-color: #4c83a9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a90b5', endColorstr='#447597');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a90b5', endColorstr='#447597');
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #7da7c5), color-stop(0.5, #4c83a9), color-stop(0.49, #447597));
  background-image: -webkit-linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%);
  background-image: -moz-linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%);
  background-image: linear-gradient(top, #7da7c5 0%, #4c83a9 50%, #447597 51%, #447597 100%); }

.articlebar_indicator div {
  opacity: 0; }

.articlebar_indicator:hover div {
  opacity: 1; }

/**
	The actual indicator text div,
	attached to the indicator holder.
	It is positioned relative to the indicator holder,
	allowing them to move as one component.
*/
.articlebar_pagetext {
  position: absolute;
  top: 16px;
  left: 0px;
  text-align: center;
  line-height: 18px;
  font-size: 12px;
  font-weight: bold;
  width: 40px;
  height: 18px;
  background-color: #000;
  color: #ffffff;
  border: solid 2px #ffffff; }

.contents_panel, .print_panel, .help_panel, .search_panel, .share_panel {
  color: #dfdfdf;
  z-index: 1;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: none;
  padding-top: 30px;
  padding-bottom: 40px; }
  .contents_panel .bg, .print_panel .bg, .help_panel .bg, .search_panel .bg, .share_panel .bg {
    background: black;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: auto;
    padding: 8px;
    z-index: 1; }
  .contents_panel p, .print_panel p, .help_panel p, .search_panel p, .share_panel p {
    text-indent: 0; }
  .contents_panel .cancel, .print_panel .cancel, .help_panel .cancel, .search_panel .cancel, .share_panel .cancel {
    display: block;
    margin-top: 15px;
    font-size: 75%;
    text-decoration: underline;
    color: #9d9d9d; }
  .contents_panel .cancel:hover, .contents_panel .cancel:active, .print_panel .cancel:hover, .print_panel .cancel:active, .help_panel .cancel:hover, .help_panel .cancel:active, .search_panel .cancel:hover, .search_panel .cancel:active, .share_panel .cancel:hover, .share_panel .cancel:active {
    color: #dfdfdf; }
  .contents_panel .h_divider, .print_panel .h_divider, .help_panel .h_divider, .search_panel .h_divider, .share_panel .h_divider {
    background: url(../../img/h-divider-gradient.png) no-repeat center;
    max-width: 422px;
    height: 3px;
    margin-top: 9px;
    margin-bottom: 9px; }
  .contents_panel .topRow, .print_panel .topRow, .help_panel .topRow, .search_panel .topRow, .share_panel .topRow {
    width: 100%;
    margin-bottom: 24px; }
  .contents_panel .nowrap, .print_panel .nowrap, .help_panel .nowrap, .search_panel .nowrap, .share_panel .nowrap {
    white-space: nowrap; }
  .contents_panel .lFloatclear, .print_panel .lFloatclear, .help_panel .lFloatclear, .search_panel .lFloatclear, .share_panel .lFloatclear {
    float: left;
    clear: both; }
  .contents_panel .floatleft, .print_panel .floatleft, .help_panel .floatleft, .search_panel .floatleft, .share_panel .floatleft {
    float: left; }
  .contents_panel .floatright, .print_panel .floatright, .help_panel .floatright, .search_panel .floatright, .share_panel .floatright {
    float: right; }
  .contents_panel .clearDiv, .print_panel .clearDiv, .help_panel .clearDiv, .search_panel .clearDiv, .share_panel .clearDiv {
    height: 0;
    clear: both; }
  .contents_panel p.inline, .print_panel p.inline, .help_panel p.inline, .search_panel p.inline, .share_panel p.inline {
    color: #dfdfdf;
    display: inline; }
  .contents_panel .floatright, .print_panel .floatright, .help_panel .floatright, .search_panel .floatright, .share_panel .floatright {
    float: right; }
  .contents_panel .floatleft, .print_panel .floatleft, .help_panel .floatleft, .search_panel .floatleft, .share_panel .floatleft {
    float: left; }
  .contents_panel h1, .print_panel h1, .help_panel h1, .search_panel h1, .share_panel h1 {
    display: block;
    color: #aeaeae;
    font-size: 90%;
    font-weight: lighter;
    letter-spacing: 1px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-bottom: .5em;
    text-align: left;
    text-transform: uppercase; }
  .contents_panel ul, .print_panel ul, .help_panel ul, .search_panel ul, .share_panel ul {
    width: 90%;
    max-width: 600px;
    margin: 0 auto; }
  .contents_panel li, .print_panel li, .help_panel li, .search_panel li, .share_panel li {
    font-family: 'Lora', serif;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
    border: 1px solid #666;
    background-color: #fff;
    margin: 5px;
    -moz-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em; }
    .contents_panel li h3, .print_panel li h3, .help_panel li h3, .search_panel li h3, .share_panel li h3 {
      font-family: 'Lora', serif;
      font-size: 1.3em;
      color: #333;
      text-align: center;
      padding: 6px 0 0 0;
      margin: 0 auto;
      font-weight: bold; }
    .contents_panel li h4, .print_panel li h4, .help_panel li h4, .search_panel li h4, .share_panel li h4 {
      font-size: 1em;
      color: #333;
      text-align: center;
      padding: 3px 0 0 0;
      margin: 0 auto;
      font-weight: normal; }
  .contents_panel .close, .print_panel .close, .help_panel .close, .search_panel .close, .share_panel .close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: url("../../img/close2.png");
    padding: 10px; }
  .contents_panel .button, .print_panel .button, .help_panel .button, .search_panel .button, .share_panel .button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ededed', endColorstr = '#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 9px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff; }
  .contents_panel .button:hover, .print_panel .button:hover, .help_panel .button:hover, .search_panel .button:hover, .share_panel .button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dfdfdf', endColorstr = '#ededed');
    background-color: #dfdfdf; }
  .contents_panel .button:active, .print_panel .button:active, .help_panel .button:active, .search_panel .button:active, .share_panel .button:active {
    position: relative;
    top: 1px; }

.share_panel_inner, .print_panel_inner, .contents_panel_inner, .help_panel_inner, .search_panel_inner, .searchresultscontainer {
  background: #212121;
  padding: 8px;
  padding-bottom: 24px;
  max-width: 422px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
  -moz-box-shadow: 2px 2px 3px #000;
  -webkit-box-shadow: 2px 2px 3px #000;
  box-shadow: 2px 2px 3px #000;
  border: 2px solid #333;
  border-radius: 5px; }

.os-iphone .no-ios {
  display: none; }

.os-ipad .no-ios {
  display: none; }

.os-iphone .ios-only {
  display: block; }

.os-ipad .ios-only {
  display: block; }

.ios-only {
  display: none; }

body.os-iphone .ios-only {
  display: block; }

.panel_visible {
  visibility: visible;
  display: block;
  opacity: 1; }