html, body {
  height: 100%; }

body {
  font-size: 77%;
  line-height: 1;
  height: 100%;
  background-color: #f7fcff;
  color: #666;
  position: relative; }

* html body {
  font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }

*:first-child+html body {
  font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }

head~/* */body body {
  font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }

html:not(:target) body {
  font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN", sans-serif;
  font-size: 12px; }

a:link {
  color: #0099ff;
  text-decoration: none; }

a:visited {
  color: #0099ff;
  text-decoration: none; }

a:hover {
  color: #33ccff;
  text-decoration: underline; }

a:active {
  color: #33ccff;
  text-decoration: underline; }

.cfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .cfix {
  zoom: 1; }

*:first-child+html .cfix {
  zoom: 1; }

img {
  -ms-interpolation-mode: bicubic; }

.arrow {
  background: url("/img/arrow_orange.gif") no-repeat 0px 3px;
  padding: 0 0 0 15px; }

.bdGreenBox {
  background: #fff;
  border: 2px solid;
  border-color: #2db042;
  padding: 10px;
  position: relative; }

.bdGrayBox {
  background: #fff;
  border: 2px solid;
  border-color: #cccccc;
  padding: 10px;
  position: relative; }

.wrapper {
  height: auto;
  position: relative;
  min-height: 100%; }

#pagetop.dog {
  background: url("/img/dog_pattern.gif"); }

* html .wrapper {
  height: 100%; }

#header {
  background: #22ac38 url("/img/header_bg.gif") repeat-x top center; }
  #header .sub {
    background: url("/img/header_bg_sub.gif") repeat-x bottom center;
    height: 1%; }
  #header img {
    display: block; }
  #header .inner {
    width: 960px;
    margin: 0 auto;
    position: relative; }
    #header .inner #logo {
      position: absolute;
      top: 4px;
      left: 0; }
    #header .inner .funk {
      position: absolute;
      top: 4px;
      left: 154px; }
      #header .inner .funk #tagline {
        margin: 0 0 12px 0; }
      #header .inner .funk #globalLink {
        background: #fff;
        padding: 5px 10px;
        float: left; }
        #header .inner .funk #globalLink li {
          float: left;
          font-size: 114%;
          margin: 0 10px 0 0;
          height: 1%;
          line-height: 1; }
          #header .inner .funk #globalLink li span {
            font-size: 86%; }
    #header .inner .btns {
      position: absolute;
      top: 0;
      right: 0; }
      #header .inner .btns li {
        float: right;
        margin: 0 0 0 8px; }
      #header .inner .btns #btnHelp {
        margin: 9px 0 0 8px; }
      #header .inner .btns #btninvite {
        margin: 0 0 0 8px; }
    #header .inner #info {
      position: absolute;
      top: 44px;
      right: 0;
      width: 390px;
      padding: 9px; }
      #header .inner #info dt {
        margin: 0 0 0 0;
        float: left; }
      #header .inner #info dd {
        padding: 2px 0 0;
        width: 330px;
        float: right; }
      #header .inner #info span {
        color: #888; }
  #header #navigation {
    padding: 101px 0 0;
    width: 100%; }
    #header #navigation #tab {
      min-height: 34px;
      line-height: 1;
      padding: 0 0 0 40px;
      font-size: 117%; }
      #header #navigation #tab li {
        float: left;
        margin: 0 5px 0 0; }
        #header #navigation #tab li a {
          display: block !important;
          background: #186618;
          padding: 10px 15px 0 40px;
          height: 24px;
          color: #fff;
          float: left;
          position: relative;
          white-space: nowrap; }
          #header #navigation #tab li a img {
            width: 20px;
            height: 20px;
            display: inline;
            border: 1px solid;
            border-color: #2db042;
            padding: 1px;
            background: #fff;
            position: absolute;
            top: 5px;
            left: 5px; }
        #header #navigation #tab li a.noImg {
          padding: 12px 10px 0; }
        #header #navigation #tab li a:link {
          background: #186618; }
        #header #navigation #tab li a:visited {
          background: #186618; }
        #header #navigation #tab li a:hover {
          background: #207020;
          text-decoration: none; }
        #header #navigation #tab li a:active {
          background: #207020;
          text-decoration: none; }
        #header #navigation #tab li a.current {
          background: #cbe6a9;
          color: #208720;
          cursor: default; }
    #header #navigation #subNavi {
      clear: both;
      min-height: 33px; }
      #header #navigation #subNavi .funkRight {
        float: right;
        padding: 10px 0 0; }
        #header #navigation #subNavi .funkRight .imgBtn {
          font-size: 1px;
          line-height: 1px; }
        #header #navigation #subNavi .funkRight img {
          display: inline;
          margin: -4px 0 -5px 0; }
      #header #navigation #subNavi .funkLeft {
        float: left;
        padding: 13px 0 0; }

* html #subNavi {
  height: 33px; }

#container {
  padding: 0 0 240px 0;
  background: url("/img/nav_shadow.png") repeat-x top; }

#main {
  width: 640px;
  float: left;
  position: static; }

#side {
  width: 300px;
  float: right; }
  #side .bdGrayBox {
    background: #fff; }
  #side .bdGrayBox.pet {
    background: url("/img/crayon_side_bg_base.gif") repeat-y!important;
    padding: 0!important;
    border: 0px; }
    #side .bdGrayBox.pet .bdTop {
      background: url("/img/crayon_side_bg_top.gif") no-repeat top left!important; }
    #side .bdGrayBox.pet .bdBtm {
      background: url("/img/crayon_side_bg_bottom.gif") no-repeat bottom left;
      padding: 15px;
      height: 1%; }
  #side .bdGrayBox.family {
    background: #fff; }

#content {
  width: 960px;
  margin: 0 auto;
  position: relative;
  height: 1%;
  padding: 20px 0 0; }

#functionLink {
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 10000; }

#footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background: url("/img/footer_repeat.png") repeat-x bottom;
  height: 200px; }
  #footer .inner {
    width: 960px;
    height: 200px;
    margin: 0 auto;
    background: url("/img/footer_bg.png") no-repeat;
    position: relative; }
    #footer .inner #btnTop {
      position: absolute;
      top: 75px;
      right: 19px; }
    #footer .inner #ftrLogo {
      position: absolute;
      top: 10px;
      left: 0; }
      #footer .inner #ftrLogo a {
        display: block;
        width: 116px;
        height: 110px; }
      #footer .inner #ftrLogo a:hover {
        text-decoration: none; }
    #footer .inner #staticLink {
      position: absolute;
      top: 134px;
      right: 0;
      width: 100%;
      text-align: center;
      color: #fff; }
      #footer .inner #staticLink span {
        padding: 0 5px; }
      #footer .inner #staticLink a:link, #footer .inner #staticLink a:visited, #footer .inner #staticLink a:hover, #footer .inner #staticLink a:active {
        color: #fff; }
    #footer .inner address {
      position: absolute;
      top: 155px;
      right: 0;
      width: 100%;
      text-align: center;
      color: #fff;
      font-family: Helvetica, Arial;
      font-style: normal;
      font-size: 83%; }
    #footer .inner .none {
      display: none; }

.flash {
  width: 940px;
  margin: 0 auto 20px;
  padding: 10px 10px 8px;
  padding-left: 10px;
  padding-right: 10px;
  border: 2px solid #E9EC00;
  background: #F8FFE0;
  color: #666;
  font-size: 13px; }
  .flash .cancel {
    font-size: 1px;
    display: black;
    float: right;
    margin: -2px 0 0 0;
    cursor: pointer; }

#familyRequest, #followRequest {
  margin: 0 auto 20px;
  padding: 10px 10px 8px;
  border: 2px solid #E9EC00;
  background: #F8FFE0;
  color: #666; }
  #familyRequest p,   #followRequest p {
    float: left;
    font-size: 13px; }
    #familyRequest p span.note,     #followRequest p span.note {
      display: block;
      padding: 10px 0 0;
      font-size: 11px;
      color: #ff9900;
      line-height: 1.4; }
  #familyRequest ul,   #followRequest ul {
    float: right; }
    #familyRequest ul li,     #followRequest ul li {
      float: left;
      padding: 0 0 0 10px; }
      #familyRequest ul li img,       #followRequest ul li img {
        margin: -4px 0 -4px;
        position: relative; }

#loginBox {
  margin: 0 145px; }
  #loginBox h2 {
    margin-bottom: 10px; }
  #loginBox table {
    background: #f6fbf0;
    width: 100%;
    margin: 0 0 15px 0;
    border-bottom: 1px dashed;
    border-bottom-color: #2db042; }
    #loginBox table th, #loginBox table td {
      background: #f6fbf0;
      border-top: 1px dashed;
      border-top-color: #2db042;
      padding: 10px;
      vertical-align: middle; }
      #loginBox table th input.textfield,       #loginBox table td input.textfield {
        border: 1px solid #d6dad2;
        font-size: 20px;
        width: 70%;
        padding: 2px 5px; }
    #loginBox table th {
      padding: 15px 10px 15px 35px;
      width: 150px;
      font-size: 133%;
      font-weight: bold;
      color: #777; }
  #loginBox .btn {
    text-align: center;
    margin: 0 0 15px 0; }
  #loginBox .lead {
    font-size: 117%;
    margin: 0 0 15px;
    line-height: 1.5; }
  #loginBox .forgot {
    margin: 0 0 20px 0;
    text-align: center; }

#bnrDogxi {
  display: block;
  margin: 0 0 20px 0; }

.subBox {
  background: #fbf4ed;
  border: 2px solid #ece2db;
  padding: 10px;
  position: relative; }
  .subBox h3 {
    margin: 0;
    padding: 0 0 5px 0;
    border-bottom: 2px solid;
    border-bottom-color: #8b481e; }
  .subBox .more {
    position: absolute;
    top: 10px;
    right: 10px; }

#profile {
  margin: 0 0 15px 0; }
  #profile h3 {
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 2px solid;
    border-bottom-color: #2db042;
    color: #2db042; }
  #profile .item {
    padding: 0 0 10px 0; }
    #profile .item .userName {
      font-size: 117%;
      margin: 0 0 10px 0; }
    #profile .item a img {
      display: block;
      width: 67px;
      height: 67px;
      padding: 2px;
      border: 1px solid #bbbbbb; }
    #profile .item a span {
      font-size: 11px; }
    #profile .item a img {
      display: block;
      width: 67px;
      height: 67px;
      padding: 2px;
      border: 1px solid #bbbbbb; }
    #profile .item .userImage {
      float: left;
      margin-bottom: 10px;
      position: relative; }
      #profile .item .userImage .label {
        position: absolute;
        top: 65px;
        left: 13px; }
    #profile .item .userAppeal {
      width: 190px;
      float: right;
      line-height: 1.4; }
  #profile #pet_dogs .cfix,   #profile #human_families .cfix,   #profile #owner_users .cfix {
    margin: 0 0 6px 0; }
    #profile #pet_dogs .cfix a,     #profile #human_families .cfix a,     #profile #owner_users .cfix a {
      display: block;
      float: left;
      margin: 0 3px 0 0; }
  #profile #pet_dogs .bdGrayBox,   #profile #human_families .bdGrayBox,   #profile #owner_users .bdGrayBox {
    background: #eefadc; }
  #profile #pet_dogs .name,   #profile #human_families .name,   #profile #owner_users .name {
    margin: 0 0 4px 0;
    font-weight: bold; }
  #profile #pet_dogs img,   #profile #human_families img,   #profile #owner_users img {
    width: 36px;
    height: 36px; }
  #profile .familytext {
    font-size: 117%; }
  #profile #pet_dogs .none {
    text-align: center; }
    #profile #pet_dogs .none img {
      display: inline; }

#mobile {
  margin: 0 0 15px 0; }
  #mobile h3 {
    margin: 0 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 2px solid;
    border-bottom-color: #2db042; }
  #mobile dl {
    padding: 0 100px 0 0;
    height: 1%;
    position: relative;
    min-height: 90px; }
    #mobile dl dt {
      font-size: 14px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0 0 5px; }
    #mobile dl dd img.qrimg {
      position: absolute;
      top: 0;
      right: 0; }
    #mobile dl dd p {
      background: #efefef;
      padding: 4px 4px 4px 50px;
      line-height: 1.5;
      font-size: 11px;
      position: relative;
      height: 1%;
      min-height: 38px; }
      #mobile dl dd p img {
        position: absolute;
        top: 4px;
        left: 4px; }

#album {
  margin: 0 0 15px 0; }
  #album ul {
    padding: 5px 0 0 0; }
    #album ul li {
      float: left;
      margin: 0 3px 3px 0;
      position: relative;
      border: 1px solid #ccc;
      padding: 2px;
      background: #fff; }
      #album ul li a {
        display: block;
        height: 60px;
        width: 60px;
        overflow: hidden; }
        #album ul li a span {
          display: block;
          float: left; }
          #album ul li a span .pic {
            display: block; }
      #album ul li .zoom {
        position: absolute;
        right: 3px;
        bottom: 3px;
        display: none; }

#follow {
  margin: 0 0 15px 0; }
  #follow .tab {
    border-bottom: 2px solid;
    border-bottom-color: #8b481e; }
    #follow .tab li {
      float: left;
      margin: 0 2px 0 0; }
      #follow .tab li a {
        float: left;
        display: block;
        background: #d2b7a7;
        padding: 10px 5px 5px 10px; }
      #follow .tab li a.active {
        background: #8b481e;
        cursor: default; }
      #follow .tab li a:link {
        color: #fff;
        text-decoration: none; }
      #follow .tab li a:visited {
        color: #fff;
        text-decoration: none; }
      #follow .tab li a:hover {
        color: #fff;
        background: #8b481e;
        text-decoration: none; }
      #follow .tab li a:active {
        color: #fff;
        text-decoration: none; }
  #follow .select {
    background: #ede3dd;
    text-align: right;
    padding: 5px; }
  #follow ul.folowlist {
    margin: 5px -5px 0 0; }
    #follow ul.folowlist li {
      float: left;
      margin: 0 4px 14px 0;
      position: relative; }
      #follow ul.folowlist li .label {
        position: absolute;
        top: 57px;
        left: 10px; }
      #follow ul.folowlist li a img {
        width: 60px;
        height: 60px;
        border: 1px solid #ccc;
        padding: 2px;
        background: #fff;
        display: block; }
  #follow .followCont02 {
    display: none; }
  #follow .txtR {
    text-align: right;
    padding: 5px 0 0; }

#group ul li {
  background: #fff;
  margin: 10px 0 0;
  padding: 7px; }
  #group ul li .icon {
    float: left; }
    #group ul li .icon img {
      width: 50px;
      height: 50px;
      border: 1px solid #ccc;
      padding: 2px;
      background: #fff; }
  #group ul li .gName {
    float: right;
    width: 190px;
    padding: 10px 0 0 0;
    line-height: 1.5; }

ul.memberlist {
  margin: 5px -5px 0 0; }
  ul.memberlist li {
    float: left;
    margin: 0 4px 4px 0;
    position: relative; }
    ul.memberlist li .label {
      position: absolute;
      top: 57px;
      left: 10px; }
    ul.memberlist li a img {
      width: 60px;
      height: 60px;
      border: 1px solid #ccc;
      padding: 2px;
      background: #fff;
      margin: 0 0 10px 0;
      display: block; }

#follow_status {
  margin: 0 0 20px 0; }
  #follow_status .left {
    float: left;
    margin: 0 20px 0 0;
    position: relative; }
    #follow_status .left .label {
      position: absolute;
      top: 95px;
      left: 26px; }
    #follow_status .left p img {
      height: 97px;
      width: 97px;
      border: 1px solid #ccc;
      padding: 2px;
      background: #fff; }
  #follow_status .passive {
    margin: 0 10px 0 0; }
  #follow_status h3 {
    font-size: 200%;
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    color: #333; }

#new_status, #current_status_form {
  width: 636px;
  margin: 0 0 15px 0;
  padding: 0;
  background: #fff;
  border: 2px solid #8B481E; }
  #new_status .content,   #current_status_form .content {
    margin: 0;
    border: 0;
    background: none;
    padding: 0; }
  #new_status #status_user_id_links,   #current_status_form #status_user_id_links {
    margin: 0;
    background: #8a471b; }
    #new_status #status_user_id_links .tab,     #current_status_form #status_user_id_links .tab {
      padding: 1px 10px 0; }
    #new_status #status_user_id_links span,     #current_status_form #status_user_id_links span {
      background: #fff;
      display: block;
      padding: 3px 15px;
      float: left;
      margin: 0 4px 0 0; }
      #new_status #status_user_id_links span img,       #current_status_form #status_user_id_links span img {
        display: block;
        float: left; }
      #new_status #status_user_id_links span strong,       #current_status_form #status_user_id_links span strong {
        display: block;
        float: left;
        padding: 0 0 0 5px;
        height: 24px;
        line-height: 24px;
        font-weight: normal;
        color: #8a471b; }
    #new_status #status_user_id_links a,     #current_status_form #status_user_id_links a {
      display: block;
      background: #743e1b;
      padding: 3px 15px;
      float: left;
      margin: 0 4px 0 0; }
    #new_status #status_user_id_links img,     #current_status_form #status_user_id_links img {
      width: 20px;
      height: 20px;
      border: 1px solid #5e2c0c;
      padding: 1px;
      background: #fff; }
  #new_status .inner,   #current_status_form .inner {
    padding: 5px 10px 10px; }
    #new_status .inner .btns,     #current_status_form .inner .btns {
      height: 141px;
      width: 95px;
      position: relative;
      float: left; }
      #new_status .inner .btns li,       #current_status_form .inner .btns li {
        font-size: 1px;
        line-height: 1px;
        width: 95px;
        font-family: "ＭＳ Ｐゴシック", "MS P Gothic"; }
        #new_status .inner .btns li img,         #current_status_form .inner .btns li img {
          display: block; }
    #new_status .inner #boxRight,     #current_status_form .inner #boxRight {
      width: 517px;
      float: right;
      position: relative; }
      #new_status .inner #boxRight .counter,       #current_status_form .inner #boxRight .counter {
        position: absolute;
        top: 5px;
        right: 0;
        font-size: 18px;
        color: #bbb;
        font-family: Helvetica, Arial !important;
        font-weight: bold; }
      #new_status .inner #boxRight .exceeded,       #current_status_form .inner #boxRight .exceeded {
        color: #ff9900; }
  #new_status #towho,   #current_status_form #towho {
    margin: 5px 0; }
    #new_status #towho select,     #current_status_form #towho select {
      width: 10em; }
  #new_status #walking_status_block,   #current_status_form #walking_status_block {
    background-color: #ecf8e8; }
  #new_status #shopping_status_block,   #current_status_form #shopping_status_block {
    background-color: #fdeaf4; }
  #new_status #food_status_block,   #current_status_form #food_status_block {
    background-color: #ffefdf; }
  #new_status #poo_status_block,   #current_status_form #poo_status_block {
    background-color: #faf5db; }
  #new_status .round,   #current_status_form .round {
    margin: 0 0 5px 0;
    padding: 6px 10px;
    display: block;
    min-height: 22px;
    line-height: 1; }
  #new_status #textarea,   #current_status_form #textarea {
    margin: 0 0 3px 0; }
    #new_status #textarea p,     #current_status_form #textarea p {
      margin: 0 0 0px 0; }
    #new_status #textarea textarea,     #current_status_form #textarea textarea {
      color: #666;
      width: 100%;
      height: 55px;
      font-size: 140%; }
    #new_status #textarea textarea:focus, #new_status #textarea textarea.focused,     #current_status_form #textarea textarea:focus, #current_status_form #textarea textarea.focused {
      border: 1px solid #ffc71b;
      background: #fffcf1;
      color: #666; }
  #new_status #funkLeft,   #current_status_form #funkLeft {
    width: 70%;
    float: left;
    padding: 0 0 0; }
    #new_status #funkLeft input#status_image,     #current_status_form #funkLeft input#status_image {
      width: 260px; }
    #new_status #funkLeft img,     #current_status_form #funkLeft img {
      margin: 3px 0 -3px 0; }
  #new_status #funkRight,   #current_status_form #funkRight {
    width: 123px;
    float: right;
    padding: 5px 0 0; }

* html #new_status {
  height: 150px; }


#statuses #current_status_form {
  width: 555px; }

#statuses #current_status_form #boxRight {
  width: 427px; }

#new_status.dog .content {
  background: url("/img/dog_pattern.gif") !important; }

#search_condition_form {
  padding: 7px 10px;
  border: 2px solid #ffae00;
  background: #fcfcdb;
  margin: 0 0 10px; }
  #search_condition_form .btn, #search_condition_form .open {
    float: right;
    margin: 0; }
  #search_condition_form .span {
    display: inline-table;
    white-space: nowrap; }
  #search_condition_form .inner {
    display: none; }

#statuses {
  padding: 0 !important;
  margin: 0 !important; }
  #statuses .item {
    position: relative;
    margin-bottom: 10px;
    padding: 10px;
    border: 2px solid #ece2db;
    background: #fbf4ed; }
    #statuses .item .bdGrayBox {
      margin: 0 0 0 100px;
      height: 1%;
      padding: 0; }
      #statuses .item .bdGrayBox .inner {
        height: 1%;
        background: url(/img/blank.gif);
        padding: 10px 38px 10px 14px; }
      #statuses .item .bdGrayBox .tip {
        position: absolute;
        background: url("/img/status_tip.gif") no-repeat;
        height: 18px;
        width: 20px;
        top: 20px;
        left: -18px; }
      #statuses .item .bdGrayBox .shareIcon {
        float: left;
        padding: 0 8px 0 0; }
      #statuses .item .bdGrayBox .tweetCategory {
        margin: 0 0 4px 0;
        padding: 0; }
        #statuses .item .bdGrayBox .tweetCategory .statusIcon {
          margin: 0 8px -3px 0; }
        #statuses .item .bdGrayBox .tweetCategory .stars {
          display: inline-table;
          white-space: nowrap; }
        #statuses .item .bdGrayBox .tweetCategory .cat {
          display: inline-table;
          padding: 0;
          margin: 0; }
        #statuses .item .bdGrayBox .tweetCategory .pfix {
          margin: 0 1px -1px 0; }
      #statuses .item .bdGrayBox img.icon {
        margin: 0 0 -2px; }
      #statuses .item .bdGrayBox .tweetbody {
        line-height: 1.5;
        margin: 0 0 8px;
        word-wrap: break-word; }
        #statuses .item .bdGrayBox .tweetbody strong {
          font-size: 140%; }
        #statuses .item .bdGrayBox .tweetbody .single {
          float: right;
          margin: 0 0 0 10px;
          position: relative; }
          #statuses .item .bdGrayBox .tweetbody .single img.pic {
            padding: 2px;
            border: 1px solid #BCBABB;
            background: #fff; }
          #statuses .item .bdGrayBox .tweetbody .single .zoom {
            position: absolute;
            right: 6px;
            bottom: 6px;
            display: none; }
      #statuses .item .bdGrayBox .name {
        margin: 0 0 8px; }
    #statuses .item .bdGrayBox.dog {
      background: url("/img/crayon_lrg_bg_base.gif") repeat-y;
      border: 0px; }
      #statuses .item .bdGrayBox.dog .bdTop {
        background: url("/img/crayon_lrg_bg_top.gif") no-repeat top left; }
      #statuses .item .bdGrayBox.dog .bdBtm {
        background: url("/img/crayon_lrg_bg_bottom.gif") no-repeat bottom left;
        padding: 5px 2px;
        height: 1%; }
      #statuses .item .bdGrayBox.dog .tip {
        position: absolute;
        background: url("/img/crayon_bg_tip.gif") no-repeat;
        height: 1%;
        height: 30px;
        width: 24px;
        top: 22px;
        left: -17px; }
    #statuses .item .avatar {
      position: absolute;
      top: 10px;
      left: 10px;
      border: 1px solid #BCBABB;
      background: #fff; }
      #statuses .item .avatar a {
        width: 72px;
        height: 72px;
        display: block;
        background: #fff; }
        #statuses .item .avatar a img {
          padding: 2px;
          width: 67px;
          height: 67px; }
      #statuses .item .avatar .label {
        position: absolute;
        top: 65px;
        left: 13px; }
    #statuses .item .delete {
      position: absolute;
      top: 8px;
      right: 8px;
      display: none; }
    #statuses .item .comments {
      padding: 0 0 0 50px; }
      #statuses .item .comments .comentItem {
        padding: 10px 0 0 0;
        position: relative;
        min-height: 73px; }
        #statuses .item .comments .comentItem .userDigest {
          position: absolute;
          top: 5px;
          left: 0px; }
        #statuses .item .comments .comentItem .bdGrayBox.dog {
          background: url("/img/crayon_sml_bg_base.gif") repeat-y;
          border: 0px; }
          #statuses .item .comments .comentItem .bdGrayBox.dog .bdTop {
            background: url("/img/crayon_sml_bg_top.gif") no-repeat top left; }
          #statuses .item .comments .comentItem .bdGrayBox.dog .bdBtm {
            background: url("/img/crayon_sml_bg_bottom.gif") no-repeat bottom left;
            height: 1%;
            padding: 5px 2px; }
        #statuses .item .comments .comentItem .inner {
          padding: 14px 38px 14px 14px; }
        #statuses .item .comments .comentItem .avatarChild {
          position: absolute;
          top: 10px;
          left: 0;
          border: 1px solid #BCBABB;
          background: #fff; }
          #statuses .item .comments .comentItem .avatarChild .label {
            position: absolute;
            top: 61px;
            left: 11px;
            width: 45px;
            height: 15px; }
          #statuses .item .comments .comentItem .avatarChild img {
            padding: 2px;
            width: 67px;
            height: 67px; }
          #statuses .item .comments .comentItem .avatarChild a {
            height: 71px;
            width: 71px;
            display: block; }
        #statuses .item .comments .comentItem .comentBody {
          font-size: 117%;
          margin: 0 0 10px 0;
          word-wrap: break-word; }
        #statuses .item .comments .comentItem .label {
          position: absolute;
          top: 75px;
          left: 12px; }
      #statuses .item .comments .openerBtn {
        font-weight: bold;
        border: 1px solid #d6d6d6;
        text-align: center;
        padding: 6px;
        margin: 8px 0 0;
        background: url("/img/btn_white_bg.gif") top left; }
      #statuses .item .comments .noMore {
        display: block;
        text-align: center;
        padding: 6px;
        color: #ff8100; }
      #statuses .item .comments .new_comment {
        margin: 10px 0 0 0; }
        #statuses .item .comments .new_comment .content {
          margin-top: 20px;
          background: #fff; }
      #statuses .item .comments .commentBtn img {
        float: right;
        text-align: right;
        margin: 0 0 0 10px; }
  #statuses .extraLink {
    margin: 5px 0 0 0; }
  #statuses .label {
    position: absolute;
    top: 75px;
    left: 24px;
    z-index: 29; }

.shareLink p {
  float: right; }

.shareList {
  position: relative;
  display: block;
  margin: 10px 0 0 50px;
  background: #fff;
  border: 0;
  padding: 10px 15px 5px 15px!important;
  line-height: 1.5;
  font-size: 92%; }
  .shareList p.shareNumber {
    float: left;
    width: 8em;
    height: 20px;
    line-height: 25px;
    height: 1%; }
  .shareList div.switch {
    position: absolute;
    top: 12px;
    left: 485px;
    display: none; }
  .shareList ul {
    float: left;
    width: 376px;
    margin-right: 20px;
    overflow: hidden;
    display: none;
    height: 1%; }
    .shareList ul li {
      float: left;
      display: block;
      padding: 0 5px 5px 0; }
      .shareList ul li a {
        position: relative;
        padding: 3px 8px 3px 33px!important;
        display: block;
        background: #f6f6f6;
        height: 18px;
        line-height: 18px;
        white-space: nowrap; }
        .shareList ul li a img {
          position: absolute;
          top: 3px;
          left: 8px;
          width: 14px;
          height: 14px;
          border: 1px solid;
          border-color: #cccccc;
          padding: 1px;
          background: #fff; }
      .shareList ul li a:link {
        color: #0099ff;
        text-decoration: none; }
      .shareList ul li a:visited {
        color: #0099ff;
        text-decoration: none; }
      .shareList ul li a:hover {
        color: #0099ff;
        background: #eee;
        text-decoration: none;
        cursor: pointer; }
      .shareList ul li a:active {
        color: #0099ff;
        background: #eee;
        text-decoration: none;
        cursor: pointer; }

* html .shareList ul {
  margin: 0 0 0 0; }

* html .shareList li a {
  width: 1px; }

p.formText {
  padding: 20px !important; }

* html #statuses .item .bdGrayBox .tip {
  left: -16px; }

*:first-child+html #statuses .item .bdGrayBox .tip {
  left: -16px; }

* html #statuses .item .bdGrayBox.dog .tip {
  left: -17px; }

*:first-child+html #statuses .item .bdGrayBox.dog .tip {
  left: -17px; }

#headerStatuses {
  min-height: 442px;
  background: #22ac38 url("/img/top_bg.gif") repeat-x top center; }
  #headerStatuses img {
    display: block; }
  #headerStatuses .inner {
    width: 960px;
    margin: 0 auto;
    position: relative; }
    #headerStatuses .inner h1, #headerStatuses .inner p {
      position: absolute; }
    #headerStatuses .inner #logo {
      top: 0;
      left: 372px; }
    #headerStatuses .inner .lead {
      top: 245px;
      left: 347px; }
    #headerStatuses .inner .bllnLogin {
      top: 170px;
      left: 58px; }
    #headerStatuses .inner .btnLogin {
      top: 229px;
      left: 13px; }
    #headerStatuses .inner .bllnSubmit {
      top: 170px;
      left: 735px; }
    #headerStatuses .inner .btnSubmit {
      top: 229px;
      left: 687px; }
    #headerStatuses .inner .loginsmall {
      top: 0;
      right: 15px; }
    #headerStatuses .inner #broExp {
      padding: 337px 13px 10px;
      color: #fff; }
      #headerStatuses .inner #broExp p {
        position: static; }
      #headerStatuses .inner #broExp #broLeft {
        width: 594px;
        float: left; }
        #headerStatuses .inner #broExp #broLeft h3 {
          margin: 0 0 12px; }
        #headerStatuses .inner #broExp #broLeft p {
          line-height: 1.6; }
      #headerStatuses .inner #broExp #broRight {
        width: 316px;
        float: right;
        background: #7acd88;
        padding: 7px; }
        #headerStatuses .inner #broExp #broRight h3 {
          float: left; }
        #headerStatuses .inner #broExp #broRight #brosWrap {
          width: 167px;
          float: right;
          position: relative;
          font-size: 11px;
          color: #654206; }
          #headerStatuses .inner #broExp #broRight #brosWrap .pfix {
            position: absolute;
            top: 23px;
            left: 68px; }
          #headerStatuses .inner #broExp #broRight #brosWrap #bro1 {
            width: 76px;
            float: left;
            text-align: center; }
          #headerStatuses .inner #broExp #broRight #brosWrap #bro2 {
            width: 76px;
            float: right;
            text-align: center; }
          #headerStatuses .inner #broExp #broRight #brosWrap #bro1 img, #headerStatuses .inner #broExp #broRight #brosWrap #bro2 img {
            border: 1px solid #ccc;
            padding: 2px;
            background: #fff;
            margin: 0 0 3px; }

#bigTitle {
  background: #fff;
  border: 2px solid #d4efff;
  padding: 10px;
  margin: 0 0 15px; }
  #bigTitle h2 {
    margin: 0 0 8px; }
  #bigTitle #kind_form {
    background: #fff;
    padding: 0px; }

#popularUser {
  margin: 0 0 15px 0; }
  #popularUser #popular_users .cfix {
    padding: 10px 0 0;
    position: relative;
    margin-bottom: 5px; }
    #popularUser #popular_users .cfix .label {
      position: absolute;
      top: 75px;
      left: 13px; }
  #popularUser #popular_users .avatar {
    display: block;
    float: left; }
    #popularUser #popular_users .avatar img {
      width: 67px;
      height: 67px;
      border: 1px solid;
      border-color: #cccccc;
      padding: 2px;
      background: #fff; }
  #popularUser #popular_users .body {
    width: 185px;
    float: right;
    position: relative;
    line-height: 1.5; }
  #popularUser #popular_users .tip {
    position: absolute;
    background: url("/img/status_tip.gif") no-repeat;
    height: 18px;
    width: 20px;
    top: 17px;
    left: -16px; }
  #popularUser #popular_users h4 {
    margin: 4px 0 0;
    font-weight: normal; }
  #popularUser #popular_users p {
    word-wrap: break-word; }

#profileDetail h2.title {
  font-size: 180%;
  margin: 0 0 20px;
  color: #333; }
#profileDetail #prMain {
  width: 616px;
  margin: 0 0 15px;
  float: left; }
  #profileDetail #prMain .btn {
    margin: 0 0 10px;
    text-align: right; }
  #profileDetail #prMain .avatar {
    float: left;
    width: 200px; }
    #profileDetail #prMain .avatar img {
      border: 1px solid #ccc;
      padding: 3px;
      width: 192px;
      height: 192px; }
  #profileDetail #prMain table.dotted {
    width: 400px;
    float: right; }
    #profileDetail #prMain table.dotted th {
      width: 10em;
      color: #2db042; }
    #profileDetail #prMain table.dotted th, #profileDetail #prMain table.dotted td {
      border-top: 1px dotted #ccc;
      padding: 6px 0;
      line-height: 1.5; }
#profileDetail .mobileInfo h3 {
  border-bottom: 2px solid #2db042;
  padding: 2px 0 10px; }
#profileDetail .mobileInfo dl {
  position: relative;
  padding: 10px 0 0 0;
  line-height: 1.5; }
  #profileDetail .mobileInfo dl dt {
    font-weight: bold;
    padding-left: 120px;
    display: block; }
  #profileDetail .mobileInfo dl dd {
    margin: 0 0 5px 120px; }
  #profileDetail .mobileInfo dl dd.qrImg {
    position: absolute;
    top: 12px;
    left: 10px;
    margin: 0 0 10px 0; }
#profileDetail .fRight {
  width: 300px;
  float: right;
  margin: 0 0 8px; }
  #profileDetail .fRight #prFamily {
    width: 276px;
    float: right;
    margin: 0 0 8px;
    position: relative; }
    #profileDetail .fRight #prFamily .btn {
      position: absolute;
      top: 9px;
      right: 10px; }
    #profileDetail .fRight #prFamily h3 {
      border-bottom: 2px solid #2db042;
      padding: 2px 0 12px; }
    #profileDetail .fRight #prFamily li {
      list-style: none;
      text-align: center;
      float: left;
      width: 92px;
      padding: 10px 0 0;
      position: relative; }
      #profileDetail .fRight #prFamily li .label {
        position: absolute;
        top: 75px;
        left: 22px; }
      #profileDetail .fRight #prFamily li a img {
        width: 67px;
        height: 67px;
        border: 1px solid #ccc;
        padding: 2px;
        margin: 0 0 13px; }
#profileDetail .adddog {
  width: 302px;
  float: right;
  text-align: center;
  margin: 0 0 15px; }
#profileDetail #bro {
  clear: both;
  position: relative;
  margin: 0 0 15px;
  border: 2px solid #ff9900;
  background: #fbf4ed; }
  #profileDetail #bro h3 {
    border-bottom: 2px solid #ff9900;
    padding: 0 0 8px;
    margin: 0 0 10px; }
  #profileDetail #bro ul li {
    float: left;
    width: 73px;
    margin: 0 10px 0 0; }
    #profileDetail #bro ul li img {
      height: 67px;
      width: 67px;
      background: #fff;
      padding: 2px;
      border: 1px solid #ccc;
      margin: 0 0 4px; }
    #profileDetail #bro ul li p {
      text-align: center; }
#profileDetail .prFollow {
  clear: both;
  position: relative;
  margin: 0 0 15px; }
  #profileDetail .prFollow h3 {
    border-bottom: 2px solid #2db042;
    padding: 0 0 8px;
    margin: 0; }
  #profileDetail .prFollow p.select {
    text-align: right;
    padding: 5px;
    margin: 0 0 10px;
    background: #eefadc; }
  #profileDetail .prFollow p.more {
    position: absolute;
    top: 8px;
    left: 130px; }
  #profileDetail .prFollow .folowlist li {
    float: left;
    margin: 0 10px 10px 0;
    position: relative; }
    #profileDetail .prFollow .folowlist li .label {
      position: absolute;
      top: 65px;
      left: 14px; }
    #profileDetail .prFollow .folowlist li a img {
      height: 67px;
      width: 67px;
      border: 1px solid #ccc;
      padding: 2px; }
#profileDetail .prGroup li {
  padding: 6px;
  width: 290px;
  float: left;
  background: #eefadc;
  margin: 5px; }
  #profileDetail .prGroup li .icon {
    float: left; }
    #profileDetail .prGroup li .icon img {
      height: 50px;
      width: 50px;
      border: 1px solid #ccc;
      padding: 2px;
      background: #fff; }
  #profileDetail .prGroup li .gName {
    width: 220px;
    float: right;
    padding: 10px 0 0; }

#profileEdit h2.title {
  font-size: 180%;
  margin: 0 0 20px;
  color: #333; }
#profileEdit .rBox {
  float: right;
  width: 710px; }
#profileEdit table.dotted {
  width: 100%;
  margin: 0 0 20px; }
  #profileEdit table.dotted th {
    width: 19em;
    color: #2db042; }
  #profileEdit table.dotted th, #profileEdit table.dotted td {
    border-bottom: 1px dotted #ccc;
    padding: 6px 0;
    line-height: 1.5;
    vertical-align: top; }
#profileEdit .lBox {
  float: left;
  width: 200px; }
  #profileEdit .lBox .btn {
    text-align: center;
    padding: 5px 0 0; }
  #profileEdit .lBox .avatar img {
    border: 1px solid #ccc;
    padding: 3px;
    width: 192px;
    height: 192px; }
#profileEdit textarea {
  width: 100%;
  height: 70px; }
#profileEdit h3 {
  border-bottom: 2px solid;
  border-bottom-color: #2db042;
  color: #2db042;
  padding: 0 0 8px;
  margin: 0 0 4px;
  font-size: 117%; }
#profileEdit .profilePic img {
  height: 200px;
  width: 200px;
  border: 1px solid #ccc;
  padding: 3px; }
#profileEdit .profilePic p {
  border-bottom: 1px dotted #ccc;
  padding: 4px 0 8px; }
#profileEdit .profilePic .onethird {
  width: 33%;
  float: left;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 8px; }
  #profileEdit .profilePic .onethird label {
    display: block;
    padding: 8px 0 6px; }
  #profileEdit .profilePic .onethird #user_image1, #profileEdit .profilePic .onethird #user_image2, #profileEdit .profilePic .onethird #user_image3, #profileEdit .profilePic .onethird #dog_image1, #profileEdit .profilePic .onethird #dog_image2, #profileEdit .profilePic .onethird #dog_image3 {
    width: 200px;
    margin: 0 0 8px; }
  #profileEdit .profilePic .onethird img {
    display: block;
    margin: 0 0 4px; }
#profileEdit .submit {
  padding: 20px 0 10px; }

#editFamily h2.title {
  font-size: 180%;
  margin: 0 0 20px;
  color: #333; }
#editFamily p {
  line-height: 1.5; }
#editFamily ul li {
  width: 30%;
  float: left;
  padding: 10px;
  margin: 5px; }
  #editFamily ul li .avatar {
    float: left; }
    #editFamily ul li .avatar img {
      border: 1px solid #ccc;
      padding: 2px;
      height: 67px;
      width: 67px;
      background: #fff; }
  #editFamily ul li .body {
    float: right;
    width: 190px; }
  #editFamily ul li .name {
    padding: 10px 0;
    font-size: 117%; }
#editFamily ul .family {
  background: #fbf4ed; }
#editFamily ul .notFamily {
  background: #eefadc; }

#groupTop h3 {
  margin: 0 0 8px; }
#groupTop ul li {
  float: left;
  width: 25%;
  padding: 0 0 5px;
  margin: 0 0 5px;
  border-bottom: 1px dotted #ccc; }
  #groupTop ul li a {
    display: block;
    text-decoration: none;
    min-height: 30px;
    padding: 8px 5px 5px 45px;
    position: relative;
    line-height: 1.2;
    background: #fff;
    margin: 0 4px;
    border: 1px solid #ece2db; }
    #groupTop ul li a img {
      height: 27px;
      width: 27px;
      background: #fff;
      padding: 1px;
      border: 1px solid #ccc;
      position: absolute;
      top: 5px;
      left: 5px; }

* html #groupTop a {
  height: 30px; }

.groupTitle {
  margin: 0 0 20px; }
  .groupTitle img {
    border: 1px solid #ccc;
    padding: 2px;
    height: 67px;
    width: 67px;
    background: #fff;
    float: left;
    margin: 0 15px 0 0; }
  .groupTitle h2 {
    padding: 25px 0 0;
    font-size: 180%;
    color: #333; }

#profile p.manager {
  margin: 0 0 10px; }
#profile p.managerImage {
  float: left;
  margin-bottom: 10px;
  position: relative; }
  #profile p.managerImage img {
    display: block;
    width: 67px;
    height: 67px;
    padding: 2px;
    border: 1px solid #bbbbbb; }

.wid600 {
  margin: 0 145px; }

h2.title {
  font-size: 180%;
  margin: 0 0 20px;
  color: #333; }

#invite p {
  padding: 0 0 15px; }
#invite #mailbody {
  background: #eefadc;
  padding: 15px 15px 0;
  line-height: 1.6;
  margin: 0 0 15px; }
#invite .textArea {
  width: 600px;
  height: 120px;
  font-size: 117%; }
#invite .textfields {
  width: 600px;
  font-size: 117%; }
#invite .inputArea {
  padding: 5px;
  margin: 0 0 25px; }
#invite .exp {
  font-size: 117%;
  font-weight: bold;
  margin-top: 10px; }

#users {
  padding: 20px 10px; }
  #users ul li {
    width: 70px;
    float: left;
    margin: 0 17px 0;
    display: inline;
    min-height: 130px;
    position: relative; }
    #users ul li .label {
      position: absolute;
      top: 65px;
      left: 14px; }
    #users ul li a {
      display: block; }
      #users ul li a img {
        height: 67px;
        width: 67px;
        padding: 2px;
        border: 1px solid #ccc;
        background: #fff;
        margin: 0 0 8px 0; }
    #users ul li .avatar {
      margin: 0 0 5px; }
    #users ul li .name {
      text-align: center;
      line-height: 1.4; }
  #users p {
    text-align: center; }

* html #users ul li {
  height: 130px;
  margin: 0 9px 0 17px; }

#more_list_loading {
  display: none;
  margin: 10px 0 0 0;
  position: absolute;
  top: 55px;
  left: 415px;
  font-size: 133%;
  font-weight: bold;
  color: #999;
  text-align: center; }

#request_status .lead {
  margin: 0 0 15px; }
#request_status ul li {
  width: 30%;
  float: left;
  padding: 10px;
  margin: 5px;
  background: #eefadc; }
  #request_status ul li .avatar {
    float: left; }
    #request_status ul li .avatar img {
      width: 67px;
      height: 67px;
      padding: 2px;
      background: #fff;
      border: 1px solid #ccc; }
  #request_status ul li .rBox {
    width: 200px;
    float: right; }
    #request_status ul li .rBox .usrName {
      font-size: 117%;
      margin: 0 0 10px; }
    #request_status ul li .rBox .btn img {
      margin: 0 5px 0 0; }

#matching_event {
  border: 2px solid #ff9900;
  background: #fbf4ed;
  padding: 10px;
  margin: 0 0 15px;
  color: #ff9900;
  font-weight: bold;
  height: 1%; }
  #matching_event a {
    float: right;
    display: block;
    margin: -3px 0 -8px;
    height: 1%; }

#showEvent {
  position: absolute;
  top: 150px !important;
  left: 50%;
  display: none;
  padding: 0;
  margin: 0 0 0 -372px; }
  #showEvent #flashArea {
    width: 744px;
    height: 412px;
    position: relative; }
    #showEvent #flashArea p.btn {
      position: absolute;
      top: 361px;
      left: 320px;
      display: none;
      z-index: 1000; }

.overlay {
  background: url(/img/opacity.png);
  height: 100% !important;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

#brotherWrap {
  position: absolute;
  top: 0;
  left: 5px;
  width: 734px;
  padding: 0;
  overflow: hidden;
  height: 430px; }
  #brotherWrap .brotherBox {
    border: solid 2px #ffae00;
    background: #fcfcdb;
    width: 250px;
    padding: 0;
    position: absolute;
    display: none; }
    #brotherWrap .brotherBox .inner {
      padding: 10px; }
  #brotherWrap .left {
    top: 150px;
    left: -260px; }
  #brotherWrap .right {
    top: 150px;
    right: -260px; }
  #brotherWrap .brotherBox .photo {
    float: left;
    width: 71px; }
    #brotherWrap .brotherBox .photo img {
      width: 67px;
      height: 67px;
      background: #fff;
      padding: 2px;
      border: 1px solid #ccc; }
  #brotherWrap .brotherBox p {
    float: right;
    font-size: 117%;
    width: 140px;
    line-height: 1.4; }

.close {
  position: absolute;
  top: -10px;
  right: -10px; }

.txt14 {
  font-size: 114%; }

.addDog {
  text-align: center;
  padding: 40px 0; }

#static {
  line-height: 1.5; }
  #static .bdGreenBox {
    padding: 30px 100px 30px; }
  #static h3 {
    font-size: 117%;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
    margin: 1.5em 0 0.5em; }
  #static p {
    margin: 0 0 1em; }
  #static ol, #static ul {
    margin: 0 0 1em;
    padding: 0 0 0 2em; }
    #static ol li,     #static ul li {
      margin: 0.5em 0 0; }
  #static .decimal li {
    list-style: decimal; }
  #static .disc li {
    list-style: disc; }
  #static .noStyle li {
    list-style: none;
    text-indent: -1.5em;
    padding: 0 0 0 1.5em; }
  #static ol ol, #static ol ul,   #static ul ol, #static ul ul {
    padding: 0;
    margin: 0; }
  #static .txtR {
    text-align: right; }
  #static dl.kimochi dt {
    font-weight: bold;
    width: 5em;
    float: left; }
  #static dl.kimochi dd {
    padding: 0 0 10px;
    overflow: hidden;
    zoom: 1; }
  #static dl.kimochi .ki {
    color: #129edf; }
  #static dl.kimochi .sa {
    color: #3ebb17; }
  #static dl.kimochi .go {
    color: #eb8c00; }
  #static dl.kimochi .un {
    color: #b09900; }
  #static dl.kimochi .ka {
    color: #d9006f; }
  #static table {
    border-top: 1px solid #ccc; }
    #static table th, #static table td {
      border-bottom: 1px solid #ccc;
      padding: 5px 10px 5px 0; }
    #static table th {
      width: 12em; }
    #static table td.parent {
      padding: 0; }
      #static table td.parent table {
        width: 100%;
        border: none; }
        #static table td.parent table .noBorder {
          border: none; }
    #static table #map {
      border-bottom: 1px solid #ccc;
      padding: 0 0 5px; }
      #static table #map .single {
        float: left;
        margin: 0 15px 0 0; }
      #static table #map p.gmap {
        text-align: right; }
  #static .paragraph {
    padding: 0 0 20px;
    position: relative;
    height: 1%; }
  #static .body {
    overflow: hidden;
    zoom: 1; }
  #static .fLeft {
    float: left;
    margin: 1.5em 20px 0 0; }
  #static .new {
    position: absolute;
    top: 0;
    left: -20px; }

.help h3, .thanksCreate h3 {
  color: #2db042; }
.help .subtitle, .thanksCreate .subtitle {
  font-size: 140%;
  margin: 40px 0 20px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 5px; }
.help .popular, .thanksCreate .popular {
  padding: 20px 0 0 0;
  font-size: 114%; }

.status_protected {
  padding: 20px 10px 20px 35px;
  border: 2px solid #ffae00;
  background: #fcfcdb url("/img/lock.gif") no-repeat  15px 17px;
  margin: 0 0 10px; }

.round {
  padding: 20px;
  margin: 0 0 20px 0; }

.chckrGreen {
  background: url(/opensocial/images/bg_checker_green.gif); }

#invite {
  line-height: 1.5; }
  #invite .inviteWrap {
    width: 865px;
    margin: 0 auto; }
  #invite #title {
    margin: 20px 0 15px; }
  #invite .chckrGreen {
    padding: 20px 35px;
    margin: 0 0 50px 0; }
    #invite .chckrGreen .left {
      float: left; }
    #invite .chckrGreen .right {
      float: right;
      margin: 30px 40px 0 0;
      padding: 0; }
  #invite p.submit {
    margin: 20px 0 0 0;
    text-align: right; }
  #invite h2 {
    margin: 0 0 15px 0; }
  #invite #aboutDogxi {
    margin: 0 55px 0 35px; }
    #invite #aboutDogxi dl {
      margin: 0 0 0 0;
      position: relative; }
    #invite #aboutDogxi dt {
      font-size: 117%;
      font-weight: bold;
      border-bottom: solid 2px #cdedc7;
      margin: 0 0 0 270px;
      color: #31b519; }
    #invite #aboutDogxi dd {
      padding: 5px 0 20px 270px;
      min-height: 150px;
      font-size: 117%; }
      #invite #aboutDogxi dd .absolute {
        position: absolute;
        top: 0;
        left: 0px; }

* html #help #aboutDogxi dt {
  height: 1%; }

* html #invite #aboutDogxi dd {
  height: 150px; }

* html #invite #aboutDogxi dd .absolute {
  margin: 0 0 0 -270px; }

.prettyLoader {
  background: url(/img/prettyLoader.png) top left no-repeat;
  height: 30px;
  position: absolute;
  width: 30px;
  z-index: 30000;
  top: 0;
  left: 0; }

.prettyLoader img {
  display: block;
  margin: 7px 0 0 7px; }

.pl_ie6 {
  background-image: url(/img/prettyLoader.gif); }

#search_filter_link {
  background: rgb(252, 252, 219);
  border: 2px solid rgb(255, 174, 0);
  margin: 0px 0px 10px;
  padding: 10px 10px 5px;
  font-size: 92%; }
  #search_filter_link a {
    background: #fff;
    display: block;
    float: left;
    padding: 7px 7px;
    margin: 0 4px 5px 0;
    border: solid 1px #fcf6c1; }
  #search_filter_link strong {
    background: #f7f7f7;
    display: block;
    float: left;
    padding: 7px 7px;
    margin: 0 4px 5px 0;
    font-weight: normal;
    border: solid 1px #e6e6e6;
    color: #999; }

.userDigest {
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 10000;
  line-height: 1.4;
  display: none; }
  .userDigest .textBox {
    padding: 0 0 0 80px;
    width: 160px; }
    .userDigest .textBox a {
      width: auto!important;
      height: auto!important; }
    .userDigest .textBox .btn {
      width: auto!important;
      height: auto!important; }
    .userDigest .textBox p {
      margin: 0 0 5px 0;
      height: 30px; }

.errorPage {
  margin: 0 145px;
  padding: 30px; }
  .errorPage h2 {
    text-align: center; }
  .errorPage .mainImg {
    padding: 10px;
    text-align: center; }
  .errorPage .btn {
    text-align: center; }

p.menteTxt {
  text-align: center;
  line-height: 1.5;
  margin-top: 10px;
  font-size: 117%; }