/*new colors needed
different bkg colors for focussed and unfocussed
each frame should have both, unfocussed is called "blur" ?
see: http://www.htmlcodetutorial.com/document/_BODY_onFocus.html
bkg pictures + compatible colors
bkg color should be similar to the pic color 

*/

span.banner_title{ /* TOP BANNER */
	background-color: aliceblue;
	color: red;
	font-family: Arial;
	font-size: 16px;
	
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
span.banner_items{ /* TOP BANNER */
	background-color: cornsilk;
	color: blue;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
span.main_title { /* MAIN TITLE */
	color: red;
	font-family: Arial;
	font-size: 36pt;
	font-stretch: unchanged;
	font-weight: bold;
	letter-spacing: 2pt;
	word-spacing: 2px;
}
span.subtitle { /*SUBTITLE */
	color: blue;
	font-family: Arial;
	font-size: large;
	font-weight: bold;
}
span.intro { /* INTRO  */
	color: purple;
	font-family: "Arial";
	font-size: medium;
	font-style: italic;
	font-variant: normal;
	font-weight: bold;
}
/*------------------------------------------------ QM -----------------*/
span.qm_question_em { /* QUESTIONER EMPHASIS*/
	color: red;
	font-family: Arial;
	font-weight: bold;
}
span.qm_question_big { /* QUESTIONER BIG*/
	color: 	mediumblue;
	font-family: Arial;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
}
span.qm_question_small { /* QUESTIONER SMALL*/
	color: navy;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
span.qm_maharaj_big { /* MAHARAJ BIG */
	color: crimson;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
}
span.qm_maharaj_small { /* MAHARAJ SMALL */
	color: firebrick;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}
span.qm_maharaj_em {  /* MAHARAJ EMPHASIS*/
	color: blue;
	font-family: Arial;
	font-weight: bold;
}
/* ------------------------------------ CONTENTS STUFF---------------*/
span.contents_title { /* TOP TITLE OF CONTENS*/
	color: red;
	font-family: Arial,
             "Arial Rounded MT Bold",
             "Liberation Sans",
             Verdana,
             Geneva,
             "Lucida Sans",
             sans-serif;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
}
/* MENU ON UPPER LEFT PANEL, SWITCHES BETWEEN INDEXES */
span.contents_menu {
	background-color: aliceblue;
	color: blue;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
}
/* BIGRAMS LONG FORM */
span.contents_items { /* MAIN  ITEMS */
/*	background-color: lavenderblush;*/
	color: blue;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	A:HOVER   {Color: green}

}
/* BIGRAMS SHORT FORM*/
span.contents_items1 { /* SHORT1  (BIGRAMS) ITEMS */
	/*background-color: antiquewhite;*/
	color: chocolate;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
}


/* TRIGRAMS */ 
span.contents_items2 { /* SHORT2  (TRIGRAMS) ITEMS */
	/*background-color: aliceblue;*/
	color: blue;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
}
span.endmatter {/* LAST PART OF BOOK */
	color: #008000;
	font-family: "Comic Sans MS";
	font-size: small;
	font-style: italic;
	font-weight: bold;
}
/* ---------------------------------------- CHAPTERS -----------------------*/
span.chapter_big {       /* BIG CHAPTER TITLE */
	color: darkolivegreen;
	font-family: "Arial Black";
	font-size: 28px;
	/*font-style: italic;*/
	/*text-decoration: underline;*/
}
span.chapter_header {  /* TOP LINE OF EACH CHAPTER*/
	color: crimson;
	font-family: Arial,
             "Arial Rounded MT Bold",
             "Liberation Sans",
             Verdana,
             Geneva,
             "Lucida Sans",
             sans-serif;
	font-size: 12pt;
	text-decoration: underline;
	font-style: italic;
	/*font-variant: small-caps;*/
	font-weight: bold;
}
span.chaptersmall {  /*CHAPTER CONTENTS  */
	color: darkcyan;
	font-family: arial;
	font-size: 14px;
	/*font-style: italic;*/
	font-weight: bold;
	background-color: cornsilk;
}
div.indent_40 {/* NOT USED */
	margin-right: 40px;
}
/* -------------------------------------------- MAIN FORMS -----------------------------*/
span.mainlong_idstr { /* MAIN LONG FORM */
	color: blue;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
span.mainlong_body {  /* LONG FORM BODY */
    /*cursor: pointer;*/
    /*line-height: 10px;*/
	color: black;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
span.mainshort_body {  /* MAINSHORT1 FORM BODY */
	color: blue;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}
span.mainshort1_itemtitle { /* SHORT1 (BIGRAMS) TITLE */
	color: red;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
}
span.mainshort1_idstr { /* SHORT1 (BIGRAMS) IDSTR*/
	color: blue;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
span.mainshort1_body { /* SHORT1 (BIGRAMS) BODY*/
	color: darkmagenta;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}
span.mainshort1_separator { /* SHORT1 (BIGRAMS) SEPARATOR*/
	color: darkred;
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
}
span.main_phrase { /* MAIN HIGHLIGHTED PHRASE */
	color: red;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}
span.mainshort1_phrase { /* SHORT1 HIGHLIGHTED PHRASE */
	color: red;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}
span.mainshort2_phrase { /* SHORT2 (TRIGRAMS) HIGHLIGHTED PHRASE */
	color: red;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}
span.mainshort2_itemtitle { /* SHORT2  ITEM TITLE */
	color: red;
	font-family: arial;
	font-size: 22px;
	font-weight: bold;
}
span.mainshort2_idstr { /* SHORT2  IDSTR */
	color: blue;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
}
span.mainshort2_body { /* SHORT2 BODY */
	color: navy;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}
span.main_separator { /* MAIN SEPARATOR */
	color: crimson;
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
}
span.mainshort2_separator { /* SHORT2  SEPARATOR*/
	color: darkolivegreen;
	font-family: arial;
	font-size: 18pt;
	font-weight: bold;
}
div.indent_50 {
	margin-right: 50px;
}
/* ---------------------------------------------- BOLD COLORS -------------------*/
span.bold_crimson {
	color: crimson;
	font-weight: bold;
}
span.bold_red {
	color: red;
	font-weight: bold;
}
span.bold_blue {
	color: blue;
	font-weight: bold;
}
span.bold_green {
	color: green;
	font-weight: bold;
}
span.bold_darkred {
	color: darkred;
	font-weight: bold;
}
span.bold_black {
	color: black;
	font-weight: bold;
}
span.bold_blueviolet {
	color: blueviolet;
	font-weight: bold;
}
span.bold_chocolate {
	color: chocolate;
	font-weight: bold;
}
span.bold_darkolivegreen {
	color: darkolivegreen;
	font-weight: bold;
}
span.bold_firebrick {
	color: firebrick;
	font-weight: bold;
}
span.bold_greenyellow {
	color: greenyellow;
	font-weight: bold;
}
span.bold_hotpink {
	color: hotpink;
	font-weight: bold;
}
span.bold_lime {
	color: lime;
	font-weight: bold;
}
span.bold_limegreen {
	color: limegreen;
	font-weight: bold;
}
span.bold_mediumblue {
	color: mediumblue;
	font-weight: bold;
}
span.bold_olivedrab {
	color: olivedrab;
	font-weight: bold;
}
span.bold_orangered {
	color: orangered;
	font-weight: bold;
}
span.bold_peru {
	color: peru;
	font-weight: bold;
}
span.bold_salmon {
	color: salmon;
	font-weight: bold;
}
span.bold_seagreen {
	color: seagreen;
	font-weight: bold;
}
span.bold_teal {
	color: teal;
	font-weight: bold;
}
span.bold_tomato {
	color: tomato;
	font-weight: bold;
}
span.bold_magenta {
	color: magenta;
	font-weight: bold;
}