@import url(basic.css);
@import url(forms.css);
@import url(tables.css);
@import url(ad.css);




/* header */
h1#seo {
  clear: both;
	margin: 0px;
	width: 100%;
	height: 20px;
	background-color: #333333;
	text-align: center;
	font-size: 10pt;
	line-height: 20px;
	color: #FFFFCC;
}
div#seodesc {
  clear: both;
	margin: 0px;
	margin-bottom: 3px;
	border-bottom: solid 2px #0000ff;
	padding: 2px;
	width: 100%;
	height: 30px;
	background-color: #333333;
	text-align: left;
	font-size: 7pt;
	line-height: 14px;
	color: #dddddd;
	overflow: hidden;
}

div#container {
		width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
		background-image:url(../images/back_grid.gif);
		background-repeat:repeat;
		background-color:#ffffff;
}
div#innercontainer {
		width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
		background-position: 0px 60px;
		background-image:url(../images/top_visual_back.gif);
		background-repeat: no-repeat;	
}


#head {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
		padding:0px;
		border:0px;
		width:800px;
		height:219px;
		clear:both;		
}

#foot {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
		padding:0px;
		border:0px;
		width:800px;
		height:120px;
		clear:both;
		background-image:url(../images/foot.gif);
}

#rightside {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
		padding:0px;
		border:0px;
		width:160px;
		float:right;
}

#leftside {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
		border:0px;
		padding:0px;
		width:580px;
		float:left;
}

#main {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
		padding-left:20px;
		padding-right:10px;
		border:0px;
		width:770px;
		clear:both;
}



ul.globalmenu {
	clear: both;
	width: 160px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/menu_title.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
}
ul.globalmenu li {
  width: 160px;
  height: 30px;
  font-size: 10pt;
  font-weight: bold;
  text-indent: 1em;
	list-style: none;
}
ul.globalmenu li a {
  display: block;
  width: 160px;
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
}
ul.globalmenu li a:link {
  background-image: url(../images/btn_global_menu.gif);
  text-decoration: none;
}
ul.globalmenu li a:visited {
  background-image: url(../images/btn_global_menu.gif);
  text-decoration: none;
}
ul.globalmenu li a:hover {
  background-image: url(../images/btn_global_menu_over.gif);
  text-decoration: none;
}
ul.globalmenu li a:active {
  background-image: url(../images/btn_global_menu_over.gif);
  text-decoration: none;
}

ul.globalmenu li div {
	font-size:9pt;
  width: 160px;
  line-height: 30px;
  background-image: url(../images/btn_global_menu_over.gif);
  text-decoration: none;
}


/* Login Box */
div#side_login_box {
  padding: 5px;
  border-width: 1px;
	border-style: solid;
	border-bottom-color: #000000;
}

dl#loginbox {
  margin-left: 200px;
	width: 220px;
}
dl#loginbox dt {
  display: block;
  margin: 0px;
	padding: 0px;
	text-align: center;
}
dl#loginbox dd {
  margin: 0px;
	padding: 0px
}

div #mainflash {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}

div#whatsnew {
	float: right;
	margin-top: 240px;
	width: 500px;
}

div#whatsnew table {
	width: 100%;
	border-top: 1px solid #dddddd;
	border-left: 10px solid #dddddd;
	background-color: #ffffff;
}
div#whatsnew table th {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}
div#whatsnew table td {
	border-bottom: 1px solid #dddddd;
	border-right: 10px solid #dddddd;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	text-align: left;
	font-size: 10pt;
	color: #333333;
}

div#frompresident {
	font-size: 10pt;
}
div#frompresident th {
	text-align: center;
}
div#frompresident td {
	vertical-align: top;
}
div#frompresident img {
	margin: 10px;
}



/* Programs */

div#whatsnew_program {
	width: 100%;
}

div#whatsnew_program table {
	width: 100%;
	border-top: 1px solid #dddddd;
	border-left: 10px solid #dddddd;
	background-color: #ffffff;
}
div#whatsnew_program table th {
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	color: #333333;
}
div#whatsnew_program table td {
	border-bottom: 1px solid #dddddd;
	border-right: 10px solid #dddddd;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	text-align: left;
	font-size: 10pt;
	color: #333333;
}

 /* Page: /programs/program_list */
div#programs_program_list {

}

div#programs_program_list div.appbox {
  width: 560px;
	margin-top: 20px;
	padding: 10px;
	border: solid 1px #336699;
	background-color: #FFFFFF;
}
div#programs_program_list div.appbox h3 {
  margin: 0px;
	height: 30px;
	padding-left: 10px;
	background-color: #336699;
	line-height: 30px;
	font-size: 12pt;
	color: #FFFFCC;
}
div#programs_program_list div.program_img {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align:center;
}
div#programs_program_list div.program_meta {
	float: left;
	width: 450px;
}

 /* Page: /programs/<program_name>/index */
div#programs_detail {

}

div#programs_detail div#programimg {
  float: left;
  width: 100px;
	height: 100px;
	margin: 10px;
	border: solid #336699 3px;
	vertical-align: middle;
}


 /* Page: /programs/<program_name>/licence_buy */
div#programs_licence_buy {

}

div#programs_licence_buy div#programimg {
  float: left;
  width: 100px;
	height: 100px;
	margin: 10px;
	border: solid #336699 3px;
	vertical-align: middle;
}


 /* Page: /programs/download */
div#programs_download {

}

div#programs_download div#programimg {
  float: left;
  width: 100px;
	height: 100px;
	margin: 10px;
	border: solid #336699 3px;
	vertical-align: middle;
}

div#programs_download div.versionremark {
  color: #666666;
}

 /* Page: /programs/bag_report_list */
div#programs_bug_report_list {

}

div#programs_bug_report_list div#programimg {
  float: left;
  width: 100px;
	height: 100px;
	margin: 10px;
	border: solid #336699 3px;
	vertical-align: middle;
}

div#programs_bug_report_list table.baginfo {
  clear: both;
	margin-top: 20px;
  border: solid 1px #336699;
}
div#programs_bug_report_list table.baginfo td {
  padding: 5px;
}
div#programs_bug_report_list table.baginfo td.title {
  background-color: #EEEEEE;
	border-bottom: solid 1px #336699;
	font-size: 12pt;
}
div#programs_bug_report_list table.baginfo td.fix {
  background-color: #EEEEEE;
	border-bottom: solid 1px #336699;
	text-align: right;
}
div#programs_bug_report_list table.baginfo td.content {
  background-color: #FFFFFF;
}


/* Forum */
div#programpankuzu {
  font-size: 10px;
}

 /* Page: /programs/forum/index */
div#programs_forum_index {
  
}

div#programs_forum_index table#programselect {
  width: 100%;
	margin-top: 20px;
}
div#programs_forum_index table#programselect td {
  padding: 10px;
	background-color: #EEEEEE;
}

 /* Page: /programs/forum/thread */
div#programs_forum_thread {
	width: 100%;
}

div#programs_forum_thread div#programimg {
  float: left;
  width: 100px;
	height: 100px;
	margin: 10px;
	border: solid #336699 3px;
	vertical-align: middle;
}

div#programs_forum_thread div#searchbox {
  float: left;
  width: 430px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 10px;
	border: #666666 solid 1px;
	background-color: #EEEEEE;
	text-align: center;
	vertical-align: middle;
}

div#programs_forum_thread p#newwrite {
  clear: both;
	text-align: right;
}


div#programs_forum_thread div.writings {
  clear: both;
	width: 570px;
	border-left-color: #336699;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #336699;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #336699;
	border-right-style: solid;
	border-right-width: 1px;
	background-color: #EEEEEE;
}

div#programs_forum_thread div.writings table {
  width: 100%;
}

div#programs_forum_thread div.writings td {
	padding: 2px;
}

div#programs_forum_thread div.writings .icon {
  width: 60px;
	text-align: center;
	vertical-align: middle;
}

div#programs_forum_thread div.writings .icon img {
  border: solid #FFFFFF 3px;
}

div#programs_forum_thread div.writings .title {
  line-height: 25px;
	font-size: 12pt;
}

div#programs_forum_thread div.writings .responce {
	text-align: right;
	color: #666666;
}

div#programs_forum_thread div.writings .nickname {
	color: #666666;
}

div#programs_forum_thread div.writings .date {
  text-align: right;
	font-size: 10pt;
	line-height: 11pt;
	color: #999999;
}

div#programs_forum_thread div.writings_contents {
	width: 550px;
	padding: 10px;
	border-left-color: #336699;
	border-left-style: solid;
	border-left-width: 1px;
	border-top-color: #336699;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #336699;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-color: #336699;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #FFFFFF;
	text-align: left;
}

div#programs_forum_thread div.form_button {
	float: right;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-top: 10px;
}


@import url(public_4ie.css);