html, body { background: url('i/sq.gif') repeat; height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.box { position: absolute; width: 100%; left:0; top: 0px; height: 100%; background: White url('i/gl.gif') repeat-x; z-index: 4; }
.lbox { position: absolute; border-right: 1px solid #719642; background: url('i/sqle.gif') repeat-y; width: 76px; height: 100%; z-index: 2; }
#cat { position: absolute; left: 66px; }
.rbox { position: absolute; border-left: 1px solid #719642; background: url('i/sqri.gif') repeat-y; width: 76px; height: 100%; right: -1px; }
.gr { position: absolute; padding: 0; margin: 0; text-align: right; right: 76px; top: 0px; z-index: 10; }
.gr img { z-index: 10; display: block; }
.imgcontainer { position: absolute; z-index: 999; }
.bigimage { position: absolute; z-index: 1000; border: 3px solid white;
            -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
            -webkit-box-shadow: 2px 2px 5px #333; box-shadow: 2px 2px 5px #333; }
#mr { display: block; }
#ar { background: #FFFBF1; }
#mebu { position: absolute; top: 110px; z-index: 7; right: 5px; -moz-box-sizing: border-box; }
#mebu a { background: none; }
#menu { position: absolute; list-style-type: none; top: 116px; margin: 0; padding: 0; z-index: 8; right: 5px; -moz-box-sizing: border-box; border: 1px solid #FFDE94; display: none; }
#menu span a, #menu li a, #mebu a { color: #A7C587; text-decoration: none; display: block; width: 125px; padding: 2px; margin: 0; text-align: center; -moz-box-sizing: border-box; }
#menu span a:hover, #menu li a:hover, #mabu a:hover { color: #719642; }
#menu span, #menu li, #mebu { font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; color: #E54800; cursor: pointer; margin: 0; padding: 0; -moz-box-sizing: border-box;}
#menu span:hover, #menu li:hover { color: #B52800; }
#menu ol { font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; list-style-type: none; text-align: center; display: block; margin: 0; padding: 0; background-color: #FFFBF1; -moz-box-sizing: border-box; }
#menu ol li { background-color: #FFFBF1; width: 127px; margin-left: 2px; padding: 2px 0; _margin: 0; _padding: 0; width: 123px !important; display: block; -moz-box-sizing: border-box; }
#menu ol li:hover { background: url('i/mp.gif') center no-repeat #FFFBF1; }
#cont { position: absolute; box-sizing: border-box; bottom: 20px; right: 100px; top: 150px; left: 300px;
        _width: expression(document.body.clientWidth - 400); _height: expression(document.body.clientHeight - 170);
        z-index: 4; visibility: visible; font: normal 12px "Trebuchet MS", Trebuchet, sans-serif; }
#cont #addrate { position: absolute; right: 15px; top: 20px; border: 1px solid #93A0DF; background: #FCFEFF; z-index: 3; display: none; }
#cont #addrate ul { margin: 0px; padding: 0px; list-style-type: none; text-align: center; color: #E54800; padding: 2px; }
#cont #addrate ul li { z-index: 1; cursor: pointer; width: 86px; font-weight: bold; }
#cont #addrate ul li:hover { z-index: 1; background: url('i/rate.gif') center no-repeat; color: #33507F; }
#cont #bo { position: relative; right: 4px; bottom: 4px; height: 100%; z-index: 1; border: 1px solid #FFDB87;
            background: white; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 10px;
            overflow: auto; overflow-x: hidden; box-sizing: border-box; }
#cont span { color: #E54800; font-weight: bold; margin: 0 0 3px; display: block; }
#name { font-size: 18px; line-height: 16px; }
#cont #name b { font-size: 12px; font-weight: normal; line-height: 18px; }
#cont span b { position: absolute; left: 10px; top: 30px; font-weight: normal; vertical-align: middle; line-height: 16px; }
#cont span b img { vertical-align: top; margin-left: 3px; border: 0; }
#cont .tbody { min-height: 80px; _height: 80px; margin: 20px 20px 0; padding-top: 20px; padding-bottom: 20px; color: #333333; font-size: 12px; -moz-box-sizing: border-box; }
#cont .tbody a { color: #93A0DF; font-weight: bold; }
#cont .tbody a:hover { color: #53709F; }
#cont .hdul { width: 100%; height: 4px; display: block; }
#cont .ftul { display: block; width: 100%; height: 4px; }
#cont #id_rate { color: #93A0DF; float: right; font-size: 12px; cursor: pointer; }
#cont #id_rate:hover { color: #53709F; }
#cont #id_cmts { color: #93A0DF; float: right; font-size: 12px; cursor: pointer; }
#cont #id_cmts:hover { color: #53709F; }
#cont #id_adcom { color: #93A0DF; float: left; font-size: 12px; cursor: pointer; }
#cont #id_adcom:hover { color: #53709F; }
#cont #rbo { position: absolute; right: 0px; bottom: 0px; width: 4px; height: 100%; background: url('i/cshr.gif') repeat-y; }
#cont #bbo { position: absolute; right: 0px; bottom: 0px; height: 4px; width: 100%; background: url('i/cshb.gif') repeat-x; font: 1px; }
#comments { position: absolute; left: 2%; width: 96%; font: 11px "Trebuchet MS", Trebuchet, sans-serif; text-align: left; display: none; }
#comments .odd { background: #FFFBF1; padding:5px; margin: 2px auto; border: 1px solid #FFDB87; }
#comments .even { background: #FBFFF1; padding:5px; margin: 2px auto; border: 1px solid #FFDB87; }
#comments .mesname { padding-bottom: 5px; text-align: left; display: block; border-bottom: 1px dashed #FFDB87; color: #E54800; }
#comments .mesname i { font-style: normal; font-weight: normal; color: #53709F; }
#comments .mesname u { text-decoration: none; font-weight: normal; float: right; color: #53709F; }
#comments .mespost { padding: 5px; font-weight: normal; color: #333; }
#comments .mespost a { color: #7380BF; text-decoration: none; }
#comments .mespost a:hover { color: #53709F; }
#cont label { font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; color: OrangeRed; }
#cont form { text-align: center; padding-bottom: 10px; position: relative; }
#addcomments { background: #FFFBF1; border: 1px solid #FFDB87;
font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; height: 140px; width: 96%; padding: 10px; text-align: left; display: none; margin: 2px auto; }
#comleft { float: left; width: 30%; }
#comright { float: right; width: 70%; }
textarea.tarea { width: 100%; border: 1px solid #FFDB87; background: White; font: 11px "Trebuchet MS", Trebuchet, sans-serif; }
input.tedit { border: 1px solid #FFDB87; height: 17px; font: 11px "Trebuchet MS", Trebuchet, sans-serif; width: 90%; }
input.button { border: 1px solid #FFDB87; height: 19px; font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; background: #FFFDF6; color: OrangeRed; width: 90%; }
#border { position: absolute; top: 252px; left: 100px; width: 175px; height: 20px; z-index: 4; border-bottom: 1px solid #FFDB87; text-align: center; }
#border #abc { position: absolute; top: 0px; left: 0px; width: 32px; background: url('i/abc.gif') center no-repeat; cursor: pointer; }
#border #date { position: absolute; top: 0px; left: 72px; width: 32px; background: url('i/date.gif') center no-repeat; cursor: pointer; }
#border #nums { position: absolute; top: 0px; right: 0px; width: 32px; background: url('i/nums.gif') center no-repeat; cursor: pointer; }
#border #abc:hover { background: url('i/rabc.gif') center no-repeat; }
#border #date:hover { background: url('i/rdate.gif') center no-repeat; }
#border #nums:hover { background: url('i/rnums.gif') center no-repeat; }
#contmenu { position: absolute; bottom: 34px; top: 290px; left: 100px; width: 175px; _height: expression(document.body.clientHeight - 324); z-index: 4; font: bold 12px "Trebuchet MS", Trebuchet, sans-serif; color: #E54800; overflow: hidden; }
#scr { position: absolute; top: 0px; bottom: 0px; width: 175px; clip: rect(0, auto, 100%, auto); }
#contmenu span { display: block; padding: 3px 5px; cursor: pointer; height: 34px; line-height: 17px; }
#contmenu span:hover { background: url('i/lmss.gif') no-repeat; }
#contmenu span img { float: right; }
#contmenu span u { text-decoration: none; display: block; }
#contmenu span b { font-weight: normal; font-size: 11px; color: #666666; }
#contmenu span i { font-weight: normal; font-style: normal; font-size: 11px; color: #666666; float: right; }
#ta { position: absolute; top: 278px; left: 100px; width: 175px; height: 10px; z-index: 4; background: url('i/ta.gif') White center no-repeat; border: 1px solid White; cursor: pointer; }
#ta:hover { border: 1px solid #FFDB87; }
#ba { position: absolute; bottom: 20px; left: 100px; width: 175px; height: 10px; _height: 6px; z-index: 4; background: url('i/ba.gif') White center no-repeat; border: 1px solid white; cursor: pointer; }
#ba:hover { border: 1px solid #FFDB87; }

.shadow { float: right; width: 204px; height: 124px; margin: 5px; font: 1px; }
.shadow img { position: relative; top: -4px; left: -2px; border: 1px solid #999999; }
.shadow .rbo { width: 204px; height: 126px; background: url('i/ishr.gif') top right repeat-y; font: 1px; }
.shadow .bbo { position: relative; bottom: 4px; left: 4px; height: 4px; width: 198px; background: url('i/ishb.gif') white repeat-x; font: 1px; }

.holder { display: block !important; overflow: hidden !important; color: #666 !important; font-weight: normal !important; text-indent: 0 !important; }
.holder table { font: normal 12px "Trebuchet MS", Trebuchet, sans-serif; }
.holder table td { vertical-align: top; }
.holder b { position: relative !important; left: 0 !important; top: 0 !important; font-weight: bold !important; }

#rollmenu { visibility: hidden; }

/* Show Progress Snake */
#progress { position: absolute; right: 0px; top: 35px; visibility: hidden; font: bold 12px "Trebuchet MS", Trebuchet, sans-serif; color: #666; line-height: 18px; vertical-align: middle; z-index: 100; }
#progress img { vertical-align: middle; }

#source { border: 1px dashed gray; width: 95%; margin-left: 10px; padding: 2px; }
#source li { list-style: none; font-weight: bold; }
#source li pre { margin: 0; }
#source li:hover { background-color: #F6F6F6; cursor: default; }

#posterr { width: 99%; padding: 2px; border: 1px solid red; margin-bottom: 10px; color: white; background: orangered; }

b { color: gray; }
i { font-style: normal; }
#vl { border-right: 1px solid gray; }
.rd { color: orangered; font-weight: bold; font-size: 15px; line-height: 11px; vertical-align: middle; visibility: hidden; }

#Q1 { color: #66F; }    /* Default Color */
#Q2 { color: #C0F; }    /* Keyword Color */
#Q3 { color: Orange; }  /* String Color */
#Q4 { color: #F00; }    /* Open/Close Color */
#Q5 { color: gray; }    /* Comment Color */