body {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12pt;
		text-align: center;
	}
	
	#container {
		text-align: left;
		width: 900px;
		margin:0px auto;
	}
	
	#container #header{
		/*margin:10px 0px 10px 0px;*/
		font-size:10pt;
		color:#333333;
	}
	#container #header .topWrapper {
		/*height: 32px;
		width: 52px;
		float:left;*/
	}
	#topLinks ul{
		float:right;
	}
	#topLinks li {
		margin:0px 10px 0px 0px;
		float:left;
	}
	#topLinks {
		display:block;
		margin:0px;
		/*margin-top:20px;*/
		margin-left:-10px;
		height:32px;
		list-style:none;
		vertical-align:baseline;
		overflow:visible;                                                                          
	}
		* html #topLinks {
			margin-left:0px;
		}
		*+html #topLinks {
			margin-left:20px;
		}
	/*		*+html #topLinks form {					
				position: relative;
				top: -8px;
			}
			*html #topLinks form {					
				position: relative;
				top: -8px;
			}*/
	/*#topLinks form {					/*FIREFOX*/
	/*	position: relative;
		top: -8px;
	}*/
	#topLinks .inputbox {
		border:0px;
		/*background-image:url(../images/top_bar/account_password_input.gif);*/
		width:126px;
		height:21px;		
		background:transparent;
		margin-left:1px;				/*20090507*/
	}
	#topLinks a:link{
		text-decoration:none;
		color:#333333;
	}
	#topLinks a:visited{
		text-decoration:none;
		color:#FF6600;
	}
	#topLinks a:hover {
		text-decoration:underline;
		color:#FF6600;
	}
	
	
	#showArea {
		/*border:1px solid #CCCCCC;
		border-bottom:none;
		height: 369px;*/
		/*margin:10px 0px 0px 0px;*/
	}
				/*		#container #showArea_bottom {
							width:inherit;
							height:11px;
							background-image:url(../images/catching_picture/bg_bottom.gif);
							background-position:bottom;
							background-repeat:no-repeat;
						}
				*/
	#showArea #slipper #slipper_left {
		background-image: url(../images/catching_picture/slip_bg_left.gif);
		background-position: right;
		background-repeat:no-repeat;
		height: 27px;
		width: 66px;
	}
	#showArea #slipper #slipper_right {
		background-image: url(../images/catching_picture/slip_bg_right.gif);
		background-repeat: no-repeat;
		background-position: left;
		height: 27px;
		width: 66px;
	}
	#showArea #slipper #slipper_middle {
		background-image: url(../images/catching_picture/slip_bg_middle.gif);
		background-repeat: repeat-x;
		height: 27px;
		width: 766px;
	}
	#showArea #slipper div{
		float:left;
	}
	#showArea #slipper {
		margin: 0px;
		padding: 0px;
	}

#footer_left {
		background-image: url(/images/bottom_bar/bg_left.gif);
		height: 31px;
		width: 9px;
	}
#footer_right {
		background-image: url(/images/bottom_bar/bg_right.gif);
		height: 31px;
		width: 9px;
	}
#footer_content {
		background-image: url(/images/bottom_bar/bg_middle.gif);
		height: 31px;
		width: 882px;
	}
	#footer {
		width:inherit;
		height:31px;
		margin: 10px 0px 10px 0px;
		font-size:10pt;
		color::#333333;
	}
	#footer #footer_content ul {
		list-style:none;
		float:right;
		position:relative;
		top:-8px;
	}
					*+html #footer #footer_content ul {				/*IE7*/
						top:5px;
					}
					*html #footer #footer_content ul {				/*IE6*/
						top:5px;
					}
	#footer #footer_content li {
		float: left;
		margin:0px 5px 0px 5px;
	}
	#footer #footer_content a {
		text-decoration:none;
		color:#333333;
	}
	#footer #footer_content a:visited {
		text-decoration:none;
		color: #FF6600;
	}
	#footer #footer_content a:hover {
		text-decoration:underline;
		color: #FF6600;
	}
	#footer #footer_content span {
		position:relative;
		top:8px;
	}
	#footer div {
		float:left;
	}
	
	#content {
		/*margin-top: 19px;
		margin-right: 0px;
		margin-bottom: 19px;
		margin-left: 0px;*/
		margin:0px;
	}
				* html #content {    			/*IE6*/
					margin-top: 16px;
					margin-right: 0px;
					margin-bottom: 20px;
					margin-left: 0px;
				} 
				*+html #content {			/*IE7*/
					margin-top: 36px;
					margin-right: 0px;
					margin-bottom: 36px;
					margin-left: 0px;
				} 
	#content .wrapper {
		float: left;
	}
	
	#shareContent {
		min-height:540px;					/*20090506*/
		height: auto;
		width: 569px;
		background-image:url(../images/main_page/bg_middle.gif);
		background-repeat:repeat-y;
	}
	#shareContent_top {
		background-image: url(../images/main_page/bg_top.gif);
		background-repeat:no-repeat;
		background-position: bottom;
		height: 15px;
		width: 569px;
	}
	#shareContent_bottom {
		background-image: url(../images/main_page/bg_bottom.gif);
		background-repeat:no-repeat;
		background-position: top;
		height: 20px;
		width: 569px;
	}
	
	
	#download_top {
		background-image: url(../images/client_download/bg_top.gif);
		background-repeat: no-repeat;
		background-position: top;
		height: 40px;
		vertical-align:middle;
	}
	#download_bottom {
		background-image: url(../images/client_download/bg_bottom.gif);
		background-repeat:no-repeat;
		background-position: top;
		height: 13px;
		overflow:visible;
	}
	#download #download_content {
		background-image: url(../images/client_download/bg_middle.gif);
		background-repeat: repeat-y;
		height: 130px;
		clear:both;
		overflow:visible;
	}
	#download #download_content p {
		font-size: 10pt;
		color: #000000;
		margin:1px 10px 10px 10px;
		position:relative;
		top:10px;
	}
	#download #download_top img {
		padding: 10px 0px 0px 10px;
		float:left;
	}
	#download #download_top span {
		position:relative;
		top:15px;
		left:15px;
		font-weight:bold;
	}
	
	
	#guide #guide_top {
		background-image: url(../images/how_to_use/bg_top.gif);
		height: 40px;
	}
	#guide #guide_bottom {
		background-image: url(../images/how_to_use/bg_bottom.gif);
		background-repeat:no-repeat;
		background-position: top;
		height: 13px;
	}
	#guide #guide_content {
		background-image: url(../images/how_to_use/bg_middle.gif);
		background-repeat: repeat-y;
		height: 330px;
		clear:both;
		overflow:hidden;
	}
	#guide {
		margin-top: 18px;
	}
	#guide #guide_top img {
		padding: 10px 0px 0px 10px;
		float:left;
	}
	#guide #guide_top span {
		position:relative;
		top:15px;
		left:15px;
		font-weight:bold;
	}
	#guide #guide_content #slideshowArea {
		background-image: url(../images/how_to_use/usecase_bg.gif);
		height: 261px;
		width: 261px;
		margin:0px 26px 0px 26px;
		position:relative;
		top:8px;
	}
	
	.more {
		float: right;
		margin-right:10px;
		margin-top:15px;
	}
			*+html .more{					/*IE7*/
				margin-top:-5px;
			}
			* html .more{					/*IE6*/
				margin-top:-5px;
			}
			
	.more img {
		position: relative;
		top: -6px;
		margin-right:5px;
		border:none;
	}
	.more a {
		text-decoration:none;
		color:#000000;
	}
	.more a:visited {
		color:#FF6600;
		text-decoration:none;
	}
	.more a:hover {
		color:#FF6600;
		text-decoration:underline;
	}
	.clear {
		clear: both;
		/*height:10px;
		width:inherit;*/
	}
	.content_title {
		font-size: 20pt;
		color: #FF6600;
		font-weight:bolder;
		margin-left:13px;
	}
	.contents {
		font-size: 12pt;
		color: 000000;
		margin-left:13px;
		margin-right:13px;
		margin-top:10px;
		margin-bottom:20px;
	}	
	.toHide {
		display:none;
	}

	#scrollIcons .sharingIcon {
		height: 51px;
		width: 80px;
		margin:0px 5px 0px 5px;
		text-align:center;
		vertical-align:middle;
		cursor:pointer;
	}
	#scrollIcons img {
		position: relative;
		top: 18px;
		/*margin:0px 5px 0px 5px;*/
	}
	#scrollIcons .sharingIcon span {
		position:relative;
		top:5px;
		display:block;
		font-size:10pt;
		font-weight:bold;
		cursor:pointer;
	}
	#scrollIcons .normalIcon {
		color:#666666;
		background-image: url(../images/how_to_use/item_normal.gif);
	}
	#scrollIcons .currentIcon {
		color: #FF6600;
		background-image: url(../images/how_to_use/item_mouseOver_selected.gif);
	}
	
	#introSample {
		margin-right: 13px;
		margin-left: 10px;
		height:154px;
	}
	#introSample img {
		margin-right: 11px;
		margin-left: 11px;
		cursor:pointer;
	}
	
	
	#shareContent ul.tabs {
		list-style-type:none;
		position:relative;
		left:-19px;
		margin-bottom:22px;
		margin-top:10px;
	}	
	* html #shareContent ul.tabs {
		margin-left:21px;
	}
	#shareContent ul.tabs li {
		float:left;
		height:40px;
		width:160px;
		vertical-align:middle;
		text-align:center;
		margin:0px 0px 0px 0px;
		font-weight:bold;
	}
	#shareContent #introTab {
		/*background-image: url(../images/main_page/tab_bg.gif);*/
		min-height:165px;					/*20090506*/
		height:auto;
		width:522px;
		clear:both;
		margin:-4px 13px 0px 21px;
	}
				*+html #introTab {
					position:relative;
					top:-19px;
				}
				* html #introTab {
					position:relative;
					top:-19px;
				}
			
	#introTab #introTab_btm {
		background-image: url(../images/main_page/tab_bg_btm.gif);
		background-repeat:no-repeat;
		background-position: top;
		height: 10px;
		width: 522px;
	}
	#introTab #introTab_mid {
		background-image: url(../images/main_page/tab_bg_mid.gif);
		background-repeat: repeat-y;
		min-height:155px;					/*20090506*/
		height: auto;
		width: 522px;
	}
	#introTab #introTab_mid ul{
		position:relative;
		left:50px;
	}
		*+html #introTab #introTab_mid ul{
			position:relative;
			left:20px;
		}
		* html #introTab #introTab_mid ul{
			position:relative;
			left:20px;
		}
	
	#shareContent .contents {
		font-size: 13px;
	}
	#shareContent .leftTab {
		background-image: url(../images/main_page/tab_left_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	#shareContent .middleTab {
		background-image: url(../images/main_page/tab_middle_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	#shareContent .rightTab {
		background-image: url(../images/main_page/tab_right_bottom.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	#shareContent .tabs .blankTab {
		height: 40px;
		width: 21px;
		background-image:url(../images/main_page/tab_blank_bottom.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	#shareContent ul.tabs li span {
		display: block;
		padding:10px 5px 10px 5px;
		cursor:pointer;
	}

#showArea ul {
	list-style:none;
	margin-left:18px;
	margin-right:2px;
	padding:0px;
}
#showArea ul li {
	float:left;
	width:218px;
	font-size:10pt;
	text-align:center;
	margin:0px;
	padding:0px;
	margin-top:10px;
}
#shareContent #leftTab.current{
	background-image:url(../images/main_page/tab_selection_left.gif);
	background-repeat: no-repeat;
	background-position:top;
	color:#FF6600;
}
#shareContent #middleTab.current {
	background-image:url(../images/main_page/tab_selection_middle.gif);
	background-repeat: no-repeat;
	background-position:top;
	color:#FF6600;
}
#shareContent #rightTab.current {
	background-image:url(../images/main_page/tab_selection_right.gif);
	background-repeat: no-repeat;
	background-position:top;
	color:#FF6600;
}
#shareContent #leftTab.normal {
	background-image: url(../images/main_page/tab_left_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#000000;
}
#shareContent #middleTab.normal {
	background-image: url(../images/main_page/tab_middle_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#000000;
}
#shareContent #rightTab.normal {
	background-image: url(../images/main_page/tab_right_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	color:#000000;
}

#shareContent .tabs li{
	width:100%;
}

#download_content #clientName {
	font-size: 12pt;
	font-weight:bold;
	color:#FF6600;
	position:relative;
	top:-35px;
	left:40px;
	cursor:pointer;
	width:260px;		/*����ͼƬ֮�⻹��t��*/
}
#download_content #clientName span {
	font-size: 9pt;
	margin-left: 50px;
	color:#000000;
}

/*navigator begin*/
	#navigator {
		width:inherit;
		height:31px;
		margin:0px 0px 15px 0px;
	}
	#navigator ul {
		margin:15px 0px 15px -40px;
		list-style-type:none;
		width:inherit;
	}
	#navigator ul li {
		float:left;
	}
	#navigator #bg_left {
		background-image: url(../images/navigation_%20bar/bg_left.gif);
		background-repeat: no-repeat;
		background-position: left;
		height: 31px;
		width: 12px;
	}
	#navigator .navigator_content {
		background-image: url(../images/navigation_%20bar/bg_middle.gif);
		vertical-align:middle;
		text-align:center;
		height:31px;
		width:117px;
		position:relative;					/*20090507*/
		z-index:200;
	}
	* html #navigator .navigator_content {			/*20090507*/
		width:116px;
	}
	#navigator .separator {
		background-image: url(../images/navigation_%20bar/bg_menu_line.gif);
		height: 31px;
		width: 9px;
		background-repeat:no-repeat;
	}
	#navigator #bg_right {
		background-image: url(../images/navigation_%20bar/bg_right.gif);
		height: 31px;
		width: 13px;
		background-repeat:no-repeat;
	}
	#navigator .navigator_content a {	
		display:block;	
		padding-bottom:8px;
		padding-left:30px;
		padding-top:8px;
		padding-right:31px;
		color:#000000;
		text-decoration:none;
		font-size:12px;
	}
	#navigator .navigator_content a:visited{
		color:#000000;
		text-decoration:none;
	}
	#navigator .navigator_content a:hover {
		color: #FF6600;
		text-decoration:underline;
	}
	#topLinks .inputbox {
		border:0px;
		/*background-image:url(../images/top_bar/account_password_input.gif);*/
		width:128px;
		height:21px;
		background:transparent;
	}
	.navigator_content .sub {
		clear:both;
		padding-left:0px;
		width:150px;
		display:none;
		position:absolute;
		top:15px;		/*����navigator��margin��仄1¤7*/				/*20090507*/
		left:35px;		/*35px�����navigator����*/
		margin:0px;
		z-index:100;
		height:96px;
		/*background-image:url(../images/how_to_use/item_mouseOver_selected.gif);*/
		/*background-color:#FFCCFF;*/
		text-align:left;
	}
	* html .navigator_content .sub {
		top:5px;
	}
	#navigator .sub .sub_top {
		background-image:url(../images/public/Nav_wider_Selection_Top.gif);
		background-repeat:no-repeat;
		background-position:bottom;
		height: 8px;
		width: 188px;
	}
	#navigator .sub .sub_bottom {
		background-image:url(../images/public/Nav_wider_Selection_Bottom.gif);
		background-repeat: no-repeat;
		background-position: top;
		height: 8px;
		width: 188px;
	}
	#navigator .sub .sub_mid {
		background-image:url(../images/public/Nav_wider_Selection_Middle.gif);
		background-repeat: repeat-y;
		height: auto;
		width: 188px;
	}
	.navigator_content .sub a:link {
		text-decoration:none;
		font-size:10pt;
		font-weight:inherit;
		display:block;
		/*padding:5px 20px 5px 20px;*/
		color:#000000;
	}
	.navigator_content .sub a:visited{
		color:#FF6600;
		text-decoration:none;
	}
	.navigator_content .sub a:hover{
		color:#FF6600;
		text-decoration:underline;
	}.sub img {
		float: left;
		padding:15px 10px 0px 10px;
	}
/*navigator end*/

	#sharingSelection img {
		margin-right: 10px;
		margin-left: 10px;
		z-index:50;
		border:none;
	}
	
	
	#sharingSelection #right {
		float: right;
	}
			*+html #sharingSelection #right {			/*IE7*/
				margin-top:-22px;
			}
			*html #sharingSelection #right {			/*IE6*/
				margin-top:-22px;
			}
			
	.stepcarousel {
		position: relative; /*leave this value alone*/
		top:5px;
		left:22px;
		overflow: scroll; /*leave this value alone*/
		width: 260px;
		height: 51px; /*Height should enough to fit largest content's height*/
		margin:0px;
		padding:0px;
		margin-top:8px;		/*This value is necessary for our contentSharing page*/
	}
	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	.stepcarousel .sharingIcon{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 14px; /*margin around each panel*/
	width: 80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

	#100px{
		width:100px;
	}