body, div, th, td, a, p, li {font-family:arial,helvetica,sans-serif;}
body {text-align:center; color:white;}
body.sushi {background:url(http://www.feesch2.co.uk/pix/feesch-back.gif) #000066 fixed;}

strike {text-decoration:underline overline;}

.gold {color:#FFCC33;}
.left  {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}

a:link     {text-decoration: none;      font-weight: 800; color: #FFFFFF}
a:visited  {text-decoration: underline; font-weight: 800; color: #FFFFFF}
a:hover    {text-decoration: underline; font-weight: 800; color: #CCCCFF}

a.subsect:link    {text-decoration: none;      color: #FFFFFF}
a.subsect:visited {text-decoration: none;      color: #FFFFFF}
a.subsect:hover   {text-decoration: underline; color: #CCCCFF}
a.sublink:link    {text-decoration: none;      color: #FFFFFF}
a.sublink:visited {text-decoration: none;      color: #FFFFFF}
a.sublink:hover   {text-decoration: underline; color: #CCCCFF}
a.txtlink:link    {text-decoration: none;      color: $color}
a.txtlink:visited {text-decoration: none;      color: $color}
a.txtlink:hover   {text-decoration: underline; color: $linkcolor}
a.jmplink:link    {text-decoration: none;      color: $color}
a.jmplink:visited {text-decoration: none;      color: $color}
a.jmplink:hover   {text-decoration: underline; color: $linkcolor}
a.expand:link     {text-decoration: none;      font-weight: 800; color: #FFFFFF}
a.expand:visited  {text-decoration: underline; font-weight: 800; color: #FFFFFF}
a.expand:hover    {text-decoration: underline; font-weight: 800; color: #CCCCFF}
a.columns:link    {color: #FFFFFF}
a.columns:visited {color: #FFFFFF}
a.columns:hover   {color: #CCCCFF}
a.gold:link       {text-decoration: none;      font-weight: 800; color: #FFCC33}
a.gold:visited    {text-decoration: underline; font-weight: 800; color: #FFCC33}
a.gold:hover      {text-decoration: underline; font-weight: 800; color: #CC0000}
a.suspend:link    {text-decoration: none;      font-weight: 800; color: #FF0000}
a.suspend:visited {text-decoration: underline; font-weight: 800; color: #FF0000}
a.suspend:hover   {text-decoration: underline; font-weight: 800; color: #CC0000}
a.rpages:link     {text-decoration: none;      color: #FFFFFF}
a.rpages:visited  {text-decoration: none;      color: #CC0000}
a.rpages:hover    {text-decoration: underline; color: #CCCCFF}
a.jpages:link     {text-decoration: none;      color: #000000}
a.jpages:visited  {text-decoration: none;      color: #999999}
a.jpages:hover    {text-decoration: underline; color: #00FF00}

a.goldFlash:link     {text-decoration: none;      color: #FFCC33}
a.goldFlash:visited  {text-decoration: none;      color: #FFCC33}
a.goldFlash:hover    {text-decoration: underline; color: #FF0000}

a.expandFlash:link     {text-decoration: none;      color: #FFFFFF}
a.expandFlash:visited  {text-decoration: none;      color: #FFFFFF}
a.expandFlash:hover    {text-decoration: underline; color: #CCCCFF}


INPUT.submit {background-color:#990000; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

INPUT.test {background-color:#999900; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

INPUT.submitover {background-color:#CC0000; color:#FFFFFF; border-bottom-color:#660000; border-right-color:#660000; border-top-color:#CC0000; border-left-color:#CC0000; font-weight:bold;}

INPUT.reset {background-color:#3366FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

INPUT.resetover {background-color:#6699FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

INPUT.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }

SELECT.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }

TEXTAREA.input {background-color:#CCCCFF; color:#990000; font-weight:bold; }

.sms {background:#669966; color:#003300; font-family:courier new; padding:5px; line-height:120%; border:3px inset #666666; width:250px; height:150px; text-align:left;}

button.reset {background-color:#3366FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

button.resetover {background-color:#6699FF; color:#FFFFFF; border-bottom-color:#0033CC; border-right-color:#0033CC; border-top-color:#6699FF; border-left-color:#6699FF; font-weight:bold;}

img.icon {background:#000066}


table.outer {background:#006; border-collapse:collapse; border:2px solid white;}
table.outer th.heading, table.outer th.headingToggle {background:#900; font-size:125%; padding:5px; border-bottom:2px solid white;}
table.outer th.headingToggle {cursor:pointer;}

table.inner {border-collapse:collapse; border:1px solid #006; width:100%;}
table.inner td,table.inner th {border:1px solid #006; padding:5px; font-size:100%; vertical-align:top;}
table.inner th {text-align:right;}
table.inner .odd  {background:#330080;}
table.inner .even {background:#003399;}

table.inner tr.columns {background:#330080;}
table.inner tr.columns th {text-align:center;}

table.inner table td,table.inner table th {border:none;}

div.film {width:555px; height:96px; background:url(http://www.feesch2.co.uk/pix/film.gif); margin-bottom:10px; text-align:left;}
div.film img {width:100px; height:68px; margin:14px 3px 14px 3px; border:none;}

h1 {font-size:200%; color:#3366FF; font-weight:bold; text-align:center;}
div.intro {width:600px;}

div.envelope {background:url(http://www.feesch2.co.uk/pix/stamp.gif) white 270px 10%; background-repeat:no-repeat; border:2px solid #666; font-family:courier new; color:black; width:345px; font-size:22px; font-weight:bold; text-align:left; padding:75px 100px 50px 50px;}

.error {font-size:150%; color:white; background:red; font-weight:bold; text-align-center; padding:5px;}


div.spoiler {width:auto;}
div.spoiler div.heading {background:#900; color:white; font-family:arial,helvetica,sans-serif; font-weight:bold; padding:5px; border:2px solid white; cursor:pointer;}
div.spoiler div.hide {display:none; padding:5px; border:2px solid white; border-top:none;}


div.tabs {margin:10px 5px 0 5px; white-space:nowrap;}
div.tabs a {padding:2px 5px; background:#3366ff; border-color:#0033cc; border-width:1px; border-style:solid solid none solid; font-weight:bold; color:#ffffff;}
div.tabs a:visited {text-decoration:none;}
div.tabs a.selected {background:#990000; border-color:#ffffff; padding-top:5px; border-width:2px;}
div.tabs a.greyed {background:#330080;}

tr.whiteLine td {border-bottom:#ffffff solid 2px;}