.groups_box { margin: 0; padding: 30px; background: #fffcf3; overflow: hidden; }
.groups_box h2 { font-size: 2.6em; color: #932f27; margin-bottom: 24px; }
.groups_box h3 { font-size: 1.8em; }
.page_header_float h3 { float: left; font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.4em; font-weight: 200; margin: 0; color: #333333;}
.groups_box p { line-height: 1.6em; margin: 18px 0;}
.groups_left_panel { float: left; display: inline; width: 60%; border-right: 4px solid #dadada; padding-right: 5%; }
.groups_right_panel { float: right; display: inline; width: 31%; }


.groups_form_box { width: 98%; margin-top: 8px; padding: 4% 5%; overflow: hidden; }
.groups_form_box_check_listings { width: 96%; margin-top: 20px; background: #e7f5fc; padding: 3% 1% 3% 3%; overflow: hidden; }

.groups_form_box h4 { margin-bottom: 20px; margin-top: 0; }
.groups_box .steps { margin: 16px 0 24px 0;}
.groups_box h2.step_titles { background: #e5f6fe; color: #347EA3; padding: 10px 3%; width: 94%; font-size: 1.6em; margin: 16px 0; }

.groups_form_row { width: 100%; overflow: hidden; margin-bottom:3px; }
.groups_form_row_submit { width: 100%; overflow: hidden; margin-top:16px; }
.groups_form_left_column { width: 29%; float: left; display: inline; text-align: right; padding-top: 9px;}
.groups_form_right_column { width: 68%; float: right; display: inline; }

.groups_form_left_column label, .groups_ver_left_column label{ font-size: 1.2em; line-height: 1.3em; font-weight: bold; vertical-align: middle; color: #666666; }
.groups_form_right_column label { font-size: 1.2em; line-height: 1.3em; vertical-align: middle; color: #666666;}


.groups_box select { margin-top: 7px; }
.gs_leader_list { width: 325px;}

.groups_box .error label { color:#c21e1e; }
.groups_box .error .normal_input { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.groups_box .error .zip { width: 23%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}
.groups_box .error .comments { width: 90%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

/** Special inputs for the eNews form that's in the footer **/
.groups_box .email_inputs .error input { border: 4px solid #c21e1e; background: #fff0f0;}


/* Verification
--------------------------------------------------------------------------------------- */

.groups_verification { clear: both; overflow: hidden; width: 100%; border-top: 4px solid #e0ddd0; padding: 24px 0 0 0; }

.groups_ver_left_column { width: 54%; float: left; display: inline; padding-top: 8px; text-align: right;}
.groups_ver_right_column { width: 42%; float: right; display: inline; }
.groups_ver_right_column input { font-size: 1.4em; }
.groups_ver_right_column input.zip { width: 26%;}
.error .groups_ver_right_column input.zip { width: 26%; padding: 5px 5px; border: 4px solid #c21e1e; background: #fff0f0;}

.groups_ver_left_panel { float: left; display: inline; width: 50%; }
.groups_ver_right_panel { float: right; display: inline; width: 40%; border-left: 2px solid #e8e8e8; padding-left: 24px;}
.groups_ver_right_panel p { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0; }


/* Groups Module
______________________________________________________________________________________ */

.groups_large_image { margin-bottom: 8px; }

.groups_table { width: 100%; border-collapse: collapse; font-size: 1.2em; margin-top: 4px;}
.groups_table td { padding: 8px 8px; border-top: 1px solid #ddd4c3; vertical-align: middle;}
.groups_table td.titles { background: #eee6d6; color: #1f1e1c; font-weight: bold; padding: 10px 8px;}
.groups_table td p  { margin: 0; padding: 0; font-size: 1em; }
.groups_table td strong  { color: #000000; }
.groups_table td.alt { background: #fffeeb;}

.groups_title { font-size: 1.2em; }
.groups_table td p.cancel { margin-top: 20px; }

.groups_table td.details_box { padding: 0; margin: 0; border-top: none;}
.groups_details { background: transparent url(../images/bg/bg_volunteer.gif) left bottom repeat-x; padding: 10px 3% 20px 3%; width:94%;}
.groups_details_content { width: 93%; border-left: 8px solid #dadada; padding-left: 24px; overflow: hidden;}
.groups_details_content h2 { font-size: 1.1em; margin: 0 0 12px 0; }
.groups_details_content h3 { font-size: 1.1em; margin-top: 12px; }
.groups_details_content ul li { margin-bottom: 4px; font-size: 1.1em; }
.groups_vol_close { margin-top: 0; }
.groups_details_content p  { margin: 16px 0; padding: 0; }
td.no_border { border: none; }

.groups_image {border: 10px solid #eee6d6; }

.group_details_left { float: left; display: inline; width: 592px; }
.group_details_right { float: right; display: inline; width: 234px; padding: 0; }

.group_details_left h5 { font-size: 1.6em; margin: 20px 0; }
.groups_box p.crumbs { margin: 0 0 16px 0; font-size: 1.1em; }

.group_name { font-size: 2.2em; margin: 20px 0; }

.groups_box ul.pages { margin: -5px 0 0 0; padding: 0; overflow: hidden; width: 98%; border-top:1px solid #dfceb7; border-bottom:1px solid #dfceb7; padding: 6px 1%; background: #f5f5f5; }
.groups_box ul.pages li { margin: 0; padding: 0; float: left; display: inline; margin-right: 6px; color: #666666; font-size: 1.2em; }
.groups_box ul.pages li.title { padding-top: 3px; font-weight: bold; }
.groups_box ul.pages li a { display: block; padding:3px 4px;  text-decoration: underline; color: #21d4e7; border: 0;}
.groups_box ul.pages li a:hover {  text-decoration: underline; background: #f1f8fc;}
.groups_box ul.pages li a.active, .groups_box ul.pages li a.active:hover { display: block; padding:3px 4px; border: 0; color: #333333; text-decoration: none; }
.groups_box ul.top_pages { margin: 24px 0; }