/* CSS Document */
html * { margin:0; padding:0; border:0; }
body { font:13px Arial, Helvetica, sans-serif; color:#4a4a4a; background:url(../images/bkrnd2.gif) repeat-x #d6dee4; /*padding-top:20px;*/ padding-top:10px; line-height:19px;  }

#container { width:963px; margin:0 auto;  }
body #container { background:url(../images/bg_main_big.png) no-repeat #FFF; }

#header { height:150px; padding-right:40px; position:relative;  }

#page {  clear:both; overflow:hidden;  }

#footer { overflow:hidden; clear:both;  height:40px; background-color:#a8b5c0 }

hr { background:#efedec; height:2px;}

h1 { color:#103B98; text-shadow: #fff 0 0 0; font:normal 35px Helvetica, Arial; font-weight:lighter}

.home h1 { /*line-height:80px;*/ text-align:right; padding:8px 40px 5px 0; display:block;}

table.key 
table.key tr td {padding-bottom: 65px;}

table.key tr {padding-bottom: 65px;}

td.key {padding-bottom: 15px;}

h1 span { color:#0a9a85;}
h2 { color:#103B98; text-shadow: #fff 0 0 0;  font:normal 23px Arial; line-height:27px; padding-bottom:15px }
h3 { color:#103b98;  font:normal 18px Arial; line-height:24px }
h4 { color:#103b98; font:bold 16px arial; margin:0; padding:0; line-height:21px;}
h5 { color:#103b98; font: bold 13px arial; }
p { padding-bottom:20px}
p.form { padding-bottom:0px; overflow:hidden; }
form { display:inline; margin:0}
ul { list-style:none; }
ul.list {margin-bottom:1.5em}
ul.list li {padding:0 0 4px 10px; background:url(../images/bg_list.gif) no-repeat 0 5px; background-position: -0 5 px; line-height:normal;}
ul.list li li {background-image:url(../images/bg_list1.gif)}
ul.orange {margin-bottom:1.5em; }
ul.orange li {padding:0 0 4px 10px; background:url(../images/orange_dot.gif) no-repeat 0 5px; background-position: 0 5px 5px 5px px; line-height:normal;}

ul.list1 {margin-bottom:0.4em}
ul.list1 li {padding:0 0 4px 10px; background:url(../images/bg_list.gif) no-repeat 0 5px; background-position: -0 5 px; line-height:normal;}
select, input {font:13px Arial, Helvetica, sans-serif; color:#4a4a4a; border:1px solid #CCC;}
input {height:19px; line-height:19px}

ul.list3 {margin-bottom:0em; margin-top:0.2em}
ul.list3 li {padding:0 0 4px 10px; background:url(../images/bg_list.gif) no-repeat 0 5px; background-position: -0 5 px; line-height:normal;}
select, input {font:13px Arial, Helvetica, sans-serif; color:#4a4a4a; border:1px solid #CCC;}
input {height:19px; line-height:19px}


{ display:block }
img.fl { float:left; margin-right:15px; margin-bottom:35px }
img.fr { float:right }
a { color:#109e87; text-decoration:none}
a:focus {outline:none}
a b { display:none }
a.more { font-weight:bold; font-size:12px }
a img { display:inline }
a sup {font-size:10px; line-height:8px}/**/
a.stbutton {padding-left:14px!important}

a.aux_link { display:block; clear:both; font-weight:bold; font-size:11px; line-height:21px; color:#999}
a.aux_link2 { display:block; clear:both; font-weight:bold; font-size:11px; line-height:16px; color:#999}

a.aux_link img {margin-bottom:-2px;}

.content .aux_link { clear:none}

.col, .ins_col { float:left; }

#header a.logo { display:block; float:left; width:169px; height:146px; background:url(../images/logo_main.png) no-repeat;}
#header b.TR { display:block; width:6px; height:6px; background:url(../images/body_TR.gif) no-repeat; position:absolute; top:0; right:0; }

/**** HEADER NAV  ****/
		#header #aux_nav { position:absolute; top:52px; right:47px; color:#cfcfcf  }
		#header #aux_nav a { font-weight:bold; padding:0 10px }
		/* first level - main */
		#nav { position:relative; margin-top:110px; float:right; list-style:none; z-index:1 }
			#nav li { float:left; list-style:none; }
				#nav a, 
				#nav li:hover ul a, /*second level*/
				#nav ul li:hover ul a /*third level*/
				{ display:block; padding:0 22px; font:bold 14px Arial; text-shadow: #286E61 0 0 0; color:#FFF; line-height:36px; text-decoration:none; border-left:1px solid #FFF; /*background:url(../images/nav_bg.png)*/ }

				#nav a:hover {}
				#nav li:hover ul { margin-left:1px; padding:5px 0; border:1px solid #B9C0C6; background:#fff;}
				#nav li:hover li a { padding:7px; color:#00B090; text-shadow: #fff 0 0 0; font:bold 12px Arial; background:none; border:none;  line-height:normal;}
				#nav li:hover ul a:hover, /*first level*/
				#nav ul li:hover a  /*second level*/
				{ background:#a8b5c0; color:#fff;}

		/* second level */
		#nav ul { display:none; position:absolute; width:150px;}
		#nav li:hover ul { display:block; }
			#nav ul li { position:relative; width:100%;}
				#nav ul li a { padding-top:5px; }

		/* third level */
		#nav ul ul, #nav li:hover ul ul { display:none; left:150px; top:0;}
		#nav ul li:hover ul { display:block;}

		#nav li.left a { border:none; }
		#nav b { display:block; position:absolute; top:0; height:36px !important;   }
		#nav { padding-left:51px;}
		#nav b.TL { left:0; width:72px; background-image:url(../images/nav_left.png); display:none}
		#nav b.TR { right:0; width:9px; background-image:url(../images/nav_right.png); display:none}

/* end of nav */

/*** Homepage  content structure ***/
#page #home_pic { height:196px; background:url(../images/bg_homepic.jpg) no-repeat; padding-right:40px; }
#page #home_pic * { float:right}
#page .blocks 	{ width:180px; padding:0 25px 0 40px; /*margin-bottom:25px*/ }
#page .content 	{ width:623px; padding:0 40px 20px 55px; min-height:200px }

#page .blocks .block	{ padding-bottom:10px }
.home #page .blocks .block	{ padding-bottom:10px }
#page .blocks .block select { width:115px;  display:inline; margin-top:2px}
#page .blocks .block input { width:135px; margin-top:5px; float:left}
#page .blocks .block form a { width:13px; height:13px; display:block; float:left; margin-top:7px; margin-left:5px;}

#footer { position:relative; padding:0 20px; /*height:40px;*/ text-align:center; font-weight:bold; line-height:20px; color:white;}
#footer span { /*display:block; float:left; width:260px;*/  font-size:12px; }
#footer a { color:white; font-size:11px; padding-right:15px }
#footer b { position:absolute; display:block; width:6px; height:6px; bottom:0; font-size:6px; }
#footer b.BL { left:0; background:url(../images/footer_BL.gif) no-repeat}
#footer b.BR { right:0; background:url(../images/footer_BR.gif) no-repeat}

/*** Sec page  content structure ***/
.sec #page #title { /*height:144px; overflow:hidden*/}
.sec #page #title table {width:963px; border:0}
.sec #page #title td {vertical-align:bottom; /*height:144px*/}
.sec #page #title img {float:right; margin-right:40px; display:block}
.sec h1 {  padding-left:203px; width:336px; margin-left:40px; float:left; border-bottom:1px solid #a8b5c0; line-height:37px;}

.sec #page .content 	{ background:white; width:678px; padding:0 40px 40px 0 }
.sec #page .blocks 	{ background:white; }
.sec #page .content .block { float:right; width:180px; padding-left:15px; margin-left:10px; margin-bottom:10px; border-left:1px solid #a8b5c0; border-bottom:1px solid #a8b5c0 }

/*** Back Nav ***/	
		.backNav { font-size:11px; line-height:36px; color:#8d9aa4; background:white; height:36px; text-align:right; padding-right:40px}
		.backNav a { text-decoration:none; color:#8d9aa4;}
                .backNav img { float:right; padding-left:15px; display: block }
		.backNav span { padding:0 6px; }
		.backNav a.print {  padding-left:18px; background:url(../images/icon_print.gif) 0 3px no-repeat; margin-left:20px }

/*** Sub Nav ***/
.bottom { font-size:11px; line-height:36px; color:#8d9aa4; background:white; height:36px; text-align:left; padding-left:5px}
		.bottom a { text-decoration:none; color:#8d9aa4;}
                .bottom img { float:left; padding-left:rightpx; display: block }
		.bottom span { padding:0 6px; }
		.bottom a.print {  padding-right:18px; background:url(../images/icon_print.gif) 0 3px no-repeat; margin-right:20px }

a.bottom img { float:left; padding-right:120px; display: block }

a.backNav img { float:right; padding-left:15px; display: block }
a.Share { font-size:11px; line-height:36px; color:#8d9aa4; background:white; height:36px; text-align:right; padding-right:40px}
#page #sub_nav {  margin:-6px 0 20px 0; padding:0 0 6px 0; /*border-bottom:1px solid #C3C3C3*/}
#page #sub_nav li ul {display:none}
#page #sub_nav li ul li {padding:2px 0 2px 18px}
#page #sub_nav li ul li a {font:normal 13px arial; line-height:normal; display:block}
#page #sub_nav li ul li a span {position:absolute; margin:-1px 0 0 -18px}

#page #sub_nav li.active ul {display:block; padding:4px 0 0 0; margin:0}
#page #sub_nav li { /*padding-bottom:5px*/padding:4px 0 }
#page #sub_nav a  { color:#119e88; font:bold 14px arial; display:block; line-height:normal}
/*#page #sub_nav li.active a { color:#003399; }*/

#page #sub_nav a.active { color:#003399; }

/*** Sec Pipeline ***/
#chart { position:relative; clear:both; padding:6px; font-size:12px; margin-bottom:20px;  }
#chart b { display:block; position:absolute; left:0; width:369px; height:30px; overflow:hidden;  }

#chart .row { position:relative; margin-bottom:1px; clear:both; width:636px; height:30px; overflow:hidden;}
#chart .col {	  float:right;   position:relative; width:83px; height:30px; line-height:30px; z-index:0; border-right:1px solid white;  }
#chart .head .col, #chart .bottom .col { float:left }

#chart .left_title { width:215px;}
#chart .head { text-align:center; }
#chart .head .left_title span { display:block; text-align:left; height:28px; line-height:28px; padding-left:15px; background:white; font-weight:bold; margin:1px  }

#chart .row 			{ background:#d7dee4;}
#chart .alt .col 	{ background:#a8b5c0}
#chart .alt .left_title	{ background:#003399}

#chart .row b.pipeline 				{ width:299px; top:0;  background:url(../images/pipeline_dot.gif) top right no-repeat #003399; }
#chart .row b.pipeline	a, #chart .row b.pipeline span 	{ display:block; font-weight:normal; background:url(../images/arrow_green.gif) 0 0 no-repeat; padding-left:25px; color:white; line-height:30px;}

#chart .state0 b.pipeline 		{ width:299px}
#chart .state1 b.pipeline 		{ width:383px}
#chart .state2 b.pipeline 		{ width:467px}
#chart .state3 b.pipeline 		{ width:551px}
#chart .state4 b.pipeline 		{ width:635px}

#chart .bottom { height:10px;}
#chart .bottom .col { height:10px;  background:#d7dee4; }

/*** BLOCKS ***/
.news { font-size:11px;}
.news a { display:block; padding-top:10px; font-size:12px; font-weight:bold}

.presentations strong { display:block}

a.news_head { display:block; margin-top:20px; font-size:12px; font-weight:bold}

a.definited { position:relative; border-bottom:1px dashed #109e87  }
a.definited:hover {background:#fff}
a.definited span { display:none; }
a.definited:hover span {text-decoration:none;font:normal 13px Arial, Helvetica, sans-serif; display:block; width:220px; padding:2px 3px; color:#666; top:0; right:0; z-index:100; margin-top:15px; position:absolute; border:1px solid #aaa; background:#f8f8f8  }
/*** example ***/

.example { font:normal 10px Arial; border-top:1px solid #C3C3C3; padding-bottom:10px}
.example p {margin:0; padding:10px 0 4px 18px}
.example sup {position:absolute; color:#666; margin:-6px 0 0 -14px}
.example a { font-size:11px;padding-left:20px;}
.example a.definited {padding-left:0}
/*** teammate ***/

.teammate img {float:left; padding:1.5em 1em 0.5em 0}
/*** search div ***/
#search {position:absolute; top:74px; right:40px; width:198px; padding-left:38px; background:#F0F2F5; height:28px}
#search a.hide {position:absolute; left:0; width:30px; background:url(../images/bg_hide_btn.gif) no-repeat 0 0;color:#788999; font:bold 10px verdana; text-align:center; line-height:28px; height:28px}
#search input.frm {width:142px; float:left; margin:4px 0; height:18px; line-height:18px}
#search input.btn_search {float:right; height:28px; width:46px; text-align:center; background:url(../images/bg_search_btn.gif) no-repeat top right; border:0;color:#fff; font-weight:bold}
#purple {color:#d414f1; font-size:14px;}
#blue {color:#103b98; font-size:14px; font-style: italic; }

/* hips */
body.hips { padding-top:18px; background:url(../images/bkrnd4.png) 0 0 repeat-x #dfe5ea;}
	body.hips, body.hips td, body.hips th { font:12px/20px Arial; color:#8e9194;}

body.hips #container { width:603px; background:none;}
.hips #header { padding:14px; height:91px; background:url(../images/bg_header4.png) 0 0 no-repeat #fff;}
	.hips #header a.logo { float:right; margin:9px 28px 0 0; width:82px; height:82px; background:url(../images/logo_main4.png) 0 0 no-repeat;}
	.hips #header b.TR { width:10px; height:10px; background:url(../images/body_TR4.png) no-repeat;}

.hips #page { position:relative; padding:25px 0 35px 0; background:#fff;}
	.inner1 { background:url(../images/sep1.png) 57% 0 repeat-y;}
	.inner2 { background:url(../images/sep1T.png) 57% 0 no-repeat;}
	.inner3 { overflow:hidden; min-height:444px; background:url(../images/sep1B.png) 57% bottom no-repeat;}
		
	#col_1 { float:left; width:57%;}
		#col_1 .inner, #col_2 .inner{ padding:0 22px;}
	#col_2 { float:right; width:43%; text-align:center;}
	.BL, .BR { position:absolute; bottom:0; width:10px; height:10px;}
	.BL { left:0; background:url(../images/body_BL4.png) 0 0 no-repeat;}
	.BR { right:0; background:url(../images/body_BR4.png) 0 0 no-repeat;}
	
.hips #footer { padding:30px 0 25px 0; height:auto; color:#999; background:none;}
	.hips #footer, .hips #footer a { font:normal 11px Arial;}
	.hips #footer a { color:#00aca2;}
	.hips #footer a, .hips #footer span { padding:0 14px;}

#bar { padding:4px 0; overflow:hidden; background:url(../images/bg_bar.png) 0 0 repeat-x #abcec7;}
	#bar a { font-size:12px!important; color:#fff;}
	.view { display:block; margin:0 0 20px -5px; padding:8px 0 0 36px; min-height:25px; font-size:14px; font-weight:bold; letter-spacing:0.1em; background:url(../images/arrow2.png) 0 0 no-repeat;}
	#bar .view { float:left; margin:0 0 0 11px;}
	#bar .lang { float:right; margin:8px 38px 0 0;}

.hips h1 { padding-bottom:20px; font:18px/26px Arial; color:#005dab; text-shadow:none;}
.hips h2 { padding-bottom:21px; font:bold 14px/normal Arial; color:#00aca2; text-shadow:none; text-transform:uppercase; letter-spacing:0.1em;}
	.hips #col_2 h2 { text-align:center;}
.hips h3 { margin-bottom:10px; font:bold 12px/15px Arial; color:#8e9194;}
.hips ul.list li { font-weight:bold; background:url(../images/bul4.gif) 0 6px no-repeat;}
.hips a.item { display:block; clear:both; margin:0 auto 10px auto; width:192px; text-align:center; background:url(../images/bg_itemLR.png) center repeat-y;}
	.itemT, .itemB { display:block; width:192px; height:10px; overflow:hidden;}
	.itemT { background:url(../images/bg_itemT.png) 0 0 no-repeat;}
	.itemB { background:url(../images/bg_itemB.png) 0 0 no-repeat;}
	.hips .item img { position:relative; margin:-5px 0; max-width:180px; border:1px solid #d5d5d5;}
	
.bottomArea { clear:both; padding:22px 22px 0 22px; overflow:hidden;}
.bottomArea .view { float:right; margin:-7px 0 0 0; font-size:12px;}

/* 22.04.2010 */
.box { position:relative; border:2px solid #d7dee4;}
.box .corner { position:absolute; display:block; width:6px; height:6px; background:url(../images/sprite.gif) 0 0 no-repeat;}
	.box .tl { left:-2px; top:-2px;}
	.box .tr { right:-2px; top:-2px; background-position:-6px 0;}
	.box .bl { left:-2px; bottom:-2px; background-position:0 -6px;}
	.box .br { right:-2px; bottom:-2px; background-position:-6px -6px;}
.box form select { width:120px;}
.box td { vertical-align:top;}
.links { padding:8px 0 6px 0;}
	.links  a { margin-left:6px;}
.box .aux_link2 { margin-top:6px;}
.pic { float:left; margin-right:8px; padding:1px; border:1px solid #d0d0d0;}
td.video { width:360px; font-size:12px; line-height:14px;}
td.video td {  vertical-align:middle!important;}
.by { padding-top:18px;}
	.by span { display:block; margin-top:8px; font-size:11px;}
/**/
#form { padding:0 0 18px 0; overflow:hidden; _height:2px; _overflow:visible;}
#selectField { margin-right:38px;}
#searchField { padding:0 4px; width:180px; height:21px;}
#goBut { padding:0 6px; height:21px;}

#form div { float:left;}
#form label { display:block;}

