@charset "utf-8";
/* CSS Document */

div.iopBox {
	width: 898px;
	margin: 0px;
	padding: 0px;
}
div.iopBox div.iopBoxTitle {
	width: 240px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
div.iopBox div#iopBoxBody {
	width: 657px;
	position: relative;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
}
div.iopBox div.iopBoxTitle div.iopBoxBodyCanvas, 
div.iopBox div#iopBoxBody div.iopBoxBodyCanvas {
	width: auto;
}
div.iopBox div#iopBoxBody div.iopBoxBodyCanvas {
	position: relative;
	left: 0px;
}


div.iopBox table.color2 th { width: 208px; }
div.iopBox table.color3 th { width: 241px; }
div.iopBox table.color2,
div.iopBox table.color3 { margin-bottom:0; }
div.iopBox table.color3 th,
div.iopBox table.color3 td { border:none; padding:0; background:none; }
div#iopBoxScroll { margin-top:10px; }
div#iopBoxScroll2 { margin-bottom:10px; }


div#iopBoxNav2, 
div#iopBoxNav {
	position: relative;
	width: 657px;
	height: 15px;
	background-image: url(../image/scrollbar.gif);
	background-repeat: no-repeat;
}
 
div.scrollBarSlider {
	position: absolute;
	width: 622px;
	height: 15px;
	left: 18px;
	top: 0px;
}

div.scrollBarHandle_down, 
div.scrollBarHandle_on, 
div.scrollBarHandle {
	position: absolute;
	width: 50px;
	height: 15px;
	left: 18px;
	top: 0px;
	background-image: url(../image/scrollbar_handle.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;

}

div.scrollBarHandle {
	background-position: center -34px;
	border-right-color: #979797;
	border-left-color: #979797;
}

div.scrollBarHandle_on {
	background-position: center -17px;
	border-right-color: #466983;
	border-left-color: #466983;
}

div.scrollBarHandle_down {
	background-position: center 0px;
	border-right-color: #466983;
	border-left-color: #466983;
}

div.scrollBarLeftarrow_over, 
div.scrollBarRightarrow_over, 
div.scrollBarLeftarrow_down, 
div.scrollBarRightarrow_down, 
div.scrollBarLeftarrow_on, 
div.scrollBarRightarrow_on, 
div.scrollBarLeftarrow, 
div.scrollBarRightarrow {
	position: absolute;
	width: 17px;
	height: 15px;
	top: 0px;
	cursor: pointer;
	background-repeat: no-repeat;
}

div.scrollBarLeftarrow {
	left: 0px;
}

div.scrollBarRightarrow {
	left: 642px;
}

div.scrollBarLeftarrow_on {
	background-image: url(../image/btn_leftarrow.gif);
	background-position: left -17px;
	left: 0px;
}

div.scrollBarRightarrow_on {
	background-image: url(../image/btn_rightarrow.gif);
	background-position: left -17px;
	left: 642px;
}

div.scrollBarLeftarrow_down {
	background-image: url(../image/btn_leftarrow.gif);
	background-position: left 0px;
	left: 0px;
}

div.scrollBarRightarrow_down {
	background-image: url(../image/btn_rightarrow.gif);
	background-position: left 0px;
	left: 642px;
}

div.scrollBarLeftarrow_over {
	background-image: url(../image/btn_leftarrow.gif);
	background-position: left -34px;
	left: 0px;
}

div.scrollBarRightarrow_over {
	background-image: url(../image/btn_rightarrow.gif);
	background-position: left -34px;
	left: 642px;
}