@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700,600,400);

@media screen{
   body {
	margin:0px; 
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
   }
  .singlepage_body {margin:30px;max-width:700px;}
  .frame_body{margin:0px;}
  .frame_idx{border:0px;position:absolute;width:25%;height:100%;}
  .frame_cnt{border:0px;position:absolute;left:25%;width:75%;height:100%;}
}

@page {
  margin:3cm;
}

p {
  text-align:justify;
}

dt {
  font-weight:bold;
}

dd {
  text-align:justify;
}

h1 {
  page-break-before:right;
  font-size: 200%;
  line-height: 100%;
  font-weight: 300;
}

h2 {
  font-weight: 600;
}
  
h3 {
  font-weight: 400;
}

.index_cnt table { 
  border-spacing: 0;
  border-collapse: collapse;
}
.index_cnt table tbody td {
	vertical-align:text-top;
}

.index_cnt table tbody tr:last-child td {
  padding-top: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dbdbdb;
}

.index_cnt table tbody tr:first-child td {
  padding-top: 25px;
}

.indice {
  font-size:130%;
  font-weight:300;
  margin:39px 0px 9px 30px;
}

.indice::after { 
  content:"";
	background: url(tree_color_83x7.gif) no-repeat;
	display:block;
	width:83px;
	height:7px;
	text-align:right;
	margin:10px 0 0 -50px;
}

.appendix {
  page-break-before:right;
}

.stb {
  border-spacing:0px;
  margin:10px;
}

.btb {
  border:solid 1pt black;
  border-spacing:0px;
  margin:10px;
}
.ruledtr td {
  border-bottom:solid 1pt black;
}

td {
  padding:5px;
}

.rbtd {
  border-right:solid 1pt black;
}

.lbtd {
  border-left:solid 1pt black;
}

.quiz {
  background-color:#f3f3f3;
  padding:25px;
}

.quiztitle {
  font-weight:700;
  color:white;
  padding:10px;
  text-align:left;
  background-color: #525860;
}
.quiz p {
	line-height:18px;
	font-weight:400;
	padding:15px 25px 30px 25px;
	background-color:#c9cbce;
	margin:0;
}
.glossary dd {
  margin-bottom:20px;
}

@media screen{
  .cover {
    margin:150px 0px 20px 0px;
    text-align:right;
    max-width:700px;
    width:100%;
    cursor:pointer;
    float:left;
  }
  .cover_singlepage {
    margin:60px 40px 200px 40px;
    text-align:right;
    max-width:700px;
  }
}

.cover_logo {
  height:50px;
  background-color: #525860;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
}

.prev_next_container_up{
  height: 50px;
  background-color: #525860;
  position: fixed;
  top: 0;
  width: 100%;
  border:0;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
  z-index:10;
}

@media print{
  .cover {
    margin:150px 40px 0px 40px;    
    text-align:right;
    page-break-after:always;
  }
}

.title {
  font-size:250%;
  font-weight:300;
  border-bottom: 1pt solid #dbdbdb;
  float:right;
  margin:10px 20px 20px 20px;
  text-align:right;
  line-height: 100%;
}
.title::after { 
  content: "";
	background: url(tree_color_83x7.gif) no-repeat;
	display:block;
	width:83px;
	height:7px;
	text-align:right;
	margin:0;
}

.subtitle {
  margin:10px 20px 10px 20px;
  font-size:120%;
  clear:both;
}

.author {
  margin:10px 20px 10px 20px;
  color:#999999;
  font-weight:300;
  font-size:100%;
}

.titledate {
  margin:10px 20px 10px 20px;
  margin-top:30px;
  color:#999999;
  font-weight:300;
  font-size:100%;
}

.index_cnt {
  margin:110px 0px 0px 20px;
}

.index_logo{
  background-color: #525860;
  height:50px;
  position:fixed;
  width:100%;
  top:0px;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
}

.index_logo a img{
  position:absolute;
  left:20px;
  top:10px;
  border:0px;
  border-radius:40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
}

a.idxlnk{
  text-decoration:none;
  /*font-family: Calibri, Helvetica, sans-serif;*/
  font-weight:400;
}

a.idxlnk:visited {
  color:#505050;
}

a.idxlnk:link {
  color:black;
}

.idxc2 {
  padding-left:15px;
}

a.idxlnk2{
  text-decoration:none;
  /*font-family: Calibri, Helvetica, sans-serif;*/
}

a.idxlnk2:visited {
  color:#505050;
}

a.idxlnk2:link {
  color:black;
}

.idxc3 {
  padding-left:30px;
}

a.idxlnk3{
  text-decoration:none;
  /*font-family: Calibri, Helvetica, sans-serif;*/
  font-style:italic;
  font-size:80%;
}
a.idxlnk3:visited {
  color:#505050;
}

a.idxlnk3:link {
  color:black;
}

a.idxlnkA{
  text-decoration:none;
  /*font-family: Calibri, Helvetica, sans-serif;*/
}

a.idxlnkA:visited {
  color:#505050;
}

a.idxlnkA:link {
  color:black;
}

a.idxcurr{
  text-decoration:underline;
}

.idxn{
  /*font-family: Calibri, Helvetica, sans-serif;*/
}
.idxn2{
  /*font-family: Calibri, Helvetica, sans-serif;*/
}
.idxn3{
  /*font-family: Calibri, Helvetica, sans-serif;*/
  font-size:80%;
}
.idxnA{
  /*font-family: Calibri, Helvetica, sans-serif;*/
}

@media screen {
  .quizprint{
    display:none;
  }
}

@media print {
  .quizeval{
     display:none;
  }
}

table.a_i { 
  border-spacing: 0;
  border-collapse: collapse;
}
table.a_i tbody td {
	padding:0;
	margin:0;
}
.a_i  {
  border-spacing: 0;
  border-collapse: collapse;
  color: #949494;
  max-width:1060px;
  height:50px;
  font-size:90%;
  font-weight: 300;
  top:0;
  margin:0;
}

.a_i  a {
  text-decoration:none;
  color: #fff;
  display: block;
  background-color: transparent;
  height: 50px;
  padding:0 30px;
  line-height: 50px;
}
.a_i  a:hover {
  background-color: #2c2c2c;
}
.a_i  a:link  {
  color:lightgray;
}

.a_i  a:visited {
  color:lightgray;
}

.cntpage {
  min-height:700px;
  max-width:700px;
  margin:110px 30px 30px 30px;
  float:left;
  position:relative;
}

.s_pos {
  position:absolute;
}

.answercomment {
  color:gray;
  font-style:italic;
}
.prev_next_container_down {
	margin-bottom: 15px;
	font-weight: 400;
  clear:both;
}
.prev_next_container_down a {
  background-color: #a3a8ae;
  color: #fff !important;
  border:0px;
  height: 40px;
  line-height: 40px;
  border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.prev_next_container_down a:hover {
  background-color: #525860;
}
pre {
	font-weight:300;
	font-size:100%;
	color: #abb0b7;
}
#quizbtn {
	background-color:#97bf12;
	padding:10px 15px 10px 15px;
	color:black;
	cursor:pointer;
	margin:0 0 50px 0;
	height: 40px;
	border: 0;
  border-radius:5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 text-transform:uppercase;
}
#quizbtn:hover {
	background-color:#393939;
	border:1px solid black;
	color:white;
}
.videodelay_divwhite{
  position: absolute;
  top: 0px;
  display: none;
  opacity: 0.9;
  background-color: white;
}
.videodelay_divlink{
  display: none;
  position: absolute;
  top: 0px;
  text-align:center;
}
.videodelay_img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.videodelay_canc{
  text-decoration: none;
  font-weight: bold;
  color: black;
}
.spotArea {
  position:absolute; 
  filter:alpha(opacity=15); 
  opacity:0.15; 
  z-index: 1;
  border-style:dotted; 
  border: 2px solid FireBrick;
}

.spotAreaHoover {
	background-color:crimson;
}

.spotText {
  cursor:help;
  border-style:dotted; 
  border: 1px dotted FireBrick;
}
.spotTextHoover{
	background-color:lightpink;
}

.mapArea {
  position:absolute; 
	z-index:100;
	/*border:dotted 1pt black;*/
}
.mapArea:hover {
	border:dashed 1pt black;
	cursor:pointer;
}
.expand {
  cursor:pointer;
  background-image: url(MenuArrow-15.png);
  background-size:16px;
  background-position:bottom;
  background-repeat:no-repeat;
  height:16px;
  width:16px;
  display: inline-block;
	/*margin-left:5px;*/
}

.contextualNote {
  display: none; /*initially hidden*/
  font-size:90%;
  padding-left: 20px;
  padding-right: 20px;
}

.info {
  font-size:90%;
  padding-left: 20px;
}

.example {
  background-color: whitesmoke;
  margin-left: 20px;
  margin-right: 50px;
  padding-left: 5px;
  padding-right: 5px;
}

.warning {
  background-color: moccasin;
  margin-left: 20px;
  margin-right: 50px;
  padding-left: 5px;
  padding-right: 5px;
}
.marginnote {
	position:absolute;
	width:150px;
	/*left:750px;*/
  right:-170px;
	font-size:80%;
}
.callout {
	float:right;
	width:200px;
	background-color:lightyellow;
	margin:10px;
	padding:10px;
}
.callout p {
	text-align:left;
}
.img_container {
	position:relative;
	display:table;
	margin-top: 40px;
  margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;
}
.img_body {
}
.img_label {
	margin-top:5px;
  font-family: sans-serif;
	font-size:90%;
	font-weight:bold;
  text-align:center;  
}
.video_container{
	position:relative;
	display:table;
	margin-top: 40px;
  margin-bottom:40px;
	margin-left:auto;
	margin-right:auto;	
}
.video_label {
	margin-top:5px;
  font-family: sans-serif;
	font-size:90%;
	font-weight:bold;
  text-align:center;  	
}
.audio_container{
	position:relative;
	display:table;
	margin-top: 20px;
  margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;	
}
.audio_label {
	margin-top:5px;
  font-family: sans-serif;
	font-size:90%;
	font-weight:bold;
  text-align:center;  	
}
.table_container {
  display:table;	
  margin-top:10px;   
  margin-bottom:10px;   
  margin-left:auto;
  margin-right:auto;
}
.table_label {
	margin-top:5px;
  font-family: sans-serif;
	font-size:90%;
	font-weight:bold;
  text-align:center;  	
}

tt {
    font-size: 120%;
}
.noFocus:focus {
  outline: none;
}

#pgidx {
  float:left;
  margin-top:60px;
  padding:15px;
  width:300px;
}

.idxHeadLarge {
  width:360px;
}

.idxHeadSmall {
  display:none;
}

.idxHeadLarge a img {
  position:absolute;
  left:20px;
  top:10px;
  border:0px;
  border-radius:40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
}

.cover_logo a img {
  position:absolute;
  left:20px;
  top:10px;
  border:0px;
  border-radius:40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
  box-shadow:0px -2px 10px 0px rgba(0,0,0,0.75);
}

.cover_start_msg {
  display:none;
}

.idxHeadLarge a:hover {
  background-color: #525860;
}

@media screen and (max-width:1110px){
  #pgidx {
    padding:0px;
    width:280px;
  }
  .cntpage {
    margin-left:0px;
    margin-right:5px;
  }
  .idxHeadLarge {
    width:280px;    
  }
  .prev_next_container_down .a_i a {
    margin-right:10px;
    margin-left:10px;
  }
  .a_i  {
    max-width:980px;
  }
}

@media screen and (max-width: 1005px) {
  .cntpage {
    float:none;
    margin:80px auto;
    padding-left:20px;
    padding-right:20px;
  }
  .a_i  {
    /*max-width:760px;*/
    width:100%;
  }
  .idxHeadLarge {
    display:none;
  }
  #pgidx {
    position:absolute;
    left:-400px;
    top:0px;
    float:none;
    transition: 0.5s linear left;
    background-color:white;
    z-index:5;
  }
  .cover {
    /*max-width:950px;*/
    float:right;
    margin-top:75px;
  }
  .cover_start_msg {
    display:block; 
    background:url(play.png) bottom no-repeat;
    background-size:150px;
    width:100%;
    height:200px;
    clear:both;
  }
  .idxHeadSmall {
    display:block;
    margin:0px;
  }
  .idxHeadSmall a {
    margin:0px;
    padding:0px;
  }
  .prev_next_container_down .a_i a {
    margin-right:10px;
    margin-left:10px;
  }
  .idxHeadSmall a:hover {
    background-color: #525860;
  }
  #pgidx.popped {
    position: absolute;
    left:0px;
    top:0px;
    display: block;
    border: solid 1pt #C0C0C0;
    background-color: white;
    margin-top: 50px;
  }
  #pgidx .index_cnt {
    margin:0px 0px 0px 20px;
  }
}

@media screen and (max-width:600px){
  .cntpage {
    font-size:80%;
    min-height:400px;
    float:none;
    margin:60px auto;
    padding-left:10px;
    padding-right:10px;
  }
  .cover {
    margin-top:50px;
    font-size:80%;
  }
  .singlepage_body {
    font-size:80%;    
  }
}