@import url("forms.css");

/*
	RECORD EDITOR (CHiba Form)
*/
iframe#chibaxform
{
	width:600px;
	margin:20px 0 0 0;
	padding:0;
	font-size:100%;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:auto;
	border-spacing:0;
	border-width:0;
}

html
{
	scrollbar-3dlight-color:#F0F0EE;
	scrollbar-arrow-color:#676662;
	scrollbar-base-color:#F0F0EE;
	scrollbar-darkshadow-color:#DDD;
	scrollbar-face-color:#E0E0DD;
	scrollbar-highlight-color:#F0F0EE;
	scrollbar-shadow-color:#F0F0EE;
	scrollbar-track-color:#F5F5F5;
}

body#xFormPage
{
	margin:0 0 0 8px;
	padding:0;
	position:relative;
	left:0px;
	top:4px;
}

body#xFormPage form
{
	min-width:569px;
	max-width:569px;
	margin-left:-1px;
	padding-left:0;
	margin-top:0 !important;		
}

body#xFormPage form div#loading {position:fixed;}
body#xFormPage form h2 {font-size:13px; margin:0;}
body#xFormPage form div.group div.label{display:none !important;}
body#xFormPage form label.documentType
{
	font-style:italic;
	font-size:11px;
	line-height:normal;
	width:90%;
	float:left;
	margin-bottom:20px;
	color:#666;
}	

div.recordField
{
	width:560px;
	height:auto;
	position:relative;
	float:left;
	padding:0;
}

div.recordField div.repeat {display:inline;}
div.recordField .buttonContainer
{
	display:block;
	position:absolute;		
	float:left;
	width:90px;
	top:0px;
	left:470px;
	width:100px;	
}


body#xFormPage form fieldset
{
	display: block;
	float: left;
	margin: 0;
	height:auto;
	padding: 0 15px 0 0;
	background-color: #fff;
	border:solid 0px #fff;
	width:505px;
	position:relative;
}
body#xFormPage form fieldset.repeat-prototype{display:none;}
body#xFormPage form fieldset div.input
{
	width: 100% !important;
	height: 100% !important;
	margin: 0 0 4px 0;
	top:0px;
	vertical-align:top;
}

body#xFormPage form div.group div.label
{
	float:left;
	width: 100%;
	display: block;
	clear:both;
	color: #aaa;
	font-weight:bold;
	font-size:11px;
	height:auto;
}

body#xFormPage input:hover{border: solid 1px #000 !important;background-color:#e5f1e5 !important;}
body#xFormPage form fieldset div.input input 
{
	width:305px;
	height:12px; 
	font-size:11px; 
	padding:0 0 0 2px; 
	margin:0px; 
	height:12pt; 
	-moz-box-sizing: content-box;
}

body#xFormPage div.uri{display:none !important;}
body#xFormPage div.uri label.label{display:none !important;}
body#xFormPage form span.output span, label.label{font-size:11px;}
body#xFormPage form span.trigger{float:right;}
body#xFormPage form span.trigger a{padding: 0 4px 0 4px;}
body#xFormPage form div.select1 {width:100%;}
body#xFormPage form div.select1 fieldset div.select1{clear:left;height:100%;margin:0;width:100%;float:left;}
body#xFormPage form div.select1 fieldset div.select1 select{padding:0 0 0 4px;font-size:10px;clear:none;height:20px;margin-bottom:3px;}
body#xFormPage form fieldset div.select1 select option{font-size:11px;}
body#xFormPage form fieldset.repeat-prototype{display:none !important;}
body#xFormPage form fieldset div.disabled{display:none !important;}
body#xFormPage form fieldset .linkedLabelField input {color:#0000FF;}
body#xFormPage form fieldset div.input label.label, label.label, form label.label
{
	clear: left;
	display: block;
	float: left;
	font-weight: normal;
	padding: 0;
	margin:1px 0 0 0 !important;
	width: 143px;
	font-size:11px;
	font-family:verdana,arial,sans-serif;
	font-size:11px !important;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

/*
UPLOAD BOX
*/
body#xFormPage form fieldset div.upload
{
	width: 460px;
	height: 100%;
	margin-bottom:3px;
	margin-top:0px;
}

body#xFormPage form fieldset div.upload div
{
	width:450px;
	clear: none;
	height: 17px;
	display:inline;
	margin:0;
	padding:0;
}

body#xFormPage form fieldset div.upload div input.value
{
	width:302px; 
	font-size:11px; 
	padding:0px; 
	margin:0px; 
	height:18px;
	-webkit-box-sizing:border-box;
}
body#xFormPage form fieldset span.output
{	
	text-align:left;
	width: 385px;
	height: auto;
	clear:both;
	float: left;
	display: block;
	padding: 0 0 0 0;
	margin:1px 0 1px 0;
	position:relative;
	left:150px;
}

body#xFormPage form fieldset span.output label
{
	float: left;
	text-align: left;
	float: left;
	height: 1.5em;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	width: 90px;
}

body#xFormPage form fieldset span.output span
{
	float: left;
	text-align:left;
	float: left;
	height: 1.5em;
	margin:0;
	padding:0;
}
body#xFormPage form fieldset div.progressbar{clear:both;}

/*
	SELECTOR ITEM
*/

body#xFormPage form fieldset div.select span.selector-item span.label{font-size:10px;position:relative;top:-3px;}
body#xFormPage form fieldset div.select span.selector-item input,form fieldset div.select span.selector-item input:hover{ background-color:#fff;margin:4px 4px 0 0; }

/*
	TEXTAREA
*/
body#xFormPage form fieldset div.textarea textarea.value{width:305px; padding:0 0 0 2px; overflow-x:hidden; overflow-y:auto; margin:0 0 4px 0; -moz-box-sizing: content-box;}

/*
	BUTTONS
*/
body#xFormPage span.buttonContainer{}
body#xFormPage span.compactrecordbuttonContainer {margin-top:4px;}
body#xFormPage span.buttonContainer span.RefLink{height: auto;width:38px;float:left; margin: -2px 0 0 5px; padding: 0;}
body#xFormPage span.buttonContainer span.RefLink a, span.buttonContainer span.RefLink a:hover{}
body#xFormPage span.buttonContainer span.RepeatButtons{width:auto;height:14px;float:right;margin:0px 0 0 0; padding: 0px 0 0 5px;}
body#xFormPage span.buttonContainer span.trigger{float:none; padding:0 !important;height: 14px;}
body#xFormPage span#legend, span.submit{float: left;width: 400px;clear: both; display:none;}
body#xFormPage fieldset.repeat-index {	background:#FFFFFF url(/images/shared/marker.png) no-repeat 465px top;padding: 2px 0 2px 2;}
body#xFormPage span.delete, span.insert, span.select{margin:0;padding:0; top:-1px; position:relative;}
body#xFormPage span.delete span.trigger,span.insert span.trigger,span.select span.trigger
{
	padding:0;
	margin:0;
	height: 15px;
}

body#xFormPage span.delete span.trigger input
{
	background:#ddd url('/images/shared/delete.gif') no-repeat center;
	height:15px;
	width:15px !important;	
	border: solid 1px #aaa !important;
	padding: 0 !important;
	margin: -10px 0 0 0;
}

body#xFormPage span.insert span.trigger input
{
	background:#ddd url('/images/shared/add.gif') no-repeat center;
	height:15px;
	width:15px !important;		
	border: solid 1px #aaa !important;
	padding: 0;
	margin: 0;
}

body#xFormPage span.select span.trigger a, span.select span.trigger a:visited
{
	font-size:0.8em;	
	color:#888;
	height: 14px;
	text-decoration: none;
	padding:0;
	margin:10px 0 0 0;
	padding: 0 3px 0 3px;
}

body#xFormPage div.recordField div.group {position:relative; float:left; height:auto; overflow:visible;}
body#xFormPage div.recordField script {display:none;}
body#xFormPage div.repeat {float:left;}
body#xFormPage span.delete span.trigger input:hover{border: solid 1px #000!important;}
body#xFormPage span.insert span.trigger input:hover{border: solid 1px #000!important;}
body#xFormPage div.enabled a.help-icon {margin-left:130px; margin-top:1px; position:absolute; top:0px; left:0px;}
body#xFormPage div.enabled a.help-icon img {position:absolute; top:0px;}
body#xFormPage span.help-text {position:relative; width:310px; float:left; border-width:0px; padding:0; margin:0; background-color:white; z-index:1;} 
body#xFormPage span.help-text div.helpMessagecontainer {position:relative; left:150px; width:286px; border:solid 1px #ccc; margin:0px 0 5px 0; padding:7px; font-size:11px; color:#444;}


/* statement prototype editor*/

.repeat-item {background:none;}

#statement .repeat-item 
{
	clear: both;
}

#statement .repeat-index 
{
	background: #FFFFFF url(/images/shared/marker.png) no-repeat scroll 465px 1px;
	height: auto !important;
	position: relative !important;
	overflow: hidden !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#statement .compact-repeat {height:auto; padding-bottom:3px;}
#statement .compact-repeat .repeat-item {padding-top:3px; position:relative; height: auto !important; overflow: hidden !important;}
#statement .compact-repeat .repeat-item div {padding-top:0px; z-index:1;}
#statement * > fieldset {background-color:Transparent!important;}
#statement select.value {font-size: 11px; margin-bottom:4px; border:solid 1px #AAAAAA; width:151px;}

/* statement prototype viewer */

/*
div#recordviewer ul.dataFrameViewerList li div
{
	width:417px;	
	position:relative;
}



div#recordviewer ul.dataFrameViewerList li div .expandDataBtn
{
	display: block; 
	float: right;
	position: absolute;
	right:0px;
	top:0px;
}

div.expandedDataContainer
{
	padding-left:0px!important;
	width:497px!important;
}

div.compactrecord
{
	padding-left:0px!important;
	width:419px!important;
}

*/

/*only show the [select] btn of the activated field*/
.repeat-item div.compactrecordSelectBtn {display:none;}
.repeat-index div.compactrecordSelectBtn {display:block;}
div.compactrecordSelectBtn 
{
	position:absolute;
	left:478px;
	margin-top:-20px;
	top:-2px;
	width:50px;
}

div.compactrecordSelectBtn a,
div.compactrecordSelectBtn a:visited
{
	color: #888;
	font-size:0.8em;
	text-decoration:none;

}

/*
div.compactrecord ul.dataFrameViewerList {
	overflow: hidden;
	left: 0 !important;
	width: 418px;
	margin: 0;	
	padding: 0;
}	

div.compactrecord ul.dataFrameViewerList li {
	width: 417px;
	padding: 5px 0 0;
	margin: 5px 0 0;
	border-bottom: none;
	border-top: solid 1px #eee;
}

div.compactrecord ul.dataFrameViewerList li:first-child,
div.compactrecord ul.dataFrameViewerList li.first-child,
div.compactrecord ul.dataFrameViewerList li.first-repeat-item {
}

.expandedDataContainer div.compactrecord ul.dataFrameViewerList li div
{
	width:220px!important;
}
select.value, select.value option 
{
	font-size:11px!important;	
}
*/

div.repeat-header 
{
	display : none;
}