PISG/layout/ocean.css

/*  Ocean colorscheme made by: Mikko Nissinen <Gwadj>
 *  To see it in action go to http://www.loiri.cjb.net
 *  
 *  
 *  To obtain a better result, then set the these pisg options:
 *  <set hicell="#3399cc">
 *  <set hicell2="#006699">
 */


A
{
    TEXT-DECORATION: none
}
A:link
{
    COLOR: #99ccff
}
A:visited
{
    COLOR: #99ccff
}
A:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: underline
}
A.background
{
    TEXT-DECORATION: none
}
A.background:link
{
    COLOR: #3399cc
}
A.background:visited
{
    COLOR: #3399cc
}
A.background:hover
{
    COLOR: #99ccff;
    TEXT-DECORATION: underline
}
BODY
{
    FONT-SIZE: 13px;
    COLOR: #dedede;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    BACKGROUND-COLOR: #000033
}

#green-h {
	height: 15px;
	background-repeat: repeat-x;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8AgMAAADanzhpAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAFElEQVQI12NoYMAHHfBC/OAAPggA1jQWgUt+qs4AAAAASUVORK5CYII=) 0px 0px; }
#red-h {
	height: 15px;
	background-repeat: repeat-x;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8AgMAAADanzhpAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAFElEQVQI12NoYMAHHfBC/OAAPggA1jQWgUt+qs4AAAAASUVORK5CYII=) 0px -15px; }
#yellow-h {
	height: 15px;
	background-repeat: repeat-x;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8AgMAAADanzhpAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAFElEQVQI12NoYMAHHfBC/OAAPggA1jQWgUt+qs4AAAAASUVORK5CYII=) 0px -30px; }
#blue-h {
	height: 15px;
	background-repeat: repeat-x;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8AgMAAADanzhpAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAFElEQVQI12NoYMAHHfBC/OAAPggA1jQWgUt+qs4AAAAASUVORK5CYII=) 0px -45px; }

#green-v {
	width: 15px;
	background-repeat: repeat-y;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAABAgMAAAD/diWSAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAGUlEQVQI12NYtWrVytDQ0AAGBgb7////AwA3TAczYjzlogAAAABJRU5ErkJggg==) 0px 0px; }
#red-v {
	width: 15px;
	background-repeat: repeat-y;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAABAgMAAAD/diWSAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAGUlEQVQI12NYtWrVytDQ0AAGBgb7////AwA3TAczYjzlogAAAABJRU5ErkJggg==) -15px 0px; }
#yellow-v {
	width: 15px;
	background-repeat: repeat-y;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAABAgMAAAD/diWSAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAGUlEQVQI12NYtWrVytDQ0AAGBgb7////AwA3TAczYjzlogAAAABJRU5ErkJggg==) -30px 0px; }
#blue-v {
	width: 15px;
	background-repeat: repeat-y;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAABAgMAAAD/diWSAAAADFBMVEXMzDPMMzNmzDMzZv+sVPgxAAAAGUlEQVQI12NYtWrVytDQ0AAGBgb7////AwA3TAczYjzlogAAAABJRU5ErkJggg==) -45px 0px; }

TD
{
    border-radius: 5px;
    FONT-SIZE: 13px;
    COLOR: #dedede;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-ALIGN: left
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    FONT-FAMILY: Tahoma, Arial, sans-serif
}
.headtext
{
    border-radius: 8px;
    FONT-WEIGHT: bold;
    COLOR: #dedede;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
}
.headlinebg
{
    border-radius: 8px;
    BACKGROUND-COLOR: #003366
}
.tdtop
{
    BACKGROUND-COLOR: #336699
}
.hicell
{
    BACKGROUND-COLOR: #000066
}
.hicell10
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #336699
}
.rankc
{
    BACKGROUND-COLOR: #336699
}
.hirankc
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #6699cc
}
.rankc10
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #336699
}
.rankc10center
{
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #336699;
    TEXT-ALIGN: center
}
.hirankc10center
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    BACKGROUND-COLOR: #6699cc;
    TEXT-ALIGN: center
}
.small
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, sans-serif
}
.asmall
{
    FONT-SIZE: 10px;
    COLOR: #dedede;
    FONT-FAMILY: "Arial narrow", Arial, sans-serif
    TEXT-ALIGN: center
}