/* by Annunziata Giuseppe - Nexsoft s.p.a. */

body
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #444;
	background: #fff;
	text-align: center;
}

div,p 
{
	margin: 0px;
	padding: 0px;
}

p 
{
	margin-bottom: 0.1em;
}

a 
{
	color: #F03B1D;
	
}

a:hover, a:active, a:focus 
{
	text-decoration: underline;
	color: #f42;
	background: #FFFFe8;
}

h1, h2, h3, h4,h5
{
	margin: 0px;
	padding: 0px;
	padding-top: 0.7em; 
	padding-bottom: 0.1em;
	margin-bottom: 0.4em;
	color: #444;
}

h4 
{
	font-size: 18px;
	
}

h5 
{
	font-size: 16px;
	margin: 0px;
	margin-bottom: 0.4em;
	padding: 0px;
	padding-top: 1em;	
}

hr 
{
	display: none;
}

abbr 
{
	cursor: help;
}

label 
{
	margin-bottom: 1em;
	
	font-variant: normal;
	clear: both;
	float: none;
	display: block;
}

label label
{
	display: inline !important;
	
}

input, textarea, select
{
	font-variant: normal;
	font-size: 14px;
	font-family: Arial;
	color: #03c;
}

select, .select
{
	*width: 150px;
	max-width: 150px;
}

.select
{
	width: 150px !important;
}

select.long
{
	width: 290px;
	max-width: 290px;	
}

input[type~="text"],input[type~="password"],
textarea, select
{
	border: 1px solid #ccc;
	border-bottom-color: #000;
	background: #fefeff;
}

.txtRead:focus, .txtRead:active, 
input:focus, input:active, 
textarea:focus, textarea:active,
select:focus, select:active
{
	outline: 1px dotted #f84;
}

fieldset 
{
	border: 1px solid #ddd;
	padding: 1em;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: 1em;
	margin-top: 1em;
	-moz-border-radius: 8px 8px 0em 0em;
	-webkit-border-radius: 8px 8px 0em 0em;
	border-radius: 8px 8px 0em 0em;
	
}

legend 
{
	padding: 5px 10px;
	margin: 5px;
	font-size: 12px;
	background: #f0f8ff;
	font-weight: bold;
	border: 1px solid #ddd;
}


/* ====== classes ======= */


.sep, .sep2
{
	display: block;
	width: auto;
	margin: 0px;
	padding: 0px;
	float: none;
	clear: both;
	border: 0px;
	height: 1px;
	font-size: 1px;
	overflow: hidden;
}

.sep2 
{
	height: 1em;
}

.textscroll 
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 200px;
	border: 1px solid #000;
	overflow: auto;
}

.txtRead h5 
{
	font-size: 13px !important;
	margin: 0px;
	padding: 0px;
	padding-bottom: 2px;
	padding-top: 3px;
}

.txtRead strong 
{
	color: #000;
	font-weight: bolder;
}

.accept 
{
	text-align: center;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	padding: 1em;
}

.accept .rdAccept 
{
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}

.button, .minibutton, .buttonPrev, .out
{
	border: 1px solid #000;
	border-color: #def #036 #036 #def;
	background: #487696;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #ffe;
	padding-left: 2em;
	padding-right: 2em; 
	cursor: pointer;
	outline: #487696;
	text-decoration: none !important;
}

.buttonPrev *, .minibutton *,
.button *, .out *
{
	outline: 0px !Important;
}

.buttonPrev:hover, .buttonPrev:active, .buttonPrev:focus,
.button:hover, .button:active, .button:focus,
.minibutton:hover, .minibutton:active, .minibutton:focus,
.out:hover, .out:active, .out:focus
{
	background: #89B7D1;
	color: #fff;
}

.disabled 
{
	cursor: default !important;
	color: #789;
	background: #568 !important;
}

.disabled:hover, .disabled:active, .disabled:focus
{
	background: #568 !important;
	color: #789;
}

.minibutton
{
	padding-left: 0.4em;
	padding-right: 0.4em;
	
	display: inline;
}

.buttonPrev
{
	float: left;
	margin-right: 1em;
}

.menu 
{
	border-bottom: 1px solid #487696;
	height: 23px;
	margin: 0px;
	position: relative;
	*top: -30px;
	top: -10px;
}

.menu ul, .menu li
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	display: block;
	border: 0px;
	
}

.logout 
{
	float: right !important;
	clear: right;
}

.menu ul 
{
	float: none; clear: both;
	width: auto;
	height: 28px;
	
}

.menu li 
{
	float: left;
	*width: 100px;
	width: auto;
	min-width: 100px;
	border-left: 1px solid #ddd;
	padding-bottom: 4px;
	text-align: center;
}

.menu li a
{
	display: block;
	text-decoration: none;
}


.menu li a:hover, .menu li a:active, .menu li a:focus 
{
	background: #fffafa;
	text-decoration: none;
}

.err 
{
	border: 1px solid #c00;
	background: #fff7f7;
	padding: 5px;
	font-size: 12px;
	color: #c00;
	text-align: center;
}

.Editor 
{
	width: 100%;
}
.bi 
{
	
}

.bileft 
{
	width: 49%;
	float: left;
	
}

.biright 
{
	float: right;
	width: 50%;
	
}

.bi, .tri, .four, .five
{
	float: none;
	display: block;
	clear: both;
	width: auto;
}
.nospace 
{
	margin-bottom: 0px !important;
}

.pieceYesNo,
.piece, .piece2, .piece3, .piece4
{
	display: block;	
	margin-bottom: 1em;
}

.pieceYesNo label,
.piece label,
.piece2 label,
.piece3 label,
.piece4 label
{
	
	display: inline;
	padding-right: 1.5em;
}

.bi .pieceYesNo, .tri .pieceYesNo, .four .pieceYesNo, .five .pieceYesNo,
.bi .piece, .tri .piece, .four .piece, .five .piece,
.bi .piece2, .tri .piece2, .four .piece2, .five .piece2,
.bi .piece3, .tri .piece3, .four .piece3, .five .piece3,
.bi .piece4, .tri .piece4, .four .piece4, .five .piece4
{
	float: left;
}

.bi .piece
{
	
	width: 49%;	
}

.tri .piece 
{
	width: 32%;
}
.four .piece 
{
	width: 24%;
}

.five .piece 
{
	width: 19%;
}

.pieceYesNo
{
	width: 150px;
}

.nopiece 
{
	margin-top: 13px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
}


.tri .piece2 
{
	width: 64%;
}

.four .piece2
{
	width: 48%;
}

.five .piece2
{
	width: 38%;
}


.four .piece3
{
	width: 72%;
}

.five .piece3
{
	width: 57%;
}

.five .piece4
{
	width: 76%;
}

.five .five .piece3 
{
	width: 99%;
}

.five .five .piece2 
{
	width: 50%;
	
}

.score 
{
	width: 55px;
	text-align: right;
}
.payoff 
{
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	margin-bottom: 1em;
}


.fhink-first
{
	color: #E61E0F;
}

.fhink 
{
	font-weight: bold;
	display: inline;
}
.mand 
{
	color: Red;
	border: 0px !important;
}

.or 
{
	text-align: left;
	font-weight: bold;
	color: #13c;
	
}

.labelRow 
{
	clear: left;
	display: block;
	padding-bottom: 0.6em;
	width: 100%;
}

.labelRow label 
{
	width: 47%;
	clear: none;
	float: left !important;
	display: block;
	text-align: left;
	
	padding: 1%;
}


.labelRow label input[type~="text"],
.labelRow label input[type~="password"]
{
	
	width: 55%;
	*width: 53%;
	
}

.cmdRow, .wizCommand
{
	clear: both;
	margin: 0px;
	margin-left: -1em;
	margin-right: -1em;
	_margin-left: 0em;
	_margin-right: 0em;
	margin-top: 1em;
	border-top: 1px solid #ddd;
	background: #F0F5FF;
	padding: 1em;
	padding-top: 0.5em;
	position: relative;
	
	text-align: right;
}
.cmdRow label 
{
	padding-right: 0px;
	*padding-right: 1em;
}

.txtRead, textarea.txtRead
{
	text-align: left;
	height: 100px;
	vertical-align: middle;
	font-size: 11px;
	overflow: auto;
	white-space: normal !important;
	border: 1px solid #888;
	
}

.labelRow .txtRead 
{
	width: 47%;
	float: left;
}

.labelRow .check
{
	text-align: left;
	padding-top: 35px;
	
}

.help, .helpBig 
{
	border: 2px solid #fafaf0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ffd;
	margin: 1em;
	margin-right: 0em;
	margin-left: 2em;
	padding: 1em;
	font-size: 12px;
	color: #68A;
}

.helpBig 
{
	font-size: 16px;
}

.bi .help 
{
	margin-top: 3.5em !important;
	*margin-top: 5.5em !important;
	margin-left: 1em !important;
	padding: 0.7em !important;
}


.help h5 
{
	padding: 0px;
	
	color: #68A;
}

.five .help, .bi .help, .tri .help, .four .help
{
	margin: 0px;
	width: auto;
	margin-bottom: 1em;
	padding: 0.4em;
	
	margin-left: 0px;
	margin-right: 0px;
	float: left;
}

.errorBox 
{
	font-size: 12px;
	color: #c00;
	background: #fff7f7;
	border: 3px solid #d00;
	padding: 0.4em;
	margin: 1em 0em;
	display: block;
}

.errorBox ul
{
	margin: 0px;
	padding: 0px;
	margin-left: 1em;
	padding-left: 1em;
	list-style: square; 
}

.errorBox li 
{
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	padding-left: 1em;
}

.errSingle 
{
	font-size: 10px;
	color: #c00;
	clear: both;
	float: none;
	width: auto;
	display: block;
	margin: 0px;
	padding: 0px;
	margin-bottom: 0.3em;
	font-variant: normal;	
	display: none !important;	
}

.errMark
{
	border: 1px solid #c00 !important;
	border-color: #c00 !important;
	background: #fffdfd !important;
}

.check .errMark 
{
	border: 0px !important;
	border-bottom: 2px solid #c00 !important;
	background: transparent !important;
}

.required 
{
	font-size: 12px;
	color: #666;
	position: relative;
	margin-bottom: 1em;
	margin-top: 0.4em;
}

.welcome 
{
	padding-top: 10px;	
	padding-bottom: 20px;
}

.firstLogin 
{
	padding-top: 1em;
	padding-bottom: 1em;
}

.sepLine, .sepLineLight
{
	border-top: 1px solid #bcd;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
	overflow: hidden;
	padding-top: 1em;
	margin-top: 1em;
	
}

.sepLineLight 
{
	 border-color: #ddd;
	 margin-top: 0.5em;
	 
	 margin-bottom: 0.2em;
}

.telEdit 
{
	font-size: 12px;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	
}

.telEdit tr
{
	padding-bottom: 1em;
}

.telEdit td, .telEdit .left
{
	padding-bottom: 2em;
}

.telEdit .left
{
	font-size: 13px;
}

.telEdit td , .telEdit th
{
	text-align: center;
}
.telEdit .left 
{
	text-align: right;
}

.telEdit input, .telEdit select 
{
	font-size: 12px;
	text-align: left;
}

.telEdit th 
{
	color: #777;
	font-weight: normal;
	font-size: 11px;
}

.out 
{
	float: right;
	position: absolute;
	right: 15px;
	z-index: 20;
	margin-top: 5px;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 11px;
}
/*
.wizCommand 
{
	margin-top: 1em;
	padding-top: 0.5em;
	border-top: 1px solid #ddd;
	background: #F0F5FF;
	height: 40px;
	width: auto;
}
.wizCommand .button 
{
	float: right;
	margin-right: 1em;
}*/
.helpWiz .help
{
	width: auto;
	margin-left: 70%;
	
}

.radioYesNo 
{
	display: inline;
}

.radioYesNo BR
{
	display: none;
}

.LongDrop, .LongDrop select 
{
	width: 90% !important;
}

.PanelDisable
{
	background: #eee;
}

.PanelDisable input, .PanelDisable select,
input.PanelDisable, select.PanelDisable
{
	background: #ddd;
	color: #999;
}

.PanelDisable .help 
{
	background: #ddd;
	color: #aaa;
	border-color: #ccc;
}

.endPhases
{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	height: 310px;
	font-size: 12px;
	background: #B2C9E4 url(img/endpage_bg.gif) bottom right no-repeat;
	margin-bottom: 2em;
	padding-top: 5px;
	margin-top: 1em;
	color: #012;
}
.endPhases .head 
{
	height: 40px;
	padding: 1em;
	font-size: 14px;
	
}

.endPhases .head strong 
{
	font-size: 1.2em;
	color: White;
}

.phase
{
	width: 25%;
	*width: 24.5%;
	float: left;	
	
	
}
.phase .text 
{
	width: auto;
	font-size: 12px;
	margin-left: 10px;
	margin-right: 30px;
}
.phase h4 
{
	margin: 0px;
	padding: 0px;
	padding: 0px;
	background: #93B9D1 url(img/endpage_top_bg.gif) top left no-repeat;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 4px;
	padding-left: 1em;
	color: #012;
}

.phase h4.number
{
	font-weight: bold !important;
	padding-left: 45px !important;
	color: #E61E0F !important;
	background: #C1DCFF url(img/endpage_top_bg_last.gif) top left no-repeat;
	
}

.detail 
{
	border: 1px solid black;
	width: 70%;
}

.detail .header 
{
	font-size: 12px;
	background: #ddd !important;
}

.detail  td, .detail .head, .detail th
{
	text-align: left !important;
}


.firstLogin 
{
	margin-top: 1em;
	margin-bottom: 1em;
	color: #61A0C1;
}

.none 
{
	display: none;
}

.helpLevelBox 
{
	right: 30%;
	position: absolute;
	width: 40%;
	margin-right: 3%;
	margin-top: 2%;
	height: 240px;
	z-index: 10;
}

.helpLevelBox .top 
{
	background: #def;
	color: #036;
	text-align: right;
	padding: 3px;
	border-bottom: 2px solid #036;
	
}

.helpLevelBox .help 
{
	overflow: auto;
	margin: 0px;
	height: 240px;
}

.remFile 
{
	border: 1px solid #c00;
	background: #fffefe;
	padding: 1px;
	display: inline !important;
}

.AdminUser
{
	border-bottom: 1px solid #E0F4FF;
	background: #ffa;
	padding: 3px;
	display: block;

}

.cc 
{
	float: left;
}
.side 
{
	display: block;
	
	margin-left: 2em;
}

.stats 
{
	background: white;
	border: 1px solid #000;
	border-collapse: collapse;
}

.stats th, .stats .head
{
	background: #def;
	font-weight: bold;
	text-align: right;
	padding: 4px;
	padding-left: 1em;
}

.stats td, .stats .val
{
	padding: 4px;
	text-align: right;
	padding-left: 1em;
}

.advSearch 
{
	line-height: 30px;
	
}

.admTinyText 
{
	font-size: 10px;
	width: 150px;
}

.bigsearch, select.bigsearch
{
	font-size: 16px;
	width: 300px !important;
	min-width: 300px !important;
}

.lab 
{
	width: 140px;
	display: inline-block;
	text-align: right;
}

.labList 
{
	vertical-align: top;
	height: 120px;
	
	display: inline-block;
	text-align: right;
}

.UserEditor
{
	background: #def;
	border: 3px solid #036;
	position: absolute;
	z-index: 20;
	margin-top: -1em;
	margin-left: 10em;
	
	padding: 1em;
	line-height: 1.7em;
	
}

.UserEditor .lab 
{
	font-weight: bold;
	padding-right: 0.4em;
}

/* ====== LAYOUT ====== */

#page 
{
	text-align: center;
	*width: 760px;
	width: auto;
	min-width: 760px;
}

#center 
{
	/*width: 90%;*/
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#top 
{
	background: #61A0C1;
	height: 116px;
	text-align: left;
}

#top h1 
{
	float: right;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent url(img/fhink_logo.jpg) bottom right no-repeat;
	width: 172px;
	height: 75px;
	margin-right: 16px;
}

#top h2 
{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent url(img/finmeccanica.jpg) bottom left no-repeat;
	width: 184px;
	height: 75px;
	margin-left: 16px;
	
}

#top h3 
{
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: transparent url(img/fhink_subtitle.jpg) bottom left no-repeat;
	width: 220px;
	height: 75px;
	margin-left: 200px;
}

#top h1 span, #top h2 span, #top h3 span
{
	position: absolute;
	left: -25000px;
}

#topSep 
{
	overflow: hidden;
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 12px;
	border-top: 1px solid #9DC3D9;
	background: #89B7D1;
	border-bottom: 1px solid #638AA5;
}

#top p 
{
	margin: 0px;
	padding: 0px;
	
	display: block;
	height: 25px;
	line-height: 25px;
	width: auto;
	
	background: #487696 url(img/fhink_description.gif) top left no-repeat; 
	background-position: 18px 1px;
}

#top p span 
{
	display: block;
	position: absolute;
	left: -25000px;
	color: #fefeff;
	padding: 1em;
	font-weight: normal;
	font-family: Georgia, Arial, Sans-Serif;
	font-size: 16px;
	
}

#bottom 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #DCDCDC;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
	border-bottom: 5px solid #487696;
}
#bottom a:hover, #bottom a:active, #bottom a:focus
{
	background: transparent !important;
}

#bottom .body 
{
	display: block;
	text-align: left;
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
}

/* ==================== COMPONENTS ====*/

/* ==> ucStepper  */

.stepper 
{
	background: #F2FAFF;
	height: 30px;
	overflow: hidden;
	width: auto;
	border-bottom: 1px solid #def;
	border-top: 1px solid #def;
	font-size: 16px;
	font-weight: normal;
	color: #68A7C8;
	margin-top: 10px;
	*margin-top: 0px;
}

.stepper ul, .stepper ol, .stepper li 
{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	
}

.stepper a,
.stepper a:link,
.stepper a:visited,
.stepper a:hover, 
.stepper a:focus,
.stepper a:active
{
	display: block;
	height: 100%;
	width: 100%;
	color: inherit;
	background: transparent !important;
}


.stepper li 
{
	float: left;
	width: 155px;
	height: 30px;
	line-height: 30px;
	padding-right: 10px;
}

.pastStep 
{
    background: #3E7D9E url(img/step_done.gif)  right center no-repeat;
    color: #ffffff !important;
    padding-right: 10px;
}

.prevStep 
{ 
	background: #3E7D9E url(img/step_arrow_current_left.gif)  right center no-repeat;
    color: #ffffff !important;
    padding-right: 10px;
}

.prevStep a, .pastStep a
{
	color: #ffffff;
}

.currStep
{
	background: #EAF7FF url(img/step_arrow_current_right.gif) right center no-repeat;
    /* color: #3E7D9E; */
    color: #f00;
    padding-right: 10px;
    
}

.currStep a 
{
	color: #f00;
	font-weight: bold;
}

.nextStep, .futureStep
{
	background: #F2FAFF url(img/step_arrow_todo.gif) right center no-repeat;
    color: #68A7C8;
    padding-right: 10px;
}

.nextStep a, .futureStep a
{
	color: #68A7C8;
}
/* =================== */