/*main style*/
* { margin: 0; padding: 0; }
body { background-color: #fff; font-size: 11px; color: #333; font-family: Arial, Helvetica, sans-serif; line-height: 16px; }
.clear { clear: both; }
.wrapper { width: 900px; margin-right: auto; margin-left: auto; }
/*header style*/
.header { background-image: url(line_bg_01.gif); background-repeat: repeat-x; background-position: left top; border-bottom: 1px solid #ccc; }
.header .left { width: 168px; float: left; }
.header .logo { text-align: center; margin-top: 24px; padding-bottom: 6px; }
.header .navigation { float: right; text-align: right; font-weight: bold; width: 720px; }
/*main navigate*/
.header .mainnavigate { float: right; width: 550px; height: 34px; }
.header .searchbar { background-image: url(search.gif); background-repeat: no-repeat; background-position: left top; padding-left: 60px; background-color: #c4c4c4; height: 27px; width: 170px; padding-right: 10px; padding-top: 7px; float: right; }
.header .mainnavigate .input { width: 100px; height: 16px; border: solid 1px #999; font-size: 10px; line-height: 16px; margin-right: 5px; margin-left: 5px; }
.header .mainnavigate .button { background-image: url(arrow_01.gif); background-repeat: no-repeat; background-position: center; height: 16px; width: 10px; background-color: #c4c4c4; border: 0 #c4c4c4; cursor: pointer; }
/*child navigate*/
.header .childnavigate { clear: both; padding-top: 15px; }
/*body*/
.body {}
/*content*/
.content { float: left; width: 685px; }
.flashmenu { background-image: url(flash_line.gif); padding-bottom: 4px; background-repeat: repeat-x; background-position: left bottom; }
.flashmenu span { float: left; }
.flashmenu .small { padding-right: 10px; }
.flashmenu .big { padding-left: 10px; font-size: 20px; line-height: 24px; }
/*menu*/
.flashmenu .careersmenu,.flashmenu .contact,.flashmenu .company,.flashmenu .services,.flashmenu .technical,.flashmenu .process,.flashmenu .industries,.flashmenu .casestudies,.flashmenu .news,.flashmenu .sitemap { height: 130px; }
.careersmenu .menutxt,.contact .menutxt,.company .menutxt,.services .menutxt,.technical .menutxt,.process .menutxt,.industries .menutxt,.casestudies .menutxt,.news .menutxt,.sitemap .menutxt { font-weight: bold; font-size: 12px; }
.careersmenu .menutxt,.contact .menutxt { padding-top: 60px; padding-left: 450px; }
.flashmenu .careersmenu{ background: url(../../images/title/jobonoffer_pic.jpg) no-repeat; color: #077; }
.flashmenu .contact { background-image: url(../../images/title/Enquires_pic.jpg); color: #9b9b9b; }
.company .menutxt { padding-top: 50px; padding-left: 270px; }
.flashmenu .company { background-image: url(../../images/title/whychina_pic.jpg); color: #fff; }
.services .menutxt { padding-top: 25px; padding-left: 20px; }
.flashmenu .services { background-image: url(../../images/title/staffaug_pic.jpg); color: #a47327; }
.technical .menutxt { padding-top: 60px; padding-left: 340px; }
.flashmenu .technical { background-image: url(../../images/title/tibco_pic.jpg); color: #5f787f; }
.process .menutxt { padding-top: 40px; padding-left: 20px; }
.flashmenu .process { background-image: url(../../images/title/deliverymanagement_pic.jpg); color: #006; }
.industries .menutxt { padding-top: 50px; padding-left: 410px; }
.flashmenu .industries { background-image: url(../../images/title/banking_pic.jpg); color: #006; }
.casestudies .menutxt { padding-top: 40px; padding-left: 20px; }
.flashmenu .casestudies { background-image: url(../../images/title/casestudies_pic.jpg); color: #fff; }
.news .menutxt { padding-top: 40px; padding-left: 20px; }
.flashmenu .news { background-image: url(../../images/title/events_pic.jpg); color: #006; }
.sitemap .menutxt { padding-top: 40px; padding-left: 20px; }
.flashmenu .sitemap { background-image: url(../../images/title/sitemap_pic.jpg); color: #006; }
/*now site*/
.nowsite { padding-left: 15px; line-height: 25px; border-bottom: 1px solid #ccc; }
.nowsite span { font-weight: bold; padding: 5px; }
/*sidebar*/
.sidebar { float: left; width: 215px; }
.panel {  }
.panellight { background-color: #ccc; padding-top: 5px; padding-bottom: 16px; }
.panellight img { border: solid 1px #fff; float: left; margin-left: 5px; }
.paneltxt { float: right; width: 205px; }
.paneltxt p{ margin-bottom: 5px; }
/*flash title*/
.flashtitle {  }
.shadowfoot { background-image: url(side_foot_shadow.gif); height: 19px; clear: both; }
/*panel gray*/
.panelgray { margin-bottom: 10px; }
.paneltitle { border: solid 1px #ccc; color: #999; font-size: 14px; font-weight: bold; font-family: Tahoma; line-height: 17px; margin-top: 5px; clear: both; }
.paneltitle img { margin-right: 5px; margin-bottom: -3px; }
.panelcontust,.quicklinks,.panelralated ul { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.career_panelralated{ border:1px solid #ccc; border-bottom:0px; border-left:0px;background:url(related_foot.gif) center bottom no-repeat;}


.panelcontust { background-color: #e5e5e5; margin-top: 2px; padding: 10px; }
.panelcontust .contact { margin-bottom: 10px; }
.panelcontust p { font-weight: bold; color: #f60; text-align: center; }
.panelgrayfoot { background-image: url(gray_foot.gif); height: 16px; background-repeat: no-repeat; background-position: center top; clear: both; }
/*panel excellence*/
.panelexcellence { margin-top: 10px; clear: both; }
.panelexcellence .imgs { float: left; width: 75px; text-align: center; }
.panelexcellence .excellence{ float: left; width: 140px; }
/*panel ralated info*/
.panelralated { margin-bottom: 10px;}
.panelralated .paneltitle{ background-color: #b2b2b2; color: #fff; margin-top: 0; }
.panelralated .ralatedfoot { background-image: url(related_foot.gif); background-repeat: no-repeat; background-position: center top; height: 16px; }
.panelralated ul,.career_panelralated ul{ margin-top: 2px; padding: 5px 10px 10px; list-style-type: none; }
.career_panelralated ul{ margin-top:0; padding:5px;}
.panelralated ol,.career_panelralated ol { font-weight: bold; color: #66c; }
.panelralated li,.career_panelralated li { background-image: url(dot_orange.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 10px; margin-left: 10px; }
.career_panelralated li{ margin-left:5px;}
.career_paneltitle li a{ text-decoration:none; color:#333;}
.career_paneltitle li a:hover{ text-decoration:underline;}
/*innercontent*/
.innercontent { padding-right: 15px; padding-top: 10px; color: #333; }
/*maincontent*/
.maincontent { float: right; width: 510px; padding-top: 5px; }
.maincontent h4,.maincontent h1 { font-size: 16px; }
.maincontent h2 { font-size: 14px; padding-bottom: 4px; padding-top: 0; }
.maincontent h3 { font-size: 12px; padding-bottom: 3px; }
.maincontent .linktitle { color: #66c; font-weight: bold; font-size: 12px; display: block; clear: both; }
.maincontent ul { padding-top: 10px; list-style-type: none;}
.maincontent ul li div{ width:500px; }
.maincontent .whitepaper_sources{ font-weight:normal; }
.maincontent .whitepaper_sources li{ background-image:none; list-style-position:inside; vertical-align:top;padding-left:0;}
.maincontent .whitepaper_sources li div{ width:475px;}
.maincontent .whitepaper_sources .ol_none{ list-style-type:none; padding-top:10px;width:475px;}
.separate_line{ width:500px; height:1px; overflow:hidden; background-color: #acacac;}
.maincontent li { background-image: url(dot_yellow.gif); background-position: left 5px; background-repeat: no-repeat; padding-left: 10px; margin-left: 8px; }

.maincontent li.subitem { background-image: url(dot_black.gif); background-position: left 5px; background-repeat: no-repeat; padding-left: 10px; margin-left: 25px; list-style-type:none}/*show as subitem while tag is still li*/

.maincontent .ol { font-weight: bold; background:none; padding:0px; margin:0px; }
.maincontent dl { padding-top: 10px; clear: both; }
.maincontent dt { background-image: url(dot_orange.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 10px; margin-left: 8px; padding-bottom: 15px; }
.maincontent dd {  }
.maincontent .top { padding-bottom: 20px; text-align: right; margin-top: 10px; clear: both; border-top: 1px solid #ccc; }
.maincontent .hr { clear: both; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.linklist {  }
.linklist li { background-image: url(dot_black.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 15px; margin: 0; }
.linklist ol { color: #999; font-weight: normal; display: block; list-style-type: none; padding-left: 15px !important; padding-left: 0px; }
/*add by ray for news*/
.linklist p { color: #999; font-weight: normal; display: block; list-style-type: none; }
.jobprofile li{ padding: 0; background-image: none; margin: 0; }
.jobprofile li span { width: 150px; float: left; }
/*listwhy*/
.listwhy { clear: both; }
.listwhyqs { float: left; height: 65px; width: 65px; border: solid 1px #ccc; background-image: url(arrow_orange_listwhy.gif); background-repeat: no-repeat; background-position: 51px 51px; padding: 2px; color: #2a1587; margin-right: 10px; }
.listwhyqs h3 { font-family: Tahoma; font-size: 20px; margin-bottom: 5px; }
.gray { color: #999; }
.listwhycontent {  }
.listwhycontent h1 { font-size: 12px; color: #999; }
.listwhycontent h1 a { font-size: 12px; color: #888; }
/*innersidebar*/
.innersidebar { float: left; width: 145px; }
.quicklinks { margin-top: 2px; padding: 2px; list-style-type: none; }
.quicklinkefoot { background-image: url(innersidebar_foot.gif); background-repeat: no-repeat; background-position: left center; height: 14px; }
/*classify*/
.classify { padding-top: 5px; padding-bottom: 5px; }
.classify dl {  }
.classify dt,.classify dd { border: solid 1px #ccc; margin-bottom: 2px; }
.classify dt { background-color: #fa0; font-weight: bold; }
.classify dd {  }
.selected { background-color: #fa0; }
/*recent news*/
.recentnews { clear: both; padding-top: 10px; padding-bottom: 10px; }
.recentnews li { background-image: url(arrow_orange_white.gif); background-repeat: no-repeat; background-position: left 3px; margin-left: 0; padding-left: 15px; }
.recentnews .paneltitle { margin-bottom: 5px; }
.recentlist {  }
.recentlist span { background-image: url(arrow_orange_white.gif); background-repeat: no-repeat; background-position: left center; width: 45%; margin: 0; padding-left: 15px; float: left; }
/*other tag*/
.purple { color: #66C; }
.orange { color: #66C; } /* This is used on the new page but will be purple not orange */
.contenttxt {
	padding-top: 10px;
}

.contenttxt p { padding-bottom: 10px; text-align:justify }
.contenttxt p .sales_link a{ color:#0000ff; text-decoration:underline;}
.contenttxt .lines {
	float: left;
	width: 30%;
	margin: 10px;
}
.contenttxt .lines h1 {
	font-size: 12px;
	color: #03C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	line-height: 21px;
}
.contenttxt .lines h2 {
	font-weight: normal;
	font-size: 11px;
	margin-left: 5px;
}
.contenttxt .blendtxt { float: left; }
.contenttxt .leader_link li{ background-image:none; height:20px; overflow:hidden;}
.contenttxt .leader_link li h3{ float:left; width:170px;}
.contenttxt .leader_link li h4{ float:left; width:300px; font-weight:normal; font-size:1em;}
.contenttxt .leader_link li a{ font-size:12px; font-weight:bold; text-decoration:none; color: #66C;float:left;}
.contenttxt .leader_link li a:hover{ text-decoration:underline;}

/*for stand-out block in the context*/
.standoutblock{
	width:150px;  
	background: url(blockbggiadent.gif) no-repeat; 
	padding:9px 9px 0 9px; 
	float:left; 
	margin-right:14px; 
}
.standoutblockbig{
	
	background: url(blockbggiadentbig.gif) no-repeat right top; 
	padding:9px 9px 0 9px; 	
	margin-right:14px; 
}

/*footer*/
.footer { clear: both; padding-top: 30px; text-align: center; font-size: 10px; padding-bottom: 10px; }
.footer .site { background-color: #e5e5e5; margin-bottom: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
/*pls what is this?*/
.orange-title1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fe6001; text-align: left; line-height: 18px; }
.input { font-size:10px; background-image: url(button_orange.gif); background-repeat: no-repeat; background-position: left top; height: 22px; width: 56px; background-color: #fff; border: 0 #fff; cursor: pointer; color: #333; }
.input2 { font-size:10px; background-image: url(button_orange.gif); background-repeat: no-repeat; background-position: left bottom; height: 22px; width: 56px; background-color: #fff; border: 0 #fff; cursor: pointer; color: #f60; }
.downwhitepaper{
	text-align: right;
}
/*calendar photo*/
.marquee {
	margin: 0px;
	padding: 0px;
}
.marquee img{
	padding: 4px;
	border: 1px solid #CCC;
	margin-left: 5px;
}
.calendar {
	text-align:center;
	margin-top:2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.calendar img{cursor:pointer;}


.delights { border:1px solid #000; float:right; width:200px; height:85px}
.delights h1 { background:#f60; color:#fff; font:bold 9pt Arial, Helvetica, sans-serif; padding:0 3px}
.delights p { text-align:left; padding:3px}
.delights h1 a { color:#fff; text-decoration:none; }
.delights p a { text-decoration:none; border-bottom:1px solid #999; color:#000}
.delights p a:hover { color:#000; text-decoration:none}

a.indexpagelink { color:#333; text-decoration:none}