*{
margin:0;
padding:0;
}

html{
	overflow-y:scroll;
}

body{
/*font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;*/
text-align:center;
color:#333;
font-size: 76%;
background:#fff;
margin:10px auto auto 0;
padding:0;

}

/* General Style Info */
a{
color:#003d4c;
text-decoration:underline;
}
a:hover{
color:#003d4c;
}

a img{
border:none;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #003d4c;
margin:0.3em 0;
font-size: 180%;
font-weight:bold;
}


h2{
color:#333 ;
margin-bottom:30px;;
border-left:10px solid #F66;

padding:5px 10px;
font-size: 190%;
font-weight:bold;
background-color:#fff;
}

h3{
color:#000;
padding-top:2em;
font-size: 14px;
font-weight:bold;
background-color:#E8E8E8;
border-left:5px solid #003377;
width:390px;
height:16px;
padding:5px 0px 5px 6px;
margin:0px;
}

h4{
color:#E04934 ;
padding-top:0.5em;
font-weight:normal;
font-weight:bold;
}

em {
font-size: 12px;
}

ul, li {
margin: 0 12px;
}

/* Layout */

#container{
  text-align:left;
  background:#fff;
  margin:0px auto;
	padding:0px;
  width:900px;
}



#header{
position:relative;
padding: 4px 20px 20px 20px;
height:95px;
}

#content{
clear:both;
padding: 0px 23px 10px 23px;
background-color: #fff;
color: #333;
}
#footer{
border-top:1px solid #aaa;
background:#eee;
margin:50px 20px 0px 20px;
clear:both;
padding: 6px 10px;
text-align: right;
}

/* tables */

table.index {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
table.index th {
background-color:#fffbef;
color:#333;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size:100%;
margin-top: 1em;
text-align: center;
padding:5px 4px;
}
table.index tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table.index tr.altRow td {
background: #f4f4f4;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

/* scaffold show */

div.related {
clear:both;
display:block;
}
dl {
line-height:2em;
margin:0em 1em;
float:left;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin-left:15em;
margin-top:-2em;
vertical-align:top;
}

/* notices and errors */

#flashMessage, .error, .error_message {
color:#333;
font-size: 16px;
background-color: #fdd;
padding:20px;
border:1px solid #999;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
padding:5px;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/* forms */

form {
margin-top: 0em;
}

form div.required,form div.optional,form div.submit{
vertical-align: text-top;
margin-left: 1em;
margin-bottom:2em;
overflow: auto;
}

form div.date{
margin-left: 0em;
}
label {
display: block;
font-size: 14px;
padding-right: 20px;
}
input[type=checkbox] {
float: left;
/*clear: left;*/
margin: 2px 6px 7px 2px;
}
input, textarea {
/*clear: both;
display:block;*/
font-size: 14px;
font-family: inherit;
}


select {
clear: both;
/*
vertical-align: text-bottom;
*/
font-size: 14px;
font-family: inherit;
}
option {
font-size: 14px;
font-family: inherit;
padding: 0 0.3em;
}
input[type=submit] {
display: inline;
vertical-align: bottom;
}
.required{
clear: both;
color:#222;
font-weight:bold;
}
.optional{
clear: both;
color:#555;
}
.submit {
clear: both;
margin-top: 40px;
margin-left: 140px;
}
/* action links */
ul.actions {
margin:20px 0px;
padding:10px 0px;
border-top:1px dotted #999;
clear:both;
}
ul.actions li {
margin-top: 4px;
}

ul.actions li a{
margin-top: 4px;
font-size:160%;
font-weight:bold;
}

pre {
padding: 1em;
}

.buy{
  margin:20px;
  padding:20px;
  border:1px dotted #999;
  font-weight:normal;
  font-size:120%;
}
#header #tab{
  width:100%;
  font-size:100%;
  line-height:normal;
  position:absolute;
	padding:0px;
  bottom:13px;
  left:20px;
}

#header #tab ul{
  margin:0;
  padding:2px;
  list-style:none;
  width:860px;
  float:left;
  overflow:hidden;
	background-color:#fff;
}
#header #tab ul.other{
  width:360px;
  float:right;
  overflow:hidden;
}

#header #tab li{
	float:left;
	padding:0px;
	margin:0px;
}

.btn1 a{
  background:url("/img/head_menu.gif");
  background-position:0px 0px;
  height:23px;
	width:90px;
  text-indent:-9999px;
  display:block;
}

#current1 a{
  background-position:0px -23px;
	width:90px;
  height:23px;
}
.btn1 a:hover{
  background-position:0px -46px;
	width:90px;
  height:23px;
}

.btn2 a{
  background:url("/img/head_menu.gif");
  background-position:-90px 0px;
  height:23px;
	width:89px;
  text-indent:-9999px;
  display:block;
}

#current2 a{
  background-position:-90px -23px;
	width:89px;
  height:23px;
}
.btn2 a:hover{
  background-position:-90px -46px;
	width:89px;
  height:23px;
}

.btn3 a{
  background:url("/img/head_menu.gif");
  background-position:-179px 0px;
  height:23px;
	width:89px;
  text-indent:-9999px;
  display:block;
}

#current3 a{
  background-position:-179px -23px;
	width:89px;
  height:23px;
}
.btn3 a:hover{
  background-position:-179px -46px;
	width:89px;
  height:23px;
}


.btn4 a{
  background:url("/img/head_menu.gif");
  background-position:-268px 0px;
  height:23px;
	width:88px;
  text-indent:-9999px;
  display:block;
}

#current4 a{
  background-position:-268px -23px;
	width:88px;
  height:23px;
}
.btn4 a:hover{
  background-position:-268px -46px;
	width:88px;
  height:23px;
}

.btn5 a{
  background:url("/img/head_menu.gif");
  background-position:-357px 0px;
  height:23px;
	width:88px;
  text-indent:-9999px;
  display:block;
}

#current5 a{
  background-position:-357px -23px;
	width:88px;
  height:23px;
}
.btn5 a:hover{
  background-position:-357px -46px;
	width:88px;
  height:23px;
}

.btn6 a{
  background:url("/img/head_menu.gif");
  background-position:-446px 0px;
  height:23px;
	width:88px;
  text-indent:-9999px;
  display:block;
}

#current6 a{
  background-position:-446px -23px;
	width:88px;
  height:23px;
}
.btn6 a:hover{
  background-position:-446px -46px;
	width:88px;
  height:23px;
}

.btn7 a{
  background:url("/img/head_menu.gif");
  background-position:-535px 0px;
  height:23px;
	width:88px;
  text-indent:-9999px;
  display:block;
}

#current7 a{
  background-position:-535px -23px;
	width:88px;
  height:23px;
}
.btn7 a:hover{
  background-position:-535px -46px;
	width:88px;
  height:23px;
}

.btn8 a{
  background:url("/img/head_menu.gif");
  background-position:-624px 0px;
  height:23px;
	width:88px;
  text-indent:-9999px;
  display:block;
}

#current8 a{
  background-position:-624px -23px;
	width:88px;
  height:23px;
}
.btn8 a:hover{
  background-position:-624px -46px;
	width:88px;
  height:23px;
}

.btn9 a{
  background:url("/img/head_menu.gif");
  background-position:-713px 0px;
  height:23px;
	width:138px;
  text-indent:-9999px;
  display:block;
}

#current9 a{
  background-position:-713px -23px;
	width:138px;
  height:23px;
}
.btn9 a:hover{
  background-position:-713px -46px;
	width:138px;
  height:23px;
}




#header #plant_change{
  position:absolute;
  top:15px;
  left:200px;
  margin:0px;
  padding:0px;
}


#header h1{
/*height:30px;*/
}

#header h4{
	padding:20px 0px 5px 0px;
	float:right;
	color:#333;
}

#header #btn a{
  background:url(/img/btn_logout.gif) no-repeat;
	width:90px;
	height:23px;
	text-indent:-2000px;
	display:block;
	float:right;
	clear:right;
}

#header #btn a:hover{
  background-position:0px -23px;
}

#header #logo{
	float:left;
	text-indent:-1000px;
  background:url(/img/logo.gif) top left no-repeat;
	width:320px;
	height:60px;
	clear:both;
}

#member_search{
  margin:0 auto 20px auto;
  text-align:center;
}

.checkboxs{
  margin:0px;
  padding:0px;
}
/*
.checkboxs div{
  float:left;
  margin:0px;
  padding:0px;
}*/
.checkboxs label{
  display:inline;
  width:auto;
}

#page_nav{
  text-align:center;
}
.confirm{
  margin:0px;
}

.note{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.report{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.entry_url{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.album_url{
  background:#eee;
  border:1px solid #ccc;
  margin:20px 0px;
  padding:10px;
}

.result_table{
  background:#eee;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  margin:0px 0px 20px 0px;
}

.result_table th{
  border-right:1px solid #ccc;
  margin:0px;
  padding:4px;
  background:#666;
  color:white;
}

.result_table td{
  border-right:1px solid #ccc;
  margin:0px;
  padding:4px;
}

.result_table .td0{
  background:#fff;
}

.result_table .td1{
  background:#eee;
}

.login_form{
  padding:20px 30px;
}

.login_form_base{
  width:287px;
	height:145px;
  text-align:right;
  margin:50px auto;
  background:url(/img/back_login.gif) no-repeat;
}

.login_form form{
  margin:0px;
  padding0px;
}

.login_form form div{
  margin:10px 0px;
}

.bar_braph_module{
  background:#eee;
  width:120px;
  height:300px;
  float:left;
  border:1px solid #999;
  margin:5px;
  position:relative;
}

.bar_braph_module .machine_name{
  position:absolute;
  top:3px;
  left:5px;
  width:110px;
  background:#fff;
  padding:2px 0px;;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}

.bar_braph_module .signal_name{
  position:absolute;
  top:25px;
  left:5px;
  width:110px;
  background:#fff;
  padding:2px 0px;;
  border-bottom:1px solid #ccc;
  border-right:1px solid #ccc;
  text-align:center;
}

.bar_braph_module .value{
  position:absolute;
  bottom:0px;
  width:100%;
  background:#fff;
  text-align:center;
}

.bar_braph_module .max_value{
  position:absolute;
  top:65px;
  left:5px;
}
.bar_braph_module .middle_value{
  position:absolute;
  top:165px;
  left:5px;
}
.bar_braph_module .min_value{
  position:absolute;
  top:265px;
  left:5px;
}

.bar_braph_module .scale{
  position:absolute;
  background:url(/img/bar_graph_scale.gif) top left no-repeat;
  width:20px;
  height:202px;
  top:74px;
  left:35px;
}
.bar_braph_module .bar_wrap{
  position:absolute;
  width:25px;
  height:200px;
  top:74px;
  left:75px;
  border:1px solid #333;
  background:#fff;
  overflow:hidden;
}
.bar_braph_module .bar_wrap .value_bar{
  background: #99f;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  bottom:0px;
  overflow:hidden;
}

.bar_braph_module .limit_bar_wrap{
  position:absolute;
  width:5px;
  height:200px;
  top:74px;
  left:65px;
  border:1px solid #333;
  background:#aaf;
  overflow:hidden;
}
.bar_braph_module .limit_bar_wrap .lower_bar{
  background: #faa;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  bottom:0px;
  overflow:hidden;
}
.bar_braph_module .limit_bar_wrap .upper_bar{
  background: #faa;
  height:100%;
  width:100%;
  position:absolute;
  left:0px;
  top:0px;
  overflow:hidden;
}
.clear{
  clear:both;
}



tr.row_1 td{
}

tr.row_0 td{
  background:#eeeeee;
}


#view_page{
  position:absolute;
  right:120px;
  top:45px;
  widht:200px;
  height:10px;
  font-weight:bold;
  font-size:16px;
}


.top_left{
	float:left;
	width:390px;
	margin:0px 0px 0px 0px;
}

.top_right{
	float:right;
	width:390px;
	margin:0px 20px 0px 0px;	
}

.btn_top{
  background:url("/img/btn_top.gif");
	background-repeat:no-repeat;
	width:210px;
	height:25px;
	display:block;
	text-indent:-9999px;
	margin:0px 0px 50px 0px;
}

#top p{
	padding:20px 0px 10px 5px;
	font-size:100%;
	line-height:160%;
}
.top_left_b{
	float:left;
	width:120px;
	margin:0px 0px 0px 0px;
}

.top_right_b{
	float:right;
	width:420px;
	margin:0px 310px 0px 0px;	
}

.mobile_url{
  font-size:160%;
  font-weight:bold;
}

#view_qr{
  position:absolute;
  right:300px;
  top:0px;
  widht:200px;
  height:10px;
}

#view_url{
  position:absolute;
  right:120px;
  top:60px;
  widht:500px;
  height:10px;
  font-weight:bold;
  font-size:16px;
  text-align:right;
}