@charset "utf-8";
/* CSS Document */

/* display styles */
.sectiontext { font-size:12pt; }

/* destination styles */
.sec-reg-fam1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.sec-lrg-fam1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; }

.sec-reg-fam2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }
.sec-lrg-fam2 { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:16px; }

body { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; min-width:1000px; }

#header { position:relative; height:57px; background-image:url(img/display/header-rpt.gif); background-repeat:repeat-x; width:100%; }

#fb-footer {background-image:url(img/display/footer-bg-rpt.gif); height:79px; color:#444; font-size:8pt; }

#load-status { width:500px; text-align:center; position:fixed; top:200px; left:350px; z-index:1000; }

#file-actions { background-image:url(img/display/sub-header-rpt.gif); border-bottom:0px #ccc dotted; height:31px; margin-bottom:0px; position:relative; }

#job-info-bg { clear:both; background-image:url(img/display/job-info-bg-rpt.gif); height:28px; position:relative; background-repeat:repeat-x; }
#job-info {  z-index:100; color:#888; margin-left:40px; background-image:url(img/display/job-info-bg.gif); background-repeat:no-repeat; height:25px; position:relative; }

/* field position */
#draggable-position-helper {font-size:10px; padding-left:5px; padding-top:3px; height:15px; min-width:120px; position:absolute;top:-30px; z-index:1001; background-color:#d0d0d0; border:1px #737373 solid;}

/*
height:20px; width:100px; border:1px #ccc dotted; position:absolute;top:3px; left:3px; z-index:1001; background-color:#FFFFFF;"
*/

#form-file-status { position:absolute; top:3px; left:580px; color:#fff; font-weight:bold; text-align:right; width:330px; }

#editor-wrapper { background-color:#fff; min-height:820px; }

#editor-status-wrapper { padding:8px;margin:2px; border:1px #ccc dotted; background-color:#bbb; color:#fff; display:block; height:28px; }
#editor-status { display:block; }

p {margin:0; padding:0}

.toggleMCE { font-family:Arial, Helvetica, sans-serif;}
.toggleMCE a:link { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }
.toggleMCE a:visited { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }
.toggleMCE a:hover { color:#669; font-size:9px; text-decoration:underline; font-weight:bold; }
.toggleMCE a:active { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }

/* non-link text */
.small-link { color:#5B9A9B; font-size:9px; text-decoration:none; font-weight:normal; }

/* 2065DB */
.small-link a:link { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }
.small-link a:visited { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }
.small-link a:hover { color:#669; font-size:9px; text-decoration:underline; font-weight:bold; }
.small-link a:active { color:#669; font-size:9px; text-decoration:none; font-weight:bold; }

.null { }

.bump-3 { float:left; width:3px; }
.bump-5 { float:left; width:5px; }
.bump-10 { float:left; width:10px; }
.bump-20 { float:left; width:20px; }
.bump-30 { width:30px; }

.small-text { color:#888; font-size:9px; text-decoration:none; }
.small-text-bold { color:#888; font-size:9px; font-weight:bold; text-decoration:none; }

#editor-left { z-index:1; position:fixed; border-left:1px #888 dotted; border-right:1px #888 dotted; border-bottom:1px #888 dotted; background-color:#f7f7f7; width:106px; cursor:pointer; }
#editor-left ul { list-style-type:none; margin:-1px 5px 1px 0px; padding:5px; width:98%; list-style-position:outside;  } 
	#editor-left li{ margin-bottom:5px; padding:2px; } 


/* Job List/Load */
#file-browser { position:absolute; top:4px; left:78px; background-image:url(); z-index:99999; opacity:.95; cursor:pointer; } /* event watched */
#file-list { max-height:400px; overflow-x:hidden; overflow-y:scroll; border:1px #CCC solid; background-color:#fff; width:215px; }
#file-browser ul { list-style-type:none; margin:0px; padding:0px; }
#file-browser li { list-style:none; }
.job-item { position:relative; }
.job-item .details { color:#aaa; font-size:9px; text-decoration:none; }

.job-item a { 
	background-position:6px 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:3px 10px 3px 28px;
	text-align:left;
	text-decoration:none;
	white-space:nowrap; 
}

.job-item .example-header { 
	background-position:6px 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:3px 10px 3px 28px;
	text-align:left;
	text-decoration:none;
	white-space:nowrap; 
}
.job-item a:hover { 
	background-color:#F0F0FF;
	border-bottom:1px solid #6699FF;
	border-top:1px solid #6699FF;
}

#job-load-wrapper { position: absolute; top:4px; left:206px; }

#job-load { position:absolute;
			top:20px; left:0px; width:350px; height:75px; padding:10px;
			background-image:url(); background-color:#545557; 
			border:1px #CCC solid; z-index:99999; opacity:.95; }

/* Build 693 - Example Loader */
#example-browser { position:absolute; top:4px; left:348px; background-image:url(); z-index:99999; opacity:.95; cursor:pointer; } /* event watched */
#example-browser ul { list-style-type:none; margin:0px; padding:0px; }
#example-browser li { list-style:none; }
#example-list { max-height:400px; overflow-x:hidden; overflow-y:scroll; border:1px #CCC solid; background-color:#fff; width:260px; }


/* Build 695 - Find Field */
#find-field-wrapper { position:absolute; top:4px; left:477px; z-index:99999; opacity:.95; cursor:pointer; } /* event watched */

#find-field { width:139px; height:24px; background: transparent url(img/icons/bg-find-field.png) no-repeat top left; border:0;
padding:0px 12px;
margin-bottom:0px;
font-size:7pt; font-family:inherit; font-weight:bold; color:#2065DB; }


/* Build 700 - FormBlocks */
#formblocks-navigator { position:fixed; top:350px; left:140px; background-image:url(); z-index:99999; opacity:.95; cursor:pointer; } /* event watched */
#formblocks-navigator-list { max-height:300px; overflow-x:hidden; overflow-y:scroll; border:1px #CCC solid; background-color:#fff; width:100%; }
#formblocks-navigator ul { list-style-type:none; margin:0px; padding:0px; }
#formblocks-navigator li { list-style:none; }
.formblocks-navigator-item { position:relative; }
.formblocks-navigator-item .details { color:#aaa; font-size:9px; text-decoration:none; }

.formblocks-navigator-item a { 
	background-position:6px 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:3px 10px 3px 28px;
	text-align:left;
	text-decoration:none;
	white-space:nowrap; 
}

.formblocks-navigator-item .example-header { 
	background-position:6px 50%;
	background-repeat:no-repeat;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	color:#333333;
	font-weight:bold;
	display:block;
	padding:3px 10px 3px 28px;
	text-align:left;
	text-decoration:none;
	white-space:nowrap; 
}
.formblocks-navigator-item a:hover { 
	background-color:#F0F0FF;
	border-bottom:1px solid #6699FF;
	border-top:1px solid #6699FF;
}



/* general input styles */

.general-input { font-size:7pt; border:1px #ccc solid; font-family:inherit; font-weight:bold; color:#2065DB; } /* 06F  */
.general-input textarea{ font-size:8pt; border:1px #ccc solid; font-family:monospace; font-weight:normal; color:#222; }
.general-input select{ 	font-size:7pt; color:#222; }

/* main editor */
#editor-middle { float:left; min-width:350px; width:525px; border-left:1px #888 dotted; border-right:1px #888 dotted; border-bottom:1px #888 dotted; z-index:1000; }

#output { background-color: #fff; border:1px #fff solid; }

/* Build 700 */
.field-separator { height:12px; clear:both; border-bottom:1px dotted #ccc; margin-bottom:15px; width:90%; } 

/* Build 644 */
.rubberband { border:1px #930 solid; }


#editor-right{ position:fixed; width:520px; border-left:1px #888 dotted; border-right:1px #888 dotted; border-bottom:1px #888 dotted; background-color:#FFFFFF; }

/* main container */
.formboss-output { font-family:Geneva, Arial, Helvetica, sans-serif; }

/* list item */
.formboss-output ul { list-style-type:none; margin:10px 5px 10px 5px; padding:5px; width:96%; list-style-position:outside; } 
.formboss-output li { margin-bottom:5px; padding:2px; }

/* text styles */
.section-head { font-size:18px; font-weight:bold; }
.confirm-text { font-size:16px; font-weight:bold; }
.body-copy { font-size:12px; font-weight:normal; }
.heading-main { font-size:12px; font-weight:bold; }
.heading-sub { font-size:12px; font-weight:normal; }
.helper { font-size:7pt; font-weight:normal; margin-top:0px; }
.req-star { color:#CC0000; font-weight:bold; margin-left:2px; }

.header-link { font-size:8pt; color:#CCCCCC; font-weight:bold; text-decoration:none; }
.header-link a:link { color:#CCCCCC; font-weight:bold; text-decoration:none; }
.header-link a:visited { color:#CCCCCC; font-weight:bold; text-decoration:none; }
.header-link a:hover { color:#CCCCCC; font-weight:bold; text-decoration:underline; }
.header-link a:active { color:#CCCCCC; font-weight:bold; text-decoration:none; }

/* form components */
form label { font-size:12px; font-weight:normal; text-align: left; }
form span { position: relative; clear: both; float: none; display: block; }

/* tablemode */
.fb-tablemode-element { min-height:35px; }

/* error */
form li.error { border: 2px solid #FF0000; padding-right: 30px; background: url('error.gif') center right no-repeat #FCD6D4; }
span.errormsg { font-weight: bold; font-size: 65%; }
.errortrap { width:200px; height:100px; border:1px #CCCCCC dashed; background-image:url(img/editor/error-trap.gif) }

/* spacer */
.spacer { background-image:url(img/editor/spacer.png); background-repeat:repeat; }

/* menu styles */
.editor-section-head { text-align:center; font-size:11px; height:25px; padding-top:5px; color:#fff; font-weight:bold; background-image:url(img/display/editor-section-head.gif); background-repeat:repeat-x; }
.editor-section-sub-head { color:#000; font-weight:bold; padding-left:5px; }

/* editor text */
.small-blue { font-size:10px; color:#111; }
.blue-bold { color:#fff; font-weight:bold;  }

/* editor styles */
.hover_ready { width: 300px; background-color: #d2d2d2; }

.field_action { display:none; margin:7px 10px 0px 0px; position:absolute; right:-291px; width:313px; top: -40px;}


/* Build 621 #output ul { list-style-type:none; margin:10px 5px 10px 5px; padding:5px; list-style-position:outside;  border:1px #eee solid; } */
/* Build 644 - add border for multiselect compat */
/* #output ul { list-style-type:none; margin:10px 2px 10px 2px; padding:5px; list-style-position:outside;  border:1px #eee solid; } */

#output ul { list-style-type:none; margin-left:0px; margin-right:4px; margin-top:2px; padding:5px; list-style-position:outside;  border:1px #eee solid; } 

/* .page-guide { border:1px #ccc dashed; width:500px; position:relative; } Build 621 - allow smaller page sizes */
/* .page-guide { border:1px #ccc dashed; width:500px; position:relative; padding-bottom:5px; } 644 - add border for select */
.page-guide { border:1px #ccc dashed; width:500px; position:relative; padding-bottom:5px; padding-right:5px; }

/* Build 653 - Standardized to 5px margin */
#output li { margin-bottom:5px; padding:2px; }

.field-hover{ border:0px #CCCCCC dotted; cursor:move; background-color:#efefef; }
.field-standard{ border:0px #fff dotted; }
.field-selected { border:0px #CCCCCC dotted; background-color:#ecf1db; cursor:move;}
.field-selected-multi-drag { border:1px #CCCCCC dotted; background-color:#dad6df; cursor:move;}
.fld { }

/* element programmable styles */
.fieldwidth-0 { width:auto; }
.fieldwidth-1 { width:100px; }
.fieldwidth-2 { width:200px; }
.fieldwidth-3 { width:300px; }
.fieldwidth-4 { width:400px; }

/* edit fields */

/* inplace editor */
.inplaceeditor-form { background-color:#545557; padding:10px; border:1px #CCCCCC solid; z-index:1001; position:fixed; }

/* CONFIMATION CHANGE -- height to 25px for each, was 40 */
.editor-page-header { height:25px; background-image:url(img/display/page-header.gif); position:relative; margin-bottom:5px; min-width:100%; }
.editor-page-header-over { height:25px; background-image:url(img/display/page-header-over.gif); position:relative; margin-bottom:5px; }
.editor-page-header .delete-page { position:absolute; top:5px; right:10px; }
.editor-page-header .preview-page { position:absolute; top:5px; right:32px; }
.editor-page-header .embed-page { position:absolute; top:5px; right:54px; }
.editor-page-header .embed-page-code { position:absolute; top:5px; right:76px; }
.editor-page-header .duplicate-page-code { position:absolute; top:5px; right:98px; }

/* field editor */
#field-editor ul { list-style-type:none; margin:-10px 5px 0px 0px; padding:5px; width:97%; list-style-position:outside; float:left; width:230px; } 
#field-editor li{ margin-bottom:5px; }
	
#field-editor input{ 	font-size:7pt; border:1px #ccc solid; font-family:inherit; font-weight:bold; color:#2065DB; } /* 06F  */
#field-editor textarea{ font-size:8pt; border:1px #ccc solid; font-family:monospace; font-weight:normal; color:#222; }
#field-editor select{ 	font-size:7pt; color:#222; }

#d-selectoptions input { font-size:7pt; font-family:inherit; font-weight:bold; border:1px #ccc solid; color:#2065DB; width:155px; } /* multiple items  */

#field-editor legend {  color:#5B9A9B; font-weight:bold; font-size:9pt; } /* b0c076 5F90C7 96B3a1 */
/* size/position editor */
#size-editor ul { list-style-type:none; margin:-10px 5px 0px 0px; padding:5px; width:97%; list-style-position:outside; float:left; width:230px; } 
#size-editor li{ margin-bottom:5px; }
#size-editor input{ font-size:8pt; }
#size-editor select{ font-size:9pt; }
#size-editor legend {  color:#5b9a9b; font-weight:bold; }

fieldset { border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#f7f7f7; }
fieldset label { font-size:7pt; font-weight:normal; text-align:left; color:#222; }

/* build 623 */
.inner-fieldset { font-size:7pt; border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#fafafa; }

/* build 646 */
.inner-fieldset-ecomm { font-size:7pt; border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#fafafa; }

/* build 674 */
.inner-fieldset-ajax { font-size:7pt; border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#fafafa; }

/* build 653 */
.inner-fieldset-standard { font-size:7pt; border:1px solid #bbb; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#fafafa; }

.half { width:50% !important; } .half input[type="text"] { width:90px; } .half input[type="password"] { width:90px; } 
	/* Build 684 */
	.half select { width:90px; }
.third { width:25% !important; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; } .clear input[type~="text"], textarea { width:200px; } .clear input[type~="password"] { width:200px; } .clear select { width:200px; }



.code-bg { background-image:url(img/editor/textarea-code-background.png); background-attachment:scroll; } 

/* entry view */
.image-thumb { border:1px #CCCCCC solid; }

/* login */
.text-grey-regular-8pt { font-size:8pt; font-weight:normal; color:#444; text-align: right; }
.text-grey-regular-8pt-bold { font-size:8pt; font-weight:bold; color:#444; }
.login-body-copy { font-size:9pt; font-weight:normal; color:#444; }
.login-body-head { font-size:10pt; font-weight:bold; color:#444; }
.login-body-notice { font-size:9pt; font-weight:bold; color:#CC0000; }
.login-link a:link { font-size:9pt; font-weight:bold; color:#6699CC; text-decoration:none; }
.login-link a:visited { font-size:9pt; font-weight:bold; color:#6699CC; text-decoration:none; }
.login-link a:hover { font-size:9pt; font-weight:bold; color:#6699CC; text-decoration:underline; }
.login-link a:active { font-size:9pt; font-weight:bold; color:#6699CC; text-decoration:none; }

/* random */
:focus
{
  -moz-outline-style: none;
}

/* tooltips */
.tooltip-text { color:#ccc; font-size:10px; line-height:1.5em; } .tooltip-headline { color:#888; font-weight:bold; }

/* sliders */
.slider-track { width:92px; height:3px; background-color:#666; position:relative; }
.slider-handle { width:5px; height:15px; background-color:#333; position:absolute; top:-6px; left:10px; cursor:move; }


/* browser specific */

/* build 671 */
@-moz-document url-prefix() {
    input[type="text"], input[type="password"], textarea {
        overflow: auto;
    }
}






/* Build 692 - Code Edit Styles */

h1 {
  font-size: 22pt;
}

.underline {
  border-bottom: 3px solid #C44;
}

h2 {
  font-size: 14pt;
}

h3 {
  font-size: 12pt;
}

p.rel {
  padding-left: 2em;
  text-indent: -2em;
}

div.code-editor-wrapper {
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -451px;
	display: visible;
	vertical-align: middle;
	width: 902px;
}

div.code-editor-wrapper input { color:#666; font-size:7pt;  }

div.code-editor-controls {
	height:560px;
	position: relative;
	z-index:900000;
	background-image:url(img/editor/code-editor/code-editor-wrapper.png);
}

.code-editor-controls-cancel { position:absolute; top:23px; left:775px; cursor:pointer; }
.code-editor-controls-submit { position:absolute; top:23px; left:820px; cursor:pointer; }
.code-editor-set-parser { position:absolute; top:69px; left:589px; widows:200px; cursor:pointer; color:#666; font-size:7pt; z-index:900001; }
.code-editor-set-parser select { color:#666; font-size:7pt;  }

div.code-editor-box {	
	position: absolute;
	top: 66px;
	left: 27px;
	width: 93%;
	text-align: left;
	z-index:900000;
}

code-editor {
  font-family: courier, monospace;
  font-size: 90%;
  color: #144;
}

pre.code-editor {
  margin: 1.1em 12px;
  border: 1px solid #CCCCCC;
  color: black;
  padding: .4em;
  font-family: courier, monospace;
}

.warn {
  color: #C00;
}

dl dl {
  margin: 0;
}

.CodeMirror-line-numbers {
	width: 2.2em;
	color: #aaa;
	background-color: #eee;
	text-align: right;
	padding-right: .3em;
	font-size: 10pt;
	font-family: monospace;
	padding-top: .4em;
}

