body {
  background-image: url("/images/bg_body_brown.gif") ;
  background-position: center 0;
  background-repeat: repeat-x;
}

body#public {
  background-image: url("/images/bg_body_public.gif");
}

/* resets
-----------------------------------------------------------------*/

a, input, select, textarea {
  outline: none;
}

#bd {
  min-height: 350px;
  z-index: 1;
}

/* Header
----------------------------------------------------------------*/

#hd {
  position: relative;
  height: 102px;
  margin-bottom: 25px;
  z-index: 200000;
  background: url("/images/bg_hd.gif") 630px top no-repeat;
}

#hd a.logo {
  position: absolute;
  top:  0;
  left: 0;
  display: block;
  width: 400px;
  height: 63px;
  background-image: url("/images/bg_logo_app.png");
  text-indent: -1000px;
  background-repeat: no-repeat;
  z-index: 10;
}

#hd .user_panel {
  position: absolute;
  right: 0;
  top: 8px;
}

#hd p.search_global input.bn {
  top: 0;
}

p.search_global {
  position: absolute;
  right: 0;
  bottom: 10px;
  margin: 0;
  padding: 0 80px 0 0;
}

p.search_global input.text,
p.search_global input.text:focus  {
  margin: 0;
  width: 160px;
}

p.search_global input.bn {
  width: 75px;
  height: 22px;
  padding-left: 20px;
  padding-top: 1px;
  background-image: url("/images/bn_search.gif");
  text-align: left;
  text-indent: 0!important;
}

/* public pages
---------------------------------------------------------------------*/

#public #hd {
  height: 140px;
  margin: 0;
  background: none;
}

#public.static #hd {
  height: 125px;
}

#public.gateway #hd {
  height: 32px;
}

#public.gateway #bd {
  position: relative;
}

#public.signup_in #hd {
  height: 60px;
}

#public.signup_in #hd a.logo {
  display: none;
}

#public #hd a.logo {
  top: 33px;
  width: 380px;
  height: 82px;
  background-image: url("/images/bg_logo_public_02.png");
}

.static .decimal li {
  list-style-type: decimal;
}

.static .no_style li {
  list-style-type: none;
}

.static .disc li {
  list-style-type: disc;
}

/* Error pages
---------------------------------------------------------------------*/

#public.error_page #hd {
  height: 30px;
}

#public.error_page #hd a.logo {
  display: none;
}

#public.error_page .error_content {
  float: left;
  width: 350px;
  padding: 80px 0 0 120px;
}

#public.error_page .error_content h1 {
  padding-bottom: 10px;
}

/* flash, notice, and error messages
---------------------------------------------------------------------*/

.gateway p.flash,
.signup_in p.flash,
#hd p.flash {
  width: 400px;
  height: 39px;
  margin: 0;
  padding: 16px 0 0;
  background-repeat: no-repeat;
  font-weight: bold;
}

#hd p.flash,
.gateway p.flash {
  position: absolute;
}

#hd p.flash {
  left: 415px;
  top: 2px;
}

.gateway p.flash {
  left: 250px;
  top: 15px;
}

#hd p.notice,
.gateway p.notice {
  color: #536B2E;
  background-image: url("/images/bg_clouds_notice.png");
  background-color: transparent;
}

#hd p.error,
.gateway p.error,
.signup_in p.flash {
  color: #C5510F;
  background-image: url("/images/bg_clouds_error.png");
  background-color: transparent;
}

.signup_in p.flash {
  width: auto;
  background-position: center top;
}

/* global nav
----------------------------------------------------------------*/

#gns_01 {
  position: absolute;
  top: 60px;
  left: 0;
  height: 42px;
  margin: 0;
}

#gns_01 li.tab {
  position: relative;
  display: block;
  float: left;
  padding-right: 1px;
}

#gns_01 li.tab a.tab {
  display: block;
  float: left;
  height: 29px;
  padding: 13px 15px 0;
}

#gns_01 li.active {
  background: url("/images/bg_nav.gif") 0 repeat-x;
}

#gns_01 li.tab.nav_tab a.tab {
  padding-left: 38px;
  background-image: url("/images/bg_nav_arrow.gif");
  background-position: 15px 18px;
  background-repeat: no-repeat;
}

#gns_01 li.tab.nav_tab.active a.tab {
  background-position: 15px -32px;
}

#gns_01 div {
  position: absolute;
  top: 41px;
  left: 0;
  width: 250px;
  padding: 0;
  z-index: 2000;
}

#gns_01 div ol {
  margin-bottom: 0;
}

#gns_01 div li {
  border-width: 0;
  border-bottom-width: 1px;
}

#gns_01 div li:last-child {
  border-bottom: 0;
}

#gns_01 div li a {
  display: block;
  padding: 5px 10px;
}

#gns_01 div li.lead_group a {
  background-image: url("/images/bg_badge_leader.gif");
  background-repeat: no-repeat;
}

#gns_01 div li.lead_group a {
  padding-left: 45px;
  background-position: 4px 4px;
}

#gns_01 div li.select {
  padding: 5px 10px;
}

#gns_01 div li.select dt { display: none; }

#gns_01 div li.select select {
  width: 230px;
}

/* application layouts
------------------------------------------------------------------------------*/

body#app .page_top {
  display: none;
}

.page_top {
  position: relative;
  height: 75px;
  overflow: hidden;
}

.page_top h2,
.page_top h3 {
  margin: 0;
}

.page_top h2.leader           { background-position: 0 3px; }
.page_top h2.member           { background-position: 0  -97px; }
.page_top h2.archive_member   { background-position: 0 -197px; }
.page_top h2.inactive_leader  { background-position: 0 -297px; }

.groups .page_top h2,
.groups .page_top h3 {
  padding: 0 0 0 60px;
}

.groups .page_top h2 {
  background-image: url("/images/bg_badges.gif");
  background-repeat: no-repeat;
}

#overview .page_top h2,
.create_group .page_top h2,
.account_settings .page_top h2 {
  font-size: 32px;
  line-height: 32px;
}

#overview .page_top,
#my_groups .page_top,
#lead_groups .page_top {
  padding-left: 65px;
}

.page_top img {
  position: absolute;
  top: 0;
  left: 0;
}

.groups .page_top img {
  width: 50px;
  height: 50px;
  border-width: 1px;
}

/* sub navigation / sns_01
-------------------------------------------------------*/

#sns_01 {
  height: 34px;
  margin: 0 0 20px;
  padding: 2px 0 0 10px;
  z-index: 2;
  background: url("/images/bg_sns.gif") left top no-repeat;
}

#sns_01 li {
  display: block;
  float: left;
}

#sns_01 li a,
#sns_01 li a span {
  display: block;
  float: left;
  background-image: url("/images/bg_sns_tabs_wide.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}

#sns_01 a {
  padding-left: 10px;
}

#sns_01 a span {
  height: 23px;
  padding: 10px 20px 0 10px;
  background-position: right top;
}

#sns_01 a span em { text-decoration: blink; }

#sns_01 li.tabs-selected a       { background-position: left   -100px; }
#sns_01 li.tabs-selected a span  { background-position: right  -100px; height: 24px; }

/* Dashboard Styles
------------------------------------------------------------------*/

.tabs-hide { display: none; }

.group_item {
  position: relative;
  z-index: 1;
}

/* two column layout (main_content and sidebar)
------------------------------------------------------------------*/

#two_column_wrapper                                         { padding-right: 200px; }
.welcome_message #two_column_wrapper                        { padding-right: 0; }
.welcome_message #two_column_wrapper #main_content          { width: 100%; }
.welcome_message #two_column_wrapper #main_content #sidebar { display: none; }

#two_column_wrapper #main_content {
  width: 561px;
  padding-right: 20px;
}

#two_column_wrapper #sidebar {
  width: 200px;
  margin: 0 -200px 0 0;
}

#two_column_wrapper #main_content,
#two_column_wrapper #sidebar {
  position: relative;
  float: left;
}

#two_column_wrapper #sidebar ul,
#two_column_wrapper #sidebar ol {
  margin-bottom: 10px;
  padding: 0 10px;
}

#two_column_wrapper #sidebar ul ul li {
  margin: 5px 0;
  padding: 0 0 0 10px;
}

#two_column_wrapper #sidebar .kids li {
  background-image: url("/images/li_kids.gif");
  background-repeat: no-repeat;
}

#two_column_wrapper #sidebar .kids li.boy   { background-position: left top; }
#two_column_wrapper #sidebar .kids li.girl  { background-position: left -50px; }

#two_column_wrapper #sidebar dd {
  margin: 0 0 4px;
}

.sidebar_entry {
  margin-bottom: 10px;
  background-color: #D2E5EE;
}

#sidebar h4 {
  margin: 0;
  padding: 5px 0 5px 17px;
  background-position: 4px 9px;
  background-color: #bbddee;
}

#sidebar h4.selected {
  background-position: 5px -16px;
}

#sidebar .group_description p {
  padding: 5px 10px 10px;
}

#sidebar dt {
  background: none;
  cursor: default;
  padding: 0;
}

#sidebar .memberships img {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

/* pagination
--------------------------------------------------------------------------------*/

.pagination {
  width: 100%;
  clear: both;
  margin-bottom: 10px;
  text-align: right;
  z-index: 1000;
}

.pagination a,
.pagination span {
  padding: 1px 3px 2px;
  margin: 0;
  border-width: 1px;
}

/* posts / messages layout
-------------------------------------------------------------*/

#overview_posts_title {
  position: relative;
  margin-bottom: 5px;
}

#filter_links,
p.post_meta {
  margin-bottom: 15px;
  padding-bottom: 4px;
  border-bottom: 1px solid #d7d7d7;
}

p.post_meta {
  margin: 1.5em 0;
}

#filter_links a {
  padding: 0 1px;
}

#filter_links a.active {
  cursor: default;
}

.post.system_announcement {
  position: relative;
  margin-bottom: 20px;
  padding: 10px 10px 5px;
  border-width: 1px;
}

img.spinner {
  margin-left: 10px;
  vertical-align: text-top;
}

a#expand_posts    { background-position: right top; }
a#minimize_posts  { background-position: right bottom; }

.post {
  margin-bottom: 10px;
}

.post_header,
.message h4 {
  position: relative;
  margin-bottom: 5px;
}

.post_header {
  padding: 3px 5px 2px;
  background: #d2e5ee;
  border-bottom: 1px solid #bbddee;
}

.message h4 {
  position: relative;
  padding: 2px 120px 2px 2px;
  line-height: 25px;
  background: #FFE5B5;
  border-bottom: 1px solid #dfb76c;
}

.post h4 { margin: 0; }
.post h5 { margin: 0 0 .3em; }
.show h3 { margin-bottom: .5em; }
.show h4 { margin-bottom: 15px; }

.post .truncated_post,
.post .full_post {
  width: 100%;
  clear: both;
  margin-bottom: 0px;
}

.post_form {
  margin-top: 10px;
}

.post p {
  margin: 5px;
}

.announcement .post_header {
  background: #662A08;
  border-bottom: 1px solid #662A08;
}

.post_header h4 {
  float: left; 
  width: 370px;
  padding-right: 120px;
}

.search .post_header h4 {
  width: 710px;
  padding-right: 0;
}

.search dt,
.search dd {
  display: inline;
}

.post_header small {
  display: block;
}

.post_form .surround,
.comment_form.surround {
  padding: 5px;
}

.post_form input.text,
.post_form textarea,
.comment_form textarea {
  width: 470px;
}

.post_form select {
  min-width: 240px;
}

.post_form dd,
.comment_form dd {
  margin-bottom: 15px;
}

.post_form dd.submit,
.comment_form dd.submit {
 margin-bottom: 0;
}

.post_form h3,
.post_form form,
.comment_form form {
  margin: 0;
}

.post_form h3,
.comment_form h3 {
  padding: 10px 20px;
}

.post_form h3 a { cursor: default; }

.post_form h3 a.inactive {
  cursor: pointer;
}

.full_post h5 {
  position: relative;
  margin-bottom: 0;
}

.full_post h5 span {
  position: absolute;
  right: 0;
}

/* posts / messages Comments
-------------------------------------------------------------*/

.comments li {
  margin: 0 0 10px;
}

.comments li .message .avatar_small {
  display: block;
  float: left;
  margin-top: 0;
}

.comments li .message img {
  float: left;
  margin: 5px 12px 5px 0;
}

.comment_list {
  padding: 10px 0 0;
}

.message h4 span,
.post_header h4 span {
  position: absolute;
  right: 5px;
}

.post_header h4 span  { top:4px; }
.message h4 span      { top: 2px; }

.comments .message .author .avatar_small,
.comments .message .author .avatar_small img {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.post_header .avatar_small,
.post_header .avatar_small img,
.post_header .avatar_small:hover,
.post_header .avatar_small:hover img {
  width:  36px;
  height: 36px;
}

.message .author .avatar_small:hover,
.message .author .avatar_small:hover img {
  width: 25px;
  height: 25px;
}

p.post_tools {
  position: relative;
  height: 16px;
  margin: 0 5px;
}

.post_tools span {
  position: absolute;
  right: 0;
}

p.no_content {
  margin-bottom: 15px;
  padding: 1em 0;
  font-size: 20px;
  color: #41A0CF;
  border: 1px solid #41A0CF;
  text-align: center;
}

#calendar p.no_content {
  background-image: none;
}

/* avatar styles
-------------------------------------------------------------*/

.post .avatar_small {
  float: left;
}

table .avatar_small,
table .avatar_med {
  float: left;
}

.avatar_small,
.avatar_small img,
.avatar_med,
.avatar_med img {
  line-height: 0;
  padding: 0;
}

.avatar_small,
.avatar_med {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 2px 10px 0 0;
  z-index: 9;
}

table .avatar_small,
table .avatar_med {
  margin: 2px 2px 2px 0;
}

.avatar_small,
.avatar_small img {
  width:  25px;
  height: 25px;
}

.avatar_med,
.avatar_med img {
  width:  50px;
  height: 50px;
}

.avatar_small:hover,
.avatar_med:hover {
  z-index: 10;
}

.avatar_small img,
.avatar_med img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.avatar_small:hover img,
.avatar_med:hover img {
  top: 0;
  left: 0;
  width: 75px;
  height: 75px;
  cursor: default;
}

/* default table values
----------------------------------------------------------------------------*/

table {
  line-height: 1.6em;
  width: 100%;
  background: #fff url("/images/bg_table_header.png") center 0 no-repeat;
}

tbody tr,
tbody td {
  border-width: 1px;
}

table .left   { text-align: left; }
table .center { text-align: center; }
table .right  { text-align: right; }

td.avatar {
  width: 52px;
}

thead tr {
  background: #C5510F url("/images/bg_table_header.png") center top no-repeat;
}

th {
  padding: 5px 7px 7px;
}

/*th:first-child  { background-position: left top; }*/
/*th:last-child   { border: 0; background-position: right top; }*/

table .check {
  width: 14px;
  text-align: left;
}

.check input {
  margin: 0;
  padding: 0;
}

.invitation_list td {
  text-align: center;
}

/* Contact list
--------------------------------------------------------------------------*/

#contact_list tbody td,
.inactive_groups td,
#email_invite_form td,
#network_invite_form td {
  padding: 2px 5px;
}

.contacts_wrapper {
  height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-width: 1px;
}

/* People lists
------------------------------------------------------------------------*/

.person_list td {
  vertical-align: top;
  padding: 2px 5px;
}

.person_list ul,
.person_list .avatar_med {
  margin: 0;
}

.person_list th.vcard {
  text-align: center;
  width: 60px;
}

td.kids a {
  float: left;
  margin-right: 5px;
}

td.kids li {
  height: 30px;
}

/* groups table
--------------------------------------------------------------------------*/

table.groups td {
  padding: 2px 5px;
  vertical-align: top;
}

table.groups .name {
  font-weight: 700;
}

table.groups .feeds,
table.groups .center  { width: 90px; }

table .badge {
  width: 48px;
}

table td.badge span {
  display: block;
  width: 48px;
  height: 17px;
  margin-top: 3px;
  background-image: url("/images/bg_badges.gif");
  background-repeat: no-repeat;
  text-indent: -1000px;
}

table td.leader span    { background-position: 0 0; }
table td.member span    { background-position: 0 -100px; }
table td.inactive span  { background-position: 0 -200px; }


/* calendar
------------------------------------------------------------------*/

#calendar h2 {
  margin-bottom: 5px;
}

#calendar span.month {
  display: none;
}

table.calendar td {
  width:  110px;
}

#calendar table td {
  vertical-align: top;
  border-width: 1px;
}

#calendar table.agenda td {
  border: 0;
}

#calendar table div.day img {
  float: right;
  height: 120px;
  width: 1px;
}

#calendar table span.date {
  display: block;
  padding: 1px 2px;
  font-size: 9px;
  line-height: 1;
  text-align: right;
  border-bottom-width: 1px;
}

#calendar table ul {
  padding: 2px;
  margin: 0;
}

#calendar table p {
  line-height: 1.1em;
  margin-bottom: 10px;
}

#calendar table li.event {
  position: relative;
  margin-bottom: 5px;
}

#event_receptor div.event_meta {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 270px;
  z-index: 10000;
}

#event_receptor div.event_meta .inner,
#event_receptor div.event_meta .footer {
  background-image: url("/images/bg_calendar_pop.gif");
}

#event_receptor div.event_meta .inner {
  padding: 10px;
}

#event_receptor div.event_meta .footer {
  clear: both;
  height: 15px;
  background-position: left bottom;
}

#event_receptor div.event_meta .actions {
  margin: 10px 0 0;
}

#event_receptor div.event_meta h4,
#event_receptor div.event_meta h5 {
  line-height: 15px;
} 

#event_receptor div.event_meta h5 {
  margin-bottom: 15px;
}

#calendar table li.event li {
  margin-bottom: 5px;
  line-height: 13px;
}

#event_receptor div.event_meta h4,
#event_receptor div.event_meta h5,
#calendar table li.event ul {
  margin-bottom: 0;
}

.system_announcement .cancel,
.feed_link_caption .cancel,
#event_receptor div.event_meta .cancel {
  position: absolute;
  top:    4px;
  right:  4px;
  display: block;
  width:  15px;
  height: 15px;
  background-image: url("/images/bn_cancel.gif");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -1000px;
}

#calendar table li.event .cancel {
  background-image: url("/images/bn_cancel.gif");
}

.system_announcement .cancel {
  background-image: url("/images/bn_cancel_sa.gif");
}

.system_announcement .cancel:hover,
#calendar table li.event .cancel:hover {
  background-position: left bottom;
}

#calendar table li.event h4,
#calendar table li.event p {
  margin-bottom: .25em;
}

#calendar .agenda th.left {
  text-align: left;
}

table.agenda td {
  padding: 2px 5px;
  vertical-align: top;
}

table.agenda td.event {
  padding: 0;
}

table.agenda td.day,
table.agenda td.date,
table.agenda td.edit {
  width: 10%;
  text-align: center;
}

#calendar table.agenda td.group {
  width: 150px;
}

#calendar .event_location,
#calendar table.agenda td.event dl {
  width: 300px;
}

#calendar table.agenda td.event dl dt {
  min-height: 17px;
}

#calendar .event_location {
  padding-left: 0;
  padding-right: 0;
}

#calendar table.agenda ul {
  padding: 0;
}

#calendar .event span,
#calendar .event_location span {
  display: block;
  float: left;
}

#calendar .event_location span {
  width: 150px;
}

#calendar .event span {
  width: 140px;
}

#calendar table.agenda td.event dl li {
  float: left;
  width: 145px;
  padding: 0 0 10px 5px;
}

#calendar table.agenda td.event dl li strong {
  display: block;
}

#calendar table.calendar td {
}

/* Calendar controller
-------------------------------------------------------------------------*/

.calendar_nav,
.calendar_nav ul {
  height: 21px;
}

.calendar_nav {
  margin-bottom: .5em;
  padding-left: 244px;
  background: url("/images/bg_bbb.gif") center bottom repeat-x;
}

.calendar_nav ul {
  display: inline;
}

.calendar_nav li,
.calendar_nav li a {
  display: block;
  float: left;
  line-height: 1;
  background-image: url("/images/bg_calendar_nav.png");
  background-repeat: no-repeat;
}

.calendar_nav li {
  padding-left: 2px;
}

.calendar_nav li a {
  height: 16px;
  padding: 5px 20px 0 18px;
}

.calendar_nav li.prev,
.calendar_nav li.next,
.calendar_nav li.prev a,
.calendar_nav li.next a {
  padding: 0;
}

.calendar_nav li.prev,
.calendar_nav li.next {
  background: none;
}

.calendar_nav li.prev a,
.calendar_nav li.next a {
  height: 21px;
  width: 30px;
  text-indent: -1000px;
}

.calendar_nav li,
.calendar_nav li a              { background-position: center top; }
.calendar_nav li.active         { background-position: left   -42px; }
.calendar_nav li.active a       { background-position: right  -42px; }
.calendar_nav li.prev  a        { background-position: left   top; }
.calendar_nav li.next  a        { background-position: right  top; }
.calendar_nav li.prev  a:hover  { background-position: left   -21px; }
.calendar_nav li.next  a:hover  { background-position: right  -21px; }

/*UI accordion
---------------------------------------------------------------------*/

.ui-accordion dt,
#sidebar h4 {
  cursor: pointer;
  background-image: url("/images/bg_arrow_collapse_gray.gif");
  background-repeat: no-repeat;
}


.ui-accordion dt {
  padding: 2px 0 2px 17px;
  background-position: 4px 7px;
}

.ui-accordion .event_container ul {
  margin: 0;
}

.ui-accordion dt.selected {
  background-position: 5px -18px;
}

.ui-accordion dt.selected,
.ui-accordion .event_container {
  background-color: #ffe5b5;
}

.ui-accordion .edit_events {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #FFC14F;
}

/* Create a New Group
---------------------------------------------------------------------------*/

#contact_import_field_wrapper select      { width: 125px; }
#contact_import_field_wrapper input.text  { width: 200px; }

/* Default Form settings
---------------------------------------------------------------------------*/

h2.form_header {
  padding: 5px 20px;
  margin: 0;
  background: #c5510f url('/images/bg_form_header.png') left top no-repeat;
}

#sign_up_2 h2.form_header { background: #c5510f url('/images/bg_form_header_974px.png') left top no-repeat; }
#sign_up_3 h2.form_header { background: #c5510f url('/images/bg_form_header_bluebg.png') left top no-repeat; }
.static h2.form_header    { background: #c5510f url('/images/bg_form_header_contact.png') left top no-repeat; }

.surround {
  position: relative;
  margin-bottom: 15px;
  padding: 20px;
}

.surround .main_form_dl {
  padding: 20px;
  border-width: 1px;
}

.surround .main_form_dl .left_element label,
.surround .main_form_dl .left_element input,
.surround .main_form_dl .right_element label,
.surround .main_form_dl .right_element input {
    width: 185px;
}

.surround .main_form_dl .left_element {
  float: left;
  margin-bottom: 0;
}

.surround .main_form_dl .right_element {
  padding-left: 225px;
}

.surround .main_form_dl .left_element select,
.surround .main_form_dl .right_element select {
  width: 192px;
  height: 23px;
  margin: 1px;
}

.surround h3 {
  border-width: 1px;
}

.surround input.text,
.surround textarea.text {
  width: 410px;
}

.surround select {
  width: 417px;
}

.surround .ui-datepicker-trigger {
  margin-right: 15px;
}

.date_picker select {
  width: 45px
}

input.date_picker {
  width: 200px;
}

.surround textarea {
  height: 8em;
}

.form_wrapper .left,
.form_wrapper .right {
  float: left;
}

.form_wrapper .left   { width: 40%; }
.form_wrapper .right  { width: 60%; }

.form_wrapper ul ul {
  margin-left: 15px;
}

.date_picker img {
  cursor: pointer;
  margin-left: .5em;
  vertical-align: top;
}

.double_col dl,
.double_col img {
  float: left;
}

.double_col img {
  margin: 20px 10px 0;
}

.surround .form_subhead {
  border-width: 1px;
  margin: 1px 0 10px;
  height: 25px;
}


/* Account
------------------------------------------------------------------------*/

#account .surround .date_picker input.text,
.groups .surround .date_picker input.text {
  width: 235px;
}

#account .surround .date_picker select,
.groups .surround .date_picker select {
  width: 50px;
}

/* Children
-----------------------------------------------------------------*/

.sidebar_nav .surround {
  padding: 20px 0;
}

.sidebar_nav .surround .sidebar,
.sidebar_nav .surround .sidebar .footer {
  background-image: url("/images/bg_sidebar_settings.png");
}

.sidebar_nav .surround .sidebar {
  float: left;
  width: 230px;
  padding: 30px 0 0 0;
  z-index: 1;
}

.sidebar_nav .surround .sidebar .footer {
  height: 30px;
  background-position: left bottom;
}

.sidebar_nav .surround .sidebar li {
  padding-left: 23px;
  overflow: hidden;
  height: 26px;
}

.sidebar_nav .surround #child_selection li {
  height: 40px;
}

.sidebar_nav .surround .sidebar li a {
  display: block;
  line-height: 20px;
  padding: 3px 0 3px 10px;
}

.sidebar_nav .surround #child_selection li a {
  line-height: 35px;
}

.sidebar_nav .surround .sidebar li.active a {
  color: #fff;
  background: #662a08 url("/images/bg_sidebar_settings_active.gif") left top repeat-y;
}

.avatar_small_static {
  float: left;
  width: 25px;
  height: 25px;
  margin: 5px;
  padding: 0;
}

.avatar_small_static img {
  width: 25px;
  height: 25px;
}

#children .main_content,
#group_settings #group_settings_form {
  float: left;
  width: 530px;
}

#group_settings_form .main_content,
#group_settings_form .main_form_dl{
  min-height: 300px;
}

#group_settings #group_settings_form .main_content {
  padding: 20px;
  border-width: 1px;
}

/* Sidebar / ad space
-----------------------------------------------------------------*/

#ad_space .ad_160x600 {
  padding: 77px 0 0 20px;
}

/* footer
----------------------------------------------------------------------------*/

#ft {
  margin-top: 30px;
  border-width: 0;
  padding: 95px 0 15px;
  background: #ffe5b2 url("/images/bg_footer.gif") center top repeat-x;
}

#ft #footer {
  width: 74.923em;
  min-width: 750px;
  margin: 0 auto;
  text-align: left;
}

#footer div {
  float: left;
  width: 250px;
  padding: 20px;
  background: url("/images/bg_footer_cell.gif") left top no-repeat;
}

#footer div.footer_logo {
  height: 200px;
  background: url("/images/bg_footer_logo.gif") left top no-repeat;
}

#footer div.footer_logo p {
  display: none;
}

#footer div.mid {
  margin: 0 45px;
  height: 200px;
}

#footer h4 {
  margin-bottom: 0;
  padding-bottom: .25em;
  border-bottom: 1px solid #dfb76c;
}

#footer ul {
  padding-top: .5em;
  border-top: 1px solid #ffe5b2;
}

#footer ul li {
  list-style: outside square;
  margin-left: 20px;
}

p.copyright {
  clear: both;
  padding: 2em 0 0;
  text-align: center;
}

/* Gateway
--------------------------------------------------------------------------------*/

.gateway #hd .logo {
  display: none;
}

.gateway .signup {
  clear: both;
  padding: 0 0 0 65px;
}

#hd .sign_in {
  float: right;
  background: none;
}

#hd .sign_in dl {
  padding: 3px 80px 0 0;
  text-align: right;
}

#hd .sign_in .text {
  width: 165px;
}

#hd .sign_in dt,
#hd .sign_in dd {
  display: inline;
  margin-left: 5px;
}

#hd .sign_in input {
  vertical-align: middle;
}

#hd input.bn {
  position: absolute;
  top: 4px;
  right: 0;
  width: 75px;
  height: 22px;
  padding-top: 0;
  text-indent: 0;
}

#hd input.bn                { background-image: url("/images/bn_yellow.gif"); }
#hd .search_global input.bn { background-image: url("/images/bn_search.gif"); }

.gateway .page_title {
  display: none;
}

.gateway .top_wrap {
  width: 100%;
  padding: 0 0 20px;
}

.gateway .top_wrap .promo,
.gateway .top_wrap .promo .home_link,
.gateway .top_wrap .site_desc,
.gateway .feature_set .feature,
.gateway .feature_set li p {
  float: left;
}

#public .promo,
#public .promo .home_link {
  float: left;
  display: block;
  width: 430px;
}

#public .promo .home_link {
  height: 200px;
  margin: 15px 0 25px;
  background: url("/images/bg_logo_large.png") left 0 no-repeat;
  text-indent: -1000px;
}

.gateway .top_wrap .site_desc {
  width: 510px;
  padding: 45px 0 0 25px;
}

.gateway .top_wrap .site_desc h2 {
  padding: 0 75px;
}

.site_desc .details {
  text-align: justify;
  padding: 15px 10px 0 10px;
}

.gateway .feature_set {
  clear: both;
  padding: 25px 0 0;
}

.gateway .feature_set .feature {
  width: 310px;
  margin: 0 5px;
}

.gateway .feature_set h3 {
  color: #536b2e;
  height: 25px;
  padding: 2px 0 0 15px;
  background: #d2e6b3 url("/images/bg_feature_set_h3.png") left top no-repeat;
}

.gateway .feature_set .feature ul {
  width: 140px;
  min-height: 150px;
  padding: 0 0 0 20px;
}

.gateway .feature_set .feature ul li {
  margin-bottom: 10px;
  list-style-type: circle;
}

.gateway .feature_set #communicate ul  { width: 165px; }
.gateway .feature_set #schedule ul     { width: 155px; }

.gateway #communicate { background: url("/images/bg_feature_communicate.gif") 140px 48px no-repeat; }
.gateway #schedule    { background: url("/images/bg_feature_schedule.gif")    185px 42px no-repeat; }
.gateway #lead        { background: url("/images/bg_feature_lead.gif")    173px 42px no-repeat; }

/* Public
--------------------------------------------------------------------------------*/

#public #hd p.flash {
  top: 15px;
  left: 480px;
}

#public.homepage #hd p.flash  { left: 287px; }

#hd h1,
.homepage a.logo  { display: none; }

#public .welcome_top {
  height: 350px;
  margin-bottom: 2em;
}

#public .welcome,
#public .welcome h2,
#public .welcome a {
  float: left;
  width: 560px;
  height: 350px;
}

#public .welcome a {
  display: block;
  background-image: url("/images/bg_logo_huge.png");
  text-indent: -1000px;
}

.homepage h3 {
  float: right;
  width: 400px;
  margin: 50px 0;
}

#public .signup_in_signin {
  position: relative;
  float: right;
  width: 400px;
  height: 180px;
}

.signup_in a.logo{
  top: 12px;
  display: block;
  width: 430px;
  height: 70px;
  background-image: url("/images/bg_logo_med.gif");
}

#hd ul.public_head_nav {
  float: left;
  padding-top: 5px;
}

#hd ul.public_head_nav li {
  display: inline;
  margin-left: 3px;
}

.gateway #hd span,
.signup_in #hd span,
.error_page #hd span {
  float: right;
  padding-top: 5px;
  line-height: 1.6em;
}

#public .signup_in a.signup {
  display: block;
  float: left;
  height: 70px;
  width: 180px;
  margin: 10px;
  background-image: url("/images/bn_home_signup.png");
  text-indent: -1000px;
}

#public .signup_in a.signup {
  background-position: 0 0;
}

#public .signup_in a.signin {
  background-position: 0 -70px;
}

#public dl { margin: 0; }
#public dt { margin-bottom: 0; }
#public dd { margin-bottom: .25em; }

#public #ft {
  margin-top: 0;
}

/* Public Sign In
---------------------------------------------------------------------- */


#public #signin div.signin_form {
  position: absolute;
  top: -10px;
  right: 0;
  width: 200px;
  padding: 20px;
  border-width: 3px;
  z-index: 1000;
}

#public.signin dd { margin-bottom: .75em; }

#public #signin dd.checkbox,
#public #signin dd.submit {
  margin: .5em 0;
}

#public.signup_in #hd {
  height: 30px;
}

#public #bd {
  width: 100%;
  padding: 45px 0 0 0;
}

#public.static #bd {
  padding: 0;
}

#public .account_access {
  float: left;
  width: 480px;
  padding: 20px 0 70px 50px;
}

#public.static .account_access {
  width: 480px;
  padding: 20px 170px 20px 20px;
}

#public .account_access h1 {
  margin-bottom: 0;
}

#public .account_access#login_form_wrapper {
  padding-top: 50px;
}

#public .account_access input.text {
  width: 400px;
  height: 20px;
  padding: 5px;
}

#public .account_access textarea.text {
  width: 400px;
  padding: 5px;
}

#public .account_access dd.submit,
#public .account_access dd.remember_me {
  margin-top: 15px;
}


/* Public Sign Up
---------------------------------------------------------------------- */

#public .account_access select#user_time_zone {
  width: 413px;
  height: 30px;
  padding-top: 3px;
}

#public .account_access .half {
  float: left;
  padding-right: 28px;
}

#public .account_access .half input.text {
  width: 180px;
}

#public .account_access .half dt.error {
  width: 190px;
}

#public .account_access .full {
  clear: both;
}

#public .account_access dd.submit,
#public .account_access dd.terms {
  margin-top: 1.5em;
}

#public #errorExplanation {
  display: none;
}

.surround .details {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #662A08;
  background-color: #fff;
}

/* Contact Page
---------------------------------------------------------------------- */

body.contact #ad_space {
  display: none;
}

body.contact .yui-t4 #yui-main .yui-b {
  margin-right: 0;
}

body.contact .description {
  float: left;
  width: 285px;
}

body.contact .email_links {
  padding-left: 295px;
  padding-bottom: 50px;
}

body#app.contact .email_links dd,
body#public.contact .email_links dd {
  margin-bottom: 25px;
}

body.contact .email_links .left_element {
  float: left;
  width: 175px;
}

body.contact .email_links .right_element {
  padding-left: 185px;
}

body#app.contact .account_access,
body#public.contact .account_access {
  padding-left: 0;
}

body.contact .account_access input.text {
  width: 400px;
  height: 20px;
  padding: 5px;
}

body.contact .account_access textarea.text {
  width: 400px;
}

body.contact .account_access dd.submit,
body.contact .account_access dd.remember_me {
  margin-top: 15px;
}


/* Public Sign Up
---------------------------------------------------------------------- */

#sign_up_2 .submit .bn{
  margin-top: 20px;
  vertical-align: top;
}

#sign_up_3 .page_top{
  display: none;
}

#sign_up_3 #new_kid_list > li {
  margin-bottom: 20px;
  border-bottom: 2px dashed #d7d7d7;
}

#sign_up_3 #new_kid_list > li:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

#sign_up_3 #new_kid_list li {
  padding-bottom: 10px;
}

#sign_up_3 .add_child {
  display: block;
  height: 27px;
  margin-bottom: 20px;
  padding: 8px 0 0 40px;
  background: #A4CC66 url("/images/bn_add_25x25.gif") 5px 5px no-repeat;
}

/* Public Invite
----------------------------------------------------------------------*/

.static.invite #content_wrap #signup_form_wrapper {
  padding-left: 0;
}

/* Demo pages
----------------------------------------------------------------------*/

body.demo #ad_space {
  display: none;
}

body.demo .yui-t4 #yui-main .yui-b {
  margin-right: 0;
}

.demo_nav {
  float: right;
  width: 714px;
  height: 45px;
  padding-top: 15px;
  background: url("/images/bg_demo_nav.gif") left bottom no-repeat;
}

.demo_nav li,
.demo_nav li a {
  display: block;
  float: left;
  width: 142px;
  text-align: center;
  font-weight: bold;
}

.demo_nav li a {
  height: 33px;
  padding-top: 12px;
}

.demo_nav li.active {
  background-image: url("/images/bg_demo_tab.gif");
  background-position: center top;
}

.demo_nav #first.active  { background-position: left top; }
.demo_nav #last.active   {
  margin-left: 4px;
  background-position: right top;
}

.demo_desc {
  float: right;
  width: 714px;
  padding: 25px 0;
}

.demo_body {
  float: right;
  width: 715px;
  height: 625px;
  border-width: 1px;
  background-repeat: no-repeat;
}

#demo_1 { background: url("/images/bg_demoscreens_1.jpg") right 28px no-repeat; }
#demo_2 { background: url("/images/bg_demoscreens_2.jpg") right 35px no-repeat; }
#demo_3 { background: url("/images/bg_demoscreens_3.jpg") right 20px no-repeat; }
#demo_4 { background: url("/images/bg_demoscreens_4.jpg") right 20px no-repeat; }
#demo_5 { background: url("/images/bg_demoscreens_5.jpg") right 30px no-repeat; }

.demo_box {
  height: 1px;
  width: 1px;
  overflow: visible;
  background: transparent;
}

.demo_box div {
  float: left;
  padding: 10px 12px;
  border-width: 2px;
}

.demo_box ul {
  margin: 0;
}

.demo_box ul li {
  list-style-type: disc;
  margin-left: 15px;
}

#demo_1 .demo_box div   { width: 255px; }
#demo_1a                { margin-top: 53px; height: 245px; }
#demo_1b                { margin-left: 375px; height: 140px; }
#demo_1c                { margin-left: 375px; }

#demo_2 .demo_box div   { width: 205px; }
#demo_2a                { margin-top: 15px; height: 110px;}
#demo_2b                { height: 200px; }
#demo_2c                { height: 170px; }
#demo_2d                { }

#demo_3 .demo_box div   { width: 290px; }
#demo_3a                { margin-top: 35px; height: 75px;}
#demo_3b                { height: 235px;}
#demo_3c                { }

#demo_4 .demo_box div   { width: 315px; }
#demo_4a                { margin-top: 35px; height: 165px;}
#demo_4b                { height: 140px; }
#demo_4c                { height: 125px;}
#demo_4d                { }

#demo_5 .demo_box div   { width: 315px; }
#demo_5a                { margin-top: 20px; height: 180px;}
#demo_5b                { height: 140px; }
#demo_5c                { }

/* Static pages
----------------------------------------------------------------------*/

body.static #sidebar ul,
body.static #sidebar .footer {
  margin: 0;
  background-image: url("/images/bg_sidebar_static.png");
  background-repeat: no-repeat;
}

body.static #sidebar {
  float: left;
  clear: left;
  width: 220px;
  min-height: 300px;
  margin-right: 20px;
}

body.static #sidebar .footer {
  clear: both;
  height: 20px;
  background-position: left bottom;
}

body.static #sidebar ul {
  clear: both;
  padding: 10px 10px 0;
}

body.static #sidebar ul ul {
  background: none;
  padding: 0;
}

body.static #sidebar .tab {
  padding: 3px 0 0 5px;
  height: 22px;
}

body.static #sidebar .active {
  color: #fff;
  background: url("/images/bn_sidebar_jellybean_blue.gif") no-repeat;
}

body.static #sidebar .active a {
  color: #fff;
}

body.static #sidebar ul ul li {
  margin: 0 0 0 25px;
  padding: 0;
  list-style-type: disc;
}

body.static #content_wrap {
  padding: 0 0 100px 260px;
}

body.static #content_wrap h3 {
  padding-bottom: 5px;
  border-bottom-width: 1px;
}

.family_image {
  float: right;
  width: 260px;
  height: 308px;
  padding: 0 15px 10px 0;
  background: transparent url("/images/about_polaroid_sm.png") no-repeat top left;
}

/* buttons
----------------------------------------------------------------------*/

.tooltip {
  display: inline;
}

.bn {
  width: 180px;
  height: 60px;
  border: 0;
  background-image: url("/images/buttons.png");
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}

#contact_import_field_wrapper .bn {
  background-image: url('/images/buttons_gray.png');
}

a.bn {
  display: block;
  float: left;
  line-height: 62px;
  text-indent: -1000px;
}

.submit a.bn {
  text-indent: 0;
}

.bn:hover,
.bn:focus,
.bn:active {
  outline: none !important;
  background-position: right top;
}

#public input.bn        { background-position: right top; }
#public input.bn:hover  { background-position: left top; }

/* large buttons with reflections
--------------------------------------------------------------------------*/

#public a.bn {
  height: 80px;
  vertical-align: middle;
}

a.sign_up { background-image: url("/images/bn_signup.png");     }
a.sign_in { background-image: url("/images/bn_signin.png");     }
a.reset   { background-image: url("/images/bn_reset_pw.png");   }
a.demo    { background-image: url("/images/bn_demo.png");   }

a.sign_up:hover,
a.demo:hover {
  background-position: left bottom;
}

body.static #sidebar_sign_up {
  float: left;
  clear: both;
  width: 220px;
  height: 55px;
  margin: 10px 0;
  background-image: url("/images/bn_signup_wide.gif");
  background-position: right top;
}

body.static #sidebar_sign_up:hover { background-position: left top; }

.add_event,
.add_event span {
  display: block;
  z-index: 1;
  background-image: url("/images/bn_green_add.png");
  background-repeat: no-repeat;
}

ul.icons .add_event {
  position: static;
}

.add_event {
  position: absolute;
  right: 0;
  bottom: 0;
  float: left !important;
  height: 26px !important;
  padding: 0 0 0 20px !important;
  background-position: left top;
}

.add_event span {
  float: left !important;
  position: static !important;
  right: auto;
  top: auto;
  height: 23px;
  padding: 3px 15px 0 5px;
  background-position: right top;
}

/* icons
-------------------------------------------------------------------------------------*/

ul.icons {
  width: 100%;
  margin-bottom: 0;
}

ul.icons.inline {
  height: 26px;
  margin-bottom: 10px;
}

#calendar ul.icons,
.page_top ul.icons {
  position: absolute;
  right: 0;
  width: auto;
}

.page_top ul.icons {
  bottom: 0;
  margin-bottom: 0;
}

ul.icons.inline li    { float: right; }

ul.icons li a,
.icons span a {
  display: block;
  float: left;
  height: 18px;
  padding: 2px 0 2px 26px;
  zoom: 1;
}

ul.icons li {
  margin-left: 15px;
}

.vcard a,
.ical a,
.rss a,
.excel a,
.print a {
  display: block;
  background-image: url("/images/icons_logo_apps.gif");
  background-repeat: no-repeat;
}

.excel a      { background-position: 0  3px;   }
.vcard a      { background-position: 0 -22px; }
.ical a       { background-position: 0 -47px; }
.rss a        { background-position: 0 -72px; }
.print a      { background-position: 0 -125px; }

.print a {
  text-indent: -1000px;
}

.expand_all,
.collapse_all {
  display: block;
  float: left;
  height: 13px;
  margin: -24px 0 0 0;
  padding: 1px 0 0 20px;
  background-image: url("/images/bn_more_less.gif");
  background-repeat: no-repeat;
}

.expand_all {
  background-position: left top;
}

.collapse_all {
  background-position: bottom left;
}

/* groups settings
----------------------------------------------------------------------------------*/

.email_link {
  min-height: 1.5em;
  margin: 0.5em 0;
}

.email_link a {
  padding-left: 14px;
  background-image: url("/images/bg_arrow_collapse_blue.gif");
  background-repeat: no-repeat;
  background-position: 0 5px;
}

.email_link.selected a {
  background-position: 0 -20px;
}

.email_link .import           { display: none; }
.email_link.selected .import  { display: block; }

.email_link a {
  text-decoration: none;
}
 
.email_link a img {
  vertical-align: middle;
}
 
.email_link #contact_import_field_wrapper {
  margin: 5px 0 0 14px;
  padding: 10px 0 10px 18px;
}
 
.email_link label {
  display: inline-block;
  width: 80px;
  padding-top: 4px;
}
 
.email_link .submit input {
  margin: 10px 0 0 80px;
}
 
.invite_people .person_list_container {
  height: 200px;
  margin: 5px 0 0 14px;
  padding:1px;
  overflow: auto;
}
 
.invite_people table.person_list {
  width: 100%;
}

/* member settings and group settings
---------------------------------------------------------------------*/

ul.nested,
dd.nested ul {
  margin: .25em 0 0 0;
}

.nested label {
  margin-right: 20px;
}

.nested li {
  display: inline;
}

.nested input.radio {
  vertical-align: middle;
}

#group_settings_form .surround {
  min-height: 185px;
}

#group_settings_form .form_subhead {
  margin-bottom: .5em;
}

#group_settings_form .nested {
  margin-bottom: .5em;
}

/* Tooltip
---------------------------------------------------------------------*/

#tooltip,
.feed_link_caption {
  position:absolute;
}

#tooltip {
  width: 200px;
  padding: 7px 10px;
  border: 2px solid #78B814;
  background:#D2E6B3;
  z-index: 9999999;
}

.feed_link_caption {
  top: 200px;
  width: auto;
  padding: 20px;
  border: 2px solid #ddd;
  background:#eee;
  z-index: 9999999;
}

#member_settings option.color_option {
  margin: 5px;
  padding: 2px 2px 2px 20px;
  background-image: url(/images/colors.png);
  background-repeat: no-repeat;
  background-position: 0px 20px;
}
#member_settings option.red             { background-position: 0px 0px; }
#member_settings option.firebrick       { background-position: 0px -20px; }
#member_settings option.maroon          { background-position: 0px -40px; }
#member_settings option.coral           { background-position: 0px -60px; }
#member_settings option.orangered       { background-position: 0px -80px; }
#member_settings option.gold            { background-position: 0px -100px; }
#member_settings option.goldenrod       { background-position: 0px -120px; }
#member_settings option.springgreen     { background-position: 0px -140px; }
#member_settings option.green           { background-position: 0px -160px; }
#member_settings option.seagreen        { background-position: 0px -180px; }
#member_settings option.teal            { background-position: 0px -200px; }
#member_settings option.blue            { background-position: 0px -220px; }
#member_settings option.navy            { background-position: 0px -240px; }
#member_settings option.indigo          { background-position: 0px -260px; }
#member_settings option.blueviolet      { background-position: 0px -280px; }
#member_settings option.magenta         { background-position: 0px -300px; }
#member_settings option.mediumvioletred { background-position: 0px -320px; }
#member_settings option.grey            { background-position: 0px -340px; }
#member_settings option.black           { background-position: 0px -360px; }

h2 img {
  margin-left: 5px;
  vertical-align: text-top;
}

/* yui autocomplete
-----------------------------------------------------------------------------*/
.ui-autocomplete-results {
  border: 1px solid #d3d3d3;
  background: #ffffff;
  overflow: hidden;
  z-index: 99999;
}

.ui-autocomplete-results ul {
  margin: 0;
}

.ui-autocomplete-results li {
  margin: 0;
  padding: 2px 5px;
  cursor: default;
  line-height: 16px;
  overflow: hidden;
}

.ui-autocomplete-loading {
  background-color: #fff;
}

.ui-autocomplete-results li.ui-autocomplete-over {
  background-color: #ebebeb;
}

/* welcome announcement
-----------------------------------------------------------------------*/

#welcome_message .left,
#welcome_message .right {
  float: left;
  color: #555;
}

#welcome_message .left {
  width: 315px;
  padding: 35px 0;
}
#welcome_message .right {
  width: 465px;
}

#welcome_message p {
  padding: 0 20px 0 0;
}

ul.steps li {
  margin: 10px 0;
  padding-left: 180px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  line-height: 22px;
}

ul.steps li.step_1 {
  height: 130px;
  padding-top: 40px;
  background-image: url("/images/bg_welcome_step_1.png");
}

ul.steps li.step_2 {
  height: 145px;
  padding-top: 25px;
  background-image: url("/images/bg_welcome_step_2.png");
}

ul.steps li.step_3 {
  height: 115px;
  padding-top: 55px;
  background-image: url("/images/bg_welcome_step_3.png");
}

#event_receptor {
  position: absolute;
  z-index: 10000000;
  display: none;
}



/* possibly deprecated styles
---------------------------------------------------------------------*/

.hide_full_post,
.show_full_post {
  position: absolute;
  left: -25px;
  top: 2px;
  display: block;
  width:  14px;
  height: 14px;
  z-index: 1;
  background-image: url("/images/bn_more_less.gif");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -1000px;
}

.hide_full_post   { background-position: 0 bottom; }

.full_post a.avatar_med {
  float: left;
  padding-right: 5px;
}



#profile_image_uploader div span.image_mask img {
  height: 75px;
  width: 75px;
}

.header,
.form_subhead {
  position: relative;
}

dd + .form_subhead {
  margin-top: 20px;
}

.header span,
.form_subhead span {
  position: absolute;
  bottom: 1px;
  right: 0;
  font-weight: normal;
}

.header span a,
.form_subhead span a {
  display: inline-block;
  padding-right: 16px;
  background-repeat: no-repeat;
}

.header span.add a,
.form_subhead span.remove a {
  text-decoration: none;
  background-image: url("/images/bn_plus_minus_13x13.gif");
}

.header span.add a:hover,
.form_subhead span.remove a:hover {
  text-decoration: underline;
}

.header span.add a            { background-position: right 0;    }
.header span.remove a         { background-position: right -25px;  }
.form_subhead span.add a      { background-position: right -3px;   }
.form_subhead span.remove a   { background-position: right -21px;  }





/* Create a New Group
---------------------------------------------------------------------------*/

.create_group .col_l {
  float: left;
}

.create_group .col_l textarea {
  height: 120px;
}

.create_group .col_r {
  padding-left: 320px;
}

.create_group .col_r input.text {
  width: 181px;
}

.create_group .col_r select#meeting_time_zone { width: 396px; }

.create_group .col_r select#meeting_frequency {
  width: 248px;
}

.create_group .col_r ul.multiple_radio li {
  display: block;
  float: left;
  padding: 3px 50px;
  margin: 0;
  border: 2px solid #ffc14f;
  background: #ffd382;
}

#email_invite_form,
#network_invite_form {
  padding: 0;
}

#email_invite_form dl.center {
  padding: 1.5em 0 .5em;
}

.create_group .col_r #meeting_fields {
  display: block;
  float: left;
  width: 360px;
  border: 2px solid #ffc14f;
  background: #ffd382;
  padding: 15px 20px;
}

.create_group .big {
  margin-top: 15px;
  padding: 1em 0;
  border-top: 1px solid #ffc14f;
}

.create_group .right_col,
.create_group .left_col {
  float: left;
  width: 360px;
}

.create_group .right_col textarea,
.create_group .left_col textarea {
  width: 340px;
  height: 120px;
}

.create_group .submit {
  clear: both;
}

/* tabs for creating a group
----------------------------------------------------------------------------*/

.tabs,
.tabs li  { margin-bottom: 0; }
ul.tabs   { height: 30px; }

ul.frequency  { padding-left: 118px; }
ul.invite     { padding-left: 173px; }

ul.tabs li {
  float: left;
  height: 25px;
  padding: 5px 20px 0;
}

ul.tabs li.selected {
  background-color: #ffc14f;
}

ul.tabs input {
  margin-right: .5em;
  vertical-align: middle;
}

/* videos static page
----------------------------------------------------------------------------------*/

.videos .video {
  padding: 20px 0;
  border-top: 1px solid #abd0e2;
/*  background: url("/images/bg_video.gif");*/
}

.video .video_meta {
  float: left;
  width: 300px;
  height: 330px;
}

.video .video_meta h4 a {
  color: #662A08;
  line-height: 26px;
}

body.videos #content_wrap .video_meta h4 {
  font-size: 16px;
}

.video .video_object {
  float: right;
  width: 400px;
}

body.videos #content_wrap h3 {
  margin-bottom: 20px;
  padding-top: 20px;
  border-bottom: 0;
  font-size: 22px;
  color: #2E576B;
}