body{
margin: 0 0 0 0;
padding-top: 25px;
padding-right: 50px;
padding-bottom: 25px;
padding-left: 50px;
background-color: #FFF;
font-size   : 10px;
font-family : Arial, Helvetica, sans-serif;
}


.key{
background-color: #E1E1E1;
color: #CC1703;
cursor: pointer;
font-size   : 15px;
font-weight: bolder;
padding-right: 30px;
padding-left: 30px;
	border: 2px solid #7c412b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

.button{
width: 200px;
background-color: #ADA399;
border: 3px solid #FFF;
color: #FFF;
height: 50px;
cursor: pointer;
}

input {
	font-size: .9em;
}

input:focus {
    background-color: #ECECC2;
}

select {
	display: inline;
	margin: 0 5px;
	border: 2px solid #7c412b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #000;
	background: #E1E1E1;
	font-weight: bold;
	-webkit-appearance: none;

display:inline-block; vertical-align:top; overflow:hidden; border:solid grey 1px; 
padding:10px; margin:-5px -20px -5px -5px;
}

select *:focus{
	border: 2px solid #7c412b;
	outline: none;
}


input {
	border: 2px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	display: block;
	margin: 0;
	padding: .4em;
	width: 80%;
}


/* Place a border around focused fields */

form *:focus {
	border: 2px solid #7c412b;
	outline: none;
}

h1{
border: 1px solid #000;
}

hr{
width: 100%;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}


/* Submit buttons */

.buttons {
	text-align: center;
	margin: 20px 0 0 -80px;
}

input[type="submit"], input[type="button"] {
	display: inline;
	margin: 0 5px;
	margin-left:20px;
	width: 10em;
	padding: 10px;
	border: 2px solid #7c412b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	color: #fff;
	background: #ca5f34;
	font-weight: bold;
	-webkit-appearance: none;
}

input[type="submit"]:hover, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:active {
	cursor: pointer;
	background: #fff;
	color: #ef7d50;
}

input[type="button"]:active, input[type="button"]:active {
	background: #eee;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}


table{

/*
background-image: url("../images/backlogin.jpg");
background-repeat: no-repeat;
*/
}

form td{
color: #000;
}

#bar_code{
color: #000;
}

#print_only{
color: #000;
}


/* BLINER */

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


/* TABS AREA */

.tabs {
  position: relative;   
  min-height: 370px; /* This part sucks */
  height: 370px;
  clear: both;
  margin: 25px 0;
  
}
.tab {
  float: left;
}
.tab label {
  background: #eee; 
  padding: 10px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  cursor: pointer;
}
.tab [type=radio] {
  display: none;   
}
.tabcontent {
  position: absolute;
  top: 23px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;
  border: 1px solid #ccc; 
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
  cursor: default;
}
[type=radio]:checked ~ label ~ .tabcontent {
  z-index: 1;
}

#page-wrap {
  margin: 0;
  padding: 0;
  
}

#map_canvas{
position: relative;
float: right;
border: 3px solid grey;
width: 500px;
height: 295px;
z-index: 0;
}

#maptab {
position: relative;
float: left;
width: 200px;
height: 295px;
}

#maintenanceimage{
position: relative;
float: right;
top: -53px;
border: 3px solid grey;
width: 500px;
height: 295px;
z-index: 0;
}

#maintenancetext {
position: relative;
float: left;
width: 200px;
height: 295px;
}