/* 
Copyright 2008 Infogrid Pacific Pte. Ltd. All rights reserved 
Modified by Richard Pipe
*/
 
/* ====================== */
/* - BODYTEXT, HEADERS AND TITLES ===== */
 div.galley-rw { 

/* galley is used to establish page layout */
  margin-top: 1em;  padding: 0 5px 20px 20px;  height: 100%;  }

/*  Page Type is used to establish text styles and layout*/
  div.website-igp-rw {  
  font-family: arial, helvetica, sans-serif;
  font-weight: normal;  font-size: 12px;  line-height: 1.3em;  text-align: left;  color: rgb(80, 80, 80);  }
  div.website-igp-rw p{margin-bottom: 1em;}
 
 /*  Page Layout Styles */ 
.floating {float: left;}
.top-block {margin: 0 auto 1em auto; width: 670px; height: 183px;}
#top_pub_leftcap {height: 181px; width: 10px; background-image: url(/iv2-images/igp/images/products_top_leftcap.png); background-repeat: no-repeat; background-color: rgb(80, 170, 200);}  
#top_pub_center {width: 450px; background-image: url(/iv2-images/igp/images/products_top_bgr.png); background-repeat: repeat-x; height: 181px; }
#products_toptext {margin-right: 10px; font-size: 16px;  line-height: 1.2em; padding: 25px 0px 0px 10px; font-family: Arial; color: #ffffff; font-weight: bold; }
#top_pub_rightcap {height: 181px; width: 180px; background-repeat: no-repeat; } 

.cols-igp { width: auto; margin: 0 0 1em 0; padding: 0; float: left;}
.col1-1-igp {width: 600px; padding: 5px 10px 0 0; margin: 0 auto 0 0;}
.col2e-1-igp {width: 320px; float: left; padding: 5px 5px 0 0; }
.col2e-2-igp {width: 320px; float: left; border-left: 1px dotted gray; padding: 5px 0px 0 10px;}
.col2a-1-igp {width: 423px; float: left; padding: 0 20px 0 0;}
.col2a-2-igp {width:211px; float: left; border-left: 1px dotted gray; padding: 5px 10px 0 10px;}
.col2ab-1-igp {width: 470px; float: left;  padding: 5px 20px 0 0;}
.col2ab-2-igp {width:165px; float: left;  border-left: 1px dotted white; padding: 5px 5px 5px 0px; }
.col3e-1-igp {width: 210px; float: left; padding: 5px 8px 0 0;}
.col3e-2-igp {width: 210px; float: left; padding: 5px 8px 0 8px; border-left: 1px dotted gray; }
.col3e-3-igp {width:210px; float: left;  padding: 5px 4px 0 8px; border-left: 1px dotted gray; }

.col2ab-2-ipg h3, .col2ab-2-igp p {padding: 5px; margin: 0;}
/* =================================== */
/* - IGP Website Special Styles ----- */

/* - LINKS ===== */
/* - Navigation Table ----- */
.section-nav {margin: 0pt 0pt 1em 0pt; font-size: 1.5em; }
.toc-ns a:link {color: #343434; text-decoration: underline;}
.toc-ns a:visited {color: #343434; text-decoration: underline;}
.toc-ns a:hover {font-weight: bold;}
.toc-ns a:active {}
.website-igp-rw a:link {color: blue; text-decoration: underline;}
.website-igp-rw a:visited {color: blue; text-decoration: underline;}
.website-igp-rw a:hover {font-weight: bold;}
.website-igp-rw a:active {}
/* -- ===== Sidebar Styles ===== -- */	
#learn-more {background-color: rgb(230, 240, 220); margin-bottom: 5px; font-size: 0.8em;}
#learn-more p.learnmore-title {color: #ffffff;  font-weight: bold; text-transform: uppercase; background-color: #adbe9c; padding: 3px 0 3px 5px; margin: 0;}
#learn-more p.learnmore  {color: #5a8e21; background-color: transparent; background-image: none; text-decoration: none; padding: 7px;  margin: 0; border-bottom: 1px solid white;}	

#what-next {background-color: rgb(220, 230, 250); margin-bottom: 5px; font-size: 0.8em;}
#what-next p.whatnext-title {color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background-color: rgb(110, 160, 175); padding: 3px 0 3px 5px; margin: 0;}
#what-next p.whatnext  ol.whatnext {color: rgb(80, 130, 145); background-color: transparent; background-image: none; text-decoration: none; padding: 7px;  margin: 0; border-bottom: 1px solid white;}
#what-next p.whatnext a {color: }

#other-apps {background-color: rgb(250, 230, 193); margin-bottom: 5px; font-size: 0.8em;}
#other-apps p.otherapps-title {color: rgb(255, 255, 255); font-weight: bold; text-transform: uppercase; background-color: rgb(190, 120, 120); padding: 3px 0 3px 5px; margin: 0;}
#other-apps p.otherapps  {color: rgb(190, 120, 120); background-color: transparent; background-image: none; text-decoration: none; padding: 7px;  margin: 0; border-bottom: 1px solid white;}

div.sidebar-igp {background-color: rgb(220, 235,245); padding: 5px; margin: 0;}
.website-igp-rw .sidebar-igp p, .website-igp-rw .sidebar-igp li {  font-family: "Arial Narrow" font-size: 0.8em;  color: rgb(52, 52, 128);  }
/* -- ===== Headerbox Styles ===== -- */
	
/* BLOCK ICON PARA */
div.icon-rw {  height: auto;  min-height: 60px;  max-height: 100%;  margin: 0;  border-bottom: 1px solid gray;  padding: 1em 0 0 0;  }
div.icon-96-rw {  height: auto;  min-height: 60px;  max-height: 100%;  margin: 0;  border-bottom: 1px solid gray;  padding: 1em 0 0 0;  }

div.icon-rw h3 {  font-size: 1em;   padding-top: 0;  margin-left: 60px;  }
div.icon-96-rw h3 {  font-size: 1em;  padding: 0;  margin-left: 108px;  }
div.icon-rw p {  margin-left: 60px;  }
div.icon-96-rw p {  padding: 0;  margin-left: 108px;  }
img.para-icon-rw {  float: left;  width: 48px;   height: 48px;   }
img.para-icon-96-rw {  float: left;  width: 96px;   height: 48px;   }
/*icons end*/

.title-block-rw {  padding: 0 0 0.5em 0; margin: 1em 0 0 0; }
 .title-block-rw h1 {  font-size: 1.5em;   padding: 0; margin: 0 0 0.25em 0;  color: rgb(16, 156, 212);  } 
.title-block-rw .title-sub-rw {  font-size: 1.2em;   font-weight: normal;  padding: 0; margin: 0 0 1.5em 0;  color: rgb(100, 100, 100);  } 
.title-block-rw .title-other-rw {font-family: serif; font-size: 1.2em; color: gray; text-align: center;}
  
  /* - Set all Header Styles ----- */
.website-igp-rw h2 {  font-size: 1.2em; line-height: 1.2em;  font-weight: bold; text-align: left; margin: 0 0 .5em 0; padding: 0; color: rgb(60, 160, 80); border-bottom: 1px solid  rgb(60, 160, 80);}
.website-igp-rw h3 {  font-size: 1.0em;  line-height: 1.2em;   font-weight: bold;   text-align: left;  margin: 1em 0 0.25em 0;  padding: 0;   color: rgb(48, 48, 48);  }
.website-igp-rw p {margin: 0 0 .5em 0; padding: 0;}

/* ==================================================== */
              /* ===== LIST STYLES ===== */
/* lists have been handled to three levels of nesting you can 
   add to these and modify the list-styles for your project  */

/* Ordered lists  */
ol {  margin: 0;  padding: 0 0 .5em 1em;  }
li {   margin-bottom: .25em;   margin-top: 0;   padding-bottom: 0;   padding-top: 0;  }
ol li {   margin-left: 1em;  list-style: decimal;  }

/* Unordered lists  */
ul {  margin: 0;  padding: 0 0 .5em 0.5em;  }
ul li {  margin-left: 1em;  list-style: disc;  }

/* Definition lists  */
dl {  padding: 1em 0 1em 0;  margin: 0;  }
dt {  float: left;  font-weight: bold;  font-style: italic;  margin-right: 0.5em;  }
dd {  margin-left: 1.5em;  margin-bottom: 0.5em;  }

/* ====================== */
/* - BLOCKS ===== */
/* - General Caption style for all blocks */
div p.caption-rw {  text-indent: 0;  margin: 0;  font-style: italic;  font-size: 90%;  line-height: 110%;  padding: 0 0 0.5em 0;  }

/* - BOXED TEXT ===== */
div.boxed-rw {  font-size: 90%;  line-height: 140%;  border: 1px solid black;  margin: 0 0 1em 0;  padding: 1em 1em 0 1em;  }


/* - FIGURE  ===== */
div.figure-rw {  width: 90%;  margin: 1em auto 1em auto;  padding: 0;  counter-increment: figure;  }
div.figure-rw h3 {  font-size: 90%;  font-weight: bold;   margin: 0;  padding: 0 0 0.5em 0;  }
div.figure-rw p {  text-indent: 0;  font-size: 90%;  padding-bottom: 0.5em;  }
div.figure-rw img, img.figure-graphic-rw {  display: block;  width: auto;  max-width: 550px;  margin: 0 auto 0.5em auto;  }

/* -  FLOATING IMAGE BLOCKS ===== */
div.image-rw {
/* options top-next */
  display: block;   margin-top: 1em;  margin-bottom: 1em;  margin-right: auto;  margin-left: auto;  padding: 0;   page-break-inside: avoid;   clear: both;  width: 100%;  }
div.image-rw img, img.image-graphic-rw {
  width: 100%;  display: block;   margin-bottom: 0.5em;  margin-right: auto;  margin-left: auto;   border: 1pt solid black;  }
/* - IMAGE LEFT FLOATING ===== */
div.image-left-rw {
  float: left; /* options top-next */
  width: 30%;  margin: 0;  padding: 0.5em 1em 0.5em 0;  background: none;  page-break-inside: avoid;  }
div.image-left-rw img, img.image-left-graphic-rw {  width: 100%;  margin-bottom: 0pt;  }

/* - IMAGE RIGHT FLOATING ===== */
div.image-right-rw {
  float: right; /* options top-next */
  width: 30%;  margin: 0;   padding: 0.5em 0 0.5em 1em;   page-break-inside: avoid;  }
div.image-right-rw img, img.image-right-graphic-rw {  width: 100%;  margin-bottom: 0pt;  }

/* - TABLE BOX & GENERAL PROPERTIES ===== */
div.table-rw, div.table-float-rw { 
  width: auto;  font-size: 90%;   margin: 0 0 1em 0;  padding: 0.25em;   border: 0px dashed gray;  counter-increment: table;  }
/* The float works only for print with a CSS-3 aware renderer
div.table-float-rw {float:top; margin: 1em 0 1em 0;} */

div.table-rw h3, div.table-float-rw h3 {
  font-size: 90%;   text-transform: uppercase;  padding: 0 0 0.25em 0;   margin: 0 0 0.25em 0;   }
div.table-rw p, div.table-float-rw p {
  text-indent: 0;   padding: 0 0 0.25em 0;  margin: 0;  }
div.table-rw p.caption-rw, div.table-float-rw p.caption-rw {
  font-size: 100%;   font-style: italic;  text-indent: 0;  margin: 0;  padding: 0.25em 0;  }

/* - Reader/Writer-MODERN TABLE ===== */
table.modern-rw {
  width: 100%;  border-collapse: collapse;  font-family: sans-serif;  font-size: 80%;  line-height: 120%;  border-top: 1px solid #00008b;  border-bottom: 1px solid #00008b;  }
.modern-rw thead td, .modern-rw thead th {
  font-weight: bold;  font-style: normal;  text-align: center;   margin: 0 ;  padding: 0.25em 0 0.25em 0;  background: #d3d3ff;   border-bottom: 1px solid white;  }
.modern-rw tbody td {
  vertical-align: top;  background: white;   border-bottom: 1px solid #d3d3ff;  margin: 0;  }
.modern-rw tbody td {
  text-align:left;   padding: 0.2em 0.2em 0.2em 0.2em;  }
/*.modern-rw tbody td + td {
  text-align:right;
  }*/
.modern-rw tfoot td {
  font-size: 80%;  line-height: 120%;  font-style: italic;   text-align: left;  padding: 0.5em;  background: white;  border-top: 0.5pt solid #00008b;  }
.modern-rw tfoot td p {
  text-indent: 0;  padding-bottom: 0.5em;  }

/* ====================== */
/* -Infogrid Pacific Default Template Styles ===== */
/* These styles set the presentation of Writer and
   Reader page template header and footer blocks */

div.igp-writer-header-rw, div.igp-writer-footer-rw div.igp-reader-header-rw, div.igp-reader-footer-rw {
  text-transform: none;  margin-left: auto;  margin-right: auto;  }
div.igp-writer-header-rw {  padding: 1em 0 1em 0;  }
div.igp-writer-footer-rw {  padding: 2em 0 4em 0;  }
div.igp-reader-header-rw {  padding: 1em 0 1em 0;  }
div.igp-reader-footer-rw {  padding: 2em 0 4em 0;  }

table.igp-writer-metadata-rw, table.igp-reader-metadata-rw {
  border-collapse: collapse;  color: gray;  width: 100%;  border: 1px solid gray;  }

.igp-writer-metadata-rw tr td, .igp-reader-metadata-rw tr td {
  color: gray;  padding: 2px 5px;  text-align: left;  font-size: 82%;  vertical-align: top;  border: 1px solid gray;  }

/* -Infogrid Pacific Guide/Variable text ===== */
/* Guide text needs to disappear completely from the Online
   and Print output. Use display:none to completely collapse
   the element with the class in. Works for span and in all
   major elements */
.guide-rw {  color: blue;  display: none;  }
.copy-note-rw {  color: green;  display: none;
	/*visibility: collapse;*/ /*Change to visible/hidden*/
  }
.copynote-rw {  color: green;  }
.usernotes-rw {  
	display: block;  text-indent: 0;  margin: 0 0 1em 0;  padding: 0.25em;  background: #FFFFCC;  border: 1px solid #BBBBAA;  }
.usernotes-source-rw {
  display: block;  font-style: italic;  clear: both;   font-size: 80%;  text-align: right;  }
/* Variable text needs to remain visible. Adjust the colour to
   match bodytext in the Online and Print Stylesheets. Give it
   a highlight colour in the Writer template, remove it in the
   other templates */
/*.variable-rw {
   color: black;
  }*/
/* table.float-rw is used for flow control in Print Version 
  and does not require to be displayed in Reader */
table.float-rw {  display: none;
  }
/* Styling Rollovers for Notes */
.popup {
  font-size: 11px; 
  line-height: 130%;
  text-align: left; 
  text-indent: 0em; 
  text-transform: none; 
  position: absolute; 
  display: none; 
  background-color: #D6E2DC;
  border: solid 1px #6A7F7E; 
  padding: 5px 5px 5px 5px;
  margin-top: 25px; 
  margin-left: -80px;
  width: 250px; 
  height: auto; 
  overflow: auto;
  z-index: 1;
  }
/* New Styles for FLIP Portal Promotion */
.feature {
	height: 75px;
	}
.feature h3 {
	font-size: 1.3em; 
	color: rgb(16, 156, 229); 
	margin-bottom: 0.5em;
	}
.feature p {
	font-size: 1.1em;
	}
.flip-portals h2 {
	font-size: 1.5em;
	}
 .promo-blocks {
	 width: 100%;
	 }
 .promo-block {
	 display: block; 
	 float: left; 
	 width: 200px; 
	 height: 95px; 
	 background-color: rgb(175, 225, 117); 
	 padding: 5px; 
	 margin: 5px 5px 25px 5px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px;
	 }
 .promo-block h3 {
	 margin: 0; 
	 padding: 0; 
	 font-size: 1.5em; 
	 line-height: 1em; 
	 text-align: center; 
	 color: rgb(44, 87, 0); 
	 padding-bottom: 0.25em;
	 }
 .promo-block p {
	 font-size: 12px; 
	 line-height: 12px; 
	 text-align: center; 
	 color: black;
	 }
 .promo-block2 {
   text-align: center; 
   display: block;  
   width: 80%; 
   height: auto; 
   background-color: white; 
   padding: 3px; 
   margin: 1em auto 0 8%; 
   -moz-border-radius: 0px; 
   -webkit-border-radius: 0px;
    border-top: 1px solid black; 
    border-bottom: 1px solid black;
    }
.promo-block2 li {
   display: inline-block; 
   line-height: 1em; 
   margin: 0; 
   padding: 0;
   }
.col3e-1-igp h2, .col3e-2-igp h2, .col3e-3-igp h2 { 
   text-align: center; 
   width: 100%; 
   color: rgb(255, 255, 255); 
   padding-bottom: 3px; 
   border-bottom: 0px solid black;
   }  
.col3e-1-igp, .col3e-2-igp, .col3e-3-igp { 
   margin: 0 5px 0 5px; 
   width: 190px;  
   border: 0px solid gray;
   padding: 10px;
   background-color: rgb(220, 220, 220);
   background: 
      -moz-linear-gradient(
      top, gray,
      gray 35px, 
      rgb(210, 210, 210) 35px,
      rgb(250, 250, 250) 95%,
      rgb(230, 230, 230)
      );
   background: 
      -webkit-gradient(linear,
      left top, left bottom, 
      color-stop(0.0, rgb(128, 128, 128)),
      color-stop(0.09, rgb(128, 128, 128)), 
      color-stop(0.09, rgb(210, 210, 210)),
      color-stop(0.95, rgb(250, 250, 250)),
      color-stop(1.0, rgb(230, 230, 230))
      );
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   } 
   /* Publishing Products */

 .promo-block-publish {
	 display: block; 
	 float: left; 
	 width: 196px; 
	 height: 95px; 

	 padding: 5px; 
	 margin: 0 5px 10px 5px; 
	 -moz-border-radius: 10px; 
	 -webkit-border-radius: 10px;
	 -moz-box-shadow: 3px 3px 5px rgb(100, 100, 100);
	 -webkit-box-shadow: 3px 3px 5px rgb(100, 100, 100);

	 }
#pp1 {
	border: 2px solid rgb(245, 145, 32); 
	background-color: rgb(255, 230, 170);
	background: 
      -moz-linear-gradient(
      top, rgb(255, 210, 148),
      rgb(255, 230, 190)  20%, 
      rgb(255, 240, 230) 50%,
      rgb(255, 230, 170) 80%,
      rgb(245, 190, 90)
      );
	background: 
      -webkit-gradient(linear,
      left top, left bottom, 
      color-stop(0.0, rgb(255, 210, 148)),
      color-stop(0.2,   rgb(255, 230, 190)), 
      color-stop(0.5,  rgb(255, 240, 230)),
      color-stop(0.8, rgb(255, 230, 170)),
      color-stop(1.0, rgb(245, 190, 90))
      );
	 }
#pp1 h3 {color: rgb(245, 145, 32);}
#pp2 {
	border: 2px solid rgb(86, 153, 57); 
	background-color: rgb(222, 242, 201);
	background: 
      -moz-linear-gradient(
      top, rgb(222, 242, 201),
      rgb(232, 255, 210)  20%, 
      rgb(242, 255, 230) 50%,
      rgb(222, 242, 201) 80%,
      rgb(200, 232, 180)
      );
	background: 
      -webkit-gradient(linear,
      left top, left bottom, 
      color-stop(0.0, rgb(222, 242, 201)),
      color-stop(0.2, rgb(232, 255, 210)), 
      color-stop(0.5, rgb(242, 255, 230)),
      color-stop(0.8, rgb(222, 242, 201)),
      color-stop(1.0, rgb(200, 232, 180))
      );
	 }
#pp2 h3 {color: rgb(86, 153, 57);}
#pp3 {
	border: 2px solid rgb(51, 102, 153); 
	background-color: rgb(213, 218, 232);
	background: 
      -moz-linear-gradient(
      top, rgb(213, 218, 232),
      rgb(213, 218, 252)  20%, 
      rgb(230, 240, 255) 50%,
	  rgb(223, 228, 232) 80%,
      rgb(190, 200, 222)
      );
	background: 
      -webkit-gradient(linear,
      left top, left bottom, 
      color-stop(0.0, rgb(213, 218, 232)),
      color-stop(0.2, rgb(213, 218, 252)), 
      color-stop(0.5, rgb(230, 240, 255)),
      color-stop(0.8, rgb(223, 228, 232)),
      color-stop(1.0, rgb(190, 200, 222))
      );
	 }
#pp3 h3 {color: rgb(51, 102, 153);}
 .promo-block-publish h3 {
	 margin: 0; 
	 padding: 0; 
	 font-size: 2em; 
	 line-height: 1.1em; 
	 text-align: center; 
	 padding-bottom: 0.25em;
	 -moz-text-shadow: 1px 1px 1px white;
	 text-shadow: 1px 1px 1px black;
	 }
 .promo-block-publish p {
	 font-size: 16px; 
	 line-height: 16px; 
	 text-align: center; 
	 color: black;
	 text-shadow: 1px 1px 1px white;
	 }