a {
  color: #97a95a; }
  a:hover {
    color: #97a95a; }

h2 {
  font-size: 24px;
  color: #343434; }

p {
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  color: #343434;
  margin: 0px 0px 20px;
  font-family: Arial, Helvetica, sans-serif; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

.left {
  float: left; }

#container {
  width: 960px;
  margin: 0px auto 20px; }
  #container #hd {
    border-top: none;
    width: 940px;
    float: left;
    position: relative;
    margin: 0px 10px; }
    #container #hd h1 {
      float: left; }
      #container #hd h1 a {
        background-image: url(/images/logo.png);
        width: 311px;
        height: 67px;
        overflow: hidden;
        float: left;
        text-indent: -1000px;
        margin: 10px 0px 0px; }
        #container #hd h1 a:active {
          border: none; }
    #container #hd h2 {
      color: #909090;
      float: left;
      font-size: 16px;
      height: 40px;
      margin-left: 5px;
      text-align: left;
      width: 200px; }
    #container #hd #topMenu {
      float: right;
      margin-top: 15px; }
      #container #hd #topMenu p {
        text-align: right;
        color: #b1b1b1;
        line-height: 20px;
        font-size: 12px; }
        #container #hd #topMenu p a {
          color: #97a95a;
          text-decoration: underline; }
        #container #hd #topMenu p a.help {
          float: right;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          -moz-border-radius: 10px 10px 10px 10px;
          background-color: #97a95a;
          background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
          background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
          box-shadow: 0px 0px 6px #333333;
          -webkit-box-shadow: 0px 0px 6px #333333;
          -moz-box-shadow: 0px 0px 6px #333333;
          border-width: 2px;
          border-style: solid;
          border-color: #c1e17b;
          line-height: 16px;
          padding: 0 5px;
          color: white;
          font-size: 16px;
          text-decoration: none; }
    #container #hd #tagline {
      clear: left;
      float: left;
      font-size: 12px;
      font-weight: bold;
      line-height: 28px;
      text-align: left;
      width: 500px; }
    #container #hd #tabMenu ul {
      width: 440px;
      position: absolute;
      list-style: none;
      text-align: right;
      top: 77px;
      right: 0px; }
      #container #hd #tabMenu ul li {
        margin-left: 3px;
        display: inline;
        font-size: 14px; }
        #container #hd #tabMenu ul li a {
          color: white;
          text-decoration: none;
          line-height: 28px;
          padding: 6px 10px;
          background: #e3e3e3 url(/images/tab_bg.jpg) repeat-x;
          height: 28px;
          line-height: 28px;
          border-radius: 10px 10px 0px 0px;
          -webkit-border-radius: 10px 10px 0px 0px;
          -moz-border-radius: 10px 10px 0px 0px; }
      #container #hd #tabMenu ul .selected a {
        background-image: none;
        color: #97a95a; }
    #container #hd #searchBox {
      width: 940px;
      clear: right;
      clear: both;
      overflow: hidden;
      float: right;
      background-color: #e3e3e3;
      *padding-bottom: 10px; }
      #container #hd #searchBox ul {
        float: left;
        list-style: none;
        text-align: left;
        margin: 20px 0px 10px; }
        #container #hd #searchBox ul li {
          display: inline;
          float: left;
          color: #929292;
          line-height: 18px; }
          #container #hd #searchBox ul li a {
            margin-top: 5px;
            font-size: 14px;
            line-height: 14px;
            float: left;
            border-left: 1px solid #929292;
            padding: 0px 15px;
            color: #97a95a; }
          #container #hd #searchBox ul li form {
            margin: 0 0px 0px 15px;
            *margin: 0 10px 20px; }
            #container #hd #searchBox ul li form label {
              color: #333333;
              float: left;
              font-weight: bold;
              line-height: 22px;
              margin-right: 5px; }
            #container #hd #searchBox ul li form input {
              background: white url(/plugin_assets/community_engine/images/search.gif) no-repeat scroll 485px center;
              width: 495px;
              float: left;
              border: 1px solid #929292;
              line-height: 18px;
              font-size: 12px;
              padding: 4px; }
            #container #hd #searchBox ul li form .pinkButton {
              display: inline; }
              #container #hd #searchBox ul li form .pinkButton input {
                background-color: #97a95a;
                background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
                background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
                box-shadow: 0px 0px 6px #333333;
                -webkit-box-shadow: 0px 0px 6px #333333;
                -moz-box-shadow: 0px 0px 6px #333333;
                width: auto;
                float: left;
                border-width: 2px;
                border-style: solid;
                border-color: #c1e17b;
                margin-left: 10px;
                margin-right: 2px;
                line-height: 18px;
                color: white;
                font-size: 14px;
                padding: 1px 10px;
                cursor: pointer;
                border-radius: 10px 10px 10px 10px;
                -webkit-border-radius: 10px 10px 10px 10px;
                -moz-border-radius: 10px 10px 10px 10px; }
              #container #hd #searchBox ul li form .pinkButton a {
                background-color: #97a95a;
                background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
                background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
                box-shadow: 0px 0px 6px #333333;
                -webkit-box-shadow: 0px 0px 6px #333333;
                -moz-box-shadow: 0px 0px 6px #333333;
                width: auto;
                float: left;
                border-width: 2px;
                border-style: solid;
                border-color: #c1e17b;
                margin-left: 10px;
                margin-right: 2px;
                margin-top: 0px;
                line-height: 18px;
                text-decoration: none;
                color: white;
                font-size: 14px;
                padding: 1px 10px;
                cursor: pointer;
                border-radius: 10px 10px 10px 10px;
                -webkit-border-radius: 10px 10px 10px 10px;
                -moz-border-radius: 10px 10px 10px 10px; }
              #container #hd #searchBox ul li form .pinkButton a:hover {
                text-decoration: none; }
            #container #hd #searchBox ul li form #searchNote {
              clear: left;
              color: #909090;
              float: left;
              font-size: 10px;
              margin-left: 220px;
              margin-top: 5px;
              *margin-top: 0px;
              text-align: right;
              width: 410px; }
              #container #hd #searchBox ul li form #searchNote a {
                padding: 0px;
                font-size: 10px;
                margin: 0px;
                border: none;
                float: none; }
          #container #hd #searchBox ul li .pinkButton a {
            background-color: #97a95a;
            background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
            background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
            box-shadow: 0px 0px 6px #333333;
            -webkit-box-shadow: 0px 0px 6px #333333;
            -moz-box-shadow: 0px 0px 6px #333333;
            width: auto;
            float: left;
            border-width: 2px;
            border-style: solid;
            border-color: #c1e17b;
            margin-left: 10px;
            margin-right: 2px;
            margin-top: 0px;
            line-height: 18px;
            text-decoration: none;
            color: white;
            font-size: 14px;
            padding: 1px 10px;
            cursor: pointer;
            border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px; }
          #container #hd #searchBox ul li .pinkButton a:hover {
            text-decoration: none; }
  #container #bd {
    border-top: none;
    float: left;
    width: 940px;
    margin: 15px 10px 0;
    color: #343434; }

/* homepage styles */
#bd #slideShowBox {
  width: 635px;
  height: 300px;
  float: left;
  background: white url(/images/slideShowFrame.jpg) no-repeat;
  width: 635px;
  height: 300px;
  margin-bottom: 20px;
  position: relative; }
  #bd #slideShowBox .slideShowImage {
    width: 623px;
    height: 288px;
    overflow: hidden;
    position: relative;
    background-position: center center;
    margin: 6px; }
    #bd #slideShowBox .slideShowImage img {
      width: 623px;
      position: absolute;
      bottom: 0px;
      left: 0px; }
  #bd #slideShowBox .slideShowOverlay {
    z-index: 4;
    width: 603px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    background-image: url(/images/overlay_bg.png); }
    #bd #slideShowBox .slideShowOverlay .slideDetails {
      float: left;
      width: 480px;
      margin: 10px;
      line-height: 18px;
      text-align: left; }
      #bd #slideShowBox .slideShowOverlay .slideDetails .infoDetails {
        color: #dddddd; }
    #bd #slideShowBox .slideShowOverlay .slideNavigation {
      position: absolute;
      bottom: 10px;
      right: 10px; }
      #bd #slideShowBox .slideShowOverlay .slideNavigation ul {
        list-style: none;
        float: right;
        width: 120px; }
        #bd #slideShowBox .slideShowOverlay .slideNavigation ul li {
          display: inline;
          float: left;
          width: 20px;
          margin-left: 2px;
          height: 20px;
          background-image: url(/images/overlay_bg.png); }
          #bd #slideShowBox .slideShowOverlay .slideNavigation ul li a {
            line-height: 20px;
            text-decoration: none; }
        #bd #slideShowBox .slideShowOverlay .slideNavigation ul li:hover {
          background-image: none;
          background-color: #c1e17b; }
          #bd #slideShowBox .slideShowOverlay .slideNavigation ul li:hover a {
            color: white; }
        #bd #slideShowBox .slideShowOverlay .slideNavigation ul .current {
          background-image: none;
          background-color: #97a95a; }
          #bd #slideShowBox .slideShowOverlay .slideNavigation ul .current a {
            color: white; }
#bd #welcomeBlurb {
  float: right;
  width: 300px;
  height: 280px;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 20px;
  text-align: center; }
  #bd #welcomeBlurb img {
    margin-bottom: 20px; }
#bd #joinNow a {
  background-image: url(/images/join_us_button_bg.png);
  background-repeat: no-repeat;
  border: none;
  width: 204px;
  height: 63px;
  margin: 0px 48px 10px;
  float: left;
  overflow: hidden;
  background-position: 0px 0px;
  text-indent: -1000px; }
#bd #joinNow a:hover {
  background-position: 0px -63px; }
#bd #joinNow p {
  text-align: center;
  color: #666666;
  font-size: 16px; }
  #bd #joinNow p strong {
    font-weight: bold; }
#bd #latestAdditions {
  width: 300px;
  padding-bottom: 13px;
  float: right;
  clear: right;
  text-align: left;
  background-image: url(/images/additions_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom left; }
  #bd #latestAdditions h2 {
    margin: 10px 20px 10px; }
  #bd #latestAdditions .item300 {
    width: 260px;
    float: left;
    height: 100px;
    overflow: hidden;
    text-align: left;
    clear: left;
    margin: 0 20px 7px; }
    #bd #latestAdditions .item300 .itemImage {
      float: left;
      margin-right: 10px; }
    #bd #latestAdditions .item300 .image {
      width: 100px;
      background-image: url(/images/frame_100.jpg);
      height: 100px;
      float: left; }
      #bd #latestAdditions .item300 .image a img {
        margin: 6px;
        float: left;
        border: none; }
#bd #latestQuestion {
  float: left;
  height: 305px;
  margin-left: 0px;
  margin-right: 20px;
  overflow: hidden;
  text-align: left;
  width: 280px;
  background-color: #eaefde; }
  #bd #latestQuestion h4 {
    margin: 15px 20px 5px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; }
  #bd #latestQuestion h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 0px 20px 10px;
    font-weight: bold; }
  #bd #latestQuestion p {
    margin: 0px 20px 10px; }
    #bd #latestQuestion p strong {
      font-weight: bold; }
  #bd #latestQuestion .infoDetails {
    margin: 0px 20px 20px;
    float: left;
    width: 260px; }
#bd #latestProject {
  background-image: url(/images/project_bg.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  float: left;
  height: 305px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: left;
  width: 320px; }
  #bd #latestProject h4 {
    margin: 15px 20px 5px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase; }
  #bd #latestProject h2 {
    font-size: 18px;
    line-height: 26px;
    margin: 0px 20px 10px;
    font-weight: bold; }
  #bd #latestProject p {
    margin: 0px 20px 10px; }
    #bd #latestProject p strong {
      font-weight: bold; }
  #bd #latestProject .infoDetails {
    margin: 0px 20px 20px;
    float: left;
    width: 300px; }
#bd #homeText {
  clear: left;
  float: left;
  height: 78px;
  overflow: hidden;
  width: 620px; }
  #bd #homeText p {
    margin-left: 5px;
    font-size: 12px; }
  #bd #homeText strong {
    font-size: 16px;
    line-height: 22px; }
#bd #twitterFeed {
  width: 940px;
  float: left;
  margin-top: 15px; }
  #bd #twitterFeed #twitterInfo {
    float: left;
    width: 280px;
    text-align: left; }
    #bd #twitterFeed #twitterInfo a img {
      float: left;
      margin-right: 10px; }
    #bd #twitterFeed #twitterInfo h3 {
      color: #97a95a;
      font-size: 16px;
      font-weight: bold; }
    #bd #twitterFeed #twitterInfo p {
      width: 234px;
      font-size: 12px;
      float: left; }
  #bd #twitterFeed #twitterHolder {
    background-color: transparent !important;
    float: right;
    width: 660px; }
    #bd #twitterFeed #twitterHolder #twtr-widget-1 .twtr-doc {
      background-color: transparent !important; }
    #bd #twitterFeed #twitterHolder .twtr-widget .twtr-tweet-wrap {
      background-color: transparent !important; }
    #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc {
      background-color: transparent !important;
      width: 660px; }
      #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc a:hover {
        color: #97a95a !important; }
      #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-hd {
        display: none; }
      #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-ft {
        display: none; }
      #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-timeline {
        background-image: url(/images/twitter_arrow.jpg) !important;
        background-repeat: no-repeat !important;
        background-position: top 2px; }
      #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-tweets {
        background-color: #f5f5f5;
        float: left;
        margin-left: 20px;
        width: 650px; }
        #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-tweets .twtr-tweet {
          background-color: transparent;
          border-bottom: none;
          float: left;
          margin: 5px 15px;
          overflow: hidden;
          width: 295px; }
          #bd #twitterFeed #twitterHolder .twtr-widget .twtr-doc .twtr-tweets .twtr-tweet p {
            font-size: 12px !important;
            line-height: 20px !important;
            color: #333333 !important; }

.avatarSmall {
  float: left;
  margin-right: 5px;
  width: 54px;
  height: 54px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  background-color: white; }
  .avatarSmall a {
    margin: 2px;
    overflow: hidden;
    height: 50px;
    float: left;
    width: 50px; }
    .avatarSmall a img {
      min-height: 50px;
      width: 50px; }

.infoTitle {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold; }

.infoDetails {
  font-size: 11px;
  line-height: 17px;
  font-style: normal; }

.infoDescription {
  font-size: 11px;
  line-height: 17px;
  font-style: normal; }

#CommunityFooter {
  clear: both;
  padding: 20px 0px;
  width: 940px;
  margin: 0px 10px;
  text-align: center;
  font-size: 11px; }
  #CommunityFooter ul {
    float: none; }
    #CommunityFooter ul li {
      float: none;
      display: inline; }
      #CommunityFooter ul li a {
        display: inline; }
      #CommunityFooter ul li p {
        margin: 0px;
        font-size: 11px;
        padding: 2px 10px;
        color: #999999;
        background: none;
        float: none;
        display: inline; }
        #CommunityFooter ul li p a {
          padding: 0px; }

/*general overwrites */
.yui-b {
  width: 669px;
  float: left;
  text-align: left; }
  .yui-b h3 {
    color: #343434;
    font-size: 20px;
    margin-bottom: 5px; }
  .yui-b h4 {
    color: #343434;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    width: 100%;
    border-bottom: 2px solid #343434; }
  .yui-b #uploadDescription {
    margin-bottom: 25px; }
    .yui-b #uploadDescription p {
      margin-bottom: 0px;
      font-size: 12px; }
      .yui-b #uploadDescription p em {
        font-style: italic;
        font-size: 11px; }
  .yui-b #uploadCopyright,
  .yui-b #uploadCopyright p {
    font-style: italic;
    text-align: center;
    font-size: 11px; }

#sentMessages .pinkButton input,
#inboxMessages .pinkButton input {
  background-color: #97a95a;
  background-image: none;
  width: auto;
  float: right;
  border-width: 2px;
  border-style: solid;
  border-color: #c1e17b;
  margin-right: 0px;
  line-height: 18px;
  margin-top: 15px;
  color: white;
  font-size: 14px;
  padding: 1px 10px;
  cursor: pointer;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px; }

/*form styles */
#formHelp {
  clear: right;
  text-align: left;
  float: right;
  width: 250px;
  overflow: hidden;
  margin-left: 20px;
  padding-bottom: 40px; }
  #formHelp h3 {
    font-size: 16px;
    color: #666666;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: left;
    float: left;
    width: 100%; }
  #formHelp p {
    font-size: 11px;
    color: #666666;
    margin-bottom: 10px; }
  #formHelp strong {
    color: #97a95a; }

#formLeft,
#formRight,
#formMessages {
  border-right: 1px solid #e3e3e3;
  width: 669px;
  float: left;
  overflow: hidden; }
  #formLeft form,
  #formRight form,
  #formMessages form {
    margin-right: 20px;
    background-color: #f5f5f5;
    padding: 20px 0px;
    width: 669px;
    float: left;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px; }
  #formLeft label,
  #formRight label,
  #formMessages label {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    clear: both;
    *clear: left;
    float: left;
    line-height: 20px;
    font-size: 14px;
    margin: 0px 20px 0px 0px;
    *margin-bottom: 13px;
    width: 140px; }
    #formLeft label strong,
    #formRight label strong,
    #formMessages label strong {
      color: #97a95a; }
  #formLeft input,
  #formLeft select,
  #formRight input,
  #formRight select,
  #formMessages input,
  #formMessages select {
    padding: 2px;
    font-size: 14px;
    background-color: white;
    float: right;
    margin-right: 0px;
    color: #343434;
    font-weight: normal;
    margin-bottom: 10px; }
  #formLeft select,
  #formRight select,
  #formMessages select {
    clear: right; }
  #formLeft input,
  #formRight input,
  #formMessages input {
    width: 440px; }
  #formLeft .locationNote,
  #formRight .locationNote,
  #formMessages .locationNote {
    padding: 5px;
    float: right;
    font-size: 10px;
    color: #979797;
    text-align: right;
    width: 640px; }
    #formLeft .locationNote strong,
    #formRight .locationNote strong,
    #formMessages .locationNote strong {
      color: #97a95a; }
  #formLeft a.locationImage,
  #formRight a.locationImage,
  #formMessages a.locationImage {
    float: right; }
    #formLeft a.locationImage img.location.image,
    #formRight a.locationImage img.location.image,
    #formMessages a.locationImage img.location.image {
      width: 20px;
      border: 1px solid #c1e17b;
      margin: 0px 5px; }
  #formLeft input.short.location,
  #formRight input.short.location,
  #formMessages input.short.location {
    margin-bottom: 0px;
    width: 410px;
    float: right; }
  #formLeft input[type=checkbox],
  #formRight input[type=checkbox],
  #formMessages input[type=checkbox] {
    width: auto;
    background: transparent;
    border: none; }
  #formLeft input:focus,
  #formLeft textarea:focus,
  #formRight input:focus,
  #formRight textarea:focus,
  #formMessages input:focus,
  #formMessages textarea:focus {
    border-color: #97a95a; }
  #formLeft .form_note,
  #formRight .form_note,
  #formMessages .form_note {
    float: left;
    clear: right;
    font-size: 11px;
    text-align: right;
    width: 440px;
    color: #666666;
    margin-right: 20px;
    padding: 0px 0px 10px;
    margin-top: -6px;
    font-style: italic; }
  #formLeft fieldset,
  #formRight fieldset,
  #formMessages fieldset {
    float: right;
    clear: right;
    margin-top: 0px;
    width: 110px; }
    #formLeft fieldset label,
    #formRight fieldset label,
    #formMessages fieldset label {
      text-transform: none;
      float: right;
      text-align: right;
      font-weight: normal;
      font-size: 12px;
      width: auto;
      margin-right: 0px; }
    #formLeft fieldset input[type=checkbox],
    #formRight fieldset input[type=checkbox],
    #formMessages fieldset input[type=checkbox] {
      width: auto;
      margin-right: 0px;
      margin-right: 5px;
      margin-top: 3px;
      *float: left; }
  #formLeft .pinkButton input,
  #formRight .pinkButton input,
  #formMessages .pinkButton input {
    background-color: #97a95a;
    background-image: none;
    margin-left: 10px;
    line-height: 18px;
    color: white;
    font-size: 14px;
    padding: 1px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    clear: both;
    float: right;
    border-width: 2px;
    border-style: solid;
    border-color: #c1e17b;
    margin-right: 20px;
    width: auto;
    margin-bottom: 10px;
    margin-top: 10px;
    cursor: pointer; }
  #formLeft #pinkCentered .pinkButton,
  #formRight #pinkCentered .pinkButton,
  #formMessages #pinkCentered .pinkButton {
    text-align: center; }
    #formLeft #pinkCentered .pinkButton input,
    #formRight #pinkCentered .pinkButton input,
    #formMessages #pinkCentered .pinkButton input {
      float: none; }
  #formLeft .editPageEditor .mceEditor,
  #formRight .editPageEditor .mceEditor,
  #formMessages .editPageEditor .mceEditor {
    margin-left: 0px;
    margin-top: 10px; }

#formRight,
#formMessages {
  border-right: none;
  margin-top: 5px;
  margin-bottom: 20px; }
  #formRight form,
  #formMessages form {
    margin-right: 0px;
    width: 629px;
    padding: 20px; }
  #formRight textarea,
  #formMessages textarea {
    float: left;
    padding: 2px;
    font-size: 14px;
    background-color: white;
    float: left;
    margin-top: 20px;
    color: #343434;
    font-weight: normal;
    margin-bottom: 10px;
    width: 619px; }
  #formRight textarea:focus,
  #formMessages textarea:focus {
    border-color: #97a95a; }
  #formRight .form_note,
  #formMessages .form_note {
    clear: none;
    float: right;
    *float: left;
    *margin-left: 185px;
    margin-right: 0px;
    text-align: right; }
  #formRight .pinkButton input,
  #formMessages .pinkButton input {
    margin-right: 0px;
    cursor: pointer; }

#formMessages form {
  width: 629px; }
#formMessages label {
  width: 90px;
  *width: 112px;
  margin: 0px;
  *clear: left; }
#formMessages input,
#formMessages textarea {
  width: 510px;
  margin-right: 0px;
  margin-top: 0px;
  float: right;
  *float: left; }
#formMessages .form_note {
  float: right;
  *float: left;
  clear: right;
  *clear: left;
  font-size: 11px;
  text-align: right;
  width: 440px;
  color: #666666;
  margin-right: 0px;
  padding: 0px 0px 10px;
  margin-top: -6px;
  font-style: italic; }

/*specific form styles */
#editProfile,
#editAccount,
#newItem {
  width: 669px;
  border-right: none; }
  #editProfile form,
  #editAccount form,
  #newItem form {
    width: 669px; }
    #editProfile form #editProfilePhoto,
    #editAccount form #editProfilePhoto,
    #newItem form #editProfilePhoto {
      background-color: #f5f5f5;
      padding: 20px 0px;
      float: left;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      width: 669px;
      margin: 10px 0px 20px; }
      #editProfile form #editProfilePhoto .avatarSmall,
      #editAccount form #editProfilePhoto .avatarSmall,
      #newItem form #editProfilePhoto .avatarSmall {
        margin: 0px 20px;
        margin-right: 10px; }
      #editProfile form #editProfilePhoto p,
      #editAccount form #editProfilePhoto p,
      #newItem form #editProfilePhoto p {
        margin: 0px 0px 4px;
        font-size: 12px;
        width: 550px; }
      #editProfile form #editProfilePhoto input,
      #editAccount form #editProfilePhoto input,
      #newItem form #editProfilePhoto input {
        float: left;
        margin: 5px 0px 0px;
        background-color: white; }
    #editProfile form .editInfo,
    #editAccount form .editInfo,
    #newItem form .editInfo {
      width: 669px;
      background-color: #f5f5f5;
      padding: 20px 0px;
      margin: 10px 0px 20px;
      float: left;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px; }
      #editProfile form .editInfo p,
      #editAccount form .editInfo p,
      #newItem form .editInfo p {
        margin: 0px 20px 10px; }
      #editProfile form .editInfo label,
      #editAccount form .editInfo label,
      #newItem form .editInfo label {
        text-transform: uppercase;
        font-weight: bold;
        text-align: left;
        clear: both;
        float: left;
        line-height: 20px;
        font-size: 14px;
        margin: 0px 20px;
        width: 133px; }
        #editProfile form .editInfo label strong,
        #editAccount form .editInfo label strong,
        #newItem form .editInfo label strong {
          color: #97a95a; }
      #editProfile form .editInfo input,
      #editProfile form .editInfo select,
      #editAccount form .editInfo input,
      #editAccount form .editInfo select,
      #newItem form .editInfo input,
      #newItem form .editInfo select {
        float: left;
        padding: 2px;
        font-size: 14px;
        background-color: white;
        float: right;
        margin-right: 20px;
        color: #343434;
        font-weight: normal;
        margin-bottom: 10px;
        *float: left; }
      #editProfile form .editInfo select,
      #editAccount form .editInfo select,
      #newItem form .editInfo select {
        *float: right; }
      #editProfile form .editInfo input,
      #editAccount form .editInfo input,
      #newItem form .editInfo input {
        width: 470px; }
      #editProfile form .editInfo input:focus,
      #editProfile form .editInfo textarea:focus,
      #editAccount form .editInfo input:focus,
      #editAccount form .editInfo textarea:focus,
      #newItem form .editInfo input:focus,
      #newItem form .editInfo textarea:focus {
        border-color: #97a95a; }
      #editProfile form .editInfo .form_note,
      #editAccount form .editInfo .form_note,
      #newItem form .editInfo .form_note {
        float: right;
        clear: right;
        font-size: 11px;
        text-align: right;
        width: 470px;
        color: #666666;
        margin-right: 20px;
        padding: 0px 0px 10px;
        margin-top: -6px;
        font-style: italic;
        *float: left;
        *clear: left;
        *margin-left: 180px; }
      #editProfile form .editInfo .left,
      #editAccount form .editInfo .left,
      #newItem form .editInfo .left {
        float: left;
        text-align: left;
        margin-left: 20px; }
      #editProfile form .editInfo textarea,
      #editAccount form .editInfo textarea,
      #newItem form .editInfo textarea {
        float: left;
        padding: 2px;
        font-size: 14px;
        background-color: white;
        float: left;
        color: #343434;
        font-weight: normal;
        margin-bottom: 10px;
        width: 470px; }
      #editProfile form .editInfo fieldset,
      #editAccount form .editInfo fieldset,
      #newItem form .editInfo fieldset {
        float: left;
        clear: right;
        margin-top: 0px; }
        #editProfile form .editInfo fieldset label,
        #editAccount form .editInfo fieldset label,
        #newItem form .editInfo fieldset label {
          text-transform: none;
          float: left;
          text-align: right;
          font-weight: normal;
          font-size: 12px;
          width: auto; }
        #editProfile form .editInfo fieldset input[type=checkbox],
        #editProfile form .editInfo fieldset input[type=radio],
        #editAccount form .editInfo fieldset input[type=checkbox],
        #editAccount form .editInfo fieldset input[type=radio],
        #newItem form .editInfo fieldset input[type=checkbox],
        #newItem form .editInfo fieldset input[type=radio] {
          float: left;
          width: auto;
          margin-right: 0px;
          margin-right: 5px;
          margin-top: 3px; }
      #editProfile form .editInfo .locationNote,
      #editAccount form .editInfo .locationNote,
      #newItem form .editInfo .locationNote {
        padding: 5px;
        float: right;
        font-size: 10px;
        color: #979797;
        text-align: right;
        width: 640px;
        margin-right: 20px; }
        #editProfile form .editInfo .locationNote strong,
        #editAccount form .editInfo .locationNote strong,
        #newItem form .editInfo .locationNote strong {
          color: #97a95a; }
      #editProfile form .editInfo a.locationImage,
      #editAccount form .editInfo a.locationImage,
      #newItem form .editInfo a.locationImage {
        float: right; }
        #editProfile form .editInfo a.locationImage img.location.image,
        #editAccount form .editInfo a.locationImage img.location.image,
        #newItem form .editInfo a.locationImage img.location.image {
          width: 20px;
          border: 1px solid #c1e17b;
          margin: 0px 20px 0px 8px; }
      #editProfile form .editInfo input.short.location,
      #editAccount form .editInfo input.short.location,
      #newItem form .editInfo input.short.location {
        margin-bottom: 0px;
        width: 440px;
        float: right;
        margin-right: 0px; }
    #editProfile form .pinkButton input,
    #editAccount form .pinkButton input,
    #newItem form .pinkButton input {
      background-color: #97a95a;
      background-image: none;
      margin-left: 10px;
      line-height: 18px;
      color: white;
      font-size: 14px;
      padding: 1px 10px;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      clear: both;
      float: right;
      border-width: 2px;
      border-style: solid;
      border-color: #c1e17b;
      margin-right: 0px;
      width: auto;
      margin-bottom: 0px;
      cursor: pointer;
      margin-top: 0px; }
    #editProfile form #pinkCentered .pinkButton,
    #editAccount form #pinkCentered .pinkButton,
    #newItem form #pinkCentered .pinkButton {
      text-align: center; }
      #editProfile form #pinkCentered .pinkButton input,
      #editAccount form #pinkCentered .pinkButton input,
      #newItem form #pinkCentered .pinkButton input {
        float: none; }
  #editProfile h5,
  #editAccount h5,
  #newItem h5 {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
    text-align: left; }

#modalFullBox {
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100; }
  #modalFullBox #modalMask {
    background-color: black;
    height: 100%;
    left: 0px;
    opacity: 0.75;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 100%; }
  #modalFullBox #modalContents {
    display: block;
    left: 50%;
    margin-left: -312.5px;
    margin-top: -231.5px;
    opacity: 1;
    position: absolute;
    top: 50%; }
    #modalFullBox #modalContents #mapSelectorBox {
      border-width: 2px;
      border-style: solid;
      border-color: #c1e17b; }
      #modalFullBox #modalContents #mapSelectorBox #topBar {
        background-color: #97a95a;
        background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
        background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
        text-align: left;
        height: 60px; }
        #modalFullBox #modalContents #mapSelectorBox #topBar img {
          padding: 6px;
          float: left; }
        #modalFullBox #modalContents #mapSelectorBox #topBar h1 {
          font-size: 25px;
          margin-left: 5px;
          padding-top: 10px;
          text-align: left;
          width: 80%;
          float: left;
          color: white; }
        #modalFullBox #modalContents #mapSelectorBox #topBar h5 {
          width: 75%;
          float: left;
          font-size: 10px;
          margin-left: 5px;
          color: white; }
      #modalFullBox #modalContents #mapSelectorBox #footerBar {
        height: 20px;
        text-align: center;
        padding: 20px 0px;
        color: white;
        width: 100%;
        line-height: 18px;
        font-size: 14px;
        background-color: #97a95a;
        background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
        background: -moz-linear-gradient(90deg, #97a95a, #c1e17b); }
        #modalFullBox #modalContents #mapSelectorBox #footerBar a {
          font-size: 14px;
          margin-top: 20px;
          color: white;
          line-height: 18px; }
        #modalFullBox #modalContents #mapSelectorBox #footerBar a.save {
          background-color: #97a95a;
          background-image: none;
          padding: 5px 35px;
          border: 2px solid white;
          margin-right: 5px;
          text-decoration: none;
          cursor: pointer;
          border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          -moz-border-radius: 10px 10px 10px 10px; }
        #modalFullBox #modalContents #mapSelectorBox #footerBar a.cancel {
          color: red; }

#newItem {
  float: left; }
  #newItem .editInfo {
    width: 669px;
    background-color: #f5f5f5;
    padding: 20px 0px;
    margin: 10px 0px 20px;
    float: left;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px; }
    #newItem .editInfo .form_note {
      float: left;
      clear: left;
      font-size: 11px;
      text-align: left;
      width: 470px;
      color: #666666;
      margin-right: 20px;
      padding: 0px 20px 10px;
      margin-top: 0px;
      font-style: italic; }
    #newItem .editInfo label {
      text-transform: uppercase;
      font-weight: bold;
      text-align: left;
      clear: both;
      float: left;
      line-height: 20px;
      font-size: 14px;
      margin: 0px 20px;
      width: 133px; }
      #newItem .editInfo label strong {
        color: #97a95a; }
    #newItem .editInfo .itemImage {
      float: left;
      margin: 0px 20px;
      width: 100px;
      height: 100px; }
    #newItem .editInfo .photo {
      background-image: url(/images/frame_100.jpg);
      float: left; }
      #newItem .editInfo .photo img {
        margin: 6px;
        float: left;
        border: none; }
    #newItem .editInfo .memory {
      background-image: url(/images/memory_icon_100.png); }
    #newItem .editInfo .document {
      position: relative;
      background-color: white; }
      #newItem .editInfo .document a img {
        margin: 0px;
        width: 68px;
        height: 68px;
        border: 1px solid #dadada; }
      #newItem .editInfo .document .documentCorner {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 70px;
        height: 70px;
        background-image: url(/images/pdf_corner.png);
        *background-image: url(/images/pdf_corner.gif); }
    #newItem .editInfo .itemInfo {
      float: left;
      width: 510px; }
      #newItem .editInfo .itemInfo label {
        width: 500px;
        margin-left: 0px; }
      #newItem .editInfo .itemInfo input,
      #newItem .editInfo .itemInfo select {
        float: left;
        width: 500px;
        margin-right: 0px; }
      #newItem .editInfo .itemInfo textarea {
        clear: left;
        float: left;
        width: 500px;
        margin-bottom: 10px; }
      #newItem .editInfo .itemInfo label.short {
        width: 90px;
        margin-right: 10px; }
      #newItem .editInfo .itemInfo input.short {
        width: 400px; }
      #newItem .editInfo .itemInfo .locationNote {
        padding: 5px;
        float: left;
        font-size: 10px;
        color: #979797;
        text-align: right;
        width: 500px; }
        #newItem .editInfo .itemInfo .locationNote strong {
          color: #97a95a; }
      #newItem .editInfo .itemInfo a.locationImage {
        float: left; }
        #newItem .editInfo .itemInfo a.locationImage img.location.image {
          width: 20px;
          border: 1px solid #c1e17b;
          margin: 0px 5px; }
      #newItem .editInfo .itemInfo input.short.location {
        margin-bottom: 0px;
        width: 370px; }
      #newItem .editInfo .itemInfo .short select {
        width: 406px; }
      #newItem .editInfo .itemInfo input.tagit-input {
        width: auto;
        float: left; }
    #newItem .editInfo .pinkFlash {
      background-color: #97a95a;
      background-image: none;
      margin-right: 20px;
      line-height: 18px;
      color: white;
      font-size: 14px;
      padding: 1px 10px;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      clear: none;
      float: right;
      border-width: 2px;
      border-style: solid;
      border-color: #c1e17b;
      width: auto;
      margin-bottom: 0px;
      margin-top: 0px; }
    #newItem .editInfo .disabled {
      background-color: #999999;
      border-color: #666666; }
  #newItem form .pinkButton {
    text-align: center; }
    #newItem form .pinkButton input {
      float: none;
      width: 80px;
      cursor: pointer; }
    #newItem form .pinkButton input[disabled] {
      background-color: #999999;
      border-color: #666666; }

#signup #formHelp {
  width: 250px; }
#signup #formLeft {
  width: 669px; }
  #signup #formLeft label {
    width: 140px; }
  #signup #formLeft input {
    width: 440px; }
  #signup #formLeft .form_note {
    width: 440px; }

/* dashboard styles */
#breadcrumb {
  float: left;
  width: 670px; }
  #breadcrumb #trail {
    float: left;
    margin-bottom: 10px; }
  #breadcrumb h2 {
    margin-bottom: 10px;
    float: left;
    clear: left; }
    #breadcrumb h2 a {
      text-decoration: none; }

#myInfo {
  float: left;
  margin-bottom: 20px;
  width: 670px; }
  #myInfo .infoTitle a {
    font-weight: normal; }

#colRight {
  border-left: 1px solid #e3e3e3;
  clear: left;
  text-align: left;
  float: right;
  width: 250px;
  overflow: hidden;
  margin-left: 20px;
  padding-bottom: 40px; }
  #colRight h2 {
    margin: 10px 20px 10px; }
  #colRight .clear {
    padding: 5px 0px; }
  #colRight #dashboardNav {
    width: 230px;
    overflow: hidden;
    float: right;
    margin-left: 20px; }
    #colRight #dashboardNav ul {
      font-size: 14px;
      margin: 0px 0px 20px;
      float: left; }
      #colRight #dashboardNav ul li {
        padding: 0px 0px 0px 20px;
        width: 225px;
        margin-bottom: 5px;
        float: left;
        background: transparent url(/images/dashboard_nav_bg.gif) no-repeat 0px -2px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px; }
        #colRight #dashboardNav ul li a {
          text-transform: uppercase;
          padding: 5px 20px 5px 0px;
          width: 185px;
          float: left;
          text-decoration: none;
          background-position: right center;
          background-repeat: no-repeat;
          position: relative; }
          #colRight #dashboardNav ul li a .small {
            font-size: 10px;
            color: #666666;
            right: 20px;
            text-transform: none;
            top: 7px;
            text-decoration: none;
            position: absolute; }
      #colRight #dashboardNav ul .admin {
        background: transparent url(/images/dashboard_admin_nav_bg.gif) no-repeat 0px -2px; }
        #colRight #dashboardNav ul .admin a {
          color: #288ee5; }
      #colRight #dashboardNav ul .inbox a {
        background-image: url(/plugin_assets/community_engine/images/icons/email_open.png); }
      #colRight #dashboardNav ul .inbox_new a {
        background-image: url(/plugin_assets/community_engine/images/icons/email.png); }
      #colRight #dashboardNav ul .sent,
      #colRight #dashboardNav ul .compose,
      #colRight #dashboardNav ul .newpage,
      #colRight #dashboardNav ul .addItem,
      #colRight #dashboardNav ul .newproject,
      #colRight #dashboardNav ul .addFolder,
      #colRight #dashboardNav ul .newnews {
        background: transparent url(/images/dashboard_nav_sub_bg.gif) no-repeat 0px -2px;
        padding-left: 25px; }
        #colRight #dashboardNav ul .sent a,
        #colRight #dashboardNav ul .compose a,
        #colRight #dashboardNav ul .newpage a,
        #colRight #dashboardNav ul .addItem a,
        #colRight #dashboardNav ul .newproject a,
        #colRight #dashboardNav ul .addFolder a,
        #colRight #dashboardNav ul .newnews a {
          text-transform: none;
          width: 180px;
          text-decoration: underline;
          text-align: left;
          font-size: 12px; }
      #colRight #dashboardNav ul .newpage,
      #colRight #dashboardNav ul .newnews {
        background-image: url(/images/dashboard_admin_nav_sub.gif); }
      #colRight #dashboardNav ul .sent a {
        background-image: url(/plugin_assets/community_engine/images/icons/email_go.png); }
      #colRight #dashboardNav ul .compose a {
        background-image: url(/plugin_assets/community_engine/images/icons/email_edit.png); }
      #colRight #dashboardNav ul .newpage a {
        background-image: url(/images/page_new.png); }
      #colRight #dashboardNav ul .newproject a {
        background-image: url(/images/project_add.png); }
      #colRight #dashboardNav ul .newnews a {
        background-image: url(/images/newspaper_add.png); }
      #colRight #dashboardNav ul .profile a {
        background-image: url(/images/pencil.png); }
      #colRight #dashboardNav ul .stats a {
        background-image: url(/images/stats.png); }
      #colRight #dashboardNav ul .pages a {
        background-image: url(/images/pages.png); }
      #colRight #dashboardNav ul .projects a {
        background-image: url(/images/project.png); }
      #colRight #dashboardNav ul .news a {
        background-image: url(/images/newspaper.png); }
      #colRight #dashboardNav ul .account a {
        background-image: url(/plugin_assets/community_engine/images/icons/wrench.png); }
      #colRight #dashboardNav ul .uploads a {
        background-image: url(/images/photos.png); }
      #colRight #dashboardNav ul .friendships a {
        background-image: url(/images/group.png); }
      #colRight #dashboardNav ul .addItem a {
        background-image: url(/images/image_add.png); }
      #colRight #dashboardNav ul .addFolder a {
        background-image: url(/images/folder_add.png); }
  #colRight #formHelp {
    width: 230px;
    margin-top: 20px; }

/*activity styles */
.activity {
  float: left;
  width: 669px;
  clear: left;
  border-bottom: 1px dotted #e3e3e3;
  padding: 5px 0px; }
  .activity .infoTitle {
    font-weight: normal; }
    .activity .infoTitle a {
      font-weight: bold; }

.seeAll a {
  text-transform: uppercase;
  padding: 7px 0 5px 20px;
  font-size: 11px;
  float: right;
  background: transparent url(/images/pinkPlus.jpg) no-repeat 0px 6px; }

/*profile styles */
#adminControls {
  width: 100%;
  background-color: #e1ecff;
  border: 1px solid #94beff;
  padding: 10px 0px;
  margin-bottom: 15px;
  float: left; }
  #adminControls p {
    margin: 0px 10px;
    font-size: 12px; }
    #adminControls p a {
      color: #288ee5; }

#profileSidebar {
  width: 250px;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  text-align: left;
  border-right: 1px solid #e3e3e3; }
  #profileSidebar #profileImage {
    width: 230px;
    margin-right: 20px;
    float: left;
    overflow: hidden; }
    #profileSidebar #profileImage img {
      width: 218px; }
    #profileSidebar #profileImage a {
      width: 228px;
      border: 1px solid #e3e3e3;
      text-decoration: none;
      overflow: hidden;
      position: relative;
      float: left; }
    #profileSidebar #profileImage a img {
      border: none;
      width: 218px; }
    #profileSidebar #profileImage a #profileImageEdit {
      position: absolute;
      text-align: center;
      font-size: 11px;
      left: -9999px;
      bottom: -9999px;
      background-image: url(/images/overlay_bg.png);
      width: 188px;
      padding: 10px;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px; }
    #profileSidebar #profileImage a:hover #profileImageEdit {
      left: 10px;
      bottom: 10px;
      text-decoration: underline; }
  #profileSidebar #profileActions .infoDetails {
    background-position: left 2px;
    background-repeat: no-repeat;
    font-style: normal;
    line-height: 20px;
    padding-left: 20px;
    margin: 4px 0px; }
  #profileSidebar #profileActions .date {
    background-image: url(/plugin_assets/community_engine/images/icons/date.png); }
  #profileSidebar #profileActions .tags {
    background-image: url(/plugin_assets/community_engine/images/icons/tag_blue.png); }
  #profileSidebar #profileActions .add {
    background-image: url(/plugin_assets/community_engine/images/icons/user_add.png); }
  #profileSidebar #profileActions .compose {
    background-image: url(/plugin_assets/community_engine/images/icons/email_edit.png); }

#profileFriends,
.statsUsers,
#profileUploads {
  width: 240px;
  float: left;
  margin: 10px 0px 20px; }
  #profileFriends h4,
  .statsUsers h4,
  #profileUploads h4 {
    color: #343434;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    width: 230px;
    border-bottom: 2px solid #343434;
    margin-bottom: 5px;
    position: relative; }
    #profileFriends h4 a,
    .statsUsers h4 a,
    #profileUploads h4 a {
      position: absolute;
      top: 0px;
      right: 0px;
      text-decoration: none;
      text-transform: none;
      font-weight: normal;
      font-size: 12px; }
  #profileFriends dl,
  .statsUsers dl,
  #profileUploads dl {
    float: left;
    margin-right: 8px;
    margin-bottom: 10px;
    width: 50px;
    text-align: center; }
  #profileFriends .seeAll,
  .statsUsers .seeAll,
  #profileUploads .seeAll {
    margin-right: 10px;
    clear: left; }

#stats label {
  font-weight: bold;
  margin-bottom: 10px;
  float: left;
  clear: left; }
#stats strong {
  color: #97a95a;
  float: left; }

.statsUsers {
  width: 100%;
  margin: 0px; }

#profileUploads,
#projectListing {
  width: 100%;
  margin-top: 0px; }
  #profileUploads h4,
  #projectListing h4 {
    width: 100%; }
  #profileUploads .itemPreview,
  #projectListing .itemPreview {
    width: 320px;
    float: left;
    height: 100px;
    overflow: hidden;
    text-align: left;
    margin: 10px 0px;
    margin-right: 10px; }
    #profileUploads .itemPreview .photoBig,
    #projectListing .itemPreview .photoBig {
      width: 100px;
      background-image: url(/images/frame_100.jpg);
      height: 100px;
      float: left; }
      #profileUploads .itemPreview .photoBig a img,
      #projectListing .itemPreview .photoBig a img {
        margin: 6px;
        float: left;
        border: none;
        width: 88px;
        height: 88px; }
      #profileUploads .itemPreview .photoBig #sorryText,
      #projectListing .itemPreview .photoBig #sorryText {
        color: #999999;
        font-size: 11px;
        line-height: 14px;
        margin-top: 25px;
        text-align: center; }
    #profileUploads .itemPreview .itemImage,
    #projectListing .itemPreview .itemImage {
      float: left;
      margin-right: 10px;
      width: 100px;
      height: 100px;
      float: left; }
      #profileUploads .itemPreview .itemImage a img,
      #projectListing .itemPreview .itemImage a img {
        float: left;
        border: none; }
    #profileUploads .itemPreview .memory,
    #projectListing .itemPreview .memory {
      background-image: url(/images/memory_icon_100.png); }
    #profileUploads .itemPreview .document,
    #projectListing .itemPreview .document {
      position: relative; }
      #profileUploads .itemPreview .document a img,
      #projectListing .itemPreview .document a img {
        margin: 0px;
        width: 98px;
        height: 98px;
        border: 1px solid #dadada; }
      #profileUploads .itemPreview .document .documentCorner,
      #projectListing .itemPreview .document .documentCorner {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 100px;
        height: 100px;
        background-image: url(/images/pdf_corner.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        *background-image: url(/images/pdf_corner.gif); }
    #profileUploads .itemPreview .project,
    #projectListing .itemPreview .project {
      background-image: url(/images/project_100.jpg); }
      #profileUploads .itemPreview .project a img,
      #projectListing .itemPreview .project a img {
        margin: 16px 16px 6px 6px;
        width: 78px;
        height: 78px; }
    #profileUploads .itemPreview .image,
    #projectListing .itemPreview .image {
      background-image: url(/images/frame_100.jpg); }
      #profileUploads .itemPreview .image a img,
      #projectListing .itemPreview .image a img {
        margin: 6px;
        width: 88px;
        height: 88px; }
  #profileUploads .itemPreview.wide,
  #projectListing .itemPreview.wide {
    width: 500px; }
  #profileUploads .itemActions,
  #projectListing .itemActions {
    float: right;
    margin-top: 10px;
    width: 140px; }
    #profileUploads .itemActions li a,
    #projectListing .itemActions li a {
      width: 130px; }
  #profileUploads .long,
  #projectListing .long {
    width: 529px; }
  #profileUploads .short,
  #projectListing .short {
    width: 100px;
    text-align: center; }
    #profileUploads .short .infoDetails a,
    #projectListing .short .infoDetails a {
      padding-left: 20px;
      padding-bottom: 5px;
      background-position: left 0px;
      line-height: 18px;
      width: 100px;
      text-align: left;
      float: left;
      background-repeat: no-repeat; }
    #profileUploads .short .infoDetails .delete,
    #projectListing .short .infoDetails .delete {
      background-image: url(/plugin_assets/community_engine/images/icons/delete.png); }
    #profileUploads .short .infoDetails .add,
    #projectListing .short .infoDetails .add {
      background-image: url(/plugin_assets/community_engine/images/icons/add.png); }
    #profileUploads .short .infoDetails .edit,
    #projectListing .short .infoDetails .edit {
      background-image: url(/images/pencil.png); }
    #profileUploads .short .infoDetails .download,
    #projectListing .short .infoDetails .download {
      background-image: url(/plugin_assets/community_engine/images/icons/31.png); }
  #profileUploads a.delete,
  #projectListing a.delete {
    padding-left: 20px;
    margin-right: 10px;
    padding-bottom: 5px;
    background-position: left 0px;
    line-height: 18px;
    width: auto;
    float: left;
    background-repeat: no-repeat;
    background-image: url(/plugin_assets/community_engine/images/icons/delete.png); }
  #profileUploads a.add,
  #projectListing a.add {
    padding-left: 20px;
    padding-bottom: 5px;
    background-position: left 0px;
    line-height: 18px;
    width: auto;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url(/plugin_assets/community_engine/images/icons/add.png); }
  #profileUploads a.edit,
  #projectListing a.edit {
    padding-left: 20px;
    padding-bottom: 5px;
    background-position: left 0px;
    line-height: 18px;
    width: auto;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url(/images/pencil.png); }
  #profileUploads a.download,
  #projectListing a.download {
    padding-left: 20px;
    padding-bottom: 5px;
    background-position: left 0px;
    line-height: 18px;
    width: auto;
    margin-right: 10px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(/plugin_assets/community_engine/images/icons/31.png); }
  #profileUploads a.unlink,
  #projectListing a.unlink {
    padding-left: 20px;
    padding-bottom: 5px;
    background-position: left 0px;
    line-height: 18px;
    width: auto;
    margin-right: 10px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(/images/link_break.png); }

.comment,
.friend,
.member {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #e3e3e3; }

.commentInfo,
.friendInfo,
.messageInfo,
.memberInfo,
.uploadInfo {
  float: left;
  width: 600px; }
  .commentInfo p,
  .friendInfo p,
  .messageInfo p,
  .memberInfo p,
  .uploadInfo p {
    margin: 3px 0px; }
  .commentInfo .infoTitle,
  .friendInfo .infoTitle,
  .messageInfo .infoTitle,
  .memberInfo .infoTitle,
  .uploadInfo .infoTitle {
    font-size: 11px;
    color: #666666;
    font-style: normal;
    font-weight: normal;
    position: relative; }
    .commentInfo .infoTitle a,
    .friendInfo .infoTitle a,
    .messageInfo .infoTitle a,
    .memberInfo .infoTitle a,
    .uploadInfo .infoTitle a {
      font-weight: bold;
      font-size: 14px;
      font-style: normal; }
    .commentInfo .infoTitle .delete,
    .friendInfo .infoTitle .delete,
    .messageInfo .infoTitle .delete,
    .memberInfo .infoTitle .delete,
    .uploadInfo .infoTitle .delete {
      float: right;
      padding-left: 20px;
      background-image: url(/plugin_assets/community_engine/images/icons/delete.png);
      background-position: left 2px;
      background-repeat: no-repeat;
      font-size: 11px;
      font-weight: normal; }
    .commentInfo .infoTitle .add,
    .friendInfo .infoTitle .add,
    .messageInfo .infoTitle .add,
    .memberInfo .infoTitle .add,
    .uploadInfo .infoTitle .add {
      float: right;
      padding-left: 20px;
      background-image: url(/plugin_assets/community_engine/images/icons/add.png);
      background-position: left 2px;
      background-repeat: no-repeat;
      margin-left: 5px;
      font-size: 11px;
      font-weight: normal; }
    .commentInfo .infoTitle .memberJoined,
    .friendInfo .infoTitle .memberJoined,
    .messageInfo .infoTitle .memberJoined,
    .memberInfo .infoTitle .memberJoined,
    .uploadInfo .infoTitle .memberJoined {
      position: absolute;
      top: 0px;
      right: 0px;
      margin-left: 5px;
      font-size: 11px;
      font-weight: normal; }
      .commentInfo .infoTitle .memberJoined a,
      .friendInfo .infoTitle .memberJoined a,
      .messageInfo .infoTitle .memberJoined a,
      .memberInfo .infoTitle .memberJoined a,
      .uploadInfo .infoTitle .memberJoined a {
        font-size: 11px; }
    .commentInfo .infoTitle .new,
    .friendInfo .infoTitle .new,
    .messageInfo .infoTitle .new,
    .memberInfo .infoTitle .new,
    .uploadInfo .infoTitle .new {
      padding-left: 20px;
      background-image: url(/images/new.png);
      background-position: left 1px;
      background-repeat: no-repeat; }
  .commentInfo ul,
  .friendInfo ul,
  .messageInfo ul,
  .memberInfo ul,
  .uploadInfo ul {
    list-style: none;
    float: right; }
    .commentInfo ul li,
    .friendInfo ul li,
    .messageInfo ul li,
    .memberInfo ul li,
    .uploadInfo ul li {
      display: inline;
      height: 20px;
      line-height: 20px;
      float: right; }
      .commentInfo ul li a,
      .friendInfo ul li a,
      .messageInfo ul li a,
      .memberInfo ul li a,
      .uploadInfo ul li a {
        height: 20px; }
    .commentInfo ul li.compose,
    .friendInfo ul li.compose,
    .messageInfo ul li.compose,
    .memberInfo ul li.compose,
    .uploadInfo ul li.compose {
      background: transparent url(/plugin_assets/community_engine/images/icons/email_edit.png) no-repeat 5px 2px;
      padding-left: 25px; }
    .commentInfo ul li.addfriend,
    .friendInfo ul li.addfriend,
    .messageInfo ul li.addfriend,
    .memberInfo ul li.addfriend,
    .uploadInfo ul li.addfriend {
      background: transparent url(/plugin_assets/community_engine/images/icons/user_add.png) no-repeat 2px 2px;
      padding-left: 22px;
      padding-right: 5px; }
  .commentInfo .infoDetails strong,
  .friendInfo .infoDetails strong,
  .messageInfo .infoDetails strong,
  .memberInfo .infoDetails strong,
  .uploadInfo .infoDetails strong {
    color: #343434; }

#mapCanvas .itemImage {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 100px;
  float: left; }
  #mapCanvas .itemImage a img {
    float: left;
    border: none; }
#mapCanvas .memory {
  background-image: url(/images/memory_icon_90.jpg); }
#mapCanvas .document {
  position: relative; }
  #mapCanvas .document a img {
    margin: 0px;
    width: 98px;
    height: 98px;
    border: 1px solid #dadada; }
  #mapCanvas .document .documentCorner {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 90px;
    height: 90px;
    background-image: url(/images/pdf_corner.png);
    *background-image: url(/images/pdf_corner.gif);
    background-repeat: no-repeat;
    background-position: bottom right; }
#mapCanvas .image {
  width: 100px;
  background-image: url(/images/frame_100.jpg);
  height: 100px;
  float: left; }
  #mapCanvas .image a img {
    margin: 6px;
    float: left;
    border: none;
    width: 88px;
    height: 88px; }

#featuredMembers .member {
  width: 100%;
  border: none; }
  #featuredMembers .member .memberInfo {
    width: 100%; }
    #featuredMembers .member .memberInfo p {
      margin: 0px; }
    #featuredMembers .member .memberInfo ul {
      float: left; }
#featuredMembers .avatarBig {
  float: left;
  margin-right: 0px;
  width: 228px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  background-color: white; }
  #featuredMembers .avatarBig a {
    margin: 2px;
    overflow: hidden;
    float: left;
    width: 224px; }
    #featuredMembers .avatarBig a img {
      width: 226px; }

.memberInfo p {
  margin: 0px; }

.uploadInfo {
  width: 669px; }
  .uploadInfo .infoTitle {
    color: #343434;
    font-weight: bold;
    font-size: 14px;
    font-style: normal; }

.messageInfo {
  width: 570px; }

table.messages tbody td {
  border-bottom: 1px dotted #e3e3e3; }

#messageHeader {
  margin: 30px 0px 10px;
  padding: 5px 20px;
  background-color: #e3e3e3;
  font-size: 12px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px; }
  #messageHeader strong {
    text-transform: uppercase; }

#messageBody {
  padding: 5px 20px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #343434;
  margin: 0px 0px 20px;
  font-family: Arial, Helvetica, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word; }

#dummy_reply {
  display: none; }

#replyButton .pinkButton a {
  background-color: #97a95a;
  background-image: none;
  margin-left: 10px;
  line-height: 18px;
  text-decoration: none;
  color: white;
  font-size: 14px;
  padding: 1px 10px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  clear: both;
  float: right;
  border-width: 2px;
  border-style: solid;
  border-color: #c1e17b;
  margin-right: 20px;
  width: auto;
  margin-bottom: 0px;
  margin-top: 10px;
  cursor: pointer; }

/* item show styles */
.item230 {
  width: 230px;
  float: right;
  overflow: hidden;
  text-align: left;
  clear: right;
  margin: 0 0px 7px; }
  .item230 .itemImage {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 70px; }
    .item230 .itemImage a img {
      float: left;
      border: none; }
  .item230 .memory {
    background-image: url(/images/memory_icon_70.jpg); }
  .item230 .document {
    position: relative; }
    .item230 .document a img {
      margin: 0px;
      width: 68px;
      height: 68px;
      border: 1px solid #dadada; }
    .item230 .document .documentCorner {
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 70px;
      height: 70px;
      background-image: url(/images/pdf_corner.png);
      *background-image: url(/images/pdf_corner.gif);
      background-repeat: no-repeat;
      background-position: bottom right; }
  .item230 .project {
    background-image: url(/images/project_70.jpg); }
    .item230 .project a img {
      margin: 16px 16px 6px 6px;
      width: 48px;
      height: 48px; }
  .item230 .image {
    background-image: url(/images/frame_70.jpg); }
    .item230 .image a img {
      margin: 6px;
      width: 58px;
      height: 58px; }
  .item230 .big {
    line-height: 30px;
    text-align: center;
    width: 110px;
    height: 125px; }
  .item230 .right {
    margin-right: 0px; }
  .item230 .photoBig {
    width: 100px;
    background-image: url(/images/frame_100.jpg);
    height: 100px;
    float: left; }
    .item230 .photoBig a img {
      margin: 6px;
      float: left;
      border: none;
      width: 88px;
      height: 88px; }
    .item230 .photoBig #sorryText {
      color: #999999;
      font-size: 11px;
      line-height: 14px;
      margin-top: 25px; }

.item230_preview {
  width: 100px;
  float: left;
  overflow: hidden;
  text-align: left;
  margin: 0 15px 15px 0px;
  clear: none; }
  .item230_preview .itemImage {
    float: left;
    margin-right: 10px;
    width: 100px;
    height: 100px; }
    .item230_preview .itemImage a img {
      float: left;
      border: none; }
  .item230_preview .memory {
    background-image: url(/images/memory_icon_90.jpg); }
  .item230_preview .document {
    position: relative; }
    .item230_preview .document a img {
      margin: 0px;
      width: 98px;
      height: 98px;
      border: 1px solid #dadada; }
    .item230_preview .document .documentCorner {
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 90px;
      height: 90px;
      background-image: url(/images/pdf_corner.png);
      *background-image: url(/images/pdf_corner.gif);
      background-repeat: no-repeat;
      background-position: bottom right; }
  .item230_preview .image {
    width: 100px;
    background-image: url(/images/frame_100.jpg);
    height: 100px;
    float: left; }
    .item230_preview .image a img {
      margin: 6px;
      float: left;
      border: none;
      width: 88px;
      height: 88px; }

#showItemArea {
  width: 669px;
  text-align: center;
  padding: 10px 0px;
  clear: left; }
  #showItemArea #itemImage {
    margin: 10px auto;
    position: relative; }
    #showItemArea #itemImage img {
      margin: 6px; }
    #showItemArea #itemImage #cover {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: bottom right; }
    #showItemArea #itemImage #downloadButton {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      text-align: right; }
      #showItemArea #itemImage #downloadButton a {
        background-color: #97a95a;
        background-image: none;
        margin-left: 10px;
        line-height: 18px;
        text-decoration: none;
        color: white;
        font-size: 14px;
        padding: 1px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        clear: both;
        float: right;
        border-width: 2px;
        border-style: solid;
        border-color: #c1e17b;
        margin-right: 20px;
        width: auto;
        margin-bottom: 20px;
        margin-top: 20px;
        cursor: pointer; }
  #showItemArea .document {
    padding: 10px; }

#imageInfo {
  text-align: left;
  width: 659px;
  background-color: #f2f2f2;
  padding: 5px;
  margin-bottom: 10px; }
  #imageInfo .infoTitle {
    width: 590px;
    float: left; }
  #imageInfo .infoDetails {
    float: left;
    width: 590px; }

#itemActions,
.itemActions {
  list-style: none;
  margin: 0px 0px 20px;
  padding: 0px;
  text-align: center; }
  #itemActions li,
  .itemActions li {
    display: inline-block;
    padding-left: 20px;
    background-position: left 0px;
    background-repeat: no-repeat;
    margin-right: 10px;
    line-height: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: normal; }
    #itemActions li a,
    .itemActions li a {
      text-decoration: none; }
    #itemActions li a:hover,
    .itemActions li a:hover {
      text-decoration: underline; }
  #itemActions .like,
  .itemActions .like {
    background-image: url(/images/star.png); }
  #itemActions .twitter,
  .itemActions .twitter {
    background-image: url(/images/twitter_icon.png); }
  #itemActions .facebook,
  .itemActions .facebook {
    background-image: none;
    padding-left: 0px; }
  #itemActions .share,
  .itemActions .share {
    background-image: url(/images/email.png); }
  #itemActions .flag,
  .itemActions .flag {
    background-image: url(/images/flag.png);
    margin-right: 0px; }
  #itemActions .edit,
  .itemActions .edit {
    background-image: url(/images/pencil.png); }
  #itemActions .picture,
  .itemActions .picture {
    background-image: url(/images/picture.png); }
  #itemActions .trash,
  .itemActions .trash {
    background-image: url(/images/bin.png);
    margin-right: 0px; }
  #itemActions .download,
  .itemActions .download {
    background-image: url(/images/download.png); }

#uploadTypes {
  margin-top: 20px; }
  #uploadTypes .uploadImage,
  #uploadTypes .uploadDocument,
  #uploadTypes .uploadMemory {
    width: 300px;
    margin-right: 20px;
    float: left; }
    #uploadTypes .uploadImage img,
    #uploadTypes .uploadDocument img,
    #uploadTypes .uploadMemory img {
      margin-bottom: 30px; }
    #uploadTypes .uploadImage .pinkButton a,
    #uploadTypes .uploadDocument .pinkButton a,
    #uploadTypes .uploadMemory .pinkButton a {
      background-color: #97a95a;
      background-image: none;
      margin-left: 60px;
      line-height: 18px;
      color: white;
      font-size: 14px;
      padding: 10px 15px;
      border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      clear: both;
      float: left;
      border-width: 2px;
      border-style: solid;
      border-color: #c1e17b;
      margin-right: 0px;
      width: 150px;
      margin-bottom: 20px;
      margin-top: 20px;
      text-decoration: none;
      cursor: pointer;
      background-color: #97a95a;
      background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
      background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
      box-shadow: 0px 0px 6px #333333;
      -webkit-box-shadow: 0px 0px 6px #333333;
      -moz-box-shadow: 0px 0px 6px #333333; }
  #uploadTypes .uploadMemory {
    margin-right: 0px; }

.divider {
  clear: both;
  width: 100%;
  border-bottom: 1px dotted #e3e3e3; }

#colLeft {
  margin-right: 20px;
  background-color: #f5f5f5;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  text-align: left;
  float: left;
  width: 250px;
  overflow: hidden; }
  #colLeft h2 {
    margin: 20px 20px 20px;
    font-size: 16px;
    font-weight: bold; }
  #colLeft .clear {
    padding: 5px 0px; }
  #colLeft h3 {
    margin: 10px 20px 0px;
    font-weight: bold; }
  #colLeft ul {
    margin: 5px 20px 10px;
    list-style: none;
    float: left; }
    #colLeft ul li {
      float: left;
      clear: left;
      width: 210px; }
      #colLeft ul li input {
        float: left;
        margin-right: 5px;
        margin-top: 3px; }
      #colLeft ul li label {
        display: inline;
        line-height: 20px; }
      #colLeft ul li .count {
        float: right;
        font-size: 11px;
        line-height: 20px;
        color: #666666; }
    #colLeft ul .seeAll a {
      float: left; }

#searchResults #sortBy {
  background-color: #f5f5f5;
  width: 669px;
  float: right;
  padding: 5px 0px;
  text-align: right;
  margin-bottom: 10px; }
  #searchResults #sortBy label {
    line-height: 24px; }
  #searchResults #sortBy select {
    margin-right: 10px;
    border: 1px solid #cccccc;
    padding: 2px;
    font-size: 14px;
    background-color: white;
    color: #343434;
    font-weight: normal; }
  #searchResults #sortBy #resultsPage {
    float: left;
    margin-left: 10px;
    line-height: 24px; }
#searchResults #perPage {
  width: 659px;
  float: right;
  padding: 5px 0px;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 5px; }
  #searchResults #perPage a.current {
    color: #343434;
    text-decoration: none; }
#searchResults #onPage {
  background-color: #f5f5f5;
  width: 669px;
  float: right;
  padding: 5px 0px;
  text-align: center;
  margin-bottom: 10px; }
  #searchResults #onPage #thisPage {
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 4px; }
  #searchResults #onPage #allPages .pinkButton a, #searchResults #onPage #allPages .pinkButton span {
    background-color: #97a95a;
    background-image: none;
    margin: 0px 2px;
    line-height: 12px;
    color: white;
    font-size: 12px;
    padding: 3px 3px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #c1e17b;
    margin-right: 0px;
    display: inline-block;
    width: 15px;
    text-decoration: none;
    cursor: pointer; }
  #searchResults #onPage #allPages .current {
    color: #343434;
    text-decoration: none; }

#results .item669 {
  width: 669px;
  float: right;
  overflow: hidden;
  text-align: left;
  clear: right;
  margin: 0 0px 7px;
  padding-bottom: 7px;
  border-bottom: 1px dotted #e3e3e3; }
  #results .item669 .itemImage {
    float: left;
    margin-right: 10px;
    width: 70px;
    height: 70px;
    float: left; }
    #results .item669 .itemImage a img {
      float: left;
      border: none; }
  #results .item669 .memory {
    background-image: url(/images/memory_icon_70.jpg); }
  #results .item669 .document {
    position: relative; }
    #results .item669 .document a img {
      margin: 0px;
      width: 68px;
      height: 68px;
      border: 1px solid #dadada; }
    #results .item669 .document .documentCorner {
      position: absolute;
      bottom: 0px;
      right: 0px;
      width: 70px;
      height: 70px;
      background-image: url(/images/pdf_corner.png);
      *background-image: url(/images/pdf_corner.gif); }
  #results .item669 .project {
    background-image: url(/images/project_70.jpg); }
    #results .item669 .project a img {
      margin: 16px 16px 6px 6px;
      width: 48px;
      height: 48px; }
  #results .item669 .image {
    background-image: url(/images/frame_70.jpg); }
    #results .item669 .image a img {
      margin: 6px;
      width: 58px;
      height: 58px; }
  #results .item669 .infoTitle {
    width: 500px;
    float: left; }
  #results .item669 .infoDetails {
    width: 500px;
    float: left; }
    #results .item669 .infoDetails .commentCount {
      display: inline;
      padding-left: 20px;
      margin-left: 5px;
      background-image: url(/images/comment.png);
      background-repeat: no-repeat; }
  #results .item669 .infoDate {
    width: 80px;
    float: right;
    text-align: right; }

.centuryLink {
  float: left;
  width: 100%;
  margin: 10px 0px 10px;
  background-image: url(/images/big_dotted_line.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  font-size: 16px;
  line-height: 20px;
  color: #666666; }
  .centuryLink a {
    display: inline;
    *float: left;
    font-weight: bold; }
  .centuryLink .centuryItemCount {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    background-color: white; }

.yearLink {
  float: left;
  width: 73px;
  margin: 0px 10px 0px 0px;
  background-image: url(/images/dotted_line.gif);
  background-repeat: no-repeat;
  background-position: right bottom; }
  .yearLink a {
    display: inline;
    *float: left;
    line-height: 20px; }
  .yearLink .yearItemCount {
    float: right;
    font-size: 11px;
    line-height: 20px;
    background-color: white;
    color: #666666; }

.notshown {
  display: none; }

.shown {
  display: auto; }

.postLink {
  float: left;
  width: 230px;
  margin: 0px 34px 0px 0px;
  background-image: url(/images/dotted_line.gif);
  background-repeat: no-repeat;
  padding-bottom: 10px;
  background-position: left bottom; }
  .postLink a {
    display: inline;
    *float: left;
    font-size: 14px;
    line-height: 20px; }
  .postLink .postItemCount {
    float: right;
    font-size: 11px;
    line-height: 20px;
    color: #666666;
    background-color: white; }

.browseLink {
  float: left;
  width: 300px;
  margin: 0px 34px 0px 0px;
  background-image: url(/images/dotted_line.gif);
  background-repeat: no-repeat;
  background-position: 20px bottom; }
  .browseLink a {
    display: inline;
    *float: left;
    line-height: 20px; }
  .browseLink .browseItemCount {
    float: right;
    font-size: 11px;
    line-height: 20px;
    color: #666666; }

.browseBox {
  width: 300px;
  height: 470px;
  text-align: left;
  float: left;
  margin-right: 20px;
  padding: 10px 0px 20px;
  background-image: url(/images/browse_bg.gif);
  background-repeat: no-repeat;
  background-position: center top; }
  .browseBox h3 {
    margin: 10px 20px;
    font-weight: normal;
    font-size: 18px; }
  .browseBox p {
    margin: 10px 20px;
    font-size: 11px;
    line-height: 20px;
    color: #666666; }
  .browseBox .browseLink {
    float: left;
    width: 260px;
    margin: 0px 20px;
    background-image: url(/images/dotted_line.gif);
    background-repeat: no-repeat;
    background-position: -70px bottom; }
    .browseBox .browseLink a {
      display: inline;
      line-height: 20px; }
    .browseBox .browseLink .browseItemCount {
      float: right;
      font-size: 11px;
      line-height: 20px;
      color: #666666; }
  .browseBox .seeAll a {
    float: right;
    margin: 0px 20px; }

.newsItem {
  margin: 0 0px 10px; }
  .newsItem h3 {
    font-size: 18px;
    width: 100%;
    float: left; }
    .newsItem h3 a {
      text-decoration: none;
      float: left; }
    .newsItem h3 .newsInfo {
      float: right;
      text-align: right;
      color: #666666;
      font-size: 12px;
      line-height: 20px; }
  .newsItem .newsPreview {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e3e3e3; }

ul.newsActions {
  list-style: none;
  margin: 0px 0px 20px;
  padding: 0px;
  text-align: center; }
  ul.newsActions li {
    float: left;
    clear: left;
    padding-left: 20px;
    background-position: left 2px;
    background-repeat: no-repeat;
    margin-right: 10px;
    line-height: 20px;
    height: 20px;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 4px; }
    ul.newsActions li a {
      text-decoration: none; }
    ul.newsActions li a:hover {
      text-decoration: underline; }
  ul.newsActions .print {
    background-image: url(/images/printer.png); }
  ul.newsActions .email {
    background-image: url(/images/email.png); }
  ul.newsActions .twitter {
    background-image: url(/images/twitter_icon.png); }
  ul.newsActions .facebook {
    background-image: none;
    padding-left: 0px; }
  ul.newsActions .edit {
    background-image: url(/images/pencil.png); }
    ul.newsActions .edit a {
      color: #288ee5; }
  ul.newsActions .delete {
    background-image: url(/images/bin.png);
    margin-right: 0px; }
    ul.newsActions .delete a {
      color: #288ee5; }

#joinUp {
  float: left;
  margin-bottom: 20px;
  text-align: center; }
  #joinUp h3 {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 0px; }
  #joinUp img {
    float: none;
    margin-top: 0px;
    margin-bottom: 10px; }
  #joinUp #joinNow a {
    background-image: url(/images/join_us_button_bg.png);
    background-repeat: no-repeat;
    border: none;
    width: 204px;
    height: 63px;
    margin: 0px 13px 10px;
    float: left;
    overflow: hidden;
    background-position: 0px 0px;
    text-indent: -1000px; }
  #joinUp #joinNow a:hover {
    background-position: 0px -63px; }
  #joinUp #joinNow p {
    text-align: center;
    color: #666666;
    font-size: 14px; }
    #joinUp #joinNow p strong {
      font-weight: bold; }

.last {
  margin-right: 0px; }

#featuredTag {
  padding-bottom: 10px;
  width: 230px;
  float: left; }
  #featuredTag .seeAll a {
    float: right;
    clear: both;
    margin: 0px 15px; }

#relatedTags {
  padding-bottom: 10px;
  float: left; }
  #relatedTags .browseLink {
    width: 100%;
    margin: 0px;
    background-position: -90px bottom; }

div.pagination {
  margin: 10px 0px;
  line-height: 20px; }

div.pagination a {
  display: inline;
  height: 20px;
  margin-right: 2px;
  display: inline-block;
  width: 20px;
  padding: 0px;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  color: #97a95a;
  background-color: #e3e3e3; }

div.pagination a:hover {
  padding: 0px;
  margin-right: 2px;
  color: white;
  background-color: #c1e17b; }

div.pagination a.active {
  color: white;
  background-color: #97a95a; }

/*project styles */
#projectHeading {
  background-color: #97a95a;
  background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
  background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
  padding: 15px 0 10px;
  margin-bottom: 15px;
  float: left;
  width: 940px; }
  #projectHeading h1 {
    color: white;
    font-size: 30px;
    line-height: 36px;
    text-align: left;
    float: left;
    width: 900px;
    margin: 0px 0px 5px 20px; }
    #projectHeading h1 #shareLinks {
      float: right;
      width: 150px;
      line-height: 16px;
      font-size: 12px;
      margin-top: 0px; }
      #projectHeading h1 #shareLinks .twitter a {
        color: white;
        background-image: url("/images/twitter.png");
        background-repeat: no-repeat;
        padding-left: 20px;
        text-decoration: none;
        float: left;
        margin-bottom: 5px; }
      #projectHeading h1 #shareLinks .facebook a {
        color: white; }
        #projectHeading h1 #shareLinks .facebook a .FBConnectButton_Simple {
          background-image: url("/images/facebook.png");
          float: left; }
          #projectHeading h1 #shareLinks .facebook a .FBConnectButton_Simple .FBConnectButton_Text_Simple {
            margin-left: 20px; }
    #projectHeading h1 .subtitle {
      font-size: 14px;
      line-height: 18px;
      float: left;
      width: 900px; }

#projectMap {
  float: right;
  width: 621px;
  height: 411px;
  overflow: hidden;
  background-image: url(/images/map_frame.jpg);
  padding: 6px;
  margin-left: 15px;
  margin-bottom: 10px; }

#projectText .projectDetails {
  background-color: #eeeeee;
  float: left;
  margin-bottom: 15px;
  padding: 5px;
  text-align: left;
  width: 280px; }
  #projectText .projectDetails .infoDetails {
    margin-top: 20px; }
#projectText p {
  margin-left: 5px;
  font-size: 12px;
  margin-bottom: 12px; }
#projectText strong {
  font-size: 16px;
  line-height: 22px; }

#uploadNow {
  float: right;
  background-color: #97a95a;
  background: -webkit-gradient(linear, left top, right bottom, from(#97a95a), to(#c1e17b));
  background: -moz-linear-gradient(90deg, #97a95a, #c1e17b);
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #c1e17b;
  box-shadow: 0px 0px 6px #333333;
  -webkit-box-shadow: 0px 0px 6px #333333;
  -moz-box-shadow: 0px 0px 6px #333333;
  width: 254px;
  height: 98px;
  margin: 0px 13px 10px;
  *margin: 0px 5px 10px;
  *width: 270px;
  *height: 114px;
  *background-image: url(/images/uploadNow_bg.jpg);
  *background-repeat: no-repeat;
  *border: none; }
  #uploadNow p {
    text-align: center;
    margin-top: 18px;
    *margin-top: 26px; }
    #uploadNow p a {
      font-size: 24px;
      text-align: center;
      line-height: 30px;
      text-decoration: none;
      color: white; }

#projectLatest {
  clear: both;
  width: 100%; }
  #projectLatest h2 {
    color: #666666;
    font-size: 16px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding-top: 20px;
    text-align: left; }
    #projectLatest h2 .seeAll {
      float: right;
      margin-top: -23px;
      width: 100%; }
  #projectLatest #slider {
    background-color: #f7f7f7;
    width: 940px;
    height: 130px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 6px #333333;
    -webkit-box-shadow: 0px 0px 6px #333333;
    -moz-box-shadow: 0px 0px 6px #333333; }
    #projectLatest #slider #sliderLeft {
      width: 20px;
      float: left;
      margin-left: 10px;
      margin-top: 15px;
      height: 100px; }
      #projectLatest #slider #sliderLeft a {
        width: 20px;
        height: 100px;
        float: left;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(/images/left_arrow.gif);
        background-repeat: no-repeat;
        background-position: center center; }
    #projectLatest #slider #sliderPreviews {
      float: left;
      margin-top: 15px;
      width: 880px;
      overflow: hidden;
      position: relative;
      height: 100px; }
      #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .itemImage {
        position: relative;
        float: left;
        margin: 0px 5px;
        width: 100px;
        height: 100px;
        float: left; }
        #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .itemImage a img {
          float: left;
          border: none;
          width: 100px;
          height: 100px; }
      #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .memory {
        background-image: url(/images/memory_icon_100.png); }
      #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .document {
        position: relative; }
        #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .document a img {
          margin: 0px;
          width: 98px;
          height: 98px;
          border: 1px solid #dadada; }
        #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .document .documentCorner {
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 100px;
          height: 100px;
          background-image: url(/images/pdf_corner.png);
          background-position: bottom right;
          background-repeat: no-repeat;
          *background-image: url(/images/pdf_corner.gif); }
      #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .image {
        background-image: url(/images/frame_100.jpg); }
        #projectLatest #slider #sliderPreviews #sliderPreviewBigBox .image a img {
          margin: 6px;
          width: 88px;
          height: 88px; }
    #projectLatest #slider #sliderRight {
      width: 20px;
      margin-top: 15px;
      float: right;
      margin-right: 10px;
      height: 100px; }
      #projectLatest #slider #sliderRight a {
        width: 20px;
        float: right;
        height: 100px;
        text-indent: -1000px;
        overflow: hidden;
        background-image: url(/images/right_arrow.gif);
        background-repeat: no-repeat;
        background-position: center center; }

.warning,
#errorExplanation,
.errorExplanation {
  margin: 0px 0px 15px; }

#errorExplanation,
.errorExplanation {
  text-align: left;
  float: left;
  width: 640px;
  margin-right: 20px; }
  #errorExplanation h2,
  .errorExplanation h2 {
    font-size: 14px;
    font-weight: bold;
    color: #6b5e2b; }
  #errorExplanation p,
  #errorExplanation ul,
  .errorExplanation p,
  .errorExplanation ul {
    font-size: 12px;
    font-weight: normal;
    color: #6b5e2b;
    margin: 5px 0px; }
    #errorExplanation p li,
    #errorExplanation ul li,
    .errorExplanation p li,
    .errorExplanation ul li {
      list-style: auto;
      list-style-position: inside; }

#divFileProgressContainer {
  float: left;
  width: 669px; }
  #divFileProgressContainer .progressWrapper {
    width: 669px; }

.mceEditor {
  margin-bottom: 15px;
  float: left; }

#notSupported {
  font-family: arial, helvetica, clean, sans-serif; }
  #notSupported h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #97a95a; }
  #notSupported h2 {
    font-weight: normal; }
  #notSupported #content {
    text-align: center;
    margin: 0 auto;
    background-color: white;
    width: 480px; }
    #notSupported #content #questionHeader {
      width: auto; }
      #notSupported #content #questionHeader h1 {
        width: auto; }
    #notSupported #content p {
      font-size: 14px;
      width: auto;
      text-align: center; }
    #notSupported #content #contentBody {
      padding: 20px; }
    #notSupported #content table {
      width: 100%; }
      #notSupported #content table td {
        padding: 10px 0;
        text-align: center;
        width: 50%;
        background-position: 50% 0;
        background-repeat: no-repeat; }
        #notSupported #content table td a {
          display: block;
          margin-top: 80px; }
      #notSupported #content table #browserChrome {
        background-image: url(/images/browser_chrome.gif);
        background-position: 50% 8px !important; }
      #notSupported #content table #browserFirefox {
        background-image: url(/images/browser_firefox.gif);
        background-position: 50% 8px !important; }
      #notSupported #content table #browserSafari {
        background-image: url(/images/browser_safari.gif); }
      #notSupported #content table #browserIE {
        background-image: url(/images/browser_ie8.gif);
        background-position: 50% 4px !important; }

.mapItemPreview {
  text-align: left;
  width: 240px;
  height: 100px;
  overflow: hidden; }