
/*html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/
HTML {
	MARGIN-BOTTOM: 1px; HEIGHT: 100%
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
body {
	background-color: #41566E;
	background-image: url(/export/system/modules/cn.opencms.style.default/resources/default/op_bg_top.png);
	background-repeat: repeat-x;
	FONT-SIZE: 12px; MARGIN: 0px; HEIGHT: 100%
}
SELECT {
	FONT-SIZE: 12px; COLOR: #000000; BACKGROUND-COLOR: #E1E5E7;
}
A:link {
	FONT-WEIGHT: normal; COLOR: #ab290f; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: normal; COLOR: #ab290f; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: normal; COLOR: #c00; TEXT-DECORATION: underline
}
P {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 3px; TEXT-ALIGN: left
}
div, p,  table, td, th {
	font-family: Lucida Grande, Verdana,Helvetica,Arial,sans-serif;
	line-height: 140%;
	color: #666;	
}
TABLE.menublock {
	MARGIN: 0px 15px
}
H3,H4 {
	MARGIN: 0px
}
DIV#content {
	MARGIN-LEFT: auto; WIDTH: expression(document.body.clientWidth > 950? "950px": "auto" ); MARGIN-RIGHT: auto; HEIGHT: 100%; min-width: 750px; max-width: 950px
}
DIV#top {
	BACKGROUND: url(/export/system/modules/cn.opencms.style.default/resources/default/op_header_m.png) repeat-x 0px 0px
}
DIV#top DIV {
	BACKGROUND: url(/export/system/modules/cn.opencms.style.default/resources/default/op_header_l.png) no-repeat 0px 0px
}
DIV#top DIV DIV {
	BACKGROUND: url(/export/system/modules/cn.opencms.style.default/resources/default/op_header_r.png) no-repeat 100% 0px; POSITION: relative; HEIGHT: 98px
}
span#tm {
	position: absolute;
	display: block;
	right: 30px;
	top: 10px;
	width: 118px;
	height: 26px;
	z-index: 90;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/tm.png) 0 0 no-repeat !important;
	background: transparent;
}
span#logo {
	position: absolute;
	display: block;
	left: 35px;
	top: 32px;
	width: 203px;
	height: 61px;
	z-index: 90;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/opencms.png) 0 0 no-repeat !important;
	background: transparent;
}
span#logo_zh {
	position: absolute;
	display: block;
	left: 255px;
	top: 45px;
	width: 145px;
	height: 36px;
	z-index: 90;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/zh.png) 0 0 no-repeat !important;
	background: transparent;
}
span#logo_tw {
	position: absolute;
	display: block;
	left: 255px;
	top: 45px;
	width: 145px;
	height: 36px;
	z-index: 90;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/tw.png) 0 0 no-repeat !important;
	background: transparent;
}
span#bty_zh {
	position: absolute;
	left: 475px;
	top:75px;
	z-index: 90;
	width: 172px;
	height: 20px;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/bty_zh.png) 0 0 no-repeat !important;
	background: transparent;
}
span#bty_tw {
	position: absolute;
	left: 475px;
	top:75px;
	z-index: 90;
	width: 172px;
	height: 20px;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/bty_tw.png) 0 0 no-repeat !important;
	background: transparent;
}
span#lanauge {
	position: absolute;
	right: 160px;
	top:50px;
	z-index: 90;
}
span#styleLayout {
	position: absolute;
	right: 250px;
	top:50px;
	z-index: 0;
}
span#logo_welcome {
	position: absolute;
	right: 14px;
	top: 21px;
	z-index: 99;
	width: 151px;
	height: 140px;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/welcome.png) 0 0 no-repeat !important;
	background: transparent;
}
div#middle {
	background: #fff url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_r2.png) 100% 0 repeat-y;
}

div#middle_2 {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_r1.png) 100% 0 no-repeat;
}

div#middle_3 {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_l2.png) 0 0 repeat-y;
}

div#middle_4 {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_l1.png) 0 0 no-repeat;
	padding: 0 19px; 
}
div#navigation {
	height: 28px;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_buttonbar.png) 0 0 repeat-x;
}
div#centernav {
	margin: 0 auto !important;
	margin: 0;
	display: table !important;
	display: block;
	text-align: center;	
}
span#topnav {
	padding: 0;
	white-space: nowrap;
	display: table-cell !important;
	display: inline-block;
}
#topnav ul#mainlevel {
	float: left;
	padding: 0;
	margin:0;
	list-style: none;
	border-left: 1px solid #959A9E;
	border-right: 1px solid #ECF4FA;
}
#topnav #mainlevel li {
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #959A9E;
}

#topnav #mainlevel a:link, #topnav #mainlevel a:visited {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #2B3036;
	float:left;
	display:block;
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_button_off.png) 0 0 no-repeat;
	border: 0;
}
#topnav #mainlevel li.red_active_menu {
	border-right: 1px solid #721901;
}
#topnav #mainlevel li.red_active_menu a:link, #topnav #mainlevel li.red_active_menu a:visited {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_button_on.png) 0 0 no-repeat;
	color: #EEF0F2;
	float:left;
	padding: 0 20px;
	height: 28px;
	line-height: 28px;
}
#topnav #mainlevel a:hover {
        color: #616B78;
}

#topnav #mainlevel li.red_active_menu a:hover {
	color: #fff;
}
#banner {
	margin: 0;
	padding: 1px 0;
	background: #47505A url(/export/system/modules/cn.opencms.style.default/resources/default/op_banner_bg.png) 0 0 repeat-x;
}
#homebanner {
	MARGIN-BOTTOM: -17px;
	padding: 1px 0;
	background: #47505A url(/export/system/modules/cn.opencms.style.default/resources/default/op_banner_bg.png) 0 0 repeat-x;
}

table.contentarea {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_body_right.png) 100% 0 repeat-y;
}

#leftnav {
	width: 180px;
	border: 0px solid #ff0;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_column_left.png) 0 0 repeat-y;

}
#centernav {
        border: 0px solid #ff0;
}
#rightnav {
	width: 180px;
	border: 0px solid #00f;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_column_right.png) 100% 0 repeat-y;
	
}
div#bottom {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_b.gif) 0 0 repeat-x;
}

div#bottom div {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_bl.gif) 0 0 no-repeat;
}

div#bottom div div {
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_shadow_br.gif) 100% 0 no-repeat;
	height: 62px;
	padding-top: 5px;
	font-size: 12px;
        POSITION: relative;
	color: #A2A7A9;
	text-align: center;
}

.inputclass {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; WIDTH: 100px; BORDER-BOTTOM: #ccc 1px solid
}
.button {
	font-family : "Arial", "Helvetica", "sans-serif";
	font-size : 10pt;
	color : #000000;
	background-color : #ffffff;
	border: #ccc 1px solid;
	padding-top: 2px;
	margin-bottom: 3px;
}
A.mainlevel:link {
	DISPLAY: block; BACKGROUND: url(/export/system/modules/cn.opencms.style.default/resources/default/op_menu.png) no-repeat 0px -2px; WIDTH: 162px; HEIGHT: 21px
}
A.mainlevel:visited {
	DISPLAY: block; BACKGROUND: url(/export/system/modules/cn.opencms.style.default/resources/default/op_menu.png) no-repeat 0px -2px; WIDTH: 162px; HEIGHT: 21px
}
A.mainlevel:hover {
	BACKGROUND-POSITION: 0px -23px; TEXT-DECORATION: none
}

A.links:link {
	 COLOR: #737373; 
}
A.links:visited{
	 COLOR: #737373; 
}
A.links:hover {
	 COLOR: #a3a3a3; 
}

div.kh {
        PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}

#leftbody {
	width: 20px;
        border-left: 1px solid #CACFD4
}

#mainpathway {
        border-left: 1px solid #CACFD4;
        border-right: 1px solid #CACFD4;
	background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_bodytop.png) 0 0 repeat-x;
	height: 28px
}

#pageleft {
        width:180px;
        background: url(/export/system/modules/cn.opencms.style.default/resources/default/op_main_left.png)  0 0 repeat-y !important;
}

#pageleft .lefttitle {
        padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
        padding-bottom: 5px;
        MARGIN-LEFT: 1px;
        MARGIN-RIGHT: 2px; 
        border-bottom: 1px solid #999999;
        background-color : #EAEDF0
}

#pageleft .mainmenu {
        padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
        padding-bottom: 2px;
        MARGIN-LEFT: 1px;
        MARGIN-RIGHT: 2px; 
        border-bottom: 1px solid #999999;
        POSITION: relative;
        background-color : #EAEDF0
}

#pageleft .sant {
        position: absolute;
        TOP:5px;
        RIGHT:20px
}

A.h:link {
	FONT-WEIGHT: normal; COLOR: #666666; TEXT-DECORATION: none
}

A.h:visited {
	FONT-WEIGHT: normal; COLOR: #666666; TEXT-DECORATION: none
}

A.h:hover {
	FONT-WEIGHT: normal; COLOR: #666666; TEXT-DECORATION: underline;
}

#pageleft .ggy {
        padding-top: 10px;
	padding-right: 10px;
        font-weight: bold;
        color:#000000;
        TEXT-ALIGN: right
}

#pageleft .flashplay {
       padding-top: 10px;
       padding-left: 5px
}

#pagecenter {
       padding-top: 10px;
       padding-left: 10px;
       padding-right: 10px;
       padding-bottom: 10px
}

.anlitext {
      padding-top: 10px;
      padding-bottom: 10px
}

div.anlitable {
        BORDER-TOP: #666 1px dashed; 
        BORDER-RIGHT: #666 1px dashed; 
        BORDER-LEFT: #666 1px dashed;  
        BORDER-BOTTOM: #666 1px dashed;
        MARGIN-BOTTOM: 10px
}

span#note {
        position: absolute;
	left: 0px;
	z-index: 90;
	width: 36px;
	height: 14px;
        PADDING-TOP: 4px;
        PADDING-LEFT: 10px;
        PADDING-RIGHT: 0px;  
        PADDING-BOTTOM: 8px; 
}

div.anlititle {
        POSITION: relative;
        BACKGROUND: #fafafa
}

div.anlititle h4 {
        PADDING-LEFT: 25px;
	border: 0px solid #f00;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-indent: 8px;
	color: #57616E
}

div.anlicontent {
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 10px
}

div.anliother {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3px
}

div.anlicontent ul{
        margin-top:0;
        margin-bottom:0;
        padding-bottom: 5px
}

#pageright {
        width:140px;
        border-left: 1px solid #999999;
        border-right: 1px solid #CACFD4;
        background-color : #ADADAD
}

#pageright .righttitle {
        padding-top: 10px;
        padding-left: 10px;
        font-size: 14px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF    
}

#pageright .rightlist {
        background-color : #C2C2C2
}

#pageright .rightlist ul{
        list-style: none;
        margin:0;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 3px
}

#righthelp {
       border-top: 1px solid #999999;
       background-color : #ADADAD;
       padding-bottom: 10px
}
#righthelp ul{
        list-style: none;
        margin:0;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px
}

.producttext{
        padding-left: 10px;
        vertical-align: middle;
        Height:40px;
        background: url(/export/system/modules/cn.opencms.style.default/resources/default/dx.png) 0 bottom repeat-x
}

.producttext2{
        padding-left: 10px;
        vertical-align: middle;
        Height:40px
}

#bluetitle{
       color:#295AC6;
       font-weight: bold
}

.explorer {
       float: right;
       height:120px;
       padding-left: 5px;
       padding-right: 7px
}

.arrowintro{
      padding-top: 10px;
      font-weight: bold;
      background: url(/export/system/modules/cn.opencms.style.default/resources/default/dx.png) 0 bottom repeat-x
}

.productreadme {
      line-height: 160%;
      padding-top: 10px
}

.productreadme p{
        text-indent: 2em;
}

.productreadme UL{
        margin-top:0;
        margin-bottom:0;
        padding-bottom: 5px
}
.tableclass {
       BORDER-COLLAPSE: collapse
}
.bgtitle{
       background: url(/export/system/modules/cn.opencms.style.default/resources/default/bgtop.gif)
}
.bgrow {
       background: url(/export/system/modules/cn.opencms.style.default/resources/default/bgtop2.gif)
}
.input {
	BORDER: #ccc 1px solid;
        background-color : #ffffff
}
#message {
       width:99%;
       height:150px
}
.rednote {
       color:#ff0000
}
.techreadme  UL{
        margin-top:0;
        margin-bottom:0;
        padding-bottom: 5px
}
.kf {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}
.whrite p{
    padding-top: 3px;
    padding-left: 5px;
    color:#ffffff
}
.wikisearch {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; MARGIN: 10px 10px 10px 10px; BORDER-LEFT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid
}
.red {
        color:#ab290f;  
}
