.color_main { background-color:#ddd; color:#000;}
.b_odd   { background-color:#ddd; color:#000;}
.b_even  { background-color:#eee; color:#000;}
.b_sum   { background-color:#f99; color:#000;}
.message { background-color:#ff0; color:#f00;}

.bold      { font-weight:bold;}
.italic    { font-style:italic;}
.left      { float:left;}
.right     { float:right;}
.t_left    { text-align:left;}
.t_right   { text-align:right;}
.t_center  { text-align:center;}
.t_justify { text-align:justify;}

.xs   { width:25px; font-size:60%; margin:0px 3px;}
.s    { width:50px; font-size:80%;}
.m    { width:75px; font-size:120%;}
.x    { width:100px; font-size:150%;}
.xl   { width:200px; font-size:200%;}
.xxl  { width:400px; font-size:400%;}
.xxxl { width:800px; font-size:800%;}

.menu_title { background-color:#999; font-weight:bold; margin:0%; text-align:center;}

.top { left:20px;}

.show { border-width:2; border-style:solid;}

a:link, a:visited                   { color:#600;}
a:active, a:hover                   { color:#f00;}
a.menu                              { border-top:0px solid #000; display:block; font-size:80%; padding:0px 3px; text-align:left; text-decoration:none; white-space:nowrap;}
a.menu:link, a.menu:visited         { color:#000; background-color:#ccc; white-space:nowrap;}
a.menu:active, a.menu:hover         { color:#ccc; background-color:#000; white-space:nowrap;}
a.shortcut                          { border-top:0px solid #000; float:left; font-size:80%; margin:3px; padding:0px 3px; text-decoration:none; white-space:nowrap;}
a.shortcut:link, a.shortcut:visited { color:#000; background-color:#ccc; white-space:nowrap;}
a.shortcut:active, a.shortcut:hover { color:#ccc; background-color:#000; white-space:nowrap;}

body { background-color:#eee; font-family:arial,helvetic,sans-serif; font-size:80%; font-weight:normal; margin:0px; text-decoration:none;}

div            { vertical-align:top;}
div.title      { background-color:#999;}
div.menu       { background-color:#c00; float:left;}
div.menu_block { background-color:#ddd; margin:3px 0px;}
div.main       { background-color:#eee; }
div.test       { background-color:#ddd; float:left;}

img { border:0;}

pre { background-color:#fff; font-size:130%;}

input.focus { background-color:#000; color:#f00; }

select { font-size:80%;}
input  { font-size:80%;}

table             { border:0px; border-spacing:0px; padding:0px;}
th                { background-color:#fcc; border:0px; padding:0px 3px; text-align:center; white-space:nowrap;}
th.sans           { padding:0px;}
th.sum            { background-color:#f99; text-align:right;}
td                { border:0px; padding:0px 3px; vertical-align:top; white-space:nowrap;}
td.sans           { padding:0px;}
td.sum_odd        { background-color:#ff9; text-align:right;}
td.sum_even       { background-color:#ffc; text-align:right;}

# for calendar    #####################################################################

.calendar_color_weekday          { color:#ff0;}
.calendar_color_saturday         { color:#f66;}
.calendar_color_sunday           { color:#f00;}                                       # same color for holidays
.calendar_color_day_not_in_month { color:#999; background-color:#eee;}
.calendar_color_weeknumber       { color:#00f; background-color:#eee;}
.calendar_bg_color_weekday       { background-color:#ccc;}
.calendar_bg_color_birthday      { background-color:#99f;}
.calendar_bg_color_date_weekly   { background-color:#cfc;}
.calendar_bg_color_date          { background-color:#0f0;}

a.calendar                       { text-decoration:none;}

th.calendar_hover:hover          { background-color:#ff0;}
td.calendar                      { border:2px solid #ccc;}
td.calendar_today                { border:2px solid #f00;}
td.calendar_hover:hover          { background-color:#ff0;}

# for phpaint     #####################################################################

.phpaint_button { }
.phpaint_input  { width:100px;}
.phpaint_select { width:150px;}