body {
   padding:10px;
}

a {
   outline:none;
}

p, * {
   font-family:Verdana,Helvetica,Arial,sans;
}

img { border:none; margin:0; }

div.clear {
   clear:both;
}

form.login {
   border:2px solid black;
   padding:10px;
}
form.login div.field {
   width:100%;
   margin:5px 0;
}
form.login div.field label {
   display:block;
   float:left;
   text-align:right;
   padding-right:10px;
   width:50%;
}
form.login div.field input {
   display:block;
   float:left;
   width:30%;
}
form.login div.button input {
   border:1px solid black;
   padding:5px;
   width:100px;
}
form.login div.button input:hover {
   background:#ccc;
}

form.login a {
	text-decoration:none;
	color:#55f;
}

form.login a:hover {
	text-decoration:none;
	color:#229;
	border-bottom:1px dotted #229;
}

form.settings { border:1px solid black; padding:10px;}
form.settings div.field {margin:10px 0;clear:both;}
form.settings div.field label { float:left;width:30%; text-align:right; margin-right:10px; }
form.settings div.button { text-align:center;}
form.settings div.button input { border:1px solid black; padding:5px; width:100px; }
form.settings div.button input:hover { background:#ccc; }

form.newentry { border:2px solid black; padding:10px; }
form.newentry div.button { text-align:center;}
form.newentry div.button input { border:1px solid black; padding:5px; width:100px; }
form.newentry div.button input:hover { background:#ccc; }

form.biochange { border:2px solid black; padding:10px; }
form.biochange div.button { text-align:center;}
form.biochange div.button input { border:1px solid black; padding:5px; width:100px; }
form.biochange div.button input:hover { background:#ccc; }

form.addclient { border:2px solid black; padding:10px; }
form.addclient div.field { margin:10px 0; clear:both; }
form.addclient div.field label { float:left;width:40%; text-align:right; margin-right:10px; }
form.addclient div.field input { float:left;width:40%; }
form.addclient div.button { text-align:center; }
form.addclient div.button input { border:1px solid black; padding:5px; width:100px; }
form.addclient div.button input:hover { background:#ccc; }

div.clear { clear:both; line-height:1px; }

div.workout { border-bottom:2px dotted black; }
div.comment { border-bottom:2px dotted black; background:#ddd;}

a.general {
  text-decoration:none;
  color:#55f;
  margin:0 10px;
}

a.general:hover {
   color:#229; border-bottom:1px dotted #229;
}


a.subgeneral {
  text-decoration:none;
  color:#55f;
  margin:0;
  margin-right:20px;
}

a.subgeneral:hover {
   color:#229; border-bottom:1px dotted #229;
}


a.delworkout {
   font-size:80%;
   text-decoration:none;
   color:#55f;
   margin:0 10px;
}
a.delworkout:hover {color:#229;}

a.colorize { font-size:80%;text-decoration:none;color:#55f;margin:0px; }
a.colorize:hover { color:#229; }
p.80font { font-size:80%; }

a.modbio {
   font-size:80%;
   text-decoration:none;
   color:#55f;
   margin:0 10px;
}
a.modbio:hover {color:#229;border-bottom:1px dotted #229;}


a.clientlist { text-decoration:none; color:#181; line-height:20px; }
a.clientlist:hover { border-bottom:1px dotted #2b2; color:#2b2; }
a.clientlistsuspended { text-decoration:none; color:#787; line-height:20px; }
a.clientlistsuspended:hover { border-bottom:1px dotted #232; color:#232; }

span.clientoptions { font-size:80%; margin-left:10px;}
span.clientoptions a { text-decoration:none;color:#55f;}
span.clientoptions a:hover { color:#229;border-bottom:1px dotted #229;}

span.lastworkout { font-size:80%;margin-left:10px;font-style:oblique;color:#444; }

div.error {
   padding:10px 20px;
   margin:10px 0;
   background:#e99;
   border:4px solid #b66;
}

div.notice {
   padding:10px 20px;
   margin:10px 0;
   background:#cfc;
   border:4px solid #9c9;
}


table.calendar {border: 0}
table.calendar td, th {text-align: center; border: 0; vertical-align: middle;}
table.calendar th {height: 10px; font-weight: bold; font-size: 8pt; font-family:"Arial",sans-serif;}
table.calendar td {width: 27px; height: 17px; font-size: 9pt; font-family:"Arial",sans-serif; margin-bottom:0;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center; font-family:"Arial",sans-serif; color:#003399;}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar .fullmoon {background-image:url(icons/fullmoon.gif);}
table.calendar .lastquarter {background-image:url(icons/lastquarter.gif);}
table.calendar .firstquarter {background-image:url(icons/firstquarter.gif);}
table.calendar .newmoon {background-image:url(icons/newmoon.gif);}
table.calendar th {color: green; text-align: center;}
table.calendar td.linked-day {font-size: 9pt}
table.calendar td.entry { background:yellow; }