/* GENERAL ELEMENTS */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
	margin:0;
	padding:0}
.title{
	color:#FFF;
	float:left;
	font-size:45px;
	/*height:20px;*/
	position:relative;
	text-align:left;
	width:99%}
.scenario .title, .verticalScenario .title{
	border-bottom:none;
	clear:left;
	color:red;
	font:bold 10pt Arial,Verdana;
	line-height:15px;
	overflow:hidden;
	padding:5px 3px 4px 5px}	
/* BUTTONS */
.button, .buttonhover {
	background-color:#DBDBE8;
	border-right:2px solid #767492;
	border-bottom:2px solid #767492;
	color:#000;
	font-size:9pt;
	margin-top: 5px;
	margin-bottom:5px;}
.buttonhover, .button:hover{
	background-color:#64627D;
	color:#FFF}
.button:disabled, .button[disabled], .button:hover[disabled]{
	background:none !important;
	color:#B4B6B2 !important}
.disappear{
	display: none}		
/* ATTRIBUTES */
.input, .output{
    background-color:#F3F3F7;
	border-right:1px solid #9795AC;
	border-bottom:1px solid #9795AC}
.output, .outputText .output{
	background:#F3F3F7;}
.input:disabled, .input[disabled]{
	background:#F3F3F7}	
/* INPUT TYPES */
.auto{display:inline;width:80px;font-size: 9pt;margin-right:-4px;}
.date{width:80px; font-size: 9pt;}
.dateTime{width:145px;font-size: 9pt;}
.time{width:80px;font-size: 9pt;}
.int, .nat{text-align:right;width:80px;font-size: 9pt;}
.real{text-align:right;width:80px;font-size: 9pt;}
.password{width:80px;font-size: 9pt;}
.string{width:190px; font-family: "Segoe UI",Arial,sans-serif; font-size: 9pt;}
.blob{width:230px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.blob {width:130px}}
.preload, .definedSelect{
	float: left;
	height:20px;
	font-size: 9pt;
	padding:0px;
	width:230px}
.boolSelect{
	font-size: 9pt;
	height:20px;
	padding:0px;
	width:50px}
.inputBool .bool{
	padding-top:5px;
	padding-right: 2px;
	vertical-align:top}
.text{
	font-family: "Segoe UI",Arial,sans-serif;
	font-size: 9pt;
	margin-bottom:5px;
	height: 100px;
	width:100%}
.checkBox input{
	font-size: 9pt}
.inputText .required, .dataGrid textarea.required{
	background-color:#ccccff;
	border-right:1px solid #9795A;
	border-bottom:1px solid #9795A}
.required{
	background-color:#ccccff;
	border-right:1px solid #9795A;
	border-bottom:1px solid #9795A}
.boolSelect option, .definedSelect option, .preload option, .bool option{
    background:#F3F3F7;
    width:100%}
.required option{
	background:#ccccff;
	width:100%}
.txtBoxSelect option:hover, .preload option:hover, .definedSelect option:hover, .boolSelect option:hover, .bool option:hover{
	/* cursor:pointer */}	
/* VISIBILITY */
.visible{display:block}
.invisible{display:none}
/* MESSAGE */
.errorMessage, .supInfoError, .validation{
	color:#FF0000 !important;
	padding-left:5px}
.lbErrorMessage{
	color:#000 !important;
	font-size:14px !important;
	padding-bottom:20px}
.inputText .validation{
	vertical-align:top}
.loginBody .validation{
	color:#FF0000}
.supInfo{
	color:#000;
	font-size:9pt;
	margin-left:8px}
.inputBlob .validation{
    /* cursor:default; */
	margin-left:-117px;
	/*margin-left:25px !important */}	
		
/* last Transformation Engine */ 	
.errorMessage, .validation{
	clear:left;}
.inputOID .errorMessage, .inputOID .supInfoError, .inputOID .validation{
	float:none;
	padding-left:0px;
	position:relative}
.auto .errorMessage, .auto .supInfoError, .auto .validation{
	display:inline}
.inputBlob .errorMessage, .inputBlob .supInfoError, .inputBlob .validation{
	display:inline}
/* end last Transformation Engine */ 
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
.inputBlob .validation{
    margin-left:0px}}
/* ACTIONS NAVIGATIONS */
.commands{
	float:left;
	width:100%}
.commands .title{
	background-color:#CCCCCC;
	color:#FFF;
	display:none;
	font-size:11pt;
	float:left;
	padding-right:5px;
	padding-left:5px;
	width:auto}
.actions{
	margin-bottom: 5px;
	background-color: #dddddd;
	position:relative;
	width: 100px;
	float:left;
	font-size:11pt;
	margin-top:0px;
	border-top:1px dashed #aaaaaa;
	padding-top:5px;
	padding-bottom:5px;
	width:100%}
.actions ul, .actions li{
	display:inline;
	list-style-type:none;
	padding-top:2px}
.actions a, .navigations a{
	color:#000;
	display:block;
	float:left;
	font-family: "Segoe UI",Arial,sans-serif;
	font-size:9pt;
	margin-bottom:2px;
	padding-right:8px;
	padding-left:8px;
	border-right: 1px dashed #aaaaaa;
	height: 100%;
	text-decoration:none;
	width:auto}
.actions a:hover, .navigations a:hover{
	background-color:#8A3338;
	color:#FFF}
.commands a.disabled,.commands .itemDisabled, .commands .itemDisabled:hover,.commands a:hover.disabled{
	background-color:#dddddd;
	color:#BFB8BF;
	/* cursor:default; */
	display:inline;
	margin-bottom:2px;
	margin-left:2px;
	padding-top:0px;
	padding-right:8px;
	padding-left:8px;
	text-decoration:none}
.navigations{
	background-color:#dddddd;
	float:left;
	font-size:9pt;
	margin-top:0px;
	border-top: 1px dashed #aaaaaa;
	padding-top:5px;padding-bottom:5px;
	width:100%}
.navigations ul, .navigations li{
	display:inline;
	list-style-type:none;
	padding-top:2px}	
/* CONDITIONAL NAVIGATION */
.conditionalNav .title{
	padding-top:22px}
.optionLines label{
	color:#89B8D3;
	margin-left:5px}
.optionLines input{
	margin-left:25%}
.conditionalNav .options{
	background-color:#E6E6E6;
	border-right:1px solid #767492;
	border-bottom:1px solid #767492;
	float:left;
	margin-top:60px;margin-bottom:10px;
	margin-left:15%;
	padding-right:20px;
	width:auto !important}
.conditionalNav .options .radioButton input{
	/* cursor:pointer */}
.conditionalNav .buttons{
	background:#D6D6E2;
	display:inline;
	float:left;
	padding-top:5px;
	text-align:center;
	width:100%}
.conditionalNav .errorImages img{
	visibility:hidden}
.conditionalNav .errorImages{
	background:url(./images/general/warning2.gif) no-repeat}	
/* MULTIEXECUTION */
.multiExecution .dataGrid{
    margin:5px;
    float:left;
    width:99%}
.multiExecution .buttons{
	text-align:center}
.multiExecPopUp .dataGrid{
    border:1px solid #A7A7A7;
    margin:5px;
    width:97%}
.multiExecPopUp .headerDataGrid{
    font-size:9pt}  
/* SCD */
.scdValues .dataGrid{
    border:1px solid #A8CBDF;
    margin:5px;
    width:97%}
.scdValues .headerDataGrid{
    font-size:9pt}    
/* ERROR PAGE */
.pageError{
	float:left;
	width:100%}
.typeError{
	float:left;
	width:100%}
.errorImages{
	float:left;
	width:140px}
.errorMessage{
	/* cursor:default; */
	float:left;
	margin-top:10px}
.errorMessage span{
	margin-top:15px;
	font-size:14pt}
.detailErrorButton, .detailError{
	clear:left;
	float:left;
	margin-left:140px;
	/*margin-left:75px;*/
	width:100%}
.detailError li{
	color:#000;
	font-size:10pt;font-style:oblique}
.pageError .buttons{
	float:left;
	text-align:center;
	width:100%}	
/* MODAL PAGE */
.modalPopUp, .scdModalPopUp{
	display:block;
	font-family: "Segoe UI",Arial,sans-serif;
	font-size:9pt;
	left:27%;
	padding:2px 3px;
	position:fixed;
	/*position:absolute;*/
	top:30%;
	width:500px !important;
	z-index:100001}
.modalPopUp .title, .scdModalPopUp .title{
	background:url(./images/general/background-0.png) repeat-x bottom;
	border-color:#808080;border-style:solid;border-width:0px 1px 1px;
	color:#000 !important;
	font-size:10pt;font-weight:bold;
	height:auto;
	margin:0px;
	padding-top:0px;
	text-align:left;
	width:98.5%}
.modalPopUp .title span, .scdModalPopUp .title span{
	padding-left:10px}
.errorPopUp .msg{
	color:#FFA448;
	font-size:10pt}
.errorPopUp .errorImage{
	left:-40px;
	position:absolute;
	top:-55px}
.errorPopUp .errorImage img{
	height:50px !important;
	width:50px !important}
.errorPopUp .errorText{
	float:left;
	padding-top:10px;padding-left:10px}
.detailPopUp span{
	margin:0px;
	color:#FFA448;
	font-size:10pt}
.detailPopUp li{
	color:#000;
	font-size:10pt;
	font-style:oblique;
	margin-top:5px;
	margin-left:25px}
.detailButton .button{
	margin-top:10px;
	margin-left:10px}
.modalPopUp .buttons, .scdModalPopUp .buttons{
	text-align:right}
.modalPopUp .buttons .button, .scdModalPopUp .buttons .button{
	margin-top:5px;margin-right:8px}
.modalPopUp .title .close, .scdModalPopUp .title .close{
	display:none}
.modalBackground{
	background-color:#C0C0C0;
	height:100%;
	left:0;
	opacity:0.5;
	position:fixed;
	/*position:absolute;*/
	top:0;
	width:100%;
	z-index:10000;
	filter: alpha(opacity=50)}
.multiExecPopUp, .errorPopUp, .detailButton, .detailPopUp, .modalPopUp .buttons,
.scdValues, .scdModalPopUp .buttons{
	background:#FFF;
	float:left;
	position:relative;
	width:100%}
.modalPopUp .buttons, .detailPopUp, .scdModalPopUp .buttons{
    width:100% !important}   
/* IMAGES */
.imgCalendar{}
.imgBlob{
	vertical-align:middle}
.imgCalendar:disabled, .imgCalendar[disabled], .imgCalendar:hover[disabled],
.imgBlob:disabled, .imgBlob[disabled], .imgBlob:hover[disabled]{}
.tabdropdown{
	font-family: "Segoe UI",Arial,sans-serif;
	font-size:7pt}
.tabbutton{
	font-family: "Segoe UI",Arial,sans-serif;
	font-size:7pt}
.tabspacer{
	font-family: "Segoe UI",Arial,sans-serif;
	font-size:1pt}
/* breadCrumbs */
.breadCrumbs{
	float:left;
	margin-top:5px;
	font-size:11px;
	padding-top:5px;
	height:20px;
	width:auto !important;}
.breadCrumbs a{
	background:url(./images/general/breadCrumb.gif) no-repeat right center;
	color:#666666;
	font-size:10px;
	font-family:"Lucida Grande",Helvetica,Arial;
	text-decoration:none;
	padding:3px;
	padding-right:23px}
.breadCrumbs a:hover{
	color:#0085CC;
	text-decoration:underline;
	padding:3px;
	padding-right:23px}
.emptyBreadCrumbs{
	display:none}
.breadCrumbs .oneCrumb, .breadCrumbs .lastCrumb{
	background:none}
.firstCrumb{
}
/* end breadCrumbs */
/* NEWLINE */
.lineBegin {clear:left !important;}