.labelhead {
  position: relative;
   /*position: relative;
   clear: both;
   left: 1px;
   margin-left: -1px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;*/
  font-family: verdana;
  font-size:1.4em;
  font-weight: bold;
  color: #ffff00;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 3px -3px 6px rgba(0, 0, 0, 0.71);
  padding: 5px 20px;
  border: 1px solid #ccc;
  background-color: #729EBF;
  background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
  background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
  z-index: 1;
  /*width: 100%;*/
}
.labelhead input, .labelhead a {
    border-radius: 5px;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);
    padding: 3px 20px;
    border: 1px solid #ccc;
    color: #ffffff;
	margin-left: 10px;
    font-family: 'trebuchet ms', geneva;
	font-size: 16pt;
    font-weight: bold;
    cursor: pointer;
    background-color: #8CC5E6;
    background-image: -webkit-linear-gradient(top, #8CC5E6 0%, #2883B8 100%);
    background-image: linear-gradient(to bottom, #8CC5E6 0%, #2883B8 100%);
}
.labelhead a {
    text-decoration: none;
}
.maincontent {
  position: relative;
  top: 0px;
  /*clear: both;
  top: 2px;28px;
  left: 0;
  right: 0;
  bottom: 0;*/
  border: 0 1px 0 1px solid #ccc;/*1px 1px 0 1px solid #ccc;*/
  border-radius: 0px 0 0px 0px;/*0px 10px 0px 0px;*/
  box-shadow: 6px 0px 10px rgba(0, 0, 0, 0.41);
  background: white;
  padding: 20px;
  overflow: auto;
}
.maincontent > * {
  opacity: 0;

  -webkit-transform: translate3d(0, 0, 0);

  -webkit-transform: translateX(-100%);
  -moz-transform:    translateX(-100%);
  -ms-transform:     translateX(-100%);
  -o-transform:      translateX(-100%);

  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -ms-transition:     all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
.maincontent {
      z-index: 0;
}
.maincontent > * {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform:    translateX(0);
  -ms-transform:     translateX(0);
  -o-transform:      translateX(0);
}

.maincontent table {
  /*width: 100%;*/
  background-color: #CCFFCC;
  border-collapse: separate;
  border-spacing: 10px 20px;
}
.maincontent table th {
  width: 400px;
  /*font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;*/
  padding: 10px;
  background-color: white;
  vertical-align: middle;
  /*line-height: 95px;*/
  /*color: #FFED85;*/
}
.maincontent table th img {
  float: left;
  /*width: 95px;*/
  height: 95px;
  border: 4px solid white;
  box-shadow: 6px 6px 10px grey;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -ms-transition:     all 0.6s ease;
  -o-transition:      all 0.6s ease;
  margin-right: 10px;
}
.maincontent table th img:hover {
  opacity: 0.8;
  -webkit-transform: rotate(7deg);
  -moz-transform:    translateX(0);
  -ms-transform:     translateX(0);
  -o-transform:      translateX(0);
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -ms-transition:     all 0.6s ease;
  -o-transition:      all 0.6s ease;
}
.maincontent table th span {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  /*width: 170px;
  float: left;
  padding-top: 30px;*/
  font-size: 23px;
  font-family: Arial, Helvetica, sans-serif;
}
.maincontent table td {
  /*width: 60%;*/
  /*font-size: 25px;
  font-family: Arial, Helvetica, sans-serif;*/
  padding: 5px;
  vertical-align: middle;
  background-color: white;
  /*background-image: linear-gradient(to right, white, #CCFFCC 40%);*/
}

.ingridian {
  background-image: linear-gradient(to right, #ffffff 20%, #FFD700);
  width: 390px;
  height: 15px;
  padding: 2px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  border: 1px solid #ddd;
  font-weight: bold;
  clear: both;
}
.ingridian .first {
  color: #FFD700;
}
.ingridian .last {
  float: right;
  color: #ffffff;
}

.maincontentfoot {
    position: relative;
    clear: both;
    min-height: 25px;
  	text-align: right;
    border: 0 1px 1px 1px solid #ccc;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 1);
    padding: 7px;
    background-color: #729EBF;
    background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
    background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}

.maincontentfoot div:nth-child(1) {
    position: absolute;
	/*top: 5px;*/
	right: 10px;
	width: 300px;
	text-align: right;
}
.maincontentfoot div:nth-child(2) {
	position: relative;
    margin: auto;
	width: 300px;
    height: 32px;
    background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}
.maincontentfoot div:nth-child(2) span {
    margin-top: 5px;
	display: inline-block;
	font-family: 'trebuchet ms', geneva;
	font-size: 15pt;
	font-weight: bold;
}
.maincontentfoot div:nth-child(2) img {
	position: absolute;
	cursor: pointer;
}
.maincontentfoot div:nth-child(2) img:nth-child(1) {
	left: 10px;
}
.maincontentfoot div:nth-child(2) img:nth-child(2)  {
	left: 50px;
}
.maincontentfoot div:nth-child(2) img:nth-child(3) {
	right: 50px;
}
.maincontentfoot div:nth-child(2) img:nth-child(4)  {
	right: 10px;
}
.maincontentfoot div:nth-child(2) .grayarrow  {
	cursor: default;
}
.maincontentfoot input, .maincontentfoot a {
    border-radius: 5px;
    box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.5);
    padding: 3px 20px;
    border: 1px solid #ccc;
    color: #ffff00;
	margin-left: 10px;
    font-family: 'trebuchet ms', geneva;
	font-size: 16pt;
    font-weight: bold;
    cursor: pointer;
    background-color: #8CC5E6;
    background-image: -webkit-linear-gradient(top, #8CC5E6 0%, #2883B8 100%);
    background-image: linear-gradient(to bottom, #8CC5E6 0%, #2883B8 100%);
}
.maincontentfoot a {
    text-decoration: none;
}