frames the whole page and centers it in area */ #outer { position: relative; width: 1006px; margin: 0px auto 0px auto; padding: 0px; } /* banner

includes banner image and links to home & about/contact us */ #banner { position: relative; background-image: url( "images/banner.jpg" ); background-position: 50% 0%; height: 135px; } #banner a img { position: absolute; left: 10px; top: 20px; border: none; } .about-us, #credits { font-size: 0.8em; } #banner .about-us { position: absolute; left: 780px; top: 16px; } .about-us a, #credits a { color: white; text-decoration: none; } /* main

contains all content for page except banner and footer */ #main { position: relative; width: 920px; padding: 0px; margin: 0px 43px; min-height: 400px; } * html #main { height: 400px; } /* menu-bar

contains top menu bar items and search box */ #menu-bar { position: relative; vertical-align: middle; xpadding-top: 4px; text-align: left; height: 20px; xmargin-top: 6px; } #menu-bar .menu-item { margin: 0px; padding-top: 4px; font-size: 0.85em; font-weight: bold; display: inline; } #menu-bar .menu-item a { padding: 1px 4px; margin-left: 0px; margin-right: 26px; } #menu-bar #menu-search { position: absolute; right: 5px; top: 0px; font-weight: bold; font-size: 0.8em; } /* Search box styles */ div.search-box { margin: 0px 10px; padding: 0px; border: 0px; } div.search-box form { padding: 0px; margin: 0px; } div.search-box input#text { font-size: 1.0em; padding: 2px; width: 143px; border: 1px #B6B6B6 solid; color: #373737; margin-left: 5px; vertical-align: middle; } div.search-box div#adv-search { position: absolute; top: 24px; right: 0px; } div.search-box input#go { margin-left: 5px; vertical-align: middle; } div.search-box div.error { position: absolute; text-align: right; right: 100px; top: 24px; width: 400px; } #control-panel { position: absolute; top: 55px; left: 720px; background-image: url( "images/panel_background.gif" ); width: 200px; height: 270px; } #panel-contents { position: relative; overflow: hidden; margin: 12px 16px 23px 16px; padding: 0px; width: 168px; height: 235px; color: #DDDDDD; font-size: 0.85em; text-align: left; } #panel-contents #welcome, #panel-contents #join { margin: 0px; color: #86ADCC; font-size: 1.3em; } #panel-contents #options { padding-top: 7px; width: 168px; height: 81px; } #panel-contents #options div { margin-bottom: 3px; } #panel-contents #options .member-image { float: right; margin-right: 2px; height: 58px; width: 58px; text-align: right; overflow: hidden; } #panel-contents #options .member-image img { height: 58px; } #panel-contents #options img { padding: 3px 0px; } #panel-contents #options a { padding: 0px 3px; color: #DDDDDD; } #panel-contents #options a:hover { color: #000000; } #panel-contents #alerts { border: #707070 1px solid; border-width: 1px 0px; padding-top: 7px; height: 50px; margin-bottom: 14px; } #panel-contents #alerts h2 { padding: 0px; margin: 0px; color: #86ADCC; font-size: 0.9em; line-height: 0.9em; } #panel-contents #alerts div { margin-top: 3px; font-size: 0.9em; } #panel-contents #alerts img { padding-right: 4px; } #panel-contents #alerts a { color: #FFFFFF; } #panel-contents #alerts a:hover { color: #000000; } #panel-contents form { padding: 0px 2px 4px 2px; margin: 0px; } #panel-contents form#signin { padding: 0px; text-align: right; margin-top: 5px; } #panel-contents form#signin div input { border: none; font-size: 1.1em; width: 125px; background-color: #DDDDDD; margin-left: 3px; } #panel-contents form#signin div { font-size: 0.9em; font-weight: bold; color: #86ADCC; width: 160px; text-align: right; margin-bottom: 5px; } #panel-contents form#signin div.signin { height: 30px; min-height: 30px; } #panel-contents form#signin div.signin input { width: 71px; float: right; } #panel-contents div.error { height: 72px; min-height: 72px; font-size: 1.2em; color: #FF6666; } #panel-contents.logged-out #options { height: 30px; padding-top: 0px; margin-bottom: 10px; } #panel-contents.logged-out #options div { margin-bottom: 0px; padding: 0px; } #panel-contents.logged-out #join { margin-top: 4px; } /* Styles for the footer image and links within that image */ #footer { clear: both; background-image: url( "images/footer-white.jpg" ); background-position: 50% 0%; position: relative; height: 100px; width: 1006px; } #footer .about-us { position: absolute; left: 40px; top: 74px; } #footer #credits { position: absolute; right: 40px; top: 74px; } /* #outer.home #footer { Not needed whilst Buzz removed background-image: url( "images/footer.jpg" ); } */ /*

to implement a minimum height in "page" area */ div.min-height { float: right; padding: 0px; margin: 0px; width: 1px; height: 600px; } /* Styles for tab sections - can be overwritten in page-specific CSS */ .tab-line { position: absolute; top: 33px; /* adjust to align with tab bottoms */ left: 0px; font-size: 0px; width: 100%; border-top: #B7B7B7 1px solid; height: 1px; margin: 0px; } .active-tabs { text-align: left; position: absolute; top: 0px; left: 0px; } .tab, .tab-selected, .tab-spacer, .tab-spacer-last { color: #0066CC; border: 1px #B7B7B7 solid; border-bottom-width: 0px; border-right-width: 1px; background-color: #FFFFFF; padding: 8px 5px 7px 5px; line-height: 36px; font-weight: bold; display: inline; font-size: 1.0em; } .tab { background-color: #EAEAEA; cursor: pointer; } .tab-selected { color: #000000; border-bottom-color: #FFFFFF; border-bottom-width: 2px; } .tab-spacer, .tab-spacer-last { border-width: 0px 0px 0px 0px; } .tab-spacer-last { border-left-width: 1px; } .tab-content { padding-top: 0px; padding-left: 10px; padding-bottom: 30px; } .tabbed-area { padding-top: 36px; } .tab-last { border-right-width: 1px; } .dialog { width:100%; color:#000000; } .dialog .hd .c, .dialog .ft .c { font-size:1px; /* ensure minimum height */ height:4px; } .dialog .ft .c { height:5px; } .dialog .hd { background:transparent url(images/tl.gif) no-repeat 0px 0px; } .dialog .hd .c { background:transparent url(images/tr.gif) no-repeat right 0px; } .dialog .bd { background:transparent url(images/ml.gif) repeat-y 0px 0px; } .dialog .bd .c { background:transparent url(images/mr.gif) repeat-y right 0px; } .dialog .bd .c .s { margin:0px 1px 0px 1px; position: relative; background-color:#F2F6F7; padding: 3px; } .dialog .s { position: relative; } .dialog .ft { background:transparent url(images/bl.gif) no-repeat 0px 0px; } .dialog .ft .c { background:transparent url(images/br.gif) no-repeat right 0px; } div.member-box1 { position: relative; margin: 10px 10px 0px 10px; width: 660px; padding: 0px; font-size: 0.8em; text-align: left; } div.member-box1 div.member-summary { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 2px 2px 2px 8px; width: 260px; min-height: 40px; font-weight: normal; } .member-box1 .member-image { float: left; /* border: 1px solid #D6D6D6; */ /*background-color: #D6D6D6; */ background-color: #ffffff; border: 1px solid #ffffff; overflow: hidden; width: 38px; height: 38px; text-align: center; margin: 0px 10px 0px 0px; } .member-box1 .member-image img { height: 38px; } .member-box1 .member-summary div { padding-top: 1px; font-weight: normal; } .member-box1 .member-summary .location { } .member-box1 div.member-summary a.member-name { color: #0C66C6; font-size: 1.1em; font-weight: bold; text-decoration: none; } .member-box1 .member-detail { padding-left: 260px; width: 370px; margin: 0px; min-height: 50px; } .member-box1 .relationship { vertical-align: middle; } .member-box1 .relationship input { padding: 0px 0px 0px 8px; } * html .member-detail { height: 52px; } div.member-box { margin: 10px 100px 0px 10px; padding: 0px; text-align: left; } div.member-spacer { width: 20px; height: 40px; } div.member-box div.member-image { position: absolute; top: 3px; left: 20px; border: 1px solid #D6D6D6; background-color: #D6D6D6; overflow: hidden; width: 38px; height: 38px; text-align: center; } div.member-box div.member-image img { height: 38px; } div.member-box div.member-details { position: absolute; padding: 0px; margin: 0px; top: 1px; left: 70px; font-size: 0.7em; overflow: none; } div.member-box div.member-name a.member-name { color: #0C66C6; font-size: 1.1em; font-weight: bold; text-decoration: none; } span.result-navigation span, span.result-navigation img { text-align: center; vertical-align: middle; padding: 0px 5px; margin: 0px; border: none; } /* Styles for generic post summary box */ .post-summary { position: relative; border: 1px solid #B7B7B7; height: 80px; width: 600px; background-color: #F2F6F7; margin: 10px 20px 0px 19px; padding: 0px; text-align: left; } .post-summary .post-title, .post-summary .post-author, .post-summary .post-excerpt { position: absolute; left: 150px; } .post-summary .post-title { top: 3px; font-weight: bold; } .post-summary .post-author { top: 19px; font-size: 0.8em; } .post-summary .post-excerpt { top: 35px; line-height: 1.1em; font-size: 0.9em; padding-right: 30px; } .post-summary .post-rating img { position: absolute; right: 80px; top: 57px; width: 85px; height: 19px; } .post-summary .post-reply-count img { width: 58px; height: 58px; position: absolute; right: -1px; bottom: -1px; } /* dynamic help text */ form ul{ margin:0; padding:0; list-style-type:none; width:100%; } form li{ margin:0; padding:4px 5px 2px 9px; position:relative; } form li:after,.buttons:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } form li, .buttons { display:inline-block; } * html form li, * html .buttons{ height: 1%; } form li, .buttons{ display: block; } form li div, form li span{ margin:0 4px 0 0; padding:0 0 8px 0; color:#444; } form li span{ float:left; } form li div.left{ display:inline; float:left; width:48%; } form li div.right{ display:inline; float:right; width:48%; } form li div.left .medium, form li div.right .medium{ width:100%; } .clear{ clear:both; } form li div label, form li span label{ margin:0; padding-top:3px; clear:both; font-size:9px; line-height:9px; color:#444; display:block; } form li .icon{ float:left; margin:.1em 5px 0 0; padding:0; width: 16px; height: 16px; cursor:pointer !important; } form li.section{ border-top:1px dotted #ccc; margin-top:9px; padding-top:13px; padding-bottom:0px; width:96% !important; } form ul li.first{ border-top:none !important; margin-top:0px !important; padding-top:0px !important; } /* ----- FIELDS AND LABELS ----- */ form li.focused{ background-color:#fff7c0; } form .guidance{ display:none; position:absolute; top:0; left:100%; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; } form .guidance small{ font-size:100%; } form li.focused .guidance, form li:hover .guidance{ display:block; } .noI form li{ width:97% !important; }.noI .guidance{ display:none !important; } .guidehead { position:relative; padding:8px 10px 9px 10px; background:#ccccff; display:block; font-family: 'Georgia'; font-weight: bold; font-size: 1.2em; color: #000000; } .guidetxt{ position:relative; padding:9px 10px 9px 10px; font-family: 'verdana'; font-size:1.0em; line-height:12px; color:#666666; } /* Styles for embedded media - placed here so that TinyMCE editor can use */ /* this stylesheet for all styles required for WYSIWYG editing */ div.embed-image { clear: both; margin: 0px 15px 15px 0px; float: left; background-color: #E1E1E1; width: 300px; } div.embed-image img { width: 300px; } div.embed-video { float: right; /* margin: 15px 150px; */ width: 640px; background-color: #E1E1E1; } div.embed-image h3, div.embed-image p, div.embed-video h3, div.embed-video p { padding: 0px; margin: 5px 5px; } div.embed-image h3, div.embed-video h3 { font-size: 1.0em; } div.embed-image p, div.embed-video p { font-size: 0.8em; } .image-surround { color: #fff; border: 0; text-decoration: none; }