/*.ui-header .ui-title, /* header */
.ui-footer /*.ui-title, /* footer */
.ui-btn-inner, /* button */
.ui-li-heading, /* listview heading */
.ui-li .ui-btn-text a.ui-link-inherit, /* listview link */
.ui-li-desc /* listview description */
{
overflow: visible;
white-space: normal;
}

.led-ind
{
  margin-left: 1px;
  margin-right: 1px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}

/* for old PC (not supported media queries */
.viewport{
  width: 49.9%;
  float:left;
  overflow: hidden;
  margin: 0 auto;
}
.item {
  width:49.9%;
  float:left;
  height:330px;
}
.hitem {
  width:100%;
  float:left;
}
.litem {
  width:49.9%;
  float:left;
  height:310px;
}
.daybtn {
  width:49.9%;
  float:right;
}
.gchartcap {
  background-color:#2c3e50;
  color:#fff;
}
.gchart {
  width:69.9%;
  float:left;
  height:300px;
}
.dgchart {
  width:100%;
  float:left;
}
.titem {
  width:30%;
  float:left;
}
.mtbl td, .mtbl th {
  font-size:medium;
  line-height:100%;
  text-align:right;
}

/* for iPhone portrait */
@media screen and (min-width: 300px) {
.viewport{
  width: 100%;
  float:left;
  overflow: hidden;
  margin: 0 auto;
}
.item {
  width:100%;
  float:left;
  height:200px;
}
.hitem {
  width:100%;
  float:left;
}
.litem {
  width:100%
  float:left;
}
.daybtn {
  width:100%;
  float:left;
}
.titem {
  width:100%;
  float:left;
}
table.mtbl {
  width:100%;
  border-collapse: collapse;
}
.mtbl td, .mtbl th {
  font-size:medium;
  line-height:100%;
  text-align:right;
}
tr.col1 {
  background-color:#e0e0e0;
}
tr.col2 {
  background-color:#f0f0f0;
}
tr.colh {
  background-color:#2c3e50;
  color:#fff;
}
.gchart {
  width:100%;
  height:200px;
}
.dgchart {
  width:100%;
}
}

/* for iPhone landscape */
@media screen and (min-width: 480px) {
.viewport{
  width: 100%;
  float:left;
  overflow: hidden;
  margin: 0 auto;
}
.item {
  width:100%;
  float:left;
  height:200px;
}
.hitem {
  width:100%;
  float:left;
}
.litem {
  width:100%;
  float:left;
}
.daybtn {
  width:100%;
  float:left;
}
.titem {
  width:60%;
  float:left;
}
.gchart {
  width:100%;
  height:200px;
}
.dgchart {
  width:100%;
}
}
/* for iPad portrait */
@media screen and (min-width: 750px) {
.viewport{
  width: 100%;
  float:left;
  overflow: hidden;
  margin: 0 auto;
}
.item {
  width:100%;
  float:left;
  height:400px;
}
.hitem {
  width:100%;
  float:left;
}
.litem {
  width:100%;
  float:left;
}
.daybtn {
  width:100%;
  float:left;
}
.titem {
  width:50%;
  float:left;
}
.gchart {
  width:70%;
  height:400px;
}
.dgchart {
  width:100%;
}
.titem {
  width:30%;
  float:left;
}
.mtbl td, .mtbl th {
  font-size:medium;
  line-height:100%;
  text-align:right;
}
}
/* for iPad landscape or PC */
@media screen and (min-width: 1024px) {
.viewport{
  width: 50%;
  float:left;
  overflow: hidden;
  margin: 0 auto;
}
.item {
  width:50%;
  float:left;
  height:330px;
}
.hitem {
  width:100%;
  float:left;
}
.litem {
  width:50%;
  float:left;
  height:310px;
}
.daybtn {
  width:50%;
  float:right;
}
.gchartcap {
  background-color:#2c3e50;
  color:#fff;
}
.gchart {
  width:70%;
  float:left;
  height:300px;
}
.dgchart {
  width:100%;
  float:left;
}
.titem {
  width:30%;
  float:left;
}
.mtbl td, .mtbl th {
  font-size:medium;
  line-height:100%;
  text-align:right;
}
}