/* Application form render related styles. For formbuilder related styles refer design4.css */ .modalBackground { background-color:#CCCCFF; opacity:0.40; /* firefox, opera, safari, chrome */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* IE 8 */ filter:alpha(opacity=40); /* IE 4, 5, 6 and 7 */ zoom:1 /* so the element "hasLayout" /* or, to trigger "hasLayout" set a width or height */ } .modalWindow { border: 2px solid #FFCC66; background-color: #FFFF82; color: #222222; vertical-align: top; width: 400px; height: 150px; padding: 20px } .modalWindow .title { font-size: 15px; font-weight: bolder; margin-bottom: 10px; } .modalWindow .legend { font-size: 11px; font-weight: normal; margin-bottom: 30px } .modalWindow .commands { width: 100%; text-align: center } .modalWindow .commands a:link, .modalWindow .commands a:visited, .modalWindow .commands a:active { font-size: 11px; font-weight: normal; text-decoration: none; color: #222222; font-weight: bold } .modalWindow .commands a:hover { font-size: 11px; font-weight: normal; text-decoration: underline; color: #222222; font-weight: bold } .coverSheetWindow { border: 2px solid #0073bd; background-color: #FFFFFF; color: #222222; vertical-align: top; width: 500px; height: 200px; padding: 20px } .coverSheetWindow h6 { font-size: 15px; font-weight: bolder; margin-bottom: 10px; } .coverSheetWindow .legend { font-size: 11px; font-weight: normal; margin-bottom: 30px } .coverSheetWindow .commands { width: 100%; text-align: center } .coverSheetWindow .commands a:link, .coverSheetWindow .commands a:visited, .coverSheetWindow .commands a:active { font-size: 11px; font-weight: normal; text-decoration: none; color: #222222; font-weight: bold } .coverSheetWindow .commands a:hover { font-size: 11px; font-weight: normal; text-decoration: underline; color: #222222; font-weight: bold } .runtimeForm { font-family: Verdana, sans-serif; font-size: 12px; color: #000000; } .StepsLayout { min-height: 500px; overflow:visible; } .SingleStep { min-height: 500px; overflow:visible; } .AllSteps { } .runtimeForm fieldset {margin:1em 0;padding:10px;} .runtimeForm .control { padding-left: 10px; margin-bottom: 10px; float: left; display: block; font-size: 12px; color: #000000; } .runtimeForm .editToolbar { width: 100%; border-spacing: 0px; padding: 0px; border-collapse: collapse; margin: 30px 0 5px 0; clear: both; } /*.runtimeForm .toolbar td { padding: 4px; } */ .runtimeForm .editToolbar .commands { background-color:#9FBBD6; font-weight:bold; color: Black; margin: 2px 0 10px 0; width:100%; height: 10px; } .runtimeForm .editToolbar .commands a { text-align: right; font-size: 12px; font-weight:bold; text-decoration: underline; color: Black; } .runtimeForm .editToolbar .navigation { background-color: #0000A6; width:100%; height: 50px; vertical-align: middle; } .runtimeForm .editToolbar .navigation a { text-align: right; font-size: 12px; font-weight:bold; text-decoration: underline; color: #FFFFFF; text-decoration: none; } .runtimeForm .editToolbar .navigation .title { text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; text-decoration: none; } .runtimeForm .partiesWithScans { float: left; width: 100%; padding: 10px 10px 10px 10px; background-color: #ffffc6; border: solid 2px #dedede; font-family: Verdana, Sans-Serif; font-size: 11px; font-weight:bold; } .runtimeForm .partiesWithScans a { font-family: Verdana, Sans-Serif; font-size: 11px; } .runtimeForm .GoToFormLink {background-image: url(images/application_form.png); width:16px; height:16px; } .runtimeForm .SummaryNoPermissionsDiv { font-size:10px !important; font-style:italic !important; color:Gray; } /*//////////////////////////////////////////////////////////////////////////*/ /* E R R O R S V I E W */ /*//////////////////////////////////////////////////////////////////////////*/ .runtimeForm .validationErrors { background-color: #FFC6C6; } .runtimeForm .missingFields { background-color: #FFDCC1; } .runtimeForm .exemptFields { background-color: #F9FFC4; } .runtimeForm .validationDisabled {background-color: #F9FFC4; } .runtimeForm .errorsView { border: 2px solid #FF6A6A; width: 100%; margin: 5px 0 5px 0; padding: 10px 0 5px 0px; font-size: 11px; font-weight: normal; color: #666666} .runtimeForm .errorsView ul { margin: 0 0 0 10px; } .runtimeForm .errorsView li { list-style-type: none; list-style-image: none; display:block; margin-bottom: 2px; } .runtimeForm .errorsView .displayComments { margin-left:5px; background-image: url('images/comments.gif'); background-position: left; width: 16px; height: 16px; background-repeat: no-repeat; } .runtimeForm .errorsView .commentsDiv { display: none; width: 400px; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 5px; } .runtimeForm .errorsView .commentsDiv .closeDiv { float: right; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) } .runtimeForm .errorsView .commentsDiv .closeDiv .closeButton { background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px; } .runtimeForm .errorsView .commentsDiv .commentsTitle { background-color:Green; font-weight: bold; font-size: 16pt } .runtimeForm .errorsView .commentsDiv .text { } .runtimeForm .errorsView .InnerComments { border-bottom: solid 1px #FF6A6A; display:block; margin: 2px 10px 5px 15px; font-size:10px; } .runtimeForm .errorsView .flyoutDiv { display: none; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0; } .runtimeForm .missingFields .Error { float:left; height:16px; margin-right:5px; background: url('images/page_error.png') left center no-repeat;} .runtimeForm .missingFields li.Error {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important;} .runtimeForm .missingFields li.Error span.Error {width:16px;padding-right:2px;} .runtimeForm .validationErrors li.Error {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important; padding-left: 0px !important;} .runtimeForm .validationErrors li.Error span.Error { float:left; height:16px; width:16px; padding-right:2px; margin-right:5px; background: url('images/exclamation.png') left center no-repeat;} .runtimeForm .missingFields li.ExemptionRejected {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important; padding-left: 0px !important;} .runtimeForm .missingFields li.ExemptionRejected span.ExemptionRejected { float:left; height:16px; width:16px; padding-right:2px; margin-right:5px; background: url('images/flag_red.png') left center no-repeat;} .runtimeForm .exemptFields li.ExemptionRequested {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important; padding-left: 0px !important;} .runtimeForm .exemptFields li.ExemptionRequested span.ExemptionRequested { float:left; height:16px; width:16px; padding-right:2px; margin-right:5px; background: url('images/flag_yellow.png') left center no-repeat;} .runtimeForm .exemptFields li.ExemptionAccepted {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important; padding-left: 0px !important;} .runtimeForm .exemptFields li.ExemptionAccepted span.ExemptionAccepted { float:left; height:16px; width:16px; padding-right:2px; margin-right:5px; background: url('images/flag_green.png') left center no-repeat;} .runtimeForm .exemptFields li.MailInExemptionRequested {display:block; width:auto !important; height:auto !important; float:none !important; border-top:none !important; line-height:16px !important; padding-left: 0px !important;} .runtimeForm .exemptFields li.MailInExemptionRequested span.MailInExemptionRequested { float:left; height:16px; width:16px; padding-right:2px; margin-right:5px; background: url('images/mail-icon.png') left center no-repeat;} .runtimeForm .fieldsWithComments .Comment { padding-left: 16px; background-image: url('images/comments_2.png'); background-position: left top; background-repeat: no-repeat; } .runtimeForm .errorsView .exemptionCommand { margin-left: 5px; } .runtimeForm .errorsView .exemptionCommand a:link, .runtimeForm .errorsView .exemptionCommand a:hover, .runtimeForm .errorsView .exemptionCommand a:visited, .runtimeForm .errorsView .exemptionCommand a:active { color: #FF4A4A; } .runtimeForm .errorsView .title { margin: 5px 0 5px 10px; font-weight: bold; font-size:12px; } .runtimeForm .errorsView .subtitle { margin: 5px 0 5px 10px; font-weight: bold ; } /*.runtimeForm .errorsView .requestExemption { border: 2px solid #FF6A6A; background-color: #EDEDED; width: 400px; height: 100px; margin: 5px 0 5px 0; padding: 10px; display: none; margin: 10px; }*/ .runtimeForm .errorsView .requestExemption { display: none; width: 400px; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 5px; } .runtimeForm .errorsView .requestExemption .closeDiv { float: right; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) } .runtimeForm .errorsView .requestExemption .closeDiv .closeButton { background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px; } .runtimeForm .errorsView .requestExemption .commentsTitle { background-color:Green; font-weight: bold; font-size: 16pt } .runtimeForm .errorsView .requestExemption .text { } .runtimeForm .errorsView .requestExemption .legend { display: block; font-weight: bold; font-size: 13px; margin-bottom: 7px } .runtimeForm .errorsView .requestExemption input { clear:both; margin-left: 10px; } .runtimeForm .errorsView .requestExemption label { font-size: 10px; display: block; margin-left: 10px; } .runtimeForm .errorsView .requestExemption .controls { display: block; margin: 10px; text-align: right; } .runtimeForm .errorsView .requestExemption .controls a:link, .runtimeForm .errorsView .requestExemption .controls a:hover, .runtimeForm .errorsView .requestExemption .controls a:visited, .runtimeForm .errorsView .requestExemption .controls a:active { margin-left: 10px; color: #FF4A4A } /*//////////////////////////////////////////////////////////////////////////*/ /* HTML elements */ /*//////////////////////////////////////////////////////////////////////////*/ .runtimeForm .control input{ background: #FFFFFF; color: #000000; margin-top: 1px; margin-bottom: 1px; } .runtimeForm .control textarea { } .runtimeForm .control select { background: #FFFFFF; border: 2px inset #CCCCCC; color: #000000; margin-top: 1px; margin-bottom: 1px; } .runtimeForm .control h1 { } .runtimeForm .control table { font-size: 12px; border-spacing: 0px; border-collapse: collapse; border: 1px solid #808080; } .runtimeForm .control tr { margin: 0px; border-spacing: 0px; } .runtimeForm .control td { border-spacing: 0px; border: 1px solid #808080; margin: 0px; padding: 5px; } /*//////////////////////////////////////////////////////////////////////////*/ /* Controls */ /*//////////////////////////////////////////////////////////////////////////*/ .runtimeForm .FieldCommentsIndicator { float:left;margin-right:0.3em;background-image: url('images/fieldHasComments.png'); background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldExemptionRequestedIndicator { float:left;margin-right:0.3em;background-image: url('images/flag_yellow.png'); background-position: top; width: 20px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldExemptionApprovedIndicator { float:left;margin-right:0.3em;background-image: url('images/flag_green.png'); background-position: top; width: 25px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldExemptionRejectedIndicator { float:left;margin-right:0.3em;background-image: url('images/flag_red.png'); background-position: top; width: 27px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldMailInExemptionRequestedIndicator { float:left;margin-right:0.3em;background-image: url('images/mail-icon.png'); background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldErrorsIndicator { float:left;margin-right:0.3em;background-image: url('images/page_error.png'); background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldValidationErrorsIndicator { float:left;margin-right:0.3em;background-image: url('images/exclamation.png'); background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; } .runtimeForm .FieldVoidIndicator { display:none; } .runtimeForm .FieldCommentsIndicatorDesign { float:left;margin-right:0.3em; background-image: url('images/fieldHasComments.png'); background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } .runtimeForm .FieldInfoIndicator {background: url('Images/help.png') no-repeat left center; width:16px; padding:0 8px; height: 20px; margin-left:3px;} .runtimeForm div.FieldInfoIndicator {float:left;} .runtimeForm .SegmentHeading { margin-top: 3px; margin-bottom: 0px; padding-bottom: 1px; color: #FFFFFF; padding-left:0px;} .runtimeForm .SegmentHeading H1 { padding: 3px; } .SegmentHeading * {line-height: normal !important;} .SegmentHeading h1, .SegmentHeading h2, .SegmentHeading h3, .SegmentHeading h4, .SegmentHeading h5, .SegmentHeading h6, .SegmentHeading h7, .SegmentHeading h8, .SegmentHeading h9 { display: inline !important; } .runtimeForm .Attachment { } .runtimeForm .Attachment .lbMessage { color: Green; display: block; } .runtimeForm .Attachment a.AttachmentLink { background-image: url(Images/attachment.jpg); width:16px; height:16px; border: none; display:inline-block; } .runtimeForm .Attachment a.AttachmentFileNameLink { font-size: 10px; color: Green; display: block; } .runtimeForm .Attachment a.AttachmentCoverSheetLink { font-size: 10px; cursor: pointer;} .runtimeForm .MinimalAttachment { } .runtimeForm .MinimalAttachment .lbMessage { color: Green; display: block; } .runtimeForm .MinimalAttachment a.AttachmentLink { background-image: url(Images/View-attachment24.png); width:24px; height:24px; border: none; display:inline-block; } .runtimeForm .MinimalAttachment a.AttachmentFileNameLink { font-size: 10px; color: Green; display: block; } .runtimeForm .MinimalAttachment a.AttachmentCoverSheetLink { background:url(Images/Coversheet_mailin24.png) no-repeat; width:24px; height:24px; border:none; display:inline-block; margin-left:10px; cursor: pointer;} .runtimeForm .BlankLine { } .runtimeForm .Calendar { } .runtimeForm .Calendar .ajax__calendar_container { /*border: solid 1px red;*/ width: 250px!important; } .runtimeForm .Calendar .ajax__calendar_container table { font-size: 10px; padding:2px; margin:2px; } .runtimeForm .Calendar .ajax__calendar_container table td { width:20px; height:20px; } .runtimeForm .Calendar .ajax__calendar_header { width: 250px!important;} .runtimeForm .Calendar .ajax__calendar_body { width: 250px!important; height: 220px!important; } .runtimeForm .Calendar .ajax__calendar_days { width: 250px!important; height: 220px!important; } .runtimeForm .DropDown { } .runtimeForm .Grid { } .runtimeForm .Grid .header h2 {margin-bottom: 0em} .runtimeForm .Image { } .runtimeForm .Document { } .runtimeForm .Paragraph { } .runtimeForm .Repeater { } .runtimeForm .ShortAnswer { } .runtimeForm .ShortAnswerColumn { } .runtimeForm .Signature { } .runtimeForm .Signature .lbSecurtityWarning, .runtimeForm .Signature .lbSecurityPinWarning, .runtimeForm .Signature .lbPinConfirmationError { color: Red; display: block; } .runtimeForm .Signature .lbPinConfirmationMsg {} .runtimeForm .Signature .lbSecurityPinMsg { color: green; } .runtimeForm .Signature .btnSendPin, .runtimeForm .Signature .btnCancel, .runtimeForm .Signature .btnConfirmPin, .runtimeForm .Signature .btnCancelConfirmation, .runtimeForm .Signature .btnConfirmSignature { color: #336699; margin-right: 16px; margin: 3px; } .runtimeForm .Signature .pnSecurityPin, .runtimeForm .Signature .pnPinConfirmation { border: dashed 1px #CCCC66; background-color: #FFFFCC; padding: 3px; } .runtimeForm .Signature .tbPinConfirmation { display: block; } .runtimeForm .Spacer { } .runtimeForm .Header { display:block; clear: both; width: 100% } .runtimeForm .Footer { display:block; clear: both; width: 100% } .runtimeForm .Checkbox table, .runtimeForm .Checkbox tr td { border: none; } .runtimeForm .CheckboxColumn .header { background-color: #CCCCCC; font-weight: bold; } .runtimeForm .CheckboxColumn .columnHeader { font-weight: bold; } .runtimeForm .NumericColumn table, .runtimeForm .NumericColumn tr td { border: none; } .runtimeForm .ShortAnswerColumn table, .runtimeForm .ShortAnswerColumn tr td { border: none; } .runtimeForm .Calendar {} .runtimeForm .Calendar .calendarButton {display: inline-block; margin-bottom: 2px; width: 15px; height: 15px; background-image: url(images/calendar.gif);} .runtimeForm .RadioButton table, .runtimeForm .RadioButton tr td { border: none; } .runtimeForm .RadioButtonColumn { } .runtimeForm .RadioButtonColumn .header { background-color: #CCCCCC; font-weight: bold; } .runtimeForm .RadioButtonColumn .columnHeader { font-weight: bold; } .runtimeForm .PartyIterator { border: none; } .runtimeForm .PartyIterator table { border: none; border-collapse:collapse; } .runtimeForm .PartyIterator .HeaderRow { } .runtimeForm .PartyIterator .HeaderCell { text-align: center; margin: 0px 2px 0px 2px; } .runtimeForm .PartyIterator .SummaryHeaderCell { text-align: center; margin: 0px 2px 0px 2px; font-weight:bold; } .runtimeForm .PartyIterator .Row { background-color: #D3D3D3; /* #D3DFEE*/ } .runtimeForm .PartyIterator .AlternatingRow { background-color:White; } .runtimeForm .PartyIterator .SummaryCell { border-left: solid 2px #41383C; font-weight:bold !important; } .runtimeForm .PartyIterator .SummaryRowCell { font-weight:bold !important; } .runtimeForm .PartyIterator .FirstDetailsCell { border-left: solid 2px #41383C !important; /*#4F81BD*/} .runtimeForm .PartyIterator .TitleCell { background-color:White;} .runtimeForm .PartyIterator .Cell { border-right: solid 1px #D3D3D3; padding: 2px 0px 2px 0px !important;} .runtimeForm .PartyIterator .AlternatingCell {border-right: solid 1px #D3D3D3; } .runtimeForm .PartyIterator .LastCell { border-right: solid 2px #41383C; } .runtimeForm .PartyIterator .TopCell { border-top: solid 2px #41383C; } .runtimeForm .PartyIterator .BottomCell { border-bottom: solid 1px #41383C; } .runtimeForm .PartyIterator .InputControl { width: 80px; } .PasswordViewContentButton { background-image: url('images/Display.gif'); cursor:pointer; background-position: top; width: 16px; height: 20px; background-repeat: no-repeat; } .AttachmentLink { background-image: url(Images/attachment.jpg); width:16px; height:16px; border: none; display:inline-block; } .AttachmentDeleteLink { background-image: url(Images/delete.gif); width:16px; height:16px; border: none; display:inline-block; margin-left:8px !important; } .AttachmentCancelMessage {font-size: 10px !important; display: block; } .AttachmentCancelLink {font-size: 10px !important; } .AttachmentFileNameLink { font-size: 10px; color: Green; display: block; } .AttachmentThrobber { background-image: url('images/attachment_throbber.gif'); background-position: top; width: 16px; height: 11px; background-repeat: no-repeat; } .MinimalAttachmentLink { background-image: url(Images/View-attachment24.png); width:24px; height:24px; border: none; display:inline-block; } .MinimalAttachmentDeleteLink { background-image: url(Images/Delete24.png); width:24px; height:24px; border: none; display:inline-block; margin-left:8px !important; } .Formula {background-color: #f5f5dc !important;} /*//////////////////////////////////////////////////////////////////////////*/ /* Core */ /*//////////////////////////////////////////////////////////////////////////*/ .runtimeForm strong { font-weight: bold; } .runtimeForm .clear { clear:both; margin:0; padding:0; } .runtimeForm .controlLabel { font-weight: bold; } .runtimeForm .controlError .controlLabel { font-weight: bold; color: Red !important } .runtimeForm .controlExemted .controlLabel { font-weight: bold; color: #CCCC00 !important } .runtimeForm .controlError { font-weight: bold; color: Red !important } .runtimeForm .controlExemted { font-weight: bold; color: #CCCC00 !important } .runtimeForm .control .topLabel { display:block !important; } .runtimeForm .control .leftLabel { padding-right:.5em; display:block; float:left; margin-top:2px; } .runtimeForm .control .rightLabel { padding-left:.5em; display:block; float:left; margin-top:2px; } .runtimeForm .fullWidth { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; width:100%; } .runtimeForm .requiredIndicator { float:left; font-weight: bold; } .runtimeForm .readOnlyValue { } .runtimeForm .invisibleTable { border-width: 0px !important; border-collapse:collapse !important; border-style:none !important; padding: 0px 0px 0px 0px !important; line-height: normal !important; } .runtimeForm .invisibleTable tr { border-width: 0px; border-collapse:collapse; border-style:none; padding: 0px 0px 0px 0px !important; line-height:normal !important; } .runtimeForm .invisibleTable td { border-width: 0px; border-collapse:collapse; border-style:none; padding: 0px 0px 0px 0px !important; line-height:normal !important; } .LabelContextualMenu { border: 1px solid #FFCC66 !important; background-color: #FFFF82 !important; color: #222222 !important; vertical-align: top !important; height: 26px; padding: 2px; visibility:hidden; } .LabelContextualMenu .ViewComments{ margin-left:2px; background-image: url('Images/comments.png'); background-position: left; width: 24px; height: 24px; background-repeat: no-repeat; } .LabelContextualMenu .AddComment{ margin-left:2px; background-image: url('Images/addComment.png'); background-position: left; width: 24px; height: 24px; background-repeat: no-repeat; } .LabelContextualMenu .RequestExemption{ margin-left:2px; background-image: url('Images/requestExemption.png'); background-position: left; width: 24px; height: 24px; background-repeat: no-repeat; } /* end of Core */ .errorRow { color: Red; } .UpdateProgress {border: 2px solid #3F99FF; background-color: #EDEDED; color: #222222; vertical-align: top; text-align:center; width: 280px; height: 50px; padding: 10px; margin-top:-200px; margin-left:-150px; } .UpdateProgress .Title { font-size: 15px; font-weight:bold; color:#3F99FF; } .flyoutDiv { display: none; overflow: hidden; z-index: 2; background-color: #FFFFFF; border: solid 1px #D0D0D0; } .contextualDiv { display: none; width: 400px; z-index: 2; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); font-size: 12px; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 5px; } .contextualDiv .closeDiv { float: right; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) } .contextualDiv .closeDiv .closeButton { background-color: #666666; color: #FFFFFF; text-align: center; font-weight: bold; text-decoration: none; border: outset thin #FFFFFF; padding: 5px; } .contextualDiv .title { font-weight: bold; font-size: 16pt } .contextualDiv .text { } .contextualDiv .legend { display: block; font-weight: bold; font-size: 13px; margin-bottom: 7px } .contextualDiv input { clear:both; margin-left: 10px; } .contextualDiv label { font-size: 10px; display: block; margin-left: 10px; } .contextualDiv .controls { display: block; margin: 10px; text-align: right; } .contextualDiv .controls a:link, .contextualDiv .controls a:hover, .contextualDiv .controls a:visited, .contextualDiv .controls a:active { margin-left: 10px; color: #FF4A4A } .errorsDiv { width: 500px; background-color: #FFE5E5; border: solid 2px #FF7F7F; padding: 15px 15px 15px 20px; z-index: 2; font-size:12pt; font-family:Arial, Sans-Serif; font-weight:bold; color:#FF5959; } .errorsDiv .closeDiv { float: right; background-color: #FF7F7F; width:20px; height:20px; margin-top: -10px; margin-right: -10px; vertical-align:middle;} .errorsDiv .closeDiv .closeButton { text-align: center; padding: 5px; color:White; text-decoration: none;} .errorsDiv .bottomCloseWrapper { width:100%; text-align:center } .errorsDiv .bottomCloseButton { background-color: #FF7F7F !important; width:100px; height:20px; vertical-align:middle; text-align:center; color:White !important; cursor:pointer;} .errorsDiv .legend { display: block; margin-bottom: 7px } .errorsDiv .messageTitle { font-size:10pt; color: Black; } .errorsDiv .message { display:block; font-size:12pt; color: Black; } .errorsDiv .exception { display:none; width:100%; height:150px; overflow: scroll; font-size:10pt; font-weight:normal; color:Black !important; border:solid 2px #FF7F7F; } .errorBackground { background-color:#DBCCCC; filter:alpha(opacity=60); opacity:0.6; } .runtimeForm .MenuStyle { background-color: #5987D6; height: 10px; overflow: hidden; border-collapse: collapse; border-style: none; } .runtimeform .MenuWrapper { } .runtimeForm .MenuWrapper table {border-width: 0px !important; border-collapse:collapse !important; border-style:none !important; padding: 1px 1px 1px 1px !important; } .runtimeForm .MenuWrapper tr { border-width: 0px !important; border-collapse:collapse !important; border-style:none !important; padding: 1px 1px 1px 1px !important; } .runtimeForm .MenuWrapper td { border-width: 0px !important; border-collapse:collapse !important; border-style:none !important; padding: 1px 1px 1px 1px !important; } /* toop level item */ .runtimeForm .mnStaticMenuItemStyle { font-family: Verdana; Font-Size: 8pt; font-weight: bold; /*border: solid 1px #5987D6; */ color: White; padding: 0px; } /* toop level item - Hover*/ .runtimeForm .mnStaticHoverStyle { background-color: #FCEFC3; border: solid 1px Gray; Cursor: Default; color: #5987D6; } /* toop level item - Selected*/ .runtimeForm .mnStaticSelectedStyle { background-color: #889DC2; border-color: Blue; border-bottom-width: 1px; } .runtimeForm .mnDynamicMenuItemStyle { Cursor: default; font-family: MS Sans Serif; Font-Size: 8pt; background-color: #F0F0F0; border: outset 1px black; color: Black; height: 15px; padding: 0px; } .runtimeForm .mnDynamicHoverStyle { background-color: #FCEFC3; border: solid 1px Gray; cursor: Default; color: Black; } .runtimeForm .mnDynamicSelectedStyle { background-color: #FCEFC3; border: solid 1px Gray; Cursor: Default; color: Black; } .runtimeForm .mnDynamicMenuStyle { background: red; } /** ------------------------------------------ // // Mike Pick design changes // /** ------------------------------------------ */ div.formStepsNav {border:1px solid #ddd; position:relative;margin:2em 0;clear:both;} div.formStepsNav a {position:absolute;top:3px;background-color:#8dc63f;color:#fff;padding:8px;text-decoration:none;background-repeat:no-repeat;font:bold 14px Arial, sans-serif;} div.formStepsNav a.formStepNext {right:3px;padding-right:25px;background-image:url(Images/arrow_right.png);background-position:90% center;} div.formStepsNav a.formStepPrevious {left:3px;padding-left:25px;background-image:url(Images/arrow_left.png);background-position:5% center;} div.formStepsNav a.formStepInactive {background:#f9f9f9;} div.formStepsNav p {font:normal 14px/18px Arial, sans-serif;padding:10px;text-align:center;margin:0;height:auto !important} div.formErrorNotification {margin:1em 0;background:#ffe5e5;padding:10px;clear:both;} div.formErrorNotification h3 {font:bold 12px/18px Arial,sans-serif;margin:0 0 2px 0;color:#ff0000;} div.formErrorNotification p {font:normal 12px/18px Arial,sans-serif;margin:0 0 2px 0;background:url(Images/cancel.png) no-repeat left top; padding-left:20px;} div.formErrorNotification p a {color:#ff0000;} div.formMissingNotification {margin:1em 0;background:#fef4e8;padding:10px;clear:both;} div.formMissingNotification h3 {font:bold 12px/18px Arial,sans-serif;margin:0 0 2px 0;color:#f26522;} div.formMissingNotification p {font:normal 12px/18px Arial,sans-serif;margin:0 0 2px 0;background:url(Images/error.png) no-repeat left top; padding-left:20px;} div.formMissingNotification p a {color:#f26522;} div.formExemptionNotification {margin:1em 0;background:#fffccc;padding:10px;clear:both;} div.formExemptionNotification h3 {font:bold 12px/18px Arial,sans-serif;margin:0 0 2px 0;color:#827b00;} div.formExemptionNotification p {font:normal 12px/18px Arial,sans-serif;margin:0 0 2px 0;background:url(Images/asterisk_orange.png) no-repeat left top; padding-left:20px;} div.formExemptionNotification p a {color:#f26522;} table.simpleForm {margin:1em 0; width:100%;} table.simpleForm td {font-size:11px; padding:6px 0;} table.simpleForm td.label {text-align:right; padding-right:8px; width:30%;} table.buttonSet {width:100%; margin:1em 0;} table.buttonSet td { font-size:14px; font-weight:bold; padding:10px;} table.buttonSet td a {background:#0072bc; color:#fff; text-align:center; padding:30px 20px; display:block;} div.feeResponsibilityGroup {border:1px solid #eee;padding:1px;margin-bottom:2em;} div.responsibilityHeader {background-color:#e7f6ff;padding:5px 10px 8px;} div.responsibilityHeader a {float:right;font-weight:bold;background:url(Images/money.png) no-repeat left center;padding-left:20px;text-decoration:none;margin-top:2px;} a.payFeesLink {font-weight:bold;background:url(Images/money.png) no-repeat left center;padding-left:20px;text-decoration:none;margin-top:2px;margin-left:10px;} div.responsibilityHeader h3 {margin:0;font: bold 18px/24px Verdana, sans-serif;} div.feeResponsibilityGroup h4 {background-color:#eee; padding:5px 10px 6px;font-weight:bold;font-style:italic;font-size:12px;border-width:1px 0;border-style:solid;border-color:#fff;} div.feeResponsibilityGroup table.feesDescriptionTable {width:100%;} div.feeResponsibilityGroup table.feesDescriptionTable th {font-weight:bold;font-size:10px;background-color:#ddd;color:#333;} div.feeResponsibilityGroup table.feesDescriptionTable td {padding:5px 0;vertical-align:top;border-top:1px solid #ddd;} div.feeResponsibilityGroup table.feesDescriptionTable .feeDescription {padding-left:10px;} div.feeResponsibilityGroup table.feesDescriptionTable .feePayee {width:25%;} div.feeResponsibilityGroup table.feesDescriptionTable .feeAmount {width:10%;text-align:right;} div.feeResponsibilityGroup table.feesDescriptionTable .feeStatus {width:10%;white-space:nowrap;text-align:center;padding-right:10px;padding-left:2px;} div.feeResponsibilityGroup table.feesDescriptionTable .feePCheckPayTo {width:30%;padding-left:10px;} div.feeResponsibilityGroup table.feesDescriptionTable .feePCheckNumber {width:20%;padding-left:10px;} table.reviewApplicationTable {width:100%;margin:1em 0;} table.reviewApplicationTable td {padding-bottom:5px;} table.reviewApplicationTable td.fieldLabel {text-align:right;padding-right:10px;width:25%;} table.reviewApplicationTable td.fieldData {font-weight:bold;} div.helpPage h1 {color:#6CBD43;font-weight:bold;font-size:16px;text-decoration:underline;} .FileUploadClass { font-size: 5px; position: relative; z-index: 10; cursor:pointer !important; width: 24px !important; height:24px !important; } .FileUploadClass input[type=file] { background: transparent; border: Dashed 2px #000000; opacity: 0; filter: alpha(opacity = 0); background-color:Red; cursor:pointer !important; width: 24px !important; height:24px !important; } .FakeFileUpload { position: relative; border: Solid 0px #000000; overflow:hidden; z-index:1; background: url(Images/upload-icon24.png) no-repeat; cursor:pointer !important; width: 24px !important; height:24px !important; }