/* (c) 2008 Bam Creative Title : style.css Author : Bam Creative Description : Stylesheet */ /* GLOBAL SETTINGS------------------------------------- GLOBAL SETTINGS */ /* Style sheets called from main style sheet because of the high contrast style switcher. */ @import url("/templates/nav.css"); @import url("/templates/reset.css"); @import url('/common/lightbox/css/lightbox.css'); @import url('/modules/pageimage/templates/pageimagestyle.css'); html { } body { font-family: Arial, Helvetica, sans-serif; font-size: 85%; /* MASTER font-size controller */ color: #000; /* MASTER text colour controller */ background:url(/art/bg.gif) repeat-x 0 -1px #ffffff; } body.loggedin { background:url(/art/bg.gif) repeat-x 0 51px #ffffff; } /*-- this controls the tinymce area --*/ .mceContentBody { background-image: none; background-color: #fff; } /* LINKS -------------------------------------------------------- LINKS */ a { color:#016f78; text-decoration:none; } #contact #flags a { color:#016f78; text-decoration:none; } #contact #flags p { padding-bottom:6px; } a:hover { color:#000; text-decoration:underline; } /* HEADINGS -------------------------------------------------- HEADINGS */ h1, h2, h3, h4, h5, h6, span.h2 { font-weight: normal; margin: 0; padding: 0; padding-bottom: 0.4em; } h1 { font-size: 150%; font-weight: bold; line-height: 1.2em; } h1.homeh1 { color:#016F78; padding-left:12px; } p.h1-title { color:#007b85; font-size: 150%; font-weight: bold; line-height: 1.2em; padding-bottom: 0.4em; } h2, span.h2 { font-weight: bold; color:#007b85; font-size: 130%; font-weight: 600; line-height: 1.3em; } h2 a { color:#007b85; text-decoration:none; } h2 a:hover { text-decoration:underline; } #contact-middle h2, #contact-middle span.h2 { color:#fff; } #community-middle h2, #community-middle span.h2 { font-size: 125%; color:#000; font-weight:bold; } .news-item h3 a { font-size: 80%; font-weight:normal; line-height:1em; padding:0; margin:0; } h3 { font-size: 120%; font-weight: 600; line-height: 1.2em; } #community-middle h3 { font-size:100%; } h4 { font-size: 110%; line-height: 1.2em; font-weight: bold; padding-bottom: 0.3em; color:#007b85; } h5 { font-size: 100%; line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } h6 { line-height: 1.3em; font-weight: bold; padding-bottom: 0.2em; } /* PARAGRAPHS ---------------------------------------------- PARAGRAPHS */ p { line-height: 1.4em; padding: 0 0 1.25em 0; } a.skip { color:#fff; float:left; vertical-align:middle; margin:4px 6px; background-color:#007a85; } a.skip-anchor { padding:0; margin:0; line-height:0; float:left; } /* LISTS -------------------------------------------------------- LISTS */ ul, ol { padding:0 0 1.25em 2.5em; } #content li, body#tinymce li { line-height: 1.4em; } #content ul li, body#tinymce ul li { list-style:square; } /*-- nested lists --*/ #content ul ul, body#tinymce ul ul { padding: 0 0 0 1.5em; } #content ol ol, body#tinymce ol ol { padding: 0 0 0 1.5em; } /* LAYOUT ------------------------------------------------------ LAYOUT */ #container { width:983px; margin: 0 auto; position: relative; } #header { width:983px; margin:0 auto; padding:0; clear:both; position:relative; background-color:#007b85; overflow:auto; } #logo { background:url(/art/abwa-logo.jpg); width:342px; height:155px; float:left; text-indent:-9999px; border:1px solid #007b85; } #controls { position:absolute; top:64px; right:10px; /*text-align:right;*/ } #controls img { vertical-align:middle; } #aplus1, #aplus2, #aplus3, #aplus1:hover, #aplus2:hover, #aplus3:hover { width:28px; height:22px; display:block; float:left; margin-right:4px; padding:0; border:0; color:#000; cursor:pointer; } #aplus1 { background:url(/art/aplus.jpg) 0px 0 #fff; font-size:100%; } #aplus2 { background:url(/art/aplus.jpg) 0px -24px #fff; font-size:110%; } #aplus3 { background:url(/art/aplus.jpg) 0px -48px #fff; font-size:120%; } #aplus1:hover { background:url(/art/aplus.jpg) 28px 0 #eaeaea; } #aplus2:hover { background:url(/art/aplus.jpg) 28px -24px #eaeaea; } #aplus3:hover { background:url(/art/aplus.jpg) 28px -48px #eaeaea; } #aminus { background:url(/art/aminus.gif); width:28px; height:24px; text-indent:-99999px; display:block; overflow:hidden; float:left; margin-right:4px; } #aminus:hover { background:url(/art/aminus-over.gif); } #view_low_contrast-link { background:url(/art/high-contrast.gif) no-repeat #023236; width:145px; color:#fff; font-weight:bold; height:20px; display:block; overflow:hidden; float:left; padding:4px 0 0 10px; margin-right:4px; border:0; cursor:pointer; font-size:90%; } #view_low_contrast-link:hover { background:url(/art/high-contrast-over.gif) no-repeat #023236; } #high, #standard { background-color:#666; color:#fff; display:block; overflow:hidden; float:left; padding:5px 10px; margin-right:0px; border:0; cursor:pointer; text-align:center; font-family:Arial, Helvetica, sans-serif; } #high { margin-right:10px; } #high:hover, #standard:hover { background-color:#333; text-decoration:none; } #donate-inner { display:none; } #main #donate-inner { background:url(/art/donate-inner.gif) no-repeat #02494f; width:89px; height:23px; display:block; color:#fff; font-weight:bold; float:right; padding:8px 0 0 14px; } #main #donate-inner:hover { background:url(/art/donate-inner-over.gif) no-repeat #02494f; } #main #banner { display:none; } #banner { width:731px; height:180px; /*background:url(/art/rta/headers/abwa-banner.jpg);*/ float:left; margin-bottom:15px; } #main #right-column { display:none; } #right-column { width:237px; float:right; margin-left:15px; } #donate-id { background:url(/art/donate-over.jpg) no-repeat #02494f; width:237px; height:90px; color:#fff; } #donate-btn { text-indent:-9999px; background:url(/art/donate.jpg); width:237px; height:90px; display:block; } #donate-btn:hover { background:url(/art/donate-over.jpg); } #enews-id { background:url(/art/enews-signup-overlay.jpg) no-repeat #02494f; width:231px; height:119px; color:#fff; } #enews-btn { text-indent:-9999px; background:url(/art/enews-signup.jpg); width:231px; height:119px; display:block; } #enews-btn:hover { background:url(/art/enews-signup-overlay.jpg); } #right-column ul { list-style:none; margin:8px 0 0px 0; padding:0; } #right-column ul li { margin:0 0px 8px 0; } #right-column ul li a { background:url(/art/rightmenu-bg.gif) repeat #007b85; padding:9px 10px 9px 0px; width:227px; color:#fff; font-weight:bold; display:block; text-align:center; text-decoration:none; font-size: 100%; } #right-column ul li a:hover { background:url(/art/rightmenu-bg-over.gif) repeat #02494f; } #contact { width:237px; margin:0 0 0em 0; } #contact a { color:#fff; text-decoration:underline; } #contact a:hover { text-decoration:none !important; } #contact-top { height:7px; width:237px; background:url(/art/contact-top.gif); } #contact-middle { color:#fff; width:201px; padding:5px 15px 0px 15px; background:url(/art/contact-middle.gif) no-repeat #02494f; } #contact-middle p { padding:.4em 0em; } #contact-bottom { height:7px; width:237px; background:url(/art/contact-bottom.gif); } #main #contact { display:none; } #main #home-content { display:none; } #home-content { } #main #community { display:none; } #community { float:left; width:283px; margin:0 23px 0 0; display:block; } #community-top { height:7px; width:283px; background:url(/art/community-top.gif); } #community-middle { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f5f5f5; padding:7px 15px; width:251px; } a.readmore { float:right; color:#016f78; display:block; } #community-buttons { border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#f5f5f5; height:61px; padding:5px 0 2px 6px; width:275px; } #community-bottom { height:7px; width:283px; background:url(/art/community-bottom.gif); clear:both; margin-bottom:10px; } #conference { background:url(/art/conference-centre.jpg); height:47px; width:131px; text-indent:-9999px; float:left; margin-right:5px; } #conference:hover { background:url(/art/conference-centre-over.jpg); } #discovery { background:url(/art/discovery-centre.jpg); height:47px; width:131px; text-indent:-9999px; float:left; } #discovery:hover { background:url(/art/discovery-over.jpg); } #main #get-help, #main #give-help { display:none; } div.get-help-now { float:left; width:208px; margin-right:10px; display:block; } div.getinvolved { float:left; width:207px; display:block; } div.getinvolved div, div.get-help-now div { margin-bottom:25px; font-size:100% !important; } div.getinvolved div.title, div.get-help-now div.title { margin:3px 0 5px 0; font-size:105% !important; color:#000000 !important; } div.title h2 { font-size:120% !important; color:#000000 !important; } #content { margin:10px 0 0 0; float:left; } #left-column { display:none; } #main #left-column { float:left; width:197px; display:block; margin:0px 15px 10px 0; clear:both; } #main #left-top { background:url(/art/left-top.gif); height:8px; width:197px; } #main #left-middle { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background-color:#f5f5f5; padding:5px 15px; } #main #left-bottom { background:url(/art/left-bottom.gif); height:8px; width:197px; } table.help { float:left; width:238px; margin-right:15px; height:240px; } table.help td.top { background:url(/art/left-top.gif); height:8px; width:197px; } table.help td.middle { border:1px solid #e5e5e5; background-color:#f5f5f5; padding: 15px 15px 0 15px; vertical-align:top; } table.help td.bottom { background:url(/art/left-bottom.gif); height:8px; width:197px; } #main #content { float:left; width:764px; } #main #page-content { font-size:110%; } #page-content.float { float:left; width:440px; padding-right:20px; } #page-content { /* all bamCMS content goes inside here: shouldn't need styling really */ } #footer { width:983px; height:60px; margin:10px auto; } #footer-inner { background-color:#02494f; margin-right:5px; padding:2px 0; } #footer-top { background:url(/art/footer-top.gif); height:5px; } #footer-bottom { background:url(/art/footer-bottom.gif); height:5px; } #lottery { float:left; width:131px; margin:0 100px 0 5px; height:59px; text-indent:-9999px; background:url(/art/lottery-west.gif); } #social { color:#fff; padding:8px 0 0 0; float:left; width:200px; } #social span { line-height:1.5em } #facebook { float:left; width:24px; height:25px; margin:0 3px 0 0; text-indent:-9999px; background:url(/art/facebook.jpg); } #twitter { float:left; width:24px; height:25px; margin:0 3px 0 0; text-indent:-9999px; background:url(/art/twitter.jpg); } #youtube { float:left; width:24px; height:25px; text-indent:-9999px; background:url(/art/youtube.jpg); } #copyright { text-align:right; padding:8px 10px 6px 0; color:#fff; } #copyright a { color:#fff; text-decoration:underline; } /* TABLES ------------------------------------------------------ TABLES */ /*-- data table --*/ table.custom-data-table { border: 1px solid #ccc; border-bottom: none; border-right: none; width: 100%; } th { text-align:left; } table.custom-data-table th, table.custom-data-table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; text-align: left; line-height: normal; } table.custom-data-table th{ background-color: #eee; font-weight: bold; height: 23px; color: #666; line-height: normal; } table.custom-data-table td { color: #676767; text-align: left; } table.custom-data-table td.right { text-align: right; } /* MISC --------------------------------------------------------- MISC */ hr { background: #ccc;/*NS FF OP */ color: #ccc;/*IE*/ border: none;/*FF NS OP*/ height: 1px;/*FF NS OP*/ width: 100%; } /* FORMS -------------------------------------------------------- FORMS */ /* No generic form styling shall be applied here as it causes too many problems with Bamcms admin area. Instead, use classes or ids on forms to style. For more information refer to the CSS and XHTML Best Practices Manual */ /* Intranet login form */ form#login_form input { margin-bottom:10px; width:150px; } form#login_form input#login-btn { width:60px; margin-left:3px; background-color:#02494F; border:1px solid #02494F; color:#FFFFFF; cursor:pointer; font-family:Arial,Helvetica,sans-serif !important; font-size:110%; font-weight:bold; padding:3px; width:auto; } form#login_form input#password { width:150px; margin-left: 4px; } form#login_form fieldset { background-color:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:10px; padding:10px; } #search input { padding:4px 5px; margin:0; border:0; vertical-align:middle; font-family:Arial, Helvetica, sans-serif !important; } #searchform2 { display:block; padding-bottom:25px; } #searchform input{ padding:4px 5px; margin:0; border:0px solid #ccc; vertical-align:middle; font-family:Arial, Helvetica, sans-serif !important; } #searchform2 input { vertical-align:middle; padding:4px 5px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif !important; } #searchform input.submit { background-color:#eaeaea; width:63px; color:#000; border:1px solid #ccc; cursor:pointer; font-size: 0%; display:block; line-height: 0px; } #searchform2 input.submit { background-color:#eaeaea; width:63px; color:#000; border:1px solid #ccc !important; cursor:pointer; } #searchform2 input.submit:hover { background-color:#cbcbcb; } form#search { float:left !important; } #searchform { padding: 0 0 1em 0; display:block; } #searchform input.search { width:152px; height:16px; border:1px solid #ccc; } #search input.search { background:url(/art/search-input.gif) no-repeat #fff; width:152px; height:16px; } #search input.submit:hover { background:url(/art/search-btn-over.gif) no-repeat #02494f; } #search input.submit { background:url(/art/search-btn.gif) no-repeat #409ca4; width:63px; height:24px; cursor:pointer; color:#fff; font-size:90%; text-align:left; font-weight:bold; vertical-align:middle; margin-left:3px; } #order-form #step-one, #order-form #step-two, #order-form #step-three { border:1px solid #e5e5e5; padding:15px; margin:0 0 20px 0; background-color:#f5f5f5; } #step-one label, #step-three label { display:block; width:100px; float:left; margin:0 0 10px 0; } #step-one div, #step-three div { display:block; float:none; margin:0 0 10px 0; } #Table11 td { padding:5px 0px 5px 10px; vertical-align:middle; } #Table11 select { font-family:Arial, Helvetica, sans-serif; } #mailform-guide input#field_20 { width: 10px; } #order-form input#FormsButton2, #mailform fieldset.submit input.submit, #mailform-donate input.submit, #mailform-contact input.submit, #mailform-guide input.submit, span.button input, form#subForm input.submit { font-family:Arial, Helvetica, sans-serif !important; background-color:#007a85; font-weight:bold; color:#fff; padding:3px; border:1px solid #007a85; cursor:pointer; margin: 0 5px 0 0; font-size:110%; width:auto; } #order-form input#FormsButton3, #mailform fieldset.submit input, #mailform-donate fieldset.submit input, #mailform-consult fieldset.submit input, #mailform-contact input.reset, #mailform-guide fieldset input.submit, div.fieldset input.submit, #mailform-consult input.reset, #mailform-guide input.reset { font-family:Arial, Helvetica, sans-serif !important; background-color:#02494f; font-weight:bold; color:#fff; padding:3px; border:1px solid #02494f; cursor:pointer; font-size:110%; width:auto; } #mailform-consult fieldset legend{ font-weight: bold; color:#007b85; font-size: 130%; font-weight: 600; line-height: 1.3em; margin:10px 0; } #order-form td.header { background-color:#e1e1e1; padding:7px 5px 0 10px; margin:25px 0 10px 0; display:block; } #order-form input, #order-form select { font-family:Arial, Helvetica, sans-serif !important; } /* #mailform -------------------------------------- */ #mailform fieldset{ border:0; margin:0; padding:0; } #mailform legend { display:none; } #mailform fieldset ol { margin:10px 0 0 0; padding:0; } #mailform input, #mailform select { font-family:Arial, Helvetica, sans-serif; } #mailform label { width:150px; } #mailform label.wide { width:800px; } #mailform input, #mailform-contact input, #mailform-guide input, form#subForm input.textfield { width:300px; border:1px solid #ccc; padding:4px; font-size:100%; font-family:Arial, Helvetica, sans-serif !important; } #mailform-contact textarea { width:730px; border:1px solid #ccc; padding:4px; font-size:100%; font-family:Arial, Helvetica, sans-serif !important; } #mailform ol li ol li { padding:0; margin:0; } #mailform-guide li.aside{ display:block; height:18px; } /* #mailform-donate -------------------------------------- */ #mailform-consult table { margin-bottom:10px; padding:10px; border:1px solid #e5e5e5; background-color:#f5f5f5; width:100%; } #mailform-donate fieldset, #mailform-contact fieldset, #mailform-consult fieldset, #mailform-guide fieldset, div.fieldset { margin-bottom:10px; padding:10px; border:1px solid #e5e5e5; background-color:#f5f5f5; } #mailform-consult fieldset legend{ display:none; } #mailform-consult span.title{ color:#007b85; font-size:130%; font-weight:bold; } #mailform-contact fieldset { padding:10px; } img#map { border:1px solid #ccc; margin-top:10px; } #mailform-contact legend, #mailform-guide legend{ display:none; } #mailform-donate fieldset.submit #mailform-consult fieldset.submit, div.fieldset.submit { background:none; border:0; padding:0; } #mailform-donate ol, #mailform-guide ol, #mailform-consult ol { list-style:none; margin:10px; padding:0; } #mailform-guide input#field_21 { width:10px; } #mailform-guide ol li fieldset { border:0; margin:0; padding:0; } #mailform-guide ol li fieldset ol { margin:20px 0 0 0px; padding:0; } #mailform-guide ol li fieldset ol li { margin:0; padding:0; } #mailform-contact ol { list-style:none; margin:0px; padding:0; } #mailform-donate ol li label, #mailform-contact ol li label, #mailform-guide ol li label { width:150px; float:left; } #mailform-consult ol li label { width:325px; float:left; } #mailform-consult ol li label.details { width:250px; float:left; } #access li { } #form_element { } #mailform-consult input.consult { width:300px; } #mailform-consult select.consult { width:306px; } #mailform-donate ol.donate-amount li label { float:none; } #mailform-consult ol.consult-amount li label { float:none; } #mailform-contact ol li label { width:100%; } #mailform-donate ol li label.wide, #mailform-contact ol li label.wide, #mailform-consult ol li label.wide, #mailform-guide ol li label.wide { width:500px; } #mailform-consult ol li label.wide { width:670px; } #mailform-donate ol li, #mailform-contact ol li, #mailform-consult ol li, #mailform-guide ol li { margin: 0 0 6px 0; list-style: none outside none; } #mailform-guide input#field_19,#mailform-guide input.radioinput { width:20px; } #mailform-donate ol.donate-amount { margin:0 0 0px 20px;; } #mailform-donate input, #mailform-donate select, #mailform-consult select, #mailform-contact select { font-family:Arial, Helvetica, sans-serif; } div.form-errors { padding: 15px; font-weight: bold; color: #f00; margin-bottom: 10px; border: 1px solid #f00; } div.form-errors p { padding: 0; margin: 0px; } .error-message { background: #FFEFC6 url(/art/messagebox_warning.gif) 1em 1em no-repeat; border:1px solid #FEBE10; color:#333333; font-size:1em; margin-bottom:1em; padding:1.25em 3.5em 0 3.5em; } /* Listmail Form ----------------------------------------------- Listmail Form*/ form#subForm #containForm {background-color:#F5F5F5; border:1px solid #E5E5E5; margin-bottom:20px; padding:20px 15px 0px;} form#subForm span.label,form#subForm span.spacer,form#subForm span.multiple span {width:120px;float:left;} form#subForm span.multiple {float:left;} form#subForm span.newsbutton {/*padding-left:130px;*/} form#subForm div { margin-bottom: 20px;} form#subForm div.clear {clear:both;padding-top:5px;} .required {color: #ba0101;} /* CUSTOM CLASSES -------------------------------------- CUSTOM CLASSES */ .clear { clear: both; } .custom-left-image { border:3px solid #02494f; margin-right:15px; margin-bottom:10px; float:left; } .custom-right-image { border:3px solid #02494f; margin-left:15px; float:right; margin-bottom:10px; } /* ARTICLES MODULE------------------------------------------ ARTICLES MODULE */ div.news-box { float: right; padding:0px; border: 0px solid #ccc; } .news-item h5 a { font-weight:normal; color:#000000; text-decoration:none; } .news-item h5 a:hover { text-decoration:underline; } img.news-thumb { float: left; padding: 4px; border: 1px solid #eee; margin: 0 8px 8px 0; } div.news-item { border-bottom: 0px dashed #ccc; margin-bottom: 0px; } .news-item p { padding:0; margin:0; } div.news-item h3 a { text-decoration: none; } div.article-category-heading { border-bottom: 0px dashed #ccc; margin-bottom: 0px; float:left; margin-right:10px; } div#events-subscribe { float:left; padding:5px;; margin:0; } div.article-thumbnail { float: left; margin: 0 9px 9px 0; } div.article-thumbnail img { border: 1px solid #eee; padding: 4px; } div.articles-paginator { background-color: #f1f1f1; padding: 3px 8px; border: 1px solid #ddd; width: auto; clear: both; margin-bottom: 10px; } div.article-listing { border-bottom: 1px dashed #ccc; padding-bottom: 8px; margin-bottom: 10px; float:left; width:480px; } div.articles-all { width:510px; float:left; } div.article-short-content { float: left; width: 480px; } div.articles-paginator p { padding: 0; } p.article-date { font-size: 90%; color: #999; padding-bottom: 0.8em; } div.article-image { float: right; margin: 0 0 10px 10px; } div.article-image img { border: 1px solid #eee; padding: 8px; } /* Any classes that start with the "custom-" prefix will automatically be made available in the TinyMCE Styles drop down menu. For example: .custom-red-text { color: #F00; } */ /* TABLES------------------------------------- TABLES */ #home-table { float:left; width:424px; display:block; } #home-table th { text-align:left; padding:1em 0 0em 0; } #home-table td { border-bottom:1px dashed #ccc; padding:1em 1.5em 1em 0; vertical-align:top; } /* SLIDESHOW-------------------------------------SLIDESHOW */ .image-wrapper { height:320px; margin:0; padding:0; position:relative; } /* Calendar -------------------------------------- Calendar */ .calendar-display { float:left; margin: 0 0 15px 0px; display: inline; border:1px solid #e5e5e5; background-color:#f5f5f5; padding:7px; width:238px; } .calendar-display-header { margin: 0px 0 20px 0; padding:5px 5px 0px 5px; } .calendar-display-footer { margin-bottom: 0px; } .cal_header { padding: 2px 0 12px 0; position: relative; font-weight: normal; width: 240px; } .calendar-display-footer .cal_header { padding-bottom: 5px; } .prevbtn { width: 55px; height: 19px; display: block; background: url(/art/prevbtn.gif) no-repeat 0 0; font-size: .95em; color: #333333; font-weight: normal; padding: 4px 0 0 22px; text-align: left; position: absolute; left: 0; top: 0; } .nextbtn { width: 50px; height: 19px; display: block; background: url(/art/nextbtn.gif) no-repeat 0 0; font-size: .95em; color: #333333; font-weight: normal; padding: 4px 0 0 6px; position: absolute; text-align: left; right: 0; top: 0; } a.prevbtn:hover, a.nextbtn:hover { background-position: 0 -23px; color: #000; } .calendar-display .active { background: #eaeaea; color: #007b85; } .article-categories{ margin:0 0 20px 0; } select{ color:#393939; font-family:Arial, Helvetica, sans-serif; font-size:100%; } .cal_header { font-weight: bold; text-align: center; } .cal_header a { text-decoration: none; } .cal_day_header { float: left; width: 30px; padding: 2px; font-size: 100%; font-weight: bold; text-align: center; background: #fff; } .cal_non_month_day, .cal_day, .cal_today, .cal_weekend { position: relative; width: 30px; text-align: center; vertical-align: middle; float: left; padding: 2px; overflow: visible; background: #fff; } .cal_non_month_day { } .cal_day { } .cal_today { background: #007b85; color:#fff; font-weight:bold; } .cal_weekend { } #slideshow { position: relative; } #slideshow div { top:0px; left: 0px; position: absolute; } table.none { margin:0; padding:0; border:0; border-collapse:collapse; } label#search-btn-label { display:none; } .custom-gallery-style { float:left; margin:0px 10px 10px 0; } #flags { padding-top:10px; outline:none; padding-right:8px; text-align:center; } #flags span { font-weight:bold; font-size:.9em; line-height:1.6em; padding:0; margin:0; }