#cluetip-close img {border: 0}
#cluetip-title {overflow: hidden}
#cluetip-title #cluetip-close {float: right; position: relative}
#cluetip-waitimage {width: 43px; height: 11px; position: absolute; background-image: url(images/wait.gif)}
.cluetip-arrows {display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0}
#cluetip-extra {display: none}
 .cluetip-default {background-color: #d9d9c2; border: 4px solid #87876a; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-bottom-left-radius: 6px 6px; border-bottom-right-radius: 6px 6px; border-top-left-radius: 6px 6px; border-top-right-radius: 6px 6px}
.cluetip-default #cluetip-outer {position: relative; margin: 0}
.cluetip-default h3#cluetip-title {}
.cluetip-default #cluetip-title a {color: #d9d9c2; font-size: 0.95em}
.cluetip-default #cluetip-inner {padding: 0 10px 10px}
.cluetip-default div#cluetip-close {text-align: right; margin: 0 5px 5px; color: #900}
 .clue-right-default .cluetip-arrows {background-image: url(images/darrowleft.gif)}
.clue-left-default .cluetip-arrows {background-image: url(images/darrowright.gif); left: 100%; margin-right: -11px}
.clue-top-default .cluetip-arrows {background-image: url(images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px}
.clue-bottom-default .cluetip-arrows {background-image: url(images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px}
 .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {zoom: 1}
.tweet {font-family: Georgia, serif; font-size: 120%; color: #085258}
.tweet .tweet_list {-webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 0}
.tweet .tweet_list li {overflow: auto; padding: .5em}
.tweet .tweet_list li a {color: #0C717A}
.tweet .tweet_list .tweet_even {}
.tweet .tweet_list .tweet_avatar {padding-right: .5em; float: left}
.tweet .tweet_list .tweet_avatar img {vertical-align: middle}
div.jGrowl {padding: 10px; z-index: 9999; color: #fff; font-size: 16px; width: 95%}
 div.ie6 {position: absolute}
div.ie6.top-right {right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.top-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.bottom-right {left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.bottom-left {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}
div.ie6.center {left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%}
 body > div.jGrowl {position: fixed}
body > div.jGrowl.top-left {left: 0px; top: 0px}
body > div.jGrowl.top-right {right: 0px; top: 0px}
body > div.jGrowl.bottom-left {left: 0px; bottom: 0px}
body > div.jGrowl.bottom-right {right: 0px; bottom: 0px}
body > div.jGrowl.center {top: 0px; width: 50%; left: 25%}
 div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto; margin-right: auto}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color: #000; opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); zoom: 1; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px}
div.jGrowl div.jGrowl-notification {min-height: 40px}
div.jGrowl div.jGrowl-notification div.header {font-weight: bold; font-size: .85em}
div.jGrowl div.jGrowl-notification div.close {z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer}
div.jGrowl div.jGrowl-closer {padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center}
 @media print {div.jGrowl {display: none}
}
a.rounded {cursor: pointer; font-weight: bold; text-align: center; height: 30px; line-height: 30px; background: transparent url(./../images/btn_right.png) no-repeat scroll right top; clear: left; display: block; padding: 0 10px 0 0; width: auto; margin: 1px 0; text-decoration: none}
a.rounded span {display: block; position: relative; white-space: nowrap; padding: 0 0 0 10px; height: 30px; line-height: 30px; background: transparent url(./../images/btn_left.png) no-repeat scroll left top; color: #0033cc}
a.rounded:hover {background-position: 100% -30px; text-decoration: none}
a.rounded:hover span {background-position: 0% -30px}
.invisible {display: none}
#feeds .gfc-resultsHeader {font-weight: bold; border: none}
#feeds .gfc-results {margin: 5px 0 0 10px}
#feeds .gfc-results .gfc-result {font-size: 12px}
#feeds .gfc-results .gfc-result .gf-title, #feeds .gfc-results .gfc-result .gf-author, #feeds .gfc-results .gfc-result .gf-spacer, #feeds .gfc-results .gfc-result .gf-relativePublishedDate, #feeds .gfc-results .gfc-result .gf-snippet {display: inline}
#feeds .gfc-results .gfc-result .gf-snippet {display: none}
#feeds .gfc-results .gfc-result .gf-author, #feeds .gfc-results .gfc-result .gf-relativePublishedDate {margin: 0px 5px}
* {margin: 0; padding: 0; font-size: 100%}
body.home {background: url(../images/bg_home.png) repeat fixed left top}
body.home #sidebar {background: #ecffcc; border-left: 1px dotted #9de09d; border-right: 1px dotted #9de09d}
body.home ul.unread_menu {background-color: #f0ffdd}
body.home .comments .comment {background-color: #f0ffdd}
body.home .operations {background-color: #f0ffdd}
body.group {background: url(../images/bg_group_home.png) repeat fixed left top}
body.group #sidebar {background: #ddeef6; border-left: 1px dotted #ccdde0; border-right: 1px dotted #ccdde0}
body.group .comments .comment {background-color: #ddeef6}
body.group .operations {background-color: #ddeef6}
#login_required .center_wrapper, #container .center_wrapper {background-color: white}
body.root {background-color: #bce4b7}
body.root #root_header {border-top: 8px solid #142908; background-color: white}
body.root #container {background-color: white}
body.root #footer {border-top: 8px solid #142908; background-color: #bce4b7}
#youroom_navigation {background-color: #142908; border-top: 8px solid #bce4b7}
#youroom_navigation ul li a {color: white}
#youroom_navigation ul li a.red {color: red}
#youroom_navigation ul li.selected {border-bottom: 2px solid #666666}
#youroom_navigation ul li:hover {border-bottom: 2px solid #bce4b7}
#footer {margin-top: 10px; border-top: 1px solid silver; background-color: white}
#group_top {background-color: #ddeef6}
#group_top h1 {background-color: white}
#group_top h1 a.group_top_link {color: #4c4c4c; text-decoration: none}
#group_top h1 a.group_top_link:hover {text-decoration: underline}
#group_menu {background-color: #ddeef6}
#group_menu ul.navigation li a {color: #4c4c4c}
#group_menu ul.navigation li.selected {border-bottom: 2px solid #666666}
#group_menu ul.navigation li:hover {border-bottom: 2px solid #ffc489}
body {color: #4c4c4c; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif}
h1, h2 {font-size: 150%}
h3 {font-size: 90%; margin: 3px 0 3px 8px}
img {border: none}
form {margin: 5px}
table col.col10 {width: 10px}
table col.col25 {width: 25px}
table col.col50 {width: 50px}
table col.col75 {width: 75px}
table col.col100 {width: 100px}
table col.col125 {width: 125px}
table col.col140 {width: 140px}
table col.col150 {width: 150px}
table col.col160 {width: 160px}
table td form {display: inline}
.small_text {font-size: 0.7em}
form .small_text {color: #707070}
.alert {color: red; font-weight: bold}
.alert .ui-icon {float: left; margin: 1px}
b.required {margin: 0px 5px; color: green}
.margin05em {margin: 0.5em}
.margin1em {margin: 1em}
.pointer {cursor: pointer}
.center {margin-left: auto; margin-right: auto; text-align: center}
.width400 {width: 400px}
#flashes {display: none}
#top {border-bottom: 1px solid #f0f0f0; background-color: white; font-size: 16px; height: 40px}
#top a.youroom_logo {margin-right: 10px; padding: 0}
#top a.youroom_logo:hover {background-color: white}
#top a.youroom_logo img {vertical-align: middle; margin: 5px}
#top a {font-weight: bold; margin: 0 2px; display: block; text-decoration: none; color: #111111; padding: 8px 4px 7px; float: left}
#top a:hover {background-color: #eeeeee; text-decoration: underline}
#top p {padding: 8px 4px; float: left}
#top #user_nav {position: absolute; top: 0; right: 0}
.center_wrapper {width: 945px; margin: 0 auto}
.center_wrapper #main {width: 605px}
.center_wrapper #main.full_width {width: 98%}
#container {text-align: left; overflow: hidden}
#container h1, #container h2 {padding: 3px 0 1px 3px; border-bottom: 1px dashed green; margin: 10px 0 10px 0}
#description {background-color: #e5e5e5; border-top: 1px solid silver; border-left: 1px solid silver; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 8px; margin: 5px 10px 10px 10px}
#description .strong {font-weight: bold; font-size: 120%}
#sidebar {float: right; width: 180px}
#sidebar h2 {font-size: 1em; border: none}
#sidebar h2.hint {background-color: #cc9900; color: white; text-align: center; width: 100px; margin: 5px auto}
.hint-desc {margin: 5px; padding: 10px; font-size: 0.8em; background-color: white}
#ads {float: right; width: 145px; padding: 3px 5px}
#ads #ads_wrapper .group_ads {padding: 3px; margin: 5px 0 20px 0; border: 1px solid #dddddd; font-size: 0.8em; width: 127px; overflow: hidden}
#ads #ads_wrapper .group_ads ul {margin: 6px; list-style-position: inside}
#ads #ads_wrapper .announcement {border: 1px solid silver; padding: 4px; margin: 4px; background-color: #f0ffdd}
#ads #ads_wrapper .announcement:hover {background-color: #d0ffbd}
#ads #ads_wrapper .announcement h3 {font-size: 12px; font-weight: bold; margin: 1px; text-shadow: white 1px 1px 0px}
#ads #ads_wrapper .announcement h3 a {text-decoration: none; color: #4183c4}
#ads #ads_wrapper .announcement h3 a:hover {text-decoration: underline}
#ads #ads_wrapper .announcement p {font-size: 11px}
#ads #ads_wrapper .box {text-align: center}
#ads #ads_wrapper .adwords {margin: 20px 10px}
#ads #ads_wrapper .center {text-align: center}
.entry {margin: 5px 0; min-height: 62px; padding: 5px}
.entry.border {border: 2px solid silver; min-height: 110px}
.entry.root {border: none; border-top: 2px dotted #cfcfcf; margin: 0}
.entry .thumb_wrapper {position: relative; border-right: 1px dotted #cfcfcf}
.entry .thumb_wrapper .thumb {position: absolute; left: 0; height: 50px; width: 50px; margin: 0.4em 0.4em}
.entry .title_wrapper {position: relative; margin-left: 65px; min-height: 50px; overflow: hidden; font-size: 0.8em; color: #707070; position: relative}
.entry .title_wrapper .info {border-bottom: 1px dotted #cfcfcf; margin-right: 75px; margin-top: 10px}
.entry .title_wrapper .info .name {color: #222222}
.entry .title_wrapper .info .category .name {padding: 2px}
.entry .title_wrapper .editor_action {margin: 0.4em 0.4em; font-size: 0.8em; height: 1.2em}
.entry .title_wrapper .user_action {position: absolute; padding: 4px; top: 9px; right: 2px}
.entry .content_wrapper {margin: 0.4em}
.entry .content_wrapper .content {margin-left: 55px}
.entry .content_wrapper .link {font-size: 0.8em}
.entry .content_wrapper .actions {font-size: 0.8em; padding: 0 10px 0 0}
.entry .content_wrapper .attachment_wrapper {margin: 5px 0}
.entry .content_wrapper .attachment_wrapper .attachment .attach_image_container {margin: 0px auto; width: 350px; text-align: center}
.entry .content_wrapper .attachment_wrapper .attachment .attach_text {border: 1px solid silver; font-size: 75%; height: 300px; margin: 0.4em; overflow: auto; padding: 0.5em}
.entry .content_wrapper .attachment_wrapper .attachment a.jqui_icon_link {margin-left: 55px}
.entry_wrapper {margin: 0.5em 0.3em 0.5em 0.9em; border-bottom: 2px solid silver}
.entry_wrapper.level0 {margin: 0.5em 0.3em}
.entry_wrapper.level1 {margin: 0.5em 0.3em}
.entry_wrapper.level1.type0 {background-color: #e8e8ff}
.entry_wrapper.level1.type1 {background-color: #e8faf1}
.entry_wrapper.level1.type2 {background-color: #f1e8f6}
.entry_wrapper.level1.type3 {background-color: #ffffe8}
.entry_wrapper.level1.type4 {background-color: #eeeeee}
.entry_wrapper.type0 .level2 {background-color: #dadaff}
.entry_wrapper.type0 .level3 {background-color: #ccccff}
.entry_wrapper.type0 .level4 {background-color: #bebeff}
.entry_wrapper.type0 .level5 {background-color: #b0b0ff}
.entry_wrapper.type0 .level6 {background-color: #a2a2ff}
.entry_wrapper.type1 .level2 {background-color: #daf7e9}
.entry_wrapper.type1 .level3 {background-color: #ccf4e0}
.entry_wrapper.type1 .level4 {background-color: #bef2d8}
.entry_wrapper.type1 .level5 {background-color: #b0efcf}
.entry_wrapper.type1 .level6 {background-color: #a2ecc7}
.entry_wrapper.type2 .level2 {background-color: #e9daf0}
.entry_wrapper.type2 .level3 {background-color: #e0cceb}
.entry_wrapper.type2 .level4 {background-color: #d8bee5}
.entry_wrapper.type2 .level5 {background-color: #cfb0e0}
.entry_wrapper.type2 .level6 {background-color: #c7a2da}
.entry_wrapper.type3 .level2 {background-color: #ffffda}
.entry_wrapper.type3 .level3 {background-color: #ffffcc}
.entry_wrapper.type3 .level4 {background-color: #ffffbe}
.entry_wrapper.type3 .level5 {background-color: #ffffb0}
.entry_wrapper.type3 .level6 {background-color: #ffffa2}
.entry_wrapper.type4 .level2 {background-color: #e4e4e4}
.entry_wrapper.type4 .level3 {background-color: #dadada}
.entry_wrapper.type4 .level4 {background-color: #cfcfcf}
.entry_wrapper.type4 .level5 {background-color: #c5c5c5}
.entry_wrapper.type4 .level6 {background-color: #bbbbbb}
.comments {padding: 2px; margin: 0 10px}
.comments .comment {margin: 3px 0; padding: 3px}
.comments .comment .info {font-size: 70%; color: silver}
.comments .comment .info img {vertical-align: middle}
.comments .comment .content {margin: 5px; font-size: 80%}
.loading_descendants {background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; height: 20px}
.operations {margin: 3px 10px; height: 1.5em}
.operations li {font-size: 0.8em}
.count_display {min-height: 1em; font-size: 0.9em}
.mark_read .read .ui-icon {margin: 8px 8px}
.mark_read .unread {width: 55px; font-size: 11px}
.mark_read .unread div.ui-icon {float: left; margin: 5px 0}
ul.list {margin: 8px; list-style-position: inside}
ul.list li {display: inline}
ul.list li img {border: 1px solid #e0e0e0}
td.auto_hidden {overflow: hidden}
textarea.entry_content, textarea.maxwidth {width: 97%}
#group_top {padding: 10px 0 0}
#group_top h1 {padding: 5px}
#group_top h1 img {vertical-align: middle}
#group_top h1 span.group_name {margin: 5px}
#group_menu {margin-bottom: 10px}
#group_menu #group_menu_wrapper {position: relative}
#search_wrapper {position: absolute; top: 0; right: 0; margin: 8px}
#search_wrapper form {margin: 0; position: relative}
#search_wrapper form input.ui-corner-all {width: 200px; display: inline; border: 1px solid #aaaaaa; padding: 2px; outline: none; font-size: 1em; height: 20px}
#search_wrapper form a.submit {position: absolute; right: 0; top: 0; vertical-align: middle; padding: 4px}
#group_description_long #openclose {font-weight: bold; font-size: 16px; text-align: center}
#group_description_long #openclose .open {color: blue}
#group_description_long #openclose .close {color: red}
.group_description {padding: 0 10px; background-color: white}
.group_description p.simple_format {margin: 2px 0}
#initial_attention {width: 935px; margin: 10px auto; padding: 5px; position: relative; background-color: #4169e1; color: white; font-weight: bold; height: 140px}
#initial_attention #welcome_message {width: 350px; background-color: transparent; text-align: left; font-size: 16px; cursor: auto}
#initial_attention a {text-decoration: none; color: white}
#initial_attention a.hover {text-decoration: underline; color: white}
#initial_attention div {cursor: pointer; padding: 5px; font-size: 14px; float: left; background-color: #1e90ff; width: 120px; height: 120px; margin: 5px; text-align: center}
#initial_attention div img {margin: 0px auto; display: block}
#initial_attention div #invite_members_desc, #initial_attention div #add_entry_desc {background-color: transparent; color: transparent}
#initial_attention div #invite_members_desc a, #initial_attention div #add_entry_desc a {color: transparent}
#initial_attention #close_attention {position: absolute; top: 2px; right: 2px; background-color: white; color: blue}
#new_feature_message {width: 935px; margin: 10px auto; padding: 5px; position: relative; background-color: #f0f8ff}
#new_feature_message #close_new_feature {position: absolute; top: 2px; right: 2px; background-color: #fece2f; color: black}
#new_feature_message p {margin: 0.5em}
#new_feature_message #close_link {margin: 5px 10px}
a.jqui_icon_link {display: inline; position: relative; font-size: 0.8em; vertical-align: text-bottom}
a.jqui_icon_link span {float: left; margin: -8px 5xp 0 0}
a.jqui_icon_link.block {display: block}
a.jqui_icon_link.normal-size {font-size: 1em}
p.jqui_icon_p {position: relative; padding: 0.4em 1em 0.4em 1em}
ul.horizontal_menu {list-style-type: none}
ul.horizontal_menu span.title {float: left; padding: 3px; font-size: 0.8em}
ul.horizontal_menu li {float: left; margin: 2px}
ul.horizontal_menu li a {padding: 4px}
ul.horizontal_menu li.selected {background-color: #c9d4e0}
ul.horizontal_menu li:hover {background-color: #d7e2ef}
p.simple_format {margin: 1em 0}
.clear_left {clear: left}
.clear_both {clear: both}
#footer {padding: 15px 0; text-align: center}
#footer #our_links a {margin-left: 2em}
#errorExplanation {border: 2px solid #ffc7c7; background-color: #ffffcc; padding: 5px; margin-bottom: 5px}
#errorExplanation h2 {border: none}
#errorExplanation ul {margin-left: 30px}
.fieldWithErrors {display: inline}
.fieldWithErrors input {background-color: #ffc7c7}
.formError {color: red; font-weight: bold; font-size: 80%; padding: 3px; margin: 2px}
p.information {border: 1px solid #66ff66; background-color: #ccffcc; padding: 3px; font-weight: bold}
#more_link {border: 1px solid silver; text-align: center; margin: 5px; padding: 5px; font-size: 16px; height: 18px}
#more_link.loading {text-align: center; background-image: url(../images/loading.gif); background-repeat: no-repeat; background-position: center center; height: 18px; padding: 5px}
ul.profile {list-style-type: none; list-style-position: inside; margin: 0.5em 0.5em}
ul.submenu {list-style-type: none; list-style-position: inside; margin: 0.5em}
ul.horizontal li {float: left; margin: 2px}
ul.horizontal li.last {float: right}
ul.no_style {list-style-type: none; list-style-position: inside}
ul.unread_menu {list-style-type: none; list-style-position: inside; margin: 0.5em; padding: 2px 4px; font-size: 0.8em; height: 1.5em}
.name a {text-decoration: none; color: #0000ee; text-shadow: 0.1em 0.1em 0.1em #dddddd}
.name a:hover {text-decoration: underline}
.name a:visited {color: #0000ee}
#entries .new {background-color: #d0f0f0; margin: 5px}
#entries .new .current_user {padding: 5px}
#entries .new .current_user img {vertical-align: middle}
#entries .new .current_user .edit, #entries .new .current_user .view {visibility: hidden}
#entries .new .current_user:hover .edit, #entries .new .current_user:hover .view {visibility: visible}
#entries .new .mail_post {margin: 2px; float: right}
#entries .new form {margin: 0}
#entries .attachment_form .invisible {border: 1px solid silver}
#entries .attachment_form p {margin: 10px}
#entries .attachment_form p input {width: 97%}
.mention_select {font-size: 0.8em; margin: 0 2px}
.participation_wrapper {margin: 0.5em 0.3em 0.3em 0.5em; border: 2px solid silver; min-height: 60px}
.participation_wrapper .thumb_wrapper {position: relative; border-right: 1px dotted #cfcfcf}
.participation_wrapper .thumb_wrapper .thumb {position: absolute; left: 0; height: 50px; width: 50px; margin: 0.4em 0 0.4em 0.5em}
.participation_wrapper .profiles_wrapper {margin-left: 65px; min-height: 50px; overflow: hidden}
.participation_wrapper .profiles_wrapper .title {border-bottom: 1px dotted #cfcfcf}
.participation_wrapper .profiles_wrapper ul li.profile {font-size: 0.8em}
.participation.show {margin: 10px}
.participation.show .header .picture img {vertical-align: middle}
.participation.show .header .name {margin: 4px; font-size: 1.5em; font-weight: bold}
.participation.show #search_to_entry {font-size: 90%; text-align: right}
.participation.show .profile {margin: 1em 0; padding: 5px; background-color: #f5f5f5; border: 1px solid #cccccc; font-size: 0.8em}
.participation.show .profile .name {font-weight: bold}
body.home #top {margin-bottom: 10px}
body.root #root_header {padding: 1em 0}
body.root #root_header #youroom_title {width: 945px; margin: 0 auto; position: relative; text-align: left; font-size: 16px}
body.root #footer {margin-top: 0}
.get_started {width: 180px; margin: 20px auto; font-size: 18px}
ul.navigation {font-size: 14px}
ul.navigation li {text-align: center; display: block; float: left; margin: 10px 5px 10px 0}
ul.navigation li a {padding: 4px 8px; font-weight: bold; text-decoration: none}
.setting_menu {background: white url(../images/setting_bg.png) repeat-y left top}
.setting_menu ul.vertical_navigation {float: left; width: 151px; margin-bottom: 30px}
.setting_menu ul.vertical_navigation li {font-size: 0.9em}
.setting_menu ul.vertical_navigation li.title {margin: 4px; padding: 0 4px; border-left: 5px solid silver}
.setting_menu ul.vertical_navigation li.selected {background-color: white; border-top: 1px solid silver; border-bottom: 1px solid silver}
.setting_menu ul.vertical_navigation li a {line-height: 2em; padding-left: 12px; display: block}
.setting_menu .vnavi_body {margin-left: 160px}
#youroom_introduction .left {height: 300px; width: 470px}
#youroom_introduction .left h1 {margin: 30px 10px; font-size: 28px; border-bottom: 0px}
#youroom_introduction .left p {color: gray; font-weight: bold; margin: 20px}
#youroom_introduction .left p strong {color: #4c4c4c}
#youroom_introduction #gallery {float: right; margin: 0 10px}
#usage {background-color: #bce4b7; border-top: 2px solid #abd3a6; border-bottom: 2px solid #abd3a6}
#usage #usage_wrapper {margin: 5px}
#usage #usage_wrapper ul {margin: 10px 10px; float: left; width: 210px; height: 370px; list-style-type: none; list-style-position: outside}
#usage #usage_wrapper ul li.title {color: green; font-size: 1.3em; height: 3em}
#usage #usage_wrapper ul li.description {text-align: left; font-size: 0.8em}
#usage #usage_wrapper ul li {margin: 20px 0; text-align: center}
#usage #usage_wrapper .twit_widgets {float: left; margin: 10px 20px}
#updates_wrapper {background-color: white; margin-bottom: 0}
#updates_wrapper #updates {margin: 0 20px}
#updates_wrapper #updates #employees {padding: 10px; border-bottom: 1px solid #e0e0e0}
#updates_wrapper #updates #employees a {text-decoration: none}
#updates_wrapper #updates #employees a img {vertical-align: middle}
#updates_wrapper #updates #public_rooms {padding: 10px 10px}
#updates_wrapper #updates #feeds {margin: 10px; float: left; width: 520px; height: 120px; padding: 5px; border: 1px solid silver; background-color: white}
#updates_wrapper #updates #feeds li {font-size: 13px}
#updates_wrapper #updates #feeds li .date {font-size: 11px}
#updates_wrapper #updates #youroom_tweet {margin: 10px; padding: 5px; height: 120px; float: left; width: 320px; border: 1px solid silver; background-color: white}
#updates_wrapper #updates #youroom_tweet .tweet, #updates_wrapper #updates #youroom_tweet .link {font-size: 12px}
#updates_wrapper #tour {margin: 0px 60px}
#updates_wrapper #tour div {border: 1px solid silver; float: left; padding: 3px; margin: 3px 10px; background-color: white}
#youroom_info p {font-size: 0.8em}
#youroom_message {background-color: #ccff99; padding: 10px; margin: 20px 0 0 0; text-align: center; font-size: 12px}
#youroom_message .important {color: blue; font-weight: bold; font-size: 1.5em}
#youroom_tour {margin-top: 1em; margin-bottom: 1em}
.static_info {width: 80%; margin: 0 auto; margin-bottom: 0px}
.static_info p {margin: 1em 0}
.static_info ol, .static_info ul {margin: 1em 2em}
.static_info ol li, .static_info ul li {margin: 0.5em}
.static_info ol ol, .static_info ul ol {margin: 1em; list-style-type: lower-roman}
#login_form {margin: 0 auto; width: 350px; padding: 5px}
#login_form h2 {font-size: 1em; border: none}
#login_form p.right {text-align: right}
#login_form p.weak {font-size: 0.8em}
#login_form span.help {font-size: 0.8em; text-align: right}
#login_header {position: absolute; right: 0; top: 0}
#login_header a {text-decoration: none}
#login_header .login_link {cursor: pointer; position: absolute; padding: 5px; color: white; right: 0; top: 0; width: 80px; text-align: center}
#login_header .login_link span {float: left; margin: 3px 0}
#login_header .login_close {background-color: #bce4b7}
#login_header .login_open, #login_header .home_link {background-color: #66cdaa}
#login_header .login_form {background-color: #bce4b7; position: absolute; top: 30px; right: 0px; z-index: 30}
#login_header.failure .login_open {display: none}
#login_header.nofailure .login_close, #login_header.nofailure .login_form {display: none}
#sign_up {float: right; width: 330px; background-color: #f0ffdd; border-left: 1px solid #ddff00}
#sign_up h3 {margin-top: 0; padding: 3px}
#sign_up .sign_up_wrapper {margin: 0}
#sign_up .sign_up_wrapper p {text-align: center}
#sign_up .sign_up_wrapper a.join_today {text-align: center; margin: 10px; font-size: 1.5em; padding: 9px 20px; margin: 5px; background-color: #66e066; border: 1px solid lime; text-decoration: none; color: white; font-weight: bold}
#sign_up .sign_up_wrapper a.join_today:hover {background-color: #66ff8c}
#login_required {margin: 10px 0}
#login_required #main {width: 605px}
#login_required #participation_required {background-color: #f0ffdd; font-size: 0.8em; padding: 5px 10px}
#login_required #participation_required p {margin: 10px}
#login_required #participation_required a.join_today {font-size: 1.5em; padding: 9px 20px; margin: 5px; background-color: #66e066; border: 1px solid lime; text-decoration: none; color: white; font-weight: bold}
#login_required #participation_required a.join_today:hover {background-color: #66ff8c}
#tour a {display: block}
#tour h2 {color: green; font-size: 1.2em; font-weight: bold}
#tour .tour_content {margin: 1.5em 0}
#tour .tour_content .right {margin: 1em 3em 1em 0.5em; width: 380px; float: right}
#tour .tour_content .left {margin: 1em 0.5em 1em 3em; width: 380px; float: left}
#tour .tour_content .tour_message {color: gray; letter-spacing: 0.03em}
#tour .tour_content .tour_message h2 {color: green; font-size: 1.2em; font-weight: bold}
#tour .tour_content .tour_message ul li {margin: 5px 0 5px 20px}
#tour .tour_point {color: green; font-size: 1.5em; margin: 20px 0 0 240px}
.next_link {margin: 10px 10px; font-weight: bold; text-align: center; font-size: 1.3em}
#container.static {letter-spacing: 0.03em}
#container.static h2 {margin: 15px 10px 1em 10px}
#container.static h3 {margin: 25px 0.5em 0; border-left: 10px solid green; border-bottom: 2px dotted green; padding-left: 10px}
#container.static .twtr-widget h3 {border: none}
#container.static p {margin: 0.5em 1em}
.premium_content {margin: 10px 0 10px 0}
.premium_content .premium_image_left {float: left; width: 128px; margin: 20px 30px}
.premium_content .premium_message_right {width: 70%; float: left; margin: 10px; color: gray}
.premium_content .premium_message_right h2 {margin: 0; color: green; font-size: 1.2em; font-weight: bold}
.premium_content .premium_message_right ul {margin: 10px 0 0 20px}
.premium_content .premium_message_right ul li {margin-left: 10px; margin-bottom: 10px}
.screen_shot {margin: 50px 0}
.screen_shot .content_left {width: 300px; float: left; margin: 10px 40px}
.screen_shot .content_left img {border: 1px solid silver}
.screen_shot .content_right {margin: 20px 40px 20px 400px}
.screen_shot .content_right h3 {font-size: 1em; font-weight: bold; color: green; margin: 20px 0 20px 0}
.screen_shot .content_right p {color: gray; letter-spacing: 0.03em}
#contact_us table.twit {margin: 10px 60px}
#remote_sign_in_form textarea {font-size: 0.7em; width: 98%; height: 150px}
.summary_wrapper {padding: 10px}
.summary_wrapper table.summary {border-collapse: collapse; width: 100%; table-layout: fixed}
.summary_wrapper table.summary col.label {width: 130px}
.summary_wrapper table.summary col.action {width: 45px}
.summary_wrapper table.summary th {border: 1px solid #8eb88b; background: #d1f6d1; padding: 4px}
.summary_wrapper table.summary td {border: 1px solid #8eb88b; padding: 4px}
.summary_wrapper table.summary td ul {margin: 6px; list-style-position: inside}
.list_wrapper {padding: 8px}
.list_wrapper form {margin: 0}
.list_wrapper table.list {border-collapse: collapse; width: 100%; table-layout: fixed}
.list_wrapper table.list th {border: 1px solid #5d5ddf; background: #d1d1f6; padding: 4px}
.list_wrapper table.list td {border: 1px solid #5d5ddf; padding: 4px}
.list_wrapper table.list tr.invalid {background: #ffc7c7}
.list_wrapper .invite_wrapper {border: 1px solid #5d5ddf; padding: 10px; background: #d1d1f6; margin-bottom: 10px}
.confirm_destroy_wrapper {position: relative; margin: 10px 0; height: 60px}
.confirm_destroy_wrapper a {float: right; margin: 10px}
.confirm_destroy_wrapper #confirm_destroy, .confirm_destroy_wrapper #confirm_leave {background: #ffff99; border: 1px solid yellow}
ul.side_menu {padding: 3px; margin: 5px 3px; font-size: 0.8em; background-color: white}
ul.side_menu li {padding: 1px 3px; margin: 1px 0}
ul.side_menu li.selected {background-color: #b0b0b0}
ul.side_menu li.selected a {color: white}
ul.side_menu li:hover {background-color: #e0e0e0}
ul.side_menu li a {display: block; color: #4c4c4c; text-decoration: none; position: relative}
ul.side_menu li a .count_wrapper {background-color: orange; color: white; position: absolute; right: 5px; top: 2px}
ul.side_menu li a .count_wrapper .count {padding: 3px; font-size: 0.8em}
table#group_infomation {font-size: 0.7em; margin: 0 5px}
#main {padding: 1px 0}
#main h2.home {border: none}
#main #no_item_msg {margin-top: 25px; font-size: 16px; font-weight: bold}
#main #no_item_msg p {text-align: center}
#sidebar ul.group li {font-size: 0.8em; margin: 6px 0; padding: 3px}
#sidebar ul.group li:hover {background-color: #d0e0b0}
#sidebar ul.group li a {text-decoration: none}
#sidebar ul.group li a .name {margin-left: 30px}
#sidebar ul.group li img {float: left}
#sidebar ul.group li .info {font-size: 0.7em; text-align: right}
#join {margin: 0.5em}
#join p {font-size: 0.8em}
#join p a {float: right; font-size: 1.5em; padding: 9px 20px; margin: 5px; background-color: #66e066; border: 1px solid lime; text-decoration: none; color: white; font-weight: bold}
#join p a:hover {background-color: #66ff8c}
.description_of_block .youroom_logo {float: right; margin: 30px 30px 10px 10px}
.description_of_block div {padding: 7px; margin: 0.3em 0.8em 0.3em 0.8em}
.description_of_block div h3 {font-size: 100%}
.description_of_block div #terms {margin: 0px; font-size: 80%}
.description_of_block div #terms p {margin: 0.5em}
.desc_img_float_left {float: left; margin: 10px}
form.green_align_right {margin: 1.5em 1em 1.5em 320px; padding: 0.5em; background-color: #f0ffdd}
form.green_align_right h3 {font-size: 110%; margin: 0.7em 0.3em}
form.green_align_right p {font-size: 90%; margin: 10px}
form.green_align_right p.bold {margin: 5px 10px 5px 10px; font-size: 80%; font-weight: bold}
form.green_align_right hr {border: 1px solid silver; margin: 15px 0 5px 0}
form.green_align_right span.small_text {margin: 5px}
form.green_align_right #recaptcha_widget_div {margin: 0.5em}
#above_container {width: 935px; margin: 10px auto; padding: 5px; position: relative; background-color: white}
#above_container ul {list-style-type: none}
#above_container ul li {margin: 5px; border: 1px solid silver; padding: 5px}
#above_container ul img {vertical-align: middle}
#above_container ul a.group_name {text-decoration: none}
#above_container ul .action {text-align: center}
#above_container ul .group_description {background-color: #f0ffdd; border-bottom: 3px solid #ddffc0; border-right: 3px solid #ddffc0; padding: 10px; margin: 10px; max-height: 160px; overflow: auto}
#feature_list a {color: green}
#feature_list span {width: 800px}
#feature_list ul#feature_tabs {margin: 20px 0}
#feature_list ul#feature_tabs li {margin: 10px 0}
#feature_list ul#feature_tabs li a.current {background: #ffffcc; cursor: default}
#feature_list .center {text-align: center}
#feature_list .arrow {background: url(../images/icons/arrow.png) no-repeat left top}
#feature_list table tr td p.highlight {color: green; border: 1px solid}
#feature_list table tr td p {color: gray; letter-spacing: 0.03em}
table.groups {border-collapse: collapse; table-layout: fixed; margin: 4px; width: 100%}
table.groups td {width: 50%; padding: 3px; height: 200px; border: 1px solid #e0e0e0; vertical-align: top}
table.groups td div.thumb_wrapper {margin: 6px; position: relative}
table.groups td div.thumb_wrapper span.thumb {position: absolute; left: 0; height: 50px; width: 50px}
table.groups td div.thumb_wrapper span.thumb img {border: 1px solid #e0e0e0}
table.groups td div.infomation_wrapper {margin-left: 80px; margin-top: 10px; min-height: 50px}
table.groups td div.infomation_wrapper .infomation {margin-left: 15px}
table.groups td div.description_wrapper {margin: 20px 0}
table.groups td div.description_wrapper .group_description {margin-left: 80px}
table.groups td div.description_wrapper a.rounded {float: left; margin: 5px}
table.groups img {vertical-align: top}
form input.help.tipped, form textarea.help.tipped {color: #bbbbbb}
#oauth_confirm_buttons {height: 90px; margin: 40px 200px}
#oauth_confirm_buttons form {display: inline}
#oauth_confirm_buttons form input[type="submit"] {padding: 10px; font-size: 20px}
#csv_format {padding: 10px; background: #eeeeee; font-size: 12px}