
/* layout */
#headr {max-width: 100%; overflow: hidden; height: 65px;}
.headr2 {max-width: 100%; overflow: hidden; background: #800000; font: 16px Arial; color: white; height: 19px;}
.titSp {margin-bottom: 45px;}
.elTit1 {margin: 1px 3px 0 3px;}
#rightTop {float: right; overflow: hidden; width: 300px; height: 50px; padding: 10px;}
.bibBox {padding: 15px; border: 1px solid #E6E6E6; border-radius: 5pt; margin: 30px 0; overflow: hidden; opacity: 1; background: white;}
.highL {border: 2px solid rgb(108, 108, 108); padding: 0 5px;}
.howdie {font: 11pt Verana; border: 1px solid #800000; padding-top: 20px; margin: 30px 20px 20px 20px; background: #FFFFC0;}
.highL2 {border-width: 2px; border-style: solid; border-color: #C0C0C0; background: #800000; padding: 5px; display: inline-block; font-weight: 700; color: #C0C0C0; width: 1em; overflow: hidden; text-align: center;}

/*logo */
#logoD1 {width: 65px; float: left; }
#logoTC {width: 200px; float: left;}
#logoD2 {width: 200px; font-size: 24pt; font-family: Veranda; color: #800000; letter-spacing: 3pt; font-weight: 700;}
#logoD3 {width: 200px; font-size: 16pt; font-family: Arial;  letter-spacing: 2pt; margin-left: 12px;}
.logoTH {font-size: 45pt; font-family: Times New Roman; text-shadow: -1px 1px 1px #FFFFFF;}
#logoCont {width: 270pt;}
.tataPic {border-radius: 50%; border: 1px solid #800000; box-shadow: 0px 0px 10px #999999;}
.liteFont {font-weight: 400;}
.pleaFont {font: 10pt Verana; font-weight: 700; color: #666666;}
/*elements and colors */

.fl3 {width: 100%; max-width: 800px; display: block; margin: 30px auto 30px auto; }

dt {margin: 12pt 0 0pt 15pt; font-size: 14pt; font-style: italic; color: grey; text-decoration: underline;}

.def-meaning {margin: 8pt 0 0pt 30pt;}
.def-reg {line-height: 150%;}
.def-etymology  {margin: 8pt 0 0pt 30pt;}
.def-related {text-indent: -40pt; margin: 8pt 0 0pt 70pt; text-align: left;}

.term-meaning {}
.term-etymology {}
.term-related {}

.redHouse {background: #FFD5D5; border: 1px solid #800000; padding: 5px;}
.blueHouse {background: #DDDDFF; border-radius: 2%; border: 1px solid #800000; box-shadow: 0px 0px 20px #999999; padding: 5px;}
.whiteHouse {background: white; border: 1px solid #800000; box-shadow: 0px 0px 100px white; padding: 5px;}

h4 {font: 14pt Verana; font-weight: 700; margin-top: -30px; padding-top: 40px;}
h5 {font: 12pt Verana; font-weight: 700; margin: 5px;}
h6 {margin: 5pt 0 10pt 0; width: 100%; font: 36pt "Times New Roman"; text-shadow: 2px 2px 5px #C0C0C0;}
.h2rule {width: 100%; height: 1px; background: #800000; margin-bottom: 5px;}
.flexPic {max-width: 100%; height: auto; margin: 50px auto 50px auto; display: block;}
.buttonSpan {padding: 0 20px; border: 3px solid #C0C0C0; box-shadow: 0px 0px 5px #999999; cursor: pointer;}
.buttonDiv {overflow: hidden; display: inline-block;}
.buttonDivSmall {overflow: hidden; font-weight: 700; text-align: center; padding: 5px; border: 2px solid #C0C0C0; display: inline-block; width: 1em; background: white; -webkit-transition: background 0.3s, color 0.3s; transition: background: 0.3s, color 0.3s;}
.buttonDivSmall:hover {background: #800000;}
.donButs {display: inline-block; margin: 12px 0 5px 0;}

.pljes {overflow: hidden; text-align: center; margin: 15px 0 15px 0; padding: 10px 0 10px 0; background: #F3F3F3; background-image: url("../pix/patterns/mouseBG.png"); border: 10px solid #F0F0F0; }
.pljes1 {display: inline-block; box-shadow: 5px 10px 10px #888888;}
.pljes2 {width: 100%;}

.verbSt {background: #FFFFC0; background: -webkit-radial-gradient(white, #EAEAEA); background: -o-radial-gradient(white, #EAEAEA); background: -moz-radial-gradient(white, #EAEAEA); background: radial-gradient(white, #EAEAEA);}
.miscSt {background: #FFFFB0; background: -webkit-radial-gradient(white, #FFFFB0); background: -o-radial-gradient(white, #FFFFB0); background: -moz-radial-gradient(white, #FFFFB0); background: radial-gradient(white, #FFFFB0);}

.nomSt {background: #DADADA; background: -webkit-linear-gradient(#DADADA, white); background: -o-linear-gradient(#DADADA, white); background: -moz-linear-gradient(#DADADA, white); background: linear-gradient(#DADADA, white);}
.accSt {background: #DADADA; background: -webkit-linear-gradient(white, #DADADA); background: -o-linear-gradient(white, #DADADA); background: -moz-linear-gradient(white, #DADADA); background: linear-gradient(white, #DADADA);}
.genSt {background: #C1FFC1; background: -webkit-linear-gradient(#C1FFC1, white); background: -o-linear-gradient(#C1FFC1, white); background: -moz-linear-gradient(#C1FFC1, white); background: linear-gradient(#C1FFC1, white);}
.datSt {background: #FFB3B3; background: -webkit-linear-gradient(white, #FFB3B3); background: -o-linear-gradient(white, #FFB3B3); background: -moz-linear-gradient(white, #FFB3B3); background: linear-gradient(white, #FFB3B3);}

.QRcode {margin-left: 20pt;}
.QRcodeT {margin-bottom: 5pt;}
.itlc {font-style: italic;}
.pojnt {cursor: pointer;}
.red {color: red;}
.black {color: black;}
.blue {color: #0029A3;}
.green {color: #00C400;}
.percentage {font-family: Arial; font-size: smaller; color: blue; text-align: center; margin-bottom: .5em;}
.bgColYel {background: #FFFFC0; font-size: 150%; text-align: center;}
.bgColYel2 {background: #FFFFC0; border: 1px solid #800000; padding-left: 5px;}
.bgColPink {background: #FFD5FB; font-size: 150%; text-align: center;}
.bgColBlue {background: #DFDFFF; font-size: 150%; text-align: center;}
.symbs {width: 3.5em; display: inline-block; letter-spacing: 2px; }
.nameEnt1 {height: 1.4em; }
.nameEnt2 {height: 2.9em; }
.nameEnt3 {height: 4.6em; padding-top: 2px;}
.nameEnt4 {height: 6.2em; padding-top: 3px;}
.nameEnt5 {height: 7.8em; padding-top: 4px;}
.intC {height: 16em;}
.ilbl {display: inline-block;}
.ilbl:hover {text-decoration: underline;}
.ohid {overflow: hidden;}
.nameCol {margin: 0 .3em 1em 0; float: left; width: 9.5em; background: #F3F3F3;}
.D9D9FF {background: #D9D9FF;}
.FFD5D5 {background: #FFD5D5;}
.C1FFC1 {background: #C1FFC1;}
.FFFFA8 {background: #FFFFA8;}
.FEDE7E {background: #FEDE7E;}
.EBEBEB {color: #BEBEBE; margin-left: 1em; margin-top: -.5em;}
.C0C0C0 {background: #C0C0C0;}
.FFB9C0 {background: #FFB9C0;}
.noir {background: #000000;}
.Twhite {color: white;}
.BCFFB3 {background: #BCFFB3;}
.marg20 {margin: 20px;} 
.marTop {margin-top: 15px;}
.hFill {overflow: hidden;}
.centDiv {margin: 0 auto;}
.toTop {vertical-align: top;}
.maxWi300 {max-width: 700px;}
#copyright {margin: 0 0 30pt 0; color: #A0A0A0; font-size: 11pt;}
.footerLinks {display: inline-block; vertical-align: top; text-align: left; font: 11pt Veranda; margin-top: 12pt;}
.footMoT {display: none;}
.closeWindr {float: right; border: 2px solid #C0C0C0; border-radius: 3px; cursor: pointer; margin: 2px 5px; line-height: 90%;}
#YuRloc {display: block;}

.dicInd {border: 1px solid #800000; padding: 3px; float: left; margin: 3px; height: 60px; }
.Did {border: 2px solid transparent; display: block; padding: 0 5px 0 2px;}

/*links and fonts */
a.reg:link {text-decoration: none; color: #0029A3;}
a.reg:visited {text-decoration: none; color: #800000;}
a.reg:hover {text-decoration: underline;}
a.reg:active {text-decoration: underline; }

a.clean {text-decoration: none; cursor: pointer;}

a.whiteL:link {text-decoration: none; color: #FFFFFF;}
a.whiteL:visited {text-decoration: none; color: orange;}
a.whiteL:hover {text-decoration: underline; color: orange;}
a.whiteL:active {text-decoration: underline; color: orange;}

.button {background: white; -webkit-transition: background 0.3s, color 0.3s; transition: background: 0.3s, color 0.3s;}
a.button:link {text-decoration: none; color: black;}
a.button:visited {text-decoration: none; color: black;}
a.button:hover {text-decoration: none; background: #800000; color: #C0C0C0;}
a.button:active {text-decoration: none; background: #800000; color: #C0C0C0;}

a.button1:link {text-decoration: none; color: black;}
a.button1:visited {text-decoration: none; color: #C0C0C0;}
a.button1:hover {text-decoration: none; color: #C0C0C0;}
a.button1:active {text-decoration: none; color: #C0C0C0;}

.button2 {background: #800000; border: 1px solid black; font-weight: bold; font-size: 11pt; padding: 0 4px;}

a.button2:link {text-decoration: none; color: white; opacity: 0.8; }
a.button2:visited {text-decoration: none; color: #C0C0C0; }
a.button2:hover {text-decoration: none;  color: #C0C0C0; opacity: 0.5;}
a.button2:active {text-decoration: none; color: white; }

.HebF {font-family: "Times New Roman";}
.BibQuo {padding: 3px; margin: 3px 3px 15px 3px; display: block; background: #F5F5F5; overflow: hidden; border: 2px solid #8888FF; box-shadow: 3px 3px 5px #999999;}
.pack {display: inline-block; float: right; margin-left: 20px; text-align: center;}
.BQHeb {font-size: 300%; font-family: "Times New Roman";}
.BQEng {font-size: 11pt; font-family: "Times New Roman"; height: 50px;}
.mark1 {color: #800000; padding: 5px; box-shadow: 0 0 5px #800000; margin: 20px;}
.mark2 {padding: 5px; box-shadow: 0 0 5px #800000; margin: 20px; display: inline-block;}
.dictHead {font: 11pt Verana; font-weight: 700; margin: 2pt 0; color: #666666; text-align: center;}
.dictHead1 {margin: 0 0 10pt 0;  text-align: center; font: 10pt Verana;}

figure { margin: 5px 15px 5px 0; border: 1px solid #800000; background-color: #F3F3F3; text-align:center;}

.QMCT {font: 10pt Arial; background-color: #F3F3F3; padding: 2px; text-align:center;}
.MiAr {font: 120% Arial; padding: 15px; border-top: 1px solid black; background-color: #F1F1F1;}
.MiAr2 {font: 100% Arial; padding: 10px; border-top: 1px solid black; background-color: #F1F1F1;}
.justt {text-align:justify; }
.titSymb {font-size: 150%;}
.flR {float: right; margin-left: 20px;}
.flL {float: left; margin-right: 20px;}
.toCent {text-align: center;}
.toRight {text-align: right;}
.lower {margin: 30px 0 2px 10px;}
.prefix {margin-left: -20px;}
.tabIn {padding-left: 10px;}
.bigNameSS {font-size: 20pt; display: block; text-shadow: 1px 1px 3px #999999; text-align:center;}
.bigNameTT {font-size: 200pt; display: block; text-shadow: 5px 5px 10px #999999; margin-top: -80pt; margin-bottom: -50pt;}
.bigLetter {font-size: 100pt; text-shadow: 5px 5px 10px #999999; line-height: 100%;}
.smallFont {font-size: 80%;}
.smallFont2 {font-size: 9pt; font-family: Times New Roman;}
.greenBar {height: 5px; width: 100%; background: #80FF80;}
.blueBar {height: 5px; width: 100%; background: #B9B9FF; margin: 10px 0 0 0;}
.greenBar2 {height: 5px; width: 100%; background: #80FF80; margin: 10px 0 30px 0;}
.bibRef {text-transform: uppercase; font-size: 73%;}
.concRef {text-transform: uppercase; font-size: 70%; border: 1px solid #C0C0C0; border-radius: 3px; padding: 0 3px; vertical-align: 1px;}
a.concRef:link {text-decoration: none; color: black;}
a.concRef:visited {text-decoration: none; color: #800000; background: #CEFEC0;}
a.concRef:hover {text-decoration: none; color: #800000; background: #CEFEC0;}
a.concRef:active {text-decoration: none; background: #CEFEC0;}


.whiteBor2 {border: 2px solid white; -webkit-transition: border-color 0.5s; transition: border-color 0.5s; }
.whiteBor2:hover {border: 2px solid #800000;}
.hvr:hover {border: 3px solid #800000;}

.blueBor2 {border: 2px solid #8484FF; display: block;}
.wordLizt {margin: 0 10px 10px 20px; padding: 5px; background: #EFEFFF; font-family: Times New Roman; font-size: 92%;}
.KJV {border: 1px solid #C0C0C0; padding: 5px; border-radius: .5em; display: inline-block; margin: 0 0 10px 15px; font: 11pt Georgia;}
.boxz {box-shadow: 0px 0px 10px #C0C0C0;}
.vM {margin-top: 10px;}

.noDict {border: 2px solid white; background: #FFFFC0; opacity: 0.5; display: inline-block; overflow: hidden; margin: 0 1px; padding: 0 1px 3px 1px; height: 90px;}
.contB {display: inline-block; overflow: hidden; padding: 0 1px 3px 1px; margin: 0 1px; height: 90px; cursor: pointer;}
.cellB {display: inline-block; float: left; clear: left; width: 100%; overflow: hidden; text-align: center;}
.HebFs {font-family: "Times New Roman"; font-size: 14pt;}
.blueF {color: blue; font-size: 12pt;}
.greenF {color: green; font-size: 12pt; }
.lightBlue {margin-left: 15px; padding: 5px;}


/* tables */
.table1 {font: 10pt Arial; margin: 5px auto;}
.table1 td {border: 1px solid #800000; padding: 5px;  line-height: 150%;}
.table2 {font: 10pt Arial; margin: 10px auto;}
.table2 td {border: 1px solid #800000; line-height: 150%; text-align: center; padding: 5px;}
.table3 td {border: 1px solid #800000; line-height: 150%; padding: 5px;}
th {background: #C0C0C0; font-weight: 500pt; border: 1px solid #800000; padding: 5px;  line-height: 150%;}

