body {margin: 0 0 0 0; behavior: url(js/csshover.htc); background: #595959;}
body.chinese {margin: 15 0 0 0; behavior: url(js/csshover.htc); background: #595959;}
#logo {display: none;}
#logo1 {display: block; margin:28px 0 0 16px;}
#printpreview {display: none;}
.copy {display: none;}
#toppage {margin: 0 0 0 0; background-image: url("../images/topbkg.gif"); width: 906px; border: 0px solid red;}
#toparea {width: 900px; background: #FFFFFF;<img src="../images/topbkg.gif" alt="" width="906" height="1" border="0">; border: 0px solid blue;}

#bottompage {margin: 0 0 0 0; background-image: url("../images/bottom.gif"); width: 900px; height: 5px; background-repeat: no-repeat;}
#tellafriend {margin: 0 0 0 0; background-image: url("../images/topbkg_friend.gif"); width: 600px;}
p {color: #373737; font-family: Arial, sans-serif; font-size: 12px; line-height: 16px;}
td {color: #373737; font-family: Arial, sans-serif; font-size: 12px; line-height: 16px;}
ul { list-style-type: square; list-style-image: url(../images/bullet.gif); margin: 10px auto 10px 18px; padding: 0; }
li { padding: 0px 0px; }

#content {
  text-align: left;
}

#bottomarea {
  margin:0 auto;
  background:url(../images/h_bt_bg.jpg) repeat-x; 
  width: 900px; height: 290px; 
  border: 0px solid red;
}

#box1 {
  display: block;
  margin: 10px 0 2em 10px;
  float: left;
  background: #f5f5f5;
  width: 236px;
  height: 260px;
  border: 1px solid #bfbfbb;
}

#box2 {
  display: block;
  margin: 10px 0 2em 12px;
  float: left;
  background: #f5f5f5;
  width: 200px;
  height: 260px;
  border: 1px solid #bfbfbb;
}

#box3 {
  display: block;
  margin: 10px 0 2em 12px;
  float: left;
  background: #f5f5f5;
  width: 200px;
  height: 260px;
  border: 1px solid #bfbfbb;
}

#box4 {
  display: block;
  margin: 10px 0 2em 12px;
  float: left;
  background: #f5f5f5;
  width: 200px;
  height: 260px;
  border: 1px solid #bfbfbb;
}

.box_header1 {
  background:url(../images/h_bar_bg.jpg) repeat-x;
  color: #6703b4;
  font-size: 13px;
  font-weight: 700;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 170%;
  text-align: left;
  width: 236px;
  height: 24px;
}

.box_header2 {
  background:url(../images/h_bar_bg.jpg) repeat-x;
  color: #6703b4;
  font-size: 13px;
  font-weight: 700;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 170%;
  text-align: left;
  width: 200px;
  height: 24px;
}

.box_content {
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  text-align: left;
  padding-top: 4px;
  width: 216px;
}

.box_content2 {
  display: block;
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  width: 188px;
  height: 73px;
  padding-top: 4px;
  border: 0px solid red;
}

.box_content3 {
  display: block;
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  text-align: left;
  width: 188px;
  height: 165px;
  border: 0px solid blue;
}

.box_hilight1 {
  display: block;
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  text-align: left;
  margin: 2px 0 0 0;
  width: 188px;
  height: 100px;
  padding-top: 4px;
  border: 0px solid red;
}

.box_hilight2 {
  display: block;
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  text-align: left;
  width: 188px;
  height: 60px;
  padding-top: 4px;
  border: 0px solid red;
}

.box_hilight3 {
  display: block;
  color: #454444;
  font-size: 8pt;
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  line-height: 130%;
  text-align: left;
  width: 188px;
  height: 50px;
  padding-top: 4px;
  border: 0px solid red;
}

.hilight_txt {
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica;
  font-size: 8pt;
  color: #454444;
}

.ruler {
  background:url(../images/home_ruler.gif) repeat-x;
  width: 200px;
  height: 1px;
}

#footer1 {
  color: #7A7A7A; 
  font-family: Arial; 
  font-weight: bold; 
  font-size: 11px; 
  text-align: right;
  height: 30px;
  width: 850px;
  vertical-align: bottom;
  border: 0px solid blue;
}

/*.image{
	float:right;
	padding:1px;
	background:url(/images/dot.gif) repeat;
	margin: 5px;
}
.image2{
	float:left;
	padding:1px;
	background:url(/images/dot.gif) repeat;
	margin: 5px;
}
*/
.image{
	float:right;
	padding:1px;
	background: #999999;
	margin: 5px;
}
.image2{
	float:left;
	padding:1px;
	background: #999999;
	margin: 5px;
}
.image3{
	float:right;
	padding:1px;
	background: #999999;
	margin: 5px;
}
.image4{
	margin-left: 8px;
}

.image5{
	margin-left: auto;
	margin-right: auto;
}
.var1 img{border:10px solid #fff;}

ul.bookmark { list-style-type: square; list-style-image: url(/images/bullet4.gif); margin: 10px auto 10px 18px; padding: 0; }
li.bookmark { padding: 0px 0px; }
ul.bookmark a:link {color: #37095F; text-decoration: none;}
ul.bookmark  a:visited {color: #37095F; text-decoration: none;}
ul.bookmark a:hover {color: #37095F; text-decoration: underline;}

ul.bookmarkblack {  list-style-type: square; list-style-image: url(/images/bullet3.gif); margin: 0; padding: 0; margin-left: 15px;}
li.bookmarkblack { padding: 0px 0px; }
ul.bookmarkblack a:link {color: #37095F; text-decoration: none; }
ul.bookmarkblack  a:visited {color: #37095F; text-decoration: none;}
ul.bookmarkblack a:hover {color: #37095F; text-decoration: underline;}


.date {font-family: Trebuchet MS, Trebuchet, Verdana, Arial, Helvetica; font-size: 10px; color: #767676; text-align: left;}
.footer {height: 27px; color: #7A7A7A; font-family: Arial; font-weight: bold; font-size: 10px; }
.pulldown {font-family: Arial; font-size: 11px;}
.morenews {color: #383838; font-family: Arial, sans-serif; font-size: 11px; line-height: 18px;}
.announcements {font-family: Arial; font-size: 13px; color: #383838;}
.relatedinfo {font-family: Arial; font-size: 11px; color: #383838;}
.white {color: #FFFFFF; font-weight: bold; font-size: 13px;}
.small {color: #383838; font-family: Arial, sans-serif; font-size: 11px;}
.return {color: #383838; font-family: Verdana, Arial, sans-serif; font-size: 10px;}
.quote {color: #999900; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic; }
.bold {font-weight: bold;}
.abstract { color: #373737; font-family: Arial, sans-serif; font-size: 12px; }
.source { color: #373737; font-family: Arial, sans-serif; font-size: 12px; font-style: italic; }
.author { color: #373737; font-family: Arial, sans-serif; font-size: 12px; }

a.return:link {color: #999900; text-decoration: none;}
a.return:visited {color: #999900; text-decoration: none;}
a.return:hover {color: #999900; text-decoration: underline;}

a.morenews:link {color: #383838; text-decoration: none;}
a.morenews:visited {color: #383838; text-decoration: none;}
a.morenews:hover {color: #383838; text-decoration: underline;}

a.home:link {color: #7A7A7A; text-decoration: none;}
a.home:visited {color: #7A7A7A; text-decoration: none;}
a.home:hover {color: #7A7A7A; text-decoration: underline;}

a.chinese:link {color: #7A7A7A; text-decoration: none;}
a.chinese:visited {color: #7A7A7A; text-decoration: none;}
a.chinese:hover {color: #7A7A7A; text-decoration: underline;}

a.chinese3:link {color: #383838; text-decoration: none;}
a.chinese3:visited {color: #383838; text-decoration: none;}
a.chinese3:hover {color: #383838; text-decoration: underline;}

h1 {font-family: Arial; font-weight: bold; font-size: 16px; color: #37095F; text-align: left; padding-top: 15px}
h2 {font-family: Arial; font-weight: bold; font-size: 13px; color: #E35911; text-align: left;}
.titleblack {font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; text-align: left;}
h2.gray {font-family: Arial; font-weight: bold; font-size: 13px; color: #666666; text-align: left;}
h2.yellow {font-family: Arial; font-weight: bold; font-size: 13px; color: #F5C215; text-align: left;}
h2.orange {font-family: Arial; font-weight: bold; font-size: 13px; color: #E35911; text-align: left;}
h2.olive {font-family: Arial; font-weight: bold; font-size: 13px; color: #A29630; text-align: left;}
h2.purple {font-family: Arial; font-weight: bold; font-size: 13px; color: #9981E7; text-align: left;}
h2.gold {font-family: Arial; font-weight: bold; font-size: 13px; color: #CC9900; text-align: left;}
h2.blue {font-family: Arial; font-weight: bold; font-size: 13px; color: #6699BB; text-align: left;}
h2.green {font-family: Arial; font-weight: bold; font-size: 13px; color: #518B8B; text-align: left;}
.home {font-family: Arial; font-weight: bold; font-size: 11px; color: #7A7A7A; }
.chinese {font-family: Arial; font-weight: normal; font-size: 11px; color: #7A7A7A; font-weight: bold;}
.chinese2 {font-family: Arial; font-weight: normal; font-size: 14px; color: #676767; font-weight: bold; line-height: 22px;}
.chinese3 {font-family: Arial; font-weight: normal; font-size: 13px; color: #383838; font-weight: bold; line-height: 22px;}

.purple {color: #37095F; font-family: Arial, sans-serif; font-size: 13px; line-height: 16px;}
.purple2 {color: #37095F; font-family: Arial, sans-serif; font-size: 14px; line-height: 16px;}



.orange {color: #E35911; font-family: Arial, sans-serif; font-size: 13px; line-height: 16px; font-weight: bold;}

.orange2 {color: #E35911; font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; font-weight: bold;}

.photo {display: table-cell; text-align: center; width: 622px; margin-left: auto; margin-right: auto; border: 0px solid red;}
.title {font-family: Arial; font-weight: bold; font-size: 13px; color: #E35911; text-align: left;}
.subtitle {font-family: Arial; font-weight: bold; font-size: 11px; color: #E35911; text-align: left;}
.subtitle1 {font-family: Arial; font-size: 10px; color: #E35911; text-align: left;}
.subtitle2 {margin-left: auto; margin-right: auto; width: 450px; text-align: left; font-family: Arial; font-size: 10px; color: #E35911;}
.sitemap {font-family: Arial; font-weight: bold; font-size: 12px; color: #E35911; text-align: left; line-height: 30px;}
.sitemap2 {line-height: 30px; font-weight: bold;}
.sitemap2a {line-height: 30px;}
.sitemap3 {background-color: #adacac;}

a.relatedinfo:link {color: #383838; text-decoration: none;}
a.relatedinfo:visited {color: #383838; text-decoration: none;}
a.relatedinfo:hover {color: #383838; text-decoration: underline;}

a.footerhome:link {color: #7A7A7A; text-decoration: none;}
a.footerhome:visited {color: #7A7A7A; text-decoration: none;}
a.footerhome:hover {color: #7A7A7A; text-decoration: underline;}

a.footerpage:link {color: #7A7A7A; text-decoration: none;}
a.footerpage:visited {color: #7A7A7A; text-decoration: none;}
a.footerpage:hover {color: #7A7A7A; text-decoration: underline;}

a.copyright:link {color: #666666; text-decoration: none;}
a.copyright:visited {color: #666666; text-decoration: none;}
a.copyright:hover {color: #666666; text-decoration: underline;}

a.announcements:link {text-decoration: none; color: #383838;}
a.announcements:visited {text-decoration: none; color: #383838;}
a.announcements:hover {text-decoration: underline; color: #383838;}

a:link {text-decoration: none; color: #999900;}
a:visited {text-decoration: none; color: #999900;}
a:hover {text-decoration: underline; color: #999900;}

a.purplelink:link {font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:normal;}
a.purplelink:visited {font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:normal;}
a.purplelink:hover {font-size: 8pt; text-decoration: underline; color: #ac62e4; font-weight:normal;}


a.purplecenter:link {font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:bold;}
a.purplecenter:visited {font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:bold;}
a.purplecenter:hover {font-size: 8pt; text-decoration: underline; color: #ac62e4; font-weight:bold;}

a.purpleright:link {float: right; font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:bold; text-align: right;}
a.purpleright:visited {float: right; font-size: 8pt; text-decoration: none; color: #6703b4; font-weight:bold; text-align: right;}
a.purpleright:hover {float: right; font-size: 8pt; text-decoration: underline; color: #ac62e4; font-weight:bold; text-align: right;}

a.footer:link {color: #383838; text-decoration: none; font-weight: normal;}
a.footer:visited {color: #383838; text-decoration: none; font-weight: normal;}
a.footer:hover {color: #383838; text-decoration: underline; font-weight: normal;}

a.return:link {color: #034B85; text-decoration: none; font-weight: normal;}
a.return:visited {color: #034B85; text-decoration: none; font-weight: normal;}
a.return:hover {color: #034B85; text-decoration: underline; font-weight: normal;}

a.boldfocus:link {color: #999999; text-decoration: none;}
a.boldfocus:visited {color: #999999; text-decoration: none;}
a.boldfocus:hover {color: #999999; text-decoration: none;}


#nav {position: relative; 0px; margin: 0; padding: 0;} 
#Products { LEFT: -647px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#Solutions { LEFT: -575px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#Technology { LEFT: -491px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#Customer { LEFT: -397px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#News { LEFT: -257px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#Careers { LEFT: -147px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#Company { LEFT: -77px; top: -16px; *top: -17px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}
#CompanyRight { LEFT: -65px; *LEFT: -63px; top: 27px; *top: 27px; /*reposition for IE*/  POSITION: absolute;  VISIBILITY: visible;}

#nav, #nav ul {
	float: left;
	list-style: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	color: #383838;
	text-decoration: none;
	padding: 0;
}

 
#nav li {
	float: left;
	padding: 0;
	background: #FFFFFF;
	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 125px;
	
	font-weight: normal;
	border-left: #C8C6AF solid 1px; 
	border-right: #C8C6AF solid 1px; 
	border-bottom: #C8C6AF solid 1px;
	font-family: Verdana; font-weight: normal; font-size: 11px;

} 

#nav li li {
	width: 125px;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	border-left: #C8C6AF solid 1px; 
	border-right: #C8C6AF solid 1px; 
	border-bottom: #C8C6AF solid 1px;

}

#nav li ul a {
	width: 125px;
}

#nav li ul ul {
	margin-left: 128px;
	*margin-left: 130px; /*reposition for IE*/
	margin-top: -19px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FFCC00;
}


.section {font-family: Arial; background-image: url(/images/career/purple.gif);  font-size: 13px; color: #FFFFFF; font-weight: bold; width: 205px; height: 45px; text-align: left; text-indent: 10px; border-bottom: 2px solid #999999; padding-bottom: 5px;}

a.career:link {color: #ffffff; text-decoration: none;}
a.career:visited {color: #ffffff; text-decoration: none;}
a.career:hover {color: #fffff; text-decoration: underline;}

.line {width: 205px; border-top: 1px solid #999999;}


#leftnav {position: relative; margin: 0; padding: 0; top: 0; width: 205px; text-align: left; float: left}
#leftnav ul {display: none; margin: 0; padding: 0; top: 0px; left: 0px; position: absolulte;}
#leftnav li {font-family: Arial; font-size: 12px; float: left; list-style: none; width: 205px; display: block; position: relative; border-bottom: 1px solid #CAC7B4; border-right: 1px solid #CAC7B4; text-indent: 10px; color: #212121;}
#leftnav li a:hover, #leftnav li:hover ul li a:hover, #leftnav li.over ul li a:hover { padding: 3px 0px; color: #212121; background-color: #FFCC00; } 
#leftnav li a, #leftnav li:hover ul li a, #leftnav li.over ul li a { padding: 3px 0px; color: #212121; background-color: #FFFFFF; text-decoration: none; display: block; }

#leftnav li.on {font-family: Arial; font-size: 12px; float: left; list-style: none; width: 205px; display: block; position: relative; border-bottom: 1px solid #CAC7B4; border-right: 1px solid #CAC7B4; text-indent: 10px; color: #212121;}
#leftnav li.on a:hover, #leftnav li.on:hover ul li a:hover, #leftnav li.on.over ul li a:hover { padding: 3px 0px; color: #212121; background-color: #FFCC00; } 
#leftnav li.on a, #leftnav li.on:hover ul li a, #leftnav li.on.over ul li a { padding: 3px 0px; color: #212121; text-decoration: none; display: block;  background-color: #FFCC00; }

#leftsubnav {position: relative; margin: 0; padding: 0; top: 0; width: 205px; text-align: left; float: left}
#leftsubnav ul {display: none; margin: 0; padding: 0; top: 0px; left: 0px; position: absolulte;}
#leftsubnav li {font-family: Arial; font-size: 11px; float: left; list-style: none; width: 205px; display: block; position: relative; border-bottom: 1px solid #CAC7B4; border-right: 1px solid #CAC7B4; text-indent: 30px; color: #212121;}
#leftsubnav li a:hover, #leftsubnav li:hover ul li a:hover, #leftsubnav li.over ul li a:hover { padding: 3px 0px; color: #212121; background-color: #FFCC00; } 
#leftsubnav li a, #leftsubnav li:hover ul li a, #leftsubnav li.over ul li a { padding: 3px 0px; color: #212121; background-color: #FFFFFF; text-decoration: none; display: block; }

#leftsubnav li.on {font-family: Arial; font-size: 11px; float: left; list-style: none; width: 205px; display: block; position: relative; border-bottom: 1px solid #CAC7B4; border-right: 1px solid #CAC7B4;  text-indent: 30px; color: #212121;}
#leftsubnav li.on a:hover, #leftsubnav li.on:hover ul li a:hover, #leftsubnav li.on.over ul li a:hover { padding: 3px 0px; color: #212121; background-color: #FFCC00; } 
#leftsubnav li.on a, #leftsubnav li.on:hover ul li a, #leftsubnav li.on.over ul li a { padding: 3px 0px; color: #212121; text-decoration: none; display: block;  background-color: #FFCC00; }


.arrowright {font-family: Arial; font-size: 11px; background-image: url("/images/arrow_right.gif");}

#relatedinfo table { text-align: left; background-color: #F2F2F2;}
#relatedinfo td {font-family: Arial; font-size: 11px; color: #383838; background-color: #F2F2F2;}
#relatedinfo td.space {font-family: Arial; font-size: 11px; color: #383838; background-color: #FFFFFF;}
#relatedinfo td.header {font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; background-color: #999999; }
#relatedinfo td.header2 {font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; background-color: #e35911; }
#relatedinfo td.header3 {font-family: Arial; font-size: 11px; color: #FFFFFF; font-weight: bold; background-color: #0f75bc; }
#relatedinfo td.headerbig {font-family: Arial; font-size: 13px; color: #FFFFFF; font-weight: bold; background-color: #999999; }

#graphic table { background-color: #FFFFFF;}
#graphic td.quote {color: #999900; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: italic;}
#graphic td.grapborder {font-family: Arial; font-size: 11px; color: #383838; background-color: #FFFFFF;}

/*#leftnav td.section {font-family: Arial; background: #37095F; font-size: 13px; color: #FFFFFF; font-weight: bold; width: 205px; height: 45px; text-align: left; text-indent: 10px; border-bottom: 2px solid #999999; padding-bottom: 5px;}
#leftnav td.nav { font-family: Arial; font-size: 11px; color: #212121; text-indent: 10px; background: #FFFFFF; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #CAC7B4; border-right: 1px solid #CAC7B4; }
#leftnav td.nav a { background: #FFFFFF; text-decoration: none; }
#leftnav td.nav a:hover { background: #FFCC00; text-decoration: none; }*/
.eula {display: none;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 1px gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
}

/* Site Map Classes */

ul.sitemapul {list-style-image:url("/images/clear.gif") !important; margin-left:25px !important; margin-bottom:-2px !important; margin-top:-2px !important;}
ul.sitemapulH {list-style-image:url("/images/list-hyphen.gif") !important; margin-left:25px !important; margin-bottom:-2px !important; margin-top:-2px !important;}