@media all and (min-width: 769px) {

    a.responsive-menu
    {
        display: none !important;
    }
    
}

@media (max-width: 480px) {

    .shared-content .image {
        width: 100% !important;
        margin-right: 0px !important;
        margin-top: 10px !important;
    }
    
}

@media (max-width: 940px) 
{ 
    #filter .buttons {
        float: none !important;
        margin-top: 5px !important;
    }
}

@media (max-width: 768px) 
{    
    a.responsive-menu
    {
        display: inline-block !important;
    }
    
    
    #header {
        width: 100% !important;
    }

    div#menu-wrapper, .feedback, .square-ads, .responsive-hidden
    {
        display: none !important;
    }
    
    #page {
        margin-top: 0 !important;
    }
    
    #page.whole-page {
        padding: 0px !important;
    }
        
    #header-wrapper {
        position: static !important;
    }

    .responsive
    {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    #page.responsive {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: auto !important;
    }
    
    #content-wrapper {
        width: 100% !important;
    }
    
    #filter input[type="text"], #filter select {
        width: 150px !important;
    }

    div.form-wrapper {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        margin: 10px auto 50px !important;
    }
    
    .form-wrapper h1 {
        font-size: 14pt;
    }   
} 


body {
    color: #454545;
    margin: 0;
    padding: 0;
    background-color: #141618;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

/*exclude padding and margins in measurement*/
input, textarea, select {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

textarea, input[type="text"], select option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}


h1, h2, h3 {
    margin: 0;
    color: #303133;
    font-weight: 500;
}

h1 {
    font-size: 16pt;
    margin-bottom: 10px;
}

h2 {
    font-weight: bold;
}

h3 { }

p, ul, ol {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    transition: all 0.3s linear 0s;
}

ul, ol { }

li {
    list-style: none;
}

blockquote { }


a { color: #4B9331; }

a:hover, div.edit-menu li a:hover, #sidebar span a:hover, #sidebar ul li:hover span a
{
    text-decoration: none;
    color: #3d7627;
}

a img {
    border: none;
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 7px 30px 0 0;
}

img.right {
    float: right;
    margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
    float: left;
    line-height: normal;
}

.list1 li img {
    margin: 0 30px 30px 0;
}

.list1 li.alt img {
    margin-right: 0;
}

#wrapper {
    position: relative;
    width: 100%;
    z-index: 2;
}

#wrapper-bgtop {

}

/* Header */

#header-wrapper 
{
    height: 35px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 3;
}

#preloader     
{
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 38px;    
    z-index: 4;
}

#preloader img {
    display: block;
    margin: 0 auto;
    width: 38px;
}

.preloader {
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 99999;
}

.page-cover {
    position: absolute;
    display: block;
    z-index: 99998;
    background: url("/content/images/bg.png") repeat scroll 0 0 transparent;
    text-align: center;
    top: 0;
    left:0;
    bottom: 0;
    right:0;
}

#header
{
    width: 100%;
    max-width: 1176px;
    height: 25px;
    margin: 0 auto;
    padding: 5px 0;
    position: relative;
    background-color: #53BB23;
    
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 #000000 inset, 0 3px 5px rgba(0, 0, 0, 0.1);
}

/* Menu */

#menu-wrapper {
    float: right;
}

#menu-wrapper ul#menu, #menu-wrapper ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
#menu-wrapper ul#menu li, #menu-wrapper ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
#menu-wrapper ul#menu li a, #menu-wrapper ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #ffffff;
    padding: 5px 10px;
    display: block;
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
}
/*Make the parent of sub-menu relative*/
#menu-wrapper ul#menu li {
    position: relative;    
}

#menu-wrapper ul#menu > li:hover {
    border-bottom: 2px solid #FFFFFF;
}

/*sub menu*/
#menu-wrapper ul#menu li ul.sub-menu {
    background-color: #53BB23;
    display: none;
    left: 0;
    position: absolute;
    top: 26px;
    padding: 0;
    margin: 0;
}

#menu-wrapper ul#menu li ul.sub-menu li
{
    width: 100%;
}

#menu-wrapper ul#menu li ul.sub-menu li:last-child {
    border-bottom: none !important;
}

#menu-wrapper ul#menu li ul.sub-menu li a
{   
    border-bottom: 1px solid #7BC95A;
}

#menu-wrapper ul#menu li ul.sub-menu li a:hover    
{
    background-color: #48a31f;    
    color: #ffffff;
}

/* Search */

#search {
    float: right;
    width: 260px;
}

#search form {
    float: right;
    margin: 0;
    padding: 4px 0px 0 0;
}

#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

#search input {
    float: left;
    font: 12px Georgia, "Times New Roman", Times, serif;
    border: none;
}

#search-text {
    width: 200px;
    height: 18px;
    padding: 3px 0 0 5px;
    border: 1px solid #333333;
    background: #ECF9E4;
    color: #454545;
}

#search-submit {
    height: 21px;
    margin-left: 10px;
    padding: 0px 5px;
    background: #5AA01B;
    color: #FFFFFF;
}

/* Page */

#page 
{
    background-color: #f1f1f1;
    border-bottom: 2px solid #53bb23;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
    margin: 35px auto 0;
    max-width: 1146px;
    min-height: 500px;
    padding: 20px 15px;
    width: 100%;
}

#page.whole-page
{
    padding: 0 !important;
    max-width: 1176px !important;
}

#page.whole-page .form-wrapper
{
    border-radius: 0 !important;
}


/** LOGO */

#logo {
    float: left;
    margin: 0 auto;
}

a.responsive-menu {
    padding-left: 10px;    
}

#logo .fa-bars {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
}

#logo a.logo-image
{
    background-position: left;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: lowercase;
    display: inline-block;
    height: 20px;
    margin-left: 10px;
}

#logo img {
    height: 20px;
}

#logo h1 a {
    text-decoration: none;
    color: #FFFFFF;
}


#banner {
    padding-bottom: 20px;
}

/* Content */

#content {
   
}

#content-wrapper {
    margin-bottom: 20px;
    margin-right: 290px;
    padding: 0;
}

/* Post */

.post
{
    background-color: #fff;
    border: 1px solid #D6D6D6;
    border-top: 2px solid #D6D6D6;
    border-radius: 2px;
    margin-bottom: 10px;
    min-height: 62px;
}

.post .project-header {
    border-bottom: 1px solid #efefef;
    padding: 5px 10px;    
}

.post .project-header a {
    color: #999999;
}

.post .title, table th {
    color: #4B9331;
}

.post .title a
{
    text-decoration: none;
    text-transform: capitalize;
}

.post .date
{
    color: #999999;
    font-weight: normal;
}

.post .entry
{
    margin: 5px 0;
    color: #454545;
    word-wrap: break-word;
    line-height: 24px;
}

.post .comments
{ 
    background-color: #E6E6E6;
    padding: 10px;
    word-wrap: break-word;    
}

.post .comments, .post .comments h2 {
    font-size: 0.95em !important;
}

.post .header-info {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
}

.post .other-info {
    font-size: 12px !important;    
    margin-top: 2px;
}

/* Sidebar */

#sidebar {
    float: right;
    max-width: 275px;
    width: 275px;
}

#sidebar .content {
    
}

#sidebar span a, #sidebar .inline-action {
    padding: 5px 0; 
}

#sidebar span a {
    color: #333333;
    display: block;
    width: 100%;
}

#sidebar ul:not(#members) li:hover {
    background-color: #E1E1E1;
}

#sidebar ul li
{
    border-bottom: 1px solid #EFEFEF;
}

#sidebar .content-wrapper {
    margin-bottom: 20px;
}

#sidebar p {
    margin: 0;
}

#sidebar h2 {
    height: 30px;
    margin: 0 0 10px 0px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
}

/* Footer */

#footer 
{
    width: 100%;
    max-width: 1176px;
    height: 50px;
    margin: 0 auto;
    position: relative;
}

#footer p {
    margin: 0px;
    padding: 16px 0px 0px 0px;
    text-align: center;
    line-height: normal;
    color: #999999;
}

#footer img.logo {
    width: 30px;
    text-align: center;
}

#footer a {
}

#main-post .post-menu-wrapper {
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

#main-post ul.post-menu .caption {
    position: relative;
    display: inline-block;
}

#main-post ul.post-menu li a {
    color: #999999;
}

#main-post ul.post-menu li a.active, #main-post ul.post-menu li a:hover {
    color: #4b9331;
}

#main-post ul.post-menu li a.active .arrow-up {
    display: block;
}

#main-post ul.post-menu .caption .arrow-up {
  border-bottom: 1px solid #fff;
    bottom: -11px;
    color: #dddddd;
    display: none;
    font-size: 24px;
    height: 14px;
    padding-bottom: 2px;
    position: absolute;
    text-align: center;
}

#main-post ul.post-menu li
{
 display: inline-block;
    margin-right: 10px;
}

#main-post .post-wrapper
{
    border: 1px solid #DEDEDE;
}

#main-post input[type="submit"] {
    float: right;
}

#main-post input[type="submit"], .comment-input input[type="submit"]
{
    padding: 0 20px;
}

#main-post textarea
{
    border:  none;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    padding: 5px;
    width: 100%;
    min-height: 55px;
}

.clear {
    clear: both;
}

.clear-left {
    clear: left;
}

.right {
    right: 0;
}

.left {
    left: 0;
}

#post-items {
    margin-top: 10px;
}

.edit-menu, .account-menu, .member-selection {
    position: absolute;
    border: 1px solid #999;
    border-top: 2px solid #999;
    background-color: #F9F9F9;
    z-index: 2;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 3px;
}

.edit-menu {
    width: 200px;
}

div.edit-menu i {
    display: inline-block;
    width: 12px;
    color: #666666;
}

.account-menu {
    top: 15px;
    width: 150px;
}

.member-selection {
    top: 16px;
    width: 200px;
}

.edit-menu .selected
{
    font-weight: bold;
    color: #4B9331;
}

.line-separator {
    border-top: 1px solid #efefef;
    margin: 5px 0 5px 0;
}

.thumbnail-image {
    border: 1px solid #efefef;
    color: #ffffff;
    height: 45px;
    overflow: hidden;
    width: 45px;
    position: relative;
    border-radius: 50%;
}

.thumbnail-image img {
     width: 45px;
}

.thumbnail-image-small {
    border: 1px solid #efefef;
    color: #ffffff;
    height: 35px;
    overflow: hidden;
    width: 35px;
    position: relative;
    border-radius: 50%;
}

.thumbnail-image-small img {
     width: 35px;
}

ul#manage-members {
    margin-top: 30px;
}

ul#manage-members .photo {
    float: left;
    margin-right: 10px;
}
ul#manage-members li.member {
    height: 55px;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 1px #ffffff;
    margin-bottom: 5px;
}

.manage-members li.member {
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 1px #ffffff;
    padding: 5px 0;    
}

.post .content 
{
    padding: 10px;
    position: relative;    
}

.post a {
    
}

.post a:hover {
    color: #4b9331;
}

.post .photo {
    margin-right: 10px;
    float: left;
}

.post .post-header {
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
}

.post .photo img {
   
}

.post .comment .content 
{   
    margin-left: 45px;
    padding: 0;
}

.post .comment .entry {
    line-height: 22px;
}

.post .comment .photo {
    float: left;
}

.post .comment .photo img {
    
}

.post .comment .action-holder{
    display: none;
}

.post .comment:hover .action-holder{
    display: block;
}

.post .status {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    color: #555555;
}

.post .shared-content {
    padding: 10px 0 !important;
    font-size: 12px !important;
}

.shared-content {
    padding: 10px;
}


#post-preview {
    border-bottom: 1px solid #ddd;
    background-color: #efefef;
}

.shared-content .title
{
    font-weight: bold;
}

.break-word {
    -ms-word-break: break-all;
    word-break: break-all;

    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#post-preview .url, .shared-content .url {
    color: #999;
    font-size: 12px;
    font-weight: normal;
}

.shared-content .info {
    vertical-align: top;
    white-space: normal;
} 

.shared-content .image
{
    max-height: 300px;
    width: 30%;
    overflow: hidden;
    float: left;
    margin-right: 10px;    
}

.shared-content .image img {
    width: 100%;
}

.post .status.open
{
    color: #666666;
}

.post .status.completed
{
    color: #666666;
}

.post .status.closed
{
    color: #999999;
}

.comment
{
    border-bottom: 1px solid #D6D6D6;
    box-shadow: 0 1px #EFEFEF;
    margin-bottom: 5px;
}

.comment.first {
    border: none;
    padding-top: 0;
    margin-top: 0;
}

textarea.comment-box {
    border: 1px solid #D6D6D6;
    min-width: 100%;
    max-width:100%;
    padding: 3px;
    width: 100%;
    min-height: 25px;
}

.comments .show-more {
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 5px;
    padding-bottom: 5px;
    display: block;
}

#show-more-post, .end-of-post {
    border: 1px solid #D6D6D6;
    display: block;
    padding: 5px;
    text-align: center;
    background-color: #E1E1E1;
}

.hide {
    display: none;
}

.entry-form {
    padding: 10px 0;
    color: #666666;
}

.entry-form input, .entry-form input[type="password"], .entry-form textarea, .entry-form Select {
    border: 1px solid #D6D6D6;
    color: #555555;
}

.entry-form input[type="text"], .entry-form input[type="password"], .entry-form textarea, .entry-form Select {
    font-size: 20px;
}

.entry-form label {
    display: block;
    margin-bottom: 5px;
}

.entry-form .action-wrapper
{
    margin-top: 10px;
    padding: 3px;
    background-color: #F9F9F9;
    text-align: right;
}

.success-message
{
    font-weight: bold;
    padding: 10px;
    color: #55BE23;
    margin: 10px 0;
    border: 1px solid #EFEFEF;
    background-color: #F9F9F9;
}

input.input-validation-error
{
   
}

.field-validation-error {
    color: #FF9933;
    font-size: 12px;
}

.validation-summary-errors
{
    color: #FF9933;
    background-color: #F9F9F9;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #EFEFEF;
    border-radius: 3px;
}

.validation-summary-errors ul li
{
    border: none !important;
}

.field-wrapper {
    padding: 5px 0;
}

input[type="submit"], input[type="button"], .gray-button {
    padding: 3px 15px;
    border: none;
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
}

input[type="submit"]:hover, input[type="button"]:hover, .gray-button:hover {
    background-color: #666666;
    color: #FFFFFF;
}

ul#members li {
    display: inline-block;
}

ul#members li .image-cover {
    display: block;
}

ul#members li:hover .image-cover {
    display: none;
}

ul#members li .action-holder {
    background-color: #f1f1f1;
    font-size: 12px;
    border: 1px solid #e1e1e1;
}

#invite-members textarea {
    border: 1px solid #d6d6d6;
    width: 99%;
    max-width: 99%;
    min-width: 99%;
    margin: 5px 0;
    min-height: 55px;
}

#invite-members input[type="submit"] {
    float: right;
}

.form-wrapper {
    background-color: #FFFFFF;
    padding: 15px;
    max-width: 450px;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08);
    line-height: 1.9em;
    border: 1px solid #DEDEDE;
    margin: 50px auto;
    border-radius: 5px;
}

.form-wrapper h2 {
    margin: 10px 0;
}

.form-wrapper .title {
    color: #454545;
}

.form-wrapper fieldset {
    border: none;
    font-size: 14px;
    margin: 10px 0;
    padding: 0;
}

.form-wrapper input[type="text"], .form-wrapper input[type="password"]
{
    border: 1px solid #E6E6E6;
    padding: 3px;
    width: 100% !important;
    line-height: 2.1em;
    font-size: 14px;
    background-color: #EFEFEF;
    border-radius: 5px;
}

.icon-link
{
    background-repeat: no-repeat;
    background-position: left;
    padding: 3px 0;
    text-align: left;
}

.cancel-invite {
    
}

.send-invite {
   
}

/* loader */

.loader {
    display: none;
}

.loader .wrapper img {
    display: block;
    margin: 0 auto;
}

.loader .wrapper {
    position: absolute;
    width: 100%;
    top: 30%;
}

.loader .disabler-box {
    background-color: #FFFFFF;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* end loader */

.float-right {
    float: right;
}

.relative {
    position: relative;
}

.group-header {
    border-bottom: 1px solid #EFEFEF;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 5px;
}

#profilePhoto .photo-wrapper {
    width: 100px;
}

.info {
    
}

.info .header 
{
    display: inline-block;
    line-height: normal;
    vertical-align: top;
}

.info .photo {
    float: left;
    margin-right: 10px;
}

.info img {
    width: 100%;
}

.comment-action-wrapper {
   margin-top: 2px;
   text-align: right;
}

.textarea-wrapper {
    border-bottom: 1px solid #EFEFEF;
}

#main-post .action-wrapper {
    background-color: #EFEFEF;
    padding: 2px 2px 1px;
}

#main-post .action-wrapper a {
    display: inline-block;
    vertical-align: bottom;
    padding: 0 2px;
}

a.attachment 
{
}

a.attachment input[type='file'] {
    font-size: inherit !important;
}


#main-post .action-wrapper a, #main-post .action-wrapper div.attachment
{
    color: #999999;  
}

a.edit, div.action-holder a, .removable-item a.remove {
    color: #CCCCCC;
}

#main-post .action-wrapper a:hover, #main-post .action-wrapper div.attachment:hover, a:hover.edit, div.action-holder a:hover, .removable-item a:hover.remove
{
    color: #666666;   
}

div.edit-menu a {
    color: #666666;
}

#main-post .action-wrapper i
{
    font-size: 16px;
}

a.edit {
    font-size: 12px;
}


.action-holder {
    float: right;
    width: auto;
    position: relative;
     margin-left: 5px;
}

#main-post .option {
    border: 1px solid #FFF;
    margin: 3px;
    padding: 3px;
}


.removable-item {
    border: 1px solid #DDDDDD;
    color: #999999 !important;    
    border-radius: 5px 5px 5px 5px;
    margin-right: 3px;
    padding: 0 5px 0 5px;
    background-color: #EFEFEF !important;
}

.light-gray {
    
}

.attachment-section
{
    margin: 3px 0;
}

.attachment-section span 
{
    border: 1px solid #DDDDDD;
    color: #999999 !important;
    padding: 1px 5px !important;
    display: inline-block;
    margin-bottom: 3px;
}

.gray {
    color: #999999;
}

#pending-members ul {
    margin-bottom: 5px;
}

table th {
    font-weight: bold;
    padding: 3px 0;
    background-color: #F9F9F9;
}

table tr.alternating
{
    background-color: #F9F9F9;
}

table td {
    padding: 3px 0;
}

.vertical-separator {
    border-top: 1px solid #DFDFDF;
    margin: 30px 0;
}

.goal-box {
    background-color: #EFEFEF;
    border: 1px solid #EFEFEF;    
    line-height: 1.5em;
    margin: 10px 0 0 0;
    padding: 5px 5px 5px 50px;
    position: relative;
}

.goal-box .title {
    font-size: 14px;
    font-weight: bold;
}

.three-column {
    float: left;
    margin-right: 10px;
    padding: 10px;
    width: 30%;
    min-height: 130px;
}

.three-column.last {
    margin-right: 0px !important;
}

a.button-large:hover {
    background-color: #D8562B;
}

a.button-large
{   
    background-color: #F76D3E;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}


.add-new
{
    background-position: left center;
    padding: 5px 0;
    font-weight: bold;
    background-image: url('/Content/Images/add.png');
    background-repeat: no-repeat;
    text-indent: 17px;
    text-align: left; 
    margin-top: 10px;
}

#chart {
    margin-bottom: 20px;
}

.task-summary .box
{
    float: left;
    width: 27%;
    margin-right: 5px;
    background-color: #F1F1F1;
     background-image: -moz-linear-gradient(center top , #F1F1F1, #F4F4F4);
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #E1E1E1;
    color: #666666;
}

.task-summary .last
{
    margin-right: 0px;
}

.task-summary span{
    display: block;
}

.task-summary .value {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
}

.strip {
    position: absolute;
    left: -12px;
}

#filter {
    position: relative;
}


#filter #body {
    background-color: #E1E1E1;
    padding: 5px;
}


#filter .pull-down:hover {
    background-color: #CCCCCC;
}

#filter a.pull-down   
{
    color: #666666;
    background-color: #E1E1E1;
    display: block;
    text-align: center;  
}

#filter a.pull-down:hover {
     color: #333333;
}

.drop-down {
    display: inline-block;
}

.drop-down-wrapper {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    margin: 0;
    padding: 2px;
    display: inline-block;
}

.drop-down-wrapper select , .drop-down-wrapper input 
{
    border: none;
    color: #666666;
    font-size: 0.8em;
}

input.search-button {
    font-size: 11px;
    padding: 2px 10px;
    background-color: #666666;
    font-family: FontAwesome;
}

input.search-button:hover {    
    background-color: #333333;
}


.hidden {
    display: none;
}

.hidden a {
    color: #999999 !important;
}

.square-ads {
    margin: 10px auto;
}

.ui-widget-header {
    background-color: #53BB23 !important;
    background-image: none !important;
    border: none !important;
    color: #FFFFFF !important;
}

.ui-progressbar-value {
    background: none !important;
    background-color: #55BE23 !important;
    border: 1px solid #EFEFEF !important;
    color: #666666 !important;
}

.goals a {
    
}

.goals ul li {
    border-bottom: none !important;
}

.goals .content-holder {
    
}

.features {
    font-size: 12pt;
    line-height: 1.2em;
    margin: 10px;
}

.big-font {
    font-size: 40px;
}

.gray-font, a .gray-font{
    color: #CEF4BC !important;
}

 a:hover .gray-font{
    color: #FFFFFF !important;
}

.features .big-icon 
{
    color: #53BB23;
    font-size: 60px;
    float: left;
    margin-right: 10px;
}

.ui-progressbar {
    border: medium none !important;
    height: 2px !important;
    background-image: none !important;
    background-color: #DDDDDD !important;
}

.work-log {
    display: inline-block;
    color: #999999;
}

.project-nav-wrapper {
    border-bottom: 1px solid #EFEFEF;
    margin: 10px 0;
    padding-top: 5px;
}

#project-nav li {
    display: inline-block;
    margin-right: 10px;
}

#project-nav li a{
    display: inline-block;
    border-bottom: 2px solid #D3D3D3;
    min-width: 84px;
    text-align: center;    
}

#project-nav li a:hover, #project-nav li a.active    
{
    border-bottom: 2px solid #55BE23;    
}

#tasks-summary h2.title {
    font-size: 14pt;
    margin: 15px 0;
    font-weight: normal !important;
}

table.grid {
    width: 100%
}

table.grid tr {
    text-align: left;
    border-bottom: 1px solid #EFEFEF;
    line-height: 1.4em;
}

table.grid th {
    
}

table.grid tr td{
    
}

table.grid tr td.alt{
    
}

.attachment-box {
    height: 1px;
    width: 1px;
    z-index: -1;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity= 0);
}

.social-icon {
    left: 0;
    position: absolute;
    top: 12px;
    width: 100%;
}

#slider {
    position: relative;
    background-color: #53BB23;
    margin-bottom: 30px;
}

#slider .prev {
    position: absolute;
    left:0;
    top:0;
}

#slider .next {
    position: absolute;
    right:0;
    top:0;
}

#slider .prev, #slider .next, #slider .bx-prev, #slider .bx-next {
   display: inline-block;
    height: 287px;
    line-height: 287px;
    text-align: center;
    width: 50px; 
}

.slide {
    padding: 30px 60px;
}

.featured-image {
    margin-bottom: 30px;
    position: relative;
}

.download-wrapper {
 background-color: #CCCCCC;
    padding: 30px;
    text-align: center;
}

a.download-button {
 
    padding: 10px;
    color: #FFFFFF;
    border-radius: 3px;
    background-color: #141618;
}

a.download-button:hover {
    color: #FFFFFF;
    background-color: #53BB23;
}

.featured-image img {
    width: 100%;
}

.slide .caption {
    color: #F9F9F9;
    font-size: 2em;
    left: 100px;
    line-height: 1.33;
    top: 50px;
    width: 100%;
    z-index: 500;
}

.slide .caption .title {
    font-size: 2em;
    margin-bottom: 20px;
    color: #FFFFFF;
}

.document-list {
    margin: 20px 0;
}

.document-list ul li {
    background-color: #F9F9F9;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #F4F4F4);
    line-height: 1.5em;
}

.document-list ul li:first {
     margin-left: 0;
}

.document-list ul li a:hover {
    background-color: #EFEFEF;
}

.document-list ul li a {
    display: block;
    padding: 5px;
}

.document-list .filename {
    font-weight: bold;
}

.document-list ul li span {
    display: block;
    color: #666666;
}

.document-list ul li .file-size {
    color: #999999;
}

.about {
    background-color: #DDDDDD;
    padding: 20px;
    margin: 20px;    
}

.about .icon-wrapper {
    background-color: #4B9331;
    padding: 10px;
    font-size: 100px;
    color: #FFFFFF;
}

.about h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.about p {
    font-size: 20px;
}

.about .left {
    float: left;
    margin-right: 20px;
}

.about .right {
    float: right;
    margin-left: 20px;
}

#mobile-menu i {
    display: none;
}

.note {
    font-size: 10px;
    padding: 5px 0;
}

.mobile-home {
    width: 100%;
    height: 100%;
    background-color: #53BB23;
}

.qq-upload-failed-text {
     display: none; 
}

#post-uploader input {
    width: 100%;
    height: 100%;
}

.entry-form textarea#Description {
    width: 100%;
}

.file-wrapper .file-progress
{
    display: none;
    border-radius: 5px;
}

.file-wrapper .file-progress .ui-progressbar-value{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.file-wrapper {
    position: relative;
}

.transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.semi-transparent {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  /* IE 5-7 */
  filter: alpha(opacity=20);

  /* Netscape */
  -moz-opacity: 0.2;

  /* Safari 1.x */
  -khtml-opacity: 0.2;

  /* Good browsers */
  opacity: 0.2;
}

.file-loader {
    margin-right: 5px;
    color: #333333;
}

.signup-wrapper {
    text-align: center;
}

.accept-invite:before {
 
    font-family: FontAwesome;
    content: "\f14a";
    color: #53BB23;
    
}

.deny-invite:before {
 
    font-family: FontAwesome;
    content: "\f146";
    color: #F76D3E;
}

.unread {
    background-color: #D4D4D4;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    width: 2px;
}

ul.image-list li {
    display: inline-block;
    vertical-align: top;
}

ul.image-list li img {
    width: 100%;
}

ul li.two-columns {
    width: 45%;
}

.image-cover {
    width: 100%;
    height: 100%;
    display: none;
    background:url("/content/images/light-bg.gif") repeat scroll 0 0 #E1E1E1;
    position: absolute;
    border-radius: 50%;   
}