.groups_box { width:100%; margin: 24px 0 0 0; padding: 16px 0 0 0; }
.groups_box h3 { font-size: 1.8em; }
.groups_box p { line-height: 1.6em; margin: 18px 0;}
.groups_left_panel { float: left; display: inline; width: 60%; border-right: 4px solid #e8e8e8; padding-right: 5%; }
.groups_right_panel { float: right; display: inline; width: 30%; }


.groups_form_box { width: 90%; 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_form_box input { font-size: 1.6em; color:#333; }
.groups_box .normal_input { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .zip { width: 23%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .comments { width: 90%; padding: 5px 8px; border: 1px solid #d5d5d5;}
.groups_box .checkbox { border: 1px solid #d5d5d5; margin-right: 10px; }
.groups_box .amount { background: transparent url(../images/icon_dollar.gif) 2% 50% no-repeat; padding-left: 18px; width: 18%; }

.groups_box select { padding: 4px 4px 4px 8px; border: 1px solid #d5d5d5; font-size: 1.6em; }
.groups_box select option { padding-right: 16px;}
.groups_box .drop_down { padding: 5px 5px 5px 10px; border: 4px solid #d5d5d5; }

.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_verification input.btn_submit, .groups_form_right_column .btn_submit { width: 42%; border: 1px solid #03acbe; background: #18c1d4; padding: 5px 0; text-align: center; color: #fff; font-size: 1.4em; }


/* 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 #cccccc; vertical-align: middle;}
.groups_table td.titles { background: #e8e8e8; 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 #e8e8e8; 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 #eeeeee; }
.btn_find_a_group { display:block; width: 234px; height: 33px; text-indent: -9999px; background: transparent url(../images/groups/btn_find_a_group.jpg) top right no-repeat; }
.btn_find_a_group:hover { background-position: top left;}

.group_details_left { float: left; display: inline; width: 616px; }
.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 #dddddd; border-bottom:1px solid #dddddd; 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; }