/*-- Include File: incCssFF.css (index.asp) -- V1.00X (9-6-2020) -------------*/
*{font-family:"sans-serif"}
.body{font-name:"Times New Roman"}
a img{border:none}
a.imgLink:hover{border:4px solid white;border-radius:4px;box-shadow:2px 2px 4px dimgray}
a.boxNum:active,a.boxNum:link,a.boxNum:visited{text-align:center;border-radius:0 5px 5px 0;color:blue;border:1px ridge darkslategray;border-left:3px ridge darkslategray;padding:0 3px 0 2px;display:inline-block}
a.boxNum:hover,a.boxNumOn{border-radius:0 5px 5px 0;color:red;border:1px ridge brown;border-left:3px ridge brown;display:inline-block}
.btnStyle{text-align:center;border-radius:3px;border:1px groove slategray;padding:0 2px 0 2px;border-top:4px ridge white;display:inline-block}
.btnStyle:hover{border-top:4px ridge orangered}
.txtHover:hover{border-radius:3px;background:white;color:red;border:1px ridge darkgray;padding:1px;box-shadow:2px 2px 3px red}
a:active,a:link,a:visited{text-decoration:none;color:blue}
a:hover{text-decoration:none;color:red}
a.menu:link{font:13pt "Times New Roman";color:navy;border-right:2px ridge darkgray;padding:3px 5px 3px 5px}
a.menu:hover{border-radius:4px;background:white;font:bold 13pt "Times New Roman";color:red;padding:3px 2px 3px 2px}
#menuSel{border-radius:4px;background:white;font:bold 14pt "Times New Roman";color:red;border:1px ridge brown;padding:3px 5px 3px 5px}
ul{list-style:none;font:11pt "Times New Roman";color:black;margin:0;margin-left:16px;padding:2px 0 4px 4px;letter-spacing:-0.50px}
li.menu{list-style:none}
li a:active,li a:link,li a:visited{text-decoration:none;margin-left:12px;color:blue;letter-spacing:-0.50px}
li a:hover{margin-left:0;background:white;color:red;margin-left:12px;text-indent:-6px;border-bottom:1px solid red;padding:3px 8px 2px 6px;box-shadow:4px 6px 6px 0 darkgray;-moz-transition:all 100ms ease-in;display:inline-block}
.borderSubmenu{font:13pt "Times New Roman";border-right:1px ridge darkgray;padding:0 4px 0 6px}
.borderSubmenu:hover,.borderSubmenuSel{font:bold 13pt "Times New Roman";background:white;border-right:1px ridge darkgray;border-bottom:2px solid darkslategray;padding:0 2px 0 2px}
/*---------------------------------------------------------------------------*/
.borderShade{border:1px solid darkgray;padding:2px;box-shadow:2px 2px 4px darkgray}
.borderPrint{border-top:1px dotted dimgray;border-bottom:1px solid dimgray;padding:3px 2px 2px 3px}
.borderInfo{border-radius:8px;border:1px ridge steelblue;border-left:3px ridge steelblue;padding:1px 2px 1px 4px}
.borderInfoX{border-radius:8px;border:3px ridge slategray;padding:1px 2px 1px 4px}
.borderInfo2{border-radius:8px;border:1px ridge green;border-left:3px ridge green;padding:1px 2px 1px 4px}
.borderList{border:1px ridge tomato;border-left:4px solid red;border-radius:2px;padding-left:4px;padding-right:2px;box-shadow:2px 2px 4px dimgray}
.borderList:hover{padding:1px 2px 1px 2px;border-radius:4px;box-shadow:1px 0 4px 2px red;-moz-transition:all 100ms ease-in}
.letterTitle{letter-spacing:-0.6px}
.letterTitle0{letter-spacing:-0.6px;color:darkslategray}
.letterTitle1{letter-spacing:-0.6px;color:green;text-shadow:white 1px 2px 2px}
.letterTitle2{letter-spacing:-0.6px;color:red;text-shadow:white 1px 2px 2px}
/*-------- border:Top-Rt-Bot-Lf ----------------------------------------------*/
.inputBox{text-decoration:none}
.bgTopLn{border-bottom:1px dotted darkgray;padding:1x 0 1px 0}
.panelImg{background-image:url('image/bgWood0.png');box-shadow:2px 1px 1px darkslategray}
.bgTop{background-image:url('image/bgTop.jpg')}
.bgXBox{background-image:url('image/bgPanel2.png')}
.bgLang{border:1px ridge tomato;border-left:8px solid slategray;padding:2px;box-shadow:4px 4px 6px dimgray}
.bgVN{background:#F0E68C}
.bgEN{background:#90EE90}
.bgFR{background:silver}
.bg0{background:white}
.bg1{background:mistyrose}
.bg2{background:lightcyan}
.bg3{background:palegreen;box-shadow:3px 2px 2px brown}
.bg4{background:lightyellow}
.bg5{background:yellow}
.bg6{background:slategray;border-radius:2px}
.colorW{color:white}
.colorR{color:red}
.color0{color:dimgray}
.color1{color:black}
/*---------------------------------------------------------------------------*/
.tbl{border:1px solid gray}
.vertSpaceRt{padding-right:8px}
.vertSpaceLf{padding-left:8px}
.vertSpaceLf2{padding-left:16px}
.vertSpaceLf4{padding-left:64px}
.vertLn{border-left:1px solid gray}
.vertLn2{padding:0 4px 0 6px;border-left:4px ridge lightgray}
.vertRt{border-right:1px solid gray}
.vertRt2{border-right:1px solid gray}
.ln{border-top:1px solid gray}
.ln2{border-top:double gray}
.lnBot{padding-bottom:1px;border-bottom:1px solid lightgray}
.horzSpaceT2{padding-top:2px}
.horzSpaceTop{padding-top:4px}
.horzSpaceBot{padding-bottom:4px}
.horzSpaceBot2{padding-bottom:8px}
.horzDotTop{border-top:1px dotted slategray}
.horzDot{border-bottom:1px dotted slategray}
.horzDot:hover{font-weight:bold;background:white;color:red}
/*----------------------- For xml files (incTrans.asp) ----------------------*/
#pLedTitle{margin-left:4px;text-indent:54px;font:bold 18pt "Times New Roman"}
#pLedTitleCen{margin-left:4px;text-align:center;font:bold italic 18pt "Times New Roman"}
#pLedTitleCenBig{margin-left:4px;text-align:center;font:bold italic 24pt "Times New Roman"}
#pLedTitleLeft{margin-left:4px;font:bold italic 18pt "Times New Roman"}
#pLedB{margin-left:4px;font:bold italic 11pt "Times New Roman"}
#pLed{margin-left:44px;text-indent:-40px;font:11pt "Times New Roman"}
/*-- Note: For Sinh-hoat - this part for SelFont="big" (file ended w/ "Big") */
#pLed2{margin-left:44px;text-indent:-40px;font:12pt "Times New Roman"}
#pLed2Big{margin-left:16px;text-indent:-12px;font:14pt "Times New Roman"}
#pError{margin-left:39px;text-indent:-12px;margin-right:4px;color:dimgray;font:14pt "Times New Roman"}
#pQuesOnly{margin-left:24px;text-indent:-16px;font:14pt "Times New Roman"}
/*---------------------------------------------------------------------------*/
#pComposer{margin-left:6px;text-indent:70px;font:bold 12pt "Times New Roman"}
#pPoem{margin-left:54px;text-indent:-32px;font:italic 14pt "Times New Roman"}
#pQues{margin-left:68px;text-indent:-64px;font:14pt "Times New Roman"}
#pAns,#pPalsm{margin-left:36px;text-indent:-24px;font:11pt "Times New Roman"}
#pPalsmTitle{margin-left:8px;text-indent:62px;font:bold 11pt "Times New Roman"}
/*-- Note: For Sinh-hoat - this part for SelFont="big" (file ended w/ "Big") */
#pComposer2{margin-left:6px;text-indent:70px;font:bold 12pt "Times New Roman"}
#pPoem2{margin-left:60px;text-indent:-32px;font:italic 14pt "Times New Roman"}
#pQues2{margin-left:60px;text-indent:-54px;margin-right:4px;font:14pt "Times New Roman"}
#pQues2Big{margin-left:10px;text-indent:-4px;margin-right:4px;font:22pt "Times New Roman";border-left:6px solid red;padding:1px 0 2px 0}
#pQues2Big:hover{background:white;border-bottom:1px solid red}
#pAns2,#pPalsm2{margin-left:65px;text-indent:-48px;margin-right:4px;font:14pt "Times New Roman";padding-right:8px}
#pPalsmTitle2{margin-left:12px;text-indent:98px;font:bold 14pt "Times New Roman"}
#pInd,#pTxt1{font:14pt "Times New Roman"}
#pTxt0{font:14pt "Times New Roman"}
#pTxtXS{font:12pt "Times New Roman"}
#pTxt3{margin-left:8px;font:16pt "Times New Roman";color:brown} /* used for hilite "cau hoi ngau nhien" */
#pAns3,#pPalsm3{margin-left:60px;text-indent:-60px;margin-right:4px;font:18pt "Times New Roman"}
/*---------------------------------------------------------------------------*/
#txtXSS{font:9pt "Times New Roman"}
#txtXS,.txtXS{font:10pt "Times New Roman"}
#txtXSB{font:bold 11pt "Times New Roman";background:white;color:red;padding:1px;border-radius:4px}
#txt0,#txt1,.txt1{font:11pt "Times New Roman"}
#txt1b{font:bold 11pt "Times New Roman"}
#txt2,.txt2{font:12pt "Times New Roman"}
#txt3,.txt3{font:14pt "Times New Roman"}
#txt4,.txt4{font:16pt "Times New Roman"}
#txt5,.txt5{font:18pt "Times New Roman"}
#txt6{font:22pt "Times New Roman"}
#txt7{font:26pt "Times New Roman"}
#txt8{font:32pt "Times New Roman"}
#fntItalic {font-style:italic}
/*-- Top-Rt-Bot-Lf ----------------------------------------------------------*/
.circleM{height:150px;width:150px;border-radius:50%;border:6px solid darkgray;padding:5px;box-shadow:2px 4px 4px lightgray;display:inline-block}
.circleM:hover{border-radius:6%;box-shadow:3px 3px 6px dimgray;-moz-transition:all 100ms ease-in}
.circleS{height:120px;width:120px;border-radius:50%;border:6px solid darkgray;padding:5px;box-shadow:2px 4px 4px lightgray;display:inline-block;}
.circleS:hover{border-radius:6%;box-shadow:3px 3px 6px dimgray;-moz-transition:all 100ms ease-in}
.cirDbl{border-radius:46%;font-weight:bold;color:red;border:1px ridge red;padding:2px;box-shadow:1px 6px 8px brown;display:inline-block}
.frame{border-radius:4px;border:1px inset white;padding:0 2px 0 2px;box-shadow:2px 2px 3px dimgray}
.frame2{border-radius:4px;border:1px ridge brown;padding:2px;box-shadow:1px 1px 3px dimgray}
.frameDbl{color:red;border-left:5px solid blue;border-right:5px solid green;border-top:5px ridge red;border-bottom:5px solid yellow;padding:2px 6px 2px 4px}
.boxStyleX{border-radius:5px;border:1px ridge brown;padding:1px 3px 1px 3px;display:inline-block}
.boxStyleX2{text-align:center;border-radius:5px;border:double brown;padding:1px 6px 1px 12px;display:inline-block}
#loading{position:absolute;left:50%;top:46%;margin-top:0;margin-left:-200px;text-align:center}
.fontBigS:hover{width:82%;margin-left:120px;cursor:pointer;padding-bottom:10px;-moz-transition:all 120ms ease-in;-moz-transform:scale(1.20)}
.fontBigS:after{display:block;white-space:pre;content:"\A"}
.fontBigM:hover{cursor:pointer;-moz-transition:all 100ms ease-in;-moz-transform:scale(1.25)}
/*---------------------------------------------------------------------------*/
.panel{border-radius:5px 5px 0 0;border-left:2px ridge lightgray;border-top:3px solid black;padding:0 2px 0 2px;box-shadow:2px 3px 3px dimgray}
.panelBoard{border-radius:0 5px 0 5px;border:2px ridge lightgray;padding:0 2px 0 2px;box-shadow:2px 3px 3px dimgray}
.imgFrame{border-radius:3px;box-shadow:2px 2px 3px dimgray}
.tooltip {position:relative;display:inline-block}
.tooltip .tooltiptext{font:9pt "Times New Roman";width:150px;top:20px;left:-100px;background:lightcyan;color:black;border:1px solid slategray;position:absolute;visibility:hidden;overflow:auto;padding:3px;border-radius:0 8px 0 8px;z-index:1}
.tooltip:hover .tooltiptext{visibility:visible}
.boxZoomIn{height:100%;-moz-animation:0.6s linear 1s zoomIn;-webkit-animation:0.6s linear 1s zoomIn}