/* LIBRARY PAGE DEFINITIONS */

#library
{
  position            : relative;
  background-color    : #b8f8d4;
  width               : 895px;
  height              : 450px;
  border              : 1px solid #11a552;
  margin-top          : 10px;
}

#library .tabbed-box 
{
  width               : 100%;
  height              : 449px;
  background-color    : #b8f8d4;
  overflow            : auto;
}

#library .tabbed-box .tabs li 
{
  list-style          : none;
  float               : left;
  width               : 146px;
}

#library .tabbed-box .tabs li a 
{
  display             : block;
  width               : 146px;
  padding             : 4px 0;
  text-align          : center;
  text-decoration     : none;
  color               : #fff;
  background-color    : #0f9d39; 
  border-left         : 1px solid #fff;
  border-bottom       : 1px solid #11a552;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 10pt;
  line-height         : 20px;
}

#library .tabbed-box .tabs li a:hover 
{
  color               : #000;
  background-color    : #6ee062;
}

#library .tabbed-box .tabs li a:focus 
{
  outline             : none; 
}

#library .tabbed-box .tabs li a.active 
{
  color               : #000;
  background-color    : #f5ef39;
}

#library .tabbed-content 
{
  clear               : both;
  margin              : 10px 10px 10px 0;
  width               : 875px;
  height              : auto;
  background-color    : #b8f8d4;
  border              : 0;
}

#library .tabbed-content .inner-wrapper
{
  border              : 0;
}

#library .tabbed-content .inner-wrapper .content
{
  clear               : both;
  width               : 872px;
  height              : 400px;
  border-bottom       : 1px solid #127a3f;
}

#library .tabbed-content .inner-wrapper .content .leftside
{
  clear               : both;
  float               : left;
  width               : 414px;
  height              : 380px;
  padding             : 10px;
}

#library .tabbed-content .inner-wrapper .content .rightside
{
  float               : left;
  width               : 414px;
  height              : 380px;
  padding             : 10px;
}

#library .tabbed-content .inner-wrapper .content h2
{
  font-family         : Georgia, serif;
  font-size           : 16pt;
  font-weight         : bold;
  color               : #127a3f;
  font-variant        : small-caps;
  text-align          : center;
  padding-top         : 10px;
  padding-bottom      : 14px;
}

#library .tabbed-content .inner-wrapper .content h3
{
  font-family         : Georgia, serif;
  font-size           : 11pt;
  font-weight         : bold;
  color               : #127a3f;
  font-variant        : small-caps;
  line-height         : 14pt;
}

#library .tabbed-content .inner-wrapper .content p
{
  font-family         : Georgia, serif;
  font-size           : 10pt;
  color               : #0a582c;
  text-align          : justify;
  line-height         : 13pt;
  padding             : 4px 0 10px 0;
}

#library .tabbed-content .inner-wrapper .content p.continuation
{
  padding-top         : 2px;
}

#library .tabbed-content .inner-wrapper .content ol
{
  list-style-type     : decimal;
  list-style-position : outside;
  margin-left         : 30px;
  padding-bottom      : 14px;
}

#library .tabbed-content .inner-wrapper .content ol li
{
  list-style-position : outside;
  font-family         : Georgia, serif;
  font-size           : 10pt;
  color               : #0a582c;
  text-align          : justify;
  line-height         : 11pt;
  padding             : 3px 32px 3px 0;
}

#library .tabbed-content .inner-wrapper .content table
{
  border-spacing      : 0px;
  border              : 1px solid #11a552;
  float               : left;
  width               : 50%;
  margin              : 8px 10px 5px 0;
}

#library .tabbed-content .inner-wrapper .content tr
{
  line-height         : 11pt;
}

#library .tabbed-content .inner-wrapper .content th
{
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 9pt;
  font-weight         : bold;
  color               : #0b5723;
  background-color    : #fcf8aa;
  text-align          : left;
  padding             : 0.2em 0.5em; 
  border              : 0px;
  border-bottom       : 1px solid #9999aa;
}

#library .tabbed-content .inner-wrapper .content td
{
  border              : 0px;
  border-bottom       : 1px solid #9999aa;
  border-left         : 1px solid #9999aa;
  padding             : 0.2em 0.5em;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 9pt;
  text-align          : left; 
}

#library .tabbed-content .inner-wrapper .content tr td
{
  color               : #000;
  background-color    : #b4f1ab;
  border-bottom       : 1px solid #11a552;
}

#library .tabbed-content .inner-wrapper .content tr td.right
{
  text-align          : right;
}

#library .tabbed-content .inner-wrapper .content tr.odd td 
{
  color               : #000;
  background-color    : #fff;
}


#library .tabbed-content .inner-panel
{
  padding-top         : 10px;
  width               : 860px;
  min-height          : 400px;
  overflow            : hidden;
  margin-bottom       : 5px;
  margin-left         : 10px;
}

#library .tabbed-content .inner-panel .banner
{
  width               : 850px;
  height              : 30px;
  clear               : both;
}

#library .tabbed-content .inner-panel .leftpanel
{
  float               : left;
  width               : 425px;
  height              : 320px;
}

#library .tabbed-content .inner-panel .rightpanel
{
  float               : left;
  width               : 425px;
  height              : 320px;
}

#library .tabbed-content .inner-panel div.captioned-image
{
  float               : left;
  width               : 813px;
  padding             : 10px;
  margin              : 10px 15px 10px 0;
  border              : 1px solid #11a552;
  background-color    : #96ecbc;
}

#library .tabbed-content .inner-panel div.captioned-table
{
  float               : left;
  width               : 813px;
  padding             : 10px;
  margin              : 10px 15px 10px 0;
  border              : 1px solid #11a552;
  background-color    : #96ecbc;
}

#library .tabbed-content .inner-panel div.captioned-image img
{
  display             : block;
  text-align          : center;
}

#library .tabbed-content .inner-panel h2
{
  font-family         : Georgia, serif;
  font-size           : 15pt;
  font-weight         : bold;
  color               : #127a3f;
  padding-bottom      : 10px;
  text-align          : center;
  font-variant        : small-caps;
  padding-top         : 20px;
}

#library .tabbed-content .inner-panel h3
{
  font-family         : Georgia, serif;
  font-size           : 15pt;
  font-weight         : bold;
  color               : #127a3f;
  padding-bottom      : 6px;
  font-variant        : small-caps;
}

#library .tabbed-content .inner-panel h4
{
  font-family         : Georgia, serif;
  font-size           : 13pt;
  font-weight         : bold;
  color               : #127a3f;
  padding-top         : 10px;
  padding-bottom      : 5px;
}

#library .tabbed-content .inner-panel p
{
  font-family         : Georgia, serif;
  font-size           : 10pt;
  color               : #0a582c;
  text-align          : justify;
  line-height         : 13pt;
  padding-right       : 32px;
  padding-bottom      : 10px;
}

#library .tabbed-content .inner-panel p.caption
{
  padding-right       : 15px;
}

#library .tabbed-content .inner-panel p.clear
{
  clear               : both;
}

#library .tabbed-content .inner-panel p.centered
{
  text-align          : center;
}

#library .tabbed-content .inner-panel table
{
  border-spacing      : 0px;
  border              : 1px solid #11a552;
  float               : left;
  width               : 50%;
  margin              : 0 10px 10px 0;
}

#library .tabbed-content .inner-panel tr
{
  line-height         : 11pt;
}

#library .tabbed-content .inner-panel th
{
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 9pt;
  font-weight         : bold;
  color               : #0b5723;
  background-color    : #fcf8aa;
  text-align          : left;
  padding             : 0.2em 0.5em; 
  border              : 0px;
  border-bottom       : 1px solid #9999aa;
}

#library .tabbed-content .inner-panel th.right,
#library .tabbed-content .inner-panel td.right,
#library .tabbed-content .inner-panel tr td.right,
#library .tabbed-content .inner-panel tr.odd td.right
{
  text-align          : right;
}

#library .tabbed-content .inner-panel td
{
  border              : 0px;
  border-bottom       : 1px solid #9999aa;
  border-left         : 1px solid #9999aa;
  padding             : 0.2em 0.5em;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 9pt;
  text-align          : left; 
}

#library .tabbed-content .inner-panel td.small
{
  font-size           : 8pt;
}

#library .tabbed-content .inner-panel tr td
{
  color               : #000;
  background-color    : #6ee062;
  border-bottom       : 1px solid #11a552;
}

#library .tabbed-content .inner-panel tr.odd td 
{
  color               : #000;
  background-color    : #fff;
}

#library .tabbed-content .inner-panel ol.summary
{
  list-style-type     : decimal;
  list-style-position : outside;
  margin-left         : 30px;
  padding-bottom      : 20px;
}

#library .tabbed-content .inner-panel ol.summary li
{
  list-style-position : outside;
  font-family         : Georgia, serif;
  font-size           : 10pt;
  color               : #0a582c;
  text-align          : justify;
  line-height         : 11.5pt;
  padding             : 5px 32px 5px 0;
}

/* TUTORIAL */

#library .tabbed-content .inner-panel .tutorial-image
{
  clear               : both;
  float               : left;
  width               : 320px;
}

#library .tabbed-content .inner-panel .tutorial-text
{
  float               : left;
  width               : 535px;
}

#library .tabbed-content .inner-panel .tutorial-text h2
{
  font-size           : 18pt;
  text-align          : left;
  padding             : 0;
  margin              : 0;
}

#library .tabbed-content .inner-panel .tutorial-text h3
{
  padding-top         : 7px;
}

/* ---------- PHOTO GALLERY ---------- */

#library .tabbed-content .inner-panel #gallery ul 
{
  list-style          : none;
  width               : 850px;
  margin              : 5px auto;
}

#library .tabbed-content .inner-panel #gallery li 
{
  list-style-type     : none;
  float               : left;
  width               : 104px;
  margin              : 5px;
}

#library .tabbed-content .inner-panel #gallery li a img 
{
  border              : 2px solid #11a552;
}

#library .tabbed-content .inner-panel #gallery li a:hover img 
{
  border              : 2px solid #f5ef39;
}