@charset "utf-8";

/* == BASIC ELEMENTS' SETTINGS OVERRIDE == */
body {
	color: #333333;
	background-color: #f9f9f9;
}
/* == /BASIC ELEMENTS' SETTINGS == */

/* == BASIC PARTS == */

/* == + HEADER == */
#header {
	min-width: 960px;
	height: 509px;
	background: #5685a1 url(../images/bg-top_header.jpg) repeat-x center top;
	overflow: hidden;
	position: relative;
}
#header #header-inner {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 509px;
	position: relative;
}
#header #header-top {
	width: 960px;
	height: 121px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

#header #flashcontent_wrapper {
	position: absolute;
	left: 50%;
	top: 0;
}
#header #flashcontent_wrapper #flashcontent1 {
	position: absolute;
	left: -692px;
	width: 1384px;
	height: 509px;
}
/* == + /HEADER == */

/* == + MAIN == */
#main {
	background: #f9f9f9 url(../images/bg-top_main.jpg) repeat-x center top;
}
#main #main-inner {
	padding: 44px 0 0;
}

#introduction-function {
	margin: 0 0 5px;
	width: 960px;
	overflow: hidden;
}
#introduction-function .header {
	margin: 0;
	padding: 0 0 16px;
	width: 960px;
	height: 22px;
	overflow: hidden;
}
#introduction-function .header h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#introduction-function .header h2 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 22px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h2-function.gif) no-repeat left top;
}
#introduction-function .content-main {
/*	margin: 0 0 34px;*/
	padding: 38px 0 2px;
	width: 960px;
	height: 147px;
	overflow: hidden;
	background: url(../images/bg-top_feature.gif) no-repeat left top;
}
#introduction-function .content-main .subcontent {
	float: left;
}
#introduction-function .content-main .subcontent p {
	display: none;
	float: left;
}
#introduction-function .content-main .subcontent ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#introduction-function .content-main .subcontent ul li {
	margin: 0;
	padding: 0 1px 0 2px;
	width: 134px;
	height: 147px;
	float: left;
}
#introduction-function .content-main .subcontent ul li a {
	display: block;
	width: 134px;
	height: 147px;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#introduction-function .content-main .subcontent ul li a:hover {
	background-position: 0 -147px !important;
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-drag_n_drop a {
	background-image: url(../images/panelbtn-fn-drag_n_drop.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-schedule a {
	background-image: url(../images/panelbtn-fn-schedule.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-excel a {
	background-image: url(../images/panelbtn-fn-excel.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-visualization a {
	background-image: url(../images/panelbtn-fn-visualization.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-analize a {
	background-image: url(../images/panelbtn-fn-analize.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-report a {
	background-image: url(../images/panelbtn-fn-report.gif);
}
#introduction-function .content-main .subcontent ul li#menu_btn-fn-monitoring a {
	background-image: url(../images/panelbtn-fn-monitoring.gif);
}
#edition {
	margin: 0 0 47px;
	padding: 12px 0 0 35px;
	width: 925px;
	height: 35px;
	background: url(../images/bg-top_edition.gif) no-repeat left top;
}
#edition h2 {
	margin: 0 30px 0 0;
	width: 294px;
	height: 20px;
	text-indent: -999em;
	background: url(../images/h2-edition.gif) no-repeat left 7px;
	float: left;
}
#edition ul {
}
#edition ul li {
	margin: 0 30px 0 0;
	text-indent: -999em;
	float: left;
	display: block;
}
#edition ul li#std {
	width: 117px;
	height: 20px;
	background: url(../images/text-standard_edition.gif) no-repeat left 7px;
}
#edition ul li#pro {
	width: 147px;
	height: 20px;
	background: url(../images/text-professional_edition.gif) no-repeat left 7px;
}
#edition p {
	padding: 4px 0 4px 16px;
	font-size: 100%;
	line-height: 150%;
	background: url(../common/images/icon-jump.gif) no-repeat 0 0.5em;
	float: left;
}
#edition p a {
	color: #333333;
}

#main #main-contents {
	width: 735px;
}
#main #sidebar {
	width: 200px;
/*	margin: 19px 0 0;*/
}

#showcase-block {
	margin: 0 0 39px;
	padding: 0;
	width: 735px;
	overflow: hidden;
	background: url(../images/bg-top_showcase-footer.gif) no-repeat left bottom;
}
#showcase-block .content {
	margin: 0;
	padding: 0 0 20px;
	width: 355px;
}
#showcase-block .content .header {
	margin: 0;
	padding: 0 0 12px;
	width: 355px;
	height: 22px;
	overflow: hidden;
}
#showcase-block .content .header h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#showcase-block .content .header h2 a {
	display: block;
	margin: 0;
	padding: 0;
	height: 22px;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#showcase-block .content .showcase-box {
	min-height: 256px;
}
#showcase-block .content .showcase-box .showcase-box-header {
	margin: 0;
	padding: 36px 16px 0;
	width: 323px;
	height: 24px;
	overflow: hidden;
	background: url(../images/bg-top_showcase-header.gif) no-repeat left top;
}
#showcase-block .content .showcase-box .showcase-box-body {
	margin: 0;
	padding: 14px 16px 0;
	background: url(../images/bg-top_showcase-body.gif) repeat-y left top;
}
/* #utilization */
#showcase-block #utilization.content {
	float: left;
}
#showcase-block #utilization.content .header h2 a {
	width: 164px;
	background-image: url(../images/h2-utilization.gif);
}
#showcase-block #utilization.content .showcase-box-header p {
	margin: 0;
	padding: 0;
	width: 323px;
	height: 16px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/text-subtitle_utilization.gif) no-repeat left top;
}
#showcase-block #utilization.content .showcase-box-body .subcontent a {
	color: #333333;
}
#showcase-block #utilization.content .showcase-box-body .subcontent ul {
	margin: 0;
	padding: 0 0 0 34px;
	list-style: none;
}
#showcase-block #utilization.content .showcase-box-body .subcontent ul li {
	margin: 0;
	padding: 4px 0 4px 16px;
	font-size: 100%;
	line-height: 150%;
	background: url(../common/images/icon-jump.gif) no-repeat 0 0.5em;
}
#showcase-block #utilization.content #manhours-management.subcontent {
	margin: 0;
	padding: 0 0 13px;
}
#showcase-block #utilization.content #manhours-management h3 {
	margin: 0;
	padding: 0;
	width: 323px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h3-manhours_management.gif) no-repeat left top;
}
#showcase-block #utilization.content #project-management.subcontent {
	margin: 0;
	padding: 0 0 109px;
	background: url(../images/bg-project_management.gif) no-repeat left bottom;
}
#showcase-block #utilization.content #project-management h3 {
	margin: 0;
	padding: 0;
	width: 323px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h3-project_management.gif) no-repeat left top;
}
/* showcase */
#showcase-block #showcase.content {
	float: right;
}
#showcase-block #showcase.content .header h2 a {
	width: 144px;
	background-image: url(../images/h2-showcase.gif);
}
#showcase-block #showcase.content .showcase-box-header p {
	margin: 0;
	padding: 0;
	width: 323px;
	height: 16px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/text-subtitle_showcase.gif) no-repeat left top;
}
#showcase-block #showcase.content .showcase-box .showcase-box-body {
	padding-top: 3px;
}
#showcase-block #showcase.content .showcase-box-body .subcontent {
	margin: 0;
	border-top: 11px solid #ffffff;
	padding: 8px 10px;
	width: 303px;
	overflow: hidden;
	color: #333333;
	background-color: #ffffff;
}
#showcase-block #showcase.content .showcase-box-body .subcontent.hover {
	color: #333333;
	background-color: #f3f3f3;
}
#showcase-block #showcase.content .showcase-box-body .subcontent.hover a {
	text-decoration: none;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .showcase-thumb {
	margin: 0;
	padding: 2px 0 0;
	width: 90px;
	float: left;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-header {
	margin: 0;
	padding: 0;
	width: 196px;
	float: right;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-header h3 {
	margin: 0 0 6px;
	padding: 0;
	font-size: 120%;
	line-height: 125%;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-header p.info {
	font-size: 90%;
	line-height: 150%;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-body {
	/*clear: both;*/
	margin: 0;
	padding: 2px 0 0;
	width: 303px;
	float: left;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-body p {
	margin: 0;
	padding: 3px 0 0;
	font-size: 100%;
	line-height: 166.7%;
}
#showcase-block #showcase.content .showcase-box-body .subcontent .subcontent-body p.more-link {
	padding-left: 9px;
	font-size: 83.3%;
	line-height: 140%;
	float: right;
	background: url(../common/images/icon-link.gif) no-repeat 0 5px;
}

#topics.content {
	margin: 0 0 64px;
}
#topics .header {
	margin: 0 0 10px;
	padding: 0;
	overflow: hidden;
}
#topics .header h2 {
	margin: 0;
	padding: 0;
	width: 735px;
	height: 22px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h2-topics.gif) no-repeat left top;
}
#topics .content-body {
	margin: 0;
	padding: 0;
	width: 735px;
	height: 72px;
	overflow: auto;
	overflow-y: scroll;
}
#topics .content-body .content-pane {
	margin: 0;
	padding: 0;
	width: 710px;
}
#topics .content-pane a {
	color: #333333;
}
#topics .content-pane ul {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
}
#topics .content-pane ul li {
	margin: 0;
	padding: 1px 0;
	font-size: 100%;
	line-height: 22px;
	overflow: hidden;
}
#topics .content-pane ul li span {
	display: inline-block;
	font-size: 100%;
	line-height: 22px;
	vertical-align: top;
}
#topics .content-pane ul li span img {
	padding-top: 2px;
	vertical-align: baseline;
}
#topics .content-pane ul li span a {
	vertical-align: baseline;
}
#topics .content-pane ul li span.date {
	width: 62px;
}
#topics .content-pane ul li span.label {
	width: 68px;
}
#topics .content-pane ul li span.title {
	width: 552px;
	padding-left: 7px;
	background: url(../common/images/icon-link.gif) no-repeat 0 5px;
}
/* */
#topics .content-body {
	scrollbar-face-color: #ffffff;
	scrollbar-track-color: #f9f9f9;
	scrollbar-arrow-color: #9b9b9b;
	scrollbar-highlight-color: #d8d8d8;
	scrollbar-shadow-color: #d8d8d8;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
}
/* */

#main #sidebar .teaser-area {
	margin: 34px 0 0;
	padding: 0;
}
#main #sidebar .teaser-area .teaser-area-header h2 {
	display: none;
}
#main #sidebar .banner-area {
	margin: 14px 0 25px;
	padding: 0 0 7px;
	background: url(../images/bg-top_banners-footer.gif) no-repeat left bottom;
}
#main #sidebar .banner-area .banner-area-header {
	margin: 0;
	padding: 0;
	height: 7px;
	overflow: hidden;
	background: url(../images/bg-top_banners-header.gif) no-repeat left top;
}
#main #sidebar .banner-area .banner-area-header h2 {
	display: none;
}
#main #sidebar .banner-area .banner-area-body {
	margin: 0;
	padding: 0 7px;
	background: url(../images/bg-top_banners-body.gif) repeat-y left top;
}
#main #sidebar .banner-area .banner {
	margin: 6px 0 0;
	padding: 0;
	background: url(../images/bg-top_banner.gif) repeat-y left top;
}
#main #sidebar .banner-area .banner.top-banner {
	margin-top: 0;
}

#main #sidebar .pr-area {
	margin: 0 0 25px;
}
#main #sidebar .pr-area .pr-area-header {
	display: none;
}
#main #sidebar .pr-area .banner {
	margin: 0 0 8px;
	padding: 0;
	background-color: #ffffff;
}
#main #sidebar .pr-area .banner a,
#main #sidebar .pr-area .banner img {
	display: block;
}
/* == + /MAIN == */

/* == + FOOTER == */
/* == + /FOOTER == */