@charset   "UTF-8";
* {
	margin:0;
	padding:0;
}

body {
	background-color:#FFE5BC;
	font-family:Verdana,Chicago;
	font-size:12px;
	text-align:center;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}

h1 {
	color:#888888;
	font-size:2.8em;
	height:56px;
	padding-top:5px;
	width:100%;
}

h2 {
	background-color:#FFCF83;
	border:1px solid #D98242;
	color:#5F0707;
	font-size:1em;
	letter-spacing:1px;
	margin-bottom:8px;
	padding:2px 0 2px 0px;
}

h3 {
	color:#660000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:7px;
}

h4 {
	color:#663333;
	font-size:1.2em;
	height:24px;
	margin-left:1em;
	margin-top:36px;
	text-indent:0.5em;
	width:480px;
}
h5 {
	font-size:100%;
	margin-top:8px;
	margin-bottom:8px;
}
h6 {
	font-size:100%;
	height:24px;
	margin-top:2px;
	padding-bottom:2px;
	color:#008888;
}

#top {
	color:#FFE5BC;
	font-size:2.4em;
}


*.sub{ font-size: 0.8em;  position: relative;  top: 0.4em;}
*.sup{ font-size: 0.8em;  position: relative;  top: -0.6em;}

p {	line-height:1.5em; margin-bottom:10px; }

#header {
	background-image:url(bg_head.gif);
	background-repeat:repeat-x;
	height:81px;
	width:720px;
	text-align:left;
	margin:0 auto;
}

#languagebox{
	text-align:right;
	height:21px;
	font-size: 21px;
}

#languagebox li{
	display:inline;
	list-style-type: none;
	line-height:21px;
	margin-right:10px;
	text-indent:5em;
}
#languagebox a { text-decoration:none; }
#languagebox a:hover { background-color:#0000ff; text-decoration:none; }
#languagebox img{ border: none; }


#main { clear: both; }

#menubox {height:32px; width:720px; }

#menu {
	background-image:url(bg_menu.gif);
	background-repeat:repeat-x;
	border-left:1px solid #CB9C49;
	border-bottom:1px solid #CB9C49;
	font-size:1.2em;
	height:32px;
	letter-spacing:1px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#menu li {
	display:inline;
	font-size:75%;
	height:32px;
	line-height:32px;
	text-align:center;
}

#menu li a {
	border-right:1px solid #CB9C49;
	color:#1A1414;
	display:block;
	float:left;
	font-weight:bold;
	padding:0 12px;
	text-decoration:none;
}


#navibox { text-align:left; width:720px; margin:0 auto; }

#submenu-box { padding: 0px; margin-bottom:8px; }

#submenu li {
	display:inline;
	font-size:100%;
	height:32px;
	text-align:center;
	padding:0 4px;
}


#abstract {
	padding: 0px;
	text-align:left;
	margin-bottom:18px;
	margin-left:auto;
	margin-right:auto;
	width:88%;
}


#diagram {
  float: left;
  width: 28%;
  border: solid 1px #cccccc;
	text-align:center;
	margin-bottom:28px;
}

#devices {
  float: left;
  width: 71%;
  border: solid 1px #cccccc;
	text-align:center;
	margin-bottom:28px;
}


#devices table{
	background-color:#ffffff;
	font-size : 88%;
	text-align : center;
	white-space: nowrap;
	width:100%;
}

#devices table th {
	background-color : #6699ff;
	color : #ffffff;
	text-decoration:none;
}

#devices table th.device {
	background-color:#e1e1e1;
	color : #000000;
	text-decoration:none;
}

#devices table td {
	background-color : #e1e1e1;
	text-decoration:none;
}


#settingflow {
	width: 100%;
	border: solid 1px #cccccc;
	text-align:center;
	margin-bottom:28px;
}


#devicetab {
	margin-top:25px;
}

#devicetab li {
	float:left;
	display:block;
	font-weight:bold;
}

#devicetab .on  {
	background-color:#ffcc77;
	width:100px;
	height:25px;
	margin-right:5px;
	text-align:center;
	color: brown;
}

#devicetab .off {
	background-color:#ffcccc;
	width:100px;
	height:25px;
	margin-right:5px;
	text-align:center;
	cursor: pointer;
	color:gray;
}


*.floatclear {
   clear: both;
}



#main-content {
	margin-bottom:48px;
	padding-top:1em;
	text-align:center;
	width:100%;
}

#main-content-in {
	margin:0 auto;
	width:640px;
}


#flow_item{
	background:#ffcc77;
	text-align:left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}



#flow_code {
	background:#000000;
	border: 1px solid #555555;
	text-align:left;
	color:yellow;
	font-weight:bold;
	padding:10px;
}

#flow_code_title{
	background:#444444;
	color:white;
	text-align:left;
	margin-bottom:10px;
}


#registers{
	border: 1px solid #555555;
	margin-bottom:28px;
}

#reg_title{
}

#reg_items a:hover{
	background-color:#ffffff;
}


#f_reg {
	border:1px solid #000000;
}

#f_reg_list {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#f_reg_boxes {
	width:100%;
}

#f_reg_boxes div.f_reg_box{
	border: 1px solid #000000;
}



#f_reg_boxes table{
	background-color:#ffffff;
	font-size : 88%;
	text-align : center;
	white-space: nowrap;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	table-layout: fixed;
}

#f_reg_boxes table th {
	background-color:#f1f1f1;
	color : #000000;
}

#f_reg_boxes table th.title {
	background-color : #6699ff;
	color : #ffffff;
}


#f_reg_boxes table td {
	background-color : #e1e1e1;
}

#f_reg_boxes table td.subtitle {
	background-color : #f0f0f0;
	color:#008800;
}

img.f_reg_box_diagram{
	width:500px;
	height:20px;
}

div.f_reg_box {
	margin-top:18px;
}

div.f_reg_diagram{
	width:100%;
	margin-left:10px;
}

div.f_reg_diagram a{
	text-decoration:none;
	font-weight:bold;
	font-size:100%;
}

div.f_reg_description{
	width:80%;
	margin: auto;
	text-align:left;
}

span.reg_address {
	float: left;
	width:100px;
	font-weight:bold;
	text-align:left;
}

span.reg_name {
	float: left;
	width:200px;
	font-weight:bold;
	text-align:left;
}

span.reg_desc {
	float: left;
	width:320px;
	font-weight:bold;
	text-align:left;
}

div.reg_item_container {
	border: 1px solid #555555;
	padding:5px;
}

div.reg_item_container:hover {
	background-color:#ffffff;
}


table.reg_table{
	width:100%;
	background-color:#f0f0f0;
}

table.reg_table .bit{	width: 10px; }
table.reg_table .rw{ width: 10px; }
table.reg_table .name{ width: 150px; }
table.reg_table .init{ width: 10px; }
table.reg_table .state{ }


#description{
	width:100%;
	margin-top:58px;
	border: 1px solid #000000;
	text-align:left;
	padding:5px;
}

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
	font-size:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#flow_item a.f_title{
	text-decoration:none;
	font-weight:bold;
	color:blue;
	margin:0px;
	cursor:pointer;
}

#flow_item li{
	list-style-type: none;
  text-align:left;
}

#flow_item li.f_title{
	border-top:1px dashed #999999;
}

#flow_item li.f_title_t {
}

#flow_item li.f_title_h {
	border-top:1px dashed #999999;
	padding-top:12px;
	padding-bottom:3px;
	font-weight:bold;
	color:#bb3333;
}

#flow_item li.f_title_ht {
	padding-top:12px;
	padding-bottom:3px;
	font-weight:bold;
	color:#bb3333;
}

#flow_item li.f_title:hover{
	background-color:#ffdd88;
}


#flow_item span.f_icon{
	margin-top:10px;
	float:left;
}

#flow_item span.f_title{
	margin-top:10px;
	padding-left:8px;
	float:left;
	width:130px;
}

#flow_item div.f_setvalue{
	margin-top:10px;
	float:left;
	width:100px;
	border-left: 1px dashed #999999;
	padding-left:5px;
}

#flow_item div.f_var{
	margin-top:10px;
	margin-right:15px;
	float:left;
	color:#aa5533;
	text-decoration:underline;
}


#flow_item label.default {
	background-color:#ffee99
}

li.f_item{
	list-style-type: none;
  text-align:left;
	margin-left:20px;
}


li.m_s {
	list-style-type: none;
  background-image: url('k-0.gif');
  background-repeat: no-repeat;
	background-position: 0px 25px;
  text-indent: 18px;
  text-align:left;
	height: 49px;
	line-height: 49px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
	font-weight:bold;
	color:#771155;
}

li.m_m {
	list-style-type: none;
  background-image: url('k-1.gif');
  background-repeat: no-repeat;
	background-position: 0px 0px;
  text-indent: 23px;
  text-align:left;
	height: 16px;
	margin:0px;
	padding:0px;
}

li.m_t {
	list-style-type: none;
  text-indent: 23px;
  text-align:left;
	height: 16px;
	margin:0px;
	padding:0px;
}

li.m_e {
	list-style-type: none;
  background-image: url('k-2.gif');
  background-repeat: no-repeat;
	background-position: 0px 0px;
  text-indent: 23px;
  text-align:left;
	hight: 16px;
	margin:0px;
	padding:0px;
}

li.e_s {
	list-style-type: none;
  background-image: url('k-0.gif');
  background-repeat: no-repeat;
	background-position: 3px 25px;
  text-indent: 18px;
  text-align:left;
	height: 49px;
	line-height: 49px;
	margin:0px 0px 0px 0px;
	padding:0px;
	vertical-align:bottom;
	font-weight:bold;
	color:#771155;
}

li.e_m {
	list-style-type: none;
  background-image: url('k-1.gif');
  background-repeat: no-repeat;
	background-position: 3px 0px;
  text-indent: 23px;
  text-align:left;
	height: 16px;
	margin:0px;
	padding:0px;
}

li.e_m_h {
	list-style-type: none;
  background-image: url('k-1.gif');
  background-repeat: no-repeat;
	background-position: 3px 0px;
  text-indent: 20px;
  text-align:left;
	height: 16px;
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:brown;
}


li.e_e {
	list-style-type: none;
  background-image: url('k-2.gif');
  background-repeat: no-repeat;
	background-position: 3px 0px;
  text-indent: 23px;
  text-align:left;
	hight: 16px;
	margin:0px;
	padding:0px;
}

li.e_t {
	list-style-type: none;
  text-indent: 23px;
  text-align:left;
	height: 16px;
	margin:0px;
	padding:0px;
}


ul.lm{
	border-left: 3px solid #000000;
}

ul.le{
  background-image: url('k-3.gif');
  background-repeat: no-repeat;
	margin-bottom:28px;
}

input {
	height:16px;
	font-size:12px;
	vertical-align: middle;
}

select {
	height:16px;
	font-size:12px;
	vertical-align: middle;
}


table
{
  border-left: solid 1px #999999;
  border-bottom: solid 1px #999999;
	font-size:12px;
}

th,td
{
	font-size:12px;
  border-top: solid 1px #999999;
  border-right: solid 1px #999999;
}

#footer a{
	text-decoration: none;
	color:black;
}


.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img { visibility: hidden; }
.highslide img { border: 2px solid gray; }
.highslide:hover img { border: 2px solid white; }
.highslide-wrapper { background: white; }
.highslide-image { border: 2px solid white; }
.highslide-image-blur { }
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }