ul, ol { list-style:none; } h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div, span, img, dt, dd, dl { margin:0; padding:0; } address { font-style:normal; } /* * * Main Styles * * */ html { font-size: 16px; } body { color: #666; background-color: #fff; font-size: 62.5%; font-size-adjust: 0.52; text-align: center; font-family: Helvetica, Trebuchet-MS, Arial, sans-serif; } /* ----------------------------- headings --------------------------------- * * h4 and h5 are used primairly in #beta_form and given block level, * * 100% width and float: left; resectivly. * * ------------------------------------------------------------------------ */ h1 { font-size: 1.8em; line-height: 100%; font-family: "Trebuchet-MS", "Trebuchet MS"; } h2 { font-size: 1.4em; line-height: 100%; } h3 { font-size: 1.4em; line-height: 100%; font-family: "Trebuchet-MS", "Trebuchet MS"; } h4 { font-size: 1.3em; line-height: 90%; } /* why is line-height 90%? do I override in all cases??? */ h5 { font-size: 1.3em; line-height: 24px; } p { font-size: 1.2em; font-family: "Helvetica", "Arial"; } a { color:#0066d0; } a:link, a:visited { text-decoration: none; outline: invert medium none; } a:hover { text-decoration: underline; } a:hover img { border: #dbf5ff solid 2px; } a.mod { color: #FF0000; } a.disabled { color: #999; } a.disabled:hover { text-decoration: none; } img { border: #d8eaf1 solid 2px; } :link img, :visited img { border: #d8eaf1 solid 2px; } form select { text-align: center; } .wrap { margin: 0 auto; width: 955px; text-align: left; } .clear { clear: both; } .left { float: left; } .right { float: right; } .left50pctm { float: left; width: 329px !important; margin-right: 12px; } .left50pct { float: left; width: 329px !important; } /* still in use? */ .block { display: block; } .padded-10L { padding-left: 10px; } .padded-25B { margin-bottom: 25px; } .margin-10B { margin-bottom: 10px; } .margin-15B { margin-bottom: 15px; } /* * * Header Styles * * */ #header { display: block; } #astc_banner { background:url(/images/astcbanner.gif) repeat-x left; width: 100%; height: 33px; } #astc_banner .logo a { display: block; color: #fff; font-size: 1.2em; text-transform: uppercase; background:url(/images/astclogo.gif) no-repeat left; line-height: 30px; padding: 3px 0 0 38px; } #exhibitfiles_logo { float: left; } #exhibitfiles_logo a { float:left; display: block; } #exhibitfiles_logo a:hover { text-decoration: none; } #exhibitfiles_logo .title { float: left; display: block; color: #57453e; line-height: 1em; font-size: 4.122em; font-family: "Trebuchet-MS", "Trebuchet MS"; } #exhibitfiles_logo .title span { color: #9a9a9a; } #exhibitfiles_logo ul { float:left; display: inline; margin-left: 3px; } #exhibitfiles_logo ul li { float:left; display: inline; margin-left: 2px; margin-right: 3px; } #exhibitfiles_logo ul li img { width: 35px; height: 35px; vertical-align: bottom; } #exhibitfiles_logo #logo_tag { clear: both; text-align: right; padding: 4px 5px 0 0; } #user_message { float: right; line-height: 4.122em; padding: 4px 2px 0 0; } /* * * Navigation Styles * * */ #navigation { float: right; } #navigation ul { float: right; height: 2.6em; } #navigation ul li { float: left; display: inline; padding-left: 5px; height: 25px; } #navigation ul li a { float: left; display: block; color: #666; font-size: 1.4em; text-align: center; font-family: "Arial", sans-serif; line-height: 1em; background:url(/images/navtab.gif) repeat-x top left; border-top: #ddd solid 1px; border-right:#ddd solid 1px; border-left: #ddd solid 1px; padding: 5px 1em 5px 1em; height: 1em; } #navigation ul li.on a { font-weight: bold; padding: 6px 11px 4px 10px; } #navigation ul li a:hover, #navigation ul li.on a { text-decoration: none; background:url(/images/navtabon.gif); border-bottom: #e7e7e7 solid 1px; } #navbar { clear: both; background:url(/images/navbar.gif) repeat-x top left; padding: 0px 0 0 0; margin: 0 0 0 0; width: 100%; height: 5px; } /* * * Content Styles * * */ #content { float: left; padding-bottom: 15px; min-height: 300px; width: 100%; height: 100%; } #content #left { float: left; display: block; margin-right: 15px; width: 670px; } #content #right { float: right; display: block; width: 270px; } #content .space-30px { height:30px; } .dbempty { display: block; text-align: center; margin-left: 5px; margin-right: 10px; height: 50px; } .dbempty h4 { line-height: 50px; width: 100%; } /* ------------------------------ button ---------------------------------- * * * * ------------------------------------------------------------------------ */ /* ------------------------------ button ---------------------------------- * * * * ------------------------------------------------------------------------ */ /* ------------------------ spacers: gradients ------------------------------- * spacer-02: loc: under nav bar * * spacer-03: loc: under case studies and reviews * * spacer-04: gradient with solid dark line * * spacer-05: horizontally flipped spacer-04 * * ------------------------------------------------------------------------- */ .spacer-01 { background:url(/images/spacer_01.gif) repeat-x top left; padding-top: 25px; } .spacer-02 { background:url(/images/spacer_02.gif) repeat-x top left; padding-top: 25px; } .spacer-03 { background:url(/images/spacer_03.gif) repeat-x top left; padding-top: 16px; } .spacer-04 { background:url(/images/spacer_04.gif) repeat-x top left; padding-top: 16px; } .spacer-05 { background:url(/images/spacer_05.gif) repeat-x top left; padding-top: 16px; } /* ------------------------------ sep-nav --------------------------------- * * first
and
tag pairs are for welcome messages and descriptions * * and do NOT have a '

|

' preceeding or following. * * ------------------------------------------------------------------------- */ div.sep-nav dl { } div.sep-nav dl * { float: left; } div.sep-nav dl a { font-size: 1.2em; } div.sep-nav dl dt p { padding: 0 0.6em; } div.sep-nav dl dd p { padding: 0 0.5em 0 0; } div.sep-nav dl dd p a { float: none; font-size: 1em; font-weight: bold; } /* ---------------------------- pagination -------------------------------- * * mypagination: unsure if this is used 100% however, should be found on * * nearly every page that requires it... * * -------------------------------------------------------------------------*/ div.mypagination { font-size: 1.2em; line-height: 20px; font-family: "Helvetica", "Helvetica"; padding-top: 10px; width: 100%; height: 30px; } div.mypagination ul { float: right; color: #ccc; list-style: none; padding-top: 3px; margin-right: 10px; } div.mypagination ul li { float: left; padding-right: 3px; } div.mypagination ul li span { display: block; padding-right: 3px; padding-left: 3px; } div.mypagination ul li a { display: block; text-align: center; background:url(/images/button_empty.gif) no-repeat top center; padding-left: 1px; height: 17px; width: 18px; } div.mypagination ul li a:hover { color: #ee9200; text-decoration: none; } div.mypagination ul li.prev a { background:url(/images/button_arrow_single_back.gif) no-repeat top center; } div.mypagination ul li.next a { background:url(/images/button_arrow_single.gif) no-repeat top center; } div.mypagination ul li.last a { background:url(/images/button_arrow.gif) no-repeat top center; } div.paged { color: #ccc; line-height: 17px; text-align: center; padding: 10px 0 0 0; width: 100%; height: 30px; } div.paged ul { float: right; } div.paged ul li { float: left; margin: 0 5px 0 0; } div.paged ul li a:hover { color: #ee9200; text-decoration: none; } div.paged ul li a, div.paged ul li p { display: block; font-size: 1.2em; line-height: 20px; background:url(/images/paged.gif) no-repeat scroll 0 0; padding: 0 0 0 5px; height: 17px; } div.paged ul li span { display: block; background:url(/images/paged.gif) no-repeat scroll 100% 0; padding: 0 4px 0 0; min-width: 10px; height: 100%; } div.paged ul li.first a { background:url(/images/paged.gif) no-repeat scroll 0 -18px; padding: 0 0 0 18px; } div.paged ul li.first a:hover { background:url(/images/paged.gif) no-repeat scroll 0 -36px; } div.paged ul li.prev a { background:url(/images/paged.gif) no-repeat scroll 0 -54px; padding: 0 0 0 18px; margin: 0; } div.paged ul li.prev a:hover { background:url(/images/paged.gif) no-repeat scroll 0 -72px; } div.paged ul li.next a { background:url(/images/paged.gif) no-repeat scroll 100% -90px; padding: 0 18px 0 0; margin: 0; } div.paged ul li.next a:hover { background:url(/images/paged.gif) no-repeat scroll 100% -108px; } div.paged ul li.last a { background:url(/images/paged.gif) no-repeat scroll 100% -126px; padding: 0 18px 0 0; } div.paged ul li.last a:hover { background:url(/images/paged.gif) no-repeat scroll 100% -144px; } div.paged ul li.first span, div.paged ul li.prev span { padding: 0 5px 0 0; } div.paged ul li.next span, div.paged ul li.last span { background-position: 0 0; padding: 0 0 0 5px; } /* ----------------------------- button(s) -------------------------------- * * more: used with #featured, .widget_navbox, and .case_listing * * button: used for Join up!, Login, Search. * * button_close: used for flashed, contextual help. * * button_ilink: used for contextual help, it's the 'i' * * button_delete: used with accordion and the dynamic js form fields * * button_add: used with accordion and the dynamic js form fields * * submitter: found specifically wrapped within form tags * * ------------------------------------------------------------------------ */ div.more { padding: 0 18px 0 0; } div.more a { float: right; display: block; font-weight: bold; font-size: 1.2em; line-height: 17px; background:url(/images/button_arrow.gif) no-repeat top left; padding: 0 0 0 24px; min-height: 17px; } div.button { float: left; display: block; height: 30px; } div.button p { float: left; font-family: "Arial", "Arial"; line-height: 30px; } div.button a { float: left; color: #999; font-weight: bold; background:url(/images/button_bg.gif) repeat-x top left; } div.button a:hover { color: #0066D0; text-decoration: none; cursor: pointer; } div.button a p { font-size: 1.6em; } div.button div.l { float: left; background:url(/images/button_left.gif) no-repeat center left; width: 10px; height: 30px; } div.button div.r { float: left; background:url(/images/button_right.gif) no-repeat center right; width: 10px; height: 30px; } div.button_close { float: right; } div.button_close p { font-weight: bold; /*line-height: 1.2em;*/ } div.button_close a { display: block; color: #9f9f9f; line-height: 13px; background:url(/images/close_button_over.gif) no-repeat center right; padding: 1px 15px 0 0; margin: 2px 3px 0 0; height: 13px; } div.button_close a:hover { color: #797979; background:url(/images/close_button.gif) no-repeat right center; } a.button_ilink { float: left; display: block; } a.button_ilink.r { float: right; } a.button_ilink span { float:left; display: block; font-size: 1.1em; font-weight: bold; line-height: 14px; padding: 2px; font-family: 'Georgia', 'Georgia'; } a.button_ilink span.img { font-style: italic; text-align: center; background:url(/images/search_i.gif) no-repeat top center; padding: 2px 6px !important; margin: 0 3px 0 0; } a.button_ilink span.txt { padding-left: 3px; } a.button_ilink:hover { color: #ee9200; text-decoration: none; cursor: pointer; } a.delete_button { float: left; display: block; background:url(/images/accordion_delete.gif) no-repeat scroll center; margin: 2px 7px 0 0; width: 22px; height: 19px; } form div.submitter { padding: 0 0 0 10px; margin: 0 0 0 0; } form div.submitter p { line-height: 20px; padding: 2px 0 0 0; margin: 0 0 0 0; } form div.submitter p a { line-height: 20px !important; } form div.submitter input.add_button { margin: 0 5px 0 0; } /* -------- generic layout used by: webtc + privacy policy + about -------- * * used for privacy policy and web terms and conditions * * * * merge with views... * * ------------------------------------------------------------------------ */ div.page_content { margin-bottom: 15px; } div.page_content h1 { padding-top: 0.5em; padding-bottom: 0.778em; } div.page_content h2 { font-size: 1.5em; border-bottom: #e7eef1 1px solid; padding-bottom: 0.3em; margin-bottom: 1em; } div.page_content h5 { font-size: 1.5em; line-height: 1.3em; } div.page_content p { padding-left: 0.05em; } div.page_content ul { margin-bottom: .25em; margin-right: 18px; } div.page_content ul li p { line-height: 1.167em; padding-bottom: 1em; } div.page_content ul li ul { list-style: circle; list-style-position: outside; padding-left: 2.2em; } div.page_content ul.first { margin-bottom: 0em; } div.page_content ul.first h2 { border: none; padding-top: 0.5em; margin: 0; } div.page_content ul.first li p { padding-bottom: 1.25em; } div.page_content address { padding-left: 2.2em; } div.page_content address p { padding-bottom: 0.25em !important; } div.page_content div.case_listing-container { margin-bottom: 15px; } div.page_content div.case_listing-container dl { border-width: 0px; padding: 0 0 10px 0.05em; margin: 0; } /* ---------------------------- javascript -------------------------------- * * loading: activated when a user choose a sort method. * * slideshow: used throught the views. * * SelectBox: the customized dropdown * * ShuffleBox: the customized A-Z/Date sorting * * ------------------------------------------------------------------------ */ div.slideshow { } div.slideshow .image_container img { display: block; border: #e9e9e9 2px solid; } div.slideshow .content_container { padding-top: 10px; margin-bottom: 20px; min-height: 80px; } div.slideshow .content_container ul { float: right; padding-left: 30px !important; padding-right: 2px; padding-bottom: 10px !important; } div.slideshow .content_container ul li { float: left; } div.slideshow .content_container ul li p { line-height: 23px !important; padding-top: 2px; margin-right: 8px; } div.slideshow .content_container span { display: block; padding-top: 5px; padding-left: 8px; } div.slideshow .content_container span p { font-size: 1.1em; line-height: 15px; padding-left: 5px; } div.slideshow .btn_prev { background:url(/images/slideshow_prev.gif) no-repeat top left; cursor: pointer; width:42px; height:23px; } div.slideshow .btn_prev:hover { background:url(/images/slideshow_prev_over.gif) no-repeat top left; } div.slideshow .btn_sep { background:url(/images/slideshow_sep.gif) no-repeat top left; width: 1px; height: 23px; } div.slideshow .btn_next { background:url(/images/slideshow_next.gif) no-repeat top left; cursor: pointer; width:44px; height:23px; } div.slideshow .btn_next:hover { background:url(/images/slideshow_next_over.gif) no-repeat top left; } div.contextual_help { color: #555; font-family: sans-serif; width: 330px; height:150px; font-size: 10px; z-index:9999; } div.contextual_help.search_left { width: 289px; padding-left:15px;} div.contextual_help.search_right { width: 299px; padding-left:15px;} div.contextual_help p { background-color:#fff; padding:5px; margin:5px; border: 1px solid #e3e3b3; text-align:left; font-family:sans-serif; margin-top:18px; height:100px; } div.contextual_help .bgimg_left { position: absolute; background:url(/images/popover_pointer_l.gif) no-repeat center right; top: 0px; right: 0px; margin: 0 4px 0 0; width: 12px; height: 149px; } div.contextual_help .bgimg_right { position: absolute; background:url(/images/popover_pointer_r.gif) no-repeat center right; top: 0px; left: 0px; margin: 0 0 0 4px; width: 12px; height: 149px; } div.contextual_help .bgtxt { background-color: #ffffdb; border: 1px solid #e3e3b3; height: 149px; } div.SelectBox { float: left; display: block; text-align: center; padding: 2px 5px 3px 0; height: 16px; width: 120px; } div.SelectBox h4 { color: #6a8090; line-height: 18px; } div.SelectBox h4:hover { color: #0066d0; text-decoration: none; } div.SelectBox h4.selected { border: #e1e1e1 1px solid; cursor: pointer; background:url(/images/dropdown_bg.gif) repeat-x top left; height: 100%; } div.SelectBox h4.selected { background: #f5f5f5 url(/images/dropdown_arrowon.gif) no-repeat top right !important; padding: 0 23px 0 5px; } div.SelectBox h4.selected:hover { background: #f5f5f5 url(/images/dropdown_arrowonover.gif) no-repeat top right !important; } /* arrow: #70899b; */ div.SelectBox ul { width: 120px; } div.SelectBox ul li { background-color:#f0f0f0; border-left: #e1e1e1 1px solid; border-right: #e1e1e1 1px solid; cursor: pointer; border-bottom: #e1e1e1 1px solid; padding-top: 1px; height: 16px; } div.SelectBox ul li h4 { font-size:12px; } div.ShuffleBox { float:left; background-color: #ffffdb; width:80px; height:22px; } #members div.ShuffleBox#contributions { width: 110px; } div.ShuffleBox h4 { color: #6a8090; text-align: center; line-height: 15px; padding: 1px 12px 0 0; margin: 0; } div.ShuffleBox h4:hover { color: #0066D0; } div.ShuffleBox div { border: 1px solid #ffffdb; margin-top: 2px; width: 65px; } #members div.ShuffleBox#contributions div { width: 100px; } div.ShuffleBox div.on { background:url(/images/dropdown_bg.gif) repeat-x top left; border: #e1e1e1 solid 1px; padding-top: 0px; width: 74px; } #members div.ShuffleBox#contributions div.on { width: 105px; } div.ShuffleBox div.descending h4{ background:url(/images/dropdown_descending.gif) no-repeat top right; } div.ShuffleBox div.ascending h4{ background:url(/images/dropdown_ascending.gif) no-repeat top right; } div.ShuffleBox div.ascending:hover h4 { background:url(/images/dropdown_ascendingover.gif) no-repeat top right; } div.ShuffleBox div.descending:hover h4{ background:url(/images/dropdown_descendingover.gif) no-repeat top right; } div.loading { line-height:20px; vertical-align:center; border:2px solid #333; background-color:#fff; color:#333; font-family: Arial; font-size: 10px; padding:10px; } div.loading img { border: 0px; vertical-align:center; } /* ------------------------------ ex-type --------------------------------- * * ex-type: the button icon stating casestudy/review used in featured and * * the views * * ------------------------------------------------------------------------ */ #content div.ex_type { padding: 3px 0 0 0; } #content div.ex_type h6 { font-size: 1.2em; line-height: 1em; margin: 2px 0 0 0; font-weight:normal; } #content div.ex_type p { float: left; color: #FFFAF0; font-family: "Arial"; font-size: 1.1em; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; line-height: 14px; padding: 0 0 0 5px !important; margin: 0 0.5em 0 0; height: 14px; } #content div.ex_type p span { float:left; display: block; padding: 0 5px 0 0; height: 14px; } #content div.ex_type.review p { background: url(/images/ex_type.gif) no-repeat scroll 0 0; } #content div.ex_type.review p span { background: url(/images/ex_type.gif) no-repeat scroll 100% 0; } #content div.ex_type.casestudy p { background: url(/images/ex_type.gif) no-repeat scroll 0 -15px; } #content div.ex_type.casestudy p span { background: url(/images/ex_type.gif) no-repeat scroll 100% -15px; } #content div.ex_type.bit p { background: url(/images/ex_type.gif) no-repeat scroll 0 -30px; } #content div.ex_type.bit p span { background: url(/images/ex_type.gif) no-repeat scroll 100% -30px; } #content div.ex_type.post p { background: url(/images/ex_type.gif) no-repeat scroll 0 -30px; } #content div.ex_type.post p span { background: url(/images/ex_type.gif) no-repeat scroll 100% -30px; } /* ------------------------------ searched -------------------------------- * * searched: the page displayed upon user search...sorta like case_listing * * instead with an ol vs a dl * * ------------------------------------------------------------------------ */ #searched { clear: both; } #searched div.header { background: url(/images/allheaders_bg.gif) repeat-x top left; border: #ddd 1px solid; width: 100%; height: 25px; } #searched div.header h1 { color: #fff; line-height: 24px; padding: 1px 0 0 10px; } #searched #statistics { border-bottom: #F0F0F0 solid 1px; padding: 15px 0 10px 10px; } #searched #statistics h1 { display: inline; font-size: 1.2em; padding: 0 5px 0 0; } #searched #statistics p { display: inline; color: #999; } #results { margin: 0 0 0 10px; } #results ol { font-size: 1.1em; list-style: decimal; padding: 0 0 0 10px; margin: 0 0 20px 21px; } #results ol li { position: relative; border-bottom: #F0F0F0 solid 1px; padding: 10px; } #results ol li:hover { background-color: #f3fcff; } /*#results ol li img { display: block; width: 48px; height: 48px; }*/ #results ol li, .results ol li { min-height: 52px; } #results div.thumbed, .results div.thumbed { position: absolute; left: 10px; top: 10px; } #results div.thumbed img, .results div.thumbed img { width: 48px } #results div.infoed, .results div.infoed { font-size: 0.909em; padding: 0 0 0 62px; } #results div.infoed h6 span, .results div.infoed h6 span { font-weight: normal; padding: 0 0 0 0; } #results div.infoed div.returned p, .results div.infoed div.returned p { line-height: 1.2em; padding: 3px 50px 0 0; } /*
  • asdf

    Title

    Review

    by Chris Published May 17 2007

    In collaboration with the Alaska SeaLife Center, Redmond-Jones & Associates developed and designed the permanent exhibition Bering Sea: Abundance and Change. The exhibition introduces visitors to the Bering Sea¿the animals, people, industry... physical aspects that make this region so abundant. Visitors then explore current scientific research into environmental changes in the Bering Sea and the many

    • */ /* #results div.thumb { position: absolute; left: 10px; top: 10px; } #results ol li div.info { padding: 0 0 0 62px; } #results ol li div.title { font-size: 0.909em; padding: 0 0 2px 0; } #results ol li div.title h4 { display: inline; line-height: 16px; } #results ol li div.title div.ex_type { float: left; padding: 1px 0 0 0; } #results ol li div.title div.ex_type h6 { float: left; overflow: hidden; width: 108px; } #results ol li div.title div.psudoright { float: right; padding: 0 0 0 15px; height: 54px; width: 200px; } #results ol li div.title div.date { clear: both; text-align: center; padding: 10px 20px 0 0; } #results ol li div.ret { font-size: 0.909em; line-height: 1.2em; text-align: justify; } #results ol li div.ret p { overflow: hidden; width: 332px; height: 36px; } */ /* ----------------------------- #featured -------------------------------- * * #featured: the main page featured casestudy/review * * ------------------------------------------------------------------------ */ #featured { float: left; display: block; padding-right: 5px; width: 100%; } #featured p { line-height: 14px; } #featured dl { font-size: inherit; } #featured dl h1 { margin-bottom: 5px; } #featured dl h4 { color: #9a9a9a; margin-top: 3px; } #featured dl h4 a { color: #0068c3; } #featured dl .headline2 { margin-bottom: 10px; } #featured dl .headline2 a { color: #0066d0; font-size: 1.4em; font-weight: bold; font-family: "Helvetica", "Helvetica"; padding-left: 1px; } #featured dl .description p { margin-top: 20px; min-height: 60px; } #featured .img-full { float: left; display: block; margin-right: 20px; } #featured .img-full a { float: left; display: block; } #featured .img-full img { float: left; border: #dbdada solid 2px; width: 300px; height: 225px; } #featured .img-full:hover img { border: #dbf5ff solid 2px; } #featured .img-thumb { float: left; display: block; margin-right: 10px; } #featured .img-thumb img { float: left; display: inline; margin-bottom: 5px; width: 48px; height: 48px; } #featured .ex_type { padding: 5px 0 10px 0; } #featured .more a { font-size: 1.3em; } /* ------------------------------- views ---------------------------------- * * the new and improved views...easier, cleaner...better? * * ------------------------------------------------------------------------ */ #views { width: 100%; } #views h2 { font-size: 1.5em; padding: 0 0 2px 0; } #views ul { margin: 3px 0 0 10px; } #views ul.infolist li h4 { font-size: 1.2em; line-height: 1.4em; padding: 0.1em 0 0.3em 0; } #views ul.infolist li h4 span { font-weight: normal; padding: 0 0.5em 0 0; } #views ul.contentlist li { margin: 10px 0 0 0; font-size: 1.3em; line-height: 1.4em; } #views ul.contentlist li p { padding: 0 0 15px 0; font-size: 1.0em; } #views ul.files { margin: 0 0 15px 10px; } #views ul.files li h4 { line-height: 1.25em; padding: 0.1em 0 0 0; } #views ul.files li h4 span { font-size: 0.85em; font-weight: normal; } #views ul.files li p { color: #888; font-size: 1.15em; line-height: 1.3em; } #views ul.files li.pdf { background:url(/images/mds_pdf.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.doc { background:url(/images/mds_doc.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.image { background:url(/images/mds_image.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.audio { background:url(/images/mds_audio.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.quicktime { background:url(/images/mds_quicktime.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.video { background:url(/images/mds_video.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views ul.files li.other { background:url(/images/mds_other.gif) no-repeat left top; padding:3px 0 3px 36px; margin: 0 0 5px 0; min-height: 30px; } #views div.case_listing-container dl dt p { padding: 2px 0 6px 0; } #views #left { float: left; margin: 0 20px 0 0; width: 450px; } #views #right { float: right; margin: 16px 0 0 0; width: 480px; } #views #section_01 { background:url(/images/spacer_04.gif) repeat-x top left; padding: 13px 0 0 0; } #views #section_02 { background:url(/images/spacer_05.gif) repeat-x top left; padding: 27px 0 0 0; } #views #section_02 ul { padding-bottom: 12px; } #views #section_03 { clear: both; padding: 16px 0 0 0; } #views #section_03 ul li { clear: both; float: left; width: 100%; } #views #section_03 dl { padding: 6px 0 0 0; } #views #section_03 dl dt p { font-size: 1.1em; font-weight: bold; padding: 0 0 4px 0; } #views #section_03 dl dd h4 { line-height: 19px; } #views #section_03 dl dd p { line-height: 1.5em; padding: 0 0 3px 0; } #views #utilbar { clear: both; background:url(/images/spacer_04.gif) repeat-x top left; padding: 16px 0 16px; 0; width: 100%; } #views #utilbar .c { background: #ffffdb; border: #f7f7c7 2px solid; padding: 0 17px 5px 0; } #views #utilbar ul { height: 26px; } #views #utilbar ul li { float: left; padding: 0 0 0 17px; } #views #utilbar ul li a { display: block; font-size: 1.3em; line-height: 2.2em; padding: 0 0 0 17px; } #views #utilbar ul li.fav a { background:url(/images/ex_utility_fav.gif) no-repeat scroll 0 40%; } #views #utilbar ul li.fav a.disabled { background:url(/images/ex_utility_fav_disabled.gif) no-repeat scroll 0 40%; } #views #utilbar ul li.flag a { background:url(/images/ex_utility_flag.gif) no-repeat scroll 0 45%; } #views #utilbar ul li.print a { background:url(/images/ex_utility_print.gif) no-repeat scroll 0 45%; } #views #utilbar div.spacer { clear: both; background:url(/images/spacer_05.gif) repeat-x bottom left; padding: 0 0 20px 0; } #views #comment_form { clear: both; float: left; padding: 10px 0 0 0; width: 100%; } #views #comment_form h2 { background:url(/images/spacer_05.gif) repeat-x bottom left; padding: 0 0 13px 10px; margin: 0 0 13px 0; } #views #comment_form #comment_form-container { background:url(/images/spacer_04.gif) repeat-x bottom left; padding: 0 0 16px 0; } #views #comment_form #comment_form-container #beta_form { float: none; } #views #comment_form #comment_form-container #beta_form h4 { line-height: 1.3em; } #views #comment_form #comment_form-container #beta_form div { padding: 0 0 6px 10px; } /* ---------------------------- view_title -------------------------------- * * #ex_title: used in all view_forms. * * .sep-nav: the right most navigation within the form * * ------------------------------------------------------------------------ */ #view_title { float: left; width: 100%; } #view_title #ext_title { padding: 0 0 0 10px; } #view_title #ext_title h1 { font-size: 2em; line-height: 1.1em; padding: 0 0 8px 0; } #view_title #ext_title h1 span { color: #3366CC; } #view_title #ext_title #ext_panel { float: right; } #view_title #ext_title #ext_panel div.sep-nav { float: left; font-weight: bold; text-transform: capitalize; padding: 7px 0 10px 20px; margin: 0 auto; } #view_title #ext_title div.form_bar { float: right; background:url(/images/spacer_05.gif) repeat-x top left; padding: 15px 0 0 0; width: 350px; } #view_title #ext_info { float: left; padding: 0 0 0 10px; } #view_title #ext_info h2 { font-size: 1.2em; line-height: 1.4em; } #view_title #ext_info h2 span { font-weight: normal; padding: 0 2px 0 0; } /* #view_title #utilbar { background: none; padding: 0px; } #view_title #utilbar ul#view-nav { float: right; } #view_title #utilbar ul#view-nav li { float: left; } #view_title #utilbar ul#view-nav li p { line-height: 24px; font-weight: bold; padding: 0 5px 0 0; } #view_title #utilbar ul#view-nav p a { padding: 0 5px 0 0; } */ /* ----------------------------- form_bar -------------------------------- * * .form_bar: the email draft bar used in the views for emailing drafts * * and inappropiate content. * * * * this can be consolidated with beta_form... * * ------------------------------------------------------------------------ */ div.form_bar { clear: both; float: left; width: 100%; } div.form_bar .captcha { width:400px; padding-top:10px;} div.form_bar .captcha div { float:none; } div.form_bar form { width: 100%; } div.form_bar span { float:left; margin: 0 0 5px 0; } div.form_bar input, div.form_bar textarea { border: #ccc 1px solid; } div.form_bar textarea { width: 90%; overflow-y: auto; } div.form_bar div { float: left; width: 100%; } div.form_bar div.box { padding: 10px; width: auto; } div.form_bar div.box.green { background-color: #f8fafb; border: #e7eef2 1px solid; } div.form_bar div.box h4 { line-height: 21px; } div.form_bar div.box div.box { background:url(/images/draft_bar.gif) repeat-x; background-size: auto; width: 91%; } div.form_bar div.listform p { float: left; line-height: 18px; padding: 2px 7px 0 0; } div.form_bar div.listform a.add_button { margin: 1px 0 0 0; } div.form_bar div.listform a.delete_button { margin: 0 7px 0 0; } div.form_bar div.listform img { border: none; } div.form_bar div.listform input { display: inline; margin: 0 7px 0 0; min-height: 20px; } div.form_bar div.submitter { margin-top: 5px; padding-left: 0; } div.form_bar dl.accordion_errors { width: 100%; height: auto; } div.form_bar dl.accordion_errors * { display: inline; font-size: 1.1em; } div.form_bar dl.accordion_errors dt { font-weight: bold; padding-right: 0.6em; } div.form_bar dl.accordion_errors dt::after { content: ":"; } div#draft_bar form { width: 350px; } div#draft_bar div.listform input { width: 125px; min-height: 20px; } div#views #inappropriate_bar { width: 95%; } div#views #inappropriate_bar div.box { margin: 15px 0 5px 10px; width: 92.5%; } /* * * widget_styles * * */ /* widget_sortmethod */ div.widget_sortmethod { background-color: #ffffdb; border: #f7f7c7 2px solid; padding-left: 3px; margin-left: 12px; width: 114px; height: 24px; } div.widget_sortmethod p { float: left; line-height: 90%; padding-top: 7px; margin-right: 5px; } div.widget_sortmethod.sortby { width: 270px; height: 24px; } /* --------------------------- widget_navbox ------------------------------ * * used as a display container for search, latest comments, newest members * * ------------------------------------------------------------------------ */ div.widget_navbox { clear:both; float: left; background-color: #f5f5bb; border: #f5f5bb solid 8px; margin: 0 0 17px 0; width: 254px; } div.widget_navbox div.title { padding-left: 10px; height: 35px; } div.widget_navbox div.title h3 { line-height: 33px; text-transform: capitalize; } div.widget_navbox form .input a { display: block; font-size: 1.1em; } div.widget_navbox form .input p { font-size: 1.1em; } div.widget_navbox form .input h2, form .input h3 { margin-bottom: 3px; } div.widget_navbox form .input input.text { border: #f5f5b1 2px solid; margin-bottom: 5px; width: 204px; } div.widget_navbox form .input input.text:focus { color: #333; } div.widget_navbox form .submit { font-family: "Arial", "Arial"; line-height: 29px; height: 30px; width: 100%; } div.widget_navbox ul.tabbed-nav { float: left; list-style: none; border-bottom: #ebeb94 1px solid; width: 100%; } div.widget_navbox ul.tabbed-nav li { float: left; display: inline; margin-right: 2px; height: 24px; } div.widget_navbox ul.tabbed-nav li h3 { float: left; display: block; font-size: 1.3em; line-height: 23px; padding: 1px 8px 0 8px; margin: 0 1px 0 1px; height: 23px; } div.widget_navbox ul.tabbed-nav li.on h3, .widget_navbox ul.tabbed-nav li.noscript h3 { background-color: #feffdf; line-height: 23px; border-top: #ebeb94 1px solid; border-left: #ebeb94 1px solid; border-right: #ebeb94 1px solid; padding: 0px 8px 1px 8px; margin: 0 0 0 0; height: 23px; } div.widget_navbox ul.tabbed-nav li h3 a:hover { color: #ee9200; text-decoration: none; } div.widget_navbox div.navbox-container { clear: both; background-color: #feffdf; border-left: #ebeb94 1px solid; border-right: #ebeb94 1px solid; border-bottom: #ebeb94 1px solid; width: auto; height: auto; /*height: 200px;*/ } div.widget_navbox div.navbox-container form { padding: 13px 10px 15px 10px; } div.widget_navbox div.navbox-container div.more { padding: 9px 20px 0 0; } div.widget_navbox div.navbox-container.case_listing dl { margin-right: 0px; } div.widget_navbox div.navbox-container.single { border-top: #EBEB94 1px solid; padding: 10px; } div.widget_navbox.summary { background-color: #efefef; border: #efefef 8px solid; } div.widget_navbox.summary ul.tabbed-nav li.on h3, .widget_navbox.summary ul.tabbed-nav li.noscript h3 { background-color: #fff; border-top: #cddee7 1px solid; border-left: #cddee7 1px solid; border-right: #cddee7 1px solid; } div.widget_navbox.summary ul.tabbed-nav { border-bottom: #cddee7 1px solid; } div.widget_navbox.summary div.navbox-container { background-color: #fff; border-left: #cddee7 1px solid; border-right: #cddee7 1px solid; border-bottom: #cddee7 1px solid; } #navbox-toolbar div.navbox-container { padding: 10px 10px 0 10px; height: 190px; } #navbox-toolbar div.navbox-container form input.text { height: 20px; padding: 5px 0 0 3px; } #navbox-toolbar div.navbox-container form div.input { margin: 0 0 18px 0; } #widget_join ul li { background:url(/images/check.gif) no-repeat scroll 0pt 20%; padding-left: 28px; padding-bottom: 8px; } #widget_join ul li h2 { line-height: 17px; } #widget_join span { display: block; position: relative; line-height: 13px; padding-left: 3px; } #widget_join div.button { position: absolute; top: 43px; left: 148px; } #widget_login { font-family: "Arial", "Arial" !important; } #widget_search form .input h3 { float: left; line-height: 20px; margin-right: 5px; } #widget_search form .input p { color: #b7b7b7; font-family: "Helvetica", "Helvetica"; } #widget_search form .text { height: 18px; padding: 2px 0 0 2px; } #widget_search form .submit .button { float: right; } #widget_search a.button_ilink { float: right; } #widget_search .widget_dropdown, #widget_search select { float: left; display: block; margin-bottom: 4px; } #widget_search .widget_dropdown { text-align: center; padding-top: 0px; padding-left: 0px; padding-right: 3px; width: 130px; } #widget_search #searchbox .SelectBox { width: 135px; margin-bottom: 15px; } #widget_search #searchbox .SelectBox ul { width: 135px; } /* profile page modification of navbox-container */ #widget_myfav div.navbox-container.single, #widget_mycontact div.navbox-container.single { border-top: 1px solid #CDDEE7; padding: 0; } /* case_listing */ .case_listing { width: 100%; } .case_listing .header { border: #ddd solid 1px; width: 100%; height: 25px; } .case_listing .header h1 { color: #fff; line-height: 24px; padding-top: 1px; padding-left: 10px; } .case_listing .featured { margin-left: 10px; margin-bottom: 25px; } .case_listing .featured h2 { padding-bottom: 4px; font-size: 1.3em; } .case_listing .featured h4 { color: #999; font-weight: normal; line-height: normal; margin-bottom: 10px; } .case_listing .featured p { line-height: 14px; padding-right: 5px; min-height: 98px; } .case_listing .featured li a img { float: left; border: #dad9d9 2px solid; margin-right: 8px; width: 160px; height: 120px; } div.case_listing div.featured div.more { padding: 9px 18px 0 0; } div.case_listing div.featured div.more a { float: none; } .case_listing .case_listing-container { width: 100%; padding: 0; margin: 0; } .case_listing .case_listing-container dl { clear: both; display: block; border-bottom: #f0f0f0 1px solid; padding: 12px 0 12px 12px; margin: 0 12px 0 0; min-height: 52px; } .case_listing .case_listing-container dl h4 { line-height: 18px; height: 19px; } .case_listing .case_listing-container dl dt p { color: #666;/* ? */ line-height: 1em; padding-bottom: 8px; } .case_listing .case_listing-container dl p { line-height: 1em; } /* ??? */ .case_listing .case_listing-container dl dt img { float: left; margin-right: 10px; width: 48px; height: 48px; } div.case_listing div.case_listing-container *.img-thumb { float: left; display: block; } div.case_listing div.case_listing-container *.img-thumb a { float: left; display: block; } div.case_listing div.case_listing-container *.img-thumb img { float: left; } div.case_listing .case_listing-container dl dd.posted p { color: #9a9a9a; font-size: 1.2em; line-height: 100%; } div.case_listing .case_listing-container .more { padding: 9px 36px 0 0; height: 25px; } .case_listing .case_listing-container.comment_list { padding-top: 10px; } .case_listing .case_listing-container.comment_list dl { border-bottom: none; padding: 0px 0px 10px 10px; } .case_listing .case_listing-container.comment_list dl dd p { line-height: 18px; } .case_listing .case_listing-container.comment_list dl dt.posted p { font-size: 1.1em; font-weight: bold; padding-bottom: 4px !important; } .case_listing .case_listing-container.thumbnailer dl { border: none; padding: 0; margin: 15px 0 30px 0; } .case_listing .case_listing-container.thumbnailer dl h4 { font-size: 2em; font-weight: normal; line-height: 1.4em; height: auto; } .case_listing .case_listing-container.thumbnailer dl p { font-size: 1.3em; line-height: normal; padding: 0; } .case_listing .stats { margin-left: 12px; margin-bottom: 10px; } .case_listing .stats p { line-height: 100%; } .case_listing .stats p span { font-size: 1.4em; line-height: 100%; } #casestudies.case_listing { float: left; margin-right: 12px; width: 329px; } #casestudies.case_listing .header { background:#029c14 url(/images/exhibits_bg.gif) repeat-x top left; border: #029c14 solid 1px; } #casestudies.case_listing .spacer-03 { padding-right: 1px; } #casestudies.case_listing .case_listing-container dl:hover, #reviews.case_listing .case_listing-container dl:hover, .case_listing .case_listing-container.comment_items dl:hover, #widget_smembers.case_listing .case_listing-container dl:hover, #widget_myfav.widget_navbox div.navbox-container.case_listing dl:hover { background-color: #f3fcff; } #reviews.case_listing { float: left; width: 329px; } #reviews.case_listing .header { background:#e59c00 url(/images/exhibitions_bg.gif) repeat-x top left; border: #e59c00 solid 1px; } #reviews.case_listing .spacer-03 { padding-right: 1px; } #bits.case_listing { float: left; width: 329px; } #bits.case_listing .header { background:#e59c00 url(/images/bits_bg.gif) repeat-x top left; border: #196097 solid 1px; } #bits.case_listing .spacer-03 { padding-right: 1px; } #widget_smembers { clear: both; } #widget_scomments { clear: both; } /* * * Page Styles * * */ /* --------------------------- thumbnailer -------------------------------- * * * * ------------------------------------------------------------------------ */ #thumbnailer #left { margin-right: 0px; width: 405px; } #thumbnailer #right { width: 550px; } #thumbnailer #beta_form #beta_form-container { padding: 0; } #thumbnailer #beta_form #beta_form-container h2 { float: left; line-height: 21px; margin: 0 0 3px 0; } #thumbnailer #beta_form #beta_form-container h4 { clear: both; line-height: 1.54em; padding: 0 0 0 5px; margin: 0; } #thumbnailer #beta_form #beta_form-container h4 a { line-height: 16px; } #thumbnailer #beta_form #beta_form-container a.button_ilink { float: right; margin-right: 3px; } #thumbnailer #beta_form #beta_form-container div.thumbnailer_options { clear: both; } #thumbnailer #beta_form #beta_form-container div.thumbnailer_options h4 { line-height: 1.31em; margin: 0 0 5px 0; } #thumbnailer #beta_form #beta_form-container form em { clear: both; line-height: 1em; margin-bottom: 9px; width: 100% } #thumbnailer #beta_form #beta_form-container form input[type="file"] { margin-bottom: 10px; } #thumbnailer #beta_form #beta_form-container div.box { padding: 10px; width: 91%; } #thumbnailer #beta_form #beta_form-container div.box.lgrad { background:url(/images/thumbnailer_lgrad.gif) repeat-x top left; height: 78px; } #thumbnailer #beta_form #beta_form-container div.box.sgrad { background:url(/images/thumbnailer_sgrad.gif) repeat-x top left; height: 58px; } #thumbnailer #beta_form #beta_form-container div#upload_thumbnail, #thumbnailer #beta_form #beta_form-container div#make_thumbnail { margin: 0 0 10px 0; } /* ------------------------------- add ------------------------------------ * * Page: 'add' for adding a casestudy/review of and exhibit/exhibition * * ------------------------------------------------------------------------ */ /* #add { text-align: center; margin: 0 auto; width: 670px; } #add h2 { color: #888; font-size: 2em; line-height: 2.5em; margin-bottom: 10px; } #add p { font-size: 1.3em; font-weight: bold; line-height: 4em; } #add div.box { background-color: #F0F0F0; border: 1px solid #ccc; line-height: 20px; padding: 10px; margin: 0 auto; width: 85%; } #add div.box h3 a { color: #fff; background: url(/images/betaform_ibuttonbg.gif) repeat-x scroll center center; padding: 2px 6px; } #add div.box h3 a:hover { color: #efefef; background: url(/images/betaform_ibuttonbg_over.gif) repeat-x scroll center center; } */ #add h2 { color: #888; font-size: 2em; line-height: 2.5em; margin-bottom: 10px; } #add #reviews.case_listing, #add #casestudies.case_listing, #add #bits.case_listing { width: 270px; } #add #reviews.case_listing, #add #casestudies.case_listing { margin-right:20px; width: 270px; } /* ------------------------ members directory ----------------------------- * * * * ------------------------------------------------------------------------ */ #members .header { background:url(/images/allheaders_bg.gif) repeat-x top left; } #members .widget_sortmethod { padding-left: 8px; width: 330px; } #members .case_listing-container { padding-top: 3px; } #members dt p { font-size: 1.1em; } #members dl .posted { color: #c4c3c3; } /* ------------------------------ profile --------------------------------- * * * * ------------------------------------------------------------------------ */ #profile .header { background:url(/images/allheaders_bg.gif) repeat-x top left; } #profile h2 { line-height: 1.5em; } #profile h4 { font-size: 1.4em; line-height: 1.2em; } #profile h5 { float: left; font-size: 1.4; line-height: 1.2em; padding: 2px 3px 2px 0; } #profile.case_listing .case_listing-container { float: left; max-width: 320px; width: 300px; } #profile.case_listing .case_listing-container h1 { font-size: 1.6em; text-transform: capitalize; padding-bottom: 4px; width: auto; } #profile.case_listing .case_listing-container h1 span { font-size: 0.8em; text-transform: lowercase; width: auto; } #profile.case_listing .case_listing-container p span { font-weight: bold; width: auto; } #profile.case_listing .case_listing-container dl { border: none; padding-top: 0; margin: 0; width: auto; } #profile.case_listing .sep-nav { float: right; display: block; padding: 0px 30px 10px 10px; line-height: 20px; } #profile.case_listing .sep-nav a { font-weight: bold; text-transform: capitalize; } #profile .left50pctm { clear: both; } #profile .profile_content { padding-left: 12px; margin-right: 18px; } #profile .profile_content h2 { padding-bottom: 3px; } #profile .profile_content p { line-height: 14px; } #profile .profile_content ul.bulleted { list-style: circle; list-style-position: outside; padding-left: 1.2em; } #profile .profile_content dl, #profile .profile_content ul { padding-bottom: 1.45em; } #profile .profile_content ul li { clear: both; } #profile .profile_content ul.first { padding-bottom: 0em; } #profile .profile_content ul.first li p { padding-bottom: 1.45em; } #profile .profile_content dl dt { padding-top: 2px; } #profile .profile_content dl dd { padding-bottom: 2px; } #profile .profile_content dl h4 { line-height: normal; } #flickr_badge { clear: both; padding: 20px 0 0 0; } #flickr_badge div.header { border: #ddd solid 1px; width: 100%; height: 25px; } #flickr_badge div.header h1 { color: #fff; background: #a5aab0 url(/images/allheaders_bg.gif) repeat-x scroll left top; line-height: 24px; padding-top: 1px; padding-left: 10px; } #flickr_badge div.spacer-03 { float: left; width: 100%; } #flickr_badge ul h2 { padding: 0 0 10px 0; } #flickr_badge #flickr-images { float: left; width: 310px; padding: 0 50px 0 2px; } #flickr_badge #flickr-images li { float: left; padding: 0 10px 10px 0; } #flickr_badge #flickr-images img { float: left; width: 48px; height: 48px; } #flickr_badge #flickr-posts { float: left; list-style: circle inside; width: 298px; } #flickr_badge #flickr-posts li { padding: 0.3em 0 0.3em 0; } #flickr_badge #flickr-posts li h6 { display:inline; line-height:1.1em; font-size: 1.2em; font-weight: bold; } #flickr_badge #flickr-posts li p { padding-left:1.3em; font-size: 1.1em; } /* * * Beta Form Styles * * */ #beta_form { clear: both; float: left; width: 100%; } #beta_form a { line-height: 24px; } #beta_form p { margin-right: 7px; } #beta_form em { float: left; color: #999; font-size: 1.1em; font-weight: bold; line-height: 24px; margin-right: 7px; } #beta_form img, #beta_form a:hover img { border: none !important; } #beta_form span p { float: left; line-height: 23px; } #beta_form textarea { overflow-y: auto; border-top: #8d8d8d inset 1px; border-left: #ccc solid 1px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; padding: 2px; margin-top: 4px; margin-bottom: 5px; height: 106px; } #beta_form input { border-top: #8d8d8d inset 1px; border-left: #ccc solid 1px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; padding-left: 2px; margin: 2px 13px 2px 0; } #beta_form input.text { min-height: 20px; width: 167px; } #beta_form input[type='file'] { color: #333; } #beta_form input:focus, #beta_form input:focus:hover, #beta_form textarea:focus, .form_bar input.add_button:focus { color: #333; } #beta_form .add_button, div.form_bar .add_button { float: left; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; border: 1px solid #ddd; padding: 0px 6px 0px 6px; margin: 0px 7px 0px 0px; } #beta_form .add_button:focus, div.form_bar .add_button:focus { color: #333; } #beta_form a.add_button, div.form_bar a.add_button { background: url(/images/betaform_abuttonbg.gif) repeat-x top left; line-height: 18px; margin-top: 3px; height: 16px; } #beta_form a.add_button:hover, div.form_bar a.add_button:hover { color: #efefef; background: url(/images/betaform_abuttonbg_over.gif) repeat-x top left; text-decoration: none; } #beta_form input.add_button, div.form_bar input.add_button { background: url(/images/betaform_ibuttonbg.gif) repeat-x top left; cursor: pointer; padding-bottom: 2px; height: 22px; } /* ------------------------- beta_form title ------------------------------ * * used with all beta_forms, applies contextual help margin change * * ------------------------------------------------------------------------ */ #beta_form #title { float: left; padding-left: 10px; margin-bottom: 10px; } #beta_form #title.wch { margin-bottom: 0; } /* with context help */ #beta_form #title h3 { float: left; width: 680px; } #beta_form #title h1 span, #title h3 span, #title h4 span { color: #3366CC; } #beta_form #title p { float: left; font-size: 1.3em; } #beta_form #title div { clear: both; float: left; } #beta_form #title div p { line-height: 24px; margin: 5px 0 0 0; } #beta_form #title div p span { color: red; } #beta_form #title a.button_ilink { clear: both; margin-top: 5px; } /* ----------------------- beta_form-container ---------------------------- * * usually found as form.beta_form-container but may be applied elsewhere, * * such as the thumbnailer, which implements forms within the container * * ------------------------------------------------------------------------ */ #beta_form #beta_form-container { clear: both; float: left; display: block; padding: 30px 0 0 10px; margin: 0 0 18px 0; width: 100%; } #beta_form #beta_form-container h2 { line-height: 24px; } #beta_form #beta_form-container h4 { color: #666; line-height: 16px; } #beta_form #beta_form-container h5 { float: left; color: #666; margin-right: 7px; } #beta_form #beta_form-container a.button_ilink { float: left; margin-right: 10px; } #beta_form #beta_form-container a.button_ilink span { float: none; min-height: 0; } #beta_form #beta_form-container div { clear: both; float: left; margin-bottom: 18px; padding-left: 10px; width: 100%; } #beta_form #beta_form-container div div { padding: 0; margin: 0; } #beta_form #beta_form-container div span { float: left; padding-right: 2px; min-height: 24px; } #beta_form #beta_form-container div textarea { width: 75.6% !important; } #beta_form #beta_form-container div.box { background-color: #F0F0F0; border: 1px solid #ccc; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; width: 85%; } #beta_form #beta_form-container div.box h4, #beta_form #beta_form-container div.box h5 { line-height: 24px; margin-bottom: 5px; } #beta_form #beta_form-container div.box textarea { width: 90%; } #beta_form #beta_form-container div.box.green { background-color: #f8fafb; } #beta_form #beta_form-container div.box.borderblue { border: 1px solid #e7eef2; } #beta_form #beta_form-container div.wrapper { float: left; margin-bottom: 5px; width: 100%; } #beta_form #beta_form-container div.file_uploads h4, #beta_form #beta_form-container div.file_uploads h5 { margin: 0 7px 0 0; } #beta_form #beta_form-container div.file_uploads div.wrapper + div.wrapper { border-top: #ccc 2px dotted; padding-top: 5px; } #beta_form #beta_form-container div.file_uploads div.wrapper { margin: 5px 0 0 0; } #beta_form #beta_form-container div.file_uploads div.wrapper h4 { margin: 0; } #beta_form #beta_form-container div.file_uploads span { clear: both; padding: 0 0 5px 0; width: 100%; } #beta_form #beta_form-container div.file_uploads input { float: none; } #beta_form #beta_form-container form { float: left; width: 100%; }/*used in thumbnailer, forms withing beta_form-container */ #beta_form #beta_form-container input { float: left; } #beta_form #beta_form-container input.checkbox { border: none; margin-top: 5px; min-height: 0px} #beta_form #beta_form-container select { float: left; margin-right: 13px; width: 132px; height: 20px; } #beta_form #beta_form-container #status_bar p { color: green; } /* ----------------------- BETA Form sectional ---------------------------- * * individual sections within the form with unique styles * * ------------------------------------------------------------------------ */ #beta_form #beta_form-container #email span { padding: 0 6px 0 0; } #beta_form #beta_form-container #generics input { width: 250px; } #beta_form #beta_form-container #generics select { width: 170px; } #beta_form #beta_form-container #exhibition #exhibition_name input { width: 250px; } #beta_form #beta_form-container #museum input { width: 250px; } #beta_form #beta_form-container #my_role input { width: 400px; } #beta_form #beta_form-container #nsfgrant input { width: 250px; } #beta_form #beta_form-container #username input { width: 250px; } #beta_form #beta_form-container #password input { width: 250px; } #beta_form #beta_form-container #realname input { width: 250px; } #beta_form #beta_form-container #email input { width: 250px; } #beta_form #beta_form-container #email input.checkbox { width: 12px; } #beta_form #beta_form-container #location input { width: 250px; } #beta_form #beta_form-container #date input { width: 40px; } #beta_form #beta_form-container #open_date input { width: 40px; } #beta_form #beta_form-container #completion_date input { width: 40px; } #beta_form #beta_form-container #cost select { width: 195px; } #beta_form #beta_form-container #update_notification span { margin-left: 5px; margin-right: 7px; } #beta_form #beta_form-container #location select { width: 160px; } #beta_form #beta_form-container #publication p { float: none; } #beta_form #beta_form-container #publication span.publication input { width: 152px; } #beta_form #beta_form-container #publication span.article input { width: 175px; } #beta_form #beta_form-container #publication span.date input { width: 50px; } /* still used? */ #beta_form #beta_form-container h4 span { float: none !important; font-weight: normal; } #beta_form #beta_form-container input.submit { border: none; margin-top: 5px; min-height: 0px; } #beta_form .cancel_button { float: left; font-size: 1.3em; } /* * * Accordion Field Styles * * */ #beta_form .listform_error { background-color: #ecc660; border:2px solid #c0a54a; padding:3px !important; } #beta_form .listform_error { background-color: #eb3b3b; border: 2px solid #7c1b1b; } #beta_form .listform_error { color:white; } #beta_form .accordion_errors { color:#c5140c; } #beta_form .accordion_errors { color:white; } .case_listing .accordion_errors { height: 20px; padding:0px; margin:0px; padding-bottom:0px; padding-top:0px; padding-right:0px; padding-left:0px; min-height:0px; } #beta_form .accordion_errors dt { font-weight:bold; } #beta_form .accordion_errors dd { margin-left: 5px; } #beta_form .accordion_errors { margin-bottom:5px; } /* * * Ruby Styles * * */ /* --------------------------- error display ------------------------------ * * flashed: the top center say containing a title and error list * * fieldWithErrors: a container div surrounding an input with error * * ------------------------------------------------------------------------ */ #content #flashed { clear: both; float: left; background-color: #ffffdb; border: #f7f7c7 2px solid; padding: 6px; margin: 0 0 25px 0; width: 944px; } #content #flashed h2 { font-size: 1.3em; line-height: normal; padding: 2px; } #content #flashed h4 { padding: 3px 2px 2px 2px; } #content #flashed + #beta_form { background: url(/images/spacer_04.gif) repeat-x scroll left top; padding-top: 25px; padding-right: 5px; } #content #flashed + #beta_form #beta_form-container { width: 950px; } #content #beta_form #beta_form-container div.fieldWithErrors { clear: none; } #content #beta_form #beta_form-container div.fieldWithErrors input { background-color: #ffe3e3; } #content #beta_form #beta_form-container div.fieldWithErrors textarea { background-color: #ffe3e3; } /* still in use??? */ #form_errors { clear: both; float: left; background-color: #ffffdb; border: #f7f7c7 2px solid; padding: 5px; margin-bottom: 26px; width: 946px; } #form_errors h4 { color: red; } #form_errors ul { margin-left: 36px; list-style: circle; } #form_errors ul li { } #form_errors ul li p { color: #555; } /* * * Footer Styles * * */ #footer { clear: both; background:url(/images/footerbar.gif) repeat-x top left; padding-top: 18px; margin-top: 18px; height: 99px; } #footer div.sep-nav { padding-left: 54px; } #footer #nsf_logo { width: 585px; } #footer #nsf_logo a { float: left; display: block; background:url(/images/nsflogo.gif) no-repeat left center; padding: 0 7px 0 0; width: 47px; height: 47px; } #footer #nsf_logo p { color: #333; font-size: 1.1em; padding: 7px 0; } a.caption.on::before { font-size: 1.1em; content: "- "; padding-left: 3px; } a.caption.off::before { font-size: 1.1em; content: "+ "; padding-left: 0; } #favorited_list { padding: 50px 0 0 10px; } #favorited_list h2{ padding: 0 0 10px 0; } #favorited_list div.spacer { clear: both; background:url(/images/spacer_05.gif) repeat-x bottom left; padding: 0 0 20px 0; } #favorited_list a { float: left; padding: 0 10px 10px 0; } #favorited_list img { display: block; width: 48px; height: 48px; } #summary ul { clear: both; padding: 10px; font-size: 1.3em;} #thumbnails { margin-bottom:10px; } a.tag {font-size: 1.6em; font-weight: bold; line-height: 20px; padding-right: 15px; } /* a.em0, a:visited.em0 { color: #0066D0; font-size:1.10em; } a.em1, a:visited.em1 { color: #0066D1; font-size:1.13846em; } a.em2, a:visited.em2 { color: #0066D2; font-size:1.17692em;} a.em3, a:visited.em3 { color: #0066D3; font-size:1.21538em; } a.em4, a:visited.em4 { color: #0066D4; font-size:1.25384em; } a.em5, a:visited.em5 { color: #0066D5; font-size:1.29230em; } a.em6, a:visited.em6 { color: #0066D6; font-size:1.3307em; } a.em7, a:visited.em7 { color: #0066d7; font-size:1.369227em; } a.em8, a:visited.em8 { color: #0066d8; font-size:1.407688em; } a.em9, a:visited.em9 { color: #0066d9; font-size:1.446149em; } a.em10, a:visited.em10 { color: #0066da; font-size:1.48461em; } a.em11, a:visited.em11 { color: #0066db; font-size:1.523071em; } a.em12, a:visited.em12 { color: #0066dc; font-size:1.561532em; } a.em13, a:visited.em13 { color: #0066dd; font-size:1.6em;} a.em14, a:visited.em14 { color: #0066de; font-size:1.6em; } a.em15, a:visited.em15 { color: #0066df; font-size:1.6em;} */ div#tags { margin: 25px 0 25px 0; } div#thumbnails { margin: 10px 0 10px 0; } div#thumbnails h1, div#tags h1 { margin-bottom:5px; } #admin { font-size:125%; font-size-adjust:none;} #admin textarea { width:100%; height:300px; } #admin p { margin:20px 0 20px 0; } #admin p.submit { text-align:right; } #admin p.warning { color:red; } #admin table { width:100%; border-collapse:collapse; margin-top:20px; } #admin table.users tr td.option { visibility:hidden; } #admin table.users tr:hover td.option { visibility:visible; } #admin table.users tr:hover { background-color:#ddd; } #admin div.help { background-color:#efefef; border:1px solid #ccc; padding:10px; margin:5px; width:400px; } #admin .preview { padding:10px; margin:20px 5px 20px 5px; border:1px solid #ccc; } #admin pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } #admin th a.desc { padding:2px; padding-right:17px; margin-right:2px; line-height:22px; background:url(/images/down.png) no-repeat top right; } #admin th a.asc { padding:2px; padding-right:17px; margin-right:2px; line-height:22px; background:url(/images/up.png) no-repeat top right; } /* Bits */ #searched #bit-add-bubble { margin-top:20px; } #bit-add-bubble { text-align:right; } #bit-add-bubble span { padding:4px 5px 2px 5px; width:100px; background:url(/images/bit_bubble.png) no-repeat center left; } #bit-add-bubble span a { font-weight:bold; font-size:1.2em; padding:0 20px 0 5px; color:white; } #bit_attachment { float:right; width:500px; padding-top:20px; } #bit_attachment .option { background-color: #F0F0F0; border: 1px solid #ccc; line-height: 20px; padding: 10px; margin: 0 auto; } #bit_attachment .option h3 span { font-size: 12px; font-weight:normal; } #bit_attachment .option#upload h3 { padding-left:25px; background:url(/images/bits-upload-media.png) no-repeat center left; } #bit_attachment .option#link h3 { padding-left:25px; background:url(/images/bits-link-to-media.png) no-repeat center left; } #bit_detail { float:left; padding-top:20px; width:420px; } #bit_detail div { padding:0px 0 20px 0; } #bit_detail div.title input, #bit_detail div.message textarea, #bit_detail div.tags input { width:400px; } #bit_detail h4 { padding:0 0 5px 0; } .bits #featured { padding:20px 0 60px 0; } .bits #featured .info { padding:10px 0 20px 0; } .bits #searched, .bits #searched #results, .bits #searched #results ol { padding-left:0px; margin-left:0px; } .bits #featured #left , .bits #featured #right { width:325px; } .bits #featured .thumbnail { float:left; } .bits #featured .thumbnail img { width:150px; } .bits #featured .description { width:160px; float:right; line-height:1.3em; font-size:1.25em; } .bits #searched #results .comment-count { padding: 0 0 0 15px; } #content #views #left #comments .meta { font-weight:normal; } #content #views #left #comments .bit-comment .meta { font-weight:normal; } #content #views #left #comments .bit-comment p { font-size:1.3em !important; } .thumbed a img { width: 48px } #linkedin_profile_url { font-size: 1.3em; }; #container_sep { clear:both; } /* wtf is this??? */ /** containers **/ div.container-x { float: left; display: inline; font-family: "Arial" !important; margin: 5px 0 6px 0; } .container_tabs { float: left; padding-top: 3px; } .container_tabs li:hover { text-decoration: underline; } .container_tabs li.on { background: url(/images/icons/arrow_down.gif) no-repeat center right; } .container_tabs li.tab, .container_tabs li.off { background: url(/images/icons/arrow_up.gif) no-repeat center right; } .container_tabs li.tab, .container_tabs li.off, .container_tabs li.on { float: left; cursor: pointer; color: #0066d0; font-size: 1.3em; font-weight: bold; line-height: 16px; padding: 0 16px 0 0; margin: 0 0 0 5px; } .container_tabs a { color: #777; display: block; font-size: 1.1em; padding-top: 2px; line-height: 14px; } .container_inner { clear: both; float:left; margin-left:10px; } .container_inner li { float:left; display:block; color:#777; margin: 0 6px 0 5px; cursor:pointer; height: 16px; } div .container-tabs-closed { background-image: url(/images/icons/arrow_up.gif); } div .container-tabs-opened { background-image: url(/images/icons/arrow_down.gif); } /** DOM content container **/ .container-c-mail { background: url(/images/icons/mail.gif) center left no-repeat; padding-left:20px; } .container-c-delicious { background: url(/images/icons/delicious.gif) center left no-repeat; padding-left:20px; } .container-c-myyahoo { background: url(/images/icons/yahoo_myweb.gif) center left no-repeat; padding-left:20px; } .container-c-google { background: url(/images/icons/google_bmarks.gif) center left no-repeat; padding-left:20px; } .container-c-magnolia { background: url(/images/icons/magnolia.gif) center left no-repeat; padding-left:20px; } .container-c-digg { background: url(/images/icons/digg.gif) center left no-repeat; padding-left:20px; } .container-c-reddit { background: url(/images/icons/reddit.gif) center left no-repeat; padding-left:20px; } .container-c-blogrss { background: url(/images/icons/rss.gif) center left no-repeat; padding-left:20px; } .container-c-flickrrss { background: url(/images/icons/flickr.gif) center left no-repeat; padding-left:20px; } .container-c-itunes { background: url(/images/icons/itunes.gif) center left no-repeat; padding-left:20px; } form.mail-container { clear: both; float: left; border-top: #ddd solid 1px; padding: 5px 10px 0 0; margin: 0 0 10px 15px; width: 96%; } form.mail-container h4 { color: #777; font-size: 1.3em; line-height: 1.3em; padding-right: 10px; } form.mail-container h4 span { font-weight: normal; } form.mail-container h5 { display: inline; color: #777; font-size: 1.3em; line-height: 1.3em; padding-right: 20px; } form.mail-container h5 span { font-weight: normal; font-size: 0.95em; } form.mail-container div { clear: both; float: left; margin: 0 0 7px 0; width: 100%; } form.mail-container input { border: #ccc 1px solid; padding: 0 0 0 2px; margin: 2px 13px 5px 0; } form.mail-container input.text { clear: both; float:left; padding: 1px 2px; min-height: 20px; } form.mail-container input.checkbox { display: inline; margin: 0 7px 0 0; } form.mail-container textarea { border: #ccc 1px solid; padding: 2px; width: 95%; } form.mail-container label { display: inline; font-size: 1.2em; } form.mail-container div#mail-from input.text { float: none; display: inline; margin: 0 13px 0 0; } form.mail-container div#mail-from div#email-disclaimer { padding-top: 5px; } form.mail-container div#email-disclaimer { width: 100%; margin: 0; } form.mail-container div#email-disclaimer p { font-size: 1.1em; line-height: 1.2em; width: 95%; } form.mail-container div#submit { padding-top: 10px; } form.mail-container div#submit input { float: left; margin: 2px 5px 0 0; } form.mail-container div#submit p { float: left; line-height: 18px; padding: 2px 0 0; margin-top: 2px; } form.mail-container div#submit p a { line-height: 20px; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .pagination{ padding: 10px; margin-left:auto; } .pagination ul{ margin: 0; padding: 0; text-align: right; /*Set to "right" to right align pagination interface*/ font-size: 12px; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } /* .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: lightyellow; } */ .pagination li.currentpage{ font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; } .pagination li.disablepage{ padding: 0 5px; border: 1px solid #929292; color: #929292; } .pagination li.nextpage{ font-weight: bold; } * html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0; } #content #beta_form input.text:focus { border-top: #8d8d8d groove 3px; border-left: #8d8d8d inset 1px; border-right: #8d8d8d outset 1px; border-bottom: #8d8d8d outset 1px; margin-top: 0px; margin-bottom: 0px; margin-top: 0px; margin-bottom: 0px; height: 20px; } #content #beta_form textarea:focus { border-top: #8d8d8d groove 3px; padding-top: 4px; padding-bottom: 3px; margin-top: 1px; margin-bottom: 3px; } #beta_form #beta_form-container div.fieldWithErrors input.text:focus { border-top: #ffe3e3 2px groove; padding-top: 1px; }