/* Drupal 7 Framework - Created by André Griffin.....New Site

------------------------------------------------

[Table of contents]



 0.Reset

 1.Global

 2.Layout

 3.Main

 4.Sidebars

 5.Header

 6.Navigation

 7.Nodes

 8.Comments

 9.Blocks

10.Footer

11.CSS Support



Font sizes: 16px base font with 24px line-height

------------------------------------------------

       font-size / line-height / margin-top

------------------------------------------------

40px = 2.5em     / 1.2         / 0.6em

32px = 2em       / 1.5         / 0.75em

24px = 1.5em     / 1           / 1em

20px = 1.25em    / 1.2         / 1.2em

16px = 1em       / 1..5        / 1.5em

14px = 0.875em   / 1.7143      / 1.7143em

13px = 0.8125em  / 1.8462      / 1.8462em

12px = 0.75em    / 2           / 2em

10px = 0.625em   / 2.4         / 2.4em



Equation for font sizing:

  Desired px ÷ Default (or parent) px = em size

------------------------------------------------*/



/**

 * 0.RESET

 */



@import "reset.css";



/**

 * 1.GLOBAL

 */



body {

  background: #fff;

  max-width: 1250px;

  margin: 0 auto;

}



h1, h2, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  font-family:Helvetica, sans-serif, Arial;

}



h1, .h1 {

  font-size: 20.5px;

  color: #ff0000;

  font-weight: bold;

}



.content h2 {

font-size: 20.5px;

color: red;

font-weight: bold;

font-family:Helvetica, sans-serif, Arial;

}



.content h3 {

  font-family: Verdana, Arial, helvetica, sans-serif;

  font-weight: bold;

  color: #FF6600;

  font-size: 16px;

  margin: 11px 0px;

  height: 24px;

  line-height: 27px;

}



.content h4 {

  font-family: Verdana, Arial, helvetica, sans-serif;

  font-weight: normal;

  font-style:italic;

  color: #FF6600;

  font-size: 16px;

  margin: 11px 0px;

}



 h5, h6, .h5, .h6 {

  font-size: 1em;

  font-weight: bold;

  line-height: 1.5;

  margin-top: 1.5em;

}



.content p {

font-family: Georgia, Verdana, Arial, helvetica, sans-serif;

text-align: justify;

font-size: 16px;

margin: 0.7em 0px;

line-height: 20px;

color: black;

}



a { color: blue; text-decoration: none; }





/* apply common styling after reset.css */



strong, b {

  font-weight: bold;

}



em, i {

  font-style: italic;

}



li ul, li ol {  margin: 0;}

ul, ol { font:Helvetica, sans-serif, Arial; font-size: 15px; font-weight:bold;} /* font properties for sidebar list */

ul {  list-style-type: disc;  font:Helvetica, sans-serif, Arial; }

ol {  list-style-type: decimal;  font:Helvetica, sans-serif, Arial; font-size: 16px;}

dl {  margin: 0 0 1.5em 0; }

dl dt {  font-weight: bold; }

dd {  margin-left: 1.5em; }

hr {  background: #666;  border: none;  clear: both;  float: none;  height: 1px;  margin: 0 0 1.4375em;  width: 100%; }

fieldset {  border: 1px solid #ccc;  margin: 0 0 1.4375em;  padding: 1.5em; }

table {  margin-bottom: 1.5em;  width: 100%; }

th, tr, td {  vertical-align: middle; }

th { padding-right: 1em; }

.sticky-header th, .sticky-table th {  border-bottom: 3px solid #ccc;  padding-right: 1em;  text-align: left; }



li#dhtml_menu_559 a, li#dhtml_menu_577 a, li#dhtml_menu_685 a, li#dhtml_menu_803 a {

        font-size:16px;

        font-weight:bold;

}



/**

 * 2.LAYOUT

 */



#container {

  margin: 0 auto;

  padding-left: 5px;

  min-width: 1024px;

  width:98%;

 }



/**

 * 3.MAIN

 */



/* 1 column: global values*/



#main {

  display: block;

  margin: 0;

  border: #E4EFFA 1px solid;



}



/* 3 columns */



body.two-sidebars #main {

  float: left;

  margin: 0 0 0 0px;

  padding: 0;

  width: 460px;

  font:helvetica;

}



/* 2 columns: sidebar-first */



body.sidebar-first #main {

  float: right;

  margin: 0;

  padding: 5px 5px 5px 5px;

  min-width: 700px;

  width: 79%;



}



/* 2 columns: sidebar-second */



body.sidebar-second #main {

  float: left;

  margin: 0;

  padding: 0;

  width: 900px;

}



/**

 * 4.SIDEBARS

 */



/* 3 columns: sidebar-first */



body.two-sidebars #sidebar-first {

        font-family:Arial, Helvetica, sans-serif;

        font-size:9px;

  float: left;

  margin: 0 0 0 -600px;

  padding: 0;

  width: 250px;

}



/* 3 columns: sidebar-second */



body.two-sidebars #sidebar-second {

        font-family:Arial, Helvetica, sans-serif;

  float: right;

  font-size:12px;

  margin: 0;

  padding: 0;

  width: 250px;

}



/* 2 columns: sidebar-first */



body.sidebar-first #sidebar-first {

        font-family:Arial, Helvetica, sans-serif;

  float: left;

  padding-top: 0;

  background: #FFC;

  border: #E4EFFA 1px solid;



  width: 18%;

  min-width: 190px;

  padding-right: 5px;

  padding-left: 5px;



}



/* 2 columns: sidebar-second */



body.sidebar-second #sidebar-second {

        font-family:Arial, Helvetica, sans-serif;

  float: right;

  margin: 0;

  padding: 0;

  width: 250px;

}



/**

 * 5.HEADER

 */



#bullets {

width: 300px;

float: right;

margin: 10px 0 0 10px;

padding: 0 16px 0 5px;

background: #FFC;

border: 1px solid #FCF4DF;

webkit-border-radius: 7px;

moz-border-radius: 7px;

border-radius: 7px;

behavior: url(http://pveducation.org/themes/framework/PIE.htc);

position: relative;

}



#bullets h3 {

margin: 5px 0 5px 8px;

}



.book-navigation .page-next {

text-align: right;

width: 40%;

display: block;

float: right;

padding: 5px;

font-family: Helvetica;

}



.book-navigation .page-previous {

text-align: left;

width: 40%;

display: block;

float: left;

padding: 5px;

font-family: Helvetica;

}







#header {

  margin: 0;

  padding: 0.3em 0 0;

  position: relative;

}



#header #logo {

  float: left;

  margin: 0 1em 0.5em 0;

}



#logo {

        padding-top:0px;





}



#header #site-name-slogan {

  float: left;

  margin: 0 0 1.5em;

}



#header #site-name {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 2.5em;

  font-weight: 700;

  line-height: 1.2;

  margin: 0;

}



#header #site-name a:hover {

  text-decoration: none;

}



#header #site-slogan {

  margin: 0;

}



/**

 * 6.NAVIGATION

 */



#navigation {

        float:right;

        background-color:#fff;

         margin: 0;

          padding: 0;



}



#navigation ul#main-menu {

  clear: both;

  list-style: none;

  margin: 0;

  padding: 10px 0 0 0;

  font-family:Arial, Helvetica, sans-serif;

  font-size:16px;

  font-weight:bold;

  text-align:right;

  caption-side:right;

  color:#FF00CC;

}



#navigation ul#main-menu li {

        color:#039;

  float: left;

  margin: 0;

  padding: 0;

}



#navigation ul#main-menu li a {

  display: block;

}



#navigation ul#secondary-menu {

  clear: both;

  list-style: none;

  margin: 0;

  padding: 0;

  display:none;

}



#navigation ul#secondary-menu li {

  float: left;

  margin: 0;

  padding: 0;

}



#navigation ul#secondary-menu li a {

  display: block;

  padding: 0 2em 0 0;

}



.breadcrumb {

        visibility:hidden;

  clear: both;

  padding: 1.5em 0 0;

  font-size:11px;

  font-style:italic;

  display: none;

}



#skip-link {

  position: absolute;

}



/* menus and item lists */



.item-list ul {

  margin: 0;

  padding: 0 0 0 1.5em;

}



.item-list ul li {

  margin: 0;

  padding: 0;

}



ul.menu li {

  margin: 0;

  padding: 0;

}



ul.inline {

  clear: both;

}



ul.inline li {

  margin: 0;

  padding: 0 1em 0 0;

}



/* admin tabs */



.tabs-wrapper {

  border-bottom: 1px solid #333;

  margin: 0 0 1.4375em;

}



ul.primary {

  border: none;

  margin: 0;

  padding: 0;

}



ul.primary li a {

  background: none;

  border: none;

  display: block;

  float: left;

  line-height: 1.5em;

  margin: 0;

  padding: 0 1em;

}



ul.primary li a:hover, ul.primary li a.active {

  background: #666;

  border: none;

  color: #fff;

}



ul.primary li a:hover {

  background: #888;

  text-decoration: none;

}



ul.secondary {

  background: #666;

  border-bottom: none;

  clear: both;

  margin: 0;

  padding: 0;

}



ul.secondary li {

  border-right: none;

}



ul.secondary li a, ul.secondary li a:link {

  border: none;

  color: #ccc;

  display: block;

  float: left;

  line-height: 1.5em;

  padding: 0 1em;

}



ul.secondary li a:hover, ul.secondary li a.active {

  background: #888;

  color: #fff;

  text-decoration: none;

}



ul.secondary a.active {

  border-bottom: none;

}



/**

 * 7.NODES

 */



.node {

  margin-bottom: 1.5em;

}



/* tags */



.field-name-field-tags {

  margin: 0 0 1.5em;

}



.field-name-field-tags .field-item {

  margin: 0 1em 0 0;

}



.field-name-field-tags div {

  display: inline;

}



/* profile */



.profile {

  margin: 1.5em 0;

}



.profile h3 {

  border: none;

}



.profile dt {

  margin-bottom: 0;

}



.profile dd {

  margin-bottom: 1.5em;

}



.password-parent {

  width: 36em;

}



/**

 * 8.COMMENTS

 */



#comments {

  clear: both;

  margin-top: 1.5em;

}



.comment {

  margin-bottom: 1.5em;

}



.comment .new {

  color: red;

  text-transform: capitalize;

  margin-left: 1em;

}



/**

 * 9.BLOCKS

 */



.block {

  margin-bottom: 1.5em;

}



/**

 * 10.FOOTER

 */



#footer {

  clear: both;

  padding: 1.5em 0;

  position: relative;

}



#footer a.feed-icon {

  position: absolute;

  right: 0;

  top: 1.6667em;

}



/**

 * 11.CSS SUPPORT

 *

 * Built-in classes:

 * .clearfix                            | contain floats

 * .element-invisible                   | hide element visually

 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard

 * .element-hidden                      | hide visually and from screenreaders

 */



/* clear floats */

.clear { clear: both; }



/* display block */

.display-block { display: block; }



/* ===================== Styles for Calculator ========================== */

/* inserted by SGB using code from Stas */



.inputColumn {

  width: 50%;

  float: left;

  font-size: 14px;

}



.outputColumn {

 width: 50%;

 float: left;

 font-size: 14px;

}





/* having the label tag makes it easier to select the input */

fieldset.calculator label input {

width: 65px;

margin-left: 5px;

margin-right: 5px;

font-size: 13px;

color: black;

border: 1px #CCC solid;

padding: 2px;

}



fieldset.calculator  label.outputParameters input {

background-color: #E3FFE3;

font-weight: bold;

}



fieldset.calculator  label.inputParameters input {

background-color: #FFFFFF;

}



fieldset.calculator  label.inputParameters input.button {

border: 1px #999 solid;

}







fieldset.calculator {

  border:#F60 1px solid ;

  padding:10px;

  margin:0 0 10px 0;

  width: 600px;

  background: #FFFFCC;

  font-family: Arial, helvetica, sans-serif;

}



fieldset.calculator legend {

    padding-left: 5px;

    padding-right: 5px;

    background: #FFEE80;

    border:#F60 2px solid;

    padding: 5px 10px 5px 10px;

    font-weight: bold;

    color: #142638;

}

/* end calculator */



.datatable th {

 font-family: Verdana, Arial, helvetica, sans-serif;

 font-weight: bold;

 background: #FFBE57;

 font-size: 13px;

 color: #FFFFFF;

line-height: 15px;

padding:3px 3px 3px 3px;

border:1px solid #FFBE57;

}



.datatable td{

font-family: Verdana, Arial, helvetica, sans-serif;

font-size: 13px;

line-height: 15px;

border:1px solid #FFBE57;

background-color:#FFFFFF; 

padding-top:3px;

padding-bottom:3px;

padding-right:10px;

padding-left:10px;

}



.datatable tr:nth-child(odd) td 

{

color:#000000;

background-color:#FFEBD6;

}



.datatable {

border: #000 1px solid;

align: center;

}

.aligntable{

width:auto;

}



.aligntable td{

font-family: Verdana, Arial, helvetica, sans-serif;

line-height: 15px;

border:none;

background-color:#FFFFFF; 

padding-top:3px;

padding-bottom:3px;

padding-right:10px;

padding-left:10px;

}



/* Top Menu Style */



#main-menu a {

padding: 0.3em 5px 0.3em 5px;

color: blue;

font-size: 15px;

}



#main-menu a:hover {

color: red;

text-decoration: underline;

}



#main-menu a.active {

color: red;

}





/* PVCDROM Menu Style */



#block-menu-menu-pvcdrom ul li {

background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;

list-style-image:none;

list-style-type:none;

margin:0;

padding: 3px;



}





#block-menu-menu-pvcdrom ul.menu li {

padding: 0;

background: none;

line-height: 15px;

font-size: 15px;

padding-top: 2px;

padding-bottom: 3px;

font-weight: bold;

font-family: arial, helvetica;

text-align: left; /*align menu left SGB */

}



#block-menu-menu-pvcdrom ul.menu li.leaf {

 margin-left: 4px;

font-size: 13px;

font-weight: normal;

padding: 0;

margin: 0;

margin-left: 3px;



}



#block-menu-menu-pvcdrom ul.menu {

margin-top: 3px;

}



ul.menu li,.item-list ul li,li.leaf{

background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;

list-style-image:none;

list-style-type:none;

margin:0;

padding:0 0 0 1.5em;

text-align: left;  /*align menu left SGB */

}



ul li.expanded{background:transparent url(images/menu-expanded.gif) no-repeat 1px .35em;}

ul li.collapsed{background:transparent url(images/menu-collapsed.gif) no-repeat 0 .35em;}



ul li.leaf a,ul li.expanded a,ul li.collapsed a{display:block;}



ul li.fake-leaf{font-size:1em;font-weight:bold;}





#block-menu-menu-pvcdrom a:hover {

 background: #FFFF22;

}



#block-menu-menu-pvcdrom a.active {

 color: #F97509;

 font-weight: bold;

}









/*=============================== Subheading for the Menu ========================== */



#block-menu-menu-pvcdrom li#dhtml_menu-578 a,

#block-menu-menu-pvcdrom li#dhtml_menu-606 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1192 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1193 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1194 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1195 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1196 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1197 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1198 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1199 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1200 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1201 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1202 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1203 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1204 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1205 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1206 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1207 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1208 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1209 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1210 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1211 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1212 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1213 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1214 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1215 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1216 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1217 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1218 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1219 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1220 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1221 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1222 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1223 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1224 a,

#block-menu-menu-pvcdrom li#dhtml_menu-1225 a,

#block-menu-menu-pvcdrom li#dhtml_menu-3053 a

{

 color: #E6152E;

 font-style: italic;

 margin-left: -4px;

}



#block-menu-menu-pvcdrom li#dhtml_menu-578 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-606 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1192 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1193 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1194 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1195 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1196 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1197 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1198 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1199 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1200 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1201 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1202 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1203 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1204 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1205 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1206 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1207 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1208 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1209 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1210 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1211 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1212 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1213 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1214 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1215 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1216 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1217 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1218 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1219 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1220 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1221 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1222 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1223 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1224 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-1225 a:hover,

#block-menu-menu-pvcdrom li#dhtml_menu-3053 a:hover

{

 color: #E6152E;

 font-style: italic;

 background: none;

 cursor: default;

 margin-left: -4px;



}









/* Book Navigation */



.book-navigation .page-links {

border-top: 1px solid #CCC;

border-bottom: 1px solid #CCC;

background: none;

text-align: center;

padding: 0;

}



.book-navigation {

background-color: #FFFFDF;

}



.book-navigation .page-previous {

text-align: left;
vertical-align:middle;
width: 40%;
display: block;
float: left;
font-family: Helvetica;
font-size: 12px;
line-height: 18px;
}



.book-navigation .page-next {

text-align: right;
vertical-align:middle;
width: 40%;
display: block;
float: right;
font-family: Helvetica;
font-size: 12px;
line-height: 18px;

}



.book-navigation .page-next:hover,

.book-navigation .page-previous:hover {

 background: #FFFFCC;

}



.book-navigation .page-next a,

.book-navigation .page-previous a{

 padding: 5px;

}



/* Make header centered for PVCDROM pages*/



.pvcdromheader  h1 {

 text-align: center;
vertical-align: middle;
 margin-bottom: -27px;



}





/* Top navigation buttons */



.topnav .book-navigation {

 background: #fff;

}





.topnav .book-navigation .page-previous {

width: 17%;
font-size: 13px;
border-right: 1px solid #E4EFFA;
padding: 16px 2px 3px 0px;
height: 32px;
vertical-align:middle;

}



.topnav .book-navigation .page-next {

width: 17%;
font-size: 13px;
border-left: 1px solid #E4EFFA;
padding: 16px 2px 3px 0px;
height: 32px;
vertical-align:middle;

}





/* Figure and caption */

p.caption {

 margin-right: 10%;

 margin-left: 10%;

 margin-top: 3pt;

 font-size: small;

 text-align: justify;

 color: green;

}



p.figure, p.javagraph, p.director {

 text-align: center;

}



p.equation { 
font-size:18px;
margin-left: 10%;
margin-top: 0px;

}



/* li lists */



.content ol  {

margin-left: 30px;

 font-family: Georgia, Verdana, Arial, helvetica, sans-serif;

 text-align: justify;

 font-size: 16px;

}



.content  ul {

 margin-bottom: 11px;

}



.content  ul.menu {

 margin-bottom: 0px;

}



.content  ul li {

 margin-left: 20px;

 background: url(images/sun.gif) no-repeat 1px .4em;

 padding-left: 18px;

 margin-left: 20px

 font-family: Georgia, Verdana, Arial, helvetica, sans-serif;

 text-align: justify;

 font-size: 16px;

 font-weight: normal;

 line-height: 26px;

 list-style-type: none;

}



.content  ol li {

 margin-left: 20px;

 padding-left: 0px;

 margin-left: 20px

 font-family: Georgia, Verdana, Arial, helvetica, sans-serif;

 text-align: justify;

 font-size: 16px;

 font-weight: normal;

 line-height: 26px;

}





/* footnote biblio SGB 

Further work required for chrome

*/

.content ul.footnotes{

list-style:none;

background: none;

}

.content li.footnote{

list-style-type: none;

list-style:none;

background: none;

}



/*make sure to style the horizontal sliders seperately*/

.ui-slider-horizontal  {

width:500px;

height:11px;

position:relative;

margin:20;

padding:0 10px;

}





/*put videos in the center*/

.video  {

text-align: center;

}


/* Equation Page Panel Views */

h1.with-tabs {
text-align: center;
color: #F97509;
}

/* Where the equation goes */
#equation_view {
padding: 15px 0px 15px 0px;
}

/* Where any equation description text goes */
#equation_description_view   {
padding: 15px 0px 15px 0px;
}

/* Where the list of pages equations are used goes */
#equation_used_view {
padding: 15px 0px 15px 0px;
}