/* Sub menu
================================================================================================ */

#main_col .box div {
  padding-bottom: 0;
}

#main_col #sub_menu {
  height: 33px;
  position: absolute;
  right: 20px;
}

#main_col #sub_menu #back_button {
  display: block;
  float: left;
  padding-left: 10px;
  padding-top: 2px;
}

#main_col #sub_menu #back_button a {
  display: block;
  font-size: 0.9em;
}

#main_col #sub_menu ul {
  display: block;
  float: right;
  padding-right: 7px;
  width: 300px;
}

#main_col #sub_menu li {
  background: none;
  display: block;
  float: right;
  padding: 0;
  font-size: 0.9em;
}
#main_col #sub_menu li#join_icon {background: url(/img/backgrounds/join_icon.gif) 0 0 no-repeat; padding-left: 20px;}

#main_col #sub_menu em {
  padding: 0 6px;
  color: #DCDCDC;
}

#main_col #sub_menu li a {
  padding: 0;
}

/* Info box
================================================================================================ */

#main_col #info_box {
  padding-bottom: 25px;
  height: 1%;
  background: white;
}

#main_col #info_box img {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
}

#main_col #info_box div.p_box {
  float: right;
  width: 440px;
  padding-right: 10px;
}

#main_col #info_box div.p_box p {
  line-height: 1.3em;
  margin: 0;
}
#main_col #info_box p.top_p {line-height: 1em; padding-bottom: 11px; margin: 0;}

#main_col #info_box span.break {font-size: 1px; line-height: 1px; height: 1px; display: block; clear: both;}

#main_col #join_group_error_box {
  width: 522px;
  margin: 14px 0 13px 1px;
  background: #FFEF75;
  padding: 6px 24px 6px 10px;
  border: 1px solid #E6D65D;
  color: #4C4D4C;
  display: none;
}

/* Event Calendar
============================================================================= */

#main_col h3.event_h3 {
  padding-bottom: 11px;
  padding-top: 10px;
}

#main_col #calendar {
  font: normal 11px Tahoma, Arial, sans-serif;
  padding: 15px 0 13px 0;
  margin: 0;
  background: #FFFFFF;
}

#calendar a {
  color: #262626;
  text-decoration: none;
}

#calendar a:hover {text-decoration: underline;}

#calendar p {
  padding: 10px 0 0 0;
  margin: 0;
}

#calendar ul#select_month {
  height: 25px;
  list-style: none;
  background: #EAEEF0;
  border-bottom: 1px solid #CCD6DB;
  padding: 0;
  margin: 0;
  width: 553px;
  overflow: hidden;
}

#calendar ul#select_month li {float: left; background: none;}

#calendar ul#select_month li#previous {
  width: 120px;
  padding: 4px 0 0 10px;
  margin: 0;
}
#calendar ul#select_month li#previous a {border-bottom: 1px solid #4C4D4C; color: #4C4D4C;}
#calendar ul#select_month li#previous a:hover {border: 0; color: #4C4D4C; text-decoration: none;}

#calendar ul#select_month li#month {
  display: block;
  font: bold 11px Tahoma, Arial, sans-serif;
  text-align: center;
  width: 294px;
  padding: 7px 0 0 0;
  color: #C0082D;
  margin: 0;
}

#calendar ul#select_month li#next {
  width: 120px;
  text-align: right;
  padding: 4px 0 0 0;
  margin: 0;
}
#calendar ul#select_month li#next a {border-bottom: 1px solid #4C4D4C; color: #4C4D4C;}
#calendar ul#select_month li#next a:hover {border: 0; color: #4C4D4C; text-decoration: none;}

#calendar #days {
  background: url(/img/backgrounds/days.gif) 0 1px no-repeat;
  height: 27px;
  width: 553px;
}

#calendar ul#dates {list-style: none; background: #FFFFFF;}
#calendar ul#dates li {
  background: url(/img/misc/calendar/standard_day.gif) 0 0 no-repeat;
  text-align: left;
  width: 79px;
  height: 53px;
  float: left;
  padding: 0;
  margin: 0;
  color: #4C4D4C;
}

#calendar ul#dates li.empty {background: url(/img/misc/calendar/no_day.gif) 0 0 no-repeat;}
#calendar ul#dates li.future {
  background: url(/img/misc/calendar/used_day.gif) 0 0 no-repeat;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: underline;
}
#calendar ul#dates li.today span, #calendar ul#dates li.future span {cursor: pointer; text-decoration: underline;}

#calendar ul#dates li.today {
  background: url(/img/misc/calendar/today_day.gif) 0 0 no-repeat;
  color: #FFFFFF;
  font-weight: bold;
}

#main_col #calendar ul#dates li.today p a {color: #FFFFFF; font-weight: bold;}

#main_col #calendar ul#dates li p {
  padding: 1px 0 0 5px;
  margin: 0;
}

#main_col #calendar ul#dates li div {
  display: none;
}

#date_popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  background: url(/img/backgrounds/event_bubble.gif) left bottom no-repeat;
  padding: 0 0 9px 0;
  margin: 0;
  display: none;
}
#date_text_box {
  width: 218px;
  background: #FFFFFF;
  border: 1px solid #4C4D4C;
  border-width: 1px 1px 0 1px;
}
#date_text_box div {padding: 12px 16px;}
#date_text_box div div.break {padding: 0; display: block; clear: both;}

#date_text_box div strong, #date_text_box div strong a {
  background: url(/img/buttons/little_edit_white.gif) 0 0 no-repeat;
  float: left;
  display: block;
  height: 13px;
  width: 22px;
  text-indent: -10000em;
  margin: 2px 0 0 5px;
  padding: 0;
}
#date_text_box div strong a {margin: 0;}

#date_text_box span {
  display: block;
}

#date_text_box a {
  font: normal 12px/17px Arial, Sans-Serif;
  color: #DC8832;
  display: block;
  float: left;
}
#date_text_box em {
  display: block;
  font: normal 11px/17px Tahoma, Arial, Sans-Serif;
  padding-bottom: 17px;
}
#date_text_box em.bottom_date {padding: 0;}

#main_col #calendar_buttons {
  height: 29px;
  padding: 4px 10px 15px 0;
}
#main_col #calendar_buttons div {
  background: url(/img/buttons/add_event.gif) 0 0 no-repeat;
  height: 29px;
  width: 112px;
  display: block;
  float: right;
}
#main_col #calendar_buttons div a {
  background: url(/img/buttons/add_event.gif) 0 0 no-repeat;
  height: 29px;
  width: 112px;
  display: block;
  border: 0;
}
#main_col #calendar_buttons div a:hover {background-position: 0 -29px;}
#main_col #calendar_buttons div a span {display: none;}

#main_col #calendar_buttons p {
  background: url(/img/misc/event_calendar.gif) 1px 5px no-repeat;
  float: left;
  display: block;
  padding: 5px 0 0 17px;
  margin: 0;
  line-height: 17px;
}
#main_col #calendar_buttons p.calendar_list {
  background: url(/img/misc/event_calendar_list.gif) 1px 5px no-repeat;
  padding-left: 20px;
}

/* Event Calendar
============================================================================= */

#main_col #calendar div.light_cal, #main_col #calendar div.dark_cal {
  background: url(/img/backgrounds/event_cal_dark.gif) 0 0 no-repeat;
  height: 53px;
  width: 534px;
  padding: 5px 9px;
}
#main_col #calendar div.light_cal {background-image: url(/img/backgrounds/event_cal_light.gif);}

#main_col #calendar div.light_cal strong, #main_col #calendar div.dark_cal strong {
  display: block;
  height: 17px;
  overflow: hidden;
  font: bold 12px/18px Arial, Tahoma, Sans-Serif;
}
#main_col #calendar div.light_cal strong a, #main_col #calendar div.dark_cal strong a {
  color: #FFFFFF;
  text-decoration: underline;
  border: 0;
  display: block;
  float: left;
}
#main_col #calendar div.light_cal strong a:hover, #main_col #calendar div.dark_cal strong a:hover {text-decoration: none;}

#main_col #calendar div strong span, #main_col #calendar div strong span a {
  background: url(/img/buttons/little_edit_light.gif) 0 0 no-repeat;
  float: left;
  display: block;
  height: 13px;
  width: 22px;
  text-indent: -10000em;
  margin: 3px 0 0 5px;
  padding: 0;
}
#main_col #calendar div strong span a {margin: 0;}
#main_col #calendar div.dark_cal strong span, #main_col #calendar div.dark_cal strong span a {
  background: url(/img/buttons/little_edit_dark.gif) 0 0 no-repeat;
}

#main_col #calendar div.light_cal p, #main_col #calendar div.dark_cal p {
  color: #95C5D4;
  padding: 0;
  margin: 0;
  line-height: 16px;
}
#main_col #calendar div.light_cal p a, #main_col #calendar div.dark_cal p a {color: #FFFFFF; border: 0; text-decoration: underline;}
#main_col #calendar div.light_cal p a:hover, #main_col #calendar div.dark_cal p a:hover {color: #FFFFFF; border: 0; text-decoration: none;}

/* My Friends
================================================================================================ */

#main_col h3.my_friends {
  height: 27px;
  padding-right: 7px;
}

#main_col h3.my_friends span {
  display: block;
  float: left;
}

#main_col h3.my_friends a {
  display: block;
  float: right;
  font-size: 0.7em;
  line-height: 14px;
  padding-top: 4px;
}

#main_col #my_friends_box {height: 165px; position: relative; background: white;}

#main_col #my_friends {
  height: 122px;
  position: relative;
}

#main_col #my_friends p {
  height: 122px;
  display: block;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
  width: 556px;
}

#main_col #my_friends p span {
  height: 122px;
  width: 75px;
  padding-right: 20px;
  display: block;
  float: left;
  position: relative;
}
#main_col #my_friends p span.end_friend {padding: 0}

#main_col #my_friends p span img {
  display: block;
  height: 75px;
  width: 75px;
}

#main_col #my_friends p span i {
  font-style: normal;
  display: block;
  width: 75px;
  text-align: center;
  padding-top: 4px;
  font-size: 0.9em;
  height: 34px;
  overflow: hidden;
}

#main_col #my_friends p span a {
  line-height: 16px;
}

#main_col #my_friends p span em {
  background: url(/img/buttons/friend_close.gif) 0 0 no-repeat;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 3px;
  left: 62px;
  display: block;
}

#main_col #my_friends p span em a {
  height: 11px;
  width: 11px;
  display: block;
  border: 0;
}
#main_col #my_friends p span em a span {display: none}


/* Pagination
================================================================================================ */

#main_col .pagination {
  height: 43px;
  width: 556px;
}

#main_col .pagination span {
  height: 40px;
  float: left;
  display: block;
  color: #ABABAB;
  line-height: 40px;
}

#main_col .pagination ul {
  background: none;
  display: block;
  float: right;
}

#main_col .pagination li {
  background: none;
  display: block;
  height: 40px;
  line-height: 40px;
  float: left;
  padding: 0;
  font-size: 0.95em;
}

#main_col .pagination li b {
  padding: 0 6px;
  color: #DCDCDC;
}

#main_col .pagination li a {
  padding: 0;
}

#main_col .pagination li span {
  color: #4C4D4C;
}

/* Discussion board
================================================================================================ */

#main_col .box .discuss_board {
  padding-top: 6px;
  padding-bottom: 8px;
  height: 29px;
}
#main_col .box .discuss_board h3 {
  float: left;
  padding-top: 3px;
}

#main_col .box .discuss_board div {
  background: url(/img/buttons/start_discussion.gif) 0 0 no-repeat;
  float: right;
  height: 29px;
  width: 179px;
  display: block;
  padding-right: 9px;
}

#main_col .box .discuss_board div a {
  background: url(/img/buttons/start_discussion.gif) 0 0 no-repeat;
  height: 29px;
  width: 179px;
  display: block;
  border: 0;
}
#main_col .box .discuss_board div a:hover {background-position: 0 -29px;}
#main_col .box .discuss_board div a span {display: none;}

#main_col #discuss_board_box {
  height: 1%;
}

#main_col #discuss_board {
  padding-bottom: 12px;
  border-bottom: 1px solid #EBEBEB;
  width: 556px;
}

#main_col #discuss_board p {
  background: url(/img/backgrounds/speech_top_dark.gif) 0 0 no-repeat;
  margin-bottom: 7px;
}
#main_col #discuss_board p.right_side {background-image: url(/img/backgrounds/speech_top_light.gif);}

#main_col #discuss_board strong {
  display: block;
  font-weight: normal;
  padding: 7px 9px 2px 9px;
}

#main_col #discuss_board em {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  color: #ABABAB;
  padding: 0 9px;
}

#main_col #discuss_board span {
  display: block;
  line-height: 1.3em;
  padding: 10px 20px 4px 9px;
}

#main_col #discuss_board p i {
  background: url(/img/backgrounds/speech_bottom_dark.gif) 0 0 no-repeat;
  display: block;
  height: 20px;
}
#main_col #discuss_board p.right_side i {background-image: url(/img/backgrounds/speech_bottom_light.gif);}

/* Gallery
================================================================================================ */

#main_col h3.gallery {
  height: 27px;
  padding-right: 7px;
  padding-top: 10px;
}

#main_col #gallery_wrapper {height: 0}
#main_col #gallery {
  height: 92px;
  position: relative;
}

#main_col #gallery p {
  height: 92px;
  display: block;
  border-bottom: 1px solid #EBEBEB;
  position: relative;
  width: 556px;
}

#main_col #gallery p span {
  height: 92px;
  width: 75px;
  padding-right: 20px;
  display: block;
  float: left;
  position: relative;
}
#main_col #gallery p span.end_gallery {padding: 0}

#main_col #gallery p span img, #main_col #gallery p span a {
  display: block;
  height: 75px;
  width: 75px;
  border: 0;
}

/* Join Group popup
================================================================================================ */

#main #join_group_popup {
  display: none;
  width: 382px;
  height: 162px;
}

#popup_center.popup_join_group {
  background: url(/img/backgrounds/popups/small.png) 0 0 no-repeat;
}

#popup_center.popup_join_group h2 {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding-top: 7px;
  height: 24px;
  padding-left: 20px;
}

#popup_center.popup_join_group form {
  padding: 18px 0 0 21px;
  height: 80px;
}

#popup_center.popup_join_group img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
}

#popup_center.popup_join_group form div {
  display: block;
  float: left;
  width: 255px;
  height: 90px;
  text-align: left;
  padding-left: 10px;
}
#popup_center.popup_join_group form div p {
  padding-bottom: 12px;
}

#popup_center.popup_join_group form span {
  display: block;
  height: 29px;
}

#popup_center.popup_join_group form button {
  background: url(/img/buttons/join_group.gif) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 114px;
  border: 0;
  float: left;
  cursor: pointer;
  margin-right: 10px;
}
#popup_center.popup_join_group form button:hover {background-position: 0 -29px}
#popup_center.popup_join_group form button span {display: none}

#popup_center.popup_join_group form p a {
  color: #DC8832;
  text-decoration: none;
  border-bottom: 1px solid #F0CDA9;
}

#popup_center.popup_join_group form p a:hover {
  border: 0;
  color: #BB742B;
}

#popup_center.popup_join_group form span a {
  background: url(/img/buttons/cancel.gif) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 88px;
  border: 0;
  float: left;
  cursor: pointer;
}
#popup_center.popup_join_group form span a:hover {background-position: 0 -29px}
#popup_center.popup_join_group form span a span {display: none}

/* Remove user popup
================================================================================================ */

#main #remove_user_popup {
  display: none;
  width: 362px;
  height: 146px;
}

#popup_center.popup_remove_user {
  background: url(/img/backgrounds/popups/smallish.png) 0 0 no-repeat;
}

#popup_center.popup_remove_user h2 {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding-top: 7px;
  height: 24px;
  padding-left: 20px;
}

#popup_center.popup_remove_user form {
  padding: 18px 0 0 21px;
  height: 80px;
}

#popup_center.popup_remove_user img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
}

#popup_center.popup_remove_user form div {
  display: block;
  float: left;
  width: 250px;
  height: 90px;
  text-align: left;
  padding-left: 10px;
}
#popup_center.popup_remove_user form div p {
  padding-bottom: 12px;
}

#popup_center.popup_remove_user form span {
  display: block;
  height: 29px;
}

#popup_center.popup_remove_user form button {
  background: url(/img/buttons/remove.gif) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 97px;
  border: 0;
  float: left;
  cursor: pointer;
  margin-right: 10px;
}
#popup_center.popup_remove_user form button span {display: none}
#popup_center.popup_remove_user form button:hover {background-position: 0 -29px}

#popup_center.popup_remove_user form a {
  background: url(/img/buttons/cancel.gif) 0 0 no-repeat;
  display: block;
  height: 30px;
  width: 88px;
  border: 0;
  float: left;
  cursor: pointer;
}
#popup_center.popup_remove_user form a span {display: none}
#popup_center.popup_remove_user form span a:hover {background-position: 0 -29px}