@charset "utf-8";
body { background: #ffffff url(../images/bg.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; color:#3d3d3d;}
body.subpage { background: #ffffff url(../images/page_bg.gif) repeat-x left top;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

.clear { clear:both;}

.float_left { float: left; }
.float_right { float: right; }
.padding_5 { padding: 5px; }
.padding_10 { padding: 10px; }

/*------------------ @global ------------------*/
#main-wrapper { width: 100%; margin: 0 0 20px 0; }
#container { margin:0 auto; width: 994px; }
#content-wrap { float:left; background: url(../images/slider_bg.png) no-repeat left top; padding: 6px; margin-top: 34px; width: 982px;}
#content {float:left; background-color: #ffffff; padding: 20px; width: 942px;}
.page-wrap { width: 930px; padding: 6px;}

/*------------------ @header (logo, nav, search, static) ------------------*/
#header-wrap { width:994px; position: relative;}
	#header { height:66px; padding: 10px 0 10px 0; }
	/* logo */
	.logo { width:190px; height:56px; float:left; padding: 10px 0 0 0; background: url(../images/logo.png) no-repeat left top;}
	/* login */
	.login { padding: 4px 15px; width: 110px; height: 17px; position:absolute; right: 4px; background:url(../images/static_bg.png) no-repeat left top; text-align:center;}
	.login, .login a { color:#8b8d89; font-size: 11px; text-decoration: none;}
	.login a:hover { text-decoration: underline;}
	/* search */
	.search { float: right; margin: 36px 0 0 0; width: 213px; padding:0;}
	.search .field { float: left; background: #ffffff url(../images/icn_search.gif) no-repeat 3px center; color: #aeafac; border: 1px solid #c8c8c7; padding: 2px 2px 2px 22px;}
	.search a {padding-left:4px;}
	/* menu */
	.menu { width:994px; height: 41px;}
	.menu ul { padding:0; margin:0; list-style:none; border:0; }
	.menu ul li { float:left; margin:0; padding:0 2px; border:0;}
	.menu ul li a { float:left; margin:0 1px 0 0; padding:13px 0; color:#848683; font:bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
	.menu ul li a span { padding:13px 14px; background:none;}
	.menu ul li a:hover{ color:#ffffff; background: url(../images/menu_right.gif) no-repeat right;}
	.menu ul li a:hover span{color:#ffffff; background:url(../images/menu_left.gif) no-repeat left;}
	.menu ul li a.active {color:#ffffff; background:url(../images/menu_right.gif) no-repeat right;}
	.menu ul li a.active span {color:#ffffff;  background:url(../images/menu_left.gif) no-repeat left;}

/*------------------ @index content (who, what, why) ------------------*/
.3-col-content { width:994px; }
.col { float: left; width: 288px; height: 210px; padding: 20px 10px 10px 10px; margin: 25px 0 0 0;}
.middle { float: left; width: 318px; height: 210px; padding: 20px 0 10px 0; margin: 25px 30px 0 30px; }
	#col-left { background:url(../images/img_what.png) no-repeat right 20px; }
	#col-middle { background:url(../images/img_who.png) no-repeat right 20px; }
	#col-right { background:url(../images/img_why.png) no-repeat right 20px; }

div.col-content { width: 190px; }
	div.col-content h1 { color:#3d3d3d; font-size:20px; font-weight: bold; margin-bottom: 10px;}
	div.col-content h1 em { color:#fe5c11; font-style:normal; }
	div.col-content p { font-size: 12px; line-height: 18px; margin-bottom: 20px; }

.button-what  { display:block; background: url(../images/btn_01.png) no-repeat left top; width: 160px; height:32px; cursor: pointer;}
.button-what:hover { background-position: 0 -34px }

.button-who  { display:block; background: url(../images/btn_01.png) no-repeat 0 -69px; width: 176px; height:32px; cursor: pointer;}
.button-who:hover { background-position: 0 -104px; }

.button-why  { display:block; background: url(../images/btn_01.png) no-repeat 0 -139px; width: 172px; height:32px; cursor: pointer;}
.button-why:hover { background-position: 0 -174px; }

/*------------------ @subpage content (headline, section menu, breadcum, article content) ------------------*/
.headline { border: #d8d8d8 solid 1px; background-color: #ffffff; padding: 4px; margin-bottom: 16px; position:relative; }
	/* section title, breadcum */
	.headline h4 { background-color:#fe5c11; color: #FFFFFF; padding: 14px; font-size: 30px;}
	.headline span { position:absolute; right:16px; top:30px; color:#FFFFFF; }
	.headline span a { color:#FFFFFF; }

.left-navi { float:left; width: 200px; border: #d8d8d8 solid 1px; padding: 4px; }
	/* accordion css */
	.accordion_toggle {
		margin: 1px 0 1px 0;
		padding: 8px 0px 8px 0px;
		display: block;
		cursor: pointer;
		font-size: 14px;
		color: #565656;
	}
	.accordion_toggle:hover, .accordion_toggle_active { color: #ffffff; background-color: #fe5c11; }
	.accordion_toggle .width { width: 160px; padding: 0 10px 0 10px; }
	.accordion_toggle2 {
		margin: 1px 0 1px 0;
		padding: 8px 0px 8px 0px;
		display: block;
		cursor: pointer;
		font-size: 14px;
		color: #565656;
	}
	.accordion_toggle3 {
		margin: 1px 0 1px 0;
		padding: 8px 0px 8px 0px;
		display: block;
		cursor: pointer;
		font-size: 14px;
		
	}
	.accordion_toggle2:hover  { color: #ffffff; background-color: #fe5c11; }
	.menu_highlighted{ background-color: #fe5c11;}
	.menu_highlighted a{color: #ffffff;}
	.menu_highlighted h1{color: #ffffff;}
	.accordion_toggle2 .width { width: 160px; padding: 0 10px 0 10px; }
	.accordion_toggle3 .width { width: 160px; padding: 0 10px 0 10px; }
	.accordion_content { color: #888888; overflow: hidden; }
		/* 1 lvl */
		.sidebar_subnav { padding: 0; background-color: #f8f8f8;  }
		.sidebar_subnav div { padding: 7px 10px 7px 10px; border-bottom: #d4d4d4 1px solid;  }
		.sidebar_subnav a { color: #888888; text-decoration: none; }
		.sidebar_subnav a:hover, .sidebar_subnav a:active { text-decoration: none; color: #fe5c11; }
	
.content-box { float:left; width: 690px; padding: 10px 20px 0 20px;}
	/* article style */
	.content-box h1, .page-wrap h1 { font-size: 26px; font-weight: normal; color: #565656; padding-bottom: 20px; }
	.content-box p, .page-wrap p { color: #565656; padding-bottom: 18px; line-height: 22px; font-size: 14px; }
	.content-box h2, .page-wrap h2 { color: #fe5c11; font-size: 18px; font-weight: normal; }
	
	.highlight-box { background-color: #fffff4; border: #f3f0e3 solid 1px; }
	.highlight-text { color: #565656; font-size: 14px; line-height: 18px; }
	.client-thumbnail img { border:#e2e2e2 solid 1px; padding: 2px;}

/*------------------ @clients logos ------------------*/
.logo-thumbnail { border: 1px solid #e2e2e2; padding:5px;}


/*------------------ @contact (form) ------------------*/ 

.form-des {color: #565656; padding-bottom: 18px; line-height: 20px; }
.form-box { float:left; width: 497px; background: url(../images/border_contact.gif) no-repeat left top; margin-left: 5px; }
	form#feedback-form{float:left; width:407px; margin: 30px 50px 20px 50px;}
	form.form-style p{ clear: both; display:block; margin:0;}
	form.form-style label{
		color:#565656;
		float:left;
		font-size:16px; font-weight: bold;
		margin-right:15px;
		padding-top:4px;
		width:90px;
	}
	form.form-style .input{ 
		font-family: Arial, Helvetica, sans-serif;
		border: 1px solid #c8c8c7;
		background-color: #f0f1ed;
		padding:5px;color:#757575; margin-bottom: 20px;
		font-size:14px;
		float:left;
		width:280px;
	}
	form.form-style .select{ 
		margin-top: 5px; margin-bottom: 20px;
		font-family: Arial, Helvetica, sans-serif;
		color:#757575;
		font-size:14px;
		float:left;
		width:290px;
	}
	form.form-style .indent{margin-left:95px;}
		.btn-submit  { display:block; background: url(../images/btn_submit.png) no-repeat left top; width: 105px; height:32px; cursor: pointer; border: none; }
		.btn-submit:hover { background-position: 0 -36px }

/* address*/
.adress-box { float:right; width:375px; margin-right: 10px; }
	.adress-box p { color: #565656; padding: 0 15px 18px 15px; line-height: 18px; }
	.img-contact { background: url(../images/img_contact.jpg) no-repeat left top; width:375px; height:221px; margin-bottom: 16px; }


/*------------------ @footer ------------------*/
#footer-wrap { width: 100%; height: 167px; background: url(../images/footer_bg.gif) repeat-x left top; }
.footer { margin:0 auto; width: 974px; padding: 0 10px 0 10px;}
	/* explore */
	.footer-left { float:left; margin-top: 35px; width: 450px; height: 125px; background: url(../images/footer_divider.png) no-repeat 400px 8px; }
		.footer-left h3 { font-size: 14px; color:#4e4f4d; padding-bottom: 14px; }
		.footer-left ul { list-style:none; width:220px; float:left; margin:0; padding:0; font:normal 13px Arial, Helvetica, sans-serif;}
		.footer-left li { padding: 0 0 4px 0; margin:0;}
		.footer-left li a { color: #7c7d7a; }
		.footer-left li a:hover { color: #5d5f5b; }
	/* company */	
	.footer-middle { float:left; margin-top: 35px; width: 250px; height: 125px; background: url(../images/footer_divider.png) no-repeat right 8px; }
		.footer-middle h3 { font-size: 14px; color:#4e4f4d; padding-bottom: 14px; }
		.footer-middle ul { list-style:none; width:120px; float:left; margin:0; padding:0; font:normal 13px Arial, Helvetica, sans-serif;}
		.footer-middle li { padding: 0 0 4px 0; margin:0;}
		.footer-middle li a { color: #7c7d7a; }
		.footer-middle li a:hover { color: #5d5f5b; }
	/* banner request demo */	
	.footer-right { float:left; width: 214px; height: 115px; padding: 10px 0 0 46px; margin-top: 35px; font-size: 11px; color:#a8aaa5; text-align:center; }
		.button-demo  { display:block; background: url(../images/btn_demo.gif) no-repeat 0 0; width: 214px; height:80px; cursor: pointer; margin-bottom: 2px;}
		.button-demo:hover { background-position: 0 -90px; }
	
/*------------------ @02 march 2010 ------------------*/
.date { font-size: 12px; color: #999999;}
.news-link a { color: #565656; font-size: 14px; }
/*------------------ @03 march 2010 ------------------*/
.table-title { font-size: 14px; color: #006da1; background-color: #e9f6fc; }
.table-bg-light { background-color:#f6f6f6; }
.table-bg-dark { background-color:#eeeeee;}
.table-link a { font-size: 14px; color: #565656; }

/*------------------ @04 march 2010 ------------------*/
.content-box h3, .page-wrap h3 { color: #fe5c11; font-size: 20px; font-weight: normal; }
.article-link em { color:#999999; font-style:normal; font-size: 12px;}
.article-link a { color:#565656; text-decoration: underline; }
.article-link a:hover { color:#565656; text-decoration: none; }

.img_il01 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 0; }
.img_il02 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -130px; }
.img_il03 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -260px; }
.img_il04 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -390px; }
.img_il05 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -520px; }
.img_il06 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -650px; }
.img_il07 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -780px; }
.img_il08 { background:url(../images/img_iL_announcement_03.gif) no-repeat 0 -910px; }

/*------------------ @10 march 2010 ------------------*/
.hr-ekp { background:url(../images/hr_solutions.jpg) no-repeat 0 0; }
.hr-framework { background:url(../images/hr_solutions.jpg) no-repeat 0 -153px; }
.hr-workflow { background:url(../images/hr_solutions.jpg) no-repeat 0 -306px; }
.hr-gov { background:url(../images/hr_solutions.jpg) no-repeat 0 -461px; }
.hr-lms { background:url(../images/hr_solutions.jpg) no-repeat 0 -615px; }
.hr-sms { background:url(../images/hr_solutions.jpg) no-repeat 0 -766px; }
.hr-aims { background:url(../images/hr_solutions.jpg) no-repeat 0 -920px; }

/*------------------ @15 march 2010 ------------------*/
a.search-title-link { color:#fe5c11; text-decoration:underline; font-size: 16px; line-height: 30px; }
a.search-title-link:hover { text-decoration:none; }

a.search-link { color:#333333; text-decoration:underline; }
a.search-link:hover { text-decoration:none; }

.search-divider { background-color:#eaeae5;}