/* 1. basic page set-up */

body {
width:80%;
max-width:1000px;
margin-top:1em;
margin-left:auto;
margin-bottom:2em;
margin-right:auto;
background-color:#D8D8D8;
background-image:url(../images/Text.jpg);

scrollbar-face-color:#C0DCC0;
scrollbar-highlight-color:#FCFFFC;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#8EAA8E;
scrollbar-shadow-color:#A2BEA2;
scrollbar-arrow-color:#0000FF;
scrollbar-track-color:#DEFADE;
}

p, li {color:darkblue;}

.Heading1 {text-align:center; color:darkblue; font-size:175%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}
.Heading2 {text-align:center; color:darkblue; font-size:150%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}
.Heading3 {text-align:center; color:darkblue; font-size:135%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}
.Heading4 {margin-left:3em; color:darkblue; font-size:100%; font-weight:bold; letter-spacing:0.2em;  text-shadow: lightblue 2px 2px 2px;}
.Heading5 {text-align:center; color:darkblue; font-style:italic; font-size:100%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}
.Heading6 {color:darkblue; font-size:100%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}
.Heading7 {margin-left:3em; color:darkblue; font-size:100%; font-weight:bold;  text-shadow: lightblue 2px 2px 2px;}

.GTranslate {
padding-top:15px;
width:220px;
position:absolute;
right:0;
top:0;
}

ul {line-height:150%;}
li {line-height:150%;}
/* ol li {color:#7F9861;}
li p {color:darkblue;} */

em {color:darkred; font-style:italic;}
cite {color:purple;}
ins {color:red; text-decoration:none;} 
strike {color:gray; text-decoration:none;} 
u {color:green;}
sup {font-size:12px;}

.inline {text-indent:0em; margin-left:15em; margin-right:3em; padding:6px; background-image:url(../images/Note.jpg); border:2px solid blue; font-size:95%; color:black;}

.repetition {font-style:italic;}
.recitor {font-style:italic;}
.prose {text-indent:3em;}
.English-Title {color:darkred;}
.number {color:#7F9861; font-weight:normal;}
.indent3 {margin-left:3em; margin-right:3em;}
.indent6 {margin-left:6em; margin-right:6em;}
.indent9 {margin-left:9em; margin-right:9em;}
.indent12 {margin-left:12em; margin-right:12em;}
.center {text-align:center;}
.justify {text-align:justify;}
.right {text-align:right;}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.normal {font-weight:normal; font-style:normal;}
.text {color:darkblue; font-weight:bold;}
.translation {color:darkred;}
.analysis {color:darkblue; font-weight:normal;}
.blue {color:blue;}
.highlight {color:red; background-color:#FFD700;}
.highlightimage {color:darkred; background-image:url(../images/Note.jpg);}
.spacer {margin-left:3em; margin-right:3em;}
.grey {color:lightgrey; text-align:center;}

.LeftCol {
position: relative;
width: 49%;
float: left;
text-align:right;
margin-bottom:1em;
padding-right:1%;
}

.RightCol {
position: relative;
width: 49%;
float: right;
text-align:left;
margin-bottom:1em;
padding-left:1%;
}

.Windows-Form {letter-spacing:0.1em; background-color:#DBD2C3; font-weight:bold; color:#700000;}

.ITM-Form {letter-spacing:0.1em; background-color:#DBD2C3; font-weight:bold; color:#700000;}

/* 2. definition for the hyperlinks
- note the order:link, visited, hover, active - 
this is important for the links to work properly -
do not make declarations on one line, 
as they are not interpreted by some browsers correctly! */

/* 
a[href$="pdf"]:after {
content: url(../images/PDF.png); 
} 
*/


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

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

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

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

/* hyperlink references */

/* .reference {
vertical-align:10%;
}
*/

a.reference:link {
color:blue;
text-decoration:none;
font-style:normal;
font-weight:normal;
}

a.reference:visited {
color:purple;
text-decoration:none;
font-style:normal;
font-weight:normal;
} 

a.reference:hover {
color:red;
text-decoration:none;
font-style:normal;
font-weight:normal;
}

a.reference:active {
color:purple;
text-decoration:none;
font-style:normal;
font-weight:normal;
}

/*Navigation Bars*/

.NavBar1 {
font-weight:bold;
font-size:100%;
text-align:center;
list-style:none;
margin-bottom:-0.5em;
}

.NavBar1 a:link {
color:#7F9861;
text-decoration:none;
font-size:100%; 
}

.NavBar1 a:visited {
color:#7F9861;
text-decoration:none;
font-size:100%; 
}

.NavBar1 a:hover {
color:red;
text-decoration:none;
font-size:100%; 
}

.NavBar1 a:active {
color:red; 
text-decoration:none;
font-size:100%; 
}

/*2nd bar*/

.NavBar2 {
font-weight:bold;
font-size:100%;
text-align:center;
list-style:none;
}

.NavBar2 a:link {
color:#7F9861;
text-decoration:none;
font-size:100%; 
}

.NavBar2 a:visited {
color:#7F9861;
text-decoration:none;
font-size:100%; 
}

.NavBar2 a:hover {
color:red;
text-decoration:none;
font-size:100%; 
}

.NavBar2 a:active {
color:red; 
text-decoration:none;
font-size:100%; 
}

/*3rd bar*/

.NavBar3 {
font-weight:bold;
font-size:100%;
text-align:center;
list-style:none;
margin-bottom:-0.5em;
padding-bottom:0.5em;
/* border-bottom:groove 2px lightgreen; */
}

.NavBar3 a:link {
color:#1272B1;
text-decoration:none;
font-size:100%; 
}

.NavBar3 a:visited {
color:#1272B1;
text-decoration:none;
font-size:100%; 
}

.NavBar3 a:hover {
color:red;
text-decoration:none;
font-size:100%; 
}

.NavBar3 a:active {
color:red; 
text-decoration:none;
font-size:100%; 
}


/* Sidebar for the indexes */

.SideBar {
font-family:'Book Antiqua', 'Times New Roman', Serif;
font-size:normal;
font-weight:normal;
text-align:center;

overflow:auto;
height:100%;
margin-top:-25px;
padding-top:25px;
width:15%;
position:fixed;
left:0;
top:20;
bottom:20;
/* border-right:0.25em solid darkblue; */
}

/* 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:darkblue; 
padding:6px;
width:21em;
background-image:url(../images/Note.jpg);
text-align:left;
border:2px solid blue;

/* taking out unwanted formatting: */

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

span.TT span:after {
content:" click the number to stick the note, click again to unstick it "; 
color:gray; 
font-style:normal; 
font-size:small; 
display: block; 
text-align:center; 
white-space:nowrap;

}

span.TT sup {
color:blue;
background-color:gray;
background-image:url(../images/Note.jpg);
}

span.TT sup:hover {
background-color:yellow;
cursor:pointer;
}

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



#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base  { width:560px !important; }
#ymp-player .ymp-color-main {background-color:#2F437C !important;} 
#ymp-tray .ymp-color-tray {background-color:#8FA3D6 !important;}
#ymp-player .ymp-color-text-main {color:#657DC5 !important;}
#ymp-meta-album-title {display:none !important;}
#ymp-player, #ymp-tray {display:none !important;}
.ywp-iframe-shim, .ywp-container {display:none !important;}