/* ------------------------------------------------------ */
/* Global / Reset Elements */
/* ------------------------------------------------------ */
	body { margin: 0; padding: 17px 0 0 0; font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #32353D; background-color: #fff; }
	a {	color: #3280CD; outline: none; text-decoration: none; }
	a:hover { text-decoration: underline; }
	dl, dt, dd, p,h1, h2, h3, h4, h5, h6, ul, ol, li, hr, form, button, fieldset, legend, table, theah, tbody, blockquote { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6 { font-size: 1px; }
	textarea, input, button, select { font-family: Arial; font-size: 11px; }
	button { display: block; border: 0; cursor: pointer; }
	fieldset { border: 0; }
	
	ul { list-style-type: none; }
	img { border: 0; }
	ul li { display: inline; }

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */
/* Main Classes */
/* ------------------------------------------------------ */

	
	br.clear { clear: both; display: inline; font-size: 1px; }
	div.clear { clear: both; }
	.left { float: left; }
	.right { float: right; }

	table.tRight {
		text-align: right;
	}
	table.tRight td.tLeft {
		text-align: left;
	}
	
	td.wFix {
		width: 85px;	
	}
	
	.tooltip-toggle { color: #ff6600; cursor: default; background:none !important; padding:0 !important; display:inline !important;}

	.tooltip-toggled {
		background: url(../../images/comun/tooltip-bg/tooltip-bg.gif) no-repeat;
		height: auto;
		position: absolute;
		text-align: left;
		white-space: normal;
		width: 225px;
		z-index: 1000;
	}
	.tooltip-toggled.reverse { background: url(../../images/comun/tooltip-bg-reverse/tooltip-bg-reverse.gif) left bottom no-repeat; }

	.tooltip-toggled span {
		background-color: #f9f9f9 !important;
		border: 1px solid #e5e5e5 !important;
		border-left: 0 !important;
		padding: 10px 12px !important;
		line-height: 150% !important;
		display: block !important;
		margin-left: 8px !important;
		background-image:none !important;
		
	}

	input.input {
		border: 1px solid #D3D5D6;
		border-top-color: #6D6F70;
		font: 11px Tahoma;
		color: #969799;
		padding: 3px 7px;
		display: inline;
		float: left;
		/*width: 201px;*/
	}
		
		input.focus {
			color: #5E6062;
		}

	input.submit {
		width: 73px;
		height: 25px;
		background: url(../../images/comun/input-submit/input-submit.gif) no-repeat;
		display: block;
		text-indent: -1000px;
		font-size: 1px;
		border: 0;
		cursor: pointer;
	}
	
	input.btn-submit {
		width: 71px;
		height: 25px;
		background: url(../../images/comun/btn-submit/btn-submit.png) no-repeat;
		display: block;
		text-indent: -1000px;
		font-size: 1px;
		border: 0;
		cursor: pointer;
		float: right;
	}
	
	input.btn-submit-actualizeaza {
		width: 150px;
		height: 25px;
		background: url(../../images/comun/btn-submit-actualizeaza.jpg) no-repeat;
		display: block;
		text-indent: -1000px;
		font-size: 1px;
		border: 0;
		cursor: pointer;
		margin-top: 5px;
	}

	input.btn-forgotPass {
		width: 144px;
		height: 25px;
		background: url(../../images/comun/btn-forgotPass/btn-forgotPass.png) no-repeat;
		display: block;
		text-indent: -1000px;
		font-size: 1px;
		border: 0;
		cursor: pointer;
		float: right;
		margin-top: 15px;
	}

	input.btn-create {
		width: 107px;
		height: 25px;
		background: url(../../images/comun/btn-create/btn-create.png) no-repeat;
		display: block;
		text-indent: -1000px;
		font-size: 1px;
		border: 0;
		cursor: pointer;
		float: right;
	}

	input.checkbox { margin: 0 5px 0 0; padding: 0; width: 13px; }

	a.icon {
		height: 10px;
		font: 11px Tahoma;
		color: #969799;
		background-repeat: no-repeat;
		display: block;
		padding-left: 20px;
		line-height: 90%;
	}
	a.icon:hover {
		color: #FF6600 !important;
		background-position: left bottom;
		text-decoration: none;
	}

		a.icon.user {
			float: left;
			background-image: url(../../images/comun/icon-user/icon-user.gif);
			font-weight: bold;
			color: #000071;
			padding-left: 19px;
		}

		a.icon.pass {
			float: right;
			background-image: url(../../images/comun/icon-pass/icon-pass.gif);
			padding-left: 17px;
		}

	em#ing-logo {
		background: url(../../images/comun/ing_logo_l/ing_logo_l.png) no-repeat;
		width: 95px;
		height: 30px;
		display: block;
		text-indent: -1000em;
		float: right;
	}
/* ------------------------------------------------------ */

	
/* ------------------------------------------------------ */
/* Header */
/* ------------------------------------------------------ */
	#container {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	
		#header {
			width: 960px;
			height: 43px;
			position: relative;
			border-bottom: 5px solid #FF6600;
		}

			a#logo {
				width: 129px;
				height: 34px;
				display: block;
				background: url(../../images/comun/ing_logo/ing_logo.png) no-repeat;
				text-indent: -9999em;
				float: left;
			}

			#search {
				position: absolute;
				bottom: -39px;
				right: 0;
				width: 240px;
			}

				#search input {
					width: 172px;
					padding: 2px 5px;
					border: 1px solid #E4E4E4;
					border-right: 0;
					float: left;
				}

				#search button {
					width: 57px;
					height: 20px;
					float: left;
					background: url(../../images/comun/submit-search/submit-search.png) no-repeat;
					text-indent: -1000em;
				}

			#header ul {
				padding-top: 16px;
				float: right;
				color: #FF6600;
			}

				#header ul li {
					display: inline;
				}
				#header ul li.last a {
					padding-right: 0;
				}

					#header ul li a {
						font-family: Arial;
						color: #999;
						padding: 0 10px;
					}
					#header ul li a:hover {
						color: #FF6600;
					}
		


		#navigation {
			margin-top: 19px;
			height: 28px;
			margin-bottom: 1px;
			float: left;
		}

			#navigation li, #subnav li {
				display: inline;
			}
			#navigation li.last a {
				margin-right: 0;
			}

				#navigation li a, #subnav li a {
					font-family: Arial;
					font-size: 12px;
					font-weight: bold;

					color: #fff;
					background-color: #8F94A3;

					padding: 7px 34px 6px 34px;
					margin-right: 1px;
					float: left;
				}
				#navigation li a:hover, #navigation li a.selected {
					background-color: #FF6600;
					text-decoration: none;
				}

		#subnav {
			float: left;
			width: 960px;
			position: relative;
			z-index: 10;
			background-color: #FF6600;
		}

			#subnav ul li {
				float: left;
				position: relative;
			}

			#subnav li.first a {
				border-left-color: #FF6600;
				text-decoration: none;
			}

			#subnav li.last {
				border-right: 1px solid #FF8B3E;
			}

				#subnav li a {
					padding: 6px 47px 7px 47px;
					margin: 0;
					border-right: 1px solid #E65B00;
					border-left: 1px solid #FF8B3E;
					background: #FF6600 url(../../images/comun/arrow0/arrow.gif) right center no-repeat;
					
				}
				#subnav li a.hit, #subnav li a:hover {
					border-left: 1px solid #B4C3E2;
					border-right: 1px solid #B4C3E2;
					background-color: #B4C3E2;
					text-decoration: none;
				}
				#subnav li ul li a.hit {
					border-left: 0;
					border-right: 0;
					background-color: #98ADD8;
				}

				#subnav li#right {
					float: right;
					width: 240px;
				}

					#subnav li#right a {
						width: 240px;
						text-align: center;
						padding: 7px 0;
						border: 0;
						float: right;
					}

			#subnav li ul,
			#account li.submenu ul {
				position: absolute;
				top: 28px;
				left: 0;
				z-index: 100;
				border: 0;
				border-top: 1px solid #8AA2D2;
				width: auto;
			}

				#subnav li ul li a,
				#account li.submenu ul li a {
					width: 160px;
					padding: 5px 0 5px 25px;
					margin-right: 0;

					display: block;
					float: none;

					border: 0;
					border-bottom: 1px solid #8AA2D2;
					border-top: 1px solid #C0CDE7;

					font-size: 11px;
					font-weight: normal;
					text-align: left;

					color: #fff;
					background: #B4C3E2 url(../../images/comun/arrow-white/arrow-white.gif) 10px 10px no-repeat;
				}
				#subnav li ul li a:hover,
				#account li.submenu ul li a:hover {
					border-left: 0;
					border-right: 0;
					background-color: #98ADD8;
					border-bottom: 1px solid #8AA2D2 !important;
					text-decoration: none;
					margin-right: 0;
					background-image: url(../../images/comun/arrow-white/arrow-white.gif);
				}


					#subnav li ul li ul,
					#account li.submenu ul li ul {
						position: absolute;
						top: -1px;
						left: 185px;
						border-left: 1px solid white;
					}

		#account {
			width: 250px;
			background-color: #fff;
			position: absolute;
			right: 0;
			top: 96px;
			z-index: 50;
		}

			#account ul {
				width: 240px;
				margin-left: 10px;
				float: left;
				_display: inline;
			}

				#account a {
					display: block;
					float: left;
					font: bold 12px Arial;
					color: #000071;
					padding: 5px 0 6px;
					background: #E3E9F4 url(../../images/comun/arrow3/arrow3.gif) no-repeat;
					border: 1px solid #D9E1F0;
					text-align: center;
				}
				#account a:hover,
				#account a.hit {
					background-color: #B4C3E2;
					background-image: url(../../images/comun/arrow31/arrow31.gif);
					border-color: #B4C3E2 !important;
					color: #fff;
					text-decoration: none;
				}

				#account li.submenu a		{ background-image: url(../../images/comun/arrow4/arrow4.gif); }
				#account li.submenu a:hover,
				#account li.submenu a.hit	{ background-image: url(../../images/comun/arrow41/arrow41.gif); }

				#account a.left {
					width: 142px;
					background-position: 130px 10px;
				}

					#account li.submenu a.left {
						background-position: 125px 12px;
					}

				#account a.right {
					border-left-color: #F5F7FB;
					width: 94px;
					background-position: 80px 10px;
				}
					
				#account li.submenu a.right {
					background-position: 75px 12px;
				}
					
					
					
				#account input.right 
				{
					border:0 none;
					background-color:#E3E9F4;
					background-image:url(../../images/comun/arrow4/arrow4.gif);
					background-repeat:no-repeat;
					border-color:#B4C3E2 !important;
					background-position:80px 12px;
					border-left-color:#F5F7FB;
					cursor:pointer;
					display:block;
					font-size:1px;
					height:28px;
					width:94px;
					font-family:Arial;
					font-size:12px;
					color:#000071;
					font-weight:bold;
					padding:5px 0 6px;
				}
					
					/* ------------------------------------------------------ */
	
	#modal-overlay {
		width: 100%;
		height: 100%;
		background-color: #363A43;

		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
	}

	#modal-container {
		width: 520px;
		border-bottom: 3px solid #FF6600;
		background-color:#F7F7F7;
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 1000;
	}

		.modal-title {
			background-color: #FF6600;
			padding: 8px 15px 0 15px;
			height: 24px;
		}

			.modal-title em {
				font: normal bold 12px Arial;
				color: #fff;
				float: left;
			}

			.modal-title a {
				font: 11px Arial;
				color: #fff;
				float: right;
			}

				.modal-title a span {
					font: bold 12px Arial;
					color: #fff;
				}

		.modal-main {
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
		}

			.modal-main input.input {
				border: 1px solid #E5E5E5;
				display: block;
				font: 11px Arial;
				color: #5E6062;
				padding: 3px 5px;
				float: none;
			}

			.modal-main p {
				color: #999;
				line-height: 136%;
				margin-bottom: 9px;
			}

				.modal-main p.subtitle {
					font: bold 10px Arial;
					color: #5E6062;
					text-transform: uppercase;
					background: url(../../images/comun/dot/dot.gif) left bottom repeat-x;
					padding-bottom: 4px;
				}
				.modal-main p.orange { color: #FF6600; }

			.field			{ padding-bottom: 5px; }
			.field label	{ color: #5E6062; padding-bottom: 5px; display: block; }

			.modal-main li {
				background: url(../../images/comun/red-arrow/red-arrow.gif) 0 5px no-repeat;
				padding-left: 15px;
				color: #999;
				display: block;
				margin-bottom: 10px;
				line-height: 136%;
			}


			.modal-main .left {
				width: 222px;
				border-right: 1px solid #E5E5E5;
				padding: 20px 15px;
				background: #F7F7F7;
			}

				.modal-main .left input.input {
					width: 210px;
				}

			.modal-main .right {
				width: 233px;
				border-left: 1px solid #fff;
				padding: 20px 15px;
				float: left;
				background: #F7F7F7;
			}

				.modal-main .right input.input {
					width: 221px;
				}
/* ------------------------------------------------------ */