.main {margin:9px 260px 9px 0;}
.right-col {float:right;width:250px;margin:9px 0;}

.xcontents {margin:0 0 9px 0;}
.xcontents ul.sections {float:left;width:136px;padding:12px 0;margin:0;}
.xcontents ul.sections li {height:63px;color:#013879;list-style:none;text-transform:uppercase;}
.xcontents ul.sections li div {text-align:center;padding:12px 6px 6px 24px;}
.xcontents ul.sections li span {font-size:80%;} 
.xcontents ul.sections li a {color:#fff;text-decoration:none;}
.xcontents ul.sections li a:hover {text-decoration:none;}

.xcontents ul.sections .i div {padding-top:24px;}
.xcontents ul.sections .ii div {padding-top:16px;}
.xcontents ul.sections .iii div {padding-top:12px;}

.xcontents .section {/*width:596px;*/border:1px solid #fff;margin:0 0 0 132px;}
.xcontents .section .contents {min-height:627px; padding:8px 20px 24px 20px;}
.xcontents .section .contents .filling {width:560px;}
.xcontents .section #diary #editor .filling {width:380px;}
.xcontents .section #diary #records .filling {width:560px;}

.common h1, .xcontents h1 {font:bold 14px arial;color:#013879;text-transform:uppercase;margin:8px 0;}

.xcontents ul.tab0 {background:url(/img/panel/tab0.gif) 0 0 no-repeat;}
.xcontents ul.tab1 {background:url(/img/panel/tab1.gif) 0 0 no-repeat;}
.xcontents ul.tab2 {background:url(/img/panel/tab2.gif) 0 0 no-repeat;}
.xcontents ul.tab3 {background:url(/img/panel/tab3.gif) 0 0 no-repeat;}
.xcontents ul.tab4 {background:url(/img/panel/tab4.gif) 0 0 no-repeat;}
.xcontents ul.tab5 {background:url(/img/panel/tab5.gif) 0 0 no-repeat;}
.xcontents ul.tab6 {background:url(/img/panel/tab6.gif) 0 0 no-repeat;}
.xcontents ul.tab7 {background:url(/img/panel/tab7.gif) 0 0 no-repeat;}
.xcontents ul.tab8 {background:url(/img/panel/tab8.gif) 0 0 no-repeat;}
.xcontents ul.tab9 {background:url(/img/panel/tab9.gif) 0 0 no-repeat;}
.xcontents ul.tab10 {background:url(/img/panel/tab10.gif) 0 0 no-repeat;}


.common {padding:0;margin:0 0 12px 0;}
.common div.sidebar {float:left;width:130px;padding:12px 0;margin:0 0 0 6px;}
.common .contents {min-height:140px;/*border:1px solid #fff;*/margin:0 0 0 132px;}
.common .filling {width:592px;}
.common .inset .filling {width:684px;}
.common .wide .filling {width:730px;}
.common p {line-height:1.4;margin:4px 0;}
.common .inset {padding:8px 22px;}
.common .fitting {margin-left:3px;margin-right:2px;}
.common table.fitting {margin-left:3px;margin-right:0px;}
.common .hline {margin:12px 0;}
.common ul {margin-top:6px;margin-bottom:6px;}
.common li {margin-top:4px;margin-bottom:4px;}
.common ul.clear {padding-left:0;margin-left:0;}
.common ul.clear li {margin-left:18px;}

.scale .pointer {width:90px;font-size:9px;background-repeat:no-repeat;text-align:center;padding:4px;}
.scale .current .pointer {background-image:url(/img/static/pointer-a.gif);background-position:bottom center;padding-bottom:12px;}
.scale .final .pointer {background-image:url(/img/static/pointer-b.gif);background-position:top center;padding-top:12px;}
.scale table tr td.section {width:149px;text-align:center;padding:8px 0;}
.scale .underweight {color:#666;background-color:#f4f8e0;}
.scale .normal-weight {color:#666;background-color:#bbd330;}
.scale .overweight {color:#666;background-color:#ffde3b;}
.scale .obesity {color:#fff;background-color:#d1590a;}


table.sidebar {width:160px;margin:6px 0 0 16px;}
table.sidebar tr td {padding:6px 10px;}
table.sidebar table.calendar tr td {padding:2px;}

.t15 {width:560px;background:url(/img/panel/table015.gif) 0 0 no-repeat #fff;margin:4px 0;}
.t15 tr.header1 td {height:auto;background:#fff;padding:7px 0;}
.t15 tr.header1 td.c1 {width:312px;background:url(/img/static/icon004.png) 10px 3px no-repeat;}
.t15 tr.header1 td.c2 {width:248px;background:inherit;}
.t15 tr.header1 td.c1 h2 {padding-left:96px;}
.t15 tr.header1 td.c2 h2 {padding-left:32px;}
.t15 tr.header1 td h2.selected {color:#fff;}
.t15 tr.header2 td {height:auto;background:inherit;text-align:center;padding:7px 0;}
.t15 tr.header2 td a {color:#fff;text-decoration:none;}
.t15 tr.header2 td a:hover {text-decoration:none;}
.t15 tr.header2 td.c1 {width:104px;color:#365e00;}
.t15 tr.header2 td.c2 {width:104px;color:#365e00;}
.t15 tr.header2 td.c3 {width:104px;color:#365e00;}
.t15 tr.header2 td.c4 {width:124px;color:#013879;}
.t15 tr.header2 td.c5 {width:124px;color:#013879;}

.t16 {width:560px;height:218px;background:url(/img/panel/table016.jpg) 1px 0 no-repeat;margin:4px 0;}
.t16 .inset {/*background:inherit;*/padding:8px 18px;}

.t17 {width:355px;height:184px;background:url(/img/panel/table017.png) 0 0 no-repeat;margin:0;}
.t17 .inset {/*background:inherit;*/padding:8px 18px;}

.t53 {width:268px;height:80px;background:url(../img/panel/table053.png) 0 0 no-repeat;margin:0;}
.t53 .inset {/*background:inherit;*/padding:8px 14px;}

#loginForm {width:736px;height:182px;background:url(/img/panel/table018.jpg) 0 0 no-repeat;margin:9px 0;}
#loginForm .inset {padding:8px 18px;}
#loginForm table {width:690px;}
#registrationForm {width:736px;height:406px;background:url(/img/panel/table019.jpg) 1px 0 no-repeat;margin:9px 0;}
#registrationForm .inset {width:360px;padding:12px 18px;}


#diary .inset {padding:8px 18px;}
#diary div.sidebar {width:174px;margin:0 0 0 3px;}
#diary div.sidebar .inset {padding:8px 0 8px 12px;}
#diary .filling {width:696px;}
#diary .contents {margin:0 0 0 176px;}
#diary .contents .inset {padding:8px 18px 8px 6px;}
#diary .contents .filling {width:485px;}
#diary .post {line-height:140%;}
#diary .post-rating .radio {position:relative;top:-4px;}
#diary .poll {margin:24px 0;}
#diary div.framed {margin:12px 0;}
#diary table.sidebar {margin:0;}

#personal .contents {padding:8px 18px;margin:0;}
#personal .filling {width:690px;}
#personal table.z {margin:0;}
#personal table.z tr td {background:url(/img/static/vline001.gif) 0 0 repeat-y;padding:6px 26px;}
#personal table.z tr td.first {background-image:none;}
.shaded {border-left:2px solid #ccc;border-top:1px solid #ddd;border-right:2px solid #ddd;margin-left:1px;}

.textline {width:577px;height:51px;background:url(/img/static/textline.png) no-repeat 0 0;margin:0 0 8px 0;}
.textline .inset {padding:18px 24px;}
.textline .text {width:532px;border:none;}

.comment-board .user-image {width:100px;background:inherit;}
.comment-board .author {height:24px;}
.comment-board .comment {padding-top:12px;}
.comment-board .hline {height:24px;}

.user-board .user-image {width:100px;height:auto;background:inherit;}
.user-board .user-ximage {width:120px;height:auto;background:inherit;}
.user-board .user-image p {line-height:140%;margin:6px 0;}
.user-board .rb {background:url(/img/static/vline002.gif) 100% 0 repeat-y;}
.user-board .author {height:24px;}
.user-board .extra {height:24px;}
.user-board .info {padding-top:8px;}
.user-board .hline {height:24px;}
.user-board .message {background:#fff;padding:6px 12px 8px 12px;margin:8px 0;}
.user-board .message table {margin:0;}
.user-board .message .date {width:72px;}
.user-board .signature {color:#aaa;border-top:1px solid #ccc;padding:0 2px;margin-top:16px;}
.user-board hr {height:1px;color:#ccc;background:#ccc;border:none;}

#currentWeight {width:208px;}
#currentWeight .wf {width:196px;}
#currentWeight .w {height:182px;}
#currentWeight table {width:158px;}

#humanBody {height:340px;background:url(/img/static/human-body.gif) 0 0 no-repeat;}
#physicalParameters table {width:355px;}

#dishCategories .selected {color:#244a00;}

#birthdays .list {height:400px;overflow:auto;}
#birthdays .concise-list {height:80px;overflow:auto;}
#birthdays .concise-list p {margin:6px 0;}
#birthdays textarea {width:100%;height:80px;}

.contact-group-list {width:160px;margin:0 0 0 7px;}
.xcontents .section .contact-group-list .contents {min-height:100px;width:auto;height:auto;border:none;padding:8px 12px;margin:0;}
.contact-group-list table, .contact-group-list .text {width:134px;}
.contact-group-list .hline {height:2px;background:url(/img/static/hline004.gif) 0 0 repeat-x;padding:0;margin:4px 0;}

.contact-list select {width:140px;}
.contact-list .page-switcher {padding:14px 6px;margin:0;}
.contact-list .page-switcher em {font-style:normal;font-weight:bold;}

.mail-list p {margin:10px 8px;}
.mail-list p.title {margin:10px 14px;}
.mail-list .search {background:#eee;}
.mail-list tr.unread td {font-weight:bold;}
.mail-list tr td.date {width:70px;}
.mail-list tr td.controls {width:80px;text-align:center;padding-left:6px;padding-right:0;}
.mail-list tr td.controls img {margin:0 6px 0 0;}
.mail-list .page-switcher {padding:14px 14px;margin:0;}
.mail-list .page-switcher em {font-style:normal;font-weight:bold;}

.message {padding:10px;margin:0;}
.navigation {padding:2px 6px 16px 6px;margin:0;}

.legend {font-size:10px;color:#666;background:#fff;padding:3px 8px;}
.legend .line {position:relative;top:-0.4em;}

.user-image {width:100px;height:100px;background:#e4edf4;}


table.z {border:none;border-collapse:collapse;}
table.z tr.bordered td {background:url(/img/static/vline001.gif) 0 0 repeat-y;padding:6px 8px;}
table.z tr td.first {background-image:none;padding-left:0;}
table.z tr td.last {padding-right:0;}


table.calendarLayout {border:none;border-collapse:collapse;}
table.calendarLayout tr td {background:#d2dee7;border:1px solid #f5f5f5;border-right:none;vertical-align:top;padding:0;}
table.calendarLayout tr td.void {background:#e4eaee;}
table.calendarLayout tr td .day {}
table.calendarLayout tr td .selected {border:1px solid #6099c2;}
table.calendarLayout tr td.sat,
table.calendarLayout tr td.sun {background:#efa97b;}
table.calendarLayout tr td.sat.void,
table.calendarLayout tr td.sun.void {background:#f2cfb8;}
table.calendarLayout tr.days td {width:80px;height:33px;font-weight:bold;color:#fff;background:#6099c2;border:none;text-align:center;vertical-align:middle;}
table.calendarLayout tr.days td.mon {background:url(/img/calendar/d1.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.tue {background:url(/img/calendar/d2.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.wed {background:url(/img/calendar/d3.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.thu {background:url(/img/calendar/d4.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.fri {background:url(/img/calendar/d5.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.sat {background:url(/img/calendar/d6.gif) 0 0 no-repeat;}
table.calendarLayout tr.days td.sun {background:url(/img/calendar/d7.gif) 0 0 no-repeat;}
table.calendarLayout .editor {float:right;padding:0;margin:0;}
table.calendarLayout .editor img {float:left;margin:1px 0 0 0;}
table.calendarLayout .date {height:20px;font-weight:bold;color:#fff;padding:2px 1px;}
table.calendarLayout .remarks {clear:both;height:50px;font-size:10px;color:#999;padding:0 3px;overflow:hidden;}
table.calendarLayout .remarks a {color:#6099c2;}
table.calendarLayout .sat .remarks a,
table.calendarLayout .sun .remarks a {color:#bd6b22;}
table.calendarLayout .events {height:38px;padding:0;margin:0;}
table.calendarLayout .events img {float:left;margin:1px 0 0 0;}


.editor {margin:6px 0;}
.editor input, .editor select, .editor .clickable {margin:0 1px 1px 0;}
.editor select {line-height:1.3em;height:20px;padding:0;}
.editor table.palette {margin-bottom:1px;}
.editor table.palette tr td {border:1px solid #bbb;}
.editor table.palette tr td div {width:9px;height:8.5px;font-size:0;cursor:pointer;}
.editor .popup {width:282px;height:206px;border:3px ridge #ccc;background:#fff;/*url(../img/editor/popup.png) 0 0 no-repeat;*/position:absolute;/margin:20px 0 0 -20px;}
.editor .popup .container {height:200px;padding:0;margin:1px;overflow:auto;}
.editor .popup .item {float:left;width:42px;height:42px;line-height:42px;border:1px solid #ddd;text-align:center;margin:2px;overflow:hidden;}

#percent_bar {
	width:100%;
	height:10px;
	background-color:#ffffff;
	border: 1px solid #6099c2;
}

#percent_bar .line {
	height: 10px;
	background-color: #6099c2;
}