body {
	padding:0;
	margin:0;
	background-color:#fff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}

table, p, td, li
{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	line-height:125%;
	color:#333;
}

table {
	border-collapse:collapse;
}

table.calendar {
	border-collapse:separate;
}

a {
	color:#0000c8;
	text-decoration:none;
	/*white-space:nowrap;*/
}

 a:visited {
	color:#0000c8;
	text-decoration:none;
} 

a:hover {
	color:#d40000;
	text-decoration:underline;
}

hr {
  text-align:center;
}

h1, h2, h3, h4, h5 {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:2px;
}


h1 {
	font-size:1.6em;
	border-bottom:1px solid #708090;
	color:#2F3541;
}

h1 .subtitle {
	font-size: 75%;
	color: #777;
}

#Header .dateText {
	position:absolute;
	float:right;
	right:12px;
	top:57px;
	width:100%;
	text-align:right;
	font-weight:bold;
}

.Footer {
	font-size:10px;
	width:90%;
	margin:auto;
	padding:10px;
	text-align:center;
}
.Footer span {
	font-size: 0.8em;
}
.ContentFull h1 {
	padding-bottom:4px;
	margin-bottom:16px;
	}

.ContentCenter h1 {
	margin-top:0px;
	margin-right:-6px;
	margin-bottom:10px;
	margin-left:-6px;
	padding:4px;
	background-color:#E8EBF1;
	}

h2 {
	color:#2F3541;
	margin-top:10px;
	font-size:1.3em;
	}

h3 {
	color:#2F3541;
	font-size:1.2em;
	}

h4 {
	color:#c00;
	font-size:1em;
	}

h5 {
	color:#2F3541;
	font-size:1em;
	}

form {
	margin:0;
}

.headEmph {
	color: #c00;
	}

p {
	margin-top:0px;
	margin-bottom:8px;
	}

p.recallOneMonth {
  color:Red;
   }

p.recallSixMonth {
  color:Orange;
   }

p.recall {
  color:Green;
   }

ul {
	margin-top:6px;
	margin-bottom:6px;
}

li {
	margin-top:6px;
	margin-bottom:6px;
}

ul.compact li,
ol.compact li {
	margin-top:0;
	margin-bottom:0;
}

img {
	border:none;
}

img.listHeaderIcon {
	vertical-align:middle;
	background-color:#fff;
	padding-right:5px;
}

input.text {
	background-color:#eee; 
	}

.submitPosition {
	text-align:center;
	margin:1em auto 2em;
}

.highlight {
	color:#c00;
}

.smaller {
	font-size:.85em;
}

.smallest {
	font-size:9px;
}



table.formEntry {
	margin:15px auto;
}

table.signupForm {
	margin:15px auto;
	width:85%;
}

table.formEntry td,
table.signupForm td {
	text-align:left;
	vertical-align:middle; 
	padding:5px 2px;
}


table.formEntry td.label {
	text-align:right;
}

table.signupForm td.label {
	text-align:right;
	width:35%;
}


table.formEntry td.labelTop {
	text-align:right;
	vertical-align:top;
	padding-top:.6em;
}


table.listData {
	margin:20px auto;
	border-top: 1px solid #708090;
	border-left: 1px solid #708090;
}

table.listData th,
table.listData td {
	padding:2px 4px;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	white-space:normal;
}


table.listData th a,
table.listData td a{
	white-space:normal;
}

table.listData th {
	background-color: #ddd;
	text-align:center;
}

table.listData td {
	background-color:#f9f9ff;
	text-align:left;
	vertical-align:top;
}

table.listData tr.alternate td {
	background-color:#eef;
}

table.listData tr.highlight td {
	background-color:#fee;
	color:#c00;
}

table.listData tr.totals td {
	background-color:#eee;
}

table.listData th.blank, 
table.listData td.blank {
	background-color:#fff;
}


table.listDataChanged {
	margin:20px auto;
	border-top: 1px solid #c00;
	border-left: 1px solid #c00;
}

table.listDataChanged th,
table.listDataChanged td {
	padding:2px 4px;
	border-bottom: 1px solid #c00;
	border-right: 1px solid #c00;
}

table.listDataChanged th {
	background-color:#fdd;
	text-align:center;
}

table.listDataChanged td {
	background-color:#fee;
}

table.listDataChanged td li {
	text-align: left;
}


table.calNav {
	width:100%;
	background-color:#ddd;
	margin:0;
	border-bottom:1px solid #708090;
}

table.calNav th,
table.calNav td  {
	padding:2px;
}

table.calNav th {
	vertical-align:middle;
	font-weight:bold;
}

table.calNav th.prev {
	width:25%;
	text-align:left;
	padding-left:5px;
}

table.calNav th.now {
	width:50%;
	text-align:center;
	font-size:1.25em;
}

table.calNav th.next {
	width:25%;
	text-align:right;
	padding-right:5px;
}


table.Blank {
	margin:0;
	border:none;
}

table.Blank th,
table.Blank td {
	border:none;
	background-color:transparent;
}



table.priceMatrix {
	border-collapse:collapse;
	float:right;
	}

	

table.priceMatrix td {
/*	color: #000 !important;
	font-size:11px;
	letter-spacing:.05em;
	line-height:1.5em; */
	padding:1px 5px;
	border:1px solid #ccc;
}


input.menuText {
	background-color:#cbd1df; 
	margin-bottom:5px;
	border-width:1px;
	}

input.menuButton {
	border:2px outset #a8b9dc; 
	background-color:#768199; 
	color:#d2d7e1; 
	}



.hint {
	margin:20px 0 10px;
	font-size:.95em;
	border:1px solid red;
	background-color:#e6e6e6;
	padding:5px;
}

p + .hint {
	margin-top:35px;
}

table.errtable {
	border:1px solid #c00;
	width: 100%;
	text-align: center;
}

.popupmsg {	
	color:#c00;
	font-size:11px;
	background-color:#f7f7d6;
	border:none;
	border-bottom:1px solid #c00;
	padding:5px;
	margin:0 -6px 5px;
}

.popupmsg p,
.popupmsg ul,
.popupmsg li {	
	color:#333;
}

.advisory {	
	color:#c00;
	background-color:#f6e0e0;
	border:1px solid #c00;
	padding:5px;
	margin:10px auto;
}

.advisory p,
.advisory ul,
.advisory li {	
	color:#c00;
}

.helpBox {	
	color:#333;
	background-color:#f7f7d6;
	border:1px solid #c00;
	padding:5px;
	margin:10px auto;
}

.helpBox p,
.helpBox ul,
.helpBox li {	
	color:#333;
}

.mandatory {
	font-size:1.3em;
	font-weight:bold;
	color:#c00;
}

.delarea {
	margin: 0 0 0 15px;
}

.delcheckbox {
	vertical-align:middle;
}

tr.formErr td, 
td.formErr {
	color:#c00;
}


.helpDiv {
/*	border: 1px solid #fff;
	background-color:#fff; */
	background-color:transparent;
	border:none;
	padding:1px 6px 6px;
	margin-bottom:10px;
}

.helpLink {
	line-height:0;
	font-size:0;
	margin-bottom:10px;
	}

.helpDivHighlight {
	border: 1px solid #c00;
	background-color:#ffb;
	padding:0 5px 5px;
	margin-bottom:10px;
}

.helpDiv  .back,
.helpDivHighlight  .back {
	margin:-8px auto 0;
	line-height:110%;
	width:100%;
	font-size:.9em;
	text-align:right;
	visibility:hidden;
}

/* A bit of a hack here, because IE is a pile of $*%e
define .back as a descendent of .helpDiv, then,
for those browsers that ARE compliant, override this
definition by defining .back as a CHILD of .helpDiv */

.helpDiv .back {
        visibility:hidden;
}

.helpDivHighlight .back {
        visibility:visible;
}


.helpDiv > .back {
	visibility:hidden;
}

.helpDivHighlight > .back {
	visibility:visible;
}


.helpDiv h2,
.helpDivHighlight h2{
	margin-top:2px;
	}



.locatorDiv {
	text-align:left;
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px;
	background-color:#ddd;
	font-size:.9em;
	}


.optionsDiv {
	text-align:right;
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px 0;
	background-color:#ccc;
	}

.optionsDivAll {
	border-bottom:1px solid #708090;
	margin:-10px -6px 10px;
	padding:2px 5px;
	background-color:#ccc;
	}

.optionsDiv .option {
	padding:2px 5px;
	margin:0;
	border-left:1px solid #708090;
	background-color:#ccc;
	}

.optionsDiv .selectOption { 
	display:inline;
	padding:2px 5px;
	margin:0;
	border-left:1px solid #708090;
	background-color:#ccc;
	}
	

.optionsDiv .selectOption input,
.optionsDiv .selectOption select {
	font-size:11px;
	background-color: #eee; 
	}

.more {
	margin:-.5em 0 1.5em;
	font-weight:bold;
	text-align:right;
}

input.button {
	margin:5px;
	font-size:12px;
	}
	
.user_info {
	border: 1px solid #cecece;
	padding: 5px;
	background-color: #efefef;
	margin: 0 5px 20px;
}
.user_notice {
	border: 1px solid #FF9600;
	background-color: #FFEACB;
	padding: 5px;
	margin: 0 5px 10px;
}
.user_ok {
	font-weight: bold;
	color: #04B900;
	background-color: #CCFFCB;
	border: 1px solid #04B900;
	padding: 5px;
	margin: 0 5px 10px;
}
tr.delete td,
div.delete p {
	text-align: center;
}
tr.delete td a,
div.delete p a {
	color: #f00;
	background-color: #fcc2c4;
	border: 1px solid #800000;
	margin: 10px;
	padding: 5px;
	display: block;
	text-decoration: none;
}


table.formEntry {
	margin: 0 auto 10px auto;
}
fieldset.config p {
	padding: 5px;
}
fieldset.config {
	margin: 10px 50px;
}
fieldset.config legend {
	font-weight: bold;
}
fieldset.config table {
	width: 100%;
}
fieldset.config table tr td {
	width: 50%;
	vertical-align: top;
}
fieldset.config table tr>td {
	width: 65%;
}
fieldset.config .note {
	font-size:10px;color:#999999;
	margin:0;
	padding:0;
}


/* SITE SELECT */

table.site-select {
	width: 500px;
	margin: 0 auto;
}
table.site-select select {
	width: 200px;
}
table.site-select input {
	width: 90px;
}

/* box displaying "locked-out" message */
.data-entry-disabled {
	width: 80%;
	margin: 10px auto;
	padding: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ccc;
}
.data-entry-disabled h3 {
	text-align: center;
}
.data-entry-disabled p {
	text-align: center;
	font-weight: bold;
}
.data-entry-disabled div.user_notice {
	margin: 0;
	border-width: 4px;
	position: relative;
	top: -1px;
	left: -1px;
}

/* TIMEZONE SELECT */

#tz-container { position: relative; }
#tz-display,
#tz-select
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 2px;
	margin-bottom: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
}
#tz-display p {
	margin: 0;
	padding: 0;
	text-align: center;
}
#tz-display a,
#tz-select a
{
	display: block;
	white-space: normal;
	color: #666;
}
#tz-display a:hover,
#tz-select a:hover
{
	text-decoration: underline;
}
#tz-select {
	display: none;
	position: absolute;
	top:0;left:0;
}

#loadingIc { 
	position: absolute;
	right: 2px; 
	bottom: 2px; 
	display: none;
}
#loadingIc[id] {
	position: fixed;
}


ol.page-list {

	padding-top: 10px;

}

ol.page-list li {

	padding: 0 0 10px 0;

}

.db-conn-err {
	font-size: 11px;
	background-color: #fff;
	font-weight: bold;
	padding: 5px;
	border: 4px solid #f00;
	margin-top: 5px;
}

.scheduled-maintenance {
	border: 4px solid #FF9600;
	background-color: #FFEACB;
	padding: 3px;
	font-weight: bold;
}
#mainMenu .scheduled-maintenance {
	clear: both;
}
.scheduled-maintenance ul {
	list-style: none;
	padding: 0;
	margin: 4px 0;
}
.scheduled-maintenance ul li {
	margin: 0;
	padding: 0 0 3px 0;
}

/* LANGUAGE SELECT */
.language-select {
	margin-top: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.language-select span {
	display: block;
	padding-bottom: 5px;
}
.language-select li {
	margin: 0 0 5px;
	display: block;
}
.language-select a {
	padding: 3px 2px 2px 2px;
	display: block;
	color: #000035;
	width: 130px;
}
.language-select a.selected {
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
}
.language-select a:hover {
	background-color: #FCFFD3;
	text-decoration: none;
}
.language-select img {
	margin: 0;
	padding: 0;
}

.short-help {
	font-size: 0.9em;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
.short-help p,
.short-help h2,
.short-help li
{
	color: #555 !important;
}
.short-help h2 {
	margin-bottom: 5px;
}

/* LANG EDIT */

.lang-edit {
	background-color: #C6FFC7;
}

span.from-no-token {
	background-color: #FFD5D5;
}
span.from-no-db-entry {
	background-color: #FFEED5;
}


.lang-edit .show-button {
	display: inline;
	height: 10px;
	width: 10px;
	background-color: green;
	z-index: 1;
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	color: #fff !important;
}
.lang-edit div.from-no-token {
	background-color: red;
}
.lang-edit div.from-no-db-entry {
	background-color: orange;
}
#lang-edit-display {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #FFF7D8;
	display: none;
	padding: 0;
	border: 1px solid #FFD639;
	z-index: 20000;
	width: 700px;
	border-width: 1px 2px 2px 1px;
}
#lang-edit-display form {
	padding: 5px;
}
#lang-edit-display label {
	margin: 5px 2px;
	display: block;
}
.lang-edit-drag-bar {
	background-color: #FFD639;
	height: 20px;
	cursor: move;
}
#lang-edit-display h3 {
	margin: 0;
	padding: 2px 0 15px 5px;
}
#lang-edit-done,
#lang-edit-key {
	position: absolute;
	/*position: fixed;*/
	top: 0;
	right: 0;
	z-index: 3000;
	padding: 5px;
	font-weight: bold;
	text-align: right;
	display: none;
	background-color: #FFF7D8;
	border: 2px solid #FFD639;	
	width: 300px;
}
#lang-edit-key {
	text-align: left;
	height: 65px;
	overflow-y: scroll;
}
#lang-edit-key ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#lang-edit-key ul li {
	padding-left: 25px;
}
#lang-edit-key ul li span {
	color: #fff;
	position: absolute;
	left: 5px;
}
#lang-edit-key {
	display: block;
}
* html #lang-edit-done {
	position: absolute;
}


#ie-6-notice {
	position: relative;
	text-align: left;
	background-color: #CCDCEB;
	font-size: 85%;
	padding: 5px;
	border: 1px solid #69aceb;
	margin-bottom: 10px;
}
#ie-6-notice .links {
	width: 400px;
	float: right;
}
#ie-6-notice img {
	border: 1px solid #ccc;
	margin-bottom: 3px;
}
#ie-6-notice .txt {
	margin-right: 410px;
}
#ie-6-notice p { margin: 0 0 5px; }
#ie-6-notice a.hide-link { text-decoration: underline; }


.signupDetails label {
	margin-top:2px;
	position: absolute;
	text-align:right;
	width:190px;
}

.signupDetails input,
.signupDetails select {
	margin-left:200px;
}

.formErr input,
.formErr select,
.formErr textarea {
	border-color:red;
	background-color:#fff6ee;
}

.checkboxErr {
	border:2px inset #c00;
	margin-right:5px;
}

.formErr label {
	font-weight:bold;
	color:#c00;
}

/* footer */

.foot-products {
	/*
	float:right;
	text-align: right;
	*/
	margin: 0 auto;
	height: 65px;
	width: 620px;
}
.foot-products div {
	
	float: left;
	/*width: 155px;*/
	/*margin: 0 10px;*/
}
.foot-products p {
	color: #555;
}
.foot-help {
	/*text-align:left;*/
	clear: both;
	margin: 5px 0 10px;
}
.foot-help p {
	font-size:1.1em;
	line-height:0.8em;
}
p.f-needhelp, p.f-more {
	font-weight:bold;
	line-height: 1.5em;
}
p.f-needhelp {
	font-size:1.5em;
}
p.f-more {
	margin-top: 20px;
	font-size:1.4em;
}
.foot-tc {
	padding-top: 10px;
	clear: both;
	line-height: 1.2em;
}

p.flsid {
	color: #b3bac8 !important;
}

/* button basics */
.ancbutton a {
	display:inline-block;
	height:23px;
	padding:0 0 0 3px;
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-shadow:1px 1px 0 #fff;
	background:url(/images/button_bg.png) 0 0 no-repeat;
	white-space:nowrap;
	border:none;
	overflow:visible;
	cursor:pointer;
	text-decoration:none;
}

.ancbutton a>span {
	display:block;
	height:23px;
	padding:0 10px 0 8px;
	line-height:23px;
	background:url(/images/button_bg.png) 100% 0 no-repeat;
}
.ab-blue a {
	background-position:0 -30px;
	color:#fff;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
}
.ab-blue a>span {
	background-position:100% -30px;
}

.ancbutton a:hover {
	color:#fff;
	text-decoration:none;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background-position:0 -30px;
}
.ancbutton a:hover>span {background-position:100% -30px;}
.ancbutton img {
	vertical-align: text-top;
}

.ab-blue a:hover {
	background-position:100% -0;
	color:#333;
	text-shadow:1px 1px 0 #fff;
}
.ab-blue a:hover>span {
	background-position:100% -0;
}
/* end button css */

table .note, .notef {
	font-weight: normal;
	font-size: 80%;
}

/* DISPLAY TABLES */

.edit-table{
	width: 85%;
	margin: 10px auto;
	border: 1px solid #E0E0E0;
	border-collapse: collapse;
}

.edit-table {
	width: auto;
}

.edit-table th,
.edit-table td {
	text-align: left;
	background-color: #F6F6F6;
	padding: 5px 15px;
}
.edit-table th.subheading {
	background-color: #fff;
}
.edit-table td.cb,
.edit-table th.cb {
	text-align: center;
}

.edit-table td {
	border-bottom: 1px solid #E0E0E0;
}

.edit-table tr.buttons td {
	text-align: center;
	border-top: 1px solid #E0E0E0;
	padding: 10px;
}

.edit-table tr.buttons input {
	margin-right: 8px;
}
.edit-table tr.p-section th {
	background-color: #e1e1e1;
}
.edit-table tr.odd td {
	background-color: #F0F0F0;
}

#firstsite {
	text-align: left;
	margin: 10px auto;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}
#firstsite h3 {
	margin-bottom: 10px;
}
#firstsite a {
	text-decoration: underline;
}

table.listData td.worker-left,
table.listData tr.alternate td.worker-left {
	background-color: #fdb6ab;
}

.upcoming {
	padding: 10px;
	text-align: left;
	max-height: 200px;
	overflow: auto;
	box-shadow: 0 2px 5px rgba(0,0,0,0.07);
	border-radius: 3px;
	font-size: 0.9em;
	background-color: #F9F9F9;
}
.upcoming h2, .upcoming h3 {
	margin: 0 0 10px 0;
}
.upcoming h2 {
	font-size: 1.4em;
	color: #343b48;
}
.upcoming hr {
	border-width: 1px 0;
	margin: 12px 0;
}

.userhelper {
	display: block;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
.userhelper div {
	flex: 1;
	flex-grow: 1;
	min-width: 400px;
}

.ContentCenter .userhelper {
	display: block;
	margin-top: 10px;
	border-bottom: 1px solid #708090;
	margin-right: -7px;
	margin-left: -7px;
}

.userhelp-dismiss {
	float: right;
}