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


    MOVEMBER LAYOUT/STRUCTURAL STYLESHEET


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



html,
body {
    padding: 0px;
    margin: 0px;
}

body { _height: 100% }

#fancybox-wrap {
    text-align: left;
}
.fb_edge_widget_with_comment { *z-index: 1 !important; } /* Override this senseless CSS rule by Facebook */

.overflow { overflow:hidden; zoom:1; }
.dsib {display: inline-block; *display: inline; zoom:1 }

#contentWrapper {
    padding-bottom: 45px;
}
    #doc4 { /* Page */
        width: 974px; /* YUI's ems-width isn't practical; fixed width is. */
    }
        #bd {
            clear:both;
            margin-top: 7px;
        }

.clearfix {
    _zoom: 1;
    _display: block;
}



/*  ======

    HEADER

    ======  */

    #hd {
        padding-top: 25px;
        font-size: 75%;
        position: relative; z-index: 10; /* Intent: force IE6 to handle children's z-index (somewhat more) correctly */
    }
        #hd_top {
            zoom: 1;
            position: relative; /* Intent: positioning context for hd_aux */
        }
        #hd_top:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            #hd_main {}
            #hd_aux {
                position: absolute;
                bottom: 0;
                right: 0;
            }
                #hd_aux .search-div,
                #hd_aux #hd_auth,
                #hd_aux #hd-auth-user {
                    display: inline-block; *display: inline; *zoom: 1;
                }
                    #hd_aux #hd-auth-user #top-level a {
                        overflow: hidden; /* Prevent dodgy focus rectangle and alignment problems */
                    }
                #hd_aux .search-div {}

            #hd_site-options {
                position: absolute;
                bottom: 60%;
                right: 0;
            }

            #hd_site-options {
                position: absolute;
                bottom: 60%;
                right: 0;
            }

                #hd_site-options .site-options {
                    margin:0;padding:0;list-style:none;   /* In case someone decides ul>li* is appropriate for this structure */
                }
                    #hd_site-options .site-options .site-option {
                        margin:0;padding:0;
                        display: inline-block;
                        *display: inline; zoom: 1;
                        border-left: 1px solid #000;
                        padding-left: 0.5em;
                        margin-left: 0.6em;
                        line-height: 1;
                    }
                    #hd_site-options .site-options .first {
                        border-left: none;
                        padding-left: 0;
                        margin-left: 0;
                    }


    /*  ----------------------------------------------------
        Header user picture & menu when someone is logged in
        ---------------------------------------------------- */

        #hd-auth-user {
            position:relative;
            float: left; /* IE8 stuffs ups without this. */
            margin-top: -1px;
        }
            #hd-auth-user img { vertical-align:middle }

        #user-dd-menu { border:1px solid #fff; }
            #user-dd-menu.opened { border: 1px solid #000; }

            #user-dd-menu #top-level { padding:1px 5px 1px 5px; }
            #user-dd-menu #top-level.hovered { background: #EEE; }
                #user-dd-menu #top-level a { cursor:default; text-decoration:none; }
                #user-dd-menu #top-level #auth_logged_in_who_description { text-decoration:underline; }

            #user-dd-menu #auth_logged_in_who_description { margin:0 4px; }

            #user-dd-menu #sub-menu { display: none; z-index: 10; background-color: #fff; }
                #user-dd-menu #sub-menu a.item { display:block; padding:4px 20px 4px; }
                #user-dd-menu #sub-menu a.item:hover { background-color:#eee; }



    /*  ----------
        SEARCH BAR
        ----------  */

        .search-div {
            zoom: 1;
        }
        .search-div:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }

        #hd_feature { margin-top: 8px; clear:both; padding: 0px; border-top: 1px solid black; padding-top: 8px;}

            #hd_feature input#hd_search-input {
                border: 1px solid black;
                background-color: white;
                /*background-image: url( '/images/misc/search-bg.gif' );*/
                font-size: 11px;
                padding-left: 2px;
                padding-top: 2px;
                padding-bottom: 1px;
            }
            #hd_feature input#hd_search-input.focus {
            /*    background-image: url( '/images/misc/spacer.gif' );*/
                background-color: white;
            }


      /* search results page */
     .pager-results-count { margin:20px 0; font-size:11px; }


    /*  -----------------
        MENU - NAV  STUFF
        -----------------   */

        #hd_nav { clear:both; padding: 0px; }
        #hd_nav ul.menu {
            padding: 0px; margin: 0px; overflow: hidden;
        }
            #hd_nav ul.menu li {
                float: left;
                list-style: none;
                padding: 0px;
                font-size: 0;
            }
                #hd_nav ul.menu li a {
                    display: block;
                    text-decoration: none;
                    padding: 13px 0 3px 4px;
                    width: 115px;
                    margin-left: 3px;
                    font-size: 11px;
                }
                #left-column ul.menu li a {
                    margin-left: 0;
                }
                #hd_nav ul.menu li:first-child {
                    margin-left: 0px;
                }
                #hd_nav ul.menu li a.first {
                    _width: 113px;
                    _margin-left: 0;
                }
                #hd_nav ul.menu li:last-child a {
                    width: 116px;
                    width: 115px\0; /* IE9 hack */
                }
                #hd_nav ul.menu li a.last {
                    _width: 116px;
                    _margin-left: 0;
                }

        #hd_mospace_nav .menu {
            _width: 120px;
        }


        /* Applies display:none as a class which can simply be removed to restore the prior "display" value */
        .hidden { display: none !important; }




/*  -------------------
    Left-hand-side menu
    ------------------- */

    .content-left {}

        ul.lhsmenu {
            margin: 0;
            list-style-type: none;
            margin-bottom: 15px;
        }
            ul.lhsmenu li { list-style-type: none; }

    .register-initial .content-left {display: none}



/*  -----------
    Footer area
    ----------- */

    #ft {
        margin-top: 20px;
        overflow: hidden;
        width: 100%;
    } /* height must be set for layout.js to work properly... */
        #ft_tiles {}
        #ft_ad {
            text-align: center;
            padding-top: 10px;
            padding-top: 5px;
            clear: both;
        }
        #ft_main {
            font-size: 80%;
            padding-top: 9px;
        }
            #ft_nav {
                text-align: right;
                float: right;
            }
            #ft_joinus {}
            #ft_copyright {
                padding-top: 3px;
                margin-bottom:30px;
                clear: both;
                font-size: 80%;
                text-align: right;
                float: right;
            }

    .facebook-share-lightbox-copytext { font-weight: bold }



/*  ------------
    Sidebar area
    ------------    */

    #core-sidebar { height: 100%; text-align: left; }
        #core-sidebar h2.title { margin-top: 30px; }



/*  --------------
    global classes
    --------------  */

    .float-left { float: left; }
    .float-right { float: right; }
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .no-bullets,
    .no-bullets li {
        list-style-type: none;
    }



/*  ----------------
    AUTH TABLE STUFF
    ---------------- */

    table#auth_table {
        margin-top: 2px;
    }
    table#auth_table tr td {
        padding: 0px 2px; margin: 0px;
        display: none;
    }
    table#auth_table tr td#auth_table-moustache { display: table-cell; }



/*  -------------
    FACEBOOK CRAP
    -------------   */

    #auth_connected {
            display: inline;
        display: inline-block;
    }
    #auth_logged_out {
        display: inline;
        display: inline-block;
    }
    #auth_logged_in {
        display: inline;
        display: inline-block;
    }



/*  -------------------
    YUI LAYOUT OVERRIDE
    ------------------- */

    .yui-t4 .yui-b {
        width:13.8456em; /* YUI DEFAULT */
        width:9.8456em;
        width: 120px;
    }
    .yui-t4 #yui-main {
        margin-right:-25em; /* YUI DEFAULT */
        margin-right:-22em; /* Fluid adjustment */
        margin-right: -286px; /* Fixed equivalent to stop layout breakage on font-size adjustment */
    }
    .yui-t4 #yui-main .yui-b {
        margin-right: 14.8456em; /* YUI DEFAULT */
        margin-right: 10.8456em;
        margin-right: 123px;
    }
    body.news              #yui-main .yui-b,
    body.donate            #yui-main .yui-b,
    body.register          #yui-main .yui-b {
        margin-right: 135px;
    }



/*  ----------
    Crumb area
    ----------  */

    #crumb-header {
        min-height: 59px; _height: 59px;
        padding-top: 3px;
        *zoom: 1;
    }
    #crumb-header:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }

        #crumb-header .back-to-previous-page-container {
            float: left;
            margin-top: 0.4em;
            padding-top: 9px;
            margin-right: 20px;
        }

        #crumb-header div.content {
            float:left;
            width: 100%;
            position: relative; /* Intent: positioning context for children */
            z-index: 1;         /* IE6/7 -- allows contents of crumb-header (e.g. copy callout) to overlap content */
        }

        #crumb-header div.image {
            float:right;
        }

        #crumb-header div.content h1 {
            font-weight: normal;
            font-size: 28px;
            margin: 0;
            /*min-height: 50px;
            height: auto !important;
            _height: 50px;*/
            float: left;
            padding-bottom: 10px;
        }
            div.content h1 #title-description {
                font-size: 12px;
                margin-bottom: -4px;
                margin-top: 4px;
            }
        #crumb-header div.content .steps-container {
            padding-top: 0;
            text-align: left;
            clear: left;
        }
            #crumb-header div.content .steps-container .steps {
                display: inline-block;
                *display: block; zoom: 1;
                margin-bottom: 0;
                padding-bottom: 10px;
            }

        /* For donate/* only, render steps next to the (short) page title,
           and snap steps to grid implied by nav items */

        body.donate #crumb-header div.content h1 {
            width: 120px;
        }
        body.donate #crumb-header div.content .steps-container {
            padding-top: 9px;
            clear: none;
            position: absolute;
            left: 120px;
        }
            body.donate #crumb-header div.content .steps-container .steps ul li {
                width: 101px;
            }



    .dsn { display: none; color: #B02E2E; }
    .has-js .safe-dsn { display: none; } /* safely hide element. so it will not be hidden if user do not have javascript */

    #register-form .form_box .form_element_input input.error,
    input.error {
        border:1px solid #C00B0F;
    }



/*  -----------------
    Core content area
    -----------------   */

    #core-content { padding: 0; }
    body.index-index #core-content { padding-top: 0; }

    /*  "Back to <previous page>" link */

    #core-content .back-to-previous-page {
        margin-bottom: 20px;
    }



/*  ---------
    MISC CRAP
    ---------   */

    dl.zend_form { margin: 0px; }
        dl.zend_form dl { margin: 0px; padding: 0px; }
        dl.zend_form dd { margin: 0px; padding: 0px; }
    #TB_ajaxContent { padding: 10px; }



/*  -----
    TILES
    -----   */

    /*#ft_tiles div.tile {
        width: 192px;
        display: inline-block;
        vertical-align: top;
        margin-left: 3px;
        float:left;
    }
    #ft_tiles { margin: 0px; padding: 0px;}
    #ft_tiles div.tile:first-child {
        margin-left: 0px;
        margin-right: 1px;
    }
    #ft_tiles div.tile:last-child {
        margin-left: 4px;
    }
    #ft_tiles div.tile div.tile-image { /* No text in here... lets get rid of it for IE 6 sake */
    /*    font-size: 0px;
    }
    #ft_tiles div.tile div.tile-header {
        margin-top: 0px;
        line-height: 180%;
    }
    #ft_tiles div.tile div.tile-text {
    }*/

    #ft_tiles,
    #ft_tiles-foundation {
            overflow: hidden;
            _display:inline-block;
    }

        #ft_tiles div.tile,
        #ft_tiles-foundation div.tile {
            float: left;
            width: 192px;
            margin-right: 3px;
        }

        #ft_tiles div.last,
        #ft_tiles-foundation div.last {
            margin-right: 0;
            width /*\**/: 191px\9;
        }

    #ft_tiles div.tile a {
        padding-top: 4px;
            padding-bottom: 102px;
            color: white;
    }

        #ft_tiles div.tile a,
        #ft_tiles-foundation div.tile a {
            display: block;
            width: 185px;
            background-position: top left;
            background-repeat: no-repeat;
            padding-left: 7px;
            height: 19px;
            text-decoration: none;
            font-size: 11px;
            color: black;
            font-weight: normal;
        }

        #ft_tiles #tile2 a,
        #ft_tiles #tile3 a { width: 186px }

        #ft_tiles #tile2,
        #ft_tiles #tile3 { width: 193px }

        #ft_tiles-foundation div.tile a {
            padding-top: 162px;
            color: black;
        }

        #ft_tiles div.tile a:hover,
        #ft_tiles-foundation div.tile a:hover {
            background-position: left center;
            color: white;
            text-shadow: 0 1px 1px black;
        }

        #ft_tiles div.tile a:active,
        #ft_tiles-foundation div.tile a:active {
            background-position: left bottom;
        }

        #ft_tiles div.tile a:active {
            color: white;
        }

        #ft_tiles-foundation div.tile a:active,
        #ft_tiles-foundation div.tile a:hover {
                color: white;
        }



/*  ------
    ERRORS
    ------  */

    div.error_box {
        background:#FBE3E4;
        color:#8A1F11;
        border:2px solid #FBC2C4;
        padding:10px;
        margin:20px 0px;
    }
    div.error_ok {
        color: white;
        margin-top: 10px;
        padding: 10px;
        background-color: #FA6600;
    }



    div.merchandiseImage { width:170px; float: left; margin-bottom:10px; }



    table.mopartyList {}
    table.mopartyList td { vertical-align: top; }

    table.mediaroom { border-spacing: 10px; }
    .mediaroom td { border: 1px solid #bababa;}
    .mediaroom div.header { font-weight: bold; height:40px; vertical-align:top; }

    /** @todo No idea where the default styles went... yui maybe? **/
    optgroup { font-style: italic; font-weight: bold;}
        optgroup option { font-weight:normal; font-style:normal; text-indent: 10px; }

    div.leftcol { width:120px; float:left; }
    div.main { float:left; width:730px; }



/*  --------
    Chiclets
    --------  */

    .chiclets {
       list-style:none;margin:0;padding:0;
       *zoom: 1;
    }

    /* Inside a .chiclets container, the chiclets drop their labels */

    .chiclets .chiclet {
        list-style:none;margin:0;padding:0;
        display: inline-block; *display: inline; *zoom: 1;
    }
        .chiclets .chiclet a {
            margin:0;padding:0;
            padding-left: 15px; /*  width via padding */
            padding-top: 15px;  /* height via padding */
            width:1px;height:0; /* width 1px to stop WebKit borking the styling badly */
            margin-right: -1px;
            overflow: hidden;
            text-align: left;
            text-indent: -9999px; font-size: 0;
            display: inline-block;
            *display: block; *float: left; *margin-right: 2px;
        }

    /* Outside a .chiclets container, the chiclets keep their labels */

    .chiclet {
        margin-bottom: 3px;
    }
        .chiclet a {
            padding-left: 25px;
            background-position: 5px center;
            background-repeat: no-repeat;
            margin-bottom: 3px;
            padding-bottom: 2px;
            background-image: url('/theme/2011/images/sprite-white.png');
            background-repeat: no-repeat;
            cursor: pointer;
        }

        /* White-background versions */
        .chiclets .chiclet a { padding-left: 20px }
        .chiclet_twitter   a { background-position: -150px -600px }
        .chiclet_fb        a { background-position: -150px -800px }
        .chiclet_email     a { background-position: -152px -100px }

        /* Theme colour-background versions */
        .summary-box .chiclets .chiclet a { padding-left: 15px }
        .summary-box .chiclet_twitter   a { background-position: -150px -200px; color: #0084bc }
        .summary-box .chiclet_email     a { background-position: -152px -501px }
        .summary-box .chiclet_fb        a { background-position: -150px -150px; color: #3b5998 }
        .summary-box .chiclet_mov       a { background-image: url( '/images/icons/mov-14.gif' ) }



/*  --------------
    GENERAL STYLES
    --------------  */

    .watermark { color: #767676 }

    div.two-cols {
         /*float: right;*/ width: 729px; margin-top:10px;
    }
        div.two-cols div.right {
            width: 363px;
        }
    h2.short {
        margin-bottom: 4px;
    }
    a.button,
    input#submit,
    input.button,
    button,
    input#continue,
    input#login,
    .sf-submit,
    .sf-button,
    input#resetpassword {
        width:auto;
        border:none;
        padding: 2px 10px 4px 10px;
        font-size:11px;
        text-decoration: none;
        cursor:pointer;
        white-space:nowrap;
    /*  margin:0px;*/
    }

    a.button,
    input#submit,
    input.button,
    button {
        *padding:3px;
        *margin:0px;
    }
    a.button {
        padding-left: 13px;
        padding-right: 13px;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    button.leftmargin,
    a.leftmargin,
    input#submit.leftmargin,
    input#continue.leftmargin {
        margin-left: 10px;
    }
    button.bottommargin,
    a.bottommargin,
    input#submit.bottommargin {
        margin-bottom: 10px;
    }



/*  ----------------------
    Page column dimensions
    ----------------------  */

    .content-left {
        width:120px;
        padding:0px;
        float:left;
    }
        .content-left h3 {
            text-transform: uppercase;
            font-size: 11px;
            margin-top: 25px;
        }

    .content-centre {
        width:730px;
        float:left;
    }

    body.register .content-left,
    body.friends .content-left,
    body.donate .content-left,
    body.about .content-left,
    body.mens-health .content-left,
    body.galapurchase .content-left,
    body.prizes .content-left,
    body.events .content-left,
    body.members-top-mos .content-left {
        width:120px;
    }

    body.donate .content-centre,
    body.prizes .content-centre,
    body.mens-health .content-centre,
    body.about .content-centre,
    body.events .content-centre,
    body.friends .content-centre,
    body.mo-community .content-centre,
    body.merchandise .content-centre,
    body.members-top-mos .content-centre {
        width:696px;
        padding-left: 18px;
    }

    body.galapurchase {
        padding-left: 0 !important;
    }

    body.register .content-centre { width: 100%; }

    body.merchandise .content-left,
    body.sponsors .content-left,
    body.events-index .content-left {
        /*width:243px;*/
    }
    body.merchandise .content-centre,
    body.sponsors .content-centre,
    body.events-index .content-centre {
        /*width:608px;*/
    }
    body.momoney .content-right {
        width:245px;
    }
        /* Typically, 'CMS'-style content resides here. A width is set because once upon a time, most
           (if not, all) .textContent were accompanied by a .content-left containing an .lhsmenu, and
           the width compensates for structure lacking further up the DOM.
        */
        .textContent { width: 600px }
        .textContentWide { width: 700px }
        #fancybox-inner .textContent{ width: auto }



/* Fairly arbitrary "form columns" */

    .register #form-column-1 {
        width: 465px;
    }
    .register #form-column-2 {
        width: 348px;
        padding: 0 0 0 20px
    }
    #form-column-1 {
        width:353px;
        margin:0px;
        padding:0px;
        float:left;
    }
    #form-column-2,
    .register-participation #form-column-2 {
        width:368px;
        margin:0px;
        padding:0px;
        float:left;
    }
    .register-reactivation #form-column-1 {
        float: none;
        width: auto;
        overflow: hidden; *zoom: 1; /* Intent: Fill space between floats */
    }
    .register-reactivation #form-column-2 {
        float: right;
        background: #F0F0F0;
        padding-left: 0;
        margin-left: 30px;
    }

/* Still fairly arbitrary "form columns" -- these aren't actually donation-page-specific. */

    #donation-form-column-1,
    #donation-form-column-2 {
        margin-top: 10px;
    }

    #donation-form-column-1 {
        width:520px;
        padding:0px;
        float:left;
    }
    #donation-form-column-2 {
        width:241px;
        padding-left:18px;
        padding-right: 6px;
        float:right;
    }

        #donation-form-column-2 div.tax-deduxtion {
            margin-top: 10px;
        }

/* Donation leave a message page specific layout */
    #donation_message_form #fieldset-message_group {
        margin-bottom: 0px;
    }
    #donation_message_form #donate-donating-privacy-additional {
        margin-left: 18px;
        margin-bottom: 15px;
    }



/*  An instruction or notification. Pretty much a "read-me first" box. Used everywhere.   */

.process_message {  /* TODO: Rename me site-wide to .process-message, in line with "subclassing" naming convention */
    background: #ECEFE9;
    margin-bottom:20px;
    font-size: 12px;
    min-height: 16px; _height: 16px;
    padding: 13px;
    text-align: center;
    _clear: both;
}
body .process_message h2,       /* Specificity war with mospace.css -> ".mospace h2|h3 {...}" */
body .process_message h3 {
    margin-top: -2px;
}
.process-message_success { /* MF (2011-08-02): Use as class="process_message process-message_success"). */
}
.process-message_hidable {
    text-align: left;
}

.hide-process-message {
    display: block;
    text-align: right;
    margin: -3px;
    margin-top: 10px;
    border-top: 1px #DCDFD9 solid;
    padding-top: 8px;
}
.show-process-message {
    display: block;
    text-align: right;
    margin-bottom: 10px;
    background: #ECEFE9;
    padding: 10px;
}











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

    SECTION STYLES

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

/*  ----------
    FAQ STYLES
    ----------  */

    div.faq-subheader {
        font-weight: bold;
        padding-bottom:2px;
    }

    div.faq-item {
        display: block;
        float: left;
        clear: both;
        border-top: 1px solid #ccc;
        margin-top: 16px;
        padding-top: 10px;
        padding-bottom: 16px;
        width: 100%;
    }
        div.faq-item div.title {
            padding: 0px;
            margin: 0px;
        }
            div.faq-item div.title h3 {
                margin: 0px 0px 8px 0px;
                padding: 0px;
            }

    div.faq-link { padding-bottom: 5px; }



/*  -----------
    News styles
    ----------- */

    #yui-main.news {}

        #yui-main.news h2.short {
            padding-bottom:5px;
            border-bottom:1px solid black;
        }

    #first-five {
        float: left;
        width: 600px;
    }
        #first-five .content {
            overflow: hidden;
            width: 600px;
        }

    /*  Pagination adjustments - sigh   */

        body.news-index #core-content #first-five div.paginationControl {
            overflow:visible;
            height:18px;
        }

    #first-five .search_results_header {
        margin:9px 0;
    }

    #next-two {
        float:right;
        width:217px;
    }

    #news-joinus {
        position:relative;
        color: #767676;
    }
        #news-joinus h2 { color: black; }

    div.news-item {
        display: block;
        clear: both;
        border-bottom: 1px solid #ccc;
        margin: 15px 0 0;
        width: 100%;
    }

        div.news-item div.image {
            float: left;
            padding-right: 10px;
            width: 100px;
            margin-right: 10px;
            overflow: hidden;
        }
            div.news-item div.image img {
                display: block;
                max-width: 100px; _width: 100px;
            }

        div.news-item div.news-content {
        }

        div.news-item div.title { padding: 0px; margin: 0px; }
            div.news-item div.title h3 { margin: 0px; padding: 0px; }
                div.news-item div.title h3 a { color: black; text-decoration:none; }
                div.news-item div.title h3 a:hover { text-decoration: underline; }

        div.news-item div.author-date,
        div.news-article div.author-date {
            padding: 0px;
            margin: 0 0 9px 0;
            font-size:11px;
            color: #767676;
        }
        div.news-item div.content {
            padding: 0px;
            margin-bottom: 10px;
        }
        div.news-item div.links-stats {
            clear: both;
            font-size:11px;
            *zoom: 1;
        }
        div.news-item div.links-stats:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }

    div.news-article {}

        div.news-article div.title h2 { margin-bottom: 2px; }
        div.news-article div.article_hero { margin-top: 18px; }
        div.news-article div.content { margin-top: 18px; margin-bottom:18px; }

        div.news-article div.comments {
            margin-top:18px;
        }

            div.news-article div.comments div.comment {
                clear: both;
                margin-top: 9px;
                padding:9px;
                float: left;
                width: 580px;
            }

            div.news-article div.comments div.comment.alt {
                background-color:#faf9ef;
            }

                div.news-article div.comments div.comment div.image {
                    float: left;
                    padding-right: 10px;
                    width:40px;
                    margin-top:9px;
                }
                div.news-article div.comments div.comment div.comment-content {
                    margin-top:9px;
                    margin-left:50px;
                }
                    div.news-article div.comments div.comment div.comment-content div.author {
                        color: orange;
                    }
                    div.news-article div.comments div.comment div.comment-content div.content {
                        margin-top: 0px;
                    }
                div.news-article div.comments div.comment div.datetime {
                    color: #595959;
                    font-size:11px;
                    border-bottom: 1px solid #ccc;
                    height:18px;
                }
        div.news-article div.new-comment {
            clear: both;
            padding-top: 18px;
            display: block;
        }
            .news-article .new-comment h3 {
                margin-bottom:0px;
            }
            div.news-article div.new-comment div.new-comment-intro {}

    #new-comment-form {}
        #new-comment-form h3 { padding: 0px; margin: 0px; }
        #new-comment-form form dl {
            border-top:0px solid transparent;
        }
        #new-comment-form form fieldset {
            margin-top:0px;
        }

    #recaptcha_widget_div { clear: both; display: block; }

    div.news-pagination { float: left; }
        div.news-pagination div.paginationControl { display: inline; }

    div.news-pagination-bottom { clear: both; padding-top: 10px; }
        div.news-pagination-bottom div.paginationControl { display: inline; }

    div.news-filter { float: right; font-weight: bold; }



/*  -------
    JOIN US
    ------- */

    div.joinUs { background-color: white; overflow: hidden; _display: inline-block}
    div.joinUs div.joinUs-Section {
            display: -moz-inline-stack;
            display: inline-block;
            float:left;
            height: 40px;
        margin-top: 8px;
    }
    div.joinUs div.joinUs-Section div.joinUs-Section-Content {
        display: inline-block;
    }
    div.joinUs div.joinUs-Section div.joinUs-Section-Content h3 {
        margin: 0px;
    }
    div.joinUs div.joinUs-Section div.icon {
        width: 40px; height: 40px;
        float: left;
        margin-right: 10px;
        background-position: center;
    }



/*  -----
    FEEDS
    -----   */

    div.feeds {
        font-size:11px;
    }



/*  -------------------
    GET INVOLVED STYLES
    ------------------- */

    div.select-rego-option {
        float:left;
        text-align:center;
    }
        div.select-rego-option div {
            border-right:1px solid #cccccc;
            margin-bottom:10px;
            padding:0px 20px;
        }

    #select-type {}
        #select-type .ff-radio {
            margin-left: 40px;
        }
        #select-type .ff-first_radio {
            margin-left: 0;
        }

    div div.get-involved-box {
        border-top:1px solid #ccc;
        clear:both;
        overflow:hidden;
        padding:20px 0;
    }

        div.get-involved-box-inner { border-top: 1px solid #ccc; padding-top : 20px; margin-top: 20px }
        div.get-involved-box .infobox { line-height: 20px }

        div.get-involved-box h2 { margin-bottom: 12px }
        div.get-involved-box p {
                margin:10px 0px;
        }

    body.get-involved div.top,
    body.get-involved div.last div {
        border:none;
    }

    .waysToMoContent { margin-bottom: 20px }



/*  ------------------
    PARENT FORM STYLES
    ------------------  */

    form {
        width: 100%;
    }
    legend {
        white-space: normal;
    }
        legend span {
            display: block; /* It's an IE6/7 thing. */
        }
    div.form_element {
        clear: both;
        padding-bottom: 5px;
        *zoom: 1;
    }
    div.form_element:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
    .form_element_radio span {
        width: 200px;
    }
    div.form_element_label {
        width: 158px;
        padding-right: 5px;
        float: left;
        padding-top: 3px;
    }
        .checkBox_element input { /* Main rule */
            float: left;
            margin-top: 0.075em;
        }
        .checkBox_element input[type="checkbox"] { /* Specificity war - separate from the above rule so IE6/7 receives it */
            float: left;
            margin-top: 0.075em;
        }
        .checkBox_element span {
            float: none;
            overflow: hidden; *zoom: 1; /* Intent: fill width between floats */
            width: auto;
        }
    #yui-main.nesp #core-content form div.form_element_label {
        width: 115px;
    }
    #form_element_submit div.form_element_label,
    #form_element_submit_solo div.form_element_label,
    #form_element_submit_team div.form_element_label,
    #form_element_submit_captain div.form_element_label,
    #form_element_skipmessage div.form_element_label,
    #form_element_resetpassword div.form_element_label {
        display: none;
    }
    div.form_element_input {
        float: left;
    }
        div.form_element_input textarea { /* make the input fill the available space */
            width: 99%;
            border:1px solid #B6B5B5;
        }
    div.form_element_errors {
        clear: left;
    }
    div.form_element_errors ul {
        margin: 0px; padding: 0px;
        /*background: #FFCCCC;*/
        width: auto;
    }
    div.form_element_errors ul li {
        list-style: none;
        font-weight: bold;
        color: #c00b0f;
        margin: 0px;
        padding: 0px 3px 3px 0;
    }

    #form_element_content div.form_element_input  { width: 98%; }
        #form_element_content div.form_element_input textarea {
            height: 120px;
        }



/*  ---------
    DOWNLOADS
    ---------   */

    div.download-item { clear: both; display: block; padding-top: 2px; }
        div.download-item div.icon {
            float: left;
            padding-right: 5px;
        }



/*  --------------
    DONATE SECTION
    --------------  */

    div.thank-you-textbox {
        margin-bottom:10px;
    }
    div.thank-you-textbox span img {
        vertical-align:middle;
    }
    div.beneficiary_box {
        clear:both;
        margin: 20px 0 10px;
        border-bottom: 1px solid #d2d2d2;
    }

    div.cvv_graphic {
        clear:left;
        margin-left:300px;  /* Leaves a bit of extra room as some countries have a CVV field hint */
        _margin-left: 163px;
        margin-top: -30px;
        float:left;
    }

    /*#yui-main.nesp #form_element_email
    {
        float: left;
        display: inline-block;
    }*/

    #yui-main.nesp #form_element_submit {
        float: none;
        *margin-bottom: 10px;
    }
    #yui-main.nesp #form_element_email div.form_element_label {
        width: 115px;
    }

    #yui-main.nesp #form_element_submit {
        clear:none;
    }



/*  --------------------------
    LOGIN / FORGOTTEN PASSWORD
    --------------------------  */

    #loginForm,
    #passwordForm {
        /* Height now set by children with $.equalHeight() applied */
    }
    #loginForm p.last,
    #passwordForm p.last {
        margin-bottom: 0;
    }
    #loginForm .zend_form {
        *zoom: 1;
    }
    #loginForm .zend_form:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
    div.divider,
    span.divider {
        border-top:1px solid black;
        height:1px;
    }
        #loginForm .or-word {
            margin-top: 0;
            margin-bottom: 10px;
        }
        #passwordForm .divider {
            margin:0;padding:0;border:none;
            padding-top: 0.65em;
            border-bottom: 1px solid #808080; /* matches .or-word */
            margin-bottom: 10px;
            height: 0;
            overflow: hidden;
        }

    #loginForm div.form_element div.form_element_label {
        width: 100px;
    }
        #loginForm div.form_element div.form_element_input input {
            width: 200px;
        }
        #loginForm div.form_element div.form_element_input input#rememberme {
            width: auto;
        }
        #loginForm #form_element_submit div.form_element_input input {
            width: auto;
        }

    /*---*/
    #passwordForm div.form_element div.form_element_label {
        width: 100px;
    }

    #passwordForm div.form_element div.form_element_input {}
        #passwordForm div.form_element div.form_element_input input {
            width: 200px;
        }
        #loginForm #form_element_rememberme div.form_element_input,
        #loginForm #form_element_submit div.form_element_input,
        #passwordForm #form_element_submit div.form_element_input {
            margin-left: 105px;
            *margin-left: 0; *padding-left: 105px; /* IE6/7 double-margin compo */
        }
            #passwordForm #form_element_submit div.form_element_input input {
                width: auto;
            }

    /* Only ever used in login.phtml! */
    .success { color: #2d6302; margin-bottom: 5px; }



/*  ----------------------
    HOME PAGE SPLASH TILES
    ----------------------  */

    #bd_home-splash div.splash-tile {
        display: none;
        overflow: hidden;
        height: 395px;
    }

    #splash-controls-wrapper {
        padding:0 12px;
    }
    #splash-controls {
        background-color: tansparent;
        position: relative;
        /*top: -33px;*/
            margin-top: -36px;
        left: 0px;
        height: 23px;
        float: left;
        font-size: 11px;
        width: 826px;
    }
    ul#splash-control-links {
        margin:0;padding:0;
    }

        ul#splash-control-links li {
            margin:0;padding:0;
            float:left;
            list-style:none;
            margin-left:4px;
            padding:0;
            width:24px;
            height:24px;
            background-color:#000;
        }
        /* Move info link left of all the others, even the play and sound controls */
        ul#splash-control-links li.info {
            margin-left: -81px;
        }
        #splash-control-buttons {
            margin-left: 28px;
            _margin-left: 14px; /* IE6 double-margin bug */
            margin-right: 1px;
        }

            ul#splash-control-links li a {
                background-color: #000000;
                display: block;
                font-size: 11px;
                text-decoration: none;
                color: #FFFFFF;
                font-weight:normal;
                width:24px;
                height:19px;
                text-align:center;
                outline:none;
                padding:5px 0 0px 1px;
            }
            ul#splash-control-links li a:hover {
                color: #7e8d6f;
            }
            ul#splash-control-links li a.active {
                color: #7e8d6f;
            }
            ul#splash-control-links li.info a {
                width: 24px;
                height: 24px;
                padding: 0;
                background: transparent url( '/theme/2011/images/sprite-white.png' ) -50px -750px no-repeat;
            }

            ul#splash-control-links li.info a:hover,
            ul#splash-control-links li.info a.active{
                background-position: 0px -750px;
            }

    #splash-control-buttons {
        float: left;
    }
        #splash-control-buttons .prev-next {
            background-color: #000000;
            color: #FFFFFF;
            float: left;
            margin-left: 5px;
            overflow: hidden;
        }
            #splash-control-buttons .prev-next .pipe {
                padding-top: 3px;
            }

        #splash-control-buttons .prev-next {}
            #splash-control-buttons .prev-next a {
                color: #7E8D7F;
                display: block;
                padding: 4px 5px 3px;
                height: 15px;
                text-decoration: none;
                font-size: 11px;
            }
            #splash-control-buttons .prev-next a:hover {
                color: white;
            }

        #splash-control-buttons a {
            outline:none;
        }

    #firsttime-slide {
        padding: 10px;
        height: 100%;

    }

    #firsttime-slide-intro {
        height:80px;
        padding-top:130px;
    }

    #firsttime-slide-content {}

    #firsttime-slide-actions {
        padding: 0px 2px;
    }
        #firsttime-slide-actions div {
            float:left;
            width:160px;
            padding-right:25px;
        }

    #firsttime-slide-action-1 {
        padding-left: 150px;
    }
    #firsttime-slide-footer {
        padding: 25px 119px 0px 119px;
        clear:both;
    }

    /* News tile */

    .hero-news-container {
        width: 851px;
        height: 395px;
        cursor: pointer;
        cursor: hand;
        font-size: 85%;
        color: #242321;
    }
    .hero-news-thumbnail {
        float: left;
        padding: 110px 17px 20px 309px;
        width: 172px;
    }
        .hero-news-thumbnail img {}

    .hero-news-content {
        float: left;
        margin-top: 107px;
        width: 315px;
        height: 150px;
    }
        .hero-news-content .title {
            color: #FFFFFF;
            letter-spacing: 1px;
            font-weight: strong;
            text-transform: uppercase;
        }
            .hero-news-content .title h2 {
                line-height: 1.2;
            }
        .hero-news-content .author-date {
            letter-spacing: 1px;
            text-transform: uppercase;
            font-size: 80%;
        }
            .hero-news-content .author-date strong {
                color: #000000;
                text-shadow: 0 0 0 rgba(0,0,0,0.75); /* Can barely see the bolding otherwise! */
            }
        .hero-news-content .content {
            padding-top: 14px;
            line-height: 1.15;
        }
            .hero-news-content .content a {
                color: #FFFFFF;
            }
            .hero-news-content .content a:hover {
                color: #000000;
            }
            .hero-news-content .content a:active {
                color: #7E8D6F;
            }

    #tile-ytplayer {
        width: 1px;
        height: 1px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    #tile-ytplayer-overlay {
        display: none;
        width: 851px;
        text-align: center;
        margin-top: 170px;
        position: absolute;
        z-index: 2;
    }



/*  --------------
    video controls
    -------------   */

    img#splash-control-buttons-play,
    img#splash-control-buttons-mute
    { width: 24px; height: 24px; background: transparent url( '/theme/2011/images/sprite-white.png' ) no-repeat; }

    /* unlaunched */
    img#splash-control-buttons-play { background-position: -50px -50px  }
    img#splash-control-buttons-play:hover { background-position: 0 -50px  }

    /* launched and paused (play button) */
    img#splash-control-buttons-play.paused { background-position: -50px -50px }
    img#splash-control-buttons-play.paused:hover { background-position: 0 -50px }

    /* launched (pause button) */
    img#splash-control-buttons-play.launched { background-position: -50px -150px }
    img#splash-control-buttons-play.launched:hover { background-position: 0 -150px }

    img#splash-control-buttons-play.disabled,
    img#splash-control-buttons-play.disabled:hover { background-position: -100px -50px }

    /* unmuted (unmute button) */
    img#splash-control-buttons-mute { background-position: -50px -100px }
    img#splash-control-buttons-mute:hover { background-position: 0 -100px }

    /* muted (mute button) */
    img#splash-control-buttons-mute.muted { background-position: -50px -200px }
    img#splash-control-buttons-mute.muted:hover { background-position: 0 -200px }

    img#splash-control-buttons-mute.disabled,
    img#splash-control-buttons-mute.disabled:hover { background-position: -100px -100px }



/*  --------------------------
    Google Maps bubble content
    --------------------------  */

    .map-bubble-content {
        overflow:hidden;
    }
    .map-bubble-content_wide {
        min-width: 300px;
        _width: 300px;
    }



/*  -------
    MOMONEY
    ------- */

    .map-topmo { overflow: hidden; _display: inline-block; width: 100% }
    .map-topmo-amount { float: right; width: 80px; text-align: right }
    .map-topmo-name { float: left; width: 200px }



        /*  ---------
            map.phtml
            ---------  */

        .map-wrapper {
            padding: 5px;
        }
            .map-wrapper .momoney-map-search {
                padding-bottom: 20px;
            }
                .map-wrapper .momoney-map-search form {
                    width: auto;
                }
            .map-wrapper #map-loading-graphic {
                margin: 12px 0px 0px 10px;
                float: left;
                display: none;
                width: auto;
            }
            .map-wrapper #map_canvas {
                clear: both;
                width: 803px;
                height: 500px;
            }
            .content-centre .map-wrapper #map_canvas {
                width: 690px;
                height: 428px;
            }

            /* content-centre  has less width. overriding style for search box */
            .content-centre .map-wrapper #place {
                width: 104px;
            }
            .map-wrapper .ff-filters_fieldset .ff-field {
                margin: 0;
                padding-top: 0;
            }
            .map-wrapper .ff-filters_fieldset .ff-multicheckbox_field {
                white-space: nowrap;
                float: right;
                _position: absolute;
                _top: 0;
                _right: 0;
            }
                .map-wrapper .ff-filters_fieldset .ff-multicheckbox_field label {
                    font-size: 90%;
                    margin-right: 0;
                }
                .map-wrapper .ff-filters_fieldset .ff-multicheckbox_control label {
                    margin-left: 13px;
                }
        .content-centre .map-wrapper {
            padding-top: 0;
        }
            .content-centre .map-wrapper .momoney-map-search {
                margin-top: -0.25em;
            }
            .content-centre .map-wrapper #map-search-form .form_element_radio span { width:100px; }
            .content-centre .map-wrapper form#map-search-form div#form_element_search { width:75px; }

            /* momapping legend style */

            #map-legend {
                margin-top: 10px;
            }
            #map-legend .legend-item {
                display: inline-block; *display: inline; zoom:1;
                height: 35px;
                line-height: 35px;
                padding-left: 30px;
                width: 127px;
                vertical-align: top;
            }
            .content-centre .map-wrapper #map-legend .legend-item {
                width: 104px;
            }
                .content-centre .map-wrapper #map-legend .legend-item span {
                    margin-left: 35px;
                }



        /*  --------------
            platinum.phtml
            --------------  */

            body.momoney-platinum .ff-search_field .textbox {
               width: 200px;
            }





/*  -----------------------
    FEEDBACK AND CONTACT US
    ----------------------- */

    body.feedback-index #form_element_submit input#submit,
    body.contact-index #form_element_submit input#submit {
        margin-left:163px;
        margin-top:2px;
    }

    #feedback-mailto {
        font-size:11px;
        margin-top:9px;
    }



/*  -------------
    AUTO-COMPLETE
    -------------   */

    .ac_results { border: 1px solid #B6B5B5}

    div.ac_results ul li {
        text-align: left;
        font-size: 80%;
    }
    li.ac_even {
        background-color: white;
    }
    li.ac_odd {
        background-color: #faf9ef;
    }
    li.ac_over {
        background-color: #b1aa2f;
        color: white;
    }



/*  ---------------
    side bar button
    --------------- */

    #sidebar_image a {
        display:block;
        width:120px;
        height:62px;
        background-repeat: no-repeat;
        background-position: left;
        line-height: 9999px;
        overflow: hidden;
    }

    #sidebar_image a:hover {
        background-position: bottom right;
    }

    #sidebar_image a:active {
        background-position: center;
    }

    #google_ads_div_Major_Sponsor_ad_unit_ad_container,
    #google_ads_div_Major_Sponsor_ad_unit {
        height: 240px;  /* Without these rules, it appears this way anyway, but quite by accident (line-height effect) and IE6 ignores the line-height effect */
        padding-bottom: 3px;
    }


#token_-label {
    display: none
}



/*  ------
    Events
    ------  */

    .event-tile { float: left; width: 328px; margin-right: 15px}
    .event-tile-link { margin-bottom: 10px; font-size: 11px }
    .event-tile-image { margin-bottom: 10px }
    .event-tile-content { margin-bottom: 10px;min-height: 50px; _height: 50px }
    .event-tile h2 a { text-decoration: none;  }
    .event-tile-link .button { width: 9.25em; text-align: center }



/*  --------
    /prizes/
    --------    */

    body.prizes .layout-columns {
        *zoom: 1;
    }
    body.prizes .layout-columns:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
       body.prizes .layout-columns .layout-column_first {
           float: left;
           width: 25%;
           padding-right: 2%;
       }
       body.prizes .layout-columns .layout-column {
           overflow: hidden; *zoom: 1;  /* Expand to fit all non-float width */
       }
           .partial_prizes {
               *zoom: 1;
               position: relative; /* Intent: sizing context for prizes-column */
           }
           .partial_prizes:after {
               content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
           }
               .partial_prizes .prizes-column {
                   float: left;
                   width: 48.9%;
                   margin-left: 2%;
               }
               .partial_prizes .prizes-column_first {
                   margin-left: 0;
               }
               .partial_prizes .prize {
                   *zoom: 1;
                   margin-bottom: 24px;
               }
               .partial_prizes .prize:after {
                   content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
               }
                   .partial_prizes .prize-image {
                       float: left;
                       padding-right: 10px;
                   }
                   .partial_prizes .prize-details {
                       overflow: hidden; *zoom: 1;  /* Expand to fit all non-float width */
                       word-wrap: break-word;
                   }



/*  ----------------
    for tweet dialog
     (footer.phtml)
    ----------------    */

    .carousel-wrapper { overflow: hidden; _display: inline-block}

    .msg-container li.active input {
            border: solid 2px #080;
    }

    #donation-twitter-carousel .prev-div,
    #donation-twitter-carousel .next-div,
    #team-twitter-carousel .prev-div,
    #team-twitter-carousel .next-div,
    #poster-twitter-carousel .prev-div,
    #poster-twitter-carousel .next-div {
            padding: 60px 0 0;
    }



    #donation-twitter-carousel .msg-container,
    #team-twitter-carousel .msg-container,
    #poster-twitter-carousel .msg-container {
            margin: 0 5px;
            padding: 20px 5px 10px;
    }

    #donation-twitter-carousel .msg-container .carousel,
    #team-twitter-carousel .msg-container .carousel,
    #poster-twitter-carousel .msg-container .carousel {
            width: 464px;
            border: solid 1px #ccc;
    }
    #donation-twitter-carousel span.next,
    #donation-twitter-carousel span.previous,
    #team-twitter-carousel span.next,
    #team-twitter-carousel span.previous,
    #poster-twitter-carousel span.next,
    #poster-twitter-carousel span.previous {
        height: 30px; display: block; cursor: pointer; width: 15px; background: transparent url(/theme/2011/images/sprite-white.png) no-repeat; text-indent: -9999px
    }
    #donation-twitter-carousel span.prev,
    #team-twitter-carousel span.prev,
    #poster-twitter-carousel span.prev {
        background-position: -50px -50px;
    }
    #donation-twitter-carousel span.next,
    #team-twitter-carousel span.next,
    #poster-twitter-carousel span.next {
        background-position: -50px 0;
    }
    #donation-twitter-carousel .txtMsg,
    #team-twitter-carousel .txtMsg,
    #poster-twitter-carousel .txtMsg {
        width: 464px; height: 110px; border: 0;
    }

    #donation-slide-items ul,
    #team-slide-items ul,
    #poster-slide-items ul {
        margin: 0; list-style-type: none;
    }
        #donation-slide-items ul li,
        #team-slide-items ul li,
        #poster-slide-items ul li {
            float: left; list-style-type: none; width: 464px;
        }



/*  -----------------
    /register/details
    -----------------   */
    #register-submit-buttons { overflow: hidden; _display: inline-block; clear: both }
    body.register-details #fancybox-inner .yui-gf {
        margin-top: 0;
        width: auto;
        padding: 10px;
    }



/*  -----------
    /news/view/
    -----------  */
    .socialHorizontal div {
        float: left;
        display: inline-block;
        height: auto;
        padding: 0 10px 10px 0;
    }
        .socialHorizontal .emailLike {
            padding-right: 25px;
        }
        .facebookShare,
        .reTweet,
        .facebookLike,
        .emailLike {
            text-align: center;
            margin-bottom: 5px;
            overflow: hidden;
            _display: inline-block;
        }
        body.news-index .socialHorizontal {
            margin-top: -4px;
            margin-left: 15px;
        }
        body.news-view .socialHorizontal {
            margin-left: 25px;
        }

        /*.facebookShare .fb_share_no_count { display: block }*/



/* MF: couldn't find any usages in site code -- cms only? */
.page-nav-links { float: right }



/*  --------------------
    sidebar verisign box
    --------------------    */

    .verisign-wrapper {
        margin-top: 25px;
        text-align: left;
    }
    .verisign-wrapper .title {
        font-size: 18px;
        font-weight: normal;
    }
    .verisign-wrapper div,
    .verisign-wrapper h2 {
        padding-left: 5px;
    }

    .verisign-img {
        border-top: solid 1px #9a9a9a;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .verisign-text {
        border-bottom: solid 1px #9a9a9a;
        color: #767676;
        font-size: 11px;
        padding-bottom: 10px;
    }

    .verisign-helptext {
        border: solid 1px #9a9a9a;
        border-style: solid none;
        padding: 10px 0;
        font-size: 12px;
    }

    /*  Forms -> Member.ini -> [ login ]   */
        #form_element_rememberme {
            font-size: 11px;
        }

    /* end sidebar verisign box */



/*  ---------------------------
    Miscellaneous forms styling
    --------------------------- */

    fieldset dl { margin: 10px 0 0 0}
    fieldset { margin: 15px 0;}

    #member-type {
        border-top: solid 1px #c8c8c8;
        padding-top: 20px;
    }

    input[type=radio], /* Can't combine with selector below; breaks IE6 */
    input[type=checkbox] {
        margin:0;
        padding:0;
        margin-top: -1px;
        *padding-right: 4px;
        *margin-top: 0;
    }
    .sf-radio,
    .sf-checkbox,
    input.radio,
    input.checkbox {
        margin:0;
        padding:0;
        margin-top: -1px;
        *width: 13px;
        *height: 13px;
        *padding-right: 4px;
        *margin-top: 0;
    }

    input[type=text],
    input[type=password] {
        border: solid 1px #b6b5b5;
        height: 19px;
        line-height: 19px;
        margin-bottom: 2px;
        padding-top: 1px;
        width: 216px;
        padding-left: 3px;
    }

    input.sf-text,
    input.sf-password,
    .text-width div {
        border: solid 1px #b6b5b5;
        height: 19px;
        line-height: 20px;
        margin-bottom: 2px;
        padding-top: 1px;
        width: 216px;
        padding-left: 3px;
        *margin-top: -1px;
    }
    /* Container to emulate "box-sizing: border-box" sizing for textboxes.
     * Assumption: the wrapper contains a textbox inside a div.
     */
    .text-width {
        /* Set my width to set the outerWidth of the textbox -- the div
           inside will expand to fit, minus its border and padding */
    }
        .text-width div {
            position: relative;
            width: auto;
            height: auto;
        }
            .text-width input {
                margin:0;padding:0;border:0;
                width: 100%;
                position: relative;
                top: -1px; left: -1px;
            }

    #form_element_gender .form_element_radio span {
        width: auto;
        white-space: nowrap;
    }

    #form_element_method .form_element_radio span { width: auto }

    .register .form_element_radio span {
         width: auto
    }

    #reregister-form textarea {
        border: solid 1px #b6b5b5;
    }
    .description, .description-box, .hint {
        color: #767676;
        font-size: 11px;
        font-style: italic;
    }

    .form_element_radio .description,
    .description-box {
        font-style: normal;
    }

    #form_element_submit_captain, #form_element_submit_team, #form_element_submit_solo { display: none }

    .documentSize { font-style: italic;}

    #donation_message_form #form_element_name { margin-bottom: 0 }
    .lighterFeaturebox .form_element_label { width: 150px }

    #country-list li { list-style: none}

    form .form_element_input input#postcode, .postcode { width: 75px !important }

    form .form_element_input input#number_members { width: 52px !important; }
    #form_element_Networks-number_members { display:inline-block; width:150px; }
    #form_element_Networks-number_members_predicate { display:inline-block; width:320px; }
    #number_members_predicate { width:150px;}

    form .form_element_input #address1,
    form .form_element_input #address2, .addresstextbx { width: 280px !important }

    /* Registration stuff */

    #occupation-details .form_element_label,
    #spokesperson_extra_fields .form_element_label {    /* Force labels-on-top layout (default: labels-on-left) */
        float: none;
        width: auto;
    }
    #register-submit-buttons .button  {
        display: block;
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding: 0 30px;
        text-align: center;
    }
    #register-submit-buttons {
        overflow: hidden;
        display: inline-block;
        float: left;
    }
        #register-submit-buttons .form_element_label {
            display: none;
        }



/*  ------------------
    Pagination control
    ------------------  */

    /* Paginated "thing" */
    .entries {
        border-top: 1px solid #9a9a9a;
    }
        .entries table tr {
            height: auto;
        }
            .entries table tr th {
                border-bottom: 1px solid #9A9A9A;
            }
            .entries table tr th,
            .entries table tr td {
                padding: 9px 0;
                padding-left: 10px;
            }
            .entries table tr td {
                border-bottom: 1px solid #ccc;
            }
            .entries table tr th.first,
            .entries table tr td.first {
                padding-left: 0;
            }
            .entries table div.last,
            .entries table tr.last td {
                border-bottom: 1px solid #9a9a9a;
            }



    .content .paginationControl,
    #core-content .paginationControl{
        padding: 9px 0 0;
        overflow: hidden;
        _display: inline-block;

    }
    .paginationControl a, .paginationControl { font-weight: normal;font-size:11px }

    .paginationShowing { float: left; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; }
    .paginationPages { float: right; display: inline-block; *display: inline; *zoom: 1; white-space: nowrap; color: #d9d9d9 }
    .activePage { color: black }



/*  /network/ and /tips/    */
    .col1 { width: 600px }



/* Please don't use HR's anymore -- HR NEVER STYLES CORRECTLY IN IE6/7 */
    hr { border:0; border-top: 1px solid #9a9a9a}
    .box-separator2 { height: 0; border-top: 1px solid #ccc; overflow: hidden; }
    .box-separator3 { height: 0; border-top: 1px dotted #ccc; overflow: hidden; }



/*  ---------------
    jquery.fancybox
    --------------- */

    #fancybox-inner { border: 2px solid #e0e0e0}
    #fancybox-outer { padding-right: 4px; padding-bottom: 4px; font-size: 12px }



.lightboxWrapper { padding: 40px; }
    .lightboxWrapper h2,
    .lightboxWrapper .content {
        text-align: left;
    }
    .lightboxWrapper h2 {
        margin-top: 0;
    }



/*  --------------------------
    Generic (dangerous) styles
    --------------------------  */

    table { margin-bottom: 0 }
        table th,
        table td {
            padding: 12px 5px;
        }

    /*  used in team-search-result.phtml and /donate/find/  */
    .secondary { font-size: 11px;}

    /*  used in /donations/ and /edit-details/  */
    .secondary2 { font-size: 11px; color: #767676}

    /*  used by forms to render cancel buttons, and MISused everywhere else to render ... the word "or". */
    .cancel { font-size: 11px }

    /*  Used exclusively to hide .summary-info's  */
    .closed { display: none }

    /*  Used in workflows/forms to go back one step  */
    .back { float: left; font-size: 11px; text-align: right; width: 127px; padding-top: 5px }




    /*  ------------
        Thankyou box
        ------------
        Used in:
        /donate/thank-you/
        /events/tickets-confirmation/
        /mospace/events-and-ticketing/confirmation-next-steps/
        /mospace/events-and-ticketing/register-moparty-party-confirm/

        and maybe more.
    */
    .thank-you-box-special,
    .thank-you-box {
        width: 443px;
        float: left;
        margin-right: 42px;
    }
    .thank-you-box-special {
        width: 245px;
        padding: 10px;
    }
        .thank-you-box-special h3 {
            margin-top: 0;
        }



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

    PER-PAGE STYLES

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



/*  ------
    /nesp/
    ------  */
    body.nesp-index #fieldset-about .sf-text { width: 200px }
    body.nesp-index #fieldset-about #submit { margin-left: 120px }



/*  ----------
    /feedback/
    ----------  */
    body.feedback-index .form_element_input #contents,



/*  ---------
    /contact/
    ---------   */
    body.contact-index .form_element_input #contents { width: 340px; height: 120px }



/*  --------------------
    Default hidden stuff
    --------------------    */
    #menu-topnav-mospace,
    #sidebar-image-donate {
        display: none
    };



/*  ----------------------------------
    Forms -> Donation.ini Payment form
    ----------------------------------    */
    #payment_form #fieldset-name {
        clear: both;
    }



/*  ----------------------------------------
    Fancybox style patches for evil browsers
    ----------------------------------------  */

    #fancy-bg-s { /* Prevent weird gap in IE6 */
        _padding-right: 4px;
    }
    #fancy-bg-w,
    #fancy-bg-e { /* Prevent weird gap in IE7 only (!) */
        *padding-bottom: 4px;
        _padding-bottom: 0px;
    }



/*  -----------------------------------------------------------------------
    /members/report-this/ (a fancybox lightbox viewable from /mospace/view/
    ----------------------------------------------------------------------- */

    #report-this-wrapper {
        padding: 10px;
    }
    #report-this-wrapper,       /* Attempt to get fancybox to size nicely. */
    #report-this-wrapper form {
        width: 475px;
        overflow: hidden;
    }
        #report-this-wrapper #report-heading {
            font-weight:bold;
            font-size:13px;
        }
        #report-this-wrapper #form_element_description {
            margin-bottom: 20px;
        }
            #report-this-wrapper #form_element_description textarea {
                width: 304px;
            }



/*  ----------------------------------------------------------------------
    /email/: "Email This" form (a fancybox lightbox viewable from /news/*)
    ---------------------------------------------------------------------- */

    #email-form {
        width: 460px;
        text-align: left;
        padding: 10px;
    }
    * html #email-form {
        width:480px;
    }
        #email-form #email-heading {
            font-weight: bold;
            font-size: 13px;
        }
        #email-form #email-subheading {
            color:#777;
            font-size:11px;
            margin-bottom:10px;
        }
        #email-form #email-content {
            border: 1px solid #777;
            padding: 8px;
            margin: 8px 0 0 0;
        }
            #email-form #email-content p strong {
                margin-bottom:8px;
            }
        #email-form #buttons {
            margin: 10px 0;
        }
            #email-form #buttons input {
                width: 90px;
                line-height: 24px;
                height: 24px;
                text-align: center;
            }
        #email-form #captcha-wrapper,
        #captcha-element {
            height: 115px;
        }
        #email-form #captcha-error-msg {
            color: #C00B0F;
            font-weight: bold;
        }
        #email-form #form_element_bcc_to_sender {
            margin: 15px 0;
        }
            #email-form #form_element_bcc_to_sender .form_element_label {
                display: inline;
                float: none;
                vertical-align: middle;
                padding: 0;
                padding-left: 4px;
            }
            #email-form #bcc_to_sender {
                float: none;
                vertical-align: middle;
            }



/*  -------------------------------------------------
    secondary countries specific styles and overrides
    -------------------------------------------------   */

    .yui-t4 #yui-main.secondary-country .yui-b {
        margin-right: 0;
        overflow: hidden;
    }

    body.register .yui-t4 #yui-main.secondary-country .yui-b,
    body.donate   .yui-t4 #yui-main.secondary-country .yui-b,
    body.mospace  .yui-t4 #yui-main.secondary-country .yui-b {
        margin-right: 123px; /* Undo above rule for secondary-country pages known to have a sidebar anyway */
    }

    div#tier2-sidebar { padding-top: 60px; }
    body.mospace div#tier2-sidebar { padding-top: 0px; }  /* Undo above rule for secondary-country pages known to have a sidebar anyway */

    .fb-sidebar {
        width: 338px;
        float: right;
    }

    .secondary-country .content-beside-fb-sidebar {
        width: 63%;
        float: left;
    }

    .secondary-country .yui-gc .tblGlobal-summary .countryname {
        width: 54% !important;
    }



/* MF: seems to only apply to /payment/ajax-get-donations/, under the admin site ... !? */
    table.details-table td,
    table.details-table th {
        padding:1px;
    }






/*  ======

    Events

    ======  */



/*  --------------------
    /events/gala-partes/
    --------------------  */



/*  ----------------------------
    /events/gala-partes/tickets/
    ----------------------------  */

    body.events .events-tickets .content-centre {
        padding-left: 0;
    }

    .events-tickets .process_message {
        width: 460px;
    }
    .events-tickets .errors {
        width: 470px;
    }
    .events-tickets .form-container {
        margin-top: 10px;
        width: 486px;
    }



/*  ------------------------------------
    /events/gala-partes/tickets/payment/
    ------------------------------------  */

        body.events-tickets-payment #form_element_method .form_element_input {
            width: 325px;
            margin-right: -20px;
        }






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

    MoCommunity

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

    body.mo-community-index #ft {
        margin-top: 0;
    }
    body.mo-community .hero-img { width:640px; height: 167px; margin: 0 auto; text-align: left; }
    body.mo-community #mocommunity-home-blurb { width:640px; height: 19px; margin:0 auto; margin-top: 5px; text-align: left;}
    body.mo-community .mocommunity-index { text-align:center; }

    body.mo-community .tile-menu-wrapper { width:480px; margin:0 auto; margin-top: 6px; overflow:auto; }
        body.mo-community .tile-menu-wrapper div.tile {
            float: left;
            margin: 0;
            margin-right: 8px;
            padding-bottom: 9px;
            overflow:hidden;
            text-align:left;
        }
        body.mo-community .tile-menu-wrapper div.last { margin-right:0; }
        body.mo-community .tile-menu-wrapper div.tile a {
            padding:0;
            width: 114px;
            height:32px;
            display: block;
            text-indent: -9999px;
            overflow: hidden;
            background-position: top left;
            background-repeat: no-repeat;
        }
        body.mo-community .tile-menu-wrapper #tile2 a,
        body.mo-community .tile-menu-wrapper #tile3 a,
        body.mo-community .tile-menu-wrapper #tile6 a,
        body.mo-community .tile-menu-wrapper #tile7 a {
            width: 113px;
        }
        body.mo-community .tile-menu-wrapper div.tile a:hover {
            background-position: center;
        }
        body.mo-community .tile-menu-wrapper div.tile a:active {
            background-position:bottom;
        }
        body.mo-community .tile-menu-wrapper div.tile div.tile-text { font-size: 90%; padding:6px 2px 2px 2px; }



/*  -------------------------
    /mo-community/mo-stories/
    -------------------------  */

    #mo-stories-wrapper {
        padding-top: 15px;
        width: 618px;
    }
        body.mo-community #mo-stories-wrapper .paginationControl {
            clear: left;
            margin-right: 14px;
        }
        #mo-stories-wrapper .mo-story-wrapper {
            float: left;
            overflow: hidden;
            width: 176px;
            background: #B1BFA7;
            padding: 8px;
            padding-top: 16px;
            margin-right: 14px;
            margin-bottom: 14px;
            position: relative; /* Positioning context for .read-story-button and maybe others */
        }
            #mo-stories-wrapper .mo-story-wrapper .mo-story-text-wrapper {
                position: relative;
                height: 7em;
            }
            #mo-stories-wrapper .mo-story-wrapper .image {
                overflow: hidden;
                margin: 0 auto;
                width: 112px;
                height: 134px;
                padding: 29px 29px 20px 23px;
                position: relative; /* Sizing context for contained link */
            }
                #mo-stories-wrapper .mo-story-wrapper .image a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }
                    #mo-stories-wrapper .mo-story-wrapper .image a img {
                        width: auto;
                        height: 100%;
                        display: block;
                    }
            #mo-stories-wrapper .mo-story-wrapper .title {
                margin-top: 10px;
            }
            #mo-stories-wrapper .mo-story-wrapper .story {
                margin: 5px 0;
            }
            #mo-stories-wrapper .mo-story-wrapper .snippet {
                margin: 5px 0;
            }
            #mo-stories-wrapper .mo-story-wrapper .author {
                margin: 5px 0;
                height: 2.5em;
                position: relative; /* Positioning context for helper span */
                overflow: hidden;   /* Name too long? 2 lines should be enough, so too bad */
                text-align: left;
            }
                #mo-stories-wrapper .mo-story-wrapper .author span {
                    display: block;
                    position: absolute;
                    width: 100%;
                    bottom: 0;
                }
            #mo-stories-wrapper .mo-story-wrapper .read-story-button {
            }
                #mo-stories-wrapper .mo-story-wrapper .read-story-button a.button {
                    display: block;
                    text-align: center;
                    width: 100%;
                    padding-left: 0;
                    padding-right: 0;
                }

    body.mo-community #submit-mo-story-form { float: left; width:650px; padding-left: 20px; }
        body.mo-community #submit-mo-story-form div.form_element div.form_element_input input  { width:482px; }
        body.mo-community #submit-mo-story-form div.form_element div.form_element_input textarea { width:485px; }
        body.mo-community #submit-mo-story-form div.form_element div.form_element_input input.file-upload { width:200px; }
        body.mo-community #submit-mo-story-form #form_element_image_1,
        body.mo-community #submit-mo-story-form #form_element_image_2,
        body.mo-community #submit-mo-story-form #form_element_image_3  { display:inline-block; width:370px; }
        body.mo-community #submit-mo-story-form .adjacent { display:inline-block; width:240px; vertical-align:top; }

    body.mo-community #edit-mostory-form .adjacent { display:none; }
    body.mo-community #submit-story-block { margin-top:20px; }
    body.mo-community #submit-story-block .instructions { margin-left:20px; color:#999; font-style:italic; }

    /* Used in /mo-community/create-mo-story/ and /mo-community/new-moscar/ */
    body.mo-community .intro { padding:10px; margin-bottom:15px; background: #ECEFE9; }  /* Looks a lot like a .process_message */

    body.mo-community #form_element_image_2 label,
    body.mo-community #form_element_image_3 label { visibility:hidden; }

    body.mo-community form .comment { color:#999; font-style:italic; margin-bottom:5px; }
    body.mo-community form div.column-two { margin-left:163px; }
    body.mo-community-mo-story-submitted #mo-story-submitted { float: left; width:650px; padding-left: 20px; }
        body.mo-community #mostory-thankyou-message { margin-bottom:15px; }
        body.mo-community #mostory-submitted-message { margin:20px 0; }

    body.mo-community #single-mo-story-wrapper { border:1px solid #888; height:450px; position:relative; }
        body.mo-community #single-mo-story-wrapper #panel-one,
        body.mo-community #single-mo-story-wrapper #panel-two { float:left; height:100%; }
        body.mo-community #single-mo-story-wrapper #panel-one { width:49.5%; border-right:1px solid #888; }
        body.mo-community #single-mo-story-wrapper #panel-two { width:50%; }
        body.mo-community #single-mo-story-wrapper #panel-one #big-image { width:288px; height:300px; margin:25px auto 0px; border:0px solid #888; }
        body.mo-community #single-mo-story-wrapper .inner-wrapper { margin:25px; height:360px; }
        body.mo-community #single-mo-story-wrapper .story { height:230px; overflow-y:auto; overflow-x:hidden; }
        body.mo-community #single-mo-story-wrapper .author { margin:5px 0; }
        body.mo-community #single-mo-story-wrapper .title { margin:5px 0; }
        body.mo-community #single-mo-story-wrapper .snippet { margin:5px 0; color:#999; font-style:italic; margin-bottom: 15px; }

    body.mo-community #previous_link,
    body.mo-community #next_link { position:absolute; width:100px; height:22px; bottom:10px; }
    body.mo-community #previous_link { left:10px; }
    body.mo-community #next_link { right:10px; text-align:right; }
    body.mo-community #previous_link a span, #next_link a span { font-size:14px; }
    body.mo-community #pager-wrapper { margin-top:15px; }
    body.mo-community #pager-message { width:49%; float:left; }
    body.mo-community #pager { width:49%; float:right; }
    body.mo-community .comment { color:#999; font-style:italic; }

    body.mo-community table.search_results {
        _font-family: arial,helvetica,clean,sans-serif;
    }

    body.mo-community fieldset#fieldset-message_group legend {
        display:none;
    }
    .facebook-pile { clear: both; margin-top:10px; width: 100%; display: none }
    body.fb-loggedin .facebook-pile { display: block } /* facepile has no friends if user is not logged in. Only show if user is logged in */

    /*  MoMaps   */

    body.mo-community .facebook-pile { clear: both; width: 100% }



    /*  ----------------------------------
        /mo-community/mo-tweets/ and
        /mo-community/mo-tweet-favourites/
        /mo-community/mo-tweet-picures/
        ----------------------------------  */

        .mo-tweets-sidebar {
            float: left;
            margin: 0 0 0 18px;
            width: 200px;
        }
            .mo-tweets-sidebar h2 {
                margin-top: 20px;
            }
            .mo-tweets-sidebar h2.first {
                margin-top: 0;
            }

        #get-more-tweets-button {
            display: none;
            margin-bottom: 20px;
        }

        #view-more-tweets-button{
            display: none;
            margin-top: 20px;
        }

        .tweet-stream-container {
            position: relative;
            min-height: 250px;
            _height: 250px;
        }
            .tweet-stream-container .tweet-stream-loader {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: rgba(255,255,255,0.75);
                _background: #FFFFFF;
                text-align: center;
            }

                .tweet-stream-loader .tweet-stream-loading-text {
                    display: inline-block;
                    *display: inline; zoom: 1;
                    margin-top: 75px;
                    border: 1px solid #888;
                    padding: 30px 20px;
                    padding-top: 55px;
                    background: #FFFFFF url(/images/loading.gif) center 30px no-repeat;
                    text-align: center;
                }

            .tweet-stream {}

                .mo-tweet {
                    padding-top: 15px;
                    border-top: 1px solid #EEEEEE;
                    margin-top: 15px;
                    zoom:1;
                }
                .mo-tweet_first {
                    padding-top: 0;
                    border-top: 0;
                    margin-top: 0;
                }
                .mo-tweet:after {
                    content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both;
                }
                    .mo-tweet .profile-image {
                        float: left;
                        width: 48px;
                    }
                    .mo-tweet .tweet-content {
                        width:389px;
                        float:right;
                    }

            .tweet-pic-stream {
                zoom: 1;
                margin-right: -10px;
                margin-top: -20px;
            }
            .tweet-pic-stream:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }

                .mo-tweet-pic {
                    float: left;
                    width: 217px;
                    margin-right: 10px;
                    margin-top: 20px;
                    position: relative; /* Sizing context for children */
                }
                    .mo-tweet-pic .profile-image {
                        float: left;
                        width: 48px;
                        margin-right: 10px;
                    }
                    .mo-tweet-pic .tweet-content {
                        float: right;
                        width: 159px;
                    }
                        .mo-tweet-pic .tweet-text-container {
                            height: 9em;
                            margin-bottom: 0;
                            position: relative; /* Positioning context for fade-away */
                            overflow: hidden;
                        }
                            .mo-tweet-pic .tweet-text-container .list-overflow-overlay {
                                background: url(/theme/2011/img/mo-tweets/fg_list-overflow.png) top left no-repeat;
                                _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/theme/2011/img/mo-tweets/fg_list-overflow.png', sizingMethod='crop');
                                height: 24px;
                                position: absolute;
                                left: 0;
                                bottom: 0;
                                width: 100%;
                            }
                    .mo-tweet-pic .image-thumb {
                        float: right;
                        width: 159px;
                        margin-top: 6px;
                        height: 125px;
                        line-height: 125px;
                        font-size: 0;
                        overflow: hidden;
                        text-align: left;
                    }
                        .mo-tweet-pic .image-thumb a {
                            display: inline;
                            vertical-align: middle;
                            border: 0;
                        }
                            .mo-tweet-pic .image-thumb img {
                                display: inline;
                                vertical-align: middle;
                                max-width: 125px;
                                max-height: 125px;
                            }
                    .mo-tweet-pic .since-links .tweet-since {
                        width: auto;
                    }

            .tweet-content {}
                .tweet-content .tweet-author {
                    margin-bottom:5px;
                }
                .tweet-content .tweet-text-container {
                    margin-bottom:5px;
                }
                .tweet-content .since-links {
                    zoom:1;
                }
                .tweet-content .since-links:after {
                    content:"."; display:block; height:0; font-size:0; visibility:hidden; clear:both;
                }
                    .since-links .tweet-since {
                        float: left;
                        width: 50%;
                        font-style: italic;
                        color: #999999;
                    }
                    .since-links .tweet-links {
                        float: right;
                        width: 49%;
                        text-align: right;
                        font-size: 85%;
                        text-transform: uppercase;
                        margin-top: 0.2em;
                    }
                        .since-links .tweet-links a {
                            margin-left:8px;
                        }


        #twitter-top-tweeters-wrapper,
        #twitter-new-to-twitter-text,
        #twitter-sign-up-controls,
        #twitter-follow-mov-wrapper {
            margin-bottom:10px;
        }

        #twitter-sign-up-controls {
            color:#999;
        }

        #twitter-disclaimer-wrapper {
            border: 1px dotted #999;
            padding: 10px;
            margin-top: 20px;
        }
            #twitter-disclaimer-wrapper p {
                margin-bottom: 0;
            }



    /*  ---------------------
        /mo-community/mo-maps
        ---------------------  */

        /* See in this CSS file: map.phtml */



    /*  ----------------------
        /mo-community/moscars/
        ----------------------  */

        .moscars h3 { margin:20px 0 10px; text-transform:none; }
        .moscars-outer-wrapper { position:relative; zoom:1; }
        .moscars-outer-wrapper:after { content:"."; display:block; height:0; font-size:0; visibility:none; clear:both; }
        .moscars-category-viewport { height:100%; width:100%; position:relative; overflow:hidden; }
        .moscars-blocks-wrapper { height:100%; width:2000px; position:relative; }
        body.mo-community-moscars .scroll-block { height:100%; float:left; }
        .moscar-mini-video { width:120px; height:90px; overflow:hidden; margin:0 5px 5px 0; float:left; }
            .moscar-mini-video a { display: block; height:100%; }
                .moscar-mini-video a img { display: block; }
        .moscars-outer-wrapper .previous-btn, .moscars-outer-wrapper .next-btn { text-align:center; position:absolute; width:14px; height:15px; color:#000; border-width:1px; border-style:solid; border-color:#ddd #ddd #999 #999; background-color:white; top:87px; z-index:10px; }
        .moscars-outer-wrapper .previous-btn a, .moscars-outer-wrapper .next-btn a { display:block; height:100%; text-decoration:none; }
        .moscars-outer-wrapper .previous-btn { left:-7px; display:none; }
        .moscars-outer-wrapper .next-btn { right:-7px; }

        body.mo-community-moscars .moscars-content-block {
            margin-top: 10px;
            margin-bottom: 25px;
        }
        body.mo-community-moscars .moscars-content-block_first {
            margin-top: -0.2em;
        }
        body.mo-community-moscars #hero-video {
            margin-bottom:25px;
        }
        body.mo-community-moscars .moscars-category-intro {
            margin-top: 25px;
            margin-bottom: 10px;
        }

        /* block-scroller contents */

        body.mo-community-moscars .moscar-mini-video {
            width: 120px;
            height: 90px;
            overflow: hidden;
            margin: 0 5px 5px 0;
            float:left;
        }
            body.mo-community-moscars .moscar-mini-video a {
                display: block;
                height: 100%;
            }
                body.mo-community-moscars .moscar-mini-video a img {
                    display: block;
                }

        body.mo-community-moscars #how-to-enter-heading { font-size:13px; font-weight:bold; margin-top: -0.2em; margin-bottom:10px; }
        body.mo-community-moscars #how-to-enter-description { margin-bottom:10px; }
        body.mo-community-moscars #how-to-enter-contact-us { margin-bottom:10px; }
        body.mo-community-moscars #how-to-enter-button { margin-bottom:10px; }
            body.mo-community-moscars #how-to-enter-button .button { padding-left: 0; padding-right: 0; width: 100%; text-align: center; }



    /*  --------------------------------
        /mo-community/brushes-with-fame/
        --------------------------------  */

        body.mo-community #brushes-wrapper { padding-top:15px; zoom:1; }
        body.mo-community #brushes-wrapper:after { content:"."; display:block; height:0; font-size:0; visibility:none; clear:both; }
            body.mo-community .brush-thumb-image { margin:0 5px 5px 0; width:135px; height:135px; float:left; overflow:hidden; }
            body.mo-community #brushes-wrapper .instructions { margin-left:20px; color:#999; font-style:italic; }

        body.mo-community .mophotos-grid {
            *zoom: 1;
        }
        body.mo-community .mophotos-grid:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }


        #submit-brushes-block { margin-top:15px; }
            #submit-brushes-block .instructions { color:#999; font-style:italic; }

        #submit-brushes-block .information { padding-bottom:10px;}
        #submit-brushes-form { width:650px; }
            #submit-brushes-form div.form_element div.form_element_input input,
            #submit-brushes-form div.form_element div.form_element_input textarea { width:431px; }
            #submit-brushes-form div.form_element div.form_element_input input.file-upload { width:200px; }
            #submit-brushes-form #form_element_image_1, #submit-brushes-form #form_element_image_2, #submit-brushes-form #form_element_image_3  { display:inline-block; width:370px; }
            #submit-brushes-form .adjacent { display:inline-block; width:265px; vertical-align:top; }

        #brushes-thankyou-message { /* Looks like .process_message */
            padding:10px; margin-bottom:15px; background: #ECEFE9;
        }
        #brushes-submitted-message { margin:20px 0; }

        #edit-brushes-form .adjacent { display:none; }

        /* .block-scroller contents */

        body.mo-community-view-brush-with-fame .brush-image,
        body.mo-community-view-mo-photo .brush-image,
        .mov-gallery .brush-image {
            width: 85px;
            height: 85px;
            overflow: hidden; /* Intent: clip .brush-image a */
            margin: 0 2px 2px 0;
            float: left;
            position: relative; /* Intent: sizing context for child link and img */
        }
            body.mo-community-view-brush-with-fame .brush-image a,
            body.mo-community-view-mo-photo .brush-image a,
            .mov-gallery .brush-image a {
                display: block;
                width: 100%;
                height: 100%;
                text-align: center;
                line-height: 85px;
            }
                body.mo-community-view-brush-with-fame .brush-image a img,
                body.mo-community-view-mo-photo .brush-image a img,
                .mov-gallery .brush-image a img {
                    display: inline-block; *display: inline; *zoom: 1;
                    vertical-align: middle;
                    width: 100%; _width: 100%;
                    height: 100%; _height: 100%;
                }

        .jim-bbq-image { height:200px; }

        body.mo-community #brushes-wrapper { padding-top:15px; zoom:1; }
        body.mo-community #brushes-wrapper:after { content:"."; display:block; height:0; font-size:0; visibility:none; clear:both; }
            body.mo-community .brush-thumb-image {
                margin:0 5px 5px 0;
                width:135px;
                height:135px;
                float:left;
                overflow:hidden; /* Intent: force clipping on children */
                line-height: 135px;
                text-align: center;
                position: relative; /* Intent: sizing context for children */
            }
            body.mo-community .brush-thumb-image a {
                width: 100%;
                height: 100%;
                display: block;
            }
                body.mo-community .brush-thumb-image img {
                    display: inline-block; *display: inline; *zoom: 1;
                    vertical-align: middle;
                    max-width: 100%; _width: 100%;
                    max-height: 100%; _height: 100%;
                }
            body.mo-community #brushes-wrapper .instructions { margin-left:20px; color:#999; font-style:italic; }

        #submit-mophotos-block { margin-bottom:20px; }
        #submit-mophotos-block .instructions { color:#999; font-style:italic; }



    /*  ----------------------------------
        /mo-community/new-brush-with-fame/
        ----------------------------------  */

        body.mo-community-new-brush-with-fame #form_element_caption .form_element_input {
            float: none;
        }

        body.mo-community-new-brush-with-fame #form_element_caption {
            *zoom: 1;
        }
        body.mo-community-new-brush-with-fame #form_element_caption:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            body.mo-community-new-brush-with-fame #form_element_caption .description {
                margin-top: 6px;
            }
            body.mo-community-new-brush-with-fame #form_element_caption .form_element_label {
                float: left;
                *margin-right: -0.27em;
            }
            body.mo-community-new-brush-with-fame #form_element_caption .form_element_input {
                overflow: hidden;
                *zoom: 1; /* Oh behave, IE6! (New block formatting context) */
            }



        /** Upload file styles **/

        .form_element_samurai-fileuploader {}
            .form_element_samurai-fileuploader .description {
                float: left;
                margin: 7px 0 0 10px;

            }
            .samurai-fileuploader {
                display: inline-block; *display: inline; *zoom: 1;
                position: relative;
            }
                .samurai-fileuploader .qq-uploader .description {
                    float: none;
                    margin:0;padding:0;
                    display: inline-block; *display: inline; *zoom: 1;
                    vertical-align: middle;
                }
                .samurai-fileuploader .qq-uploader .qq-upload-button {
                    vertical-align: middle;
                    margin-right: 10px;
                }

                .samurai-fileuploader .delete_action {
                    margin-top: 14px;
                }

                .samurai-fileuploader .upload-preview {
                    width: 50px;
                    /*display: inline-block;
                    border: 1px solid red;*/
                    float: left;
                    position: static;
                    display: none;
                }
                .samurai-fileuploader .upload-preview .loading {
                /*    border: 10px solid yellow; */
                }
                .samurai-fileuploader .upload-preview-done {
                    display: inline-block; *display: inline; *zoom: 1;
                }
                .samurai-fileuploader .upload-button {
                    float: left;
                    display: inline-block; *display: inline; *zoom: 1;
                }
                .samurai-fileuploader .upload-button-done .qq-upload-button {
                    display: none !important; /* Specificity war spurred by fileuploader.css */
                }
                .samurai-fileuploader ul.qq-upload-list {}
                    .samurai-fileuploader ul.qq-upload-list li {
                        list-style: disc;
                    }



    /*  ------------------------------
        /mo-community/create-mo-story/
        ------------------------------  */

        body.mo-community-create-mo-story .form_element_input .delete_action {
            margin-top: 14px;
        }
        body.mo-community-create-mo-story .qq-uploader {
            float: left;
            width: auto;
        }

            body.mo-community-create-mo-story .qq-upload-button {
                float: left;
                width: auto;
            }
            body.mo-community-create-mo-story .qq-upload-list {
                width: 298px;
                *width: 295px;
            }



/*  ----------
    /register/
    ----------  */

    body.register .content-wrapper,
    body.register .content-centre {
        width: 836px;
    }



/*  ---------
    /donate/*
    ---------  */

        body.donate .donate-to-boxes {
            zoom: 1;
            position: relative; /* Intent: sizing context for children */
            margin-bottom: 20px;
        }
        body.donate .donate-to-boxes:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            body.donate .donate-to-box {
                width: 26.5%;
                float: left;
                position: relative; /* Intent: sizing context for children */
            }
            body.donate .donate-to-box-separator {
                margin-left: 5%;
                background: #DDDDDD;
                width: 1px;
                height: 7.5em;
                float: left;
                overflow: hidden;
                margin-right: 5%;
            }

                body.donate .donate-to-box .button {
                    display: block;
                    width: 100%;
                    padding-left: 0;
                    padding-right: 0;
                    text-align: center;
                }

    body.donate .required-fields-statement {
        width: auto;
        float: right;
        white-space: nowrap;
    }

    body .cc-form div.form_element_label,    /* why the tags? specificity war against forms.css */
    .cc-form #form_element_method .form_element_label {   /* Not sure why 'method' had an override in forms.css, so specificity wars it is */
        width: 175px; /* Add default 5px padding-right = 180px */
    }
    .cc-form .form-footer .form-footer-required-back {
        width: 180px;
    }
    .cc-form .payment-errors {
        margin-left: 180px;
    }
    .cc-form #form_element_amount .form_element_input .currency {
        margin-right: -175px;
    }
    .cc-form #form_element_method_description .form_element_label {
        height: 10px; /* Tall enough to push the (top-padded) description out to be in line with inputs */
    }
    .cc-form #form_element_method_description .description {
        padding-top: 10px;
        overflow: hidden; /* Intent: fill non-float width only */
    }



/*  ----------------
    /donate/message/
    ----------------  */

    body.donate-message #form_element_privacy .form_element_label_radio {
        padding-top: 0;
    }



/*  -----------------
    /donate/thankyou/
    -----------------  */

    body.donate-thank-you h2 {
        margin-bottom: 25px;
    }

    body.donate-thank-you .thank-you-box {
        width: 560px;
    }





/*  -----------------------
    /register/*
    /donate/*
    /mospace/edit-details/*
    -----------------------  */

    body.register     .team-members,
    body.donate       .team-members,
    body.edit-details .team-members{
        position: relative; /* Intent: sizing context for at least .team-member */
        zoom: 1;
        margin-right: -1.6%;
    }
    body.register       .team-members:after,
    body.donate         .team-members:after,
    body.edit-details   .team-members:after{
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }

    body.register     .rows-of-5_team-members,
    body.donate       .rows-of-5_team-members,
    body.edit-details .rows-of-5_team-members {
        margin-right: -2%;
    }
        body.register       #core-content .rows-of-5_team-members .paginationControl,
        body.donate         #core-content .rows-of-5_team-members .paginationControl,
        body.edit-details   #core-content .rows-of-5_team-members .paginationControl {
            padding-right: 2%;
            padding-bottom: 10px;
        }

        body.register       .team-members .team-member,
        body.donate         .team-members .team-member,
        body.edit-details   .team-members .team-member {
            width: 15%;
            margin-right: 1.6%;
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: top;
            text-align: center;
        }

        body.register     .rows-of-5_team-members .team-member,
        body.donate       .rows-of-5_team-members .team-member,
        body.edit-details .rows-of-5_team-members .team-member {
            width: 18.4%;
            margin-right: 1.4%;
            margin-bottom: 10px;
        }
        body.edit-details .rows-of-5_team-members .team-member { width: 18% }

            body.register     .team-members .team-member .name-container,
            body.donate       .team-members .team-member .name-container,
            body.edit-details .team-members .team-member .name-container {
                display: block;
                text-align: center;
                line-height: 2.5;
                _height: 2.5em;
            }
                body.register     .team-members .team-member .name,
                body.donate       .team-members .team-member .name,
                body.edit-details .team-members .team-member .name {
                    display: inline-block; *display: block; *zoom: 1;
                    line-height: 1.25;
                }

            body.register     .team-members .team-member .profile-picture,
            body.donate       .team-members .team-member .profile-picture,
            body.edit-details .team-members .team-member .profile-picture {
                display: block;
                margin: 0 auto;
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                overflow: hidden;
            }
                body.register     .team-members .team-member .profile-picture img,
                body.donate       .team-members .team-member .profile-picture img,
                body.edit-details .team-members .team-member .profile-picture img {
                    display: inline-block; *display: inline; *zoom: 1;
                    vertical-align: middle;
                }



    /*  --------------------------------
        /register/find-team/
        /donate/find-team/
        /mospace/edit-details/find-team/
        --------------------------------  */

        body.register-find-team     #token_team_search_form-element,
        body.edit-details-find-team #token_team_search_form-element {
            clear: left;
        }
        body.register-find-team     .content-centre,
        body.edit-details-find-team .content-centre {
            float: none;
            zoom: 1;
        }
        body.register-find-team     .content-centre:after,
        body.edit-details-find-team .content-centre:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }

        body.register-find-team     .centered-form-wrapper,
        body.edit-details-find-team .centered-form-wrapper {
            text-align: center;
        }

            body.register-find-team     .team-results,
            body.donate-find-results    .team-results,
            body.edit-details-find-team .team-results {}
                body.register-find-team     .team-members-container,
                body.donate-find-results    .team-members-container,
                body.edit-details-find-team .team-members-container {}
                    body.register-find-team     .team-results .team-showhidelinks,
                    body.donate-find-results    .team-results .team-showhidelinks,
                    body.edit-details-find-team .team-results .team-showhidelinks {
                        margin-top: 5px;
                    }
                    body.register-find-team     .team-results .team-members-container .team-members-button-container,
                    body.donate-find-results    .team-results .team-members-container .team-members-button-container,
                    body.edit-details-find-team .team-results .team-members-container .team-members-button-container{
                        margin-top: 10px;
                        zoom: 1;
                    }
                    body.register-find-team     .team-results .team-members-container .team-members-button-container:after,
                    body.donate-find-results    .team-results .team-members-container .team-members-button-container:after,
                    body.edit-details-find-team .team-results .team-members-container .team-members-button-container:after {
                        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
                    }

    /*  ---------------------------------
        /register/find-team-confirmation/
        ---------------------------------  */

        body.register-find-team-confirmation .zend_form {}
            body.register-find-team-confirmation #token_team_search_form-element {
                clear: left;
            }
            body.register-find-team-confirmation #form_element_search {
                overflow: visible;
                zoom: 1;
            }
            body.register-find-team-confirmation #form_element_search:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }
                body.register-find-team-confirmation #form_element_search .description {
                    white-space: nowrap;
                }

    /*  ---------------------------
        /register/complete-profile/
        ---------------------------  */

        body.register-complete-profile .form-wrapper {
            width: 66%;
        }

        body.register-complete-profile #edit-personalurl-form {}
            body.register-complete-profile #edit-personalurl-form #form_element_personalurl {
                float: left;
                clear: none;
            }
            body.register-complete-profile #edit-personalurl-form #edit-personalurl-message-available {
                padding-left: 105px;
                padding-top:10px;
                font-weight: bold;
            }
            body.register-complete-profile #edit-personalurl-form .description {
                padding-left: 105px;
                position: relative;
                top: -0.7em;
                margin-bottom: -0.7em;
                clear: both;
                display: block;
            }
            body.register-complete-profile #edit-personalurl-form .mospace_formButtons {
                margin-top: 5px;
                padding-left: 105px;
            }

            body.register-complete-profile #form_element_occupation .form_element_label {
                display: none;
            }

                body.register-complete-profile #form_element_occupation .form_radio_wrapper {
                    clear: none;
                    float: left;
                    margin-right: 30px;
                }
            body.register-complete-profile #form_element_spokesperson_story .form_element_input {
                float: none;
                clear: left;
            }
                body.register-complete-profile #form_element_spokesperson_story .form_element_input input {
                    width: 98.5%;
                }


    /*  -----------------------------------
        /register/team-details/
        /donate/team-details/
        /mospace/edit-details/team-details/
        -----------------------------------  */

        body.register-team-details,
        body.donate-team-details,
        body.edit-details-team-details {}

            body.register-team-details     .left-sidebar-wrapper,
            body.donate-team-details       .left-sidebar-wrapper,
            body.edit-details-team-details .left-sidebar-wrapper {
                width: 32%;
                float: left;
            }
            body.register-team-details     .team-details-wrapper,
            body.donate-team-details       .team-details-wrapper,
            body.edit-details-team-details .team-details-wrapper {
                zoom:1;
            }
            body.register-team-details     .team-details-wrapper:after,
            body.donate-team-details       .team-details-wrapper:after,
            body.edit-details-team-details .team-details-wrapper:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }
                body.register-team-details     .team-details-content-wrapper,
                body.donate-team-details       .team-details-content-wrapper,
                body.edit-details-team-details .team-details-content-wrapper {
                    width: 66%;
                    float: left;
                }

                    body.register-team-details     .team-picture,
                    body.donate-team-details       .team-picture,
                    body.edit-details-team-details .team-picture {
                        margin-bottom: 10px;
                    }
                        body.register-team-details     .team-picture img,
                        body.donate-team-details       .team-picture img,
                        body.edit-details-team-details .team-picture img {
                            display: block;
                        }
                    body.register-team-details     .left-sidebar-wrapper .button,
                    body.donate-team-details       .left-sidebar-wrapper .button,
                    body.edit-details-team-details .left-sidebar-wrapper .button {
                        width: 220px;
                        text-align: center;
                        padding-left: 0;
                        padding-right: 0;
                    }
                    body.register-team-details     .search-again,
                    body.donate-team-details       .search-again,
                    body.edit-details-team-details .search-again {
                        margin-top: 25px;
                    }
                        body.register-team-details .search-again h2 {
                            margin-bottom: 20px;
                        }
                        body.register-team-details #team_search_form,
                        body.donate-team-details   #team_search_form,
                        body.edit-details-team-details #team_search_form {
                            width: auto;
                        }
            body.register-team-details     .header-block,
            body.donate-team-details       .header-block,
            body.edit-details-team-details .header-block {
                margin-bottom: 20px;
                overflow: hidden; *zoom: 1; /* Intent: don't horizontally intrude onto floats */
            }
            body.register-team-details     .button-container,
            body.donate-team-details       .button-container,
            body.edit-details-team-details .button-container {
                float: right;
                margin-left: 10px;
            }

    /*  ----------------------
        /register/invite/
        /register/post-invite/
        ----------------------  */

        body.register-invite #crumb-header,
        body.register-post-invite #crumb-header {
            display: none;
        }
        body.register-invite #core-content,
        body.register-post-invite #core-content {
            padding-top: 5px;
        }



    /*  ---------------------
        /register/start-team/
        ---------------------  */

        body.register-start-team #crumb-header {
            display: none;
        }
        body.register-start-team #core-content {
            padding-top: 5px;
        }
        body.register-start-team .form-footer-required-back {
            width: 158px;
            padding-right: 5px; /* Matches .form_element_label */
        }



    /*  -----------------------
        /register/team-details/
        -----------------------  */

        body.register-team-details .zend_form {}
            body.register-team-details #token_team_search_form-element {
                clear: left;
            }
            body.register-team-details #form_element_search {
                overflow: visible;
                zoom: 1;
            }
            body.register-team-details #form_element_search:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }
                body.register-team-details #form_element_search .description {
                    white-space: nowrap;
                }



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

        body.photo-gallery-select .mospace-content {
            padding-top: 10px;
        }
        body.photo-gallery-select #edit-profile {
            margin: 0 5px 0 15px;
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: middle;
        }
        body.photo-gallery-select .or-word {
            margin-top: 20px;
        }



/*  ======

    IDIOMS

    ======  */


/*  -------
    section
    -------  */

    /*
        section = .section > section-header + .section-body + .section-footer
        section-header = .section-header > section-header-links? + h1|h2|h3|h4|h5|h6
        section-header-links = .section-header-links > .section-header-link[.first|.last]*

        Usage:
        - Primary: grouping content together with its heading
        - Secondary: supporting a menu of actions (tentatively, 'links', as that's their typical form)
        - Tertiary: styling hooks -- a .section-footer, even if empty, is mandatory for this reason
    */

    .section,
        .section-header,
        .section-body,
        .section-footer {
           *zoom: 1;
        }
    .section:after,
        .section-header:after,
        .section-body:after,
        .section-footer:after {
           content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }

        .section .section-header h2,
        .section .section-header h3,
        .section .section-header h4,
        .section .section-header h5,
        .section .section-header h6 {
            margin-top: 0;
        }

        .section-header-links { /* Formatted like option-list */
            float: right;
        }
            .section-header-links .first {
                margin-left: 0;
                border-left: none;
                padding-left: 0;
            }
            .section-header-links .last {
                padding-right: 0;
                border-right: none;
                margin-right: 0;
            }
            .section-header-link {
                 display: inline-block;
                 *display: inline; zoom: 1;
                 margin-left: 5px;
                 border-left: 1px solid #CCC;
                 padding-left: 5px;
                 margin-right: -0.3em; /* whitespace-canceller */
                 line-height: 1;
            }



/*  ----------------------
    this-or-that-container
    ----------------------  */

    /*
        this-or-that-container = .this-or-that-container > .item + .or + .item

        Usage:
        Group button-pairs, one of which is the primary action, the other of
        which is secondary. It's worth noting that if you don't need to separate
        two actions with the word 'or', you shouldn't use this idiom. Consider
        using .action-list instead.

        e.g. Submit OR Cancel

        Buttons are placed inside the .item elements -- Zend Forms markup will have
        extraneous margins removed.
    */

    .this-or-that-container {
        display: block;
    }
        .this-or-that-container .item {
            display: inline-block;
            *display: inline; zoom: 1;
            vertical-align: middle;
        }
            .this-or-that-container fieldset,
            .this-or-that-container fieldset dl {
                margin: 0;
            }
            .this-or-that-container .form_element,
            #payment_form .this-or-that-container #form_element_submit {    /* This second line is for IE6/7's benefit ... */
                margin: 0; float: none;
            }
            .this-or-that-container .form_element_label {
                float: none; /* Prefer label-always-above-control to leaving a gap when the label is empty */
                margin-right: 5px; margin-top: 3px; /* mimic padding using margin */
                width: auto; /* Even an Nx0 element takes up width - don't leave that gap when the label is empty! */
            }
            .this-or-that-container .form_element_errors {
                margin-bottom: 0;
            }
        .this-or-that-container .or {
            display: inline-block;
            *display: inline; zoom: 1;
            font-style: oblique;
            color: #888;
            vertical-align: middle;
            padding-left: 4px;
            padding-right: 4px;
        }



/*  -----------
    form-footer
    -----------

        form-footer = .form-footer > form-footer-required-back + form-footer-continue
        form-footer-required-back = .form-footer-required + form-footer-back
        form-footer-back = .form-footer-back > a
        form-footer-continue = .form-footer-continue > (some sort of button, maybe a Zend field)

        Groups 'back', 'continue/proceed/next' and '* Required' together, ensures they
        are presented consistently.

        Defaults to "labels-on-left" alignment.
    */

    .form-footer {
        *zoom: 1;
        padding-top: 20px;
        position: relative; /* Required for IE6; it can't always place absolute elements properly without left or top defined */
    }
    .form-footer:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        .form-footer-required-back {
            width: 145px;
            *zoom: 1;
            float: left;
        }
        .form-footer-required-back:after {
            content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
        }
            .form-footer .form-footer-required {
                overflow: hidden;
                line-height: 1.2em;
                font-size: 90%;
                margin-top: 0.5em;
                *margin-top: 0.55em;
                padding-left: 0.67em;
                text-indent: -0.67em;
                padding-right: 5px;
            }
            .form-footer .form-footer-back {
                float: right;
                min-height: 1px; _height: 1px;
            }
                .form-footer .form-footer-back a {
                    float: left;
                    line-height: 22px;
                    display: block;
                    margin-right: 10px;
                }
        .form-footer .form-footer-continue {
            overflow: hidden; *display: inline; *zoom: 1;
        }
            .form-footer .form-footer-continue .this-or-that-container {
            }
            .form-footer .form-footer-continue .form_element {
                margin: 0 !important;
                padding: 0 !important;
                float: none !important;
                display: block !important;
                *float: left !important;
                *padding-right: 0.25em;
            }
            .form-footer .form-footer-continue .form_element_label {
                display: none;
            }
                .form-footer .form-footer-continue .form_element_input input,
                .form-footer .form-footer-continue .form_element_input button {
                    margin: 0 !important;
                }



/*  -----------
    action-list
    -----------

        action-list = .action-list > action*
        action = .action > .icon?

        Action-lists neatly group actions.
        An action is most aptly described as a 'link-button'.

        Notes:
        You can use .action alone, it doesn't need a container.

        With Movember's 2011 theme, actions present in small caps and are separated
        only by whitespace (not vertical bars / pipe symbols).

        If your .action is not an <a> tag, currently you can add the forced-link_action
        class to give it a hand cursor. The merits of this hack is questionable, and
        we might opt to just force a hand cursor on all .actions.
    */

    .action-list {
        *zoom: 1;
    }
    .action-list:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        .action-list .action {
            margin-left: 5px;
        }
        .action-list .first {
            margin-left: 0;
        }
    .action {
        display: inline-block; *display: inline; *zoom: 1;
        white-space: nowrap;
        font-size: 80%;
        text-transform: uppercase;
        vertical-align: baseline;
    }
        .action .icon {
            padding-left: 4px;
            display: inline-block;
            zoom: 1; *display: inline;
            vertical-align: middle;
            margin-bottom: 1px;
        }
    .forced-link_action {
        padding-left:8px; cursor: pointer;
    }

    /*  -----------------
        Icons definitions
        -----------------  */

        .delete_action .icon {
            width: 16px;
            height: 16px;
            background: #FFFFFF url(/theme/2011/img/icons/actions/delete.gif) 4px 0 no-repeat;
        }
        .delete_action:hover .icon {
            background-position: 4px -16px;
        }



/*  --------------
    block-scroller
    --------------

        Known usages as at 2011-07-19:

        /mo-community/moscars/
        /mo-community/brushes-with-fame/

        Intent:
        Ad-hoc scaffolding to serve as a common base for styling this particular
        type of carousel (paging through blocks of multiple items).
    */

    .block-scroller {
        position: relative; /* Intent: sizing content for .block-scroller-viewport and .*-btn (as at 2011-07-19) */
        zoom:1;
    }
    .block-scroller:after {
        content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
    }
        .block-scroller .block-scroller-viewport {
            height: 100%;
            position: relative; /* Intent: sizing context for .block-scroller-blocks */
            overflow: hidden;
        }
            .block-scroller .block-scroller-blocks {
                height: 100%;
                width: 40000px;
                position:relative;
            }
                .block-scroller .scroll-block {
                    height: 100%;
                    float: left;
                }
        .block-scroller .previous-btn,
        .block-scroller .next-btn {
            position: absolute;
            color: #000000;
            width: auto;
            top: 50%;
            height: auto;
            z-index: 10;
        }
        .block-scroller .previous-btn {
            left: 0px;
            display: none;  /* Assumption: block-scroller's initial scroll-position is left-most position, and visibility is not init'ed by JS. */
        }
        .block-scroller .next-btn {
            right: 0px;
        }
            .block-scroller .previous-btn a,
            .block-scroller .next-btn a {
                display: block;
                width: auto;
                height: auto;
                text-decoration: none;
                background: #FFFFFF;
            }

    body.mo-community-view-brush-with-fame .block-scroller,
    body.mo-community-view-mo-photo .block-scroller,
    .mov-gallery .block-scroller {
        margin: 20px 0;
        height: 95px;
        width: 700px;
    }
        body.mo-community-view-brush-with-fame .block-scroller-viewport,
        body.mo-community-view-mo-photo .block-scroller-viewport,
        .mov-gallery .block-scroller-viewport {
            width: 100%;
        }



/*  ---------------
    FreeForms forms
    ---------------  */

    /* Based on forms_v2 (Martin Funcich) -- quick framework to support non-Zend Forms markup */
    /* Naming this thing "FreeForms" so namespacing is simple: ".ff-{whatever}" */
    /* Namespacing is required because many classes use otherwise very generic (collision-prone) naming */

    .ff-fieldset,
        .ff-field,
            .ff-control {
                zoom:1;
                position:relative;
            }
    .ff-fieldset:after,
        .ff-field:after,
            .ff-control:after {
                content:".";display:block;height:0;font-size:0;visibility:hidden;clear:both;
            }

    .ff-fieldset {}
        .ff-field {
            display: block;
            margin-top: 10px;
        }
        .ff-first_field {
            margin-top: 0;
        }
            .ff-field label,
            .ff-field .ff-control,
            .ff-field .ff-helptext {
                display: block;
            }
        .ff-field .ff-field {
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: top;
        }

    .ff-labels-on-left_fieldset {}
        .ff-labels-on-left_fieldset .ff-field label {
            width: 12em;    /* Arbitrary, but constant width. */
            margin-right: 5px;
            display: inline-block;
            *display: inline; zoom: 1;
            vertical-align: middle;
        }
        .ff-labels-on-left_fieldset .ff-field .ff-control {
            display: inline-block;
            *display: inline; zoom: 1;
            vertical-align: middle;
        }
        .ff-labels-on-left_fieldset .ff-field .ff-helptext {
            margin-left: 5px;
            padding-left: 12em;
        }
        .ff-labels-on-left_fieldset .ff-control .ff-helptext {
            margin:0;padding:0;
        }

    .ff-horizontal_fieldset {}
        .ff-horizontal_fieldset .ff-field {
            display: inline-block;
            *display: inline; zoom: 1;
            vertical-align: middle;
            margin-right: 15px;
            margin-top: 0;
            *float: left; *margin-right: 0.3em;
        }
            .ff-horizontal_fieldset .ff-field label {
                *float: left; *margin-right: 0.3em; *margin-top: -2px;
            }
            .ff-horizontal_fieldset .ff-field .ff-control {
                *float: left; *margin-right: 0.3em; *clear: left;
            }
            .ff-horizontal_fieldset .ff-field .ff-helptext {
                *float: left; *clear: left;
            }
        .ff-horizontal_fieldset .ff-last_field {
            margin-right: 0;
        }
        .ff-horizontal_fieldset .ff-rhs_field {
            float: right;
            *position: absolute;
            *right: 0;
        }

    .ff-labels-on-left_horizontal_fieldset {}
        .ff-labels-on-left_horizontal_fieldset .ff-field {}
            .ff-labels-on-left_horizontal_fieldset .ff-field label,
            .ff-labels-on-left_horizontal_fieldset .ff-field .ff-control,
            .ff-labels-on-left_horizontal_fieldset .ff-field .ff-helptext {
                width: auto;
                display: inline-block;
                *display: inline; zoom: 1;
                vertical-align: middle;
            }
            .ff-labels-on-left_horizontal_fieldset .ff-field label {
                margin-right: 5px;
            }
            .ff-labels-on-left_horizontal_fieldset .ff-field .ff-helptext {
                margin-left: 5px;
            }
            .ff-labels-on-left_horizontal_fieldset .ff-field .ff-control {
                *clear: none;
            }
            .ff-labels-on-left_horizontal_fieldset .ff-field .ff-helptext {
                *clear: none;
            }


    /* Known label-less controls */

    .ff-fieldset .ff-search_textbox_field,
    .ff-horizontal_fieldset .ff-radio_field,
    .ff-horizontal_fieldset .ff-checkbox_field,
    .ff-horizontal_fieldset .ff-search_button_field,
    .ff-horizontal_fieldset .ff-multicheckbox_field {
        padding-top: 2em;
    }
    .ff-labels-on-left_horizontal_fieldset .ff-radio_field,
    .ff-labels-on-left_horizontal_fieldset .ff-checkbox_field,
    .ff-labels-on-left_horizontal_fieldset .ff-search_button_field,
    .ff-labels-on-left_horizontal_fieldset .ff-multicheckbox_field {
        padding-top: 0;
    }

        .ff-radio_control label,
        .ff-checkbox_control label {
            display: inline-block;
            *display: inline; zoom: 1;
            vertical-align: middle;
        }
        .ff-radio_control input,
        .ff-checkbox_control input {
            vertical-align: middle;
        }

    /* Zend Forms viewhelper wrappers */

    .ff-multicheckbox_field {}
        .ff-multicheckbox_control {}
            .ff-multicheckbox_control label {
                display: inline-block;
                *display: inline; zoom: 1;
                margin-right: 20px;
                font-weight: normal;
            }
                .ff-multicheckbox_control label input {
                    vertical-align: middle;
                    margin-right: 0.5em;
                }

    /* Radio and checkbox */

    .ff-radio_field,
    .ff-checkbox_field {}

        .ff-radio_control input.radio,
        .ff-radio_control input[type="radio"],  /* Specificity war */
        .ff-checkbox_control input.checkbox,
        .ff-checkbox_control input[type="checkbox"] {  /* Specificity war */
            margin: 0;
            padding: 0;
        }

        .ff-radio_control input.radio,
        .ff-checkbox_control input.checkbox,
        .ff-multicheckbox_control input {
            *height: 2em; /* Get good centering against line-height:2 labels in IE6/7 */
        }

        .ff-radio_field .ff-helptext,
        .ff-checkbox_field .ff-helptext {
            padding-left: 15px;
        }
        .ff-radio_field .ff-force-no-indent_helptext,
        .ff-checkbox_field .ff-force-no-indent_helptext {
            padding-left: 0;
        }
        .ff-radio_field .ff-field .ff-helptext,
        .ff-checkbox_field .ff-field .ff-helptext {
            padding-left: 0;
        }

    /* Radiobuttons collection */

    .ff-radios_field {}
    .ff-horizontal_radios_field {}

        .ff-horizontal_radios_field .ff-radios_control .ff-radio {
            float: left;
            white-space: nowrap;
            margin-left: 10px;
        }
        .ff-horizontal_radios_field .ff-radios_control .ff-first_radio {
            margin-left: 0;
        }
            .ff-radio input.radio {
                display: inline-block; *display: inline; *zoom: 1;
                vertical-align: middle;
            }
            .ff-radio label {
                display: inline-block; *display: inline; *zoom: 1;
                vertical-align: middle;
            }

    /* Textbox */

    .ff-control .textbox {
        _width: 216px; /* Copied from input[type="text"] for IE6's benefit */
    }

    /* Multiline textbox */

    .ff-multiline_textbox_control .multiline_textbox {
        height: auto;
    }

    /* option-list */
    .ff-control .option-list .option {
        margin-top: 3px;
    }



/*  -----------
    option-list
    -----------

    An inline list of options; essentially a replacement for a <select> that
    shows all options up-front instead of hidden inside a dropdown.

    Don't use this for navigation.

    In Movember's 2011 theme, this presents as:
    option1 | option2 | option3
*/
    .option-list {
        list-style:none;margin:0;padding:0;
        display: inline;
    }
        .option-list .option {
            margin:0;padding:0;
            display: inline-block;
            *display: inline; zoom: 1;
            margin-left: 5px;
            border-left: 1px solid #CCC;
            padding-left: 5px;
            margin-right: -0.3em; /* whitespace-canceller */
            line-height: 1;
        }
        .option-list .first {
            margin-left: 0;
            border-left: none;
            padding-left: 0;
        }
        .option-list .last {
            margin-right: 0;
        }



#fancybox-outer #fancybox-close {z-index: 1100} /* to fix fancybox's wrong z-index on outer divs and this close button */



/* ALBUM VIEWER */
.album-image {
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin: 0 2px 2px 0;
    float: left;
}

.album-view .block-scroller-viewport {
    width: 100%;
}

.album-view .album-image a img {
    display: block;
}

.ui-autocomplete li { list-style-type: none; text-align: left }
.mospace.team .ui-autocomplete { width: 209px;height: 200px; overflow-y: scroll; overflow-x: hidden }



/*
    SLIDER (/mospace/[userId] -> gallery lightbox)
*/
#page-wrap  {
    width: 570px;
    margin: 0 auto;
    *margin: 0;
    position: relative;
    min-height: 500px;
    overflow: hidden;
    background: url(images/bg.png) top center;
}

/* .slider-wrap { width: 550px; position: absolute; top: 87px; left: 40px; background-color: #fff}*/
.slider-wrap    {
    width: 550px;
    background-color: #fff;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
}
#single-brush-wrapper {}
    #big-brush-image {
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: middle;
        width: 100%;
        height: 400px;
        text-align: center;
        line-height: 400px;
        overflow: hidden;
        white-space: nowrap;
    }
    body.photo-gallery-view #big-brush-image {
        width: 80%;
    }
        #big-brush-image img {
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: middle;
            max-width: 100%;
            max-height: 100%;
            _width: expression((this.width && this.height && this.complete) ? (!this.aspectRatio ? (
                this.maxWidth = 558, this.maxHeight = 400, 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;
        }
        #big-brush-image span.vcenter-helper {
            display: inline-block; *display: inline; *zoom: 1;
            vertical-align: middle;
            height: 100%;
            width: 1px; margin-right: -1px;
            overflow: hidden;
        }
        #big-brush-image .delete-image-button {
            display: block;
            margin-top: 5px
        }
    #single-brush-wrapper .previous-btn a,
    #single-brush-wrapper .next-btn a { display:block;text-indent: -9999px; height: 100%; outline: none }
    #single-brush-wrapper .previous-btn,
    #single-brush-wrapper .next-btn {
        display: inline-block; *display: inline; *zoom: 1;
        vertical-align: middle;
        background: transparent url('/images/carousel-arrow-left.png') no-repeat left center;
        height: 62px;
        width: 9%
    }
    #single-brush-wrapper .next-btn {
        background: transparent url('/images/carousel-arrow-right.png') no-repeat right center;
    }
    .mov-gallery .image-action-buttons {
        margin-top: 5px;
        text-align: center;
    }

.gallery-fancy { margin-left: -99999px;text-indent: -99999px; height: 1px; overflow: hidden; }
.panel ul                                   { text-align: left; margin: 0 15px 0 30px; }
.stripViewer                                { position: relative; overflow: hidden; width: 550px; height: 445px; padding-bottom: 10px; }
.stripViewer .panelContainer                { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel         { float: left; height: 100%; position: relative; width: 550px; }
.stripNavL, .stripNavR, .stripNav           { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px}
#movers-row { margin: 10px 0;overflow: hidden; height: 55px }
#movers-row div { width: 80px; float: left; }
.slider-wrap .previous, .slider-wrap .next {     background-color: #fff;
    background-image: url(/theme/2011/img/controls/block-scroller/arrow-left_short.png);
    background-size: 25px;
    display: none;
    position: absolute;
    height: 55px;
    width: 25px;
    cursor: pointer;
    z-index: 10000
}
    .slider-wrap .stripNavL,
    .slider-wrap .stripNavR,
    .slider-wrap .stripNav {
        display: none;
    }
    .slider-wrap .stripViewer {
        position: relative;
        overflow: hidden;
        width: 550px;
        height: 445px;
    }
        .slider-wrap .stripViewer .panelContainer {
            position: relative;
            left: 0;
            top: 0;
            height: 100%;
        }
            .slider-wrap .stripViewer .panelContainer .panel {
                float: left;
                height: 100%;
                position: relative;
                width: 550px;
                line-height: 445px;
                overflow: hidden;
                text-align: center;
            }
                .slider-wrap .stripViewer .panelContainer .panel ul {
                    text-align: left;
                    margin: 0 15px 0 30px;
                }
                    .panelContainer .wrapper {
                        width: 100%;
                        height: 100%;
                        white-space: nowrap;
                        text-align: center;
                    }
                        .panelContainer .wrapper .vcenter-helper {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                            width: 1px; margin-right: -1px;
                        }
                        .panelContainer .wrapper img {
                            display: inline-block; *display: inline; *zoom: 1;
                            vertical-align: middle;
                            max-width: 100%;
                            max-height: 100%;
                        }


    .slider-wrap .movers-row-container {
        position: relative;
    }
        .slider-wrap #movers-row {
            overflow: hidden;
            height: 47px;
            margin: 0 auto !important;
            float: none !important;
            *position: relative; /* Enforce the overflow: hidden in IE6/7 */
        }
            .slider-wrap #movers-row ul {
                *margin-right: -2px !important; /* Prevent early wrapping in IE6/7 */
            }
            .slider-wrap #movers-row div {
                width: 80px;
                float: left;
            }
                .slider-wrap #movers-row .cross-link {
                    display: block;
                    font-size: 0;
                    width: 49px;
                    height: 49px;
                    margin-top: -14px;
                    position: relative;
                    z-index: 9999;
                    margin: 0;
                    margin-right: 2px;
                    overflow: hidden;
                    line-height: 45px;
                    text-align: center;
                }
                .slider-wrap .active-thumb {    /* on same element as .cross-link */
                }
                    .slider-wrap .nav-thumb {
                        display: inline-block; _display: block; /* IE6/7 no need to inline-block; maxwidth/height expressions don't work without errors so just fill the space */
                        vertical-align: middle;
                        border: 1px solid #BDC4B5;
                        margin: 1px;
                        margin-right: 6px;
                        max-width: 45px;
                        max-height: 45px;
                        _width: 45px;
                        _height: 45px;
                    }
                    .slider-wrap .nav-thumb:hover {
                        border: 1px solid #707868;
                    }
                    .slider-wrap .active-thumb .nav-thumb {
                        border: 2px solid #586050;
                        margin: 0;
                        margin-right: 5px;
                        border-radius: 2px;
                        -webkit-border-radius: 2px;
                        -moz-border-radius: 2px;
                    }
        .mov-gallery-caption-wrapper { padding-bottom: 5px; postion: absolute; bottom: 0 }
        .slider-wrap .previous,
        .slider-wrap .next {
            position: absolute;
            display: block;
            top: 0;
            background: url(/theme/2011/img/controls/photo-gallery-slider/arrow-left.png) top left;
            display: none;
            height: 47px;
            width: 24px;
            cursor: pointer;
            z-index: 10000;
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/theme/2011/img/controls/photo-gallery-slider/arrow-left.png', sizingMethod='crop');
        }
        .slider-wrap .previous:hover,
        .slider-wrap .next:hover {
            background-position: bottom left;
        }
        .slider-wrap .previous {
            left: 0;
        }
        .slider-wrap .next {
            right: 0;
            background: transparent url(/theme/2011/img/controls/photo-gallery-slider/arrow-right.png);
            _background: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/theme/2011/img/controls/photo-gallery-slider/arrow-right.png', sizingMethod='crop');
        }


/*
    END SLIDER
*/

/*#movers-row div a.cross-link              { float: right; }*/
.photo-meta-data                            { background: url(images/transpBlack.png); padding: 10px; height: 30px;
                                              margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span                       { font-size: 13px; }

.events-and-ticketing .back { width: auto }
.events-and-ticketing form_element_submit { margin-right: 0 }

/** image gallery slider style modification for brushes with fame.
    TODO: merge with above style if it's not conflicting with light box gallery
**/

.mov-gallery .nav-thumb { border: 0; height:100%; width: 100%;  }
.mov-gallery .cross-link { display: inline-block; padding: 10px; vertical-align: bottom }
.mov-gallery #movers-row { width: auto }
.mov-gallery .slider-wrap .previous, .mov-gallery .slider-wrap .next { height: 65px }

.featured-brushes img { width: 100% }
.pic-of-the-day img {
    display: inline-block; zoom: 1; *display: inline;
    margin-top: 5px;
    max-width: 100%;
    width: 100%
}
.register #sidebar-image-donate { display: none }