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, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, span {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

:focus {
  outline: 0; }

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, table, a, div, span {
  font-family: Verdana, sans-serif; }

a {
  color: blue;
  cursor: pointer; }
  a:focus {
    outline: 1px dotted black; }

input[type=submit] {
  cursor: pointer; }

body {
  line-height: 1;
  color: black;
  background: white; }

ol, ul {
  list-style: none;
  margin-top: 1.3em;
  margin-bottom: 1.3em; }
  ol li, ul li {
    margin-top: 0.667em;
    margin-bottom: 0.667em; }

table {
  border-collapse: separate;
  border-spacing: 0; }

th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

caption {
  text-align: center;
  font-weight: normal; }

form > table {
  border-spacing: 0.5em; }
  form > table th {
    text-align: right; }
  form > table tfoot td {
    text-align: center; }

fieldset {
  margin-top: 1.3em;
  margin-bottom: 1.3em; }
  fieldset > p {
    margin-top: 0; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

h1, h2, h3 {
  font-weight: bold; }

h1 {
  font-size: 2em;
  text-align: center;
  line-height: 1.156;
  margin-top: 0.578em;
  margin-bottom: 0.578em; }

h2 {
  font-size: 1.3em;
  line-height: 1.154;
  margin-top: 1em;
  margin-bottom: 1em; }

h3 {
  font-size: 1.125em;
  line-height: 1.156; }

h4 {
  text-align: center;
  font-size: 0.875em;
  line-height: 1.486;
  margin-top: 1.486em;
  margin-bottom: 1.486em; }

p {
  line-height: 1.3;
  margin-top: 1.3em;
  margin-bottom: 1.3em; }

th, td {
  line-height: 1.3; }

li {
  line-height: 1.3; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

b, strong {
  font-weight: bold; }

em {
  font-style: oblique; }

.clear {
  clear: both; }

.even {
  background-color: #f7f7f7; }

tr.odd:hover, tr.even:hover {
  background-color: #dfdfdf; }

#body {
  margin: 1.3em; }

#head, #foot {
  margin: 0; }

#head {
  width: 100%;
  font-family: Verdana, sans-serif; }
  #head .logo {
    display: block;
    float: left;
    margin-left: 1.3em;
    margin-top: 13px; }
  #head #head-decoration {
    height: 2px;
    background-color: #2d2d2d;
    border-bottom: 3px solid #61c6cf; }
  #head #head-bar, #head #login-popup {
    display: inline-block;
    background-color: #2d2d2d;
    border-left: 3px solid #61c6cf;
    border-right: 3px solid #61c6cf;
    border-bottom: 3px solid #61c6cf;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  #head #head-bar {
    float: right;
    padding: 0.5em 1em;
    margin-right: 1.3em;
    margin-top: -3px;
    color: white; }
    #head #head-bar .clear {
      clear: right; }
    #head #head-bar a {
      color: white; }
      #head #head-bar a:hover {
        text-decoration: underline; }
    #head #head-bar .auth-box, #head #head-bar .search-box, #head #head-bar .review-box {
      display: inline;
      line-height: 1.3; }
    #head #head-bar .search-box, #head #head-bar .review-box {
      float: left;
      margin-right: 1em; }
    #head #head-bar .auth-box.logout input {
      margin-left: 1em; }
  #head #login-popup {
    position: absolute;
    color: #bababa;
    text-align: right; }
    #head #login-popup form {
      margin-top: -0.25em; }
    #head #login-popup input[type=text], #head #login-popup input[type=password] {
      width: 10em; }
    #head #login-popup input[type=submit] {
      margin: 0 0.5em 0.5em; }
    #head #login-popup .close-button {
      color: #bababa; }

#foot {
  clear: both;
  text-align: center;
  padding-bottom: 0.5em;
  background-color: #1f1f1f;
  color: #696969; }
  #foot a {
    color: #186a6b; }
  #foot * {
    margin-top: 0.125em;
    margin-bottom: 0.125em; }
  #foot ul.hyperlinks li {
    margin-left: 0.5em;
    margin-right: 0.5em;
    clear: left; }
    #foot ul.hyperlinks li a {
      color: #29bbbd; }
  #foot #handy-links {
    background-color: #2d2d2d; }
    #foot #handy-links h2 {
      color: #9d9c9c;
      font-size: 1em; }
    #foot #handy-links a {
      color: #86cf6a; }
  #foot #design-attribution {
    margin-left: 1.3em; }

#main-content {
  width: 67%;
  float: left; }
  #main-content h1 {
    margin-top: 0; }

#sidebar {
  width: 30%;
  float: right; }

.sidebox {
  padding: 0.667em;
  margin-bottom: 1.3em;
  background-color: #f7f7f7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  .sidebox ul, .sidebox ol {
    margin: 0; }
    .sidebox ul li, .sidebox ol li {
      text-align: center; }
      .sidebox ul li:last-child, .sidebox ol li:last-child {
        margin-bottom: 0; }
  .sidebox h3 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.667em; }

ul.hyperlinks {
  margin-left: 0;
  padding-left: 0; }
  ul.hyperlinks li {
    display: inline; }

.link-pack {
  width: 33em;
  margin: 1.3em auto; }
  .link-pack img {
    width: 240px;
    height: 336px;
    float: left;
    border: 1px solid #dfdfdf;
    margin-right: 1.3em; }

.link-pack.compact {
  width: 240px;
  margin: 1.3em; }
  .link-pack.compact h3 {
    text-align: center;
    margin-bottom: 0.25em; }
  .sidebox .link-pack.compact {
    margin: 0 auto; }

p.copyright {
  margin: 0;
  text-align: center;
  clear: both; }

.pager {
  text-align: center;
  margin-top: 1.3em;
  margin-bottom: 1.3em; }
  .pager .controls {
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    padding: 0.5em; }
    .pager .controls .next {
      margin-left: 2em; }
  .pager a {
    color: blue; }
  .pager span.prev, .pager span.next {
    color: #dfdfdf; }

.breadcrumbs {
  margin-bottom: 1.3em; }
  .breadcrumbs li {
    display: inline; }

noscript > p {
  width: 33em;
  margin-left: auto;
  margin-right: auto;
  background-color: pink;
  text-align: center; }

form table {
  margin-left: auto;
  margin-right: auto; }
  form table input[type=text], form table input[type=password], form table textarea {
    width: 25em; }
  form table textarea {
    height: 10em; }
form > ul {
  text-align: center; }

#central-column {
  width: 50%;
  margin-left: auto;
  margin-right: auto; }

blockquote {
  width: 15em;
  padding: 1em;
  border-top: 3px solid #dfdfdf;
  border-bottom: 3px solid #dfdfdf;
  background-color: #f7f7f7; }
  blockquote p {
    margin: 0;
    text-align: center;
    font-size: 1.125em;
    font-style: italic;
    font-family: Georgia, serif; }
  blockquote.right {
    float: right;
    clear: right;
    margin-left: 1.3em; }
  blockquote.left {
    float: left;
    clear: left;
    margin-right: 1.3em; }

.footnote {
  font-size: 0.875em;
  line-height: 1.486;
  margin-top: 1.486em;
  margin-bottom: 1.486em; }

.help-button {
  line-height: 1.3em;
  color: inherit;
  font-size: 0.875em;
  margin-left: 0.667em;
  margin-right: 0.667em; }
  .help-button img {
    vertical-align: middle; }

button, input {
  line-height: 1.3em;
  vertical-align: middle; }

.two-column > .column {
  width: 50%;
  float: left; }

.three-column > .column {
  width: 33%;
  float: left; }

.rating {
  display: inline-block; }
  .rating .stars-base {
    display: inline-block;
    vertical-align: -20%;
    width: 100px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(http://s.vocabulink.com/img/stars.png) repeat-x;
    position: relative;
    padding: 0; }
    .rating .stars-base .stars {
      height: 20px;
      position: absolute;
      margin: 0;
      background-image: url(http://s.vocabulink.com/img/stars.png);
      background-repeat: repeat-x; }
  .rating p {
    margin-top: 0; }

.rating.enabled .stars-base {
  cursor: pointer; }

a.button {
  display: inline-block;
  text-decoration: none;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin: 0;
  font-size: 0.875em;
  color: #666666;
  background: url(http://s.vocabulink.com/img/button-bevel.png) repeat-x;
  border: 1px solid #dfdfdf;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  a.button padding- > {
    left: 0.333em;
    right: 0.333em; }
  a.button:hover {
    text-decoration: none;
    background-position: 0 -28px; }
  a.button:active {
    text-decoration: none;
    background-position: 0 -56px; }

#sa, #login-popup input[type=submit], .close-button {
  background: black;
  background: -moz-linear-gradient(top, #686868, #686868, #686868, black, black, black);
  background: -webkit-gradient(linear, center top, center bottom, from(#686868), color-stop(40%, #686868), color-stop(60%, black), to(black));
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  #sa:hover, #login-popup input[type=submit]:hover, .close-button:hover {
    background: black;
    background: -moz-linear-gradient(top, #444444, #444444, #444444, black, black, black);
    background: -webkit-gradient(linear, center top, center bottom, from(#444444), color-stop(40%, #444444), color-stop(60%, black), to(black)); }
  #sa:active, #login-popup input[type=submit]:active, .close-button:active {
    background: #444444;
    background: -moz-linear-gradient(top, black, black, black, #444444, #444444, #444444);
    background: -webkit-gradient(linear, center top, center bottom, from(black), color-stop(40%, black), color-stop(60%, #444444), to(#444444));
    color: #2ea4ae;
    position: relative;
    top: 1px; }

#sa, #login-popup input[type=submit] {
  border: 1px solid #c4c4c4;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  border-radius: 0.5em;
  color: #6acfd8;
  font-size: 9pt;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  padding: 0.2em 1.25em 0.25em;
  margin-left: 0.5em; }

#q, #login-popup input {
  font-size: 9pt;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: 0.33em;
  border: none; }

.close-button {
  display: inline-block;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  margin: 0.33em 0.5em 0 0;
  border: 1px solid #767676;
  color: #767676;
  padding: 0 0.025em;
  line-height: 0.6; }
  .close-button span {
    vertical-align: 30%; }
  .close-button:hover {
    text-decoration: none; }

.membername {
  font-family: Arial, Helvetica, sans-serif; }

.htmlfrag *:first-child {
  margin-top: 0; }
.htmlfrag *:last-child {
  margin-bottom: 0; }
.htmlfrag ul {
  list-style-type: disc;
  margin-left: 1em; }
.htmlfrag ol {
  list-style-type: decimal;
  margin-left: 1.5em; }

.partial-link {
  border: 1px solid white; }
  .partial-link.linkword {
    background: #cbeeed;
    background: -moz-linear-gradient(top, #e5f5f5, #e5f5f5, #e5f5f5, #cbeeed, #cbeeed, #cbeeed);
    background: -webkit-gradient(linear, center top, center bottom, from(#e5f5f5), color-stop(40%, #e5f5f5), color-stop(60%, #cbeeed), to(#cbeeed)); }
  .partial-link.sound-alike {
    background: #e4f2d0;
    background: -moz-linear-gradient(top, #eff8e5, #eff8e5, #eff8e5, #e4f2d0, #e4f2d0, #e4f2d0);
    background: -webkit-gradient(linear, center top, center bottom, from(#eff8e5), color-stop(40%, #eff8e5), color-stop(60%, #e4f2d0), to(#e4f2d0)); }
  .partial-link.association {
    background: #f1f0f0;
    background: -moz-linear-gradient(top, white, white, white, #f1f0f0, #f1f0f0, #f1f0f0);
    background: -webkit-gradient(linear, center top, center bottom, from(white), color-stop(40%, white), color-stop(60%, #f1f0f0), to(#f1f0f0)); }

ul.links {
  border: 1px solid white; }
  ul.links li {
    text-align: center;
    margin: 0; }
    ul.links li a {
      color: #2d2d2d;
      display: block;
      width: 100%;
      line-height: 2.6;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

#body > h3 {
  margin-bottom: 1em; }

.failed {
  color: red !important; }
.comment-box {
  position: relative;
  width: 40em;
  min-height: 105px;
  margin-top: 1.3em;
  margin-bottom: 1.3em;
  background: white url(http://s.vocabulink.com/img/footer-gradient.gif) repeat-x;
  border: 1px solid #dfdfdf;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px 10px 80px; }
  .comment-box .avatar {
    position: absolute;
    left: 10px;
    top: 10px; }
  .comment-box .metadata {
    margin: 0; }
    .comment-box .metadata .timestamp {
      float: right; }
  .comment-box .body {
    margin-top: 5px;
    background-color: white;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px; }
  .comment-box .button {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 10px;
    top: 80px;
    width: 60px;
    text-align: center; }
  .comment-box textarea {
    width: 100%;
    height: 10em;
    border: none;
    margin: 0;
    padding: 0; }
  .comment-box .title {
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 5px; }
    .comment-box .title label {
      display: inline-block;
      width: 10%;
      text-align: right; }
    .comment-box .title input {
      width: 85%; }
  .comment-box .markItUpWrapper {
    clear: both;
    border: 1px solid #dfdfdf; }
