/* Generic styles*/ body { background-color: #211500; } h1 { position: relative; top: 8px; } /* Styles for different types of boxes, etc*/ .error { background: #C10707 url('/images/site/icons/error.gif') 10px 50% no-repeat; margin: 0px 0px 36px; padding: 14px 14px 14px 50px; position: relative; top: 18px; } .error p { margin: 0px !important; } .error ul { margin: 0px !important; list-style-type: disc; padding-left: 18px; } .error ul li { background: none !important; } .notification { background: #C8420D; margin: 0px 0px 18px; padding: 14px; border: 1px solid #C4AA61; } .notification p { margin: 0px !important; } .full_width .full_width_functions { float: right; width: 316px; border-left: #C4AA61 1px solid; padding: 17px 17px; } .full_width_functions img { margin-top: 12px; } .full_width .full_width_body { width: 524px; border-right: #C4AA61 1px solid; padding: 17px 17px; } .full_width .compressed { padding: 0px 17px; } .preview_image_wrapper { position: relative; } .custom_search_logo { position: absolute; top: 0px; left: 0px; } .band1_footer { position: absolute; width: 557px; z-index: 29; left: 1px; bottom: -7px; height: 7px; background: #FCE6A8 url('/images/site/corners/capped_box/dark_footer_left.gif') bottom left no-repeat; } .public_page { width: 613px; margin-top: 12px; } /*Styles for unique objects*/ /*Universal and per-page unique layout objects */ #vertical_backdrop { background: transparent url('/images/site/backgrounds/vertical_backdrop.gif') 50% 0% repeat-y; } #backdrop_base { background: #211500 url('/images/site/backgrounds/page_backdrop_base.gif') top left repeat-x; min-width: 950px; } #backdrop_base.utility { background: #211500 url('/images/site/backgrounds/utility_page_backdrop_base.gif') top left repeat-x; min-width: 950px; } #backdrop { background-image: url('/images/site/backgrounds/page_backdrop.gif'); background-repeat: no-repeat; background-position: 50% 0%; margin: 0px auto; } .utility #backdrop { background: transparent url('/images/site/backgrounds/utility_page_backdrop_base.gif') top left repeat-x; margin: 0px auto; } #wrapper { width: 945px; margin: 0px auto; } #header { height: 123px; padding-left: 24px; background: #302005 url('/images/site/backgrounds/header_border.gif') bottom left repeat-x; position: relative; } #accesskey_links { position: absolute; opacity: 0; z-index: -1; left: -9999px; } /* Hackish replacement for display: none, as accesskeys don't work with non-displayed elements */ #status { position: absolute; right: 5px; top: 0px; width: 376px; } #status div { float: right; margin-left: 9px; width: 76px; height: 31px; text-align: center; line-height: 28px; } #status a { display:block; width: 130px; height: 31px; text-indent: -9999px; float: right; } #status a.logout { display: inline; text-indent: 0px; float: right; width: auto; margin-top: 3px; margin-right: 10px; text-decoration: underline !important; } #status a.login { background: transparent url(../../images/mid/login-signup-button.gif) 0 0 no-repeat; } #status a.login:hover { background-image: url(../../images/mid/login-signup-button-over.gif); } #status a.my-profile { background: transparent url(../../images/mid/profile-button.gif) 0 0 no-repeat; } #status a.my-profile:hover { background-image: url(../../images/mid/profile-button-over.gif); } #status #logged_in_user { width: auto; } #status #signup { background: url('/images/site/buttons/signup.png') top left no-repeat; } #status #login { background: url('/images/site/buttons/login.png') top left no-repeat; } #header_login, #header_forgot, #header_errors { background: transparent url('/images/site/backgrounds/header_login.gif') top left no-repeat; position: absolute; right: 5px; top: 0px; width: 377px; height: 64px; padding: 6px 7px 6px 11px; } #header_login .close, #header_forgot .close, #header_errors .close { position: absolute; right: 10px; top: 7px; } #header_login .close:hover, #header_forgot .close:hover, #header_errors .close:hover { cursor: pointer; } #header_login span input, #header_forgot span input { width: 140px; } #header_login span input.check, #header_forgot span input.check { width: auto; } #header_forgot span input#header_email { width: 300px; } #header_login span, #header_forgot span { position: relative; top: 20px; } #header_login span label, #header_forgot span label { position: absolute; top: -1.8em; font-weight: bold; } #header_login span.password { left: 20px; } #header_login span.remember, #header_forgot span.remember { position: absolute; left: 11px; top: 53px; } #header_login span.remember label, #header_forgot span.remember label { top: 0px; width: 100px; left: 20px; } #header_login span.remember a, #header_forgot span.remember a { margin-left: 3px; } #header_login_submit, #header_forgot_submit { position: absolute; top: 26px; right: 7px; background: transparent url(/images/site/buttons/login.gif) top left no-repeat; border: 0px; width: 55px; height: 21px; color: #eeeeee; font-weight: bold; padding-bottom: 4px; } #header_login a.forgot { position: absolute; bottom: 8px; right: 7px; text-decoration: underline; } #header_forgot a.login { text-decoration: underline; } #header_login a.forgot:hover, #header_forgot a.login:hover { text-decoration: none; } #header_login_submit:hover, #header_forgot_submit:hover { color:#b3d7b3; cursor: pointer; } #tabs { position: absolute; bottom: 0px; } #tabs li { float: left; width: 102px; height: 32px; line-height: 32px; text-align: center; margin-right: 1px; } #tabs li.active a { background: transparent url('/images/site/buttons/active_tab.gif') no-repeat; } #tabs li a { display: block; background: transparent url('/images/site/buttons/inactive_tab.gif') no-repeat; } #tabs li a:hover { background: transparent url('/images/site/buttons/hover_tab.gif') no-repeat; } #tabs li.active a:hover { background: transparent url('/images/site/buttons/active_tab.gif') no-repeat; } #tabs li.active { background: transparent url('/images/site/buttons/active_tab.gif') no-repeat; display: block; } #tabs li.long { width: 149px; } #tabs li.long a { background: transparent url('/images/site/buttons/inactive_tab_long.gif') no-repeat; } #tabs li.long_active { background: transparent url('/images/site/buttons/active_tab_long.gif') no-repeat; } #tabs li.long a:hover { background: transparent url('/images/site/buttons/hover_tab_long.gif') no-repeat; } #subheader { position: relative; background: transparent; height: 132px; } #subheader.utility { background: transparent; height: 44px; } #redbox_login { height: 90px; } #redbox_login h5 , #redbox_register h5 { float: left; margin-right: 18px; } #redbox_login #redbox_password, #redbox_login #redbox_email { position: absolute; } #redbox_login #redbox_email { top: 80px; left: 9px; width: 220px; } #redbox_login #redbox_password { top: 80px; left: 260px; width: 192px; } #redbox_login a.button { position: absolute; right: 9px; bottom: 0px; line-height: 0.5em; } #redbox_login a.button input { padding-bottom: 4px; } #redbox_login #redbox_forgot { position: absolute; left: 9px; top: 124px; } #redbox_register { height: 200px; } #redbox_register #redbox_register_email { position: absolute; top: 85px; left: 9px; width: 445px; } #redbox_register #register_password1_label, #redbox_register #register_password2_label { position: absolute; top: 165px; } #redbox_register #register_password2_label { left: 244px; } #redbox_register_password_1, #redbox_register_password_2 { position: absolute; top: 188px; left: 8px; } #redbox_register_password_2 { left: 244px; } #redbox_tc_label { position: absolute; left: 8px; top: 228px; } #redbox_tc_label input { position: relative; top: 2px; } #redbox_register a.button { position: absolute; right: 9px; bottom: 0px; line-height: 0.5em; } #redbox_register a.button input { padding-bottom: 4px; } #redbox_privacy { position: absolute; top: 122px; left: 10px; } /* For the 'Signup' lightbox */ #register_lightbox { width: 100%; position: absolute; top: 40px; margin: 0px auto; } #register_lightbox #lightbox_register_close { position: absolute; top: 17px; right: 15px; } #register_lightbox div.wrapper { width: 485px; height: 292px; margin: 0px auto; background: #ffffff; line-height: 1.2em; } #register_lightbox div.wrapper div.redbox { top: 0px; /*height: 274px; */ text-align: left; } #register_lightbox div.wrapper div.redbox h2, #register_lightbox div.wrapper div.redbox h3, #register_lightbox div.wrapper div.redbox h4 { padding-left: 12px; width: auto; } #register_lightbox div.wrapper div.redbox div.redbox_section { padding-top: 0px; } /* #register_lightbox div.wrapper div.redbox h2 .signup { padding-top : 8px ; }*/ #register_lightbox div.wrapper div.generic_form p input.text { width: 99%; } #register_lightbox div.wrapper div.generic_form p.half_width { width: 200px; } #register_lightbox div.wrapper div.generic_form p.second { position: absolute; right: 13px; } #register_lightbox div.wrapper div.generic_form p.half_width input.text { width: 200px; } #register_lightbox div.wrapper div.generic_form p.inline { clear: left; } #register_lightbox div.wrapper div.generic_form #lightbox_register_remember_p { width: 302px; margin-bottom: 4px; } #register_lightbox div.wrapper div.generic_form #lightbox_register_submit_p { width: auto; position: relative; left: 50px; margin-bottom: 4px; } #register_lightbox div.wrapper div.generic_form #redbox_note { margin-top: -12px; margin-bottom: 22px; } #utility_nav { margin-left: 24px; } #utility_nav li { background: url('/images/site/buttons/widget_center.gif') top left repeat-x; float: left; height: 24px; margin: 9px 16px 10px 0px; } #utility_nav li a { background: transparent url('/images/site/buttons/widget_left.gif') top left no-repeat; display: block; height: 24px; line-height: 24px; color: #eeeeee; text-align: center; font-size: 1.1em; padding: 0px 16px; position: relative; float: left;} #utility_nav li a span { background: transparent url('/images/site/buttons/widget_right.gif') top right no-repeat; display: block; position: absolute; height: 24px; top: 0px; right: 0px; width: 7px; } #utility_nav li.active { background: url('/images/site/buttons/active_widget_center.gif') top left repeat-x; } #utility_nav li.active a { background: transparent url('/images/site/buttons/active_widget_left.gif') top left no-repeat; } #utility_nav li.active a span { background: transparent url('/images/site/buttons/active_widget_right.gif') top right no-repeat; } #content { background: transparent url('/images/site/backgrounds/content_top_left_corner.gif') top left no-repeat; min-height: 400px; padding: 0px 17px; position: relative; z-index: 99; width: 911px; } .utility #content { background-image: none; padding-top: 16px; } #meta_column { float: right; width: 288px; margin-left: 9px; } #meta_column .capped_box { margin-bottom: 8px; } #second_tier_navigation { padding: 0px 5px; background: #FFEDB8; border: 1px solid #C4AA61; margin-bottom: 8px; } #second_tier_navigation li { margin: 7px 0px; } #second_tier_navigation a.button, #second_tier_navigation a.button span { float: none; display: block; } #right_column_search { height: 30px; background: url('/images/site/backgrounds/right_column_search.gif') top left; padding: 10px 9px 12px 14px; margin-bottom: 8px; } #meta_column input.text, #content_column form.search_form_large input.text { float: left; width: 176px; } #content_column form.search_form_large input.button { background: url('/images/site/buttons/right_column_search_submit.gif') top left; border: none; display: block; float: left; width: 68px; height: 28px; padding-bottom: 5px; margin-left: 8px; } a.contrib input { background: url('/images/site/buttons/right_column_search_submit.gif') top left; border: none; display: block; float: left; width: 68px; height: 28px; padding-bottom: 5px; margin-left: 8px; } a.contrib:hover input {background:transparent url(/images/site/buttons/right_column_search_active.gif) no-repeat scroll right top; } #content_column form.search_form_large input.text {width: 450px;} #content_column { width: 613px; } #content_column.full_width { width: auto; border-top: #C4AA61 1px solid; } #content_column.full_width .body, #content .body_section .body { padding: 0px 0px 11px 0px; } #content_column .full_width_functions ul { border: none; background: transparent; padding: 0px; } #content_column .full_width_functions ul li { background-image: none; padding: 0px; } #content_column .full_width_functions ul li a.button span { text-align: center; } #content_column .full_width_functions ul li a.button span img { position: absolute; left: -6px; top: 0px; } #larger_view { height: 676px; width: 100%; position: fixed; top: 40px;} #larger_view div { position: relative; width: 878px; margin: 0px auto; } #larger_view img { display: block; margin: 0px auto; } #larger_view img.close { position: absolute; top: 4px; right: 4px; } #content_column.split_view { width: auto; padding-bottom: 9px; background: transparent url('/images/site/corners/variegated_box/bottom.gif') bottom left no-repeat; } #content_column.split_view .split_view_wrapper { background: transparent url('/images/site/corners/variegated_box/back.gif') top left repeat-y; } #content_column.split_view h2.box_header { padding-bottom: 0px; margin: 0px; } #content_column.split_view .highlight_column { background: transparent url('/images/site/corners/variegated_box/left_col_back.gif') top left repeat-y; float: left; width: 376px; padding: 30px 16px 12px; border-left: 1px solid #DABC6C; border-right: 1px solid #DABC6C; } #content_column.split_view .list_column { margin-left: -1px; float: left; width: 468px; background: #FFEDB8; border-right: 1px solid #DABC6C; border-left: 1px solid #DABC6C; padding: 30px 16px 12px; } #content_column.split_view .list_column img { float: left; margin: 0px 14px 8px 0px; border: 1px solid #433404; } #content_column.split_view .list_column p { min-height: 84px; } #content_column.split_view .list_column .pagination {font-weight:normal; font-size:1.2em; line-height:24px;} #content_column.split_view .list_column .pagination a:visited {font-weight:normal;} #content_column.split_view .pagination .next { float: right; } #content_column.split_view .pagination .next_page { float: right; } #content_column.split_view .pagination .prev_page { float: left; padding: 0px 2px;} #content_column.split_view .pagination li { float: left; background: none; padding: 0px 2px; } #content_column h2.box_header { background: url('/images/site/buttons/content_header_center.gif') bottom left repeat-x; position: relative; } #content_column h2.box_header a { float: right; } #content_column h2.box_header a img { margin: 10px 0px 0px; } #content_column h2 span.content_column_header_left { background: url('/images/site/buttons/content_header_left.gif') top left no-repeat; display: block; } #content_column h2 span.content_column_header_right { background: url('/images/site/buttons/content_header_right.gif') top right no-repeat; display: block; padding: 8px 14px 12px 18px; } #content_column h2 span.content_column_header_left_bottom { background: url('/images/site/buttons/content_header_left_bottom.gif') bottom left no-repeat; display: block; } #content_column h2 span.content_column_header_right_bottom { width: 100%; background: url('/images/site/buttons/content_header_right_bottom.gif') bottom right no-repeat; display: block; } #content_column h2.two_col { margin: -1px -1px 0px; } #content_column .comments { margin-top: 10px; } #content_column .comments h2.box_header { background: url('/images/site/buttons/content_commentheader_center.gif') bottom left repeat-x; height: 42px; position: relative; padding: 0px 14px 0px 18px; line-height: 36px; } #content_column .comments h2 span.content_column_header_right { background: url('/images/site/buttons/content_commentheader_right.gif') top right no-repeat; display: block; height: 42px; position: absolute; right: 0px; width: 9px; top: 0px; } #content_column .comments h2 span.content_column_header_left { background: url('/images/site/buttons/content_commentheader_left.gif') top left no-repeat; display: block; height: 42px; position: absolute; left: 0px; width: 9px; top: 0px; } #content_column div.body,#content_column form.search_form_large, .body_section div.body { border: 1px solid #C4AA61; background: #FFEDB8; border-top: 0px; border-bottom: 0px; padding: 20px 16px 11px; } #content_column span.subtext { display: block; margin: -12px 0px 30px; } #content_column .comments h2 .subtext a { float: none; } #content_column .post_footer span { position: absolute; width: 335px; } #content_column .post_footer div { margin-left: 335px; margin-bottom: 14px; } #content_column .search_result_info {background: #F9E09B; padding:6px 20px;border: 1px solid #C4AA61;} #content_column .search_result_info p {margin:0px; font-size: 1.1em;} #content_column_pagination { width: 597px; height: 30px; position: relative; left: 8px; line-height: 30px; background: #FFEDB8; border-top: 1px solid #C4AA61; border-bottom: 1px solid #C4AA61; margin-top: 10px; } #content_column_pagination .previous { padding-left: 22px; position: absolute; top: -1px; left: -8px; background: url('/images/site/pagination/left.gif') top left no-repeat; } #content_column_pagination .next { padding-right: 22px; position: absolute; top: -1px; right: -8px; background: url('/images/site/pagination/right.gif') top right no-repeat; } #comment { display:block; } #comment .col { float: left; width: 288px; margin-bottom: 22px;} #comment label { display: block; margin: 8px 0px; clear: left; } #comment .col input { width: 268px; } #comment textarea { width: 97%; height: 170px; margin-bottom: 16px; } #comment strong { display: block; width: 300px; text-align: center; } #comment input.button { background: url('/images/site/buttons/comment.png') top left; border: none; display: block; width: 132px; height: 28px; padding-bottom: 5px; margin-left: 8px; } #ask_a_question .col { float: left; width: 288px; margin-bottom: 22px;} #ask_a_question label { display: block; margin: 8px 0px; clear: left; } #ask_a_question .col input { width: 268px; } #ask_a_question textarea { width: 97%; height: 170px; margin-bottom: 16px; } #ask_a_question strong { display: block; width: 300px; text-align: center; } #content_column #ask_a_question img { margin-bottom: 12px; } #ask_a_question div.radio-label {margin-bottom: 6px;} #ask_a_question div.radio-label label {display:inline;} #footer { background: #211500 url('/images/site/backgrounds/footer_backdrop.gif') 50% 0% no-repeat; height: 158px; position: relative; z-index: 1; margin-top: -20px; } #footer_content { width: 944px; margin: 0px auto; position: relative; } #footer ul { position: absolute; top: 108px; left: 10px; } #footer ul li { float: left; border-left: 1px solid #eeeeee; padding: 0px 8px; } #footer ul li.first { border: none; } #newzealandgovtnz { position: absolute; top: 100px; right: 0px; } #search_pagination { width: 597px; height: 30px; position: relative; line-height: 30px; } #search_pagination .previous { position: absolute; top: -1px; } #search_pagination .next { padding-right: 22px; position: absolute; top: -1px; right: -8px; } #date_start_value, #date_end_value { width: 15%; } /* Static/Radiant pages */ /* Edit/Create custom search */ #sectioned_body .body_section { position: relative; margin-bottom: 18px; background: #FFEDB8; border-top: 1px solid #C4AA61;} #sectioned_body .full_width_body { padding: 0px; width: 558px; } #sectioned_body .full_width_body h3 { background: url('/images/site/backgrounds/body_section_header_background.gif') top left repeat-x; padding: 14px 12px; border: 1px solid #372404; color: #eeeeee; font-size: 2.1em; line-height: 1em; margin: 1px; } #content #sectioned_body .body { padding-bottom: 0px; } #sectioned_body .content_footer { position: relative; } #sectioned_body .content_footer span { display: block; position: absolute; width: 1px; height: 9px; background: #C4AA61; left: 559px; top: 0px;} #sectioned_body .band1, #sectioned_body .band2 { margin: 0px 1px; padding: 10px 12px; } #sectioned_body .band1 { background: #F9E09B; } #sectioned_body .band1 h4, #sectioned_body .band2 h4 { font-size: 1.6em; font-weight: bold; margin-bottom: 5px;} #sectioned_body label { font-size: 1.2em; position: relative; top: -1px; } /*#sectioned_body div.preview_box { border: 1px solid #836C34; background: #fff; height: 378px; margin-bottom: 12px; width: 314px; overflow: hidden; position: relative;}*/ #sectioned_body div.preview_box div.result, #sectioned_body div.preview_box h2 { padding: 6px 0px; } #sectioned_body div.preview_box div.result p { margin: 0px 0px; } #sectioned_body div.preview_box img { margin: 0px; } #sectioned_body div.preview_box img.custom_search_logo { position: absolute; margin-top:21px; margin-left: 577px; } #sectioned_body #custom_search_sources, #sectioned_body #custom_search_language { background: #FCE6A8; } /*This block handles all the scarily fiddly Edit Search form bits*/ #custom_search_include {position: relative;} #custom_search_include h4 { margin-bottom: 10px; } #custom_search_include img { position: absolute; left: 136px; top: 18px; } #custom_search_include #everything_else { width: 344px; position: static; float:right;} #custom_search_include #everything_else span { width: 170px; display: block; float: left; margin-bottom: 18px; } #custom_search_include #everything_else span.audio { width: 55px; } #custom_search_include #category-everything { position: absolute; } #custom_search_include #category-everything-label {position: absolute; top: 37px; left: 30px; } #custom_search_keywords_input { font-size: 2em; width: 510px; margin-bottom: 18px; } #custom_search_keywords h4 a span { display: none; } #custom_search_keywords h4 a:hover { text-decoration: none; font-size: 19.2px; } #custom_search_keywords h4 a:hover span { margin: 0px 0px 8px; display: block; font-size: 0.8em; color: #191103; font-weight: normal; line-height: 1em; } #custom_search_sources label { font-size: 1.2em; position: relative; top: -1px; } #custom_search_sources img { margin: 0px 12px; position: relative; top: 4px; } #custom_search_sources select { position: relative; top: -3px; font-size: 1.1em; width: 275px; } #custom_search_date_range input.text { width: 98px; } #custom_search_date_range img, #custom_search_language img { margin: 0px 12px; position: relative; top: 4px; } #custom_search_options #image_upload { float: right; padding-right: 24px;} #custom_search_options span.note { display: block; margin-top: 4px; } #custom_search_display { height: 244px; } #custom_search_display #custom_search_description_box { float: left; width: 322px; } #custom_search_display #custom_search_colour { float: left; } #custom_search_display #custom_search_colour label, #custom_search_widget_colour label { margin-bottom: 12px; display: block; } #custom_search_display #custom_search_colour label input, #custom_search_widget_colour label input { position: relative; top: -7px; left: 10px; } #custom_search_display #custom_search_slug { font-size: 1.5em; line-height: 1.8em; padding-top: 12px; } #custom_search_display #custom_search_slug input { font-size: 0.9em; } #custom_search_display #custom_search_slug input.error_input { border: 2px solid #ff0000;} #custom_search_widget #custom_search_widget_options { width: 322px; float: left; height: 195px;} #custom_search_widget #custom_search_widget_options div { margin-top: 24px; } #custom_search_widget #custom_search_widget_options div label { display: block; margin-bottom: 6px; } #custom_search_widget #custom_search_widget_options div label input { position: relative; top: 2px; } #custom_search_widget #custom_search_widget_colour { float: left; } #custom_search_widget #custom_search_widget_colour img { margin: 0px; } #custom_search_widget hr { clear: left; } #search_widget_preview { margin: 18px auto; display: block; } /* Styles to hand the generic forms. Widths and similar context-specific info must be assigned at the base of this block using parent ids */ .generic_form p { margin-bottom: 22px; } .generic_form p.half_width { width: 46%; float: left; } .generic_form p.inline input.check { position: relative; top: 1px; } .generic_form p.footnote { clear: left; padding-top: 22px; margin-bottom: 4px; } .generic_form p label { display: block; margin-bottom: 4px; } .generic_form p span { display: block; font-size: 0.9em; } .generic_form p label span { display: inline; font-size: inherit; } .generic_form p input.text { width: 85%; font-size: 1.1em; } /*This is just a sensible default*/ .generic_form p input.file { width: 75%; font-size: 1em; } .generic_form p textarea { width: 90%; font-size: 1.1em; } /* Another sensible default */ .generic_form hr { clear: left; } /* Stats page styles */ table.top, table.top tr, table.top td, table.top th, table.top tbody { border: 1px solid black; } table.top { width: 597px; margin-bottom: 30px; } table.top tr td, table.top tr th { font-size: 14px; text-align: center; border: 1px solid #C5A04B; padding: 9px 8px 7px 8px; } table.top tr td p, table.top tr th p { margin-bottom: 0px; line-height: normal; font-size: 14px; } table.top tr th { font-weight: bold; background: #F7DD95; text-align: center; } table.top tr th.empty, table.top tr td.empty { background: transparent; border: 0px; } table.top caption { text-align: center; font-weight: bold; } table.top .site_column { width: 500px; } /*.body.stats { font-size: 20px; }*/ .body.stats ul li { padding: 2px 0px 2px 14px; } #content_column .body.stats h3 { margin-bottom: 8px; } .mandatory { display:inline; color: #B83609; } .right { float:right; } .left { float:left; } p.forgot-password { margin-top: 10px; font-size: 1.2em; font-weight: bold; color: #00347C; } p.forgot-password a { font-weight: normal; text-decoration: underline; } .remember { display: block; clear: both; position:relative; top: -15px; }