/* ============================================================================ Executive View Styles - (Ajax Project) --------------------------------------- - This style sheet *requires: global.css (pulled from pitneyworks in 8/24/06) - This style sheet should be listed *after* global.css in the page - gloabl.css contains general page body styles and defines the global header last modified: 9/13/06 by: Jeff Parker (jeffparker@gamil.com) ========================================================================= */ /* Basic formating----------------------------------------------------------*/ ol { font-size: 10px; } .clear { clear:both; } .clearLeft { clear:left; } .clearRight { clear:right; } /* globally reduce IE font size to be more like Firefox (prevents having to have two values for all fonts */ * html { font-size: 80%; } /* Hide any elements from deafult template we do not need */ #breadcrumb { display: none; } #secondaryNav { display:none; } /* relatedBlocks----------------------------------------------------------*/ #relatedBlocks { float : right; width : 155px; display : inline; margin-left : 0px; padding : 20px 10px 0px 0px; line-height : 100%; } #relatedBlocks p{ margin:0px; padding:0px; } /* a little more padding for IE */ * html #relatedBlocks { padding : 30px 0px 0px 0px; } /* For Underlines */ /* Start -Commented Out to Right Nvigation CSS Issue */ #contentDisplayArea #relatedBlocks h4 { padding:15px 0px 5px 0px; font-size:14px; font-weight:bold; color:#0D99CC; text-transform: uppercase; margin:0px 0px 5px 0px; border-bottom:3px solid #9BD9F4; display:block; } /* End -Commented Out to Right Nvigation CSS Issue */ #relatedBlocks a{ font-size:12px; display:block; padding-bottom:10px; font-weight:bold; } /* content---------------------------------------------------------------*/ #content { float: left; width: 760px; padding: 0px; margin:0px; } #content p { font-size : 12px; color : #333333; line-height : 14px; margin-bottom : 10px; margin-top : 0px; } #content p { font-size : 12px; color : #333333; line-height : 14px; margin-bottom : 10px; margin-top : 0px; } #content a { color : #336699; text-decoration : underline; } #content a:hover { color : #F3A30E; text-decoration : underline; } #content .bodyText p{ line-height: 150%; text-align:justify; } #content #contentDisplayArea{ background-color:#E3EDF9; padding-left: 10px; padding-right: 10px; } #contentDisplayArea h1, #contentDisplayArea h2, #contentDisplayArea h3{ color:#0D99CC; letter-spacing: 1px; margin-bottom:5px; width:560px; } #contentDisplayArea h1{ font-size:24px; } * html #contentDisplayArea h1{ font-size:24px; padding-top:15px; padding-bottom:15px; } * html #contentDisplayArea h2{ font-size:24px; } * html #contentDisplayArea h3{ font-size:14px; } color:#0D99CC; letter-spacing: 1px; margin-bottom:5px; } #contentDisplayArea h4{ color:#0D99CC; } .bodyBlock{ width:560px; clear:left; } #content .image{ float:left; padding:10px; } .backLink{ display: block; font-size:small; padding-top:10px; } /* set font smaller for IE */ * html .backLink{ font-size:x-small; } .editorialContentContainer{ float:left; } /* Note that the email and print links are being positioned absolutly because of the structure of the HTML provided as a sample. If we do NOT wish to use absolute positing we will need to re-addresses the layout of these links. */ #content .emailLink, #content .printLink{ background-repeat:no-repeat; padding-left:25px; font-size: small; display:block; height:20px; position:absolute; background-color:transparent; } #content .emailLink{ background-image: url(../images/mail_icon-20x20.gif); top:420px; } #content .printLink{ background-image: url(../images/print_icon-20x20.gif); top:450px; } /* set font smaller for IE */ * html #content .emailLink, * html #content .printLink{ font-size: x-small; } /* Homeboxes (persistent Content area below flash----------------------*/ /* NOTE: Contains flash */ #homeboxes{ margin :0px; padding :0px; width :760px; height :182px; float: left; } /* adjust margiin of homeboxes to create space between boxes and expand control -- this may change */ #homeboxes{ margin-top:0px; } * html #homeboxes{ margin-top:0px; } /* Flash Area ---------------------------------------------------------------*/ #flash { margin:0px 0px 2px 0px; width:760px; height:243px; border:0; background-color:#EFEFEF; text-align:center; } #flash p{ padding-top:15px; color:#6F6F6F; } /* Expand/collapse ----------------------------------------------------------*/ /* #expandControl Sets width and default background a Javascript changes the backgrouns to indicate "loading" state. As such, do not change name without also updating Loading JavaScript */ #expandControl{ width:760px; height:28px; background-color:#fff; padding-bottom:0px; margin:0px; background-image: url(../images/expand_collapse_bar-closed-28px.gif); background-repeat: no-repeat; } #expandControl a{ padding-left:40px; color:#fff; font-size:12px; display:block; margin-top:0px; padding-top:3px; } #expandControl a:hover{ color:#fff; } /* FOR expand and collapse control */ #expand { height:0px; overflow:hidden; background-color:#E3EDF9; border-left:2px solid #A3B6D4; border-right:2px solid #A3B6D4; } /* change width in IE to offset box model issue cause be borders */ * html #expand { width:756px; } /* This is used to display the bottom border when the content display area is open */ #bottomBorder{ background-image: url(../images/content_area_bottom_border-760X12.gif); background-repeat: no-repeat; height:13px; margin:0px; padding:0px; display:none; } /* needed to hide the absolutly positioned email and print links in this div when Content Display Area is Closed This value is changed to "block" by JavaScript when Content Display area is opened */ #relatedBlocks{ display: none; } /* for Progress Bar -------------------------------------------------------- */ #expandControl.showLoading{ background-image:url(../images/loading_bar-2.gif); background-repeat:repeat; } .hideLoading{ background-image:url(none); } #message{ float:right; color:#fff; font-weight:bold; margin:0px; padding:0px; height:28; margin-top: -18px; padding-right:40px; background-image:url(../images/loading_bar-3.gif); background-repeat:no-repeat; background-position:89% 0%; line-height:23px; } .showMessage { display:block; } .hideMessage { display:none; } .loading { opacity: .3; filter: alpha(opacity=30); float:left; } .loaded { opacity: 1; filter: alpha(opacity=100); float:left; } /* for category listing state of template ------------------------------------------ */ .categoryBlock{ width:510px; padding-left:100px; float:left; } #contentDisplayArea .categoryLink p{ line-height:150%; } .topicHeader{ font-size:24px; padding: 10px 0px 0px 0px; margin: 0px 0px 0px 0px; } .categoryLink a{ font-weight: bold; font-size:14px; display:block; padding-bottom:5px; } /* account for IE sizing */ * html .categoryLink a{ font-size:14px; } .categoryHeader{ margin-top:20px; } /* This should probably not be called "category4", rather each type of link block on the category should have a unique ID (editorial links, multimedia files, external links/downloads, etc. So, we can treat each group of links appropriatly (with PDF icon, Media icon, etc.) */ .categoryLinkMedia a { background-image: url(../images/icon-20x20.gif); background-repeat:no-repeat; padding-left:25px; font-size: 14px; display:block; height:20px; background-color:transparent; font-weight:bold; } /*#footerNav { text-align:right; }*/ #content ul { font-size : 12px; color : #333333; } #content ul li { font-size : 12px; color : #333333; }