﻿@font-face {
  font-family: 'ITM_Verajja';
  src: local('ITM_Verajja'), url('../fonts/ITM_Verajja.woff') format('woff');
  url('../fonts/ttf/iveru-r.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ITM_Verajja';
  src: local('ITM_Verajja'), url('../fonts/ITM_Verajja-Italic.woff') format('woff');
  url('../fonts/ttf/iveru-i-Italic.ttf') format('ttf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'ITM_Verajja';
  src: local('ITM_Verajja'), url('../fonts/ITM_Verajja-Bold.woff') format('woff');
  url('../fonts/ttf/iveru-b.ttf') format('ttf');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'ITM_Verajja';
  src: local('ITM_Verajja'), url('../fonts/ITM_Verajja-BoldItalic.woff') format('woff');
  url('../fonts/ttf/iveru-bi.ttf') format('ttf');
  font-weight: bold;
  font-style: italic;
}


body {
font-family: 'ITM_Verajja', 'Book Antiqua', 'Georgia', serif;
font-size:16px;
line-height:135%;
width:95%;
max-width:640px;
margin-top:1em;
margin-left:auto;
margin-bottom:2em;
margin-right:auto;
background-color: #F5F8EF;
counter-reset: number;
}

.right br {margin-bottom:0em;}

p {text-align:left; color: #1F303A; }
li {margin-left:0px; margin-bottom:12px;}
.toc li {margin-bottom:0px;}
.center {width:100%; margin-left:auto; margin-right:auto; text-align:center; }
div.center p {text-align:center; margin-left:auto; margin-right:auto;}
.indent3 {margin:0 2em; }
.right {text-align:right; }
.italic {font-style:italic; text-align:center; }
sup {font-weight:normal;}

.autonumber:before {counter-increment: number;
content: counter(number, decimal-leading-zero);
}

.summary {font-size:90%; width:80%; margin:auto; text-align:justify;}

.rounded {
border:1px solid #;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

hr.style-eight {
width:320px;
margin: 60px auto;
border-top: 3px double #6995AF ;
}

.cover {width:480px; max-width:100%; text-align:center; }

.Heading1 {text-align:center; color:#1F303A; font-size:175%; }
.Heading2 {text-align:center;color:#1F303A; font-size:150%; }
.Heading3 {text-align:center; color:#1F303A; font-size:135%; }
.Heading3x {text-align:center; color:#1F303A; font-size:135%; }
.Heading4 {margin-left:6em; color:#1F303A; font-size:100%;}

/* links */

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

a:visited {
color:purple;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:none;
}

a:active {
color:red;
text-decoration:none;
}


/* Style for the Tooltips */

span.TT {
position:relative; /*this is the key*/
}

span.TT span {
z-index:25;
display:none;
position: absolute;
left:-224;
top:25px;
color:darkgreen;
padding:6px;
width:22.5em;
background-color:#FFF;
text-align:left;
border:2px solid blue;

/* taking out unwanted formatting: */

font-variant:normal;
font-weight:normal;
font-style:normal;
font-size:75%;
margin-left:0em;
text-indent:0em;
text-shadow: none;
letter-spacing:0em;
line-height:100%;
}

span.TT sup {
color:blue;
}

span.TT span sup {
color:darkgreen;
background-color:#FFF8F0;
}

span.TT sup:hover {
cursor:pointer;
}

@media screen and (min-width: 0px) and (max-width: 720px) {
span.TT span.TT {
float: right;
right: -7em;
top:20px;
margin-bottom: 20px;
   }
span.TT span {width:14em;}
}


/* Table of Contents */


@media (max-width:900px) {
#toc {
display:none;
}
}
.toc {
display:none;
width: 240px;
position: fixed;
font-size:small;
padding: 0px 10px;
text-indent: -20px ;
right:20px;
top:60px;
color: #999;
height: 85%;
overflow: auto;
}
.toc-p a {
padding:3px;
color: #999;
}
.toc b {
font-weight: normal;
color: #999;
}
.toc ul {
list-style-type: none;
}
.toc span, .toc sup {
display:none;
}
.toc-active a {
background-color:lightgray;
}
.toc-active a, .toc-active b {
  color: #666;
}
#toc-wrapper {
width: 100%;
float:left;
}
