body {
  font-size:100%;
  /*font-family:Arial,sans serif; */
  /*font-weight:bold;*/
  color:#ffffff;
}

/*
h1 {
   font-size: 25px;
}

.calendar-icon {
   display: inline-block;
   vertical-align: middle;
   width: 32px;
   height: 32px;
   background: url(images/calendar.png);
}
*/

input, textarea, fieldset {
   border: 1px solid #ffffff;
   padding: 5px;
   /* width: 200px; */
}

fieldset.detail {
   height: 100%;
}

.room-chart a {color:#ffffff;outline:none;text-decoration:none}
.room-chart a:hover {text-decoration:none}

table.login{ 
  border-collapse: collapse;
  border-spacing: 0;
  width:30%;
}

table.room-chart{ 
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}

td.head-chart{
  vertical-align:middle;
  border:1px solid #ffffff;
  border-width:3px 3px 3px 3px;
  text-align:center;
  padding:5px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
  width:7.69%;
  height:10%;
}

td.room-chart{
  vertical-align:middle;
  border:1px solid #ffffff;
  border-width:3px 3px 3px 3px;
  text-align:center;
  padding:5px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
  width:7.69%;
  height:15%;
}

table.room{ 
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:100%;
  padding:0px;
}

td.room{
  text-align:center;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
  width:100%;
  height:25%;
}

table.meter{ 
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:10%;
  margin:0px;padding:0px;
}

td.meter{
  vertical-align:middle;
  /*border:3px solid #ffffff;*/
  border-width:2px 2px 2px 2px;
  text-align:center;
  padding:1px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
}

table.parking{ 
  border-collapse: collapse;
  border-spacing: 0;
  width:100%;
  height:90%;
  padding:0px;
}

td.parking{
  vertical-align:middle;
  border:1px solid #ffffff;
  border-width:3px 3px 3px 3px;
  text-align:center;
  padding:5px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#ffffff;
  width:14.28%;
}

td.noparking{
  vertical-align:middle;
  border:1px solid #ffffff;
  border-width:3px 3px 3px 3px;
  text-align:center;
  padding:5px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#111111;
  width:14.28%;
}

td.noroof{
  vertical-align:middle;
  border:1px solid #111111;
  border-width:1px 1px 1px 1px;
  text-align:center;
  padding:5px;
  font-size:100%;
  font-family:Arial;
  font-weight:bold;
  color:#111111;
  width:14.28%;
}

td.top{
  vertical-align:top;
}

i{
  font-weight:normal;
}

div.normal{
  font-weight:normal;
}

img.vmiddle{
  vertical-align:middle;
}

label.sja1 {
    background:yellow;
    color:red;
    border-radius:8px;   
    padding:0.5em;
    margin:0.01em;
    cursor:pointer;
	position: relative;
	float: left;
}

label.sja {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 15px 5px 38px;
    font-size: 13px;
    line-height: 17px;
    color: red;
    background: yellow;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

label.sja:hover {
    background:#ccc;   
}

td.sja{
  padding:2px;
}

/* hide input */
input.radio:empty {
	margin-left: -9999px;
}


/* We are using CSS3 Property "transition" for the animating blinking text effect */
/*p {transition: color 200ms ease;} */
 
/* The class "Blink" is set to be transparent */
/*p.blink {color:transparent;} */

/* start image blink */
@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
img.blink {
    -webkit-animation: blink 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: blink 1s;
    -moz-animation-iteration-count: infinite;
    -o-animation: blink 1s;
    -o-animation-iteration-count: infinite;
}
/* end image blink */