* {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

table {
  border-collapse: collapse; }

.cleaner {
  clear: both;
  font-size: 1px; }

ul.errors {
  margin-left: 20px;
  list-style-type: square;
  line-height: 18px;
  margin-bottom: 10px;
  color: red; }

p.center {
  text-align: center; }

p.align_right {
  text-align: right; }

p.big {
  font-size: 14px;
  line-height: 25px !important;
  font-weight: bold; }

.float_right {
  float: right; }

.tag_cloud {
  line-height: 180%; }

.css1 {
  font-size: 1.0em; }

.css2 {
  font-size: 1.2em; }

.css3 {
  font-size: 1.4em; }

.css4 {
  font-size: 1.6em; }

.big_css1 {
  font-size: 1.1em; }

.big_css2 {
  font-size: 1.4em; }

.big_css3 {
  font-size: 1.7em; }

.big_css4 {
  font-size: 2.0em; }

#ad_header {
  width: 468px;
  height: 60px;
  position: absolute;
  right: 10px;
  top: 60px; }

#share_button {
  position: absolute;
  right: 10px;
  bottom: 10px; }

.pagination {
  padding: 3px 0 3px 0;
  margin-bottom: 15px; }

.pagination a,
.pagination span,
.pagination span.current {
  border: 1px solid #82BDEA;
  padding: 3px 5px 3px 5px;
  color: #60A6DB !important;
  text-decoration: none; }

.pagination span.current {
  background-color: #82BDEA;
  color: #fff !important;
  border: 1px solid #82BDEA; }

.pagination span {
  border: 1px solid silver;
  color: silver !important; }

.pagination a:hover {
  background-color: #82BDEA;
  border: 1px solid #82BDEA;
  color: #fff !important; }

a.icon {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  margin-right: 10px; }
  a.icon.favorite {
    background-image: url("/images/icons/icon_favorite.png"); }
  a.icon.unfavorite {
    background-image: url("/images/icons/icon_unfavorite.png"); }
  a.icon.edit {
    background-image: url("/images/icons/icon_edit.png"); }
  a.icon.delete {
    background-image: url("/images/icons/icon_delete.png"); }

a.continue_icon {
  background-image: url("/images/icons/continue.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 14px;
  font-size: 10px; }
  a.continue_icon:hover {
    background-image: url("/images/icons/continue_hover.png"); }

table.base {
  margin-bottom: 10px; }
  table.base.full_width {
    width: 100%; }
  table.base td, table.base th, table.base table.data_input th, table.data_input table.base th {
    padding: 7px;
    border-top: 1px solid silver; }
  table.base th {
    background-color: #eeeeee;
    font-weight: normal;
    vertical-align: top;
    font-size: 10px; }

table.data_input {
  width: 100%;
  margin-bottom: 10px;
  color: #505050; }
  table.data_input td, table.data_input table.base th, table.base table.data_input th, table.data_input th {
    border-top: 1px solid silver;
    padding: 7px 5px 7px 5px;
    background-color: #EFEFEF; }
  table.data_input tr.append td, table.data_input tr.append table.base th, table.base table.data_input tr.append th, table.data_input tr.append th {
    border-top: 0;
    padding-top: 0; }
  table.data_input td.desc, table.data_input table.base th.desc, table.base table.data_input th.desc, table.data_input th.desc {
    font-size: 10px;
    color: gray; }
  table.data_input th {
    font-weight: normal;
    text-align: right;
    font-size: 10px; }
  table.data_input th.vertical_top {
    vertical-align: top; }
  table.data_input th.width_80 {
    width: 80px; }
  table.data_input td.width_230, table.data_input table.base th.width_230, table.base table.data_input th.width_230, table.data_input th.width_230 {
    width: 230px; }

textarea.field,
select.field,
input.field {
  border: 1px solid silver;
  width: 220px;
  font-size: 16px;
  padding: 3px;
  font-weight: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

textarea.field {
  font-size: 12px;
  font-weight: normal;
  font-family: verdana;
  width: 480px;
  height: 150px; }

select.field {
  font-weight: normal;
  font-size: 12px; }

input.field.tags {
  width: 480px; }

input.register_button {
  padding: 7px 15px;
  font-size: 16px; }

input.button {
  padding: 5px 10px;
  font-size: 14px; }

table.data_input.inline_edit_joke textarea.field {
  width: 98%;
  height: 120px; }

table.data_input.inline_edit_joke input.field {
  width: 185px; }

table.data_input.inline_edit_joke select.field {
  width: 185px; }

body {
  font-family: verdana, sans-serif;
  font-size: 12px;
  background-color: #a4dc4b; }
  body .page {
    width: 100%;
    background-image: url("/images/frontend/bg_page.png");
    background-repeat: repeat-y;
    background-position: center top; }
    body .page .container {
      width: 901px;
      margin: 0 auto 0 auto;
      background-color: #fff; }
      body .page .container .header {
        height: 191px;
        background-color: #44b5d5;
        background-image: url("/images/frontend/bg_header.png");
        background-repeat: no-repeat;
        background-position: center;
        position: relative; }
        body .page .container .header a.logo {
          top: 5px;
          left: 5px;
          position: absolute; }
      body .page .container .topmenu {
        background-color: #303030;
        border-bottom: 1px solid #000;
        border-top: 1px solid #fff;
        background-image: url("/images/frontend/bg_menu.png");
        background-repeat: repeat-x;
        background-position: center; }
        body .page .container .topmenu .topmenu_inner {
          padding: 5px 20px 5px 20px; }
          body .page .container .topmenu .topmenu_inner ul.navi_right {
            float: right; }
            body .page .container .topmenu .topmenu_inner ul.navi_right li {
              margin: 0 0 0 15px; }
          body .page .container .topmenu .topmenu_inner ul li {
            list-style-type: none;
            float: left;
            margin-right: 15px; }
            body .page .container .topmenu .topmenu_inner ul li a {
              border: 1px solid #494949;
              color: #fff;
              padding: 4px 10px 4px 10px;
              display: block;
              text-decoration: none;
              font-weight: bold;
              text-shadow: #000 .5px .5px 1px;
              background-image: url("/images/frontend/bg_menu_li.png");
              background-position: center;
              background-repeat: repeat-x; }
              body .page .container .topmenu .topmenu_inner ul li a:hover, body .page .container .topmenu .topmenu_inner ul li a.current {
                background-color: silver;
                color: #525252;
                border: 1px solid #fff;
                text-shadow: #fff 1px 1px 1px;
                background-image: url("/images/frontend/bg_menu_li_current.png");
                background-position: center;
                background-repeat: repeat-x; }
      body .page .container .content .content_inner {
        color: #393939;
        padding: 20px; }
        body .page .container .content .content_inner p, body .page .container .content .content_inner ul {
          line-height: 18px;
          margin-bottom: 10px; }
        body .page .container .content .content_inner a {
          color: #85AF41; }
        body .page .container .content .content_inner a:hover {
          color: #d54474; }
        body .page .container .content .content_inner .content_left {
          width: 250px;
          float: left; }
          body .page .container .content .content_inner .content_left .box {
            margin-bottom: 20px; }
            body .page .container .content .content_inner .content_left .box .box_inner {
              padding: 5px;
              background-color: #ecedee;
              border-top: 1px solid #fff;
              color: #878888; }
              body .page .container .content .content_inner .content_left .box .box_inner.no_padding {
                padding: 0; }
              body .page .container .content .content_inner .content_left .box .box_inner a {
                color: #878888; }
                body .page .container .content .content_inner .content_left .box .box_inner a:hover {
                  color: #656666; }
              body .page .container .content .content_inner .content_left .box .box_inner ul {
                margin-left: 20px;
                margin-bottom: 5px;
                line-height: 20px; }
                body .page .container .content .content_inner .content_left .box .box_inner ul li {
                  list-style-type: circle; }
              body .page .container .content .content_inner .content_left .box .box_inner .login {
                position: relative;
                height: 80px;
                margin-bottom: 10px; }
                body .page .container .content .content_inner .content_left .box .box_inner .login .login_avatar {
                  float: left;
                  width: 75px;
                  height: 75px;
                  position: absolute;
                  border: 1px solid silver;
                  padding: 1px;
                  background-color: #fff; }
                body .page .container .content .content_inner .content_left .box .box_inner .login .login_info {
                  float: left;
                  position: absolute;
                  left: 85px; }
                  body .page .container .content .content_inner .content_left .box .box_inner .login .login_info p.username {
                    font-size: 18px; }
            body .page .container .content .content_inner .content_left .box h2 {
              color: #fff;
              text-shadow: #5A5A5A .5px .5px 2px;
              background-color: #44b5d5;
              font-size: 12px;
              font-weight: bold;
              padding: 5px; }
              body .page .container .content .content_inner .content_left .box h2 a {
                color: #fff !important;
                padding-top: 1px;
                padding-bottom: 1px;
                padding-left: 5px; }
                body .page .container .content .content_inner .content_left .box h2 a.float_right {
                  float: right;
                  text-shadow: none;
                  font-weight: normal;
                  text-decoration: none; }
                  body .page .container .content .content_inner .content_left .box h2 a.float_right:hover {
                    color: #fff !important;
                    background-color: #337A8E; }
        body .page .container .content .content_inner .content_right {
          width: 585px;
          float: right; }
          body .page .container .content .content_inner .content_right h1 {
            font-size: 20px;
            color: #5b9dcf;
            font-weight: normal;
            margin-bottom: 10px; }
          body .page .container .content .content_inner .content_right h2 {
            font-size: 16px;
            color: #5b9dcf;
            font-weight: normal;
            margin-bottom: 10px;
            margin-top: 20px; }
          body .page .container .content .content_inner .content_right h3 {
            font-size: 12px;
            color: #5b9dcf;
            font-weight: bold;
            margin-bottom: 10px;
            margin-top: 20px; }
          body .page .container .content .content_inner .content_right ul, body .page .container .content .content_inner .content_right ol {
            margin-left: 20px;
            line-height: 18px;
            margin-bottom: 10px; }
          body .page .container .content .content_inner .content_right pre {
            border: 1px solid silver;
            background-color: #eeeeee;
            padding: 5px;
            margin-bottom: 10px; }
          body .page .container .content .content_inner .content_right .category {
            width: 280px;
            float: left;
            margin: 0 0 20px 0;
            height: 50px;
            background-color: #ECEDEE;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px; }
            body .page .container .content .content_inner .content_right .category.to_right {
              float: right; }
            body .page .container .content .content_inner .content_right .category .category_inner {
              padding: 5px; }
              body .page .container .content .content_inner .content_right .category .category_inner .count {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                float: left;
                width: 60px;
                font-size: 20px;
                line-height: 38px;
                text-align: center;
                margin-right: 10px;
                background-color: #fff;
                border: 1px solid silver;
                color: silver; }
              body .page .container .content .content_inner .content_right .category .category_inner .about {
                float: left;
                width: 190px;
                font-size: 10px;
                color: gray; }
                body .page .container .content .content_inner .content_right .category .category_inner .about h2 {
                  font-size: 14px;
                  margin: 0;
                  margin-bottom: 4px;
                  margin-top: 2px;
                  font-weight: bold; }
                body .page .container .content .content_inner .content_right .category .category_inner .about p {
                  margin: 0;
                  line-height: 14px; }
          body .page .container .content .content_inner .content_right .joke {
            margin-bottom: 20px; }
            body .page .container .content .content_inner .content_right .joke .toolbar {
              font-size: 10px;
              background-image: url("/images/toolbar_bg.gif");
              line-height: 21px;
              height: 21px;
              background-position: left top;
              background-repeat: no-repeat;
              margin-bottom: 4px; }
              body .page .container .content .content_inner .content_right .joke .toolbar .toolbar_inner {
                background-image: url("/images/toolbar_inner_bg.gif");
                height: 21px;
                background-position: top right;
                background-repeat: no-repeat;
                padding: 0 10px 0 10px;
                color: #8e8e8e; }
                body .page .container .content .content_inner .content_right .joke .toolbar .toolbar_inner a {
                  color: #8e8e8e; }
                body .page .container .content .content_inner .content_right .joke .toolbar .toolbar_inner p {
                  margin: 0; }
                body .page .container .content .content_inner .content_right .joke .toolbar .toolbar_inner p.left {
                  float: left; }
                body .page .container .content .content_inner .content_right .joke .toolbar .toolbar_inner p.right {
                  float: right; }
            body .page .container .content .content_inner .content_right .joke .body {
              padding: 0; }
            body .page .container .content .content_inner .content_right .joke .tags {
              text-align: right;
              font-size: 10px;
              color: silver;
              padding-right: 10px; }
              body .page .container .content .content_inner .content_right .joke .tags a {
                color: #8e8e8e; }
      body .page .container .footer {
        background-color: #d54474;
        width: 901px;
        margin: 0 auto 0 auto;
        color: #fff; }
        body .page .container .footer a {
          color: #fff; }
        body .page .container .footer .footer_inner {
          padding: 20px; }
  body .page_bottom {
    width: 100%;
    background-image: url("/images/frontend/bg_page_bottom.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 13px;
    margin-bottom: 30px; }