/* Basic stuffs
----------------------------------------------------------------------*/
body
{
	background: #F1F1EB url(images/background.gif) repeat-y center;
	text-align:center; 
	/*min-width: 820px;* by hingman*/
	min-width: 1003px;
	/* http://ithelp.ithome.com.tw/question/10000649 */
	font:75%/1.5 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif;
}
* 
{
	margin: 0;
	padding: 0;
}
.clear 
{
	clear:both;
}
img 
{
	border: 0;
}

.leftpic {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.rightpic {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

/* add by hingman */
.hr0
{
	height: 1px; 
	border: none;
	border-top: 1px dashed #999999;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
}

/* Main Div
----------------------------------------------------------------------*/
#wrapper
{
	/*width: 780px;	by hingman*/
	width: 963px;
	margin: 0 auto;
	text-align: left;
}
/* Header
----------------------------------------------------------------------*/
#header
{
}
#HeaderLogo
{
	margin-top:20px;
	margin-left:15px;
	margin-right:10px;
	width: 400px;
}
#HeaderDesc
{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
	font-size: 12px;
	color: #666666;
}
/* Navigation tabs 
----------------------------------------------------------------------*/
#tabs 
{
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 15px 0 15px;
	/*width: 750px; by hingman*/
	width: 933px;
	background: #003399;
}
#tabs li 
{
	float: left;
	display: inline;
	list-style: none;
	width: 115px;
}
#tabs a:link, #tabs a:visited 
{
	padding: 10px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: none;
}
#tabs a#active:link, #tabs a#active:visited, #tabs a:hover 
{
	background: #FF9900;
	color: #003365;
	font-weight: bold;
}
/* Main div
----------------------------------------------------------------------*/
#OtherLink
{
	/*width:185px; by hingman*/
	width:240px;
	float:left;
	font-size:12px;
	color: #666677
}
#OtherLink a:link, #OtherLink a:visited
{
	border-bottom:none;
	text-decoration: none;
	color: #4A7BC6;		
}
#OtherLink a:hover
{
	border-bottom:1px solid #4A7BC6;
	color: #4A7BC6;
}
#OtherLink p
{
	margin-left:15px;
	margin-bottom:5px;
}
#content
{
	float:right;
	/*width: 594px; by hingman*/
	width: 722px;
	font-size:12px;
	border-left-style:ridge;
	border-left-width:1px;
	line-height: 18px;
	color: #666677;
}
#content a:link, #content a:visited
{
	border-bottom:none;
	text-decoration: none;
	color: #4A7BC6;		
}
#content a:hover
{
	border-bottom:1px solid #4A7BC6;
	color: #4A7BC6;
}
#content p
{
	margin: 0px 20px 10px 20px;
}
#content h1 {
	font-size: 12px;
	font-weight: bold;	
	display: inline;
	color: #666677;
}
#content strong
{
	font-weight: bold;
}
#ImageLink a:link, a:visited 
{
	border-bottom:none;
	text-decoration: none;
}
#ImageLink a:hover
{
	border-bottom:none;
	text-decoration: none;
}
/* h2 - Page section headings 
------------------------------------------------------------------------*/
h2.pageSectionHeading
{
	font-size: 14px;
	display: block;
	font-weight: bold;
	color: #666666;
	background: #EDF2F5;
	border-left: 4px solid #ACC2D9;
	padding-left: 10px;
	margin: 10px 10px 10px 10px;
}
h2.pageSectionHeading2
{
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #666666;
	background: #EDF2F5;
	border-left: 4px solid #ACC2D9;
	padding-left: 10px;
	margin: 10px 10px 10px 20px;
}
/* Quick Items
----------------------------------------------------------*/
h2.QuickItems
{
	font-size: 12px;
	display: block;
	font-weight: bold;
	color: #666666;
	background: #EDF2F5;
	border:1px dashed;
	
	padding-left: 15px;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:0px;
	margin-bottom:5px;
	margin-right:10px;
	margin-left:10px;
}

li.QuickItemsPadding
{
	list-style: none;	/* add by hingman */
	padding-bottom:2px;
}



/* Footer. 
----------------------------------------------------------------------*/
#footer
{
	font-size: 12px;
	text-align:center;
	clear: both;
	background-color: #003399;
	color: #FFFFFF;
	padding: 10px;
	margin-top:10px;
}
#footer a:link, #footer a:visited 
{
	border-bottom:none;
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover
{
	border-bottom:1px solid #4A7BC6;
	color: #FFFFFF;
	border-bottom-color:#FFFFFF;
}
/* Breadcrumbs 
----------------------------------------------------------------------*/
#breadcrumbs
{
	font-size: 12px;
	color: #666677;
	margin-left: 15px;
	margin-bottom: 10px;
}
#breadcrumbsCurrentLocation
{
	font-weight: bold;
}

/*CenterContent
---------------------------------------------------*/
#CenterContent
{
	/*width: 580px; by hingman*/
	width: 702px;
	float:left;
}
#CenterContentWithMargin
{
	margin: 0px 15px 0px 15px;
}
#CenterContentWithVerticalMargin
{
	margin: 10px 0px 10px 0px;
}
#CenterContentWithVerticalMarginSmall
{
	margin-bottom:20px;
}
#CenterContentBullets
{
	padding-left:30px;		
}

#CenterContentleft
{
	padding-left:160px;
}

#CenterContentWithTopMargin
{
	margin: 10px 0px 0px 0px;
}
#CenterContentWithBottomMargin
{
margin-bottom:20px;	
}
#CenterContentMain
{
	margin: 0px 20px 0px 20px;
	border: 1px solid #346494;
	background-color:#FFFFFF;
	padding:10px 0px 0px 0px;
}
#ScreenShotPage
{
	text-align:center;
	margin:0 auto;
}
#ToTopBox
{
	text-align:right;
	margin-right:20px;
	/*width: 560px; by hingman*/
	width:700px;
}
#EmailBox
{
	font-size:14px; 
	vertical-align:top;
}
/* File details Table
----------------------------------------------------------*/
table.fileDetails
{
	background: #FFFFFF;
	border: 1px solid #ACC2D9;
	border-top: none;
	width: 100%;
	position: relative;
	top: -4px;
	left: -4px;
}
table.fileDetails th
{
	margin: 0;
	text-align: right;
	color: #999999;
	font-weight: bold;
}
table.fileDetails td
{
	margin: 0;
	padding: 2px 10px;
	text-align: left;
}
table.fileDetails tr.alternateRow
{
	background: #EDF2F5;
}
table.fileDetails caption
{
	text-align: left;
	font-weight: bold;
	border: 1px solid #ACC2D9;
	background: #FFFFFF;
	padding: 5px;
	color: #666677;
}
div.fileDetails
{
	background: #ACC2D9;
}




/* General Table
----------------------------------------------------------*/
table.GeneralDetails
{
	background: #FFFFFF;
	border: 1px solid #ACC2D9;
	width: 100%;
	position: relative;
	top: -4px;
	left: -4px;
}
table.GeneralDetails th
{
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	font-weight: bold;
	border-bottom:1px solid #ACC2D9;
}
table.GeneralDetails td
{
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	vertical-align:top;
}
table.GeneralDetails tr.alternateRow
{
	background: #EDF2F5;
}
div.GeneralDetails
{
	margin: 20px 30px 10px 30px;
	background: #ACC2D9;
}
/* Home page
----------------------------------------------------------*/
#FeaturesBox
{
	padding-left:40px;
	
}
#ScreenshotBox
{
	/*margin:0 auto;*/
	/*margin-left:30px;*/
	text-align:center;
	font-size:14px;
	/*float:left;*/
}
#ScreenshotBox img
{
	margin-top: 10px;
	margin-bottom:10px;
}
#ScreenshotBoxLinks
{
	padding-top:5px;
	padding-bottom:5px;
}
#CommonLinks
{
	/*text-align: left;*/
/*	width:560px;*/
	/*padding-right:50px;	*/
/*	font-size:14px;	*/
	/*float:right;*/

	text-align: right;
	/*width:560px; by hingman*/
	width:700px;
	padding-right:20px;	
	font-size:14px;	
}
#SampleOutput
{
	/*background-color:#585768; by hingman*/
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;	
}
#SampleOutput img
{
	margin: 10px 10px 10px 10px;
}
/* add by hingman */
#CustomerOutput
{
	background-color: #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;	
}
#CustomerOutput img
{
	margin: 20px 10px 20px 50px;
}
/* Download page
----------------------------------------------------------*/
#DownloadNowImage
{
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	text-align:center;	

}
#DownloadNowFileDetails
{
	margin:0 auto;
	padding-bottom:20px;
	width: 350px;
}
/* BuyNow Box
----------------------------------------------------------*/
#BuyNowImage
{
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
	text-align:center;		
}
#BuyNowDetails
{
	margin:0 auto;
	/*width: 400px; by hingman*/
	width: 650px;
	padding-bottom:20px;	
}

#BuyNowDetailsSmall
{
	margin:0 auto;
	/*width: 400px; by hingman*/
	width: 500px;
	padding-bottom:20px;	
}
/* Usage Table
----------------------------------------------------------*/
table.usage
{
	background: #FFFFFF;
	border: 1px solid #ACC2D9;
	width: 100%;
	position: relative;
	top: -4px;
	left: -4px;
}
table.usage th
{
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	color:#666677;
	font-weight: bold;
	border-right:#ACC2D9 1px solid;	/*add by hingman, 2010-03-09*/
}
table.usage th.price
{
	padding-right: 20px;
	text-align: right;
}
table.usage td
{
	margin: 0;
	padding: 2px 10px;
	text-align: left;
	border-top:#ACC2D9 1px solid;  	
	border-right:#ACC2D9 1px solid;	/*add by hingman, 2010-03-09*/
}
table.usage td.price
{
	padding-right: 20px;
	text-align: center;
}

/*add by hingman, 2010-03-09*/
.buy_save
{
	font-weight: bold;
	color: #FF0000;
}

table.usage tr.alternateRow
{
	background: #EDF2F5;
}
table.usage caption
{
	text-align: left;
	font-weight: bold;
	border: 1px solid #ACC2D9;
	background: #FFFFFF;
	padding: 5px;
	color: #000000;
}
div.usage
{
	margin: 7px 15px 10px 19px;
	background: #ACC2D9;
}
#CodePage
{
	background-color:#EEE;
	margin-left:20px;
	margin-right:20px;
	
	padding-left:10px;
	padding-right:10px;	
	padding-bottom:10px;	/*20px by hingman*/
	padding-top:10px;		/*add by hingman*/
	border:1px dashed #999999;  /* by hingman*/
	font-size:11px;
	line-height: 14px;
}
#code_comment{color:#080;}
#code_key{color:#00f;}
#code_str{color:#a11;}

/*add by hingman*/
#HeaderLang{
	/*position:absolute;*/
	float: right;
	width: 260px;
	margin-top:-80px;
	margin-right:5px;
	border:hidden;
	/*background-color: #666666;*/
}
#HeaderLang img
{
	border: 1px;
	border-color:gray;
	border-style:solid;
}
#HeaderLang ul{
	margin:0;
	list-style:none;
}
#HeaderLang li{
	display:inline;
	list-style-position: outside;
	padding-right:5px;