@import url("ej-newui.css"); /*****************************************************************************/ /* This is the style sheet for the Electronic Jacket Application. */ /* Author: PMcB | Booz Allen */ /* Date : October 2005 */ /*---------------------------------------------------------------------------*/ /* Change log. */ /* Date | Changed by | Description of change */ /*---------------------------------------------------------------------------*/ /* 508 scripts and aplets: http://www.access-board.gov/sec508/guide/1194.22.htm */ /* 508 compliant forms: http://www.w3.org/TR/html4/interact/forms.html#h-17.4 */ /* CSS: http://www.w3.org/TR/REC-CSS1 */ /*****************************************************************************/ /* Elements and Contextual Elements */ .infobar { font-family: verdana, arial, helvetica, sans-serif; font-size:10pt; color: #003366; Background-color : #999999; } .normal-txt { font-size:100%; font-family: verdana, arial, helvetica, sans-serif; color:#000000; font-style:normal; background-color: #FFFFFF; } .docsummarytable { border: 1px solid #8799cb; } .docsummarysectiontitle { background-color: #8799cb; background-image: url(../images/login/login-fade.gif); background-repeat: no-repeat; font-size: 95%; font-family: verdana, arial, helvetica, sans-serif; color: #ffffff; height: 20px; font-weight: bold; text-decoration: none; } .newDocsummarysectiontitle { background-color: #003366; background-image: url(../images/login/login-fade.gif); background-repeat: no-repeat; font-size: 95%; font-family: verdana, arial, helvetica, sans-serif; color: #ffffff; height: 20px; font-weight: bold; text-decoration: none; } body { background: #ffffff; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } body.login { background-color: #7c8ec5; } a:hover { background-color: #d4eec0; color: #294495; } p,ol,li,blockquote { font-size: 70%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } /* JIRA EJ26 - Advisory font display issues */ #advfont p,ol,li,blockquote{ font-size: 100%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } #justification_show_whole_0 strong p, span.eleven5px{ font-size: 11.5px; } ul { font-size: 100%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } ol ol,ul ol,ol ul,ul p,ol p,li p,p p,ol li { font-family: verdana, arial, helvetica, sans-serif; font-size: 100%; } .imagealign{/*March 2011 updated*/ vertical-align: text-bottom; /*middle*/ margin-right: 4px; border: none; } .right{/*March 2011 updated*/ float: right; } div.center {margin: 0 auto;} /*Pat McBride 6/28/11*/ .boxalign{/*Feb 2011 added*/ vertical-align: middle; /*middle*/ } .titlesub1-black{/*Feb 2011 added, Pat McBride 6/28/11*/ margin: 0px 0 0px 0; font-size: 14px; font-weight: bold; color: #000; } .titlesub1-whitestep{/*March 2011 updated*/ margin: 0px 0 0px 0; padding: 4px 0 0 0px; font-size: 13px; font-weight: bold; color: #fff; display: inline; } .gray{color: #333}/*March 2011 added*/ .ital{font-style:italic}/*March 2011 added*/ .bold{font-weight:bold}/*March 2011 added*/ .rulegray {/*March 2011 added*/ border-top:1px solid #999; margin:10px 0 0 0; width: 100%; font-size:8px;} div.step-title{/*Pat McBride 6/28/11 updated*/ display: block; float:left; background-image: url(../images/step-background2.gif); background-position:left; background-repeat:no-repeat; width: 69px; height: 23px; color: #fff; margin: 0 4px 3px 0px; padding: 4px 0 0 12px; text-align:left; } h1,a h1 { font-size: 110%; font-family: verdana, arial, helvetica, sans-serif; color: #294495; /**/ font-weight: bold; text-decoration: none; margin-bottom: 0%; } h2,a h2 { font-size: 103%; font-family: verdana, arial, helvetica, sans-serif; color: #003399; /**/ font-weight: bold; text-decoration: none; margin-bottom: 0%; } h3,a h3 { font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #0000ff; font-weight: bold; text-decoration: none; margin-bottom: 0%; } td { font-family: verdana, arial, helvetica, sans-serif; color: #000000; } th { background-color: #d7d6d6; /*efefef*/ font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } /* Classes and Contextual Classes */ /* Alternates for H classes - deprecated - use H classes for accessibility */ a.title,.title { font-size: 126%; font-family: verdana, arial, helvetica, sans-serif; color: #294495; /**/ font-weight: bold; text-decoration: none; } .titlesub1 { font-size: 103%; font-family: verdana, arial, helvetica, sans-serif; color: #003399; /**/ font-weight: bold; text-decoration: none; } .titlesub2 { font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #0000ff; font-weight: bold; text-decoration: none; } /* a classes for top and side navigation */ a.topnav:link,a.topnav:visited,.topnav { font-family: verdana, arial, helvetica, sans-serif; color: #8799cb; font-size: 62%; font-weight: bold; text-decoration: none; } a.topnav:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #d4eec0; color: #294495; } a.topnav-med:link,a.topnav-med:visited,.topnav-med { font-family: verdana, arial, helvetica, sans-serif; color: #8799cb; font-size: 100%; font-weight: bold; text-decoration: none; } a.topnav-med:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #d4eec0; color: #294495; } /*Fill backgrounds with color */ .gray-lt { background-color: #efefef; } .gray-med { background-color: #d7d6d6; } .gray-dark { background-color: #9f9f9f; } .wh-fill { background-color: #ffffff; } .lt-fill { background-color: #e5eaf4; } /* EJ-774: Banner Changes for Lower Environments */ .lt-test-fill{ background-color: #df0c32; position: fixed; /* Set the navbar to fixed position */ top: 0; /* Position the navbar at the top of the page */ width: 100%; /* Full width */ height: 20px; } .med-fill { background-color: #b2c5ec; } .accent-color { background-color: #96c458; } .lt-accent { background-color: #d4eec0; } /* Context. and Span Text */ .txt,h2 .txt { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-style: normal; } .small { font-size: 62%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } .smallwh { font-size: 62%; font-family: verdana, arial, helvetica, sans-serif; color: #ffffff; } .whtxt { color: #ffffff; } .smallgrn { font-size: 62%; font-family: verdana, arial, helvetica, sans-serif; color: #96c458; } .smallgray { font-size: 62%; font-family: verdana, arial, helvetica, sans-serif; color: #808080; } .medium, td.medium { font-size: 72%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } /*March 2010 for program codes display*/ div.wrap {display: block} div.med-px, span.med-px { font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-style:italic; display:inline; float:left; word-wrap: break-word; white-space: normal; } div.med-pxright a:link { /*for in-line link*/ font-size: 10px !important; font-family: verdana, arial, helvetica, sans-serif; color: #0000ff; display:inline; float: right; text-align:right; clear:right; width: 40px; font-style:normal; } /*END March 2010 for program codes display*/ .medium-grey { font-size: 72%; font-family: verdana, arial, helvetica, sans-serif; color: #808080; } .big { font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } .normal-txt { font-size: 100%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-style: normal; } .big-violet { font-size: 80%; font-family: verdana, arial, helvetica, sans-serif; color: #6680cd; font-weight: bold; } .success { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; color: #228b22; } .error,td.error { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #ff0000; } /* Table formatting */ table.border { padding: 0px; border: 0px; border-width: 2px; border-color: #666666; border-style: solid; } td.white { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; background-color: #ffffff; } td.header { background-color: #d7d6d6; /*EFEFEF*/ font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } tr.header { background-color: #d7d6d6; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } th.rule { background-color: #d7d6d6; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; border-color: #000000; border-width: 1px 0 0 0; border-style: solid; } td.bflabel { background-color: transparent; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } /* 'Even and odd' classes for alternate color rows */ td.even { background-color: #fefed8; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.evengray { background-color: #efefef; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.white { background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.oddlightblue { background-color: #e5eaf4; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.even { background-color: #fefed8; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.evengray { background-color: #efefef; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.tableroweven { background-color: #efefef; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.odd,td.txt { background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.tablecellaction { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.odd { background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.tablerowaction { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } tr.tablerowodd { background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } td.tablecellaction { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } /* Format text field, drop-downs, buttons */ td.select,.select { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } .grayselect { font-size:68%; font-family: verdana, arial, helvetica, sans-serif; color:#000000; width:187px; } .input { font-size: 70%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } input.button { font-family: verdana, arial, helvetica, sans-serif; background-color: #efefef; color: #003399; font-size: 72%; font-weight: bold; } input.button-login { font-family: verdana, arial, helvetica, sans-serif; background-color: #efefef; background: #1a3382; color: #ffffff; font-size: 72%; font-weight: bold; } input.button-normal { font-family: verdana, arial, helvetica, sans-serif; background-color: #d5dced; /*D7E3C4*/ color: #003399; font-size: 100%; font-weight: bold; } input.button-sm { font-family: verdana, arial, helvetica, sans-serif; background-color: #d5dced; /*D7E3C4*/ color: #003399; font-size: 11px; height:21px; font-weight: bold; } input.button-mid { font-family: verdana, arial, helvetica, sans-serif; background-color: #d5dced; /*D7E3C4*/ color: #003399; font-size: 90%; font-weight: bold; } th input.button-sm { font-family: verdana, arial, helvetica, sans-serif; background-color: #d5dced; /*D7E3C4*/ color: #003399; font-size: 98%; font-weight: bold; } /* Input inside table cell right align */ td.inputright,.inputright { font-family: verdana, arial, helvetica, sans-serif; color: #000000; text-align: right; } .failure { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #ff0000; font-weight: bold; } .warning { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; } /* BEGIN Display tag styles */ a.tablecellheader { background: transparent; color: #000; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; } a.tablecellheader:hover { background: transparent; color: #000; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: underline; } /* We're not using this adornments currently A:link.greeting, A:visited.greeting { background: transparent; color: blue; text-decoration: underline; } A:link.menu, A:visited.menu { background: transparent; color: #000000; text-decoration: none; } A:active.greeting, A:hover.greeting { background: transparent; color: #FF3300; text-decoration: underline; } A:active.menu, A:hover.menu { background: transparent; color: #0000ff; text-decoration: none; } */ tbody.subprophidden { display: none; visibility: hidden; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; } td.tablecell { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; } /* Correspondence not supported file type class */ td.notsupportedfiletype { color:#808080; font-family: verdana, arial, helvetica, sans-serif; font-size:8pt; } /* TD.tableCellHeader { background: transparent; color: #000; font-size:8pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; } */ tr.tableroweven { background: #efefef; color: #000; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; } /* TR.tableRowHeader { background: #ffcc00; color: #000; font-size:8pt; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; } */ tr.tablerowodd { background: #ffffff; color: #000; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; } /* END Display tag styles */ .summary { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #000077; font-weight: bold; } .summarylink a { text-decoration: none;; color: #800000; } .summarylink a:link { text-decoration: none;; color: #800000; } .summarylink { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #800000; font-weight: bold; } .summarylink a { text-decoration: none;; color: #800000; } .summarylink a:link { text-decoration: none;; color: #800000; } /* FPR Comments.jsp styles from Old UI */ .normal { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #003366; } .normal a { color: #003366; } .normal a:link { color: #003366; } .normal a:visited { color: #003366; } .normal a:hover { color: #0000ff; } .light { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #99cccc; } .light a { color: #99cccc; } .light a:link { color: #99cccc; } .light a:visited { color: #99cccc; } .light a:hover { color: #99cccc; } .readonly { font-family: verdana, arial, helvetica, sans-serif; font-size: 10pt; color: #808080; } .normal_bold { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;; font-size: 10pt; color: #003366; } /* Style to make lookup screen information line up correctly in multiselects */ .selectcourier { font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; } /* The following budget styles are for the display of the award budget from the old UI */ /* This definition is to display the data after the dataname */ td.budgetdata { text-align: right; font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: bold; background-color: #ffffef; } /* This definition is to display normal cells in budget */ td.budgetnormal { font-size: 8pt; font-family: verdana, arial, helvetica, sans-serif; color: #000000; font-weight: normal; background-color: #ffffef; } /* This definitions is for use with redacted text in review text */ #redactred { font-size: 100%; font-weight: normal; color: #cc0000; background-color: transparent; } /* This definitions is for use with redacted text in review text */ #redactblue { font-size: 100%; font-weight: normal; color: #0000cc; background-color: transparent; } /* This definitions is for use with ignored text in review text */ #ignore { font-size: 100%; font-weight: normal; text-decoration: line-through; color: #000000; background-color: transparent } /* Left Navigation styles */ /* Level 1 Styles */ a.sidenav0:link,a.sidenav0:visited,.sidenav0 { font-family: verdana, arial, helvetica, sans-serif; color: #ffffff; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 2px; } a.sidenav0:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffcc; color: #003399; } a.sidenav0disabled:link,a.sidenav0disabled:hover,a.sidenav0disabled:visited,.sidenav0disabled { font-family: verdana, arial, helvetica, sans-serif; color: #666666; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 2px; } a.sidenav0active:link,a.sidenav0active:hover,a.sidenav0active:visited,.sidenav0active { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 2px; } /* End of Level 1 styles */ /* Level 2 Styles */ a.sidenav1:link,a.sidenav1:visited,.sidenav1 { font-family: verdana, arial, helvetica, sans-serif; color: #ffffff; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 12px; } a.sidenav1:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #d4eec0; color: #294495; } a.sidenav1disabled:link,a.sidenav1disabled:hover,a.sidenav1disabled:visited,.sidenav1disabled { font-family: verdana, arial, helvetica, sans-serif; color: #666666; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 12px; } a.sidenav1active:link,a.sidenav1active:hover,a.sidenav1active:visited,.sidenav1active { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 12px; } /* End Level 2 Styles */ a.sidenav2:link,a.sidenav2:visited,.sidenav2 { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: normal; text-decoration: none; margin-left: 22px; } a.sidenav2:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffcc; color: #003399; margin-left: 22px; } a.sidenav2disabled:link,a.sidenav2disabled:hover,a.sidenav2disabled:visited,.sidenav2disabled { font-family: verdana, arial, helvetica, sans-serif; color: #999999; font-size: 68%; font-weight: normal; text-decoration: none; margin-left: 22px; } a.sidenav2active:link,a.sidenav2active:hover,a.sidenav2active:visited,.a .sidenav2active { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 22px; } a.sidenav3:link,a.sidenav3:visited,.sidenav3 { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: normal; text-decoration: none; margin-left: 25px; } a.sidenav3:hover { font-family: verdana, arial, helvetica, sans-serif; background-color: #ffffcc; color: #003399; margin-left: 25px; } a.sidenav3disabled:link,a.sidenav3disabled:visited,.sidenav3disabled { font-family: verdana, arial, helvetica, sans-serif; color: #999999; font-size: 68%; font-weight: normal; text-decoration: none; margin-left: 25px; } a.sidenav3active:link,a.sidenav3active:visited,.sidenav3active { font-family: verdana, arial, helvetica, sans-serif; color: #003399; font-size: 68%; font-weight: bold; text-decoration: none; margin-left: 25px; } .leftnav-level0 { background-color: #294495; } .leftnav-level1 { background-color: #8799cb; } .leftnav-level2 { background-color: #d5dced; } .leftnav-level3 { background-color: #d5dced; } .leftnav-seperator0 { background-color: #8799cb; } .leftnav-seperator1 { background-color: #294495; } .leftnav-seperator2 { background-color: #294495; } .leftnav-seperator3 { background-color: #294495; } .leftnav-lt { background-color: #d5dced; } .leftnav-med { background-color: #8799cb; } .leftnav-dark { background-color: #294495; } .leftnav-active { background-color: #ffffff; } /*DIS00072433 - used in the print eapproval page*/ .titlesub3 { font-size: 103%; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none; object.style.lineHeight="5" } /* END Left Navigation Styles */ /*CR #DIS00078727 - June 2011 Release: The following classes are added for budget help text changes*/ .space1{ background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; padding-left: 20px; } .space2 { background-color: #ffffff; font-size: 68%; font-family: verdana, arial, helvetica, sans-serif; color: #000000; padding-left: 50px; } .bluetext { color: #6680CD; font-family: verdana,arial,helvetica,sans-serif; font-size: 70%; font-weight: bold; } .newtitle { color: #294495; font-family: verdana,arial,helvetica,sans-serif; font-size: 100%; font-weight: bold; text-decoration: none; } .pg-normal { color: #294495; font-size: normal; font-weight: normal; text-decoration: underline; cursor: pointer; } .pg-selected { color: black; font-weight: bold; }