.blueText { font: bold 13px Helvetica; color: #08c; } html { height: 100%; } body { height: 100%; text-align: center; margin: 0; background: #3C3C3C; } p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, select { margin: 0; padding: 0; } input[type="text"] { margin: 0; padding: 0; background-color: white; background-image: none; font-family: Arial; } textarea { font-size: 14px; padding: 0; margin: 0; } a { text-decoration: none; } a img { border: none; } a:link, a:visited { color: #08c; font-size: 12px; } .no_roles { margin: 0; padding: 0 0 0 94px; } .no_roles li { margin: 0.6em; font-size: 13px; } .ajaxLoader { background-position: center center; background-image: url(../images/ajax-loader.gif); background-repeat: no-repeat; } .smallAjaxLoader { background-image: url(../images/ajax-loader-small.gif); background-repeat: no-repeat; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 5px; } input.essayQuestionText { width: 400px; } .essayQuestionText { font-size: 12px; } .essayHeader { border-bottom: 1px solid #CDCAD5; height: 18px; } .essayHeaderText { float: left; display: inline; color: #3e6b89; font-weight: bold; font-size: 12px; line-height: 13px; padding: 3px 0 0 3px; } .hdrButton { float: right; height: 18px; padding: 0; margin: 0; border: 1px solid #3e6b89; background-color: #3e6b89; color: white; font: bold 10px Helvetica, Arial, sans-serif; } .onBehalf { font-size: 13px; font-weight: bold; color: #333333; } #Frame { min-height: 100%; overflow: hidden; width: 1230px; margin: auto; text-align: left; background: #ffffff; } #Frame.essayList { margin: 0; width: 100%; height: 100%; min-height: 100%; text-align: left; background: #ffffff; overflow: auto; } #Frame.essayList #Content { padding: 10px; height: 485px; min-height: 0; } #Content { min-height: 100%; padding-bottom: 80px; /* The height of footer, specified in header.and.footer.css */ } #Content #FauxColumns { overflow: auto; height: 1%; } #PageTitle, .pageTitle { color: #3E6B89; font-size: 24px; font-weight: bold; line-height: 25px; margin-bottom: 5px; } #PageDescription { font-size: 12px; width: 70%; margin-bottom: 20px; } .lpiTextLogo { font-weight: 700; font-size: 1.2em; } #Navigation { overflow: hidden; } #Navigation ul { float: left; width: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 15px; list-style-type: none; background: #646464; padding-bottom: 10px; } #Navigation ul li { float: left; line-height: 1.1em; margin: 0.6em 0.1em 0 -0.1em; border-left: 1px solid white; padding: 0 1em; } #Navigation ul li a { text-decoration: none; float: left; background: #646464; color: #FFFFFF; font-size: 15px; line-height: 16px; } #Navigation ul li a.active { font-weight: bold; font-size: 15px; line-height: 16px; } #SubNavigation ul { padding-bottom: 8px; overflow: hidden; width: 100%; font-family: Helvetica, Arial, sans-serif; font-size: 12px; list-style-type: none; background: #D2D2D2; } #SubNavigation ul li { border-left: 1px solid #646464; float: left; line-height: 1.1em; /*IE workaround - margin-bottom is #SubNavigation ul:padding-bottom*/ margin: .6em .1em 0 -.1em; padding: 0 1em; } #SubNavigation ul li a { color: #646464; text-decoration: none; font-size: 12px; } #SubNavigation ul li a.active { font-weight: bold; } #SubNavigation ul li.active { font-weight: bold; font-size: 12px; line-height: 14px; color: #000000; } #SubNavigation ul li.inactive { font-weight: normal; } /* SUBNAVIGATION END */ /* TABLES */ /* Prompt Tables (e.g. Edit Folder box) */ .promptTable { font-family: Helvetica, Arial, sans-serif; font-size: 12px; border-spacing: 0; } .promptTable th { color: #000; font-size: 12px; line-height: 14px; padding: 5px; border: 1px solid #cdcdcf; border-spacing: 0; background: #D2D2D2; text-align: left; } .promptTable td { background-color: #F4F4F4; padding: 15px; border: 1px solid #CDCDCF; } /* Prompt Tables (e.g. Edit Folder box) */ .promptTable table { font-family: Helvetica, Arial, sans-serif; font-size: 12px; border-spacing: 0; padding: 3px; border: 0 } .promptTable table td { font-family: Helvetica, Arial, sans-serif; font-size: 12px; border-spacing: 0; padding: 3px; border: 0 } .promptTable label { font-weight: bold; } .totalTokenCountBox { text-align: center; font-size: 23px; font-weight: bold; line-height: 24px; color: #3e6b89; } table.TabularData { width: 100%; border-left: 1px solid #cdcdcf; border-spacing: 0; border-collapse: collapse; } table.TabularData th { background: #D2D2D2; border-right: 1px solid #cdcdcf; border-bottom: 1px solid #cdcdcf; font-size: 11px; height: 23px; padding-left: 6px; text-align: left; } table.TabularData th a { font-size: 11px; } table.TabularData tbody tr { height: 15px; } table.TabularData td { padding-left: 6px; font-size: 11px; line-height: 13px; border-right: 1px solid #cdcdcf; border-bottom: 1px solid #cdcdcf; padding-top: 2px; padding-bottom: 2px; } table.TabularData td a { font-size: 11px; } table.TabularData td.foldersCell { width: 120px; padding-left: 0; background: #cdcdcf; } table.TabularData span.foldersHeader { margin-left: 10px; font-weight: bold; font-size: 12px; line-height: 20px; } .TabularDataEven { background-color: white; color: black; } .TabularDataOdd { background-color: #F2F4F6; color: black; } .TabularData .emptyTable { border: 1px solid #CDCDCF; } #Footer p { text-align: center; } /* FOOTER END */ .multiContainer label { font-weight: bold; } .normalFontWeight { font-weight: normal; } .multiContainer { border: 1px solid #CDCAD5; _height: 1%; overflow: hidden; padding: 0 0 0.2em; font-size: 9pt; } .multiContainer.noBorder { border: 0; } .multiContainer .body { font-weight: normal; } .multiContainer .multiBox { border: 1px solid #CDCAD5; margin: 2px; } .multiContainer .header { background: #FFF; border-bottom: 1px solid #CDCAD5; color: #3e6b89; margin-bottom: 0.1em; padding: 0.35em 0.5em; font-weight: bold; height: 14px; font-size: 12px; line-height: 13px; } .multiContainer .header h1 { font-size: 12px; line-height: 13px; font-weight: bold; color: #3e6b89; } .multiContainer .subheader, .multiContainer .searchFields { background: white; padding: .35em .5em; border-bottom: 1px solid #CDCAD5; } #loginContainer .multiContainer .subheader { background: #646464; padding: .35em .5em; border-bottom: 1px solid #CDCAD5; color: white; font-size: 25px; line-height: 26px } .multiContainer .searchFields h2, .multiContainer .subheader h2 { font-size: 12px; line-height: 14px; font-weight: bold; margin: 0; color: #000000; } .multiContainer .header .headerMessage { float: left; } .multiContainer .header .right, .multiContainer .subheader .right, .multiContainer .searchFields .right { font-size: 12px; font-weight: 700; margin-top: -2px; } .right { float: right; } .multiContainer .searchFields select { font-size: 12px; } .multiContainer .searchFields input { font-size: 11px; padding: 0; margin: 0; } .multiContainer table.TabularData th[scope=row] { background: white; } .multiContainer .searchFields fieldset { border: 0; padding: 0; margin: 0; font-size: 11px; font-weight: 700; } .multiContainer .searchFields label { padding: 0 0 0 1.2em; } .rosterMultiContainer, .reportsHomeMultiContainer { border: 0 none; font-size: 9pt; } .asLink { color: #125ca6; cursor: pointer; font: bold 13px Helvetica; } .tip { padding: 15px; text-align: right; clear: right; } .tip > .asLink { color: #08c; } .alphaList { height: 25px; width: 480px; color: #0088CC; display: inline; } .alphaList .firstLetter { margin-left: 4px; } .alphaList .title { color: #0088CC; font-size: 11px; } .alphaList li { display: inline; font-size: 12px; font-weight: bold; list-style-type: none; padding: 3px 3px 0px; line-height: 14px; cursor: pointer; } .alphaList ul { border: solid 1px #CDCDCF; line-height: 14px; display: inline; } .alphaList li.highlight { background-color: #0088CC; color: white; } .alphaList .buttons { margin-top: -2px; width: 120px; } #questionsTable { width: 100%; } #questionsTable tbody tr td div ol { padding-left: 30px; } #questionsTable tbody tr td select { margin-left: 10px; } #BoxContainer { _height: 1%; overflow: auto; padding: 20px 20px 20px 20px; } #BoxContainer .steps { font-size: 15px; line-height: 16px; color: #3e6b89; } #BoxContainer .subheader { font-size: 12px; line-height: 14px; color: black; background-color: #d2d2d2; } /* BOXCONTAINER END */ #Content #nextPrevButtons { text-align: center; padding: 1em; border: 1px solid #CDCAD5; border-top: 0; font-size: 12px; } input.smButton { background-color: #3E6B89; color: #ffffff; font-size: 10pt; font-family: Helvetica, Arial, sans-serif; padding: .4ex .4em; border: 0; } input.smButton[disabled], input.lgButton[disabled], #Content input.smButton[disabled] { color: #ccc; background-color: #7897ac; } input.lgButton { background-color: #3e6b89; color: #ffffff; text-transform: uppercase; font-size: 11px; line-height: 16px; font-family: Helvetica, Arial, sans-serif; padding: .4ex .4em; border: 0; width: auto; } input.smButton:active, input.lgButton:active { padding: .5ex .3em .3ex .5em; } #Content input.lgButton[disabled] { background-color: #3E6B89; } input.smButton[disabled]:active, input.lgButton[disabled]:active { padding: .4ex .4em; } #Content input.disButton { background-color: #3E6B89; } #paginator { font-weight: bold; font-size: 13px; color: #3c3c3c; } .greyBox { background-color: #d2d2d2; border: 1px solid #CECBD7; font-size: 12px; font-weight: bold; margin-bottom: 10px; padding: 5px; height: 15px; } .greyBox .right { font-weight: bold; float: left; text-align: right; width: 500px; } .greyBox .left { float: left; width: 420px; } .whiteBox /* This box is attached to a table (.TabularData), so no need for a bottom border */ { background-color: #ffffff; border: 1px solid #CECBD6; border-bottom: 0; font-size: 12px; font-weight: bold; padding: 5px; } .reportsHomeWhiteBox { margin-bottom: 1em; border: 1px solid #CECBD6; } #Content .right { float: right; font-weight: normal; /* todo what is it? */ display: box; } #Content .whiteBox .right { float: right; font-weight: bold; margin-top: -18px; } .rightFloatingBox { float: right; width: 350px; } .modalBackground { left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: expression(document.documentElement.clientWidth + "px"); height: expression(document.documentElement.clientHeight + "px"); filter: Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4; width: 100%; height: 100%; background-color: #999999; position: absolute; z-index: 500; top: 0px; left: 0px; } .inlineForm { padding: 0; padding-right: 3px; padding-left: 3px; display: inline; } .subFolder { margin-left: 25px; } .lpi_footer_break { clear: both; } .lpi_footer_menu a:link, .lpi_footer_copyright a:link { text-decoration: none; color: #fff; } .lpi_footer_menu a:visited, .lpi_footer_copyright a:visited { text-decoration: none; color: #ccc; } .lpi_footer_menu a:hover, .lpi_footer_copyright a:hover { text-decoration: underline; } a img { border: 0; } .lpi_footer_menu { margin: auto; text-align: left; width: 980px; height: 58px; background: url(../images/lpi_footer_bg.gif) repeat-x; } .lpi_footer_menu_JB { margin: auto; text-align: left; width: 980px; height: 58px; background-color: #000000; } .lpi_footer_menu_JB a:link { text-decoration: none; color: #fff; } .lpi_footer_menu_JB a:visited { text-decoration: none; color: #ccc; } .lpi_footer_menu_JB a:hover { text-decoration: underline; } .lpi_footer_logo { display: inline; float: left; width: 103px; height: 58px; margin-left: 20px; } .lpi_footer_text { display: inline; float: left; width: 750px; padding: 15px 0 0 10px; color: #fff; font-size: 14px; } .lpi_footer_divider { color: #888888; font-size: 0.8em; } .lpi_footer_copyright { color: #888888; font-size: 11px; } /* Tooltip */ #text { margin: 50px auto; width: 500px } .hotspot { color: #900; padding-bottom: 1px; border-bottom: 1px dotted #900; cursor: pointer } #tt { font: 11px/1.5 Helvetica, Arial, sans-serif, Verdana; position: absolute; display: block; background: url(../images/tooltip/tt_left.gif) top left no-repeat; text-align: left } #tttop { display: block; height: 5px; margin-left: 5px; background: url(../images/tooltip/tt_top.gif) top right no-repeat; overflow: hidden } #ttcont { display: block; padding: 2px 12px 3px 7px; margin-left: 5px; background: #666; color: #FFF } #ttbot { display: block; height: 5px; margin-left: 5px; background: url(../images/tooltip/tt_bottom.gif) top right no-repeat; overflow: hidden } table.selectFolderTable { border-spacing: 0; border-collapse: separate; *border-collapse: collapse; *border-bottom: 1px solid #cdcdcf; /* THIS TABLE WIDTH/HEIGHT WILL BE CHANGED TO WHATEVER PARAMETERS * YOU PASS WHEN USING srcollabletable */ width: 100%; } table.selectFolderTable th { border: 1px solid #CDCDCF; padding-left: 6px; font-size: 11px; height: 18px; text-align: left; } table.selectFolderTable tbody tr { height: 20px; } table.selectFolderTable thead tr { background-color: #d2d2d2; } table.selectFolderTable th.active { color: #ffffff; background: #312C6E url(../images/gradation_table_on.gif) repeat-x top left; } table.selectFolderTable td { height: 20px; font-size: 11px; font-weight: normal; border: 1px solid #CDCDCF; border-bottom: 0; border-left: 0; padding-left: 6px; padding-top: 2px; padding-bottom: 2px; } table.selectFolderTable td:first-child { border-left: 1px solid #CDCDCF; } table.selectFolderTable tr:last-child > td { border-bottom: 1px solid #CDCDCF; } .required { color: red; } #secureHomeFeatBox1 img { border: 1px solid #CDCAD5; } #lpiOnlineLink { font-size: 13px; font-weight: bold; color: white; text-decoration: none; } .tokensAvailable { float: right; border: solid 1px #CDCDCF; padding: 15px; text-align: center; vertical-align: middle; font-family: helvetica; font-size: 16px; font-style: normal; color: #5a5a5a; } .tokensAvailable .tokenCount { font-family: helvetica; font-size: 16px; font-weight: bold; color: #3E6B89; } .errorMessage { color: red; font-weight: bold; } .sortable .iconAsc, .sortable .iconDesc { display: none; font-size: 140%; color: #08c; vertical-align: -1px; background-repeat: no-repeat; background-position: center; } .sortable .iconAsc { background-image: url("../images/uparrow_blue.png"); } .sortable .iconDesc { background-image: url("../images/downarrow_blue.png"); } .sortable.sorted.order1 .iconAsc, .sortable.sorted.order2 .iconDesc { display: inline; } .rball { font-size: 10px; vertical-align: text-bottom; } .placeholder { color: #BBB; }