body {
	scrollbar-3dlight-color:333;
	scrollbar-arrow-color:aaa;
	scrollbar-base-color:000;
	scrollbar-darkshadow-color:333;
	scrollbar-face-color:555;
	scrollbar-highlight-color:000;
	scrollbar-shadow-color:000;
}

a { color: #fff; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none; }
a:hover { color: #999; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; }
.redleft { color: #f66; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.greenleft { color: #693; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.blueleft { color: #69c; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.orangeleft { color: #f60; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.whiteleft { color: #ccc; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.violetleft { color: #c6f; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.yellowleft { color: #fc0; font-size: 18pt; font-family: Tahoma, sans-serif, Arial; text-align: right; padding: 7px; vertical-align: top }
.right  { font-size: 12pt; font-family: Tahoma, sans-serif, Arial; text-align: left; padding: 7px 7px; vertical-align: top }
.main { color: #ccc; font-size: 10pt; font-family: Tahoma, sans-serif, Arial; background-color: #333333; padding: 10px }
.greenmain { color: #693; font-size: 10pt; font-family: Tahoma, sans-serif, Arial; background-color: #333333;}
.submain { color: #ccc; font-size: 8pt; font-family: Tahoma, sans-serif, Arial;  }
a.redlink     { color: #f66; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.greenlink { color: #693; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.bluelink { color: #69c; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.orangelink { color: #f60; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.whitelink { color: #ccc; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.violetlink { color: #c6f; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.yellowlink { color: #fc0; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.mainlink { color: #ccc; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold;  }
a.redlink:hover     { color: #c66; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.greenlink:hover { color: #9c6; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.bluelink:hover { color: #699; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.orangelink:hover { color: #c63; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.whitelink:hover { color: #999; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.violetlink:hover { color: #96c; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.yellowlink:hover { color: #c96; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none;  }
a.mainlink:hover  { color: #999; font-size: 8pt; font-family: Tahoma, sans-serif, Arial; font-weight: bold; text-decoration: none; }
body { color: black; font-family: Tahoma, sans-serif, Arial; background-color: #333333; margin: 0; border-width: 0 }
.redtit { background-color: #600 }
.greentit { background-color: #030 }
.bluetit { background-color: #006 }
.orangetit { background-color: #630 }
.whitetit { background-color: #fff }
.violettit { background-color: #303 }
.yellowtit { background-color: #660 }
.redline { background-color: #f66 }
.greenline { background-color: #693 }
.blueline { background-color: #69c }
.orangeline { background-color: #f60 }
.whiteline { background-color: #ccc }
.violetline { background-color: #c6f }
.yellowline { background-color: #fc0 }



select	{ font-size: 11px; font-family: Tahoma, sans-serif, Arial; scrollbar-3dlight-color:333;
	scrollbar-arrow-color:aaa;
	scrollbar-base-color:000;
	scrollbar-darkshadow-color:333;
	scrollbar-face-color:555;
	scrollbar-highlight-color:000;
	scrollbar-shadow-color:000;}

input.emo	{ color: #87F717; background: #333333;}
input.mor	{ color: #FDD017; background: #333333;}
input.day	{ color: #F87217; background: #333333;}
input.aft	{ color: #F62817; background: #333333;}
input.eve	{ color: #C031C7; background: #333333;}
input.lev	{ color: #8D38C9; background: #333333;}
input.nig	{ color: #2B60DE; background: #333333;}
input.lni	{ color: #888888; background: #333333;}

option.emo	{ color: #87F717; background: #333333;}
option.mor	{ color: #FDD017; background: #333333;}
option.day	{ color: #F87217; background: #333333;}
option.aft	{ color: #F62817; background: #333333;}
option.eve	{ color: #C031C7; background: #333333;}
option.lev	{ color: #8D38C9; background: #333333;}
option.nig	{ color: #2B60DE; background: #333333;}
option.lni	{ color: #888888; background: #333333;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#333;
    color:#6699CC;
    text-decoration:none;
    font-family: Tahoma, sans-serif, Arial;
    font-size: .11px;
    font-weight: 600}

a.info:hover{z-index:25;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #69c;
    color:#333;
    background:#fff;
    text-align: center;
    font-size: 8pt;
    padding: 10px;}