#app{}
div{ }
/*div.wheriz a{ color: #598096; text-decoration: none; border: none }
div.wheriz a:hover{ color: #2f4089; text-decoration: underline }*/
div.wheriz h1{ line-height: 1.1em }
div.block_toggle{ cursor: pointer; padding: .5em 0 }
/*div.wheriz a.action{ border: 1px solid #598096; padding: .5em }
div.wheriz a.action:hover{ border: 1px solid #2f4089; padding: .5em; text-decoration: none }*/
table.results{ border-collapse: collapse; clear: left }
table.results tr{ vertical-align: top; background-color: white }
table.results td{ border-top: 1px solid #dddddd; vertical-align: top; padding: 1em 0; display: table-cell }
table.results td p{ margin: 0; padding: 0; padding-bottom: 3px }
table.results td.name{ text-align: right; text-align: right; max-width: 60px; padding-left: 1em }
table.results td.avatar{ text-align: right; padding: 1em }
table.results td.time{ background-color: #fafafa; text-align: center; font-size: 1em; font-weight: bold; color: #598096; padding: 1em; width: 80px; min-width: 80px }
table.results td.time b{ font-size: 1.2em; position: relative }
table.results td.time b.num{ font-size: 2em; line-height: 1.2em }
table.results td.content{ width: 100%; padding: 1em }
table.results td.content div.float_actions{ float: right; margin-left: 2em; margin-bottom: .5em; text-align: right }
table.results td.content div.float_actions a{ display: block }
table.results td.event{ background-color: #feaaaa }
table.results td.own{ background-color: #ed9999 }
table.results td.actions{ padding-right: 1em; text-align: right }

table.journal td.isay{ width: 10px; padding: 0; margin: 0; background-image: url( images/isay.gif ); background-repeat: no-repeat }
table.journal td.journal, table.results td.isay{ background-color: white }
table.journal td.event, table.results td.event{ background-color: #fffec9 }
table.journal td.own, table.results td.own{ background-color: #e9f8c7 }
table.journal td.journal a{ padding: 1em; vertical-align: middle; display: block }
table.journal td.avatar{ padding: 2px 10px 2px 2px }
table.journal td.name{ font-weight: bold; text-align: right; padding-right: 10px; vertical-align: middle }

table.journal a{ text-decoration: none; border: none }
table.journal a:hover{ text-decoration: underline }

table.friends{ width: 100%; border-collapse: collapse }
table.friends tr{ }
table.friends td{ padding-top: 5px; white-space: nowrap; vertical-align: top; border-top: 1px solid #dddddd }
table.friends td p{ margin: 0; padding: 0 }
table.friends td.image{ padding-right: 5px }
table.friends td.name{ width: 100% }
table.friends td.actions p{ text-align: right }

div.main{ width: 660px }
div.main div.in{ padding: 1em }
div.right{ width: 330px; float: right }
div.right div.b{ padding: 1em; border-bottom: 1px solid white; background-image: url( images/inbarrow.gif ); background-repeat: no-repeat; background-position: 0 1.2em }
div.right div.b h1{ font-weight: bold; margin-bottom: .25em; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 1em }
div.file div.actions *{ white-space: nowrap; text-align: right }
div.main_tab{ width: 660px; float: left }
div.main_tab div.in{ padding: 1em }

span.c{ display: block; clear: both }
span.c img{ float: left }
span.c p.in{ display: block; padding-left: 20px; padding-top: 2px }

div.wheriz div.plan_block{}
*.tip{ padding: 1em; background-color: #FFE980; border-bottom: 1px solid #F2BD62; border-right: 1px solid #F2BD62 }

table.settings{ width: 100%; border-collapse: collapse }
table.settings td{ padding: 1em; vertical-align: top; border-top: 1px solid #dddddd; }
table.settings div.snap{ margin-top: 1em; border: 1px solid #dddddd; border-bottom: 10px solid #dddddd; padding: .5em; display: block; text-align: center }
