﻿*{
	margin: 0;
	padding: 0;
}
html {
	min-height: 100%;
	height: auto;
}

body {
	color: black;
	background-color: white;
	border: 0;
	font-family: Calibri, 'Trebuchet MS', sans-serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

img{
	border: none;
	}

a:link, a:visited {color: #383884; text-decoration: underline;}
a:hover, a:active {color: #FF9900; text-decoration: none;}

p.textNormal{
	margin-bottom: 1em;
	}


#mainBG{
/**/
	}

#mainContainer{
	width: 960px;
	margin: 0 auto; /* magic */
	text-align: center;
	}


#paperTop{
	width: 960px;
	height: 44px;
	background: url(/ii/paper-top.png) top center no-repeat;
	}
	#paperTop ul{
		padding-left: 16px;
		padding-top: 4px;
		list-style-type: none;
		}
		#paperTop li{
			float: left;
			display: block;
			font-weight: bold;
			font-size: 11pt;
			padding: 10px;
			}
		#paperTop li a:link, #paperTop li a:visited {
			color: white;	/* <=================================================== CHANGE */
			text-decoration: none;
			}
		#paperTop li a:hover, #paperTop li a:active {
			color: white;
			text-decoration: underline;
			}
		#paperTop li.current{
			color: #999;
			text-decoration: none;
			}

#paperMid{
	width: 960px;
	text-align: left;
	background: url(/ii/paper-mid.png) top center repeat-y;
	}

	#topBanner{
		width: 960px;
		background: url(/ii/top-banner.png) top center no-repeat;
		}

		.columnA, .columnB{
			text-align: left;
			display: block;
			float: left;
			margin: 5px;
			}

		.columnA{
			margin-left: 9px;
			padding: 8px;
			padding-top: 0px;
			width: 290px;
			}
		.columnB{
			margin-right: 9px;
			width: 604px;
			}

			.gbox{
				padding: 12px;
				padding-bottom: 24px;
				padding-top: 0px;
				background-color: #ececec;
			}

			.cTitle{
				text-align: left;
				font-size: 12pt;
				font-weight: bold;
				color: gray;
				padding: 8px;
				padding-top: 20px;
				margin-bottom: 10px;
				border-bottom: 1px solid gray;
				}
			.cBody .vcol ul{
				color: gray;
				padding-left: 24px;
				}
			.cBody .vcol li{
				padding-bottom: 4px;
				}
	
	.vcol{
		text-align: left;
		display: block;
		float: left;
		width: 276px;
		margin: 8px;
		}


.submenu{
	text-align: center;
	padding: 1em;
	}
	.submenu div div.dh_Link{
		width: 256px;
		height: 64px;
		display: inline;
		padding: .3em;
		}
	.submenu span{
		display: inline;
		padding: .1em;
		padding-right: .4em;
		}

.lid{
	font-size: 130%;
	color: #696969;
	padding: 1.5em 8em;
	}

.bodyText div p{
	padding-top: .5em;
	padding-bottom: 1em;
	}
	.bodyText div ul, .bodyText div ol{
		padding-left: 24px;
		padding-bottom: 1em;
		}
	.bodyText div ul ul{
		padding-left: 24px;
		padding-bottom: 1em;
		}



#paperBot{
	width: 960px;
	height: 20px;
	background: url(/ii/paper-bot.png) bottom center no-repeat;
	}

/* *=*=*=*=*=*= */


ul#prods{
	margin-left: 15px;
	margin-right: 15px;
	height: 150px;
	display: block;
	list-style: none;
	}
	ul#prods li{
		float: left;
		padding: 3px;
		display: block;
		border-left: 1px solid white;
		margin-top: 14px;
		margin-right: 4px;
		}
		ul#prods li div{
			display: block;
			overflow: hidden;
			height: 140px;
			width: 90px;
			}
		ul#prods li p{
			width: 260px;
			display: block;
			margin-left:92px;
			font-family: Calibri, 'Trebuchet MS', sans-serif;
			font-size: 10pt;
			}

/* *=*=*=*=*=*= */

.pressTable{
	border-collapse: collapse;
	}
	.pressTable tr td{
		border-bottom: 1px solid gray;
		padding: .3em;
		padding-top: 1em;
	}


.projectTable{
	border: 1px solid gray;	
	border-collapse: collapse;
	}
	.projectTable tr td{
		border: 1px solid gray;
		padding: .3em;
	}
	.projectTable tr th{
		background-color: #ececec;
		border: 1px solid gray;
		border-bottom: 2px solid gray;
		padding: .4em;
	}

.mpt tr td{
	padding: .4em;
	}


.cBanner{
	text-align: left;
	display: block;
	float: left;
	width: 210px;
	height: 220px;
	}
	.cBanner .cLinks{
		margin-top:6px;
		}
.bodyText2{
	padding: 1.4em;
}
.bodyText{
	color: #333;
	padding: 2em 10.7em;
	}
	h2{
		font-size: 170%;
		font-style: italic;
		color: #4e4e4e;
		padding-top: .5em;
		}
	p{
		padding-bottom: .3em;
		}

.rightColumn{
	border: 1px solid gray;
	float: right;
	width: 180px;
	height: 330px;
	padding: 8px;
	margin: 10px;
	}

.bottomRow{
	border: 1px solid gray;
	padding: 8px;
	margin: 10px;
}


	.blueline{
		width: 100%;
		height: 2px;
		background-color: #383884;
		}

	.orangeline{
		width: 100%;
		height: 2px;
		background-color: #FF9900;
		}

.vacancyList {
		padding: 0 18px 0 18px;
	}

.vacancyList LI{
		margin-bottom: .6em;
		list-style-image: url("/ii/arrow2right.gif");
	}

.vacancyColumn{
	width: 290px;
	float: left;
	margin: 4px;
	padding: 4px;
	}

#copyright, .graphics{
	text-align: center;
	font-size: 8pt;
	}

.notes{
	padding: .3em .2em;
	color: #665;
	font-size: 90%;
	}

.webstat{
	font-size: 1px;
	color: white;
	}





/*
 * PRODUCT ICONS 
 */


/*
 * OLD STYLES
 */

.heading2 {padding-top: .5em; color: black; font-weight: bold; font-size: 13pt; border-bottom: 1px dashed silver;}
.heading3 {padding-top: .2em; color: #686b88; font-weight: bold; font-style: italic; font-size: 12pt;}

.tableLine {background-color: #F3F3F3; border-bottom: 1px solid silver; color: #665; padding: .1em}

div.pl {float: left; width: 100px; height: 99px; padding: 6px; margin: 8px; border: 1px solid #ececec;}
div.pl a img {width: 100px; height: 99px;}

div.dh_Content, div.iProject, div.iClient {display: none; text-align: left;}
div.dh_ContentS, div.iProjectS, div.iClientS {display: block; text-align: left;}

.disabled, .gray{color: gray;}

div.dh_Link{padding-bottom:10px;}

div.iLink {margin-bottom:6px;}

a.dh_Link:link, a.dh_Link:visited {color: #383884; text-decoration: underline;}
a.dh_Link:hover, a.dh_Link:active {color: #FF9900; text-decoration: none;}

a.dh_LinkS:link, a.dh_LinkS:visited {color: #383884; text-decoration: none; font-weight: bold;}
a.dh_LinkS:hover, a.dh_LinkS:active {color: #FF9900; text-decoration: none; font-weight: bold;}

.spanLinkS {color: black; font-weight: bold; border: none; }
.spanLink {color: #383884; border-bottom: 1px dashed #383884;
	cursor: pointer;
	// cursor: hand;
	}

div.devider{display: block; border-bottom: 1px dashed silver; }
div.deviderS{display: block; border-bottom: 1px solid #383884; }


/*
 * SUCV
 */

.cvForm{
	width: 960px;
	}
#cvContainer{
	width: 880px;
	margin: 10px;
	}
	#form, #navTopBox, #navTopBox UL, .navLI{
		margin: 0;
		padding: 0;
		}


#navTopBox{
	display: block;
	border-bottom: 1px solid gray;
	padding-left: 10px;
	}
	#navUL{
		list-style-type: none;
		}
		.navLI{
			display: inline;
			padding: 0 18px 0 18px;
			background-color: #E1EDFA;
			border: 1px solid gray;
			border-bottom: 1px solid gray;
			text-align: center;
			cursor: pointer;
			//cursor: hand;
			}
			.navSelected{
				padding: 5px 18px 0 18px;
				background-color: white;
				border-bottom: 1px solid white;
			}

.pageSource{
	border: 1px solid gray;
	border-top: none;
	padding: 10px;
	display: none;
	}
	.pageSource h2{
		font-size: large;
		color: #383884;
		}



.posBlock{
	padding-left: 10px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
	.posBlock h3{
		color: #383884;
		}

.inputContainer{
	display: block
	float: left;
	padding: 3px 0 3px 0;
	margin: 3px 0 3px 0;
	background-color: #E1EDFA;
	border: 1px solid white;
	clear: both;
	}
	.redAlert{
		background-color: #F2DBDB;
		border: 1px solid #C0504D;
		}
		.dL, .dR{
			display: block;
			margin: 2px;
			padding: 2px;
			vertical-align: top;
			}
			.dL{
				width: 180px;
				float: left;
				}
			.dR{
				width: 570px;
				float: right;
				}


.botNav{
	text-align: right;
	padding: 10px 0 10px 0;
	}
	.botNavButton{
		width: 150px;
		height: 32px;
		}
	.botNavButtonS{
		width: 150px;
		height: 42px;
		}

.rInput, .rSelect, .rTextarea{
	width: 520px;
	}

.checkboxBlock{
	display: block;
	float: left;
	width: 180px;
	}

.rSelectS, rInput2{
	width: 180px;
	}

.dinamicTable .tblCaption{
	font-size: small;
	}
	.dTextarea{
		width: 99%;
		}

.spanLinkS{
	color: black;
	font-size: 9pt;
	font-weight: bold;
	border: none; }

.spanLink{
	color: #383884;
	font-size: 9pt;
	border-bottom: 1px dashed #383884;
	cursor: pointer;
	// cursor: hand;
	}

.pbold{
	font-weight: bold;
	}

.tblValue input{
	width: 130px;
	}


.obligatory {
	color: red;
	}

.note{
	font-size: small;
	color: gray;
	}

.clear{
	clear: both;
	}
