﻿body { 	font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }

a:link    { color: #195FB4; text-decoration: none; }
a:active  { color: #195FB4; text-decoration: none; }
a:visited { color: #195FB4; text-decoration: none; }
a:hover   { color: #195FB4; text-decoration: underline; }

a.red:link { color: #dd0000; text-decoration: none; }
a.red:active  { color: #dd0000; text-decoration: none; }
a.red:visited { color: #dd0000; text-decoration: none; }
a.red:hover   { color: #dd0000; text-decoration: underline; }

div.ajax__calendar_days table tr td { padding: 0px; }

.title
{
   font-size: 12pt; 
   font-weight: bold;
}

.right { text-align: right; }

.center { width: 80%; margin-left: auto; margin-right: auto; }

.error { border-width: 1px; border-color: #999898; border-style: solid; background-color: #fbfbfb; margin-left: auto; margin-right: auto; width: 80%; }

.view { width: 80%; margin-bottom: 5px; margin-left: auto; margin-right: auto; text-align: right; }

.action { width: 80%; margin-left: auto; margin-right: auto; text-align: right; }

.warning { color: Red; }
.warning-border { border: solid 1px red; }
select.warning-border { border: solid 1px red; }

img { border: none; }

.success { color: Green; }

.small { font-size: 8pt; }

input.txt
{
   text-align: right;
   float: right;
   width: 50px;
}

input.logintxt 
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
}

input.txtsmall
{
   font-family: Arial, Helvetica, Sans-Serif;
   width: 75px;
}

textarea { font-family: Arial, Helvetica, Sans-Serif; font-size: 10pt; }

h3 { margin-top: 0px; font-weight: bold; font-size: 16pt; letter-spacing: 1px; }

div.title { font-weight: bold; font-size: 18pt; letter-spacing: 1px; }

table.title	{ font-weight: bold; margin-top: 0; }
.title td { font-size: 18pt; letter-spacing: 1px; }
.title img { margin-right: 10px; }

span.help_title { font-weight: bold; font-size: 14pt; color: #434343; }
.help_topic { font-weight: bold; font-size: 12pt; color: #434343; }

img.help_img { margin-top: 5px; border: dashed 1px #999898; }

table.aspcalendar td { font-size: 12pt; font-weight: bold; }

table.calendar { border-collapse: collapse; border: solid 1px #999898; background-color: #fbfbfb; margin-left: auto; margin-right: auto; width: 80%; }
.calendar .header { background-color: #336699; }
.calendar .header td { padding: 2px; height: 30px; color: #fff; font-size: 11pt; text-align: center; font-weight: bold; }
.calendar td { width: 14%; padding: 2px; color: #000; font-size: 10pt; }
.calendar .datewrap td { height: 75px; vertical-align: top; }
.calendar .title { text-align: center; font-weight: bold; }
.calendar .date { padding-left: 20px; }

table.form { border: none; margin-left: auto; margin-right: auto; }
.form .label { text-align: right; }
.form textarea { font-family: Arial, Helvetica, Sans-Serif; }

table.wlog    { border-collapse: collapse; border-spacing: 0px;  border-width: 1px; border-color: #999898; border-style: solid; background-color: #fbfbfb; margin-left: auto; margin-right: auto; width: 80%; }
.wlog .header { background-color: #336699; }
.wlog .header td { padding: 2px; height: 30px; color: #fff; font-size: 11pt; text-align: left; font-weight: bold; }
.wlog td { padding: 2px; color: #000 }

table.iphone    { padding: 0px; border-spacing: 0px;  border-width: 0px; border-style: none; background-color: #f5f5f5; width: 100%; }
.iphone .header { background-color: #4682b4; }
.iphone .header td { padding: 3px; color: #fff; height: 40px; font-weight: bold; }
.iphone td { padding: 3px; color: #000 }

table.exercise { padding: 0px; border: none; width: 100%; }
.exercise td.name { text-align: left; width: 200px; }
.exercise td { text-align: right; }

table.report { margin-top: 0px; width: 100%; border: none; }
.report .item { background-color: #FFF; }
.report .alt { background-color: #EAEAEA; }

/* Data Grids */
table.dgrid		{ border: solid 1px #999898; border-collapse: collapse; border-spacing: 0px; margin-left: auto; margin-right: auto; width: 80%; }
.dgrid td		{ padding: 2px; }
.dgrid .header	{ font-weight: bold; background-color: #336699; }
.dgrid .header td { color: #fff; font-size: 11pt; }
.dgrid .item	{ background-color: #fff; }
.dgrid .alt		{ background-color: #eaeaea; }
.dgrid .item td, .dgrid .alt td { padding: 0px; }

table.dgrid2	{ border: none; width: 100%; }
.dgrid2 td		{ padding: 0px; }
.dgrid2 .header	{ font-weight: bold; background-color: #fbfbfb; }
.dgrid2 .header td { color: #000; font-size: 11pt; }
.dgrid2 .item	{ background-color: #fff; }
.dgrid2 .alt	{ background-color: #eaeaea; }
.dgrid2 .item td, .dgrid .alt td	{ padding: 0px; border: none; }
.dgrid2 td.right { text-align: right; }

table.dgrid_onday	{ border: none; width: 100%; }
.dgrid2 td		{ padding: 0px; }
.dgrid2 .header	{ font-weight: normal; background-color: #fff; }
.dgrid2 .header td { color: #000; font-size: 10pt; }
.dgrid2 .item	{ background-color: #fff; }
.dgrid2 .alt	{ background-color: #eaeaea; }
.dgrid2 .item td, .dgrid .alt td	{ padding: 0px; border: none; }