/*  =====================================


    MO SPACE LAYOUT/STRUCTURAL STYLESHEET


    =====================================  */



/* mospace standard */
.mospace_error, .form_element_errors 			{ color: #d32411; display: none; font-weight: bold; margin-bottom: 5px }
.form_element_errors { display: block }
.underline				{ border-bottom: 1px solid #ccc; padding-bottom: 10px}
.spacer					{ height: 20px; }
.inline-block			{ display:-moz-inline-stack;display: inline-block; }
.mospace_table tr		{ border-bottom: 1px solid #FF7200 }
.mospace_2ColLeft		{ margin-left: 123px; _margin-left: 61px }
.mospace_2ColRight,
.mospace_2ColLeft,
.mospace_3ColMid		{ float:left; width: 361px; }
.mospace_3ColLeft,
.mospace_3ColRight		{ float:left; width: 245px; }
.mospace_3ColLeft,
.mospace_2ColLeft		{ margin-top: 10px }
.orangeline				{ margin-bottom: 10px; padding: 0 5px 5px 0; border-bottom: 1px solid #ff7200; }
.greyline {border-bottom: solid 1px #9a9a9a;}
.orangeline td			{ border-bottom: 1px solid #ff7200; }
.grayline				{ margin-bottom: 3px; padding-bottom: 3px; border-bottom: 1px solid #ccc }
.fieldRow dt			{ font-weight: normal; width: 150px; padding: 0}
.fieldRow dd			{ padding:0 }
.mospace h2,.mospace h3					{ margin-top: 10px }
.mospace_fileuploadInstruction	{color: gray; font-size: 10px}

/* dashboard */
.mospace_newstype,
.mospace_newstype_selected	{ text-decoration: none }
.mospace_newstype		{ color: black }

/* edit details */
.mospace_formButtons	{ margin-top: 2px; margin-left: 103px }
.fieldRow				{ margin-bottom: 5px}
.fieldLabel,.fieldInput	{ float: left;}
.fieldLabel				{ width: 103px; padding-top: 5px }
.fieldInput				{ width: 200px }
.fieldRow label,
.fieldRow input         { vertical-align: middle; }
.mospace_galaLocInfo	{ display: none }
#mospace_locLocationData,#mospace_delLocationData,#mospace_delLocationID,#mospace_locLocationID { display: none}
#mospace_locLocationChange,#mospace_delLocationChange { display: none }

.detail {}
    .detail .detail-label {
        font-weight: bold;
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: top;
        width: 85px;
    }
    .detail .detail-data {
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: top;
    }
    .detail .detail-edit {
        float: right;
    }

/*  ----------------------------
	/mospace/prizes-and-rewards/
	----------------------------  */

	body.prizes-and-rewards .mospace-content {
	    width: 700px;
    }
	   body.prizes-and-rewards .mospace-content h2 {
	       margin-top: 0;
	       margin-bottom: 15px;
	   }

    .prize-item {
        *zoom: 1;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        margin-top: -1px;
    }
    .prize-item:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        h3.prize-item-name {
            margin-top:0;padding-top:0;
            line-height: 1;
            padding-bottom: 3px;
        }
        .prize-item-image {
            float: left;
            width: 90px;
            height: 90px;
            line-height: 90px;
            overflow: hidden;
            text-align: center;
        }
            .prize-item-image img {
                display: inline-block; *display: inline; *zoom: 1;
                vertical-align: middle;
                max-width: 90px; _width: 90px;
                max-height: 90px; _height: 90px;
            }
        .prize-item-description {
            float: left;
            width: 400px;
            padding-left: 10px;
            padding-right:15px;
        }
        .prize-item-status {
            float: left;
            width: 150px;
            padding-left: 5px;
        }
            .prize-item-status-unavailable,
            .prize-item-status-available {
                font-style: italic;
                color: #7A8D6F;
            }
    .other-prizes { padding: 15px 10px; margin: 15px 0 0 0; }
        .other-prizes div {float: right; padding-right: 10px}
        .other-prizes div.prizesCompsText {float: left}

    .download-box {width: 203px; float:left; margin-right: 37px}
        .download-box .text-content {
            min-height: 80px;
            height: auto !important;
            _height: 80px;
        }
        .mospace-content .download-link {
            margin-top: 10px;
        }



/*  ----------
	/mospace/*
	----------

	- Private view (dashboard.phtml) and public view (view.phtml) of mospace page
	- /mospace/network/ comments
*/

#mospace_post {}

    .mospace_postComment {
        overflow: hidden;
    }
        .mospace_commentItemBlock {
            background-color: #fbfbf3;
            padding: 8px;
        }
        .mospace_postItemBlock,
        .mospace_commentItemBlock {
            margin-bottom: 20px;
        }
        .mospace_postItemBlockHidden { background: url(/theme/2011/img/mospace/bg_comment-hidden.png) center center; border: 1px solid #E0E0E0; padding: 5px; }
            .mospace_postItemBlockHidden .post-content-and-actions-wrapper {
                width: 338px;
            }
                .mospace_postItemBlockHidden .comment-text-wrapper {
                    width: 338px;
                }
                .mospace_postItemBlockHidden #mospace_txtbxPostContent,
                .mospace_postItemBlockHidden .mospace_contentTextarea {
                    width: 336px;
                }
                .mospace_postItemBlockHidden .comment-text-wrapper,
                .mospace_postItemBlockHidden .comment-img {
                    width: 339px;
                }
                .mospace_postItemBlockHidden .comment-img img {
                    max-width: 339px;
                    max-height: 349px;
                    _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                        this.maxWidth = 339, this.maxHeight = 349, this.aspectRatio = this.width / this.height) : this.aspectRatio, this.height > this.maxHeight ? this.maxHeight * this.aspectRatio : (this.width > this.maxWidth ? this.maxWidth : this.width)) : '');
                    _height: auto;
                }
                .mospace_postItemBlockHidden .post-content-and-actions-wrapper object,
                .mospace_postItemBlockHidden .post-content-and-actions-wrapper embed {
                    width: 339px;
                    height: 213px;  /* Fitted to 16:9 videos */
                    display: block; clear: left; /* Intent: remove whitespace due to being inline */
                }

            .comment-date-wrapper,
            .update-date-wrapper {
                font-size: 11px;
                color: #767676;
                padding-bottom: 3px;
                border-bottom: solid 1px #ccc;
                margin-bottom: 12px;
                *zoom: 1; /* IE6,7: Don't ask. */
            }
            .comment-date-wrapper:after,
            .update-date-wrapper:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }
                .fuzzytime {
                    float: right;
                }
            .comment-user-pic {
                margin-right: 10px;
                text-align: center;
                width: 55px;
                float: left;
            }
            .post-content-and-actions-wrapper {
                width: 349px;
                float: left;
            }
                .comment-text-wrapper,
                .comment-img {
                    width: 349px;
                    float: left;
                }
                .comment-img {
                    margin: 5px 0 0;
                    text-align: center;
                }
                    .comment-img img {
                        max-width: 349px;
                        max-height: 349px;
                        _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                            this.maxWidth = 349, this.maxHeight = 349, this.aspectRatio = this.width / this.height) : this.aspectRatio, this.height > this.maxHeight ? this.maxHeight * this.aspectRatio : (this.width > this.maxWidth ? this.maxWidth : this.width)) : '');
                        _height: auto;
                    }
                    .comment-author-me {
                        font-weight: bold;
                    }
                    .comment-text {
                        margin-bottom: 10px;
                    }
                .post-content-and-actions-wrapper object,
                .post-content-and-actions-wrapper embed {
                    width: 349px;
                    height: 223px;  /* Fitted to 16:9 videos */
                    display: block; clear: left; /* Intent: remove whitespace due to being inline */
                }
                .mospace_postItemAction {
                    text-align: left;
                    margin-top: 8px;
                }
                .mospace_postItemRowEdit {}
                    .mospace_postAttachment {
                        font-size: 11px;
                    }
                    /*  #mospace_postForm[xxxxxx] {} */
                        #mospace_txtbxPostContent,
                        .mospace_contentTextarea {
                            border: solid 1px #b6b5b5;
                            height: 40px;
                            width: 99.5%;
                            margin-bottom: 6px;
                        }
                        .cancelPostForm {
                            display: none;
                            font-size: 11px;
                            float: right;
                            padding-right: 5px;
                            padding-top: 5px;
                            text-align: right;
                            width: auto;
                            white-space: nowrap;
                        }
                        .mospace_postError {
                            width: 180px;
                            float: left;
                        }
                .mospace_postItemRowDelete {
                    font-size: 11px;
                    color: #d32411;
                    padding-top: 5px;
                }

            #gallery-fancy {
                text-indent: -9999px;
            }



/*  ---------------------
	/mospace/[member-id]/
	(view.phtml)
	---------------------  */

body.index-view {}

    body.index-view .layout-columns {
        *zoom: 1;
    }
    body.index-view .layout-columns:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }

    body.index-view .layout-column {
        float: left;
    }
    body.index-view .layout-column_first {
        width: 140px;
        margin-right: 20px;
    }
    body.index-view .layout-column_second {
        width: 340px;
        margin-right: 30px;
    }
    body.index-view .layout-column_third {
        width: 300px;
        margin-right: 0;
    }

        body.index-view .section_badges {}
        body.index-view .section_donation-team-network {}

        body.index-view .layout-column_second .section {
            padding-bottom: 15px;
            border-bottom: 1px solid #CCCCCC;
            margin-bottom: 15px;
            *zoom: 1; /* Intent: prevent margin-collapse */
        }
        body.index-view .layout-column_second .section_leave-a-comment {
            border-bottom: none;
        }
            body.index-view .layout-column_second .section .moRatingBlock {
                padding-bottom: 0;
            }

        body.index-view .gallery-thumbnails {
            clear: both;
            padding-top: 10px;
        }
            body.index-view .gallery-thumbnail {
                width: 45px;
                height: 45px;
                display: inline-block; *display: inline; *zoom: 1;
                line-height: 45px;
                text-align: center;
                overflow: hidden;
                margin-right: 8px;
                position: relative; /* Sizing context for children */
            }
                body.index-view .gallery-thumbnail .vcenter-helper {
                    display: inline-block; *display: inline; *zoom: 1; overflow: hidden;
                    vertical-align: middle;
                    height: 100%;
                    width: 1px; margin-right: -1px;
                }
                body.index-view .gallery-thumbnail img {
                    display: inline-block; *display: inline; *zoom: 1;
                    vertical-align: middle;
                    line-height: 0;
                    max-width: 100%;
                    max-height: 100%;
                    _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                        this.maxWidth = 45, this.maxHeight = 45, this.aspectRatio = this.width / this.height) : this.aspectRatio, this.height > this.maxHeight ? this.maxHeight * this.aspectRatio : (this.width > this.maxWidth ? this.maxWidth : this.width)) : '');
                    _height: auto;
                    cursor: pointer
                }
    body.index-view .post-content-and-actions-wrapper {
        width: 275px;
        float: left;
    }
        body.index-view .comment-text-wrapper {
            width: 275px;
            float: left;
        }
        body.index-view .post-content-and-actions-wrapper object,
        body.index-view .post-content-and-actions-wrapper embed {
            width: 275px;   /* Fits 16:9 videos */
            height: 180px;
        }
        body.index-view .comment-img {
            width: 275px;
            float: left;
        }
            body.index-view .comment-img img {
                max-width: 275px;
                max-height: 349px;
                _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                    this.maxWidth = 275, this.maxHeight = 349, this.aspectRatio = this.width / this.height) : this.aspectRatio, this.height > this.maxHeight ? this.maxHeight * this.aspectRatio : (this.width > this.maxWidth ? this.maxWidth : this.width)) : '');
                _height: auto;
            }
    body.index-view .report-this-box {
        border: 1px solid #C9D3C3;
        padding: 10px;
        margin-top: 10px;
    }


/*  -------------------------------------------
	/mospace/network/[network-id|network-name]/
	-------------------------------------------

	(Resize fields when profile-picture is in the sidebar, typically Admin view.)
	  */

	#postAComment {
	   margin-bottom: 30px;
    }
        #formcomment {
            overflow: hidden; *display: inline; *zoom: 1; /* Intent: fill width between floats */
            width: auto;                                  /* Intent: width handholding for old IE's */
        }
            #formcomment .form_element {
                clear: none; /* Intent: prevent modern browsers snapping width to full (ignoring floats) */
            }
            #formcomment #form_element_entity_id {
                display: none;
            }
            #formcomment #form_element_comment .form_element_input {
                float: none; _display: inline; *zoom: 1;
            }
                #formcomment #comment {
                    width: 99%;
                }

    body.network-view .mospace-content_no-profile-picture .post-content-and-actions-wrapper {
        width: 332px;
        float: left;
    }
        body.network-view .mospace-content_no-profile-picture .comment-text-wrapper {
            width: 332px;
            float: left;
        }
        body.network-view .mospace-content_no-profile-picture .post-content-and-actions-wrapper object,
        body.network-view .mospace-content_no-profile-picture .post-content-and-actions-wrapper embed {
            width: 332px;   /* Fit to 16:9 videos */
            height: 215px;
        }
        body.network-view .mospace-content_no-profile-picture .comment-img {
            width: 332px;
            float: left;
        }
            body.network-view .mospace-content_no-profile-picture .comment-img img {
                max-width: 332px;
                max-height: 349px;
                _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                    this.maxWidth = 332, this.maxHeight = 349, this.aspectRatio = this.width / this.height) : this.aspectRatio, this.height > this.maxHeight ? this.maxHeight * this.aspectRatio : (this.width > this.maxWidth ? this.maxWidth : this.width)) : '');
                _height: auto;
            }



/* events & ticketing */
.mospace_tab			{ _display:inline-block; overflow: hidden}
.mospace_tab,
.mospace_tab li			{ margin:0; padding: 0; list-style:none }
.mospace_tab li			{ display: inline-block; overflow: hidden; float:left }
.mospace_tab a			{ display:block; width: 114px;height: 14px; float:left;
                   color: #f1f1f1; text-decoration:none; padding-left: 5px;padding-top:12px }
.moparty-review				{ margin: 15px 0; }
.moparty-review-header h3	{ display:inline; margin-right:20px; }
.moparty-review-header a { font-size: 11px }

/* top mos */
.mospace_moBlock,
.mospace_moBlock_lastCol {
    float:left;
    background: transparent url(/images/mospace/ms-block-bg-middle.gif) repeat-y scroll left top;
    margin-right: 19px;
    _margin-right: 18px;
    overflow: hidden;
}
.mospace_moBlock-bottom { background: transparent url(/images/mospace/ms-block-bg-bottom.gif) no-repeat scroll left bottom; width: 183px; padding: 14px 15px 23px 15px; }
.mospace_moBlock-top { background: transparent url(/images/mospace/ms-block-bg-top.gif) no-repeat scroll left top }
.mospace_moBlock_lastCol {margin-right:0}
.mospace_moBlockPic		{height: 130px; text-align:center;margin-bottom: 7px; }
.mospace_moBlockSocial { height: 125px; float: left; width: 60px; background-color: white; margin-top: 2px; padding: 10px 5px; }
.mospace_moBlockAddress	{margin-top:7px; text-align:center; }
.mospace_moBlockName	{color:#7A8D6F; text-decoration:underline; text-align:center; }
.mospace_moBlockRow		{ margin-bottom: 10px}
.mospace_moBlockAmountRaised { text-align:center; }
.mospace_moBlockAddress, .mospace_moBlockAmountRaised {font-size: 11px;}

.mocommunity-top-bar { margin:0 0 20px; }

.mospace_blocks {
    zoom:1;
}
.mospace_blocks:after {
    content:".";display:block;height:0;visibility:none;clear:both;font-size:0;
}
.mospace_block {
    width:181px;
    padding:14px 15px 23px 15px;
    border:1px solid #ccc;
    float:left;
    overflow:hidden;
    margin:0 19px 18px 0;
    _margin-right:18px;
}



div.mospaceLastCol { margin-right:0; }

.moRatingBlock { position: relative; overflow: hidden; height: 22px; }
body.index-view .moRatingBlock { padding: 7px 0 15px; height:auto; }
.readonly-rating-wrapper { margin-bottom:6px; }
.rating-wrapper { margin:20px 0; font-size:12px; }
.readonly-rating-wrapper,
.rating-wrapper { text-align:center; position:relative; }
    .ave-rating,
    .total-rating { width:90px; float:left; padding-top:6px; }
    .mediumLargeRatingMo .ave-rating,
    .mediumLargeRatingMo .total-rating { width: 230px; }
    .rating-text { float:right; width:auto; text-align: right; white-space: nowrap;}
    body.index-view .rating-text { padding-top: 3px; }

#rate-me-block { position:relative; }
    #rating-top-row { text-align: left; }
        .yourrating-image { width:auto; display:inline-block; }
        #average-rating { display:inline-block; color:#777; width:auto; margin-left:10px; white-space: nowrap; }
    .yourrating-text { text-align: left; color:#000; width:auto; padding-top: 20px }

.moRatingHeading { font-weight:bold; text-align:left; }



.socialBlock .fbLike, .socialBlock .twitterLike { float:left; width:49%; height:30px; }
.socialBlock .fbLike {}
.socialBlock .twitterLike {}
.momoney-menu-wrapper li { text-align:center; }
.momoney-menu-wrapper ul.momoney-menu li a { padding-left:0; }
.momoney-map-search {
    *padding-top:4px;
    *padding-bottom:10px;
}
#top-mospace-wrapper {
    background-color: white;
    border: solid 1px #D6D6D6;
    border-style: none solid solid;
    overflow: hidden;
    padding: 18px;
}
.view_mospace .mospace_button {
    width: 100%;
    height: 18px;
    padding: 4px 0 0;
}
    #top-mospace-wrapper .readonly-rating-wrapper {
        font-size: 10px;
    }



/* left-column */
/* normally overflow:hidden is evil, but complete layout breakage is *more* evil. */
#left-column {
    float: left;
    width: 120px;
    overflow: hidden;
}

.mospace-content {
    float:left;
    width: 697px;
    padding:0 0 0 18px;
}

.mospace-content .main-content { /* Intended to be paired with a .sidebar */
    width: 415px;
    float: left;
}

body.photo-gallery .mospace-content { padding-bottom: 10px }

/* sidebar style
    for now sidebar contains summary boxes
*/

.sidebar {
    float: right;
    width: 262px;
}

    .sidebar .lighterFeaturebox {
        margin: 10px 0;
    }

/* Newsdesk style not used in source: used in CMS content? */
.newsdesk {float:left; clear:both; width: 480px;}

    /* summary boxes */

        .boxes-container {
            padding: 0;
        }
            .boxes-container .heading {
                font-weight: normal;
                font-size: 18px;
            }
            .boxes-container h2.heading {
                width: 200px; /* TODO: Looks like IE6-shrinkwrap-borkproofing ... if it's not then delete this line */
                float: left;
            }
            .boxes-container .view-all {
                float: right;
                margin-top: 12px;
            }

            .box-separator {
                margin: 2px 0;
                height: 1px;
                overflow: hidden;
                background: #9a9a9a;
            }
            .summary-box {
                padding: 10px;
                background-color: #D8DFD3;
                font-size: 85%;
            }
                .summary-box .progressive-disclosure {
                    margin: 0;
                    margin-top: 10px;
                }

                .summary-box .paginationControl {
                    padding-top: 3px;
                }
                .summary-box .paginationControl .paginationShowing,
                .summary-box .paginationControl .paginationPages {
                    padding-top: 6px;
                }

                .summary-box h2.title {
                    position: relative;
                    margin:0px;
                    color:#7A8D6F;
                    font-weight: bold;
                    font-size: 12px;
                }
                .index-dashboard .summary-box h2.title {
                    cursor: pointer;    /* Intent: make whole header/toggler area appear clickable */
                }
                    .summary-box .total-raised {
                        float: right;
                        margin-top: 10px;
                    }
                    .summary-box .title .toggler {
                        position: absolute;
                        cursor: pointer;
                        right: 0;
                        top: 0;
                        display: block;
                        height: 11px;
                        width: 11px;
                        background: #7E8D7F url('/theme/2011/images/sprite-white.png') no-repeat -150px -650px;
                        color: #fff;
                    }

                    /* display none for toggler if user has no js */
                    .nojs div.summary-box .title .toggler {
                        display: none;
                    }

                    .summary-box .title .toggler.open {
                        background-position: -150px -700px;
                    }

                .summary-info { padding-top: 10px; }
                body.index-dashboard .secondary-country .summary-info,
                body.index-view .summary-info { padding-top: 0; }
                .index-dashboard .summary-info { width: 242px; } /* this is to resolve jumpy slidetoggle issue */

                .open { display: block }
                .no-members,
                #accordion .no-donations { padding: 10px 25px }

                .summary-box .summary-info .overflow .info-label,
                .summary-box .summary-info .overflow .info {
                    float: left;
                }

                .summary-box .summary-info .overflow .info-label { width: 50% }
                .summary-box .summary-info .overflow .info {text-align: right; width: 50%}

                .summary-box .chiclets {
                    float: right;
                }

                .summary-box .donations {}
                    .summary-box .donation,
                        .summary-box .donation-layout {
                            *zoom: 1;
                        }
                    .summary-box .donation:after,
                        .summary-box .donation-layout:after {
                            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
                        }
                        .summary-box .donation .donor { float: left; }
                        .summary-box .donation .amount { float: right; }
                        .summary-box .donation .message { clear: both; }

                .network-donation-item-hidden { display: none }

                .summary-box .team-members {}
                    .summary-box .team-member {
                        *zoom: 1;
                    }
                    .summary-box .team-member:after {
                        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
                    }

                .summary-box .about-this-team {
                    *zoom: 1;
                }
                .summary-box .about-this-team:after {
                    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
                }
                    .summary-box .about-this-team .team-photo {
                        float: left;
                        width: 96px;
                        height: 96px;
                        line-height: 96px;
                        text-align: center;
                        overflow: hidden;
                    }
                        .summary-box .about-this-team .team-photo img {
                            display: inline-block;
                            vertical-align: middle;
                            max-width: 96px; _width: 96px;
                            max-height: 96px; _height: 96px;
                        }

                    .summary-box .about-this-team .team-info-container {
                        float: left;
                    }
                        .summary-box .about-this-team .team-info-container .vcenter-helper {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                            width: 1px; margin-right: -1px;
                            height: 96px;
                        }
                        .summary-box .about-this-team .team-info {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                        }

                .summary-box .member-networks {}
                    .summary-box .member-network {
                        *zoom: 1;
                    }
                    .summary-box .member-network:after {
                        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
                    }
                        .summary-box .member-network .picture,
                        .summary-box .member-network .name,
                        .summary-box .member-network .amount {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                        }
                            .summary-box .member-network .picture a {
                                display: block;
                                width: 45px;
                                height: 45px;
                                line-height: 45px;
                                overflow: hidden;
                                text-align: center;
                            }
                                .summary-box .member-network .picture a img {
                                    vertical-align: middle;
                                }
                        .summary-box .member-network .amount {
                            display: block;
                            line-height: 45px;
                            float: right;
                        }


#mospace_teamNameACDiv {
    margin-bottom: 5px;
    width: 100%;
}

.start-team .logo,
.join-team .logo {
    margin-right: 10px;
    display: inline-block;
}

#startATeamBlurb,
#joinATeamBlurb {
    float: left;
    width: 430px;
}

.recent-donations .person-name,
.recent-donations .donation-to,
.mospace-team .person-name,
.mospace-team .rank-data {
    float: left;
}

.recent-donations .person-name,
.mospace-team .person-name {
    clear: left;
    width: 49%;
    word-wrap: break-word
}

.recent-donations .person-type,
.mospace-team .rank-data {
    text-align: center;
    width: 10%;
}
.recent-donations .amount, .mospace-team .amount {float: right;width: 75px;word-wrap: break-word;text-align: right;}

.recent-donations .message {clear: both; margin-bottom: 5px;}



/*  ---------
    Downloads
    ---------   */

    body.downloads .section {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #CCCCCC;
    }

    body.downloads .section_mobile {
        padding-bottom: 5px;
    }
        body.downloads .section_mobile h2 {
            margin-top:0;padding-top:0;
        }
        body.downloads .section_mobile .section-body {
            position: relative;
        }
        body.downloads .section_mobile .section-body:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            body.downloads .section_mobile .mobile-description-and-image {
                overflow: hidden; /* Intent: fill width between floats AND prevent the last float 'popping' due to IE6/7's bad rounding */
            }
                body.downloads .section_mobile .mobile-description-and-image .mobile-description {
                    float: left;
                    width: 48.5%;
                    margin-right: 3%
                }
                body.downloads .section_mobile .mobile-description-and-image .mobile-image {
                    float: left;
                    width: 48.5%;
                    height: 185px;
                    overflow: hidden;
                }
            body.downloads .section_mobile .mobile-platforms {
                list-style:none;margin:0;padding:0;
                margin-left: 2%;
                margin-bottom: 10px;
                float: right;
            }
                body.downloads .section_mobile .mobile-platforms .mobile-platform {
                    list-style:none;margin:0;padding:0;
                    width: 152px;
                    height: 55px;
                    padding: 10px;
                    padding-left: 60px;
                    background: #c9d3cb;
                    margin-top: 10px;
                }
                body.downloads .section_mobile .mobile-platforms .mobile-platform_first {
                    margin-top: 0;
                }
                    body.downloads .section_mobile .mobile-platforms .mobile-platform_iphone {
                        background: url(/theme/2011/img/mospace/downloads/platform-ios_bg.jpg) top left no-repeat;
                    }
                    body.downloads .section_mobile .mobile-platforms .mobile-platform_android {
                        background: url(/theme/2011/img/mospace/downloads/platform-android_bg.jpg) top left no-repeat;
                    }
                        body.downloads .section_mobile .mobile-platforms .mobile-platform .vcenter-helper {
                            vertical-align: middle;
                            display: inline-block; *display: inline; *zoom: 1;
                            width: 1px; margin-right: -1px; height: 100%; /* vertical-centering using "invisible spacer" */
                        }
                        body.downloads .section_mobile .mobile-platforms .mobile-platform a {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                            padding: 10px;
                            color: #5A6B4F;
                            margin-top: -1px;
                            text-decoration: none;
                        }
                        body.downloads .section_mobile .mobile-platforms .mobile-platform a:hover {
                            color: #000000;
                            text-decoration: none;
                        }

        body.downloads .section_personalised {}

        body.downloads .section_posters {}
            body.downloads .section_posters .poster-header {
                font-weight: bold;
            }

        body.downloads .section_logos {}

        body.downloads .section_handy {}
            body.downloads .section_handy .doc-icon {
                margin-right: 10px;
            }

        body.downloads .download-boxes {
            *zoom: 1;
            overflow: hidden; /* Intent: prevent IE6/7's rounding errors from 'popping' a float */
        }
        body.downloads .download-boxes:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            body.downloads .download-box {
                float: left;
                width: 31.3%;
                margin-right: 3%;
            }
            body.downloads .download-box_last {
                margin-right: 0;
            }



/*  ---------------------------------------
    No known uses in source -- CMS content?
    --------------------------------------- */
.prize-div {
    margin-bottom: 10px;
}

.prize-div .prize-img {
    float:left;
    margin-right: 10px;
}



/*  ----------------------
    Edit details
    /mospace/edit-details/
    ----------------------  */

    #edit-team-form,
    #edit-yourDetails-form {
        display: none;
    }

    #edit-team-form form#edit-details-team-form {
        margin-left: 10px;
    }

    #edit-team-form .mospace_formButtons {
        padding-top: 10px;
    }

    .partial_view-or-edit-team-details #edit-teamName-form {
        margin: 0;
        margin-bottom: 10px;
    }
        .partial_view-or-edit-team-details #edit-teamName-form #mospace_txtName {
            width: 98%;
        }
        .partial_view-or-edit-team-details .team-status-explanation {
            padding-top: 10px;
            text-align: justify;
        }



/* network */
.network-block { margin-bottom: 20px;border-bottom: solid 1px #ccc; *padding-bottom: 10px }
.network-block-last { margin-bottom: 0 }
.network-block-name { float: left; font-weight: bold; font-size: 13px; }
.network-block-status { float: right; font-style: italic; font-size: 11px; color: #767676; padding-top: 2px }
.network-block-image { float: left }
.network-block-content { float: left; width: 527px }
.network-block-content h4 { margin-bottom: 5px; }
.network-block-description { float: left; width: 230px; word-wrap: break-word; }
.network-block-summary { float: left; width: 267px; font-size: 11px }
.network-block-summary h4{ font-size: 12px }
.network-block-link { margin-top: 10px; font-size: 11px}
.network-block-link-view, .network-block-link-invite { float: left; margin-right: 10px }
.network-block-link-leave { text-align: right }
a.sortButton:hover { text-decoration: underline}
a.sortButton { font-size: 11px; text-decoration: none;  }

body.network-view .main-content {
    float: left;
    width: 415px;
}

body.network-view #left-column.fit-profile-picture {
    padding-top: 10px;
    width: 140px; /* Override the usual (120px as at 2011-08-18) width for Mo Space left-sidebars */
}
    body.network-view #left-column.fit-profile-picture .mospace_button {
        padding: 5px 0 4px 0;
        font-size: 11px;
        width: 100%;
    }

body.network-view .mospace-content_no-profile-picture {
    width: 679px;
}
    body.network-view .mospace-content_no-profile-picture .main-content {
        width: 397px;
    }

.disclaimer-wrapper {
    margin-top: 10px;
    font-size: 11px;
}
.network-info {
}
.network-info h2,
.network-info h3 {
    margin: 0;
}
#leaderboardTitle {
    font-weight: normal;
    font-size: 18px;
    margin-top: 0;
}
.leaderboard .amountRaised {
    border: solid 1px #9a9a9a;
    border-style: solid none;
    padding: 9px 0;
    margin-bottom: 2px;
}
.leaderboard .label {
    font-weight: bold;
}
.leaderboardPanel .title {
    margin-top: 0px;
}

.network-admin, .network-url {
    color: #767676;
}
.network-url {
    margin-bottom: 15px;
}

.individual-wrapper .rownum, .individual-wrapper .name, .individual-wrapper .country, .individual-wrapper .amountRaised,
.team-wrapper .rownum, .team-wrapper .name, .team-wrapper .country, .team-wrapper .amountRaised {
    float: left;
    padding: 3px 0;
}
.individual-wrapper .rownum,
.team-wrapper .rownum {
    width: 10%;
}

.individual-wrapper .name,
.team-wrapper .name {
    width: 48%;
}
.individual-wrapper .country,
.team-wrapper .country {
    width: 8%;
    color: #767676;
}
.individual-wrapper .amountRaised,
.team-wrapper .amountRaised {
    width: 34%;
    text-align: right;
}

/* mospace tips */
#mospace_tips { /* Looks like a .process_message */
    position: relative;
    _display: inline-block;
    overflow: hidden;
    margin-top: -7px;
    margin-left: -8px;
    margin-bottom: 30px;
    background: #ECEFE9;
}
    #tips-container {
        padding-top: 7px;
        padding-left: 8px;
        padding-bottom: 8px;
        overflow: hidden;
        font-size: 11px;
        background-color: white;
    }

.mospace-tip { /* Looks like a .process_message */
    padding: 12px;
    background: white;
    min-height: 49px;
    _height: 49px;
}

.mospace_postPhoto:hover { cursor: pointer }

.facebookShare, .reTweet, .facebookLike { text-align: center; margin-bottom: 5px; overflow: hidden; _display: inline-block }
.reTweet { }
#edit-yourDetails-form label {
    width: 100px;
    display: inline-block;
    zoom: 1;
    margin-bottom: 5px;
}

#edit-motivation, #edit-video,
#edit-profile, .edit-post-control,
#edit-network-description { font-weight: normal; font-size: 11px; }
#edit-video, .edit-post-control {width: 180px; float: left; text-transform: uppercase; }

#edit-profile {text-align: center; padding-top: 3px}
.mospaceVideoInputWrapper {width:312px }
.fieldInput input.mospaceVideoInput {width: 310px}
.mospaceVideoLabel { width: 100px; padding-top: 6px}
.viewAll {float: right; margin-top: 15px; font-size: 11px; text-align: right; width: auto; white-space: nowrap;}


.sidebar h3 { margin-top: 0}
.team-index #mospace_teamOption { width: 600px }
#mospace_teamNameChange {float:right;width:70px;text-align: right}
#mospace_teamNameData { float: left; width: 288px }
.edit-details-block #mospace_joinATeamForm #mospace_teamNameData { width: 200px }

#form_element_comment .form_element_label { display: none }
div.network-content #comment { width: 363px; height: 50px; border: 1px solid #B6B5B5 }
#mospace_postForm { margin-bottom: 30px }

#mospace_txtbxDescription, #mospace_txtbxMotivation { width: 263px }

.network-name span { font-size: 11px; font-style:italic; color: #767676}

.socialHorizontal{ margin-bottom: 30px}

.file-info { color: #CCCCCC; font-style: italic; }

.summary-box h2 { margin-top: 0 }



/*  ----------------------
	/mospace/edit-details/
	----------------------  */

    #label-donation-notification {
        display: inline;
        vertical-align: center;
        padding-left: 5px;
    }

    #mospace-edit-details .main-content .edit-details-block { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 20px }
    #mospace-edit-details .main-content .edit-details-block .lighterFeaturebox { margin-bottom: 0 }
    #mospace-edit-details .main-content .edit-details-block h3{ margin-top: 0}
    #mospace-edit-details .main-content .edit-details-block .textbox { width: 181px }
    #mospace-edit-details .main-content .edit-details-block select { width: 180px }
    .mospace_galaLocInfo { margin-top: 10px }

    #mospace-edit-details .ff-control .mospace_formButtons { padding-top: 0px; }

    #mospace-edit-details #edit-company-form .fieldRow {
        *zoom: 1;
    }
    #mospace-edit-details #edit-company-form .fieldRow:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        #mospace-edit-details #edit-company-form .form_element_radio {
            padding-bottom: 10px;
        }
            #mospace-edit-details #edit-company-form .form_element_radio .form_radio_wrapper {
                float: left;
                width: auto;
                padding-right: 20px;
            }
    #mospace-edit-details #edit-company-form .mospace_formButtons {
        padding-top: 5px;
    }



.mospace_formButtons .required-fields-statement { padding-right: 8px; text-align: right; float: right }
#core-content .moparty-form-col1 { width: 479px }
#mospace_selLocation { width: 145px }

.mospace-public-role { /* Looks like h1 #title-description */
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
}

.mospace_show, .mospace_hide {}

#edit-motivation-form .mospace_formButtons { margin-left: 0}

#mospace-view-buttons a,
#mospace-view-buttons-fr a {
    float: left;
    display: block;
    width: 140px;
    height: 48px;
    margin-bottom: 4px;
    text-indent: -9999px
}

#edit-company-form .occupation-label,
#edit-company-form .url-label {
    float: left;
    margin-right: 5px;
    width: 140px
}


/*  -----------
    CTA buttons
    ----------- */

#mospace-view-buttons a#mospace-view-donate-to-me { background: transparent url(/theme/2011/img/mospace/btn_donate-to-me.png) scroll no-repeat left top}
#mospace-view-buttons a#mospace-view-donate-to-team { background: transparent url(/theme/2011/img/mospace/btn_donate-to-my-team.png) scroll no-repeat left top }
#mospace-view-buttons a#mospace-view-join-my-team { background: transparent url(/theme/2011/img/mospace/btn_join-my-team.png) scroll no-repeat left top}

#mospace-view-buttons-fr a#mospace-view-donate-to-me { background: transparent url(/theme/2011/img/mospace/btn_donate-to-me_fr.png) scroll no-repeat left top}
#mospace-view-buttons-fr a#mospace-view-donate-to-team { background: transparent url(/theme/2011/img/mospace/btn_donate-to-my-team_fr.png) scroll no-repeat left top }
#mospace-view-buttons-fr a#mospace-view-join-my-team { background: transparent url(/theme/2011/img/mospace/btn_join-my-team_fr.png) scroll no-repeat left top}

div#core-content #mospace-view-buttons a:hover,
div#core-content #mospace-view-buttons-fr a:hover { background-position: right }
div#core-content #mospace-view-buttons a:active,
div#core-content #mospace-view-buttons-fr a:active { background-position: center }

.mospace #mospace-search-result h2 { padding-top: 18px; margin-top:0; }
.mospace-campaign-email { padding-left: 20px; background: transparent url(/theme/2011/images/sprite-white.png) scroll no-repeat -150px -100px}
.even .mospace-campaign-email { background-position: -150px -100px}






/*  ===============

    PER-PAGE STYLES

    ===============  */



/*  ------------------------
    /mospace/photo-gallery/
    ------------------------  */

/* MF (2011-08-10): DM added this but it did nothing good for page layout */
/*body.photo-gallery .mospace-content {
    float: none;
    padding: 0;
    padding-right: 20px;
    width: auto;
}*/
body.photo-gallery .image-gallery { overflow: hiddedn; padding-left: 8px }
body.photo-gallery .image-thumbnail {
    float: left;
    margin: 15px 15px 0 0;
    padding: 1px;
    width: 120px;
    height: 120px;
    text-align: center;
    overflow: hidden;
    position: relative; /* Intent: sizing context for child anchor */
    border: solid 1px #000;
}
body.photo-gallery .right-most { margin-right: 0 }

    body.photo-gallery .image-thumbnail a {
        display: inline-block; *display: inline; *zoom: 1;
        line-height: 120px;
        outline: none;
        overflow: hidden
    }
        body.photo-gallery .image-thumbnail img {
            display: inline-block;
            padding: 1px;
            *border: 1px solid #888888;
            max-width: 120px; _width: 120px;
            max-height: 120px; _height: 120px;
            vertical-align: middle;
        }
body.photo-gallery #upload-image-button {
    float: right;
}

body.photo-gallery-view .gallery-view {
    text-align: center;
    clear: both;
    border: 1px solid #DDD;
    padding: 5px 0;
    width: 100%;
    line-height: 500px;
    *zoom: 1;
    position: relative;
    margin-bottom: 10px;
}
body.photo-gallery-view .gallery-view:after {
    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
}
    body.photo-gallery-view .gallery-view-prev,
    body.photo-gallery-view .gallery-view-next {
        float: left;
        width: 13%;
        height: 100%;
    }
        body.photo-gallery-view .gallery-view-prev a,
        body.photo-gallery-view .gallery-view-next a {
            display: block;
            height: 100%;
            text-decoration: none;
            text-align: center;
            outline: none
        }
            body.photo-gallery-view .gallery-view-prev a .arrow,
            body.photo-gallery-view .gallery-view-next a .arrow {
                width: 87px;
                height: 77px;
                display: inline-block; *display: inline; *zoom: 1;
                overflow: hidden;
                background: url(/theme/2011/img/controls/photo-gallery-viewer/arrows.png) top left no-repeat;
                vertical-align: middle;
            }
            body.photo-gallery-view .gallery-view-next a .arrow {
                background-position: top right;
            }
            body.photo-gallery-view .gallery-view-prev a:hover .arrow {
                background-position: bottom left;
            }
            body.photo-gallery-view .gallery-view-next a:hover .arrow {
                background-position: bottom right;
            }
    body.photo-gallery-view .gallery-view-image {
        float: left;
        text-align: center;
        width: 74%;
        height: 100%;
        overflow: hidden;
    }
        body.photo-gallery-view .gallery-view-image img {
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
        }

        .image-gallery .photo-delete-overlay {
            background-color: rgba(255,255,255,0.8);
            height: 0;
            overflow: hidden;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0;
            width: 99%
        }
        .image-gallery .image-thumbnail:hover .photo-delete-overlay {
            height: 17px;
            -webkit-transition: height 400ms ease-in-out 200ms;
            -moz-transition: height 400ms ease-in-out 200ms;
            -o-transition: height 400ms ease-in-out 200ms;
            -ms-transition: height 400ms ease-in-out 200ms;
            transition: height 400ms ease-in-out 200ms;
        }
        .image-gallery .js_image-x { cursor: pointer }
        .image-gallery .tooltip-delete {
            display: inline-block;
            font-weight: bold;
            line-height: 17px;
            max-height: 20px;
            max-width: 100px;
            min-height: 17px;
            opacity: 1;
            padding: 0 3px;
            vertical-align: top;
        }
        .image-thumbnail .in-progress { background: rgba(0,0,0,0.7) url('/images/loading.gif') no-repeat center center; width: 100%; height: 100% }
        .image-thumbnail .in-progress .js_image-x,
        .image-thumbnail .in-progress .tooltip-delete { opacity: 0 }

  /*      .image-gallery .js_image-x:hover ~ .tooltip-delete {
            opacity: 1;
            -webkit-transition: opacity 10ms ease-in-out;
            -moz-transition: opacity 10ms ease-in-out;
            -o-transition: opacity 10ms ease-in-out;
            -ms-transition: opacity 10ms ease-in-out;
            transition: opacity 10ms ease-in-out;
        }*/


/*  ------------------------
    /mospace/past-campaigns/
    ------------------------  */

body.past-campaigns-index .main-content {
    width: 515px;
}
body.past-campaigns-index .sidebar {
    width: 162px;
}



    /*  - - - - - - - - - - - - - - - - -
        Tables of stuff inside #accordion
        - - - - - - - - - - - - - - - - -  */

    #accordion .accordion-header {
        font-size: 12px;
        font-weight: normal;
        padding: 8px 0;
        border-bottom: 1px solid #7E8D6F;
        zoom:1;
    }
    #accordion .accordion-header:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }

    #accordion .accordion-header .title {
        color: #7A8D6F;
        display: inline-block;
        *display: inline; zoom: 1;
        cursor: pointer;
        margin: 0;
        vertical-align: middle;
    }

    #accordion .accordion-header .ac-toggler {
        padding:  0 3px;
        cursor: pointer;
        background: #7E8D7F url('/theme/2011/images/sprite-white.png') no-repeat -150px -700px;
        height: 11px;
        width: 11px;
        display: inline-block;
        *display: inline; zoom: 1;
        vertical-align: middle;
    }
    #accordion .accordion-header .ac-toggler.collapsed {
        background-position: -150px -650px;
    }
    .mospace2009-sum { padding-top: 4px }

    #prevTeamName {
        color: #000;
    }
    #prevTeamCaptainTxt {
        color: #767676;
        font-style: italic;
    }

    #individual,
    #team-members {
        width: 100%;
    }

    #individual td,
    #team-members td {
        vertical-align: top;
    }

    #individual .email a,
    #team-members .email a {
        display: block;
        width: 150px;
        word-wrap: break-word;
    }

    #team-members .team-info .other-team,
    #team-members .team-info .solo {
        color: #767676
    }



/*  -------------------------------
    /mospace/past-campaigns/update/
    -------------------------------  */

body.past-campaigns-update .mospace-content {
}

    body.past-campaigns-update .mospace-pastcampaign-year-list {
        *zoom: 1;
        margin-right: -3px;
    }
    body.past-campaigns-update .mospace-pastcampaign-year-list:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        body.past-campaigns-update .mospace-pastcampaign-year-item {
            margin-bottom: 30px;
            float: left;
            margin-right: 5px;
        }
            body.past-campaigns-update .mospace-pastcampaign-year-item .year-button,
            body.past-campaigns-update .mospace-pastcampaign-year-item .year-name {
                margin:0;padding:0;float: left
            }
            body.past-campaigns-update .mospace-pastcampaign-year-item .year-button{ margin-top: 4px }
            body.past-campaigns-update .mospace-pastcampaign-year-item .year-button input {
                float: left; margin: 0 3px 0 0
            }
            body.past-campaigns-update .mospace-pastcampaign-year-item .year-image {
                display: block;
                width: 170px;
                height: 100px;
                overflow: hidden;
                position: relative; /* Intent: sizing context for child img */
                margin: 0;
                background: #EEE;
            }
                body.past-campaigns-update .mospace-pastcampaign-year-item .year-image img {
                    max-width: 100%;
                    max-height: 100%;
                    display: block;
                    margin: 0 auto;
                }

    body.past-campaigns-update #mospace-pastcampaign-description {
        margin-top: 20px;
        border-top: 1px solid #CCCCCC;
        padding-top: 20px;
    }
        body.past-campaigns-update #mospace-pastcampaign-description h2 {
            margin-top: 0;
        }



/*  ---------------------------
    Mospace Personalised Poster
    ---------------------------   */

body.downloads-poster {}
    body.downloads-poster .layout-columns {
        *zoom: 1;
    }
    body.downloads-poster .layout-columns:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        body.downloads-poster .layout-column {
            float: left;
            width: 283px;
            margin-left: 30px;
        }
        body.downloads-poster .layout-column_first {
            width: 517px;
            margin-left: 0;
        }

    body.downloads-poster .ff-multiline_textbox_field .multiline_textbox {
        width: 495px;
    }
    body.downloads-poster .block-scroller-container {
        border:1px solid red; text-align: center; height: 100px; line-height: 100px;
        margin-bottom: 20px;
    }

    body.downloads-poster .poster-thumbnail {
        display: block;
        background: #F8F8F8; line-height: 400px; text-align: center;
        width: 283px;
        height: 400px;
    }

    body.downloads-poster #mospace-poster-info {
        margin-top: 20px;
    }

.mospace-personal-poster {
    position: relative;
    width: 537px;
    height: 760px;
    padding-right: 10px;
    float: left;
    background: url(/images/mospace/Poster_en.jpg) no-repeat top left;
}
    .mospace-personal-poster .poster-preview {
        width:  300px;
        height: 400px;
        background: url(/images/mospace/Poster_en.jpg) no-repeat top left;
    }
    .mospace-personal-poster #poster-name-block {
        height: 15px;
        padding-top: 275px;
        text-align: center;
    }
    .mospace-personal-poster #poster-image-block {
        height: 100px;
        padding-top: 10px;
        text-align: center;
    }
    .mospace-personal-poster #poster-url-block {
        height: 25px;
        padding-top: 95px;
        text-align: center;
    }
    .mospace-personal-poster #poster-motivation-block {
        height: 55px;
        padding-top: 40px;
        text-align: center;
    }



#poster-liquid {
    background: #D8DFD3;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 65px; overflow: hidden;
}
    #poster-liquid .previous,
    #poster-liquid .next {
        display:block;
        height:85px;
        width:45px;
        margin:0;
        padding:0;
        cursor: pointer;
        background: transparent url('/theme/2011/img/controls/block-scroller/arrow-left_short.png') no-repeat left top;
        float:left;
        margin-top: -10px;
    }
    #poster-liquid .next {
        background: transparent url('/theme/2011/img/controls/block-scroller/arrow-right_short.png') no-repeat left top;
        float:right;
    }
    #poster-liquid .previous:hover,
    #poster-liquid .next:hover {
        background-position: left bottom;
        background-position: left bottom;
    }
    #poster-liquid .wrapper {
        height: 85px !important;
        margin-top: -10px;
    }
        #poster-liquid ul {
            height: 85px !important;
            overflow: hidden;
            margin: 0;
            padding: 0 45px;
        }
            #poster-liquid ul li {
                width:65px;
                padding:0 2px;
                margin:0;
                height: 85px !important;
                margin-left: 1px;
                margin-right: 1px;
                float: left;
                display: block;
                text-align: center;
                position: relative; /* Intent: sizing reference for vcenter-helper */
            }
                #poster-liquid ul li img {
                    display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
                    max-width: 61px; _width: 61px;
                    max-height: 65px; _height: 65px;
                    -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.75), 0 0 1px rgba(0,0,0,0.33);
                    -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.75), 0 0 1px rgba(0,0,0,0.33);
                    box-shadow: 0px 3px 4px rgba(0,0,0,0.75), 0 0 1px rgba(0,0,0,0.33);
                    *border: 1px solid #BDC4B5;
                }
            #poster-liquid ul li:hover {
                background: #C0C4BB;
            }
                #poster-liquid ul li:hover img {
                    /*border: 1px solid #707868;*/
                }
            #poster-liquid ul li.selected {
                background-color: #989E98;
            }
                #poster-liquid ul li.selected img {
                    /*border: 2px solid #586050;
                    border-radius: 2px 2px 2px 2px;*/
                }
                #poster-liquid ul li .vcenter-helper {
                    display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
                    width: 0;
                    height: 100%;
                }



/*	--------------------------
	/mospace/[user-id]/poster/
	--------------------------  */

	body.index-poster .mospace-content { /* .mospace-content has outlived its usefulness as a non-sidebar-content container ... */
		width: auto;
		float: none;
		padding: 0;
	}

    div.public-poster .layout-columns {
        *zoom: 1;
    }
    div.public-poster .layout-columns:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        div.public-poster .layout-column {
            float: left;
            width: 381px;
            padding-left: 30px;
        }
            div.public-poster .layout-column h2.first {
                margin-top: 0;
            }
        div.public-poster .layout-column_first {
            margin-left: 0;
            border-left: 0;
            padding-left: 0;
            width: 400px;
        }
        div.public-poster .share-header {
            font-size: 85%;
            padding-bottom:15px;
        }
        div.public-poster .socialHorizontal {
            margin-bottom: 10px;
        }
        div.public-poster .this-or-that-container {
            padding-top: 20px;
            border-top: 1px solid #CCCCCC;
        }



/*  -------------------------------
    /mospace/events-and-ticketing/*
    -------------------------------  */
    body.events-and-ticketing legend {
        display: block;
        padding-bottom: 10px;
        /*margin-bottom: 10px;*/  /* Chrome ignores this. */
        width: 100%;
    }
    body.events-and-ticketing-register-moparty-party-details legend {
        border-bottom: solid 1px #9a9a9a;
    }
    body.events-and-ticketing dl.zend_form fieldset dl { /* Assumption: all legends here are followed by a <dl> */
        padding-top: 10px;
    }



    /*  -------------------------------
        /mospace/events-and-ticketing/*
        -------------------------------  */
        body.events-and-ticketing-review .form-footer-required-back {
            width: 134px; /* To match the inline-styled label widths :| */
        }



/*  ---------------------------------------------
    /mospace/events-and-ticketing/choose-a-parte/
    ---------------------------------------------  */
.soldout { color: #c00b0f; font-weight: bold }



/*  -------------------------------------------------
    /mospace/prizes-and-rewards/claim-platinum-prize/
    -------------------------------------------------  */
.formCol { width: 500px }



/*  ----------------------
    /mospace/index/search/
    ----------------------  */
body.index-search .no-result { padding: 10px}
body.index-search .search-result-row { border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 12px  }
body.index-search .search-result-rows .last { border-bottom: 1px solid #9a9a9a; margin-bottom: 5px}



/*  --------------
    /mospace/team/
    --------------    */

body.team-index .filter {
    *zoom: 1;
}
body.team-index .filter:after {
    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
}
    body.team-index .filter h3 {
        float: left;
        margin: 0;
        margin-right: 5px;
    }
    body.team-index .filter .option-list {
        display: inline-block; *display: inline; *zoom: 1;
    }
    body.team-index .filter .total-raised {
        float: right;
    }

.team-summary_summary-box {}
.team-summary_summary-box .info-label {
    float: left;
    text-transform: uppercase;
    width: 14em;
}
.team-summary_summary-box .info {
    float: left;
}

.team-details_summary-box {}
    .team-details_summary-box .info-label {
        float: left;
        text-transform: uppercase;
        width: 6em;
    }
    .team-details_summary-box .info {
        float: left;
    }

    .team-details_summary-box .team-profile-picture {
        margin-top: 10px;
        text-align: center;
    }
        #mospace_teamProfilePic,
        #mospace_fileuploadInstruction_profile {
            text-align: center;
            margin-bottom: 5px;
        }

    .team-details_summary-box .team-profile-picture .mospace-edit-container {
        text-align: center;
    }



/*  --------------------
    /mospace/team/email/
    --------------------    */

body.team-email .mospace-content .main-content {
    width: auto;
    float: none;
}

.team-message-form-container #form_element_subject {
    margin-top: 15px;
    border-top: 1px solid #9a9a9a;
    padding-top: 10px;
}
    .team-message-form-container #form_element_subject .sf-text {
        width: 99%;
    }

.team-message-form-container .ff-labels-on-left_fieldset .ff-field label {
    width: 98px;
}
.team-message-form-container .ff-labels-on-left_fieldset .ff-field .ff-helptext {
    padding-left: 98px;
}

.team-message-form-container .label,
.team-message-form-container .form_element_label {
}

.team-message-form-container .form_element_label,
.team-message-form-container .form_element_input {
    float: none;
}

.team-message-form-container #form_element_submit,
.team-message-form-container #form_element_cancel {
    vertical-align: middle;
    margin-top: 0; margin-bottom: 0;
}

.team-message-form-container #form_element_submit {
    clear: both;
    float: none;
}
.team-message-form-container #form_element_submit input.button {
    height: auto;
}
.team-message-form-container #contents {
    margin-bottom: 10px;
    width: 99%;
}

.team-message-form-container #form_element_cancel {
    clear: none;
    display: inline-block;
    *display:inline;zoom:1;
}
.team-message-form-container #form_element_cancel input.cancel {
    text-decoration: underline;
}
.team-message-form-container #form_element_cancel input.cancel:hover {
    color: #7A8D6F;
}
.team-message-form-container #form_element_cancel .form_element_errors {
    margin-bottom:0;
}
.team-message-form-container #form_element_cancel .form_element_input {
    display: inline-block;
    *display:inline;zoom:1;
}
.team-message-form-container #form_element_cancel .form_element_label {
    display: none;
}

#mospace-team-message-label-extra {
    text-transform: lowercase;
    padding-left:10px;
}


/*  -----------------------
    /mospace/team/contacts/
    -----------------------   */

body.team-contacts {}
body.team-contacts .mospace-content .main-content {
    width: auto;
    float: none;
}
body.team-contacts .select-and-copy-containers {
    *position: relative
}
    body.team-contacts .select-and-copy-container .zclip{
        *margin-left: -18px; /* zclip is being a buggy little bugger in IE6/7 */
    }
body.team-contacts .select-and-copy-container {
    margin-bottom: 20px;
}
body.team-contacts .team-contacts-list {
    border: 1px solid #CCCCCC;
    padding: 15px;
    word-wrap: break-word;
    margin-bottom: 5px;
    overflow: hidden;
    line-height: 1;
    position: relative; /* Intent: positioning context for .fadeout-overlay */
}
body.team-contacts .select-and-copy-container .mospace_button {
    margin-right: 10px;
}
body.team-contacts .team-contacts-list-message {     /* Looks a lot like a .process_message */
    display: inline-block;
    *display: inline; zoom: 1;
    padding: 2px 5px 4px;
    background: #ECEFE9;
    vertical-align: top;
}



/*  --------------------
    /mospace/donations/*
    --------------------  */

body.donations {}
body.donations #core-content {
    width: 836px;
}

body.donations #online-donations-exist {
    margin-top: 10px;
}


/*  - - - - - - - - - - - - - - - - -
    /mospace/donations/pay-donations/
    - - - - - - - - - - - - - - - - -  */
body.donations-pay-donations #memberpayment-payment-amount-box {
    margin-top: 20px;
}
body.donations-pay-donations #memberpayment-payment-amount-label,
body.donations-pay-donations #memberpayment-payment-amount {
    display: inline-block;
    *display: inline; zoom: 1;
}
body.donations-pay-donations #memberpayment-payment-amount-label {
    min-width: 145px;
    _width: 145px;
}
body.donations-pay-donations #memberpayment-payment-amount {
    font-size: 110%;
    font-weight: bold;
}

body.donations-pay-donations .process_message {
    margin-top: 20px;
    margin-bottom: 20px;
}


/*  - - - - - - - - - - - - - - - - - -
    /mospace/donations/cash-donations/
    - - - - - - - - - - - - - - - - - -  */
body.donations-cash-donations .show-process-message,
body.donations-cash-donations .memberpayment-main-msg {
    margin-top: 20px;
}
body.donations-cash-donations .message {
    margin: 20px 0;
}
body.donations-cash-donations .this-or-that-container {
    padding-top: 20px;
}

/*  - - - - - - - - - - - - - - -
    Create / edit donation forms
    - - - - - - - - - - - - - - -  */

body.donations-create-donation .mov-form #memberpayment-team-allocation h3,
body.donations-edit-donation   .mov-form #memberpayment-team-allocation h3 {
    margin-top: 0;
}
body.donations-create-donation .mov-form #memberpayment-team-allocation #form_element_team_split,
body.donations-edit-donation   .mov-form #memberpayment-team-allocation #form_element_team_split {
    padding-bottom: 0;
}
body.donations-create-donation .mov-form #memberpayment-team-allocation #form_element_team_split .form_element_input,
body.donations-edit-donation   .mov-form #memberpayment-team-allocation #form_element_team_split .form_element_input {
    float: none;
}
body.donations-create-donation .mov-form #memberpayment-team-allocation #form_element_team_split .form_element_errors,
body.donations-edit-donation   .mov-form #memberpayment-team-allocation #form_element_team_split .form_element_errors {
    margin-bottom: 0;
}

body.donations-create-donation .mov-form,
body.donations-edit-donation   .mov-form {
    margin-top: 20px;
}

body.donations-create-donation .form_box,
body.donations-edit-donation   .form_box {
    zoom: 1;
    position: relative; /* Positioning context for children (e.g. memberpayment-currency) */
}
body.donations-create-donation .form_box:after,
body.donations-edit-donation   .form_box:after {
    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
}

body.donations-create-donation .mov-form .form_element,
body.donations-edit-donation   .mov-form .form_element {
    float: left;
    clear: left;
    *float: none;
}

body.donations-create-donation .mov-form h2,
body.donations-edit-donation   .mov-form h2 {
    margin-left: 225px;
    margin-top: 0;
    margin-bottom: 20px;
}

body.donations-create-donation .mov-form .form-footer-required-back,
body.donations-edit-donation   .mov-form .form-footer-required-back,
body.donations-create-donation .mov-form .form_element_label,
body.donations-edit-donation   .mov-form .form_element_label {
    width: 220px;
}
body.donations-create-donation .mov-form .form_element_label,
body.donations-edit-donation   .mov-form .form_element_label {
    float: left;
    clear: none;
}
body.donations-create-donation .mov-form .form_element_input,
body.donations-edit-donation   .mov-form .form_element_input {
    float: left;
    clear: none;
    width: auto;
}
body.donations-create-donation .mov-form .form_element_radio input,
body.donations-edit-donation   .mov-form .form_element_radio input {
}
body.donations-create-donation .mov-form .form_element_radio span,
body.donations-edit-donation   .mov-form .form_element_radio span {
    width: auto;
    /* Don't apply white-space: nowrap, as the gift-aid field's label tends
       to measure a full paragraph! */
}

body.donations-create-donation .mov-form #form_element_amount input,
body.donations-edit-donation   .mov-form #form_element_amount input {
    width: 75px;
}
body.donations-create-donation .mov-form #form_element_collected input,
body.donations-edit-donation   .mov-form #form_element_collected input {
    width: 125px;
}

body.donations-create-donation .mov-form #memberpayment-team-allocation,
body.donations-edit-donation   .mov-form #memberpayment-team-allocation {
    margin-left: 225px;
    margin-right: 225px;
    clear: both;
}

body.donations-create-donation .mov-form #memberpayment-currency,
body.donations-edit-donation   .mov-form #memberpayment-currency,
body.donations-create-donation .mov-form #memberpayment-collected-instructions,
body.donations-edit-donation   .mov-form #memberpayment-collected-instructions {
    line-height: 21px;
    float: left;
    margin-left: 6px;
}

body.donations-create-donation .mov-form #form_element_collected,
body.donations-edit-donation   .mov-form #form_element_collected {
    *float: left;
}

body.donations-create-donation .mov-form .memberpayment-amount-container,
body.donations-edit-donation   .mov-form .memberpayment-amount-container {
    position: relative; /* Intent: positioning context for the following ... */
    clear: left;
}
    body.donations-create-donation .mov-form #memberpayment-currency,
    body.donations-edit-donation   .mov-form #memberpayment-currency {
        left: 0;
        position: absolute;
        text-align: right;
        width: 215px;
    }
body.donations-create-donation .mov-form #memberpayment-event-instructions,
body.donations-edit-donation   .mov-form #memberpayment-event-instructions,
body.donations-create-donation .mov-form #memberpayment-collected-instructions,
body.donations-edit-donation   .mov-form #memberpayment-collected-instructions {
    color: #808080;
    font-style: oblique;
}

body.donations-create-donation .mov-form #form_element_eventname,
body.donations-edit-donation   .mov-form #form_element_eventname {
    margin-bottom: 0;
}
body.donations-create-donation .mov-form #form_element_eventname .form-element-errors,
body.donations-edit-donation   .mov-form #form_element_eventname .form-element-errors {
    margin-bottom: 0;
}

body.donations-create-donation .mov-form #memberpayment-event-instructions,
body.donations-edit-donation   .mov-form #memberpayment-event-instructions {
    clear: both;
    margin-bottom: 15px;
    padding-left: 225px;
}
body.donations-create-donation .mov-form #memberpayment-receipt-notavailable,
body.donations-edit-donation   .mov-form #memberpayment-receipt-notavailable {
    padding-left: 225px;
    margin-bottom: 15px;
}

body.donations-create-donation .mov-form #memberpayment-receipt-instructions,
body.donations-edit-donation   .mov-form #memberpayment-receipt-instructions {
    float: right;
    width: 60%;
    margin-bottom: 10px;
    display: none;
}

body.donations-create-donation .mov-form #memberpayment-receipt-email,
body.donations-edit-donation   .mov-form #memberpayment-receipt-email {
    clear: both;
}

body.donations-create-donation .mov-form #memberpayment-receipt-address,
body.donations-edit-donation   .mov-form #memberpayment-receipt-address {
    clear: both;
    margin-left: 225px;
    zoom: 1;
}
body.donations-create-donation .mov-form #memberpayment-receipt-address:after ,
body.donations-edit-donation   .mov-form #memberpayment-receipt-address:after {
    content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
}

body.donations-create-donation .mov-form #form_element_process,
body.donations-edit-donation   .mov-form #form_element_process,
body.donations-create-donation .mov-form #memberpayment-cancel ,
body.donations-edit-donation   .mov-form #memberpayment-cancel {
    float: none;
    display: inline-block; *display: inline; zoom: 1;
}
body.donations-create-donation .mov-form .whats-this-container,
body.donations-edit-donation   .mov-form .whats-this-container {
    display: inline-block; *display: inline; zoom: 1;
}
body.donations-create-donation .mov-form .whats-this-container a.whats-this,
body.donations-edit-donation   .mov-form .whats-this-container a.whats-this {
    display: block;
    line-height: 1.5;
}

body.donations-create-donation .mov-form a.whats-this,
body.donations-edit-donation   .mov-form a.whats-this {
    display: inline-block;
    *display: inline; zoom: 1;
    margin-left: 15px;
    padding-top: 3px; /* Matches .form_element_radio span */
}

body.donations-create-donation .mov-form #form_element_giftaid,
body.donations-edit-donation   .mov-form #form_element_giftaid {
    clear: none;
}
body.donations-create-donation .mov-form #form_element_giftaid .checkBox_element .form_element_label ,
body.donations-edit-donation   .mov-form #form_element_giftaid .checkBox_element .form_element_label {
    width: 495px;
}
body.donations-create-donation .mov-form #form_element_giftaid .checkBox_element .form_element_label label span,
body.donations-edit-donation   .mov-form #form_element_giftaid .checkBox_element .form_element_label label span {
    white-space: normal;
}

/*  ----------------------------------
    /mospace/donations/cash-donations/
    ----------------------------------  */

body.donations-cash-donations {}
body.donations-cash-donations #memberpayment-listing {
    width: 100%;
}
body.donations-cash-donations #memberpayment-listing th {
    text-transform: uppercase;
}
body.donations-cash-donations #memberpayment-listing .amount {
    text-align: right;
    width: 1px; /* Smallest allowable width that shrinkwraps in IE6/7/Webkit */
    white-space: nowrap;
}
body.donations-cash-donations #memberpayment-listing .total-outstanding {}
body.donations-cash-donations #memberpayment-listing .total-outstanding .label {
    text-align: right;
}
body.donations-cash-donations #memberpayment-listing .total-outstanding .amount {
    text-align: right;
}



/*  ----------------------------
    /mospace/facebook-watchlist/
    ----------------------------  */

body.facebook-watchlist #facebook-watchlist-container {
    padding-top: 20px;
}

body.facebook-watchlist .facebook-activity-feed {
    float: right;
    width: 250px;
}
body.facebook-watchlist #facebook-watchlist-container .other-column,
body.facebook-watchlist #facebook-watchlist-container .entries {
    float: left;
    width: 400px;
}
    body.facebook-watchlist #facebook-watchlist-container .not-logged-in-text {
        padding-bottom: 12px;
    }

#facebook-watchlist-container #facebook_connectedFriends {
    width: 100%;
}
#facebook-watchlist-container #facebook_connectedFriends th,
#facebook-watchlist-container #facebook_connectedFriends td {
    padding-left: 10px;
    padding-right: 0;
}
#facebook-watchlist-container #facebook_connectedFriends th.first,
#facebook-watchlist-container #facebook_connectedFriends td.first {
    padding-left: 0;
}
#facebook-watchlist-container #facebook_connectedFriends th.first { /* "sort by" caption */
    font-size: 90%;
    font-weight: normal;
}

#facebook-watchlist-container #facebook_connectedFriends .profile-picture {
    width: 1px; /* Smallest allowable width that shrinkwraps in IE6/7/Webkit */
}
#facebook-watchlist-container #facebook_connectedFriends .profile-picture img {
    display: block;
}

#facebook-watchlist-container #facebook_connectedFriends .amount {
    text-align: right;
}


.fieldset-desc { font-weight: normal }
.moparty-step-desc { text-align: left }
.events-and-ticketing .mospace_tips {text-align: left}
#fieldset-privacy_check #form_element_privacy .form_element_label { width: 415px }



/*  ----------------------
    /mospace/health-check/
    ----------------------  */

    body.health-check .mospace-content {}

    body.health-check .layout-columns {
        *zoom: 1;
    }
    body.health-check .layout-columns:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        body.health-check .layout-column {
            float: left;
            margin-left: 4%;
            width: 38.9%;
        }
        body.health-check .layout-column_first {
            margin-left: 0;
            width: 57%;
        }
        body.health-check .layout-column_first h2 {
            margin-top: -0.15em;
        }
        body.health-check .highlight .ff-checkbox_control input {
            float: left;
            margin-right: 0.5em;
            margin-top: 0.15em;
        }
        body.health-check .highlight .ff-checkbox_control label {
            display: block; overflow: hidden; /* Intent: prevent float/bounding-box overlap */
        }
        body.health-check .healthcheck-status-block {
            min-height: 100px; _height: 100px;  /* Assumes badge height is 100px */
        }
            body.health-check .healthcheck-status-block h2 {
                margin-top: 0;
                margin-bottom: 20px;
            }
            body.health-check .healthcheck-status-block .healthcheck-status-badge {
                position: absolute;
            }
                body.health-check .healthcheck-status-block .healthcheck-status-badge img {
                    display: block;
                }
            body.health-check .healthcheck-status-block .healthcheck-status-description {
                padding-left: 112px;    /* Assumes badge width is 100px */
            }

    body.health-check .highlight {}     /* Looks a lot like a .process_message */
        body.health-check .highlight h2,
        body.health-check .highlight h3 {
            margin-top: 0;
        }



#edit-privacy-form, #edit-location-privacy-form,#edit-teamName-form { display: none; }
#mospace-edit-details .mospace_formButtons { margin-left: 0 }
#privacy-public-wrapper, #privacy-private-wrapper,
#privacy-location-public-wrapper, #privacy-location-private-wrapper { padding: 10px 0 0 }
#privacy-private-wrapper { padding-bottom: 5px }

.moparty-review-header { border-bottom: solid 1px #9a9a9a; padding-bottom: 5px }
#moparty_host .bolder {font-weight: bold}
.team-email .label { font-weight: bold }
#mospace-profile-crop-save-message {display: block; margin: 0 0 10px}
#crop-save-button { display: inline-block;*display: inline; zoom: 1; margin: 10px 0 0 }