/*
	Hornil Style 2.0

	webmaster@hornil.com
	http://hornil.com

*/

#Debug	{ position: fixed; left: 10px; bottom: 10px; width: 100px; padding: 10px; border: 1px solid gray; z-index: 999; background-color: yellow; }

/* Padding */
.P0	 { padding: 0;}
.P5	 { padding: 5px;}
.P10 { padding: 10px;}
.P15 { padding: 15px;}

/* Margin */
.M5	{ margin: 5px; }
.MT10 { margin-top: 10px; }
.ML10 { margin-left: 10px; }
.MR10 { margin-right: 10px; }
.MB10 { margin-bottom: 10px; }

.MT5 { margin-top: 5px; }
.ML5 { margin-left: 5px; }
.MR5 { margin-right: 5px; }
.MB5 { margin-bottom: 5px; }

/* Text Align */
.TAC { text-align: center; }        
.TAL { text-align: left; }          
.TAR { text-align: right; }         
.TAJ { text-align: justify;}

.BD_A, .BDA	{ border:			1px dotted silver; }             
.BD_L, .BDL	{ border-left:		1px dotted silver; }             
.BD_R, .BDR	{ border-right:		1px dotted silver; }                 
.BD_T, .BDT	{ border-top:		1px dotted silver; }             
.BD_B, .BDB	{ border-bottom:	1px dotted silver; }             
		                                                             
.BS_A, .BSA	{ border:			1px solid silver; }              
.BS_L, .BSL	{ border-left:		1px solid silver; }              
.BS_R, .BSR	{ border-right:		1px solid silver; }                  
.BS_T, .BST	{ border-top:		1px solid silver; }              
.BS_B, .BSB	{ border-bottom:	1px solid silver; }  
.BE_A, .BEA	{ border:	1px solid silver; border-top:1px solid #ddd; border-left:1px solid #ddd; }
/*
	body
		- Layout
			- Header
				- Home
				- PrivateNav
				- Language
				- PublicNav
				- Search
			- Divider
			- Content
				- Any contents are placed here.
			- Footer
		- Partner
		- SiteInfo
			- Terms
			- Copyright
*/

/* Common Style */

body				{ margin: 0; padding: 0; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color: #F9FAFB; }
h1					{ color: #334; line-height:1;}
h2					{ color: #556; line-height:1;}
h3					{ color: #667; line-height:1;}
h4					{ color: #667; line-height:1;}
a					{ text-decoration: none; color: #0270A4;}
h3 a				{ color: #17669F;}
a:hover				{ color: #028ED2;}
img					{ border: 0; }

dt	 a				{ color: #456; }
dt	 a:hover		{ color: #456; }

.Hot				{ color: #1A5795; }
.Column				{ float: left; }
.ClearBoth			{ clear: both; }
/* Layout */
.HR					{ clear: both;}
.box				{ padding: 10px; border:1px solid silver; }
caption				{ color: gray; font-size: 12px;}

#Layout				{ position: relative; width: 980px; margin: 0 auto; padding: 0; border:0px solid green; }
#Layout .Header		{ position: relative; width: 980px; height: 70px; margin: 10px 0 0 0; padding: 0; background: url(/img/v2/layout/Top.png) no-repeat; border: 0px solid silver; border-bottom: 0px dotted silver; }
#Layout .Divider	{ position: relative; width: 980px; height: 10px; background: url(/img/v2/layout/Divider.png) no-repeat; border: 0px solid silver; border-bottom: 0px dotted silver; }
#Layout .Content	{ position: relative; width: 980px; margin: 0; padding: 10px 0 10px 0; min-height: 300px; background: url(/img/v2/layout/ContentBack.png) repeat-y; border: 0px solid red; font-size: 13px; line-height: 1.5;}
#Layout .Footer		{ position: relative; width: 980px; height: 10px; clear: both;  margin: 0; padding: 0; background: url(/img/v2/layout/Bottom.png) no-repeat; border: 0px solid green; }

.Divider710			{ width: 710; height: 3px; margin-top: 10px; background: url(/img/v2/layout/Divider710.png) no-repeat; }

.Header ul			{ list-style-type: none; margin: 0; padding: 0; border: 0px solid red;}
.Header ul li		{ display: inline; padding: 0 5px 0 5px; }
.Header a			{ text-decoration: none; color: #777;}

#Home				{ position: absolute; width: 80px; height: 60px; border: 0px solid blue; cursor: pointer; }
#PrivateNav			{ position: absolute; right: 8px; top: 5px; width: 700px; height: 20px; margin: 0; padding: 0; text-align: right; border: 0px solid red; font-size: 0.9em;}
#Language			{ position: absolute; right: 3px; top: 5px; width: 80px; height: 20px; text-align: center; border: 0px solid blue; font-size: 0.9em; display: none;}
#PublicNav			{ position: absolute; left: 100px; top: 42px; width: 800px; height: 24px; border: 0px solid green; }
#Search				{ position: absolute; right: 6px; top: 35px; width: 150px; height: 25px; text-align: right; padding-top: 5px; border: 0px solid silver; }
#Share				{ position: absolute; right: 6px; top: 50px; height: 15px; text-align: right; z-index: 99;}

#PublicNav a		{ float:left; /*width: 110px;*/margin-right: 30px; height: 23px; padding: 5px 0 0 0; color: #333; text-align: center; font-size: 14px; }
#PublicNav a:link	{ color: #333; }
#PublicNav a:visited{ color: #333; }
#PublicNav a:hover	{ color: #0E8DC5; }
#PublicNav a:active	{ color: #000; }

#PublicNav li.selected a:link	{ font-weight: bold; color: #333; }
#PublicNav li.selected a:visited{ font-weight: bold; color: #333; }
#PublicNav li.selected a:hover	{ font-weight: bold; color: #0E8DC5; }
#PublicNav li.selected a:active	{ font-weight: bold; color: #000; }

#Partners			{ position:relative; width: 970px; margin: 0 auto; padding: 0px 5px 0px 5px; clear: both; color: #888; font-size:0.9em;}
#Partners a			{ color: #888; }

#SiteInfo			{ position:relative; width: 970px; margin: 0 auto; padding: 5px 5px 5px 5px; clear: both;  color: #777; font-size: 12px; border: 0px solid blue; }
#SiteInfo a			{ text-decoration: none; color: #457; }
#SiteInfo a:hover	{ text-decoration: underline; color: #679; }

#createdThroughHornilStylePix { position: absolute; right: 0; top: 0; padding: 5px 0 0 0; color: #aaa;}

.FullSection		{ position: relative; width: 960px; padding: 0 10px 0 10px; border: 1px solid red;}

.SmallABigB			{ clear: both; }
.SmallABigB .ASection { float: left;   width: 170px; margin: 0; padding: 0 0 0 10px; border: 0px solid red; }
.SmallABigB .BSection { margin-left: 180px; padding: 0 20px 0 20px; border: 0px solid blue; }

.SideNav			{ position: relative; width: 170px; border: 1px solid #ddd;	margin-bottom: 5px; background-color: white; z-index:900;}
.SideNav .Title		{ height: 24px;	font-size: 14px; padding: 0 0 0 14px; background: url(/img/v2/layout/NavTitleBack2.png) repeat-x;}
.SideNav .Selected	{ height: 24px;	font-size: 14px; font-weight:bold;	padding: 0 0 0 14px;	background: url(/img/v2/layout/NavTitleBackSelected.png) repeat-x;}
.SideNav .Selected2	{ height: 24px;	font-size: 14px; font-weight:bold;	padding: 0 0 0 14px;	background: url(/img/v2/layout/NavTitleBackSelected.png) repeat-x;}
.SideNav .Comment	{ height: 24px;	font-size: 14px; font-weight:bold;	padding: 0 0 0 14px;	background: url(/img/v2/layout/NavTitleBackComment.png) repeat-x;}
.SideNav .Jump		{ height: 24px;	font-size: 14px; padding: 0 0 0 14px;	background: url(/img/v2/layout/NavTitleBackJump.png) repeat-x;}
.SideNav .Strong		{ height: 24px;	font-size: 14px; padding: 0 0 0 14px;	background: url(/img/v2/layout/NavTitleBackJump.png) repeat-x;}

.SideNav ul			{ margin: 0;	padding: 5px 0 5px 15px;	list-style-type: none; border:0px solid red;}
.SideNav li			{ margin-left: -15px; padding-left: 20px; }
.SideNav li a		{ text-decoration: none;	color: #777;	font-size: 12px;	line-height: 1.8em; }
.SideNav .Selected a{ text-decoration: none;	color: #777;}
.SideNav li.selected { background: url(/img/v2/layout/NavTitleBackSelected2.png) repeat-x;}

.SideNav a:link		{ color: #333; }
.SideNav a:visited	{ color: #333; }
.SideNav a:hover	{ color: #0E8DC5;/*#738C0B;*/ }
.SideNav a:active	{ color: #000; }
.SideNav .link		{ color: #777;	font-size: 12px;	line-height: 1.8em;}

.SideNav .Selected a:hover	{ color: #555; text-decoration: underline; }

.SideNav a.selected:link{ font-weight: bold; color: #333; }
.SideNav a.selected:visited{ font-weight: bold; color: #333; }
.SideNav a.selected:hover{ font-weight: bold; color: #0B678E;/*#9FC40F;*/ }
.SideNav a.selected:active{ font-weight: bold; color: #000; }

#Main				{ margin: -17px 2px 0 2px; height: 357px; }

#Main #Message		{ position: absolute; left: 45px; top: 130px; width: 380px; border: 0px solid silver;}
#Main #Link			{ position: absolute; left: 45px; top: 240px; width: 340px; border: 0px solid red;}

.BSection .ColumnA{ float: left; width: 370px; margin: 0; padding: 5px 10px 0 0; border: 0px solid red; }
.BSection .ColumnB{ overflow: hidden; width: 370px; margin: 0; padding: 5px 10px 0 0; border: 0px solid blue; }

#Company			{ background: url(/img/v2/layout/CompanyBack.jpg) no-repeat;  border:0px solid red; }
.BackgroundInfo		{ text-align: right; margin-top: 15px; color: silver; font-size: 11px;}
.BackgroundInfo	 a	{ color: silver; }


.Download			{ width: 100%;  border-collapse: collapse; }
.Download	 th		{ border:1px solid silver; font-weight: normal; background-color: #f3f4e5;}
.Download	 td		{ border:1px solid silver; padding: 2px 2px 2px 2px; text-align: center; }

.links				{ padding:5px; margin-bottom: 5px; margin-right: 5px; border: 1px solid silver; border-bottom: 1px solid gray; border-right: 1px solid gray; }
.links p			{ padding: 0px; margin: 0px; margin-bottom: 5px; font-size: 0.8em; color: gray; }
.links h3			{ margin: 0; margin-bottom: 6px; }

#Support			{ background: url(/img/v2/layout/SupportBack.jpg) no-repeat right bottom;  border:0px solid red; min-height: 420px; }

.Button				{margin: 2px; width: 16px; font-size: 10px; padding: 1px 5px 1px 5px; text-align: center; cursor: pointer; border: 1px solid silver; }
.Button:hover		{background-color: silver; color: black; }

#IntuitiveUI		{ float: right; width: 331px;height: 540px; text-align: right; padding-top: 0px; border: 0px solid red; }
#IntuitiveUI #IntuitiveUIImage { border: 1px solid silver; }
#IntuitiveUI .Control{margin-top: 5px;border: 0px solid blue; text-align: center; height: 20px; }
#IntuitiveDescription { border: 0px solid red; text-align: center;  height: 18px; }

#DownloadAlert		{ position: absolute; right: 10px; top:10px; width: 231px; height: 90px; background: url(/img/v2/StylePix/download.png) no-repeat right top; text-align: right; padding-top: 50px; padding-right: 20px;font-size: 16px; cursor: pointer; z-index: 999; }
#Main #DownloadAlert { left: 120px; top: 220px; }

#VersionHistory dt	{ font-size: 18px; font-weight: bold; color: #556;}

#SelectedImage		{ width: 700px; border: 0px solid silver; cursor: pointer; }
#ImageDescription	{ margin-top: 10px; border: 0px solid silver; }
#ImageBorder		{ }
#ImageList div		{ float: left; text-align: center; margin-top: 10px; cursor: pointer; margin: 5px;}
#ImageList img		{ width: 85px;}
#ImageTitle			{ text-align: center; }

#ProductBack		{ position: absolute; width: 170px; height: 135px; right: 15px; top: 0px; background: url(/img/v2/layout/Pencil.png) no-repeat;}
#DownloadBack		{ position: absolute; width: 94px; height: 135px; right: 15px; top: 0px; background: url(/img/v2/layout/DownloadBack.png) no-repeat;}
#PurchaseBack		{ position: absolute; width: 131px; height: 135px; right: 0px; top: 0px; background: url(/img/Cart.png) no-repeat;}

.Q					{ font-size: 1.1em; font-weight: bold; }
.A					{ padding-left: 25px; padding-bottom: 5px; padding-top: 0px; color: #555; }

.Sitemap			{ width: 100%; border: 0px solid red; }
.Sitemap td			{ }
.Sitemap ul			{ margin-top: 5px;padding: 0; list-style-type: none; }
.Sitemap a			{ color: #777; }

.DividerLine		{border-bottom: 1px solid #ccc; }

.Features			{ width: 100%; }
.Features ul		{ margin-top: 5px;padding: 0; list-style-type: none; }
.Features a			{ color: #777; }

.comparison th		{ background-color: #EBEBEB; color: #333;}
.comparison td		{ border: 1px solid #ddd; padding-left: 10px; }
	.comparison th   {background: url(/img/v2/layout/NavTitleBackSelected.png) repeat-x;}
	.comparison tr   {}
	.comparison .td1 { text-align:left; padding-left: 10px; }
	.comparison .sub { text-align:left; padding-left: 30px; }
	.comparison .main { text-align:left; background-color: #EBEBEB; }
	.comparison .td2 { text-align:center;}
	.comparison .td3 { text-align:center;}
	.comparison .pro { background-color: #D9D9D9;}
.division			{ font-size: 20px; }

.ContactForm		{ list-style-type: none; padding: 0;  margin-bottom: 43px; }
.ContactForm	li	{ float: left; border: 0px solid red; height: 25px; padding: 5px 20px 0 20px; background-color: #ddd; cursor: pointer; margin-right: 1px; }
.ContactForm	li.selected { background-color: #aaa; }

.QuickLinks			{ background: #F3F3F3;}

.LeftHighlight		{ border-left: 5px solid #ddd;padding-left:10px; }

#shortcut ul		{ margin: 1em 0 0.5em 0; padding: 0; list-style: none;}
#shortcut li		{ margin: 0 0 1em 20px; padding: 0;}
#shortcut li strong { margin:0; margin-right: 1em; }
#shortcut a			{ color: #757575; font-weight: bold;}
#shortcut a:hover	{ text-decoration: underline;}

.Directory h2		{ margin: 5px 0 5px 0; }
.Directory p		{ margin: 0; padding: 0;}


.Tab ul				{ list-style-type: none; margin: 0; padding: 0; border: 0px solid red;}
.Tab ul li			{ display: inline; padding: 0 5px 0 5px; }
.Tab a				{ text-decoration: none; color: #777;}


.RssList			{ border: 0px solid #777;}
.RssList ul			{ list-style-type: none; margin: 0; padding: 0; border: 0px solid red;}
.RssList ul li		{ padding: 5px 5px 5px 5px; border:1px solid #ddd; margin-bottom: 5px; background-color: #F9FED8; }
.RssList a			{ text-decoration: none; color: #777; white-space: nowrap;}
.RssList td			{ vertical-align: top; text-align: justify; }

.PostContent		{ padding-top: 10px; padding-bottom: 10px;}
.menuButton			{ font-family: Lucida Console; font-weight: bold; font-size: 14px; cursor: pointer; }

.leftLine{border-left:3px solid gray; border-bottom: 1px solid silver; }
.Desc{color: #555; font-size: 0.9em;}
/*.DesignCenterListTable td{ color: gray; font-size: 0.9em;}
.DesignCenterListTable a { font-size: 1.0em;} */

.latest					{ }
.latest .title			{ font-weight: bold; margin-bottom: 3px;}
.latest .DividerLine	{}
.latest .list			{ margin-top: 5px;  }
.latest .item			{}
.latest .datetime		{  font-size: 0.9em;}
.latest .link			{}
.latest .comment_cnt	{ color: gray; font-size: 0.8em; }

.latestcomment					{ }
.latestcomment .title			{ font-weight: bold; font-size: 14px; margin-bottom: 3px;}
.latestcomment .DividerLine	{}
.latestcomment .list			{ margin-top: 5px;  font-size: 12px;}
.latestcomment .item			{  border-bottom: 1px solid silver; padding-left: 5px;}
.latestcomment .bg				{  background-color: #F3F3F3; }
.latestcomment .datetime		{  font-size: 0.9em; }
.latestcomment .link			{}
.latestcomment .comment_cnt		{ color: gray; font-size: 0.8em; }

ul.simple		{ margin: 0;	padding: 5px 0 5px 0px;	list-style-type: none; border:0px solid red;}
ul.simple li	{ margin-left: -15px; padding-left: 20px; }
ul.simple li a	{ text-decoration: none; line-height: 1.8em; }

.hotbox { padding: 5px; border: 1px solid silver; background-color: #FDE6BB;}

.ad { background-color: #E9FFC4; border:2px solid #AAFE1F; padding: 5px;}

.BookMark { background-color: #F6F6F6;}

.SupportTable { }
.SupportTable td { font-size: 13px; }

.SupportTable .td1{ background-color: #cff932;}
.SupportTable .td2{ background-color: #dbf970;}
.SupportTable .td3{ background-color: #FFA04F;}
.SupportTable .td4{ background-color: #D98135;}
.SupportTable .td5{ background-color: #D9FC7C;}
.SupportTable .td6{ background-color: #7b9e00;}

.sb { text-align: right; padding-right: 5px; }

.SignatureBox { border: 1px solid #ccc; background-color: #FBFEFF; margin-bottom: 5px;}

.Addition { border:0;padding-left:1px; }

.Purchase			{ border-collapse: collapse; }
.Purchase	 th		{ border:1px solid silver; font-weight: normal; background-color: #f3f4e5;}
.Purchase	 td		{ border:1px solid silver; padding: 2px 2px 2px 2px; text-align: center; }

#SNS { position: fixed; float:left; margin-left: -59px; top: 118px; height: 137px; width: 51px; background: url(/img/HornilSNSBack.png) no-repeat; padding-top: 9px; padding-left: 8px;}
#Version { position: fixed; float:right; margin-left: 972px; top: 118px; height: 145px; width: 100px; background: url(/img/ProductVersionBack.png) no-repeat; padding-top: 4px; padding-left: 6px;}