body {
  font-family: Verdana,Arial; 
  background-color: #f0f0f0;
  color: #333;
  text-align: center;
}
#nav_menu_container {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color:#333865;
  border-bottom: 3px solid #272C45;
  float: left;
}
#nav_menu {
  color:#FFF;
  float: left;
  width: 100%;
}
#nav_menu h1 {
  float: left;
  font-size: 197%;
  margin-left: 1em;
}
#nav_menu ul {
  float: right;
  margin: 1em 1em 0 1em;
}
#nav_menu li {
  display: inline;
}
#nav_menu #my_page a {
  background: url(/img/home.gif) no-repeat left center;
  padding-left: 1.5em;
  height: 16px;
}
#nav_menu a {
  color: #FFF;
  text-decoration: none;
}
#contatiner {
  clear: both;
}
#header_container {
  margin: 0;
  padding: 0;
  background-color: #BDC7D6;
  border-bottom: 1px solid #CCC;
}
#header {
  width: 680px;
  margin: 0 auto;
  padding: 0;  
  background-color: #8C94A1;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
#header h1 {
  font-size: 244%;
  line-height: 2em;
  color:#FFF;
  font-weight: bold;
}
#content_container {
  width: 680px;
  margin: 0 auto;
  padding: 1em 0;
  background-color:#FFF;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align:left;
  clear: both;
}
#content {
  background-color:#FFF;
  margin-left:1em;
}
#footer {
  font-size: 92%;
  color: #999;
}
/**************************************/
.clear {
  clear: both;
}
.detail {
  font-size: 92%;
  color: #999;
}
.sub_title {
  font-size: 129%;
  font-weight: bold;
}
.login_user {
  font-weight: bold;
  color: #333;
}
span.moim_admin a {
  margin-left: 1em;
  background: url(/img/wrench_right.gif) no-repeat left center;
  padding-left: 1.2em;
  font-size: 70%;
  color: #666;
  text-decoration: underline;
  font-weight: normal;
}
caption {
  display: none;
}
strong {
  font-weight: bold;
}
a {
  text-decoration: none;
  color: #633916;  
}
h2  {
  font-weight: bold;  
  font-size: 122%;
  margin-bottom: 1em;
}
td {
  padding: 0.5em 0;
}
input, textarea {
  font-size: 114%;
  border: 1px solid #666;
}
p.button {
  margin: 1em 0;
}
.button input {
  width: auto;
  font-size: 100%;
}
.button a {
  margin-right: 1em;
}
.label {
  text-align: right;
  font-weight: bold;
  font-size: 107%; 
  vertical-align: top;  
  padding-right: 2em;
}
.required {
  color: #FF6600;
  font-weight: bold;
}
.sub_input {
  background-color: #EEE;
}
.help {
  font-size: 85%;
  color: #666;
}
.errorlist {
  font-size: 85%;
  color: #FF6600;
}
.checkbox {
  border: none;
}
.action_message {
  text-align: center;
  color: #666;
  font-weight: bold;
  padding: 0.3em 0;
  margin: 0.5em 0;
  border: 1px solid #FFCC33;
  background-color: #FFCC33;
}
.delete_link {
  margin-left: 1em;
  background: #FFF url(/img/delete_link.gif) no-repeat left center;
  padding-left: 1.5em;
}
.more {
  font-size: 92%;
  margin: 0.5em 0 0.5em 3.5em;
}
#form_event_admin table {
  width: 85%;
  margin-left: 5em;
}
#form_event_admin .label {
  width: 11em;
}
#form_event_admin p.button {
  text-align: center;
}
#create_event p.set_alert {
  color: #666;
  margin-bottom: 1em;
  margin-left: 3em;
}
#create_event form.set_alert table {
  width: 85%;
}
#create_event form.set_alert .label {
  width: 11em;
}
/*********************************/
#index p {
  text-align: center;
  line-height: 3em;
}
#new_event {
  margin: 1em 0;  
  position: relative;
  left: 35%;
  width: 14em;
}
#new_event a {
  display: block;  
  padding: 0.2em 0.2em 0.2em 2em;  
  line-height: 1.5em;  
  border: 1px solid #BD0D0D;
  color: #BD0D0D;
  text-align: center;
  font-size: 114%;
  font-weight: bold;
  background: #F8D2C0 url(/img/new_event.gif) no-repeat left center;
}
#new_event a:hover {
  background-color: #BD0D0D;
  color: #F8D2C0;
}
#create_event table {
  margin-left: 4em;
  width: 70%;
}
#create_event p.button {
  margin-left: 13em;
}
#create_event textarea {
  width: 20em;
  height: 6em;
}
#create_event #map_container {
  width: auto;
}
/**********************/
#user_main_menu {
  width: 660px;
  position: relative;  
}
#user_main_menu ul {
  position: absolute;
  left: 510px;
  border: 1px solid #633916;
  padding: 1em;
  background-color: #FDF9CE;
}
#user_main_menu li a {
  color: #633916;
  line-height: 1.5em;
}
#user_main_menu #menu_myinfo {
  background: url(/img/user.gif) no-repeat left center;
  padding-left: 1.5em;
}
#user_main_menu #menu_addressbook {
  background: url(/img/folder.gif) no-repeat left center;
  padding-left: 1.5em;
}
#user_main_menu #menu_create_event {
  font-weight: bold;
  background: url(/img/edit.gif) no-repeat left center;
  padding-left: 1.5em;
}
#notice {
  margin-bottom: 2em;
}
#notice h2 {
  background: url(/img/info.gif) no-repeat left center;
  padding-left: 1.3em;
}
#notice li {
  line-height: 1.7em;
  margin-left: 1.5em;
  padding-left: 1.3em;
  background: url(/img/info_list.gif) no-repeat left center;
  color: #666;
  width: 35em;
}
#notice li a:hover {
  background-color: #CFCDB4;
}
#active_event {
  margin-bottom: 2em;
}
#active_event h2 {
  background: url(/img/active.gif) no-repeat left center;
  padding-left: 1.3em;
}
#active_event dt {
  margin: 1em 0 0.5em 1.5em;
  padding-left: 1.3em;
  background: url(/img/active_event.gif) no-repeat left center;
}
#active_event dt strong {
  font-size: 122%;
}
#active_event dd {
  margin-left: 3.5em;
  line-height: 1.7em;
}
#active_event dt a:hover {
  background-color: #CFCDB4;
}
#active_event dt a.delete_link:hover {
  background-color: #FFF;
}
#active_default {
  margin: 2em 0 2em 1.5em;
}
#closed_event h2 {
  background: url(/img/closed.gif) no-repeat left center;
  padding-left: 1.3em;
}
#closed_event li {
  line-height: 1.7em;
  margin-left: 1.5em;
  padding-left: 1.3em;
  background: url(/img/closed_event.gif) no-repeat left center;
  color: #666;
}
#closed_event li a:hover {
  background-color: #CFCDB4;
}
#closed_event li a.delete_link:hover {
  background-color: #FFF;
}
#closed_event {
  margin-bottom: 2em;
}

#visited_group h2 {
  background: url(/img/groups.gif) no-repeat left center;
  padding-left: 1.3em;
}
#visited_group li {
  line-height: 1.7em;
  margin-left: 1.5em;
  padding-left: 1.3em;
  background: url(/img/visited_group.gif) no-repeat left center;
  color: #666;
  font-size: 107%;
  font-weight: bold;
}
#visited_group li a:hover {
  background-color: #CFCDB4;
}
#visited_group li a.delete_link:hover {
  background-color: #FFF;
}
#user_info table {
  margin-left: 7em;
  width: 70%;
}
#user_info p.button {
 margin-left: 17em;
}
#user_info img {
  padding: 0.1em;
  border: 1px solid #999;
}
#addressbook table {
  margin: 1em 0 1em 4em;
}
#addressbook th {
  font-size: 107%;  
  padding: 0.3em;
  text-align: center;
  background-color: #DDD;
  color: #6E6E6E;
}
#addressbook td {
  width: 10em;
  padding: 0.3em;
  text-align: center;
  border-bottom: 1px solid #999;
}
#addressbook .button {
  background: #FFF url(/img/new.gif) no-repeat left center;
  margin-left: 4em;
  padding-left: 1.5em;
  height: 16px;
}
#addressbook #addressbook_default {
  line-height: 3em;
  text-align: center;
}
#addressbook_new table {
  position: relative;
  left: 15em;
}
#addressbook_new p.button {
  position: relative;
  left: 10em;
}
#addressbook_edit table {
  position: relative;
  left: 15em;
}
#addressbook_edit p.button {
  position: relative;
  left: 10em;
}
#addressbook_delete p {
  line-height: 4em;
  text-align: center;
}
#user_delete_confirm p {
  text-align: center;
  margin-top: 2em;
}
#canceled_event p {
  text-align: center;
  margin-top: 2em;
}
#event_canceled p {
  text-align: center;
  margin-top: 2em;
}
#event_delete p {
  text-align: center;
  margin-top: 2em;
}
/*****************************************/
#sms_url #sms_description {
  line-height: 1.5em;
  text-align: center;
  color: #4C4F58;
  margin-bottom: 1em;
}
#sms_url table {
  margin-left: 5em;
  width: 75%;
}
#sms_url .label {
  width: 15em;
  text-align: right;
  font-weight: bold;
  font-size: 107%;
  padding-right: 1em;
  vertical-align: top;
}
#sms_url .button {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 22em;
}
#sms_index #sms_description {
  line-height: 1.5em;
  text-align: center;
  color: #4C4F58;
  margin-bottom: 1em;
}
#sms_index table {
  margin-left: 5em;
  width: 75%;
}
#sms_index .label {
  width: 15em;
  text-align: right;
  font-weight: bold;
  font-size: 107%;
  padding-right: 1em;
  vertical-align: top;
}
#sms_index .button {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 22em;
}
#sms_event_list dl {
  margin-left: 2em;
  margin-bottom: 2em;
}
#sms_event_list dt {
  background: #FFF url(/img/active_event.png) no-repeat left center;
  padding-left: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
#sms_event_list dd {
  margin-left: 1.5em;
}

/******************************************/
.yui-panel .hd {
  background-color: #7E7E7E;
}
.yui-panel .button-group button {
  font-family:arial,helvetica,clean,sans-serif;
}
.yui-panel .bd {
  padding: 0.3em;
}
.yui-panel .bd #search_form {
  text-align: left;
}
.yui-panel .bd #search_output {
  text-align: left;
  margin-right: 0.5em;
}
.yui-panel .bd #search_output dt {
  margin-top: 0.3em;
}
.yui-panel .bd #search_output a {
  display: block;
}
.yui-panel .bd #search_output a:hover {
  background-color: #EEE;
}
.yui-panel .ft {
  padding: 0.3em;
}
/************************************************/
#login_dialog h2 {
  margin-bottom: 1em;
}
#login_dialog p {
  text-align: left;
  color: #333;
}
#login_dialog p input {
  font-size: 114%;
  border: 1px solid #666;
  padding: 0.2em 0.1em;
}
#login_dialog #login {
  float: left;
  width: 170px;
  margin-left: 0.5em;
}
#login_dialog #or {
  float: left;
  width: 40px;
  font-size: 159%;
  font-weight: bold;  
  text-align: center;
  line-height: 10em;
}
#login_dialog #signup {
  float: left;
  width: 180px;
  margin-left: 0.5em;
  margin-bottom: 1em;
}

#login #form_login {
  margin-left: 2em;
}
#login #or {
  font-size: 159%;
  font-weight: bold; 
  margin: 1em 0 1em 6em;  
}
#login #form_signup {
  margin-left: 2em;
}
#login p.button {
  margin-left: 8em;
}
/************************/
#invite {
  padding-right: 1em;
}
#invite h3 {
  font-weight: bold;
  margin-bottom: 1em;
}
#invite #form_invite {
  margin-top: 2em;
}
#invite #primary_content {
  float: left;
  margin-bottom: 2em;
  width: 52%;
}
#invite #primary_content label {
  font-weight: bold;
}
#invite #primary_content textarea#id_invite_list {
  width: 20em;
  margin: 0.3em 0;
}
#invite #primary_content #sms_sender {
  margin: 1.5em 0;
}
#invite #primary_content #sms_sender label {
  background: url(/img/phone.gif) no-repeat left center;
  padding-left: 1.3em;
  font-weight: bold;
}
#invite #primary_content #sms_sender input {
 margin-left: 1em;
 width: 7em;
}
#invite #secondary_content {
  float: right;
  margin-bottom: 2em;
  width: 40%;
}
#invite #secondary_content #invitation_email {
  border: 1px solid #999;
  margin-bottom: 2em;
  padding: 0.5em;
}
#invite #secondary_content #invitation_sms {
  border: 1px solid #999;
  padding: 0.5em;
}
#invite #address_book_container {
  background-color: #FDF9CE;
  padding: 0.5em;
}
#invite #address_book_container h3 {
}
#invite #address_book_container #address_book_admin {
  text-align: right;
  margin-right: 1em;
}
#invite #address_book_container #address_book_admin a {
  background: #EEE url(/img/wrench_right.gif) no-repeat left center;
  padding-left: 1.2em;
  font-size: 70%;
  color: #666;
  text-decoration: underline;
  font-weight: normal;
}
#invite #address_book_container #address_book {
  margin: 0.5em;
}
#invite #address_book_container #address_book li {
  background: url(/img/address_user.gif) no-repeat left center;
  padding-left: 1em;
  line-height: 1.5em;
}
#invite p.button {
  clear: both;
  margin-left: 5em;
}