/* Normalize margins and padding for all browsers */ body { margin: 0; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input[type='text'], p, blockquote, th, td {margin: 0; padding: 0;} /* Normalize header font-size */ h1, h2, h3, h4, h5, h6 {font-size: 100%} abbr { text-decoration: none; border: none; } /* Remove list-style by default (style opt in) */ ol, ul {list-style: none;} /* Normalize fieldset border */ fieldset { border: none; } /* Normalize special element font size and weight */ address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal} /* Normalize table border and spacing - default none */ table {border-collapse: collapse; border-spacing: 0;} /* Default text-align left for captions and table headings */ caption, th {text-align: left;} /* Remove quotation marks from q - default to opt in */ q:before, q:after {content: '';} :link img, img {border: none; background-color: transparent;} /* =body */ body { margin: 0 auto; min-width: 81em; z-index: 1; position: relative; } /* =a */ a, a:visited, a:hover, a:active, a:focus { text-decoration: underline; border: none; } /************************ * izoca_typography.css * /************************ /* http://www.izoca.com/ */ /* March 24, 2008 */ /* IMPORTANT */ /* This is not to be treated as a template. We are happy that our layout and/or design has piqued your interest enough to view our stylesheet source. However you may not directly reproduce this layout or design without our permission. Just like you, we love to learn and study how other people accomplish their CSS magic; and you may feel free to do the same here. Just don't copy or use it as a template.*/ /* setting a typography rhythm that starts with a 12px font and 18px line-height (1.5) */ body { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 75%; } html > body{ font-size: 12px; line-height: 1.5em; } /* to maintain vertical rhythm, make sure all subsequent font-size changes recalculate line height back to the base 18px */ /* =a */ a, a:hover, a:visited, a:active { font-weight: normal; outline: none; text-decoration: none; } a:hover { text-decoration: underline; } a.no-link:hover { text-decoration: none; cursor: default;} /* =p */ p { font-size: 1.0em; line-height: 1.5em; margin: .75em 18px .75em 18px; } p + p, h5 + p, h6 + p { margin-top: 0em; } /* =abbr */ abbr { line-height: 1.5em; } /* =#flash_notice, =#flash_exclamation */ #flash_notice, #flash_exclamation, #flash_error, #flash_message, #flash_search_notice { font-size: 1.25em; line-height: 1.2em; margin: .6em 18px .6em 18px;} #flash_error { padding-left: 18px; } #flash_exclamation a { font-weight: bold; } /* =h1 */ h1 { font-size: 2.5em; margin: 0em; } /* =h2 */ h2 { font-size: 2em; line-height: 1.5em; margin: .75em 0px; } /* =h3 */ h3 { font-size: 1.5em; line-height: 1em; margin: .5em 0px; } /* =h4 */ h4, .bigger { font-size: 1.25em; line-height: 1.2em; margin: .6em 0px; } #content_main > h4 { margin-left: 1.2em; } /* =h5 */ h5 { font-size: 1.0em; line-height: 1.5em; margin: .75em 0px; } /* =h6 */ h6, .h6, .small { font-size: .9em; line-height: 1.667em; margin: .834em 0px; } .h5, .h6 { font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Helvetica, sans-serif; } /* =ul =ol */ ul, ol { line-height: 1.5em; } /* =blockquote */ blockquote { font-size:1.5em; font-family: Georgia, 'Bitstream Vera Serif', serif; font-style: italic; line-height: 1em; word-spacing: .2em; text-align: left; margin: 3em 18px; padding: 0.5em 0em 0.5em 0em; } blockquote p { text-indent: 1.5em; margin-left: 0.5em; margin-right: 0.5em; text-align: center; } cite { font-size: .75em; word-spacing: normal; line-height: 1.33em; text-align: center; text-indent: 0em; } /* =fieldsets */ fieldset { margin: 0em 1.5em; } fieldset legend { font-weight: 600; text-align: left; } fieldset legend { line-height: 2.4em; margin: 0em; padding: 0em; } fieldset ol li { text-align: left; padding: .75em 0px; margin: 0em; line-height: 1.5em; } fieldset label{ line-height: 1.5em; margin: 0px; padding: 0px;} /* =form.simple */ form.simple fieldset ol ol { margin: 0; padding: 0; } form.simple fieldset ol input[type="checkbox"]{ margin-right: 9px; } form.simple fieldset ol input[type="radio"]{ margin-right: 9px; } form.simple fieldset.selection { margin: 0px; } form.simple fieldset.selection label { display: inline; margin-right: 1em; } form.simple fieldset label, fieldset.simple label { font-weight: 600; } form.simple input[type="text"] { width: 35em; } form.simple textarea { width: 35em; } /* =form.complex, =fieldset.complex */ form.complex h5 , form fieldset.complex h5 { margin: 0px; text-indent: 18px; } form.complex label, form fieldset.complex { text-align: right; font-weight: 600; padding-right: 12px; } /* =table */ #content_main > table { margin: 0em 1.5em; } #content_main > table caption { font-size: 1.25em; line-height: 1.2em; margin: .6em 0px; font-weight: 600; } /* =branding typography */ div#branding h1, div#branding h2 { margin: 0px; text-indent: -9999px; } #context_branding h2 { font-size: 1.75em; line-height: 1.286em; padding: 0em; } #context_branding h2.logo { text-align: center; } #context_branding h2.header a:hover { text-decoration: underline; } h2#context_photo { font-size: 1em; text-align: center; } /* =action_link */ .action_links a { text-decoration: underline; padding: 1px 6px; } /* =content */ #content { margin: 0em; } /* =content_main typography*/ #content_main { text-align: left; padding-bottom: 1.5em; margin-bottom: 0em; } #content_main.solo { text-align: center; width: 100%; margin: 0 auto; padding: 1.5em; } #content_main > ul, div#content_main > ol, div#content_main > div, div#content_main > fieldset, #content_main > form > fieldset { margin: 0em 1.5em; } #content_main fieldset legend { display: none; } #content_main fieldset > ul, #content_main fieldset > ol { padding-left: 12px; } /* = content_sub typography (h4 => 15px => 1.2em line-height) */ #content_sub li.heading { } #content_sub h4, .content_sub li.heading h4 { height: 1.8em; line-height: 1.8em; text-indent: 6px; margin: 0px; } #content_sub h5, .conent_sub h5 { height: 2.25em; line-height: 2.25em; text-indent: 6px; margin: 0px; } #content_sub ul li.heading, .conent_sub li.heading { padding-top: 0px; } #content_sub ul li, .conent_sub ul li { text-indent: 1px; margin-right: 0px; padding-top: 2px; } #content_sub ul li.member a, .content_sub ul li.member a{ padding-left: .75em; } #content_sub a.optional, .content_sub a.optional{ display: block; text-align: center; padding-left: 0px; } /* =content_sub_sub typography */ #content_sub_sub { margin-top: 0px; } #content_sub_sub h4 { height: 1.8em; line-height: 1.8em; text-indent: 6px; margin: 0px; } #content_sub_sub h5 { height: 2.25em; line-height: 2.25em; text-indent: 6px; margin: 0px; } #content_sub_sub ul li.heading { text-indent: 1px; margin-right: 0px; } #content_sub_sub ul { padding: 0px; padding-right: .25em; margin-top: 0em; } #content_sub_sub ol { margin: 0px; } #content_sub_sub ul li.heading { line-height: 2.25em;text-indent: .083em; padding: 0px; margin: 0px; padding-right: 6px; } #content_sub_sub a.action_link { font-size: .916em; font-weight: 500; text-decoration: none; padding: 0px 6px; } /* #nav */ #nav a { text-decoration: none; } #nav a:hover { text-decoration: underline; } /* =#nav_content .menu */ #nav_content .menu h5 { font-weight: normal; } #nav_content .menu h5 a { font-weight: 500; text-align: center; text-decoration: none; } #nav_content .menu h5 a:hover { text-decoration: underline; } /* =#nav_content_sub */ #nav_content_sub .new_event a, #nav_content_sub .add_content a { font-size: .9em; line-height: 1.667em; margin: .834em 0px; } /* =add_place_holder */ div#content_sub_sub #add_place_holder .body h4 { overflow: hidden; padding: .25em; } /* =izoca_scratch_pad */ #izoca_scratch_pad h6 { text-indent: 1em; margin-top: 0em; margin-bottom: .6em; } #izoca_scratch_pad p.optional { text-align: right; } #izoca_scratch_pad p.optional a { text-decoration : none; } #izoca_scratch_pad ul a { margin-right: 12px; } /* =errorExplanation */ div#errorExplanation { text-align: left; margin-top: .75em; margin-top: .75em; overflow: hidden; } div#errorExplanation h2 { text-align: left; font-weight: bold; font-size: 1em; line-height: 3em; margin: 0em; text-indent: 18px;} div#errorExplanation ul { margin-top: .75em; margin-bottom: .75em;} div#errorExplanation ul li { font-size: 1em; line-height: 1.5em; margin: .75em 18px .75em 18px; list-style: square; } /* =misc */ #forgotten_password { text-align: center; display: block; font-weight: 600; font-size: .875em; line-height: 1.714em; } span.optional {font-size: x-small; font-style: italic; letter-spacing: 1px;} .input-prefix{ float: left; display: inline; margin: 0px; margin-right: 9px; } .index_list li { overflow: hidden; } .checked_list_item { margin: .667em 18px .667em 18px; } .completed-list-item { text-decoration: line-through; } /* =be-the-first */ .be-the-first h4 { margin-left: 1.5em; margin-right: 1.5em; } .be-the-first a { text-decoration: underline; } .member .intro h3 { width: 36em; margin: 0 auto; margin-top: 1.5em;} .member .intro p { width: 36em; margin: 0 auto; margin-top: .75em; } #version span{ font-size: .833em; } #my_groups .search input { margin: .25em 0em .25em 0em; } #my_groups .footer { margin: 0 auto; text-align: center; } #my_groups .footer a { font-size: .917em; } body { position: relative; } /* =#branding */ #branding { height: 5.417em; border-bottom: 1px solid; } #branding h1 a { display: block; position: relative; width: 134px; height: 59px; left: 20px; top: 2px; margin-top: 0; margin-left: 0px; z-index: 1; } #branding h6 { margin-left: -5px; } /* =#context_branding */ #context_branding { position: relative; top: -5.5em; height: 80px; } #context_branding h2.logo { position: absolute; left: .75em; width: 120px; height: 80px; margin: 0px; padding: 0px; top: .25em; /*1.75em font-size*/ } #context_branding h2.header { position: absolute; display: block; left: 7.286em; padding-left: 1.2857em; min-width: 28.5em; } #context_branding h2.logo a { display: block; z-index: 1; position: relative; } /* =.no_context_menu */ .no_context_menu #context_branding { height: 65px; } .no_context_menu #content_sub, .no_context_menu #content_sub_sub { margin-top: 15px; } /* =#nav */ #nav { position: relative; display: block; top: -5.25em; left: 0px; margin: 0px; margin-top: 2.75em; padding: 0px; padding-left: 0; padding-bottom: .25em; border-bottom: 5px solid; line-height: 2.25em; height: 2.25em; } /* =#sign_in_status */ #sign_in_status { position: absolute; top: -2.75em; right: 0; margin: 0; margin-right: .75em; padding: 0; width: 100%; text-align: right; } #sign_in_status li { display: inline; padding: 0em .25em; overflow: hidden; height: 2.75em; line-height: 2.75em; } #sign_in_status .user_name { width: 21em; max-width: 21em; overflow: hidden; text-align: right; } /* =#member_nav */ #member_nav { float: left; margin-left: 15em; width: 43em; margin-top: .25em; height: 2em; max-height: 2em; padding-bottom: 2px; overflow: hidden; } /* =#nav_content, =#nav_content_sub */ #nav_content { position: relative; } #nav_content, #nav_content_sub { height: 2.0em; line-height: 2.0em; padding-top: .25em; overflow: hidden;} #nav_content li, #nav_content_sub li { float: left; overflow: hidden; padding: 0px .15em; } #nav_content_sub li.new_event { float: right; } #nav_content_sub li.new_event a {padding-left: 1.4em;} #nav_content form, #nav_content form fieldset, #nav_content_sub form, #nav_content_sub form fieldset { display: inline; padding: 0; margin: 0; border: none; } #nav_content_sub { position: relative; display: inline; height: 1.5em; line-height: 1.5em; margin: 0px; padding: 0px; } /* =#nav_content.menu*/ #nav_content .menu { float: left; margin-left: 0em; margin-right: .75em; overflow: hidden; padding-left: 0em;} #nav_content .menu li { display: inline; padding: 0px .15em 0px 0px; overflow: hidden; } #nav_content .menu h5 { height: 1.75em; line-height: 1.5em; margin: 0px; padding: 0px .5em; } #nav_content .menu h5 { border: solid; border-width: 1px 1px 0px 1px; } #nav_content .menu h5 a { display: block; } #nav_content .menu h5.active a:focus { outline: none; } #nav_content .menu h5.active { padding-bottom: .25em; border-bottom: 1px solid; } /* =#content */ #content { position: relative; left: 0px; overflow: hidden; min-height: 45em; top: -7.5em; margin-bottom: -7.5em; } body.public_group #content { min-height: 30em; } /* =content_main layout */ #content_main { position: relative; top: 0px; margin-left: 13.5em; margin-right: 13.5em; min-width: 54em; min-height: 58em; overflow: hidden; } #content_main .fieldwrap { display: block; overflow: hidden; } body.public_group #content_main { min-height: 0; } /* =content_sub layout */ #content_sub, .conent_sub { position: absolute; top: .5em; left: 0px; width: 14.25em; } #content_sub, .conent_sub { min-height: 33em; height: 100%; } #content_sub ul, .conent_sub ul{ padding: 0px; margin: 0px 0px 0px .25em; } #content_sub ul li, .conent_sub li{ overflow: hidden; margin-left: 4px; } /* =content_sub_sub layout */ #content_sub_sub { position: absolute; top: .5em; right: 0px; width: 14.25em; } #content_sub_sub { min-height: 33em; overflow: hidden; } #content_sub_sub ul { padding: 0; margin: 0px .25em 0px 0px; } #content_sub_sub ul li { overflow: hidden; margin: 0; } #content_sub ul li.heading, .content_sub ul li.heading, #content_sub_sub ul li.heading { margin: 0px; } #content_sub ul, #content_sub_sub ul { margin-top: 2.5em; } /* =form.simple */ form.simple { width: inherit; border: none; } form.simple fieldset ol li label, form fieldset.simple label { display: block; } form.simple fieldset ol li input + label, form fieldset.simple input + label { display: inline; } /* =form.complex */ form.complex fieldset ol, form fieldset.complex ol { overflow: hidden; } form.complex fieldset ol li label { float: left; width: 5em; } /* =fieldset.complex */ form fieldset.complex ol li label { float: left; width: 7em; } /* =fieldset.script_actions */ fieldset.script_actions { display: none; } /* =blockquote */ blockquote { border-width: .167em 0px; border-style: solid; padding: .333em 0em; } /* =cite */ cite {display: block;} /* =errorExplanation */ #errorExplanation { margin: 0 auto; border-top-width: 1px; border-top-style: solid;} #errorExplanation h2 { } #errorExplanation p { } #errorExplanation ul li { } /* =fieldWithErrors */ .fieldWithErrors { border-width: 1px; border-style: solid; display: table; } /* =boxed-img */ .boxed-img { padding: 1px 2px 0px 1px; padding: 0px; border-width: 1px 0px 0px 1px; border-style: solid; } /* =.index_list */ .index_list li.item { margin-top: .75em; margin-bottom: .75em; } /* =.jqac-menu */ .jqac-menu{ border-width: 1px; } #flash_notice, #flash_exclamation, #flash_error, #flash_message { display: block; } #nav_sign_in, #nav_signup { position: relative; float: right; top: -3em; } /* =.button-to */ form.button-to, form.button-to div { display: inline; } /* =#ajax_loading_header */ #ajax_loading { position: absolute; right: 17.5em; top: 0; margin: 0em; z-index: 999; padding: .15em .25em; display: none; } /* =.ajax_loading */ .ajax_loading { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; height: 1.5em; line-height: 1.5em; overflow: hidden; z-index: 200; } .ajax_loading h5 { width: 6em; margin: 0px; padding-left: 1em; display: none;} /* iZoca colors */ /* dark oragne: #f57900 */ /* soft green back: #f6f9ed */ /* light blue back: #cedef4 */ /* =body */ body { background-color: #fff; } /* =a */ a, a:visited, a:active, a:focus { color: #204a87; } a:hover { color: #00008b; } a.no-link:hover { color: #204187; } /* #branding */ #branding { border-bottom-color: #204a87; } /* =caption */ #content_main caption { color: #f57900; } /* =h4 */ #content_main h4, #cluetip h4 { color: #729fcf; } /* =h5 */ #content_main h5 { color: #204a87; } /* =h6 */ #content_main h6 { color: #2e3436; } /* =#context_branding */ #context_branding { border-color: #729fcf; } .member #context_branding h2 { color: #204a87; } /* =#content */ /* =#nav */ #nav { border-bottom-color: #729fcf;} /*#nav .current a { color: #4e9a06; background-color: #F6F9ED; }*/ #member_nav a.ui-state-active { color: #e17009 !important; } /* =#group_nav */ #group_nav { border-bottom-color: #2e3436; } /* =#nav_content */ #nav_content { border-bottom: 9px solid #729fcf; } /* =#conent-main fieldset.wrapper */ .fieldwrap { background-color: #F6F9ED; } /* =content_sub, =content_sub_sub color */ #content_sub ul, .conent_sub ul, #content_sub_sub ul { background-color: #F6F9ED; overflow: hidden; } #content_sub ul li.heading a, .conent_sub ul li.heading, #content_sub_sub ul li.heading a { color: #fff; font-weight: 600; } #content_sub ul li.heading, .content_sub ul li.heading, #content_sub_sub ul li.heading { color: #fff; background-color: #729fcf; } #content_sub ul li.heading h4, .content_sub ul li.heading, #content_sub_sub li.heading h4, #content_sub ul li.heading h5, .content_sub ul li.heading, #content_sub_sub li.heading h5 { background: #729fcf url(/images/corners/roundedcornr_729fcf-r12_tl.png) no-repeat top left; } #content_sub ul li.heading, .content_sub ul li.heading, #content_sub_sub li.heading { padding-right: 6px; background: #729fcf url(/images/corners/roundedcornr_729fcf-r12_tr.png) no-repeat top right; } /* =form.simple */ form.simple, form.simple fieldset legend, form.simple label { color: #2e3436; } /* =flash_notice */ #flash_notice, #flash_message { color: #4e9a06; background-color: #fff; } /* =flash_search_notice */ #flash_search_notice { color: #00008b; } /* =#flash_error */ #flash_error { color: #cc0000; background-color: #fff; border-color: #ef2929; } /* =fieldWithErrors */ .fieldWithErrors { background-color: #FBF5E6; color: #a40000; border-color: #F08080;} input.invalid { background-color: #ffcece; } /* =#errorExplanation */ #errorExplanation { background-color: #FBF5E6; color: #a40000; border: 2px solid #F08080;} /* =.ajax_loading */ #content_main .ajax_loading h5, #ajax_loading { color: #fff; background-color: #cc0000; } /* =#calendar_view_selector #calendar_view_selector a { background-color: #fff; border: solid #204a87; boder-width: } #calendar_view_selector .active a { background-color: #729fcf; color: #fff } */ /* =table thead */ #content_main table thead { } /* =.index_list */ ul.index_list { padding: 1.5em; } ul.index_list li.item { background-color: #CEDEF4; background-color: #F6F9ED; } ul.index_list ul.list-item li { display: block; } ul.index_list .button-to input[type="submit"] { float: right; } /* =#nav_content.menu*/ #nav_content .menu h5 { border-color: #3465a4; } #nav_content .menu h5 a { background-color: transparent; } #nav_content .menu h5.active { background-color: #729fcf; color: #fff; border-bottom-color: #729fcf; } #nav_content .menu h5.active { border-color: #729fcf; } #nav_content .menu h5.active a { color: #fff; } #nav_content .menu h5.pending a { color: #f57900; } /* =.jqac-menu */ .jqac-menu{ color: #eeeeec; background-color: #204a87; border-style: solid; border-color: #babdb6; } .jqac-menu .jqac-highlight { background-color: #729fcf; } .jqac-menu .jqs-info { color: #555753; } /*** Begin Sprites ***/ /* arrow_right */ #participants li.from .conj { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -302px; } /* calendar */ #nav_cal a, #group_info li.calendar a, .recent_event_activity .calendar, #sponsored_content_preview .footer .calendar a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1222px; } /* chart_organisation */ #group_info li.subgroups a{ background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1724px; } /* comment */ a.discuss, p.discuss { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1953px; } /* comment_add */ a.comment_add { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -440px; } /* comments */ #group_info li.discussion a, .recent_discussion_activity .discussions, #group_connector .actions .discussion a, #member_group_memberships .actions .discussion a, #sponsored_content_preview .footer .discussion a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1127px; } /* date */ #discussion_header li.event_preview h5.calendar_event span, #zocalo .interaction .show_events_in_common, #member_group_memberships .actions .events a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -992px; } /* door_in */ #nav_logout a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1038px; } /* .friend */ .friend .show_izcard { padding-left: 18px; background: transparent url(/images/famfamfam/vcard.png) center left no-repeat; } .friend .interaction .send_izcard > fieldset{ padding-left: 18px; background: transparent url(/images/famfamfam/vcard_add.png) center left no-repeat; } /* email */ #nav_messages a:first-child { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -715px; } /* email_add */ .friend .interaction .send_message a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -164px; /* email_add*/ } /* group */ #group_info li.members a, #group_info .group a, .friend .interaction .show_common_groups a, .member_container .invite .group_member, .groups .show .group_member, #zocalo .interaction .show_common_groups, #sponsored_content_preview .footer .group a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -240px -348px; /* group */ } /* handshake */ .friend .send_izcard .has_exchanged_izcards { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -240px -483px; } /* hourglass */ .friend .send_izcard .exchange_requested, .member_container .invite .invited, .rsvp_no_response .count { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -0 -1816px; /* hourglass */ } /* house */ #group_info li.home a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -394px; } /* layout_header */ #group_info li.group_info a, #group_info li.about a, #sponsored_content_preview .footer .about a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1356px; } /* lock edit */ #group_info li.admin a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -240px -716px; /* lock edit */ } /* openid */ input.openid-url, input#openid_url { background: white url(/images/icon_index.png) no-repeat scroll 0pt 50%; background-position: -240px -532px; } /* page_world */ #nav_member_home a:first-child { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -240px -255px; } /* quotes_bq */ blockquote > p:first-child { background: transparent url(../images/icon_index.png) top left no-repeat; background-position: -233px -624px; } /* vcard */ #nav_izcards a:first-child { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: -240px -439px; /* vcard */ } /* vcard_edit */ #settings a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1540px; /* vcard_edit */ } /* user_edit */ #group_info li.my_membership a { background: transparent url(/images/famfamfam/user_edit.png) center left no-repeat; } /* group_go */ #group_info li.join a, .group_membership_actions .join a, #sponsored_content_preview .footer .join a { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1678px;/* group_go */ } /* sprite-asterisk */ #membership_profiles .profile .default li:first-child p { background: transparent url(/images/famfamfam/tick.png) center center no-repeat; } /* explicit icons */ /* group_add */ .group_membership_actions .create a { background: transparent url(/images/famfamfam/group_add.png) center left no-repeat; } /* group_gear */ .group_membership_actions .manage a { background: transparent url(/images/famfamfam/group_gear.png) center left no-repeat; } /* add.png */ .add_content, #nav_content_sub .new_event { background: transparent url(/images/famfamfam/add.png) center left no-repeat; } .event a.recurring, .recurrence .indicator { background: transparent url(/images/recurring_1.gif) center left no-repeat; } .calendar_event a.recurring { background: transparent url(/images/recurring_1.gif) top right no-repeat; } #flash_exclamation, #flash_container .flash_exclamation, #flash_special.flash_exclamation { background: #ffc url(/images/exclamation_bkgd.png) top left no-repeat; } #zocalo .interaction .send_message { background: transparent url(/images/famfamfam/email_add.png) center left no-repeat; } .rsvp_tally .rsvp_yes .count { background: transparent url(/images/famfamfam/thumb_up.png) center left no-repeat; } .rsvp_tally .rsvp_no .count { background: transparent url(/images/famfamfam/thumb_down.png) center left no-repeat; } .rsvp_maybe .count { background: transparent url(/images/question.png) center left no-repeat; } #cluetip .vevent li.new_rsvp a { background: transparent url(/images/famfamfam/misc/rsvp.png) center left no-repeat; } .event a.rsvp, .rsvp .indicator { background: transparent url(/images/famfamfam/misc/rsvp.png) center left no-repeat; } .calendar_event a.rsvp { background: transparent url(/images/famfamfam/misc/rsvp.png) top right no-repeat; } /* script.png */ #nav_invitations a { background: transparent url(/images/famfamfam/folder_page_white.png) center left no-repeat; } #group_connector .actions .photos a, #group_info li.photos a, #member_group_memberships .membership_container .actions .photos a { background: transparent url(/images/famfamfam/pictures.png) center left no-repeat; } #album_navigation li.slideshow a, #sub_menu .menu li.slideshow a { background: transparent url(/images/famfamfam/photos.png) center left no-repeat; padding-left: 18px; } /* date, =#group_connector .actions .events (the sprite approach was causing * this icon to bottom aling and not center in ie, so switched to reg image link */ #group_connector .actions .events a { background: transparent url(/images/famfamfam/date.png) center left no-repeat; } /* = sprite-bullet_error */ h5.rsvp_warning { background: transparent url(/images/icon_index.png) center left no-repeat; background-position: 0 -1176px; } #nav_content_sub .cal_nav a.prev:hover { background: transparent url(/images/famfamfam/control_rewind_blue.png) center center no-repeat; } #nav_content_sub .cal_nav a.next:hover { background: transparent url(/images/famfamfam/control_fastforward_blue.png) center center no-repeat; } #recent_activity_rollup .agenda_toggle:hover { background: transparent url(/images/falseBtnBack.png) center center repeat-x; } .event_ics a { background: transparent url(/images/famfamfam/calendar_view_week.png) center left no-repeat; } /* date */ #cluetip .vevent li.action a.view{ background: transparent url(/images/famfamfam/date.png) center left no-repeat; } /* date-edit */ #cluetip .vevent li.action a.edit { background: transparent url(/images/famfamfam/date_edit.png) center left no-repeat; } /* date_delete */ #cluetip .vevent li.action a.delete { background: transparent url(/images/famfamfam/date_delete.png) center left no-repeat; } #group_connector .actions .documents a, #group_info li.documents a { background: transparent url(/images/famfamfam/page_white.png) center left no-repeat; } /*********** PADDING ****************/ #nav_logout a { padding-left: 18px; padding-top: 0; } #nav_messages a { padding-left: 18px; padding-top: 0;} .friend .interaction .send_message a, .friend .interaction .show_common_groups a, .friend .interaction .show_events_in_common a { padding-left: 18px; } .friend .send_izcard .has_exchanged_izcards { padding-left: 18px; } .friend .send_izcard .exchange_requested { padding-left: 18px; } #nav_member_home a { padding-left: 18px; padding-top: 0px; } #nav_cal a { padding-left: 18px; padding-top: 0;} #nav_izcards a { padding-left: 20px; padding-top: 0; } #nav_invitations a { padding-left: 20px; padding-top: 0; } .friend .interaction .send_izcard a { padding-left: 18px; } #settings a{ padding-left: 18px; padding-top: 0; } #flash_exclamation, #flash_container .flash_exclamation { padding-left: 20px; } a.add_content { padding-left: 18px; } /*** sprite positioning ***/ .sprite-wrench_orange { background-position: 0 -30px; } .sprite-date_edit { background-position: 0 -76px; } .sprite-color_wheel_small_dark { background-position: 0 -122px; } .sprite-email_add { background-position: 0 -164px; } .sprite-book_open { background-position: 0 -210px; } .sprite-page_edit { background-position: 0 -256px; } .sprite-arrow_right { background-position: 0 -302px; } .sprite-bin { background-position: 0 -348px; } .sprite-house { background-position: 0 -394px; } .sprite-comment_add { background-position: 0 -440px; } .sprite-color_wheel { background-position: 0 -486px; } .sprite-color_swatch { background-position: 0 -532px; } .sprite-calendar_view_month { background-position: 0 -578px; } .sprite-bin_closed { background-position: 0 -624px; } .sprite-cog { background-position: 0 -670px; } .sprite-email { background-position: 0 -716px; } .sprite-group_edit { background-position: 0 -762px; } .sprite-contrast { background-position: 0 -808px; } .sprite-shading { background-position: 0 -854px; } .sprite-arrow_join { background-position: 0 -900px; } .sprite-time { background-position: 0 -946px; } .sprite-date { background-position: 0 -992px; } .sprite-door_in { background-position: 0 -1038px; } .sprite-user_comment { background-position: 0 -1084px; } .sprite-comments { background-position: 0 -1130px; } .sprite-bullet_error { background-position: 0 -1176px; } .sprite-calendar { background-position: 0 -1222px; } .sprite-note { background-position: 0 -1268px; } .sprite-color_swatch_small { background-position: 0 -1314px; } .sprite-layout_header { background-position: 0 -1356px; } .sprite-find { background-position: 0 -1402px; } .sprite-date_delete { background-position: 0 -1448px; } .sprite-arrow_refresh_small { background-position: 0 -1494px; } .sprite-vcard_edit { background-position: 0 -1540px; } .sprite-group_link { background-position: 0 -1586px; } .sprite-world { background-position: 0 -1632px; } .sprite-group_go { background-position: 0 -1678px; } .sprite-chart_organisation { background-position: 0 -1724px; } .sprite-resultset_previous { background-position: 0 -1770px; } .sprite-hourglass { background-position: 0 -1816px; } .sprite-tick { background-position: 0 -1861px; } .sprite-email_go { background-position: 0 -1907px; } .sprite-comment { background-position: 0 -1953px; } .sprite-vcard_add { background-position: -240px -30px; } .sprite-tick_white { background-position: -240px -76px; } .sprite-flag_blue { background-position: -240px -122px; } .sprite-cross { background-position: -240px -168px; } .sprite-color_wheel_small { background-position: -240px -214px; } .sprite-page_world { background-position: -240px -256px; } .sprite-calendar_view_day { background-position: -240px -302px; } .sprite-group { background-position: -240px -348px; } .sprite-vcard_add_disabled { background-position: -240px -394px; } .sprite-vcard { background-position: -240px -440px; } .sprite-handshake { background-position: -240px -486px; } .sprite-openid { background-position: -240px -532px; } .sprite-recurring { background-position: -240px -578px; } .sprite-quotes_bq { background-position: -233px -624px; } .sprite-asterisk { background-position: -240px -670px; } .sprite-lock_edit { background-position: -240px -716px; } /* =#branding */ #branding h1 a { background: transparent url(/images/iZOCA_small_no_globe.gif) top no-repeat; } /* =#branding h6 : ALPHA indicator */ #branding h6 {position: absolute; left: 130px; top: 48px; color: #729fcf; z-index: 10; font-weight: 400; font-size: 10px; margin-top: 0px; font-family: arial, sans-serif; } /* =#ad_sense */ #content_sub_sub #ad_sense { margin: 0 auto; margin-top: 1.5em; width: 125px; } #ad_sense.disabled { border: 1px solid #000; } /*#nav_main .explore */ #nav_main ol#default_nav { overflow: hidden; position: absolute; right: 0; width: 20em; margin: 0; } #nav_main ol#default_nav li { float: left; padding: 0 .75em; margin-top: 1.5em; border-right: 1px solid #babdb7; } #nav_main ol#default_nav a { outline: none; color: #3465a4; } #nav_main ol#default_nav li.join, #nav_main ol#default_nav li.my_world { border-right: none; } /* =#flash_exclamation */ #flash_exclamation, #flash_pre_sign_up_error, #flash_sign_in_exclamation, .caution, #flash_container .flash_exclamation, #flash_special.flash_exclamation, .sign_in_disclaimer { background-color: #ffc; color: #8f5902; border: 1px solid #dfa42b; font-weight: 600; padding: .5em 1.5em; text-indent: 4px; } /* =site_info layout */ #site_info { clear: both; position: relative; overflow: hidden; height: 20em; } #site_info .izoca_contact { position: absolute; width: 200px; margin-top: -5.75em; } #site_info .izoca_contact li:first-child { display: none; } #site_info .izoca_contact li { margin-left: 1.5em; } #site_info .where_we_live {position: absolute; top: 0px; right: 0px; width: 150px; } #site_info .where_we_live a {display: block; } #site_info .where_we_live img { width: 150px;} #site_info .w3c {position: relative; top: 6em; display: block; overflow: hidden; } #site_info .company_links { width: 50em; margin: 0 auto; } #site_info .company_links a { font-weight: 500; text-decoration: none; } #site_info .company_links a:hover { font-weight: 500; text-decoration: underline; } #site_info .company_links { padding: .25em; text-align: left; } #site_info .company_links li { display: inline; border-left-width: 1px; border-left-style: solid; padding-left: 6px; } #site_info .company_links li.title { float: left; width: 11em; text-align: left; padding-right: 1em; } #site_info .company_links li.title, #site_info .company_links li.first_link { border: none; } #site_info .company_links h4, #site_info .company_links h5 { display: inline; } #site_info .company_links h5 a { margin: 0em; padding: 0em; } #site_info .timezone{ text-align: center; } #site_info .timezone { margin: 0; padding: .75em 0;} #site_info .version { position: absolute; right: 0px; bottom: 0; margin-right: 1.5em; } #site_info .disclosure { margin: 0 auto; text-align: center; margin-top: 1.5em; font-weight: normal; color: #babdb7; margin-top: 5em; } /* =site_info color */ #site_info { color: #fff; background-color: #204a87; border-color: #204a87; } #site_info h5.alpha_message { color: #f57900; background-color: #fff; border-bottom: 1px solid #2e3436; } #site_info h5.alpha_message { background-color: #fff; color: #729fcf; } #site_info h5.alpha_message a, #site_info h5.alpha_message a:hover, #site_info h5.alpha_message a:visited { color: #f57900; } #site_info .company_links a, #site_info .company_links a:visited, #site_info .company_links a:hover, #site_info .company_links li { border-color: #888a85; color: #d3d7cf; } #site_info .company_links .title { color: #888a85; } #site_info a, #site_info a:visited, #site_info a:hover { color : #fce94f; } #site_info .where_we_live { color: #729fcf; background-color: #fff; } #site_info .timezone { background-color: #fff; color: #888a85; } /* =site-info typography */ #site_info .izoca_contact a, div#site_info .izoca_contact a:hover, #site_info .izoca_contact a:visited, #site_info .izoca_contact a:active { font-weight: 400; } #site_info .alpha_message { text-align: center; } #site_info h5.alpha_message a { text-decoration: underline; margin: 0px; padding: 0em; } #site_info h5.alpha_message { margin: 0px; padding: .6em 0em; } #site_info #policy_links li.title h5.patent_disclaimer { margin-top: 0; } /* #getting_started */ #getting_started { text-align: center; overflow: hidden; width: 70em; padding: 3em 0em; } #getting_started h2.intro { font-size: 3em; line-height: 1.5em; text-align: center; color: #3465a4; background: #fff url(/images/corners/getting_started_header_bkgrnd.gif) center no-repeat; padding: 0em; margin-bottom: .25em; } #getting_started ol { height: 32em; max-height: 384px; width: auto; max-width: 840px; background: #fff url(/images/corners/getting_started_body_bkgrnd.gif) center no-repeat; margin: 0 auto; overflow: hidden; position: relative; text-align: center; } #getting_started li { float: left; width: 13em; height: 19em; text-align: center; background: transparent url(/images/corners/getting_started_item_bkgrnd.gif) center no-repeat; padding-top: 2.25em; margin: 1.25em; margin-top: 0; font-size: 1.5em; } #getting_started .connector { width: 14.5em; margin-left: .5em; margin-right: .5em; background: transparent url(/images/corners/getting_started_connector_bkgrnd.gif) center no-repeat; } #getting_started li h3 { font-size: 1.45em;; color: #CEDEF4; text-align: center; margin: 0 auto; margin-bottom: .75em; } #getting_started li p { padding: 0.5em; color: white; text-align: center;} /* #sign_in */ #sign_in legend { display: none; } #content.users #content_main.activate { margin-top: 1em; } #sign_in ol { margin: 0em; padding: 0em; } #sign_in li { position: relative; float: left; overflow: hidden; margin: 0em .25em; } #sign_in label { font-weight: 600; color: #3465a4; } .users .activate #sign_in label { color: #2e3436; } #sign_in input[type=text], #sign_in input[type=password] { font-size: 1.25em; line-height: 1.2em; height: 1.2em; width: 14em; padding: .15em 0;} #sign_in .submit { margin: 1.2em .6em; width: auto;} #content.users #content_main.activate #sign_in .submit { margin: 1.2em .6em; display: block; width: 35em; text-align: right; } #sign_in .submit input { font-size: 1.25em; line-height: 1.2em; margin-top: .333em; } #sign_in li.email { text-align: right; } #sign_in .email label { text-align: left; display: block; } #sign_in .email h6 { display: block; overflow: hidden; margin: 0px; padding: 0px; } #sign_in .email h6 label, #sign_in .email h6 input { display: inline; vertical-align: middle; } #sign_in .password h6 a, #sign_in .email h6 label{ font-weight: 400; color: #3465a4; } .users .activate #sign_in .password h6 a,.users .activate #sign_in .email h6 label{ color: #2e3436; } #sign_in h6 { display: block; margin: 0; text-align: right; } #sign_in .email h6 label { font-size: 1em; } #sign_in .password h5 { position: absolute; left: 0px; top: 0px; margin-left: .5em; margin-top: 2.5em; font-weight: 400; color: #3465a4; z-index: 1;} /* #pre_sign_up */ #pre_sign_up { position: relative; width: 20em; border-left: 1px solid #f57900; } #splash #pre_sign_up { height: 28.5em; } #pre_sign_up h6 { text-indent: 2px; margin: 0px; color: #3465a4; font-weight: 500; } #pre_sign_up fieldset { padding-left: .75em; margin-bottom: .25em; } #pre_sign_up legend { color: #4e9a06; } #pre_sign_up ol { margin-top: .25em; } #pre_sign_up ol li { padding: .5em 0; } #pre_sign_up li input[type=submit] { float: right; margin-top: -.25em; } #pre_sign_up .fieldWithErrors { margin: 0 auto; margin-top: 2em; padding: .25em; border: 1px solid; width: 17em; max-width: 17em; text-align: center; } #pre_sign_up blockquote p { text-align: center; margin: 0 auto; } #pre_sign_up blockquote .cite { font-style: normal; font-size: .8em; display: block; } /* =.pagination */ .pagination { padding-top: 1.5em; } .pagination { background: #fff; text-align: center; padding: .25em;} .pagination a, .pagination span { padding: .2em .6em; } .pagination span.disabled { color: #888a85; } .pagination span.current { font-weight: bold; background: transparent url(/images/apple-circle.gif) no-repeat 50% 50%; } .pagination a { text-decoration: none; color: #204a87; font-weight: 600; } .pagination a:hover, .pagination a:focus { text-decoration: underline; } .jqac-menu{ color: black; background-color: white; border: 2px outset #000; overflow: hidden; position: absolute; top: 0em; margin-bottom: 0em; margin-left: 2px; padding: 0em; } .jqac-menu ul{ list-style: none; margin: 1px; padding: 1px; position: relative; z-index: 999; background-color: white; } .jqac-menu li{ height: 1.5em; line-height: 1.5em; overflow: hidden; list-style: none; z-index: 8500; } .jqac-menu .jqac-link { cursor: hand; cursor: pointer; display: block; } .jqac-menu .jqac-highlight { background-color: #CEDEF4; } .jqac-menu .jqac-warning { font-style: italic; } .jqac-menu em { text-decoration: underline; } .jqac-menu .jqs-info { text-align: right; font-style: italic; font-size: .75em; color: #666; } /* global */ #cluetip-close img { border: 1px solid #ef2929; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/images/jquery/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0px; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'iZocaBlue' -------------------------------------- */ #cluetip { border-top: 1px solid #3465a7; border-left: 1px solid #3465a7; } .cluetip-iZocaBlue { background-color: transparent; } .cluetip-iZocaBlue #cluetip-outer { position: relative; border: 2px solid #729fcf; background-color: #fff; } .cluetip-iZocaBlue h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #729fcf; color: #fff; } .cluetip-iZocaBlue #cluetip-inner { padding: 0px; margin: 0px; } .cluetip-iZocaBlue div#cluetip-close { text-align: right; margin: 0 5px 5px; } .cluetip-iZocaBlue div#cluetip-close a { color: #a40000; } /* iZocaBlue arrows */ .clue-right-iZocaBlue .cluetip-arrows { background-image: url(/images/jquery/arrowleft_ltbl.gif); } .clue-left-iZocaBlue .cluetip-arrows { background-image: url(/images/jquery/arrowright_ltbl.gif); left: 100%; margin-right: -11px; } .clue-top-iZocaBlue .cluetip-arrows { background-image: url(/images/jquery/arrowdown_ltbl.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-iZocaBlue .cluetip-arrows { background-image: url(/images/jquery/arrowup_ltbl.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'iZocaOrange' -------------------------------------- */ #cluetip { border-top-width: 0px; border-left-width: 0px; } .cluetip-iZocaOrange { background-color: transparent; } .cluetip-iZocaOrange #cluetip-outer { position: relative; border: 2px solid #f57900; background-color: #fff; } .cluetip-iZocaOrange h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #f57900; color: #fff; } .cluetip-iZocaOrange #cluetip-inner { padding: 0px; margin: 0px; } .cluetip-iZocaOrange div#cluetip-close { text-align: right; margin: 0 5px 5px; } .cluetip-iZocaOrange div#cluetip-close a { color: #a40000; } /* iZocaOrange arrows */ .clue-right-iZocaOrange .cluetip-arrows { background-image: url(/images/arrowleft_oragne.gif); } .clue-left-iZocaOrange .cluetip-arrows { background-image: url(/images/arrowright_oragne.gif); left: 100%; margin-right: -11px; } .clue-top-iZocaOrange .cluetip-arrows { background-image: url(/images/arrowdown_orange.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-iZocaOrange .cluetip-arrows { background-image: url(/images/arrowup_orange.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* Styles for jQuery menu widget Author: Maggie Wachs, maggie@filamentgroup.com Date: September 2008 */ /* REQUIRED STYLES - the menus will only render correctly with these rules */ .fg-menu-container { position: absolute; top:0; left:-999px; } .fg-menu-container.fg-menu-flyout { overflow: visible; } .fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; } .fg-menu { position:relative; padding: 0; } .fg-menu-flyout .fg-menu { position:static; } .fg-menu ul { position:absolute; top:0; } .fg-menu ul ul { top:-1px; } .fg-menu-container.fg-menu-ipod .fg-menu-content, .fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; } .fg-menu.fg-menu-scroll, .fg-menu ul.fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; } .fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */ .fg-menu-flyout ul ul { padding: .4em; } .fg-menu-flyout li { position:relative; } .fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu-breadcrumb { margin: 0; padding: 0; } .fg-menu-footer { margin-top: .4em; padding: .4em; } .fg-menu-header { margin-bottom: .4em; padding: .4em; } .fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; } .fg-menu-breadcrumb li.fg-menu-prev-list, .fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; } .fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; } .fg-menu-breadcrumb a, .fg-menu-breadcrumb span { float: left; } .fg-menu-footer a:link, .fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; } .fg-menu-footer a:hover, .fg-menu-footer a:active { } .fg-menu-footer a span { float:left; cursor: pointer; } .fg-menu-breadcrumb .fg-menu-prev-list a:link, .fg-menu-breadcrumb .fg-menu-prev-list a:visited, .fg-menu-breadcrumb .fg-menu-prev-list a:hover, .fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; } .fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; } .fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; } .fg-menu-breadcrumb .fg-menu-current-crumb a:link, .fg-menu-breadcrumb .fg-menu-current-crumb a:visited, .fg-menu-breadcrumb .fg-menu-current-crumb a:hover, .fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; } /* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right */ .fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active { display: block; padding: .3em 3%; text-decoration:none; text-indent: 1.75em; outline: 0 !important; } .fg-menu a { border: 1px dashed transparent; } .fg-menu a.ui-state-default:link, .fg-menu a.ui-state-default:visited, .fg-menu a.ui-state-default:hover, .fg-menu a.ui-state-default:active, .fg-menu a.ui-state-hover:link, .fg-menu a.ui-state-hover:visited, .fg-menu a.ui-state-hover:hover, .fg-menu a.ui-state-hover:active, .fg-menu a.ui-state-active:link, .fg-menu a.ui-state-active:visited, .fg-menu a.ui-state-active:hover, .fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; } .fg-menu a span { display:block; cursor:pointer; } /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */ .fg-menu-indicator span { float:left; } .fg-menu-indicator span.ui-icon { float:right; } .fg-menu-content.ui-widget-content, .fg-menu-content ul.ui-widget-content { border:0; border-color: black; } /* ICONS AND DIVIDERS */ .fg-menu.fg-menu-has-icons a:link, .fg-menu.fg-menu-has-icons a:visited, .fg-menu.fg-menu-has-icons a:hover, .fg-menu.fg-menu-has-icons a:active { padding-left:20px; } .fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; } .fg-menu .horizontal-divider hr { border:0; height:1px; } .fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; } .fg-menu { font-size: 11px; } .fg-menu a { text-decoration: underline !important; } .fg-menu-container.ui-widget-content { border: 1px solid #204187 !important; } .fg-menu-container.ui-corner-all a, .fg-menu-container.ui-corner-all { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; } #member_nav li.member_nav_menu_open { border: 1px solid #204a87 !important; border-bottom: 1px solid #fff !important; background: #d0e5f5 url(/stylesheets/custom-theme/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; background: #fff; font-weight: bold; color: #1d5987; outline: none; } /* =#nav_signin, #nav_signup */ #nav_sign_in, #nav_signup { position: relative; left: -6em; } #member_nav li { border: 1px dashed transparent !important; float: left; padding: 2px .25em; } #member_nav li.expandable { overflow: hidden; margin-right: 1em; } #member_nav li a { float: left; } #member_nav li.expandable a.ui-icon{ margin-left: 2px; margin-top: 4px; padding: 0px; float: left; } #member_nav a { font-weight: normal !important; padding: 2px 0 1px 20px; margin-bottom: 0; } /* =#nav_footer */ #nav_footer { display: block; padding-top: .75em; } #nav_footer li { display: inline; } #nav_footer a { margin-left: 2em; } #nav_footer li.back a { margin-left: 0; } /* =#ad_sens */ #content_sub_sub #ad_sense { margin-top: 3em; } /* .pending_invitations */ #sign_in_status .pending_invitations { color: #f57900; float: left; width: 22.5em; margin-left: 15.75em; overflow: hidden; text-align: left; font-weight: 600; } #sign_in_status .pending_invitations a { color: #f57900; font-weight: 600; text-decoration: underline;} /* .special */ .special a, ul.special, a.special { overflow: visible; width: auto; border: 2px solid transparent;} ul.special a, ol.special a{ border: none; } .special a, a.special { padding: .25em .5em; display: block; color: #3465a4; } .special a:hover, a.special:hover { color: #1c3e95 } /* =#group_connector */ #group_connector > li{ border: 1px solid #888a85; border-color: #888a85; } #group_connector li.heading { border: none; } #group_connector li.all_memberships { border-top: none; border-bottom: none; } #group_connector li.all_memberships li.closing p { margin: .25em; } #group_connector li.all_memberships li.closing p a { display: block; } #group_connector .heading a { margin: 0px 3px; padding-right: 18px; } #group_connector .all_memberships { padding: 0px; position: relative; height: 17.5em; margin: 0 auto; margin-top: -1px; } #group_connector .content { overflow: auto; background-color: #fff; overflow-y: scroll; margin: 0px; margin-top: 0px; padding: 0px; height: 100%; } #group_connector .group { margin: 2px 0px; padding: 0px; background-color: #fff; border-color: #babdb6; border-width: 0px 1px 1px; border-style: solid; overflow: hidden; } #group_connector .group a { text-decoration: none; display: block; } #group_connector .group a.group_navigator:hover { text-decoration: underline; } #group_connector .group fieldset { padding: 0px; margin: 0em; height: 1.5em; max-height: 1.5em; line-height: 1.5em; text-indent: 0px; } #group_connector .group fieldset p { margin-right: 0px; } #group_connector .group form { display: inline; margin: 0px; padding: 0px; } #group_connector .group form p { margin: 0px; margin-right: 2px; float: left; width: 1.5em; } #group_connector .group form p input { margin-left: 1px; margin-right: 1px; margin-bottom: 1px; } #group_connector .group .group_navigator { float: left; width: 9em; height: 1.5em; max-height: 1.5em; padding-right: 0em; overflow: hidden; } #group_connector .group .color_selector { padding: 0px; margin-right: 0px; float: right; width: 12px; background: transparent url(/images/famfamfam/color_wheel_small_dark.png) center no-repeat} #group_connector .group li.closing { padding-bottom: 15em; } #group_connector .active_context { border: 1px solid #729fcf; border-width: 0px 2px 4px 2px; background-color: #fff; margin: 0px; padding: 1px; } #group_connector .active_context .group { margin: 0px; padding-bottom: 2px;} #group_connector .active_context .no-group { height: 3.25em; padding: 1px; padding-bottom: 2px; margin: 0px; margin-bottom: 0px; text-align: center; border: 1px solid #3465a4; } #group_connector .active_context .no-group h5 { position: relative; color: #204a87; text-indent: 4px; margin: 0px; text-align: left; height: 2em; max-height: 2em; overflow: hidden; } #group_connector .active_context .no-group h5 a { margin: 0px; padding: 0px; width: 11em; } #group_connector .active_context .no-group h5 img { cursor: pointer; } #group_connector .active_context .no-group img.loading { margin-top: 1em; } #group_connector .footer { padding: 0; margin: 0; background-color: #fff; border-top: 0px solid #babdb6; } #group_connector ul.group_membership_actions { margin: 0 auto; padding: .25em; padding-right: 0; margin-top: 0; background-color: #f6f9ed; border-top: 2px solid #729fcf;} #group_connector ul.group_membership_actions a { text-decoration: none; } #group_connector ul.group_membership_actions li { margin: 0; padding: 0; } #group_connector .group .actions { overflow: hidden; clear: left; } #group_connector .group .actions li { float: left; text-align: left; margin: 0; width: 3.0em; height: 1.75em; line-height: 1.75em; } #group_connector .group .actions li.events { margin-left: 2px; } #group_connector .active_context .group .actions li.events { margin-left: 2px; } #group_connector .actions li span { font-size: .875em; line-height: 1.714em; } #group_connector .actions li a { padding-left: 16px; vertical-align: top; } /* =#izoca_scratch_pad */ #izoca_scratch_pad form { margin: 0px; } #izoca_scratch_pad form fieldset { width: 14em; margin: 0 auto; } #izoca_scratch_pad li.notes_nav { padding: 0; margin: 0; } #izoca_scratch_pad textarea { height: 10em; width: 11.5em; margin: 0 auto; margin-left: 1em; margin-top: -3px; overflow: hidden; } #izoca_scratch_pad textarea { border-width: 1px; border-style: outset; } #izoca_scratch_pad input[type="submit"] { float: left; margin-right: 4em; } #izoca_scratch_pad .notes_nav a { margin-left: 1.5em; } #izoca_scratch_pad .body { margin-left: 0px; padding-left: 0px; border: 1px solid #888a85; border-width: 0px 1px 1px 1px; border-left-color: #eeeeec; } #izoca_scratch_pad .body .delete { float: left; margin-top: -2.25em; margin-left: 7em; } #izoca_scratch_pad li.footer { margin-bottom: .75em; margin-left: 1.5em; padding: 0; } #izoca_scratch_pad form p { margin: 0; display: inline; } /* =.membership_card (ul)*/ #group_members .membership_card { position: relative; width: 24em; height: 10em; max-height: 10em; min-height: 10em; } #group_members .membership_card { margin-top: -6px; padding-top: 6px; padding-bottom: 0px; overflow: hidden; background: url(/images/corners/roundedcornr_680060_tr.png) no-repeat top right; } #group_members .membership_card > li { float: right; width: 13.5em; padding: 0px; margin: 0px; overflow: hidden; background: url(/images/corners/roundedcornr_680060_r.png) repeat-y right; } #group_members .membership_card .logo { float: left; margin-left: 3px; margin-right: -111px; width: 108px; height: 10em; overflow: hidden; background: none; } #group_members .membership_card .logo { text-align: center; } #group_members .membership_card .logo p { text-indent: -9999px; margin: 0 auto; } #group_members .membership_card .logo .photo a { display: block; height: 100%; } #group_members .membership_card .logo h6 { margin: 0; padding: 0; font-weight: 400; position: relative; z-index: 95; } #group_members .membership_card .footer input[type='submit'] { position: relative; margin-left: 18px; color: #4e9106; font-weight: 500; font-size: .91em; float: left;} #group_members .membership_card .footer input[type='submit'].remove { color: #cc0000; } #group_members .membership_card li.footer { position: absolute; bottom: 0px; overflow: visible; clear: both; float: none; display: block; width: 100%; margin: 0px; padding: 0px; background: url(/images/corners/roundedcornr_680060_bl.png) no-repeat bottom left;} #group_members .membership_card li.footer fieldset { display: block; padding: 0px; margin: 0; width: 100%; background: url(/images/corners/roundedcornr_680060_br.png) no-repeat bottom right; } #group_members .membership_card .footer fieldset { padding-bottom: 3px; padding-top: 3px; } #group_members .membership_card .footer fieldset a, #group_members .membership_card .footer fieldset input { visibility: hidden; } #group_members .membership_card .footer a { margin-left: 15px; margin-top: 6px; float: left; } #group_members .membership_card .footer form input[type=submit] { margin: .25em .25em 0em .5em; } #group_members .membership_card .member {display: block;} #group_members .membership_card .member_actions p { margin: 0px; padding: 0px; } #group_members .membership_card > li.member_metrics { width: 14.5em; overflow: hidden; margin: 0px; padding: 0px; } #group_members .membership_card span.joined_on, #group_members .membership_card li.profile p { font-size: .9em; line-height: 1.667em; margin: .834em 0px;} #group_members .membership_card li.profile p a { display: inline;} #group_members .izcard_status h6 { width: auto; } #content_main.show #group_members { margin-left: 1.5em; } #group_members .membership_revoke input { color: #cc0000; } /* =#izcard */ #content_main.show_izcard #izcard { margin: 0 auto; margin-top: 4.5em; height: 11em; width: 33.5em; float: none; } #izcard ul { width: 33.5em; height: 11em; margin: 0; overflow: auto; } #izcard .no-izcards {text-align: center; padding-top: 3em;} #izcard p { margin: 0; } #izcard li { width: 12em; float: left;} #izcard li.adr { position: relative; top: .5em; width: 20em;} #izcard li.telecommunications { position: relative; top: .5em; width: 20em;} #izcard .photo { display: block; margin-left: auto; margin-right: auto; margin-top: .5em;} #izcard .fn { height: 8em; font-weight: bold; text-align: center; position: relative; } #izcard .fn h6 { position: absolute; left: 0px; top: 80px; width: 13.3em; display: block; text-align: center; } /* =#contact_search */ #contact_search .help-tip { margin-left: 1em;} /* =fieldset.member_search */ fieldset.member_search { margin-left: 0; } fieldset.member_search label.search { display: block; margin-top: .75em; } fieldset.member_search input[type='text'] { width: 23em; } fieldset.member_search .actions { width: 22em; text-align: center; } /* #friends */ #friends { padding-bottom: 3em; overflow: hidden; } #friends li.friend_container { display: inline; } /* .friend */ fieldset.friend { background-color: #CEDEF4; border-top: 1px solid #f57900; margin: 1.5em .5em .25em .5em; width: 24em; float: left; } .friend > ul { overflow: hidden; padding: .5em; padding-top: 0px; margin: 0px; } .friend .thumbnail { float: left; width: 50px; height: 50px; margin: 0; text-align: center; overflow: hidden; padding-top: .25em; } .friend .thumbnail p { margin: 0 auto; text-indent: -9999px; } .friend .thumbnail p a { display: block; height: 100%; } .friend li.name h6 { margin: 0px; } .friend li.name h6 a { font-weight: 600; } .friend li.interaction { margin: 0px; float: right; padding-top: .25em; width: 18em; } .friend .interaction .actions { padding: 0; padding-left: 4px; background-color: #FFF; } .friend .interaction .actions h6 { padding: 0; margin: 0; font-weight: 400; } .friend .interaction .actions a { padding-left: 20px; margin-left: 0px; } .friend li.interaction a, .friend .interaction span { height: 1.5em; max-height: 1.5em; padding: 2px 0; overflow: hidden; } .friend ul.affiliations {overflow: auto;} .friend fieldset.message { display: none; } .friend .send_izcard { padding-top: 2px; } .friend .send_izcard fieldset { margin: 0px; padding: 0px; } .friend .send_message { line-height: 1.5em; height: 1.5em; overflow: hidden; } .friend .send_izcard h6 { position: relative; } .friend .send_izcard .has_exchanged_izcards a { position: absolute; right: 0; top: 2px; height: 1em; line-height: 1em; margin: 0; margin-right: 6px; } .member_list .friend .thumbnail { margin-top: 1.5em; } .member_list .friend li.name h6 a { font-weight: 600; margin-left: -4em; } /* .contacts .show */ .friend .send_izcard img.loading { padding-left: 4px; } #content.contacts .show #friend { margin-left: 0; } #content.contacts .show .friend { margin: 1.5em; width: 51em; display: block; } #content.contacts .show .friend li.interaction { float: left; margin-left: 1.5em; margin-bottom: .75em; width: 43em; display: block; } /* .shared_affiliations */ #content.contacts .shared_affiliations { display: none; } #content.contacts .show .shared_affiliations { display: block; } #content.search .shared_affiliations { display: none; } #content.search .show .shared_affiliations { display: block; } /* =#notification_settings */ .profiles #notification_settings, .profiles #group_defaults { padding-left: 1.5em; } .profiles #notification_settings legend { display: none; } .profiles #notification_settings h5 { margin-top: 1.4em; margin-bottom: .3em; padding: 0px; color: #204a87; } .profiles #notification_settings li { overflow: hidden; margin-top: .75em; } .profiles #notification_settings li input[type='checkbox']{ clear: left; float: left; width: 1.5em; } .profiles #notification_settings li label { float: left; font-weight: 400; } .profiles #notification_settings ol { margin: 0px; margin-left: 1em; padding: 0px; } .profiles #notification_settings fieldset { padding: 0; margin-left: 0em; margin-top: 1em; } .profiles #notification_settings fieldset label { width: 15em; text-align: right; color: #204a87; } /*.profiles #notification_settings .notification_email_address label { color: #204a87; }*/ .profiles #group_defaults ol.defaults {width: 42em; border: 1px solid #888888; padding-right: 2em; margin-left: 3em; margin-bottom: 2em;} .profiles #group_defaults li.restore_groups { float: right; padding: 1em; margin-top: .75em; width: 15em; background-color: #E1E1E1; text-align: center; } .profiles #group_defaults li label { font-weight: 400; } .profiles #group_defaults .contact_type { padding: 0; margin-left: 0em; margin-top: 1em; } .profiles #group_defaults .contact_type label { color: #204a87; } .profiles #group_defaults .contact_type select { width: 8em; } /* =#my_group_memberships */ #content_main ul#group_members { margin: .75em; } #group_members { margin: 0px; padding: 0px; overflow: hidden; } #my_group_memberships .memberships { display: inline; } /* =.agenda */ .agenda h5.date_header { margin: .25em 0; } .agenda h5.date_header a { font-weight: 700;} /* =.agenda_daily */ #content_main fieldset.daily_agenda ul{ margin: 0 auto; padding: 0; } .daily_agenda ul, .daily_agenda h5.date_header{ width: 30em; margin: 0 auto; } .daily_agenda h5.date_header { margin-top: .75em; border: 1px solid #CEDEF4; border-width: 0px 1px; } fieldset.daily_agenda ul.day { border-width: 1px; border-color: #CEDEF4; } /* =table.week_agenda */ table.week_agenda caption { display: none; } table.week_agenda td { width: 5%; min-width: 6em; background-color: #fff; border-right: 2px solid #eeeeec; border-top: 1px solid #729fcf; } table.week_agenda .day { vertical-align: top; } table.week_agenda .day .heading h5 { text-indent: -9999px; } table.week_agenda .day ul { min-height: 1.5em; } #recent_activity_rollup #agenda_view.week_agenda th.position_6 .date_header { margin-right: 1.25em; } /* =#group_agenda, =.group_agenda */ #group_agenda { margin: 0px; padding: 0px; background: url(/images/corners/roundedcornr_414295_tl.png) no-repeat top left; } #group_agenda table { margin: 15px; } #group_agenda fieldset { margin: 0px; background: url(/images/corners/roundedcornr_414295_tr.png) no-repeat top right; } #group_agenda h6.footer { margin: 0px; padding: 0px; padding-right: 15px; background: url(/images/corners/roundedcornr_414295_br.png) no-repeat bottom right; margin-top: -15px; padding-top: 15px; } #group_agenda h6.footer span { display: block; text-indent: 15px; background: url(/images/corners/roundedcornr_414295_bl.png) no-repeat bottom left; padding-bottom: 9px; padding-top: 9px; } #group_agenda h6.footer a { font-weight: 600; } #group_agenda div { background: url(/images/corners/roundedcornr_680060_r.png) repeat-y right; } /* =.recent_activity (used on group home page) */ #content_main h4.recent_activity { margin-top: 2.4em; } #content_main h4.recent_activity a { text-decoration: underline; font-weight: 600; } div.recent_activity { background-color: #f6f9ed; margin: 0px; background: #f6f9ed url(/images/corners/roundedcornr_414295_tl.png) no-repeat top left; padding-top: 15px; height: auto; overflow: hidden; } div.recent_activity ul { height: 11em; max-height: 11em; overflow: hidden; margin: 0px; margin-top: -15px; background: url(/images/corners/roundedcornr_414295_tr.png) no-repeat top right; } div.recent_activity h6.footer { margin: 0px; padding: 0px; padding-right: 15px; background: url(/images/corners/roundedcornr_414295_br.png) no-repeat bottom right; margin-top: -35px; padding-top: 38px; } div.recent_activity h6.footer span { display: block; text-indent: 15px; background: url(/images/corners/roundedcornr_414295_bl.png) no-repeat bottom left; padding-bottom: 9px; padding-top: 9px; } div.recent_activity h6.footer a { font-weight: 600; } div.recent_activity li { height: 11em; display: inline; float: left; width: 10em; overflow: hidden; text-align: center; } div.recent_activity li h6 { height: 1.667em; overflow: hidden; font-weight: 400; margin: 0; padding: 0;} div.recent_activity p { height: 80px; line-height: 80px; overflow: hidden; } #recent_discussion_activity.recent_activity ul, #recent_discussion_activity.recent_activity li { height: 12.5em; max-height: 12.5em; } #content_main h4.recent_activity.agenda { margin-top: .6em; } #content_main h4.recent_activity.agenda a { font-weight: 500; margin-left: .5em; } /* =#recurrence_display */ #recurrence_display{ margin-left: 8.5em; width: 40.25em; position: relative; display: none; } #recurrence_display h4 { background-color: #cedef4; border: 1px solid #204a87; margin: 0em; margin-left: .25em; padding: .25em; position: relative; line-height: 1.2em; min-height: 1.2em; display: block; width: 31em; } #content.events .show #recurrence_display { display: block; } #event_summary #recurrence_display{ margin-left: 7.2em; margin-top: -1.5em;} .event a.recurring { padding-left: 18px; } /* =.group_members_access */ fieldset.group_members_access, #content_main fieldset.group_members_access > ol { margin: 0em; padding: 0px; margin-bottom: -.5em; } fieldset.group_members_access ol li:first-child { padding-top: 0em; margin: 0px; } /* =#group_fields */ #group_fields .url { } #group_fields .url p { margin-bottom: 0px; width: 42em; color: #f57900; } #group_fields .url input[type=text] { width: 24em; } #group_fields fieldset.visibility_options legend { display: inline; } #group_fields fieldset.visibility_options { border: 2px groove threedface; margin-left: 0; width: 40em; display: block; clear: both; overflow: hidden; } #group_fields fieldset.visibility_options .unimplemented label{ color: #babdbc; font-weight: 500; } #group_fields li.visibility .fieldWithErrors + .fieldWithErrors { display: inline; float: left; } #group_fields li.membership { overflow: hidden; } #group_fields li.membership select { float: left; margin-right: .5em; } /* =.content_actions */ fieldset.content_actions { padding-top: .75em; } /* =#group_admins_index */ #group_admins_index ul.member_list { overflow: hidden; } #group_admins_index li { float: left; width: 9.5em; height: 9.5em; text-align: center; } #group_admins_index li p { margin: 0 auto; padding: 0px; padding-bottom: .25em; height: 50px; width: 50px; overflow: hidden;} #group_admins_index a { text-decoration: underline; display: block; } /* =#about_group_membership */ #content.group_memberships #about_group { background-color: #e9b963; width: 28em; } #content.group_memberships #about_group { float: right; right: .75em; overflow: hidden; } #content.group_memberships #content_main.show #about_group { float: left; width: 30em; } #content.group_memberships #about_group li { overflow: hidden; } #content.group_memberships #about_group h4 { color: #eeeeec; background-color: #3465a4; margin: 0px; padding: 6px; height: 1em; line-height: 1.2em; max-height: 1em; overflow: hidden; } #content.group_memberships #about_group h5 { float: left; width: 7.5em; margin: 0px .5em; } #content.group_memberships #about_group p { float: right; width: 19.5em; text-align: left; margin: 0em; } #content.group_memberships #about_group .url { margin-left: 6px; } #content.group_memberships #about_group a { font-size: .833em; text-decoration: underline; } #content.group_memberships #about_group { margin-top: 2em; } #content.group_memberships .show #about_group { margin-top: 1.5em; } /* =#group_membership */ #group_membership { margin: 0em; display: block; } ul#group_membership { float: left; width: 19em; margin-top: 1.5em; margin-right: 0px; } #group_membership .last_admin { font-weight: 400; color: black; } /* =#color_selector */ .edit_color #group_membership_settings fieldset#color_selector { float: none; top: 0; width: 100%; height: 100%; } .edit_color #group_membership_settings fieldset#color_selector legend { display: none; } fieldset#color_selector ul { display: block; overflow: hidden; height: 13em; width: 16em; background-color: #eeeeec; border: 1px solid #d3d7cf; margin: 0px; margin-left: 1.5em; padding: 0px; } fieldset#color_selector li { margin: .75em; float: left; width: 1.5em; height: 1.5em; border: 1px solid #fff; } fieldset#color_selector li:hover { border-color: #2e3436; } fieldset#color_selector li.selected { background: url(/images/famfamfam/tick_white.png) top no-repeat; } fieldset#color_selector input[type=radio] { border: none; } /* =#group_membership_request */ fieldset#group_membership_request li { padding: 0;} fieldset#group_membership_request h5 { color: #3465a4; } fieldset#group_membership_request p { margin: 0; color: #2e3436; } fieldset#group_membership_request ol { width: 40em; } #group_membership_settings fieldset.request, #group_membership_settings fieldset#group_membership_request { margin: 0em; } /* =#member_group_memberships, =#group_members */ #member_group_memberships, #group_members { margin: 0px; padding: 0px; padding-bottom: 1.5em; overflow: hidden; } #group_members .membership { float: left; position: relative; width: 24em; margin: .25em .5em; padding-top: 6px; background: url(/images/corners/roundedcornr_680060_tl.png) no-repeat top left; overflow: hidden; } #member_group_memberships .membership { display: block; border-bottom: 1px solid black;} /*#member_group_memberships .membership { float: left; position: relative; width: 48em; margin: .25em .5em; padding-top: 6px; overflow: hidden; background: url(/images/corners/roundedcornr_680060_tl.png) no-repeat top left;}*/ #group_members { padding-left: .75em; } /* group bulletins */ .bulletin-form #bulletin_description{ height: 15em;} .bulletin-form #start_on { float: left; width: 9em; margin-left: 0em; margin-right: 0em; } .bulletin-form #start_at { float: left; margin-left: 1em; width: 7.5em; margin-right: 0em; } .bulletin-form #expiration { clear: left; float: left; width: 100%;} .bulletin-form #expiration_type { float: left; margin-right: 2em; } .bulletin-form #end_at { width: 7.5em; float: left; margin-left: 0em; margin-right: 0em; } .bulletin-form #end_on { width: 9em; float: left; margin-left: 0em; } #content.bulletins fieldset input[type=submit] { margin-left: .75em; } /* group bulletin input */ .bulletin-form #end_on input, .bulletin-form #start_on input { width: 6.2em; } .bulletin-form #end_at input , .bulletin-form #start_at input { width: 5em; } .bulletin-form .description input[type="text"] .bulletin-form #start_at input { float: left; } .bulletin-form #end_at_clock, .bulletin-form #start_at_clock { position: absolute; margin-left: 6em; margin-top: 1.2em; } /* group bulletin index */ .bulletins .description p { color: #729fcf; font-weight: 600; } .bulletins .creator { float: right; text-align: center; margin-top: .75em; margin-right: 1.5em; } .bulletins .creator label { display: block; clear: left; } .bulletins .expires, .bulletins .starts { font-weight: 700; } .bulletins .starts h6, .bulletins .expires h6 { margin: .417em; width: 35em; } .bulletins h6 span { width: 30em; text-align: left; } .bulletins .starts h6 { margin-bottom: 0em; } .bulletins .expires h6 { margin-top: 0em; } .bulletins h6 span {font-weight: 400; } .bulletins ul.index_list .list-item { border-top: 1px solid #f57900; } .bulletins ul.index_list .actions { clear: both; display: block; margin: .75em;} .bulletins ul.index_list .button-to input { float: none; } .bulletins ul.index_list .button-to .MoveUp { float: right; clear: none; } .bulletins ul.index_list .button-to .MoveDown { float: right; clear: none; } /* group home bulletins */ #bulletins_display { list-style-image: url(/images/asterisk_orange.png); list-style-position: outside; background-color: #cedef4; border-top: 1px solid #f57900; padding-bottom: .25em; } #bulletins_display li{ margin-left: 3em; padding-left: .25em; } #bulletins_display li p { color: #204a87; font-weight: 600; font-size: 1.25em;} #bulletins_display { color: #204a87; font-weight: 600; margin-left: 1.5em; } #content_main h4.bulletins_display { color: #fff; background-color: #729fcf; margin: 0 1.2em; text-indent: 1.5em; padding-bottom: 4px; } #content_main h4.bulletins_display a { font-size: .833em; } #content.groups .show .manage_bulletins{ float: right; } /* .subgroup_listings table */ table#subgroup_listings thead th { font-weight: 600; padding-top: .75em; } table#subgroup_listings tr { height: 3.0em; } table#subgroup_listings tr.even { background-color: #d3d7cf; } table#subgroup_listings tr.odd { background-color: #babdb6; } table#subgroup_listings td { line-height: 3.0em; min-height: 3.0em; vertical-align: top; } table#subgroup_listings tr .name { width: 16em; text-indent: 12px; } table#subgroup_listings tr .user_count { width: 6em; } table#subgroup_listings tr .name a {height: 3.0em; line-height: 3.0em; display: block; width: 32em; overflow: hidden;} table#subgroup_listings tr .discussion_count { width: 13em; } table#subgroup_listings tr .upcoming_count { width: 16em; } table#subgroup_listings tbody tr .user_count { text-align: center; } table#subgroup_listings tbody tr .discussion_count { text-align: center; } table#subgroup_listings tbody tr .upcoming_count { text-align: center; } th.discussion_count { overflow: visible; } /* #group_invitations */ #group_invitations { width: 50em; } table#group_invitations thead th { font-weight: 600; padding-top: .75em; } table#group_invitations thead tr { border-bottom: 1px solid #f57900; } table#group_invitations tbody tr { background-color: #F6F9ED; border-bottom: .25em solid #fff; } table#group_invitations td { line-height: 3.0em; vertical-align: bottom;} table#group_invitations tr .invitee { width: 21em; max-width: 21em; overflow: hidden; text-indent: 12px; } table#group_invitations .invitee_header { text-indent: 12px; } table#group_invitations tr .expires { padding-left: .25em; } table#group_invitations tr .resend input { color: #4E9A06; } table#group_invitations tr .revoke input { color: #cc0000; } table#group_invitations tr .revoke div { line-height: 3.0em; vertical-align: bottom; margin-bottom: .75em; display: block; } #content.group_invitations .index h6 { margin-left: 4em; font-weight: 400; } #invitee_select { margin-bottom: 1.5em; } #invitee_select #entry_type li {float: left; width:16em;} #invitee_search { overflow: hidden; position: relative; padding-top: .75em; float: left; width: 33em; } #invitee_search .name_search input { width: 20em; } #invitee_search h6#entry_hint { font-weight: 400; margin: 0px; display: block; float: left; } /* default non-javascript visibility */ #bulk_invites {display: block;} #invitee_search {display: none;} #invitee_list {display: none} /* .group_color_indicator */ .group_color_indicator { margin: 2px 2px 0px 0px; } /* .ontop */ .ontop { z-index: 999; } /* #group_info */ #group_info { padding-left: 16px; } #group_info .actions { padding: .25em 0; border: 1px solid #888a85; border-width: 0px 1px 1px 1px; border-left-color: #eeeeec; } #group_info .actions a { text-decoration: none; margin-left: 2px; } /* .calendar_event */ .calendar_event { margin: 3px 1px; display: block; } .calendar_event a { margin: 0px; padding: 0px; } .calendar_event a, #month_view a.more{ font-size: .917em; font-weight: 500; font-family: Trebuchet MS,Arial,Sans-Serif; line-height: 1.25em; display: block; height: 1.25em; max-height: 1.25em; overflow: hidden; cursor: pointer; margin: 0em; padding: 1px; color: #000080; position: relative; text-decoration: none; } .calendar_event a:hover { text-decoration: underline; } .calendar_event a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .calendar_event a.recurring, .calendar_event a.rsvp { padding-right: 18px; } a.event { font-weight: 500; padding-left: 18px; } #discussion_header li.event_preview h5.calendar_event .rsvp span { background: none; } #discussion_header li.event_preview h5.calendar_event .rsvp { background-position: center left; } /* =.calendar */ .calendar_month .selected_date { background-color: #F6F9ED; } #content.calendar #nav_content_sub input[type='submit'] { margin: 0px; } /* =#recent_activity (found in activity connector pop-ups) */ #recent_activity { margin-left: 0em; padding-left: 1.5em; padding-right: .5em; } #recent_activity ul li, #recent_event_activity h6 { padding-left: .5em; } #content_main #recent_activity ul li { margin-left: -1em; } #recent_activity h4 { color: #729fcf; } #recent_activity h6 { margin-bottom: 0px; margin-left: 0px; color: #204a87; } #recent_activity ul { height: 9.5em; overflow: auto; } #recent_activity input[type=submit] { margin-top: .75em; } #recent_activity .toggle_select { display: none; } #recent_activity .toggle_select a { padding: .25em; } #recent_activity .recent_activity { overflow: hidden; border-top: 1px solid #729fcf; background-color: #F6F9ED; margin-bottom: .25em; } #recent_activity h6 { background-color: #fff; } #recent_activity .recent_activity input[type=checkbox] { float: left; line-height: 1.5em; } #recent_activity .recent_activity h5 { margin: 0; height: 1.5em; max-height: 1.5em; overflow: hidden; } #recent_activity .recent_activity a { padding-left: 18px; } /* =.recent_event_activity */ #recent_activity.recent_event_activity .recent_activity span.who { height: 1.5em; max-height: 1.5em; overflow: hidden; margin-left: 18px; } .recent_event_activity .calendar { display: none; } .recent_event_activity .calendar { padding-left: 20px; } /* =#recent_activity.with_subcontent (specialized version of =#recent_activity) */ #recent_activity.with_subcontent .recent_activity a { padding-left: 9px; } #recent_activity.with_subcontent .recent_activity { height: auto; } #recent_activity.with_subcontent .recent_activity p { clear: left; font-size: .833em; line-height: 1.8em; height: 1.8em; max-height: 1.8em; overflow: hidden; } #recent_activity.with_subcontent .recent_activity p { margin: 0; margin-left: 2.6em; } #recent_activity.with_subcontent .date { width: 8em; border: none; } /* =.recent_discussion_activity (specialized version of =#recent_activity) */ .recent_discussion_activity .discussions { display: none; } .recent_discussion_activity .discussions { padding-left: 20px; } a.comment_add { font-weight: 500; padding-left: 18px; } /* .discuss */ a.discuss { font-weight: 500; padding-left: 18px; } p.discuss { padding-left: 18px; } /* =#nav_content_sub */ #nav_content_sub input.date-pick { float: left; font-weight: 600; color: #204a87; width: auto; overflow:visible; padding: 0px 4px; } #nav_content_sub input.selecting{ color: #cc0000; } #nav_content_sub { display: block; position: relative; height: 2em; line-height: 2em; padding: 0; } #nav_content_sub .add_content, #nav_content_sub .toggle_content { float: right; padding: .25em; margin-top: -.25em; margin-right: 1.5em; } #nav_content_sub .add_content a { padding-left: 16px; } #nav_content_sub .toggle_content a { width: 8em; } #nav_content_sub fieldset.help-info a { margin-left: 3em; } /* .submit_link */ input.submit_link { background: transparent; border-top: 0; border-right: 0; border-bottom: 1px solid transparent; border-left: 0; color: #204a87; display: inline; margin: 0; padding: 0; cursor: pointer; height: 1.5em; line-height: 1.5em; text-align: left; text-indent: 0px; text-align: left; text-indent: 0px;} input.submit_link:hover { border-bottom: 1px solid #204a87; } input.submit_link:focus, input.submit_link:active { outline: 0px; border: 0; } /* hack needed for IE 7 */ *:first-child+html .submit_link { border-bottom: 0; } /* #context_branding */ #context_branding .join, #context_branding .invite { float: right; margin-right: .5em; margin-top: .5em; margin-bottom: 0; text-align: center; width: 9.25em; text-decoration: underline; } /* .directory_search */ fieldset.directory_search label.search { padding-left: 24px; } /* #group_invitation_type */ #group_invitation_type { padding: 0; padding-top: 2px; overflow: hidden; background-color: #CEDEF4; } #group_invitation_type li { display: inline; float: left; border-bottom: 2px solid #CEDEF4; border-top: 2px solid #CEDEF4; border-right: 1px solid #CEDEF4;} #group_invitation_type li.selected { border-bottom-color: #F6F9ED; border-top-color: #fff; border-right: 1px solid #babdb6; background-color: #F6F9ED; } #group_invitation_type h4 { display: inline; padding: 0 .5em; background-color: #CEDEF4;} #group_invitation_type .selected h4 { background-color: #F6F9ED; } #group_invitation_type .selected h4 a { text-decoration: none; } #group_invitation_type h4 a { text-decoration: underline; padding: 0 .25em; } /* #group_invitation_from_contacts */ #group_invitation_from_contacts #invitee_lookup{ float: left; width: 36em; margin-top: 1.5em; } #group_invitation_from_contacts #invitee_lookup input[type=text] { width: 24em;} #group_invitation_from_contacts #invite_message { float: left; width: 36em; margin-top: 1.5em;} #group_invitation_from_contacts #invite_message textarea, /* #invitee_list */ #invitee_list { background-color: #fff; border: 1px solid #2e3436; padding: 0; margin: 0; overflow: auto; width: 30em; max-width: 30em; min-height: 10em; position: relative; float: left; clear: left; } #invitee_list.empty { display: none; } #invitee_list.populated { display: block; } #invitee_list li { margin: 0px; display: inline; float: left; } #content_main ol#invitee_list { padding: 0px; } /* =#group_invitation_from_search */ #group_invitation_from_search { padding-top: 1.5em; overflow: hidden; } #group_invitation_from_search .search_criteria { border: 1px solid #d3d7cf; padding-bottom: .25em; } #group_invitation_from_search .directory_search input[type=text] { width: 18em; margin-left: 2em; } #group_invitation_from_search fieldset.invite { float: left; width: 6em; margin: 0; margin-top: 1em; text-align: left; background-color: #eeeeec; } #group_invitation_from_search fieldset.invite h6 { padding-left: 18px; font-weight: 400; margin: 0; position: absolute; right: 2em; top: 1.25em; } #group_invitation_from_search fieldset.invite h6.special { padding: 0; text-align: center; margin: 0; } #group_invitation_from_search fieldset.invite .special a { text-decoration: underline; font-weight: 600; padding: 0; padding-left: 18px; display: inline; } #group_invitation_from_search div.invitee_message { width: 31em; margin-top: 0; float: left; } .index #group_invitation_from_search .invitee_message { display: none; } .new #group_invitation_from_search .invitee { float: left; width: 12em; } .new #group_invitation_from_search h5 { color: #000; margin-top: .25em; margin-left: 1.5em; } #group_invitation_from_search ol.member_list li.footer { display: block; clear: left; } #group_invitation_from_search .help-tip { float: right; margin: 0; padding: 0; } /* .member_list */ #group_invitation_from_search .member_list .member_container { overflow: hidden; float: left; position: relative; margin: 0; width: 26.5em; } #group_invitation_from_search .member .name h6 span a { margin-left: 0; text-indent: 0px; padding: 0px; } #group_invitation_from_search ul.member { float: left; margin: 0em; margin-top: .75em; margin-left: 1.5em; } #group_invitation_from_search .friend .interaction .actions { border: 1px solid #CEDEF4; } #group_invitation_from_search .member_list .member { background-color: #fff; border: 1px solid #d3d7cf; border-top-color: #f57900; float: left; width: 23em; overflow: visible; } /* .member_container */ #friends .member_container .member .thumbnail p { margin: 0 auto; text-indent: -9999px; } #friends .member_container .member .thumbnail p a { display: block; height: 100%; } /* =.actions, =.group_membership_actions */ #group_info .actions a, #group_connector .group_membership_actions a { padding-left: 20px; display: block; } #group_info .actions a:hover, #group_connector .group_membership_actions a:hover { background-color: #cedef4; text-decoration: underline; } /* #getting_started */ #content_main #getting_started { padding-top: 0; margin-top: 0; margin: 0 auto;} #content_main #getting_started h2 { padding-top: 0; margin-top: .25em;} #content_main fieldset#getting_started > ol{ margin: 0 auto; } #site_info #getting_started, #group_connector #getting_started { display: none;} /* #getting_started_first_time */ #content_main div#getting_started_first_time { overflow: auto; width: auto; display: block; margin: 0 1.5em 3em 1.5em; padding: 0; position: relative; top: -.75em; } #content_main div#getting_started_first_time fieldset { display: block; max-width: 66em; margin-top: 1.5em; margin-bottom: 0; text-align: right; } /* .group_member */ .groups .show .group_member { padding-left: 18px; } /* =#group_search */ #content.groups #group_search { margin-top: .25em; margin-left: .5em; } #group_search h3.group_search { display: none; } .member .groups .index blockquote.featured_group_intro { display: none; } #group_search_fields input[type=text] { font-size: 1.25em; } /* =#content.sponsored_content */ #content.sponsored_content p.action_links a { padding: .75em; } #content.sponsored_content .about_sponsor { display: none; } #content.sponsored_content .edit textarea { width: auto; } /* =#sponsored_content_preview */ #sponsored_content_preview .footer a { padding-left: 18px; } /* =#flash_special.flash_exclamation */ #flash_special.flash_exclamation { margin: 1.5em; } form p.chars_remaining { margin-top: 0; text-align: right; color: #888a85; } form p.chars_remaining.error { color: #cc0000; } input[type='submit'].hybridButton { background-color: transparent; border: none; width: auto; overflow: visible; text-decoration: underline; color: #204a87; padding: .25em .5em; border: 1px solid transparent; } input[type='submit'].hybridButton:hover { border: 1px outset #555753; background: transparent url(/images/falseBtnBack.png) center left repeat-x; color: #000; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* =.fyi */ .fyi { border: 2px solid #3F6C9C; text-align: center; background-color: #eeeeec; color: #2e3436; font-size: .9em; line-height: 1.35em; padding: .25em; } /* =#upcoming_ics */ #upcoming_ics { display: none; } #new_member_introduction { width: 51em; margin: 0 auto; margin-top: 3em; } #new_member_introduction h3 { color: #f57900; text-align: center; } #new_member_introduction h3 + h3 { margin-top: 1.2em; color: #2e3436; } #new_member_introduction h3.welcome span { color: #2e3436; padding-left: 1.2em; font-weight: normal; } #new_member_introduction ul { margin-top: 1.5em; } #new_member_introduction ul h3 { color: #2e3436; font-weight: normal; } #new_member_introduction li { float: left; width: 33%; } #new_member_introduction p { text-align: center; } #new_member_introduction li.links { width: 100%; overflow: hidden; position: relative; } #new_member_introduction .links h3 { color: #204a87; } #new_member_introduction .links a { text-decoration: underline; } /* =ui-datepicker */ .ui-datepicker { z-index: 999; } /* =.sign_in_disclaimer */ .sign_in_disclaimer { text-align: center; background-color: #ffc; margin: .75em; padding: 0; } .sign_in_disclaimer a { font-weight: bold; text-decoration: underline; } /* =#group_security_settings */ #group_security_settings h5 { margin-left: .75em; margin-bottom: 0; } /* =#content_visibility */ #content_visibility_fields fieldset { border: 1px solid #000; display: inline; padding-right: 1.5em; width: 400px; } #content_visibility_fields fieldset legend { display: inline; } #content_visibility_fields fieldset p.help { float: right; } /* =.content_visibility_disclaimer */ #content_visibility_disclaimer p { margin-top: 1em; } p.content_visibility_disclaimer { margin: 0; float: left; width: 100%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align: center; color: #8f5902; color: #3465a4; background-color: #cedef4; } p#public_group_nav { margin: 0 auto; margin-top: 2.25em; text-align: center; } #page_social_interactions_container { position: absolute; top: 0; right: 0; margin-top: 6px; width: 14.25em; z-index: 100; } #content_sub_sub #page_social_interactions + #ad_sense { margin-top: 1em; } #page_social_interactions_container #page_social_interactions { position: relative; height: 7em; margin: 0 auto; text-align: center; } #page_social_interactions_container #page_social_interactions div.taf { position: absolute; width: 14.5em; left: 0; bottom: 0px; } #page_social_interactions + h3.invite.special { display: none; } .profile_thumbnail_with_name { overflow: hidden; padding: 0em; margin: 0em; display: inline; width: auto; position: relative; } .profile_thumbnail_with_name p { position: relative; text-align: center; width: 10.0em; height: 7.167em; line-height: 6.417em; padding: 0em; margin: 0em; float: left; } .profile_thumbnail_with_name p img { vertical-align: middle; left: 35px; margin: 0 auto; padding: 0px; max-height: 50px; } .profile_thumbnail_with_name p span { position: absolute; display: block; bottom: 0px; left: 0px; width: 100%; margin-top: 4.914em; clear: both; height: 1.5em; line-height: 1.5em; overflow: hidden; text-align: center; } #content_main fieldset.profile_thumbnail_with_name { padding: 0px; margin: 0px; } fieldset.profile_thumbnail_with_name input[type='image'] { position: absolute; top: 0.5em; left: 1.5em; } /* =#cluetip */ #cluetip fieldset legend { display: none; } #cluetip h5.error { color: #cc0000; margin: 0 1.5em; } /* #cluetip .help */ #cluetip h4.help { margin-left: 1.2em; } /* .new_message */ #cluetip .new_message input[type=text], #cluetip .new_message textarea { display: block; width: 32em; } /* .invitee_message */ #cluetip form.simple fieldset.invitee_message textarea { display: block; width: 31em; } /* .shared_affiliations */ #cluetip ul.shared_affiliations { height: 15.5em; max-height: 15.5em; overflow: auto; } #cluetip ul.shared_affiliations li { margin-left: 1.5em; overflow: hidden; height: 1.5em; max-height: 1.5em; width: 24em; } #cluetip ul.shared_affiliations li.shared_none { overflow: visible; } #cluetip ul.shared_affiliations li.shared_none h4 { overflow: visible; } /* .calendar_day_more */ #cluetip.calendar_day_more div.daily_agenda_more { margin-top: 1.5em; margin-bottom: 1.5em; height: 24em; max-height: 24em; overflow: auto; z-index: 999; position: relative; } #cluetip fieldset.daily_agenda h5.date_header { display: none; } /* #group_membership_settings */ #cluetip #group_membership_settings h5 { color: #204a87; } /* Event Preview Cluetip .vevent */ #cluetip fieldset.vevent { margin: 0 .5em; font-size: .833em; font-weight: 500; font-family: Verdana, Sans-serif; padding: 0; } #cluetip fieldset.vevent p, #cluetip fieldset.vevent abbr { margin-right: 0; } #cluetip .vevent ol { list-style: none; width: 100%; margin: 0px; padding: 0; } #cluetip .vevent ol li { margin: 0; padding: 0; } #cluetip .vevent li p, #cluetip .vevent li abbr {float: left; margin-left: 7.5em; } #cluetip .vevent .summary h4{ margin: 0; color: #204a87; font-weight: 600; display: block; width: 100%; height: 1.2em; overflow: hidden; } #cluetip .vevent .when { overflow: hidden; margin: .75em 0; padding: 0; } #cluetip .vevent .when p, #cluetip .vevent .when abbr { margin: 0; padding: 0; color: #204a87; display: inline; } #cluetip .vevent .when p.event_local_time { display: block; margin: 0; width: 100%; color: #888a85; } #cluetip .vevent li { overflow: hidden; } #cluetip .vevent li h5 { float: left; width: 7.5em; padding: 0; margin: 0; margin-right: -7.5em; font-weight: normal; color: #2e3436; } #cluetip .vevent .where, #cluetip .vevent .details { overflow: hidden; } #cluetip .vevent li.organizer { float: right; overflow: hidden; text-align: right; width: 6.5em; padding: 0; margin: 0; } #cluetip .vevent li.organized_on { display: none; } #cluetip .rsvp_tally { float: left; overflow: hidden; margin: 0 0 .75em 7.5em; } #cluetip .vevent .rsvp_tally li { float: left; width: auto; margin-right: 1em; padding: 1px 0; } #cluetip .vevent .rsvp_tally p { float: none; margin: 0; } #cluetip .vevent .my_response h5, #cluetip .vevent .event_rsvp_container h5 { width: 9em; } #cluetip .vevent .my_response p { float: none; margin: 0; display: block; margin-left: 9em; } #cluetip .vevent li.event_rsvp_container { overflow: hidden; } #cluetip .vevent li.action { clear: both; float: none; display: block; overflow: hidden; } #cluetip .vevent li.action ul { width: 37em !important; } #cluetip .vevent li.action li { float: left; margin: 0; width: 12.33em; } #cluetip .vevent li.action a, #cluetip .vevent li.action p { font-size: .9em; line-height: 3.056em; height: 3.056em; margin: .834em 0px; padding: 2px 0 2px 18px; color: #204a87; font-weight: normal; } #cluetip .vevent li.action p { padding-top: 0em; line-height: 1.58em; height: 1.58em; } #cluetip .vevent li.action li.new_rsvp { width: 24.66em; } #cluetip .vevent li.action li.public.discussion { width: 24.66em; } #cluetip .vevent li.action li.discussion, #cluetip .vevent li.event_ics { clear: left; } #cluetip .vevent li.action li.discussion p { clear: left; } #cluetip .vevent li.action li.event_ics { float: none; width: 36em; } /* =.recent_event_activity */ #cluetip .recent_event_activity h6.calendar { float: right; margin-right: 0em; width: 8.5em; border: 0px; display: block; background-color: #fff; } /* =.recent_discussion_activity */ #cluetip .recent_discussion_activity .discussions { float: right; margin-right: 0em; width: 8.5em; border: 0px; display: block; background-color: #fff; } /* #about_group */ #cluetip #about_group { font-size: 12px; max-height: 22em; overflow: auto; margin-bottom: 1.5em; padding-bottom: 1.5em; } #cluetip #about_group li { float: left; margin: 0; width: 47em; padding: 0; overflow: hidden; } #cluetip #about_group h5 { float: left; width: 12em; margin: .25em; margin-left: 1em; } #cluetip #about_group p { float: left; height: 1.5em; max-height: 1.5em; overflow: hidden; width: 32em; } #cluetip #about_group h5 + p { margin: .25em 0em; } #cluetip #about_group .name, #cluetip #about_group .url { display: none; } #cluetip #about_group li.description p, #cluetip #about_group li.description p + p { height: auto; max-height: none; overflow: visible; width: 29em; margin: 0; } #cluetip #about_group li.description div {float: left; height: auto; margin: 0 0 .75em 0; width: 32em; overflow: hidden; } /* #sponsored_group */ #cluetip #sponsored_content_preview .footer { display: block; } #cluetip #sponsored_content_preview .footer { overflow: hidden; margin: 0; margin-top: 1.5em; } #cluetip #sponsored_content_preview .footer ul li { float: left; width: auto; padding: .75em; } #cluetip #sponsored_content_preview > li { margin-left: 1.5em; } #cluetip #sponsored_content_preview li.content { margin-left: 0; } #cluetip #membership_profile_fields .create { margin-top: 0; } #cluetip #membership_profile_fields .update .name { display: none; } #cluetip.upcoming_ics h5 { margin-left: 1.5em; margin-right: 1em; } #cluetip.upcoming_ics a { color: blue; } #cluetip #upcoming_ics { display: block; } /* =#color_selector */ #cluetip fieldset#group_membership_settings, #cluetip fieldset#color_selector, #cluetip fieldset#color_selector ul { margin: 0 auto; } #cluetip fieldset#color_selector h5 { margin: 0 auto; margin-bottom: .75em; text-align: center; } #cluetip #color_selector input[type='radio'] { visibility: hidden; } #content.email_addresses h5.designation { overflow: hidden; } #content.email_addresses h5.email_designation span.type { float: left; margin-left: 2em; width: 17em; } #content.email_addresses h5.email_designation span.address { color: #2e3436; font-weight: 500;} #content.email_addresses .notification_email_address label { color: #204a76; float: left; width: 17em; } #content.email_addresses fieldset.notification_email_address { margin-left: 2em; margin-bottom: 2.25em; float: left; } table#email_addresses { margin-left: 2em; clear: left; margin-bottom: .75em; } table#email_addresses thead { border-bottom: 1px solid black; font-size: 1em; font-weight: 700; } table#email_addresses th { border-bottom: 1px solid black; font-size: 1em; font-weight: 700; } #email_addresses td.address { width: 20em; } #email_addresses td.status { width: 23em; } #email_addresses td.delete { width: 7em; } #email_addresses tr.even { background-color: #fafafa; height: 2em; } #email_addresses tr.odd { background-color: #f1f1f1; height: 2em; } #content_main fieldset#enter_email_address { margin-left: 2em; background-color: #d3d7cf; padding: 0; width: 50em; border-top: 1px solid #888a85; } fieldset#enter_email_address li { float: left; } fieldset#enter_email_address li.address input[type=text] { width: 21em; display: none;} fieldset#enter_email_address li.actions { padding-left: 1.5em; } fieldset#enter_email_address li.actions button { display: none; overflow: hidden; } fieldset#enter_email_address li.actions a { margin-left: 0; } #new_email_address { display: none;} fieldset#prompt_for_password .actions { margin-left: 6em; } fieldset.collect_email_address { margin-top: 1.5em; } fieldset.collect_email_address .prompt, fieldset#prompt_for_password .prompt { font-weight: 700; color: #204A87; } fieldset.collect_email_address li { width: 48em; } fieldset.collect_email_address li label{ width: 15em; text-align: right; float:left; margin-right: 1em; } fieldset.collect_email_address li.actions { position: relative; left: 16em; } fieldset.collect_email_address li.actions a { margin-left: .5em; } #zocalo { margin: 0; background-color: #f6f9ed; padding-bottom: .75em; border: 2px solid #729fcf; font-weight: normal; overflow: hidden; } #zocalo .about_user { float: left; margin-right: -11em; text-align: center; width: 11em; } div#zocalo .about_user p { border-color: #f6f9ed; margin-bottom: .75em; } #zocalo h3 { float: left; margin: .25em 0 .25em 7.333em; white-space: nowrap; height: 1.5em; line-height: 1.5em; max-height: 1.5em; overflow: hidden; width: 100%; } #zocalo h3 a { text-decoration: underline; } #zocalo .interaction { float: left; display: block; margin-left: 11em; margin-bottom: .75em; } #zocalo .interaction a { text-decoration: none; font-size: .9em; line-height: 1.667em; margin: 0; padding-left: 22px; } #zocalo .interaction a:hover { text-decoration: underline; } #zocalo .interaction .send_message { clear: left; margin-left: 0; } #zocalo #agenda_view { background-color: #eeeeec; border: none; } #zocalo #agenda_container p.help { color: #888a85; font-weight: normal; text-align: center; font-size: .9em; line-height: 1.667em; margin: 0;} #zocalo #send_message_container, #groups_in_common_container, #flash_container{ display: none; clear: left; margin-bottom: 1.5em; margin-left: 0;} #zocalo #agenda_container { margin: .5em; display: block; border: 1px solid #729fcf; } #zocalo table.week_agenda .day { border-left: none; } #zocalo table.week_agenda td.last, #zocalo table.week_agenda td.last .day { border-right-width: 0px; } /* #zocalo .interaction .public_profiles */ #zocalo .interaction .public_profiles { width: 38em; } #zocalo .interaction .public_profiles h6 { margin: 0; } #zocalo .interaction .public_profiles h6.no_profiles { margin-bottom: .75em; font-weight: normal; } #zocalo .interaction .public_profiles .profiles { margin-left: 2em; margin-bottom: .75em; list-style: disc; } #zocalo .interaction .public_profiles .profiles li > span { color: #000; } #zocalo .interaction .public_profiles .profiles p { margin: 0; padding: 0; display: inline; } #zocalo .interaction .public_profiles .profiles p a { margin: 0; padding: 0; } #zocalo .interaction .public_profiles .membership_profile div { margin: 0; padding: 0; width: 31.5em; } #zocalo .interaction .public_profiles .membership_profile p { color: #000; } #zocalo #send_message_container fieldset { border: 1px solid #3465a4; } #zocalo #send_message_container li { display: block; overflow: hidden; margin-left: 0em; } #zocalo #send_message_container label { float: left; width: 5.5em; text-align: right; margin-left: 0; margin-right: 1em; } #zocalo #send_message_container textarea, #zocalo #send_message_container input[type=text] { width: 32em; } #zocalo #send_message_container input[type=submit] { float: left; margin-left: 6em; margin-right: 1em; } #zocalo #send_message_container img.loading { display: none; } #zocalo #flash_container p { padding: .25em; } #zocalo .flash_notice{ color: #4e9a06; background-color: #f6f9ed; border: 2px solid #4e9a06; } #zocalo #flash_container p.flash_exclamation { text-indent: 20px; } #zocalo #groups_in_common_container { margin: 1.5em; background-color: #fff; border: 1px solid #3465a4; } #recent_activity_rollup { overflow: hidden; position: relative; } /* #zocalo .membership_profile */ #zocalo .membership_profile li > p { font-weight: normal; color: #000; margin-left: 0; } #zocalo .membership_profile p.closing { display: none; } #zocalo .membership_profile .member_name { display: none; } #zocalo .membership_profile li.about div { width: 28em; } #recent_activity_rollup .intro { margin: 0; position: relative; margin-top: 3em; background-color: #cedef4; clear: both; color: #555753; border: 1px solid #204a87; font-weight: normal; overflow: hidden; } #recent_activity_rollup .intro h3 { font-weight: normal; margin: .75em; margin-bottom: .5em; } #recent_activity_rollup .intro h4 { color: #000; margin-left: 1.5em; } #recent_activity_rollup .intro h4 a { margin-left: 1.5em; } #recent_activity_rollup .intro ul.starting_off { padding-bottom: 3em; } #agenda_container { clear: both; margin-top: .75em; } #agenda_container h6.full_month { float: right; margin-top: 0; margin-right: 1.5em; } #agenda_container h6.full_month a { color: #888a85; } #agenda_container h6.full_month a:hover { color: #00008b; } #recent_activity_rollup .agenda_toggle { border: 1px solid #d3d7cf; width: 1em; height: 1.25em; line-height: 1em; margin-top: 1em; margin-left: -1.25em; text-align: center; text-decoration: none; background-color: #eeeeec; position: absolute; top: 0; right: 0; } #content.member #recent_activity_rollup .agenda_toggle { margin-top: 3em; } /* font-size: 1.5em; line-height: 1em; margin: 0; */ #agenda_container .week_agenda .day { height: 5em; } #recent_activity_rollup ol { position: relative; top: 0; clear: both;} #recent_activity_rollup ol li { display: block; position: relative; overflow: hidden; } #recent_activity_rollup li.recent_activity { border-style: solid; border-color: #888a85; border-width: 0px 0px 1px 0px; position: relative; } #recent_activity_rollup li.recent_activity ul { overflow: hidden; } #recent_activity_rollup li.about_author { float: left; margin-right: -10em; text-align: center; width: 10em; } #recent_activity_rollup .about_author p.photo, #zocalo .about_user p.photo { text-indent: -9999px; border: 1px solid #fff; margin: 0 auto; margin-top: .75em; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #recent_activity_rollup .about_author p.photo a { display: block; position: relative; height: 100%; } #recent_activity_rollup .about_author p.title { font-size: .833em; line-height: 1.8em; margin: 0; } #recent_activity_rollup li.what { float: left; margin-left: 11em; margin-bottom: 1.5em; } #recent_activity_rollup li.what .removed { color: #ef2929; } #recent_activity_rollup li.what p { margin-left: 0; } #recent_activity_rollup li.what p.summary { font-size: 1.167em; line-height: 1.286em; margin: .643em 0px; } #recent_activity_rollup li.what .author a { font-weight: 600; } #recent_activity_rollup li.footer { float: left; clear: left; margin-left: 11em; width: 39.75em; overflow: hidden; } #recent_activity_rollup li.footer p { color: #888a85; font-size: .9em; line-height: 1.667em; margin: 0 .75em; float: left; } #recent_activity_rollup li.footer p a { padding-top: 2px; margin-left: 1em; } #recent_activity_rollup li.footer p a:first-child { margin-left: 0em; } #recent_activity_rollup p.sub_content { overflow: hidden; margin: 0; } #recent_activity_rollup p.sub_content span { float: left; width: 5em; } #recent_activity_rollup p.sub_content abbr span { float: none; width: auto; } #recent_activity_rollup p.sub_content span.removed { color: #ef2929; display: block; width: auto; } #recent_activity_rollup p.event a.rsvp { padding-left: 20px; } #recent_activity_rollup p.sub_content.photo_preview { height: 86px; line-height: 86px; } #recent_activity_rollup p.sub_content.photo_preview img { vertical-align: middle; } #recent_activity_rollup .rsvp_response { margin-top: 1.25em; } h4.starting_off { text-indent: 1em; margin-top: 1.8em; } ul.starting_off li { width: 33%; float: left; text-align: center; } ul.starting_off li a { font-size: 1.25em; line-height: 1.2em; margin: .6em 0px; } #recent_activity_rollup #nav_footer { margin-top: 3em; } #recent_activity_rollup .footer .authored_at { min-width: 9em; } #recent_activity_rollup .footer .actions a { font-size: .9em; margin-left: .75em; } #recent_activity_rollup div.taf { float: left; margin: 0; min-width: 12.5em; width: 12.5em; } #recent_activity_rollup div.taf span { color: #888a85; } h3.shared_affiliations { margin-left: .75em; } #shared_affiliations { margin-left: 1.5em; margin-right: 1.5em; } #shared_affiliations > li { overflow: hidden; border-top: 1px solid #2e3436; } #shared_affiliations > li:first-child { border-top: none; } #shared_affiliations li.about_group { float: none; display: block; } #shared_affiliations li.about_group p a { padding-left: 0;} #shared_affiliations li.about_group p, #shared_affiliations li.about_member p { margin-left: 0; } #shared_affiliations li.group_logo { float: left; width: 7em; margin-right: -7em; } #shared_affiliations li.group_logo p.logo { text-indent: -9999px; margin: 0; margin-bottom: .75em; } #shared_affiliations li.group_logo p a { display: block; height: 100%; } #shared_affiliations li.group_logo p.count { font-size: .9em; line-height: 1.667em; margin: 0; text-align: left; } #shared_affiliations li.about_member { float: left; margin-left: 7em; clear: right; } #shared_affiliations li.about_member .joined_on { margin: 0px; margin-bottom: .75em; color: #888a85;} #shared_affiliations li.about_member .membership_profile { width: 37.5em; } #shared_affiliations li.about_member .membership_profile .member_name { display: block; } #shared_affiliations li.about_member .membership_profile .member_name span { display: none; } #shared_affiliations li.about_member .membership_profile div p { margin-left: 1em; } blockquote.featured_group_intro { -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;} blockquote.featured_group_intro { font-size: .9em; background: none; border-color: #729fcf; position: absolute; right: 0; top: .75em; width: 20em; } blockquote.featured_group_intro h5 { font-style: normal; text-align: center; margin: 0em; margin-top: .25em; } blockquote.featured_group_intro p cite { margin-left: -1em; text-indent: 0; } blockquote#testimonial.featured_group_intro { top: 22em; } #group_search { position: relative; margin-top: 1.5em; } #group_search #group_types { border: 1px outset #204a87; display: block; background-color: #fff; padding: 0; margin: .75em 0 .75em 1.5em; width: 49.5em; overflow: hidden; padding-left: .25em; } #group_search #group_types li { float: left; width: 12.25em; height: 1.5em; max-height: 1.5em; line-height: 1.5em; margin: 0; overflow: hidden; white-space: nowrap; } #group_search #group_types li.active a { text-decoration: underline; color: #f57900; } #group_search #group_types a { text-decoration: none; font-weight: 500; font-size: 11px; } #group_search #group_types a:hover { text-decoration: underline; } #group_search_fields { overflow: hidden; margin: 0; margin-left: 0; padding: 0; width: 34em; } #group_search_fields input[type=text] { width: 27em; font-size: 14px; margin: 0 auto; } #group_search_fields input[type=submit] { color: #2e3436; font-size: .9em; line-height: 1.667em; } #group_search_fields fieldset.actions { margin: 0 auto; clear: left; display: block; display: block;; text-align: center;} #group_search_fields fieldset.actions input[type='submit'] { overflow: visible; width: auto; } #group_search_fields a.leader { margin-left: .5em; font-weight: 400; } #group_search_fields a.all { margin-left: .5em; font-weight: 400; } #group_search_fields .actions a.active { text-decoration: underline; color: #f57900;} #group_search .groups { position: relative; margin-left: 1.5em; } #group_search .groups > li { display: block; } #group_search .search_lead_header { width: 39.5em; margin: 1.5em 0 .75em 1.5em; padding: .25em; padding-left: .5em; text-align: left; color: #8f5902; color: #3465a4; background-color: #cedef4; border-top: 1px solid #729fcf; } #group_search .groups .group { position: relative; width: 50em; margin-bottom: 3em; margin-left: .75em; } #group_search .about_group { position: relative; width: 38.5em; overflow: hidden; margin: .5em 0 1em 2em; } #group_search .about_group li { overflow: hidden; margin-left: .25em; } #group_search .about_group span, #group_search .about_group h6, #group_search .about_group p { margin: 0; } #group_search .about_group .name h4 { margin: .15em 0; color: #2e3436; } #group_search .about_group .name h4 a { font-weight: 600; } #group_search .about_group .name h4 a:hover { color: #204a87; } #group_search .about_group .description { overflow: hidden; color: #2e3436; } #group_search .about_group .description, #group_search .about_group .url, #group_search .about_group .stats h6 { font-weight: 500; } #group_search .about_group .stats h6 { color: #4e9a06; } #group_search .about_group .member_site, #group_search .about_group .member_site h5, #group_search .about_group .member_site a { font-weight: 400; padding: 0em; } #group_search .about_group .member_site h5 { color: #2e3436; margin-top: 0; margin-left: 0; } #group_search .about_group .member_site h5 a { font-weight: bold; } #group_search .group .logo { float: left; text-align: center; margin-left: 0; width: 10em; } #group_search .group .logo span { text-indent: -9999px; display: block; border: 1px solid #fff; margin: 0 auto; margin-top: .75em; } #group_search #flash_search_notice { margin-top: 3em; margin-left: 3em; } #rsvp_container { background-color: #d3d7cf; padding: 0em; border-top: 1px solid #729fcf; } #rsvp_container > ul > li { display: block; overflow: hidden; } #rsvp_container li.my_rsvp_container { border-bottom: 1px solid #2e3436; } #rsvp_container h4 { margin-left: .5em; width: 8em; float: left; color: #2e3436; } #rsvp_container ul.response, #rsvp_container ul.event_rsvp { float: left; margin-left: .5em; margin-top: .75em; } #rsvp_container .event_rsvp_container, #rsvp_container .event_rsvp_container .rsvp_tally { height: 3.5em;} #rsvp_container .event_rsvp_container .rsvp_tally { float: left; overflow: hidden; height: 3em; line-height: 3em; margin-top: 0em; padding-right: 1em; } #rsvp_container .event_rsvp_container a.see_all { float: left; line-height: 3em; height: 3em; padding-left: 1em; } fieldset.rsvp_response h4 { margin-left: 2em; margin-bottom: 0; } #content_main fieldset.rsvp_response h6 { margin-left: 2.75em; margin-bottom: 0; font-weight: 400; } fieldset.rsvp_response .my_response > li { margin: .5em 0em; } .rsvp_response .choices { padding-bottom: .5em; } .rsvp_response .choices li { display: inline; padding: .25em; margin: 0; margin-left: 1.5em; } .rsvp_response .choices li:first-child { margin-left: 0; } .rsvp_response .choice { border: 1px solid #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rsvp_response .no { background-color: #FF8A8A; border-color: #ef2929; } .rsvp_response .yes { background-color: #90EE90; border-color: #4e9a06; } .rsvp_response .maybe { background-color: #FFFFB5; border-color: #edd400; } .rsvp_response .choices input[type=radio] { margin: 0em; } .rsvp_response input[type=text] { width: 2em; margin-right: 0em; } .rsvp_response .rsvp_count { clear: left; display: block; } .rsvp_response .rsvp_count input[type=text] { margin-left: 1em; } .rsvp_response .message { display: block; margin: 0; width: 22em; height: 9em; } .rsvp_response .message label { display: block; margin: 0; } .rsvp_response .save { display: block; text-align: left; margin-top: .75em; } .rsvp_yes, .rsvp_no, .rsvp_maybe, .rsvp_no_response { display: inline; margin: 0 .25em; padding: .25em .3em; background-color: #FF7466; border: 1px solid red; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .rsvp_yes { background-color: #90EE90; border-color: #4e9a06; } .rsvp_no { background-color: #FF8A8A; border-color: #ef2929; } .rsvp_maybe { background-color: #FFFFB5; border-color: #edd400; } .rsvp_no_response { background-color: #99C7FF; border-color: blue; } .rsvp_tally { margin-top: .75em; } .rsvp_tally p.count { display: inline; margin: 0; margin-top: 1.5em; } .rsvp_tally .count { padding-left: 24px; } .rsvp_no_response span.count, .rsvp_maybe span.count { padding-left: 24px; } .rsvp_yes span.count, .rsvp_no span.count { padding-left: 12px; padding-right: 12px; } .event_rsvps #recent_activity_rollup { margin-top: 1.5em; } .event_rsvps #recent_activity_rollup h4.no_replies { margin: 1.5em; color: #2e3436; } .event_rsvps #recent_activity_rollup .when_authored { margin: 1.5em; color: #2e3436; } #recent_activity_rollup .rsvp_response p.rsvp_status, p.rsvp_message { float: left; } #recent_activity_rollup .rsvp_response p.rsvp_message { float: left; margin: 0 0 0 1.5em; width: 31em; border: 1px solid #d3d7cf; padding: 4px; background-color: #eeeeec; overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #event_rsvp_header { background-color: #d3d7cf; padding-top: .75em; overflow: hidden; } #event_rsvp_header > li { float: left; } #event_rsvp_header li.passed_event { float: none; display: block; } #event_rsvp_header li.passed_event #flash_special.flash_exclamation { margin-top: 0; } #event_rsvp_header li.title { float: none; display: block; } #event_rsvp_header h4 { margin-left: 1.2em; padding-top: .6em; margin-top: 0; } #event_rsvp_header .about_event, #invitations .event_rsvp_invitations .about_event { width: 26em; padding-bottom: .75em; } #event_rsvp_header .about_event ul li, #invitations .event_rsvp_invitations .about_event ul li { overflow: hidden; } #event_rsvp_header .about_event p, #invitations .event_rsvp_invitations .about_event p { float: left; margin: 0; margin-left: 1em; width: 19em;} #event_rsvp_header p.discussion { padding-left: .5em; } #event_rsvp_header .about_event h5, #invitations .event_rsvp_invitations .about_event h5 { float: left; color: #2e3436; width: 4em; margin-top: 0; margin-left: 1.5em; margin-right: 0; } #event_rsvp_header .about_rsvp { margin-left: 1em; } #event_rsvp_header .about_rsvp .rsvp_tally { margin-top: 0; padding-top: 0; } #event_rsvp_header .about_rsvp h5 { color: #2e3436; } #event_rsvp_header .about_rsvp .rsvp_tally h5 { margin: 0 0 .25em .25em; } #event_rsvp_header .rsvp_links { float: none; display: block; clear: both; padding-top: .25em; } #event_rsvp_header .my_response { overflow: hidden; } #event_rsvp_header .my_response h5 { margin-left: .25em; } #event_rsvp_header .my_response p, #event_rsvp_header .my_response h5 { float: left; margin-top: 1.25em; } #event_rsvp_header .my_response p { margin-left: 1em; } #event_rsvp_header .my_response h5 { width: 8em; } #rsvp_links { background-color: #d3d7cf; position: relative; display: block; overflow: hidden; } #rsvp_links li { display: inline; float: left; margin: 0; margin-left: .5em; } #rsvp_links a { padding: 0 .5em; padding-bottom: .25em; line-height: 2em; padding-bottom: .5em; } #rsvp_links a.active { background-color: #fff; text-decoration: none; border: 1px solid #888a85; } #rsvp_links a.my_response_active { background-color: #f6f9ed; } #new_event_rsvp_required { padding: 1.5em; min-height: 25.75em; } #new_event_rsvp_required h4 { width: 38em; } #sponsored_groups_connector { background-color: #f6f9ed; margin-top: 1.5em; width: 14em; } #sponsored_groups_connector h5 { margin-right: 6px; background: transparent url(/images/corners/roundedcornr_729fcf-r12_tl.png) no-repeat top left; } #sponsored_groups_connector { background: #729fcf url(/images/corners/roundedcornr_729fcf-r12_tr.png) no-repeat top right; } #sponsored_groups_connector h5 { color: #fff; } #sponsored_groups_connector ul { margin: 0; background-color: #f6f9ed; border: 1px solid #888a85; border-width: 0px 1px 1px 1px; border-left-color: #eeeeec; } #sponsored_groups_connector li { display: block; padding: .75em 0; } #sponsored_groups_connector p { margin: 0 auto; } #sponsored_groups_connector p a { text-indent: -9999px; display: block; height: 64px; } #sponsored_groups_connector .footer { float: none; display: block; text-align: center; } #sponsored_groups_connector .about_sponsor { display: none; } #sponsored_groups_connector h6 { margin: 0 auto; margin-top: 0; text-align: center; width: 13.5em; } #invitations .event_rsvp_invitations .about_event { width: 27em; margin: 0; } #invitations .event_rsvp_invitations .about_event h5 { margin-left: 0; font-size: .9em; line-height: 1.667em; margin: 0; } #invitations .rsvp_reply { float: right; width: 20em; margin: .5em 0 0 0; position: relative; } #invitations .rsvp_reply .button-to input { margin-right: .75em; } #invitations .rsvp_reply fieldset { margin: 0; } #invitations .rsvp_reply .message { margin-top: .5em; } #invitations .rsvp_reply .rsvp_count input { width: 2em; } #invitations .rsvp_reply .reply_choice { display: inline; } #invitations .rsvp_reply .reply_choice input { border: 1px outset #fff; display: inline; padding: .05em .25em; width: auto; overflow: visible; width: 30%; margin-top: .75em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #invitations .rsvp_reply .no input { background-color: #FF8A8A; border-color: #ef2929; } #invitations .rsvp_reply .yes input { background-color: #90EE90; border-color: #4e9a06; } #invitations .rsvp_reply .maybe input { background-color: #FFFFB5; border-color: #edd400; } .rsvp_response .choices input[type=radio] { margin: 0em; } #invitations .rsvp_reply fieldset.ignore { margin: .75em 0; } .invitations #content_main .index_list li abbr { font-size: .9em; line-height: 1.667em; margin: 0; } .invitations #content_main .index_list li abbr span { position: static; left: 0; } .invitations #content_main .index_list li abbr + abbr > span { display: block; } #photo_gallery .album { margin: 0 0 .75em 0; padding-top: .75em; overflow: hidden; } #photo_gallery .album { border-top: 1px solid #555753; } #photo_gallery .album:first-child { border: none; } #photo_gallery .album p { margin: 0; } #photo_gallery .album li { margin: 0; margin-left: 12em; float: left; width: 37em;} #photo_gallery .album li.cover { float: left; width: 12em; min-height: 10em; margin-right: -11em; margin-left: .75em; text-align: center; } #photo_gallery .album li.cover p { margin-top: .25em; } #photo_gallery .album li.cover p.empty_cover { border: 2px solid #2e3436; text-align: center; height: 10em; } #photo_gallery .album .created_by { margin-top: .25em; } #photo_gallery .album .description p { max-height: 3em; overflow: hidden; color: #2e3436; } #photo_gallery .album .taf { clear: left; margin-left: 1.5em; } #photo_gallery .album .about_album .stats p { color: black; font-size: .9em; line-height: 1.35em; margin: 0; } #photo_gallery .album .about_album .stats { float: left; width: 22em; } #photo_gallery .album .about_album .stats ul li { margin-left: 0; } #photo_gallery .about_album .actions { margin-top: .25em; } #photo_gallery .about_album .actions p { float: left; width: 25em; } #photo_gallery .about_album .actions a, #photo_gallery .about_album .actions span { margin-left: 2em; } #photo_gallery .about_album .actions a:first-child, #photo_gallery .about_album .actions span:first-child { margin-left: 0; } #photo_gallery .about_album .actions span { color: #555753; } #photo_gallery li.share_album_message { margin-top: .25em; overflow: hidden; } #photo_gallery li.share_album_message .fyi { margin: 0; } #photo_gallery li.share_album_message p { text-align: left; float: left; margin-right: 1em; } #photo_gallery li.share_album_message input { font-size: .9em; line-height: 1.35em; margin: 0; width: auto; overflow: hidden; } #about_photo_album h4 { margin-left: 1.2em; } #about_photo_album .description p { margin-top: .25em; } #about_photo_album .recently_added { overflow: hidden; } #about_photo_album .recently_added ul { border: 3px solid #d3d7cf; height: 10em; max-height: 10em; margin: 0 1.5em; overflow: hidden; } #about_photo_album .recently_added h5 { margin: .25em 1.75em; font-weight: normal; color: #555753; overflow: hidden; text-align: right; } #about_photo_album .recently_added h5 span { float: left; width: 30em; text-align: left; } #about_photo_album .recently_added .photo { margin: .75em; display: inline; float: left; text-align: center; height: 92px; } #about_photo_album .recently_added .photo p.when { font-size: .9em; line-height: 1.35em; margin: 0; margin-bottom: .338em; } #about_photo_album .recently_added .photo img { vertical-align: top; } #about_photo_album .recently_added .totals h6 { margin: 0 1.5em; } #photo_album ul { overflow: hidden; border: 3px solid #d3d7cf; margin: 0 1.5em; } #photo_album li.photo { float: left; overflow: hidden; width: 144px; height: 144px; margin: .75em; text-align: center; line-height: 138px; } #photo_album li.photo img { vertical-align: middle; } #photo_album li.header, #photo_album li.footer { clear: both; display: block; text-align: left; } #photo_album h4.header { color: #204a87; font-weight: normal; margin: 1.2em; margin-bottom: .6em; } #photo_album p.footer { margin-bottom: 1.5em; } #photo_album p.footer { width: 35em; text-align: center; margin: 0 auto; margin-top: .75em; margin-bottom: .75em; padding: .5em; background-color: #cedef4; } #edit_photos { padding-top: 1.5em; } #edit_photos .photo label { font-weight: normal; } #edit_photos .photo { overflow: hidden; display: block; margin-bottom: .75em; border-top: 1px solid #555753;} #edit_photos .photo:first-child { border-top: 0px; } #edit_photos .photo fieldset { margin: 0; } #edit_photos .photo ul { margin: .25em; padding: 0; overflow: hidden; width: 51em; } #edit_photos li.image { float: left; width: 13em; text-align: center; } #edit_photos li.image p { margin: 0; } #edit_photos li.caption { float: left; margin-left: 1em; margin-top: 1.5em; width: 22em; height: 9em; } #edit_photos li.caption textarea { width: 21em; } #edit_photos li.delete { overflow: hidden; text-align: right; float: right; margin: 3em 0; } #edit_photos li.delete p { text-align: left; width: 12.5em; margin: 0; } #edit_photos p.actions { text-align: center; background-color: #eeeeec; margin: 0; padding: .25em; } #edit_photos + .pagination { margin-top: 1.5em; } .photo_preview img { border: 1px solid #d3d7cf; padding: 2px; background-color: #fff; } .photo_preview img:hover { border-color: #00008b; } #photo_previews p.caption { height: 4.5em; overflow: hidden; margin: 0; } #photo_previews p.caption span { font-size: .9em; line-height: 1.35em; margin: 0; } #photo_upload ol { margin-left: .75em; } #photo_upload .file input { width: 30em; } #photo_upload .caption { width: 39em; overflow: hidden; } #photo_upload .caption p { float: right; margin: 0; } #photo_upload textarea { width: auto; } #photo_upload li.right_to_distribute { width: 33em; overflow: hidden; display: block; } #photo_upload .right_to_distribute input { float: left; } #photo_upload .right_to_distribute label { font-weight: normal; } fieldset#photo_upload.fieldwrap ol li { padding: .25em 0; } #photo_upload.fieldwrap li.file { padding: .75em 0; } #show_photo { margin: 0 auto; text-align: center; } #show_photo p { margin: 0 auto; } #album_navigation { height: 2em; line-height: 2em; text-align: center; position: relative; background-color: #d3d7cf; margin-bottom: .5em; } #album_navigation li { display: inline; vertical-align: middle; margin: 0 .75em; } #album_navigation li.slideshow { position: absolute; left: 0; top: 0; } #album_navigation span { color: #555753; } #sub_menu { background-color: #d3d7cf; } #sub_menu ul { margin-top: 0; overflow: hidden; } #sub_menu ul li { float: left; margin-left: 1em; height: 2em; line-height: 2em; } #sub_menu ul li:first-child { margin-left: .5em; } #sub_menu h5 { margin: 0; margin-top: 2px; padding: 0 .25em; padding-bottom: .5em; } #sub_menu h5 span { font-weight: normal; color: #555753; } #sub_menu h5.active { border: 1px outset #555753; border-bottom: none; background-color: #f6f9ed; } #sub_menu h5 a { text-decoration: none; } #sub_menu h5 a:hover { text-decoration: underline; } #sub_menu h5.active a { text-decoration: none; } #sub_menu ul li:first-child h5.active { border-left: none; } #sub_menu ul li.action { float: right; overflow: hidden; width: 11em; margin-left: .75em;} #sub_menu ul li.action input { vertical-align: top; width:auto; overflow:visible; float: left; } #sub_menu ul li.action fieldset { margin: 0; float: left; width: auto; } #sub_menu ul li.action a.help-tip { float: left; width: 1em; margin-left: .25em; }