html, body {background:#eee;font-family:Arial,Helvetica,sans-serif;font-size:10pt}
h1, h2 {cursor:default;font:italic 18px Georgia,'Times New Roman',Times,serif;margin:0 0 14px;text-align:justify;text-shadow:1px 1px 1px #999}
h1 table, h2 table {background:none;border:0;border-spacing:0;margin:0}
h2 table {border-top:1px solid #ddd;margin-bottom:1em}
h1 table td {padding:0 0 5px 0;width:1.75%}
h2 table td {padding:5px 0 0 0;width:1.5%}
#wrapper {margin:10px auto;position:relative;width:610px}
#header h1 {border-bottom:1px solid #ddd;font-size:32px;letter-spacing:5px;margin:0 0 15px;padding:0 0 10px;text-align:center}
#header h1 a {color:#000}
#header h1 a:hover {color:#444;text-decoration:none}
#logo {height:57px;left:0;position:absolute;right:0;top:0;width:610px}
#errors, #alerts {-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:2px 2px 5px #999;-webkit-box-shadow:2px 2px 5px #999;clear:both;margin:10px 0}
#footer {color:#bbb;margin:10px 0}
#footer a {color:#bbb;text-decoration:underline}
form {margin:12px 0 10px}
table form {margin:0}
input, select {border:1px solid #ddd;margin-right:5px}
input[type="text"], input[type="password"] {-moz-border-radius:2px;-webkit-border-radius:2px;cursor:text;padding:1px}
button, input[type="button"], input[type="submit"] {border:1px solid;border-color:#fff #bbb #bbb #fff;outline:1px solid #ddd !important;padding:0 6px}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {outline:1px solid #aaa !important}
button:active, input[type="button"]:active, input[type="submit"]:active {border:1px solid;border-color:#bbb #fff #fff #bbb}
a {color:#33f;cursor:pointer;outline:none;text-decoration:none}
a:hover {color:#f33;text-decoration:underline}
table, fieldset {background:#fff;border:1px solid #ddd;-moz-box-shadow:2px 2px 5px #999;-webkit-box-shadow:2px 2px 5px #999;margin:0 0 10px;width:100%}
fieldset {box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
fieldset table {background:none;border:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
th {background-image:url(/i/fade.png) !important;width:25%}
td {padding:0}
.col5 th, .col5 td {width:20%}
td.hr {height:1em}
#signin, #newaccount {background:#fff;border:1px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:2px 2px 5px #999;-webkit-box-shadow:2px 2px 5px #999;margin-bottom:1em}
#signin table, #newaccount table {background:none;border:0;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0}
#signin th {background:none !important;text-align:right}
#signin th, #signin td {padding:10px;width:50%}
#signin #signin-pass th, #signin #signin-pass td {padding:0 10px}
#account {float:right;line-height:22px}
#dialogue {background:rgba(239,239,239,.65)}
#dia-box {border-color:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px}
#dia-shadow {-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.1}

#logframe {color:#999;opacity:.5;padding:0}
#log {color:#000;list-style-type:none;margin:3px 0 0 0;padding:0}
#log li {padding:0}
#favorite-names b a.up {display:none}
#blue-names, th.blue-names, .blue-names ul {background-color:#9cf !important}
#pink-names, th.pink-names, .pink-names ul {background-color:#fcc !important}
#both-names, th.both-names, .both-names ul {background-color:#dbccde !important}
#favorite-names, th.favorite-names, .favorite-names ul {background-color:#9f9 !important;margin-right:0 !important}
#list th {text-align:center}
#list td {width:25%}
#list td ul {background:#ddd;list-style-type:none;margin:0;padding:0}
#list li {border-top:1px solid #fff;overflow:hidden;padding:1px 3px;position:relative}
#list li:hover {overflow:visible}
#list li:first-child {border-top:0}
#list small {cursor:default;color:#999;float:right;padding-top:2px}
#list small a {color:#999}
#list li .up, li .dn, li .rm {background:url(/i/ratings.png);float:right;height:11px;width:11px}
#list li .dn {background-position:top}
#list li .rm {background-position:top right}
#list li .up:hover {background-position:bottom left}
#list li .dn:hover {background-position:bottom}
#list li .rm:hover {background-position:bottom right}
#list i {font-weight:bold}
#list i img {background:url(/i/ratings-numbers.png) no-repeat;height:11px;margin:0 0 0 1px;width:6px}
#list i.r0 {display:none}
#list i.r2 img {background-position:0 -11px}
#list i.r3 img {background-position:0 -22px}
#list i.r4 img {background-position:0 -33px}
#list i.r5 img {background-position:0 -44px}
#list i.r1 img.pink {background-position:-6px 0}
#list i.r2 img.pink {background-position:-6px -11px}
#list i.r3 img.pink {background-position:-6px -22px}
#list i.r4 img.pink {background-position:-6px -33px}
#list i.r5 img.pink {background-position:-6px -44px}
#list li.r1 .dn {visibility:hidden}
#list li.r5 .up {visibility:hidden}
#list small i {font-weight:normal}
#list b {display:none;font-weight:normal;margin-right:10px;position:absolute;right:15px;top:3px}
#list li:hover b {display:inline}
#list div {position:absolute;left:0;top:0}
#list u {background:#fff;-moz-border-radius:15px 0 15px 10px;border:1px solid #ddd;color:#555;display:none;font-size:10px;font-weight:bold;padding:5px;position:absolute;right:2px;text-decoration:none;top:-11px;width:90px;z-index:1}
#list strong {background:#ccc;-moz-border-radius:5px 5px 0 0;padding:1px 3px;position:absolute;left:10px;top:-14px}
#list li:hover u {display:block}
#list u:hover {display:none !important}
#list #both-names div, #list #favorite-names div {left:auto;right:0}
#list #both-names u, #list #favorite-names u {-moz-border-radius:0 15px 10px 15px;left:2px;right:auto}
td.blue-names {background:#cce6ff}
td.pink-names {background:#ffe6e6}
td.both-names {background:#ede6ef}
td.favorite-names {background:#cfc}
#their-names b a {display:none}
#their-names b a.up {display:inline}
#new-list {background:none;border:0;border-collapse:collapse;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
#new-list th {background:none !important;width:105px !important}
#new-list th, #new-list td {padding:2px 0;width:600px}
#new-with-result {color:#999}
#new-with-result a {color:#777;font-weight:bold}
#pick-colors label {-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer;margin:0 0 0 1px;padding:2px 4px 1px 0}
#pick-colors label input {cursor:pointer}