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

h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

pre {
  font-family: monospace;
}

A:link IMG, A:visited { border-style: none }
/* A:focus {text-decoration: underline } */

a:link, a:visited {
  /* text-decoration: none; */
  color: #000000;
} 

a[href]:hover {
  text-decoration: underline;
  color: #7e0079;
}

textarea, input[type="text"], input[type="password"] {
  border: 1px solid #666666;
  padding: 1px;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
}

textarea:hover, input[type="text"]:hover:not([disabled]), input[type="password"]:hover:not([disabled]) {
  border: 1px solid #7e0079;
  padding: 1px;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  background-color: #ffffdd;
  border: 1px solid #7e0079;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
}

.fsdisabled {
  background-color: #dddddd;
  color: #666666;
  border: 1px solid #999999;
  padding: 1px;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
	 border-radius: 2px;
}

input[type="reset"], input[type="submit"], input[type="button"] {
  background-color: #dddddd;
  border: 1px solid #666666;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
  -moz-box-shadow: #666666 1px 1px 2px;
  -webkit-box-shadow: #666666 1px 1px 2px;
  box-shadow: #666666 1px 1px 2px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}

input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background-color: #e4e4e4;
  border: 1px solid #7e0079;
  color: #7e0079;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
  -moz-box-shadow: #7e0079 1px 1px 2px;
  -webkit-box-shadow: #7e0079 1px 1px 2px;
  box-shadow: #7e0079 1px 1px 2px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#7e0079', Direction=135, Strength=2);
}

/*input[type="select"] {
  background-color: #eeeeee;
  border: 1px solid #666666;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
}

input[type="select"]:hover {
  background-color: #eeeeee;
  border: 1px solid #7e0079;
  color: #7e0079;
	 -moz-border-radius: 4px;
	 -webkit-border-radius: 4px;
	 border-radius: 4px;
}
*/


/* a:focus { background-color: #ccccee } */

a.fstab {
         background-color:#cccccc;
         color: #666666;
         border:1px solid;
         border-top-color:#666666;
         border-left-color:#666666;
         border-right-color:#666666;
         border-bottom-color:#7e0079;
         -moz-border-radius-topleft:8px;
         -moz-border-radius-topright:8px;
         -webkit-border-radius-topleft:8px;
         -webkit-border-radius-topright:8px;
         border-top-left-radius:8px;
         border-top-right-radius:8px;
         /*font-weight:bold;*/
         /*padding-left:12px;
         padding-right:12px;*/
         padding-left:3px;
         padding-right:3px;
         font-size:17px;
         font-weight:bold;
         text-decoration:none;
         overflow:visible;
    margin-left:6px;
    margin-right:6px;
}
a.fstab:hover {
  text-decoration:none;
  border-color:#7e0079;
}

/* a:link:hover.fsblackbutton,
a:visited:hover.fsblackbutton
*/
a.fstabselected {
         background-color:#ffffff;
         color: #000000;
         border-top:1px solid #7e0079;
         border-left:1px solid #7e0079;
         border-right:1px solid #7e0079;
         border-bottom:1px solid #ffffff;
         -moz-border-radius-topleft:8px;
         -moz-border-radius-topright:8px;
         -webkit-border-radius-topleft:8px;
         -webkit-border-radius-topright:8px;
         border-top-left-radius:8px;
         border-top-right-radius:8px;
         /*font-weight:bold;*/
         /*padding-left:12px;
         padding-right:12px;*/
         padding-left:3px;
         padding-right:3px;
         font-size:17px;
         font-weight:bold;
         text-decoration:none;
         overflow:visible;
    margin-left:6px;
    margin-right:6px;
}
a.fstabselected:hover {
  text-decoration:none;
  color: #000000;
}

div.fstabs {
  padding-left:8px;
  border-bottom:1px solid #7e0079;
}

div.fstabcontainer {
  background-color:#ffffff;
  padding:8px;
  clear: left;
  border-left: thin solid #7e0079;
  border-right: thin solid #7e0079;
  border-bottom: thin solid #7e0079;
  border-top: thin solid #7e0079;
/*
  border-top:1px solid #7e0079;
*/
}

.fscontainer {
  overflow:hidden;
  display:inline-block;
}
.fscontainer {
  display:block;
}

.fsbox {

  float:left;

  background-color:#ffffff;

  padding:8px;
  border-top:1px solid #7e0079;
  border-left:1px solid #7e0079;
  border-right:1px solid #7e0079;
  border-bottom:1px solid #7e0079;
         -moz-border-radius-bottomleft:8px;
         -moz-border-radius-bottomright:8px;
         -webkit-border-radius-bottomleft:8px;
         -webkit-border-radius-bottomright:8px;
         border-bottom-left-radius:8px;
         border-bottom-right-radius:8px;
  -moz-box-shadow: #666666 1px 1px 2px;
  -webkit-box-shadow: #666666 1px 1px 2px;
  box-shadow: #666666 1px 1px 2px;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}

.fsbox .fsbox-title {
  /*float:left;*/
  font-size:150%;
  font-weight:bold;
}

.fsinnerbox {
  /* background-color:#cccccc; */
  padding:2px;
  border: thin solid #999999;
  border-radius: .25em;
}

.fsinnerbox th,
.fsinnerbox label {
  font-weight:normal;
  font-size:80%;
  vertical-align: top;
  padding-top: 5px;
  color: #666666;
}

.fsinnerbox-title {
  font-size:110%;
  font-weight:bold;
  color: #333333;
}

.background {
  background-color:#f8f8f8;
}

table.grid {
  border: 1px solid #999999;  
  border-radius: 2px;
}

tr.row0 {
  background-color: #eeeeee;
}

tr.row1 {
  background-color: #ffffff;
}

.grid tfoot tr {
  background-color: #dddddd;
  font-style: italic;
}

/* border at the top of the footer, but not between footer rows */
.grid tfoot tr:first-child td {
  border-top: 1px dashed black;
}

th, td {
  vertical-align: top;
}

thead th.grid {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 2px;
  border: none;
  empty-cells: show;
/*  font-weight:normal; */
  font-size:90%;
  valign: bottom;
/*  color: #666666; */
  border-bottom: 1px solid #999999;
}

td.grid {
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 2px;
  border: none;
  empty-cells: show;
}

table.inv { border: none }
th.inv { border: none }
td.inv { border: none }

td.label {
  text-align: right;
}

.required {
  font-weight: bold;
}

.required::before {
  content: "* ";
  color: #ff0000;
}

.error {
  font-size: large;
  color: #ff0000;
}

table .error {
  font-weight: bold;
  font-size: medium;
  color: #ff0000;
}

div#overDiv {
  box-shadow: #333333 1px 1px 2px;
}

/* view/cust_main/packages/package.html */
div.package-marker-supplemental {
  height: 100%;
  border-left: solid #bbbbff 30px;
  display: inline-block;
}

div.package-marker-change_from {
  height: 100%;
  border-left: solid #bbffbb 30px;
  display: inline-block;
}