#login_box {
	width: 200px;
	float: right;
	padding: 2px;
	margin: 5px;
	background: #eee;
	border: 2px solid #ccc;
}
#login_password td { font-size: x-small; }
#login_username td { font-size: x-small; }
#login_password input { font-size: x-small; }
#login_username input { font-size: x-small; }

.small-text { font-size: 9pt; margin: 0px; }

.small-link { font-size: 9pt; }

.quick-edit-group { min-height: 55px; clear: left; background-image: url( '/images/pink_stripe.jpg' ); background-repeat:repeat-x; text-align: center;}
.quick-edit-container { float:left; width:195px; margin:2px; border:1px solid #ddd; background: #fcfcfc;}
.quick-edit-group-header { clear:left; font-size:13px; font-weight: bold; }
.quick-edit-item-header { font-size: 11px; margin-left: 1px; margin-top: 2px; margin-right: 4px; color: #333; font-weight:bold; float:left;  }

.mini-radio-off { cursor: pointer; padding-right: 2px; padding-left: 2px; border: 1px solid #ccc; font-size: 10px; background: #eee; margin: 1px; }
.mini-radio-on { cursor: pointer; padding-right: 2px; padding-left: 2px; border: 1px solid #ccc; background: #444; color: white; font-size: 10px; margin: 1px; }

.multigraph { font-family: arial, verdana, sans-serif; font-size: small; }
.multigraph-axis { width: 20%; text-align: right; font-weight: bold;  }
.multigraph-data { width: 80%; height: 5px; }
.multigraph-data-1 { background: green; font-size: 2px; height: 2px; }
.multigraph-data-2 { background: #6cf; font-size: 2px; height: 2px; }
.multigraph-data-3 { background: #03c; font-size: 2px; height: 2px; }
.multigraph-data-blank { background: white; font-size: 2px; }
.multigraph-key { text-align: left; font-size: x-small; }
.multigraph-key-item { font-size: x-small; }

.tab-off { display: none; }
.tab-on { display: block; }
.tab-title-on { background: #666; color: white; padding-left: 10px; padding-right: 10px; font-weight: bold; }
.tab-title-on a { color: white; }
.tab-title-on a:hover { color: white; }
.tab-title-on a:active { color: white; }
.tab-title-on a:visited { color: white; }
.tab-title-on a:link { color: white; }
.tab-title-off { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; color: #ccc; padding-left: 10px; padding-right: 10px; }
.tab-title-off a { color: #ccc; }
.tab-title-off a:hover { color: #ccc; }
.tab-title-off a:active { color: #ccc; }
.tab-title-off a:visited { color: #ccc; }
.tab-title-off a:link { color: #ccc; }

.group-list-group { border-bottom: 1px dotted #ccc; font-weight: bold; }
.group-list-activity { font-weight: bold;}

.edit-weekly td { font-size: small; }
.edit-weekly-row { background: white; }
.edit-weekly-row-alt { background: #ccc; }
.edit-weekly th { font-size: small; text-align:center; font-weight: bold; border-bottom:1px solid #ccc; }

#flash { margin-bottom: 20px; border: 2px dotted #00aa00; background: #00ee00; padding: 5px; font-weight: bold; color: black;}

.accordian-title { margin: 0px; padding: 5px; }

.quick-accordian-title { margin: 0px; padding: 5px; text-align: center; border-bottom: 1px solid black; }
.quick-header { font-size: x-small; }
.quick-options { font-size: x-small; }
.quick-options select { font-size: x-small; }

.stackgraph { font-family: arial, verdana, sans-serif; font-size: small; }
.stackgraph-axis { text-align: center; font-weight: bold;  }
.stackgraph-data { width: 80%; }
.stackgraph-data-selected { background: red; font-size: 2px; color: white; }
.stackgraph-data-1 { background: green; font-size: 2px; color: white; }
.stackgraph-data-2 { background: #6cf; font-size: 2px; color: white; }
.stackgraph-data-3 { background: #03c; font-size: 2px; color: white; }
.stackgraph-data-4 { background: #099; font-size: 2px; color: white; }
.stackgraph-data-5 { background: #936; font-size: 2px; color: white; }
.stackgraph-data-6 { background: #f60; font-size: 2px; color: white; }
.stackgraph-data-7 { background: #339; font-size: 2px; color: white; }
.stackgraph-data-8 { background: #0c6; font-size: 2px; color: white; }
.stackgraph-data-9 { background: #cc3; font-size: 2px; color: white; }
.stackgraph-data-10 { background: #33f; font-size: 2px; color: white; }
.stackgraph-data-blank { background: white; font-size: 2px; }
.stackgraph-key { text-align: left; font-size: x-small; }
.stackgraph-key-item { font-size: x-small; }
.stackgraph-key-item a { color: black; font-size: x-small; }
.stackgraph-key-item a:hover { color: black; font-size: x-small; }
.stackgraph-key-item a:visited { color: black; font-size: x-small; }
.stackgraph-key-item a:link { color: black; font-size: x-small; }
.stackgraph-key-item a:active { color: black; font-size: x-small; }

.bp-completed-list {}
.bp-completed-list-group-points { border-bottom: 1px dotted black; font-weight: bold; }
.bp-completed-list-group { border-bottom: 1px dotted black; font-weight: bold; font-size: large; }
.bp-completed-list-spacer { }
.bp-completed-list-title { }
.bp-completed-list-points { }
.bp-completed-list-total { border-top: 1px dotted black; font-weight: bold;  }
.bp-completed-list-total-points { border-top: 1px dotted black; font-weight: bold; font-size: large; }
.bp-completed-list-bar-blank { background: white; }
.bp-completed-list-bar-negative { background: red; }
.bp-completed-list-bar-positive { background: green; }

body { margin: 0px; font-family: verdana, arial, sans-serif; }
#container { width: 800px; text-align: left; }
#content-body { padding: 2px; }
#content-interior { padding-left: 10px; padding-right: 10px; }
#top-section { position: relative; width:800px; }
#menu-section { position: absolute; }
#copyright { font-size: xx-small; font-style:italic; margin-top: 50px; text-align:center; margin-bottom: 10px; padding-top: 3px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
#breadcrumbs { margin-top: 5px; font-size: small; margin-bottom: 20px; padding-bottom: 3px; }
p { margin-bottom: 2px; margin-top: 0px; font-size: small; }
th { text-align: left; font-weight: normal; font-size: small; }
td { font-size: small; }
p { font-size: small; }
h1 { font-size: medium; margin-top: 10px; margin-bottom: 4px; font-weight: bold; }
h2 { font-size: medium; margin-top: 4px; margin-bottom: 0px; font-weight: bold; }
h3 { font-size: medium; margin-top: 4px; margin-bottom: 0px; font-weight: bold; }
h4 { font-size: medium; margin-top: 4px; margin-bottom: 0px; font-weight: bold; }
h5 { font-size: medium; margin-top: 4px; margin-bottom: 0px; font-weight: bold; }

.box-title { padding: 3px; font-weight: bold; text-align: center; }
.box-content { padding: 3px; }
.box-title a { color: white; text-decoration: none; font-size: x-small; }
.box-title a:hover { color: white; text-decoration: none; font-size: x-small; }
.box-title a:active { color: white; text-decoration: none; font-size: x-small; }
.box-title a:link { color: white; text-decoration: none; font-size: x-small; }
.box-title a:visited { color: white; text-decoration: none; font-size: x-small; }

.showhide-box-title { padding: 3px; font-weight: bold; text-align: center; }
.showhide-box-splitter { }
.showhide-box-content { padding: 3px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.showhide-box-title a { color: white; text-decoration: none; font-size: x-small; }
.showhide-box-title a:hover { color: white; text-decoration: none; font-size: x-small; }
.showhide-box-title a:active { color: white; text-decoration: none; font-size: x-small; }
.showhide-box-title a:link { color: white; text-decoration: none; font-size: x-small; }
.showhide-box-title a:visited { color: white; text-decoration: none; font-size: x-small; }

ul { margin-top: 2px; margin-bottom: 2px; }
.menu-on a { color: white; }
.menu-on a:hover { color: white; }
.menu-on a:visited { color: white; }
.menu-on a:link { color: white; }
.menu-on a:active { color: white; }
.menu-off a { color: white; }
.menu-off a:hover { color: white; }
.menu-off a:visited { color: white; }
.menu-off a:link { color: white; }
.menu-off a:active { color: white; }