#tooltip1 { position: relative; }
    #tooltip1 a span { display: none; color:lightblue; }
    #tooltip1 a:hover span {text-align: center; display: block; position: fixed; width: 400px; background: lightblue ; height: 85px; left: 35%; top: 100px; color:black; padding: 0 5px; }

    #tooltip2 { position: relative; }
    #tooltip2 a span { display: none; color:lightblue; }
    #tooltip2 a:hover span {text-align: center; display: block; position: fixed; width: 800px; background: lightblue ; height: 195px; left: 25%; top: 100px; color:black; padding: 0 5px; }




.button{
                color:black;
                border:2px solid;
                background-color:SandyBrown;

}
.button2{

		background: transparent;
		border: none !important;
		font-size:0;

}
div.WarehouseR{
                font-size:14px;
                position:fixed;
                width:100%;
                background-color:whitesmoke;
                filter: alpha(opacity=100); /* internet explorer */
                top:0px;
                left:0%;
                border-width:2px;
                z-index: 2;
}

div.WarehouseR2{
                font-size:14px;
                position:absolute;
                width:100%;
                top:175px;
                left:0%;
                margin: 0px 0px 0px 0px;
                z-index: 1;
}
div.WarehouseR3{
                font-size:14px;
                position:fixed;
                width:100%;
                top:65px;
                left:90%;
                margin: 0px 0px 0px 0px;
                z-index: 3;
}
div.Warehouse{
                font-size:14px;
                position:fixed;
                width:100%;
                background-color:whitesmoke;
                filter: alpha(opacity=100); /* internet explorer */
                top:0px;
                left:0%;
                border-width:2px;
                z-index: 2;
}

div.Warehouse2{
                font-size:14px;
                position:absolute;
                width:100%;
                top:175px;
                left:0%;
                margin: 0px 0px 0px 0px;
                z-index: 1;
}
div.warehouse_confirm{
                font-size:14px;
                position:absolute;
                width:100%;
                top:275px;
                left:0%;
                margin: 0px 0px 0px 0px;
                z-index: 3;
}

div.Warehouse3{
                font-size:14px;
                position:fixed;
                width:100%;
                top:65px;
                left:90%;
                margin: 0px 0px 0px 0px;
                z-index: 3;
}

p.index {
                width:90px;

}


table.main {
		height:100%;
                min-height:100%;
		width:100%;
}

div.cart{
		font-size:14px;
		position:absolute;
		top:10%;
		left:10px;
		border-style:solid;
		border-width:3px;
		z-index: 2;
}

div.num-dis{
                font-size:14px;
                position:fixed;
                top:160px;
                left:50%;
          	margin: 0px 0px 0px -160px;
                border-style:solid;
                border-width:2px;
}
div.mess1{
		                font-size:14px;
                position:fixed;
                top:360px;
                left:50%;
                margin: 0px 0px 0px -160px;
                border-style:solid;
                border-width:2px;
}

div.error-dis{
                font-size:20px;
                position:fixed;
                top:260px;
                left:50%;
                margin: 0px 0px 0px -145px;
}

div.side-bar{
		text-align:center;
		border-top-style: solid;
		border-top-width: thick;
		border-top-color: purple;
		position:absolute;
		top:115px;
		left:18px;
		width:17%;
		font-size:18px;
		font-family: "Franklin Gothic Demi", Verdana, Arial, sans-serif;

.p.h2{
		font-size:18px;
}
h2{
		font-size:18px;

}
}
div.result{
		text-align:center;
}

div.interchange{
                font-size:1.5px;
		text-align:center;
                position:absolute;
                top:10px;
                left:2px;
                border-style:solid;
                border-width:3px;
                z-index: 2;
}

div.submit-order{
                font-size:14px;
                text-align:center;
                position:absolute;
                top:175px;
                right:35px;
}

    #text {
          position: fixed;
          top: 100px;
          left: 50%;
          margin: 0px 0px 0px -150px;
          font-size: 18px;
          text-align: center;
          width: 300px;
        }

#text-total-records {
          position: fixed;
          top: 200px;
          left: 50%;
          margin: 0px 0px 0px -150px;
          font-size: 14px;
          text-align: center;
          width: 300px;
	  background-color: whitesmoke;
        }
#text-current-record {
          position: fixed;
          top: 220px;
          left: 50%;
          margin: 0px 0px 0px -150px;
          font-size: 14px;
          text-align: center;
          width: 300px;
	  background-color: whitesmoke;
        }
#xfer_form {
          position: fixed;
          top: 360px;
          margin: 0px 0% 0px 35%;
          font-size: 14px;
          text-align: center;
          width: 360px;
          background-color: whitesmoke;
        }

#pxfer_form {
          position: fixed;
          top: 300px;
          margin: 0px 0% 0px 35%;
          font-size: 14px;
          text-align: center;
          width: 360px;
          background-color: whitesmoke;
        }

#barbox_a {
          position: fixed;
          top: 130px;
          left: 50%;
          margin: 0px 0px 0px -160px;
          width: 304px;
          height: 24px;
          background-color: black;
        }
  div.per {
          position: fixed;
          top: 131px;
	  width: 60px;
          font-size: 18px;
          left: 51%;
          margin: 1px 0px 0px 150px;
	  background-color: whitesmoke;
        }

  div.bar {
          position: fixed;
          top: 132px;
          left: 50%;
          margin: 0px 0px 0px -158px;
          width: 0px;
          height: 20px;
          background-color: #0099FF;
        }
#act_ind{
          position: fixed;
          top: 250px;
          margin: 0px 45% 0px 45%;
          width: 80px;
          height: 80px;
          background-color:  whitesmoke;
        }

#act_ind2{
          position: fixed;
          top: 50px;
          margin: 0% 90% 0% 5%;
          width: 80px;
          height: 80px;
          background-color:  LightCoral;
	  z-index:-0;
        }

#act_ind3{
          position: fixed;
          top: 50px;
          margin: 0% 90% 0% 5%;
          width: 80px;
          height: 80px;
          background-color:  whitesmoke;
	  z-index:-0;
        }


#xfer_Head{
          position:fixed;
	  width:100%;
          top: 0px;
	  z-index:3
          background-color:  whitesmoke;
        }


div.blank {
          background-color: white;
          width: 300px;
        }
#activityIndicator {
	position: relative;
	width: 130px;
	height: 130px;
	margin: 0 auto;
	-webkit-perspective: 500;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: spinnerAnim2;
}
@-webkit-keyframes spinnerAnim2 {
	0% { -webkit-transform: rotate(0deg) scale(.29); }
	100% { -webkit-transform: rotate(360deg) scale(.29); }
}
#activityIndicator > div:first-of-type {
	margin-left: 58px;
	margin-top 0;
	width: 50%;
	height: 50%;
}
#activityIndicator .blade {
	position: absolute;
	height: 40px;
	width: 14px;
	background-color: rgba(234,234,234, .30);
	-webkit-border-radius: 10px;
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 165%;
}

#activityIndicator .blade:nth-child(2) {
	-webkit-transform: rotate(30deg);
	background-color: rgba(212,212,212, .70);
}
#activityIndicator .blade:nth-child(3) {
	-webkit-transform: rotate(60deg);
	background-color: rgba(191,191,191, .70);
}
#activityIndicator .blade:nth-child(4) {
	-webkit-transform: rotate(90deg);
	background-color: rgba(170,170,170, .70);
}
#activityIndicator .blade:nth-child(5) {
	-webkit-transform: rotate(120deg);
	background-color: rgba(149,149,149, .70);
}
#activityIndicator .blade:nth-child(6) {
	-webkit-transform: rotate(150deg);
	background-color: rgba(128,128,128, .70);
}
#activityIndicator .blade:nth-child(7) {
	-webkit-transform: rotate(180deg);
	background-color: rgba(106,106,106, .70);
}
#activityIndicator .blade:nth-child(8) {
	-webkit-transform: rotate(210deg);
	background-color: rgba(85,85,85, .70);
}
#activityIndicator .blade:nth-child(9) {
	-webkit-transform: rotate(240deg);
	background-color: rgba(64,64,64, .70);
}
#activityIndicator .blade:nth-child(10) {
	-webkit-transform: rotate(270deg);
	background-color: rgba(42,42,42, .70);
}
#activityIndicator .blade:nth-child(11) {
	-webkit-transform: rotate(300deg);
	background-color: rgba(21,21,21, .70);
}
#activityIndicator .blade:nth-child(12) {
	-webkit-transform: rotate(330deg);
	background-color: rgba(0,0,0, .70);
}
.activityIndicator {
	/*
	The original height is:
	height: 304px;
	width: 305px;
	*/
	height: 40px;
	width: 40px;
	-webkit-background-size: 40px 40px;
	margin: 0px auto;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANUb...");
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: spinnerAnim;
}
@-webkit-keyframes spinnerAnim {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

#up_file{
                font-size:14px;
                position:absolute;
                top:80px;
                left:10px;
                border-style:solid;
                border-width:2px;
		border-color:black;
}
#wrapper-1 div, iframe {
        float: left;
	 margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
    height: 2px; /* .push must be the same height as .footer */
}
.footer2{
background-color:#D3D3D3 ;
color: black;
height: 15px;
bottom:5px;
position:static;
width:100%;
}