// Controls all Submit Buttons

//.FormLt1 { color: #DDEDFF; font-family : Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; font-size: 11px; text-decoration: none; background: #FF0000; }
.FormLt1 {
	color: #2942ED;
	font-weight: bold;
	background: #DCDCDC;
	border-top: 2px ridge #DBDFFD;
	border-bottom: 2px ridge #8587C9;
	border-left: 2px solid #E1E4FD;
	border-right: 2px solid #9492FF;
	padding: 1px 5px 2px 6px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-style : solid ridge ridge solid;
}

// Controls all text area input boxes for forms

textarea { font-family : Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:75px; width:175px;}

// Controls built-in template header fonts

.logohead {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px;font-weight : bold;}
.logosub {font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px;font-weight : bold; }

// Used for border control on various modules (Mostly Business Suite)

.border { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid #0000FF;}

// These Class definitions control aspects of the calendar,
// and shopping cart module. Best not to modify

.text {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
A.text:link { text-decoration: underline; color: #333333; font-size: 12px; }
A.text:visited { text-decoration: underline; color: #333333; font-size: 12px; }
A.text:hover { text-decoration: underline; color: #0000FF; font-size: 12px; }
A.text:active { text-decoration: underline; color: #333333; font-size: 12px; }

.sohotext {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
A.sohotext:link { text-decoration: underline; color: #333333; font-size: 12px; }
A.sohotext:visited { text-decoration: underline; color: #333333; font-size: 12px; }
A.sohotext:hover { text-decoration: underline; color: #0000FF; font-size: 12px; }
A.sohotext:active { text-decoration: underline; color: #333333; font-size: 12px; }


.SMtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
A.SMtext:link { text-decoration: none; color: #333333; font-size: 12px; }
A.SMtext:visited { text-decoration: none; color: #333333; font-size: 12px; }
A.SMtext:hover { text-decoration: underline; color: #0000FF; font-size: 12px; }
A.SMtext:active { text-decoration: none; color: #333333; font-size: 12px; }

.uptext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: darkblue;}
A.uptext:link { text-decoration: none; color: #333333; font-size: 12px; }
A.uptext:visited { text-decoration: none; color: #333333; font-size: 12px; }
A.uptext:hover { text-decoration: underline; color: #0000FF; font-size: 12px; }
A.uptext:active { text-decoration: none; color: #333333; font-size: 12px; }

A:link { color: #0000CC; text-decoration: underline; border: none; }
A:hover { color: #6666FF; text-decoration: underline; border: none; }
A:active { color: #0000CC; text-decoration: underline; border: none; }
A:visited { color: #0000CC; text-decoration: underline; border: none; }

.reg {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000 }
A.reg:link { text-decoration: underline}
A.reg:visited { text-decoration: underline}
A.reg:hover { text-decoration: underline }
A.reg:active { text-decoration: underline}

.breg {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
A.breg:link { text-decoration: none; color: #333333 }
A.breg:visited { text-decoration: none; color: #333333 }
A.breg:hover { text-decoration: underline; color: #0000FF }
A.breg:active { text-decoration: none; color: #333333 }

.breggray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
A.breggray:link { text-decoration: none; color: #333333 }
A.breggray:visited { text-decoration: none; color: #333333 }
A.breggray:hover { text-decoration: underline; color: #0000FF }
A.breggray:active { text-decoration: none; color: #333333 }

.headsubmit {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000FF; font-weight: bold; }
A.headsubmit:link { text-decoration: none; color: #0000FF }
A.headsubmit:visited { text-decoration: none; color: #0000FF }
A.headsubmit:hover { text-decoration: underline; color: #0000FF }
A.headsubmit:active { text-decoration: none; color: #0000FF }

.headsubmitgray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight: bold; }
A.headsubmitgray:link { text-decoration: none; color: #0000FF }
A.headsubmitgray:visited { text-decoration: none; color: #0000FF }
A.headsubmitgray:hover { text-decoration: underline; color: #0000FF }
A.headsubmitgray:active { text-decoration: none; color: #0000FF }

.bnav {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #868686 }
A.bnav:link { text-decoration: none; color: #333333}
A.bnav:visited { text-decoration: none; color: #333333 }
A.bnav:hover { text-decoration: underline; color: #0000FF }
A.bnav:active { text-decoration: none; color: #333333 }

.fnav {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333 }
A.fnav:link { text-decoration: none; color: #333333 }
A.fnav:visited { text-decoration: none; color: #333333 }
A.fnav:hover { text-decoration: underline; color: #0000FF }
A.fnav:active { text-decoration: none; color: #333333 }

.foot {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BDBDBD}
A.foot:link { text-decoration: none; color: #BDB200 }
A.foot:visited { text-decoration: none; color: #BDB200 }
A.foot:hover { text-decoration: underline; color: #BDB200 }
A.foot:active { text-decoration: none; color: #BDB200 }

.regwhite {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF
}
.reggray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #336699 }

.reggraylight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A3A3A3 }
A.reggraylight:link { text-decoration: none; color: #A3A3A3 }
A.reggraylight:visited { text-decoration: none; color: #A3A3A3 }
A.reggraylight:hover { text-decoration: underline; color: #0000FF }
A.reggraylight:active { text-decoration: none; color: #A3A3A3 }

.reggraysmall {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #336699
}

#nav {
	float: left;
	list-style: none;
	line-height: 1;
	background: none;
    font-family: Verdana;
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	width: 460px;
}

#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: #FFFFFF;
	font-weight: normal;
	padding: 0;
	border: solid black;
	margin: 0 0 0 0;
}

/* controls space between main menu items */
#nav a.top {
	
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}

/* controls the the sub menu link items */
#nav a {
	display: block;
	color: 0000FF;
	text-decoration: none;
	font-size: 12px;	
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#nav li {
	float: left;
	padding: 0;
	/* width: 100px; controls width of hilight behind buttons */
	height: 24px;
	white-space: nowrap;
}

#nav LI UL {
	/* second-level lists */
	POSITION: absolute;
	/*BACKGROUND: #F0F0F0;*/
	WIDTH: 12em; /* Commenting out width makes items show side-by-side!*/
	HEIGHT: auto;
	LEFT: -999em;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	BORDER-TOP:#F0F0F0 0px solid;
	BORDER-BOTTOM:#C9003E 2px solid;
	PADDING-BOTTOM: 0;
	BORDER-LEFT:#C9003E 2px solid;
	PADDING-LEFT: 0;
	BORDER-RIGHT:#CCCCCC 1px solid;
	PADDING-RIGHT: 0;
	MARGIN: 0;
	OPACITY: .9;
	FILTER: alpha(opacity=90);
	z-index: 10; 
}

#nav li li {
	/*padding-right: 1em;*/
	width: 12em; 
}

#nav LI UL A {
	WIDTH: 12em; /* controls width of rollover bg */
	PADDING-TOP: .5em; 
	PADDING-BOTTOM: .5em;
	PADDING-LEFT: .5em;
	PADDING-RIGHT: .5em;
	COLOR: #0000FF;
	TEXT-DECORATION: none;
}

/* controls alignment of flyout menus with each other and parent */

#nav li ul ul {
	margin: -16px 0 0 220px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	/* controls rollover background color */
	background: #DDDDDD;
}

/* controls splash nav*/

#quickstart {
	float: left;
	list-style: none;
	line-height: 1;
	background: none;
    font-family: Verdana;
	font-size: 12px;
	padding: 0;
	margin: 0 0 0 0;
	white-space: nowrap;
	width: 460px;
}

#quickstart ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: #FFFFFF;
	font-weight: normal;
	padding: 0;
	border: solid black;
	margin: 0 0 0 0;
}

/* controls space between main menu items */
#quickstart a.top {
	
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0;
}

/* controls the the sub menu link items */
#quickstart a {
	display: block;
	color: 0000FF;
	text-decoration: none;
	font-size: 12px;	
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#quickstart li {
	float: left;
	padding: 0;
	width: 10px; /* controls width of hilight behind buttons */
	height: 24px;
	white-space: nowrap;
}

#quickstart LI UL {
	/* second-level lists */
	POSITION: absolute;
	/*BACKGROUND: #F0F0F0;*/
	WIDTH: 1em;
	HEIGHT: auto;
	LEFT: -999em;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
	BORDER-TOP:#F0F0F0 0px solid;
	BORDER-BOTTOM:#C9003E 2px solid;
	PADDING-BOTTOM: 0;
	BORDER-LEFT:#C9003E 2px solid;
	PADDING-LEFT: 0;
	BORDER-RIGHT:#CCCCCC 1px solid;
	PADDING-RIGHT: 0;
	MARGIN: 0;
	OPACITY: .9;
	FILTER: alpha(opacity=90);
}

#quickstart li li {
	/*padding-right: 1em;*/
	/* width: 1em; */
}

#quickstart LI UL A {
	WIDTH: 12em; /* controls width of rollover bg */
	PADDING-TOP: .5em; 
	PADDING-BOTTOM: .5em;
	PADDING-LEFT: .5em;
	PADDING-RIGHT: .5em;
	COLOR: #0000FF;
	TEXT-DECORATION: none;
}

/* controls alignment of flyout menus with each other and parent */

#quickstart li ul ul {
	margin: -16px 0 0 220px;
}

#quickstart li:hover ul ul, #quickstart li:hover ul ul ul, #quickstart li.sfhover ul ul, #quickstart li.sfhover ul ul ul {
	left: -999em;
}

#quickstart li:hover ul, #quickstart li li:hover ul, #quickstart li li li:hover ul, #quickstart li.sfhover ul, #quickstart li li.sfhover ul, #quickstart li li li.sfhover ul {
	left: auto;
}

#quickstart li:hover, #quickstart li.sfhover {
	/* controls rollover background color */
	background: #DDDDDD;
}

/* end quickstart */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #990033;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #0000FF;
}

p {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
strong {	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13.5px; color: #000000; }
u {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	BORDER-BOTTOM:#F0F0F0 1px solid;
}
em {	font-family: Verdana, Arial, Helvetica, sans-serif; 
    /* font-style: normal; */
    font-size: 12px; background: #FFFF99; }
dl {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
dt {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
dd {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

// Calendar

/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


// End Calendar