html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, bd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, head, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body { font-size: 62.5%; }
[class|="grid"] {
  width: auto;
  float: left;
  clear: both;
}
[class|="column"] {
  float: left;
  margin-left: 18px;
}
[class|="column"]:first-child { margin-left: 0; }
.grid-1-4 .column-1 { width: 180px; }
.grid-1-4 .column-2 { width: 774px; }
.grid-2-3 .column-1 { width: 378px; }
.grid-2-3 .column-2 { width: 576px; }
.grid-3-2 .column-1 { width: 576px; }
.grid-3-2 .column-2 { width: 378px; }
.grid-4-1 .column-1 { width: 774px; }
.grid-4-1 .column-2 { width: 180px; }
.grid-4-1 .column-1 .grid-2-2 .column-1 { width: 378px; }
.grid-4-1 .column-1 .grid-2-2 .column-2 { width: 378px; }
.grid-4-1 .column-1 .grid-1-3 .column-1 { width: 180px; }
.grid-4-1 .column-1 .grid-1-3 .column-2 { width: 576px; }
.grid-1-1-3 .column-1 { width: 180px; }
.grid-1-1-3 .column-2 { width: 180px; }
.grid-1-1-3 .column-3 { width: 576px; }
.grid-1-3-1 .column-1 { width: 180px; }
.grid-1-3-1 .column-3 { width: 180px; }
.grid-1-3-1 .column-2 { width: 576px; }
.grid-3-1-1 .column-1 { width: 576px; }
.grid-3-1-1 .column-2 { width: 180px; }
.grid-3-1-1 .column-3 { width: 180px; }
.grid-2-2-1 [class|="column"] { width: 378px; }
.grid-2-2-1 .column-3 { width: 180px; }
h2 {
  font-size: 18px;
  margin-bottom: 18px;
  color: #8f8f8f;
}
h3 {
  font-size: 14px;
  margin-top: 9px;
  margin-bottom: 9px;
  color: #8f8f8f;
}
h4 {
  font-size: 12px;
  margin-bottom: 18px;
  text-align: center;
  color: #textcolor;
}
h5 {
  color: #textcolor;
  margin: 18px 0 9px;
}
body {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
  line-height: 18px;
  color: #8f8f8f;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
}
p { margin-bottom: 18px; }
a {
  color: #e86f00;
  background: none;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #b53c00;
  background: none;
  text-decoration: none;
}
.alt-link {
  text-decoration: underline;
  color: inherit;
}
.alt-link:hover {
  text-decoration: none;
  color: #e86f00;
}
small { font-size: 10px; }
strong { font-weight: bold; }
sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative;
  font-size: 70%;
}
sup { bottom: 1ex; }
sub { top: 0.5ex; }
p { margin-bottom: 18px; }
em { font-style: italic; }
small { font-size: 10px; }
table { width: 100%; }
th { vertical-align: middle; }
td, th { text-align: left; }
input[type="text"], input[type="password"], .textarea {
  border: solid #8f8f8f 1px;
  -moz-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: -webkit-box-shadow 0.3s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  -moz-transition: -moz-box-shadow 0.3s ease-in-out;
  -webkit-transition: -moz-box-shadow 0.3s ease-in-out;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
input[type="text"], input[type="password"] {
  padding: 6.3px 9px 7.3px;
  font-size: 18px;
  background: #ffffff url('/global/img/ui/backgrounds/black-trans_deg_25_small.png') repeat-x;
}
.textarea {
  background-color: #ffffff;
  margin: 0;
  padding: 9px;
}
textarea {
  border: none;
  width: 100%;
  max-height: 360px;
  min-height: 20px;
  line-height: 18px;
  resize: none;
}
input.focus, .textarea.focus {
  border-color: #de6500;
  -webkit-box-shadow: #e86f00 0 0 4px 0 1px 2px;
  -moz-box-shadow: #e86f00 0 0 4px 0 1px 2px;
  box-shadow: #e86f00 0 0 4px 0 1px 2px;
}
input[disabled], textarea[disabled] {
  border: 1px solid #8f8f8f;
  -webkit-box-shadow: none 0 1px 2px;
  -moz-box-shadow: none 0 1px 2px;
  box-shadow: none 0 1px 2px;
}
input[type="checkbox"] { border: none !important; }
input[type="submit"], button, a.button {
  background: #e86f00 url('/img/ui/backgrounds/gray-trans_deg.png') center repeat-x;
  border: none;
  width: auto;
  line-height: 36px;
  height: 36px;
  padding: 0 9px;
  margin: 0;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
input[type="submit"]:hover {
  background: #b53c00 url('/img/ui/backgrounds/gray-trans_deg.png') center repeat-x;
  color: #f0f0f0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
button:hover {
  background: #b53c00 url('/img/ui/backgrounds/gray-trans_deg.png') center repeat-x;
  color: #f0f0f0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
a.button:hover {
  background: #b53c00 url('/img/ui/backgrounds/gray-trans_deg.png') center repeat-x;
  color: #f0f0f0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
a.button { display: inline-block; }
input[type="submit"].call {
  background-color: #91fe00;
  color: #ffffff;
}
input[type="submit"].call:hover {
  background-color: #5ecb00;
  color: #f0f0f0;
}
button.call {
  background-color: #91fe00;
  color: #ffffff;
}
button.call:hover {
  background-color: #5ecb00;
  color: #f0f0f0;
}
a.button.call {
  background-color: #91fe00;
  color: #ffffff;
}
a.button.call:hover {
  background-color: #5ecb00;
  color: #f0f0f0;
}
.paging {
  max-width: 61.8%;
  margin: 18px auto;
  color: #textcolor;
  text-align: center;
}
.paging .disabled {
  color: #8f8f8f;
  display: inline;
}
.paging .current { color: #e86f00; }
.paging .currently { margin-left: 18px; }
.box {
  background: #ffffff;
  border: #f0f0f0 solid 1px;
  padding: 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.box .header {
  background: #46a0cb;
  padding: 9px 0;
  margin: 9px 0;
  text-align: center;
  color: #ffffff;
}
.box .header > * {
  padding: 0;
  margin: 0;
}
.box .header:first-child {
  margin: -9px -9px 9px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.clearer {
  height: 0px;
  clear: both;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
body { background: #000000 url('/img/ui/backgrounds/grid.png') repeat; }
#wrapper {
  background: transparent none repeat;
  width: 990px;
  padding: 0;
  margin: 0 auto 18px;
  position: relative;
}
#main-header, #main-section, #main-footer { padding: 0 9px; }
#main-header {
  height: auto;
  background: #ffffff none repeat;
}
#main-section {
  min-height: 360px;
  background: #ffffff none repeat;
}
#main-footer {
  height: 90px;
  background: transparent none repeat;
}
.message {
  clear: both;
  color: #aa3333;
  font-size: 140%;
  line-height: 1.5;
  font-weight: bold;
  margin: 18px 0;
}
.error input[type="text"] {
  border-color: #aa3333;
  background-color: #ffdddd;
}
.error input[type="password"] {
  border-color: #aa3333;
  background-color: #ffdddd;
}
.error-message {
  clear: both;
  color: #aa3333;
  font-weight: bold;
}
.error em {
  color: #000000;
  font-weight: normal;
  line-height: 1.5;
}
#authMessage.message, #flashMessage.error, #flashMessage.warning, #flashMessage.success {
  color: white;
  padding: 9px;
  font-size: 14px;
  font-style: italic;
  background-position: 45px center;
  background-repeat: no-repeat;
  background-image: none;
  margin-bottom: 18px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
#flashMessage.warning {
  color: #000000;
  background: #ffcc00;
}
#authMessage.message, #flashMessage.error {
  color: #ffffff;
  background: #aa3333 url(/img/ui/notification_warning.png) no-repeat 45px center;
}
#flashMessage.success { background: #33aa33 url(/img/ui/notification_done.png) no-repeat 45px center; }
#flashMessage a {
  color: #ffffff;
  text-decoration: underline;
}
pre {
  color: #000000;
  background: #ff0000;
  padding: 1em;
}
pre.cake-debug {
  background: #ffcc00;
  font-size: 120%;
  line-height: 140%;
  margin: 1em 0;
  overflow: auto;
  position: relative;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
div.cake-stack-trace {
  background: #ff0000;
  border: 4px dotted #ffcc00;
  color: #000000;
  margin: 0;
  padding: 9px;
  font-size: 120%;
  line-height: 140%;
  overflow: auto;
  position: relative;
}
div.cake-code-dump pre {
  position: relative;
  overflow: auto;
}
div.cake-stack-trace pre {
  color: #000000;
  background-color: #eeeeee;
  margin: 0;
  padding: 9px;
  overflow: auto;
}
div.cake-code-dump pre {
  color: #000000;
  background-color: #eeeeee;
  margin: 0;
  padding: 9px;
  overflow: auto;
}
div.cake-code-dump pre {
  clear: both;
  font-size: 12px;
  line-height: 18px;
  margin: 18px 0;
  padding: 9px;
  overflow: auto;
}
div.cake-code-dump pre code {
  clear: both;
  font-size: 12px;
  line-height: 18px;
  margin: 18px 0;
  padding: 9px;
  overflow: auto;
}
div.cake-code-dump span.code-highlight {
  background-color: #ffff00;
  padding: 9px;
}
div.code-coverage-results div.code-line {
  padding-left: 5px;
  display: block;
  margin-left: 10px;
}
div.code-coverage-results div.uncovered span.content { background: #ecu; }
div.code-coverage-results div.covered span.content { background: #ceu; }
div.code-coverage-results div.ignored span.content { color: #aaaaaa; }
div.code-coverage-results span.line-num {
  color: #666666;
  display: block;
  float: left;
  width: 20px;
  text-align: right;
  margin-right: 5px;
}
div.code-coverage-results span.line-num strong { color: #666666; }
div.code-coverage-results div.start {
  border: 1px solid #aaaaaa;
  border-width: 1px 1px 0px 1px;
  margin-top: 30px;
  padding-top: 5px;
}
div.code-coverage-results div.end {
  border: 1px solid #aaaaaa;
  border-width: 0px 1px 1px 1px;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
div.code-coverage-results div.realstart { margin-top: 0px; }
div.code-coverage-results p.note {
  color: #bbbbbb;
  padding: 5px;
  margin: 5px 0 10px;
  font-size: 10px;
}
div.code-coverage-results span.result-bad { color: #aa0000; }
div.code-coverage-results span.result-ok { color: #ffaa00; }
div.code-coverage-results span.result-good { color: #00aa00; }
.tower-ad {
  text-align: center;
  margin-top: 18px;
}
.tag-cloud li { display: inline; }
.tag-cloud li a { line-height: 1.2; }
.tag-cloud li a:hover { text-decoration: underline; }
.tag-cloud .tag-1 {
  font-size: 29px;
  font-weight: 900;
}
.tag-cloud .tag-2 {
  font-size: 25px;
  font-weight: 900;
}
.tag-cloud .tag-3 {
  font-size: 22px;
  font-weight: 800;
}
.tag-cloud .tag-4 {
  font-size: 19px;
  font-weight: 700;
}
.tag-cloud .tag-5 {
  font-size: 17px;
  font-weight: 600;
}
.tag-cloud .tag-6 {
  font-size: 15px;
  font-weight: 500;
}
.tag-cloud .tag-7 {
  font-size: 13px;
  font-weight: 400;
}
.tag-cloud .tag-8 {
  font-size: 12px;
  font-weight: 300;
}
.tag-cloud .tag-9 {
  font-size: 11px;
  font-weight: 200;
}
.tag-cloud .tag-10 {
  font-size: 10px;
  font-weight: 100;
}
.ac_results {
  padding: 0px;
  border: 1px solid #8f8f8f;
  background-color: #f0f0f0;
  overflow: hidden;
  z-index: 99999;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ac_results ul {
  width: auto;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ac_results li {
  margin: 0px;
  padding: 3px 4.5px;
  cursor: default;
  display: block;
  font: menu;
  line-height: 18px;
  overflow: hidden;
  color: #8f8f8f;
}
.ac_results li:first-child {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ac_results li:last-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.ac_loading { background: url(/img/ui/loading-orange.gif) right center no-repeat; }
.ac_results li.ac_odd { background-color: white; }
.ac_results li.ac_over {
  background-color: #e86f00;
  color: #005dcc;
}
h2 {
  background-color: #e86f00;
  padding: 18px 9px;
  margin-bottom: 18px;
  font-size: 27px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
h2 em {
  color: #f0f0f0;
  font-size: 18px;
}
h3 {
  font-weight: normal;
  color: #46a0cb;
}
label {
  font-size: 14px;
  color: #8f8f8f;
}
.textarea label { display: none; }
.textarea, input[type="submit"], button, a.button {
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
}
.submit { text-align: right; }
.alt-link {
  text-decoration: underline;
  color: #ffffff;
}
.alt-link:hover { text-decoration: none; }
#main-header {
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 18px;
}
#main-section {
  margin-top: 0;
  padding-top: 18px;
  padding-bottom: 18px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#about { text-align: center; }
#main-footer {
  margin-top: 18px;
  text-align: center;
}
#main-header #branding .logo {
  display: block;
  width: 344px;
  height: 41px;
  background: url('/img/logo_layout.png') no-repeat;
  text-indent: -9999px;
}
#main-header .column-2 { position: relative; }
#main-header #status {
  display: block;
  line-height: 54px;
  text-align: center;
  background: #46a0cb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #ffffff;
}
#main-header #status a { color: #ffffff; }
#main-header #login-popup {
  position: absolute;
  top: 49px;
  width: 270px;
  right: 0;
  display: none;
  z-index: 99;
  background-color: #46a0cb;
  padding: 9px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#main-header #login-popup #login-popup-close {
  display: block;
  color: #f0f0f0;
  margin-bottom: 9px;
}
#main-header #login-popup #forgot-password {
  display: block;
  color: #f0f0f0;
  margin-bottom: 9px;
}
#main-header #login-popup .input {
  margin-bottom: 18px;
  text-align: right;
  clear: both;
}
#main-header #login-popup .input input { border: none; }
#main-header #login-popup .input label {
  display: inline-block;
  color: #f0f0f0;
  margin-bottom: 3px;
  margin-right: 9px;
  font-size: 14px;
}
#main-header #login-popup .signin { text-align: right; }
#main-header #login-popup .signin div { display: inline-block; }
#main-header #login-popup .signup {
  text-align: right;
  padding-top: 9px;
  margin-top: 18px;
  border-top: #f0f0f0 dotted 1px;
  color: #f0f0f0;
}
#twitter-badge {
  background: #dfffff url(/img/twitter-badge.png) 10px center no-repeat;
  margin-bottom: 18px;
  padding: 9px 9px 9px 53px;
  font-size: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#twitter-badge a { display: block; }
.name-column {
  background-image: url('/img/ui/backgrounds/pointed_column_headers.png');
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.name-column h3 {
  text-align: center;
  padding: 0;
  color: #ffffff;
  height: 36px;
  width: 290px;
  margin: 0 auto;
  background: center no-repeat;
  text-indent: -9999px;
}
.name-column .name-type-nav { margin-top: 15px; }
.name-column #counter {
  padding: 9px;
  background-color: #f0f0f0;
  color: #323232;
  margin: 18px auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.name-column #counter .tagged {
  float: right;
  color: #46a0cb;
}
.name-column .name-list { margin-top: 18px; }
.name-column .name-list .name:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); }
.name-column .see-all {
  text-align: right;
  margin-top: 18px;
}
#top-trivia-team-names h3 { background-image: url('/img/ui/headers/top_trivia_team_names.png'); }
#new-trivia-team-names h3 { background-image: url('/img/ui/headers/new_trivia_team_names.png'); }
#trivia-team-names-voted-on h3 { background-image: url('/img/ui/headers/trivia_team_names_voted_on.png'); }
.name-type-nav { text-align: center; }
.name-type-nav .button {
  display: inline-block;
  margin: 0 9px;
  font-weight: bold;
  padding: 3px 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.name-type-nav .button a {
  color: #323232;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
}
.name-type-nav .button a:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
.name-type-nav .button.selected {
  background: url('/img/ui/backgrounds/gray_deg_small_70.png');
  -webkit-box-shadow: rgba(255, 255, 255, 0.35) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.35) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.35) 0 1px 0;
}
.name-type-nav .button.selected a {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}
.name-type-nav .button.selected a:hover { color: #ffffff; }
.name {
  position: relative;
  color: #8f8f8f;
  padding: 18px 18px 18px 36px;
  border-bottom: #8f8f8f dotted 1px;
}
.name .name-number {
  position: absolute;
  top: 25px;
  left: 9px;
}
.name .name-title {
  font-size: 18px;
  line-height: 1.5;
  margin-right: 90px;
}
.name .name-title a {
  color: #46a0cb;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.name .name-title a:hover { color: #136d98; }
.name .name-metadata {
  font-size: 10px;
  margin-bottom: 0;
}
.name .name-controls {
  position: absolute;
  top: 18px;
  right: 9px;
  width: 81px;
  z-index: 0;
}
.name .name-controls .name-vote-up {
  position: absolute;
  background-image: url('/img/ui/sprite.png');
}
.name .name-controls .name-vote-down {
  position: absolute;
  background-image: url('/img/ui/sprite.png');
}
.name .name-controls .name-rating {
  position: absolute;
  background-image: url('/img/ui/sprite.png');
}
.name .name-controls .name-delete {
  position: absolute;
  background-image: url('/img/ui/delete.png');
}
.name .name-controls .name-vote-up {
  text-indent: -9999px;
  width: 16px;
  height: 17px;
}
.name .name-controls .name-vote-down {
  text-indent: -9999px;
  width: 16px;
  height: 17px;
}
.name .name-controls .name-delete {
  text-indent: -9999px;
  width: 16px;
  height: 17px;
}
.name .name-controls .name-vote-up {
  top: 0;
  left: 0;
}
.name .name-controls .name-vote-down {
  top: 20px;
  left: 0;
  background-position: -50px 0;
}
.name .name-controls .name-rating {
  top: 0;
  right: 0;
  width: 54px;
  height: 34px;
  background-position: 0 -100px;
  text-align: center;
  padding-top: 9px;
  font-size: 18px;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}
.name .name-controls .name-delete {
  top: -8px;
  right: -8px;
}
body.home #top-trivia-team-names { background-color: #f9f9f9; }
#about { margin-top: 18px; }
#NameAddForm {
  background: #323232 url('/img/ui/backgrounds/dark_gray_noise.png');
  margin-bottom: 18px;
  padding: 18px;
  text-align: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#NameAddForm label {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}
#NameAddForm input {
  margin-left: 18px;
  width: 400px;
  border: none;
}
#NameAddForm .input { display: inline-block; }
#NameAddForm button { margin-left: 18px; }
body#names.detail .name {
  padding-left: 0;
  padding-right: 0;
  border-bottom: none;
}
body#names.detail .name .name-title { font-size: 27px; }
body#names.detail .name .name-metadata {
  padding: 9px;
  font-size: 15px;
  background: #f0f0f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
body#names.detail .tags {
  padding: 9px;
  border: dotted #323232 1px;
  border-left: none;
  border-right: none;
  background-color: #f0f0f0;
  margin-bottom: 18px;
}
body#names.detail .tags #name-tags { font-size: 18px; }
body#names.detail .tags .form { margin-top: 36px; }
body#names.detail #comments {
  background: #f0f0f0;
  padding: 9px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
body#names.detail #comments h3 {
  padding-bottom: 9px;
  border-bottom: 1px solid #8f8f8f;
}
body#names.detail #comments legend {
  font-weight: normal;
  color: #46a0cb;
  padding-bottom: 9px;
  font-size: 14px;
}
body#names.detail #comments .comments-list { margin-bottom: 18px; }
body#names.detail #comments .comments-list .comment {
  border-bottom: dotted #8f8f8f 1px;
  padding: 9px 0;
}
body#names.detail #comments .comments-list .comment .comment-user { color: #8f8f8f; }
body#names.detail #comments .comments-list .comment .comment-content { margin-top: 9px; }
body#names.detail #comments #CommentAddForm button {
  margin-top: 18px;
  float: right;
}
#TagAddForm .input.checkbox {
  display: inline-block;
  width: 180px;
  margin-right: 18px;
}
#TagAddForm .input.text {
  margin-top: 9px;
  padding-top: 9px;
  border-top: #8f8f8f dotted 1px;
}
body.profile h2 {
  text-align: left;
  background-color: #46a0cb;
}
body.profile h2 span {
  float: right;
  font-size: 14px;
}
body.profile h2 span a {
  text-decoration: underline;
  color: inherit;
}
body.profile h2 span a:hover {
  text-decoration: none;
  color: #e86f00;
}
body.register #main-content { margin: 0 198px; }
body.register #main-content .input { margin-top: 9px; }
body.register #main-content label {
  display: inline-block;
  margin-right: 18px;
  width: 180px;
}
body.register #main-content input[type="text"] { width: 360px; }
body.register #main-content input[type="password"] { width: 360px; }
body.register #main-content .submit { margin-top: 18px; }
body.register #main-content .signup {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dotted #8f8f8f;
  text-align: right;
}
body.login #main-content { margin: 0 198px; }
body.login #main-content .input { margin-top: 9px; }
body.login #main-content label {
  display: inline-block;
  margin-right: 18px;
  width: 180px;
}
body.login #main-content input[type="text"] { width: 360px; }
body.login #main-content input[type="password"] { width: 360px; }
body.login #main-content .submit { margin-top: 18px; }
body.login #main-content .signup {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dotted #8f8f8f;
  text-align: right;
}
body.edit_password #main-content { margin: 0 198px; }
body.edit_password #main-content .input { margin-top: 9px; }
body.edit_password #main-content label {
  display: inline-block;
  margin-right: 18px;
  width: 180px;
}
body.edit_password #main-content input[type="text"] { width: 360px; }
body.edit_password #main-content input[type="password"] { width: 360px; }
body.edit_password #main-content .submit { margin-top: 18px; }
body.edit_password #main-content .signup {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dotted #8f8f8f;
  text-align: right;
}
body.forgot_password #main-content { margin: 0 198px; }
body.forgot_password #main-content .input { margin-top: 9px; }
body.forgot_password #main-content label {
  display: inline-block;
  margin-right: 18px;
  width: 180px;
}
body.forgot_password #main-content input[type="text"] { width: 360px; }
body.forgot_password #main-content input[type="password"] { width: 360px; }
body.forgot_password #main-content .submit { margin-top: 18px; }
body.forgot_password #main-content .signup {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px dotted #8f8f8f;
  text-align: right;
}