/*=GENERAL STYLES
-----------------------------------------------------*/
#framework td, #framework th { padding: 2px 0; } /*Adds vertical spacing between the rows of form elements*/
#framework .checkbox, #framework .radiobutton, #framework .label, #framework .text { margin: 0 5px 0 0; } /*Adds spacing to the right of check boxes and radio buttons*/
#framework .label, #framework .fieldlabel { padding-right: 5px; text-transform: capitalize; } /*targets label elements in form*/
#framework input.text, #framework textarea { margin: 2px 5px 2px 0; } /* Adds spacing around text input fields*/
#framework .submit, #framework #invitationpage #submit_button, #framework #date-filter { margin: 1em 0 0 0; } /*Targets most Buttons*/
#framework #captcha_container #captcha_buttons { line-height: 0; margin: 0; } /*Removes vertical spacing between captcha buttons*/

/*=LOGIN and SIGN-UP FORMS*/
#framework #loginform, #framework #signupform { background: none; border: none; width: 600px; }
#framework #loginform .logintitle, #framework #signupform .signuptitle { border-bottom: 1px solid #ccc; color: #333; margin: 0 0 5px 0; padding: 15px 10px 10px; text-align: left; text-transform: capitalize; width: 100%; }/*text formatting and spacing of log in and sign up box headers*/
#framework #loginform table, #framework #signupform table { background: none; border: none; margin: 10px 0; padding: 10px 0; }
#framework #loginform td, #framework #loginform th, #framework #signupform td, #framework #signupform th { padding: 2px 10px; text-align: left; }
#framework #loginform th, #framework #signupform th { width: 100px; }
#framework #loginform table .loginbutton, #framework #signupform table .signupbutton { padding: 20px 10px 10px; } /*padding around submit buttons*/

/*=CONTRIBUTIONS*/
#framework #contribution td.contribheader { border-bottom: 1px solid #eee; }
#framework #invitationpage .label { width: 12%; }
#framework #contribution td.contribbutton table td { padding: 10px 0; text-align: left; }/*Left aligns the contribute submit buttons and increse the vertical spacing above it*/

/*=Invitation*/
#framework #contact_importer_button { margin: 6px 0; }
#framework #invitationpage td.label { text-align: left; }


/*=THE EVENT TOOL
-----------------------------------------------------*/
/*USER CONTROL PANEL*/
#framework #SKIN #control_set { background: none; margin: 0 0 20px 0; }
#framework #SKIN #account_actions a { font-size: inherit; }
#framework #SKIN .basic .main { padding: 10px; float: left; }
#framework #SKIN .basic .main .header, #framework #SKIN .basic .main #sectionheader { border-bottom: 1px solid #ccc; color: #333; letter-spacing: .1em; margin: 1em 0 10px 0; padding: 5px 0; text-transform: uppercase; }
#framework #SKIN #friends_tabs .active_tab, #framework #SKIN #friends_tabs .inactive_tab { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 6px; 4px }
#framework #SKIN #friends_tabs .inactive_tab { background: #ccc; }

#framework .module_constituent { margin: 0 0 30px 0; }/*Bottom margin on Constituent header*/

/*=CREATE AN EVENT*/
#framework #eventcreate .firstform { border-bottom: 1px solid #ccc; margin: 0 0 20px 0; }/*This targets elements in the table containing the zip code and event type on the second step of the "Create Event" process*/ 
#framework #eventcreate .firstform .button { padding: 0 0 10px 0; }
#framework #eventcreate .firstform th { font-weight: bold; width: 45%; } 
#framework #SKIN #eventcreate h3 { border-bottom: 1px solid #ccc; margin-top: 20px; }
#framework #SKIN .form_label { font-weight: normal; }
#framework .typedescheader { font-weight: bold; } /*Targets the Event Type listing header*/
#framework .typedesc td { padding: 5px 0;} /*Targets the table cells in the Event Type listing table*/

/*=FIND AN EVENT*/
#framework #filters { float: left; margin-right: 20px;  width: 35%; }
#framework #calendar { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; padding: 10px; }/*styles the calendar container on the Event search page*/
#framework #calendar .calweekdayrow { font-weight: bold; }
#framework .calheader { border-bottom: 1px solid #ddd; padding: 5px 0; }

/*=Results*/
#framework #event_map { padding: 10px 0; border-bottom: 1px solid #ccc; } /*Styles for the div containing the map*/
#framework #event_result_container { margin: 0; padding: 10px 0; }
#framework h3#count { float: none; font-size: 14px; padding: 0; }
#framework #event_results { float: right; margin: 0; width: 60%; }

/*Tabs*/
#framework #event_order { clear: both; float: left; margin: 0 0 10px 0; padding: 0; width: 100%; } 
#framework ul#event_order li { top: 0; }
#framework #event_order li { background: none; display: inline; float: left; list-style: none; margin: 0 10px -1px 0; padding: 0; } /*Results sort options li*/
#framework ul#event_order li a { background: none; display: block; padding: 4px 10px; }
#framework ul#event_order li.active a { background: #fbfdef; border: 1px solid #cccec1; border-bottom: 1px solid #fbfdef; } /*This ideally should be the background color of your content div*/

/*=Event Listing*/
#framework #event_results .event { border-bottom: 1px solid #ccc; padding: 10px 10px 10px 0; }
#framework #event_results .first { border-top: none; border-bottom: 1px solid #ccc; }
#framework #event_results .datebox { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 10px; padding: 5px 0; text-align: center; } /*This controls the margin around the date and distance boxes in the event search result listing*/
#framework #event_results .datebox .calendardate { margin-bottom: 0; }

#framework #event_results .event_footer .links a { text-decoration: none; } /*Link style for buttons in the event footer*/
#framework #event_results .event_type { font-weight: bold; padding: 3px; } /*Targets the event type in the event footer*/
#framework #event_results .event_footer .links .rsvp_button a, #framework #event_results .event_footer .links .detail_button a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 10px; } /*Targets the "Details" and "RSVP" buttons on the Event search results page*/

#framework #noresults, #framework #results { clear: both; }
#framework #event_list { clear: both; }

/*=EVENT DETAIL*/
#framework #SKIN #detailtable { background: none; border: none; }
#framework #SKIN #detailtable th { font-weight: bold; }