BODY { font-family:  Arial, Helvetica, sans-serif; font-size:1.1em; background:#f0eee8; scrollbar-face-color:#f0eee8;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#B0A5EB;
scrollbar-darkshadow-color:#B0A5EB;
scrollbar-shadow-color:#000000;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#B0A5EB; } .uppercase { text-transform: uppercase; }
.bquote { margin-top:0em; margin-bottom:0em; margin-left:1cm; margin-right:1cm; }
pre { margin-top:0em; margin-bottom:0em; font-family: Arial;  font-size: 1.1em; text-decoration:none; }
.clilac { color: #CC99FF } A.clilac {  text-decoration:none; font-weight: bold; } A.clilac:hover {  text-decoration:none; color:#999966; } .clilac A { color: #CC99FF; } .cviolet { color: #9933FF } A.cviolet {  text-decoration:none; font-weight: bold; } A.cviolet:hover {  text-decoration:none; color:#999966; } .cviolet A { color: #9933FF; } .cgrape { color: #660099 } A.cgrape {  text-decoration:none; font-weight: bold; } A.cgrape:hover {  text-decoration:none; color:#999966; } .cgrape A { color: #660099; } .cplum { color: #330066 } A.cplum {  text-decoration:none; font-weight: bold; } A.cplum:hover {  text-decoration:none; color:#999966; } .cplum A { color: #330066; } .cmagenta { color: #990099 } A.cmagenta {  text-decoration:none; font-weight: bold; } A.cmagenta:hover {  text-decoration:none; color:#999966; } .cmagenta A { color: #990099; } .crose { color: #990066 } A.crose {  text-decoration:none; font-weight: bold; } A.crose:hover {  text-decoration:none; color:#999966; } .crose A { color: #990066; } .cmaroon { color: #660000 } A.cmaroon {  text-decoration:none; font-weight: bold; } A.cmaroon:hover {  text-decoration:none; color:#999966; } .cmaroon A { color: #660000; } .cred { color: #CC0000 } A.cred {  text-decoration:none; font-weight: bold; } A.cred:hover {  text-decoration:none; color:#999966; } .cred A { color: #CC0000; } .clred { color: #FF0000 } A.clred {  text-decoration:none; font-weight: bold; } A.clred:hover {  text-decoration:none; color:#999966; } .clred A { color: #FF0000; } .chotpink { color: #FF0099 } A.chotpink {  text-decoration:none; font-weight: bold; } A.chotpink:hover {  text-decoration:none; color:#999966; } .chotpink A { color: #FF0099; } .cppink { color: #FF99FF } A.cppink {  text-decoration:none; font-weight: bold; } A.cppink:hover {  text-decoration:none; color:#999966; } .cppink A { color: #FF99FF; } .cpink { color: #FF66CC } A.cpink {  text-decoration:none; font-weight: bold; } A.cpink:hover {  text-decoration:none; color:#999966; } .cpink A { color: #FF66CC; } .cpred { color: #FF9999 } A.cpred {  text-decoration:none; font-weight: bold; } A.cpred:hover {  text-decoration:none; color:#999966; } .cpred A { color: #FF9999; } .cborange { color: #FF6600 } A.cborange {  text-decoration:none; font-weight: bold; } A.cborange:hover {  text-decoration:none; color:#999966; } .cborange A { color: #FF6600; } .corange { color: #FF6600 } A.corange {  text-decoration:none; font-weight: bold; } A.corange:hover {  text-decoration:none; color:#999966; } .corange A { color: #FF6600; } .cdorange { color: #CC6600 } A.cdorange {  text-decoration:none; font-weight: bold; } A.cdorange:hover {  text-decoration:none; color:#999966; } .cdorange A { color: #CC6600; } .cbrown { color: #663300 } A.cbrown {  text-decoration:none; font-weight: bold; } A.cbrown:hover {  text-decoration:none; color:#999966; } .cbrown A { color: #663300; } .ctan { color: #CC9933 } A.ctan {  text-decoration:none; font-weight: bold; } A.ctan:hover {  text-decoration:none; color:#999966; } .ctan A { color: #CC9933; } .cbyellow { color: #FFFF00 } A.cbyellow {  text-decoration:none; font-weight: bold; } A.cbyellow:hover {  text-decoration:none; color:#999966; } .cbyellow A { color: #FFFF00; } .cyellow { color: #CCCC00 } A.cyellow {  text-decoration:none; font-weight: bold; } A.cyellow:hover {  text-decoration:none; color:#999966; } .cyellow A { color: #CCCC00; } .clkhaki { color: #999966 } A.clkhaki {  text-decoration:none; font-weight: bold; } A.clkhaki:hover {  text-decoration:none; color:#999966; } .clkhaki A { color: #999966; } .ckhaki { color: #666633 } A.ckhaki {  text-decoration:none; font-weight: bold; } A.ckhaki:hover {  text-decoration:none; color:#999966; } .ckhaki A { color: #666633; } .cpgreen { color: #99FF99 } A.cpgreen {  text-decoration:none; font-weight: bold; } A.cpgreen:hover {  text-decoration:none; color:#999966; } .cpgreen A { color: #99FF99; } .cbgreen { color: #33FF00 } A.cbgreen {  text-decoration:none; font-weight: bold; } A.cbgreen:hover {  text-decoration:none; color:#999966; } .cbgreen A { color: #33FF00; } .clgreen { color: #66CC00 } A.clgreen {  text-decoration:none; font-weight: bold; } A.clgreen:hover {  text-decoration:none; color:#999966; } .clgreen A { color: #66CC00; } .cgreen { color: #009900 } A.cgreen {  text-decoration:none; font-weight: bold; } A.cgreen:hover {  text-decoration:none; color:#999966; } .cgreen A { color: #009900; } .chunter { color: #003300 } A.chunter {  text-decoration:none; font-weight: bold; } A.chunter:hover {  text-decoration:none; color:#999966; } .chunter A { color: #003300; } .cpteal { color: #99FFFF } A.cpteal {  text-decoration:none; font-weight: bold; } A.cpteal:hover {  text-decoration:none; color:#999966; } .cpteal A { color: #99FFFF; } .clteal { color: #00FFFF } A.clteal {  text-decoration:none; font-weight: bold; } A.clteal:hover {  text-decoration:none; color:#999966; } .clteal A { color: #00FFFF; } .cteal { color: #00CCCC } A.cteal {  text-decoration:none; font-weight: bold; } A.cteal:hover {  text-decoration:none; color:#999966; } .cteal A { color: #00CCCC; } .cpblue { color: #99CCFF } A.cpblue {  text-decoration:none; font-weight: bold; } A.cpblue:hover {  text-decoration:none; color:#999966; } .cpblue A { color: #99CCFF; } .clblue { color: #0099FF } A.clblue {  text-decoration:none; font-weight: bold; } A.clblue:hover {  text-decoration:none; color:#999966; } .clblue A { color: #0099FF; } .cblue { color: #0000FF } A.cblue {  text-decoration:none; font-weight: bold; } A.cblue:hover {  text-decoration:none; color:#999966; } .cblue A { color: #0000FF; } .cnavy { color: #000066 } A.cnavy {  text-decoration:none; font-weight: bold; } A.cnavy:hover {  text-decoration:none; color:#999966; } .cnavy A { color: #000066; } .cindigo { color: #6633FF } A.cindigo {  text-decoration:none; font-weight: bold; } A.cindigo:hover {  text-decoration:none; color:#999966; } .cindigo A { color: #6633FF; } .clgrey { color: #999999 } A.clgrey {  text-decoration:none; font-weight: bold; } A.clgrey:hover {  text-decoration:none; color:#999966; } .clgrey A { color: #999999; } .cmgrey { color: #676666 } A.cmgrey {  text-decoration:none; font-weight: bold; } A.cmgrey:hover {  text-decoration:none; color:#999966; } .cmgrey A { color: #676666; } .cgrey { color: #333333 } A.cgrey {  text-decoration:none; font-weight: bold; } A.cgrey:hover {  text-decoration:none; color:#999966; } .cgrey A { color: #333333; } .clgray { color: #999999 } A.clgray {  text-decoration:none; font-weight: bold; } A.clgray:hover {  text-decoration:none; color:#999966; } .clgray A { color: #999999; } .cmgray { color: #676666 } A.cmgray {  text-decoration:none; font-weight: bold; } A.cmgray:hover {  text-decoration:none; color:#999966; } .cmgray A { color: #676666; } .cgray { color: #333333 } A.cgray {  text-decoration:none; font-weight: bold; } A.cgray:hover {  text-decoration:none; color:#999966; } .cgray A { color: #333333; } .cblack { color: #000000 } A.cblack {  text-decoration:none; font-weight: bold; } A.cblack:hover {  text-decoration:none; color:#999966; } .cblack A { color: #000000; } 
 .emoteZ { vertical-align:text-top; }

.hFlippedEmoticon {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
 vertical-align:text-top;
}

.vFlippedEmoticon {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
 vertical-align:text-top;
}

.vhFlippedEmoticon {
    -moz-transform: scaleX(-1) scaleY(-1);
    -o-transform: scaleX(-1) scaleY(-1);
    -webkit-transform: scaleX(-1) scaleY(-1);
    transform: scaleX(-1) scaleY(-1);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";
 vertical-align:text-top;
}

.rFlippedEmoticon {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
 vertical-align:text-top;
}

.lFlippedEmoticon {
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
 vertical-align:text-top;
}


.size1 { font-size: .70em; }
.size1 .emoteZ {  padding:0px 0px 1px 0px; margin:-1px -3px 0px 0px;; transform-origin: left top; transform: scale( 0.800 ); }

.size1 .hFlippedEmoticon {
-moz-transform: scaleX(-0.800) scaleY(0.800);
-o-transform: scaleX(-0.800) scaleY(0.800);
-webkit-transform: scaleX(-0.800) scaleY(0.800);
transform: scaleX(-0.800) scaleY(0.800);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size1 .vFlippedEmoticon {
-moz-transform: scaleX(0.800) scaleY(-0.800);
-o-transform: scaleX(0.800) scaleY(-0.800);
-webkit-transform: scaleX(0.800) scaleY(-0.800);
transform: scaleX(0.800) scaleY(-0.800);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size1 .vhFlippedEmoticon {
    -moz-transform: scaleX (-0.800) scaleY(-0.800);
    -o-transform: scaleX(-0.800) scaleY(-0.800);
    -webkit-transform: scaleX(-0.800) scaleY(-0.800);
    transform: scaleX(-0.800) scaleY(-0.800);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size1 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (0.800) scaleY(0.800);
    -o-transform: rotate(270deg) scaleX(0.800) scaleY(0.800);
    -webkit-transform: rotate(270deg) scaleX(0.800) scaleY(0.800);
    transform: rotate(270deg) scaleX(0.800) scaleY(0.800);

vertical-align:text-top;
}

.size1 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (0.800) scaleY(0.800);
    -o-transform: rotate(90deg) scaleX(0.800) scaleY(0.800);
    -webkit-transform: rotate(90deg) scaleX(0.800) scaleY(0.800);
    transform: rotate(90deg) scaleX(0.800) scaleY(0.800);

vertical-align:text-top;
}


		.size2 { font-size: .80em; }
.size2 .emoteZ {  padding:0px 0px 1px 0px; margin:0px -2px 0px 0px;; transform-origin: left top; transform: scale( 0.860 ); }

.size2 .hFlippedEmoticon {
-moz-transform: scaleX(-0.860) scaleY(0.860);
-o-transform: scaleX(-0.860) scaleY(0.860);
-webkit-transform: scaleX(-0.860) scaleY(0.860);
transform: scaleX(-0.860) scaleY(0.860);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size2 .vFlippedEmoticon {
-moz-transform: scaleX(0.860) scaleY(-0.860);
-o-transform: scaleX(0.860) scaleY(-0.860);
-webkit-transform: scaleX(0.860) scaleY(-0.860);
transform: scaleX(0.860) scaleY(-0.860);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size2 .vhFlippedEmoticon {
    -moz-transform: scaleX (-0.860) scaleY(-0.860);
    -o-transform: scaleX(-0.860) scaleY(-0.860);
    -webkit-transform: scaleX(-0.860) scaleY(-0.860);
    transform: scaleX(-0.860) scaleY(-0.860);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size2 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (0.860) scaleY(0.860);
    -o-transform: rotate(270deg) scaleX(0.860) scaleY(0.860);
    -webkit-transform: rotate(270deg) scaleX(0.860) scaleY(0.860);
    transform: rotate(270deg) scaleX(0.860) scaleY(0.860);

vertical-align:text-top;
}

.size2 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (0.860) scaleY(0.860);
    -o-transform: rotate(90deg) scaleX(0.860) scaleY(0.860);
    -webkit-transform: rotate(90deg) scaleX(0.860) scaleY(0.860);
    transform: rotate(90deg) scaleX(0.860) scaleY(0.860);

vertical-align:text-top;
}


		.size25 { font-size: .90em; }
.size25 .emoteZ {  padding:0px 0px 0px 0px; margin:0px -1px 0px 0px;; transform-origin: left top; transform: scale( 0.950 ); }

.size25 .hFlippedEmoticon {
-moz-transform: scaleX(-0.950) scaleY(0.950);
-o-transform: scaleX(-0.950) scaleY(0.950);
-webkit-transform: scaleX(-0.950) scaleY(0.950);
transform: scaleX(-0.950) scaleY(0.950);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size25 .vFlippedEmoticon {
-moz-transform: scaleX(0.950) scaleY(-0.950);
-o-transform: scaleX(0.950) scaleY(-0.950);
-webkit-transform: scaleX(0.950) scaleY(-0.950);
transform: scaleX(0.950) scaleY(-0.950);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size25 .vhFlippedEmoticon {
    -moz-transform: scaleX (-0.950) scaleY(-0.950);
    -o-transform: scaleX(-0.950) scaleY(-0.950);
    -webkit-transform: scaleX(-0.950) scaleY(-0.950);
    transform: scaleX(-0.950) scaleY(-0.950);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size25 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (0.950) scaleY(0.950);
    -o-transform: rotate(270deg) scaleX(0.950) scaleY(0.950);
    -webkit-transform: rotate(270deg) scaleX(0.950) scaleY(0.950);
    transform: rotate(270deg) scaleX(0.950) scaleY(0.950);

vertical-align:text-top;
}

.size25 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (0.950) scaleY(0.950);
    -o-transform: rotate(90deg) scaleX(0.950) scaleY(0.950);
    -webkit-transform: rotate(90deg) scaleX(0.950) scaleY(0.950);
    transform: rotate(90deg) scaleX(0.950) scaleY(0.950);

vertical-align:text-top;
}


		.size3 { font-size: 1.00em; }
.size3 .emoteZ {  padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; transform-origin: left top; transform: scale( 1.000 ); }

.size3 .hFlippedEmoticon {
-moz-transform: scaleX(-1.000) scaleY(1.000);
-o-transform: scaleX(-1.000) scaleY(1.000);
-webkit-transform: scaleX(-1.000) scaleY(1.000);
transform: scaleX(-1.000) scaleY(1.000);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size3 .vFlippedEmoticon {
-moz-transform: scaleX(1.000) scaleY(-1.000);
-o-transform: scaleX(1.000) scaleY(-1.000);
-webkit-transform: scaleX(1.000) scaleY(-1.000);
transform: scaleX(1.000) scaleY(-1.000);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size3 .vhFlippedEmoticon {
    -moz-transform: scaleX (-1.000) scaleY(-1.000);
    -o-transform: scaleX(-1.000) scaleY(-1.000);
    -webkit-transform: scaleX(-1.000) scaleY(-1.000);
    transform: scaleX(-1.000) scaleY(-1.000);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size3 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (1.000) scaleY(1.000);
    -o-transform: rotate(270deg) scaleX(1.000) scaleY(1.000);
    -webkit-transform: rotate(270deg) scaleX(1.000) scaleY(1.000);
    transform: rotate(270deg) scaleX(1.000) scaleY(1.000);

vertical-align:text-top;
}

.size3 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (1.000) scaleY(1.000);
    -o-transform: rotate(90deg) scaleX(1.000) scaleY(1.000);
    -webkit-transform: rotate(90deg) scaleX(1.000) scaleY(1.000);
    transform: rotate(90deg) scaleX(1.000) scaleY(1.000);

vertical-align:text-top;
}


		.size35 { font-size: 1.10em; }
.size35 .emoteZ {  padding:0px 2px 0px 0px; margin:0px 0px 0px 0px; transform-origin: left top; transform: scale( 1.130 ); }

.size35 .hFlippedEmoticon {
-moz-transform: scaleX(-1.130) scaleY(1.130);
-o-transform: scaleX(-1.130) scaleY(1.130);
-webkit-transform: scaleX(-1.130) scaleY(1.130);
transform: scaleX(-1.130) scaleY(1.130);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size35 .vFlippedEmoticon {
-moz-transform: scaleX(1.130) scaleY(-1.130);
-o-transform: scaleX(1.130) scaleY(-1.130);
-webkit-transform: scaleX(1.130) scaleY(-1.130);
transform: scaleX(1.130) scaleY(-1.130);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size35 .vhFlippedEmoticon {
    -moz-transform: scaleX (-1.130) scaleY(-1.130);
    -o-transform: scaleX(-1.130) scaleY(-1.130);
    -webkit-transform: scaleX(-1.130) scaleY(-1.130);
    transform: scaleX(-1.130) scaleY(-1.130);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size35 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (1.130) scaleY(1.130);
    -o-transform: rotate(270deg) scaleX(1.130) scaleY(1.130);
    -webkit-transform: rotate(270deg) scaleX(1.130) scaleY(1.130);
    transform: rotate(270deg) scaleX(1.130) scaleY(1.130);

vertical-align:text-top;
}

.size35 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (1.130) scaleY(1.130);
    -o-transform: rotate(90deg) scaleX(1.130) scaleY(1.130);
    -webkit-transform: rotate(90deg) scaleX(1.130) scaleY(1.130);
    transform: rotate(90deg) scaleX(1.130) scaleY(1.130);

vertical-align:text-top;
}


		.size4 { font-size: 1.20em; }
.size4 .emoteZ {  padding:0px 4px 0px 0px; margin:-0px 0px 0px 0px;; transform-origin: left top; transform: scale( 1.265 ); }

.size4 .hFlippedEmoticon {
-moz-transform: scaleX(-1.265) scaleY(1.265);
-o-transform: scaleX(-1.265) scaleY(1.265);
-webkit-transform: scaleX(-1.265) scaleY(1.265);
transform: scaleX(-1.265) scaleY(1.265);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size4 .vFlippedEmoticon {
-moz-transform: scaleX(1.265) scaleY(-1.265);
-o-transform: scaleX(1.265) scaleY(-1.265);
-webkit-transform: scaleX(1.265) scaleY(-1.265);
transform: scaleX(1.265) scaleY(-1.265);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size4 .vhFlippedEmoticon {
    -moz-transform: scaleX (-1.265) scaleY(-1.265);
    -o-transform: scaleX(-1.265) scaleY(-1.265);
    -webkit-transform: scaleX(-1.265) scaleY(-1.265);
    transform: scaleX(-1.265) scaleY(-1.265);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size4 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (1.265) scaleY(1.265);
    -o-transform: rotate(270deg) scaleX(1.265) scaleY(1.265);
    -webkit-transform: rotate(270deg) scaleX(1.265) scaleY(1.265);
    transform: rotate(270deg) scaleX(1.265) scaleY(1.265);

vertical-align:text-top;
}

.size4 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (1.265) scaleY(1.265);
    -o-transform: rotate(90deg) scaleX(1.265) scaleY(1.265);
    -webkit-transform: rotate(90deg) scaleX(1.265) scaleY(1.265);
    transform: rotate(90deg) scaleX(1.265) scaleY(1.265);

vertical-align:text-top;
}


		.size45 { font-size: 1.30em; }
.size45 .emoteZ {  padding:0px 6px 0px 0px; margin:-1px 0px 0px 0px; transform-origin: left top; transform: scale( 1.400 ); }

.size45 .hFlippedEmoticon {
-moz-transform: scaleX(-1.400) scaleY(1.400);
-o-transform: scaleX(-1.400) scaleY(1.400);
-webkit-transform: scaleX(-1.400) scaleY(1.400);
transform: scaleX(-1.400) scaleY(1.400);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size45 .vFlippedEmoticon {
-moz-transform: scaleX(1.400) scaleY(-1.400);
-o-transform: scaleX(1.400) scaleY(-1.400);
-webkit-transform: scaleX(1.400) scaleY(-1.400);
transform: scaleX(1.400) scaleY(-1.400);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size45 .vhFlippedEmoticon {
    -moz-transform: scaleX (-1.400) scaleY(-1.400);
    -o-transform: scaleX(-1.400) scaleY(-1.400);
    -webkit-transform: scaleX(-1.400) scaleY(-1.400);
    transform: scaleX(-1.400) scaleY(-1.400);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size45 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (1.400) scaleY(1.400);
    -o-transform: rotate(270deg) scaleX(1.400) scaleY(1.400);
    -webkit-transform: rotate(270deg) scaleX(1.400) scaleY(1.400);
    transform: rotate(270deg) scaleX(1.400) scaleY(1.400);

vertical-align:text-top;
}

.size45 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (1.400) scaleY(1.400);
    -o-transform: rotate(90deg) scaleX(1.400) scaleY(1.400);
    -webkit-transform: rotate(90deg) scaleX(1.400) scaleY(1.400);
    transform: rotate(90deg) scaleX(1.400) scaleY(1.400);

vertical-align:text-top;
}


		.size5 { font-size: 1.50em; }
.size5 .emoteZ {  padding:0px 8px 0px 0px; margin:-1px 0px 0px 0px; transform-origin: left top; transform: scale( 1.530 ); }

.size5 .hFlippedEmoticon {
-moz-transform: scaleX(-1.530) scaleY(1.530);
-o-transform: scaleX(-1.530) scaleY(1.530);
-webkit-transform: scaleX(-1.530) scaleY(1.530);
transform: scaleX(-1.530) scaleY(1.530);
filter: FlipH;
-ms-filter: "FlipH";

 vertical-align:text-top;
}

.size5 .vFlippedEmoticon {
-moz-transform: scaleX(1.530) scaleY(-1.530);
-o-transform: scaleX(1.530) scaleY(-1.530);
-webkit-transform: scaleX(1.530) scaleY(-1.530);
transform: scaleX(1.530) scaleY(-1.530);
filter: FlipV;
-ms-filter: "FlipV";
 
vertical-align:text-top;
}

.size5 .vhFlippedEmoticon {
    -moz-transform: scaleX (-1.530) scaleY(-1.530);
    -o-transform: scaleX(-1.530) scaleY(-1.530);
    -webkit-transform: scaleX(-1.530) scaleY(-1.530);
    transform: scaleX(-1.530) scaleY(-1.530);
    filter: FlipH FlipV;
    -ms-filter: "FlipH FlipV";

vertical-align:text-top;
}

.size5 .lFlippedEmoticon {

    -moz-transform: rotate(270deg) scaleX (1.530) scaleY(1.530);
    -o-transform: rotate(270deg) scaleX(1.530) scaleY(1.530);
    -webkit-transform: rotate(270deg) scaleX(1.530) scaleY(1.530);
    transform: rotate(270deg) scaleX(1.530) scaleY(1.530);

vertical-align:text-top;
}

.size5 .rFlippedEmoticon {

    -moz-transform: rotate(90deg) scaleX (1.530) scaleY(1.530);
    -o-transform: rotate(90deg) scaleX(1.530) scaleY(1.530);
    -webkit-transform: rotate(90deg) scaleX(1.530) scaleY(1.530);
    transform: rotate(90deg) scaleX(1.530) scaleY(1.530);

vertical-align:text-top;
}


		.arrow-right { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #2e3326; }
.arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #2e3326; }
.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #2e3326; }
.arrow-left { width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #2e3326; }
.nb0t { border:0px;background-color:transparent; }
.bar { font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #2e3326; text-decoration:none;
	background-color: #f2f0eb; }
.roll { font-family: Arial,Helvetica,sans-serif; color: #000000; font-weight: bold; text-decoration:none; }
A.roll:hover { color:#999966; }
.redroll { font-family:  Arial, Helvetica, sans-serif; color: #6f5921; font-weight: bold;
text-decoration:none; }
A.redroll:hover { color:#999966; }
.grayroll { font-family:  Arial, Helvetica, sans-serif; color: #999966; font-weight: bold; text-decoration:none; }
A.grayroll:hover { color:#FFFF66; }
.columnBarClass { padding:0px; font-family:  Arial, Helvetica, sans-serif; color: #2e3326;font-weight: bold; text-decoration:none; background: #f2f0eb; margin-top:3px; border-bottom:2px solid #a29a82;border-top:2px solid #f2f0eb; }

.bold { font-weight: bold; }
.bigger { font-size: 1.10em; }
.columnBarClassNoBorder { padding:0px; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-size: 1.1em; font-weight: bold; text-decoration:none; background: #f2f0eb; }
A.columnBarClass { color:#2e3326; }
.columnBarClass A { color:#2e3326; text-decoration:none; }
.barFont { color:#2e3326; }
.barFont A { color:#2e3326; text-decoration:none;
font-weight:bold; }

	.noSelect { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .noselect { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}


	.selectOk { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: auto;-webkit-user-select: auto;-khtml-user-select: auto;-moz-user-select: toggle;-ms-user-select: text;user-select: auto;}

	.selectAll { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-touch-callout: all;-webkit-user-select: all;-khtml-user-select: all;-moz-user-select: all;-ms-user-select: all;user-select: all;}

	.rounded10px { border:1px solid rgba(0, 0, 0, .3); border-radius:10px;} .textButton {
     background:none!important;
     color:inherit;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
     border-bottom:1px solid #444; 
     cursor: pointer;
}
.shadowBox { background-color: #ffffff; border:1px solid #cccac5; border-radius:3px;-moz-box-shadow    : -1px 1px 0px 0px rgba(204, 202, 197, 0.25); -webkit-box-shadow : -1px 1px 0px 0px rgba(204, 202, 197, 0.25); box-shadow         : -1px 1px 0px 0px rgba(204, 202, 197, 0.25); margin: 10px 2px 10px 2px;padding:15px;padding-bottom:10px;}


.mytooltip {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    border: 0px;
    padding: 2px;
  box-shadow: 2px 2px 1px 1px #ccc;
}

.shadowBoxTop { 
	margin-top: 0px !important;  margin-right:2px !important; margin-left:2px !important; 
	border:1px solid #cccac5 !important;
	border-top:0px !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.shadowBoxLess { background-color: #ffffff; border:1px solid  #cccac5; border-radius:3px;margin: 7px 2px 7px 2px;}
.insetShadowBox { background-color: #ffffff; border:1px solid  #cccac5; border-radius:3px;margin: 10px; padding:10px; }
.insetShadowBoxLess { background-color: #ffffff; border:1px solid rgba(0, 0, 0, 0.3); border-radius:3px;margin: 10px; padding:10px; }

.choiceCSS { border:0px; }
a.choiceCSS:visited { color:#6f5921; border:0px solid black; }

.skinLinks { padding:0px; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-size: 10pt; font-weight: bold; text-decoration:none; }
A.skinLinks:hover { color: #2e3326; cursor:pointer; }

.sblueroll { padding:0px; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-size:10pt;font-weight: bold; text-decoration:none; }
A.sblueroll:visited { color:#2e3326; }
A.sblueroll:hover { color:#999966; cursor:pointer; }


.skhakiroll { font-family:  Arial, Helvetica, sans-serif; color: #666633; font-size: 10pt; font-weight: bold; text-decoration:none; }
A.skhakiroll:visited { color:#2e3326; }
A.skhakiroll:hover { color:#999966;  cursor:pointer; }
.bluednav { border:0px solid black;border-bottom:0px; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-size: 10pt; font-weight: bold;  text-decoration:none; padding: 2px; padding-left: 7px; }
div.bluednav:hover { background-color: #EEEEEE; cursor: pointer; color:#6f5921; padding-left: 12px; }
A.bluednav:hover { background-color: #EEEEEE; cursor: pointer; color:#6f5921; padding-left: 12px; } .bluednavB { border:0px solid black; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-size: 10pt; font-weight: bold;  text-decoration:none; background-color: #ffffff; padding: 2px; padding-left: 7px; } .reddnav { border:0px solid black;border-bottom:0px; font-family:  Arial, Helvetica, sans-serif;
color: #6f5921;font-size: 10pt; font-weight: bold;  text-decoration:none; padding: 2px; padding-left: 7px; }
div.reddnav:hover { background-color: #EEEEEE; cursor: pointer; color:#2e3326; padding-left: 12px; }
A.reddnav:hover { background-color: #EEEEEE; cursor: pointer; color:#2e3326; padding-left: 12px; } .reddnavB { border:0px solid black; font-family:  Arial, Helvetica, sans-serif; color: #6f5921; font-size: 10pt ; font-weight: bold;  text-decoration:none; background-color: #ffffff; padding: 2px; padding-left: 7px; }

.sredroll { font-family:  Arial, Helvetica, sans-serif; color: #6f5921; font-size: 10pt; font-weight:
bold; text-decoration:none; }
A.sredroll:visited { color:#6f5921; }
A.sredroll:hover { color:#999966;  cursor:pointer; }
.sbredroll { font-family:  Arial, Helvetica, sans-serif; color: #cccccc; font-weight: bold; text-decoration:none; font-size: 10pt; }
A.sbredroll:hover { color:#ffffff; }

.normalWeight { font-weight: normal !important; }

.blueroll { font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold;
text-decoration:none; }
A.blueroll:visited { color:#777744; }
A.blueroll:hover { color:#999966; }
.black2roll { font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration:none; }
A.black2roll:visited { color:#000000; }
A.black2roll:hover { color:#999966; }
.blue2roll { cursor:pointer; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold; text-decoration:none;  }
A.blue2roll:visited { color:#2e3326; text-decoration:none;  }
A.blue2roll:hover { color:#999966; cursor:pointer; text-decoration: none; }

.blue2rollv { cursor:pointer; font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold; text-decoration:none;  }
A.blue2rollv:visited { color:#6f5921; text-decoration:none;  }
A.blue2rollv:hover { color:#999966; cursor:pointer; text-decoration: none; }


.newredroll { cursor:pointer; font-family:  Arial, Helvetica, sans-serif; color: #0000FF; font-weight: bold; text-decoration:none;  }
A.newredroll:visited { color:#800080;  }
A.newredroll:active { color:#ff0000; }
.vroll { cursor:pointer; font-family:  Arial, Helvetica, sans-serif; color: #800080; font-weight: bold; text-decoration:none;  }
A.vroll:visited { color:#800080;  }
A.vroll:active { color:#ff0000; }

.splitter { opacity:.65; padding:0px 3px 0px 3px; }

.imgLink { text-decoration:none; }
A.imgLink { text-decoration:none; }
.red2roll { cursor:pointer; font-family:  Arial, Helvetica, sans-serif; color: #6f5921; font-weight: bold;
text-decoration:none; }
A.red2roll:visited { color:#6f5921; }
A.red2roll:hover { color:#999966; }
A.duLink { text-decoration: underline; border-bottom: 1px solid black; padding:0px 0px 0px 0px; }
.proll { font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration:none; }
A.proll:hover { color:#999966; }

.timeago { border-bottom:0px; }

.navroll { font-family:  Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration:none; font-size: smaller; }
A.navroll:hover { color:#000000; }
.dhroll { font-family:  Arial, Helvetica, sans-serif; color: #6f5921; font-weight: bold;
text-decoration:none; }
A.dhroll:hover { color:#444444; }
.whiteroll { font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold; text-decoration:none; }
A.whiteroll:hover { color:#2e3326; }
.swhiteroll { font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold;
text-decoration:none; font-size: smaller; }
A.swhiteroll:hover { color:#cccccc; }
.topwhiteroll { font-family:  Arial, Helvetica, sans-serif; color: #2e3326; font-weight: bold;
font-size: 1.1em; text-decoration:none; }
A.topwhiteroll:hover { color:#cccccc; }
.sroll { font-family:  Arial, Helvetica, sans-serif; color: #000000; font-size: smaller; font-weight: bold; text-decoration:none; }
A.bbroll:hover { color:#dddd44; }
.bbroll { font-family:  Arial, Helvetica, sans-serif; color: #000000; font-size: 1.1em; font-weight: bold; text-decoration:none; }
A.bbroll:hover { color:#333333; }
.nbroll { font-family:  Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; }
A.nbroll:hover { color:#999966; }
A.nbroll:hover { color:#999966; }
.snbroll { font-family:  Arial, Helvetica, sans-serif; font-size: smaller; color: #000000; text-decoration:none; }
A.snbroll:hover { color:#999966; }
.norm { font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration:none; line-height:1.4;  }
A.norm:link { color:#0000ff; }
A.norm:visited { color:#0000aa; }
A.norm:active { color:#ff0000; }
A.norm:hover { color:#999966; }
.litenorm { font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #777777; text-decoration:none; }
A.litenorm:link { color:#3333dd; }
A.litenorm:hover { color:#333333; }
.uportopts { font-family: Arial, Helvetica, sans-serif; font-size:smaller;text-decoration:none;color:#2e3326; }
A.uportopts { color:#2e3326; }
A.uportopts:hover { color:#999966; }
.listCell { font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration:none; padding:3px;border:1px solid #CCCC99; }
A.listCell:hover { color:#999966; }
.listLink { padding:5px 5px 0px 2px;font-size: 10pt; color: #000099; text-decoration:none; font-weight:bold; }
.listBy { padding:0px 5px 10px 5px; font-size: 10pt; color: #000000; text-decoration:none; }
.listImg { padding-bottom:10px; font-size: 10pt; color: #000000; text-decoration:none; font-weight:bold; }
.listDesc { padding:0px 5px 10px 5px; font-size: 10pt; color: #000000; text-decoration:none; }
.listInfoCellL { text-align:right; padding:0px 5px 0px 0px; font-size: 10pt; color: #000099; text-decoration:none; }
.listInfoCellR { text-align:left; padding:0px 5px 0px 0px; font-size: 10pt; color: #000000; text-decoration:none; }
.dropCap p { padding:0px; margin:0px; }
.dropCap p:first-child:first-letter { padding:0px 4px 0px 0px; float: left; width: 0.7em; font-family: algerian, courier; font-size: 400%; line-height: 70%; } 

.fontd7 { font-size: 0.7em; } .fontd8 { font-size: 0.8em; } .fontd9 { font-size: 0.9em; } .font1d0 { font-size: 1.0em; } .font1d1 { font-size: 1.1em; } .font1d2 { font-size: 1.2em; } .font1d3 { font-size: 1.3em; } .font1d4 { font-size: 1.4em; } .font1d5 { font-size: 1.5em; } .font1d6 { font-size: 1.6em; } .font1d7 { font-size: 1.7em; } .font1d8 { font-size: 1.8em; } .font1d9 { font-size: 1.9em; } .font2d0 { font-size: 2.0em; } .font2d5 { font-size: 2.5em; } 
.copiedPopup {
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    padding: 5px 10px 5px 10px;
    z-index: 2147483640;
    pointer-events: none;
    border-radius: 5px;
}
.headroll { font-family:  Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration:none;  }
A.headroll:hover { color:#000011; font-weight:bold; }
.bheadroll { font-family:  Arial, Helvetica, sans-serif; font-size:  10pt; color: #000000; font-weight: bold; text-decoration:none; }
A.bheadroll:hover { color:#000011; font-weight:bold; }
.headroll6 { font-family:  Arial, Helvetica, sans-serif; font-size:  10pt; color: #000000; text-decoration:none; }
A.headroll6:hover { color:#000011; font-weight:bold; }
.headroll7 { font-family:  Arial, Helvetica, sans-serif; font-size:  10pt; color: #000000; text-decoration:none; }
A.headroll7:hover { color:#000011; font-weight:bold; }
.headroll8 { font-family:  Arial, Helvetica, sans-serif; font-size:  .8em; color: #000000; text-decoration:none; }
A.headroll8:hover { color:#000011; font-weight:bold; }
.headroll9 { font-family:  Arial, Helvetica, sans-serif; font-size: .9em; color: #000000; text-decoration:none; }
A.headroll9:hover { color:#000011; font-weight:bold; }
.headroll10 { font-family:  Arial, Helvetica, sans-serif; font-size: 1em; color: #000000; text-decoration:none; }
A.headroll10:hover { color:#000011; font-weight:bold; }
.headroll12 { font-family:  Arial, Helvetica, sans-serif; font-size: 1.2em; color: #000000; text-decoration:none; }
A.headroll12:hover { color:#000011; font-weight:bold; }
.descroll { font-family:  Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; }
A.descroll:hover { color:#333333; font-weight: bold; }
.footnote { vertical-align: super; font-size: smaller; text-decoration:none; color: #2e3326; }

.showScroll.lion::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}

.showScroll.lion::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

	.dropdown {
-webkit-touch-callout : none;
-webkit-user-select   : none;
-khtml-user-select    : none;
-moz-user-select      : none;
-ms-user-select       : none;
user-select           : none;
margin                : 3px 0px 0 0;
width                 : 140px;
position              : relative;
height                : 17px;
text-align            : left;
}

	.dropdown.selectable {
	-webkit-touch-callout : auto;
	-webkit-user-select   : auto;
	-khtml-user-select    : auto;
	-moz-user-select      : auto;
	-ms-user-select       : auto;
	user-select           : auto;

	margin                : 3px 0px 0 0;
	width                 : 140px;
	position              : relative;
	height                : 17px;
	text-align            : left;
	border-radius:  4px;
	}

	.submenu {
position           : absolute;
top                : -12px;
left               : 45px;
z-index            : 100;
width              : 135px;
display            : none;
margin-left        : 0px;
padding            : 30px 0 0px;
-moz-box-shadow    : 0 4px 10px rgba(0, 0, 0, 0.45);
-webkit-box-shadow : 0 4px 10px rgba(0, 0, 0, 0.45);
box-shadow         : 0 4px 10px rgba(0, 0, 0, 0.45);
border-radius:  4px;
}

.dropdown li a {
background      : #fff;
display         : block;
font-family     : arial;
font-weight     : bold; 
padding: 6px 15px;
font-size: 1em;

cursor          : pointer;
text-decoration : none;
border-radius:  4px;
}

.dropdown li a:hover {
background      : #155FB0;
color           : #FFFFFF;
text-decoration : none;
border-radius:  0px;
}

a.account {
font-size       : .9em;
text-align      : right;
right           : -30px;
font-weight     : bold;
line-height     : 16px;
position        : absolute;
z-index         : 110;
display         : block;
padding         : 7px 0px 0 20px;
height          : 28px;
width           : 140px;
margin          : -11px 0 0 -10px;
text-decoration : none;
cursor          : pointer;
}

.root {
list-style : none;
margin     : 0px;
padding    : 0px 0px 2px 0px;
font-size  : .9em;
padding    : 0px 0 0 0px;
background : #fff;
border-top : 0px solid #dedede;
border-radius: 0px 0px 4px 4px;
}


.spiffy{display:block}
.spiffykh *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#f0eee8; }
.spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#000000 }
.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #d3d3bd; border-right:1px solid #d3d3bd; background:#b2b28c}
.spiffy2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #f4f4ef; border-right:1px solid #f4f4ef; background:#acac83}
.spiffy3{ margin-left:1px; margin-right:1px; border-left:1px solid #acac83; border-right:1px solid #acac83;}
.spiffy4{ border-left:1px solid #d3d3bd;  border-right:1px solid #d3d3bd}
.spiffy5{ border-left:1px solid #b2b28c;  border-right:1px solid #b2b28c}
.spiffyfg{ background:#999966}

	.consistency-badge-tooltip {
	    visibility: hidden;
	    position: absolute;
	    z-index: 111999;
	    background-color: rgba(0,0,0,0.8);
	    color: white;
	    text-align: center;
	    border-radius: 5px;
	    padding: 5px 10px;
	    font-size: 12px;
	    bottom: 100%;
	    left: 50%;
	    transform: translateX(-50%);
	    white-space: nowrap;
	    margin-bottom: 5px;
	    opacity: 0;
	    transition: opacity 0.3s;
	}

	.consistency-badge-item:hover .consistency-badge-tooltip {
	    visibility: visible;
	    opacity: 1;
	}
	.consistency-image-container {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    gap: 8px;	}
	.consistency-badge-item {
	    display: inline-block;
	    text-align: center;
	    width: px; /* Set a consistent width for each badge */
	    cursor: pointer;
	   position: relative;
	    border-radius: 50%; /* Make the container round */
	    overflow: visible; /* Allow shadow to extend outside */
	}

	.consistency-badge-item img {
	    max-width: 100%;
	    height: auto;
	    display: block;
	    margin: 0 auto;
	}

	.consistency-badge-text {
	    margin-top: 5px;
	    font-size: 14px;
	    color: #333;
	}

	.consistency-badge-text span {
	    display: block;
	    font-size: 12px;
	    color: #666;
	}

	/* Base badge state (not completed) */
	.consistency-badge-item img.badge-image {
	    transition: all 0.3s ease;
	    filter: grayscale(40%);
	    opacity: 0.5;
	    border-radius: 50%; /* Ensure the image is also round */
	}

	.consistency-badge-item.completed img.badge-image {
	     opacity: 1; box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4); /* Bold drop shadow */transform: translateY(-3px);
	}

	/* Popup Styles */
	.achievement-popup {
	    display: none;
	    position: fixed;
	    background-color: #fff;
	    border-radius: 8px;
	    padding: 15px;
	    z-index: 2147483601;
	    text-align: left;
	    /* We'll set these with JavaScript */
	    top: 200px;
	    left: 300px;
	    zoom: 1; width: 230px; 	}

	.achievement-popup-header {
	    font-size: 1.2em;
	    font-weight: bold;
	    margin-bottom: 10px;
	    color: #333;
	    border-bottom: 1px solid #eee;
	    padding-bottom: 8px;

	}

	.achievement-popup-content {
	    margin-bottom: 10px;
	    font-size: 1em;
	}

	.achievement-popup-close {
	    background-color: #2e3326;
	    color: white;
	    border: none;
	    padding: 5px 12px;
	    border-radius: 4px;
	    cursor: pointer;
	    font-size: 1em;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	}

	.achievement-popup-close:hover {
	    background-color: #6f5921;
	}

	.overlay {
	    display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.3);
	    z-index: 2147483600;
	}

	/* Celebration button styles */
    #celebration-button {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 90%;
        padding: 1px 1px;
        background-color: rgba(160, 160, 160, 0.60);
        color: #fff;
        border: 1px solid gray;
        border-radius: 10px;
        cursor: pointer;
        font-weight: bold;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1);
        transition: all 0.1s ease;
        z-index: 2147483000;
        font-size: .75em;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    #celebration-button:hover {
        background-color: rgba(140, 140, 140, 0.75);
        transform: translateX(-50%) scale(1.05);
    }

    #celebration-button:not(:hover) {
        background-color: rgba(160, 160, 160, 0.65);
        transform: translateX(-50%) scale(1);
    }