/** File: elements.css Validates: CSS Level 2.1 Project: SPAA Author: Kristina Floyd Date Created: 2009 08 03 About: Contains styles for specific elements Notes: Place second in the cascade Cascade index: 01 undo.css - Resets browser default styles 02 layout.css - Styles for the main layout and framework of the site 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 05 ie6.css - IE6 specific styles. 06 ie7.css - IE7 specific styles. 07 clearing.css - Enables the use of .clearfix across the site. 08 main.css - Continuity generated stylesheet 09 print.css - Print specific styles */ /* START .hrwrapper */ .hrWrapper { background: transparent url(/template-images/spaa/elements/hr/repeater.gif) repeat-x top left; display: block; height: 10px; margin: 1em 18px; } .hrWrapper hr { display: none; } /* END .hrwrapper */ /* START .pagelink */ #content-area .pagelink { clear: left; margin: 10px 0; } #content-area .pagelink span { background: transparent url(/template-images/spaa/elements/pagelink-main-content/left.gif) no-repeat top left; display: block; min-height: 22px; padding-left: 12px; } #content-area .pagelink span a { background: transparent url(/template-images/spaa/elements/pagelink-main-content/right.gif) no-repeat top right; color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 2px 25px 6px 0; text-decoration: none; } /* END .pagelink */ /* START .first-paragrah */ .first-paragrah { color: #000000; font-size: 1.3333em; } /* END .first-paragrah */ /* START #sub-content .pagelink */ #content-area #sub-content .pagelink { margin: 10px 0; } #content-area #sub-content .pagelink span { background: transparent url(/template-images/spaa/elements/pagelink-sub-content/left.gif) no-repeat top left; display: block; min-height: 22px; padding-left: 12px; } #content-area #sub-content .pagelink span a { background: transparent url(/template-images/spaa/elements/pagelink-sub-content/right.gif) no-repeat top right; color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 2px 25px 6px 0; text-decoration: none; } /* END #sub-content .pagelink */ /* START .pageImageFloatright */ .pageImageFloatright { margin: 0 0 1em 1em; } /* END .pageImageFloatright */ /* START .pageImageFloatleft */ .pageImageFloatleft { margin: 0 1em 1em 0; } /* END .pageImageFloatleft */ /* START #my-profile */ #my-profile { position: relative; } #my-profile ul { list-style: none; margin: 0; padding: 0; } #my-profile li { list-style: none; margin: 0; overflow: hidden; padding: 0; } #my-profile .label { float: left; width: 45%; } #my-profile .value { color: #000000; display: block; float: left; width: 50%; } #my-profile a { font-weight: normal; text-decoration: underline; } #my-profile a:hover { text-decoration: none; } /* END #my-profile */ /* START .sub-content-panel */ .sub-content-panel { background: transparent url(/template-images/spaa/elements/sub-content-panel/repeater.gif) repeat-y top left; padding: 22px 22px 54px 22px; position: relative; } .sub-content-panel-top { background: transparent url(/template-images/spaa/elements/sub-content-panel/top.gif) no-repeat top left; height: 14px; left: 0; position: absolute; top: 0; width: 217px; } .sub-content-panel-bottom { background: transparent url(/template-images/spaa/elements/sub-content-panel/bottom.gif) no-repeat bottom left; bottom: 0; height: 59px; left: 0; position: absolute; width: 217px; } /* END .sub-content-panel */ /* START #calendar */ #calendar { line-height: normal; } #calendar caption { overflow: hidden; } #calendar caption span { float: left; text-align: center; width: 75%; } #calendar caption a { color: #F37013; font-size: 0.6667em; } #previous-month-link { clear: left; float: left; padding-left: 13px; } #next-month-link { clear: right; float: right; padding-right: 13px; } #calendar th { padding: 0; text-align: center; } #calendar td { font-size: 0.9167em; font-weight: bold; height: 66px; padding: 5px; vertical-align: top; } #calendar td:hover { background: #FDE2D0; } #calendar td ol { line-height: normal; list-style: none; margin: 0; padding: 0; } #calendar td li { line-height: normal; list-style: none; margin: 0; padding: 0; } #calendar td li a { font-weight: normal; text-decoration: none; } #calendar td li a:hover { text-decoration: underline; } #today { background: #FDE2D0; } .previous-next-month { background: #F2F2F2; } .calendar-day { } #calendar td .all-day { } .all-day a { background: #F37013; color: #FFFFFF; display: block; margin-bottom: 3px; padding: 1px 3px; } /* START #calendar */ /* START #calendar-home-page */ #calendar-home-page { background: transparent url(/template-images/spaa/elements/home-page-calendar/repeater.gif) repeat-y top left; margin-bottom: 14px; padding: 22px 12px 17px 10px; position: relative; width: 444px; } #calendar-home-page-top { background: transparent url(/template-images/spaa/elements/home-page-calendar/top.jpg) no-repeat top left; height: 12px; left: 0; position: absolute; top: 0; width: 466px; } #calendar-home-page-bottom { background: transparent url(/template-images/spaa/elements/home-page-calendar/bottom.jpg) no-repeat bottom left; bottom: 0; height: 15px; left: 0; position: absolute; width: 466px; } #calendar-home-page #calendar { width: 443px; } #calendar-home-page .calendar-day { display: block; text-align: center; width: 78px; } /* END #calendar-home-page */ /* START #calendar-full-width */ #calendar-full-width { background: transparent url(/template-images/spaa/elements/calendar-full-width/repeater.gif) repeat-y top left; margin-bottom: 14px; padding: 22px 12px 17px 10px; position: relative; width: 658px; } #calendar-full-width-top { background: transparent url(/template-images/spaa/elements/calendar-full-width/top.jpg) no-repeat top left; height: 12px; left: 0; position: absolute; top: 0; width: 680px; } #calendar-full-width-bottom { background: transparent url(/template-images/spaa/elements/calendar-full-width/bottom.jpg) no-repeat bottom left; bottom: 0; height: 15px; left: 0; position: absolute; width: 680px; } #calendar-full-width #calendar { width: 658px; } #calendar-full-width .calendar-day { display: block; text-align: center; width: 121px; } /* END #calendar-full-width */ /* START .full-width-styleable-container */ .full-width-styleable-container { background: transparent url(/template-images/spaa/elements/full-width-styleable-container/repeater.gif) repeat-y top left; clear: left; margin-bottom: 14px; padding: 22px 34px 39px 32px; position: relative; width: 614px; } .full-width-styleable-container-top { background: transparent url(/template-images/spaa/elements/full-width-styleable-container/top.gif) no-repeat top left; height: 10px; left: 0; position: absolute; top: 0; width: 680px; } .full-width-styleable-container-bottom { background: transparent url(/template-images/spaa/elements/full-width-styleable-container/bottom.gif) no-repeat bottom left; bottom: 0; height: 59px; left: 0; position: absolute; width: 680px; } .full-width-styleable-container-content { position: relative; } .full-width-styleable-container table { width: 620px; } .full-width-styleable-container table th, .full-width-styleable-container table td { padding: 0.2em 0.5em 0.2em 0.5em; } /* END .full-width-styleable-container */ /* START .sidebar-styleable-container */ .sidebar-styleable-container { background: transparent url(/template-images/spaa/elements/sidebar-styleable-container/repeater.gif) repeat-y top left; padding: 29px 41px 34px 33px; position: relative; width: 258px; } .sidebar-styleable-container-top { background: transparent url(/template-images/spaa/elements/sidebar-styleable-container/top.gif) no-repeat top left; height: 42px; left: 0; position: absolute; top: 0; width: 332px; } .sidebar-styleable-container-bottom { background: transparent url(/template-images/spaa/elements/sidebar-styleable-container/bottom.gif) no-repeat bottom left; bottom: 0; height: 48px; left: 0; position: absolute; width: 332px; } .sidebar-styleable-container-content { position: relative; } /* END .sidebar-styleable-container */ /* START .paging */ .paging { float: left; margin: 10px 0; overflow: hidden; position: relative; width: 100%; } .paging ol { clear: left; float: left; left: 50%; list-style: none; margin: 0; padding: 0; position: relative; text-align: center; } .paging li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; } .paging a { background: #F6F6F7; border: #F2F2F2 3px solid; border-right: none; display: block; line-height: 1.3em; margin: 0; padding: 3px 8px; text-decoration: none; } .paging .paging-next { border: #F2F2F2 3px solid; } .paging .selected a, .paging a:hover { background: #F37013; color: #FFFFFF; } /* END .paging */ /* START .detail */ .detail-heading { font-size: 1.1667em; margin-bottom: 0.75em; } .detail { border-top: 2px solid #FCFCFC; list-style: none; margin: 0 0 15px 0; padding: 0; width: auto; } .detail li { background: transparent url(/template-images/spaa/elements/detail/repeater.gif) repeat-y top left; border-bottom: 2px solid #FCFCFC; border-left: 2px solid #FCFCFC; border-right: 2px solid #FCFCFC; clear: left; font-weight: bold; list-style: none; margin: 0; padding: 0; width: auto; } .detail .label { display: inline-block; font-weight: normal; margin: 0 2px 0 0; padding: 2px; text-align: right; vertical-align: top; width: 211px; } .detail .value { display: inline-block; padding: 2px; vertical-align: top; width: 346px; } /* END .detail */ /* START #sitemap */ #sitemap { background: #F2F2F2; list-style: none; margin: 0; padding: 0 0 3px 0; } #sitemap li { list-style: none; margin: 0; padding: 0; } #sitemap a { background: #F6F6F7 url(/template-images/spaa/elements/sitemap/arrow/orange.gif) no-repeat top left; border: #F2F2F2 3px solid; border-bottom: none; display: block; padding-left: 10px; } #sitemap ol { list-style: none; margin: 0; padding: 0; } #sitemap ol a { background: #F6F6F7 url(/template-images/spaa/elements/sitemap/arrow/orange-line.gif) no-repeat top left; font-weight: normal; margin-left: 2em; } /* END #sitemap */ /* START #posts */ #posts { margin-bottom: 10px; } .post-header { margin-bottom: 3px; overflow: hidden; } .posted-by { clear: left; float: left; } .date-posted { clear: right; float: right; } .post-message { } .post-message pre { width:100%; white-space:pre-wrap; word-wrap: break-word ;} /* END #posts */ /* START #stored-documents */ .stored-documents-header { margin-bottom: 3px; overflow: hidden; } .stored-documents-header h2 { font-size: 1.1667em; } .published { clear: left; float: left; } .version-number { clear: right; float: right; } .stored-documents-message { } /* END #stored-documents */ /* START .listing */ .listing { list-style: none; margin: 0; padding: 0; } .listing li { background: #F2F2F2; list-style: none; margin: 0 0 10px 0; padding: 3px; } .listing div { background: #F6F6F7; padding: 3px; } /* END .listing */ /* START hiding forms */ #mdd-market-participant, #mdd-meter-change, #mdd-attachment, #submit-button { display: none; } #wrapper.admin-wrapper #mdd-market-participant, #wrapper.admin-wrapper #mdd-meter-change, #wrapper.admin-wrapper #mdd-attachment { border-bottom: 1px solid #000000; display: block; margin-bottom: 50px; } /* END hiding forms */ /* START #documents-menu-all */ #documents-menu-all, #documents-menu-current, #documents-menu-archive { margin: 0; padding: 0; } #documents-menu-archive { margin-bottom: 10px; } #documents-menu-all ol, #documents-menu-current ol, #documents-menu-archive ol { margin: 0; overflow: hidden; padding: 0; } #documents-menu-all ol li, #documents-menu-current ol li, #documents-menu-archive ol li { float: left; list-style: none; margin: 0; padding: 0; width: 12em; } /* END #documents-menu-all */ /* START #refine-search */ #refine-search { display: block; margin-bottom: 20px; overflow: hidden; } #refine-search ol { margin: 0; } #refine-search li { background: transparent; border: none; clear: none; float: left; } #refine-search label { font-weight: bold; padding-right: 9px; width: auto; } #refine-search input { margin: 0; } #refine-search #refine-search-submit { background: transparent url(/template-images/spaa/layout/search/right.gif) no-repeat top right; display: block; margin-left: 7px; min-height: 22px; padding: 0; } #refine-search-submit input { background: transparent url(/template-images/spaa/layout/search/left.gif) no-repeat top left; border: none; color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 2px 18px 6px 3px; text-decoration: none; width: auto; } /* END #refine-search */