/* Build 621 */

@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:72px; 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:54px; margin-bottom:0px; position:relative; }

#job-info-bg { clear:both; background-image:url(img/display/job-info-bg-rpt.gif); height:41px; position:relative; }
#job-info {  z-index:100; color:#888; margin-left:40px; background-image:url(img/display/job-info-bg.gif); background-repeat:no-repeat; height:41px; 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 a:link { color:#2065DB; font-size:9px; text-decoration:none; }
.toggleMCE a:visited { color:#2065DB; font-size:9px; text-decoration:none; }
.toggleMCE a:hover { color:#2065DB; font-size:9px; text-decoration:underline; }
.toggleMCE a:active { color:#2065DB; font-size:9px; text-decoration:none; }

.small-link a:link { color:#2065DB; font-size:9px; text-decoration:none; }
.small-link a:visited { color:#2065DB; font-size:9px; text-decoration:none; }
.small-link a:hover { color:#2065DB; font-size:9px; text-decoration:underline; }
.small-link a:active { color:#2065DB; font-size:9px; text-decoration:none; }

.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; }
#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; } 






/*#editor-middle { float:left; min-width:540px; width:540px; border-left:1px #888 dotted; border-right:1px #888 dotted; border-bottom:1px #888 dotted; z-index:1000; } // Build 621 - Support 1024 x 768 Screens */
#editor-middle { float:left; min-width:350px; width:520px; border-left:1px #888 dotted; border-right:1px #888 dotted; border-bottom:1px #888 dotted; z-index:1000; }

/* #output { min-width: 500px; background-color: #fff; border:1px #fff solid; } // Build 621 - Support 1024 x 768 Screens */
#output { background-color: #fff; border:1px #fff 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:2px; }
.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; }

/* 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; } */
#output ul { list-style-type:none; margin:10px 2px 10px 2px; padding:5px; list-style-position:outside;  border:1px #eee solid; } 









#output li { margin-bottom:10px; padding:2px; }





/* .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; }






.field-hover{ border:1px #CCCCCC dotted; cursor:move }
.field-standard{ border:1px #fff dotted; }
.field-selected { border:1px #CCCCCC dotted; background-color:#ecf1db; 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:8pt; }
#field-editor select{ font-size:8pt; }
#field-editor textarea{ font-size:8pt; }
#field-editor legend {  color:#b0c076; font-weight:bold; }
/* 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:#b0c076; font-weight:bold; }

fieldset { border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#f7f7f7; }
fieldset label { font-size:8pt; font-weight:normal; text-align:left; }

/* build 623 */
.inner-fieldset { font-size:7pt; border:1px solid #e4e4e4; line-height:13px; margin:7px 0pt 0pt; padding:5px; background-color:#fafafa; }


.half { width:48% !important; }
.third { width:25% !important; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

/* 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;
}