@import url('base.css');

/*
  Dark | Light:
  ---
  Gray: #878787 / #b1b1b1
  Blue: #1f1c5a / #3d89c0
  Green: #7eac43 / -
  Yellow: #ef9902 / -
*/

body {
  background: #f2f2f2 url('../images/background.png') 0 0 repeat-x;
}

#container, #header, #footer {
  width: 960px;
  margin: 0 auto;
}

#footer-wrapper {
  background: url('../images/background-sprite.png') 0 -1113px repeat-x;
  background-color: #3d89c0;
  left: 0;
  right: 0;
}

/* Header */
#header {
  height: 135px;
  position: relative;
}
  #header h1 {
    width: 288px;
    height: 106px;
    background: url('../images/identity.png') 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 16px;
    z-index: 1;
  }
    #header h1.dashboard a {
      display: block;
      height: 100%;
      width: 100%;
    }
  #header ul#navigation {
    position: absolute;
    top: 79px;
    left: 135px;
    z-index: 2;
    padding-top: 15px;
    padding-right: 150px;
    overflow: hidden;
    height: 30px;
    background: url('../images/header-navigation-separator.png') 100% 5px no-repeat;
  }
    #header ul#navigation li {
      float: left;
      margin-right: 20px;
      font-size: 12px;
      font-weight: bold;
    }
      #header ul#navigation li a {
        color: #1f1c5a;
        display: block;
        height: 29px;
        line-height: 23px;
        float: left;
      }
      #header ul#navigation li a.active,
      #header ul#navigation li a:hover {
        background: url('../images/active-sprite.png') 50% -270px no-repeat;
        color: #3d89c0;
      }
  #header ul.search {
    position: absolute;
    right: 0;
    top: 35px;
    color: #878787;
  }
    #header ul.search li {
      float: left;
      line-height: 30px;
    }
      #header ul.search li #search-input {
        border: 1px solid #b1b1b1;
        padding: 3px;
        margin: 0 8px;
        color: #878787;
        height: 16px;
      }
      #header ul.search li .submit {
        /*display: -moz-inline-box;*/
        display: inline-block;
        border: none;
        height: 24px;
        width: 56px;
				margin-top: -3px;
			  vertical-align: middle;
        background: url('../images/button-sprite.png') 0 0 no-repeat;
      }
/* Header End */

/* Content */
#content {
  position: relative;
  margin-bottom: 40px;
  /*overflow: hidden;*/
}
  /* Content -> Sub Menu */
  #content #sub-navigation {
    height: 41px;
    background: url('../images/submenu-background.png') 0 0 repeat-x;
    line-height: 37px;
    margin-bottom: 8px;
  }
    #content #sub-navigation a {
      /*color: #c4f86f;*/
      /*color: #4f6a2e;*/
      font-size: 13px;
      display: block;
    }
    #content #sub-navigation a:hover {
      color: #86b44e;
    }
    #content ul#navigation-actions {
      position: absolute;
      z-index: 100;
      /*border-left: 1px solid #7eac43;*/
      /*border-left: 1px solid #070b0e;*/
      padding-left: 9px;
    }
    #content ul#navigation-actions li a {
      font-weight: bold;
      background: url('../images/active-sprite.png') 100% -23px no-repeat;
      display: inline;
      padding-right: 20px;
      margin-top: 1px;
    }
    #content ul#navigation-actions li a:hover {
      background: url('../images/active-sprite.png') 100% -74px no-repeat;
    }
      #content ul#navigation-actions li a.next {
        background: url('../images/symbols-sprite.png') 0 -902px no-repeat !important;
        padding: 0 0 0 20px;
        margin-right: 10px;
      }
      #content ul#navigation-actions li a.previous {
        background: url('../images/symbols-sprite.png') 100% -927px no-repeat !important;
        padding-right: 25px;
      }
    #content ul#navigation-actions li ul {
      display: none;
      /*border: 1px solid #7eac43;*/
      /*border: 1px solid #070b0e;*/
      border-top: none !important;
      padding: 0 14px;
      margin: -2px 0 0 -10px;
      /*background-color: #cff17a;*/
      /*background-color: #1d415b;*/
      opacity: .90;
      filter: alpha(opacity=90);
    }
    #content ul#navigation-actions li:hover ul {
      display: block;
    }
      #content ul#navigation-actions li ul li a {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
        background: none !important;
      }
    #content ul#navigation-tabs {
      float: right;
      /*border-right: 1px solid #7eac43;*/
      /*border-right: 1px solid #070b0e;*/
      padding-right: 10px;
    }
      #content ul#navigation-tabs li {
        float: left;
      }
      #content ul#navigation-tabs li a {
        height: 36px;
        margin-top: 1px;
        padding: 0 7px;
        position: relative;
        float: left;
        overflow: hidden;
        font-size: 12px;
      }
      #content ul#navigation-tabs li a:hover,
      #content ul#navigation-tabs li.active a {
        background: #dbf5b1 url('../images/active-sprite.png') 50% -167px no-repeat;
      }
      #content ul#navigation-tabs li a:hover span,
      #content ul#navigation-tabs li.active a span {
        background: url('../images/navigation-separator.png') 0 0 no-repeat;
        position: absolute;
        height: 100%;
        width: 1px;
        left: 0;
        top: 0;
      }
      #content ul#navigation-tabs li a:hover span.right,
      #content ul#navigation-tabs li.active a span.right {
        left: auto;
        right: 0;
      }
    #content ul#navigation-tabs.line-separator li span {
        border-right: 1px solid #55702d;
      }
        #content ul#navigation-tabs.line-separator li:last-child span {
          display: none;
        }
      #content ul#navigation-tabs.no-hover li:hover * {
        background: none;
      }
      #content #sub-navigation.default span.enclose-right {
        display: block;
        float: right;
        height: 37px;
      }
    /* Content -> Sub Menu -> Default*/
    #content #sub-navigation.default {
      background-position: 0 0;
    }
      #content #sub-navigation.default a {
        color: #4f6a2e;
      }
      #content #sub-navigation.default ul#navigation-actions {
        border-left: 1px solid #7eac43;
      }
        #content #sub-navigation.default ul#navigation-actions li ul {
          border: 1px solid #7eac43;
          background-color: #cff17a;
        }
      #content #sub-navigation.default ul#navigation-tabs,
      #content #sub-navigation.default span.enclose-right {
        border-right: 1px solid #7eac43;
      }
    /* Content -> Sub Menu -> Default End */
      
    /* Content -> Sub Menu -> Admin */
    #content #sub-navigation.admin {
      background-position: 0 -41px;
    }
      #content #sub-navigation.admin a {
        color: #c4f86f;
      }
      #content #sub-navigation.admin ul#navigation-actions {
        border-left: 1px solid #070b0e;
      }
        #content #sub-navigation.admin ul#navigation-actions li a {
          font-weight: bold;
          background: url('../images/active-sprite.png') 100% -327px no-repeat;
          display: inline;
          padding-right: 20px;
          margin-top: 1px;
        }
        #content #sub-navigation.admin ul#navigation-actions li a:hover {
          background: url('../images/active-sprite.png') 100% -372px no-repeat;
        }
        #content #sub-navigation.admin ul#navigation-actions li ul {
          border: 1px solid #070b0e;
          background-color: #1d415b;
        }
      #content #sub-navigation.admin ul#navigation-tabs {
        border-right: 1px solid #070b0e;
      }
        #content #sub-navigation.admin ul#navigation-tabs a:hover,
        #content #sub-navigation.admin ul#navigation-tabs li.active a {
          color: #070b0e;
        }
    #content #sub-navigation.admin ul#navigation-actions li a.next {
      background-position: 0 -1292px !important;
    }
    #content #sub-navigation.admin ul#navigation-actions li a.previous {
      background-position: 100% -1347px !important;
    }
    /* Content -> Sub Menu -> Admin End */
    
    /* Content -> Sub Menu -> Shop */
    #content #sub-navigation.shop {
      background-position: 0 -82px;
    }
      #content #sub-navigation.shop a {
          color: #fff;
        }
        #content #sub-navigation.shop ul#navigation-actions {
          border-left: 1px solid #fff;
        }
          #content #sub-navigation.shop ul#navigation-actions li ul {
            border: 1px solid #fff;
            background-color: #2f313b;
          }
        #content #sub-navigation.shop ul#navigation-tabs {
          border-right: 1px solid #fff;
        }
          #content #sub-navigation.shop ul#navigation-tabs a:hover {
            color: #2f313b;
          }
    /* Content -> Sub Menu -> Shop End */
    
  /* Content -> Sub Menu End */

  /* Content -> Secondary Navigation end */
  #content #secondary-navigation {
  background-color: #3e8bc1;
  padding: 5px 10px;
  font-weight: bold;
  color: #84c2f1;
  margin-top: 14px;
  font-size: 11px;
}
  #content #secondary-navigation a.active,
  #content #secondary-navigation a:hover {
    color: #84c2f1 !important;
  }
  #content #secondary-navigation ul.select {
    float: left;
    background: url('../images/symbols-sprite.png') 0 -419px no-repeat;
    padding-left: 24px;
  }
  #content #secondary-navigation ul.mark-selected {
    float: right;
  }
    #content #secondary-navigation ul.select li,
    #content #secondary-navigation ul.mark-selected li {
      float: left;
      /* border-right: 1px solid #84c2f1; */
      padding: 0 2px;
      line-height: 20px;
    }
      #content #secondary-navigation li a {
        line-height: 20px;
        color: #fff;
        display: block;
        padding: 0 3px;
      }
      #content #secondary-navigation li:hover a {
        background-color: #ceebef;
        color: #488db4 !important;
      }
      #content #secondary-navigation li:hover ul {
        display: block;
      }
      #content #secondary-navigation li ul {
        display: none;
        position: absolute;
        border: 3px solid #ceebef;
        width: 200px;
        z-index: 50;
        background-color: #fff;
        padding: 9px;
      }
      #content #secondary-navigation li ul li {
        float: none !important;
        line-height: 20px;
        padding-bottom: 2px;
        border-right: none !important;
      }
      #content #secondary-navigation li ul li:last-child {
        border-top: 1px solid #ededed !important;
      }
        #content #secondary-navigation li ul li input {
          float: left;
          margin: 4px 4px 0 0;
        }
        #content #secondary-navigation li ul li a {
          color: #488db4 !important;
          border: none !important;
          background: none !important;
        }
        #content #secondary-navigation li ul li a:hover {
          color: #444 !important;
        }
  #content #secondary-navigation ul.sort-by li {
    float: left;
  }
  /* Content -> Secondary Navigation end */

  #content #page {
    float: left;
    margin-left: 15px;
    border: 1px solid #3d89c0;
    background: #f2f2f2 url('../images/page-background.png') -360px 0 repeat-y;
    padding-bottom: 20px;
    min-height: 500px !important;
  }
    #content #page .spacer {
      padding: 10px 0px 0px 0px;
    }

		#content #page .spacer.bottom {
      padding: 0px 0px 20px 0px;
    }

    #content #page ul.pictures {
      margin-right: -7px;
    }
      #content #page ul.pictures li {
        float: left;
      }
        #content #page ul.pictures li img {
          padding: 3px;
          border: 1px solid #a7a7a7;
          margin: 0 9px 7px 0;
        }
    #content #page ul.files li {
      float: left;
      width: 50%;
      line-height: 19px;
    }
    #content #page ul li.discussion:last-child {
      border: none !important;
    }
    #content #page .discussion ul.separator-right li {
      display: inline;
      line-height: 25px;
      font-size: 10px;
    }
      #content #page .discussion ul.separator-right li a {
        border-right: 1px solid #a7a7a7;
        padding-right: 5px;
      }
      
  #content #full-page {
    border: 1px solid #4289bf;
    background-color: #fff;
  }
    #content #full-page ul#sections {
      min-height: 400px;
    }
    #content #full-page ul#sections li.section {
      padding: 20px 20px 20px 200px;
      position: relative;
    }
      #content #full-page ul#sections li.section h2 {
        font: 25px normal "Times", "Arial";
        color: #223e53;
      }
      #content #full-page ul#sections li.section fieldset {
        border: none;
        background: none;
        padding: 0;
        width: 400px;
        padding-top: 10px;
      }
        #content #full-page ul#sections li.section fieldset legend {
          background: none;
          font-size: 18px;
          color: #fff;
          text-transform: uppercase;
          font-weight: bold;
        }
        #content #full-page ul#sections li.section fieldset label {
          text-transform: uppercase;
          color: #fff;
          text-indent: 5px;
        }
      #content #full-page ul#sections li.section .info {
        font-size: 35px;
        font-weight: bold;
        position: absolute;
        left: 40px;
        top: 40px;
      }
    #content #full-page ul#sections li.section.first {
      background: #d6ebec url('../images/highlight-large.png') 0 0 repeat-x;
      border-bottom: 2px solid #fff;
    }
    #content #full-page ul li.section.second {
      background: #99c2de;
      border-bottom: 2px solid #fff;
    }
      #content #full-page ul li.section.second .info {
        color: #cbdcec;
      }
    #content #full-page ul li.section.third {
      background: #1e425c;
    }
      #content #full-page ul li.section.third .info {
        color: #869caa;
      }

#content #page .action-bottom {
  position: absolute;
  bottom: -25px;
  margin-left: -15px;
}

/* Discussion Thread */
#content #page ul.discussions {
  margin-top: 10px;
}
#content #page ul.discussions li.discussion {
  margin-bottom: 10px;
  padding: 5px;
}
#content #page ul.discussions li.discussion:hover {
  /* background-color: #fff8db; */
}
  #content #page ul.discussions li.discussion.even {
    background-color: #f0f5f8;
  }
  #content #page ul.discussions li.discussion.even:hover {
  /* background-color: #fff8db; */
  }
  #content #page ul.discussions li.discussion.selected {
    border: 3px solid #4288bb;
  }
    #content #page ul.discussions li.discussion.even.selected {
      border: 3px solid #4288bb;
    }
  #content #page ul.discussions li.discussion.selected:hover {
    background-color: none !important;
  }
    #content #page ul.discussions li.discussion .discussion-body {
    }
    #content #page ul.discussions li.discussion.selected .discussion-body {
      display: block;
    }
    #content #page ul.discussions li.discussion.even.selected .discussion-body {
      display: block;
    }
#content #page ul.discussions li.discussion .post-info {
  width: 160px;
  float: right;
  border-left: 1px solid #a7a7a7;
  padding-left: 5px;
  margin: 0 5px;
  line-height: 28px;
}
  #content #page ul.discussions li.discussion .post-info a {
    float: left;
  }
  #content #page ul.discussions li.discussion .post-info small {
    clear: left;
    display: block;
  }
  #content #page ul.discussions li.discussion .post-info img {
    border: 1px solid #a7a7a7;
    padding: 1px;
    vertical-align: middle;
    margin-right: 4px;
  }
  #content #page ul.discussions li.discussion .post-info .send-message {
    height: 20px;
    width: 20px;
    background: url('../images/symbols-sprite.png') -1px -589px no-repeat;
    margin: 4px 0 0 4px;
  }
#content #page ul.discussions li.discussion p {
  color: #313737;
  margin: 5px 0;
}
#content #page ul.discussions li.discussion #message-form {
  width: 530px;
  margin-top: 5px;
}
#content #page ul.discussions li.discussion ul.comment-actions {
  margin-left: 5px;
}
  #content #page ul.discussions li.discussion ul.comment-actions li {
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
  }
	#content #page ul.discussions li.discussion ul.comment-actions li.number-of-comments {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
  }
	#content #page ul.discussions li.discussion ul.comment-actions li.forward {
		width: 65px;
    overflow: hidden;
    white-space: nowrap;
	}
	#content #page ul.discussions li.discussion ul.comment-actions li.go-home {
		width: 65px;
    overflow: hidden;
    white-space: nowrap;
	}
  #content #page ul.discussions li.discussion ul.comments li .profile {
    width: 130px;
  }
  #content #page ul.discussions li.discussion ul.comments li blockquote {
    width: 355px;
  }
#content #page ul.discussions li.discussion ul.comments li.indent {
  padding-left: 50px;
  background: url('../images/indent-level.png') 20px 10px no-repeat;
}
  #content #page ul.discussions li.discussion ul.comments li.indent.level-1 blockquote {
    width: 315px;
  }
  #content #page ul.discussions li.discussion ul.comments li.indent.level-2 {
    margin-left: 45px;
  }
    #content #page ul.discussions li.discussion ul.comments li.indent.level-2 blockquote {
      width: 270px;
    }
/* Discussion Thread End */

/* Group - Discussions (Formerly Threads) */

	#content .thread {
		padding: 2px 5px 10px 5px;
		border-bottom: 1px solid #000;
	}
	
		#content .thread.selected {
			border: 3px solid #4288bb;
		}

  /* Content -> Small Column*/
  #content .column {
    width: 160px;
    float: left;
  }
    #content .column .element {
      border: 1px solid #3d89c0;
      margin-bottom: 5px;
      padding: 6px;
      background-color: #fff;
    }
    #content .column .element.extension {
      background: #1c3c55 url('../images/sidebar-element-extension.png') 0 0 repeat-x;
      color: #fcffff;
      margin-top: -10px;
      padding: 8px 10px;
    }
      #content .column .element.extension a {
        color: #6ec2ff;
      }
      #content .column .element.extension a:hover {
        color: #fcffff;
      }
      #content .column .element.extension hr {
        border-top: 1px solid #4089be;
      }
      #content .column .element.extension h3 {
        color: #80c6f9;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: -1px;
        font-weight: bold;
        margin-bottom: 4px;
      }
  /* Content -> Small Column End */

  /* Content -> Large column */
  #content .large-column {
    width: 755px;
    background-color: #fff;
    padding: 14px 14px 0 14px;
    position: relative;
    bottom: -20px;
    margin-top: -20px;
    min-height: 600px;
  }
  /* Content -> Large column end*/

  /* Content -> Main Column */
  #content .main-column {
    background-color: #fff;
    padding: 14px 14px 0 14px;
    /*width: 562px;*/
    width: 570px;
    float: left;
    /*border-right: 1px solid #3d89c0;*/
  }
    #content .main-column h2,
    #content .large-column h2 {
      border-bottom: 1px solid #a7a7a7;
      color: #222;
      font-size: 19px;
      text-transform: uppercase;
      margin: 17px 0 5px 0;
    }
    #content .main-column h2.quad-symbol,
    #content .large-column h2.quad-symbol {
      text-indent: 27px;
      background: url('../images/symbols-sprite.png') 0 0 no-repeat;
    }
      #content h2.px13 {
        font-size: 13px;
        padding: 2px 0px 2px 0px;
        margin-bottom: 10px;
      }
			#content h2.px15 {
        font-size: 15px;
        padding: 2px 0px 2px 0px;
        margin-bottom: 10px;
      }
				#content h2.px15 a {
					color: #000;
				}
			#content h2.px17 {
        font-size: 17px;
        padding: 2px 0px 2px 0px;
        margin-bottom: 10px;
      }
				#content h2.px17 a {
					color: #000;
				}
      #content .main-column h2 small,
      #content .large-column h2 small {
        text-transform: none;
        padding-left: 5px;
        font-weight: normal;
      }
    #content .main-column ul.separator-bottom li {
      border-bottom: 3px solid #ebebeb;
      margin-bottom: 5px;
      padding-bottom: 5px;
    }
      #content .main-column ul.separator-bottom li li {
        border: none;
        margin: 0;
        padding: 0;
      }
    #content .highlight {
      margin: -14px -14px 0 -14px;
    }
    .highlight ul.tabs li.action {
      padding: 0px 5px 0px 0px;
    }
    /* Content -> Main Column End */

/* Sidebar (Left) */
#sidebar .profile img {
  padding: 3px;
  border: 1px solid #a7a7a7;
}
#sidebar .profile h3 a {
  font-size: 15px;
  color: #222;
  font-weight: bold;
}
#sidebar .profile p, #sidebar .profile p a {
  color: #555;
}

#sidebar #online-status {
  margin-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}

#sidebar .profile fieldset {
  border: none;
  /* background-color: #d5e3ec; */
  margin: 0px;
  padding: 0px;
}
  #sidebar .profile fieldset textarea {
    font-size: 11px;
    width: 142px;
    height: 15px;
    line-height: 15px;
    margin-bottom: 3px;
    color: #3d89c0;
  }
  #sidebar .profile fieldset ul.options li {
    display: inline;
    margin-right: 3px;
		padding-right: 3px;
  }

#sidebar .profile ul.options {
  font-size: 10px;
}
#sidebar ul.separator-right li {
  display: inline;
}
#sidebar ul.separator-right li a {
  padding-right: 3px;
  border-right: 1px solid #64a1cd;
}
  #sidebar ul.separator-right li a {
    padding-right: 5px;
  }
#sidebar .element ul.actions li {
  background: url('../images/symbols-sprite.png') 0 0 no-repeat;
  line-height: 25px;
  text-indent: 25px;
  font-weight: bold;
}
  #sidebar .element ul.actions li.dashboard {
    background-position: 0 -42px;
  }
  #sidebar .element ul.actions li.profile {
    background-position: 0 -64px;
  }
  #sidebar .element ul.actions li.calendar {
    background-position: 0 -84px;
  }
  #sidebar .element ul.actions li.friends {
    background-position: 0 -106px;
  }
  #sidebar .element ul.actions li.crushes {
    background-position: -5px -510px;
  }
  #sidebar .element ul.actions li.events {
    background-position: 0 -128px;
  }
  #sidebar .element ul.actions li.groups {
    background-position: 0 -148px;
  }
  #sidebar .element ul.actions li.photos {
    background-position: 0 -167px;
  }
  #sidebar .element ul.actions li.inbox {
    background-position: 0 -189px;
  }

#sidebar .element.extension.greek-life ul li {
  background: url('../images/sidebar-element-extension-list.png') 0 5px no-repeat;
  text-indent: 10px;
  line-height: 16px;
}
#sidebar .element.extension.greek-life h4,
#sidebar .element.extension.greek-life p {
  text-transform: uppercase;
}
#sidebar .element.extension.greek-life p {
  font-size: 10px;
}
/* Sidebar (Left) End */

/* Sidebar (Right) */
#inner-sidebar {
  font-size: 10px;
  margin: 12px;
}
  #inner-sidebar .shoutouts fieldset {
    clear: both;
    border: none;
    /* background-color: #d5e3ec; */
    margin: 0px;
    padding: 0px;
  }
    #inner-sidebar .shoutouts fieldset textarea {
      font-size: 11px;
      width: 142px;
      height: 15px;
      line-height: 15px;
      margin-bottom: 3px;
      color: #3d89c0;
    }
  #inner-sidebar h4 {
    background: #daeef3 url('../images/inner-sidebar.png') 0 0 repeat-x;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 15px;
    padding: 3px 5px;
    border: 1px solid #3d89c0;
    margin: -7px -7px 5px -7px;
    color: #3d89c0;
  }
  #inner-sidebar h5 {
    font-size: 11px;
    font-weight: normal;
  }
  #inner-sidebar img {
    padding: 1px;
    border: 1px solid #bdcdd1;
    float: left;
    margin: 0 5px 5px 0;
  }
  #inner-sidebar ul.large-space li {
    margin: 5px 0px 5px 0px;
  }
  #inner-sidebar ul li.large {
    font-size: 12px;
  }
  #inner-sidebar ul.separator-bottom li {
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 5px;
    padding-bottom: 5px;
    clear: left;
  }
  #inner-sidebar .main-action {
    float: left;
  }
  #inner-sidebar .alternative-action {
    float: right;
    color: #ef9902;
  }
  #inner-sidebar .services li p {
    margin-bottom: 5px;
  }
  #inner-sidebar .services li img {
    float: none;
    border: none;
    margin-bottom: -2px;
  }
  #inner-sidebar .file-bank ul.files {
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  #inner-sidebar .file-bank ul.files,
  #inner-sidebar .file-bank ul.files li {
    float: none !important;
    width: 100% !important;
  }
  #inner-sidebar .ratio {
    border: none !important;
    background: none !important;
    margin-left: -4px;
  }
    #inner-sidebar .ratio h3 {
      font-size: 50px;
      color: #448abe;
    }
  #inner-sidebar .attendance p {
    color: #1e1e1e;
    font-size: 12px;
    line-height: 15px;
  }
  #inner-sidebar .attendance textarea {
    width: 143px;
    margin: 10px 0;
    height: 89px;
  }
  #inner-sidebar .people ul li {
    float: left;
    width: 45%;
    padding-right: 5%;
    margin-bottom: 5px;
    height: 80px;
  }
  #inner-sidebar .people img {
    float: none;
    margin: 0;
  }
  #inner-sidebar .events {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    margin-bottom: 35px !important;
  }
  #inner-sidebar .events img {
    float: none;
    padding: 0;
    border-color: #444;
    margin: 0;
  }
  #inner-sidebar .events ul li {
    margin-bottom: 8px;
  }
    #inner-sidebar .events ul li a,
    #inner-sidebar .events ul li input {
      width: 160px;
      height: 29px;
    }
    #inner-sidebar .events ul li .invite-friends {
      background-position: 0 -179px;
      border: none;
    }
    #inner-sidebar .events ul li .attending {
      background-position: 0 -207px;
      border: none;
    }
  #inner-sidebar .sober-drivers ul li {
    line-height: 30px;
    min-height: 35px;
    background: url('../images/symbols-sprite.png') 100% -1105px no-repeat;
    font-size: 12px;
  }
  #inner-sidebar .sober-drivers h5 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  #inner-sidebar .todo-list h5 {
    font-size: 11px;
    font-weight: bold;
    margin: 4px 0;
  }
  #inner-sidebar .todo-list ul {
    margin-bottom: 5px;
  }
    #inner-sidebar .todo-list ul li {
      border-bottom: 3px solid #ebebeb;
    }
      #inner-sidebar .todo-list ul li ul li {
        border: none;
        margin-bottom: 4px;
      }
  #inner-sidebar #create-friends-list {
    margin-top: 5px;
  }
    #inner-sidebar #create-friends-list ul.form-list {
      margin-bottom: 3px;
    }
      #inner-sidebar #create-friends-list ul.form-list li {
        margin-top: 5px;
      }
        #inner-sidebar #create-friends-list ul.form-list li input {
          width: 100%;
        }
  #inner-sidebar .view-live-site h2 {
    text-indent: 20px;
    background: url('../images/symbols-sprite.png') -4px -1222px no-repeat;
  }
  #inner-sidebar .website-pages h5 {
    color: #0d0d0d;
    margin: 2px 0;
  }
/* Sidebar (Right) End */

/* Common sidebars (Column) */
.column fieldset ul.options li {
  display: inline;
  margin-right: 3px;
}
/* Footer */
#footer {
  background: url('../images/identity-footer.png') 0 26px no-repeat;
  color: #a8d2f0;
  padding: 66px 0 26px 0;
}
  #footer a {
    color: #fff;
  }
  #footer a:hover {
    text-decoration: underline;
  }
  #footer .clear {
    padding-bottom: 15px;
  }
  #footer p {
    font-size: 10px;
  }
  #footer h5 {
    font-size: 20px;
    display: inline;
    padding-right: 4px;
  }
  #footer ul#secondary-navigation {
    width: 280px;
    float: left;
  }
    #footer ul#secondary-navigation li {
      float: left;
      width: 110px;
      padding: 0 10px 0 10px;
      background: url('../images/symbols-sprite.png') 0 -216px no-repeat;
      line-height: 19px;
      height: 19px;
    }

  #footer ul#footer-links {
    display: block;
    width: 600px;
    float: left;
  }
    #footer ul#footer-links li {
      line-height: 24px;
    }
		#footer ul#footer-links li h5 {
			font-size: 15px;
		}
      #footer ul#footer-links li ul,
      #footer ul#footer-links li ul li {
        display: inline;
      }
      #footer ul.separator-right li a {
        border-right: 1px solid #a8d2f0;
        padding-right: 3px;
      }
/* Footer End */

/* Forms */

fieldset {
  border: 1px solid #3d89c0;
  padding: 10px;
  background-color: #f2fafd;
  position: relative;
}
  fieldset legend {
    font-size: 14px;
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    cursor: hand;
		
  }
	fieldset legend {
		background: url('../images/menu-link.png') 100% 4px no-repeat;
		padding-right: 22px;
	}
	fieldset legend.selected {
		background-position: 100% -12px;
	}
  fieldset fieldset {
    margin: 10px 0;
    border: none;
    background-color: #e5edf0;
  }
  fieldset h5 {
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
  }
  fieldset hr {
    border: none;
    height: 1px;
    border-bottom: 1px solid #3d89c0;
  }
ul.form-list {
  margin-bottom: -5px;
}
  ul.form-list li input {
    vertical-align: middle;
  }
  ul.form-list li.autofit label,
  ul.form-list li.autofit input,
  ul.form-list li.autofit select{
    margin-right: 5px;
  }
    ul.form-list li.autofit ul {
      margin-top: 5px;
    }
    ul.form-list li.autofit ul li {
      margin-bottom: 5px;
    }
  ul.form-list li.element {
    padding-left: 25%;
    padding-right: 10px;
    position: relative;
    margin-bottom: 5px;
    line-height: 25px;
    /*text-indent: 5px;*/
  }
  input,
  textarea,
  select {
    border: 1px solid #3d89c0;
  }
  ul.form-list li.element.auto select {
    width: auto;
  }
  ul.form-list .submit {
    width: 59px !important;
    height: 23px;
    padding: 0;
    border: none;
    background: url('../images/button-sprite.png') 0 -24px no-repeat;
  }
  ul.form-list li.checkbox {
    margin-bottom: 5px;
  }
  ul.form-list li.checkbox input {
    margin-right: 5px;
  }
    ul.form-list li.element label,
    ul.form-list li.element .label {
      position: absolute;
      z-index: 3;
      left: 0;
      width: 25%;
      color: #5085a7;
    }
    ul.form-list li.element input,
    ul.form-list li.element textarea,
    ul.form-list li.element select {
      width: 100%;
      color: #3d89c0;
      border: 1px solid #3d89c0;
      padding: 3px;
    }
    ul.form-list li.element textarea {
      height: 100px;
    }
    ul.form-list li.element .submit {
      width: 59px;
      height: 23px;
      padding: 0;
      border: none;
      background: url('../images/button-sprite.png') 0 -24px no-repeat;
    }
    ul.form-list li.element.checkbox label {
      position: static;
      width: auto;
      vertical-align: middle;
    }
    ul.form-list li.element.checkbox input {
      width: auto;
      vertical-align: middle;
      margin-right: 2px;
    }
      ul.form-list li.element.importer-login input {
        width: 120px !important;
      }

      ul.form-list li.element.importer-login select {
        width: 69px !important;
      }

  .upload-input-wrapper {
    background: url('../images/symbols-sprite.png') 0 -836px no-repeat;
    padding-left: 30px;
  }
  
ul.alternative-form-list li.element {
  text-align: right;
  position: relative;
  line-height: 22px;
  color: #193e59;
  padding-bottom: 10px;
}
ul.alternative-form-list li.element label {
  position: absolute;
  left: 0;
  font-weight: bold;
  text-transform: uppercase;
}
ul.alternative-form-list li.element input {
  width: 100%;
  padding: 2px;
  border: 1px solid #428bc2;
}
/* Forms End */

/* General Rules */
.alternative-link {
  color: #555;
}
.emphasize {
  background-color: #e3f2f9;
  padding: 5px 7px;
  line-height: 16px;
}
.highlight-title {
  color: #fff;
  background-color: #3e8bc1;
  padding: 7px 9px;
  margin: -15px -15px 15px -15px;
}

	.highlight-title * {
		color: #FFF;
	}
	
	.highlight-title input {
		color: #000;
		border: 1px solid #bcc8ed;
	}
	
		.highlight-title .find a {
			color: #FFF;
		}
		
.highlight {
  background-color: #3e8bc1;
  padding: 7px 9px;
  color: #3d89c0;
  font-size: 10px;
  position: relative;
}
  .highlight ul.tabs {
    min-height: 13px;
  }
    .highlight ul.tabs li {
      float: left;
      margin-right: 5px;
      position: relative;
    }
    .highlight ul.tabs li.action {
      color: #c9f270;
    }
      .highlight ul.tabs li a {
        font-size: 10px;
        padding: 7px 5px 7px 5px;
        color: #fff;
      }
      .highlight ul.tabs li a:hover {
        color: #fff;
      }
      .highlight ul.tabs li a.selected {
        background-color: #fff;
        color: #1d415b;
      }
      .highlight ul.tabs li ul {
        position: absolute;
        background-color: #1d415b;
        /*width: 200px;*/
        top: 19px;
        display: none;
        z-index: 100;
      }
      .highlight ul.tabs li:hover ul {
        display: block;
      }
      .highlight ul.tabs li a.menu {
        background: url('../images/menu-link.png') 100% 10px no-repeat;
        padding-right: 25px;
      }
        .highlight ul.tabs li a.menu:hover {
          background-position: 100% -6px;
        }
        .highlight ul.tabs li ul li {
          float: none;
          margin: 0;
          white-space: nowrap;
        }
          .highlight ul.tabs li ul li a {
            display: block;
            padding: 5px 5px 5px 9px;
          }
  .highlight .find {
    right: 5px;
    top: 5px;
    position: absolute;
  }
    .highlight .find input {
      width: 95px;
      height: 17px;
    }
    .highlight .find input.submit {
      width: auto;
      background: #3d89c0;
      color: #fff;
      font-size: 10px;
      padding: 0 3px;
      height: 18px;
    }

.important {
  color: #c20000; /* red */
}
div.info-box {
  background: #f6f6f6 url('../images/background-info-box.png') 0 -5px repeat-x;
  border: 1px solid #d4d4d4;
  padding: 14px 16px;
  font-size: 18px;
  font-family: Roman, "Times New Roman", Arial;
  line-height: 25px;
  margin: 14px 0;
}
ul.table {
  border: 1px solid #a7a7a7;
  background-color: #e7f3f6;
}
  ul.table li {
    padding: 5px;
    font-size: 13px;
  }
  ul.table li.even {
    background-color: #f8fbfb;
  }
    ul.table li a {
      color: #222;
    }
    ul.table li a:hover {
      color: #a7a7a7;
    }

table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
  table caption {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 12px;
  }
  table tr {
    line-height: 28px;
  }
  table tr.even {
    background-color: #f0f5fb;
  }
    table tr td {
      padding: 4px;
    }
    table tr td input[type=checkbox] {
      margin-left: 10px;
    }
    table tr td ul li {
      display: inline;
    }
  table thead tr {
    line-height: 16px;
  }  
    table thead tr td {
      border-bottom: 1px solid;
      font-weight: bold;
      font-size: 13px;
    }
  table tfoot tr td {
    border-top: 1px solid;
  }
  table thead tr td,
  table tfoot tr td {
    border-color: #3c8aca;
  }
  table td.actions ul li {
    float: left;
    width: 50%;
    text-align: center;
  }

dl.list {
  line-height: 25px;
}
  dl.list dt {
    font-weight: bold;
    float: left;
    width: 150px;
  }
  dl.list dd {
    min-height: 25px;
  }

/*Error*/
.errorExplanation {
  line-height: 22px;
  margin-bottom: 10px;
}
  .errorExplanation h2 {
    text-transform: none !important;
    font-size: 12px !important;
    margin-top: 0 !important;
  }
  .errorExplanation ul li {
    list-style-type: disc;
    margin-left: 15px;
  }
.fieldWithErrors {
  display: inline;
}
/*Error end*/
/* Tree */
ul.tree li {
  background: url('../images/collapsed-tree.png') 0 50% no-repeat;
  padding-left: 10px;
  line-height: 20px;
}
  ul.tree li.expanded {
    background: url('../images/expanded-tree.png') 0 6px no-repeat;
  }
/* Tree End */
/* Actions */
ol.actions li {
  float: left;
  margin-right: 10px;
  height: 20px;
  line-height: 20px;
}
.tooltip ol.actions li {
  margin: 0;
}
  ol.actions li a {
    display: block;
    height: 20px;
    background: url('../images/symbols-sprite.png') 0 0 no-repeat;
    padding-left: 25px;
  }
  ol.actions li a.edit {
    background-position: 0 -564px;  
  }
  ol.actions li a.delete {
    background-position: 0 -384px;
  }
  ol.actions li a.move {
    background-position: 2px -1174px;
  }
/* Actions End */

/* Tooltip */
.tooltip-trigger {
  padding: 0;
}
  .tooltip-trigger .tooltip-wrapper {
    background: url('../images/tooltip-right.png') 0 5px no-repeat;
  }
  .tooltip-wrapper {
		z-index: 2500;
  }
    .tooltip-wrapper .tooltip {
			position: absolute;
      border: 2px solid #000;
      background-color: #fff;
			width: 50px;
			top: -20px;
			left: -60px;
      display: block;
    }
/* Tooltip End */
#new-poll-link {
  padding: 0  5px 0 30px;
  background: url('../images/symbols-sprite.png') 0 -1567px no-repeat;
  display: block;
  float: left;
}
fieldset.poll {
  border: none;
  padding: 10px 25px 10px 85px;
  margin: 10px -15px 0 -15px;
  position: relative;
}
  fieldset.poll h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: -3px;
  }
  fieldset.poll h5 {
    position: absolute;
    left: -50px;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    margin-right: 10px;
  }
  fieldset.poll ul li {
    float: none !important;
    padding: 5px 0;
    clear: left;
  }
    fieldset.poll ul li span {
      font-size: 13px;
      color: #3d89c0;
      padding-left: 3px;
    }
    fieldset.poll ul li input,
    fieldset.poll ul li label {
      float: left;
      color: #3d89c0;
    }
    fieldset.poll ul li input {
      margin-right: 5px;
    }
    fieldset.poll input.submit {
      border: none;
      background: url('../images/button-sprite.png') 0 -70px no-repeat;
      width: 59px;
      height: 23px;
      margin-right: 7px;
    }
  fieldset.poll hr {
    border-bottom: 1px dotted;
    margin: 5px 0 15px -65px;
  }

ul.tags {
  padding: 4px 0 0 25px;
  min-height: 30px;
  background: url('../images/tags.png') 0 1px no-repeat;
  font-size: 10px;
}
  ul.tags li {
    display: inline;
  }
a.add-tag {
  font-size: 10px;
  display: block;
  margin: 0 0 10px 25px;
}

ul.comments li {
  padding: 9px;
}
  ul.comments li.odd {
    background-color: #f0f5f8 !important;
  }
  ul.comments li .profile {
    width: 150px;
    float: left;
    margin-right: 10px;
  }
    ul.comments li .profile img {
      padding: 1px;
      border: 1px solid #a7a7a7;
      float: left;
      margin: 0 8px 8px 0;
    }
    ul.comments li .profile a {
      display: block;
      padding: 3px 8px 3px 0;
    }
    ul.comments li .profile a.message {
      float: right;
      font-size: 11px;
      padding-right: 20px;
      text-indent: -9000px;
      background: url('../images/symbols-sprite.png') 100% -588px no-repeat;
    }
  ul.comments li blockquote {
    width: 370px;
    float: left;
    margin: 0 0 0 10px;
    font-size: 11px;
    line-height: 15px;
  }
    ul.comments li blockquote .tip {
      width: 9px;
      height: 13px;
      left: 0;
      margin: 15px 0 0 -8px;
      background-position: -6px -672px;
    }
    
    li.client-post blockquote .tip {
      width: 9px !important;
      height: 13px !important;
      left: 0 !important;
      margin: 15px 0 0 -8px !important;
      background-position: -6px -1690px !important;
    }
ul.comment-actions li {
  float: left;
  line-height: 25px;
  padding: 0 25px;
  width: 130px;
  background: url('../images/symbols-sprite.png') 0 0 no-repeat;
}
  ul.comment-actions li.number-of-comments {
    background-position: 0 -619px;
  }
  ul.comment-actions li.add-a-comment {
    background-position: 0 -642px;
    width: 70px !important;
    white-space: nowrap;
  }
  ul.comment-actions li.forward {
    background-position: 0 -1393px;
  }
  ul.comment-actions li.go-home {
    background-position: 0 -41px;
  }
    ul.comment-actions li.add-a-comment a {
      color: #42b455;
    }
    ul.comment-actions li.add-a-comment a:hover {
      color: #96cd50;
    }
.archive-wrapper dl,
.archive-wrapper ol {
  width: 45%;
  float: left;
  color: #7f7f7f;
  line-height: 20px;
}
.archive-wrapper ol {
  margin-top: 20px;
}
a.view-comments {
  font: 12px Arial;
  display: block;
  margin: 0 0 10px 10px;
}
/* Progress Bar */
.progress-bar {
  border: 1px solid #498628;
  background-color: #29812b;
  margin: 5px 0;
  width: 98%;
}
  .progress-bar span {
    display: block;
    border: 1px solid #7ada41;
    height: 13px;
    background: url('../images/symbols-sprite.png') 0 -27px repeat-x;
    overflow: hidden;
  }
/* Progress Bar End */

/* Alternative Progress Bar */
ul.alternative-progress-bar {
  border: 1px solid #3e8dc8;
  float: left;
  padding: 10px 10px 20px 10px;
  background-color: #132635;
}
  ul.alternative-progress-bar li {
    float: left;
    width: 90px;
    border-left: 2px solid #3e8dc8;
    text-align: center;
    height: 20px;
    color: #558cb5;
    background: url('../images/alternative-progress-bar.png') 0 -20px;
  }
    ul.alternative-progress-bar li span {
      position: relative;
      top: 20px;
      font-size: 12px;
    }
  ul.alternative-progress-bar li.complete {
    background-position: 0 0;
  }
    ul.alternative-progress-bar li.complete span {
      color: #cde3f1;
    }
  ul.alternative-progress-bar li.last {
    border-right: 2px solid #3e8dc8;
  }
  ul.alternative-progress-bar li.current {
    background-position: 0 -40px;
  }
/* Alternative Progress Bar End */

/* Notice */
.notice {
  margin: -15px -15px 15px -15px;
  padding: 12px;
  color: #fff;
  text-indent: 25px;
  background: url('../images/notice-sprite.png') no-repeat;
  font-size: 12px;
  line-height: 16px;
}
  .notice.good {
    background-color: #3ab63e;
    background-position: 15px 12px;
  }
  .notice.bad {
    background-color: #b51105;
    background-position: 15px -245px;
  }
/* Notice End */


/* Calendar */
#calendar {
  width: 280px;
  border: 1px solid #3e8bc1;
}
  #calendar .calendar-header {
    text-align: center;
    background-color: #3e8bc1;
    padding: 11px 0;
    font-size: 13px;
  }
    #calendar .calendar-header h4 {
      font-size: 14px;
      text-transform: uppercase;
      margin: 0 5px;
      font-size: 12px;
    }
    #calendar .calendar-header * {
      display: inline;
      font-weight: bold;
      color: #fff;
    }
  #calendar .calendar-content {
    border: 8px solid #d4e2eb;
  }
    #calendar .calendar-content ol {
      width: 100%;
      padding-left: 6px;
    }
      #calendar .calendar-content ol li {
        width: 31px;
        float: left;
        height: 34px;
        margin-right: 6px;
        line-height: 34px;
        text-align: center;
        font-weight: bold;
        font-size: 13px;
      }
      #calendar .calendar-content ol.week-days li {
        color: #1f1f1f;
          height: 30px;
          line-height: 30px;
      }
      #calendar .calendar-content ol.days-list li {
        background-color: #efefef;
        margin-bottom: 6px;
      }
        #calendar .calendar-content ol.days-list li a {
          color: #cdcdcd;
          display: block;
        }
        #calendar .calendar-content ol.days-list li a:hover {
          color: #878787;
        }
        #calendar .calendar-content ol.days-list li a.alert,
        #calendar .calendar-content ol.days-list li a.check {
          border: 2px solid #b50000;
          background: #fff3f7 url('../images/symbols-sprite.png') -2px -1068px no-repeat;
          margin: 3px;
          text-indent: -300px;
          letter-spacing: -300px;
          overflow: hidden;
          line-height: 24px;
        }
        #calendar .calendar-content ol.days-list li a.check {
          border-color: #3aba41;
          background-position: -1px -1026px;
          background-color: #eeffef;
        }
.calendar-events {
  margin: 8px 0;
}
.calendar-events li {
  float: left;
  width: 105px;
  padding: 0 10px 0 25px;
  background: url('../images/symbols-sprite.png') 0 0 no-repeat;
}
  .calendar-events li h5 {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: -1px;
  }
  .calendar-events li.sober-driver-needed {
    background-position: -2px -1068px;
  }
    .calendar-events li.sober-driver-needed h5 {
      color: #b50000;
    }
  .calendar-events li.sober-driver {
    background-position: -1px -1028px;
  }
    .calendar-events li.sober-driver h5 {
      color: #3aba41;
    }
/* Calendar End */

/* Tabbed section */

.tabbed-section-wrapper ul.tabbed-section-title li {
  float: left;
  margin: 0 7px 2px 0;
  background-color: #f5f5f5;
  border: 1px solid #cecece;
  padding: 0 10px;
  line-height: 20px;
  font-size: 12px;
}
.tabbed-section-wrapper ul.tabbed-section-title li.selected {
  padding-bottom: 4px;
  margin-bottom: -2px !important;
  background-color: #fff;
  border-bottom: none;
  font-size: 13px;
}
.tabbed-section-wrapper ul.tabbed-section-content {
  clear: left;
  line-height: 18px;
}
  .tabbed-section-wrapper ul.tabbed-section-content li.content {
    display: none;
    border: 1px solid #cecece;
    padding: 10px;
  }
  .tabbed-section-wrapper ul.tabbed-section-content li.content.selected {
    display: block;
  }
/* Tabbed section End */

ul.lesser-user-list {
  margin: 10px 0 5px 0;
}
ul.lesser-user-list li {
  float: left;
  width: 80px;
  margin: 0 10px 10px 0;
}
  ul.lesser-user-list li img {
    display: block;
    margin-bottom: 4px;
    padding: 1px;
    border: 1px solid #a7a7a7;
  }
blockquote {
  border: 1px solid #96cd50;
  background-color: #e6ffc7;
  padding: 4px;
  margin-top: 5px;
  position: relative;
  color: #6e8d47;
}
  blockquote .tip {
    display: block;
    position: absolute;
    background: url('../images/symbols-sprite.png') -1px -240px;
    height: 8px;
    left: 12px;
    width: 12px;
    top: -8px;
    overflow: hidden;
    z-index: 2;
  }
  
.calendar-date {
  background: url('../images/symbols-sprite.png') 0 -330px no-repeat;
  line-height: 22px;
  padding-left: 20px;
  font-size: 11px;
  margin: 5px 0;
}

/*Pagination*/
.pagination-wrapper {
  margin: 15px 0;
}
  .pagination {
    padding: 15px 0px 0px 0px;
    color: #3888c7;
  }
    .pagination a {
      border: 1px solid #3888c7;
    }
    .pagination a,
    .pagination span {
      padding: 5px 8px;
    }
    .pagination .current,
    .pagination-wrapper a:hover {
      background-color: #3888c7;
      color: #fff;
      border: 1px solid #3888c7;
    }
    .pagination .next_page {
      border: 1px solid transparent;
    }
/*Pagination End*/

/*Next/Previous Navigation*/
ol li.next,
ol li.previous {
  float: left;
  margin-right: 10px;
  background-color: #438bbd;
  padding: 5px 0;
}
  ol li.next a,
  ol li.previous a {
    color: #fff;
    background: url('../images/symbols-sprite.png') 0 0 no-repeat;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
  }
  ol li.next a {
    background-position: 100% -748px;
    padding-right: 25px;
  }
  ol li.previous a {
    background-position: 0 -728px;
    padding-left: 25px;
  }
/*Next/Previous Navigation End*/

/* General Rules End */

/* Helpers */
.no-border-bottom {
  border-bottom: none !important;
}
.uppercase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.size-12 {
  font-size: 10px;
}
ul.inline li, .inline {
  display: inline;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
span.alternative, p.alternative {
  color: #ef9902;
}
/* Helpers End */

/* Messages -> Create */
#content #page #message-form {
  width: 475px;
}
#content #page #message-form .clear {
  padding-bottom: 10px;
}
#content #page #message-form ul.actions li {
  float: left;
  padding: 0 15px 0 20px;
  background: url('../images/symbols-sprite.png') 0 -257px no-repeat;
  line-height: 20px;
}
#content #page #message-form ul.actions li.photo {
  background-position: auto;
}
#content #page #message-form ul.actions li.image {
  background-position: 0 -279px;
}
#content #page #message-form ul.actions li.link {
  background-position: 0 -303px;
}
/* Messages -> Create End */

/* Messages -> List */
/*
#message-navigation {
  background-color: #3e8bc1;
  padding: 10px;
  font-weight: bold;
  color: #84c2f1;
  margin-top: 14px;
  font-size: 11px;
}
  #message-navigation a.active,
  #message-navigation a:hover {
    color: #84c2f1 !important;
  }
  #message-navigation ul.select {
    float: left;
    background: url('../images/symbols-sprite.png') 0 -419px no-repeat;
    padding-left: 24px;
  }
  #message-navigation ul.mark-selected {
    float: right;
  }
    #message-navigation ul.select li,
    #message-navigation ul.mark-selected li{
      float: left;
    }
      #message-navigation ul.select li a,
      #message-navigation ul.mark-selected li a {
        border-right: 1px solid #84c2f1;
        color: #fff;
        padding: 0 5px;
      }
*/
ul.message-actions li {
  padding: 7px 0 12px 14px;
  float: right;
}
  ul.message-actions li a {
    float: left;
  }
  ul.message-actions li a.compose-new-message {
    display: block;
    background: url('../images/button-sprite.png') -56px 0 no-repeat;
    width: 143px;
    height: 24px;
  }
  ul.message-actions li a.new-message-with-poll {
    display: block;
    background: url('../images/button-sprite.png') -59px -24px no-repeat;
    width: 125px;
    height: 24px;
  }
ol.messages {
  border-top: 2px solid #efefef;
}
  ol.messages li.message {
    border-bottom: 2px solid #efefef;
    padding: 15px 15px;
    clear: left;
  }
  ol.messages li.message:hover {
    background-color: #fff8db;
  }
  ol.messages li.message ul li {
    float: left;
    padding-right: 10px;
  }
    ol.messages li.message ul li h3 a {
      font-size: 14px;
      font-weight: bold;
    }
  ol.messages li.message ul li.checkbox {
    margin-top: 20px;
    padding-right: 10px;
  }
  ol.messages li.message ul li.image {
    width: 66px;
  }
    ol.messages li.message ul li.image img {
      margin-top: 2px;
      padding: 1px;
      border: 1px solid #bdcdd1;
    }
  ol.messages li.message ul li.sender {
    width: 105px;
    font-size: 10px;
  }
  ol.messages li.message ul li.content {
    width: 210px;
  }
    ol.messages li.message ul li.content h3,
    ol.messages li.message ul li.content p {
      padding-left: 20px;
    }
      ol.messages li.message ul li.content h3 a {
        color: #444;
      }
    ol.messages li.message.unread ul li.content h3 {
      background: url('../images/symbols-sprite.png') 0 -441px no-repeat;
    }
      ol.messages li.message.unread ul li.content h3 a {
        color: #3d89c0;
      }
  ol.messages li.message ul li.actions {
    width: 75px;
    padding: 0;
    display: none;
    border-left: 2px solid #efefef;
    margin: -10px 0;
    padding-top: 12px;
    height: 55px;
    padding-left: 10px;
  }
  ol.messages li.message:hover ul li.actions {
    display: block;
    font-size: 10px;
  }
  ol.messages li.message ul li.actions a {
    display: block;
    font-size: 10px;
    line-height: 20px;
    text-indent: 24px;
    background: url('../images/symbols-sprite.png') 0 -362px no-repeat;
  }
  ol.messages li.message ul li.actions a.remove {
    background: url('../images/symbols-sprite.png') 0 -385px no-repeat;
  }
/* Messages -> List End */

.event-action {
  display: block;
  float: right;
  width: 54px;
  height: 54px;
  background: url('../images/event-actions.png') 0 0 no-repeat;
}
/* Note: IE6 will read only the last class */
.event-action.buy-tickets {
  background-position: 0 0;
}
.event-action.rvsp {
  background-position: 0 -56px ;
}

/* Event Invitations */
#content #page ul#event-invitations {
  margin-bottom: -35px;
}
  #content #page ul#event-invitations li.invite {
    border-bottom: 3px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #content #page ul#event-invitations li.invite .submit {
    border: none;
  }
  #content #page ul#event-invitations h2 {
    border-bottom: none;
    margin-top: 0;
  }
  #content #page ul#event-invitations .description {
    float: left;
    width: 300px;
    margin-left: 14px;
  }
  #content #page ul#event-invitations .alternate-description {
    width: 254px;
    float: left;
    overflow: hidden;
  }
    #content #page ul#event-invitations .alternate-description ul.actions {
      clear: left;
    }
  #content #page ul#event-invitations .event-photo {
    float: left;
    left: 0;
    border: 9px solid #3d8ac0;
  }
  #content #page dl.details {
    line-height: 18px;
    margin: 10px 0;
    border: 1px solid #438abe;
    background-color: #e7f3f6;
    padding: 7px;
  }
    #content #page dl.details dt {
      font-weight: bold;
      float: left;
      width: 52px;
      padding-right: 8px;
    }
  #content #page ul#event-invitations ul.thumbnails li {
    display: inline;
    padding-right: 10px;
  }
    #content #page ul#event-invitations ul.thumbnails li img {
      border: 1px solid #706a6c;
    }
  #content #page ul#event-invitations .alternate-description img.event-photo {
    margin-bottom: 12px;
  }
  #content #page ul#event-invitations .alternate-description ul.actions {
    width: 300px;
  }
  #content #page ul#event-invitations ul.actions {
    margin-top: 12px;
  }
    #content #page ul#event-invitations ul.actions li {
      margin-right: 12px;
      float: left;
    }
      #content #page ul#event-invitations ul.actions li a {
        float: left;
      }
/* Event Invitations End */

/* Albums */
#content #page ul#albums-list {
}
  #content #page ul#albums-list li.album {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 3px solid #ebebeb;
  }
    #content #page ul#albums-list li.album h3 {
      font-weight: bold;
    }
    #content #page ul#albums-list li.album p {
      margin: 5px 0px 10px 0px;
    }
  #content #page ul#albums-list .description {
    float: left;
    width: 300px;
    margin-left: 14px;
  }
  #content #page ul#albums-list .album-photo {
    float: left;
    left: 0;
    border: 9px solid #3d8ac0;
  }
  #content #page ul#albums-list ul.thumbnails {
    margin: 0 -15px 0 -5px;
  }
    #content #page ul#albums-list ul.thumbnails li {
      float: left;
      margin: 0 5px 2px 0;
    }
      #content #page ul#albums-list ul.thumbnails li img {
        border: 1px solid #706a6c;
        padding: 1px;
      }
  #content #page ul#albums-list ul.actions {
    border-top: 1px solid #c6c6c6;
    padding-top: 10px;
    margin-top: 5px;
  }
    #content #page ul#albums-list ul.actions li {
      background: url('../images/symbols-sprite.png') 0 0 no-repeat;
      display: inline;
      padding: 4px 10px 4px 22px;
      white-space: nowrap;
    }
    #content #page ul#albums-list ul.actions li.manage-album {
      background-position: -2px -564px;
    }
    #content #page ul#albums-list ul.actions li.organize-photos {
      background-position: -2px -588px;
    }
    #content #page ul#albums-list ul.actions li.delete-album {
      background-position: -2px -384px;
    }
  #content #page #album-navigation {
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    position: relative;
    bottom: -15px;
    margin-right: -10px;
  }
    #content #page #album-navigation li {
      float: left;
      margin-right: 10px;
      background-color: #438bbd;
      padding: 5px;
    }
      #content #page #album-navigation li a {
        color: #fff;
        background: url('../images/symbols-sprite.png') 0 0 no-repeat;
      }
      #content #page #album-navigation li a.next {
        background-position: 100% -748px;
        padding-right: 25px;
      }
      #content #page #album-navigation li a.previous {
        background-position: 0 -728px;
        padding-left: 25px;
      }
  .current-photo {
    border: 9px solid #dedede;
    margin: 5px 0 9px 0;
  }
  h3.picture-description {
    width: 400px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px;
  }
/* Albums End*/

/* Venues list */
ul#venues-list {
  margin-bottom: 15px;
}
  ul#venues-list li.venue {
    border-bottom: 2px solid #dbdbdb;
    padding: 20px 0 15px 190px;
    position: relative;
  }
    ul#venues-list li.venue h3 {
      font-weight: bold;
      float: left;
    }
    ul#venues-list li.venue img {
      border: 9px solid #3d8ac0;
      position: absolute;
      left: 10px;
      margin-top: -10px;
    }
    ul#venues-list li.venue .actions {
      float: left;
      margin-left: 10px;
    }
    ul#venues-list li.venue .actions ul.star-rating,
    ul#venues-list li.venue .actions ul.other-actions {
      float: left;
    }
      ul#venues-list li.venue .actions ul.other-actions {
        border-left: 1px solid #dcdcdc;
        margin-left: 10px;
        padding-left: 7px;
      }
      ul#venues-list li.venue .actions ul.other-actions li a {
        display: block;
        width: 18px;
        height: 18px;
        margin: 4px 0 0 4px;
      }
      ul#venues-list li.venue .actions ul.other-actions li a.add-to-favorites {
        background: url('../images/symbols-sprite.png') -4px -1515px no-repeat;
      }
    ul#venues-list p {
      width: 180px;
      float: left;
      padding-right: 10px;
      margin-top: 5px;
      line-height: 20px;
      font-size: 11px;
    }
  ul#venues-list li.venue.featured {
    background-color: #d5ecf2;
    padding-top: 35px;
  }
    ul#venues-list li.venue.featured img {
    }
    ul#venues-list li.venue.featured h5 {
      position: absolute;
      top: 5px;
      left: 10px;
      text-transform: uppercase;
      color: #458ab4;
    }
#inner-sidebar .my-venues ul li {
  padding: 2px 0 3px 28px;
  line-height: 15px;
  font-size: 11px;
  background: url('../images/symbols-sprite.png') 0 -1460px no-repeat;
}

#venue-details .description {
  float: left;
  width: 300px;
}
#venue-details .description.left {
  width: 253px;
  margin-right: 15px;
}
  #venue-details .description ul.thumbnails {
    margin-top: 10px;
  }
  #venue-details .description p {
    margin: 10px 0;
    line-height: 18px;
  }
  #venue-details .description hr {
    border-top: 1px solid #dbdbdb;
  }
  #venue-details .description .map {
    border: 3px solid #3d8ac0;
    width: 300px;
    height: 193px;
  }
    #venue-details .description ul.thumbnails li {
      float: left;
      line-height: 43px;
      margin-right: 10px;
    }
  #venue-details .description .info {
    border: 1px solid #438abe;
    background-color: #e7f3f6;
    padding: 7px 9px;
    margin-bottom: 10px;
  }
    #venue-details .description .info h4 {
      font-size: 14px;
      font-weight: normal;
      margin-bottom: 7px;
    }
    #venue-details .description .info .star-rating {
      margin-bottom: 7px;
    }
    #venue-details .description .info p {
      margin: 4px 0;
    }
      #venue-details .description .info p strong {
        color: #3d89c0;
      }
#venue-details img.main-photo {
  border: 9px solid #3d8ac0;
}
#venue-details a.add-to-favorites {
  background: url('../images/symbols-sprite.png') 0px -1515px no-repeat;
  padding-left: 25px;
  display: block;
  line-height: 18px;
}

/* Invites */
#invite-friends {
  color: #444;
}
#invite-friends li.element {
  padding-left: 80px;
}
  #invite-friends p {
    white-space: nowrap;
    font-size: 11px;
  }
    #invite-friends p a {
      font-weight: bold;
    }
  #invite-friends input,
  #invite-friends textarea {
    width: 300px;
  }
  #invite-friends fieldset {
    padding: 0 10px;
  }
    #invite-friends fieldset textarea {
      margin: 10px 0;
    }
#invite-friends .import {
  background: #cde3f1;
  margin: 0 -10px;
  padding: 0 10px;
}

ul.invites-list {
  border: 1px solid #3d89c0;
  background-color: #fff;
  width: 280px;
  height: 80px;
  overflow-y: scroll;
  padding: 5px 10px;
  margin: 5px 0;
}
  ul.invites-list li {
    border-bottom: 1px solid #e7e7e7;
    line-height: 30px;
  }
  ul.invites-list li.disabled {
    color: #e7e7e7;
  }
    ul.invites-list li.disabled small {
      float: right;
      color: #eca12a;
    }
    ul.invites-list li input {
      /*float: left;*/
      /*margin: 5px 5px 0 0;*/
      margin-right: 5px;
      vertical-align: middle;
    }
/*Invites End*/

/*Import Contacts*/
#import-contacts p {
  margin-bottom: 10px;
}
#import-contacts .service-image {
  width: 220px;
  float: left;
}
  #import-contacts .service-image img {
    border: 1px solid #3d89c0;
  }
#import-contacts ul.form-list {
  width: 300px;
  float: left;
}
#import-contacts input.import {
  width: 59px;
  height: 23px;
  cursor: pointer;
  border: none;
  background: url('../images/button-sprite.png') 0 -47px no-repeat;
  margin-right: 5px;
}
#contacts-checkboxes fieldset {
  margin-right: 25px;
}
#contacts-checkboxes .invites-list {
  width: 100% !important;
}
#contacts-checkboxes input.import {
  margin: -10px 0 10px 10px;
}
/*Import Contacts End*/

/* Blank State */
#blank-state {
	width: 770px;
	overflow: hidden;
}
#blank-state fieldset {
  padding-bottom: 15px;
}
  #blank-state fieldset h2 {
    margin-top: 0 !important;
    border: 1px solid red;
  }
  #blank-state fieldset h3 {
    color: #4f98cb;
    margin-bottom: 5px;
  }
#blank-state ul.form-list input.status {
  width: 400px;
  padding: 5px;
}
#blank-state ul.form-list input.submit {
  height: 31px;
  width: 71px !important;
  background-position: 0 -238px;
  margin-left: 10px;
}
#blank-state ul.profile-actions {
  margin: 15px 0;
}
  #blank-state ul.profile-actions li {
    display: inline;
    padding-right: 5px;
  }
    #blank-state ul.profile-actions li a {
      font-weight: bold;
      font-size: 14px;
      padding-right: 5px;
      border-right: 2px solid #868686;
    }
		#blank-state ul.profile-actions li a.selected {
			color: #000;
		}
#blank-state ul.sections {
  margin-right: -25px;
  overflow: hidden;
}
  #blank-state ul.sections li.section {
    border: 1px solid #3d89c0;
    padding: 15px;
    background-color: #f2fafd;
    float: left;
    width: 337px;
    margin: 0 15px 15px 0;
    position: relative;
  }
  #blank-state ul.sections li.section:hover {
    background-color: #f6fbe5;
  }
    #blank-state ul.sections li.section h4 {
      font-size: 28px;
      line-height: 28px;
      margin-top: 10px;
    }
      #blank-state ul.sections li.section h4.px17 {
        line-height: 10px !important;
        font-size: 17px;
      }
    #blank-state ul.sections li.section p.depart {
      float: right;
      font-size: 14px;
      font-weight: bold;
      position: absolute;
      bottom: 10px;
      right: 5px;
      padding-right: 20px;
      background: url('../images/symbols-sprite.png') 100% -1143px no-repeat;
    }
    #blank-state ul.sections li.section ul li {
      font-size: 13px;
      font-weight: bold;
      padding-bottom: 4px;
      text-indent: 15px;
      background: url('../images/symbols-sprite.png') -5px -441px no-repeat;
    }
/* Blank State End */

/* File Bank */
.file-bank-wrapper {
  background-color: #f3f8fb;
  padding: 7px;
}
#file-bank {
  border-bottom: 3px solid #3e88c5;
  padding: 1px 1px 60px 1px;
  margin-bottom: 5px;
  background-color: #fff;
}
  #file-bank h4 {
    color: #333;
    font-size: 12px;
    padding-top: 3px;
    background: url('../images/symbols-sprite.png') 2px -772px no-repeat;
  }
  #file-bank h4,
  #file-bank h5 {
    width: 275px;
    font-weight: normal;
    padding-left: 30px;
    float: left;
  }
    #file-bank h5 a {
      font-size: 13px;
    }
  #file-bank li.file-category {
    line-height: 20px;
    padding: 2px;
    position: relative;
  }
  #file-bank li.file-category ul.actions {
    display: none;
  }
  #file-bank li.file-category:hover ul.actions {
    display: block;
  }
    #file-bank li.file-category ul.files {
      border-bottom: 1px solid #d1d1d1;
    }
    #file-bank li.file-category .comments {
      padding: 1px 5px 1px 20px;
      background: url('../images/symbols-sprite.png') -5px -618px no-repeat;
    }
  #file-bank ul.files li.file {
    width: 100% !important;
    padding: 5px 0;
    color: #5b809b;
    clear: left !important;
    position: relative;
  }
    #file-bank ul.actions {
      float: right;
      position: absolute;
      right: 0;
      top: 3px;
    }
    #file-bank li.file ul.actions {
      display: none !important;
    }
    #file-bank li.file:hover ul.actions {
      display: block !important;
    }
      #file-bank ul.actions li {
        float: left !important;
        width: 50px !important;
        padding-left: 25px;
        background: url('../images/symbols-sprite.png') no-repeat;
      }
      #file-bank ul.actions li.share {
        background-position: 0 -588px;
      }
      #file-bank ul.actions li.edit {
        background-position: 0 -564px;
      }
      #file-bank ul.actions li.delete {
        background-position: 0 -384px;
      }
    #file-bank ul.files li:hover,
    #file-bank li.file-category.list:hover {
      background-color: #fbf6e0 !important;
    }
  #file-bank ul.files li.file.odd {
    background-color: #dceff5;
  }
  .file-bank-wrapper a.new-item {
    background: url('../images/symbols-sprite.png') 0 -803px no-repeat;
    padding-left: 25px;
    margin-left: 4px;
  }
/* File Bank End */

/* Dashboard */
#dashboard {
  border: 1px solid #d3ed80;
  border-bottom-color: #546632;
  background-color: #d0f17e;
  padding: 10px 15px;
  color: #171f08;
  margin: 10px 0;
}
  #dashboard p {
    margin: 5px 0;
		line-height: 20px;
  }
  #dashboard ul {
    margin-bottom: -2px;
    width: 230px;
  }
    #dashboard ul li {
      padding: 3px 5px;
      background-color: #e6ffc6;
      margin-bottom: 2px;
    }
    #dashboard ul li:before {
      content: '> ';
    }
      #dashboard ul li,
      #dashboard ul li a {
        color: #1e214e;
      }
/* Dashboard End */

/*Greek Chapter Meetings*/

#content .main-column a.add-item {
  background: url('../images/symbols-sprite.png') 0 -867px no-repeat;
  float: left;
  display: block;
  text-indent: 24px;
  margin: 16px 0 0 20px;
  line-height: 25px;
  font-size: 10px;
  font-weight: normal;
}
h2.meeting-title {
	font-size: 15px !important;
	position: relative;
}
	h2.meeting-title  a.add-item {
		position: absolute;
		right: 7px;
		top: -20px;
		font-size: 10px !important;
		text-transform: none;
		z-index: 2;
	}
ol.meeting-items li.element,
ol.meeting-items li.sub-element {
 font-weight: bold;
 margin-left: 30px !important;
 position: relative;
 list-style-position: inside;
 border: 2px solid #d0d0d0;
 padding: 5px;
 margin-bottom: 10px;
 position: relative;
}
  ol.meeting-items li.element li.element {
    border: none;
    padding-left: 20%;
    padding-right: 10px;
  }
	ol.meeting-items li.sub-element  {
		border: none;
		padding: 0;
		margin: 0;
	}
	ol.meeting-items li.element a.add-item {
		position: absolute;
		right: 5px;
		top: -15px;
	}
	ol.meeting-items h4 {
		border: 1px solid red !important;
	}
  ol.meeting-items li.element li {
    font-weight: normal;
    font: 12px Arial;
    line-height: 18px;
  }
  ol.meeting-items li.element h3 {
    font: 14px Arial;
    font-weight: bold;
	  display: inline;
  }
  ol.meeting-items li.element p {
    color: #656565;
    font-weight: normal;
    font: 12px Arial;
    padding: 3px 0;
    line-height: 18px;
  }
  ol.meeting-items li.element ul.comment-actions li {
    line-height: 25px;
  }
  ol.meeting-items li ul.comments {
    list-style-type: none;
  }
    ol.meeting-items li ul.comments li * {
      list-style-type: none;
    }
    ol.meeting-items li ul.comments li  {
      padding: 0 30px 15px 160px;
      min-height: 60px;
    }
    ol.meeting-items li ul.comments li .profile {
      position: absolute;
      left: 10px;
    }
    ol.meeting-items li ul.comments li blockquote {
      width: 100%;
    }
/*Greek Chapter Meetings*/

ol.friends {
  border-top: 2px solid #efefef;
  margin-top: 20px;
}
  ol.friends li.friend {
    border-bottom: 2px solid #efefef;
    padding: 15px 15px;
    clear: left;
  }
  ol.friends li.friend:hover {
    background-color: #fff8db;
  }
  ol.friends li.friend ul li {
    float: left;
    padding-right: 10px;
  }
    ol.friends li.friend ul li h3 a {
      font-size: 14px;
      font-weight: bold;
    }
  ol.friends li.friend ul li.checkbox {
    margin-top: 20px;
    padding-right: 10px;
  }
  ol.friends li.friend ul li.image {
    width: 66px;
  }
    ol.friends li.friend ul li.image img {
      margin-top: 2px;
      padding: 1px;
      border: 1px solid #bdcdd1;
    }
  ol.friends li.friend ul li.content {
    width: 310px;
  }
    ol.friends li.friend ul li.content h3,
    ol.friends li.friend ul li.content p {
      padding-left: 20px;
    }
      ol.friends li.friend ul li.content h3 a {
        color: #444;
      }
  ol.friends li.friend ul li.actions {
    width: 75px;
    padding: 5px 0 0 5px;
    display: none;
    border-left: 2px solid #efefef;
    margin: -10px 0;
    height: 65px;
  }
  ol.friends li.friend:hover ul li.actions {
    display: block;
    font-size: 10px;
  }
  ol.friends li.friend ul li.actions a {
    display: block;
    font-size: 10px;
    line-height: 20px;
    text-indent: 24px;
    background: url('../images/symbols-sprite.png') 0 -362px no-repeat;
  }
  ol.friends li.friend ul li.actions a.remove {
    background: url('../images/symbols-sprite.png') 0 -385px no-repeat;
  }
  ol.friends li.friend ul li.actions a.add-to-list {
    background: url('../images/symbols-sprite.png') 0 -538px no-repeat;
  }

/*Star rating*/
.star-rating {
  list-style:none;
  margin: 0px;
  padding:0px;
  width: 80px;
  height: 16px;
  position: relative;
  overflow:hidden;
  background: url('../images/star-rating.png') top left repeat-x;
}
.star-rating li {
  padding: 0px;
  margin: 0px;
  width: 16px;
  height: 16px;
  /*\*/
  float: left;
  /* */
}
.star-rating li a {
  display:block;
  width:16px;
  height: 16px;
  line-height:16px;
  text-decoration: none;
  text-indent: -9000px;
  z-index: 20;
  position: absolute;
  padding: 0px;
  overflow: hidden;
}
.star-rating li a:hover {
  background: url('../images/star-rating.png') left bottom;
  z-index: 2;
  left: 0px;
  border: none;
}
.star-rating a.one-star {
  left: 0px;
}
.star-rating a.one-star:hover {
  width: 16px;
}
.star-rating a.two-stars {
  left:16px;
}
.star-rating a.two-stars:hover {
  width: 32px;
}
.star-rating a.three-stars {
  left: 32px;
}
.star-rating a.three-stars:hover {
  width: 48px;
}
.star-rating a.four-stars {
  left: 48px;
}  
.star-rating a.four-stars:hover {
  width: 64px;
}
.star-rating a.five-stars {
  left: 64px;
}
.star-rating a.five-stars:hover {
  width: 80px;
}
.star-rating li.current-rating {
  background: url('../images/star-rating.png') left center;
  position: absolute;
  height: 16px;
  display: block;
  text-indent: -9000px;
  z-index: 1;
}
/*Star rating end */

/* Lightbox */
#lightbox-overlay {
  display: block;
  position: fixed; /*TODO: Absolute for IE*/
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
#lightbox-content {
  display: block;
  position: absolute;
  padding: 16px;
  border: 4px solid #000;
  background-color: white;
  z-index:1002;
  overflow: auto;
}
  #lightbox-content h2 {
    color: #222;
    font-size: 19px;
    margin-bottom: 5px;
    text-transform: uppercase;
  }

	#lightbox-content div#title {
		color: #fff;
		background-color: #3e8bc1;
		padding: 7px 9px;
		margin: -15px -15px 15px -15px;
	}
	
	#lightbox-content div#title * {
		color: #FFF;
	}
	#lightbox-content .profile img {
		float: left;
		border: 1px solid #b8c1c6;
		padding: 2px;
	}
	#lightbox-content .profile ul {
		float: left;
		padding-top: 42px;
		margin: 0 5px;
	}
	#lightbox-content .profile ul.info {
		width: 350px;
	}
	#lightbox-content .send-message-wrapper {
		padding-right: 5px;
	}
	
		#lightbox-content .send-message-wrapper textarea {
			width: 420px;
			height: 80px;
			border: 1px solid #121;
			margin-right: 10px;
			margin-bottom: 0;
		}
		#lightbox-content .send-message-wrapper input.send-message {
			position: relative;
			top: -4px;
		}
		#lightbox-content p.crush {
			line-height: 30px;
			padding-right: 5px;
		}

/* Buttons */
input.button-save, a.button-save {
  width: 41px;
  height: 24px;
  background: url('../images/button-sprite.png') -59px -48px no-repeat;
  cursor: pointer;
  border: none;
}
  a.button-save { display: block }

input.regret {
  width: 77px;
  height: 23px;
  display: block;
  cursor: pointer;
  cursor: hand;
  background: url('../images/button-sprite.png') -100px -48px no-repeat;
  border: none;
}
input.send-invitation {
  width: 103px;
  height: 23px;
  border: none;
  background: url('../images/button-sprite.png') -59px -71px no-repeat;
}
input.add {
  width: 44px;
  height: 23px;
  border: none;
  background: url('../images/button-sprite.png') -162px -71px no-repeat;
}
a.invite-friends {
  display: block;
  width: 107px;
  height: 31px;
  background: url('../images/button-sprite.png') -83px -118px no-repeat;
}
a.attending, input.attending {
  width: 129px;
  height: 30px;
  background: url('../images/button-sprite.png') 0 -149px no-repeat;
}
  a.attending {
    display: block;
  }
a.volunteer {
  width: 72px;
  height: 23px;
  display: block;
  background: url('../images/button-sprite.png') -129px -149px no-repeat;
}
input.add-this-item {
  height: 23px !important;
  width: 103px !important;
  border: none !important;
  background: url('../images/button-sprite.png') -71px -238px no-repeat;
}
a.create-new-list, input.create-new-list {
  height: 23px;
  width: 103px;
}
  a.create-new-list {
    display: block;
    background: url('../images/button-sprite.png') -71px -261px no-repeat;
  }
a.clear-action, input.clear-action {
  background: url('../images/button-sprite.png') 0 -284px no-repeat;
  height: 23px;
  width: 76px;
  border: none;
  text-indent: -500px;
}
  a.clear-action {
    display: block;
  }
a.save-page, input.save-page {
  background: url('../images/button-sprite.png') -76px -284px no-repeat;
  height: 23px;
  width: 76px;
  border: none;
  text-indent: -500px;
}
  a.save-page {
    display: block;
  }
input.new-post, a.new-post {
  width: 72px;
  height: 24px;
  background: url('../images/button-sprite.png') 0 -307px no-repeat;
  text-indent: -500px;
}
  a.new-post {
    display: block;
  }
input.create-group, a.create-group {
  width: 97px;
  height: 24px;
  background: url('../images/button-sprite.png') -72px -307px no-repeat;
  text-indent: -500px;
}
  a.create-group {
    display: block;
  }
input.activate-account {
  border: none !important;
  width: 150px !important;
  height: 24px !important;
  background-color: #334468 !important;
  color: #FFFFFF !important;
}
input.add-alternative, a.add-alternative {
	width: 56px;
	height: 24px;
	background: url('../images/button-sprite.png') 0px -331px no-repeat;
	text-indent: -500px;
	border: none;
}
  a.add-alternative {
  	display: block;
  }
input.upload-your-notes, a.upload-your-notes {
	height: 24px;
	width: 129px;
	background: url('../images/button-sprite.png') -56px -331px no-repeat;
	text-indent: -500px;
	border: none;
}
  a.upload-your-notes {
  	display: block;
  }
input.recover, a.recover {
	width: 68px !important;
	height: 24px;
	background: url('../images/button-sprite.png') 0 -355px no-repeat;
	text-indent: -500px;
	border: none !important;
}
  a.recover {
  	display: block;
  }
input.add-as-friend, a.add-as-friend {
	text-indent: -500px;
	background: url('../images/button-sprite.png') -68px -355px no-repeat;
	width: 100px;
	height: 24px;
}
  a.add-as-friend {
  	display: block;
  }
input.send-message, a.send-message {
	text-indent: -500px;
	background: url('../images/button-sprite.png') 0 -379px no-repeat;
  width: 99px;
  height: 24px;
	border: none !important;
}
  a.send-message {
  	display: block;
  }
input.crush, a.crush {
	text-indent: -500px;
  background: url('../images/button-sprite.png') -99px -379px no-repeat;
  width: 57px;
  height: 24px;
  border: none !important;
}
  a.crush {
  	display: block;
  }
input.message-button, a.message-button {
	text-indent: -500px !important;
  background: url('../images/button-sprite.png') no-repeat !important;
  background-position: 0px -403px !important;
  width: 68px;
  height: 24px;
  border: none !important;
}
  a.message-button {
  	display: block;
  }
input.add-friend, a.add-friend {
	text-indent: -500px !important;
  background: url('../images/button-sprite.png') -68px -403px no-repeat !important;
  width: 92px;
  height: 24px;
  border: none !important;
}
  a.add-friend {
  	display: block;
  }
input.remove-crush, a.remove-crush {
	text-indent: -500px;
  background: url('../images/button-sprite.png') 0 -427px no-repeat;
  width: 98px;
  height: 24px;
  border: none !important;
}
  a.remove-crush {
  	display: block;
  }
  
a.step {
  background: url('../images/left-arrow.png') 0 50% no-repeat;
  padding: 10px 15px 10px 30px;
  font-weight: bold;
  background-color: #3e8abe;
  color: #fff;
  display: inline-block;
}
a.step-back {
  background: url('../images/right-arrow.png') 0 50% no-repeat;
  padding: 10px 15px 10px 30px;
  font-weight: bold;
  background-color: #3e8abe;
  color: #fff;
  display: inline-block;
}
/* Buttons End */

/* Send event invitations */
#send-event-invitations p {
  margin-bottom: 5px;
}
#send-event-invitations fieldset {
  border: none;
}
#send-event-invitations .content-left {
  float: left;
  width: 390px;
}
#send-event-invitations .content-right {
  float: right;
  width: 300px;
}
#send-event-invitations .lesser-event  h3 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
#send-event-invitations textarea {
  height: 100px;
  margin: 6px 0;
  padding: 4px;
}

#send-event-invitations .content-left textarea {
  width: 350px;
}

#send-event-invitations .content-right textarea { 
  width: 270px;
}
#send-event-invitations input.add {
  display: block;
  margin-top: 10px;
}
#send-event-invitations input.friend-email {
  width: 172px;
  margin-top: 8px;
  padding: 4px;
}
#send-event-invitations label {
  color: #3d89c0;
}
  #send-event-invitations .lesser-event .description {
    float: left;
    width: 300px;
    margin-left: 14px;
    font-size: 11px;
  }
  #send-event-invitations .lesser-event .event-photo {
    float: left;
    left: 0;
    border: 5px solid #3d8ac0;
  }
  #send-event-invitations .lesser-event dl {
    line-height: 18px;
    margin: 10px 0;
    border:none !important;
    background: none !important;
  }
    #send-event-invitations .lesser-event dl.details dt {
      font-weight: bold;
      float: left;
      width: 52px;
      padding-right: 8px;
    }
  #send-event-invitations ul.contacts-list {
    margin: 5px 0;
    height: 100px;
    overflow: auto;
  }
    #send-event-invitations ul.contacts-list li {
      padding: 4px 0;
    }
      #send-event-invitations ul.contacts-list li input {
        margin-right: 5px;
      }
      #send-event-invitations ul.contacts-list li label {
        font-size: 13px;
      }
  
/* Send event invitations end */

/* Profile */
#content #page #profile {
  background-color: #201b5b;
  padding: 9px 14px;
}
  #content #page #profile h1 {
    color: #fbfffe;
    font-size: 30px;
    margin-bottom: 10px;
  }
  #content #page #profile a {
    color: #5cb0f6;
  }
  #content #page #profile .inner-wrapper {
    float: left;
  }
  #content #page #profile ul.actions {
    margin: 5px 0;
  }
    #content #page #profile ul.actions li {
      float: left;
      margin: 0 10px 10px 0;
    }
      #content #page #profile ul.actions li a {
        display: block;
        background: url('../images/button-sprite.png') no-repeat;
      }
      #content #page #profile ul.actions li .add-friend-or-message {
        background: url('../images/button-sprite.png') no-repeat;
        background-position: 0 -94px;
        width: 143px;
        height: 24px;
      }
      #content #page #profile ul.actions li a.add-friend-or-message {
        display: block;
      }
      #content #page #profile ul.actions li .add-friend-or-message.submit {
        border: none !important;
      }
      #content #page #profile ul.actions li .add-crush {
        background: url('../images/button-sprite.png') no-repeat;
        background-position: 0 -118px;
        width: 83px;
        height: 24px;
      }
       #content #page #profile ul.actions li .add-crush.submit {
        border: none !important;
      }
      #content #page #profile ul.actions li a.add-crush {
        display: block;
      }
  #content #page #profile ul.info {
    background-color: #28417a;
    padding: 9px 9px 0 9px;
    width: 295px;
  }
    #content #page #profile ul.info li {
      padding-bottom: 9px;
    }
      #content #page #profile ul.info li h4 {
        color: #5cb0f6;
        text-transform: uppercase;
        font-size: 13px;
      }
      #content #page #profile ul.info li p {
        color: #fff;
      }
      #content #page #profile ul.info li img {
        float: left;
        margin-right: 9px;
      }
  #content #page #profile .profile-picture {
    float: right;
    border: 3px solid #f4f4f4;
    margin-bottom: 8px;
  }
  #content #page .profile-data {
    float: left;
    width: 48%;
    line-height: 20px;
  }
    #content #page .profile-data ul li {
      text-indent: 20px;
    }
.inline-profile {
  line-height: 45px;
}
  .inline-profile * {
    vertical-align: middle;
    display: inline;
  }
  .inline-profile img {
    border: 1px solid #b8c1c6;
    padding: 1px;
    margin-right: 3px;
  }
  .inline-profile h3 {
    font-size: 14px;
    font-weight: bold;
  }
/* Profile End */
.top-bottom-border {
  border-top: 1px solid #388ccc !important;
  border-bottom: 1px solid #388ccc !important;
}

/* Event details */
#content #page .event .event-picture {
  float: left;
  margin-top: 15px;
  border: 10px solid #3d8ac0;
}
#content #page .event ul.flyers {
  float: left;
  margin-top: 35px;
}
  #content #page .event ul.flyers li {
    border-top: 1px solid #c1c1c1;
    padding: 10px 0;
    width: 190px;
    text-indent: 20px;
  }
  #content #page .event ul.flyers li:hover {
    background-color: #dceff5;
  }
  #content #page .event ul.flyers li:last-child:hover {
    background:none !important;
  }
  #content #page dl.details dd.summary {
    float: right;
    width: 250px;
  }
/* Event details end */


/* Main Search Form */
#content #page ul.search-form {
  background: url('../images/highlight-large.png') 0 0 repeat-x;
  margin: -14px -14px 0 -14px;
  border-bottom: 1px solid #3d89c0;
  height: 97px;
  padding-left: 80px;
}
  #content #page ul.search-form li {
    float: left;
    line-height: 30px;
    margin: 30px 10px 0 0;
  }
    #content #page ul.search-form li label {
      text-transform: uppercase;
      color: #3f7db0;
      font-weight: bold;
    }
    #content #page ul.search-form li input {
      width: 180px;
      padding: 4px;
			font-size: 13px;
    }
    #content #page ul.search-form li select {
      width: 160px;
      padding: 1px;
    }
    #content #page ul.search-form li .submit {
      border: none;
      height: 24px;
      width: 56px;
      background: url('../images/button-sprite.png') 0 0 no-repeat;
    }
    #content #page ul.search-form li small {
      position: relative;
      bottom: -3px;
    }
  #content #page p.search-results-summary {
    margin: 5px 0 10px 0;
    color: #868686;
  }
    #content #page p.search-results-summary em {
      color: #414141;
    }
  #content #page p.search-filter {
    border-bottom: 1px solid #3989C8;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
    #content #page p.search-filter label {
      color: #3989C8;
    }
/* Main Search Form End */

/* Search Results -> Profiles */
#content #page ul.profiles li.profile {
  padding: 5px 5px 0 0;
  width: 360px;
  margin: 0 10px 10px 0;
  float: left;
}
  #content #page ul.profiles li.profile img.profile-photo {
    border: 1px solid #a7a7a7;
    padding: 2px;
    float: left;
    margin: 0 10px 5px 0;
  }
  #content #page ul.profiles li.profile h4 {
    font-size: 13px;
  }
  #content #page ul.profiles li.profile p {
    font-size: 10px;
    line-height: 16px;
  }
  #content #page ul.profiles li.profile hr {
    border-top: 1px solid #eaeaea;
  }
  #content #page ul.profiles li.profile ul.actions {
    margin-top: 10px;
    float: left;
  }
    #content #page ul.profiles li.profile ul.actions li {
      background: url('../images/symbols-sprite.png') 0 0 no-repeat;
      line-height: 19px;
      font-size: 10px;
      text-indent: 27px;
    }
    #content #page ul.profiles li.profile ul.actions li.send-message {
      background-position: 0 -953px;
    }
    #content #page ul.profiles li.profile ul.actions li.add-as-friend {
      background-position: 0 -989px;
    }
/* Search Results -> Profiles End */

/* Search Results -> Venues */
#content #page ul.venues {
  font-size: 10px;
  line-height: 16px;
}
  #content #page ul.venues .description,
  #content #page ul.venues .info {
    width: 365px;
    float: left;
    margin-right: 10px;
  }
  #content #page ul.venues li.venue {
    padding-top: 10px;
  }
    #content #page ul.venues li.venue h4 {
      font-size: 13px;
    }
    #content #page ul.venues li.venue img.venue-photo {
      border: 9px solid #3d8ac0;
      float: left;
      margin: 0 10px 10px 0;
    }
    #content #page ul.venues li.venue .star-rating {
      margin: 5px 0;
    }
    #content #page ul.venues li.venue p {
      margin-bottom: 10px;
    }
    #content #page ul.venues li.venue a.add-to-favorites {
      background: url('../images/symbols-sprite.png') -4px -470px no-repeat;
      display: block;
      text-indent: 25px;
      margin-bottom: 4px;
    }
/* Search Results -> Venues End */

/* Search Results -> Groups */
#content #page ul.groups {
  font-size: 10px;
  line-height: 16px;
}
#content #page ul.groups li.group {
  padding-top: 10px;
  float: left;
  width: 45%;
  padding-right: 5%;
}
#content #page ul.groups li.group img.group-photo {
  border: 1px solid #3989C8;
  float: left;
  margin: 0 10px 10px 0;
}
/* Search Results -> Groups End */

/* SWF Upload */

.progressWrapper {
  width: 357px;
  overflow: hidden;
}

.progressContainer {
  margin: 5px;
  padding: 4px;
  border: solid 1px #E8E8E8;
  background-color: #F7F7F7;
  overflow: hidden;
}

a.progressCancel {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url('../images/cancelbutton.gif');
  background-repeat: no-repeat;
  background-position: -14px 0px;
  float: right;
}

a.progressCancel:hover {
  background-position: 0px 0px;
}

.progressName {
  font-size: 8pt;
  font-weight: 700;
  color: #555;
  width: 323px;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}

.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.progressBarStatus {
  margin-top: 2px;
  width: 337px;
  font-size: 7pt;
  font-family: Arial;
  text-align: left;
  white-space: nowrap;
}

.green {
  border: solid 1px #DDF0DD;
  background-color: #EBFFEB;
}

.blue {
  border: solid 1px #CEE2F2;
  background-color: #F0F5FF;
}

.red {
  border: solid 1px #B50000;
  background-color: #FFEBEB;
}

/* SWF Upload */

/* Sober Driver */
#content #page #sober-driver .calendar-wrapper {
  width: 280px;
  float: left;
}
#content #page #sober-driver .featured-sober-driver {
  float: left;
  width: 270px;
  margin-left: 15px;
}
  #content #page #sober-driver .featured-sober-driver h2 {
    margin-top: 10px;
  }
  #content #page #sober-driver .featured-sober-driver .calendar-date {
    border-bottom: 1px solid #3F8BC5;
    padding-bottom: 7px;
    margin-bottom: 7px;
  }
  #content #page #sober-driver .featured-sober-driver .contact h3 {
    font-weight: bold;
    color: #a8a8a8;
    font-size: 13px;
    text-transform: uppercase;
  }
  #content #page #sober-driver .featured-sober-driver .contact p {
    font-size: 35px;
    color: #212121;
    border: 5px solid #eee;
    display: inline;
    position: relative;
    padding: 0 5px;
    top: 10px;
  }

#content #page #sober-driver .sober-driver-list-wrapper {
  margin-top: 15px;
}
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list-header {
    font-weight: bold;
    font-size: 14px !important;
  }
    #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list-header li {
      width: 165px;
      float: left;
      padding: 0 0 10px 10px;
    }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li.odd {
    background-color: #eef9fd;
  }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li ul {
    position: relative;
    top: 5px;
    left: 10px;
  }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li ul li {
    float: left;
    font-size: 12px;
    width: 165px;
  }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li ul li.inline-profile {
    position: relative;
    top: -5px;
  }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li ul li.inline-profile a.volunteer {
    margin-top: -10px;
  }
  #content #page #sober-driver .sober-driver-list-wrapper ul.sober-driver-list li ul li.contact {
    padding: 10px 0;
  }
/* Sober Driver End */

/* Groups */
#content #page ul#groups-list {
  /* border-bottom: 2px solid #bababa; */
}
  #content #page ul#groups-list li.groups {
    width: 270px;
    padding: 0 0 10px 10px;
    float: left;
  }
  #content #page ul#groups-list li.groups.first {
    /* border-right: 2px solid #bababa; */
    padding: 0 10px 10px 0;
  }
    #content #page ul#groups-list li.groups h3 {
      line-height: 30px;
      background-color: #3e8bc1;
      padding: 0 10px;
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      margin-bottom: 10px;
    }
    #content #page ul#groups-list li.groups ul li.group {
      padding: 10px 0;
      line-height: 16px;
    }
    #content #page ul#groups-list li.groups ul li.group:hover {
      background-color: #fff8db;
    }
      #content #page ul#groups-list li.groups ul li.group img {
        float: left;
        border: 1px solid #3e8ecd;
        margin: 0 10px;
      }
      #content #page ul#groups-list li.groups ul li.group .details {
        float: left;
        width: 114px;
      }
        #content #page ul#groups-list li.groups ul li.group .details ul.info {
          margin-top: 20px;
        }
        #content #page ul#groups-list li.groups ul li.group .details ol.actions {
          margin-top: 20px;
          display: none;
        }
        #content #page ul#groups-list li.groups ul li.group:hover .details ol.actions {
          display: block;
        }
/* Groups End */

/* Greek life network selection */
#greek-life-network-selection h3 {
  color: #1e1b52;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 14px;
}
#greek-life-network-selection .select-network,
#greek-life-network-selection .reasons {
  padding: 20px 25px;
}
#greek-life-network-selection .select-network {
  background: url('../images/background.png') 0 -127px repeat-x;
}
  #greek-life-network-selection .select-network input {
    width: 189px;
    padding: 3px;
    margin-left: 4px;
    border: 1px solid #afafaf;
  }
  #greek-life-network-selection .select-network p {
    line-height: 30px;
  }
    #greek-life-network-selection .select-network p label {
      color: #0e100f;
    }
    #greek-life-network-selection .select-network p * {
      vertical-align: middle;
    }
  #greek-life-network-selection .select-network input.find-it {
    width: 56px;
    padding: 0;
    height: 24px;
    text-indent: -500px;
    border: none;
    background: url('../images/button-sprite.png') 0 0 no-repeat;
  }
  #greek-life-network-selection .select-network input.add-it {
    width: 56px;
    padding: 0;
    height: 24px;
    text-indent: -500px;
    border: none;
    background: url('../images/button-sprite.png') -143px -94px no-repeat;
  }
#greek-life-network-selection .reasons {
  margin-top: 15px;
  background: #d5ecf2 url('../images/free.png') 460px 20px no-repeat;
}
#greek-life-network-selection .reasons dl {
  line-height: 16px;
  margin-bottom: 15px;
}
#greek-life-network-selection .reasons dl dd {
  font-weight: bold;
  margin: 15px 0 2px 0;
}
#greek-life-network-selection .search-results p.status {
	margin: 8px 0;
	color: #3d89c0;
}
#greek-life-network-selection .search-results .result {
	margin: 4px 0;
}
	#greek-life-network-selection .search-results .result .details {
		display: inline-block;
		margin-left: 5px;
		position: relative;
		top: -6px;
		width: 200px;
		padding-bottom: 2px;
		border-bottom: 1px dashed #a7a7a7;
	}
	  #greek-life-network-selection .search-results .result .details h6 {
	  	font-size: 12px;
			margin-bottom: 2px;
	  }
	#greek-life-network-selection .search-results .result img {
		border: 1px solid #a7a7a7;
	  padding: 1px;
	}

/* Greek life network selection End */

/* Notes */
ol.notes li.entry {
	border: 2px solid #d0d0d0;
	padding: 5px;
	margin-bottom: 5px;
}
  ol.notes li ol {
  	margin-left: 20px;
  }
	ol.notes li.entry a.add-note {
		display: block;
		background: url('../images/symbols-sprite.png') 0 -870px no-repeat;
		padding-left: 25px;
		line-height: 18px;
	}
	 ol.notes li.entry textarea {
	 	border: 1px solid #d0d0d0;
		width: 100%;
		height: 100px;
		display: block;
		margin: 10px;
	 }
	
  ol.notes li.entry h2 {
    margin: 0 !important;
		float: left;
  }
	ol.notes li.entry p.locked {
		float: left;
	}
	

/* Notes End */

/* Single Message */
.message-navigation {
  float: right;
  margin-right: -10px;
}
ul.single-message h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
ul.single-message {
  margin-bottom: 10px;
}
  ul.single-message li {
    padding: 0 15px;
  }
    ul.single-message li li {
      padding: 0;
    }
  ul.single-message li.author {
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 6px;
    padding-bottom: 6px;
  }
    ul.single-message li.author.reply {
      margin-top: 20px;
    }
    ul.single-message li.author ul li {
      float: left;
      padding-right: 10px;
    }
      ul.single-message li.author ul li.photo {
        width: 60px;
      }
      ul.single-message li.author ul li.info {
        width: 350px;
      }
      ul.single-message li.actions {
        width: 100px;
      }
        ul.single-message li.author ul li.actions a {
          display: block;
          font-size: 10px;
          line-height: 20px;
          text-indent: 24px;
          background: url('../images/symbols-sprite.png') 0 -362px no-repeat;
        }
        ul.single-message li.author ul li.actions a.remove {
          background: url('../images/symbols-sprite.png') 0 -385px no-repeat;
        }
        ul.single-message li.author ul li img {
          border: 1px solid #a7a7a7;
          padding: 1px;
        }
ul.single-message li.message {
  padding-left: 85px;
  line-height: 16px;
}
/* Single Message End */

.network-info-feed h3 {
  font-size: 20px;
  font-weight: bold;
}
.network-info-feed ul {
  font-size: 14px;
  font-weight: bold;
}
  .network-info-feed ul li ul {
    font-size: 12px;
    padding-top: 5px;
    font-weight: normal;
    margin-left: 12px;
    line-height: 20px;
  }
    .network-info-feed ul li ul li {
      border-bottom: 1px solid #e5e5e5;
      text-indent: 10px;
      padding: 3px 0;
    }
      .network-info-feed ul li ul li .alternative {
        color: #4aa23c;
      }

/* Activity Feed */

ul.activities-feed {
  font-size: 12px;
  padding-top: 5px;
  font-weight: normal;
  line-height: 20px;
}
  ul.activities-feed li {
    border-bottom: 1px solid #e5e5e5;
    text-indent: 10px;
    padding: 3px 0;
  }

	ul.activities-feed li.even {
		background-color: #f8fbfb;
		/* background-color: #e7f3f6; */
	}
	
    ul.activities-feed li .alternative {
      color: #4aa23c;
    }

/* Create Website*/
ul#create-website li.section {
  padding: 15px 15px 15px 65px;
}
ul#create-website li.greeting.section {
  background-color: #d5ecf2;
}
  ul#create-website li.greeting.section h2 {
    margin: 0;
    border: none;
    text-transform: none;
    font-size: 19px;
    color: #1b4053;
  }
  ul#create-website li.greeting.section p {
    font-size: 16px;
    color: #5a8aa1;
    margin-top: 8px;
  }
ul#create-website li.choose-domain.section {
  background-color: #99c2de;
  border-top: 3px solid #fff;
  border-bottom: 2px solid #fff;
}
  ul#create-website li.choose-domain.section ul.alternative-form-list li {
    color: #fff;
  }
  ul#create-website li.choose-domain.section a {
    font-size: 16px;
  }
  ul#create-website li.choose-domain.section ul.alternative-form-list li label {
    color: #1f4864;
  }
  ul#create-website li.choose-domain.section ul.alternative-form-list li.name-your-website {
    padding-left: 140px;
  }
    ul#create-website li.choose-domain.section ul.alternative-form-list li.name-your-website input {
      width: 510px;
    }
  ul#create-website li.choose-domain.section ul.alternative-form-list li.pick-a-url {
    padding-left: 90px;
  }
    ul#create-website li.choose-domain.section ul.alternative-form-list li.pick-a-url input {
      width: 395px;
    }
  ul#create-website li.choose-domain.section ul.alternative-form-list li.use-a-custom-domain-name {
    padding-left: 90px;
  }
    ul#create-website li.choose-domain.section ul.alternative-form-list li.use-a-custom-domain-name input {
      width: 490px;
    }
  ul#create-website li.choose-domain.section ul.alternative-form-list li.description {
    padding-left: 140px;
  }
    ul#create-website li.choose-domain.section ul.alternative-form-list li.description textarea {
      width: 510px;
      height: 150px;
    }
ul#create-website li.select-template.section {
  color: #FFF;
  background-color: #1e425c;
}
  ul#create-website li.select-template.section a {
    color: #FFF;
  }
ul#create-website li.select-template.section .slide-show-wrapper {
  border: 2px solid #051b33;
  background-color: #072240;
  padding: 8px;
  overflow: hidden;
  position: relative;
  height: 140px;
}
  ul#create-website li.select-template.section .slide-show-wrapper p {
    height: 180px;
    width: 50px;
    display: block;
    line-height: 180px;
  }
  ul#create-website li.select-template.section .slide-show-wrapper p a.next-slide {
    width: 45px;
    height: 44px;
    background: url('../images/next-slide.png') 0 0 no-repeat;
    display: block;
    margin-top: 50px;
  }
  ul#create-website li.select-template.section #slide-show {
    width: 2000px;
    margin-left: 5px;
  }
    ul#create-website li.select-template.section ul#slide-show li {
      float: left;
    }
      ul#create-website li.select-template.section ul#slide-show li a {
        margin: 0 15px 20px 0;
        display: block;
        border: 6px solid #072240;
      }
      ul#create-website li.select-template.section ul#slide-show li a:hover {
        border-color: #3b8dc7;
      }
    ul#create-website li.select-template.section p.save-settings {
      line-height: 30px;
      margin-top: 20px;
    }
    ul#create-website li.select-template.section p.save-settings a {
      background: url('../images/left-arrow.png') 0 50% no-repeat;
      padding: 0 15px 0 30px;
      font-weight: bold;
      background-color: #3e8abe;
      color: #fff;
      display: inline-block;
    }
/* Create Website End */

/* Dues */
  /* Dues -> Transactions */
  .transactions h4 span {
    display: inline-block;
    height: 36px;
    line-height: 50px;
    padding-left: 37px;
    margin-right: 10px;
    background: url('../images/total-collected.png') 0 0 no-repeat;
  }
  .transactions h4 span.check {
    background-position: 0 5px;
  }
  .transactions h4 span.cash {
    background-position: 0 -45px;
  }
  .transactions h4 span.card {
    background-position: 0 -90px;
  }
  .transactions h4 span.withdraw {
    background-position: 0 -145px;
  }
  .transactions h4 span.create-new-charge {
    background-position: 0 -197px;
  }
  /* Dues -> Transactions End */
/* Dues End */

/* Pictures next/previus links */

div#handles-container {
  position: absolute;
  left: 0; 
  top: 0;
}

a#next-picture, a#previous-picture {
  background: url('../images/blank.html') no-repeat;
  width: 49%;
  display: block;
  font-size: 20px;
}

a#previous-picture {
  float: left;
  left: 0;
  text-align: left;
}
a#next-picture {
  float: right;
  right: 0;
  text-align: right;
}
a#previous-picture:hover {
  background: url('../images/previouspicture.png') 0% 50% no-repeat;
}
a#next-picture:hover {
  background: url('../images/nextpicture.png') 100% 50% no-repeat;
}
/* End pictures next/previous links */

/* TODO To be later include in shop.css */
/*shop.css*/
.product {
  color: #222;
  line-height: 18px;
}
  .product h3 {
    color: #808080;
    font-size: 16px;
    margin-bottom: 8px;
  }
  .product h4 {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .product img.product-photo {
    float: left;
    margin-bottom: 10px;
    border: 10px solid #3d89c0;
  }
  .product .views-wrapper {
    text-indent: 14px;
    margin-top: 50px;
  }
    .product .views-wrapper h4 {
      text-transform: uppercase;
    }
    .product .views-wrapper ul.views li {
      padding: 12px 0 8px 0;
    }
    .product .views-wrapper ul.views li.selected,
    .product .views-wrapper ul.views li:hover {
      background-color: #d5ecf2;
    }
      .product .views-wrapper ul.views li img {
        border: 1px solid #3d89c0;
      }
.other-products {
  background-color: #d5ecf2;
  padding: 10px 13px;
  margin: 15px 0;
}
  .other-products h4 {
    margin-bottom: 8px;
    color: #3d89c0;
    text-indent: 10px;
  }
  .other-products img {
    border: 3px solid #3d89c0;
  }
  .other-products ul li {
    margin-right: 25px;
    float: left;
    margin-left: 10px;
  }
/*Column Widgets*/
ul.column li.shop {
  background-color: #32353f !important;
}
  ul.column li.shop a {
    color: #fff;
  }
  ul.column li.shop a:hover {
    color: #aaa;
  }
  ul.column li.shop h4 {
    font-size: 14px;
    color: #bcc8ed;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #5c6274;
  }
  ul.column li.shop h5 {
    font-size: 13px;
    margin-bottom: 5px;
  }
    ul.column li.shop ul.tree li ul {
      margin: 4px 0 8px 0;
      line-height: 15px;
      display: none;
    }
    ul.column li.shop ul.tree li.selected ul {
      display: block;
    }
      ul.column li.shop ul.tree li h5 a {
        padding-right: 15px;
        background: url('../images/shop-active-link.png') 100% -32px no-repeat;
      }
      ul.column li.shop ul.tree li.selected h5 a {
        background-position: 100% -3px;
      }
      ul.column li.shop ul.tree li ul li{
        padding-left: 15px;
        font-size: 11px;
      }
    ul.column li.shop ul.actions li {
      padding: 5px 0;
      text-indent: 15px;
      border-bottom: 1px solid #5c6274;
      background: url('../images/shop-action-list.png') 5px 50% no-repeat;
    }
/*Add to cart*/
#inner-sidebar li.add-to-cart h5 {
  color: #b7c3e7;
  font-weight: bold;
  font-size: 11px;
}
#inner-sidebar li.add-to-cart p {
  margin-bottom: 5px;
}
#inner-sidebar li.add-to-cart small a {
  color: #b7c3e7;
}
#inner-sidebar li.add-to-cart .price {
  color: #fff;
  font-size: 34px;
  font-weight: bold;
}
#inner-sidebar li.add-to-cart .quantity {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
#inner-sidebar li.add-to-cart input,
#inner-sidebar li.add-to-cart select {
  border: none;
}
#inner-sidebar li.add-to-cart select {
  width: 50px;
}
#inner-sidebar li.add-to-cart input.submit {
  width: 146px;
  height: 41px;
  background: url('../images/add-to-cart.png') 0 0 no-repeat;
  margin-top: 6px;
}
/*Add to cart end*/

#inner-sidebar li.current-cart {
  background-color: #fff !important;
}
  #inner-sidebar li.current-cart p.status {
    font-size: 15px;
    background: url('../images/current-cart.png') 0 50% no-repeat;
    text-indent: 25px;
    margin-left: 5px;
  }
    #inner-sidebar li.current-cart p.status a {
      color: #589aca;
      line-height: 25px;
    }
/*Column Widgets End*/
ul.shop-items-list {
	padding: 10px;
}
	ul.shop-items-list li.item {
		float: left;
		width: 170px;
		padding: 5px;
		font-size: 14px;
	}
		ul.shop-items-list li.item h4,
		ul.shop-items-list li.item h4 a {
			color: #333;
			margin: 5px 0;
		}
		ul.shop-items-list li.item p {
			line-height: 20px;
		}
/*shop.css end*/

/* Public Page */
body#public {
  background-position: 0 -127px;
  color: #121212;
}
  body#public #content p {
    font-size: 18px;
  }
  body#public #content h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0;
  }
  body#public #content h5 {
    color: #4191cc;
    font-size: 16px;
    margin-bottom: 10px;
  }
  body#public #content h1#identity a {
    width: 177px;
    height: 193px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 0px 61px;
  }
    body#public #content h1#identity a span {
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      background: url('../images/public-sprite.png') 0 0 no-repeat;
    }
  body#public #content .featured-content {
    margin-top: 15px;
  }
  body#public #content .featured-content .top, 
  body#public #content .featured-content .bottom {
    background: url('../images/public-sprite.png') 0 -223px no-repeat;
    overflow: hidden;
    height: 14px;
  }
  body#public #content .featured-content .middle {
    background: url('../images/public-featured-box.png') 0 0 repeat-y;
    padding: 4px 20px 4px 15px;
    line-height: 18px;
    color: #6e6e6e;
  }
    body#public #content .featured-content .middle b {
      font-weight: normal;
      color: #111;
    }
	body#public #content .featured-content .middle p {
		font-size: 10px;
		margin-top: 10px;
	}
	body#public #content .featured-content .middle p.conrad {
	  background: url('../images/conrad.png') 0 0 no-repeat;
	  width: 126px;
	  height: 34px;
	  padding: 35px 0 0 60px;
	  overflow: visible;
	  margin: -4px 0 -5px -5px;
	}
	body#public #content .featured-content .middle a.conrad {
	  width: 185px;
	  height: 70px;
	  margin: -5px 0 0 -7px;
	  position: absolute;
	  display: block;
	}
	body#public #content .featured-content .middle h2.the-shop a {
      width: 182px;
      height: 91px;
      overflow: hidden;
      display: block;
      position: relative;
      margin-top: -5px;
    }
      body#public #content .featured-content .middle h2.the-shop a span {
        position: absolute;
        height: 100%;
        width: 100%;
        background: url('../images/the-shop.png') 0 0 no-repeat;
      }
    body#public #content .featured-content .middle h2.fashionista a {
      width: 170px;
      height: 37px;
      overflow: hidden;
      display: block;
      position: relative;
      margin-top: 10px;
    }
      body#public #content .featured-content .middle h2.fashionista a span {
        position: absolute;
        height: 100%;
        width: 100%;
        background: url('../images/public-sprite.png') -4px -252px no-repeat;
      }
  body#public #content .featured-content .bottom {
    background-position: 0 -235px;
    padding: 0;
  }
  body#public #content {
    padding: 0;
    margin-top: 40px;
  }
  body#public #content #page {
    background: #fff;
    margin: 0;
    width: 100%;
  }
  body#public #content #login-section {
    border-top: 2px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    /*padding: 20px 0 20px 220px;*/
    margin: 15px 0;
    position: relative;
    min-height: 290px;
  }
    body#public #content #login-section li.section {
      float: left;
      width: 300px;
    }
    body#public #content #login-section li.section.sign-up {
      margin-left: 10px;
    }
      body#public #content #login-section li.section.sign-up ul.form-list label {
        white-space: nowrap;
      }
    body#public #content #login-section img {
      position: absolute;
      left: 0;
      padding: 3px;
      border: 1px solid #d7d7d7;
    }
		body#public #content #login-section .recover {
			position: absolute;
			left: 0;
		}
		body#public #content #login-section small {
			display: block;
			line-height: 16px;
		}
    body#public #content #login-section li.separator {
        background: url('../images/public-sprite.png') 0 -289px repeat-x;
        height: 30px;
        text-align: center;
        margin: 15px 0 -20px 0;
      }
        body#public #content #login-section li.separator span {
          text-transform: uppercase;
          color: #c3c3c3;
          padding: 0 10px;
          background-color: #fff;
          font-weight: bold;
          font-size: 14px;
        }
    body#public #content #login-section ul.form-list {
      padding: 15px 15px 5px 15px;
    }
    body#public #content #login-section li.sign-up ul.form-list {
      background-color: #d5ecf2;
    }
      body#public #content #login-section ul.form-list li.element {
        padding-left: 100px;
      }
      body#public #content #login-section ul.form-list label {
        color: #458cba;
        font-weight: bold;
        text-transform: uppercase;
      }
      body#public #content #login-section ul.form-list input {
        border-color: #d7d7d7;
      }
      body#public #content #login-section ul.form-list .login,
      body#public #content #login-section ul.form-list .sign-up {
        background: url('../images/public-sprite.png') no-repeat;
        height: 24px;
        border: none;
        text-indent: 200px;
        position: absolute;
        left: 0;
      }
    body#public #content #login-section ul.form-list .login {
      width: 55px;
      background-position: 0 -194px;
    }
    body#public #content #login-section ul.form-list .sign-up {
      width: 63px;
      background-position: -55px -194px;
    }
    body#public #content ul#reasons-to-join li {
      color: #202020;
      line-height: 20px;
      padding-left: 15px;
      background: url('../images/public-sprite.png') -235px 6px no-repeat;
    }
  body#public h4.highlight {
    margin: 0;
    background-color: #d5ecf2;
  }
  body#public #inner-sidebar {
    float: left;
    width: 250px;
    margin: 20px 0 0 15px;
  }
  body#public .main-column {
    float: right;
    width: 610px;
  }
/* Public Page End */

/* Server Error */
#server-error {
  width: 524px;
  height: 426px;
  background: url('../images/server-error-background.png');
  margin: 20px auto;
  font-weight: bold;
  color: #6f8185;
  padding: 15px;
  position: relative;
}
  #server-error p {
    font-size: 16px;
    line-height: 26px;
  }
    #server-error p a {
      text-decoration: underline;
      color: #2a2b2f;
    }
    #server-error p small a {
      text-decoration: none;
    }
  #server-error p.status {
    color: #942c35;
    text-align: right;
  }
  #server-error p.close {
    position: absolute;
    bottom: 35px;
  }
  #server-error h2 {
    font-size: 50px;
    line-height: 90px;
    text-indent: 130px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  #server-error h3 {
    margin-top: 15px;
    font: 38px times;
    color: #2a2b2f;
  }
  #server-error hr {
    padding-top: 20px;
    margin-top: 25px;
    border-top: 2px dashed #c6dae1 !important;
  }

/* Server Error End */

h3.title {
  margin-bottom: 10px;
}

/* Misc */
#repeat_pattern {
  padding-left: 137px;
}
  #repeat_pattern span.label {
    position: absolute;
    left: 0;
  }
  #repeat_pattern span.label, label {
    color: #5085a7;
  }
  
#divFileProgress {
  width: 100%;
}

.spacer-wizard-previous {
	float: left;
	margin-top: 10px;
}

.spacer-wizard-next {
	float: right;
	margin-top: 10px;
}

.search-query-highlight {
	background-color: yellow;
}

.remove-screen-name {
	color: red;
}

.shoutout-delete-link {
	float: right;
	color: red;
	display: none;
}/* TODO: Move somewhere appropriate*/
li.remove-crush-heart, a.remove-crush-heart {
	background: url('../images/symbols-sprite.png') -2px -1666px no-repeat !important;
	display: block;
}


.regret-delete {
	float: right;
	color: red;
	display: none;
	margin: 0px 5px 0px 0px !important;
}

.regret-edit {
	float: right;
	display: none;
	margin: 0px 10px 0px 0px !important;
}

.meeting-regret blockquote textarea {
	width: 100%;
	margin: 0px 0px 5px 0px;
}

.meeting-regret blockquote a {
	margin: 0px 5px 0px 0px;
}

.pointer-element {
  cursor: pointer;
  cursor: hand;
}

.standalone-quad-symbol {
  background: url('../images/generic-quad-symbol.png') 0 0 ;
}

.odd-client {
  background-color: #664455 !important;
}

.client-post {
  border-left: 3px solid red !important;
  border-right: 3px solid red !important;
}

.client-post blockquote {
  background-color: #ee1111;
  color: #fff;
}

.client-post li.add-a-comment a {
  color: #fff;
}

 .clients-small-login li {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.clients-small-login .clients-small-submit {
  margin: 5px 0 4px 0 !important;
}

.clients-small-login {
  margin: 0 !important;
}

.clients-advertise-reasons {
  list-style-type: disc !important;
  margin-left: 15px !important;
  padding: 0 !important;
}

.clients-advertise-reasons li {
  list-style-type: disc !important;
}