/*********************************************************************************** * Authors: Erik Steen, Charles Dorner, on behalf of Blue Blanket Studio * Copyright (c) 2008-2010 Blue Blanket Studio. All Rights Reserved. * This file contains Original Code and/or Modifications of Original Code as defined * in and that are subject to the UPVC Source License (the 'License'). You may not * use this file except in compliance with the License. Please read the License * below before using this file. * * The Original Code and all software distributed under the License are provided * on an 'AS IS' basis, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, AND * BLUE BLANKET HEREBY DISCLAIMS ALL SUCH WARRANTIES, INCLUDING WITHOUT LIMITATION, * ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, QUIET * ENJOYMENT OR NON-INFRINGEMENT. Please see the License for the specific language * governing rights and limitations under the License. * * * UPVC SOURCE LICENSE * * Please read this License carefully before using this software. By using this * software, you are agreeing to be bound by the terms of this License. If you do * not or cannot agree to the terms of this License, please do not use the software. * * 1. General; Definitions. This License applies to any program or other work * which Blue Blanket Studio ("Blue Blanket") provides and which contains a * notice placed by Blue Blanket identifying such program or work as * "Original Code" and stating that it is subject to the terms of this UPVC * Source License ("License"). As used in this License: * * 1.2 "Contributor" means any person or entity that creates or contributes to the * creation of Covered Code. * * 1.3 "Covered Code" means the Original Code, Modifications, the combination of * Original Code and any Modifications, and/or any respective portions thereof. * * 1.4 "Externally Deploy" means: (a) to sublicense, distribute or otherwise make * Covered Code available, directly or indirectly, to anyone other than You; * and/or (b) to move Covered Code to a server not owned or leased by You; * and/or (c) to use Covered Code, alone or as part of a Larger Work, in any way * to provide a service, including but not limited to delivery of content, * through electronic communication with a client other than You. * * 1.5 "Larger Work" means a work which combines Covered Code or portions thereof * with code not governed by the terms of this License. * * 1.6 "Modifications" mean any addition to, deletion from, and/or change to, the * substance and/or structure of the Original Code, any previous Modifications, * the combination of Original Code and any previous Modifications, and/or any * respective portions thereof. When code is released as a series of files, a * Modification is: (a) any addition to or deletion from the contents of a file * containing Covered Code; and/or (b) any new file or other representation of * computer program statements that contains any part of Covered Code. * * 1.7 "Original Code" means (a) the Source Code of a program or other work as * originally made available by Blue Blanket under this License, including the * Source Code of any updates or upgrades to such programs or works made * available by Blue Blanket under this License, and that has been expressly * identified by Blue Blanket as such in the header(s) of such work; and * (b) any code compiled from such Source Code. * * 1.8 "Source Code" means the human readable form of a program or other work that is * suitable for making modifications to it, including all modules it contains. * * 1.9 "You" or "Your" means an individual or a legal entity exercising rights under * this License. For legal entities, "You" or "Your" includes any entity which * controls, is controlled by, or is under common control with, You, where * "control" means (a) the power, direct or indirect, to cause the direction or * management of such entity, whether by contract or otherwise, or (b) ownership * of fifty percent (50%) or more of the outstanding shares or beneficial * ownership of such entity. * * 2. Permitted Uses; Conditions & Restrictions. Subject to the terms and * conditions of this License, Blue Blanket hereby grants You, effective on the * date You accept this License and begin use of the Original Code, a world-wide, * royalty-free, non-exclusive license, to the extent of Blue Blanket's * copyrights covering the Original Code, to do the following: * * 2.1 Unmodified Code. You may use, reproduce, display, perform, and internally * distribute within Your organization unmodified copies of the Original Code, * for Your non-commercial use only, provided that in each instance: * * (a) You must retain and reproduce in all copies of Original Code the copyright * and other proprietary notices and disclaimers of Blue Blanket as they appear in * the Original Code, and keep intact all notices in the Original Code that refer * to this License; and * * (b) You must include a copy of this License with every copy of Source Code of * Covered Code You distribute, and You may not offer or impose any terms on such * Source Code that alter or restrict this License or the recipients' rights * hereunder, except as permitted under Section 6; and * * (c) You must not Externally Deploy the Unmodified Code. * * 2.2 Modified Code. You may modify Covered Code and use, reproduce, display, * perform, and internally distribute within Your organization, Your Modifications * and Covered Code, for Your non-commercial use only, provided that in each * instance You also meet all of these conditions: * * (a) You must satisfy all the conditions of Section 2.1 with respect to the * Source Code of the Covered Code; * * (b) You must duplicate, to the extent it does not already exist, this UPVC * Source License, verbatim, in each file of the Source Code of all Your * Modifications, and cause the modified files to carry prominent notices stating * that You changed the files and the date of any change; and * * (c) You must not Externally Deploy the Modified Code. * * 2.3 Third Party Rights. You expressly acknowledge and agree that although * Blue Blanket and each Contributor grants the licenses to their respective * portions of the Covered Code set forth herein, no assurances are provided by * Blue Blanket or any Contributor that the Covered Code does not infringe the * patent or other intellectual property rights of any other entity. Blue Blanket * and each Contributor disclaim any liability to You for claims brought by any * other entity based on infringement of intellectual property rights or otherwise. * As a condition to exercising the rights and licenses granted hereunder, You * hereby assume sole responsibility to secure any other intellectual property * rights needed, if any. For example, if a third party license is required, it is * Your responsibility to acquire that license before using the Covered Code. * * 3. Larger Works. You may create a Larger Work by combining Covered Code with other * code not governed by the terms of this License. In each such instance, You must * make sure the requirements of this License, are fulfilled for the Covered Code * including, but not limited to section 2.2 of this License. * * 4. NO WARRANTY OR SUPPORT. The Covered Code may contain in whole or in part * pre-release, untested, or not fully tested works. The Covered Code may contain * errors that could cause failures or loss of data, and may be incomplete or * contain inaccuracies. You expressly acknowledge and agree that use of the * Covered Code, or any portion thereof, is at Your sole and entire risk. * THE COVERED CODE IS PROVIDED "AS IS" AND WITHOUT WARRANTY, UPGRADES OR SUPPORT * OF ANY KIND AND BLUE BLANKET AND BLUE BLANKET'S LICENSOR(S) (COLLECTIVELY * REFERRED TO AS "BLUE BLANKET" FOR THE PURPOSES OF SECTIONS 8 AND 9) AND ALL * CONTRIBUTORS EXPRESSLY DISCLAIM ALL WARRANTIES AND/OR CONDITIONS, EXPRESS OR * IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES AND/OR CONDITIONS * OF MERCHANTABILITY, OF SATISFACTORY QUALITY, OF FITNESS FOR A PARTICULAR PURPOSE, * OF ACCURACY, OF QUIET ENJOYMENT, AND NONINFRINGEMENT OF THIRD PARTY RIGHTS. * BLUE BLANKET AND EACH CONTRIBUTOR DOES NOT WARRANT AGAINST INTERFERENCE WITH YOUR * ENJOYMENT OF THE COVERED CODE, THAT THE FUNCTIONS CONTAINED IN THE COVERED CODE * WILL MEET YOUR REQUIREMENTS, THAT THE OPERATION OF THE COVERED CODE WILL BE * UNINTERRUPTED OR ERROR-FREE, OR THAT DEFECTS IN THE COVERED CODE WILL BE CORRECTED. * NO ORAL OR WRITTEN INFORMATION OR ADVICE GIVEN BY BLUE BLANKET, A BLUE BLANKET * AUTHORIZED REPRESENTATIVE OR ANY CONTRIBUTOR SHALL CREATE A WARRANTY. * You acknowledge that the Covered Code is not intended for use in the operation of * nuclear facilities, aircraft navigation, communication systems, or air traffic * control machines in which case the failure of the Covered Code could lead to death, * personal injury, or severe physical or environmental damage. * * 5. LIMITATION OF LIABILITY. TO THE EXTENT NOT PROHIBITED BY LAW, IN NO EVENT SHALL * BLUE BLANKET OR ANY CONTRIBUTOR BE LIABLE FOR ANY INCIDENTAL, SPECIAL, INDIRECT OR * CONSEQUENTIAL DAMAGES ARISING OUT OF OR RELATING TO THIS LICENSE OR YOUR USE OR * INABILITY TO USE THE COVERED CODE, OR ANY PORTION THEREOF, WHETHER UNDER A THEORY * OF CONTRACT, WARRANTY, TORT (INCLUDING NEGLIGENCE), PRODUCTS LIABILITY OR * OTHERWISE, EVEN IF BLUE BLANKET OR SUCH CONTRIBUTOR HAS BEEN ADVISED OF THE * POSSIBILITY OF SUCH DAMAGES AND NOTWITHSTANDING THE FAILURE OF ESSENTIAL PURPOSE * OF ANY REMEDY. SOME JURISDICTIONS DO NOT ALLOW THE LIMITATION OF LIABILITY OF * INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO THIS LIMITATION MAY NOT APPLY TO YOU. * In no event shall Blue Blanket's total liability to You for all damages (other * than as may be required by applicable law) under this License exceed the amount of * fifty dollars ($50.00). * * 6. Ownership. Blue Blanket retains all rights, title and interest in and to the * Original Code and any Modifications made by or on behalf of Blue Blanket * ("Blue Blanket Modifications"). Blue Blanket may, at its sole discretion, choose * to license such Blue Blanket Modifications under this License, or on different * terms from those contained in this License or may choose not to license them at all. * * 7. Termination. * * 7.1 Termination. This License and the rights granted hereunder will terminate: * * (a) automatically without notice from Blue Blanket if You fail to comply with any * term(s) of this License and fail to cure such breach within 30 days of becoming * aware of such breach; or * * (b) immediately in the event of the circumstances described in Section 13.5(b); or * * (c) automatically without notice from Blue Blanket if You, at any time during the * term of this License, commence a legal action against Blue Blanket; provided that * Blue Blanket did not first commence a legal action against You in that instance. * * 7.2 Effect of Termination. Upon termination, You agree to immediately stop any further * use, reproduction, and modification of the Covered Code. Provisions which, by * their nature, should remain in effect beyond the termination of this License shall * survive, include but are not limited to Sections 4, 5, 6, 7.2, and 8. No party * will be liable to any other for compensation, indemnity or damages of any sort * solely as a result of terminating this License in accordance with its terms, and * termination of this License will be without prejudice to any other right or remedy * of any party. * * 8. Miscellaneous. * * 8.1 Government End Users. The Covered Code is a "commercial item" as defined in * FAR 2.101. Government software and technical data rights in the Covered Code * include only those rights customarily provided to the public as defined in this * License. This customary commercial license in technical data and software is * provided in accordance with FAR 12.211 (Technical Data) and * 12.212 (Computer Software) and, for Department of Defense purchases, * DFAR 252.227-7015 (Technical Data -- Commercial Items) and * 227.7202-3 (Rights in Commercial Computer Software or Computer Software Documentation). * Accordingly, all U.S. Government End Users acquire Covered Code with only those * rights set forth herein. * * 8.2 Relationship of Parties. This License will not be construed as creating an * agency, partnership, joint venture or any other form of legal association between * or among You, Blue Blanket or any Contributor, and You will not represent to the * contrary, whether expressly, by implication, appearance or otherwise. * * 8.3 Independent Development. Nothing in this License will impair Blue Blanket's right * to acquire, license, develop, have others develop for it, market and/or distribute * technology or products that perform the same or similar functions as, or otherwise * compete with, Modifications, Larger Works, or technology that You may develop for * Your use. * * 8.4 Waiver; Construction. Failure by Blue Blanket or any Contributor to enforce any * provision of this License will not be deemed a waiver of future enforcement of that * or any other provision. Any law or regulation which provides that the language of * a contract shall be construed against the drafter will not apply to this License. * * 8.5 Severability. (a) If for any reason a court of competent jurisdiction finds any * provision of this License, or portion thereof, to be unenforceable, that provision * of the License will be enforced to the maximum extent permissible so as to effect * the economic benefits and intent of the parties, and the remainder of this License * will continue in full force and effect. (b) Notwithstanding the foregoing, if * applicable law prohibits or restricts You from fully and/or specifically complying * with Sections 2 and/or 3 or prevents the enforceability of either of those * Sections, this License will immediately terminate and You must immediately * discontinue any use of the Covered Code and destroy all copies of it that are in * your possession or control. * * 8.6 Dispute Resolution. Any dispute resolution between You and Blue Blanket relating * to this License shall first take place in partnership with the * Pierce County Center for Dispute Resolution. Any litigation between You and * Blue Blanket relating to this License shall take place in the * King County District Court, and You and Blue Blanket hereby consent to the * personal jurisdiction of, and venue in, the state and federal courts within that * District with respect to this License. * * 8.7 Entire Agreement; Governing Law. This License constitutes the entire agreement * between the parties with respect to the subject matter hereof. This License shall * be governed by the laws of the United States and the State of Washington, except * that body of Washington law concerning conflicts of law. */ body{ line-height: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color: #e6e6e6; background-image: url(../img/bg_body.png); background-repeat: repeat-x; margin: 0; } a:link {color:#ffffff; text-decoration:none;} a:visited {color:#ffffff; text-decoration: none;} a:active {color:#ffffff; text-decoration: none;} a:hover {color:#ffffff; text-decoration:none;} ul { margin: 0; padding: 0; list-style: none; } .templates { display: none; visibility: hidden; } #outercontainer{ width: 1024px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ } #header { width: 1065px; height: 239px; background-image: url(../img/bg_header3.png); background-repeat: no-repeat; margin-left: -20px; text-align: center; position: relative; } #header a { text-decoration: none; } #header img { border: none; outline: none; margin-top: 20px; } #account-bar { width: 200px; float: right; background: #fff; padding: 10px; border-top: 1px solid #3b6e8f; border-left: 1px solid #3b6e8f; text-align: center; position: absolute; bottom: 0; right: 21px; } #account-bar span.logged-in-as { float: none; display: inline; font-size: 11px; width: 100%; } #account-bar a { color: #0088cc; } #account-bar a:hover { text-decoration: underline; } #news-blip { border-left:1px solid #4C6F85; border-right:1px solid #4C6F85; border-bottom:1px solid #4C6F85; background: #00bce4; padding: 10px 0px; } #news-blip h2 { display: inline; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: normal; margin-left: 20px; line-height: 40px; width: 600px; } .vote-details { color: #0b6bab; margin-left: 10px; margin-right: 200px; } .vote-details a { color: #0b6bab; text-decoration: none; } .vote-details a:hover { text-decoration: underline; } .news-blip-details { text-align: left; width: 1000px; /*720 px;*/ float: left; } #news-blip-wrapper ul { list-style: disc; } #news-blip-wrapper li { margin-left: 30px; } #news-blip-wrapper h3 { color: #00bce4; font-variant: small-caps; font-size: 21px; } #news-blip-wrapper h4 { color: #0b6bab; font-variant: small-caps; margin-left: 10px; font-size: 18px; } #news-blip .vote-now img { padding-top: 5px; float: right; margin-right: 20px; border: none; outline: none; width: 225px; } span.vote-now-widget { width: 300px; float: right; margin: -30px 30px 10px 10px; } span.vote-now-page { background: #00bce4; display: block; text-align: center; padding: 10px; width: 300px; } span.vote-now-page img { border: 0; outline: 0; } /* Navigation */ #nav { height: 42px; float: left; width: 1024px; margin:0px; } #nav ul { list-style: none; margin-left: 20px; } #nav li { display: inline; line-height: 38px; padding: 0px 15px; color: #fff; float: left; height: 40px; margin-top: 1px; border-left: 1px solid transparent; border-right: 1px solid transparent; } #nav li:hover, #nav li .current { background-color: red; padding: 0px 15px height: 40px; margin-top: 1px; margin-bottom: 1px; border-left: 1px solid #990000; border-right: 1px solid #990000; } #nav #donate { float: right; } #contentwrapper{ width: 1024px; font-size: 12px; } #content { background: #80a1b6 url(../img/bg_body-fade.jpg) repeat-x; border-left: 1px solid #4C6F85; border-right: 1px solid #4C6F85; width: 1022px; } #content form { } #content form.new-volunteer { padding: 0; } #content table { background: #ffffff; } #content #tab1 table { padding: 0; } #content table { padding: 20px 0; border: 0 none collapse; } #content table table { padding: 0; } #other-content-wrapper { width: 942px; background: #f4f4f4; padding: 20px 40px; border-right: 1px solid #4C6F85; } #other-content { margin: 0 auto; padding: 0; } #other-content a { color: #0088cc; } #other-content a:hover { text-decoration: underline; color: #3b6e8f; } ul.news-list { font-size: 16px; } ul.news-list li { padding: 10px 0px; } ul.contact-list { margin: 0px; } .contact-list-address { margin: 20px; } /* -- Forms -- */ #other-content form { margin: 0 auto; width: 630px; padding: 20px; } fieldset { border: none; margin: 0; padding: 0; } fieldset h2 { color: #fff; text-transform: uppercase; text-align: left; padding: 0; margin: 20px 0 0 20px; } fieldset p { text-align: left; padding: 0; margin: 5px 0 20px 20px; } .form-section-head { background: #8EA9C2 url(../img/bg_form-section-header.png) repeat-x; height: 60px; padding: 10px; border-bottom: 1px solid #3b6e8f; } .form-section-head .sign-in-image { background: transparent url(../img/icons-forms.png) no-repeat 0px 0px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .my-account-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -50px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .contact-info-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -100px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .interests-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -150px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .organization-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -200px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .org-contacts-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -250px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .newopp-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -300px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .opp-details-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -450px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .vol-age-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -350px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head .edit-opp-image { background: transparent url(../img/icons-forms.png) no-repeat 0px -550px; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .form-section-head h3 { font-variant: small-caps; font-size: 21px; color: #3b6e8f; text-align: left; margin: 0; margin-top: 15px; padding: 0; } .form-section-head h4 { font-size: 10px; color: #fff; text-align: left; padding: 0; margin: 0; margin-top: 5px; } .form-section-content { background: #e0e7ee; padding: 20px 0px 35px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .form-section-content label { display: block; padding: 15px 0px 0px 0px; margin: 15px 0px 15px 0px; font-weight: bold; } .form-section-content textarea { width: 280px; max-width: 280px; padding: 7px; font-size: 11px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; } span.error-msg { text-align:left; color:#FF0000; display:block; font-size:10px; margin:3px 0 15px 200px; padding:0; width:280px; } .form-section-content .feedback-icons-stop { background: transparent url(../img/icons-feedback.png) no-repeat 0px -14px; width: 18px; height: 18px; float: right; margin-right: 60px; } .form-section-content .feedback-icons-go { background: transparent url(../img/icons-feedback.png) no-repeat 0px 10px; width: 18px; height: 18px; float: right; margin-right: 60px; } .form-section-content .add-more { display: block; text-align: left; margin-left: 200px; } .form-section-footer { background: #cad6e3; padding: 10px 0px; text-align: center; border-top: 1px solid #8ea9c2; border-bottom: 1px solid #8ea9c2; } form ul.checkboxes, ul.checkboxes-short { margin: 0; padding: 0; margin: 0 auto; margin-left: 10px; } form ul.checkboxes li { padding: 5px 0px 5px 10px; width:180px; display: inline-block; } form ul.checkboxes li:hover, ul.checkboxes-short li:hover { background: #fff; } form ul.checkboxes li span, ul.checkboxes-short li span { color: #3b6e8f; padding-left: 5px; font-size: 11px; } form ul.checkboxes-short li { padding: 5px 0px 5px 10px; width:100px; display: inline-block; } input { padding:7px; background:#fff; border-bottom: 1px double #171717; border-top: 1px double #171717; border-left:1px double #333333; border-right:1px double #333333; } select { margin-top: 10px; width: 280px; } .input_text input { width: 280px; } input.short { width: 30px; } input.checkbox { width:auto; } label span { display: block; color:#333; font-size:12px; float:left; width:175px; text-align:right; padding:10px 20px 0 0; } .add-more { display: block; text-align: right; margin-right: 150px; } input.button-submit, input.button-cancel { width: auto; } input.button-submit, .button-submit { background: transparent url(../img/btn-submit.png) repeat-x 0px -40px; padding: 0px 30px; height: 40px; margin: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #3b6e8f; color: #f2f2f2; font-size: 16px; } input.button-submit:hover, .button-submit:hover { background: transparent url(../img/btn-submit.png) repeat-x 0px 0px; cursor: pointer; color: #fff; } input.button-cancel { background: none; color: #3b6e8f; font-size: 12px; font-weight: normal; border: none; margin-left: 20px; text-decoration: underline; cursor: pointer; } #other-content form.results-filter { width: auto; margin: 10px 0; padding: 0; text-align: right; } #other-content form.results-filter input { width: 250px; border: 1px solid #ccc; } #other-content form.results-filter label span { text-align: right; width: auto; padding: 5px; float: none; display: inline; } #other-content form.new-contact { width: 400px; } #other-content form.new-contact fieldset { padding: 0; margin: 0; } #other-content form.new-contact label { display: block; } #other-content form.new-contact .email, #other-content form.new-contact .name, #other-content form.new-contact .phone { width: 200px; padding: 5px; } #other-content form.new-contact input { margin: 5px 0px; color: silver; } #other-content form.new-contact input.user-entry { color: #000000; cursor: text; } #other-content form.new-contact .button-container { width: 430px; text-align: left; } #other-content form.new-contact input.button-submit { height: 20px; font-size: 12px; padding: 5px 10px 20px 10px; color: #F2F2F2; } #other-content form.new-contact input.button-cancel { color: #3B6E8F; } /* --- Search --- */ #searchbar { float: left; width: 512px; padding: 25px 0px 0 0; text-align: left; margin-left: 57px; } #searchbar input { width: 552px; height: 24px; font-size: 16px; } #searchdisplay { width: 908px; margin: 0 auto; padding-bottom: 10px; } #search { width:50%; padding:10px; outline:none; height:36px; } .focusField{ border:solid 1px #80a1b6; background:#EFF5FF; color:#000; } .idleField{ background: #e6e6e6 url(../img/bg_searchinput.jpg) repeat-x; color: #808080; border: 1px solid #ccc; } /* --- End Search --- */ /* ------------------ */ .view-toggle { margin-right: 40px; } .view-toggle ul { list-style: none; } .view-toggle ul li { display: inline; padding: 0px 10px; } #footer{ clear: left; background: #415A7C; color: #fff; text-align: center; padding: 15px 0; font-size: 10px; } #footer a{ color: #fff; } /* ============= Tables ================= */ table { border:0; margin:0; padding:0; font-size: 13px; } table a:link {color:#0000ff; text-decoration:none;} table a:visited {color:#0000ff; text-decoration: none;} table a:active {color:#0000ff; text-decoration: none;} table a:hover {color:#0000ff; text-decoration:none;} table[align=center] {margin: 0 auto;} .float-over { position:fixed; top:0; left:0; width:100%; height: 100%; z-index: 10; } .float-over .table-container { margin: 50px auto; width: 958px; background: #7196AD; border: 4px solid #FFFFFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; position: relative; } .cover { position:fixed; top:0; left:0; width:100%; height: 100%; z-index: 9; opacity: 0.6; background: #000000; height: 100%; width: 100%; } .float-over table { margin: 20px; width: 918px; border: 5px solid #7196AD; } .close-box { position: absolute; z-index: 11; height: 45px; width: 45px; top: -23px; right: -23px; cursor: pointer; } .close-box img { } /* ============ Zebra Table ==================== */ .zebra { width: 908px; padding: 0; margin: 0 auto; cursor: pointer; } .zebra td { padding:6px 6px 6px 12px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc; color: #000;} .zebra td.spec { border-left: 1px solid #c1dad7; } .zebra th { font: bold 11px "lucida grande", tahoma, verdana, arial, sans-serif; color: #fff; border-right: 1px solid #3b6e8f; border-bottom: 1px solid #3b6e8f; border-top: 1px solid #3b6e8f; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #3b6e8f url(../img/bg_table-header.gif) repeat-x bottom; } .zebra .border-left {border-left: 1px solid #3b6e8f;} .zebra th.display-sort {background: #fafafa; text-align: right; color: #4f6b72; border: none; text-transform: none; letter-spacing: normal; font-size: 0.8em; } .zebra li { list-style-type: none; display: inline; padding: 0 6px; } .zebra .sortby li{ float: right; } .zebra ul.displayas { float: right; } .zebra tr.odd { background: #fff; } .zebra tr.odd:hover { background: #80a1bc; color: #fff; } .zebra tr.striped { background: #f2f2f2; } .zebra tr.striped:hover { background: #80a1bc; color: #fff; } .opp-title, .opp-org, .opp-date { } .opp-title { } .opp-org { width: 200px; } .opp-date { width: 140px; } /* =========== Pagination ============== */ .pagination-container { width: 100%; text-align: center; margin: 0 auto; } .pagination { background-color:#F2F2F2; border:1px solid #3B6E8F; float:left; list-style:none outside none; margin:0 0 20px 57px; padding-left:180px; width:728px; } .pagination li { float: left; } .pagination li a.first { border-left: 1px solid #ccc; } .pagination li a { display: block; padding: 8px 15px; text-decoration: none; font-weight: bold; color: #3B6E8F; border-right: 1px solid #ccc; } .pagination li a:hover { color: #0088cc; background-color: #fff; } .pagination li a.current { color: #fff; background: #3B6E8F; } /* .pagination { padding: 0 0 10px 0; margin-bottom: 20px; float: left; } .pagination-numbers ul { list-style: none; } .pagination-numbers li { display: inline-block; margin: 0px; padding: 0; border-right: 1px solid #80A1B6; } .pagination-numbers li a { display: block; padding: 5px 10px; background: #fff; color: #4C6F85; } .pagination-numbers li a:hover, .pagination-numbers li a.current { background: #3B6E8F; color: #fff; } */ /* ============ More Info Card ==================== */ td.more-info { width: auto; background: #fff url(img/bg_more-info-box.gif) repeat-x; margin: 0; padding: 0; } .more-info-content { float: left; width: 578px; padding: 20px; line-height: 14px; } .event-title { font-size: 24px; margin: 0 0 10px; line-height: 24px; } .event-time, .event-city-state-zip, .event-description { margin-bottom: 10px; } .event-date, .event-time, .event-address1, .event-address2, .event-city-state-zip { font-size: 16px; line-height: 16px; } .event-description, .event-skills { font-size: 12px; } .event-contract ul { margin: 0; padding: 0; } .event-contact ul li { display: inline; list-style: none; float: left; padding-right: 80px; } .contact { padding: 10px 0 0; } .more-info-action-map { float: right; width: 240px; padding: 10px; text-align: center; } .more-info-action-map .map { width: 240px; height: 240px; } .sign-me-up-button { background: #bf311a url(../img/bg_sign-me-up-button.gif) repeat-x; width: 240px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; text-align: center; font-size: 16px; margin-bottom: 10px; cursor: pointer; } .map2 { width: 240px; height: 200px; background: #a1a1a1; } .sponsored-by { background: #e6e6e6 url(../img/bg_sponsored-by.jpg) repeat-x bottom; border-top: 2px solid #333; color: #808080; padding: 10px 0px 0px 20px; font-size: 14px; } .sponsored-by img { margin: 10px 5px; } .sponsored-by ul { display: block; margin: 0; padding: 0; color: #000; } .sponsor-contact-info { padding: 0 0 10px 20px; } .sponsor-contact-info ul li { display: block; font-size: 11px; } .sponsor-logo { float: left; width: auto; margin-right: 10px; max-width: 200px; } .sponsor-name { font-size: 21px; line-height: 21px; padding: 5px 0px; } /* ============ Switching Tabs ============== */ #tab-wrapper { float: right; margin-right: 32px; width: 200px; padding-top: 32px; } #tab-wrapper span { float: left; color: #fff; line-height: 22px; padding: 0px 10px; font-size: 10px; display: block; } ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 22px; /*--Set height of tabs--*/ width: auto; margin-right: 25px; } ul.tabs li { float: left; margin: 0; padding: 0; height: 21px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 21px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #0088cc; display: block; font-size: 10px; padding: 0 10px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #999; /*--Makes the active tab look like it's connected with its content--*/ } ul.tabs span { float: left; margin-left: 50px; } .tab_container { border-top: none; overflow: hidden; clear: both; width: 100%; } .tab_content { padding: 10px 0px; font-size: 1.2em; } /* ============ jQuery UI Tabs ============ */ .ui-tabs .ui-tabs-hide { display: none; } .admin-tabs li.ui-state-active a, .org-portal-tabs li.ui-state-active a { background: #56a0d3; ; } .admin-tabs ul, .org-portal-tabs ul { list-style: none; } .admin-tabs ul li, .org-portal-tabs ul li { display: inline; } .admin-tabs ul li.special, .org-portal-tabs ul li.special { float:right; } .admin-tabs ul li a, .org-portal-tabs ul li a { display: inline-block; padding: 10px 20px; margin: 5px 0px 0px 0px; background: #a7c7e6; outline: none; color: #0088cc; } #other-content .org-portal-tabs li.ui-state-active a, #other-content .admin-tabs li.ui-state-active a { color: #fff; } #other-content .org-portal-tabs ul li a, #other-content .admin-tabs ul li a { color: #3b6e8f; } /* ======= jQuery List Navigation ======== */ .listNav { margin:0 0 10px; } .ln-letters { overflow:hidden; margin-top: 30px; } .ln-letters a { font-size:0.9em; display:block; float:left; padding:5px 11px; border:1px solid silver; border-right:none; text-decoration:none; } .ln-letters a.ln-last { border-right: 1px solid silver; } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#eaeaea; } .ln-letters a.ln-disabled { color:#ccc; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-top: -15px; color:#336699; } #org-list-nav, #vol-list-nav, #opp-list-nav { position: relative; } ul.listnav-list { list-style: none; margin-top: 10px; } ul.listnav-list li { display: block; border: 1px solid transparent; padding: 10px 0px; } ul.listnav-list li:hover { background: white; border: 1px solid #e6e6e6; } ul.listnav-list li:hover span.actions a { visibility: visible; } .listnav-list h3 { margin: 0; padding: 0; color: #00274d /*#3b6e8f*/; display: inline; } .listnav-list .left { width: 520px; float: none; margin: 5px 0 0 10px; } .listnav-list .left-orglist { width: 470px; float: left; margin: 5px 0 0 10px; } .active-opps { color: #8ea9c2; font-weight: normal; font-size: 11px; } .listnav-list span.active-opps a { border: none; outline: none; background: none; padding: 0; margin: 0; } .listnav-list .right { text-align: right; } span.actions { display: block; text-align: right; margin-right: 10px; } .listnav-list span.actions a { display: inline-block; font-size: 11px; padding: 5px 10px; background: #d5dee9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #8ea9c2; margin: 0px 0px 0px 10px; visibility: hidden; text-align: right; } .listnav-list span.actions a:hover { background: #edf0f5; } /* ========= Org Portal ========= */ #org-portal-content-wrapper { background: #fff; padding: 10px; } .portal-header-wrapper { margin-bottom: 10px; padding: 5px; } .portal-header { font-size: 16px; font-weight: bold; text-align: left; width: 600px; } .logged-in-as { display: inline; float: right; font-size: 11px; width: 200px; } .action-bar { text-align: right; padding: 10px 0px; } .org-logo { margin-bottom: 10px; float: left; width: auto; margin-right: 10px; padding: 10px; } .org-logo-form { float; left; width: auto; padding: 10px; } .org-logo-form label { display: block; } .org-logo-form .button-submit { margin-top: 10px; height: 30px; } .org-contact-wrapper { display: inline-block; margin-left: 20px; padding: 10px 0px; } .portal-column-long { width: 655px; float: left; margin-right: 12px; padding: 10px; } .portal-column-medium { width: 440px; float: left; padding: 10px; } .portal-column-short { width: 200px; float: right; clear: right; padding: 10px; } .portal-column-full { width: 900px; float: left; padding: 10px; } .portal-column-short ul { margin-top: 25px; padding: 0px 0px; border: 1px solid #D9E4F2; } .portal-column-short ul.stats { margin: 0; padding: 0; } .portal-column-short ul li { display: block; font-size: 12px; padding: 10px 10px 10px 25px; background: #f3f6f8; } .portal-column-short ul li.current { background: #0088CC; } #other-content .portal-column-short ul li.current a { color: #fff; } .portal-column-short ul li a { background: none; border: none; padding: 0; margin: 0; color: #000; } .portal-column-short h2, .portal-column-long h2, .portal-column-medium h2 { text-align: left; margin: 0; padding-bottom: 10px; font-size: 16px; } div.help-text { position: relative; } div.help-text p { margin: 10px; } .portal-column-short div.help-text { border: 1px solid #f5deb3; padding: 10px; font-size: 10px; background: #fffaf0; } .portal-column-short div.help-text span.help-icon, .portal-column-medium div.help-text span.help-icon, .portal-column-long div.help-text span.help-icon{ position: absolute; top: -9px; height: 18px; width: 18px; } .portal-column-medium div.help-text { float: right; border: 1px solid #f5deb3; padding: 5px; font-size: 10px; background: #fffaf0; margin: 0 30px 0 0; width: 35%; } .portal-column-long div.help-text { border: 1px solid #f5deb3; padding: 5px; margin: 0; font-size: 10px; background: #fffaf0; } .portal-column-long div.help-text p { padding: 0; margin: 0; } .portal-list-header { background: lightblue url(../img/bg_table-header.gif) repeat-x; padding: 5px; font-size: 14px; font-weight: normal; color: #fff /* #3b6e8f */; border-top: 1px solid #3b6e8f; } .portal-list-content { padding: 0px; background: #f3f6f8; color: #3b6e8f; font-size: 12px; } .portal-list-content ul li { display: block; padding: 10px 5px; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #d9e5f4; } .portal-list-content ul li:hover { background: #eaf0f8; } .portal-list-content ul li a { background: none; padding: 0; margin: 0; } .portal-list-footer { background: #eaf0f8; padding: 10px 5px; } .portal-list-footer .add-more { text-align: center; margin: 0; padding: 0; } .vol { margin-left: 10px; width: 210px; display: inline-block; } .email { display: inline-block; width: 200px; margin-left: 5px; margin-right: 5px; } .date { width: 200px; font-weight: normal; margin-left: 10px; display: inline-block; } .phone { width: 200px; } .attended { width: 100px; display: inline-block; } .hours { width: 100px; display: inline-block; } /* ========= Vol Portal ======== */ #dashboard .time, #myhistory .time { display: inline-block; width: 120px; } #dashboard .portal-list-content span.event-title, #myhistory .portal-list-content span.event-title { font-size: 12px; } #dashboard .date, #myhistory .date { display: inline-block; width: 80px; } #dashboard .event-title, #myhistory .event-title { display: inline-block; font-size: 14px; width: 260px; line-height: normal; margin: 0; } #dashboard .portal-list-action, #myhistory .portal-list-action { width: 140px; } #dashboard .portal-list-action .remove-me, #myhistory .portal-list-action .remove-me { color: #fff; background: #ff0000; padding: 3px 5px; } #dashboard .portal-list-action .sign-up, #myhistory .portal-list-action .sign-up { font-size: 12px; background: #3b6e8f; padding: 3px 5px; color: #fff; } .header-note { margin-left: 20px; color: #3b6e8f; font-size: 11px; } input.hours { width: 30px; padding: 2px; } .portal-list-action { display: inline-block; font-size: 10px; float: right; width: 70px; text-align: right; margin-right: 10px; visibility: hidden; } .portal-list-content li:hover span.portal-list-action { visibility: visible; } .new-volunteer .button-container { display: block; } .new-volunteer input { width: 180px; color: silver; margin: 0; } .new-volunteer input.user-entry { color: #000000; cursor: text; } /*.vol { margin-left: 10px; width: 235px; display: inline-block; } .email { display: inline-block; width: 200px; padding-right: 10px; } .phone { width: 200px; } */ .new-volunteer input.vol { width: 190px } .new-volunteer input.email { margin-left:10px; width: 180px; } .new-volunteer input.phone { width: 180px; margin-left: 10px; } .new-volunteer .button-container { text-align: right; font-size: 11px; width: 100px; margin-top: 15px; } .new-volunteer .button-container input.button-submit { width: 45px; color: #fff; text-align: center; height: auto; padding: 0; font-size: 11px; margin-left: 5px; } .new-volunteer .button-container input.button-cancel { width: 40px; margin-left: 5px; font-size: 11px; } .new-volunteer input.button-submit, .email-group input.button-submit { padding: 0px; width: 80px; color: #fff; text-align: center; } .new-volunteer input.button-cancel, .email-group input.button-cancel { margin: 0; padding: 0; width: 140px; color: #3b6e8f; text-align: center; margin-top: 5px; } .action-buttons-right { display: inline-block; font-size: 10px; float: right; width: 70px; text-align: right; margin-right: 10px; } .org-contact-wrapper h3, .org-contact-wrapper p { margin: 0; padding: 0; } #other-content form.email-group { width: auto; text-align: left; background: #f3f6f8; } .email-group input { text-align: left; float: left; width: 280px; } .email-group .button-container { float:right; margin-right:20px; text-align:center; width: 250px; } .email-group span.to, .email-group span.error-msg { width: 400px; display: block; text-align: left; } .email-group textarea { width: 600px; height: 300px; margin-left: 20px; display: inline; padding: 5px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; } .email-group label { display: block; padding: 5px; float: left; } .email-group label span { width: 75px; } .email-group select { margin-top: 10px; width: 280px; } /* ====== Reports ======= */ .report-date-range { background: #f3f6f8; border: 1px solid #D9E4F2; padding: 5px 10px 15px 10px; font-size: 11px; } #other-content .report-date-range form { width: 800px; margin: 0; padding: 0; } .report-date-range fieldset { display: inline; } .report-date-range input { padding: 2px; } .report-date-range select { width: 160px; margin: 0; padding: 0; } .report-date-range label { display: inline-block; margin-left: 20px; } .report-date-range label span { float: none; text-align: left; display: block; width: 100px; } .report-date-range .button-submit { height: 24px; margin-left: 20px; padding: 3px 5px; font-size: 12px; } .report-event-details { background: #eaf0f8; padding: 10px; border-top: 1px solid #bfcedd; } .report-event-details p { padding: 0; margin: 0; } .stats-filter { padding: 0px 5px; margin-left: 20px; } input.attended { width: 200px; text-align: left; } /* ============ Map ================ */ #map { width:906px; height:600px; border: 1px solid #000; } #message { position:absolute; padding:10px; background:#555; color:#fff; width:75px; } #list { float:left; width:200px; background:#eee; list-style:none; padding:0; } #list li { padding:10px; } #list li:hover { background:#555; color:#fff; cursor:pointer; cursor:hand; } /* ============ Globals ==================== */ .clear { clear: both; } h2 { text-align: center; color: #3b6e8f; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .divider { border-top: 1px solid silver; } .spacer { margin-top: 50px; } .small-spacer { margin-top: 15px; padding: 15px; background: #edf0f5; border: 1px solid #bfcedd; width: 250px; } .block { display: block; } .inline { display: inline; } .plain { font-weight: normal; } .bigbold { font-size: 16px; font-weight: bold; } .small { font-size: 11px; } .very-small { font-size: 9px; } .helptext { color: silver; } /* ========= Non-profit News =========== */ .other-content-header { background: transparent url(../img/bg_form-section-header.png) repeat-x; height: 60px; padding: 10px; border: 1px solid #3b6e8f; width: 100%; margin-left:-10px; margin-top:10px; } .other-content-header .news-image { background: transparent url(../img/icon_news.png) no-repeat; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .other-content-header .contact-image { background: transparent url(../img/icon_contact.png) no-repeat; float: left; width: 50px; height: 50px; margin: 5px 20px 0px 10px; } .other-content-header h3 { font-variant: small-caps; font-size: 21px; color: #3b6e8f; text-align: left; margin: 0; margin-top: 15px; padding: 0; } .other-content-header h4 { font-size: 10px; color: #fff; text-align: left; padding: 0; margin: 0; margin-top: 5px; } ul.news-list { padding-left: 20px; padding-top: 20px; } ul.news-list li:hover { background: #fff; } .pdf { background:url(../img/pdfIcon16x16.gif) center left no-repeat; padding:0 0px 0 24px; white-space:nowrap; margin-left: 20px; } /* ======== Contact Page ========= */ #link-back { margin: 50px 20px 20px 20px; } #link-back h2 { text-align: left; } #link-back img { border: none; outline: none; } #link-back .link-to-us-banner-link { padding: 20px 0px; } /* ======== Donate Page ========= */ #donate-form { } #donate-form .form-section-head { height: auto; background: #8ea9c2; border: 1px solid #3b6e8f; } #donate-form .donate-image { background: transparent url(../img/icon_donate.png) no-repeat; float: left; width: 50px; height: 50px; margin: 5px 20px 80px 10px; } #donate-form .form-section-head h4 { font-size: 11px; line-height: normal; color: #fff; text-align: left; padding: 0 10px; margin: 0; margin-top: 10px; display: block; } #donate-form .form-section-footer h3 { font-size: 18px; color: #3b6e8f; font-variant: small-caps; } #donate-form .donate-left { float: left; width: 300px; } #donate-form .donate-right { float: right; width: 200px; } #donate-form label span { width: auto; } #donate-form input.donate-btn { border: none; background: none; padding: 0; margin: 0; } /* Modal Boxes */ .modal { width: 580px; background: #f2f2f2; border: 5px solid #4A8AB5; margin: 0 auto; } .modal label { padding: 10px; } .modal-header a { color: #fff; text-decoration: none; } .modal-header a:hover { text-decoration: underline; } .modal-header { color: #fff; padding: 20px; } .modal-header h3 { font-size: 21px; font-weight: normal; margin: 0 0 30px 0; } .modal-header .action-item-hover { margin-top: -10px; margin-right: -15px; float: right; text-align: right; } .modal .action-item-hover .close-x { font-size: 16px; color: #fff; text-align: center; background: #3B6E8F; width: 16px; padding: 8px; display: inline-block; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .modal .close-x:hover { background: #4A8AB5; color: #f2f2f2; cursor: pointer; } .modal-footer { text-align: center; float: none; clear: both; padding: 10px 0px; } .modal-extra-bg { background: #e6e6e6; } .modal-feedback { background: #fff; text-align: center; color: #000; font-size: 14px; font-weight: bold; padding: 10px 0px; display: block; } .modal span.notify-text { display:block; font-size:12px; padding:10px 0; text-align:center; width:100%; } .modal input.checkbox { margin:0 10px 5px 5px; } span.cancel-click { font-size:11px; margin-right:20px; padding:10px 5px; width:420px; display: inline; float: none; } .hide { display: none; } /* ======= Error Message ======== */ .error { margin: 0 auto; padding: 5px; background: #ff0000; color: #fff; border: 1px solid maroon; text-align:center; width:620px; } .success { margin: 0 auto; padding: 5px; background: #449944; color: #fff; border: 1px solid #116611; text-align:center; width:620px; } #other-content .error a { color: #fff; text-decoration: underline; }