html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
.ibutton-container {position: relative; height: 27px; cursor: pointer; overflow: hidden;  max-width: 400px;  -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -moz-user-focus: ignore; -moz-user-input: disabled;  width: 89px}
.ibutton-container input {position: absolute; top: 0; left: 0;  filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;  -moz-user-input: enabled !important}
.ibutton-handle {display: block; height: 27px; cursor: inherit; position: absolute; top: 0; left: 0; width: 0; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -27px; z-index: 3; padding-left: 3px;  width: 33px}
.ibutton-handle-right {height: 100%; width: 100%; padding-right: 3px; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 100% -27px; z-index: 3}
.ibutton-handle-middle {height: 100%; width: 100%; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 50% -27px; z-index: 3}
div.ibutton-label-on, div.ibutton-label-off {white-space: nowrap; font-size: 15px; line-height: 17px; font-weight: bold; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: inherit; display: block; height: 22px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 0}
div.ibutton-label-on {color: #fff; text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4); left: 0; padding-top: 5px; z-index: 1}
div.ibutton-label-on span {padding-left: 8px}
div.ibutton-label-off {color: #7c7c7c; background-position: 100% 0; text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4); text-align: right; right: 0;  width: 95%}
div.ibutton-label-off span {padding-right: 8px}
 .ibutton-container label {cursor: inherit; border: 1px dotted transparent}
.ibutton-focus label { border: 1px dotted #666 !important}
.ibutton-focus div.ibutton-label-on span label { border-color: #fff !important}
 .ibutton-padding-left, .ibutton-padding-right {position: absolute; top: 4px; z-index: 2; background: transparent url(../images/ibutton-slider-default.png) no-repeat scroll 0 -4px; width: 3px; height: 20px}
.ibutton-padding-left {left: 0}
.ibutton-padding-right {right: 0; background-position: 100% -4px}
 .ibutton-active-handle .ibutton-handle {background-position: 0 -108px}
.ibutton-active-handle .ibutton-handle-right {background-position: 100% -108px}
.ibutton-active-handle .ibutton-handle-middle {background-position: 50% -108px}
 .ibutton-disabled {cursor: not-allowed !important;  }
.ibutton-disabled .ibutton-handle {background-position: 0 -81px}
.ibutton-disabled .ibutton-handle-right {background-position: 100% -81px}
.ibutton-disabled .ibutton-handle-middle {background-position: 50% -81px}
.ibutton-disabled div.ibutton-label-on {background-position: 0 -54px}
.ibutton-disabled div.ibutton-label-off {background-position: 100% -54px}
.ibutton-disabled .ibutton-padding-left {background-position: 0 -54px}
.ibutton-disabled .ibutton-padding-right {background-position: 100% -54px}
.ibutton-disabled div.ibutton-label-on {color: #fff}
.ibutton-disabled div.ibutton-label-off {color: #cbcbcb}
html {background: #c8e5f5 url('../images/background.gif'); font-family: Arial; font-size: 0.9em}
#header {background: #4ebaff; padding: 6px; font-size: 0.75em; color: #ffffff; text-transform: uppercase}
#header a:link {color: #ffffff}
#header a:visited {color: #ffffff}
#header a:hover {color: #a8e5ff}
#header h1 {float: left}
#header #main_menu {float: right; line-height: 19px}
.connector {border-color: #4ebaff transparent; border-style: solid solid none; border-width: 6px 6px 0; height: 0; left: 16px; position: absolute; width: 0; z-index: 2}
#main {padding-top: 90px; width: 550px; margin: 0px auto 0; position: relative}
#notice {background: #4ebaff; padding: 20px 12px; font-size: 1.5em; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 1px 1px 4px #537484; -webkit-box-shadow: 1px 1px 4px #537484; box-shadow: 1px 1px 4px #537484; position: absolute; top: 136px; left: 542px; width: 200px; padding: 20px 12px 20px 30px; z-index: -1; overflow: hidden}
#content {width: 480px; padding: 30px 35px; background: #ffffff; border: 6px solid #269bd5; overflow: hidden; z-index: 3; position: relative; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 1px 1px 4px #537484; -webkit-box-shadow: 1px 1px 4px #537484; box-shadow: 1px 1px 4px #537484}
#content #actions {padding: 6px 0 1px 0; background: url('../images/menu_line.gif') repeat-x 0px top; position: relative}
#content #actions li {display: inline; margin-right: 3px}
#content #actions .edit_link {position: absolute; right: 0px}
#current_user {margin: 16px 0 50px 72px}
#current_user #bubbles {top: -87px; left: -53px; position: relative; z-index: 2}
#current_user #bubbles div {position: absolute; background: #ffffff; border: 3px solid #269bd5; -moz-box-shadow: 1px 1px 4px #537484; -webkit-box-shadow: 1px 1px 4px #537484; box-shadow: 1px 1px 4px #537484; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px}
#current_user #bubbles #bubble_1 {width: 74px; height: 74px; top: 0px; left: 0px}
#current_user #bubbles #bubble_2 {width: 46px; height: 46px; top: 41px; left: 15px}
#current_user #bubbles #bubble_3 {width: 21px; height: 21px; top: 73px; left: 40px}
#current_user #control_bar {width: 100%}
#current_user #control_bar #avatar {margin-right: 8px; float: left; position: relative; z-index: 1; padding: 2px; background: #ffffff}
#current_user #control_bar #user_profile {font-size: 0.8em; float: left}
#current_user #control_bar h4 {font-weight: bold; font-size: 1.25em; margin-bottom: 5px}
#current_user #control_bar h4 a {color: #333333}
#current_user #control_bar #navigation li {background: url('../images/arrow.gif') no-repeat 0 50%; margin-bottom: 0.2em; padding-left: 7px}
#current_user #control_bar #navigation li a:link {color: #169bc5}
#current_user #control_bar #navigation li a:visited {color: #169bc5}
#current_user #control_bar #navigation li a:active {color: #169bc5}
#current_user #control_bar #navigation li a:hover {color: #db3647}
#current_user #control_bar #navigation li img {vertical-align: middle; margin-left: 3px}
.user_sessions_section h2 {padding-bottom: 8px}
.user_sessions_section h3 {text-decoration: underline; font-style: italic}
.user_sessions_section #new_journal {float: left; width: 55%; padding-right: 5px; margin-right: 15px; border-right: 1px solid #57b2df}
.user_sessions_section #new_journal h3 {margin-bottom: 17px}
.user_sessions_section #new_journal ul {margin: 0 0 21px -19px}
.user_sessions_section #new_journal li {background: url('../images/bullet.gif') no-repeat 0 4px; padding-left: 19px; margin-bottom: 18px}
.user_sessions_section #new_journal li strong {font-weight: bold; color: #111111}
.user_sessions_section #existing_journal {float: left; width: 40%}
.user_sessions_section #existing_journal h3 {color: #333333; margin-bottom: 10px}
.user_sessions_section #existing_journal .inputs li {margin-bottom: 10px}
.user_sessions_section #existing_journal .string input {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.user_sessions_section #existing_journal .password input {-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px}
.user_sessions_section #existing_journal form {margin-bottom: 5px}
.user_sessions_section #existing_journal label {font-size: 0.9em; color: #666666}
.user_sessions_section #existing_journal .boolean label {font-size: 0.8em}
.user_sessions_section #existing_journal .boolean label input {margin-right: 5px}
.user_sessions_section #existing_journal .buttons {margin-top: 3px; font-size: 0.9em}
.user_sessions_section #existing_journal .remark {text-align: center; margin-bottom: 4px}
div.user {float: left; margin: 0 5px 5px 0; border: 1px solid #1f98d4; padding: 1px; position: relative; height: 40px; width: 40px}
div.user .stamps {position: absolute; bottom: -1px; right: 0px; padding: 0 2px}
div.user .stamps li {float: left}
div.user .stamps .star {display: none}
form.user {font-size: 1.1em}
form.user fieldset ol li {display: inline-block}
form.user fieldset.inputs ol li {margin-bottom: 8px; padding-bottom: 8px; background: url('../images/menu_line.gif') repeat-x 0px bottom}
form.user fieldset.inputs ol .errors li {margin: 2px 0 0 0; padding: 0; background: none}
form.user label {padding: 6px; float: left; width: 29%}
form.user fieldset.inputs ol li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
form.user .string input {width: 65%; float: right}
form.user .password input {width: 65%; float: right}
form.user .errors {width: 65%; float: right}
form.user .inline-hints {width: 65%; float: right}
form.user #user_avatar {width: 65%; float: right}
form.user #user_social {width: 65%; float: right}
form.user .boolean {width: 65%; float: right}
form.user .time_zone select {width: 67%; float: right}
form.user .buttons {font-size: 1.1em; margin-top: 8px}
form.user .buttons li {background: none}
form.user .buttons input {padding: 6px 12px}
form.user .buttons .remark {margin: 0 5px; vertical-align: text-top}
form.user .buttons a.fbconnect_login_button {vertical-align: text-bottom}
form.user #user_avatar {color: #333333; padding: 6px; font-size: 0.8em}
form.user #user_avatar .example {margin-top: 2px; font-size: 0.95em}
form.user #user_avatar img {padding: 1px; border: 1px solid #cccccc; float: left; margin: 0 6px 0 -2px}
form.user #user_avatar .inline-hints {float: left; font-size: 1em; height: 30px}
form.user #user_social {padding: 6px 8px 0}
form.user .boolean {padding-right: 8px}
form.user .ibutton-container label {padding: 0; float: none; width: auto}
html[xmlns] form.user fieldset.inputs ol li {display: block}
* html form.user fieldset.inputs ol li {height: 1%}
#destroy_user {text-align: right; float: right; font-size: 0.8em; font-style: italic; margin-top: -2em}
#destroy_user a {padding-left: 18px; background: url('../images/trash.png') no-repeat 0 0}
#destroy_user a:link {color: #aaaaaa}
#destroy_user a:visited {color: #aaaaaa}
#destroy_user a:hover {color: #a8e5ff}
#entry_header h2 {border: none; margin: 0; font-size: 2.2em}
#entry_header .calendar_icon {float: left; vertical-align: top; margin: 0 9px 0 -5px}
form.entry textarea {padding: 7px 23px 7px 7px; font-size: 1.3em; min-height: 1.3em; max-height: 5.7em; height: 1.3em; margin-bottom: 7px; width: 96%; line-height: 1.15em}
form.entry .inputs input {padding: 7px 23px 7px 7px; font-size: 1.3em; min-height: 1.3em; max-height: 5.7em; height: 1.3em; margin-bottom: 7px; width: 96%; line-height: 1.15em}
form.entry .buttons input {padding: 8px 18px; font-size: 1.2em}
form.entry .completed textarea {background: url('../images/bullet.gif') no-repeat 99% 50%}
form.entry p {margin: 3px 0 5px}
#missed_yesterday {font-size: 0.9em; font-style: italic; margin: 8px 0 0}
#missed_yesterday a:link {color: #aaaaaa}
#missed_yesterday a:visited {color: #aaaaaa}
#missed_yesterday a:hover {color: #a8e5ff}
#items {font-size: 1.25em; margin-top: 20px}
#items li {background: url('../images/item.png') no-repeat 0 2px; padding-left: 23px; margin-bottom: 18px}
#calendar {width: 380px; margin: 0 auto}
#calendar .calendar_item {position: relative; float: left; margin: 6px 0px 6px 8px}
#calendar .calendar_item a {position: absolute; top: 2px; left: 2px}
.calendar_icon {width: 42px; height: 42px}
.calendar_icon .calendar-day {font-weight: bold; font-size: 0.9em; color: #444444; width: 42px; text-align: center; padding-top: 19px}
.calendar_icon_1 {background: url('../images/calendar/01.gif')}
.calendar_icon_2 {background: url('../images/calendar/02.gif')}
.calendar_icon_3 {background: url('../images/calendar/03.gif')}
.calendar_icon_4 {background: url('../images/calendar/04.gif')}
.calendar_icon_5 {background: url('../images/calendar/05.gif')}
.calendar_icon_6 {background: url('../images/calendar/06.gif')}
.calendar_icon_7 {background: url('../images/calendar/07.gif')}
.calendar_icon_8 {background: url('../images/calendar/08.gif')}
.calendar_icon_9 {background: url('../images/calendar/09.gif')}
.calendar_icon_10 {background: url('../images/calendar/10.gif')}
.calendar_icon_11 {background: url('../images/calendar/11.gif')}
.calendar_icon_12 {background: url('../images/calendar/12.gif')}
#calendar_actions {margin-top: 8px; text-align: center}
#calendar_actions li {display: inline; margin-right: 3px}
#reaction {position: fixed; bottom: -175px; padding-bottom: 13px; right: 20px; font-size: 0.9em; z-index: 3}
#reaction h5 {cursor: pointer; margin: 0 0 -1px 7px; background: #4ebaff; padding: 5px; border: 1px solid #ffffff; border-bottom: none; color: #ffffff; font-size: 0.8em; font-weight: bold; text-transform: uppercase; text-align: center; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 4px #537484; -webkit-box-shadow: 1px 1px 4px #537484; box-shadow: 1px 1px 4px #537484}
#reaction form {position: relative; padding: 15px; background: #a5d3ee url('../images/reaction_background.gif'); border: 1px solid #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 1px 1px 4px #537484; -webkit-box-shadow: 1px 1px 4px #537484; box-shadow: 1px 1px 4px #537484}
#reaction #reaction_body {padding: 5px; height: 100px; width: 200px; margin-bottom: 8px; border: 3px double #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
#reaction #reaction_submit {font-size: 0.9em}
#reaction .message {display: none; position: absolute; width: 100%; text-align: center; bottom: 50%; color: #067bb5}
#reaction.sending #reaction_body {visibility: hidden}
#reaction.sending #reaction_submit {visibility: hidden}
#reaction.sending .message {display: block}
.reaction {margin-bottom: 5px}
.reaction img {vertical-align: middle; margin-right: 5px}
#footer {z-index: 3; font-size: 0.7em; background: #7cc2e6 url('../images/footer_back.jpg') repeat-x 0px top; color: #067bb5; padding: 6px 0; bottom: 0px; position: fixed; width: 100%; text-transform: uppercase}
#footer a:link {color: #067bb5}
#footer a:visited {color: #067bb5}
#footer a:hover {color: #ffffff}
#footer div {padding: 0 5px}
#footer div #current_language {background: url('../images/universal.png') no-repeat 0 0px; height: 13px; padding: 1px 0 1px 20px; float: left; cursor: pointer}
#footer div #current_language:hover {color: #36abe5}
#footer div #copy {float: right; text-align: right; padding: 1px 0}
#footer div #languages {color: #ffffff; margin-top: 3px; margin-left: 16px}
#footer div #languages li {display: inline; margin-right: 5px}
#footer div #languages li:before {content: ' > '}
.user_sessions_section.ja_locale #new_journal h3 {margin-bottom: 23px}
.user_sessions_section.ja_locale #new_journal li {margin-bottom: 28px}
h2 {font-family: Futura, Verdana, Sans-Serif; font-size: 1.8em; border-bottom: 2px solid #1f98d4; margin-bottom: 12px; letter-spacing: -0.05em}
form.formtastic .error input {border: 1px solid #cc0000}
form.formtastic .error textarea {border: 1px solid #cc0000}
form.formtastic .errors {font-size: 0.8em; font-style: italic; margin-right: 7px}
form.formtastic .inline-hints {font-size: 0.8em; font-style: italic; margin-right: 7px}
form.formtastic .errors {color: #cc0000}
form.formtastic .errors li {margin: 2px 0 0 0}
form.formtastic .inline-hints {color: #999999; margin-top: 2px}
.buttons {text-align: center}
.buttons input {color: #333333; background: #ffffff; border: 1px solid #666666; padding: 4px; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; filter: chroma(color=#000000)}
.buttons input:hover {background: #a8e5ff}
.string input {border: 1px solid #999999; width: 100%; padding: 4px; color: #db3647; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.password input {border: 1px solid #999999; width: 100%; padding: 4px; color: #db3647; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
textarea {border: 1px solid #999999; width: 100%; padding: 4px; color: #db3647; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
a:link {color: #067bb5; text-decoration: none}
a:visited {color: #067bb5; text-decoration: none}
a:active {color: #067bb5; text-decoration: none}
a:hover {color: #a8e5ff}
.example {color: #959595; font-style: italic}
.remark {color: #959595; font-style: italic; font-size: 0.8em}
strong {font-weight: bold}
.center {text-align: center}
.clear {clear: both}
.login_required {display: none}