/* * Vizor-common.css (Stylesheet) * This file contains: * - The style for the layout of the Vizor Portal website * - Default styles for markups (i.e. , , etc.). * - Common classes (i.e. ".link", ".left", ".right", etc.). */ /************************************************************************* * Default style rules for HTML markups. *************************************************************************/ img { border:0px; } html, html * { outline:none; } body{ background: #fff; color: #606060; font-size: 9pt; margin: 6px 0px 0px; /* NOTE - Html preview in the builder relies on the body overflow:visible value */ overflow:visible; /* NOTE - The following attributes are browser-specific */ overflow: -moz-scrollbars-vertical; overflow: auto; overflow-y: scroll; } form{ height:100%; margin: 0px; } table{ border:solid 0px transparent; border-collapse: collapse; } td{ color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; padding: 0px; } p{ color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; } p a, td a { color: #606060; } h1{ color: #b40021; font: normal bold 11pt Arial,Helvetica,sans-serif; margin-bottom: 20px; } h2{ font: normal bold 9pt Arial,Helvetica,sans-serif; color: #b40021; } .floatLeft{ float: left; text-align: left; width: 50%; } .floatRight{ float: right; text-align: right; width: 50%; } .spacer{ padding: 0px; margin: 0px; width: 96%; height: 25px; display: block; clear: both; } .centerAlign{ text-align: center; margin: auto; } a.noHand{ cursor:default; } /* Styles used for page loading spinner controls. */ div.AlwaysVisible { top: 10px; right: 10px; z-index:99999; background-color:rgb(255,82,0); position:absolute; border:solid; border-width:0px; color:Black; top:10; _top:expression(eval(document.body.scrollTop+10)) } div.AlwaysVisible .subHeadingBlack { margin-left: 2pt; font: normal normal bold 9pt Arial,Helvetica,sans-serif; } /************************************************************************* * Main Layout. *************************************************************************/ #main { border: 0px; padding:6px 6px 6px 6px; } #main A:link { color: #ff5200; text-decoration:underline; font-family:Arial; } #main A:visited { color: #ff5200; text-decoration:underline; } #main A:hover { color: #ff5200; text-decoration: none; } .gradientBorder{ width: 1px; background-position: left top; background-image: url(../Images/gradient-border2.jpg); background-repeat: no-repeat; padding: 0px; } table.center{ margin-left:auto; margin-right:auto; width: 772px; } td#heading, td#navbar{ display:block; /* Hack for IE7 to display header correctly */ *position: relative; } td#heading{ background: #fff url("../images/headerBanner-ltr.jpg") no-repeat right center; background-origin:border-box; border-top: solid #9e9e9e 1px; color:#b40021; clear: both; min-height: 50px; /* For IE6 */ height:auto !important; height:50px; /**********/ text-align: left; } td#heading div#logo, td#heading div#product{ float: left; } td#heading div#logo{ display:inline; min-width: 86px; } td#heading div#logo img{ border: solid 0px transparent; padding-left:20px; } td#heading div#product{ bottom:-12px; margin: 12px 0 0 0; display:inline; font: normal 16pt Trebuchet MS; padding-left: 18px; } td#navbar{ background-image: url("../images/new-background.jpg"); background-repeat: repeat-x; border-top: solid 1px #abb8c5; height: 25px; white-space: nowrap; } /* * This will need to be replaced by new nav menu */ td#navbar table#menu{ border-left: solid 1px #abb8c5; height: 20px; margin-left: 18px; } td#navbar table#menu td{ white-space:nowrap; } td#navbar table#menu td#logout{ padding-right: 13px; } td#navbar table#menu a{ border-right: solid 1px #abb8c5; color: #606060; display: block; font: normal 8pt Tahoma, Arial, Verdana, Sans-Serif; margin:0; padding: 6px; text-align: center; text-decoration: none; } td#navbar table#menu a:hover{ background: url("../images/blue-menu-background-highlight.jpg") repeat-x; } td#navbar table#menu a.logout{ border-right: solid 0 transparent; color: #B40021; } td#navbar table#menu a.logout:hover{ background: url(../images/new-background.jpg) repeat-x; } td#navbar table#menu .active { background-color: #e8ebef; } td#navbar table#menu .highlight { background: url(../images/blue-menu-background-highlight.jpg) repeat-x; } td#navbar table#menu .fillRight { text-align:right; width: 100%; } table.menuChild { background-color: #e8ecef; border: solid 0px #abb8c5; cursor: default; /*margin-left:1px; Removing this as it causes menu alignment issues in IE6 & IE7)*/ *margin-top: -6px; position: absolute; visibility: hidden; } table.menuChild a { display: block; color: #606060; font: normal 8pt Tahoma, Arial, Verdana, Sans-Serif; height: 14px; margin: 0px; padding: 6px; text-decoration: none; } table.menuChild a:hover { color: #606060; } table.menuChild .highlight { background-color: #d5dbe2; } table.menuChild .highlight a { color: #b40021; } table.menuChild td { border: solid 1px #abb8c5 !important; } td#contentHolder{ padding-left:18px; padding-right:18px; border-top: solid 1px #abb8c5; /* Hack for IE7 to display header correctly */ *position: relative; } /* User logged in and language heading. */ div#appinfo{ height: 20px; padding: 6px 0 6px 0; width: 718px; } div#loggedIn, div#languages{ display:inline-block; } div#loggedIn{ float:left; font-family: Arial,Helvetica,sans-serif; margin-bottom:auto; margin-top:4px; padding-left: 0px; vertical-align: middle; } div#languages{ float: right; padding-right: 0px; text-align: right; /* Hack for IE7 to display header correctly */ *position: relative; } div#appinfo a { color: #ff5200; text-decoration:underline; } div#appinfo a:hover { color: #ff5200; text-decoration:none; } div#appinfo td { font-family: Arial,Helvetica,sans-serif; vertical-align: middle; } div#appinfo .left { color: #606060; padding-left: 20px; white-space: nowrap; } div#appinfo .middle { padding-left: 10px; width: 100%; } div#appinfo .right { color: #606060; padding-right: 20px; text-align: right; white-space: nowrap; } div#content { background-color: #fff; border: solid 1px #abb8c5; color: #606060; display:block; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; min-height:600px; /* For IE6 */ height:auto !important; height:600px; /**********/ padding-bottom: 12px; padding-left:6px; padding-right:6px; padding-top:6px; position: relative; width: 718px; display:block; } div#content div#main, div#forms div#main{ color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; padding: 6px; } div#content div#tabs, div#forms div#tabs{ background: transparent; border: none 0px; padding:4px; } div#content a, div#forms a{ color: #606060; text-decoration: none; } div#content a:hover, div#forms a:hover{ color: #ff5200; } div#content a.link{ color: #ff5200; text-decoration:underline !important; cursor: pointer; } /*This wrapper is used on tabs: firms, submissionpacks and reports. */ div#content div.backWrapper, div#forms div.backWrapper{ bottom: 0px; padding-left: 5px; padding-bottom: 5px; position: absolute; } /********************************************* Style of the vizor page footer **********************************************/ td#contentHolder div.vizorFooter{ background-color:#F4F4F4; border: solid 1px #abb8c5; border-top:0px; clear: both; display:block; height: 16px; padding: 6px; position: relative; vertical-align:middle; width: 718px; } td#contentHolder div.vizorFooter a{ color:#888888; font-family:Arial,Helvetica,sans-serif; font-size:8pt; text-decoration:none; } /* Modal popup styles */ .modalBackground { z-index: 1000; background-color: #000000; filter: alpha(opacity=10); opacity: 0.6; display: block; } .modalPopup { z-index: 1999; vertical-align: middle; background-color: #ffffff; border-width: 2px; border-style: solid; border-color: Gray; width: 250px; height: 95px; text-align: center; background-repeat: repeat-x; } .modalPopupLeft { text-align: left !important; } .modalText { color: #000000; font-family: Arial; background: inherit; } .modalButton { width: 82px; height: 30px; font-size: 1em; padding-bottom:.2em; border-width: 0px; margin-top: 10px; color: #000000; background-image: url(../images/blue-form-button.gif); } .spinnerImage { position: relative; left: 113px; } /************************************************************************* * Modal popup styles - i.e the role-info and processing popups /*************************************************************************/ .modalBackground { background-color: #000000; display: block; filter: alpha(opacity=10); opacity: 0.6; z-index: 1000; } .modalPopup { background-color: #ffffff; background-repeat: repeat-x; border-color: Gray; border-style: solid; border-width: 2px; height: 95px; text-align: center; vertical-align: middle; width: 250px; z-index: 1999; } .modalPopupLeft { text-align: left !important; } .modalText { background: inherit; color: #000000; font-family: Arial; } .modalButton { background-image: url(../images/blue-form-button.gif); border-width: 0px; color: #000000; font-size: 1em; height: 30px; margin-top: 10px; padding-bottom:.2em; width: 82px; } /* This is needed to position the image in the centre of the processing control in IE only. */ * html .processingModalPopup { left: 200px; position: relative; top: -50px; } /****************************************************** DETAILS PANEL - TABLE BASED *******************************************************/ table#detailsPanelTable{ border: solid 1px #abb8c5; border-collapse: collapse; width: 720px; /* 718px + 2px borders */ } table#detailsPanelTable thead tr{ background-color: #a8b3c9; height: 32px; line-height: 32px; } table#detailsPanelTable thead tr td{ color: #fff; padding: 0 0 0 6px; } table#detailsPanelTable tbody tr.icon td{ padding: 6px 0; margin: 6px auto; text-align: center; } table#detailsPanelTable tbody tr.icon td img{ height: 24px; width: 24px; } table#detailsPanelTable tbody tr{ } table#detailsPanelTable tbody tr td{ max-width: 115px; padding: 0 10px 6px; } table#detailsPanelTable tbody tr td.separator{ width: 37px; } /************************************************************************* * Formsets Container - Also used in reports /*************************************************************************/ div#formSetsContainer{ border: solid 1px #abb8c5; width: 100%; /* 700px specified */ } div#formSetsContainer div.titleHeaderRow, div#formSetsContainer div.formsetHeader, div#formSetsContainer div.formsetRow{ clear: both; height: 32px; line-height: 32px; } div#formSetsContainer div.columnItemA{ float: left; min-height: 24px; min-width: 24px; padding-left: 4px; } div#formSetsContainer div.indent{ height: 24px; width: 24px; } div#formSetsContainer div.columnItemB{ float: right; padding-right: 4px; } div#formSetsContainer div.columnItemA img{ padding: 4px 0px; } div#formSetsContainer div.columnItemA img, div#formSetsContainer div.columnItemB img{ border-style: none; vertical-align: top; *vertical-align:middle; /* IE7 */ } /* TITLE HEADER */ div#formSetsContainer div.titleHeaderRow{ background-color: #a8b3c9; clear: both; color: #fff; } /* FORM SET HEADER */ div#formSetsContainer div.formsetHeader{ background-color: #eff0f4; border-bottom: solid 1px #a8b3c9; color: #606060; } /* FORM SET ROW */ div#formSetsContainer div.formsetRow{ color: #606060; border-bottom: solid 1px #eff0f4; height: 100%; /* overflow: auto; <- It shows scrolls in IE8 */ overflow: hidden; } /* For inner formsetRow (i.e.: Repeatable table child elements) */ div#formSetsContainer div.formsetRow div.formsetRow{ border-bottom: 0; border-top: solid 1px #eff0f4; } /* It will correspond to the last form set row. Don't show the border. */ div#formSetsContainer div.formsetRow.last{ border-bottom: 0px; } div#formSetsContainer div.formsetRow div.columnItemB a, div#formSetsContainer div.formsetRow div.columnItemB a:focus{ outline: none; } div#formSetsContainer div.formsetRow div.columnItemB a img{ border-style: none; } div#formSetsContainer div.formsetRow div.columnItemB span.separator{ padding-left: 4px; } div#formSetsContainer div.formsetRow div.columnItemB span.separator2{ padding-right: 4px; } div#formSetsContainer div.formsetRow div.columnItemA.shortFormSetText{ width: 100px; } div#formSetsContainer div.formsetRow div.columnItemA.longFormSetText{ max-width: 280px; } div#formSetsContainer div.formsetRow div.columnItemA.longFormSetTextWrap{ max-width: 280px; line-height: normal; padding-top: 9px; padding-bottom: 2px; } /************************************************************************* * Popup window: *************************************************************************/ div#popup { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; padding: 6px; } div#popup .label{ font-family:Arial,Helvetica,sans-serif; font-size:9pt; } div#popup div.leftColumn { clear: left; left:0px; width: 30%; } div#popup div.rightColumn { left: 30%; width: 65%; /* fix issue with IE7: clearing floats */ } /************************************************************************* * jQuery Tabs: * -> ui-tabs * -> ui-tabs-nav * -> ui-tabs-panel *************************************************************************/ .ui-tabs{ height: auto; } .ui-tabs .ui-tabs-nav{ background: none; border: 0px; height: 23px; padding: 0px; } .ui-tabs .ui-tabs-nav li { max-width: 200px; top: 2px; } .ui-tabs .ui-tabs-nav li:first-child{ margin-left: 10px; } .ui-tabs .ui-tabs-nav li a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-default a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a{ height: 18px; padding-top: 0.1em; padding-bottom: 0.1em; cursor:pointer; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a{ cursor: default; } .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover{ color: #606060 !important; } .ui-tabs .ui-tabs-nav li.ui-state-active { background: url('../images/active_tab_bg.png'); } .ui-tabs .ui-tabs-panel{ border-top: solid 1px #aaa; padding: 4px; } /************************************************************************ * jQuery Widget (override) ***********************************************************************/ .ui-widget { font: normal normal normal 9pt Arial,Helvetica,sans-serif; } .ui-widget-content{ color: #606060; } /************************************************************************ * jQuery Dialogs: * .ui-dialog * .ui-dialog-titlebar * .ui-dialog-title-dialog * .ui-dialog-titlebar-close ************************************************************************/ .ui-dialog .ui-dialog-titlebar { padding: 0.2em 1em 0.2em; } .ui-button-text-only .ui-button-text{ padding: 0 1em; } /************************************************************************* * Tree Table & Key Table (legend) * Used in formset view, profile view *************************************************************************/ table.Tree, table.Key{ background-color: #fff; border: solid 1px #abb8c5; width: 100%; } table.Tree img{ border-width: 0; vertical-align: middle; } table.Tree tr td{ height: 24px; padding:4px; } table.Key tr td{ height: 24px; padding: 4px 0px 4px 10px; white-space: nowrap; width: 60px; } table.Tree tr.Header td, table.Key tr.Header td{ background-color: #a8b3c9; color: #fff; padding: 3px 4px 4px; vertical-align: middle; /* Check lt IE 7; if no effect, remove*/ white-space: normal; } table.Tree tr.FormSetSelected td{ background-color: #eff0f4; } table.Tree td.IndentOne, table.Tree td.Indent1, table.Tree td.IndentTwo, table.Tree td.Indent2, table.Tree td.IndentThree, table.Tree td.Indent3, table.Tree td.Links{ border-bottom: solid 1px #eff0f4; } table.Tree td.IndentOne, table.Tree td.Indent1 { padding-left: 32px; } table.Tree td.IndentTwo, table.Tree td.Indent2{ padding-left: 58px; } table.Tree td.IndentThree, table.Tree td.Indent3 { padding-left: 82px; } table.Tree td.Links{ vertical-align: middle; /* CHECK lt IE 7 */ text-align: right; } table.Tree td.Links a:hover{ text-decoration: underline !important; } table.Tree table.NodeDetails{ width: 100%; } table.Tree table.NodeDetails td.FormsetImages{ width: 60px; } table.Tree table.NodeDetails td.Images{ width: 90px; } table.Tree table.NodeDetails td.Label, table.Tree table.NodeDetails td.Name{ padding-top:8px; text-align:left; } table.Tree table.NodeDetails td.Label{ white-space:normal; width:63px; } table.Tree table.NodeDetails td.Name a:hover{ color: #606060 !important; text-decoration: underline !important; } /************************************************************************ * View Report ************************************************************************/ .viewReportOwnerPanel{ float: right; } .viewReportOwnerPanel span{ display: block; color: #606060; font: normal normal normal 11px Arial,Helvetica,sans-serif !important; margin-bottom: 10px; } .viewReportOwnerPanel input{ display: block; padding: 5px 15px; } /************************************************************************ * Common Style Classes ************************************************************************/ .dateControl{ height: 22px; padding: 0px; margin: 0px; vertical-align: middle; width: auto; } .datebutton{ border-width: 0px; background-image: url(../images/date-control-button-small.gif); color: #666666; font-family: Arial,Helvetica,sans-serif !important; font-size: 9px; height: 20px; margin: 0px; padding: 0px; width: 20px; vertical-align: middle; } /******************************* Date range section *******************************/ .fromDateSection{ float: left; left: 0px; width: 100px; } .dateToText{ float:left; padding-right: 6px !important; width:auto; } .toDateSection{ left:110px; } /******************************************** Layout for columns: - col1 - col2 - col3 - col4 - leftColumn - rightColumn *********************************************/ div.col1, div.col2, div.col3, div.col4, div.rightColumn, div.leftColumn, div.col1FixedWidth { display: inline-block; line-height: 25px; float: left; padding: 0px 4px 4px 0px; } div.rightColumn, div.leftColumn{ padding: 0 4px 0 0; min-height:30px; } div.leftColumn { clear: left; left:0px; width: 30%; } div.rightColumn { left: 30%; width: 68%; /* fix issue with IE7: clearing floats */ } div.col1 { left:0px; width:15%; } div.col2{ left:15%; width:34%; } div.col3{ left:49%; width:15%; } div.col4{ left:64%; width:30%; } div.col1FixedWidth{ width:108px; } /* Custom columns */ #content .middleColumn{ display: inline; font: inherit; height:30px; margin:0px; margin-left:5px; padding: 0px 2px 2px 0px; vertical-align:top; white-space:nowrap; width:8%; } #content .columnEqualSize{ display: block; float:left; line-height:12px; width: 230px; } /****************************** Lists with borders *******************************/ .formSetListWithBorder { border: solid 1px #abb8c5; display: block; float:left; line-height: 16px; margin-bottom: 5px; margin-top: 5px; width:380px; padding-bottom: 5px; padding-right: 20px; white-space: normal; } .formSetListWithBorder a { color: #ff5200 !important; display: block; font-size: 9pt; text-decoration: underline !important; } .scrollableList { height: 116px; overflow-y: scroll; } .MaxHeight116 { max-height: 116px; overflow-y: auto; } /************************************************************* Common styles - checkbox list Used for e.g. status lists on search *************************************************************/ .checkBoxList, .checkBoxListWithBorder, .checkBoxListWithBorderAndWidth { display:block; line-height: 20px; margin-bottom: 5px; overflow:auto; padding-bottom: 5px; white-space: normal; } .checkBoxListWithBorder, .checkBoxListWithBorderAndWidth{ border: 1px solid #abb8c5; margin-bottom:5px; margin-top:5px; } .checkBoxListWithBorder .divWithSmallMargin, .checkBoxListWithBorderAndWidth .divWithSmallMargin{ margin: 0px 5px 5px 5px; } .checkBoxList TD, .checkBoxListWithBorder TD, .checkBoxListWithBorderAndWidth TD { white-space: nowrap; vertical-align:middle; } .checkBoxList TR, .checkBoxListWithBorder TR , .checkBoxListWithBorderAndWidth TR{ display: block; line-height: 16px !important; white-space: nowrap; vertical-align: top; } .checkBoxList TR LABEL, .checkBoxListWithBorder TR LABEL, .checkBoxListWithBorderAndWidth TR LABEL { display:block; float:left; white-space: nowrap; vertical-align:middle; padding-left: 4px; padding-top:1px; } .checkBoxList TR A, .checkBoxListWithBorder TR A, .checkBoxListWithBorderAndWidth TR A { float:left; white-space: nowrap; vertical-align:middle; } .checkBoxList TR INPUT, .checkBoxListWithBorder TR INPUT, .checkBoxListWithBorderAndWidth TR INPUT { float:left; } .checkBoxListWithBorderAndWidth{ width:400px; } .statusList TD{ width:200px; } /* It used to be in FormSetGeneratorStyles.css */ .AlwaysVisible { color:Black; right: 10px; z-index:99999; background-color:rgb(255,82,0); position:absolute; border:solid; border-width:0px; top:10px; top:10; _top:expression(eval(document.body.scrollTop+10)) } /***************************** Common styles *****************************/ span.pageHeading { clear: both; color: #b40021; display: block; font: normal bold 11pt Arial,Helvetica,sans-serif; margin-bottom: 20px; } span.subHeading { clear: both; color: #b40021; display: block; font-weight:bold; } .formLabel, .formLabelItalic{ padding: 2px; } .formLabelItalic{ font-style:italic; } .descriptionText{ clear: both; color: #606060; display: block; font-family:Arial,Helvetica,sans-serif; font-size:9pt; margin-bottom: 18px; } .displayInline{ display: inline; } span.mandatory{ color: Red; vertical-align: top; } #errorSpan{ display:block; line-height:16px !important; } .errorText{ font-weight: bold; margin-bottom: -2px !important; } div.deletedMessage{ border:solid 1px #b40021; padding:3px; margin-bottom: 10px; } .left, .separatedDiv, .furtherSeparatedDiv{float: left;} .right {float: right;} .top {top: 0;} .separatedDiv{ padding-bottom:1px; } .furtherSeparatedDiv{ padding-bottom:7px; } .displayNone{ display: none; } .clear, .clearColumns{ clear: both; display: block; } .clear:after { content: "."; height: 0; clear: both; visibility: hidden; } .clearRight{ clear: right; } .clearLeft{ clear: left;} .block {display: block;} .noOverlap{ overflow: hidden; } .smallSpacer{ padding: 0px; margin: 0px; display: block; clear: both; height: 1px; } .smallishSpacer{ padding: 0px; margin: 0px; display: block; clear: both; height: 5px; } .mediumSpacer{ padding: 0px; margin: 0px; display: block; clear: both; height: 10px; } .example{ background-color: #FBF9EE; border:1px solid #FCEFA1; } /* Input[type=text] */ .dateTextBoxShort, .textBox, .textBoxTwoDigit, .textBoxShort, .textBoxLarge, .textBoxVeryLarge, .textBoxMulti, .textBoxMultiLong, .textBoxMultiLarge, .textBoxMultiVeryLarge, .textBoxMedium{ border: 1px solid #abb8c5; color: #606060; font: normal normal normal 9pt Arial,Helvetica,sans-serif !important; height: 18px; margin: 0px; padding: 0px 1px; vertical-align: bottom; } .textBox { width: 200px; } .textBoxTwoDigit { width: 20px; } .textBoxShort, .dateTextBoxShort { width: 70px; } .textBoxMedium { width: 170px; } .textBoxLarge { width: 300px; } .textBoxVeryLarge { width: 100%; } .textBoxMulti{ height:80px; width: 200px; } .textBoxMultiLong{ height:160px; width: 200px; } .textBoxMultiLarge{ height:80px; width: 300px; } .textBoxMultiVeryLarge{ height:160px; width: 400px; } .textBoxMultiReadOnly{ border: none 0px; color: #606060; height:20px; font: normal normal normal 9pt Arial,Helvetica,sans-serif !important; overflow-y:auto; width: 200px; } .comboBox, .comboBoxVariable, .comboBoxShort, .comboBoxLarge, .comboBoxVeryLarge{ border: 1px solid #abb8c5; color: #606060; font: normal normal normal 9pt Arial,Helvetica,sans-serif !important; height: 20px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: bottom; } .comboBox { width: 204px; } .comboBoxVariable { } .comboBoxShort { width: 100px; } .comboBoxMedium { width: 150px; } .comboBoxLarge { width: 300px; } .comboBoxVeryLarge { width: 100%; } .button, .buttonWithoutMargin, .buttonLarge, .buttonExtraLarge{ border-width:0; color:#000000; font: normal normal normal 9pt Arial,Helvetica,sans-serif !important; height:30px; margin-top:10px; padding-bottom:0.2em; width:82px; } .button, .buttonWithoutMargin{ background-image:url("../images/blue-form-button.gif"); width:82px !important; } .buttonLarge{ background-image: url(../images/blue-form-button-large.gif); width: 117px !important; } .buttonExtraLarge{ background-image: url(../images/blue-form-button-extra-large.gif); width: 147px !important; } .smallishButton{ background-image: url(../images/blue-form-button-smallish.gif); border: none 0px; color: #000; font-size: 1em; height: 24px; margin: 0px; padding: 0px; width: 66px !important; } .mandatoryCheckBoxStar{ color: Red; display: block; float: right; padding: 0.2em 0; } div.mandatoryCheckBoxPanel{height:1.7em;} div.mandatoryCheckBoxPanel label{margin-right:2.3em;} div.mandatoryCheckBoxPanel input{padding: 0.2em 0;} /*TEMPORARY HACK FOR TABLE#GRID>TR.HEIGHT=16PX */ table.grid tr{height:25px;} /********************************************* List **********************************************/ #List { BORDER: #abb8c5 0px solid; BACKGROUND-COLOR: #ffffff; width:100% } #List TABLE.List { BACKGROUND-COLOR: #ffffff; BORDER: #abb8c5 1px solid; width:100%; } #List TABLE.List TD{ BORDER: #abb8c5 1px solid; padding: 4px; } #List TR.Header TD { BACKGROUND-IMAGE: url(../images/blue-subheading-background.jpg); BORDER-LEFT: #fffac3 1px solid; BORDER-RIGHT: #fffac3 1px solid; color: #666666; PADDING-BOTTOM: 3px; PADDING-TOP: 4px; } #List .gridViewHeaderRow{ background-color: #a8b3c9; color:#ffffff; padding-bottom: 3px; padding-top:4px; vertical-align:middle; text-align: center; } #List .gridViewHeaderRow TD { background-color: #a8b3c9 !important; color:#ffffff; } #List .gridViewHeaderRow a:link { color:#ffffff; } #List .gridViewHeaderRow a:hover { text-decoration : underline; } #List tr.RowAlt { BACKGROUND-COLOR: #f0f0f0; } #List TR.Row TD { COLOR: #666666; } #List TR.RowAlt TD { BACKGROUND-COLOR: #eff0f4; COLOR: #666666; } #List .gridViewListFooterRow{ BACKGROUND-IMAGE: url(../images/blue_pager_background.gif); BORDER-BOTTOM: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; BORDER-RIGHT: #abb8c5 1px solid; COLOR: #666666; height:20px; padding: 4px 0px 0px 0px; TEXT-ALIGN: center; WHITE-SPACE: nowrap; } #List .gridViewListFooterRow A { TEXT-DECORATION: none; } #List .gridViewListFooterRow A:link { color: #ff5200; text-decoration:underline; } #List .gridViewListFooterRow A:visited { color: #ff5200; text-decoration:underline; } #List .gridViewListFooterRow A:hover { color: #ff5200; text-decoration: none; } #List .gridViewPrevLink, .gridViewNextLink{ display:inline; padding: 0px 1px 0px 1px; position:relative; width:20px; } /* Fix to get paging displaying correctly on report search */ #List .gridViewListFooterRow TABLE, .gridViewListFooterRow TD { width: auto !important; border: none !important; background-color: Transparent !important; text-align: center !important; margin:auto; } #List TH { /*background-image: url(../images/blue-subheading-background.jpg); */ background-repeat:repeat-x; background-position:bottom; border: #abb8c5 1px solid; color: #FFFFFF; font: normal normal normal 9pt Arial,Helvetica,sans-serif; PADDING:6px 6px 6px 6px; vertical-align:middle; text-align:center; white-space:normal; } #List TH A { TEXT-DECORATION: none; } #List TH A:link { color: #FFFFFF; text-decoration:none; } #List TH A:visited { color: #FFFFFF; text-decoration:none; } #List TH A:hover { color: #FFFFFF; text-decoration: underline; } .ListCentreAligned{ text-align:center; } #List TD A, .ListCentreAligned TD A { TEXT-DECORATION: none; } #List TD A:link, .ListCentreAligned TD A:link { color: #666666; text-decoration:underline; } #List TD A:visited, .ListCentreAligned TD A:visited { color: #666666; text-decoration:underline; } #List TD A:hover, .ListCentreAligned TD A:hover { color: #FF5200; text-decoration: underline; } #List .pagerNumberHyperLinks{ display:inline; padding: 0px 1px 0px 1px; position:relative; width: 10px; } #List .gridViewLinkLabel { width: 200px; padding:2px 2px 2px 2px; color:Blue; text-decoration:underline; outline:0px; border-width:0px; } #List .tableListFooterRowLeftDiv{ float:left; margin-top:2px; vertical-align:middle; } #List .tableListFooterRowRightDiv{ float:right; width:48px; } #List .tableListRowAfterFooter{ TEXT-ALIGN: left; BORDER-BOTTOM: #abb8c5 1px solid; BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; padding: 4px 4px 4px 4px; WHITE-SPACE: nowrap; height: 26px; } #List .tableListRowAfterFooterLabel{ width: auto; text-align: right; } /* CONTENT - DEFAULT STYLES FOR HTML CONTROLS ON FORMS PANE */ div#forms { background-color: #fff; border: 1px solid #abb8c5; color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 0px; min-width: 700px; padding:6px; position: relative; /* Required for horizontal scrollbars in IE7 */ } div#forms h2 { background-image: url(../images/blue-subheading-background.jpg); width:100%; color: #666666; height: 24px; margin: 0px; padding-top: 6px; padding-left: 8px; font: normal normal normal 14px Arial,Helvetica,sans-serif; border-top: 1px solid #ffe495; } div#forms h3 { color: #b40021; font: normal normal normal 12px Arial,Helvetica,sans-serif; margin: 8px; padding-top: 8px; border-top: 1px solid #abb8c5; } div#forms p { padding-bottom: 8px; margin: 8px; } div#forms .first { border-top: 0px; margin: 8px; } div#forms p, div#forms .form { margin: 22px; border: none 0px; } div#forms .form td { padding: 2px 15px 2px 2px; } /* This style is not named .button so form buttons don't take the non-form button style. */ div#forms .formButton { width: 117px !important; height: 30px; font-size: 0.95em !important; padding-bottom:.2em; color: #000000; border-width: 0px; background-image: url(../images/blue-form-button-large.gif); } div#forms .tableControlButton { background-color: #EEEFF1; background-image: url(../images/blue-form-button-no-border.gif); border: 1px solid #EEEFF1; color: #000000; font-size: 0.9em; height:22px; padding-bottom:0.2em; padding-left:0.5em; padding-right:0.5em; padding-top:0.2em; } /* Control formatting while in ReadOnly Mode; e.g.: View Firm Profile */ div#forms span.contentReadonlyMode .textbox, div#forms span.contentReadonlyMode .numberbox, div#forms span.contentReadonlyMode .dateinput, div#forms span.contentReadonlyMode .selectbox { border-width:0px; padding:1px; } div#forms .table { overflow:visible; } div#forms TR { } div#forms TD { padding: 6px 6px 6px 6px; font: normal normal normal 11px Arial,Helvetica,sans-serif; overflow: visible; } div#forms .checkbox { border-width: 0px; height:16px; } div#forms .dateinput, .highlightedDateInput{ border: 1px solid #abb8c5; width: 90px; min-height:16px; } div#forms .datebutton { width: 20px; height: 20px; font-size: 9px; color: #666666; border-width: 0px; background-image: url(../images/date-control-button-small.gif); margin-left:3px; } div#forms .grid{ width:100%; } div#forms .numberbox, .highlightedNumberbox{ border: 1px solid #abb8c5; min-height: 16px; letter-spacing: 0px; margin: 0px; } div#forms .radioButtonTable TR{ height:auto; } div#forms .radiobutton { border-width: 0px; height:16px; } div#forms .radioButtonSetText{ padding:3px 3px 3px 0px; } div#forms .radioButtonSetButton{ padding:3px 0px 3px 3px; } div#forms .selectbox{ border:1px solid #abb8c5; } div#forms .textarea, .highlightedTextArea { border: 1px solid #abb8c5; width: 200px; height:76px; display:inline; } div#forms .textbox, .highlightedTextbox { border: 1px solid #abb8c5; width: 160px; min-height: 16px; } div#forms .bigtextbox { border: 1px solid #abb8c5; width: 320px; min-height: 16px; } div#forms .dropDownList { width: 300px; } div#forms .label { font-weight: bold; } div#forms .mandatoryStar, #fileupload .mandatoryStar{ color: #ff0000; font-family: Arial; font-size: 12pt; vertical-align: top; margin-left:1px; white-space:nowrap; } div#forms .disabledControl { background-color:#EEEEEE; } div#forms .calculatedValueControl { background-color:#EEEEEE; } div#forms .disabledSelectBox { background-color:#EEEEEE !important; } div#forms .calculatedValueSelectBox { background-color:#EEEEEE !important; } /* Hack to disable grey background for Dynamic Texts and radio buttons */ div#forms span.calculatedValueControl{ background-color: transparent !important; } /* Always display the background of a radio button as transparent */ div#forms input.radiobutton{ background-color: transparent !important; } /* Always display the background of a checkbox as transparent */ div#forms input.checkbox{ background-color: transparent !important; } div#forms table.dimensionalList, div#forms table.dimensionalListBody{ border: solid 1px #abb8c5; border-collapse: collapse; overflow:visible; } div#forms table.dimensionalList tr, div#forms table.dimensionalListBody tr{ border: solid 1px #abb8c5; border-collapse: collapse; overflow:hidden; } div#forms table.dimensionalList tr.even, div#forms table.dimensionalListBody tr.even{ background-color: #EEEEEE; } div#forms table.dimensionalList tr td, div#forms table.dimensionalListBody tr td{ border: solid 1px #abb8c5; border-collapse: collapse; text-align:left; overflow:hidden; } div#forms table.dimensionalList tr td.columnheader, div#forms table.dimensionalListBody tr td.columnheader { background-color: #FFFFFF !important; } div#forms table.dimensionalList tr td.numbervalue, div#forms table.dimensionalListBody tr td.numbervalue{ text-align: center; vertical-align: middle; } div#forms table.dimensionalList tr td input, div#forms table.dimensionalListBody tr td input{ text-align:right; padding-right: 1px; font-family: Arial; color: #000000; font-size: 10pt; } div#forms div.dataTables { border: 1px solid #FFFFFF; width: 100%; } /************************************************************************ Classes for highlighting invalid / incomplete controls. Note that the text area requires it's own class as it resizes itself when switching between highlighted / unhighlighted. ************************************************************************/ div#forms .highlightedControl, .highlightedTextArea, .highlightedTextbox, .highlightedDateInput, .highlightedNumberbox, .highlightedSelectbox { border-style: solid; border-width: 1px; border-color: #ff6347 !important; /*tomato color*/ } div#forms .unHighlightedControl{ border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent; } form#AsyncUploadForm .highlightedControl { border-style: solid; border-width: 1px; border-color: #ff6347 !important; /*tomato color*/ } form#AsyncUploadForm .unHighlightedControl{ border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent; border-right-color:transparent; } /* PRINTING */ @media print { #ContentList { background-color: #fff; border-width: 0px; margin: 0px; } #ContentList TD { font: normal normal normal 11px Arial,Helvetica,sans-serif; } #List table { BACKGROUND-COLOR: #ffffff; BORDER: #abb8c5 1px solid; width: 100%; } #List TD { height:24px; PADDING:6px; vertical-align:middle; } #List tr { BORDER-TOP: #abb8c5 1px solid; } #List tr.RowAlt { BACKGROUND-COLOR: #f0f0f0; } #List TR.Row TD { BORDER: #abb8c5 1px solid; COLOR: #666666; } #List TR.RowAlt TD { BACKGROUND-COLOR: #eff0f4; BORDER: #abb8c5 1px solid; COLOR: #666666; } #List tr.Header td { BACKGROUND-COLOR: #d3d3d3; background-image: none; BORDER-RIGHT: #abb8c5 1px solid; BORDER-LEFT: #abb8c5 1px solid; color: #666666; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-TOP: 4px; } body { background-color: #ffffff; background-image: none; } h3 { color: #666666; font-weight:bold; } div.noPrint { display: none; } #top { display: none; } #heading { display: none; } } /********************************************* CAPTCHA Widget **********************************************/ #recaptcha_widget, #recaptcha_widget #recaptcha_image, #recaptcha_widget #recaptcha_response_field{ border: solid 1px #ccc; } #recaptcha_widget { padding: 3px; width: 339px; } #recaptcha_widget #recaptcha_image, #recaptcha_widget #recaptcha_response_field{ margin: 3px; } #recaptcha_widget .buttonContainer { margin: 8px 3px 0; } #recaptcha_widget .action, #recaptcha_widget .action img{ border: 0; margin:0; padding:0; } #recaptcha_widget .button{ margin-top: 0px !important; } /* Styles for the telephone control. */ .phoneNumberTextBoxSmall, .phoneNumberTextBoxLarge{ border: 1px solid #abb8c5; display:inline; font: normal normal normal 11px Arial,Helvetica,sans-serif; height: 16px; margin-top: 2px; padding-left: 1px; padding-right: 1px; vertical-align: middle; } .phoneNumberTextBoxSmall{ width: 52px; } .phoneNumberTextBoxLarge{ width: 81px } .phoneNumberLabelDivSmall, .phoneNumberLabelDivLarge{ clear:none; float:left; height: 16px; margin-right:3px; padding: 1px; text-align:left; vertical-align:top; } .phoneNumberLabelDivSmall{ width: 54px; /* 52px + 2px instead of borders. */ } .phoneNumberLabelDivLarge{ width: 83px; /* 81px + 2px instead of borders. */ } .phoneNumberLabel{ display:block; font: normal normal normal 9px Arial,Helvetica,sans-serif; margin: 0px; text-align: center; vertical-align: middle; } /* Modal popup styles - (e.g. Role Info Panel Control) */ div.modalBackground { z-index: 1000; background-color: #000000; filter: alpha(opacity=10); opacity: 0.6; display: block; } div.modalPopup { z-index: 1999; vertical-align: middle; background-color: #ffffff; border-width: 2px; border-style: solid; border-color: Gray; width: 250px; height: 95px; text-align: left; background: url(../Images/beige-gradient.jpg); background-repeat: repeat-x; } div.modalPopup .modalText { color: #000000; font-family: Arial; background: inherit; } div.modalPopup .modalButton { width: 82px; height: 30px; font-size: 1em; padding-bottom:.2em; border-width: 0px; margin-top: 10px; color: #000000; background-image: url(../images/blue-form-button.gif); } div.modalPopup .popupHeader{ cursor:move; width: 100%; height: 22px; background-image: url(../images/new-background.jpg); background-repeat: repeat-x; border-top: 1px solid #abb8c5; border-bottom: 1px solid #6b8299; white-space:nowrap; margin-bottom:5px; float: left; } div.modalPopup .popupHeader .title{ font-family:Tahoma,Arial,Verdana,Sans-Serif; font-size:8pt; font-weight:bold; color:#606060; float:left; padding:4px 5px; } div.modalPopup .popupHeader .buttons{ float:right; padding-right:1px; cursor: pointer; } div.modalPopup .ajax__tab_header{ float:left; } div.modalPopup .ajax__tab_tab{ height: 20px !important; padding: 0px !important; } div.modalPopup .ajax__tab_body{ float: left; width: 95%; } /**************************************************** Role info panel control *****************************************************/ #formSetDivTabPanel, #reportSetDivTabPanel, #webAccessDivTabPanel, #workflowDivTabPanel { background-repeat: no-repeat; background-position: right center; color:#606060; font-family:Arial,Helvetica,sans-serif; font-size:9pt; height: 100%; min-height:150px; text-align: left; width: 100%; } #formSetDivTabPanel p, #reportSetDivTabPanel p, #webAccessDivTabPanel p, #workflowDivTabPanel p { margin-top:0px; } #formSetDivTabPanel{ background-image: url('../images/formsets_bg.png'); } #reportSetDivTabPanel{ background-image: url('../images/reportsets_bg.png'); } #webAccessDivTabPanel{ background-image: url('../images/webaccess_bg.png'); } #workflowDivTabPanel{ background-image: url('../images/workflow_bg.png'); } /* Repeater styles */ .repeaterLinkButton{ color:#b40021; text-decoration:none; } .repeaterLinkButton span:Hover{ color:#b40021; text-decoration:underline; } .horizontalRepeaterDiv{ display: inline; margin-bottom:2px; white-space: normal; } .repeaterHeaderRow{ background-color: #ABB3C9; border-bottom:#abb8c5 1px solid; border-collapse:collapse; border-left:#abb8c5 1px solid; border-right:#abb8c5 1px solid; border-top: #abb8c5 1px solid; display:table-row; font: normal normal normal 9pt Arial,Helvetica,sans-serif; height:24px; table-layout:fixed; vertical-align:middle; white-space:nowrap; } .repeaterFirstHeaderCell, .repeaterRegularHeaderCell{ color: #FFFFFF; display:inline; margin:0px; padding: 6px 6px 6px 6px; text-align:left; vertical-align:middle; } .repeaterRegularHeaderCell{ border-left: #abb8c5 1px solid; } .repeaterFirstHeaderCell{ width:60%; } .repeaterRegularRow, .repeaterPagerRow{ border-collapse:collapse; border-right:#abb8c5 1px solid; border-left:#abb8c5 1px solid; border-bottom:#abb8c5 1px solid; border-spacing:0px; border-top: #abb8c5 1px solid; border-top: 0px; display:table-row; height:36px; margin:0px; padding:0px; } .repeaterPagerRow{ padding-top:10px; text-align:center; vertical-align:middle; } .repeaterFirstCell, .repeaterRegularCell{ border-bottom:0px; border-collapse:collapse; border-spacing:0px; border-top:0px; display:inline; height:35px; margin:0px; padding: 6px 6px 6px 6px; text-align:left; vertical-align:middle; white-space:normal; } .repeaterFirstCell{ width:60%; } .repeaterRegularCell{ border-left: #abb8c5 1px solid; } .repeaterHeaderLink { color: #FFFFFF; text-decoration:none; } .repeaterHeaderLink:hover { color: #FFFFFF; text-decoration:underline; } /* BACK LINK*/ .back{ color: #ff5200 !important; display: block; font-size: 9pt; margin-top: 10px; text-decoration: underline !important; } .back:hover{ text-decoration: none !important; } /* FILE UPLOAD IFRAME */ #fileupload{ background-image:none; } #fileupload .mandatoryStar{ left:82px; position:absolute; top:0px; } #fileupload a{ color:blue !important; font-size:120% !important; text-decoration:underline !important; } #fileupload span.cabinet{ display: block; left:0px; height: 30px; position:absolute; overflow: hidden; top:0px; width: 82px; } #fileupload span.cabinet input.file{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); height: 100%; position: relative; -moz-opacity: 0; opacity: 0; width: auto; } #fileupload .addFileButton{ left:0px; position:absolute; top:0px; } #fileupload .addFileButton, #fileupload .addFileButtonBuilder{ background: url(../images/blue-form-button.gif) 0 0 no-repeat; height: 30px; margin-top:0px; padding-top:0px; width: 82px; } #fileupload .addFileButton td, #fileupload .addFileButtonBuilder td{ font-family:Arial; font-size:7pt; text-align:center; vertical-align:middle; } .disabledFileUploadLink { text-decoration: none !important; cursor: text; color: #606060 !important; } /*********************************************************************** Auto complete extender used for entity name drop down list. ************************************************************************/ .autocomplete_completionListElement { background-color: window; border: 1px solid #abb8c5; color: #606060; cursor:default; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; line-height: 14px; list-style-type:none; margin-top: 0px; margin-left:0px; overflow:hidden; padding-left:0px; text-indent:3px; width: 300px !important; min-width: 300px !important; } /* AutoComplete highlighted item */ .autocomplete_highlightedListItem{ background-color:Highlight; border:1px dotted #abb8c5; color:Window; white-space: nowrap; } /* AutoComplete item */ .autocomplete_listItem { border:1px dotted window; white-space: nowrap; } /********************************************************* Css for form validation errors pages **********************************************************/ #submitAnywayDiv { border: solid 1px tomato; clear: both; display: block; font-weight: bold; padding: 5px; font-family:Arial; } .popupBody{ overflow:visible; } /*********************************************************************** Checkbox list for displaying report sets ************************************************************************/ .reportSetList { border: 1px solid #abb8c5; height: 116px; margin-bottom: 5px; margin-top:5px; overflow-y: scroll; width:400px; } .reportSetList .reportSetCheckBoxList { display:block; padding-bottom: 5px; white-space: normal; } .reportSetList .reportSetCheckBoxList TR{ display: block; line-height: 19px !important; vertical-align: top; } .reportSetList .reportSetCheckBoxList TD{ vertical-align:top; width:200px; } .reportSetList .reportSetCheckBoxList LABEL { display:block; vertical-align:top; padding-left: 4px; } .reportSetList .reportSetCheckBoxList INPUT { float:left; } /*********************************************************************** Class for file upload history image. ************************************************************************/ .uploadHistoryImage{ margin-bottom:-8px; border:0px; } /************************************************************************* * Comment Container ************************************************************************/ .commentsContainer { width: 100%; height: 100%; margin-bottom: 10px; } .commentsFileUploadDiv{ display: inline; float: left; margin-top: 9px; } .commentsFileUploadInnerDiv{ float: left; } .commentsFileUploadButtonDiv{ float: right; text-align: right; } .removeFileLink { display: inline; text-decoration: none; border: 0; cursor: pointer; } .removeFileDivVisibleTrue { float: right; margin-top: 0px; display: inline-table; text-decoration: none; border: 0; } .removeFileDivVisibleFalse { margin-top: 9px; display: none; text-decoration: none; border: 0; } .commentTextArea, .commentTextAreaInactive { color: #606060; font-size: 22px; line-height: 20px; height: 20px; margin: 0 0 5px; padding: 3px; } .commentTextAreaInactive { color: #999; } .actionHeading { color: #888; font-weight: bold; font-size: 10pt; } .commentDate { color: #888; display: block; font-family: Arial; font-size: 9pt; margin-bottom: 4px; padding-left: 10px; } div.commentContainer, div.systemCommentContainer{ clear: both; height: auto; font-family: Tahoma, Helvetica, Arial; font-size: 12px; margin-bottom: 12px; margin-left: 18px; overflow: auto; padding: 0 5px 5px; width: 657px; } div.commentContainer{ background-color: #f4faff; border: solid 1px #d0e1ea; } div.systemCommentContainer { background-color: #fff4f4; border: solid 1px #edd5d5; } div.commentContainer > div.topLine, div.systemCommentContainer > div.topLine, div.commentContainer > div.middleLine, div.systemCommentContainer > div.middleLine{ clear:both; height: 24px; width: 100%; } /* CONTAINER -> TOPLINE */ div.commentContainer > div.topLine, div.systemCommentContainer > div.topLine{ line-height: 32px; } /* CONTAINER -> TOPLINE -> NAME */ div.commentContainer > div.topLine > div.name, div.systemCommentContainer > div.topLine > div.name{ color: #797ab7; float: left; font-size: 10pt; font-weight: bold; padding-right: 6px; } /* CONTAINER -> TOPLINE -> TIME */ div.commentContainer > div.topLine > div.time, div.systemCommentContainer > div.topLine > div.time{ color: #999; float: left; font-size: 8pt; padding-right: 6px; } /* CONTAINER -> TOPLINE -> NOTIFY */ div.commentContainer > div.topLine > div.notify, div.systemCommentContainer > div.topLine > div.notify{ display: none; float: right; text-align: right; width: 100px; } /* CONTAINER -> TOPLINE -> NOTIFY's INPUT*/ div.commentContainer > div.topLine > div.notify input, div.systemCommentContainer > div.topLine > div.notify input{ background-image: url(../images/blue-form-button-smallish.gif); border: none 0px; color: #000; font-size: 1em; height: 24px; margin: 0px; padding: 0px; width: 66px !important; } /* CONTAINER -> MIDDLELINE */ div.commentContainer > div.middleLine, div.systemCommentContainer > div.middleLine{ height: auto; overflow: visible; width: 96%; } /* CONTAINER -> MIDDLELINE -> COMMENT */ div.commentContainer > div.middleLine > div.comment, div.systemCommentContainer > div.middleLine > div.comment{ clear: both; color: #777; display: block; font-size: 9pt; padding-right: 6px; padding-top: 5px; padding-bottom: 5px; width: 100%; } /* CONTAINER -> MIDDLELINE -> COMMENT SUBHEADING */ div.commentContainer > div.middleLine > div.commentSubHeading, div.systemCommentContainer > div.middleLine > div.commentSubHeading{ color: #797AB7; font-size: 9pt; margin-bottom: 3px; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER */ div.commentContainer > div.middleLine > div.fileContainer, div.systemCommentContainer > div.middleLine > div.fileContainer{ clear: both; height: auto; line-height: 20px; margin-top: 3px; margin-bottom: 10px; overflow: auto; vertical-align: middle; width: 100%; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILEICON */ div.commentContainer > div.middleLine > div.fileContainer > div.fileIcon, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileIcon{ float: left; line-height: 24px; vertical-align: middle; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILENAME */ div.commentContainer > div.middleLine > div.fileContainer > div.fileName, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileName{ color: #666; vertical-align: middle; } /* CONTAINER -> MIDDLELINE -> FILECONTAINER -> FILEHASH */ div.commentContainer > div.middleLine > div.fileContainer > div.fileHash, div.systemCommentContainer > div.middleLine > div.fileContainer > div.fileHash{ color: #666; vertical-align: middle; clear: left; } /* CONTAINER -> NOTIFIED USERS */ div.commentContainer > div.notifiedUsers { clear: both; color: #999999; font-size: 8pt; } div.commentContainer > div.notifiedUsers span { font-size: 8pt !important; } /* Comments File Upload - (Supervision only) */ #fileupload .commentsFileUploadImage{ cursor: pointer; float: left; } #fileupload .commentInputDiv{ height: 26px; } #fileupload .commentUploadForm{ visibility: hidden; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .commentEditLink { text-decoration: underline !important; cursor: pointer !important; } .commentEditDiv { float: right; } /*********************************************************************** Class for add comments link (Portal only). ************************************************************************/ .viewCommentsLink{ float: right; } .viewCommentsLabel{ float: right; margin:5px; } /*********************************************************************** Class for digital signature panel (Portal only). ************************************************************************/ .returnInformationPanel{ height:30px; } /********************************************************* Custom css for Portal Create Return page - (Portal only) **********************************************************/ .checkBoxListFloatToLeft{ float:left; margin-right:5px; } /********************************************************* Custom css for Portal Public Form page - (Portal only) **********************************************************/ .publicFormsDiv{ border:0px none !important; } /********************************************************* Custom css for XML Specs - (Portal only) **********************************************************/ div#formSetsContainer .specModeNameSpan, div#formSetsContainer .specModeNameSpan a{ color: Blue !important; font-style: italic; font-size: 11px; } .specFont { color: blue !important; font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-style:italic; } .tableHighlight { background-color: #EEEEEE; } .tableCaption { text-align: left; } /****************************************************************************** Specific settings for upload success message on transform page - (Portal only) *******************************************************************************/ .asyncUploadSpan { color: #606060; font-size: 10pt; font-family: Arial,Helvetica,sans-serif; } /*************************************************************************************** DevExpress CSS Style Override ****************************************************************************************/ .devExpressFolder { min-width: 160px; } /****************************************************************************** Css specific for View Upload History page *******************************************************************************/ div.ViewUploadHistory_DisplayFileHashDiv { display: none; border-style: solid; border-color: #FF5200; border-width: 1px 0 1px 0; } span.ViewUploadHistory_DisplayFileHashSpan { color: #FF5200; } input.ViewUploadHistory_ShowHideHashBtn { width: 100%; } span.ViewUploadHistory_displayErrorMsgSpan { color: Red; } /********************************************************* Custom css for Portal View Edit User page - (Portal only) **********************************************************/ .disableme{ font-style: italic; } /********************************************************* Css for Progress Bar and its messages **********************************************************/ .progressBarMsgdiv { clear: both; color: #606060; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; line-height: 18px; border: 1px solid #ABB8C5; padding-left: 6px; padding-right: 6px; padding-bottom: 6px; padding-top: 6px; margin-bottom: 10px; margin-top: 10px; } .popup_hidden{ display: none; }